@eui/components 18.0.0-next.30 → 18.0.0-next.31
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/docs/components/EuiFieldsetComponent.html +1 -1
- package/docs/components/EuiMenuItemComponent.html +1 -24
- package/docs/dependencies.html +1 -1
- package/docs/js/search/search_index.js +2 -2
- package/esm2022/directives/eui-tooltip/container/eui-tooltip-container.component.mjs +3 -3
- package/esm2022/eui-alert/eui-alert.component.mjs +2 -2
- package/esm2022/eui-autocomplete/eui-autocomplete.component.mjs +3 -3
- package/esm2022/eui-avatar/eui-avatar.component.mjs +2 -2
- package/esm2022/eui-badge/eui-badge.component.mjs +2 -2
- package/esm2022/eui-block-document/eui-block-document.component.mjs +2 -2
- package/esm2022/eui-button/eui-button.component.mjs +2 -2
- package/esm2022/eui-card/eui-card.component.mjs +2 -2
- package/esm2022/eui-chip/eui-chip.component.mjs +2 -2
- package/esm2022/eui-date-range-selector/eui-date-range-selector.component.mjs +2 -2
- package/esm2022/eui-datepicker/eui-datepicker.component.mjs +2 -2
- package/esm2022/eui-dialog/container/eui-dialog-container.component.mjs +2 -2
- package/esm2022/eui-dialog/eui-dialog.component.mjs +2 -2
- package/esm2022/eui-discussion-thread/eui-discussion-thread.component.mjs +2 -2
- package/esm2022/eui-dropdown/dropdown-item/eui-dropdown-item.component.mjs +2 -2
- package/esm2022/eui-dropdown/eui-dropdown.component.mjs +3 -3
- package/esm2022/eui-ecl-date-block/eui-ecl-date-block.component.mjs +2 -2
- package/esm2022/eui-ecl-label/eui-ecl-label.component.mjs +2 -2
- package/esm2022/eui-feedback-message/eui-feedback-message.component.mjs +2 -2
- package/esm2022/eui-fieldset/eui-fieldset.component.mjs +4 -3
- package/esm2022/eui-file-upload/eui-file-upload.component.mjs +2 -2
- package/esm2022/eui-growl/eui-growl.component.mjs +2 -2
- package/esm2022/eui-icon-toggle/eui-icon-toggle.component.mjs +2 -2
- package/esm2022/eui-input-checkbox/eui-input-checkbox.component.mjs +2 -2
- package/esm2022/eui-input-radio/eui-input-radio.component.mjs +2 -2
- package/esm2022/eui-label/eui-label.component.mjs +2 -2
- package/esm2022/eui-menu/eui-menu-item.component.mjs +3 -5
- package/esm2022/eui-menu/eui-menu.component.mjs +2 -2
- package/esm2022/eui-overlay/eui-overlay.component.mjs +2 -2
- package/esm2022/eui-page/eui-page.component.mjs +2 -2
- package/esm2022/eui-progress-bar/eui-progress-bar.component.mjs +2 -2
- package/esm2022/eui-progress-circle/eui-progress-circle.component.mjs +2 -2
- package/esm2022/eui-slide-toggle/eui-slide-toggle.component.mjs +3 -3
- package/esm2022/eui-table/eui-table.component.mjs +2 -2
- package/esm2022/eui-tabs/eui-tab/eui-tab.component.mjs +2 -2
- package/esm2022/eui-tabs/eui-tabs.component.mjs +2 -2
- package/esm2022/eui-textarea/eui-textarea.component.mjs +2 -2
- package/esm2022/eui-timebar/eui-timebar.component.mjs +2 -2
- package/esm2022/eui-timeline/eui-timeline-item.component.mjs +2 -2
- package/esm2022/eui-timeline/eui-timeline.component.mjs +2 -2
- package/esm2022/eui-wizard/eui-wizard-step.component.mjs +2 -2
- package/esm2022/eui-wizard/eui-wizard.component.mjs +2 -2
- package/esm2022/externals/eui-editor/eui-editor.component.mjs +2 -2
- package/esm2022/layout/eui-header/header.component.mjs +2 -2
- package/esm2022/layout/eui-toolbar/toolbar.component.mjs +2 -2
- package/eui-fieldset/eui-fieldset.component.d.ts.map +1 -1
- package/eui-menu/eui-menu-item.component.d.ts +0 -1
- package/eui-menu/eui-menu-item.component.d.ts.map +1 -1
- package/fesm2022/eui-components-directives.mjs +2 -2
- package/fesm2022/eui-components-directives.mjs.map +1 -1
- package/fesm2022/eui-components-eui-alert.mjs +2 -2
- package/fesm2022/eui-components-eui-alert.mjs.map +1 -1
- package/fesm2022/eui-components-eui-autocomplete.mjs +2 -2
- package/fesm2022/eui-components-eui-autocomplete.mjs.map +1 -1
- package/fesm2022/eui-components-eui-avatar.mjs +2 -2
- package/fesm2022/eui-components-eui-avatar.mjs.map +1 -1
- package/fesm2022/eui-components-eui-badge.mjs +2 -2
- package/fesm2022/eui-components-eui-badge.mjs.map +1 -1
- package/fesm2022/eui-components-eui-block-document.mjs +2 -2
- package/fesm2022/eui-components-eui-block-document.mjs.map +1 -1
- package/fesm2022/eui-components-eui-button.mjs +2 -2
- package/fesm2022/eui-components-eui-button.mjs.map +1 -1
- package/fesm2022/eui-components-eui-card.mjs +2 -2
- package/fesm2022/eui-components-eui-card.mjs.map +1 -1
- package/fesm2022/eui-components-eui-chip.mjs +2 -2
- package/fesm2022/eui-components-eui-chip.mjs.map +1 -1
- package/fesm2022/eui-components-eui-date-range-selector.mjs +2 -2
- package/fesm2022/eui-components-eui-date-range-selector.mjs.map +1 -1
- package/fesm2022/eui-components-eui-datepicker.mjs +2 -2
- package/fesm2022/eui-components-eui-datepicker.mjs.map +1 -1
- package/fesm2022/eui-components-eui-dialog.mjs +4 -4
- package/fesm2022/eui-components-eui-dialog.mjs.map +1 -1
- package/fesm2022/eui-components-eui-discussion-thread.mjs +2 -2
- package/fesm2022/eui-components-eui-discussion-thread.mjs.map +1 -1
- package/fesm2022/eui-components-eui-dropdown.mjs +4 -4
- package/fesm2022/eui-components-eui-dropdown.mjs.map +1 -1
- package/fesm2022/eui-components-eui-ecl-date-block.mjs +2 -2
- package/fesm2022/eui-components-eui-ecl-date-block.mjs.map +1 -1
- package/fesm2022/eui-components-eui-ecl-label.mjs +2 -2
- package/fesm2022/eui-components-eui-ecl-label.mjs.map +1 -1
- package/fesm2022/eui-components-eui-feedback-message.mjs +2 -2
- package/fesm2022/eui-components-eui-feedback-message.mjs.map +1 -1
- package/fesm2022/eui-components-eui-fieldset.mjs +4 -3
- package/fesm2022/eui-components-eui-fieldset.mjs.map +2 -2
- package/fesm2022/eui-components-eui-file-upload.mjs +2 -2
- package/fesm2022/eui-components-eui-file-upload.mjs.map +1 -1
- package/fesm2022/eui-components-eui-growl.mjs +2 -2
- package/fesm2022/eui-components-eui-growl.mjs.map +1 -1
- package/fesm2022/eui-components-eui-icon-toggle.mjs +2 -2
- package/fesm2022/eui-components-eui-icon-toggle.mjs.map +1 -1
- package/fesm2022/eui-components-eui-input-checkbox.mjs +2 -2
- package/fesm2022/eui-components-eui-input-checkbox.mjs.map +1 -1
- package/fesm2022/eui-components-eui-input-radio.mjs +2 -2
- package/fesm2022/eui-components-eui-input-radio.mjs.map +1 -1
- package/fesm2022/eui-components-eui-label.mjs +2 -2
- package/fesm2022/eui-components-eui-label.mjs.map +1 -1
- package/fesm2022/eui-components-eui-menu.mjs +8 -8
- package/fesm2022/eui-components-eui-menu.mjs.map +2 -2
- package/fesm2022/eui-components-eui-overlay.mjs +2 -2
- package/fesm2022/eui-components-eui-overlay.mjs.map +1 -1
- package/fesm2022/eui-components-eui-page.mjs +2 -2
- package/fesm2022/eui-components-eui-page.mjs.map +1 -1
- package/fesm2022/eui-components-eui-progress-bar.mjs +2 -2
- package/fesm2022/eui-components-eui-progress-bar.mjs.map +1 -1
- package/fesm2022/eui-components-eui-progress-circle.mjs +2 -2
- package/fesm2022/eui-components-eui-progress-circle.mjs.map +1 -1
- package/fesm2022/eui-components-eui-slide-toggle.mjs +2 -2
- package/fesm2022/eui-components-eui-slide-toggle.mjs.map +1 -1
- package/fesm2022/eui-components-eui-table.mjs +2 -2
- package/fesm2022/eui-components-eui-table.mjs.map +1 -1
- package/fesm2022/eui-components-eui-tabs.mjs +4 -4
- package/fesm2022/eui-components-eui-tabs.mjs.map +1 -1
- package/fesm2022/eui-components-eui-textarea.mjs +2 -2
- package/fesm2022/eui-components-eui-textarea.mjs.map +1 -1
- package/fesm2022/eui-components-eui-timebar.mjs +2 -2
- package/fesm2022/eui-components-eui-timebar.mjs.map +1 -1
- package/fesm2022/eui-components-eui-timeline.mjs +4 -4
- package/fesm2022/eui-components-eui-timeline.mjs.map +1 -1
- package/fesm2022/eui-components-eui-wizard.mjs +4 -4
- package/fesm2022/eui-components-eui-wizard.mjs.map +1 -1
- package/fesm2022/eui-components-externals-eui-editor.mjs +2 -2
- package/fesm2022/eui-components-externals-eui-editor.mjs.map +1 -1
- package/fesm2022/eui-components-layout.mjs +4 -4
- package/fesm2022/eui-components-layout.mjs.map +1 -1
- package/package.json +9 -9
|
@@ -73,12 +73,12 @@ var EuiWizardStepComponent = class _EuiWizardStepComponent {
|
|
|
73
73
|
this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: _EuiWizardStepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
74
74
|
}
|
|
75
75
|
static {
|
|
76
|
-
this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.4", type: _EuiWizardStepComponent, selector: "eui-wizard-step", inputs: { id: "id", indexLabel: "indexLabel", indexIconClass: "indexIconClass", indexIconSvgName: "indexIconSvgName", label: "label", subLabel: "subLabel", index: "index", url: "url", isCompleted: "isCompleted", isActive: "isActive", isShowStepTitle: "isShowStepTitle", isInvalid: "isInvalid", isWarning: "isWarning", isDisabled: "isDisabled" }, ngImport: i0, template: '<ng-container *ngIf="isActive">\n <ng-content></ng-content>\n</ng-container>\n', styles: ['.eui-wizard{border-bottom:1px solid var(--eui-base-color-grey-20);display:flex;margin:var(--eui-base-spacing-xl) 0 -1px 0;padding-bottom:var(--eui-base-spacing-l)}.eui-wizard-step{cursor:pointer;flex:1;position:relative;text-align:center}.eui-wizard-step__content{margin:var(--eui-base-spacing-m) 0}.eui-wizard-step__current-marker{bottom:0;left:50%;position:absolute;transform:translate(-50%,75%)}.eui-wizard-step__current-marker-icon>svg{color:var(--eui-base-color-grey-75);fill:var(--eui-base-color-grey-75);height:var(--eui-base-spacing-4xl);width:var(--eui-base-spacing-4xl)}.eui-wizard-step__indicator-wrapper{border-bottom:3px solid var(--eui-base-color-grey-25);content:"";margin-bottom:var(--eui-base-spacing-s);top:var(--eui-base-spacing-s);width:100%}.eui-wizard-step__bullet-item{display:flex;align-items:center;justify-content:center;background-color:var(--eui-base-color-white);border:2px solid var(--eui-base-color-grey-80);border-radius:100%;height:var(--eui-base-spacing-3xl);margin:-40px auto 0;padding-top:var(--eui-base-spacing-xs);width:var(--eui-base-spacing-3xl)}.eui-t-compact .eui-wizard-step__bullet-item{margin-top:-30px}.eui-wizard-step__label-wrapper{margin-top:var(--eui-base-spacing-m)}.eui-wizard-step__label-wrapper-label{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-wizard-step__label-wrapper-sub-label{font-size:95%;margin-top:var(--eui-base-spacing-2xs)}.eui-wizard-step--active .eui-wizard-step__bullet-item{border-color:var(--eui-base-color-info-130);color:var(--eui-base-color-info-130)}.eui-wizard-step--active .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-base-color-info-130)}.eui-wizard-step--active .eui-wizard-step__label-wrapper-label{color:var(--eui-base-color-info-130)}.eui-wizard-step--active .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-
|
|
76
|
+
this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.4", type: _EuiWizardStepComponent, selector: "eui-wizard-step", inputs: { id: "id", indexLabel: "indexLabel", indexIconClass: "indexIconClass", indexIconSvgName: "indexIconSvgName", label: "label", subLabel: "subLabel", index: "index", url: "url", isCompleted: "isCompleted", isActive: "isActive", isShowStepTitle: "isShowStepTitle", isInvalid: "isInvalid", isWarning: "isWarning", isDisabled: "isDisabled" }, ngImport: i0, template: '<ng-container *ngIf="isActive">\n <ng-content></ng-content>\n</ng-container>\n', styles: ['.eui-wizard{border-bottom:1px solid var(--eui-base-color-grey-20);display:flex;margin:var(--eui-base-spacing-xl) 0 -1px 0;padding-bottom:var(--eui-base-spacing-l)}.eui-wizard-step{cursor:pointer;flex:1;position:relative;text-align:center}.eui-wizard-step__content{margin:var(--eui-base-spacing-m) 0}.eui-wizard-step__current-marker{bottom:0;left:50%;position:absolute;transform:translate(-50%,75%)}.eui-wizard-step__current-marker-icon>svg{color:var(--eui-base-color-grey-75);fill:var(--eui-base-color-grey-75);height:var(--eui-base-spacing-4xl);width:var(--eui-base-spacing-4xl)}.eui-wizard-step__indicator-wrapper{border-bottom:3px solid var(--eui-base-color-grey-25);content:"";margin-bottom:var(--eui-base-spacing-s);top:var(--eui-base-spacing-s);width:100%}.eui-wizard-step__bullet-item{display:flex;align-items:center;justify-content:center;background-color:var(--eui-base-color-white);border:2px solid var(--eui-base-color-grey-80);border-radius:100%;height:var(--eui-base-spacing-3xl);margin:-40px auto 0;padding-top:var(--eui-base-spacing-xs);width:var(--eui-base-spacing-3xl)}.eui-t-compact .eui-wizard-step__bullet-item{margin-top:-30px}.eui-wizard-step__label-wrapper{margin-top:var(--eui-base-spacing-m)}.eui-wizard-step__label-wrapper-label{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-wizard-step__label-wrapper-sub-label{font-size:95%;margin-top:var(--eui-base-spacing-2xs)}.eui-wizard-step--active .eui-wizard-step__bullet-item{border-color:var(--eui-base-color-info-130);color:var(--eui-base-color-info-130)}.eui-wizard-step--active .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-base-color-info-130)}.eui-wizard-step--active .eui-wizard-step__label-wrapper-label{color:var(--eui-base-color-info-130)}.eui-wizard-step--active .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-ctx-c-in)}.eui-wizard-step--completed .eui-wizard-step__bullet-item{background-color:var(--eui-base-color-success-110);border-color:var(--eui-base-color-success-110);color:var(--eui-base-color-white)}.eui-wizard-step--completed .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-base-color-white);fill:var(--eui-base-color-white)}.eui-wizard-step--completed .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-base-color-success-110)}.eui-wizard-step--completed .eui-wizard-step__label-wrapper-label{color:var(--eui-base-color-success-120)}.eui-wizard-step--completed .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-base-color-success-110)}.eui-wizard-step--error .eui-wizard-step__bullet-item{background-color:var(--eui-ctx-c-da);border-color:var(--eui-ctx-c-da);color:var(--eui-base-color-white)}.eui-wizard-step--error .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-base-color-white);fill:var(--eui-base-color-white)}.eui-wizard-step--error .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-ctx-c-da)}.eui-wizard-step--error .eui-wizard-step__label-wrapper-label,.eui-wizard-step--error .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-ctx-c-da)}.eui-wizard-step--warning .eui-wizard-step__bullet-item{background-color:var(--eui-ctx-c-wa);border-color:var(--eui-ctx-c-wa);color:var(--eui-base-color-grey-100)}.eui-wizard-step--warning .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-base-color-white);fill:var(--eui-base-color-white)}.eui-wizard-step--warning .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-base-color-warning-140)}.eui-wizard-step--warning .eui-wizard-step__label-wrapper-label,.eui-wizard-step--warning .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-base-color-warning-140)}.eui-wizard-step--disabled .eui-wizard-step__label-wrapper-label,.eui-wizard-step--disabled .eui-wizard-step__label-wrapper-sub-label,.eui-wizard-step--disabled .eui-wizard-step__bullet-item{border-color:var(--eui-base-color-grey-20);color:var(--eui-base-color-grey-90)}.eui-wizard-step--disabled .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-base-color-grey-25)}.eui-wizard-step--disabled:hover{cursor:not-allowed}.eui-wizard-step--notallowed .eui-wizard-step__bullet-item-icon{color:var(--eui-base-color-white)}.eui-wizard-step--notallowed.eui-wizard-step--disabled .eui-wizard-step__bullet-item-icon{color:var(--eui-base-color-grey-80)}.eui-wizard-step--notallowed.eui-wizard-step--disabled.eui-wizard-step--completed .eui-wizard-step__bullet-item-icon,.eui-wizard-step--notallowed.eui-wizard-step--disabled.eui-wizard-step--error .eui-wizard-step__bullet-item-icon{color:var(--eui-base-color-white)}.eui-wizard-step--notallowed:hover{cursor:not-allowed}.eui-wizard-step:focus .eui-wizard-step__bullet-item{border:2px solid transparent;border-color:var(--eui-base-color-accent-110);border-radius:50%}.eui-wizard-step:first-child .eui-wizard-step__indicator-wrapper{margin-left:50%;width:50%}.eui-wizard-step:last-child .eui-wizard-step__indicator-wrapper{margin-right:50%;width:50%}\n'], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
|
|
77
77
|
}
|
|
78
78
|
};
|
|
79
79
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EuiWizardStepComponent, decorators: [{
|
|
80
80
|
type: Component,
|
|
81
|
-
args: [{ selector: "eui-wizard-step", changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: '<ng-container *ngIf="isActive">\n <ng-content></ng-content>\n</ng-container>\n', styles: ['.eui-wizard{border-bottom:1px solid var(--eui-base-color-grey-20);display:flex;margin:var(--eui-base-spacing-xl) 0 -1px 0;padding-bottom:var(--eui-base-spacing-l)}.eui-wizard-step{cursor:pointer;flex:1;position:relative;text-align:center}.eui-wizard-step__content{margin:var(--eui-base-spacing-m) 0}.eui-wizard-step__current-marker{bottom:0;left:50%;position:absolute;transform:translate(-50%,75%)}.eui-wizard-step__current-marker-icon>svg{color:var(--eui-base-color-grey-75);fill:var(--eui-base-color-grey-75);height:var(--eui-base-spacing-4xl);width:var(--eui-base-spacing-4xl)}.eui-wizard-step__indicator-wrapper{border-bottom:3px solid var(--eui-base-color-grey-25);content:"";margin-bottom:var(--eui-base-spacing-s);top:var(--eui-base-spacing-s);width:100%}.eui-wizard-step__bullet-item{display:flex;align-items:center;justify-content:center;background-color:var(--eui-base-color-white);border:2px solid var(--eui-base-color-grey-80);border-radius:100%;height:var(--eui-base-spacing-3xl);margin:-40px auto 0;padding-top:var(--eui-base-spacing-xs);width:var(--eui-base-spacing-3xl)}.eui-t-compact .eui-wizard-step__bullet-item{margin-top:-30px}.eui-wizard-step__label-wrapper{margin-top:var(--eui-base-spacing-m)}.eui-wizard-step__label-wrapper-label{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-wizard-step__label-wrapper-sub-label{font-size:95%;margin-top:var(--eui-base-spacing-2xs)}.eui-wizard-step--active .eui-wizard-step__bullet-item{border-color:var(--eui-base-color-info-130);color:var(--eui-base-color-info-130)}.eui-wizard-step--active .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-base-color-info-130)}.eui-wizard-step--active .eui-wizard-step__label-wrapper-label{color:var(--eui-base-color-info-130)}.eui-wizard-step--active .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-
|
|
81
|
+
args: [{ selector: "eui-wizard-step", changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: '<ng-container *ngIf="isActive">\n <ng-content></ng-content>\n</ng-container>\n', styles: ['.eui-wizard{border-bottom:1px solid var(--eui-base-color-grey-20);display:flex;margin:var(--eui-base-spacing-xl) 0 -1px 0;padding-bottom:var(--eui-base-spacing-l)}.eui-wizard-step{cursor:pointer;flex:1;position:relative;text-align:center}.eui-wizard-step__content{margin:var(--eui-base-spacing-m) 0}.eui-wizard-step__current-marker{bottom:0;left:50%;position:absolute;transform:translate(-50%,75%)}.eui-wizard-step__current-marker-icon>svg{color:var(--eui-base-color-grey-75);fill:var(--eui-base-color-grey-75);height:var(--eui-base-spacing-4xl);width:var(--eui-base-spacing-4xl)}.eui-wizard-step__indicator-wrapper{border-bottom:3px solid var(--eui-base-color-grey-25);content:"";margin-bottom:var(--eui-base-spacing-s);top:var(--eui-base-spacing-s);width:100%}.eui-wizard-step__bullet-item{display:flex;align-items:center;justify-content:center;background-color:var(--eui-base-color-white);border:2px solid var(--eui-base-color-grey-80);border-radius:100%;height:var(--eui-base-spacing-3xl);margin:-40px auto 0;padding-top:var(--eui-base-spacing-xs);width:var(--eui-base-spacing-3xl)}.eui-t-compact .eui-wizard-step__bullet-item{margin-top:-30px}.eui-wizard-step__label-wrapper{margin-top:var(--eui-base-spacing-m)}.eui-wizard-step__label-wrapper-label{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-wizard-step__label-wrapper-sub-label{font-size:95%;margin-top:var(--eui-base-spacing-2xs)}.eui-wizard-step--active .eui-wizard-step__bullet-item{border-color:var(--eui-base-color-info-130);color:var(--eui-base-color-info-130)}.eui-wizard-step--active .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-base-color-info-130)}.eui-wizard-step--active .eui-wizard-step__label-wrapper-label{color:var(--eui-base-color-info-130)}.eui-wizard-step--active .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-ctx-c-in)}.eui-wizard-step--completed .eui-wizard-step__bullet-item{background-color:var(--eui-base-color-success-110);border-color:var(--eui-base-color-success-110);color:var(--eui-base-color-white)}.eui-wizard-step--completed .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-base-color-white);fill:var(--eui-base-color-white)}.eui-wizard-step--completed .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-base-color-success-110)}.eui-wizard-step--completed .eui-wizard-step__label-wrapper-label{color:var(--eui-base-color-success-120)}.eui-wizard-step--completed .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-base-color-success-110)}.eui-wizard-step--error .eui-wizard-step__bullet-item{background-color:var(--eui-ctx-c-da);border-color:var(--eui-ctx-c-da);color:var(--eui-base-color-white)}.eui-wizard-step--error .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-base-color-white);fill:var(--eui-base-color-white)}.eui-wizard-step--error .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-ctx-c-da)}.eui-wizard-step--error .eui-wizard-step__label-wrapper-label,.eui-wizard-step--error .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-ctx-c-da)}.eui-wizard-step--warning .eui-wizard-step__bullet-item{background-color:var(--eui-ctx-c-wa);border-color:var(--eui-ctx-c-wa);color:var(--eui-base-color-grey-100)}.eui-wizard-step--warning .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-base-color-white);fill:var(--eui-base-color-white)}.eui-wizard-step--warning .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-base-color-warning-140)}.eui-wizard-step--warning .eui-wizard-step__label-wrapper-label,.eui-wizard-step--warning .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-base-color-warning-140)}.eui-wizard-step--disabled .eui-wizard-step__label-wrapper-label,.eui-wizard-step--disabled .eui-wizard-step__label-wrapper-sub-label,.eui-wizard-step--disabled .eui-wizard-step__bullet-item{border-color:var(--eui-base-color-grey-20);color:var(--eui-base-color-grey-90)}.eui-wizard-step--disabled .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-base-color-grey-25)}.eui-wizard-step--disabled:hover{cursor:not-allowed}.eui-wizard-step--notallowed .eui-wizard-step__bullet-item-icon{color:var(--eui-base-color-white)}.eui-wizard-step--notallowed.eui-wizard-step--disabled .eui-wizard-step__bullet-item-icon{color:var(--eui-base-color-grey-80)}.eui-wizard-step--notallowed.eui-wizard-step--disabled.eui-wizard-step--completed .eui-wizard-step__bullet-item-icon,.eui-wizard-step--notallowed.eui-wizard-step--disabled.eui-wizard-step--error .eui-wizard-step__bullet-item-icon{color:var(--eui-base-color-white)}.eui-wizard-step--notallowed:hover{cursor:not-allowed}.eui-wizard-step:focus .eui-wizard-step__bullet-item{border:2px solid transparent;border-color:var(--eui-base-color-accent-110);border-radius:50%}.eui-wizard-step:first-child .eui-wizard-step__indicator-wrapper{margin-left:50%;width:50%}.eui-wizard-step:last-child .eui-wizard-step__indicator-wrapper{margin-right:50%;width:50%}\n'] }]
|
|
82
82
|
}], propDecorators: { id: [{
|
|
83
83
|
type: Input
|
|
84
84
|
}], indexLabel: [{
|
|
@@ -245,12 +245,12 @@ var EuiWizardComponent = class _EuiWizardComponent {
|
|
|
245
245
|
this.ɵfac = i02.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i02, type: _EuiWizardComponent, deps: [], target: i02.ɵɵFactoryTarget.Component });
|
|
246
246
|
}
|
|
247
247
|
static {
|
|
248
|
-
this.ɵcmp = i02.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.4", type: _EuiWizardComponent, selector: "eui-wizard", inputs: { activeStepIndex: "activeStepIndex", steps: "steps", tabindex: "tabindex", e2eAttr: "e2eAttr", isCustomContent: "isCustomContent", isShowStepTitle: "isShowStepTitle", isNavigationAllowed: "isNavigationAllowed" }, outputs: { selectStep: "selectStep" }, queries: [{ propertyName: "childrenSteps", predicate: EuiWizardStepComponent }], viewQueries: [{ propertyName: "canBeFocused", predicate: ["canBeFocused"], descendants: true }], usesOnChanges: true, ngImport: i02, template: '<div class="eui-wizard" role="tablist" aria-orientation="horizontal" aria-label="" attr.data-e2e="{{ e2eAttr }}">\n <div\n #canBeFocused\n *ngFor="let step of steps; let idx = index; trackBy: trackByFn"\n class="eui-wizard-step"\n role="tab"\n [id]="step.id"\n attr.aria-label="{{ step?.label }} {{ step?.subLabel }}"\n [attr.aria-disabled]="step?.isDisabled"\n [attr.aria-controls]="stepContentId"\n [tabindex]="step?.isDisabled || !isNavigationAllowed ? -1 : tabindex"\n [class.eui-wizard-step--completed]="step?.isCompleted"\n [class.eui-wizard-step--notallowed]="!isNavigationAllowed"\n [class.eui-wizard-step--active]="step?.isActive"\n [class.eui-wizard-step--disabled]="step?.isDisabled || !isNavigationAllowed"\n [class.eui-wizard-step--error]="step?.isInvalid"\n [class.eui-wizard-step--warning]="step?.isWarning"\n (click)="onSelectStep(step, idx + 1)"\n (keydown)="onKeyDown($event)">\n <div class="eui-wizard-step__indicator-wrapper" role="presentation"></div>\n\n <div class="eui-wizard-step__bullet-item">\n <span class="eui-wizard-step__bullet-item-icon">\n <ng-container *ngIf="!step?.indexIconClass && !step?.indexIconSvgName; else customIconContent">\n <eui-icon-svg *ngIf="step?.isCompleted && !step?.isActive" icon="eui-check"></eui-icon-svg>\n <eui-icon-svg *ngIf="step?.isInvalid && !step?.isActive" icon="eui-exclamation"></eui-icon-svg>\n <eui-icon-svg *ngIf="step?.isActive" icon="eui-create"></eui-icon-svg>\n </ng-container>\n\n <ng-template #customIconContent>\n <!-- v15 OK-->\n <span *ngIf="step?.indexIconClass && step?.indexIconClass !== undefined" role="presentation">\n <span class="eui-wizard-step__icon eui-icon {{ step?.indexIconClass }}"></span>\n </span>\n\n <span *ngIf="step?.indexIconSvgName && step?.indexIconSvgName !== undefined" role="presentation">\n <eui-icon-svg icon="{{ step?.indexIconSvgName }}" class="eui-wizard-step__icon"></eui-icon-svg>\n </span>\n </ng-template>\n\n <span\n *ngIf="!step?.indexIconClass && !step?.indexIconSvgName && !step?.isActive && !step?.isCompleted && !step?.isInvalid"\n role="presentation">\n {{ step?.indexLabel !== undefined ? step?.indexLabel : idx + 1 }}\n </span>\n </span>\n </div>\n <div class="eui-wizard-step__label-wrapper" role="presentation">\n <div class="eui-wizard-step__label-wrapper-label" role="presentation">\n {{ step?.label }}\n </div>\n <div class="eui-wizard-step__label-wrapper-sub-label" role="presentation">\n {{ step?.subLabel }}\n </div>\n </div>\n\n <div *ngIf="step?.isActive" class="eui-wizard-step__current-marker" role="presentation">\n <eui-icon-svg icon="eui-ecl-solid-arrow" class="eui-wizard-step__current-marker-icon"></eui-icon-svg>\n </div>\n </div>\n</div>\n<div [id]="stepContentId" class="step-content" role="tabpanel" [attr.aria-labelledby]="stepIds">\n <ng-content></ng-content>\n</div>\n', styles: ['.eui-wizard{border-bottom:1px solid var(--eui-base-color-grey-20);display:flex;margin:var(--eui-base-spacing-xl) 0 -1px 0;padding-bottom:var(--eui-base-spacing-l)}.eui-wizard-step{cursor:pointer;flex:1;position:relative;text-align:center}.eui-wizard-step__content{margin:var(--eui-base-spacing-m) 0}.eui-wizard-step__current-marker{bottom:0;left:50%;position:absolute;transform:translate(-50%,75%)}.eui-wizard-step__current-marker-icon>svg{color:var(--eui-base-color-grey-75);fill:var(--eui-base-color-grey-75);height:var(--eui-base-spacing-4xl);width:var(--eui-base-spacing-4xl)}.eui-wizard-step__indicator-wrapper{border-bottom:3px solid var(--eui-base-color-grey-25);content:"";margin-bottom:var(--eui-base-spacing-s);top:var(--eui-base-spacing-s);width:100%}.eui-wizard-step__bullet-item{display:flex;align-items:center;justify-content:center;background-color:var(--eui-base-color-white);border:2px solid var(--eui-base-color-grey-80);border-radius:100%;height:var(--eui-base-spacing-3xl);margin:-40px auto 0;padding-top:var(--eui-base-spacing-xs);width:var(--eui-base-spacing-3xl)}.eui-t-compact .eui-wizard-step__bullet-item{margin-top:-30px}.eui-wizard-step__label-wrapper{margin-top:var(--eui-base-spacing-m)}.eui-wizard-step__label-wrapper-label{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-wizard-step__label-wrapper-sub-label{font-size:95%;margin-top:var(--eui-base-spacing-2xs)}.eui-wizard-step--active .eui-wizard-step__bullet-item{border-color:var(--eui-base-color-info-130);color:var(--eui-base-color-info-130)}.eui-wizard-step--active .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-base-color-info-130)}.eui-wizard-step--active .eui-wizard-step__label-wrapper-label{color:var(--eui-base-color-info-130)}.eui-wizard-step--active .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-
|
|
248
|
+
this.ɵcmp = i02.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.4", type: _EuiWizardComponent, selector: "eui-wizard", inputs: { activeStepIndex: "activeStepIndex", steps: "steps", tabindex: "tabindex", e2eAttr: "e2eAttr", isCustomContent: "isCustomContent", isShowStepTitle: "isShowStepTitle", isNavigationAllowed: "isNavigationAllowed" }, outputs: { selectStep: "selectStep" }, queries: [{ propertyName: "childrenSteps", predicate: EuiWizardStepComponent }], viewQueries: [{ propertyName: "canBeFocused", predicate: ["canBeFocused"], descendants: true }], usesOnChanges: true, ngImport: i02, template: '<div class="eui-wizard" role="tablist" aria-orientation="horizontal" aria-label="" attr.data-e2e="{{ e2eAttr }}">\n <div\n #canBeFocused\n *ngFor="let step of steps; let idx = index; trackBy: trackByFn"\n class="eui-wizard-step"\n role="tab"\n [id]="step.id"\n attr.aria-label="{{ step?.label }} {{ step?.subLabel }}"\n [attr.aria-disabled]="step?.isDisabled"\n [attr.aria-controls]="stepContentId"\n [tabindex]="step?.isDisabled || !isNavigationAllowed ? -1 : tabindex"\n [class.eui-wizard-step--completed]="step?.isCompleted"\n [class.eui-wizard-step--notallowed]="!isNavigationAllowed"\n [class.eui-wizard-step--active]="step?.isActive"\n [class.eui-wizard-step--disabled]="step?.isDisabled || !isNavigationAllowed"\n [class.eui-wizard-step--error]="step?.isInvalid"\n [class.eui-wizard-step--warning]="step?.isWarning"\n (click)="onSelectStep(step, idx + 1)"\n (keydown)="onKeyDown($event)">\n <div class="eui-wizard-step__indicator-wrapper" role="presentation"></div>\n\n <div class="eui-wizard-step__bullet-item">\n <span class="eui-wizard-step__bullet-item-icon">\n <ng-container *ngIf="!step?.indexIconClass && !step?.indexIconSvgName; else customIconContent">\n <eui-icon-svg *ngIf="step?.isCompleted && !step?.isActive" icon="eui-check"></eui-icon-svg>\n <eui-icon-svg *ngIf="step?.isInvalid && !step?.isActive" icon="eui-exclamation"></eui-icon-svg>\n <eui-icon-svg *ngIf="step?.isActive" icon="eui-create"></eui-icon-svg>\n </ng-container>\n\n <ng-template #customIconContent>\n <!-- v15 OK-->\n <span *ngIf="step?.indexIconClass && step?.indexIconClass !== undefined" role="presentation">\n <span class="eui-wizard-step__icon eui-icon {{ step?.indexIconClass }}"></span>\n </span>\n\n <span *ngIf="step?.indexIconSvgName && step?.indexIconSvgName !== undefined" role="presentation">\n <eui-icon-svg icon="{{ step?.indexIconSvgName }}" class="eui-wizard-step__icon"></eui-icon-svg>\n </span>\n </ng-template>\n\n <span\n *ngIf="!step?.indexIconClass && !step?.indexIconSvgName && !step?.isActive && !step?.isCompleted && !step?.isInvalid"\n role="presentation">\n {{ step?.indexLabel !== undefined ? step?.indexLabel : idx + 1 }}\n </span>\n </span>\n </div>\n <div class="eui-wizard-step__label-wrapper" role="presentation">\n <div class="eui-wizard-step__label-wrapper-label" role="presentation">\n {{ step?.label }}\n </div>\n <div class="eui-wizard-step__label-wrapper-sub-label" role="presentation">\n {{ step?.subLabel }}\n </div>\n </div>\n\n <div *ngIf="step?.isActive" class="eui-wizard-step__current-marker" role="presentation">\n <eui-icon-svg icon="eui-ecl-solid-arrow" class="eui-wizard-step__current-marker-icon"></eui-icon-svg>\n </div>\n </div>\n</div>\n<div [id]="stepContentId" class="step-content" role="tabpanel" [attr.aria-labelledby]="stepIds">\n <ng-content></ng-content>\n</div>\n', styles: ['.eui-wizard{border-bottom:1px solid var(--eui-base-color-grey-20);display:flex;margin:var(--eui-base-spacing-xl) 0 -1px 0;padding-bottom:var(--eui-base-spacing-l)}.eui-wizard-step{cursor:pointer;flex:1;position:relative;text-align:center}.eui-wizard-step__content{margin:var(--eui-base-spacing-m) 0}.eui-wizard-step__current-marker{bottom:0;left:50%;position:absolute;transform:translate(-50%,75%)}.eui-wizard-step__current-marker-icon>svg{color:var(--eui-base-color-grey-75);fill:var(--eui-base-color-grey-75);height:var(--eui-base-spacing-4xl);width:var(--eui-base-spacing-4xl)}.eui-wizard-step__indicator-wrapper{border-bottom:3px solid var(--eui-base-color-grey-25);content:"";margin-bottom:var(--eui-base-spacing-s);top:var(--eui-base-spacing-s);width:100%}.eui-wizard-step__bullet-item{display:flex;align-items:center;justify-content:center;background-color:var(--eui-base-color-white);border:2px solid var(--eui-base-color-grey-80);border-radius:100%;height:var(--eui-base-spacing-3xl);margin:-40px auto 0;padding-top:var(--eui-base-spacing-xs);width:var(--eui-base-spacing-3xl)}.eui-t-compact .eui-wizard-step__bullet-item{margin-top:-30px}.eui-wizard-step__label-wrapper{margin-top:var(--eui-base-spacing-m)}.eui-wizard-step__label-wrapper-label{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-wizard-step__label-wrapper-sub-label{font-size:95%;margin-top:var(--eui-base-spacing-2xs)}.eui-wizard-step--active .eui-wizard-step__bullet-item{border-color:var(--eui-base-color-info-130);color:var(--eui-base-color-info-130)}.eui-wizard-step--active .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-base-color-info-130)}.eui-wizard-step--active .eui-wizard-step__label-wrapper-label{color:var(--eui-base-color-info-130)}.eui-wizard-step--active .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-ctx-c-in)}.eui-wizard-step--completed .eui-wizard-step__bullet-item{background-color:var(--eui-base-color-success-110);border-color:var(--eui-base-color-success-110);color:var(--eui-base-color-white)}.eui-wizard-step--completed .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-base-color-white);fill:var(--eui-base-color-white)}.eui-wizard-step--completed .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-base-color-success-110)}.eui-wizard-step--completed .eui-wizard-step__label-wrapper-label{color:var(--eui-base-color-success-120)}.eui-wizard-step--completed .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-base-color-success-110)}.eui-wizard-step--error .eui-wizard-step__bullet-item{background-color:var(--eui-ctx-c-da);border-color:var(--eui-ctx-c-da);color:var(--eui-base-color-white)}.eui-wizard-step--error .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-base-color-white);fill:var(--eui-base-color-white)}.eui-wizard-step--error .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-ctx-c-da)}.eui-wizard-step--error .eui-wizard-step__label-wrapper-label,.eui-wizard-step--error .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-ctx-c-da)}.eui-wizard-step--warning .eui-wizard-step__bullet-item{background-color:var(--eui-ctx-c-wa);border-color:var(--eui-ctx-c-wa);color:var(--eui-base-color-grey-100)}.eui-wizard-step--warning .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-base-color-white);fill:var(--eui-base-color-white)}.eui-wizard-step--warning .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-base-color-warning-140)}.eui-wizard-step--warning .eui-wizard-step__label-wrapper-label,.eui-wizard-step--warning .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-base-color-warning-140)}.eui-wizard-step--disabled .eui-wizard-step__label-wrapper-label,.eui-wizard-step--disabled .eui-wizard-step__label-wrapper-sub-label,.eui-wizard-step--disabled .eui-wizard-step__bullet-item{border-color:var(--eui-base-color-grey-20);color:var(--eui-base-color-grey-90)}.eui-wizard-step--disabled .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-base-color-grey-25)}.eui-wizard-step--disabled:hover{cursor:not-allowed}.eui-wizard-step--notallowed .eui-wizard-step__bullet-item-icon{color:var(--eui-base-color-white)}.eui-wizard-step--notallowed.eui-wizard-step--disabled .eui-wizard-step__bullet-item-icon{color:var(--eui-base-color-grey-80)}.eui-wizard-step--notallowed.eui-wizard-step--disabled.eui-wizard-step--completed .eui-wizard-step__bullet-item-icon,.eui-wizard-step--notallowed.eui-wizard-step--disabled.eui-wizard-step--error .eui-wizard-step__bullet-item-icon{color:var(--eui-base-color-white)}.eui-wizard-step--notallowed:hover{cursor:not-allowed}.eui-wizard-step:focus .eui-wizard-step__bullet-item{border:2px solid transparent;border-color:var(--eui-base-color-accent-110);border-radius:50%}.eui-wizard-step:first-child .eui-wizard-step__indicator-wrapper{margin-left:50%;width:50%}.eui-wizard-step:last-child .eui-wizard-step__indicator-wrapper{margin-right:50%;width:50%}\n'], dependencies: [{ kind: "directive", type: i12.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i12.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }], encapsulation: i02.ViewEncapsulation.None });
|
|
249
249
|
}
|
|
250
250
|
};
|
|
251
251
|
i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i02, type: EuiWizardComponent, decorators: [{
|
|
252
252
|
type: Component2,
|
|
253
|
-
args: [{ selector: "eui-wizard", encapsulation: ViewEncapsulation3.None, template: '<div class="eui-wizard" role="tablist" aria-orientation="horizontal" aria-label="" attr.data-e2e="{{ e2eAttr }}">\n <div\n #canBeFocused\n *ngFor="let step of steps; let idx = index; trackBy: trackByFn"\n class="eui-wizard-step"\n role="tab"\n [id]="step.id"\n attr.aria-label="{{ step?.label }} {{ step?.subLabel }}"\n [attr.aria-disabled]="step?.isDisabled"\n [attr.aria-controls]="stepContentId"\n [tabindex]="step?.isDisabled || !isNavigationAllowed ? -1 : tabindex"\n [class.eui-wizard-step--completed]="step?.isCompleted"\n [class.eui-wizard-step--notallowed]="!isNavigationAllowed"\n [class.eui-wizard-step--active]="step?.isActive"\n [class.eui-wizard-step--disabled]="step?.isDisabled || !isNavigationAllowed"\n [class.eui-wizard-step--error]="step?.isInvalid"\n [class.eui-wizard-step--warning]="step?.isWarning"\n (click)="onSelectStep(step, idx + 1)"\n (keydown)="onKeyDown($event)">\n <div class="eui-wizard-step__indicator-wrapper" role="presentation"></div>\n\n <div class="eui-wizard-step__bullet-item">\n <span class="eui-wizard-step__bullet-item-icon">\n <ng-container *ngIf="!step?.indexIconClass && !step?.indexIconSvgName; else customIconContent">\n <eui-icon-svg *ngIf="step?.isCompleted && !step?.isActive" icon="eui-check"></eui-icon-svg>\n <eui-icon-svg *ngIf="step?.isInvalid && !step?.isActive" icon="eui-exclamation"></eui-icon-svg>\n <eui-icon-svg *ngIf="step?.isActive" icon="eui-create"></eui-icon-svg>\n </ng-container>\n\n <ng-template #customIconContent>\n <!-- v15 OK-->\n <span *ngIf="step?.indexIconClass && step?.indexIconClass !== undefined" role="presentation">\n <span class="eui-wizard-step__icon eui-icon {{ step?.indexIconClass }}"></span>\n </span>\n\n <span *ngIf="step?.indexIconSvgName && step?.indexIconSvgName !== undefined" role="presentation">\n <eui-icon-svg icon="{{ step?.indexIconSvgName }}" class="eui-wizard-step__icon"></eui-icon-svg>\n </span>\n </ng-template>\n\n <span\n *ngIf="!step?.indexIconClass && !step?.indexIconSvgName && !step?.isActive && !step?.isCompleted && !step?.isInvalid"\n role="presentation">\n {{ step?.indexLabel !== undefined ? step?.indexLabel : idx + 1 }}\n </span>\n </span>\n </div>\n <div class="eui-wizard-step__label-wrapper" role="presentation">\n <div class="eui-wizard-step__label-wrapper-label" role="presentation">\n {{ step?.label }}\n </div>\n <div class="eui-wizard-step__label-wrapper-sub-label" role="presentation">\n {{ step?.subLabel }}\n </div>\n </div>\n\n <div *ngIf="step?.isActive" class="eui-wizard-step__current-marker" role="presentation">\n <eui-icon-svg icon="eui-ecl-solid-arrow" class="eui-wizard-step__current-marker-icon"></eui-icon-svg>\n </div>\n </div>\n</div>\n<div [id]="stepContentId" class="step-content" role="tabpanel" [attr.aria-labelledby]="stepIds">\n <ng-content></ng-content>\n</div>\n', styles: ['.eui-wizard{border-bottom:1px solid var(--eui-base-color-grey-20);display:flex;margin:var(--eui-base-spacing-xl) 0 -1px 0;padding-bottom:var(--eui-base-spacing-l)}.eui-wizard-step{cursor:pointer;flex:1;position:relative;text-align:center}.eui-wizard-step__content{margin:var(--eui-base-spacing-m) 0}.eui-wizard-step__current-marker{bottom:0;left:50%;position:absolute;transform:translate(-50%,75%)}.eui-wizard-step__current-marker-icon>svg{color:var(--eui-base-color-grey-75);fill:var(--eui-base-color-grey-75);height:var(--eui-base-spacing-4xl);width:var(--eui-base-spacing-4xl)}.eui-wizard-step__indicator-wrapper{border-bottom:3px solid var(--eui-base-color-grey-25);content:"";margin-bottom:var(--eui-base-spacing-s);top:var(--eui-base-spacing-s);width:100%}.eui-wizard-step__bullet-item{display:flex;align-items:center;justify-content:center;background-color:var(--eui-base-color-white);border:2px solid var(--eui-base-color-grey-80);border-radius:100%;height:var(--eui-base-spacing-3xl);margin:-40px auto 0;padding-top:var(--eui-base-spacing-xs);width:var(--eui-base-spacing-3xl)}.eui-t-compact .eui-wizard-step__bullet-item{margin-top:-30px}.eui-wizard-step__label-wrapper{margin-top:var(--eui-base-spacing-m)}.eui-wizard-step__label-wrapper-label{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-wizard-step__label-wrapper-sub-label{font-size:95%;margin-top:var(--eui-base-spacing-2xs)}.eui-wizard-step--active .eui-wizard-step__bullet-item{border-color:var(--eui-base-color-info-130);color:var(--eui-base-color-info-130)}.eui-wizard-step--active .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-base-color-info-130)}.eui-wizard-step--active .eui-wizard-step__label-wrapper-label{color:var(--eui-base-color-info-130)}.eui-wizard-step--active .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-
|
|
253
|
+
args: [{ selector: "eui-wizard", encapsulation: ViewEncapsulation3.None, template: '<div class="eui-wizard" role="tablist" aria-orientation="horizontal" aria-label="" attr.data-e2e="{{ e2eAttr }}">\n <div\n #canBeFocused\n *ngFor="let step of steps; let idx = index; trackBy: trackByFn"\n class="eui-wizard-step"\n role="tab"\n [id]="step.id"\n attr.aria-label="{{ step?.label }} {{ step?.subLabel }}"\n [attr.aria-disabled]="step?.isDisabled"\n [attr.aria-controls]="stepContentId"\n [tabindex]="step?.isDisabled || !isNavigationAllowed ? -1 : tabindex"\n [class.eui-wizard-step--completed]="step?.isCompleted"\n [class.eui-wizard-step--notallowed]="!isNavigationAllowed"\n [class.eui-wizard-step--active]="step?.isActive"\n [class.eui-wizard-step--disabled]="step?.isDisabled || !isNavigationAllowed"\n [class.eui-wizard-step--error]="step?.isInvalid"\n [class.eui-wizard-step--warning]="step?.isWarning"\n (click)="onSelectStep(step, idx + 1)"\n (keydown)="onKeyDown($event)">\n <div class="eui-wizard-step__indicator-wrapper" role="presentation"></div>\n\n <div class="eui-wizard-step__bullet-item">\n <span class="eui-wizard-step__bullet-item-icon">\n <ng-container *ngIf="!step?.indexIconClass && !step?.indexIconSvgName; else customIconContent">\n <eui-icon-svg *ngIf="step?.isCompleted && !step?.isActive" icon="eui-check"></eui-icon-svg>\n <eui-icon-svg *ngIf="step?.isInvalid && !step?.isActive" icon="eui-exclamation"></eui-icon-svg>\n <eui-icon-svg *ngIf="step?.isActive" icon="eui-create"></eui-icon-svg>\n </ng-container>\n\n <ng-template #customIconContent>\n <!-- v15 OK-->\n <span *ngIf="step?.indexIconClass && step?.indexIconClass !== undefined" role="presentation">\n <span class="eui-wizard-step__icon eui-icon {{ step?.indexIconClass }}"></span>\n </span>\n\n <span *ngIf="step?.indexIconSvgName && step?.indexIconSvgName !== undefined" role="presentation">\n <eui-icon-svg icon="{{ step?.indexIconSvgName }}" class="eui-wizard-step__icon"></eui-icon-svg>\n </span>\n </ng-template>\n\n <span\n *ngIf="!step?.indexIconClass && !step?.indexIconSvgName && !step?.isActive && !step?.isCompleted && !step?.isInvalid"\n role="presentation">\n {{ step?.indexLabel !== undefined ? step?.indexLabel : idx + 1 }}\n </span>\n </span>\n </div>\n <div class="eui-wizard-step__label-wrapper" role="presentation">\n <div class="eui-wizard-step__label-wrapper-label" role="presentation">\n {{ step?.label }}\n </div>\n <div class="eui-wizard-step__label-wrapper-sub-label" role="presentation">\n {{ step?.subLabel }}\n </div>\n </div>\n\n <div *ngIf="step?.isActive" class="eui-wizard-step__current-marker" role="presentation">\n <eui-icon-svg icon="eui-ecl-solid-arrow" class="eui-wizard-step__current-marker-icon"></eui-icon-svg>\n </div>\n </div>\n</div>\n<div [id]="stepContentId" class="step-content" role="tabpanel" [attr.aria-labelledby]="stepIds">\n <ng-content></ng-content>\n</div>\n', styles: ['.eui-wizard{border-bottom:1px solid var(--eui-base-color-grey-20);display:flex;margin:var(--eui-base-spacing-xl) 0 -1px 0;padding-bottom:var(--eui-base-spacing-l)}.eui-wizard-step{cursor:pointer;flex:1;position:relative;text-align:center}.eui-wizard-step__content{margin:var(--eui-base-spacing-m) 0}.eui-wizard-step__current-marker{bottom:0;left:50%;position:absolute;transform:translate(-50%,75%)}.eui-wizard-step__current-marker-icon>svg{color:var(--eui-base-color-grey-75);fill:var(--eui-base-color-grey-75);height:var(--eui-base-spacing-4xl);width:var(--eui-base-spacing-4xl)}.eui-wizard-step__indicator-wrapper{border-bottom:3px solid var(--eui-base-color-grey-25);content:"";margin-bottom:var(--eui-base-spacing-s);top:var(--eui-base-spacing-s);width:100%}.eui-wizard-step__bullet-item{display:flex;align-items:center;justify-content:center;background-color:var(--eui-base-color-white);border:2px solid var(--eui-base-color-grey-80);border-radius:100%;height:var(--eui-base-spacing-3xl);margin:-40px auto 0;padding-top:var(--eui-base-spacing-xs);width:var(--eui-base-spacing-3xl)}.eui-t-compact .eui-wizard-step__bullet-item{margin-top:-30px}.eui-wizard-step__label-wrapper{margin-top:var(--eui-base-spacing-m)}.eui-wizard-step__label-wrapper-label{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-wizard-step__label-wrapper-sub-label{font-size:95%;margin-top:var(--eui-base-spacing-2xs)}.eui-wizard-step--active .eui-wizard-step__bullet-item{border-color:var(--eui-base-color-info-130);color:var(--eui-base-color-info-130)}.eui-wizard-step--active .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-base-color-info-130)}.eui-wizard-step--active .eui-wizard-step__label-wrapper-label{color:var(--eui-base-color-info-130)}.eui-wizard-step--active .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-ctx-c-in)}.eui-wizard-step--completed .eui-wizard-step__bullet-item{background-color:var(--eui-base-color-success-110);border-color:var(--eui-base-color-success-110);color:var(--eui-base-color-white)}.eui-wizard-step--completed .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-base-color-white);fill:var(--eui-base-color-white)}.eui-wizard-step--completed .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-base-color-success-110)}.eui-wizard-step--completed .eui-wizard-step__label-wrapper-label{color:var(--eui-base-color-success-120)}.eui-wizard-step--completed .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-base-color-success-110)}.eui-wizard-step--error .eui-wizard-step__bullet-item{background-color:var(--eui-ctx-c-da);border-color:var(--eui-ctx-c-da);color:var(--eui-base-color-white)}.eui-wizard-step--error .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-base-color-white);fill:var(--eui-base-color-white)}.eui-wizard-step--error .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-ctx-c-da)}.eui-wizard-step--error .eui-wizard-step__label-wrapper-label,.eui-wizard-step--error .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-ctx-c-da)}.eui-wizard-step--warning .eui-wizard-step__bullet-item{background-color:var(--eui-ctx-c-wa);border-color:var(--eui-ctx-c-wa);color:var(--eui-base-color-grey-100)}.eui-wizard-step--warning .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-base-color-white);fill:var(--eui-base-color-white)}.eui-wizard-step--warning .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-base-color-warning-140)}.eui-wizard-step--warning .eui-wizard-step__label-wrapper-label,.eui-wizard-step--warning .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-base-color-warning-140)}.eui-wizard-step--disabled .eui-wizard-step__label-wrapper-label,.eui-wizard-step--disabled .eui-wizard-step__label-wrapper-sub-label,.eui-wizard-step--disabled .eui-wizard-step__bullet-item{border-color:var(--eui-base-color-grey-20);color:var(--eui-base-color-grey-90)}.eui-wizard-step--disabled .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-base-color-grey-25)}.eui-wizard-step--disabled:hover{cursor:not-allowed}.eui-wizard-step--notallowed .eui-wizard-step__bullet-item-icon{color:var(--eui-base-color-white)}.eui-wizard-step--notallowed.eui-wizard-step--disabled .eui-wizard-step__bullet-item-icon{color:var(--eui-base-color-grey-80)}.eui-wizard-step--notallowed.eui-wizard-step--disabled.eui-wizard-step--completed .eui-wizard-step__bullet-item-icon,.eui-wizard-step--notallowed.eui-wizard-step--disabled.eui-wizard-step--error .eui-wizard-step__bullet-item-icon{color:var(--eui-base-color-white)}.eui-wizard-step--notallowed:hover{cursor:not-allowed}.eui-wizard-step:focus .eui-wizard-step__bullet-item{border:2px solid transparent;border-color:var(--eui-base-color-accent-110);border-radius:50%}.eui-wizard-step:first-child .eui-wizard-step__indicator-wrapper{margin-left:50%;width:50%}.eui-wizard-step:last-child .eui-wizard-step__indicator-wrapper{margin-right:50%;width:50%}\n'] }]
|
|
254
254
|
}], propDecorators: { activeStepIndex: [{
|
|
255
255
|
type: Input2
|
|
256
256
|
}], steps: [{
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../eui-wizard/eui-wizard-step.component.ts", "../../eui-wizard/eui-wizard-step.component.html", "../../eui-wizard/eui-wizard.component.ts", "../../eui-wizard/eui-wizard.component.html", "../../eui-wizard/models/eui-wizard-step.ts", "../../eui-wizard/services/eui-wizard.service.ts", "../../eui-wizard/eui-wizard.module.ts"],
|
|
4
4
|
"sourcesContent": ["import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';\nimport { EuiWizardStep } from './models/eui-wizard-step';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\n\n@Component({\n selector: 'eui-wizard-step',\n templateUrl: './eui-wizard-step.component.html',\n styleUrls: ['./styles/_index.scss'],\n changeDetection: ChangeDetectionStrategy.Default,\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiWizardStepComponent implements EuiWizardStep {\n @Input() id: string;\n @Input() indexLabel: string;\n @Input() indexIconClass: string;\n @Input() indexIconSvgName: string;\n @Input() label: string;\n @Input() subLabel: string;\n @Input() index: number;\n @Input() url: string;\n\n @Input()\n get isCompleted(): boolean {\n return this._isCompleted;\n }\n set isCompleted(value: BooleanInput) {\n this._isCompleted = coerceBooleanProperty(value);\n }\n private _isCompleted = false;\n @Input()\n get isActive(): boolean {\n return this._isActive;\n }\n set isActive(value: BooleanInput) {\n this._isActive = coerceBooleanProperty(value);\n }\n private _isActive = false;\n @Input()\n get isShowStepTitle(): boolean {\n return this._isShowStepTitle;\n }\n set isShowStepTitle(value: BooleanInput) {\n this._isShowStepTitle = coerceBooleanProperty(value);\n }\n private _isShowStepTitle = false;\n @Input()\n get isInvalid(): boolean {\n return this._isInvalid;\n }\n set isInvalid(value: BooleanInput) {\n this._isInvalid = coerceBooleanProperty(value);\n }\n private _isInvalid = false;\n @Input()\n get isWarning(): boolean {\n return this._isWarning;\n }\n set isWarning(value: BooleanInput) {\n this._isWarning = coerceBooleanProperty(value);\n }\n private _isWarning = false;\n @Input()\n get isDisabled(): boolean {\n return this._isDisabled;\n }\n set isDisabled(value: BooleanInput) {\n this._isDisabled = coerceBooleanProperty(value);\n }\n private _isDisabled = false;\n\n /**\n * TODO: from which one is this method being used from?\n */\n toJSON(): object {\n return {\n id: this.id,\n indexLabel: this.indexLabel,\n indexIconClass: this.indexIconClass,\n indexIconSvgName: this.indexIconSvgName,\n label: this.label,\n subLabel: this.subLabel,\n isCompleted: this.isCompleted,\n isActive: this.isActive,\n isShowStepTitle: this.isShowStepTitle,\n isInvalid: this.isInvalid,\n isWarning: this.isWarning,\n isDisabled: this.isDisabled,\n index: this.index,\n url: this.url,\n };\n }\n}\n", "<ng-container *ngIf=\"isActive\">\n <ng-content></ng-content>\n</ng-container>\n", "import {\n AfterContentInit,\n Component,\n ContentChildren,\n ElementRef,\n EventEmitter,\n Input,\n OnChanges,\n Output,\n QueryList,\n SimpleChanges,\n ViewChildren,\n ViewEncapsulation,\n} from '@angular/core';\nimport { EuiWizardStepComponent } from './eui-wizard-step.component';\nimport { EuiWizardStep } from './models/eui-wizard-step';\nimport { uniqueId, consumeEvent } from '@eui/core';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\n\n@Component({\n selector: 'eui-wizard',\n templateUrl: './eui-wizard.component.html',\n styleUrls: ['./styles/_index.scss'],\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiWizardComponent implements AfterContentInit, OnChanges {\n @Input() activeStepIndex: number;\n @Input() steps: Array<EuiWizardStep> = [];\n @Input() tabindex = 0;\n @Input() e2eAttr = 'eui-wizard';\n @Output() selectStep: EventEmitter<EuiWizardStep> = new EventEmitter();\n\n @ContentChildren(EuiWizardStepComponent) childrenSteps: QueryList<EuiWizardStepComponent>;\n @ViewChildren('canBeFocused') canBeFocused: QueryList<ElementRef>;\n\n stepContentId: string = uniqueId();\n stepIds: string; // space-separated list of all step IDs\n\n @Input()\n get isCustomContent(): boolean {\n return this._isCustomContent;\n }\n set isCustomContent(value: BooleanInput) {\n this._isCustomContent = coerceBooleanProperty(value);\n }\n private _isCustomContent = false;\n @Input()\n get isShowStepTitle(): boolean {\n return this._isShowStepTitle;\n }\n set isShowStepTitle(value: BooleanInput) {\n this._isShowStepTitle = coerceBooleanProperty(value);\n }\n private _isShowStepTitle = false;\n @Input()\n get isNavigationAllowed(): boolean {\n return this._isNavigationAllowed;\n }\n set isNavigationAllowed(value: BooleanInput) {\n this._isNavigationAllowed = coerceBooleanProperty(value);\n }\n private _isNavigationAllowed = true;\n\n ngAfterContentInit(): void {\n const stepIdsBuffer: string[] = [];\n this.childrenSteps.forEach((step) => {\n this.steps.push(step);\n if (!step.id) {\n step.id = uniqueId();\n }\n stepIdsBuffer.push(step.id);\n });\n this.stepIds = stepIdsBuffer.join(' ');\n\n const activeSteps = this.steps.filter((step) => step.isActive);\n\n if (activeSteps.length === 0 && !this.activeStepIndex) {\n this._selectStep(this.steps[0], 1);\n } else if (this.activeStepIndex) {\n this._selectStep(this._getStep(this.activeStepIndex - 1), this.activeStepIndex);\n }\n\n this.steps.forEach((step) => (step.isShowStepTitle = this.isShowStepTitle));\n }\n\n ngOnChanges(changes: SimpleChanges): void {\n if (changes['steps'] || changes['activeStepIndex']) {\n if (this.activeStepIndex && this.steps) {\n this._selectStep(this._getStep(this.activeStepIndex - 1), this.activeStepIndex);\n\n const stepIdsBuffer = [];\n this.steps.forEach((step) => {\n if (!step.id) {\n step.id = uniqueId();\n }\n stepIdsBuffer.push(step.id);\n });\n this.stepIds = stepIdsBuffer.join(' ');\n }\n }\n }\n\n onSelectStep(step: EuiWizardStep, index: number): void {\n if (!step.isDisabled && this.isNavigationAllowed) {\n this._selectStep(step, index);\n }\n }\n\n onKeyDown(event: KeyboardEvent): void {\n if (this.isNavigationAllowed) {\n // eslint-disable-next-line\n switch (event.keyCode) {\n case 37: // ARROW LEFT\n consumeEvent(event);\n this.selectPreviousStep();\n break;\n case 39: // ARROW RIGHT\n consumeEvent(event);\n this.selectNextStep();\n break;\n }\n }\n }\n\n public trackByFn(index: number, item: EuiWizardStep): string {\n return item.id;\n }\n\n protected selectPreviousStep(): void {\n if (this.isNavigationAllowed && this.steps) {\n // get the index of active step\n const activeStepIndex = this.steps.findIndex((step) => step.isActive);\n\n let previousIndex = activeStepIndex < 0 ? 0 : activeStepIndex;\n do {\n previousIndex--;\n if (previousIndex < 0) {\n previousIndex = this.steps.length - 1;\n }\n } while (this.steps[previousIndex].isDisabled);\n\n this._selectStep(this.steps[previousIndex], previousIndex + 1);\n this.canBeFocused.toArray()[previousIndex].nativeElement.focus();\n }\n }\n\n protected selectNextStep(): void {\n if (this.isNavigationAllowed && this.steps) {\n // get the index of active step\n let activeStepIndex = this.steps.findIndex((step) => step.isActive);\n // in case no step is active point to the first step\n activeStepIndex = activeStepIndex < 0 ? 0 : activeStepIndex;\n\n do {\n if (++activeStepIndex >= this.steps.length) {\n activeStepIndex = 0;\n }\n } while (this.steps[activeStepIndex].isDisabled);\n\n this._selectStep(this.steps[activeStepIndex], activeStepIndex + 1);\n this.canBeFocused.toArray()[activeStepIndex].nativeElement.focus();\n }\n }\n\n private _selectStep(step: EuiWizardStep, index: number): void {\n if (step) {\n this.steps.forEach((currentStep) => (currentStep.isActive = false));\n step.isActive = true;\n step.index = index;\n this.selectStep.emit(step);\n }\n }\n\n private _getStep(index: number): EuiWizardStep {\n if (index >= 0 && index <= this.steps.length) {\n return this.steps[index];\n }\n return null;\n }\n}\n", "<div class=\"eui-wizard\" role=\"tablist\" aria-orientation=\"horizontal\" aria-label=\"\" attr.data-e2e=\"{{ e2eAttr }}\">\n <div\n #canBeFocused\n *ngFor=\"let step of steps; let idx = index; trackBy: trackByFn\"\n class=\"eui-wizard-step\"\n role=\"tab\"\n [id]=\"step.id\"\n attr.aria-label=\"{{ step?.label }} {{ step?.subLabel }}\"\n [attr.aria-disabled]=\"step?.isDisabled\"\n [attr.aria-controls]=\"stepContentId\"\n [tabindex]=\"step?.isDisabled || !isNavigationAllowed ? -1 : tabindex\"\n [class.eui-wizard-step--completed]=\"step?.isCompleted\"\n [class.eui-wizard-step--notallowed]=\"!isNavigationAllowed\"\n [class.eui-wizard-step--active]=\"step?.isActive\"\n [class.eui-wizard-step--disabled]=\"step?.isDisabled || !isNavigationAllowed\"\n [class.eui-wizard-step--error]=\"step?.isInvalid\"\n [class.eui-wizard-step--warning]=\"step?.isWarning\"\n (click)=\"onSelectStep(step, idx + 1)\"\n (keydown)=\"onKeyDown($event)\">\n <div class=\"eui-wizard-step__indicator-wrapper\" role=\"presentation\"></div>\n\n <div class=\"eui-wizard-step__bullet-item\">\n <span class=\"eui-wizard-step__bullet-item-icon\">\n <ng-container *ngIf=\"!step?.indexIconClass && !step?.indexIconSvgName; else customIconContent\">\n <eui-icon-svg *ngIf=\"step?.isCompleted && !step?.isActive\" icon=\"eui-check\"></eui-icon-svg>\n <eui-icon-svg *ngIf=\"step?.isInvalid && !step?.isActive\" icon=\"eui-exclamation\"></eui-icon-svg>\n <eui-icon-svg *ngIf=\"step?.isActive\" icon=\"eui-create\"></eui-icon-svg>\n </ng-container>\n\n <ng-template #customIconContent>\n <!-- v15 OK-->\n <span *ngIf=\"step?.indexIconClass && step?.indexIconClass !== undefined\" role=\"presentation\">\n <span class=\"eui-wizard-step__icon eui-icon {{ step?.indexIconClass }}\"></span>\n </span>\n\n <span *ngIf=\"step?.indexIconSvgName && step?.indexIconSvgName !== undefined\" role=\"presentation\">\n <eui-icon-svg icon=\"{{ step?.indexIconSvgName }}\" class=\"eui-wizard-step__icon\"></eui-icon-svg>\n </span>\n </ng-template>\n\n <span\n *ngIf=\"!step?.indexIconClass && !step?.indexIconSvgName && !step?.isActive && !step?.isCompleted && !step?.isInvalid\"\n role=\"presentation\">\n {{ step?.indexLabel !== undefined ? step?.indexLabel : idx + 1 }}\n </span>\n </span>\n </div>\n <div class=\"eui-wizard-step__label-wrapper\" role=\"presentation\">\n <div class=\"eui-wizard-step__label-wrapper-label\" role=\"presentation\">\n {{ step?.label }}\n </div>\n <div class=\"eui-wizard-step__label-wrapper-sub-label\" role=\"presentation\">\n {{ step?.subLabel }}\n </div>\n </div>\n\n <div *ngIf=\"step?.isActive\" class=\"eui-wizard-step__current-marker\" role=\"presentation\">\n <eui-icon-svg icon=\"eui-ecl-solid-arrow\" class=\"eui-wizard-step__current-marker-icon\"></eui-icon-svg>\n </div>\n </div>\n</div>\n<div [id]=\"stepContentId\" class=\"step-content\" role=\"tabpanel\" [attr.aria-labelledby]=\"stepIds\">\n <ng-content></ng-content>\n</div>\n", "export interface IEuiWizardStep {\n id: string;\n indexLabel: string;\n indexIconClass: string;\n indexIconSvgName: string;\n label: string;\n subLabel: string;\n isCompleted: boolean;\n isActive: boolean;\n isShowStepTitle: boolean;\n isInvalid: boolean;\n isWarning: boolean;\n isDisabled: boolean;\n index: number;\n url: string;\n}\n\nexport class EuiWizardStep implements IEuiWizardStep {\n id: string;\n indexLabel: string;\n indexIconClass: string;\n indexIconSvgName: string;\n label: string;\n subLabel: string;\n isCompleted = false;\n isActive = false;\n isShowStepTitle = false;\n isInvalid = false;\n isWarning = false;\n isDisabled = false;\n index: number;\n url: string;\n\n // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n constructor(values: any = {}) {\n Object.assign(this, values);\n }\n\n toString(): string {\n return JSON.stringify(this.toJSON());\n }\n\n toJSON(): object {\n return {\n id: this.id,\n indexLabel: this.indexLabel,\n indexIconClass: this.indexIconClass,\n indexIconSvgName: this.indexIconSvgName,\n label: this.label,\n subLabel: this.subLabel,\n isCompleted: this.isCompleted,\n isActive: this.isActive,\n isShowStepTitle: this.isShowStepTitle,\n isInvalid: this.isInvalid,\n isWarning: this.isWarning,\n isDisabled: this.isDisabled,\n index: this.index,\n url: this.url,\n };\n }\n}\n", "import { Injectable } from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { EuiWizardStep } from '../models/eui-wizard-step';\n\n@Injectable()\nexport class EuiWizardService {\n activeStepIndex = 1;\n steps: EuiWizardStep[] = [];\n route: ActivatedRoute;\n\n constructor(private router: Router) {}\n\n init(steps: EuiWizardStep[], route: ActivatedRoute): void {\n this.steps = steps;\n this.route = route;\n const currentRoute = this.router.url;\n const currentStepUrl = currentRoute.substr(currentRoute.lastIndexOf('/') + 1);\n this.steps.forEach((step, index) => {\n if (step.url === currentStepUrl) {\n this.activeStepIndex = index + 1;\n }\n });\n }\n\n navigationIncrement(increment: number): void {\n const newIndex: number = this.activeStepIndex + increment;\n if (newIndex >= 1 && newIndex <= this.steps.length) {\n this.activeStepIndex = newIndex;\n }\n }\n\n selectStep(step: EuiWizardStep): void {\n this.activeStepIndex = step.index;\n if (step.url) {\n this._navigateToStep(step.url);\n }\n }\n\n private _navigateToStep(url: string): void {\n this.router.navigate([url], { relativeTo: this.route });\n }\n}\n", "import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { RouterModule } from '@angular/router';\nimport { EuiWizardStepComponent } from './eui-wizard-step.component';\nimport { EuiWizardService } from './services/eui-wizard.service';\nimport { EuiWizardComponent } from './eui-wizard.component';\nimport { EuiIconModule } from '@eui/components/eui-icon';\n\n@NgModule({\n imports: [CommonModule, RouterModule, EuiIconModule],\n exports: [EuiWizardStepComponent, EuiWizardComponent],\n declarations: [EuiWizardStepComponent, EuiWizardComponent],\n providers: [EuiWizardService],\n})\nexport class EuiWizardModule {}\n"],
|
|
5
|
-
"mappings": ";AAAA,SAAS,yBAAyB,WAAW,OAAO,yBAAyB;AAE7E,SAAS,6BAA2C;;;AAS9C,IAAO,yBAAP,MAAO,wBAAsB;EAPnC,cAAA;AAwBY,SAAA,eAAe;AAQf,SAAA,YAAY;AAQZ,SAAA,mBAAmB;AAQnB,SAAA,aAAa;AAQb,SAAA,aAAa;AAQb,SAAA,cAAc;;EA/CtB,IACI,cAAW;AACX,WAAO,KAAK;EAChB;EACA,IAAI,YAAY,OAAmB;AAC/B,SAAK,eAAe,sBAAsB,KAAK;EACnD;EAEA,IACI,WAAQ;AACR,WAAO,KAAK;EAChB;EACA,IAAI,SAAS,OAAmB;AAC5B,SAAK,YAAY,sBAAsB,KAAK;EAChD;EAEA,IACI,kBAAe;AACf,WAAO,KAAK;EAChB;EACA,IAAI,gBAAgB,OAAmB;AACnC,SAAK,mBAAmB,sBAAsB,KAAK;EACvD;EAEA,IACI,YAAS;AACT,WAAO,KAAK;EAChB;EACA,IAAI,UAAU,OAAmB;AAC7B,SAAK,aAAa,sBAAsB,KAAK;EACjD;EAEA,IACI,YAAS;AACT,WAAO,KAAK;EAChB;EACA,IAAI,UAAU,OAAmB;AAC7B,SAAK,aAAa,sBAAsB,KAAK;EACjD;EAEA,IACI,aAAU;AACV,WAAO,KAAK;EAChB;EACA,IAAI,WAAW,OAAmB;AAC9B,SAAK,cAAc,sBAAsB,KAAK;EAClD;;;;EAMA,SAAM;AACF,WAAO;MACH,IAAI,KAAK;MACT,YAAY,KAAK;MACjB,gBAAgB,KAAK;MACrB,kBAAkB,KAAK;MACvB,OAAO,KAAK;MACZ,UAAU,KAAK;MACf,aAAa,KAAK;MAClB,UAAU,KAAK;MACf,iBAAiB,KAAK;MACtB,WAAW,KAAK;MAChB,WAAW,KAAK;MAChB,YAAY,KAAK;MACjB,OAAO,KAAK;MACZ,KAAK,KAAK;;EAElB;;4GA/ES,yBAAsB,MAAA,CAAA,GAAA,QAAA,mBAAA,UAAA,CAAA;EAAA;;gGAAtB,yBAAsB,UAAA,mBAAA,QAAA,EAAA,IAAA,MAAA,YAAA,cAAA,gBAAA,kBAAA,kBAAA,oBAAA,OAAA,SAAA,UAAA,YAAA,OAAA,SAAA,KAAA,OAAA,aAAA,eAAA,UAAA,YAAA,iBAAA,mBAAA,WAAA,aAAA,WAAA,aAAA,YAAA,aAAA,GAAA,UAAA,IAAA,UCXnC,qFAGA,QAAA,CAAA,
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["Component", "Input", "ViewEncapsulation", "coerceBooleanProperty", "i0"]
|
|
7
7
|
}
|
|
@@ -931,7 +931,7 @@ var EuiEditorComponent = class _EuiEditorComponent {
|
|
|
931
931
|
<eui-editor-json-view *ngIf="format === 'json'" [content]="jsonToHtmlContent" [theme]="theme"></eui-editor-json-view>
|
|
932
932
|
</div>
|
|
933
933
|
</ng-container>
|
|
934
|
-
`, styles: ['@charset "UTF-8";.qlbt-operation-menu .qlbt-operation-color-picker{padding:0 12px 10px!important}.eui-editor{--editor-base-font-size: calc(var(--eui-base-font-size-m) + 1px);--editor-base-line-height: 1.25;--editor-paragraph-spacer: var(--eui-base-spacing-m);--editor-lists-spacer: var(--eui-base-spacing-s);--picker-font-size: var(--eui-base-font-size-s);--picker-height: var(--eui-base-spacing-xl);--picker-width: calc(6 * var(--eui-base-spacing-m));--button-height: var(--eui-base-spacing-xl);--button-width: var(--eui-base-spacing-xl)}.eui-editor .ql-container{box-sizing:border-box;font-size:var(--eui-base-font-size);height:100%;margin:0;position:relative;resize:vertical;white-space:pre-wrap;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}.eui-editor .ql-container.ql-snow .ql-tooltip{align-items:center;display:flex;background:var(--eui-base-color-info-5);box-shadow:var(--eui-base-shadow-z-depth-1);left:50%!important;position:absolute;transform:translate(-50%,60%);width:75%}.eui-editor .ql-container.ql-snow .ql-tooltip.ql-hidden{display:none}.eui-editor .ql-container.ql-snow .ql-tooltip.ql-editing{align-items:center;display:flex;left:50%!important;position:absolute;transform:translate(-50%,60%);width:75%}.eui-editor .ql-container.ql-snow .ql-tooltip.ql-editing.ql-hidden{display:none}.eui-editor .ql-container.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block;width:100%}.eui-editor .ql-container.ql-snow .ql-tooltip.ql-flip{z-index:1}.eui-editor .ql-container.ql-snow a.ql-preview{max-width:100%;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top;width:100%}.eui-editor .ql-toolbar{background-color:var(--eui-base-color-grey-5);border:1px solid var(--eui-base-color-grey-50);padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-xs) 0 var(--eui-base-spacing-xs);font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}.eui-editor .ql-toolbar.ql-snow{box-sizing:border-box}.eui-editor .ql-toolbar.ql-snow .ql-formats{align-items:center;background-color:var(--eui-base-color-grey-2);border:1px solid var(--eui-base-color-grey-50);border-radius:5px;display:inline-flex;margin-bottom:var(--eui-base-spacing-xs);margin-right:var(--eui-base-spacing-xs);vertical-align:middle}.eui-editor .ql-toolbar.ql-snow .ql-formats .ql-picker{align-items:center;color:var(--eui-base-color-grey-darker);display:inline-flex;height:var(--picker-height);max-height:var(--picker-height);position:relative;vertical-align:middle}.eui-editor .ql-toolbar.ql-snow .ql-formats .ql-picker:hover{background-color:var(--eui-base-color-grey-10);color:var(--eui-base-color-info-100)}.eui-editor .ql-toolbar.ql-snow .ql-formats .ql-picker:active:focus:not([readonly]),.eui-editor .ql-toolbar.ql-snow .ql-formats .ql-picker:focus:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-editor .ql-toolbar.ql-snow .ql-formats .ql-picker:active:focus-visible:not([readonly]),.eui-editor .ql-toolbar.ql-snow .ql-formats .ql-picker:focus:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-editor .ql-toolbar.ql-snow .ql-formats .ql-picker:active [tabindex="0"]:focus:not([readonly]),.eui-editor .ql-toolbar.ql-snow .ql-formats .ql-picker:focus [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-editor .ql-toolbar.ql-snow .ql-formats .ql-picker .ql-picker-label{align-items:center;border-color:transparent;display:flex;font-size:var(--picker-font-size)}.eui-editor .ql-toolbar.ql-snow .ql-formats select{background-color:transparent}.eui-editor .ql-toolbar.ql-snow .ql-formats select:active:focus:not([readonly]),.eui-editor .ql-toolbar.ql-snow .ql-formats select:focus:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-editor .ql-toolbar.ql-snow .ql-formats select:active:focus-visible:not([readonly]),.eui-editor .ql-toolbar.ql-snow .ql-formats select:focus:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-editor .ql-toolbar.ql-snow .ql-formats select:active [tabindex="0"]:focus:not([readonly]),.eui-editor .ql-toolbar.ql-snow .ql-formats select:focus [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-editor .ql-toolbar.ql-snow .ql-formats button{align-items:center;background-color:transparent;border:0 solid var(--eui-base-color-grey-50);box-shadow:none;color:var(--eui-base-color-grey-75);cursor:pointer;display:inline-flex;height:var(--button-height);justify-content:center;min-width:var(--button-width)}.eui-editor .ql-toolbar.ql-snow .ql-formats button:hover{background-color:var(--eui-base-color-grey-10);color:var(--eui-base-color-info-100)}.eui-editor .ql-toolbar.ql-snow .ql-formats button.active,.eui-editor .ql-toolbar.ql-snow .ql-formats button.ql-active{background:var(--eui-base-color-accent-100);color:var(--eui-base-color-primary-100)}.eui-editor .ql-toolbar.ql-snow .ql-formats button:first-child{border-radius:5px 0 0 5px}.eui-editor .ql-toolbar.ql-snow .ql-formats button:last-child{border-radius:0 5px 5px 0}.eui-editor .ql-toolbar.ql-snow .ql-formats button:active:focus:not([readonly]),.eui-editor .ql-toolbar.ql-snow .ql-formats button:focus:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-editor .ql-toolbar.ql-snow .ql-formats button:active:focus-visible:not([readonly]),.eui-editor .ql-toolbar.ql-snow .ql-formats button:focus:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-editor .ql-toolbar.ql-snow .ql-formats button:active [tabindex="0"]:focus:not([readonly]),.eui-editor .ql-toolbar.ql-snow .ql-formats button:focus [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-editor .ql-toolbar.ql-snow .ql-formats button.editor-counters{align-items:center;cursor:auto;display:inline-flex;width:auto}.eui-editor .ql-toolbar.ql-snow .ql-formats button.editor-counters .chars-counter,.eui-editor .ql-toolbar.ql-snow .ql-formats button.editor-counters .words-counter,.eui-editor .ql-toolbar.ql-snow .ql-formats button.editor-counters .bytes-counter{color:var(--eui-base-color-info-100);font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-editor .ql-toolbar.ql-snow .ql-formats button.editor-counters .chars-counter.chars-counter--error,.eui-editor .ql-toolbar.ql-snow .ql-formats button.editor-counters .words-counter.chars-counter--error,.eui-editor .ql-toolbar.ql-snow .ql-formats button.editor-counters .bytes-counter.chars-counter--error{color:var(--eui-base-color-danger-100)}.eui-editor .ql-toolbar.ql-snow .ql-formats button.editor-counters .chars-label,.eui-editor .ql-toolbar.ql-snow .ql-formats button.editor-counters .words-label,.eui-editor .ql-toolbar.ql-snow .ql-formats button.editor-counters .bytes-label{color:var(--eui-base-color-grey-dark);font-size:var(--eui-base-font-size-xs)}.eui-editor .ql-toolbar.ql-snow .ql-formats .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:1px}.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker{height:var(--eui-base-spacing-xl);padding:var(--eui-base-spacing-2xs) 0;width:calc(7 * var(--eui-base-spacing-m))}.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker .ql-picker-label:before,.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker .ql-picker-item:before{content:"Normal"}.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker .ql-picker-label[data-value=small]:before,.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker .ql-picker-item[data-value=small]:before{content:"Small"}.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker .ql-picker-label[data-value=smaller]:before,.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker .ql-picker-item[data-value=smaller]:before{content:"Smaller"}.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker .ql-picker-label[data-value=smallest]:before,.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker .ql-picker-item[data-value=smallest]:before{content:"Smallest"}.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker .ql-picker-label[data-value=large]:before,.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker .ql-picker-item[data-value=large]:before{content:"Large"}.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker .ql-picker-label[data-value=huge]:before,.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker .ql-picker-item[data-value=huge]:before{content:"Huge"}.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker .ql-picker-item[data-value=small]:before,.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker .ql-size-small{font-size:var(--eui-base-font-size-s)}.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker .ql-picker-item[data-value=smaller]:before{font-size:var(--eui-base-font-size-xs)}.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker .ql-picker-item[data-value=smallest]:before{font-size:var(--eui-base-font-size-2xs)}.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker .ql-picker-item[data-value=large]:before,.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker .ql-size-large{font-size:var(--eui-base-font-size-xl)}.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker .ql-picker-item[data-value=huge]:before,.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker .ql-size-huge{font-size:var(--eui-base-font-size-4xl)}.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker{align-items:center;display:flex;height:var(--picker-height);width:var(--picker-width)}.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker .ql-picker-label:before,.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker .ql-picker-item:before{content:"Normal"}.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker .ql-picker-label[data-value="1"]:before,.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker .ql-picker-label[data-value="2"]:before,.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker .ql-picker-label[data-value="3"]:before,.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker .ql-picker-label[data-value="4"]:before,.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker .ql-picker-label[data-value="5"]:before,.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker .ql-picker-label[data-value="6"]:before,.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker .ql-picker-item[data-value="1"]:before{font:normal normal 400 2.5rem/3rem var(--eui-base-font-family)}.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker .ql-picker-item[data-value="2"]:before{font:normal normal 400 2rem/2.75rem var(--eui-base-font-family)}.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker .ql-picker-item[data-value="3"]:before{font:normal normal 400 1.75rem/2.5rem var(--eui-base-font-family)}.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker .ql-picker-item[data-value="4"]:before{font:normal normal 400 1.5rem/2.25rem var(--eui-base-font-family)}.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker .ql-picker-item[data-value="5"]:before{font:normal normal 400 1.25rem/2rem var(--eui-base-font-family)}.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker .ql-picker-item[data-value="6"]:before{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}.eui-editor .ql-toolbar.ql-snow .ql-font.ql-picker{align-items:center;display:flex;height:var(--picker-height);width:var(--picker-width)}.eui-editor .ql-toolbar.ql-snow .ql-font.ql-picker .ql-picker-label:before,.eui-editor .ql-toolbar.ql-snow .ql-font.ql-picker .ql-picker-item:before{content:"Sans Serif"}.eui-editor .ql-toolbar.ql-snow .ql-font.ql-picker .ql-picker-label[data-value=serif]:before,.eui-editor .ql-toolbar.ql-snow .ql-font.ql-picker .ql-picker-item[data-value=serif]:before{content:"Serif"}.eui-editor .ql-toolbar.ql-snow .ql-font.ql-picker .ql-picker-label[data-value=monospace]:before,.eui-editor .ql-toolbar.ql-snow .ql-font.ql-picker .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.eui-editor .ql-toolbar.ql-snow .ql-font.ql-picker .ql-picker-item[data-value=sans-serif]:before{font-family:arial,sans-serif!important}.eui-editor .ql-toolbar.ql-snow .ql-font.ql-picker .ql-picker-item[data-value=serif]:before{font-family:times new roman,serif!important}.eui-editor .ql-toolbar.ql-snow .ql-font.ql-picker .ql-picker-item[data-value=monospace]:before{font-family:courier new,monospace!important}.eui-editor .ql-toolbar.ql-snow .ql-color-picker{width:var(--eui-base-spacing-xl)}.eui-editor .ql-toolbar .eui-editor-custom-toolbar{display:inline-flex;margin:0;padding:0;vertical-align:middle}.eui-editor .ql-editor{box-sizing:border-box;height:100%;line-height:var(--editor-base-line-height);outline:none;overflow-y:auto;padding:var(--eui-base-spacing-s);-moz-tab-size:4;tab-size:4;text-align:left;white-space:inherit;word-break:normal;word-wrap:break-word;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}.eui-editor .ql-editor h1{font:normal normal 400 2.5rem/3rem var(--eui-base-font-family)}.eui-editor .ql-editor h2{font:normal normal 400 2rem/2.75rem var(--eui-base-font-family)}.eui-editor .ql-editor h3{font:normal normal 400 1.75rem/2.5rem var(--eui-base-font-family)}.eui-editor .ql-editor h4{font:normal normal 400 1.5rem/2.25rem var(--eui-base-font-family)}.eui-editor .ql-editor h5{font:normal normal 400 1.25rem/2rem var(--eui-base-font-family)}.eui-editor .ql-editor h6{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}.eui-editor .ql-editor .h7{font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-editor .ql-editor .h8{font:normal normal 400 .75rem/1.25rem var(--eui-base-font-family)}.eui-editor .ql-editor p{margin-bottom:var(--editor-paragraph-spacer)}.eui-editor .ql-editor p:first-child{margin-top:0}.eui-editor .ql-editor p:last-child{margin-bottom:0}.eui-editor .ql-editor em,.eui-editor .ql-editor i{font-style:italic!important}.eui-editor .ql-editor strong,.eui-editor .ql-editor b{font-weight:700!important}.eui-editor .ql-editor strong em,.eui-editor .ql-editor strong i,.eui-editor .ql-editor b em,.eui-editor .ql-editor b i{font-style:italic!important;font-weight:700!important}.eui-editor .ql-editor strong em u,.eui-editor .ql-editor strong i u,.eui-editor .ql-editor b em u,.eui-editor .ql-editor b i u{text-decoration:underline!important}.eui-editor .ql-editor blockquote{border-left:var(--eui-base-spacing-xs) solid var(--eui-base-color-grey-75);margin-bottom:0;margin-top:0;padding-left:var(--eui-base-spacing-m)}.eui-editor .ql-editor code,.eui-editor .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.eui-editor .ql-editor pre{margin-bottom:var(--eui-base-spacing-xs);margin-top:var(--eui-base-spacing-xs);padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m);white-space:pre-wrap}.eui-editor .ql-editor code{font-size:85%;padding:2px 4px;word-break:break-word}.eui-editor .ql-editor ol,.eui-editor .ql-editor ul{margin-bottom:var(--editor-lists-spacer)}.eui-editor .ql-editor ol{counter-reset:inherit;list-style:none}.eui-editor .ql-editor ol li{padding-left:var(--eui-base-spacing-s)}.eui-editor .ql-editor ol li[data-list=bullet]{list-style:none}.eui-editor .ql-editor ol li[data-list=bullet]>.ql-ui:before{content:"\\2022";font-size:var(--eui-base-font-size-xl);margin-left:calc(-2.125 * var(--eui-base-spacing-m));position:absolute;top:calc(-.75 * var(--eui-base-spacing-2xs))}.eui-editor .ql-editor ol li[data-list=ordered]{list-style:none}.eui-editor .ql-editor pre.ql-syntax{background-color:var(--eui-base-color-grey-dark);color:#f5f5f5;overflow:visible}.eui-editor .ql-editor iframe,.eui-editor .ql-editor img{display:inline-block;height:1;width:1}.eui-editor .ql-editor.ql-blank:before{left:var(--eui-base-spacing-m);position:absolute;right:0}.eui-editor .ql-editor p,.eui-editor .ql-editor label,.eui-editor .ql-editor .label,.eui-editor .ql-editor blockquote,.eui-editor .ql-editor abbr,.eui-editor .ql-editor mark,.eui-editor .ql-editor del{font-size:var(--editor-base-font-size)}.eui-editor.eui-editor--focused .ql-container{box-shadow:var(--eui-base-shadow-z-depth-0)}.eui-editor.eui-editor--focused .ql-container:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-editor.eui-editor--focused .ql-container:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-editor.eui-editor--focused .ql-container [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-editor.eui-editor--readonly .ql-container{border:none}.eui-editor.eui-editor--readonly .ql-editor{min-height:calc(var(--eui-base-spacing-2xl) + 2px);padding:0 0 var(--eui-base-spacing-m) 0}.eui-editor.eui-editor--readonly.eui-editor--empty .ql-container{border:none;outline:1px dashed var(--eui-base-color-grey-50)}.eui-editor.eui-editor--readonly.eui-editor--empty .ql-container:hover{outline:1px solid var(--eui-base-color-grey-75)}.eui-editor-wrapper{position:relative}.eui-editor-wrapper .eui-editor{display:flex;flex-direction:column;height:100%;position:relative;width:100%}.eui-editor-wrapper .eui-editor .ql-container{background-color:var(--eui-base-color-white);border:1px solid #ccc;flex-grow:1;padding:.35rem}.eui-editor-wrapper .eui-editor .ql-container .ngx-quill-view{border:0}eui-editor{position:relative;width:100%}eui-editor.ng-invalid.ng-touched .eui-editor:not(.eui-editor--readonly) .ql-container{outline:1px solid var(--eui-base-color-danger-100)}.ql-container .qlbt-selection-line.qlbt-selection-line-left:before{background-color:#0589f3;border-radius:5px;content:"";height:5px;left:-2px;position:absolute;top:-2px;width:5px}.ql-container .qlbt-selection-line.qlbt-selection-line-right:before{background-color:#0589f3;border-radius:5px;bottom:-3px;content:"";height:5px;position:absolute;right:-2px;width:5px}.quill-better-table-wrapper{overflow-x:auto}table.quill-better-table{border-collapse:collapse;table-layout:fixed}table.quill-better-table td{border:1px solid #000;padding:2px 5px}.qlbt-operation-menu{background-color:#fff;box-shadow:0 2px 8px #00000026;font-size:14px;overflow:hidden;z-index:100}.qlbt-operation-menu .qlbt-operation-menu-dividing{background-color:#efefef;height:1px}.qlbt-operation-menu .qlbt-operation-menu-subtitle{color:#999;font-size:14px;padding:5px 16px}.qlbt-operation-menu .qlbt-operation-color-picker{align-items:center;background-color:#fff;display:flex;flex-wrap:wrap;overflow:hidden;padding:0 16px 10px}.qlbt-operation-menu .qlbt-operation-color-picker .qlbt-operation-color-picker-item{border:1px solid #595959;cursor:pointer;height:20px;margin-bottom:5px;margin-right:5px;width:20px}.qlbt-operation-menu .qlbt-operation-menu-item{align-items:center;background-color:#fff;color:#595959;cursor:pointer;display:flex;overflow:hidden;padding:10px 16px;text-overflow:ellipsis}.qlbt-operation-menu .qlbt-operation-menu-item:hover{background-color:#efefef}.qlbt-operation-menu .qlbt-operation-menu-item .qlbt-operation-menu-icon{font-size:0;height:20px;margin-right:8px;width:20px}.qlbt-col-tool{align-items:flex-end;display:flex;height:16px;overflow:hidden;position:absolute;z-index:99}.qlbt-col-tool .qlbt-col-tool-cell{background-color:#fff;border-bottom:1px solid #000;border-right:1px solid #000;border-top:1px solid #000;position:relative}.qlbt-col-tool .qlbt-col-tool-cell:first-child{border-left:1px solid #000}.qlbt-col-tool .qlbt-col-tool-cell-holder{background-color:transparent;bottom:0;cursor:ew-resize;position:absolute;right:-1px;top:0;width:1px;z-index:3}.qlbt-col-tool .qlbt-col-tool-cell-holder:hover{background-color:#0589f3}.qlbt-col-tool .qlbt-col-tool-cell-holder:before{content:"";display:block;height:100%;left:-6px;position:absolute;top:0;width:8px}.qlbt-col-tool .qlbt-col-tool-cell-holder:after{content:"";display:block;height:100%;position:absolute;right:-6px;top:0;width:8px}\n'], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i23.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i23.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i23.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i23.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.EuiTooltipDirective, selector: "[euiTooltip]", inputs: ["e2eAttr", "showDelay", "hideDelay", "contentAlignment", "position", "isDisabled", "euiTooltip", "euiTooltipPrimary", "euiTooltipSecondary", "euiTooltipInfo", "euiTooltipSuccess", "euiTooltipWarning", "euiTooltipDanger", "euiTooltipAccent"], exportAs: ["euiTooltip"] }, { kind: "component", type: i3.QuillEditorComponent, selector: "quill-editor", inputs: ["id", "format", "theme", "modules", "debug", "placeholder", "maxLength", "minLength", "formats", "customToolbarPosition", "styles", "scrollingContainer", "bounds", "customOptions", "trackChanges", "hasImageFeature", "readOnly", "required", "sanitize", "strict", "preserveWhitespace", "valueGetter", "valueSetter"], outputs: ["onEditorCreated", "onContentChanged", "onSelectionChanged", "onFocus", "onBlur"] }, { kind: "component", type: i6.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: EuiEditorJsonViewComponent, selector: "eui-editor-json-view", inputs: ["theme", "content"] }, { kind: "component", type: EuiEditorHtmlViewComponent, selector: "eui-editor-html-view", inputs: ["content", "theme"] }, { kind: "component", type: EuiEditorCountersComponent, selector: "eui-editor-counters", inputs: ["charactersCounter", "charactersLabel", "wordsCounter", "wordsLabel", "isMaxLengthValid", "hasCharactersCounter", "hasWordsCounter"] }], changeDetection: i05.ChangeDetectionStrategy.OnPush, encapsulation: i05.ViewEncapsulation.None });
|
|
934
|
+
`, styles: ['@charset "UTF-8";.qlbt-operation-menu .qlbt-operation-color-picker{padding:0 12px 10px!important}.eui-editor{--editor-base-font-size: calc(var(--eui-base-font-size-m) + 1px);--editor-base-line-height: 1.25;--editor-paragraph-spacer: var(--eui-base-spacing-m);--editor-lists-spacer: var(--eui-base-spacing-s);--picker-font-size: var(--eui-base-font-size-s);--picker-height: var(--eui-base-spacing-xl);--picker-width: calc(6 * var(--eui-base-spacing-m));--button-height: var(--eui-base-spacing-xl);--button-width: var(--eui-base-spacing-xl)}.eui-editor .ql-container{box-sizing:border-box;font-size:var(--eui-base-font-size);height:100%;margin:0;position:relative;resize:vertical;white-space:pre-wrap;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}.eui-editor .ql-container.ql-snow .ql-tooltip{align-items:center;display:flex;background:var(--eui-base-color-info-5);box-shadow:var(--eui-base-shadow-z-depth-1);left:50%!important;position:absolute;transform:translate(-50%,60%);width:75%}.eui-editor .ql-container.ql-snow .ql-tooltip.ql-hidden{display:none}.eui-editor .ql-container.ql-snow .ql-tooltip.ql-editing{align-items:center;display:flex;left:50%!important;position:absolute;transform:translate(-50%,60%);width:75%}.eui-editor .ql-container.ql-snow .ql-tooltip.ql-editing.ql-hidden{display:none}.eui-editor .ql-container.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block;width:100%}.eui-editor .ql-container.ql-snow .ql-tooltip.ql-flip{z-index:1}.eui-editor .ql-container.ql-snow a.ql-preview{max-width:100%;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top;width:100%}.eui-editor .ql-toolbar{background-color:var(--eui-base-color-grey-5);border:1px solid var(--eui-base-color-grey-50);padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-xs) 0 var(--eui-base-spacing-xs);font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}.eui-editor .ql-toolbar.ql-snow{box-sizing:border-box}.eui-editor .ql-toolbar.ql-snow .ql-formats{align-items:center;background-color:var(--eui-base-color-grey-2);border:1px solid var(--eui-base-color-grey-50);border-radius:5px;display:inline-flex;margin-bottom:var(--eui-base-spacing-xs);margin-right:var(--eui-base-spacing-xs);vertical-align:middle}.eui-editor .ql-toolbar.ql-snow .ql-formats .ql-picker{align-items:center;color:var(--eui-base-color-grey-darker);display:inline-flex;height:var(--picker-height);max-height:var(--picker-height);position:relative;vertical-align:middle}.eui-editor .ql-toolbar.ql-snow .ql-formats .ql-picker:hover{background-color:var(--eui-base-color-grey-10);color:var(--eui-ctx-c-in)}.eui-editor .ql-toolbar.ql-snow .ql-formats .ql-picker:active:focus:not([readonly]),.eui-editor .ql-toolbar.ql-snow .ql-formats .ql-picker:focus:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-editor .ql-toolbar.ql-snow .ql-formats .ql-picker:active:focus-visible:not([readonly]),.eui-editor .ql-toolbar.ql-snow .ql-formats .ql-picker:focus:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-editor .ql-toolbar.ql-snow .ql-formats .ql-picker:active [tabindex="0"]:focus:not([readonly]),.eui-editor .ql-toolbar.ql-snow .ql-formats .ql-picker:focus [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-editor .ql-toolbar.ql-snow .ql-formats .ql-picker .ql-picker-label{align-items:center;border-color:transparent;display:flex;font-size:var(--picker-font-size)}.eui-editor .ql-toolbar.ql-snow .ql-formats select{background-color:transparent}.eui-editor .ql-toolbar.ql-snow .ql-formats select:active:focus:not([readonly]),.eui-editor .ql-toolbar.ql-snow .ql-formats select:focus:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-editor .ql-toolbar.ql-snow .ql-formats select:active:focus-visible:not([readonly]),.eui-editor .ql-toolbar.ql-snow .ql-formats select:focus:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-editor .ql-toolbar.ql-snow .ql-formats select:active [tabindex="0"]:focus:not([readonly]),.eui-editor .ql-toolbar.ql-snow .ql-formats select:focus [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-editor .ql-toolbar.ql-snow .ql-formats button{align-items:center;background-color:transparent;border:0 solid var(--eui-base-color-grey-50);box-shadow:none;color:var(--eui-base-color-grey-75);cursor:pointer;display:inline-flex;height:var(--button-height);justify-content:center;min-width:var(--button-width)}.eui-editor .ql-toolbar.ql-snow .ql-formats button:hover{background-color:var(--eui-base-color-grey-10);color:var(--eui-ctx-c-in)}.eui-editor .ql-toolbar.ql-snow .ql-formats button.active,.eui-editor .ql-toolbar.ql-snow .ql-formats button.ql-active{background:var(--eui-ctx-c-ac);color:var(--eui-ctx-c-p)}.eui-editor .ql-toolbar.ql-snow .ql-formats button:first-child{border-radius:5px 0 0 5px}.eui-editor .ql-toolbar.ql-snow .ql-formats button:last-child{border-radius:0 5px 5px 0}.eui-editor .ql-toolbar.ql-snow .ql-formats button:active:focus:not([readonly]),.eui-editor .ql-toolbar.ql-snow .ql-formats button:focus:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-editor .ql-toolbar.ql-snow .ql-formats button:active:focus-visible:not([readonly]),.eui-editor .ql-toolbar.ql-snow .ql-formats button:focus:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-editor .ql-toolbar.ql-snow .ql-formats button:active [tabindex="0"]:focus:not([readonly]),.eui-editor .ql-toolbar.ql-snow .ql-formats button:focus [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-editor .ql-toolbar.ql-snow .ql-formats button.editor-counters{align-items:center;cursor:auto;display:inline-flex;width:auto}.eui-editor .ql-toolbar.ql-snow .ql-formats button.editor-counters .chars-counter,.eui-editor .ql-toolbar.ql-snow .ql-formats button.editor-counters .words-counter,.eui-editor .ql-toolbar.ql-snow .ql-formats button.editor-counters .bytes-counter{color:var(--eui-ctx-c-in);font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-editor .ql-toolbar.ql-snow .ql-formats button.editor-counters .chars-counter.chars-counter--error,.eui-editor .ql-toolbar.ql-snow .ql-formats button.editor-counters .words-counter.chars-counter--error,.eui-editor .ql-toolbar.ql-snow .ql-formats button.editor-counters .bytes-counter.chars-counter--error{color:var(--eui-ctx-c-da)}.eui-editor .ql-toolbar.ql-snow .ql-formats button.editor-counters .chars-label,.eui-editor .ql-toolbar.ql-snow .ql-formats button.editor-counters .words-label,.eui-editor .ql-toolbar.ql-snow .ql-formats button.editor-counters .bytes-label{color:var(--eui-base-color-grey-dark);font-size:var(--eui-base-font-size-xs)}.eui-editor .ql-toolbar.ql-snow .ql-formats .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:1px}.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker{height:var(--eui-base-spacing-xl);padding:var(--eui-base-spacing-2xs) 0;width:calc(7 * var(--eui-base-spacing-m))}.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker .ql-picker-label:before,.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker .ql-picker-item:before{content:"Normal"}.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker .ql-picker-label[data-value=small]:before,.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker .ql-picker-item[data-value=small]:before{content:"Small"}.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker .ql-picker-label[data-value=smaller]:before,.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker .ql-picker-item[data-value=smaller]:before{content:"Smaller"}.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker .ql-picker-label[data-value=smallest]:before,.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker .ql-picker-item[data-value=smallest]:before{content:"Smallest"}.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker .ql-picker-label[data-value=large]:before,.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker .ql-picker-item[data-value=large]:before{content:"Large"}.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker .ql-picker-label[data-value=huge]:before,.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker .ql-picker-item[data-value=huge]:before{content:"Huge"}.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker .ql-picker-item[data-value=small]:before,.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker .ql-size-small{font-size:var(--eui-base-font-size-s)}.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker .ql-picker-item[data-value=smaller]:before{font-size:var(--eui-base-font-size-xs)}.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker .ql-picker-item[data-value=smallest]:before{font-size:var(--eui-base-font-size-2xs)}.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker .ql-picker-item[data-value=large]:before,.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker .ql-size-large{font-size:var(--eui-base-font-size-xl)}.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker .ql-picker-item[data-value=huge]:before,.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker .ql-size-huge{font-size:var(--eui-base-font-size-4xl)}.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker{align-items:center;display:flex;height:var(--picker-height);width:var(--picker-width)}.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker .ql-picker-label:before,.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker .ql-picker-item:before{content:"Normal"}.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker .ql-picker-label[data-value="1"]:before,.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker .ql-picker-label[data-value="2"]:before,.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker .ql-picker-label[data-value="3"]:before,.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker .ql-picker-label[data-value="4"]:before,.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker .ql-picker-label[data-value="5"]:before,.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker .ql-picker-label[data-value="6"]:before,.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker .ql-picker-item[data-value="1"]:before{font:normal normal 400 2.5rem/3rem var(--eui-base-font-family)}.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker .ql-picker-item[data-value="2"]:before{font:normal normal 400 2rem/2.75rem var(--eui-base-font-family)}.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker .ql-picker-item[data-value="3"]:before{font:normal normal 400 1.75rem/2.5rem var(--eui-base-font-family)}.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker .ql-picker-item[data-value="4"]:before{font:normal normal 400 1.5rem/2.25rem var(--eui-base-font-family)}.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker .ql-picker-item[data-value="5"]:before{font:normal normal 400 1.25rem/2rem var(--eui-base-font-family)}.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker .ql-picker-item[data-value="6"]:before{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}.eui-editor .ql-toolbar.ql-snow .ql-font.ql-picker{align-items:center;display:flex;height:var(--picker-height);width:var(--picker-width)}.eui-editor .ql-toolbar.ql-snow .ql-font.ql-picker .ql-picker-label:before,.eui-editor .ql-toolbar.ql-snow .ql-font.ql-picker .ql-picker-item:before{content:"Sans Serif"}.eui-editor .ql-toolbar.ql-snow .ql-font.ql-picker .ql-picker-label[data-value=serif]:before,.eui-editor .ql-toolbar.ql-snow .ql-font.ql-picker .ql-picker-item[data-value=serif]:before{content:"Serif"}.eui-editor .ql-toolbar.ql-snow .ql-font.ql-picker .ql-picker-label[data-value=monospace]:before,.eui-editor .ql-toolbar.ql-snow .ql-font.ql-picker .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.eui-editor .ql-toolbar.ql-snow .ql-font.ql-picker .ql-picker-item[data-value=sans-serif]:before{font-family:arial,sans-serif!important}.eui-editor .ql-toolbar.ql-snow .ql-font.ql-picker .ql-picker-item[data-value=serif]:before{font-family:times new roman,serif!important}.eui-editor .ql-toolbar.ql-snow .ql-font.ql-picker .ql-picker-item[data-value=monospace]:before{font-family:courier new,monospace!important}.eui-editor .ql-toolbar.ql-snow .ql-color-picker{width:var(--eui-base-spacing-xl)}.eui-editor .ql-toolbar .eui-editor-custom-toolbar{display:inline-flex;margin:0;padding:0;vertical-align:middle}.eui-editor .ql-editor{box-sizing:border-box;height:100%;line-height:var(--editor-base-line-height);outline:none;overflow-y:auto;padding:var(--eui-base-spacing-s);-moz-tab-size:4;tab-size:4;text-align:left;white-space:inherit;word-break:normal;word-wrap:break-word;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}.eui-editor .ql-editor h1{font:normal normal 400 2.5rem/3rem var(--eui-base-font-family)}.eui-editor .ql-editor h2{font:normal normal 400 2rem/2.75rem var(--eui-base-font-family)}.eui-editor .ql-editor h3{font:normal normal 400 1.75rem/2.5rem var(--eui-base-font-family)}.eui-editor .ql-editor h4{font:normal normal 400 1.5rem/2.25rem var(--eui-base-font-family)}.eui-editor .ql-editor h5{font:normal normal 400 1.25rem/2rem var(--eui-base-font-family)}.eui-editor .ql-editor h6{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}.eui-editor .ql-editor .h7{font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-editor .ql-editor .h8{font:normal normal 400 .75rem/1.25rem var(--eui-base-font-family)}.eui-editor .ql-editor p{margin-bottom:var(--editor-paragraph-spacer)}.eui-editor .ql-editor p:first-child{margin-top:0}.eui-editor .ql-editor p:last-child{margin-bottom:0}.eui-editor .ql-editor em,.eui-editor .ql-editor i{font-style:italic!important}.eui-editor .ql-editor strong,.eui-editor .ql-editor b{font-weight:700!important}.eui-editor .ql-editor strong em,.eui-editor .ql-editor strong i,.eui-editor .ql-editor b em,.eui-editor .ql-editor b i{font-style:italic!important;font-weight:700!important}.eui-editor .ql-editor strong em u,.eui-editor .ql-editor strong i u,.eui-editor .ql-editor b em u,.eui-editor .ql-editor b i u{text-decoration:underline!important}.eui-editor .ql-editor blockquote{border-left:var(--eui-base-spacing-xs) solid var(--eui-base-color-grey-75);margin-bottom:0;margin-top:0;padding-left:var(--eui-base-spacing-m)}.eui-editor .ql-editor code,.eui-editor .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.eui-editor .ql-editor pre{margin-bottom:var(--eui-base-spacing-xs);margin-top:var(--eui-base-spacing-xs);padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m);white-space:pre-wrap}.eui-editor .ql-editor code{font-size:85%;padding:2px 4px;word-break:break-word}.eui-editor .ql-editor ol,.eui-editor .ql-editor ul{margin-bottom:var(--editor-lists-spacer)}.eui-editor .ql-editor ol{counter-reset:inherit;list-style:none}.eui-editor .ql-editor ol li{padding-left:var(--eui-base-spacing-s)}.eui-editor .ql-editor ol li[data-list=bullet]{list-style:none}.eui-editor .ql-editor ol li[data-list=bullet]>.ql-ui:before{content:"\\2022";font-size:var(--eui-base-font-size-xl);margin-left:calc(-2.125 * var(--eui-base-spacing-m));position:absolute;top:calc(-.75 * var(--eui-base-spacing-2xs))}.eui-editor .ql-editor ol li[data-list=ordered]{list-style:none}.eui-editor .ql-editor pre.ql-syntax{background-color:var(--eui-base-color-grey-dark);color:#f5f5f5;overflow:visible}.eui-editor .ql-editor iframe,.eui-editor .ql-editor img{display:inline-block;height:1;width:1}.eui-editor .ql-editor.ql-blank:before{left:var(--eui-base-spacing-m);position:absolute;right:0}.eui-editor .ql-editor p,.eui-editor .ql-editor label,.eui-editor .ql-editor .label,.eui-editor .ql-editor blockquote,.eui-editor .ql-editor abbr,.eui-editor .ql-editor mark,.eui-editor .ql-editor del{font-size:var(--editor-base-font-size)}.eui-editor.eui-editor--focused .ql-container{box-shadow:var(--eui-base-shadow-z-depth-0)}.eui-editor.eui-editor--focused .ql-container:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-editor.eui-editor--focused .ql-container:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-editor.eui-editor--focused .ql-container [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-editor.eui-editor--readonly .ql-container{border:none}.eui-editor.eui-editor--readonly .ql-editor{min-height:calc(var(--eui-base-spacing-2xl) + 2px);padding:0 0 var(--eui-base-spacing-m) 0}.eui-editor.eui-editor--readonly.eui-editor--empty .ql-container{border:none;outline:1px dashed var(--eui-base-color-grey-50)}.eui-editor.eui-editor--readonly.eui-editor--empty .ql-container:hover{outline:1px solid var(--eui-base-color-grey-75)}.eui-editor-wrapper{position:relative}.eui-editor-wrapper .eui-editor{display:flex;flex-direction:column;height:100%;position:relative;width:100%}.eui-editor-wrapper .eui-editor .ql-container{background-color:var(--eui-base-color-white);border:1px solid #ccc;flex-grow:1;padding:.35rem}.eui-editor-wrapper .eui-editor .ql-container .ngx-quill-view{border:0}eui-editor{position:relative;width:100%}eui-editor.ng-invalid.ng-touched .eui-editor:not(.eui-editor--readonly) .ql-container{outline:1px solid var(--eui-ctx-c-da)}.ql-container .qlbt-selection-line.qlbt-selection-line-left:before{background-color:#0589f3;border-radius:5px;content:"";height:5px;left:-2px;position:absolute;top:-2px;width:5px}.ql-container .qlbt-selection-line.qlbt-selection-line-right:before{background-color:#0589f3;border-radius:5px;bottom:-3px;content:"";height:5px;position:absolute;right:-2px;width:5px}.quill-better-table-wrapper{overflow-x:auto}table.quill-better-table{border-collapse:collapse;table-layout:fixed}table.quill-better-table td{border:1px solid #000;padding:2px 5px}.qlbt-operation-menu{background-color:#fff;box-shadow:0 2px 8px #00000026;font-size:14px;overflow:hidden;z-index:100}.qlbt-operation-menu .qlbt-operation-menu-dividing{background-color:#efefef;height:1px}.qlbt-operation-menu .qlbt-operation-menu-subtitle{color:#999;font-size:14px;padding:5px 16px}.qlbt-operation-menu .qlbt-operation-color-picker{align-items:center;background-color:#fff;display:flex;flex-wrap:wrap;overflow:hidden;padding:0 16px 10px}.qlbt-operation-menu .qlbt-operation-color-picker .qlbt-operation-color-picker-item{border:1px solid #595959;cursor:pointer;height:20px;margin-bottom:5px;margin-right:5px;width:20px}.qlbt-operation-menu .qlbt-operation-menu-item{align-items:center;background-color:#fff;color:#595959;cursor:pointer;display:flex;overflow:hidden;padding:10px 16px;text-overflow:ellipsis}.qlbt-operation-menu .qlbt-operation-menu-item:hover{background-color:#efefef}.qlbt-operation-menu .qlbt-operation-menu-item .qlbt-operation-menu-icon{font-size:0;height:20px;margin-right:8px;width:20px}.qlbt-col-tool{align-items:flex-end;display:flex;height:16px;overflow:hidden;position:absolute;z-index:99}.qlbt-col-tool .qlbt-col-tool-cell{background-color:#fff;border-bottom:1px solid #000;border-right:1px solid #000;border-top:1px solid #000;position:relative}.qlbt-col-tool .qlbt-col-tool-cell:first-child{border-left:1px solid #000}.qlbt-col-tool .qlbt-col-tool-cell-holder{background-color:transparent;bottom:0;cursor:ew-resize;position:absolute;right:-1px;top:0;width:1px;z-index:3}.qlbt-col-tool .qlbt-col-tool-cell-holder:hover{background-color:#0589f3}.qlbt-col-tool .qlbt-col-tool-cell-holder:before{content:"";display:block;height:100%;left:-6px;position:absolute;top:0;width:8px}.qlbt-col-tool .qlbt-col-tool-cell-holder:after{content:"";display:block;height:100%;position:absolute;right:-6px;top:0;width:8px}\n'], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i23.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i23.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i23.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i23.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.EuiTooltipDirective, selector: "[euiTooltip]", inputs: ["e2eAttr", "showDelay", "hideDelay", "contentAlignment", "position", "isDisabled", "euiTooltip", "euiTooltipPrimary", "euiTooltipSecondary", "euiTooltipInfo", "euiTooltipSuccess", "euiTooltipWarning", "euiTooltipDanger", "euiTooltipAccent"], exportAs: ["euiTooltip"] }, { kind: "component", type: i3.QuillEditorComponent, selector: "quill-editor", inputs: ["id", "format", "theme", "modules", "debug", "placeholder", "maxLength", "minLength", "formats", "customToolbarPosition", "styles", "scrollingContainer", "bounds", "customOptions", "trackChanges", "hasImageFeature", "readOnly", "required", "sanitize", "strict", "preserveWhitespace", "valueGetter", "valueSetter"], outputs: ["onEditorCreated", "onContentChanged", "onSelectionChanged", "onFocus", "onBlur"] }, { kind: "component", type: i6.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: EuiEditorJsonViewComponent, selector: "eui-editor-json-view", inputs: ["theme", "content"] }, { kind: "component", type: EuiEditorHtmlViewComponent, selector: "eui-editor-html-view", inputs: ["content", "theme"] }, { kind: "component", type: EuiEditorCountersComponent, selector: "eui-editor-counters", inputs: ["charactersCounter", "charactersLabel", "wordsCounter", "wordsLabel", "isMaxLengthValid", "hasCharactersCounter", "hasWordsCounter"] }], changeDetection: i05.ChangeDetectionStrategy.OnPush, encapsulation: i05.ViewEncapsulation.None });
|
|
935
935
|
}
|
|
936
936
|
};
|
|
937
937
|
i05.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i05, type: EuiEditorComponent, decorators: [{
|
|
@@ -1219,7 +1219,7 @@ i05.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4",
|
|
|
1219
1219
|
<eui-editor-json-view *ngIf="format === 'json'" [content]="jsonToHtmlContent" [theme]="theme"></eui-editor-json-view>
|
|
1220
1220
|
</div>
|
|
1221
1221
|
</ng-container>
|
|
1222
|
-
`, styles: ['@charset "UTF-8";.qlbt-operation-menu .qlbt-operation-color-picker{padding:0 12px 10px!important}.eui-editor{--editor-base-font-size: calc(var(--eui-base-font-size-m) + 1px);--editor-base-line-height: 1.25;--editor-paragraph-spacer: var(--eui-base-spacing-m);--editor-lists-spacer: var(--eui-base-spacing-s);--picker-font-size: var(--eui-base-font-size-s);--picker-height: var(--eui-base-spacing-xl);--picker-width: calc(6 * var(--eui-base-spacing-m));--button-height: var(--eui-base-spacing-xl);--button-width: var(--eui-base-spacing-xl)}.eui-editor .ql-container{box-sizing:border-box;font-size:var(--eui-base-font-size);height:100%;margin:0;position:relative;resize:vertical;white-space:pre-wrap;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}.eui-editor .ql-container.ql-snow .ql-tooltip{align-items:center;display:flex;background:var(--eui-base-color-info-5);box-shadow:var(--eui-base-shadow-z-depth-1);left:50%!important;position:absolute;transform:translate(-50%,60%);width:75%}.eui-editor .ql-container.ql-snow .ql-tooltip.ql-hidden{display:none}.eui-editor .ql-container.ql-snow .ql-tooltip.ql-editing{align-items:center;display:flex;left:50%!important;position:absolute;transform:translate(-50%,60%);width:75%}.eui-editor .ql-container.ql-snow .ql-tooltip.ql-editing.ql-hidden{display:none}.eui-editor .ql-container.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block;width:100%}.eui-editor .ql-container.ql-snow .ql-tooltip.ql-flip{z-index:1}.eui-editor .ql-container.ql-snow a.ql-preview{max-width:100%;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top;width:100%}.eui-editor .ql-toolbar{background-color:var(--eui-base-color-grey-5);border:1px solid var(--eui-base-color-grey-50);padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-xs) 0 var(--eui-base-spacing-xs);font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}.eui-editor .ql-toolbar.ql-snow{box-sizing:border-box}.eui-editor .ql-toolbar.ql-snow .ql-formats{align-items:center;background-color:var(--eui-base-color-grey-2);border:1px solid var(--eui-base-color-grey-50);border-radius:5px;display:inline-flex;margin-bottom:var(--eui-base-spacing-xs);margin-right:var(--eui-base-spacing-xs);vertical-align:middle}.eui-editor .ql-toolbar.ql-snow .ql-formats .ql-picker{align-items:center;color:var(--eui-base-color-grey-darker);display:inline-flex;height:var(--picker-height);max-height:var(--picker-height);position:relative;vertical-align:middle}.eui-editor .ql-toolbar.ql-snow .ql-formats .ql-picker:hover{background-color:var(--eui-base-color-grey-10);color:var(--eui-base-color-info-100)}.eui-editor .ql-toolbar.ql-snow .ql-formats .ql-picker:active:focus:not([readonly]),.eui-editor .ql-toolbar.ql-snow .ql-formats .ql-picker:focus:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-editor .ql-toolbar.ql-snow .ql-formats .ql-picker:active:focus-visible:not([readonly]),.eui-editor .ql-toolbar.ql-snow .ql-formats .ql-picker:focus:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-editor .ql-toolbar.ql-snow .ql-formats .ql-picker:active [tabindex="0"]:focus:not([readonly]),.eui-editor .ql-toolbar.ql-snow .ql-formats .ql-picker:focus [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-editor .ql-toolbar.ql-snow .ql-formats .ql-picker .ql-picker-label{align-items:center;border-color:transparent;display:flex;font-size:var(--picker-font-size)}.eui-editor .ql-toolbar.ql-snow .ql-formats select{background-color:transparent}.eui-editor .ql-toolbar.ql-snow .ql-formats select:active:focus:not([readonly]),.eui-editor .ql-toolbar.ql-snow .ql-formats select:focus:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-editor .ql-toolbar.ql-snow .ql-formats select:active:focus-visible:not([readonly]),.eui-editor .ql-toolbar.ql-snow .ql-formats select:focus:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-editor .ql-toolbar.ql-snow .ql-formats select:active [tabindex="0"]:focus:not([readonly]),.eui-editor .ql-toolbar.ql-snow .ql-formats select:focus [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-editor .ql-toolbar.ql-snow .ql-formats button{align-items:center;background-color:transparent;border:0 solid var(--eui-base-color-grey-50);box-shadow:none;color:var(--eui-base-color-grey-75);cursor:pointer;display:inline-flex;height:var(--button-height);justify-content:center;min-width:var(--button-width)}.eui-editor .ql-toolbar.ql-snow .ql-formats button:hover{background-color:var(--eui-base-color-grey-10);color:var(--eui-base-color-info-100)}.eui-editor .ql-toolbar.ql-snow .ql-formats button.active,.eui-editor .ql-toolbar.ql-snow .ql-formats button.ql-active{background:var(--eui-base-color-accent-100);color:var(--eui-base-color-primary-100)}.eui-editor .ql-toolbar.ql-snow .ql-formats button:first-child{border-radius:5px 0 0 5px}.eui-editor .ql-toolbar.ql-snow .ql-formats button:last-child{border-radius:0 5px 5px 0}.eui-editor .ql-toolbar.ql-snow .ql-formats button:active:focus:not([readonly]),.eui-editor .ql-toolbar.ql-snow .ql-formats button:focus:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-editor .ql-toolbar.ql-snow .ql-formats button:active:focus-visible:not([readonly]),.eui-editor .ql-toolbar.ql-snow .ql-formats button:focus:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-editor .ql-toolbar.ql-snow .ql-formats button:active [tabindex="0"]:focus:not([readonly]),.eui-editor .ql-toolbar.ql-snow .ql-formats button:focus [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-editor .ql-toolbar.ql-snow .ql-formats button.editor-counters{align-items:center;cursor:auto;display:inline-flex;width:auto}.eui-editor .ql-toolbar.ql-snow .ql-formats button.editor-counters .chars-counter,.eui-editor .ql-toolbar.ql-snow .ql-formats button.editor-counters .words-counter,.eui-editor .ql-toolbar.ql-snow .ql-formats button.editor-counters .bytes-counter{color:var(--eui-base-color-info-100);font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-editor .ql-toolbar.ql-snow .ql-formats button.editor-counters .chars-counter.chars-counter--error,.eui-editor .ql-toolbar.ql-snow .ql-formats button.editor-counters .words-counter.chars-counter--error,.eui-editor .ql-toolbar.ql-snow .ql-formats button.editor-counters .bytes-counter.chars-counter--error{color:var(--eui-base-color-danger-100)}.eui-editor .ql-toolbar.ql-snow .ql-formats button.editor-counters .chars-label,.eui-editor .ql-toolbar.ql-snow .ql-formats button.editor-counters .words-label,.eui-editor .ql-toolbar.ql-snow .ql-formats button.editor-counters .bytes-label{color:var(--eui-base-color-grey-dark);font-size:var(--eui-base-font-size-xs)}.eui-editor .ql-toolbar.ql-snow .ql-formats .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:1px}.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker{height:var(--eui-base-spacing-xl);padding:var(--eui-base-spacing-2xs) 0;width:calc(7 * var(--eui-base-spacing-m))}.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker .ql-picker-label:before,.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker .ql-picker-item:before{content:"Normal"}.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker .ql-picker-label[data-value=small]:before,.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker .ql-picker-item[data-value=small]:before{content:"Small"}.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker .ql-picker-label[data-value=smaller]:before,.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker .ql-picker-item[data-value=smaller]:before{content:"Smaller"}.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker .ql-picker-label[data-value=smallest]:before,.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker .ql-picker-item[data-value=smallest]:before{content:"Smallest"}.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker .ql-picker-label[data-value=large]:before,.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker .ql-picker-item[data-value=large]:before{content:"Large"}.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker .ql-picker-label[data-value=huge]:before,.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker .ql-picker-item[data-value=huge]:before{content:"Huge"}.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker .ql-picker-item[data-value=small]:before,.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker .ql-size-small{font-size:var(--eui-base-font-size-s)}.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker .ql-picker-item[data-value=smaller]:before{font-size:var(--eui-base-font-size-xs)}.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker .ql-picker-item[data-value=smallest]:before{font-size:var(--eui-base-font-size-2xs)}.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker .ql-picker-item[data-value=large]:before,.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker .ql-size-large{font-size:var(--eui-base-font-size-xl)}.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker .ql-picker-item[data-value=huge]:before,.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker .ql-size-huge{font-size:var(--eui-base-font-size-4xl)}.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker{align-items:center;display:flex;height:var(--picker-height);width:var(--picker-width)}.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker .ql-picker-label:before,.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker .ql-picker-item:before{content:"Normal"}.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker .ql-picker-label[data-value="1"]:before,.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker .ql-picker-label[data-value="2"]:before,.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker .ql-picker-label[data-value="3"]:before,.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker .ql-picker-label[data-value="4"]:before,.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker .ql-picker-label[data-value="5"]:before,.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker .ql-picker-label[data-value="6"]:before,.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker .ql-picker-item[data-value="1"]:before{font:normal normal 400 2.5rem/3rem var(--eui-base-font-family)}.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker .ql-picker-item[data-value="2"]:before{font:normal normal 400 2rem/2.75rem var(--eui-base-font-family)}.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker .ql-picker-item[data-value="3"]:before{font:normal normal 400 1.75rem/2.5rem var(--eui-base-font-family)}.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker .ql-picker-item[data-value="4"]:before{font:normal normal 400 1.5rem/2.25rem var(--eui-base-font-family)}.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker .ql-picker-item[data-value="5"]:before{font:normal normal 400 1.25rem/2rem var(--eui-base-font-family)}.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker .ql-picker-item[data-value="6"]:before{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}.eui-editor .ql-toolbar.ql-snow .ql-font.ql-picker{align-items:center;display:flex;height:var(--picker-height);width:var(--picker-width)}.eui-editor .ql-toolbar.ql-snow .ql-font.ql-picker .ql-picker-label:before,.eui-editor .ql-toolbar.ql-snow .ql-font.ql-picker .ql-picker-item:before{content:"Sans Serif"}.eui-editor .ql-toolbar.ql-snow .ql-font.ql-picker .ql-picker-label[data-value=serif]:before,.eui-editor .ql-toolbar.ql-snow .ql-font.ql-picker .ql-picker-item[data-value=serif]:before{content:"Serif"}.eui-editor .ql-toolbar.ql-snow .ql-font.ql-picker .ql-picker-label[data-value=monospace]:before,.eui-editor .ql-toolbar.ql-snow .ql-font.ql-picker .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.eui-editor .ql-toolbar.ql-snow .ql-font.ql-picker .ql-picker-item[data-value=sans-serif]:before{font-family:arial,sans-serif!important}.eui-editor .ql-toolbar.ql-snow .ql-font.ql-picker .ql-picker-item[data-value=serif]:before{font-family:times new roman,serif!important}.eui-editor .ql-toolbar.ql-snow .ql-font.ql-picker .ql-picker-item[data-value=monospace]:before{font-family:courier new,monospace!important}.eui-editor .ql-toolbar.ql-snow .ql-color-picker{width:var(--eui-base-spacing-xl)}.eui-editor .ql-toolbar .eui-editor-custom-toolbar{display:inline-flex;margin:0;padding:0;vertical-align:middle}.eui-editor .ql-editor{box-sizing:border-box;height:100%;line-height:var(--editor-base-line-height);outline:none;overflow-y:auto;padding:var(--eui-base-spacing-s);-moz-tab-size:4;tab-size:4;text-align:left;white-space:inherit;word-break:normal;word-wrap:break-word;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}.eui-editor .ql-editor h1{font:normal normal 400 2.5rem/3rem var(--eui-base-font-family)}.eui-editor .ql-editor h2{font:normal normal 400 2rem/2.75rem var(--eui-base-font-family)}.eui-editor .ql-editor h3{font:normal normal 400 1.75rem/2.5rem var(--eui-base-font-family)}.eui-editor .ql-editor h4{font:normal normal 400 1.5rem/2.25rem var(--eui-base-font-family)}.eui-editor .ql-editor h5{font:normal normal 400 1.25rem/2rem var(--eui-base-font-family)}.eui-editor .ql-editor h6{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}.eui-editor .ql-editor .h7{font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-editor .ql-editor .h8{font:normal normal 400 .75rem/1.25rem var(--eui-base-font-family)}.eui-editor .ql-editor p{margin-bottom:var(--editor-paragraph-spacer)}.eui-editor .ql-editor p:first-child{margin-top:0}.eui-editor .ql-editor p:last-child{margin-bottom:0}.eui-editor .ql-editor em,.eui-editor .ql-editor i{font-style:italic!important}.eui-editor .ql-editor strong,.eui-editor .ql-editor b{font-weight:700!important}.eui-editor .ql-editor strong em,.eui-editor .ql-editor strong i,.eui-editor .ql-editor b em,.eui-editor .ql-editor b i{font-style:italic!important;font-weight:700!important}.eui-editor .ql-editor strong em u,.eui-editor .ql-editor strong i u,.eui-editor .ql-editor b em u,.eui-editor .ql-editor b i u{text-decoration:underline!important}.eui-editor .ql-editor blockquote{border-left:var(--eui-base-spacing-xs) solid var(--eui-base-color-grey-75);margin-bottom:0;margin-top:0;padding-left:var(--eui-base-spacing-m)}.eui-editor .ql-editor code,.eui-editor .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.eui-editor .ql-editor pre{margin-bottom:var(--eui-base-spacing-xs);margin-top:var(--eui-base-spacing-xs);padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m);white-space:pre-wrap}.eui-editor .ql-editor code{font-size:85%;padding:2px 4px;word-break:break-word}.eui-editor .ql-editor ol,.eui-editor .ql-editor ul{margin-bottom:var(--editor-lists-spacer)}.eui-editor .ql-editor ol{counter-reset:inherit;list-style:none}.eui-editor .ql-editor ol li{padding-left:var(--eui-base-spacing-s)}.eui-editor .ql-editor ol li[data-list=bullet]{list-style:none}.eui-editor .ql-editor ol li[data-list=bullet]>.ql-ui:before{content:"\\2022";font-size:var(--eui-base-font-size-xl);margin-left:calc(-2.125 * var(--eui-base-spacing-m));position:absolute;top:calc(-.75 * var(--eui-base-spacing-2xs))}.eui-editor .ql-editor ol li[data-list=ordered]{list-style:none}.eui-editor .ql-editor pre.ql-syntax{background-color:var(--eui-base-color-grey-dark);color:#f5f5f5;overflow:visible}.eui-editor .ql-editor iframe,.eui-editor .ql-editor img{display:inline-block;height:1;width:1}.eui-editor .ql-editor.ql-blank:before{left:var(--eui-base-spacing-m);position:absolute;right:0}.eui-editor .ql-editor p,.eui-editor .ql-editor label,.eui-editor .ql-editor .label,.eui-editor .ql-editor blockquote,.eui-editor .ql-editor abbr,.eui-editor .ql-editor mark,.eui-editor .ql-editor del{font-size:var(--editor-base-font-size)}.eui-editor.eui-editor--focused .ql-container{box-shadow:var(--eui-base-shadow-z-depth-0)}.eui-editor.eui-editor--focused .ql-container:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-editor.eui-editor--focused .ql-container:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-editor.eui-editor--focused .ql-container [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-editor.eui-editor--readonly .ql-container{border:none}.eui-editor.eui-editor--readonly .ql-editor{min-height:calc(var(--eui-base-spacing-2xl) + 2px);padding:0 0 var(--eui-base-spacing-m) 0}.eui-editor.eui-editor--readonly.eui-editor--empty .ql-container{border:none;outline:1px dashed var(--eui-base-color-grey-50)}.eui-editor.eui-editor--readonly.eui-editor--empty .ql-container:hover{outline:1px solid var(--eui-base-color-grey-75)}.eui-editor-wrapper{position:relative}.eui-editor-wrapper .eui-editor{display:flex;flex-direction:column;height:100%;position:relative;width:100%}.eui-editor-wrapper .eui-editor .ql-container{background-color:var(--eui-base-color-white);border:1px solid #ccc;flex-grow:1;padding:.35rem}.eui-editor-wrapper .eui-editor .ql-container .ngx-quill-view{border:0}eui-editor{position:relative;width:100%}eui-editor.ng-invalid.ng-touched .eui-editor:not(.eui-editor--readonly) .ql-container{outline:1px solid var(--eui-base-color-danger-100)}.ql-container .qlbt-selection-line.qlbt-selection-line-left:before{background-color:#0589f3;border-radius:5px;content:"";height:5px;left:-2px;position:absolute;top:-2px;width:5px}.ql-container .qlbt-selection-line.qlbt-selection-line-right:before{background-color:#0589f3;border-radius:5px;bottom:-3px;content:"";height:5px;position:absolute;right:-2px;width:5px}.quill-better-table-wrapper{overflow-x:auto}table.quill-better-table{border-collapse:collapse;table-layout:fixed}table.quill-better-table td{border:1px solid #000;padding:2px 5px}.qlbt-operation-menu{background-color:#fff;box-shadow:0 2px 8px #00000026;font-size:14px;overflow:hidden;z-index:100}.qlbt-operation-menu .qlbt-operation-menu-dividing{background-color:#efefef;height:1px}.qlbt-operation-menu .qlbt-operation-menu-subtitle{color:#999;font-size:14px;padding:5px 16px}.qlbt-operation-menu .qlbt-operation-color-picker{align-items:center;background-color:#fff;display:flex;flex-wrap:wrap;overflow:hidden;padding:0 16px 10px}.qlbt-operation-menu .qlbt-operation-color-picker .qlbt-operation-color-picker-item{border:1px solid #595959;cursor:pointer;height:20px;margin-bottom:5px;margin-right:5px;width:20px}.qlbt-operation-menu .qlbt-operation-menu-item{align-items:center;background-color:#fff;color:#595959;cursor:pointer;display:flex;overflow:hidden;padding:10px 16px;text-overflow:ellipsis}.qlbt-operation-menu .qlbt-operation-menu-item:hover{background-color:#efefef}.qlbt-operation-menu .qlbt-operation-menu-item .qlbt-operation-menu-icon{font-size:0;height:20px;margin-right:8px;width:20px}.qlbt-col-tool{align-items:flex-end;display:flex;height:16px;overflow:hidden;position:absolute;z-index:99}.qlbt-col-tool .qlbt-col-tool-cell{background-color:#fff;border-bottom:1px solid #000;border-right:1px solid #000;border-top:1px solid #000;position:relative}.qlbt-col-tool .qlbt-col-tool-cell:first-child{border-left:1px solid #000}.qlbt-col-tool .qlbt-col-tool-cell-holder{background-color:transparent;bottom:0;cursor:ew-resize;position:absolute;right:-1px;top:0;width:1px;z-index:3}.qlbt-col-tool .qlbt-col-tool-cell-holder:hover{background-color:#0589f3}.qlbt-col-tool .qlbt-col-tool-cell-holder:before{content:"";display:block;height:100%;left:-6px;position:absolute;top:0;width:8px}.qlbt-col-tool .qlbt-col-tool-cell-holder:after{content:"";display:block;height:100%;position:absolute;right:-6px;top:0;width:8px}\n'] }]
|
|
1222
|
+
`, styles: ['@charset "UTF-8";.qlbt-operation-menu .qlbt-operation-color-picker{padding:0 12px 10px!important}.eui-editor{--editor-base-font-size: calc(var(--eui-base-font-size-m) + 1px);--editor-base-line-height: 1.25;--editor-paragraph-spacer: var(--eui-base-spacing-m);--editor-lists-spacer: var(--eui-base-spacing-s);--picker-font-size: var(--eui-base-font-size-s);--picker-height: var(--eui-base-spacing-xl);--picker-width: calc(6 * var(--eui-base-spacing-m));--button-height: var(--eui-base-spacing-xl);--button-width: var(--eui-base-spacing-xl)}.eui-editor .ql-container{box-sizing:border-box;font-size:var(--eui-base-font-size);height:100%;margin:0;position:relative;resize:vertical;white-space:pre-wrap;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}.eui-editor .ql-container.ql-snow .ql-tooltip{align-items:center;display:flex;background:var(--eui-base-color-info-5);box-shadow:var(--eui-base-shadow-z-depth-1);left:50%!important;position:absolute;transform:translate(-50%,60%);width:75%}.eui-editor .ql-container.ql-snow .ql-tooltip.ql-hidden{display:none}.eui-editor .ql-container.ql-snow .ql-tooltip.ql-editing{align-items:center;display:flex;left:50%!important;position:absolute;transform:translate(-50%,60%);width:75%}.eui-editor .ql-container.ql-snow .ql-tooltip.ql-editing.ql-hidden{display:none}.eui-editor .ql-container.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block;width:100%}.eui-editor .ql-container.ql-snow .ql-tooltip.ql-flip{z-index:1}.eui-editor .ql-container.ql-snow a.ql-preview{max-width:100%;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top;width:100%}.eui-editor .ql-toolbar{background-color:var(--eui-base-color-grey-5);border:1px solid var(--eui-base-color-grey-50);padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-xs) 0 var(--eui-base-spacing-xs);font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}.eui-editor .ql-toolbar.ql-snow{box-sizing:border-box}.eui-editor .ql-toolbar.ql-snow .ql-formats{align-items:center;background-color:var(--eui-base-color-grey-2);border:1px solid var(--eui-base-color-grey-50);border-radius:5px;display:inline-flex;margin-bottom:var(--eui-base-spacing-xs);margin-right:var(--eui-base-spacing-xs);vertical-align:middle}.eui-editor .ql-toolbar.ql-snow .ql-formats .ql-picker{align-items:center;color:var(--eui-base-color-grey-darker);display:inline-flex;height:var(--picker-height);max-height:var(--picker-height);position:relative;vertical-align:middle}.eui-editor .ql-toolbar.ql-snow .ql-formats .ql-picker:hover{background-color:var(--eui-base-color-grey-10);color:var(--eui-ctx-c-in)}.eui-editor .ql-toolbar.ql-snow .ql-formats .ql-picker:active:focus:not([readonly]),.eui-editor .ql-toolbar.ql-snow .ql-formats .ql-picker:focus:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-editor .ql-toolbar.ql-snow .ql-formats .ql-picker:active:focus-visible:not([readonly]),.eui-editor .ql-toolbar.ql-snow .ql-formats .ql-picker:focus:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-editor .ql-toolbar.ql-snow .ql-formats .ql-picker:active [tabindex="0"]:focus:not([readonly]),.eui-editor .ql-toolbar.ql-snow .ql-formats .ql-picker:focus [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-editor .ql-toolbar.ql-snow .ql-formats .ql-picker .ql-picker-label{align-items:center;border-color:transparent;display:flex;font-size:var(--picker-font-size)}.eui-editor .ql-toolbar.ql-snow .ql-formats select{background-color:transparent}.eui-editor .ql-toolbar.ql-snow .ql-formats select:active:focus:not([readonly]),.eui-editor .ql-toolbar.ql-snow .ql-formats select:focus:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-editor .ql-toolbar.ql-snow .ql-formats select:active:focus-visible:not([readonly]),.eui-editor .ql-toolbar.ql-snow .ql-formats select:focus:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-editor .ql-toolbar.ql-snow .ql-formats select:active [tabindex="0"]:focus:not([readonly]),.eui-editor .ql-toolbar.ql-snow .ql-formats select:focus [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-editor .ql-toolbar.ql-snow .ql-formats button{align-items:center;background-color:transparent;border:0 solid var(--eui-base-color-grey-50);box-shadow:none;color:var(--eui-base-color-grey-75);cursor:pointer;display:inline-flex;height:var(--button-height);justify-content:center;min-width:var(--button-width)}.eui-editor .ql-toolbar.ql-snow .ql-formats button:hover{background-color:var(--eui-base-color-grey-10);color:var(--eui-ctx-c-in)}.eui-editor .ql-toolbar.ql-snow .ql-formats button.active,.eui-editor .ql-toolbar.ql-snow .ql-formats button.ql-active{background:var(--eui-ctx-c-ac);color:var(--eui-ctx-c-p)}.eui-editor .ql-toolbar.ql-snow .ql-formats button:first-child{border-radius:5px 0 0 5px}.eui-editor .ql-toolbar.ql-snow .ql-formats button:last-child{border-radius:0 5px 5px 0}.eui-editor .ql-toolbar.ql-snow .ql-formats button:active:focus:not([readonly]),.eui-editor .ql-toolbar.ql-snow .ql-formats button:focus:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-editor .ql-toolbar.ql-snow .ql-formats button:active:focus-visible:not([readonly]),.eui-editor .ql-toolbar.ql-snow .ql-formats button:focus:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-editor .ql-toolbar.ql-snow .ql-formats button:active [tabindex="0"]:focus:not([readonly]),.eui-editor .ql-toolbar.ql-snow .ql-formats button:focus [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-editor .ql-toolbar.ql-snow .ql-formats button.editor-counters{align-items:center;cursor:auto;display:inline-flex;width:auto}.eui-editor .ql-toolbar.ql-snow .ql-formats button.editor-counters .chars-counter,.eui-editor .ql-toolbar.ql-snow .ql-formats button.editor-counters .words-counter,.eui-editor .ql-toolbar.ql-snow .ql-formats button.editor-counters .bytes-counter{color:var(--eui-ctx-c-in);font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-editor .ql-toolbar.ql-snow .ql-formats button.editor-counters .chars-counter.chars-counter--error,.eui-editor .ql-toolbar.ql-snow .ql-formats button.editor-counters .words-counter.chars-counter--error,.eui-editor .ql-toolbar.ql-snow .ql-formats button.editor-counters .bytes-counter.chars-counter--error{color:var(--eui-ctx-c-da)}.eui-editor .ql-toolbar.ql-snow .ql-formats button.editor-counters .chars-label,.eui-editor .ql-toolbar.ql-snow .ql-formats button.editor-counters .words-label,.eui-editor .ql-toolbar.ql-snow .ql-formats button.editor-counters .bytes-label{color:var(--eui-base-color-grey-dark);font-size:var(--eui-base-font-size-xs)}.eui-editor .ql-toolbar.ql-snow .ql-formats .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:1px}.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker{height:var(--eui-base-spacing-xl);padding:var(--eui-base-spacing-2xs) 0;width:calc(7 * var(--eui-base-spacing-m))}.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker .ql-picker-label:before,.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker .ql-picker-item:before{content:"Normal"}.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker .ql-picker-label[data-value=small]:before,.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker .ql-picker-item[data-value=small]:before{content:"Small"}.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker .ql-picker-label[data-value=smaller]:before,.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker .ql-picker-item[data-value=smaller]:before{content:"Smaller"}.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker .ql-picker-label[data-value=smallest]:before,.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker .ql-picker-item[data-value=smallest]:before{content:"Smallest"}.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker .ql-picker-label[data-value=large]:before,.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker .ql-picker-item[data-value=large]:before{content:"Large"}.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker .ql-picker-label[data-value=huge]:before,.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker .ql-picker-item[data-value=huge]:before{content:"Huge"}.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker .ql-picker-item[data-value=small]:before,.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker .ql-size-small{font-size:var(--eui-base-font-size-s)}.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker .ql-picker-item[data-value=smaller]:before{font-size:var(--eui-base-font-size-xs)}.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker .ql-picker-item[data-value=smallest]:before{font-size:var(--eui-base-font-size-2xs)}.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker .ql-picker-item[data-value=large]:before,.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker .ql-size-large{font-size:var(--eui-base-font-size-xl)}.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker .ql-picker-item[data-value=huge]:before,.eui-editor .ql-toolbar.ql-snow .ql-size.ql-picker .ql-size-huge{font-size:var(--eui-base-font-size-4xl)}.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker{align-items:center;display:flex;height:var(--picker-height);width:var(--picker-width)}.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker .ql-picker-label:before,.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker .ql-picker-item:before{content:"Normal"}.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker .ql-picker-label[data-value="1"]:before,.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker .ql-picker-label[data-value="2"]:before,.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker .ql-picker-label[data-value="3"]:before,.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker .ql-picker-label[data-value="4"]:before,.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker .ql-picker-label[data-value="5"]:before,.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker .ql-picker-label[data-value="6"]:before,.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker .ql-picker-item[data-value="1"]:before{font:normal normal 400 2.5rem/3rem var(--eui-base-font-family)}.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker .ql-picker-item[data-value="2"]:before{font:normal normal 400 2rem/2.75rem var(--eui-base-font-family)}.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker .ql-picker-item[data-value="3"]:before{font:normal normal 400 1.75rem/2.5rem var(--eui-base-font-family)}.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker .ql-picker-item[data-value="4"]:before{font:normal normal 400 1.5rem/2.25rem var(--eui-base-font-family)}.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker .ql-picker-item[data-value="5"]:before{font:normal normal 400 1.25rem/2rem var(--eui-base-font-family)}.eui-editor .ql-toolbar.ql-snow .ql-header.ql-picker .ql-picker-item[data-value="6"]:before{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}.eui-editor .ql-toolbar.ql-snow .ql-font.ql-picker{align-items:center;display:flex;height:var(--picker-height);width:var(--picker-width)}.eui-editor .ql-toolbar.ql-snow .ql-font.ql-picker .ql-picker-label:before,.eui-editor .ql-toolbar.ql-snow .ql-font.ql-picker .ql-picker-item:before{content:"Sans Serif"}.eui-editor .ql-toolbar.ql-snow .ql-font.ql-picker .ql-picker-label[data-value=serif]:before,.eui-editor .ql-toolbar.ql-snow .ql-font.ql-picker .ql-picker-item[data-value=serif]:before{content:"Serif"}.eui-editor .ql-toolbar.ql-snow .ql-font.ql-picker .ql-picker-label[data-value=monospace]:before,.eui-editor .ql-toolbar.ql-snow .ql-font.ql-picker .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.eui-editor .ql-toolbar.ql-snow .ql-font.ql-picker .ql-picker-item[data-value=sans-serif]:before{font-family:arial,sans-serif!important}.eui-editor .ql-toolbar.ql-snow .ql-font.ql-picker .ql-picker-item[data-value=serif]:before{font-family:times new roman,serif!important}.eui-editor .ql-toolbar.ql-snow .ql-font.ql-picker .ql-picker-item[data-value=monospace]:before{font-family:courier new,monospace!important}.eui-editor .ql-toolbar.ql-snow .ql-color-picker{width:var(--eui-base-spacing-xl)}.eui-editor .ql-toolbar .eui-editor-custom-toolbar{display:inline-flex;margin:0;padding:0;vertical-align:middle}.eui-editor .ql-editor{box-sizing:border-box;height:100%;line-height:var(--editor-base-line-height);outline:none;overflow-y:auto;padding:var(--eui-base-spacing-s);-moz-tab-size:4;tab-size:4;text-align:left;white-space:inherit;word-break:normal;word-wrap:break-word;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}.eui-editor .ql-editor h1{font:normal normal 400 2.5rem/3rem var(--eui-base-font-family)}.eui-editor .ql-editor h2{font:normal normal 400 2rem/2.75rem var(--eui-base-font-family)}.eui-editor .ql-editor h3{font:normal normal 400 1.75rem/2.5rem var(--eui-base-font-family)}.eui-editor .ql-editor h4{font:normal normal 400 1.5rem/2.25rem var(--eui-base-font-family)}.eui-editor .ql-editor h5{font:normal normal 400 1.25rem/2rem var(--eui-base-font-family)}.eui-editor .ql-editor h6{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}.eui-editor .ql-editor .h7{font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-editor .ql-editor .h8{font:normal normal 400 .75rem/1.25rem var(--eui-base-font-family)}.eui-editor .ql-editor p{margin-bottom:var(--editor-paragraph-spacer)}.eui-editor .ql-editor p:first-child{margin-top:0}.eui-editor .ql-editor p:last-child{margin-bottom:0}.eui-editor .ql-editor em,.eui-editor .ql-editor i{font-style:italic!important}.eui-editor .ql-editor strong,.eui-editor .ql-editor b{font-weight:700!important}.eui-editor .ql-editor strong em,.eui-editor .ql-editor strong i,.eui-editor .ql-editor b em,.eui-editor .ql-editor b i{font-style:italic!important;font-weight:700!important}.eui-editor .ql-editor strong em u,.eui-editor .ql-editor strong i u,.eui-editor .ql-editor b em u,.eui-editor .ql-editor b i u{text-decoration:underline!important}.eui-editor .ql-editor blockquote{border-left:var(--eui-base-spacing-xs) solid var(--eui-base-color-grey-75);margin-bottom:0;margin-top:0;padding-left:var(--eui-base-spacing-m)}.eui-editor .ql-editor code,.eui-editor .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.eui-editor .ql-editor pre{margin-bottom:var(--eui-base-spacing-xs);margin-top:var(--eui-base-spacing-xs);padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m);white-space:pre-wrap}.eui-editor .ql-editor code{font-size:85%;padding:2px 4px;word-break:break-word}.eui-editor .ql-editor ol,.eui-editor .ql-editor ul{margin-bottom:var(--editor-lists-spacer)}.eui-editor .ql-editor ol{counter-reset:inherit;list-style:none}.eui-editor .ql-editor ol li{padding-left:var(--eui-base-spacing-s)}.eui-editor .ql-editor ol li[data-list=bullet]{list-style:none}.eui-editor .ql-editor ol li[data-list=bullet]>.ql-ui:before{content:"\\2022";font-size:var(--eui-base-font-size-xl);margin-left:calc(-2.125 * var(--eui-base-spacing-m));position:absolute;top:calc(-.75 * var(--eui-base-spacing-2xs))}.eui-editor .ql-editor ol li[data-list=ordered]{list-style:none}.eui-editor .ql-editor pre.ql-syntax{background-color:var(--eui-base-color-grey-dark);color:#f5f5f5;overflow:visible}.eui-editor .ql-editor iframe,.eui-editor .ql-editor img{display:inline-block;height:1;width:1}.eui-editor .ql-editor.ql-blank:before{left:var(--eui-base-spacing-m);position:absolute;right:0}.eui-editor .ql-editor p,.eui-editor .ql-editor label,.eui-editor .ql-editor .label,.eui-editor .ql-editor blockquote,.eui-editor .ql-editor abbr,.eui-editor .ql-editor mark,.eui-editor .ql-editor del{font-size:var(--editor-base-font-size)}.eui-editor.eui-editor--focused .ql-container{box-shadow:var(--eui-base-shadow-z-depth-0)}.eui-editor.eui-editor--focused .ql-container:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-editor.eui-editor--focused .ql-container:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-editor.eui-editor--focused .ql-container [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-editor.eui-editor--readonly .ql-container{border:none}.eui-editor.eui-editor--readonly .ql-editor{min-height:calc(var(--eui-base-spacing-2xl) + 2px);padding:0 0 var(--eui-base-spacing-m) 0}.eui-editor.eui-editor--readonly.eui-editor--empty .ql-container{border:none;outline:1px dashed var(--eui-base-color-grey-50)}.eui-editor.eui-editor--readonly.eui-editor--empty .ql-container:hover{outline:1px solid var(--eui-base-color-grey-75)}.eui-editor-wrapper{position:relative}.eui-editor-wrapper .eui-editor{display:flex;flex-direction:column;height:100%;position:relative;width:100%}.eui-editor-wrapper .eui-editor .ql-container{background-color:var(--eui-base-color-white);border:1px solid #ccc;flex-grow:1;padding:.35rem}.eui-editor-wrapper .eui-editor .ql-container .ngx-quill-view{border:0}eui-editor{position:relative;width:100%}eui-editor.ng-invalid.ng-touched .eui-editor:not(.eui-editor--readonly) .ql-container{outline:1px solid var(--eui-ctx-c-da)}.ql-container .qlbt-selection-line.qlbt-selection-line-left:before{background-color:#0589f3;border-radius:5px;content:"";height:5px;left:-2px;position:absolute;top:-2px;width:5px}.ql-container .qlbt-selection-line.qlbt-selection-line-right:before{background-color:#0589f3;border-radius:5px;bottom:-3px;content:"";height:5px;position:absolute;right:-2px;width:5px}.quill-better-table-wrapper{overflow-x:auto}table.quill-better-table{border-collapse:collapse;table-layout:fixed}table.quill-better-table td{border:1px solid #000;padding:2px 5px}.qlbt-operation-menu{background-color:#fff;box-shadow:0 2px 8px #00000026;font-size:14px;overflow:hidden;z-index:100}.qlbt-operation-menu .qlbt-operation-menu-dividing{background-color:#efefef;height:1px}.qlbt-operation-menu .qlbt-operation-menu-subtitle{color:#999;font-size:14px;padding:5px 16px}.qlbt-operation-menu .qlbt-operation-color-picker{align-items:center;background-color:#fff;display:flex;flex-wrap:wrap;overflow:hidden;padding:0 16px 10px}.qlbt-operation-menu .qlbt-operation-color-picker .qlbt-operation-color-picker-item{border:1px solid #595959;cursor:pointer;height:20px;margin-bottom:5px;margin-right:5px;width:20px}.qlbt-operation-menu .qlbt-operation-menu-item{align-items:center;background-color:#fff;color:#595959;cursor:pointer;display:flex;overflow:hidden;padding:10px 16px;text-overflow:ellipsis}.qlbt-operation-menu .qlbt-operation-menu-item:hover{background-color:#efefef}.qlbt-operation-menu .qlbt-operation-menu-item .qlbt-operation-menu-icon{font-size:0;height:20px;margin-right:8px;width:20px}.qlbt-col-tool{align-items:flex-end;display:flex;height:16px;overflow:hidden;position:absolute;z-index:99}.qlbt-col-tool .qlbt-col-tool-cell{background-color:#fff;border-bottom:1px solid #000;border-right:1px solid #000;border-top:1px solid #000;position:relative}.qlbt-col-tool .qlbt-col-tool-cell:first-child{border-left:1px solid #000}.qlbt-col-tool .qlbt-col-tool-cell-holder{background-color:transparent;bottom:0;cursor:ew-resize;position:absolute;right:-1px;top:0;width:1px;z-index:3}.qlbt-col-tool .qlbt-col-tool-cell-holder:hover{background-color:#0589f3}.qlbt-col-tool .qlbt-col-tool-cell-holder:before{content:"";display:block;height:100%;left:-6px;position:absolute;top:0;width:8px}.qlbt-col-tool .qlbt-col-tool-cell-holder:after{content:"";display:block;height:100%;position:absolute;right:-6px;top:0;width:8px}\n'] }]
|
|
1223
1223
|
}], ctorParameters: () => [{ type: i14.EuiDialogService }, { type: i05.ChangeDetectorRef }, { type: i23.NgControl }, { type: i3.LoaderService }], propDecorators: { e2eAttr: [{
|
|
1224
1224
|
type: Input4
|
|
1225
1225
|
}], id: [{
|