@progressio_resources/gravity-design-system 2.3.3 → 2.4.0

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 (15) hide show
  1. package/esm2022/lib/components/gravity-calendar/gravity-calendar.component.mjs +31 -103
  2. package/esm2022/lib/components/gravity-checkbox/gravity-checkbox.component.mjs +20 -10
  3. package/esm2022/lib/components/gravity-stepper/gravity-stepper.component.mjs +2 -2
  4. package/esm2022/lib/components/gravity-switch/gravity-switch.component.mjs +13 -6
  5. package/esm2022/lib/gravity-design-system.module.mjs +6 -5
  6. package/fesm2022/progressio_resources-gravity-design-system.mjs +67 -250
  7. package/fesm2022/progressio_resources-gravity-design-system.mjs.map +1 -1
  8. package/lib/components/gravity-calendar/gravity-calendar.component.d.ts +16 -30
  9. package/lib/components/gravity-checkbox/gravity-checkbox.component.d.ts +13 -8
  10. package/lib/components/gravity-switch/gravity-switch.component.d.ts +5 -4
  11. package/lib/gravity-design-system.module.d.ts +16 -16
  12. package/package.json +2 -1
  13. package/src/lib/styles/components/_datepicker.scss +122 -70
  14. package/esm2022/lib/components/gravity-calendar/gravity-month-picker/gravity-month-picker.component.mjs +0 -136
  15. package/lib/components/gravity-calendar/gravity-month-picker/gravity-month-picker.component.d.ts +0 -40
package/esm2022/lib/components/gravity-calendar/gravity-calendar.component.mjs CHANGED
@@ -1,121 +1,60 @@
1
- import { Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';
1
+ import { Component, EventEmitter, Input, Output } from '@angular/core';
2
2
  import * as i0 from "@angular/core";
3
- import * as i1 from "@angular/common";
4
- import * as i2 from "@ng-bootstrap/ng-bootstrap";
3
+ import * as i1 from "ngx-bootstrap/datepicker";
4
+ import * as i2 from "@angular/common";
5
5
  import * as i3 from "../gravity-icon/gravity-icon.component";
6
- import * as i4 from "./gravity-month-picker/gravity-month-picker.component";
7
6
  export class GravityCalendarComponent {
8
7
  constructor() {
9
8
  this.calendarResponse = new EventEmitter();
10
- this.calendarType = 'date';
9
+ this.calendarType = 'day';
11
10
  this.currentLang = 'en';
12
11
  this.state = "enabled";
13
12
  this.supportTextType = "neutro";
14
- this.calendarOpened = false;
13
+ this.bsDatepickerConfig = {
14
+ containerClass: 'gravity-datepicker-dialog',
15
+ isAnimated: true,
16
+ selectFromOtherMonth: true,
17
+ showWeekNumbers: false
18
+ };
15
19
  this.focusInput = false;
16
- this.selectedDateInput = '';
17
- this.customDateFlag = '';
20
+ let milliseconds = new Date().getTime();
21
+ let randomNumber = Math.random() * 10;
22
+ this.elementId = '' + (milliseconds * randomNumber / 2);
18
23
  }
19
24
  ngOnChanges(changes) {
20
- if (this.datesConfig) {
21
- if (this.datesConfig.defaultDays) {
22
- let dateWithoutDays = new Date(new Date().setDate(new Date().getDate() - this.datesConfig.defaultDays));
23
- this.focusCustomDate(dateWithoutDays);
25
+ if (changes['datesConfig']) {
26
+ if (changes['datesConfig'].currentValue.defaultDays) {
27
+ this.selectedDate = new Date(new Date().setDate(new Date().getDate() - changes['datesConfig'].currentValue.defaultDays));
24
28
  }
25
- if (this.datesConfig.customDate) {
26
- let date = this.datesConfig.customDate == 'today' ? (new Date()) : this.datesConfig.customDate;
27
- this.focusCustomDate(date);
29
+ if (changes['datesConfig'].currentValue.customDate) {
30
+ this.selectedDate = changes['datesConfig'].currentValue.customDate == 'today' ? new Date() : changes['datesConfig'].currentValue.customDate;
28
31
  }
29
- if (this.datesConfig.minDate) {
30
- this.minDate = GravityCalendarComponent.formatDateToNgbDateStruct(this.datesConfig.minDate);
32
+ if (changes['datesConfig'].currentValue.minDate) {
33
+ this.minDate = changes['datesConfig'].currentValue.minDate;
31
34
  }
32
- if (this.datesConfig.maxDate) {
33
- let date = this.datesConfig.maxDate == 'today' ? (new Date()) : this.datesConfig.maxDate;
34
- this.maxDate = GravityCalendarComponent.formatDateToNgbDateStruct(date);
35
+ if (changes['datesConfig'].currentValue.maxDate) {
36
+ this.maxDate = changes['datesConfig'].currentValue.maxDate == 'today' ? new Date() : changes['datesConfig'].currentValue.maxDate;
35
37
  }
36
38
  }
37
39
  }
38
- ngAfterViewInit() {
39
- this.changeDateManually();
40
- }
41
40
  updateSelectedDate($event) {
42
- this.selectedDateInput = GravityCalendarComponent.formatNgbDate($event);
43
- this.selectedDate = GravityCalendarComponent.convertNgbDateToDate($event);
44
- this.datepickerInput.nativeElement.value = this.selectedDateInput;
41
+ this.selectedDate = $event;
45
42
  this.calendarResponse.emit(this.selectedDate);
46
43
  }
47
- focusCustomDate(customDate) {
48
- this.selectedDateInput = GravityCalendarComponent.formatTSDate(customDate);
49
- this.selectedDate = customDate;
50
- this.customDateFlag = customDate.getUTCFullYear() + '-' + (customDate.getUTCMonth() + 1) + '-' + customDate.getUTCDate();
51
- }
52
44
  resetCalendar(newDate) {
53
- this.focusCustomDate(newDate);
54
- this.changeDateManually();
55
- }
56
- changeDateManually() {
57
- if (this.customDateFlag) {
58
- this.datePicker.manualDateChange(this.customDateFlag, true);
59
- this.datepickerInput.nativeElement.value = this.selectedDateInput;
60
- this.customDateFlag = undefined;
61
- this.calendarResponse.emit(this.selectedDate);
62
- }
63
- }
64
- static formatNgbDate(ngbDate) {
65
- if (!ngbDate) {
66
- return null;
67
- }
68
- return [
69
- (ngbDate.month < 10 ? ('0' + ngbDate.month) : ngbDate.month),
70
- (ngbDate.day < 10 ? ('0' + ngbDate.day) : ngbDate.day),
71
- ngbDate.year
72
- ].join('/');
73
- }
74
- static formatMonthDate(monthDate) {
75
- if (!monthDate) {
76
- return null;
77
- }
78
- return [
79
- (monthDate.month < 10 ? ('0' + monthDate.month) : monthDate.month),
80
- monthDate.year
81
- ].join('/');
82
- }
83
- static formatTSDate(date) {
84
- if (!date) {
85
- return null;
86
- }
87
- return [
88
- ((date.getUTCMonth() + 1) < 10 ? ('0' + (date.getUTCMonth() + 1)) : (date.getUTCMonth() + 1)),
89
- (date.getUTCDate() < 10 ? ('0' + date.getUTCDate()) : date.getUTCDate()),
90
- date.getUTCFullYear()
91
- ].join('/');
92
- }
93
- static formatDateToNgbDateStruct(date) {
94
- let object = {};
95
- object.year = date.getUTCFullYear();
96
- object.month = (date.getUTCMonth() + 1);
97
- object.day = date.getUTCDate();
98
- return object;
99
- }
100
- static convertNgbDateToDate(date) {
101
- return new Date(date.year, (date.month - 1), date.day);
102
- }
103
- static convertMonthDateToDate(date) {
104
- return new Date(date.year, (date.month - 1));
105
- }
106
- handleMonthPickerResponse(response) {
107
- this.selectedDateInput = GravityCalendarComponent.formatMonthDate(response);
108
- this.selectedDate = GravityCalendarComponent.convertMonthDateToDate(response);
109
- this.monthPickerInput.nativeElement.value = this.selectedDateInput;
45
+ this.selectedDate = newDate;
110
46
  this.calendarResponse.emit(this.selectedDate);
111
47
  }
48
+ getBsDatepickerContainer() {
49
+ return '.gravity-calendar-field[elementId="' + this.elementId + '"]';
50
+ }
112
51
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityCalendarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
113
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityCalendarComponent, selector: "gravity-calendar", inputs: { calendarType: "calendarType", currentLang: "currentLang", cypressTag: "cypressTag", datesConfig: "datesConfig", label: "label", monthConfig: "monthConfig", required: "required", state: "state", supportTextContent: "supportTextContent", supportTextType: "supportTextType" }, outputs: { calendarResponse: "response" }, viewQueries: [{ propertyName: "datePicker", first: true, predicate: ["datePicker"], descendants: true }, { propertyName: "datepickerInput", first: true, predicate: ["datepickerInput"], descendants: true }, { propertyName: "monthPickerInput", first: true, predicate: ["monthPickerInput"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<label class=\"hr-body-text sm-regular {{state}}\" [class.empty]=\"!selectedDate && !focusInput && !calendarOpened\"\n [class.focused]=\"focusInput || calendarOpened\"\n [class.full-input]=\"selectedDate && !focusInput && !calendarOpened\">\n {{label}}\n <ng-container *ngIf=\"required\">\n <ng-container *ngIf=\"currentLang == 'es'\">- Requerido <span class=\"text-negative\">*</span></ng-container>\n <ng-container *ngIf=\"currentLang == 'en'\">- Required <span class=\"text-negative\">*</span></ng-container>\n </ng-container>\n <ng-container *ngIf=\"state == 'readonly'\">\n <ng-container *ngIf=\"currentLang == 'es'\">- S\u00F3lo lectura</ng-container>\n <ng-container *ngIf=\"currentLang == 'en'\">- Readonly</ng-container>\n </ng-container>\n <ng-container *ngIf=\"state == 'disabled'\">\n <ng-container *ngIf=\"currentLang == 'es'\">- Deshabilitado</ng-container>\n <ng-container *ngIf=\"currentLang == 'en'\">- Disabled</ng-container>\n </ng-container>\n</label>\n<div class=\"gravity-calendar-field {{state}}\" [class.empty]=\"!selectedDate && !focusInput && !calendarOpened\"\n [class.focused]=\"focusInput || calendarOpened\" [class.full-input]=\"selectedDate && !focusInput && !calendarOpened\">\n <gravity-icon class=\"placement-left\" [hoverIcon]=\"false\" [iconName]=\"'calendar'\" [size]=\"'sm'\"></gravity-icon>\n <ng-container *ngIf=\"calendarType == 'date'\">\n <input [attr.data-cy]=\"cypressTag\"\n [disabled]=\"state == 'disabled' ? true : null\"\n [readonly]=\"state != 'disabled' ? true : null\"\n\n (blur)=\"focusInput = false\"\n (closed)=\"calendarOpened = false\"\n (dateSelect)=\"updateSelectedDate($event)\"\n (focus)=\"focusInput = true\"\n\n class=\"hr-label md-regular\"\n ngbDatepicker\n placeholder=\"Select your date\"\n\n [container]=\"'body'\"\n [datepickerClass]=\"'gravity-datepicker-dialog'\"\n [maxDate]=\"maxDate ? maxDate : null\"\n [minDate]=\"minDate ? minDate : null\"\n [navigation]=\"'arrows'\"\n [showWeekNumbers]=\"true\"\n\n #datepickerInput\n #datePicker=\"ngbDatepicker\">\n <span (click)=\"datePicker.open(); calendarOpened = true\" *ngIf=\"!calendarOpened && state == 'enabled'\"></span>\n <span (click)=\"datePicker.close(); calendarOpened = false\" *ngIf=\"calendarOpened && state == 'enabled'\"></span>\n </ng-container>\n <ng-container *ngIf=\"calendarType == 'month'\">\n <input [attr.data-cy]=\"cypressTag\"\n [disabled]=\"state == 'disabled' ? true : null\"\n [readonly]=\"state != 'disabled' ? true : null\"\n\n (blur)=\"focusInput = false\"\n (focus)=\"focusInput = true\"\n\n class=\"hr-label md-regular\"\n placeholder=\"Select your month\"\n\n #monthPickerInput>\n <span (click)=\"$event.stopPropagation(); gravityMonthPicker.showCalendar(); calendarOpened = true\"\n *ngIf=\"!calendarOpened && state == 'enabled'\"></span>\n <span (click)=\"$event.stopPropagation(); gravityMonthPicker.hideCalendar(); calendarOpened = false\"\n *ngIf=\"calendarOpened && state == 'enabled'\"></span>\n <gravity-month-picker #gravityMonthPicker\n\n [currentLang]=\"currentLang\"\n [monthConfig]=\"monthConfig\"\n\n (click)=\"$event.stopPropagation()\"\n (closeCalendar)=\"calendarOpened = false\"\n (monthSelected)=\"handleMonthPickerResponse($event)\"></gravity-month-picker>\n </ng-container>\n</div>\n<p class=\"hr-body-text sm-regular support-text text-{{supportTextType}}\" *ngIf=\"supportTextContent\">\n {{supportTextContent}}\n</p>\n", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}.text-negative{color:var(--negative-primary)}.text-neutro{color:var(--text-primary)}.text-positive{color:var(--positive-primary)}.support-text{margin-left:0;margin-top:.3125rem;padding-inline:1rem}:host{display:block}label{color:var(--text-field-label-color);margin-inline:1rem}label.empty.enabled{--text-field-label-color: var(--label-text-empty-enabled-primary)}label.empty.disabled{--text-field-label-color: var(--label-text-empty-disabled-primary)}label.full-input.enabled{--text-field-label-color: var(--label-text-full-enabled-primary)}label.full-input.disabled{--text-field-label-color: var(--label-text-full-disabled-primary)}label.full-input.readonly{--text-field-label-color: var(--label-text-full-read-only-primary)}label.focused{--text-field-label-color: var(--label-text-full-enabled-pressed-primary)}.gravity-calendar-field{align-items:center;background-color:var(--text-field-input-field-background-color);border:1px solid var(--text-field-input-field-border-color);border-radius:.625rem;display:flex;height:3rem;max-height:3rem;min-height:1.5rem;padding:.75rem 1rem;position:relative}.gravity-calendar-field gravity-icon.placement-left{margin-right:.5rem}.gravity-calendar-field input{background-color:transparent;border:none;box-shadow:none;color:var(--text-field-input-field-input-color);line-height:0;outline:none;padding:0;width:100%}.gravity-calendar-field input::placeholder{color:var(--text-field-input-field-placeholder-color)}.gravity-calendar-field span{cursor:pointer;height:100%;left:0;position:absolute;width:100%}.gravity-calendar-field.empty.enabled{--text-field-input-field-background-color: var(--bg-field-empty-enabled-primary);--text-field-input-field-border-color: var(--outline-field-empty-enabled-primary);--text-field-input-field-input-color: var(--placeholder-empty-enabled-primary);--text-field-input-field-placeholder-color: var(--placeholder-empty-enabled-primary)}.gravity-calendar-field.empty.enabled:hover{--text-field-input-field-background-color: var(--bg-field-empty-enabled-hover-primary)}.gravity-calendar-field.empty.disabled{--text-field-input-field-background-color: var(--bg-field-empty-disabled-primary);--text-field-input-field-border-color: var(--bg-field-empty-disabled-primary);--text-field-input-field-input-color: var(--placeholder-empty-disabled-primary);--text-field-input-field-placeholder-color: var(--placeholder-empty-disabled-primary)}.gravity-calendar-field.empty.disabled gravity-icon{--icon-color: var(--placeholder-empty-disabled-primary)}.gravity-calendar-field.full-input.enabled{--text-field-input-field-background-color: var(--bg-field-full-enabled-primary);--text-field-input-field-border-color: var(--outline-field-full-enabled-primary);--text-field-input-field-input-color: var(--input-text-full-enabled-primary)}.gravity-calendar-field.full-input.enabled:hover{--text-field-input-field-background-color: var(--bg-field-full-enabled-hover-primary)}.gravity-calendar-field.full-input.disabled{--text-field-input-field-background-color: var(--bg-field-full-disabled-primary);--text-field-input-field-border-color: var(--bg-field-full-disabled-primary);--text-field-input-field-input-color: var(--input-text-full-disabled-primary)}.gravity-calendar-field.full-input.disabled gravity-icon{--icon-color: var(--input-text-full-disabled-primary)}.gravity-calendar-field.readonly{--text-field-input-field-background-color: var(--bg-field-full-read-only-primary);--text-field-input-field-border-color: var(--bg-field-full-read-only-primary);--text-field-input-field-input-color: var(--input-text-full-read-only-primary)}.gravity-calendar-field.readonly gravity-icon{--icon-color: var(--input-text-full-read-only-primary)}.gravity-calendar-field.focused:not(.readonly){--text-field-input-field-background-color: var(--bg-field-full-enabled-pressed-primary);--text-field-input-field-border-color: var(--outline-field-full-enabled-pressed-primary);--text-field-input-field-input-color: var(--placeholder-full-enabled-pressed-primary)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgbInputDatepicker, selector: "input[ngbDatepicker]", inputs: ["autoClose", "contentTemplate", "datepickerClass", "dayTemplate", "dayTemplateData", "displayMonths", "firstDayOfWeek", "footerTemplate", "markDisabled", "minDate", "maxDate", "navigation", "outsideDays", "placement", "popperOptions", "restoreFocus", "showWeekNumbers", "startDate", "container", "positionTarget", "weekdays", "disabled"], outputs: ["dateSelect", "navigate", "closed"], exportAs: ["ngbDatepicker"] }, { kind: "component", type: i3.GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "hoverIcon", "size"] }, { kind: "component", type: i4.GravityMonthPickerComponent, selector: "gravity-month-picker", inputs: ["currentLang", "monthConfig"], outputs: ["closeCalendar", "monthSelected"] }] }); }
52
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityCalendarComponent, selector: "gravity-calendar", inputs: { calendarType: "calendarType", currentLang: "currentLang", cypressTag: "cypressTag", datesConfig: "datesConfig", label: "label", required: "required", state: "state", supportTextContent: "supportTextContent", supportTextType: "supportTextType" }, outputs: { calendarResponse: "response" }, usesOnChanges: true, ngImport: i0, template: "<label class=\"hr-body-text sm-regular {{state}}\" [class.empty]=\"!selectedDate && !focusInput\"\n [class.focused]=\"focusInput\" [class.full-input]=\"selectedDate && !focusInput\">\n {{label}}\n <ng-container *ngIf=\"required\">\n <ng-container *ngIf=\"currentLang == 'es'\">- Requerido <span class=\"text-negative\">*</span></ng-container>\n <ng-container *ngIf=\"currentLang == 'en'\">- Required <span class=\"text-negative\">*</span></ng-container>\n </ng-container>\n <ng-container *ngIf=\"state == 'readonly'\">\n <ng-container *ngIf=\"currentLang == 'es'\">- S\u00F3lo lectura</ng-container>\n <ng-container *ngIf=\"currentLang == 'en'\">- Readonly</ng-container>\n </ng-container>\n <ng-container *ngIf=\"state == 'disabled'\">\n <ng-container *ngIf=\"currentLang == 'es'\">- Deshabilitado</ng-container>\n <ng-container *ngIf=\"currentLang == 'en'\">- Disabled</ng-container>\n </ng-container>\n</label>\n<div class=\"gravity-calendar-field {{state}}\" [class.empty]=\"!selectedDate && !focusInput\"\n [class.focused]=\"focusInput\" [class.full-input]=\"selectedDate && !focusInput\" [attr.elementId]=\"elementId\">\n <gravity-icon class=\"placement-left\" [hoverIcon]=\"false\" [iconName]=\"'calendar'\" [size]=\"'sm'\"></gravity-icon>\n <input [attr.data-cy]=\"cypressTag\"\n [disabled]=\"state != 'enabled' ? true : null\"\n\n [style.cursor]=\"state == 'enabled' ? 'pointer' : 'text'\"\n\n (blur)=\"focusInput = false\"\n (bsValueChange)=\"updateSelectedDate($event)\"\n (focus)=\"focusInput = true\"\n (onHidden)=\"focusInput = false\"\n\n class=\"hr-label md-regular\"\n bsDatepicker\n placeholder=\"Select your {{calendarType == 'day' ? 'date' : 'month'}}\"\n\n [bsConfig]=\"bsDatepickerConfig\"\n [container]=\"getBsDatepickerContainer()\"\n [maxDate]=\"maxDate ? maxDate : null\"\n [minDate]=\"minDate ? minDate : null\"\n [minMode]=\"calendarType\"\n\n [(bsValue)]=\"selectedDate\">\n</div>\n<p class=\"hr-body-text sm-regular support-text text-{{supportTextType}}\" *ngIf=\"supportTextContent\">\n {{supportTextContent}}\n</p>\n", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}.text-negative{color:var(--negative-primary)}.text-neutro{color:var(--text-primary)}.text-positive{color:var(--positive-primary)}.support-text{margin-left:0;margin-top:.3125rem;padding-inline:1rem}:host{display:block}label{color:var(--text-field-label-color);margin-inline:1rem}label.empty.enabled{--text-field-label-color: var(--label-text-empty-enabled-primary)}label.empty.disabled{--text-field-label-color: var(--label-text-empty-disabled-primary)}label.full-input.enabled{--text-field-label-color: var(--label-text-full-enabled-primary)}label.full-input.disabled{--text-field-label-color: var(--label-text-full-disabled-primary)}label.full-input.readonly{--text-field-label-color: var(--label-text-full-read-only-primary)}label.focused{--text-field-label-color: var(--label-text-full-enabled-pressed-primary)}.gravity-calendar-field{align-items:center;background-color:var(--text-field-input-field-background-color);border:1px solid var(--text-field-input-field-border-color);border-radius:.625rem;display:flex;height:3rem;max-height:3rem;min-height:1.5rem;padding:.75rem 1rem;position:relative}.gravity-calendar-field gravity-icon.placement-left{margin-right:.5rem}.gravity-calendar-field input{background-color:transparent;border:none;box-shadow:none;color:var(--text-field-input-field-input-color);line-height:0;outline:none;padding:0;width:100%}.gravity-calendar-field input::placeholder{color:var(--text-field-input-field-placeholder-color)}.gravity-calendar-field span{cursor:pointer;height:100%;left:0;position:absolute;width:100%}.gravity-calendar-field.empty.enabled{--text-field-input-field-background-color: var(--bg-field-empty-enabled-primary);--text-field-input-field-border-color: var(--outline-field-empty-enabled-primary);--text-field-input-field-input-color: var(--placeholder-empty-enabled-primary);--text-field-input-field-placeholder-color: var(--placeholder-empty-enabled-primary)}.gravity-calendar-field.empty.enabled:hover{--text-field-input-field-background-color: var(--bg-field-empty-enabled-hover-primary)}.gravity-calendar-field.empty.disabled{--text-field-input-field-background-color: var(--bg-field-empty-disabled-primary);--text-field-input-field-border-color: var(--bg-field-empty-disabled-primary);--text-field-input-field-input-color: var(--placeholder-empty-disabled-primary);--text-field-input-field-placeholder-color: var(--placeholder-empty-disabled-primary)}.gravity-calendar-field.empty.disabled gravity-icon{--icon-color: var(--placeholder-empty-disabled-primary)}.gravity-calendar-field.full-input.enabled{--text-field-input-field-background-color: var(--bg-field-full-enabled-primary);--text-field-input-field-border-color: var(--outline-field-full-enabled-primary);--text-field-input-field-input-color: var(--input-text-full-enabled-primary)}.gravity-calendar-field.full-input.enabled:hover{--text-field-input-field-background-color: var(--bg-field-full-enabled-hover-primary)}.gravity-calendar-field.full-input.disabled{--text-field-input-field-background-color: var(--bg-field-full-disabled-primary);--text-field-input-field-border-color: var(--bg-field-full-disabled-primary);--text-field-input-field-input-color: var(--input-text-full-disabled-primary)}.gravity-calendar-field.full-input.disabled gravity-icon{--icon-color: var(--input-text-full-disabled-primary)}.gravity-calendar-field.readonly{--text-field-input-field-background-color: var(--bg-field-full-read-only-primary);--text-field-input-field-border-color: var(--bg-field-full-read-only-primary);--text-field-input-field-input-color: var(--input-text-full-read-only-primary)}.gravity-calendar-field.readonly gravity-icon{--icon-color: var(--input-text-full-read-only-primary)}.gravity-calendar-field.focused:not(.readonly){--text-field-input-field-background-color: var(--bg-field-full-enabled-pressed-primary);--text-field-input-field-border-color: var(--outline-field-full-enabled-pressed-primary);--text-field-input-field-input-color: var(--placeholder-full-enabled-pressed-primary)}\n"], dependencies: [{ kind: "directive", type: i1.BsDatepickerDirective, selector: "[bsDatepicker]", inputs: ["placement", "triggers", "outsideClick", "container", "outsideEsc", "isDisabled", "minDate", "maxDate", "minMode", "daysDisabled", "datesDisabled", "datesEnabled", "dateCustomClasses", "dateTooltipTexts", "isOpen", "bsValue", "bsConfig"], outputs: ["onShown", "onHidden", "bsValueChange"], exportAs: ["bsDatepicker"] }, { kind: "directive", type: i1.BsDatepickerInputDirective, selector: "input[bsDatepicker]" }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "hoverIcon", "size"] }] }); }
114
53
  }
115
54
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityCalendarComponent, decorators: [{
116
55
  type: Component,
117
- args: [{ selector: 'gravity-calendar', template: "<label class=\"hr-body-text sm-regular {{state}}\" [class.empty]=\"!selectedDate && !focusInput && !calendarOpened\"\n [class.focused]=\"focusInput || calendarOpened\"\n [class.full-input]=\"selectedDate && !focusInput && !calendarOpened\">\n {{label}}\n <ng-container *ngIf=\"required\">\n <ng-container *ngIf=\"currentLang == 'es'\">- Requerido <span class=\"text-negative\">*</span></ng-container>\n <ng-container *ngIf=\"currentLang == 'en'\">- Required <span class=\"text-negative\">*</span></ng-container>\n </ng-container>\n <ng-container *ngIf=\"state == 'readonly'\">\n <ng-container *ngIf=\"currentLang == 'es'\">- S\u00F3lo lectura</ng-container>\n <ng-container *ngIf=\"currentLang == 'en'\">- Readonly</ng-container>\n </ng-container>\n <ng-container *ngIf=\"state == 'disabled'\">\n <ng-container *ngIf=\"currentLang == 'es'\">- Deshabilitado</ng-container>\n <ng-container *ngIf=\"currentLang == 'en'\">- Disabled</ng-container>\n </ng-container>\n</label>\n<div class=\"gravity-calendar-field {{state}}\" [class.empty]=\"!selectedDate && !focusInput && !calendarOpened\"\n [class.focused]=\"focusInput || calendarOpened\" [class.full-input]=\"selectedDate && !focusInput && !calendarOpened\">\n <gravity-icon class=\"placement-left\" [hoverIcon]=\"false\" [iconName]=\"'calendar'\" [size]=\"'sm'\"></gravity-icon>\n <ng-container *ngIf=\"calendarType == 'date'\">\n <input [attr.data-cy]=\"cypressTag\"\n [disabled]=\"state == 'disabled' ? true : null\"\n [readonly]=\"state != 'disabled' ? true : null\"\n\n (blur)=\"focusInput = false\"\n (closed)=\"calendarOpened = false\"\n (dateSelect)=\"updateSelectedDate($event)\"\n (focus)=\"focusInput = true\"\n\n class=\"hr-label md-regular\"\n ngbDatepicker\n placeholder=\"Select your date\"\n\n [container]=\"'body'\"\n [datepickerClass]=\"'gravity-datepicker-dialog'\"\n [maxDate]=\"maxDate ? maxDate : null\"\n [minDate]=\"minDate ? minDate : null\"\n [navigation]=\"'arrows'\"\n [showWeekNumbers]=\"true\"\n\n #datepickerInput\n #datePicker=\"ngbDatepicker\">\n <span (click)=\"datePicker.open(); calendarOpened = true\" *ngIf=\"!calendarOpened && state == 'enabled'\"></span>\n <span (click)=\"datePicker.close(); calendarOpened = false\" *ngIf=\"calendarOpened && state == 'enabled'\"></span>\n </ng-container>\n <ng-container *ngIf=\"calendarType == 'month'\">\n <input [attr.data-cy]=\"cypressTag\"\n [disabled]=\"state == 'disabled' ? true : null\"\n [readonly]=\"state != 'disabled' ? true : null\"\n\n (blur)=\"focusInput = false\"\n (focus)=\"focusInput = true\"\n\n class=\"hr-label md-regular\"\n placeholder=\"Select your month\"\n\n #monthPickerInput>\n <span (click)=\"$event.stopPropagation(); gravityMonthPicker.showCalendar(); calendarOpened = true\"\n *ngIf=\"!calendarOpened && state == 'enabled'\"></span>\n <span (click)=\"$event.stopPropagation(); gravityMonthPicker.hideCalendar(); calendarOpened = false\"\n *ngIf=\"calendarOpened && state == 'enabled'\"></span>\n <gravity-month-picker #gravityMonthPicker\n\n [currentLang]=\"currentLang\"\n [monthConfig]=\"monthConfig\"\n\n (click)=\"$event.stopPropagation()\"\n (closeCalendar)=\"calendarOpened = false\"\n (monthSelected)=\"handleMonthPickerResponse($event)\"></gravity-month-picker>\n </ng-container>\n</div>\n<p class=\"hr-body-text sm-regular support-text text-{{supportTextType}}\" *ngIf=\"supportTextContent\">\n {{supportTextContent}}\n</p>\n", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}.text-negative{color:var(--negative-primary)}.text-neutro{color:var(--text-primary)}.text-positive{color:var(--positive-primary)}.support-text{margin-left:0;margin-top:.3125rem;padding-inline:1rem}:host{display:block}label{color:var(--text-field-label-color);margin-inline:1rem}label.empty.enabled{--text-field-label-color: var(--label-text-empty-enabled-primary)}label.empty.disabled{--text-field-label-color: var(--label-text-empty-disabled-primary)}label.full-input.enabled{--text-field-label-color: var(--label-text-full-enabled-primary)}label.full-input.disabled{--text-field-label-color: var(--label-text-full-disabled-primary)}label.full-input.readonly{--text-field-label-color: var(--label-text-full-read-only-primary)}label.focused{--text-field-label-color: var(--label-text-full-enabled-pressed-primary)}.gravity-calendar-field{align-items:center;background-color:var(--text-field-input-field-background-color);border:1px solid var(--text-field-input-field-border-color);border-radius:.625rem;display:flex;height:3rem;max-height:3rem;min-height:1.5rem;padding:.75rem 1rem;position:relative}.gravity-calendar-field gravity-icon.placement-left{margin-right:.5rem}.gravity-calendar-field input{background-color:transparent;border:none;box-shadow:none;color:var(--text-field-input-field-input-color);line-height:0;outline:none;padding:0;width:100%}.gravity-calendar-field input::placeholder{color:var(--text-field-input-field-placeholder-color)}.gravity-calendar-field span{cursor:pointer;height:100%;left:0;position:absolute;width:100%}.gravity-calendar-field.empty.enabled{--text-field-input-field-background-color: var(--bg-field-empty-enabled-primary);--text-field-input-field-border-color: var(--outline-field-empty-enabled-primary);--text-field-input-field-input-color: var(--placeholder-empty-enabled-primary);--text-field-input-field-placeholder-color: var(--placeholder-empty-enabled-primary)}.gravity-calendar-field.empty.enabled:hover{--text-field-input-field-background-color: var(--bg-field-empty-enabled-hover-primary)}.gravity-calendar-field.empty.disabled{--text-field-input-field-background-color: var(--bg-field-empty-disabled-primary);--text-field-input-field-border-color: var(--bg-field-empty-disabled-primary);--text-field-input-field-input-color: var(--placeholder-empty-disabled-primary);--text-field-input-field-placeholder-color: var(--placeholder-empty-disabled-primary)}.gravity-calendar-field.empty.disabled gravity-icon{--icon-color: var(--placeholder-empty-disabled-primary)}.gravity-calendar-field.full-input.enabled{--text-field-input-field-background-color: var(--bg-field-full-enabled-primary);--text-field-input-field-border-color: var(--outline-field-full-enabled-primary);--text-field-input-field-input-color: var(--input-text-full-enabled-primary)}.gravity-calendar-field.full-input.enabled:hover{--text-field-input-field-background-color: var(--bg-field-full-enabled-hover-primary)}.gravity-calendar-field.full-input.disabled{--text-field-input-field-background-color: var(--bg-field-full-disabled-primary);--text-field-input-field-border-color: var(--bg-field-full-disabled-primary);--text-field-input-field-input-color: var(--input-text-full-disabled-primary)}.gravity-calendar-field.full-input.disabled gravity-icon{--icon-color: var(--input-text-full-disabled-primary)}.gravity-calendar-field.readonly{--text-field-input-field-background-color: var(--bg-field-full-read-only-primary);--text-field-input-field-border-color: var(--bg-field-full-read-only-primary);--text-field-input-field-input-color: var(--input-text-full-read-only-primary)}.gravity-calendar-field.readonly gravity-icon{--icon-color: var(--input-text-full-read-only-primary)}.gravity-calendar-field.focused:not(.readonly){--text-field-input-field-background-color: var(--bg-field-full-enabled-pressed-primary);--text-field-input-field-border-color: var(--outline-field-full-enabled-pressed-primary);--text-field-input-field-input-color: var(--placeholder-full-enabled-pressed-primary)}\n"] }]
118
- }], propDecorators: { calendarResponse: [{
56
+ args: [{ selector: 'gravity-calendar', template: "<label class=\"hr-body-text sm-regular {{state}}\" [class.empty]=\"!selectedDate && !focusInput\"\n [class.focused]=\"focusInput\" [class.full-input]=\"selectedDate && !focusInput\">\n {{label}}\n <ng-container *ngIf=\"required\">\n <ng-container *ngIf=\"currentLang == 'es'\">- Requerido <span class=\"text-negative\">*</span></ng-container>\n <ng-container *ngIf=\"currentLang == 'en'\">- Required <span class=\"text-negative\">*</span></ng-container>\n </ng-container>\n <ng-container *ngIf=\"state == 'readonly'\">\n <ng-container *ngIf=\"currentLang == 'es'\">- S\u00F3lo lectura</ng-container>\n <ng-container *ngIf=\"currentLang == 'en'\">- Readonly</ng-container>\n </ng-container>\n <ng-container *ngIf=\"state == 'disabled'\">\n <ng-container *ngIf=\"currentLang == 'es'\">- Deshabilitado</ng-container>\n <ng-container *ngIf=\"currentLang == 'en'\">- Disabled</ng-container>\n </ng-container>\n</label>\n<div class=\"gravity-calendar-field {{state}}\" [class.empty]=\"!selectedDate && !focusInput\"\n [class.focused]=\"focusInput\" [class.full-input]=\"selectedDate && !focusInput\" [attr.elementId]=\"elementId\">\n <gravity-icon class=\"placement-left\" [hoverIcon]=\"false\" [iconName]=\"'calendar'\" [size]=\"'sm'\"></gravity-icon>\n <input [attr.data-cy]=\"cypressTag\"\n [disabled]=\"state != 'enabled' ? true : null\"\n\n [style.cursor]=\"state == 'enabled' ? 'pointer' : 'text'\"\n\n (blur)=\"focusInput = false\"\n (bsValueChange)=\"updateSelectedDate($event)\"\n (focus)=\"focusInput = true\"\n (onHidden)=\"focusInput = false\"\n\n class=\"hr-label md-regular\"\n bsDatepicker\n placeholder=\"Select your {{calendarType == 'day' ? 'date' : 'month'}}\"\n\n [bsConfig]=\"bsDatepickerConfig\"\n [container]=\"getBsDatepickerContainer()\"\n [maxDate]=\"maxDate ? maxDate : null\"\n [minDate]=\"minDate ? minDate : null\"\n [minMode]=\"calendarType\"\n\n [(bsValue)]=\"selectedDate\">\n</div>\n<p class=\"hr-body-text sm-regular support-text text-{{supportTextType}}\" *ngIf=\"supportTextContent\">\n {{supportTextContent}}\n</p>\n", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}.text-negative{color:var(--negative-primary)}.text-neutro{color:var(--text-primary)}.text-positive{color:var(--positive-primary)}.support-text{margin-left:0;margin-top:.3125rem;padding-inline:1rem}:host{display:block}label{color:var(--text-field-label-color);margin-inline:1rem}label.empty.enabled{--text-field-label-color: var(--label-text-empty-enabled-primary)}label.empty.disabled{--text-field-label-color: var(--label-text-empty-disabled-primary)}label.full-input.enabled{--text-field-label-color: var(--label-text-full-enabled-primary)}label.full-input.disabled{--text-field-label-color: var(--label-text-full-disabled-primary)}label.full-input.readonly{--text-field-label-color: var(--label-text-full-read-only-primary)}label.focused{--text-field-label-color: var(--label-text-full-enabled-pressed-primary)}.gravity-calendar-field{align-items:center;background-color:var(--text-field-input-field-background-color);border:1px solid var(--text-field-input-field-border-color);border-radius:.625rem;display:flex;height:3rem;max-height:3rem;min-height:1.5rem;padding:.75rem 1rem;position:relative}.gravity-calendar-field gravity-icon.placement-left{margin-right:.5rem}.gravity-calendar-field input{background-color:transparent;border:none;box-shadow:none;color:var(--text-field-input-field-input-color);line-height:0;outline:none;padding:0;width:100%}.gravity-calendar-field input::placeholder{color:var(--text-field-input-field-placeholder-color)}.gravity-calendar-field span{cursor:pointer;height:100%;left:0;position:absolute;width:100%}.gravity-calendar-field.empty.enabled{--text-field-input-field-background-color: var(--bg-field-empty-enabled-primary);--text-field-input-field-border-color: var(--outline-field-empty-enabled-primary);--text-field-input-field-input-color: var(--placeholder-empty-enabled-primary);--text-field-input-field-placeholder-color: var(--placeholder-empty-enabled-primary)}.gravity-calendar-field.empty.enabled:hover{--text-field-input-field-background-color: var(--bg-field-empty-enabled-hover-primary)}.gravity-calendar-field.empty.disabled{--text-field-input-field-background-color: var(--bg-field-empty-disabled-primary);--text-field-input-field-border-color: var(--bg-field-empty-disabled-primary);--text-field-input-field-input-color: var(--placeholder-empty-disabled-primary);--text-field-input-field-placeholder-color: var(--placeholder-empty-disabled-primary)}.gravity-calendar-field.empty.disabled gravity-icon{--icon-color: var(--placeholder-empty-disabled-primary)}.gravity-calendar-field.full-input.enabled{--text-field-input-field-background-color: var(--bg-field-full-enabled-primary);--text-field-input-field-border-color: var(--outline-field-full-enabled-primary);--text-field-input-field-input-color: var(--input-text-full-enabled-primary)}.gravity-calendar-field.full-input.enabled:hover{--text-field-input-field-background-color: var(--bg-field-full-enabled-hover-primary)}.gravity-calendar-field.full-input.disabled{--text-field-input-field-background-color: var(--bg-field-full-disabled-primary);--text-field-input-field-border-color: var(--bg-field-full-disabled-primary);--text-field-input-field-input-color: var(--input-text-full-disabled-primary)}.gravity-calendar-field.full-input.disabled gravity-icon{--icon-color: var(--input-text-full-disabled-primary)}.gravity-calendar-field.readonly{--text-field-input-field-background-color: var(--bg-field-full-read-only-primary);--text-field-input-field-border-color: var(--bg-field-full-read-only-primary);--text-field-input-field-input-color: var(--input-text-full-read-only-primary)}.gravity-calendar-field.readonly gravity-icon{--icon-color: var(--input-text-full-read-only-primary)}.gravity-calendar-field.focused:not(.readonly){--text-field-input-field-background-color: var(--bg-field-full-enabled-pressed-primary);--text-field-input-field-border-color: var(--outline-field-full-enabled-pressed-primary);--text-field-input-field-input-color: var(--placeholder-full-enabled-pressed-primary)}\n"] }]
57
+ }], ctorParameters: function () { return []; }, propDecorators: { calendarResponse: [{
119
58
  type: Output,
120
59
  args: ['response']
121
60
  }], calendarType: [{
@@ -128,8 +67,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
128
67
  type: Input
129
68
  }], label: [{
130
69
  type: Input
131
- }], monthConfig: [{
132
- type: Input
133
70
  }], required: [{
134
71
  type: Input
135
72
  }], state: [{
@@ -138,14 +75,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
138
75
  type: Input
139
76
  }], supportTextType: [{
140
77
  type: Input
141
- }], datePicker: [{
142
- type: ViewChild,
143
- args: ['datePicker', { static: false }]
144
- }], datepickerInput: [{
145
- type: ViewChild,
146
- args: ['datepickerInput', { static: false }]
147
- }], monthPickerInput: [{
148
- type: ViewChild,
149
- args: ['monthPickerInput', { static: false }]
150
78
  }] } });
151
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1jYWxlbmRhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktY2FsZW5kYXIvZ3Jhdml0eS1jYWxlbmRhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktY2FsZW5kYXIvZ3Jhdml0eS1jYWxlbmRhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBRUwsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBRUwsTUFBTSxFQUVOLFNBQVMsRUFDVixNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBU3ZCLE1BQU0sT0FBTyx3QkFBd0I7SUFMckM7UUFNNkIscUJBQWdCLEdBQXVCLElBQUksWUFBWSxFQUFFLENBQUM7UUFFckUsaUJBQVksR0FBcUIsTUFBTSxDQUFDO1FBQ3hDLGdCQUFXLEdBQVcsSUFBSSxDQUFDO1FBZTNCLFVBQUssR0FBd0MsU0FBUyxDQUFDO1FBRXZELG9CQUFlLEdBQXVDLFFBQVEsQ0FBQztRQU14RSxtQkFBYyxHQUFZLEtBQUssQ0FBQztRQUNoQyxlQUFVLEdBQVksS0FBSyxDQUFDO1FBSTVCLHNCQUFpQixHQUFXLEVBQUUsQ0FBQztRQUM5QixtQkFBYyxHQUFXLEVBQUUsQ0FBQztLQW1IckM7SUFqSEMsV0FBVyxDQUFDLE9BQXNCO1FBQ2hDLElBQUksSUFBSSxDQUFDLFdBQVcsRUFBRTtZQUNwQixJQUFJLElBQUksQ0FBQyxXQUFXLENBQUMsV0FBVyxFQUFFO2dCQUNoQyxJQUFJLGVBQWUsR0FBUyxJQUFJLElBQUksQ0FBQyxJQUFJLElBQUksRUFBRSxDQUFDLE9BQU8sQ0FBQyxJQUFJLElBQUksRUFBRSxDQUFDLE9BQU8sRUFBRSxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQztnQkFDOUcsSUFBSSxDQUFDLGVBQWUsQ0FBQyxlQUFlLENBQUMsQ0FBQzthQUN2QztZQUVELElBQUksSUFBSSxDQUFDLFdBQVcsQ0FBQyxVQUFVLEVBQUU7Z0JBQy9CLElBQUksSUFBSSxHQUFTLElBQUksQ0FBQyxXQUFXLENBQUMsVUFBVSxJQUFJLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLElBQUksRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsVUFBVSxDQUFDO2dCQUNyRyxJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxDQUFDO2FBQzVCO1lBRUQsSUFBSSxJQUFJLENBQUMsV0FBVyxDQUFDLE9BQU8sRUFBRTtnQkFDNUIsSUFBSSxDQUFDLE9BQU8sR0FBRyx3QkFBd0IsQ0FBQyx5QkFBeUIsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLE9BQU8sQ0FBQyxDQUFDO2FBQzdGO1lBRUQsSUFBSSxJQUFJLENBQUMsV0FBVyxDQUFDLE9BQU8sRUFBRTtnQkFDNUIsSUFBSSxJQUFJLEdBQVMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxPQUFPLElBQUksT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksSUFBSSxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxPQUFPLENBQUM7Z0JBQy9GLElBQUksQ0FBQyxPQUFPLEdBQUcsd0JBQXdCLENBQUMseUJBQXlCLENBQUMsSUFBSSxDQUFDLENBQUM7YUFDekU7U0FDRjtJQUNILENBQUM7SUFFRCxlQUFlO1FBQ2IsSUFBSSxDQUFDLGtCQUFrQixFQUFFLENBQUM7SUFDNUIsQ0FBQztJQUVELGtCQUFrQixDQUFDLE1BQWU7UUFDaEMsSUFBSSxDQUFDLGlCQUFpQixHQUFHLHdCQUF3QixDQUFDLGFBQWEsQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUN4RSxJQUFJLENBQUMsWUFBWSxHQUFHLHdCQUF3QixDQUFDLG9CQUFvQixDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQzFFLElBQUksQ0FBQyxlQUFlLENBQUMsYUFBYSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsaUJBQWlCLENBQUM7UUFDbEUsSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUM7SUFDaEQsQ0FBQztJQUVELGVBQWUsQ0FBQyxVQUFnQjtRQUM5QixJQUFJLENBQUMsaUJBQWlCLEdBQUcsd0JBQXdCLENBQUMsWUFBWSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBQzNFLElBQUksQ0FBQyxZQUFZLEdBQUcsVUFBVSxDQUFDO1FBQy9CLElBQUksQ0FBQyxjQUFjLEdBQUcsVUFBVSxDQUFDLGNBQWMsRUFBRSxHQUFHLEdBQUcsR0FBRyxDQUFDLFVBQVUsQ0FBQyxXQUFXLEVBQUUsR0FBRyxDQUFDLENBQUMsR0FBRyxHQUFHLEdBQUcsVUFBVSxDQUFDLFVBQVUsRUFBRSxDQUFDO0lBQzNILENBQUM7SUFFRCxhQUFhLENBQUMsT0FBYTtRQUN6QixJQUFJLENBQUMsZUFBZSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQzlCLElBQUksQ0FBQyxrQkFBa0IsRUFBRSxDQUFDO0lBQzVCLENBQUM7SUFFTyxrQkFBa0I7UUFDeEIsSUFBSSxJQUFJLENBQUMsY0FBYyxFQUFFO1lBQ3ZCLElBQUksQ0FBQyxVQUFVLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLGNBQWMsRUFBRSxJQUFJLENBQUMsQ0FBQztZQUM1RCxJQUFJLENBQUMsZUFBZSxDQUFDLGFBQWEsQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLGlCQUFpQixDQUFDO1lBQ2xFLElBQUksQ0FBQyxjQUFjLEdBQUcsU0FBUyxDQUFDO1lBQ2hDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDO1NBQy9DO0lBQ0gsQ0FBQztJQUVPLE1BQU0sQ0FBQyxhQUFhLENBQUMsT0FBZ0I7UUFDM0MsSUFBSSxDQUFDLE9BQU8sRUFBRTtZQUNaLE9BQU8sSUFBSSxDQUFDO1NBQ2I7UUFFRCxPQUFPO1lBQ0wsQ0FBQyxPQUFPLENBQUMsS0FBSyxHQUFHLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxHQUFHLEdBQUcsT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDO1lBQzVELENBQUMsT0FBTyxDQUFDLEdBQUcsR0FBRyxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsR0FBRyxHQUFHLE9BQU8sQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQztZQUN0RCxPQUFPLENBQUMsSUFBSTtTQUNiLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQ2QsQ0FBQztJQUVPLE1BQU0sQ0FBQyxlQUFlLENBQUMsU0FBaUM7UUFDOUQsSUFBSSxDQUFDLFNBQVMsRUFBRTtZQUNkLE9BQU8sSUFBSSxDQUFDO1NBQ2I7UUFFRCxPQUFPO1lBQ0wsQ0FBQyxTQUFTLENBQUMsS0FBSyxHQUFHLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxHQUFHLEdBQUcsU0FBUyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDO1lBQ2xFLFNBQVMsQ0FBQyxJQUFJO1NBQ2YsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDZCxDQUFDO0lBRU8sTUFBTSxDQUFDLFlBQVksQ0FBQyxJQUFVO1FBQ3BDLElBQUksQ0FBQyxJQUFJLEVBQUU7WUFDVCxPQUFPLElBQUksQ0FBQztTQUNiO1FBRUQsT0FBTztZQUNMLENBQUMsQ0FBQyxJQUFJLENBQUMsV0FBVyxFQUFFLEdBQUcsQ0FBQyxDQUFDLEdBQUcsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLEdBQUcsR0FBRyxDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUUsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUUsR0FBRyxDQUFDLENBQUMsQ0FBQztZQUM3RixDQUFDLElBQUksQ0FBQyxVQUFVLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsR0FBRyxHQUFHLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7WUFDeEUsSUFBSSxDQUFDLGNBQWMsRUFBRTtTQUN0QixDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUNkLENBQUM7SUFFTyxNQUFNLENBQUMseUJBQXlCLENBQUMsSUFBVTtRQUNqRCxJQUFJLE1BQU0sR0FBRyxFQUFtQixDQUFDO1FBRWpDLE1BQU0sQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDO1FBQ3BDLE1BQU0sQ0FBQyxLQUFLLEdBQUcsQ0FBQyxJQUFJLENBQUMsV0FBVyxFQUFFLEdBQUcsQ0FBQyxDQUFDLENBQUM7UUFDeEMsTUFBTSxDQUFDLEdBQUcsR0FBRyxJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7UUFFL0IsT0FBTyxNQUFNLENBQUM7SUFDaEIsQ0FBQztJQUVPLE1BQU0sQ0FBQyxvQkFBb0IsQ0FBQyxJQUFhO1FBQy9DLE9BQU8sSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDLElBQUksQ0FBQyxLQUFLLEdBQUcsQ0FBQyxDQUFDLEVBQUUsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQ3pELENBQUM7SUFFTyxNQUFNLENBQUMsc0JBQXNCLENBQUMsSUFBNEI7UUFDaEUsT0FBTyxJQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUMsSUFBSSxDQUFDLEtBQUssR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQy9DLENBQUM7SUFFTSx5QkFBeUIsQ0FBQyxRQUFnQztRQUMvRCxJQUFJLENBQUMsaUJBQWlCLEdBQUcsd0JBQXdCLENBQUMsZUFBZSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBQzVFLElBQUksQ0FBQyxZQUFZLEdBQUcsd0JBQXdCLENBQUMsc0JBQXNCLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDOUUsSUFBSSxDQUFDLGdCQUFnQixDQUFDLGFBQWEsQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLGlCQUFpQixDQUFDO1FBQ25FLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDO0lBQ2hELENBQUM7K0dBbkpVLHdCQUF3QjttR0FBeEIsd0JBQXdCLDBzQkNsQnJDLHV3SEEyRUE7OzRGRHpEYSx3QkFBd0I7a0JBTHBDLFNBQVM7K0JBQ0Usa0JBQWtCOzhCQUtELGdCQUFnQjtzQkFBMUMsTUFBTTt1QkFBQyxVQUFVO2dCQUVGLFlBQVk7c0JBQTNCLEtBQUs7Z0JBQ1UsV0FBVztzQkFBMUIsS0FBSztnQkFDVSxVQUFVO3NCQUF6QixLQUFLO2dCQUNVLFdBQVc7c0JBQTFCLEtBQUs7Z0JBTVUsS0FBSztzQkFBcEIsS0FBSztnQkFDVSxXQUFXO3NCQUExQixLQUFLO2dCQUtVLFFBQVE7c0JBQXZCLEtBQUs7Z0JBQ1UsS0FBSztzQkFBcEIsS0FBSztnQkFDVSxrQkFBa0I7c0JBQWpDLEtBQUs7Z0JBQ1UsZUFBZTtzQkFBOUIsS0FBSztnQkFFNEMsVUFBVTtzQkFBM0QsU0FBUzt1QkFBQyxZQUFZLEVBQUUsRUFBQyxNQUFNLEVBQUUsS0FBSyxFQUFDO2dCQUNlLGVBQWU7c0JBQXJFLFNBQVM7dUJBQUMsaUJBQWlCLEVBQUUsRUFBQyxNQUFNLEVBQUUsS0FBSyxFQUFDO2dCQUNXLGdCQUFnQjtzQkFBdkUsU0FBUzt1QkFBQyxrQkFBa0IsRUFBRSxFQUFDLE1BQU0sRUFBRSxLQUFLLEVBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBZnRlclZpZXdJbml0LFxuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE9uQ2hhbmdlcyxcbiAgT3V0cHV0LFxuICBTaW1wbGVDaGFuZ2VzLFxuICBWaWV3Q2hpbGRcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge05nYkRhdGUsIE5nYkRhdGVTdHJ1Y3QsIE5nYklucHV0RGF0ZXBpY2tlcn0gZnJvbSBcIkBuZy1ib290c3RyYXAvbmctYm9vdHN0cmFwXCI7XG5pbXBvcnQge0dyYXZpdHlNb250aFBpY2tlckRhdGV9IGZyb20gXCIuL2dyYXZpdHktbW9udGgtcGlja2VyL2dyYXZpdHktbW9udGgtcGlja2VyLmNvbXBvbmVudFwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdncmF2aXR5LWNhbGVuZGFyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2dyYXZpdHktY2FsZW5kYXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9ncmF2aXR5LWNhbGVuZGFyLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgR3Jhdml0eUNhbGVuZGFyQ29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzLCBBZnRlclZpZXdJbml0IHtcbiAgQE91dHB1dCgncmVzcG9uc2UnKSBwdWJsaWMgY2FsZW5kYXJSZXNwb25zZTogRXZlbnRFbWl0dGVyPERhdGU+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIEBJbnB1dCgpIHB1YmxpYyBjYWxlbmRhclR5cGU6ICdkYXRlJyB8ICdtb250aCcgPSAnZGF0ZSc7XG4gIEBJbnB1dCgpIHB1YmxpYyBjdXJyZW50TGFuZzogc3RyaW5nID0gJ2VuJztcbiAgQElucHV0KCkgcHVibGljIGN5cHJlc3NUYWc6IHN0cmluZztcbiAgQElucHV0KCkgcHVibGljIGRhdGVzQ29uZmlnOiB7XG4gICAgY3VzdG9tRGF0ZT86ICd0b2RheScgfCBEYXRlO1xuICAgIGRlZmF1bHREYXlzPzogbnVtYmVyO1xuICAgIG1heERhdGU/OiAndG9kYXknIHwgRGF0ZTtcbiAgICBtaW5EYXRlPzogRGF0ZTtcbiAgfTtcbiAgQElucHV0KCkgcHVibGljIGxhYmVsOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHB1YmxpYyBtb250aENvbmZpZzoge1xuICAgIGN1c3RvbU1vbnRoRGF0ZT86IEdyYXZpdHlNb250aFBpY2tlckRhdGU7XG4gICAgbWF4TW9udGhEYXRlPzogR3Jhdml0eU1vbnRoUGlja2VyRGF0ZTtcbiAgICBtaW5Nb250aERhdGU/OiBHcmF2aXR5TW9udGhQaWNrZXJEYXRlO1xuICB9O1xuICBASW5wdXQoKSBwdWJsaWMgcmVxdWlyZWQ6IGJvb2xlYW47XG4gIEBJbnB1dCgpIHB1YmxpYyBzdGF0ZTogJ3JlYWRvbmx5JyB8ICdkaXNhYmxlZCcgfCAnZW5hYmxlZCcgPSBcImVuYWJsZWRcIjtcbiAgQElucHV0KCkgcHVibGljIHN1cHBvcnRUZXh0Q29udGVudDogc3RyaW5nO1xuICBASW5wdXQoKSBwdWJsaWMgc3VwcG9ydFRleHRUeXBlOiAnbmV1dHJvJyB8ICduZWdhdGl2ZScgfCAncG9zaXRpdmUnID0gXCJuZXV0cm9cIjtcblxuICBAVmlld0NoaWxkKCdkYXRlUGlja2VyJywge3N0YXRpYzogZmFsc2V9KSBwcml2YXRlIGRhdGVQaWNrZXI6IE5nYklucHV0RGF0ZXBpY2tlcjtcbiAgQFZpZXdDaGlsZCgnZGF0ZXBpY2tlcklucHV0Jywge3N0YXRpYzogZmFsc2V9KSBwcml2YXRlIGRhdGVwaWNrZXJJbnB1dDogYW55O1xuICBAVmlld0NoaWxkKCdtb250aFBpY2tlcklucHV0Jywge3N0YXRpYzogZmFsc2V9KSBwcml2YXRlIG1vbnRoUGlja2VySW5wdXQ6IGFueTtcblxuICBwdWJsaWMgY2FsZW5kYXJPcGVuZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgcHVibGljIGZvY3VzSW5wdXQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgcHVibGljIG1heERhdGU6IE5nYkRhdGVTdHJ1Y3Q7XG4gIHB1YmxpYyBtaW5EYXRlOiBOZ2JEYXRlU3RydWN0O1xuICBwdWJsaWMgc2VsZWN0ZWREYXRlOiBEYXRlO1xuICBwdWJsaWMgc2VsZWN0ZWREYXRlSW5wdXQ6IHN0cmluZyA9ICcnO1xuICBwcml2YXRlIGN1c3RvbURhdGVGbGFnOiBzdHJpbmcgPSAnJztcblxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuZGF0ZXNDb25maWcpIHtcbiAgICAgIGlmICh0aGlzLmRhdGVzQ29uZmlnLmRlZmF1bHREYXlzKSB7XG4gICAgICAgIGxldCBkYXRlV2l0aG91dERheXM6IERhdGUgPSBuZXcgRGF0ZShuZXcgRGF0ZSgpLnNldERhdGUobmV3IERhdGUoKS5nZXREYXRlKCkgLSB0aGlzLmRhdGVzQ29uZmlnLmRlZmF1bHREYXlzKSk7XG4gICAgICAgIHRoaXMuZm9jdXNDdXN0b21EYXRlKGRhdGVXaXRob3V0RGF5cyk7XG4gICAgICB9XG5cbiAgICAgIGlmICh0aGlzLmRhdGVzQ29uZmlnLmN1c3RvbURhdGUpIHtcbiAgICAgICAgbGV0IGRhdGU6IERhdGUgPSB0aGlzLmRhdGVzQ29uZmlnLmN1c3RvbURhdGUgPT0gJ3RvZGF5JyA/IChuZXcgRGF0ZSgpKSA6IHRoaXMuZGF0ZXNDb25maWcuY3VzdG9tRGF0ZTtcbiAgICAgICAgdGhpcy5mb2N1c0N1c3RvbURhdGUoZGF0ZSk7XG4gICAgICB9XG5cbiAgICAgIGlmICh0aGlzLmRhdGVzQ29uZmlnLm1pbkRhdGUpIHtcbiAgICAgICAgdGhpcy5taW5EYXRlID0gR3Jhdml0eUNhbGVuZGFyQ29tcG9uZW50LmZvcm1hdERhdGVUb05nYkRhdGVTdHJ1Y3QodGhpcy5kYXRlc0NvbmZpZy5taW5EYXRlKTtcbiAgICAgIH1cblxuICAgICAgaWYgKHRoaXMuZGF0ZXNDb25maWcubWF4RGF0ZSkge1xuICAgICAgICBsZXQgZGF0ZTogRGF0ZSA9IHRoaXMuZGF0ZXNDb25maWcubWF4RGF0ZSA9PSAndG9kYXknID8gKG5ldyBEYXRlKCkpIDogdGhpcy5kYXRlc0NvbmZpZy5tYXhEYXRlO1xuICAgICAgICB0aGlzLm1heERhdGUgPSBHcmF2aXR5Q2FsZW5kYXJDb21wb25lbnQuZm9ybWF0RGF0ZVRvTmdiRGF0ZVN0cnVjdChkYXRlKTtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgdGhpcy5jaGFuZ2VEYXRlTWFudWFsbHkoKTtcbiAgfVxuXG4gIHVwZGF0ZVNlbGVjdGVkRGF0ZSgkZXZlbnQ6IE5nYkRhdGUpOiB2b2lkIHtcbiAgICB0aGlzLnNlbGVjdGVkRGF0ZUlucHV0ID0gR3Jhdml0eUNhbGVuZGFyQ29tcG9uZW50LmZvcm1hdE5nYkRhdGUoJGV2ZW50KTtcbiAgICB0aGlzLnNlbGVjdGVkRGF0ZSA9IEdyYXZpdHlDYWxlbmRhckNvbXBvbmVudC5jb252ZXJ0TmdiRGF0ZVRvRGF0ZSgkZXZlbnQpO1xuICAgIHRoaXMuZGF0ZXBpY2tlcklucHV0Lm5hdGl2ZUVsZW1lbnQudmFsdWUgPSB0aGlzLnNlbGVjdGVkRGF0ZUlucHV0O1xuICAgIHRoaXMuY2FsZW5kYXJSZXNwb25zZS5lbWl0KHRoaXMuc2VsZWN0ZWREYXRlKTtcbiAgfVxuXG4gIGZvY3VzQ3VzdG9tRGF0ZShjdXN0b21EYXRlOiBEYXRlKTogdm9pZCB7XG4gICAgdGhpcy5zZWxlY3RlZERhdGVJbnB1dCA9IEdyYXZpdHlDYWxlbmRhckNvbXBvbmVudC5mb3JtYXRUU0RhdGUoY3VzdG9tRGF0ZSk7XG4gICAgdGhpcy5zZWxlY3RlZERhdGUgPSBjdXN0b21EYXRlO1xuICAgIHRoaXMuY3VzdG9tRGF0ZUZsYWcgPSBjdXN0b21EYXRlLmdldFVUQ0Z1bGxZZWFyKCkgKyAnLScgKyAoY3VzdG9tRGF0ZS5nZXRVVENNb250aCgpICsgMSkgKyAnLScgKyBjdXN0b21EYXRlLmdldFVUQ0RhdGUoKTtcbiAgfVxuXG4gIHJlc2V0Q2FsZW5kYXIobmV3RGF0ZTogRGF0ZSk6IHZvaWQge1xuICAgIHRoaXMuZm9jdXNDdXN0b21EYXRlKG5ld0RhdGUpO1xuICAgIHRoaXMuY2hhbmdlRGF0ZU1hbnVhbGx5KCk7XG4gIH1cblxuICBwcml2YXRlIGNoYW5nZURhdGVNYW51YWxseSgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5jdXN0b21EYXRlRmxhZykge1xuICAgICAgdGhpcy5kYXRlUGlja2VyLm1hbnVhbERhdGVDaGFuZ2UodGhpcy5jdXN0b21EYXRlRmxhZywgdHJ1ZSk7XG4gICAgICB0aGlzLmRhdGVwaWNrZXJJbnB1dC5uYXRpdmVFbGVtZW50LnZhbHVlID0gdGhpcy5zZWxlY3RlZERhdGVJbnB1dDtcbiAgICAgIHRoaXMuY3VzdG9tRGF0ZUZsYWcgPSB1bmRlZmluZWQ7XG4gICAgICB0aGlzLmNhbGVuZGFyUmVzcG9uc2UuZW1pdCh0aGlzLnNlbGVjdGVkRGF0ZSk7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBzdGF0aWMgZm9ybWF0TmdiRGF0ZShuZ2JEYXRlOiBOZ2JEYXRlKTogc3RyaW5nIHtcbiAgICBpZiAoIW5nYkRhdGUpIHtcbiAgICAgIHJldHVybiBudWxsO1xuICAgIH1cblxuICAgIHJldHVybiBbXG4gICAgICAobmdiRGF0ZS5tb250aCA8IDEwID8gKCcwJyArIG5nYkRhdGUubW9udGgpIDogbmdiRGF0ZS5tb250aCksXG4gICAgICAobmdiRGF0ZS5kYXkgPCAxMCA/ICgnMCcgKyBuZ2JEYXRlLmRheSkgOiBuZ2JEYXRlLmRheSksXG4gICAgICBuZ2JEYXRlLnllYXJcbiAgICBdLmpvaW4oJy8nKTtcbiAgfVxuXG4gIHByaXZhdGUgc3RhdGljIGZvcm1hdE1vbnRoRGF0ZShtb250aERhdGU6IEdyYXZpdHlNb250aFBpY2tlckRhdGUpOiBzdHJpbmcge1xuICAgIGlmICghbW9udGhEYXRlKSB7XG4gICAgICByZXR1cm4gbnVsbDtcbiAgICB9XG5cbiAgICByZXR1cm4gW1xuICAgICAgKG1vbnRoRGF0ZS5tb250aCA8IDEwID8gKCcwJyArIG1vbnRoRGF0ZS5tb250aCkgOiBtb250aERhdGUubW9udGgpLFxuICAgICAgbW9udGhEYXRlLnllYXJcbiAgICBdLmpvaW4oJy8nKTtcbiAgfVxuXG4gIHByaXZhdGUgc3RhdGljIGZvcm1hdFRTRGF0ZShkYXRlOiBEYXRlKTogc3RyaW5nIHtcbiAgICBpZiAoIWRhdGUpIHtcbiAgICAgIHJldHVybiBudWxsO1xuICAgIH1cblxuICAgIHJldHVybiBbXG4gICAgICAoKGRhdGUuZ2V0VVRDTW9udGgoKSArIDEpIDwgMTAgPyAoJzAnICsgKGRhdGUuZ2V0VVRDTW9udGgoKSArIDEpKSA6IChkYXRlLmdldFVUQ01vbnRoKCkgKyAxKSksXG4gICAgICAoZGF0ZS5nZXRVVENEYXRlKCkgPCAxMCA/ICgnMCcgKyBkYXRlLmdldFVUQ0RhdGUoKSkgOiBkYXRlLmdldFVUQ0RhdGUoKSksXG4gICAgICBkYXRlLmdldFVUQ0Z1bGxZZWFyKClcbiAgICBdLmpvaW4oJy8nKTtcbiAgfVxuXG4gIHByaXZhdGUgc3RhdGljIGZvcm1hdERhdGVUb05nYkRhdGVTdHJ1Y3QoZGF0ZTogRGF0ZSk6IE5nYkRhdGVTdHJ1Y3Qge1xuICAgIGxldCBvYmplY3QgPSB7fSBhcyBOZ2JEYXRlU3RydWN0O1xuXG4gICAgb2JqZWN0LnllYXIgPSBkYXRlLmdldFVUQ0Z1bGxZZWFyKCk7XG4gICAgb2JqZWN0Lm1vbnRoID0gKGRhdGUuZ2V0VVRDTW9udGgoKSArIDEpO1xuICAgIG9iamVjdC5kYXkgPSBkYXRlLmdldFVUQ0RhdGUoKTtcblxuICAgIHJldHVybiBvYmplY3Q7XG4gIH1cblxuICBwcml2YXRlIHN0YXRpYyBjb252ZXJ0TmdiRGF0ZVRvRGF0ZShkYXRlOiBOZ2JEYXRlKTogRGF0ZSB7XG4gICAgcmV0dXJuIG5ldyBEYXRlKGRhdGUueWVhciwgKGRhdGUubW9udGggLSAxKSwgZGF0ZS5kYXkpO1xuICB9XG5cbiAgcHJpdmF0ZSBzdGF0aWMgY29udmVydE1vbnRoRGF0ZVRvRGF0ZShkYXRlOiBHcmF2aXR5TW9udGhQaWNrZXJEYXRlKTogRGF0ZSB7XG4gICAgcmV0dXJuIG5ldyBEYXRlKGRhdGUueWVhciwgKGRhdGUubW9udGggLSAxKSk7XG4gIH1cblxuICBwdWJsaWMgaGFuZGxlTW9udGhQaWNrZXJSZXNwb25zZShyZXNwb25zZTogR3Jhdml0eU1vbnRoUGlja2VyRGF0ZSk6IHZvaWQge1xuICAgIHRoaXMuc2VsZWN0ZWREYXRlSW5wdXQgPSBHcmF2aXR5Q2FsZW5kYXJDb21wb25lbnQuZm9ybWF0TW9udGhEYXRlKHJlc3BvbnNlKTtcbiAgICB0aGlzLnNlbGVjdGVkRGF0ZSA9IEdyYXZpdHlDYWxlbmRhckNvbXBvbmVudC5jb252ZXJ0TW9udGhEYXRlVG9EYXRlKHJlc3BvbnNlKTtcbiAgICB0aGlzLm1vbnRoUGlja2VySW5wdXQubmF0aXZlRWxlbWVudC52YWx1ZSA9IHRoaXMuc2VsZWN0ZWREYXRlSW5wdXQ7XG4gICAgdGhpcy5jYWxlbmRhclJlc3BvbnNlLmVtaXQodGhpcy5zZWxlY3RlZERhdGUpO1xuICB9XG59XG4iLCI8bGFiZWwgY2xhc3M9XCJoci1ib2R5LXRleHQgc20tcmVndWxhciB7e3N0YXRlfX1cIiBbY2xhc3MuZW1wdHldPVwiIXNlbGVjdGVkRGF0ZSAmJiAhZm9jdXNJbnB1dCAmJiAhY2FsZW5kYXJPcGVuZWRcIlxuICAgICAgIFtjbGFzcy5mb2N1c2VkXT1cImZvY3VzSW5wdXQgfHwgY2FsZW5kYXJPcGVuZWRcIlxuICAgICAgIFtjbGFzcy5mdWxsLWlucHV0XT1cInNlbGVjdGVkRGF0ZSAmJiAhZm9jdXNJbnB1dCAmJiAhY2FsZW5kYXJPcGVuZWRcIj5cbiAge3tsYWJlbH19XG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCJyZXF1aXJlZFwiPlxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJjdXJyZW50TGFuZyA9PSAnZXMnXCI+LSBSZXF1ZXJpZG8gPHNwYW4gY2xhc3M9XCJ0ZXh0LW5lZ2F0aXZlXCI+Kjwvc3Bhbj48L25nLWNvbnRhaW5lcj5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiY3VycmVudExhbmcgPT0gJ2VuJ1wiPi0gUmVxdWlyZWQgPHNwYW4gY2xhc3M9XCJ0ZXh0LW5lZ2F0aXZlXCI+Kjwvc3Bhbj48L25nLWNvbnRhaW5lcj5cbiAgPC9uZy1jb250YWluZXI+XG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCJzdGF0ZSA9PSAncmVhZG9ubHknXCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImN1cnJlbnRMYW5nID09ICdlcydcIj4tIFPDs2xvIGxlY3R1cmE8L25nLWNvbnRhaW5lcj5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiY3VycmVudExhbmcgPT0gJ2VuJ1wiPi0gUmVhZG9ubHk8L25nLWNvbnRhaW5lcj5cbiAgPC9uZy1jb250YWluZXI+XG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCJzdGF0ZSA9PSAnZGlzYWJsZWQnXCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImN1cnJlbnRMYW5nID09ICdlcydcIj4tIERlc2hhYmlsaXRhZG88L25nLWNvbnRhaW5lcj5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiY3VycmVudExhbmcgPT0gJ2VuJ1wiPi0gRGlzYWJsZWQ8L25nLWNvbnRhaW5lcj5cbiAgPC9uZy1jb250YWluZXI+XG48L2xhYmVsPlxuPGRpdiBjbGFzcz1cImdyYXZpdHktY2FsZW5kYXItZmllbGQge3tzdGF0ZX19XCIgW2NsYXNzLmVtcHR5XT1cIiFzZWxlY3RlZERhdGUgJiYgIWZvY3VzSW5wdXQgJiYgIWNhbGVuZGFyT3BlbmVkXCJcbiAgICAgW2NsYXNzLmZvY3VzZWRdPVwiZm9jdXNJbnB1dCB8fCBjYWxlbmRhck9wZW5lZFwiIFtjbGFzcy5mdWxsLWlucHV0XT1cInNlbGVjdGVkRGF0ZSAmJiAhZm9jdXNJbnB1dCAmJiAhY2FsZW5kYXJPcGVuZWRcIj5cbiAgPGdyYXZpdHktaWNvbiBjbGFzcz1cInBsYWNlbWVudC1sZWZ0XCIgW2hvdmVySWNvbl09XCJmYWxzZVwiIFtpY29uTmFtZV09XCInY2FsZW5kYXInXCIgW3NpemVdPVwiJ3NtJ1wiPjwvZ3Jhdml0eS1pY29uPlxuICA8bmctY29udGFpbmVyICpuZ0lmPVwiY2FsZW5kYXJUeXBlID09ICdkYXRlJ1wiPlxuICAgIDxpbnB1dCBbYXR0ci5kYXRhLWN5XT1cImN5cHJlc3NUYWdcIlxuICAgICAgICAgICBbZGlzYWJsZWRdPVwic3RhdGUgPT0gJ2Rpc2FibGVkJyA/IHRydWUgOiBudWxsXCJcbiAgICAgICAgICAgW3JlYWRvbmx5XT1cInN0YXRlICE9ICdkaXNhYmxlZCcgPyB0cnVlIDogbnVsbFwiXG5cbiAgICAgICAgICAgKGJsdXIpPVwiZm9jdXNJbnB1dCA9IGZhbHNlXCJcbiAgICAgICAgICAgKGNsb3NlZCk9XCJjYWxlbmRhck9wZW5lZCA9IGZhbHNlXCJcbiAgICAgICAgICAgKGRhdGVTZWxlY3QpPVwidXBkYXRlU2VsZWN0ZWREYXRlKCRldmVudClcIlxuICAgICAgICAgICAoZm9jdXMpPVwiZm9jdXNJbnB1dCA9IHRydWVcIlxuXG4gICAgICAgICAgIGNsYXNzPVwiaHItbGFiZWwgbWQtcmVndWxhclwiXG4gICAgICAgICAgIG5nYkRhdGVwaWNrZXJcbiAgICAgICAgICAgcGxhY2Vob2xkZXI9XCJTZWxlY3QgeW91ciBkYXRlXCJcblxuICAgICAgICAgICBbY29udGFpbmVyXT1cIidib2R5J1wiXG4gICAgICAgICAgIFtkYXRlcGlja2VyQ2xhc3NdPVwiJ2dyYXZpdHktZGF0ZXBpY2tlci1kaWFsb2cnXCJcbiAgICAgICAgICAgW21heERhdGVdPVwibWF4RGF0ZSA/IG1heERhdGUgOiBudWxsXCJcbiAgICAgICAgICAgW21pbkRhdGVdPVwibWluRGF0ZSA/IG1pbkRhdGUgOiBudWxsXCJcbiAgICAgICAgICAgW25hdmlnYXRpb25dPVwiJ2Fycm93cydcIlxuICAgICAgICAgICBbc2hvd1dlZWtOdW1iZXJzXT1cInRydWVcIlxuXG4gICAgICAgICAgICNkYXRlcGlja2VySW5wdXRcbiAgICAgICAgICAgI2RhdGVQaWNrZXI9XCJuZ2JEYXRlcGlja2VyXCI+XG4gICAgPHNwYW4gKGNsaWNrKT1cImRhdGVQaWNrZXIub3BlbigpOyBjYWxlbmRhck9wZW5lZCA9IHRydWVcIiAqbmdJZj1cIiFjYWxlbmRhck9wZW5lZCAmJiBzdGF0ZSA9PSAnZW5hYmxlZCdcIj48L3NwYW4+XG4gICAgPHNwYW4gKGNsaWNrKT1cImRhdGVQaWNrZXIuY2xvc2UoKTsgY2FsZW5kYXJPcGVuZWQgPSBmYWxzZVwiICpuZ0lmPVwiY2FsZW5kYXJPcGVuZWQgJiYgc3RhdGUgPT0gJ2VuYWJsZWQnXCI+PC9zcGFuPlxuICA8L25nLWNvbnRhaW5lcj5cbiAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImNhbGVuZGFyVHlwZSA9PSAnbW9udGgnXCI+XG4gICAgPGlucHV0IFthdHRyLmRhdGEtY3ldPVwiY3lwcmVzc1RhZ1wiXG4gICAgICAgICAgIFtkaXNhYmxlZF09XCJzdGF0ZSA9PSAnZGlzYWJsZWQnID8gdHJ1ZSA6IG51bGxcIlxuICAgICAgICAgICBbcmVhZG9ubHldPVwic3RhdGUgIT0gJ2Rpc2FibGVkJyA/IHRydWUgOiBudWxsXCJcblxuICAgICAgICAgICAoYmx1cik9XCJmb2N1c0lucHV0ID0gZmFsc2VcIlxuICAgICAgICAgICAoZm9jdXMpPVwiZm9jdXNJbnB1dCA9IHRydWVcIlxuXG4gICAgICAgICAgIGNsYXNzPVwiaHItbGFiZWwgbWQtcmVndWxhclwiXG4gICAgICAgICAgIHBsYWNlaG9sZGVyPVwiU2VsZWN0IHlvdXIgbW9udGhcIlxuXG4gICAgICAgICAgICNtb250aFBpY2tlcklucHV0PlxuICAgIDxzcGFuIChjbGljayk9XCIkZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7IGdyYXZpdHlNb250aFBpY2tlci5zaG93Q2FsZW5kYXIoKTsgY2FsZW5kYXJPcGVuZWQgPSB0cnVlXCJcbiAgICAgICAgICAqbmdJZj1cIiFjYWxlbmRhck9wZW5lZCAmJiBzdGF0ZSA9PSAnZW5hYmxlZCdcIj48L3NwYW4+XG4gICAgPHNwYW4gKGNsaWNrKT1cIiRldmVudC5zdG9wUHJvcGFnYXRpb24oKTsgZ3Jhdml0eU1vbnRoUGlja2VyLmhpZGVDYWxlbmRhcigpOyBjYWxlbmRhck9wZW5lZCA9IGZhbHNlXCJcbiAgICAgICAgICAqbmdJZj1cImNhbGVuZGFyT3BlbmVkICYmIHN0YXRlID09ICdlbmFibGVkJ1wiPjwvc3Bhbj5cbiAgICA8Z3Jhdml0eS1tb250aC1waWNrZXIgI2dyYXZpdHlNb250aFBpY2tlclxuXG4gICAgICAgICAgICAgICAgICAgICAgICAgIFtjdXJyZW50TGFuZ109XCJjdXJyZW50TGFuZ1wiXG4gICAgICAgICAgICAgICAgICAgICAgICAgIFttb250aENvbmZpZ109XCJtb250aENvbmZpZ1wiXG5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cIiRldmVudC5zdG9wUHJvcGFnYXRpb24oKVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgIChjbG9zZUNhbGVuZGFyKT1cImNhbGVuZGFyT3BlbmVkID0gZmFsc2VcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAobW9udGhTZWxlY3RlZCk9XCJoYW5kbGVNb250aFBpY2tlclJlc3BvbnNlKCRldmVudClcIj48L2dyYXZpdHktbW9udGgtcGlja2VyPlxuICA8L25nLWNvbnRhaW5lcj5cbjwvZGl2PlxuPHAgY2xhc3M9XCJoci1ib2R5LXRleHQgc20tcmVndWxhciBzdXBwb3J0LXRleHQgdGV4dC17e3N1cHBvcnRUZXh0VHlwZX19XCIgKm5nSWY9XCJzdXBwb3J0VGV4dENvbnRlbnRcIj5cbiAge3tzdXBwb3J0VGV4dENvbnRlbnR9fVxuPC9wPlxuIl19
79
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1jYWxlbmRhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktY2FsZW5kYXIvZ3Jhdml0eS1jYWxlbmRhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktY2FsZW5kYXIvZ3Jhdml0eS1jYWxlbmRhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQWEsTUFBTSxFQUFnQixNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFPL0YsTUFBTSxPQUFPLHdCQUF3QjtJQStCbkM7UUE5QjJCLHFCQUFnQixHQUF1QixJQUFJLFlBQVksRUFBRSxDQUFDO1FBRXJFLGlCQUFZLEdBQTZCLEtBQUssQ0FBQztRQUMvQyxnQkFBVyxHQUFXLElBQUksQ0FBQztRQVUzQixVQUFLLEdBQXdDLFNBQVMsQ0FBQztRQUV2RCxvQkFBZSxHQUF1QyxRQUFRLENBQUM7UUFFeEUsdUJBQWtCLEdBQUc7WUFDMUIsY0FBYyxFQUFFLDJCQUEyQjtZQUMzQyxVQUFVLEVBQUUsSUFBSTtZQUNoQixvQkFBb0IsRUFBRSxJQUFJO1lBQzFCLGVBQWUsRUFBRSxLQUFLO1NBQ3ZCLENBQUM7UUFHSyxlQUFVLEdBQVksS0FBSyxDQUFDO1FBTWpDLElBQUksWUFBWSxHQUFXLElBQUksSUFBSSxFQUFFLENBQUMsT0FBTyxFQUFFLENBQUM7UUFDaEQsSUFBSSxZQUFZLEdBQVcsSUFBSSxDQUFDLE1BQU0sRUFBRSxHQUFHLEVBQUUsQ0FBQztRQUU5QyxJQUFJLENBQUMsU0FBUyxHQUFHLEVBQUUsR0FBRyxDQUFDLFlBQVksR0FBRyxZQUFZLEdBQUcsQ0FBQyxDQUFDLENBQUM7SUFDMUQsQ0FBQztJQUVELFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFJLE9BQU8sQ0FBQyxhQUFhLENBQUMsRUFBRTtZQUMxQixJQUFJLE9BQU8sQ0FBQyxhQUFhLENBQUMsQ0FBQyxZQUFZLENBQUMsV0FBVyxFQUFFO2dCQUNuRCxJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksSUFBSSxDQUFDLElBQUksSUFBSSxFQUFFLENBQUMsT0FBTyxDQUFDLElBQUksSUFBSSxFQUFFLENBQUMsT0FBTyxFQUFFLEdBQUcsT0FBTyxDQUFDLGFBQWEsQ0FBQyxDQUFDLFlBQVksQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDO2FBQzFIO1lBRUQsSUFBSSxPQUFPLENBQUMsYUFBYSxDQUFDLENBQUMsWUFBWSxDQUFDLFVBQVUsRUFBRTtnQkFDbEQsSUFBSSxDQUFDLFlBQVksR0FBRyxPQUFPLENBQUMsYUFBYSxDQUFDLENBQUMsWUFBWSxDQUFDLFVBQVUsSUFBSSxPQUFPLENBQUMsQ0FBQyxDQUFDLElBQUksSUFBSSxFQUFFLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxhQUFhLENBQUMsQ0FBQyxZQUFZLENBQUMsVUFBVSxDQUFDO2FBQzdJO1lBRUQsSUFBSSxPQUFPLENBQUMsYUFBYSxDQUFDLENBQUMsWUFBWSxDQUFDLE9BQU8sRUFBRTtnQkFDL0MsSUFBSSxDQUFDLE9BQU8sR0FBRyxPQUFPLENBQUMsYUFBYSxDQUFDLENBQUMsWUFBWSxDQUFDLE9BQU8sQ0FBQzthQUM1RDtZQUVELElBQUksT0FBTyxDQUFDLGFBQWEsQ0FBQyxDQUFDLFlBQVksQ0FBQyxPQUFPLEVBQUU7Z0JBQy9DLElBQUksQ0FBQyxPQUFPLEdBQUcsT0FBTyxDQUFDLGFBQWEsQ0FBQyxDQUFDLFlBQVksQ0FBQyxPQUFPLElBQUksT0FBTyxDQUFDLENBQUMsQ0FBQyxJQUFJLElBQUksRUFBRSxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsYUFBYSxDQUFDLENBQUMsWUFBWSxDQUFDLE9BQU8sQ0FBQzthQUNsSTtTQUNGO0lBQ0gsQ0FBQztJQUVELGtCQUFrQixDQUFDLE1BQVk7UUFDN0IsSUFBSSxDQUFDLFlBQVksR0FBRyxNQUFNLENBQUM7UUFDM0IsSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUM7SUFDaEQsQ0FBQztJQUVELGFBQWEsQ0FBQyxPQUFhO1FBQ3pCLElBQUksQ0FBQyxZQUFZLEdBQUcsT0FBTyxDQUFDO1FBQzVCLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDO0lBQ2hELENBQUM7SUFFRCx3QkFBd0I7UUFDdEIsT0FBTyxxQ0FBcUMsR0FBRyxJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQTtJQUN0RSxDQUFDOytHQXRFVSx3QkFBd0I7bUdBQXhCLHdCQUF3Qix3WENQckMsZ3FFQTRDQTs7NEZEckNhLHdCQUF3QjtrQkFMcEMsU0FBUzsrQkFDRSxrQkFBa0I7MEVBS0QsZ0JBQWdCO3NCQUExQyxNQUFNO3VCQUFDLFVBQVU7Z0JBRUYsWUFBWTtzQkFBM0IsS0FBSztnQkFDVSxXQUFXO3NCQUExQixLQUFLO2dCQUNVLFVBQVU7c0JBQXpCLEtBQUs7Z0JBQ1UsV0FBVztzQkFBMUIsS0FBSztnQkFNVSxLQUFLO3NCQUFwQixLQUFLO2dCQUNVLFFBQVE7c0JBQXZCLEtBQUs7Z0JBQ1UsS0FBSztzQkFBcEIsS0FBSztnQkFDVSxrQkFBa0I7c0JBQWpDLEtBQUs7Z0JBQ1UsZUFBZTtzQkFBOUIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkNoYW5nZXMsIE91dHB1dCwgU2ltcGxlQ2hhbmdlc30gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2dyYXZpdHktY2FsZW5kYXInLFxuICB0ZW1wbGF0ZVVybDogJy4vZ3Jhdml0eS1jYWxlbmRhci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2dyYXZpdHktY2FsZW5kYXIuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBHcmF2aXR5Q2FsZW5kYXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkNoYW5nZXMge1xuICBAT3V0cHV0KCdyZXNwb25zZScpIHB1YmxpYyBjYWxlbmRhclJlc3BvbnNlOiBFdmVudEVtaXR0ZXI8RGF0ZT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgQElucHV0KCkgcHVibGljIGNhbGVuZGFyVHlwZTogJ2RheScgfCAnbW9udGgnIHwgJ3llYXInID0gJ2RheSc7XG4gIEBJbnB1dCgpIHB1YmxpYyBjdXJyZW50TGFuZzogc3RyaW5nID0gJ2VuJztcbiAgQElucHV0KCkgcHVibGljIGN5cHJlc3NUYWc6IHN0cmluZztcbiAgQElucHV0KCkgcHVibGljIGRhdGVzQ29uZmlnOiB7XG4gICAgY3VzdG9tRGF0ZT86ICd0b2RheScgfCBEYXRlO1xuICAgIGRlZmF1bHREYXlzPzogbnVtYmVyO1xuICAgIG1heERhdGU/OiAndG9kYXknIHwgRGF0ZTtcbiAgICBtaW5EYXRlPzogRGF0ZTtcbiAgfTtcbiAgQElucHV0KCkgcHVibGljIGxhYmVsOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHB1YmxpYyByZXF1aXJlZDogYm9vbGVhbjtcbiAgQElucHV0KCkgcHVibGljIHN0YXRlOiAncmVhZG9ubHknIHwgJ2Rpc2FibGVkJyB8ICdlbmFibGVkJyA9IFwiZW5hYmxlZFwiO1xuICBASW5wdXQoKSBwdWJsaWMgc3VwcG9ydFRleHRDb250ZW50OiBzdHJpbmc7XG4gIEBJbnB1dCgpIHB1YmxpYyBzdXBwb3J0VGV4dFR5cGU6ICduZXV0cm8nIHwgJ25lZ2F0aXZlJyB8ICdwb3NpdGl2ZScgPSBcIm5ldXRyb1wiO1xuXG4gIHB1YmxpYyBic0RhdGVwaWNrZXJDb25maWcgPSB7XG4gICAgY29udGFpbmVyQ2xhc3M6ICdncmF2aXR5LWRhdGVwaWNrZXItZGlhbG9nJyxcbiAgICBpc0FuaW1hdGVkOiB0cnVlLFxuICAgIHNlbGVjdEZyb21PdGhlck1vbnRoOiB0cnVlLFxuICAgIHNob3dXZWVrTnVtYmVyczogZmFsc2VcbiAgfTtcblxuICBwdWJsaWMgcmVhZG9ubHkgZWxlbWVudElkOiBzdHJpbmc7XG4gIHB1YmxpYyBmb2N1c0lucHV0OiBib29sZWFuID0gZmFsc2U7XG4gIHB1YmxpYyBtYXhEYXRlOiBEYXRlO1xuICBwdWJsaWMgbWluRGF0ZTogRGF0ZTtcbiAgcHVibGljIHNlbGVjdGVkRGF0ZTogRGF0ZTtcblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICBsZXQgbWlsbGlzZWNvbmRzOiBudW1iZXIgPSBuZXcgRGF0ZSgpLmdldFRpbWUoKTtcbiAgICBsZXQgcmFuZG9tTnVtYmVyOiBudW1iZXIgPSBNYXRoLnJhbmRvbSgpICogMTA7XG5cbiAgICB0aGlzLmVsZW1lbnRJZCA9ICcnICsgKG1pbGxpc2Vjb25kcyAqIHJhbmRvbU51bWJlciAvIDIpO1xuICB9XG5cbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xuICAgIGlmIChjaGFuZ2VzWydkYXRlc0NvbmZpZyddKSB7XG4gICAgICBpZiAoY2hhbmdlc1snZGF0ZXNDb25maWcnXS5jdXJyZW50VmFsdWUuZGVmYXVsdERheXMpIHtcbiAgICAgICAgdGhpcy5zZWxlY3RlZERhdGUgPSBuZXcgRGF0ZShuZXcgRGF0ZSgpLnNldERhdGUobmV3IERhdGUoKS5nZXREYXRlKCkgLSBjaGFuZ2VzWydkYXRlc0NvbmZpZyddLmN1cnJlbnRWYWx1ZS5kZWZhdWx0RGF5cykpO1xuICAgICAgfVxuXG4gICAgICBpZiAoY2hhbmdlc1snZGF0ZXNDb25maWcnXS5jdXJyZW50VmFsdWUuY3VzdG9tRGF0ZSkge1xuICAgICAgICB0aGlzLnNlbGVjdGVkRGF0ZSA9IGNoYW5nZXNbJ2RhdGVzQ29uZmlnJ10uY3VycmVudFZhbHVlLmN1c3RvbURhdGUgPT0gJ3RvZGF5JyA/IG5ldyBEYXRlKCkgOiBjaGFuZ2VzWydkYXRlc0NvbmZpZyddLmN1cnJlbnRWYWx1ZS5jdXN0b21EYXRlO1xuICAgICAgfVxuXG4gICAgICBpZiAoY2hhbmdlc1snZGF0ZXNDb25maWcnXS5jdXJyZW50VmFsdWUubWluRGF0ZSkge1xuICAgICAgICB0aGlzLm1pbkRhdGUgPSBjaGFuZ2VzWydkYXRlc0NvbmZpZyddLmN1cnJlbnRWYWx1ZS5taW5EYXRlO1xuICAgICAgfVxuXG4gICAgICBpZiAoY2hhbmdlc1snZGF0ZXNDb25maWcnXS5jdXJyZW50VmFsdWUubWF4RGF0ZSkge1xuICAgICAgICB0aGlzLm1heERhdGUgPSBjaGFuZ2VzWydkYXRlc0NvbmZpZyddLmN1cnJlbnRWYWx1ZS5tYXhEYXRlID09ICd0b2RheScgPyBuZXcgRGF0ZSgpIDogY2hhbmdlc1snZGF0ZXNDb25maWcnXS5jdXJyZW50VmFsdWUubWF4RGF0ZTtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICB1cGRhdGVTZWxlY3RlZERhdGUoJGV2ZW50OiBEYXRlKTogdm9pZCB7XG4gICAgdGhpcy5zZWxlY3RlZERhdGUgPSAkZXZlbnQ7XG4gICAgdGhpcy5jYWxlbmRhclJlc3BvbnNlLmVtaXQodGhpcy5zZWxlY3RlZERhdGUpO1xuICB9XG5cbiAgcmVzZXRDYWxlbmRhcihuZXdEYXRlOiBEYXRlKTogdm9pZCB7XG4gICAgdGhpcy5zZWxlY3RlZERhdGUgPSBuZXdEYXRlO1xuICAgIHRoaXMuY2FsZW5kYXJSZXNwb25zZS5lbWl0KHRoaXMuc2VsZWN0ZWREYXRlKTtcbiAgfVxuXG4gIGdldEJzRGF0ZXBpY2tlckNvbnRhaW5lcigpOiBzdHJpbmcge1xuICAgIHJldHVybiAnLmdyYXZpdHktY2FsZW5kYXItZmllbGRbZWxlbWVudElkPVwiJyArIHRoaXMuZWxlbWVudElkICsgJ1wiXSdcbiAgfVxufVxuIiwiPGxhYmVsIGNsYXNzPVwiaHItYm9keS10ZXh0IHNtLXJlZ3VsYXIge3tzdGF0ZX19XCIgW2NsYXNzLmVtcHR5XT1cIiFzZWxlY3RlZERhdGUgJiYgIWZvY3VzSW5wdXRcIlxuICAgICAgIFtjbGFzcy5mb2N1c2VkXT1cImZvY3VzSW5wdXRcIiBbY2xhc3MuZnVsbC1pbnB1dF09XCJzZWxlY3RlZERhdGUgJiYgIWZvY3VzSW5wdXRcIj5cbiAge3tsYWJlbH19XG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCJyZXF1aXJlZFwiPlxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJjdXJyZW50TGFuZyA9PSAnZXMnXCI+LSBSZXF1ZXJpZG8gPHNwYW4gY2xhc3M9XCJ0ZXh0LW5lZ2F0aXZlXCI+Kjwvc3Bhbj48L25nLWNvbnRhaW5lcj5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiY3VycmVudExhbmcgPT0gJ2VuJ1wiPi0gUmVxdWlyZWQgPHNwYW4gY2xhc3M9XCJ0ZXh0LW5lZ2F0aXZlXCI+Kjwvc3Bhbj48L25nLWNvbnRhaW5lcj5cbiAgPC9uZy1jb250YWluZXI+XG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCJzdGF0ZSA9PSAncmVhZG9ubHknXCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImN1cnJlbnRMYW5nID09ICdlcydcIj4tIFPDs2xvIGxlY3R1cmE8L25nLWNvbnRhaW5lcj5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiY3VycmVudExhbmcgPT0gJ2VuJ1wiPi0gUmVhZG9ubHk8L25nLWNvbnRhaW5lcj5cbiAgPC9uZy1jb250YWluZXI+XG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCJzdGF0ZSA9PSAnZGlzYWJsZWQnXCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImN1cnJlbnRMYW5nID09ICdlcydcIj4tIERlc2hhYmlsaXRhZG88L25nLWNvbnRhaW5lcj5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiY3VycmVudExhbmcgPT0gJ2VuJ1wiPi0gRGlzYWJsZWQ8L25nLWNvbnRhaW5lcj5cbiAgPC9uZy1jb250YWluZXI+XG48L2xhYmVsPlxuPGRpdiBjbGFzcz1cImdyYXZpdHktY2FsZW5kYXItZmllbGQge3tzdGF0ZX19XCIgW2NsYXNzLmVtcHR5XT1cIiFzZWxlY3RlZERhdGUgJiYgIWZvY3VzSW5wdXRcIlxuICAgICBbY2xhc3MuZm9jdXNlZF09XCJmb2N1c0lucHV0XCIgW2NsYXNzLmZ1bGwtaW5wdXRdPVwic2VsZWN0ZWREYXRlICYmICFmb2N1c0lucHV0XCIgW2F0dHIuZWxlbWVudElkXT1cImVsZW1lbnRJZFwiPlxuICA8Z3Jhdml0eS1pY29uIGNsYXNzPVwicGxhY2VtZW50LWxlZnRcIiBbaG92ZXJJY29uXT1cImZhbHNlXCIgW2ljb25OYW1lXT1cIidjYWxlbmRhcidcIiBbc2l6ZV09XCInc20nXCI+PC9ncmF2aXR5LWljb24+XG4gIDxpbnB1dCBbYXR0ci5kYXRhLWN5XT1cImN5cHJlc3NUYWdcIlxuICAgICAgICAgW2Rpc2FibGVkXT1cInN0YXRlICE9ICdlbmFibGVkJyA/IHRydWUgOiBudWxsXCJcblxuICAgICAgICAgW3N0eWxlLmN1cnNvcl09XCJzdGF0ZSA9PSAnZW5hYmxlZCcgPyAncG9pbnRlcicgOiAndGV4dCdcIlxuXG4gICAgICAgICAoYmx1cik9XCJmb2N1c0lucHV0ID0gZmFsc2VcIlxuICAgICAgICAgKGJzVmFsdWVDaGFuZ2UpPVwidXBkYXRlU2VsZWN0ZWREYXRlKCRldmVudClcIlxuICAgICAgICAgKGZvY3VzKT1cImZvY3VzSW5wdXQgPSB0cnVlXCJcbiAgICAgICAgIChvbkhpZGRlbik9XCJmb2N1c0lucHV0ID0gZmFsc2VcIlxuXG4gICAgICAgICBjbGFzcz1cImhyLWxhYmVsIG1kLXJlZ3VsYXJcIlxuICAgICAgICAgYnNEYXRlcGlja2VyXG4gICAgICAgICBwbGFjZWhvbGRlcj1cIlNlbGVjdCB5b3VyIHt7Y2FsZW5kYXJUeXBlID09ICdkYXknID8gJ2RhdGUnIDogJ21vbnRoJ319XCJcblxuICAgICAgICAgW2JzQ29uZmlnXT1cImJzRGF0ZXBpY2tlckNvbmZpZ1wiXG4gICAgICAgICBbY29udGFpbmVyXT1cImdldEJzRGF0ZXBpY2tlckNvbnRhaW5lcigpXCJcbiAgICAgICAgIFttYXhEYXRlXT1cIm1heERhdGUgPyBtYXhEYXRlIDogbnVsbFwiXG4gICAgICAgICBbbWluRGF0ZV09XCJtaW5EYXRlID8gbWluRGF0ZSA6IG51bGxcIlxuICAgICAgICAgW21pbk1vZGVdPVwiY2FsZW5kYXJUeXBlXCJcblxuICAgICAgICAgWyhic1ZhbHVlKV09XCJzZWxlY3RlZERhdGVcIj5cbjwvZGl2PlxuPHAgY2xhc3M9XCJoci1ib2R5LXRleHQgc20tcmVndWxhciBzdXBwb3J0LXRleHQgdGV4dC17e3N1cHBvcnRUZXh0VHlwZX19XCIgKm5nSWY9XCJzdXBwb3J0VGV4dENvbnRlbnRcIj5cbiAge3tzdXBwb3J0VGV4dENvbnRlbnR9fVxuPC9wPlxuIl19
package/esm2022/lib/components/gravity-checkbox/gravity-checkbox.component.mjs CHANGED
@@ -1,29 +1,39 @@
1
1
  import { Component, EventEmitter, Input, Output } from '@angular/core';
2
2
  import * as i0 from "@angular/core";
3
- import * as i1 from "angular-svg-icon";
4
- import * as i2 from "ngx-pretty-checkbox";
3
+ import * as i1 from "@angular/common";
4
+ import * as i2 from "../gravity-icon/gravity-icon.component";
5
5
  export class GravityCheckboxComponent {
6
6
  constructor() {
7
- this.disabled = false;
8
7
  this.checked = false;
8
+ this.disabled = false;
9
9
  this.change = new EventEmitter();
10
+ this.isCheckboxActive = false;
10
11
  }
11
- onChange(event) {
12
- this.change.emit(event);
12
+ ngAfterViewInit() {
13
+ this.isCheckboxActive = this.checked;
14
+ this.change.emit({ value: this.value, checked: this.isCheckboxActive });
15
+ }
16
+ toggleCheckbox() {
17
+ if (!this.disabled) {
18
+ this.isCheckboxActive = !this.isCheckboxActive;
19
+ this.change.emit({ value: this.value, checked: this.isCheckboxActive });
20
+ }
13
21
  }
14
22
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
15
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityCheckboxComponent, selector: "gravity-checkbox", inputs: { value: "value", disabled: "disabled", checked: "checked" }, outputs: { change: "change" }, ngImport: i0, template: "<p-checkbox [checked]=\"checked\"\n [disabled]=\"disabled\"\n [value]=\"value\"\n\n color=\"default\"\n shape=\"curve\"\n stroke=\"fill\"\n\n (change)=\"onChange($event)\">\n <svg-icon p-svg name=\"success\"></svg-icon>\n <ng-content></ng-content>\n</p-checkbox>\n", styles: [":host{display:block}svg-icon{padding:2%}\n"], dependencies: [{ kind: "component", type: i1.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "component", type: i2.NgxPrettyCheckboxComponent, selector: "ngx-pretty-checkbox:not([will-change]), p-checkbox:not([will-change])", inputs: ["checked", "disabled", "value", "lock", "stateless"], outputs: ["change"], exportAs: ["ngxPrettyCheckbox"] }, { kind: "directive", type: i2.NgxPrettySvgDirective, selector: "[pSvg], [p-svg]" }] }); }
23
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityCheckboxComponent, selector: "gravity-checkbox", inputs: { checked: "checked", disabled: "disabled", name: "name", value: "value" }, outputs: { change: "change" }, ngImport: i0, template: "<div class=\"gravity-checkbox-field\" [class.disabled]=\"disabled\">\n <input [checked]=\"isCheckboxActive\"\n [disabled]=\"disabled\"\n [name]=\"name\"\n [value]=\"value\"\n\n type=\"checkbox\">\n <span class=\"checkmark\" (click)=\"toggleCheckbox()\">\n <gravity-icon [iconName]=\"'success'\" [size]=\"'sm'\" *ngIf=\"isCheckboxActive\"></gravity-icon>\n </span>\n <ng-content></ng-content>\n</div>\n", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}:host{display:block}.gravity-checkbox-field{-moz-user-select:none;-ms-user-select:none;padding-left:1.5rem;position:relative;user-select:none;-webkit-user-select:none}.gravity-checkbox-field input{position:absolute;opacity:0;height:0;width:0}.gravity-checkbox-field .checkmark{align-items:center;background-color:transparent;border:1px solid var(--outline-checkbox-off-primary);border-radius:.3125rem;cursor:pointer;display:flex;left:0;height:1.25rem;justify-content:center;min-height:1.25rem;min-width:1.25rem;position:absolute;top:0;width:1.25rem}.gravity-checkbox-field .checkmark gravity-icon{--icon-color: var(--on-bg-checkbox-on-primary)}.gravity-checkbox-field input:checked~.checkmark{background-color:var(--bg-checkbox-on-primary);border-color:var(--bg-checkbox-on-primary)}.gravity-checkbox-field.disabled .checkmark{background-color:var(--bg-disabled)!important;border-color:var(--bg-disabled)!important;cursor:initial}.gravity-checkbox-field.disabled .checkmark gravity-icon{--icon-color: var(--on-bg-disabled)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "hoverIcon", "size"] }] }); }
16
24
  }
17
25
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityCheckboxComponent, decorators: [{
18
26
  type: Component,
19
- args: [{ selector: 'gravity-checkbox', template: "<p-checkbox [checked]=\"checked\"\n [disabled]=\"disabled\"\n [value]=\"value\"\n\n color=\"default\"\n shape=\"curve\"\n stroke=\"fill\"\n\n (change)=\"onChange($event)\">\n <svg-icon p-svg name=\"success\"></svg-icon>\n <ng-content></ng-content>\n</p-checkbox>\n", styles: [":host{display:block}svg-icon{padding:2%}\n"] }]
20
- }], propDecorators: { value: [{
27
+ args: [{ selector: 'gravity-checkbox', template: "<div class=\"gravity-checkbox-field\" [class.disabled]=\"disabled\">\n <input [checked]=\"isCheckboxActive\"\n [disabled]=\"disabled\"\n [name]=\"name\"\n [value]=\"value\"\n\n type=\"checkbox\">\n <span class=\"checkmark\" (click)=\"toggleCheckbox()\">\n <gravity-icon [iconName]=\"'success'\" [size]=\"'sm'\" *ngIf=\"isCheckboxActive\"></gravity-icon>\n </span>\n <ng-content></ng-content>\n</div>\n", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}:host{display:block}.gravity-checkbox-field{-moz-user-select:none;-ms-user-select:none;padding-left:1.5rem;position:relative;user-select:none;-webkit-user-select:none}.gravity-checkbox-field input{position:absolute;opacity:0;height:0;width:0}.gravity-checkbox-field .checkmark{align-items:center;background-color:transparent;border:1px solid var(--outline-checkbox-off-primary);border-radius:.3125rem;cursor:pointer;display:flex;left:0;height:1.25rem;justify-content:center;min-height:1.25rem;min-width:1.25rem;position:absolute;top:0;width:1.25rem}.gravity-checkbox-field .checkmark gravity-icon{--icon-color: var(--on-bg-checkbox-on-primary)}.gravity-checkbox-field input:checked~.checkmark{background-color:var(--bg-checkbox-on-primary);border-color:var(--bg-checkbox-on-primary)}.gravity-checkbox-field.disabled .checkmark{background-color:var(--bg-disabled)!important;border-color:var(--bg-disabled)!important;cursor:initial}.gravity-checkbox-field.disabled .checkmark gravity-icon{--icon-color: var(--on-bg-disabled)}\n"] }]
28
+ }], propDecorators: { checked: [{
21
29
  type: Input
22
30
  }], disabled: [{
23
31
  type: Input
24
- }], checked: [{
32
+ }], name: [{
33
+ type: Input
34
+ }], value: [{
25
35
  type: Input
26
36
  }], change: [{
27
37
  type: Output
28
38
  }] } });
29
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1jaGVja2JveC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktY2hlY2tib3gvZ3Jhdml0eS1jaGVja2JveC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktY2hlY2tib3gvZ3Jhdml0eS1jaGVja2JveC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDOzs7O0FBUXJFLE1BQU0sT0FBTyx3QkFBd0I7SUFMckM7UUFPa0IsYUFBUSxHQUFZLEtBQUssQ0FBQztRQUMxQixZQUFPLEdBQVksS0FBSyxDQUFDO1FBQ3hCLFdBQU0sR0FBb0MsSUFBSSxZQUFZLEVBQXFCLENBQUM7S0FLbEc7SUFIQyxRQUFRLENBQUMsS0FBd0I7UUFDL0IsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDMUIsQ0FBQzsrR0FSVSx3QkFBd0I7bUdBQXhCLHdCQUF3Qiw2SkNSckMsOFVBWUE7OzRGREphLHdCQUF3QjtrQkFMcEMsU0FBUzsrQkFDRSxrQkFBa0I7OEJBS1osS0FBSztzQkFBcEIsS0FBSztnQkFDVSxRQUFRO3NCQUF2QixLQUFLO2dCQUNVLE9BQU87c0JBQXRCLEtBQUs7Z0JBQ1csTUFBTTtzQkFBdEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtQcmV0dHlSYWRpb0NoYW5nZX0gZnJvbSBcIm5neC1wcmV0dHktY2hlY2tib3hcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ3Jhdml0eS1jaGVja2JveCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9ncmF2aXR5LWNoZWNrYm94LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZ3Jhdml0eS1jaGVja2JveC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEdyYXZpdHlDaGVja2JveENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHB1YmxpYyB2YWx1ZTogYW55O1xuICBASW5wdXQoKSBwdWJsaWMgZGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgcHVibGljIGNoZWNrZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQE91dHB1dCgpIHB1YmxpYyBjaGFuZ2U6IEV2ZW50RW1pdHRlcjxQcmV0dHlSYWRpb0NoYW5nZT4gPSBuZXcgRXZlbnRFbWl0dGVyPFByZXR0eVJhZGlvQ2hhbmdlPigpO1xuXG4gIG9uQ2hhbmdlKGV2ZW50OiBQcmV0dHlSYWRpb0NoYW5nZSk6IHZvaWQge1xuICAgIHRoaXMuY2hhbmdlLmVtaXQoZXZlbnQpO1xuICB9XG59XG4iLCI8cC1jaGVja2JveCBbY2hlY2tlZF09XCJjaGVja2VkXCJcbiAgICAgICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXG4gICAgICAgICAgICBbdmFsdWVdPVwidmFsdWVcIlxuXG4gICAgICAgICAgICBjb2xvcj1cImRlZmF1bHRcIlxuICAgICAgICAgICAgc2hhcGU9XCJjdXJ2ZVwiXG4gICAgICAgICAgICBzdHJva2U9XCJmaWxsXCJcblxuICAgICAgICAgICAgKGNoYW5nZSk9XCJvbkNoYW5nZSgkZXZlbnQpXCI+XG4gIDxzdmctaWNvbiBwLXN2ZyBuYW1lPVwic3VjY2Vzc1wiPjwvc3ZnLWljb24+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvcC1jaGVja2JveD5cbiJdfQ==
39
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1jaGVja2JveC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktY2hlY2tib3gvZ3Jhdml0eS1jaGVja2JveC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktY2hlY2tib3gvZ3Jhdml0eS1jaGVja2JveC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQWdCLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBQyxNQUFNLGVBQWUsQ0FBQzs7OztBQU9wRixNQUFNLE9BQU8sd0JBQXdCO0lBTHJDO1FBTWtCLFlBQU8sR0FBWSxLQUFLLENBQUM7UUFDekIsYUFBUSxHQUFZLEtBQUssQ0FBQztRQUd6QixXQUFNLEdBQXNELElBQUksWUFBWSxFQUF1QyxDQUFDO1FBRTlILHFCQUFnQixHQUFZLEtBQUssQ0FBQztLQWExQztJQVhDLGVBQWU7UUFDYixJQUFJLENBQUMsZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQztRQUNyQyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxFQUFDLEtBQUssRUFBRSxJQUFJLENBQUMsS0FBSyxFQUFFLE9BQU8sRUFBRSxJQUFJLENBQUMsZ0JBQWdCLEVBQUMsQ0FBQyxDQUFDO0lBQ3hFLENBQUM7SUFFRCxjQUFjO1FBQ1osSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDbEIsSUFBSSxDQUFDLGdCQUFnQixHQUFHLENBQUMsSUFBSSxDQUFDLGdCQUFnQixDQUFDO1lBQy9DLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLEVBQUMsS0FBSyxFQUFFLElBQUksQ0FBQyxLQUFLLEVBQUUsT0FBTyxFQUFFLElBQUksQ0FBQyxnQkFBZ0IsRUFBQyxDQUFDLENBQUM7U0FDdkU7SUFDSCxDQUFDOytHQW5CVSx3QkFBd0I7bUdBQXhCLHdCQUF3QiwyS0NQckMsMGJBWUE7OzRGRExhLHdCQUF3QjtrQkFMcEMsU0FBUzsrQkFDRSxrQkFBa0I7OEJBS1osT0FBTztzQkFBdEIsS0FBSztnQkFDVSxRQUFRO3NCQUF2QixLQUFLO2dCQUNVLElBQUk7c0JBQW5CLEtBQUs7Z0JBQ1UsS0FBSztzQkFBcEIsS0FBSztnQkFDVyxNQUFNO3NCQUF0QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtBZnRlclZpZXdJbml0LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2dyYXZpdHktY2hlY2tib3gnLFxuICB0ZW1wbGF0ZVVybDogJy4vZ3Jhdml0eS1jaGVja2JveC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2dyYXZpdHktY2hlY2tib3guY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBHcmF2aXR5Q2hlY2tib3hDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0IHtcbiAgQElucHV0KCkgcHVibGljIGNoZWNrZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgcHVibGljIGRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIHB1YmxpYyBuYW1lOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHB1YmxpYyB2YWx1ZTogc3RyaW5nO1xuICBAT3V0cHV0KCkgcHVibGljIGNoYW5nZTogRXZlbnRFbWl0dGVyPHsgdmFsdWU6IHN0cmluZywgY2hlY2tlZDogYm9vbGVhbiB9PiA9IG5ldyBFdmVudEVtaXR0ZXI8eyB2YWx1ZTogc3RyaW5nLCBjaGVja2VkOiBib29sZWFuIH0+KCk7XG5cbiAgcHVibGljIGlzQ2hlY2tib3hBY3RpdmU6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBuZ0FmdGVyVmlld0luaXQoKSB7XG4gICAgdGhpcy5pc0NoZWNrYm94QWN0aXZlID0gdGhpcy5jaGVja2VkO1xuICAgIHRoaXMuY2hhbmdlLmVtaXQoe3ZhbHVlOiB0aGlzLnZhbHVlLCBjaGVja2VkOiB0aGlzLmlzQ2hlY2tib3hBY3RpdmV9KTtcbiAgfVxuXG4gIHRvZ2dsZUNoZWNrYm94KCk6IHZvaWQge1xuICAgIGlmICghdGhpcy5kaXNhYmxlZCkge1xuICAgICAgdGhpcy5pc0NoZWNrYm94QWN0aXZlID0gIXRoaXMuaXNDaGVja2JveEFjdGl2ZTtcbiAgICAgIHRoaXMuY2hhbmdlLmVtaXQoe3ZhbHVlOiB0aGlzLnZhbHVlLCBjaGVja2VkOiB0aGlzLmlzQ2hlY2tib3hBY3RpdmV9KTtcbiAgICB9XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJncmF2aXR5LWNoZWNrYm94LWZpZWxkXCIgW2NsYXNzLmRpc2FibGVkXT1cImRpc2FibGVkXCI+XG4gIDxpbnB1dCBbY2hlY2tlZF09XCJpc0NoZWNrYm94QWN0aXZlXCJcbiAgICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXG4gICAgICAgICBbbmFtZV09XCJuYW1lXCJcbiAgICAgICAgIFt2YWx1ZV09XCJ2YWx1ZVwiXG5cbiAgICAgICAgIHR5cGU9XCJjaGVja2JveFwiPlxuICA8c3BhbiBjbGFzcz1cImNoZWNrbWFya1wiIChjbGljayk9XCJ0b2dnbGVDaGVja2JveCgpXCI+XG4gICAgPGdyYXZpdHktaWNvbiBbaWNvbk5hbWVdPVwiJ3N1Y2Nlc3MnXCIgW3NpemVdPVwiJ3NtJ1wiICpuZ0lmPVwiaXNDaGVja2JveEFjdGl2ZVwiPjwvZ3Jhdml0eS1pY29uPlxuICA8L3NwYW4+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvZGl2PlxuIl19
package/esm2022/lib/components/gravity-stepper/gravity-stepper.component.mjs CHANGED
@@ -17,11 +17,11 @@ export class GravityStepperComponent {
17
17
  this.currentStepResponse.emit(this.currentStep);
18
18
  }
19
19
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityStepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
20
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityStepperComponent, selector: "gravity-stepper", inputs: { currentLang: "currentLang", stepLabels: "stepLabels" }, outputs: { currentStepResponse: "currentStep" }, ngImport: i0, template: "<div class=\"stepper-header\">\n <div class=\"step\" *ngFor=\"let stepLabel of stepLabels; let index = index\"\n [class.current]=\"(index + 1) == currentStep\"\n [class.pending]=\"(index + 1) > currentStep\"\n [class.completed]=\"(index + 1) < currentStep\"\n [style.--step-width]=\"(100 / stepLabels.length) + '%'\">\n <hr>\n <div class=\"step-content gravity-padding-right-md\">\n <gravity-icon class=\"border-radius-rounded gravity-margin-top-xs gravity-margin-right-sm gravity-padding-xs\"\n [customIconColorVariable]=\"'var(--gravity-icon-color)'\" [iconName]=\"'success'\"\n [size]=\"'lg'\"></gravity-icon>\n <div>\n <p class=\"step-number hr-label md-regular\">\n {{currentLang == 'es' ? 'Paso' : 'Step'}} 0{{index + 1}}\n </p>\n <p class=\"step-text hr-label md-bold\">{{stepLabel}}</p>\n <p class=\"border-radius-rounded hr-label md-regular step-state\"\n [class.current]=\"(index + 1) == currentStep\"\n [class.pending]=\"(index + 1) > currentStep\"\n [class.completed]=\"(index + 1) < currentStep\">\n {{currentLang == 'en' ? ((index + 1) == currentStep ? 'In progress' : (index + 1) > currentStep ? 'Pending' : 'Completed') : ''}}\n {{currentLang == 'es' ? ((index + 1) == currentStep ? 'En progreso' : (index + 1) > currentStep ? 'Pendiente' : 'Completado') : ''}}\n </p>\n </div>\n </div>\n </div>\n <div class=\"gravity-margin-top-xs mobile\">\n <p class=\"border-radius-xs current gravity-margin-right-xs hr-label md-regular step-state\">\n {{currentLang == 'en' ? 'In progress' : 'En progreso'}}\n </p>\n <p class=\"step-number gravity-margin-right-xs hr-label md-regular\">\n {{currentLang == 'es' ? 'Paso' : 'Step'}} 0{{currentStep}}:\n </p>\n <p class=\"step-text hr-label md-bold\">{{stepLabels[currentStep - 1]}}</p>\n </div>\n</div>\n<div class=\"stepper-content\">\n <ng-content></ng-content>\n</div>\n", styles: [".stepper-header{align-items:center;display:flex;justify-content:space-between}@media (max-width: 992px){.stepper-header{flex-wrap:wrap}}.step{display:flex;position:relative;width:var(--step-width)}@media (min-width: 993px){.step{justify-content:flex-end}}hr{background-color:var(--step-hr-background);border:none;height:.375rem;margin:0}@media (min-width: 993px){hr{left:0;position:absolute;top:1.4rem;width:100%}}@media (max-width: 992px){hr{width:95%}}.step.current hr{--step-hr-background: var(--line-stepper-current-primary)}.step.pending hr{--step-hr-background: var(--line-stepper-pending-primary)}.step.completed hr{--step-hr-background: var(--line-stepper-completed-primary)}.step-content{background-color:var(--surface-secondary);display:flex;z-index:1}@media (max-width: 992px){.step-content{display:none}}gravity-icon{background-color:var(--step-icon-background);padding:.3125rem;z-index:1}.step.current gravity-icon{--gravity-icon-color: var(--on-bg-stepper-current-primary);--step-icon-background: var(--line-stepper-current-primary)}.step.pending gravity-icon{--gravity-icon-color: var(--on-bg-stepper-pending-primary);--step-icon-background: var(--line-stepper-pending-primary)}.step.completed gravity-icon{--gravity-icon-color: var(--on-bg-stepper-completed-primary);--step-icon-background: var(--line-stepper-completed-primary)}.step-number,.step-text{color:var(--step-text-color)}.step.current .step-content .step-number,.step.current .step-content .step-text{--step-text-color: var(--text-stepper-current-primary)}.step.pending .step-content .step-number,.step.pending .step-content .step-text{--step-text-color: var(--text-stepper-pending-primary)}.step.completed .step-content .step-number,.step.completed .step-content .step-text{--step-text-color: var(--text-stepper-completed-primary)}.step-state{background-color:var(--step-state-background-color);color:var(--step-state-color);padding:.25rem 1rem;text-align:center;width:-moz-fit-content;width:fit-content}.step.current .step-content .step-state,.step-state.current{--step-state-background-color: var(--bg-stepper-current-primary);--step-state-color: var(--on-bg-stepper-current-primary)}.step.pending .step-content .step-state,.step-state.pending{--step-state-background-color: var(--bg-stepper-pending-primary);--step-state-color: var(--on-bg-stepper-pending-primary)}.step.completed .step-content .step-state,.step-state.completed{--step-state-background-color: var(--bg-stepper-completed-primary);--step-state-color: var(--on-bg-stepper-completed-primary)}.mobile{align-items:center}@media (min-width: 993px){.mobile{display:none}}@media (max-width: 992px){.mobile{display:flex}}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2.GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "hoverIcon", "size"] }] }); }
20
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityStepperComponent, selector: "gravity-stepper", inputs: { currentLang: "currentLang", stepLabels: "stepLabels" }, outputs: { currentStepResponse: "currentStep" }, ngImport: i0, template: "<div class=\"stepper-header\">\n <div class=\"step\" *ngFor=\"let stepLabel of stepLabels; let index = index\"\n [class.current]=\"(index + 1) == currentStep\"\n [class.pending]=\"(index + 1) > currentStep\"\n [class.completed]=\"(index + 1) < currentStep\"\n [style.--step-width]=\"(100 / stepLabels.length) + '%'\">\n <hr>\n <div class=\"step-content gravity-padding-right-md\">\n <gravity-icon class=\"border-radius-rounded gravity-margin-top-xs gravity-margin-right-sm gravity-padding-xs\"\n [customIconColorVariable]=\"'var(--gravity-icon-color)'\" [iconName]=\"'success'\"\n [size]=\"'lg'\"></gravity-icon>\n <div>\n <p class=\"step-number hr-label md-regular\">\n {{currentLang == 'es' ? 'Paso' : 'Step'}} 0{{index + 1}}\n </p>\n <p class=\"step-text hr-label md-bold\">{{stepLabel}}</p>\n <p class=\"border-radius-rounded hr-label md-regular step-state\"\n [class.current]=\"(index + 1) == currentStep\"\n [class.pending]=\"(index + 1) > currentStep\"\n [class.completed]=\"(index + 1) < currentStep\">\n {{currentLang == 'en' ? ((index + 1) == currentStep ? 'In progress' : (index + 1) > currentStep ? 'Pending' : 'Completed') : ''}}\n {{currentLang == 'es' ? ((index + 1) == currentStep ? 'En progreso' : (index + 1) > currentStep ? 'Pendiente' : 'Completado') : ''}}\n </p>\n </div>\n </div>\n </div>\n <div class=\"gravity-margin-top-xs mobile\">\n <p class=\"border-radius-xs current gravity-margin-right-xs hr-label md-regular step-state\">\n {{currentLang == 'en' ? 'In progress' : 'En progreso'}}\n </p>\n <p class=\"step-number gravity-margin-right-xs hr-label md-regular\">\n {{currentLang == 'es' ? 'Paso' : 'Step'}} 0{{currentStep}}:\n </p>\n <p class=\"step-text hr-label md-bold\">{{stepLabels[currentStep - 1]}}</p>\n </div>\n</div>\n<div class=\"stepper-content\">\n <ng-content></ng-content>\n</div>\n", styles: [".stepper-header{align-items:center;display:flex;justify-content:space-between}@media (max-width: 992px){.stepper-header{flex-wrap:wrap}}.step{display:flex;position:relative;width:var(--step-width)}@media (min-width: 993px){.step{justify-content:flex-end}}hr{background-color:var(--step-hr-background);border:none;height:.375rem;margin:0;opacity:1}@media (min-width: 993px){hr{left:0;position:absolute;top:1.4rem;width:100%}}@media (max-width: 992px){hr{width:95%}}.step.current hr{--step-hr-background: var(--line-stepper-current-primary)}.step.pending hr{--step-hr-background: var(--line-stepper-pending-primary)}.step.completed hr{--step-hr-background: var(--line-stepper-completed-primary)}.step-content{background-color:var(--surface-secondary);display:flex;z-index:1}@media (max-width: 992px){.step-content{display:none}}gravity-icon{background-color:var(--step-icon-background);padding:.3125rem;z-index:1}.step.current gravity-icon{--gravity-icon-color: var(--on-bg-stepper-current-primary);--step-icon-background: var(--line-stepper-current-primary)}.step.pending gravity-icon{--gravity-icon-color: var(--on-bg-stepper-pending-primary);--step-icon-background: var(--line-stepper-pending-primary)}.step.completed gravity-icon{--gravity-icon-color: var(--on-bg-stepper-completed-primary);--step-icon-background: var(--line-stepper-completed-primary)}.step-number,.step-text{color:var(--step-text-color)}.step.current .step-content .step-number,.step.current .step-content .step-text{--step-text-color: var(--text-stepper-current-primary)}.step.pending .step-content .step-number,.step.pending .step-content .step-text{--step-text-color: var(--text-stepper-pending-primary)}.step.completed .step-content .step-number,.step.completed .step-content .step-text{--step-text-color: var(--text-stepper-completed-primary)}.step-state{background-color:var(--step-state-background-color);color:var(--step-state-color);padding:.25rem 1rem;text-align:center;width:-moz-fit-content;width:fit-content}.step.current .step-content .step-state,.step-state.current{--step-state-background-color: var(--bg-stepper-current-primary);--step-state-color: var(--on-bg-stepper-current-primary)}.step.pending .step-content .step-state,.step-state.pending{--step-state-background-color: var(--bg-stepper-pending-primary);--step-state-color: var(--on-bg-stepper-pending-primary)}.step.completed .step-content .step-state,.step-state.completed{--step-state-background-color: var(--bg-stepper-completed-primary);--step-state-color: var(--on-bg-stepper-completed-primary)}.mobile{align-items:center}@media (min-width: 993px){.mobile{display:none}}@media (max-width: 992px){.mobile{display:flex}}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2.GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "hoverIcon", "size"] }] }); }
21
21
  }
22
22
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityStepperComponent, decorators: [{
23
23
  type: Component,
24
- args: [{ selector: 'gravity-stepper', template: "<div class=\"stepper-header\">\n <div class=\"step\" *ngFor=\"let stepLabel of stepLabels; let index = index\"\n [class.current]=\"(index + 1) == currentStep\"\n [class.pending]=\"(index + 1) > currentStep\"\n [class.completed]=\"(index + 1) < currentStep\"\n [style.--step-width]=\"(100 / stepLabels.length) + '%'\">\n <hr>\n <div class=\"step-content gravity-padding-right-md\">\n <gravity-icon class=\"border-radius-rounded gravity-margin-top-xs gravity-margin-right-sm gravity-padding-xs\"\n [customIconColorVariable]=\"'var(--gravity-icon-color)'\" [iconName]=\"'success'\"\n [size]=\"'lg'\"></gravity-icon>\n <div>\n <p class=\"step-number hr-label md-regular\">\n {{currentLang == 'es' ? 'Paso' : 'Step'}} 0{{index + 1}}\n </p>\n <p class=\"step-text hr-label md-bold\">{{stepLabel}}</p>\n <p class=\"border-radius-rounded hr-label md-regular step-state\"\n [class.current]=\"(index + 1) == currentStep\"\n [class.pending]=\"(index + 1) > currentStep\"\n [class.completed]=\"(index + 1) < currentStep\">\n {{currentLang == 'en' ? ((index + 1) == currentStep ? 'In progress' : (index + 1) > currentStep ? 'Pending' : 'Completed') : ''}}\n {{currentLang == 'es' ? ((index + 1) == currentStep ? 'En progreso' : (index + 1) > currentStep ? 'Pendiente' : 'Completado') : ''}}\n </p>\n </div>\n </div>\n </div>\n <div class=\"gravity-margin-top-xs mobile\">\n <p class=\"border-radius-xs current gravity-margin-right-xs hr-label md-regular step-state\">\n {{currentLang == 'en' ? 'In progress' : 'En progreso'}}\n </p>\n <p class=\"step-number gravity-margin-right-xs hr-label md-regular\">\n {{currentLang == 'es' ? 'Paso' : 'Step'}} 0{{currentStep}}:\n </p>\n <p class=\"step-text hr-label md-bold\">{{stepLabels[currentStep - 1]}}</p>\n </div>\n</div>\n<div class=\"stepper-content\">\n <ng-content></ng-content>\n</div>\n", styles: [".stepper-header{align-items:center;display:flex;justify-content:space-between}@media (max-width: 992px){.stepper-header{flex-wrap:wrap}}.step{display:flex;position:relative;width:var(--step-width)}@media (min-width: 993px){.step{justify-content:flex-end}}hr{background-color:var(--step-hr-background);border:none;height:.375rem;margin:0}@media (min-width: 993px){hr{left:0;position:absolute;top:1.4rem;width:100%}}@media (max-width: 992px){hr{width:95%}}.step.current hr{--step-hr-background: var(--line-stepper-current-primary)}.step.pending hr{--step-hr-background: var(--line-stepper-pending-primary)}.step.completed hr{--step-hr-background: var(--line-stepper-completed-primary)}.step-content{background-color:var(--surface-secondary);display:flex;z-index:1}@media (max-width: 992px){.step-content{display:none}}gravity-icon{background-color:var(--step-icon-background);padding:.3125rem;z-index:1}.step.current gravity-icon{--gravity-icon-color: var(--on-bg-stepper-current-primary);--step-icon-background: var(--line-stepper-current-primary)}.step.pending gravity-icon{--gravity-icon-color: var(--on-bg-stepper-pending-primary);--step-icon-background: var(--line-stepper-pending-primary)}.step.completed gravity-icon{--gravity-icon-color: var(--on-bg-stepper-completed-primary);--step-icon-background: var(--line-stepper-completed-primary)}.step-number,.step-text{color:var(--step-text-color)}.step.current .step-content .step-number,.step.current .step-content .step-text{--step-text-color: var(--text-stepper-current-primary)}.step.pending .step-content .step-number,.step.pending .step-content .step-text{--step-text-color: var(--text-stepper-pending-primary)}.step.completed .step-content .step-number,.step.completed .step-content .step-text{--step-text-color: var(--text-stepper-completed-primary)}.step-state{background-color:var(--step-state-background-color);color:var(--step-state-color);padding:.25rem 1rem;text-align:center;width:-moz-fit-content;width:fit-content}.step.current .step-content .step-state,.step-state.current{--step-state-background-color: var(--bg-stepper-current-primary);--step-state-color: var(--on-bg-stepper-current-primary)}.step.pending .step-content .step-state,.step-state.pending{--step-state-background-color: var(--bg-stepper-pending-primary);--step-state-color: var(--on-bg-stepper-pending-primary)}.step.completed .step-content .step-state,.step-state.completed{--step-state-background-color: var(--bg-stepper-completed-primary);--step-state-color: var(--on-bg-stepper-completed-primary)}.mobile{align-items:center}@media (min-width: 993px){.mobile{display:none}}@media (max-width: 992px){.mobile{display:flex}}\n"] }]
24
+ args: [{ selector: 'gravity-stepper', template: "<div class=\"stepper-header\">\n <div class=\"step\" *ngFor=\"let stepLabel of stepLabels; let index = index\"\n [class.current]=\"(index + 1) == currentStep\"\n [class.pending]=\"(index + 1) > currentStep\"\n [class.completed]=\"(index + 1) < currentStep\"\n [style.--step-width]=\"(100 / stepLabels.length) + '%'\">\n <hr>\n <div class=\"step-content gravity-padding-right-md\">\n <gravity-icon class=\"border-radius-rounded gravity-margin-top-xs gravity-margin-right-sm gravity-padding-xs\"\n [customIconColorVariable]=\"'var(--gravity-icon-color)'\" [iconName]=\"'success'\"\n [size]=\"'lg'\"></gravity-icon>\n <div>\n <p class=\"step-number hr-label md-regular\">\n {{currentLang == 'es' ? 'Paso' : 'Step'}} 0{{index + 1}}\n </p>\n <p class=\"step-text hr-label md-bold\">{{stepLabel}}</p>\n <p class=\"border-radius-rounded hr-label md-regular step-state\"\n [class.current]=\"(index + 1) == currentStep\"\n [class.pending]=\"(index + 1) > currentStep\"\n [class.completed]=\"(index + 1) < currentStep\">\n {{currentLang == 'en' ? ((index + 1) == currentStep ? 'In progress' : (index + 1) > currentStep ? 'Pending' : 'Completed') : ''}}\n {{currentLang == 'es' ? ((index + 1) == currentStep ? 'En progreso' : (index + 1) > currentStep ? 'Pendiente' : 'Completado') : ''}}\n </p>\n </div>\n </div>\n </div>\n <div class=\"gravity-margin-top-xs mobile\">\n <p class=\"border-radius-xs current gravity-margin-right-xs hr-label md-regular step-state\">\n {{currentLang == 'en' ? 'In progress' : 'En progreso'}}\n </p>\n <p class=\"step-number gravity-margin-right-xs hr-label md-regular\">\n {{currentLang == 'es' ? 'Paso' : 'Step'}} 0{{currentStep}}:\n </p>\n <p class=\"step-text hr-label md-bold\">{{stepLabels[currentStep - 1]}}</p>\n </div>\n</div>\n<div class=\"stepper-content\">\n <ng-content></ng-content>\n</div>\n", styles: [".stepper-header{align-items:center;display:flex;justify-content:space-between}@media (max-width: 992px){.stepper-header{flex-wrap:wrap}}.step{display:flex;position:relative;width:var(--step-width)}@media (min-width: 993px){.step{justify-content:flex-end}}hr{background-color:var(--step-hr-background);border:none;height:.375rem;margin:0;opacity:1}@media (min-width: 993px){hr{left:0;position:absolute;top:1.4rem;width:100%}}@media (max-width: 992px){hr{width:95%}}.step.current hr{--step-hr-background: var(--line-stepper-current-primary)}.step.pending hr{--step-hr-background: var(--line-stepper-pending-primary)}.step.completed hr{--step-hr-background: var(--line-stepper-completed-primary)}.step-content{background-color:var(--surface-secondary);display:flex;z-index:1}@media (max-width: 992px){.step-content{display:none}}gravity-icon{background-color:var(--step-icon-background);padding:.3125rem;z-index:1}.step.current gravity-icon{--gravity-icon-color: var(--on-bg-stepper-current-primary);--step-icon-background: var(--line-stepper-current-primary)}.step.pending gravity-icon{--gravity-icon-color: var(--on-bg-stepper-pending-primary);--step-icon-background: var(--line-stepper-pending-primary)}.step.completed gravity-icon{--gravity-icon-color: var(--on-bg-stepper-completed-primary);--step-icon-background: var(--line-stepper-completed-primary)}.step-number,.step-text{color:var(--step-text-color)}.step.current .step-content .step-number,.step.current .step-content .step-text{--step-text-color: var(--text-stepper-current-primary)}.step.pending .step-content .step-number,.step.pending .step-content .step-text{--step-text-color: var(--text-stepper-pending-primary)}.step.completed .step-content .step-number,.step.completed .step-content .step-text{--step-text-color: var(--text-stepper-completed-primary)}.step-state{background-color:var(--step-state-background-color);color:var(--step-state-color);padding:.25rem 1rem;text-align:center;width:-moz-fit-content;width:fit-content}.step.current .step-content .step-state,.step-state.current{--step-state-background-color: var(--bg-stepper-current-primary);--step-state-color: var(--on-bg-stepper-current-primary)}.step.pending .step-content .step-state,.step-state.pending{--step-state-background-color: var(--bg-stepper-pending-primary);--step-state-color: var(--on-bg-stepper-pending-primary)}.step.completed .step-content .step-state,.step-state.completed{--step-state-background-color: var(--bg-stepper-completed-primary);--step-state-color: var(--on-bg-stepper-completed-primary)}.mobile{align-items:center}@media (min-width: 993px){.mobile{display:none}}@media (max-width: 992px){.mobile{display:flex}}\n"] }]
25
25
  }], propDecorators: { currentLang: [{
26
26
  type: Input
27
27
  }], stepLabels: [{
package/esm2022/lib/components/gravity-switch/gravity-switch.component.mjs CHANGED
@@ -1,7 +1,6 @@
1
1
  import { Component, EventEmitter, Input, Output } from '@angular/core';
2
2
  import * as i0 from "@angular/core";
3
3
  import * as i1 from "@angular/common";
4
- import * as i2 from "ngx-pretty-checkbox";
5
4
  export class GravitySwitchComponent {
6
5
  constructor() {
7
6
  this.currentLang = "en";
@@ -9,16 +8,24 @@ export class GravitySwitchComponent {
9
8
  this.required = false;
10
9
  this.state = "enabled";
11
10
  this.switchResponse = new EventEmitter();
11
+ this.isSwitchActive = false;
12
12
  }
13
- toggleSwitchHandler($event) {
14
- this.switchResponse.emit($event.checked);
13
+ ngAfterViewInit() {
14
+ this.isSwitchActive = this.customCheck;
15
+ this.switchResponse.emit(this.isSwitchActive);
16
+ }
17
+ toggleSwitch() {
18
+ if (this.state == 'enabled') {
19
+ this.isSwitchActive = !this.isSwitchActive;
20
+ this.switchResponse.emit(this.isSwitchActive);
21
+ }
15
22
  }
16
23
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravitySwitchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
17
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravitySwitchComponent, selector: "gravity-switch", inputs: { currentLang: "currentLang", customCheck: "customCheck", cypressTag: "cypressTag", label: "label", required: "required", state: "state", toggleOptions: "toggleOptions" }, outputs: { switchResponse: "response" }, ngImport: i0, template: "<label class=\"hr-body-text sm-regular\">\n {{label}}\n <ng-container *ngIf=\"required\">\n <ng-container *ngIf=\"currentLang == 'es'\">- Requerido <span class=\"text-negative\">*</span></ng-container>\n <ng-container *ngIf=\"currentLang == 'en'\">- Required <span class=\"text-negative\">*</span></ng-container>\n </ng-container>\n <ng-container *ngIf=\"state == 'readonly'\">\n <ng-container *ngIf=\"currentLang == 'es'\">- S\u00F3lo lectura</ng-container>\n <ng-container *ngIf=\"currentLang == 'en'\">- Readonly</ng-container>\n </ng-container>\n <ng-container *ngIf=\"state == 'disabled'\">\n <ng-container *ngIf=\"currentLang == 'es'\">- Deshabilitado</ng-container>\n <ng-container *ngIf=\"currentLang == 'en'\">- Disabled</ng-container>\n </ng-container>\n</label>\n<div class=\"gravity-switch\" [class.toggle-options]=\"toggleOptions\">\n <span class=\"hr-body-text sm-regular\" *ngIf=\"toggleOptions\">\n {{toggleOptions[0]}}\n </span>\n <p-checkbox [attr.data-cy]=\"cypressTag\"\n [checked]=\"customCheck\"\n [disabled]=\"state == 'disabled'\"\n\n isSwitch=\"true\"\n stroke=\"fill\"\n\n (change)=\"toggleSwitchHandler($event)\">\n </p-checkbox>\n <span class=\"hr-body-text sm-regular\" *ngIf=\"toggleOptions\">\n {{toggleOptions[1]}}\n </span>\n</div>\n", styles: [".text-negative{color:var(--negative-primary)}.text-neutro{color:var(--text-primary)}.text-positive{color:var(--positive-primary)}.support-text{margin-left:0;margin-top:.3125rem;padding-inline:1rem}:host{display:block}label{color:var(--text-primary);margin-inline:1rem}.gravity-switch{align-items:center;display:flex;height:3rem;padding:.625rem 1rem}.gravity-switch.toggle-options p-checkbox{margin-inline:.5rem .75rem}.gravity-switch p-checkbox{height:100%;width:3rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.NgxPrettyCheckboxComponent, selector: "ngx-pretty-checkbox:not([will-change]), p-checkbox:not([will-change])", inputs: ["checked", "disabled", "value", "lock", "stateless"], outputs: ["change"], exportAs: ["ngxPrettyCheckbox"] }] }); }
24
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravitySwitchComponent, selector: "gravity-switch", inputs: { currentLang: "currentLang", customCheck: "customCheck", cypressTag: "cypressTag", label: "label", required: "required", state: "state", toggleOptions: "toggleOptions" }, outputs: { switchResponse: "response" }, ngImport: i0, template: "<label class=\"hr-body-text sm-regular\">\n {{label}}\n <ng-container *ngIf=\"required\">\n <ng-container *ngIf=\"currentLang == 'es'\">- Requerido <span class=\"text-negative\">*</span></ng-container>\n <ng-container *ngIf=\"currentLang == 'en'\">- Required <span class=\"text-negative\">*</span></ng-container>\n </ng-container>\n <ng-container *ngIf=\"state == 'readonly'\">\n <ng-container *ngIf=\"currentLang == 'es'\">- S\u00F3lo lectura</ng-container>\n <ng-container *ngIf=\"currentLang == 'en'\">- Readonly</ng-container>\n </ng-container>\n <ng-container *ngIf=\"state == 'disabled'\">\n <ng-container *ngIf=\"currentLang == 'es'\">- Deshabilitado</ng-container>\n <ng-container *ngIf=\"currentLang == 'en'\">- Disabled</ng-container>\n </ng-container>\n</label>\n<div class=\"gravity-switch\" [class.toggle-options]=\"toggleOptions\">\n <span class=\"hr-body-text sm-regular\" *ngIf=\"toggleOptions\">\n {{toggleOptions[0]}}\n </span>\n <div [attr.data-cy]=\"cypressTag\" class=\"switch\" (click)=\"toggleSwitch()\" [class.disabled]=\"state == 'disabled'\">\n <input type=\"checkbox\" [checked]=\"isSwitchActive\" [disabled]=\"state == 'disabled'\">\n <span class=\"slider round\"></span>\n </div>\n <span class=\"hr-body-text sm-regular\" *ngIf=\"toggleOptions\">\n {{toggleOptions[1]}}\n </span>\n</div>\n", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}.text-negative{color:var(--negative-primary)}.text-neutro{color:var(--text-primary)}.text-positive{color:var(--positive-primary)}.support-text{margin-left:0;margin-top:.3125rem;padding-inline:1rem}:host{display:block}label{color:var(--text-primary);margin-inline:1rem}.gravity-switch{align-items:center;display:flex;height:3rem;padding:.625rem 1rem}.gravity-switch.toggle-options .switch{margin-inline:.5rem .75rem}.gravity-switch .switch{display:inline-block;height:1.75rem;position:relative;width:3rem}.gravity-switch .switch input{opacity:0;width:0;height:0}.gravity-switch .switch input:checked+.slider{background-color:var(--bg-switch-on-primary)}.gravity-switch .switch input:checked+.slider:before{background-color:var(--on-bg-switch-on-primary);transform:translate(110%);-webkit-transform:translateX(110%)}.gravity-switch .switch span.slider{background-color:var(--bg-switch-off-primary);border-radius:6.25rem;cursor:pointer;inset:0;position:absolute;transition:.4s;-webkit-transition:.4s}.gravity-switch .switch span.slider:before{background-color:var(--on-bg-switch-off-primary);border-radius:6.25rem;content:\"\";height:1.1rem;left:10%;position:absolute;top:18%;transition:.4s;width:1.1rem;-webkit-transition:.4s}.gravity-switch .switch.disabled span.slider{background-color:var(--bg-switch-disabled-primary);cursor:initial}.gravity-switch .switch.disabled span.slider:before{background-color:var(--on-bg-switch-disabled-primary)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
18
25
  }
19
26
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravitySwitchComponent, decorators: [{
20
27
  type: Component,
21
- args: [{ selector: 'gravity-switch', template: "<label class=\"hr-body-text sm-regular\">\n {{label}}\n <ng-container *ngIf=\"required\">\n <ng-container *ngIf=\"currentLang == 'es'\">- Requerido <span class=\"text-negative\">*</span></ng-container>\n <ng-container *ngIf=\"currentLang == 'en'\">- Required <span class=\"text-negative\">*</span></ng-container>\n </ng-container>\n <ng-container *ngIf=\"state == 'readonly'\">\n <ng-container *ngIf=\"currentLang == 'es'\">- S\u00F3lo lectura</ng-container>\n <ng-container *ngIf=\"currentLang == 'en'\">- Readonly</ng-container>\n </ng-container>\n <ng-container *ngIf=\"state == 'disabled'\">\n <ng-container *ngIf=\"currentLang == 'es'\">- Deshabilitado</ng-container>\n <ng-container *ngIf=\"currentLang == 'en'\">- Disabled</ng-container>\n </ng-container>\n</label>\n<div class=\"gravity-switch\" [class.toggle-options]=\"toggleOptions\">\n <span class=\"hr-body-text sm-regular\" *ngIf=\"toggleOptions\">\n {{toggleOptions[0]}}\n </span>\n <p-checkbox [attr.data-cy]=\"cypressTag\"\n [checked]=\"customCheck\"\n [disabled]=\"state == 'disabled'\"\n\n isSwitch=\"true\"\n stroke=\"fill\"\n\n (change)=\"toggleSwitchHandler($event)\">\n </p-checkbox>\n <span class=\"hr-body-text sm-regular\" *ngIf=\"toggleOptions\">\n {{toggleOptions[1]}}\n </span>\n</div>\n", styles: [".text-negative{color:var(--negative-primary)}.text-neutro{color:var(--text-primary)}.text-positive{color:var(--positive-primary)}.support-text{margin-left:0;margin-top:.3125rem;padding-inline:1rem}:host{display:block}label{color:var(--text-primary);margin-inline:1rem}.gravity-switch{align-items:center;display:flex;height:3rem;padding:.625rem 1rem}.gravity-switch.toggle-options p-checkbox{margin-inline:.5rem .75rem}.gravity-switch p-checkbox{height:100%;width:3rem}\n"] }]
28
+ args: [{ selector: 'gravity-switch', template: "<label class=\"hr-body-text sm-regular\">\n {{label}}\n <ng-container *ngIf=\"required\">\n <ng-container *ngIf=\"currentLang == 'es'\">- Requerido <span class=\"text-negative\">*</span></ng-container>\n <ng-container *ngIf=\"currentLang == 'en'\">- Required <span class=\"text-negative\">*</span></ng-container>\n </ng-container>\n <ng-container *ngIf=\"state == 'readonly'\">\n <ng-container *ngIf=\"currentLang == 'es'\">- S\u00F3lo lectura</ng-container>\n <ng-container *ngIf=\"currentLang == 'en'\">- Readonly</ng-container>\n </ng-container>\n <ng-container *ngIf=\"state == 'disabled'\">\n <ng-container *ngIf=\"currentLang == 'es'\">- Deshabilitado</ng-container>\n <ng-container *ngIf=\"currentLang == 'en'\">- Disabled</ng-container>\n </ng-container>\n</label>\n<div class=\"gravity-switch\" [class.toggle-options]=\"toggleOptions\">\n <span class=\"hr-body-text sm-regular\" *ngIf=\"toggleOptions\">\n {{toggleOptions[0]}}\n </span>\n <div [attr.data-cy]=\"cypressTag\" class=\"switch\" (click)=\"toggleSwitch()\" [class.disabled]=\"state == 'disabled'\">\n <input type=\"checkbox\" [checked]=\"isSwitchActive\" [disabled]=\"state == 'disabled'\">\n <span class=\"slider round\"></span>\n </div>\n <span class=\"hr-body-text sm-regular\" *ngIf=\"toggleOptions\">\n {{toggleOptions[1]}}\n </span>\n</div>\n", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}.text-negative{color:var(--negative-primary)}.text-neutro{color:var(--text-primary)}.text-positive{color:var(--positive-primary)}.support-text{margin-left:0;margin-top:.3125rem;padding-inline:1rem}:host{display:block}label{color:var(--text-primary);margin-inline:1rem}.gravity-switch{align-items:center;display:flex;height:3rem;padding:.625rem 1rem}.gravity-switch.toggle-options .switch{margin-inline:.5rem .75rem}.gravity-switch .switch{display:inline-block;height:1.75rem;position:relative;width:3rem}.gravity-switch .switch input{opacity:0;width:0;height:0}.gravity-switch .switch input:checked+.slider{background-color:var(--bg-switch-on-primary)}.gravity-switch .switch input:checked+.slider:before{background-color:var(--on-bg-switch-on-primary);transform:translate(110%);-webkit-transform:translateX(110%)}.gravity-switch .switch span.slider{background-color:var(--bg-switch-off-primary);border-radius:6.25rem;cursor:pointer;inset:0;position:absolute;transition:.4s;-webkit-transition:.4s}.gravity-switch .switch span.slider:before{background-color:var(--on-bg-switch-off-primary);border-radius:6.25rem;content:\"\";height:1.1rem;left:10%;position:absolute;top:18%;transition:.4s;width:1.1rem;-webkit-transition:.4s}.gravity-switch .switch.disabled span.slider{background-color:var(--bg-switch-disabled-primary);cursor:initial}.gravity-switch .switch.disabled span.slider:before{background-color:var(--on-bg-switch-disabled-primary)}\n"] }]
22
29
  }], propDecorators: { currentLang: [{
23
30
  type: Input
24
31
  }], customCheck: [{
@@ -37,4 +44,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
37
44
  type: Output,
38
45
  args: ['response']
39
46
  }] } });
40
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1zd2l0Y2guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZ3Jhdml0eS1kZXNpZ24tc3lzdGVtL3NyYy9saWIvY29tcG9uZW50cy9ncmF2aXR5LXN3aXRjaC9ncmF2aXR5LXN3aXRjaC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktc3dpdGNoL2dyYXZpdHktc3dpdGNoLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUMsTUFBTSxlQUFlLENBQUM7Ozs7QUFRckUsTUFBTSxPQUFPLHNCQUFzQjtJQUxuQztRQU1rQixnQkFBVyxHQUFXLElBQUksQ0FBQztRQUMzQixnQkFBVyxHQUFZLEtBQUssQ0FBQztRQUc3QixhQUFRLEdBQVksS0FBSyxDQUFDO1FBQzFCLFVBQUssR0FBd0MsU0FBUyxDQUFDO1FBRTVDLG1CQUFjLEdBQTBCLElBQUksWUFBWSxFQUFFLENBQUM7S0FLdkY7SUFIQyxtQkFBbUIsQ0FBQyxNQUE0QjtRQUM5QyxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDM0MsQ0FBQzsrR0FaVSxzQkFBc0I7bUdBQXRCLHNCQUFzQixtUkNSbkMsMDFDQWdDQTs7NEZEeEJhLHNCQUFzQjtrQkFMbEMsU0FBUzsrQkFDRSxnQkFBZ0I7OEJBS1YsV0FBVztzQkFBMUIsS0FBSztnQkFDVSxXQUFXO3NCQUExQixLQUFLO2dCQUNVLFVBQVU7c0JBQXpCLEtBQUs7Z0JBQ1UsS0FBSztzQkFBcEIsS0FBSztnQkFDVSxRQUFRO3NCQUF2QixLQUFLO2dCQUNVLEtBQUs7c0JBQXBCLEtBQUs7Z0JBQ1UsYUFBYTtzQkFBNUIsS0FBSztnQkFDcUIsY0FBYztzQkFBeEMsTUFBTTt1QkFBQyxVQUFVIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1ByZXR0eUNoZWNrQm94Q2hhbmdlfSBmcm9tIFwibmd4LXByZXR0eS1jaGVja2JveC9saWIvbW9kZWxcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ3Jhdml0eS1zd2l0Y2gnLFxuICB0ZW1wbGF0ZVVybDogJy4vZ3Jhdml0eS1zd2l0Y2guY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9ncmF2aXR5LXN3aXRjaC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEdyYXZpdHlTd2l0Y2hDb21wb25lbnQge1xuICBASW5wdXQoKSBwdWJsaWMgY3VycmVudExhbmc6IHN0cmluZyA9IFwiZW5cIjtcbiAgQElucHV0KCkgcHVibGljIGN1c3RvbUNoZWNrOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIHB1YmxpYyBjeXByZXNzVGFnOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHB1YmxpYyBsYWJlbDogc3RyaW5nO1xuICBASW5wdXQoKSBwdWJsaWMgcmVxdWlyZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgcHVibGljIHN0YXRlOiAncmVhZG9ubHknIHwgJ2Rpc2FibGVkJyB8ICdlbmFibGVkJyA9IFwiZW5hYmxlZFwiO1xuICBASW5wdXQoKSBwdWJsaWMgdG9nZ2xlT3B0aW9uczogc3RyaW5nW107XG4gIEBPdXRwdXQoJ3Jlc3BvbnNlJykgcHVibGljIHN3aXRjaFJlc3BvbnNlOiBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgdG9nZ2xlU3dpdGNoSGFuZGxlcigkZXZlbnQ6IFByZXR0eUNoZWNrQm94Q2hhbmdlKTogdm9pZCB7XG4gICAgdGhpcy5zd2l0Y2hSZXNwb25zZS5lbWl0KCRldmVudC5jaGVja2VkKTtcbiAgfVxufVxuIiwiPGxhYmVsIGNsYXNzPVwiaHItYm9keS10ZXh0IHNtLXJlZ3VsYXJcIj5cbiAge3tsYWJlbH19XG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCJyZXF1aXJlZFwiPlxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJjdXJyZW50TGFuZyA9PSAnZXMnXCI+LSBSZXF1ZXJpZG8gPHNwYW4gY2xhc3M9XCJ0ZXh0LW5lZ2F0aXZlXCI+Kjwvc3Bhbj48L25nLWNvbnRhaW5lcj5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiY3VycmVudExhbmcgPT0gJ2VuJ1wiPi0gUmVxdWlyZWQgPHNwYW4gY2xhc3M9XCJ0ZXh0LW5lZ2F0aXZlXCI+Kjwvc3Bhbj48L25nLWNvbnRhaW5lcj5cbiAgPC9uZy1jb250YWluZXI+XG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCJzdGF0ZSA9PSAncmVhZG9ubHknXCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImN1cnJlbnRMYW5nID09ICdlcydcIj4tIFPDs2xvIGxlY3R1cmE8L25nLWNvbnRhaW5lcj5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiY3VycmVudExhbmcgPT0gJ2VuJ1wiPi0gUmVhZG9ubHk8L25nLWNvbnRhaW5lcj5cbiAgPC9uZy1jb250YWluZXI+XG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCJzdGF0ZSA9PSAnZGlzYWJsZWQnXCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImN1cnJlbnRMYW5nID09ICdlcydcIj4tIERlc2hhYmlsaXRhZG88L25nLWNvbnRhaW5lcj5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiY3VycmVudExhbmcgPT0gJ2VuJ1wiPi0gRGlzYWJsZWQ8L25nLWNvbnRhaW5lcj5cbiAgPC9uZy1jb250YWluZXI+XG48L2xhYmVsPlxuPGRpdiBjbGFzcz1cImdyYXZpdHktc3dpdGNoXCIgW2NsYXNzLnRvZ2dsZS1vcHRpb25zXT1cInRvZ2dsZU9wdGlvbnNcIj5cbiAgPHNwYW4gY2xhc3M9XCJoci1ib2R5LXRleHQgc20tcmVndWxhclwiICpuZ0lmPVwidG9nZ2xlT3B0aW9uc1wiPlxuICAgIHt7dG9nZ2xlT3B0aW9uc1swXX19XG4gIDwvc3Bhbj5cbiAgPHAtY2hlY2tib3ggW2F0dHIuZGF0YS1jeV09XCJjeXByZXNzVGFnXCJcbiAgICAgICAgICAgICAgW2NoZWNrZWRdPVwiY3VzdG9tQ2hlY2tcIlxuICAgICAgICAgICAgICBbZGlzYWJsZWRdPVwic3RhdGUgPT0gJ2Rpc2FibGVkJ1wiXG5cbiAgICAgICAgICAgICAgaXNTd2l0Y2g9XCJ0cnVlXCJcbiAgICAgICAgICAgICAgc3Ryb2tlPVwiZmlsbFwiXG5cbiAgICAgICAgICAgICAgKGNoYW5nZSk9XCJ0b2dnbGVTd2l0Y2hIYW5kbGVyKCRldmVudClcIj5cbiAgPC9wLWNoZWNrYm94PlxuICA8c3BhbiBjbGFzcz1cImhyLWJvZHktdGV4dCBzbS1yZWd1bGFyXCIgKm5nSWY9XCJ0b2dnbGVPcHRpb25zXCI+XG4gICAge3t0b2dnbGVPcHRpb25zWzFdfX1cbiAgPC9zcGFuPlxuPC9kaXY+XG4iXX0=
47
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1zd2l0Y2guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZ3Jhdml0eS1kZXNpZ24tc3lzdGVtL3NyYy9saWIvY29tcG9uZW50cy9ncmF2aXR5LXN3aXRjaC9ncmF2aXR5LXN3aXRjaC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktc3dpdGNoL2dyYXZpdHktc3dpdGNoLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBZ0IsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDOzs7QUFPcEYsTUFBTSxPQUFPLHNCQUFzQjtJQUxuQztRQU1rQixnQkFBVyxHQUFXLElBQUksQ0FBQztRQUMzQixnQkFBVyxHQUFZLEtBQUssQ0FBQztRQUc3QixhQUFRLEdBQVksS0FBSyxDQUFDO1FBQzFCLFVBQUssR0FBd0MsU0FBUyxDQUFDO1FBRTVDLG1CQUFjLEdBQTBCLElBQUksWUFBWSxFQUFFLENBQUM7UUFFL0UsbUJBQWMsR0FBWSxLQUFLLENBQUM7S0FheEM7SUFYQyxlQUFlO1FBQ2IsSUFBSSxDQUFDLGNBQWMsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDO1FBQ3ZDLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsQ0FBQztJQUNoRCxDQUFDO0lBRU0sWUFBWTtRQUNqQixJQUFJLElBQUksQ0FBQyxLQUFLLElBQUksU0FBUyxFQUFFO1lBQzNCLElBQUksQ0FBQyxjQUFjLEdBQUcsQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDO1lBQzNDLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsQ0FBQztTQUMvQztJQUNILENBQUM7K0dBdEJVLHNCQUFzQjttR0FBdEIsc0JBQXNCLG1SQ1BuQyxtMUNBMkJBOzs0RkRwQmEsc0JBQXNCO2tCQUxsQyxTQUFTOytCQUNFLGdCQUFnQjs4QkFLVixXQUFXO3NCQUExQixLQUFLO2dCQUNVLFdBQVc7c0JBQTFCLEtBQUs7Z0JBQ1UsVUFBVTtzQkFBekIsS0FBSztnQkFDVSxLQUFLO3NCQUFwQixLQUFLO2dCQUNVLFFBQVE7c0JBQXZCLEtBQUs7Z0JBQ1UsS0FBSztzQkFBcEIsS0FBSztnQkFDVSxhQUFhO3NCQUE1QixLQUFLO2dCQUNxQixjQUFjO3NCQUF4QyxNQUFNO3VCQUFDLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0FmdGVyVmlld0luaXQsIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ3Jhdml0eS1zd2l0Y2gnLFxuICB0ZW1wbGF0ZVVybDogJy4vZ3Jhdml0eS1zd2l0Y2guY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9ncmF2aXR5LXN3aXRjaC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEdyYXZpdHlTd2l0Y2hDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0IHtcbiAgQElucHV0KCkgcHVibGljIGN1cnJlbnRMYW5nOiBzdHJpbmcgPSBcImVuXCI7XG4gIEBJbnB1dCgpIHB1YmxpYyBjdXN0b21DaGVjazogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBwdWJsaWMgY3lwcmVzc1RhZzogc3RyaW5nO1xuICBASW5wdXQoKSBwdWJsaWMgbGFiZWw6IHN0cmluZztcbiAgQElucHV0KCkgcHVibGljIHJlcXVpcmVkOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIHB1YmxpYyBzdGF0ZTogJ3JlYWRvbmx5JyB8ICdkaXNhYmxlZCcgfCAnZW5hYmxlZCcgPSBcImVuYWJsZWRcIjtcbiAgQElucHV0KCkgcHVibGljIHRvZ2dsZU9wdGlvbnM6IHN0cmluZ1tdO1xuICBAT3V0cHV0KCdyZXNwb25zZScpIHB1YmxpYyBzd2l0Y2hSZXNwb25zZTogRXZlbnRFbWl0dGVyPGJvb2xlYW4+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIHB1YmxpYyBpc1N3aXRjaEFjdGl2ZTogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICB0aGlzLmlzU3dpdGNoQWN0aXZlID0gdGhpcy5jdXN0b21DaGVjaztcbiAgICB0aGlzLnN3aXRjaFJlc3BvbnNlLmVtaXQodGhpcy5pc1N3aXRjaEFjdGl2ZSk7XG4gIH1cblxuICBwdWJsaWMgdG9nZ2xlU3dpdGNoKCk6IHZvaWQge1xuICAgIGlmICh0aGlzLnN0YXRlID09ICdlbmFibGVkJykge1xuICAgICAgdGhpcy5pc1N3aXRjaEFjdGl2ZSA9ICF0aGlzLmlzU3dpdGNoQWN0aXZlO1xuICAgICAgdGhpcy5zd2l0Y2hSZXNwb25zZS5lbWl0KHRoaXMuaXNTd2l0Y2hBY3RpdmUpO1xuICAgIH1cbiAgfVxufVxuIiwiPGxhYmVsIGNsYXNzPVwiaHItYm9keS10ZXh0IHNtLXJlZ3VsYXJcIj5cbiAge3tsYWJlbH19XG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCJyZXF1aXJlZFwiPlxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJjdXJyZW50TGFuZyA9PSAnZXMnXCI+LSBSZXF1ZXJpZG8gPHNwYW4gY2xhc3M9XCJ0ZXh0LW5lZ2F0aXZlXCI+Kjwvc3Bhbj48L25nLWNvbnRhaW5lcj5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiY3VycmVudExhbmcgPT0gJ2VuJ1wiPi0gUmVxdWlyZWQgPHNwYW4gY2xhc3M9XCJ0ZXh0LW5lZ2F0aXZlXCI+Kjwvc3Bhbj48L25nLWNvbnRhaW5lcj5cbiAgPC9uZy1jb250YWluZXI+XG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCJzdGF0ZSA9PSAncmVhZG9ubHknXCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImN1cnJlbnRMYW5nID09ICdlcydcIj4tIFPDs2xvIGxlY3R1cmE8L25nLWNvbnRhaW5lcj5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiY3VycmVudExhbmcgPT0gJ2VuJ1wiPi0gUmVhZG9ubHk8L25nLWNvbnRhaW5lcj5cbiAgPC9uZy1jb250YWluZXI+XG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCJzdGF0ZSA9PSAnZGlzYWJsZWQnXCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImN1cnJlbnRMYW5nID09ICdlcydcIj4tIERlc2hhYmlsaXRhZG88L25nLWNvbnRhaW5lcj5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiY3VycmVudExhbmcgPT0gJ2VuJ1wiPi0gRGlzYWJsZWQ8L25nLWNvbnRhaW5lcj5cbiAgPC9uZy1jb250YWluZXI+XG48L2xhYmVsPlxuPGRpdiBjbGFzcz1cImdyYXZpdHktc3dpdGNoXCIgW2NsYXNzLnRvZ2dsZS1vcHRpb25zXT1cInRvZ2dsZU9wdGlvbnNcIj5cbiAgPHNwYW4gY2xhc3M9XCJoci1ib2R5LXRleHQgc20tcmVndWxhclwiICpuZ0lmPVwidG9nZ2xlT3B0aW9uc1wiPlxuICAgIHt7dG9nZ2xlT3B0aW9uc1swXX19XG4gIDwvc3Bhbj5cbiAgPGRpdiBbYXR0ci5kYXRhLWN5XT1cImN5cHJlc3NUYWdcIiBjbGFzcz1cInN3aXRjaFwiIChjbGljayk9XCJ0b2dnbGVTd2l0Y2goKVwiIFtjbGFzcy5kaXNhYmxlZF09XCJzdGF0ZSA9PSAnZGlzYWJsZWQnXCI+XG4gICAgPGlucHV0IHR5cGU9XCJjaGVja2JveFwiIFtjaGVja2VkXT1cImlzU3dpdGNoQWN0aXZlXCIgW2Rpc2FibGVkXT1cInN0YXRlID09ICdkaXNhYmxlZCdcIj5cbiAgICA8c3BhbiBjbGFzcz1cInNsaWRlciByb3VuZFwiPjwvc3Bhbj5cbiAgPC9kaXY+XG4gIDxzcGFuIGNsYXNzPVwiaHItYm9keS10ZXh0IHNtLXJlZ3VsYXJcIiAqbmdJZj1cInRvZ2dsZU9wdGlvbnNcIj5cbiAgICB7e3RvZ2dsZU9wdGlvbnNbMV19fVxuICA8L3NwYW4+XG48L2Rpdj5cbiJdfQ==