onshore-forms 0.0.39 → 0.0.40

package/esm2020/lib/components/form-autocomplete-item/form-autocomplete-item.component.mjs

@@ -69,7 +69,7 @@ export class OnshoreFormAutocompleteItemComponent {
     }
 }
 OnshoreFormAutocompleteItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: OnshoreFormAutocompleteItemComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
-OnshoreFormAutocompleteItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: OnshoreFormAutocompleteItemComponent, selector: "onshore-form-autocomplete-item", inputs: { formTemplate: "formTemplate", multiple: "multiple", searchedData: "searchedData" }, outputs: { onSearch: "onSearch", onSelect: "onSelect", onClear: "onClear", actionButtonClick: "actionButtonClick" }, usesOnChanges: true, ngImport: i0, template: "<onshore-form-item-container [formTemplate]=\"formTemplate\" [ngControl]=\"ngControl\" (actionButtonClick)=\"actionButtonClick.emit()\">\n  <p-autoComplete [placeholder]=\"formTemplate.placeholder\"\n                  appendTo=\"body\"\n                  [formControl]=\"this.ngControl.control\"\n                  (onSelect)=\"selected($event)\"\n                  (onUnselect)=\"selected($event)\"\n                  (onClear)=\"searchClear()\"\n                  [suggestions]=\"searchedData\"\n                  (completeMethod)=\"searchPrepare($event)\"\n                  [disabled]=\"disabled\"\n                  [size]=\"30\"\n                  [minLength]=\"2\"\n                  [multiple]=\"multiple\"\n                  [delay]=\"1000\"\n                  [unique]=\"true\"\n                  field=\"firstLineLabel\"\n                  dataKey=\"data\"\n                  class=\"w-full\">\n    <ng-template let-item pTemplate=\"item\">\n      <div *ngIf=\"item.firstLineLabel\">\n        <span class=\"mr-1\">\n          <b>{{item.firstLineLabel}}</b><br>\n        </span>\n      </div>\n      <div *ngIf=\"item.secondLineLabel\"><span>{{item.secondLineLabel}} </span></div>\n      <div *ngIf=\"item.thirdLineLabel\"><span>{{item.thirdLineLabel}} </span></div>\n    </ng-template>\n  </p-autoComplete>\n</onshore-form-item-container>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3.AutoComplete, selector: "p-autoComplete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "itemSize", "suggestions"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "directive", type: i4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i5.OnshoreFormItemContainer, selector: "onshore-form-item-container", inputs: ["formTemplate", "ngControl"], outputs: ["actionButtonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+OnshoreFormAutocompleteItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: OnshoreFormAutocompleteItemComponent, selector: "onshore-form-autocomplete-item", inputs: { formTemplate: "formTemplate", multiple: "multiple", searchedData: "searchedData" }, outputs: { onSearch: "onSearch", onSelect: "onSelect", onClear: "onClear", actionButtonClick: "actionButtonClick" }, usesOnChanges: true, ngImport: i0, template: "<onshore-form-item-container [formTemplate]=\"formTemplate\" [ngControl]=\"ngControl\" (actionButtonClick)=\"actionButtonClick.emit()\">\n  <p-autoComplete [placeholder]=\"formTemplate.placeholder\"\n                  appendTo=\"body\"\n                  [formControl]=\"this.ngControl.control\"\n                  (onSelect)=\"selected($event)\"\n                  (onUnselect)=\"selected($event)\"\n                  (onClear)=\"searchClear()\"\n                  [suggestions]=\"searchedData\"\n                  (completeMethod)=\"searchPrepare($event)\"\n                  [disabled]=\"disabled\"\n                  [size]=\"30\"\n                  [minLength]=\"2\"\n                  [multiple]=\"multiple\"\n                  [delay]=\"1000\"\n                  [unique]=\"true\"\n                  field=\"firstLineLabel\"\n                  dataKey=\"data\"\n                  class=\"w-full\">\n    <ng-template let-item pTemplate=\"item\">\n      <div *ngIf=\"item.firstLineLabel\">\n        <span class=\"mr-1\">\n          <b>{{item.firstLineLabel}}</b><br>\n        </span>\n      </div>\n      <div *ngIf=\"item.secondLineLabel\"><span>{{item.secondLineLabel}} </span></div>\n      <div *ngIf=\"item.thirdLineLabel\"><span>{{item.thirdLineLabel}} </span></div>\n    </ng-template>\n  </p-autoComplete>\n</onshore-form-item-container>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3.AutoComplete, selector: "p-autoComplete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "itemSize", "suggestions"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "directive", type: i4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i5.OnshoreFormItemContainer, selector: "onshore-form-item-container", inputs: ["formTemplate", "ngControl", "hidden"], outputs: ["actionButtonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: OnshoreFormAutocompleteItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onshore-form-autocomplete-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<onshore-form-item-container [formTemplate]=\"formTemplate\" [ngControl]=\"ngControl\" (actionButtonClick)=\"actionButtonClick.emit()\">\n  <p-autoComplete [placeholder]=\"formTemplate.placeholder\"\n                  appendTo=\"body\"\n                  [formControl]=\"this.ngControl.control\"\n                  (onSelect)=\"selected($event)\"\n                  (onUnselect)=\"selected($event)\"\n                  (onClear)=\"searchClear()\"\n                  [suggestions]=\"searchedData\"\n                  (completeMethod)=\"searchPrepare($event)\"\n                  [disabled]=\"disabled\"\n                  [size]=\"30\"\n                  [minLength]=\"2\"\n                  [multiple]=\"multiple\"\n                  [delay]=\"1000\"\n                  [unique]=\"true\"\n                  field=\"firstLineLabel\"\n                  dataKey=\"data\"\n                  class=\"w-full\">\n    <ng-template let-item pTemplate=\"item\">\n      <div *ngIf=\"item.firstLineLabel\">\n        <span class=\"mr-1\">\n          <b>{{item.firstLineLabel}}</b><br>\n        </span>\n      </div>\n      <div *ngIf=\"item.secondLineLabel\"><span>{{item.secondLineLabel}} </span></div>\n      <div *ngIf=\"item.thirdLineLabel\"><span>{{item.thirdLineLabel}} </span></div>\n    </ng-template>\n  </p-autoComplete>\n</onshore-form-item-container>\n" }]

package/esm2020/lib/components/form-checkbox-item/form-checkbox-item.component.mjs

@@ -35,7 +35,7 @@ export class OnshoreFormCheckboxItemComponent {
     }
 }
 OnshoreFormCheckboxItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: OnshoreFormCheckboxItemComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-OnshoreFormCheckboxItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: OnshoreFormCheckboxItemComponent, selector: "onshore-form-checkbox-item", inputs: { formTemplate: "formTemplate" }, outputs: { actionButtonClick: "actionButtonClick" }, usesOnChanges: true, ngImport: i0, template: "<onshore-form-item-container [formTemplate]=\"formTemplate\" [ngControl]=\"ngControl\" (actionButtonClick)=\"actionButtonClick.emit()\">\n\n  <div class=\"p-field-checkbox flex\">\n    <p-checkbox\n      class=\"align-self-start mt-1\"\n      [name]=\"formTemplate.name\"\n      [formControl]=\"ngControl.control\"\n      [binary]=\"true\"\n      [disabled]=\"disabled\"\n      [inputId]=\"formTemplate.name\"\n      [value]=\"ngControl.control.value\"\n      (onChange)=\"changeCheck($event)\">\n    </p-checkbox>\n\n    <label class=\"mb-0 ml-2 onshore-color-gray-5\"\n           [for]=\"formTemplate.name\">\n      {{formTemplate.description}}\n    </label>\n  </div>\n\n</onshore-form-item-container>\n", dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2.Checkbox, selector: "p-checkbox", inputs: ["value", "name", "disabled", "binary", "label", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "styleClass", "labelStyleClass", "formControl", "checkboxIcon", "readonly", "required", "trueValue", "falseValue"], outputs: ["onChange"] }, { kind: "component", type: i3.OnshoreFormItemContainer, selector: "onshore-form-item-container", inputs: ["formTemplate", "ngControl"], outputs: ["actionButtonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+OnshoreFormCheckboxItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: OnshoreFormCheckboxItemComponent, selector: "onshore-form-checkbox-item", inputs: { formTemplate: "formTemplate" }, outputs: { actionButtonClick: "actionButtonClick" }, usesOnChanges: true, ngImport: i0, template: "<onshore-form-item-container [formTemplate]=\"formTemplate\" [ngControl]=\"ngControl\" (actionButtonClick)=\"actionButtonClick.emit()\">\n\n  <div class=\"p-field-checkbox flex\">\n    <p-checkbox\n      class=\"align-self-start mt-1\"\n      [name]=\"formTemplate.name\"\n      [formControl]=\"ngControl.control\"\n      [binary]=\"true\"\n      [disabled]=\"disabled\"\n      [inputId]=\"formTemplate.name\"\n      [value]=\"ngControl.control.value\"\n      (onChange)=\"changeCheck($event)\">\n    </p-checkbox>\n\n    <label class=\"mb-0 ml-2 onshore-color-gray-5\"\n           [for]=\"formTemplate.name\">\n      {{formTemplate.description}}\n    </label>\n  </div>\n\n</onshore-form-item-container>\n", dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2.Checkbox, selector: "p-checkbox", inputs: ["value", "name", "disabled", "binary", "label", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "styleClass", "labelStyleClass", "formControl", "checkboxIcon", "readonly", "required", "trueValue", "falseValue"], outputs: ["onChange"] }, { kind: "component", type: i3.OnshoreFormItemContainer, selector: "onshore-form-item-container", inputs: ["formTemplate", "ngControl", "hidden"], outputs: ["actionButtonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: OnshoreFormCheckboxItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onshore-form-checkbox-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<onshore-form-item-container [formTemplate]=\"formTemplate\" [ngControl]=\"ngControl\" (actionButtonClick)=\"actionButtonClick.emit()\">\n\n  <div class=\"p-field-checkbox flex\">\n    <p-checkbox\n      class=\"align-self-start mt-1\"\n      [name]=\"formTemplate.name\"\n      [formControl]=\"ngControl.control\"\n      [binary]=\"true\"\n      [disabled]=\"disabled\"\n      [inputId]=\"formTemplate.name\"\n      [value]=\"ngControl.control.value\"\n      (onChange)=\"changeCheck($event)\">\n    </p-checkbox>\n\n    <label class=\"mb-0 ml-2 onshore-color-gray-5\"\n           [for]=\"formTemplate.name\">\n      {{formTemplate.description}}\n    </label>\n  </div>\n\n</onshore-form-item-container>\n" }]

package/esm2020/lib/components/form-colorpicker-item/form-colorpicker-item.component.mjs

@@ -42,7 +42,7 @@ export class OnshoreFormColorpickerItemComponent {
     }
 }
 OnshoreFormColorpickerItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: OnshoreFormColorpickerItemComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-OnshoreFormColorpickerItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: OnshoreFormColorpickerItemComponent, selector: "onshore-form-colorpicker-item", inputs: { formTemplate: "formTemplate" }, outputs: { actionButtonClick: "actionButtonClick" }, usesOnChanges: true, ngImport: i0, template: "<onshore-form-item-container [formTemplate]=\"formTemplate\" [ngControl]=\"ngControl\" (actionButtonClick)=\"actionButtonClick.emit()\">\n  <div class=\"flex w-full\">\n\n    <input class=\"w-full mr-2\"\n           type=\"text\"\n           [name]=\"formTemplate.name\"\n           [placeholder]=\"formTemplate.placeholder ?? ''\"\n           [formControl]=\"ngControl.control\"\n           [disabled]=\"disabled\"\n           pInputText\n           [value]=\"ngControl.control.value\"\n           (input)=\"changeInput($event)\"/>\n\n    <p-colorPicker [(ngModel)]=\"colorPickerValue\"\n                   format=\"hex\" [inline]=\"false\"\n                   appendTo=\"body\"\n                   [disabled]=\"disabled\"\n                   [baseZIndex]=\"99999\"\n                   (onChange)=\"changeColor()\">\n    </p-colorPicker>\n  </div>\n</onshore-form-item-container>\n", dependencies: [{ kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2.ColorPicker, selector: "p-colorPicker", inputs: ["style", "styleClass", "inline", "format", "appendTo", "disabled", "tabindex", "inputId", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onChange", "onShow", "onHide"] }, { kind: "directive", type: i3.InputText, selector: "[pInputText]" }, { kind: "component", type: i4.OnshoreFormItemContainer, selector: "onshore-form-item-container", inputs: ["formTemplate", "ngControl"], outputs: ["actionButtonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+OnshoreFormColorpickerItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: OnshoreFormColorpickerItemComponent, selector: "onshore-form-colorpicker-item", inputs: { formTemplate: "formTemplate" }, outputs: { actionButtonClick: "actionButtonClick" }, usesOnChanges: true, ngImport: i0, template: "<onshore-form-item-container [formTemplate]=\"formTemplate\" [ngControl]=\"ngControl\" (actionButtonClick)=\"actionButtonClick.emit()\">\n  <div class=\"flex w-full\">\n\n    <input class=\"w-full mr-2\"\n           type=\"text\"\n           [name]=\"formTemplate.name\"\n           [placeholder]=\"formTemplate.placeholder ?? ''\"\n           [formControl]=\"ngControl.control\"\n           [disabled]=\"disabled\"\n           pInputText\n           [value]=\"ngControl.control.value\"\n           (input)=\"changeInput($event)\"/>\n\n    <p-colorPicker [(ngModel)]=\"colorPickerValue\"\n                   format=\"hex\" [inline]=\"false\"\n                   appendTo=\"body\"\n                   [disabled]=\"disabled\"\n                   [baseZIndex]=\"99999\"\n                   (onChange)=\"changeColor()\">\n    </p-colorPicker>\n  </div>\n</onshore-form-item-container>\n", dependencies: [{ kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2.ColorPicker, selector: "p-colorPicker", inputs: ["style", "styleClass", "inline", "format", "appendTo", "disabled", "tabindex", "inputId", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onChange", "onShow", "onHide"] }, { kind: "directive", type: i3.InputText, selector: "[pInputText]" }, { kind: "component", type: i4.OnshoreFormItemContainer, selector: "onshore-form-item-container", inputs: ["formTemplate", "ngControl", "hidden"], outputs: ["actionButtonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: OnshoreFormColorpickerItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onshore-form-colorpicker-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<onshore-form-item-container [formTemplate]=\"formTemplate\" [ngControl]=\"ngControl\" (actionButtonClick)=\"actionButtonClick.emit()\">\n  <div class=\"flex w-full\">\n\n    <input class=\"w-full mr-2\"\n           type=\"text\"\n           [name]=\"formTemplate.name\"\n           [placeholder]=\"formTemplate.placeholder ?? ''\"\n           [formControl]=\"ngControl.control\"\n           [disabled]=\"disabled\"\n           pInputText\n           [value]=\"ngControl.control.value\"\n           (input)=\"changeInput($event)\"/>\n\n    <p-colorPicker [(ngModel)]=\"colorPickerValue\"\n                   format=\"hex\" [inline]=\"false\"\n                   appendTo=\"body\"\n                   [disabled]=\"disabled\"\n                   [baseZIndex]=\"99999\"\n                   (onChange)=\"changeColor()\">\n    </p-colorPicker>\n  </div>\n</onshore-form-item-container>\n" }]

package/esm2020/lib/components/form-datetime-item/form-datetime-item.component.mjs

@@ -40,7 +40,7 @@ export class OnshoreFormDatetimeItemComponent {
     }
 }
 OnshoreFormDatetimeItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: OnshoreFormDatetimeItemComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-OnshoreFormDatetimeItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: OnshoreFormDatetimeItemComponent, selector: "onshore-form-datetime-item", inputs: { formTemplate: "formTemplate" }, outputs: { actionButtonClick: "actionButtonClick" }, usesOnChanges: true, ngImport: i0, template: "<onshore-form-item-container [formTemplate]=\"formTemplate\" [ngControl]=\"ngControl\" (actionButtonClick)=\"actionButtonClick.emit()\">\n\n  <p-calendar class=\"w-full\"\n              [name]=\"formTemplate.name\"\n              [placeholder]=\"formTemplate.placeholder ?? 0\"\n              [disabled]=\"disabled\"\n              [formControl]=\"ngControl.control\"\n              dateFormat=\"dd.mm.yy\"\n              dataType=\"string\"\n              hourFormat=\"24\"\n              [timeOnly]=\"formTemplate.type == OnshoreFormTemplateType.time ? true : false\"\n              [showTime]=\"formTemplate.type == OnshoreFormTemplateType.datetime ? true : false\"\n              [defaultDate]=\"formTemplate.default\"\n              (onSelect)=\"selectDate($event)\"\n              appendTo=\"body\">\n  </p-calendar>\n\n</onshore-form-item-container>\n", dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2.Calendar, selector: "p-calendar", inputs: ["style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "view", "defaultDate", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "component", type: i3.OnshoreFormItemContainer, selector: "onshore-form-item-container", inputs: ["formTemplate", "ngControl"], outputs: ["actionButtonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+OnshoreFormDatetimeItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: OnshoreFormDatetimeItemComponent, selector: "onshore-form-datetime-item", inputs: { formTemplate: "formTemplate" }, outputs: { actionButtonClick: "actionButtonClick" }, usesOnChanges: true, ngImport: i0, template: "<onshore-form-item-container [formTemplate]=\"formTemplate\" [ngControl]=\"ngControl\" (actionButtonClick)=\"actionButtonClick.emit()\">\n\n  <p-calendar class=\"w-full\"\n              [name]=\"formTemplate.name\"\n              [placeholder]=\"formTemplate.placeholder ?? 0\"\n              [disabled]=\"disabled\"\n              [formControl]=\"ngControl.control\"\n              dateFormat=\"dd.mm.yy\"\n              dataType=\"string\"\n              hourFormat=\"24\"\n              [timeOnly]=\"formTemplate.type == OnshoreFormTemplateType.time ? true : false\"\n              [showTime]=\"formTemplate.type == OnshoreFormTemplateType.datetime ? true : false\"\n              [defaultDate]=\"formTemplate.default\"\n              (onSelect)=\"selectDate($event)\"\n              appendTo=\"body\">\n  </p-calendar>\n\n</onshore-form-item-container>\n", dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2.Calendar, selector: "p-calendar", inputs: ["style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "view", "defaultDate", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "component", type: i3.OnshoreFormItemContainer, selector: "onshore-form-item-container", inputs: ["formTemplate", "ngControl", "hidden"], outputs: ["actionButtonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: OnshoreFormDatetimeItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onshore-form-datetime-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<onshore-form-item-container [formTemplate]=\"formTemplate\" [ngControl]=\"ngControl\" (actionButtonClick)=\"actionButtonClick.emit()\">\n\n  <p-calendar class=\"w-full\"\n              [name]=\"formTemplate.name\"\n              [placeholder]=\"formTemplate.placeholder ?? 0\"\n              [disabled]=\"disabled\"\n              [formControl]=\"ngControl.control\"\n              dateFormat=\"dd.mm.yy\"\n              dataType=\"string\"\n              hourFormat=\"24\"\n              [timeOnly]=\"formTemplate.type == OnshoreFormTemplateType.time ? true : false\"\n              [showTime]=\"formTemplate.type == OnshoreFormTemplateType.datetime ? true : false\"\n              [defaultDate]=\"formTemplate.default\"\n              (onSelect)=\"selectDate($event)\"\n              appendTo=\"body\">\n  </p-calendar>\n\n</onshore-form-item-container>\n" }]

package/esm2020/lib/components/form-dropdown-item/form-dropdown-item.component.mjs

@@ -1,5 +1,4 @@
 import { ChangeDetectionStrategy, Component, EventEmitter, Input, Optional, Output, Self } from '@angular/core';
-import { debounceTime, distinctUntilChanged, skip } from 'rxjs';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/forms";
 import * as i2 from "@angular/common";
@@ -11,6 +10,7 @@ export class OnshoreFormDropdownItemComponent {
     constructor(ngControl, cdr) {
         this.ngControl = ngControl;
         this.cdr = cdr;
+        this.hidden = false;
         this.multiple = false;
         this.showClear = false;
         this.group = false;
@@ -41,17 +41,15 @@ export class OnshoreFormDropdownItemComponent {
     }
     clearSelection() {
         this.ngControl.control?.reset();
-        //this.ngControl.control?.setValue(this.multiple ? [] : '');
+        this.ngControl.control?.setValue(this.multiple ? [] : '');
         this.cdr.markForCheck();
     }
     ngOnInit() {
-        this.ngControl.control?.valueChanges.pipe(debounceTime(100), distinctUntilChanged(), skip(1)).subscribe(newValue => {
-            this.valueChange.emit(this.ngControl.control?.value);
-        });
-        if (this.ngControl.control?.value == '' && this.formTemplate.default != undefined) {
+        if (this.ngControl.control?.value == '' && this.formTemplate.default != undefined && !this.multiple) {
             this.ngControl.control?.setValue(this.formTemplate.default);
             this.cdr.markForCheck();
         }
+        console.log("MULTI", this.formTemplate.name);
     }
     ngOnDestroy() {
         this.ngControl.control?.disable();
@@ -66,16 +64,18 @@ export class OnshoreFormDropdownItemComponent {
     }
 }
 OnshoreFormDropdownItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: OnshoreFormDropdownItemComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-OnshoreFormDropdownItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: OnshoreFormDropdownItemComponent, selector: "onshore-form-dropdown-item", inputs: { formTemplate: "formTemplate", multiple: "multiple", showClear: "showClear", group: "group", selectionLimit: "selectionLimit", minLength: "minLength", optionLabel: "optionLabel", optionGroupLabel: "optionGroupLabel", dataKey: "dataKey" }, outputs: { valueChange: "valueChange", actionButtonClick: "actionButtonClick" }, usesOnChanges: true, ngImport: i0, template: "<onshore-form-item-container [formTemplate]=\"formTemplate\" [ngControl]=\"ngControl\" (actionButtonClick)=\"actionButtonClick.emit()\">\n\n  <p-dropdown *ngIf=\"!multiple\"\n              class=\"w-full\"\n              [options]=\"formTemplate?.options\"\n              [formControl]=\"ngControl.control\"\n              [name]=\"formTemplate?.name\"\n              [placeholder]=\"formTemplate?.placeholder\"\n              [disabled]=\"disabled\"\n              [optionLabel]=\"optionLabel\"\n              [dataKey]=\"dataKey\"\n              [optionGroupLabel]=\"optionGroupLabel\"\n              [group]=\"group\"\n              [showClear]=\"showClear && formTemplate?.placeholder\"\n              (onClear)=\"clearSelection()\"\n              optionDisabled=\"disabled\"\n              appendTo=\"body\">\n  </p-dropdown>\n\n  <p-multiSelect *ngIf=\"multiple\"\n                 class=\"w-full\"\n                 [options]=\"formTemplate?.options\"\n                 [formControl]=\"ngControl.control\"\n                 [name]=\"formTemplate?.name\"\n                 [placeholder]=\"formTemplate?.placeholder\"\n                 [disabled]=\"disabled\"\n                 [showClear]=\"showClear\"\n                 [selectionLimit]=\"selectionLimit\"\n                 [minlength]=\"minLength\"\n                 [optionLabel]=\"optionLabel\"\n                 [dataKey]=\"dataKey\"\n                 [optionGroupLabel]=\"optionGroupLabel\"\n                 [group]=\"group\"\n                 (onClear)=\"clearSelection()\"\n                 [selectedItemsLabel]=\"'form.dropdownControl.selectedItems' | translate\"\n                 optionDisabled=\"disabled\"\n                 appendTo=\"body\"></p-multiSelect>\n\n</onshore-form-item-container>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3.Dropdown, selector: "p-dropdown", inputs: ["scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "filterPlaceholder", "filterLocale", "inputId", "selectId", "dataKey", "filterBy", "autofocus", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "disabled", "itemSize", "options", "filterValue"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: i4.MultiSelect, selector: "p-multiSelect", inputs: ["style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "appendTo", "dataKey", "name", "label", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "autoZIndex", "baseZIndex", "filterBy", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "showTransitionOptions", "hideTransitionOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "defaultLabel", "placeholder", "options", "filterValue", "itemSize"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad"] }, { kind: "component", type: i5.OnshoreFormItemContainer, selector: "onshore-form-item-container", inputs: ["formTemplate", "ngControl"], outputs: ["actionButtonClick"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+OnshoreFormDropdownItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: OnshoreFormDropdownItemComponent, selector: "onshore-form-dropdown-item", inputs: { formTemplate: "formTemplate", hidden: "hidden", multiple: "multiple", showClear: "showClear", group: "group", selectionLimit: "selectionLimit", minLength: "minLength", optionLabel: "optionLabel", optionGroupLabel: "optionGroupLabel", dataKey: "dataKey" }, outputs: { valueChange: "valueChange", actionButtonClick: "actionButtonClick" }, usesOnChanges: true, ngImport: i0, template: "<onshore-form-item-container [hidden]=\"hidden\" [formTemplate]=\"formTemplate\" [ngControl]=\"ngControl\" (actionButtonClick)=\"actionButtonClick.emit()\">\n\n  <p-dropdown *ngIf=\"!multiple && !hidden\"\n              class=\"w-full\"\n              [options]=\"formTemplate?.options\"\n              [formControl]=\"ngControl.control\"\n              [name]=\"formTemplate?.name\"\n              [placeholder]=\"formTemplate?.placeholder\"\n              [disabled]=\"disabled\"\n              [optionLabel]=\"optionLabel\"\n              [dataKey]=\"dataKey\"\n              [optionGroupLabel]=\"optionGroupLabel\"\n              [group]=\"group\"\n              [showClear]=\"showClear && formTemplate?.placeholder\"\n              (onClear)=\"clearSelection()\"\n              optionDisabled=\"disabled\"\n              appendTo=\"body\">\n  </p-dropdown>\n\n  <p-multiSelect *ngIf=\"multiple && !hidden\"\n                 class=\"w-full\"\n                 [options]=\"formTemplate?.options\"\n                 [formControl]=\"ngControl.control\"\n                 [name]=\"formTemplate?.name\"\n                 [placeholder]=\"formTemplate?.placeholder\"\n                 [disabled]=\"disabled\"\n                 [showClear]=\"showClear\"\n                 [selectionLimit]=\"selectionLimit\"\n                 [minlength]=\"minLength\"\n                 [optionLabel]=\"optionLabel\"\n                 [dataKey]=\"dataKey\"\n                 [optionGroupLabel]=\"optionGroupLabel\"\n                 [group]=\"group\"\n                 (onClear)=\"clearSelection()\"\n                 [selectedItemsLabel]=\"'form.dropdownControl.selectedItems' | translate\"\n                 optionDisabled=\"disabled\"\n                 appendTo=\"body\"></p-multiSelect>\n\n</onshore-form-item-container>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3.Dropdown, selector: "p-dropdown", inputs: ["scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "filterPlaceholder", "filterLocale", "inputId", "selectId", "dataKey", "filterBy", "autofocus", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "disabled", "itemSize", "options", "filterValue"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: i4.MultiSelect, selector: "p-multiSelect", inputs: ["style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "appendTo", "dataKey", "name", "label", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "autoZIndex", "baseZIndex", "filterBy", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "showTransitionOptions", "hideTransitionOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "defaultLabel", "placeholder", "options", "filterValue", "itemSize"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad"] }, { kind: "component", type: i5.OnshoreFormItemContainer, selector: "onshore-form-item-container", inputs: ["formTemplate", "ngControl", "hidden"], outputs: ["actionButtonClick"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: OnshoreFormDropdownItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'onshore-form-dropdown-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<onshore-form-item-container [formTemplate]=\"formTemplate\" [ngControl]=\"ngControl\" (actionButtonClick)=\"actionButtonClick.emit()\">\n\n  <p-dropdown *ngIf=\"!multiple\"\n              class=\"w-full\"\n              [options]=\"formTemplate?.options\"\n              [formControl]=\"ngControl.control\"\n              [name]=\"formTemplate?.name\"\n              [placeholder]=\"formTemplate?.placeholder\"\n              [disabled]=\"disabled\"\n              [optionLabel]=\"optionLabel\"\n              [dataKey]=\"dataKey\"\n              [optionGroupLabel]=\"optionGroupLabel\"\n              [group]=\"group\"\n              [showClear]=\"showClear && formTemplate?.placeholder\"\n              (onClear)=\"clearSelection()\"\n              optionDisabled=\"disabled\"\n              appendTo=\"body\">\n  </p-dropdown>\n\n  <p-multiSelect *ngIf=\"multiple\"\n                 class=\"w-full\"\n                 [options]=\"formTemplate?.options\"\n                 [formControl]=\"ngControl.control\"\n                 [name]=\"formTemplate?.name\"\n                 [placeholder]=\"formTemplate?.placeholder\"\n                 [disabled]=\"disabled\"\n                 [showClear]=\"showClear\"\n                 [selectionLimit]=\"selectionLimit\"\n                 [minlength]=\"minLength\"\n                 [optionLabel]=\"optionLabel\"\n                 [dataKey]=\"dataKey\"\n                 [optionGroupLabel]=\"optionGroupLabel\"\n                 [group]=\"group\"\n                 (onClear)=\"clearSelection()\"\n                 [selectedItemsLabel]=\"'form.dropdownControl.selectedItems' | translate\"\n                 optionDisabled=\"disabled\"\n                 appendTo=\"body\"></p-multiSelect>\n\n</onshore-form-item-container>\n" }]
+            args: [{ selector: 'onshore-form-dropdown-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<onshore-form-item-container [hidden]=\"hidden\" [formTemplate]=\"formTemplate\" [ngControl]=\"ngControl\" (actionButtonClick)=\"actionButtonClick.emit()\">\n\n  <p-dropdown *ngIf=\"!multiple && !hidden\"\n              class=\"w-full\"\n              [options]=\"formTemplate?.options\"\n              [formControl]=\"ngControl.control\"\n              [name]=\"formTemplate?.name\"\n              [placeholder]=\"formTemplate?.placeholder\"\n              [disabled]=\"disabled\"\n              [optionLabel]=\"optionLabel\"\n              [dataKey]=\"dataKey\"\n              [optionGroupLabel]=\"optionGroupLabel\"\n              [group]=\"group\"\n              [showClear]=\"showClear && formTemplate?.placeholder\"\n              (onClear)=\"clearSelection()\"\n              optionDisabled=\"disabled\"\n              appendTo=\"body\">\n  </p-dropdown>\n\n  <p-multiSelect *ngIf=\"multiple && !hidden\"\n                 class=\"w-full\"\n                 [options]=\"formTemplate?.options\"\n                 [formControl]=\"ngControl.control\"\n                 [name]=\"formTemplate?.name\"\n                 [placeholder]=\"formTemplate?.placeholder\"\n                 [disabled]=\"disabled\"\n                 [showClear]=\"showClear\"\n                 [selectionLimit]=\"selectionLimit\"\n                 [minlength]=\"minLength\"\n                 [optionLabel]=\"optionLabel\"\n                 [dataKey]=\"dataKey\"\n                 [optionGroupLabel]=\"optionGroupLabel\"\n                 [group]=\"group\"\n                 (onClear)=\"clearSelection()\"\n                 [selectedItemsLabel]=\"'form.dropdownControl.selectedItems' | translate\"\n                 optionDisabled=\"disabled\"\n                 appendTo=\"body\"></p-multiSelect>\n\n</onshore-form-item-container>\n" }]
         }], ctorParameters: function () { return [{ type: i1.NgControl, decorators: [{
                     type: Self
                 }, {
                     type: Optional
                 }] }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { formTemplate: [{
                 type: Input
+            }], hidden: [{
+                type: Input
             }], multiple: [{
                 type: Input
             }], showClear: [{
@@ -97,4 +97,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImpor
             }], actionButtonClick: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1kcm9wZG93bi1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL29uc2hvcmUtZm9ybXMvc3JjL2xpYi9jb21wb25lbnRzL2Zvcm0tZHJvcGRvd24taXRlbS9mb3JtLWRyb3Bkb3duLWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvb25zaG9yZS1mb3Jtcy9zcmMvbGliL2NvbXBvbmVudHMvZm9ybS1kcm9wZG93bi1pdGVtL2Zvcm0tZHJvcGRvd24taXRlbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBRXZCLFNBQVMsRUFBRSxZQUFZLEVBQ3ZCLEtBQUssRUFDRyxRQUFRLEVBQUUsTUFBTSxFQUN4QixJQUFJLEVBQ0wsTUFBTSxlQUFlLENBQUM7QUFHdkIsT0FBTyxFQUFFLFlBQVksRUFBRSxvQkFBb0IsRUFBRSxJQUFJLEVBQUUsTUFBTSxNQUFNLENBQUM7Ozs7Ozs7O0FBT2hFLE1BQU0sT0FBTyxnQ0FBZ0M7SUFrRTNDLFlBQXVDLFNBQW9CLEVBQ3ZDLEdBQXNCO1FBREgsY0FBUyxHQUFULFNBQVMsQ0FBVztRQUN2QyxRQUFHLEdBQUgsR0FBRyxDQUFtQjtRQWpFakMsYUFBUSxHQUF3QixLQUFLLENBQUM7UUFDdEMsY0FBUyxHQUF3QixLQUFLLENBQUM7UUFDdkMsVUFBSyxHQUF3QixLQUFLLENBQUM7UUFDbkMsbUJBQWMsR0FBWSxDQUFDLENBQUE7UUFDM0IsY0FBUyxHQUFZLENBQUMsQ0FBQztRQUN2QixnQkFBVyxHQUFZLEVBQUUsQ0FBQztRQUMxQixxQkFBZ0IsR0FBWSxFQUFFLENBQUM7UUFDL0IsWUFBTyxHQUFZLEVBQUUsQ0FBQztRQUVyQixnQkFBVyxHQUEwQixJQUFJLFlBQVksRUFBRSxDQUFDO1FBQ3hELHNCQUFpQixHQUFHLElBQUksWUFBWSxFQUFF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QkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFFSSxXQUFXO3NCQUFwQixNQUFNO2dCQUNHLGlCQUFpQjtzQkFBMUIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsXG4gIElucHV0LCBPbkNoYW5nZXMsIE9uRGVzdHJveSxcbiAgT25Jbml0LCBPcHRpb25hbCwgT3V0cHV0LFxuICBTZWxmLCBTaW1wbGVDaGFuZ2VzXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29udHJvbFZhbHVlQWNjZXNzb3IsIE5nQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IE9uc2hvcmVGb3JtVGVtcGxhdGVJdGVtLCBPbnNob3JlRm9ybVRlbXBsYXRlT3B0aW9ucyB9IGZyb20gJy4uLy4uL21vZGVscy9mb3JtLm1vZGVscyc7XG5pbXBvcnQgeyBkZWJvdW5jZVRpbWUsIGRpc3RpbmN0VW50aWxDaGFuZ2VkLCBza2lwIH0gZnJvbSAncnhqcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ29uc2hvcmUtZm9ybS1kcm9wZG93bi1pdGVtJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2Zvcm0tZHJvcGRvd24taXRlbS5jb21wb25lbnQuaHRtbCcsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBPbnNob3JlRm9ybURyb3Bkb3duSXRlbUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25DaGFuZ2VzLCBDb250cm9sVmFsdWVBY2Nlc3NvciwgT25DaGFuZ2VzLCBPbkRlc3Ryb3kge1xuICBASW5wdXQoKSBmb3JtVGVtcGxhdGUhOiBPbnNob3JlRm9ybVRlbXBsYXRlSXRlbTtcbiAgQElucHV0KCkgbXVsdGlwbGU6IGJvb2xlYW4gfCB1bmRlZmluZWQgPSBmYWxzZTtcbiAgQElucHV0KCkgc2hvd0NsZWFyOiBib29sZWFuIHwgdW5kZWZpbmVkID0gZmFsc2U7XG4gIEBJbnB1dCgpIGdyb3VwOiBib29sZWFuIHwgdW5kZWZpbmVkID0gZmFsc2U7XG4gIEBJbnB1dCgpIHNlbGVjdGlvbkxpbWl0PzogbnVtYmVyID0gMFxuICBASW5wdXQoKSBtaW5MZW5ndGg/OiBudW1iZXIgPSAwO1xuICBASW5wdXQoKSBvcHRpb25MYWJlbD86IHN0cmluZyA9ICcnO1xuICBASW5wdXQoKSBvcHRpb25Hcm91cExhYmVsPzogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIGRhdGFLZXk/OiBzdHJpbmcgPSAnJztcblxuICBAT3V0cHV0KCkgdmFsdWVDaGFuZ2U6IEV2ZW50RW1pdHRlcjxib29sZWFuPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgQE91dHB1dCgpIGFjdGlvbkJ1dHRvbkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIGRpc2FibGVkOiBib29sZWFuIHwgdW5kZWZpbmVkID0gZmFsc2U7XG5cbiAgLy8gQ29udHJvbFZhbHVlQWNjZXNzb3IgaW50ZXJmYWNlXG4gIHB1YmxpYyB3cml0ZVZhbHVlKG9iajogYW55KTogdm9pZCB7XG4gICAgaWYob2JqKSB7XG4gICAgICB0aGlzLmNkci5tYXJrRm9yQ2hlY2soKTtcbiAgICB9XG4gIH1cbiAgcHVibGljIHJlZ2lzdGVyT25DaGFuZ2UoZm46IGFueSk6IHZvaWQge1xuICAgIGlmKHRoaXMubmdDb250cm9sLnZhbHVlKSB7XG4gICAgICB0aGlzLmNkci5tYXJrRm9yQ2hlY2soKTtcbiAgICB9XG4gIH1cbiAgcmVnaXN0ZXJPblRvdWNoZWQoZm46IGFueSk6IHZvaWQge31cbiAgc2V0RGlzYWJsZWRTdGF0ZT8oaXNEaXNhYmxlZDogYm9vbGVhbik6IHZvaWQge1xuICAgIHRoaXMuZGlzYWJsZWQgPSBpc0Rpc2FibGVkO1xuICB9XG5cbiAgY2xlYXJTZWxlY3Rpb24oKSB7XG4gICAgdGhpcy5uZ0NvbnRyb2wuY29udHJvbD8ucmVzZXQoKTtcbiAgICAvL3RoaXMubmdDb250cm9sLmNvbnRyb2w/LnNldFZhbHVlKHRoaXMubXVsdGlwbGUgPyBbXSA6ICcnKTtcbiAgICB0aGlzLmNkci5tYXJrRm9yQ2hlY2soKTtcbiAgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMubmdDb250cm9sLmNvbnRyb2w/LnZhbHVlQ2hhbmdlcy5waXBlKFxuICAgICAgZGVib3VuY2VUaW1lKDEwMCksXG4gICAgICBkaXN0aW5jdFVudGlsQ2hhbmdlZCgpLFxuICAgICAgc2tpcCgxKVxuICAgICkuc3Vic2NyaWJlKG5ld1ZhbHVlID0+IHtcbiAgICAgIHRoaXMudmFsdWVDaGFuZ2UuZW1pdCh0aGlzLm5nQ29udHJvbC5jb250cm9sPy52YWx1ZSk7XG4gICAgfSk7XG5cbiAgICBpZih0aGlzLm5nQ29udHJvbC5jb250cm9sPy52YWx1ZSA9PSAnJyAmJiB0aGlzLmZvcm1UZW1wbGF0ZS5kZWZhdWx0ICE9IHVuZGVmaW5lZCkge1xuICAgICAgdGhpcy5uZ0NvbnRyb2wuY29udHJvbD8uc2V0VmFsdWUodGhpcy5mb3JtVGVtcGxhdGUuZGVmYXVsdCk7XG4gICAgICB0aGlzLmNkci5tYXJrRm9yQ2hlY2soKTtcbiAgICB9XG4gIH1cblxuICBuZ09uRGVzdHJveSgpIHtcbiAgICB0aGlzLm5nQ29udHJvbC5jb250cm9sPy5kaXNhYmxlKCk7XG4gIH1cblxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKSB7XG4gICAgY29uc3QgY3VycmVudEZvcm1UZW1wbGF0ZSA9ICBjaGFuZ2VzWydmb3JtVGVtcGxhdGUnXT8uY3VycmVudFZhbHVlO1xuICAgIGNvbnN0IHByZXZpb3VzRm9ybVRlbXBsYXRlID0gIGNoYW5nZXNbJ2Zvcm1UZW1wbGF0ZSddPy5wcmV2aW91c1ZhbHVlO1xuICAgIGlmKGN1cnJlbnRGb3JtVGVtcGxhdGU/Lm9wdGlvbnM/Lmxlbmd0aCA+IDAgJiYgY3VycmVudEZvcm1UZW1wbGF0ZT8ub3B0aW9ucyAhPSBwcmV2aW91c0Zvcm1UZW1wbGF0ZT8ub3B0aW9ucyAmJiAhdGhpcy5tdWx0aXBsZSkge1xuICAgICAgdGhpcy5uZ0NvbnRyb2wuY29udHJvbD8uc2V0VmFsdWUoKHRoaXMuZm9ybVRlbXBsYXRlLm9wdGlvbnNbMF0gYXMgT25zaG9yZUZvcm1UZW1wbGF0ZU9wdGlvbnMpLnZhbHVlKTtcbiAgICB9XG4gICAgdGhpcy5jZHIubWFya0ZvckNoZWNrKCk7XG4gIH1cblxuICBjb25zdHJ1Y3RvcihAU2VsZigpIEBPcHRpb25hbCgpIHB1YmxpYyBuZ0NvbnRyb2w6IE5nQ29udHJvbCxcbiAgICAgICAgICAgICAgcHJpdmF0ZSBjZHI6IENoYW5nZURldGVjdG9yUmVmKSB7XG4gICAgdGhpcy5uZ0NvbnRyb2wudmFsdWVBY2Nlc3NvciA9IHRoaXM7XG4gIH1cbn1cbiIsIjxvbnNob3JlLWZvcm0taXRlbS1jb250YWluZXIgW2Zvcm1UZW1wbGF0ZV09XCJmb3JtVGVtcGxhdGVcIiBbbmdDb250cm9sXT1cIm5nQ29udHJvbFwiIChhY3Rpb25CdXR0b25DbGljayk9XCJhY3Rpb25CdXR0b25DbGljay5lbWl0KClcIj5cblxuICA8cC1kcm9wZG93biAqbmdJZj1cIiFtdWx0aXBsZVwiXG4gICAgICAgICAgICAgIGNsYXNzPVwidy1mdWxsXCJcbiAgICAgICAgICAgICAgW29wdGlvbnNdPVwiZm9ybVRlbXBsYXRlPy5vcHRpb25zXCJcbiAgICAgICAgICAgICAgW2Zvcm1Db250cm9sXT1cIm5nQ29udHJvbC5jb250cm9sXCJcbiAgICAgICAgICAgICAgW25hbWVdPVwiZm9ybVRlbXBsYXRlPy5uYW1lXCJcbiAgICAgICAgICAgICAgW3BsYWNlaG9sZGVyXT1cImZvcm1UZW1wbGF0ZT8ucGxhY2Vob2xkZXJcIlxuICAgICAgICAgICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICAgICAgICAgICAgICBbb3B0aW9uTGFiZWxdPVwib3B0aW9uTGFiZWxcIlxuICAgICAgICAgICAgICBbZGF0YUtleV09XCJkYXRhS2V5XCJcbiAgICAgICAgICAgICAgW29wdGlvbkdyb3VwTGFiZWxdPVwib3B0aW9uR3JvdXBMYWJlbFwiXG4gICAgICAgICAgICAgIFtncm91cF09XCJncm91cFwiXG4gICAgICAgICAgICAgIFtzaG93Q2xlYXJdPVwic2hvd0NsZWFyICYmIGZvcm1UZW1wbGF0ZT8ucGxhY2Vob2xkZXJcIlxuICAgICAgICAgICAgICAob25DbGVhcik9XCJjbGVhclNlbGVjdGlvbigpXCJcbiAgICAgICAgICAgICAgb3B0aW9uRGlzYWJsZWQ9XCJkaXNhYmxlZFwiXG4gICAgICAgICAgICAgIGFwcGVuZFRvPVwiYm9keVwiPlxuICA8L3AtZHJvcGRvd24+XG5cbiAgPHAtbXVsdGlTZWxlY3QgKm5nSWY9XCJtdWx0aXBsZVwiXG4gICAgICAgICAgICAgICAgIGNsYXNzPVwidy1mdWxsXCJcbiAgICAgICAgICAgICAgICAgW29wdGlvbnNdPVwiZm9ybVRlbXBsYXRlPy5vcHRpb25zXCJcbiAgICAgICAgICAgICAgICAgW2Zvcm1Db250cm9sXT1cIm5nQ29udHJvbC5jb250cm9sXCJcbiAgICAgICAgICAgICAgICAgW25hbWVdPVwiZm9ybVRlbXBsYXRlPy5uYW1lXCJcbiAgICAgICAgICAgICAgICAgW3BsYWNlaG9sZGVyXT1cImZvcm1UZW1wbGF0ZT8ucGxhY2Vob2xkZXJcIlxuICAgICAgICAgICAgICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICAgICAgICAgICAgICAgICBbc2hvd0NsZWFyXT1cInNob3dDbGVhclwiXG4gICAgICAgICAgICAgICAgIFtzZWxlY3Rpb25MaW1pdF09XCJzZWxlY3Rpb25MaW1pdFwiXG4gICAgICAgICAgICAgICAgIFttaW5sZW5ndGhdPVwibWluTGVuZ3RoXCJcbiAgICAgICAgICAgICAgICAgW29wdGlvbkxhYmVsXT1cIm9wdGlvbkxhYmVsXCJcbiAgICAgICAgICAgICAgICAgW2RhdGFLZXldPVwiZGF0YUtleVwiXG4gICAgICAgICAgICAgICAgIFtvcHRpb25Hcm91cExhYmVsXT1cIm9wdGlvbkdyb3VwTGFiZWxcIlxuICAgICAgICAgICAgICAgICBbZ3JvdXBdPVwiZ3JvdXBcIlxuICAgICAgICAgICAgICAgICAob25DbGVhcik9XCJjbGVhclNlbGVjdGlvbigpXCJcbiAgICAgICAgICAgICAgICAgW3NlbGVjdGVkSXRlbXNMYWJlbF09XCInZm9ybS5kcm9wZG93bkNvbnRyb2wuc2VsZWN0ZWRJdGVtcycgfCB0cmFuc2xhdGVcIlxuICAgICAgICAgICAgICAgICBvcHRpb25EaXNhYmxlZD1cImRpc2FibGVkXCJcbiAgICAgICAgICAgICAgICAgYXBwZW5kVG89XCJib2R5XCI+PC9wLW11bHRpU2VsZWN0PlxuXG48L29uc2hvcmUtZm9ybS1pdGVtLWNvbnRhaW5lcj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1kcm9wZG93bi1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL29uc2hvcmUtZm9ybXMvc3JjL2xpYi9jb21wb25lbnRzL2Zvcm0tZHJvcGRvd24taXRlbS9mb3JtLWRyb3Bkb3duLWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvb25zaG9yZS1mb3Jtcy9zcmMvbGliL2NvbXBvbmVudHMvZm9ybS1kcm9wZG93bi1pdGVtL2Zvcm0tZHJvcGRvd24taXRlbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBRXZCLFNBQVMsRUFBRSxZQUFZLEVBQ3ZCLEtBQUssRUFDRyxRQUFRLEVBQUUsTUFBTSxFQUN4QixJQUFJLEVBQ0wsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7O0FBVXZCLE1BQU0sT0FBTyxnQ0FBZ0M7SUE0RDNDLFlBQXVDLFNBQW9CLEVBQ3ZDLEdBQXNCO1FBREgsY0FBUyxHQUFULFNBQVMsQ0FBVztRQUN2QyxRQUFHLEdBQUgsR0FBRyxDQUFtQjtRQTNEakMsV0FBTSxHQUF3QixLQUFLLENBQUM7UUFDcEMsYUFBUSxHQUF3QixLQUFLLENBQUM7UUFDdEMsY0FBUyxHQUF3QixLQUFLLENBQUM7UUFDdkMsVUFBSyxHQUF3QixLQUFLLENBQUM7UUFDbkMsbUJBQWMsR0FBWSxDQUFDLENBQUE7UUFDM0IsY0FBUyxHQUFZLENBQUMsQ0FBQztRQUN2QixnQkFBVyxHQUFZLEVBQUUsQ0FBQztRQUMxQixxQkFBZ0IsR0FBWSxFQUFFLENBQUM7UUFDL0IsWUFBTyxHQUFZLEVBQUUsQ0FBQztRQUVyQixnQkFBVyxHQUEwQixJQUFJLFlBQVksRUFBRSxDQUFDO1FBQ3hELHNCQUFpQixHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFFakQsYUFBUSxHQUF3QixLQUFLLENBQUM7UUEr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QUFPO3NCQUFmLEtBQUs7Z0JBRUksV0FBVztzQkFBcEIsTUFBTTtnQkFDRyxpQkFBaUI7c0JBQTFCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCwgT25DaGFuZ2VzLCBPbkRlc3Ryb3ksXG4gIE9uSW5pdCwgT3B0aW9uYWwsIE91dHB1dCxcbiAgU2VsZiwgU2ltcGxlQ2hhbmdlc1xufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBOZ0NvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBPbnNob3JlRm9ybVRlbXBsYXRlSXRlbSwgT25zaG9yZUZvcm1UZW1wbGF0ZU9wdGlvbnMgfSBmcm9tICcuLi8uLi9tb2RlbHMvZm9ybS5tb2RlbHMnO1xuaW1wb3J0IHsgZGVib3VuY2VUaW1lLCBkaXN0aW5jdFVudGlsQ2hhbmdlZCwgc2tpcCB9IGZyb20gJ3J4anMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdvbnNob3JlLWZvcm0tZHJvcGRvd24taXRlbScsXG4gIHRlbXBsYXRlVXJsOiAnLi9mb3JtLWRyb3Bkb3duLWl0ZW0uY29tcG9uZW50Lmh0bWwnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgT25zaG9yZUZvcm1Ecm9wZG93bkl0ZW1Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uQ2hhbmdlcywgQ29udHJvbFZhbHVlQWNjZXNzb3IsIE9uQ2hhbmdlcywgT25EZXN0cm95IHtcbiAgQElucHV0KCkgZm9ybVRlbXBsYXRlITogT25zaG9yZUZvcm1UZW1wbGF0ZUl0ZW07XG4gIEBJbnB1dCgpIGhpZGRlbjogYm9vbGVhbiB8IHVuZGVmaW5lZCA9IGZhbHNlO1xuICBASW5wdXQoKSBtdWx0aXBsZTogYm9vbGVhbiB8IHVuZGVmaW5lZCA9IGZhbHNlO1xuICBASW5wdXQoKSBzaG93Q2xlYXI6IGJvb2xlYW4gfCB1bmRlZmluZWQgPSBmYWxzZTtcbiAgQElucHV0KCkgZ3JvdXA6IGJvb2xlYW4gfCB1bmRlZmluZWQgPSBmYWxzZTtcbiAgQElucHV0KCkgc2VsZWN0aW9uTGltaXQ/OiBudW1iZXIgPSAwXG4gIEBJbnB1dCgpIG1pbkxlbmd0aD86IG51bWJlciA9IDA7XG4gIEBJbnB1dCgpIG9wdGlvbkxhYmVsPzogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIG9wdGlvbkdyb3VwTGFiZWw/OiBzdHJpbmcgPSAnJztcbiAgQElucHV0KCkgZGF0YUtleT86IHN0cmluZyA9ICcnO1xuXG4gIEBPdXRwdXQoKSB2YWx1ZUNoYW5nZTogRXZlbnRFbWl0dGVyPGJvb2xlYW4+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICBAT3V0cHV0KCkgYWN0aW9uQnV0dG9uQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgZGlzYWJsZWQ6IGJvb2xlYW4gfCB1bmRlZmluZWQgPSBmYWxzZTtcblxuICAvLyBDb250cm9sVmFsdWVBY2Nlc3NvciBpbnRlcmZhY2VcbiAgcHVibGljIHdyaXRlVmFsdWUob2JqOiBhbnkpOiB2b2lkIHtcbiAgICBpZihvYmopIHtcbiAgICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICAgIH1cbiAgfVxuICBwdWJsaWMgcmVnaXN0ZXJPbkNoYW5nZShmbjogYW55KTogdm9pZCB7XG4gICAgaWYodGhpcy5uZ0NvbnRyb2wudmFsdWUpIHtcbiAgICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICAgIH1cbiAgfVxuICByZWdpc3Rlck9uVG91Y2hlZChmbjogYW55KTogdm9pZCB7fVxuICBzZXREaXNhYmxlZFN0YXRlPyhpc0Rpc2FibGVkOiBib29sZWFuKTogdm9pZCB7XG4gICAgdGhpcy5kaXNhYmxlZCA9IGlzRGlzYWJsZWQ7XG4gIH1cblxuICBjbGVhclNlbGVjdGlvbigpIHtcbiAgICB0aGlzLm5nQ29udHJvbC5jb250cm9sPy5yZXNldCgpO1xuICAgIHRoaXMubmdDb250cm9sLmNvbnRyb2w/LnNldFZhbHVlKHRoaXMubXVsdGlwbGUgPyBbXSA6ICcnKTtcbiAgICB0aGlzLmNkci5tYXJrRm9yQ2hlY2soKTtcbiAgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIGlmKHRoaXMubmdDb250cm9sLmNvbnRyb2w/LnZhbHVlID09ICcnICYmIHRoaXMuZm9ybVRlbXBsYXRlLmRlZmF1bHQgIT0gdW5kZWZpbmVkICYmICF0aGlzLm11bHRpcGxlKSB7XG4gICAgICB0aGlzLm5nQ29udHJvbC5jb250cm9sPy5zZXRWYWx1ZSh0aGlzLmZvcm1UZW1wbGF0ZS5kZWZhdWx0KTtcbiAgICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICAgIH1cbiAgICBjb25zb2xlLmxvZyhcIk1VTFRJXCIsIHRoaXMuZm9ybVRlbXBsYXRlLm5hbWUpO1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKSB7XG4gICAgdGhpcy5uZ0NvbnRyb2wuY29udHJvbD8uZGlzYWJsZSgpO1xuICB9XG5cbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcykge1xuICAgIGNvbnN0IGN1cnJlbnRGb3JtVGVtcGxhdGUgPSAgY2hhbmdlc1snZm9ybVRlbXBsYXRlJ10/LmN1cnJlbnRWYWx1ZTtcbiAgICBjb25zdCBwcmV2aW91c0Zvcm1UZW1wbGF0ZSA9ICBjaGFuZ2VzWydmb3JtVGVtcGxhdGUnXT8ucHJldmlvdXNWYWx1ZTtcbiAgICBpZihjdXJyZW50Rm9ybVRlbXBsYXRlPy5vcHRpb25zPy5sZW5ndGggPiAwICYmIGN1cnJlbnRGb3JtVGVtcGxhdGU/Lm9wdGlvbnMgIT0gcHJldmlvdXNGb3JtVGVtcGxhdGU/Lm9wdGlvbnMgJiYgIXRoaXMubXVsdGlwbGUpIHtcbiAgICAgIHRoaXMubmdDb250cm9sLmNvbnRyb2w/LnNldFZhbHVlKCh0aGlzLmZvcm1UZW1wbGF0ZS5vcHRpb25zWzBdIGFzIE9uc2hvcmVGb3JtVGVtcGxhdGVPcHRpb25zKS52YWx1ZSk7XG4gICAgfVxuICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICB9XG5cbiAgY29uc3RydWN0b3IoQFNlbGYoKSBAT3B0aW9uYWwoKSBwdWJsaWMgbmdDb250cm9sOiBOZ0NvbnRyb2wsXG4gICAgICAgICAgICAgIHByaXZhdGUgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZikge1xuICAgIHRoaXMubmdDb250cm9sLnZhbHVlQWNjZXNzb3IgPSB0aGlzO1xuXG4gIH1cbn1cbiIsIjxvbnNob3JlLWZvcm0taXRlbS1jb250YWluZXIgW2hpZGRlbl09XCJoaWRkZW5cIiBbZm9ybVRlbXBsYXRlXT1cImZvcm1UZW1wbGF0ZVwiIFtuZ0NvbnRyb2xdPVwibmdDb250cm9sXCIgKGFjdGlvbkJ1dHRvbkNsaWNrKT1cImFjdGlvbkJ1dHRvbkNsaWNrLmVtaXQoKVwiPlxuXG4gIDxwLWRyb3Bkb3duICpuZ0lmPVwiIW11bHRpcGxlICYmICFoaWRkZW5cIlxuICAgICAgICAgICAgICBjbGFzcz1cInctZnVsbFwiXG4gICAgICAgICAgICAgIFtvcHRpb25zXT1cImZvcm1UZW1wbGF0ZT8ub3B0aW9uc1wiXG4gICAgICAgICAgICAgIFtmb3JtQ29udHJvbF09XCJuZ0NvbnRyb2wuY29udHJvbFwiXG4gICAgICAgICAgICAgIFtuYW1lXT1cImZvcm1UZW1wbGF0ZT8ubmFtZVwiXG4gICAgICAgICAgICAgIFtwbGFjZWhvbGRlcl09XCJmb3JtVGVtcGxhdGU/LnBsYWNlaG9sZGVyXCJcbiAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgICAgICAgICAgICAgW29wdGlvbkxhYmVsXT1cIm9wdGlvbkxhYmVsXCJcbiAgICAgICAgICAgICAgW2RhdGFLZXldPVwiZGF0YUtleVwiXG4gICAgICAgICAgICAgIFtvcHRpb25Hcm91cExhYmVsXT1cIm9wdGlvbkdyb3VwTGFiZWxcIlxuICAgICAgICAgICAgICBbZ3JvdXBdPVwiZ3JvdXBcIlxuICAgICAgICAgICAgICBbc2hvd0NsZWFyXT1cInNob3dDbGVhciAmJiBmb3JtVGVtcGxhdGU/LnBsYWNlaG9sZGVyXCJcbiAgICAgICAgICAgICAgKG9uQ2xlYXIpPVwiY2xlYXJTZWxlY3Rpb24oKVwiXG4gICAgICAgICAgICAgIG9wdGlvbkRpc2FibGVkPVwiZGlzYWJsZWRcIlxuICAgICAgICAgICAgICBhcHBlbmRUbz1cImJvZHlcIj5cbiAgPC9wLWRyb3Bkb3duPlxuXG4gIDxwLW11bHRpU2VsZWN0ICpuZ0lmPVwibXVsdGlwbGUgJiYgIWhpZGRlblwiXG4gICAgICAgICAgICAgICAgIGNsYXNzPVwidy1mdWxsXCJcbiAgICAgICAgICAgICAgICAgW29wdGlvbnNdPVwiZm9ybVRlbXBsYXRlPy5vcHRpb25zXCJcbiAgICAgICAgICAgICAgICAgW2Zvcm1Db250cm9sXT1cIm5nQ29udHJvbC5jb250cm9sXCJcbiAgICAgICAgICAgICAgICAgW25hbWVdPVwiZm9ybVRlbXBsYXRlPy5uYW1lXCJcbiAgICAgICAgICAgICAgICAgW3BsYWNlaG9sZGVyXT1cImZvcm1UZW1wbGF0ZT8ucGxhY2Vob2xkZXJcIlxuICAgICAgICAgICAgICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICAgICAgICAgICAgICAgICBbc2hvd0NsZWFyXT1cInNob3dDbGVhclwiXG4gICAgICAgICAgICAgICAgIFtzZWxlY3Rpb25MaW1pdF09XCJzZWxlY3Rpb25MaW1pdFwiXG4gICAgICAgICAgICAgICAgIFttaW5sZW5ndGhdPVwibWluTGVuZ3RoXCJcbiAgICAgICAgICAgICAgICAgW29wdGlvbkxhYmVsXT1cIm9wdGlvbkxhYmVsXCJcbiAgICAgICAgICAgICAgICAgW2RhdGFLZXldPVwiZGF0YUtleVwiXG4gICAgICAgICAgICAgICAgIFtvcHRpb25Hcm91cExhYmVsXT1cIm9wdGlvbkdyb3VwTGFiZWxcIlxuICAgICAgICAgICAgICAgICBbZ3JvdXBdPVwiZ3JvdXBcIlxuICAgICAgICAgICAgICAgICAob25DbGVhcik9XCJjbGVhclNlbGVjdGlvbigpXCJcbiAgICAgICAgICAgICAgICAgW3NlbGVjdGVkSXRlbXNMYWJlbF09XCInZm9ybS5kcm9wZG93bkNvbnRyb2wuc2VsZWN0ZWRJdGVtcycgfCB0cmFuc2xhdGVcIlxuICAgICAgICAgICAgICAgICBvcHRpb25EaXNhYmxlZD1cImRpc2FibGVkXCJcbiAgICAgICAgICAgICAgICAgYXBwZW5kVG89XCJib2R5XCI+PC9wLW11bHRpU2VsZWN0PlxuXG48L29uc2hvcmUtZm9ybS1pdGVtLWNvbnRhaW5lcj5cbiJdfQ==

package/esm2020/lib/components/form-image-item/form-image-item.component.mjs

@@ -135,7 +135,7 @@ export class OnshoreFormImageItemComponent {
     }
 }
 OnshoreFormImageItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: OnshoreFormImageItemComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.NgControl, optional: true, self: true }, { token: i2.DialogService }], target: i0.ɵɵFactoryTarget.Component });
-OnshoreFormImageItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: OnshoreFormImageItemComponent, selector: "onshore-form-image-item", inputs: { formTemplate: "formTemplate", imageSettings: "imageSettings" }, outputs: { imageDeleted: "imageDeleted", imageCleared: "imageCleared", imageReady: "imageReady", selectFromMedia: "selectFromMedia", isLoading: "isLoading" }, usesOnChanges: true, ngImport: i0, template: "<onshore-form-item-container [formTemplate]=\"formTemplate\" [ngControl]=\"ngControl\">\n  <div class=\"w-full flex align-items-center\" [class.flex-column]=\"formTemplate.layout === OnshoreFormTemplateLayout.vertical\">\n\n    <div class=\"onshore-border-gray-4 border-solid border-1 overflow-hidden\"\n         [style]=\"'background-color: white; width: ' + imageSettings.containerWidth + 'px; height: ' + imageSettings.containerHeight + 'px'\">\n      <onshore-image-placeholder\n        class=\"w-full\"\n        [image]=\"image\"\n        [imageStyle]=\"'width: 100%; height: 100%'\"\n        [placeholderIcon]=\"imageSettings.placeholderIcon\"\n        [placeholderImage]=\"imageSettings.placeholderImage\"\n        [placeholderStyle]=\"'width: 100%; height: 100%'\">\n      </onshore-image-placeholder>\n    </div>\n\n    <div class=\"flex flex-column m-4\">\n      <button pButton\n              type=\"button\"\n              *ngIf=\"imageSettings.imageSelectionEnabled\"\n              icon=\"fa fa-image\"\n              [label]=\"'form.imageControl.uploadImageButton' | translate\"\n              class=\"onshore-button-primary mb-2\"\n              [disabled]=\"disabled\"\n              (click)=\"imageChooserDialogVisible = true; cdr.detectChanges()\">\n      </button>\n\n      <button pButton\n              type=\"button\"\n              *ngIf=\"imageSettings.webcamSelectionEnabled\"\n              icon=\"fa fa-camera\"\n              [label]=\"'form.imageControl.webcamImageButton' | translate\"\n              class=\"onshore-button-light mb-2\"\n              [disabled]=\"disabled\"\n              (click)=\"webcamDialogVisible = true\">\n      </button>\n\n      <button pButton\n              type=\"button\"\n              *ngIf=\"imageSettings.mediaSelectionEnabled\"\n              icon=\"fa fa-photo-video\"\n              [label]=\"'form.imageControl.mediaImageButton' | translate\"\n              class=\"onshore-button-light mb-2\"\n              [disabled]=\"disabled\"\n              (click)=\"selectFromMedia.emit()\">\n      </button>\n\n      <button pButton\n              type=\"button\"\n              *ngIf=\"imageSettings.deleteEnabled\"\n              icon=\"fa fa-eraser\"\n              [label]=\"'form.imageControl.removeImageButton' | translate\"\n              class=\"onshore-button-light\"\n              (click)=\"removeImage()\"\n              [disabled]=\"!image || disabled\">\n      </button>\n\n    </div>\n\n  </div>\n</onshore-form-item-container>\n\n<p-dialog [header]=\"'form.imageControl.uploadImageTitle' | translate\" [(visible)]=\"imageChooserDialogVisible\" [modal]=\"true\" [style]=\"{'max-width': '50vw'}\" appendTo=\"body\">\n  <onshore-image-chooser\n                     (choosen)=\"getFileImage($event)\"\n                     (canceled)=\"imageChooserDialogVisible = false\"\n                     [imageSettings]=\"imageSettings\">\n  </onshore-image-chooser>\n</p-dialog>\n\n<p-dialog [header]=\"'form.imageControl.webacmImageTitle' | translate\" [(visible)]=\"webcamDialogVisible\" [modal]=\"true\" [style]=\"{'max-width': '50vw'}\" appendTo=\"body\">\n  <onshore-webcam\n    *ngIf=\"webcamDialogVisible\"\n    (shot)=\"getWebcamImage($event)\"\n    (canceled)=\"webcamDialogVisible = false\"\n    [imageSettings]=\"imageSettings\"></onshore-webcam>\n</p-dialog>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "component", type: i5.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "visible", "style", "position"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "component", type: i6.OnshoreImagePlaceholderComponent, selector: "onshore-image-placeholder", inputs: ["placeholderIcon", "placeholderImage", "image", "imageStyle", "placeholderStyle", "showLoader"] }, { kind: "component", type: i7.OnshoreFormItemContainer, selector: "onshore-form-item-container", inputs: ["formTemplate", "ngControl"], outputs: ["actionButtonClick"] }, { kind: "component", type: i8.OnshoreImageChooserComponent, selector: "onshore-image-chooser", inputs: ["imageSettings"], outputs: ["choosen", "canceled"] }, { kind: "component", type: i9.WebcamComponent, selector: "onshore-webcam", inputs: ["imageSettings"], outputs: ["shot", "canceled"] }, { kind: "pipe", type: i10.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+OnshoreFormImageItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: OnshoreFormImageItemComponent, selector: "onshore-form-image-item", inputs: { formTemplate: "formTemplate", imageSettings: "imageSettings" }, outputs: { imageDeleted: "imageDeleted", imageCleared: "imageCleared", imageReady: "imageReady", selectFromMedia: "selectFromMedia", isLoading: "isLoading" }, usesOnChanges: true, ngImport: i0, template: "<onshore-form-item-container [formTemplate]=\"formTemplate\" [ngControl]=\"ngControl\">\n  <div class=\"w-full flex align-items-center\" [class.flex-column]=\"formTemplate.layout === OnshoreFormTemplateLayout.vertical\">\n\n    <div class=\"onshore-border-gray-4 border-solid border-1 overflow-hidden\"\n         [style]=\"'background-color: white; width: ' + imageSettings.containerWidth + 'px; height: ' + imageSettings.containerHeight + 'px'\">\n      <onshore-image-placeholder\n        class=\"w-full\"\n        [image]=\"image\"\n        [imageStyle]=\"'width: 100%; height: 100%'\"\n        [placeholderIcon]=\"imageSettings.placeholderIcon\"\n        [placeholderImage]=\"imageSettings.placeholderImage\"\n        [placeholderStyle]=\"'width: 100%; height: 100%'\">\n      </onshore-image-placeholder>\n    </div>\n\n    <div class=\"flex flex-column m-4\">\n      <button pButton\n              type=\"button\"\n              *ngIf=\"imageSettings.imageSelectionEnabled\"\n              icon=\"fa fa-image\"\n              [label]=\"'form.imageControl.uploadImageButton' | translate\"\n              class=\"onshore-button-primary mb-2\"\n              [disabled]=\"disabled\"\n              (click)=\"imageChooserDialogVisible = true; cdr.detectChanges()\">\n      </button>\n\n      <button pButton\n              type=\"button\"\n              *ngIf=\"imageSettings.webcamSelectionEnabled\"\n              icon=\"fa fa-camera\"\n              [label]=\"'form.imageControl.webcamImageButton' | translate\"\n              class=\"onshore-button-light mb-2\"\n              [disabled]=\"disabled\"\n              (click)=\"webcamDialogVisible = true\">\n      </button>\n\n      <button pButton\n              type=\"button\"\n              *ngIf=\"imageSettings.mediaSelectionEnabled\"\n              icon=\"fa fa-photo-video\"\n              [label]=\"'form.imageControl.mediaImageButton' | translate\"\n              class=\"onshore-button-light mb-2\"\n              [disabled]=\"disabled\"\n              (click)=\"selectFromMedia.emit()\">\n      </button>\n\n      <button pButton\n              type=\"button\"\n              *ngIf=\"imageSettings.deleteEnabled\"\n              icon=\"fa fa-eraser\"\n              [label]=\"'form.imageControl.removeImageButton' | translate\"\n              class=\"onshore-button-light\"\n              (click)=\"removeImage()\"\n              [disabled]=\"!image || disabled\">\n      </button>\n\n    </div>\n\n  </div>\n</onshore-form-item-container>\n\n<p-dialog [header]=\"'form.imageControl.uploadImageTitle' | translate\" [(visible)]=\"imageChooserDialogVisible\" [modal]=\"true\" [style]=\"{'max-width': '50vw'}\" appendTo=\"body\">\n  <onshore-image-chooser\n                     (choosen)=\"getFileImage($event)\"\n                     (canceled)=\"imageChooserDialogVisible = false\"\n                     [imageSettings]=\"imageSettings\">\n  </onshore-image-chooser>\n</p-dialog>\n\n<p-dialog [header]=\"'form.imageControl.webacmImageTitle' | translate\" [(visible)]=\"webcamDialogVisible\" [modal]=\"true\" [style]=\"{'max-width': '50vw'}\" appendTo=\"body\">\n  <onshore-webcam\n    *ngIf=\"webcamDialogVisible\"\n    (shot)=\"getWebcamImage($event)\"\n    (canceled)=\"webcamDialogVisible = false\"\n    [imageSettings]=\"imageSettings\"></onshore-webcam>\n</p-dialog>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "component", type: i5.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "visible", "style", "position"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "component", type: i6.OnshoreImagePlaceholderComponent, selector: "onshore-image-placeholder", inputs: ["placeholderIcon", "placeholderImage", "image", "imageStyle", "placeholderStyle", "showLoader"] }, { kind: "component", type: i7.OnshoreFormItemContainer, selector: "onshore-form-item-container", inputs: ["formTemplate", "ngControl", "hidden"], outputs: ["actionButtonClick"] }, { kind: "component", type: i8.OnshoreImageChooserComponent, selector: "onshore-image-chooser", inputs: ["imageSettings"], outputs: ["choosen", "canceled"] }, { kind: "component", type: i9.WebcamComponent, selector: "onshore-webcam", inputs: ["imageSettings"], outputs: ["shot", "canceled"] }, { kind: "pipe", type: i10.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: OnshoreFormImageItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onshore-form-image-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<onshore-form-item-container [formTemplate]=\"formTemplate\" [ngControl]=\"ngControl\">\n  <div class=\"w-full flex align-items-center\" [class.flex-column]=\"formTemplate.layout === OnshoreFormTemplateLayout.vertical\">\n\n    <div class=\"onshore-border-gray-4 border-solid border-1 overflow-hidden\"\n         [style]=\"'background-color: white; width: ' + imageSettings.containerWidth + 'px; height: ' + imageSettings.containerHeight + 'px'\">\n      <onshore-image-placeholder\n        class=\"w-full\"\n        [image]=\"image\"\n        [imageStyle]=\"'width: 100%; height: 100%'\"\n        [placeholderIcon]=\"imageSettings.placeholderIcon\"\n        [placeholderImage]=\"imageSettings.placeholderImage\"\n        [placeholderStyle]=\"'width: 100%; height: 100%'\">\n      </onshore-image-placeholder>\n    </div>\n\n    <div class=\"flex flex-column m-4\">\n      <button pButton\n              type=\"button\"\n              *ngIf=\"imageSettings.imageSelectionEnabled\"\n              icon=\"fa fa-image\"\n              [label]=\"'form.imageControl.uploadImageButton' | translate\"\n              class=\"onshore-button-primary mb-2\"\n              [disabled]=\"disabled\"\n              (click)=\"imageChooserDialogVisible = true; cdr.detectChanges()\">\n      </button>\n\n      <button pButton\n              type=\"button\"\n              *ngIf=\"imageSettings.webcamSelectionEnabled\"\n              icon=\"fa fa-camera\"\n              [label]=\"'form.imageControl.webcamImageButton' | translate\"\n              class=\"onshore-button-light mb-2\"\n              [disabled]=\"disabled\"\n              (click)=\"webcamDialogVisible = true\">\n      </button>\n\n      <button pButton\n              type=\"button\"\n              *ngIf=\"imageSettings.mediaSelectionEnabled\"\n              icon=\"fa fa-photo-video\"\n              [label]=\"'form.imageControl.mediaImageButton' | translate\"\n              class=\"onshore-button-light mb-2\"\n              [disabled]=\"disabled\"\n              (click)=\"selectFromMedia.emit()\">\n      </button>\n\n      <button pButton\n              type=\"button\"\n              *ngIf=\"imageSettings.deleteEnabled\"\n              icon=\"fa fa-eraser\"\n              [label]=\"'form.imageControl.removeImageButton' | translate\"\n              class=\"onshore-button-light\"\n              (click)=\"removeImage()\"\n              [disabled]=\"!image || disabled\">\n      </button>\n\n    </div>\n\n  </div>\n</onshore-form-item-container>\n\n<p-dialog [header]=\"'form.imageControl.uploadImageTitle' | translate\" [(visible)]=\"imageChooserDialogVisible\" [modal]=\"true\" [style]=\"{'max-width': '50vw'}\" appendTo=\"body\">\n  <onshore-image-chooser\n                     (choosen)=\"getFileImage($event)\"\n                     (canceled)=\"imageChooserDialogVisible = false\"\n                     [imageSettings]=\"imageSettings\">\n  </onshore-image-chooser>\n</p-dialog>\n\n<p-dialog [header]=\"'form.imageControl.webacmImageTitle' | translate\" [(visible)]=\"webcamDialogVisible\" [modal]=\"true\" [style]=\"{'max-width': '50vw'}\" appendTo=\"body\">\n  <onshore-webcam\n    *ngIf=\"webcamDialogVisible\"\n    (shot)=\"getWebcamImage($event)\"\n    (canceled)=\"webcamDialogVisible = false\"\n    [imageSettings]=\"imageSettings\"></onshore-webcam>\n</p-dialog>\n" }]

package/esm2020/lib/components/form-input-item/form-input-item.component.mjs

@@ -43,7 +43,7 @@ export class OnshoreFormInputItemComponent {
     }
 }
 OnshoreFormInputItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: OnshoreFormInputItemComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-OnshoreFormInputItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: OnshoreFormInputItemComponent, selector: "onshore-form-input-item", inputs: { formTemplate: "formTemplate", step: "step", min: "min", max: "max", minLength: "minLength", maxLength: "maxLength" }, outputs: { actionButtonClick: "actionButtonClick" }, usesOnChanges: true, ngImport: i0, template: "<onshore-form-item-container [formTemplate]=\"formTemplate\" [ngControl]=\"ngControl\" (actionButtonClick)=\"actionButtonClick.emit()\">\n  <span class=\"p-inputgroup w-full\">\n\n      <textarea  *ngIf=\"formTemplate.type == OnshoreFormTemplateType.textarea\"\n               class=\"w-full\"\n               [name]=\"formTemplate.name\"\n               [placeholder]=\"formTemplate.placeholder ?? ''\"\n               [disabled]=\"disabled\"\n               [rows]=\"3\"\n               [cols]=\"30\"\n               pInputTextarea\n               [autoResize]=\"true\"\n               [formControl]=\"ngControl.control\"\n               [class.p-invalid]=\"ngControl.control?.touched && ngControl.control?.invalid\"\n               [minLength]=\"minLength\"\n               [maxLength]=\"maxLength\"></textarea>\n\n      <input *ngIf=\"formTemplate.type == OnshoreFormTemplateType.text || formTemplate.type == OnshoreFormTemplateType.email || formTemplate.type == OnshoreFormTemplateType.phone\"\n             class=\"w-full\"\n             [type]=\"formTemplate.type\"\n             [name]=\"formTemplate.name\"\n             [placeholder]=\"formTemplate.placeholder ?? ''\"\n             [disabled]=\"disabled\"\n             pInputText\n             [formControl]=\"ngControl.control\"\n             [autocomplete]=\"'prevent-template-' + formTemplate.name\"\n             [minLength]=\"minLength\"\n             [maxLength]=\"maxLength\"/>\n\n      <input *ngIf=\"formTemplate.type == OnshoreFormTemplateType.password\"\n             class=\"w-full\"\n             [type]=\"passwordVisible ? 'text' : formTemplate.type\"\n             [name]=\"formTemplate.name\"\n             [placeholder]=\"formTemplate.placeholder ?? ''\"\n             [disabled]=\"disabled\"\n             pInputText\n             [formControl]=\"ngControl.control\"\n             [autocomplete]=\"'prevent-template-' + formTemplate.name\"\n             [minLength]=\"minLength\"\n             [maxLength]=\"maxLength\"/>\n\n      <p-inputNumber *ngIf=\"formTemplate.type == OnshoreFormTemplateType.number\"\n                     class=\"w-full\"\n                     [name]=\"formTemplate.name\"\n                     [placeholder]=\"formTemplate.placeholder ?? 0\"\n                     [disabled]=\"disabled\"\n                     [formControl]=\"ngControl.control\"\n                     [autocomplete]=\"'prevent-template-' + formTemplate.name\"\n                     [showButtons]=\"true\"\n                     [step]=\"step ?? 1\"\n                     [min]=\"min\"\n                     [max]=\"max\">\n      </p-inputNumber>\n\n      <span *ngIf=\"formTemplate.inputAddon\" class=\"p-inputgroup-addon\">\n        <i [class]=\"formTemplate.inputAddon\"></i>\n      </span>\n\n      <span *ngIf=\"formTemplate.type == OnshoreFormTemplateType.password\"\n          (click)=\"passwordVisible = !passwordVisible\"\n          class=\"p-inputgroup-addon cursor-pointer\">\n        <i class=\"fa\"\n           [class.fa-eye-slash]=\"passwordVisible\"\n           [class.fa-eye]=\"!passwordVisible\"\n        ></i>\n      </span>\n\n  </span>\n</onshore-form-item-container>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3.InputNumber, selector: "p-inputNumber", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "style", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabel", "ariaRequired", "name", "required", "autocomplete", "min", "max", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "step", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "disabled"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "directive", type: i4.InputText, selector: "[pInputText]" }, { kind: "directive", type: i5.InputTextarea, selector: "[pInputTextarea]", inputs: ["autoResize"], outputs: ["onResize"] }, { kind: "component", type: i6.OnshoreFormItemContainer, selector: "onshore-form-item-container", inputs: ["formTemplate", "ngControl"], outputs: ["actionButtonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+OnshoreFormInputItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: OnshoreFormInputItemComponent, selector: "onshore-form-input-item", inputs: { formTemplate: "formTemplate", step: "step", min: "min", max: "max", minLength: "minLength", maxLength: "maxLength" }, outputs: { actionButtonClick: "actionButtonClick" }, usesOnChanges: true, ngImport: i0, template: "<onshore-form-item-container [formTemplate]=\"formTemplate\" [ngControl]=\"ngControl\" (actionButtonClick)=\"actionButtonClick.emit()\">\n  <span class=\"p-inputgroup w-full\">\n\n      <textarea  *ngIf=\"formTemplate.type == OnshoreFormTemplateType.textarea\"\n               class=\"w-full\"\n               [name]=\"formTemplate.name\"\n               [placeholder]=\"formTemplate.placeholder ?? ''\"\n               [disabled]=\"disabled\"\n               [rows]=\"3\"\n               [cols]=\"30\"\n               pInputTextarea\n               [autoResize]=\"true\"\n               [formControl]=\"ngControl.control\"\n               [class.p-invalid]=\"ngControl.control?.touched && ngControl.control?.invalid\"\n               [minLength]=\"minLength\"\n               [maxLength]=\"maxLength\"></textarea>\n\n      <input *ngIf=\"formTemplate.type == OnshoreFormTemplateType.text || formTemplate.type == OnshoreFormTemplateType.email || formTemplate.type == OnshoreFormTemplateType.phone\"\n             class=\"w-full\"\n             [type]=\"formTemplate.type\"\n             [name]=\"formTemplate.name\"\n             [placeholder]=\"formTemplate.placeholder ?? ''\"\n             [disabled]=\"disabled\"\n             pInputText\n             [formControl]=\"ngControl.control\"\n             [autocomplete]=\"'prevent-template-' + formTemplate.name\"\n             [minLength]=\"minLength\"\n             [maxLength]=\"maxLength\"/>\n\n      <input *ngIf=\"formTemplate.type == OnshoreFormTemplateType.password\"\n             class=\"w-full\"\n             [type]=\"passwordVisible ? 'text' : formTemplate.type\"\n             [name]=\"formTemplate.name\"\n             [placeholder]=\"formTemplate.placeholder ?? ''\"\n             [disabled]=\"disabled\"\n             pInputText\n             [formControl]=\"ngControl.control\"\n             [autocomplete]=\"'prevent-template-' + formTemplate.name\"\n             [minLength]=\"minLength\"\n             [maxLength]=\"maxLength\"/>\n\n      <p-inputNumber *ngIf=\"formTemplate.type == OnshoreFormTemplateType.number\"\n                     class=\"w-full\"\n                     [name]=\"formTemplate.name\"\n                     [placeholder]=\"formTemplate.placeholder ?? 0\"\n                     [disabled]=\"disabled\"\n                     [formControl]=\"ngControl.control\"\n                     [autocomplete]=\"'prevent-template-' + formTemplate.name\"\n                     [showButtons]=\"true\"\n                     [step]=\"step ?? 1\"\n                     [min]=\"min\"\n                     [max]=\"max\">\n      </p-inputNumber>\n\n      <span *ngIf=\"formTemplate.inputAddon\" class=\"p-inputgroup-addon\">\n        <i [class]=\"formTemplate.inputAddon\"></i>\n      </span>\n\n      <span *ngIf=\"formTemplate.type == OnshoreFormTemplateType.password\"\n          (click)=\"passwordVisible = !passwordVisible\"\n          class=\"p-inputgroup-addon cursor-pointer\">\n        <i class=\"fa\"\n           [class.fa-eye-slash]=\"passwordVisible\"\n           [class.fa-eye]=\"!passwordVisible\"\n        ></i>\n      </span>\n\n  </span>\n</onshore-form-item-container>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3.InputNumber, selector: "p-inputNumber", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "style", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabel", "ariaRequired", "name", "required", "autocomplete", "min", "max", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "step", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "disabled"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "directive", type: i4.InputText, selector: "[pInputText]" }, { kind: "directive", type: i5.InputTextarea, selector: "[pInputTextarea]", inputs: ["autoResize"], outputs: ["onResize"] }, { kind: "component", type: i6.OnshoreFormItemContainer, selector: "onshore-form-item-container", inputs: ["formTemplate", "ngControl", "hidden"], outputs: ["actionButtonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: OnshoreFormInputItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onshore-form-input-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<onshore-form-item-container [formTemplate]=\"formTemplate\" [ngControl]=\"ngControl\" (actionButtonClick)=\"actionButtonClick.emit()\">\n  <span class=\"p-inputgroup w-full\">\n\n      <textarea  *ngIf=\"formTemplate.type == OnshoreFormTemplateType.textarea\"\n               class=\"w-full\"\n               [name]=\"formTemplate.name\"\n               [placeholder]=\"formTemplate.placeholder ?? ''\"\n               [disabled]=\"disabled\"\n               [rows]=\"3\"\n               [cols]=\"30\"\n               pInputTextarea\n               [autoResize]=\"true\"\n               [formControl]=\"ngControl.control\"\n               [class.p-invalid]=\"ngControl.control?.touched && ngControl.control?.invalid\"\n               [minLength]=\"minLength\"\n               [maxLength]=\"maxLength\"></textarea>\n\n      <input *ngIf=\"formTemplate.type == OnshoreFormTemplateType.text || formTemplate.type == OnshoreFormTemplateType.email || formTemplate.type == OnshoreFormTemplateType.phone\"\n             class=\"w-full\"\n             [type]=\"formTemplate.type\"\n             [name]=\"formTemplate.name\"\n             [placeholder]=\"formTemplate.placeholder ?? ''\"\n             [disabled]=\"disabled\"\n             pInputText\n             [formControl]=\"ngControl.control\"\n             [autocomplete]=\"'prevent-template-' + formTemplate.name\"\n             [minLength]=\"minLength\"\n             [maxLength]=\"maxLength\"/>\n\n      <input *ngIf=\"formTemplate.type == OnshoreFormTemplateType.password\"\n             class=\"w-full\"\n             [type]=\"passwordVisible ? 'text' : formTemplate.type\"\n             [name]=\"formTemplate.name\"\n             [placeholder]=\"formTemplate.placeholder ?? ''\"\n             [disabled]=\"disabled\"\n             pInputText\n             [formControl]=\"ngControl.control\"\n             [autocomplete]=\"'prevent-template-' + formTemplate.name\"\n             [minLength]=\"minLength\"\n             [maxLength]=\"maxLength\"/>\n\n      <p-inputNumber *ngIf=\"formTemplate.type == OnshoreFormTemplateType.number\"\n                     class=\"w-full\"\n                     [name]=\"formTemplate.name\"\n                     [placeholder]=\"formTemplate.placeholder ?? 0\"\n                     [disabled]=\"disabled\"\n                     [formControl]=\"ngControl.control\"\n                     [autocomplete]=\"'prevent-template-' + formTemplate.name\"\n                     [showButtons]=\"true\"\n                     [step]=\"step ?? 1\"\n                     [min]=\"min\"\n                     [max]=\"max\">\n      </p-inputNumber>\n\n      <span *ngIf=\"formTemplate.inputAddon\" class=\"p-inputgroup-addon\">\n        <i [class]=\"formTemplate.inputAddon\"></i>\n      </span>\n\n      <span *ngIf=\"formTemplate.type == OnshoreFormTemplateType.password\"\n          (click)=\"passwordVisible = !passwordVisible\"\n          class=\"p-inputgroup-addon cursor-pointer\">\n        <i class=\"fa\"\n           [class.fa-eye-slash]=\"passwordVisible\"\n           [class.fa-eye]=\"!passwordVisible\"\n        ></i>\n      </span>\n\n  </span>\n</onshore-form-item-container>\n" }]

package/esm2020/lib/components/form-item-container/form-item-container.component.mjs

@@ -9,6 +9,7 @@ import * as i5 from "../form-validation-output/form-validation-output.component"
 export class OnshoreFormItemContainer {
     constructor(cdr) {
         this.cdr = cdr;
+        this.hidden = false;
         this.actionButtonClick = new EventEmitter();
         this.disabled = false;
         this.OnshoreFormTemplateLayout = OnshoreFormTemplateLayout;
@@ -93,14 +94,16 @@ export class OnshoreFormItemContainer {
     }
 }
 OnshoreFormItemContainer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: OnshoreFormItemContainer, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-OnshoreFormItemContainer.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: OnshoreFormItemContainer, selector: "onshore-form-item-container", inputs: { formTemplate: "formTemplate", ngControl: "ngControl" }, outputs: { actionButtonClick: "actionButtonClick" }, host: { listeners: { "window:resize": "onWindowResize($event)" } }, viewQueries: [{ propertyName: "formContainer", first: true, predicate: ["formContainer"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div [class.mb-4]=\"!formTemplate.noGap\" #formContainer>\n  <div class=\"flex w-full\"\n       [class.flex-column]=\"layout == OnshoreFormTemplateLayout.vertical\"\n       [class.flex-row]=\"layout == OnshoreFormTemplateLayout.horizontal\"\n       [class.justify-content-between]=\"layout == OnshoreFormTemplateLayout.horizontal\">\n\n    <div #formLabel\n         [hidden]=\"!formTemplate.label || formTemplate.label == ''\"\n         class=\"flex justify-content-between\"\n         [style]=\"formTemplate.labelStyle ?? 'min-width: 200px'\">\n\n      <span *ngIf=\"formTemplate.label && formTemplate.label != ''\" [class.mr-2]=\"layout == OnshoreFormTemplateLayout.horizontal\"\n         [class.align-items-center]=\"layout == OnshoreFormTemplateLayout.horizontal\"\n         [class.mb-2]=\"layout == OnshoreFormTemplateLayout.vertical\">\n        {{formTemplate.label}}\n        <small *ngIf=\"formTemplate.required\" class=\"onshore-color-danger\">*</small>\n      </span>\n\n      <div *ngIf=\"formTemplate.tooltip && layout == OnshoreFormTemplateLayout.vertical\" [pTooltip]=\"formTemplate.tooltip\" [escape]=\"false\" appendTo=\"body\"><i class=\"fa fa-circle-question onshore-color-gray-5\"></i></div>\n\n    </div>\n\n    <div class=\"flex w-full\">\n      <p-toggleButton\n        *ngIf=\"formTemplate.locked\"\n        (onChange)=\"lockChanged($event.checked)\"\n        onIcon=\"fa fa-lock-open\"\n        offIcon=\"fa fa-lock\"\n        class=\"mr-2\"\n        [style]=\"{'height': '37px'}\"\n        [disabled]=\"!formTemplate.enabled\">\n      </p-toggleButton>\n\n      <div class=\"w-full overflow-hidden align-self-center\">\n        <ng-content></ng-content>\n      </div>\n\n      <button *ngIf=\"formTemplate.actionButton\"\n              class=\"ml-2 onshore-button-light\"\n              [style]=\"{'height': '37px', 'min-width': '38px'}\"\n              pButton\n              [disabled]=\"disabled\"\n              [icon]=\"formTemplate.actionButtonIcon\"\n              (click)=\"actionButtonClick.emit()\">\n      </button>\n    </div>\n\n    <div *ngIf=\"formTemplate.tooltip && layout == OnshoreFormTemplateLayout.horizontal\" class=\"ml-2 align-self-center\" [pTooltip]=\"formTemplate.tooltip\" [escape]=\"false\"><i class=\"fa fa-circle-question onshore-color-gray-5\"></i></div>\n  </div>\n\n  <div *ngIf=\"ngControl.control.touched || ngControl.control.dirty\" [style]=\"{'margin-left': layout == OnshoreFormTemplateLayout.horizontal ? (formLabel?.clientWidth + (formTemplate.locked ? 48 : 0)) + 'px' : (formTemplate.locked ? 48 : 0) + 'px', 'margin-right': formTemplate.tooltip && layout == OnshoreFormTemplateLayout.horizontal ? '16px' : '0px'}\">\n    <onshore-form-validation-output\n      [validationItems]=\"formTemplate.validationItems\"\n      [validationErrors]=\"ngControl.control.errors\">\n    </onshore-form-validation-output>\n  </div>\n\n  <div *ngIf=\"formTemplate.description\" class=\"mt-2\" [style]=\"{'margin-left': layout == OnshoreFormTemplateLayout.horizontal ? (formLabel?.clientWidth + (formTemplate.locked ? 48 : 0)) + 'px' : (formTemplate.locked ? 48 : 0) + 'px', 'margin-right': formTemplate.tooltip && layout == OnshoreFormTemplateLayout.horizontal ? '16px' : '0px'}\">\n    <small class=\"onshore-color-gray-5\"><i class=\"fa fa-info-circle\"></i> {{formTemplate.description}}</small>\n  </div>\n\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "directive", type: i3.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "fitContent", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i4.ToggleButton, selector: "p-toggleButton", inputs: ["onLabel", "offLabel", "onIcon", "offIcon", "ariaLabelledBy", "disabled", "style", "styleClass", "inputId", "tabindex", "iconPos"], outputs: ["onChange"] }, { kind: "component", type: i5.OnshoreFormValidationOutputComponent, selector: "onshore-form-validation-output", inputs: ["validationErrors", "validationItems"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+OnshoreFormItemContainer.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: OnshoreFormItemContainer, selector: "onshore-form-item-container", inputs: { formTemplate: "formTemplate", ngControl: "ngControl", hidden: "hidden" }, outputs: { actionButtonClick: "actionButtonClick" }, host: { listeners: { "window:resize": "onWindowResize($event)" } }, viewQueries: [{ propertyName: "formContainer", first: true, predicate: ["formContainer"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div [class.mb-4]=\"!formTemplate.noGap\" #formContainer *ngIf=\"!hidden\">\n  <div class=\"flex w-full\"\n       [class.flex-column]=\"layout == OnshoreFormTemplateLayout.vertical\"\n       [class.flex-row]=\"layout == OnshoreFormTemplateLayout.horizontal\"\n       [class.justify-content-between]=\"layout == OnshoreFormTemplateLayout.horizontal\">\n\n    <div #formLabel\n         [hidden]=\"!formTemplate.label || formTemplate.label == ''\"\n         class=\"flex justify-content-between\"\n         [style]=\"formTemplate.labelStyle ?? 'min-width: 200px; max-height: 36px'\">\n\n      <span *ngIf=\"formTemplate.label && formTemplate.label != ''\" [class.mr-2]=\"layout == OnshoreFormTemplateLayout.horizontal\"\n         [class.align-self-center]=\"layout == OnshoreFormTemplateLayout.horizontal\"\n         [class.mb-2]=\"layout == OnshoreFormTemplateLayout.vertical\">\n        {{formTemplate.label}}\n        <small *ngIf=\"formTemplate.required\" class=\"onshore-color-danger\">*</small>\n      </span>\n\n      <div *ngIf=\"formTemplate.tooltip && layout == OnshoreFormTemplateLayout.vertical\" [pTooltip]=\"formTemplate.tooltip\" [escape]=\"false\" [tooltipPosition]=\"'left'\" appendTo=\"body\"><i class=\"fa fa-circle-question onshore-color-gray-5\"></i></div>\n\n    </div>\n\n    <div class=\"flex w-full\">\n      <p-toggleButton\n        *ngIf=\"formTemplate.locked\"\n        (onChange)=\"lockChanged($event.checked)\"\n        onIcon=\"fa fa-lock-open\"\n        offIcon=\"fa fa-lock\"\n        class=\"mr-2\"\n        [style]=\"{'height': '37px'}\"\n        [disabled]=\"!formTemplate.enabled\">\n      </p-toggleButton>\n\n      <div class=\"w-full overflow-hidden align-self-center\">\n        <ng-content></ng-content>\n      </div>\n\n      <button *ngIf=\"formTemplate.actionButton\"\n              class=\"ml-2 onshore-button-light\"\n              [style]=\"{'height': '37px', 'min-width': '38px'}\"\n              pButton\n              [disabled]=\"disabled\"\n              [icon]=\"formTemplate.actionButtonIcon\"\n              (click)=\"actionButtonClick.emit()\">\n      </button>\n    </div>\n\n    <div *ngIf=\"formTemplate.tooltip && layout == OnshoreFormTemplateLayout.horizontal\" class=\"ml-2 align-self-center\" [pTooltip]=\"formTemplate.tooltip\" [escape]=\"false\"><i class=\"fa fa-circle-question onshore-color-gray-5\"></i></div>\n  </div>\n\n  <div *ngIf=\"ngControl.control.touched || ngControl.control.dirty\" [style]=\"{'margin-left': layout == OnshoreFormTemplateLayout.horizontal ? (formLabel?.clientWidth + (formTemplate.locked ? 48 : 0)) + 'px' : (formTemplate.locked ? 48 : 0) + 'px', 'margin-right': formTemplate.tooltip && layout == OnshoreFormTemplateLayout.horizontal ? '16px' : '0px'}\">\n    <onshore-form-validation-output\n      [validationItems]=\"formTemplate.validationItems\"\n      [validationErrors]=\"ngControl.control.errors\">\n    </onshore-form-validation-output>\n  </div>\n\n  <div *ngIf=\"formTemplate.description\" class=\"mt-2\" [style]=\"{'margin-left': layout == OnshoreFormTemplateLayout.horizontal ? (formLabel?.clientWidth + (formTemplate.locked ? 48 : 0)) + 'px' : (formTemplate.locked ? 48 : 0) + 'px', 'margin-right': formTemplate.tooltip && layout == OnshoreFormTemplateLayout.horizontal ? '16px' : '0px'}\">\n    <small class=\"onshore-color-gray-5\"><i class=\"fa fa-info-circle\"></i> {{formTemplate.description}}</small>\n  </div>\n\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "directive", type: i3.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "fitContent", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i4.ToggleButton, selector: "p-toggleButton", inputs: ["onLabel", "offLabel", "onIcon", "offIcon", "ariaLabelledBy", "disabled", "style", "styleClass", "inputId", "tabindex", "iconPos"], outputs: ["onChange"] }, { kind: "component", type: i5.OnshoreFormValidationOutputComponent, selector: "onshore-form-validation-output", inputs: ["validationErrors", "validationItems"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: OnshoreFormItemContainer, decorators: [{
             type: Component,
-            args: [{ selector: 'onshore-form-item-container', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [class.mb-4]=\"!formTemplate.noGap\" #formContainer>\n  <div class=\"flex w-full\"\n       [class.flex-column]=\"layout == OnshoreFormTemplateLayout.vertical\"\n       [class.flex-row]=\"layout == OnshoreFormTemplateLayout.horizontal\"\n       [class.justify-content-between]=\"layout == OnshoreFormTemplateLayout.horizontal\">\n\n    <div #formLabel\n         [hidden]=\"!formTemplate.label || formTemplate.label == ''\"\n         class=\"flex justify-content-between\"\n         [style]=\"formTemplate.labelStyle ?? 'min-width: 200px'\">\n\n      <span *ngIf=\"formTemplate.label && formTemplate.label != ''\" [class.mr-2]=\"layout == OnshoreFormTemplateLayout.horizontal\"\n         [class.align-items-center]=\"layout == OnshoreFormTemplateLayout.horizontal\"\n         [class.mb-2]=\"layout == OnshoreFormTemplateLayout.vertical\">\n        {{formTemplate.label}}\n        <small *ngIf=\"formTemplate.required\" class=\"onshore-color-danger\">*</small>\n      </span>\n\n      <div *ngIf=\"formTemplate.tooltip && layout == OnshoreFormTemplateLayout.vertical\" [pTooltip]=\"formTemplate.tooltip\" [escape]=\"false\" appendTo=\"body\"><i class=\"fa fa-circle-question onshore-color-gray-5\"></i></div>\n\n    </div>\n\n    <div class=\"flex w-full\">\n      <p-toggleButton\n        *ngIf=\"formTemplate.locked\"\n        (onChange)=\"lockChanged($event.checked)\"\n        onIcon=\"fa fa-lock-open\"\n        offIcon=\"fa fa-lock\"\n        class=\"mr-2\"\n        [style]=\"{'height': '37px'}\"\n        [disabled]=\"!formTemplate.enabled\">\n      </p-toggleButton>\n\n      <div class=\"w-full overflow-hidden align-self-center\">\n        <ng-content></ng-content>\n      </div>\n\n      <button *ngIf=\"formTemplate.actionButton\"\n              class=\"ml-2 onshore-button-light\"\n              [style]=\"{'height': '37px', 'min-width': '38px'}\"\n              pButton\n              [disabled]=\"disabled\"\n              [icon]=\"formTemplate.actionButtonIcon\"\n              (click)=\"actionButtonClick.emit()\">\n      </button>\n    </div>\n\n    <div *ngIf=\"formTemplate.tooltip && layout == OnshoreFormTemplateLayout.horizontal\" class=\"ml-2 align-self-center\" [pTooltip]=\"formTemplate.tooltip\" [escape]=\"false\"><i class=\"fa fa-circle-question onshore-color-gray-5\"></i></div>\n  </div>\n\n  <div *ngIf=\"ngControl.control.touched || ngControl.control.dirty\" [style]=\"{'margin-left': layout == OnshoreFormTemplateLayout.horizontal ? (formLabel?.clientWidth + (formTemplate.locked ? 48 : 0)) + 'px' : (formTemplate.locked ? 48 : 0) + 'px', 'margin-right': formTemplate.tooltip && layout == OnshoreFormTemplateLayout.horizontal ? '16px' : '0px'}\">\n    <onshore-form-validation-output\n      [validationItems]=\"formTemplate.validationItems\"\n      [validationErrors]=\"ngControl.control.errors\">\n    </onshore-form-validation-output>\n  </div>\n\n  <div *ngIf=\"formTemplate.description\" class=\"mt-2\" [style]=\"{'margin-left': layout == OnshoreFormTemplateLayout.horizontal ? (formLabel?.clientWidth + (formTemplate.locked ? 48 : 0)) + 'px' : (formTemplate.locked ? 48 : 0) + 'px', 'margin-right': formTemplate.tooltip && layout == OnshoreFormTemplateLayout.horizontal ? '16px' : '0px'}\">\n    <small class=\"onshore-color-gray-5\"><i class=\"fa fa-info-circle\"></i> {{formTemplate.description}}</small>\n  </div>\n\n</div>\n" }]
+            args: [{ selector: 'onshore-form-item-container', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [class.mb-4]=\"!formTemplate.noGap\" #formContainer *ngIf=\"!hidden\">\n  <div class=\"flex w-full\"\n       [class.flex-column]=\"layout == OnshoreFormTemplateLayout.vertical\"\n       [class.flex-row]=\"layout == OnshoreFormTemplateLayout.horizontal\"\n       [class.justify-content-between]=\"layout == OnshoreFormTemplateLayout.horizontal\">\n\n    <div #formLabel\n         [hidden]=\"!formTemplate.label || formTemplate.label == ''\"\n         class=\"flex justify-content-between\"\n         [style]=\"formTemplate.labelStyle ?? 'min-width: 200px; max-height: 36px'\">\n\n      <span *ngIf=\"formTemplate.label && formTemplate.label != ''\" [class.mr-2]=\"layout == OnshoreFormTemplateLayout.horizontal\"\n         [class.align-self-center]=\"layout == OnshoreFormTemplateLayout.horizontal\"\n         [class.mb-2]=\"layout == OnshoreFormTemplateLayout.vertical\">\n        {{formTemplate.label}}\n        <small *ngIf=\"formTemplate.required\" class=\"onshore-color-danger\">*</small>\n      </span>\n\n      <div *ngIf=\"formTemplate.tooltip && layout == OnshoreFormTemplateLayout.vertical\" [pTooltip]=\"formTemplate.tooltip\" [escape]=\"false\" [tooltipPosition]=\"'left'\" appendTo=\"body\"><i class=\"fa fa-circle-question onshore-color-gray-5\"></i></div>\n\n    </div>\n\n    <div class=\"flex w-full\">\n      <p-toggleButton\n        *ngIf=\"formTemplate.locked\"\n        (onChange)=\"lockChanged($event.checked)\"\n        onIcon=\"fa fa-lock-open\"\n        offIcon=\"fa fa-lock\"\n        class=\"mr-2\"\n        [style]=\"{'height': '37px'}\"\n        [disabled]=\"!formTemplate.enabled\">\n      </p-toggleButton>\n\n      <div class=\"w-full overflow-hidden align-self-center\">\n        <ng-content></ng-content>\n      </div>\n\n      <button *ngIf=\"formTemplate.actionButton\"\n              class=\"ml-2 onshore-button-light\"\n              [style]=\"{'height': '37px', 'min-width': '38px'}\"\n              pButton\n              [disabled]=\"disabled\"\n              [icon]=\"formTemplate.actionButtonIcon\"\n              (click)=\"actionButtonClick.emit()\">\n      </button>\n    </div>\n\n    <div *ngIf=\"formTemplate.tooltip && layout == OnshoreFormTemplateLayout.horizontal\" class=\"ml-2 align-self-center\" [pTooltip]=\"formTemplate.tooltip\" [escape]=\"false\"><i class=\"fa fa-circle-question onshore-color-gray-5\"></i></div>\n  </div>\n\n  <div *ngIf=\"ngControl.control.touched || ngControl.control.dirty\" [style]=\"{'margin-left': layout == OnshoreFormTemplateLayout.horizontal ? (formLabel?.clientWidth + (formTemplate.locked ? 48 : 0)) + 'px' : (formTemplate.locked ? 48 : 0) + 'px', 'margin-right': formTemplate.tooltip && layout == OnshoreFormTemplateLayout.horizontal ? '16px' : '0px'}\">\n    <onshore-form-validation-output\n      [validationItems]=\"formTemplate.validationItems\"\n      [validationErrors]=\"ngControl.control.errors\">\n    </onshore-form-validation-output>\n  </div>\n\n  <div *ngIf=\"formTemplate.description\" class=\"mt-2\" [style]=\"{'margin-left': layout == OnshoreFormTemplateLayout.horizontal ? (formLabel?.clientWidth + (formTemplate.locked ? 48 : 0)) + 'px' : (formTemplate.locked ? 48 : 0) + 'px', 'margin-right': formTemplate.tooltip && layout == OnshoreFormTemplateLayout.horizontal ? '16px' : '0px'}\">\n    <small class=\"onshore-color-gray-5\"><i class=\"fa fa-info-circle\"></i> {{formTemplate.description}}</small>\n  </div>\n\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { formTemplate: [{
                 type: Input
             }], ngControl: [{
                 type: Input
+            }], hidden: [{
+                type: Input
             }], actionButtonClick: [{
                 type: Output
             }], formContainer: [{
@@ -110,4 +113,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImpor
                 type: HostListener,
                 args: ['window:resize', ['$event']]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1pdGVtLWNvbnRhaW5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vbnNob3JlLWZvcm1zL3NyYy9saWIvY29tcG9uZW50cy9mb3JtLWl0ZW0tY29udGFpbmVyL2Zvcm0taXRlbS1jb250YWluZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvb25zaG9yZS1mb3Jtcy9zcmMvbGliL2NvbXBvbmVudHMvZm9ybS1pdGVtLWNvbnRhaW5lci9mb3JtLWl0ZW0tY29udGFpbmVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCx1QkFBdUIsRUFFdkIsU0FBUyxFQUFjLFlBQVksRUFDbkMsWUFBWSxFQUNaLEtBQUssRUFFRyxNQUFNLEVBQ0MsU0FBUyxFQUN6QixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQzs7Ozs7OztBQVFuRSxNQUFNLE9BQU8sd0JBQXdCO0lBdUduQyxZQUFvQixHQUFzQjtRQUF0QixRQUFHLEdBQUgsR0FBRyxDQUFtQjtRQW5HaEMsc0JBQWlCLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUlqRCxhQUFRLEdBQVksS0FBSyxDQUFDO1FBRTFCLDhCQUF5QixHQUFHLHlCQUF5QixDQUFDO1FBRXRELFdBQU0sR0FBOEIseUJBQXlCLENBQUMsSUFBSSxDQUFDO0lBNkZuRSxDQUFDO0lBM0ZELE9BQU8sQ0FBQyxNQUFlO1FBQ3JCLFVBQVUsQ0FBQyxHQUFHLEVBQUU7WUFDWixJQUFHLE1BQU0sRUFBRTtnQkFDVCxJQUFJLENBQUMsU0FBUyxFQUFFLE9BQU8sQ0FBQyxNQUFNLEVBQUUsQ0FBQzthQUNsQztpQkFBTTtnQkFDTCxJQUFJLENBQUMsU0FBUyxFQUFFLE9BQU8sQ0FBQyxPQUFPLEVBQUUsQ0FBQzthQUNuQztZQUNE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U3RyYXRlZ3ksXG4gIENoYW5nZURldGVjdG9yUmVmLFxuICBDb21wb25lbnQsIEVsZW1lbnRSZWYsIEV2ZW50RW1pdHRlcixcbiAgSG9zdExpc3RlbmVyLFxuICBJbnB1dCxcbiAgT25DaGFuZ2VzLFxuICBPbkluaXQsIE91dHB1dCxcbiAgU2ltcGxlQ2hhbmdlcywgVmlld0NoaWxkXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgT25zaG9yZUZvcm1UZW1wbGF0ZUl0ZW0gfSBmcm9tICcuLi8uLi9tb2RlbHMvZm9ybS5tb2RlbHMnO1xuaW1wb3J0IHsgT25zaG9yZUZvcm1UZW1wbGF0ZUxheW91dCB9IGZyb20gJy4uLy4uL2VudW1zL2Zvcm0uZW51bXMnO1xuaW1wb3J0IHsgTmdDb250cm9sIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdvbnNob3JlLWZvcm0taXRlbS1jb250YWluZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vZm9ybS1pdGVtLWNvbnRhaW5lci5jb21wb25lbnQuaHRtbCcsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBPbnNob3JlRm9ybUl0ZW1Db250YWluZXIgaW1wbGVtZW50cyBPbkluaXQsIE9uQ2hhbmdlcywgQWZ0ZXJWaWV3SW5pdCB7XG4gIEBJbnB1dCgpIGZvcm1UZW1wbGF0ZSE6IE9uc2hvcmVGb3JtVGVtcGxhdGVJdGVtO1xuICBASW5wdXQoKSBuZ0NvbnRyb2whOiBOZ0NvbnRyb2w7XG5cbiAgQE91dHB1dCgpIGFjdGlvbkJ1dHRvbkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIEBWaWV3Q2hpbGQoJ2Zvcm1Db250YWluZXInKSBmb3JtQ29udGFpbmVyITogRWxlbWVudFJlZjtcblxuICBkaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIE9uc2hvcmVGb3JtVGVtcGxhdGVMYXlvdXQgPSBPbnNob3JlRm9ybVRlbXBsYXRlTGF5b3V0O1xuXG4gIGxheW91dDogT25zaG9yZUZvcm1UZW1wbGF0ZUxheW91dCA9IE9uc2hvcmVGb3JtVGVtcGxhdGVMYXlvdXQuYXV0bztcblxuICBlbmFibGVkKGVuYWJsZTogYm9vbGVhbikge1xuICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICBpZihlbmFibGUpIHtcbiAgICAgICAgICB0aGlzLm5nQ29udHJvbD8uY29udHJvbC5lbmFibGUoKTtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICB0aGlzLm5nQ29udHJvbD8uY29udHJvbC5kaXNhYmxlKCk7XG4gICAgICAgIH1cbiAgICAgICAgdGhpcy5kaXNhYmxlZCA9ICFlbmFibGU7XG4gICAgICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICAgIH0sIDEwMCk7XG4gIH1cblxuICBsb2NrQ2hhbmdlZCh1bmxvY2tlZDogYm9vbGVhbikge1xuICAgIGlmKHVubG9ja2VkICYmIHRoaXMuZm9ybVRlbXBsYXRlLmVuYWJsZWQpIHtcbiAgICAgIHRoaXMuZW5hYmxlZCh0cnVlKTtcbiAgICAgIHRoaXMuZGlzYWJsZWQgPSBmYWxzZTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5lbmFibGVkKGZhbHNlKTtcbiAgICAgIHRoaXMuZGlzYWJsZWQgPSB0cnVlO1xuICAgIH1cbiAgICB0aGlzLmNkci5tYXJrRm9yQ2hlY2soKTtcbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ3dpbmRvdzpyZXNpemUnLCBbJyRldmVudCddKVxuICBvbldpbmRvd1Jlc2l6ZSgpIHtcbiAgICBjb25zdCBjb25hdGluZXJXaWR0aCA9IHRoaXMuZm9ybUNvbnRhaW5lcj8ubmF0aXZlRWxlbWVudC5vZmZzZXRXaWR0aDtcbiAgICBpZihjb25hdGluZXJXaWR0aCA+IDUwMCAmJiB0aGlzLmZvcm1UZW1wbGF0ZS5sYXlvdXQgPT09IE9uc2hvcmVGb3JtVGVtcGxhdGVMYXlvdXQuYXV0byAmJiB0aGlzLmxheW91dCAhPT0gT25zaG9yZUZvcm1UZW1wbGF0ZUxheW91dC5ob3Jpem9udGFsKSB7XG4gICAgICB0aGlzLmxheW91dCA9IE9uc2hvcmVGb3JtVGVtcGxhdGVMYXlvdXQuaG9yaXpvbnRhbDtcbiAgICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICAgIH1cbiAgICBpZihjb25hdGluZXJXaWR0aCA8PSA1MDAgJiYgdGhpcy5mb3JtVGVtcGxhdGUubGF5b3V0ID09PSBPbnNob3JlRm9ybVRlbXBsYXRlTGF5b3V0LmF1dG8gJiYgdGhpcy5sYXlvdXQgIT09IE9uc2hvcmVGb3JtVGVtcGxhdGVMYXlvdXQudmVydGljYWwpIHtcbiAgICAgIHRoaXMubGF5b3V0ID0gT25zaG9yZUZvcm1UZW1wbGF0ZUxheW91dC52ZXJ0aWNhbDtcbiAgICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICAgIH1cbiAgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMubmdDb250cm9sPy5jb250cm9sPy52YWx1ZUNoYW5nZXMuc3Vic2NyaWJlKHZhbHVlID0+IHtcbiAgICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICAgIH0pO1xuICAgIHRoaXMubmdDb250cm9sPy5jb250cm9sPy5zdGF0dXNDaGFuZ2VzLnN1YnNjcmliZShzdGF0dXMgPT4ge1xuICAgICAgdGhpcy5jZHIubWFya0ZvckNoZWNrKCk7XG4gICAgfSk7XG5cbiAgICB0aGlzLmVuYWJsZWQodGhpcy5mb3JtVGVtcGxhdGUuZW5hYmxlZCk7XG4gICAgdGhpcy5kaXNhYmxlZCA9ICF0aGlzLmZvcm1UZW1wbGF0ZS5lbmFibGVkO1xuXG4gICAgaWYodGhpcy5mb3JtVGVtcGxhdGUubG9ja2VkKSB7XG4gICAgICB0aGlzLmVuYWJsZWQoZmFsc2UpO1xuICAgICAgdGhpcy5kaXNhYmxlZCA9IHRydWU7XG4gICAgfVxuXG4gICAgdGhpcy5sYXlvdXQgPSB0aGlzLmZvcm1UZW1wbGF0ZS5sYXlvdXQ7XG4gIH1cblxuICBuZ0FmdGVyVmlld0luaXQoKSB7XG4gICAgdGhpcy5vbldpbmRvd1Jlc2l6ZSgpO1xuICB9XG5cbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcykge1xuICAgIGNvbnN0IHByZXZpb3VzVmFsdWUgPSBjaGFuZ2VzWydmb3JtVGVtcGxhdGUnXS5wcmV2aW91c1ZhbHVlO1xuICAgIGNvbnN0IGN1cnJlbnRWYWx1ZSA9IGNoYW5nZXNbJ2Zvcm1UZW1wbGF0ZSddLmN1cnJlbnRWYWx1ZTtcblxuICAgIGlmKGN1cnJlbnRWYWx1ZSkge1xuXG4gICAgICBpZihwcmV2aW91c1ZhbHVlPy5lbmFibGVkICE9PSBjdXJyZW50VmFsdWU/LmVuYWJsZWQpIHtcbiAgICAgICAgdGhpcy5lbmFibGVkKGN1cnJlbnRWYWx1ZT8uZW5hYmxlZCk7XG4gICAgICAgIHRoaXMuZGlzYWJsZWQgPSAhY3VycmVudFZhbHVlPy5lbmFibGVkO1xuICAgICAgfVxuXG4gICAgICBpZihwcmV2aW91c1ZhbHVlPy5sb2NrZWQgIT09IGN1cnJlbnRWYWx1ZT8ubG9ja2VkKSB7XG4gICAgICAgIGlmKGN1cnJlbnRWYWx1ZS5sb2NrZWQpIHtcbiAgICAgICAgICB0aGlzLmVuYWJsZWQoZmFsc2UpO1xuICAgICAgICAgIHRoaXMuZGlzYWJsZWQgPSB0cnVlO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgIHRoaXMuZW5hYmxlZChjdXJyZW50VmFsdWUuZW5hYmxlZCk7XG4gICAgICAgICAgdGhpcy5kaXNhYmxlZCA9IGN1cnJlbnRWYWx1ZS5lbmFibGVkO1xuICAgICAgICB9XG4gICAgICB9XG5cbiAgICAgIGlmKHByZXZpb3VzVmFsdWU/LmxheW91dCAhPT0gY3VycmVudFZhbHVlPy5sYXlvdXQpIHtcbiAgICAgICAgdGhpcy5sYXlvdXQgPSB0aGlzLmZvcm1UZW1wbGF0ZS5sYXlvdXQ7XG4gICAgICAgIHRoaXMub25XaW5kb3dSZXNpemUoKTtcbiAgICAgIH1cblxuICAgICAgdGhpcy5jZHIubWFya0ZvckNoZWNrKCk7XG4gICAgfVxuICB9XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBjZHI6IENoYW5nZURldGVjdG9yUmVmKSB7XG5cbiAgfVxufVxuIiwiPGRpdiBbY2xhc3MubWItNF09XCIhZm9ybVRlbXBsYXRlLm5vR2FwXCIgI2Zvcm1Db250YWluZXI+XG4gIDxkaXYgY2xhc3M9XCJmbGV4IHctZnVsbFwiXG4gICAgICAgW2NsYXNzLmZsZXgtY29sdW1uXT1cImxheW91dCA9PSBPbnNob3JlRm9ybVRlbXBsYXRlTGF5b3V0LnZlcnRpY2FsXCJcbiAgICAgICBbY2xhc3MuZmxleC1yb3ddPVwibGF5b3V0ID09IE9uc2hvcmVGb3JtVGVtcGxhdGVMYXlvdXQuaG9yaXpvbnRhbFwiXG4gICAgICAgW2NsYXNzLmp1c3RpZnktY29udGVudC1iZXR3ZWVuXT1cImxheW91dCA9PSBPbnNob3JlRm9ybVRlbXBsYXRlTGF5b3V0Lmhvcml6b250YWxcIj5cblxuICAgIDxkaXYgI2Zvcm1MYWJlbFxuICAgICAgICAgW2hpZGRlbl09XCIhZm9ybVRlbXBsYXRlLmxhYmVsIHx8IGZvcm1UZW1wbGF0ZS5sYWJlbCA9PSAnJ1wiXG4gICAgICAgICBjbGFzcz1cImZsZXgganVzdGlmeS1jb250ZW50LWJldHdlZW5cIlxuICAgICAgICAgW3N0eWxlXT1cImZvcm1UZW1wbGF0ZS5sYWJlbFN0eWxlID8/ICdtaW4td2lkdGg6IDIwMHB4J1wiPlxuXG4gICAgICA8c3BhbiAqbmdJZj1cImZvcm1UZW1wbGF0ZS5sYWJlbCAmJiBmb3JtVGVtcGxhdGUubGFiZWwgIT0gJydcIiBbY2xhc3MubXItMl09XCJsYXlvdXQgPT0gT25zaG9yZUZvcm1UZW1wbGF0ZUxheW91dC5ob3Jpem9udGFsXCJcbiAgICAgICAgIFtjbGFzcy5hbGlnbi1pdGVtcy1jZW50ZXJdPVwibGF5b3V0ID09IE9uc2hvcmVGb3JtVGVtcGxhdGVMYXlvdXQuaG9yaXpvbnRhbFwiXG4gICAgICAgICBbY2xhc3MubWItMl09XCJsYXlvdXQgPT0gT25zaG9yZUZvcm1UZW1wbGF0ZUxheW91dC52ZXJ0aWNhbFwiPlxuICAgICAgICB7e2Zvcm1UZW1wbGF0ZS5sYWJlbH19XG4gICAgICAgIDxzbWFsbCAqbmdJZj1cImZvcm1UZW1wbGF0ZS5yZXF1aXJlZFwiIGNsYXNzPVwib25zaG9yZS1jb2xvci1kYW5nZXJcIj4qPC9zbWFsbD5cbiAgICAgIDwvc3Bhbj5cblxuICAgICAgPGRpdiAqbmdJZj1cImZvcm1UZW1wbGF0ZS50b29sdGlwICYmIGxheW91dCA9PSBPbnNob3JlRm9ybVRlbXBsYXRlTGF5b3V0LnZlcnRpY2FsXCIgW3BUb29sdGlwXT1cImZvcm1UZW1wbGF0ZS50b29sdGlwXCIgW2VzY2FwZV09XCJmYWxzZVwiIGFwcGVuZFRvPVwiYm9keVwiPjxpIGNsYXNzPVwiZmEgZmEtY2lyY2xlLXF1ZXN0aW9uIG9uc2hvcmUtY29sb3ItZ3JheS01XCI+PC9pPjwvZGl2PlxuXG4gICAgPC9kaXY+XG5cbiAgICA8ZGl2IGNsYXNzPVwiZmxleCB3LWZ1bGxcIj5cbiAgICAgIDxwLXRvZ2dsZUJ1dHRvblxuICAgICAgICAqbmdJZj1cImZvcm1UZW1wbGF0ZS5sb2NrZWRcIlxuICAgICAgICAob25DaGFuZ2UpPVwibG9ja0NoYW5nZWQoJGV2ZW50LmNoZWNrZWQpXCJcbiAgICAgICAgb25JY29uPVwiZmEgZmEtbG9jay1vcGVuXCJcbiAgICAgICAgb2ZmSWNvbj1cImZhIGZhLWxvY2tcIlxuICAgICAgICBjbGFzcz1cIm1yLTJcIlxuICAgICAgICBbc3R5bGVdPVwieydoZWlnaHQnOiAnMzdweCd9XCJcbiAgICAgICAgW2Rpc2FibGVkXT1cIiFmb3JtVGVtcGxhdGUuZW5hYmxlZFwiPlxuICAgICAgPC9wLXRvZ2dsZUJ1dHRvbj5cblxuICAgICAgPGRpdiBjbGFzcz1cInctZnVsbCBvdmVyZmxvdy1oaWRkZW4gYWxpZ24tc2VsZi1jZW50ZXJcIj5cbiAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgICAgPC9kaXY+XG5cbiAgICAgIDxidXR0b24gKm5nSWY9XCJmb3JtVGVtcGxhdGUuYWN0aW9uQnV0dG9uXCJcbiAgICAgICAgICAgICAgY2xhc3M9XCJtbC0yIG9uc2hvcmUtYnV0dG9uLWxpZ2h0XCJcbiAgICAgICAgICAgICAgW3N0eWxlXT1cInsnaGVpZ2h0JzogJzM3cHgnLCAnbWluLXdpZHRoJzogJzM4cHgnfVwiXG4gICAgICAgICAgICAgIHBCdXR0b25cbiAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgICAgICAgICAgICAgW2ljb25dPVwiZm9ybVRlbXBsYXRlLmFjdGlvbkJ1dHRvbkljb25cIlxuICAgICAgICAgICAgICAoY2xpY2spPVwiYWN0aW9uQnV0dG9uQ2xpY2suZW1pdCgpXCI+XG4gICAgICA8L2J1dHRvbj5cbiAgICA8L2Rpdj5cblxuICAgIDxkaXYgKm5nSWY9XCJmb3JtVGVtcGxhdGUudG9vbHRpcCAmJiBsYXlvdXQgPT0gT25zaG9yZUZvcm1UZW1wbGF0ZUxheW91dC5ob3Jpem9udGFsXCIgY2xhc3M9XCJtbC0yIGFsaWduLXNlbGYtY2VudGVyXCIgW3BUb29sdGlwXT1cImZvcm1UZW1wbGF0ZS50b29sdGlwXCIgW2VzY2FwZV09XCJmYWxzZVwiPjxpIGNsYXNzPVwiZmEgZmEtY2lyY2xlLXF1ZXN0aW9uIG9uc2hvcmUtY29sb3ItZ3JheS01XCI+PC9pPjwvZGl2PlxuICA8L2Rpdj5cblxuICA8ZGl2ICpuZ0lmPVwibmdDb250cm9sLmNvbnRyb2wudG91Y2hlZCB8fCBuZ0NvbnRyb2wuY29udHJvbC5kaXJ0eVwiIFtzdHlsZV09XCJ7J21hcmdpbi1sZWZ0JzogbGF5b3V0ID09IE9uc2hvcmVGb3JtVGVtcGxhdGVMYXlvdXQuaG9yaXpvbnRhbCA/IChmb3JtTGFiZWw/LmNsaWVudFdpZHRoICsgKGZvcm1UZW1wbGF0ZS5sb2NrZWQgPyA0OCA6IDApKSArICdweCcgOiAoZm9ybVRlbXBsYXRlLmxvY2tlZCA/IDQ4IDogMCkgKyAncHgnLCAnbWFyZ2luLXJpZ2h0JzogZm9ybVRlbXBsYXRlLnRvb2x0aXAgJiYgbGF5b3V0ID09IE9uc2hvcmVGb3JtVGVtcGxhdGVMYXlvdXQuaG9yaXpvbnRhbCA/ICcxNnB4JyA6ICcwcHgnfVwiPlxuICAgIDxvbnNob3JlLWZvcm0tdmFsaWRhdGlvbi1vdXRwdXRcbiAgICAgIFt2YWxpZGF0aW9uSXRlbXNdPVwiZm9ybVRlbXBsYXRlLnZhbGlkYXRpb25JdGVtc1wiXG4gICAgICBbdmFsaWRhdGlvbkVycm9yc109XCJuZ0NvbnRyb2wuY29udHJvbC5lcnJvcnNcIj5cbiAgICA8L29uc2hvcmUtZm9ybS12YWxpZGF0aW9uLW91dHB1dD5cbiAgPC9kaXY+XG5cbiAgPGRpdiAqbmdJZj1cImZvcm1UZW1wbGF0ZS5kZXNjcmlwdGlvblwiIGNsYXNzPVwibXQtMlwiIFtzdHlsZV09XCJ7J21hcmdpbi1sZWZ0JzogbGF5b3V0ID09IE9uc2hvcmVGb3JtVGVtcGxhdGVMYXlvdXQuaG9yaXpvbnRhbCA/IChmb3JtTGFiZWw/LmNsaWVudFdpZHRoICsgKGZvcm1UZW1wbGF0ZS5sb2NrZWQgPyA0OCA6IDApKSArICdweCcgOiAoZm9ybVRlbXBsYXRlLmxvY2tlZCA/IDQ4IDogMCkgKyAncHgnLCAnbWFyZ2luLXJpZ2h0JzogZm9ybVRlbXBsYXRlLnRvb2x0aXAgJiYgbGF5b3V0ID09IE9uc2hvcmVGb3JtVGVtcGxhdGVMYXlvdXQuaG9yaXpvbnRhbCA/ICcxNnB4JyA6ICcwcHgnfVwiPlxuICAgIDxzbWFsbCBjbGFzcz1cIm9uc2hvcmUtY29sb3ItZ3JheS01XCI+PGkgY2xhc3M9XCJmYSBmYS1pbmZvLWNpcmNsZVwiPjwvaT4ge3tmb3JtVGVtcGxhdGUuZGVzY3JpcHRpb259fTwvc21hbGw+XG4gIDwvZGl2PlxuXG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1pdGVtLWNvbnRhaW5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vbnNob3JlLWZvcm1zL3NyYy9saWIvY29tcG9uZW50cy9mb3JtLWl0ZW0tY29udGFpbmVyL2Zvcm0taXRlbS1jb250YWluZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvb25zaG9yZS1mb3Jtcy9zcmMvbGliL2NvbXBvbmVudHMvZm9ybS1pdGVtLWNvbnRhaW5lci9mb3JtLWl0ZW0tY29udGFpbmVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCx1QkFBdUIsRUFFdkIsU0FBUyxFQUFjLFlBQVksRUFDbkMsWUFBWSxFQUNaLEtBQUssRUFFRyxNQUFNLEVBQ0MsU0FBUyxFQUN6QixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQzs7Ozs7OztBQVFuRSxNQUFNLE9BQU8sd0JBQXdCO0lBd0duQyxZQUFvQixHQUFzQjtRQUF0QixRQUFHLEdBQUgsR0FBRyxDQUFtQjtRQXJHakMsV0FBTSxHQUF3QixLQUFLLENBQUM7UUFFbkMsc0JBQWlCLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUlqRCxhQUFRLEdBQVksS0FBSyxDQUFDO1FBRTFCLDhCQUF5QixHQUFHLHlCQUF5QixDQUFDO1FBRXRELFdBQU0sR0FBOEIseUJBQXlCLENBQUMsSUFBSSxDQUFDO0lBNkZuRSxDQUFDO0lBM0ZELE9BQU8sQ0FBQyxNQUFlO1FBQ3JCLFVBQVUsQ0FBQyxHQUFHLEVBQUU7WUFDWixJQUFHLE1BQU0sRUFBRTtnQkFDVCxJQUFJLENBQUMsU0FBUyxFQUFFLE9BQU8sQ0FBQyxNQUFNLEVBQUUsQ0FBQzthQUNsQztpQkFBTTtnQkFDTCxJQUFJLENBQUMsU0FBUyxFQUFFLE9BQU8sQ0FB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IjpbImltcG9ydCB7XG4gIEFmdGVyVmlld0luaXQsXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBFdmVudEVtaXR0ZXIsXG4gIEhvc3RMaXN0ZW5lcixcbiAgSW5wdXQsXG4gIE9uQ2hhbmdlcyxcbiAgT25Jbml0LCBPdXRwdXQsXG4gIFNpbXBsZUNoYW5nZXMsIFZpZXdDaGlsZFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE9uc2hvcmVGb3JtVGVtcGxhdGVJdGVtIH0gZnJvbSAnLi4vLi4vbW9kZWxzL2Zvcm0ubW9kZWxzJztcbmltcG9ydCB7IE9uc2hvcmVGb3JtVGVtcGxhdGVMYXlvdXQgfSBmcm9tICcuLi8uLi9lbnVtcy9mb3JtLmVudW1zJztcbmltcG9ydCB7IE5nQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnb25zaG9yZS1mb3JtLWl0ZW0tY29udGFpbmVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2Zvcm0taXRlbS1jb250YWluZXIuY29tcG9uZW50Lmh0bWwnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgT25zaG9yZUZvcm1JdGVtQ29udGFpbmVyIGltcGxlbWVudHMgT25Jbml0LCBPbkNoYW5nZXMsIEFmdGVyVmlld0luaXQge1xuICBASW5wdXQoKSBmb3JtVGVtcGxhdGUhOiBPbnNob3JlRm9ybVRlbXBsYXRlSXRlbTtcbiAgQElucHV0KCkgbmdDb250cm9sITogTmdDb250cm9sO1xuICBASW5wdXQoKSBoaWRkZW46IGJvb2xlYW4gfCB1bmRlZmluZWQgPSBmYWxzZTtcblxuICBAT3V0cHV0KCkgYWN0aW9uQnV0dG9uQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgQFZpZXdDaGlsZCgnZm9ybUNvbnRhaW5lcicpIGZvcm1Db250YWluZXIhOiBFbGVtZW50UmVmO1xuXG4gIGRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgT25zaG9yZUZvcm1UZW1wbGF0ZUxheW91dCA9IE9uc2hvcmVGb3JtVGVtcGxhdGVMYXlvdXQ7XG5cbiAgbGF5b3V0OiBPbnNob3JlRm9ybVRlbXBsYXRlTGF5b3V0ID0gT25zaG9yZUZvcm1UZW1wbGF0ZUxheW91dC5hdXRvO1xuXG4gIGVuYWJsZWQoZW5hYmxlOiBib29sZWFuKSB7XG4gICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgIGlmKGVuYWJsZSkge1xuICAgICAgICAgIHRoaXMubmdDb250cm9sPy5jb250cm9sLmVuYWJsZSgpO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgIHRoaXMubmdDb250cm9sPy5jb250cm9sLmRpc2FibGUoKTtcbiAgICAgICAgfVxuICAgICAgICB0aGlzLmRpc2FibGVkID0gIWVuYWJsZTtcbiAgICAgICAgdGhpcy5jZHIubWFya0ZvckNoZWNrKCk7XG4gICAgfSwgMTAwKTtcbiAgfVxuXG4gIGxvY2tDaGFuZ2VkKHVubG9ja2VkOiBib29sZWFuKSB7XG4gICAgaWYodW5sb2NrZWQgJiYgdGhpcy5mb3JtVGVtcGxhdGUuZW5hYmxlZCkge1xuICAgICAgdGhpcy5lbmFibGVkKHRydWUpO1xuICAgICAgdGhpcy5kaXNhYmxlZCA9IGZhbHNlO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLmVuYWJsZWQoZmFsc2UpO1xuICAgICAgdGhpcy5kaXNhYmxlZCA9IHRydWU7XG4gICAgfVxuICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcignd2luZG93OnJlc2l6ZScsIFsnJGV2ZW50J10pXG4gIG9uV2luZG93UmVzaXplKCkge1xuICAgIGNvbnN0IGNvbmF0aW5lcldpZHRoID0gdGhpcy5mb3JtQ29udGFpbmVyPy5uYXRpdmVFbGVtZW50Lm9mZnNldFdpZHRoO1xuICAgIGlmKGNvbmF0aW5lcldpZHRoID4gNTAwICYmIHRoaXMuZm9ybVRlbXBsYXRlLmxheW91dCA9PT0gT25zaG9yZUZvcm1UZW1wbGF0ZUxheW91dC5hdXRvICYmIHRoaXMubGF5b3V0ICE9PSBPbnNob3JlRm9ybVRlbXBsYXRlTGF5b3V0Lmhvcml6b250YWwpIHtcbiAgICAgIHRoaXMubGF5b3V0ID0gT25zaG9yZUZvcm1UZW1wbGF0ZUxheW91dC5ob3Jpem9udGFsO1xuICAgICAgdGhpcy5jZHIubWFya0ZvckNoZWNrKCk7XG4gICAgfVxuICAgIGlmKGNvbmF0aW5lcldpZHRoIDw9IDUwMCAmJiB0aGlzLmZvcm1UZW1wbGF0ZS5sYXlvdXQgPT09IE9uc2hvcmVGb3JtVGVtcGxhdGVMYXlvdXQuYXV0byAmJiB0aGlzLmxheW91dCAhPT0gT25zaG9yZUZvcm1UZW1wbGF0ZUxheW91dC52ZXJ0aWNhbCkge1xuICAgICAgdGhpcy5sYXlvdXQgPSBPbnNob3JlRm9ybVRlbXBsYXRlTGF5b3V0LnZlcnRpY2FsO1xuICAgICAgdGhpcy5jZHIubWFya0ZvckNoZWNrKCk7XG4gICAgfVxuICB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5uZ0NvbnRyb2w/LmNvbnRyb2w/LnZhbHVlQ2hhbmdlcy5zdWJzY3JpYmUodmFsdWUgPT4ge1xuICAgICAgdGhpcy5jZHIubWFya0ZvckNoZWNrKCk7XG4gICAgfSk7XG4gICAgdGhpcy5uZ0NvbnRyb2w/LmNvbnRyb2w/LnN0YXR1c0NoYW5nZXMuc3Vic2NyaWJlKHN0YXR1cyA9PiB7XG4gICAgICB0aGlzLmNkci5tYXJrRm9yQ2hlY2soKTtcbiAgICB9KTtcblxuICAgIHRoaXMuZW5hYmxlZCh0aGlzLmZvcm1UZW1wbGF0ZS5lbmFibGVkKTtcbiAgICB0aGlzLmRpc2FibGVkID0gIXRoaXMuZm9ybVRlbXBsYXRlLmVuYWJsZWQ7XG5cbiAgICBpZih0aGlzLmZvcm1UZW1wbGF0ZS5sb2NrZWQpIHtcbiAgICAgIHRoaXMuZW5hYmxlZChmYWxzZSk7XG4gICAgICB0aGlzLmRpc2FibGVkID0gdHJ1ZTtcbiAgICB9XG5cbiAgICB0aGlzLmxheW91dCA9IHRoaXMuZm9ybVRlbXBsYXRlLmxheW91dDtcbiAgfVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICB0aGlzLm9uV2luZG93UmVzaXplKCk7XG4gIH1cblxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKSB7XG4gICAgY29uc3QgcHJldmlvdXNWYWx1ZSA9IGNoYW5nZXNbJ2Zvcm1UZW1wbGF0ZSddLnByZXZpb3VzVmFsdWU7XG4gICAgY29uc3QgY3VycmVudFZhbHVlID0gY2hhbmdlc1snZm9ybVRlbXBsYXRlJ10uY3VycmVudFZhbHVlO1xuXG4gICAgaWYoY3VycmVudFZhbHVlKSB7XG5cbiAgICAgIGlmKHByZXZpb3VzVmFsdWU/LmVuYWJsZWQgIT09IGN1cnJlbnRWYWx1ZT8uZW5hYmxlZCkge1xuICAgICAgICB0aGlzLmVuYWJsZWQoY3VycmVudFZhbHVlPy5lbmFibGVkKTtcbiAgICAgICAgdGhpcy5kaXNhYmxlZCA9ICFjdXJyZW50VmFsdWU/LmVuYWJsZWQ7XG4gICAgICB9XG5cbiAgICAgIGlmKHByZXZpb3VzVmFsdWU/LmxvY2tlZCAhPT0gY3VycmVudFZhbHVlPy5sb2NrZWQpIHtcbiAgICAgICAgaWYoY3VycmVudFZhbHVlLmxvY2tlZCkge1xuICAgICAgICAgIHRoaXMuZW5hYmxlZChmYWxzZSk7XG4gICAgICAgICAgdGhpcy5kaXNhYmxlZCA9IHRydWU7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgdGhpcy5lbmFibGVkKGN1cnJlbnRWYWx1ZS5lbmFibGVkKTtcbiAgICAgICAgICB0aGlzLmRpc2FibGVkID0gY3VycmVudFZhbHVlLmVuYWJsZWQ7XG4gICAgICAgIH1cbiAgICAgIH1cblxuICAgICAgaWYocHJldmlvdXNWYWx1ZT8ubGF5b3V0ICE9PSBjdXJyZW50VmFsdWU/LmxheW91dCkge1xuICAgICAgICB0aGlzLmxheW91dCA9IHRoaXMuZm9ybVRlbXBsYXRlLmxheW91dDtcbiAgICAgICAgdGhpcy5vbldpbmRvd1Jlc2l6ZSgpO1xuICAgICAgfVxuXG4gICAgICB0aGlzLmNkci5tYXJrRm9yQ2hlY2soKTtcbiAgICB9XG4gIH1cblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHtcblxuICB9XG59XG4iLCI8ZGl2IFtjbGFzcy5tYi00XT1cIiFmb3JtVGVtcGxhdGUubm9HYXBcIiAjZm9ybUNvbnRhaW5lciAqbmdJZj1cIiFoaWRkZW5cIj5cbiAgPGRpdiBjbGFzcz1cImZsZXggdy1mdWxsXCJcbiAgICAgICBbY2xhc3MuZmxleC1jb2x1bW5dPVwibGF5b3V0ID09IE9uc2hvcmVGb3JtVGVtcGxhdGVMYXlvdXQudmVydGljYWxcIlxuICAgICAgIFtjbGFzcy5mbGV4LXJvd109XCJsYXlvdXQgPT0gT25zaG9yZUZvcm1UZW1wbGF0ZUxheW91dC5ob3Jpem9udGFsXCJcbiAgICAgICBbY2xhc3MuanVzdGlmeS1jb250ZW50LWJldHdlZW5dPVwibGF5b3V0ID09IE9uc2hvcmVGb3JtVGVtcGxhdGVMYXlvdXQuaG9yaXpvbnRhbFwiPlxuXG4gICAgPGRpdiAjZm9ybUxhYmVsXG4gICAgICAgICBbaGlkZGVuXT1cIiFmb3JtVGVtcGxhdGUubGFiZWwgfHwgZm9ybVRlbXBsYXRlLmxhYmVsID09ICcnXCJcbiAgICAgICAgIGNsYXNzPVwiZmxleCBqdXN0aWZ5LWNvbnRlbnQtYmV0d2VlblwiXG4gICAgICAgICBbc3R5bGVdPVwiZm9ybVRlbXBsYXRlLmxhYmVsU3R5bGUgPz8gJ21pbi13aWR0aDogMjAwcHg7IG1heC1oZWlnaHQ6IDM2cHgnXCI+XG5cbiAgICAgIDxzcGFuICpuZ0lmPVwiZm9ybVRlbXBsYXRlLmxhYmVsICYmIGZvcm1UZW1wbGF0ZS5sYWJlbCAhPSAnJ1wiIFtjbGFzcy5tci0yXT1cImxheW91dCA9PSBPbnNob3JlRm9ybVRlbXBsYXRlTGF5b3V0Lmhvcml6b250YWxcIlxuICAgICAgICAgW2NsYXNzLmFsaWduLXNlbGYtY2VudGVyXT1cImxheW91dCA9PSBPbnNob3JlRm9ybVRlbXBsYXRlTGF5b3V0Lmhvcml6b250YWxcIlxuICAgICAgICAgW2NsYXNzLm1iLTJdPVwibGF5b3V0ID09IE9uc2hvcmVGb3JtVGVtcGxhdGVMYXlvdXQudmVydGljYWxcIj5cbiAgICAgICAge3tmb3JtVGVtcGxhdGUubGFiZWx9fVxuICAgICAgICA8c21hbGwgKm5nSWY9XCJmb3JtVGVtcGxhdGUucmVxdWlyZWRcIiBjbGFzcz1cIm9uc2hvcmUtY29sb3ItZGFuZ2VyXCI+Kjwvc21hbGw+XG4gICAgICA8L3NwYW4+XG5cbiAgICAgIDxkaXYgKm5nSWY9XCJmb3JtVGVtcGxhdGUudG9vbHRpcCAmJiBsYXlvdXQgPT0gT25zaG9yZUZvcm1UZW1wbGF0ZUxheW91dC52ZXJ0aWNhbFwiIFtwVG9vbHRpcF09XCJmb3JtVGVtcGxhdGUudG9vbHRpcFwiIFtlc2NhcGVdPVwiZmFsc2VcIiBbdG9vbHRpcFBvc2l0aW9uXT1cIidsZWZ0J1wiIGFwcGVuZFRvPVwiYm9keVwiPjxpIGNsYXNzPVwiZmEgZmEtY2lyY2xlLXF1ZXN0aW9uIG9uc2hvcmUtY29sb3ItZ3JheS01XCI+PC9pPjwvZGl2PlxuXG4gICAgPC9kaXY+XG5cbiAgICA8ZGl2IGNsYXNzPVwiZmxleCB3LWZ1bGxcIj5cbiAgICAgIDxwLXRvZ2dsZUJ1dHRvblxuICAgICAgICAqbmdJZj1cImZvcm1UZW1wbGF0ZS5sb2NrZWRcIlxuICAgICAgICAob25DaGFuZ2UpPVwibG9ja0NoYW5nZWQoJGV2ZW50LmNoZWNrZWQpXCJcbiAgICAgICAgb25JY29uPVwiZmEgZmEtbG9jay1vcGVuXCJcbiAgICAgICAgb2ZmSWNvbj1cImZhIGZhLWxvY2tcIlxuICAgICAgICBjbGFzcz1cIm1yLTJcIlxuICAgICAgICBbc3R5bGVdPVwieydoZWlnaHQnOiAnMzdweCd9XCJcbiAgICAgICAgW2Rpc2FibGVkXT1cIiFmb3JtVGVtcGxhdGUuZW5hYmxlZFwiPlxuICAgICAgPC9wLXRvZ2dsZUJ1dHRvbj5cblxuICAgICAgPGRpdiBjbGFzcz1cInctZnVsbCBvdmVyZmxvdy1oaWRkZW4gYWxpZ24tc2VsZi1jZW50ZXJcIj5cbiAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgICAgPC9kaXY+XG5cbiAgICAgIDxidXR0b24gKm5nSWY9XCJmb3JtVGVtcGxhdGUuYWN0aW9uQnV0dG9uXCJcbiAgICAgICAgICAgICAgY2xhc3M9XCJtbC0yIG9uc2hvcmUtYnV0dG9uLWxpZ2h0XCJcbiAgICAgICAgICAgICAgW3N0eWxlXT1cInsnaGVpZ2h0JzogJzM3cHgnLCAnbWluLXdpZHRoJzogJzM4cHgnfVwiXG4gICAgICAgICAgICAgIHBCdXR0b25cbiAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgICAgICAgICAgICAgW2ljb25dPVwiZm9ybVRlbXBsYXRlLmFjdGlvbkJ1dHRvbkljb25cIlxuICAgICAgICAgICAgICAoY2xpY2spPVwiYWN0aW9uQnV0dG9uQ2xpY2suZW1pdCgpXCI+XG4gICAgICA8L2J1dHRvbj5cbiAgICA8L2Rpdj5cblxuICAgIDxkaXYgKm5nSWY9XCJmb3JtVGVtcGxhdGUudG9vbHRpcCAmJiBsYXlvdXQgPT0gT25zaG9yZUZvcm1UZW1wbGF0ZUxheW91dC5ob3Jpem9udGFsXCIgY2xhc3M9XCJtbC0yIGFsaWduLXNlbGYtY2VudGVyXCIgW3BUb29sdGlwXT1cImZvcm1UZW1wbGF0ZS50b29sdGlwXCIgW2VzY2FwZV09XCJmYWxzZVwiPjxpIGNsYXNzPVwiZmEgZmEtY2lyY2xlLXF1ZXN0aW9uIG9uc2hvcmUtY29sb3ItZ3JheS01XCI+PC9pPjwvZGl2PlxuICA8L2Rpdj5cblxuICA8ZGl2ICpuZ0lmPVwibmdDb250cm9sLmNvbnRyb2wudG91Y2hlZCB8fCBuZ0NvbnRyb2wuY29udHJvbC5kaXJ0eVwiIFtzdHlsZV09XCJ7J21hcmdpbi1sZWZ0JzogbGF5b3V0ID09IE9uc2hvcmVGb3JtVGVtcGxhdGVMYXlvdXQuaG9yaXpvbnRhbCA/IChmb3JtTGFiZWw/LmNsaWVudFdpZHRoICsgKGZvcm1UZW1wbGF0ZS5sb2NrZWQgPyA0OCA6IDApKSArICdweCcgOiAoZm9ybVRlbXBsYXRlLmxvY2tlZCA/IDQ4IDogMCkgKyAncHgnLCAnbWFyZ2luLXJpZ2h0JzogZm9ybVRlbXBsYXRlLnRvb2x0aXAgJiYgbGF5b3V0ID09IE9uc2hvcmVGb3JtVGVtcGxhdGVMYXlvdXQuaG9yaXpvbnRhbCA/ICcxNnB4JyA6ICcwcHgnfVwiPlxuICAgIDxvbnNob3JlLWZvcm0tdmFsaWRhdGlvbi1vdXRwdXRcbiAgICAgIFt2YWxpZGF0aW9uSXRlbXNdPVwiZm9ybVRlbXBsYXRlLnZhbGlkYXRpb25JdGVtc1wiXG4gICAgICBbdmFsaWRhdGlvbkVycm9yc109XCJuZ0NvbnRyb2wuY29udHJvbC5lcnJvcnNcIj5cbiAgICA8L29uc2hvcmUtZm9ybS12YWxpZGF0aW9uLW91dHB1dD5cbiAgPC9kaXY+XG5cbiAgPGRpdiAqbmdJZj1cImZvcm1UZW1wbGF0ZS5kZXNjcmlwdGlvblwiIGNsYXNzPVwibXQtMlwiIFtzdHlsZV09XCJ7J21hcmdpbi1sZWZ0JzogbGF5b3V0ID09IE9uc2hvcmVGb3JtVGVtcGxhdGVMYXlvdXQuaG9yaXpvbnRhbCA/IChmb3JtTGFiZWw/LmNsaWVudFdpZHRoICsgKGZvcm1UZW1wbGF0ZS5sb2NrZWQgPyA0OCA6IDApKSArICdweCcgOiAoZm9ybVRlbXBsYXRlLmxvY2tlZCA/IDQ4IDogMCkgKyAncHgnLCAnbWFyZ2luLXJpZ2h0JzogZm9ybVRlbXBsYXRlLnRvb2x0aXAgJiYgbGF5b3V0ID09IE9uc2hvcmVGb3JtVGVtcGxhdGVMYXlvdXQuaG9yaXpvbnRhbCA/ICcxNnB4JyA6ICcwcHgnfVwiPlxuICAgIDxzbWFsbCBjbGFzcz1cIm9uc2hvcmUtY29sb3ItZ3JheS01XCI+PGkgY2xhc3M9XCJmYSBmYS1pbmZvLWNpcmNsZVwiPjwvaT4ge3tmb3JtVGVtcGxhdGUuZGVzY3JpcHRpb259fTwvc21hbGw+XG4gIDwvZGl2PlxuXG48L2Rpdj5cbiJdfQ==

package/esm2020/lib/components/form-sort-item/form-sort-item.component.mjs

@@ -54,10 +54,10 @@ export class OnshoreFormSortItemComponent {
     }
 }
 OnshoreFormSortItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: OnshoreFormSortItemComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-OnshoreFormSortItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: OnshoreFormSortItemComponent, selector: "onshore-form-sort-item", inputs: { formTemplate: "formTemplate" }, outputs: { actionButtonClick: "actionButtonClick" }, usesOnChanges: true, ngImport: i0, template: "<onshore-form-item-container [formTemplate]=\"formTemplate\" [ngControl]=\"ngControl\" (actionButtonClick)=\"actionButtonClick.emit()\">\n\n  <div *ngIf=\"formTemplate.type == OnshoreFormTemplateType.sort\"\n       class=\"w-full\" [dragula]=\"ngControl.enabled\"\n       [dragulaModel]=\"sortItems\"\n       (dragulaModelChange)=\"sortItemsChanged($event)\">\n    <div [class.cursor-move]=\"ngControl.enabled\"\n         class=\"onshore-sort-item flex justify-content-between align-items-center onshore-border-gray-4 border-solid border-1 p-2 mb-2 onshore-background-color-gray-1\" *ngFor=\"let item of sortItems\">\n      <span [class.onshore-color-blocked]=\"!ngControl.enabled\">{{ item.label }}</span>\n      <i [class.onshore-color-blocked]=\"!ngControl.enabled\" class=\"fa fa-arrows-v\"></i>\n    </div>\n  </div>\n\n</onshore-form-item-container>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.DragulaDirective, selector: "[dragula]", inputs: ["dragula", "dragulaModel"], outputs: ["dragulaModelChange"] }, { kind: "component", type: i4.OnshoreFormItemContainer, selector: "onshore-form-item-container", inputs: ["formTemplate", "ngControl"], outputs: ["actionButtonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+OnshoreFormSortItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: OnshoreFormSortItemComponent, selector: "onshore-form-sort-item", inputs: { formTemplate: "formTemplate" }, outputs: { actionButtonClick: "actionButtonClick" }, usesOnChanges: true, ngImport: i0, template: "<onshore-form-item-container [formTemplate]=\"formTemplate\" [ngControl]=\"ngControl\" (actionButtonClick)=\"actionButtonClick.emit()\">\n\n  <div *ngIf=\"formTemplate.type == OnshoreFormTemplateType.sort\"\n       class=\"w-full\" [dragula]=\"ngControl.enabled\"\n       [dragulaModel]=\"sortItems\"\n       (dragulaModelChange)=\"sortItemsChanged($event)\">\n    <div [class.cursor-move]=\"ngControl.enabled\"\n         style=\"border-radius: 3px\"\n         class=\"onshore-sort-item flex justify-content-between align-items-center onshore-border-gray-4 border-solid border-1 p-2 mb-2 onshore-background-color-white\" *ngFor=\"let item of sortItems\">\n      <span [class.onshore-color-blocked]=\"!ngControl.enabled\">{{ item.label }}</span>\n      <i [class.onshore-color-blocked]=\"!ngControl.enabled\" class=\"fa fa-arrows-v\"></i>\n    </div>\n  </div>\n\n</onshore-form-item-container>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.DragulaDirective, selector: "[dragula]", inputs: ["dragula", "dragulaModel"], outputs: ["dragulaModelChange"] }, { kind: "component", type: i4.OnshoreFormItemContainer, selector: "onshore-form-item-container", inputs: ["formTemplate", "ngControl", "hidden"], outputs: ["actionButtonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: OnshoreFormSortItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'onshore-form-sort-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<onshore-form-item-container [formTemplate]=\"formTemplate\" [ngControl]=\"ngControl\" (actionButtonClick)=\"actionButtonClick.emit()\">\n\n  <div *ngIf=\"formTemplate.type == OnshoreFormTemplateType.sort\"\n       class=\"w-full\" [dragula]=\"ngControl.enabled\"\n       [dragulaModel]=\"sortItems\"\n       (dragulaModelChange)=\"sortItemsChanged($event)\">\n    <div [class.cursor-move]=\"ngControl.enabled\"\n         class=\"onshore-sort-item flex justify-content-between align-items-center onshore-border-gray-4 border-solid border-1 p-2 mb-2 onshore-background-color-gray-1\" *ngFor=\"let item of sortItems\">\n      <span [class.onshore-color-blocked]=\"!ngControl.enabled\">{{ item.label }}</span>\n      <i [class.onshore-color-blocked]=\"!ngControl.enabled\" class=\"fa fa-arrows-v\"></i>\n    </div>\n  </div>\n\n</onshore-form-item-container>\n" }]
+            args: [{ selector: 'onshore-form-sort-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<onshore-form-item-container [formTemplate]=\"formTemplate\" [ngControl]=\"ngControl\" (actionButtonClick)=\"actionButtonClick.emit()\">\n\n  <div *ngIf=\"formTemplate.type == OnshoreFormTemplateType.sort\"\n       class=\"w-full\" [dragula]=\"ngControl.enabled\"\n       [dragulaModel]=\"sortItems\"\n       (dragulaModelChange)=\"sortItemsChanged($event)\">\n    <div [class.cursor-move]=\"ngControl.enabled\"\n         style=\"border-radius: 3px\"\n         class=\"onshore-sort-item flex justify-content-between align-items-center onshore-border-gray-4 border-solid border-1 p-2 mb-2 onshore-background-color-white\" *ngFor=\"let item of sortItems\">\n      <span [class.onshore-color-blocked]=\"!ngControl.enabled\">{{ item.label }}</span>\n      <i [class.onshore-color-blocked]=\"!ngControl.enabled\" class=\"fa fa-arrows-v\"></i>\n    </div>\n  </div>\n\n</onshore-form-item-container>\n" }]
         }], ctorParameters: function () { return [{ type: i1.NgControl, decorators: [{
                     type: Self
                 }, {
@@ -67,4 +67,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImpor
             }], actionButtonClick: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1zb3J0LWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvb25zaG9yZS1mb3Jtcy9zcmMvbGliL2NvbXBvbmVudHMvZm9ybS1zb3J0LWl0ZW0vZm9ybS1zb3J0LWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvb25zaG9yZS1mb3Jtcy9zcmMvbGliL2NvbXBvbmVudHMvZm9ybS1zb3J0LWl0ZW0vZm9ybS1zb3J0LWl0ZW0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUV2QixTQUFTLEVBQUUsWUFBWSxFQUN2QixLQUFLLEVBQ0csUUFBUSxFQUFFLE1BQU0sRUFDeEIsSUFBSSxFQUNMLE1BQU0sZUFBZSxDQUFDO0FBR3ZCLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLHdCQUF3QixDQUFDOzs7Ozs7QUFPakUsTUFBTSxPQUFPLDRCQUE0QjtJQXVEdkMsWUFBdUMsU0FBb0IsRUFDdkMsR0FBc0I7UUFESCxjQUFTLEdBQVQsU0FBUyxDQUFXO1FBQ3ZDLFFBQUcsR0FBSCxHQUFHLENBQW1CO1FBckRoQyxzQkFBaUIsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBRWpELGNBQVMsR0FBVyxFQUFFLENBQUM7UUFFdkIsNEJBQXVCLEdBQUcsdUJBQXVCLENBQUM7UUFFbEQsYUFBUSxHQUFZLEtBQUssQ0FBQztRQWdEeEIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxhQUFhLEdBQUcsSUFBSSxDQUFDO0lBQ3RDLENBQUM7SUEvQ0QsZ0JBQWdCLENBQUMsS0FBWTtRQUMzQixJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQztRQUN2QixJQUFJLENBQUMsU0FBUyxFQUFFLE9BQU8sRUFBRSxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDekMsSUFBSSxDQUFDLFNBQVMsRUFBRSxPQUFPLEVBQUUsV0FBVyxFQUFFLENBQUM7UUFDdkMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUMxQixDQUFDO0lBRUQsaUNBQWlDO0lBQzFCLFVBQVUsQ0FBQyxHQUFRO1FBQ3hCLElBQUcsR0FBRyxFQUFFO1lBQ04sSUFBSSxDQUFDLEdBQUcsQ0FBQyxZQUFZLEVBQUUsQ0FBQztTQUN6QjtJQUNILENBQUM7SUFFTSxnQkFBZ0IsQ0FBQyxFQUFPO1FBQzdCLElBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLEVBQUU7WUFDdkIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxZQUFZLEVBQUUsQ0FBQztTQUN6QjtJQUNILENBQUM7SUFFRCxpQkFBaUIsQ0FBQyxFQUFPLElBQVMsQ0FBQztJQUVuQyxnQkFBZ0IsQ0FBRSxVQUFtQjtRQUNuQyxJQUFJLENBQUMsUUFBUSxHQUFHLFVBQVUsQ0FBQztJQUM3QixDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxPQUFPLEVBQUUsS0FBSyxJQUFJLEVBQUUsSUFBSSxJQUFJLENBQUMsWUFBWSxDQUFDLE9BQU8sSUFBSSxTQUFTLEVBQUU7WUFDaEYsSUFBSSxDQUFDLFNBQVMsQ0FBQyxPQUFPLEVBQUUsUUFBUSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDLENBQUM7WUFDNUQsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLE9BQU8sQ0FBQztTQUM1QzthQUFNO1lBQ0wsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLE9BQU8sRUFBRSxLQUFLLENBQUM7U0FDaEQ7UUFDRCxJQUFJLENBQUMsR0FBRyxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQzFCLENBQUM7SUFFRCxXQUFXLENBQUMsT0FBc0I7UUFDaEMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUMxQixDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxTQUFTLENBQUMsT0FBTyxFQUFFLE9BQU8sRUFBRSxDQUFDO0lBQ3BDLENBQUM7O3lIQXJEVSw0QkFBNEI7NkdBQTVCLDRCQUE0QixrTENqQnpDLDIxQkFjQTsyRkRHYSw0QkFBNEI7a0JBTHhDLFNBQVM7K0JBQ0Usd0JBQXdCLG1CQUVqQix1QkFBdUIsQ0FBQyxNQUFNOzswQkF5RGxDLElBQUk7OzBCQUFJLFFBQVE7NEVBdERwQixZQUFZO3NCQUFwQixLQUFLO2dCQUVJLGlCQUFpQjtzQkFBMUIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsXG4gIElucHV0LCBPbkNoYW5nZXMsIE9uRGVzdHJveSxcbiAgT25Jbml0LCBPcHRpb25hbCwgT3V0cHV0LFxuICBTZWxmLCBTaW1wbGVDaGFuZ2VzXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29udHJvbFZhbHVlQWNjZXNzb3IsIE5nQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IE9uc2hvcmVGb3JtVGVtcGxhdGVJdGVtIH0gZnJvbSAnLi4vLi4vbW9kZWxzL2Zvcm0ubW9kZWxzJztcbmltcG9ydCB7IE9uc2hvcmVGb3JtVGVtcGxhdGVUeXBlIH0gZnJvbSAnLi4vLi4vZW51bXMvZm9ybS5lbnVtcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ29uc2hvcmUtZm9ybS1zb3J0LWl0ZW0nLFxuICB0ZW1wbGF0ZVVybDogJy4vZm9ybS1zb3J0LWl0ZW0uY29tcG9uZW50Lmh0bWwnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgT25zaG9yZUZvcm1Tb3J0SXRlbUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgQ29udHJvbFZhbHVlQWNjZXNzb3IsIE9uQ2hhbmdlcywgT25EZXN0cm95IHtcbiAgQElucHV0KCkgZm9ybVRlbXBsYXRlITogT25zaG9yZUZvcm1UZW1wbGF0ZUl0ZW07XG5cbiAgQE91dHB1dCgpIGFjdGlvbkJ1dHRvbkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIHNvcnRJdGVtcz86IGFueVtdID0gW107XG5cbiAgT25zaG9yZUZvcm1UZW1wbGF0ZVR5cGUgPSBPbnNob3JlRm9ybVRlbXBsYXRlVHlwZTtcblxuICBkaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIHNvcnRJdGVtc0NoYW5nZWQoZXZlbnQ6IGFueVtdKSB7XG4gICAgdGhpcy5zb3J0SXRlbXMgPSBldmVudDtcbiAgICB0aGlzLm5nQ29udHJvbD8uY29udHJvbD8uc2V0VmFsdWUoZXZlbnQpO1xuICAgIHRoaXMubmdDb250cm9sPy5jb250cm9sPy5tYXJrQXNEaXJ0eSgpO1xuICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICB9XG5cbiAgLy8gQ29udHJvbFZhbHVlQWNjZXNzb3IgaW50ZXJmYWNlXG4gIHB1YmxpYyB3cml0ZVZhbHVlKG9iajogYW55KTogdm9pZCB7XG4gICAgaWYob2JqKSB7XG4gICAgICB0aGlzLmNkci5tYXJrRm9yQ2hlY2soKTtcbiAgICB9XG4gIH1cblxuICBwdWJsaWMgcmVnaXN0ZXJPbkNoYW5nZShmbjogYW55KTogdm9pZCB7XG4gICAgaWYodGhpcy5uZ0NvbnRyb2wudmFsdWUpIHtcbiAgICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICAgIH1cbiAgfVxuXG4gIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiBhbnkpOiB2b2lkIHt9XG5cbiAgc2V0RGlzYWJsZWRTdGF0ZT8oaXNEaXNhYmxlZDogYm9vbGVhbik6IHZvaWQge1xuICAgIHRoaXMuZGlzYWJsZWQgPSBpc0Rpc2FibGVkO1xuICB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgaWYodGhpcy5uZ0NvbnRyb2wuY29udHJvbD8udmFsdWUgPT0gJycgJiYgdGhpcy5mb3JtVGVtcGxhdGUuZGVmYXVsdCAhPSB1bmRlZmluZWQpIHtcbiAgICAgIHRoaXMubmdDb250cm9sLmNvbnRyb2w/LnNldFZhbHVlKHRoaXMuZm9ybVRlbXBsYXRlLmRlZmF1bHQpO1xuICAgICAgdGhpcy5zb3J0SXRlbXMgPSB0aGlzLmZvcm1UZW1wbGF0ZS5kZWZhdWx0O1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLnNvcnRJdGVtcyA9IHRoaXMubmdDb250cm9sLmNvbnRyb2w/LnZhbHVlO1xuICAgIH1cbiAgICB0aGlzLmNkci5tYXJrRm9yQ2hlY2soKTtcbiAgfVxuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpIHtcbiAgICB0aGlzLmNkci5tYXJrRm9yQ2hlY2soKTtcbiAgfVxuXG4gIG5nT25EZXN0cm95KCkge1xuICAgIHRoaXMubmdDb250cm9sLmNvbnRyb2w/LmRpc2FibGUoKTtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKEBTZWxmKCkgQE9wdGlvbmFsKCkgcHVibGljIG5nQ29udHJvbDogTmdDb250cm9sLFxuICAgICAgICAgICAgICBwcml2YXRlIGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHtcbiAgICB0aGlzLm5nQ29udHJvbC52YWx1ZUFjY2Vzc29yID0gdGhpcztcbiAgfVxufVxuIiwiPG9uc2hvcmUtZm9ybS1pdGVtLWNvbnRhaW5lciBbZm9ybVRlbXBsYXRlXT1cImZvcm1UZW1wbGF0ZVwiIFtuZ0NvbnRyb2xdPVwibmdDb250cm9sXCIgKGFjdGlvbkJ1dHRvbkNsaWNrKT1cImFjdGlvbkJ1dHRvbkNsaWNrLmVtaXQoKVwiPlxuXG4gIDxkaXYgKm5nSWY9XCJmb3JtVGVtcGxhdGUudHlwZSA9PSBPbnNob3JlRm9ybVRlbXBsYXRlVHlwZS5zb3J0XCJcbiAgICAgICBjbGFzcz1cInctZnVsbFwiIFtkcmFndWxhXT1cIm5nQ29udHJvbC5lbmFibGVkXCJcbiAgICAgICBbZHJhZ3VsYU1vZGVsXT1cInNvcnRJdGVtc1wiXG4gICAgICAgKGRyYWd1bGFNb2RlbENoYW5nZSk9XCJzb3J0SXRlbXNDaGFuZ2VkKCRldmVudClcIj5cbiAgICA8ZGl2IFtjbGFzcy5jdXJzb3ItbW92ZV09XCJuZ0NvbnRyb2wuZW5hYmxlZFwiXG4gICAgICAgICBjbGFzcz1cIm9uc2hvcmUtc29ydC1pdGVtIGZsZXgganVzdGlmeS1jb250ZW50LWJldHdlZW4gYWxpZ24taXRlbXMtY2VudGVyIG9uc2hvcmUtYm9yZGVyLWdyYXktNCBib3JkZXItc29saWQgYm9yZGVyLTEgcC0yIG1iLTIgb25zaG9yZS1iYWNrZ3JvdW5kLWNvbG9yLWdyYXktMVwiICpuZ0Zvcj1cImxldCBpdGVtIG9mIHNvcnRJdGVtc1wiPlxuICAgICAgPHNwYW4gW2NsYXNzLm9uc2hvcmUtY29sb3ItYmxvY2tlZF09XCIhbmdDb250cm9sLmVuYWJsZWRcIj57eyBpdGVtLmxhYmVsIH19PC9zcGFuPlxuICAgICAgPGkgW2NsYXNzLm9uc2hvcmUtY29sb3ItYmxvY2tlZF09XCIhbmdDb250cm9sLmVuYWJsZWRcIiBjbGFzcz1cImZhIGZhLWFycm93cy12XCI+PC9pPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cblxuPC9vbnNob3JlLWZvcm0taXRlbS1jb250YWluZXI+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1zb3J0LWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvb25zaG9yZS1mb3Jtcy9zcmMvbGliL2NvbXBvbmVudHMvZm9ybS1zb3J0LWl0ZW0vZm9ybS1zb3J0LWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvb25zaG9yZS1mb3Jtcy9zcmMvbGliL2NvbXBvbmVudHMvZm9ybS1zb3J0LWl0ZW0vZm9ybS1zb3J0LWl0ZW0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUV2QixTQUFTLEVBQUUsWUFBWSxFQUN2QixLQUFLLEVBQ0csUUFBUSxFQUFFLE1BQU0sRUFDeEIsSUFBSSxFQUNMLE1BQU0sZUFBZSxDQUFDO0FBR3ZCLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLHdCQUF3QixDQUFDOzs7Ozs7QUFPakUsTUFBTSxPQUFPLDRCQUE0QjtJQXVEdkMsWUFBdUMsU0FBb0IsRUFDdkMsR0FBc0I7UUFESCxjQUFTLEdBQVQsU0FBUyxDQUFXO1FBQ3ZDLFFBQUcsR0FBSCxHQUFHLENBQW1CO1FBckRoQyxzQkFBaUIsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBRWpELGNBQVMsR0FBVyxFQUFFLENBQUM7UUFFdkIsNEJBQXVCLEdBQUcsdUJBQXVCLENBQUM7UUFFbEQsYUFBUSxHQUFZLEtBQUssQ0FBQztRQWdEeEIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxhQUFhLEdBQUcsSUFBSSxDQUFDO0lBQ3RDLENBQUM7SUEvQ0QsZ0JBQWdCLENBQUMsS0FBWTtRQUMzQixJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQztRQUN2QixJQUFJLENBQUMsU0FBUyxFQUFFLE9BQU8sRUFBRSxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDekMsSUFBSSxDQUFDLFNBQVMsRUFBRSxPQUFPLEVBQUUsV0FBVyxFQUFFLENBQUM7UUFDdkMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUMxQixDQUFDO0lBRUQsaUNBQWlDO0lBQzFCLFVBQVUsQ0FBQyxHQUFRO1FBQ3hCLElBQUcsR0FBRyxFQUFFO1lBQ04sSUFBSSxDQUFDLEdBQUcsQ0FBQyxZQUFZLEVBQUUsQ0FBQztTQUN6QjtJQUNILENBQUM7SUFFTSxnQkFBZ0IsQ0FBQyxFQUFPO1FBQzdCLElBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLEVBQUU7WUFDdkIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxZQUFZLEVBQUUsQ0FBQztTQUN6QjtJQUNILENBQUM7SUFFRCxpQkFBaUIsQ0FBQyxFQUFPLElBQVMsQ0FBQztJQUVuQyxnQkFBZ0IsQ0FBRSxVQUFtQjtRQUNuQyxJQUFJLENBQUMsUUFBUSxHQUFHLFVBQVUsQ0FBQztJQUM3QixDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxPQUFPLEVBQUUsS0FBSyxJQUFJLEVBQUUsSUFBSSxJQUFJLENBQUMsWUFBWSxDQUFDLE9BQU8sSUFBSSxTQUFTLEVBQUU7WUFDaEYsSUFBSSxDQUFDLFNBQVMsQ0FBQyxPQUFPLEVBQUUsUUFBUSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDLENBQUM7WUFDNUQsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLE9BQU8sQ0FBQztTQUM1QzthQUFNO1lBQ0wsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLE9BQU8sRUFBRSxLQUFLLENBQUM7U0FDaEQ7UUFDRCxJQUFJLENBQUMsR0FBRyxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQzFCLENBQUM7SUFFRCxXQUFXLENBQUMsT0FBc0I7UUFDaEMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUMxQixDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxTQUFTLENBQUMsT0FBTyxFQUFFLE9BQU8sRUFBRSxDQUFDO0lBQ3BDLENBQUM7O3lIQXJEVSw0QkFBNEI7NkdBQTVCLDRCQUE0QixrTENqQnpDLGk0QkFlQTsyRkRFYSw0QkFBNEI7a0JBTHhDLFNBQVM7K0JBQ0Usd0JBQXdCLG1CQUVqQix1QkFBdUIsQ0FBQyxNQUFNOzswQkF5RGxDLElBQUk7OzBCQUFJLFFBQVE7NEVBdERwQixZQUFZO3NCQUFwQixLQUFLO2dCQUVJLGlCQUFpQjtzQkFBMUIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsXG4gIElucHV0LCBPbkNoYW5nZXMsIE9uRGVzdHJveSxcbiAgT25Jbml0LCBPcHRpb25hbCwgT3V0cHV0LFxuICBTZWxmLCBTaW1wbGVDaGFuZ2VzXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29udHJvbFZhbHVlQWNjZXNzb3IsIE5nQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IE9uc2hvcmVGb3JtVGVtcGxhdGVJdGVtIH0gZnJvbSAnLi4vLi4vbW9kZWxzL2Zvcm0ubW9kZWxzJztcbmltcG9ydCB7IE9uc2hvcmVGb3JtVGVtcGxhdGVUeXBlIH0gZnJvbSAnLi4vLi4vZW51bXMvZm9ybS5lbnVtcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ29uc2hvcmUtZm9ybS1zb3J0LWl0ZW0nLFxuICB0ZW1wbGF0ZVVybDogJy4vZm9ybS1zb3J0LWl0ZW0uY29tcG9uZW50Lmh0bWwnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgT25zaG9yZUZvcm1Tb3J0SXRlbUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgQ29udHJvbFZhbHVlQWNjZXNzb3IsIE9uQ2hhbmdlcywgT25EZXN0cm95IHtcbiAgQElucHV0KCkgZm9ybVRlbXBsYXRlITogT25zaG9yZUZvcm1UZW1wbGF0ZUl0ZW07XG5cbiAgQE91dHB1dCgpIGFjdGlvbkJ1dHRvbkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIHNvcnRJdGVtcz86IGFueVtdID0gW107XG5cbiAgT25zaG9yZUZvcm1UZW1wbGF0ZVR5cGUgPSBPbnNob3JlRm9ybVRlbXBsYXRlVHlwZTtcblxuICBkaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIHNvcnRJdGVtc0NoYW5nZWQoZXZlbnQ6IGFueVtdKSB7XG4gICAgdGhpcy5zb3J0SXRlbXMgPSBldmVudDtcbiAgICB0aGlzLm5nQ29udHJvbD8uY29udHJvbD8uc2V0VmFsdWUoZXZlbnQpO1xuICAgIHRoaXMubmdDb250cm9sPy5jb250cm9sPy5tYXJrQXNEaXJ0eSgpO1xuICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICB9XG5cbiAgLy8gQ29udHJvbFZhbHVlQWNjZXNzb3IgaW50ZXJmYWNlXG4gIHB1YmxpYyB3cml0ZVZhbHVlKG9iajogYW55KTogdm9pZCB7XG4gICAgaWYob2JqKSB7XG4gICAgICB0aGlzLmNkci5tYXJrRm9yQ2hlY2soKTtcbiAgICB9XG4gIH1cblxuICBwdWJsaWMgcmVnaXN0ZXJPbkNoYW5nZShmbjogYW55KTogdm9pZCB7XG4gICAgaWYodGhpcy5uZ0NvbnRyb2wudmFsdWUpIHtcbiAgICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICAgIH1cbiAgfVxuXG4gIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiBhbnkpOiB2b2lkIHt9XG5cbiAgc2V0RGlzYWJsZWRTdGF0ZT8oaXNEaXNhYmxlZDogYm9vbGVhbik6IHZvaWQge1xuICAgIHRoaXMuZGlzYWJsZWQgPSBpc0Rpc2FibGVkO1xuICB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgaWYodGhpcy5uZ0NvbnRyb2wuY29udHJvbD8udmFsdWUgPT0gJycgJiYgdGhpcy5mb3JtVGVtcGxhdGUuZGVmYXVsdCAhPSB1bmRlZmluZWQpIHtcbiAgICAgIHRoaXMubmdDb250cm9sLmNvbnRyb2w/LnNldFZhbHVlKHRoaXMuZm9ybVRlbXBsYXRlLmRlZmF1bHQpO1xuICAgICAgdGhpcy5zb3J0SXRlbXMgPSB0aGlzLmZvcm1UZW1wbGF0ZS5kZWZhdWx0O1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLnNvcnRJdGVtcyA9IHRoaXMubmdDb250cm9sLmNvbnRyb2w/LnZhbHVlO1xuICAgIH1cbiAgICB0aGlzLmNkci5tYXJrRm9yQ2hlY2soKTtcbiAgfVxuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpIHtcbiAgICB0aGlzLmNkci5tYXJrRm9yQ2hlY2soKTtcbiAgfVxuXG4gIG5nT25EZXN0cm95KCkge1xuICAgIHRoaXMubmdDb250cm9sLmNvbnRyb2w/LmRpc2FibGUoKTtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKEBTZWxmKCkgQE9wdGlvbmFsKCkgcHVibGljIG5nQ29udHJvbDogTmdDb250cm9sLFxuICAgICAgICAgICAgICBwcml2YXRlIGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHtcbiAgICB0aGlzLm5nQ29udHJvbC52YWx1ZUFjY2Vzc29yID0gdGhpcztcbiAgfVxufVxuIiwiPG9uc2hvcmUtZm9ybS1pdGVtLWNvbnRhaW5lciBbZm9ybVRlbXBsYXRlXT1cImZvcm1UZW1wbGF0ZVwiIFtuZ0NvbnRyb2xdPVwibmdDb250cm9sXCIgKGFjdGlvbkJ1dHRvbkNsaWNrKT1cImFjdGlvbkJ1dHRvbkNsaWNrLmVtaXQoKVwiPlxuXG4gIDxkaXYgKm5nSWY9XCJmb3JtVGVtcGxhdGUudHlwZSA9PSBPbnNob3JlRm9ybVRlbXBsYXRlVHlwZS5zb3J0XCJcbiAgICAgICBjbGFzcz1cInctZnVsbFwiIFtkcmFndWxhXT1cIm5nQ29udHJvbC5lbmFibGVkXCJcbiAgICAgICBbZHJhZ3VsYU1vZGVsXT1cInNvcnRJdGVtc1wiXG4gICAgICAgKGRyYWd1bGFNb2RlbENoYW5nZSk9XCJzb3J0SXRlbXNDaGFuZ2VkKCRldmVudClcIj5cbiAgICA8ZGl2IFtjbGFzcy5jdXJzb3ItbW92ZV09XCJuZ0NvbnRyb2wuZW5hYmxlZFwiXG4gICAgICAgICBzdHlsZT1cImJvcmRlci1yYWRpdXM6IDNweFwiXG4gICAgICAgICBjbGFzcz1cIm9uc2hvcmUtc29ydC1pdGVtIGZsZXgganVzdGlmeS1jb250ZW50LWJldHdlZW4gYWxpZ24taXRlbXMtY2VudGVyIG9uc2hvcmUtYm9yZGVyLWdyYXktNCBib3JkZXItc29saWQgYm9yZGVyLTEgcC0yIG1iLTIgb25zaG9yZS1iYWNrZ3JvdW5kLWNvbG9yLXdoaXRlXCIgKm5nRm9yPVwibGV0IGl0ZW0gb2Ygc29ydEl0ZW1zXCI+XG4gICAgICA8c3BhbiBbY2xhc3Mub25zaG9yZS1jb2xvci1ibG9ja2VkXT1cIiFuZ0NvbnRyb2wuZW5hYmxlZFwiPnt7IGl0ZW0ubGFiZWwgfX08L3NwYW4+XG4gICAgICA8aSBbY2xhc3Mub25zaG9yZS1jb2xvci1ibG9ja2VkXT1cIiFuZ0NvbnRyb2wuZW5hYmxlZFwiIGNsYXNzPVwiZmEgZmEtYXJyb3dzLXZcIj48L2k+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuXG48L29uc2hvcmUtZm9ybS1pdGVtLWNvbnRhaW5lcj5cbiJdfQ==