@kre-form/survey
Version:
228 lines • 14.1 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, EventEmitter, Input, Output, forwardRef, } from '@angular/core';
import { NG_VALUE_ACCESSOR } from '@angular/forms';
/** @type {?} */
var EDITOR_VALUE_ACCESSOR = {
provide: NG_VALUE_ACCESSOR,
useExisting: forwardRef((/**
* @return {?}
*/
function () { return InlineEditorComponent; })),
multi: true,
};
// <div
// [(contenteditableModel)]="value"
// [ngClass]="active==true?'inline_editor':'inline_editor_hidden'"
// role="textbox"
// [attr.contenteditable]="disabled ? 'false' : 'true'"
// [class.disabled]="disabled"
// (blur)="handleBlur($event)"
// (focus)="handleFocus($event)"
// [brMode]="brMode"
// [placeholder]="placeholder"
// [debounce]="debounce"
// (contenteditableModelChange)="onContenteditableModelChange($event)"
// ></div>
var InlineEditorComponent = /** @class */ (function () {
//@ViewChild(ContenteditableModel,{static:true}) contenteditableModel: ContenteditableModel|undefined;
function InlineEditorComponent() {
this._value = "";
this._classList = {};
this.debounce = '100';
this.placeholder = '';
this.className = 'inline_editor';
this.brMode = true;
this.blur = new EventEmitter();
this.focus = new EventEmitter();
this.disabled = false;
this.data = "";
this.active = false;
}
// focus() {
// this.contenteditableModel.doFocus();
// }
// focus() {
// this.contenteditableModel.doFocus();
// }
/**
* @return {?}
*/
InlineEditorComponent.prototype.ngOnInit =
// focus() {
// this.contenteditableModel.doFocus();
// }
/**
* @return {?}
*/
function () {
// if (this.className) {
// var splits = this.className.split(' ');
// for (var i = 0; i < splits.length; i++) {
// this._classList[splits[i]] = true;
// }
// }
};
/**
* @param {?} evt
* @return {?}
*/
InlineEditorComponent.prototype.handleFocus = /**
* @param {?} evt
* @return {?}
*/
function (evt) {
this.focus.emit(evt);
};
/**
* @param {?} evt
* @return {?}
*/
InlineEditorComponent.prototype.handleBlur = /**
* @param {?} evt
* @return {?}
*/
function (evt) {
this.blur.emit(evt);
};
Object.defineProperty(InlineEditorComponent.prototype, "value", {
get: /**
* @return {?}
*/
function () {
return this._value;
},
set: /**
* @param {?} v
* @return {?}
*/
function (v) {
if (v !== this._value) {
this._value = v;
this.onChange(v);
}
},
enumerable: true,
configurable: true
});
/**
* @param {?} evt
* @return {?}
*/
InlineEditorComponent.prototype.onContenteditableModelChange = /**
* @param {?} evt
* @return {?}
*/
function (evt) {
this.onTouched();
this.onChange(evt);
};
/**
* Implements ControlValueAccessor
*/
/**
* Implements ControlValueAccessor
* @param {?} value
* @return {?}
*/
InlineEditorComponent.prototype.writeValue = /**
* Implements ControlValueAccessor
* @param {?} value
* @return {?}
*/
function (value) {
this._value = value;
//if (this.contenteditableModel && this.contenteditableModel.instance) {
//this.contenteditableModel.instance.setData(value);
//}
};
/**
* @param {?} _
* @return {?}
*/
InlineEditorComponent.prototype.onChange = /**
* @param {?} _
* @return {?}
*/
function (_) { };
/**
* @return {?}
*/
InlineEditorComponent.prototype.onTouched = /**
* @return {?}
*/
function () { };
/**
* @param {?} fn
* @return {?}
*/
InlineEditorComponent.prototype.registerOnChange = /**
* @param {?} fn
* @return {?}
*/
function (fn) {
this.onChange = fn;
};
/**
* @param {?} fn
* @return {?}
*/
InlineEditorComponent.prototype.registerOnTouched = /**
* @param {?} fn
* @return {?}
*/
function (fn) {
this.onTouched = fn;
};
InlineEditorComponent.decorators = [
{ type: Component, args: [{
selector: 'inline-editor',
providers: [EDITOR_VALUE_ACCESSOR],
template: "\n <input *ngIf=\"active==true\" nz-input [(ngModel)]=\"value\" /> \n <div *ngIf=\"active==false\" \n class=\"inline_editor_show\"\n [innerHTML]=\"value | safeHtml\">\n </div>\n ",
styles: ["\n :host ::ng-deep {\n }\n "]
}] }
];
/** @nocollapse */
InlineEditorComponent.ctorParameters = function () { return []; };
InlineEditorComponent.propDecorators = {
debounce: [{ type: Input }],
placeholder: [{ type: Input }],
className: [{ type: Input }],
brMode: [{ type: Input }],
blur: [{ type: Output }],
focus: [{ type: Output }],
disabled: [{ type: Input }],
data: [{ type: Input }],
active: [{ type: Input }],
value: [{ type: Input }]
};
return InlineEditorComponent;
}());
export { InlineEditorComponent };
if (false) {
/** @type {?} */
InlineEditorComponent.prototype._value;
/** @type {?} */
InlineEditorComponent.prototype._classList;
/** @type {?} */
InlineEditorComponent.prototype.debounce;
/** @type {?} */
InlineEditorComponent.prototype.placeholder;
/** @type {?} */
InlineEditorComponent.prototype.className;
/** @type {?} */
InlineEditorComponent.prototype.brMode;
/** @type {?} */
InlineEditorComponent.prototype.blur;
/** @type {?} */
InlineEditorComponent.prototype.focus;
/** @type {?} */
InlineEditorComponent.prototype.disabled;
/** @type {?} */
InlineEditorComponent.prototype.data;
/** @type {?} */
InlineEditorComponent.prototype.active;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5saW5lLWVkaXRvci5jb21vbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BrcmUtZm9ybS9zdXJ2ZXkvIiwic291cmNlcyI6WyJsaWIvY29tcG9uZW50cy9pbmxpbmUtZWRpdG9yL2lubGluZS1lZGl0b3IuY29tb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFDTCxTQUFTLEVBRVQsWUFBWSxFQUVaLEtBQUssRUFDTCxNQUFNLEVBQ04sVUFBVSxHQUNYLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxpQkFBaUIsRUFBd0IsTUFBTSxnQkFBZ0IsQ0FBQzs7SUFJbkUscUJBQXFCLEdBQVE7SUFDakMsT0FBTyxFQUFFLGlCQUFpQjtJQUMxQixXQUFXLEVBQUUsVUFBVTs7O0lBQUMsY0FBTSxPQUFBLHFCQUFxQixFQUFyQixDQUFxQixFQUFDO0lBQ3BELEtBQUssRUFBRSxJQUFJO0NBQ1o7Ozs7Ozs7Ozs7Ozs7O0FBZ0JEO0lBNkJFLHNHQUFzRztJQUV0RztRQWJBLFdBQU0sR0FBQyxFQUFFLENBQUM7UUFDVixlQUFVLEdBQUcsRUFBRSxDQUFDO1FBQ1AsYUFBUSxHQUFXLEtBQUssQ0FBQztRQUN6QixnQkFBVyxHQUFXLEVBQUUsQ0FBQztRQUN6QixjQUFTLEdBQVcsZUFBZSxDQUFDO1FBQ3BDLFdBQU0sR0FBRyxJQUFJLENBQUM7UUFDYixTQUFJLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUMxQixVQUFLLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUM1QixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ2pCLFNBQUksR0FBSyxFQUFFLENBQUM7UUFDWixXQUFNLEdBQVMsS0FBSyxDQUFBO0lBR2QsQ0FBQztJQUVoQixjQUFjO0lBQ2QsMkNBQTJDO0lBQzNDLE1BQU07Ozs7Ozs7SUFFTix3Q0FBUTs7Ozs7OztJQUFSO1FBQ0Usd0JBQXdCO1FBQ3hCLDRDQUE0QztRQUM1Qyw4Q0FBOEM7UUFDOUMseUNBQXlDO1FBQ3pDLE1BQU07UUFDTixJQUFJO0lBQ04sQ0FBQzs7Ozs7SUFFRCwyQ0FBVzs7OztJQUFYLFVBQVksR0FBTztRQUNqQixJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUN2QixDQUFDOzs7OztJQUVELDBDQUFVOzs7O0lBQVYsVUFBVyxHQUFPO1FBQ2hCLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQ3RCLENBQUM7SUFFRCxzQkFBSSx3Q0FBSzs7OztRQUFUO1lBQ0UsT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDO1FBQ3JCLENBQUM7Ozs7O1FBQ0QsVUFDVSxDQUFLO1lBQ2IsSUFBSSxDQUFDLEtBQUssSUFBSSxDQUFDLE1BQU0sRUFBRTtnQkFDckIsSUFBSSxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUM7Z0JBQ2hCLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUM7YUFDbEI7UUFDSCxDQUFDOzs7T0FQQTs7Ozs7SUFTRCw0REFBNEI7Ozs7SUFBNUIsVUFBNkIsR0FBTztRQUNsQyxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7UUFDakIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUNyQixDQUFDO0lBRUQ7O09BRUc7Ozs7OztJQUNILDBDQUFVOzs7OztJQUFWLFVBQVcsS0FBVTtRQUNuQixJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQztRQUNwQix3RUFBd0U7UUFDdEUsb0RBQW9EO1FBQ3RELEdBQUc7SUFDTCxDQUFDOzs7OztJQUNELHdDQUFROzs7O0lBQVIsVUFBUyxDQUFNLElBQUcsQ0FBQzs7OztJQUNuQix5Q0FBUzs7O0lBQVQsY0FBYSxDQUFDOzs7OztJQUNkLGdEQUFnQjs7OztJQUFoQixVQUFpQixFQUFPO1FBQ3RCLElBQUksQ0FBQyxRQUFRLEdBQUcsRUFBRSxDQUFDO0lBQ3JCLENBQUM7Ozs7O0lBQ0QsaURBQWlCOzs7O0lBQWpCLFVBQWtCLEVBQU87UUFDdkIsSUFBSSxDQUFDLFNBQVMsR0FBRyxFQUFFLENBQUM7SUFDdEIsQ0FBQzs7Z0JBdEZGLFNBQVMsU0FBQztvQkFDVCxRQUFRLEVBQUUsZUFBZTtvQkFDekIsU0FBUyxFQUFFLENBQUMscUJBQXFCLENBQUM7b0JBQ2xDLFFBQVEsRUFBRSx5TUFNVDs2QkFFQywwQ0FHQztpQkFFSjs7Ozs7MkJBSUUsS0FBSzs4QkFDTCxLQUFLOzRCQUNMLEtBQUs7eUJBQ0wsS0FBSzt1QkFDTCxNQUFNO3dCQUNOLE1BQU07MkJBQ04sS0FBSzt1QkFDTCxLQUFLO3lCQUNMLEtBQUs7d0JBNkJMLEtBQUs7O0lBOEJSLDRCQUFDO0NBQUEsQUF2RkQsSUF1RkM7U0F0RVkscUJBQXFCOzs7SUFDaEMsdUNBQVU7O0lBQ1YsMkNBQWdCOztJQUNoQix5Q0FBa0M7O0lBQ2xDLDRDQUFrQzs7SUFDbEMsMENBQTZDOztJQUM3Qyx1Q0FBdUI7O0lBQ3ZCLHFDQUFvQzs7SUFDcEMsc0NBQXFDOztJQUNyQyx5Q0FBMEI7O0lBQzFCLHFDQUFxQjs7SUFDckIsdUNBQTZCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDb21wb25lbnQsXHJcbiAgVmlld0NoaWxkLFxyXG4gIEV2ZW50RW1pdHRlcixcclxuICBWaWV3Q2hpbGRyZW4sXHJcbiAgSW5wdXQsXHJcbiAgT3V0cHV0LFxyXG4gIGZvcndhcmRSZWYsXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IE5HX1ZBTFVFX0FDQ0VTU09SLCBDb250cm9sVmFsdWVBY2Nlc3NvciB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuXHJcbmltcG9ydCB7IENvbnRlbnRlZGl0YWJsZU1vZGVsIH0gZnJvbSAnLi9jb250ZW50ZWRpdGFibGUnOyBcclxuXHJcbmNvbnN0IEVESVRPUl9WQUxVRV9BQ0NFU1NPUjogYW55ID0ge1xyXG4gIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxyXG4gIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IElubGluZUVkaXRvckNvbXBvbmVudCksXHJcbiAgbXVsdGk6IHRydWUsXHJcbn07XHJcblxyXG4vLyA8ZGl2XHJcbi8vICAgICAgIFsoY29udGVudGVkaXRhYmxlTW9kZWwpXT1cInZhbHVlXCJcclxuLy8gICAgICAgW25nQ2xhc3NdPVwiYWN0aXZlPT10cnVlPydpbmxpbmVfZWRpdG9yJzonaW5saW5lX2VkaXRvcl9oaWRkZW4nXCJcclxuLy8gICAgICAgcm9sZT1cInRleHRib3hcIlxyXG4vLyAgICAgICBbYXR0ci5jb250ZW50ZWRpdGFibGVdPVwiZGlzYWJsZWQgPyAnZmFsc2UnIDogJ3RydWUnXCJcclxuLy8gICAgICAgW2NsYXNzLmRpc2FibGVkXT1cImRpc2FibGVkXCJcclxuLy8gICAgICAgKGJsdXIpPVwiaGFuZGxlQmx1cigkZXZlbnQpXCJcclxuLy8gICAgICAgKGZvY3VzKT1cImhhbmRsZUZvY3VzKCRldmVudClcIlxyXG4vLyAgICAgICBbYnJNb2RlXT1cImJyTW9kZVwiXHJcbi8vICAgICAgIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiXHJcbi8vICAgICAgIFtkZWJvdW5jZV09XCJkZWJvdW5jZVwiXHJcbi8vICAgICAgIChjb250ZW50ZWRpdGFibGVNb2RlbENoYW5nZSk9XCJvbkNvbnRlbnRlZGl0YWJsZU1vZGVsQ2hhbmdlKCRldmVudClcIlxyXG4vLyAgICAgPjwvZGl2PlxyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdpbmxpbmUtZWRpdG9yJyxcclxuICBwcm92aWRlcnM6IFtFRElUT1JfVkFMVUVfQUNDRVNTT1JdLFxyXG4gIHRlbXBsYXRlOiBgXHJcbiAgICA8aW5wdXQgKm5nSWY9XCJhY3RpdmU9PXRydWVcIiAgbnotaW5wdXQgWyhuZ01vZGVsKV09XCJ2YWx1ZVwiIC8+IFxyXG4gICAgPGRpdiAqbmdJZj1cImFjdGl2ZT09ZmFsc2VcIiBcclxuICAgICAgY2xhc3M9XCJpbmxpbmVfZWRpdG9yX3Nob3dcIlxyXG4gICAgICBbaW5uZXJIVE1MXT1cInZhbHVlIHwgc2FmZUh0bWxcIj5cclxuICAgIDwvZGl2PlxyXG4gIGAsXHJcbiAgc3R5bGVzOiBbXHJcbiAgICBgXHJcbiAgICAgIDpob3N0IDo6bmctZGVlcCB7XHJcbiAgICAgIH1cclxuICAgIGAsXHJcbiAgXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIElubGluZUVkaXRvckNvbXBvbmVudCBpbXBsZW1lbnRzIENvbnRyb2xWYWx1ZUFjY2Vzc29yIHtcclxuICBfdmFsdWU9XCJcIjtcclxuICBfY2xhc3NMaXN0ID0ge307XHJcbiAgQElucHV0KCkgZGVib3VuY2U6IHN0cmluZyA9ICcxMDAnO1xyXG4gIEBJbnB1dCgpIHBsYWNlaG9sZGVyOiBzdHJpbmcgPSAnJztcclxuICBASW5wdXQoKSBjbGFzc05hbWU6IHN0cmluZyA9ICdpbmxpbmVfZWRpdG9yJztcclxuICBASW5wdXQoKSBick1vZGUgPSB0cnVlO1xyXG4gIEBPdXRwdXQoKSBibHVyID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG4gIEBPdXRwdXQoKSBmb2N1cyA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuICBASW5wdXQoKSBkaXNhYmxlZCA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIGRhdGE6YW55PVwiXCI7XHJcbiAgQElucHV0KCkgYWN0aXZlOmJvb2xlYW49ZmFsc2UgXHJcbiAgLy9AVmlld0NoaWxkKENvbnRlbnRlZGl0YWJsZU1vZGVsLHtzdGF0aWM6dHJ1ZX0pIGNvbnRlbnRlZGl0YWJsZU1vZGVsOiBDb250ZW50ZWRpdGFibGVNb2RlbHx1bmRlZmluZWQ7XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkge31cclxuXHJcbiAgLy8gICBmb2N1cygpIHtcclxuICAvLyAgICAgdGhpcy5jb250ZW50ZWRpdGFibGVNb2RlbC5kb0ZvY3VzKCk7XHJcbiAgLy8gICB9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgLy8gaWYgKHRoaXMuY2xhc3NOYW1lKSB7XHJcbiAgICAvLyAgIHZhciBzcGxpdHMgPSB0aGlzLmNsYXNzTmFtZS5zcGxpdCgnICcpO1xyXG4gICAgLy8gICBmb3IgKHZhciBpID0gMDsgaSA8IHNwbGl0cy5sZW5ndGg7IGkrKykge1xyXG4gICAgLy8gICAgIHRoaXMuX2NsYXNzTGlzdFtzcGxpdHNbaV1dID0gdHJ1ZTtcclxuICAgIC8vICAgfVxyXG4gICAgLy8gfVxyXG4gIH1cclxuXHJcbiAgaGFuZGxlRm9jdXMoZXZ0OmFueSkge1xyXG4gICAgdGhpcy5mb2N1cy5lbWl0KGV2dCk7XHJcbiAgfVxyXG5cclxuICBoYW5kbGVCbHVyKGV2dDphbnkpIHtcclxuICAgIHRoaXMuYmx1ci5lbWl0KGV2dCk7XHJcbiAgfVxyXG5cclxuICBnZXQgdmFsdWUoKTogYW55IHtcclxuICAgIHJldHVybiB0aGlzLl92YWx1ZTtcclxuICB9XHJcbiAgQElucHV0KClcclxuICBzZXQgdmFsdWUodjphbnkpIHtcclxuICAgIGlmICh2ICE9PSB0aGlzLl92YWx1ZSkge1xyXG4gICAgICB0aGlzLl92YWx1ZSA9IHY7XHJcbiAgICAgIHRoaXMub25DaGFuZ2Uodik7XHJcbiAgICB9XHJcbiAgfSBcclxuICBcclxuICBvbkNvbnRlbnRlZGl0YWJsZU1vZGVsQ2hhbmdlKGV2dDphbnkpIHtcclxuICAgIHRoaXMub25Ub3VjaGVkKCk7XHJcbiAgICB0aGlzLm9uQ2hhbmdlKGV2dCk7XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBJbXBsZW1lbnRzIENvbnRyb2xWYWx1ZUFjY2Vzc29yXHJcbiAgICovXHJcbiAgd3JpdGVWYWx1ZSh2YWx1ZTogYW55KSB7XHJcbiAgICB0aGlzLl92YWx1ZSA9IHZhbHVlO1xyXG4gICAgLy9pZiAodGhpcy5jb250ZW50ZWRpdGFibGVNb2RlbCAmJiB0aGlzLmNvbnRlbnRlZGl0YWJsZU1vZGVsLmluc3RhbmNlKSB7XHJcbiAgICAgIC8vdGhpcy5jb250ZW50ZWRpdGFibGVNb2RlbC5pbnN0YW5jZS5zZXREYXRhKHZhbHVlKTtcclxuICAgIC8vfVxyXG4gIH1cclxuICBvbkNoYW5nZShfOiBhbnkpIHt9XHJcbiAgb25Ub3VjaGVkKCkge31cclxuICByZWdpc3Rlck9uQ2hhbmdlKGZuOiBhbnkpIHtcclxuICAgIHRoaXMub25DaGFuZ2UgPSBmbjtcclxuICB9XHJcbiAgcmVnaXN0ZXJPblRvdWNoZWQoZm46IGFueSkge1xyXG4gICAgdGhpcy5vblRvdWNoZWQgPSBmbjtcclxuICB9XHJcbn1cclxuIl19