ngx-wapp-components 1.0.91 → 1.0.93
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 +4 -4
- package/esm2020/lib/button/w-buttons-footer/w-buttons-footer.component.mjs +2 -2
- package/esm2020/lib/button/w-radio-button/w-radio-button.component.mjs +2 -2
- package/esm2020/lib/button/w-select-button/w-select-button.component.mjs +4 -4
- package/esm2020/lib/button/w-toggle-button/w-toggle-button.component.mjs +4 -4
- package/esm2020/lib/edit/w-edit-calendar/w-edit-calendar.component.mjs +13 -6
- package/esm2020/lib/edit/w-edit-checkbox/w-edit-checkbox.component.mjs +2 -2
- package/esm2020/lib/edit/w-edit-input-number/w-edit-input-number.component.mjs +4 -4
- package/esm2020/lib/edit/w-edit-input-text/w-edit-input-text.component.mjs +4 -4
- package/esm2020/lib/edit/w-edit-input-textarea/w-edit-input-textarea.component.mjs +4 -4
- package/esm2020/lib/edit/w-edit-multiselect/w-edit-multiselect.component.mjs +3 -3
- package/esm2020/lib/edit/w-edit-select/w-edit-select.component.mjs +4 -4
- package/esm2020/lib/edit/w-edit-toggle/w-edit-toggle.component.mjs +2 -2
- package/esm2020/lib/edit/w-edit-treeselect/w-edit-treeselect.component.mjs +4 -4
- package/esm2020/lib/file/w-image-cropper/w-image-cropper.component.mjs +2 -2
- package/esm2020/lib/file/w-image-file-uploader/w-image-file-uploader.component.mjs +2 -2
- package/esm2020/lib/layout/w-body/w-body.component.mjs +2 -2
- package/esm2020/lib/layout/w-body-container/w-body-container.component.mjs +2 -2
- package/esm2020/lib/layout/w-body-grid/w-body-grid.component.mjs +2 -2
- package/esm2020/lib/layout/w-container/w-container.component.mjs +2 -2
- package/esm2020/lib/layout/w-footer/w-footer.component.mjs +3 -3
- package/esm2020/lib/layout/w-header-panel/w-header-panel.component.mjs +2 -2
- package/esm2020/lib/layout/w-navbar/w-navbar.component.mjs +2 -2
- package/esm2020/lib/layout/w-panel/w-panel.component.mjs +3 -3
- package/esm2020/lib/layout/w-panel-grid/w-panel-grid.component.mjs +2 -2
- package/esm2020/lib/layout/w-panel-subtitle/w-panel-subtitle.component.mjs +3 -4
- package/esm2020/lib/layout/w-panel-title/w-panel-title.component.mjs +3 -4
- package/esm2020/lib/maps/w-maps/w-maps.component.mjs +2 -2
- package/esm2020/lib/misc/w-badge/w-badge.component.mjs +2 -2
- package/esm2020/lib/misc/w-chip/w-chip.component.mjs +2 -2
- package/esm2020/lib/misc/w-filter-panel/w-filter-panel.component.mjs +2 -2
- package/esm2020/lib/misc/w-filter-panel/w-list-field/w-list-field.component.mjs +2 -2
- package/esm2020/lib/misc/w-timeline/w-timeline.component.mjs +2 -2
- package/esm2020/lib/misc/w-wizard/w-wizard.component.mjs +2 -2
- package/esm2020/lib/report/w-powerbi-report/w-powerbi-report.component.mjs +16 -10
- package/esm2020/lib/search/w-autocomplete-search/w-autocomplete-search.component.mjs +2 -2
- package/esm2020/lib/search/w-input-search/w-input-search.component.mjs +2 -2
- package/esm2020/lib/shared/skeletons/w-skeleton-sidebar/w-skeleton-sidebar.component.mjs +2 -2
- package/esm2020/lib/sidebar/w-sidebar/w-sidebar.component.mjs +7 -3
- package/esm2020/lib/tables/w-table/w-table.component.mjs +2 -2
- package/esm2020/lib/tables/w-table-lazy/w-table-lazy.component.mjs +2 -2
- package/esm2020/lib/tables/w-tree-table/w-tree-table.component.mjs +2 -2
- package/esm2020/lib/tabview/w-tabview/w-tabview.component.mjs +2 -2
- package/esm2020/lib/tree/w-tree/w-tree.component.mjs +2 -2
- package/esm2020/lib/view/w-view-card-title-text/w-view-card-title-text.component.mjs +2 -2
- package/esm2020/lib/view/w-view-text/w-view-text.component.mjs +2 -2
- package/fesm2015/ngx-wapp-components.mjs +127 -110
- package/fesm2015/ngx-wapp-components.mjs.map +1 -1
- package/fesm2020/ngx-wapp-components.mjs +127 -110
- package/fesm2020/ngx-wapp-components.mjs.map +1 -1
- package/lib/edit/w-edit-calendar/w-edit-calendar.component.d.ts +3 -1
- package/lib/report/w-powerbi-report/w-powerbi-report.component.d.ts +5 -2
- package/lib/sidebar/w-sidebar/w-sidebar.component.d.ts +2 -1
- package/package.json +1 -1
|
@@ -54,7 +54,7 @@ WRadioButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
|
|
|
54
54
|
useExisting: forwardRef(() => WRadioButtonComponent),
|
|
55
55
|
multi: true
|
|
56
56
|
}
|
|
57
|
-
], ngImport: i0, template: "<div *ngIf=\"formControl; else noNgControl\">\r\n <div *ngFor=\"let option of radioGroupElements\" class=\"field-checkbox\">\r\n <p-radioButton [ngClass]=\"{'w-radiobutton-small' : size == getSizeName(sizeType.small),\r\n 'w-radiobutton-medium' : size == getSizeName(sizeType.medium)}\"\r\n [inputId]=\"option.key\" \r\n [required]=\"required\" \r\n [disabled]=\"disabled\"\r\n [formControl]=\"formControl\"\r\n ngDefaultControl\r\n (onClick)=\"onChangedForm($event)\">\r\n </p-radioButton>\r\n <label [ngClass]=\"{'w-radiobutton-label-small' : size == getSizeName(sizeType.small),\r\n 'w-radiobutton-label-medium' : size == getSizeName(sizeType.medium)}\" [for]=\"option.key\">{{option.name}}</label>\r\n </div>\r\n <small *ngIf=\"formControl.hasError('required') && formControl.touched\" class=\"p-error block\">{{requiredErrorDescription}}</small> \r\n</div>\r\n<ng-template #noNgControl>\r\n <div *ngFor=\"let option of radioGroupElements\" class=\"field-checkbox\">\r\n <p-radioButton [ngClass]=\"{'w-radiobutton-small' : size == getSizeName(sizeType.small),\r\n 'w-radiobutton-medium' : size == getSizeName(sizeType.medium)}\"\r\n [inputId]=\"option.key\" \r\n [(ngModel)]=\"ngModelValue\" \r\n [disabled]=\"disabled\"\r\n [value]=\"option\" \r\n ngDefaultControl\r\n (onClick)=\"onChanged()\">\r\n </p-radioButton>\r\n <label [ngClass]=\"{'w-radiobutton-label-small' : size == getSizeName(sizeType.small),\r\n 'w-radiobutton-label-medium' : size == getSizeName(sizeType.medium)}\" [for]=\"option.key\">{{option.name}}</label>\r\n </div>\r\n</ng-template>", styles: [".heading1{font-size:3.1428571429rem;line-height:3.4285714286rem;font-weight:700}.heading2{font-size:2.8571428571rem;line-height:3.1428571429rem;font-weight:700}.heading3{font-size:2.5714285714rem;line-height:2.8571428571rem;font-weight:700}.heading4{font-size:2.2857142857rem;line-height:2.5714285714rem;font-weight:700}.heading5{font-size:2rem;line-height:2.2857142857rem;font-weight:700}.heading6{font-size:1.7142857143rem;line-height:2rem;font-weight:700}.subtitle1{font-size:1.4285714286rem;line-height:1.7142857143rem;font-weight:700}.subtitle2{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.input-generic-small{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption{font-size:.8571428571rem;line-height:1.1428571429rem;font-weight:600}.select-option-text{font-size:16;line-height:24px;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus,:host ::ng-deep .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus,:host ::ng-deep .p-radiobutton .p-radiobutton-box:focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b2eb}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography,::ng-deep .field-checkbox>label.w-radiobutton-label-medium,.field-radiobutton>label{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,::ng-deep .field-checkbox>label.w-radiobutton-label-small,.field-radiobutton>label{font-size:14px;line-height:16px;font-weight:700}.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#9aa0a6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#9aa0a6!important}.input-generic-valid{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:1px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}:host ::ng-deep .w-radiobutton-small .p-radiobutton .p-radiobutton-box{border:1px solid #dadce0;background:#ffffff;min-width:16px;width:16px;height:16px;color:#1f5b72;border-radius:50%;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}:host ::ng-deep .w-radiobutton-medium .p-radiobutton .p-radiobutton-box{border:1px solid #dadce0;background:#ffffff;min-width:24px;width:24px;height:24px;color:#1f5b72;border-radius:50%;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}:host ::ng-deep .w-radiobutton-small .p-radiobutton .p-radiobutton-box:hover{border:1px solid #dadce0;background:#ffffff;min-width:16px;width:16px;height:16px;color:#dadce0;border-radius:50%;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}:host ::ng-deep .w-radiobutton-medium .p-radiobutton .p-radiobutton-box:hover{border:1px solid #dadce0;background:#ffffff;min-width:24px;width:24px;height:24px;color:#dadce0;border-radius:50%;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}:host ::ng-deep .w-radiobutton-medium .p-radiobutton .p-radiobutton-box .p-radiobutton-icon{width:12px;height:12px;transition-duration:.2s;background-color:#fff}:host ::ng-deep .w-radiobutton-small .p-radiobutton .p-radiobutton-box .p-radiobutton-icon{width:8px;height:8px;transition-duration:.2s;background-color:#fff}:host ::ng-deep .w-radiobutton-small .p-radiobutton .p-radiobutton-box.p-highlight,:host ::ng-deep .w-radiobutton-medium .p-radiobutton .p-radiobutton-box.p-highlight{border-color:#1f5b72;background:#1f5b72}:host ::ng-deep .w-radiobutton-small .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover{border-color:#dadce0;background:#9aa0a6;border:4px solid #dadce0}:host ::ng-deep .w-radiobutton-medium .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover{border-color:#dadce0;background:#9aa0a6;border:6px solid #dadce0}:host ::ng-deep .field-checkbox,.field-radiobutton{height:24px;margin-bottom:16px;display:flex;align-items:center}::ng-deep .field-checkbox>label.w-radiobutton-label-small,.field-radiobutton>label{margin-left:8px;line-height:1}::ng-deep .field-checkbox>label.w-radiobutton-label-medium,.field-radiobutton>label{margin-left:12px;line-height:1}:host ::ng-deep .w-radiobutton-small .p-radiobutton{width:16px;height:16px}:host ::ng-deep .w-radiobutton-medium .p-radiobutton{width:24px;height:24px}\n"], dependencies: [{ kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.RadioButton, selector: "p-radioButton", inputs: ["value", "formControlName", "name", "disabled", "label", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "style", "styleClass", "labelStyleClass"], outputs: ["onClick", "onFocus", "onBlur"] }] });
|
|
57
|
+
], ngImport: i0, template: "<div *ngIf=\"formControl; else noNgControl\">\r\n <div *ngFor=\"let option of radioGroupElements\" class=\"field-checkbox\">\r\n <p-radioButton [ngClass]=\"{'w-radiobutton-small' : size == getSizeName(sizeType.small),\r\n 'w-radiobutton-medium' : size == getSizeName(sizeType.medium)}\"\r\n [inputId]=\"option.key\" \r\n [required]=\"required\" \r\n [disabled]=\"disabled\"\r\n [formControl]=\"formControl\"\r\n ngDefaultControl\r\n (onClick)=\"onChangedForm($event)\">\r\n </p-radioButton>\r\n <label [ngClass]=\"{'w-radiobutton-label-small' : size == getSizeName(sizeType.small),\r\n 'w-radiobutton-label-medium' : size == getSizeName(sizeType.medium)}\" [for]=\"option.key\">{{option.name}}</label>\r\n </div>\r\n <small *ngIf=\"formControl.hasError('required') && formControl.touched\" class=\"p-error block\">{{requiredErrorDescription}}</small> \r\n</div>\r\n<ng-template #noNgControl>\r\n <div *ngFor=\"let option of radioGroupElements\" class=\"field-checkbox\">\r\n <p-radioButton [ngClass]=\"{'w-radiobutton-small' : size == getSizeName(sizeType.small),\r\n 'w-radiobutton-medium' : size == getSizeName(sizeType.medium)}\"\r\n [inputId]=\"option.key\" \r\n [(ngModel)]=\"ngModelValue\" \r\n [disabled]=\"disabled\"\r\n [value]=\"option\" \r\n ngDefaultControl\r\n (onClick)=\"onChanged()\">\r\n </p-radioButton>\r\n <label [ngClass]=\"{'w-radiobutton-label-small' : size == getSizeName(sizeType.small),\r\n 'w-radiobutton-label-medium' : size == getSizeName(sizeType.medium)}\" [for]=\"option.key\">{{option.name}}</label>\r\n </div>\r\n</ng-template>", styles: [".heading1{font-size:2.6666666667rem;line-height:3rem;font-weight:700}.heading2{font-size:2.3333333333rem;line-height:2.6666666667rem;font-weight:700}.heading3{font-size:2rem;line-height:2.3333333333rem;font-weight:700}.heading4{font-size:1.6666666667rem;line-height:2rem;font-weight:400}.heading5{font-size:1.5rem;line-height:1.8333333333rem;font-weight:600}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:400}.subtitle1,.w-tab-text,.w-panel-title-text,.w-sidebar-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:600}.subtitle2,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled,.w-button-small-text-label-text-typography,.w-button-small-text-label-text{font-size:1rem;line-height:1.3333333333rem;font-weight:600}.body,.w-chip-text,.w-panel-content,.w-input-small-select-options-text,.w-input-small-placeholder-text-typography,.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text,.w-button-small-label-text-typography,.w-button-small-tertiary-label-text,.input-generic-placeholder-small,.input-generic-small{font-size:1rem;line-height:1.3333333333rem;font-weight:400}.caption{font-size:.6666666667rem;line-height:1rem;font-weight:400}.select-option-text{font-size:16;line-height:24px;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.text846{color:#2e3134}.text700{color:#5f6368}.text500{color:#9aa0a6}.textWhite{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus,:host ::ng-deep .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus,:host ::ng-deep .p-radiobutton .p-radiobutton-box:focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b2eb}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#9aa0a6!important;opacity:unset!important}.input-generic-placeholder-small{padding:8px 12px 12px;color:#9aa0a6!important}.input-generic-valid{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:1px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}.w-button-small-tertiary-label-text,.w-button-small-text-label-text{color:#2e3134}.w-button-medium-label-text-typography,.w-button-medium-tertiary-label-text{font-size:16px;font-weight:400;line-height:16px}.w-button-medium-tertiary-label-text{color:#2e3134}.w-button-large-label-text-typography,.w-button-large-tertiary-label-text{font-size:20px;font-weight:400;line-height:24px}.w-button-large-tertiary-label-text{color:#2e3134}.w-button-x-small-label-text{font-size:10px;font-weight:600;line-height:10px}.w-button-small-only-label-text{font-size:12px;font-weight:600;line-height:16px}.w-button-small-icon-text{font-size:12px}.w-button-medium-icon-text{font-size:16px}.w-button-large-icon-text{font-size:24px}.w-control-button-small-label-text,::ng-deep .field-checkbox>label.w-radiobutton-label-small,.field-radiobutton>label{font-size:12px;font-weight:600;line-height:16px}.w-control-button-x-small-icon-text{font-size:10px;font-weight:700}.w-control-button-small-icon-text{font-size:8px;font-weight:700}.w-control-button-medium-label-text,::ng-deep .field-checkbox>label.w-radiobutton-label-medium,.field-radiobutton>label{font-size:14px;font-weight:600;line-height:16px}.w-control-button-medium-icon-text{font-size:12px;font-weight:700}.w-input-small-label-text,.w-input-small-label-disabled{color:#2e3134}.w-input-small-label-disabled{color:#9aa0a6}.w-input-small-placeholder-text,.w-input-small-placeholder-text-only-color{color:#2e3134}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6368}.w-input-small-text-icon,.w-input-small-select-options-text{color:#2e3134}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-input-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-input-medium-label-disabled{color:#2e3134}.w-input-medium-label-disabled{color:#9aa0a6}.w-input-medium-placeholder-text-typography,.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text{font-size:16px;font-weight:400;line-height:24px}.w-input-medium-placeholder-text,.w-input-medium-placeholder-text-only-color{color:#2e3134}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6368}.w-input-medium-text-icon{color:#2e3134}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#2e3134}.w-sidebar-title-text,.w-panel-title-text,.w-panel-subtitle-text{color:#2e3134}.w-panel-content{color:#5f6368}.w-tab-text,.w-chip-text{color:#2e3134}:host ::ng-deep .w-radiobutton-small .p-radiobutton .p-radiobutton-box{border:1px solid #dadce0;background:#ffffff;min-width:16px;width:16px;height:16px;color:#1f5b72;border-radius:50%;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}:host ::ng-deep .w-radiobutton-medium .p-radiobutton .p-radiobutton-box{border:1px solid #dadce0;background:#ffffff;min-width:24px;width:24px;height:24px;color:#1f5b72;border-radius:50%;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}:host ::ng-deep .w-radiobutton-small .p-radiobutton .p-radiobutton-box:hover{border:1px solid #dadce0;background:#ffffff;min-width:16px;width:16px;height:16px;color:#dadce0;border-radius:50%;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}:host ::ng-deep .w-radiobutton-medium .p-radiobutton .p-radiobutton-box:hover{border:1px solid #dadce0;background:#ffffff;min-width:24px;width:24px;height:24px;color:#dadce0;border-radius:50%;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}:host ::ng-deep .w-radiobutton-medium .p-radiobutton .p-radiobutton-box .p-radiobutton-icon{width:12px;height:12px;transition-duration:.2s;background-color:#fff}:host ::ng-deep .w-radiobutton-small .p-radiobutton .p-radiobutton-box .p-radiobutton-icon{width:8px;height:8px;transition-duration:.2s;background-color:#fff}:host ::ng-deep .w-radiobutton-small .p-radiobutton .p-radiobutton-box.p-highlight,:host ::ng-deep .w-radiobutton-medium .p-radiobutton .p-radiobutton-box.p-highlight{border-color:#1f5b72;background:#1f5b72}:host ::ng-deep .w-radiobutton-small .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover{border-color:#dadce0;background:#9aa0a6;border:4px solid #dadce0}:host ::ng-deep .w-radiobutton-medium .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover{border-color:#dadce0;background:#9aa0a6;border:6px solid #dadce0}:host ::ng-deep .field-checkbox,.field-radiobutton{height:24px;margin-bottom:16px;display:flex;align-items:center}::ng-deep .field-checkbox>label.w-radiobutton-label-small,.field-radiobutton>label{margin-left:8px}::ng-deep .field-checkbox>label.w-radiobutton-label-medium,.field-radiobutton>label{margin-left:12px}:host ::ng-deep .w-radiobutton-small .p-radiobutton{width:16px;height:16px}:host ::ng-deep .w-radiobutton-medium .p-radiobutton{width:24px;height:24px}\n"], dependencies: [{ kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.RadioButton, selector: "p-radioButton", inputs: ["value", "formControlName", "name", "disabled", "label", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "style", "styleClass", "labelStyleClass"], outputs: ["onClick", "onFocus", "onBlur"] }] });
|
|
58
58
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WRadioButtonComponent, decorators: [{
|
|
59
59
|
type: Component,
|
|
60
60
|
args: [{ selector: 'w-radio-button', providers: [
|
|
@@ -63,7 +63,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
|
|
|
63
63
|
useExisting: forwardRef(() => WRadioButtonComponent),
|
|
64
64
|
multi: true
|
|
65
65
|
}
|
|
66
|
-
], template: "<div *ngIf=\"formControl; else noNgControl\">\r\n <div *ngFor=\"let option of radioGroupElements\" class=\"field-checkbox\">\r\n <p-radioButton [ngClass]=\"{'w-radiobutton-small' : size == getSizeName(sizeType.small),\r\n 'w-radiobutton-medium' : size == getSizeName(sizeType.medium)}\"\r\n [inputId]=\"option.key\" \r\n [required]=\"required\" \r\n [disabled]=\"disabled\"\r\n [formControl]=\"formControl\"\r\n ngDefaultControl\r\n (onClick)=\"onChangedForm($event)\">\r\n </p-radioButton>\r\n <label [ngClass]=\"{'w-radiobutton-label-small' : size == getSizeName(sizeType.small),\r\n 'w-radiobutton-label-medium' : size == getSizeName(sizeType.medium)}\" [for]=\"option.key\">{{option.name}}</label>\r\n </div>\r\n <small *ngIf=\"formControl.hasError('required') && formControl.touched\" class=\"p-error block\">{{requiredErrorDescription}}</small> \r\n</div>\r\n<ng-template #noNgControl>\r\n <div *ngFor=\"let option of radioGroupElements\" class=\"field-checkbox\">\r\n <p-radioButton [ngClass]=\"{'w-radiobutton-small' : size == getSizeName(sizeType.small),\r\n 'w-radiobutton-medium' : size == getSizeName(sizeType.medium)}\"\r\n [inputId]=\"option.key\" \r\n [(ngModel)]=\"ngModelValue\" \r\n [disabled]=\"disabled\"\r\n [value]=\"option\" \r\n ngDefaultControl\r\n (onClick)=\"onChanged()\">\r\n </p-radioButton>\r\n <label [ngClass]=\"{'w-radiobutton-label-small' : size == getSizeName(sizeType.small),\r\n 'w-radiobutton-label-medium' : size == getSizeName(sizeType.medium)}\" [for]=\"option.key\">{{option.name}}</label>\r\n </div>\r\n</ng-template>", styles: [".heading1{font-size:3.1428571429rem;line-height:3.4285714286rem;font-weight:700}.heading2{font-size:2.8571428571rem;line-height:3.1428571429rem;font-weight:700}.heading3{font-size:2.5714285714rem;line-height:2.8571428571rem;font-weight:700}.heading4{font-size:2.2857142857rem;line-height:2.5714285714rem;font-weight:700}.heading5{font-size:2rem;line-height:2.2857142857rem;font-weight:700}.heading6{font-size:1.7142857143rem;line-height:2rem;font-weight:700}.subtitle1{font-size:1.4285714286rem;line-height:1.7142857143rem;font-weight:700}.subtitle2{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.input-generic-small{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption{font-size:.8571428571rem;line-height:1.1428571429rem;font-weight:600}.select-option-text{font-size:16;line-height:24px;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus,:host ::ng-deep .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus,:host ::ng-deep .p-radiobutton .p-radiobutton-box:focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b2eb}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography,::ng-deep .field-checkbox>label.w-radiobutton-label-medium,.field-radiobutton>label{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,::ng-deep .field-checkbox>label.w-radiobutton-label-small,.field-radiobutton>label{font-size:14px;line-height:16px;font-weight:700}.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#9aa0a6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#9aa0a6!important}.input-generic-valid{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:1px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}:host ::ng-deep .w-radiobutton-small .p-radiobutton .p-radiobutton-box{border:1px solid #dadce0;background:#ffffff;min-width:16px;width:16px;height:16px;color:#1f5b72;border-radius:50%;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}:host ::ng-deep .w-radiobutton-medium .p-radiobutton .p-radiobutton-box{border:1px solid #dadce0;background:#ffffff;min-width:24px;width:24px;height:24px;color:#1f5b72;border-radius:50%;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}:host ::ng-deep .w-radiobutton-small .p-radiobutton .p-radiobutton-box:hover{border:1px solid #dadce0;background:#ffffff;min-width:16px;width:16px;height:16px;color:#dadce0;border-radius:50%;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}:host ::ng-deep .w-radiobutton-medium .p-radiobutton .p-radiobutton-box:hover{border:1px solid #dadce0;background:#ffffff;min-width:24px;width:24px;height:24px;color:#dadce0;border-radius:50%;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}:host ::ng-deep .w-radiobutton-medium .p-radiobutton .p-radiobutton-box .p-radiobutton-icon{width:12px;height:12px;transition-duration:.2s;background-color:#fff}:host ::ng-deep .w-radiobutton-small .p-radiobutton .p-radiobutton-box .p-radiobutton-icon{width:8px;height:8px;transition-duration:.2s;background-color:#fff}:host ::ng-deep .w-radiobutton-small .p-radiobutton .p-radiobutton-box.p-highlight,:host ::ng-deep .w-radiobutton-medium .p-radiobutton .p-radiobutton-box.p-highlight{border-color:#1f5b72;background:#1f5b72}:host ::ng-deep .w-radiobutton-small .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover{border-color:#dadce0;background:#9aa0a6;border:4px solid #dadce0}:host ::ng-deep .w-radiobutton-medium .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover{border-color:#dadce0;background:#9aa0a6;border:6px solid #dadce0}:host ::ng-deep .field-checkbox,.field-radiobutton{height:24px;margin-bottom:16px;display:flex;align-items:center}::ng-deep .field-checkbox>label.w-radiobutton-label-small,.field-radiobutton>label{margin-left:8px;line-height:1}::ng-deep .field-checkbox>label.w-radiobutton-label-medium,.field-radiobutton>label{margin-left:12px;line-height:1}:host ::ng-deep .w-radiobutton-small .p-radiobutton{width:16px;height:16px}:host ::ng-deep .w-radiobutton-medium .p-radiobutton{width:24px;height:24px}\n"] }]
|
|
66
|
+
], template: "<div *ngIf=\"formControl; else noNgControl\">\r\n <div *ngFor=\"let option of radioGroupElements\" class=\"field-checkbox\">\r\n <p-radioButton [ngClass]=\"{'w-radiobutton-small' : size == getSizeName(sizeType.small),\r\n 'w-radiobutton-medium' : size == getSizeName(sizeType.medium)}\"\r\n [inputId]=\"option.key\" \r\n [required]=\"required\" \r\n [disabled]=\"disabled\"\r\n [formControl]=\"formControl\"\r\n ngDefaultControl\r\n (onClick)=\"onChangedForm($event)\">\r\n </p-radioButton>\r\n <label [ngClass]=\"{'w-radiobutton-label-small' : size == getSizeName(sizeType.small),\r\n 'w-radiobutton-label-medium' : size == getSizeName(sizeType.medium)}\" [for]=\"option.key\">{{option.name}}</label>\r\n </div>\r\n <small *ngIf=\"formControl.hasError('required') && formControl.touched\" class=\"p-error block\">{{requiredErrorDescription}}</small> \r\n</div>\r\n<ng-template #noNgControl>\r\n <div *ngFor=\"let option of radioGroupElements\" class=\"field-checkbox\">\r\n <p-radioButton [ngClass]=\"{'w-radiobutton-small' : size == getSizeName(sizeType.small),\r\n 'w-radiobutton-medium' : size == getSizeName(sizeType.medium)}\"\r\n [inputId]=\"option.key\" \r\n [(ngModel)]=\"ngModelValue\" \r\n [disabled]=\"disabled\"\r\n [value]=\"option\" \r\n ngDefaultControl\r\n (onClick)=\"onChanged()\">\r\n </p-radioButton>\r\n <label [ngClass]=\"{'w-radiobutton-label-small' : size == getSizeName(sizeType.small),\r\n 'w-radiobutton-label-medium' : size == getSizeName(sizeType.medium)}\" [for]=\"option.key\">{{option.name}}</label>\r\n </div>\r\n</ng-template>", styles: [".heading1{font-size:2.6666666667rem;line-height:3rem;font-weight:700}.heading2{font-size:2.3333333333rem;line-height:2.6666666667rem;font-weight:700}.heading3{font-size:2rem;line-height:2.3333333333rem;font-weight:700}.heading4{font-size:1.6666666667rem;line-height:2rem;font-weight:400}.heading5{font-size:1.5rem;line-height:1.8333333333rem;font-weight:600}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:400}.subtitle1,.w-tab-text,.w-panel-title-text,.w-sidebar-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:600}.subtitle2,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled,.w-button-small-text-label-text-typography,.w-button-small-text-label-text{font-size:1rem;line-height:1.3333333333rem;font-weight:600}.body,.w-chip-text,.w-panel-content,.w-input-small-select-options-text,.w-input-small-placeholder-text-typography,.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text,.w-button-small-label-text-typography,.w-button-small-tertiary-label-text,.input-generic-placeholder-small,.input-generic-small{font-size:1rem;line-height:1.3333333333rem;font-weight:400}.caption{font-size:.6666666667rem;line-height:1rem;font-weight:400}.select-option-text{font-size:16;line-height:24px;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.text846{color:#2e3134}.text700{color:#5f6368}.text500{color:#9aa0a6}.textWhite{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus,:host ::ng-deep .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus,:host ::ng-deep .p-radiobutton .p-radiobutton-box:focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b2eb}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#9aa0a6!important;opacity:unset!important}.input-generic-placeholder-small{padding:8px 12px 12px;color:#9aa0a6!important}.input-generic-valid{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:1px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}.w-button-small-tertiary-label-text,.w-button-small-text-label-text{color:#2e3134}.w-button-medium-label-text-typography,.w-button-medium-tertiary-label-text{font-size:16px;font-weight:400;line-height:16px}.w-button-medium-tertiary-label-text{color:#2e3134}.w-button-large-label-text-typography,.w-button-large-tertiary-label-text{font-size:20px;font-weight:400;line-height:24px}.w-button-large-tertiary-label-text{color:#2e3134}.w-button-x-small-label-text{font-size:10px;font-weight:600;line-height:10px}.w-button-small-only-label-text{font-size:12px;font-weight:600;line-height:16px}.w-button-small-icon-text{font-size:12px}.w-button-medium-icon-text{font-size:16px}.w-button-large-icon-text{font-size:24px}.w-control-button-small-label-text,::ng-deep .field-checkbox>label.w-radiobutton-label-small,.field-radiobutton>label{font-size:12px;font-weight:600;line-height:16px}.w-control-button-x-small-icon-text{font-size:10px;font-weight:700}.w-control-button-small-icon-text{font-size:8px;font-weight:700}.w-control-button-medium-label-text,::ng-deep .field-checkbox>label.w-radiobutton-label-medium,.field-radiobutton>label{font-size:14px;font-weight:600;line-height:16px}.w-control-button-medium-icon-text{font-size:12px;font-weight:700}.w-input-small-label-text,.w-input-small-label-disabled{color:#2e3134}.w-input-small-label-disabled{color:#9aa0a6}.w-input-small-placeholder-text,.w-input-small-placeholder-text-only-color{color:#2e3134}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6368}.w-input-small-text-icon,.w-input-small-select-options-text{color:#2e3134}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-input-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-input-medium-label-disabled{color:#2e3134}.w-input-medium-label-disabled{color:#9aa0a6}.w-input-medium-placeholder-text-typography,.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text{font-size:16px;font-weight:400;line-height:24px}.w-input-medium-placeholder-text,.w-input-medium-placeholder-text-only-color{color:#2e3134}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6368}.w-input-medium-text-icon{color:#2e3134}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#2e3134}.w-sidebar-title-text,.w-panel-title-text,.w-panel-subtitle-text{color:#2e3134}.w-panel-content{color:#5f6368}.w-tab-text,.w-chip-text{color:#2e3134}:host ::ng-deep .w-radiobutton-small .p-radiobutton .p-radiobutton-box{border:1px solid #dadce0;background:#ffffff;min-width:16px;width:16px;height:16px;color:#1f5b72;border-radius:50%;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}:host ::ng-deep .w-radiobutton-medium .p-radiobutton .p-radiobutton-box{border:1px solid #dadce0;background:#ffffff;min-width:24px;width:24px;height:24px;color:#1f5b72;border-radius:50%;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}:host ::ng-deep .w-radiobutton-small .p-radiobutton .p-radiobutton-box:hover{border:1px solid #dadce0;background:#ffffff;min-width:16px;width:16px;height:16px;color:#dadce0;border-radius:50%;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}:host ::ng-deep .w-radiobutton-medium .p-radiobutton .p-radiobutton-box:hover{border:1px solid #dadce0;background:#ffffff;min-width:24px;width:24px;height:24px;color:#dadce0;border-radius:50%;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}:host ::ng-deep .w-radiobutton-medium .p-radiobutton .p-radiobutton-box .p-radiobutton-icon{width:12px;height:12px;transition-duration:.2s;background-color:#fff}:host ::ng-deep .w-radiobutton-small .p-radiobutton .p-radiobutton-box .p-radiobutton-icon{width:8px;height:8px;transition-duration:.2s;background-color:#fff}:host ::ng-deep .w-radiobutton-small .p-radiobutton .p-radiobutton-box.p-highlight,:host ::ng-deep .w-radiobutton-medium .p-radiobutton .p-radiobutton-box.p-highlight{border-color:#1f5b72;background:#1f5b72}:host ::ng-deep .w-radiobutton-small .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover{border-color:#dadce0;background:#9aa0a6;border:4px solid #dadce0}:host ::ng-deep .w-radiobutton-medium .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover{border-color:#dadce0;background:#9aa0a6;border:6px solid #dadce0}:host ::ng-deep .field-checkbox,.field-radiobutton{height:24px;margin-bottom:16px;display:flex;align-items:center}::ng-deep .field-checkbox>label.w-radiobutton-label-small,.field-radiobutton>label{margin-left:8px}::ng-deep .field-checkbox>label.w-radiobutton-label-medium,.field-radiobutton>label{margin-left:12px}:host ::ng-deep .w-radiobutton-small .p-radiobutton{width:16px;height:16px}:host ::ng-deep .w-radiobutton-medium .p-radiobutton{width:24px;height:24px}\n"] }]
|
|
67
67
|
}], propDecorators: { radioGroupElements: [{
|
|
68
68
|
type: Input,
|
|
69
69
|
args: ['radioGroupElements']
|
|
@@ -9,7 +9,7 @@ import * as i4 from "primeng/selectbutton";
|
|
|
9
9
|
export class WSelectButtonComponent {
|
|
10
10
|
constructor() {
|
|
11
11
|
this.stateOptions = [{ label: 'Off', value: 'off' }, { label: 'On', value: 'on' }];
|
|
12
|
-
this.size = "
|
|
12
|
+
this.size = "small";
|
|
13
13
|
this.tooltipPosition = "bottom";
|
|
14
14
|
this.tooltip = "";
|
|
15
15
|
this.disabled = false;
|
|
@@ -49,7 +49,7 @@ WSelectButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
|
|
|
49
49
|
useExisting: forwardRef(() => WSelectButtonComponent),
|
|
50
50
|
multi: true
|
|
51
51
|
}
|
|
52
|
-
], ngImport: i0, template: "<ng-container *ngIf=\"formControl; else noNgControl\">\r\n <p-selectButton [ngClass]=\"{'w-button-small' : size == getSizeName(sizeType.small), \r\n 'w-button-medium' : size == getSizeName(sizeType.medium),\r\n 'w-button-large' : size == getSizeName(sizeType.large)}\"\r\n [options]=\"stateOptions\" \r\n [formControl]=\"formControl\" \r\n [disabled]=\"disabled\" \r\n optionLabel=\"label\" \r\n optionValue=\"value\" \r\n [pTooltip]=\"tooltip\" \r\n [tooltipPosition]=\"tooltipPosition\" \r\n (onChange)=\"onButtonChangedForm($event)\">\r\n </p-selectButton>\r\n</ng-container>\r\n<ng-template #noNgControl>\r\n <p-selectButton [ngClass]=\"{'w-button-small' : size == getSizeName(sizeType.small), \r\n 'w-button-medium' : size == getSizeName(sizeType.medium),\r\n 'w-button-large' : size == getSizeName(sizeType.large)}\"\r\n [options]=\"stateOptions\" \r\n [(ngModel)]=\"ngModelValue\" \r\n [disabled]=\"disabled\" \r\n optionLabel=\"label\" \r\n optionValue=\"value\" \r\n [pTooltip]=\"tooltip\" \r\n [tooltipPosition]=\"tooltipPosition\"\r\n (ngModelChange)=\"onButtonChanged()\">\r\n </p-selectButton>\r\n</ng-template>\r\n\r\n", styles: [".heading1{font-size:
|
|
52
|
+
], ngImport: i0, template: "<ng-container *ngIf=\"formControl; else noNgControl\">\r\n <p-selectButton [ngClass]=\"{'w-button-small' : size == getSizeName(sizeType.small), \r\n 'w-button-medium' : size == getSizeName(sizeType.medium),\r\n 'w-button-large' : size == getSizeName(sizeType.large)}\"\r\n [options]=\"stateOptions\" \r\n [formControl]=\"formControl\" \r\n [disabled]=\"disabled\" \r\n optionLabel=\"label\" \r\n optionValue=\"value\" \r\n [pTooltip]=\"tooltip\" \r\n [tooltipPosition]=\"tooltipPosition\" \r\n (onChange)=\"onButtonChangedForm($event)\">\r\n </p-selectButton>\r\n</ng-container>\r\n<ng-template #noNgControl>\r\n <p-selectButton [ngClass]=\"{'w-button-small' : size == getSizeName(sizeType.small), \r\n 'w-button-medium' : size == getSizeName(sizeType.medium),\r\n 'w-button-large' : size == getSizeName(sizeType.large)}\"\r\n [options]=\"stateOptions\" \r\n [(ngModel)]=\"ngModelValue\" \r\n [disabled]=\"disabled\" \r\n optionLabel=\"label\" \r\n optionValue=\"value\" \r\n [pTooltip]=\"tooltip\" \r\n [tooltipPosition]=\"tooltipPosition\"\r\n (ngModelChange)=\"onButtonChanged()\">\r\n </p-selectButton>\r\n</ng-template>\r\n\r\n", styles: [".heading1{font-size:2.6666666667rem;line-height:3rem;font-weight:700}.heading2{font-size:2.3333333333rem;line-height:2.6666666667rem;font-weight:700}.heading3{font-size:2rem;line-height:2.3333333333rem;font-weight:700}.heading4{font-size:1.6666666667rem;line-height:2rem;font-weight:400}.heading5{font-size:1.5rem;line-height:1.8333333333rem;font-weight:600}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:400}.subtitle1,.w-tab-text,.w-panel-title-text,.w-sidebar-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:600}.subtitle2,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled,.w-button-small-text-label-text-typography,.w-button-small-text-label-text{font-size:1rem;line-height:1.3333333333rem;font-weight:600}.body,.w-chip-text,.w-panel-content,.w-input-small-select-options-text,.w-input-small-placeholder-text-typography,.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text,.w-button-small-label-text-typography,:host ::ng-deep .w-button-small .p-button .p-button-label,.w-button-small-tertiary-label-text,.input-generic-placeholder-small,.input-generic-small{font-size:1rem;line-height:1.3333333333rem;font-weight:400}.caption{font-size:.6666666667rem;line-height:1rem;font-weight:400}.select-option-text{font-size:16;line-height:24px;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.text846{color:#2e3134}.text700{color:#5f6368}.text500{color:#9aa0a6}.textWhite{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b2eb}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#9aa0a6!important;opacity:unset!important}.input-generic-placeholder-small{padding:8px 12px 12px;color:#9aa0a6!important}.input-generic-valid{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:1px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}.w-button-small-tertiary-label-text,.w-button-small-text-label-text{color:#2e3134}.w-button-medium-label-text-typography,:host ::ng-deep .w-button-medium .p-button .p-button-label,.w-button-medium-tertiary-label-text{font-size:16px;font-weight:400;line-height:16px}.w-button-medium-tertiary-label-text{color:#2e3134}.w-button-large-label-text-typography,:host ::ng-deep .w-button-large .p-button .p-button-label,.w-button-large-tertiary-label-text{font-size:20px;font-weight:400;line-height:24px}.w-button-large-tertiary-label-text{color:#2e3134}.w-button-x-small-label-text{font-size:10px;font-weight:600;line-height:10px}.w-button-small-only-label-text{font-size:12px;font-weight:600;line-height:16px}.w-button-small-icon-text{font-size:12px}.w-button-medium-icon-text{font-size:16px}.w-button-large-icon-text{font-size:24px}.w-control-button-small-label-text{font-size:12px;font-weight:600;line-height:16px}.w-control-button-x-small-icon-text{font-size:10px;font-weight:700}.w-control-button-small-icon-text{font-size:8px;font-weight:700}.w-control-button-medium-label-text{font-size:14px;font-weight:600;line-height:16px}.w-control-button-medium-icon-text{font-size:12px;font-weight:700}.w-input-small-label-text,.w-input-small-label-disabled{color:#2e3134}.w-input-small-label-disabled{color:#9aa0a6}.w-input-small-placeholder-text,.w-input-small-placeholder-text-only-color{color:#2e3134}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6368}.w-input-small-text-icon,.w-input-small-select-options-text{color:#2e3134}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-input-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-input-medium-label-disabled{color:#2e3134}.w-input-medium-label-disabled{color:#9aa0a6}.w-input-medium-placeholder-text-typography,.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text{font-size:16px;font-weight:400;line-height:24px}.w-input-medium-placeholder-text,.w-input-medium-placeholder-text-only-color{color:#2e3134}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6368}.w-input-medium-text-icon{color:#2e3134}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#2e3134}.w-sidebar-title-text,.w-panel-title-text,.w-panel-subtitle-text{color:#2e3134}.w-panel-content{color:#5f6368}.w-tab-text,.w-chip-text{color:#2e3134}:host ::ng-deep .w-button-small .p-button{height:32px;padding:7px 15px;border-radius:8px}:host ::ng-deep .w-button-medium .p-button{height:40px;padding:11px 19px;border-radius:8px}:host ::ng-deep .w-button-large .p-button{height:56px;padding:15px 27px;border-radius:8px}::ng-deep .p-selectbutton .p-button{border:1px solid #e8eaed;color:#2e3134;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}::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-small .p-button:focus,:host ::ng-deep .w-button-medium .p-button:focus,:host ::ng-deep .w-button-large .p-button:focus{box-shadow:0 0 3px 3px #00a6e940!important}::ng-deep .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover,::ng-deep .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover,::ng-deep .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover{background:transparent;border-color:#00b2eb;color:#00b2eb}::ng-deep .p-selectbutton .p-button.p-highlight:hover{background:#00b2eb;border-color:#00b2eb;color:#fff}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "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"] }, { kind: "component", type: i4.SelectButton, selector: "p-selectButton", inputs: ["options", "optionLabel", "optionValue", "optionDisabled", "tabindex", "multiple", "style", "styleClass", "ariaLabelledBy", "disabled", "dataKey"], outputs: ["onOptionClick", "onChange"] }] });
|
|
53
53
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WSelectButtonComponent, decorators: [{
|
|
54
54
|
type: Component,
|
|
55
55
|
args: [{ selector: 'w-select-button', providers: [
|
|
@@ -58,7 +58,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
|
|
|
58
58
|
useExisting: forwardRef(() => WSelectButtonComponent),
|
|
59
59
|
multi: true
|
|
60
60
|
}
|
|
61
|
-
], template: "<ng-container *ngIf=\"formControl; else noNgControl\">\r\n <p-selectButton [ngClass]=\"{'w-button-small' : size == getSizeName(sizeType.small), \r\n 'w-button-medium' : size == getSizeName(sizeType.medium),\r\n 'w-button-large' : size == getSizeName(sizeType.large)}\"\r\n [options]=\"stateOptions\" \r\n [formControl]=\"formControl\" \r\n [disabled]=\"disabled\" \r\n optionLabel=\"label\" \r\n optionValue=\"value\" \r\n [pTooltip]=\"tooltip\" \r\n [tooltipPosition]=\"tooltipPosition\" \r\n (onChange)=\"onButtonChangedForm($event)\">\r\n </p-selectButton>\r\n</ng-container>\r\n<ng-template #noNgControl>\r\n <p-selectButton [ngClass]=\"{'w-button-small' : size == getSizeName(sizeType.small), \r\n 'w-button-medium' : size == getSizeName(sizeType.medium),\r\n 'w-button-large' : size == getSizeName(sizeType.large)}\"\r\n [options]=\"stateOptions\" \r\n [(ngModel)]=\"ngModelValue\" \r\n [disabled]=\"disabled\" \r\n optionLabel=\"label\" \r\n optionValue=\"value\" \r\n [pTooltip]=\"tooltip\" \r\n [tooltipPosition]=\"tooltipPosition\"\r\n (ngModelChange)=\"onButtonChanged()\">\r\n </p-selectButton>\r\n</ng-template>\r\n\r\n", styles: [".heading1{font-size:
|
|
61
|
+
], template: "<ng-container *ngIf=\"formControl; else noNgControl\">\r\n <p-selectButton [ngClass]=\"{'w-button-small' : size == getSizeName(sizeType.small), \r\n 'w-button-medium' : size == getSizeName(sizeType.medium),\r\n 'w-button-large' : size == getSizeName(sizeType.large)}\"\r\n [options]=\"stateOptions\" \r\n [formControl]=\"formControl\" \r\n [disabled]=\"disabled\" \r\n optionLabel=\"label\" \r\n optionValue=\"value\" \r\n [pTooltip]=\"tooltip\" \r\n [tooltipPosition]=\"tooltipPosition\" \r\n (onChange)=\"onButtonChangedForm($event)\">\r\n </p-selectButton>\r\n</ng-container>\r\n<ng-template #noNgControl>\r\n <p-selectButton [ngClass]=\"{'w-button-small' : size == getSizeName(sizeType.small), \r\n 'w-button-medium' : size == getSizeName(sizeType.medium),\r\n 'w-button-large' : size == getSizeName(sizeType.large)}\"\r\n [options]=\"stateOptions\" \r\n [(ngModel)]=\"ngModelValue\" \r\n [disabled]=\"disabled\" \r\n optionLabel=\"label\" \r\n optionValue=\"value\" \r\n [pTooltip]=\"tooltip\" \r\n [tooltipPosition]=\"tooltipPosition\"\r\n (ngModelChange)=\"onButtonChanged()\">\r\n </p-selectButton>\r\n</ng-template>\r\n\r\n", styles: [".heading1{font-size:2.6666666667rem;line-height:3rem;font-weight:700}.heading2{font-size:2.3333333333rem;line-height:2.6666666667rem;font-weight:700}.heading3{font-size:2rem;line-height:2.3333333333rem;font-weight:700}.heading4{font-size:1.6666666667rem;line-height:2rem;font-weight:400}.heading5{font-size:1.5rem;line-height:1.8333333333rem;font-weight:600}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:400}.subtitle1,.w-tab-text,.w-panel-title-text,.w-sidebar-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:600}.subtitle2,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled,.w-button-small-text-label-text-typography,.w-button-small-text-label-text{font-size:1rem;line-height:1.3333333333rem;font-weight:600}.body,.w-chip-text,.w-panel-content,.w-input-small-select-options-text,.w-input-small-placeholder-text-typography,.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text,.w-button-small-label-text-typography,:host ::ng-deep .w-button-small .p-button .p-button-label,.w-button-small-tertiary-label-text,.input-generic-placeholder-small,.input-generic-small{font-size:1rem;line-height:1.3333333333rem;font-weight:400}.caption{font-size:.6666666667rem;line-height:1rem;font-weight:400}.select-option-text{font-size:16;line-height:24px;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.text846{color:#2e3134}.text700{color:#5f6368}.text500{color:#9aa0a6}.textWhite{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b2eb}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#9aa0a6!important;opacity:unset!important}.input-generic-placeholder-small{padding:8px 12px 12px;color:#9aa0a6!important}.input-generic-valid{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:1px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}.w-button-small-tertiary-label-text,.w-button-small-text-label-text{color:#2e3134}.w-button-medium-label-text-typography,:host ::ng-deep .w-button-medium .p-button .p-button-label,.w-button-medium-tertiary-label-text{font-size:16px;font-weight:400;line-height:16px}.w-button-medium-tertiary-label-text{color:#2e3134}.w-button-large-label-text-typography,:host ::ng-deep .w-button-large .p-button .p-button-label,.w-button-large-tertiary-label-text{font-size:20px;font-weight:400;line-height:24px}.w-button-large-tertiary-label-text{color:#2e3134}.w-button-x-small-label-text{font-size:10px;font-weight:600;line-height:10px}.w-button-small-only-label-text{font-size:12px;font-weight:600;line-height:16px}.w-button-small-icon-text{font-size:12px}.w-button-medium-icon-text{font-size:16px}.w-button-large-icon-text{font-size:24px}.w-control-button-small-label-text{font-size:12px;font-weight:600;line-height:16px}.w-control-button-x-small-icon-text{font-size:10px;font-weight:700}.w-control-button-small-icon-text{font-size:8px;font-weight:700}.w-control-button-medium-label-text{font-size:14px;font-weight:600;line-height:16px}.w-control-button-medium-icon-text{font-size:12px;font-weight:700}.w-input-small-label-text,.w-input-small-label-disabled{color:#2e3134}.w-input-small-label-disabled{color:#9aa0a6}.w-input-small-placeholder-text,.w-input-small-placeholder-text-only-color{color:#2e3134}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6368}.w-input-small-text-icon,.w-input-small-select-options-text{color:#2e3134}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-input-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-input-medium-label-disabled{color:#2e3134}.w-input-medium-label-disabled{color:#9aa0a6}.w-input-medium-placeholder-text-typography,.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text{font-size:16px;font-weight:400;line-height:24px}.w-input-medium-placeholder-text,.w-input-medium-placeholder-text-only-color{color:#2e3134}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6368}.w-input-medium-text-icon{color:#2e3134}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#2e3134}.w-sidebar-title-text,.w-panel-title-text,.w-panel-subtitle-text{color:#2e3134}.w-panel-content{color:#5f6368}.w-tab-text,.w-chip-text{color:#2e3134}:host ::ng-deep .w-button-small .p-button{height:32px;padding:7px 15px;border-radius:8px}:host ::ng-deep .w-button-medium .p-button{height:40px;padding:11px 19px;border-radius:8px}:host ::ng-deep .w-button-large .p-button{height:56px;padding:15px 27px;border-radius:8px}::ng-deep .p-selectbutton .p-button{border:1px solid #e8eaed;color:#2e3134;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}::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-small .p-button:focus,:host ::ng-deep .w-button-medium .p-button:focus,:host ::ng-deep .w-button-large .p-button:focus{box-shadow:0 0 3px 3px #00a6e940!important}::ng-deep .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover,::ng-deep .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover,::ng-deep .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover{background:transparent;border-color:#00b2eb;color:#00b2eb}::ng-deep .p-selectbutton .p-button.p-highlight:hover{background:#00b2eb;border-color:#00b2eb;color:#fff}\n"] }]
|
|
62
62
|
}], propDecorators: { stateOptions: [{
|
|
63
63
|
type: Input,
|
|
64
64
|
args: ['stateOptions']
|
|
@@ -81,4 +81,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
|
|
|
81
81
|
type: Output,
|
|
82
82
|
args: ['onChange']
|
|
83
83
|
}] } });
|
|
84
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
84
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidy1zZWxlY3QtYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3dhcHAtY29tcG9uZW50cy9zcmMvbGliL2J1dHRvbi93LXNlbGVjdC1idXR0b24vdy1zZWxlY3QtYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3dhcHAtY29tcG9uZW50cy9zcmMvbGliL2J1dHRvbi93LXNlbGVjdC1idXR0b24vdy1zZWxlY3QtYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ25GLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUNuRCxPQUFPLEVBQWUsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7O0FBZWhFLE1BQU0sT0FBTyxzQkFBc0I7SUFabkM7UUFheUIsaUJBQVksR0FBeUIsQ0FBQyxFQUFDLEtBQUssRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBQyxFQUFFLEVBQUMsS0FBSyxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFDLENBQUMsQ0FBQztRQUN4RyxTQUFJLEdBQVcsT0FBTyxDQUFDO1FBRVosb0JBQWUsR0FBVyxRQUFRLENBQUM7UUFDM0MsWUFBTyxHQUFXLEVBQUUsQ0FBQztRQUNwQixhQUFRLEdBQVksS0FBSyxDQUFDO1FBR3pCLGtCQUFhLEdBQXNCLElBQUksWUFBWSxFQUFFLENBQUM7UUFFMUUsYUFBUSxHQUFvQixRQUFRLENBQUM7UUFFckMsYUFBUSxHQUFRLEdBQUcsRUFBRSxHQUFFLENBQUMsQ0FBQztRQUN6QixZQUFPLEdBQVEsR0FBRyxFQUFFLEdBQUUsQ0FBQyxDQUFDO0tBaUN6QjtJQTlCQyxXQUFXLENBQUMsS0FBYTtRQUN2QixPQUFPLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN6QixDQUFDO0lBRUQsVUFBVSxDQUFDLEtBQVU7UUFDbkIsSUFBSSxDQUFDLFlBQVksR0FBRyxLQUFLLENBQUM7SUFDNUIsQ0FBQztJQUVELGdCQUFnQixDQUFDLEVBQU87UUFDdEIsSUFBSSxDQUFDLFFBQVEsR0FBRyxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVELGlCQUFpQixDQUFDLEVBQU87UUFDdkIsSUFBSSxDQUFDLE9BQU8sR0FBRyxFQUFFLENBQUM7SUFDcEIsQ0FBQztJQUVELGdCQUFnQixDQUFDLFVBQW1CO1FBQ2xDLElBQUksQ0FBQyxRQUFRLEdBQUcsVUFBVSxDQUFDO0lBQzdCLENBQUM7SUFFRCxlQUFlO1FBQ2IsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUM7UUFDakMsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO1FBRWYsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDO0lBQzdDLENBQUM7SUFFRCxtQkFBbUIsQ0FBQyxLQUFVO1FBQzVCLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUN6QyxDQUFDOzttSEE5Q1Usc0JBQXNCO3VHQUF0QixzQkFBc0Isb1BBUnRCO1FBQ1Q7WUFDRSxPQUFPLEVBQUUsaUJBQWlCO1lBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsc0JBQXNCLENBQUM7WUFDckQsS0FBSyxFQUFFLElBQUk7U0FDWjtLQUNGLDBCQ2ZILHNpREE2QkE7MkZEWmEsc0JBQXNCO2tCQVpsQyxTQUFTOytCQUNFLGlCQUFpQixhQUdoQjt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSx1QkFBdUIsQ0FBQzs0QkFDckQsS0FBSyxFQUFFLElBQUk7eUJBQ1o7cUJBQ0Y7OEJBR3NCLFlBQVk7c0JBQWxDLEtBQUs7dUJBQUMsY0FBYztnQkFDTixJQUFJO3NCQUFsQixLQUFLO3VCQUFDLE1BQU07Z0JBRWEsZUFBZTtzQkFBeEMsS0FBSzt1QkFBQyxpQkFBaUI7Z0JBQ04sT0FBTztzQkFBeEIsS0FBSzt1QkFBQyxTQUFTO2dCQUNHLFFBQVE7c0JBQTFCLEtBQUs7dUJBQUMsVUFBVTtnQkFDSyxXQUFXO3NCQUFoQyxLQUFLO3VCQUFDLGFBQWE7Z0JBRUEsYUFBYTtzQkFBaEMsTUFBTTt1QkFBQyxVQUFVIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQsIGZvcndhcmRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgU2l6ZVR5cGUgfSBmcm9tICcuLi8uLi9zaGFyZWQvZW51bXMvZW51bSc7XHJcbmltcG9ydCB7IEZvcm1Db250cm9sLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgV1NlbGVjdEJ1dHRvblN0YXRlIH0gZnJvbSAnLi4vLi4vc2hhcmVkL21vZGVscy93LXNlbGVjdC1idXR0b24tc3RhdGUubW9kZWwnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICd3LXNlbGVjdC1idXR0b24nLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi93LXNlbGVjdC1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3ctc2VsZWN0LWJ1dHRvbi5jb21wb25lbnQuc2NzcyddLFxyXG4gIHByb3ZpZGVyczogW1xyXG4gICAge1xyXG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcclxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gV1NlbGVjdEJ1dHRvbkNvbXBvbmVudCksXHJcbiAgICAgIG11bHRpOiB0cnVlXHJcbiAgICB9XHJcbiAgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgV1NlbGVjdEJ1dHRvbkNvbXBvbmVudCB7XHJcbiAgQElucHV0KCdzdGF0ZU9wdGlvbnMnKSBzdGF0ZU9wdGlvbnM6IFdTZWxlY3RCdXR0b25TdGF0ZVtdID0gW3tsYWJlbDogJ09mZicsIHZhbHVlOiAnb2ZmJ30sIHtsYWJlbDogJ09uJywgdmFsdWU6ICdvbid9XTtcclxuICBASW5wdXQoJ3NpemUnKSBzaXplOiBzdHJpbmcgPSBcInNtYWxsXCI7XHJcbiBcclxuICBASW5wdXQoJ3Rvb2x0aXBQb3NpdGlvbicpIHRvb2x0aXBQb3NpdGlvbjogc3RyaW5nID0gXCJib3R0b21cIjtcclxuICBASW5wdXQoJ3Rvb2x0aXAnKSB0b29sdGlwOiBzdHJpbmcgPSBcIlwiO1xyXG4gIEBJbnB1dCgnZGlzYWJsZWQnKSBkaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgnZm9ybUNvbnRyb2wnKSBmb3JtQ29udHJvbCE6IEZvcm1Db250cm9sIHwgbnVsbDtcclxuXHJcbiAgQE91dHB1dCgnb25DaGFuZ2UnKSBvbkNoYW5nZUV2ZW50OiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuXHJcbiAgc2l6ZVR5cGU6IHR5cGVvZiBTaXplVHlwZSA9IFNpemVUeXBlO1xyXG5cclxuICBvbkNoYW5nZTogYW55ID0gKCkgPT4ge307XHJcbiAgb25Ub3VjaDogYW55ID0gKCkgPT4ge307XHJcbiAgbmdNb2RlbFZhbHVlOiBhbnk7XHJcblxyXG4gIGdldFNpemVOYW1lKHZhbHVlOiBudW1iZXIpOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIFNpemVUeXBlW3ZhbHVlXTtcclxuICB9XHJcblxyXG4gIHdyaXRlVmFsdWUodmFsdWU6IGFueSk6IHZvaWQge1xyXG4gICAgdGhpcy5uZ01vZGVsVmFsdWUgPSB2YWx1ZTtcclxuICB9XHJcblxyXG4gIHJlZ2lzdGVyT25DaGFuZ2UoZm46IGFueSk6IHZvaWQge1xyXG4gICAgdGhpcy5vbkNoYW5nZSA9IGZuO1xyXG4gIH1cclxuXHJcbiAgcmVnaXN0ZXJPblRvdWNoZWQoZm46IGFueSk6IHZvaWQge1xyXG4gICAgdGhpcy5vblRvdWNoID0gZm47XHJcbiAgfVxyXG4gIFxyXG4gIHNldERpc2FibGVkU3RhdGUoaXNEaXNhYmxlZDogYm9vbGVhbik6IHZvaWQge1xyXG4gICAgdGhpcy5kaXNhYmxlZCA9IGlzRGlzYWJsZWQ7XHJcbiAgfVxyXG5cclxuICBvbkJ1dHRvbkNoYW5nZWQoKXtcclxuICAgIHRoaXMub25DaGFuZ2UodGhpcy5uZ01vZGVsVmFsdWUpO1xyXG4gICAgdGhpcy5vblRvdWNoKCk7XHJcblxyXG4gICAgdGhpcy5vbkNoYW5nZUV2ZW50LmVtaXQodGhpcy5uZ01vZGVsVmFsdWUpO1xyXG4gIH1cclxuXHJcbiAgb25CdXR0b25DaGFuZ2VkRm9ybSh2YWx1ZTogYW55KXtcclxuICAgIHRoaXMub25DaGFuZ2VFdmVudC5lbWl0KHZhbHVlLmNoZWNrZWQpO1xyXG4gIH1cclxufVxyXG4iLCI8bmctY29udGFpbmVyICpuZ0lmPVwiZm9ybUNvbnRyb2w7IGVsc2Ugbm9OZ0NvbnRyb2xcIj5cclxuICAgIDxwLXNlbGVjdEJ1dHRvbiBbbmdDbGFzc109XCJ7J3ctYnV0dG9uLXNtYWxsJyA6IHNpemUgPT0gZ2V0U2l6ZU5hbWUoc2l6ZVR5cGUuc21hbGwpLCBcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAndy1idXR0b24tbWVkaXVtJyA6IHNpemUgPT0gZ2V0U2l6ZU5hbWUoc2l6ZVR5cGUubWVkaXVtKSxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAndy1idXR0b24tbGFyZ2UnIDogc2l6ZSA9PSBnZXRTaXplTmFtZShzaXplVHlwZS5sYXJnZSl9XCJcclxuICAgICAgICAgICAgICAgICAgICBbb3B0aW9uc109XCJzdGF0ZU9wdGlvbnNcIiBcclxuICAgICAgICAgICAgICAgICAgICBbZm9ybUNvbnRyb2xdPVwiZm9ybUNvbnRyb2xcIiBcclxuICAgICAgICAgICAgICAgICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIiBcclxuICAgICAgICAgICAgICAgICAgICBvcHRpb25MYWJlbD1cImxhYmVsXCIgXHJcbiAgICAgICAgICAgICAgICAgICAgb3B0aW9uVmFsdWU9XCJ2YWx1ZVwiIFxyXG4gICAgICAgICAgICAgICAgICAgIFtwVG9vbHRpcF09XCJ0b29sdGlwXCIgXHJcbiAgICAgICAgICAgICAgICAgICAgW3Rvb2x0aXBQb3NpdGlvbl09XCJ0b29sdGlwUG9zaXRpb25cIiBcclxuICAgICAgICAgICAgICAgICAgICAob25DaGFuZ2UpPVwib25CdXR0b25DaGFuZ2VkRm9ybSgkZXZlbnQpXCI+XHJcbiAgICA8L3Atc2VsZWN0QnV0dG9uPlxyXG48L25nLWNvbnRhaW5lcj5cclxuPG5nLXRlbXBsYXRlICNub05nQ29udHJvbD5cclxuICAgIDxwLXNlbGVjdEJ1dHRvbiBbbmdDbGFzc109XCJ7J3ctYnV0dG9uLXNtYWxsJyA6IHNpemUgPT0gZ2V0U2l6ZU5hbWUoc2l6ZVR5cGUuc21hbGwpLCBcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAndy1idXR0b24tbWVkaXVtJyA6IHNpemUgPT0gZ2V0U2l6ZU5hbWUoc2l6ZVR5cGUubWVkaXVtKSxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAndy1idXR0b24tbGFyZ2UnIDogc2l6ZSA9PSBnZXRTaXplTmFtZShzaXplVHlwZS5sYXJnZSl9XCJcclxuICAgICAgICAgICAgICAgICAgICBbb3B0aW9uc109XCJzdGF0ZU9wdGlvbnNcIiBcclxuICAgICAgICAgICAgICAgICAgICBbKG5nTW9kZWwpXT1cIm5nTW9kZWxWYWx1ZVwiIFxyXG4gICAgICAgICAgICAgICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiIFxyXG4gICAgICAgICAgICAgICAgICAgIG9wdGlvbkxhYmVsPVwibGFiZWxcIiBcclxuICAgICAgICAgICAgICAgICAgICBvcHRpb25WYWx1ZT1cInZhbHVlXCIgXHJcbiAgICAgICAgICAgICAgICAgICAgW3BUb29sdGlwXT1cInRvb2x0aXBcIiBcclxuICAgICAgICAgICAgICAgICAgICBbdG9vbHRpcFBvc2l0aW9uXT1cInRvb2x0aXBQb3NpdGlvblwiXHJcbiAgICAgICAgICAgICAgICAgICAgKG5nTW9kZWxDaGFuZ2UpPVwib25CdXR0b25DaGFuZ2VkKClcIj5cclxuICAgIDwvcC1zZWxlY3RCdXR0b24+XHJcbjwvbmctdGVtcGxhdGU+XHJcblxyXG4iXX0=
|
|
@@ -10,7 +10,7 @@ export class WToggleButtonComponent {
|
|
|
10
10
|
constructor() {
|
|
11
11
|
this.onLabel = "";
|
|
12
12
|
this.offLabel = "";
|
|
13
|
-
this.size = "
|
|
13
|
+
this.size = "small";
|
|
14
14
|
this.onIcon = "";
|
|
15
15
|
this.offIcon = "";
|
|
16
16
|
this.tooltipPosition = "bottom";
|
|
@@ -58,7 +58,7 @@ WToggleButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
|
|
|
58
58
|
useExisting: forwardRef(() => WToggleButtonComponent),
|
|
59
59
|
multi: true
|
|
60
60
|
}
|
|
61
|
-
], ngImport: i0, template: "<ng-container *ngIf=\"formControl; else noNgControl\">\r\n <p-toggleButton \r\n [ngClass]=\"{'w-togglebutton-small' : size == getSizeName(sizeType.small),\r\n 'w-togglebutton-medium' : size == getSizeName(sizeType.medium),\r\n 'w-togglebutton-large' : size == getSizeName(sizeType.large)}\"\r\n [onLabel]=\"onLabel\" \r\n [offLabel]=\"offLabel\" \r\n iconPos=\"right\" \r\n [onIcon]=\"onIcon\"\r\n [offIcon]=\"offIcon\" \r\n [pTooltip]=\"tooltip\" \r\n [tooltipPosition]=\"tooltipPosition\" \r\n [formControl]=\"formControl\" \r\n (onChange)=\"onButtonChangedForm($event)\">\r\n </p-toggleButton>\r\n</ng-container>\r\n<ng-template #noNgControl>\r\n <p-toggleButton \r\n [ngClass]=\"{'w-togglebutton-small' : size == getSizeName(sizeType.small),\r\n 'w-togglebutton-medium' : size == getSizeName(sizeType.medium),\r\n 'w-togglebutton-large' : size == getSizeName(sizeType.large)}\"\r\n [(ngModel)]=\"ngModelValue\" \r\n (ngModelChange)=\"onButtonChanged()\"\r\n [disabled]=\"disabled\" \r\n [onLabel]=\"onLabel\" \r\n [offLabel]=\"offLabel\" \r\n iconPos=\"right\" \r\n [onIcon]=\"onIcon\"\r\n [offIcon]=\"offIcon\" \r\n [pTooltip]=\"tooltip\" \r\n [tooltipPosition]=\"tooltipPosition\">\r\n </p-toggleButton>\r\n</ng-template>", styles: [".heading1{font-size:3.1428571429rem;line-height:3.4285714286rem;font-weight:700}.heading2{font-size:2.8571428571rem;line-height:3.1428571429rem;font-weight:700}.heading3{font-size:2.5714285714rem;line-height:2.8571428571rem;font-weight:700}.heading4{font-size:2.2857142857rem;line-height:2.5714285714rem;font-weight:700}.heading5{font-size:2rem;line-height:2.2857142857rem;font-weight:700}.heading6{font-size:1.7142857143rem;line-height:2rem;font-weight:700}.subtitle1{font-size:1.4285714286rem;line-height:1.7142857143rem;font-weight:700}.subtitle2{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.input-generic-small{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption{font-size:.8571428571rem;line-height:1.1428571429rem;font-weight:600}.select-option-text{font-size:16;line-height:24px;font-weight:600}.icon-small-size,:host ::ng-deep .w-togglebutton-small .p-togglebutton.p-button .p-button-icon{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size,:host ::ng-deep .w-togglebutton-medium .p-togglebutton.p-button .p-button-icon{font-size:16px}.icon-large-size,:host ::ng-deep .w-togglebutton-large .p-togglebutton.p-button .p-button-icon{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus,:host ::ng-deep .w-togglebutton-small .p-togglebutton.p-button.p-highlight:focus,:host ::ng-deep .w-togglebutton-medium .p-togglebutton.p-button.p-highlight:focus,:host ::ng-deep .w-togglebutton-large .p-togglebutton.p-button.p-highlight:focus,:host ::ng-deep .w-togglebutton-small .p-togglebutton.p-button:focus,:host ::ng-deep .w-togglebutton-medium .p-togglebutton.p-button:focus,:host ::ng-deep .w-togglebutton-large .p-togglebutton.p-button:focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b2eb}.button-large-typography,:host ::ng-deep .w-togglebutton-large .p-togglebutton.p-button .p-button-label{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography,:host ::ng-deep .w-togglebutton-medium .p-togglebutton.p-button .p-button-label{font-size:16px;line-height:16px;font-weight:700}.button-small-typography,:host ::ng-deep .w-togglebutton-small .p-togglebutton.p-button .p-button-label{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#9aa0a6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#9aa0a6!important}.input-generic-valid{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:1px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}:host ::ng-deep .w-togglebutton-medium .p-togglebutton.p-button{height:40px;padding:12px 20px;border-radius:8px;border-width:1px;border:1px solid #e8eaed}:host ::ng-deep .w-togglebutton-medium .p-togglebutton.p-button :hover{border-width:1px}:host ::ng-deep .w-togglebutton-medium .p-togglebutton.p-button .p-button-icon{margin-left:12px}:host ::ng-deep .w-togglebutton-small .p-togglebutton.p-button{height:32px;padding:7px 15px;border-radius:8px;border-width:1px;border:1px solid #e8eaed}:host ::ng-deep .w-togglebutton-small .p-togglebutton.p-button :hover{border-width:1px}:host ::ng-deep .w-togglebutton-small .p-togglebutton.p-button .p-button-icon{margin-left:8px}:host ::ng-deep .w-togglebutton-large .p-togglebutton.p-button{height:56px;padding:16px 28px;border-radius:8px;border-width:1px;border:1px solid #e8eaed}:host ::ng-deep .w-togglebutton-large .p-togglebutton.p-button :hover{border-width:1px}:host ::ng-deep .w-togglebutton-large .p-togglebutton.p-button .p-button-icon{margin-left:16px}:host ::ng-deep .w-togglebutton-small .p-togglebutton.p-button.p-highlight,:host ::ng-deep .w-togglebutton-medium .p-togglebutton.p-button.p-highlight,:host ::ng-deep .w-togglebutton-large .p-togglebutton.p-button.p-highlight{border:1px solid #1f5b72}:host ::ng-deep .w-togglebutton-small .p-togglebutton.p-button:hover,:host ::ng-deep .w-togglebutton-medium .p-togglebutton.p-button:hover,:host ::ng-deep .w-togglebutton-large .p-togglebutton.p-button:hover{border-color:#00b2eb;background:none}:host ::ng-deep .w-togglebutton-small .p-togglebutton.p-button.p-highlight:hover,:host ::ng-deep .w-togglebutton-small .p-togglebutton.p-button.p-highlight:focus,:host ::ng-deep .w-togglebutton-small .p-togglebutton.p-button.p-highlight:focus,:host ::ng-deep .w-togglebutton-medium .p-togglebutton.p-button.p-highlight:hover,:host ::ng-deep .w-togglebutton-medium .p-togglebutton.p-button.p-highlight:focus,:host ::ng-deep .w-togglebutton-large .p-togglebutton.p-button.p-highlight:hover,:host ::ng-deep .w-togglebutton-large .p-togglebutton.p-button.p-highlight:focus{background-color:#00b2eb;border-color:#00b2eb}:host ::ng-deep .w-togglebutton-small .p-togglebutton.p-button.p-highlight:focus,:host ::ng-deep .w-togglebutton-medium .p-togglebutton.p-button.p-highlight:focus,:host ::ng-deep .w-togglebutton-large .p-togglebutton.p-button.p-highlight:focus{outline:1px solid #d6f2ff;background-color:#1f5b72;border-color:#1f5b72}:host ::ng-deep .w-togglebutton-small .p-button.p-disabled,:host ::ng-deep .w-togglebutton-medium .p-button.p-disabled,:host ::ng-deep .w-togglebutton-large .p-button.p-disabled{background:#e8eaed;border-color:#e8eaed;color:#bdc1c6}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "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"] }, { kind: "component", type: i4.ToggleButton, selector: "p-toggleButton", inputs: ["onLabel", "offLabel", "onIcon", "offIcon", "ariaLabelledBy", "disabled", "style", "styleClass", "inputId", "tabindex", "iconPos"], outputs: ["onChange"] }] });
|
|
61
|
+
], ngImport: i0, template: "<ng-container *ngIf=\"formControl; else noNgControl\">\r\n <p-toggleButton \r\n [ngClass]=\"{'w-togglebutton-small' : size == getSizeName(sizeType.small),\r\n 'w-togglebutton-medium' : size == getSizeName(sizeType.medium),\r\n 'w-togglebutton-large' : size == getSizeName(sizeType.large)}\"\r\n [onLabel]=\"onLabel\" \r\n [offLabel]=\"offLabel\" \r\n iconPos=\"right\" \r\n [onIcon]=\"onIcon\"\r\n [offIcon]=\"offIcon\" \r\n [pTooltip]=\"tooltip\" \r\n [tooltipPosition]=\"tooltipPosition\" \r\n [formControl]=\"formControl\" \r\n (onChange)=\"onButtonChangedForm($event)\">\r\n </p-toggleButton>\r\n</ng-container>\r\n<ng-template #noNgControl>\r\n <p-toggleButton \r\n [ngClass]=\"{'w-togglebutton-small' : size == getSizeName(sizeType.small),\r\n 'w-togglebutton-medium' : size == getSizeName(sizeType.medium),\r\n 'w-togglebutton-large' : size == getSizeName(sizeType.large)}\"\r\n [(ngModel)]=\"ngModelValue\" \r\n (ngModelChange)=\"onButtonChanged()\"\r\n [disabled]=\"disabled\" \r\n [onLabel]=\"onLabel\" \r\n [offLabel]=\"offLabel\" \r\n iconPos=\"right\" \r\n [onIcon]=\"onIcon\"\r\n [offIcon]=\"offIcon\" \r\n [pTooltip]=\"tooltip\" \r\n [tooltipPosition]=\"tooltipPosition\">\r\n </p-toggleButton>\r\n</ng-template>", styles: [".heading1{font-size:2.6666666667rem;line-height:3rem;font-weight:700}.heading2{font-size:2.3333333333rem;line-height:2.6666666667rem;font-weight:700}.heading3{font-size:2rem;line-height:2.3333333333rem;font-weight:700}.heading4{font-size:1.6666666667rem;line-height:2rem;font-weight:400}.heading5{font-size:1.5rem;line-height:1.8333333333rem;font-weight:600}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:400}.subtitle1,.w-tab-text,.w-panel-title-text,.w-sidebar-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:600}.subtitle2,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled,.w-button-small-text-label-text-typography,.w-button-small-text-label-text{font-size:1rem;line-height:1.3333333333rem;font-weight:600}.body,.w-chip-text,.w-panel-content,.w-input-small-select-options-text,.w-input-small-placeholder-text-typography,.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text,.w-button-small-label-text-typography,:host ::ng-deep .w-togglebutton-small .p-togglebutton.p-button .p-button-label,.w-button-small-tertiary-label-text,.input-generic-placeholder-small,.input-generic-small{font-size:1rem;line-height:1.3333333333rem;font-weight:400}.caption{font-size:.6666666667rem;line-height:1rem;font-weight:400}.select-option-text{font-size:16;line-height:24px;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.text846{color:#2e3134}.text700{color:#5f6368}.text500{color:#9aa0a6}.textWhite{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus,:host ::ng-deep .w-togglebutton-small .p-togglebutton.p-button.p-highlight:focus,:host ::ng-deep .w-togglebutton-medium .p-togglebutton.p-button.p-highlight:focus,:host ::ng-deep .w-togglebutton-large .p-togglebutton.p-button.p-highlight:focus,:host ::ng-deep .w-togglebutton-small .p-togglebutton.p-button:focus,:host ::ng-deep .w-togglebutton-medium .p-togglebutton.p-button:focus,:host ::ng-deep .w-togglebutton-large .p-togglebutton.p-button:focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b2eb}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#9aa0a6!important;opacity:unset!important}.input-generic-placeholder-small{padding:8px 12px 12px;color:#9aa0a6!important}.input-generic-valid{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:1px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}.w-button-small-tertiary-label-text,.w-button-small-text-label-text{color:#2e3134}.w-button-medium-label-text-typography,:host ::ng-deep .w-togglebutton-medium .p-togglebutton.p-button .p-button-label,.w-button-medium-tertiary-label-text{font-size:16px;font-weight:400;line-height:16px}.w-button-medium-tertiary-label-text{color:#2e3134}.w-button-large-label-text-typography,:host ::ng-deep .w-togglebutton-large .p-togglebutton.p-button .p-button-label,.w-button-large-tertiary-label-text{font-size:20px;font-weight:400;line-height:24px}.w-button-large-tertiary-label-text{color:#2e3134}.w-button-x-small-label-text{font-size:10px;font-weight:600;line-height:10px}.w-button-small-only-label-text{font-size:12px;font-weight:600;line-height:16px}.w-button-small-icon-text,:host ::ng-deep .w-togglebutton-small .p-togglebutton.p-button .p-button-icon{font-size:12px}.w-button-medium-icon-text,:host ::ng-deep .w-togglebutton-medium .p-togglebutton.p-button .p-button-icon{font-size:16px}.w-button-large-icon-text,:host ::ng-deep .w-togglebutton-large .p-togglebutton.p-button .p-button-icon{font-size:24px}.w-control-button-small-label-text{font-size:12px;font-weight:600;line-height:16px}.w-control-button-x-small-icon-text{font-size:10px;font-weight:700}.w-control-button-small-icon-text{font-size:8px;font-weight:700}.w-control-button-medium-label-text{font-size:14px;font-weight:600;line-height:16px}.w-control-button-medium-icon-text{font-size:12px;font-weight:700}.w-input-small-label-text,.w-input-small-label-disabled{color:#2e3134}.w-input-small-label-disabled{color:#9aa0a6}.w-input-small-placeholder-text,.w-input-small-placeholder-text-only-color{color:#2e3134}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6368}.w-input-small-text-icon,.w-input-small-select-options-text{color:#2e3134}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-input-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-input-medium-label-disabled{color:#2e3134}.w-input-medium-label-disabled{color:#9aa0a6}.w-input-medium-placeholder-text-typography,.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text{font-size:16px;font-weight:400;line-height:24px}.w-input-medium-placeholder-text,.w-input-medium-placeholder-text-only-color{color:#2e3134}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6368}.w-input-medium-text-icon{color:#2e3134}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#2e3134}.w-sidebar-title-text,.w-panel-title-text,.w-panel-subtitle-text{color:#2e3134}.w-panel-content{color:#5f6368}.w-tab-text,.w-chip-text{color:#2e3134}:host ::ng-deep .w-togglebutton-medium .p-togglebutton.p-button{height:40px;padding:11px 19px;border-radius:8px;border-width:1px;border:1px solid #e8eaed;color:#2e3134}:host ::ng-deep .w-togglebutton-medium .p-togglebutton.p-button :hover{border-width:1px}:host ::ng-deep .w-togglebutton-medium .p-togglebutton.p-button .p-button-icon{margin-left:12px}:host ::ng-deep .w-togglebutton-small .p-togglebutton.p-button{height:32px;padding:7px 15px;border-radius:8px;border-width:1px;border:1px solid #e8eaed;color:#2e3134}:host ::ng-deep .w-togglebutton-small .p-togglebutton.p-button :hover{border-width:1px}:host ::ng-deep .w-togglebutton-small .p-togglebutton.p-button .p-button-icon{margin-left:8px}:host ::ng-deep .w-togglebutton-large .p-togglebutton.p-button{height:56px;padding:15px 27px;border-radius:8px;border-width:1px;border:1px solid #e8eaed;color:#2e3134}:host ::ng-deep .w-togglebutton-large .p-togglebutton.p-button :hover{border-width:1px}:host ::ng-deep .w-togglebutton-large .p-togglebutton.p-button .p-button-icon{margin-left:16px}:host ::ng-deep .w-togglebutton-small .p-togglebutton.p-button.p-highlight,:host ::ng-deep .w-togglebutton-medium .p-togglebutton.p-button.p-highlight,:host ::ng-deep .w-togglebutton-large .p-togglebutton.p-button.p-highlight{border:1px solid #1f5b72;color:#fff}:host ::ng-deep .w-togglebutton-small .p-togglebutton.p-button:hover,:host ::ng-deep .w-togglebutton-medium .p-togglebutton.p-button:hover,:host ::ng-deep .w-togglebutton-large .p-togglebutton.p-button:hover{border-color:#00b2eb;background:none}:host ::ng-deep .w-togglebutton-small .p-togglebutton.p-button.p-highlight:hover,:host ::ng-deep .w-togglebutton-small .p-togglebutton.p-button.p-highlight:focus,:host ::ng-deep .w-togglebutton-small .p-togglebutton.p-button.p-highlight:focus,:host ::ng-deep .w-togglebutton-medium .p-togglebutton.p-button.p-highlight:hover,:host ::ng-deep .w-togglebutton-medium .p-togglebutton.p-button.p-highlight:focus,:host ::ng-deep .w-togglebutton-large .p-togglebutton.p-button.p-highlight:hover,:host ::ng-deep .w-togglebutton-large .p-togglebutton.p-button.p-highlight:focus{background-color:#00b2eb;border-color:#00b2eb}:host ::ng-deep .w-togglebutton-small .p-togglebutton.p-button.p-highlight:focus,:host ::ng-deep .w-togglebutton-medium .p-togglebutton.p-button.p-highlight:focus,:host ::ng-deep .w-togglebutton-large .p-togglebutton.p-button.p-highlight:focus{outline:1px solid #d6f2ff;background-color:#1f5b72;border-color:#1f5b72}:host ::ng-deep .w-togglebutton-small .p-button.p-disabled,:host ::ng-deep .w-togglebutton-medium .p-button.p-disabled,:host ::ng-deep .w-togglebutton-large .p-button.p-disabled{background:#e8eaed;border-color:#e8eaed;color:#bdc1c6}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "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"] }, { kind: "component", type: i4.ToggleButton, selector: "p-toggleButton", inputs: ["onLabel", "offLabel", "onIcon", "offIcon", "ariaLabelledBy", "disabled", "style", "styleClass", "inputId", "tabindex", "iconPos"], outputs: ["onChange"] }] });
|
|
62
62
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WToggleButtonComponent, decorators: [{
|
|
63
63
|
type: Component,
|
|
64
64
|
args: [{ selector: 'w-toggle-button', providers: [
|
|
@@ -67,7 +67,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
|
|
|
67
67
|
useExisting: forwardRef(() => WToggleButtonComponent),
|
|
68
68
|
multi: true
|
|
69
69
|
}
|
|
70
|
-
], template: "<ng-container *ngIf=\"formControl; else noNgControl\">\r\n <p-toggleButton \r\n [ngClass]=\"{'w-togglebutton-small' : size == getSizeName(sizeType.small),\r\n 'w-togglebutton-medium' : size == getSizeName(sizeType.medium),\r\n 'w-togglebutton-large' : size == getSizeName(sizeType.large)}\"\r\n [onLabel]=\"onLabel\" \r\n [offLabel]=\"offLabel\" \r\n iconPos=\"right\" \r\n [onIcon]=\"onIcon\"\r\n [offIcon]=\"offIcon\" \r\n [pTooltip]=\"tooltip\" \r\n [tooltipPosition]=\"tooltipPosition\" \r\n [formControl]=\"formControl\" \r\n (onChange)=\"onButtonChangedForm($event)\">\r\n </p-toggleButton>\r\n</ng-container>\r\n<ng-template #noNgControl>\r\n <p-toggleButton \r\n [ngClass]=\"{'w-togglebutton-small' : size == getSizeName(sizeType.small),\r\n 'w-togglebutton-medium' : size == getSizeName(sizeType.medium),\r\n 'w-togglebutton-large' : size == getSizeName(sizeType.large)}\"\r\n [(ngModel)]=\"ngModelValue\" \r\n (ngModelChange)=\"onButtonChanged()\"\r\n [disabled]=\"disabled\" \r\n [onLabel]=\"onLabel\" \r\n [offLabel]=\"offLabel\" \r\n iconPos=\"right\" \r\n [onIcon]=\"onIcon\"\r\n [offIcon]=\"offIcon\" \r\n [pTooltip]=\"tooltip\" \r\n [tooltipPosition]=\"tooltipPosition\">\r\n </p-toggleButton>\r\n</ng-template>", styles: [".heading1{font-size:3.1428571429rem;line-height:3.4285714286rem;font-weight:700}.heading2{font-size:2.8571428571rem;line-height:3.1428571429rem;font-weight:700}.heading3{font-size:2.5714285714rem;line-height:2.8571428571rem;font-weight:700}.heading4{font-size:2.2857142857rem;line-height:2.5714285714rem;font-weight:700}.heading5{font-size:2rem;line-height:2.2857142857rem;font-weight:700}.heading6{font-size:1.7142857143rem;line-height:2rem;font-weight:700}.subtitle1{font-size:1.4285714286rem;line-height:1.7142857143rem;font-weight:700}.subtitle2{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.input-generic-small{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption{font-size:.8571428571rem;line-height:1.1428571429rem;font-weight:600}.select-option-text{font-size:16;line-height:24px;font-weight:600}.icon-small-size,:host ::ng-deep .w-togglebutton-small .p-togglebutton.p-button .p-button-icon{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size,:host ::ng-deep .w-togglebutton-medium .p-togglebutton.p-button .p-button-icon{font-size:16px}.icon-large-size,:host ::ng-deep .w-togglebutton-large .p-togglebutton.p-button .p-button-icon{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus,:host ::ng-deep .w-togglebutton-small .p-togglebutton.p-button.p-highlight:focus,:host ::ng-deep .w-togglebutton-medium .p-togglebutton.p-button.p-highlight:focus,:host ::ng-deep .w-togglebutton-large .p-togglebutton.p-button.p-highlight:focus,:host ::ng-deep .w-togglebutton-small .p-togglebutton.p-button:focus,:host ::ng-deep .w-togglebutton-medium .p-togglebutton.p-button:focus,:host ::ng-deep .w-togglebutton-large .p-togglebutton.p-button:focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b2eb}.button-large-typography,:host ::ng-deep .w-togglebutton-large .p-togglebutton.p-button .p-button-label{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography,:host ::ng-deep .w-togglebutton-medium .p-togglebutton.p-button .p-button-label{font-size:16px;line-height:16px;font-weight:700}.button-small-typography,:host ::ng-deep .w-togglebutton-small .p-togglebutton.p-button .p-button-label{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#9aa0a6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#9aa0a6!important}.input-generic-valid{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:1px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}:host ::ng-deep .w-togglebutton-medium .p-togglebutton.p-button{height:40px;padding:12px 20px;border-radius:8px;border-width:1px;border:1px solid #e8eaed}:host ::ng-deep .w-togglebutton-medium .p-togglebutton.p-button :hover{border-width:1px}:host ::ng-deep .w-togglebutton-medium .p-togglebutton.p-button .p-button-icon{margin-left:12px}:host ::ng-deep .w-togglebutton-small .p-togglebutton.p-button{height:32px;padding:7px 15px;border-radius:8px;border-width:1px;border:1px solid #e8eaed}:host ::ng-deep .w-togglebutton-small .p-togglebutton.p-button :hover{border-width:1px}:host ::ng-deep .w-togglebutton-small .p-togglebutton.p-button .p-button-icon{margin-left:8px}:host ::ng-deep .w-togglebutton-large .p-togglebutton.p-button{height:56px;padding:16px 28px;border-radius:8px;border-width:1px;border:1px solid #e8eaed}:host ::ng-deep .w-togglebutton-large .p-togglebutton.p-button :hover{border-width:1px}:host ::ng-deep .w-togglebutton-large .p-togglebutton.p-button .p-button-icon{margin-left:16px}:host ::ng-deep .w-togglebutton-small .p-togglebutton.p-button.p-highlight,:host ::ng-deep .w-togglebutton-medium .p-togglebutton.p-button.p-highlight,:host ::ng-deep .w-togglebutton-large .p-togglebutton.p-button.p-highlight{border:1px solid #1f5b72}:host ::ng-deep .w-togglebutton-small .p-togglebutton.p-button:hover,:host ::ng-deep .w-togglebutton-medium .p-togglebutton.p-button:hover,:host ::ng-deep .w-togglebutton-large .p-togglebutton.p-button:hover{border-color:#00b2eb;background:none}:host ::ng-deep .w-togglebutton-small .p-togglebutton.p-button.p-highlight:hover,:host ::ng-deep .w-togglebutton-small .p-togglebutton.p-button.p-highlight:focus,:host ::ng-deep .w-togglebutton-small .p-togglebutton.p-button.p-highlight:focus,:host ::ng-deep .w-togglebutton-medium .p-togglebutton.p-button.p-highlight:hover,:host ::ng-deep .w-togglebutton-medium .p-togglebutton.p-button.p-highlight:focus,:host ::ng-deep .w-togglebutton-large .p-togglebutton.p-button.p-highlight:hover,:host ::ng-deep .w-togglebutton-large .p-togglebutton.p-button.p-highlight:focus{background-color:#00b2eb;border-color:#00b2eb}:host ::ng-deep .w-togglebutton-small .p-togglebutton.p-button.p-highlight:focus,:host ::ng-deep .w-togglebutton-medium .p-togglebutton.p-button.p-highlight:focus,:host ::ng-deep .w-togglebutton-large .p-togglebutton.p-button.p-highlight:focus{outline:1px solid #d6f2ff;background-color:#1f5b72;border-color:#1f5b72}:host ::ng-deep .w-togglebutton-small .p-button.p-disabled,:host ::ng-deep .w-togglebutton-medium .p-button.p-disabled,:host ::ng-deep .w-togglebutton-large .p-button.p-disabled{background:#e8eaed;border-color:#e8eaed;color:#bdc1c6}\n"] }]
|
|
70
|
+
], template: "<ng-container *ngIf=\"formControl; else noNgControl\">\r\n <p-toggleButton \r\n [ngClass]=\"{'w-togglebutton-small' : size == getSizeName(sizeType.small),\r\n 'w-togglebutton-medium' : size == getSizeName(sizeType.medium),\r\n 'w-togglebutton-large' : size == getSizeName(sizeType.large)}\"\r\n [onLabel]=\"onLabel\" \r\n [offLabel]=\"offLabel\" \r\n iconPos=\"right\" \r\n [onIcon]=\"onIcon\"\r\n [offIcon]=\"offIcon\" \r\n [pTooltip]=\"tooltip\" \r\n [tooltipPosition]=\"tooltipPosition\" \r\n [formControl]=\"formControl\" \r\n (onChange)=\"onButtonChangedForm($event)\">\r\n </p-toggleButton>\r\n</ng-container>\r\n<ng-template #noNgControl>\r\n <p-toggleButton \r\n [ngClass]=\"{'w-togglebutton-small' : size == getSizeName(sizeType.small),\r\n 'w-togglebutton-medium' : size == getSizeName(sizeType.medium),\r\n 'w-togglebutton-large' : size == getSizeName(sizeType.large)}\"\r\n [(ngModel)]=\"ngModelValue\" \r\n (ngModelChange)=\"onButtonChanged()\"\r\n [disabled]=\"disabled\" \r\n [onLabel]=\"onLabel\" \r\n [offLabel]=\"offLabel\" \r\n iconPos=\"right\" \r\n [onIcon]=\"onIcon\"\r\n [offIcon]=\"offIcon\" \r\n [pTooltip]=\"tooltip\" \r\n [tooltipPosition]=\"tooltipPosition\">\r\n </p-toggleButton>\r\n</ng-template>", styles: [".heading1{font-size:2.6666666667rem;line-height:3rem;font-weight:700}.heading2{font-size:2.3333333333rem;line-height:2.6666666667rem;font-weight:700}.heading3{font-size:2rem;line-height:2.3333333333rem;font-weight:700}.heading4{font-size:1.6666666667rem;line-height:2rem;font-weight:400}.heading5{font-size:1.5rem;line-height:1.8333333333rem;font-weight:600}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:400}.subtitle1,.w-tab-text,.w-panel-title-text,.w-sidebar-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:600}.subtitle2,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled,.w-button-small-text-label-text-typography,.w-button-small-text-label-text{font-size:1rem;line-height:1.3333333333rem;font-weight:600}.body,.w-chip-text,.w-panel-content,.w-input-small-select-options-text,.w-input-small-placeholder-text-typography,.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text,.w-button-small-label-text-typography,:host ::ng-deep .w-togglebutton-small .p-togglebutton.p-button .p-button-label,.w-button-small-tertiary-label-text,.input-generic-placeholder-small,.input-generic-small{font-size:1rem;line-height:1.3333333333rem;font-weight:400}.caption{font-size:.6666666667rem;line-height:1rem;font-weight:400}.select-option-text{font-size:16;line-height:24px;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.text846{color:#2e3134}.text700{color:#5f6368}.text500{color:#9aa0a6}.textWhite{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus,:host ::ng-deep .w-togglebutton-small .p-togglebutton.p-button.p-highlight:focus,:host ::ng-deep .w-togglebutton-medium .p-togglebutton.p-button.p-highlight:focus,:host ::ng-deep .w-togglebutton-large .p-togglebutton.p-button.p-highlight:focus,:host ::ng-deep .w-togglebutton-small .p-togglebutton.p-button:focus,:host ::ng-deep .w-togglebutton-medium .p-togglebutton.p-button:focus,:host ::ng-deep .w-togglebutton-large .p-togglebutton.p-button:focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b2eb}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#9aa0a6!important;opacity:unset!important}.input-generic-placeholder-small{padding:8px 12px 12px;color:#9aa0a6!important}.input-generic-valid{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:1px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}.w-button-small-tertiary-label-text,.w-button-small-text-label-text{color:#2e3134}.w-button-medium-label-text-typography,:host ::ng-deep .w-togglebutton-medium .p-togglebutton.p-button .p-button-label,.w-button-medium-tertiary-label-text{font-size:16px;font-weight:400;line-height:16px}.w-button-medium-tertiary-label-text{color:#2e3134}.w-button-large-label-text-typography,:host ::ng-deep .w-togglebutton-large .p-togglebutton.p-button .p-button-label,.w-button-large-tertiary-label-text{font-size:20px;font-weight:400;line-height:24px}.w-button-large-tertiary-label-text{color:#2e3134}.w-button-x-small-label-text{font-size:10px;font-weight:600;line-height:10px}.w-button-small-only-label-text{font-size:12px;font-weight:600;line-height:16px}.w-button-small-icon-text,:host ::ng-deep .w-togglebutton-small .p-togglebutton.p-button .p-button-icon{font-size:12px}.w-button-medium-icon-text,:host ::ng-deep .w-togglebutton-medium .p-togglebutton.p-button .p-button-icon{font-size:16px}.w-button-large-icon-text,:host ::ng-deep .w-togglebutton-large .p-togglebutton.p-button .p-button-icon{font-size:24px}.w-control-button-small-label-text{font-size:12px;font-weight:600;line-height:16px}.w-control-button-x-small-icon-text{font-size:10px;font-weight:700}.w-control-button-small-icon-text{font-size:8px;font-weight:700}.w-control-button-medium-label-text{font-size:14px;font-weight:600;line-height:16px}.w-control-button-medium-icon-text{font-size:12px;font-weight:700}.w-input-small-label-text,.w-input-small-label-disabled{color:#2e3134}.w-input-small-label-disabled{color:#9aa0a6}.w-input-small-placeholder-text,.w-input-small-placeholder-text-only-color{color:#2e3134}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6368}.w-input-small-text-icon,.w-input-small-select-options-text{color:#2e3134}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-input-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-input-medium-label-disabled{color:#2e3134}.w-input-medium-label-disabled{color:#9aa0a6}.w-input-medium-placeholder-text-typography,.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text{font-size:16px;font-weight:400;line-height:24px}.w-input-medium-placeholder-text,.w-input-medium-placeholder-text-only-color{color:#2e3134}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6368}.w-input-medium-text-icon{color:#2e3134}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#2e3134}.w-sidebar-title-text,.w-panel-title-text,.w-panel-subtitle-text{color:#2e3134}.w-panel-content{color:#5f6368}.w-tab-text,.w-chip-text{color:#2e3134}:host ::ng-deep .w-togglebutton-medium .p-togglebutton.p-button{height:40px;padding:11px 19px;border-radius:8px;border-width:1px;border:1px solid #e8eaed;color:#2e3134}:host ::ng-deep .w-togglebutton-medium .p-togglebutton.p-button :hover{border-width:1px}:host ::ng-deep .w-togglebutton-medium .p-togglebutton.p-button .p-button-icon{margin-left:12px}:host ::ng-deep .w-togglebutton-small .p-togglebutton.p-button{height:32px;padding:7px 15px;border-radius:8px;border-width:1px;border:1px solid #e8eaed;color:#2e3134}:host ::ng-deep .w-togglebutton-small .p-togglebutton.p-button :hover{border-width:1px}:host ::ng-deep .w-togglebutton-small .p-togglebutton.p-button .p-button-icon{margin-left:8px}:host ::ng-deep .w-togglebutton-large .p-togglebutton.p-button{height:56px;padding:15px 27px;border-radius:8px;border-width:1px;border:1px solid #e8eaed;color:#2e3134}:host ::ng-deep .w-togglebutton-large .p-togglebutton.p-button :hover{border-width:1px}:host ::ng-deep .w-togglebutton-large .p-togglebutton.p-button .p-button-icon{margin-left:16px}:host ::ng-deep .w-togglebutton-small .p-togglebutton.p-button.p-highlight,:host ::ng-deep .w-togglebutton-medium .p-togglebutton.p-button.p-highlight,:host ::ng-deep .w-togglebutton-large .p-togglebutton.p-button.p-highlight{border:1px solid #1f5b72;color:#fff}:host ::ng-deep .w-togglebutton-small .p-togglebutton.p-button:hover,:host ::ng-deep .w-togglebutton-medium .p-togglebutton.p-button:hover,:host ::ng-deep .w-togglebutton-large .p-togglebutton.p-button:hover{border-color:#00b2eb;background:none}:host ::ng-deep .w-togglebutton-small .p-togglebutton.p-button.p-highlight:hover,:host ::ng-deep .w-togglebutton-small .p-togglebutton.p-button.p-highlight:focus,:host ::ng-deep .w-togglebutton-small .p-togglebutton.p-button.p-highlight:focus,:host ::ng-deep .w-togglebutton-medium .p-togglebutton.p-button.p-highlight:hover,:host ::ng-deep .w-togglebutton-medium .p-togglebutton.p-button.p-highlight:focus,:host ::ng-deep .w-togglebutton-large .p-togglebutton.p-button.p-highlight:hover,:host ::ng-deep .w-togglebutton-large .p-togglebutton.p-button.p-highlight:focus{background-color:#00b2eb;border-color:#00b2eb}:host ::ng-deep .w-togglebutton-small .p-togglebutton.p-button.p-highlight:focus,:host ::ng-deep .w-togglebutton-medium .p-togglebutton.p-button.p-highlight:focus,:host ::ng-deep .w-togglebutton-large .p-togglebutton.p-button.p-highlight:focus{outline:1px solid #d6f2ff;background-color:#1f5b72;border-color:#1f5b72}:host ::ng-deep .w-togglebutton-small .p-button.p-disabled,:host ::ng-deep .w-togglebutton-medium .p-button.p-disabled,:host ::ng-deep .w-togglebutton-large .p-button.p-disabled{background:#e8eaed;border-color:#e8eaed;color:#bdc1c6}\n"] }]
|
|
71
71
|
}], propDecorators: { onLabel: [{
|
|
72
72
|
type: Input,
|
|
73
73
|
args: ['onLabel']
|
|
@@ -99,4 +99,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
|
|
|
99
99
|
type: Output,
|
|
100
100
|
args: ['onChange']
|
|
101
101
|
}] } });
|
|
102
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
102
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidy10b2dnbGUtYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3dhcHAtY29tcG9uZW50cy9zcmMvbGliL2J1dHRvbi93LXRvZ2dsZS1idXR0b24vdy10b2dnbGUtYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3dhcHAtY29tcG9uZW50cy9zcmMvbGliL2J1dHRvbi93LXRvZ2dsZS1idXR0b24vdy10b2dnbGUtYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzNGLE9BQU8sRUFBcUMsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUN0RixPQUFPLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBRSxNQUFNLHlCQUF5QixDQUFDOzs7Ozs7QUFjL0QsTUFBTSxPQUFPLHNCQUFzQjtJQVpuQztRQWFvQixZQUFPLEdBQVcsRUFBRSxDQUFDO1FBQ3BCLGFBQVEsR0FBVyxFQUFFLENBQUM7UUFDMUIsU0FBSSxHQUFXLE9BQU8sQ0FBQztRQUNyQixXQUFNLEdBQVcsRUFBRSxDQUFDO1FBQ25CLFlBQU8sR0FBVyxFQUFFLENBQUM7UUFDYixvQkFBZSxHQUFXLFFBQVEsQ0FBQztRQUMzQyxZQUFPLEdBQVcsRUFBRSxDQUFDO1FBQ3BCLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFHekIsa0JBQWEsR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUUxRSxhQUFRLEdBQW9CLFFBQVEsQ0FBQztRQUNyQyxlQUFVLEdBQXNCLFVBQVUsQ0FBQztRQUUzQyxhQUFRLEdBQVEsR0FBRyxFQUFFLEdBQUUsQ0FBQyxDQUFDO1FBQ3pCLFlBQU8sR0FBUSxHQUFHLEVBQUUsR0FBRSxDQUFDLENBQUM7S0F5Q3pCO0lBckNDLFFBQVE7SUFDUixDQUFDO0lBRUQsVUFBVSxDQUFDLEtBQVU7UUFDbkIsSUFBSSxDQUFDLFlBQVksR0FBRyxLQUFLLENBQUM7SUFDNUIsQ0FBQztJQUVELGdCQUFnQixDQUFDLEVBQU87UUFDdEIsSUFBSSxDQUFDLFFBQVEsR0FBRyxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVELGlCQUFpQixDQUFDLEVBQU87UUFDdkIsSUFBSSxDQUFDLE9BQU8sR0FBRyxFQUFFLENBQUM7SUFDcEIsQ0FBQztJQUVELGdCQUFnQixDQUFDLFVBQW1CO1FBQ2xDLElBQUksQ0FBQyxRQUFRLEdBQUcsVUFBVSxDQUFDO0lBQzdCLENBQUM7SUFFRCxlQUFlO1FBQ2IsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUM7UUFDakMsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO1FBRWYsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDO0lBQzdDLENBQUM7SUFFRCxtQkFBbUIsQ0FBQyxLQUFVO1FBQzVCLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUN6QyxDQUFDO0lBRUQsV0FBVyxDQUFDLEtBQWE7UUFDdkIsT0FBTyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDekIsQ0FBQztJQUVELGlCQUFpQixDQUFDLEtBQWE7UUFDN0IsT0FBTyxVQUFVLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDM0IsQ0FBQzs7bUhBekRVLHNCQUFzQjt1R0FBdEIsc0JBQXNCLHNTQVJ0QjtRQUNUO1lBQ0UsT0FBTyxFQUFFLGlCQUFpQjtZQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLHNCQUFzQixDQUFDO1lBQ3JELEtBQUssRUFBRSxJQUFJO1NBQ1o7S0FDRiwwQkNkSCx3N0NBZ0NjOzJGRGhCRCxzQkFBc0I7a0JBWmxDLFNBQVM7K0JBQ0UsaUJBQWlCLGFBR2hCO3dCQUNUOzRCQUNFLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLHVCQUF1QixDQUFDOzRCQUNyRCxLQUFLLEVBQUUsSUFBSTt5QkFDWjtxQkFDRjs4QkFHaUIsT0FBTztzQkFBeEIsS0FBSzt1QkFBQyxTQUFTO2dCQUNHLFFBQVE7c0JBQTFCLEtBQUs7dUJBQUMsVUFBVTtnQkFDRixJQUFJO3NCQUFsQixLQUFLO3VCQUFDLE1BQU07Z0JBQ0ksTUFBTTtzQkFBdEIsS0FBSzt1QkFBQyxRQUFRO2dCQUNHLE9BQU87c0JBQXhCLEtBQUs7dUJBQUMsU0FBUztnQkFDVSxlQUFlO3NCQUF4QyxLQUFLO3VCQUFDLGlCQUFpQjtnQkFDTixPQUFPO3NCQUF4QixLQUFLO3VCQUFDLFNBQVM7Z0JBQ0csUUFBUTtzQkFBMUIsS0FBSzt1QkFBQyxVQUFVO2dCQUNLLFdBQVc7c0JBQWhDLEtBQUs7dUJBQUMsYUFBYTtnQkFFQSxhQUFhO3NCQUFoQyxNQUFNO3VCQUFDLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0LCBmb3J3YXJkUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBGb3JtQ29udHJvbCwgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7IFNpemVUeXBlLCBCdXR0b25UeXBlIH0gZnJvbSAnLi4vLi4vc2hhcmVkL2VudW1zL2VudW0nO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICd3LXRvZ2dsZS1idXR0b24nLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi93LXRvZ2dsZS1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3ctdG9nZ2xlLWJ1dHRvbi5jb21wb25lbnQuc2NzcyddLFxyXG4gIHByb3ZpZGVyczogW1xyXG4gICAge1xyXG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcclxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gV1RvZ2dsZUJ1dHRvbkNvbXBvbmVudCksXHJcbiAgICAgIG11bHRpOiB0cnVlXHJcbiAgICB9XHJcbiAgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgV1RvZ2dsZUJ1dHRvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgQ29udHJvbFZhbHVlQWNjZXNzb3Ige1xyXG4gIEBJbnB1dCgnb25MYWJlbCcpIG9uTGFiZWw6IHN0cmluZyA9IFwiXCI7XHJcbiAgQElucHV0KCdvZmZMYWJlbCcpIG9mZkxhYmVsOiBzdHJpbmcgPSBcIlwiO1xyXG4gIEBJbnB1dCgnc2l6ZScpIHNpemU6IHN0cmluZyA9IFwic21hbGxcIjtcclxuICBASW5wdXQoJ29uSWNvbicpIG9uSWNvbjogc3RyaW5nID0gXCJcIjtcclxuICBASW5wdXQoJ29mZkljb24nKSBvZmZJY29uOiBzdHJpbmcgPSBcIlwiO1xyXG4gIEBJbnB1dCgndG9vbHRpcFBvc2l0aW9uJykgdG9vbHRpcFBvc2l0aW9uOiBzdHJpbmcgPSBcImJvdHRvbVwiO1xyXG4gIEBJbnB1dCgndG9vbHRpcCcpIHRvb2x0aXA6IHN0cmluZyA9IFwiXCI7XHJcbiAgQElucHV0KCdkaXNhYmxlZCcpIGRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCdmb3JtQ29udHJvbCcpIGZvcm1Db250cm9sITogRm9ybUNvbnRyb2wgfCBudWxsO1xyXG5cclxuICBAT3V0cHV0KCdvbkNoYW5nZScpIG9uQ2hhbmdlRXZlbnQ6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG5cclxuICBzaXplVHlwZTogdHlwZW9mIFNpemVUeXBlID0gU2l6ZVR5cGU7XHJcbiAgYnV0dG9uVHlwZTogdHlwZW9mIEJ1dHRvblR5cGUgPSBCdXR0b25UeXBlO1xyXG5cclxuICBvbkNoYW5nZTogYW55ID0gKCkgPT4ge307XHJcbiAgb25Ub3VjaDogYW55ID0gKCkgPT4ge307XHJcblxyXG4gIG5nTW9kZWxWYWx1ZTogYW55O1xyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICB9XHJcblxyXG4gIHdyaXRlVmFsdWUodmFsdWU6IGFueSk6IHZvaWQge1xyXG4gICAgdGhpcy5uZ01vZGVsVmFsdWUgPSB2YWx1ZTtcclxuICB9XHJcblxyXG4gIHJlZ2lzdGVyT25DaGFuZ2UoZm46IGFueSk6IHZvaWQge1xyXG4gICAgdGhpcy5vbkNoYW5nZSA9IGZuO1xyXG4gIH1cclxuXHJcbiAgcmVnaXN0ZXJPblRvdWNoZWQoZm46IGFueSk6IHZvaWQge1xyXG4gICAgdGhpcy5vblRvdWNoID0gZm47XHJcbiAgfVxyXG4gIFxyXG4gIHNldERpc2FibGVkU3RhdGUoaXNEaXNhYmxlZDogYm9vbGVhbik6IHZvaWQge1xyXG4gICAgdGhpcy5kaXNhYmxlZCA9IGlzRGlzYWJsZWQ7XHJcbiAgfVxyXG5cclxuICBvbkJ1dHRvbkNoYW5nZWQoKXtcclxuICAgIHRoaXMub25DaGFuZ2UodGhpcy5uZ01vZGVsVmFsdWUpO1xyXG4gICAgdGhpcy5vblRvdWNoKCk7XHJcblxyXG4gICAgdGhpcy5vbkNoYW5nZUV2ZW50LmVtaXQodGhpcy5uZ01vZGVsVmFsdWUpO1xyXG4gIH1cclxuXHJcbiAgb25CdXR0b25DaGFuZ2VkRm9ybSh2YWx1ZTogYW55KXtcclxuICAgIHRoaXMub25DaGFuZ2VFdmVudC5lbWl0KHZhbHVlLmNoZWNrZWQpO1xyXG4gIH1cclxuXHJcbiAgZ2V0U2l6ZU5hbWUodmFsdWU6IG51bWJlcik6IHN0cmluZyB7XHJcbiAgICByZXR1cm4gU2l6ZVR5cGVbdmFsdWVdO1xyXG4gIH1cclxuXHJcbiAgZ2V0QnV0dG9uVHlwZU5hbWUodmFsdWU6IG51bWJlcik6IHN0cmluZ3tcclxuICAgIHJldHVybiBCdXR0b25UeXBlW3ZhbHVlXTtcclxuICB9XHJcbn1cclxuIiwiPG5nLWNvbnRhaW5lciAqbmdJZj1cImZvcm1Db250cm9sOyBlbHNlIG5vTmdDb250cm9sXCI+XHJcbiAgICA8cC10b2dnbGVCdXR0b24gXHJcbiAgICAgICAgW25nQ2xhc3NdPVwieyd3LXRvZ2dsZWJ1dHRvbi1zbWFsbCcgOiBzaXplID09IGdldFNpemVOYW1lKHNpemVUeXBlLnNtYWxsKSxcclxuICAgICAgICAgICAgICAgICAgICAndy10b2dnbGVidXR0b24tbWVkaXVtJyA6IHNpemUgPT0gZ2V0U2l6ZU5hbWUoc2l6ZVR5cGUubWVkaXVtKSxcclxuICAgICAgICAgICAgICAgICAgICAndy10b2dnbGVidXR0b24tbGFyZ2UnIDogc2l6ZSA9PSBnZXRTaXplTmFtZShzaXplVHlwZS5sYXJnZSl9XCJcclxuICAgICAgICBbb25MYWJlbF09XCJvbkxhYmVsXCIgXHJcbiAgICAgICAgW29mZkxhYmVsXT1cIm9mZkxhYmVsXCIgXHJcbiAgICAgICAgaWNvblBvcz1cInJpZ2h0XCIgXHJcbiAgICAgICAgW29uSWNvbl09XCJvbkljb25cIlxyXG4gICAgICAgIFtvZmZJY29uXT1cIm9mZkljb25cIiBcclxuICAgICAgICBbcFRvb2x0aXBdPVwidG9vbHRpcFwiIFxyXG4gICAgICAgIFt0b29sdGlwUG9zaXRpb25dPVwidG9vbHRpcFBvc2l0aW9uXCIgXHJcbiAgICAgICAgW2Zvcm1Db250cm9sXT1cImZvcm1Db250cm9sXCIgXHJcbiAgICAgICAgKG9uQ2hhbmdlKT1cIm9uQnV0dG9uQ2hhbmdlZEZvcm0oJGV2ZW50KVwiPlxyXG4gICAgPC9wLXRvZ2dsZUJ1dHRvbj5cclxuPC9uZy1jb250YWluZXI+XHJcbjxuZy10ZW1wbGF0ZSAjbm9OZ0NvbnRyb2w+XHJcbiAgICA8cC10b2dnbGVCdXR0b24gXHJcbiAgICAgICAgW25nQ2xhc3NdPVwieyd3LXRvZ2dsZWJ1dHRvbi1zbWFsbCcgOiBzaXplID09IGdldFNpemVOYW1lKHNpemVUeXBlLnNtYWxsKSxcclxuICAgICAgICAgICAgICAgICAgICAndy10b2dnbGVidXR0b24tbWVkaXVtJyA6IHNpemUgPT0gZ2V0U2l6ZU5hbWUoc2l6ZVR5cGUubWVkaXVtKSxcclxuICAgICAgICAgICAgICAgICAgICAndy10b2dnbGVidXR0b24tbGFyZ2UnIDogc2l6ZSA9PSBnZXRTaXplTmFtZShzaXplVHlwZS5sYXJnZSl9XCJcclxuICAgICAgICBbKG5nTW9kZWwpXT1cIm5nTW9kZWxWYWx1ZVwiIFxyXG4gICAgICAgIChuZ01vZGVsQ2hhbmdlKT1cIm9uQnV0dG9uQ2hhbmdlZCgpXCJcclxuICAgICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIiBcclxuICAgICAgICBbb25MYWJlbF09XCJvbkxhYmVsXCIgXHJcbiAgICAgICAgW29mZkxhYmVsXT1cIm9mZkxhYmVsXCIgXHJcbiAgICAgICAgaWNvblBvcz1cInJpZ2h0XCIgXHJcbiAgICAgICAgW29uSWNvbl09XCJvbkljb25cIlxyXG4gICAgICAgIFtvZmZJY29uXT1cIm9mZkljb25cIiBcclxuICAgICAgICBbcFRvb2x0aXBdPVwidG9vbHRpcFwiIFxyXG4gICAgICAgIFt0b29sdGlwUG9zaXRpb25dPVwidG9vbHRpcFBvc2l0aW9uXCI+XHJcbiAgICA8L3AtdG9nZ2xlQnV0dG9uPlxyXG48L25nLXRlbXBsYXRlPiJdfQ==
|