btv-base-controls 0.1.20 → 0.1.22
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/README.md +24 -24
- package/{esm2022 → esm2020}/btv-base-controls.mjs +4 -4
- package/{esm2022 → esm2020}/lib/basic.module.mjs +64 -64
- package/esm2020/lib/blink-message/blink-message.component.mjs +54 -0
- package/{esm2022 → esm2020}/lib/btv-icon-button/btv-counter-button.mjs +47 -47
- package/esm2020/lib/btv-icon-button/btv-icon-button.component.mjs +89 -0
- package/esm2020/lib/btv-progress/btv-progress.component.mjs +71 -0
- package/esm2020/lib/btv-search/btv-search.component.mjs +82 -0
- package/{esm2022 → esm2020}/lib/busy-indicator/busy-indicator.component.mjs +16 -16
- package/{esm2022 → esm2020}/lib/custom-tool-tip/custom-tool-tip.component.mjs +34 -34
- package/esm2020/lib/custom-tool-tip/tool-tip-renderer.directive.mjs +113 -0
- package/{esm2022 → esm2020}/lib/illustration/illustration.component.mjs +17 -17
- package/esm2020/lib/wm-avatar/avatar.component.mjs +175 -0
- package/{esm2022 → esm2020}/lib/wm-back-btn/wm-back-btn.component.mjs +26 -26
- package/{esm2022 → esm2020}/lib/wm-beta-text/wm-beta-text.component.mjs +19 -19
- package/{esm2022 → esm2020}/lib/wm-info/info-models.mjs +12 -12
- package/esm2020/lib/wm-info/wm-info.component.mjs +237 -0
- package/{esm2022 → esm2020}/lib/wm-info-card/wm-info-card.component.mjs +23 -23
- package/{esm2022 → esm2020}/lib/wm-no-content/wm-no-content.component.mjs +30 -30
- package/esm2020/lib/wm-panel-bar/wm-panel-bar.component.mjs +78 -0
- package/esm2020/lib/wm-scalable-div/scalable-div.component.mjs +105 -0
- package/esm2020/lib/wm-spinner/wm-spinner.component.mjs +135 -0
- package/{esm2022 → esm2020}/lib/wm-state-icon/wm-state-icon.component.mjs +18 -18
- package/{esm2022 → esm2020}/lib/wm-tag/wm-tag.component.mjs +28 -28
- package/esm2020/lib/wm-tamplate-image/wm-template-image.component.mjs +71 -0
- package/{esm2022 → esm2020}/lib/wm-toggle/wm-toggle.component.mjs +31 -31
- package/{esm2022 → esm2020}/models/guidExtension.mjs +14 -14
- package/{esm2022 → esm2020}/public-api.mjs +27 -27
- package/fesm2015/btv-base-controls.mjs +1479 -0
- package/fesm2015/btv-base-controls.mjs.map +1 -0
- package/{fesm2022 → fesm2020}/btv-base-controls.mjs +1427 -1427
- package/{fesm2022 → fesm2020}/btv-base-controls.mjs.map +1 -1
- package/index.d.ts +5 -5
- package/lib/basic.module.d.ts +33 -33
- package/lib/blink-message/blink-message.component.d.ts +20 -20
- package/lib/btv-icon-button/btv-counter-button.d.ts +12 -12
- package/lib/btv-icon-button/btv-icon-button.component.d.ts +30 -30
- package/lib/btv-progress/btv-progress.component.d.ts +20 -20
- package/lib/btv-search/btv-search.component.d.ts +31 -31
- package/lib/busy-indicator/busy-indicator.component.d.ts +7 -7
- package/lib/custom-tool-tip/custom-tool-tip.component.d.ts +35 -35
- package/lib/custom-tool-tip/tool-tip-renderer.directive.d.ts +49 -49
- package/lib/illustration/illustration.component.d.ts +10 -10
- package/lib/wm-avatar/avatar.component.d.ts +63 -63
- package/lib/wm-back-btn/wm-back-btn.component.d.ts +10 -10
- package/lib/wm-beta-text/wm-beta-text.component.d.ts +7 -7
- package/lib/wm-info/info-models.d.ts +20 -20
- package/lib/wm-info/wm-info.component.d.ts +34 -34
- package/lib/wm-info-card/wm-info-card.component.d.ts +9 -9
- package/lib/wm-no-content/wm-no-content.component.d.ts +11 -11
- package/lib/wm-panel-bar/wm-panel-bar.component.d.ts +25 -25
- package/lib/wm-scalable-div/scalable-div.component.d.ts +24 -24
- package/lib/wm-spinner/wm-spinner.component.d.ts +37 -37
- package/lib/wm-state-icon/wm-state-icon.component.d.ts +9 -9
- package/lib/wm-tag/wm-tag.component.d.ts +10 -10
- package/lib/wm-tamplate-image/wm-template-image.component.d.ts +49 -49
- package/lib/wm-toggle/wm-toggle.component.d.ts +11 -11
- package/models/guidExtension.d.ts +5 -5
- package/package.json +11 -5
- package/public-api.d.ts +24 -24
- package/esm2022/lib/blink-message/blink-message.component.mjs +0 -54
- 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/custom-tool-tip/tool-tip-renderer.directive.mjs +0 -113
- package/esm2022/lib/wm-avatar/avatar.component.mjs +0 -175
- package/esm2022/lib/wm-info/wm-info.component.mjs +0 -237
- 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-tamplate-image/wm-template-image.component.mjs +0 -71
|
@@ -1,49 +1,49 @@
|
|
|
1
|
-
import { ElementRef } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export declare class WmTemplateImageComponent {
|
|
4
|
-
container: ElementRef;
|
|
5
|
-
require: string[];
|
|
6
|
-
icon: string;
|
|
7
|
-
disabled: boolean;
|
|
8
|
-
active: boolean;
|
|
9
|
-
light: boolean;
|
|
10
|
-
classes: string;
|
|
11
|
-
backgroundColor: any;
|
|
12
|
-
private _size;
|
|
13
|
-
get size(): string;
|
|
14
|
-
set size(value: string);
|
|
15
|
-
private _sizeBox;
|
|
16
|
-
get sizeBox(): string;
|
|
17
|
-
set sizeBox(value: string);
|
|
18
|
-
get getStyles(): {
|
|
19
|
-
'-webkit-mask-position': string;
|
|
20
|
-
'-webkit-mask-repeat': string;
|
|
21
|
-
'-webkit-mask-size': string;
|
|
22
|
-
'-webkit-mask-image': string;
|
|
23
|
-
'mask-image': string;
|
|
24
|
-
'mask-size': string;
|
|
25
|
-
width: string;
|
|
26
|
-
height: string;
|
|
27
|
-
'background-color': any;
|
|
28
|
-
'background-image'?: undefined;
|
|
29
|
-
'background-repeat'?: undefined;
|
|
30
|
-
'background-position'?: undefined;
|
|
31
|
-
'background-size'?: undefined;
|
|
32
|
-
} | {
|
|
33
|
-
'background-image': string;
|
|
34
|
-
'background-repeat': string;
|
|
35
|
-
'background-position': string;
|
|
36
|
-
'background-size': string;
|
|
37
|
-
'background-color': string;
|
|
38
|
-
width: string;
|
|
39
|
-
height: string;
|
|
40
|
-
'-webkit-mask-position'?: undefined;
|
|
41
|
-
'-webkit-mask-repeat'?: undefined;
|
|
42
|
-
'-webkit-mask-size'?: undefined;
|
|
43
|
-
'-webkit-mask-image'?: undefined;
|
|
44
|
-
'mask-image'?: undefined;
|
|
45
|
-
'mask-size'?: undefined;
|
|
46
|
-
};
|
|
47
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<WmTemplateImageComponent, never>;
|
|
48
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<WmTemplateImageComponent, "wm-template-image", never, { "icon":
|
|
49
|
-
}
|
|
1
|
+
import { ElementRef } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class WmTemplateImageComponent {
|
|
4
|
+
container: ElementRef;
|
|
5
|
+
require: string[];
|
|
6
|
+
icon: string;
|
|
7
|
+
disabled: boolean;
|
|
8
|
+
active: boolean;
|
|
9
|
+
light: boolean;
|
|
10
|
+
classes: string;
|
|
11
|
+
backgroundColor: any;
|
|
12
|
+
private _size;
|
|
13
|
+
get size(): string;
|
|
14
|
+
set size(value: string);
|
|
15
|
+
private _sizeBox;
|
|
16
|
+
get sizeBox(): string;
|
|
17
|
+
set sizeBox(value: string);
|
|
18
|
+
get getStyles(): {
|
|
19
|
+
'-webkit-mask-position': string;
|
|
20
|
+
'-webkit-mask-repeat': string;
|
|
21
|
+
'-webkit-mask-size': string;
|
|
22
|
+
'-webkit-mask-image': string;
|
|
23
|
+
'mask-image': string;
|
|
24
|
+
'mask-size': string;
|
|
25
|
+
width: string;
|
|
26
|
+
height: string;
|
|
27
|
+
'background-color': any;
|
|
28
|
+
'background-image'?: undefined;
|
|
29
|
+
'background-repeat'?: undefined;
|
|
30
|
+
'background-position'?: undefined;
|
|
31
|
+
'background-size'?: undefined;
|
|
32
|
+
} | {
|
|
33
|
+
'background-image': string;
|
|
34
|
+
'background-repeat': string;
|
|
35
|
+
'background-position': string;
|
|
36
|
+
'background-size': string;
|
|
37
|
+
'background-color': string;
|
|
38
|
+
width: string;
|
|
39
|
+
height: string;
|
|
40
|
+
'-webkit-mask-position'?: undefined;
|
|
41
|
+
'-webkit-mask-repeat'?: undefined;
|
|
42
|
+
'-webkit-mask-size'?: undefined;
|
|
43
|
+
'-webkit-mask-image'?: undefined;
|
|
44
|
+
'mask-image'?: undefined;
|
|
45
|
+
'mask-size'?: undefined;
|
|
46
|
+
};
|
|
47
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<WmTemplateImageComponent, never>;
|
|
48
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<WmTemplateImageComponent, "wm-template-image", never, { "icon": "icon"; "disabled": "disabled"; "active": "active"; "light": "light"; "classes": "classes"; "backgroundColor": "backgroundColor"; "size": "size"; "sizeBox": "sizeBox"; }, {}, never, never, false>;
|
|
49
|
+
}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { EventEmitter } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export declare class WmToggleComponent {
|
|
4
|
-
groupValue: number;
|
|
5
|
-
model: string[];
|
|
6
|
-
disable: boolean;
|
|
7
|
-
groupValueOutput: EventEmitter<number>;
|
|
8
|
-
onChange(idx: number): void;
|
|
9
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<WmToggleComponent, never>;
|
|
10
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<WmToggleComponent, "wm-toggle", never, { "groupValue":
|
|
11
|
-
}
|
|
1
|
+
import { EventEmitter } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class WmToggleComponent {
|
|
4
|
+
groupValue: number;
|
|
5
|
+
model: string[];
|
|
6
|
+
disable: boolean;
|
|
7
|
+
groupValueOutput: EventEmitter<number>;
|
|
8
|
+
onChange(idx: number): void;
|
|
9
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<WmToggleComponent, never>;
|
|
10
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<WmToggleComponent, "wm-toggle", never, { "groupValue": "groupValue"; "model": "model"; "disable": "disable"; }, { "groupValueOutput": "groupValueOutput"; }, never, never, false>;
|
|
11
|
+
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export type GuidFormat = 'N' | undefined;
|
|
2
|
-
export declare class Guid {
|
|
3
|
-
static newGuid(format?: GuidFormat): string;
|
|
4
|
-
private static getTemplate;
|
|
5
|
-
}
|
|
1
|
+
export declare type GuidFormat = 'N' | undefined;
|
|
2
|
+
export declare class Guid {
|
|
3
|
+
static newGuid(format?: GuidFormat): string;
|
|
4
|
+
private static getTemplate;
|
|
5
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "btv-base-controls",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.22",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@angular/common": "^18.0.1",
|
|
6
6
|
"@angular/core": "^18.0.1"
|
|
@@ -8,7 +8,11 @@
|
|
|
8
8
|
"dependencies": {
|
|
9
9
|
"tslib": "^2.4.0"
|
|
10
10
|
},
|
|
11
|
-
"module": "
|
|
11
|
+
"module": "fesm2015/btv-base-controls.mjs",
|
|
12
|
+
"es2020": "fesm2020/btv-base-controls.mjs",
|
|
13
|
+
"esm2020": "esm2020/btv-base-controls.mjs",
|
|
14
|
+
"fesm2020": "fesm2020/btv-base-controls.mjs",
|
|
15
|
+
"fesm2015": "fesm2015/btv-base-controls.mjs",
|
|
12
16
|
"typings": "index.d.ts",
|
|
13
17
|
"exports": {
|
|
14
18
|
"./package.json": {
|
|
@@ -16,9 +20,11 @@
|
|
|
16
20
|
},
|
|
17
21
|
".": {
|
|
18
22
|
"types": "./index.d.ts",
|
|
19
|
-
"
|
|
20
|
-
"
|
|
21
|
-
"
|
|
23
|
+
"esm2020": "./esm2020/btv-base-controls.mjs",
|
|
24
|
+
"es2020": "./fesm2020/btv-base-controls.mjs",
|
|
25
|
+
"es2015": "./fesm2015/btv-base-controls.mjs",
|
|
26
|
+
"node": "./fesm2015/btv-base-controls.mjs",
|
|
27
|
+
"default": "./fesm2020/btv-base-controls.mjs"
|
|
22
28
|
}
|
|
23
29
|
},
|
|
24
30
|
"sideEffects": false
|
package/public-api.d.ts
CHANGED
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
export * from './lib/basic.module';
|
|
2
|
-
export * from './lib/wm-info/info-models';
|
|
3
|
-
export * from './lib/btv-icon-button/btv-counter-button';
|
|
4
|
-
export * from './lib/wm-toggle/wm-toggle.component';
|
|
5
|
-
export * from './lib/wm-tamplate-image/wm-template-image.component';
|
|
6
|
-
export * from './lib/wm-state-icon/wm-state-icon.component';
|
|
7
|
-
export * from './lib/wm-spinner/wm-spinner.component';
|
|
8
|
-
export * from './lib/wm-scalable-div/scalable-div.component';
|
|
9
|
-
export * from './lib/wm-panel-bar/wm-panel-bar.component';
|
|
10
|
-
export * from './lib/wm-no-content/wm-no-content.component';
|
|
11
|
-
export * from './lib/wm-tag/wm-tag.component';
|
|
12
|
-
export * from './lib/wm-info/wm-info.component';
|
|
13
|
-
export * from './lib/wm-beta-text/wm-beta-text.component';
|
|
14
|
-
export * from './lib/illustration/illustration.component';
|
|
15
|
-
export * from './lib/btv-search/btv-search.component';
|
|
16
|
-
export * from './lib/btv-progress/btv-progress.component';
|
|
17
|
-
export * from './lib/wm-info-card/wm-info-card.component';
|
|
18
|
-
export * from './lib/wm-back-btn/wm-back-btn.component';
|
|
19
|
-
export * from './lib/btv-icon-button/btv-icon-button.component';
|
|
20
|
-
export * from './lib/busy-indicator/busy-indicator.component';
|
|
21
|
-
export * from './lib/blink-message/blink-message.component';
|
|
22
|
-
export * from './lib/wm-avatar/avatar.component';
|
|
23
|
-
export * from './lib/custom-tool-tip/tool-tip-renderer.directive';
|
|
24
|
-
export * from './lib/custom-tool-tip/custom-tool-tip.component';
|
|
1
|
+
export * from './lib/basic.module';
|
|
2
|
+
export * from './lib/wm-info/info-models';
|
|
3
|
+
export * from './lib/btv-icon-button/btv-counter-button';
|
|
4
|
+
export * from './lib/wm-toggle/wm-toggle.component';
|
|
5
|
+
export * from './lib/wm-tamplate-image/wm-template-image.component';
|
|
6
|
+
export * from './lib/wm-state-icon/wm-state-icon.component';
|
|
7
|
+
export * from './lib/wm-spinner/wm-spinner.component';
|
|
8
|
+
export * from './lib/wm-scalable-div/scalable-div.component';
|
|
9
|
+
export * from './lib/wm-panel-bar/wm-panel-bar.component';
|
|
10
|
+
export * from './lib/wm-no-content/wm-no-content.component';
|
|
11
|
+
export * from './lib/wm-tag/wm-tag.component';
|
|
12
|
+
export * from './lib/wm-info/wm-info.component';
|
|
13
|
+
export * from './lib/wm-beta-text/wm-beta-text.component';
|
|
14
|
+
export * from './lib/illustration/illustration.component';
|
|
15
|
+
export * from './lib/btv-search/btv-search.component';
|
|
16
|
+
export * from './lib/btv-progress/btv-progress.component';
|
|
17
|
+
export * from './lib/wm-info-card/wm-info-card.component';
|
|
18
|
+
export * from './lib/wm-back-btn/wm-back-btn.component';
|
|
19
|
+
export * from './lib/btv-icon-button/btv-icon-button.component';
|
|
20
|
+
export * from './lib/busy-indicator/busy-indicator.component';
|
|
21
|
+
export * from './lib/blink-message/blink-message.component';
|
|
22
|
+
export * from './lib/wm-avatar/avatar.component';
|
|
23
|
+
export * from './lib/custom-tool-tip/tool-tip-renderer.directive';
|
|
24
|
+
export * from './lib/custom-tool-tip/custom-tool-tip.component';
|
|
@@ -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==
|
|
@@ -1,89 +0,0 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, EventEmitter, HostBinding, Input, Output } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@angular/common";
|
|
4
|
-
import * as i2 from "../wm-tamplate-image/wm-template-image.component";
|
|
5
|
-
import * as i3 from "../custom-tool-tip/tool-tip-renderer.directive";
|
|
6
|
-
export class BtvIconButtonComponent {
|
|
7
|
-
get getIsDisabled() { return this.disabled; }
|
|
8
|
-
get getIsSmall() { return this.size === 'small'; }
|
|
9
|
-
get getIsMedium() { return this.size === 'medium'; }
|
|
10
|
-
get getIsDanger() { return this.danger; }
|
|
11
|
-
get iconSize() {
|
|
12
|
-
switch (this.size) {
|
|
13
|
-
case 'small': return 16;
|
|
14
|
-
case 'medium': return 20;
|
|
15
|
-
default: return 24;
|
|
16
|
-
}
|
|
17
|
-
}
|
|
18
|
-
get animate() {
|
|
19
|
-
return {
|
|
20
|
-
type: 'zoom',
|
|
21
|
-
duration: 200
|
|
22
|
-
};
|
|
23
|
-
}
|
|
24
|
-
constructor() {
|
|
25
|
-
this.titleText = '';
|
|
26
|
-
this.disabled = false;
|
|
27
|
-
this.size = 'large';
|
|
28
|
-
this.icon = '';
|
|
29
|
-
this.changed = false;
|
|
30
|
-
this.isTabStop = false;
|
|
31
|
-
this.light = false;
|
|
32
|
-
this.buttonClasses = '';
|
|
33
|
-
this.imageClasses = 'icon-svg';
|
|
34
|
-
this.danger = false;
|
|
35
|
-
this.unavailableText = "Unavailable";
|
|
36
|
-
this.isHover = false;
|
|
37
|
-
this.floor = Math.floor;
|
|
38
|
-
this.isInFullScreen = false;
|
|
39
|
-
this.iClick = new EventEmitter();
|
|
40
|
-
}
|
|
41
|
-
onClick($event) {
|
|
42
|
-
if (this.disabled)
|
|
43
|
-
return;
|
|
44
|
-
this.iClick.emit($event);
|
|
45
|
-
}
|
|
46
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BtvIconButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
47
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: BtvIconButtonComponent, selector: "btv-icon-button", inputs: { titleText: "titleText", disabled: "disabled", size: "size", icon: "icon", changed: "changed", isTabStop: "isTabStop", light: "light", buttonClasses: "buttonClasses", imageClasses: "imageClasses", danger: "danger", unavailableText: "unavailableText" }, outputs: { iClick: "iClick" }, host: { properties: { "class.disabled": "this.getIsDisabled", "class.small": "this.getIsSmall", "class.medium": "this.getIsMedium", "class.danger": "this.getIsDanger" } }, ngImport: i0, template: "<button class=\"icon flex-row {{buttonClasses}}\" (click)=\"onClick($event)\" type=\"button\" #button\r\n [tabindex]=\"(!isTabStop || disabled) ? -1 : undefined\" [showToolTip]=\"!!titleText\" customToolTip [contentTemplate]=\"template\">\r\n\r\n <wm-template-image [icon]=\"icon\" [size]=\"floor(iconSize * (isHover ? 1.1: 1)) + 'px'\" [active]=\"!disabled && changed\"\r\n [light]=\"light\" [classes]=\"imageClasses\">\r\n </wm-template-image>\r\n <ng-content></ng-content>\r\n\r\n</button>\r\n\r\n<ng-template #template>\r\n <span class=\"tooltip-text\"> {{titleText}} </span>\r\n <span *ngIf=\"disabled\" class=\"tooltip-text\"> - {{unavailableText}} </span>\r\n</ng-template>", styles: ["@media print{body{all:unset!important}.wm-page{margin:0!important;display:block!important}.not-printable{display:none!important}*{visibility:hidden}.printable,.printable *{visibility:visible!important}}:host{display:block;background:var(--pageBackgroundColor);border:1px solid;border-radius:4px;border-color:var(--secondaryHover);cursor:pointer;box-sizing:border-box;width:36px;height:36px;flex-shrink:0}:host:focus .icon,:host:hover .icon{outline:none;background:var(--secondaryHover)}:host(.u-no-border){border-width:0px}:host(.small){width:16px;height:16px}:host(.medium){width:30px;height:30px}:host(.disabled){background-color:var(--disabledColor);border-color:var(--disabledColor);color:var(--lightFontColor);cursor:default}:host(.disabled):hover{background-color:var(--disabledColor);border-color:var(--disabledColor)}:host(.disabled) .icon{cursor:default}:host(.danger){background-color:var(--dangerColor);border-color:var(--warningColor)}.tooltip-text{align-self:center}.tooltip-disabled{font-size:14px -2;counter-reset:var(--lightFontColor)}.icon{justify-content:center;align-items:center;width:100%;height:100%;border:0px;cursor:pointer;color:var(--strongFontColor);outline:0px;padding:0;background:transparent;border-radius:inherit}.wm-counter-button{position:relative}.wm-counter{display:inline-block;width:16px;height:16px;line-height:16px;position:absolute;top:0;right:0;border:none;background-color:var(--dangerColor);border-radius:50%;font-size:10px;font-weight:700;text-align:center;color:var(--strongFontColor);text-indent:-1px;overflow:hidden;white-space:nowrap}.u-btn-validate{border-color:var(--dangerColor);background-color:var(--dangerColor);color:var(--onBrandTextColor)}.u-btn-validate:hover{background-color:var(--dangerColor)}.u-btn-primary{border-color:var(--brandColor);background-color:var(--brandColor);color:var(--onBrandTextColor)}.u-btn-primary:hover{background-color:var(--onBrandHoverColor)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.WmTemplateImageComponent, selector: "wm-template-image", inputs: ["icon", "disabled", "active", "light", "classes", "backgroundColor", "size", "sizeBox"] }, { kind: "directive", type: i3.ToolTipRendererDirective, selector: "[customToolTip]", inputs: ["showToolTip", "customToolTip", "contentTemplate", "customAnchor", "useCustom"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
48
|
-
}
|
|
49
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BtvIconButtonComponent, decorators: [{
|
|
50
|
-
type: Component,
|
|
51
|
-
args: [{ selector: 'btv-icon-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button class=\"icon flex-row {{buttonClasses}}\" (click)=\"onClick($event)\" type=\"button\" #button\r\n [tabindex]=\"(!isTabStop || disabled) ? -1 : undefined\" [showToolTip]=\"!!titleText\" customToolTip [contentTemplate]=\"template\">\r\n\r\n <wm-template-image [icon]=\"icon\" [size]=\"floor(iconSize * (isHover ? 1.1: 1)) + 'px'\" [active]=\"!disabled && changed\"\r\n [light]=\"light\" [classes]=\"imageClasses\">\r\n </wm-template-image>\r\n <ng-content></ng-content>\r\n\r\n</button>\r\n\r\n<ng-template #template>\r\n <span class=\"tooltip-text\"> {{titleText}} </span>\r\n <span *ngIf=\"disabled\" class=\"tooltip-text\"> - {{unavailableText}} </span>\r\n</ng-template>", styles: ["@media print{body{all:unset!important}.wm-page{margin:0!important;display:block!important}.not-printable{display:none!important}*{visibility:hidden}.printable,.printable *{visibility:visible!important}}:host{display:block;background:var(--pageBackgroundColor);border:1px solid;border-radius:4px;border-color:var(--secondaryHover);cursor:pointer;box-sizing:border-box;width:36px;height:36px;flex-shrink:0}:host:focus .icon,:host:hover .icon{outline:none;background:var(--secondaryHover)}:host(.u-no-border){border-width:0px}:host(.small){width:16px;height:16px}:host(.medium){width:30px;height:30px}:host(.disabled){background-color:var(--disabledColor);border-color:var(--disabledColor);color:var(--lightFontColor);cursor:default}:host(.disabled):hover{background-color:var(--disabledColor);border-color:var(--disabledColor)}:host(.disabled) .icon{cursor:default}:host(.danger){background-color:var(--dangerColor);border-color:var(--warningColor)}.tooltip-text{align-self:center}.tooltip-disabled{font-size:14px -2;counter-reset:var(--lightFontColor)}.icon{justify-content:center;align-items:center;width:100%;height:100%;border:0px;cursor:pointer;color:var(--strongFontColor);outline:0px;padding:0;background:transparent;border-radius:inherit}.wm-counter-button{position:relative}.wm-counter{display:inline-block;width:16px;height:16px;line-height:16px;position:absolute;top:0;right:0;border:none;background-color:var(--dangerColor);border-radius:50%;font-size:10px;font-weight:700;text-align:center;color:var(--strongFontColor);text-indent:-1px;overflow:hidden;white-space:nowrap}.u-btn-validate{border-color:var(--dangerColor);background-color:var(--dangerColor);color:var(--onBrandTextColor)}.u-btn-validate:hover{background-color:var(--dangerColor)}.u-btn-primary{border-color:var(--brandColor);background-color:var(--brandColor);color:var(--onBrandTextColor)}.u-btn-primary:hover{background-color:var(--onBrandHoverColor)}\n"] }]
|
|
52
|
-
}], ctorParameters: () => [], propDecorators: { getIsDisabled: [{
|
|
53
|
-
type: HostBinding,
|
|
54
|
-
args: ['class.disabled']
|
|
55
|
-
}], getIsSmall: [{
|
|
56
|
-
type: HostBinding,
|
|
57
|
-
args: ['class.small']
|
|
58
|
-
}], getIsMedium: [{
|
|
59
|
-
type: HostBinding,
|
|
60
|
-
args: ['class.medium']
|
|
61
|
-
}], getIsDanger: [{
|
|
62
|
-
type: HostBinding,
|
|
63
|
-
args: ['class.danger']
|
|
64
|
-
}], titleText: [{
|
|
65
|
-
type: Input
|
|
66
|
-
}], disabled: [{
|
|
67
|
-
type: Input
|
|
68
|
-
}], size: [{
|
|
69
|
-
type: Input
|
|
70
|
-
}], icon: [{
|
|
71
|
-
type: Input
|
|
72
|
-
}], changed: [{
|
|
73
|
-
type: Input
|
|
74
|
-
}], isTabStop: [{
|
|
75
|
-
type: Input
|
|
76
|
-
}], light: [{
|
|
77
|
-
type: Input
|
|
78
|
-
}], buttonClasses: [{
|
|
79
|
-
type: Input
|
|
80
|
-
}], imageClasses: [{
|
|
81
|
-
type: Input
|
|
82
|
-
}], danger: [{
|
|
83
|
-
type: Input
|
|
84
|
-
}], unavailableText: [{
|
|
85
|
-
type: Input
|
|
86
|
-
}], iClick: [{
|
|
87
|
-
type: Output
|
|
88
|
-
}] } });
|
|
89
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnR2LWljb24tYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2J0di1iYXNlLWNvbnRyb2xzL3NyYy9saWIvYnR2LWljb24tYnV0dG9uL2J0di1pY29uLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9idHYtYmFzZS1jb250cm9scy9zcmMvbGliL2J0di1pY29uLWJ1dHRvbi9idHYtaWNvbi1idXR0b24uaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFXN0csTUFBTSxPQUFPLHNCQUFzQjtJQUVqQyxJQUFtQyxhQUFhLEtBQUssT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQztJQUM1RSxJQUFnQyxVQUFVLEtBQUssT0FBTyxJQUFJLENBQUMsSUFBSSxLQUFLLE9BQU8sQ0FBQyxDQUFDLENBQUM7SUFDOUUsSUFBaUMsV0FBVyxLQUFLLE9BQU8sSUFBSSxDQUFDLElBQUksS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDO0lBQ2pGLElBQWlDLFdBQVcsS0FBSyxPQUFPLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDO0lBb0J0RSxJQUFXLFFBQVE7UUFDakIsUUFBUSxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7WUFDbEIsS0FBSyxPQUFPLENBQUMsQ0FBQyxPQUFPLEVBQUUsQ0FBQztZQUN4QixLQUFLLFFBQVEsQ0FBQyxDQUFDLE9BQU8sRUFBRSxDQUFDO1lBQ3pCLE9BQU8sQ0FBQyxDQUFDLE9BQU8sRUFBRSxDQUFDO1FBQ3JCLENBQUM7SUFDSCxDQUFDO0lBRUQsSUFBVyxPQUFPO1FBQ2hCLE9BQU87WUFDTCxJQUFJLEVBQUUsTUFBTTtZQUNaLFFBQVEsRUFBRSxHQUFHO1NBQ2QsQ0FBQztJQUNKLENBQUM7SUFJRDtRQWxDUyxjQUFTLEdBQVcsRUFBRSxDQUFDO1FBQ3ZCLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFDMUIsU0FBSSxHQUFlLE9BQU8sQ0FBQztRQUMzQixTQUFJLEdBQVcsRUFBRSxDQUFDO1FBQ2xCLFlBQU8sR0FBWSxLQUFLLENBQUM7UUFDekIsY0FBUyxHQUFZLEtBQUssQ0FBQztRQUMzQixVQUFLLEdBQVksS0FBSyxDQUFDO1FBQ3ZCLGtCQUFhLEdBQUcsRUFBRSxDQUFDO1FBQ25CLGlCQUFZLEdBQUcsVUFBVSxDQUFDO1FBQzFCLFdBQU0sR0FBWSxLQUFLLENBQUM7UUFDeEIsb0JBQWUsR0FBVyxhQUFhLENBQUM7UUFDMUMsWUFBTyxHQUFHLEtBQUssQ0FBQztRQUV2QixVQUFLLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQztRQUVuQixtQkFBYyxHQUFZLEtBQUssQ0FBQztRQWlCdEIsV0FBTSxHQUFzQixJQUFJLFlBQVksRUFBTyxDQUFDO0lBRzlELENBQUM7SUFFRCxPQUFPLENBQUMsTUFBVztRQUNqQixJQUFJLElBQUksQ0FBQyxRQUFRO1lBQUUsT0FBTztRQUMxQixJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUMzQixDQUFDOzhHQWhEVSxzQkFBc0I7a0dBQXRCLHNCQUFzQix3Z0JDWG5DLG1yQkFhYzs7MkZERkQsc0JBQXNCO2tCQVBsQyxTQUFTOytCQUNFLGlCQUFpQixtQkFHVix1QkFBdUIsQ0FBQyxNQUFNO3dEQUtaLGFBQWE7c0JBQS9DLFdBQVc7dUJBQUMsZ0JBQWdCO2dCQUNHLFVBQVU7c0JBQXpDLFdBQVc7dUJBQUMsYUFBYTtnQkFDTyxXQUFXO3NCQUEzQyxXQUFXO3VCQUFDLGNBQWM7Z0JBQ00sV0FBVztzQkFBM0MsV0FBVzt1QkFBQyxjQUFjO2dCQUdsQixTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQXNCSSxNQUFNO3NCQUFmLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIEhvc3RCaW5kaW5nLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5leHBvcnQgdHlwZSBCdXR0b25TaXplID0gJ3NtYWxsJyB8ICdtZWRpdW0nIHwgJ2xhcmdlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYnR2LWljb24tYnV0dG9uJyxcclxuICBzdHlsZVVybHM6IFsnLi9idHYtaWNvbi1idXR0b24uc2NzcyddLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9idHYtaWNvbi1idXR0b24uaHRtbCcsXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcclxufSlcclxuXHJcbmV4cG9ydCBjbGFzcyBCdHZJY29uQnV0dG9uQ29tcG9uZW50IHtcclxuXHJcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5kaXNhYmxlZCcpIGdldCBnZXRJc0Rpc2FibGVkKCkgeyByZXR1cm4gdGhpcy5kaXNhYmxlZDsgfVxyXG4gIEBIb3N0QmluZGluZygnY2xhc3Muc21hbGwnKSBnZXQgZ2V0SXNTbWFsbCgpIHsgcmV0dXJuIHRoaXMuc2l6ZSA9PT0gJ3NtYWxsJzsgfVxyXG4gIEBIb3N0QmluZGluZygnY2xhc3MubWVkaXVtJykgZ2V0IGdldElzTWVkaXVtKCkgeyByZXR1cm4gdGhpcy5zaXplID09PSAnbWVkaXVtJzsgfVxyXG4gIEBIb3N0QmluZGluZygnY2xhc3MuZGFuZ2VyJykgZ2V0IGdldElzRGFuZ2VyKCkgeyByZXR1cm4gdGhpcy5kYW5nZXI7IH1cclxuXHJcblxyXG4gIEBJbnB1dCgpIHRpdGxlVGV4dDogc3RyaW5nID0gJyc7XHJcbiAgQElucHV0KCkgZGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBASW5wdXQoKSBzaXplOiBCdXR0b25TaXplID0gJ2xhcmdlJztcclxuICBASW5wdXQoKSBpY29uOiBzdHJpbmcgPSAnJztcclxuICBASW5wdXQoKSBjaGFuZ2VkOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCkgaXNUYWJTdG9wOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCkgbGlnaHQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBASW5wdXQoKSBidXR0b25DbGFzc2VzID0gJyc7XHJcbiAgQElucHV0KCkgaW1hZ2VDbGFzc2VzID0gJ2ljb24tc3ZnJztcclxuICBASW5wdXQoKSBkYW5nZXI6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBASW5wdXQoKSB1bmF2YWlsYWJsZVRleHQ6IHN0cmluZyA9IFwiVW5hdmFpbGFibGVcIjtcclxuICBwdWJsaWMgaXNIb3ZlciA9IGZhbHNlO1xyXG5cclxuICBmbG9vciA9IE1hdGguZmxvb3I7XHJcblxyXG4gIGlzSW5GdWxsU2NyZWVuOiBib29sZWFuID0gZmFsc2U7XHJcblxyXG4gIHB1YmxpYyBnZXQgaWNvblNpemUoKSB7XHJcbiAgICBzd2l0Y2ggKHRoaXMuc2l6ZSkge1xyXG4gICAgICBjYXNlICdzbWFsbCc6IHJldHVybiAxNjtcclxuICAgICAgY2FzZSAnbWVkaXVtJzogcmV0dXJuIDIwO1xyXG4gICAgICBkZWZhdWx0OiByZXR1cm4gMjQ7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgZ2V0IGFuaW1hdGUoKTogYW55IHtcclxuICAgIHJldHVybiB7XHJcbiAgICAgIHR5cGU6ICd6b29tJyxcclxuICAgICAgZHVyYXRpb246IDIwMFxyXG4gICAgfTtcclxuICB9XHJcblxyXG4gIEBPdXRwdXQoKSBpQ2xpY2s6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkge1xyXG4gIH1cclxuXHJcbiAgb25DbGljaygkZXZlbnQ6IGFueSkge1xyXG4gICAgaWYgKHRoaXMuZGlzYWJsZWQpIHJldHVybjtcclxuICAgIHRoaXMuaUNsaWNrLmVtaXQoJGV2ZW50KTtcclxuICB9XHJcblxyXG59XHJcbiIsIjxidXR0b24gY2xhc3M9XCJpY29uIGZsZXgtcm93IHt7YnV0dG9uQ2xhc3Nlc319XCIgKGNsaWNrKT1cIm9uQ2xpY2soJGV2ZW50KVwiIHR5cGU9XCJidXR0b25cIiAjYnV0dG9uXHJcbiAgW3RhYmluZGV4XT1cIighaXNUYWJTdG9wIHx8IGRpc2FibGVkKSA/IC0xIDogdW5kZWZpbmVkXCIgW3Nob3dUb29sVGlwXT1cIiEhdGl0bGVUZXh0XCIgY3VzdG9tVG9vbFRpcCBbY29udGVudFRlbXBsYXRlXT1cInRlbXBsYXRlXCI+XHJcblxyXG4gIDx3bS10ZW1wbGF0ZS1pbWFnZSBbaWNvbl09XCJpY29uXCIgW3NpemVdPVwiZmxvb3IoaWNvblNpemUgKiAoaXNIb3ZlciA/IDEuMTogMSkpICsgJ3B4J1wiIFthY3RpdmVdPVwiIWRpc2FibGVkICYmIGNoYW5nZWRcIlxyXG4gICAgW2xpZ2h0XT1cImxpZ2h0XCIgW2NsYXNzZXNdPVwiaW1hZ2VDbGFzc2VzXCI+XHJcbiAgPC93bS10ZW1wbGF0ZS1pbWFnZT5cclxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcblxyXG48L2J1dHRvbj5cclxuXHJcbjxuZy10ZW1wbGF0ZSAjdGVtcGxhdGU+XHJcbiAgPHNwYW4gY2xhc3M9XCJ0b29sdGlwLXRleHRcIj4ge3t0aXRsZVRleHR9fSA8L3NwYW4+XHJcbiAgPHNwYW4gKm5nSWY9XCJkaXNhYmxlZFwiIGNsYXNzPVwidG9vbHRpcC10ZXh0XCI+IC0ge3t1bmF2YWlsYWJsZVRleHR9fSA8L3NwYW4+XHJcbjwvbmctdGVtcGxhdGU+Il19
|
|
@@ -1,71 +0,0 @@
|
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@angular/common";
|
|
4
|
-
export class BtvProgressComponent {
|
|
5
|
-
constructor() {
|
|
6
|
-
this.relativeValue = 0;
|
|
7
|
-
this._val = 0;
|
|
8
|
-
this.height = 8;
|
|
9
|
-
this._max = 0;
|
|
10
|
-
this.color = '#ffffff';
|
|
11
|
-
this._backColor = '#4e5a6b';
|
|
12
|
-
this.showFlag = false;
|
|
13
|
-
}
|
|
14
|
-
get val() {
|
|
15
|
-
return this._val;
|
|
16
|
-
}
|
|
17
|
-
set val(val) {
|
|
18
|
-
this._val = val;
|
|
19
|
-
this.relativeValue = this.calcRelativeValue(val, this.max);
|
|
20
|
-
}
|
|
21
|
-
get max() {
|
|
22
|
-
return this._max;
|
|
23
|
-
}
|
|
24
|
-
set max(m) {
|
|
25
|
-
this._max = m;
|
|
26
|
-
this.relativeValue = this.calcRelativeValue(this._val, m);
|
|
27
|
-
}
|
|
28
|
-
set backColor(value) {
|
|
29
|
-
if (value) {
|
|
30
|
-
this._backColor = value;
|
|
31
|
-
}
|
|
32
|
-
else {
|
|
33
|
-
this._backColor = '#4e5a6b';
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
get backColor() {
|
|
37
|
-
return this._backColor;
|
|
38
|
-
}
|
|
39
|
-
getFlagPosition() {
|
|
40
|
-
const max = this.max;
|
|
41
|
-
const val = this.val;
|
|
42
|
-
if (!max)
|
|
43
|
-
return '0';
|
|
44
|
-
const percent = val / max * 100;
|
|
45
|
-
return percent + '%';
|
|
46
|
-
}
|
|
47
|
-
calcRelativeValue(value, max) {
|
|
48
|
-
if (!max)
|
|
49
|
-
return 100;
|
|
50
|
-
return (value / max) * 100;
|
|
51
|
-
}
|
|
52
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BtvProgressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
53
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: BtvProgressComponent, selector: "btv-progress", inputs: { height: "height", val: "val", max: "max", color: "color", backColor: "backColor", showFlag: "showFlag" }, ngImport: i0, template: "<div class=\"progress-wrap\" [ngStyle]=\"{'height': height + 'px'}\">\r\n <div class=\"progress\" [ngStyle]=\"{'background-color': backColor}\">\r\n <div class=\"progress-fill\" [ngStyle]=\"{'width': relativeValue + '%', 'background-color': color}\"></div>\r\n <!--workaround for css image resolve plugin-->\r\n <div *ngIf=\"showFlag\" class=\"flag\" [ngStyle]=\"{\r\n 'margin-left': getFlagPosition(),\r\n 'background-image': 'url(./assets/img/flag.png)' \r\n }\">\r\n </div>\r\n </div>\r\n</div>", styles: ["@media print{body{all:unset!important}.wm-page{margin:0!important;display:block!important}.not-printable{display:none!important}*{visibility:hidden}.printable,.printable *{visibility:visible!important}}.progress-wrap{display:block;width:100%;height:8px}.progress{width:100%;height:100%;position:relative}.progress-fill{position:absolute;height:100%}.flag{height:14px;width:8px;margin-top:-4px;position:absolute;background-repeat:no-repeat;transform:scaleY(.7)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
|
54
|
-
}
|
|
55
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BtvProgressComponent, decorators: [{
|
|
56
|
-
type: Component,
|
|
57
|
-
args: [{ selector: 'btv-progress', template: "<div class=\"progress-wrap\" [ngStyle]=\"{'height': height + 'px'}\">\r\n <div class=\"progress\" [ngStyle]=\"{'background-color': backColor}\">\r\n <div class=\"progress-fill\" [ngStyle]=\"{'width': relativeValue + '%', 'background-color': color}\"></div>\r\n <!--workaround for css image resolve plugin-->\r\n <div *ngIf=\"showFlag\" class=\"flag\" [ngStyle]=\"{\r\n 'margin-left': getFlagPosition(),\r\n 'background-image': 'url(./assets/img/flag.png)' \r\n }\">\r\n </div>\r\n </div>\r\n</div>", styles: ["@media print{body{all:unset!important}.wm-page{margin:0!important;display:block!important}.not-printable{display:none!important}*{visibility:hidden}.printable,.printable *{visibility:visible!important}}.progress-wrap{display:block;width:100%;height:8px}.progress{width:100%;height:100%;position:relative}.progress-fill{position:absolute;height:100%}.flag{height:14px;width:8px;margin-top:-4px;position:absolute;background-repeat:no-repeat;transform:scaleY(.7)}\n"] }]
|
|
58
|
-
}], propDecorators: { height: [{
|
|
59
|
-
type: Input
|
|
60
|
-
}], val: [{
|
|
61
|
-
type: Input
|
|
62
|
-
}], max: [{
|
|
63
|
-
type: Input
|
|
64
|
-
}], color: [{
|
|
65
|
-
type: Input
|
|
66
|
-
}], backColor: [{
|
|
67
|
-
type: Input
|
|
68
|
-
}], showFlag: [{
|
|
69
|
-
type: Input
|
|
70
|
-
}] } });
|
|
71
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnR2LXByb2dyZXNzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2J0di1iYXNlLWNvbnRyb2xzL3NyYy9saWIvYnR2LXByb2dyZXNzL2J0di1wcm9ncmVzcy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9idHYtYmFzZS1jb250cm9scy9zcmMvbGliL2J0di1wcm9ncmVzcy9idHYtcHJvZ3Jlc3MuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBT2pELE1BQU0sT0FBTyxvQkFBb0I7SUFMakM7UUFPRSxrQkFBYSxHQUFXLENBQUMsQ0FBQztRQUVsQixTQUFJLEdBQVcsQ0FBQyxDQUFDO1FBRWhCLFdBQU0sR0FBVyxDQUFDLENBQUM7UUFVcEIsU0FBSSxHQUFXLENBQUMsQ0FBQztRQVdoQixVQUFLLEdBQVcsU0FBUyxDQUFDO1FBRTVCLGVBQVUsR0FBVyxTQUFTLENBQUM7UUFjN0IsYUFBUSxHQUFZLEtBQUssQ0FBQztLQWNwQztJQWxEQyxJQUFJLEdBQUc7UUFDTCxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUM7SUFDbkIsQ0FBQztJQUVELElBQWEsR0FBRyxDQUFDLEdBQVc7UUFDMUIsSUFBSSxDQUFDLElBQUksR0FBRyxHQUFHLENBQUM7UUFDaEIsSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUMsaUJBQWlCLENBQUMsR0FBRyxFQUFFLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUM3RCxDQUFDO0lBR0QsSUFBSSxHQUFHO1FBQ0wsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDO0lBQ25CLENBQUM7SUFFRCxJQUFhLEdBQUcsQ0FBQyxDQUFTO1FBQ3hCLElBQUksQ0FBQyxJQUFJLEdBQUcsQ0FBQyxDQUFDO1FBQ2QsSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDLENBQUMsQ0FBQztJQUM1RCxDQUFDO0lBT0QsSUFBYSxTQUFTLENBQUMsS0FBYTtRQUNsQyxJQUFJLEtBQUssRUFBRSxDQUFDO1lBQ1YsSUFBSSxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUM7UUFDMUIsQ0FBQzthQUFNLENBQUM7WUFDTixJQUFJLENBQUMsVUFBVSxHQUFHLFNBQVMsQ0FBQztRQUM5QixDQUFDO0lBQ0gsQ0FBQztJQUVELElBQUksU0FBUztRQUNYLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQztJQUN6QixDQUFDO0lBSUQsZUFBZTtRQUNiLE1BQU0sR0FBRyxHQUFHLElBQUksQ0FBQyxHQUFHLENBQUM7UUFDckIsTUFBTSxHQUFHLEdBQUcsSUFBSSxDQUFDLEdBQUcsQ0FBQztRQUNyQixJQUFJLENBQUMsR0FBRztZQUFFLE9BQU8sR0FBRyxDQUFDO1FBQ3JCLE1BQU0sT0FBTyxHQUFHLEdBQUcsR0FBRyxHQUFHLEdBQUcsR0FBRyxDQUFDO1FBQ2hDLE9BQU8sT0FBTyxHQUFHLEdBQUcsQ0FBQztJQUN2QixDQUFDO0lBRUQsaUJBQWlCLENBQUMsS0FBSyxFQUFFLEdBQUc7UUFDMUIsSUFBSSxDQUFDLEdBQUc7WUFBRSxPQUFPLEdBQUcsQ0FBQztRQUNyQixPQUFPLENBQUMsS0FBSyxHQUFHLEdBQUcsQ0FBQyxHQUFHLEdBQUcsQ0FBQztJQUM3QixDQUFDOzhHQXhEVSxvQkFBb0I7a0dBQXBCLG9CQUFvQix3S0NQakMsc2pCQVVNOzsyRkRITyxvQkFBb0I7a0JBTGhDLFNBQVM7K0JBQ0UsY0FBYzs4QkFVZixNQUFNO3NCQUFkLEtBQUs7Z0JBS08sR0FBRztzQkFBZixLQUFLO2dCQVVPLEdBQUc7c0JBQWYsS0FBSztnQkFNRyxLQUFLO3NCQUFiLEtBQUs7Z0JBSU8sU0FBUztzQkFBckIsS0FBSztnQkFZRyxRQUFRO3NCQUFoQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdidHYtcHJvZ3Jlc3MnLFxyXG4gIHN0eWxlVXJsczogWycuL2J0di1wcm9ncmVzcy5zY3NzJ10sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2J0di1wcm9ncmVzcy5odG1sJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgQnR2UHJvZ3Jlc3NDb21wb25lbnQge1xyXG5cclxuICByZWxhdGl2ZVZhbHVlOiBudW1iZXIgPSAwO1xyXG5cclxuICBwcml2YXRlIF92YWw6IG51bWJlciA9IDA7XHJcblxyXG4gIEBJbnB1dCgpIGhlaWdodDogbnVtYmVyID0gODtcclxuICBnZXQgdmFsKCkge1xyXG4gICAgcmV0dXJuIHRoaXMuX3ZhbDtcclxuICB9XHJcblxyXG4gIEBJbnB1dCgpIHNldCB2YWwodmFsOiBudW1iZXIpIHtcclxuICAgIHRoaXMuX3ZhbCA9IHZhbDtcclxuICAgIHRoaXMucmVsYXRpdmVWYWx1ZSA9IHRoaXMuY2FsY1JlbGF0aXZlVmFsdWUodmFsLCB0aGlzLm1heCk7XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIF9tYXg6IG51bWJlciA9IDA7XHJcbiAgZ2V0IG1heCgpIHtcclxuICAgIHJldHVybiB0aGlzLl9tYXg7XHJcbiAgfVxyXG5cclxuICBASW5wdXQoKSBzZXQgbWF4KG06IG51bWJlcikge1xyXG4gICAgdGhpcy5fbWF4ID0gbTtcclxuICAgIHRoaXMucmVsYXRpdmVWYWx1ZSA9IHRoaXMuY2FsY1JlbGF0aXZlVmFsdWUodGhpcy5fdmFsLCBtKTtcclxuICB9XHJcblxyXG5cclxuICBASW5wdXQoKSBjb2xvcjogc3RyaW5nID0gJyNmZmZmZmYnO1xyXG5cclxuICBwdWJsaWMgX2JhY2tDb2xvcjogc3RyaW5nID0gJyM0ZTVhNmInO1xyXG5cclxuICBASW5wdXQoKSBzZXQgYmFja0NvbG9yKHZhbHVlOiBzdHJpbmcpIHtcclxuICAgIGlmICh2YWx1ZSkge1xyXG4gICAgICB0aGlzLl9iYWNrQ29sb3IgPSB2YWx1ZTtcclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIHRoaXMuX2JhY2tDb2xvciA9ICcjNGU1YTZiJztcclxuICAgIH1cclxuICB9XHJcblxyXG4gIGdldCBiYWNrQ29sb3IoKSB7XHJcbiAgICByZXR1cm4gdGhpcy5fYmFja0NvbG9yO1xyXG4gIH1cclxuXHJcbiAgQElucHV0KCkgc2hvd0ZsYWc6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgZ2V0RmxhZ1Bvc2l0aW9uKCk6IHN0cmluZyB7XHJcbiAgICBjb25zdCBtYXggPSB0aGlzLm1heDtcclxuICAgIGNvbnN0IHZhbCA9IHRoaXMudmFsO1xyXG4gICAgaWYgKCFtYXgpIHJldHVybiAnMCc7XHJcbiAgICBjb25zdCBwZXJjZW50ID0gdmFsIC8gbWF4ICogMTAwO1xyXG4gICAgcmV0dXJuIHBlcmNlbnQgKyAnJSc7XHJcbiAgfVxyXG5cclxuICBjYWxjUmVsYXRpdmVWYWx1ZSh2YWx1ZSwgbWF4KSB7XHJcbiAgICBpZiAoIW1heCkgcmV0dXJuIDEwMDtcclxuICAgIHJldHVybiAodmFsdWUgLyBtYXgpICogMTAwO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwicHJvZ3Jlc3Mtd3JhcFwiIFtuZ1N0eWxlXT1cInsnaGVpZ2h0JzogaGVpZ2h0ICsgJ3B4J31cIj5cclxuICAgIDxkaXYgY2xhc3M9XCJwcm9ncmVzc1wiIFtuZ1N0eWxlXT1cInsnYmFja2dyb3VuZC1jb2xvcic6IGJhY2tDb2xvcn1cIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwicHJvZ3Jlc3MtZmlsbFwiIFtuZ1N0eWxlXT1cInsnd2lkdGgnOiByZWxhdGl2ZVZhbHVlICsgJyUnLCAnYmFja2dyb3VuZC1jb2xvcic6IGNvbG9yfVwiPjwvZGl2PlxyXG4gICAgICAgIDwhLS13b3JrYXJvdW5kIGZvciBjc3MgaW1hZ2UgcmVzb2x2ZSBwbHVnaW4tLT5cclxuICAgICAgICA8ZGl2ICpuZ0lmPVwic2hvd0ZsYWdcIiBjbGFzcz1cImZsYWdcIiBbbmdTdHlsZV09XCJ7XHJcbiAgICAgICAgICAgICdtYXJnaW4tbGVmdCc6IGdldEZsYWdQb3NpdGlvbigpLFxyXG4gICAgICAgICAgICAnYmFja2dyb3VuZC1pbWFnZSc6ICd1cmwoLi9hc3NldHMvaW1nL2ZsYWcucG5nKScgXHJcbiAgICAgICAgICAgIH1cIj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj4iXX0=
|
|
@@ -1,82 +0,0 @@
|
|
|
1
|
-
import { Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';
|
|
2
|
-
import { fromEvent } from 'rxjs';
|
|
3
|
-
import { debounceTime, distinctUntilChanged, map } from 'rxjs/operators';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
import * as i1 from "@angular/common";
|
|
6
|
-
import * as i2 from "../wm-tamplate-image/wm-template-image.component";
|
|
7
|
-
export class ViewState {
|
|
8
|
-
get isLaptop() { return window.innerWidth <= 1440; }
|
|
9
|
-
get isMobile() { return window.innerWidth <= 1024; }
|
|
10
|
-
get isPhone() { return window.innerWidth <= 767; }
|
|
11
|
-
isWidthLessOrEqualTo(width) { return window.innerWidth <= width; }
|
|
12
|
-
}
|
|
13
|
-
export class BtvSearch {
|
|
14
|
-
set searchText(value) {
|
|
15
|
-
if (value === this._searchText)
|
|
16
|
-
return;
|
|
17
|
-
this._searchText = value;
|
|
18
|
-
if (value) {
|
|
19
|
-
this.expanded = true;
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
get searchText() {
|
|
23
|
-
return this._searchText || '';
|
|
24
|
-
}
|
|
25
|
-
constructor() {
|
|
26
|
-
this.widthAuto = false;
|
|
27
|
-
this.isSmall = false;
|
|
28
|
-
this.placeholder = 'Search';
|
|
29
|
-
this.keepExpanded = false;
|
|
30
|
-
this.searchFocus = false;
|
|
31
|
-
this.view = new ViewState();
|
|
32
|
-
this.searchTextChange = new EventEmitter();
|
|
33
|
-
this.expanded = false;
|
|
34
|
-
}
|
|
35
|
-
ngOnInit() {
|
|
36
|
-
let box = this.box.nativeElement;
|
|
37
|
-
let observable = fromEvent(box, 'keyup').pipe(debounceTime(400), distinctUntilChanged(), map(x => x.target.value));
|
|
38
|
-
this._searchSubscription = observable.subscribe(it => {
|
|
39
|
-
this.searchTextChange.emit(it);
|
|
40
|
-
});
|
|
41
|
-
}
|
|
42
|
-
ngOnDestroy() {
|
|
43
|
-
if (this._searchSubscription)
|
|
44
|
-
this._searchSubscription.unsubscribe();
|
|
45
|
-
}
|
|
46
|
-
toggleSearch() {
|
|
47
|
-
this.expanded = !this.expanded;
|
|
48
|
-
if (this.box && this.expanded) {
|
|
49
|
-
this.box.nativeElement.focus();
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
onFocusOut() {
|
|
53
|
-
if (!this.box.nativeElement.value && this.expanded && !this.keepExpanded) {
|
|
54
|
-
this.expanded = false;
|
|
55
|
-
}
|
|
56
|
-
this.searchFocus = false;
|
|
57
|
-
}
|
|
58
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BtvSearch, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
59
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: BtvSearch, selector: "btv-search", inputs: { widthAuto: "widthAuto", isSmall: "isSmall", searchRight: "searchRight", placeholder: "placeholder", keepExpanded: "keepExpanded", searchText: "searchText" }, outputs: { searchTextChange: "searchTextChange" }, viewQueries: [{ propertyName: "box", first: true, predicate: ["searchBox"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"wm-search flex-row\" [ngClass]=\"{'search-reverse': searchRight == 'right', 'always-opened': keepExpanded, 'small': isSmall}\">\r\n\t<div class=\"search-icon inline-col\" [ngClass]=\"{'search-toggle-disabled': keepExpanded || !searchFocus}\"\r\n\t\t(click)=\"toggleSearch()\">\r\n\t\t<wm-template-image class=\"marginXA\" icon=\"search\" [light]=\"(!expanded && !searchFocus) || keepExpanded\">\r\n\t\t</wm-template-image>\r\n\t</div>\r\n\t<div class=\"search-wrap flex-col\"\r\n\t\t[ngClass]=\"{'search-open': keepExpanded || expanded, 'search-focused': (expanded && searchFocus) || (keepExpanded && searchFocus),\r\n\t'width-auto': widthAuto}\">\r\n\t\t<input class=\"search-field\" #searchBox \r\n\t\t\t[value]=\"searchText\" \r\n\t\t\t[placeholder]=\"placeholder\"\r\n\t\t\t(focus)=\"searchFocus = true\" (focusout)=\"onFocusOut()\">\r\n\t</div>\r\n</div>", styles: ["@media print{body{all:unset!important}.wm-page{margin:0!important;display:block!important}.not-printable{display:none!important}*{visibility:hidden}.printable,.printable *{visibility:visible!important}}.wm-search,.search-wrap,.search-field{box-sizing:border-box}.wm-search:hover{border-color:var(--brandColor)}.wm-search{background:var(--pageBackgroundColor);height:36px;max-width:280px;border-radius:4px;align-items:center;flex:1 0 100%;flex-shrink:0;border:1px solid var(--secondaryHover)}.wm-search.small{max-width:140px}.wm-search.small .search-open{width:auto}.search-icon{width:36px;height:100%;flex-shrink:0;cursor:pointer}.search-icon.search-toggle-disabled{cursor:text}.search-wrap{width:0px;height:100%;color:var(--mediumFontColor);direction:ltr}.search-open{width:280px;max-width:100%;flex-grow:1;flex-shrink:1}.search-open.width-auto{width:auto}.search-open:hover,.search-focused{color:var(--strongFontColor)}.search-field{width:100%;height:100%;color:inherit;text-indent:.1em;font-size:16px;background-color:transparent;border:none;outline:none;padding:0 8px 0 0}.search-field::placeholder{color:var(--disabledTextColor)}.search-reverse{display:flex;flex-direction:row-reverse}.search-reverse .search-wrap{direction:rtl}.search-reverse .search-field{direction:ltr;padding:0 8px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.WmTemplateImageComponent, selector: "wm-template-image", inputs: ["icon", "disabled", "active", "light", "classes", "backgroundColor", "size", "sizeBox"] }] }); }
|
|
60
|
-
}
|
|
61
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BtvSearch, decorators: [{
|
|
62
|
-
type: Component,
|
|
63
|
-
args: [{ selector: 'btv-search', template: "<div class=\"wm-search flex-row\" [ngClass]=\"{'search-reverse': searchRight == 'right', 'always-opened': keepExpanded, 'small': isSmall}\">\r\n\t<div class=\"search-icon inline-col\" [ngClass]=\"{'search-toggle-disabled': keepExpanded || !searchFocus}\"\r\n\t\t(click)=\"toggleSearch()\">\r\n\t\t<wm-template-image class=\"marginXA\" icon=\"search\" [light]=\"(!expanded && !searchFocus) || keepExpanded\">\r\n\t\t</wm-template-image>\r\n\t</div>\r\n\t<div class=\"search-wrap flex-col\"\r\n\t\t[ngClass]=\"{'search-open': keepExpanded || expanded, 'search-focused': (expanded && searchFocus) || (keepExpanded && searchFocus),\r\n\t'width-auto': widthAuto}\">\r\n\t\t<input class=\"search-field\" #searchBox \r\n\t\t\t[value]=\"searchText\" \r\n\t\t\t[placeholder]=\"placeholder\"\r\n\t\t\t(focus)=\"searchFocus = true\" (focusout)=\"onFocusOut()\">\r\n\t</div>\r\n</div>", styles: ["@media print{body{all:unset!important}.wm-page{margin:0!important;display:block!important}.not-printable{display:none!important}*{visibility:hidden}.printable,.printable *{visibility:visible!important}}.wm-search,.search-wrap,.search-field{box-sizing:border-box}.wm-search:hover{border-color:var(--brandColor)}.wm-search{background:var(--pageBackgroundColor);height:36px;max-width:280px;border-radius:4px;align-items:center;flex:1 0 100%;flex-shrink:0;border:1px solid var(--secondaryHover)}.wm-search.small{max-width:140px}.wm-search.small .search-open{width:auto}.search-icon{width:36px;height:100%;flex-shrink:0;cursor:pointer}.search-icon.search-toggle-disabled{cursor:text}.search-wrap{width:0px;height:100%;color:var(--mediumFontColor);direction:ltr}.search-open{width:280px;max-width:100%;flex-grow:1;flex-shrink:1}.search-open.width-auto{width:auto}.search-open:hover,.search-focused{color:var(--strongFontColor)}.search-field{width:100%;height:100%;color:inherit;text-indent:.1em;font-size:16px;background-color:transparent;border:none;outline:none;padding:0 8px 0 0}.search-field::placeholder{color:var(--disabledTextColor)}.search-reverse{display:flex;flex-direction:row-reverse}.search-reverse .search-wrap{direction:rtl}.search-reverse .search-field{direction:ltr;padding:0 8px}\n"] }]
|
|
64
|
-
}], ctorParameters: () => [], propDecorators: { widthAuto: [{
|
|
65
|
-
type: Input
|
|
66
|
-
}], isSmall: [{
|
|
67
|
-
type: Input
|
|
68
|
-
}], searchRight: [{
|
|
69
|
-
type: Input
|
|
70
|
-
}], placeholder: [{
|
|
71
|
-
type: Input
|
|
72
|
-
}], keepExpanded: [{
|
|
73
|
-
type: Input
|
|
74
|
-
}], box: [{
|
|
75
|
-
type: ViewChild,
|
|
76
|
-
args: ['searchBox', { static: true }]
|
|
77
|
-
}], searchTextChange: [{
|
|
78
|
-
type: Output
|
|
79
|
-
}], searchText: [{
|
|
80
|
-
type: Input
|
|
81
|
-
}] } });
|
|
82
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnR2LXNlYXJjaC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9idHYtYmFzZS1jb250cm9scy9zcmMvbGliL2J0di1zZWFyY2gvYnR2LXNlYXJjaC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9idHYtYmFzZS1jb250cm9scy9zcmMvbGliL2J0di1zZWFyY2gvYnR2LXNlYXJjaC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWMsWUFBWSxFQUFFLEtBQUssRUFBcUIsTUFBTSxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqSCxPQUFPLEVBQUUsU0FBUyxFQUFnQixNQUFNLE1BQU0sQ0FBQztBQUMvQyxPQUFPLEVBQUUsWUFBWSxFQUFFLG9CQUFvQixFQUFFLEdBQUcsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7O0FBRXpFLE1BQU0sT0FBTyxTQUFTO0lBQ3BCLElBQUksUUFBUSxLQUFLLE9BQU8sTUFBTSxDQUFDLFVBQVUsSUFBSSxJQUFJLENBQUMsQ0FBQyxDQUFDO0lBQ3BELElBQUksUUFBUSxLQUFLLE9BQU8sTUFBTSxDQUFDLFVBQVUsSUFBSSxJQUFJLENBQUMsQ0FBQyxDQUFDO0lBQ3BELElBQUksT0FBTyxLQUFLLE9BQU8sTUFBTSxDQUFDLFVBQVUsSUFBSSxHQUFHLENBQUMsQ0FBQyxDQUFDO0lBQzNDLG9CQUFvQixDQUFDLEtBQWEsSUFBSSxPQUFPLE1BQU0sQ0FBQyxVQUFVLElBQUksS0FBSyxDQUFDLENBQUMsQ0FBQztDQUNsRjtBQVFELE1BQU0sT0FBTyxTQUFTO0lBZXBCLElBQWEsVUFBVSxDQUFDLEtBQWE7UUFDbkMsSUFBSSxLQUFLLEtBQUssSUFBSSxDQUFDLFdBQVc7WUFBRSxPQUFPO1FBQ3ZDLElBQUksQ0FBQyxXQUFXLEdBQUcsS0FBSyxDQUFDO1FBQ3pCLElBQUksS0FBSyxFQUFFLENBQUM7WUFDVixJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQztRQUN2QixDQUFDO0lBQ0gsQ0FBQztJQUVELElBQUksVUFBVTtRQUNaLE9BQU8sSUFBSSxDQUFDLFdBQVcsSUFBSSxFQUFFLENBQUM7SUFDaEMsQ0FBQztJQUVEO1FBMUJTLGNBQVMsR0FBWSxLQUFLLENBQUM7UUFDM0IsWUFBTyxHQUFZLEtBQUssQ0FBQztRQUV6QixnQkFBVyxHQUFXLFFBQVEsQ0FBQztRQUMvQixpQkFBWSxHQUFZLEtBQUssQ0FBQztRQUN2QyxnQkFBVyxHQUFZLEtBQUssQ0FBQztRQUM3QixTQUFJLEdBQWMsSUFBSSxTQUFTLEVBQUUsQ0FBQztRQUV4QixxQkFBZ0IsR0FBeUIsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQW1CNUUsSUFBSSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7SUFDeEIsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLEdBQUcsR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDLGFBQWEsQ0FBQztRQUNqQyxJQUFJLFVBQVUsR0FBRyxTQUFTLENBQUMsR0FBRyxFQUFFLE9BQU8sQ0FBQyxDQUFDLElBQUksQ0FDM0MsWUFBWSxDQUFDLEdBQUcsQ0FBQyxFQUNqQixvQkFBb0IsRUFBRSxFQUN0QixHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBZSxDQUFFLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUN4QyxDQUFDO1FBQ0YsSUFBSSxDQUFDLG1CQUFtQixHQUFHLFVBQVUsQ0FBQyxTQUFTLENBQUMsRUFBRSxDQUFDLEVBQUU7WUFDbkQsSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUNqQyxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxJQUFJLENBQUMsbUJBQW1CO1lBQUUsSUFBSSxDQUFDLG1CQUFtQixDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQ3ZFLENBQUM7SUFDRCxZQUFZO1FBQ1YsSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUM7UUFDL0IsSUFBSSxJQUFJLENBQUMsR0FBRyxJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUM5QixJQUFJLENBQUMsR0FBRyxDQUFDLGFBQWEsQ0FBQyxLQUFLLEVBQUUsQ0FBQztRQUNqQyxDQUFDO0lBQ0gsQ0FBQztJQUVELFVBQVU7UUFDUixJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxhQUFhLENBQUMsS0FBSyxJQUFJLElBQUksQ0FBQyxRQUFRLElBQUksQ0FBQyxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7WUFDekUsSUFBSSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7UUFDeEIsQ0FBQztRQUNELElBQUksQ0FBQyxXQUFXLEdBQUcsS0FBSyxDQUFDO0lBQzNCLENBQUM7OEdBMURVLFNBQVM7a0dBQVQsU0FBUyw2WENqQnRCLDAyQkFjTTs7MkZER08sU0FBUztrQkFOckIsU0FBUzsrQkFDRSxZQUFZO3dEQU1iLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUdvQyxHQUFHO3NCQUE1QyxTQUFTO3VCQUFDLFdBQVcsRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUU7Z0JBQzlCLGdCQUFnQjtzQkFBekIsTUFBTTtnQkFNTSxVQUFVO3NCQUF0QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkRlc3Ryb3ksIE9uSW5pdCwgT3V0cHV0LCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgZnJvbUV2ZW50LCBTdWJzY3JpcHRpb24gfSBmcm9tICdyeGpzJztcclxuaW1wb3J0IHsgZGVib3VuY2VUaW1lLCBkaXN0aW5jdFVudGlsQ2hhbmdlZCwgbWFwIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xyXG5cclxuZXhwb3J0IGNsYXNzIFZpZXdTdGF0ZSB7XHJcbiAgZ2V0IGlzTGFwdG9wKCkgeyByZXR1cm4gd2luZG93LmlubmVyV2lkdGggPD0gMTQ0MDsgfVxyXG4gIGdldCBpc01vYmlsZSgpIHsgcmV0dXJuIHdpbmRvdy5pbm5lcldpZHRoIDw9IDEwMjQ7IH1cclxuICBnZXQgaXNQaG9uZSgpIHsgcmV0dXJuIHdpbmRvdy5pbm5lcldpZHRoIDw9IDc2NzsgfVxyXG4gIHB1YmxpYyBpc1dpZHRoTGVzc09yRXF1YWxUbyh3aWR0aDogbnVtYmVyKSB7IHJldHVybiB3aW5kb3cuaW5uZXJXaWR0aCA8PSB3aWR0aDsgfVxyXG59XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2J0di1zZWFyY2gnLFxyXG4gIHN0eWxlVXJsczogWycuL2J0di1zZWFyY2guc2NzcyddLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9idHYtc2VhcmNoLmh0bWwnXHJcbn0pXHJcblxyXG5leHBvcnQgY2xhc3MgQnR2U2VhcmNoIGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xyXG4gIEBJbnB1dCgpIHdpZHRoQXV0bzogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIGlzU21hbGw6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBASW5wdXQoKSBzZWFyY2hSaWdodDogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIHBsYWNlaG9sZGVyOiBzdHJpbmcgPSAnU2VhcmNoJztcclxuICBASW5wdXQoKSBrZWVwRXhwYW5kZWQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBzZWFyY2hGb2N1czogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIHZpZXc6IFZpZXdTdGF0ZSA9IG5ldyBWaWV3U3RhdGUoKTtcclxuICBAVmlld0NoaWxkKCdzZWFyY2hCb3gnLCB7IHN0YXRpYzogdHJ1ZSB9KSBib3g6IEVsZW1lbnRSZWY7XHJcbiAgQE91dHB1dCgpIHNlYXJjaFRleHRDaGFuZ2U6IEV2ZW50RW1pdHRlcjxzdHJpbmc+ID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XHJcbiAgcHVibGljIGV4cGFuZGVkOiBib29sZWFuO1xyXG4gIHByaXZhdGUgX3NlYXJjaFN1YnNjcmlwdGlvbjogU3Vic2NyaXB0aW9uO1xyXG5cclxuICBwcml2YXRlIF9zZWFyY2hUZXh0OiBzdHJpbmc7XHJcblxyXG4gIEBJbnB1dCgpIHNldCBzZWFyY2hUZXh0KHZhbHVlOiBzdHJpbmcpIHtcclxuICAgIGlmICh2YWx1ZSA9PT0gdGhpcy5fc2VhcmNoVGV4dCkgcmV0dXJuO1xyXG4gICAgdGhpcy5fc2VhcmNoVGV4dCA9IHZhbHVlO1xyXG4gICAgaWYgKHZhbHVlKSB7XHJcbiAgICAgIHRoaXMuZXhwYW5kZWQgPSB0cnVlO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgZ2V0IHNlYXJjaFRleHQoKTogc3RyaW5nIHtcclxuICAgIHJldHVybiB0aGlzLl9zZWFyY2hUZXh0IHx8ICcnO1xyXG4gIH1cclxuXHJcbiAgY29uc3RydWN0b3IoKSB7XHJcbiAgICB0aGlzLmV4cGFuZGVkID0gZmFsc2U7XHJcbiAgfVxyXG5cclxuICBuZ09uSW5pdCgpIHtcclxuICAgIGxldCBib3ggPSB0aGlzLmJveC5uYXRpdmVFbGVtZW50O1xyXG4gICAgbGV0IG9ic2VydmFibGUgPSBmcm9tRXZlbnQoYm94LCAna2V5dXAnKS5waXBlKFxyXG4gICAgICBkZWJvdW5jZVRpbWUoNDAwKSxcclxuICAgICAgZGlzdGluY3RVbnRpbENoYW5nZWQoKSxcclxuICAgICAgbWFwKHggPT4gPHN0cmluZz4oPGFueT54KS50YXJnZXQudmFsdWUpXHJcbiAgICApO1xyXG4gICAgdGhpcy5fc2VhcmNoU3Vic2NyaXB0aW9uID0gb2JzZXJ2YWJsZS5zdWJzY3JpYmUoaXQgPT4ge1xyXG4gICAgICB0aGlzLnNlYXJjaFRleHRDaGFuZ2UuZW1pdChpdCk7XHJcbiAgICB9KTtcclxuICB9XHJcblxyXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xyXG4gICAgaWYgKHRoaXMuX3NlYXJjaFN1YnNjcmlwdGlvbikgdGhpcy5fc2VhcmNoU3Vic2NyaXB0aW9uLnVuc3Vic2NyaWJlKCk7XHJcbiAgfVxyXG4gIHRvZ2dsZVNlYXJjaCgpIHtcclxuICAgIHRoaXMuZXhwYW5kZWQgPSAhdGhpcy5leHBhbmRlZDtcclxuICAgIGlmICh0aGlzLmJveCAmJiB0aGlzLmV4cGFuZGVkKSB7XHJcbiAgICAgIHRoaXMuYm94Lm5hdGl2ZUVsZW1lbnQuZm9jdXMoKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIG9uRm9jdXNPdXQoKSB7XHJcbiAgICBpZiAoIXRoaXMuYm94Lm5hdGl2ZUVsZW1lbnQudmFsdWUgJiYgdGhpcy5leHBhbmRlZCAmJiAhdGhpcy5rZWVwRXhwYW5kZWQpIHtcclxuICAgICAgdGhpcy5leHBhbmRlZCA9IGZhbHNlO1xyXG4gICAgfVxyXG4gICAgdGhpcy5zZWFyY2hGb2N1cyA9IGZhbHNlO1xyXG4gIH1cclxuXHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cIndtLXNlYXJjaCBmbGV4LXJvd1wiIFtuZ0NsYXNzXT1cInsnc2VhcmNoLXJldmVyc2UnOiBzZWFyY2hSaWdodCA9PSAncmlnaHQnLCAnYWx3YXlzLW9wZW5lZCc6IGtlZXBFeHBhbmRlZCwgJ3NtYWxsJzogaXNTbWFsbH1cIj5cclxuXHQ8ZGl2IGNsYXNzPVwic2VhcmNoLWljb24gaW5saW5lLWNvbFwiIFtuZ0NsYXNzXT1cInsnc2VhcmNoLXRvZ2dsZS1kaXNhYmxlZCc6IGtlZXBFeHBhbmRlZCB8fCAhc2VhcmNoRm9jdXN9XCJcclxuXHRcdChjbGljayk9XCJ0b2dnbGVTZWFyY2goKVwiPlxyXG5cdFx0PHdtLXRlbXBsYXRlLWltYWdlIGNsYXNzPVwibWFyZ2luWEFcIiBpY29uPVwic2VhcmNoXCIgW2xpZ2h0XT1cIighZXhwYW5kZWQgJiYgIXNlYXJjaEZvY3VzKSB8fCBrZWVwRXhwYW5kZWRcIj5cclxuXHRcdDwvd20tdGVtcGxhdGUtaW1hZ2U+XHJcblx0PC9kaXY+XHJcblx0PGRpdiBjbGFzcz1cInNlYXJjaC13cmFwIGZsZXgtY29sXCJcclxuXHRcdFtuZ0NsYXNzXT1cInsnc2VhcmNoLW9wZW4nOiBrZWVwRXhwYW5kZWQgfHwgZXhwYW5kZWQsICdzZWFyY2gtZm9jdXNlZCc6IChleHBhbmRlZCAmJiBzZWFyY2hGb2N1cykgfHwgKGtlZXBFeHBhbmRlZCAmJiBzZWFyY2hGb2N1cyksXHJcblx0J3dpZHRoLWF1dG8nOiB3aWR0aEF1dG99XCI+XHJcblx0XHQ8aW5wdXQgY2xhc3M9XCJzZWFyY2gtZmllbGRcIiAjc2VhcmNoQm94IFxyXG5cdFx0XHRbdmFsdWVdPVwic2VhcmNoVGV4dFwiIFxyXG5cdFx0XHRbcGxhY2Vob2xkZXJdPVwicGxhY2Vob2xkZXJcIlxyXG5cdFx0XHQoZm9jdXMpPVwic2VhcmNoRm9jdXMgPSB0cnVlXCIgKGZvY3Vzb3V0KT1cIm9uRm9jdXNPdXQoKVwiPlxyXG5cdDwvZGl2PlxyXG48L2Rpdj4iXX0=
|