ngx-wapp-components 1.17.2 → 1.17.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/button/w-button/w-button.component.mjs +7 -3
- package/esm2020/lib/button/w-button-week/w-button-week.component.mjs +8 -5
- package/esm2020/lib/file/w-image-cropper/w-image-cropper.component.mjs +1 -1
- package/esm2020/lib/file/w-image-file-uploader/w-image-file-uploader.component.mjs +1 -1
- package/esm2020/lib/layout/w-header-panel/w-header-panel.component.mjs +1 -1
- package/esm2020/lib/layout/w-navbar/w-navbar.component.mjs +1 -1
- package/esm2020/lib/misc/w-badge/w-badge.component.mjs +2 -2
- package/esm2020/lib/misc/w-filter-panel/w-filter-panel.component.mjs +1 -1
- package/esm2020/lib/misc/w-timeline/w-timeline.component.mjs +1 -1
- package/esm2020/lib/misc/w-wizard/w-wizard.component.mjs +11 -3
- package/esm2020/lib/shared/models/enums.model.mjs +2 -1
- package/esm2020/lib/shared/models/wapp-table-lazy-loading.model.mjs +1 -1
- package/esm2020/lib/shared/models/wapp-table.model.mjs +1 -1
- package/esm2020/lib/tables/w-table/w-table.component.mjs +5 -4
- package/esm2020/lib/tables/w-table-lazy/w-table-lazy.component.mjs +5 -4
- package/esm2020/lib/tables/w-tree-table/w-tree-table.component.mjs +1 -1
- package/esm2020/lib/tree/w-tree/w-tree.component.mjs +1 -1
- package/esm2020/lib/w-clipboard/w-clipboard.component.mjs +1 -1
- package/fesm2015/ngx-wapp-components.mjs +124 -108
- package/fesm2015/ngx-wapp-components.mjs.map +1 -1
- package/fesm2020/ngx-wapp-components.mjs +124 -108
- package/fesm2020/ngx-wapp-components.mjs.map +1 -1
- package/lib/button/w-button/w-button.component.d.ts +2 -1
- package/lib/button/w-button-week/w-button-week.component.d.ts +1 -1
- package/lib/misc/w-wizard/w-wizard.component.d.ts +3 -1
- package/lib/shared/models/enums.model.d.ts +2 -1
- package/lib/shared/models/wapp-table-lazy-loading.model.d.ts +2 -0
- package/lib/shared/models/wapp-table.model.d.ts +2 -0
- package/package.json +1 -1
|
@@ -9,6 +9,7 @@ export class WButtonComponent {
|
|
|
9
9
|
this.type = "primary";
|
|
10
10
|
this.size = "small";
|
|
11
11
|
this.icon = "";
|
|
12
|
+
this.iconPos = "left";
|
|
12
13
|
this.tooltipPosition = "bottom";
|
|
13
14
|
this.tooltip = "";
|
|
14
15
|
this.disabled = false;
|
|
@@ -34,10 +35,10 @@ export class WButtonComponent {
|
|
|
34
35
|
}
|
|
35
36
|
}
|
|
36
37
|
WButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
37
|
-
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=\"left\" \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 [showDelay]=\"tooltipDelay\"\r\n >\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=\"left\" \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 [showDelay]=\"tooltipDelay\"\r\n >\r\n </p-button>\r\n </ng-container>\r\n <ng-template #buttonText>\r\n <ng-container *ngIf=\"type == getButtonTypeName(buttonType.text); else iconTableButton\">\r\n <p-button \r\n label=\"{{label}}\" \r\n [icon]=\"getIcon()\" \r\n iconPos=\"left\" \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 [showDelay]=\"tooltipDelay\"\r\n >\r\n </p-button>\r\n </ng-container>\r\n <ng-template #iconTableButton>\r\n <p-button \r\n [icon]=\"getIcon()\" \r\n styleClass=\"w-table-button {{buttonClass}}\" \r\n [disabled]=\"disabled\" \r\n (onClick)=\"onButtonClick($event)\" \r\n [pTooltip]=\"tooltip\" \r\n [tooltipPosition]=\"tooltipPosition\" \r\n [showDelay]=\"tooltipDelay\"\r\n class=\"p-button-text\">\r\n </p-button>\r\n </ng-template>\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,.w-button-small-label-text-typography-sm{font-size:.8333333333rem;line-height:1rem;font-weight:400}.textMainColor{color:#1f2224}.textSoftColor{color:#5f6468}.textSofterColor{color:#9aa0a7}.textSoftestColor{color:#e8ebee}.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-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-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-weight:600}.w-button-small-label-text-typography-sm{font-weight:600}.w-button-small-tertiary-label-text,:host ::ng-deep .w-button-small-tertiary.p-button{color:#1f2224}.w-button-small-text-label-text,:host ::ng-deep .w-button-text-small.p-button{color:#1f2224}.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;font-weight:600}.w-table-button-small-icon-text,::ng-deep .w-table-button.p-button .p-button-icon{font-size:12px;color:#9aa0a7}.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:600;line-height:16px}.w-button-medium-tertiary-label-text{color:#1f2224}.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:600;line-height:24px}.w-button-large-tertiary-label-text{color:#1f2224}.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{font-size:24px}.w-view-small-label-text{color:#1f2224}.w-view-small-value-text{color:#5f6468}.w-input-no-label-height{height:14px}.w-input-disabled{background-color:#f1f3f4;border-color:#e8ebee;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:#1f2224}.w-input-small-label-disabled{color:#9aa0a7}.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:#1f2224}.w-input-small-placeholder-text-only-color{color:#9aa0a7;line-height:1.3333333333rem}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6468}.w-input-small-text-icon,.w-input-small-select-options-text{color:#1f2224}.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:#1f2224}.w-input-medium-label-disabled{color:#9aa0a7}.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:#1f2224}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6468}.w-input-medium-text-icon{color:#1f2224}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#1f2224}.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:#1f2224}.w-panel-content{color:#5f6468}.w-tab-text,.w-chip-text{color:#1f2224}.w-badge-text{font-size:10px;font-weight:700;line-height:8px}.w-table-th-text{color:#1f2224}.w-table-td-text{color:#5f6468}.w-image-file-uploader-navigators-text{font-size:12px;color:#fff}.grid{margin:0}::ng-deep .p-tooltip,.p-tooltip{filter:0px 0px 1px 0px rgba(0,0,0,.1) inset,1px 1px 5px rgba(0,0,0,.06),1px 1px 1px rgba(0,0,0,.08)}::ng-deep .p-tooltip .p-tooltip-text,.p-tooltip .p-tooltip-text{background:#ffffff!important;color:#1f2224;padding:12px 16px;max-width:192px;width:max-content;margin-left:3px}::ng-deep .p-tooltip.p-tooltip-right,.p-tooltip.p-tooltip-right{margin-left:6px;width:max-content;transform:translateY(-1px)}::ng-deep .p-tooltip.p-tooltip-right .p-tooltip-arrow,.p-tooltip.p-tooltip-right .p-tooltip-arrow{border-right-color:#fff!important;top:50%;left:0;margin-top:-4px;border-width:4px 6px 4px 0!important}::ng-deep .p-tooltip.p-tooltip-bottom .p-tooltip-arrow,.p-tooltip.p-tooltip-bottom .p-tooltip-arrow{border-bottom-color:#fff!important;border-width:0 4px 6px 4px!important;margin-top:-3px}: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;box-shadow:0 0 1px #0000001a inset,1px 1px 5px #0000000f,1px 1px 1px #00000014;gap:8px}: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-right:0}: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:#005c7a}:host ::ng-deep .w-button-small.p-button.p-button-outlined,:host ::ng-deep .p-button.p-button-outlined.w-button-text-small,:host ::ng-deep .p-button.p-button-outlined.w-button-small-tertiary{border:1px solid rgba(0,92,122,.25)}: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-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;background-color:#fff;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{border-color:#005c7a;color:#005c7a;background-color:#fff;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{background-color:#fff;color:#bdc1c6;border-color:#e8ebee}: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{background:#e8ebee;color:#bdc1c6}:host ::ng-deep .w-button-small-tertiary.p-button{border:1px solid #e8ebee}: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:#5f6468}:host ::ng-deep .w-button-small.p-button.p-button-icon-only,:host ::ng-deep .w-button-small-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-small-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:7px}:host ::ng-deep .w-button-text-small.p-button{border:none;box-shadow: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}::ng-deep .w-table-button.p-button{background-color:#fff!important;border:1px solid #ffffff;border-radius:8px;box-shadow:0 0 1px #0000001a inset,1px 1px 5px #0000000f,1px 1px 1px #00000014;padding:6px;width:28px;height:28px}::ng-deep .w-table-button.p-button:enabled:hover{background-color:#fff;border:1px solid #ffffff}::ng-deep .w-table-button.w-table-button-view.p-button .p-button-icon{color:#8096e2}::ng-deep .w-table-button.w-table-button-edit.p-button .p-button-icon,::ng-deep .w-table-button.w-table-button-add.p-button .p-button-icon{color:#61c2a0}::ng-deep .w-table-button.w-table-button-delete.p-button .p-button-icon{color:#f16b6b}\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"] }] });
|
|
38
|
+
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", iconPos: "iconPos", 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]=\"iconPos == 'right' ? 'right' : 'left'\" \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 [showDelay]=\"tooltipDelay\"\r\n >\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]=\"iconPos == 'right' ? 'right' : 'left'\" \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 [showDelay]=\"tooltipDelay\"\r\n >\r\n </p-button>\r\n </ng-container>\r\n <ng-template #buttonText>\r\n <ng-container *ngIf=\"type == getButtonTypeName(buttonType.text); else iconTableButton\">\r\n <p-button \r\n label=\"{{label}}\" \r\n [icon]=\"getIcon()\" \r\n [iconPos]=\"iconPos == 'right' ? 'right' : 'left'\" \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 [showDelay]=\"tooltipDelay\"\r\n >\r\n </p-button>\r\n </ng-container>\r\n <ng-template #iconTableButton>\r\n <p-button \r\n [icon]=\"getIcon()\" \r\n styleClass=\"w-table-button {{buttonClass}}\" \r\n [disabled]=\"disabled\" \r\n (onClick)=\"onButtonClick($event)\" \r\n [pTooltip]=\"tooltip\" \r\n [tooltipPosition]=\"tooltipPosition\" \r\n [showDelay]=\"tooltipDelay\"\r\n class=\"p-button-text\">\r\n </p-button>\r\n </ng-template>\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,.w-button-small-label-text-typography-sm{font-size:.8333333333rem;line-height:1rem;font-weight:400}.textMainColor{color:#1f2224}.textSoftColor{color:#5f6468}.textSofterColor{color:#9aa0a7}.textSoftestColor{color:#e8ebee}.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-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-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-weight:600}.w-button-small-label-text-typography-sm{font-weight:600}.w-button-small-tertiary-label-text,:host ::ng-deep .w-button-small-tertiary.p-button{color:#1f2224}.w-button-small-text-label-text,:host ::ng-deep .w-button-text-small.p-button{color:#1f2224}.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;font-weight:600}.w-table-button-small-icon-text,::ng-deep .w-table-button.p-button .p-button-icon{font-size:12px;color:#9aa0a7}.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:600;line-height:16px}.w-button-medium-tertiary-label-text{color:#1f2224}.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:600;line-height:24px}.w-button-large-tertiary-label-text{color:#1f2224}.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{font-size:24px}.w-view-small-label-text{color:#1f2224}.w-view-small-value-text{color:#5f6468}.w-input-no-label-height{height:14px}.w-input-disabled{background-color:#f1f3f4;border-color:#e8ebee;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:#1f2224}.w-input-small-label-disabled{color:#9aa0a7}.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:#1f2224}.w-input-small-placeholder-text-only-color{color:#9aa0a7;line-height:1.3333333333rem}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6468}.w-input-small-text-icon,.w-input-small-select-options-text{color:#1f2224}.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:#1f2224}.w-input-medium-label-disabled{color:#9aa0a7}.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:#1f2224}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6468}.w-input-medium-text-icon{color:#1f2224}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#1f2224}.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:#1f2224}.w-panel-content{color:#5f6468}.w-tab-text,.w-chip-text{color:#1f2224}.w-badge-text{font-size:10px;font-weight:700;line-height:8px}.w-table-th-text{color:#1f2224}.w-table-td-text{color:#5f6468}.w-image-file-uploader-navigators-text{font-size:12px;color:#fff}.grid{margin:0}::ng-deep .p-tooltip,.p-tooltip{filter:0px 0px 1px 0px rgba(0,0,0,.1) inset,1px 1px 5px rgba(0,0,0,.06),1px 1px 1px rgba(0,0,0,.08)}::ng-deep .p-tooltip .p-tooltip-text,.p-tooltip .p-tooltip-text{background:#ffffff!important;color:#1f2224;padding:12px 16px;max-width:192px;width:max-content;margin-left:3px}::ng-deep .p-tooltip.p-tooltip-right,.p-tooltip.p-tooltip-right{margin-left:6px;width:max-content;transform:translateY(-1px)}::ng-deep .p-tooltip.p-tooltip-right .p-tooltip-arrow,.p-tooltip.p-tooltip-right .p-tooltip-arrow{border-right-color:#fff!important;top:50%;left:0;margin-top:-4px;border-width:4px 6px 4px 0!important}::ng-deep .p-tooltip.p-tooltip-bottom .p-tooltip-arrow,.p-tooltip.p-tooltip-bottom .p-tooltip-arrow{border-bottom-color:#fff!important;border-width:0 4px 6px 4px!important;margin-top:-3px}: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;box-shadow:0 0 1px #0000001a inset,1px 1px 5px #0000000f,1px 1px 1px #00000014;gap:8px}: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-right:0}: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:#005c7a}:host ::ng-deep .w-button-small.p-button.p-button-outlined,:host ::ng-deep .p-button.p-button-outlined.w-button-text-small,:host ::ng-deep .p-button.p-button-outlined.w-button-small-tertiary{border:1px solid rgba(0,92,122,.25)}: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-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;background-color:#fff;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{border-color:#005c7a;color:#005c7a;background-color:#fff;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{background-color:#fff;color:#bdc1c6;border-color:#e8ebee}: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{background:#e8ebee;color:#bdc1c6}:host ::ng-deep .w-button-small-tertiary.p-button{border:1px solid #e8ebee}: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:#5f6468}:host ::ng-deep .w-button-small.p-button.p-button-icon-only,:host ::ng-deep .w-button-small-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-small-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:7px}:host ::ng-deep .w-button-text-small.p-button{border:none;box-shadow: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}::ng-deep .w-table-button.p-button{background-color:#fff!important;border:1px solid #ffffff;border-radius:8px;box-shadow:0 0 1px #0000001a inset,1px 1px 5px #0000000f,1px 1px 1px #00000014;padding:6px;width:28px;height:28px}::ng-deep .w-table-button.p-button:enabled:hover{background-color:#fff;border:1px solid #ffffff}::ng-deep .w-table-button.w-table-button-view.p-button .p-button-icon{color:#8096e2}::ng-deep .w-table-button.w-table-button-edit.p-button .p-button-icon,::ng-deep .w-table-button.w-table-button-add.p-button .p-button-icon{color:#61c2a0}::ng-deep .w-table-button.w-table-button-delete.p-button .p-button-icon{color:#f16b6b}\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"] }] });
|
|
38
39
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WButtonComponent, decorators: [{
|
|
39
40
|
type: Component,
|
|
40
|
-
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=\"left\" \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 [showDelay]=\"tooltipDelay\"\r\n >\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=\"left\" \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 [showDelay]=\"tooltipDelay\"\r\n >\r\n </p-button>\r\n </ng-container>\r\n <ng-template #buttonText>\r\n <ng-container *ngIf=\"type == getButtonTypeName(buttonType.text); else iconTableButton\">\r\n <p-button \r\n label=\"{{label}}\" \r\n [icon]=\"getIcon()\" \r\n iconPos=\"left\" \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 [showDelay]=\"tooltipDelay\"\r\n >\r\n </p-button>\r\n </ng-container>\r\n <ng-template #iconTableButton>\r\n <p-button \r\n [icon]=\"getIcon()\" \r\n styleClass=\"w-table-button {{buttonClass}}\" \r\n [disabled]=\"disabled\" \r\n (onClick)=\"onButtonClick($event)\" \r\n [pTooltip]=\"tooltip\" \r\n [tooltipPosition]=\"tooltipPosition\" \r\n [showDelay]=\"tooltipDelay\"\r\n class=\"p-button-text\">\r\n </p-button>\r\n </ng-template>\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,.w-button-small-label-text-typography-sm{font-size:.8333333333rem;line-height:1rem;font-weight:400}.textMainColor{color:#1f2224}.textSoftColor{color:#5f6468}.textSofterColor{color:#9aa0a7}.textSoftestColor{color:#e8ebee}.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-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-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-weight:600}.w-button-small-label-text-typography-sm{font-weight:600}.w-button-small-tertiary-label-text,:host ::ng-deep .w-button-small-tertiary.p-button{color:#1f2224}.w-button-small-text-label-text,:host ::ng-deep .w-button-text-small.p-button{color:#1f2224}.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;font-weight:600}.w-table-button-small-icon-text,::ng-deep .w-table-button.p-button .p-button-icon{font-size:12px;color:#9aa0a7}.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:600;line-height:16px}.w-button-medium-tertiary-label-text{color:#1f2224}.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:600;line-height:24px}.w-button-large-tertiary-label-text{color:#1f2224}.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{font-size:24px}.w-view-small-label-text{color:#1f2224}.w-view-small-value-text{color:#5f6468}.w-input-no-label-height{height:14px}.w-input-disabled{background-color:#f1f3f4;border-color:#e8ebee;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:#1f2224}.w-input-small-label-disabled{color:#9aa0a7}.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:#1f2224}.w-input-small-placeholder-text-only-color{color:#9aa0a7;line-height:1.3333333333rem}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6468}.w-input-small-text-icon,.w-input-small-select-options-text{color:#1f2224}.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:#1f2224}.w-input-medium-label-disabled{color:#9aa0a7}.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:#1f2224}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6468}.w-input-medium-text-icon{color:#1f2224}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#1f2224}.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:#1f2224}.w-panel-content{color:#5f6468}.w-tab-text,.w-chip-text{color:#1f2224}.w-badge-text{font-size:10px;font-weight:700;line-height:8px}.w-table-th-text{color:#1f2224}.w-table-td-text{color:#5f6468}.w-image-file-uploader-navigators-text{font-size:12px;color:#fff}.grid{margin:0}::ng-deep .p-tooltip,.p-tooltip{filter:0px 0px 1px 0px rgba(0,0,0,.1) inset,1px 1px 5px rgba(0,0,0,.06),1px 1px 1px rgba(0,0,0,.08)}::ng-deep .p-tooltip .p-tooltip-text,.p-tooltip .p-tooltip-text{background:#ffffff!important;color:#1f2224;padding:12px 16px;max-width:192px;width:max-content;margin-left:3px}::ng-deep .p-tooltip.p-tooltip-right,.p-tooltip.p-tooltip-right{margin-left:6px;width:max-content;transform:translateY(-1px)}::ng-deep .p-tooltip.p-tooltip-right .p-tooltip-arrow,.p-tooltip.p-tooltip-right .p-tooltip-arrow{border-right-color:#fff!important;top:50%;left:0;margin-top:-4px;border-width:4px 6px 4px 0!important}::ng-deep .p-tooltip.p-tooltip-bottom .p-tooltip-arrow,.p-tooltip.p-tooltip-bottom .p-tooltip-arrow{border-bottom-color:#fff!important;border-width:0 4px 6px 4px!important;margin-top:-3px}: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;box-shadow:0 0 1px #0000001a inset,1px 1px 5px #0000000f,1px 1px 1px #00000014;gap:8px}: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-right:0}: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:#005c7a}:host ::ng-deep .w-button-small.p-button.p-button-outlined,:host ::ng-deep .p-button.p-button-outlined.w-button-text-small,:host ::ng-deep .p-button.p-button-outlined.w-button-small-tertiary{border:1px solid rgba(0,92,122,.25)}: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-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;background-color:#fff;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{border-color:#005c7a;color:#005c7a;background-color:#fff;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{background-color:#fff;color:#bdc1c6;border-color:#e8ebee}: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{background:#e8ebee;color:#bdc1c6}:host ::ng-deep .w-button-small-tertiary.p-button{border:1px solid #e8ebee}: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:#5f6468}:host ::ng-deep .w-button-small.p-button.p-button-icon-only,:host ::ng-deep .w-button-small-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-small-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:7px}:host ::ng-deep .w-button-text-small.p-button{border:none;box-shadow: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}::ng-deep .w-table-button.p-button{background-color:#fff!important;border:1px solid #ffffff;border-radius:8px;box-shadow:0 0 1px #0000001a inset,1px 1px 5px #0000000f,1px 1px 1px #00000014;padding:6px;width:28px;height:28px}::ng-deep .w-table-button.p-button:enabled:hover{background-color:#fff;border:1px solid #ffffff}::ng-deep .w-table-button.w-table-button-view.p-button .p-button-icon{color:#8096e2}::ng-deep .w-table-button.w-table-button-edit.p-button .p-button-icon,::ng-deep .w-table-button.w-table-button-add.p-button .p-button-icon{color:#61c2a0}::ng-deep .w-table-button.w-table-button-delete.p-button .p-button-icon{color:#f16b6b}\n"] }]
|
|
41
|
+
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]=\"iconPos == 'right' ? 'right' : 'left'\" \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 [showDelay]=\"tooltipDelay\"\r\n >\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]=\"iconPos == 'right' ? 'right' : 'left'\" \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 [showDelay]=\"tooltipDelay\"\r\n >\r\n </p-button>\r\n </ng-container>\r\n <ng-template #buttonText>\r\n <ng-container *ngIf=\"type == getButtonTypeName(buttonType.text); else iconTableButton\">\r\n <p-button \r\n label=\"{{label}}\" \r\n [icon]=\"getIcon()\" \r\n [iconPos]=\"iconPos == 'right' ? 'right' : 'left'\" \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 [showDelay]=\"tooltipDelay\"\r\n >\r\n </p-button>\r\n </ng-container>\r\n <ng-template #iconTableButton>\r\n <p-button \r\n [icon]=\"getIcon()\" \r\n styleClass=\"w-table-button {{buttonClass}}\" \r\n [disabled]=\"disabled\" \r\n (onClick)=\"onButtonClick($event)\" \r\n [pTooltip]=\"tooltip\" \r\n [tooltipPosition]=\"tooltipPosition\" \r\n [showDelay]=\"tooltipDelay\"\r\n class=\"p-button-text\">\r\n </p-button>\r\n </ng-template>\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,.w-button-small-label-text-typography-sm{font-size:.8333333333rem;line-height:1rem;font-weight:400}.textMainColor{color:#1f2224}.textSoftColor{color:#5f6468}.textSofterColor{color:#9aa0a7}.textSoftestColor{color:#e8ebee}.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-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-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-weight:600}.w-button-small-label-text-typography-sm{font-weight:600}.w-button-small-tertiary-label-text,:host ::ng-deep .w-button-small-tertiary.p-button{color:#1f2224}.w-button-small-text-label-text,:host ::ng-deep .w-button-text-small.p-button{color:#1f2224}.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;font-weight:600}.w-table-button-small-icon-text,::ng-deep .w-table-button.p-button .p-button-icon{font-size:12px;color:#9aa0a7}.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:600;line-height:16px}.w-button-medium-tertiary-label-text{color:#1f2224}.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:600;line-height:24px}.w-button-large-tertiary-label-text{color:#1f2224}.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{font-size:24px}.w-view-small-label-text{color:#1f2224}.w-view-small-value-text{color:#5f6468}.w-input-no-label-height{height:14px}.w-input-disabled{background-color:#f1f3f4;border-color:#e8ebee;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:#1f2224}.w-input-small-label-disabled{color:#9aa0a7}.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:#1f2224}.w-input-small-placeholder-text-only-color{color:#9aa0a7;line-height:1.3333333333rem}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6468}.w-input-small-text-icon,.w-input-small-select-options-text{color:#1f2224}.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:#1f2224}.w-input-medium-label-disabled{color:#9aa0a7}.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:#1f2224}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6468}.w-input-medium-text-icon{color:#1f2224}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#1f2224}.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:#1f2224}.w-panel-content{color:#5f6468}.w-tab-text,.w-chip-text{color:#1f2224}.w-badge-text{font-size:10px;font-weight:700;line-height:8px}.w-table-th-text{color:#1f2224}.w-table-td-text{color:#5f6468}.w-image-file-uploader-navigators-text{font-size:12px;color:#fff}.grid{margin:0}::ng-deep .p-tooltip,.p-tooltip{filter:0px 0px 1px 0px rgba(0,0,0,.1) inset,1px 1px 5px rgba(0,0,0,.06),1px 1px 1px rgba(0,0,0,.08)}::ng-deep .p-tooltip .p-tooltip-text,.p-tooltip .p-tooltip-text{background:#ffffff!important;color:#1f2224;padding:12px 16px;max-width:192px;width:max-content;margin-left:3px}::ng-deep .p-tooltip.p-tooltip-right,.p-tooltip.p-tooltip-right{margin-left:6px;width:max-content;transform:translateY(-1px)}::ng-deep .p-tooltip.p-tooltip-right .p-tooltip-arrow,.p-tooltip.p-tooltip-right .p-tooltip-arrow{border-right-color:#fff!important;top:50%;left:0;margin-top:-4px;border-width:4px 6px 4px 0!important}::ng-deep .p-tooltip.p-tooltip-bottom .p-tooltip-arrow,.p-tooltip.p-tooltip-bottom .p-tooltip-arrow{border-bottom-color:#fff!important;border-width:0 4px 6px 4px!important;margin-top:-3px}: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;box-shadow:0 0 1px #0000001a inset,1px 1px 5px #0000000f,1px 1px 1px #00000014;gap:8px}: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-right:0}: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:#005c7a}:host ::ng-deep .w-button-small.p-button.p-button-outlined,:host ::ng-deep .p-button.p-button-outlined.w-button-text-small,:host ::ng-deep .p-button.p-button-outlined.w-button-small-tertiary{border:1px solid rgba(0,92,122,.25)}: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-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;background-color:#fff;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{border-color:#005c7a;color:#005c7a;background-color:#fff;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{background-color:#fff;color:#bdc1c6;border-color:#e8ebee}: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{background:#e8ebee;color:#bdc1c6}:host ::ng-deep .w-button-small-tertiary.p-button{border:1px solid #e8ebee}: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:#5f6468}:host ::ng-deep .w-button-small.p-button.p-button-icon-only,:host ::ng-deep .w-button-small-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-small-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:7px}:host ::ng-deep .w-button-text-small.p-button{border:none;box-shadow: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}::ng-deep .w-table-button.p-button{background-color:#fff!important;border:1px solid #ffffff;border-radius:8px;box-shadow:0 0 1px #0000001a inset,1px 1px 5px #0000000f,1px 1px 1px #00000014;padding:6px;width:28px;height:28px}::ng-deep .w-table-button.p-button:enabled:hover{background-color:#fff;border:1px solid #ffffff}::ng-deep .w-table-button.w-table-button-view.p-button .p-button-icon{color:#8096e2}::ng-deep .w-table-button.w-table-button-edit.p-button .p-button-icon,::ng-deep .w-table-button.w-table-button-add.p-button .p-button-icon{color:#61c2a0}::ng-deep .w-table-button.w-table-button-delete.p-button .p-button-icon{color:#f16b6b}\n"] }]
|
|
41
42
|
}], propDecorators: { type: [{
|
|
42
43
|
type: Input,
|
|
43
44
|
args: ['type']
|
|
@@ -50,6 +51,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
|
|
|
50
51
|
}], icon: [{
|
|
51
52
|
type: Input,
|
|
52
53
|
args: ['icon']
|
|
54
|
+
}], iconPos: [{
|
|
55
|
+
type: Input,
|
|
56
|
+
args: ['iconPos']
|
|
53
57
|
}], tooltipPosition: [{
|
|
54
58
|
type: Input,
|
|
55
59
|
args: ['tooltipPosition']
|
|
@@ -69,4 +73,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
|
|
|
69
73
|
type: Input,
|
|
70
74
|
args: ['buttonClass']
|
|
71
75
|
}] } });
|
|
72
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
76
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidy1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvd2FwcC1jb21wb25lbnRzL3NyYy9saWIvYnV0dG9uL3ctYnV0dG9uL3ctYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3dhcHAtY29tcG9uZW50cy9zcmMvbGliL2J1dHRvbi93LWJ1dHRvbi93LWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQy9FLE9BQU8sRUFBRSxVQUFVLEVBQUUsUUFBUSxFQUFFLE1BQU0seUJBQXlCLENBQUM7Ozs7O0FBTy9ELE1BQU0sT0FBTyxnQkFBZ0I7SUFMN0I7UUFNaUIsU0FBSSxHQUFXLFNBQVMsQ0FBQztRQUV6QixTQUFJLEdBQVcsT0FBTyxDQUFDO1FBQ3ZCLFNBQUksR0FBVyxFQUFFLENBQUM7UUFDZixZQUFPLEdBQVcsTUFBTSxDQUFDO1FBQ2pCLG9CQUFlLEdBQVcsUUFBUSxDQUFDO1FBQzNDLFlBQU8sR0FBVyxFQUFFLENBQUM7UUFDcEIsYUFBUSxHQUFZLEtBQUssQ0FBQztRQUMzQixZQUFPLEdBQVksS0FBSyxDQUFDO1FBQ3hCLFlBQU8sR0FBNkIsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUNwRCxnQkFBVyxHQUFXLEVBQUUsQ0FBQztRQUUvQyxhQUFRLEdBQW9CLFFBQVEsQ0FBQztRQUNyQyxlQUFVLEdBQXNCLFVBQVUsQ0FBQztRQUMzQyxpQkFBWSxHQUFXLEdBQUcsQ0FBQztLQW1CNUI7SUFqQkMsUUFBUSxLQUFVLENBQUM7SUFFbkIsYUFBYSxDQUFDLEtBQWlCO1FBQzdCLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzNCLENBQUM7SUFFRCxPQUFPO1FBQ0wsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQSxDQUFDLENBQUMsRUFBRSxDQUFDO0lBQzNDLENBQUM7SUFFRCxXQUFXLENBQUMsS0FBYTtRQUN2QixPQUFPLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN6QixDQUFDO0lBRUQsaUJBQWlCLENBQUMsS0FBYTtRQUM3QixPQUFPLFVBQVUsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMzQixDQUFDOzs2R0FqQ1UsZ0JBQWdCO2lHQUFoQixnQkFBZ0IseVNDUjdCLDJ5RkE2REE7MkZEckRhLGdCQUFnQjtrQkFMNUIsU0FBUzsrQkFDRSxVQUFVOzhCQUtMLElBQUk7c0JBQWxCLEtBQUs7dUJBQUMsTUFBTTtnQkFDRyxLQUFLO3NCQUFwQixLQUFLO3VCQUFDLE9BQU87Z0JBQ0MsSUFBSTtzQkFBbEIsS0FBSzt1QkFBQyxNQUFNO2dCQUNFLElBQUk7c0JBQWxCLEtBQUs7dUJBQUMsTUFBTTtnQkFDSyxPQUFPO3NCQUF4QixLQUFLO3VCQUFDLFNBQVM7Z0JBQ1UsZUFBZTtzQkFBeEMsS0FBSzt1QkFBQyxpQkFBaUI7Z0JBQ04sT0FBTztzQkFBeEIsS0FBSzt1QkFBQyxTQUFTO2dCQUNHLFFBQVE7c0JBQTFCLEtBQUs7dUJBQUMsVUFBVTtnQkFDQyxPQUFPO3NCQUF4QixLQUFLO3VCQUFDLFNBQVM7Z0JBQ0csT0FBTztzQkFBekIsTUFBTTt1QkFBQyxTQUFTO2dCQUNLLFdBQVc7c0JBQWhDLEtBQUs7dUJBQUMsYUFBYSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQnV0dG9uVHlwZSwgU2l6ZVR5cGUgfSBmcm9tICcuLi8uLi9zaGFyZWQvZW51bXMvZW51bSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3ctYnV0dG9uJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vdy1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3ctYnV0dG9uLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFdCdXR0b25Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXR7XHJcbiAgQElucHV0KCd0eXBlJykgdHlwZTogc3RyaW5nID0gXCJwcmltYXJ5XCI7XHJcbiAgQElucHV0KCdsYWJlbCcpIGxhYmVsITogc3RyaW5nO1xyXG4gIEBJbnB1dCgnc2l6ZScpIHNpemU6IHN0cmluZyA9IFwic21hbGxcIjtcclxuICBASW5wdXQoJ2ljb24nKSBpY29uOiBzdHJpbmcgPSBcIlwiO1xyXG4gIEBJbnB1dCgnaWNvblBvcycpIGljb25Qb3M6IHN0cmluZyA9IFwibGVmdFwiO1xyXG4gIEBJbnB1dCgndG9vbHRpcFBvc2l0aW9uJykgdG9vbHRpcFBvc2l0aW9uOiBzdHJpbmcgPSBcImJvdHRvbVwiO1xyXG4gIEBJbnB1dCgndG9vbHRpcCcpIHRvb2x0aXA6IHN0cmluZyA9IFwiXCI7XHJcbiAgQElucHV0KCdkaXNhYmxlZCcpIGRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCdsb2FkaW5nJykgbG9hZGluZzogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBPdXRwdXQoJ29uQ2xpY2snKSBvbkNsaWNrOiBFdmVudEVtaXR0ZXI8TW91c2VFdmVudD4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcbiAgQElucHV0KCdidXR0b25DbGFzcycpIGJ1dHRvbkNsYXNzOiBzdHJpbmcgPSBcIlwiO1xyXG4gIFxyXG4gIHNpemVUeXBlOiB0eXBlb2YgU2l6ZVR5cGUgPSBTaXplVHlwZTtcclxuICBidXR0b25UeXBlOiB0eXBlb2YgQnV0dG9uVHlwZSA9IEJ1dHRvblR5cGU7XHJcbiAgdG9vbHRpcERlbGF5OiBudW1iZXIgPSAyNTA7XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge31cclxuXHJcbiAgb25CdXR0b25DbGljayhldmVudDogTW91c2VFdmVudCl7XHJcbiAgICB0aGlzLm9uQ2xpY2suZW1pdChldmVudCk7XHJcbiAgfVxyXG4gIFxyXG4gIGdldEljb24oKTogc3RyaW5ne1xyXG4gICAgcmV0dXJuIHRoaXMuaWNvbiA/IFwicGkgXCIgKyB0aGlzLmljb246IFwiXCI7XHJcbiAgfVxyXG4gIFxyXG4gIGdldFNpemVOYW1lKHZhbHVlOiBudW1iZXIpOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIFNpemVUeXBlW3ZhbHVlXTtcclxuICB9XHJcblxyXG4gIGdldEJ1dHRvblR5cGVOYW1lKHZhbHVlOiBudW1iZXIpOiBzdHJpbmd7XHJcbiAgICByZXR1cm4gQnV0dG9uVHlwZVt2YWx1ZV07XHJcbiAgfVxyXG59XHJcbiIsIjxuZy1jb250YWluZXIgKm5nSWY9XCJ0eXBlID09IGdldEJ1dHRvblR5cGVOYW1lKGJ1dHRvblR5cGUucHJpbWFyeSk7IGVsc2UgYnV0dG9uU2Vjb25kYXJ5XCI+XHJcbiAgICA8cC1idXR0b24gKm5nSWY9XCJzaXplID09IGdldFNpemVOYW1lKHNpemVUeXBlLnNtYWxsKVwiIFxyXG4gICAgICAgIGxhYmVsPVwie3tsYWJlbH19XCIgXHJcbiAgICAgICAgW2ljb25dPVwiZ2V0SWNvbigpXCIgXHJcbiAgICAgICAgW2ljb25Qb3NdPVwiaWNvblBvcyA9PSAncmlnaHQnID8gJ3JpZ2h0JyA6ICdsZWZ0J1wiIFxyXG4gICAgICAgIHN0eWxlQ2xhc3M9XCJ3LWJ1dHRvbi1zbWFsbCBib3JkZXItbm9uZSB7e2J1dHRvbkNsYXNzfX1cIiBcclxuICAgICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxyXG4gICAgICAgIChvbkNsaWNrKT1cIm9uQnV0dG9uQ2xpY2soJGV2ZW50KVwiXHJcbiAgICAgICAgW2xvYWRpbmddPVwibG9hZGluZ1wiIFxyXG4gICAgICAgIFtwVG9vbHRpcF09XCJ0b29sdGlwXCIgXHJcbiAgICAgICAgW3Rvb2x0aXBQb3NpdGlvbl09XCJ0b29sdGlwUG9zaXRpb25cIlxyXG4gICAgICAgIFtzaG93RGVsYXldPVwidG9vbHRpcERlbGF5XCJcclxuICAgICAgICA+XHJcbiAgICA8L3AtYnV0dG9uPlxyXG48L25nLWNvbnRhaW5lcj5cclxuPG5nLXRlbXBsYXRlICNidXR0b25TZWNvbmRhcnk+XHJcbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwidHlwZSA9PSBnZXRCdXR0b25UeXBlTmFtZShidXR0b25UeXBlLnNlY29uZGFyeSkgfHwgdHlwZSA9PSBnZXRCdXR0b25UeXBlTmFtZShidXR0b25UeXBlLnRlcnRpYXJ5KTsgZWxzZSBidXR0b25UZXh0XCI+XHJcbiAgICAgICAgPHAtYnV0dG9uICpuZ0lmPVwic2l6ZSA9PSBnZXRTaXplTmFtZShzaXplVHlwZS5zbWFsbClcIiBcclxuICAgICAgICAgICAgbGFiZWw9XCJ7e2xhYmVsfX1cIiBcclxuICAgICAgICAgICAgW2ljb25dPVwiZ2V0SWNvbigpXCIgXHJcbiAgICAgICAgICAgIFtpY29uUG9zXT1cImljb25Qb3MgPT0gJ3JpZ2h0JyA/ICdyaWdodCcgOiAnbGVmdCdcIiBcclxuICAgICAgICAgICAgW3N0eWxlQ2xhc3NdPVwiJ3AtYnV0dG9uLW91dGxpbmVkICcgKyAodHlwZSA9PSBnZXRCdXR0b25UeXBlTmFtZShidXR0b25UeXBlLnRlcnRpYXJ5KSA/ICd3LWJ1dHRvbi1zbWFsbC10ZXJ0aWFyeScgOiAndy1idXR0b24tc21hbGwgcC1idXR0b24tb3V0bGluZWQnKVwiXHJcbiAgICAgICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXHJcbiAgICAgICAgICAgIChvbkNsaWNrKT1cIm9uQnV0dG9uQ2xpY2soJGV2ZW50KVwiXHJcbiAgICAgICAgICAgIFtsb2FkaW5nXT1cImxvYWRpbmdcIiBcclxuICAgICAgICAgICAgW3BUb29sdGlwXT1cInRvb2x0aXBcIiBcclxuICAgICAgICAgICAgW3Rvb2x0aXBQb3NpdGlvbl09XCJ0b29sdGlwUG9zaXRpb25cIlxyXG4gICAgICAgICAgICBbc2hvd0RlbGF5XT1cInRvb2x0aXBEZWxheVwiXHJcbiAgICAgICAgICAgID5cclxuICAgICAgICA8L3AtYnV0dG9uPlxyXG4gICAgPC9uZy1jb250YWluZXI+XHJcbiAgICA8bmctdGVtcGxhdGUgI2J1dHRvblRleHQ+XHJcbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInR5cGUgPT0gZ2V0QnV0dG9uVHlwZU5hbWUoYnV0dG9uVHlwZS50ZXh0KTsgZWxzZSBpY29uVGFibGVCdXR0b25cIj5cclxuICAgICAgICAgICAgPHAtYnV0dG9uIFxyXG4gICAgICAgICAgICAgICAgbGFiZWw9XCJ7e2xhYmVsfX1cIiBcclxuICAgICAgICAgICAgICAgIFtpY29uXT1cImdldEljb24oKVwiIFxyXG4gICAgICAgICAgICAgICAgW2ljb25Qb3NdPVwiaWNvblBvcyA9PSAncmlnaHQnID8gJ3JpZ2h0JyA6ICdsZWZ0J1wiIFxyXG4gICAgICAgICAgICAgICAgc3R5bGVDbGFzcz1cInAtYnV0dG9uLXRleHQgdy1idXR0b24tdGV4dC1zbWFsbCB7e2J1dHRvbkNsYXNzfX1cIlxyXG4gICAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcclxuICAgICAgICAgICAgICAgIChvbkNsaWNrKT1cIm9uQnV0dG9uQ2xpY2soJGV2ZW50KVwiXHJcbiAgICAgICAgICAgICAgICBbbG9hZGluZ109XCJsb2FkaW5nXCIgXHJcbiAgICAgICAgICAgICAgICBbcFRvb2x0aXBdPVwidG9vbHRpcFwiIFxyXG4gICAgICAgICAgICAgICAgW3Rvb2x0aXBQb3NpdGlvbl09XCJ0b29sdGlwUG9zaXRpb25cIlxyXG4gICAgICAgICAgICAgICAgW3Nob3dEZWxheV09XCJ0b29sdGlwRGVsYXlcIlxyXG4gICAgICAgICAgICAgICAgPlxyXG4gICAgICAgICAgICA8L3AtYnV0dG9uPlxyXG4gICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICAgIDxuZy10ZW1wbGF0ZSAjaWNvblRhYmxlQnV0dG9uPlxyXG4gICAgICAgICAgICA8cC1idXR0b24gXHJcbiAgICAgICAgICAgICAgICBbaWNvbl09XCJnZXRJY29uKClcIiBcclxuICAgICAgICAgICAgICAgIHN0eWxlQ2xhc3M9XCJ3LXRhYmxlLWJ1dHRvbiB7e2J1dHRvbkNsYXNzfX1cIiBcclxuICAgICAgICAgICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiIFxyXG4gICAgICAgICAgICAgICAgKG9uQ2xpY2spPVwib25CdXR0b25DbGljaygkZXZlbnQpXCIgXHJcbiAgICAgICAgICAgICAgICBbcFRvb2x0aXBdPVwidG9vbHRpcFwiIFxyXG4gICAgICAgICAgICAgICAgW3Rvb2x0aXBQb3NpdGlvbl09XCJ0b29sdGlwUG9zaXRpb25cIiBcclxuICAgICAgICAgICAgICAgIFtzaG93RGVsYXldPVwidG9vbHRpcERlbGF5XCJcclxuICAgICAgICAgICAgICAgIGNsYXNzPVwicC1idXR0b24tdGV4dFwiPlxyXG4gICAgICAgICAgICA8L3AtYnV0dG9uPlxyXG4gICAgICAgIDwvbmctdGVtcGxhdGU+XHJcbiAgICA8L25nLXRlbXBsYXRlPlxyXG48L25nLXRlbXBsYXRlPlxyXG4iXX0=
|
|
@@ -14,7 +14,7 @@ export class WButtonWeekComponent {
|
|
|
14
14
|
{ name: 'Thu', value: 4, disabled: true },
|
|
15
15
|
{ name: 'Fri', value: 5, disabled: true },
|
|
16
16
|
{ name: 'Sat', value: 6, disabled: true },
|
|
17
|
-
{ name: 'Sun', value:
|
|
17
|
+
{ name: 'Sun', value: 0, disabled: true }
|
|
18
18
|
];
|
|
19
19
|
this.weekDaysEsp = [
|
|
20
20
|
{ name: 'L', value: 1, disabled: true },
|
|
@@ -23,7 +23,7 @@ export class WButtonWeekComponent {
|
|
|
23
23
|
{ name: 'J', value: 4, disabled: true },
|
|
24
24
|
{ name: 'V', value: 5, disabled: true },
|
|
25
25
|
{ name: 'S', value: 6, disabled: true },
|
|
26
|
-
{ name: 'D', value:
|
|
26
|
+
{ name: 'D', value: 0, disabled: true }
|
|
27
27
|
];
|
|
28
28
|
this.isTouched = false;
|
|
29
29
|
this.onChange = (_) => { };
|
|
@@ -60,7 +60,7 @@ export class WButtonWeekComponent {
|
|
|
60
60
|
}
|
|
61
61
|
}
|
|
62
62
|
WButtonWeekComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WButtonWeekComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
63
|
-
WButtonWeekComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WButtonWeekComponent, selector: "w-button-week", inputs: { translations: "translations", defaultEsp: "defaultEsp" }, outputs: { onDayClick: "onDayClick" }, providers: [
|
|
63
|
+
WButtonWeekComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WButtonWeekComponent, selector: "w-button-week", inputs: { value: "value", translations: "translations", defaultEsp: "defaultEsp" }, outputs: { onDayClick: "onDayClick" }, providers: [
|
|
64
64
|
{
|
|
65
65
|
provide: NG_VALUE_ACCESSOR,
|
|
66
66
|
useExisting: forwardRef(() => WButtonWeekComponent),
|
|
@@ -76,7 +76,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
|
|
|
76
76
|
multi: true
|
|
77
77
|
}
|
|
78
78
|
], template: "<p-selectButton class=\"w-button-week-small\" \r\n [options]=\"defaultEsp ? weekDaysEsp : weekDays\" \r\n [(ngModel)]=\"value\" \r\n [multiple]=\"true\" \r\n optionLabel=\"name\" \r\n optionValue=\"value\" \r\n (onChange)=\"onValueChanged()\" \r\n (onOptionClick)=\"onButtonOptionClick($event)\" \r\n optionDisabled=\"disabled\">\r\n</p-selectButton>\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{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,.w-button-small-label-text-typography-sm,:host ::ng-deep .w-button-week-small .p-button .p-button-label{font-size:.8333333333rem;line-height:1rem;font-weight:400}.textMainColor{color:#1f2224}.textSoftColor{color:#5f6468}.textSofterColor{color:#9aa0a7}.textSoftestColor{color:#e8ebee}.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-label-text-typography,.w-button-small-tertiary-label-text{font-weight:600}.w-button-small-label-text-typography-sm,:host ::ng-deep .w-button-week-small .p-button .p-button-label{font-weight:600}.w-button-small-tertiary-label-text,.w-button-small-text-label-text{color:#1f2224}.w-button-small-icon-text{font-size:12px;font-weight:600}.w-table-button-small-icon-text{font-size:12px;color:#9aa0a7}.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:600;line-height:16px}.w-button-medium-tertiary-label-text{color:#1f2224}.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:600;line-height:24px}.w-button-large-tertiary-label-text{color:#1f2224}.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:#1f2224}.w-view-small-value-text{color:#5f6468}.w-input-no-label-height{height:14px}.w-input-disabled{background-color:#f1f3f4;border-color:#e8ebee;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:#1f2224}.w-input-small-label-disabled{color:#9aa0a7}.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:#1f2224}.w-input-small-placeholder-text-only-color{color:#9aa0a7;line-height:1.3333333333rem}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6468}.w-input-small-text-icon,.w-input-small-select-options-text{color:#1f2224}.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:#1f2224}.w-input-medium-label-disabled{color:#9aa0a7}.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:#1f2224}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6468}.w-input-medium-text-icon{color:#1f2224}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#1f2224}.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:#1f2224}.w-panel-content{color:#5f6468}.w-tab-text,.w-chip-text{color:#1f2224}.w-badge-text{font-size:10px;font-weight:700;line-height:8px}.w-table-th-text{color:#1f2224}.w-table-td-text{color:#5f6468}.w-image-file-uploader-navigators-text{font-size:12px;color:#fff}.grid{margin:0}::ng-deep .p-tooltip,.p-tooltip{filter:0px 0px 1px 0px rgba(0,0,0,.1) inset,1px 1px 5px rgba(0,0,0,.06),1px 1px 1px rgba(0,0,0,.08)}::ng-deep .p-tooltip .p-tooltip-text,.p-tooltip .p-tooltip-text{background:#ffffff!important;color:#1f2224;padding:12px 16px;max-width:192px;width:max-content;margin-left:3px}::ng-deep .p-tooltip.p-tooltip-right,.p-tooltip.p-tooltip-right{margin-left:6px;width:max-content;transform:translateY(-1px)}::ng-deep .p-tooltip.p-tooltip-right .p-tooltip-arrow,.p-tooltip.p-tooltip-right .p-tooltip-arrow{border-right-color:#fff!important;top:50%;left:0;margin-top:-4px;border-width:4px 6px 4px 0!important}::ng-deep .p-tooltip.p-tooltip-bottom .p-tooltip-arrow,.p-tooltip.p-tooltip-bottom .p-tooltip-arrow{border-bottom-color:#fff!important;border-width:0 4px 6px 4px!important;margin-top:-3px}:host ::ng-deep .w-button-week-small .p-button{height:28px;width:40px;padding:7px 4px}::ng-deep .p-selectbutton .p-button{border:1px solid #e8ebee;color:#1f2224;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;cursor:default!important}::ng-deep .p-selectbutton .p-button:first-child{border-top-right-radius:0!important;border-bottom-right-radius:0!important}::ng-deep .p-selectbutton .p-button:last-child{border-top-left-radius:0!important;border-bottom-left-radius:0!important}:host ::ng-deep .w-button-week-small .p-button:focus{box-shadow:none}::ng-deep .w-button-week-small .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover{background:#005c7a;border-color:transparent;color:#00b3eb}::ng-deep .p-selectbutton .p-button.p-highlight:hover{background:#005c7a;border-color:transparent;color:#fff}::ng-deep .p-selectbutton .p-button.p-disabled{opacity:1;pointer-events:auto}\n"] }]
|
|
79
|
-
}], propDecorators: {
|
|
79
|
+
}], propDecorators: { value: [{
|
|
80
|
+
type: Input,
|
|
81
|
+
args: ['value']
|
|
82
|
+
}], translations: [{
|
|
80
83
|
type: Input,
|
|
81
84
|
args: ['translations']
|
|
82
85
|
}], defaultEsp: [{
|
|
@@ -86,4 +89,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
|
|
|
86
89
|
type: Output,
|
|
87
90
|
args: ['onDayClick']
|
|
88
91
|
}] } });
|
|
89
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
92
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidy1idXR0b24td2Vlay5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy93YXBwLWNvbXBvbmVudHMvc3JjL2xpYi9idXR0b24vdy1idXR0b24td2Vlay93LWJ1dHRvbi13ZWVrLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3dhcHAtY29tcG9uZW50cy9zcmMvbGliL2J1dHRvbi93LWJ1dHRvbi13ZWVrL3ctYnV0dG9uLXdlZWsuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFpQixTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFHLE9BQU8sRUFBd0IsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7OztBQWN6RSxNQUFNLE9BQU8sb0JBQW9CO0lBWmpDO1FBZXVCLGVBQVUsR0FBWSxLQUFLLENBQUM7UUFDM0IsZUFBVSxHQUE2QixJQUFJLFlBQVksRUFBRSxDQUFDO1FBRWhGLGFBQVEsR0FBVTtZQUNoQixFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLENBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFO1lBQ3pDLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsQ0FBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUU7WUFDekMsRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxDQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRTtZQUN6QyxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLENBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFO1lBQ3pDLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsQ0FBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUU7WUFDekMsRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxDQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRTtZQUN6QyxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLENBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFO1NBQzFDLENBQUM7UUFFRixnQkFBVyxHQUFVO1lBQ25CLEVBQUUsSUFBSSxFQUFFLEdBQUcsRUFBRSxLQUFLLEVBQUUsQ0FBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUU7WUFDdkMsRUFBRSxJQUFJLEVBQUUsR0FBRyxFQUFFLEtBQUssRUFBRSxDQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRTtZQUN2QyxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLENBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFO1lBQ3hDLEVBQUUsSUFBSSxFQUFFLEdBQUcsRUFBRSxLQUFLLEVBQUUsQ0FBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUU7WUFDdkMsRUFBRSxJQUFJLEVBQUUsR0FBRyxFQUFFLEtBQUssRUFBRSxDQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRTtZQUN2QyxFQUFFLElBQUksRUFBRSxHQUFHLEVBQUUsS0FBSyxFQUFFLENBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFO1lBQ3ZDLEVBQUUsSUFBSSxFQUFFLEdBQUcsRUFBRSxLQUFLLEVBQUUsQ0FBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUU7U0FDeEMsQ0FBQztRQUVGLGNBQVMsR0FBWSxLQUFLLENBQUM7UUFDM0IsYUFBUSxHQUFHLENBQUMsQ0FBTSxFQUFFLEVBQUUsR0FBRyxDQUFDLENBQUE7UUFDMUIsWUFBTyxHQUFHLEdBQUcsRUFBRSxHQUFHLENBQUMsQ0FBQTtLQW9DcEI7SUFsQ0MsUUFBUTtRQUNOLElBQUcsSUFBSSxDQUFDLFlBQVksRUFBQztZQUNuQixJQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsTUFBTSxJQUFJLENBQUMsRUFBQztnQkFDL0IsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxDQUFDLEdBQU8sRUFBRSxLQUFLLEVBQUUsRUFBRTtvQkFDbkQsT0FBTzt3QkFDTCxJQUFJLEVBQUUsSUFBSSxDQUFDLFlBQVksQ0FBQyxLQUFLLENBQUM7d0JBQzlCLEtBQUssRUFBRSxHQUFHLENBQUMsS0FBSzt3QkFDaEIsUUFBUSxFQUFFLEdBQUcsQ0FBQyxRQUFRO3FCQUN2QixDQUFBO2dCQUNILENBQUMsQ0FBQyxDQUFBO2FBQ0g7U0FDRjtJQUNILENBQUM7SUFFRCxVQUFVLENBQUMsS0FBVTtRQUNuQixJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQztJQUNyQixDQUFDO0lBRUQsZ0JBQWdCLENBQUMsRUFBTztRQUN0QixJQUFJLENBQUMsUUFBUSxHQUFHLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBRUQsaUJBQWlCLENBQUMsRUFBTztRQUN2QixJQUFJLENBQUMsT0FBTyxHQUFHLEVBQUUsQ0FBQztJQUNwQixDQUFDO0lBRUQsY0FBYztRQUNaLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzFCLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQztJQUNqQixDQUFDO0lBRUQsbUJBQW1CLENBQUMsS0FBVTtRQUM1QixJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDckMsQ0FBQzs7aUhBL0RVLG9CQUFvQjtxR0FBcEIsb0JBQW9CLG1LQVJwQjtRQUNUO1lBQ0UsT0FBTyxFQUFFLGlCQUFpQjtZQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLG9CQUFvQixDQUFDO1lBQ25ELEtBQUssRUFBRSxJQUFJO1NBQ1o7S0FDRiwwQkNiSCw0WEFVQTsyRkRLYSxvQkFBb0I7a0JBWmhDLFNBQVM7K0JBQ0UsZUFBZSxhQUdkO3dCQUNUOzRCQUNFLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLHFCQUFxQixDQUFDOzRCQUNuRCxLQUFLLEVBQUUsSUFBSTt5QkFDWjtxQkFDRjs4QkFHZSxLQUFLO3NCQUFwQixLQUFLO3VCQUFDLE9BQU87Z0JBQ1MsWUFBWTtzQkFBbEMsS0FBSzt1QkFBQyxjQUFjO2dCQUNBLFVBQVU7c0JBQTlCLEtBQUs7dUJBQUMsWUFBWTtnQkFDRyxVQUFVO3NCQUEvQixNQUFNO3VCQUFDLFlBQVkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBZnRlclZpZXdJbml0LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0LCBmb3J3YXJkUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAndy1idXR0b24td2VlaycsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3ctYnV0dG9uLXdlZWsuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3ctYnV0dG9uLXdlZWsuY29tcG9uZW50LnNjc3MnXSwgXHJcbiAgcHJvdmlkZXJzOiBbXHJcbiAgICB7XHJcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxyXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBXQnV0dG9uV2Vla0NvbXBvbmVudCksIFxyXG4gICAgICBtdWx0aTogdHJ1ZVxyXG4gICAgfVxyXG4gIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIFdCdXR0b25XZWVrQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBDb250cm9sVmFsdWVBY2Nlc3NvciB7XHJcbiAgQElucHV0KCd2YWx1ZScpIHZhbHVlITogbnVtYmVyW107XHJcbiAgQElucHV0KCd0cmFuc2xhdGlvbnMnKSB0cmFuc2xhdGlvbnMhOiBzdHJpbmdbXTtcclxuICBASW5wdXQoJ2RlZmF1bHRFc3AnKSBkZWZhdWx0RXNwOiBib29sZWFuID0gZmFsc2U7IFxyXG4gIEBPdXRwdXQoJ29uRGF5Q2xpY2snKSBvbkRheUNsaWNrOiBFdmVudEVtaXR0ZXI8TW91c2VFdmVudD4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7IFxyXG4gICAgXHJcbiAgd2Vla0RheXM6IGFueVtdID0gW1xyXG4gICAgeyBuYW1lOiAnTW9uJywgdmFsdWU6IDEsIGRpc2FibGVkOiB0cnVlIH0sXHJcbiAgICB7IG5hbWU6ICdUdWUnLCB2YWx1ZTogMiwgZGlzYWJsZWQ6IHRydWUgfSxcclxuICAgIHsgbmFtZTogJ1dlZCcsIHZhbHVlOiAzLCBkaXNhYmxlZDogdHJ1ZSB9LCBcclxuICAgIHsgbmFtZTogJ1RodScsIHZhbHVlOiA0LCBkaXNhYmxlZDogdHJ1ZSB9LFxyXG4gICAgeyBuYW1lOiAnRnJpJywgdmFsdWU6IDUsIGRpc2FibGVkOiB0cnVlIH0sXHJcbiAgICB7IG5hbWU6ICdTYXQnLCB2YWx1ZTogNiwgZGlzYWJsZWQ6IHRydWUgfSwgXHJcbiAgICB7IG5hbWU6ICdTdW4nLCB2YWx1ZTogMCwgZGlzYWJsZWQ6IHRydWUgfVxyXG4gIF07XHJcblxyXG4gIHdlZWtEYXlzRXNwOiBhbnlbXSA9IFtcclxuICAgIHsgbmFtZTogJ0wnLCB2YWx1ZTogMSwgZGlzYWJsZWQ6IHRydWUgfSxcclxuICAgIHsgbmFtZTogJ00nLCB2YWx1ZTogMiwgZGlzYWJsZWQ6IHRydWUgfSxcclxuICAgIHsgbmFtZTogJ01YJywgdmFsdWU6IDMsIGRpc2FibGVkOiB0cnVlIH0sIFxyXG4gICAgeyBuYW1lOiAnSicsIHZhbHVlOiA0LCBkaXNhYmxlZDogdHJ1ZSB9LFxyXG4gICAgeyBuYW1lOiAnVicsIHZhbHVlOiA1LCBkaXNhYmxlZDogdHJ1ZSB9LFxyXG4gICAgeyBuYW1lOiAnUycsIHZhbHVlOiA2LCBkaXNhYmxlZDogdHJ1ZSB9LCBcclxuICAgIHsgbmFtZTogJ0QnLCB2YWx1ZTogMCwgZGlzYWJsZWQ6IHRydWUgfVxyXG4gIF07XHJcblxyXG4gIGlzVG91Y2hlZDogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIG9uQ2hhbmdlID0gKF86IGFueSkgPT4geyB9XHJcbiAgb25Ub3VjaCA9ICgpID0+IHsgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIGlmKHRoaXMudHJhbnNsYXRpb25zKXtcclxuICAgICAgaWYodGhpcy50cmFuc2xhdGlvbnMubGVuZ3RoID09IDcpe1xyXG4gICAgICAgIHRoaXMud2Vla0RheXMgPSB0aGlzLndlZWtEYXlzLm1hcCgoZGF5OmFueSwgaW5kZXgpID0+IHtcclxuICAgICAgICAgIHJldHVybiB7XHJcbiAgICAgICAgICAgIG5hbWU6IHRoaXMudHJhbnNsYXRpb25zW2luZGV4XSwgXHJcbiAgICAgICAgICAgIHZhbHVlOiBkYXkudmFsdWUsIFxyXG4gICAgICAgICAgICBkaXNhYmxlZDogZGF5LmRpc2FibGVkXHJcbiAgICAgICAgICB9XHJcbiAgICAgICAgfSlcclxuICAgICAgfVxyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgd3JpdGVWYWx1ZSh2YWx1ZTogYW55KTogdm9pZCB7XHJcbiAgICB0aGlzLnZhbHVlID0gdmFsdWU7IFxyXG4gIH1cclxuXHJcbiAgcmVnaXN0ZXJPbkNoYW5nZShmbjogYW55KTogdm9pZCB7XHJcbiAgICB0aGlzLm9uQ2hhbmdlID0gZm47XHJcbiAgfVxyXG5cclxuICByZWdpc3Rlck9uVG91Y2hlZChmbjogYW55KTogdm9pZCB7XHJcbiAgICB0aGlzLm9uVG91Y2ggPSBmbjtcclxuICB9XHJcblxyXG4gIG9uVmFsdWVDaGFuZ2VkKCl7XHJcbiAgICB0aGlzLm9uQ2hhbmdlKHRoaXMudmFsdWUpOyBcclxuICAgIHRoaXMub25Ub3VjaCgpOyBcclxuICB9XHJcblxyXG4gIG9uQnV0dG9uT3B0aW9uQ2xpY2soZXZlbnQ6IGFueSl7XHJcbiAgICB0aGlzLm9uRGF5Q2xpY2suZW1pdChldmVudC5vcHRpb24pOyBcclxuICB9XHJcbn1cclxuIiwiPHAtc2VsZWN0QnV0dG9uIGNsYXNzPVwidy1idXR0b24td2Vlay1zbWFsbFwiIFxyXG4gICAgW29wdGlvbnNdPVwiZGVmYXVsdEVzcCA/IHdlZWtEYXlzRXNwIDogd2Vla0RheXNcIiBcclxuICAgIFsobmdNb2RlbCldPVwidmFsdWVcIiBcclxuICAgIFttdWx0aXBsZV09XCJ0cnVlXCIgXHJcbiAgICBvcHRpb25MYWJlbD1cIm5hbWVcIiBcclxuICAgIG9wdGlvblZhbHVlPVwidmFsdWVcIiBcclxuICAgIChvbkNoYW5nZSk9XCJvblZhbHVlQ2hhbmdlZCgpXCIgXHJcbiAgICAob25PcHRpb25DbGljayk9XCJvbkJ1dHRvbk9wdGlvbkNsaWNrKCRldmVudClcIiBcclxuICAgIG9wdGlvbkRpc2FibGVkPVwiZGlzYWJsZWRcIj5cclxuPC9wLXNlbGVjdEJ1dHRvbj5cclxuIl19
|
|
@@ -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,.w-button-small-label-text-typography-sm{font-size:.8333333333rem;line-height:1rem;font-weight:400}.textMainColor{color:#1f2224}.textSoftColor{color:#5f6468}.textSofterColor{color:#9aa0a7}.textSoftestColor{color:#e8ebee}.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-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-weight:600}.w-button-small-label-text-typography-sm{font-weight:600}.w-button-small-tertiary-label-text,.w-button-small-text-label-text{color:#1f2224}.w-button-small-icon-text,:host ::ng-deep .w-file-button .p-fileupload .p-button.p-fileupload-choose .p-button-icon{font-size:12px;font-weight:600}.w-table-button-small-icon-text{font-size:12px;color:#9aa0a7}.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:600;line-height:16px}.w-button-medium-tertiary-label-text{color:#1f2224}.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:600;line-height:24px}.w-button-large-tertiary-label-text{color:#1f2224}.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:#1f2224}.w-view-small-value-text{color:#5f6468}.w-input-no-label-height{height:14px}.w-input-disabled{background-color:#f1f3f4;border-color:#e8ebee;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:#1f2224}.w-input-small-label-disabled{color:#9aa0a7}.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:#1f2224}.w-input-small-placeholder-text-only-color{color:#9aa0a7;line-height:1.3333333333rem}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6468}.w-input-small-text-icon,.w-input-small-select-options-text{color:#1f2224}.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:#1f2224}.w-input-medium-label-disabled{color:#9aa0a7}.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:#1f2224}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6468}.w-input-medium-text-icon{color:#1f2224}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#1f2224}.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:#1f2224}.w-panel-content{color:#5f6468}.w-tab-text,.w-chip-text{color:#1f2224}.w-badge-text{font-size:10px;font-weight:700;line-height:8px}.w-table-th-text{color:#1f2224}.w-table-td-text{color:#5f6468}.w-image-file-uploader-navigators-text{font-size:12px;color:#fff}.grid{margin:0}::ng-deep .p-tooltip,.p-tooltip{filter:0px 0px 1px 0px rgba(0,0,0,.1) inset,1px 1px 5px rgba(0,0,0,.06),1px 1px 1px rgba(0,0,0,.08)}::ng-deep .p-tooltip .p-tooltip-text,.p-tooltip .p-tooltip-text{background:#ffffff!important;color:#1f2224;padding:12px 16px;max-width:192px;width:max-content;margin-left:3px}::ng-deep .p-tooltip.p-tooltip-right,.p-tooltip.p-tooltip-right{margin-left:6px;width:max-content;transform:translateY(-1px)}::ng-deep .p-tooltip.p-tooltip-right .p-tooltip-arrow,.p-tooltip.p-tooltip-right .p-tooltip-arrow{border-right-color:#fff!important;top:50%;left:0;margin-top:-4px;border-width:4px 6px 4px 0!important}::ng-deep .p-tooltip.p-tooltip-bottom .p-tooltip-arrow,.p-tooltip.p-tooltip-bottom .p-tooltip-arrow{border-bottom-color:#fff!important;border-width:0 4px 6px 4px!important;margin-top:-3px}.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:#005c7a}: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"] }] });
|
|
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,.w-button-small-label-text-typography-sm{font-size:.8333333333rem;line-height:1rem;font-weight:400}.textMainColor{color:#1f2224}.textSoftColor{color:#5f6468}.textSofterColor{color:#9aa0a7}.textSoftestColor{color:#e8ebee}.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-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-weight:600}.w-button-small-label-text-typography-sm{font-weight:600}.w-button-small-tertiary-label-text,.w-button-small-text-label-text{color:#1f2224}.w-button-small-icon-text,:host ::ng-deep .w-file-button .p-fileupload .p-button.p-fileupload-choose .p-button-icon{font-size:12px;font-weight:600}.w-table-button-small-icon-text{font-size:12px;color:#9aa0a7}.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:600;line-height:16px}.w-button-medium-tertiary-label-text{color:#1f2224}.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:600;line-height:24px}.w-button-large-tertiary-label-text{color:#1f2224}.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:#1f2224}.w-view-small-value-text{color:#5f6468}.w-input-no-label-height{height:14px}.w-input-disabled{background-color:#f1f3f4;border-color:#e8ebee;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:#1f2224}.w-input-small-label-disabled{color:#9aa0a7}.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:#1f2224}.w-input-small-placeholder-text-only-color{color:#9aa0a7;line-height:1.3333333333rem}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6468}.w-input-small-text-icon,.w-input-small-select-options-text{color:#1f2224}.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:#1f2224}.w-input-medium-label-disabled{color:#9aa0a7}.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:#1f2224}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6468}.w-input-medium-text-icon{color:#1f2224}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#1f2224}.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:#1f2224}.w-panel-content{color:#5f6468}.w-tab-text,.w-chip-text{color:#1f2224}.w-badge-text{font-size:10px;font-weight:700;line-height:8px}.w-table-th-text{color:#1f2224}.w-table-td-text{color:#5f6468}.w-image-file-uploader-navigators-text{font-size:12px;color:#fff}.grid{margin:0}::ng-deep .p-tooltip,.p-tooltip{filter:0px 0px 1px 0px rgba(0,0,0,.1) inset,1px 1px 5px rgba(0,0,0,.06),1px 1px 1px rgba(0,0,0,.08)}::ng-deep .p-tooltip .p-tooltip-text,.p-tooltip .p-tooltip-text{background:#ffffff!important;color:#1f2224;padding:12px 16px;max-width:192px;width:max-content;margin-left:3px}::ng-deep .p-tooltip.p-tooltip-right,.p-tooltip.p-tooltip-right{margin-left:6px;width:max-content;transform:translateY(-1px)}::ng-deep .p-tooltip.p-tooltip-right .p-tooltip-arrow,.p-tooltip.p-tooltip-right .p-tooltip-arrow{border-right-color:#fff!important;top:50%;left:0;margin-top:-4px;border-width:4px 6px 4px 0!important}::ng-deep .p-tooltip.p-tooltip-bottom .p-tooltip-arrow,.p-tooltip.p-tooltip-bottom .p-tooltip-arrow{border-bottom-color:#fff!important;border-width:0 4px 6px 4px!important;margin-top:-3px}.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:#005c7a}: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", "iconPos", "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,.w-button-small-label-text-typography-sm{font-size:.8333333333rem;line-height:1rem;font-weight:400}.textMainColor{color:#1f2224}.textSoftColor{color:#5f6468}.textSofterColor{color:#9aa0a7}.textSoftestColor{color:#e8ebee}.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-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-weight:600}.w-button-small-label-text-typography-sm{font-weight:600}.w-button-small-tertiary-label-text,.w-button-small-text-label-text{color:#1f2224}.w-button-small-icon-text,:host ::ng-deep .w-file-button .p-fileupload .p-button.p-fileupload-choose .p-button-icon{font-size:12px;font-weight:600}.w-table-button-small-icon-text{font-size:12px;color:#9aa0a7}.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:600;line-height:16px}.w-button-medium-tertiary-label-text{color:#1f2224}.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:600;line-height:24px}.w-button-large-tertiary-label-text{color:#1f2224}.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:#1f2224}.w-view-small-value-text{color:#5f6468}.w-input-no-label-height{height:14px}.w-input-disabled{background-color:#f1f3f4;border-color:#e8ebee;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:#1f2224}.w-input-small-label-disabled{color:#9aa0a7}.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:#1f2224}.w-input-small-placeholder-text-only-color{color:#9aa0a7;line-height:1.3333333333rem}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6468}.w-input-small-text-icon,.w-input-small-select-options-text{color:#1f2224}.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:#1f2224}.w-input-medium-label-disabled{color:#9aa0a7}.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:#1f2224}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6468}.w-input-medium-text-icon{color:#1f2224}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#1f2224}.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:#1f2224}.w-panel-content{color:#5f6468}.w-tab-text,.w-chip-text{color:#1f2224}.w-badge-text{font-size:10px;font-weight:700;line-height:8px}.w-table-th-text{color:#1f2224}.w-table-td-text{color:#5f6468}.w-image-file-uploader-navigators-text{font-size:12px;color:#fff}.grid{margin:0}::ng-deep .p-tooltip,.p-tooltip{filter:0px 0px 1px 0px rgba(0,0,0,.1) inset,1px 1px 5px rgba(0,0,0,.06),1px 1px 1px rgba(0,0,0,.08)}::ng-deep .p-tooltip .p-tooltip-text,.p-tooltip .p-tooltip-text{background:#ffffff!important;color:#1f2224;padding:12px 16px;max-width:192px;width:max-content;margin-left:3px}::ng-deep .p-tooltip.p-tooltip-right,.p-tooltip.p-tooltip-right{margin-left:6px;width:max-content;transform:translateY(-1px)}::ng-deep .p-tooltip.p-tooltip-right .p-tooltip-arrow,.p-tooltip.p-tooltip-right .p-tooltip-arrow{border-right-color:#fff!important;top:50%;left:0;margin-top:-4px;border-width:4px 6px 4px 0!important}::ng-deep .p-tooltip.p-tooltip-bottom .p-tooltip-arrow,.p-tooltip.p-tooltip-bottom .p-tooltip-arrow{border-bottom-color:#fff!important;border-width:0 4px 6px 4px!important;margin-top:-3px}.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:#005c7a}: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"] }]
|