btv-base-controls 0.1.21 → 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.
Files changed (72) hide show
  1. package/README.md +24 -24
  2. package/{esm2022 → esm2020}/btv-base-controls.mjs +4 -4
  3. package/{esm2022 → esm2020}/lib/basic.module.mjs +64 -64
  4. package/esm2020/lib/blink-message/blink-message.component.mjs +54 -0
  5. package/{esm2022 → esm2020}/lib/btv-icon-button/btv-counter-button.mjs +47 -47
  6. package/esm2020/lib/btv-icon-button/btv-icon-button.component.mjs +89 -0
  7. package/esm2020/lib/btv-progress/btv-progress.component.mjs +71 -0
  8. package/esm2020/lib/btv-search/btv-search.component.mjs +82 -0
  9. package/{esm2022 → esm2020}/lib/busy-indicator/busy-indicator.component.mjs +16 -16
  10. package/{esm2022 → esm2020}/lib/custom-tool-tip/custom-tool-tip.component.mjs +34 -34
  11. package/esm2020/lib/custom-tool-tip/tool-tip-renderer.directive.mjs +113 -0
  12. package/{esm2022 → esm2020}/lib/illustration/illustration.component.mjs +17 -17
  13. package/esm2020/lib/wm-avatar/avatar.component.mjs +175 -0
  14. package/{esm2022 → esm2020}/lib/wm-back-btn/wm-back-btn.component.mjs +26 -26
  15. package/{esm2022 → esm2020}/lib/wm-beta-text/wm-beta-text.component.mjs +19 -19
  16. package/{esm2022 → esm2020}/lib/wm-info/info-models.mjs +12 -12
  17. package/esm2020/lib/wm-info/wm-info.component.mjs +237 -0
  18. package/{esm2022 → esm2020}/lib/wm-info-card/wm-info-card.component.mjs +23 -23
  19. package/{esm2022 → esm2020}/lib/wm-no-content/wm-no-content.component.mjs +30 -30
  20. package/esm2020/lib/wm-panel-bar/wm-panel-bar.component.mjs +78 -0
  21. package/esm2020/lib/wm-scalable-div/scalable-div.component.mjs +105 -0
  22. package/esm2020/lib/wm-spinner/wm-spinner.component.mjs +135 -0
  23. package/esm2020/lib/wm-state-icon/wm-state-icon.component.mjs +18 -0
  24. package/{esm2022 → esm2020}/lib/wm-tag/wm-tag.component.mjs +28 -28
  25. package/esm2020/lib/wm-tamplate-image/wm-template-image.component.mjs +71 -0
  26. package/{esm2022 → esm2020}/lib/wm-toggle/wm-toggle.component.mjs +31 -31
  27. package/{esm2022 → esm2020}/models/guidExtension.mjs +14 -14
  28. package/{esm2022 → esm2020}/public-api.mjs +27 -27
  29. package/fesm2015/btv-base-controls.mjs +1479 -0
  30. package/{fesm2022 → fesm2015}/btv-base-controls.mjs.map +1 -1
  31. package/{fesm2022 → fesm2020}/btv-base-controls.mjs +1427 -1427
  32. package/fesm2020/btv-base-controls.mjs.map +1 -0
  33. package/index.d.ts +5 -5
  34. package/lib/basic.module.d.ts +33 -33
  35. package/lib/blink-message/blink-message.component.d.ts +20 -20
  36. package/lib/btv-icon-button/btv-counter-button.d.ts +12 -12
  37. package/lib/btv-icon-button/btv-icon-button.component.d.ts +30 -30
  38. package/lib/btv-progress/btv-progress.component.d.ts +20 -20
  39. package/lib/btv-search/btv-search.component.d.ts +31 -31
  40. package/lib/busy-indicator/busy-indicator.component.d.ts +7 -7
  41. package/lib/custom-tool-tip/custom-tool-tip.component.d.ts +35 -35
  42. package/lib/custom-tool-tip/tool-tip-renderer.directive.d.ts +49 -49
  43. package/lib/illustration/illustration.component.d.ts +10 -10
  44. package/lib/wm-avatar/avatar.component.d.ts +63 -63
  45. package/lib/wm-back-btn/wm-back-btn.component.d.ts +10 -10
  46. package/lib/wm-beta-text/wm-beta-text.component.d.ts +7 -7
  47. package/lib/wm-info/info-models.d.ts +20 -20
  48. package/lib/wm-info/wm-info.component.d.ts +34 -34
  49. package/lib/wm-info-card/wm-info-card.component.d.ts +9 -9
  50. package/lib/wm-no-content/wm-no-content.component.d.ts +11 -11
  51. package/lib/wm-panel-bar/wm-panel-bar.component.d.ts +25 -25
  52. package/lib/wm-scalable-div/scalable-div.component.d.ts +24 -24
  53. package/lib/wm-spinner/wm-spinner.component.d.ts +37 -37
  54. package/lib/wm-state-icon/wm-state-icon.component.d.ts +9 -9
  55. package/lib/wm-tag/wm-tag.component.d.ts +10 -10
  56. package/lib/wm-tamplate-image/wm-template-image.component.d.ts +49 -49
  57. package/lib/wm-toggle/wm-toggle.component.d.ts +11 -11
  58. package/models/guidExtension.d.ts +5 -5
  59. package/package.json +11 -5
  60. package/public-api.d.ts +24 -24
  61. package/esm2022/lib/blink-message/blink-message.component.mjs +0 -54
  62. package/esm2022/lib/btv-icon-button/btv-icon-button.component.mjs +0 -89
  63. package/esm2022/lib/btv-progress/btv-progress.component.mjs +0 -71
  64. package/esm2022/lib/btv-search/btv-search.component.mjs +0 -82
  65. package/esm2022/lib/custom-tool-tip/tool-tip-renderer.directive.mjs +0 -113
  66. package/esm2022/lib/wm-avatar/avatar.component.mjs +0 -175
  67. package/esm2022/lib/wm-info/wm-info.component.mjs +0 -237
  68. package/esm2022/lib/wm-panel-bar/wm-panel-bar.component.mjs +0 -78
  69. package/esm2022/lib/wm-scalable-div/scalable-div.component.mjs +0 -105
  70. package/esm2022/lib/wm-spinner/wm-spinner.component.mjs +0 -135
  71. package/esm2022/lib/wm-state-icon/wm-state-icon.component.mjs +0 -18
  72. package/esm2022/lib/wm-tamplate-image/wm-template-image.component.mjs +0 -71
@@ -0,0 +1,71 @@
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
+ }
53
+ BtvProgressComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: BtvProgressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
54
+ BtvProgressComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", 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"] }] });
55
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnR2LXByb2dyZXNzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2J0di1iYXNlLWNvbnRyb2xzL3NyYy9saWIvYnR2LXByb2dyZXNzL2J0di1wcm9ncmVzcy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9idHYtYmFzZS1jb250cm9scy9zcmMvbGliL2J0di1wcm9ncmVzcy9idHYtcHJvZ3Jlc3MuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBT2pELE1BQU0sT0FBTyxvQkFBb0I7SUFMakM7UUFPRSxrQkFBYSxHQUFXLENBQUMsQ0FBQztRQUVsQixTQUFJLEdBQVcsQ0FBQyxDQUFDO1FBRWhCLFdBQU0sR0FBVyxDQUFDLENBQUM7UUFVcEIsU0FBSSxHQUFXLENBQUMsQ0FBQztRQVdoQixVQUFLLEdBQVcsU0FBUyxDQUFDO1FBRTVCLGVBQVUsR0FBVyxTQUFTLENBQUM7UUFjN0IsYUFBUSxHQUFZLEtBQUssQ0FBQztLQWNwQztJQWxEQyxJQUFJLEdBQUc7UUFDTCxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUM7SUFDbkIsQ0FBQztJQUVELElBQWEsR0FBRyxDQUFDLEdBQVc7UUFDMUIsSUFBSSxDQUFDLElBQUksR0FBRyxHQUFHLENBQUM7UUFDaEIsSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUMsaUJBQWlCLENBQUMsR0FBRyxFQUFFLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUM3RCxDQUFDO0lBR0QsSUFBSSxHQUFHO1FBQ0wsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDO0lBQ25CLENBQUM7SUFFRCxJQUFhLEdBQUcsQ0FBQyxDQUFTO1FBQ3hCLElBQUksQ0FBQyxJQUFJLEdBQUcsQ0FBQyxDQUFDO1FBQ2QsSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDLENBQUMsQ0FBQztJQUM1RCxDQUFDO0lBT0QsSUFBYSxTQUFTLENBQUMsS0FBYTtRQUNsQyxJQUFJLEtBQUssRUFBRTtZQUNULElBQUksQ0FBQyxVQUFVLEdBQUcsS0FBSyxDQUFDO1NBQ3pCO2FBQU07WUFDTCxJQUFJLENBQUMsVUFBVSxHQUFHLFNBQVMsQ0FBQztTQUM3QjtJQUNILENBQUM7SUFFRCxJQUFJLFNBQVM7UUFDWCxPQUFPLElBQUksQ0FBQyxVQUFVLENBQUM7SUFDekIsQ0FBQztJQUlELGVBQWU7UUFDYixNQUFNLEdBQUcsR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDO1FBQ3JCLE1BQU0sR0FBRyxHQUFHLElBQUksQ0FBQyxHQUFHLENBQUM7UUFDckIsSUFBSSxDQUFDLEdBQUc7WUFBRSxPQUFPLEdBQUcsQ0FBQztRQUNyQixNQUFNLE9BQU8sR0FBRyxHQUFHLEdBQUcsR0FBRyxHQUFHLEdBQUcsQ0FBQztRQUNoQyxPQUFPLE9BQU8sR0FBRyxHQUFHLENBQUM7SUFDdkIsQ0FBQztJQUVELGlCQUFpQixDQUFDLEtBQUssRUFBRSxHQUFHO1FBQzFCLElBQUksQ0FBQyxHQUFHO1lBQUUsT0FBTyxHQUFHLENBQUM7UUFDckIsT0FBTyxDQUFDLEtBQUssR0FBRyxHQUFHLENBQUMsR0FBRyxHQUFHLENBQUM7SUFDN0IsQ0FBQzs7aUhBeERVLG9CQUFvQjtxR0FBcEIsb0JBQW9CLHdLQ1BqQyxzakJBVU07MkZESE8sb0JBQW9CO2tCQUxoQyxTQUFTOytCQUNFLGNBQWM7OEJBVWYsTUFBTTtzQkFBZCxLQUFLO2dCQUtPLEdBQUc7c0JBQWYsS0FBSztnQkFVTyxHQUFHO3NCQUFmLEtBQUs7Z0JBTUcsS0FBSztzQkFBYixLQUFLO2dCQUlPLFNBQVM7c0JBQXJCLEtBQUs7Z0JBWUcsUUFBUTtzQkFBaEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYnR2LXByb2dyZXNzJyxcclxuICBzdHlsZVVybHM6IFsnLi9idHYtcHJvZ3Jlc3Muc2NzcyddLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9idHYtcHJvZ3Jlc3MuaHRtbCdcclxufSlcclxuZXhwb3J0IGNsYXNzIEJ0dlByb2dyZXNzQ29tcG9uZW50IHtcclxuXHJcbiAgcmVsYXRpdmVWYWx1ZTogbnVtYmVyID0gMDtcclxuXHJcbiAgcHJpdmF0ZSBfdmFsOiBudW1iZXIgPSAwO1xyXG5cclxuICBASW5wdXQoKSBoZWlnaHQ6IG51bWJlciA9IDg7XHJcbiAgZ2V0IHZhbCgpIHtcclxuICAgIHJldHVybiB0aGlzLl92YWw7XHJcbiAgfVxyXG5cclxuICBASW5wdXQoKSBzZXQgdmFsKHZhbDogbnVtYmVyKSB7XHJcbiAgICB0aGlzLl92YWwgPSB2YWw7XHJcbiAgICB0aGlzLnJlbGF0aXZlVmFsdWUgPSB0aGlzLmNhbGNSZWxhdGl2ZVZhbHVlKHZhbCwgdGhpcy5tYXgpO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBfbWF4OiBudW1iZXIgPSAwO1xyXG4gIGdldCBtYXgoKSB7XHJcbiAgICByZXR1cm4gdGhpcy5fbWF4O1xyXG4gIH1cclxuXHJcbiAgQElucHV0KCkgc2V0IG1heChtOiBudW1iZXIpIHtcclxuICAgIHRoaXMuX21heCA9IG07XHJcbiAgICB0aGlzLnJlbGF0aXZlVmFsdWUgPSB0aGlzLmNhbGNSZWxhdGl2ZVZhbHVlKHRoaXMuX3ZhbCwgbSk7XHJcbiAgfVxyXG5cclxuXHJcbiAgQElucHV0KCkgY29sb3I6IHN0cmluZyA9ICcjZmZmZmZmJztcclxuXHJcbiAgcHVibGljIF9iYWNrQ29sb3I6IHN0cmluZyA9ICcjNGU1YTZiJztcclxuXHJcbiAgQElucHV0KCkgc2V0IGJhY2tDb2xvcih2YWx1ZTogc3RyaW5nKSB7XHJcbiAgICBpZiAodmFsdWUpIHtcclxuICAgICAgdGhpcy5fYmFja0NvbG9yID0gdmFsdWU7XHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICB0aGlzLl9iYWNrQ29sb3IgPSAnIzRlNWE2Yic7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBnZXQgYmFja0NvbG9yKCkge1xyXG4gICAgcmV0dXJuIHRoaXMuX2JhY2tDb2xvcjtcclxuICB9XHJcblxyXG4gIEBJbnB1dCgpIHNob3dGbGFnOiBib29sZWFuID0gZmFsc2U7XHJcblxyXG4gIGdldEZsYWdQb3NpdGlvbigpOiBzdHJpbmcge1xyXG4gICAgY29uc3QgbWF4ID0gdGhpcy5tYXg7XHJcbiAgICBjb25zdCB2YWwgPSB0aGlzLnZhbDtcclxuICAgIGlmICghbWF4KSByZXR1cm4gJzAnO1xyXG4gICAgY29uc3QgcGVyY2VudCA9IHZhbCAvIG1heCAqIDEwMDtcclxuICAgIHJldHVybiBwZXJjZW50ICsgJyUnO1xyXG4gIH1cclxuXHJcbiAgY2FsY1JlbGF0aXZlVmFsdWUodmFsdWUsIG1heCkge1xyXG4gICAgaWYgKCFtYXgpIHJldHVybiAxMDA7XHJcbiAgICByZXR1cm4gKHZhbHVlIC8gbWF4KSAqIDEwMDtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cInByb2dyZXNzLXdyYXBcIiBbbmdTdHlsZV09XCJ7J2hlaWdodCc6IGhlaWdodCArICdweCd9XCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwicHJvZ3Jlc3NcIiBbbmdTdHlsZV09XCJ7J2JhY2tncm91bmQtY29sb3InOiBiYWNrQ29sb3J9XCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInByb2dyZXNzLWZpbGxcIiBbbmdTdHlsZV09XCJ7J3dpZHRoJzogcmVsYXRpdmVWYWx1ZSArICclJywgJ2JhY2tncm91bmQtY29sb3InOiBjb2xvcn1cIj48L2Rpdj5cclxuICAgICAgICA8IS0td29ya2Fyb3VuZCBmb3IgY3NzIGltYWdlIHJlc29sdmUgcGx1Z2luLS0+XHJcbiAgICAgICAgPGRpdiAqbmdJZj1cInNob3dGbGFnXCIgY2xhc3M9XCJmbGFnXCIgW25nU3R5bGVdPVwie1xyXG4gICAgICAgICAgICAnbWFyZ2luLWxlZnQnOiBnZXRGbGFnUG9zaXRpb24oKSxcclxuICAgICAgICAgICAgJ2JhY2tncm91bmQtaW1hZ2UnOiAndXJsKC4vYXNzZXRzL2ltZy9mbGFnLnBuZyknIFxyXG4gICAgICAgICAgICB9XCI+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+Il19
@@ -0,0 +1,82 @@
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
+ constructor() {
15
+ this.widthAuto = false;
16
+ this.isSmall = false;
17
+ this.placeholder = 'Search';
18
+ this.keepExpanded = false;
19
+ this.searchFocus = false;
20
+ this.view = new ViewState();
21
+ this.searchTextChange = new EventEmitter();
22
+ this.expanded = false;
23
+ }
24
+ set searchText(value) {
25
+ if (value === this._searchText)
26
+ return;
27
+ this._searchText = value;
28
+ if (value) {
29
+ this.expanded = true;
30
+ }
31
+ }
32
+ get searchText() {
33
+ return this._searchText || '';
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
+ }
59
+ BtvSearch.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: BtvSearch, deps: [], target: i0.ɵɵFactoryTarget.Component });
60
+ BtvSearch.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", 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"] }] });
61
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", 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: function () { return []; }, 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnR2LXNlYXJjaC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9idHYtYmFzZS1jb250cm9scy9zcmMvbGliL2J0di1zZWFyY2gvYnR2LXNlYXJjaC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9idHYtYmFzZS1jb250cm9scy9zcmMvbGliL2J0di1zZWFyY2gvYnR2LXNlYXJjaC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWMsWUFBWSxFQUFFLEtBQUssRUFBcUIsTUFBTSxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqSCxPQUFPLEVBQUUsU0FBUyxFQUFnQixNQUFNLE1BQU0sQ0FBQztBQUMvQyxPQUFPLEVBQUUsWUFBWSxFQUFFLG9CQUFvQixFQUFFLEdBQUcsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7O0FBRXpFLE1BQU0sT0FBTyxTQUFTO0lBQ3BCLElBQUksUUFBUSxLQUFLLE9BQU8sTUFBTSxDQUFDLFVBQVUsSUFBSSxJQUFJLENBQUMsQ0FBQyxDQUFDO0lBQ3BELElBQUksUUFBUSxLQUFLLE9BQU8sTUFBTSxDQUFDLFVBQVUsSUFBSSxJQUFJLENBQUMsQ0FBQyxDQUFDO0lBQ3BELElBQUksT0FBTyxLQUFLLE9BQU8sTUFBTSxDQUFDLFVBQVUsSUFBSSxHQUFHLENBQUMsQ0FBQyxDQUFDO0lBQzNDLG9CQUFvQixDQUFDLEtBQWEsSUFBSSxPQUFPLE1BQU0sQ0FBQyxVQUFVLElBQUksS0FBSyxDQUFDLENBQUMsQ0FBQztDQUNsRjtBQVFELE1BQU0sT0FBTyxTQUFTO0lBMkJwQjtRQTFCUyxjQUFTLEdBQVksS0FBSyxDQUFDO1FBQzNCLFlBQU8sR0FBWSxLQUFLLENBQUM7UUFFekIsZ0JBQVcsR0FBVyxRQUFRLENBQUM7UUFDL0IsaUJBQVksR0FBWSxLQUFLLENBQUM7UUFDdkMsZ0JBQVcsR0FBWSxLQUFLLENBQUM7UUFDN0IsU0FBSSxHQUFjLElBQUksU0FBUyxFQUFFLENBQUM7UUFFeEIscUJBQWdCLEdBQXlCLElBQUksWUFBWSxFQUFVLENBQUM7UUFtQjVFLElBQUksQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDO0lBQ3hCLENBQUM7SUFkRCxJQUFhLFVBQVUsQ0FBQyxLQUFhO1FBQ25DLElBQUksS0FBSyxLQUFLLElBQUksQ0FBQyxXQUFXO1lBQUUsT0FBTztRQUN2QyxJQUFJLENBQUMsV0FBVyxHQUFHLEtBQUssQ0FBQztRQUN6QixJQUFJLEtBQUssRUFBRTtZQUNULElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDO1NBQ3RCO0lBQ0gsQ0FBQztJQUVELElBQUksVUFBVTtRQUNaLE9BQU8sSUFBSSxDQUFDLFdBQVcsSUFBSSxFQUFFLENBQUM7SUFDaEMsQ0FBQztJQU1ELFFBQVE7UUFDTixJQUFJLEdBQUcsR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDLGFBQWEsQ0FBQztRQUNqQyxJQUFJLFVBQVUsR0FBRyxTQUFTLENBQUMsR0FBRyxFQUFFLE9BQU8sQ0FBQyxDQUFDLElBQUksQ0FDM0MsWUFBWSxDQUFDLEdBQUcsQ0FBQyxFQUNqQixvQkFBb0IsRUFBRSxFQUN0QixHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBZSxDQUFFLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUN4QyxDQUFDO1FBQ0YsSUFBSSxDQUFDLG1CQUFtQixHQUFHLFVBQVUsQ0FBQyxTQUFTLENBQUMsRUFBRSxDQUFDLEVBQUU7WUFDbkQsSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUNqQyxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxJQUFJLENBQUMsbUJBQW1CO1lBQUUsSUFBSSxDQUFDLG1CQUFtQixDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQ3ZFLENBQUM7SUFDRCxZQUFZO1FBQ1YsSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUM7UUFDL0IsSUFBSSxJQUFJLENBQUMsR0FBRyxJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDN0IsSUFBSSxDQUFDLEdBQUcsQ0FBQyxhQUFhLENBQUMsS0FBSyxFQUFFLENBQUM7U0FDaEM7SUFDSCxDQUFDO0lBRUQsVUFBVTtRQUNSLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLGFBQWEsQ0FBQyxLQUFLLElBQUksSUFBSSxDQUFDLFFBQVEsSUFBSSxDQUFDLElBQUksQ0FBQyxZQUFZLEVBQUU7WUFDeEUsSUFBSSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7U0FDdkI7UUFDRCxJQUFJLENBQUMsV0FBVyxHQUFHLEtBQUssQ0FBQztJQUMzQixDQUFDOztzR0ExRFUsU0FBUzswRkFBVCxTQUFTLDZYQ2pCdEIsMDJCQWNNOzJGREdPLFNBQVM7a0JBTnJCLFNBQVM7K0JBQ0UsWUFBWTswRUFNYixTQUFTO3NCQUFqQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFHb0MsR0FBRztzQkFBNUMsU0FBUzt1QkFBQyxXQUFXLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFO2dCQUM5QixnQkFBZ0I7c0JBQXpCLE1BQU07Z0JBTU0sVUFBVTtzQkFBdEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRWxlbWVudFJlZiwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25EZXN0cm95LCBPbkluaXQsIE91dHB1dCwgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IGZyb21FdmVudCwgU3Vic2NyaXB0aW9uIH0gZnJvbSAncnhqcyc7XHJcbmltcG9ydCB7IGRlYm91bmNlVGltZSwgZGlzdGluY3RVbnRpbENoYW5nZWQsIG1hcCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcclxuXHJcbmV4cG9ydCBjbGFzcyBWaWV3U3RhdGUge1xyXG4gIGdldCBpc0xhcHRvcCgpIHsgcmV0dXJuIHdpbmRvdy5pbm5lcldpZHRoIDw9IDE0NDA7IH1cclxuICBnZXQgaXNNb2JpbGUoKSB7IHJldHVybiB3aW5kb3cuaW5uZXJXaWR0aCA8PSAxMDI0OyB9XHJcbiAgZ2V0IGlzUGhvbmUoKSB7IHJldHVybiB3aW5kb3cuaW5uZXJXaWR0aCA8PSA3Njc7IH1cclxuICBwdWJsaWMgaXNXaWR0aExlc3NPckVxdWFsVG8od2lkdGg6IG51bWJlcikgeyByZXR1cm4gd2luZG93LmlubmVyV2lkdGggPD0gd2lkdGg7IH1cclxufVxyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdidHYtc2VhcmNoJyxcclxuICBzdHlsZVVybHM6IFsnLi9idHYtc2VhcmNoLnNjc3MnXSxcclxuICB0ZW1wbGF0ZVVybDogJy4vYnR2LXNlYXJjaC5odG1sJ1xyXG59KVxyXG5cclxuZXhwb3J0IGNsYXNzIEJ0dlNlYXJjaCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcclxuICBASW5wdXQoKSB3aWR0aEF1dG86IGJvb2xlYW4gPSBmYWxzZTtcclxuICBASW5wdXQoKSBpc1NtYWxsOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCkgc2VhcmNoUmlnaHQ6IHN0cmluZztcclxuICBASW5wdXQoKSBwbGFjZWhvbGRlcjogc3RyaW5nID0gJ1NlYXJjaCc7XHJcbiAgQElucHV0KCkga2VlcEV4cGFuZGVkOiBib29sZWFuID0gZmFsc2U7XHJcbiAgc2VhcmNoRm9jdXM6IGJvb2xlYW4gPSBmYWxzZTtcclxuICB2aWV3OiBWaWV3U3RhdGUgPSBuZXcgVmlld1N0YXRlKCk7XHJcbiAgQFZpZXdDaGlsZCgnc2VhcmNoQm94JywgeyBzdGF0aWM6IHRydWUgfSkgYm94OiBFbGVtZW50UmVmO1xyXG4gIEBPdXRwdXQoKSBzZWFyY2hUZXh0Q2hhbmdlOiBFdmVudEVtaXR0ZXI8c3RyaW5nPiA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xyXG4gIHB1YmxpYyBleHBhbmRlZDogYm9vbGVhbjtcclxuICBwcml2YXRlIF9zZWFyY2hTdWJzY3JpcHRpb246IFN1YnNjcmlwdGlvbjtcclxuXHJcbiAgcHJpdmF0ZSBfc2VhcmNoVGV4dDogc3RyaW5nO1xyXG5cclxuICBASW5wdXQoKSBzZXQgc2VhcmNoVGV4dCh2YWx1ZTogc3RyaW5nKSB7XHJcbiAgICBpZiAodmFsdWUgPT09IHRoaXMuX3NlYXJjaFRleHQpIHJldHVybjtcclxuICAgIHRoaXMuX3NlYXJjaFRleHQgPSB2YWx1ZTtcclxuICAgIGlmICh2YWx1ZSkge1xyXG4gICAgICB0aGlzLmV4cGFuZGVkID0gdHJ1ZTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIGdldCBzZWFyY2hUZXh0KCk6IHN0cmluZyB7XHJcbiAgICByZXR1cm4gdGhpcy5fc2VhcmNoVGV4dCB8fCAnJztcclxuICB9XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkge1xyXG4gICAgdGhpcy5leHBhbmRlZCA9IGZhbHNlO1xyXG4gIH1cclxuXHJcbiAgbmdPbkluaXQoKSB7XHJcbiAgICBsZXQgYm94ID0gdGhpcy5ib3gubmF0aXZlRWxlbWVudDtcclxuICAgIGxldCBvYnNlcnZhYmxlID0gZnJvbUV2ZW50KGJveCwgJ2tleXVwJykucGlwZShcclxuICAgICAgZGVib3VuY2VUaW1lKDQwMCksXHJcbiAgICAgIGRpc3RpbmN0VW50aWxDaGFuZ2VkKCksXHJcbiAgICAgIG1hcCh4ID0+IDxzdHJpbmc+KDxhbnk+eCkudGFyZ2V0LnZhbHVlKVxyXG4gICAgKTtcclxuICAgIHRoaXMuX3NlYXJjaFN1YnNjcmlwdGlvbiA9IG9ic2VydmFibGUuc3Vic2NyaWJlKGl0ID0+IHtcclxuICAgICAgdGhpcy5zZWFyY2hUZXh0Q2hhbmdlLmVtaXQoaXQpO1xyXG4gICAgfSk7XHJcbiAgfVxyXG5cclxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcclxuICAgIGlmICh0aGlzLl9zZWFyY2hTdWJzY3JpcHRpb24pIHRoaXMuX3NlYXJjaFN1YnNjcmlwdGlvbi51bnN1YnNjcmliZSgpO1xyXG4gIH1cclxuICB0b2dnbGVTZWFyY2goKSB7XHJcbiAgICB0aGlzLmV4cGFuZGVkID0gIXRoaXMuZXhwYW5kZWQ7XHJcbiAgICBpZiAodGhpcy5ib3ggJiYgdGhpcy5leHBhbmRlZCkge1xyXG4gICAgICB0aGlzLmJveC5uYXRpdmVFbGVtZW50LmZvY3VzKCk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBvbkZvY3VzT3V0KCkge1xyXG4gICAgaWYgKCF0aGlzLmJveC5uYXRpdmVFbGVtZW50LnZhbHVlICYmIHRoaXMuZXhwYW5kZWQgJiYgIXRoaXMua2VlcEV4cGFuZGVkKSB7XHJcbiAgICAgIHRoaXMuZXhwYW5kZWQgPSBmYWxzZTtcclxuICAgIH1cclxuICAgIHRoaXMuc2VhcmNoRm9jdXMgPSBmYWxzZTtcclxuICB9XHJcblxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJ3bS1zZWFyY2ggZmxleC1yb3dcIiBbbmdDbGFzc109XCJ7J3NlYXJjaC1yZXZlcnNlJzogc2VhcmNoUmlnaHQgPT0gJ3JpZ2h0JywgJ2Fsd2F5cy1vcGVuZWQnOiBrZWVwRXhwYW5kZWQsICdzbWFsbCc6IGlzU21hbGx9XCI+XHJcblx0PGRpdiBjbGFzcz1cInNlYXJjaC1pY29uIGlubGluZS1jb2xcIiBbbmdDbGFzc109XCJ7J3NlYXJjaC10b2dnbGUtZGlzYWJsZWQnOiBrZWVwRXhwYW5kZWQgfHwgIXNlYXJjaEZvY3VzfVwiXHJcblx0XHQoY2xpY2spPVwidG9nZ2xlU2VhcmNoKClcIj5cclxuXHRcdDx3bS10ZW1wbGF0ZS1pbWFnZSBjbGFzcz1cIm1hcmdpblhBXCIgaWNvbj1cInNlYXJjaFwiIFtsaWdodF09XCIoIWV4cGFuZGVkICYmICFzZWFyY2hGb2N1cykgfHwga2VlcEV4cGFuZGVkXCI+XHJcblx0XHQ8L3dtLXRlbXBsYXRlLWltYWdlPlxyXG5cdDwvZGl2PlxyXG5cdDxkaXYgY2xhc3M9XCJzZWFyY2gtd3JhcCBmbGV4LWNvbFwiXHJcblx0XHRbbmdDbGFzc109XCJ7J3NlYXJjaC1vcGVuJzoga2VlcEV4cGFuZGVkIHx8IGV4cGFuZGVkLCAnc2VhcmNoLWZvY3VzZWQnOiAoZXhwYW5kZWQgJiYgc2VhcmNoRm9jdXMpIHx8IChrZWVwRXhwYW5kZWQgJiYgc2VhcmNoRm9jdXMpLFxyXG5cdCd3aWR0aC1hdXRvJzogd2lkdGhBdXRvfVwiPlxyXG5cdFx0PGlucHV0IGNsYXNzPVwic2VhcmNoLWZpZWxkXCIgI3NlYXJjaEJveCBcclxuXHRcdFx0W3ZhbHVlXT1cInNlYXJjaFRleHRcIiBcclxuXHRcdFx0W3BsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyXCJcclxuXHRcdFx0KGZvY3VzKT1cInNlYXJjaEZvY3VzID0gdHJ1ZVwiIChmb2N1c291dCk9XCJvbkZvY3VzT3V0KClcIj5cclxuXHQ8L2Rpdj5cclxuPC9kaXY+Il19
@@ -1,16 +1,16 @@
1
- import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- import * as i1 from "@angular/common";
4
- export class BusyIndicatorComponent {
5
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BusyIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
6
- static { thiscmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: BusyIndicatorComponent, selector: "wm-busy-indicator", inputs: { busy: "busy", long: "long" }, ngImport: i0, template: "<div class=\"load-snake-wrap\" *ngIf=\"busy\" [ngClass]=\"{'long-snake-wrap': long}\">\r\n <span class=\"snake-field\" ></span>\r\n <span class=\"snake\" [ngClass]=\"{'longSnake': long}\">\r\n <span class=\"snake-shadow\" [ngClass]=\"{'longRotate': long}\"></span>\r\n </span>\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}}.load-snake-wrap{width:120px;height:12px;overflow:hidden;align-self:flex-end}.snake-field{display:block;width:100%;height:2px;background:#22252c;top:5px;position:relative}.snake{display:inline-block;width:80px;height:2px;background:#7f868c;animation-play-state:running;position:relative;top:-9px;animation:snakeMove 2s linear 0s infinite}.snake-shadow{display:inline-block;width:40px;height:8px;position:absolute;margin-top:-3px;animation:rotate 2s linear 0s infinite;animation-play-state:running;border-radius:25%}.long-snake-wrap{width:400px}.longSnake{animation:snakeLongMove 3s linear 0s infinite}.longRotate{animation:rotate 3s linear 0s infinite}@keyframes snakeMove{0%{left:-80px}50%{left:200px}to{left:-200px}}@keyframes snakeLongMove{0%{left:-80px}50%{left:440px}to{left:-200px}}@keyframes rotate{0%{background:linear-gradient(to right,#0000,#988d6766);right:0}to{background:linear-gradient(to left,#0000,#988d6766);left:0;right:unset}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
7
- }
8
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BusyIndicatorComponent, decorators: [{
9
- type: Component,
10
- args: [{ selector: 'wm-busy-indicator', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"load-snake-wrap\" *ngIf=\"busy\" [ngClass]=\"{'long-snake-wrap': long}\">\r\n <span class=\"snake-field\" ></span>\r\n <span class=\"snake\" [ngClass]=\"{'longSnake': long}\">\r\n <span class=\"snake-shadow\" [ngClass]=\"{'longRotate': long}\"></span>\r\n </span>\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}}.load-snake-wrap{width:120px;height:12px;overflow:hidden;align-self:flex-end}.snake-field{display:block;width:100%;height:2px;background:#22252c;top:5px;position:relative}.snake{display:inline-block;width:80px;height:2px;background:#7f868c;animation-play-state:running;position:relative;top:-9px;animation:snakeMove 2s linear 0s infinite}.snake-shadow{display:inline-block;width:40px;height:8px;position:absolute;margin-top:-3px;animation:rotate 2s linear 0s infinite;animation-play-state:running;border-radius:25%}.long-snake-wrap{width:400px}.longSnake{animation:snakeLongMove 3s linear 0s infinite}.longRotate{animation:rotate 3s linear 0s infinite}@keyframes snakeMove{0%{left:-80px}50%{left:200px}to{left:-200px}}@keyframes snakeLongMove{0%{left:-80px}50%{left:440px}to{left:-200px}}@keyframes rotate{0%{background:linear-gradient(to right,#0000,#988d6766);right:0}to{background:linear-gradient(to left,#0000,#988d6766);left:0;right:unset}}\n"] }]
11
- }], propDecorators: { busy: [{
12
- type: Input
13
- }], long: [{
14
- type: Input
15
- }] } });
16
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnVzeS1pbmRpY2F0b3IuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYnR2LWJhc2UtY29udHJvbHMvc3JjL2xpYi9idXN5LWluZGljYXRvci9idXN5LWluZGljYXRvci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9idHYtYmFzZS1jb250cm9scy9zcmMvbGliL2J1c3ktaW5kaWNhdG9yL2J1c3ktaW5kaWNhdG9yLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQVExRSxNQUFNLE9BQU8sc0JBQXNCOzhHQUF0QixzQkFBc0I7a0dBQXRCLHNCQUFzQixpR0NSbkMsZ1RBS007OzJGREdPLHNCQUFzQjtrQkFObEMsU0FBUzsrQkFDRSxtQkFBbUIsbUJBR1osdUJBQXVCLENBQUMsTUFBTTs4QkFJL0IsSUFBSTtzQkFBbkIsS0FBSztnQkFDVSxJQUFJO3NCQUFuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnd20tYnVzeS1pbmRpY2F0b3InLFxyXG4gIHN0eWxlVXJsczogWycuL2J1c3ktaW5kaWNhdG9yLnNjc3MnXSxcclxuICB0ZW1wbGF0ZVVybDogJy4vYnVzeS1pbmRpY2F0b3IuaHRtbCcsXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcclxufSlcclxuZXhwb3J0IGNsYXNzIEJ1c3lJbmRpY2F0b3JDb21wb25lbnQge1xyXG5cclxuICBASW5wdXQoKSBwdWJsaWMgYnVzeTogYm9vbGVhbjtcclxuICBASW5wdXQoKSBwdWJsaWMgbG9uZzogYm9vbGVhbjtcclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwibG9hZC1zbmFrZS13cmFwXCIgKm5nSWY9XCJidXN5XCIgW25nQ2xhc3NdPVwieydsb25nLXNuYWtlLXdyYXAnOiBsb25nfVwiPlxyXG4gICAgPHNwYW4gY2xhc3M9XCJzbmFrZS1maWVsZFwiID48L3NwYW4+XHJcbiAgICA8c3BhbiBjbGFzcz1cInNuYWtlXCIgW25nQ2xhc3NdPVwieydsb25nU25ha2UnOiBsb25nfVwiPlxyXG4gICAgICAgIDxzcGFuIGNsYXNzPVwic25ha2Utc2hhZG93XCIgW25nQ2xhc3NdPVwieydsb25nUm90YXRlJzogbG9uZ31cIj48L3NwYW4+XHJcbiAgICA8L3NwYW4+XHJcbjwvZGl2PiJdfQ==
1
+ import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ import * as i1 from "@angular/common";
4
+ export class BusyIndicatorComponent {
5
+ }
6
+ BusyIndicatorComponentfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: BusyIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
7
+ BusyIndicatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: BusyIndicatorComponent, selector: "wm-busy-indicator", inputs: { busy: "busy", long: "long" }, ngImport: i0, template: "<div class=\"load-snake-wrap\" *ngIf=\"busy\" [ngClass]=\"{'long-snake-wrap': long}\">\r\n <span class=\"snake-field\" ></span>\r\n <span class=\"snake\" [ngClass]=\"{'longSnake': long}\">\r\n <span class=\"snake-shadow\" [ngClass]=\"{'longRotate': long}\"></span>\r\n </span>\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}}.load-snake-wrap{width:120px;height:12px;overflow:hidden;align-self:flex-end}.snake-field{display:block;width:100%;height:2px;background:#22252C;top:5px;position:relative}.snake{display:inline-block;width:80px;height:2px;background:#7F868C;animation-play-state:running;position:relative;top:-9px;animation:snakeMove 2s linear 0s infinite}.snake-shadow{display:inline-block;width:40px;height:8px;position:absolute;margin-top:-3px;animation:rotate 2s linear 0s infinite;animation-play-state:running;border-radius:25%}.long-snake-wrap{width:400px}.longSnake{animation:snakeLongMove 3s linear 0s infinite}.longRotate{animation:rotate 3s linear 0s infinite}@keyframes snakeMove{0%{left:-80px}50%{left:200px}to{left:-200px}}@keyframes snakeLongMove{0%{left:-80px}50%{left:440px}to{left:-200px}}@keyframes rotate{0%{background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(152,141,103,.4) 100%);right:0px}to{background:linear-gradient(to left,rgba(0,0,0,0) 0%,rgba(152,141,103,.4) 100%);left:0px;right:unset}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
8
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: BusyIndicatorComponent, decorators: [{
9
+ type: Component,
10
+ args: [{ selector: 'wm-busy-indicator', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"load-snake-wrap\" *ngIf=\"busy\" [ngClass]=\"{'long-snake-wrap': long}\">\r\n <span class=\"snake-field\" ></span>\r\n <span class=\"snake\" [ngClass]=\"{'longSnake': long}\">\r\n <span class=\"snake-shadow\" [ngClass]=\"{'longRotate': long}\"></span>\r\n </span>\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}}.load-snake-wrap{width:120px;height:12px;overflow:hidden;align-self:flex-end}.snake-field{display:block;width:100%;height:2px;background:#22252C;top:5px;position:relative}.snake{display:inline-block;width:80px;height:2px;background:#7F868C;animation-play-state:running;position:relative;top:-9px;animation:snakeMove 2s linear 0s infinite}.snake-shadow{display:inline-block;width:40px;height:8px;position:absolute;margin-top:-3px;animation:rotate 2s linear 0s infinite;animation-play-state:running;border-radius:25%}.long-snake-wrap{width:400px}.longSnake{animation:snakeLongMove 3s linear 0s infinite}.longRotate{animation:rotate 3s linear 0s infinite}@keyframes snakeMove{0%{left:-80px}50%{left:200px}to{left:-200px}}@keyframes snakeLongMove{0%{left:-80px}50%{left:440px}to{left:-200px}}@keyframes rotate{0%{background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(152,141,103,.4) 100%);right:0px}to{background:linear-gradient(to left,rgba(0,0,0,0) 0%,rgba(152,141,103,.4) 100%);left:0px;right:unset}}\n"] }]
11
+ }], propDecorators: { busy: [{
12
+ type: Input
13
+ }], long: [{
14
+ type: Input
15
+ }] } });
16
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnVzeS1pbmRpY2F0b3IuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYnR2LWJhc2UtY29udHJvbHMvc3JjL2xpYi9idXN5LWluZGljYXRvci9idXN5LWluZGljYXRvci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9idHYtYmFzZS1jb250cm9scy9zcmMvbGliL2J1c3ktaW5kaWNhdG9yL2J1c3ktaW5kaWNhdG9yLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQVExRSxNQUFNLE9BQU8sc0JBQXNCOzttSEFBdEIsc0JBQXNCO3VHQUF0QixzQkFBc0IsaUdDUm5DLGdUQUtNOzJGREdPLHNCQUFzQjtrQkFObEMsU0FBUzsrQkFDRSxtQkFBbUIsbUJBR1osdUJBQXVCLENBQUMsTUFBTTs4QkFJL0IsSUFBSTtzQkFBbkIsS0FBSztnQkFDVSxJQUFJO3NCQUFuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnd20tYnVzeS1pbmRpY2F0b3InLFxyXG4gIHN0eWxlVXJsczogWycuL2J1c3ktaW5kaWNhdG9yLnNjc3MnXSxcclxuICB0ZW1wbGF0ZVVybDogJy4vYnVzeS1pbmRpY2F0b3IuaHRtbCcsXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcclxufSlcclxuZXhwb3J0IGNsYXNzIEJ1c3lJbmRpY2F0b3JDb21wb25lbnQge1xyXG5cclxuICBASW5wdXQoKSBwdWJsaWMgYnVzeTogYm9vbGVhbjtcclxuICBASW5wdXQoKSBwdWJsaWMgbG9uZzogYm9vbGVhbjtcclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwibG9hZC1zbmFrZS13cmFwXCIgKm5nSWY9XCJidXN5XCIgW25nQ2xhc3NdPVwieydsb25nLXNuYWtlLXdyYXAnOiBsb25nfVwiPlxyXG4gICAgPHNwYW4gY2xhc3M9XCJzbmFrZS1maWVsZFwiID48L3NwYW4+XHJcbiAgICA8c3BhbiBjbGFzcz1cInNuYWtlXCIgW25nQ2xhc3NdPVwieydsb25nU25ha2UnOiBsb25nfVwiPlxyXG4gICAgICAgIDxzcGFuIGNsYXNzPVwic25ha2Utc2hhZG93XCIgW25nQ2xhc3NdPVwieydsb25nUm90YXRlJzogbG9uZ31cIj48L3NwYW4+XHJcbiAgICA8L3NwYW4+XHJcbjwvZGl2PiJdfQ==
@@ -1,34 +1,34 @@
1
- import { Component, Input } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- import * as i1 from "@angular/common";
4
- /**
5
- * This component will be used to show custom tooltip
6
- *
7
- * This component will be rendered using OverlayModule of angular material
8
- * This component will be rendered by directive on an Overlay
9
- *
10
- * CONSUMER will not be using this component directly
11
- * This component will be hosted in an overlay by ToolTipRenderer directive
12
- * This component exposes two properties. These two properties will be filled by ToolTipRenderer directive
13
- * 1. text - This is a simple string which is to be shown in the tooltip; This will be injected in the ToolTipRenderer directive
14
- * by the consumer
15
- * 2. contentTemplate - This gives finer control on the content to be shown in the tooltip
16
- *
17
- * NOTE - ONLY one should be specified; If BOTH are specified then "template" will be rendered and "text" will be ignored
18
- */
19
- export class CustomToolTipComponent {
20
- constructor() { }
21
- ngOnInit() {
22
- }
23
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: CustomToolTipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
24
- static { thiscmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: CustomToolTipComponent, selector: "app-custom-tool-tip", inputs: { text: "text", contentTemplate: "contentTemplate" }, ngImport: i0, template: "<div class=\"tooltip-container\">\r\n <div class=\"mat-tooltip\">\r\n <ng-template #simpleText >\r\n {{text}}\r\n </ng-template>\r\n <ng-container *ngTemplateOutlet=\"contentTemplate || simpleText\">\r\n </ng-container>\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}}.tooltip-container{position:relative;box-sizing:border-box;box-shadow:0 16px 16px -1px #051d391a;border-radius:4px;-webkit-appearance:none}.tooltip-container:before{content:\"\";display:block;width:0;height:0;border-style:solid;border-width:6px;border-color:transparent;left:50%;bottom:-12px;margin-left:-6.0625px;border-top-color:var(--pageBackgroundColor);position:absolute}.mat-tooltip{font-family:Inter,Verdana,Geneva,Tahoma,sans-serif;margin:0;transform-origin:center top;box-shadow:none;background:var(--pageBackgroundColor);color:var(--strongFontColor);border-radius:2px;z-index:12000;border-style:solid;border-width:0;padding:5px 5px 5px 6px;background-repeat:repeat-x;min-width:20px;text-align:center;font-size:14px;transform:scale(1)!important}.mat-tooltip.mat-tooltip-show{animation:none}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
25
- }
26
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: CustomToolTipComponent, decorators: [{
27
- type: Component,
28
- args: [{ selector: 'app-custom-tool-tip', template: "<div class=\"tooltip-container\">\r\n <div class=\"mat-tooltip\">\r\n <ng-template #simpleText >\r\n {{text}}\r\n </ng-template>\r\n <ng-container *ngTemplateOutlet=\"contentTemplate || simpleText\">\r\n </ng-container>\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}}.tooltip-container{position:relative;box-sizing:border-box;box-shadow:0 16px 16px -1px #051d391a;border-radius:4px;-webkit-appearance:none}.tooltip-container:before{content:\"\";display:block;width:0;height:0;border-style:solid;border-width:6px;border-color:transparent;left:50%;bottom:-12px;margin-left:-6.0625px;border-top-color:var(--pageBackgroundColor);position:absolute}.mat-tooltip{font-family:Inter,Verdana,Geneva,Tahoma,sans-serif;margin:0;transform-origin:center top;box-shadow:none;background:var(--pageBackgroundColor);color:var(--strongFontColor);border-radius:2px;z-index:12000;border-style:solid;border-width:0;padding:5px 5px 5px 6px;background-repeat:repeat-x;min-width:20px;text-align:center;font-size:14px;transform:scale(1)!important}.mat-tooltip.mat-tooltip-show{animation:none}\n"] }]
29
- }], ctorParameters: () => [], propDecorators: { text: [{
30
- type: Input
31
- }], contentTemplate: [{
32
- type: Input
33
- }] } });
34
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tLXRvb2wtdGlwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2J0di1iYXNlLWNvbnRyb2xzL3NyYy9saWIvY3VzdG9tLXRvb2wtdGlwL2N1c3RvbS10b29sLXRpcC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9idHYtYmFzZS1jb250cm9scy9zcmMvbGliL2N1c3RvbS10b29sLXRpcC9jdXN0b20tdG9vbC10aXAuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxLQUFLLEVBQWUsTUFBTSxlQUFlLENBQUM7OztBQUV0RTs7Ozs7Ozs7Ozs7Ozs7R0FjRztBQU1ILE1BQU0sT0FBTyxzQkFBc0I7SUFnQmpDLGdCQUFnQixDQUFDO0lBRWpCLFFBQVE7SUFDUixDQUFDOzhHQW5CVSxzQkFBc0I7a0dBQXRCLHNCQUFzQix5SEN0Qm5DLHFSQVFROzsyRkRjSyxzQkFBc0I7a0JBTGxDLFNBQVM7K0JBQ0UscUJBQXFCO3dEQVN0QixJQUFJO3NCQUFaLEtBQUs7Z0JBU0csZUFBZTtzQkFBdkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBJbnB1dCwgVGVtcGxhdGVSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbi8qKlxyXG4gKiBUaGlzIGNvbXBvbmVudCB3aWxsIGJlIHVzZWQgdG8gc2hvdyBjdXN0b20gdG9vbHRpcFxyXG4gKiBcclxuICogVGhpcyBjb21wb25lbnQgd2lsbCBiZSByZW5kZXJlZCB1c2luZyBPdmVybGF5TW9kdWxlIG9mIGFuZ3VsYXIgbWF0ZXJpYWxcclxuICogVGhpcyBjb21wb25lbnQgd2lsbCBiZSByZW5kZXJlZCBieSBkaXJlY3RpdmUgb24gYW4gT3ZlcmxheVxyXG4gKiBcclxuICogQ09OU1VNRVIgd2lsbCBub3QgYmUgdXNpbmcgdGhpcyBjb21wb25lbnQgZGlyZWN0bHlcclxuICogVGhpcyBjb21wb25lbnQgd2lsbCBiZSBob3N0ZWQgaW4gYW4gb3ZlcmxheSBieSBUb29sVGlwUmVuZGVyZXIgZGlyZWN0aXZlXHJcbiAqIFRoaXMgY29tcG9uZW50IGV4cG9zZXMgdHdvIHByb3BlcnRpZXMuIFRoZXNlIHR3byBwcm9wZXJ0aWVzIHdpbGwgYmUgZmlsbGVkIGJ5IFRvb2xUaXBSZW5kZXJlciBkaXJlY3RpdmVcclxuICogMS4gdGV4dCAtIFRoaXMgaXMgYSBzaW1wbGUgc3RyaW5nIHdoaWNoIGlzIHRvIGJlIHNob3duIGluIHRoZSB0b29sdGlwOyBUaGlzIHdpbGwgYmUgaW5qZWN0ZWQgaW4gdGhlIFRvb2xUaXBSZW5kZXJlciBkaXJlY3RpdmVcclxuICogICAgYnkgdGhlIGNvbnN1bWVyXHJcbiAqIDIuIGNvbnRlbnRUZW1wbGF0ZSAtIFRoaXMgZ2l2ZXMgZmluZXIgY29udHJvbCBvbiB0aGUgY29udGVudCB0byBiZSBzaG93biBpbiB0aGUgdG9vbHRpcFxyXG4gKiBcclxuICogTk9URSAtIE9OTFkgb25lIHNob3VsZCBiZSBzcGVjaWZpZWQ7IElmIEJPVEggYXJlIHNwZWNpZmllZCB0aGVuIFwidGVtcGxhdGVcIiB3aWxsIGJlIHJlbmRlcmVkIGFuZCBcInRleHRcIiB3aWxsIGJlIGlnbm9yZWRcclxuICovXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLWN1c3RvbS10b29sLXRpcCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2N1c3RvbS10b29sLXRpcC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vY3VzdG9tLXRvb2wtdGlwLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIEN1c3RvbVRvb2xUaXBDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICAvKipcclxuICAgKiBUaGlzIGlzIHNpbXBsZSB0ZXh0IHdoaWNoIGlzIHRvIGJlIHNob3duIGluIHRoZSB0b29sdGlwXHJcbiAgICovXHJcbiAgQElucHV0KCkgdGV4dDogc3RyaW5nO1xyXG5cclxuICAvKipcclxuICAgKiBUaGlzIHByb3ZpZGVzIGZpbmVyIGNvbnRyb2wgb24gdGhlIGNvbnRlbnQgdG8gYmUgdmlzaWJsZSBvbiB0aGUgdG9vbHRpcFxyXG4gICAqIFRoaXMgdGVtcGxhdGUgd2lsbCBiZSBpbmplY3RlZCBpbiBNY1Rvb2xUaXBSZW5kZXJlciBkaXJlY3RpdmUgaW4gdGhlIGNvbnN1bWVyIHRlbXBsYXRlXHJcbiAgICogPG5nLXRlbXBsYXRlICN0ZW1wbGF0ZT5cclxuICAgKiAgY29udGVudC4uLi4uXHJcbiAgICogPC9uZy10ZW1wbGF0ZT5cclxuICAgKi9cclxuICBASW5wdXQoKSBjb250ZW50VGVtcGxhdGU6IFRlbXBsYXRlUmVmPGFueT47XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gIH1cclxuXHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cInRvb2x0aXAtY29udGFpbmVyXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwibWF0LXRvb2x0aXBcIj5cclxuICAgICAgPG5nLXRlbXBsYXRlICNzaW1wbGVUZXh0ID5cclxuICAgICAgICB7e3RleHR9fVxyXG4gICAgICA8L25nLXRlbXBsYXRlPlxyXG4gICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiY29udGVudFRlbXBsYXRlIHx8IHNpbXBsZVRleHRcIj5cclxuICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj4iXX0=
1
+ import { Component, Input } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ import * as i1 from "@angular/common";
4
+ /**
5
+ * This component will be used to show custom tooltip
6
+ *
7
+ * This component will be rendered using OverlayModule of angular material
8
+ * This component will be rendered by directive on an Overlay
9
+ *
10
+ * CONSUMER will not be using this component directly
11
+ * This component will be hosted in an overlay by ToolTipRenderer directive
12
+ * This component exposes two properties. These two properties will be filled by ToolTipRenderer directive
13
+ * 1. text - This is a simple string which is to be shown in the tooltip; This will be injected in the ToolTipRenderer directive
14
+ * by the consumer
15
+ * 2. contentTemplate - This gives finer control on the content to be shown in the tooltip
16
+ *
17
+ * NOTE - ONLY one should be specified; If BOTH are specified then "template" will be rendered and "text" will be ignored
18
+ */
19
+ export class CustomToolTipComponent {
20
+ constructor() { }
21
+ ngOnInit() {
22
+ }
23
+ }
24
+ CustomToolTipComponentfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: CustomToolTipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
25
+ CustomToolTipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: CustomToolTipComponent, selector: "app-custom-tool-tip", inputs: { text: "text", contentTemplate: "contentTemplate" }, ngImport: i0, template: "<div class=\"tooltip-container\">\r\n <div class=\"mat-tooltip\">\r\n <ng-template #simpleText >\r\n {{text}}\r\n </ng-template>\r\n <ng-container *ngTemplateOutlet=\"contentTemplate || simpleText\">\r\n </ng-container>\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}}.tooltip-container{position:relative;box-sizing:border-box;box-shadow:0 16px 16px -1px #051d391a;border-radius:4px;-webkit-appearance:none}.tooltip-container:before{content:\"\";display:block;width:0;height:0;border-style:solid;border-width:6px;border-color:transparent;left:50%;bottom:-12px;margin-left:-6.0625px;border-top-color:var(--pageBackgroundColor);position:absolute}.mat-tooltip{font-family:Inter,Verdana,Geneva,Tahoma,sans-serif;margin:0;transform-origin:center top;box-shadow:none;background:var(--pageBackgroundColor);color:var(--strongFontColor);border-radius:2px;z-index:12000;border-style:solid;border-width:0;padding:5px 5px 5px 6px;background-repeat:repeat-x;min-width:20px;text-align:center;font-size:14px;transform:scale(1)!important}.mat-tooltip.mat-tooltip-show{animation:none}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
26
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: CustomToolTipComponent, decorators: [{
27
+ type: Component,
28
+ args: [{ selector: 'app-custom-tool-tip', template: "<div class=\"tooltip-container\">\r\n <div class=\"mat-tooltip\">\r\n <ng-template #simpleText >\r\n {{text}}\r\n </ng-template>\r\n <ng-container *ngTemplateOutlet=\"contentTemplate || simpleText\">\r\n </ng-container>\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}}.tooltip-container{position:relative;box-sizing:border-box;box-shadow:0 16px 16px -1px #051d391a;border-radius:4px;-webkit-appearance:none}.tooltip-container:before{content:\"\";display:block;width:0;height:0;border-style:solid;border-width:6px;border-color:transparent;left:50%;bottom:-12px;margin-left:-6.0625px;border-top-color:var(--pageBackgroundColor);position:absolute}.mat-tooltip{font-family:Inter,Verdana,Geneva,Tahoma,sans-serif;margin:0;transform-origin:center top;box-shadow:none;background:var(--pageBackgroundColor);color:var(--strongFontColor);border-radius:2px;z-index:12000;border-style:solid;border-width:0;padding:5px 5px 5px 6px;background-repeat:repeat-x;min-width:20px;text-align:center;font-size:14px;transform:scale(1)!important}.mat-tooltip.mat-tooltip-show{animation:none}\n"] }]
29
+ }], ctorParameters: function () { return []; }, propDecorators: { text: [{
30
+ type: Input
31
+ }], contentTemplate: [{
32
+ type: Input
33
+ }] } });
34
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tLXRvb2wtdGlwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2J0di1iYXNlLWNvbnRyb2xzL3NyYy9saWIvY3VzdG9tLXRvb2wtdGlwL2N1c3RvbS10b29sLXRpcC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9idHYtYmFzZS1jb250cm9scy9zcmMvbGliL2N1c3RvbS10b29sLXRpcC9jdXN0b20tdG9vbC10aXAuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxLQUFLLEVBQWUsTUFBTSxlQUFlLENBQUM7OztBQUV0RTs7Ozs7Ozs7Ozs7Ozs7R0FjRztBQU1ILE1BQU0sT0FBTyxzQkFBc0I7SUFnQmpDLGdCQUFnQixDQUFDO0lBRWpCLFFBQVE7SUFDUixDQUFDOzttSEFuQlUsc0JBQXNCO3VHQUF0QixzQkFBc0IseUhDdEJuQyxxUkFRUTsyRkRjSyxzQkFBc0I7a0JBTGxDLFNBQVM7K0JBQ0UscUJBQXFCOzBFQVN0QixJQUFJO3NCQUFaLEtBQUs7Z0JBU0csZUFBZTtzQkFBdkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBJbnB1dCwgVGVtcGxhdGVSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbi8qKlxyXG4gKiBUaGlzIGNvbXBvbmVudCB3aWxsIGJlIHVzZWQgdG8gc2hvdyBjdXN0b20gdG9vbHRpcFxyXG4gKiBcclxuICogVGhpcyBjb21wb25lbnQgd2lsbCBiZSByZW5kZXJlZCB1c2luZyBPdmVybGF5TW9kdWxlIG9mIGFuZ3VsYXIgbWF0ZXJpYWxcclxuICogVGhpcyBjb21wb25lbnQgd2lsbCBiZSByZW5kZXJlZCBieSBkaXJlY3RpdmUgb24gYW4gT3ZlcmxheVxyXG4gKiBcclxuICogQ09OU1VNRVIgd2lsbCBub3QgYmUgdXNpbmcgdGhpcyBjb21wb25lbnQgZGlyZWN0bHlcclxuICogVGhpcyBjb21wb25lbnQgd2lsbCBiZSBob3N0ZWQgaW4gYW4gb3ZlcmxheSBieSBUb29sVGlwUmVuZGVyZXIgZGlyZWN0aXZlXHJcbiAqIFRoaXMgY29tcG9uZW50IGV4cG9zZXMgdHdvIHByb3BlcnRpZXMuIFRoZXNlIHR3byBwcm9wZXJ0aWVzIHdpbGwgYmUgZmlsbGVkIGJ5IFRvb2xUaXBSZW5kZXJlciBkaXJlY3RpdmVcclxuICogMS4gdGV4dCAtIFRoaXMgaXMgYSBzaW1wbGUgc3RyaW5nIHdoaWNoIGlzIHRvIGJlIHNob3duIGluIHRoZSB0b29sdGlwOyBUaGlzIHdpbGwgYmUgaW5qZWN0ZWQgaW4gdGhlIFRvb2xUaXBSZW5kZXJlciBkaXJlY3RpdmVcclxuICogICAgYnkgdGhlIGNvbnN1bWVyXHJcbiAqIDIuIGNvbnRlbnRUZW1wbGF0ZSAtIFRoaXMgZ2l2ZXMgZmluZXIgY29udHJvbCBvbiB0aGUgY29udGVudCB0byBiZSBzaG93biBpbiB0aGUgdG9vbHRpcFxyXG4gKiBcclxuICogTk9URSAtIE9OTFkgb25lIHNob3VsZCBiZSBzcGVjaWZpZWQ7IElmIEJPVEggYXJlIHNwZWNpZmllZCB0aGVuIFwidGVtcGxhdGVcIiB3aWxsIGJlIHJlbmRlcmVkIGFuZCBcInRleHRcIiB3aWxsIGJlIGlnbm9yZWRcclxuICovXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLWN1c3RvbS10b29sLXRpcCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2N1c3RvbS10b29sLXRpcC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vY3VzdG9tLXRvb2wtdGlwLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIEN1c3RvbVRvb2xUaXBDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICAvKipcclxuICAgKiBUaGlzIGlzIHNpbXBsZSB0ZXh0IHdoaWNoIGlzIHRvIGJlIHNob3duIGluIHRoZSB0b29sdGlwXHJcbiAgICovXHJcbiAgQElucHV0KCkgdGV4dDogc3RyaW5nO1xyXG5cclxuICAvKipcclxuICAgKiBUaGlzIHByb3ZpZGVzIGZpbmVyIGNvbnRyb2wgb24gdGhlIGNvbnRlbnQgdG8gYmUgdmlzaWJsZSBvbiB0aGUgdG9vbHRpcFxyXG4gICAqIFRoaXMgdGVtcGxhdGUgd2lsbCBiZSBpbmplY3RlZCBpbiBNY1Rvb2xUaXBSZW5kZXJlciBkaXJlY3RpdmUgaW4gdGhlIGNvbnN1bWVyIHRlbXBsYXRlXHJcbiAgICogPG5nLXRlbXBsYXRlICN0ZW1wbGF0ZT5cclxuICAgKiAgY29udGVudC4uLi4uXHJcbiAgICogPC9uZy10ZW1wbGF0ZT5cclxuICAgKi9cclxuICBASW5wdXQoKSBjb250ZW50VGVtcGxhdGU6IFRlbXBsYXRlUmVmPGFueT47XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gIH1cclxuXHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cInRvb2x0aXAtY29udGFpbmVyXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwibWF0LXRvb2x0aXBcIj5cclxuICAgICAgPG5nLXRlbXBsYXRlICNzaW1wbGVUZXh0ID5cclxuICAgICAgICB7e3RleHR9fVxyXG4gICAgICA8L25nLXRlbXBsYXRlPlxyXG4gICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiY29udGVudFRlbXBsYXRlIHx8IHNpbXBsZVRleHRcIj5cclxuICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj4iXX0=
@@ -0,0 +1,113 @@
1
+ import { Directive, Input, HostListener } from '@angular/core';
2
+ import { ConnectionPositionPair } from '@angular/cdk/overlay';
3
+ import { CustomToolTipComponent } from './custom-tool-tip.component';
4
+ import { ComponentPortal } from '@angular/cdk/portal';
5
+ import * as i0 from "@angular/core";
6
+ import * as i1 from "@angular/cdk/overlay";
7
+ export class ToolTipRendererDirective {
8
+ constructor(_overlay, _elementRef) {
9
+ this._overlay = _overlay;
10
+ this._elementRef = _elementRef;
11
+ /**
12
+ * This will be used to show tooltip or not
13
+ * This can be used to show the tooltip conditionally
14
+ */
15
+ this.showToolTip = true;
16
+ this.useCustom = false;
17
+ }
18
+ /**
19
+ * Init life cycle event handler
20
+ */
21
+ ngOnInit() { }
22
+ get refElement() {
23
+ if (this.useCustom || this.customAnchor)
24
+ return this.customAnchor;
25
+ return this._elementRef;
26
+ }
27
+ /**
28
+ * This method will be called whenever mouse enters in the Host element
29
+ * i.e. where this directive is applied
30
+ * This method will show the tooltip by instantiating the McToolTipComponent and attaching to the overlay
31
+ */
32
+ show() {
33
+ if (this.refElement)
34
+ this.closeToolTip();
35
+ if (!this.showToolTip || (this.useCustom && !this.customAnchor)) {
36
+ return;
37
+ }
38
+ const positionPairs = [
39
+ new ConnectionPositionPair({ originX: 'center', originY: 'top' }, { overlayX: 'center', overlayY: 'bottom' }, 0, 0, 'mat-tooltip-panel-above'),
40
+ new ConnectionPositionPair({ originX: 'center', originY: 'bottom' }, { overlayX: 'center', overlayY: 'top' }, 0, 0, 'mat-tooltip-panel-below')
41
+ ];
42
+ const positionStrategy = this._overlay.position()
43
+ .flexibleConnectedTo(this.refElement)
44
+ .withPositions(positionPairs)
45
+ .withFlexibleDimensions(true)
46
+ .withPush(true);
47
+ this._overlayRef = this._overlay.create({
48
+ panelClass: 'mat-tooltip-panel',
49
+ scrollStrategy: this._overlay.scrollStrategies.close(),
50
+ positionStrategy
51
+ });
52
+ // attach the component if it has not already attached to the overlay
53
+ if (this._overlayRef && !this._overlayRef.hasAttached()) {
54
+ const content = new ComponentPortal(CustomToolTipComponent);
55
+ // todo check this
56
+ const tooltipRef = this._overlayRef.attach(content);
57
+ tooltipRef.instance.text = this.text;
58
+ tooltipRef.instance.contentTemplate = this.contentTemplate;
59
+ }
60
+ }
61
+ /**
62
+ * This method will be called when mouse goes out of the host element
63
+ * i.e. where this directive is applied
64
+ * This method will close the tooltip by detaching the overlay from the view
65
+ */
66
+ hide() {
67
+ this.closeToolTip();
68
+ }
69
+ /**
70
+ * Destroy lifecycle event handler
71
+ * This method will make sure to close the tooltip
72
+ * It will be needed in case when app is navigating to different page
73
+ * and user is still seeing the tooltip; In that case we do not want to hang around the
74
+ * tooltip after the page [on which tooltip visible] is destroyed
75
+ */
76
+ ngOnDestroy() {
77
+ this.closeToolTip();
78
+ }
79
+ /**
80
+ * This method will close the tooltip by detaching the component from the overlay
81
+ */
82
+ closeToolTip() {
83
+ if (this._overlayRef) {
84
+ this._overlayRef.detach();
85
+ }
86
+ }
87
+ }
88
+ ToolTipRendererDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: ToolTipRendererDirective, deps: [{ token: i1.Overlay }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
89
+ ToolTipRendererDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.6", type: ToolTipRendererDirective, selector: "[customToolTip]", inputs: { showToolTip: "showToolTip", text: ["customToolTip", "text"], contentTemplate: "contentTemplate", customAnchor: "customAnchor", useCustom: "useCustom" }, host: { listeners: { "mousemove": "show($event)", "mouseleave": "hide()" } }, ngImport: i0 });
90
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: ToolTipRendererDirective, decorators: [{
91
+ type: Directive,
92
+ args: [{
93
+ selector: '[customToolTip]'
94
+ }]
95
+ }], ctorParameters: function () { return [{ type: i1.Overlay }, { type: i0.ElementRef }]; }, propDecorators: { showToolTip: [{
96
+ type: Input
97
+ }], text: [{
98
+ type: Input,
99
+ args: [`customToolTip`]
100
+ }], contentTemplate: [{
101
+ type: Input
102
+ }], customAnchor: [{
103
+ type: Input
104
+ }], useCustom: [{
105
+ type: Input
106
+ }], show: [{
107
+ type: HostListener,
108
+ args: ['mousemove', ['$event']]
109
+ }], hide: [{
110
+ type: HostListener,
111
+ args: ['mouseleave']
112
+ }] } });
113
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbC10aXAtcmVuZGVyZXIuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYnR2LWJhc2UtY29udHJvbHMvc3JjL2xpYi9jdXN0b20tdG9vbC10aXAvdG9vbC10aXAtcmVuZGVyZXIuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFtQyxZQUFZLEVBQWdCLE1BQU0sZUFBZSxDQUFDO0FBQzlHLE9BQU8sRUFBRSxzQkFBc0IsRUFBdUIsTUFBTSxzQkFBc0IsQ0FBQztBQUNuRixPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUNyRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0scUJBQXFCLENBQUM7OztBQU10RCxNQUFNLE9BQU8sd0JBQXdCO0lBZ0JqQyxZQUFvQixRQUFpQixFQUN6QixXQUF1QjtRQURmLGFBQVEsR0FBUixRQUFRLENBQVM7UUFDekIsZ0JBQVcsR0FBWCxXQUFXLENBQVk7UUFoQm5DOzs7VUFHRTtRQUNPLGdCQUFXLEdBQVksSUFBSSxDQUFDO1FBUzVCLGNBQVMsR0FBYSxLQUFLLENBQUM7SUFHRSxDQUFDO0lBRXhDOztPQUVHO0lBQ0gsUUFBUSxLQUFLLENBQUM7SUFFZCxJQUFJLFVBQVU7UUFDVixJQUFJLElBQUksQ0FBQyxTQUFTLElBQUksSUFBSSxDQUFDLFlBQVk7WUFBRSxPQUFPLElBQUksQ0FBQyxZQUFZLENBQUM7UUFDbEUsT0FBTyxJQUFJLENBQUMsV0FBVyxDQUFDO0lBQzVCLENBQUM7SUFDRDs7OztPQUlHO0lBRUgsSUFBSTtRQUNBLElBQUksSUFBSSxDQUFDLFVBQVU7WUFBRSxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7UUFDekMsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxJQUFJLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxFQUFFO1lBQzdELE9BQU87U0FDVjtRQUVELE1BQU0sYUFBYSxHQUE2QjtZQUM1QyxJQUFJLHNCQUFzQixDQUN0QixFQUFFLE9BQU8sRUFBRSxRQUFRLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxFQUNyQyxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxFQUFFLENBQUMsRUFBRSxDQUFDLEVBQ2hELHlCQUF5QixDQUFDO1lBQzlCLElBQUksc0JBQXNCLENBQ3RCLEVBQUUsT0FBTyxFQUFFLFFBQVEsRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLEVBQ3hDLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLEVBQUUsQ0FBQyxFQUFFLENBQUMsRUFDN0MseUJBQXlCLENBQUM7U0FFakMsQ0FBQztRQUNGLE1BQU0sZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLEVBQUU7YUFDNUMsbUJBQW1CLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQzthQUNwQyxhQUFhLENBQUMsYUFBYSxDQUFDO2FBQzVCLHNCQUFzQixDQUFDLElBQUksQ0FBQzthQUM1QixRQUFRLENBQUMsSUFBSSxDQUFDLENBQUM7UUFFcEIsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQztZQUNwQyxVQUFVLEVBQUUsbUJBQW1CO1lBQy9CLGNBQWMsRUFBRSxJQUFJLENBQUMsUUFBUSxDQUFDLGdCQUFnQixDQUFDLEtBQUssRUFBRTtZQUN0RCxnQkFBZ0I7U0FDbkIsQ0FBQyxDQUFDO1FBQ0gscUVBQXFFO1FBQ3JFLElBQUksSUFBSSxDQUFDLFdBQVcsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsV0FBVyxFQUFFLEVBQUU7WUFDckQsTUFBTSxPQUFPLEdBQUcsSUFBSSxlQUFlLENBQUMsc0JBQXNCLENBQUMsQ0FBQztZQUM1RCxrQkFBa0I7WUFDbEIsTUFBTSxVQUFVLEdBQXlDLElBQUksQ0FBQyxXQUFXLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBUSxDQUFDO1lBQ2pHLFVBQVUsQ0FBQyxRQUFRLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUM7WUFDckMsVUFBVSxDQUFDLFFBQVEsQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDLGVBQWUsQ0FBQztTQUM5RDtJQUNMLENBQUM7SUFFRDs7OztPQUlHO0lBRUgsSUFBSTtRQUNBLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUN4QixDQUFDO0lBRUQ7Ozs7OztPQU1HO0lBQ0gsV0FBVztRQUNQLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUN4QixDQUFDO0lBRUQ7O09BRUc7SUFDSyxZQUFZO1FBQ2hCLElBQUksSUFBSSxDQUFDLFdBQVcsRUFBRTtZQUNsQixJQUFJLENBQUMsV0FBVyxDQUFDLE1BQU0sRUFBRSxDQUFDO1NBQzdCO0lBQ0wsQ0FBQzs7cUhBcEdRLHdCQUF3Qjt5R0FBeEIsd0JBQXdCOzJGQUF4Qix3QkFBd0I7a0JBSnBDLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLGlCQUFpQjtpQkFDOUI7dUhBT1ksV0FBVztzQkFBbkIsS0FBSztnQkFHa0IsSUFBSTtzQkFBM0IsS0FBSzt1QkFBQyxlQUFlO2dCQUdiLGVBQWU7c0JBQXZCLEtBQUs7Z0JBRUcsWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQW9CTixJQUFJO3NCQURILFlBQVk7dUJBQUMsV0FBVyxFQUFFLENBQUMsUUFBUSxDQUFDO2dCQTZDckMsSUFBSTtzQkFESCxZQUFZO3VCQUFDLFlBQVkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIElucHV0LCBUZW1wbGF0ZVJlZiwgRWxlbWVudFJlZiwgT25Jbml0LCBIb3N0TGlzdGVuZXIsIENvbXBvbmVudFJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb25uZWN0aW9uUG9zaXRpb25QYWlyLCBPdmVybGF5LCBPdmVybGF5UmVmIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL292ZXJsYXknO1xyXG5pbXBvcnQgeyBDdXN0b21Ub29sVGlwQ29tcG9uZW50IH0gZnJvbSAnLi9jdXN0b20tdG9vbC10aXAuY29tcG9uZW50JztcclxuaW1wb3J0IHsgQ29tcG9uZW50UG9ydGFsIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL3BvcnRhbCc7XHJcblxyXG5ARGlyZWN0aXZlKHtcclxuICAgIHNlbGVjdG9yOiAnW2N1c3RvbVRvb2xUaXBdJ1xyXG59KVxyXG5cclxuZXhwb3J0IGNsYXNzIFRvb2xUaXBSZW5kZXJlckRpcmVjdGl2ZSBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgICAvKipcclxuICAgICogVGhpcyB3aWxsIGJlIHVzZWQgdG8gc2hvdyB0b29sdGlwIG9yIG5vdFxyXG4gICAgKiBUaGlzIGNhbiBiZSB1c2VkIHRvIHNob3cgdGhlIHRvb2x0aXAgY29uZGl0aW9uYWxseVxyXG4gICAgKi9cclxuICAgIEBJbnB1dCgpIHNob3dUb29sVGlwOiBib29sZWFuID0gdHJ1ZTtcclxuXHJcbiAgICAvL0lmIHRoaXMgaXMgc3BlY2lmaWVkIHRoZW4gc3BlY2lmaWVkIHRleHQgd2lsbCBiZSBzaG93biBpbiB0aGUgdG9vbHRpcFxyXG4gICAgQElucHV0KGBjdXN0b21Ub29sVGlwYCkgdGV4dDogc3RyaW5nO1xyXG5cclxuICAgIC8vSWYgdGhpcyBpcyBzcGVjaWZpZWQgdGhlbiBzcGVjaWZpZWQgdGVtcGxhdGUgd2lsbCBiZSByZW5kZXJlZCBpbiB0aGUgdG9vbHRpcFxyXG4gICAgQElucHV0KCkgY29udGVudFRlbXBsYXRlOiBUZW1wbGF0ZVJlZjxhbnk+O1xyXG4gICAgcHJpdmF0ZSBfb3ZlcmxheVJlZjogT3ZlcmxheVJlZjtcclxuICAgIEBJbnB1dCgpIGN1c3RvbUFuY2hvcj86IGFueTtcclxuICAgIEBJbnB1dCgpIHVzZUN1c3RvbT86IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIF9vdmVybGF5OiBPdmVybGF5LFxyXG4gICAgICAgIHByaXZhdGUgX2VsZW1lbnRSZWY6IEVsZW1lbnRSZWYpIHsgfVxyXG5cclxuICAgIC8qKlxyXG4gICAgICogSW5pdCBsaWZlIGN5Y2xlIGV2ZW50IGhhbmRsZXJcclxuICAgICAqL1xyXG4gICAgbmdPbkluaXQoKSB7IH1cclxuXHJcbiAgICBnZXQgcmVmRWxlbWVudCgpIHtcclxuICAgICAgICBpZiAodGhpcy51c2VDdXN0b20gfHwgdGhpcy5jdXN0b21BbmNob3IpIHJldHVybiB0aGlzLmN1c3RvbUFuY2hvcjtcclxuICAgICAgICByZXR1cm4gdGhpcy5fZWxlbWVudFJlZjtcclxuICAgIH1cclxuICAgIC8qKlxyXG4gICAgICogVGhpcyBtZXRob2Qgd2lsbCBiZSBjYWxsZWQgd2hlbmV2ZXIgbW91c2UgZW50ZXJzIGluIHRoZSBIb3N0IGVsZW1lbnRcclxuICAgICAqIGkuZS4gd2hlcmUgdGhpcyBkaXJlY3RpdmUgaXMgYXBwbGllZFxyXG4gICAgICogVGhpcyBtZXRob2Qgd2lsbCBzaG93IHRoZSB0b29sdGlwIGJ5IGluc3RhbnRpYXRpbmcgdGhlIE1jVG9vbFRpcENvbXBvbmVudCBhbmQgYXR0YWNoaW5nIHRvIHRoZSBvdmVybGF5XHJcbiAgICAgKi9cclxuICAgIEBIb3N0TGlzdGVuZXIoJ21vdXNlbW92ZScsIFsnJGV2ZW50J10pXHJcbiAgICBzaG93KCkge1xyXG4gICAgICAgIGlmICh0aGlzLnJlZkVsZW1lbnQpIHRoaXMuY2xvc2VUb29sVGlwKCk7XHJcbiAgICAgICAgaWYgKCF0aGlzLnNob3dUb29sVGlwIHx8ICh0aGlzLnVzZUN1c3RvbSAmJiAhdGhpcy5jdXN0b21BbmNob3IpKSB7XHJcbiAgICAgICAgICAgIHJldHVybjtcclxuICAgICAgICB9XHJcblxyXG4gICAgICAgIGNvbnN0IHBvc2l0aW9uUGFpcnM6IENvbm5lY3Rpb25Qb3NpdGlvblBhaXJbXSA9IFtcclxuICAgICAgICAgICAgbmV3IENvbm5lY3Rpb25Qb3NpdGlvblBhaXIoXHJcbiAgICAgICAgICAgICAgICB7IG9yaWdpblg6ICdjZW50ZXInLCBvcmlnaW5ZOiAndG9wJyB9LFxyXG4gICAgICAgICAgICAgICAgeyBvdmVybGF5WDogJ2NlbnRlcicsIG92ZXJsYXlZOiAnYm90dG9tJyB9LCAwLCAwLFxyXG4gICAgICAgICAgICAgICAgJ21hdC10b29sdGlwLXBhbmVsLWFib3ZlJyksXHJcbiAgICAgICAgICAgIG5ldyBDb25uZWN0aW9uUG9zaXRpb25QYWlyKFxyXG4gICAgICAgICAgICAgICAgeyBvcmlnaW5YOiAnY2VudGVyJywgb3JpZ2luWTogJ2JvdHRvbScgfSxcclxuICAgICAgICAgICAgICAgIHsgb3ZlcmxheVg6ICdjZW50ZXInLCBvdmVybGF5WTogJ3RvcCcgfSwgMCwgMCxcclxuICAgICAgICAgICAgICAgICdtYXQtdG9vbHRpcC1wYW5lbC1iZWxvdycpXHJcblxyXG4gICAgICAgIF07XHJcbiAgICAgICAgY29uc3QgcG9zaXRpb25TdHJhdGVneSA9IHRoaXMuX292ZXJsYXkucG9zaXRpb24oKVxyXG4gICAgICAgICAgICAuZmxleGlibGVDb25uZWN0ZWRUbyh0aGlzLnJlZkVsZW1lbnQpXHJcbiAgICAgICAgICAgIC53aXRoUG9zaXRpb25zKHBvc2l0aW9uUGFpcnMpXHJcbiAgICAgICAgICAgIC53aXRoRmxleGlibGVEaW1lbnNpb25zKHRydWUpXHJcbiAgICAgICAgICAgIC53aXRoUHVzaCh0cnVlKTtcclxuXHJcbiAgICAgICAgdGhpcy5fb3ZlcmxheVJlZiA9IHRoaXMuX292ZXJsYXkuY3JlYXRlKHtcclxuICAgICAgICAgICAgcGFuZWxDbGFzczogJ21hdC10b29sdGlwLXBhbmVsJyxcclxuICAgICAgICAgICAgc2Nyb2xsU3RyYXRlZ3k6IHRoaXMuX292ZXJsYXkuc2Nyb2xsU3RyYXRlZ2llcy5jbG9zZSgpLFxyXG4gICAgICAgICAgICBwb3NpdGlvblN0cmF0ZWd5XHJcbiAgICAgICAgfSk7XHJcbiAgICAgICAgLy8gYXR0YWNoIHRoZSBjb21wb25lbnQgaWYgaXQgaGFzIG5vdCBhbHJlYWR5IGF0dGFjaGVkIHRvIHRoZSBvdmVybGF5XHJcbiAgICAgICAgaWYgKHRoaXMuX292ZXJsYXlSZWYgJiYgIXRoaXMuX292ZXJsYXlSZWYuaGFzQXR0YWNoZWQoKSkge1xyXG4gICAgICAgICAgICBjb25zdCBjb250ZW50ID0gbmV3IENvbXBvbmVudFBvcnRhbChDdXN0b21Ub29sVGlwQ29tcG9uZW50KTtcclxuICAgICAgICAgICAgLy8gdG9kbyBjaGVjayB0aGlzXHJcbiAgICAgICAgICAgIGNvbnN0IHRvb2x0aXBSZWY6IENvbXBvbmVudFJlZjxDdXN0b21Ub29sVGlwQ29tcG9uZW50PiA9IHRoaXMuX292ZXJsYXlSZWYuYXR0YWNoKGNvbnRlbnQpIGFzIGFueTtcclxuICAgICAgICAgICAgdG9vbHRpcFJlZi5pbnN0YW5jZS50ZXh0ID0gdGhpcy50ZXh0O1xyXG4gICAgICAgICAgICB0b29sdGlwUmVmLmluc3RhbmNlLmNvbnRlbnRUZW1wbGF0ZSA9IHRoaXMuY29udGVudFRlbXBsYXRlO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICAvKipcclxuICAgICAqIFRoaXMgbWV0aG9kIHdpbGwgYmUgY2FsbGVkIHdoZW4gbW91c2UgZ29lcyBvdXQgb2YgdGhlIGhvc3QgZWxlbWVudFxyXG4gICAgICogaS5lLiB3aGVyZSB0aGlzIGRpcmVjdGl2ZSBpcyBhcHBsaWVkXHJcbiAgICAgKiBUaGlzIG1ldGhvZCB3aWxsIGNsb3NlIHRoZSB0b29sdGlwIGJ5IGRldGFjaGluZyB0aGUgb3ZlcmxheSBmcm9tIHRoZSB2aWV3XHJcbiAgICAgKi9cclxuICAgIEBIb3N0TGlzdGVuZXIoJ21vdXNlbGVhdmUnKVxyXG4gICAgaGlkZSgpIHtcclxuICAgICAgICB0aGlzLmNsb3NlVG9vbFRpcCgpO1xyXG4gICAgfVxyXG5cclxuICAgIC8qKlxyXG4gICAgICogRGVzdHJveSBsaWZlY3ljbGUgZXZlbnQgaGFuZGxlclxyXG4gICAgICogVGhpcyBtZXRob2Qgd2lsbCBtYWtlIHN1cmUgdG8gY2xvc2UgdGhlIHRvb2x0aXBcclxuICAgICAqIEl0IHdpbGwgYmUgbmVlZGVkIGluIGNhc2Ugd2hlbiBhcHAgaXMgbmF2aWdhdGluZyB0byBkaWZmZXJlbnQgcGFnZVxyXG4gICAgICogYW5kIHVzZXIgaXMgc3RpbGwgc2VlaW5nIHRoZSB0b29sdGlwOyBJbiB0aGF0IGNhc2Ugd2UgZG8gbm90IHdhbnQgdG8gaGFuZyBhcm91bmQgdGhlXHJcbiAgICAgKiB0b29sdGlwIGFmdGVyIHRoZSBwYWdlIFtvbiB3aGljaCB0b29sdGlwIHZpc2libGVdIGlzIGRlc3Ryb3llZFxyXG4gICAgICovXHJcbiAgICBuZ09uRGVzdHJveSgpIHtcclxuICAgICAgICB0aGlzLmNsb3NlVG9vbFRpcCgpO1xyXG4gICAgfVxyXG5cclxuICAgIC8qKlxyXG4gICAgICogVGhpcyBtZXRob2Qgd2lsbCBjbG9zZSB0aGUgdG9vbHRpcCBieSBkZXRhY2hpbmcgdGhlIGNvbXBvbmVudCBmcm9tIHRoZSBvdmVybGF5XHJcbiAgICAgKi9cclxuICAgIHByaXZhdGUgY2xvc2VUb29sVGlwKCkge1xyXG4gICAgICAgIGlmICh0aGlzLl9vdmVybGF5UmVmKSB7XHJcbiAgICAgICAgICAgIHRoaXMuX292ZXJsYXlSZWYuZGV0YWNoKCk7XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG59XHJcbiJdfQ==