onshore-forms 0.0.7 → 0.0.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/components/form-autocomplete-item/form-autocomplete-item.component.mjs +11 -0
- package/esm2020/lib/components/form-checkbox-item/form-checkbox-item.component.mjs +62 -0
- package/esm2020/lib/components/form-colorpicker-item/form-colorpicker-item.component.mjs +69 -0
- package/esm2020/lib/components/form-dropdown-item/form-dropdown-item.component.mjs +65 -0
- package/esm2020/lib/components/form-image-item/form-image-item.component.mjs +160 -0
- package/esm2020/lib/components/form-input-item/form-input-item.component.mjs +63 -0
- package/esm2020/lib/components/form-switch-item/form-switch-item.component.mjs +65 -0
- package/esm2020/lib/components/form-textarea-item/form-textarea-item.component.mjs +61 -0
- package/esm2020/lib/components/form-validation-output/form-validation-output.component.mjs +41 -0
- package/esm2020/lib/enums/form.enums.mjs +26 -0
- package/esm2020/lib/models/form.models.mjs +2 -0
- package/esm2020/lib/onshore-forms.component.mjs +22 -0
- package/esm2020/lib/onshore-forms.module.mjs +134 -0
- package/esm2020/lib/onshore-forms.service.mjs +151 -0
- package/esm2020/onshore-forms.mjs +5 -0
- package/esm2020/public-api.mjs +18 -0
- package/fesm2015/onshore-forms.mjs +921 -0
- package/fesm2015/onshore-forms.mjs.map +1 -0
- package/fesm2020/onshore-forms.mjs +877 -0
- package/fesm2020/onshore-forms.mjs.map +1 -0
- package/index.d.ts +5 -0
- package/lib/components/form-autocomplete-item/form-autocomplete-item.component.d.ts +5 -0
- package/lib/components/form-checkbox-item/form-checkbox-item.component.d.ts +21 -0
- package/lib/components/form-colorpicker-item/form-colorpicker-item.component.d.ts +23 -0
- package/lib/components/form-dropdown-item/form-dropdown-item.component.d.ts +22 -0
- package/lib/components/form-image-item/form-image-item.component.d.ts +40 -0
- package/lib/components/form-input-item/form-input-item.component.d.ts +23 -0
- package/lib/components/form-switch-item/form-switch-item.component.d.ts +21 -0
- package/lib/components/form-textarea-item/form-textarea-item.component.d.ts +22 -0
- package/lib/components/form-validation-output/form-validation-output.component.d.ts +17 -0
- package/lib/enums/form.enums.d.ts +23 -0
- package/lib/models/form.models.d.ts +61 -0
- package/lib/onshore-forms.component.d.ts +8 -0
- package/lib/onshore-forms.module.d.ts +31 -0
- package/lib/onshore-forms.service.d.ts +32 -0
- package/package.json +21 -10
- package/{src/public-api.ts → public-api.d.ts} +0 -4
- package/karma.conf.js +0 -44
- package/ng-package.json +0 -11
- package/src/lib/components/form-autocomplete-item/form-autocomplete-item.component.html +0 -46
- package/src/lib/components/form-autocomplete-item/form-autocomplete-item.component.scss +0 -0
- package/src/lib/components/form-autocomplete-item/form-autocomplete-item.component.ts +0 -133
- package/src/lib/components/form-checkbox-item/form-checkbox-item.component.html +0 -23
- package/src/lib/components/form-checkbox-item/form-checkbox-item.component.scss +0 -0
- package/src/lib/components/form-checkbox-item/form-checkbox-item.component.ts +0 -65
- package/src/lib/components/form-colorpicker-item/form-colorpicker-item.component.html +0 -30
- package/src/lib/components/form-colorpicker-item/form-colorpicker-item.component.scss +0 -0
- package/src/lib/components/form-colorpicker-item/form-colorpicker-item.component.ts +0 -71
- package/src/lib/components/form-dropdown-item/form-dropdown-item.component.html +0 -44
- package/src/lib/components/form-dropdown-item/form-dropdown-item.component.scss +0 -0
- package/src/lib/components/form-dropdown-item/form-dropdown-item.component.ts +0 -68
- package/src/lib/components/form-image-item/form-image-item.component.html +0 -79
- package/src/lib/components/form-image-item/form-image-item.component.scss +0 -3
- package/src/lib/components/form-image-item/form-image-item.component.ts +0 -155
- package/src/lib/components/form-input-item/form-input-item.component.html +0 -81
- package/src/lib/components/form-input-item/form-input-item.component.scss +0 -3
- package/src/lib/components/form-input-item/form-input-item.component.ts +0 -66
- package/src/lib/components/form-switch-item/form-switch-item.component.html +0 -8
- package/src/lib/components/form-switch-item/form-switch-item.component.scss +0 -0
- package/src/lib/components/form-switch-item/form-switch-item.component.ts +0 -72
- package/src/lib/components/form-textarea-item/form-textarea-item.component.html +0 -39
- package/src/lib/components/form-textarea-item/form-textarea-item.component.scss +0 -0
- package/src/lib/components/form-textarea-item/form-textarea-item.component.ts +0 -64
- package/src/lib/components/form-validation-output/form-validation-output.component.html +0 -2
- package/src/lib/components/form-validation-output/form-validation-output.component.scss +0 -1
- package/src/lib/components/form-validation-output/form-validation-output.component.ts +0 -43
- package/src/lib/enums/form.enums.ts +0 -24
- package/src/lib/models/form.models.ts +0 -70
- package/src/lib/onshore-forms.component.ts +0 -20
- package/src/lib/onshore-forms.module.ts +0 -78
- package/src/lib/onshore-forms.service.ts +0 -172
- package/src/test.ts +0 -27
- package/styles/css/main.css +0 -1
- package/styles/css/theme1.css +0 -1
- package/tsconfig.lib.json +0 -24
- package/tsconfig.lib.prod.json +0 -20
- package/tsconfig.spec.json +0 -17
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class OnshoreFormAutocompleteItemComponent {
|
|
4
|
+
}
|
|
5
|
+
OnshoreFormAutocompleteItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: OnshoreFormAutocompleteItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6
|
+
OnshoreFormAutocompleteItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: OnshoreFormAutocompleteItemComponent, selector: "onshore-form-autocomplete-item", ngImport: i0, template: "<!--<div class=\"flex flex-column mb-3\">\n <div *ngIf=\"formTemplate.label\" class=\"flex justify-content-between align-items-center\">\n <b [class.text-muted]=\"disabled\" class=\"mb-1 white-space-nowrap\">\n {{formTemplate.label}}\n <span *ngIf=\"formTemplate.required\" class=\"tl-color-danger\">*</span>\n </b>\n <i *ngIf=\"formTemplate.tooltip\" class=\"fa fa-info-circle tl-color-black\" [pTooltip]=\"formTemplate.tooltip\" tooltipPosition=\"left\" [escape]=\"false\"></i>\n </div>\n\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]=\"dataSearch\"\n (completeMethod)=\"searchPrepare($event)\"\n [size]=\"30\"\n [minLength]=\"2\"\n [multiple]=\"multiple\"\n [delay]=\"1000\"\n [unique]=\"true\"\n [field]=\"selectedField\"\n class=\"w-100\">\n <ng-template let-item pTemplate=\"item\">\n <div *ngIf=\"suggestionsHighlightedField\">\n <span class=\"mr-1\">\n <b>{{item[suggestionsHighlightedField]}}</b><br>\n </span>\n </div>\n <div [hidden]=\"suggestionsLineOneFields.length <= 0\"><span *ngFor=\"let field of suggestionsLineOneFields\">{{item[field]}} </span></div>\n <div [hidden]=\"suggestionsLineTwoFields.length <= 0\"><span *ngFor=\"let field of suggestionsLineTwoFields\">{{item[field]}} </span></div>\n </ng-template>\n </p-autoComplete>\n\n <small *ngIf=\"formTemplate.description\"><i class=\"fa fa-info-circle\"></i> {{formTemplate.description}}</small>\n\n <div *ngIf=\"ngControl.control.touched\">\n <onshore-form-validation-output\n [validationErrors]=\"ngControl.control.errors\"\n [externValidationPattern]=\"formTemplate.validationPatternTranslation\">\n </onshore-form-validation-output>\n </div>\n\n</div>\n-->\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
7
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: OnshoreFormAutocompleteItemComponent, decorators: [{
|
|
8
|
+
type: Component,
|
|
9
|
+
args: [{ selector: 'onshore-form-autocomplete-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<!--<div class=\"flex flex-column mb-3\">\n <div *ngIf=\"formTemplate.label\" class=\"flex justify-content-between align-items-center\">\n <b [class.text-muted]=\"disabled\" class=\"mb-1 white-space-nowrap\">\n {{formTemplate.label}}\n <span *ngIf=\"formTemplate.required\" class=\"tl-color-danger\">*</span>\n </b>\n <i *ngIf=\"formTemplate.tooltip\" class=\"fa fa-info-circle tl-color-black\" [pTooltip]=\"formTemplate.tooltip\" tooltipPosition=\"left\" [escape]=\"false\"></i>\n </div>\n\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]=\"dataSearch\"\n (completeMethod)=\"searchPrepare($event)\"\n [size]=\"30\"\n [minLength]=\"2\"\n [multiple]=\"multiple\"\n [delay]=\"1000\"\n [unique]=\"true\"\n [field]=\"selectedField\"\n class=\"w-100\">\n <ng-template let-item pTemplate=\"item\">\n <div *ngIf=\"suggestionsHighlightedField\">\n <span class=\"mr-1\">\n <b>{{item[suggestionsHighlightedField]}}</b><br>\n </span>\n </div>\n <div [hidden]=\"suggestionsLineOneFields.length <= 0\"><span *ngFor=\"let field of suggestionsLineOneFields\">{{item[field]}} </span></div>\n <div [hidden]=\"suggestionsLineTwoFields.length <= 0\"><span *ngFor=\"let field of suggestionsLineTwoFields\">{{item[field]}} </span></div>\n </ng-template>\n </p-autoComplete>\n\n <small *ngIf=\"formTemplate.description\"><i class=\"fa fa-info-circle\"></i> {{formTemplate.description}}</small>\n\n <div *ngIf=\"ngControl.control.touched\">\n <onshore-form-validation-output\n [validationErrors]=\"ngControl.control.errors\"\n [externValidationPattern]=\"formTemplate.validationPatternTranslation\">\n </onshore-form-validation-output>\n </div>\n\n</div>\n-->\n" }]
|
|
10
|
+
}] });
|
|
11
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1hdXRvY29tcGxldGUtaXRlbS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vbnNob3JlLWZvcm1zL3NyYy9saWIvY29tcG9uZW50cy9mb3JtLWF1dG9jb21wbGV0ZS1pdGVtL2Zvcm0tYXV0b2NvbXBsZXRlLWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvb25zaG9yZS1mb3Jtcy9zcmMvbGliL2NvbXBvbmVudHMvZm9ybS1hdXRvY29tcGxldGUtaXRlbS9mb3JtLWF1dG9jb21wbGV0ZS1pdGVtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFFdkIsU0FBUyxFQUdWLE1BQU0sZUFBZSxDQUFDOztBQVN2QixNQUFNLE9BQU8sb0NBQW9DOztpSUFBcEMsb0NBQW9DO3FIQUFwQyxvQ0FBb0Msc0VDZmpELGduRUE4Q0E7MkZEL0JhLG9DQUFvQztrQkFMaEQsU0FBUzsrQkFDRSxnQ0FBZ0MsbUJBRXpCLHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25EZXN0cm95LCBPbkluaXQsXG4gIE9wdGlvbmFsLCBPdXRwdXQsXG4gIFNlbGZcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvciwgTmdDb250cm9sIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgT25zaG9yZUZvcm1UZW1wbGF0ZUl0ZW0gfSBmcm9tICcuLi8uLi9tb2RlbHMvZm9ybS5tb2RlbHMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdvbnNob3JlLWZvcm0tYXV0b2NvbXBsZXRlLWl0ZW0nLFxuICB0ZW1wbGF0ZVVybDogJy4vZm9ybS1hdXRvY29tcGxldGUtaXRlbS5jb21wb25lbnQuaHRtbCcsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBPbnNob3JlRm9ybUF1dG9jb21wbGV0ZUl0ZW1Db21wb25lbnQge1xuXG59XG4vKmV4cG9ydCBjbGFzcyBPbnNob3JlRm9ybUF1dG9jb21wbGV0ZUl0ZW1Db21wb25lbnQgaW1wbGVtZW50cyBDb250cm9sVmFsdWVBY2Nlc3NvciwgT25EZXN0cm95LCBPbkluaXQge1xuICBASW5wdXQoKSBmb3JtVGVtcGxhdGU6IE9uc2hvcmVGb3JtVGVtcGxhdGVJdGVtO1xuICBAT3V0cHV0KCkgb25TZWxlY3Q6IEV2ZW50RW1pdHRlcjxVbmlvbkRhdGFUeXBlPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgQE91dHB1dCgpIG9uQ2xlYXI6IEV2ZW50RW1pdHRlcjxib29sZWFuPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBASW5wdXQoKSBwdWJsaWMgZGF0YVR5cGU6IERhdGFUeXBlID0gRGF0YVR5cGUudXNlcjtcbiAgQElucHV0KCkgcHVibGljIHNlYXJjaEZpZWxkczogc3RyaW5nW10gPSBbXTtcbiAgQElucHV0KCkgcHVibGljIHNlbGVjdGVkRmllbGQ6IHN0cmluZyA9ICcnO1xuICBASW5wdXQoKSBwdWJsaWMgcHJldmVudER1cGxpY2F0ZXNGaWVsZDogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIHB1YmxpYyBzdWdnZXN0aW9uc0hpZ2hsaWdodGVkRmllbGQ6IHN0cmluZyA9ICcnO1xuICBASW5wdXQoKSBwdWJsaWMgc3VnZ2VzdGlvbnNMaW5lT25lRmllbGRzOiBzdHJpbmdbXSA9IFtdO1xuICBASW5wdXQoKSBwdWJsaWMgc3VnZ2VzdGlvbnNMaW5lVHdvRmllbGRzOiBzdHJpbmdbXSA9IFtdO1xuICBASW5wdXQoKSBwdWJsaWMgbXVsdGlwbGU6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBkaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xuICBkYXRhU2VhcmNoOiBVbmlvbkRhdGFUeXBlW107XG4gIHNlbGVjdGVkRGF0YTogVW5pb25EYXRhVHlwZTtcblxuICBzZWxlY3RlZChkYXRhOiBVbmlvbkRhdGFUeXBlKSB7XG4gICAgICB0aGlzLm9uU2VsZWN0LmVtaXQoZGF0YSk7XG4gICAgICB0aGlzLmNkci5tYXJrRm9yQ2hlY2soKTtcbiAgfVxuXG4gIHNlYXJjaENsZWFyKCkge1xuICAgIHRoaXMuZGF0YVNlYXJjaCA9IFtdO1xuICAgIHRoaXMubmdDb250cm9sLnJlc2V0KCk7XG4gICAgdGhpcy5vbkNsZWFyLmVtaXQoKTtcbiAgfVxuXG4gIHNlYXJjaFByZXBhcmUodGVybTogYW55KSB7XG4gICAgaWYodGVybS5xdWVyeSAhPSAnJykge1xuICAgICAgdGhpcy5zZWFyY2godGVybS5xdWVyeSk7XG4gICAgfWVsc2V7XG4gICAgICB0aGlzLmRhdGFTZWFyY2ggPSBbXTtcbiAgICAgIHRoaXMubmdDb250cm9sLnJlc2V0KCk7XG4gICAgICB0aGlzLm9uQ2xlYXIuZW1pdCgpO1xuICAgIH1cbiAgfVxuXG4gIGFzeW5jIHNlYXJjaChzZWFyY2hUZXJtOiBzdHJpbmcpIHtcbiAgICBsZXQgZmlsdGVyUGFyYW1zID0ge307XG5cbiAgICB0aGlzLnNlYXJjaEZpZWxkcy5mb3JFYWNoKGZpZWxkID0+IHtcbiAgICAgIC8vIEB0cy1pZ25vcmVcbiAgICAgIGZpbHRlclBhcmFtc1tmaWVsZCArICdbcmVnZXhdJ10gPSBzZWFyY2hUZXJtO1xuICAgIH0pO1xuXG4gICAgaWYodGhpcy5zZWFyY2hGaWVsZHMubGVuZ3RoID4gMSkge1xuICAgICAgLy8gQHRzLWlnbm9yZVxuICAgICAgZmlsdGVyUGFyYW1zWydjb25kaXRpb24nXSA9ICdvcic7XG4gICAgfVxuXG4gICAgY29uc3QgZGF0YTogVW5pb25EYXRhVHlwZVtdID0gYXdhaXQgdGhpcy5hcGlTZXJ2aWNlLmdldFdpdGhRdWVyeSh0aGlzLmRhdGFUeXBlLCBmaWx0ZXJQYXJhbXMpO1xuXG4gICAgaWYodGhpcy5wcmV2ZW50RHVwbGljYXRlc0ZpZWxkICE9ICcnKSB7XG4gICAgICB0aGlzLmRhdGFTZWFyY2ggPSBkYXRhLmZpbHRlcihpdGVtID0+IHtcbiAgICAgICAgLy8gQHRzLWlnbm9yZVxuICAgICAgICByZXR1cm4gISh0aGlzLm5nQ29udHJvbD8udmFsdWUgfHwgW10pLmZpbmQodmFsdWUgPT4gdmFsdWVbdGhpcy5wcmV2ZW50RHVwbGljYXRlc0ZpZWxkXSA9PT0gaXRlbVt0aGlzLnByZXZlbnREdXBsaWNhdGVzRmllbGRdKTtcbiAgICAgIH0pO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLmRhdGFTZWFyY2ggPSBkYXRhO1xuICAgIH1cbiAgICB0aGlzLmNkci5tYXJrRm9yQ2hlY2soKTtcbiAgfVxuXG4gIHB1YmxpYyB3cml0ZVZhbHVlKG9iajogYW55KTogdm9pZCB7XG4gICAgaWYob2JqKSB7XG4gICAgICB0aGlzLnNlbGVjdGVkRGF0YSA9IG9iajtcbiAgICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICAgIH1cbiAgfVxuXG4gIHB1YmxpYyByZWdpc3Rlck9uQ2hhbmdlKGZuOiBhbnkpOiB2b2lkIHtcbiAgICBpZih0aGlzLm5nQ29udHJvbC52YWx1ZSkge1xuICAgICAgdGhpcy5zZWxlY3RlZERhdGEgPSB0aGlzLm5nQ29udHJvbC52YWx1ZTtcbiAgICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICAgIH1cbiAgfVxuXG4gIHB1YmxpYyByZWdpc3Rlck9uVG91Y2hlZChmbjogYW55KTogdm9pZCB7fVxuXG4gIHB1YmxpYyBzZXREaXNhYmxlZFN0YXRlPyhpc0Rpc2FibGVkOiBib29sZWFuKTogdm9pZCB7XG4gICAgdGhpcy5kaXNhYmxlZCA9IGlzRGlzYWJsZWQ7XG4gIH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLm5nQ29udHJvbC5jb250cm9sPy52YWx1ZUNoYW5nZXMuc3Vic2NyaWJlKCgpID0+IHtcbiAgICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICAgIH0pO1xuICAgIHRoaXMubmdDb250cm9sLmNvbnRyb2w/LnN0YXR1c0NoYW5nZXMuc3Vic2NyaWJlKCgpID0+IHtcbiAgICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICAgIH0pO1xuICAgIGlmKHRoaXMubmdDb250cm9sLmNvbnRyb2w/LnZhbHVlID09ICcnICYmIHRoaXMuZm9ybVRlbXBsYXRlLmRlZmF1bHQgIT0gdW5kZWZpbmVkKSB7XG4gICAgICB0aGlzLm5nQ29udHJvbC5jb250cm9sPy5zZXRWYWx1ZSh0aGlzLmZvcm1UZW1wbGF0ZS5kZWZhdWx0KTtcbiAgICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICAgIH1cbiAgICBpZih0aGlzLmZvcm1UZW1wbGF0ZS5lbmFibGVkKSB7XG4gICAgICB0aGlzLm5nQ29udHJvbC5jb250cm9sPy5lbmFibGUoKTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5uZ0NvbnRyb2wuY29udHJvbD8uZGlzYWJsZSgpO1xuICAgIH1cbiAgfVxuXG4gIG5nT25EZXN0cm95KCkge1xuICAgIHRoaXMubmdDb250cm9sLmNvbnRyb2w/LmRpc2FibGUoKTtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZixcbiAgICAgICAgICAgICAgcHJpdmF0ZSBhcGlTZXJ2aWNlOiBBcGlTZXJ2aWNlLFxuICAgICAgICAgICAgICBAU2VsZigpIEBPcHRpb25hbCgpIHB1YmxpYyBuZ0NvbnRyb2w6IE5nQ29udHJvbCkge1xuXG4gICAgdGhpcy5uZ0NvbnRyb2wudmFsdWVBY2Nlc3NvciA9IHRoaXM7XG4gIH1cblxufSovXG4iLCI8IS0tPGRpdiBjbGFzcz1cImZsZXggZmxleC1jb2x1bW4gbWItM1wiPlxuICA8ZGl2ICpuZ0lmPVwiZm9ybVRlbXBsYXRlLmxhYmVsXCIgY2xhc3M9XCJmbGV4IGp1c3RpZnktY29udGVudC1iZXR3ZWVuIGFsaWduLWl0ZW1zLWNlbnRlclwiPlxuICAgIDxiIFtjbGFzcy50ZXh0LW11dGVkXT1cImRpc2FibGVkXCIgY2xhc3M9XCJtYi0xIHdoaXRlLXNwYWNlLW5vd3JhcFwiPlxuICAgICAge3tmb3JtVGVtcGxhdGUubGFiZWx9fVxuICAgICAgPHNwYW4gKm5nSWY9XCJmb3JtVGVtcGxhdGUucmVxdWlyZWRcIiBjbGFzcz1cInRsLWNvbG9yLWRhbmdlclwiPio8L3NwYW4+XG4gICAgPC9iPlxuICAgIDxpICpuZ0lmPVwiZm9ybVRlbXBsYXRlLnRvb2x0aXBcIiBjbGFzcz1cImZhIGZhLWluZm8tY2lyY2xlIHRsLWNvbG9yLWJsYWNrXCIgW3BUb29sdGlwXT1cImZvcm1UZW1wbGF0ZS50b29sdGlwXCIgdG9vbHRpcFBvc2l0aW9uPVwibGVmdFwiIFtlc2NhcGVdPVwiZmFsc2VcIj48L2k+XG4gIDwvZGl2PlxuXG4gIDxwLWF1dG9Db21wbGV0ZSBbcGxhY2Vob2xkZXJdPVwiZm9ybVRlbXBsYXRlLnBsYWNlaG9sZGVyXCJcbiAgICAgICAgICAgICAgICAgIGFwcGVuZFRvPVwiYm9keVwiXG4gICAgICAgICAgICAgICAgICBbZm9ybUNvbnRyb2xdPVwidGhpcy5uZ0NvbnRyb2wuY29udHJvbFwiXG4gICAgICAgICAgICAgICAgICAob25TZWxlY3QpPVwic2VsZWN0ZWQoJGV2ZW50KVwiXG4gICAgICAgICAgICAgICAgICAob25VbnNlbGVjdCk9XCJzZWxlY3RlZCgkZXZlbnQpXCJcbiAgICAgICAgICAgICAgICAgIChvbkNsZWFyKT1cInNlYXJjaENsZWFyKClcIlxuICAgICAgICAgICAgICAgICAgW3N1Z2dlc3Rpb25zXT1cImRhdGFTZWFyY2hcIlxuICAgICAgICAgICAgICAgICAgKGNvbXBsZXRlTWV0aG9kKT1cInNlYXJjaFByZXBhcmUoJGV2ZW50KVwiXG4gICAgICAgICAgICAgICAgICBbc2l6ZV09XCIzMFwiXG4gICAgICAgICAgICAgICAgICBbbWluTGVuZ3RoXT1cIjJcIlxuICAgICAgICAgICAgICAgICAgW211bHRpcGxlXT1cIm11bHRpcGxlXCJcbiAgICAgICAgICAgICAgICAgIFtkZWxheV09XCIxMDAwXCJcbiAgICAgICAgICAgICAgICAgIFt1bmlxdWVdPVwidHJ1ZVwiXG4gICAgICAgICAgICAgICAgICBbZmllbGRdPVwic2VsZWN0ZWRGaWVsZFwiXG4gICAgICAgICAgICAgICAgICBjbGFzcz1cInctMTAwXCI+XG4gICAgPG5nLXRlbXBsYXRlIGxldC1pdGVtIHBUZW1wbGF0ZT1cIml0ZW1cIj5cbiAgICAgIDxkaXYgKm5nSWY9XCJzdWdnZXN0aW9uc0hpZ2hsaWdodGVkRmllbGRcIj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJtci0xXCI+XG4gICAgICAgICAgPGI+e3tpdGVtW3N1Z2dlc3Rpb25zSGlnaGxpZ2h0ZWRGaWVsZF19fTwvYj48YnI+XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdiBbaGlkZGVuXT1cInN1Z2dlc3Rpb25zTGluZU9uZUZpZWxkcy5sZW5ndGggPD0gMFwiPjxzcGFuICpuZ0Zvcj1cImxldCBmaWVsZCBvZiBzdWdnZXN0aW9uc0xpbmVPbmVGaWVsZHNcIj57e2l0ZW1bZmllbGRdfX0gPC9zcGFuPjwvZGl2PlxuICAgICAgPGRpdiBbaGlkZGVuXT1cInN1Z2dlc3Rpb25zTGluZVR3b0ZpZWxkcy5sZW5ndGggPD0gMFwiPjxzcGFuICpuZ0Zvcj1cImxldCBmaWVsZCBvZiBzdWdnZXN0aW9uc0xpbmVUd29GaWVsZHNcIj57e2l0ZW1bZmllbGRdfX0gPC9zcGFuPjwvZGl2PlxuICAgIDwvbmctdGVtcGxhdGU+XG4gIDwvcC1hdXRvQ29tcGxldGU+XG5cbiAgPHNtYWxsICpuZ0lmPVwiZm9ybVRlbXBsYXRlLmRlc2NyaXB0aW9uXCI+PGkgY2xhc3M9XCJmYSBmYS1pbmZvLWNpcmNsZVwiPjwvaT4ge3tmb3JtVGVtcGxhdGUuZGVzY3JpcHRpb259fTwvc21hbGw+XG5cbiAgPGRpdiAqbmdJZj1cIm5nQ29udHJvbC5jb250cm9sLnRvdWNoZWRcIj5cbiAgICA8b25zaG9yZS1mb3JtLXZhbGlkYXRpb24tb3V0cHV0XG4gICAgICBbdmFsaWRhdGlvbkVycm9yc109XCJuZ0NvbnRyb2wuY29udHJvbC5lcnJvcnNcIlxuICAgICAgW2V4dGVyblZhbGlkYXRpb25QYXR0ZXJuXT1cImZvcm1UZW1wbGF0ZS52YWxpZGF0aW9uUGF0dGVyblRyYW5zbGF0aW9uXCI+XG4gICAgPC9vbnNob3JlLWZvcm0tdmFsaWRhdGlvbi1vdXRwdXQ+XG4gIDwvZGl2PlxuXG48L2Rpdj5cbi0tPlxuIl19
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, Input, Optional, Self } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/forms";
|
|
4
|
+
import * as i2 from "@angular/common";
|
|
5
|
+
import * as i3 from "primeng/checkbox";
|
|
6
|
+
import * as i4 from "primeng/tooltip";
|
|
7
|
+
import * as i5 from "../form-validation-output/form-validation-output.component";
|
|
8
|
+
export class OnshoreFormCheckboxItemComponent {
|
|
9
|
+
constructor(ngControl, cdr) {
|
|
10
|
+
this.ngControl = ngControl;
|
|
11
|
+
this.cdr = cdr;
|
|
12
|
+
this.disabled = false;
|
|
13
|
+
this.ngControl.valueAccessor = this;
|
|
14
|
+
}
|
|
15
|
+
// ControlValueAccessor interface
|
|
16
|
+
writeValue(obj) { }
|
|
17
|
+
registerOnChange(fn) { }
|
|
18
|
+
registerOnTouched(fn) { }
|
|
19
|
+
setDisabledState(isDisabled) {
|
|
20
|
+
this.disabled = isDisabled;
|
|
21
|
+
}
|
|
22
|
+
changeCheck(value) {
|
|
23
|
+
this.ngControl.control?.setValue(value.checked);
|
|
24
|
+
}
|
|
25
|
+
ngOnInit() {
|
|
26
|
+
this.ngControl.control?.valueChanges.subscribe(() => {
|
|
27
|
+
this.cdr.markForCheck();
|
|
28
|
+
});
|
|
29
|
+
this.ngControl.control?.statusChanges.subscribe(() => {
|
|
30
|
+
this.cdr.markForCheck();
|
|
31
|
+
});
|
|
32
|
+
if (this.ngControl.control?.value !== true && this.ngControl.control?.value !== false && this.formTemplate.default != undefined) {
|
|
33
|
+
this.ngControl.control?.setValue(this.formTemplate.default);
|
|
34
|
+
this.cdr.markForCheck();
|
|
35
|
+
}
|
|
36
|
+
if (this.formTemplate.enabled) {
|
|
37
|
+
this.ngControl.control?.enable();
|
|
38
|
+
}
|
|
39
|
+
else {
|
|
40
|
+
this.ngControl.control?.disable();
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
ngOnChanges(changes) {
|
|
44
|
+
this.cdr.markForCheck();
|
|
45
|
+
}
|
|
46
|
+
ngOnDestroy() {
|
|
47
|
+
this.ngControl.control?.disable();
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
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 });
|
|
51
|
+
OnshoreFormCheckboxItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: OnshoreFormCheckboxItemComponent, selector: "onshore-form-checkbox-item", inputs: { formTemplate: "formTemplate" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"flex flex-column mb-3\">\n <div class=\"flex justify-content-between align-items-center\">\n <b [class.text-muted]=\"disabled\" class=\"mb-1 white-space-nowrap\">\n {{formTemplate.label}}\n <span *ngIf=\"formTemplate.required\" class=\"tl-color-danger\">*</span>\n </b>\n <i *ngIf=\"formTemplate.tooltip\" class=\"fa fa-info-circle tl-color-black\" [pTooltip]=\"formTemplate.tooltip\" tooltipPosition=\"left\" [escape]=\"false\"></i>\n </div>\n\n <div class=\"p-field-checkbox flex\">\n <p-checkbox class=\"align-self-start mt-1\" [name]=\"formTemplate.name\" [formControl]=\"ngControl.control\" [binary]=\"true\" [inputId]=\"formTemplate.name\" [value]=\"ngControl.control.value\" (onChange)=\"changeCheck($event)\"></p-checkbox>\n <label class=\"mb-0 ml-2\" [for]=\"formTemplate.name\">{{formTemplate.description}}</label>\n </div>\n\n <div *ngIf=\"ngControl.control.touched\">\n <onshore-form-validation-output\n [validationItems]=\"formTemplate.validationItems\"\n [validationErrors]=\"ngControl.control.errors\"\n [externValidationPattern]=\"formTemplate.validationPatternTranslation\">\n </onshore-form-validation-output>\n </div>\n\n</div>\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.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: "directive", type: i4.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "fitContent", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i5.OnshoreFormValidationOutputComponent, selector: "onshore-form-validation-output", inputs: ["validationErrors", "externValidationPattern", "validationItems"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
52
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: OnshoreFormCheckboxItemComponent, decorators: [{
|
|
53
|
+
type: Component,
|
|
54
|
+
args: [{ selector: 'onshore-form-checkbox-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"flex flex-column mb-3\">\n <div class=\"flex justify-content-between align-items-center\">\n <b [class.text-muted]=\"disabled\" class=\"mb-1 white-space-nowrap\">\n {{formTemplate.label}}\n <span *ngIf=\"formTemplate.required\" class=\"tl-color-danger\">*</span>\n </b>\n <i *ngIf=\"formTemplate.tooltip\" class=\"fa fa-info-circle tl-color-black\" [pTooltip]=\"formTemplate.tooltip\" tooltipPosition=\"left\" [escape]=\"false\"></i>\n </div>\n\n <div class=\"p-field-checkbox flex\">\n <p-checkbox class=\"align-self-start mt-1\" [name]=\"formTemplate.name\" [formControl]=\"ngControl.control\" [binary]=\"true\" [inputId]=\"formTemplate.name\" [value]=\"ngControl.control.value\" (onChange)=\"changeCheck($event)\"></p-checkbox>\n <label class=\"mb-0 ml-2\" [for]=\"formTemplate.name\">{{formTemplate.description}}</label>\n </div>\n\n <div *ngIf=\"ngControl.control.touched\">\n <onshore-form-validation-output\n [validationItems]=\"formTemplate.validationItems\"\n [validationErrors]=\"ngControl.control.errors\"\n [externValidationPattern]=\"formTemplate.validationPatternTranslation\">\n </onshore-form-validation-output>\n </div>\n\n</div>\n" }]
|
|
55
|
+
}], ctorParameters: function () { return [{ type: i1.NgControl, decorators: [{
|
|
56
|
+
type: Self
|
|
57
|
+
}, {
|
|
58
|
+
type: Optional
|
|
59
|
+
}] }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { formTemplate: [{
|
|
60
|
+
type: Input
|
|
61
|
+
}] } });
|
|
62
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1jaGVja2JveC1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL29uc2hvcmUtZm9ybXMvc3JjL2xpYi9jb21wb25lbnRzL2Zvcm0tY2hlY2tib3gtaXRlbS9mb3JtLWNoZWNrYm94LWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvb25zaG9yZS1mb3Jtcy9zcmMvbGliL2NvbXBvbmVudHMvZm9ybS1jaGVja2JveC1pdGVtL2Zvcm0tY2hlY2tib3gtaXRlbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBRXZCLFNBQVMsRUFDVCxLQUFLLEVBQ0csUUFBUSxFQUNoQixJQUFJLEVBQ0wsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7QUFTdkIsTUFBTSxPQUFPLGdDQUFnQztJQTRDM0MsWUFBdUMsU0FBb0IsRUFDdkMsR0FBc0I7UUFESCxjQUFTLEdBQVQsU0FBUyxDQUFXO1FBQ3ZDLFFBQUcsR0FBSCxHQUFHLENBQW1CO1FBMUMxQyxhQUFRLEdBQVksS0FBSyxDQUFDO1FBMkN4QixJQUFJLENBQUMsU0FBUyxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUM7SUFDdEMsQ0FBQztJQTFDRCxpQ0FBaUM7SUFDakMsVUFBVSxDQUFDLEdBQVEsSUFBUyxDQUFDO0lBQzdCLGdCQUFnQixDQUFDLEVBQU8sSUFBUyxDQUFDO0lBQ2xDLGlCQUFpQixDQUFDLEVBQU8sSUFBUyxDQUFDO0lBQ25DLGdCQUFnQixDQUFFLFVBQW1CO1FBQ25DLElBQUksQ0FBQyxRQUFRLEdBQUcsVUFBVSxDQUFDO0lBQzdCLENBQUM7SUFFRCxXQUFXLENBQUMsS0FBVTtRQUNwQixJQUFJLENBQUMsU0FBUyxDQUFDLE9BQU8sRUFBRSxRQUFRLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQ2xELENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLFNBQVMsQ0FBQyxPQUFPLEVBQUUsWUFBWSxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUU7WUFDbEQsSUFBSSxDQUFDLEdBQUcsQ0FBQyxZQUFZLEVBQUUsQ0FBQztRQUMxQixDQUFDLENBQUMsQ0FBQztRQUNILElBQUksQ0FBQyxTQUFTLENBQUMsT0FBTyxFQUFFLGFBQWEsQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFO1lBQ25ELElBQUksQ0FBQyxHQUFHLENBQUMsWUFBWSxFQUFFLENBQUM7UUFDMUIsQ0FBQyxDQUFDLENBQUM7UUFFSCxJQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsT0FBTyxFQUFFLEtBQUssS0FBSyxJQUFJLElBQUksSUFBSSxDQUFDLFNBQVMsQ0FBQyxPQUFPLEVBQUUsS0FBSyxLQUFLLEtBQUssSUFBSSxJQUFJLENBQUMsWUFBWSxDQUFDLE9BQU8sSUFBSSxTQUFTLEVBQUU7WUFDOUgsSUFBSSxDQUFDLFNBQVMsQ0FBQyxPQUFPLEVBQUUsUUFBUSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDLENBQUM7WUFDNUQsSUFBSSxDQUFDLEdBQUcsQ0FBQyxZQUFZLEVBQUUsQ0FBQztTQUN6QjtRQUNELElBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxPQUFPLEVBQUU7WUFDNUIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxPQUFPLEVBQUUsTUFBTSxFQUFFLENBQUM7U0FDbEM7YUFBTTtZQUNMLElBQUksQ0FBQyxTQUFTLENBQUMsT0FBTyxFQUFFLE9BQU8sRUFBRSxDQUFDO1NBQ25DO0lBQ0gsQ0FBQztJQUVELFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFJLENBQUMsR0FBRyxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQzFCLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLFNBQVMsQ0FBQyxPQUFPLEVBQUUsT0FBTyxFQUFFLENBQUM7SUFDcEMsQ0FBQzs7NkhBMUNVLGdDQUFnQztpSEFBaEMsZ0NBQWdDLGlJQ2hCN0MsK3JDQXVCQTsyRkRQYSxnQ0FBZ0M7a0JBTDVDLFNBQVM7K0JBQ0UsNEJBQTRCLG1CQUVyQix1QkFBdUIsQ0FBQyxNQUFNOzswQkE4Q2xDLElBQUk7OzBCQUFJLFFBQVE7NEVBM0NwQixZQUFZO3NCQUFwQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENoYW5nZURldGVjdG9yUmVmLFxuICBDb21wb25lbnQsXG4gIElucHV0LCBPbkNoYW5nZXMsIE9uRGVzdHJveSxcbiAgT25Jbml0LCBPcHRpb25hbCxcbiAgU2VsZiwgU2ltcGxlQ2hhbmdlc1xufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBOZ0NvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBPbnNob3JlRm9ybVRlbXBsYXRlSXRlbSB9IGZyb20gJy4uLy4uL21vZGVscy9mb3JtLm1vZGVscyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ29uc2hvcmUtZm9ybS1jaGVja2JveC1pdGVtJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2Zvcm0tY2hlY2tib3gtaXRlbS5jb21wb25lbnQuaHRtbCcsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBPbnNob3JlRm9ybUNoZWNrYm94SXRlbUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgQ29udHJvbFZhbHVlQWNjZXNzb3IsIE9uQ2hhbmdlcywgT25EZXN0cm95IHtcbiAgQElucHV0KCkgZm9ybVRlbXBsYXRlITogT25zaG9yZUZvcm1UZW1wbGF0ZUl0ZW07XG5cbiAgZGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAvLyBDb250cm9sVmFsdWVBY2Nlc3NvciBpbnRlcmZhY2VcbiAgd3JpdGVWYWx1ZShvYmo6IGFueSk6IHZvaWQge31cbiAgcmVnaXN0ZXJPbkNoYW5nZShmbjogYW55KTogdm9pZCB7fVxuICByZWdpc3Rlck9uVG91Y2hlZChmbjogYW55KTogdm9pZCB7fVxuICBzZXREaXNhYmxlZFN0YXRlPyhpc0Rpc2FibGVkOiBib29sZWFuKTogdm9pZCB7XG4gICAgdGhpcy5kaXNhYmxlZCA9IGlzRGlzYWJsZWQ7XG4gIH1cblxuICBjaGFuZ2VDaGVjayh2YWx1ZTogYW55KSB7XG4gICAgdGhpcy5uZ0NvbnRyb2wuY29udHJvbD8uc2V0VmFsdWUodmFsdWUuY2hlY2tlZCk7XG4gIH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLm5nQ29udHJvbC5jb250cm9sPy52YWx1ZUNoYW5nZXMuc3Vic2NyaWJlKCgpID0+IHtcbiAgICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICAgIH0pO1xuICAgIHRoaXMubmdDb250cm9sLmNvbnRyb2w/LnN0YXR1c0NoYW5nZXMuc3Vic2NyaWJlKCgpID0+IHtcbiAgICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICAgIH0pO1xuXG4gICAgaWYodGhpcy5uZ0NvbnRyb2wuY29udHJvbD8udmFsdWUgIT09IHRydWUgJiYgdGhpcy5uZ0NvbnRyb2wuY29udHJvbD8udmFsdWUgIT09IGZhbHNlICYmIHRoaXMuZm9ybVRlbXBsYXRlLmRlZmF1bHQgIT0gdW5kZWZpbmVkKSB7XG4gICAgICB0aGlzLm5nQ29udHJvbC5jb250cm9sPy5zZXRWYWx1ZSh0aGlzLmZvcm1UZW1wbGF0ZS5kZWZhdWx0KTtcbiAgICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICAgIH1cbiAgICBpZih0aGlzLmZvcm1UZW1wbGF0ZS5lbmFibGVkKSB7XG4gICAgICB0aGlzLm5nQ29udHJvbC5jb250cm9sPy5lbmFibGUoKTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5uZ0NvbnRyb2wuY29udHJvbD8uZGlzYWJsZSgpO1xuICAgIH1cbiAgfVxuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpIHtcbiAgICB0aGlzLmNkci5tYXJrRm9yQ2hlY2soKTtcbiAgfVxuXG4gIG5nT25EZXN0cm95KCkge1xuICAgIHRoaXMubmdDb250cm9sLmNvbnRyb2w/LmRpc2FibGUoKTtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKEBTZWxmKCkgQE9wdGlvbmFsKCkgcHVibGljIG5nQ29udHJvbDogTmdDb250cm9sLFxuICAgICAgICAgICAgICBwcml2YXRlIGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHtcbiAgICB0aGlzLm5nQ29udHJvbC52YWx1ZUFjY2Vzc29yID0gdGhpcztcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImZsZXggZmxleC1jb2x1bW4gbWItM1wiPlxuICA8ZGl2IGNsYXNzPVwiZmxleCBqdXN0aWZ5LWNvbnRlbnQtYmV0d2VlbiBhbGlnbi1pdGVtcy1jZW50ZXJcIj5cbiAgICA8YiBbY2xhc3MudGV4dC1tdXRlZF09XCJkaXNhYmxlZFwiIGNsYXNzPVwibWItMSB3aGl0ZS1zcGFjZS1ub3dyYXBcIj5cbiAgICAgIHt7Zm9ybVRlbXBsYXRlLmxhYmVsfX1cbiAgICAgIDxzcGFuICpuZ0lmPVwiZm9ybVRlbXBsYXRlLnJlcXVpcmVkXCIgY2xhc3M9XCJ0bC1jb2xvci1kYW5nZXJcIj4qPC9zcGFuPlxuICAgIDwvYj5cbiAgICA8aSAqbmdJZj1cImZvcm1UZW1wbGF0ZS50b29sdGlwXCIgY2xhc3M9XCJmYSBmYS1pbmZvLWNpcmNsZSB0bC1jb2xvci1ibGFja1wiIFtwVG9vbHRpcF09XCJmb3JtVGVtcGxhdGUudG9vbHRpcFwiIHRvb2x0aXBQb3NpdGlvbj1cImxlZnRcIiBbZXNjYXBlXT1cImZhbHNlXCI+PC9pPlxuICA8L2Rpdj5cblxuICA8ZGl2IGNsYXNzPVwicC1maWVsZC1jaGVja2JveCBmbGV4XCI+XG4gICAgPHAtY2hlY2tib3ggY2xhc3M9XCJhbGlnbi1zZWxmLXN0YXJ0IG10LTFcIiBbbmFtZV09XCJmb3JtVGVtcGxhdGUubmFtZVwiIFtmb3JtQ29udHJvbF09XCJuZ0NvbnRyb2wuY29udHJvbFwiIFtiaW5hcnldPVwidHJ1ZVwiIFtpbnB1dElkXT1cImZvcm1UZW1wbGF0ZS5uYW1lXCIgW3ZhbHVlXT1cIm5nQ29udHJvbC5jb250cm9sLnZhbHVlXCIgKG9uQ2hhbmdlKT1cImNoYW5nZUNoZWNrKCRldmVudClcIj48L3AtY2hlY2tib3g+XG4gICAgPGxhYmVsIGNsYXNzPVwibWItMCBtbC0yXCIgW2Zvcl09XCJmb3JtVGVtcGxhdGUubmFtZVwiPnt7Zm9ybVRlbXBsYXRlLmRlc2NyaXB0aW9ufX08L2xhYmVsPlxuICA8L2Rpdj5cblxuICA8ZGl2ICpuZ0lmPVwibmdDb250cm9sLmNvbnRyb2wudG91Y2hlZFwiPlxuICAgIDxvbnNob3JlLWZvcm0tdmFsaWRhdGlvbi1vdXRwdXRcbiAgICAgIFt2YWxpZGF0aW9uSXRlbXNdPVwiZm9ybVRlbXBsYXRlLnZhbGlkYXRpb25JdGVtc1wiXG4gICAgICBbdmFsaWRhdGlvbkVycm9yc109XCJuZ0NvbnRyb2wuY29udHJvbC5lcnJvcnNcIlxuICAgICAgW2V4dGVyblZhbGlkYXRpb25QYXR0ZXJuXT1cImZvcm1UZW1wbGF0ZS52YWxpZGF0aW9uUGF0dGVyblRyYW5zbGF0aW9uXCI+XG4gICAgPC9vbnNob3JlLWZvcm0tdmFsaWRhdGlvbi1vdXRwdXQ+XG4gIDwvZGl2PlxuXG48L2Rpdj5cbiJdfQ==
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, Input, Optional, Self } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/forms";
|
|
4
|
+
import * as i2 from "@angular/common";
|
|
5
|
+
import * as i3 from "primeng/colorpicker";
|
|
6
|
+
import * as i4 from "primeng/tooltip";
|
|
7
|
+
import * as i5 from "primeng/inputtext";
|
|
8
|
+
import * as i6 from "../form-validation-output/form-validation-output.component";
|
|
9
|
+
export class OnshoreFormColorpickerItemComponent {
|
|
10
|
+
constructor(ngControl, cdr) {
|
|
11
|
+
this.ngControl = ngControl;
|
|
12
|
+
this.cdr = cdr;
|
|
13
|
+
this.disabled = false;
|
|
14
|
+
this.colorPickerValue = '';
|
|
15
|
+
this.ngControl.valueAccessor = this;
|
|
16
|
+
}
|
|
17
|
+
// ControlValueAccessor interface
|
|
18
|
+
writeValue(obj) { }
|
|
19
|
+
registerOnChange(fn) { }
|
|
20
|
+
registerOnTouched(fn) { }
|
|
21
|
+
setDisabledState(isDisabled) {
|
|
22
|
+
this.disabled = isDisabled;
|
|
23
|
+
}
|
|
24
|
+
changeColor() {
|
|
25
|
+
this.ngControl.control?.setValue(this.colorPickerValue);
|
|
26
|
+
}
|
|
27
|
+
changeInput(input) {
|
|
28
|
+
this.colorPickerValue = input.target?.value;
|
|
29
|
+
}
|
|
30
|
+
ngOnInit() {
|
|
31
|
+
this.ngControl.control?.valueChanges.subscribe(() => {
|
|
32
|
+
this.cdr.markForCheck();
|
|
33
|
+
});
|
|
34
|
+
this.ngControl.control?.statusChanges.subscribe(() => {
|
|
35
|
+
this.cdr.markForCheck();
|
|
36
|
+
});
|
|
37
|
+
if (this.ngControl.control?.value == '' && this.formTemplate.default != undefined) {
|
|
38
|
+
this.ngControl.control?.setValue(this.formTemplate.default);
|
|
39
|
+
this.colorPickerValue = this.formTemplate.default;
|
|
40
|
+
this.cdr.markForCheck();
|
|
41
|
+
}
|
|
42
|
+
if (this.formTemplate.enabled) {
|
|
43
|
+
this.ngControl.control?.enable();
|
|
44
|
+
}
|
|
45
|
+
else {
|
|
46
|
+
this.ngControl.control?.disable();
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
ngOnDestroy() {
|
|
50
|
+
this.ngControl.control?.disable();
|
|
51
|
+
}
|
|
52
|
+
ngOnChanges(changes) {
|
|
53
|
+
this.colorPickerValue = this.ngControl.control?.value;
|
|
54
|
+
this.cdr.markForCheck();
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
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 });
|
|
58
|
+
OnshoreFormColorpickerItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: OnshoreFormColorpickerItemComponent, selector: "onshore-form-colorpicker-item", inputs: { formTemplate: "formTemplate" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"flex flex-column mb-3\">\n <div class=\"flex justify-content-between align-items-center\">\n <b [class.text-muted]=\"disabled\" class=\"mb-1 white-space-nowrap\">\n {{formTemplate.label}}:\n <span *ngIf=\"formTemplate.required\" class=\"tl-color-danger\">*</span>\n </b>\n <i *ngIf=\"formTemplate.tooltip\" class=\"fa fa-info-circle tl-color-black\" [pTooltip]=\"formTemplate.tooltip\" tooltipPosition=\"left\" [escape]=\"false\"></i>\n </div>\n\n <div class=\"flex w-100\">\n <p-colorPicker [(ngModel)]=\"colorPickerValue\" format=\"hex\" [inline]=\"false\" appendTo=\"body\" [baseZIndex]=\"99999\" (onChange)=\"changeColor()\"></p-colorPicker>\n <input class=\"w-100 ml-2\"\n type=\"text\"\n [name]=\"formTemplate.name\"\n [placeholder]=\"formTemplate.label\"\n [formControl]=\"ngControl.control\"\n pInputText\n [value]=\"ngControl.control.value\"\n (input)=\"changeInput($event)\"/>\n </div>\n\n <div *ngIf=\"ngControl.control.touched\">\n <onshore-form-validation-output\n [validationItems]=\"formTemplate.validationItems\"\n [validationErrors]=\"ngControl.control.errors\"\n [externValidationPattern]=\"formTemplate.validationPatternTranslation\">\n </onshore-form-validation-output>\n </div>\n\n</div>\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.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: i3.ColorPicker, selector: "p-colorPicker", inputs: ["style", "styleClass", "inline", "format", "appendTo", "disabled", "tabindex", "inputId", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onChange", "onShow", "onHide"] }, { kind: "directive", type: i4.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "fitContent", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i5.InputText, selector: "[pInputText]" }, { kind: "component", type: i6.OnshoreFormValidationOutputComponent, selector: "onshore-form-validation-output", inputs: ["validationErrors", "externValidationPattern", "validationItems"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
59
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: OnshoreFormColorpickerItemComponent, decorators: [{
|
|
60
|
+
type: Component,
|
|
61
|
+
args: [{ selector: 'onshore-form-colorpicker-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"flex flex-column mb-3\">\n <div class=\"flex justify-content-between align-items-center\">\n <b [class.text-muted]=\"disabled\" class=\"mb-1 white-space-nowrap\">\n {{formTemplate.label}}:\n <span *ngIf=\"formTemplate.required\" class=\"tl-color-danger\">*</span>\n </b>\n <i *ngIf=\"formTemplate.tooltip\" class=\"fa fa-info-circle tl-color-black\" [pTooltip]=\"formTemplate.tooltip\" tooltipPosition=\"left\" [escape]=\"false\"></i>\n </div>\n\n <div class=\"flex w-100\">\n <p-colorPicker [(ngModel)]=\"colorPickerValue\" format=\"hex\" [inline]=\"false\" appendTo=\"body\" [baseZIndex]=\"99999\" (onChange)=\"changeColor()\"></p-colorPicker>\n <input class=\"w-100 ml-2\"\n type=\"text\"\n [name]=\"formTemplate.name\"\n [placeholder]=\"formTemplate.label\"\n [formControl]=\"ngControl.control\"\n pInputText\n [value]=\"ngControl.control.value\"\n (input)=\"changeInput($event)\"/>\n </div>\n\n <div *ngIf=\"ngControl.control.touched\">\n <onshore-form-validation-output\n [validationItems]=\"formTemplate.validationItems\"\n [validationErrors]=\"ngControl.control.errors\"\n [externValidationPattern]=\"formTemplate.validationPatternTranslation\">\n </onshore-form-validation-output>\n </div>\n\n</div>\n" }]
|
|
62
|
+
}], ctorParameters: function () { return [{ type: i1.NgControl, decorators: [{
|
|
63
|
+
type: Self
|
|
64
|
+
}, {
|
|
65
|
+
type: Optional
|
|
66
|
+
}] }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { formTemplate: [{
|
|
67
|
+
type: Input
|
|
68
|
+
}] } });
|
|
69
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1jb2xvcnBpY2tlci1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL29uc2hvcmUtZm9ybXMvc3JjL2xpYi9jb21wb25lbnRzL2Zvcm0tY29sb3JwaWNrZXItaXRlbS9mb3JtLWNvbG9ycGlja2VyLWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvb25zaG9yZS1mb3Jtcy9zcmMvbGliL2NvbXBvbmVudHMvZm9ybS1jb2xvcnBpY2tlci1pdGVtL2Zvcm0tY29sb3JwaWNrZXItaXRlbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBRXZCLFNBQVMsRUFDVCxLQUFLLEVBQ0csUUFBUSxFQUNoQixJQUFJLEVBQ0wsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7O0FBUXZCLE1BQU0sT0FBTyxtQ0FBbUM7SUFtRDlDLFlBQXVDLFNBQW9CLEVBQ3ZDLEdBQXNCO1FBREgsY0FBUyxHQUFULFNBQVMsQ0FBVztRQUN2QyxRQUFHLEdBQUgsR0FBRyxDQUFtQjtRQWpEMUMsYUFBUSxHQUFZLEtBQUssQ0FBQztRQUMxQixxQkFBZ0IsR0FBRyxFQUFFLENBQUM7UUFpRHBCLElBQUksQ0FBQyxTQUFTLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQztJQUN0QyxDQUFDO0lBaERELGlDQUFpQztJQUNqQyxVQUFVLENBQUMsR0FBUSxJQUFTLENBQUM7SUFDN0IsZ0JBQWdCLENBQUMsRUFBTyxJQUFTLENBQUM7SUFDbEMsaUJBQWlCLENBQUMsRUFBTyxJQUFTLENBQUM7SUFDbkMsZ0JBQWdCLENBQUUsVUFBbUI7UUFDbkMsSUFBSSxDQUFDLFFBQVEsR0FBRyxVQUFVLENBQUM7SUFDN0IsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsU0FBUyxDQUFDLE9BQU8sRUFBRSxRQUFRLENBQUMsSUFBSSxDQUFDLGdCQUFnQixDQUFDLENBQUM7SUFDMUQsQ0FBQztJQUVELFdBQVcsQ0FBQyxLQUFVO1FBQ3BCLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxLQUFLLENBQUMsTUFBTSxFQUFFLEtBQUssQ0FBQztJQUM5QyxDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxTQUFTLENBQUMsT0FBTyxFQUFFLFlBQVksQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFO1lBQ2xELElBQUksQ0FBQyxHQUFHLENBQUMsWUFBWSxFQUFFLENBQUM7UUFDMUIsQ0FBQyxDQUFDLENBQUM7UUFDSCxJQUFJLENBQUMsU0FBUyxDQUFDLE9BQU8sRUFBRSxhQUFhLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRTtZQUNuRCxJQUFJLENBQUMsR0FBRyxDQUFDLFlBQVksRUFBRSxDQUFDO1FBQzFCLENBQUMsQ0FBQyxDQUFDO1FBRUgsSUFBRyxJQUFJLENBQUMsU0FBUyxDQUFDLE9BQU8sRUFBRSxLQUFLLElBQUksRUFBRSxJQUFJLElBQUksQ0FBQyxZQUFZLENBQUMsT0FBTyxJQUFJLFNBQVMsRUFBRTtZQUNoRixJQUFJLENBQUMsU0FBUyxDQUFDLE9BQU8sRUFBRSxRQUFRLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUMsQ0FBQztZQUM1RCxJQUFJLENBQUMsZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUM7WUFDbEQsSUFBSSxDQUFDLEdBQUcsQ0FBQyxZQUFZLEVBQUUsQ0FBQztTQUN6QjtRQUNELElBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxPQUFPLEVBQUU7WUFDNUIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxPQUFPLEVBQUUsTUFBTSxFQUFFLENBQUM7U0FDbEM7YUFBTTtZQUNMLElBQUksQ0FBQyxTQUFTLENBQUMsT0FBTyxFQUFFLE9BQU8sRUFBRSxDQUFDO1NBQ25DO0lBQ0gsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsU0FBUyxDQUFDLE9BQU8sRUFBRSxPQUFPLEVBQUUsQ0FBQztJQUNwQyxDQUFDO0lBRUQsV0FBVyxDQUFDLE9BQXNCO1FBQ2hDLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLE9BQU8sRUFBRSxLQUFLLENBQUM7UUFDdEQsSUFBSSxDQUFDLEdBQUcsQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUMxQixDQUFDOztnSUFqRFUsbUNBQW1DO29IQUFuQyxtQ0FBbUMsb0lDZmhELG0wQ0E4QkE7MkZEZmEsbUNBQW1DO2tCQUwvQyxTQUFTOytCQUNFLCtCQUErQixtQkFFeEIsdUJBQXVCLENBQUMsTUFBTTs7MEJBcURsQyxJQUFJOzswQkFBSSxRQUFROzRFQWxEcEIsWUFBWTtzQkFBcEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgQ29tcG9uZW50LFxuICBJbnB1dCwgT25DaGFuZ2VzLCBPbkRlc3Ryb3ksXG4gIE9uSW5pdCwgT3B0aW9uYWwsXG4gIFNlbGYsIFNpbXBsZUNoYW5nZXNcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvciwgTmdDb250cm9sIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgT25zaG9yZUZvcm1UZW1wbGF0ZUl0ZW0gfSBmcm9tICcuLi8uLi9tb2RlbHMvZm9ybS5tb2RlbHMnO1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnb25zaG9yZS1mb3JtLWNvbG9ycGlja2VyLWl0ZW0nLFxuICB0ZW1wbGF0ZVVybDogJy4vZm9ybS1jb2xvcnBpY2tlci1pdGVtLmNvbXBvbmVudC5odG1sJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIE9uc2hvcmVGb3JtQ29sb3JwaWNrZXJJdGVtQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkNoYW5nZXMsIENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBPbkRlc3Ryb3kge1xuICBASW5wdXQoKSBmb3JtVGVtcGxhdGUhOiBPbnNob3JlRm9ybVRlbXBsYXRlSXRlbTtcblxuICBkaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xuICBjb2xvclBpY2tlclZhbHVlID0gJyc7XG5cbiAgLy8gQ29udHJvbFZhbHVlQWNjZXNzb3IgaW50ZXJmYWNlXG4gIHdyaXRlVmFsdWUob2JqOiBhbnkpOiB2b2lkIHt9XG4gIHJlZ2lzdGVyT25DaGFuZ2UoZm46IGFueSk6IHZvaWQge31cbiAgcmVnaXN0ZXJPblRvdWNoZWQoZm46IGFueSk6IHZvaWQge31cbiAgc2V0RGlzYWJsZWRTdGF0ZT8oaXNEaXNhYmxlZDogYm9vbGVhbik6IHZvaWQge1xuICAgIHRoaXMuZGlzYWJsZWQgPSBpc0Rpc2FibGVkO1xuICB9XG5cbiAgY2hhbmdlQ29sb3IoKSB7XG4gICAgdGhpcy5uZ0NvbnRyb2wuY29udHJvbD8uc2V0VmFsdWUodGhpcy5jb2xvclBpY2tlclZhbHVlKTtcbiAgfVxuXG4gIGNoYW5nZUlucHV0KGlucHV0OiBhbnkpIHtcbiAgICB0aGlzLmNvbG9yUGlja2VyVmFsdWUgPSBpbnB1dC50YXJnZXQ/LnZhbHVlO1xuICB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5uZ0NvbnRyb2wuY29udHJvbD8udmFsdWVDaGFuZ2VzLnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICB0aGlzLmNkci5tYXJrRm9yQ2hlY2soKTtcbiAgICB9KTtcbiAgICB0aGlzLm5nQ29udHJvbC5jb250cm9sPy5zdGF0dXNDaGFuZ2VzLnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICB0aGlzLmNkci5tYXJrRm9yQ2hlY2soKTtcbiAgICB9KTtcblxuICAgIGlmKHRoaXMubmdDb250cm9sLmNvbnRyb2w/LnZhbHVlID09ICcnICYmIHRoaXMuZm9ybVRlbXBsYXRlLmRlZmF1bHQgIT0gdW5kZWZpbmVkKSB7XG4gICAgICB0aGlzLm5nQ29udHJvbC5jb250cm9sPy5zZXRWYWx1ZSh0aGlzLmZvcm1UZW1wbGF0ZS5kZWZhdWx0KTtcbiAgICAgIHRoaXMuY29sb3JQaWNrZXJWYWx1ZSA9IHRoaXMuZm9ybVRlbXBsYXRlLmRlZmF1bHQ7XG4gICAgICB0aGlzLmNkci5tYXJrRm9yQ2hlY2soKTtcbiAgICB9XG4gICAgaWYodGhpcy5mb3JtVGVtcGxhdGUuZW5hYmxlZCkge1xuICAgICAgdGhpcy5uZ0NvbnRyb2wuY29udHJvbD8uZW5hYmxlKCk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMubmdDb250cm9sLmNvbnRyb2w/LmRpc2FibGUoKTtcbiAgICB9XG4gIH1cblxuICBuZ09uRGVzdHJveSgpIHtcbiAgICB0aGlzLm5nQ29udHJvbC5jb250cm9sPy5kaXNhYmxlKCk7XG4gIH1cblxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKSB7XG4gICAgdGhpcy5jb2xvclBpY2tlclZhbHVlID0gdGhpcy5uZ0NvbnRyb2wuY29udHJvbD8udmFsdWU7XG4gICAgdGhpcy5jZHIubWFya0ZvckNoZWNrKCk7XG4gIH1cblxuICBjb25zdHJ1Y3RvcihAU2VsZigpIEBPcHRpb25hbCgpIHB1YmxpYyBuZ0NvbnRyb2w6IE5nQ29udHJvbCxcbiAgICAgICAgICAgICAgcHJpdmF0ZSBjZHI6IENoYW5nZURldGVjdG9yUmVmKSB7XG4gICAgdGhpcy5uZ0NvbnRyb2wudmFsdWVBY2Nlc3NvciA9IHRoaXM7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJmbGV4IGZsZXgtY29sdW1uIG1iLTNcIj5cbiAgPGRpdiBjbGFzcz1cImZsZXgganVzdGlmeS1jb250ZW50LWJldHdlZW4gYWxpZ24taXRlbXMtY2VudGVyXCI+XG4gICAgPGIgW2NsYXNzLnRleHQtbXV0ZWRdPVwiZGlzYWJsZWRcIiBjbGFzcz1cIm1iLTEgd2hpdGUtc3BhY2Utbm93cmFwXCI+XG4gICAgICB7e2Zvcm1UZW1wbGF0ZS5sYWJlbH19OlxuICAgICAgPHNwYW4gKm5nSWY9XCJmb3JtVGVtcGxhdGUucmVxdWlyZWRcIiBjbGFzcz1cInRsLWNvbG9yLWRhbmdlclwiPio8L3NwYW4+XG4gICAgPC9iPlxuICAgIDxpICpuZ0lmPVwiZm9ybVRlbXBsYXRlLnRvb2x0aXBcIiBjbGFzcz1cImZhIGZhLWluZm8tY2lyY2xlIHRsLWNvbG9yLWJsYWNrXCIgW3BUb29sdGlwXT1cImZvcm1UZW1wbGF0ZS50b29sdGlwXCIgdG9vbHRpcFBvc2l0aW9uPVwibGVmdFwiIFtlc2NhcGVdPVwiZmFsc2VcIj48L2k+XG4gIDwvZGl2PlxuXG4gIDxkaXYgY2xhc3M9XCJmbGV4IHctMTAwXCI+XG4gICAgPHAtY29sb3JQaWNrZXIgWyhuZ01vZGVsKV09XCJjb2xvclBpY2tlclZhbHVlXCIgZm9ybWF0PVwiaGV4XCIgW2lubGluZV09XCJmYWxzZVwiIGFwcGVuZFRvPVwiYm9keVwiIFtiYXNlWkluZGV4XT1cIjk5OTk5XCIgKG9uQ2hhbmdlKT1cImNoYW5nZUNvbG9yKClcIj48L3AtY29sb3JQaWNrZXI+XG4gICAgPGlucHV0IGNsYXNzPVwidy0xMDAgbWwtMlwiXG4gICAgICAgICAgIHR5cGU9XCJ0ZXh0XCJcbiAgICAgICAgICAgW25hbWVdPVwiZm9ybVRlbXBsYXRlLm5hbWVcIlxuICAgICAgICAgICBbcGxhY2Vob2xkZXJdPVwiZm9ybVRlbXBsYXRlLmxhYmVsXCJcbiAgICAgICAgICAgW2Zvcm1Db250cm9sXT1cIm5nQ29udHJvbC5jb250cm9sXCJcbiAgICAgICAgICAgcElucHV0VGV4dFxuICAgICAgICAgICBbdmFsdWVdPVwibmdDb250cm9sLmNvbnRyb2wudmFsdWVcIlxuICAgICAgICAgICAoaW5wdXQpPVwiY2hhbmdlSW5wdXQoJGV2ZW50KVwiLz5cbiAgPC9kaXY+XG5cbiAgPGRpdiAqbmdJZj1cIm5nQ29udHJvbC5jb250cm9sLnRvdWNoZWRcIj5cbiAgICA8b25zaG9yZS1mb3JtLXZhbGlkYXRpb24tb3V0cHV0XG4gICAgICBbdmFsaWRhdGlvbkl0ZW1zXT1cImZvcm1UZW1wbGF0ZS52YWxpZGF0aW9uSXRlbXNcIlxuICAgICAgW3ZhbGlkYXRpb25FcnJvcnNdPVwibmdDb250cm9sLmNvbnRyb2wuZXJyb3JzXCJcbiAgICAgIFtleHRlcm5WYWxpZGF0aW9uUGF0dGVybl09XCJmb3JtVGVtcGxhdGUudmFsaWRhdGlvblBhdHRlcm5UcmFuc2xhdGlvblwiPlxuICAgIDwvb25zaG9yZS1mb3JtLXZhbGlkYXRpb24tb3V0cHV0PlxuICA8L2Rpdj5cblxuPC9kaXY+XG4iXX0=
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, Input, Optional, Self } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/forms";
|
|
4
|
+
import * as i2 from "@angular/common";
|
|
5
|
+
import * as i3 from "primeng/dropdown";
|
|
6
|
+
import * as i4 from "primeng/multiselect";
|
|
7
|
+
import * as i5 from "primeng/tooltip";
|
|
8
|
+
import * as i6 from "../form-validation-output/form-validation-output.component";
|
|
9
|
+
export class OnshoreFormDropdownItemComponent {
|
|
10
|
+
constructor(ngControl, cdr) {
|
|
11
|
+
this.ngControl = ngControl;
|
|
12
|
+
this.cdr = cdr;
|
|
13
|
+
this.disabled = false;
|
|
14
|
+
this.multiple = false;
|
|
15
|
+
this.ngControl.valueAccessor = this;
|
|
16
|
+
}
|
|
17
|
+
// ControlValueAccessor interface
|
|
18
|
+
writeValue(obj) { }
|
|
19
|
+
registerOnChange(fn) { }
|
|
20
|
+
registerOnTouched(fn) { }
|
|
21
|
+
setDisabledState(isDisabled) {
|
|
22
|
+
this.disabled = isDisabled;
|
|
23
|
+
}
|
|
24
|
+
clearSelection() {
|
|
25
|
+
this.ngControl.control?.setValue(null);
|
|
26
|
+
}
|
|
27
|
+
ngOnInit() {
|
|
28
|
+
this.ngControl.control?.valueChanges.subscribe(() => {
|
|
29
|
+
this.cdr.markForCheck();
|
|
30
|
+
});
|
|
31
|
+
this.ngControl.control?.statusChanges.subscribe(() => {
|
|
32
|
+
this.cdr.markForCheck();
|
|
33
|
+
});
|
|
34
|
+
if (this.ngControl.control?.value == '' && this.formTemplate.default != undefined) {
|
|
35
|
+
this.ngControl.control?.setValue(this.formTemplate.default);
|
|
36
|
+
this.cdr.markForCheck();
|
|
37
|
+
}
|
|
38
|
+
if (this.formTemplate.enabled) {
|
|
39
|
+
this.ngControl.control?.enable();
|
|
40
|
+
}
|
|
41
|
+
else {
|
|
42
|
+
this.ngControl.control?.disable();
|
|
43
|
+
}
|
|
44
|
+
this.multiple = this.formTemplate.settings?.multiple;
|
|
45
|
+
}
|
|
46
|
+
ngOnDestroy() {
|
|
47
|
+
this.ngControl.control?.disable();
|
|
48
|
+
}
|
|
49
|
+
ngOnChanges(changes) {
|
|
50
|
+
this.cdr.markForCheck();
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
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 });
|
|
54
|
+
OnshoreFormDropdownItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: OnshoreFormDropdownItemComponent, selector: "onshore-form-dropdown-item", inputs: { formTemplate: "formTemplate" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"flex flex-column mb-3\">\n <div class=\"flex justify-content-between align-items-center\">\n <b [class.text-muted]=\"disabled\" class=\"mb-1 white-space-nowrap\">\n {{formTemplate?.label}}\n <span *ngIf=\"formTemplate?.required\" class=\"tl-color-danger\">*</span>\n </b>\n <i *ngIf=\"formTemplate?.tooltip\" class=\"fa fa-info-circle tl-color-black\" [pTooltip]=\"formTemplate?.tooltip\" tooltipPosition=\"left\" [escape]=\"false\"></i>\n </div>\n\n <p-dropdown *ngIf=\"!multiple\"\n class=\"w-100\"\n [options]=\"formTemplate?.options\"\n [formControl]=\"ngControl.control\"\n [name]=\"formTemplate?.name\"\n [placeholder]=\"formTemplate?.placeholder\"\n [disabled]=\"disabled\"\n [dataKey]=\"formTemplate?.optionDataKey\"\n [showClear]=\"formTemplate?.settings?.showClear\"\n (onClear)=\"clearSelection()\"\n optionDisabled=\"disabled\"\n appendTo=\"body\">\n </p-dropdown>\n\n <p-multiSelect *ngIf=\"multiple\"\n class=\"w-100\"\n [options]=\"formTemplate?.options\"\n [formControl]=\"ngControl.control\"\n [name]=\"formTemplate?.name\"\n [placeholder]=\"formTemplate?.placeholder\"\n [disabled]=\"disabled\"\n [dataKey]=\"formTemplate?.optionDataKey\"\n display=\"chip\"\n optionDisabled=\"disabled\"\n appendTo=\"body\"></p-multiSelect>\n\n <div *ngIf=\"ngControl.control.touched\">\n <onshore-form-validation-output\n [validationItems]=\"formTemplate.validationItems\"\n [validationErrors]=\"ngControl.control.errors\"\n [externValidationPattern]=\"formTemplate?.validationPatternTranslation\">\n </onshore-form-validation-output>\n </div>\n\n</div>\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.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: "directive", type: i5.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "fitContent", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i6.OnshoreFormValidationOutputComponent, selector: "onshore-form-validation-output", inputs: ["validationErrors", "externValidationPattern", "validationItems"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
55
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: OnshoreFormDropdownItemComponent, decorators: [{
|
|
56
|
+
type: Component,
|
|
57
|
+
args: [{ selector: 'onshore-form-dropdown-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"flex flex-column mb-3\">\n <div class=\"flex justify-content-between align-items-center\">\n <b [class.text-muted]=\"disabled\" class=\"mb-1 white-space-nowrap\">\n {{formTemplate?.label}}\n <span *ngIf=\"formTemplate?.required\" class=\"tl-color-danger\">*</span>\n </b>\n <i *ngIf=\"formTemplate?.tooltip\" class=\"fa fa-info-circle tl-color-black\" [pTooltip]=\"formTemplate?.tooltip\" tooltipPosition=\"left\" [escape]=\"false\"></i>\n </div>\n\n <p-dropdown *ngIf=\"!multiple\"\n class=\"w-100\"\n [options]=\"formTemplate?.options\"\n [formControl]=\"ngControl.control\"\n [name]=\"formTemplate?.name\"\n [placeholder]=\"formTemplate?.placeholder\"\n [disabled]=\"disabled\"\n [dataKey]=\"formTemplate?.optionDataKey\"\n [showClear]=\"formTemplate?.settings?.showClear\"\n (onClear)=\"clearSelection()\"\n optionDisabled=\"disabled\"\n appendTo=\"body\">\n </p-dropdown>\n\n <p-multiSelect *ngIf=\"multiple\"\n class=\"w-100\"\n [options]=\"formTemplate?.options\"\n [formControl]=\"ngControl.control\"\n [name]=\"formTemplate?.name\"\n [placeholder]=\"formTemplate?.placeholder\"\n [disabled]=\"disabled\"\n [dataKey]=\"formTemplate?.optionDataKey\"\n display=\"chip\"\n optionDisabled=\"disabled\"\n appendTo=\"body\"></p-multiSelect>\n\n <div *ngIf=\"ngControl.control.touched\">\n <onshore-form-validation-output\n [validationItems]=\"formTemplate.validationItems\"\n [validationErrors]=\"ngControl.control.errors\"\n [externValidationPattern]=\"formTemplate?.validationPatternTranslation\">\n </onshore-form-validation-output>\n </div>\n\n</div>\n" }]
|
|
58
|
+
}], ctorParameters: function () { return [{ type: i1.NgControl, decorators: [{
|
|
59
|
+
type: Self
|
|
60
|
+
}, {
|
|
61
|
+
type: Optional
|
|
62
|
+
}] }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { formTemplate: [{
|
|
63
|
+
type: Input
|
|
64
|
+
}] } });
|
|
65
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1kcm9wZG93bi1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL29uc2hvcmUtZm9ybXMvc3JjL2xpYi9jb21wb25lbnRzL2Zvcm0tZHJvcGRvd24taXRlbS9mb3JtLWRyb3Bkb3duLWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvb25zaG9yZS1mb3Jtcy9zcmMvbGliL2NvbXBvbmVudHMvZm9ybS1kcm9wZG93bi1pdGVtL2Zvcm0tZHJvcGRvd24taXRlbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBRXZCLFNBQVMsRUFDVCxLQUFLLEVBQ0csUUFBUSxFQUNoQixJQUFJLEVBQ0wsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7O0FBU3ZCLE1BQU0sT0FBTyxnQ0FBZ0M7SUErQzNDLFlBQXVDLFNBQW9CLEVBQ3ZDLEdBQXNCO1FBREgsY0FBUyxHQUFULFNBQVMsQ0FBVztRQUN2QyxRQUFHLEdBQUgsR0FBRyxDQUFtQjtRQTdDMUMsYUFBUSxHQUF3QixLQUFLLENBQUM7UUFDdEMsYUFBUSxHQUF3QixLQUFLLENBQUM7UUE2Q3BDLElBQUksQ0FBQyxTQUFTLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQztJQUN0QyxDQUFDO0lBNUNELGlDQUFpQztJQUNqQyxVQUFVLENBQUMsR0FBUSxJQUFTLENBQUM7SUFDN0IsZ0JBQWdCLENBQUMsRUFBTyxJQUFTLENBQUM7SUFDbEMsaUJBQWlCLENBQUMsRUFBTyxJQUFTLENBQUM7SUFDbkMsZ0JBQWdCLENBQUUsVUFBbUI7UUFDbkMsSUFBSSxDQUFDLFFBQVEsR0FBRyxVQUFVLENBQUM7SUFDN0IsQ0FBQztJQUVELGNBQWM7UUFDWixJQUFJLENBQUMsU0FBUyxDQUFDLE9BQU8sRUFBRSxRQUFRLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDekMsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLENBQUMsU0FBUyxDQUFDLE9BQU8sRUFBRSxZQUFZLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRTtZQUNsRCxJQUFJLENBQUMsR0FBRyxDQUFDLFlBQVksRUFBRSxDQUFDO1FBQzFCLENBQUMsQ0FBQyxDQUFDO1FBQ0gsSUFBSSxDQUFDLFNBQVMsQ0FBQyxPQUFPLEVBQUUsYUFBYSxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUU7WUFDbkQsSUFBSSxDQUFDLEdBQUcsQ0FBQyxZQUFZLEVBQUUsQ0FBQztRQUMxQixDQUFDLENBQUMsQ0FBQztRQUVILElBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxPQUFPLEVBQUUsS0FBSyxJQUFJLEVBQUUsSUFBSSxJQUFJLENBQUMsWUFBWSxDQUFDLE9BQU8sSUFBSSxTQUFTLEVBQUU7WUFDaEYsSUFBSSxDQUFDLFNBQVMsQ0FBQyxPQUFPLEVBQUUsUUFBUSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDLENBQUM7WUFDNUQsSUFBSSxDQUFDLEdBQUcsQ0FBQyxZQUFZLEVBQUUsQ0FBQztTQUN6QjtRQUNELElBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxPQUFPLEVBQUU7WUFDNUIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxPQUFPLEVBQUUsTUFBTSxFQUFFLENBQUM7U0FDbEM7YUFBTTtZQUNMLElBQUksQ0FBQyxTQUFTLENBQUMsT0FBTyxFQUFFLE9BQU8sRUFBRSxDQUFDO1NBQ25DO1FBRUQsSUFBSSxDQUFDLFFBQVEsR0FBSSxJQUFJLENBQUMsWUFBWSxDQUFDLFFBQW9DLEVBQUUsUUFBUSxDQUFDO0lBQ3BGLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLFNBQVMsQ0FBQyxPQUFPLEVBQUUsT0FBTyxFQUFFLENBQUM7SUFDcEMsQ0FBQztJQUVELFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFJLENBQUMsR0FBRyxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQzFCLENBQUM7OzZIQTdDVSxnQ0FBZ0M7aUhBQWhDLGdDQUFnQyxpSUNoQjdDLCsyREE0Q0E7MkZENUJhLGdDQUFnQztrQkFMNUMsU0FBUzsrQkFDRSw0QkFBNEIsbUJBRXJCLHVCQUF1QixDQUFDLE1BQU07OzBCQWlEbEMsSUFBSTs7MEJBQUksUUFBUTs0RUE5Q3BCLFlBQVk7c0JBQXBCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gIENvbXBvbmVudCxcbiAgSW5wdXQsIE9uQ2hhbmdlcywgT25EZXN0cm95LFxuICBPbkluaXQsIE9wdGlvbmFsLFxuICBTZWxmLCBTaW1wbGVDaGFuZ2VzXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29udHJvbFZhbHVlQWNjZXNzb3IsIE5nQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IE9uc2hvcmVEcm9wZG93blNldHRpbmdzLCBPbnNob3JlRm9ybVRlbXBsYXRlSXRlbSB9IGZyb20gJy4uLy4uL21vZGVscy9mb3JtLm1vZGVscyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ29uc2hvcmUtZm9ybS1kcm9wZG93bi1pdGVtJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2Zvcm0tZHJvcGRvd24taXRlbS5jb21wb25lbnQuaHRtbCcsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBPbnNob3JlRm9ybURyb3Bkb3duSXRlbUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25DaGFuZ2VzLCBDb250cm9sVmFsdWVBY2Nlc3NvciwgT25DaGFuZ2VzLCBPbkRlc3Ryb3kge1xuICBASW5wdXQoKSBmb3JtVGVtcGxhdGUhOiBPbnNob3JlRm9ybVRlbXBsYXRlSXRlbTtcblxuICBkaXNhYmxlZDogYm9vbGVhbiB8IHVuZGVmaW5lZCA9IGZhbHNlO1xuICBtdWx0aXBsZTogYm9vbGVhbiB8IHVuZGVmaW5lZCA9IGZhbHNlO1xuXG4gIC8vIENvbnRyb2xWYWx1ZUFjY2Vzc29yIGludGVyZmFjZVxuICB3cml0ZVZhbHVlKG9iajogYW55KTogdm9pZCB7fVxuICByZWdpc3Rlck9uQ2hhbmdlKGZuOiBhbnkpOiB2b2lkIHt9XG4gIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiBhbnkpOiB2b2lkIHt9XG4gIHNldERpc2FibGVkU3RhdGU/KGlzRGlzYWJsZWQ6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICB0aGlzLmRpc2FibGVkID0gaXNEaXNhYmxlZDtcbiAgfVxuXG4gIGNsZWFyU2VsZWN0aW9uKCkge1xuICAgIHRoaXMubmdDb250cm9sLmNvbnRyb2w/LnNldFZhbHVlKG51bGwpO1xuICB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5uZ0NvbnRyb2wuY29udHJvbD8udmFsdWVDaGFuZ2VzLnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICB0aGlzLmNkci5tYXJrRm9yQ2hlY2soKTtcbiAgICB9KTtcbiAgICB0aGlzLm5nQ29udHJvbC5jb250cm9sPy5zdGF0dXNDaGFuZ2VzLnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICB0aGlzLmNkci5tYXJrRm9yQ2hlY2soKTtcbiAgICB9KTtcblxuICAgIGlmKHRoaXMubmdDb250cm9sLmNvbnRyb2w/LnZhbHVlID09ICcnICYmIHRoaXMuZm9ybVRlbXBsYXRlLmRlZmF1bHQgIT0gdW5kZWZpbmVkKSB7XG4gICAgICB0aGlzLm5nQ29udHJvbC5jb250cm9sPy5zZXRWYWx1ZSh0aGlzLmZvcm1UZW1wbGF0ZS5kZWZhdWx0KTtcbiAgICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICAgIH1cbiAgICBpZih0aGlzLmZvcm1UZW1wbGF0ZS5lbmFibGVkKSB7XG4gICAgICB0aGlzLm5nQ29udHJvbC5jb250cm9sPy5lbmFibGUoKTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5uZ0NvbnRyb2wuY29udHJvbD8uZGlzYWJsZSgpO1xuICAgIH1cblxuICAgIHRoaXMubXVsdGlwbGUgPSAodGhpcy5mb3JtVGVtcGxhdGUuc2V0dGluZ3MgYXMgT25zaG9yZURyb3Bkb3duU2V0dGluZ3MpPy5tdWx0aXBsZTtcbiAgfVxuXG4gIG5nT25EZXN0cm95KCkge1xuICAgIHRoaXMubmdDb250cm9sLmNvbnRyb2w/LmRpc2FibGUoKTtcbiAgfVxuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpIHtcbiAgICB0aGlzLmNkci5tYXJrRm9yQ2hlY2soKTtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKEBTZWxmKCkgQE9wdGlvbmFsKCkgcHVibGljIG5nQ29udHJvbDogTmdDb250cm9sLFxuICAgICAgICAgICAgICBwcml2YXRlIGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHtcbiAgICB0aGlzLm5nQ29udHJvbC52YWx1ZUFjY2Vzc29yID0gdGhpcztcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImZsZXggZmxleC1jb2x1bW4gbWItM1wiPlxuICA8ZGl2IGNsYXNzPVwiZmxleCBqdXN0aWZ5LWNvbnRlbnQtYmV0d2VlbiBhbGlnbi1pdGVtcy1jZW50ZXJcIj5cbiAgICA8YiBbY2xhc3MudGV4dC1tdXRlZF09XCJkaXNhYmxlZFwiIGNsYXNzPVwibWItMSB3aGl0ZS1zcGFjZS1ub3dyYXBcIj5cbiAgICAgIHt7Zm9ybVRlbXBsYXRlPy5sYWJlbH19XG4gICAgICA8c3BhbiAqbmdJZj1cImZvcm1UZW1wbGF0ZT8ucmVxdWlyZWRcIiBjbGFzcz1cInRsLWNvbG9yLWRhbmdlclwiPio8L3NwYW4+XG4gICAgPC9iPlxuICAgIDxpICpuZ0lmPVwiZm9ybVRlbXBsYXRlPy50b29sdGlwXCIgY2xhc3M9XCJmYSBmYS1pbmZvLWNpcmNsZSB0bC1jb2xvci1ibGFja1wiIFtwVG9vbHRpcF09XCJmb3JtVGVtcGxhdGU/LnRvb2x0aXBcIiB0b29sdGlwUG9zaXRpb249XCJsZWZ0XCIgW2VzY2FwZV09XCJmYWxzZVwiPjwvaT5cbiAgPC9kaXY+XG5cbiAgPHAtZHJvcGRvd24gKm5nSWY9XCIhbXVsdGlwbGVcIlxuICAgICAgICAgICAgICBjbGFzcz1cInctMTAwXCJcbiAgICAgICAgICAgICAgW29wdGlvbnNdPVwiZm9ybVRlbXBsYXRlPy5vcHRpb25zXCJcbiAgICAgICAgICAgICAgW2Zvcm1Db250cm9sXT1cIm5nQ29udHJvbC5jb250cm9sXCJcbiAgICAgICAgICAgICAgW25hbWVdPVwiZm9ybVRlbXBsYXRlPy5uYW1lXCJcbiAgICAgICAgICAgICAgW3BsYWNlaG9sZGVyXT1cImZvcm1UZW1wbGF0ZT8ucGxhY2Vob2xkZXJcIlxuICAgICAgICAgICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICAgICAgICAgICAgICBbZGF0YUtleV09XCJmb3JtVGVtcGxhdGU/Lm9wdGlvbkRhdGFLZXlcIlxuICAgICAgICAgICAgICBbc2hvd0NsZWFyXT1cImZvcm1UZW1wbGF0ZT8uc2V0dGluZ3M/LnNob3dDbGVhclwiXG4gICAgICAgICAgICAgIChvbkNsZWFyKT1cImNsZWFyU2VsZWN0aW9uKClcIlxuICAgICAgICAgICAgICBvcHRpb25EaXNhYmxlZD1cImRpc2FibGVkXCJcbiAgICAgICAgICAgICAgYXBwZW5kVG89XCJib2R5XCI+XG4gIDwvcC1kcm9wZG93bj5cblxuICA8cC1tdWx0aVNlbGVjdCAqbmdJZj1cIm11bHRpcGxlXCJcbiAgICAgICAgICAgICAgIGNsYXNzPVwidy0xMDBcIlxuICAgICAgICAgICAgICAgW29wdGlvbnNdPVwiZm9ybVRlbXBsYXRlPy5vcHRpb25zXCJcbiAgICAgICAgICAgICAgIFtmb3JtQ29udHJvbF09XCJuZ0NvbnRyb2wuY29udHJvbFwiXG4gICAgICAgICAgICAgICBbbmFtZV09XCJmb3JtVGVtcGxhdGU/Lm5hbWVcIlxuICAgICAgICAgICAgICAgW3BsYWNlaG9sZGVyXT1cImZvcm1UZW1wbGF0ZT8ucGxhY2Vob2xkZXJcIlxuICAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgICAgICAgICAgICAgIFtkYXRhS2V5XT1cImZvcm1UZW1wbGF0ZT8ub3B0aW9uRGF0YUtleVwiXG4gICAgICAgICAgICAgICBkaXNwbGF5PVwiY2hpcFwiXG4gICAgICAgICAgICAgICBvcHRpb25EaXNhYmxlZD1cImRpc2FibGVkXCJcbiAgICAgICAgICAgICAgIGFwcGVuZFRvPVwiYm9keVwiPjwvcC1tdWx0aVNlbGVjdD5cblxuICA8ZGl2ICpuZ0lmPVwibmdDb250cm9sLmNvbnRyb2wudG91Y2hlZFwiPlxuICAgIDxvbnNob3JlLWZvcm0tdmFsaWRhdGlvbi1vdXRwdXRcbiAgICAgIFt2YWxpZGF0aW9uSXRlbXNdPVwiZm9ybVRlbXBsYXRlLnZhbGlkYXRpb25JdGVtc1wiXG4gICAgICBbdmFsaWRhdGlvbkVycm9yc109XCJuZ0NvbnRyb2wuY29udHJvbC5lcnJvcnNcIlxuICAgICAgW2V4dGVyblZhbGlkYXRpb25QYXR0ZXJuXT1cImZvcm1UZW1wbGF0ZT8udmFsaWRhdGlvblBhdHRlcm5UcmFuc2xhdGlvblwiPlxuICAgIDwvb25zaG9yZS1mb3JtLXZhbGlkYXRpb24tb3V0cHV0PlxuICA8L2Rpdj5cblxuPC9kaXY+XG4iXX0=
|
|
@@ -0,0 +1,160 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, EventEmitter, Input, Optional, Output, Self } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/forms";
|
|
4
|
+
import * as i2 from "primeng/dynamicdialog";
|
|
5
|
+
import * as i3 from "@ngx-translate/core";
|
|
6
|
+
import * as i4 from "@angular/common";
|
|
7
|
+
import * as i5 from "primeng/button";
|
|
8
|
+
import * as i6 from "primeng/ripple";
|
|
9
|
+
import * as i7 from "primeng/tooltip";
|
|
10
|
+
export class OnshoreFormImageItemComponent {
|
|
11
|
+
constructor(cdr, ngControl, dialogService, translate) {
|
|
12
|
+
this.cdr = cdr;
|
|
13
|
+
this.ngControl = ngControl;
|
|
14
|
+
this.dialogService = dialogService;
|
|
15
|
+
this.translate = translate;
|
|
16
|
+
this.inverseColor = false;
|
|
17
|
+
// Image updload params
|
|
18
|
+
this.imageWidth = 400;
|
|
19
|
+
this.imageHeight = 400;
|
|
20
|
+
this.containWithinAspectRatio = false;
|
|
21
|
+
this.aspectRatio = 1 / 1;
|
|
22
|
+
this.imageDeleted = new EventEmitter();
|
|
23
|
+
this.imageCleared = new EventEmitter();
|
|
24
|
+
this.imageSelectedFromMedia = new EventEmitter();
|
|
25
|
+
this.image = '';
|
|
26
|
+
this.disabled = false;
|
|
27
|
+
this.webcamDialogVisible = false;
|
|
28
|
+
this.imageChooserDialogVisible = false;
|
|
29
|
+
this.subscriptions = [];
|
|
30
|
+
this.ngControl.valueAccessor = this;
|
|
31
|
+
}
|
|
32
|
+
getFileImage(image) {
|
|
33
|
+
this.imageChooserDialogVisible = false;
|
|
34
|
+
if (image) {
|
|
35
|
+
this.image = image;
|
|
36
|
+
setTimeout(() => {
|
|
37
|
+
this.cdr.markForCheck();
|
|
38
|
+
this.ngControl?.control?.setValue(this.image);
|
|
39
|
+
this.ngControl?.control?.markAsDirty();
|
|
40
|
+
}, 500);
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
getWebcamImage(image) {
|
|
44
|
+
this.webcamDialogVisible = false;
|
|
45
|
+
if (image) {
|
|
46
|
+
this.image = image;
|
|
47
|
+
setTimeout(() => {
|
|
48
|
+
this.cdr.markForCheck();
|
|
49
|
+
this.ngControl?.control?.setValue(this.image);
|
|
50
|
+
this.ngControl?.control?.markAsDirty();
|
|
51
|
+
}, 500);
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
/*searchMedia() {
|
|
55
|
+
this.dialogService.open(SearchMediaComponent,{
|
|
56
|
+
styleClass: 'p-dialog-background-white',
|
|
57
|
+
modal: true,
|
|
58
|
+
header: this.translate.instant('search.media.dialogTitle'),
|
|
59
|
+
data: { targetType: this.formSettings.mediaType }
|
|
60
|
+
}).onClose.subscribe((result) => {
|
|
61
|
+
if(result) {
|
|
62
|
+
this.image = result.url;
|
|
63
|
+
setTimeout(() => {
|
|
64
|
+
this.cdr.markForCheck();
|
|
65
|
+
this.ngControl?.control?.setValue(this.image);
|
|
66
|
+
this.ngControl?.control?.markAsDirty();
|
|
67
|
+
this.imageSelectedFromMedia.next(result);
|
|
68
|
+
}, 500);
|
|
69
|
+
}
|
|
70
|
+
});
|
|
71
|
+
}*/
|
|
72
|
+
removeImage() {
|
|
73
|
+
if (this.image && !this.image.includes('base64')) {
|
|
74
|
+
this.imageDeleted.emit(this.image);
|
|
75
|
+
}
|
|
76
|
+
else {
|
|
77
|
+
this.imageCleared.emit();
|
|
78
|
+
}
|
|
79
|
+
this.ngControl?.control?.setValue(null);
|
|
80
|
+
this.ngControl?.control?.markAsDirty();
|
|
81
|
+
this.image = '';
|
|
82
|
+
}
|
|
83
|
+
writeValue(obj) {
|
|
84
|
+
if (obj && !obj.includes('base64')) {
|
|
85
|
+
this.image = obj;
|
|
86
|
+
}
|
|
87
|
+
if (obj == null) {
|
|
88
|
+
this.image = '';
|
|
89
|
+
}
|
|
90
|
+
this.cdr.markForCheck();
|
|
91
|
+
}
|
|
92
|
+
registerOnChange(fn) {
|
|
93
|
+
if (this.ngControl.value) {
|
|
94
|
+
this.image = this.ngControl.value;
|
|
95
|
+
this.cdr.markForCheck();
|
|
96
|
+
}
|
|
97
|
+
}
|
|
98
|
+
registerOnTouched(fn) { }
|
|
99
|
+
setDisabledState(isDisabled) {
|
|
100
|
+
this.disabled = isDisabled;
|
|
101
|
+
this.cdr.markForCheck();
|
|
102
|
+
}
|
|
103
|
+
ngOnInit() {
|
|
104
|
+
this.ngControl.control.valueChanges.subscribe((value) => {
|
|
105
|
+
this.cdr.markForCheck();
|
|
106
|
+
});
|
|
107
|
+
this.ngControl.control.statusChanges.subscribe((status) => {
|
|
108
|
+
this.cdr.markForCheck();
|
|
109
|
+
});
|
|
110
|
+
if (this.ngControl.control.value == '' && this.formTemplate.default != undefined) {
|
|
111
|
+
this.ngControl.control.setValue(this.formTemplate.default);
|
|
112
|
+
this.cdr.markForCheck();
|
|
113
|
+
}
|
|
114
|
+
if (this.formTemplate.enabled) {
|
|
115
|
+
this.ngControl.control.enable();
|
|
116
|
+
}
|
|
117
|
+
else {
|
|
118
|
+
this.ngControl.control.disable();
|
|
119
|
+
}
|
|
120
|
+
if (this.formTemplate.settings) {
|
|
121
|
+
this.formSettings = this.formTemplate.settings;
|
|
122
|
+
}
|
|
123
|
+
}
|
|
124
|
+
ngOnDestroy() {
|
|
125
|
+
this.subscriptions.forEach((subscription) => {
|
|
126
|
+
subscription.unsubscribe();
|
|
127
|
+
});
|
|
128
|
+
this.ngControl.control.disable();
|
|
129
|
+
this.image = null;
|
|
130
|
+
}
|
|
131
|
+
}
|
|
132
|
+
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 }, { token: i3.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
|
|
133
|
+
OnshoreFormImageItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: OnshoreFormImageItemComponent, selector: "onshore-form-image-item", inputs: { formTemplate: "formTemplate", inverseColor: "inverseColor", imageWidth: "imageWidth", imageHeight: "imageHeight", containWithinAspectRatio: "containWithinAspectRatio", aspectRatio: "aspectRatio" }, outputs: { imageDeleted: "imageDeleted", imageCleared: "imageCleared", imageSelectedFromMedia: "imageSelectedFromMedia" }, ngImport: i0, template: "<div class=\"flex flex-column mb-3\" style=\"max-width: 500px\">\n <div class=\"flex justify-content-between align-items-center\">\n <b [class.text-muted]=\"disabled\" class=\"mb-1 white-space-nowrap\">\n {{formTemplate.label}}\n <span *ngIf=\"formTemplate.required\" class=\"tl-color-danger\">*</span>\n </b>\n <i *ngIf=\"formTemplate.tooltip\" class=\"fa fa-info-circle tl-color-black\" [pTooltip]=\"formTemplate.tooltip\" tooltipPosition=\"left\" [escape]=\"false\"></i>\n </div>\n\n <div class=\"w-100\">\n\n <div class=\"position-relative flex justify-content-center align-items-center\" style=\"background-color: white\">\n <!--<app-image-placeholder class=\"w-100\" [image]=\"image\" imageStyle=\"position: absolut; height: 250px; width: 250px\" [placeholder]=\"formSettings?.imagePlaceholder ? formSettings?.imagePlaceholder + ' fa-10x' : 'fa-image fa-10x'\" placeholderStyle=\"width: 250px; height: 250px\"></app-image-placeholder>-->\n </div>\n\n <div class=\"flex flex-column mt-4 w-100\">\n <button pButton pRipple type=\"button\"\n [hidden]=\"formSettings?.disableImageSelection\"\n icon=\"fa fa-image\"\n label=\"Bild hochladen\"\n class=\"p-button-rounded p-button-outlined text-secondary mb-2\"\n [disabled]=\"disabled\"\n (click)=\"imageChooserDialogVisible = true\">\n </button>\n\n <button pButton pRipple type=\"button\"\n [hidden]=\"formSettings?.disableWebcamSelection\"\n icon=\"fa fa-camera\"\n label=\"Foto aufnehmen\"\n class=\"p-button-rounded p-button-outlined text-secondary mb-2\"\n [disabled]=\"disabled\"\n (click)=\"webcamDialogVisible = true\">\n </button>\n\n <!--<button pButton pRipple type=\"button\"\n [hidden]=\"formSettings?.disableMediaSelection\"\n icon=\"fa fa-photo-video\"\n label=\"Medienverwaltung\"\n class=\"p-button-rounded p-button-outlined text-secondary mb-2\"\n [disabled]=\"disabled\"\n (click)=\"searchMedia()\">\n </button>-->\n\n <button pButton pRipple type=\"button\"\n [hidden]=\"formSettings?.disableDelete\"\n icon=\"fa fa-eraser\"\n label=\"Entfernen\"\n (click)=\"removeImage()\"\n [disabled]=\"!image || disabled\"\n class=\"p-button-rounded p-button-outlined text-secondary\">\n </button>\n\n </div>\n\n </div>\n\n <small *ngIf=\"formTemplate.description\"><i class=\"fa fa-info-circle\"></i> {{formTemplate.description}}</small>\n\n</div>\n\n<!--\n<p-dialog [header]=\"'Bild ausw\u00E4hlen'\" [(visible)]=\"imageChooserDialogVisible\" [modal]=\"true\" [style]=\"{'max-width': '50vw'}\">\n <app-image-chooser buttonLabel=\"Ausw\u00E4hlen\"\n (choosen)=\"getFileImage($event)\"\n (canceled)=\"imageChooserDialogVisible = false\"\n [inverseColor]=\"inverseColor\"\n [resizeToWidth]=\"imageWidth\"\n [resizeToHeight]=\"imageHeight\"\n [containWithinAspectRatio]=\"containWithinAspectRatio\"\n [aspectRatio]=\"aspectRatio\"\n backgroundColor=\"transparent\"></app-image-chooser>\n</p-dialog>\n-->\n\n<!--\n<p-dialog [header]=\"'Foto aufnehmen'\" [(visible)]=\"webcamDialogVisible\" [modal]=\"true\" [style]=\"{'max-width': '50vw'}\">\n <app-webcam *ngIf=\"webcamDialogVisible\" buttonLabel=\"Smile\" (shot)=\"getWebcamImage($event)\" (canceled)=\"webcamDialogVisible = false\" [inverseColor]=\"inverseColor\"></app-webcam>\n</p-dialog>\n-->\n", dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "directive", type: i6.Ripple, selector: "[pRipple]" }, { kind: "directive", type: i7.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "fitContent", "pTooltip", "tooltipDisabled", "tooltipOptions"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
134
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: OnshoreFormImageItemComponent, decorators: [{
|
|
135
|
+
type: Component,
|
|
136
|
+
args: [{ selector: 'onshore-form-image-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"flex flex-column mb-3\" style=\"max-width: 500px\">\n <div class=\"flex justify-content-between align-items-center\">\n <b [class.text-muted]=\"disabled\" class=\"mb-1 white-space-nowrap\">\n {{formTemplate.label}}\n <span *ngIf=\"formTemplate.required\" class=\"tl-color-danger\">*</span>\n </b>\n <i *ngIf=\"formTemplate.tooltip\" class=\"fa fa-info-circle tl-color-black\" [pTooltip]=\"formTemplate.tooltip\" tooltipPosition=\"left\" [escape]=\"false\"></i>\n </div>\n\n <div class=\"w-100\">\n\n <div class=\"position-relative flex justify-content-center align-items-center\" style=\"background-color: white\">\n <!--<app-image-placeholder class=\"w-100\" [image]=\"image\" imageStyle=\"position: absolut; height: 250px; width: 250px\" [placeholder]=\"formSettings?.imagePlaceholder ? formSettings?.imagePlaceholder + ' fa-10x' : 'fa-image fa-10x'\" placeholderStyle=\"width: 250px; height: 250px\"></app-image-placeholder>-->\n </div>\n\n <div class=\"flex flex-column mt-4 w-100\">\n <button pButton pRipple type=\"button\"\n [hidden]=\"formSettings?.disableImageSelection\"\n icon=\"fa fa-image\"\n label=\"Bild hochladen\"\n class=\"p-button-rounded p-button-outlined text-secondary mb-2\"\n [disabled]=\"disabled\"\n (click)=\"imageChooserDialogVisible = true\">\n </button>\n\n <button pButton pRipple type=\"button\"\n [hidden]=\"formSettings?.disableWebcamSelection\"\n icon=\"fa fa-camera\"\n label=\"Foto aufnehmen\"\n class=\"p-button-rounded p-button-outlined text-secondary mb-2\"\n [disabled]=\"disabled\"\n (click)=\"webcamDialogVisible = true\">\n </button>\n\n <!--<button pButton pRipple type=\"button\"\n [hidden]=\"formSettings?.disableMediaSelection\"\n icon=\"fa fa-photo-video\"\n label=\"Medienverwaltung\"\n class=\"p-button-rounded p-button-outlined text-secondary mb-2\"\n [disabled]=\"disabled\"\n (click)=\"searchMedia()\">\n </button>-->\n\n <button pButton pRipple type=\"button\"\n [hidden]=\"formSettings?.disableDelete\"\n icon=\"fa fa-eraser\"\n label=\"Entfernen\"\n (click)=\"removeImage()\"\n [disabled]=\"!image || disabled\"\n class=\"p-button-rounded p-button-outlined text-secondary\">\n </button>\n\n </div>\n\n </div>\n\n <small *ngIf=\"formTemplate.description\"><i class=\"fa fa-info-circle\"></i> {{formTemplate.description}}</small>\n\n</div>\n\n<!--\n<p-dialog [header]=\"'Bild ausw\u00E4hlen'\" [(visible)]=\"imageChooserDialogVisible\" [modal]=\"true\" [style]=\"{'max-width': '50vw'}\">\n <app-image-chooser buttonLabel=\"Ausw\u00E4hlen\"\n (choosen)=\"getFileImage($event)\"\n (canceled)=\"imageChooserDialogVisible = false\"\n [inverseColor]=\"inverseColor\"\n [resizeToWidth]=\"imageWidth\"\n [resizeToHeight]=\"imageHeight\"\n [containWithinAspectRatio]=\"containWithinAspectRatio\"\n [aspectRatio]=\"aspectRatio\"\n backgroundColor=\"transparent\"></app-image-chooser>\n</p-dialog>\n-->\n\n<!--\n<p-dialog [header]=\"'Foto aufnehmen'\" [(visible)]=\"webcamDialogVisible\" [modal]=\"true\" [style]=\"{'max-width': '50vw'}\">\n <app-webcam *ngIf=\"webcamDialogVisible\" buttonLabel=\"Smile\" (shot)=\"getWebcamImage($event)\" (canceled)=\"webcamDialogVisible = false\" [inverseColor]=\"inverseColor\"></app-webcam>\n</p-dialog>\n-->\n" }]
|
|
137
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.NgControl, decorators: [{
|
|
138
|
+
type: Self
|
|
139
|
+
}, {
|
|
140
|
+
type: Optional
|
|
141
|
+
}] }, { type: i2.DialogService }, { type: i3.TranslateService }]; }, propDecorators: { formTemplate: [{
|
|
142
|
+
type: Input
|
|
143
|
+
}], inverseColor: [{
|
|
144
|
+
type: Input
|
|
145
|
+
}], imageWidth: [{
|
|
146
|
+
type: Input
|
|
147
|
+
}], imageHeight: [{
|
|
148
|
+
type: Input
|
|
149
|
+
}], containWithinAspectRatio: [{
|
|
150
|
+
type: Input
|
|
151
|
+
}], aspectRatio: [{
|
|
152
|
+
type: Input
|
|
153
|
+
}], imageDeleted: [{
|
|
154
|
+
type: Output
|
|
155
|
+
}], imageCleared: [{
|
|
156
|
+
type: Output
|
|
157
|
+
}], imageSelectedFromMedia: [{
|
|
158
|
+
type: Output
|
|
159
|
+
}] } });
|
|
160
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1pbWFnZS1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL29uc2hvcmUtZm9ybXMvc3JjL2xpYi9jb21wb25lbnRzL2Zvcm0taW1hZ2UtaXRlbS9mb3JtLWltYWdlLWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvb25zaG9yZS1mb3Jtcy9zcmMvbGliL2NvbXBvbmVudHMvZm9ybS1pbWFnZS1pdGVtL2Zvcm0taW1hZ2UtaXRlbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBRXZCLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUM5QixRQUFRLEVBQUUsTUFBTSxFQUNoQixJQUFJLEVBQ0wsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7OztBQVl2QixNQUFNLE9BQU8sNkJBQTZCO0lBa0l4QyxZQUFvQixHQUFzQixFQUNILFNBQW9CLEVBQ3hDLGFBQTRCLEVBQzNCLFNBQTJCO1FBSDNCLFFBQUcsR0FBSCxHQUFHLENBQW1CO1FBQ0gsY0FBUyxHQUFULFNBQVMsQ0FBVztRQUN4QyxrQkFBYSxHQUFiLGFBQWEsQ0FBZTtRQUMzQixjQUFTLEdBQVQsU0FBUyxDQUFrQjtRQW5JdEMsaUJBQVksR0FBWSxLQUFLLENBQUM7UUFFdkMsdUJBQXVCO1FBQ2QsZUFBVSxHQUFXLEdBQUcsQ0FBQztRQUN6QixnQkFBVyxHQUFXLEdBQUcsQ0FBQztRQUNuQiw2QkFBd0IsR0FBRyxLQUFLLENBQUM7UUFDakMsZ0JBQVcsR0FBVyxDQUFDLEdBQUcsQ0FBQyxDQUFDO1FBQ2xDLGlCQUFZLEdBQXlCLElBQUksWUFBWSxFQUFFLENBQUM7UUFDeEQsaUJBQVksR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUNyRCwyQkFBc0IsR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUV6RSxVQUFLLEdBQUcsRUFBRSxDQUFDO1FBQ1gsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUNqQix3QkFBbUIsR0FBWSxLQUFLLENBQUM7UUFDckMsOEJBQXlCLEdBQVksS0FBSyxDQUFDO1FBRzNDLGtCQUFhLEdBQXdCLEVBQUUsQ0FBQztRQW1IdEMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxhQUFhLEdBQUcsSUFBSSxDQUFDO0lBQ3RDLENBQUM7SUFsSEQsWUFBWSxDQUFDLEtBQVU7UUFDckIsSUFBSSxDQUFDLHlCQUF5QixHQUFHLEtBQUssQ0FBQztRQUN2QyxJQUFHLEtBQUssRUFBRTtZQUNSLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO1lBQ25CLFVBQVUsQ0FBQyxHQUFHLEVBQUU7Z0JBQ2QsSUFBSSxDQUFDLEdBQUcsQ0FBQyxZQUFZLEVBQUUsQ0FBQztnQkFDeEIsSUFBSSxDQUFDLFNBQVMsRUFBRSxPQUFPLEVBQUUsUUFBUSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztnQkFDOUMsSUFBSSxDQUFDLFNBQVMsRUFBRSxPQUFPLEVBQUUsV0FBVyxFQUFFLENBQUM7WUFDekMsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxDQUFDO1NBQ1Q7SUFDSCxDQUFDO0lBRUQsY0FBYyxDQUFDLEtBQVU7UUFDdkIsSUFBSSxDQUFDLG1CQUFtQixHQUFHLEtBQUssQ0FBQztRQUNqQyxJQUFHLEtBQUssRUFBRTtZQUNSLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO1lBQ25CLFVBQVUsQ0FBQyxHQUFHLEVBQUU7Z0JBQ2QsSUFBSSxDQUFDLEdBQUcsQ0FBQyxZQUFZLEVBQUUsQ0FBQztnQkFDeEIsSUFBSSxDQUFDLFNBQVMsRUFBRSxPQUFPLEVBQUUsUUFBUSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztnQkFDOUMsSUFBSSxDQUFDLFNBQVMsRUFBRSxPQUFPLEVBQUUsV0FBVyxFQUFFLENBQUM7WUFDekMsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxDQUFDO1NBQ1Q7SUFDSCxDQUFDO0lBRUQ7Ozs7Ozs7Ozs7Ozs7Ozs7O09BaUJHO0lBRUgsV0FBVztRQUNULElBQUcsSUFBSSxDQUFDLEtBQUssSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxFQUFFO1lBQy9DLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUNwQzthQUFNO1lBQ0wsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLEVBQUUsQ0FBQztTQUMxQjtRQUVELElBQUksQ0FBQyxTQUFTLEVBQUUsT0FBTyxFQUFFLFFBQVEsQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUN4QyxJQUFJLENBQUMsU0FBUyxFQUFFLE9BQU8sRUFBRSxXQUFXLEVBQUUsQ0FBQztRQUN2QyxJQUFJLENBQUMsS0FBSyxHQUFHLEVBQUUsQ0FBQztJQUNsQixDQUFDO0lBRU0sVUFBVSxDQUFDLEdBQVE7UUFDeEIsSUFBRyxHQUFHLElBQUksQ0FBQyxHQUFHLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxFQUFFO1lBQ2pDLElBQUksQ0FBQyxLQUFLLEdBQUcsR0FBRyxDQUFDO1NBQ2xCO1FBQ0QsSUFBRyxHQUFHLElBQUksSUFBSSxFQUFFO1lBQ2QsSUFBSSxDQUFDLEtBQUssR0FBRyxFQUFFLENBQUM7U0FDakI7UUFDRCxJQUFJLENBQUMsR0FBRyxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQzFCLENBQUM7SUFFTSxnQkFBZ0IsQ0FBQyxFQUFPO1FBQzdCLElBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLEVBQUU7WUFDdkIsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQztZQUNsQyxJQUFJLENBQUMsR0FBRyxDQUFDLFlBQVksRUFBRSxDQUFDO1NBQ3pCO0lBQ0gsQ0FBQztJQUVNLGlCQUFpQixDQUFDLEVBQU8sSUFBUyxDQUFDO0lBRW5DLGdCQUFnQixDQUFFLFVBQW1CO1FBQzFDLElBQUksQ0FBQyxRQUFRLEdBQUcsVUFBVSxDQUFDO1FBQzNCLElBQUksQ0FBQyxHQUFHLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDMUIsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLENBQUMsU0FBUyxDQUFDLE9BQU8sQ0FBQyxZQUFZLENBQUMsU0FBUyxDQUFDLENBQUMsS0FBSyxFQUFFLEVBQUU7WUFDdEQsSUFBSSxDQUFDLEdBQUcsQ0FBQyxZQUFZLEVBQUUsQ0FBQztRQUMxQixDQUFDLENBQUMsQ0FBQztRQUNILElBQUksQ0FBQyxTQUFTLENBQUMsT0FBTyxDQUFDLGFBQWEsQ0FBQyxTQUFTLENBQUMsQ0FBQyxNQUFNLEVBQUUsRUFBRTtZQUN4RCxJQUFJLENBQUMsR0FBRyxDQUFDLFlBQVksRUFBRSxDQUFDO1FBQzFCLENBQUMsQ0FBQyxDQUFDO1FBRUgsSUFBRyxJQUFJLENBQUMsU0FBUyxDQUFDLE9BQU8sQ0FBQyxLQUFLLElBQUksRUFBRSxJQUFJLElBQUksQ0FBQyxZQUFZLENBQUMsT0FBTyxJQUFJLFNBQVMsRUFBRTtZQUMvRSxJQUFJLENBQUMsU0FBUyxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUMsQ0FBQztZQUMzRCxJQUFJLENBQUMsR0FBRyxDQUFDLFlBQVksRUFBRSxDQUFDO1NBQ3pCO1FBQ0QsSUFBRyxJQUFJLENBQUMsWUFBWSxDQUFDLE9BQU8sRUFBRTtZQUM1QixJQUFJLENBQUMsU0FBUyxDQUFDLE9BQU8sQ0FBQyxNQUFNLEVBQUUsQ0FBQztTQUNqQzthQUFNO1lBQ0wsSUFBSSxDQUFDLFNBQVMsQ0FBQyxPQUFPLENBQUMsT0FBTyxFQUFFLENBQUM7U0FDbEM7UUFDRCxJQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsUUFBUSxFQUFFO1lBQzdCLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxRQUFvQyxDQUFDO1NBQzVFO0lBQ0gsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsYUFBYSxDQUFDLE9BQU8sQ0FBQyxDQUFDLFlBQTBCLEVBQUUsRUFBRTtZQUN4RCxZQUFZLENBQUMsV0FBVyxFQUFFLENBQUM7UUFDN0IsQ0FBQyxDQUFDLENBQUM7UUFDSCxJQUFJLENBQUMsU0FBUyxDQUFDLE9BQU8sQ0FBQyxPQUFPLEVBQUUsQ0FBQztRQUNqQyxJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQztJQUNwQixDQUFDOzswSEFoSVUsNkJBQTZCOzhHQUE3Qiw2QkFBNkIsMFlDbEIxQyw2dkhBK0VBOzJGRDdEYSw2QkFBNkI7a0JBTHpDLFNBQVM7K0JBQ0UseUJBQXlCLG1CQUVsQix1QkFBdUIsQ0FBQyxNQUFNOzswQkFxSWxDLElBQUk7OzBCQUFJLFFBQVE7dUdBbElwQixZQUFZO3NCQUFwQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBR0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNVLHdCQUF3QjtzQkFBdkMsS0FBSztnQkFDVSxXQUFXO3NCQUExQixLQUFLO2dCQUNJLFlBQVk7c0JBQXJCLE1BQU07Z0JBQ0csWUFBWTtzQkFBckIsTUFBTTtnQkFDRyxzQkFBc0I7c0JBQS9CLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25EZXN0cm95LCBPbkluaXQsXG4gIE9wdGlvbmFsLCBPdXRwdXQsXG4gIFNlbGZcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvciwgTmdDb250cm9sIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgU3Vic2NyaXB0aW9uIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBEaWFsb2dTZXJ2aWNlIH0gZnJvbSAncHJpbWVuZy9keW5hbWljZGlhbG9nJztcbmltcG9ydCB7IFRyYW5zbGF0ZVNlcnZpY2UgfSBmcm9tICdAbmd4LXRyYW5zbGF0ZS9jb3JlJztcbmltcG9ydCB7IE9uc2hvcmVGb3JtVGVtcGxhdGVJdGVtLCBPbnNob3JlSW1hZ2VJdGVtU2V0dGluZ3MgfSBmcm9tICcuLi8uLi9tb2RlbHMvZm9ybS5tb2RlbHMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdvbnNob3JlLWZvcm0taW1hZ2UtaXRlbScsXG4gIHRlbXBsYXRlVXJsOiAnLi9mb3JtLWltYWdlLWl0ZW0uY29tcG9uZW50Lmh0bWwnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgT25zaG9yZUZvcm1JbWFnZUl0ZW1Db21wb25lbnQgaW1wbGVtZW50cyBDb250cm9sVmFsdWVBY2Nlc3NvciwgT25Jbml0LCBPbkRlc3Ryb3kge1xuICBASW5wdXQoKSBmb3JtVGVtcGxhdGUhOiBPbnNob3JlRm9ybVRlbXBsYXRlSXRlbTtcbiAgQElucHV0KCkgaW52ZXJzZUNvbG9yOiBib29sZWFuID0gZmFsc2U7XG5cbiAgLy8gSW1hZ2UgdXBkbG9hZCBwYXJhbXNcbiAgQElucHV0KCkgaW1hZ2VXaWR0aDogbnVtYmVyID0gNDAwO1xuICBASW5wdXQoKSBpbWFnZUhlaWdodDogbnVtYmVyID0gNDAwO1xuICBASW5wdXQoKSBwdWJsaWMgY29udGFpbldpdGhpbkFzcGVjdFJhdGlvID0gZmFsc2U7XG4gIEBJbnB1dCgpIHB1YmxpYyBhc3BlY3RSYXRpbzogbnVtYmVyID0gMSAvIDE7XG4gIEBPdXRwdXQoKSBpbWFnZURlbGV0ZWQ6IEV2ZW50RW1pdHRlcjxzdHJpbmc+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICBAT3V0cHV0KCkgaW1hZ2VDbGVhcmVkOiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgQE91dHB1dCgpIGltYWdlU2VsZWN0ZWRGcm9tTWVkaWE6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIGltYWdlID0gJyc7XG4gIGRpc2FibGVkID0gZmFsc2U7XG4gIHdlYmNhbURpYWxvZ1Zpc2libGU6IGJvb2xlYW4gPSBmYWxzZTtcbiAgaW1hZ2VDaG9vc2VyRGlhbG9nVmlzaWJsZTogYm9vbGVhbiA9IGZhbHNlO1xuICBmb3JtU2V0dGluZ3M6IE9uc2hvcmVJbWFnZUl0ZW1TZXR0aW5ncztcblxuICBzdWJzY3JpcHRpb25zOiBBcnJheTxTdWJzY3JpcHRpb24+ID0gW107XG5cbiAgZ2V0RmlsZUltYWdlKGltYWdlOiBhbnkpIHtcbiAgICB0aGlzLmltYWdlQ2hvb3NlckRpYWxvZ1Zpc2libGUgPSBmYWxzZTtcbiAgICBpZihpbWFnZSkge1xuICAgICAgdGhpcy5pbWFnZSA9IGltYWdlO1xuICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICAgICAgICB0aGlzLm5nQ29udHJvbD8uY29udHJvbD8uc2V0VmFsdWUodGhpcy5pbWFnZSk7XG4gICAgICAgIHRoaXMubmdDb250cm9sPy5jb250cm9sPy5tYXJrQXNEaXJ0eSgpO1xuICAgICAgfSwgNTAwKTtcbiAgICB9XG4gIH1cblxuICBnZXRXZWJjYW1JbWFnZShpbWFnZTogYW55KSB7XG4gICAgdGhpcy53ZWJjYW1EaWFsb2dWaXNpYmxlID0gZmFsc2U7XG4gICAgaWYoaW1hZ2UpIHtcbiAgICAgIHRoaXMuaW1hZ2UgPSBpbWFnZTtcbiAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICB0aGlzLmNkci5tYXJrRm9yQ2hlY2soKTtcbiAgICAgICAgdGhpcy5uZ0NvbnRyb2w/LmNvbnRyb2w/LnNldFZhbHVlKHRoaXMuaW1hZ2UpO1xuICAgICAgICB0aGlzLm5nQ29udHJvbD8uY29udHJvbD8ubWFya0FzRGlydHkoKTtcbiAgICAgIH0sIDUwMCk7XG4gICAgfVxuICB9XG5cbiAgLypzZWFyY2hNZWRpYSgpIHtcbiAgICB0aGlzLmRpYWxvZ1NlcnZpY2Uub3BlbihTZWFyY2hNZWRpYUNvbXBvbmVudCx7XG4gICAgICBzdHlsZUNsYXNzOiAncC1kaWFsb2ctYmFja2dyb3VuZC13aGl0ZScsXG4gICAgICBtb2RhbDogdHJ1ZSxcbiAgICAgIGhlYWRlcjogdGhpcy50cmFuc2xhdGUuaW5zdGFudCgnc2VhcmNoLm1lZGlhLmRpYWxvZ1RpdGxlJyksXG4gICAgICBkYXRhOiB7IHRhcmdldFR5cGU6IHRoaXMuZm9ybVNldHRpbmdzLm1lZGlhVHlwZSB9XG4gICAgfSkub25DbG9zZS5zdWJzY3JpYmUoKHJlc3VsdCkgPT4ge1xuICAgICAgaWYocmVzdWx0KSB7XG4gICAgICAgIHRoaXMuaW1hZ2UgPSByZXN1bHQudXJsO1xuICAgICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgICB0aGlzLmNkci5tYXJrRm9yQ2hlY2soKTtcbiAgICAgICAgICB0aGlzLm5nQ29udHJvbD8uY29udHJvbD8uc2V0VmFsdWUodGhpcy5pbWFnZSk7XG4gICAgICAgICAgdGhpcy5uZ0NvbnRyb2w/LmNvbnRyb2w/Lm1hcmtBc0RpcnR5KCk7XG4gICAgICAgICAgdGhpcy5pbWFnZVNlbGVjdGVkRnJvbU1lZGlhLm5leHQocmVzdWx0KTtcbiAgICAgICAgfSwgNTAwKTtcbiAgICAgIH1cbiAgICB9KTtcbiAgfSovXG5cbiAgcmVtb3ZlSW1hZ2UoKSB7XG4gICAgaWYodGhpcy5pbWFnZSAmJiAhdGhpcy5pbWFnZS5pbmNsdWRlcygnYmFzZTY0JykpIHtcbiAgICAgIHRoaXMuaW1hZ2VEZWxldGVkLmVtaXQodGhpcy5pbWFnZSk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuaW1hZ2VDbGVhcmVkLmVtaXQoKTtcbiAgICB9XG5cbiAgICB0aGlzLm5nQ29udHJvbD8uY29udHJvbD8uc2V0VmFsdWUobnVsbCk7XG4gICAgdGhpcy5uZ0NvbnRyb2w/LmNvbnRyb2w/Lm1hcmtBc0RpcnR5KCk7XG4gICAgdGhpcy5pbWFnZSA9ICcnO1xuICB9XG5cbiAgcHVibGljIHdyaXRlVmFsdWUob2JqOiBhbnkpOiB2b2lkIHtcbiAgICBpZihvYmogJiYgIW9iai5pbmNsdWRlcygnYmFzZTY0JykpIHtcbiAgICAgIHRoaXMuaW1hZ2UgPSBvYmo7XG4gICAgfVxuICAgIGlmKG9iaiA9PSBudWxsKSB7XG4gICAgICB0aGlzLmltYWdlID0gJyc7XG4gICAgfVxuICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICB9XG5cbiAgcHVibGljIHJlZ2lzdGVyT25DaGFuZ2UoZm46IGFueSk6IHZvaWQge1xuICAgIGlmKHRoaXMubmdDb250cm9sLnZhbHVlKSB7XG4gICAgICB0aGlzLmltYWdlID0gdGhpcy5uZ0NvbnRyb2wudmFsdWU7XG4gICAgICB0aGlzLmNkci5tYXJrRm9yQ2hlY2soKTtcbiAgICB9XG4gIH1cblxuICBwdWJsaWMgcmVnaXN0ZXJPblRvdWNoZWQoZm46IGFueSk6IHZvaWQge31cblxuICBwdWJsaWMgc2V0RGlzYWJsZWRTdGF0ZT8oaXNEaXNhYmxlZDogYm9vbGVhbik6IHZvaWQge1xuICAgIHRoaXMuZGlzYWJsZWQgPSBpc0Rpc2FibGVkO1xuICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5uZ0NvbnRyb2wuY29udHJvbC52YWx1ZUNoYW5nZXMuc3Vic2NyaWJlKCh2YWx1ZSkgPT4ge1xuICAgICAgdGhpcy5jZHIubWFya0ZvckNoZWNrKCk7XG4gICAgfSk7XG4gICAgdGhpcy5uZ0NvbnRyb2wuY29udHJvbC5zdGF0dXNDaGFuZ2VzLnN1YnNjcmliZSgoc3RhdHVzKSA9PiB7XG4gICAgICB0aGlzLmNkci5tYXJrRm9yQ2hlY2soKTtcbiAgICB9KTtcblxuICAgIGlmKHRoaXMubmdDb250cm9sLmNvbnRyb2wudmFsdWUgPT0gJycgJiYgdGhpcy5mb3JtVGVtcGxhdGUuZGVmYXVsdCAhPSB1bmRlZmluZWQpIHtcbiAgICAgIHRoaXMubmdDb250cm9sLmNvbnRyb2wuc2V0VmFsdWUodGhpcy5mb3JtVGVtcGxhdGUuZGVmYXVsdCk7XG4gICAgICB0aGlzLmNkci5tYXJrRm9yQ2hlY2soKTtcbiAgICB9XG4gICAgaWYodGhpcy5mb3JtVGVtcGxhdGUuZW5hYmxlZCkge1xuICAgICAgdGhpcy5uZ0NvbnRyb2wuY29udHJvbC5lbmFibGUoKTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5uZ0NvbnRyb2wuY29udHJvbC5kaXNhYmxlKCk7XG4gICAgfVxuICAgIGlmKHRoaXMuZm9ybVRlbXBsYXRlLnNldHRpbmdzKSB7XG4gICAgICB0aGlzLmZvcm1TZXR0aW5ncyA9IHRoaXMuZm9ybVRlbXBsYXRlLnNldHRpbmdzIGFzIE9uc2hvcmVJbWFnZUl0ZW1TZXR0aW5ncztcbiAgICB9XG4gIH1cblxuICBuZ09uRGVzdHJveSgpIHtcbiAgICB0aGlzLnN1YnNjcmlwdGlvbnMuZm9yRWFjaCgoc3Vic2NyaXB0aW9uOiBTdWJzY3JpcHRpb24pID0+IHtcbiAgICAgIHN1YnNjcmlwdGlvbi51bnN1YnNjcmliZSgpO1xuICAgIH0pO1xuICAgIHRoaXMubmdDb250cm9sLmNvbnRyb2wuZGlzYWJsZSgpO1xuICAgIHRoaXMuaW1hZ2UgPSBudWxsO1xuICB9XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBjZHI6IENoYW5nZURldGVjdG9yUmVmLFxuICAgICAgICAgICAgICBAU2VsZigpIEBPcHRpb25hbCgpIHB1YmxpYyBuZ0NvbnRyb2w6IE5nQ29udHJvbCxcbiAgICAgICAgICAgICAgcHVibGljIGRpYWxvZ1NlcnZpY2U6IERpYWxvZ1NlcnZpY2UsXG4gICAgICAgICAgICAgIHByaXZhdGUgdHJhbnNsYXRlOiBUcmFuc2xhdGVTZXJ2aWNlKSB7XG4gICAgdGhpcy5uZ0NvbnRyb2wudmFsdWVBY2Nlc3NvciA9IHRoaXM7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJmbGV4IGZsZXgtY29sdW1uIG1iLTNcIiBzdHlsZT1cIm1heC13aWR0aDogNTAwcHhcIj5cbiAgPGRpdiBjbGFzcz1cImZsZXgganVzdGlmeS1jb250ZW50LWJldHdlZW4gYWxpZ24taXRlbXMtY2VudGVyXCI+XG4gICAgPGIgW2NsYXNzLnRleHQtbXV0ZWRdPVwiZGlzYWJsZWRcIiBjbGFzcz1cIm1iLTEgd2hpdGUtc3BhY2Utbm93cmFwXCI+XG4gICAgICB7e2Zvcm1UZW1wbGF0ZS5sYWJlbH19XG4gICAgICA8c3BhbiAqbmdJZj1cImZvcm1UZW1wbGF0ZS5yZXF1aXJlZFwiIGNsYXNzPVwidGwtY29sb3ItZGFuZ2VyXCI+Kjwvc3Bhbj5cbiAgICA8L2I+XG4gICAgPGkgKm5nSWY9XCJmb3JtVGVtcGxhdGUudG9vbHRpcFwiIGNsYXNzPVwiZmEgZmEtaW5mby1jaXJjbGUgdGwtY29sb3ItYmxhY2tcIiBbcFRvb2x0aXBdPVwiZm9ybVRlbXBsYXRlLnRvb2x0aXBcIiB0b29sdGlwUG9zaXRpb249XCJsZWZ0XCIgW2VzY2FwZV09XCJmYWxzZVwiPjwvaT5cbiAgPC9kaXY+XG5cbiAgPGRpdiBjbGFzcz1cInctMTAwXCI+XG5cbiAgICAgIDxkaXYgY2xhc3M9XCJwb3NpdGlvbi1yZWxhdGl2ZSBmbGV4IGp1c3RpZnktY29udGVudC1jZW50ZXIgYWxpZ24taXRlbXMtY2VudGVyXCIgc3R5bGU9XCJiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZVwiPlxuICAgICAgICA8IS0tPGFwcC1pbWFnZS1wbGFjZWhvbGRlciBjbGFzcz1cInctMTAwXCIgW2ltYWdlXT1cImltYWdlXCIgaW1hZ2VTdHlsZT1cInBvc2l0aW9uOiBhYnNvbHV0OyBoZWlnaHQ6IDI1MHB4OyB3aWR0aDogMjUwcHhcIiBbcGxhY2Vob2xkZXJdPVwiZm9ybVNldHRpbmdzPy5pbWFnZVBsYWNlaG9sZGVyID8gZm9ybVNldHRpbmdzPy5pbWFnZVBsYWNlaG9sZGVyICsgJyBmYS0xMHgnIDogJ2ZhLWltYWdlIGZhLTEweCdcIiBwbGFjZWhvbGRlclN0eWxlPVwid2lkdGg6IDI1MHB4OyBoZWlnaHQ6IDI1MHB4XCI+PC9hcHAtaW1hZ2UtcGxhY2Vob2xkZXI+LS0+XG4gICAgICA8L2Rpdj5cblxuICAgICAgPGRpdiBjbGFzcz1cImZsZXggZmxleC1jb2x1bW4gbXQtNCB3LTEwMFwiPlxuICAgICAgICA8YnV0dG9uIHBCdXR0b24gcFJpcHBsZSB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICAgICAgICBbaGlkZGVuXT1cImZvcm1TZXR0aW5ncz8uZGlzYWJsZUltYWdlU2VsZWN0aW9uXCJcbiAgICAgICAgICAgICAgICBpY29uPVwiZmEgZmEtaW1hZ2VcIlxuICAgICAgICAgICAgICAgIGxhYmVsPVwiQmlsZCBob2NobGFkZW5cIlxuICAgICAgICAgICAgICAgIGNsYXNzPVwicC1idXR0b24tcm91bmRlZCBwLWJ1dHRvbi1vdXRsaW5lZCB0ZXh0LXNlY29uZGFyeSBtYi0yXCJcbiAgICAgICAgICAgICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICAgICAgICAgICAgICAgIChjbGljayk9XCJpbWFnZUNob29zZXJEaWFsb2dWaXNpYmxlID0gdHJ1ZVwiPlxuICAgICAgICA8L2J1dHRvbj5cblxuICAgICAgICA8YnV0dG9uIHBCdXR0b24gcFJpcHBsZSB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICAgICAgICBbaGlkZGVuXT1cImZvcm1TZXR0aW5ncz8uZGlzYWJsZVdlYmNhbVNlbGVjdGlvblwiXG4gICAgICAgICAgICAgICAgaWNvbj1cImZhIGZhLWNhbWVyYVwiXG4gICAgICAgICAgICAgICAgbGFiZWw9XCJGb3RvIGF1Zm5laG1lblwiXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJwLWJ1dHRvbi1yb3VuZGVkIHAtYnV0dG9uLW91dGxpbmVkIHRleHQtc2Vjb25kYXJ5IG1iLTJcIlxuICAgICAgICAgICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXG4gICAgICAgICAgICAgICAgKGNsaWNrKT1cIndlYmNhbURpYWxvZ1Zpc2libGUgPSB0cnVlXCI+XG4gICAgICAgIDwvYnV0dG9uPlxuXG4gICAgICAgIDwhLS08YnV0dG9uIHBCdXR0b24gcFJpcHBsZSB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICAgICAgICBbaGlkZGVuXT1cImZvcm1TZXR0aW5ncz8uZGlzYWJsZU1lZGlhU2VsZWN0aW9uXCJcbiAgICAgICAgICAgICAgICBpY29uPVwiZmEgZmEtcGhvdG8tdmlkZW9cIlxuICAgICAgICAgICAgICAgIGxhYmVsPVwiTWVkaWVudmVyd2FsdHVuZ1wiXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJwLWJ1dHRvbi1yb3VuZGVkIHAtYnV0dG9uLW91dGxpbmVkIHRleHQtc2Vjb25kYXJ5IG1iLTJcIlxuICAgICAgICAgICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXG4gICAgICAgICAgICAgICAgKGNsaWNrKT1cInNlYXJjaE1lZGlhKClcIj5cbiAgICAgICAgPC9idXR0b24+LS0+XG5cbiAgICAgICAgPGJ1dHRvbiBwQnV0dG9uIHBSaXBwbGUgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgICAgICAgW2hpZGRlbl09XCJmb3JtU2V0dGluZ3M/LmRpc2FibGVEZWxldGVcIlxuICAgICAgICAgICAgICAgIGljb249XCJmYSBmYS1lcmFzZXJcIlxuICAgICAgICAgICAgICAgIGxhYmVsPVwiRW50ZmVybmVuXCJcbiAgICAgICAgICAgICAgICAoY2xpY2spPVwicmVtb3ZlSW1hZ2UoKVwiXG4gICAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cIiFpbWFnZSB8fCBkaXNhYmxlZFwiXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJwLWJ1dHRvbi1yb3VuZGVkIHAtYnV0dG9uLW91dGxpbmVkIHRleHQtc2Vjb25kYXJ5XCI+XG4gICAgICAgIDwvYnV0dG9uPlxuXG4gICAgICA8L2Rpdj5cblxuICA8L2Rpdj5cblxuICA8c21hbGwgKm5nSWY9XCJmb3JtVGVtcGxhdGUuZGVzY3JpcHRpb25cIj48aSBjbGFzcz1cImZhIGZhLWluZm8tY2lyY2xlXCI+PC9pPiB7e2Zvcm1UZW1wbGF0ZS5kZXNjcmlwdGlvbn19PC9zbWFsbD5cblxuPC9kaXY+XG5cbjwhLS1cbjxwLWRpYWxvZyBbaGVhZGVyXT1cIidCaWxkIGF1c3fDpGhsZW4nXCIgWyh2aXNpYmxlKV09XCJpbWFnZUNob29zZXJEaWFsb2dWaXNpYmxlXCIgW21vZGFsXT1cInRydWVcIiBbc3R5bGVdPVwieydtYXgtd2lkdGgnOiAnNTB2dyd9XCI+XG4gIDxhcHAtaW1hZ2UtY2hvb3NlciBidXR0b25MYWJlbD1cIkF1c3fDpGhsZW5cIlxuICAgICAgICAgICAgICAgICAgICAgKGNob29zZW4pPVwiZ2V0RmlsZUltYWdlKCRldmVudClcIlxuICAgICAgICAgICAgICAgICAgICAgKGNhbmNlbGVkKT1cImltYWdlQ2hvb3NlckRpYWxvZ1Zpc2libGUgPSBmYWxzZVwiXG4gICAgICAgICAgICAgICAgICAgICBbaW52ZXJzZUNvbG9yXT1cImludmVyc2VDb2xvclwiXG4gICAgICAgICAgICAgICAgICAgICBbcmVzaXplVG9XaWR0aF09XCJpbWFnZVdpZHRoXCJcbiAgICAgICAgICAgICAgICAgICAgIFtyZXNpemVUb0hlaWdodF09XCJpbWFnZUhlaWdodFwiXG4gICAgICAgICAgICAgICAgICAgICBbY29udGFpbldpdGhpbkFzcGVjdFJhdGlvXT1cImNvbnRhaW5XaXRoaW5Bc3BlY3RSYXRpb1wiXG4gICAgICAgICAgICAgICAgICAgICBbYXNwZWN0UmF0aW9dPVwiYXNwZWN0UmF0aW9cIlxuICAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yPVwidHJhbnNwYXJlbnRcIj48L2FwcC1pbWFnZS1jaG9vc2VyPlxuPC9wLWRpYWxvZz5cbi0tPlxuXG48IS0tXG48cC1kaWFsb2cgW2hlYWRlcl09XCInRm90byBhdWZuZWhtZW4nXCIgWyh2aXNpYmxlKV09XCJ3ZWJjYW1EaWFsb2dWaXNpYmxlXCIgW21vZGFsXT1cInRydWVcIiBbc3R5bGVdPVwieydtYXgtd2lkdGgnOiAnNTB2dyd9XCI+XG4gIDxhcHAtd2ViY2FtICpuZ0lmPVwid2ViY2FtRGlhbG9nVmlzaWJsZVwiIGJ1dHRvbkxhYmVsPVwiU21pbGVcIiAoc2hvdCk9XCJnZXRXZWJjYW1JbWFnZSgkZXZlbnQpXCIgKGNhbmNlbGVkKT1cIndlYmNhbURpYWxvZ1Zpc2libGUgPSBmYWxzZVwiIFtpbnZlcnNlQ29sb3JdPVwiaW52ZXJzZUNvbG9yXCI+PC9hcHAtd2ViY2FtPlxuPC9wLWRpYWxvZz5cbi0tPlxuIl19
|