monkey-front-components 0.0.428 → 0.0.430

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 (9) hide show
  1. package/esm2020/lib/components/shared/filter/options/options.component.mjs +23 -15
  2. package/fesm2015/monkey-front-components.mjs +22 -14
  3. package/fesm2015/monkey-front-components.mjs.map +1 -1
  4. package/fesm2020/monkey-front-components.mjs +20 -14
  5. package/fesm2020/monkey-front-components.mjs.map +1 -1
  6. package/lib/components/shared/filter/options/options.component.d.ts +5 -3
  7. package/monkey-front-components-0.0.430.tgz +0 -0
  8. package/package.json +3 -3
  9. package/monkey-front-components-0.0.428.tgz +0 -0
package/esm2020/lib/components/shared/filter/options/options.component.mjs CHANGED
@@ -1,4 +1,6 @@
1
1
  import { Component, EventEmitter, Input, Output } from '@angular/core';
2
+ import { takeUntil } from 'rxjs/operators';
3
+ import { BaseComponent } from '../../../base';
2
4
  import * as i0 from "@angular/core";
3
5
  import * as i1 from "monkey-style-guide";
4
6
  import * as i2 from "./children/children.component";
@@ -9,8 +11,9 @@ import * as i6 from "./input/input.component";
9
11
  import * as i7 from "@angular/common";
10
12
  import * as i8 from "monkey-front-core";
11
13
  import * as i9 from "@ngx-translate/core";
12
- export class MECXFilterOptionsComponent {
14
+ export class MECXFilterOptionsComponent extends BaseComponent {
13
15
  constructor() {
16
+ super();
14
17
  this.option = null;
15
18
  this.closeDirectly = false;
16
19
  this.onClose = new EventEmitter();
@@ -23,25 +26,33 @@ export class MECXFilterOptionsComponent {
23
26
  this.closeMenu = () => {
24
27
  this._showMenu = false;
25
28
  };
26
- // not to do
27
29
  }
28
30
  onHandleLoading(loading = false) {
29
31
  this._isLoading = loading;
30
32
  }
31
33
  onHandleLoadValues(first = false) {
32
34
  const { values } = this.option;
33
- this.onHandleLoading(true);
34
35
  if (!values?.length && first) {
35
- const { values, hasMoreValues } = this.option.loadValues();
36
- this._hasMoreValues = hasMoreValues;
37
- this.option.values = values;
36
+ this.option?.loadValues?.();
38
37
  }
39
38
  else if (!first) {
40
- const { values, hasMoreValues } = this.option.loadMoreValues();
41
- this._hasMoreValues = hasMoreValues;
42
- this.option.values = values;
39
+ this.option?.loadMoreValues?.();
43
40
  }
44
- this.onHandleLoading(false);
41
+ }
42
+ ngOnInit() {
43
+ const { option } = this;
44
+ option?.values$?.pipe(takeUntil(this.__unsubscribeAll)).subscribe((data) => {
45
+ this.option.values = data;
46
+ });
47
+ option?.pagination$?.pipe(takeUntil(this.__unsubscribeAll)).subscribe((data) => {
48
+ this._hasMoreValues = !!(data?.next);
49
+ });
50
+ option?.control$?.pipe(takeUntil(this.__unsubscribeAll)).subscribe((data) => {
51
+ this.onHandleLoading(data?.isLoading);
52
+ });
53
+ }
54
+ ngAfterViewInit() {
55
+ this.onHandleLoadValues(true);
45
56
  }
46
57
  onHandleChildrenAction(child) {
47
58
  const { option } = this;
@@ -66,15 +77,12 @@ export class MECXFilterOptionsComponent {
66
77
  }
67
78
  this._showMenu = true;
68
79
  }
69
- ngAfterViewInit() {
70
- this.onHandleLoadValues(true);
71
- }
72
80
  onHandleLoadMoreValues() {
73
81
  this.onHandleLoadValues();
74
82
  }
75
83
  }
76
84
  MECXFilterOptionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MECXFilterOptionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
77
- MECXFilterOptionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: MECXFilterOptionsComponent, selector: "mecx-filter-options", inputs: { option: "option", closeDirectly: "closeDirectly" }, outputs: { onClose: "onClose", onRemove: "onRemove", onSubmit: "onSubmit", onShowFromChildren: "onShowFromChildren" }, ngImport: i0, template: "<div class=\"d-flex justify-content-between header\">\r\n <span class=\"title\">\r\n {{ option?.label | translate }}\r\n </span>\r\n <div class=\"close\" #actionElement (click)=\"onHandleShowMenu()\">\r\n <monkey-icon icon=\"close-12\" color=\"#474747\"></monkey-icon>\r\n </div>\r\n</div>\r\n<ng-container *ngIf=\"option?.type as type\">\r\n <ng-container *ngIf=\"option?.children; else withoutChildren\">\r\n <mecx-filter-options-children [option]=\"option\" (onSubmit)=\"onHandleSubmitChildren($event)\"\r\n (onShow)=\"onShowFromChildren.next($event)\">\r\n </mecx-filter-options-children>\r\n </ng-container>\r\n <ng-template #withoutChildren>\r\n <ng-container [ngSwitch]=\"type\">\r\n <mecx-filter-options-status *ngSwitchCase=\"'status'\" [option]=\"option\"\r\n (onSubmit)=\"onHandleSubmit($event)\">\r\n </mecx-filter-options-status>\r\n <mecx-filter-options-date-range *ngSwitchCase=\"'date-range'\" [option]=\"option\"\r\n (onSubmit)=\"onHandleSubmit($event)\">\r\n </mecx-filter-options-date-range>\r\n <mecx-filter-options-currency *ngSwitchCase=\"'currency'\" [option]=\"option\"\r\n (onSubmit)=\"onHandleSubmit($event)\">\r\n </mecx-filter-options-currency>\r\n <mecx-filter-options-input *ngSwitchCase=\"'input'\" [option]=\"option\"\r\n (onSubmit)=\"onHandleSubmit($event)\">\r\n </mecx-filter-options-input>\r\n </ng-container>\r\n </ng-template>\r\n</ng-container>\r\n\r\n<div class=\"box-loading\" *ngIf=\"_isLoading\">\r\n <div class=\"loading\"></div>\r\n <div class=\"loading\"></div>\r\n <div class=\"loading\"></div>\r\n</div>\r\n\r\n<div class=\"footer\" *ngIf=\"_hasMoreValues && !_isLoading\">\r\n <monkey-button type=\"tertiary\" color=\"theme\" [label]=\"'BUTTONS.LOAD-MORE' | translate\"\r\n (click)=\"onHandleLoadMoreValues()\">\r\n </monkey-button>\r\n</div>\r\n\r\n<ng-container\r\n *monkeyecxPopover=\"_showMenu; target: $any(actionElement); closed: closeMenu; dir: 'ltr'\">\r\n <div class=\"close-menu\">\r\n <monkey-button type=\"tertiary\" color=\"error\" (click)=\"onRemove.next()\" size=\"sm\">\r\n {{ 'BUTTONS.REMOVE' | translate }}\r\n </monkey-button>\r\n <monkey-button type=\"tertiary\" color=\"theme\" (click)=\"onClose.next()\" size=\"sm\">\r\n {{ 'BUTTONS.CLOSE' | translate }}\r\n </monkey-button>\r\n </div>\r\n</ng-container>", styles: [":host{display:flex;flex-direction:column;background:#fafafa;border:1px solid #d6d6d6;box-sizing:border-box;box-shadow:0 4px 36px -8px #6d6d6d3a;border-radius:8px!important;margin:0 8px}:host .header{border-bottom:1px solid #d6d6d6;padding:8px}:host .header .title{color:#4b4a53;font-style:normal;font-size:14px;line-height:16px;font-weight:500;text-align:left}:host .header .close{cursor:pointer;border-radius:120px;padding:4px}:host .header .close:hover{background-color:#6d6d6d0c}:host .box-loaing{display:flex;flex-direction:column;gap:12px}:host .footer ::ng-deep monkey-button{width:100%}:host .footer ::ng-deep monkey-button button{width:100%}:host .loading:empty{margin-top:4px;height:24px;width:100%}:host .loading:empty{animation:loading 1.1s infinite linear;background:#ebebeb;background-image:linear-gradient(to right,#ebebeb 0%,#f2f3f5 20%,#ebebeb 40%,#ebebeb 100%);background-repeat:no-repeat}@keyframes loading{0%{background-position:-100px}to{background-position:500px}}.close-menu{display:flex;flex-direction:column;background:#fafafa;border:1px solid #d6d6d6;box-sizing:border-box;box-shadow:0 4px 36px -8px #6d6d6d3a;border-radius:8px!important;margin:0 8px;padding:8px}.close-menu ::ng-deep monkey-button{width:100%}.close-menu ::ng-deep monkey-button button{width:100%}\n"], components: [{ type: i1.MonkeyIconComponent, selector: "monkey-icon", inputs: ["icon", "color", "contrast", "disabled"] }, { type: i2.MECXFilterOptionsChildrenComponent, selector: "mecx-filter-options-children", inputs: ["option"], outputs: ["onSubmit", "onShow"] }, { type: i3.MECXFilterOptionsStatusComponent, selector: "mecx-filter-options-status", inputs: ["option"], outputs: ["onSubmit"] }, { type: i4.MECXFilterOptionsDateRangeComponent, selector: "mecx-filter-options-date-range", inputs: ["option"], outputs: ["onSubmit"] }, { type: i5.MECXFilterOptionsCurrencyComponent, selector: "mecx-filter-options-currency", inputs: ["option"], outputs: ["onSubmit"] }, { type: i6.MECXFilterOptionsInputComponent, selector: "mecx-filter-options-input", inputs: ["option"], outputs: ["onSubmit"] }, { type: i1.MonkeyButtonComponent, selector: "monkey-button", inputs: ["label", "icon", "iconPosition", "type", "color", "disabled", "size"] }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i7.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i8.MonkeyEcxPopoverDirective, selector: "[monkeyecxPopover]", inputs: ["monkeyecxPopover", "monkeyecxPopoverClosed", "monkeyecxPopoverTarget", "monkeyecxPopoverMinwidth", "monkeyecxPopoverBackdrop", "monkeyecxPopoverWatch", "monkeyecxPopoverDir", "monkeyecxPopoverContextmenu", "monkeyecxPopoverHeight"] }], pipes: { "translate": i9.TranslatePipe } });
85
+ MECXFilterOptionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: MECXFilterOptionsComponent, selector: "mecx-filter-options", inputs: { option: "option", closeDirectly: "closeDirectly" }, outputs: { onClose: "onClose", onRemove: "onRemove", onSubmit: "onSubmit", onShowFromChildren: "onShowFromChildren" }, usesInheritance: true, ngImport: i0, template: "<div class=\"d-flex justify-content-between header\">\r\n <span class=\"title\">\r\n {{ option?.label | translate }}\r\n </span>\r\n <div class=\"close\" #actionElement (click)=\"onHandleShowMenu()\">\r\n <monkey-icon icon=\"close-12\" color=\"#474747\"></monkey-icon>\r\n </div>\r\n</div>\r\n<ng-container *ngIf=\"option?.type as type\">\r\n <ng-container *ngIf=\"option?.children; else withoutChildren\">\r\n <mecx-filter-options-children [option]=\"option\" (onSubmit)=\"onHandleSubmitChildren($event)\"\r\n (onShow)=\"onShowFromChildren.next($event)\">\r\n </mecx-filter-options-children>\r\n </ng-container>\r\n <ng-template #withoutChildren>\r\n <ng-container [ngSwitch]=\"type\">\r\n <mecx-filter-options-status *ngSwitchCase=\"'status'\" [option]=\"option\"\r\n (onSubmit)=\"onHandleSubmit($event)\">\r\n </mecx-filter-options-status>\r\n <mecx-filter-options-date-range *ngSwitchCase=\"'date-range'\" [option]=\"option\"\r\n (onSubmit)=\"onHandleSubmit($event)\">\r\n </mecx-filter-options-date-range>\r\n <mecx-filter-options-currency *ngSwitchCase=\"'currency'\" [option]=\"option\"\r\n (onSubmit)=\"onHandleSubmit($event)\">\r\n </mecx-filter-options-currency>\r\n <mecx-filter-options-input *ngSwitchCase=\"'input'\" [option]=\"option\"\r\n (onSubmit)=\"onHandleSubmit($event)\">\r\n </mecx-filter-options-input>\r\n </ng-container>\r\n </ng-template>\r\n</ng-container>\r\n\r\n<div class=\"box-loading\" *ngIf=\"_isLoading\">\r\n <div class=\"loading\"></div>\r\n <div class=\"loading\"></div>\r\n <div class=\"loading\"></div>\r\n</div>\r\n\r\n<div class=\"footer\" *ngIf=\"_hasMoreValues && !_isLoading\">\r\n <monkey-button type=\"tertiary\" color=\"theme\" [label]=\"'BUTTONS.LOAD-MORE' | translate\"\r\n (click)=\"onHandleLoadMoreValues()\">\r\n </monkey-button>\r\n</div>\r\n\r\n<ng-container\r\n *monkeyecxPopover=\"_showMenu; target: $any(actionElement); closed: closeMenu; dir: 'ltr'\">\r\n <div class=\"close-menu\">\r\n <monkey-button type=\"tertiary\" color=\"error\" (click)=\"onRemove.next()\" size=\"sm\">\r\n {{ 'BUTTONS.REMOVE' | translate }}\r\n </monkey-button>\r\n <monkey-button type=\"tertiary\" color=\"theme\" (click)=\"onClose.next()\" size=\"sm\">\r\n {{ 'BUTTONS.CLOSE' | translate }}\r\n </monkey-button>\r\n </div>\r\n</ng-container>", styles: [":host{display:flex;flex-direction:column;background:#fafafa;border:1px solid #d6d6d6;box-sizing:border-box;box-shadow:0 4px 36px -8px #6d6d6d3a;border-radius:8px!important;margin:0 8px}:host .header{border-bottom:1px solid #d6d6d6;padding:8px}:host .header .title{color:#4b4a53;font-style:normal;font-size:14px;line-height:16px;font-weight:500;text-align:left}:host .header .close{cursor:pointer;border-radius:120px;padding:4px}:host .header .close:hover{background-color:#6d6d6d0c}:host .box-loaing{display:flex;flex-direction:column;gap:12px}:host .footer ::ng-deep monkey-button{width:100%}:host .footer ::ng-deep monkey-button button{width:100%}:host .loading:empty{margin-top:4px;height:24px;width:100%}:host .loading:empty{animation:loading 1.1s infinite linear;background:#ebebeb;background-image:linear-gradient(to right,#ebebeb 0%,#f2f3f5 20%,#ebebeb 40%,#ebebeb 100%);background-repeat:no-repeat}@keyframes loading{0%{background-position:-100px}to{background-position:500px}}.close-menu{display:flex;flex-direction:column;background:#fafafa;border:1px solid #d6d6d6;box-sizing:border-box;box-shadow:0 4px 36px -8px #6d6d6d3a;border-radius:8px!important;margin:0 8px;padding:8px}.close-menu ::ng-deep monkey-button{width:100%}.close-menu ::ng-deep monkey-button button{width:100%}\n"], components: [{ type: i1.MonkeyIconComponent, selector: "monkey-icon", inputs: ["icon", "color", "contrast", "disabled"] }, { type: i2.MECXFilterOptionsChildrenComponent, selector: "mecx-filter-options-children", inputs: ["option"], outputs: ["onSubmit", "onShow"] }, { type: i3.MECXFilterOptionsStatusComponent, selector: "mecx-filter-options-status", inputs: ["option"], outputs: ["onSubmit"] }, { type: i4.MECXFilterOptionsDateRangeComponent, selector: "mecx-filter-options-date-range", inputs: ["option"], outputs: ["onSubmit"] }, { type: i5.MECXFilterOptionsCurrencyComponent, selector: "mecx-filter-options-currency", inputs: ["option"], outputs: ["onSubmit"] }, { type: i6.MECXFilterOptionsInputComponent, selector: "mecx-filter-options-input", inputs: ["option"], outputs: ["onSubmit"] }, { type: i1.MonkeyButtonComponent, selector: "monkey-button", inputs: ["label", "icon", "iconPosition", "type", "color", "disabled", "size"] }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i7.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i8.MonkeyEcxPopoverDirective, selector: "[monkeyecxPopover]", inputs: ["monkeyecxPopover", "monkeyecxPopoverClosed", "monkeyecxPopoverTarget", "monkeyecxPopoverMinwidth", "monkeyecxPopoverBackdrop", "monkeyecxPopoverWatch", "monkeyecxPopoverDir", "monkeyecxPopoverContextmenu", "monkeyecxPopoverHeight"] }], pipes: { "translate": i9.TranslatePipe } });
78
86
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MECXFilterOptionsComponent, decorators: [{
79
87
  type: Component,
80
88
  args: [{ selector: 'mecx-filter-options', template: "<div class=\"d-flex justify-content-between header\">\r\n <span class=\"title\">\r\n {{ option?.label | translate }}\r\n </span>\r\n <div class=\"close\" #actionElement (click)=\"onHandleShowMenu()\">\r\n <monkey-icon icon=\"close-12\" color=\"#474747\"></monkey-icon>\r\n </div>\r\n</div>\r\n<ng-container *ngIf=\"option?.type as type\">\r\n <ng-container *ngIf=\"option?.children; else withoutChildren\">\r\n <mecx-filter-options-children [option]=\"option\" (onSubmit)=\"onHandleSubmitChildren($event)\"\r\n (onShow)=\"onShowFromChildren.next($event)\">\r\n </mecx-filter-options-children>\r\n </ng-container>\r\n <ng-template #withoutChildren>\r\n <ng-container [ngSwitch]=\"type\">\r\n <mecx-filter-options-status *ngSwitchCase=\"'status'\" [option]=\"option\"\r\n (onSubmit)=\"onHandleSubmit($event)\">\r\n </mecx-filter-options-status>\r\n <mecx-filter-options-date-range *ngSwitchCase=\"'date-range'\" [option]=\"option\"\r\n (onSubmit)=\"onHandleSubmit($event)\">\r\n </mecx-filter-options-date-range>\r\n <mecx-filter-options-currency *ngSwitchCase=\"'currency'\" [option]=\"option\"\r\n (onSubmit)=\"onHandleSubmit($event)\">\r\n </mecx-filter-options-currency>\r\n <mecx-filter-options-input *ngSwitchCase=\"'input'\" [option]=\"option\"\r\n (onSubmit)=\"onHandleSubmit($event)\">\r\n </mecx-filter-options-input>\r\n </ng-container>\r\n </ng-template>\r\n</ng-container>\r\n\r\n<div class=\"box-loading\" *ngIf=\"_isLoading\">\r\n <div class=\"loading\"></div>\r\n <div class=\"loading\"></div>\r\n <div class=\"loading\"></div>\r\n</div>\r\n\r\n<div class=\"footer\" *ngIf=\"_hasMoreValues && !_isLoading\">\r\n <monkey-button type=\"tertiary\" color=\"theme\" [label]=\"'BUTTONS.LOAD-MORE' | translate\"\r\n (click)=\"onHandleLoadMoreValues()\">\r\n </monkey-button>\r\n</div>\r\n\r\n<ng-container\r\n *monkeyecxPopover=\"_showMenu; target: $any(actionElement); closed: closeMenu; dir: 'ltr'\">\r\n <div class=\"close-menu\">\r\n <monkey-button type=\"tertiary\" color=\"error\" (click)=\"onRemove.next()\" size=\"sm\">\r\n {{ 'BUTTONS.REMOVE' | translate }}\r\n </monkey-button>\r\n <monkey-button type=\"tertiary\" color=\"theme\" (click)=\"onClose.next()\" size=\"sm\">\r\n {{ 'BUTTONS.CLOSE' | translate }}\r\n </monkey-button>\r\n </div>\r\n</ng-container>", styles: [":host{display:flex;flex-direction:column;background:#fafafa;border:1px solid #d6d6d6;box-sizing:border-box;box-shadow:0 4px 36px -8px #6d6d6d3a;border-radius:8px!important;margin:0 8px}:host .header{border-bottom:1px solid #d6d6d6;padding:8px}:host .header .title{color:#4b4a53;font-style:normal;font-size:14px;line-height:16px;font-weight:500;text-align:left}:host .header .close{cursor:pointer;border-radius:120px;padding:4px}:host .header .close:hover{background-color:#6d6d6d0c}:host .box-loaing{display:flex;flex-direction:column;gap:12px}:host .footer ::ng-deep monkey-button{width:100%}:host .footer ::ng-deep monkey-button button{width:100%}:host .loading:empty{margin-top:4px;height:24px;width:100%}:host .loading:empty{animation:loading 1.1s infinite linear;background:#ebebeb;background-image:linear-gradient(to right,#ebebeb 0%,#f2f3f5 20%,#ebebeb 40%,#ebebeb 100%);background-repeat:no-repeat}@keyframes loading{0%{background-position:-100px}to{background-position:500px}}.close-menu{display:flex;flex-direction:column;background:#fafafa;border:1px solid #d6d6d6;box-sizing:border-box;box-shadow:0 4px 36px -8px #6d6d6d3a;border-radius:8px!important;margin:0 8px;padding:8px}.close-menu ::ng-deep monkey-button{width:100%}.close-menu ::ng-deep monkey-button button{width:100%}\n"] }]
@@ -91,4 +99,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
91
99
  }], onShowFromChildren: [{
92
100
  type: Output
93
101
  }] } });
94
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3B0aW9ucy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tb25rZXktZnJvbnQtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvc2hhcmVkL2ZpbHRlci9vcHRpb25zL29wdGlvbnMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbW9ua2V5LWZyb250LWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3NoYXJlZC9maWx0ZXIvb3B0aW9ucy9vcHRpb25zLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQWlCLE1BQU0sZUFBZSxDQUFDOzs7Ozs7Ozs7OztBQVF0RixNQUFNLE9BQU8sMEJBQTBCO0lBdUJyQztRQXRCUyxXQUFNLEdBQXdCLElBQUksQ0FBQztRQUVuQyxrQkFBYSxHQUFHLEtBQUssQ0FBQztRQUVyQixZQUFPLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUVsQyxhQUFRLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUVuQyxhQUFRLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUVuQyx1QkFBa0IsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO1FBRXZELGNBQVMsR0FBRyxLQUFLLENBQUM7UUFFbEIsZUFBVSxHQUFHLEtBQUssQ0FBQztRQUVuQixtQkFBYyxHQUFHLEtBQUssQ0FBQztRQUV2QixjQUFTLEdBQUcsR0FBRyxFQUFFO1lBQ2YsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7UUFDekIsQ0FBQyxDQUFDO1FBR0EsWUFBWTtJQUNkLENBQUM7SUFFTyxlQUFlLENBQUMsT0FBTyxHQUFHLEtBQUs7UUFDckMsSUFBSSxDQUFDLFVBQVUsR0FBRyxPQUFPLENBQUM7SUFDNUIsQ0FBQztJQUVPLGtCQUFrQixDQUFDLEtBQUssR0FBRyxLQUFLO1FBQ3RDLE1BQU0sRUFBRSxNQUFNLEVBQUUsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDO1FBRS9CLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDM0IsSUFBSSxDQUFDLE1BQU0sRUFBRSxNQUFNLElBQUksS0FBSyxFQUFFO1lBQzVCLE1BQU0sRUFBRSxNQUFNLEVBQUUsYUFBYSxFQUFFLEdBQUksSUFBSSxDQUFDLE1BQWMsQ0FBQyxVQUFVLEVBQUUsQ0FBQztZQUNwRSxJQUFJLENBQUMsY0FBYyxHQUFHLGFBQWEsQ0FBQztZQUNwQyxJQUFJLENBQUMsTUFBTSxDQUFDLE1BQU0sR0FBRyxNQUFNLENBQUM7U0FDN0I7YUFBTSxJQUFJLENBQUMsS0FBSyxFQUFFO1lBQ2pCLE1BQU0sRUFBRSxNQUFNLEVBQUUsYUFBYSxFQUFFLEdBQUksSUFBSSxDQUFDLE1BQWMsQ0FBQyxjQUFjLEVBQUUsQ0FBQztZQUN4RSxJQUFJLENBQUMsY0FBYyxHQUFHLGFBQWEsQ0FBQztZQUNwQyxJQUFJLENBQUMsTUFBTSxDQUFDLE1BQU0sR0FBRyxNQUFNLENBQUM7U0FDN0I7UUFDRCxJQUFJLENBQUMsZUFBZSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzlCLENBQUM7SUFFRCxzQkFBc0IsQ0FBQyxLQUFrQztRQUN2RCxNQUFNLEVBQUUsTUFBTSxFQUFFLEdBQUcsSUFBSSxDQUFDO1FBQ3hCLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLEdBQUcsS0FBSyxDQUFDO1FBQ2hDLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDO1lBQ2pCLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxFQUFFO2dCQUNkLENBQUMsS0FBSyxDQUFDLEVBQUUsTUFBTSxFQUFFO2FBQ2xCO1NBQ0YsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELHNCQUFzQixDQUFDLEtBQVU7UUFDL0IsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDNUIsQ0FBQztJQUVELGNBQWMsQ0FBQyxLQUFVO1FBQ3ZCLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzVCLENBQUM7SUFFRCxnQkFBZ0I7UUFDZCxNQUFNLEVBQUUsYUFBYSxFQUFFLEdBQUcsSUFBSSxDQUFDO1FBQy9CLElBQUksYUFBYSxFQUFFO1lBQ2pCLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFFLENBQUM7WUFDcEIsT0FBTztTQUNSO1FBQ0QsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUM7SUFDeEIsQ0FBQztJQUVELGVBQWU7UUFDYixJQUFJLENBQUMsa0JBQWtCLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDaEMsQ0FBQztJQUVELHNCQUFzQjtRQUNwQixJQUFJLENBQUMsa0JBQWtCLEVBQUUsQ0FBQztJQUM1QixDQUFDOzt1SEFoRlUsMEJBQTBCOzJHQUExQiwwQkFBMEIsZ1BDUnZDLDAyRUFzRGU7MkZEOUNGLDBCQUEwQjtrQkFMdEMsU0FBUzsrQkFDRSxxQkFBcUI7MEVBS3RCLE1BQU07c0JBQWQsS0FBSztnQkFFRyxhQUFhO3NCQUFyQixLQUFLO2dCQUVJLE9BQU87c0JBQWhCLE1BQU07Z0JBRUcsUUFBUTtzQkFBakIsTUFBTTtnQkFFRyxRQUFRO3NCQUFqQixNQUFNO2dCQUVHLGtCQUFrQjtzQkFBM0IsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0LCBBZnRlclZpZXdJbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNb25rZXlFY3hGaWx0ZXJNZW51LCBNb25rZXlFY3hGaWx0ZXJNZW51Q2hpbGRyZW4gfSBmcm9tICdtb25rZXktZnJvbnQtY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ21lY3gtZmlsdGVyLW9wdGlvbnMnLFxuICB0ZW1wbGF0ZVVybDogJy4vb3B0aW9ucy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL29wdGlvbnMuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBNRUNYRmlsdGVyT3B0aW9uc0NvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQge1xuICBASW5wdXQoKSBvcHRpb246IE1vbmtleUVjeEZpbHRlck1lbnUgPSBudWxsO1xuXG4gIEBJbnB1dCgpIGNsb3NlRGlyZWN0bHkgPSBmYWxzZTtcblxuICBAT3V0cHV0KCkgb25DbG9zZSA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuXG4gIEBPdXRwdXQoKSBvblJlbW92ZSA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuXG4gIEBPdXRwdXQoKSBvblN1Ym1pdCA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuXG4gIEBPdXRwdXQoKSBvblNob3dGcm9tQ2hpbGRyZW4gPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcblxuICBfc2hvd01lbnUgPSBmYWxzZTtcblxuICBfaXNMb2FkaW5nID0gZmFsc2U7XG5cbiAgX2hhc01vcmVWYWx1ZXMgPSBmYWxzZTtcblxuICBjbG9zZU1lbnUgPSAoKSA9PiB7XG4gICAgdGhpcy5fc2hvd01lbnUgPSBmYWxzZTtcbiAgfTtcblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICAvLyBub3QgdG8gZG9cbiAgfVxuXG4gIHByaXZhdGUgb25IYW5kbGVMb2FkaW5nKGxvYWRpbmcgPSBmYWxzZSkge1xuICAgIHRoaXMuX2lzTG9hZGluZyA9IGxvYWRpbmc7XG4gIH1cblxuICBwcml2YXRlIG9uSGFuZGxlTG9hZFZhbHVlcyhmaXJzdCA9IGZhbHNlKSB7XG4gICAgY29uc3QgeyB2YWx1ZXMgfSA9IHRoaXMub3B0aW9uO1xuXG4gICAgdGhpcy5vbkhhbmRsZUxvYWRpbmcodHJ1ZSk7XG4gICAgaWYgKCF2YWx1ZXM/Lmxlbmd0aCAmJiBmaXJzdCkge1xuICAgICAgY29uc3QgeyB2YWx1ZXMsIGhhc01vcmVWYWx1ZXMgfSA9ICh0aGlzLm9wdGlvbiBhcyBhbnkpLmxvYWRWYWx1ZXMoKTtcbiAgICAgIHRoaXMuX2hhc01vcmVWYWx1ZXMgPSBoYXNNb3JlVmFsdWVzO1xuICAgICAgdGhpcy5vcHRpb24udmFsdWVzID0gdmFsdWVzO1xuICAgIH0gZWxzZSBpZiAoIWZpcnN0KSB7XG4gICAgICBjb25zdCB7IHZhbHVlcywgaGFzTW9yZVZhbHVlcyB9ID0gKHRoaXMub3B0aW9uIGFzIGFueSkubG9hZE1vcmVWYWx1ZXMoKTtcbiAgICAgIHRoaXMuX2hhc01vcmVWYWx1ZXMgPSBoYXNNb3JlVmFsdWVzO1xuICAgICAgdGhpcy5vcHRpb24udmFsdWVzID0gdmFsdWVzO1xuICAgIH1cbiAgICB0aGlzLm9uSGFuZGxlTG9hZGluZyhmYWxzZSk7XG4gIH1cblxuICBvbkhhbmRsZUNoaWxkcmVuQWN0aW9uKGNoaWxkOiBNb25rZXlFY3hGaWx0ZXJNZW51Q2hpbGRyZW4pIHtcbiAgICBjb25zdCB7IG9wdGlvbiB9ID0gdGhpcztcbiAgICBjb25zdCB7IGZpZWxkLCBhY3Rpb24gfSA9IGNoaWxkO1xuICAgIHRoaXMub25TdWJtaXQubmV4dCh7XG4gICAgICBbb3B0aW9uLmZpZWxkXToge1xuICAgICAgICBbZmllbGRdOiBhY3Rpb24oKVxuICAgICAgfVxuICAgIH0pO1xuICB9XG5cbiAgb25IYW5kbGVTdWJtaXRDaGlsZHJlbihldmVudDogYW55KSB7XG4gICAgdGhpcy5vblN1Ym1pdC5uZXh0KGV2ZW50KTtcbiAgfVxuXG4gIG9uSGFuZGxlU3VibWl0KGV2ZW50OiBhbnkpIHtcbiAgICB0aGlzLm9uU3VibWl0Lm5leHQoZXZlbnQpO1xuICB9XG5cbiAgb25IYW5kbGVTaG93TWVudSgpIHtcbiAgICBjb25zdCB7IGNsb3NlRGlyZWN0bHkgfSA9IHRoaXM7XG4gICAgaWYgKGNsb3NlRGlyZWN0bHkpIHtcbiAgICAgIHRoaXMub25DbG9zZS5uZXh0KCk7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIHRoaXMuX3Nob3dNZW51ID0gdHJ1ZTtcbiAgfVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICB0aGlzLm9uSGFuZGxlTG9hZFZhbHVlcyh0cnVlKTtcbiAgfVxuXG4gIG9uSGFuZGxlTG9hZE1vcmVWYWx1ZXMoKSB7XG4gICAgdGhpcy5vbkhhbmRsZUxvYWRWYWx1ZXMoKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImQtZmxleCBqdXN0aWZ5LWNvbnRlbnQtYmV0d2VlbiBoZWFkZXJcIj5cclxuICA8c3BhbiBjbGFzcz1cInRpdGxlXCI+XHJcbiAgICB7eyBvcHRpb24/LmxhYmVsIHwgdHJhbnNsYXRlIH19XHJcbiAgPC9zcGFuPlxyXG4gIDxkaXYgY2xhc3M9XCJjbG9zZVwiICNhY3Rpb25FbGVtZW50IChjbGljayk9XCJvbkhhbmRsZVNob3dNZW51KClcIj5cclxuICAgIDxtb25rZXktaWNvbiBpY29uPVwiY2xvc2UtMTJcIiBjb2xvcj1cIiM0NzQ3NDdcIj48L21vbmtleS1pY29uPlxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuPG5nLWNvbnRhaW5lciAqbmdJZj1cIm9wdGlvbj8udHlwZSBhcyB0eXBlXCI+XHJcbiAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIm9wdGlvbj8uY2hpbGRyZW47IGVsc2Ugd2l0aG91dENoaWxkcmVuXCI+XHJcbiAgICA8bWVjeC1maWx0ZXItb3B0aW9ucy1jaGlsZHJlbiBbb3B0aW9uXT1cIm9wdGlvblwiIChvblN1Ym1pdCk9XCJvbkhhbmRsZVN1Ym1pdENoaWxkcmVuKCRldmVudClcIlxyXG4gICAgICAob25TaG93KT1cIm9uU2hvd0Zyb21DaGlsZHJlbi5uZXh0KCRldmVudClcIj5cclxuICAgIDwvbWVjeC1maWx0ZXItb3B0aW9ucy1jaGlsZHJlbj5cclxuICA8L25nLWNvbnRhaW5lcj5cclxuICA8bmctdGVtcGxhdGUgI3dpdGhvdXRDaGlsZHJlbj5cclxuICAgIDxuZy1jb250YWluZXIgW25nU3dpdGNoXT1cInR5cGVcIj5cclxuICAgICAgPG1lY3gtZmlsdGVyLW9wdGlvbnMtc3RhdHVzICpuZ1N3aXRjaENhc2U9XCInc3RhdHVzJ1wiIFtvcHRpb25dPVwib3B0aW9uXCJcclxuICAgICAgICAob25TdWJtaXQpPVwib25IYW5kbGVTdWJtaXQoJGV2ZW50KVwiPlxyXG4gICAgICA8L21lY3gtZmlsdGVyLW9wdGlvbnMtc3RhdHVzPlxyXG4gICAgICA8bWVjeC1maWx0ZXItb3B0aW9ucy1kYXRlLXJhbmdlICpuZ1N3aXRjaENhc2U9XCInZGF0ZS1yYW5nZSdcIiBbb3B0aW9uXT1cIm9wdGlvblwiXHJcbiAgICAgICAgKG9uU3VibWl0KT1cIm9uSGFuZGxlU3VibWl0KCRldmVudClcIj5cclxuICAgICAgPC9tZWN4LWZpbHRlci1vcHRpb25zLWRhdGUtcmFuZ2U+XHJcbiAgICAgIDxtZWN4LWZpbHRlci1vcHRpb25zLWN1cnJlbmN5ICpuZ1N3aXRjaENhc2U9XCInY3VycmVuY3knXCIgW29wdGlvbl09XCJvcHRpb25cIlxyXG4gICAgICAgIChvblN1Ym1pdCk9XCJvbkhhbmRsZVN1Ym1pdCgkZXZlbnQpXCI+XHJcbiAgICAgIDwvbWVjeC1maWx0ZXItb3B0aW9ucy1jdXJyZW5jeT5cclxuICAgICAgPG1lY3gtZmlsdGVyLW9wdGlvbnMtaW5wdXQgKm5nU3dpdGNoQ2FzZT1cIidpbnB1dCdcIiBbb3B0aW9uXT1cIm9wdGlvblwiXHJcbiAgICAgICAgKG9uU3VibWl0KT1cIm9uSGFuZGxlU3VibWl0KCRldmVudClcIj5cclxuICAgICAgPC9tZWN4LWZpbHRlci1vcHRpb25zLWlucHV0PlxyXG4gICAgPC9uZy1jb250YWluZXI+XHJcbiAgPC9uZy10ZW1wbGF0ZT5cclxuPC9uZy1jb250YWluZXI+XHJcblxyXG48ZGl2IGNsYXNzPVwiYm94LWxvYWRpbmdcIiAqbmdJZj1cIl9pc0xvYWRpbmdcIj5cclxuICA8ZGl2IGNsYXNzPVwibG9hZGluZ1wiPjwvZGl2PlxyXG4gIDxkaXYgY2xhc3M9XCJsb2FkaW5nXCI+PC9kaXY+XHJcbiAgPGRpdiBjbGFzcz1cImxvYWRpbmdcIj48L2Rpdj5cclxuPC9kaXY+XHJcblxyXG48ZGl2IGNsYXNzPVwiZm9vdGVyXCIgKm5nSWY9XCJfaGFzTW9yZVZhbHVlcyAmJiAhX2lzTG9hZGluZ1wiPlxyXG4gIDxtb25rZXktYnV0dG9uIHR5cGU9XCJ0ZXJ0aWFyeVwiIGNvbG9yPVwidGhlbWVcIiBbbGFiZWxdPVwiJ0JVVFRPTlMuTE9BRC1NT1JFJyB8IHRyYW5zbGF0ZVwiXHJcbiAgICAoY2xpY2spPVwib25IYW5kbGVMb2FkTW9yZVZhbHVlcygpXCI+XHJcbiAgPC9tb25rZXktYnV0dG9uPlxyXG48L2Rpdj5cclxuXHJcbjxuZy1jb250YWluZXJcclxuICAqbW9ua2V5ZWN4UG9wb3Zlcj1cIl9zaG93TWVudTsgdGFyZ2V0OiAkYW55KGFjdGlvbkVsZW1lbnQpOyBjbG9zZWQ6IGNsb3NlTWVudTsgZGlyOiAnbHRyJ1wiPlxyXG4gIDxkaXYgY2xhc3M9XCJjbG9zZS1tZW51XCI+XHJcbiAgICA8bW9ua2V5LWJ1dHRvbiB0eXBlPVwidGVydGlhcnlcIiBjb2xvcj1cImVycm9yXCIgKGNsaWNrKT1cIm9uUmVtb3ZlLm5leHQoKVwiIHNpemU9XCJzbVwiPlxyXG4gICAgICB7eyAnQlVUVE9OUy5SRU1PVkUnIHwgdHJhbnNsYXRlIH19XHJcbiAgICA8L21vbmtleS1idXR0b24+XHJcbiAgICA8bW9ua2V5LWJ1dHRvbiB0eXBlPVwidGVydGlhcnlcIiBjb2xvcj1cInRoZW1lXCIgKGNsaWNrKT1cIm9uQ2xvc2UubmV4dCgpXCIgc2l6ZT1cInNtXCI+XHJcbiAgICAgIHt7ICdCVVRUT05TLkNMT1NFJyB8IHRyYW5zbGF0ZSB9fVxyXG4gICAgPC9tb25rZXktYnV0dG9uPlxyXG4gIDwvZGl2PlxyXG48L25nLWNvbnRhaW5lcj4iXX0=
102
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3B0aW9ucy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tb25rZXktZnJvbnQtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvc2hhcmVkL2ZpbHRlci9vcHRpb25zL29wdGlvbnMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbW9ua2V5LWZyb250LWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3NoYXJlZC9maWx0ZXIvb3B0aW9ucy9vcHRpb25zLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQXlCLE1BQU0sZUFBZSxDQUFDO0FBRTlGLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUMzQyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7Ozs7OztBQU85QyxNQUFNLE9BQU8sMEJBQTJCLFNBQVEsYUFBYTtJQXVCM0Q7UUFDRSxLQUFLLEVBQUUsQ0FBQztRQXZCRCxXQUFNLEdBQXdCLElBQUksQ0FBQztRQUVuQyxrQkFBYSxHQUFHLEtBQUssQ0FBQztRQUVyQixZQUFPLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUVsQyxhQUFRLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUVuQyxhQUFRLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUVuQyx1QkFBa0IsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO1FBRXZELGNBQVMsR0FBRyxLQUFLLENBQUM7UUFFbEIsZUFBVSxHQUFHLEtBQUssQ0FBQztRQUVuQixtQkFBYyxHQUFHLEtBQUssQ0FBQztRQUV2QixjQUFTLEdBQUcsR0FBRyxFQUFFO1lBQ2YsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENB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QUFkLEtBQUs7Z0JBRUcsYUFBYTtzQkFBckIsS0FBSztnQkFFSSxPQUFPO3NCQUFoQixNQUFNO2dCQUVHLFFBQVE7c0JBQWpCLE1BQU07Z0JBRUcsUUFBUTtzQkFBakIsTUFBTTtnQkFFRyxrQkFBa0I7c0JBQTNCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCwgT25Jbml0LCBBZnRlclZpZXdJbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNb25rZXlFY3hGaWx0ZXJNZW51LCBNb25rZXlFY3hGaWx0ZXJNZW51Q2hpbGRyZW4gfSBmcm9tICdtb25rZXktZnJvbnQtY29yZSc7XG5pbXBvcnQgeyB0YWtlVW50aWwgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5pbXBvcnQgeyBCYXNlQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vLi4vYmFzZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ21lY3gtZmlsdGVyLW9wdGlvbnMnLFxuICB0ZW1wbGF0ZVVybDogJy4vb3B0aW9ucy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL29wdGlvbnMuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBNRUNYRmlsdGVyT3B0aW9uc0NvbXBvbmVudCBleHRlbmRzIEJhc2VDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIEFmdGVyVmlld0luaXQge1xuICBASW5wdXQoKSBvcHRpb246IE1vbmtleUVjeEZpbHRlck1lbnUgPSBudWxsO1xuXG4gIEBJbnB1dCgpIGNsb3NlRGlyZWN0bHkgPSBmYWxzZTtcblxuICBAT3V0cHV0KCkgb25DbG9zZSA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuXG4gIEBPdXRwdXQoKSBvblJlbW92ZSA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuXG4gIEBPdXRwdXQoKSBvblN1Ym1pdCA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuXG4gIEBPdXRwdXQoKSBvblNob3dGcm9tQ2hpbGRyZW4gPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcblxuICBfc2hvd01lbnUgPSBmYWxzZTtcblxuICBfaXNMb2FkaW5nID0gZmFsc2U7XG5cbiAgX2hhc01vcmVWYWx1ZXMgPSBmYWxzZTtcblxuICBjbG9zZU1lbnUgPSAoKSA9PiB7XG4gICAgdGhpcy5fc2hvd01lbnUgPSBmYWxzZTtcbiAgfTtcblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuICB9XG5cbiAgcHJpdmF0ZSBvbkhhbmRsZUxvYWRpbmcobG9hZGluZyA9IGZhbHNlKSB7XG4gICAgdGhpcy5faXNMb2FkaW5nID0gbG9hZGluZztcbiAgfVxuXG4gIHByaXZhdGUgb25IYW5kbGVMb2FkVmFsdWVzKGZpcnN0ID0gZmFsc2UpIHtcbiAgICBjb25zdCB7IHZhbHVlcyB9ID0gdGhpcy5vcHRpb247XG5cbiAgICBpZiAoIXZhbHVlcz8ubGVuZ3RoICYmIGZpcnN0KSB7XG4gICAgICB0aGlzLm9wdGlvbj8ubG9hZFZhbHVlcz8uKCk7XG4gICAgfSBlbHNlIGlmICghZmlyc3QpIHtcbiAgICAgIHRoaXMub3B0aW9uPy5sb2FkTW9yZVZhbHVlcz8uKCk7XG4gICAgfVxuICB9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgY29uc3QgeyBvcHRpb24gfSA9IHRoaXM7XG5cbiAgICBvcHRpb24/LnZhbHVlcyQ/LnBpcGUoXG4gICAgICB0YWtlVW50aWwodGhpcy5fX3Vuc3Vic2NyaWJlQWxsKVxuICAgICkuc3Vic2NyaWJlKChkYXRhOiBhbnkpID0+IHtcbiAgICAgIHRoaXMub3B0aW9uLnZhbHVlcyA9IGRhdGE7XG4gICAgfSk7XG5cbiAgICBvcHRpb24/LnBhZ2luYXRpb24kPy5waXBlKFxuICAgICAgdGFrZVVudGlsKHRoaXMuX191bnN1YnNjcmliZUFsbClcbiAgICApLnN1YnNjcmliZSgoZGF0YTogYW55KSA9PiB7XG4gICAgICB0aGlzLl9oYXNNb3JlVmFsdWVzID0gISEoZGF0YT8ubmV4dCk7XG4gICAgfSk7XG5cbiAgICBvcHRpb24/LmNvbnRyb2wkPy5waXBlKFxuICAgICAgdGFrZVVudGlsKHRoaXMuX191bnN1YnNjcmliZUFsbClcbiAgICApLnN1YnNjcmliZSgoZGF0YTogYW55KSA9PiB7XG4gICAgICB0aGlzLm9uSGFuZGxlTG9hZGluZyhkYXRhPy5pc0xvYWRpbmcpO1xuICAgIH0pO1xuICB9XG5cbiAgbmdBZnRlclZpZXdJbml0KCkge1xuICAgIHRoaXMub25IYW5kbGVMb2FkVmFsdWVzKHRydWUpO1xuICB9XG5cbiAgb25IYW5kbGVDaGlsZHJlbkFjdGlvbihjaGlsZDogTW9ua2V5RWN4RmlsdGVyTWVudUNoaWxkcmVuKSB7XG4gICAgY29uc3QgeyBvcHRpb24gfSA9IHRoaXM7XG4gICAgY29uc3QgeyBmaWVsZCwgYWN0aW9uIH0gPSBjaGlsZDtcbiAgICB0aGlzLm9uU3VibWl0Lm5leHQoe1xuICAgICAgW29wdGlvbi5maWVsZF06IHtcbiAgICAgICAgW2ZpZWxkXTogYWN0aW9uKClcbiAgICAgIH1cbiAgICB9KTtcbiAgfVxuXG4gIG9uSGFuZGxlU3VibWl0Q2hpbGRyZW4oZXZlbnQ6IGFueSkge1xuICAgIHRoaXMub25TdWJtaXQubmV4dChldmVudCk7XG4gIH1cblxuICBvbkhhbmRsZVN1Ym1pdChldmVudDogYW55KSB7XG4gICAgdGhpcy5vblN1Ym1pdC5uZXh0KGV2ZW50KTtcbiAgfVxuXG4gIG9uSGFuZGxlU2hvd01lbnUoKSB7XG4gICAgY29uc3QgeyBjbG9zZURpcmVjdGx5IH0gPSB0aGlzO1xuICAgIGlmIChjbG9zZURpcmVjdGx5KSB7XG4gICAgICB0aGlzLm9uQ2xvc2UubmV4dCgpO1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICB0aGlzLl9zaG93TWVudSA9IHRydWU7XG4gIH1cblxuICBvbkhhbmRsZUxvYWRNb3JlVmFsdWVzKCkge1xuICAgIHRoaXMub25IYW5kbGVMb2FkVmFsdWVzKCk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJkLWZsZXgganVzdGlmeS1jb250ZW50LWJldHdlZW4gaGVhZGVyXCI+XHJcbiAgPHNwYW4gY2xhc3M9XCJ0aXRsZVwiPlxyXG4gICAge3sgb3B0aW9uPy5sYWJlbCB8IHRyYW5zbGF0ZSB9fVxyXG4gIDwvc3Bhbj5cclxuICA8ZGl2IGNsYXNzPVwiY2xvc2VcIiAjYWN0aW9uRWxlbWVudCAoY2xpY2spPVwib25IYW5kbGVTaG93TWVudSgpXCI+XHJcbiAgICA8bW9ua2V5LWljb24gaWNvbj1cImNsb3NlLTEyXCIgY29sb3I9XCIjNDc0NzQ3XCI+PC9tb25rZXktaWNvbj5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcbjxuZy1jb250YWluZXIgKm5nSWY9XCJvcHRpb24/LnR5cGUgYXMgdHlwZVwiPlxyXG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCJvcHRpb24/LmNoaWxkcmVuOyBlbHNlIHdpdGhvdXRDaGlsZHJlblwiPlxyXG4gICAgPG1lY3gtZmlsdGVyLW9wdGlvbnMtY2hpbGRyZW4gW29wdGlvbl09XCJvcHRpb25cIiAob25TdWJtaXQpPVwib25IYW5kbGVTdWJtaXRDaGlsZHJlbigkZXZlbnQpXCJcclxuICAgICAgKG9uU2hvdyk9XCJvblNob3dGcm9tQ2hpbGRyZW4ubmV4dCgkZXZlbnQpXCI+XHJcbiAgICA8L21lY3gtZmlsdGVyLW9wdGlvbnMtY2hpbGRyZW4+XHJcbiAgPC9uZy1jb250YWluZXI+XHJcbiAgPG5nLXRlbXBsYXRlICN3aXRob3V0Q2hpbGRyZW4+XHJcbiAgICA8bmctY29udGFpbmVyIFtuZ1N3aXRjaF09XCJ0eXBlXCI+XHJcbiAgICAgIDxtZWN4LWZpbHRlci1vcHRpb25zLXN0YXR1cyAqbmdTd2l0Y2hDYXNlPVwiJ3N0YXR1cydcIiBbb3B0aW9uXT1cIm9wdGlvblwiXHJcbiAgICAgICAgKG9uU3VibWl0KT1cIm9uSGFuZGxlU3VibWl0KCRldmVudClcIj5cclxuICAgICAgPC9tZWN4LWZpbHRlci1vcHRpb25zLXN0YXR1cz5cclxuICAgICAgPG1lY3gtZmlsdGVyLW9wdGlvbnMtZGF0ZS1yYW5nZSAqbmdTd2l0Y2hDYXNlPVwiJ2RhdGUtcmFuZ2UnXCIgW29wdGlvbl09XCJvcHRpb25cIlxyXG4gICAgICAgIChvblN1Ym1pdCk9XCJvbkhhbmRsZVN1Ym1pdCgkZXZlbnQpXCI+XHJcbiAgICAgIDwvbWVjeC1maWx0ZXItb3B0aW9ucy1kYXRlLXJhbmdlPlxyXG4gICAgICA8bWVjeC1maWx0ZXItb3B0aW9ucy1jdXJyZW5jeSAqbmdTd2l0Y2hDYXNlPVwiJ2N1cnJlbmN5J1wiIFtvcHRpb25dPVwib3B0aW9uXCJcclxuICAgICAgICAob25TdWJtaXQpPVwib25IYW5kbGVTdWJtaXQoJGV2ZW50KVwiPlxyXG4gICAgICA8L21lY3gtZmlsdGVyLW9wdGlvbnMtY3VycmVuY3k+XHJcbiAgICAgIDxtZWN4LWZpbHRlci1vcHRpb25zLWlucHV0ICpuZ1N3aXRjaENhc2U9XCInaW5wdXQnXCIgW29wdGlvbl09XCJvcHRpb25cIlxyXG4gICAgICAgIChvblN1Ym1pdCk9XCJvbkhhbmRsZVN1Ym1pdCgkZXZlbnQpXCI+XHJcbiAgICAgIDwvbWVjeC1maWx0ZXItb3B0aW9ucy1pbnB1dD5cclxuICAgIDwvbmctY29udGFpbmVyPlxyXG4gIDwvbmctdGVtcGxhdGU+XHJcbjwvbmctY29udGFpbmVyPlxyXG5cclxuPGRpdiBjbGFzcz1cImJveC1sb2FkaW5nXCIgKm5nSWY9XCJfaXNMb2FkaW5nXCI+XHJcbiAgPGRpdiBjbGFzcz1cImxvYWRpbmdcIj48L2Rpdj5cclxuICA8ZGl2IGNsYXNzPVwibG9hZGluZ1wiPjwvZGl2PlxyXG4gIDxkaXYgY2xhc3M9XCJsb2FkaW5nXCI+PC9kaXY+XHJcbjwvZGl2PlxyXG5cclxuPGRpdiBjbGFzcz1cImZvb3RlclwiICpuZ0lmPVwiX2hhc01vcmVWYWx1ZXMgJiYgIV9pc0xvYWRpbmdcIj5cclxuICA8bW9ua2V5LWJ1dHRvbiB0eXBlPVwidGVydGlhcnlcIiBjb2xvcj1cInRoZW1lXCIgW2xhYmVsXT1cIidCVVRUT05TLkxPQUQtTU9SRScgfCB0cmFuc2xhdGVcIlxyXG4gICAgKGNsaWNrKT1cIm9uSGFuZGxlTG9hZE1vcmVWYWx1ZXMoKVwiPlxyXG4gIDwvbW9ua2V5LWJ1dHRvbj5cclxuPC9kaXY+XHJcblxyXG48bmctY29udGFpbmVyXHJcbiAgKm1vbmtleWVjeFBvcG92ZXI9XCJfc2hvd01lbnU7IHRhcmdldDogJGFueShhY3Rpb25FbGVtZW50KTsgY2xvc2VkOiBjbG9zZU1lbnU7IGRpcjogJ2x0cidcIj5cclxuICA8ZGl2IGNsYXNzPVwiY2xvc2UtbWVudVwiPlxyXG4gICAgPG1vbmtleS1idXR0b24gdHlwZT1cInRlcnRpYXJ5XCIgY29sb3I9XCJlcnJvclwiIChjbGljayk9XCJvblJlbW92ZS5uZXh0KClcIiBzaXplPVwic21cIj5cclxuICAgICAge3sgJ0JVVFRPTlMuUkVNT1ZFJyB8IHRyYW5zbGF0ZSB9fVxyXG4gICAgPC9tb25rZXktYnV0dG9uPlxyXG4gICAgPG1vbmtleS1idXR0b24gdHlwZT1cInRlcnRpYXJ5XCIgY29sb3I9XCJ0aGVtZVwiIChjbGljayk9XCJvbkNsb3NlLm5leHQoKVwiIHNpemU9XCJzbVwiPlxyXG4gICAgICB7eyAnQlVUVE9OUy5DTE9TRScgfCB0cmFuc2xhdGUgfX1cclxuICAgIDwvbW9ua2V5LWJ1dHRvbj5cclxuICA8L2Rpdj5cclxuPC9uZy1jb250YWluZXI+Il19
package/fesm2015/monkey-front-components.mjs CHANGED
@@ -1831,8 +1831,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
1831
1831
  type: Output
1832
1832
  }] } });
1833
1833
 
1834
- class MECXFilterOptionsComponent {
1834
+ class MECXFilterOptionsComponent extends BaseComponent {
1835
1835
  constructor() {
1836
+ super();
1836
1837
  this.option = null;
1837
1838
  this.closeDirectly = false;
1838
1839
  this.onClose = new EventEmitter();
@@ -1845,25 +1846,35 @@ class MECXFilterOptionsComponent {
1845
1846
  this.closeMenu = () => {
1846
1847
  this._showMenu = false;
1847
1848
  };
1848
- // not to do
1849
1849
  }
1850
1850
  onHandleLoading(loading = false) {
1851
1851
  this._isLoading = loading;
1852
1852
  }
1853
1853
  onHandleLoadValues(first = false) {
1854
+ var _a, _b, _c, _d;
1854
1855
  const { values } = this.option;
1855
- this.onHandleLoading(true);
1856
1856
  if (!(values === null || values === void 0 ? void 0 : values.length) && first) {
1857
- const { values, hasMoreValues } = this.option.loadValues();
1858
- this._hasMoreValues = hasMoreValues;
1859
- this.option.values = values;
1857
+ (_b = (_a = this.option) === null || _a === void 0 ? void 0 : _a.loadValues) === null || _b === void 0 ? void 0 : _b.call(_a);
1860
1858
  }
1861
1859
  else if (!first) {
1862
- const { values, hasMoreValues } = this.option.loadMoreValues();
1863
- this._hasMoreValues = hasMoreValues;
1864
- this.option.values = values;
1860
+ (_d = (_c = this.option) === null || _c === void 0 ? void 0 : _c.loadMoreValues) === null || _d === void 0 ? void 0 : _d.call(_c);
1865
1861
  }
1866
- this.onHandleLoading(false);
1862
+ }
1863
+ ngOnInit() {
1864
+ var _a, _b, _c;
1865
+ const { option } = this;
1866
+ (_a = option === null || option === void 0 ? void 0 : option.values$) === null || _a === void 0 ? void 0 : _a.pipe(takeUntil(this.__unsubscribeAll)).subscribe((data) => {
1867
+ this.option.values = data;
1868
+ });
1869
+ (_b = option === null || option === void 0 ? void 0 : option.pagination$) === null || _b === void 0 ? void 0 : _b.pipe(takeUntil(this.__unsubscribeAll)).subscribe((data) => {
1870
+ this._hasMoreValues = !!(data === null || data === void 0 ? void 0 : data.next);
1871
+ });
1872
+ (_c = option === null || option === void 0 ? void 0 : option.control$) === null || _c === void 0 ? void 0 : _c.pipe(takeUntil(this.__unsubscribeAll)).subscribe((data) => {
1873
+ this.onHandleLoading(data === null || data === void 0 ? void 0 : data.isLoading);
1874
+ });
1875
+ }
1876
+ ngAfterViewInit() {
1877
+ this.onHandleLoadValues(true);
1867
1878
  }
1868
1879
  onHandleChildrenAction(child) {
1869
1880
  const { option } = this;
@@ -1888,15 +1899,12 @@ class MECXFilterOptionsComponent {
1888
1899
  }
1889
1900
  this._showMenu = true;
1890
1901
  }
1891
- ngAfterViewInit() {
1892
- this.onHandleLoadValues(true);
1893
- }
1894
1902
  onHandleLoadMoreValues() {
1895
1903
  this.onHandleLoadValues();
1896
1904
  }
1897
1905
  }
1898
1906
  MECXFilterOptionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MECXFilterOptionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1899
- MECXFilterOptionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: MECXFilterOptionsComponent, selector: "mecx-filter-options", inputs: { option: "option", closeDirectly: "closeDirectly" }, outputs: { onClose: "onClose", onRemove: "onRemove", onSubmit: "onSubmit", onShowFromChildren: "onShowFromChildren" }, ngImport: i0, template: "<div class=\"d-flex justify-content-between header\">\r\n <span class=\"title\">\r\n {{ option?.label | translate }}\r\n </span>\r\n <div class=\"close\" #actionElement (click)=\"onHandleShowMenu()\">\r\n <monkey-icon icon=\"close-12\" color=\"#474747\"></monkey-icon>\r\n </div>\r\n</div>\r\n<ng-container *ngIf=\"option?.type as type\">\r\n <ng-container *ngIf=\"option?.children; else withoutChildren\">\r\n <mecx-filter-options-children [option]=\"option\" (onSubmit)=\"onHandleSubmitChildren($event)\"\r\n (onShow)=\"onShowFromChildren.next($event)\">\r\n </mecx-filter-options-children>\r\n </ng-container>\r\n <ng-template #withoutChildren>\r\n <ng-container [ngSwitch]=\"type\">\r\n <mecx-filter-options-status *ngSwitchCase=\"'status'\" [option]=\"option\"\r\n (onSubmit)=\"onHandleSubmit($event)\">\r\n </mecx-filter-options-status>\r\n <mecx-filter-options-date-range *ngSwitchCase=\"'date-range'\" [option]=\"option\"\r\n (onSubmit)=\"onHandleSubmit($event)\">\r\n </mecx-filter-options-date-range>\r\n <mecx-filter-options-currency *ngSwitchCase=\"'currency'\" [option]=\"option\"\r\n (onSubmit)=\"onHandleSubmit($event)\">\r\n </mecx-filter-options-currency>\r\n <mecx-filter-options-input *ngSwitchCase=\"'input'\" [option]=\"option\"\r\n (onSubmit)=\"onHandleSubmit($event)\">\r\n </mecx-filter-options-input>\r\n </ng-container>\r\n </ng-template>\r\n</ng-container>\r\n\r\n<div class=\"box-loading\" *ngIf=\"_isLoading\">\r\n <div class=\"loading\"></div>\r\n <div class=\"loading\"></div>\r\n <div class=\"loading\"></div>\r\n</div>\r\n\r\n<div class=\"footer\" *ngIf=\"_hasMoreValues && !_isLoading\">\r\n <monkey-button type=\"tertiary\" color=\"theme\" [label]=\"'BUTTONS.LOAD-MORE' | translate\"\r\n (click)=\"onHandleLoadMoreValues()\">\r\n </monkey-button>\r\n</div>\r\n\r\n<ng-container\r\n *monkeyecxPopover=\"_showMenu; target: $any(actionElement); closed: closeMenu; dir: 'ltr'\">\r\n <div class=\"close-menu\">\r\n <monkey-button type=\"tertiary\" color=\"error\" (click)=\"onRemove.next()\" size=\"sm\">\r\n {{ 'BUTTONS.REMOVE' | translate }}\r\n </monkey-button>\r\n <monkey-button type=\"tertiary\" color=\"theme\" (click)=\"onClose.next()\" size=\"sm\">\r\n {{ 'BUTTONS.CLOSE' | translate }}\r\n </monkey-button>\r\n </div>\r\n</ng-container>", styles: [":host{display:flex;flex-direction:column;background:#fafafa;border:1px solid #d6d6d6;box-sizing:border-box;box-shadow:0 4px 36px -8px #6d6d6d3a;border-radius:8px!important;margin:0 8px}:host .header{border-bottom:1px solid #d6d6d6;padding:8px}:host .header .title{color:#4b4a53;font-style:normal;font-size:14px;line-height:16px;font-weight:500;text-align:left}:host .header .close{cursor:pointer;border-radius:120px;padding:4px}:host .header .close:hover{background-color:#6d6d6d0c}:host .box-loaing{display:flex;flex-direction:column;gap:12px}:host .footer ::ng-deep monkey-button{width:100%}:host .footer ::ng-deep monkey-button button{width:100%}:host .loading:empty{margin-top:4px;height:24px;width:100%}:host .loading:empty{animation:loading 1.1s infinite linear;background:#ebebeb;background-image:linear-gradient(to right,#ebebeb 0%,#f2f3f5 20%,#ebebeb 40%,#ebebeb 100%);background-repeat:no-repeat}@keyframes loading{0%{background-position:-100px}to{background-position:500px}}.close-menu{display:flex;flex-direction:column;background:#fafafa;border:1px solid #d6d6d6;box-sizing:border-box;box-shadow:0 4px 36px -8px #6d6d6d3a;border-radius:8px!important;margin:0 8px;padding:8px}.close-menu ::ng-deep monkey-button{width:100%}.close-menu ::ng-deep monkey-button button{width:100%}\n"], components: [{ type: i1$2.MonkeyIconComponent, selector: "monkey-icon", inputs: ["icon", "color", "contrast", "disabled"] }, { type: MECXFilterOptionsChildrenComponent, selector: "mecx-filter-options-children", inputs: ["option"], outputs: ["onSubmit", "onShow"] }, { type: MECXFilterOptionsStatusComponent, selector: "mecx-filter-options-status", inputs: ["option"], outputs: ["onSubmit"] }, { type: MECXFilterOptionsDateRangeComponent, selector: "mecx-filter-options-date-range", inputs: ["option"], outputs: ["onSubmit"] }, { type: MECXFilterOptionsCurrencyComponent, selector: "mecx-filter-options-currency", inputs: ["option"], outputs: ["onSubmit"] }, { type: MECXFilterOptionsInputComponent, selector: "mecx-filter-options-input", inputs: ["option"], outputs: ["onSubmit"] }, { type: i1$2.MonkeyButtonComponent, selector: "monkey-button", inputs: ["label", "icon", "iconPosition", "type", "color", "disabled", "size"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i1$4.MonkeyEcxPopoverDirective, selector: "[monkeyecxPopover]", inputs: ["monkeyecxPopover", "monkeyecxPopoverClosed", "monkeyecxPopoverTarget", "monkeyecxPopoverMinwidth", "monkeyecxPopoverBackdrop", "monkeyecxPopoverWatch", "monkeyecxPopoverDir", "monkeyecxPopoverContextmenu", "monkeyecxPopoverHeight"] }], pipes: { "translate": i1$3.TranslatePipe } });
1907
+ MECXFilterOptionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: MECXFilterOptionsComponent, selector: "mecx-filter-options", inputs: { option: "option", closeDirectly: "closeDirectly" }, outputs: { onClose: "onClose", onRemove: "onRemove", onSubmit: "onSubmit", onShowFromChildren: "onShowFromChildren" }, usesInheritance: true, ngImport: i0, template: "<div class=\"d-flex justify-content-between header\">\r\n <span class=\"title\">\r\n {{ option?.label | translate }}\r\n </span>\r\n <div class=\"close\" #actionElement (click)=\"onHandleShowMenu()\">\r\n <monkey-icon icon=\"close-12\" color=\"#474747\"></monkey-icon>\r\n </div>\r\n</div>\r\n<ng-container *ngIf=\"option?.type as type\">\r\n <ng-container *ngIf=\"option?.children; else withoutChildren\">\r\n <mecx-filter-options-children [option]=\"option\" (onSubmit)=\"onHandleSubmitChildren($event)\"\r\n (onShow)=\"onShowFromChildren.next($event)\">\r\n </mecx-filter-options-children>\r\n </ng-container>\r\n <ng-template #withoutChildren>\r\n <ng-container [ngSwitch]=\"type\">\r\n <mecx-filter-options-status *ngSwitchCase=\"'status'\" [option]=\"option\"\r\n (onSubmit)=\"onHandleSubmit($event)\">\r\n </mecx-filter-options-status>\r\n <mecx-filter-options-date-range *ngSwitchCase=\"'date-range'\" [option]=\"option\"\r\n (onSubmit)=\"onHandleSubmit($event)\">\r\n </mecx-filter-options-date-range>\r\n <mecx-filter-options-currency *ngSwitchCase=\"'currency'\" [option]=\"option\"\r\n (onSubmit)=\"onHandleSubmit($event)\">\r\n </mecx-filter-options-currency>\r\n <mecx-filter-options-input *ngSwitchCase=\"'input'\" [option]=\"option\"\r\n (onSubmit)=\"onHandleSubmit($event)\">\r\n </mecx-filter-options-input>\r\n </ng-container>\r\n </ng-template>\r\n</ng-container>\r\n\r\n<div class=\"box-loading\" *ngIf=\"_isLoading\">\r\n <div class=\"loading\"></div>\r\n <div class=\"loading\"></div>\r\n <div class=\"loading\"></div>\r\n</div>\r\n\r\n<div class=\"footer\" *ngIf=\"_hasMoreValues && !_isLoading\">\r\n <monkey-button type=\"tertiary\" color=\"theme\" [label]=\"'BUTTONS.LOAD-MORE' | translate\"\r\n (click)=\"onHandleLoadMoreValues()\">\r\n </monkey-button>\r\n</div>\r\n\r\n<ng-container\r\n *monkeyecxPopover=\"_showMenu; target: $any(actionElement); closed: closeMenu; dir: 'ltr'\">\r\n <div class=\"close-menu\">\r\n <monkey-button type=\"tertiary\" color=\"error\" (click)=\"onRemove.next()\" size=\"sm\">\r\n {{ 'BUTTONS.REMOVE' | translate }}\r\n </monkey-button>\r\n <monkey-button type=\"tertiary\" color=\"theme\" (click)=\"onClose.next()\" size=\"sm\">\r\n {{ 'BUTTONS.CLOSE' | translate }}\r\n </monkey-button>\r\n </div>\r\n</ng-container>", styles: [":host{display:flex;flex-direction:column;background:#fafafa;border:1px solid #d6d6d6;box-sizing:border-box;box-shadow:0 4px 36px -8px #6d6d6d3a;border-radius:8px!important;margin:0 8px}:host .header{border-bottom:1px solid #d6d6d6;padding:8px}:host .header .title{color:#4b4a53;font-style:normal;font-size:14px;line-height:16px;font-weight:500;text-align:left}:host .header .close{cursor:pointer;border-radius:120px;padding:4px}:host .header .close:hover{background-color:#6d6d6d0c}:host .box-loaing{display:flex;flex-direction:column;gap:12px}:host .footer ::ng-deep monkey-button{width:100%}:host .footer ::ng-deep monkey-button button{width:100%}:host .loading:empty{margin-top:4px;height:24px;width:100%}:host .loading:empty{animation:loading 1.1s infinite linear;background:#ebebeb;background-image:linear-gradient(to right,#ebebeb 0%,#f2f3f5 20%,#ebebeb 40%,#ebebeb 100%);background-repeat:no-repeat}@keyframes loading{0%{background-position:-100px}to{background-position:500px}}.close-menu{display:flex;flex-direction:column;background:#fafafa;border:1px solid #d6d6d6;box-sizing:border-box;box-shadow:0 4px 36px -8px #6d6d6d3a;border-radius:8px!important;margin:0 8px;padding:8px}.close-menu ::ng-deep monkey-button{width:100%}.close-menu ::ng-deep monkey-button button{width:100%}\n"], components: [{ type: i1$2.MonkeyIconComponent, selector: "monkey-icon", inputs: ["icon", "color", "contrast", "disabled"] }, { type: MECXFilterOptionsChildrenComponent, selector: "mecx-filter-options-children", inputs: ["option"], outputs: ["onSubmit", "onShow"] }, { type: MECXFilterOptionsStatusComponent, selector: "mecx-filter-options-status", inputs: ["option"], outputs: ["onSubmit"] }, { type: MECXFilterOptionsDateRangeComponent, selector: "mecx-filter-options-date-range", inputs: ["option"], outputs: ["onSubmit"] }, { type: MECXFilterOptionsCurrencyComponent, selector: "mecx-filter-options-currency", inputs: ["option"], outputs: ["onSubmit"] }, { type: MECXFilterOptionsInputComponent, selector: "mecx-filter-options-input", inputs: ["option"], outputs: ["onSubmit"] }, { type: i1$2.MonkeyButtonComponent, selector: "monkey-button", inputs: ["label", "icon", "iconPosition", "type", "color", "disabled", "size"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i1$4.MonkeyEcxPopoverDirective, selector: "[monkeyecxPopover]", inputs: ["monkeyecxPopover", "monkeyecxPopoverClosed", "monkeyecxPopoverTarget", "monkeyecxPopoverMinwidth", "monkeyecxPopoverBackdrop", "monkeyecxPopoverWatch", "monkeyecxPopoverDir", "monkeyecxPopoverContextmenu", "monkeyecxPopoverHeight"] }], pipes: { "translate": i1$3.TranslatePipe } });
1900
1908
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MECXFilterOptionsComponent, decorators: [{
1901
1909
  type: Component,
1902
1910
  args: [{ selector: 'mecx-filter-options', template: "<div class=\"d-flex justify-content-between header\">\r\n <span class=\"title\">\r\n {{ option?.label | translate }}\r\n </span>\r\n <div class=\"close\" #actionElement (click)=\"onHandleShowMenu()\">\r\n <monkey-icon icon=\"close-12\" color=\"#474747\"></monkey-icon>\r\n </div>\r\n</div>\r\n<ng-container *ngIf=\"option?.type as type\">\r\n <ng-container *ngIf=\"option?.children; else withoutChildren\">\r\n <mecx-filter-options-children [option]=\"option\" (onSubmit)=\"onHandleSubmitChildren($event)\"\r\n (onShow)=\"onShowFromChildren.next($event)\">\r\n </mecx-filter-options-children>\r\n </ng-container>\r\n <ng-template #withoutChildren>\r\n <ng-container [ngSwitch]=\"type\">\r\n <mecx-filter-options-status *ngSwitchCase=\"'status'\" [option]=\"option\"\r\n (onSubmit)=\"onHandleSubmit($event)\">\r\n </mecx-filter-options-status>\r\n <mecx-filter-options-date-range *ngSwitchCase=\"'date-range'\" [option]=\"option\"\r\n (onSubmit)=\"onHandleSubmit($event)\">\r\n </mecx-filter-options-date-range>\r\n <mecx-filter-options-currency *ngSwitchCase=\"'currency'\" [option]=\"option\"\r\n (onSubmit)=\"onHandleSubmit($event)\">\r\n </mecx-filter-options-currency>\r\n <mecx-filter-options-input *ngSwitchCase=\"'input'\" [option]=\"option\"\r\n (onSubmit)=\"onHandleSubmit($event)\">\r\n </mecx-filter-options-input>\r\n </ng-container>\r\n </ng-template>\r\n</ng-container>\r\n\r\n<div class=\"box-loading\" *ngIf=\"_isLoading\">\r\n <div class=\"loading\"></div>\r\n <div class=\"loading\"></div>\r\n <div class=\"loading\"></div>\r\n</div>\r\n\r\n<div class=\"footer\" *ngIf=\"_hasMoreValues && !_isLoading\">\r\n <monkey-button type=\"tertiary\" color=\"theme\" [label]=\"'BUTTONS.LOAD-MORE' | translate\"\r\n (click)=\"onHandleLoadMoreValues()\">\r\n </monkey-button>\r\n</div>\r\n\r\n<ng-container\r\n *monkeyecxPopover=\"_showMenu; target: $any(actionElement); closed: closeMenu; dir: 'ltr'\">\r\n <div class=\"close-menu\">\r\n <monkey-button type=\"tertiary\" color=\"error\" (click)=\"onRemove.next()\" size=\"sm\">\r\n {{ 'BUTTONS.REMOVE' | translate }}\r\n </monkey-button>\r\n <monkey-button type=\"tertiary\" color=\"theme\" (click)=\"onClose.next()\" size=\"sm\">\r\n {{ 'BUTTONS.CLOSE' | translate }}\r\n </monkey-button>\r\n </div>\r\n</ng-container>", styles: [":host{display:flex;flex-direction:column;background:#fafafa;border:1px solid #d6d6d6;box-sizing:border-box;box-shadow:0 4px 36px -8px #6d6d6d3a;border-radius:8px!important;margin:0 8px}:host .header{border-bottom:1px solid #d6d6d6;padding:8px}:host .header .title{color:#4b4a53;font-style:normal;font-size:14px;line-height:16px;font-weight:500;text-align:left}:host .header .close{cursor:pointer;border-radius:120px;padding:4px}:host .header .close:hover{background-color:#6d6d6d0c}:host .box-loaing{display:flex;flex-direction:column;gap:12px}:host .footer ::ng-deep monkey-button{width:100%}:host .footer ::ng-deep monkey-button button{width:100%}:host .loading:empty{margin-top:4px;height:24px;width:100%}:host .loading:empty{animation:loading 1.1s infinite linear;background:#ebebeb;background-image:linear-gradient(to right,#ebebeb 0%,#f2f3f5 20%,#ebebeb 40%,#ebebeb 100%);background-repeat:no-repeat}@keyframes loading{0%{background-position:-100px}to{background-position:500px}}.close-menu{display:flex;flex-direction:column;background:#fafafa;border:1px solid #d6d6d6;box-sizing:border-box;box-shadow:0 4px 36px -8px #6d6d6d3a;border-radius:8px!important;margin:0 8px;padding:8px}.close-menu ::ng-deep monkey-button{width:100%}.close-menu ::ng-deep monkey-button button{width:100%}\n"] }]