ngx-wapp-components 1.14.11 → 1.14.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (24) hide show
  1. package/esm2020/lib/button/w-button/w-button.component.mjs +7 -3
  2. package/esm2020/lib/edit/w-edit-toggle/w-edit-toggle.component.mjs +3 -3
  3. package/esm2020/lib/file/w-image-cropper/w-image-cropper.component.mjs +1 -1
  4. package/esm2020/lib/file/w-image-file-uploader/w-image-file-uploader.component.mjs +24 -3
  5. package/esm2020/lib/layout/w-header-panel/w-header-panel.component.mjs +1 -1
  6. package/esm2020/lib/layout/w-navbar/w-navbar.component.mjs +1 -1
  7. package/esm2020/lib/layout/w-panel/w-panel.component.mjs +7 -3
  8. package/esm2020/lib/misc/w-filter-panel/w-filter-panel.component.mjs +1 -1
  9. package/esm2020/lib/misc/w-timeline/w-timeline.component.mjs +1 -1
  10. package/esm2020/lib/misc/w-wizard/w-wizard.component.mjs +1 -1
  11. package/esm2020/lib/shared/skeletons/w-skeleton-edit/w-skeleton-edit.component.mjs +1 -1
  12. package/esm2020/lib/shared/skeletons/w-skeleton-edit-product/w-skeleton-edit-product.component.mjs +1 -1
  13. package/esm2020/lib/shared/skeletons/w-skeleton-list/w-skeleton-list.component.mjs +1 -1
  14. package/esm2020/lib/shared/skeletons/w-skeleton-timeline/w-skeleton-timeline.component.mjs +1 -1
  15. package/esm2020/lib/tree/w-tree/w-tree.component.mjs +1 -1
  16. package/esm2020/lib/w-clipboard/w-clipboard.component.mjs +1 -1
  17. package/fesm2015/ngx-wapp-components.mjs +48 -20
  18. package/fesm2015/ngx-wapp-components.mjs.map +1 -1
  19. package/fesm2020/ngx-wapp-components.mjs +48 -20
  20. package/fesm2020/ngx-wapp-components.mjs.map +1 -1
  21. package/lib/button/w-button/w-button.component.d.ts +2 -1
  22. package/lib/file/w-image-file-uploader/w-image-file-uploader.component.d.ts +6 -1
  23. package/lib/layout/w-panel/w-panel.component.d.ts +2 -1
  24. package/package.json +1 -1
package/esm2020/lib/button/w-button/w-button.component.mjs CHANGED
@@ -14,6 +14,7 @@ export class WButtonComponent {
14
14
  this.disabled = false;
15
15
  this.loading = false;
16
16
  this.onClick = new EventEmitter();
17
+ this.buttonClass = "";
17
18
  this.sizeType = SizeType;
18
19
  this.buttonType = ButtonType;
19
20
  }
@@ -32,10 +33,10 @@ export class WButtonComponent {
32
33
  }
33
34
  }
34
35
  WButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
35
- WButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WButtonComponent, selector: "w-button", inputs: { type: "type", label: "label", size: "size", icon: "icon", tooltipPosition: "tooltipPosition", tooltip: "tooltip", disabled: "disabled", loading: "loading" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<ng-container *ngIf=\"type == getButtonTypeName(buttonType.primary); else buttonSecondary\">\r\n <p-button *ngIf=\"size == getSizeName(sizeType.small)\" \r\n label=\"{{label}}\" \r\n [icon]=\"getIcon()\" \r\n iconPos=\"right\" \r\n styleClass=\"w-button-small border-none\" \r\n [disabled]=\"disabled\"\r\n (onClick)=\"onButtonClick($event)\"\r\n [loading]=\"loading\" \r\n [pTooltip]=\"tooltip\" \r\n [tooltipPosition]=\"tooltipPosition\">\r\n </p-button>\r\n <p-button *ngIf=\"size == getSizeName(sizeType.medium)\" \r\n label=\"{{label}}\" \r\n [icon]=\"getIcon()\" \r\n iconPos=\"right\" \r\n styleClass=\"w-button-medium border-none\" \r\n [disabled]=\"disabled\"\r\n (onClick)=\"onButtonClick($event)\"\r\n [loading]=\"loading\" \r\n [pTooltip]=\"tooltip\" \r\n [tooltipPosition]=\"tooltipPosition\">\r\n </p-button>\r\n <p-button *ngIf=\"size == getSizeName(sizeType.large)\" \r\n label=\"{{label}}\" \r\n [icon]=\"getIcon()\" \r\n iconPos=\"right\" \r\n styleClass=\"w-button-large border-none\" \r\n [disabled]=\"disabled\"\r\n (onClick)=\"onButtonClick($event)\"\r\n [loading]=\"loading\" \r\n [pTooltip]=\"tooltip\" \r\n [tooltipPosition]=\"tooltipPosition\">\r\n </p-button>\r\n</ng-container>\r\n<ng-template #buttonSecondary>\r\n <ng-container *ngIf=\"type == getButtonTypeName(buttonType.secondary) || type == getButtonTypeName(buttonType.tertiary); else buttonText\">\r\n <p-button *ngIf=\"size == getSizeName(sizeType.small)\" \r\n label=\"{{label}}\" \r\n [icon]=\"getIcon()\" \r\n iconPos=\"right\" \r\n [styleClass]=\"'p-button-outlined ' + (type == getButtonTypeName(buttonType.tertiary) ? 'w-button-small-tertiary' : 'w-button-small p-button-outlined')\"\r\n [disabled]=\"disabled\"\r\n (onClick)=\"onButtonClick($event)\"\r\n [loading]=\"loading\" \r\n [pTooltip]=\"tooltip\" \r\n [tooltipPosition]=\"tooltipPosition\">\r\n </p-button>\r\n <p-button *ngIf=\"size == getSizeName(sizeType.medium)\" \r\n label=\"{{label}}\" \r\n [icon]=\"getIcon()\" \r\n iconPos=\"right\" \r\n [styleClass]=\"'p-button-outlined ' + (type == getButtonTypeName(buttonType.tertiary) ? 'w-button-medium-tertiary' : 'w-button-medium p-button-outlined')\"\r\n [disabled]=\"disabled\"\r\n (onClick)=\"onButtonClick($event)\"\r\n [loading]=\"loading\" \r\n [pTooltip]=\"tooltip\" \r\n [tooltipPosition]=\"tooltipPosition\">\r\n </p-button>\r\n <p-button *ngIf=\"size == getSizeName(sizeType.large)\" \r\n label=\"{{label}}\" \r\n [icon]=\"getIcon()\" \r\n iconPos=\"right\" \r\n [styleClass]=\"'p-button-outlined ' + (type == getButtonTypeName(buttonType.tertiary) ? 'w-button-large-tertiary' : 'w-button-large p-button-outlined')\"\r\n [disabled]=\"disabled\"\r\n (onClick)=\"onButtonClick($event)\"\r\n [loading]=\"loading\" \r\n [pTooltip]=\"tooltip\" \r\n [tooltipPosition]=\"tooltipPosition\">\r\n </p-button>\r\n </ng-container>\r\n <ng-template #buttonText>\r\n <p-button \r\n label=\"{{label}}\" \r\n [icon]=\"getIcon()\" \r\n iconPos=\"right\" \r\n styleClass=\"p-button-text w-button-text-small\"\r\n [disabled]=\"disabled\"\r\n (onClick)=\"onButtonClick($event)\"\r\n [loading]=\"loading\" \r\n [pTooltip]=\"tooltip\" \r\n [tooltipPosition]=\"tooltipPosition\">\r\n </p-button>\r\n </ng-template>\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:700}.heading5,.w-sidebar-title-text{font-size:1.5rem;line-height:1.8333333333rem;font-weight:700}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:700}.subtitle1,.w-tab-text,.w-panel-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:700}.subtitle2,.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,:host ::ng-deep .w-button-text-small.p-button{font-size:1rem;line-height:1.1666666667rem;font-weight:600}.body,.w-image-file-uploader-navigators-text,.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-button-small.p-button .p-button-label,:host ::ng-deep .p-button.w-button-text-small .p-button-label,:host ::ng-deep .p-button.w-button-small-tertiary .p-button-label,.w-button-small-tertiary-label-text,:host ::ng-deep .w-button-small-tertiary.p-button{font-size:1rem;line-height:1.1666666667rem;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}.light,.w-input-small-placeholder-text-only-color{font-size:.9166666667rem;line-height:1.0833333333rem;font-weight:300}.small{font-size:.8333333333rem;line-height:1rem;font-weight:400}.textMainColor{color:#202124}.textSoftColor{color:#5f6368}.textSofterColor{color:#9aa0a6}.textSoftestColor{color:#e8eaed}.textInverseColor{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXSMDivider{height:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.panel-title-gap-divider{height:20px}.panel-section-gap-divider{height:32px}.input-vertical-gap-divider{height:24px}.input-label-gap-divider{height:6px}.focusedInput,:host ::ng-deep .w-button-large.p-button:enabled:focus,:host ::ng-deep .p-button.w-button-large-tertiary:enabled:focus,:host ::ng-deep .w-button-medium.p-button:enabled:focus,:host ::ng-deep .p-button.w-button-medium-tertiary:enabled:focus,:host ::ng-deep .w-button-small.p-button:enabled:focus,:host ::ng-deep .p-button.w-button-text-small:enabled:focus,:host ::ng-deep .p-button.w-button-small-tertiary:enabled:focus{border:1px solid rgba(0,157,253,.25);box-shadow:0 0 10px #00b3eb40}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b3eb}.hoveredInput{border-radius:8px;border:1px solid rgba(0,179,235,.5)}.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,:host ::ng-deep .w-button-small-tertiary.p-button{color:#202124}.w-button-small-text-label-text,:host ::ng-deep .w-button-text-small.p-button{color:#202124}.w-button-small-icon-text,:host ::ng-deep .w-button-small.p-button .p-button-icon,:host ::ng-deep .p-button.w-button-text-small .p-button-icon,:host ::ng-deep .p-button.w-button-small-tertiary .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,:host ::ng-deep .w-button-medium.p-button .p-button-label,:host ::ng-deep .p-button.w-button-medium-tertiary .p-button-label,.w-button-medium-tertiary-label-text,:host ::ng-deep .w-button-medium-tertiary.p-button{font-size:16px;font-weight:400;line-height:16px}.w-button-medium-tertiary-label-text,:host ::ng-deep .w-button-medium-tertiary.p-button{color:#202124}.w-button-medium-icon-text,:host ::ng-deep .w-button-medium.p-button .p-button-icon,:host ::ng-deep .p-button.w-button-medium-tertiary .p-button-icon{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,:host ::ng-deep .w-button-large.p-button .p-button-label,:host ::ng-deep .p-button.w-button-large-tertiary .p-button-label,.w-button-large-tertiary-label-text,:host ::ng-deep .w-button-large-tertiary.p-button{font-size:20px;font-weight:400;line-height:24px}.w-button-large-tertiary-label-text,:host ::ng-deep .w-button-large-tertiary.p-button{color:#202124}.w-button-x-small-label-text{font-size:10px;font-weight:600;line-height:10px}.w-button-small-only-label-text,:host ::ng-deep .w-button-text-small.p-button.p-button-text .p-button-label{font-size:12px;font-weight:600;line-height:16px}.w-button-large-icon-text,:host ::ng-deep .w-button-large.p-button .p-button-icon,:host ::ng-deep .p-button.w-button-large-tertiary .p-button-icon{font-size:24px}.w-view-small-label-text{color:#202124}.w-view-small-value-text{color:#5f6368}.w-input-no-label-height{height:14px}.w-input-disabled{background-color:#f1f3f4;border-color:#e8eaed;opacity:1}.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled{height:-moz-fit-content;height:fit-content}.w-input-small-label-text,.w-input-small-label-disabled{color:#202124}.w-input-small-label-disabled{color:#9aa0a6}.w-input-small-label-text-content{padding:12px 8px 8px 0;margin:0}.w-input-small-label-text-content-no-top{padding-top:0}.w-input-small-placeholder-text{color:#202124}.w-input-small-placeholder-text-only-color{color:#9aa0a6;line-height:1.3333333333rem}.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:#202124}.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:#202124}.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:#202124}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6368}.w-input-medium-text-icon{color:#202124}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#202124}.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:#202124}.w-panel-content{color:#5f6368}.w-tab-text,.w-chip-text{color:#202124}.w-badge-text{font-size:8px;font-weight:700;line-height:8px}.w-table-th-text{color:#202124}.w-table-td-text{color:#5f6368}.w-image-file-uploader-navigators-text{font-size:12px;color:#fff}.grid{margin:0}:host ::ng-deep .w-button-small.p-button,:host ::ng-deep .p-button.w-button-text-small,:host ::ng-deep .p-button.w-button-small-tertiary{height:32px;padding:7px 15px;border-radius:8px;border-width:1px}:host ::ng-deep .w-button-small.p-button :hover,:host ::ng-deep .p-button.w-button-text-small :hover,:host ::ng-deep .p-button.w-button-small-tertiary :hover{border-width:1px}:host ::ng-deep .w-button-small.p-button .p-button-icon,:host ::ng-deep .p-button.w-button-text-small .p-button-icon,:host ::ng-deep .p-button.w-button-small-tertiary .p-button-icon{margin-left:8px}:host ::ng-deep .w-button-small.p-button:enabled:hover,:host ::ng-deep .p-button.w-button-text-small:enabled:hover,:host ::ng-deep .p-button.w-button-small-tertiary:enabled:hover{background-color:#00b3eb;border-color:#00b3eb}:host ::ng-deep .w-button-small.p-button:enabled:focus,:host ::ng-deep .p-button.w-button-text-small:enabled:focus,:host ::ng-deep .p-button.w-button-small-tertiary:enabled:focus{outline:1px solid #d6f2ff;background-color:#1f5b72}:host ::ng-deep .w-button-small.p-button.p-button-outlined:enabled:hover,:host ::ng-deep .p-button.p-button-outlined.w-button-text-small:enabled:hover,:host ::ng-deep .p-button.p-button-outlined.w-button-small-tertiary:enabled:hover{border-radius:8px;border-width:1px}:host ::ng-deep .w-button-medium.p-button,:host ::ng-deep .p-button.w-button-medium-tertiary{height:40px;padding:11px 19px;border-radius:8px;border-width:1px}:host ::ng-deep .w-button-medium.p-button .p-button-icon,:host ::ng-deep .p-button.w-button-medium-tertiary .p-button-icon{margin-left:12px}:host ::ng-deep .w-button-medium.p-button:enabled:hover,:host ::ng-deep .p-button.w-button-medium-tertiary:enabled:hover{background-color:#00b3eb;border-color:#00b3eb}:host ::ng-deep .w-button-medium.p-button:enabled:focus,:host ::ng-deep .p-button.w-button-medium-tertiary:enabled:focus{outline:1px solid #d6f2ff;background-color:#1f5b72}:host ::ng-deep .w-button-medium.p-button.p-button-outlined:enabled:hover,:host ::ng-deep .p-button.p-button-outlined.w-button-medium-tertiary:enabled:hover{border-radius:8px;border-width:1px}:host ::ng-deep .w-button-large.p-button,:host ::ng-deep .p-button.w-button-large-tertiary{height:56px;padding:15px 27px;border-radius:8px;border-width:1px}:host ::ng-deep .w-button-large.p-button :hover,:host ::ng-deep .p-button.w-button-large-tertiary :hover{border-width:1px}:host ::ng-deep .w-button-large.p-button .p-button-icon,:host ::ng-deep .p-button.w-button-large-tertiary .p-button-icon{margin-left:16px}:host ::ng-deep .w-button-large.p-button:enabled:hover,:host ::ng-deep .p-button.w-button-large-tertiary:enabled:hover{background-color:#00b3eb;border-color:#00b3eb}:host ::ng-deep .w-button-large.p-button:enabled:focus,:host ::ng-deep .p-button.w-button-large-tertiary:enabled:focus{outline:1px solid #d6f2ff;background-color:#1f5b72}:host ::ng-deep .w-button-small.p-button.p-button-outlined:enabled:hover,:host ::ng-deep .p-button.p-button-outlined.w-button-text-small:enabled:hover,:host ::ng-deep .p-button.p-button-outlined.w-button-small-tertiary:enabled:hover,:host ::ng-deep .w-button-medium.p-button.p-button-outlined:enabled:hover,:host ::ng-deep .p-button.p-button-outlined.w-button-medium-tertiary:enabled:hover,:host ::ng-deep .w-button-large.p-button.p-button-outlined:enabled:hover,:host ::ng-deep .p-button.p-button-outlined.w-button-large-tertiary:enabled:hover{border-radius:8px;border-width:1px;background-color:transparent;border-color:#00b3eb;color:#00b3eb}:host ::ng-deep .w-button-small.p-button.p-button-outlined:focus,:host ::ng-deep .p-button.p-button-outlined.w-button-text-small:focus,:host ::ng-deep .p-button.p-button-outlined.w-button-small-tertiary:focus,:host ::ng-deep .w-button-medium.p-button.p-button-outlined:focus,:host ::ng-deep .p-button.p-button-outlined.w-button-medium-tertiary:focus,:host ::ng-deep .w-button-large.p-button.p-button-outlined:focus,:host ::ng-deep .p-button.p-button-outlined.w-button-large-tertiary:focus{border-color:#1f5b72;color:#1f5b72;background-color:transparent;outline:0px}:host ::ng-deep .w-button-small.p-button.p-button-outlined.p-disabled,:host ::ng-deep .p-button.p-button-outlined.p-disabled.w-button-text-small,:host ::ng-deep .p-button.p-button-outlined.p-disabled.w-button-small-tertiary,:host ::ng-deep .w-button-medium.p-button.p-button-outlined.p-disabled,:host ::ng-deep .p-button.p-button-outlined.p-disabled.w-button-medium-tertiary,:host ::ng-deep .w-button-large.p-button.p-button-outlined.p-disabled,:host ::ng-deep .p-button.p-button-outlined.p-disabled.w-button-large-tertiary{background-color:transparent;color:#bdc1c6;border-color:#e8eaed}:host ::ng-deep .w-button-medium.p-button.p-disabled,:host ::ng-deep .p-button.p-disabled.w-button-medium-tertiary,:host ::ng-deep .w-button-small.p-button.p-disabled,:host ::ng-deep .p-button.p-disabled.w-button-text-small,:host ::ng-deep .p-button.p-disabled.w-button-small-tertiary,:host ::ng-deep .w-button-large.p-button.p-disabled,:host ::ng-deep .p-button.p-disabled.w-button-large-tertiary{background:#e8eaed;color:#bdc1c6}:host ::ng-deep .w-button-small-tertiary.p-button{border:1px solid #e8eaed}:host ::ng-deep .w-button-small-tertiary.p-button.p-button-outlined:enabled:hover{border-color:#00b3eb;background:none;color:#00b3eb}:host ::ng-deep .w-button-small-tertiary.p-button.p-button-outlined:enabled:focus{border:1px solid #dadce0;color:#5f6368}:host ::ng-deep .w-button-medium-tertiary.p-button{border:1px solid #e8eaed}:host ::ng-deep .w-button-medium-tertiary.p-button.p-button-outlined:enabled:hover{border-color:#00b3eb;background:none;color:#00b3eb}:host ::ng-deep .w-button-medium-tertiary.p-button.p-button-outlined:enabled:focus{border:1px solid #dadce0;color:#5f6368}:host ::ng-deep .w-button-large-tertiary.p-button{border:1px solid #e8eaed}:host ::ng-deep .w-button-large-tertiary.p-button.p-button-outlined:enabled:hover{border-color:#00b3eb;background:none;color:#00b3eb}:host ::ng-deep .w-button-large-tertiary.p-button.p-button-outlined:enabled:focus{border:1px solid #dadce0;color:#5f6368}:host ::ng-deep .w-button-small.p-button.p-button-icon-only,:host ::ng-deep .w-button-medium.p-button.p-button-icon-only,:host ::ng-deep .w-button-large.p-button.p-button-icon-only,:host ::ng-deep .w-button-small-tertiary.p-button.p-button-icon-only,:host ::ng-deep .w-button-medium-tertiary.p-button.p-button-icon-only,:host ::ng-deep .w-button-large-tertiary.p-button.p-button-icon-only,:host ::ng-deep .w-button-text-small.p-button.p-button-icon-only{width:32px}:host ::ng-deep .w-button-small.p-button.p-button-icon-only .p-button-icon,:host ::ng-deep .w-button-medium.p-button.p-button-icon-only .p-button-icon,:host ::ng-deep .w-button-large.p-button.p-button-icon-only .p-button-icon,:host ::ng-deep .w-button-small-tertiary.p-button.p-button-icon-only .p-button-icon,:host ::ng-deep .w-button-medium-tertiary.p-button.p-button-icon-only .p-button-icon,:host ::ng-deep .w-button-large-tertiary.p-button.p-button-icon-only .p-button-icon,:host ::ng-deep .w-button-text-small.p-button.p-button-icon-only .p-button-icon{padding-left:0;margin-left:0}:host ::ng-deep .w-button-text-small.p-button{border:none}:host ::ng-deep .w-button-text-small.p-button.p-button-text:enabled:hover{color:#00b3eb;background:none;border:none}:host ::ng-deep .w-button-text-small.p-button.p-button-text:enabled:focus{background:none;border:none}:host ::ng-deep .w-button-small.p-button.p-button-text.p-disabled,:host ::ng-deep .p-button.p-button-text.p-disabled.w-button-small-tertiary,:host ::ng-deep .p-button.p-button-text.p-disabled.w-button-text-small{background:none;border:none;color:#bdc1c6}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "style", "styleClass", "badgeClass", "ariaLabel"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "directive", type: i3.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }] });
36
+ WButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WButtonComponent, selector: "w-button", inputs: { type: "type", label: "label", size: "size", icon: "icon", tooltipPosition: "tooltipPosition", tooltip: "tooltip", disabled: "disabled", loading: "loading", buttonClass: "buttonClass" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<ng-container *ngIf=\"type == getButtonTypeName(buttonType.primary); else buttonSecondary\">\r\n <p-button *ngIf=\"size == getSizeName(sizeType.small)\" \r\n label=\"{{label}}\" \r\n [icon]=\"getIcon()\" \r\n iconPos=\"right\" \r\n styleClass=\"w-button-small border-none {{buttonClass}}\" \r\n [disabled]=\"disabled\"\r\n (onClick)=\"onButtonClick($event)\"\r\n [loading]=\"loading\" \r\n [pTooltip]=\"tooltip\" \r\n [tooltipPosition]=\"tooltipPosition\">\r\n </p-button>\r\n <p-button *ngIf=\"size == getSizeName(sizeType.medium)\" \r\n label=\"{{label}}\" \r\n [icon]=\"getIcon()\" \r\n iconPos=\"right\" \r\n styleClass=\"w-button-medium border-none {{buttonClass}}\" \r\n [disabled]=\"disabled\"\r\n (onClick)=\"onButtonClick($event)\"\r\n [loading]=\"loading\" \r\n [pTooltip]=\"tooltip\" \r\n [tooltipPosition]=\"tooltipPosition\">\r\n </p-button>\r\n <p-button *ngIf=\"size == getSizeName(sizeType.large)\" \r\n label=\"{{label}}\" \r\n [icon]=\"getIcon()\" \r\n iconPos=\"right\" \r\n styleClass=\"w-button-large border-none {{buttonClass}}\" \r\n [disabled]=\"disabled\"\r\n (onClick)=\"onButtonClick($event)\"\r\n [loading]=\"loading\" \r\n [pTooltip]=\"tooltip\" \r\n [tooltipPosition]=\"tooltipPosition\">\r\n </p-button>\r\n</ng-container>\r\n<ng-template #buttonSecondary>\r\n <ng-container *ngIf=\"type == getButtonTypeName(buttonType.secondary) || type == getButtonTypeName(buttonType.tertiary); else buttonText\">\r\n <p-button *ngIf=\"size == getSizeName(sizeType.small)\" \r\n label=\"{{label}}\" \r\n [icon]=\"getIcon()\" \r\n iconPos=\"right\" \r\n [styleClass]=\"'p-button-outlined ' + (type == getButtonTypeName(buttonType.tertiary) ? 'w-button-small-tertiary' : 'w-button-small p-button-outlined')\"\r\n [disabled]=\"disabled\"\r\n (onClick)=\"onButtonClick($event)\"\r\n [loading]=\"loading\" \r\n [pTooltip]=\"tooltip\" \r\n [tooltipPosition]=\"tooltipPosition\">\r\n </p-button>\r\n <p-button *ngIf=\"size == getSizeName(sizeType.medium)\" \r\n label=\"{{label}}\" \r\n [icon]=\"getIcon()\" \r\n iconPos=\"right\" \r\n [styleClass]=\"'p-button-outlined ' + (type == getButtonTypeName(buttonType.tertiary) ? 'w-button-medium-tertiary' : 'w-button-medium p-button-outlined')\"\r\n [disabled]=\"disabled\"\r\n (onClick)=\"onButtonClick($event)\"\r\n [loading]=\"loading\" \r\n [pTooltip]=\"tooltip\" \r\n [tooltipPosition]=\"tooltipPosition\">\r\n </p-button>\r\n <p-button *ngIf=\"size == getSizeName(sizeType.large)\" \r\n label=\"{{label}}\" \r\n [icon]=\"getIcon()\" \r\n iconPos=\"right\" \r\n [styleClass]=\"'p-button-outlined ' + (type == getButtonTypeName(buttonType.tertiary) ? 'w-button-large-tertiary' : 'w-button-large p-button-outlined')\"\r\n [disabled]=\"disabled\"\r\n (onClick)=\"onButtonClick($event)\"\r\n [loading]=\"loading\" \r\n [pTooltip]=\"tooltip\" \r\n [tooltipPosition]=\"tooltipPosition\">\r\n </p-button>\r\n </ng-container>\r\n <ng-template #buttonText>\r\n <p-button \r\n label=\"{{label}}\" \r\n [icon]=\"getIcon()\" \r\n iconPos=\"right\" \r\n styleClass=\"p-button-text w-button-text-small {{buttonClass}}\"\r\n [disabled]=\"disabled\"\r\n (onClick)=\"onButtonClick($event)\"\r\n [loading]=\"loading\" \r\n [pTooltip]=\"tooltip\" \r\n [tooltipPosition]=\"tooltipPosition\">\r\n </p-button>\r\n </ng-template>\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:700}.heading5,.w-sidebar-title-text{font-size:1.5rem;line-height:1.8333333333rem;font-weight:700}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:700}.subtitle1,.w-tab-text,.w-panel-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:700}.subtitle2,.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,:host ::ng-deep .w-button-text-small.p-button{font-size:1rem;line-height:1.1666666667rem;font-weight:600}.body,.w-image-file-uploader-navigators-text,.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-button-small.p-button .p-button-label,:host ::ng-deep .p-button.w-button-text-small .p-button-label,:host ::ng-deep .p-button.w-button-small-tertiary .p-button-label,.w-button-small-tertiary-label-text,:host ::ng-deep .w-button-small-tertiary.p-button{font-size:1rem;line-height:1.1666666667rem;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}.light,.w-input-small-placeholder-text-only-color{font-size:.9166666667rem;line-height:1.0833333333rem;font-weight:300}.small{font-size:.8333333333rem;line-height:1rem;font-weight:400}.textMainColor{color:#202124}.textSoftColor{color:#5f6368}.textSofterColor{color:#9aa0a6}.textSoftestColor{color:#e8eaed}.textInverseColor{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXSMDivider{height:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.panel-title-gap-divider{height:20px}.panel-section-gap-divider{height:32px}.input-vertical-gap-divider{height:24px}.input-label-gap-divider{height:6px}.focusedInput,:host ::ng-deep .w-button-large.p-button:enabled:focus,:host ::ng-deep .p-button.w-button-large-tertiary:enabled:focus,:host ::ng-deep .w-button-medium.p-button:enabled:focus,:host ::ng-deep .p-button.w-button-medium-tertiary:enabled:focus,:host ::ng-deep .w-button-small.p-button:enabled:focus,:host ::ng-deep .p-button.w-button-text-small:enabled:focus,:host ::ng-deep .p-button.w-button-small-tertiary:enabled:focus{border:1px solid rgba(0,157,253,.25);box-shadow:0 0 10px #00b3eb40}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b3eb}.hoveredInput{border-radius:8px;border:1px solid rgba(0,179,235,.5)}.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,:host ::ng-deep .w-button-small-tertiary.p-button{color:#202124}.w-button-small-text-label-text,:host ::ng-deep .w-button-text-small.p-button{color:#202124}.w-button-small-icon-text,:host ::ng-deep .w-button-small.p-button .p-button-icon,:host ::ng-deep .p-button.w-button-text-small .p-button-icon,:host ::ng-deep .p-button.w-button-small-tertiary .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,:host ::ng-deep .w-button-medium.p-button .p-button-label,:host ::ng-deep .p-button.w-button-medium-tertiary .p-button-label,.w-button-medium-tertiary-label-text,:host ::ng-deep .w-button-medium-tertiary.p-button{font-size:16px;font-weight:400;line-height:16px}.w-button-medium-tertiary-label-text,:host ::ng-deep .w-button-medium-tertiary.p-button{color:#202124}.w-button-medium-icon-text,:host ::ng-deep .w-button-medium.p-button .p-button-icon,:host ::ng-deep .p-button.w-button-medium-tertiary .p-button-icon{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,:host ::ng-deep .w-button-large.p-button .p-button-label,:host ::ng-deep .p-button.w-button-large-tertiary .p-button-label,.w-button-large-tertiary-label-text,:host ::ng-deep .w-button-large-tertiary.p-button{font-size:20px;font-weight:400;line-height:24px}.w-button-large-tertiary-label-text,:host ::ng-deep .w-button-large-tertiary.p-button{color:#202124}.w-button-x-small-label-text{font-size:10px;font-weight:600;line-height:10px}.w-button-small-only-label-text,:host ::ng-deep .w-button-text-small.p-button.p-button-text .p-button-label{font-size:12px;font-weight:600;line-height:16px}.w-button-large-icon-text,:host ::ng-deep .w-button-large.p-button .p-button-icon,:host ::ng-deep .p-button.w-button-large-tertiary .p-button-icon{font-size:24px}.w-view-small-label-text{color:#202124}.w-view-small-value-text{color:#5f6368}.w-input-no-label-height{height:14px}.w-input-disabled{background-color:#f1f3f4;border-color:#e8eaed;opacity:1}.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled{height:-moz-fit-content;height:fit-content}.w-input-small-label-text,.w-input-small-label-disabled{color:#202124}.w-input-small-label-disabled{color:#9aa0a6}.w-input-small-label-text-content{padding:12px 8px 8px 0;margin:0}.w-input-small-label-text-content-no-top{padding-top:0}.w-input-small-placeholder-text{color:#202124}.w-input-small-placeholder-text-only-color{color:#9aa0a6;line-height:1.3333333333rem}.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:#202124}.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:#202124}.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:#202124}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6368}.w-input-medium-text-icon{color:#202124}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#202124}.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:#202124}.w-panel-content{color:#5f6368}.w-tab-text,.w-chip-text{color:#202124}.w-badge-text{font-size:8px;font-weight:700;line-height:8px}.w-table-th-text{color:#202124}.w-table-td-text{color:#5f6368}.w-image-file-uploader-navigators-text{font-size:12px;color:#fff}.grid{margin:0}:host ::ng-deep .w-button-small.p-button,:host ::ng-deep .p-button.w-button-text-small,:host ::ng-deep .p-button.w-button-small-tertiary{height:32px;padding:7px 15px;border-radius:8px;border-width:1px}:host ::ng-deep .w-button-small.p-button :hover,:host ::ng-deep .p-button.w-button-text-small :hover,:host ::ng-deep .p-button.w-button-small-tertiary :hover{border-width:1px}:host ::ng-deep .w-button-small.p-button .p-button-icon,:host ::ng-deep .p-button.w-button-text-small .p-button-icon,:host ::ng-deep .p-button.w-button-small-tertiary .p-button-icon{margin-left:8px}:host ::ng-deep .w-button-small.p-button:enabled:hover,:host ::ng-deep .p-button.w-button-text-small:enabled:hover,:host ::ng-deep .p-button.w-button-small-tertiary:enabled:hover{background-color:#00b3eb;border-color:#00b3eb}:host ::ng-deep .w-button-small.p-button:enabled:focus,:host ::ng-deep .p-button.w-button-text-small:enabled:focus,:host ::ng-deep .p-button.w-button-small-tertiary:enabled:focus{outline:1px solid #d6f2ff;background-color:#1f5b72}:host ::ng-deep .w-button-small.p-button.p-button-outlined:enabled:hover,:host ::ng-deep .p-button.p-button-outlined.w-button-text-small:enabled:hover,:host ::ng-deep .p-button.p-button-outlined.w-button-small-tertiary:enabled:hover{border-radius:8px;border-width:1px}:host ::ng-deep .w-button-medium.p-button,:host ::ng-deep .p-button.w-button-medium-tertiary{height:40px;padding:11px 19px;border-radius:8px;border-width:1px}:host ::ng-deep .w-button-medium.p-button .p-button-icon,:host ::ng-deep .p-button.w-button-medium-tertiary .p-button-icon{margin-left:12px}:host ::ng-deep .w-button-medium.p-button:enabled:hover,:host ::ng-deep .p-button.w-button-medium-tertiary:enabled:hover{background-color:#00b3eb;border-color:#00b3eb}:host ::ng-deep .w-button-medium.p-button:enabled:focus,:host ::ng-deep .p-button.w-button-medium-tertiary:enabled:focus{outline:1px solid #d6f2ff;background-color:#1f5b72}:host ::ng-deep .w-button-medium.p-button.p-button-outlined:enabled:hover,:host ::ng-deep .p-button.p-button-outlined.w-button-medium-tertiary:enabled:hover{border-radius:8px;border-width:1px}:host ::ng-deep .w-button-large.p-button,:host ::ng-deep .p-button.w-button-large-tertiary{height:56px;padding:15px 27px;border-radius:8px;border-width:1px}:host ::ng-deep .w-button-large.p-button :hover,:host ::ng-deep .p-button.w-button-large-tertiary :hover{border-width:1px}:host ::ng-deep .w-button-large.p-button .p-button-icon,:host ::ng-deep .p-button.w-button-large-tertiary .p-button-icon{margin-left:16px}:host ::ng-deep .w-button-large.p-button:enabled:hover,:host ::ng-deep .p-button.w-button-large-tertiary:enabled:hover{background-color:#00b3eb;border-color:#00b3eb}:host ::ng-deep .w-button-large.p-button:enabled:focus,:host ::ng-deep .p-button.w-button-large-tertiary:enabled:focus{outline:1px solid #d6f2ff;background-color:#1f5b72}:host ::ng-deep .w-button-small.p-button.p-button-outlined:enabled:hover,:host ::ng-deep .p-button.p-button-outlined.w-button-text-small:enabled:hover,:host ::ng-deep .p-button.p-button-outlined.w-button-small-tertiary:enabled:hover,:host ::ng-deep .w-button-medium.p-button.p-button-outlined:enabled:hover,:host ::ng-deep .p-button.p-button-outlined.w-button-medium-tertiary:enabled:hover,:host ::ng-deep .w-button-large.p-button.p-button-outlined:enabled:hover,:host ::ng-deep .p-button.p-button-outlined.w-button-large-tertiary:enabled:hover{border-radius:8px;border-width:1px;background-color:transparent;border-color:#00b3eb;color:#00b3eb}:host ::ng-deep .w-button-small.p-button.p-button-outlined:focus,:host ::ng-deep .p-button.p-button-outlined.w-button-text-small:focus,:host ::ng-deep .p-button.p-button-outlined.w-button-small-tertiary:focus,:host ::ng-deep .w-button-medium.p-button.p-button-outlined:focus,:host ::ng-deep .p-button.p-button-outlined.w-button-medium-tertiary:focus,:host ::ng-deep .w-button-large.p-button.p-button-outlined:focus,:host ::ng-deep .p-button.p-button-outlined.w-button-large-tertiary:focus{border-color:#1f5b72;color:#1f5b72;background-color:transparent;outline:0px}:host ::ng-deep .w-button-small.p-button.p-button-outlined.p-disabled,:host ::ng-deep .p-button.p-button-outlined.p-disabled.w-button-text-small,:host ::ng-deep .p-button.p-button-outlined.p-disabled.w-button-small-tertiary,:host ::ng-deep .w-button-medium.p-button.p-button-outlined.p-disabled,:host ::ng-deep .p-button.p-button-outlined.p-disabled.w-button-medium-tertiary,:host ::ng-deep .w-button-large.p-button.p-button-outlined.p-disabled,:host ::ng-deep .p-button.p-button-outlined.p-disabled.w-button-large-tertiary{background-color:transparent;color:#bdc1c6;border-color:#e8eaed}:host ::ng-deep .w-button-medium.p-button.p-disabled,:host ::ng-deep .p-button.p-disabled.w-button-medium-tertiary,:host ::ng-deep .w-button-small.p-button.p-disabled,:host ::ng-deep .p-button.p-disabled.w-button-text-small,:host ::ng-deep .p-button.p-disabled.w-button-small-tertiary,:host ::ng-deep .w-button-large.p-button.p-disabled,:host ::ng-deep .p-button.p-disabled.w-button-large-tertiary{background:#e8eaed;color:#bdc1c6}:host ::ng-deep .w-button-small-tertiary.p-button{border:1px solid #e8eaed}:host ::ng-deep .w-button-small-tertiary.p-button.p-button-outlined:enabled:hover{border-color:#00b3eb;background:none;color:#00b3eb}:host ::ng-deep .w-button-small-tertiary.p-button.p-button-outlined:enabled:focus{border:1px solid #dadce0;color:#5f6368}:host ::ng-deep .w-button-medium-tertiary.p-button{border:1px solid #e8eaed}:host ::ng-deep .w-button-medium-tertiary.p-button.p-button-outlined:enabled:hover{border-color:#00b3eb;background:none;color:#00b3eb}:host ::ng-deep .w-button-medium-tertiary.p-button.p-button-outlined:enabled:focus{border:1px solid #dadce0;color:#5f6368}:host ::ng-deep .w-button-large-tertiary.p-button{border:1px solid #e8eaed}:host ::ng-deep .w-button-large-tertiary.p-button.p-button-outlined:enabled:hover{border-color:#00b3eb;background:none;color:#00b3eb}:host ::ng-deep .w-button-large-tertiary.p-button.p-button-outlined:enabled:focus{border:1px solid #dadce0;color:#5f6368}:host ::ng-deep .w-button-small.p-button.p-button-icon-only,:host ::ng-deep .w-button-medium.p-button.p-button-icon-only,:host ::ng-deep .w-button-large.p-button.p-button-icon-only,:host ::ng-deep .w-button-small-tertiary.p-button.p-button-icon-only,:host ::ng-deep .w-button-medium-tertiary.p-button.p-button-icon-only,:host ::ng-deep .w-button-large-tertiary.p-button.p-button-icon-only,:host ::ng-deep .w-button-text-small.p-button.p-button-icon-only{width:32px}:host ::ng-deep .w-button-small.p-button.p-button-icon-only .p-button-icon,:host ::ng-deep .w-button-medium.p-button.p-button-icon-only .p-button-icon,:host ::ng-deep .w-button-large.p-button.p-button-icon-only .p-button-icon,:host ::ng-deep .w-button-small-tertiary.p-button.p-button-icon-only .p-button-icon,:host ::ng-deep .w-button-medium-tertiary.p-button.p-button-icon-only .p-button-icon,:host ::ng-deep .w-button-large-tertiary.p-button.p-button-icon-only .p-button-icon,:host ::ng-deep .w-button-text-small.p-button.p-button-icon-only .p-button-icon{padding-left:0;margin-left:0}:host ::ng-deep .w-button-text-small.p-button{border:none}:host ::ng-deep .w-button-text-small.p-button.p-button-text:enabled:hover{color:#00b3eb;background:none;border:none}:host ::ng-deep .w-button-text-small.p-button.p-button-text:enabled:focus{background:none;border:none}:host ::ng-deep .w-button-small.p-button.p-button-text.p-disabled,:host ::ng-deep .p-button.p-button-text.p-disabled.w-button-small-tertiary,:host ::ng-deep .p-button.p-button-text.p-disabled.w-button-text-small{background:none;border:none;color:#bdc1c6}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "style", "styleClass", "badgeClass", "ariaLabel"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "directive", type: i3.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }] });
36
37
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WButtonComponent, decorators: [{
37
38
  type: Component,
38
- args: [{ selector: 'w-button', template: "<ng-container *ngIf=\"type == getButtonTypeName(buttonType.primary); else buttonSecondary\">\r\n <p-button *ngIf=\"size == getSizeName(sizeType.small)\" \r\n label=\"{{label}}\" \r\n [icon]=\"getIcon()\" \r\n iconPos=\"right\" \r\n styleClass=\"w-button-small border-none\" \r\n [disabled]=\"disabled\"\r\n (onClick)=\"onButtonClick($event)\"\r\n [loading]=\"loading\" \r\n [pTooltip]=\"tooltip\" \r\n [tooltipPosition]=\"tooltipPosition\">\r\n </p-button>\r\n <p-button *ngIf=\"size == getSizeName(sizeType.medium)\" \r\n label=\"{{label}}\" \r\n [icon]=\"getIcon()\" \r\n iconPos=\"right\" \r\n styleClass=\"w-button-medium border-none\" \r\n [disabled]=\"disabled\"\r\n (onClick)=\"onButtonClick($event)\"\r\n [loading]=\"loading\" \r\n [pTooltip]=\"tooltip\" \r\n [tooltipPosition]=\"tooltipPosition\">\r\n </p-button>\r\n <p-button *ngIf=\"size == getSizeName(sizeType.large)\" \r\n label=\"{{label}}\" \r\n [icon]=\"getIcon()\" \r\n iconPos=\"right\" \r\n styleClass=\"w-button-large border-none\" \r\n [disabled]=\"disabled\"\r\n (onClick)=\"onButtonClick($event)\"\r\n [loading]=\"loading\" \r\n [pTooltip]=\"tooltip\" \r\n [tooltipPosition]=\"tooltipPosition\">\r\n </p-button>\r\n</ng-container>\r\n<ng-template #buttonSecondary>\r\n <ng-container *ngIf=\"type == getButtonTypeName(buttonType.secondary) || type == getButtonTypeName(buttonType.tertiary); else buttonText\">\r\n <p-button *ngIf=\"size == getSizeName(sizeType.small)\" \r\n label=\"{{label}}\" \r\n [icon]=\"getIcon()\" \r\n iconPos=\"right\" \r\n [styleClass]=\"'p-button-outlined ' + (type == getButtonTypeName(buttonType.tertiary) ? 'w-button-small-tertiary' : 'w-button-small p-button-outlined')\"\r\n [disabled]=\"disabled\"\r\n (onClick)=\"onButtonClick($event)\"\r\n [loading]=\"loading\" \r\n [pTooltip]=\"tooltip\" \r\n [tooltipPosition]=\"tooltipPosition\">\r\n </p-button>\r\n <p-button *ngIf=\"size == getSizeName(sizeType.medium)\" \r\n label=\"{{label}}\" \r\n [icon]=\"getIcon()\" \r\n iconPos=\"right\" \r\n [styleClass]=\"'p-button-outlined ' + (type == getButtonTypeName(buttonType.tertiary) ? 'w-button-medium-tertiary' : 'w-button-medium p-button-outlined')\"\r\n [disabled]=\"disabled\"\r\n (onClick)=\"onButtonClick($event)\"\r\n [loading]=\"loading\" \r\n [pTooltip]=\"tooltip\" \r\n [tooltipPosition]=\"tooltipPosition\">\r\n </p-button>\r\n <p-button *ngIf=\"size == getSizeName(sizeType.large)\" \r\n label=\"{{label}}\" \r\n [icon]=\"getIcon()\" \r\n iconPos=\"right\" \r\n [styleClass]=\"'p-button-outlined ' + (type == getButtonTypeName(buttonType.tertiary) ? 'w-button-large-tertiary' : 'w-button-large p-button-outlined')\"\r\n [disabled]=\"disabled\"\r\n (onClick)=\"onButtonClick($event)\"\r\n [loading]=\"loading\" \r\n [pTooltip]=\"tooltip\" \r\n [tooltipPosition]=\"tooltipPosition\">\r\n </p-button>\r\n </ng-container>\r\n <ng-template #buttonText>\r\n <p-button \r\n label=\"{{label}}\" \r\n [icon]=\"getIcon()\" \r\n iconPos=\"right\" \r\n styleClass=\"p-button-text w-button-text-small\"\r\n [disabled]=\"disabled\"\r\n (onClick)=\"onButtonClick($event)\"\r\n [loading]=\"loading\" \r\n [pTooltip]=\"tooltip\" \r\n [tooltipPosition]=\"tooltipPosition\">\r\n </p-button>\r\n </ng-template>\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:700}.heading5,.w-sidebar-title-text{font-size:1.5rem;line-height:1.8333333333rem;font-weight:700}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:700}.subtitle1,.w-tab-text,.w-panel-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:700}.subtitle2,.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,:host ::ng-deep .w-button-text-small.p-button{font-size:1rem;line-height:1.1666666667rem;font-weight:600}.body,.w-image-file-uploader-navigators-text,.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-button-small.p-button .p-button-label,:host ::ng-deep .p-button.w-button-text-small .p-button-label,:host ::ng-deep .p-button.w-button-small-tertiary .p-button-label,.w-button-small-tertiary-label-text,:host ::ng-deep .w-button-small-tertiary.p-button{font-size:1rem;line-height:1.1666666667rem;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}.light,.w-input-small-placeholder-text-only-color{font-size:.9166666667rem;line-height:1.0833333333rem;font-weight:300}.small{font-size:.8333333333rem;line-height:1rem;font-weight:400}.textMainColor{color:#202124}.textSoftColor{color:#5f6368}.textSofterColor{color:#9aa0a6}.textSoftestColor{color:#e8eaed}.textInverseColor{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXSMDivider{height:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.panel-title-gap-divider{height:20px}.panel-section-gap-divider{height:32px}.input-vertical-gap-divider{height:24px}.input-label-gap-divider{height:6px}.focusedInput,:host ::ng-deep .w-button-large.p-button:enabled:focus,:host ::ng-deep .p-button.w-button-large-tertiary:enabled:focus,:host ::ng-deep .w-button-medium.p-button:enabled:focus,:host ::ng-deep .p-button.w-button-medium-tertiary:enabled:focus,:host ::ng-deep .w-button-small.p-button:enabled:focus,:host ::ng-deep .p-button.w-button-text-small:enabled:focus,:host ::ng-deep .p-button.w-button-small-tertiary:enabled:focus{border:1px solid rgba(0,157,253,.25);box-shadow:0 0 10px #00b3eb40}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b3eb}.hoveredInput{border-radius:8px;border:1px solid rgba(0,179,235,.5)}.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,:host ::ng-deep .w-button-small-tertiary.p-button{color:#202124}.w-button-small-text-label-text,:host ::ng-deep .w-button-text-small.p-button{color:#202124}.w-button-small-icon-text,:host ::ng-deep .w-button-small.p-button .p-button-icon,:host ::ng-deep .p-button.w-button-text-small .p-button-icon,:host ::ng-deep .p-button.w-button-small-tertiary .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,:host ::ng-deep .w-button-medium.p-button .p-button-label,:host ::ng-deep .p-button.w-button-medium-tertiary .p-button-label,.w-button-medium-tertiary-label-text,:host ::ng-deep .w-button-medium-tertiary.p-button{font-size:16px;font-weight:400;line-height:16px}.w-button-medium-tertiary-label-text,:host ::ng-deep .w-button-medium-tertiary.p-button{color:#202124}.w-button-medium-icon-text,:host ::ng-deep .w-button-medium.p-button .p-button-icon,:host ::ng-deep .p-button.w-button-medium-tertiary .p-button-icon{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,:host ::ng-deep .w-button-large.p-button .p-button-label,:host ::ng-deep .p-button.w-button-large-tertiary .p-button-label,.w-button-large-tertiary-label-text,:host ::ng-deep .w-button-large-tertiary.p-button{font-size:20px;font-weight:400;line-height:24px}.w-button-large-tertiary-label-text,:host ::ng-deep .w-button-large-tertiary.p-button{color:#202124}.w-button-x-small-label-text{font-size:10px;font-weight:600;line-height:10px}.w-button-small-only-label-text,:host ::ng-deep .w-button-text-small.p-button.p-button-text .p-button-label{font-size:12px;font-weight:600;line-height:16px}.w-button-large-icon-text,:host ::ng-deep .w-button-large.p-button .p-button-icon,:host ::ng-deep .p-button.w-button-large-tertiary .p-button-icon{font-size:24px}.w-view-small-label-text{color:#202124}.w-view-small-value-text{color:#5f6368}.w-input-no-label-height{height:14px}.w-input-disabled{background-color:#f1f3f4;border-color:#e8eaed;opacity:1}.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled{height:-moz-fit-content;height:fit-content}.w-input-small-label-text,.w-input-small-label-disabled{color:#202124}.w-input-small-label-disabled{color:#9aa0a6}.w-input-small-label-text-content{padding:12px 8px 8px 0;margin:0}.w-input-small-label-text-content-no-top{padding-top:0}.w-input-small-placeholder-text{color:#202124}.w-input-small-placeholder-text-only-color{color:#9aa0a6;line-height:1.3333333333rem}.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:#202124}.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:#202124}.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:#202124}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6368}.w-input-medium-text-icon{color:#202124}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#202124}.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:#202124}.w-panel-content{color:#5f6368}.w-tab-text,.w-chip-text{color:#202124}.w-badge-text{font-size:8px;font-weight:700;line-height:8px}.w-table-th-text{color:#202124}.w-table-td-text{color:#5f6368}.w-image-file-uploader-navigators-text{font-size:12px;color:#fff}.grid{margin:0}:host ::ng-deep .w-button-small.p-button,:host ::ng-deep .p-button.w-button-text-small,:host ::ng-deep .p-button.w-button-small-tertiary{height:32px;padding:7px 15px;border-radius:8px;border-width:1px}:host ::ng-deep .w-button-small.p-button :hover,:host ::ng-deep .p-button.w-button-text-small :hover,:host ::ng-deep .p-button.w-button-small-tertiary :hover{border-width:1px}:host ::ng-deep .w-button-small.p-button .p-button-icon,:host ::ng-deep .p-button.w-button-text-small .p-button-icon,:host ::ng-deep .p-button.w-button-small-tertiary .p-button-icon{margin-left:8px}:host ::ng-deep .w-button-small.p-button:enabled:hover,:host ::ng-deep .p-button.w-button-text-small:enabled:hover,:host ::ng-deep .p-button.w-button-small-tertiary:enabled:hover{background-color:#00b3eb;border-color:#00b3eb}:host ::ng-deep .w-button-small.p-button:enabled:focus,:host ::ng-deep .p-button.w-button-text-small:enabled:focus,:host ::ng-deep .p-button.w-button-small-tertiary:enabled:focus{outline:1px solid #d6f2ff;background-color:#1f5b72}:host ::ng-deep .w-button-small.p-button.p-button-outlined:enabled:hover,:host ::ng-deep .p-button.p-button-outlined.w-button-text-small:enabled:hover,:host ::ng-deep .p-button.p-button-outlined.w-button-small-tertiary:enabled:hover{border-radius:8px;border-width:1px}:host ::ng-deep .w-button-medium.p-button,:host ::ng-deep .p-button.w-button-medium-tertiary{height:40px;padding:11px 19px;border-radius:8px;border-width:1px}:host ::ng-deep .w-button-medium.p-button .p-button-icon,:host ::ng-deep .p-button.w-button-medium-tertiary .p-button-icon{margin-left:12px}:host ::ng-deep .w-button-medium.p-button:enabled:hover,:host ::ng-deep .p-button.w-button-medium-tertiary:enabled:hover{background-color:#00b3eb;border-color:#00b3eb}:host ::ng-deep .w-button-medium.p-button:enabled:focus,:host ::ng-deep .p-button.w-button-medium-tertiary:enabled:focus{outline:1px solid #d6f2ff;background-color:#1f5b72}:host ::ng-deep .w-button-medium.p-button.p-button-outlined:enabled:hover,:host ::ng-deep .p-button.p-button-outlined.w-button-medium-tertiary:enabled:hover{border-radius:8px;border-width:1px}:host ::ng-deep .w-button-large.p-button,:host ::ng-deep .p-button.w-button-large-tertiary{height:56px;padding:15px 27px;border-radius:8px;border-width:1px}:host ::ng-deep .w-button-large.p-button :hover,:host ::ng-deep .p-button.w-button-large-tertiary :hover{border-width:1px}:host ::ng-deep .w-button-large.p-button .p-button-icon,:host ::ng-deep .p-button.w-button-large-tertiary .p-button-icon{margin-left:16px}:host ::ng-deep .w-button-large.p-button:enabled:hover,:host ::ng-deep .p-button.w-button-large-tertiary:enabled:hover{background-color:#00b3eb;border-color:#00b3eb}:host ::ng-deep .w-button-large.p-button:enabled:focus,:host ::ng-deep .p-button.w-button-large-tertiary:enabled:focus{outline:1px solid #d6f2ff;background-color:#1f5b72}:host ::ng-deep .w-button-small.p-button.p-button-outlined:enabled:hover,:host ::ng-deep .p-button.p-button-outlined.w-button-text-small:enabled:hover,:host ::ng-deep .p-button.p-button-outlined.w-button-small-tertiary:enabled:hover,:host ::ng-deep .w-button-medium.p-button.p-button-outlined:enabled:hover,:host ::ng-deep .p-button.p-button-outlined.w-button-medium-tertiary:enabled:hover,:host ::ng-deep .w-button-large.p-button.p-button-outlined:enabled:hover,:host ::ng-deep .p-button.p-button-outlined.w-button-large-tertiary:enabled:hover{border-radius:8px;border-width:1px;background-color:transparent;border-color:#00b3eb;color:#00b3eb}:host ::ng-deep .w-button-small.p-button.p-button-outlined:focus,:host ::ng-deep .p-button.p-button-outlined.w-button-text-small:focus,:host ::ng-deep .p-button.p-button-outlined.w-button-small-tertiary:focus,:host ::ng-deep .w-button-medium.p-button.p-button-outlined:focus,:host ::ng-deep .p-button.p-button-outlined.w-button-medium-tertiary:focus,:host ::ng-deep .w-button-large.p-button.p-button-outlined:focus,:host ::ng-deep .p-button.p-button-outlined.w-button-large-tertiary:focus{border-color:#1f5b72;color:#1f5b72;background-color:transparent;outline:0px}:host ::ng-deep .w-button-small.p-button.p-button-outlined.p-disabled,:host ::ng-deep .p-button.p-button-outlined.p-disabled.w-button-text-small,:host ::ng-deep .p-button.p-button-outlined.p-disabled.w-button-small-tertiary,:host ::ng-deep .w-button-medium.p-button.p-button-outlined.p-disabled,:host ::ng-deep .p-button.p-button-outlined.p-disabled.w-button-medium-tertiary,:host ::ng-deep .w-button-large.p-button.p-button-outlined.p-disabled,:host ::ng-deep .p-button.p-button-outlined.p-disabled.w-button-large-tertiary{background-color:transparent;color:#bdc1c6;border-color:#e8eaed}:host ::ng-deep .w-button-medium.p-button.p-disabled,:host ::ng-deep .p-button.p-disabled.w-button-medium-tertiary,:host ::ng-deep .w-button-small.p-button.p-disabled,:host ::ng-deep .p-button.p-disabled.w-button-text-small,:host ::ng-deep .p-button.p-disabled.w-button-small-tertiary,:host ::ng-deep .w-button-large.p-button.p-disabled,:host ::ng-deep .p-button.p-disabled.w-button-large-tertiary{background:#e8eaed;color:#bdc1c6}:host ::ng-deep .w-button-small-tertiary.p-button{border:1px solid #e8eaed}:host ::ng-deep .w-button-small-tertiary.p-button.p-button-outlined:enabled:hover{border-color:#00b3eb;background:none;color:#00b3eb}:host ::ng-deep .w-button-small-tertiary.p-button.p-button-outlined:enabled:focus{border:1px solid #dadce0;color:#5f6368}:host ::ng-deep .w-button-medium-tertiary.p-button{border:1px solid #e8eaed}:host ::ng-deep .w-button-medium-tertiary.p-button.p-button-outlined:enabled:hover{border-color:#00b3eb;background:none;color:#00b3eb}:host ::ng-deep .w-button-medium-tertiary.p-button.p-button-outlined:enabled:focus{border:1px solid #dadce0;color:#5f6368}:host ::ng-deep .w-button-large-tertiary.p-button{border:1px solid #e8eaed}:host ::ng-deep .w-button-large-tertiary.p-button.p-button-outlined:enabled:hover{border-color:#00b3eb;background:none;color:#00b3eb}:host ::ng-deep .w-button-large-tertiary.p-button.p-button-outlined:enabled:focus{border:1px solid #dadce0;color:#5f6368}:host ::ng-deep .w-button-small.p-button.p-button-icon-only,:host ::ng-deep .w-button-medium.p-button.p-button-icon-only,:host ::ng-deep .w-button-large.p-button.p-button-icon-only,:host ::ng-deep .w-button-small-tertiary.p-button.p-button-icon-only,:host ::ng-deep .w-button-medium-tertiary.p-button.p-button-icon-only,:host ::ng-deep .w-button-large-tertiary.p-button.p-button-icon-only,:host ::ng-deep .w-button-text-small.p-button.p-button-icon-only{width:32px}:host ::ng-deep .w-button-small.p-button.p-button-icon-only .p-button-icon,:host ::ng-deep .w-button-medium.p-button.p-button-icon-only .p-button-icon,:host ::ng-deep .w-button-large.p-button.p-button-icon-only .p-button-icon,:host ::ng-deep .w-button-small-tertiary.p-button.p-button-icon-only .p-button-icon,:host ::ng-deep .w-button-medium-tertiary.p-button.p-button-icon-only .p-button-icon,:host ::ng-deep .w-button-large-tertiary.p-button.p-button-icon-only .p-button-icon,:host ::ng-deep .w-button-text-small.p-button.p-button-icon-only .p-button-icon{padding-left:0;margin-left:0}:host ::ng-deep .w-button-text-small.p-button{border:none}:host ::ng-deep .w-button-text-small.p-button.p-button-text:enabled:hover{color:#00b3eb;background:none;border:none}:host ::ng-deep .w-button-text-small.p-button.p-button-text:enabled:focus{background:none;border:none}:host ::ng-deep .w-button-small.p-button.p-button-text.p-disabled,:host ::ng-deep .p-button.p-button-text.p-disabled.w-button-small-tertiary,:host ::ng-deep .p-button.p-button-text.p-disabled.w-button-text-small{background:none;border:none;color:#bdc1c6}\n"] }]
39
+ args: [{ selector: 'w-button', template: "<ng-container *ngIf=\"type == getButtonTypeName(buttonType.primary); else buttonSecondary\">\r\n <p-button *ngIf=\"size == getSizeName(sizeType.small)\" \r\n label=\"{{label}}\" \r\n [icon]=\"getIcon()\" \r\n iconPos=\"right\" \r\n styleClass=\"w-button-small border-none {{buttonClass}}\" \r\n [disabled]=\"disabled\"\r\n (onClick)=\"onButtonClick($event)\"\r\n [loading]=\"loading\" \r\n [pTooltip]=\"tooltip\" \r\n [tooltipPosition]=\"tooltipPosition\">\r\n </p-button>\r\n <p-button *ngIf=\"size == getSizeName(sizeType.medium)\" \r\n label=\"{{label}}\" \r\n [icon]=\"getIcon()\" \r\n iconPos=\"right\" \r\n styleClass=\"w-button-medium border-none {{buttonClass}}\" \r\n [disabled]=\"disabled\"\r\n (onClick)=\"onButtonClick($event)\"\r\n [loading]=\"loading\" \r\n [pTooltip]=\"tooltip\" \r\n [tooltipPosition]=\"tooltipPosition\">\r\n </p-button>\r\n <p-button *ngIf=\"size == getSizeName(sizeType.large)\" \r\n label=\"{{label}}\" \r\n [icon]=\"getIcon()\" \r\n iconPos=\"right\" \r\n styleClass=\"w-button-large border-none {{buttonClass}}\" \r\n [disabled]=\"disabled\"\r\n (onClick)=\"onButtonClick($event)\"\r\n [loading]=\"loading\" \r\n [pTooltip]=\"tooltip\" \r\n [tooltipPosition]=\"tooltipPosition\">\r\n </p-button>\r\n</ng-container>\r\n<ng-template #buttonSecondary>\r\n <ng-container *ngIf=\"type == getButtonTypeName(buttonType.secondary) || type == getButtonTypeName(buttonType.tertiary); else buttonText\">\r\n <p-button *ngIf=\"size == getSizeName(sizeType.small)\" \r\n label=\"{{label}}\" \r\n [icon]=\"getIcon()\" \r\n iconPos=\"right\" \r\n [styleClass]=\"'p-button-outlined ' + (type == getButtonTypeName(buttonType.tertiary) ? 'w-button-small-tertiary' : 'w-button-small p-button-outlined')\"\r\n [disabled]=\"disabled\"\r\n (onClick)=\"onButtonClick($event)\"\r\n [loading]=\"loading\" \r\n [pTooltip]=\"tooltip\" \r\n [tooltipPosition]=\"tooltipPosition\">\r\n </p-button>\r\n <p-button *ngIf=\"size == getSizeName(sizeType.medium)\" \r\n label=\"{{label}}\" \r\n [icon]=\"getIcon()\" \r\n iconPos=\"right\" \r\n [styleClass]=\"'p-button-outlined ' + (type == getButtonTypeName(buttonType.tertiary) ? 'w-button-medium-tertiary' : 'w-button-medium p-button-outlined')\"\r\n [disabled]=\"disabled\"\r\n (onClick)=\"onButtonClick($event)\"\r\n [loading]=\"loading\" \r\n [pTooltip]=\"tooltip\" \r\n [tooltipPosition]=\"tooltipPosition\">\r\n </p-button>\r\n <p-button *ngIf=\"size == getSizeName(sizeType.large)\" \r\n label=\"{{label}}\" \r\n [icon]=\"getIcon()\" \r\n iconPos=\"right\" \r\n [styleClass]=\"'p-button-outlined ' + (type == getButtonTypeName(buttonType.tertiary) ? 'w-button-large-tertiary' : 'w-button-large p-button-outlined')\"\r\n [disabled]=\"disabled\"\r\n (onClick)=\"onButtonClick($event)\"\r\n [loading]=\"loading\" \r\n [pTooltip]=\"tooltip\" \r\n [tooltipPosition]=\"tooltipPosition\">\r\n </p-button>\r\n </ng-container>\r\n <ng-template #buttonText>\r\n <p-button \r\n label=\"{{label}}\" \r\n [icon]=\"getIcon()\" \r\n iconPos=\"right\" \r\n styleClass=\"p-button-text w-button-text-small {{buttonClass}}\"\r\n [disabled]=\"disabled\"\r\n (onClick)=\"onButtonClick($event)\"\r\n [loading]=\"loading\" \r\n [pTooltip]=\"tooltip\" \r\n [tooltipPosition]=\"tooltipPosition\">\r\n </p-button>\r\n </ng-template>\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:700}.heading5,.w-sidebar-title-text{font-size:1.5rem;line-height:1.8333333333rem;font-weight:700}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:700}.subtitle1,.w-tab-text,.w-panel-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:700}.subtitle2,.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,:host ::ng-deep .w-button-text-small.p-button{font-size:1rem;line-height:1.1666666667rem;font-weight:600}.body,.w-image-file-uploader-navigators-text,.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-button-small.p-button .p-button-label,:host ::ng-deep .p-button.w-button-text-small .p-button-label,:host ::ng-deep .p-button.w-button-small-tertiary .p-button-label,.w-button-small-tertiary-label-text,:host ::ng-deep .w-button-small-tertiary.p-button{font-size:1rem;line-height:1.1666666667rem;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}.light,.w-input-small-placeholder-text-only-color{font-size:.9166666667rem;line-height:1.0833333333rem;font-weight:300}.small{font-size:.8333333333rem;line-height:1rem;font-weight:400}.textMainColor{color:#202124}.textSoftColor{color:#5f6368}.textSofterColor{color:#9aa0a6}.textSoftestColor{color:#e8eaed}.textInverseColor{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXSMDivider{height:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.panel-title-gap-divider{height:20px}.panel-section-gap-divider{height:32px}.input-vertical-gap-divider{height:24px}.input-label-gap-divider{height:6px}.focusedInput,:host ::ng-deep .w-button-large.p-button:enabled:focus,:host ::ng-deep .p-button.w-button-large-tertiary:enabled:focus,:host ::ng-deep .w-button-medium.p-button:enabled:focus,:host ::ng-deep .p-button.w-button-medium-tertiary:enabled:focus,:host ::ng-deep .w-button-small.p-button:enabled:focus,:host ::ng-deep .p-button.w-button-text-small:enabled:focus,:host ::ng-deep .p-button.w-button-small-tertiary:enabled:focus{border:1px solid rgba(0,157,253,.25);box-shadow:0 0 10px #00b3eb40}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b3eb}.hoveredInput{border-radius:8px;border:1px solid rgba(0,179,235,.5)}.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,:host ::ng-deep .w-button-small-tertiary.p-button{color:#202124}.w-button-small-text-label-text,:host ::ng-deep .w-button-text-small.p-button{color:#202124}.w-button-small-icon-text,:host ::ng-deep .w-button-small.p-button .p-button-icon,:host ::ng-deep .p-button.w-button-text-small .p-button-icon,:host ::ng-deep .p-button.w-button-small-tertiary .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,:host ::ng-deep .w-button-medium.p-button .p-button-label,:host ::ng-deep .p-button.w-button-medium-tertiary .p-button-label,.w-button-medium-tertiary-label-text,:host ::ng-deep .w-button-medium-tertiary.p-button{font-size:16px;font-weight:400;line-height:16px}.w-button-medium-tertiary-label-text,:host ::ng-deep .w-button-medium-tertiary.p-button{color:#202124}.w-button-medium-icon-text,:host ::ng-deep .w-button-medium.p-button .p-button-icon,:host ::ng-deep .p-button.w-button-medium-tertiary .p-button-icon{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,:host ::ng-deep .w-button-large.p-button .p-button-label,:host ::ng-deep .p-button.w-button-large-tertiary .p-button-label,.w-button-large-tertiary-label-text,:host ::ng-deep .w-button-large-tertiary.p-button{font-size:20px;font-weight:400;line-height:24px}.w-button-large-tertiary-label-text,:host ::ng-deep .w-button-large-tertiary.p-button{color:#202124}.w-button-x-small-label-text{font-size:10px;font-weight:600;line-height:10px}.w-button-small-only-label-text,:host ::ng-deep .w-button-text-small.p-button.p-button-text .p-button-label{font-size:12px;font-weight:600;line-height:16px}.w-button-large-icon-text,:host ::ng-deep .w-button-large.p-button .p-button-icon,:host ::ng-deep .p-button.w-button-large-tertiary .p-button-icon{font-size:24px}.w-view-small-label-text{color:#202124}.w-view-small-value-text{color:#5f6368}.w-input-no-label-height{height:14px}.w-input-disabled{background-color:#f1f3f4;border-color:#e8eaed;opacity:1}.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled{height:-moz-fit-content;height:fit-content}.w-input-small-label-text,.w-input-small-label-disabled{color:#202124}.w-input-small-label-disabled{color:#9aa0a6}.w-input-small-label-text-content{padding:12px 8px 8px 0;margin:0}.w-input-small-label-text-content-no-top{padding-top:0}.w-input-small-placeholder-text{color:#202124}.w-input-small-placeholder-text-only-color{color:#9aa0a6;line-height:1.3333333333rem}.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:#202124}.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:#202124}.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:#202124}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6368}.w-input-medium-text-icon{color:#202124}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#202124}.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:#202124}.w-panel-content{color:#5f6368}.w-tab-text,.w-chip-text{color:#202124}.w-badge-text{font-size:8px;font-weight:700;line-height:8px}.w-table-th-text{color:#202124}.w-table-td-text{color:#5f6368}.w-image-file-uploader-navigators-text{font-size:12px;color:#fff}.grid{margin:0}:host ::ng-deep .w-button-small.p-button,:host ::ng-deep .p-button.w-button-text-small,:host ::ng-deep .p-button.w-button-small-tertiary{height:32px;padding:7px 15px;border-radius:8px;border-width:1px}:host ::ng-deep .w-button-small.p-button :hover,:host ::ng-deep .p-button.w-button-text-small :hover,:host ::ng-deep .p-button.w-button-small-tertiary :hover{border-width:1px}:host ::ng-deep .w-button-small.p-button .p-button-icon,:host ::ng-deep .p-button.w-button-text-small .p-button-icon,:host ::ng-deep .p-button.w-button-small-tertiary .p-button-icon{margin-left:8px}:host ::ng-deep .w-button-small.p-button:enabled:hover,:host ::ng-deep .p-button.w-button-text-small:enabled:hover,:host ::ng-deep .p-button.w-button-small-tertiary:enabled:hover{background-color:#00b3eb;border-color:#00b3eb}:host ::ng-deep .w-button-small.p-button:enabled:focus,:host ::ng-deep .p-button.w-button-text-small:enabled:focus,:host ::ng-deep .p-button.w-button-small-tertiary:enabled:focus{outline:1px solid #d6f2ff;background-color:#1f5b72}:host ::ng-deep .w-button-small.p-button.p-button-outlined:enabled:hover,:host ::ng-deep .p-button.p-button-outlined.w-button-text-small:enabled:hover,:host ::ng-deep .p-button.p-button-outlined.w-button-small-tertiary:enabled:hover{border-radius:8px;border-width:1px}:host ::ng-deep .w-button-medium.p-button,:host ::ng-deep .p-button.w-button-medium-tertiary{height:40px;padding:11px 19px;border-radius:8px;border-width:1px}:host ::ng-deep .w-button-medium.p-button .p-button-icon,:host ::ng-deep .p-button.w-button-medium-tertiary .p-button-icon{margin-left:12px}:host ::ng-deep .w-button-medium.p-button:enabled:hover,:host ::ng-deep .p-button.w-button-medium-tertiary:enabled:hover{background-color:#00b3eb;border-color:#00b3eb}:host ::ng-deep .w-button-medium.p-button:enabled:focus,:host ::ng-deep .p-button.w-button-medium-tertiary:enabled:focus{outline:1px solid #d6f2ff;background-color:#1f5b72}:host ::ng-deep .w-button-medium.p-button.p-button-outlined:enabled:hover,:host ::ng-deep .p-button.p-button-outlined.w-button-medium-tertiary:enabled:hover{border-radius:8px;border-width:1px}:host ::ng-deep .w-button-large.p-button,:host ::ng-deep .p-button.w-button-large-tertiary{height:56px;padding:15px 27px;border-radius:8px;border-width:1px}:host ::ng-deep .w-button-large.p-button :hover,:host ::ng-deep .p-button.w-button-large-tertiary :hover{border-width:1px}:host ::ng-deep .w-button-large.p-button .p-button-icon,:host ::ng-deep .p-button.w-button-large-tertiary .p-button-icon{margin-left:16px}:host ::ng-deep .w-button-large.p-button:enabled:hover,:host ::ng-deep .p-button.w-button-large-tertiary:enabled:hover{background-color:#00b3eb;border-color:#00b3eb}:host ::ng-deep .w-button-large.p-button:enabled:focus,:host ::ng-deep .p-button.w-button-large-tertiary:enabled:focus{outline:1px solid #d6f2ff;background-color:#1f5b72}:host ::ng-deep .w-button-small.p-button.p-button-outlined:enabled:hover,:host ::ng-deep .p-button.p-button-outlined.w-button-text-small:enabled:hover,:host ::ng-deep .p-button.p-button-outlined.w-button-small-tertiary:enabled:hover,:host ::ng-deep .w-button-medium.p-button.p-button-outlined:enabled:hover,:host ::ng-deep .p-button.p-button-outlined.w-button-medium-tertiary:enabled:hover,:host ::ng-deep .w-button-large.p-button.p-button-outlined:enabled:hover,:host ::ng-deep .p-button.p-button-outlined.w-button-large-tertiary:enabled:hover{border-radius:8px;border-width:1px;background-color:transparent;border-color:#00b3eb;color:#00b3eb}:host ::ng-deep .w-button-small.p-button.p-button-outlined:focus,:host ::ng-deep .p-button.p-button-outlined.w-button-text-small:focus,:host ::ng-deep .p-button.p-button-outlined.w-button-small-tertiary:focus,:host ::ng-deep .w-button-medium.p-button.p-button-outlined:focus,:host ::ng-deep .p-button.p-button-outlined.w-button-medium-tertiary:focus,:host ::ng-deep .w-button-large.p-button.p-button-outlined:focus,:host ::ng-deep .p-button.p-button-outlined.w-button-large-tertiary:focus{border-color:#1f5b72;color:#1f5b72;background-color:transparent;outline:0px}:host ::ng-deep .w-button-small.p-button.p-button-outlined.p-disabled,:host ::ng-deep .p-button.p-button-outlined.p-disabled.w-button-text-small,:host ::ng-deep .p-button.p-button-outlined.p-disabled.w-button-small-tertiary,:host ::ng-deep .w-button-medium.p-button.p-button-outlined.p-disabled,:host ::ng-deep .p-button.p-button-outlined.p-disabled.w-button-medium-tertiary,:host ::ng-deep .w-button-large.p-button.p-button-outlined.p-disabled,:host ::ng-deep .p-button.p-button-outlined.p-disabled.w-button-large-tertiary{background-color:transparent;color:#bdc1c6;border-color:#e8eaed}:host ::ng-deep .w-button-medium.p-button.p-disabled,:host ::ng-deep .p-button.p-disabled.w-button-medium-tertiary,:host ::ng-deep .w-button-small.p-button.p-disabled,:host ::ng-deep .p-button.p-disabled.w-button-text-small,:host ::ng-deep .p-button.p-disabled.w-button-small-tertiary,:host ::ng-deep .w-button-large.p-button.p-disabled,:host ::ng-deep .p-button.p-disabled.w-button-large-tertiary{background:#e8eaed;color:#bdc1c6}:host ::ng-deep .w-button-small-tertiary.p-button{border:1px solid #e8eaed}:host ::ng-deep .w-button-small-tertiary.p-button.p-button-outlined:enabled:hover{border-color:#00b3eb;background:none;color:#00b3eb}:host ::ng-deep .w-button-small-tertiary.p-button.p-button-outlined:enabled:focus{border:1px solid #dadce0;color:#5f6368}:host ::ng-deep .w-button-medium-tertiary.p-button{border:1px solid #e8eaed}:host ::ng-deep .w-button-medium-tertiary.p-button.p-button-outlined:enabled:hover{border-color:#00b3eb;background:none;color:#00b3eb}:host ::ng-deep .w-button-medium-tertiary.p-button.p-button-outlined:enabled:focus{border:1px solid #dadce0;color:#5f6368}:host ::ng-deep .w-button-large-tertiary.p-button{border:1px solid #e8eaed}:host ::ng-deep .w-button-large-tertiary.p-button.p-button-outlined:enabled:hover{border-color:#00b3eb;background:none;color:#00b3eb}:host ::ng-deep .w-button-large-tertiary.p-button.p-button-outlined:enabled:focus{border:1px solid #dadce0;color:#5f6368}:host ::ng-deep .w-button-small.p-button.p-button-icon-only,:host ::ng-deep .w-button-medium.p-button.p-button-icon-only,:host ::ng-deep .w-button-large.p-button.p-button-icon-only,:host ::ng-deep .w-button-small-tertiary.p-button.p-button-icon-only,:host ::ng-deep .w-button-medium-tertiary.p-button.p-button-icon-only,:host ::ng-deep .w-button-large-tertiary.p-button.p-button-icon-only,:host ::ng-deep .w-button-text-small.p-button.p-button-icon-only{width:32px}:host ::ng-deep .w-button-small.p-button.p-button-icon-only .p-button-icon,:host ::ng-deep .w-button-medium.p-button.p-button-icon-only .p-button-icon,:host ::ng-deep .w-button-large.p-button.p-button-icon-only .p-button-icon,:host ::ng-deep .w-button-small-tertiary.p-button.p-button-icon-only .p-button-icon,:host ::ng-deep .w-button-medium-tertiary.p-button.p-button-icon-only .p-button-icon,:host ::ng-deep .w-button-large-tertiary.p-button.p-button-icon-only .p-button-icon,:host ::ng-deep .w-button-text-small.p-button.p-button-icon-only .p-button-icon{padding-left:0;margin-left:0}:host ::ng-deep .w-button-text-small.p-button{border:none}:host ::ng-deep .w-button-text-small.p-button.p-button-text:enabled:hover{color:#00b3eb;background:none;border:none}:host ::ng-deep .w-button-text-small.p-button.p-button-text:enabled:focus{background:none;border:none}:host ::ng-deep .w-button-small.p-button.p-button-text.p-disabled,:host ::ng-deep .p-button.p-button-text.p-disabled.w-button-small-tertiary,:host ::ng-deep .p-button.p-button-text.p-disabled.w-button-text-small{background:none;border:none;color:#bdc1c6}\n"] }]
39
40
  }], propDecorators: { type: [{
40
41
  type: Input,
41
42
  args: ['type']
@@ -63,5 +64,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
63
64
  }], onClick: [{
64
65
  type: Output,
65
66
  args: ['onClick']
67
+ }], buttonClass: [{
68
+ type: Input,
69
+ args: ['buttonClass']
66
70
  }] } });
67
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidy1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvd2FwcC1jb21wb25lbnRzL3NyYy9saWIvYnV0dG9uL3ctYnV0dG9uL3ctYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3dhcHAtY29tcG9uZW50cy9zcmMvbGliL2J1dHRvbi93LWJ1dHRvbi93LWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQy9FLE9BQU8sRUFBRSxVQUFVLEVBQUUsUUFBUSxFQUFFLE1BQU0seUJBQXlCLENBQUM7Ozs7O0FBTy9ELE1BQU0sT0FBTyxnQkFBZ0I7SUFMN0I7UUFNaUIsU0FBSSxHQUFXLFNBQVMsQ0FBQztRQUV6QixTQUFJLEdBQVcsT0FBTyxDQUFDO1FBQ3ZCLFNBQUksR0FBVyxFQUFFLENBQUM7UUFDUCxvQkFBZSxHQUFXLFFBQVEsQ0FBQztRQUMzQyxZQUFPLEdBQVcsRUFBRSxDQUFDO1FBQ3BCLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFDM0IsWUFBTyxHQUFZLEtBQUssQ0FBQztRQUN4QixZQUFPLEdBQTZCLElBQUksWUFBWSxFQUFFLENBQUM7UUFFMUUsYUFBUSxHQUFvQixRQUFRLENBQUM7UUFDckMsZUFBVSxHQUFzQixVQUFVLENBQUM7S0FtQjVDO0lBakJDLFFBQVEsS0FBVSxDQUFDO0lBRW5CLGFBQWEsQ0FBQyxLQUFpQjtRQUM3QixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMzQixDQUFDO0lBRUQsT0FBTztRQUNMLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUEsQ0FBQyxDQUFDLEVBQUUsQ0FBQztJQUMzQyxDQUFDO0lBRUQsV0FBVyxDQUFDLEtBQWE7UUFDdkIsT0FBTyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDekIsQ0FBQztJQUVELGlCQUFpQixDQUFDLEtBQWE7UUFDN0IsT0FBTyxVQUFVLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDM0IsQ0FBQzs7NkdBOUJVLGdCQUFnQjtpR0FBaEIsZ0JBQWdCLHlQQ1I3QiwyekhBcUZBOzJGRDdFYSxnQkFBZ0I7a0JBTDVCLFNBQVM7K0JBQ0UsVUFBVTs4QkFLTCxJQUFJO3NCQUFsQixLQUFLO3VCQUFDLE1BQU07Z0JBQ0csS0FBSztzQkFBcEIsS0FBSzt1QkFBQyxPQUFPO2dCQUNDLElBQUk7c0JBQWxCLEtBQUs7dUJBQUMsTUFBTTtnQkFDRSxJQUFJO3NCQUFsQixLQUFLO3VCQUFDLE1BQU07Z0JBQ2EsZUFBZTtzQkFBeEMsS0FBSzt1QkFBQyxpQkFBaUI7Z0JBQ04sT0FBTztzQkFBeEIsS0FBSzt1QkFBQyxTQUFTO2dCQUNHLFFBQVE7c0JBQTFCLEtBQUs7dUJBQUMsVUFBVTtnQkFDQyxPQUFPO3NCQUF4QixLQUFLO3VCQUFDLFNBQVM7Z0JBQ0csT0FBTztzQkFBekIsTUFBTTt1QkFBQyxTQUFTIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBCdXR0b25UeXBlLCBTaXplVHlwZSB9IGZyb20gJy4uLy4uL3NoYXJlZC9lbnVtcy9lbnVtJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAndy1idXR0b24nLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi93LWJ1dHRvbi5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vdy1idXR0b24uY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgV0J1dHRvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdHtcclxuICBASW5wdXQoJ3R5cGUnKSB0eXBlOiBzdHJpbmcgPSBcInByaW1hcnlcIjtcclxuICBASW5wdXQoJ2xhYmVsJykgbGFiZWwhOiBzdHJpbmc7XHJcbiAgQElucHV0KCdzaXplJykgc2l6ZTogc3RyaW5nID0gXCJzbWFsbFwiO1xyXG4gIEBJbnB1dCgnaWNvbicpIGljb246IHN0cmluZyA9IFwiXCI7XHJcbiAgQElucHV0KCd0b29sdGlwUG9zaXRpb24nKSB0b29sdGlwUG9zaXRpb246IHN0cmluZyA9IFwiYm90dG9tXCI7XHJcbiAgQElucHV0KCd0b29sdGlwJykgdG9vbHRpcDogc3RyaW5nID0gXCJcIjtcclxuICBASW5wdXQoJ2Rpc2FibGVkJykgZGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBASW5wdXQoJ2xvYWRpbmcnKSBsb2FkaW5nOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQE91dHB1dCgnb25DbGljaycpIG9uQ2xpY2s6IEV2ZW50RW1pdHRlcjxNb3VzZUV2ZW50PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuICBcclxuICBzaXplVHlwZTogdHlwZW9mIFNpemVUeXBlID0gU2l6ZVR5cGU7XHJcbiAgYnV0dG9uVHlwZTogdHlwZW9mIEJ1dHRvblR5cGUgPSBCdXR0b25UeXBlO1xyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHt9XHJcblxyXG4gIG9uQnV0dG9uQ2xpY2soZXZlbnQ6IE1vdXNlRXZlbnQpe1xyXG4gICAgdGhpcy5vbkNsaWNrLmVtaXQoZXZlbnQpO1xyXG4gIH1cclxuICBcclxuICBnZXRJY29uKCk6IHN0cmluZ3tcclxuICAgIHJldHVybiB0aGlzLmljb24gPyBcInBpIFwiICsgdGhpcy5pY29uOiBcIlwiO1xyXG4gIH1cclxuICBcclxuICBnZXRTaXplTmFtZSh2YWx1ZTogbnVtYmVyKTogc3RyaW5nIHtcclxuICAgIHJldHVybiBTaXplVHlwZVt2YWx1ZV07XHJcbiAgfVxyXG5cclxuICBnZXRCdXR0b25UeXBlTmFtZSh2YWx1ZTogbnVtYmVyKTogc3RyaW5ne1xyXG4gICAgcmV0dXJuIEJ1dHRvblR5cGVbdmFsdWVdO1xyXG4gIH1cclxufVxyXG4iLCI8bmctY29udGFpbmVyICpuZ0lmPVwidHlwZSA9PSBnZXRCdXR0b25UeXBlTmFtZShidXR0b25UeXBlLnByaW1hcnkpOyBlbHNlIGJ1dHRvblNlY29uZGFyeVwiPlxyXG4gICAgPHAtYnV0dG9uICpuZ0lmPVwic2l6ZSA9PSBnZXRTaXplTmFtZShzaXplVHlwZS5zbWFsbClcIiBcclxuICAgICAgICBsYWJlbD1cInt7bGFiZWx9fVwiIFxyXG4gICAgICAgIFtpY29uXT1cImdldEljb24oKVwiIFxyXG4gICAgICAgIGljb25Qb3M9XCJyaWdodFwiIFxyXG4gICAgICAgIHN0eWxlQ2xhc3M9XCJ3LWJ1dHRvbi1zbWFsbCBib3JkZXItbm9uZVwiIFxyXG4gICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXHJcbiAgICAgICAgKG9uQ2xpY2spPVwib25CdXR0b25DbGljaygkZXZlbnQpXCJcclxuICAgICAgICBbbG9hZGluZ109XCJsb2FkaW5nXCIgXHJcbiAgICAgICAgW3BUb29sdGlwXT1cInRvb2x0aXBcIiBcclxuICAgICAgICBbdG9vbHRpcFBvc2l0aW9uXT1cInRvb2x0aXBQb3NpdGlvblwiPlxyXG4gICAgPC9wLWJ1dHRvbj5cclxuICAgIDxwLWJ1dHRvbiAqbmdJZj1cInNpemUgPT0gZ2V0U2l6ZU5hbWUoc2l6ZVR5cGUubWVkaXVtKVwiIFxyXG4gICAgICAgIGxhYmVsPVwie3tsYWJlbH19XCIgXHJcbiAgICAgICAgW2ljb25dPVwiZ2V0SWNvbigpXCIgXHJcbiAgICAgICAgaWNvblBvcz1cInJpZ2h0XCIgXHJcbiAgICAgICAgc3R5bGVDbGFzcz1cInctYnV0dG9uLW1lZGl1bSBib3JkZXItbm9uZVwiIFxyXG4gICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXHJcbiAgICAgICAgKG9uQ2xpY2spPVwib25CdXR0b25DbGljaygkZXZlbnQpXCJcclxuICAgICAgICBbbG9hZGluZ109XCJsb2FkaW5nXCIgXHJcbiAgICAgICAgW3BUb29sdGlwXT1cInRvb2x0aXBcIiBcclxuICAgICAgICBbdG9vbHRpcFBvc2l0aW9uXT1cInRvb2x0aXBQb3NpdGlvblwiPlxyXG4gICAgPC9wLWJ1dHRvbj5cclxuICAgIDxwLWJ1dHRvbiAqbmdJZj1cInNpemUgPT0gZ2V0U2l6ZU5hbWUoc2l6ZVR5cGUubGFyZ2UpXCIgXHJcbiAgICAgICAgbGFiZWw9XCJ7e2xhYmVsfX1cIiBcclxuICAgICAgICBbaWNvbl09XCJnZXRJY29uKClcIiBcclxuICAgICAgICBpY29uUG9zPVwicmlnaHRcIiBcclxuICAgICAgICBzdHlsZUNsYXNzPVwidy1idXR0b24tbGFyZ2UgYm9yZGVyLW5vbmVcIiBcclxuICAgICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxyXG4gICAgICAgIChvbkNsaWNrKT1cIm9uQnV0dG9uQ2xpY2soJGV2ZW50KVwiXHJcbiAgICAgICAgW2xvYWRpbmddPVwibG9hZGluZ1wiIFxyXG4gICAgICAgIFtwVG9vbHRpcF09XCJ0b29sdGlwXCIgXHJcbiAgICAgICAgW3Rvb2x0aXBQb3NpdGlvbl09XCJ0b29sdGlwUG9zaXRpb25cIj5cclxuICAgIDwvcC1idXR0b24+XHJcbjwvbmctY29udGFpbmVyPlxyXG48bmctdGVtcGxhdGUgI2J1dHRvblNlY29uZGFyeT5cclxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJ0eXBlID09IGdldEJ1dHRvblR5cGVOYW1lKGJ1dHRvblR5cGUuc2Vjb25kYXJ5KSB8fCB0eXBlID09IGdldEJ1dHRvblR5cGVOYW1lKGJ1dHRvblR5cGUudGVydGlhcnkpOyBlbHNlIGJ1dHRvblRleHRcIj5cclxuICAgICAgICA8cC1idXR0b24gKm5nSWY9XCJzaXplID09IGdldFNpemVOYW1lKHNpemVUeXBlLnNtYWxsKVwiIFxyXG4gICAgICAgICAgICBsYWJlbD1cInt7bGFiZWx9fVwiIFxyXG4gICAgICAgICAgICBbaWNvbl09XCJnZXRJY29uKClcIiBcclxuICAgICAgICAgICAgaWNvblBvcz1cInJpZ2h0XCIgXHJcbiAgICAgICAgICAgIFtzdHlsZUNsYXNzXT1cIidwLWJ1dHRvbi1vdXRsaW5lZCAnICsgKHR5cGUgPT0gZ2V0QnV0dG9uVHlwZU5hbWUoYnV0dG9uVHlwZS50ZXJ0aWFyeSkgPyAndy1idXR0b24tc21hbGwtdGVydGlhcnknIDogJ3ctYnV0dG9uLXNtYWxsIHAtYnV0dG9uLW91dGxpbmVkJylcIlxyXG4gICAgICAgICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxyXG4gICAgICAgICAgICAob25DbGljayk9XCJvbkJ1dHRvbkNsaWNrKCRldmVudClcIlxyXG4gICAgICAgICAgICBbbG9hZGluZ109XCJsb2FkaW5nXCIgXHJcbiAgICAgICAgICAgIFtwVG9vbHRpcF09XCJ0b29sdGlwXCIgXHJcbiAgICAgICAgICAgIFt0b29sdGlwUG9zaXRpb25dPVwidG9vbHRpcFBvc2l0aW9uXCI+XHJcbiAgICAgICAgPC9wLWJ1dHRvbj5cclxuICAgICAgICA8cC1idXR0b24gKm5nSWY9XCJzaXplID09IGdldFNpemVOYW1lKHNpemVUeXBlLm1lZGl1bSlcIiBcclxuICAgICAgICAgICAgbGFiZWw9XCJ7e2xhYmVsfX1cIiBcclxuICAgICAgICAgICAgW2ljb25dPVwiZ2V0SWNvbigpXCIgXHJcbiAgICAgICAgICAgIGljb25Qb3M9XCJyaWdodFwiIFxyXG4gICAgICAgICAgICBbc3R5bGVDbGFzc109XCIncC1idXR0b24tb3V0bGluZWQgJyArICh0eXBlID09IGdldEJ1dHRvblR5cGVOYW1lKGJ1dHRvblR5cGUudGVydGlhcnkpID8gJ3ctYnV0dG9uLW1lZGl1bS10ZXJ0aWFyeScgOiAndy1idXR0b24tbWVkaXVtIHAtYnV0dG9uLW91dGxpbmVkJylcIlxyXG4gICAgICAgICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxyXG4gICAgICAgICAgICAob25DbGljayk9XCJvbkJ1dHRvbkNsaWNrKCRldmVudClcIlxyXG4gICAgICAgICAgICBbbG9hZGluZ109XCJsb2FkaW5nXCIgXHJcbiAgICAgICAgICAgIFtwVG9vbHRpcF09XCJ0b29sdGlwXCIgXHJcbiAgICAgICAgICAgIFt0b29sdGlwUG9zaXRpb25dPVwidG9vbHRpcFBvc2l0aW9uXCI+XHJcbiAgICAgICAgPC9wLWJ1dHRvbj5cclxuICAgICAgICA8cC1idXR0b24gKm5nSWY9XCJzaXplID09IGdldFNpemVOYW1lKHNpemVUeXBlLmxhcmdlKVwiIFxyXG4gICAgICAgICAgICBsYWJlbD1cInt7bGFiZWx9fVwiIFxyXG4gICAgICAgICAgICBbaWNvbl09XCJnZXRJY29uKClcIiBcclxuICAgICAgICAgICAgaWNvblBvcz1cInJpZ2h0XCIgXHJcbiAgICAgICAgICAgIFtzdHlsZUNsYXNzXT1cIidwLWJ1dHRvbi1vdXRsaW5lZCAnICsgKHR5cGUgPT0gZ2V0QnV0dG9uVHlwZU5hbWUoYnV0dG9uVHlwZS50ZXJ0aWFyeSkgPyAndy1idXR0b24tbGFyZ2UtdGVydGlhcnknIDogJ3ctYnV0dG9uLWxhcmdlIHAtYnV0dG9uLW91dGxpbmVkJylcIlxyXG4gICAgICAgICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxyXG4gICAgICAgICAgICAob25DbGljayk9XCJvbkJ1dHRvbkNsaWNrKCRldmVudClcIlxyXG4gICAgICAgICAgICBbbG9hZGluZ109XCJsb2FkaW5nXCIgXHJcbiAgICAgICAgICAgIFtwVG9vbHRpcF09XCJ0b29sdGlwXCIgXHJcbiAgICAgICAgICAgIFt0b29sdGlwUG9zaXRpb25dPVwidG9vbHRpcFBvc2l0aW9uXCI+XHJcbiAgICAgICAgPC9wLWJ1dHRvbj5cclxuICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgPG5nLXRlbXBsYXRlICNidXR0b25UZXh0PlxyXG4gICAgICAgIDxwLWJ1dHRvbiBcclxuICAgICAgICAgICAgbGFiZWw9XCJ7e2xhYmVsfX1cIiBcclxuICAgICAgICAgICAgW2ljb25dPVwiZ2V0SWNvbigpXCIgXHJcbiAgICAgICAgICAgIGljb25Qb3M9XCJyaWdodFwiIFxyXG4gICAgICAgICAgICBzdHlsZUNsYXNzPVwicC1idXR0b24tdGV4dCB3LWJ1dHRvbi10ZXh0LXNtYWxsXCJcclxuICAgICAgICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcclxuICAgICAgICAgICAgKG9uQ2xpY2spPVwib25CdXR0b25DbGljaygkZXZlbnQpXCJcclxuICAgICAgICAgICAgW2xvYWRpbmddPVwibG9hZGluZ1wiIFxyXG4gICAgICAgICAgICBbcFRvb2x0aXBdPVwidG9vbHRpcFwiIFxyXG4gICAgICAgICAgICBbdG9vbHRpcFBvc2l0aW9uXT1cInRvb2x0aXBQb3NpdGlvblwiPlxyXG4gICAgICAgIDwvcC1idXR0b24+XHJcbiAgICA8L25nLXRlbXBsYXRlPlxyXG48L25nLXRlbXBsYXRlPlxyXG4iXX0=
71
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidy1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvd2FwcC1jb21wb25lbnRzL3NyYy9saWIvYnV0dG9uL3ctYnV0dG9uL3ctYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3dhcHAtY29tcG9uZW50cy9zcmMvbGliL2J1dHRvbi93LWJ1dHRvbi93LWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQy9FLE9BQU8sRUFBRSxVQUFVLEVBQUUsUUFBUSxFQUFFLE1BQU0seUJBQXlCLENBQUM7Ozs7O0FBTy9ELE1BQU0sT0FBTyxnQkFBZ0I7SUFMN0I7UUFNaUIsU0FBSSxHQUFXLFNBQVMsQ0FBQztRQUV6QixTQUFJLEdBQVcsT0FBTyxDQUFDO1FBQ3ZCLFNBQUksR0FBVyxFQUFFLENBQUM7UUFDUCxvQkFBZSxHQUFXLFFBQVEsQ0FBQztRQUMzQyxZQUFPLEdBQVcsRUFBRSxDQUFDO1FBQ3BCLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFDM0IsWUFBTyxHQUFZLEtBQUssQ0FBQztRQUN4QixZQUFPLEdBQTZCLElBQUksWUFBWSxFQUFFLENBQUM7UUFDcEQsZ0JBQVcsR0FBVyxFQUFFLENBQUM7UUFFL0MsYUFBUSxHQUFvQixRQUFRLENBQUM7UUFDckMsZUFBVSxHQUFzQixVQUFVLENBQUM7S0FtQjVDO0lBakJDLFFBQVEsS0FBVSxDQUFDO0lBRW5CLGFBQWEsQ0FBQyxLQUFpQjtRQUM3QixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMzQixDQUFDO0lBRUQsT0FBTztRQUNMLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUEsQ0FBQyxDQUFDLEVBQUUsQ0FBQztJQUMzQyxDQUFDO0lBRUQsV0FBVyxDQUFDLEtBQWE7UUFDdkIsT0FBTyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDekIsQ0FBQztJQUVELGlCQUFpQixDQUFDLEtBQWE7UUFDN0IsT0FBTyxVQUFVLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDM0IsQ0FBQzs7NkdBL0JVLGdCQUFnQjtpR0FBaEIsZ0JBQWdCLHFSQ1I3QiwyM0hBcUZBOzJGRDdFYSxnQkFBZ0I7a0JBTDVCLFNBQVM7K0JBQ0UsVUFBVTs4QkFLTCxJQUFJO3NCQUFsQixLQUFLO3VCQUFDLE1BQU07Z0JBQ0csS0FBSztzQkFBcEIsS0FBSzt1QkFBQyxPQUFPO2dCQUNDLElBQUk7c0JBQWxCLEtBQUs7dUJBQUMsTUFBTTtnQkFDRSxJQUFJO3NCQUFsQixLQUFLO3VCQUFDLE1BQU07Z0JBQ2EsZUFBZTtzQkFBeEMsS0FBSzt1QkFBQyxpQkFBaUI7Z0JBQ04sT0FBTztzQkFBeEIsS0FBSzt1QkFBQyxTQUFTO2dCQUNHLFFBQVE7c0JBQTFCLEtBQUs7dUJBQUMsVUFBVTtnQkFDQyxPQUFPO3NCQUF4QixLQUFLO3VCQUFDLFNBQVM7Z0JBQ0csT0FBTztzQkFBekIsTUFBTTt1QkFBQyxTQUFTO2dCQUNLLFdBQVc7c0JBQWhDLEtBQUs7dUJBQUMsYUFBYSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQnV0dG9uVHlwZSwgU2l6ZVR5cGUgfSBmcm9tICcuLi8uLi9zaGFyZWQvZW51bXMvZW51bSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3ctYnV0dG9uJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vdy1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3ctYnV0dG9uLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFdCdXR0b25Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXR7XHJcbiAgQElucHV0KCd0eXBlJykgdHlwZTogc3RyaW5nID0gXCJwcmltYXJ5XCI7XHJcbiAgQElucHV0KCdsYWJlbCcpIGxhYmVsITogc3RyaW5nO1xyXG4gIEBJbnB1dCgnc2l6ZScpIHNpemU6IHN0cmluZyA9IFwic21hbGxcIjtcclxuICBASW5wdXQoJ2ljb24nKSBpY29uOiBzdHJpbmcgPSBcIlwiO1xyXG4gIEBJbnB1dCgndG9vbHRpcFBvc2l0aW9uJykgdG9vbHRpcFBvc2l0aW9uOiBzdHJpbmcgPSBcImJvdHRvbVwiO1xyXG4gIEBJbnB1dCgndG9vbHRpcCcpIHRvb2x0aXA6IHN0cmluZyA9IFwiXCI7XHJcbiAgQElucHV0KCdkaXNhYmxlZCcpIGRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCdsb2FkaW5nJykgbG9hZGluZzogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBPdXRwdXQoJ29uQ2xpY2snKSBvbkNsaWNrOiBFdmVudEVtaXR0ZXI8TW91c2VFdmVudD4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcbiAgQElucHV0KCdidXR0b25DbGFzcycpIGJ1dHRvbkNsYXNzOiBzdHJpbmcgPSBcIlwiO1xyXG4gIFxyXG4gIHNpemVUeXBlOiB0eXBlb2YgU2l6ZVR5cGUgPSBTaXplVHlwZTtcclxuICBidXR0b25UeXBlOiB0eXBlb2YgQnV0dG9uVHlwZSA9IEJ1dHRvblR5cGU7XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge31cclxuXHJcbiAgb25CdXR0b25DbGljayhldmVudDogTW91c2VFdmVudCl7XHJcbiAgICB0aGlzLm9uQ2xpY2suZW1pdChldmVudCk7XHJcbiAgfVxyXG4gIFxyXG4gIGdldEljb24oKTogc3RyaW5ne1xyXG4gICAgcmV0dXJuIHRoaXMuaWNvbiA/IFwicGkgXCIgKyB0aGlzLmljb246IFwiXCI7XHJcbiAgfVxyXG4gIFxyXG4gIGdldFNpemVOYW1lKHZhbHVlOiBudW1iZXIpOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIFNpemVUeXBlW3ZhbHVlXTtcclxuICB9XHJcblxyXG4gIGdldEJ1dHRvblR5cGVOYW1lKHZhbHVlOiBudW1iZXIpOiBzdHJpbmd7XHJcbiAgICByZXR1cm4gQnV0dG9uVHlwZVt2YWx1ZV07XHJcbiAgfVxyXG59XHJcbiIsIjxuZy1jb250YWluZXIgKm5nSWY9XCJ0eXBlID09IGdldEJ1dHRvblR5cGVOYW1lKGJ1dHRvblR5cGUucHJpbWFyeSk7IGVsc2UgYnV0dG9uU2Vjb25kYXJ5XCI+XHJcbiAgICA8cC1idXR0b24gKm5nSWY9XCJzaXplID09IGdldFNpemVOYW1lKHNpemVUeXBlLnNtYWxsKVwiIFxyXG4gICAgICAgIGxhYmVsPVwie3tsYWJlbH19XCIgXHJcbiAgICAgICAgW2ljb25dPVwiZ2V0SWNvbigpXCIgXHJcbiAgICAgICAgaWNvblBvcz1cInJpZ2h0XCIgXHJcbiAgICAgICAgc3R5bGVDbGFzcz1cInctYnV0dG9uLXNtYWxsIGJvcmRlci1ub25lIHt7YnV0dG9uQ2xhc3N9fVwiIFxyXG4gICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXHJcbiAgICAgICAgKG9uQ2xpY2spPVwib25CdXR0b25DbGljaygkZXZlbnQpXCJcclxuICAgICAgICBbbG9hZGluZ109XCJsb2FkaW5nXCIgXHJcbiAgICAgICAgW3BUb29sdGlwXT1cInRvb2x0aXBcIiBcclxuICAgICAgICBbdG9vbHRpcFBvc2l0aW9uXT1cInRvb2x0aXBQb3NpdGlvblwiPlxyXG4gICAgPC9wLWJ1dHRvbj5cclxuICAgIDxwLWJ1dHRvbiAqbmdJZj1cInNpemUgPT0gZ2V0U2l6ZU5hbWUoc2l6ZVR5cGUubWVkaXVtKVwiIFxyXG4gICAgICAgIGxhYmVsPVwie3tsYWJlbH19XCIgXHJcbiAgICAgICAgW2ljb25dPVwiZ2V0SWNvbigpXCIgXHJcbiAgICAgICAgaWNvblBvcz1cInJpZ2h0XCIgXHJcbiAgICAgICAgc3R5bGVDbGFzcz1cInctYnV0dG9uLW1lZGl1bSBib3JkZXItbm9uZSB7e2J1dHRvbkNsYXNzfX1cIiBcclxuICAgICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxyXG4gICAgICAgIChvbkNsaWNrKT1cIm9uQnV0dG9uQ2xpY2soJGV2ZW50KVwiXHJcbiAgICAgICAgW2xvYWRpbmddPVwibG9hZGluZ1wiIFxyXG4gICAgICAgIFtwVG9vbHRpcF09XCJ0b29sdGlwXCIgXHJcbiAgICAgICAgW3Rvb2x0aXBQb3NpdGlvbl09XCJ0b29sdGlwUG9zaXRpb25cIj5cclxuICAgIDwvcC1idXR0b24+XHJcbiAgICA8cC1idXR0b24gKm5nSWY9XCJzaXplID09IGdldFNpemVOYW1lKHNpemVUeXBlLmxhcmdlKVwiIFxyXG4gICAgICAgIGxhYmVsPVwie3tsYWJlbH19XCIgXHJcbiAgICAgICAgW2ljb25dPVwiZ2V0SWNvbigpXCIgXHJcbiAgICAgICAgaWNvblBvcz1cInJpZ2h0XCIgXHJcbiAgICAgICAgc3R5bGVDbGFzcz1cInctYnV0dG9uLWxhcmdlIGJvcmRlci1ub25lIHt7YnV0dG9uQ2xhc3N9fVwiIFxyXG4gICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXHJcbiAgICAgICAgKG9uQ2xpY2spPVwib25CdXR0b25DbGljaygkZXZlbnQpXCJcclxuICAgICAgICBbbG9hZGluZ109XCJsb2FkaW5nXCIgXHJcbiAgICAgICAgW3BUb29sdGlwXT1cInRvb2x0aXBcIiBcclxuICAgICAgICBbdG9vbHRpcFBvc2l0aW9uXT1cInRvb2x0aXBQb3NpdGlvblwiPlxyXG4gICAgPC9wLWJ1dHRvbj5cclxuPC9uZy1jb250YWluZXI+XHJcbjxuZy10ZW1wbGF0ZSAjYnV0dG9uU2Vjb25kYXJ5PlxyXG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInR5cGUgPT0gZ2V0QnV0dG9uVHlwZU5hbWUoYnV0dG9uVHlwZS5zZWNvbmRhcnkpIHx8IHR5cGUgPT0gZ2V0QnV0dG9uVHlwZU5hbWUoYnV0dG9uVHlwZS50ZXJ0aWFyeSk7IGVsc2UgYnV0dG9uVGV4dFwiPlxyXG4gICAgICAgIDxwLWJ1dHRvbiAqbmdJZj1cInNpemUgPT0gZ2V0U2l6ZU5hbWUoc2l6ZVR5cGUuc21hbGwpXCIgXHJcbiAgICAgICAgICAgIGxhYmVsPVwie3tsYWJlbH19XCIgXHJcbiAgICAgICAgICAgIFtpY29uXT1cImdldEljb24oKVwiIFxyXG4gICAgICAgICAgICBpY29uUG9zPVwicmlnaHRcIiBcclxuICAgICAgICAgICAgW3N0eWxlQ2xhc3NdPVwiJ3AtYnV0dG9uLW91dGxpbmVkICcgKyAodHlwZSA9PSBnZXRCdXR0b25UeXBlTmFtZShidXR0b25UeXBlLnRlcnRpYXJ5KSA/ICd3LWJ1dHRvbi1zbWFsbC10ZXJ0aWFyeScgOiAndy1idXR0b24tc21hbGwgcC1idXR0b24tb3V0bGluZWQnKVwiXHJcbiAgICAgICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXHJcbiAgICAgICAgICAgIChvbkNsaWNrKT1cIm9uQnV0dG9uQ2xpY2soJGV2ZW50KVwiXHJcbiAgICAgICAgICAgIFtsb2FkaW5nXT1cImxvYWRpbmdcIiBcclxuICAgICAgICAgICAgW3BUb29sdGlwXT1cInRvb2x0aXBcIiBcclxuICAgICAgICAgICAgW3Rvb2x0aXBQb3NpdGlvbl09XCJ0b29sdGlwUG9zaXRpb25cIj5cclxuICAgICAgICA8L3AtYnV0dG9uPlxyXG4gICAgICAgIDxwLWJ1dHRvbiAqbmdJZj1cInNpemUgPT0gZ2V0U2l6ZU5hbWUoc2l6ZVR5cGUubWVkaXVtKVwiIFxyXG4gICAgICAgICAgICBsYWJlbD1cInt7bGFiZWx9fVwiIFxyXG4gICAgICAgICAgICBbaWNvbl09XCJnZXRJY29uKClcIiBcclxuICAgICAgICAgICAgaWNvblBvcz1cInJpZ2h0XCIgXHJcbiAgICAgICAgICAgIFtzdHlsZUNsYXNzXT1cIidwLWJ1dHRvbi1vdXRsaW5lZCAnICsgKHR5cGUgPT0gZ2V0QnV0dG9uVHlwZU5hbWUoYnV0dG9uVHlwZS50ZXJ0aWFyeSkgPyAndy1idXR0b24tbWVkaXVtLXRlcnRpYXJ5JyA6ICd3LWJ1dHRvbi1tZWRpdW0gcC1idXR0b24tb3V0bGluZWQnKVwiXHJcbiAgICAgICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXHJcbiAgICAgICAgICAgIChvbkNsaWNrKT1cIm9uQnV0dG9uQ2xpY2soJGV2ZW50KVwiXHJcbiAgICAgICAgICAgIFtsb2FkaW5nXT1cImxvYWRpbmdcIiBcclxuICAgICAgICAgICAgW3BUb29sdGlwXT1cInRvb2x0aXBcIiBcclxuICAgICAgICAgICAgW3Rvb2x0aXBQb3NpdGlvbl09XCJ0b29sdGlwUG9zaXRpb25cIj5cclxuICAgICAgICA8L3AtYnV0dG9uPlxyXG4gICAgICAgIDxwLWJ1dHRvbiAqbmdJZj1cInNpemUgPT0gZ2V0U2l6ZU5hbWUoc2l6ZVR5cGUubGFyZ2UpXCIgXHJcbiAgICAgICAgICAgIGxhYmVsPVwie3tsYWJlbH19XCIgXHJcbiAgICAgICAgICAgIFtpY29uXT1cImdldEljb24oKVwiIFxyXG4gICAgICAgICAgICBpY29uUG9zPVwicmlnaHRcIiBcclxuICAgICAgICAgICAgW3N0eWxlQ2xhc3NdPVwiJ3AtYnV0dG9uLW91dGxpbmVkICcgKyAodHlwZSA9PSBnZXRCdXR0b25UeXBlTmFtZShidXR0b25UeXBlLnRlcnRpYXJ5KSA/ICd3LWJ1dHRvbi1sYXJnZS10ZXJ0aWFyeScgOiAndy1idXR0b24tbGFyZ2UgcC1idXR0b24tb3V0bGluZWQnKVwiXHJcbiAgICAgICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXHJcbiAgICAgICAgICAgIChvbkNsaWNrKT1cIm9uQnV0dG9uQ2xpY2soJGV2ZW50KVwiXHJcbiAgICAgICAgICAgIFtsb2FkaW5nXT1cImxvYWRpbmdcIiBcclxuICAgICAgICAgICAgW3BUb29sdGlwXT1cInRvb2x0aXBcIiBcclxuICAgICAgICAgICAgW3Rvb2x0aXBQb3NpdGlvbl09XCJ0b29sdGlwUG9zaXRpb25cIj5cclxuICAgICAgICA8L3AtYnV0dG9uPlxyXG4gICAgPC9uZy1jb250YWluZXI+XHJcbiAgICA8bmctdGVtcGxhdGUgI2J1dHRvblRleHQ+XHJcbiAgICAgICAgPHAtYnV0dG9uIFxyXG4gICAgICAgICAgICBsYWJlbD1cInt7bGFiZWx9fVwiIFxyXG4gICAgICAgICAgICBbaWNvbl09XCJnZXRJY29uKClcIiBcclxuICAgICAgICAgICAgaWNvblBvcz1cInJpZ2h0XCIgXHJcbiAgICAgICAgICAgIHN0eWxlQ2xhc3M9XCJwLWJ1dHRvbi10ZXh0IHctYnV0dG9uLXRleHQtc21hbGwge3tidXR0b25DbGFzc319XCJcclxuICAgICAgICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcclxuICAgICAgICAgICAgKG9uQ2xpY2spPVwib25CdXR0b25DbGljaygkZXZlbnQpXCJcclxuICAgICAgICAgICAgW2xvYWRpbmddPVwibG9hZGluZ1wiIFxyXG4gICAgICAgICAgICBbcFRvb2x0aXBdPVwidG9vbHRpcFwiIFxyXG4gICAgICAgICAgICBbdG9vbHRpcFBvc2l0aW9uXT1cInRvb2x0aXBQb3NpdGlvblwiPlxyXG4gICAgICAgIDwvcC1idXR0b24+XHJcbiAgICA8L25nLXRlbXBsYXRlPlxyXG48L25nLXRlbXBsYXRlPlxyXG4iXX0=
package/esm2020/lib/edit/w-edit-toggle/w-edit-toggle.component.mjs CHANGED
@@ -56,7 +56,7 @@ WEditToggleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
56
56
  useExisting: forwardRef(() => WEditToggleComponent),
57
57
  multi: true
58
58
  }
59
- ], 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 <w-input-label [label]=\"label\" [required]=\"formControl.hasError('required')\" [disabled]=\"isDisabled\" [size]=\"'small'\" [tooltip]=\"tooltip\"></w-input-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 <w-input-label [label]=\"label\" [disabled]=\"isDisabled\" [size]=\"'small'\" [tooltip]=\"tooltip\"></w-input-label>\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:700}.heading5,.w-sidebar-title-text{font-size:1.5rem;line-height:1.8333333333rem;font-weight:700}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:700}.subtitle1,.w-tab-text,.w-panel-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:700}.subtitle2,.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.1666666667rem;font-weight:600}.body,.w-image-file-uploader-navigators-text,.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.1666666667rem;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}.light,.w-input-small-placeholder-text-only-color{font-size:.9166666667rem;line-height:1.0833333333rem;font-weight:300}.small{font-size:.8333333333rem;line-height:1rem;font-weight:400}.textMainColor{color:#202124}.textSoftColor{color:#5f6368}.textSofterColor{color:#9aa0a6}.textSoftestColor{color:#e8eaed}.textInverseColor{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXSMDivider{height:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.panel-title-gap-divider{height:20px}.panel-section-gap-divider{height:32px}.input-vertical-gap-divider{height:24px}.input-label-gap-divider{height:6px}.focusedInput{border:1px solid rgba(0,157,253,.25);box-shadow:0 0 10px #00b3eb40}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b3eb}.hoveredInput{border-radius:8px;border:1px solid rgba(0,179,235,.5)}.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:#202124}.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:#202124}.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:#202124}.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{color:#202124}.w-view-small-value-text{color:#5f6368}.w-input-no-label-height{height:14px}.w-input-disabled{background-color:#f1f3f4;border-color:#e8eaed;opacity:1}.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled{height:-moz-fit-content;height:fit-content}.w-input-small-label-text,.w-input-small-label-disabled{color:#202124}.w-input-small-label-disabled{color:#9aa0a6}.w-input-small-label-text-content{padding:12px 8px 8px 0;margin:0}.w-input-small-label-text-content-no-top{padding-top:0}.w-input-small-placeholder-text{color:#202124}.w-input-small-placeholder-text-only-color{color:#9aa0a6;line-height:1.3333333333rem}.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:#202124}.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:#202124}.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:#202124}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6368}.w-input-medium-text-icon{color:#202124}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#202124}.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:#202124}.w-panel-content{color:#5f6368}.w-tab-text,.w-chip-text{color:#202124}.w-badge-text{font-size:8px;font-weight:700;line-height:8px}.w-table-th-text{color:#202124}.w-table-td-text{color:#5f6368}.w-image-file-uploader-navigators-text{font-size:12px;color:#fff}.grid{margin:0}::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:#00b3eb}.w-edit-toggle-small-field{height:16px}.w-edit-toggle-small-heigth{height:76px;justify-content:start;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"] }, { kind: "component", type: i4.WInputLabelComponent, selector: "w-input-label", inputs: ["label", "disabled", "required", "tooltip", "size"] }] });
59
+ ], ngImport: i0, template: "\r\n<div *ngIf=\"formControl; else noNgControl\" class=\"align-content-start\" \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\r\n <w-input-label [label]=\"label\" [required]=\"formControl.hasError('required')\" [disabled]=\"isDisabled\" [size]=\"'small'\" [tooltip]=\"tooltip\"></w-input-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 toggle-container\"\r\n [formControl]=\"formControl\">\r\n </p-inputSwitch>\r\n</div>\r\n\r\n<ng-template #noNgControl>\r\n <div class=\"align-content-start\" \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-input-label [label]=\"label\" [disabled]=\"isDisabled\" [size]=\"'small'\" [tooltip]=\"tooltip\"></w-input-label>\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 toggle-container\"\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:700}.heading5,.w-sidebar-title-text{font-size:1.5rem;line-height:1.8333333333rem;font-weight:700}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:700}.subtitle1,.w-tab-text,.w-panel-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:700}.subtitle2,.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.1666666667rem;font-weight:600}.body,.w-image-file-uploader-navigators-text,.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.1666666667rem;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}.light,.w-input-small-placeholder-text-only-color{font-size:.9166666667rem;line-height:1.0833333333rem;font-weight:300}.small{font-size:.8333333333rem;line-height:1rem;font-weight:400}.textMainColor{color:#202124}.textSoftColor{color:#5f6368}.textSofterColor{color:#9aa0a6}.textSoftestColor{color:#e8eaed}.textInverseColor{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXSMDivider{height:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.panel-title-gap-divider{height:20px}.panel-section-gap-divider{height:32px}.input-vertical-gap-divider{height:24px}.input-label-gap-divider{height:6px}.focusedInput{border:1px solid rgba(0,157,253,.25);box-shadow:0 0 10px #00b3eb40}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b3eb}.hoveredInput{border-radius:8px;border:1px solid rgba(0,179,235,.5)}.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:#202124}.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:#202124}.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:#202124}.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{color:#202124}.w-view-small-value-text{color:#5f6368}.w-input-no-label-height{height:14px}.w-input-disabled{background-color:#f1f3f4;border-color:#e8eaed;opacity:1}.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled{height:-moz-fit-content;height:fit-content}.w-input-small-label-text,.w-input-small-label-disabled{color:#202124}.w-input-small-label-disabled{color:#9aa0a6}.w-input-small-label-text-content{padding:12px 8px 8px 0;margin:0}.w-input-small-label-text-content-no-top{padding-top:0}.w-input-small-placeholder-text{color:#202124}.w-input-small-placeholder-text-only-color{color:#9aa0a6;line-height:1.3333333333rem}.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:#202124}.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:#202124}.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:#202124}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6368}.w-input-medium-text-icon{color:#202124}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#202124}.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:#202124}.w-panel-content{color:#5f6368}.w-tab-text,.w-chip-text{color:#202124}.w-badge-text{font-size:8px;font-weight:700;line-height:8px}.w-table-th-text{color:#202124}.w-table-td-text{color:#5f6368}.w-image-file-uploader-navigators-text{font-size:12px;color:#fff}.grid{margin:0}::ng-deep .w-edit-toggle-small-field{justify-content:start;align-content:center;align-items:center;display:grid;gap:6px}::ng-deep .w-edit-toggle-small-field .w-edit-toggle-small .p-inputswitch{height:20px;width:36px}::ng-deep .w-edit-toggle-small-field .w-edit-toggle-small .p-inputswitch.p-disabled{opacity:100%}::ng-deep .w-edit-toggle-small-field .w-edit-toggle-small .p-inputswitch.p-disabled .p-inputswitch-slider{background-color:#e8eaed!important}::ng-deep .w-edit-toggle-small-field .w-edit-toggle-small .p-inputswitch .p-inputswitch-slider{padding:2px;background:#9aa0a6}::ng-deep .w-edit-toggle-small-field .w-edit-toggle-small .p-inputswitch .p-inputswitch-slider:before{width:16px;height:16px;border-radius:100%;margin-top:-8px;background-color:#fff}::ng-deep .w-edit-toggle-small-field .w-edit-toggle-small .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider{background:#00b3eb}::ng-deep .w-edit-toggle-small-field .w-edit-toggle-small .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before{transform:translate(14px)}::ng-deep .w-edit-toggle-small-field .w-edit-toggle-small .p-inputswitch.p-inputswitch-checked.p-disabled{opacity:100%}::ng-deep .w-edit-toggle-small-field .w-edit-toggle-small .p-inputswitch.p-inputswitch-checked.p-disabled .p-inputswitch-slider{background-color:#e0f5fc!important}.toggle-container{height:28px!important;align-content:center}::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"] }, { kind: "component", type: i4.WInputLabelComponent, selector: "w-input-label", inputs: ["label", "disabled", "required", "tooltip", "size"] }] });
60
60
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WEditToggleComponent, decorators: [{
61
61
  type: Component,
62
62
  args: [{ selector: 'w-edit-toggle', providers: [
@@ -65,7 +65,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
65
65
  useExisting: forwardRef(() => WEditToggleComponent),
66
66
  multi: true
67
67
  }
68
- ], 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 <w-input-label [label]=\"label\" [required]=\"formControl.hasError('required')\" [disabled]=\"isDisabled\" [size]=\"'small'\" [tooltip]=\"tooltip\"></w-input-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 <w-input-label [label]=\"label\" [disabled]=\"isDisabled\" [size]=\"'small'\" [tooltip]=\"tooltip\"></w-input-label>\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:700}.heading5,.w-sidebar-title-text{font-size:1.5rem;line-height:1.8333333333rem;font-weight:700}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:700}.subtitle1,.w-tab-text,.w-panel-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:700}.subtitle2,.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.1666666667rem;font-weight:600}.body,.w-image-file-uploader-navigators-text,.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.1666666667rem;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}.light,.w-input-small-placeholder-text-only-color{font-size:.9166666667rem;line-height:1.0833333333rem;font-weight:300}.small{font-size:.8333333333rem;line-height:1rem;font-weight:400}.textMainColor{color:#202124}.textSoftColor{color:#5f6368}.textSofterColor{color:#9aa0a6}.textSoftestColor{color:#e8eaed}.textInverseColor{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXSMDivider{height:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.panel-title-gap-divider{height:20px}.panel-section-gap-divider{height:32px}.input-vertical-gap-divider{height:24px}.input-label-gap-divider{height:6px}.focusedInput{border:1px solid rgba(0,157,253,.25);box-shadow:0 0 10px #00b3eb40}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b3eb}.hoveredInput{border-radius:8px;border:1px solid rgba(0,179,235,.5)}.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:#202124}.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:#202124}.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:#202124}.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{color:#202124}.w-view-small-value-text{color:#5f6368}.w-input-no-label-height{height:14px}.w-input-disabled{background-color:#f1f3f4;border-color:#e8eaed;opacity:1}.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled{height:-moz-fit-content;height:fit-content}.w-input-small-label-text,.w-input-small-label-disabled{color:#202124}.w-input-small-label-disabled{color:#9aa0a6}.w-input-small-label-text-content{padding:12px 8px 8px 0;margin:0}.w-input-small-label-text-content-no-top{padding-top:0}.w-input-small-placeholder-text{color:#202124}.w-input-small-placeholder-text-only-color{color:#9aa0a6;line-height:1.3333333333rem}.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:#202124}.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:#202124}.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:#202124}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6368}.w-input-medium-text-icon{color:#202124}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#202124}.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:#202124}.w-panel-content{color:#5f6368}.w-tab-text,.w-chip-text{color:#202124}.w-badge-text{font-size:8px;font-weight:700;line-height:8px}.w-table-th-text{color:#202124}.w-table-td-text{color:#5f6368}.w-image-file-uploader-navigators-text{font-size:12px;color:#fff}.grid{margin:0}::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:#00b3eb}.w-edit-toggle-small-field{height:16px}.w-edit-toggle-small-heigth{height:76px;justify-content:start;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
+ ], template: "\r\n<div *ngIf=\"formControl; else noNgControl\" class=\"align-content-start\" \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\r\n <w-input-label [label]=\"label\" [required]=\"formControl.hasError('required')\" [disabled]=\"isDisabled\" [size]=\"'small'\" [tooltip]=\"tooltip\"></w-input-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 toggle-container\"\r\n [formControl]=\"formControl\">\r\n </p-inputSwitch>\r\n</div>\r\n\r\n<ng-template #noNgControl>\r\n <div class=\"align-content-start\" \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-input-label [label]=\"label\" [disabled]=\"isDisabled\" [size]=\"'small'\" [tooltip]=\"tooltip\"></w-input-label>\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 toggle-container\"\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:700}.heading5,.w-sidebar-title-text{font-size:1.5rem;line-height:1.8333333333rem;font-weight:700}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:700}.subtitle1,.w-tab-text,.w-panel-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:700}.subtitle2,.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.1666666667rem;font-weight:600}.body,.w-image-file-uploader-navigators-text,.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.1666666667rem;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}.light,.w-input-small-placeholder-text-only-color{font-size:.9166666667rem;line-height:1.0833333333rem;font-weight:300}.small{font-size:.8333333333rem;line-height:1rem;font-weight:400}.textMainColor{color:#202124}.textSoftColor{color:#5f6368}.textSofterColor{color:#9aa0a6}.textSoftestColor{color:#e8eaed}.textInverseColor{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXSMDivider{height:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.panel-title-gap-divider{height:20px}.panel-section-gap-divider{height:32px}.input-vertical-gap-divider{height:24px}.input-label-gap-divider{height:6px}.focusedInput{border:1px solid rgba(0,157,253,.25);box-shadow:0 0 10px #00b3eb40}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b3eb}.hoveredInput{border-radius:8px;border:1px solid rgba(0,179,235,.5)}.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:#202124}.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:#202124}.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:#202124}.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{color:#202124}.w-view-small-value-text{color:#5f6368}.w-input-no-label-height{height:14px}.w-input-disabled{background-color:#f1f3f4;border-color:#e8eaed;opacity:1}.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled{height:-moz-fit-content;height:fit-content}.w-input-small-label-text,.w-input-small-label-disabled{color:#202124}.w-input-small-label-disabled{color:#9aa0a6}.w-input-small-label-text-content{padding:12px 8px 8px 0;margin:0}.w-input-small-label-text-content-no-top{padding-top:0}.w-input-small-placeholder-text{color:#202124}.w-input-small-placeholder-text-only-color{color:#9aa0a6;line-height:1.3333333333rem}.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:#202124}.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:#202124}.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:#202124}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6368}.w-input-medium-text-icon{color:#202124}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#202124}.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:#202124}.w-panel-content{color:#5f6368}.w-tab-text,.w-chip-text{color:#202124}.w-badge-text{font-size:8px;font-weight:700;line-height:8px}.w-table-th-text{color:#202124}.w-table-td-text{color:#5f6368}.w-image-file-uploader-navigators-text{font-size:12px;color:#fff}.grid{margin:0}::ng-deep .w-edit-toggle-small-field{justify-content:start;align-content:center;align-items:center;display:grid;gap:6px}::ng-deep .w-edit-toggle-small-field .w-edit-toggle-small .p-inputswitch{height:20px;width:36px}::ng-deep .w-edit-toggle-small-field .w-edit-toggle-small .p-inputswitch.p-disabled{opacity:100%}::ng-deep .w-edit-toggle-small-field .w-edit-toggle-small .p-inputswitch.p-disabled .p-inputswitch-slider{background-color:#e8eaed!important}::ng-deep .w-edit-toggle-small-field .w-edit-toggle-small .p-inputswitch .p-inputswitch-slider{padding:2px;background:#9aa0a6}::ng-deep .w-edit-toggle-small-field .w-edit-toggle-small .p-inputswitch .p-inputswitch-slider:before{width:16px;height:16px;border-radius:100%;margin-top:-8px;background-color:#fff}::ng-deep .w-edit-toggle-small-field .w-edit-toggle-small .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider{background:#00b3eb}::ng-deep .w-edit-toggle-small-field .w-edit-toggle-small .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before{transform:translate(14px)}::ng-deep .w-edit-toggle-small-field .w-edit-toggle-small .p-inputswitch.p-inputswitch-checked.p-disabled{opacity:100%}::ng-deep .w-edit-toggle-small-field .w-edit-toggle-small .p-inputswitch.p-inputswitch-checked.p-disabled .p-inputswitch-slider{background-color:#e0f5fc!important}.toggle-container{height:28px!important;align-content:center}::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"] }]
69
69
  }], propDecorators: { label: [{
70
70
  type: Input,
71
71
  args: ['label']
@@ -94,4 +94,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
94
94
  type: Output,
95
95
  args: ['toggleState']
96
96
  }] } });
97
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidy1lZGl0LXRvZ2dsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy93YXBwLWNvbXBvbmVudHMvc3JjL2xpYi9lZGl0L3ctZWRpdC10b2dnbGUvdy1lZGl0LXRvZ2dsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy93YXBwLWNvbXBvbmVudHMvc3JjL2xpYi9lZGl0L3ctZWRpdC10b2dnbGUvdy1lZGl0LXRvZ2dsZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNuRixPQUFPLEVBQWUsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNoRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0seUJBQXlCLENBQUM7Ozs7OztBQWNuRCxNQUFNLE9BQU8sb0JBQW9CO0lBWmpDO1FBYWtCLFVBQUssR0FBVyxFQUFFLENBQUM7UUFDVCxvQkFBZSxHQUFXLEVBQUUsQ0FBQztRQUNwQyxlQUFVLEdBQVksS0FBSyxDQUFDO1FBQzFCLGVBQVUsR0FBWSxLQUFLLENBQUM7UUFDbEMsU0FBSSxHQUFXLE9BQU8sQ0FBQztRQUNuQixhQUFRLEdBQVksSUFBSSxDQUFDO1FBTTVDLGdCQUFXLEdBQTBCLElBQUksWUFBWSxFQUFXLENBQUM7UUFFakUsVUFBSyxHQUFZLEtBQUssQ0FBQztRQUN2QixjQUFTLEdBQWEsS0FBSyxDQUFDO1FBRTVCLGFBQVEsR0FBRyxDQUFDLENBQUssRUFBRSxFQUFFLEdBQUcsQ0FBQyxDQUFBO1FBQ3pCLFlBQU8sR0FBRyxHQUFHLEVBQUUsR0FBRyxDQUFDLENBQUE7S0FxQ3BCO0lBbkNDLFVBQVUsQ0FBQyxLQUFVO1FBQ25CLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO0lBQ3JCLENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxFQUFPO1FBQ3RCLElBQUksQ0FBQyxRQUFRLEdBQUcsRUFBRSxDQUFDO0lBQ3JCLENBQUM7SUFFRCxpQkFBaUIsQ0FBQyxFQUFPO1FBQ3ZCLElBQUksQ0FBQyxPQUFPLEdBQUcsRUFBRSxDQUFDO0lBQ3BCLENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxVQUFtQjtRQUNsQyxJQUFJLENBQUMsVUFBVSxHQUFHLFVBQVUsQ0FBQztJQUMvQixDQUFDO0lBRUQsT0FBTyxDQUFDLEdBQVE7UUFDZCxJQUFJLENBQUMsS0FBSyxHQUFHLEdBQUcsQ0FBQztRQUNqQixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDbEMsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO1FBQ2YsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDNUIsQ0FBQztJQUVELGNBQWM7UUFDWixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUMxQixJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7SUFDakIsQ0FBQztJQUVELE9BQU8sQ0FBQyxLQUFhO1FBQ25CLE9BQU8sUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3pCLENBQUM7SUFFRCxJQUFJLFFBQVE7UUFDVixPQUFPLFFBQVEsQ0FBQztJQUNsQixDQUFDOztpSEF0RFUsb0JBQW9CO3FHQUFwQixvQkFBb0IsdVNBUnBCO1FBQ1Q7WUFDRSxPQUFPLEVBQUUsaUJBQWlCO1lBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsb0JBQW9CLENBQUM7WUFDbkQsS0FBSyxFQUFFLElBQUk7U0FDWjtLQUNGLDBCQ2RILHUrR0F1RGM7MkZEdkNELG9CQUFvQjtrQkFaaEMsU0FBUzsrQkFDRSxlQUFlLGFBR2Q7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUscUJBQXFCLENBQUM7NEJBQ25ELEtBQUssRUFBRSxJQUFJO3lCQUNaO3FCQUNGOzhCQUdlLEtBQUs7c0JBQXBCLEtBQUs7dUJBQUMsT0FBTztnQkFDWSxlQUFlO3NCQUF4QyxLQUFLO3VCQUFDLGlCQUFpQjtnQkFDTCxVQUFVO3NCQUE1QixLQUFLO3VCQUFDLFVBQVU7Z0JBQ0ksVUFBVTtzQkFBOUIsS0FBSzt1QkFBQyxZQUFZO2dCQUNKLElBQUk7c0JBQWxCLEtBQUs7dUJBQUMsTUFBTTtnQkFDTSxRQUFRO3NCQUExQixLQUFLO3VCQUFDLFVBQVU7Z0JBQ0MsT0FBTztzQkFBeEIsS0FBSzt1QkFBQyxTQUFTO2dCQUVNLFdBQVc7c0JBQWhDLEtBQUs7dUJBQUMsYUFBYTtnQkFHcEIsV0FBVztzQkFEVixNQUFNO3VCQUFDLGFBQWEiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCwgZm9yd2FyZFJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBGb3JtQ29udHJvbCwgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7IFNpemVUeXBlIH0gZnJvbSAnLi4vLi4vc2hhcmVkL2VudW1zL2VudW0nO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICd3LWVkaXQtdG9nZ2xlJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vdy1lZGl0LXRvZ2dsZS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vdy1lZGl0LXRvZ2dsZS5jb21wb25lbnQuc2NzcyddLFxyXG4gIHByb3ZpZGVyczogW1xyXG4gICAge1xyXG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcclxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gV0VkaXRUb2dnbGVDb21wb25lbnQpLFxyXG4gICAgICBtdWx0aTogdHJ1ZVxyXG4gICAgfVxyXG4gIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIFdFZGl0VG9nZ2xlQ29tcG9uZW50IHtcclxuICBASW5wdXQoJ2xhYmVsJykgbGFiZWw6IHN0cmluZyA9ICcnO1xyXG4gIEBJbnB1dCgnaGVscERlc2NyaXB0aW9uJykgaGVscERlc2NyaXB0aW9uOiBzdHJpbmcgPSAnJztcclxuICBASW5wdXQoJ2Rpc2FibGVkJykgaXNEaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgnaXNSZXF1aXJlZCcpIGlzUmVxdWlyZWQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBASW5wdXQoJ3NpemUnKSBzaXplOiBzdHJpbmcgPSAnc21hbGwnO1xyXG4gIEBJbnB1dCgnaGFzQWxpZ24nKSBoYXNBbGlnbjogYm9vbGVhbiA9IHRydWU7XHJcbiAgQElucHV0KCd0b29sdGlwJykgdG9vbHRpcCE6IHN0cmluZzsgXHJcblxyXG4gIEBJbnB1dCgnZm9ybUNvbnRyb2wnKSBmb3JtQ29udHJvbCE6IEZvcm1Db250cm9sIHwgbnVsbDtcclxuXHJcbiAgQE91dHB1dCgndG9nZ2xlU3RhdGUnKVxyXG4gIHRvZ2dsZVN0YXRlOiBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4gPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XHJcblxyXG4gIHZhbHVlOiBib29sZWFuID0gZmFsc2U7XHJcbiAgaXNUb3VjaGVkIDogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIFxyXG4gIG9uQ2hhbmdlID0gKF86YW55KSA9PiB7IH1cclxuICBvblRvdWNoID0gKCkgPT4geyB9XHJcblxyXG4gIHdyaXRlVmFsdWUodmFsdWU6IGFueSk6IHZvaWQge1xyXG4gICAgdGhpcy52YWx1ZSA9IHZhbHVlO1xyXG4gIH1cclxuXHJcbiAgcmVnaXN0ZXJPbkNoYW5nZShmbjogYW55KTogdm9pZCB7XHJcbiAgICB0aGlzLm9uQ2hhbmdlID0gZm47XHJcbiAgfVxyXG5cclxuICByZWdpc3Rlck9uVG91Y2hlZChmbjogYW55KTogdm9pZCB7XHJcbiAgICB0aGlzLm9uVG91Y2ggPSBmbjtcclxuICB9XHJcblxyXG4gIHNldERpc2FibGVkU3RhdGUoaXNEaXNhYmxlZDogYm9vbGVhbik6IHZvaWQge1xyXG4gICAgdGhpcy5pc0Rpc2FibGVkID0gaXNEaXNhYmxlZDtcclxuICB9XHJcbiAgXHJcbiAgb25JbnB1dChvYmo6IGFueSl7XHJcbiAgICB0aGlzLnZhbHVlID0gb2JqO1xyXG4gICAgdGhpcy50b2dnbGVTdGF0ZS5lbWl0KHRoaXMudmFsdWUpO1xyXG4gICAgdGhpcy5vblRvdWNoKCk7XHJcbiAgICB0aGlzLm9uQ2hhbmdlKHRoaXMudmFsdWUpO1xyXG4gIH1cclxuXHJcbiAgb25WYWx1ZUNoYW5nZWQoKSB7XHJcbiAgICB0aGlzLm9uQ2hhbmdlKHRoaXMudmFsdWUpO1xyXG4gICAgdGhpcy5vblRvdWNoKCk7XHJcbiAgfVxyXG5cclxuICBnZXRTaXplKHZhbHVlOiBudW1iZXIpOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIFNpemVUeXBlW3ZhbHVlXTtcclxuICB9XHJcblxyXG4gIGdldCBzaXplVHlwZSgpOiB0eXBlb2YgU2l6ZVR5cGUge1xyXG4gICAgcmV0dXJuIFNpemVUeXBlO1xyXG4gIH1cclxufVxyXG4iLCJcclxuPGRpdiAqbmdJZj1cImZvcm1Db250cm9sOyBlbHNlIG5vTmdDb250cm9sXCIgY2xhc3M9XCJmbGV4IGFsaWduLWNvbnRlbnQtY2VudGVyXCIgXHJcbiAgICBbbmdDbGFzc109XCJ7J3ctZWRpdC10b2dnbGUtbWVkaXVtLWZpZWxkJzogZ2V0U2l6ZShzaXplVHlwZS5tZWRpdW0pID09IHNpemUsXHJcbiAgICAgICAgICAgICAgICAndy1lZGl0LXRvZ2dsZS1zbWFsbC1maWVsZCc6IGdldFNpemUoc2l6ZVR5cGUuc21hbGwpID09IHNpemUsXHJcbiAgICAgICAgICAgICAgICAndy1lZGl0LXRvZ2dsZS1tZWRpdW0taGVpZ3RoJzogaGFzQWxpZ24gJiYgIGdldFNpemUoc2l6ZVR5cGUubWVkaXVtKSA9PSBzaXplLFxyXG4gICAgICAgICAgICAgICAgJ3ctZWRpdC10b2dnbGUtc21hbGwtaGVpZ3RoJzogaGFzQWxpZ24gJiYgZ2V0U2l6ZShzaXplVHlwZS5zbWFsbCkgPT0gc2l6ZX1cIj5cclxuICAgIDwhLS0gPGxhYmVsICpuZ0lmPVwiKGdldFNpemUoc2l6ZVR5cGUubWVkaXVtKSA9PSBzaXplICYmIChsYWJlbCAhPSB1bmRlZmluZWQgJiYgbGFiZWwubGVuZ3RoID4gMCkpO1wiIGZvcj1cInRvZ2dsZVwiXHJcbiAgICAgICAgICAgIGNsYXNzPVwiZmxleCBhbGlnbi1pdGVtcy1jZW50ZXJcIlxyXG4gICAgICAgICAgICBbbmdDbGFzc109XCJ7J3ctZWRpdC10b2dnbGUtbWVkaXVtLWxhYmVsJzogIWlzRGlzYWJsZWQsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICd3LWVkaXQtdG9nZ2xlLW1lZGl1bS1sYWJlbC1kaXNhYmxlZCc6IGlzRGlzYWJsZWR9XCI+XHJcbiAgICAgICAgICAgIHt7bGFiZWx9fVxyXG4gICAgPC9sYWJlbD5cclxuICAgIDxsYWJlbCAqbmdJZj1cIihnZXRTaXplKHNpemVUeXBlLnNtYWxsKSA9PSBzaXplICYmIChsYWJlbCAhPSB1bmRlZmluZWQgJiYgbGFiZWwubGVuZ3RoID4gMCkpO1wiIGZvcj1cInRvZ2dsZVwiXHJcbiAgICAgICAgICAgIGNsYXNzPVwiZmxleCBhbGlnbi1pdGVtcy1jZW50ZXJcIlxyXG4gICAgICAgICAgICBbbmdDbGFzc109XCJ7J3ctZWRpdC10b2dnbGUtc21hbGwtbGFiZWwnOiAhaXNEaXNhYmxlZCxcclxuICAgICAgICAgICAgICAgICAgICAgICAgJ3ctZWRpdC10b2dnbGUtc21hbGwtbGFiZWwtZGlzYWJsZWQnOiBpc0Rpc2FibGVkfVwiPlxyXG4gICAgICAgICAgICB7e2xhYmVsfX1cclxuICAgIDwvbGFiZWw+IC0tPlxyXG4gICAgPHctaW5wdXQtbGFiZWwgW2xhYmVsXT1cImxhYmVsXCIgW3JlcXVpcmVkXT1cImZvcm1Db250cm9sLmhhc0Vycm9yKCdyZXF1aXJlZCcpXCIgW2Rpc2FibGVkXT1cImlzRGlzYWJsZWRcIiBbc2l6ZV09XCInc21hbGwnXCIgW3Rvb2x0aXBdPVwidG9vbHRpcFwiPjwvdy1pbnB1dC1sYWJlbD5cclxuXHJcbiAgICA8cC1pbnB1dFN3aXRjaCBpZD1cInRvZ2dsZVwiXHJcbiAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJ7J3ctZWRpdC10b2dnbGUtbWVkaXVtJzogZ2V0U2l6ZShzaXplVHlwZS5tZWRpdW0pID09IHNpemUsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAndy1lZGl0LXRvZ2dsZS1zbWFsbCc6IGdldFNpemUoc2l6ZVR5cGUuc21hbGwpID09IHNpemV9XCJcclxuICAgICAgICAgICAgICAgIGNsYXNzPVwiZmxleCBhbGlnbi1pdGVtcy1jZW50ZXJcIlxyXG4gICAgICAgICAgICAgICAgW2Zvcm1Db250cm9sXT1cImZvcm1Db250cm9sXCI+XHJcbiAgICA8L3AtaW5wdXRTd2l0Y2g+XHJcbjwvZGl2PlxyXG5cclxuPG5nLXRlbXBsYXRlICNub05nQ29udHJvbD5cclxuICAgIDxkaXYgY2xhc3M9XCJmbGV4IGFsaWduLWNvbnRlbnQtY2VudGVyXCIgXHJcbiAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJ7J3ctZWRpdC10b2dnbGUtbWVkaXVtLWZpZWxkJzogZ2V0U2l6ZShzaXplVHlwZS5tZWRpdW0pID09IHNpemUsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAndy1lZGl0LXRvZ2dsZS1zbWFsbC1maWVsZCc6IGdldFNpemUoc2l6ZVR5cGUuc21hbGwpID09IHNpemUsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAndy1lZGl0LXRvZ2dsZS1tZWRpdW0taGVpZ3RoJzogaGFzQWxpZ24gJiYgIGdldFNpemUoc2l6ZVR5cGUubWVkaXVtKSA9PSBzaXplLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgJ3ctZWRpdC10b2dnbGUtc21hbGwtaGVpZ3RoJzogaGFzQWxpZ24gJiYgZ2V0U2l6ZShzaXplVHlwZS5zbWFsbCkgPT0gc2l6ZSB9XCI+XHJcbiAgICAgICAgPCEtLSA8bGFiZWwgKm5nSWY9XCIoZ2V0U2l6ZShzaXplVHlwZS5tZWRpdW0pID09IHNpemUgJiYgKGxhYmVsICE9IHVuZGVmaW5lZCAmJiBsYWJlbC5sZW5ndGggPiAwKSk7XCIgZm9yPVwidG9nZ2xlXCJcclxuICAgICAgICAgICAgICAgIGNsYXNzPVwiZmxleCBhbGlnbi1pdGVtcy1jZW50ZXJcIlxyXG4gICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwieyd3LWVkaXQtdG9nZ2xlLW1lZGl1bS1sYWJlbCc6ICFpc0Rpc2FibGVkLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgJ3ctZWRpdC10b2dnbGUtbWVkaXVtLWxhYmVsLWRpc2FibGVkJzogaXNEaXNhYmxlZH1cIj5cclxuICAgICAgICAgICAge3tsYWJlbH19XHJcbiAgICAgICAgPC9sYWJlbD5cclxuICAgICAgICA8bGFiZWwgKm5nSWY9XCIoZ2V0U2l6ZShzaXplVHlwZS5zbWFsbCkgPT0gc2l6ZSAmJiAobGFiZWwgIT0gdW5kZWZpbmVkICYmIGxhYmVsLmxlbmd0aCA+IDApKTtcIiBmb3I9XCJ0b2dnbGVcIlxyXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJmbGV4IGFsaWduLWl0ZW1zLWNlbnRlclwiXHJcbiAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJ7J3ctZWRpdC10b2dnbGUtc21hbGwtbGFiZWwnOiAhaXNEaXNhYmxlZCxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICd3LWVkaXQtdG9nZ2xlLXNtYWxsLWxhYmVsLWRpc2FibGVkJzogaXNEaXNhYmxlZH1cIj5cclxuICAgICAgICAgICAge3tsYWJlbH19XHJcbiAgICAgICAgPC9sYWJlbD4gLS0+XHJcbiAgICAgICAgPHctaW5wdXQtbGFiZWwgW2xhYmVsXT1cImxhYmVsXCIgW2Rpc2FibGVkXT1cImlzRGlzYWJsZWRcIiBbc2l6ZV09XCInc21hbGwnXCIgW3Rvb2x0aXBdPVwidG9vbHRpcFwiPjwvdy1pbnB1dC1sYWJlbD5cclxuICAgICAgICA8cC1pbnB1dFN3aXRjaCAgaWQ9XCJ0b2dnbGVcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJ7J3ctZWRpdC10b2dnbGUtbWVkaXVtJzogZ2V0U2l6ZShzaXplVHlwZS5tZWRpdW0pID09IHNpemUsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICd3LWVkaXQtdG9nZ2xlLXNtYWxsJzogZ2V0U2l6ZShzaXplVHlwZS5zbWFsbCkgPT0gc2l6ZX1cIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImZsZXggYWxpZ24taXRlbXMtY2VudGVyXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgKG5nTW9kZWxDaGFuZ2UpPVwib25JbnB1dCgkZXZlbnQpXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgWyhuZ01vZGVsKV09XCJ2YWx1ZVwiPlxyXG4gICAgICAgIDwvcC1pbnB1dFN3aXRjaD5cclxuICAgIDwvZGl2PlxyXG48L25nLXRlbXBsYXRlPiJdfQ==
97
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidy1lZGl0LXRvZ2dsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy93YXBwLWNvbXBvbmVudHMvc3JjL2xpYi9lZGl0L3ctZWRpdC10b2dnbGUvdy1lZGl0LXRvZ2dsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy93YXBwLWNvbXBvbmVudHMvc3JjL2xpYi9lZGl0L3ctZWRpdC10b2dnbGUvdy1lZGl0LXRvZ2dsZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNuRixPQUFPLEVBQWUsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNoRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0seUJBQXlCLENBQUM7Ozs7OztBQWNuRCxNQUFNLE9BQU8sb0JBQW9CO0lBWmpDO1FBYWtCLFVBQUssR0FBVyxFQUFFLENBQUM7UUFDVCxvQkFBZSxHQUFXLEVBQUUsQ0FBQztRQUNwQyxlQUFVLEdBQVksS0FBSyxDQUFDO1FBQzFCLGVBQVUsR0FBWSxLQUFLLENBQUM7UUFDbEMsU0FBSSxHQUFXLE9BQU8sQ0FBQztRQUNuQixhQUFRLEdBQVksSUFBSSxDQUFDO1FBTTVDLGdCQUFXLEdBQTBCLElBQUksWUFBWSxFQUFXLENBQUM7UUFFakUsVUFBSyxHQUFZLEtBQUssQ0FBQztRQUN2QixjQUFTLEdBQWEsS0FBSyxDQUFDO1FBRTVCLGFBQVEsR0FBRyxDQUFDLENBQUssRUFBRSxFQUFFLEdBQUcsQ0FBQyxDQUFBO1FBQ3pCLFlBQU8sR0FBRyxHQUFHLEVBQUUsR0FBRyxDQUFDLENBQUE7S0FxQ3BCO0lBbkNDLFVBQVUsQ0FBQyxLQUFVO1FBQ25CLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO0lBQ3JCLENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxFQUFPO1FBQ3RCLElBQUksQ0FBQyxRQUFRLEdBQUcsRUFBRSxDQUFDO0lBQ3JCLENBQUM7SUFFRCxpQkFBaUIsQ0FBQyxFQUFPO1FBQ3ZCLElBQUksQ0FBQyxPQUFPLEdBQUcsRUFBRSxDQUFDO0lBQ3BCLENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxVQUFtQjtRQUNsQyxJQUFJLENBQUMsVUFBVSxHQUFHLFVBQVUsQ0FBQztJQUMvQixDQUFDO0lBRUQsT0FBTyxDQUFDLEdBQVE7UUFDZCxJQUFJLENBQUMsS0FBSyxHQUFHLEdBQUcsQ0FBQztRQUNqQixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDbEMsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO1FBQ2YsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDNUIsQ0FBQztJQUVELGNBQWM7UUFDWixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUMxQixJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7SUFDakIsQ0FBQztJQUVELE9BQU8sQ0FBQyxLQUFhO1FBQ25CLE9BQU8sUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3pCLENBQUM7SUFFRCxJQUFJLFFBQVE7UUFDVixPQUFPLFFBQVEsQ0FBQztJQUNsQixDQUFDOztpSEF0RFUsb0JBQW9CO3FHQUFwQixvQkFBb0IsdVNBUnBCO1FBQ1Q7WUFDRSxPQUFPLEVBQUUsaUJBQWlCO1lBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsb0JBQW9CLENBQUM7WUFDbkQsS0FBSyxFQUFFLElBQUk7U0FDWjtLQUNGLDBCQ2RILGsyREE4QmM7MkZEZEQsb0JBQW9CO2tCQVpoQyxTQUFTOytCQUNFLGVBQWUsYUFHZDt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxxQkFBcUIsQ0FBQzs0QkFDbkQsS0FBSyxFQUFFLElBQUk7eUJBQ1o7cUJBQ0Y7OEJBR2UsS0FBSztzQkFBcEIsS0FBSzt1QkFBQyxPQUFPO2dCQUNZLGVBQWU7c0JBQXhDLEtBQUs7dUJBQUMsaUJBQWlCO2dCQUNMLFVBQVU7c0JBQTVCLEtBQUs7dUJBQUMsVUFBVTtnQkFDSSxVQUFVO3NCQUE5QixLQUFLO3VCQUFDLFlBQVk7Z0JBQ0osSUFBSTtzQkFBbEIsS0FBSzt1QkFBQyxNQUFNO2dCQUNNLFFBQVE7c0JBQTFCLEtBQUs7dUJBQUMsVUFBVTtnQkFDQyxPQUFPO3NCQUF4QixLQUFLO3VCQUFDLFNBQVM7Z0JBRU0sV0FBVztzQkFBaEMsS0FBSzt1QkFBQyxhQUFhO2dCQUdwQixXQUFXO3NCQURWLE1BQU07dUJBQUMsYUFBYSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0LCBmb3J3YXJkUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEZvcm1Db250cm9sLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgU2l6ZVR5cGUgfSBmcm9tICcuLi8uLi9zaGFyZWQvZW51bXMvZW51bSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3ctZWRpdC10b2dnbGUnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi93LWVkaXQtdG9nZ2xlLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi93LWVkaXQtdG9nZ2xlLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgcHJvdmlkZXJzOiBbXHJcbiAgICB7XHJcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxyXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBXRWRpdFRvZ2dsZUNvbXBvbmVudCksXHJcbiAgICAgIG11bHRpOiB0cnVlXHJcbiAgICB9XHJcbiAgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgV0VkaXRUb2dnbGVDb21wb25lbnQge1xyXG4gIEBJbnB1dCgnbGFiZWwnKSBsYWJlbDogc3RyaW5nID0gJyc7XHJcbiAgQElucHV0KCdoZWxwRGVzY3JpcHRpb24nKSBoZWxwRGVzY3JpcHRpb246IHN0cmluZyA9ICcnO1xyXG4gIEBJbnB1dCgnZGlzYWJsZWQnKSBpc0Rpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCdpc1JlcXVpcmVkJykgaXNSZXF1aXJlZDogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgnc2l6ZScpIHNpemU6IHN0cmluZyA9ICdzbWFsbCc7XHJcbiAgQElucHV0KCdoYXNBbGlnbicpIGhhc0FsaWduOiBib29sZWFuID0gdHJ1ZTtcclxuICBASW5wdXQoJ3Rvb2x0aXAnKSB0b29sdGlwITogc3RyaW5nOyBcclxuXHJcbiAgQElucHV0KCdmb3JtQ29udHJvbCcpIGZvcm1Db250cm9sITogRm9ybUNvbnRyb2wgfCBudWxsO1xyXG5cclxuICBAT3V0cHV0KCd0b2dnbGVTdGF0ZScpXHJcbiAgdG9nZ2xlU3RhdGU6IEV2ZW50RW1pdHRlcjxib29sZWFuPiA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcclxuXHJcbiAgdmFsdWU6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBpc1RvdWNoZWQgOiBib29sZWFuID0gZmFsc2U7XHJcbiAgXHJcbiAgb25DaGFuZ2UgPSAoXzphbnkpID0+IHsgfVxyXG4gIG9uVG91Y2ggPSAoKSA9PiB7IH1cclxuXHJcbiAgd3JpdGVWYWx1ZSh2YWx1ZTogYW55KTogdm9pZCB7XHJcbiAgICB0aGlzLnZhbHVlID0gdmFsdWU7XHJcbiAgfVxyXG5cclxuICByZWdpc3Rlck9uQ2hhbmdlKGZuOiBhbnkpOiB2b2lkIHtcclxuICAgIHRoaXMub25DaGFuZ2UgPSBmbjtcclxuICB9XHJcblxyXG4gIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiBhbnkpOiB2b2lkIHtcclxuICAgIHRoaXMub25Ub3VjaCA9IGZuO1xyXG4gIH1cclxuXHJcbiAgc2V0RGlzYWJsZWRTdGF0ZShpc0Rpc2FibGVkOiBib29sZWFuKTogdm9pZCB7XHJcbiAgICB0aGlzLmlzRGlzYWJsZWQgPSBpc0Rpc2FibGVkO1xyXG4gIH1cclxuICBcclxuICBvbklucHV0KG9iajogYW55KXtcclxuICAgIHRoaXMudmFsdWUgPSBvYmo7XHJcbiAgICB0aGlzLnRvZ2dsZVN0YXRlLmVtaXQodGhpcy52YWx1ZSk7XHJcbiAgICB0aGlzLm9uVG91Y2goKTtcclxuICAgIHRoaXMub25DaGFuZ2UodGhpcy52YWx1ZSk7XHJcbiAgfVxyXG5cclxuICBvblZhbHVlQ2hhbmdlZCgpIHtcclxuICAgIHRoaXMub25DaGFuZ2UodGhpcy52YWx1ZSk7XHJcbiAgICB0aGlzLm9uVG91Y2goKTtcclxuICB9XHJcblxyXG4gIGdldFNpemUodmFsdWU6IG51bWJlcik6IHN0cmluZyB7XHJcbiAgICByZXR1cm4gU2l6ZVR5cGVbdmFsdWVdO1xyXG4gIH1cclxuXHJcbiAgZ2V0IHNpemVUeXBlKCk6IHR5cGVvZiBTaXplVHlwZSB7XHJcbiAgICByZXR1cm4gU2l6ZVR5cGU7XHJcbiAgfVxyXG59XHJcbiIsIlxyXG48ZGl2ICpuZ0lmPVwiZm9ybUNvbnRyb2w7IGVsc2Ugbm9OZ0NvbnRyb2xcIiBjbGFzcz1cImFsaWduLWNvbnRlbnQtc3RhcnRcIiBcclxuICAgIFtuZ0NsYXNzXT1cInsndy1lZGl0LXRvZ2dsZS1tZWRpdW0tZmllbGQnOiBnZXRTaXplKHNpemVUeXBlLm1lZGl1bSkgPT0gc2l6ZSxcclxuICAgICAgICAgICAgICAgICd3LWVkaXQtdG9nZ2xlLXNtYWxsLWZpZWxkJzogZ2V0U2l6ZShzaXplVHlwZS5zbWFsbCkgPT0gc2l6ZSxcclxuICAgICAgICAgICAgICAgICd3LWVkaXQtdG9nZ2xlLW1lZGl1bS1oZWlndGgnOiBoYXNBbGlnbiAmJiAgZ2V0U2l6ZShzaXplVHlwZS5tZWRpdW0pID09IHNpemV9XCI+XHJcblxyXG4gICAgPHctaW5wdXQtbGFiZWwgW2xhYmVsXT1cImxhYmVsXCIgW3JlcXVpcmVkXT1cImZvcm1Db250cm9sLmhhc0Vycm9yKCdyZXF1aXJlZCcpXCIgW2Rpc2FibGVkXT1cImlzRGlzYWJsZWRcIiBbc2l6ZV09XCInc21hbGwnXCIgW3Rvb2x0aXBdPVwidG9vbHRpcFwiPjwvdy1pbnB1dC1sYWJlbD5cclxuXHJcbiAgICA8cC1pbnB1dFN3aXRjaCBpZD1cInRvZ2dsZVwiXHJcbiAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJ7J3ctZWRpdC10b2dnbGUtbWVkaXVtJzogZ2V0U2l6ZShzaXplVHlwZS5tZWRpdW0pID09IHNpemUsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAndy1lZGl0LXRvZ2dsZS1zbWFsbCc6IGdldFNpemUoc2l6ZVR5cGUuc21hbGwpID09IHNpemV9XCJcclxuICAgICAgICAgICAgICAgIGNsYXNzPVwiZmxleCBhbGlnbi1pdGVtcy1jZW50ZXIgdG9nZ2xlLWNvbnRhaW5lclwiXHJcbiAgICAgICAgICAgICAgICBbZm9ybUNvbnRyb2xdPVwiZm9ybUNvbnRyb2xcIj5cclxuICAgIDwvcC1pbnB1dFN3aXRjaD5cclxuPC9kaXY+XHJcblxyXG48bmctdGVtcGxhdGUgI25vTmdDb250cm9sPlxyXG4gICAgPGRpdiBjbGFzcz1cImFsaWduLWNvbnRlbnQtc3RhcnRcIiBcclxuICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cInsndy1lZGl0LXRvZ2dsZS1tZWRpdW0tZmllbGQnOiBnZXRTaXplKHNpemVUeXBlLm1lZGl1bSkgPT0gc2l6ZSxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICd3LWVkaXQtdG9nZ2xlLXNtYWxsLWZpZWxkJzogZ2V0U2l6ZShzaXplVHlwZS5zbWFsbCkgPT0gc2l6ZSxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICd3LWVkaXQtdG9nZ2xlLW1lZGl1bS1oZWlndGgnOiBoYXNBbGlnbiAmJiAgZ2V0U2l6ZShzaXplVHlwZS5tZWRpdW0pID09IHNpemUgfVwiPlxyXG4gICAgICAgIDx3LWlucHV0LWxhYmVsIFtsYWJlbF09XCJsYWJlbFwiIFtkaXNhYmxlZF09XCJpc0Rpc2FibGVkXCIgW3NpemVdPVwiJ3NtYWxsJ1wiIFt0b29sdGlwXT1cInRvb2x0aXBcIj48L3ctaW5wdXQtbGFiZWw+XHJcbiAgICAgICAgPHAtaW5wdXRTd2l0Y2ggIGlkPVwidG9nZ2xlXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwieyd3LWVkaXQtdG9nZ2xlLW1lZGl1bSc6IGdldFNpemUoc2l6ZVR5cGUubWVkaXVtKSA9PSBzaXplLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAndy1lZGl0LXRvZ2dsZS1zbWFsbCc6IGdldFNpemUoc2l6ZVR5cGUuc21hbGwpID09IHNpemV9XCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJmbGV4IGFsaWduLWl0ZW1zLWNlbnRlciAgdG9nZ2xlLWNvbnRhaW5lclwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIChuZ01vZGVsQ2hhbmdlKT1cIm9uSW5wdXQoJGV2ZW50KVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIFsobmdNb2RlbCldPVwidmFsdWVcIj5cclxuICAgICAgICA8L3AtaW5wdXRTd2l0Y2g+XHJcbiAgICA8L2Rpdj5cclxuPC9uZy10ZW1wbGF0ZT4iXX0=
package/esm2020/lib/file/w-image-cropper/w-image-cropper.component.mjs CHANGED
@@ -218,7 +218,7 @@ 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=\"white\"\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:700}.heading5,.w-sidebar-title-text{font-size:1.5rem;line-height:1.8333333333rem;font-weight:700}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:700}.subtitle1,.w-tab-text,.w-panel-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:700}.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.1666666667rem;font-weight:600}.body,.w-image-file-uploader-navigators-text,.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.1666666667rem;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}.light,.w-input-small-placeholder-text-only-color{font-size:.9166666667rem;line-height:1.0833333333rem;font-weight:300}.small{font-size:.8333333333rem;line-height:1rem;font-weight:400}.textMainColor{color:#202124}.textSoftColor{color:#5f6368}.textSofterColor{color:#9aa0a6}.textSoftestColor{color:#e8eaed}.textInverseColor{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXSMDivider{height:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.panel-title-gap-divider{height:20px}.panel-section-gap-divider{height:32px}.input-vertical-gap-divider{height:24px}.input-label-gap-divider{height:6px}.focusedInput,:host ::ng-deep .w-file-button .p-fileupload .p-button:focus{border:1px solid rgba(0,157,253,.25);box-shadow:0 0 10px #00b3eb40}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b3eb}.hoveredInput{border-radius:8px;border:1px solid rgba(0,179,235,.5)}.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:#202124}.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:#202124}.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:#202124}.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{color:#202124}.w-view-small-value-text{color:#5f6368}.w-input-no-label-height{height:14px}.w-input-disabled{background-color:#f1f3f4;border-color:#e8eaed;opacity:1}.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled{height:-moz-fit-content;height:fit-content}.w-input-small-label-text,.w-input-small-label-disabled{color:#202124}.w-input-small-label-disabled{color:#9aa0a6}.w-input-small-label-text-content{padding:12px 8px 8px 0;margin:0}.w-input-small-label-text-content-no-top{padding-top:0}.w-input-small-placeholder-text{color:#202124}.w-input-small-placeholder-text-only-color{color:#9aa0a6;line-height:1.3333333333rem}.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:#202124}.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:#202124}.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:#202124}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6368}.w-input-medium-text-icon{color:#202124}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#202124}.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:#202124}.w-panel-content{color:#5f6368}.w-tab-text,.w-chip-text{color:#202124}.w-badge-text{font-size:8px;font-weight:700;line-height:8px}.w-table-th-text{color:#202124}.w-table-td-text{color:#5f6368}.w-image-file-uploader-navigators-text{font-size:12px;color:#fff}.grid{margin:0}.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=\"white\"\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:700}.heading5,.w-sidebar-title-text{font-size:1.5rem;line-height:1.8333333333rem;font-weight:700}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:700}.subtitle1,.w-tab-text,.w-panel-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:700}.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.1666666667rem;font-weight:600}.body,.w-image-file-uploader-navigators-text,.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.1666666667rem;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}.light,.w-input-small-placeholder-text-only-color{font-size:.9166666667rem;line-height:1.0833333333rem;font-weight:300}.small{font-size:.8333333333rem;line-height:1rem;font-weight:400}.textMainColor{color:#202124}.textSoftColor{color:#5f6368}.textSofterColor{color:#9aa0a6}.textSoftestColor{color:#e8eaed}.textInverseColor{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXSMDivider{height:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.panel-title-gap-divider{height:20px}.panel-section-gap-divider{height:32px}.input-vertical-gap-divider{height:24px}.input-label-gap-divider{height:6px}.focusedInput,:host ::ng-deep .w-file-button .p-fileupload .p-button:focus{border:1px solid rgba(0,157,253,.25);box-shadow:0 0 10px #00b3eb40}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b3eb}.hoveredInput{border-radius:8px;border:1px solid rgba(0,179,235,.5)}.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:#202124}.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:#202124}.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:#202124}.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{color:#202124}.w-view-small-value-text{color:#5f6368}.w-input-no-label-height{height:14px}.w-input-disabled{background-color:#f1f3f4;border-color:#e8eaed;opacity:1}.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled{height:-moz-fit-content;height:fit-content}.w-input-small-label-text,.w-input-small-label-disabled{color:#202124}.w-input-small-label-disabled{color:#9aa0a6}.w-input-small-label-text-content{padding:12px 8px 8px 0;margin:0}.w-input-small-label-text-content-no-top{padding-top:0}.w-input-small-placeholder-text{color:#202124}.w-input-small-placeholder-text-only-color{color:#9aa0a6;line-height:1.3333333333rem}.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:#202124}.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:#202124}.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:#202124}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6368}.w-input-medium-text-icon{color:#202124}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#202124}.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:#202124}.w-panel-content{color:#5f6368}.w-tab-text,.w-chip-text{color:#202124}.w-badge-text{font-size:8px;font-weight:700;line-height:8px}.w-table-th-text{color:#202124}.w-table-td-text{color:#5f6368}.w-image-file-uploader-navigators-text{font-size:12px;color:#fff}.grid{margin:0}.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", "buttonClass"], outputs: ["onClick"] }] });
222
222
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WImageCropperComponent, decorators: [{
223
223
  type: Component,
224
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=\"white\"\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:700}.heading5,.w-sidebar-title-text{font-size:1.5rem;line-height:1.8333333333rem;font-weight:700}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:700}.subtitle1,.w-tab-text,.w-panel-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:700}.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.1666666667rem;font-weight:600}.body,.w-image-file-uploader-navigators-text,.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.1666666667rem;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}.light,.w-input-small-placeholder-text-only-color{font-size:.9166666667rem;line-height:1.0833333333rem;font-weight:300}.small{font-size:.8333333333rem;line-height:1rem;font-weight:400}.textMainColor{color:#202124}.textSoftColor{color:#5f6368}.textSofterColor{color:#9aa0a6}.textSoftestColor{color:#e8eaed}.textInverseColor{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXSMDivider{height:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.panel-title-gap-divider{height:20px}.panel-section-gap-divider{height:32px}.input-vertical-gap-divider{height:24px}.input-label-gap-divider{height:6px}.focusedInput,:host ::ng-deep .w-file-button .p-fileupload .p-button:focus{border:1px solid rgba(0,157,253,.25);box-shadow:0 0 10px #00b3eb40}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b3eb}.hoveredInput{border-radius:8px;border:1px solid rgba(0,179,235,.5)}.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:#202124}.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:#202124}.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:#202124}.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{color:#202124}.w-view-small-value-text{color:#5f6368}.w-input-no-label-height{height:14px}.w-input-disabled{background-color:#f1f3f4;border-color:#e8eaed;opacity:1}.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled{height:-moz-fit-content;height:fit-content}.w-input-small-label-text,.w-input-small-label-disabled{color:#202124}.w-input-small-label-disabled{color:#9aa0a6}.w-input-small-label-text-content{padding:12px 8px 8px 0;margin:0}.w-input-small-label-text-content-no-top{padding-top:0}.w-input-small-placeholder-text{color:#202124}.w-input-small-placeholder-text-only-color{color:#9aa0a6;line-height:1.3333333333rem}.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:#202124}.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:#202124}.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:#202124}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6368}.w-input-medium-text-icon{color:#202124}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#202124}.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:#202124}.w-panel-content{color:#5f6368}.w-tab-text,.w-chip-text{color:#202124}.w-badge-text{font-size:8px;font-weight:700;line-height:8px}.w-table-th-text{color:#202124}.w-table-td-text{color:#5f6368}.w-image-file-uploader-navigators-text{font-size:12px;color:#fff}.grid{margin:0}.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"] }]