var _a;
import { __decorate, __extends } from "tslib";
import Component from 'vue-class-component';
import { Emit, Prop } from 'vue-property-decorator';
import { ModulVue } from '../../../utils/vue/vue';
import { MAvatar, MAvatarSize } from '../../avatar/avatar';
import { ICON_BUTTON_NAME } from '../../component-names';
import { MIconButton, MIconButtonSkin } from '../../icon-button/icon-button';
import WithRender from './image-displayer.html?style=./image-displayer.scss';
var MImageDisplayer = /** @class */ (function (_super) {
    __extends(MImageDisplayer, _super);
    function MImageDisplayer() {
        var _this = _super !== null && _super.apply(this, arguments) || this;
        _this.avatarSize = MAvatarSize.LARGE;
        _this.skinDelete = MIconButtonSkin.Dark;
        _this.i18nDelete = _this.$i18n.translate('m-photo-editor:delete');
        return _this;
    }
    Object.defineProperty(MImageDisplayer.prototype, "showDeleteButton", {
        get: function () {
            return !!this.urlPhoto;
        },
        enumerable: false,
        configurable: true
    });
    MImageDisplayer.prototype.deleteImage = function () { };
    __decorate([
        Prop({ default: '' })
    ], MImageDisplayer.prototype, "urlPhoto", void 0);
    __decorate([
        Emit('delete-image')
    ], MImageDisplayer.prototype, "deleteImage", null);
    MImageDisplayer = __decorate([
        WithRender,
        Component({
            components: (_a = {
                    MAvatar: MAvatar
                },
                _a[ICON_BUTTON_NAME] = MIconButton,
                _a)
        })
    ], MImageDisplayer);
    return MImageDisplayer;
}(ModulVue));
export { MImageDisplayer };
//# sourceMappingURL=image-displayer.js.map