react-native-svg/lib/commonjs/ReactNativeSVG.web.js

SVG library for react-native

var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=exports.Pattern=exports.Marker=exports.Mask=exports.Use=exports.TextPath=exports.TSpan=exports.Text=exports.Symbol=exports.Svg=exports.Stop=exports.Rect=exports.RadialGradient=exports.Polyline=exports.Polygon=exports.Path=exports.LinearGradient=exports.Line=exports.Image=exports.G=exports.Ellipse=exports.Defs=exports.ClipPath=exports.Circle=void 0;var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _reactNativeWeb=require("react-native-web");var _resolve=require("./lib/resolve");var _react=require("react");function prepare(props){var translate=props.translate,scale=props.scale,rotation=props.rotation,skewX=props.skewX,skewY=props.skewY,originX=props.originX,originY=props.originY,fontFamily=props.fontFamily,fontSize=props.fontSize,fontWeight=props.fontWeight,fontStyle=props.fontStyle,style=props.style,clean=(0,_objectWithoutProperties2.default)(props,["translate","scale","rotation","skewX","skewY","originX","originY","fontFamily","fontSize","fontWeight","fontStyle","style"]);var transform=[];if(originX!=null||originY!=null){transform.push("translate("+(originX||0)+", "+(originY||0)+")");}if(translate!=null){transform.push("translate("+translate+")");}if(scale!=null){transform.push("scale("+scale+")");}if(rotation!=null){transform.push("rotate("+rotation+")");}if(skewX!=null){transform.push("skewX("+skewX+")");}if(skewY!=null){transform.push("skewY("+skewY+")");}if(originX!=null||originY!=null){transform.push("translate("+(-originX||0)+", "+(-originY||0)+")");}if(transform.length){clean.transform=transform.join(' ');}var styles={};if(fontFamily!=null){styles.fontFamily=fontFamily;}if(fontSize!=null){styles.fontSize=fontSize;}if(fontWeight!=null){styles.fontWeight=fontWeight;}if(fontStyle!=null){styles.fontStyle=fontStyle;}clean.style=(0,_resolve.resolve)(style,styles);return clean;}var Circle=function(_Component){(0,_inherits2.default)(Circle,_Component);function Circle(){(0,_classCallCheck2.default)(this,Circle);return(0,_possibleConstructorReturn2.default)(this,(0,_getPrototypeOf2.default)(Circle).apply(this,arguments));}(0,_createClass2.default)(Circle,[{key:"render",value:function render(){return(0,_reactNativeWeb.createElement)('circle',prepare(this.props));}}]);return Circle;}(_react.Component);exports.Circle=Circle;var ClipPath=function(_Component2){(0,_inherits2.default)(ClipPath,_Component2);function ClipPath(){(0,_classCallCheck2.default)(this,ClipPath);return(0,_possibleConstructorReturn2.default)(this,(0,_getPrototypeOf2.default)(ClipPath).apply(this,arguments));}(0,_createClass2.default)(ClipPath,[{key:"render",value:function render(){return(0,_reactNativeWeb.createElement)('clipPath',prepare(this.props));}}]);return ClipPath;}(_react.Component);exports.ClipPath=ClipPath;var Defs=function(_Component3){(0,_inherits2.default)(Defs,_Component3);function Defs(){(0,_classCallCheck2.default)(this,Defs);return(0,_possibleConstructorReturn2.default)(this,(0,_getPrototypeOf2.default)(Defs).apply(this,arguments));}(0,_createClass2.default)(Defs,[{key:"render",value:function render(){return(0,_reactNativeWeb.createElement)('defs',prepare(this.props));}}]);return Defs;}(_react.Component);exports.Defs=Defs;var Ellipse=function(_Component4){(0,_inherits2.default)(Ellipse,_Component4);function Ellipse(){(0,_classCallCheck2.default)(this,Ellipse);return(0,_possibleConstructorReturn2.default)(this,(0,_getPrototypeOf2.default)(Ellipse).apply(this,arguments));}(0,_createClass2.default)(Ellipse,[{key:"render",value:function render(){return(0,_reactNativeWeb.createElement)('ellipse',prepare(this.props));}}]);return Ellipse;}(_react.Component);exports.Ellipse=Ellipse;var G=function(_Component5){(0,_inherits2.default)(G,_Component5);function G(){(0,_classCallCheck2.default)(this,G);return(0,_possibleConstructorReturn2.default)(this,(0,_getPrototypeOf2.default)(G).apply(this,arguments));}(0,_createClass2.default)(G,[{key:"render",value:function render(){var _this$props=this.props,x=_this$props.x,y=_this$props.y,rest=(0,_objectWithoutProperties2.default)(_this$props,["x","y"]);if((x||y)&&!rest.translate){rest.translate=(x||0)+", "+(y||0);}return(0,_reactNativeWeb.createElement)('g',prepare(rest));}}]);return G;}(_react.Component);exports.G=G;var Image=function(_Component6){(0,_inherits2.default)(Image,_Component6);function Image(){(0,_classCallCheck2.default)(this,Image);return(0,_possibleConstructorReturn2.default)(this,(0,_getPrototypeOf2.default)(Image).apply(this,arguments));}(0,_createClass2.default)(Image,[{key:"render",value:function render(){return(0,_reactNativeWeb.createElement)('image',prepare(this.props));}}]);return Image;}(_react.Component);exports.Image=Image;var Line=function(_Component7){(0,_inherits2.default)(Line,_Component7);function Line(){(0,_classCallCheck2.default)(this,Line);return(0,_possibleConstructorReturn2.default)(this,(0,_getPrototypeOf2.default)(Line).apply(this,arguments));}(0,_createClass2.default)(Line,[{key:"render",value:function render(){return(0,_reactNativeWeb.createElement)('line',prepare(this.props));}}]);return Line;}(_react.Component);exports.Line=Line;var LinearGradient=function(_Component8){(0,_inherits2.default)(LinearGradient,_Component8);function LinearGradient(){(0,_classCallCheck2.default)(this,LinearGradient);return(0,_possibleConstructorReturn2.default)(this,(0,_getPrototypeOf2.default)(LinearGradient).apply(this,arguments));}(0,_createClass2.default)(LinearGradient,[{key:"render",value:function render(){return(0,_reactNativeWeb.createElement)('linearGradient',prepare(this.props));}}]);return LinearGradient;}(_react.Component);exports.LinearGradient=LinearGradient;var Path=function(_Component9){(0,_inherits2.default)(Path,_Component9);function Path(){(0,_classCallCheck2.default)(this,Path);return(0,_possibleConstructorReturn2.default)(this,(0,_getPrototypeOf2.default)(Path).apply(this,arguments));}(0,_createClass2.default)(Path,[{key:"render",value:function render(){return(0,_reactNativeWeb.createElement)('path',prepare(this.props));}}]);return Path;}(_react.Component);exports.Path=Path;var Polygon=function(_Component10){(0,_inherits2.default)(Polygon,_Component10);function Polygon(){(0,_classCallCheck2.default)(this,Polygon);return(0,_possibleConstructorReturn2.default)(this,(0,_getPrototypeOf2.default)(Polygon).apply(this,arguments));}(0,_createClass2.default)(Polygon,[{key:"render",value:function render(){return(0,_reactNativeWeb.createElement)('polygon',prepare(this.props));}}]);return Polygon;}(_react.Component);exports.Polygon=Polygon;var Polyline=function(_Component11){(0,_inherits2.default)(Polyline,_Component11);function Polyline(){(0,_classCallCheck2.default)(this,Polyline);return(0,_possibleConstructorReturn2.default)(this,(0,_getPrototypeOf2.default)(Polyline).apply(this,arguments));}(0,_createClass2.default)(Polyline,[{key:"render",value:function render(){return(0,_reactNativeWeb.createElement)('polyline',prepare(this.props));}}]);return Polyline;}(_react.Component);exports.Polyline=Polyline;var RadialGradient=function(_Component12){(0,_inherits2.default)(RadialGradient,_Component12);function RadialGradient(){(0,_classCallCheck2.default)(this,RadialGradient);return(0,_possibleConstructorReturn2.default)(this,(0,_getPrototypeOf2.default)(RadialGradient).apply(this,arguments));}(0,_createClass2.default)(RadialGradient,[{key:"render",value:function render(){return(0,_reactNativeWeb.createElement)('radialGradient',prepare(this.props));}}]);return RadialGradient;}(_react.Component);exports.RadialGradient=RadialGradient;var Rect=function(_Component13){(0,_inherits2.default)(Rect,_Component13);function Rect(){(0,_classCallCheck2.default)(this,Rect);return(0,_possibleConstructorReturn2.default)(this,(0,_getPrototypeOf2.default)(Rect).apply(this,arguments));}(0,_createClass2.default)(Rect,[{key:"render",value:function render(){return(0,_reactNativeWeb.createElement)('rect',prepare(this.props));}}]);return Rect;}(_react.Component);exports.Rect=Rect;var Stop=function(_Component14){(0,_inherits2.default)(Stop,_Component14);function Stop(){(0,_classCallCheck2.default)(this,Stop);return(0,_possibleConstructorReturn2.default)(this,(0,_getPrototypeOf2.default)(Stop).apply(this,arguments));}(0,_createClass2.default)(Stop,[{key:"render",value:function render(){return(0,_reactNativeWeb.createElement)('stop',prepare(this.props));}}]);return Stop;}(_react.Component);exports.Stop=Stop;var Svg=function(_Component15){(0,_inherits2.default)(Svg,_Component15);function Svg(){(0,_classCallCheck2.default)(this,Svg);return(0,_possibleConstructorReturn2.default)(this,(0,_getPrototypeOf2.default)(Svg).apply(this,arguments));}(0,_createClass2.default)(Svg,[{key:"render",value:function render(){return(0,_reactNativeWeb.createElement)('svg',prepare(this.props));}}]);return Svg;}(_react.Component);exports.Svg=Svg;var Symbol=function(_Component16){(0,_inherits2.default)(Symbol,_Component16);function Symbol(){(0,_classCallCheck2.default)(this,Symbol);return(0,_possibleConstructorReturn2.default)(this,(0,_getPrototypeOf2.default)(Symbol).apply(this,arguments));}(0,_createClass2.default)(Symbol,[{key:"render",value:function render(){return(0,_reactNativeWeb.createElement)('symbol',prepare(this.props));}}]);return Symbol;}(_react.Component);exports.Symbol=Symbol;var Text=function(_Component17){(0,_inherits2.default)(Text,_Component17);function Text(){(0,_classCallCheck2.default)(this,Text);return(0,_possibleConstructorReturn2.default)(this,(0,_getPrototypeOf2.default)(Text).apply(this,arguments));}(0,_createClass2.default)(Text,[{key:"render",value:function render(){return(0,_reactNativeWeb.createElement)('text',prepare(this.props));}}]);return Text;}(_react.Component);exports.Text=Text;var TSpan=function(_Component18){(0,_inherits2.default)(TSpan,_Component18);function TSpan(){(0,_classCallCheck2.default)(this,TSpan);return(0,_possibleConstructorReturn2.default)(this,(0,_getPrototypeOf2.default)(TSpan).apply(this,arguments));}(0,_createClass2.default)(TSpan,[{key:"render",value:function render(){return(0,_reactNativeWeb.createElement)('tspan',prepare(this.props));}}]);return TSpan;}(_react.Component);exports.TSpan=TSpan;var TextPath=function(_Component19){(0,_inherits2.default)(TextPath,_Component19);function TextPath(){(0,_classCallCheck2.default)(this,TextPath);return(0,_possibleConstructorReturn2.default)(this,(0,_getPrototypeOf2.default)(TextPath).apply(this,arguments));}(0,_createClass2.default)(TextPath,[{key:"render",value:function render(){return(0,_reactNativeWeb.createElement)('textPath',prepare(this.props));}}]);return TextPath;}(_react.Component);exports.TextPath=TextPath;var Use=function(_Component20){(0,_inherits2.default)(Use,_Component20);function Use(){(0,_classCallCheck2.default)(this,Use);return(0,_possibleConstructorReturn2.default)(this,(0,_getPrototypeOf2.default)(Use).apply(this,arguments));}(0,_createClass2.default)(Use,[{key:"render",value:function render(){return(0,_reactNativeWeb.createElement)('use',prepare(this.props));}}]);return Use;}(_react.Component);exports.Use=Use;var Mask=function(_Component21){(0,_inherits2.default)(Mask,_Component21);function Mask(){(0,_classCallCheck2.default)(this,Mask);return(0,_possibleConstructorReturn2.default)(this,(0,_getPrototypeOf2.default)(Mask).apply(this,arguments));}(0,_createClass2.default)(Mask,[{key:"render",value:function render(){return(0,_reactNativeWeb.createElement)('mask',prepare(this.props));}}]);return Mask;}(_react.Component);exports.Mask=Mask;var Marker=function(_Component22){(0,_inherits2.default)(Marker,_Component22);function Marker(){(0,_classCallCheck2.default)(this,Marker);return(0,_possibleConstructorReturn2.default)(this,(0,_getPrototypeOf2.default)(Marker).apply(this,arguments));}(0,_createClass2.default)(Marker,[{key:"render",value:function render(){return(0,_reactNativeWeb.createElement)('marker',prepare(this.props));}}]);return Marker;}(_react.Component);exports.Marker=Marker;var Pattern=function(_Component23){(0,_inherits2.default)(Pattern,_Component23);function Pattern(){(0,_classCallCheck2.default)(this,Pattern);return(0,_possibleConstructorReturn2.default)(this,(0,_getPrototypeOf2.default)(Pattern).apply(this,arguments));}(0,_createClass2.default)(Pattern,[{key:"render",value:function render(){return(0,_reactNativeWeb.createElement)('pattern',prepare(this.props));}}]);return Pattern;}(_react.Component);exports.Pattern=Pattern;var _default=Svg;exports.default=_default;
//# sourceMappingURL=ReactNativeSVG.web.js.map