myrta-ui 1.1.46 → 1.1.48
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/components/form/editor/editor.component.mjs +22 -8
- package/esm2020/lib/components/form/formula-editor/formula-editor.module.mjs +1 -1
- package/esm2020/lib/components/modal/modal.component.mjs +3 -3
- package/fesm2015/myrta-ui.mjs +16 -6
- package/fesm2015/myrta-ui.mjs.map +1 -1
- package/fesm2020/myrta-ui.mjs +20 -6
- package/fesm2020/myrta-ui.mjs.map +1 -1
- package/lib/components/form/editor/editor.component.d.ts +1 -0
- package/package.json +1 -1
package/fesm2015/myrta-ui.mjs
CHANGED
|
@@ -2065,7 +2065,7 @@ class ModalComponent {
|
|
|
2065
2065
|
}
|
|
2066
2066
|
}
|
|
2067
2067
|
ModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2068
|
-
ModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: ModalComponent, selector: "mrx-modal", inputs: { title: "title", message: "message", okText: "okText", closeText: "closeText", size: "size", color: "color", customClasses: "customClasses", expandable: "expandable", isClose: "isClose", isBack: "isBack", backText: "backText", enableFooter: "enableFooter", alignButtons: "alignButtons", isLoading: "isLoading", iconPosition: "iconPosition" }, outputs: { ok: "ok", close: "close", back: "back" }, queries: [{ propertyName: "footerContent", first: true, predicate: ["footerContent"], descendants: true }], ngImport: i0, template: "<div class=\"mrx-modal-content\" [class]=\"getClasses\" [@animateExpand]=\"isEmbed ? 'open' : 'closed'\">\r\n <div class=\"mrx-modal-header\">\r\n <div \r\n class=\"mrx-modal-title\" \r\n [innerHTML]=\"title\" \r\n [class]=\"getTitleClass\"\r\n ></div>\r\n\r\n <div class=\"mrx-modal-controls\" *ngIf=\"expandable || isClose\">\r\n <span\r\n *ngIf=\"expandable\"\r\n class=\"mrx-icon icon-font-24\"\r\n [class]=\"isEmbed ? 'icon-arrow-collapse' : 'icon-arrow-expand'\"\r\n (click)=\"onExpanding()\"\r\n ></span>\r\n <span class=\"mrx-icon icon-close icon-font-24\" *ngIf=\"isClose\" (click)=\"onClose()\"></span>\r\n </div>\r\n </div>\r\n\r\n <div class=\"mrx-modal-body\">\r\n <div *ngIf=\"isBack\" class=\"mrx-modal__back d-flex align-items-center mb-3 mt-2\" (click)=\"onBack()\">\r\n <span class=\"mrx-icon icon-arrow-left icon-font-16 mr-1\"></span>\r\n <span>{{ backText }}</span>\r\n </div>\r\n\r\n <div class=\"mrx-modal-body__message\" [innerHTML]=\"message\"></div>\r\n <ng-content></ng-content>\r\n </div>\r\n\r\n\r\n <div class=\"mrx-modal-footer\" [class]=\"alignButtonsClass\" *ngIf=\"enableFooter\">\r\n <ng-container *ngIf=\"!footerContent; else footerContentTemplate\">\r\n <mrx-button\r\n [customClasses]=\"'mr-3'\"\r\n [type]=\"'secondary'\"\r\n [color]=\"getButtonColor\"\r\n [size]=\"'medium'\"\r\n (click)=\"onClose()\"\r\n >{{closeText}}</mrx-button>\r\n\r\n <mrx-button\r\n [type]=\"'primary'\"\r\n [size]=\"'medium'\"\r\n [color]=\"getButtonColor\"\r\n [iconPosition]=\"iconPosition\"\r\n [isLoading]=\"isLoading\"\r\n (click)=\"onOk()\"\r\n >{{okText}}</mrx-button>\r\n </ng-container>\r\n\r\n <ng-template #footerContentTemplate>\r\n <ng-container *ngTemplateOutlet=\"footerContent\"></ng-container>\r\n </ng-template>\r\n </div>\r\n</div>\r\n", styles: ["::ng-deep .mrx-modal{background-color:var(--neutral-bg-modal);height:100%;inset:0;overflow-x:hidden;overflow-y:auto;padding:0 16px;position:fixed;text-align:center;z-index:1000}::ng-deep .mrx-modal[style*=\"display: block\"]{display:flex!important;justify-content:center}::ng-deep .mrx-modal[style*=\"display: block\"]>*{display:flex;align-items:center;justify-content:center}::ng-deep .mrx-modal mrx-modal{margin:auto 0;width:100vw}::ng-deep .mrx-modal-open{overflow:hidden}.mrx-modal-content{margin:24px auto;background-color:#fff;border-radius:4px;position:relative;transition:opacity .5s ease-out;width:calc(100vw - 32px);will-change:opacity;display:flex;flex-direction:column;text-align:left}::ng-deep .mrx-modal.fade-anim{transition:opacity .4s ease-in-out;will-change:opacity;opacity:0}::ng-deep .mrx-modal.fade-anim.in{opacity:1}.mrx-modal-body{padding:var(--spacing-6, 24px) var(--spacing-4, 16px) var(--spacing-4, 16px);flex-grow:1}.mrx-modal-body .mrx-modal__back{font-family:var(--body-md-font-family);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);font-size:var(--body-md-font-size)}.mrx-modal-body__message{color:var(--neutral-text-primary);font-family:var(--body-md-font-family);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);font-size:var(--body-md-font-size)}.mrx-modal-content.type-default .mrx-modal-header{background:var(--brand-bg-primary-default);color:var(--neutral-icon-inverse)}.mrx-modal-content.type-default .mrx-modal-header .icon-close,.mrx-modal-content.type-default .mrx-modal-header .icon-arrow-expand,.mrx-modal-content.type-default .mrx-modal-header .icon-arrow-collapse,.mrx-modal-content.type-default .mrx-modal-header .icon-arrow-left{color:var(--neutral-icon-inverse)}.mrx-modal-content.type-info .mrx-modal-header{background:var(--neutral-bg-island-default);color:var(--neutral-text-primary)}.mrx-modal-content.type-info .mrx-modal-header .icon-close,.mrx-modal-content.type-info .mrx-modal-header .icon-arrow-expand,.mrx-modal-content.type-info .mrx-modal-header .icon-arrow-collapse,.mrx-modal-content.type-info .mrx-modal-header .icon-arrow-left{color:var(--neutral-icon-default)}.mrx-modal-content.type-attention .mrx-modal-header{background:var(--system-bg-controls-attention-default);color:var(--neutral-icon-inverse)}.mrx-modal-content.type-attention .mrx-modal-header .icon-close,.mrx-modal-content.type-attention .mrx-modal-header .icon-arrow-expand,.mrx-modal-content.type-attention .mrx-modal-header .icon-arrow-collapse,.mrx-modal-content.type-attention .mrx-modal-header .icon-arrow-left{color:var(--neutral-icon-inverse)}.mrx-modal-content.type-negative .mrx-modal-header{background:var(--system-bg-controls-negative-default);color:var(--neutral-icon-inverse)}.mrx-modal-content.type-negative .mrx-modal-header .icon-close,.mrx-modal-content.type-negative .mrx-modal-header .icon-arrow-expand,.mrx-modal-content.type-negative .mrx-modal-header .icon-arrow-collapse,.mrx-modal-content.type-negative .mrx-modal-header .icon-arrow-left{color:var(--neutral-icon-inverse)}.mrx-modal-content .mrx-modal__back{cursor:pointer;color:var(--brand-text-controls-default)}.mrx-modal-content .mrx-modal__back .mrx-icon{color:var(--brand-text-controls-default)}.mrx-modal-content .mrx-modal__back:hover,.mrx-modal-content .mrx-modal__back:hover .mrx-icon{color:var(--brand-text-controls-hover)}.mrx-modal-footer{align-items:center;display:flex;padding:0 24px 24px}.mrx-modal-header{display:flex;align-items:flex-start;gap:var(--spacing-2);padding:16px;position:relative;border-top-left-radius:4px;border-top-right-radius:4px}.mrx-modal-header .mrx-modal-title{font-family:var(--headlines-lvl-4-font-family);font-weight:var(--headlines-lvl-4-font-weight);line-height:var(--headlines-lvl-4-line-height);font-size:var(--headlines-lvl-4-font-size);text-align:center;width:100
|
|
2068
|
+
ModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: ModalComponent, selector: "mrx-modal", inputs: { title: "title", message: "message", okText: "okText", closeText: "closeText", size: "size", color: "color", customClasses: "customClasses", expandable: "expandable", isClose: "isClose", isBack: "isBack", backText: "backText", enableFooter: "enableFooter", alignButtons: "alignButtons", isLoading: "isLoading", iconPosition: "iconPosition" }, outputs: { ok: "ok", close: "close", back: "back" }, queries: [{ propertyName: "footerContent", first: true, predicate: ["footerContent"], descendants: true }], ngImport: i0, template: "<div class=\"mrx-modal-content\" [class]=\"getClasses\" [@animateExpand]=\"isEmbed ? 'open' : 'closed'\">\r\n <div class=\"mrx-modal-header\">\r\n <div \r\n class=\"mrx-modal-title\" \r\n [innerHTML]=\"title\" \r\n [class]=\"getTitleClass\"\r\n ></div>\r\n\r\n <div class=\"mrx-modal-controls\" *ngIf=\"expandable || isClose\">\r\n <span\r\n *ngIf=\"expandable\"\r\n class=\"mrx-icon icon-font-24\"\r\n [class]=\"isEmbed ? 'icon-arrow-collapse' : 'icon-arrow-expand'\"\r\n (click)=\"onExpanding()\"\r\n ></span>\r\n <span class=\"mrx-icon icon-close icon-font-24\" *ngIf=\"isClose\" (click)=\"onClose()\"></span>\r\n </div>\r\n </div>\r\n\r\n <div class=\"mrx-modal-body\">\r\n <div *ngIf=\"isBack\" class=\"mrx-modal__back d-flex align-items-center mb-3 mt-2\" (click)=\"onBack()\">\r\n <span class=\"mrx-icon icon-arrow-left icon-font-16 mr-1\"></span>\r\n <span>{{ backText }}</span>\r\n </div>\r\n\r\n <div class=\"mrx-modal-body__message\" [innerHTML]=\"message\"></div>\r\n <ng-content></ng-content>\r\n </div>\r\n\r\n\r\n <div class=\"mrx-modal-footer\" [class]=\"alignButtonsClass\" *ngIf=\"enableFooter\">\r\n <ng-container *ngIf=\"!footerContent; else footerContentTemplate\">\r\n <mrx-button\r\n [customClasses]=\"'mr-3'\"\r\n [type]=\"'secondary'\"\r\n [color]=\"getButtonColor\"\r\n [size]=\"'medium'\"\r\n (click)=\"onClose()\"\r\n >{{closeText}}</mrx-button>\r\n\r\n <mrx-button\r\n [type]=\"'primary'\"\r\n [size]=\"'medium'\"\r\n [color]=\"getButtonColor\"\r\n [iconPosition]=\"iconPosition\"\r\n [isLoading]=\"isLoading\"\r\n (click)=\"onOk()\"\r\n >{{okText}}</mrx-button>\r\n </ng-container>\r\n\r\n <ng-template #footerContentTemplate>\r\n <ng-container *ngTemplateOutlet=\"footerContent\"></ng-container>\r\n </ng-template>\r\n </div>\r\n</div>\r\n", styles: ["::ng-deep .mrx-modal{background-color:var(--neutral-bg-modal);height:100%;inset:0;overflow-x:hidden;overflow-y:auto;padding:0 16px;position:fixed;text-align:center;z-index:1000}::ng-deep .mrx-modal[style*=\"display: block\"]{display:flex!important;justify-content:center}::ng-deep .mrx-modal[style*=\"display: block\"]>*{display:flex;align-items:center;justify-content:center}::ng-deep .mrx-modal mrx-modal{margin:auto 0;width:100vw}::ng-deep .mrx-modal-open{overflow:hidden}.mrx-modal-content{margin:24px auto;background-color:#fff;border-radius:4px;position:relative;transition:opacity .5s ease-out;width:calc(100vw - 32px);will-change:opacity;display:flex;flex-direction:column;text-align:left}::ng-deep .mrx-modal.fade-anim{transition:opacity .4s ease-in-out;will-change:opacity;opacity:0}::ng-deep .mrx-modal.fade-anim.in{opacity:1}.mrx-modal-body{padding:var(--spacing-6, 24px) var(--spacing-4, 16px) var(--spacing-4, 16px);flex-grow:1}.mrx-modal-body .mrx-modal__back{font-family:var(--body-md-font-family);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);font-size:var(--body-md-font-size)}.mrx-modal-body__message{color:var(--neutral-text-primary);font-family:var(--body-md-font-family);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);font-size:var(--body-md-font-size)}.mrx-modal-content.type-default .mrx-modal-header{background:var(--brand-bg-primary-default);color:var(--neutral-icon-inverse)}.mrx-modal-content.type-default .mrx-modal-header .icon-close,.mrx-modal-content.type-default .mrx-modal-header .icon-arrow-expand,.mrx-modal-content.type-default .mrx-modal-header .icon-arrow-collapse,.mrx-modal-content.type-default .mrx-modal-header .icon-arrow-left{color:var(--neutral-icon-inverse)}.mrx-modal-content.type-info .mrx-modal-header{background:var(--neutral-bg-island-default);color:var(--neutral-text-primary)}.mrx-modal-content.type-info .mrx-modal-header .icon-close,.mrx-modal-content.type-info .mrx-modal-header .icon-arrow-expand,.mrx-modal-content.type-info .mrx-modal-header .icon-arrow-collapse,.mrx-modal-content.type-info .mrx-modal-header .icon-arrow-left{color:var(--neutral-icon-default)}.mrx-modal-content.type-attention .mrx-modal-header{background:var(--system-bg-controls-attention-default);color:var(--neutral-icon-inverse)}.mrx-modal-content.type-attention .mrx-modal-header .icon-close,.mrx-modal-content.type-attention .mrx-modal-header .icon-arrow-expand,.mrx-modal-content.type-attention .mrx-modal-header .icon-arrow-collapse,.mrx-modal-content.type-attention .mrx-modal-header .icon-arrow-left{color:var(--neutral-icon-inverse)}.mrx-modal-content.type-negative .mrx-modal-header{background:var(--system-bg-controls-negative-default);color:var(--neutral-icon-inverse)}.mrx-modal-content.type-negative .mrx-modal-header .icon-close,.mrx-modal-content.type-negative .mrx-modal-header .icon-arrow-expand,.mrx-modal-content.type-negative .mrx-modal-header .icon-arrow-collapse,.mrx-modal-content.type-negative .mrx-modal-header .icon-arrow-left{color:var(--neutral-icon-inverse)}.mrx-modal-content .mrx-modal__back{cursor:pointer;color:var(--brand-text-controls-default)}.mrx-modal-content .mrx-modal__back .mrx-icon{color:var(--brand-text-controls-default)}.mrx-modal-content .mrx-modal__back:hover,.mrx-modal-content .mrx-modal__back:hover .mrx-icon{color:var(--brand-text-controls-hover)}.mrx-modal-footer{align-items:center;display:flex;padding:0 24px 24px}.mrx-modal-header{display:flex;align-items:flex-start;gap:var(--spacing-2);padding:16px;position:relative;border-top-left-radius:4px;border-top-right-radius:4px}.mrx-modal-header .mrx-modal-title{font-family:var(--headlines-lvl-4-font-family);font-weight:var(--headlines-lvl-4-font-weight);line-height:var(--headlines-lvl-4-line-height);font-size:var(--headlines-lvl-4-font-size);text-align:center;width:100%;text-transform:uppercase}.mrx-modal-header .mrx-modal-title-clear{padding:0}.mrx-modal-header .mrx-modal-title-one-icon{padding-left:24px}.mrx-modal-header .mrx-modal-title-two-icon{padding-left:56px}.mrx-modal-header .mrx-modal-controls{display:flex;align-items:center;gap:var(--spacing-2);z-index:1}.mrx-modal-header .icon-arrow-expand,.mrx-modal-header .icon-arrow-collapse,.mrx-modal-header .icon-close{cursor:pointer}.mrx-modal-header .icon-arrow-expand:hover,.mrx-modal-header .icon-arrow-collapse:hover,.mrx-modal-header .icon-close:hover{transform:scale(1.1)}.mrx-modal-content.mrx-modal-sm{max-width:440px}.mrx-modal-content.mrx-modal-md{max-width:670px}.mrx-modal-content.mrx-modal-lg{max-width:904px}.mrx-modal-content.mrx-modal-extra-lg{max-width:1024px}\n"], components: [{ type: ButtonComponent, selector: "mrx-button", inputs: ["size", "type", "color", "iconPosition", "active", "disabled", "isLoading", "iconOnly", "customClasses", "label", "icon", "iconClass", "buttonType"], outputs: ["mrxClick"] }], directives: [{ type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], animations: [
|
|
2069
2069
|
trigger('animateExpand', [
|
|
2070
2070
|
state('open', style({
|
|
2071
2071
|
height: '100%',
|
|
@@ -2098,7 +2098,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
|
|
|
2098
2098
|
transition('open => closed', [animate('0.5s ease')]),
|
|
2099
2099
|
transition('closed => open', [animate('0.5s ease')]),
|
|
2100
2100
|
]),
|
|
2101
|
-
], template: "<div class=\"mrx-modal-content\" [class]=\"getClasses\" [@animateExpand]=\"isEmbed ? 'open' : 'closed'\">\r\n <div class=\"mrx-modal-header\">\r\n <div \r\n class=\"mrx-modal-title\" \r\n [innerHTML]=\"title\" \r\n [class]=\"getTitleClass\"\r\n ></div>\r\n\r\n <div class=\"mrx-modal-controls\" *ngIf=\"expandable || isClose\">\r\n <span\r\n *ngIf=\"expandable\"\r\n class=\"mrx-icon icon-font-24\"\r\n [class]=\"isEmbed ? 'icon-arrow-collapse' : 'icon-arrow-expand'\"\r\n (click)=\"onExpanding()\"\r\n ></span>\r\n <span class=\"mrx-icon icon-close icon-font-24\" *ngIf=\"isClose\" (click)=\"onClose()\"></span>\r\n </div>\r\n </div>\r\n\r\n <div class=\"mrx-modal-body\">\r\n <div *ngIf=\"isBack\" class=\"mrx-modal__back d-flex align-items-center mb-3 mt-2\" (click)=\"onBack()\">\r\n <span class=\"mrx-icon icon-arrow-left icon-font-16 mr-1\"></span>\r\n <span>{{ backText }}</span>\r\n </div>\r\n\r\n <div class=\"mrx-modal-body__message\" [innerHTML]=\"message\"></div>\r\n <ng-content></ng-content>\r\n </div>\r\n\r\n\r\n <div class=\"mrx-modal-footer\" [class]=\"alignButtonsClass\" *ngIf=\"enableFooter\">\r\n <ng-container *ngIf=\"!footerContent; else footerContentTemplate\">\r\n <mrx-button\r\n [customClasses]=\"'mr-3'\"\r\n [type]=\"'secondary'\"\r\n [color]=\"getButtonColor\"\r\n [size]=\"'medium'\"\r\n (click)=\"onClose()\"\r\n >{{closeText}}</mrx-button>\r\n\r\n <mrx-button\r\n [type]=\"'primary'\"\r\n [size]=\"'medium'\"\r\n [color]=\"getButtonColor\"\r\n [iconPosition]=\"iconPosition\"\r\n [isLoading]=\"isLoading\"\r\n (click)=\"onOk()\"\r\n >{{okText}}</mrx-button>\r\n </ng-container>\r\n\r\n <ng-template #footerContentTemplate>\r\n <ng-container *ngTemplateOutlet=\"footerContent\"></ng-container>\r\n </ng-template>\r\n </div>\r\n</div>\r\n", styles: ["::ng-deep .mrx-modal{background-color:var(--neutral-bg-modal);height:100%;inset:0;overflow-x:hidden;overflow-y:auto;padding:0 16px;position:fixed;text-align:center;z-index:1000}::ng-deep .mrx-modal[style*=\"display: block\"]{display:flex!important;justify-content:center}::ng-deep .mrx-modal[style*=\"display: block\"]>*{display:flex;align-items:center;justify-content:center}::ng-deep .mrx-modal mrx-modal{margin:auto 0;width:100vw}::ng-deep .mrx-modal-open{overflow:hidden}.mrx-modal-content{margin:24px auto;background-color:#fff;border-radius:4px;position:relative;transition:opacity .5s ease-out;width:calc(100vw - 32px);will-change:opacity;display:flex;flex-direction:column;text-align:left}::ng-deep .mrx-modal.fade-anim{transition:opacity .4s ease-in-out;will-change:opacity;opacity:0}::ng-deep .mrx-modal.fade-anim.in{opacity:1}.mrx-modal-body{padding:var(--spacing-6, 24px) var(--spacing-4, 16px) var(--spacing-4, 16px);flex-grow:1}.mrx-modal-body .mrx-modal__back{font-family:var(--body-md-font-family);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);font-size:var(--body-md-font-size)}.mrx-modal-body__message{color:var(--neutral-text-primary);font-family:var(--body-md-font-family);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);font-size:var(--body-md-font-size)}.mrx-modal-content.type-default .mrx-modal-header{background:var(--brand-bg-primary-default);color:var(--neutral-icon-inverse)}.mrx-modal-content.type-default .mrx-modal-header .icon-close,.mrx-modal-content.type-default .mrx-modal-header .icon-arrow-expand,.mrx-modal-content.type-default .mrx-modal-header .icon-arrow-collapse,.mrx-modal-content.type-default .mrx-modal-header .icon-arrow-left{color:var(--neutral-icon-inverse)}.mrx-modal-content.type-info .mrx-modal-header{background:var(--neutral-bg-island-default);color:var(--neutral-text-primary)}.mrx-modal-content.type-info .mrx-modal-header .icon-close,.mrx-modal-content.type-info .mrx-modal-header .icon-arrow-expand,.mrx-modal-content.type-info .mrx-modal-header .icon-arrow-collapse,.mrx-modal-content.type-info .mrx-modal-header .icon-arrow-left{color:var(--neutral-icon-default)}.mrx-modal-content.type-attention .mrx-modal-header{background:var(--system-bg-controls-attention-default);color:var(--neutral-icon-inverse)}.mrx-modal-content.type-attention .mrx-modal-header .icon-close,.mrx-modal-content.type-attention .mrx-modal-header .icon-arrow-expand,.mrx-modal-content.type-attention .mrx-modal-header .icon-arrow-collapse,.mrx-modal-content.type-attention .mrx-modal-header .icon-arrow-left{color:var(--neutral-icon-inverse)}.mrx-modal-content.type-negative .mrx-modal-header{background:var(--system-bg-controls-negative-default);color:var(--neutral-icon-inverse)}.mrx-modal-content.type-negative .mrx-modal-header .icon-close,.mrx-modal-content.type-negative .mrx-modal-header .icon-arrow-expand,.mrx-modal-content.type-negative .mrx-modal-header .icon-arrow-collapse,.mrx-modal-content.type-negative .mrx-modal-header .icon-arrow-left{color:var(--neutral-icon-inverse)}.mrx-modal-content .mrx-modal__back{cursor:pointer;color:var(--brand-text-controls-default)}.mrx-modal-content .mrx-modal__back .mrx-icon{color:var(--brand-text-controls-default)}.mrx-modal-content .mrx-modal__back:hover,.mrx-modal-content .mrx-modal__back:hover .mrx-icon{color:var(--brand-text-controls-hover)}.mrx-modal-footer{align-items:center;display:flex;padding:0 24px 24px}.mrx-modal-header{display:flex;align-items:flex-start;gap:var(--spacing-2);padding:16px;position:relative;border-top-left-radius:4px;border-top-right-radius:4px}.mrx-modal-header .mrx-modal-title{font-family:var(--headlines-lvl-4-font-family);font-weight:var(--headlines-lvl-4-font-weight);line-height:var(--headlines-lvl-4-line-height);font-size:var(--headlines-lvl-4-font-size);text-align:center;width:100
|
|
2101
|
+
], template: "<div class=\"mrx-modal-content\" [class]=\"getClasses\" [@animateExpand]=\"isEmbed ? 'open' : 'closed'\">\r\n <div class=\"mrx-modal-header\">\r\n <div \r\n class=\"mrx-modal-title\" \r\n [innerHTML]=\"title\" \r\n [class]=\"getTitleClass\"\r\n ></div>\r\n\r\n <div class=\"mrx-modal-controls\" *ngIf=\"expandable || isClose\">\r\n <span\r\n *ngIf=\"expandable\"\r\n class=\"mrx-icon icon-font-24\"\r\n [class]=\"isEmbed ? 'icon-arrow-collapse' : 'icon-arrow-expand'\"\r\n (click)=\"onExpanding()\"\r\n ></span>\r\n <span class=\"mrx-icon icon-close icon-font-24\" *ngIf=\"isClose\" (click)=\"onClose()\"></span>\r\n </div>\r\n </div>\r\n\r\n <div class=\"mrx-modal-body\">\r\n <div *ngIf=\"isBack\" class=\"mrx-modal__back d-flex align-items-center mb-3 mt-2\" (click)=\"onBack()\">\r\n <span class=\"mrx-icon icon-arrow-left icon-font-16 mr-1\"></span>\r\n <span>{{ backText }}</span>\r\n </div>\r\n\r\n <div class=\"mrx-modal-body__message\" [innerHTML]=\"message\"></div>\r\n <ng-content></ng-content>\r\n </div>\r\n\r\n\r\n <div class=\"mrx-modal-footer\" [class]=\"alignButtonsClass\" *ngIf=\"enableFooter\">\r\n <ng-container *ngIf=\"!footerContent; else footerContentTemplate\">\r\n <mrx-button\r\n [customClasses]=\"'mr-3'\"\r\n [type]=\"'secondary'\"\r\n [color]=\"getButtonColor\"\r\n [size]=\"'medium'\"\r\n (click)=\"onClose()\"\r\n >{{closeText}}</mrx-button>\r\n\r\n <mrx-button\r\n [type]=\"'primary'\"\r\n [size]=\"'medium'\"\r\n [color]=\"getButtonColor\"\r\n [iconPosition]=\"iconPosition\"\r\n [isLoading]=\"isLoading\"\r\n (click)=\"onOk()\"\r\n >{{okText}}</mrx-button>\r\n </ng-container>\r\n\r\n <ng-template #footerContentTemplate>\r\n <ng-container *ngTemplateOutlet=\"footerContent\"></ng-container>\r\n </ng-template>\r\n </div>\r\n</div>\r\n", styles: ["::ng-deep .mrx-modal{background-color:var(--neutral-bg-modal);height:100%;inset:0;overflow-x:hidden;overflow-y:auto;padding:0 16px;position:fixed;text-align:center;z-index:1000}::ng-deep .mrx-modal[style*=\"display: block\"]{display:flex!important;justify-content:center}::ng-deep .mrx-modal[style*=\"display: block\"]>*{display:flex;align-items:center;justify-content:center}::ng-deep .mrx-modal mrx-modal{margin:auto 0;width:100vw}::ng-deep .mrx-modal-open{overflow:hidden}.mrx-modal-content{margin:24px auto;background-color:#fff;border-radius:4px;position:relative;transition:opacity .5s ease-out;width:calc(100vw - 32px);will-change:opacity;display:flex;flex-direction:column;text-align:left}::ng-deep .mrx-modal.fade-anim{transition:opacity .4s ease-in-out;will-change:opacity;opacity:0}::ng-deep .mrx-modal.fade-anim.in{opacity:1}.mrx-modal-body{padding:var(--spacing-6, 24px) var(--spacing-4, 16px) var(--spacing-4, 16px);flex-grow:1}.mrx-modal-body .mrx-modal__back{font-family:var(--body-md-font-family);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);font-size:var(--body-md-font-size)}.mrx-modal-body__message{color:var(--neutral-text-primary);font-family:var(--body-md-font-family);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);font-size:var(--body-md-font-size)}.mrx-modal-content.type-default .mrx-modal-header{background:var(--brand-bg-primary-default);color:var(--neutral-icon-inverse)}.mrx-modal-content.type-default .mrx-modal-header .icon-close,.mrx-modal-content.type-default .mrx-modal-header .icon-arrow-expand,.mrx-modal-content.type-default .mrx-modal-header .icon-arrow-collapse,.mrx-modal-content.type-default .mrx-modal-header .icon-arrow-left{color:var(--neutral-icon-inverse)}.mrx-modal-content.type-info .mrx-modal-header{background:var(--neutral-bg-island-default);color:var(--neutral-text-primary)}.mrx-modal-content.type-info .mrx-modal-header .icon-close,.mrx-modal-content.type-info .mrx-modal-header .icon-arrow-expand,.mrx-modal-content.type-info .mrx-modal-header .icon-arrow-collapse,.mrx-modal-content.type-info .mrx-modal-header .icon-arrow-left{color:var(--neutral-icon-default)}.mrx-modal-content.type-attention .mrx-modal-header{background:var(--system-bg-controls-attention-default);color:var(--neutral-icon-inverse)}.mrx-modal-content.type-attention .mrx-modal-header .icon-close,.mrx-modal-content.type-attention .mrx-modal-header .icon-arrow-expand,.mrx-modal-content.type-attention .mrx-modal-header .icon-arrow-collapse,.mrx-modal-content.type-attention .mrx-modal-header .icon-arrow-left{color:var(--neutral-icon-inverse)}.mrx-modal-content.type-negative .mrx-modal-header{background:var(--system-bg-controls-negative-default);color:var(--neutral-icon-inverse)}.mrx-modal-content.type-negative .mrx-modal-header .icon-close,.mrx-modal-content.type-negative .mrx-modal-header .icon-arrow-expand,.mrx-modal-content.type-negative .mrx-modal-header .icon-arrow-collapse,.mrx-modal-content.type-negative .mrx-modal-header .icon-arrow-left{color:var(--neutral-icon-inverse)}.mrx-modal-content .mrx-modal__back{cursor:pointer;color:var(--brand-text-controls-default)}.mrx-modal-content .mrx-modal__back .mrx-icon{color:var(--brand-text-controls-default)}.mrx-modal-content .mrx-modal__back:hover,.mrx-modal-content .mrx-modal__back:hover .mrx-icon{color:var(--brand-text-controls-hover)}.mrx-modal-footer{align-items:center;display:flex;padding:0 24px 24px}.mrx-modal-header{display:flex;align-items:flex-start;gap:var(--spacing-2);padding:16px;position:relative;border-top-left-radius:4px;border-top-right-radius:4px}.mrx-modal-header .mrx-modal-title{font-family:var(--headlines-lvl-4-font-family);font-weight:var(--headlines-lvl-4-font-weight);line-height:var(--headlines-lvl-4-line-height);font-size:var(--headlines-lvl-4-font-size);text-align:center;width:100%;text-transform:uppercase}.mrx-modal-header .mrx-modal-title-clear{padding:0}.mrx-modal-header .mrx-modal-title-one-icon{padding-left:24px}.mrx-modal-header .mrx-modal-title-two-icon{padding-left:56px}.mrx-modal-header .mrx-modal-controls{display:flex;align-items:center;gap:var(--spacing-2);z-index:1}.mrx-modal-header .icon-arrow-expand,.mrx-modal-header .icon-arrow-collapse,.mrx-modal-header .icon-close{cursor:pointer}.mrx-modal-header .icon-arrow-expand:hover,.mrx-modal-header .icon-arrow-collapse:hover,.mrx-modal-header .icon-close:hover{transform:scale(1.1)}.mrx-modal-content.mrx-modal-sm{max-width:440px}.mrx-modal-content.mrx-modal-md{max-width:670px}.mrx-modal-content.mrx-modal-lg{max-width:904px}.mrx-modal-content.mrx-modal-extra-lg{max-width:1024px}\n"] }]
|
|
2102
2102
|
}], propDecorators: { title: [{
|
|
2103
2103
|
type: Input
|
|
2104
2104
|
}], message: [{
|
|
@@ -10309,7 +10309,7 @@ class EditorComponent {
|
|
|
10309
10309
|
this.value = '';
|
|
10310
10310
|
this.valueLength = 0;
|
|
10311
10311
|
this.isFocused = false;
|
|
10312
|
-
this.defaultConfig = Object.assign(Object.assign({}, defaultToolbar), { popup: popupToolbars, language: 'ru', showCharsCounter: false, showWordsCounter: false, showXPathInStatusbar: false, link: {
|
|
10312
|
+
this.defaultConfig = Object.assign(Object.assign({}, defaultToolbar), { popup: popupToolbars, language: 'ru', showCharsCounter: false, showWordsCounter: false, limitHTML: true, showXPathInStatusbar: false, link: {
|
|
10313
10313
|
noFollowCheckbox: false
|
|
10314
10314
|
}, minHeight: 110, iframe: false, imageDefaultWidth: 200, editHTMLDocumentMode: false, cleanHTML: {
|
|
10315
10315
|
fillEmptyParagraph: true
|
|
@@ -10400,6 +10400,9 @@ class EditorComponent {
|
|
|
10400
10400
|
get getClasses() {
|
|
10401
10401
|
return `${this.customClasses} ${this.checkValidClasses}`;
|
|
10402
10402
|
}
|
|
10403
|
+
get _cleanedValue() {
|
|
10404
|
+
return this.editorElementRef.editor.value.replace(/ /g, ' ').replace(/ /g, ' ');
|
|
10405
|
+
}
|
|
10403
10406
|
insertPositionText(text) {
|
|
10404
10407
|
this.editorElementRef.editor.s.insertHTML(text);
|
|
10405
10408
|
}
|
|
@@ -10425,12 +10428,15 @@ class EditorComponent {
|
|
|
10425
10428
|
return value ? value.replace(/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi, '') : value;
|
|
10426
10429
|
}
|
|
10427
10430
|
_calculateChartsCount() {
|
|
10428
|
-
this.valueLength = this.
|
|
10431
|
+
this.valueLength = this._cleanedValue.length;
|
|
10429
10432
|
}
|
|
10430
10433
|
updateValue(insideValue) {
|
|
10431
10434
|
if (this.maxLength) {
|
|
10432
10435
|
this._calculateChartsCount();
|
|
10433
10436
|
}
|
|
10437
|
+
if (this.maxLength && this._cleanedValue.length > this.maxLength) {
|
|
10438
|
+
return;
|
|
10439
|
+
}
|
|
10434
10440
|
if (this._isInit) {
|
|
10435
10441
|
this.value = insideValue;
|
|
10436
10442
|
this.changed.emit(insideValue);
|
|
@@ -10442,6 +10448,10 @@ class EditorComponent {
|
|
|
10442
10448
|
onBlur(value) {
|
|
10443
10449
|
this.changeFocused(value);
|
|
10444
10450
|
this.blurred.emit({ value: this.value, id: this.uuid });
|
|
10451
|
+
if (this.maxLength && this._cleanedValue.length > this.maxLength) {
|
|
10452
|
+
this.editorElementRef.editor.value = this.value;
|
|
10453
|
+
this.updateValue(this.editorElementRef.editor.value);
|
|
10454
|
+
}
|
|
10445
10455
|
}
|
|
10446
10456
|
}
|
|
10447
10457
|
EditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EditorComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
@@ -10451,7 +10461,7 @@ EditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versio
|
|
|
10451
10461
|
useExisting: forwardRef(() => EditorComponent),
|
|
10452
10462
|
multi: true,
|
|
10453
10463
|
},
|
|
10454
|
-
], viewQueries: [{ propertyName: "editorElementRef", first: true, predicate: ["editorElementRef"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\r\n class=\"mrx-editor\"\r\n [class.mrx-input-focused]=\"isFocused\"\r\n [class.mrx-input-error]=\"getInvalid\"\r\n [class]=\"getClasses\"\r\n>\r\n <jodit-editor\r\n #editorElementRef\r\n [config]=\"defaultConfig\"\r\n [ngModel]=\"value\"\r\n (ngModelChange)=\"updateValue($event)\"\r\n (onFocus)=\"changeFocused(true)\"\r\n (onBlur)=\"onBlur(false)\"\r\n ></jodit-editor>\r\n\r\n <mrx-
|
|
10464
|
+
], viewQueries: [{ propertyName: "editorElementRef", first: true, predicate: ["editorElementRef"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\r\n class=\"mrx-editor\"\r\n [class.mrx-input-focused]=\"isFocused\"\r\n [class.mrx-input-error]=\"getInvalid\"\r\n [class]=\"getClasses\"\r\n>\r\n <jodit-editor\r\n #editorElementRef\r\n [config]=\"defaultConfig\"\r\n [ngModel]=\"value\"\r\n (ngModelChange)=\"updateValue($event)\"\r\n (onFocus)=\"changeFocused(true)\"\r\n (onBlur)=\"onBlur(false)\"\r\n ></jodit-editor>\r\n\r\n <mrx-error-message\r\n *ngIf=\"getInvalid && getInvalidMessage\"\r\n [invalidMessage]=\"getInvalidMessage\"\r\n ></mrx-error-message>\r\n\r\n <mrx-save-state type=\"editor\" [id]=\"uuid\" [fields]=\"fields\"></mrx-save-state>\r\n</div>\r\n\r\n<br>\r\n<br>\r\n<br>\r\n<br>\r\n\r\n<div>\r\n <mrx-chars-left\r\n *ngIf=\"!disabled && maxLength\"\r\n [valueLength]=\"valueLength\"\r\n [maxlength]=\"maxLength\"\r\n ></mrx-chars-left>\r\n</div>\r\n", styles: [":host::ng-deep .mrx-editor .jodit-toolbar__box:not(:empty){background-color:#fff;padding:4px}:host::ng-deep .mrx-editor .jodit-toolbar__box .jodit-toolbar-collection_size_middle.jodit-toolbar-collection_mode_horizontal,:host::ng-deep .mrx-editor .jodit-toolbar__box .jodit-toolbar-collection_size_middle.jodit-toolbar-editor-collection_mode_horizontal,:host::ng-deep .mrx-editor .jodit-toolbar__box .jodit-toolbar-editor-collection_size_middle.jodit-toolbar-collection_mode_horizontal,:host::ng-deep .mrx-editor .jodit-toolbar__box .jodit-toolbar-editor-collection_size_middle.jodit-toolbar-editor-collection_mode_horizontal{background-image:none}:host::ng-deep .mrx-editor .jodit-toolbar__box .jodit-toolbar-editor-collection:after{display:none}:host::ng-deep .mrx-editor .jodit-ui-group{flex-wrap:wrap;gap:var(--sizing-1)}:host::ng-deep .mrx-editor .jodit-toolbar-button{height:28px;margin:0;border:none}:host::ng-deep .mrx-editor .jodit-toolbar-button.jodit-toolbar-button_with-trigger_true:hover:not([disabled]){border-color:transparent;box-shadow:0 1px 4px #3a3a3a4d}:host::ng-deep .mrx-editor .jodit-toolbar-button .jodit-toolbar-button__button{height:28px}:host::ng-deep .mrx-editor .jodit-toolbar-button .jodit-toolbar-button__button:hover:not([disabled]){background-color:var(--brand-bg-tertiary-hover)}:host::ng-deep .mrx-editor .jodit-toolbar-button .jodit-toolbar-button__button[aria-pressed=true]:not([disabled]){background-color:var(--brand-bg-tertiary-hover)}:host::ng-deep .mrx-editor .jodit-toolbar-button .jodit-toolbar-button__trigger:hover:not([disabled]){background-color:var(--brand-bg-tertiary-hover)}:host::ng-deep .mrx-editor .jodit-ui-separator{border-color:var(--neutral-bg-stroke-default)}:host::ng-deep .mrx-editor .jodit-add-new-line{display:none}:host::ng-deep .mrx-editor{position:relative}:host::ng-deep .mrx-editor .jodit-container .jodit-wysiwyg{padding:var(--spacing-3) var(--spacing-4)}:host::ng-deep .mrx-editor .jodit-container:not(.jodit_inline).jodit_disabled .jodit-toolbar__box{background-color:var(--neutral-bg-island-default)}:host::ng-deep .mrx-editor .jodit-container:not(.jodit_inline).jodit_disabled .jodit-workplace{opacity:1;background-color:var(--neutral-bg-disabled)}:host::ng-deep .mrx-editor.mrx-input-error .jodit-container,:host::ng-deep .mrx-editor.mrx-input-checked-error .jodit-container{border:var(--border-width-default) solid var(--system-bg-controls-negative-default)!important}:host::ng-deep .mrx-editor.mrx-input-error .jodit-container .jodit-toolbar__box:not(:empty),:host::ng-deep .mrx-editor.mrx-input-checked-error .jodit-container .jodit-toolbar__box:not(:empty){border-bottom:var(--border-width-default) solid var(--system-bg-controls-negative-default)!important}:host::ng-deep .mrx-editor.mrx-input-success .jodit-container,:host::ng-deep .mrx-editor.mrx-input-checked-success .jodit-container{border:var(--border-width-default) solid var(--system-bg-controls-positive-default)!important}:host::ng-deep .mrx-editor.mrx-input-success .jodit-container .jodit-toolbar__box:not(:empty),:host::ng-deep .mrx-editor.mrx-input-checked-success .jodit-container .jodit-toolbar__box:not(:empty){border-bottom:var(--border-width-default) solid var(--system-bg-controls-positive-default)!important}:host::ng-deep .mrx-editor.mrx-input-checked-error .jodit-workplace{background-color:var(--system-bg-negative-secondary)!important}:host::ng-deep .mrx-editor.mrx-input-checked-success .jodit-workplace{background-color:var(--system-bg-positive-secondary)!important}:host::ng-deep .mrx-editor .jodit-container{transition:border .2s;border:var(--border-width-default) solid var(--neutral-bg-stroke-default)}:host::ng-deep .mrx-editor .jodit-container:not(.jodit_inline),:host::ng-deep .mrx-editor .jodit-container .jodit-workplace{border-radius:4px}:host::ng-deep .mrx-editor .jodit-container .jodit-toolbar__box:not(:empty){transition:border .2s;border-bottom:var(--border-width-default) solid var(--neutral-bg-stroke-default)}:host::ng-deep .mrx-editor .jodit-container:hover{border:var(--border-width-default) solid var(--neutral-bg-stroke-hover)}:host::ng-deep .mrx-editor .jodit-container:hover .jodit-toolbar__box:not(:empty){border-bottom:var(--border-width-default) solid var(--neutral-bg-stroke-hover)}:host::ng-deep .mrx-editor.mrx-input-focused .jodit-container{outline:var(--neutral-bg-island-default) solid var(--border-width-focused)}::ng-deep .jodit.jodit-popup-container .jodit-popup .jodit-popup__content:not(:empty){background-color:#fff;padding:4px}::ng-deep .jodit.jodit-popup-container .jodit-popup .jodit-ui-group{flex-wrap:wrap;gap:var(--sizing-1)}::ng-deep .jodit.jodit-popup-container .jodit-popup .jodit-toolbar-button.jodit-toolbar-button_with-trigger_true:hover:not([disabled]){border-color:transparent;box-shadow:0 1px 4px #3a3a3a4d}::ng-deep .jodit.jodit-popup-container .jodit-popup .jodit-toolbar-button .jodit-toolbar-button__button:hover:not([disabled]){background-color:var(--brand-bg-tertiary-hover)}::ng-deep .jodit.jodit-popup-container .jodit-popup .jodit-toolbar-button .jodit-toolbar-button__trigger:hover:not([disabled]){background-color:var(--brand-bg-tertiary-hover)}::ng-deep .jodit.jodit-popup-container .jodit-toolbar-button_nullable{display:none!important}::ng-deep .jodit.jodit-popup-container .jodit-form__table-creator-box .jodit-form__container span.jodit_hovered{background-color:var(--system-diagram-diagram-2);border-color:var(--system-diagram-diagram-2)}::ng-deep .jodit.jodit-popup-container .jodit-popup__content .jodit-ui-checkbox__wrapper .jodit-ui-checkbox__input{-webkit-appearance:checkbox!important;position:static!important;width:auto!important}\n"], components: [{ type: i1$8.JoditAngularComponent, selector: "jodit-editor", inputs: ["config", "tagName", "id", "defaultValue"] }, { type: ErrorMessageComponent, selector: "mrx-error-message", inputs: ["invalid", "invalidMessage", "customClasses"] }, { type: SaveStateComponent, selector: "mrx-save-state", inputs: ["type", "fields", "id"] }, { type: CharsLeftComponent, selector: "mrx-chars-left", inputs: ["maxlength", "valueLength", "value"] }], directives: [{ type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
10455
10465
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EditorComponent, decorators: [{
|
|
10456
10466
|
type: Component,
|
|
10457
10467
|
args: [{ selector: 'mrx-editor', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
@@ -10460,7 +10470,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
|
|
|
10460
10470
|
useExisting: forwardRef(() => EditorComponent),
|
|
10461
10471
|
multi: true,
|
|
10462
10472
|
},
|
|
10463
|
-
], template: "<div\r\n class=\"mrx-editor\"\r\n [class.mrx-input-focused]=\"isFocused\"\r\n [class.mrx-input-error]=\"getInvalid\"\r\n [class]=\"getClasses\"\r\n>\r\n <jodit-editor\r\n #editorElementRef\r\n [config]=\"defaultConfig\"\r\n [ngModel]=\"value\"\r\n (ngModelChange)=\"updateValue($event)\"\r\n (onFocus)=\"changeFocused(true)\"\r\n (onBlur)=\"onBlur(false)\"\r\n ></jodit-editor>\r\n\r\n <mrx-
|
|
10473
|
+
], template: "<div\r\n class=\"mrx-editor\"\r\n [class.mrx-input-focused]=\"isFocused\"\r\n [class.mrx-input-error]=\"getInvalid\"\r\n [class]=\"getClasses\"\r\n>\r\n <jodit-editor\r\n #editorElementRef\r\n [config]=\"defaultConfig\"\r\n [ngModel]=\"value\"\r\n (ngModelChange)=\"updateValue($event)\"\r\n (onFocus)=\"changeFocused(true)\"\r\n (onBlur)=\"onBlur(false)\"\r\n ></jodit-editor>\r\n\r\n <mrx-error-message\r\n *ngIf=\"getInvalid && getInvalidMessage\"\r\n [invalidMessage]=\"getInvalidMessage\"\r\n ></mrx-error-message>\r\n\r\n <mrx-save-state type=\"editor\" [id]=\"uuid\" [fields]=\"fields\"></mrx-save-state>\r\n</div>\r\n\r\n<br>\r\n<br>\r\n<br>\r\n<br>\r\n\r\n<div>\r\n <mrx-chars-left\r\n *ngIf=\"!disabled && maxLength\"\r\n [valueLength]=\"valueLength\"\r\n [maxlength]=\"maxLength\"\r\n ></mrx-chars-left>\r\n</div>\r\n", styles: [":host::ng-deep .mrx-editor .jodit-toolbar__box:not(:empty){background-color:#fff;padding:4px}:host::ng-deep .mrx-editor .jodit-toolbar__box .jodit-toolbar-collection_size_middle.jodit-toolbar-collection_mode_horizontal,:host::ng-deep .mrx-editor .jodit-toolbar__box .jodit-toolbar-collection_size_middle.jodit-toolbar-editor-collection_mode_horizontal,:host::ng-deep .mrx-editor .jodit-toolbar__box .jodit-toolbar-editor-collection_size_middle.jodit-toolbar-collection_mode_horizontal,:host::ng-deep .mrx-editor .jodit-toolbar__box .jodit-toolbar-editor-collection_size_middle.jodit-toolbar-editor-collection_mode_horizontal{background-image:none}:host::ng-deep .mrx-editor .jodit-toolbar__box .jodit-toolbar-editor-collection:after{display:none}:host::ng-deep .mrx-editor .jodit-ui-group{flex-wrap:wrap;gap:var(--sizing-1)}:host::ng-deep .mrx-editor .jodit-toolbar-button{height:28px;margin:0;border:none}:host::ng-deep .mrx-editor .jodit-toolbar-button.jodit-toolbar-button_with-trigger_true:hover:not([disabled]){border-color:transparent;box-shadow:0 1px 4px #3a3a3a4d}:host::ng-deep .mrx-editor .jodit-toolbar-button .jodit-toolbar-button__button{height:28px}:host::ng-deep .mrx-editor .jodit-toolbar-button .jodit-toolbar-button__button:hover:not([disabled]){background-color:var(--brand-bg-tertiary-hover)}:host::ng-deep .mrx-editor .jodit-toolbar-button .jodit-toolbar-button__button[aria-pressed=true]:not([disabled]){background-color:var(--brand-bg-tertiary-hover)}:host::ng-deep .mrx-editor .jodit-toolbar-button .jodit-toolbar-button__trigger:hover:not([disabled]){background-color:var(--brand-bg-tertiary-hover)}:host::ng-deep .mrx-editor .jodit-ui-separator{border-color:var(--neutral-bg-stroke-default)}:host::ng-deep .mrx-editor .jodit-add-new-line{display:none}:host::ng-deep .mrx-editor{position:relative}:host::ng-deep .mrx-editor .jodit-container .jodit-wysiwyg{padding:var(--spacing-3) var(--spacing-4)}:host::ng-deep .mrx-editor .jodit-container:not(.jodit_inline).jodit_disabled .jodit-toolbar__box{background-color:var(--neutral-bg-island-default)}:host::ng-deep .mrx-editor .jodit-container:not(.jodit_inline).jodit_disabled .jodit-workplace{opacity:1;background-color:var(--neutral-bg-disabled)}:host::ng-deep .mrx-editor.mrx-input-error .jodit-container,:host::ng-deep .mrx-editor.mrx-input-checked-error .jodit-container{border:var(--border-width-default) solid var(--system-bg-controls-negative-default)!important}:host::ng-deep .mrx-editor.mrx-input-error .jodit-container .jodit-toolbar__box:not(:empty),:host::ng-deep .mrx-editor.mrx-input-checked-error .jodit-container .jodit-toolbar__box:not(:empty){border-bottom:var(--border-width-default) solid var(--system-bg-controls-negative-default)!important}:host::ng-deep .mrx-editor.mrx-input-success .jodit-container,:host::ng-deep .mrx-editor.mrx-input-checked-success .jodit-container{border:var(--border-width-default) solid var(--system-bg-controls-positive-default)!important}:host::ng-deep .mrx-editor.mrx-input-success .jodit-container .jodit-toolbar__box:not(:empty),:host::ng-deep .mrx-editor.mrx-input-checked-success .jodit-container .jodit-toolbar__box:not(:empty){border-bottom:var(--border-width-default) solid var(--system-bg-controls-positive-default)!important}:host::ng-deep .mrx-editor.mrx-input-checked-error .jodit-workplace{background-color:var(--system-bg-negative-secondary)!important}:host::ng-deep .mrx-editor.mrx-input-checked-success .jodit-workplace{background-color:var(--system-bg-positive-secondary)!important}:host::ng-deep .mrx-editor .jodit-container{transition:border .2s;border:var(--border-width-default) solid var(--neutral-bg-stroke-default)}:host::ng-deep .mrx-editor .jodit-container:not(.jodit_inline),:host::ng-deep .mrx-editor .jodit-container .jodit-workplace{border-radius:4px}:host::ng-deep .mrx-editor .jodit-container .jodit-toolbar__box:not(:empty){transition:border .2s;border-bottom:var(--border-width-default) solid var(--neutral-bg-stroke-default)}:host::ng-deep .mrx-editor .jodit-container:hover{border:var(--border-width-default) solid var(--neutral-bg-stroke-hover)}:host::ng-deep .mrx-editor .jodit-container:hover .jodit-toolbar__box:not(:empty){border-bottom:var(--border-width-default) solid var(--neutral-bg-stroke-hover)}:host::ng-deep .mrx-editor.mrx-input-focused .jodit-container{outline:var(--neutral-bg-island-default) solid var(--border-width-focused)}::ng-deep .jodit.jodit-popup-container .jodit-popup .jodit-popup__content:not(:empty){background-color:#fff;padding:4px}::ng-deep .jodit.jodit-popup-container .jodit-popup .jodit-ui-group{flex-wrap:wrap;gap:var(--sizing-1)}::ng-deep .jodit.jodit-popup-container .jodit-popup .jodit-toolbar-button.jodit-toolbar-button_with-trigger_true:hover:not([disabled]){border-color:transparent;box-shadow:0 1px 4px #3a3a3a4d}::ng-deep .jodit.jodit-popup-container .jodit-popup .jodit-toolbar-button .jodit-toolbar-button__button:hover:not([disabled]){background-color:var(--brand-bg-tertiary-hover)}::ng-deep .jodit.jodit-popup-container .jodit-popup .jodit-toolbar-button .jodit-toolbar-button__trigger:hover:not([disabled]){background-color:var(--brand-bg-tertiary-hover)}::ng-deep .jodit.jodit-popup-container .jodit-toolbar-button_nullable{display:none!important}::ng-deep .jodit.jodit-popup-container .jodit-form__table-creator-box .jodit-form__container span.jodit_hovered{background-color:var(--system-diagram-diagram-2);border-color:var(--system-diagram-diagram-2)}::ng-deep .jodit.jodit-popup-container .jodit-popup__content .jodit-ui-checkbox__wrapper .jodit-ui-checkbox__input{-webkit-appearance:checkbox!important;position:static!important;width:auto!important}\n"] }]
|
|
10464
10474
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { fields: [{
|
|
10465
10475
|
type: Input
|
|
10466
10476
|
}], toolbar: [{
|