ngx-wapp-components 1.0.99 → 1.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/button/w-button/w-button.component.mjs +2 -2
- package/esm2020/lib/button/w-buttons-footer/w-buttons-footer.component.mjs +2 -2
- package/esm2020/lib/button/w-radio-button/w-radio-button.component.mjs +2 -2
- package/esm2020/lib/button/w-select-button/w-select-button.component.mjs +2 -2
- package/esm2020/lib/button/w-toggle-button/w-toggle-button.component.mjs +2 -2
- package/esm2020/lib/edit/w-edit-calendar/w-edit-calendar.component.mjs +3 -3
- package/esm2020/lib/edit/w-edit-checkbox/w-edit-checkbox.component.mjs +3 -3
- package/esm2020/lib/edit/w-edit-input-number/w-edit-input-number.component.mjs +3 -3
- package/esm2020/lib/edit/w-edit-input-text/w-edit-input-text.component.mjs +3 -3
- package/esm2020/lib/edit/w-edit-input-textarea/w-edit-input-textarea.component.mjs +3 -3
- package/esm2020/lib/edit/w-edit-multiselect/w-edit-multiselect.component.mjs +4 -4
- package/esm2020/lib/edit/w-edit-select/w-edit-select.component.mjs +3 -3
- package/esm2020/lib/edit/w-edit-toggle/w-edit-toggle.component.mjs +3 -3
- package/esm2020/lib/edit/w-edit-treeselect/w-edit-treeselect.component.mjs +3 -3
- package/esm2020/lib/file/w-image-cropper/w-image-cropper.component.mjs +2 -2
- package/esm2020/lib/file/w-image-file-uploader/w-image-file-uploader.component.mjs +2 -2
- package/esm2020/lib/layout/w-body/w-body.component.mjs +2 -2
- package/esm2020/lib/layout/w-body-container/w-body-container.component.mjs +2 -2
- package/esm2020/lib/layout/w-body-grid/w-body-grid.component.mjs +2 -2
- package/esm2020/lib/layout/w-container/w-container.component.mjs +2 -2
- package/esm2020/lib/layout/w-footer/w-footer.component.mjs +2 -2
- package/esm2020/lib/layout/w-header-panel/w-header-panel.component.mjs +2 -2
- package/esm2020/lib/layout/w-navbar/w-navbar.component.mjs +2 -2
- package/esm2020/lib/layout/w-panel/w-panel.component.mjs +2 -2
- package/esm2020/lib/layout/w-panel-grid/w-panel-grid.component.mjs +2 -2
- package/esm2020/lib/layout/w-panel-subtitle/w-panel-subtitle.component.mjs +2 -2
- package/esm2020/lib/layout/w-panel-title/w-panel-title.component.mjs +2 -2
- package/esm2020/lib/maps/w-maps/w-maps.component.mjs +2 -2
- package/esm2020/lib/misc/w-badge/w-badge.component.mjs +2 -2
- package/esm2020/lib/misc/w-chip/w-chip.component.mjs +2 -2
- package/esm2020/lib/misc/w-filter-panel/w-filter-panel.component.mjs +3 -3
- package/esm2020/lib/misc/w-filter-panel/w-list-field/w-list-field.component.mjs +2 -2
- package/esm2020/lib/misc/w-timeline/w-timeline.component.mjs +2 -2
- package/esm2020/lib/misc/w-wizard/w-wizard.component.mjs +2 -2
- package/esm2020/lib/search/w-autocomplete-search/w-autocomplete-search.component.mjs +3 -3
- package/esm2020/lib/search/w-input-search/w-input-search.component.mjs +4 -4
- package/esm2020/lib/shared/skeletons/w-skeleton-form/w-skeleton-form.component.mjs +24 -0
- package/esm2020/lib/shared/skeletons/w-skeleton-input-generic/w-skeleton-input-generic.component.mjs +4 -4
- package/esm2020/lib/shared/skeletons/w-skeleton-sidebar/w-skeleton-sidebar.component.mjs +2 -2
- package/esm2020/lib/sidebar/w-sidebar/w-sidebar.component.mjs +2 -2
- package/esm2020/lib/tables/w-table/w-table.component.mjs +3 -3
- package/esm2020/lib/tables/w-table-lazy/w-table-lazy.component.mjs +2 -2
- package/esm2020/lib/tables/w-tree-table/w-tree-table.component.mjs +2 -2
- package/esm2020/lib/tabview/w-tabview/w-tabview.component.mjs +2 -2
- package/esm2020/lib/tree/w-tree/w-tree.component.mjs +2 -2
- package/esm2020/lib/view/w-view-boolean/w-view-boolean.component.mjs +2 -2
- package/esm2020/lib/view/w-view-card-title-text/w-view-card-title-text.component.mjs +2 -2
- package/esm2020/lib/view/w-view-text/w-view-text.component.mjs +2 -2
- package/esm2020/lib/wapp-components.module.mjs +8 -3
- package/esm2020/public-api.mjs +2 -1
- package/fesm2015/ngx-wapp-components.mjs +169 -146
- package/fesm2015/ngx-wapp-components.mjs.map +1 -1
- package/fesm2020/ngx-wapp-components.mjs +169 -146
- package/fesm2020/ngx-wapp-components.mjs.map +1 -1
- package/lib/shared/skeletons/w-skeleton-form/w-skeleton-form.component.d.ts +10 -0
- package/lib/wapp-components.module.d.ts +47 -46
- package/package.json +1 -1
- package/public-api.d.ts +1 -0
|
@@ -55,7 +55,7 @@ WEditToggleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
|
|
|
55
55
|
useExisting: forwardRef(() => WEditToggleComponent),
|
|
56
56
|
multi: true
|
|
57
57
|
}
|
|
58
|
-
], ngImport: i0, template: "\r\n<div *ngIf=\"formControl; else noNgControl\" class=\"flex align-content-center\" \r\n [ngClass]=\"{'w-toggle-field': getSize(sizeType.medium) == size,\r\n 'w-toggle-field-small': getSize(sizeType.small) == size,\r\n 'w-toggle-heigth': hasAlign && getSize(sizeType.medium) == size,\r\n 'w-toggle-heigth-small': hasAlign && getSize(sizeType.small) == size}\">\r\n <label *ngIf=\"(getSize(sizeType.medium) == size && (label != undefined && label.length > 0));\" for=\"toggle\"\r\n class=\"flex align-items-center\"\r\n [ngClass]=\"{'w-toggle-label': !isDisabled,\r\n 'w-toggle-label-disabled': isDisabled}\">\r\n {{label}}\r\n </label>\r\n <label *ngIf=\"(getSize(sizeType.small) == size && (label != undefined && label.length > 0));\" for=\"toggle\"\r\n class=\"flex align-items-center\"\r\n [ngClass]=\"{'w-toggle-label-small': !isDisabled,\r\n 'w-toggle-label-small-disabled': isDisabled}\">\r\n {{label}}\r\n </label>\r\n\r\n <p-inputSwitch id=\"toggle\"\r\n [ngClass]=\"{'w-toggle': getSize(sizeType.medium) == size,\r\n 'w-toggle-small': getSize(sizeType.small) == size}\"\r\n class=\"flex align-items-center\"\r\n [formControl]=\"formControl\">\r\n </p-inputSwitch>\r\n</div>\r\n\r\n<ng-template #noNgControl>\r\n <div class=\"flex align-content-center\" \r\n [ngClass]=\"{'w-toggle-field': getSize(sizeType.medium) == size,\r\n 'w-toggle-field-small': getSize(sizeType.small) == size,\r\n 'w-toggle-heigth': hasAlign && getSize(sizeType.medium) == size,\r\n 'w-toggle-heigth-small': hasAlign && getSize(sizeType.small) == size }\">\r\n <label *ngIf=\"(getSize(sizeType.medium) == size && (label != undefined && label.length > 0));\" for=\"toggle\"\r\n class=\"flex align-items-center\"\r\n [ngClass]=\"{'w-toggle-label': !isDisabled,\r\n 'w-toggle-label-disabled': isDisabled}\">\r\n {{label}}\r\n </label>\r\n <label *ngIf=\"(getSize(sizeType.small) == size && (label != undefined && label.length > 0));\" for=\"toggle\"\r\n class=\"flex align-items-center\"\r\n [ngClass]=\"{'w-toggle-label-small': !isDisabled,\r\n 'w-toggle-label-small-disabled': isDisabled}\">\r\n {{label}}\r\n </label>\r\n \r\n <p-inputSwitch id=\"toggle\"\r\n [ngClass]=\"{'w-toggle': getSize(sizeType.medium) == size,\r\n 'w-toggle-small': getSize(sizeType.small) == size}\"\r\n class=\"flex align-items-center\"\r\n (ngModelChange)=\"onInput($event)\"\r\n [(ngModel)]=\"value\">\r\n </p-inputSwitch>\r\n </div>\r\n</ng-template>", styles: [".heading1{font-size:2.6666666667rem;line-height:3rem;font-weight:700}.heading2{font-size:2.3333333333rem;line-height:2.6666666667rem;font-weight:700}.heading3{font-size:2rem;line-height:2.3333333333rem;font-weight:700}.heading4{font-size:1.6666666667rem;line-height:2rem;font-weight:400}.heading5{font-size:1.5rem;line-height:1.8333333333rem;font-weight:600}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:400}.subtitle1,.w-tab-text,.w-panel-title-text,.w-sidebar-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:600}.subtitle2,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-toggle-label-small,.w-toggle-label,.w-input-small-label-disabled,.w-view-small-label-text-typography,.w-view-small-label-text,.w-button-small-text-label-text-typography,.w-button-small-text-label-text{font-size:1rem;line-height:1.3333333333rem;font-weight:600}.body,.w-chip-text,.w-panel-content,.w-input-small-select-options-text,.w-input-small-placeholder-text-typography,.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text,.w-view-small-value-text-typography,.w-view-small-value-text,.w-button-small-label-text-typography,.w-button-small-tertiary-label-text,.input-generic-placeholder-small,.input-generic-small{font-size:1rem;line-height:1.3333333333rem;font-weight:400}.caption{font-size:.6666666667rem;line-height:1rem;font-weight:400}.select-option-text{font-size:16;line-height:24px;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.text846{color:#2e3134}.text700{color:#5f6368}.text500{color:#9aa0a6}.textWhite{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b2eb}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#9aa0a6!important;opacity:unset!important}.input-generic-placeholder-small{padding:8px 12px 12px;color:#9aa0a6!important}.input-generic-valid{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:1px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}.w-button-small-tertiary-label-text,.w-button-small-text-label-text{color:#2e3134}.w-button-medium-label-text-typography,.w-button-medium-tertiary-label-text{font-size:16px;font-weight:400;line-height:16px}.w-button-medium-tertiary-label-text{color:#2e3134}.w-button-large-label-text-typography,.w-button-large-tertiary-label-text{font-size:20px;font-weight:400;line-height:24px}.w-button-large-tertiary-label-text{color:#2e3134}.w-button-x-small-label-text{font-size:10px;font-weight:600;line-height:10px}.w-button-small-only-label-text{font-size:12px;font-weight:600;line-height:16px}.w-button-small-icon-text{font-size:12px}.w-button-medium-icon-text{font-size:16px}.w-button-large-icon-text{font-size:24px}.w-control-button-small-label-text{font-size:12px;font-weight:600;line-height:16px}.w-control-button-x-small-icon-text{font-size:10px;font-weight:700}.w-control-button-small-icon-text{font-size:8px;font-weight:700}.w-control-button-medium-label-text{font-size:14px;font-weight:600;line-height:16px}.w-control-button-medium-icon-text{font-size:12px;font-weight:700}.w-view-small-label-text,.w-view-small-value-text,.w-input-small-label-text,.w-toggle-label-small,.w-toggle-label,.w-input-small-label-disabled{color:#2e3134}.w-input-small-label-disabled{color:#9aa0a6}.w-input-small-placeholder-text,.w-input-small-placeholder-text-only-color{color:#2e3134}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6368}.w-input-small-text-icon,.w-input-small-select-options-text{color:#2e3134}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-input-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-input-medium-label-disabled{color:#2e3134}.w-input-medium-label-disabled{color:#9aa0a6}.w-input-medium-placeholder-text-typography,.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text{font-size:16px;font-weight:400;line-height:24px}.w-input-medium-placeholder-text,.w-input-medium-placeholder-text-only-color{color:#2e3134}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6368}.w-input-medium-text-icon{color:#2e3134}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#2e3134}.w-sidebar-title-text,.w-panel-title-text,.w-panel-subtitle-text{color:#2e3134}.w-panel-content{color:#5f6368}.w-tab-text,.w-chip-text{color:#2e3134}::ng-deep .w-toggle .p-inputswitch{height:24px;width:44px;margin-left:12px}.w-toggle-label{padding-left:8px}.w-toggle-field{height:24px}.w-toggle-heigth{height:76px;justify-content:start;align-content:center;align-items:center;display:grid}.w-toggle-heigth-small{height:32px;justify-content:center;align-content:center;align-items:center;display:grid}::ng-deep .w-toggle .p-inputswitch{height:24x;width:44px;margin-left:8px}::ng-deep .w-toggle .p-inputswitch .p-inputswitch-slider:before{width:20px;height:20px;margin-top:-10px;left:3px}::ng-deep .w-toggle .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before{transform:translate(18px)}::ng-deep .w-toggle-small .p-inputswitch{height:16px;width:28px;margin-left:8px}::ng-deep .w-toggle-small .p-inputswitch .p-inputswitch-slider:before{width:12px;height:12px;margin-top:-6px}::ng-deep .w-toggle-small .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before{transform:translate(10px)}::ng-deep .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider{background:#00b2eb}.w-toggle-field-small{height:16px}\n"], dependencies: [{ 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: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.InputSwitch, selector: "p-inputSwitch", inputs: ["style", "styleClass", "tabindex", "inputId", "name", "disabled", "readonly", "trueValue", "falseValue", "ariaLabel", "ariaLabelledBy"], outputs: ["onChange"] }] });
|
|
58
|
+
], ngImport: i0, template: "\r\n<div *ngIf=\"formControl; else noNgControl\" class=\"flex align-content-center\" \r\n [ngClass]=\"{'w-edit-toggle-medium-field': getSize(sizeType.medium) == size,\r\n 'w-edit-toggle-small-field': getSize(sizeType.small) == size,\r\n 'w-edit-toggle-medium-heigth': hasAlign && getSize(sizeType.medium) == size,\r\n 'w-edit-toggle-small-heigth': hasAlign && getSize(sizeType.small) == size}\">\r\n <label *ngIf=\"(getSize(sizeType.medium) == size && (label != undefined && label.length > 0));\" for=\"toggle\"\r\n class=\"flex align-items-center\"\r\n [ngClass]=\"{'w-edit-toggle-medium-label': !isDisabled,\r\n 'w-edit-toggle-medium-label-disabled': isDisabled}\">\r\n {{label}}\r\n </label>\r\n <label *ngIf=\"(getSize(sizeType.small) == size && (label != undefined && label.length > 0));\" for=\"toggle\"\r\n class=\"flex align-items-center\"\r\n [ngClass]=\"{'w-edit-toggle-small-label': !isDisabled,\r\n 'w-edit-toggle-small-label-disabled': isDisabled}\">\r\n {{label}}\r\n </label>\r\n\r\n <p-inputSwitch id=\"toggle\"\r\n [ngClass]=\"{'w-edit-toggle-medium': getSize(sizeType.medium) == size,\r\n 'w-edit-toggle-small': getSize(sizeType.small) == size}\"\r\n class=\"flex align-items-center\"\r\n [formControl]=\"formControl\">\r\n </p-inputSwitch>\r\n</div>\r\n\r\n<ng-template #noNgControl>\r\n <div class=\"flex align-content-center\" \r\n [ngClass]=\"{'w-edit-toggle-medium-field': getSize(sizeType.medium) == size,\r\n 'w-edit-toggle-small-field': getSize(sizeType.small) == size,\r\n 'w-edit-toggle-medium-heigth': hasAlign && getSize(sizeType.medium) == size,\r\n 'w-edit-toggle-small-heigth': hasAlign && getSize(sizeType.small) == size }\">\r\n <label *ngIf=\"(getSize(sizeType.medium) == size && (label != undefined && label.length > 0));\" for=\"toggle\"\r\n class=\"flex align-items-center\"\r\n [ngClass]=\"{'w-edit-toggle-medium-label': !isDisabled,\r\n 'w-edit-toggle-medium-label-disabled': isDisabled}\">\r\n {{label}}\r\n </label>\r\n <label *ngIf=\"(getSize(sizeType.small) == size && (label != undefined && label.length > 0));\" for=\"toggle\"\r\n class=\"flex align-items-center\"\r\n [ngClass]=\"{'w-edit-toggle-small-label': !isDisabled,\r\n 'w-edit-toggle-small-label-disabled': isDisabled}\">\r\n {{label}}\r\n </label>\r\n \r\n <p-inputSwitch id=\"toggle\"\r\n [ngClass]=\"{'w-edit-toggle-medium': getSize(sizeType.medium) == size,\r\n 'w-edit-toggle-small': getSize(sizeType.small) == size}\"\r\n class=\"flex align-items-center\"\r\n (ngModelChange)=\"onInput($event)\"\r\n [(ngModel)]=\"value\">\r\n </p-inputSwitch>\r\n </div>\r\n</ng-template>", styles: [".heading1{font-size:2.6666666667rem;line-height:3rem;font-weight:700}.heading2{font-size:2.3333333333rem;line-height:2.6666666667rem;font-weight:700}.heading3{font-size:2rem;line-height:2.3333333333rem;font-weight:700}.heading4{font-size:1.6666666667rem;line-height:2rem;font-weight:400}.heading5{font-size:1.5rem;line-height:1.8333333333rem;font-weight:600}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:400}.subtitle1,.w-tab-text,.w-panel-title-text,.w-sidebar-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:600}.subtitle2,.w-table-th-text,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-edit-toggle-medium-label,.w-edit-toggle-small-label,.w-input-small-label-disabled,.w-view-small-label-text-typography,.w-view-small-label-text,.w-button-small-text-label-text-typography,.w-button-small-text-label-text{font-size:1rem;line-height:1.3333333333rem;font-weight:600}.body,.w-table-td-text,.w-chip-text,.w-panel-content,.w-input-small-select-options-text,.w-input-small-placeholder-text-typography,.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text,.w-view-small-value-text-typography,.w-view-small-value-text,.w-button-small-label-text-typography,.w-button-small-tertiary-label-text{font-size:1rem;line-height:1.3333333333rem;font-weight:400}.caption,.w-input-error-alert-text,.w-input-warning-alert-text,.w-input-success-alert-text{font-size:.6666666667rem;line-height:1rem;font-weight:400}.text846{color:#2e3134}.text700{color:#5f6368}.text500{color:#9aa0a6}.textWhite{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b2eb}.input-generic-valid{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:1px solid #FFBDBD}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-button-small-tertiary-label-text,.w-button-small-text-label-text{color:#2e3134}.w-button-small-icon-text{font-size:12px}.w-control-button-small-label-text{font-size:12px;font-weight:600;line-height:16px}.w-control-button-x-small-icon-text{font-size:10px;font-weight:700}.w-control-button-small-icon-text{font-size:8px;font-weight:700}.w-button-medium-label-text-typography,.w-button-medium-tertiary-label-text{font-size:16px;font-weight:400;line-height:16px}.w-button-medium-tertiary-label-text{color:#2e3134}.w-button-medium-icon-text{font-size:16px}.w-control-button-medium-label-text{font-size:14px;font-weight:600;line-height:16px}.w-control-button-medium-icon-text{font-size:12px;font-weight:700}.w-button-large-label-text-typography,.w-button-large-tertiary-label-text{font-size:20px;font-weight:400;line-height:24px}.w-button-large-tertiary-label-text{color:#2e3134}.w-button-x-small-label-text{font-size:10px;font-weight:600;line-height:10px}.w-button-small-only-label-text{font-size:12px;font-weight:600;line-height:16px}.w-button-large-icon-text{font-size:24px}.w-view-small-label-text,.w-view-small-value-text{color:#2e3134}.w-input-no-label-height{height:36px}.w-input-disabled{background-color:#f1f3f4;border-color:#e8eaed;opacity:1}.w-input-small-label-text,.w-edit-toggle-medium-label,.w-edit-toggle-small-label,.w-input-small-label-disabled{color:#2e3134}.w-input-small-label-disabled{color:#9aa0a6}.w-input-small-label-text-content{padding:12px 8px 8px 0;margin:0}.w-input-small-placeholder-text,.w-input-small-placeholder-text-only-color{color:#2e3134}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6368}.w-input-small-text-icon,.w-input-small-select-options-text{color:#2e3134}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-input-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-input-medium-label-disabled{color:#2e3134}.w-input-medium-label-disabled{color:#9aa0a6}.w-input-medium-placeholder-text-typography,.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text{font-size:16px;font-weight:400;line-height:24px}.w-input-medium-placeholder-text,.w-input-medium-placeholder-text-only-color{color:#2e3134}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6368}.w-input-medium-text-icon{color:#2e3134}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#2e3134}.w-input-success-alert-text{color:#00db5d;padding:8px 8px 0;margin-top:0}.w-input-warning-alert-text{color:#eeae00;padding:8px 8px 0;margin-top:0}.w-input-error-alert-text{color:#e50000;padding:8px 8px 0;margin-top:0}.w-input-alert-message-height{height:32px}.w-sidebar-title-text,.w-panel-title-text,.w-panel-subtitle-text{color:#2e3134}.w-panel-content{color:#5f6368}.w-tab-text,.w-chip-text{color:#2e3134}.w-badge-text{font-size:8px;font-weight:700;line-height:8px}.w-table-th-text{color:#2e3134}.w-table-td-text{color:#5f6368}::ng-deep .w-edit-toggle-small .p-inputswitch{height:16px;width:28px;margin-left:8px}::ng-deep .w-edit-toggle-small .p-inputswitch .p-inputswitch-slider:before{width:12px;height:12px;margin-top:-6px}::ng-deep .w-edit-toggle-small .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before{transform:translate(10px)}::ng-deep .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider{background:#00b2eb}.w-edit-toggle-small-field{height:16px}.w-edit-toggle-small-heigth{height:32px;justify-content:center;align-content:center;align-items:center;display:grid}::ng-deep .w-edit-toggle-medium .p-inputswitch{height:24px;width:44px;margin-left:12px}.w-edit-toggle-medium-field{height:24px}.w-edit-toggle-medium-heigth{height:76px;justify-content:start;align-content:center;align-items:center;display:grid}::ng-deep .w-edit-toggle-medium .p-inputswitch{height:24x;width:44px;margin-left:8px}::ng-deep .w-edit-toggle-medium .p-inputswitch .p-inputswitch-slider:before{width:20px;height:20px;margin-top:-10px;left:3px}::ng-deep .w-edit-toggle-medium .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before{transform:translate(18px)}\n"], dependencies: [{ 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: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.InputSwitch, selector: "p-inputSwitch", inputs: ["style", "styleClass", "tabindex", "inputId", "name", "disabled", "readonly", "trueValue", "falseValue", "ariaLabel", "ariaLabelledBy"], outputs: ["onChange"] }] });
|
|
59
59
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WEditToggleComponent, decorators: [{
|
|
60
60
|
type: Component,
|
|
61
61
|
args: [{ selector: 'w-edit-toggle', providers: [
|
|
@@ -64,7 +64,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
|
|
|
64
64
|
useExisting: forwardRef(() => WEditToggleComponent),
|
|
65
65
|
multi: true
|
|
66
66
|
}
|
|
67
|
-
], template: "\r\n<div *ngIf=\"formControl; else noNgControl\" class=\"flex align-content-center\" \r\n [ngClass]=\"{'w-toggle-field': getSize(sizeType.medium) == size,\r\n 'w-toggle-field-small': getSize(sizeType.small) == size,\r\n 'w-toggle-heigth': hasAlign && getSize(sizeType.medium) == size,\r\n 'w-toggle-heigth-small': hasAlign && getSize(sizeType.small) == size}\">\r\n <label *ngIf=\"(getSize(sizeType.medium) == size && (label != undefined && label.length > 0));\" for=\"toggle\"\r\n class=\"flex align-items-center\"\r\n [ngClass]=\"{'w-toggle-label': !isDisabled,\r\n 'w-toggle-label-disabled': isDisabled}\">\r\n {{label}}\r\n </label>\r\n <label *ngIf=\"(getSize(sizeType.small) == size && (label != undefined && label.length > 0));\" for=\"toggle\"\r\n class=\"flex align-items-center\"\r\n [ngClass]=\"{'w-toggle-label-small': !isDisabled,\r\n 'w-toggle-label-small-disabled': isDisabled}\">\r\n {{label}}\r\n </label>\r\n\r\n <p-inputSwitch id=\"toggle\"\r\n [ngClass]=\"{'w-toggle': getSize(sizeType.medium) == size,\r\n 'w-toggle-small': getSize(sizeType.small) == size}\"\r\n class=\"flex align-items-center\"\r\n [formControl]=\"formControl\">\r\n </p-inputSwitch>\r\n</div>\r\n\r\n<ng-template #noNgControl>\r\n <div class=\"flex align-content-center\" \r\n [ngClass]=\"{'w-toggle-field': getSize(sizeType.medium) == size,\r\n 'w-toggle-field-small': getSize(sizeType.small) == size,\r\n 'w-toggle-heigth': hasAlign && getSize(sizeType.medium) == size,\r\n 'w-toggle-heigth-small': hasAlign && getSize(sizeType.small) == size }\">\r\n <label *ngIf=\"(getSize(sizeType.medium) == size && (label != undefined && label.length > 0));\" for=\"toggle\"\r\n class=\"flex align-items-center\"\r\n [ngClass]=\"{'w-toggle-label': !isDisabled,\r\n 'w-toggle-label-disabled': isDisabled}\">\r\n {{label}}\r\n </label>\r\n <label *ngIf=\"(getSize(sizeType.small) == size && (label != undefined && label.length > 0));\" for=\"toggle\"\r\n class=\"flex align-items-center\"\r\n [ngClass]=\"{'w-toggle-label-small': !isDisabled,\r\n 'w-toggle-label-small-disabled': isDisabled}\">\r\n {{label}}\r\n </label>\r\n \r\n <p-inputSwitch id=\"toggle\"\r\n [ngClass]=\"{'w-toggle': getSize(sizeType.medium) == size,\r\n 'w-toggle-small': getSize(sizeType.small) == size}\"\r\n class=\"flex align-items-center\"\r\n (ngModelChange)=\"onInput($event)\"\r\n [(ngModel)]=\"value\">\r\n </p-inputSwitch>\r\n </div>\r\n</ng-template>", styles: [".heading1{font-size:2.6666666667rem;line-height:3rem;font-weight:700}.heading2{font-size:2.3333333333rem;line-height:2.6666666667rem;font-weight:700}.heading3{font-size:2rem;line-height:2.3333333333rem;font-weight:700}.heading4{font-size:1.6666666667rem;line-height:2rem;font-weight:400}.heading5{font-size:1.5rem;line-height:1.8333333333rem;font-weight:600}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:400}.subtitle1,.w-tab-text,.w-panel-title-text,.w-sidebar-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:600}.subtitle2,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-toggle-label-small,.w-toggle-label,.w-input-small-label-disabled,.w-view-small-label-text-typography,.w-view-small-label-text,.w-button-small-text-label-text-typography,.w-button-small-text-label-text{font-size:1rem;line-height:1.3333333333rem;font-weight:600}.body,.w-chip-text,.w-panel-content,.w-input-small-select-options-text,.w-input-small-placeholder-text-typography,.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text,.w-view-small-value-text-typography,.w-view-small-value-text,.w-button-small-label-text-typography,.w-button-small-tertiary-label-text,.input-generic-placeholder-small,.input-generic-small{font-size:1rem;line-height:1.3333333333rem;font-weight:400}.caption{font-size:.6666666667rem;line-height:1rem;font-weight:400}.select-option-text{font-size:16;line-height:24px;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.text846{color:#2e3134}.text700{color:#5f6368}.text500{color:#9aa0a6}.textWhite{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b2eb}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#9aa0a6!important;opacity:unset!important}.input-generic-placeholder-small{padding:8px 12px 12px;color:#9aa0a6!important}.input-generic-valid{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:1px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}.w-button-small-tertiary-label-text,.w-button-small-text-label-text{color:#2e3134}.w-button-medium-label-text-typography,.w-button-medium-tertiary-label-text{font-size:16px;font-weight:400;line-height:16px}.w-button-medium-tertiary-label-text{color:#2e3134}.w-button-large-label-text-typography,.w-button-large-tertiary-label-text{font-size:20px;font-weight:400;line-height:24px}.w-button-large-tertiary-label-text{color:#2e3134}.w-button-x-small-label-text{font-size:10px;font-weight:600;line-height:10px}.w-button-small-only-label-text{font-size:12px;font-weight:600;line-height:16px}.w-button-small-icon-text{font-size:12px}.w-button-medium-icon-text{font-size:16px}.w-button-large-icon-text{font-size:24px}.w-control-button-small-label-text{font-size:12px;font-weight:600;line-height:16px}.w-control-button-x-small-icon-text{font-size:10px;font-weight:700}.w-control-button-small-icon-text{font-size:8px;font-weight:700}.w-control-button-medium-label-text{font-size:14px;font-weight:600;line-height:16px}.w-control-button-medium-icon-text{font-size:12px;font-weight:700}.w-view-small-label-text,.w-view-small-value-text,.w-input-small-label-text,.w-toggle-label-small,.w-toggle-label,.w-input-small-label-disabled{color:#2e3134}.w-input-small-label-disabled{color:#9aa0a6}.w-input-small-placeholder-text,.w-input-small-placeholder-text-only-color{color:#2e3134}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6368}.w-input-small-text-icon,.w-input-small-select-options-text{color:#2e3134}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-input-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-input-medium-label-disabled{color:#2e3134}.w-input-medium-label-disabled{color:#9aa0a6}.w-input-medium-placeholder-text-typography,.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text{font-size:16px;font-weight:400;line-height:24px}.w-input-medium-placeholder-text,.w-input-medium-placeholder-text-only-color{color:#2e3134}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6368}.w-input-medium-text-icon{color:#2e3134}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#2e3134}.w-sidebar-title-text,.w-panel-title-text,.w-panel-subtitle-text{color:#2e3134}.w-panel-content{color:#5f6368}.w-tab-text,.w-chip-text{color:#2e3134}::ng-deep .w-toggle .p-inputswitch{height:24px;width:44px;margin-left:12px}.w-toggle-label{padding-left:8px}.w-toggle-field{height:24px}.w-toggle-heigth{height:76px;justify-content:start;align-content:center;align-items:center;display:grid}.w-toggle-heigth-small{height:32px;justify-content:center;align-content:center;align-items:center;display:grid}::ng-deep .w-toggle .p-inputswitch{height:24x;width:44px;margin-left:8px}::ng-deep .w-toggle .p-inputswitch .p-inputswitch-slider:before{width:20px;height:20px;margin-top:-10px;left:3px}::ng-deep .w-toggle .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before{transform:translate(18px)}::ng-deep .w-toggle-small .p-inputswitch{height:16px;width:28px;margin-left:8px}::ng-deep .w-toggle-small .p-inputswitch .p-inputswitch-slider:before{width:12px;height:12px;margin-top:-6px}::ng-deep .w-toggle-small .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before{transform:translate(10px)}::ng-deep .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider{background:#00b2eb}.w-toggle-field-small{height:16px}\n"] }]
|
|
67
|
+
], template: "\r\n<div *ngIf=\"formControl; else noNgControl\" class=\"flex align-content-center\" \r\n [ngClass]=\"{'w-edit-toggle-medium-field': getSize(sizeType.medium) == size,\r\n 'w-edit-toggle-small-field': getSize(sizeType.small) == size,\r\n 'w-edit-toggle-medium-heigth': hasAlign && getSize(sizeType.medium) == size,\r\n 'w-edit-toggle-small-heigth': hasAlign && getSize(sizeType.small) == size}\">\r\n <label *ngIf=\"(getSize(sizeType.medium) == size && (label != undefined && label.length > 0));\" for=\"toggle\"\r\n class=\"flex align-items-center\"\r\n [ngClass]=\"{'w-edit-toggle-medium-label': !isDisabled,\r\n 'w-edit-toggle-medium-label-disabled': isDisabled}\">\r\n {{label}}\r\n </label>\r\n <label *ngIf=\"(getSize(sizeType.small) == size && (label != undefined && label.length > 0));\" for=\"toggle\"\r\n class=\"flex align-items-center\"\r\n [ngClass]=\"{'w-edit-toggle-small-label': !isDisabled,\r\n 'w-edit-toggle-small-label-disabled': isDisabled}\">\r\n {{label}}\r\n </label>\r\n\r\n <p-inputSwitch id=\"toggle\"\r\n [ngClass]=\"{'w-edit-toggle-medium': getSize(sizeType.medium) == size,\r\n 'w-edit-toggle-small': getSize(sizeType.small) == size}\"\r\n class=\"flex align-items-center\"\r\n [formControl]=\"formControl\">\r\n </p-inputSwitch>\r\n</div>\r\n\r\n<ng-template #noNgControl>\r\n <div class=\"flex align-content-center\" \r\n [ngClass]=\"{'w-edit-toggle-medium-field': getSize(sizeType.medium) == size,\r\n 'w-edit-toggle-small-field': getSize(sizeType.small) == size,\r\n 'w-edit-toggle-medium-heigth': hasAlign && getSize(sizeType.medium) == size,\r\n 'w-edit-toggle-small-heigth': hasAlign && getSize(sizeType.small) == size }\">\r\n <label *ngIf=\"(getSize(sizeType.medium) == size && (label != undefined && label.length > 0));\" for=\"toggle\"\r\n class=\"flex align-items-center\"\r\n [ngClass]=\"{'w-edit-toggle-medium-label': !isDisabled,\r\n 'w-edit-toggle-medium-label-disabled': isDisabled}\">\r\n {{label}}\r\n </label>\r\n <label *ngIf=\"(getSize(sizeType.small) == size && (label != undefined && label.length > 0));\" for=\"toggle\"\r\n class=\"flex align-items-center\"\r\n [ngClass]=\"{'w-edit-toggle-small-label': !isDisabled,\r\n 'w-edit-toggle-small-label-disabled': isDisabled}\">\r\n {{label}}\r\n </label>\r\n \r\n <p-inputSwitch id=\"toggle\"\r\n [ngClass]=\"{'w-edit-toggle-medium': getSize(sizeType.medium) == size,\r\n 'w-edit-toggle-small': getSize(sizeType.small) == size}\"\r\n class=\"flex align-items-center\"\r\n (ngModelChange)=\"onInput($event)\"\r\n [(ngModel)]=\"value\">\r\n </p-inputSwitch>\r\n </div>\r\n</ng-template>", styles: [".heading1{font-size:2.6666666667rem;line-height:3rem;font-weight:700}.heading2{font-size:2.3333333333rem;line-height:2.6666666667rem;font-weight:700}.heading3{font-size:2rem;line-height:2.3333333333rem;font-weight:700}.heading4{font-size:1.6666666667rem;line-height:2rem;font-weight:400}.heading5{font-size:1.5rem;line-height:1.8333333333rem;font-weight:600}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:400}.subtitle1,.w-tab-text,.w-panel-title-text,.w-sidebar-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:600}.subtitle2,.w-table-th-text,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-edit-toggle-medium-label,.w-edit-toggle-small-label,.w-input-small-label-disabled,.w-view-small-label-text-typography,.w-view-small-label-text,.w-button-small-text-label-text-typography,.w-button-small-text-label-text{font-size:1rem;line-height:1.3333333333rem;font-weight:600}.body,.w-table-td-text,.w-chip-text,.w-panel-content,.w-input-small-select-options-text,.w-input-small-placeholder-text-typography,.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text,.w-view-small-value-text-typography,.w-view-small-value-text,.w-button-small-label-text-typography,.w-button-small-tertiary-label-text{font-size:1rem;line-height:1.3333333333rem;font-weight:400}.caption,.w-input-error-alert-text,.w-input-warning-alert-text,.w-input-success-alert-text{font-size:.6666666667rem;line-height:1rem;font-weight:400}.text846{color:#2e3134}.text700{color:#5f6368}.text500{color:#9aa0a6}.textWhite{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b2eb}.input-generic-valid{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:1px solid #FFBDBD}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-button-small-tertiary-label-text,.w-button-small-text-label-text{color:#2e3134}.w-button-small-icon-text{font-size:12px}.w-control-button-small-label-text{font-size:12px;font-weight:600;line-height:16px}.w-control-button-x-small-icon-text{font-size:10px;font-weight:700}.w-control-button-small-icon-text{font-size:8px;font-weight:700}.w-button-medium-label-text-typography,.w-button-medium-tertiary-label-text{font-size:16px;font-weight:400;line-height:16px}.w-button-medium-tertiary-label-text{color:#2e3134}.w-button-medium-icon-text{font-size:16px}.w-control-button-medium-label-text{font-size:14px;font-weight:600;line-height:16px}.w-control-button-medium-icon-text{font-size:12px;font-weight:700}.w-button-large-label-text-typography,.w-button-large-tertiary-label-text{font-size:20px;font-weight:400;line-height:24px}.w-button-large-tertiary-label-text{color:#2e3134}.w-button-x-small-label-text{font-size:10px;font-weight:600;line-height:10px}.w-button-small-only-label-text{font-size:12px;font-weight:600;line-height:16px}.w-button-large-icon-text{font-size:24px}.w-view-small-label-text,.w-view-small-value-text{color:#2e3134}.w-input-no-label-height{height:36px}.w-input-disabled{background-color:#f1f3f4;border-color:#e8eaed;opacity:1}.w-input-small-label-text,.w-edit-toggle-medium-label,.w-edit-toggle-small-label,.w-input-small-label-disabled{color:#2e3134}.w-input-small-label-disabled{color:#9aa0a6}.w-input-small-label-text-content{padding:12px 8px 8px 0;margin:0}.w-input-small-placeholder-text,.w-input-small-placeholder-text-only-color{color:#2e3134}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6368}.w-input-small-text-icon,.w-input-small-select-options-text{color:#2e3134}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-input-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-input-medium-label-disabled{color:#2e3134}.w-input-medium-label-disabled{color:#9aa0a6}.w-input-medium-placeholder-text-typography,.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text{font-size:16px;font-weight:400;line-height:24px}.w-input-medium-placeholder-text,.w-input-medium-placeholder-text-only-color{color:#2e3134}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6368}.w-input-medium-text-icon{color:#2e3134}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#2e3134}.w-input-success-alert-text{color:#00db5d;padding:8px 8px 0;margin-top:0}.w-input-warning-alert-text{color:#eeae00;padding:8px 8px 0;margin-top:0}.w-input-error-alert-text{color:#e50000;padding:8px 8px 0;margin-top:0}.w-input-alert-message-height{height:32px}.w-sidebar-title-text,.w-panel-title-text,.w-panel-subtitle-text{color:#2e3134}.w-panel-content{color:#5f6368}.w-tab-text,.w-chip-text{color:#2e3134}.w-badge-text{font-size:8px;font-weight:700;line-height:8px}.w-table-th-text{color:#2e3134}.w-table-td-text{color:#5f6368}::ng-deep .w-edit-toggle-small .p-inputswitch{height:16px;width:28px;margin-left:8px}::ng-deep .w-edit-toggle-small .p-inputswitch .p-inputswitch-slider:before{width:12px;height:12px;margin-top:-6px}::ng-deep .w-edit-toggle-small .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before{transform:translate(10px)}::ng-deep .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider{background:#00b2eb}.w-edit-toggle-small-field{height:16px}.w-edit-toggle-small-heigth{height:32px;justify-content:center;align-content:center;align-items:center;display:grid}::ng-deep .w-edit-toggle-medium .p-inputswitch{height:24px;width:44px;margin-left:12px}.w-edit-toggle-medium-field{height:24px}.w-edit-toggle-medium-heigth{height:76px;justify-content:start;align-content:center;align-items:center;display:grid}::ng-deep .w-edit-toggle-medium .p-inputswitch{height:24x;width:44px;margin-left:8px}::ng-deep .w-edit-toggle-medium .p-inputswitch .p-inputswitch-slider:before{width:20px;height:20px;margin-top:-10px;left:3px}::ng-deep .w-edit-toggle-medium .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before{transform:translate(18px)}\n"] }]
|
|
68
68
|
}], propDecorators: { label: [{
|
|
69
69
|
type: Input,
|
|
70
70
|
args: ['label']
|
|
@@ -90,4 +90,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
|
|
|
90
90
|
type: Output,
|
|
91
91
|
args: ['toggleState']
|
|
92
92
|
}] } });
|
|
93
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
93
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidy1lZGl0LXRvZ2dsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy93YXBwLWNvbXBvbmVudHMvc3JjL2xpYi9lZGl0L3ctZWRpdC10b2dnbGUvdy1lZGl0LXRvZ2dsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy93YXBwLWNvbXBvbmVudHMvc3JjL2xpYi9lZGl0L3ctZWRpdC10b2dnbGUvdy1lZGl0LXRvZ2dsZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNuRixPQUFPLEVBQWUsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNoRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0seUJBQXlCLENBQUM7Ozs7O0FBY25ELE1BQU0sT0FBTyxvQkFBb0I7SUFaakM7UUFha0IsVUFBSyxHQUFXLEVBQUUsQ0FBQztRQUNULG9CQUFlLEdBQVcsRUFBRSxDQUFDO1FBQ3BDLGVBQVUsR0FBWSxLQUFLLENBQUM7UUFDMUIsZUFBVSxHQUFZLEtBQUssQ0FBQztRQUNsQyxTQUFJLEdBQVcsUUFBUSxDQUFDO1FBQ3BCLGFBQVEsR0FBWSxJQUFJLENBQUM7UUFLNUMsZ0JBQVcsR0FBMEIsSUFBSSxZQUFZLEVBQVcsQ0FBQztRQUVqRSxVQUFLLEdBQVksS0FBSyxDQUFDO1FBQ3ZCLGNBQVMsR0FBYSxLQUFLLENBQUM7UUFFNUIsYUFBUSxHQUFHLENBQUMsQ0FBSyxFQUFFLEVBQUUsR0FBRyxDQUFDLENBQUE7UUFDekIsWUFBTyxHQUFHLEdBQUcsRUFBRSxHQUFHLENBQUMsQ0FBQTtLQXFDcEI7SUFuQ0MsVUFBVSxDQUFDLEtBQVU7UUFDbkIsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7SUFDckIsQ0FBQztJQUVELGdCQUFnQixDQUFDLEVBQU87UUFDdEIsSUFBSSxDQUFDLFFBQVEsR0FBRyxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVELGlCQUFpQixDQUFDLEVBQU87UUFDdkIsSUFBSSxDQUFDLE9BQU8sR0FBRyxFQUFFLENBQUM7SUFDcEIsQ0FBQztJQUVELGdCQUFnQixDQUFDLFVBQW1CO1FBQ2xDLElBQUksQ0FBQyxVQUFVLEdBQUcsVUFBVSxDQUFDO0lBQy9CLENBQUM7SUFFRCxPQUFPLENBQUMsR0FBUTtRQUNkLElBQUksQ0FBQyxLQUFLLEdBQUcsR0FBRyxDQUFDO1FBQ2pCLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNsQyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7UUFDZixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUM1QixDQUFDO0lBRUQsY0FBYztRQUNaLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzFCLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQztJQUNqQixDQUFDO0lBRUQsT0FBTyxDQUFDLEtBQWE7UUFDbkIsT0FBTyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDekIsQ0FBQztJQUVELElBQUksUUFBUTtRQUNWLE9BQU8sUUFBUSxDQUFDO0lBQ2xCLENBQUM7O2lIQXJEVSxvQkFBb0I7cUdBQXBCLG9CQUFvQixtUkFScEI7UUFDVDtZQUNFLE9BQU8sRUFBRSxpQkFBaUI7WUFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxvQkFBb0IsQ0FBQztZQUNuRCxLQUFLLEVBQUUsSUFBSTtTQUNaO0tBQ0YsMEJDZEgsaXJHQXNEYzsyRkR0Q0Qsb0JBQW9CO2tCQVpoQyxTQUFTOytCQUNFLGVBQWUsYUFHZDt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxxQkFBcUIsQ0FBQzs0QkFDbkQsS0FBSyxFQUFFLElBQUk7eUJBQ1o7cUJBQ0Y7OEJBR2UsS0FBSztzQkFBcEIsS0FBSzt1QkFBQyxPQUFPO2dCQUNZLGVBQWU7c0JBQXhDLEtBQUs7dUJBQUMsaUJBQWlCO2dCQUNMLFVBQVU7c0JBQTVCLEtBQUs7dUJBQUMsVUFBVTtnQkFDSSxVQUFVO3NCQUE5QixLQUFLO3VCQUFDLFlBQVk7Z0JBQ0osSUFBSTtzQkFBbEIsS0FBSzt1QkFBQyxNQUFNO2dCQUNNLFFBQVE7c0JBQTFCLEtBQUs7dUJBQUMsVUFBVTtnQkFFSyxXQUFXO3NCQUFoQyxLQUFLO3VCQUFDLGFBQWE7Z0JBR3BCLFdBQVc7c0JBRFYsTUFBTTt1QkFBQyxhQUFhIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQsIGZvcndhcmRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRm9ybUNvbnRyb2wsIE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5pbXBvcnQgeyBTaXplVHlwZSB9IGZyb20gJy4uLy4uL3NoYXJlZC9lbnVtcy9lbnVtJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAndy1lZGl0LXRvZ2dsZScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3ctZWRpdC10b2dnbGUuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3ctZWRpdC10b2dnbGUuY29tcG9uZW50LnNjc3MnXSxcclxuICBwcm92aWRlcnM6IFtcclxuICAgIHtcclxuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXHJcbiAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IFdFZGl0VG9nZ2xlQ29tcG9uZW50KSxcclxuICAgICAgbXVsdGk6IHRydWVcclxuICAgIH1cclxuICBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBXRWRpdFRvZ2dsZUNvbXBvbmVudCB7XHJcbiAgQElucHV0KCdsYWJlbCcpIGxhYmVsOiBzdHJpbmcgPSAnJztcclxuICBASW5wdXQoJ2hlbHBEZXNjcmlwdGlvbicpIGhlbHBEZXNjcmlwdGlvbjogc3RyaW5nID0gJyc7XHJcbiAgQElucHV0KCdkaXNhYmxlZCcpIGlzRGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBASW5wdXQoJ2lzUmVxdWlyZWQnKSBpc1JlcXVpcmVkOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCdzaXplJykgc2l6ZTogc3RyaW5nID0gJ21lZGl1bSc7XHJcbiAgQElucHV0KCdoYXNBbGlnbicpIGhhc0FsaWduOiBib29sZWFuID0gdHJ1ZTtcclxuXHJcbiAgQElucHV0KCdmb3JtQ29udHJvbCcpIGZvcm1Db250cm9sITogRm9ybUNvbnRyb2wgfCBudWxsO1xyXG5cclxuICBAT3V0cHV0KCd0b2dnbGVTdGF0ZScpXHJcbiAgdG9nZ2xlU3RhdGU6IEV2ZW50RW1pdHRlcjxib29sZWFuPiA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcclxuXHJcbiAgdmFsdWU6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBpc1RvdWNoZWQgOiBib29sZWFuID0gZmFsc2U7XHJcbiAgXHJcbiAgb25DaGFuZ2UgPSAoXzphbnkpID0+IHsgfVxyXG4gIG9uVG91Y2ggPSAoKSA9PiB7IH1cclxuXHJcbiAgd3JpdGVWYWx1ZSh2YWx1ZTogYW55KTogdm9pZCB7XHJcbiAgICB0aGlzLnZhbHVlID0gdmFsdWU7XHJcbiAgfVxyXG5cclxuICByZWdpc3Rlck9uQ2hhbmdlKGZuOiBhbnkpOiB2b2lkIHtcclxuICAgIHRoaXMub25DaGFuZ2UgPSBmbjtcclxuICB9XHJcblxyXG4gIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiBhbnkpOiB2b2lkIHtcclxuICAgIHRoaXMub25Ub3VjaCA9IGZuO1xyXG4gIH1cclxuXHJcbiAgc2V0RGlzYWJsZWRTdGF0ZShpc0Rpc2FibGVkOiBib29sZWFuKTogdm9pZCB7XHJcbiAgICB0aGlzLmlzRGlzYWJsZWQgPSBpc0Rpc2FibGVkO1xyXG4gIH1cclxuICBcclxuICBvbklucHV0KG9iajogYW55KXtcclxuICAgIHRoaXMudmFsdWUgPSBvYmo7XHJcbiAgICB0aGlzLnRvZ2dsZVN0YXRlLmVtaXQodGhpcy52YWx1ZSk7XHJcbiAgICB0aGlzLm9uVG91Y2goKTtcclxuICAgIHRoaXMub25DaGFuZ2UodGhpcy52YWx1ZSk7XHJcbiAgfVxyXG5cclxuICBvblZhbHVlQ2hhbmdlZCgpIHtcclxuICAgIHRoaXMub25DaGFuZ2UodGhpcy52YWx1ZSk7XHJcbiAgICB0aGlzLm9uVG91Y2goKTtcclxuICB9XHJcblxyXG4gIGdldFNpemUodmFsdWU6IG51bWJlcik6IHN0cmluZyB7XHJcbiAgICByZXR1cm4gU2l6ZVR5cGVbdmFsdWVdO1xyXG4gIH1cclxuXHJcbiAgZ2V0IHNpemVUeXBlKCk6IHR5cGVvZiBTaXplVHlwZSB7XHJcbiAgICByZXR1cm4gU2l6ZVR5cGU7XHJcbiAgfVxyXG59XHJcbiIsIlxyXG48ZGl2ICpuZ0lmPVwiZm9ybUNvbnRyb2w7IGVsc2Ugbm9OZ0NvbnRyb2xcIiBjbGFzcz1cImZsZXggYWxpZ24tY29udGVudC1jZW50ZXJcIiBcclxuICAgIFtuZ0NsYXNzXT1cInsndy1lZGl0LXRvZ2dsZS1tZWRpdW0tZmllbGQnOiBnZXRTaXplKHNpemVUeXBlLm1lZGl1bSkgPT0gc2l6ZSxcclxuICAgICAgICAgICAgICAgICd3LWVkaXQtdG9nZ2xlLXNtYWxsLWZpZWxkJzogZ2V0U2l6ZShzaXplVHlwZS5zbWFsbCkgPT0gc2l6ZSxcclxuICAgICAgICAgICAgICAgICd3LWVkaXQtdG9nZ2xlLW1lZGl1bS1oZWlndGgnOiBoYXNBbGlnbiAmJiAgZ2V0U2l6ZShzaXplVHlwZS5tZWRpdW0pID09IHNpemUsXHJcbiAgICAgICAgICAgICAgICAndy1lZGl0LXRvZ2dsZS1zbWFsbC1oZWlndGgnOiBoYXNBbGlnbiAmJiBnZXRTaXplKHNpemVUeXBlLnNtYWxsKSA9PSBzaXplfVwiPlxyXG4gICAgPGxhYmVsICpuZ0lmPVwiKGdldFNpemUoc2l6ZVR5cGUubWVkaXVtKSA9PSBzaXplICYmIChsYWJlbCAhPSB1bmRlZmluZWQgJiYgbGFiZWwubGVuZ3RoID4gMCkpO1wiIGZvcj1cInRvZ2dsZVwiXHJcbiAgICAgICAgICAgIGNsYXNzPVwiZmxleCBhbGlnbi1pdGVtcy1jZW50ZXJcIlxyXG4gICAgICAgICAgICBbbmdDbGFzc109XCJ7J3ctZWRpdC10b2dnbGUtbWVkaXVtLWxhYmVsJzogIWlzRGlzYWJsZWQsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICd3LWVkaXQtdG9nZ2xlLW1lZGl1bS1sYWJlbC1kaXNhYmxlZCc6IGlzRGlzYWJsZWR9XCI+XHJcbiAgICAgICAgICAgIHt7bGFiZWx9fVxyXG4gICAgPC9sYWJlbD5cclxuICAgIDxsYWJlbCAqbmdJZj1cIihnZXRTaXplKHNpemVUeXBlLnNtYWxsKSA9PSBzaXplICYmIChsYWJlbCAhPSB1bmRlZmluZWQgJiYgbGFiZWwubGVuZ3RoID4gMCkpO1wiIGZvcj1cInRvZ2dsZVwiXHJcbiAgICAgICAgICAgIGNsYXNzPVwiZmxleCBhbGlnbi1pdGVtcy1jZW50ZXJcIlxyXG4gICAgICAgICAgICBbbmdDbGFzc109XCJ7J3ctZWRpdC10b2dnbGUtc21hbGwtbGFiZWwnOiAhaXNEaXNhYmxlZCxcclxuICAgICAgICAgICAgICAgICAgICAgICAgJ3ctZWRpdC10b2dnbGUtc21hbGwtbGFiZWwtZGlzYWJsZWQnOiBpc0Rpc2FibGVkfVwiPlxyXG4gICAgICAgICAgICB7e2xhYmVsfX1cclxuICAgIDwvbGFiZWw+XHJcblxyXG4gICAgPHAtaW5wdXRTd2l0Y2ggaWQ9XCJ0b2dnbGVcIlxyXG4gICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwieyd3LWVkaXQtdG9nZ2xlLW1lZGl1bSc6IGdldFNpemUoc2l6ZVR5cGUubWVkaXVtKSA9PSBzaXplLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgJ3ctZWRpdC10b2dnbGUtc21hbGwnOiBnZXRTaXplKHNpemVUeXBlLnNtYWxsKSA9PSBzaXplfVwiXHJcbiAgICAgICAgICAgICAgICBjbGFzcz1cImZsZXggYWxpZ24taXRlbXMtY2VudGVyXCJcclxuICAgICAgICAgICAgICAgIFtmb3JtQ29udHJvbF09XCJmb3JtQ29udHJvbFwiPlxyXG4gICAgPC9wLWlucHV0U3dpdGNoPlxyXG48L2Rpdj5cclxuXHJcbjxuZy10ZW1wbGF0ZSAjbm9OZ0NvbnRyb2w+XHJcbiAgICA8ZGl2IGNsYXNzPVwiZmxleCBhbGlnbi1jb250ZW50LWNlbnRlclwiIFxyXG4gICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwieyd3LWVkaXQtdG9nZ2xlLW1lZGl1bS1maWVsZCc6IGdldFNpemUoc2l6ZVR5cGUubWVkaXVtKSA9PSBzaXplLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgJ3ctZWRpdC10b2dnbGUtc21hbGwtZmllbGQnOiBnZXRTaXplKHNpemVUeXBlLnNtYWxsKSA9PSBzaXplLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgJ3ctZWRpdC10b2dnbGUtbWVkaXVtLWhlaWd0aCc6IGhhc0FsaWduICYmICBnZXRTaXplKHNpemVUeXBlLm1lZGl1bSkgPT0gc2l6ZSxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICd3LWVkaXQtdG9nZ2xlLXNtYWxsLWhlaWd0aCc6IGhhc0FsaWduICYmIGdldFNpemUoc2l6ZVR5cGUuc21hbGwpID09IHNpemUgfVwiPlxyXG4gICAgICAgIDxsYWJlbCAqbmdJZj1cIihnZXRTaXplKHNpemVUeXBlLm1lZGl1bSkgPT0gc2l6ZSAmJiAobGFiZWwgIT0gdW5kZWZpbmVkICYmIGxhYmVsLmxlbmd0aCA+IDApKTtcIiBmb3I9XCJ0b2dnbGVcIlxyXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJmbGV4IGFsaWduLWl0ZW1zLWNlbnRlclwiXHJcbiAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJ7J3ctZWRpdC10b2dnbGUtbWVkaXVtLWxhYmVsJzogIWlzRGlzYWJsZWQsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAndy1lZGl0LXRvZ2dsZS1tZWRpdW0tbGFiZWwtZGlzYWJsZWQnOiBpc0Rpc2FibGVkfVwiPlxyXG4gICAgICAgICAgICB7e2xhYmVsfX1cclxuICAgICAgICA8L2xhYmVsPlxyXG4gICAgICAgIDxsYWJlbCAqbmdJZj1cIihnZXRTaXplKHNpemVUeXBlLnNtYWxsKSA9PSBzaXplICYmIChsYWJlbCAhPSB1bmRlZmluZWQgJiYgbGFiZWwubGVuZ3RoID4gMCkpO1wiIGZvcj1cInRvZ2dsZVwiXHJcbiAgICAgICAgICAgICAgICBjbGFzcz1cImZsZXggYWxpZ24taXRlbXMtY2VudGVyXCJcclxuICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cInsndy1lZGl0LXRvZ2dsZS1zbWFsbC1sYWJlbCc6ICFpc0Rpc2FibGVkLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgJ3ctZWRpdC10b2dnbGUtc21hbGwtbGFiZWwtZGlzYWJsZWQnOiBpc0Rpc2FibGVkfVwiPlxyXG4gICAgICAgICAgICB7e2xhYmVsfX1cclxuICAgICAgICA8L2xhYmVsPlxyXG4gICAgXHJcbiAgICAgICAgPHAtaW5wdXRTd2l0Y2ggIGlkPVwidG9nZ2xlXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwieyd3LWVkaXQtdG9nZ2xlLW1lZGl1bSc6IGdldFNpemUoc2l6ZVR5cGUubWVkaXVtKSA9PSBzaXplLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAndy1lZGl0LXRvZ2dsZS1zbWFsbCc6IGdldFNpemUoc2l6ZVR5cGUuc21hbGwpID09IHNpemV9XCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJmbGV4IGFsaWduLWl0ZW1zLWNlbnRlclwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIChuZ01vZGVsQ2hhbmdlKT1cIm9uSW5wdXQoJGV2ZW50KVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIFsobmdNb2RlbCldPVwidmFsdWVcIj5cclxuICAgICAgICA8L3AtaW5wdXRTd2l0Y2g+XHJcbiAgICA8L2Rpdj5cclxuPC9uZy10ZW1wbGF0ZT4iXX0=
|
|
@@ -57,7 +57,7 @@ WEditTreeselectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0
|
|
|
57
57
|
useExisting: forwardRef(() => WEditTreeselectComponent),
|
|
58
58
|
multi: true
|
|
59
59
|
}
|
|
60
|
-
], ngImport: i0, template: "<div *ngIf=\"formControl; else noNgControl\" class=\"w-edit-treeselect-field p-fluid field\">\r\n <label *ngIf=\"(label != undefined && label.length > 0)\" \r\n [ngClass]=\"{'w-edit-treeselect-small-label' : getSizeName(sizeType.small) == size && !disabled,\r\n 'w-edit-treeselect-small-label-disabled' : getSizeName(sizeType.small) == size && disabled,\r\n 'w-edit-treeselect-label' : getSizeName(sizeType.medium) == size && !disabled,\r\n 'w-edit-treeselect-label-disabled' : getSizeName(sizeType.medium) == size && disabled}\">\r\n {{label}}\r\n </label>\r\n <div *ngIf=\"(label != undefined && label == '')\" class=\"w-generic-input-no-label-height\"></div>\r\n <p-treeSelect *ngIf=\"getSizeName(sizeType.medium) == size\" class=\"w-edit-treeselect-input\" \r\n [ngClass]=\"{'ng-invalid ng-dirty': formControl.dirty && formControl.hasError('required')}\"\r\n [options]=\"options\" \r\n [placeholder]=\"placeholder\" \r\n [showClear]=\"showClear\" \r\n [filter]=\"true\"\r\n [filterBy]=\"filterBy\" \r\n [required]=\"required\"\r\n [formControl]=\"formControl\" \r\n [appendTo]=\"appendTo\" \r\n (onNodeSelect)=\"onOptionSelectedForm($event)\">\r\n </p-treeSelect>\r\n <p-treeSelect *ngIf=\"getSizeName(sizeType.small) == size\" class=\"w-edit-treeselect-input-small\" \r\n [ngClass]=\"{'ng-invalid ng-dirty': formControl.dirty && formControl.hasError('required')}\"\r\n [options]=\"options\" \r\n [placeholder]=\"placeholder\" \r\n [showClear]=\"showClear\" \r\n [filter]=\"true\"\r\n [filterBy]=\"filterBy\"\r\n [required]=\"required\"\r\n [formControl]=\"formControl\" \r\n [appendTo]=\"appendTo\" \r\n (onNodeSelect)=\"onOptionSelectedForm($event)\">\r\n </p-treeSelect>\r\n <small *ngIf=\"getSizeName(sizeType.medium) == size && formControl.dirty && formControl.hasError('required')\" \r\n class=\"w-error-message-container w-full w-error-message p-error block\">{{errorDescription}}</small> \r\n</div>\r\n<ng-template #noNgControl>\r\n <div class=\"w-edit-treeselect-field p-fluid field\">\r\n <label *ngIf=\"(label != undefined && label.length > 0)\" \r\n [ngClass]=\"{'w-edit-treeselect-small-label' : getSizeName(sizeType.small) == size && !disabled,\r\n 'w-edit-treeselect-small-label-disabled' : getSizeName(sizeType.small) == size && disabled,\r\n 'w-edit-treeselect-label' : getSizeName(sizeType.medium) == size && !disabled,\r\n 'w-edit-treeselect-label-disabled' : getSizeName(sizeType.medium) == size && disabled}\">\r\n {{label}}\r\n </label>\r\n <div *ngIf=\"(label != undefined && label == '')\" class=\"w-generic-input-no-label-height\"></div>\r\n <p-treeSelect *ngIf=\"getSizeName(sizeType.medium) == size\" class=\"w-edit-treeselect-input\" \r\n [options]=\"options\" \r\n [placeholder]=\"placeholder\" \r\n [showClear]=\"showClear\" \r\n [disabled]=\"disabled\"\r\n [filter]=\"true\"\r\n [filterBy]=\"filterBy\" \r\n [(ngModel)]=\"ngModelValue\" \r\n (ngModelChange)=\"onOptionSelected()\" \r\n [appendTo]=\"appendTo\">\r\n </p-treeSelect>\r\n <p-treeSelect *ngIf=\"getSizeName(sizeType.small) == size\" class=\"w-edit-treeselect-input-small\" \r\n [options]=\"options\" \r\n [placeholder]=\"placeholder\" \r\n [showClear]=\"showClear\" \r\n [disabled]=\"disabled\"\r\n [filter]=\"true\"\r\n [filterBy]=\"filterBy\"\r\n [(ngModel)]=\"ngModelValue\" \r\n (ngModelChange)=\"onOptionSelected()\" \r\n [appendTo]=\"appendTo\">\r\n </p-treeSelect>\r\n </div>\r\n</ng-template>\r\n", styles: [".heading1{font-size:2.6666666667rem;line-height:3rem;font-weight:700}.heading2{font-size:2.3333333333rem;line-height:2.6666666667rem;font-weight:700}.heading3{font-size:2rem;line-height:2.3333333333rem;font-weight:700}.heading4{font-size:1.6666666667rem;line-height:2rem;font-weight:400}.heading5{font-size:1.5rem;line-height:1.8333333333rem;font-weight:600}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:400}.subtitle1,.w-tab-text,.w-panel-title-text,.w-sidebar-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:600}.subtitle2,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-edit-treeselect-small-label,.w-input-small-label-disabled,.w-edit-treeselect-small-label-disabled,.w-view-small-label-text-typography,.w-view-small-label-text,.w-button-small-text-label-text-typography,.w-button-small-text-label-text{font-size:1rem;line-height:1.3333333333rem;font-weight:600}.body,.w-chip-text,.w-panel-content,.w-input-small-select-options-text,:host ::ng-deep .w-edit-treeselect-input-small .p-tree .p-tree-container .p-treenode .p-treenode-content,.w-input-small-placeholder-text-typography,.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text,:host ::ng-deep .w-edit-treeselect-input-small .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter,:host ::ng-deep .w-edit-treeselect-input-small .p-treeselect .p-treeselect-label.p-placeholder,:host ::ng-deep .w-edit-treeselect-input-small .p-treeselect .p-treeselect-label,.w-view-small-value-text-typography,.w-view-small-value-text,.w-button-small-label-text-typography,.w-button-small-tertiary-label-text,.input-generic-placeholder-small,.input-generic-small{font-size:1rem;line-height:1.3333333333rem;font-weight:400}.caption,.w-error-message{font-size:.6666666667rem;line-height:1rem;font-weight:400}.select-option-text{font-size:16;line-height:24px;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.text846{color:#2e3134}.text700{color:#5f6368}.text500{color:#9aa0a6}.textWhite{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus,:host ::ng-deep .w-edit-treeselect-input-small .p-treeselect:not(.p-disabled).p-focus,:host ::ng-deep .w-edit-treeselect-input .p-treeselect:not(.p-disabled).p-focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b2eb}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#9aa0a6!important;opacity:unset!important}.input-generic-placeholder-small{padding:8px 12px 12px;color:#9aa0a6!important}.input-generic-valid{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:1px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}.w-button-small-tertiary-label-text,.w-button-small-text-label-text{color:#2e3134}.w-button-medium-label-text-typography,.w-button-medium-tertiary-label-text{font-size:16px;font-weight:400;line-height:16px}.w-button-medium-tertiary-label-text{color:#2e3134}.w-button-large-label-text-typography,.w-button-large-tertiary-label-text{font-size:20px;font-weight:400;line-height:24px}.w-button-large-tertiary-label-text{color:#2e3134}.w-button-x-small-label-text{font-size:10px;font-weight:600;line-height:10px}.w-button-small-only-label-text{font-size:12px;font-weight:600;line-height:16px}.w-button-small-icon-text{font-size:12px}.w-button-medium-icon-text{font-size:16px}.w-button-large-icon-text{font-size:24px}.w-control-button-small-label-text{font-size:12px;font-weight:600;line-height:16px}.w-control-button-x-small-icon-text{font-size:10px;font-weight:700}.w-control-button-small-icon-text{font-size:8px;font-weight:700}.w-control-button-medium-label-text{font-size:14px;font-weight:600;line-height:16px}.w-control-button-medium-icon-text{font-size:12px;font-weight:700}.w-view-small-label-text,.w-view-small-value-text,.w-input-small-label-text,.w-edit-treeselect-small-label,.w-input-small-label-disabled,.w-edit-treeselect-small-label-disabled{color:#2e3134}.w-input-small-label-disabled,.w-edit-treeselect-small-label-disabled{color:#9aa0a6}.w-input-small-placeholder-text,:host ::ng-deep .w-edit-treeselect-input-small .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter,:host ::ng-deep .w-edit-treeselect-input-small .p-treeselect .p-treeselect-label.p-placeholder,:host ::ng-deep .w-edit-treeselect-input-small .p-treeselect .p-treeselect-label{color:#2e3134}.w-input-small-placeholder-text-only-color{color:#2e3134}.w-input-small-placeholder-text-disabled{color:#5f6368}.w-input-small-placeholder-text-disabled-only-color,:host ::ng-deep .w-edit-treeselect-input-small .p-disabled .p-treeselect-label.p-placeholder{color:#5f6368}.w-input-small-text-icon{color:#2e3134}.w-input-small-select-options-text,:host ::ng-deep .w-edit-treeselect-input-small .p-tree .p-tree-container .p-treenode .p-treenode-content{color:#2e3134}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-edit-treeselect-label,.w-input-medium-label-disabled,.w-edit-treeselect-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-edit-treeselect-label,.w-input-medium-label-disabled,.w-edit-treeselect-label-disabled{color:#2e3134}.w-input-medium-label-disabled,.w-edit-treeselect-label-disabled{color:#9aa0a6}.w-input-medium-placeholder-text-typography,.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text,:host ::ng-deep .w-edit-treeselect-input .p-treeselect .p-treeselect-label.p-placeholder,:host ::ng-deep .w-edit-treeselect-input .p-treeselect .p-treeselect-label{font-size:16px;font-weight:400;line-height:24px}.w-input-medium-placeholder-text,:host ::ng-deep .w-edit-treeselect-input .p-treeselect .p-treeselect-label.p-placeholder,:host ::ng-deep .w-edit-treeselect-input .p-treeselect .p-treeselect-label{color:#2e3134}.w-input-medium-placeholder-text-only-color{color:#2e3134}.w-input-medium-placeholder-text-disabled{color:#5f6368}.w-input-medium-placeholder-text-disabled-only-color,:host ::ng-deep .w-edit-treeselect-input .p-disabled .p-treeselect-label.p-placeholder{color:#5f6368}.w-input-medium-text-icon{color:#2e3134}.w-input-medium-select-options-text,:host ::ng-deep .w-edit-treeselect-input .p-tree .p-tree-container .p-treenode .p-treenode-content{font-size:16px;font-weight:400;line-height:24px;color:#2e3134}.w-sidebar-title-text,.w-panel-title-text,.w-panel-subtitle-text{color:#2e3134}.w-panel-content{color:#5f6368}.w-tab-text,.w-chip-text{color:#2e3134}.w-edit-treeselect-field{margin:0}.w-edit-treeselect-label,.w-edit-treeselect-label-disabled{padding:8px 8px 12px;margin:0}:host ::ng-deep .w-edit-treeselect-input .p-treeselect{border-width:1px;border-radius:8px;border-color:#e8eaed}:host ::ng-deep p-treeselect.w-edit-treeselect-input.p-treeselect-clearable .p-treeselect-label-container{padding-right:0}:host ::ng-deep .w-edit-treeselect-input .p-treeselect:not(.p-disabled):hover{border:1px solid #00b2eb}:host ::ng-deep .w-edit-treeselect-input .p-treeselect:not(.p-disabled).p-focus{border:1px solid #d6f2ff}:host ::ng-deep .w-edit-treeselect-input .p-treeselect .p-treeselect-label{padding:7px 0 7px 15px}:host ::ng-deep .w-edit-treeselect-input .p-treeselect .p-treeselect-label.p-placeholder{padding:7px 0 7px 15px}:host ::ng-depp .w-edit-treeselect-input .p-treeselect-panel{border:1px solid #e8eaed}:host ::ng-deep .w-edit-treeselect-input .p-treeselect-panel .p-treeselect-items-wrapper .p-tree{padding:7px 7px 15px}:host ::ng-deep p-treeselect.w-edit-treeselect-input.ng-invalid.ng-dirty>.p-treeselect{border-color:#ffbdbd}:host ::ng-deep .w-edit-treeselect-input .p-tree .p-tree-container .p-treenode .p-treenode-content{padding:8px 16px}:host ::ng-deep .w-edit-treeselect-input .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler{width:24px;height:24px;margin-right:8px}:host ::ng-deep .w-edit-treeselect-input .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover{background:#d6f2ff;border-radius:8px}:host ::ng-deep .w-edit-treeselect-input .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight{background:#d6f2ff;border-radius:8px;color:#000}:host ::ng-deep .w-edit-treeselect-input .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon{margin-right:8px}:host ::ng-deep .w-edit-treeselect-input .p-disabled{background:#f1f3f4;opacity:1}.w-edit-treeselect-small-label,.w-edit-treeselect-small-label-disabled{padding:8px 8px 12px;margin:0}:host ::ng-deep .w-edit-treeselect-input-small .p-treeselect{border-width:1px;border-radius:8px;border-color:#e8eaed}:host ::ng-deep .w-edit-treeselect-input-small .p-treeselect:not(.p-disabled):hover{border:1px solid #00b2eb}:host ::ng-deep .w-edit-treeselect-input-small .p-treeselect:not(.p-disabled).p-focus{border:1px solid #d6f2ff}:host ::ng-deep .w-edit-treeselect-input-small .p-treeselect .p-treeselect-label{padding:7px 0 7px 12px}:host ::ng-depp .w-edit-treeselect-input-small .p-treeselect-panel{border:1px solid #e8eaed}:host ::ng-deep .w-edit-treeselect-input-small .p-treeselect-panel .p-treeselect-items-wrapper .p-tree{padding:7px}:host ::ng-deep p-treeselect.w-edit-treeselect-input-small.ng-invalid.ng-dirty>.p-treeselect{border-color:#ffbdbd}:host ::ng-deep .w-edit-treeselect-input-small .p-tree .p-tree-container .p-treenode .p-treenode-content{padding:8px}:host ::ng-deep .w-edit-treeselect-input-small .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter{padding:7px 35px 7px 11px;align-self:center}:host ::ng-deep .w-edit-treeselect-input-small .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler{width:16px;height:16px;margin-right:12px}:host ::ng-deep .w-edit-treeselect-input-small .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover{background:#d6f2ff;border-radius:8px}:host ::ng-deep .w-edit-treeselect-input-small .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight{background:#d6f2ff;border-radius:8px;color:#000}:host ::ng-deep .w-edit-treeselect-input-small .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon{margin-right:12px}:host ::ng-deep .w-edit-treeselect-input-small .p-disabled{background:#f1f3f4;opacity:1}.w-error-message-container{height:32px}.w-error-message{color:#e50000;padding:8px;margin-top:0}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { 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: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.TreeSelect, selector: "p-treeSelect", inputs: ["type", "inputId", "scrollHeight", "disabled", "metaKeySelection", "display", "selectionMode", "tabindex", "ariaLabelledBy", "placeholder", "panelClass", "panelStyle", "panelStyleClass", "containerStyle", "containerStyleClass", "labelStyle", "labelStyleClass", "overlayOptions", "emptyMessage", "appendTo", "filter", "filterBy", "filterMode", "filterPlaceholder", "filterLocale", "filterInputAutoFocus", "propagateSelectionDown", "propagateSelectionUp", "showClear", "resetFilterOnHide", "options", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onNodeExpand", "onNodeCollapse", "onShow", "onHide", "onClear", "onFilter", "onNodeUnselect", "onNodeSelect"] }] });
|
|
60
|
+
], ngImport: i0, template: "<div *ngIf=\"formControl; else noNgControl\" class=\"w-edit-treeselect-field p-fluid field\">\r\n <label *ngIf=\"(label != undefined && label.length > 0)\" \r\n [ngClass]=\"{'w-edit-treeselect-small-label' : getSizeName(sizeType.small) == size && !disabled,\r\n 'w-edit-treeselect-small-label-disabled' : getSizeName(sizeType.small) == size && disabled,\r\n 'w-edit-treeselect-medium-label' : getSizeName(sizeType.medium) == size && !disabled,\r\n 'w-edit-treeselect-medium-label-disabled' : getSizeName(sizeType.medium) == size && disabled}\">\r\n {{label}}\r\n </label>\r\n <div *ngIf=\"(label != undefined && label == '')\" class=\"w-input-no-label-height\"></div>\r\n <p-treeSelect *ngIf=\"getSizeName(sizeType.medium) == size\" class=\"w-edit-treeselect-medium\" \r\n [ngClass]=\"{'ng-invalid ng-dirty': formControl.dirty && formControl.hasError('required')}\"\r\n [options]=\"options\" \r\n [placeholder]=\"placeholder\" \r\n [showClear]=\"showClear\" \r\n [filter]=\"true\"\r\n [filterBy]=\"filterBy\" \r\n [required]=\"required\"\r\n [formControl]=\"formControl\" \r\n [appendTo]=\"appendTo\" \r\n (onNodeSelect)=\"onOptionSelectedForm($event)\">\r\n </p-treeSelect>\r\n <p-treeSelect *ngIf=\"getSizeName(sizeType.small) == size\" class=\"w-edit-treeselect-small\" \r\n [ngClass]=\"{'ng-invalid ng-dirty': formControl.dirty && formControl.hasError('required')}\"\r\n [options]=\"options\" \r\n [placeholder]=\"placeholder\" \r\n [showClear]=\"showClear\" \r\n [filter]=\"true\"\r\n [filterBy]=\"filterBy\"\r\n [required]=\"required\"\r\n [formControl]=\"formControl\" \r\n [appendTo]=\"appendTo\" \r\n (onNodeSelect)=\"onOptionSelectedForm($event)\">\r\n </p-treeSelect>\r\n <small *ngIf=\"getSizeName(sizeType.medium) == size && formControl.dirty && formControl.hasError('required')\" \r\n class=\"w-error-message-container w-full w-error-message p-error block\">{{errorDescription}}</small> \r\n</div>\r\n<ng-template #noNgControl>\r\n <div class=\"w-edit-treeselect-field p-fluid field\">\r\n <label *ngIf=\"(label != undefined && label.length > 0)\" \r\n [ngClass]=\"{'w-edit-treeselect-small-label' : getSizeName(sizeType.small) == size && !disabled,\r\n 'w-edit-treeselect-small-label-disabled' : getSizeName(sizeType.small) == size && disabled,\r\n 'w-edit-treeselect-medium-label' : getSizeName(sizeType.medium) == size && !disabled,\r\n 'w-edit-treeselect-medium-label-disabled' : getSizeName(sizeType.medium) == size && disabled}\">\r\n {{label}}\r\n </label>\r\n <div *ngIf=\"(label != undefined && label == '')\" class=\"w-input-no-label-height\"></div>\r\n <p-treeSelect *ngIf=\"getSizeName(sizeType.medium) == size\" class=\"w-edit-treeselect-medium\" \r\n [options]=\"options\" \r\n [placeholder]=\"placeholder\" \r\n [showClear]=\"showClear\" \r\n [disabled]=\"disabled\"\r\n [filter]=\"true\"\r\n [filterBy]=\"filterBy\" \r\n [(ngModel)]=\"ngModelValue\" \r\n (ngModelChange)=\"onOptionSelected()\" \r\n [appendTo]=\"appendTo\">\r\n </p-treeSelect>\r\n <p-treeSelect *ngIf=\"getSizeName(sizeType.small) == size\" class=\"w-edit-treeselect-small\" \r\n [options]=\"options\" \r\n [placeholder]=\"placeholder\" \r\n [showClear]=\"showClear\" \r\n [disabled]=\"disabled\"\r\n [filter]=\"true\"\r\n [filterBy]=\"filterBy\"\r\n [(ngModel)]=\"ngModelValue\" \r\n (ngModelChange)=\"onOptionSelected()\" \r\n [appendTo]=\"appendTo\">\r\n </p-treeSelect>\r\n </div>\r\n</ng-template>\r\n", styles: [".heading1{font-size:2.6666666667rem;line-height:3rem;font-weight:700}.heading2{font-size:2.3333333333rem;line-height:2.6666666667rem;font-weight:700}.heading3{font-size:2rem;line-height:2.3333333333rem;font-weight:700}.heading4{font-size:1.6666666667rem;line-height:2rem;font-weight:400}.heading5{font-size:1.5rem;line-height:1.8333333333rem;font-weight:600}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:400}.subtitle1,.w-tab-text,.w-panel-title-text,.w-sidebar-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:600}.subtitle2,.w-table-th-text,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-edit-treeselect-small-label,.w-input-small-label-disabled,.w-edit-treeselect-small-label-disabled,.w-view-small-label-text-typography,.w-view-small-label-text,.w-button-small-text-label-text-typography,.w-button-small-text-label-text{font-size:1rem;line-height:1.3333333333rem;font-weight:600}.body,.w-table-td-text,.w-chip-text,.w-panel-content,.w-input-small-select-options-text,:host ::ng-deep .w-edit-treeselect-small .p-tree .p-tree-container .p-treenode .p-treenode-content,.w-input-small-placeholder-text-typography,.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text,:host ::ng-deep .w-edit-treeselect-small .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter,:host ::ng-deep .w-edit-treeselect-small .p-treeselect .p-treeselect-label.p-placeholder,:host ::ng-deep .w-edit-treeselect-small .p-treeselect .p-treeselect-label,.w-view-small-value-text-typography,.w-view-small-value-text,.w-button-small-label-text-typography,.w-button-small-tertiary-label-text{font-size:1rem;line-height:1.3333333333rem;font-weight:400}.caption,.w-error-message,.w-input-error-alert-text,.w-input-warning-alert-text,.w-input-success-alert-text{font-size:.6666666667rem;line-height:1rem;font-weight:400}.text846{color:#2e3134}.text700{color:#5f6368}.text500{color:#9aa0a6}.textWhite{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus,:host ::ng-deep .w-edit-treeselect-medium .p-treeselect:not(.p-disabled).p-focus,:host ::ng-deep .w-edit-treeselect-small .p-treeselect:not(.p-disabled).p-focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b2eb}.input-generic-valid{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:1px solid #FFBDBD}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-button-small-tertiary-label-text,.w-button-small-text-label-text{color:#2e3134}.w-button-small-icon-text{font-size:12px}.w-control-button-small-label-text{font-size:12px;font-weight:600;line-height:16px}.w-control-button-x-small-icon-text{font-size:10px;font-weight:700}.w-control-button-small-icon-text{font-size:8px;font-weight:700}.w-button-medium-label-text-typography,.w-button-medium-tertiary-label-text{font-size:16px;font-weight:400;line-height:16px}.w-button-medium-tertiary-label-text{color:#2e3134}.w-button-medium-icon-text{font-size:16px}.w-control-button-medium-label-text{font-size:14px;font-weight:600;line-height:16px}.w-control-button-medium-icon-text{font-size:12px;font-weight:700}.w-button-large-label-text-typography,.w-button-large-tertiary-label-text{font-size:20px;font-weight:400;line-height:24px}.w-button-large-tertiary-label-text{color:#2e3134}.w-button-x-small-label-text{font-size:10px;font-weight:600;line-height:10px}.w-button-small-only-label-text{font-size:12px;font-weight:600;line-height:16px}.w-button-large-icon-text{font-size:24px}.w-view-small-label-text,.w-view-small-value-text{color:#2e3134}.w-input-no-label-height{height:36px}.w-input-disabled,:host ::ng-deep .w-edit-treeselect-medium .p-disabled,:host ::ng-deep .w-edit-treeselect-small .p-disabled{background-color:#f1f3f4;border-color:#e8eaed;opacity:1}.w-input-small-label-text,.w-edit-treeselect-small-label,.w-input-small-label-disabled,.w-edit-treeselect-small-label-disabled{color:#2e3134}.w-input-small-label-disabled,.w-edit-treeselect-small-label-disabled{color:#9aa0a6}.w-input-small-label-text-content,.w-edit-treeselect-medium-label-disabled,.w-edit-treeselect-medium-label,.w-edit-treeselect-small-label-disabled,.w-edit-treeselect-small-label{padding:12px 8px 8px 0;margin:0}.w-input-small-placeholder-text,:host ::ng-deep .w-edit-treeselect-small .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter,:host ::ng-deep .w-edit-treeselect-small .p-treeselect .p-treeselect-label.p-placeholder,:host ::ng-deep .w-edit-treeselect-small .p-treeselect .p-treeselect-label{color:#2e3134}.w-input-small-placeholder-text-only-color{color:#2e3134}.w-input-small-placeholder-text-disabled{color:#5f6368}.w-input-small-placeholder-text-disabled-only-color,:host ::ng-deep .w-edit-treeselect-small .p-disabled .p-treeselect-label.p-placeholder{color:#5f6368}.w-input-small-text-icon{color:#2e3134}.w-input-small-select-options-text,:host ::ng-deep .w-edit-treeselect-small .p-tree .p-tree-container .p-treenode .p-treenode-content{color:#2e3134}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-edit-treeselect-medium-label,.w-input-medium-label-disabled,.w-edit-treeselect-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-edit-treeselect-medium-label,.w-input-medium-label-disabled,.w-edit-treeselect-medium-label-disabled{color:#2e3134}.w-input-medium-label-disabled,.w-edit-treeselect-medium-label-disabled{color:#9aa0a6}.w-input-medium-placeholder-text-typography,.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text,:host ::ng-deep .w-edit-treeselect-medium .p-treeselect .p-treeselect-label.p-placeholder,:host ::ng-deep .w-edit-treeselect-medium .p-treeselect .p-treeselect-label{font-size:16px;font-weight:400;line-height:24px}.w-input-medium-placeholder-text,:host ::ng-deep .w-edit-treeselect-medium .p-treeselect .p-treeselect-label.p-placeholder,:host ::ng-deep .w-edit-treeselect-medium .p-treeselect .p-treeselect-label{color:#2e3134}.w-input-medium-placeholder-text-only-color{color:#2e3134}.w-input-medium-placeholder-text-disabled{color:#5f6368}.w-input-medium-placeholder-text-disabled-only-color,:host ::ng-deep .w-edit-treeselect-medium .p-disabled .p-treeselect-label.p-placeholder{color:#5f6368}.w-input-medium-text-icon{color:#2e3134}.w-input-medium-select-options-text,:host ::ng-deep .w-edit-treeselect-medium .p-tree .p-tree-container .p-treenode .p-treenode-content{font-size:16px;font-weight:400;line-height:24px;color:#2e3134}.w-input-success-alert-text{color:#00db5d;padding:8px 8px 0;margin-top:0}.w-input-warning-alert-text{color:#eeae00;padding:8px 8px 0;margin-top:0}.w-input-error-alert-text{color:#e50000;padding:8px 8px 0;margin-top:0}.w-input-alert-message-height{height:32px}.w-sidebar-title-text,.w-panel-title-text,.w-panel-subtitle-text{color:#2e3134}.w-panel-content{color:#5f6368}.w-tab-text,.w-chip-text{color:#2e3134}.w-badge-text{font-size:8px;font-weight:700;line-height:8px}.w-table-th-text{color:#2e3134}.w-table-td-text{color:#5f6368}.w-edit-treeselect-field{margin:0}:host ::ng-deep .w-edit-treeselect-small .p-treeselect{border-width:1px;border-radius:8px;border-color:#e8eaed}:host ::ng-deep p-treeselect.w-edit-treeselect-small.p-treeselect-clearable .p-treeselect-label-container{padding-right:20px}:host ::ng-deep .w-edit-treeselect-small .p-treeselect:not(.p-disabled):hover{border:1px solid #00b2eb}:host ::ng-deep .w-edit-treeselect-small .p-treeselect:not(.p-disabled).p-focus{border:1px solid #d6f2ff}:host ::ng-deep .w-edit-treeselect-small .p-treeselect .p-treeselect-label{padding:7px 0 7px 11px}:host ::ng-depp .w-edit-treeselect-small .p-treeselect-panel{border:1px solid #e8eaed}:host ::ng-deep .w-edit-treeselect-small .p-treeselect-panel .p-treeselect-items-wrapper .p-tree{padding:7px}:host ::ng-deep p-treeselect.w-edit-treeselect-small.ng-invalid.ng-dirty>.p-treeselect{border-color:#ffbdbd}:host ::ng-deep .w-edit-treeselect-small .p-tree .p-tree-container .p-treenode .p-treenode-content{padding:8px}:host ::ng-deep .w-edit-treeselect-small .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter{padding:7px 35px 7px 11px;align-self:center}:host ::ng-deep .w-edit-treeselect-small .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler{width:16px;height:16px;margin-right:12px}:host ::ng-deep .w-edit-treeselect-small .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover{background:#d6f2ff;border-radius:8px}:host ::ng-deep .w-edit-treeselect-small .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight{background:#d6f2ff;border-radius:8px;color:#000}:host ::ng-deep .w-edit-treeselect-small .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon{margin-right:12px}:host ::ng-deep .w-edit-treeselect-medium .p-treeselect{border-width:1px;border-radius:8px;border-color:#e8eaed}:host ::ng-deep p-treeselect.w-edit-treeselect-medium.p-treeselect-clearable .p-treeselect-label-container{padding-right:0}:host ::ng-deep .w-edit-treeselect-medium .p-treeselect:not(.p-disabled):hover{border:1px solid #00b2eb}:host ::ng-deep .w-edit-treeselect-medium .p-treeselect:not(.p-disabled).p-focus{border:1px solid #d6f2ff}:host ::ng-deep .w-edit-treeselect-medium .p-treeselect .p-treeselect-label{padding:7px 0 7px 15px}:host ::ng-deep .w-edit-treeselect-medium .p-treeselect .p-treeselect-label.p-placeholder{padding:7px 0 7px 15px}:host ::ng-depp .w-edit-treeselect-medium .p-treeselect-panel{border:1px solid #e8eaed}:host ::ng-deep .w-edit-treeselect-medium .p-treeselect-panel .p-treeselect-items-wrapper .p-tree{padding:7px 7px 15px}:host ::ng-deep p-treeselect.w-edit-treeselect-medium.ng-invalid.ng-dirty>.p-treeselect{border-color:#ffbdbd}:host ::ng-deep .w-edit-treeselect-medium .p-tree .p-tree-container .p-treenode .p-treenode-content{padding:8px 16px}:host ::ng-deep .w-edit-treeselect-medium .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler{width:24px;height:24px;margin-right:8px}:host ::ng-deep .w-edit-treeselect-medium .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover{background:#d6f2ff;border-radius:8px}:host ::ng-deep .w-edit-treeselect-medium .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight{background:#d6f2ff;border-radius:8px;color:#000}:host ::ng-deep .w-edit-treeselect-medium .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon{margin-right:8px}.w-error-message-container{height:32px}.w-error-message{color:#e50000;padding:8px;margin-top:0}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { 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: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.TreeSelect, selector: "p-treeSelect", inputs: ["type", "inputId", "scrollHeight", "disabled", "metaKeySelection", "display", "selectionMode", "tabindex", "ariaLabelledBy", "placeholder", "panelClass", "panelStyle", "panelStyleClass", "containerStyle", "containerStyleClass", "labelStyle", "labelStyleClass", "overlayOptions", "emptyMessage", "appendTo", "filter", "filterBy", "filterMode", "filterPlaceholder", "filterLocale", "filterInputAutoFocus", "propagateSelectionDown", "propagateSelectionUp", "showClear", "resetFilterOnHide", "options", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onNodeExpand", "onNodeCollapse", "onShow", "onHide", "onClear", "onFilter", "onNodeUnselect", "onNodeSelect"] }] });
|
|
61
61
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WEditTreeselectComponent, decorators: [{
|
|
62
62
|
type: Component,
|
|
63
63
|
args: [{ selector: 'w-edit-treeselect', providers: [
|
|
@@ -66,7 +66,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
|
|
|
66
66
|
useExisting: forwardRef(() => WEditTreeselectComponent),
|
|
67
67
|
multi: true
|
|
68
68
|
}
|
|
69
|
-
], template: "<div *ngIf=\"formControl; else noNgControl\" class=\"w-edit-treeselect-field p-fluid field\">\r\n <label *ngIf=\"(label != undefined && label.length > 0)\" \r\n [ngClass]=\"{'w-edit-treeselect-small-label' : getSizeName(sizeType.small) == size && !disabled,\r\n 'w-edit-treeselect-small-label-disabled' : getSizeName(sizeType.small) == size && disabled,\r\n 'w-edit-treeselect-label' : getSizeName(sizeType.medium) == size && !disabled,\r\n 'w-edit-treeselect-label-disabled' : getSizeName(sizeType.medium) == size && disabled}\">\r\n {{label}}\r\n </label>\r\n <div *ngIf=\"(label != undefined && label == '')\" class=\"w-generic-input-no-label-height\"></div>\r\n <p-treeSelect *ngIf=\"getSizeName(sizeType.medium) == size\" class=\"w-edit-treeselect-input\" \r\n [ngClass]=\"{'ng-invalid ng-dirty': formControl.dirty && formControl.hasError('required')}\"\r\n [options]=\"options\" \r\n [placeholder]=\"placeholder\" \r\n [showClear]=\"showClear\" \r\n [filter]=\"true\"\r\n [filterBy]=\"filterBy\" \r\n [required]=\"required\"\r\n [formControl]=\"formControl\" \r\n [appendTo]=\"appendTo\" \r\n (onNodeSelect)=\"onOptionSelectedForm($event)\">\r\n </p-treeSelect>\r\n <p-treeSelect *ngIf=\"getSizeName(sizeType.small) == size\" class=\"w-edit-treeselect-input-small\" \r\n [ngClass]=\"{'ng-invalid ng-dirty': formControl.dirty && formControl.hasError('required')}\"\r\n [options]=\"options\" \r\n [placeholder]=\"placeholder\" \r\n [showClear]=\"showClear\" \r\n [filter]=\"true\"\r\n [filterBy]=\"filterBy\"\r\n [required]=\"required\"\r\n [formControl]=\"formControl\" \r\n [appendTo]=\"appendTo\" \r\n (onNodeSelect)=\"onOptionSelectedForm($event)\">\r\n </p-treeSelect>\r\n <small *ngIf=\"getSizeName(sizeType.medium) == size && formControl.dirty && formControl.hasError('required')\" \r\n class=\"w-error-message-container w-full w-error-message p-error block\">{{errorDescription}}</small> \r\n</div>\r\n<ng-template #noNgControl>\r\n <div class=\"w-edit-treeselect-field p-fluid field\">\r\n <label *ngIf=\"(label != undefined && label.length > 0)\" \r\n [ngClass]=\"{'w-edit-treeselect-small-label' : getSizeName(sizeType.small) == size && !disabled,\r\n 'w-edit-treeselect-small-label-disabled' : getSizeName(sizeType.small) == size && disabled,\r\n 'w-edit-treeselect-label' : getSizeName(sizeType.medium) == size && !disabled,\r\n 'w-edit-treeselect-label-disabled' : getSizeName(sizeType.medium) == size && disabled}\">\r\n {{label}}\r\n </label>\r\n <div *ngIf=\"(label != undefined && label == '')\" class=\"w-generic-input-no-label-height\"></div>\r\n <p-treeSelect *ngIf=\"getSizeName(sizeType.medium) == size\" class=\"w-edit-treeselect-input\" \r\n [options]=\"options\" \r\n [placeholder]=\"placeholder\" \r\n [showClear]=\"showClear\" \r\n [disabled]=\"disabled\"\r\n [filter]=\"true\"\r\n [filterBy]=\"filterBy\" \r\n [(ngModel)]=\"ngModelValue\" \r\n (ngModelChange)=\"onOptionSelected()\" \r\n [appendTo]=\"appendTo\">\r\n </p-treeSelect>\r\n <p-treeSelect *ngIf=\"getSizeName(sizeType.small) == size\" class=\"w-edit-treeselect-input-small\" \r\n [options]=\"options\" \r\n [placeholder]=\"placeholder\" \r\n [showClear]=\"showClear\" \r\n [disabled]=\"disabled\"\r\n [filter]=\"true\"\r\n [filterBy]=\"filterBy\"\r\n [(ngModel)]=\"ngModelValue\" \r\n (ngModelChange)=\"onOptionSelected()\" \r\n [appendTo]=\"appendTo\">\r\n </p-treeSelect>\r\n </div>\r\n</ng-template>\r\n", styles: [".heading1{font-size:2.6666666667rem;line-height:3rem;font-weight:700}.heading2{font-size:2.3333333333rem;line-height:2.6666666667rem;font-weight:700}.heading3{font-size:2rem;line-height:2.3333333333rem;font-weight:700}.heading4{font-size:1.6666666667rem;line-height:2rem;font-weight:400}.heading5{font-size:1.5rem;line-height:1.8333333333rem;font-weight:600}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:400}.subtitle1,.w-tab-text,.w-panel-title-text,.w-sidebar-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:600}.subtitle2,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-edit-treeselect-small-label,.w-input-small-label-disabled,.w-edit-treeselect-small-label-disabled,.w-view-small-label-text-typography,.w-view-small-label-text,.w-button-small-text-label-text-typography,.w-button-small-text-label-text{font-size:1rem;line-height:1.3333333333rem;font-weight:600}.body,.w-chip-text,.w-panel-content,.w-input-small-select-options-text,:host ::ng-deep .w-edit-treeselect-input-small .p-tree .p-tree-container .p-treenode .p-treenode-content,.w-input-small-placeholder-text-typography,.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text,:host ::ng-deep .w-edit-treeselect-input-small .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter,:host ::ng-deep .w-edit-treeselect-input-small .p-treeselect .p-treeselect-label.p-placeholder,:host ::ng-deep .w-edit-treeselect-input-small .p-treeselect .p-treeselect-label,.w-view-small-value-text-typography,.w-view-small-value-text,.w-button-small-label-text-typography,.w-button-small-tertiary-label-text,.input-generic-placeholder-small,.input-generic-small{font-size:1rem;line-height:1.3333333333rem;font-weight:400}.caption,.w-error-message{font-size:.6666666667rem;line-height:1rem;font-weight:400}.select-option-text{font-size:16;line-height:24px;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.text846{color:#2e3134}.text700{color:#5f6368}.text500{color:#9aa0a6}.textWhite{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus,:host ::ng-deep .w-edit-treeselect-input-small .p-treeselect:not(.p-disabled).p-focus,:host ::ng-deep .w-edit-treeselect-input .p-treeselect:not(.p-disabled).p-focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b2eb}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#9aa0a6!important;opacity:unset!important}.input-generic-placeholder-small{padding:8px 12px 12px;color:#9aa0a6!important}.input-generic-valid{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:1px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}.w-button-small-tertiary-label-text,.w-button-small-text-label-text{color:#2e3134}.w-button-medium-label-text-typography,.w-button-medium-tertiary-label-text{font-size:16px;font-weight:400;line-height:16px}.w-button-medium-tertiary-label-text{color:#2e3134}.w-button-large-label-text-typography,.w-button-large-tertiary-label-text{font-size:20px;font-weight:400;line-height:24px}.w-button-large-tertiary-label-text{color:#2e3134}.w-button-x-small-label-text{font-size:10px;font-weight:600;line-height:10px}.w-button-small-only-label-text{font-size:12px;font-weight:600;line-height:16px}.w-button-small-icon-text{font-size:12px}.w-button-medium-icon-text{font-size:16px}.w-button-large-icon-text{font-size:24px}.w-control-button-small-label-text{font-size:12px;font-weight:600;line-height:16px}.w-control-button-x-small-icon-text{font-size:10px;font-weight:700}.w-control-button-small-icon-text{font-size:8px;font-weight:700}.w-control-button-medium-label-text{font-size:14px;font-weight:600;line-height:16px}.w-control-button-medium-icon-text{font-size:12px;font-weight:700}.w-view-small-label-text,.w-view-small-value-text,.w-input-small-label-text,.w-edit-treeselect-small-label,.w-input-small-label-disabled,.w-edit-treeselect-small-label-disabled{color:#2e3134}.w-input-small-label-disabled,.w-edit-treeselect-small-label-disabled{color:#9aa0a6}.w-input-small-placeholder-text,:host ::ng-deep .w-edit-treeselect-input-small .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter,:host ::ng-deep .w-edit-treeselect-input-small .p-treeselect .p-treeselect-label.p-placeholder,:host ::ng-deep .w-edit-treeselect-input-small .p-treeselect .p-treeselect-label{color:#2e3134}.w-input-small-placeholder-text-only-color{color:#2e3134}.w-input-small-placeholder-text-disabled{color:#5f6368}.w-input-small-placeholder-text-disabled-only-color,:host ::ng-deep .w-edit-treeselect-input-small .p-disabled .p-treeselect-label.p-placeholder{color:#5f6368}.w-input-small-text-icon{color:#2e3134}.w-input-small-select-options-text,:host ::ng-deep .w-edit-treeselect-input-small .p-tree .p-tree-container .p-treenode .p-treenode-content{color:#2e3134}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-edit-treeselect-label,.w-input-medium-label-disabled,.w-edit-treeselect-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-edit-treeselect-label,.w-input-medium-label-disabled,.w-edit-treeselect-label-disabled{color:#2e3134}.w-input-medium-label-disabled,.w-edit-treeselect-label-disabled{color:#9aa0a6}.w-input-medium-placeholder-text-typography,.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text,:host ::ng-deep .w-edit-treeselect-input .p-treeselect .p-treeselect-label.p-placeholder,:host ::ng-deep .w-edit-treeselect-input .p-treeselect .p-treeselect-label{font-size:16px;font-weight:400;line-height:24px}.w-input-medium-placeholder-text,:host ::ng-deep .w-edit-treeselect-input .p-treeselect .p-treeselect-label.p-placeholder,:host ::ng-deep .w-edit-treeselect-input .p-treeselect .p-treeselect-label{color:#2e3134}.w-input-medium-placeholder-text-only-color{color:#2e3134}.w-input-medium-placeholder-text-disabled{color:#5f6368}.w-input-medium-placeholder-text-disabled-only-color,:host ::ng-deep .w-edit-treeselect-input .p-disabled .p-treeselect-label.p-placeholder{color:#5f6368}.w-input-medium-text-icon{color:#2e3134}.w-input-medium-select-options-text,:host ::ng-deep .w-edit-treeselect-input .p-tree .p-tree-container .p-treenode .p-treenode-content{font-size:16px;font-weight:400;line-height:24px;color:#2e3134}.w-sidebar-title-text,.w-panel-title-text,.w-panel-subtitle-text{color:#2e3134}.w-panel-content{color:#5f6368}.w-tab-text,.w-chip-text{color:#2e3134}.w-edit-treeselect-field{margin:0}.w-edit-treeselect-label,.w-edit-treeselect-label-disabled{padding:8px 8px 12px;margin:0}:host ::ng-deep .w-edit-treeselect-input .p-treeselect{border-width:1px;border-radius:8px;border-color:#e8eaed}:host ::ng-deep p-treeselect.w-edit-treeselect-input.p-treeselect-clearable .p-treeselect-label-container{padding-right:0}:host ::ng-deep .w-edit-treeselect-input .p-treeselect:not(.p-disabled):hover{border:1px solid #00b2eb}:host ::ng-deep .w-edit-treeselect-input .p-treeselect:not(.p-disabled).p-focus{border:1px solid #d6f2ff}:host ::ng-deep .w-edit-treeselect-input .p-treeselect .p-treeselect-label{padding:7px 0 7px 15px}:host ::ng-deep .w-edit-treeselect-input .p-treeselect .p-treeselect-label.p-placeholder{padding:7px 0 7px 15px}:host ::ng-depp .w-edit-treeselect-input .p-treeselect-panel{border:1px solid #e8eaed}:host ::ng-deep .w-edit-treeselect-input .p-treeselect-panel .p-treeselect-items-wrapper .p-tree{padding:7px 7px 15px}:host ::ng-deep p-treeselect.w-edit-treeselect-input.ng-invalid.ng-dirty>.p-treeselect{border-color:#ffbdbd}:host ::ng-deep .w-edit-treeselect-input .p-tree .p-tree-container .p-treenode .p-treenode-content{padding:8px 16px}:host ::ng-deep .w-edit-treeselect-input .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler{width:24px;height:24px;margin-right:8px}:host ::ng-deep .w-edit-treeselect-input .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover{background:#d6f2ff;border-radius:8px}:host ::ng-deep .w-edit-treeselect-input .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight{background:#d6f2ff;border-radius:8px;color:#000}:host ::ng-deep .w-edit-treeselect-input .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon{margin-right:8px}:host ::ng-deep .w-edit-treeselect-input .p-disabled{background:#f1f3f4;opacity:1}.w-edit-treeselect-small-label,.w-edit-treeselect-small-label-disabled{padding:8px 8px 12px;margin:0}:host ::ng-deep .w-edit-treeselect-input-small .p-treeselect{border-width:1px;border-radius:8px;border-color:#e8eaed}:host ::ng-deep .w-edit-treeselect-input-small .p-treeselect:not(.p-disabled):hover{border:1px solid #00b2eb}:host ::ng-deep .w-edit-treeselect-input-small .p-treeselect:not(.p-disabled).p-focus{border:1px solid #d6f2ff}:host ::ng-deep .w-edit-treeselect-input-small .p-treeselect .p-treeselect-label{padding:7px 0 7px 12px}:host ::ng-depp .w-edit-treeselect-input-small .p-treeselect-panel{border:1px solid #e8eaed}:host ::ng-deep .w-edit-treeselect-input-small .p-treeselect-panel .p-treeselect-items-wrapper .p-tree{padding:7px}:host ::ng-deep p-treeselect.w-edit-treeselect-input-small.ng-invalid.ng-dirty>.p-treeselect{border-color:#ffbdbd}:host ::ng-deep .w-edit-treeselect-input-small .p-tree .p-tree-container .p-treenode .p-treenode-content{padding:8px}:host ::ng-deep .w-edit-treeselect-input-small .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter{padding:7px 35px 7px 11px;align-self:center}:host ::ng-deep .w-edit-treeselect-input-small .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler{width:16px;height:16px;margin-right:12px}:host ::ng-deep .w-edit-treeselect-input-small .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover{background:#d6f2ff;border-radius:8px}:host ::ng-deep .w-edit-treeselect-input-small .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight{background:#d6f2ff;border-radius:8px;color:#000}:host ::ng-deep .w-edit-treeselect-input-small .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon{margin-right:12px}:host ::ng-deep .w-edit-treeselect-input-small .p-disabled{background:#f1f3f4;opacity:1}.w-error-message-container{height:32px}.w-error-message{color:#e50000;padding:8px;margin-top:0}\n"] }]
|
|
69
|
+
], template: "<div *ngIf=\"formControl; else noNgControl\" class=\"w-edit-treeselect-field p-fluid field\">\r\n <label *ngIf=\"(label != undefined && label.length > 0)\" \r\n [ngClass]=\"{'w-edit-treeselect-small-label' : getSizeName(sizeType.small) == size && !disabled,\r\n 'w-edit-treeselect-small-label-disabled' : getSizeName(sizeType.small) == size && disabled,\r\n 'w-edit-treeselect-medium-label' : getSizeName(sizeType.medium) == size && !disabled,\r\n 'w-edit-treeselect-medium-label-disabled' : getSizeName(sizeType.medium) == size && disabled}\">\r\n {{label}}\r\n </label>\r\n <div *ngIf=\"(label != undefined && label == '')\" class=\"w-input-no-label-height\"></div>\r\n <p-treeSelect *ngIf=\"getSizeName(sizeType.medium) == size\" class=\"w-edit-treeselect-medium\" \r\n [ngClass]=\"{'ng-invalid ng-dirty': formControl.dirty && formControl.hasError('required')}\"\r\n [options]=\"options\" \r\n [placeholder]=\"placeholder\" \r\n [showClear]=\"showClear\" \r\n [filter]=\"true\"\r\n [filterBy]=\"filterBy\" \r\n [required]=\"required\"\r\n [formControl]=\"formControl\" \r\n [appendTo]=\"appendTo\" \r\n (onNodeSelect)=\"onOptionSelectedForm($event)\">\r\n </p-treeSelect>\r\n <p-treeSelect *ngIf=\"getSizeName(sizeType.small) == size\" class=\"w-edit-treeselect-small\" \r\n [ngClass]=\"{'ng-invalid ng-dirty': formControl.dirty && formControl.hasError('required')}\"\r\n [options]=\"options\" \r\n [placeholder]=\"placeholder\" \r\n [showClear]=\"showClear\" \r\n [filter]=\"true\"\r\n [filterBy]=\"filterBy\"\r\n [required]=\"required\"\r\n [formControl]=\"formControl\" \r\n [appendTo]=\"appendTo\" \r\n (onNodeSelect)=\"onOptionSelectedForm($event)\">\r\n </p-treeSelect>\r\n <small *ngIf=\"getSizeName(sizeType.medium) == size && formControl.dirty && formControl.hasError('required')\" \r\n class=\"w-error-message-container w-full w-error-message p-error block\">{{errorDescription}}</small> \r\n</div>\r\n<ng-template #noNgControl>\r\n <div class=\"w-edit-treeselect-field p-fluid field\">\r\n <label *ngIf=\"(label != undefined && label.length > 0)\" \r\n [ngClass]=\"{'w-edit-treeselect-small-label' : getSizeName(sizeType.small) == size && !disabled,\r\n 'w-edit-treeselect-small-label-disabled' : getSizeName(sizeType.small) == size && disabled,\r\n 'w-edit-treeselect-medium-label' : getSizeName(sizeType.medium) == size && !disabled,\r\n 'w-edit-treeselect-medium-label-disabled' : getSizeName(sizeType.medium) == size && disabled}\">\r\n {{label}}\r\n </label>\r\n <div *ngIf=\"(label != undefined && label == '')\" class=\"w-input-no-label-height\"></div>\r\n <p-treeSelect *ngIf=\"getSizeName(sizeType.medium) == size\" class=\"w-edit-treeselect-medium\" \r\n [options]=\"options\" \r\n [placeholder]=\"placeholder\" \r\n [showClear]=\"showClear\" \r\n [disabled]=\"disabled\"\r\n [filter]=\"true\"\r\n [filterBy]=\"filterBy\" \r\n [(ngModel)]=\"ngModelValue\" \r\n (ngModelChange)=\"onOptionSelected()\" \r\n [appendTo]=\"appendTo\">\r\n </p-treeSelect>\r\n <p-treeSelect *ngIf=\"getSizeName(sizeType.small) == size\" class=\"w-edit-treeselect-small\" \r\n [options]=\"options\" \r\n [placeholder]=\"placeholder\" \r\n [showClear]=\"showClear\" \r\n [disabled]=\"disabled\"\r\n [filter]=\"true\"\r\n [filterBy]=\"filterBy\"\r\n [(ngModel)]=\"ngModelValue\" \r\n (ngModelChange)=\"onOptionSelected()\" \r\n [appendTo]=\"appendTo\">\r\n </p-treeSelect>\r\n </div>\r\n</ng-template>\r\n", styles: [".heading1{font-size:2.6666666667rem;line-height:3rem;font-weight:700}.heading2{font-size:2.3333333333rem;line-height:2.6666666667rem;font-weight:700}.heading3{font-size:2rem;line-height:2.3333333333rem;font-weight:700}.heading4{font-size:1.6666666667rem;line-height:2rem;font-weight:400}.heading5{font-size:1.5rem;line-height:1.8333333333rem;font-weight:600}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:400}.subtitle1,.w-tab-text,.w-panel-title-text,.w-sidebar-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:600}.subtitle2,.w-table-th-text,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-edit-treeselect-small-label,.w-input-small-label-disabled,.w-edit-treeselect-small-label-disabled,.w-view-small-label-text-typography,.w-view-small-label-text,.w-button-small-text-label-text-typography,.w-button-small-text-label-text{font-size:1rem;line-height:1.3333333333rem;font-weight:600}.body,.w-table-td-text,.w-chip-text,.w-panel-content,.w-input-small-select-options-text,:host ::ng-deep .w-edit-treeselect-small .p-tree .p-tree-container .p-treenode .p-treenode-content,.w-input-small-placeholder-text-typography,.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text,:host ::ng-deep .w-edit-treeselect-small .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter,:host ::ng-deep .w-edit-treeselect-small .p-treeselect .p-treeselect-label.p-placeholder,:host ::ng-deep .w-edit-treeselect-small .p-treeselect .p-treeselect-label,.w-view-small-value-text-typography,.w-view-small-value-text,.w-button-small-label-text-typography,.w-button-small-tertiary-label-text{font-size:1rem;line-height:1.3333333333rem;font-weight:400}.caption,.w-error-message,.w-input-error-alert-text,.w-input-warning-alert-text,.w-input-success-alert-text{font-size:.6666666667rem;line-height:1rem;font-weight:400}.text846{color:#2e3134}.text700{color:#5f6368}.text500{color:#9aa0a6}.textWhite{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus,:host ::ng-deep .w-edit-treeselect-medium .p-treeselect:not(.p-disabled).p-focus,:host ::ng-deep .w-edit-treeselect-small .p-treeselect:not(.p-disabled).p-focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b2eb}.input-generic-valid{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:1px solid #FFBDBD}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-button-small-tertiary-label-text,.w-button-small-text-label-text{color:#2e3134}.w-button-small-icon-text{font-size:12px}.w-control-button-small-label-text{font-size:12px;font-weight:600;line-height:16px}.w-control-button-x-small-icon-text{font-size:10px;font-weight:700}.w-control-button-small-icon-text{font-size:8px;font-weight:700}.w-button-medium-label-text-typography,.w-button-medium-tertiary-label-text{font-size:16px;font-weight:400;line-height:16px}.w-button-medium-tertiary-label-text{color:#2e3134}.w-button-medium-icon-text{font-size:16px}.w-control-button-medium-label-text{font-size:14px;font-weight:600;line-height:16px}.w-control-button-medium-icon-text{font-size:12px;font-weight:700}.w-button-large-label-text-typography,.w-button-large-tertiary-label-text{font-size:20px;font-weight:400;line-height:24px}.w-button-large-tertiary-label-text{color:#2e3134}.w-button-x-small-label-text{font-size:10px;font-weight:600;line-height:10px}.w-button-small-only-label-text{font-size:12px;font-weight:600;line-height:16px}.w-button-large-icon-text{font-size:24px}.w-view-small-label-text,.w-view-small-value-text{color:#2e3134}.w-input-no-label-height{height:36px}.w-input-disabled,:host ::ng-deep .w-edit-treeselect-medium .p-disabled,:host ::ng-deep .w-edit-treeselect-small .p-disabled{background-color:#f1f3f4;border-color:#e8eaed;opacity:1}.w-input-small-label-text,.w-edit-treeselect-small-label,.w-input-small-label-disabled,.w-edit-treeselect-small-label-disabled{color:#2e3134}.w-input-small-label-disabled,.w-edit-treeselect-small-label-disabled{color:#9aa0a6}.w-input-small-label-text-content,.w-edit-treeselect-medium-label-disabled,.w-edit-treeselect-medium-label,.w-edit-treeselect-small-label-disabled,.w-edit-treeselect-small-label{padding:12px 8px 8px 0;margin:0}.w-input-small-placeholder-text,:host ::ng-deep .w-edit-treeselect-small .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter,:host ::ng-deep .w-edit-treeselect-small .p-treeselect .p-treeselect-label.p-placeholder,:host ::ng-deep .w-edit-treeselect-small .p-treeselect .p-treeselect-label{color:#2e3134}.w-input-small-placeholder-text-only-color{color:#2e3134}.w-input-small-placeholder-text-disabled{color:#5f6368}.w-input-small-placeholder-text-disabled-only-color,:host ::ng-deep .w-edit-treeselect-small .p-disabled .p-treeselect-label.p-placeholder{color:#5f6368}.w-input-small-text-icon{color:#2e3134}.w-input-small-select-options-text,:host ::ng-deep .w-edit-treeselect-small .p-tree .p-tree-container .p-treenode .p-treenode-content{color:#2e3134}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-edit-treeselect-medium-label,.w-input-medium-label-disabled,.w-edit-treeselect-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-edit-treeselect-medium-label,.w-input-medium-label-disabled,.w-edit-treeselect-medium-label-disabled{color:#2e3134}.w-input-medium-label-disabled,.w-edit-treeselect-medium-label-disabled{color:#9aa0a6}.w-input-medium-placeholder-text-typography,.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text,:host ::ng-deep .w-edit-treeselect-medium .p-treeselect .p-treeselect-label.p-placeholder,:host ::ng-deep .w-edit-treeselect-medium .p-treeselect .p-treeselect-label{font-size:16px;font-weight:400;line-height:24px}.w-input-medium-placeholder-text,:host ::ng-deep .w-edit-treeselect-medium .p-treeselect .p-treeselect-label.p-placeholder,:host ::ng-deep .w-edit-treeselect-medium .p-treeselect .p-treeselect-label{color:#2e3134}.w-input-medium-placeholder-text-only-color{color:#2e3134}.w-input-medium-placeholder-text-disabled{color:#5f6368}.w-input-medium-placeholder-text-disabled-only-color,:host ::ng-deep .w-edit-treeselect-medium .p-disabled .p-treeselect-label.p-placeholder{color:#5f6368}.w-input-medium-text-icon{color:#2e3134}.w-input-medium-select-options-text,:host ::ng-deep .w-edit-treeselect-medium .p-tree .p-tree-container .p-treenode .p-treenode-content{font-size:16px;font-weight:400;line-height:24px;color:#2e3134}.w-input-success-alert-text{color:#00db5d;padding:8px 8px 0;margin-top:0}.w-input-warning-alert-text{color:#eeae00;padding:8px 8px 0;margin-top:0}.w-input-error-alert-text{color:#e50000;padding:8px 8px 0;margin-top:0}.w-input-alert-message-height{height:32px}.w-sidebar-title-text,.w-panel-title-text,.w-panel-subtitle-text{color:#2e3134}.w-panel-content{color:#5f6368}.w-tab-text,.w-chip-text{color:#2e3134}.w-badge-text{font-size:8px;font-weight:700;line-height:8px}.w-table-th-text{color:#2e3134}.w-table-td-text{color:#5f6368}.w-edit-treeselect-field{margin:0}:host ::ng-deep .w-edit-treeselect-small .p-treeselect{border-width:1px;border-radius:8px;border-color:#e8eaed}:host ::ng-deep p-treeselect.w-edit-treeselect-small.p-treeselect-clearable .p-treeselect-label-container{padding-right:20px}:host ::ng-deep .w-edit-treeselect-small .p-treeselect:not(.p-disabled):hover{border:1px solid #00b2eb}:host ::ng-deep .w-edit-treeselect-small .p-treeselect:not(.p-disabled).p-focus{border:1px solid #d6f2ff}:host ::ng-deep .w-edit-treeselect-small .p-treeselect .p-treeselect-label{padding:7px 0 7px 11px}:host ::ng-depp .w-edit-treeselect-small .p-treeselect-panel{border:1px solid #e8eaed}:host ::ng-deep .w-edit-treeselect-small .p-treeselect-panel .p-treeselect-items-wrapper .p-tree{padding:7px}:host ::ng-deep p-treeselect.w-edit-treeselect-small.ng-invalid.ng-dirty>.p-treeselect{border-color:#ffbdbd}:host ::ng-deep .w-edit-treeselect-small .p-tree .p-tree-container .p-treenode .p-treenode-content{padding:8px}:host ::ng-deep .w-edit-treeselect-small .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter{padding:7px 35px 7px 11px;align-self:center}:host ::ng-deep .w-edit-treeselect-small .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler{width:16px;height:16px;margin-right:12px}:host ::ng-deep .w-edit-treeselect-small .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover{background:#d6f2ff;border-radius:8px}:host ::ng-deep .w-edit-treeselect-small .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight{background:#d6f2ff;border-radius:8px;color:#000}:host ::ng-deep .w-edit-treeselect-small .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon{margin-right:12px}:host ::ng-deep .w-edit-treeselect-medium .p-treeselect{border-width:1px;border-radius:8px;border-color:#e8eaed}:host ::ng-deep p-treeselect.w-edit-treeselect-medium.p-treeselect-clearable .p-treeselect-label-container{padding-right:0}:host ::ng-deep .w-edit-treeselect-medium .p-treeselect:not(.p-disabled):hover{border:1px solid #00b2eb}:host ::ng-deep .w-edit-treeselect-medium .p-treeselect:not(.p-disabled).p-focus{border:1px solid #d6f2ff}:host ::ng-deep .w-edit-treeselect-medium .p-treeselect .p-treeselect-label{padding:7px 0 7px 15px}:host ::ng-deep .w-edit-treeselect-medium .p-treeselect .p-treeselect-label.p-placeholder{padding:7px 0 7px 15px}:host ::ng-depp .w-edit-treeselect-medium .p-treeselect-panel{border:1px solid #e8eaed}:host ::ng-deep .w-edit-treeselect-medium .p-treeselect-panel .p-treeselect-items-wrapper .p-tree{padding:7px 7px 15px}:host ::ng-deep p-treeselect.w-edit-treeselect-medium.ng-invalid.ng-dirty>.p-treeselect{border-color:#ffbdbd}:host ::ng-deep .w-edit-treeselect-medium .p-tree .p-tree-container .p-treenode .p-treenode-content{padding:8px 16px}:host ::ng-deep .w-edit-treeselect-medium .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler{width:24px;height:24px;margin-right:8px}:host ::ng-deep .w-edit-treeselect-medium .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover{background:#d6f2ff;border-radius:8px}:host ::ng-deep .w-edit-treeselect-medium .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight{background:#d6f2ff;border-radius:8px;color:#000}:host ::ng-deep .w-edit-treeselect-medium .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon{margin-right:8px}.w-error-message-container{height:32px}.w-error-message{color:#e50000;padding:8px;margin-top:0}\n"] }]
|
|
70
70
|
}], propDecorators: { label: [{
|
|
71
71
|
type: Input,
|
|
72
72
|
args: ['label']
|
|
@@ -104,4 +104,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
|
|
|
104
104
|
type: Output,
|
|
105
105
|
args: ['onChange']
|
|
106
106
|
}] } });
|
|
107
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidy1lZGl0LXRyZWVzZWxlY3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvd2FwcC1jb21wb25lbnRzL3NyYy9saWIvZWRpdC93LWVkaXQtdHJlZXNlbGVjdC93LWVkaXQtdHJlZXNlbGVjdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy93YXBwLWNvbXBvbmVudHMvc3JjL2xpYi9lZGl0L3ctZWRpdC10cmVlc2VsZWN0L3ctZWRpdC10cmVlc2VsZWN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDeEUsT0FBTyxFQUFFLFNBQVMsRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUNsRCxPQUFPLEVBQXFDLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDdEYsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLHlCQUF5QixDQUFDOzs7OztBQWNuRCxNQUFNLE9BQU8sd0JBQXdCO0lBWnJDO1FBZXFCLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFDMUIsYUFBUSxHQUFZLEtBQUssQ0FBQztRQUM5QixTQUFJLEdBQVcsT0FBTyxDQUFDO1FBR2xCLGNBQVMsR0FBWSxJQUFJLENBQUM7UUFFWCxxQkFBZ0IsR0FBVyw4QkFBOEIsQ0FBQztRQUd6RSxrQkFBYSxHQUFzQixJQUFJLFlBQVksRUFBRSxDQUFDO1FBRTFFLGFBQVEsR0FBb0IsUUFBUSxDQUFDO1FBRXJDLGFBQVEsR0FBUSxHQUFHLEVBQUUsR0FBRSxDQUFDLENBQUM7UUFDekIsWUFBTyxHQUFRLEdBQUcsRUFBRSxHQUFFLENBQUMsQ0FBQztLQTRDekI7SUF4Q0MsUUFBUSxLQUFVLENBQUM7SUFFbkIsVUFBVSxDQUFDLEtBQVU7UUFDbkIsSUFBSSxDQUFDLFlBQVksR0FBRyxLQUFLLENBQUM7SUFDNUIsQ0FBQztJQUVELGdCQUFnQixDQUFDLEVBQU87UUFDdEIsSUFBSSxDQUFDLFFBQVEsR0FBRyxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVELGlCQUFpQixDQUFDLEVBQU87UUFDdkIsSUFBSSxDQUFDLE9BQU8sR0FBRyxFQUFFLENBQUM7SUFDcEIsQ0FBQztJQUVELGdCQUFnQixDQUFDLFVBQW1CO1FBQ2xDLElBQUksQ0FBQyxRQUFRLEdBQUcsVUFBVSxDQUFDO0lBQzdCLENBQUM7SUFFRCxnQkFBZ0I7UUFDZCxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQztRQUNqQyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7UUFFZixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUM7SUFDN0MsQ0FBQztJQUVELG9CQUFvQixDQUFDLEtBQVU7UUFDN0IsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO1FBQ2YsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3RDLENBQUM7SUFFRCxXQUFXLENBQUMsS0FBWTtRQUN0QixNQUFNLFFBQVEsR0FBSSxLQUFLLENBQUMsTUFBMkIsQ0FBQyxLQUFLLENBQUM7UUFDMUQsSUFBSSxDQUFDLFlBQVksR0FBRyxRQUFRLENBQUM7UUFDN0IsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUM7UUFDakMsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO0lBQ2pCLENBQUM7SUFFRCxXQUFXLENBQUMsS0FBYTtRQUN2QixPQUFPLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN6QixDQUFDOztxSEE3RFUsd0JBQXdCO3lHQUF4Qix3QkFBd0IsOFhBUnhCO1FBQ1Q7WUFDRSxPQUFPLEVBQUUsaUJBQWlCO1lBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsd0JBQXdCLENBQUM7WUFDdkQsS0FBSyxFQUFFLElBQUk7U0FDWjtLQUNGLDBCQ2ZILG01SEFzRUE7MkZEckRhLHdCQUF3QjtrQkFacEMsU0FBUzsrQkFDRSxtQkFBbUIsYUFHbEI7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUseUJBQXlCLENBQUM7NEJBQ3ZELEtBQUssRUFBRSxJQUFJO3lCQUNaO3FCQUNGOzhCQUdlLEtBQUs7c0JBQXBCLEtBQUs7dUJBQUMsT0FBTztnQkFDUSxXQUFXO3NCQUFoQyxLQUFLO3VCQUFDLGFBQWE7Z0JBQ0QsUUFBUTtzQkFBMUIsS0FBSzt1QkFBQyxVQUFVO2dCQUNFLFFBQVE7c0JBQTFCLEtBQUs7dUJBQUMsVUFBVTtnQkFDRixJQUFJO3NCQUFsQixLQUFLO3VCQUFDLE1BQU07Z0JBQ0ssT0FBTztzQkFBeEIsS0FBSzt1QkFBQyxTQUFTO2dCQUNHLFFBQVE7c0JBQTFCLEtBQUs7dUJBQUMsVUFBVTtnQkFDRyxTQUFTO3NCQUE1QixLQUFLO3VCQUFDLFdBQVc7Z0JBQ0ksV0FBVztzQkFBaEMsS0FBSzt1QkFBQyxhQUFhO2dCQUNlLGdCQUFnQjtzQkFBbEQsS0FBSzt1QkFBQywwQkFBMEI7Z0JBQ2QsUUFBUTtzQkFBMUIsS0FBSzt1QkFBQyxVQUFVO2dCQUVHLGFBQWE7c0JBQWhDLE1BQU07dUJBQUMsVUFBVSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCwgZm9yd2FyZFJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvciwgRm9ybUNvbnRyb2wsIE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5pbXBvcnQgeyBTaXplVHlwZSB9IGZyb20gJy4uLy4uL3NoYXJlZC9lbnVtcy9lbnVtJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAndy1lZGl0LXRyZWVzZWxlY3QnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi93LWVkaXQtdHJlZXNlbGVjdC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vdy1lZGl0LXRyZWVzZWxlY3QuY29tcG9uZW50LnNjc3MnXSxcclxuICBwcm92aWRlcnM6IFtcclxuICAgIHtcclxuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXHJcbiAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IFdFZGl0VHJlZXNlbGVjdENvbXBvbmVudCksXHJcbiAgICAgIG11bHRpOiB0cnVlXHJcbiAgICB9XHJcbiAgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgV0VkaXRUcmVlc2VsZWN0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBDb250cm9sVmFsdWVBY2Nlc3NvciB7XHJcbiAgQElucHV0KCdsYWJlbCcpIGxhYmVsITogc3RyaW5nO1xyXG4gIEBJbnB1dCgncGxhY2Vob2xkZXInKSBwbGFjZWhvbGRlciE6IHN0cmluZztcclxuICBASW5wdXQoJ2Rpc2FibGVkJykgZGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBASW5wdXQoJ3JlcXVpcmVkJykgcmVxdWlyZWQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBASW5wdXQoJ3NpemUnKSBzaXplOiBzdHJpbmcgPSBcInNtYWxsXCI7XHJcbiAgQElucHV0KCdvcHRpb25zJykgb3B0aW9uczogYW55O1xyXG4gIEBJbnB1dCgnYXBwZW5kVG8nKSBhcHBlbmRUbyE6IHN0cmluZzsgXHJcbiAgQElucHV0KCdzaG93Q2xlYXInKSBzaG93Q2xlYXI6IGJvb2xlYW4gPSB0cnVlO1xyXG4gIEBJbnB1dCgnZm9ybUNvbnRyb2wnKSBmb3JtQ29udHJvbCE6IEZvcm1Db250cm9sIHwgbnVsbDtcclxuICBASW5wdXQoJ3JlcXVpcmVkRXJyb3JEZXNjcmlwdGlvbicpIGVycm9yRGVzY3JpcHRpb246IHN0cmluZyA9IFwiU2VsZWN0IGFuIG9wdGlvbiBpcyByZXF1aXJlZFwiO1xyXG4gIEBJbnB1dCgnZmlsdGVyQnknKSBmaWx0ZXJCeSE6IHN0cmluZztcclxuXHJcbiAgQE91dHB1dCgnb25DaGFuZ2UnKSBvbkNoYW5nZUV2ZW50OiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuXHJcbiAgc2l6ZVR5cGU6IHR5cGVvZiBTaXplVHlwZSA9IFNpemVUeXBlO1xyXG5cclxuICBvbkNoYW5nZTogYW55ID0gKCkgPT4ge307XHJcbiAgb25Ub3VjaDogYW55ID0gKCkgPT4ge307XHJcblxyXG4gIG5nTW9kZWxWYWx1ZTogYW55O1xyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHt9XHJcblxyXG4gIHdyaXRlVmFsdWUodmFsdWU6IGFueSk6IHZvaWQge1xyXG4gICAgdGhpcy5uZ01vZGVsVmFsdWUgPSB2YWx1ZTtcclxuICB9XHJcblxyXG4gIHJlZ2lzdGVyT25DaGFuZ2UoZm46IGFueSk6IHZvaWQge1xyXG4gICAgdGhpcy5vbkNoYW5nZSA9IGZuO1xyXG4gIH1cclxuXHJcbiAgcmVnaXN0ZXJPblRvdWNoZWQoZm46IGFueSk6IHZvaWQge1xyXG4gICAgdGhpcy5vblRvdWNoID0gZm47XHJcbiAgfVxyXG4gIFxyXG4gIHNldERpc2FibGVkU3RhdGUoaXNEaXNhYmxlZDogYm9vbGVhbik6IHZvaWQge1xyXG4gICAgdGhpcy5kaXNhYmxlZCA9IGlzRGlzYWJsZWQ7XHJcbiAgfVxyXG5cclxuICBvbk9wdGlvblNlbGVjdGVkKCl7XHJcbiAgICB0aGlzLm9uQ2hhbmdlKHRoaXMubmdNb2RlbFZhbHVlKTtcclxuICAgIHRoaXMub25Ub3VjaCgpO1xyXG5cclxuICAgIHRoaXMub25DaGFuZ2VFdmVudC5lbWl0KHRoaXMubmdNb2RlbFZhbHVlKTtcclxuICB9XHJcblxyXG4gIG9uT3B0aW9uU2VsZWN0ZWRGb3JtKGV2ZW50OiBhbnkpe1xyXG4gICAgdGhpcy5vblRvdWNoKCk7XHJcbiAgICB0aGlzLm9uQ2hhbmdlRXZlbnQuZW1pdChldmVudC5ub2RlKTtcclxuICB9XHJcblxyXG4gIG9uSW5wdXRCbHVyKGV2ZW50OiBFdmVudCl7XHJcbiAgICBjb25zdCBuZXdWYWx1ZSA9IChldmVudC50YXJnZXQgYXMgSFRNTElucHV0RWxlbWVudCkudmFsdWU7XHJcbiAgICB0aGlzLm5nTW9kZWxWYWx1ZSA9IG5ld1ZhbHVlO1xyXG4gICAgdGhpcy5vbkNoYW5nZSh0aGlzLm5nTW9kZWxWYWx1ZSk7XHJcbiAgICB0aGlzLm9uVG91Y2goKTtcclxuICB9XHJcblxyXG4gIGdldFNpemVOYW1lKHZhbHVlOiBudW1iZXIpOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIFNpemVUeXBlW3ZhbHVlXTtcclxuICB9XHJcbn0iLCI8ZGl2ICpuZ0lmPVwiZm9ybUNvbnRyb2w7IGVsc2Ugbm9OZ0NvbnRyb2xcIiBjbGFzcz1cInctZWRpdC10cmVlc2VsZWN0LWZpZWxkIHAtZmx1aWQgZmllbGRcIj5cclxuICAgIDxsYWJlbCAqbmdJZj1cIihsYWJlbCAhPSB1bmRlZmluZWQgJiYgbGFiZWwubGVuZ3RoID4gMClcIiAgXHJcbiAgICAgICAgW25nQ2xhc3NdPVwieyd3LWVkaXQtdHJlZXNlbGVjdC1zbWFsbC1sYWJlbCcgOiBnZXRTaXplTmFtZShzaXplVHlwZS5zbWFsbCkgPT0gc2l6ZSAmJiAhZGlzYWJsZWQsXHJcbiAgICAgICAgICAgICAgICAgICAgJ3ctZWRpdC10cmVlc2VsZWN0LXNtYWxsLWxhYmVsLWRpc2FibGVkJyA6IGdldFNpemVOYW1lKHNpemVUeXBlLnNtYWxsKSA9PSBzaXplICYmIGRpc2FibGVkLFxyXG4gICAgICAgICAgICAgICAgICAgICd3LWVkaXQtdHJlZXNlbGVjdC1sYWJlbCcgOiBnZXRTaXplTmFtZShzaXplVHlwZS5tZWRpdW0pID09IHNpemUgJiYgIWRpc2FibGVkLFxyXG4gICAgICAgICAgICAgICAgICAgICd3LWVkaXQtdHJlZXNlbGVjdC1sYWJlbC1kaXNhYmxlZCcgOiBnZXRTaXplTmFtZShzaXplVHlwZS5tZWRpdW0pID09IHNpemUgJiYgZGlzYWJsZWR9XCI+XHJcbiAgICAgICAge3tsYWJlbH19XHJcbiAgICA8L2xhYmVsPlxyXG4gICAgPGRpdiAqbmdJZj1cIihsYWJlbCAhPSB1bmRlZmluZWQgJiYgbGFiZWwgPT0gJycpXCIgY2xhc3M9XCJ3LWdlbmVyaWMtaW5wdXQtbm8tbGFiZWwtaGVpZ2h0XCI+PC9kaXY+XHJcbiAgICA8cC10cmVlU2VsZWN0ICpuZ0lmPVwiZ2V0U2l6ZU5hbWUoc2l6ZVR5cGUubWVkaXVtKSA9PSBzaXplXCIgY2xhc3M9XCJ3LWVkaXQtdHJlZXNlbGVjdC1pbnB1dFwiIFxyXG4gICAgICAgIFtuZ0NsYXNzXT1cInsnbmctaW52YWxpZCBuZy1kaXJ0eSc6IGZvcm1Db250cm9sLmRpcnR5ICYmIGZvcm1Db250cm9sLmhhc0Vycm9yKCdyZXF1aXJlZCcpfVwiXHJcbiAgICAgICAgW29wdGlvbnNdPVwib3B0aW9uc1wiIFxyXG4gICAgICAgIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiIFxyXG4gICAgICAgIFtzaG93Q2xlYXJdPVwic2hvd0NsZWFyXCIgXHJcbiAgICAgICAgW2ZpbHRlcl09XCJ0cnVlXCJcclxuICAgICAgICBbZmlsdGVyQnldPVwiZmlsdGVyQnlcIiBcclxuICAgICAgICBbcmVxdWlyZWRdPVwicmVxdWlyZWRcIlxyXG4gICAgICAgIFtmb3JtQ29udHJvbF09XCJmb3JtQ29udHJvbFwiIFxyXG4gICAgICAgIFthcHBlbmRUb109XCJhcHBlbmRUb1wiIFxyXG4gICAgICAgIChvbk5vZGVTZWxlY3QpPVwib25PcHRpb25TZWxlY3RlZEZvcm0oJGV2ZW50KVwiPlxyXG4gICAgPC9wLXRyZWVTZWxlY3Q+XHJcbiAgICA8cC10cmVlU2VsZWN0ICpuZ0lmPVwiZ2V0U2l6ZU5hbWUoc2l6ZVR5cGUuc21hbGwpID09IHNpemVcIiBjbGFzcz1cInctZWRpdC10cmVlc2VsZWN0LWlucHV0LXNtYWxsXCIgXHJcbiAgICAgICAgW25nQ2xhc3NdPVwieyduZy1pbnZhbGlkIG5nLWRpcnR5JzogZm9ybUNvbnRyb2wuZGlydHkgJiYgZm9ybUNvbnRyb2wuaGFzRXJyb3IoJ3JlcXVpcmVkJyl9XCJcclxuICAgICAgICBbb3B0aW9uc109XCJvcHRpb25zXCIgXHJcbiAgICAgICAgW3BsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyXCIgXHJcbiAgICAgICAgW3Nob3dDbGVhcl09XCJzaG93Q2xlYXJcIiBcclxuICAgICAgICBbZmlsdGVyXT1cInRydWVcIlxyXG4gICAgICAgIFtmaWx0ZXJCeV09XCJmaWx0ZXJCeVwiXHJcbiAgICAgICAgW3JlcXVpcmVkXT1cInJlcXVpcmVkXCJcclxuICAgICAgICBbZm9ybUNvbnRyb2xdPVwiZm9ybUNvbnRyb2xcIiBcclxuICAgICAgICBbYXBwZW5kVG9dPVwiYXBwZW5kVG9cIiBcclxuICAgICAgICAob25Ob2RlU2VsZWN0KT1cIm9uT3B0aW9uU2VsZWN0ZWRGb3JtKCRldmVudClcIj5cclxuICAgIDwvcC10cmVlU2VsZWN0PlxyXG4gICAgPHNtYWxsICpuZ0lmPVwiZ2V0U2l6ZU5hbWUoc2l6ZVR5cGUubWVkaXVtKSA9PSBzaXplICYmIGZvcm1Db250cm9sLmRpcnR5ICYmIGZvcm1Db250cm9sLmhhc0Vycm9yKCdyZXF1aXJlZCcpXCIgXHJcbiAgICBjbGFzcz1cInctZXJyb3ItbWVzc2FnZS1jb250YWluZXIgdy1mdWxsIHctZXJyb3ItbWVzc2FnZSBwLWVycm9yIGJsb2NrXCI+e3tlcnJvckRlc2NyaXB0aW9ufX08L3NtYWxsPiBcclxuPC9kaXY+XHJcbjxuZy10ZW1wbGF0ZSAjbm9OZ0NvbnRyb2w+XHJcbiAgICA8ZGl2IGNsYXNzPVwidy1lZGl0LXRyZWVzZWxlY3QtZmllbGQgcC1mbHVpZCBmaWVsZFwiPlxyXG4gICAgICAgIDxsYWJlbCAqbmdJZj1cIihsYWJlbCAhPSB1bmRlZmluZWQgJiYgbGFiZWwubGVuZ3RoID4gMClcIiAgXHJcbiAgICAgICAgICAgIFtuZ0NsYXNzXT1cInsndy1lZGl0LXRyZWVzZWxlY3Qtc21hbGwtbGFiZWwnIDogZ2V0U2l6ZU5hbWUoc2l6ZVR5cGUuc21hbGwpID09IHNpemUgJiYgIWRpc2FibGVkLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAndy1lZGl0LXRyZWVzZWxlY3Qtc21hbGwtbGFiZWwtZGlzYWJsZWQnIDogZ2V0U2l6ZU5hbWUoc2l6ZVR5cGUuc21hbGwpID09IHNpemUgJiYgZGlzYWJsZWQsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICd3LWVkaXQtdHJlZXNlbGVjdC1sYWJlbCcgOiBnZXRTaXplTmFtZShzaXplVHlwZS5tZWRpdW0pID09IHNpemUgJiYgIWRpc2FibGVkLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAndy1lZGl0LXRyZWVzZWxlY3QtbGFiZWwtZGlzYWJsZWQnIDogZ2V0U2l6ZU5hbWUoc2l6ZVR5cGUubWVkaXVtKSA9PSBzaXplICYmIGRpc2FibGVkfVwiPlxyXG4gICAgICAgICAgICB7e2xhYmVsfX1cclxuICAgICAgICA8L2xhYmVsPlxyXG4gICAgICAgIDxkaXYgKm5nSWY9XCIobGFiZWwgIT0gdW5kZWZpbmVkICYmIGxhYmVsID09ICcnKVwiIGNsYXNzPVwidy1nZW5lcmljLWlucHV0LW5vLWxhYmVsLWhlaWdodFwiPjwvZGl2PlxyXG4gICAgICAgIDxwLXRyZWVTZWxlY3QgKm5nSWY9XCJnZXRTaXplTmFtZShzaXplVHlwZS5tZWRpdW0pID09IHNpemVcIiBjbGFzcz1cInctZWRpdC10cmVlc2VsZWN0LWlucHV0XCIgXHJcbiAgICAgICAgICAgIFtvcHRpb25zXT1cIm9wdGlvbnNcIiBcclxuICAgICAgICAgICAgW3BsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyXCIgXHJcbiAgICAgICAgICAgIFtzaG93Q2xlYXJdPVwic2hvd0NsZWFyXCIgXHJcbiAgICAgICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXHJcbiAgICAgICAgICAgIFtmaWx0ZXJdPVwidHJ1ZVwiXHJcbiAgICAgICAgICAgIFtmaWx0ZXJCeV09XCJmaWx0ZXJCeVwiIFxyXG4gICAgICAgICAgICBbKG5nTW9kZWwpXT1cIm5nTW9kZWxWYWx1ZVwiIFxyXG4gICAgICAgICAgICAobmdNb2RlbENoYW5nZSk9XCJvbk9wdGlvblNlbGVjdGVkKClcIiBcclxuICAgICAgICAgICAgW2FwcGVuZFRvXT1cImFwcGVuZFRvXCI+XHJcbiAgICAgICAgPC9wLXRyZWVTZWxlY3Q+XHJcbiAgICAgICAgPHAtdHJlZVNlbGVjdCAqbmdJZj1cImdldFNpemVOYW1lKHNpemVUeXBlLnNtYWxsKSA9PSBzaXplXCIgY2xhc3M9XCJ3LWVkaXQtdHJlZXNlbGVjdC1pbnB1dC1zbWFsbFwiIFxyXG4gICAgICAgICAgICBbb3B0aW9uc109XCJvcHRpb25zXCIgXHJcbiAgICAgICAgICAgIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiIFxyXG4gICAgICAgICAgICBbc2hvd0NsZWFyXT1cInNob3dDbGVhclwiIFxyXG4gICAgICAgICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxyXG4gICAgICAgICAgICBbZmlsdGVyXT1cInRydWVcIlxyXG4gICAgICAgICAgICBbZmlsdGVyQnldPVwiZmlsdGVyQnlcIlxyXG4gICAgICAgICAgICBbKG5nTW9kZWwpXT1cIm5nTW9kZWxWYWx1ZVwiIFxyXG4gICAgICAgICAgICAobmdNb2RlbENoYW5nZSk9XCJvbk9wdGlvblNlbGVjdGVkKClcIiBcclxuICAgICAgICAgICAgW2FwcGVuZFRvXT1cImFwcGVuZFRvXCI+XHJcbiAgICAgICAgPC9wLXRyZWVTZWxlY3Q+XHJcbiAgICA8L2Rpdj5cclxuPC9uZy10ZW1wbGF0ZT5cclxuIl19
|
|
107
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidy1lZGl0LXRyZWVzZWxlY3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvd2FwcC1jb21wb25lbnRzL3NyYy9saWIvZWRpdC93LWVkaXQtdHJlZXNlbGVjdC93LWVkaXQtdHJlZXNlbGVjdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy93YXBwLWNvbXBvbmVudHMvc3JjL2xpYi9lZGl0L3ctZWRpdC10cmVlc2VsZWN0L3ctZWRpdC10cmVlc2VsZWN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDeEUsT0FBTyxFQUFFLFNBQVMsRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUNsRCxPQUFPLEVBQXFDLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDdEYsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLHlCQUF5QixDQUFDOzs7OztBQWNuRCxNQUFNLE9BQU8sd0JBQXdCO0lBWnJDO1FBZXFCLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFDMUIsYUFBUSxHQUFZLEtBQUssQ0FBQztRQUM5QixTQUFJLEdBQVcsT0FBTyxDQUFDO1FBR2xCLGNBQVMsR0FBWSxJQUFJLENBQUM7UUFFWCxxQkFBZ0IsR0FBVyw4QkFBOEIsQ0FBQztRQUd6RSxrQkFBYSxHQUFzQixJQUFJLFlBQVksRUFBRSxDQUFDO1FBRTFFLGFBQVEsR0FBb0IsUUFBUSxDQUFDO1FBRXJDLGFBQVEsR0FBUSxHQUFHLEVBQUUsR0FBRSxDQUFDLENBQUM7UUFDekIsWUFBTyxHQUFRLEdBQUcsRUFBRSxHQUFFLENBQUMsQ0FBQztLQTRDekI7SUF4Q0MsUUFBUSxLQUFVLENBQUM7SUFFbkIsVUFBVSxDQUFDLEtBQVU7UUFDbkIsSUFBSSxDQUFDLFlBQVksR0FBRyxLQUFLLENBQUM7SUFDNUIsQ0FBQztJQUVELGdCQUFnQixDQUFDLEVBQU87UUFDdEIsSUFBSSxDQUFDLFFBQVEsR0FBRyxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVELGlCQUFpQixDQUFDLEVBQU87UUFDdkIsSUFBSSxDQUFDLE9BQU8sR0FBRyxFQUFFLENBQUM7SUFDcEIsQ0FBQztJQUVELGdCQUFnQixDQUFDLFVBQW1CO1FBQ2xDLElBQUksQ0FBQyxRQUFRLEdBQUcsVUFBVSxDQUFDO0lBQzdCLENBQUM7SUFFRCxnQkFBZ0I7UUFDZCxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQztRQUNqQyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7UUFFZixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUM7SUFDN0MsQ0FBQztJQUVELG9CQUFvQixDQUFDLEtBQVU7UUFDN0IsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO1FBQ2YsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3RDLENBQUM7SUFFRCxXQUFXLENBQUMsS0FBWTtRQUN0QixNQUFNLFFBQVEsR0FBSSxLQUFLLENBQUMsTUFBMkIsQ0FBQyxLQUFLLENBQUM7UUFDMUQsSUFBSSxDQUFDLFlBQVksR0FBRyxRQUFRLENBQUM7UUFDN0IsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUM7UUFDakMsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO0lBQ2pCLENBQUM7SUFFRCxXQUFXLENBQUMsS0FBYTtRQUN2QixPQUFPLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN6QixDQUFDOztxSEE3RFUsd0JBQXdCO3lHQUF4Qix3QkFBd0IsOFhBUnhCO1FBQ1Q7WUFDRSxPQUFPLEVBQUUsaUJBQWlCO1lBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsd0JBQXdCLENBQUM7WUFDdkQsS0FBSyxFQUFFLElBQUk7U0FDWjtLQUNGLDBCQ2ZILHE1SEFzRUE7MkZEckRhLHdCQUF3QjtrQkFacEMsU0FBUzsrQkFDRSxtQkFBbUIsYUFHbEI7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUseUJBQXlCLENBQUM7NEJBQ3ZELEtBQUssRUFBRSxJQUFJO3lCQUNaO3FCQUNGOzhCQUdlLEtBQUs7c0JBQXBCLEtBQUs7dUJBQUMsT0FBTztnQkFDUSxXQUFXO3NCQUFoQyxLQUFLO3VCQUFDLGFBQWE7Z0JBQ0QsUUFBUTtzQkFBMUIsS0FBSzt1QkFBQyxVQUFVO2dCQUNFLFFBQVE7c0JBQTFCLEtBQUs7dUJBQUMsVUFBVTtnQkFDRixJQUFJO3NCQUFsQixLQUFLO3VCQUFDLE1BQU07Z0JBQ0ssT0FBTztzQkFBeEIsS0FBSzt1QkFBQyxTQUFTO2dCQUNHLFFBQVE7c0JBQTFCLEtBQUs7dUJBQUMsVUFBVTtnQkFDRyxTQUFTO3NCQUE1QixLQUFLO3VCQUFDLFdBQVc7Z0JBQ0ksV0FBVztzQkFBaEMsS0FBSzt1QkFBQyxhQUFhO2dCQUNlLGdCQUFnQjtzQkFBbEQsS0FBSzt1QkFBQywwQkFBMEI7Z0JBQ2QsUUFBUTtzQkFBMUIsS0FBSzt1QkFBQyxVQUFVO2dCQUVHLGFBQWE7c0JBQWhDLE1BQU07dUJBQUMsVUFBVSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCwgZm9yd2FyZFJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvciwgRm9ybUNvbnRyb2wsIE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5pbXBvcnQgeyBTaXplVHlwZSB9IGZyb20gJy4uLy4uL3NoYXJlZC9lbnVtcy9lbnVtJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAndy1lZGl0LXRyZWVzZWxlY3QnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi93LWVkaXQtdHJlZXNlbGVjdC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vdy1lZGl0LXRyZWVzZWxlY3QuY29tcG9uZW50LnNjc3MnXSxcclxuICBwcm92aWRlcnM6IFtcclxuICAgIHtcclxuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXHJcbiAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IFdFZGl0VHJlZXNlbGVjdENvbXBvbmVudCksXHJcbiAgICAgIG11bHRpOiB0cnVlXHJcbiAgICB9XHJcbiAgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgV0VkaXRUcmVlc2VsZWN0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBDb250cm9sVmFsdWVBY2Nlc3NvciB7XHJcbiAgQElucHV0KCdsYWJlbCcpIGxhYmVsITogc3RyaW5nO1xyXG4gIEBJbnB1dCgncGxhY2Vob2xkZXInKSBwbGFjZWhvbGRlciE6IHN0cmluZztcclxuICBASW5wdXQoJ2Rpc2FibGVkJykgZGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBASW5wdXQoJ3JlcXVpcmVkJykgcmVxdWlyZWQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBASW5wdXQoJ3NpemUnKSBzaXplOiBzdHJpbmcgPSBcInNtYWxsXCI7XHJcbiAgQElucHV0KCdvcHRpb25zJykgb3B0aW9uczogYW55O1xyXG4gIEBJbnB1dCgnYXBwZW5kVG8nKSBhcHBlbmRUbyE6IHN0cmluZzsgXHJcbiAgQElucHV0KCdzaG93Q2xlYXInKSBzaG93Q2xlYXI6IGJvb2xlYW4gPSB0cnVlO1xyXG4gIEBJbnB1dCgnZm9ybUNvbnRyb2wnKSBmb3JtQ29udHJvbCE6IEZvcm1Db250cm9sIHwgbnVsbDtcclxuICBASW5wdXQoJ3JlcXVpcmVkRXJyb3JEZXNjcmlwdGlvbicpIGVycm9yRGVzY3JpcHRpb246IHN0cmluZyA9IFwiU2VsZWN0IGFuIG9wdGlvbiBpcyByZXF1aXJlZFwiO1xyXG4gIEBJbnB1dCgnZmlsdGVyQnknKSBmaWx0ZXJCeSE6IHN0cmluZztcclxuXHJcbiAgQE91dHB1dCgnb25DaGFuZ2UnKSBvbkNoYW5nZUV2ZW50OiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuXHJcbiAgc2l6ZVR5cGU6IHR5cGVvZiBTaXplVHlwZSA9IFNpemVUeXBlO1xyXG5cclxuICBvbkNoYW5nZTogYW55ID0gKCkgPT4ge307XHJcbiAgb25Ub3VjaDogYW55ID0gKCkgPT4ge307XHJcblxyXG4gIG5nTW9kZWxWYWx1ZTogYW55O1xyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHt9XHJcblxyXG4gIHdyaXRlVmFsdWUodmFsdWU6IGFueSk6IHZvaWQge1xyXG4gICAgdGhpcy5uZ01vZGVsVmFsdWUgPSB2YWx1ZTtcclxuICB9XHJcblxyXG4gIHJlZ2lzdGVyT25DaGFuZ2UoZm46IGFueSk6IHZvaWQge1xyXG4gICAgdGhpcy5vbkNoYW5nZSA9IGZuO1xyXG4gIH1cclxuXHJcbiAgcmVnaXN0ZXJPblRvdWNoZWQoZm46IGFueSk6IHZvaWQge1xyXG4gICAgdGhpcy5vblRvdWNoID0gZm47XHJcbiAgfVxyXG4gIFxyXG4gIHNldERpc2FibGVkU3RhdGUoaXNEaXNhYmxlZDogYm9vbGVhbik6IHZvaWQge1xyXG4gICAgdGhpcy5kaXNhYmxlZCA9IGlzRGlzYWJsZWQ7XHJcbiAgfVxyXG5cclxuICBvbk9wdGlvblNlbGVjdGVkKCl7XHJcbiAgICB0aGlzLm9uQ2hhbmdlKHRoaXMubmdNb2RlbFZhbHVlKTtcclxuICAgIHRoaXMub25Ub3VjaCgpO1xyXG5cclxuICAgIHRoaXMub25DaGFuZ2VFdmVudC5lbWl0KHRoaXMubmdNb2RlbFZhbHVlKTtcclxuICB9XHJcblxyXG4gIG9uT3B0aW9uU2VsZWN0ZWRGb3JtKGV2ZW50OiBhbnkpe1xyXG4gICAgdGhpcy5vblRvdWNoKCk7XHJcbiAgICB0aGlzLm9uQ2hhbmdlRXZlbnQuZW1pdChldmVudC5ub2RlKTtcclxuICB9XHJcblxyXG4gIG9uSW5wdXRCbHVyKGV2ZW50OiBFdmVudCl7XHJcbiAgICBjb25zdCBuZXdWYWx1ZSA9IChldmVudC50YXJnZXQgYXMgSFRNTElucHV0RWxlbWVudCkudmFsdWU7XHJcbiAgICB0aGlzLm5nTW9kZWxWYWx1ZSA9IG5ld1ZhbHVlO1xyXG4gICAgdGhpcy5vbkNoYW5nZSh0aGlzLm5nTW9kZWxWYWx1ZSk7XHJcbiAgICB0aGlzLm9uVG91Y2goKTtcclxuICB9XHJcblxyXG4gIGdldFNpemVOYW1lKHZhbHVlOiBudW1iZXIpOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIFNpemVUeXBlW3ZhbHVlXTtcclxuICB9XHJcbn0iLCI8ZGl2ICpuZ0lmPVwiZm9ybUNvbnRyb2w7IGVsc2Ugbm9OZ0NvbnRyb2xcIiBjbGFzcz1cInctZWRpdC10cmVlc2VsZWN0LWZpZWxkIHAtZmx1aWQgZmllbGRcIj5cclxuICAgIDxsYWJlbCAqbmdJZj1cIihsYWJlbCAhPSB1bmRlZmluZWQgJiYgbGFiZWwubGVuZ3RoID4gMClcIiAgXHJcbiAgICAgICAgW25nQ2xhc3NdPVwieyd3LWVkaXQtdHJlZXNlbGVjdC1zbWFsbC1sYWJlbCcgOiBnZXRTaXplTmFtZShzaXplVHlwZS5zbWFsbCkgPT0gc2l6ZSAmJiAhZGlzYWJsZWQsXHJcbiAgICAgICAgICAgICAgICAgICAgJ3ctZWRpdC10cmVlc2VsZWN0LXNtYWxsLWxhYmVsLWRpc2FibGVkJyA6IGdldFNpemVOYW1lKHNpemVUeXBlLnNtYWxsKSA9PSBzaXplICYmIGRpc2FibGVkLFxyXG4gICAgICAgICAgICAgICAgICAgICd3LWVkaXQtdHJlZXNlbGVjdC1tZWRpdW0tbGFiZWwnIDogZ2V0U2l6ZU5hbWUoc2l6ZVR5cGUubWVkaXVtKSA9PSBzaXplICYmICFkaXNhYmxlZCxcclxuICAgICAgICAgICAgICAgICAgICAndy1lZGl0LXRyZWVzZWxlY3QtbWVkaXVtLWxhYmVsLWRpc2FibGVkJyA6IGdldFNpemVOYW1lKHNpemVUeXBlLm1lZGl1bSkgPT0gc2l6ZSAmJiBkaXNhYmxlZH1cIj5cclxuICAgICAgICB7e2xhYmVsfX1cclxuICAgIDwvbGFiZWw+XHJcbiAgICA8ZGl2ICpuZ0lmPVwiKGxhYmVsICE9IHVuZGVmaW5lZCAmJiBsYWJlbCA9PSAnJylcIiBjbGFzcz1cInctaW5wdXQtbm8tbGFiZWwtaGVpZ2h0XCI+PC9kaXY+XHJcbiAgICA8cC10cmVlU2VsZWN0ICpuZ0lmPVwiZ2V0U2l6ZU5hbWUoc2l6ZVR5cGUubWVkaXVtKSA9PSBzaXplXCIgY2xhc3M9XCJ3LWVkaXQtdHJlZXNlbGVjdC1tZWRpdW1cIiBcclxuICAgICAgICBbbmdDbGFzc109XCJ7J25nLWludmFsaWQgbmctZGlydHknOiBmb3JtQ29udHJvbC5kaXJ0eSAmJiBmb3JtQ29udHJvbC5oYXNFcnJvcigncmVxdWlyZWQnKX1cIlxyXG4gICAgICAgIFtvcHRpb25zXT1cIm9wdGlvbnNcIiBcclxuICAgICAgICBbcGxhY2Vob2xkZXJdPVwicGxhY2Vob2xkZXJcIiBcclxuICAgICAgICBbc2hvd0NsZWFyXT1cInNob3dDbGVhclwiIFxyXG4gICAgICAgIFtmaWx0ZXJdPVwidHJ1ZVwiXHJcbiAgICAgICAgW2ZpbHRlckJ5XT1cImZpbHRlckJ5XCIgXHJcbiAgICAgICAgW3JlcXVpcmVkXT1cInJlcXVpcmVkXCJcclxuICAgICAgICBbZm9ybUNvbnRyb2xdPVwiZm9ybUNvbnRyb2xcIiBcclxuICAgICAgICBbYXBwZW5kVG9dPVwiYXBwZW5kVG9cIiBcclxuICAgICAgICAob25Ob2RlU2VsZWN0KT1cIm9uT3B0aW9uU2VsZWN0ZWRGb3JtKCRldmVudClcIj5cclxuICAgIDwvcC10cmVlU2VsZWN0PlxyXG4gICAgPHAtdHJlZVNlbGVjdCAqbmdJZj1cImdldFNpemVOYW1lKHNpemVUeXBlLnNtYWxsKSA9PSBzaXplXCIgY2xhc3M9XCJ3LWVkaXQtdHJlZXNlbGVjdC1zbWFsbFwiIFxyXG4gICAgICAgIFtuZ0NsYXNzXT1cInsnbmctaW52YWxpZCBuZy1kaXJ0eSc6IGZvcm1Db250cm9sLmRpcnR5ICYmIGZvcm1Db250cm9sLmhhc0Vycm9yKCdyZXF1aXJlZCcpfVwiXHJcbiAgICAgICAgW29wdGlvbnNdPVwib3B0aW9uc1wiIFxyXG4gICAgICAgIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiIFxyXG4gICAgICAgIFtzaG93Q2xlYXJdPVwic2hvd0NsZWFyXCIgXHJcbiAgICAgICAgW2ZpbHRlcl09XCJ0cnVlXCJcclxuICAgICAgICBbZmlsdGVyQnldPVwiZmlsdGVyQnlcIlxyXG4gICAgICAgIFtyZXF1aXJlZF09XCJyZXF1aXJlZFwiXHJcbiAgICAgICAgW2Zvcm1Db250cm9sXT1cImZvcm1Db250cm9sXCIgXHJcbiAgICAgICAgW2FwcGVuZFRvXT1cImFwcGVuZFRvXCIgXHJcbiAgICAgICAgKG9uTm9kZVNlbGVjdCk9XCJvbk9wdGlvblNlbGVjdGVkRm9ybSgkZXZlbnQpXCI+XHJcbiAgICA8L3AtdHJlZVNlbGVjdD5cclxuICAgIDxzbWFsbCAqbmdJZj1cImdldFNpemVOYW1lKHNpemVUeXBlLm1lZGl1bSkgPT0gc2l6ZSAmJiBmb3JtQ29udHJvbC5kaXJ0eSAmJiBmb3JtQ29udHJvbC5oYXNFcnJvcigncmVxdWlyZWQnKVwiIFxyXG4gICAgY2xhc3M9XCJ3LWVycm9yLW1lc3NhZ2UtY29udGFpbmVyIHctZnVsbCB3LWVycm9yLW1lc3NhZ2UgcC1lcnJvciBibG9ja1wiPnt7ZXJyb3JEZXNjcmlwdGlvbn19PC9zbWFsbD4gXHJcbjwvZGl2PlxyXG48bmctdGVtcGxhdGUgI25vTmdDb250cm9sPlxyXG4gICAgPGRpdiBjbGFzcz1cInctZWRpdC10cmVlc2VsZWN0LWZpZWxkIHAtZmx1aWQgZmllbGRcIj5cclxuICAgICAgICA8bGFiZWwgKm5nSWY9XCIobGFiZWwgIT0gdW5kZWZpbmVkICYmIGxhYmVsLmxlbmd0aCA+IDApXCIgIFxyXG4gICAgICAgICAgICBbbmdDbGFzc109XCJ7J3ctZWRpdC10cmVlc2VsZWN0LXNtYWxsLWxhYmVsJyA6IGdldFNpemVOYW1lKHNpemVUeXBlLnNtYWxsKSA9PSBzaXplICYmICFkaXNhYmxlZCxcclxuICAgICAgICAgICAgICAgICAgICAgICAgJ3ctZWRpdC10cmVlc2VsZWN0LXNtYWxsLWxhYmVsLWRpc2FibGVkJyA6IGdldFNpemVOYW1lKHNpemVUeXBlLnNtYWxsKSA9PSBzaXplICYmIGRpc2FibGVkLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAndy1lZGl0LXRyZWVzZWxlY3QtbWVkaXVtLWxhYmVsJyA6IGdldFNpemVOYW1lKHNpemVUeXBlLm1lZGl1bSkgPT0gc2l6ZSAmJiAhZGlzYWJsZWQsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICd3LWVkaXQtdHJlZXNlbGVjdC1tZWRpdW0tbGFiZWwtZGlzYWJsZWQnIDogZ2V0U2l6ZU5hbWUoc2l6ZVR5cGUubWVkaXVtKSA9PSBzaXplICYmIGRpc2FibGVkfVwiPlxyXG4gICAgICAgICAgICB7e2xhYmVsfX1cclxuICAgICAgICA8L2xhYmVsPlxyXG4gICAgICAgIDxkaXYgKm5nSWY9XCIobGFiZWwgIT0gdW5kZWZpbmVkICYmIGxhYmVsID09ICcnKVwiIGNsYXNzPVwidy1pbnB1dC1uby1sYWJlbC1oZWlnaHRcIj48L2Rpdj5cclxuICAgICAgICA8cC10cmVlU2VsZWN0ICpuZ0lmPVwiZ2V0U2l6ZU5hbWUoc2l6ZVR5cGUubWVkaXVtKSA9PSBzaXplXCIgY2xhc3M9XCJ3LWVkaXQtdHJlZXNlbGVjdC1tZWRpdW1cIiBcclxuICAgICAgICAgICAgW29wdGlvbnNdPVwib3B0aW9uc1wiIFxyXG4gICAgICAgICAgICBbcGxhY2Vob2xkZXJdPVwicGxhY2Vob2xkZXJcIiBcclxuICAgICAgICAgICAgW3Nob3dDbGVhcl09XCJzaG93Q2xlYXJcIiBcclxuICAgICAgICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcclxuICAgICAgICAgICAgW2ZpbHRlcl09XCJ0cnVlXCJcclxuICAgICAgICAgICAgW2ZpbHRlckJ5XT1cImZpbHRlckJ5XCIgXHJcbiAgICAgICAgICAgIFsobmdNb2RlbCldPVwibmdNb2RlbFZhbHVlXCIgXHJcbiAgICAgICAgICAgIChuZ01vZGVsQ2hhbmdlKT1cIm9uT3B0aW9uU2VsZWN0ZWQoKVwiIFxyXG4gICAgICAgICAgICBbYXBwZW5kVG9dPVwiYXBwZW5kVG9cIj5cclxuICAgICAgICA8L3AtdHJlZVNlbGVjdD5cclxuICAgICAgICA8cC10cmVlU2VsZWN0ICpuZ0lmPVwiZ2V0U2l6ZU5hbWUoc2l6ZVR5cGUuc21hbGwpID09IHNpemVcIiBjbGFzcz1cInctZWRpdC10cmVlc2VsZWN0LXNtYWxsXCIgXHJcbiAgICAgICAgICAgIFtvcHRpb25zXT1cIm9wdGlvbnNcIiBcclxuICAgICAgICAgICAgW3BsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyXCIgXHJcbiAgICAgICAgICAgIFtzaG93Q2xlYXJdPVwic2hvd0NsZWFyXCIgXHJcbiAgICAgICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXHJcbiAgICAgICAgICAgIFtmaWx0ZXJdPVwidHJ1ZVwiXHJcbiAgICAgICAgICAgIFtmaWx0ZXJCeV09XCJmaWx0ZXJCeVwiXHJcbiAgICAgICAgICAgIFsobmdNb2RlbCldPVwibmdNb2RlbFZhbHVlXCIgXHJcbiAgICAgICAgICAgIChuZ01vZGVsQ2hhbmdlKT1cIm9uT3B0aW9uU2VsZWN0ZWQoKVwiIFxyXG4gICAgICAgICAgICBbYXBwZW5kVG9dPVwiYXBwZW5kVG9cIj5cclxuICAgICAgICA8L3AtdHJlZVNlbGVjdD5cclxuICAgIDwvZGl2PlxyXG48L25nLXRlbXBsYXRlPlxyXG4iXX0=
|
|
@@ -218,10 +218,10 @@ export class WImageCropperComponent {
|
|
|
218
218
|
}
|
|
219
219
|
}
|
|
220
220
|
WImageCropperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WImageCropperComponent, deps: [{ token: i1.DynamicDialogRef }, { token: i2.ModalService }, { token: i1.DynamicDialogConfig }], target: i0.ɵɵFactoryTarget.Component });
|
|
221
|
-
WImageCropperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WImageCropperComponent, selector: "w-image-cropper", inputs: { dimensionsInput: "dimensionsInput", translationsImageCropper: "translationsImageCropper", blob: "blob" }, outputs: { imageCroppedFinal: "imageCroppedFinal", imageB64: "imageB64" }, ngImport: i0, template: "<div class=\"flex flex-column align-content-center justify-content-center wapp-card-cropper\">\r\n <div class=\"flex flex-1\" ></div> \r\n <div class=\"flex justify-content-center align-content-center\" *ngIf=\"!blob; else imageCropper\">\r\n <span class=\"flex align-content-center surface-border justify-content-between flex-wrap\"> \r\n <p-fileUpload #fileUploader\r\n class=\"w-file-button bg-white\"\r\n chooseIcon=\"pi pi-image\"\r\n chooseLabel=\"Choose\"\r\n (onSelect)=\"myUploader($event)\"\r\n name=\"filesToUpload[]\" \r\n [auto]=\"true\"\r\n [multiple]=\"false\"\r\n accept=\"image/*\"\r\n mode=\"basic\"\r\n accept=\"image/*\" \r\n [maxFileSize]=\"maxFileSize\">\r\n </p-fileUpload>\r\n </span>\r\n </div>\r\n <ng-template #imageCropper>\r\n <div class=\"flex flex-column w-full\">\r\n <div class=\"flex flex-row align-content-center\">\r\n <div class=\"w-3\"></div>\r\n <div class=\"flex align-content-center align-items-center justify-content-between wapp-image-cropper-wrapper flex-1\">\r\n <image-cropper\r\n [imageFile]=\"blob\"\r\n [imageURL]=\"imageURL\"\r\n [maintainAspectRatio]=\"true\"\r\n [containWithinAspectRatio]=\"containWithinAspectRatio\"\r\n [aspectRatio]=\"aspectRatio\"\r\n [resizeToWidth]= \"dimensions.width\"\r\n [resizeToHeight]=\"dimensions.height\"\r\n [cropperMinWidth]=\"128\"\r\n [onlyScaleDown]=\"true\"\r\n [roundCropper]=\"false\"\r\n [canvasRotation]=\"canvasRotation\"\r\n [(transform)]=\"transform\"\r\n [alignImage]=\"'center'\"\r\n [style.display]=\"showCropper ? null : 'none'\"\r\n [allowMoveImage]=\"allowMoveImage\"\r\n [hidden]=\"hidden\"\r\n backgroundColor=\"blue\"\r\n format=\"png\"\r\n [roundCropper]=\"roundedCropper\"\r\n (imageCropped)=\"imageCropped($event)\"\r\n (imageLoaded)=\"imageLoaded()\"\r\n (cropperReady)=\"cropperReady($event)\"\r\n (loadImageFailed)=\"loadImageFailed()\"\r\n ></image-cropper>\r\n </div>\r\n <div class=\"flex flex-column justify-content-center align-content-center align-items-center\">\r\n <w-button \r\n class=\"flex align-items-center align-content-center justify-content-start px-3 py-3\" \r\n [pTooltip]=\"translationsImageCropper.zoomIn\"\r\n icon=\"pi pi-search-plus\" (click)=\"zoomIn()\"\r\n type=\"text\"></w-button>\r\n <w-button \r\n class=\"flex align-items-center align-content-center justify-content-start px-3 py-3\" \r\n [pTooltip]=\"translationsImageCropper.zoomOut\"\r\n icon=\"pi pi-search-minus\" \r\n (click)=\"zoomOut()\"\r\n type=\"text\"></w-button> \r\n </div>\r\n <div class=\"flex flex-1\"></div>\r\n </div>\r\n \r\n <div class=\"flex flex-1\">\r\n <div class=\"w-3\"></div>\r\n <div class=\"flex flex-1 flex-column wapp-image-cropper-tools py-4\">\r\n <p-slider [(ngModel)]=\"rotation\" [min]=\"-360\" [max]=\"360\" \r\n (ngModelChange)=\"updateRotation()\" class=\"w-full align-content-center\"\r\n [pTooltip]=\"translationsImageCropper.rotation\"></p-slider>\r\n </div>\r\n <div class=\"w-3 align-items-end\"></div>\r\n </div>\r\n \r\n <div class=\"flex flex-1\">\r\n <div class=\"w-3\"></div>\r\n <div class=\"flex flex-1 wapp-image-cropper-tools flex-row justify-content-center align-items-center align-content-center\">\r\n <w-button\r\n type=\"text\"\r\n icon=\"pi pi-replay\" \r\n tooltipPosition=\"bottom\"\r\n [pTooltip]=\"translationsImageCropper.rotateLeft\"\r\n (click)=\"rotateLeft()\"></w-button>\r\n <w-button \r\n type=\"text\"\r\n icon=\"pi pi-refresh\"\r\n tooltipPosition=\"bottom\"\r\n [pTooltip]=\"translationsImageCropper.rotateRight\"\r\n (click)=\"rotateRight()\"></w-button>\r\n <w-button\r\n type=\"text\"\r\n icon=\"pi pi-arrows-h\" \r\n tooltipPosition=\"bottom\"\r\n [pTooltip]=\"translationsImageCropper.flipHorizontal\"\r\n (click)=\"flipHorizontal()\"></w-button>\r\n <w-button \r\n type=\"text\"\r\n [pTooltip]=\"translationsImageCropper.flipVertical\"\r\n icon=\"pi pi-arrows-v\"\r\n tooltipPosition=\"bottom\"\r\n (click)=\"flipVertical()\"></w-button>\r\n <w-button \r\n type=\"text\"\r\n [pTooltip]=\"translationsImageCropper.restore\"\r\n icon=\"pi pi-history\"\r\n tooltipPosition=\"bottom\"\r\n (click)=\"resetImage()\"></w-button>\r\n <w-button \r\n type=\"text\"\r\n [pTooltip]=\"translationsImageCropper.preview\"\r\n icon=\"pi pi-eye\"\r\n tooltipPosition=\"bottom\"\r\n (click)=\"viewCrop()\"></w-button>\r\n </div>\r\n <div class=\"w-3 align-items-end\"></div>\r\n </div>\r\n </div>\r\n \r\n </ng-template>\r\n <div class=\"flex flex-1\" ></div>\r\n <div class=\"wapp-image-cropper-dialog-buttons flex justify-content-end align-content-center align-items-center w-full h-2\">\r\n <w-button *ngIf=\"blob\"\r\n (onClick)=\"deleteBlob()\"\r\n class=\"flex align-content-center align-items-center \"\r\n icon=\"pi-trash\"\r\n [label]=\"translationsImageCropper.delete\"\r\n type=\"text\">\r\n </w-button>\r\n <w-button \r\n *ngIf=\"fromModal\"\r\n (onClick)=\"cancelDialog()\"\r\n class=\"flex align-content-center align-items-center \"\r\n icon=\"pi-times\"\r\n [label]=\"translationsImageCropper.cancel\"\r\n type=\"text\">\r\n </w-button>\r\n <w-button \r\n icon=\"pi-save\"\r\n (click)=\"saveImageCropped()\"\r\n [disabled]=\"!blob\"\r\n [label]=\"translationsImageCropper.save\"\r\n class=\"flex align-content-center align-items-center\"\r\n type=\"text\">\r\n </w-button>\r\n </div> \r\n</div>\r\n \r\n ", styles: [".heading1{font-size:2.6666666667rem;line-height:3rem;font-weight:700}.heading2{font-size:2.3333333333rem;line-height:2.6666666667rem;font-weight:700}.heading3{font-size:2rem;line-height:2.3333333333rem;font-weight:700}.heading4{font-size:1.6666666667rem;line-height:2rem;font-weight:400}.heading5{font-size:1.5rem;line-height:1.8333333333rem;font-weight:600}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:400}.subtitle1,.w-tab-text,.w-panel-title-text,.w-sidebar-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:600}.subtitle2,:host ::ng-deep .p-dialog .p-dialog-header span.p-dialog-title,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled,.w-view-small-label-text-typography,.w-view-small-label-text,.w-button-small-text-label-text-typography,.w-button-small-text-label-text{font-size:1rem;line-height:1.3333333333rem;font-weight:600}.body,.w-chip-text,.w-panel-content,.w-input-small-select-options-text,.w-input-small-placeholder-text-typography,.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text,.w-view-small-value-text-typography,.w-view-small-value-text,.w-button-small-label-text-typography,:host ::ng-deep .w-file-button .p-fileupload .p-button.p-fileupload-choose .p-button-label,.w-button-small-tertiary-label-text,.input-generic-placeholder-small,.input-generic-small{font-size:1rem;line-height:1.3333333333rem;font-weight:400}.caption{font-size:.6666666667rem;line-height:1rem;font-weight:400}.select-option-text{font-size:16;line-height:24px;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.text846{color:#2e3134}.text700{color:#5f6368}.text500{color:#9aa0a6}.textWhite{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus,:host ::ng-deep .w-file-button .p-fileupload .p-button:focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b2eb}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#9aa0a6!important;opacity:unset!important}.input-generic-placeholder-small{padding:8px 12px 12px;color:#9aa0a6!important}.input-generic-valid{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:1px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}.w-button-small-tertiary-label-text,.w-button-small-text-label-text{color:#2e3134}.w-button-medium-label-text-typography,.w-button-medium-tertiary-label-text{font-size:16px;font-weight:400;line-height:16px}.w-button-medium-tertiary-label-text{color:#2e3134}.w-button-large-label-text-typography,.w-button-large-tertiary-label-text{font-size:20px;font-weight:400;line-height:24px}.w-button-large-tertiary-label-text{color:#2e3134}.w-button-x-small-label-text{font-size:10px;font-weight:600;line-height:10px}.w-button-small-only-label-text{font-size:12px;font-weight:600;line-height:16px}.w-button-small-icon-text,:host ::ng-deep .w-file-button .p-fileupload .p-button.p-fileupload-choose .p-button-icon{font-size:12px}.w-button-medium-icon-text{font-size:16px}.w-button-large-icon-text{font-size:24px}.w-control-button-small-label-text{font-size:12px;font-weight:600;line-height:16px}.w-control-button-x-small-icon-text{font-size:10px;font-weight:700}.w-control-button-small-icon-text{font-size:8px;font-weight:700}.w-control-button-medium-label-text{font-size:14px;font-weight:600;line-height:16px}.w-control-button-medium-icon-text{font-size:12px;font-weight:700}.w-view-small-label-text,.w-view-small-value-text,.w-input-small-label-text,.w-input-small-label-disabled{color:#2e3134}.w-input-small-label-disabled{color:#9aa0a6}.w-input-small-placeholder-text,.w-input-small-placeholder-text-only-color{color:#2e3134}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6368}.w-input-small-text-icon,.w-input-small-select-options-text{color:#2e3134}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-input-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-input-medium-label-disabled{color:#2e3134}.w-input-medium-label-disabled{color:#9aa0a6}.w-input-medium-placeholder-text-typography,.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text{font-size:16px;font-weight:400;line-height:24px}.w-input-medium-placeholder-text,.w-input-medium-placeholder-text-only-color{color:#2e3134}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6368}.w-input-medium-text-icon{color:#2e3134}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#2e3134}.w-sidebar-title-text,.w-panel-title-text,.w-panel-subtitle-text{color:#2e3134}.w-panel-content{color:#5f6368}.w-tab-text,.w-chip-text{color:#2e3134}.wapp-image-cropper-wrapper{min-height:20rem;max-height:25rem;min-width:30rem;max-width:35rem}.wapp-image-cropper-tools{min-width:30rem;max-width:35rem}.wapp-card-cropper{min-height:35rem;max-height:45rem}:host ::ng-deep .p-dialog .p-dialog-header span.p-dialog-title{background-color:#0ff}:host ::ng-deep .w-file-button .p-fileupload .p-button.p-fileupload-choose{height:32px;padding:7px 15px;border-radius:8px;border-width:1px}:host ::ng-deep .w-file-button .p-fileupload .p-button.p-fileupload-choose .p-button-icon{margin:0;padding-right:12px}:host ::ng-deep .w-file-button .p-fileupload .p-button:focus{outline:1px solid #d6f2ff;background-color:#1f5b72}:host ::ng-deep .w-file-button .p-fileupload .p-button:not(.p-disabled):hover{background-color:#5991ac;border-color:#5991ac}.wapp-image-cropper-dialog-buttons{gap:16px}\n"], dependencies: [{ kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i6.FileUpload, selector: "p-fileUpload", inputs: ["name", "url", "method", "multiple", "accept", "disabled", "auto", "withCredentials", "maxFileSize", "invalidFileSizeMessageSummary", "invalidFileSizeMessageDetail", "invalidFileTypeMessageSummary", "invalidFileTypeMessageDetail", "invalidFileLimitMessageDetail", "invalidFileLimitMessageSummary", "style", "styleClass", "previewWidth", "chooseLabel", "uploadLabel", "cancelLabel", "chooseIcon", "uploadIcon", "cancelIcon", "showUploadButton", "showCancelButton", "mode", "headers", "customUpload", "fileLimit", "uploadStyleClass", "cancelStyleClass", "removeStyleClass", "chooseStyleClass", "files"], outputs: ["onBeforeUpload", "onSend", "onUpload", "onError", "onClear", "onRemove", "onSelect", "onProgress", "uploadHandler", "onImageError"] }, { kind: "component", type: i7.ImageCropperComponent, selector: "image-cropper", inputs: ["imageChangedEvent", "imageURL", "imageBase64", "imageFile", "imageAltText", "format", "transform", "maintainAspectRatio", "aspectRatio", "resetCropOnAspectRatioChange", "resizeToWidth", "resizeToHeight", "cropperMinWidth", "cropperMinHeight", "cropperMaxHeight", "cropperMaxWidth", "cropperStaticWidth", "cropperStaticHeight", "canvasRotation", "initialStepSize", "roundCropper", "onlyScaleDown", "imageQuality", "autoCrop", "backgroundColor", "containWithinAspectRatio", "hideResizeSquares", "allowMoveImage", "cropper", "alignImage", "disabled", "hidden"], outputs: ["imageCropped", "startCropImage", "imageLoaded", "cropperReady", "loadImageFailed", "transformChange"] }, { kind: "component", type: i8.Slider, selector: "p-slider", inputs: ["animate", "disabled", "min", "max", "orientation", "step", "range", "style", "styleClass", "ariaLabelledBy", "tabindex"], outputs: ["onChange", "onSlideEnd"] }, { kind: "component", type: i9.WButtonComponent, selector: "w-button", inputs: ["type", "label", "size", "icon", "tooltipPosition", "tooltip", "disabled", "loading"], outputs: ["onClick"] }] });
|
|
221
|
+
WImageCropperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WImageCropperComponent, selector: "w-image-cropper", inputs: { dimensionsInput: "dimensionsInput", translationsImageCropper: "translationsImageCropper", blob: "blob" }, outputs: { imageCroppedFinal: "imageCroppedFinal", imageB64: "imageB64" }, ngImport: i0, template: "<div class=\"flex flex-column align-content-center justify-content-center wapp-card-cropper\">\r\n <div class=\"flex flex-1\" ></div> \r\n <div class=\"flex justify-content-center align-content-center\" *ngIf=\"!blob; else imageCropper\">\r\n <span class=\"flex align-content-center surface-border justify-content-between flex-wrap\"> \r\n <p-fileUpload #fileUploader\r\n class=\"w-file-button bg-white\"\r\n chooseIcon=\"pi pi-image\"\r\n chooseLabel=\"Choose\"\r\n (onSelect)=\"myUploader($event)\"\r\n name=\"filesToUpload[]\" \r\n [auto]=\"true\"\r\n [multiple]=\"false\"\r\n accept=\"image/*\"\r\n mode=\"basic\"\r\n accept=\"image/*\" \r\n [maxFileSize]=\"maxFileSize\">\r\n </p-fileUpload>\r\n </span>\r\n </div>\r\n <ng-template #imageCropper>\r\n <div class=\"flex flex-column w-full\">\r\n <div class=\"flex flex-row align-content-center\">\r\n <div class=\"w-3\"></div>\r\n <div class=\"flex align-content-center align-items-center justify-content-between wapp-image-cropper-wrapper flex-1\">\r\n <image-cropper\r\n [imageFile]=\"blob\"\r\n [imageURL]=\"imageURL\"\r\n [maintainAspectRatio]=\"true\"\r\n [containWithinAspectRatio]=\"containWithinAspectRatio\"\r\n [aspectRatio]=\"aspectRatio\"\r\n [resizeToWidth]= \"dimensions.width\"\r\n [resizeToHeight]=\"dimensions.height\"\r\n [cropperMinWidth]=\"128\"\r\n [onlyScaleDown]=\"true\"\r\n [roundCropper]=\"false\"\r\n [canvasRotation]=\"canvasRotation\"\r\n [(transform)]=\"transform\"\r\n [alignImage]=\"'center'\"\r\n [style.display]=\"showCropper ? null : 'none'\"\r\n [allowMoveImage]=\"allowMoveImage\"\r\n [hidden]=\"hidden\"\r\n backgroundColor=\"blue\"\r\n format=\"png\"\r\n [roundCropper]=\"roundedCropper\"\r\n (imageCropped)=\"imageCropped($event)\"\r\n (imageLoaded)=\"imageLoaded()\"\r\n (cropperReady)=\"cropperReady($event)\"\r\n (loadImageFailed)=\"loadImageFailed()\"\r\n ></image-cropper>\r\n </div>\r\n <div class=\"flex flex-column justify-content-center align-content-center align-items-center\">\r\n <w-button \r\n class=\"flex align-items-center align-content-center justify-content-start px-3 py-3\" \r\n [pTooltip]=\"translationsImageCropper.zoomIn\"\r\n icon=\"pi pi-search-plus\" (click)=\"zoomIn()\"\r\n type=\"text\"></w-button>\r\n <w-button \r\n class=\"flex align-items-center align-content-center justify-content-start px-3 py-3\" \r\n [pTooltip]=\"translationsImageCropper.zoomOut\"\r\n icon=\"pi pi-search-minus\" \r\n (click)=\"zoomOut()\"\r\n type=\"text\"></w-button> \r\n </div>\r\n <div class=\"flex flex-1\"></div>\r\n </div>\r\n \r\n <div class=\"flex flex-1\">\r\n <div class=\"w-3\"></div>\r\n <div class=\"flex flex-1 flex-column wapp-image-cropper-tools py-4\">\r\n <p-slider [(ngModel)]=\"rotation\" [min]=\"-360\" [max]=\"360\" \r\n (ngModelChange)=\"updateRotation()\" class=\"w-full align-content-center\"\r\n [pTooltip]=\"translationsImageCropper.rotation\"></p-slider>\r\n </div>\r\n <div class=\"w-3 align-items-end\"></div>\r\n </div>\r\n \r\n <div class=\"flex flex-1\">\r\n <div class=\"w-3\"></div>\r\n <div class=\"flex flex-1 wapp-image-cropper-tools flex-row justify-content-center align-items-center align-content-center\">\r\n <w-button\r\n type=\"text\"\r\n icon=\"pi pi-replay\" \r\n tooltipPosition=\"bottom\"\r\n [pTooltip]=\"translationsImageCropper.rotateLeft\"\r\n (click)=\"rotateLeft()\"></w-button>\r\n <w-button \r\n type=\"text\"\r\n icon=\"pi pi-refresh\"\r\n tooltipPosition=\"bottom\"\r\n [pTooltip]=\"translationsImageCropper.rotateRight\"\r\n (click)=\"rotateRight()\"></w-button>\r\n <w-button\r\n type=\"text\"\r\n icon=\"pi pi-arrows-h\" \r\n tooltipPosition=\"bottom\"\r\n [pTooltip]=\"translationsImageCropper.flipHorizontal\"\r\n (click)=\"flipHorizontal()\"></w-button>\r\n <w-button \r\n type=\"text\"\r\n [pTooltip]=\"translationsImageCropper.flipVertical\"\r\n icon=\"pi pi-arrows-v\"\r\n tooltipPosition=\"bottom\"\r\n (click)=\"flipVertical()\"></w-button>\r\n <w-button \r\n type=\"text\"\r\n [pTooltip]=\"translationsImageCropper.restore\"\r\n icon=\"pi pi-history\"\r\n tooltipPosition=\"bottom\"\r\n (click)=\"resetImage()\"></w-button>\r\n <w-button \r\n type=\"text\"\r\n [pTooltip]=\"translationsImageCropper.preview\"\r\n icon=\"pi pi-eye\"\r\n tooltipPosition=\"bottom\"\r\n (click)=\"viewCrop()\"></w-button>\r\n </div>\r\n <div class=\"w-3 align-items-end\"></div>\r\n </div>\r\n </div>\r\n \r\n </ng-template>\r\n <div class=\"flex flex-1\" ></div>\r\n <div class=\"wapp-image-cropper-dialog-buttons flex justify-content-end align-content-center align-items-center w-full h-2\">\r\n <w-button *ngIf=\"blob\"\r\n (onClick)=\"deleteBlob()\"\r\n class=\"flex align-content-center align-items-center \"\r\n icon=\"pi-trash\"\r\n [label]=\"translationsImageCropper.delete\"\r\n type=\"text\">\r\n </w-button>\r\n <w-button \r\n *ngIf=\"fromModal\"\r\n (onClick)=\"cancelDialog()\"\r\n class=\"flex align-content-center align-items-center \"\r\n icon=\"pi-times\"\r\n [label]=\"translationsImageCropper.cancel\"\r\n type=\"text\">\r\n </w-button>\r\n <w-button \r\n icon=\"pi-save\"\r\n (click)=\"saveImageCropped()\"\r\n [disabled]=\"!blob\"\r\n [label]=\"translationsImageCropper.save\"\r\n class=\"flex align-content-center align-items-center\"\r\n type=\"text\">\r\n </w-button>\r\n </div> \r\n</div>\r\n \r\n ", styles: [".heading1{font-size:2.6666666667rem;line-height:3rem;font-weight:700}.heading2{font-size:2.3333333333rem;line-height:2.6666666667rem;font-weight:700}.heading3{font-size:2rem;line-height:2.3333333333rem;font-weight:700}.heading4{font-size:1.6666666667rem;line-height:2rem;font-weight:400}.heading5{font-size:1.5rem;line-height:1.8333333333rem;font-weight:600}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:400}.subtitle1,.w-tab-text,.w-panel-title-text,.w-sidebar-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:600}.subtitle2,:host ::ng-deep .p-dialog .p-dialog-header span.p-dialog-title,.w-table-th-text,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled,.w-view-small-label-text-typography,.w-view-small-label-text,.w-button-small-text-label-text-typography,.w-button-small-text-label-text{font-size:1rem;line-height:1.3333333333rem;font-weight:600}.body,.w-table-td-text,.w-chip-text,.w-panel-content,.w-input-small-select-options-text,.w-input-small-placeholder-text-typography,.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text,.w-view-small-value-text-typography,.w-view-small-value-text,.w-button-small-label-text-typography,:host ::ng-deep .w-file-button .p-fileupload .p-button.p-fileupload-choose .p-button-label,.w-button-small-tertiary-label-text{font-size:1rem;line-height:1.3333333333rem;font-weight:400}.caption,.w-input-error-alert-text,.w-input-warning-alert-text,.w-input-success-alert-text{font-size:.6666666667rem;line-height:1rem;font-weight:400}.text846{color:#2e3134}.text700{color:#5f6368}.text500{color:#9aa0a6}.textWhite{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus,:host ::ng-deep .w-file-button .p-fileupload .p-button:focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b2eb}.input-generic-valid{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:1px solid #FFBDBD}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-button-small-tertiary-label-text,.w-button-small-text-label-text{color:#2e3134}.w-button-small-icon-text,:host ::ng-deep .w-file-button .p-fileupload .p-button.p-fileupload-choose .p-button-icon{font-size:12px}.w-control-button-small-label-text{font-size:12px;font-weight:600;line-height:16px}.w-control-button-x-small-icon-text{font-size:10px;font-weight:700}.w-control-button-small-icon-text{font-size:8px;font-weight:700}.w-button-medium-label-text-typography,.w-button-medium-tertiary-label-text{font-size:16px;font-weight:400;line-height:16px}.w-button-medium-tertiary-label-text{color:#2e3134}.w-button-medium-icon-text{font-size:16px}.w-control-button-medium-label-text{font-size:14px;font-weight:600;line-height:16px}.w-control-button-medium-icon-text{font-size:12px;font-weight:700}.w-button-large-label-text-typography,.w-button-large-tertiary-label-text{font-size:20px;font-weight:400;line-height:24px}.w-button-large-tertiary-label-text{color:#2e3134}.w-button-x-small-label-text{font-size:10px;font-weight:600;line-height:10px}.w-button-small-only-label-text{font-size:12px;font-weight:600;line-height:16px}.w-button-large-icon-text{font-size:24px}.w-view-small-label-text,.w-view-small-value-text{color:#2e3134}.w-input-no-label-height{height:36px}.w-input-disabled{background-color:#f1f3f4;border-color:#e8eaed;opacity:1}.w-input-small-label-text,.w-input-small-label-disabled{color:#2e3134}.w-input-small-label-disabled{color:#9aa0a6}.w-input-small-label-text-content{padding:12px 8px 8px 0;margin:0}.w-input-small-placeholder-text,.w-input-small-placeholder-text-only-color{color:#2e3134}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6368}.w-input-small-text-icon,.w-input-small-select-options-text{color:#2e3134}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-input-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-input-medium-label-disabled{color:#2e3134}.w-input-medium-label-disabled{color:#9aa0a6}.w-input-medium-placeholder-text-typography,.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text{font-size:16px;font-weight:400;line-height:24px}.w-input-medium-placeholder-text,.w-input-medium-placeholder-text-only-color{color:#2e3134}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6368}.w-input-medium-text-icon{color:#2e3134}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#2e3134}.w-input-success-alert-text{color:#00db5d;padding:8px 8px 0;margin-top:0}.w-input-warning-alert-text{color:#eeae00;padding:8px 8px 0;margin-top:0}.w-input-error-alert-text{color:#e50000;padding:8px 8px 0;margin-top:0}.w-input-alert-message-height{height:32px}.w-sidebar-title-text,.w-panel-title-text,.w-panel-subtitle-text{color:#2e3134}.w-panel-content{color:#5f6368}.w-tab-text,.w-chip-text{color:#2e3134}.w-badge-text{font-size:8px;font-weight:700;line-height:8px}.w-table-th-text{color:#2e3134}.w-table-td-text{color:#5f6368}.wapp-image-cropper-wrapper{min-height:20rem;max-height:25rem;min-width:30rem;max-width:35rem}.wapp-image-cropper-tools{min-width:30rem;max-width:35rem}.wapp-card-cropper{min-height:35rem;max-height:45rem}:host ::ng-deep .p-dialog .p-dialog-header span.p-dialog-title{background-color:#0ff}:host ::ng-deep .w-file-button .p-fileupload .p-button.p-fileupload-choose{height:32px;padding:7px 15px;border-radius:8px;border-width:1px}:host ::ng-deep .w-file-button .p-fileupload .p-button.p-fileupload-choose .p-button-icon{margin:0;padding-right:12px}:host ::ng-deep .w-file-button .p-fileupload .p-button:focus{outline:1px solid #d6f2ff;background-color:#1f5b72}:host ::ng-deep .w-file-button .p-fileupload .p-button:not(.p-disabled):hover{background-color:#5991ac;border-color:#5991ac}.wapp-image-cropper-dialog-buttons{gap:16px}\n"], dependencies: [{ kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i6.FileUpload, selector: "p-fileUpload", inputs: ["name", "url", "method", "multiple", "accept", "disabled", "auto", "withCredentials", "maxFileSize", "invalidFileSizeMessageSummary", "invalidFileSizeMessageDetail", "invalidFileTypeMessageSummary", "invalidFileTypeMessageDetail", "invalidFileLimitMessageDetail", "invalidFileLimitMessageSummary", "style", "styleClass", "previewWidth", "chooseLabel", "uploadLabel", "cancelLabel", "chooseIcon", "uploadIcon", "cancelIcon", "showUploadButton", "showCancelButton", "mode", "headers", "customUpload", "fileLimit", "uploadStyleClass", "cancelStyleClass", "removeStyleClass", "chooseStyleClass", "files"], outputs: ["onBeforeUpload", "onSend", "onUpload", "onError", "onClear", "onRemove", "onSelect", "onProgress", "uploadHandler", "onImageError"] }, { kind: "component", type: i7.ImageCropperComponent, selector: "image-cropper", inputs: ["imageChangedEvent", "imageURL", "imageBase64", "imageFile", "imageAltText", "format", "transform", "maintainAspectRatio", "aspectRatio", "resetCropOnAspectRatioChange", "resizeToWidth", "resizeToHeight", "cropperMinWidth", "cropperMinHeight", "cropperMaxHeight", "cropperMaxWidth", "cropperStaticWidth", "cropperStaticHeight", "canvasRotation", "initialStepSize", "roundCropper", "onlyScaleDown", "imageQuality", "autoCrop", "backgroundColor", "containWithinAspectRatio", "hideResizeSquares", "allowMoveImage", "cropper", "alignImage", "disabled", "hidden"], outputs: ["imageCropped", "startCropImage", "imageLoaded", "cropperReady", "loadImageFailed", "transformChange"] }, { kind: "component", type: i8.Slider, selector: "p-slider", inputs: ["animate", "disabled", "min", "max", "orientation", "step", "range", "style", "styleClass", "ariaLabelledBy", "tabindex"], outputs: ["onChange", "onSlideEnd"] }, { kind: "component", type: i9.WButtonComponent, selector: "w-button", inputs: ["type", "label", "size", "icon", "tooltipPosition", "tooltip", "disabled", "loading"], outputs: ["onClick"] }] });
|
|
222
222
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WImageCropperComponent, decorators: [{
|
|
223
223
|
type: Component,
|
|
224
|
-
args: [{ selector: 'w-image-cropper', template: "<div class=\"flex flex-column align-content-center justify-content-center wapp-card-cropper\">\r\n <div class=\"flex flex-1\" ></div> \r\n <div class=\"flex justify-content-center align-content-center\" *ngIf=\"!blob; else imageCropper\">\r\n <span class=\"flex align-content-center surface-border justify-content-between flex-wrap\"> \r\n <p-fileUpload #fileUploader\r\n class=\"w-file-button bg-white\"\r\n chooseIcon=\"pi pi-image\"\r\n chooseLabel=\"Choose\"\r\n (onSelect)=\"myUploader($event)\"\r\n name=\"filesToUpload[]\" \r\n [auto]=\"true\"\r\n [multiple]=\"false\"\r\n accept=\"image/*\"\r\n mode=\"basic\"\r\n accept=\"image/*\" \r\n [maxFileSize]=\"maxFileSize\">\r\n </p-fileUpload>\r\n </span>\r\n </div>\r\n <ng-template #imageCropper>\r\n <div class=\"flex flex-column w-full\">\r\n <div class=\"flex flex-row align-content-center\">\r\n <div class=\"w-3\"></div>\r\n <div class=\"flex align-content-center align-items-center justify-content-between wapp-image-cropper-wrapper flex-1\">\r\n <image-cropper\r\n [imageFile]=\"blob\"\r\n [imageURL]=\"imageURL\"\r\n [maintainAspectRatio]=\"true\"\r\n [containWithinAspectRatio]=\"containWithinAspectRatio\"\r\n [aspectRatio]=\"aspectRatio\"\r\n [resizeToWidth]= \"dimensions.width\"\r\n [resizeToHeight]=\"dimensions.height\"\r\n [cropperMinWidth]=\"128\"\r\n [onlyScaleDown]=\"true\"\r\n [roundCropper]=\"false\"\r\n [canvasRotation]=\"canvasRotation\"\r\n [(transform)]=\"transform\"\r\n [alignImage]=\"'center'\"\r\n [style.display]=\"showCropper ? null : 'none'\"\r\n [allowMoveImage]=\"allowMoveImage\"\r\n [hidden]=\"hidden\"\r\n backgroundColor=\"blue\"\r\n format=\"png\"\r\n [roundCropper]=\"roundedCropper\"\r\n (imageCropped)=\"imageCropped($event)\"\r\n (imageLoaded)=\"imageLoaded()\"\r\n (cropperReady)=\"cropperReady($event)\"\r\n (loadImageFailed)=\"loadImageFailed()\"\r\n ></image-cropper>\r\n </div>\r\n <div class=\"flex flex-column justify-content-center align-content-center align-items-center\">\r\n <w-button \r\n class=\"flex align-items-center align-content-center justify-content-start px-3 py-3\" \r\n [pTooltip]=\"translationsImageCropper.zoomIn\"\r\n icon=\"pi pi-search-plus\" (click)=\"zoomIn()\"\r\n type=\"text\"></w-button>\r\n <w-button \r\n class=\"flex align-items-center align-content-center justify-content-start px-3 py-3\" \r\n [pTooltip]=\"translationsImageCropper.zoomOut\"\r\n icon=\"pi pi-search-minus\" \r\n (click)=\"zoomOut()\"\r\n type=\"text\"></w-button> \r\n </div>\r\n <div class=\"flex flex-1\"></div>\r\n </div>\r\n \r\n <div class=\"flex flex-1\">\r\n <div class=\"w-3\"></div>\r\n <div class=\"flex flex-1 flex-column wapp-image-cropper-tools py-4\">\r\n <p-slider [(ngModel)]=\"rotation\" [min]=\"-360\" [max]=\"360\" \r\n (ngModelChange)=\"updateRotation()\" class=\"w-full align-content-center\"\r\n [pTooltip]=\"translationsImageCropper.rotation\"></p-slider>\r\n </div>\r\n <div class=\"w-3 align-items-end\"></div>\r\n </div>\r\n \r\n <div class=\"flex flex-1\">\r\n <div class=\"w-3\"></div>\r\n <div class=\"flex flex-1 wapp-image-cropper-tools flex-row justify-content-center align-items-center align-content-center\">\r\n <w-button\r\n type=\"text\"\r\n icon=\"pi pi-replay\" \r\n tooltipPosition=\"bottom\"\r\n [pTooltip]=\"translationsImageCropper.rotateLeft\"\r\n (click)=\"rotateLeft()\"></w-button>\r\n <w-button \r\n type=\"text\"\r\n icon=\"pi pi-refresh\"\r\n tooltipPosition=\"bottom\"\r\n [pTooltip]=\"translationsImageCropper.rotateRight\"\r\n (click)=\"rotateRight()\"></w-button>\r\n <w-button\r\n type=\"text\"\r\n icon=\"pi pi-arrows-h\" \r\n tooltipPosition=\"bottom\"\r\n [pTooltip]=\"translationsImageCropper.flipHorizontal\"\r\n (click)=\"flipHorizontal()\"></w-button>\r\n <w-button \r\n type=\"text\"\r\n [pTooltip]=\"translationsImageCropper.flipVertical\"\r\n icon=\"pi pi-arrows-v\"\r\n tooltipPosition=\"bottom\"\r\n (click)=\"flipVertical()\"></w-button>\r\n <w-button \r\n type=\"text\"\r\n [pTooltip]=\"translationsImageCropper.restore\"\r\n icon=\"pi pi-history\"\r\n tooltipPosition=\"bottom\"\r\n (click)=\"resetImage()\"></w-button>\r\n <w-button \r\n type=\"text\"\r\n [pTooltip]=\"translationsImageCropper.preview\"\r\n icon=\"pi pi-eye\"\r\n tooltipPosition=\"bottom\"\r\n (click)=\"viewCrop()\"></w-button>\r\n </div>\r\n <div class=\"w-3 align-items-end\"></div>\r\n </div>\r\n </div>\r\n \r\n </ng-template>\r\n <div class=\"flex flex-1\" ></div>\r\n <div class=\"wapp-image-cropper-dialog-buttons flex justify-content-end align-content-center align-items-center w-full h-2\">\r\n <w-button *ngIf=\"blob\"\r\n (onClick)=\"deleteBlob()\"\r\n class=\"flex align-content-center align-items-center \"\r\n icon=\"pi-trash\"\r\n [label]=\"translationsImageCropper.delete\"\r\n type=\"text\">\r\n </w-button>\r\n <w-button \r\n *ngIf=\"fromModal\"\r\n (onClick)=\"cancelDialog()\"\r\n class=\"flex align-content-center align-items-center \"\r\n icon=\"pi-times\"\r\n [label]=\"translationsImageCropper.cancel\"\r\n type=\"text\">\r\n </w-button>\r\n <w-button \r\n icon=\"pi-save\"\r\n (click)=\"saveImageCropped()\"\r\n [disabled]=\"!blob\"\r\n [label]=\"translationsImageCropper.save\"\r\n class=\"flex align-content-center align-items-center\"\r\n type=\"text\">\r\n </w-button>\r\n </div> \r\n</div>\r\n \r\n ", styles: [".heading1{font-size:2.6666666667rem;line-height:3rem;font-weight:700}.heading2{font-size:2.3333333333rem;line-height:2.6666666667rem;font-weight:700}.heading3{font-size:2rem;line-height:2.3333333333rem;font-weight:700}.heading4{font-size:1.6666666667rem;line-height:2rem;font-weight:400}.heading5{font-size:1.5rem;line-height:1.8333333333rem;font-weight:600}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:400}.subtitle1,.w-tab-text,.w-panel-title-text,.w-sidebar-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:600}.subtitle2,:host ::ng-deep .p-dialog .p-dialog-header span.p-dialog-title,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled,.w-view-small-label-text-typography,.w-view-small-label-text,.w-button-small-text-label-text-typography,.w-button-small-text-label-text{font-size:1rem;line-height:1.3333333333rem;font-weight:600}.body,.w-chip-text,.w-panel-content,.w-input-small-select-options-text,.w-input-small-placeholder-text-typography,.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text,.w-view-small-value-text-typography,.w-view-small-value-text,.w-button-small-label-text-typography,:host ::ng-deep .w-file-button .p-fileupload .p-button.p-fileupload-choose .p-button-label,.w-button-small-tertiary-label-text,.input-generic-placeholder-small,.input-generic-small{font-size:1rem;line-height:1.3333333333rem;font-weight:400}.caption{font-size:.6666666667rem;line-height:1rem;font-weight:400}.select-option-text{font-size:16;line-height:24px;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.text846{color:#2e3134}.text700{color:#5f6368}.text500{color:#9aa0a6}.textWhite{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus,:host ::ng-deep .w-file-button .p-fileupload .p-button:focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b2eb}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#9aa0a6!important;opacity:unset!important}.input-generic-placeholder-small{padding:8px 12px 12px;color:#9aa0a6!important}.input-generic-valid{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:1px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}.w-button-small-tertiary-label-text,.w-button-small-text-label-text{color:#2e3134}.w-button-medium-label-text-typography,.w-button-medium-tertiary-label-text{font-size:16px;font-weight:400;line-height:16px}.w-button-medium-tertiary-label-text{color:#2e3134}.w-button-large-label-text-typography,.w-button-large-tertiary-label-text{font-size:20px;font-weight:400;line-height:24px}.w-button-large-tertiary-label-text{color:#2e3134}.w-button-x-small-label-text{font-size:10px;font-weight:600;line-height:10px}.w-button-small-only-label-text{font-size:12px;font-weight:600;line-height:16px}.w-button-small-icon-text,:host ::ng-deep .w-file-button .p-fileupload .p-button.p-fileupload-choose .p-button-icon{font-size:12px}.w-button-medium-icon-text{font-size:16px}.w-button-large-icon-text{font-size:24px}.w-control-button-small-label-text{font-size:12px;font-weight:600;line-height:16px}.w-control-button-x-small-icon-text{font-size:10px;font-weight:700}.w-control-button-small-icon-text{font-size:8px;font-weight:700}.w-control-button-medium-label-text{font-size:14px;font-weight:600;line-height:16px}.w-control-button-medium-icon-text{font-size:12px;font-weight:700}.w-view-small-label-text,.w-view-small-value-text,.w-input-small-label-text,.w-input-small-label-disabled{color:#2e3134}.w-input-small-label-disabled{color:#9aa0a6}.w-input-small-placeholder-text,.w-input-small-placeholder-text-only-color{color:#2e3134}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6368}.w-input-small-text-icon,.w-input-small-select-options-text{color:#2e3134}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-input-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-input-medium-label-disabled{color:#2e3134}.w-input-medium-label-disabled{color:#9aa0a6}.w-input-medium-placeholder-text-typography,.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text{font-size:16px;font-weight:400;line-height:24px}.w-input-medium-placeholder-text,.w-input-medium-placeholder-text-only-color{color:#2e3134}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6368}.w-input-medium-text-icon{color:#2e3134}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#2e3134}.w-sidebar-title-text,.w-panel-title-text,.w-panel-subtitle-text{color:#2e3134}.w-panel-content{color:#5f6368}.w-tab-text,.w-chip-text{color:#2e3134}.wapp-image-cropper-wrapper{min-height:20rem;max-height:25rem;min-width:30rem;max-width:35rem}.wapp-image-cropper-tools{min-width:30rem;max-width:35rem}.wapp-card-cropper{min-height:35rem;max-height:45rem}:host ::ng-deep .p-dialog .p-dialog-header span.p-dialog-title{background-color:#0ff}:host ::ng-deep .w-file-button .p-fileupload .p-button.p-fileupload-choose{height:32px;padding:7px 15px;border-radius:8px;border-width:1px}:host ::ng-deep .w-file-button .p-fileupload .p-button.p-fileupload-choose .p-button-icon{margin:0;padding-right:12px}:host ::ng-deep .w-file-button .p-fileupload .p-button:focus{outline:1px solid #d6f2ff;background-color:#1f5b72}:host ::ng-deep .w-file-button .p-fileupload .p-button:not(.p-disabled):hover{background-color:#5991ac;border-color:#5991ac}.wapp-image-cropper-dialog-buttons{gap:16px}\n"] }]
|
|
224
|
+
args: [{ selector: 'w-image-cropper', template: "<div class=\"flex flex-column align-content-center justify-content-center wapp-card-cropper\">\r\n <div class=\"flex flex-1\" ></div> \r\n <div class=\"flex justify-content-center align-content-center\" *ngIf=\"!blob; else imageCropper\">\r\n <span class=\"flex align-content-center surface-border justify-content-between flex-wrap\"> \r\n <p-fileUpload #fileUploader\r\n class=\"w-file-button bg-white\"\r\n chooseIcon=\"pi pi-image\"\r\n chooseLabel=\"Choose\"\r\n (onSelect)=\"myUploader($event)\"\r\n name=\"filesToUpload[]\" \r\n [auto]=\"true\"\r\n [multiple]=\"false\"\r\n accept=\"image/*\"\r\n mode=\"basic\"\r\n accept=\"image/*\" \r\n [maxFileSize]=\"maxFileSize\">\r\n </p-fileUpload>\r\n </span>\r\n </div>\r\n <ng-template #imageCropper>\r\n <div class=\"flex flex-column w-full\">\r\n <div class=\"flex flex-row align-content-center\">\r\n <div class=\"w-3\"></div>\r\n <div class=\"flex align-content-center align-items-center justify-content-between wapp-image-cropper-wrapper flex-1\">\r\n <image-cropper\r\n [imageFile]=\"blob\"\r\n [imageURL]=\"imageURL\"\r\n [maintainAspectRatio]=\"true\"\r\n [containWithinAspectRatio]=\"containWithinAspectRatio\"\r\n [aspectRatio]=\"aspectRatio\"\r\n [resizeToWidth]= \"dimensions.width\"\r\n [resizeToHeight]=\"dimensions.height\"\r\n [cropperMinWidth]=\"128\"\r\n [onlyScaleDown]=\"true\"\r\n [roundCropper]=\"false\"\r\n [canvasRotation]=\"canvasRotation\"\r\n [(transform)]=\"transform\"\r\n [alignImage]=\"'center'\"\r\n [style.display]=\"showCropper ? null : 'none'\"\r\n [allowMoveImage]=\"allowMoveImage\"\r\n [hidden]=\"hidden\"\r\n backgroundColor=\"blue\"\r\n format=\"png\"\r\n [roundCropper]=\"roundedCropper\"\r\n (imageCropped)=\"imageCropped($event)\"\r\n (imageLoaded)=\"imageLoaded()\"\r\n (cropperReady)=\"cropperReady($event)\"\r\n (loadImageFailed)=\"loadImageFailed()\"\r\n ></image-cropper>\r\n </div>\r\n <div class=\"flex flex-column justify-content-center align-content-center align-items-center\">\r\n <w-button \r\n class=\"flex align-items-center align-content-center justify-content-start px-3 py-3\" \r\n [pTooltip]=\"translationsImageCropper.zoomIn\"\r\n icon=\"pi pi-search-plus\" (click)=\"zoomIn()\"\r\n type=\"text\"></w-button>\r\n <w-button \r\n class=\"flex align-items-center align-content-center justify-content-start px-3 py-3\" \r\n [pTooltip]=\"translationsImageCropper.zoomOut\"\r\n icon=\"pi pi-search-minus\" \r\n (click)=\"zoomOut()\"\r\n type=\"text\"></w-button> \r\n </div>\r\n <div class=\"flex flex-1\"></div>\r\n </div>\r\n \r\n <div class=\"flex flex-1\">\r\n <div class=\"w-3\"></div>\r\n <div class=\"flex flex-1 flex-column wapp-image-cropper-tools py-4\">\r\n <p-slider [(ngModel)]=\"rotation\" [min]=\"-360\" [max]=\"360\" \r\n (ngModelChange)=\"updateRotation()\" class=\"w-full align-content-center\"\r\n [pTooltip]=\"translationsImageCropper.rotation\"></p-slider>\r\n </div>\r\n <div class=\"w-3 align-items-end\"></div>\r\n </div>\r\n \r\n <div class=\"flex flex-1\">\r\n <div class=\"w-3\"></div>\r\n <div class=\"flex flex-1 wapp-image-cropper-tools flex-row justify-content-center align-items-center align-content-center\">\r\n <w-button\r\n type=\"text\"\r\n icon=\"pi pi-replay\" \r\n tooltipPosition=\"bottom\"\r\n [pTooltip]=\"translationsImageCropper.rotateLeft\"\r\n (click)=\"rotateLeft()\"></w-button>\r\n <w-button \r\n type=\"text\"\r\n icon=\"pi pi-refresh\"\r\n tooltipPosition=\"bottom\"\r\n [pTooltip]=\"translationsImageCropper.rotateRight\"\r\n (click)=\"rotateRight()\"></w-button>\r\n <w-button\r\n type=\"text\"\r\n icon=\"pi pi-arrows-h\" \r\n tooltipPosition=\"bottom\"\r\n [pTooltip]=\"translationsImageCropper.flipHorizontal\"\r\n (click)=\"flipHorizontal()\"></w-button>\r\n <w-button \r\n type=\"text\"\r\n [pTooltip]=\"translationsImageCropper.flipVertical\"\r\n icon=\"pi pi-arrows-v\"\r\n tooltipPosition=\"bottom\"\r\n (click)=\"flipVertical()\"></w-button>\r\n <w-button \r\n type=\"text\"\r\n [pTooltip]=\"translationsImageCropper.restore\"\r\n icon=\"pi pi-history\"\r\n tooltipPosition=\"bottom\"\r\n (click)=\"resetImage()\"></w-button>\r\n <w-button \r\n type=\"text\"\r\n [pTooltip]=\"translationsImageCropper.preview\"\r\n icon=\"pi pi-eye\"\r\n tooltipPosition=\"bottom\"\r\n (click)=\"viewCrop()\"></w-button>\r\n </div>\r\n <div class=\"w-3 align-items-end\"></div>\r\n </div>\r\n </div>\r\n \r\n </ng-template>\r\n <div class=\"flex flex-1\" ></div>\r\n <div class=\"wapp-image-cropper-dialog-buttons flex justify-content-end align-content-center align-items-center w-full h-2\">\r\n <w-button *ngIf=\"blob\"\r\n (onClick)=\"deleteBlob()\"\r\n class=\"flex align-content-center align-items-center \"\r\n icon=\"pi-trash\"\r\n [label]=\"translationsImageCropper.delete\"\r\n type=\"text\">\r\n </w-button>\r\n <w-button \r\n *ngIf=\"fromModal\"\r\n (onClick)=\"cancelDialog()\"\r\n class=\"flex align-content-center align-items-center \"\r\n icon=\"pi-times\"\r\n [label]=\"translationsImageCropper.cancel\"\r\n type=\"text\">\r\n </w-button>\r\n <w-button \r\n icon=\"pi-save\"\r\n (click)=\"saveImageCropped()\"\r\n [disabled]=\"!blob\"\r\n [label]=\"translationsImageCropper.save\"\r\n class=\"flex align-content-center align-items-center\"\r\n type=\"text\">\r\n </w-button>\r\n </div> \r\n</div>\r\n \r\n ", styles: [".heading1{font-size:2.6666666667rem;line-height:3rem;font-weight:700}.heading2{font-size:2.3333333333rem;line-height:2.6666666667rem;font-weight:700}.heading3{font-size:2rem;line-height:2.3333333333rem;font-weight:700}.heading4{font-size:1.6666666667rem;line-height:2rem;font-weight:400}.heading5{font-size:1.5rem;line-height:1.8333333333rem;font-weight:600}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:400}.subtitle1,.w-tab-text,.w-panel-title-text,.w-sidebar-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:600}.subtitle2,:host ::ng-deep .p-dialog .p-dialog-header span.p-dialog-title,.w-table-th-text,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled,.w-view-small-label-text-typography,.w-view-small-label-text,.w-button-small-text-label-text-typography,.w-button-small-text-label-text{font-size:1rem;line-height:1.3333333333rem;font-weight:600}.body,.w-table-td-text,.w-chip-text,.w-panel-content,.w-input-small-select-options-text,.w-input-small-placeholder-text-typography,.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text,.w-view-small-value-text-typography,.w-view-small-value-text,.w-button-small-label-text-typography,:host ::ng-deep .w-file-button .p-fileupload .p-button.p-fileupload-choose .p-button-label,.w-button-small-tertiary-label-text{font-size:1rem;line-height:1.3333333333rem;font-weight:400}.caption,.w-input-error-alert-text,.w-input-warning-alert-text,.w-input-success-alert-text{font-size:.6666666667rem;line-height:1rem;font-weight:400}.text846{color:#2e3134}.text700{color:#5f6368}.text500{color:#9aa0a6}.textWhite{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus,:host ::ng-deep .w-file-button .p-fileupload .p-button:focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b2eb}.input-generic-valid{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:1px solid #FFBDBD}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-button-small-tertiary-label-text,.w-button-small-text-label-text{color:#2e3134}.w-button-small-icon-text,:host ::ng-deep .w-file-button .p-fileupload .p-button.p-fileupload-choose .p-button-icon{font-size:12px}.w-control-button-small-label-text{font-size:12px;font-weight:600;line-height:16px}.w-control-button-x-small-icon-text{font-size:10px;font-weight:700}.w-control-button-small-icon-text{font-size:8px;font-weight:700}.w-button-medium-label-text-typography,.w-button-medium-tertiary-label-text{font-size:16px;font-weight:400;line-height:16px}.w-button-medium-tertiary-label-text{color:#2e3134}.w-button-medium-icon-text{font-size:16px}.w-control-button-medium-label-text{font-size:14px;font-weight:600;line-height:16px}.w-control-button-medium-icon-text{font-size:12px;font-weight:700}.w-button-large-label-text-typography,.w-button-large-tertiary-label-text{font-size:20px;font-weight:400;line-height:24px}.w-button-large-tertiary-label-text{color:#2e3134}.w-button-x-small-label-text{font-size:10px;font-weight:600;line-height:10px}.w-button-small-only-label-text{font-size:12px;font-weight:600;line-height:16px}.w-button-large-icon-text{font-size:24px}.w-view-small-label-text,.w-view-small-value-text{color:#2e3134}.w-input-no-label-height{height:36px}.w-input-disabled{background-color:#f1f3f4;border-color:#e8eaed;opacity:1}.w-input-small-label-text,.w-input-small-label-disabled{color:#2e3134}.w-input-small-label-disabled{color:#9aa0a6}.w-input-small-label-text-content{padding:12px 8px 8px 0;margin:0}.w-input-small-placeholder-text,.w-input-small-placeholder-text-only-color{color:#2e3134}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6368}.w-input-small-text-icon,.w-input-small-select-options-text{color:#2e3134}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-input-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-input-medium-label-disabled{color:#2e3134}.w-input-medium-label-disabled{color:#9aa0a6}.w-input-medium-placeholder-text-typography,.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text{font-size:16px;font-weight:400;line-height:24px}.w-input-medium-placeholder-text,.w-input-medium-placeholder-text-only-color{color:#2e3134}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6368}.w-input-medium-text-icon{color:#2e3134}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#2e3134}.w-input-success-alert-text{color:#00db5d;padding:8px 8px 0;margin-top:0}.w-input-warning-alert-text{color:#eeae00;padding:8px 8px 0;margin-top:0}.w-input-error-alert-text{color:#e50000;padding:8px 8px 0;margin-top:0}.w-input-alert-message-height{height:32px}.w-sidebar-title-text,.w-panel-title-text,.w-panel-subtitle-text{color:#2e3134}.w-panel-content{color:#5f6368}.w-tab-text,.w-chip-text{color:#2e3134}.w-badge-text{font-size:8px;font-weight:700;line-height:8px}.w-table-th-text{color:#2e3134}.w-table-td-text{color:#5f6368}.wapp-image-cropper-wrapper{min-height:20rem;max-height:25rem;min-width:30rem;max-width:35rem}.wapp-image-cropper-tools{min-width:30rem;max-width:35rem}.wapp-card-cropper{min-height:35rem;max-height:45rem}:host ::ng-deep .p-dialog .p-dialog-header span.p-dialog-title{background-color:#0ff}:host ::ng-deep .w-file-button .p-fileupload .p-button.p-fileupload-choose{height:32px;padding:7px 15px;border-radius:8px;border-width:1px}:host ::ng-deep .w-file-button .p-fileupload .p-button.p-fileupload-choose .p-button-icon{margin:0;padding-right:12px}:host ::ng-deep .w-file-button .p-fileupload .p-button:focus{outline:1px solid #d6f2ff;background-color:#1f5b72}:host ::ng-deep .w-file-button .p-fileupload .p-button:not(.p-disabled):hover{background-color:#5991ac;border-color:#5991ac}.wapp-image-cropper-dialog-buttons{gap:16px}\n"] }]
|
|
225
225
|
}], ctorParameters: function () { return [{ type: i1.DynamicDialogRef }, { type: i2.ModalService }, { type: i1.DynamicDialogConfig }]; }, propDecorators: { dimensionsInput: [{
|
|
226
226
|
type: Input
|
|
227
227
|
}], translationsImageCropper: [{
|