Function ChoiceGroupOptionBase1

docs/app/js/sanddance-app.js:37292–37349

(props1)

 */ var ChoiceGroupOptionBase = /** @class */ function(_super) {
    (0, _tslib.__extends)(ChoiceGroupOptionBase1, _super);
    function ChoiceGroupOptionBase1(props1) {
        var _this = _super.call(this, props1) || this;
        _this._onChange = function(evt) {
            var onChange = _this.props.onChange;
            if (onChange) onChange(evt, _this.props);
        };
        _this._onBlur = function(evt) {
            var onBlur = _this.props.onBlur;
            if (onBlur) onBlur(evt, _this.props);
        };
        _this._onFocus = function(evt) {
            var onFocus = _this.props.onFocus;
            if (onFocus) onFocus(evt, _this.props);
        };
        _this._onRenderField = function(props) {
            var id = props.id, imageSrc = props.imageSrc, _a = props.imageAlt, imageAlt = _a === void 0 ? "" : _a, selectedImageSrc = props.selectedImageSrc, iconProps = props.iconProps;
            var imageSize = props.imageSize ? props.imageSize : {
                width: 32,
                height: 32
            };
            var onRenderLabel = props.onRenderLabel ? (0, _utilities1.composeRenderFunction)(props.onRenderLabel, _this._onRenderLabel) : _this._onRenderLabel;
            var label = onRenderLabel(props);
            return _react.createElement("label", {
                htmlFor: id,
                className: _this._classNames.field
            }, imageSrc && _react.createElement("div", {
                className: _this._classNames.innerField
            }, _react.createElement("div", {
                className: _this._classNames.imageWrapper
            }, _react.createElement((0, _image.Image), {
                src: imageSrc,
                alt: imageAlt,
                width: imageSize.width,
                height: imageSize.height
            })), _react.createElement("div", {
                className: _this._classNames.selectedImageWrapper
            }, _react.createElement((0, _image.Image), {
                src: selectedImageSrc,
                alt: imageAlt,
                width: imageSize.width,
                height: imageSize.height
            }))), iconProps && _react.createElement("div", {
                className: _this._classNames.innerField
            }, _react.createElement("div", {
                className: _this._classNames.iconWrapper
            }, _react.createElement((0, _icon.Icon), (0, _tslib.__assign)({}, iconProps)))), imageSrc || iconProps ? _react.createElement("div", {
                className: _this._classNames.labelWrapper
            }, label) : label);
        };
        _this._onRenderLabel = function(props) {
            return _react.createElement("span", {
                id: props.labelId,
                className: "ms-ChoiceFieldLabel"
            }, props.text);
        };
        (0, _utilities.initializeComponentRef)(_this);
        return _this;
    }