com.phloxui/esm2015/lib/component/dataview/StringDataView.component.js

PhloxUI Ng2+ Framework

/**
 * @fileoverview added by tsickle
 * @suppress {checkTypes} checked by tsc
 */
import * as tslib_1 from "tslib";
import { Component, Input, ElementRef } from '@angular/core';
import { AbstractHasFormatterDataView } from './AbstractHasFormatterDataView';
import { FormatterFactory } from '../../service/FormatterFactory.service';
import { Option } from '../../decorator/decorators';
const /** @type {?} */ TYPE_NAME = "phx-string-data-view";
const /** @type {?} */ DEFAULT_FIELD = "label";
export class StringDataView extends AbstractHasFormatterDataView {
    /**
     * @param {?} elementRef
     * @param {?} formatterFactory
     */
    constructor(elementRef, formatterFactory) {
        super(elementRef, formatterFactory);
    }
    /**
     * @return {?}
     */
    ngOnInit() {
        super.ngOnInit();
        // Auto set default field if not specified
        if (this.field === null || typeof this.field !== 'string') {
            this.field = DEFAULT_FIELD;
        }
    }
    /**
     * @return {?}
     */
    isSelfDataDirty() {
        // let d1 = (this.originalValue === null || typeof this.originalValue === 'undefined') ? '' : this.originalValue;
        // let d2 = (this.formattedData === null || typeof this.formattedData === 'undefined') ? '' : this.formattedData;
        // // check array open this is u want to check array
        // try {
        //   let jsonD1 = JSON.stringify(d1);
        //   let jsonD2 = JSON.stringify(d2);
        //   if (jsonD1 !== jsonD2) {
        //     return true;
        //   } else {
        //     return false;
        //   }
        // } catch (error) {
        //   // error
        // }
        // if (d1 !== d2) {
        //   return true;
        // }
        return false;
    }
    /**
     * @param {?} data
     * @return {?}
     */
    selfSaveData(data) {
        this.originalValue = AbstractHasFormatterDataView.resolveFormattedData(this.formatter, AbstractHasFormatterDataView.resolveMappedData(this.field, data));
    }
    /**
     * @return {?}
     */
    selfResetData() {
        this.originalValue = this.getFormattedData();
    }
    /**
     * @param {?} data
     * @return {?}
     */
    setData(data) {
        super.setData(data);
    }
}
StringDataView.TYPE_NAME = TYPE_NAME;
StringDataView.DEFAULT_FIELD = DEFAULT_FIELD;
StringDataView.decorators = [
    { type: Component, args: [{
                moduleId: module.id,
                selector: TYPE_NAME,
                template: `<div class="phx-string-data-view" [class.dirty]="isDataDirty()" [class.disable]="isDisabled()">{{formattedData}}</div>
`
            },] },
];
/** @nocollapse */
StringDataView.ctorParameters = () => [
    { type: ElementRef, },
    { type: FormatterFactory, },
];
StringDataView.propDecorators = {
    "dataParent": [{ type: Input },],
    "ignoreParentData": [{ type: Input },],
    "data": [{ type: Input },],
    "ignoreParentDisabled": [{ type: Input },],
    "delegateHistory": [{ type: Input },],
    "onDisabled": [{ type: Input },],
    "onEnabled": [{ type: Input },],
    "loadingEnabled": [{ type: Input },],
    "i18nKey": [{ type: Input },],
    "bypass": [{ type: Input, args: ['i18nBypass',] },],
    "options": [{ type: Input },],
    "disabled": [{ type: Input },],
    "field": [{ type: Input },],
};
tslib_1.__decorate([
    Option(),
    tslib_1.__metadata("design:type", Object)
], StringDataView.prototype, "dataParent", void 0);
tslib_1.__decorate([
    Option(),
    tslib_1.__metadata("design:type", Boolean)
], StringDataView.prototype, "ignoreParentData", void 0);
tslib_1.__decorate([
    Option(),
    tslib_1.__metadata("design:type", Object)
], StringDataView.prototype, "data", void 0);
tslib_1.__decorate([
    Option(),
    tslib_1.__metadata("design:type", Boolean)
], StringDataView.prototype, "ignoreParentDisabled", void 0);
tslib_1.__decorate([
    Option(),
    tslib_1.__metadata("design:type", Boolean)
], StringDataView.prototype, "delegateHistory", void 0);
tslib_1.__decorate([
    Option(),
    tslib_1.__metadata("design:type", Function)
], StringDataView.prototype, "onDisabled", void 0);
tslib_1.__decorate([
    Option(),
    tslib_1.__metadata("design:type", Function)
], StringDataView.prototype, "onEnabled", void 0);
tslib_1.__decorate([
    Option(),
    tslib_1.__metadata("design:type", Boolean)
], StringDataView.prototype, "loadingEnabled", void 0);
tslib_1.__decorate([
    Option(),
    tslib_1.__metadata("design:type", String)
], StringDataView.prototype, "i18nKey", void 0);
tslib_1.__decorate([
    Option('i18nBypass'),
    tslib_1.__metadata("design:type", Boolean)
], StringDataView.prototype, "bypass", void 0);
tslib_1.__decorate([
    Option(),
    tslib_1.__metadata("design:type", Boolean)
], StringDataView.prototype, "disabled", void 0);
tslib_1.__decorate([
    Option(),
    tslib_1.__metadata("design:type", String)
], StringDataView.prototype, "field", void 0);
tslib_1.__decorate([
    Option('formatter.name'),
    tslib_1.__metadata("design:type", String)
], StringDataView.prototype, "formatterName", void 0);
tslib_1.__decorate([
    Option('formatter.options'),
    tslib_1.__metadata("design:type", Object)
], StringDataView.prototype, "formatterOptions", void 0);
tslib_1.__decorate([
    Option('formatter.instance'),
    tslib_1.__metadata("design:type", Object)
], StringDataView.prototype, "formatter", void 0);
tslib_1.__decorate([
    Option('formatter.usePropertyValue'),
    tslib_1.__metadata("design:type", Boolean)
], StringDataView.prototype, "formatterUsePropertyValue", void 0);
function StringDataView_tsickle_Closure_declarations() {
    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
    StringDataView.decorators;
    /**
     * @nocollapse
     * @type {function(): !Array<(null|{type: ?, decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>)})>}
     */
    StringDataView.ctorParameters;
    /** @type {!Object<string,!Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
    StringDataView.propDecorators;
    /** @type {?} */
    StringDataView.TYPE_NAME;
    /** @type {?} */
    StringDataView.DEFAULT_FIELD;
    /** @type {?} */
    StringDataView.prototype.dataParent;
    /** @type {?} */
    StringDataView.prototype.ignoreParentData;
    /** @type {?} */
    StringDataView.prototype.data;
    /** @type {?} */
    StringDataView.prototype.ignoreParentDisabled;
    /** @type {?} */
    StringDataView.prototype.delegateHistory;
    /** @type {?} */
    StringDataView.prototype.onDisabled;
    /** @type {?} */
    StringDataView.prototype.onEnabled;
    /** @type {?} */
    StringDataView.prototype.loadingEnabled;
    /** @type {?} */
    StringDataView.prototype.i18nKey;
    /** @type {?} */
    StringDataView.prototype.bypass;
    /** @type {?} */
    StringDataView.prototype.options;
    /** @type {?} */
    StringDataView.prototype.disabled;
    /** @type {?} */
    StringDataView.prototype.field;
    /** @type {?} */
    StringDataView.prototype.formatterName;
    /** @type {?} */
    StringDataView.prototype.formatterOptions;
    /** @type {?} */
    StringDataView.prototype.formatter;
    /** @type {?} */
    StringDataView.prototype.formatterUsePropertyValue;
    /** @type {?} */
    StringDataView.prototype.originalValue;
}

//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RyaW5nRGF0YVZpZXcuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vY29tLnBobG94dWkvIiwic291cmNlcyI6WyJsaWIvY29tcG9uZW50L2RhdGF2aWV3L1N0cmluZ0RhdGFWaWV3LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsS0FBSyxFQUFVLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM3RSxPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUc5RSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUMxRSxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFHcEQsdUJBQU0sU0FBUyxHQUFXLHNCQUFzQixDQUFDO0FBQ2pELHVCQUFNLGFBQWEsR0FBVyxPQUFPLENBQUM7QUFRdEMsTUFBTSxxQkFBc0IsU0FBUSw0QkFBNEI7Ozs7O0lBMEQ5RCxZQUFZLFVBQXNCLEVBQUUsZ0JBQWtDO1FBQ3BFLEtBQUssQ0FBQyxVQUFVLEVBQUUsZ0JBQWdCLENBQUMsQ0FBQztLQUNyQzs7OztJQUdNLFFBQVE7UUFDYixLQUFLLENBQUMsUUFBUSxFQUFFLENBQUM7O1FBR2pCLEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLEtBQUssSUFBSSxJQUFJLE9BQU8sSUFBSSxDQUFDLEtBQUssS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDO1lBQzFELElBQUksQ0FBQyxLQUFLLEdBQUcsYUFBYSxDQUFDO1NBQzVCOzs7OztJQUdJLGVBQWU7Ozs7Ozs7Ozs7Ozs7Ozs7OztRQXNCcEIsTUFBTSxDQUFDLEtBQUssQ0FBQzs7Ozs7O0lBR1IsWUFBWSxDQUFDLElBQVM7UUFDM0IsSUFBSSxDQUFDLGFBQWEsR0FBRyw0QkFBNEIsQ0FBQyxvQkFBb0IsQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUFFLDRCQUE0QixDQUFDLGlCQUFpQixDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsSUFBSSxDQUFDLENBQUMsQ0FBQzs7Ozs7SUFHcEosYUFBYTtRQUNsQixJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDOzs7Ozs7SUFHeEMsT0FBTyxDQUFDLElBQVM7UUFDdEIsS0FBSyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsQ0FBQzs7OzJCQXhHcUIsU0FBUzsrQkFFTCxhQUFhOztZQVY3RCxTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLE1BQU0sQ0FBQyxFQUFFO2dCQUNuQixRQUFRLEVBQUUsU0FBUztnQkFDbkIsUUFBUSxFQUFFO0NBQ1g7YUFDQTs7OztZQWhCMEMsVUFBVTtZQUk1QyxnQkFBZ0I7OzsyQkFxQnRCLEtBQUs7aUNBR0wsS0FBSztxQkFHTCxLQUFLO3FDQUdMLEtBQUs7Z0NBR0wsS0FBSzsyQkFHTCxLQUFLOzBCQUdMLEtBQUs7K0JBR0wsS0FBSzt3QkFHTCxLQUFLO3VCQUdMLEtBQUssU0FBQyxZQUFZO3dCQUdsQixLQUFLO3lCQUVMLEtBQUs7c0JBSUwsS0FBSzs7O0lBbkNMLE1BQU0sRUFBRTs7OztJQUdSLE1BQU0sRUFBRTs7OztJQUdSLE1BQU0sRUFBRTs7OztJQUdSLE1BQU0sRUFBRTs7OztJQUdSLE1BQU0sRUFBRTs7OztJQUdSLE1BQU0sRUFBRTtzQ0FDYSxRQUFROzs7SUFFN0IsTUFBTSxFQUFFO3NDQUNZLFFBQVE7OztJQUU1QixNQUFNLEVBQUU7Ozs7SUFHUixNQUFNLEVBQUU7Ozs7SUFHUixNQUFNLENBQUMsWUFBWSxDQUFDOzs7O0lBS3BCLE1BQU0sRUFBRTs7OztJQUlSLE1BQU0sRUFBRTs7OztJQUdSLE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQzs7OztJQUV4QixNQUFNLENBQUMsbUJBQW1CLENBQUM7Ozs7SUFFM0IsTUFBTSxDQUFDLG9CQUFvQixDQUFDOzs7O0lBRTVCLE1BQU0sQ0FBQyw0QkFBNEIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBJbnB1dCwgT3V0cHV0LCBFbGVtZW50UmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBYnN0cmFjdEhhc0Zvcm1hdHRlckRhdGFWaWV3IH0gZnJvbSAnLi9BYnN0cmFjdEhhc0Zvcm1hdHRlckRhdGFWaWV3JztcbmltcG9ydCB7IElIYXNEYXRhIH0gZnJvbSAnLi4vSUhhc0RhdGEnO1xuaW1wb3J0IHsgRGF0YVV0aWxzIH0gZnJvbSAnLi4vLi4vc2hhcmUvdXRpbHMvRGF0YVV0aWxzJztcbmltcG9ydCB7IEZvcm1hdHRlckZhY3RvcnkgfSBmcm9tICcuLi8uLi9zZXJ2aWNlL0Zvcm1hdHRlckZhY3Rvcnkuc2VydmljZSc7XG5pbXBvcnQgeyBPcHRpb24gfSBmcm9tICcuLi8uLi9kZWNvcmF0b3IvZGVjb3JhdG9ycyc7XG5pbXBvcnQgeyBJRm9ybWF0dGVyIH0gZnJvbSAnLi4vLi4vc2hhcmUvc2hhcmVzJztcblxuY29uc3QgVFlQRV9OQU1FOiBzdHJpbmcgPSBcInBoeC1zdHJpbmctZGF0YS12aWV3XCI7XG5jb25zdCBERUZBVUxUX0ZJRUxEOiBzdHJpbmcgPSBcImxhYmVsXCI7XG5cbkBDb21wb25lbnQoe1xuICBtb2R1bGVJZDogbW9kdWxlLmlkLFxuICBzZWxlY3RvcjogVFlQRV9OQU1FLFxuICB0ZW1wbGF0ZTogYDxkaXYgY2xhc3M9XCJwaHgtc3RyaW5nLWRhdGEtdmlld1wiIFtjbGFzcy5kaXJ0eV09XCJpc0RhdGFEaXJ0eSgpXCIgW2NsYXNzLmRpc2FibGVdPVwiaXNEaXNhYmxlZCgpXCI+e3tmb3JtYXR0ZWREYXRhfX08L2Rpdj5cbmBcbn0pXG5leHBvcnQgY2xhc3MgU3RyaW5nRGF0YVZpZXcgZXh0ZW5kcyBBYnN0cmFjdEhhc0Zvcm1hdHRlckRhdGFWaWV3IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBwdWJsaWMgc3RhdGljIHJlYWRvbmx5IFRZUEVfTkFNRTogc3RyaW5nID0gVFlQRV9OQU1FO1xuXG4gIHB1YmxpYyBzdGF0aWMgcmVhZG9ubHkgREVGQVVMVF9GSUVMRDogc3RyaW5nID0gREVGQVVMVF9GSUVMRDtcblxuICAvLyBSZS1kZWNsYXJlIGZpZWxkIHRvIGRlY2xhcmUgbmcgQElucHV0LlxuICAvLyAtLS0gZnJvbSBBYnN0cmFjdEhhc0RhdGFcbiAgQElucHV0KClcbiAgQE9wdGlvbigpXG4gIHByb3RlY3RlZCBkYXRhUGFyZW50OiBJSGFzRGF0YTtcbiAgQElucHV0KClcbiAgQE9wdGlvbigpXG4gIHByb3RlY3RlZCBpZ25vcmVQYXJlbnREYXRhOiBib29sZWFuO1xuICBASW5wdXQoKVxuICBAT3B0aW9uKClcbiAgcHJvdGVjdGVkIGRhdGE6IGFueTtcbiAgQElucHV0KClcbiAgQE9wdGlvbigpXG4gIHByb3RlY3RlZCBpZ25vcmVQYXJlbnREaXNhYmxlZDogYm9vbGVhbjtcbiAgQElucHV0KClcbiAgQE9wdGlvbigpXG4gIHByb3RlY3RlZCBkZWxlZ2F0ZUhpc3Rvcnk6IGJvb2xlYW47XG4gIEBJbnB1dCgpXG4gIEBPcHRpb24oKVxuICBwcm90ZWN0ZWQgb25EaXNhYmxlZDogRnVuY3Rpb247XG4gIEBJbnB1dCgpXG4gIEBPcHRpb24oKVxuICBwcm90ZWN0ZWQgb25FbmFibGVkOiBGdW5jdGlvbjtcbiAgQElucHV0KClcbiAgQE9wdGlvbigpXG4gIHByb3RlY3RlZCBsb2FkaW5nRW5hYmxlZDogYm9vbGVhbjtcbiAgQElucHV0KClcbiAgQE9wdGlvbigpXG4gIHByb3RlY3RlZCBpMThuS2V5OiBzdHJpbmc7XG4gIEBJbnB1dCgnaTE4bkJ5cGFzcycpXG4gIEBPcHRpb24oJ2kxOG5CeXBhc3MnKVxuICBwcm90ZWN0ZWQgYnlwYXNzOiBib29sZWFuO1xuICBASW5wdXQoKVxuICBwcm90ZWN0ZWQgb3B0aW9uczogYW55O1xuICBASW5wdXQoKVxuICBAT3B0aW9uKClcbiAgcHJvdGVjdGVkIGRpc2FibGVkOiBib29sZWFuO1xuICAvLyAtLS0gZnJvbSBBYnN0cmFjdERhdGFWaWV3XG4gIEBJbnB1dCgpXG4gIEBPcHRpb24oKVxuICBwcm90ZWN0ZWQgZmllbGQ6IHN0cmluZztcbiAgLy8gLS0tIGZyb20gQWJzdHJhY3RIYXNGb3JtYXR0ZXJEYXRhVmlld1xuICBAT3B0aW9uKCdmb3JtYXR0ZXIubmFtZScpXG4gIHByb3RlY3RlZCBmb3JtYXR0ZXJOYW1lOiBzdHJpbmc7XG4gIEBPcHRpb24oJ2Zvcm1hdHRlci5vcHRpb25zJylcbiAgcHJvdGVjdGVkIGZvcm1hdHRlck9wdGlvbnM6IGFueTtcbiAgQE9wdGlvbignZm9ybWF0dGVyLmluc3RhbmNlJylcbiAgcHJvdGVjdGVkIGZvcm1hdHRlcjogSUZvcm1hdHRlcjtcbiAgQE9wdGlvbignZm9ybWF0dGVyLnVzZVByb3BlcnR5VmFsdWUnKVxuICBwcm90ZWN0ZWQgZm9ybWF0dGVyVXNlUHJvcGVydHlWYWx1ZTogYm9vbGVhbjtcbiAgcHJvdGVjdGVkIG9yaWdpbmFsVmFsdWU6IHN0cmluZztcblxuICBjb25zdHJ1Y3RvcihlbGVtZW50UmVmOiBFbGVtZW50UmVmLCBmb3JtYXR0ZXJGYWN0b3J5OiBGb3JtYXR0ZXJGYWN0b3J5KSB7XG4gICAgc3VwZXIoZWxlbWVudFJlZiwgZm9ybWF0dGVyRmFjdG9yeSk7XG4gIH1cblxuICAvLyBPdmVycmlkZVxuICBwdWJsaWMgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgc3VwZXIubmdPbkluaXQoKTtcblxuICAgIC8vIEF1dG8gc2V0IGRlZmF1bHQgZmllbGQgaWYgbm90IHNwZWNpZmllZFxuICAgIGlmICh0aGlzLmZpZWxkID09PSBudWxsIHx8IHR5cGVvZiB0aGlzLmZpZWxkICE9PSAnc3RyaW5nJykge1xuICAgICAgdGhpcy5maWVsZCA9IERFRkFVTFRfRklFTEQ7XG4gICAgfVxuICB9XG5cbiAgcHVibGljIGlzU2VsZkRhdGFEaXJ0eSgpOiBib29sZWFuIHtcbiAgICAvLyBsZXQgZDEgPSAodGhpcy5vcmlnaW5hbFZhbHVlID09PSBudWxsIHx8IHR5cGVvZiB0aGlzLm9yaWdpbmFsVmFsdWUgPT09ICd1bmRlZmluZWQnKSA/ICcnIDogdGhpcy5vcmlnaW5hbFZhbHVlO1xuICAgIC8vIGxldCBkMiA9ICh0aGlzLmZvcm1hdHRlZERhdGEgPT09IG51bGwgfHwgdHlwZW9mIHRoaXMuZm9ybWF0dGVkRGF0YSA9PT0gJ3VuZGVmaW5lZCcpID8gJycgOiB0aGlzLmZvcm1hdHRlZERhdGE7XG5cbiAgICAvLyAvLyBjaGVjayBhcnJheSBvcGVuIHRoaXMgaXMgdSB3YW50IHRvIGNoZWNrIGFycmF5XG4gICAgLy8gdHJ5IHtcbiAgICAvLyAgIGxldCBqc29uRDEgPSBKU09OLnN0cmluZ2lmeShkMSk7XG4gICAgLy8gICBsZXQganNvbkQyID0gSlNPTi5zdHJpbmdpZnkoZDIpO1xuXG4gICAgLy8gICBpZiAoanNvbkQxICE9PSBqc29uRDIpIHtcbiAgICAvLyAgICAgcmV0dXJuIHRydWU7XG4gICAgLy8gICB9IGVsc2Uge1xuICAgIC8vICAgICByZXR1cm4gZmFsc2U7XG4gICAgLy8gICB9XG4gICAgLy8gfSBjYXRjaCAoZXJyb3IpIHtcbiAgICAvLyAgIC8vIGVycm9yXG4gICAgLy8gfVxuXG4gICAgLy8gaWYgKGQxICE9PSBkMikge1xuICAgIC8vICAgcmV0dXJuIHRydWU7XG4gICAgLy8gfVxuXG4gICAgcmV0dXJuIGZhbHNlO1xuICB9XG5cbiAgcHVibGljIHNlbGZTYXZlRGF0YShkYXRhOiBhbnkpOiB2b2lkIHtcbiAgICB0aGlzLm9yaWdpbmFsVmFsdWUgPSBBYnN0cmFjdEhhc0Zvcm1hdHRlckRhdGFWaWV3LnJlc29sdmVGb3JtYXR0ZWREYXRhKHRoaXMuZm9ybWF0dGVyLCBBYnN0cmFjdEhhc0Zvcm1hdHRlckRhdGFWaWV3LnJlc29sdmVNYXBwZWREYXRhKHRoaXMuZmllbGQsIGRhdGEpKTtcbiAgfVxuXG4gIHB1YmxpYyBzZWxmUmVzZXREYXRhKCk6IHZvaWQge1xuICAgIHRoaXMub3JpZ2luYWxWYWx1ZSA9IHRoaXMuZ2V0Rm9ybWF0dGVkRGF0YSgpO1xuICB9XG5cbiAgcHVibGljIHNldERhdGEoZGF0YTogYW55KTogdm9pZCB7XG4gICAgc3VwZXIuc2V0RGF0YShkYXRhKTtcbiAgfVxufVxuIl19