@wavemaker/app-rn-runtime 11.4.0-next.28152 → 11.4.0-patch.1

package/styles/background.component.js

@@ -0,0 +1,298 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import * as React from 'react';
+import { LinearGradient as ExpoLinearGradient } from 'expo-linear-gradient';
+import { Image, StyleSheet, View } from 'react-native';
+import { isEmpty, isNil, isNumber } from 'lodash-es';
+import imageSizeEstimator from '@wavemaker/app-rn-runtime/core/imageSizeEstimator';
+import { AssetConsumer } from '@wavemaker/app-rn-runtime/core/asset.provider';
+import { isFullPathUrl } from '@wavemaker/app-rn-runtime/core/utils';
+const IMAGE_URL_REGEX = /url\(['|"]?(.+)['|"]?\)$/gi;
+const LINEAT_GRADIENT_REGEX = /linear-gradient\((.+)\)$/gi;
+const DIMENSION_REGEX = /([0-9%]+)[a-z]*/g;
+const BACKGROUND_POSITION_REGEX = /([0-9%]+)[a-z]*\s*([0-9%]+)[a-z]*/g;
+const BACKGROUND_SIZE_REGEX = /([0-9%]+)[a-z]*\s*([0-9%]+)[a-z]*/g;
+export class LinearGradient extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = this.parse();
+  }
+  parse() {
+    let val = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.props.value;
+    let state = {};
+    const splits = val.split(',').map(v => v.trim());
+    let angle = 0;
+    const locations = [];
+    if (splits[0].endsWith('deg')) {
+      angle = parseInt(splits[0].split('deg')[0]) % 360;
+      angle = angle < 0 ? 360 + angle : angle;
+      splits.shift();
+    }
+    angle += 90;
+    const delta = Math.round(Math.tan(angle * Math.PI / 180) * 100) / 100;
+    if (Math.abs(delta) > 1) {
+      state = {
+        end: {
+          x: -0.5 / delta + 0.5,
+          y: 0
+        },
+        start: {
+          x: 0.5 / delta + 0.5,
+          y: 1
+        }
+      };
+    } else {
+      state = {
+        start: {
+          x: 0,
+          y: -0.5 * delta + 0.5
+        },
+        end: {
+          x: 1,
+          y: 0.5 * delta + 0.5
+        }
+      };
+    }
+    if (angle >= 270 && angle <= 450) {
+      state = {
+        start: state.end,
+        end: state.start
+      };
+    }
+    state.colors = [];
+    state.locations = [];
+    splits.map(s => {
+      var _s$matchAll$next;
+      const p = (_s$matchAll$next = s.matchAll(/\s*([0-9]+)%/g).next()) === null || _s$matchAll$next === void 0 ? void 0 : _s$matchAll$next.value;
+      if (p) {
+        state.locations.push(parseInt(p[1]) / 100);
+        state.colors.push(s.replace(p[0], ''));
+      } else {
+        state.locations.push(null);
+        state.colors.push(s);
+      }
+    });
+    return state;
+  }
+  componentDidUpdate(prevProps, prevState, snapshot) {
+    if (prevProps.value !== this.props.value) {
+      this.setState(this.parse());
+    }
+  }
+  render() {
+    var _this$props$size, _this$props$style;
+    return /*#__PURE__*/React.createElement(View, {
+      style: [{
+        borderWidth: 0,
+        overflow: 'hidden'
+      }, StyleSheet.absoluteFill, this.props.style]
+    }, /*#__PURE__*/React.createElement(View, {
+      style: [StyleSheet.absoluteFill, this.props.middle ? {
+        flexDirection: 'row',
+        justifyContent: 'center',
+        alignItems: 'center'
+      } : null]
+    }, /*#__PURE__*/React.createElement(ExpoLinearGradient, {
+      colors: this.state.colors,
+      locations: this.state.locations,
+      start: this.state.start,
+      end: this.state.end,
+      style: [(_this$props$size = this.props.size) !== null && _this$props$size !== void 0 && _this$props$size.width ? this.props.size : StyleSheet.absoluteFill, this.props.position, {
+        position: 'absolute',
+        borderRadius: (_this$props$style = this.props.style) === null || _this$props$style === void 0 ? void 0 : _this$props$style.borderRadius
+      }]
+    })), this.props.children);
+  }
+}
+export class BackgroundComponent extends React.Component {
+  constructor(props) {
+    super(props);
+    _defineProperty(this, "loadAsset", null);
+    this.state = {};
+  }
+  caluculateSize(imageSrc) {
+    if (isNumber(imageSrc)) {
+      const {
+        width,
+        height
+      } = Image.resolveAssetSource(imageSrc);
+      this.setState({
+        naturalImageWidth: width,
+        naturalImageHeight: height
+      });
+    } else if (!isNil(imageSrc)) {
+      imageSizeEstimator.getSize(imageSrc.uri, (width, height) => {
+        this.setState({
+          naturalImageWidth: width,
+          naturalImageHeight: height
+        });
+      });
+    }
+  }
+  getDimension(dim) {
+    if (dim) {
+      const value = dim.matchAll(DIMENSION_REGEX).next().value;
+      if (value[1]) {
+        return value[1].endsWith('%') ? value[1] : parseInt(value[1]);
+      }
+    }
+    return null;
+  }
+  getPosition() {
+    const result = {};
+    if (!this.props.position) {
+      return result;
+    }
+    const position = this.props.position.split(' ').map(s => s.trim());
+    if (position[0] === 'center') {
+      result.alignItems = 'center';
+    } else if (position[0] === 'top') {
+      result.top = 0;
+    } else if (position[0] === 'bottom') {
+      result.bottom = 0;
+    } else {
+      result.top = this.getDimension(position[0]);
+    }
+    if (position[1] === 'center') {
+      result.justifyContent = 'center';
+    } else if (position[1] === 'left') {
+      result.left = 0;
+    } else if (position[1] === 'bottom') {
+      result.right = 0;
+    } else {
+      result.left = this.getDimension(position[1]);
+    }
+    return result;
+  }
+  getPositionAndSize() {
+    var _this$props$size2, _this$getGradient;
+    const result = {};
+    if (this.props.resizeMode) {
+      result.resizeMode = this.props.resizeMode;
+      return result;
+    } else if (this.props.position === 'center') {
+      result.resizeMode = 'center';
+      result.position = {
+        justifyContent: 'center',
+        alignItems: 'center'
+      };
+    } else if (this.props.size === 'contain' || this.props.size === 'cover') {
+      result.resizeMode = this.props.size;
+      return result;
+    }
+    const size = (_this$props$size2 = this.props.size) === null || _this$props$size2 === void 0 ? void 0 : _this$props$size2.matchAll(BACKGROUND_SIZE_REGEX).next().value;
+    result.size = {};
+    if (size) {
+      result.size.width = size[1].endsWith('%') ? size[1] : parseInt(size[1]);
+      result.size.height = size[2].endsWith('%') ? size[2] : parseInt(size[2]);
+    }
+    if (!result.resizeMode && this.props.position) {
+      result.position = this.getPosition();
+    }
+    if (!((_this$getGradient = this.getGradient()) !== null && _this$getGradient !== void 0 && (_this$getGradient = _this$getGradient.value) !== null && _this$getGradient !== void 0 && _this$getGradient.length)) {
+      if (this.props.repeat === 'no-repeat') {
+        result.size.width = result.size.width || this.state.naturalImageWidth;
+        result.size.height = result.size.height || this.state.naturalImageHeight;
+      } else if (this.props.repeat === 'repeat-x') {
+        result.resizeMode = 'repeat';
+        result.size.width = result.size.width || '100%';
+        result.size.height = result.size.height || this.state.naturalImageHeight;
+      } else if (this.props.repeat === 'repeat-y') {
+        result.resizeMode = 'repeat';
+        result.size.width = result.size.width || this.state.naturalImageWidth;
+        result.size.height = result.size.height || '100%';
+      } else {
+        result.resizeMode = 'repeat';
+      }
+    }
+    return result;
+  }
+  renderLinearGradient(data) {
+    const psresult = this.getPositionAndSize();
+    return /*#__PURE__*/React.createElement(LinearGradient, {
+      value: data || '',
+      style: this.props.style,
+      size: psresult.size,
+      position: psresult.position,
+      middle: psresult.resizeMode === 'center'
+    });
+  }
+  componentDidUpdate(prevProps, prevState, snapshot) {
+    if (prevProps.image !== this.props.image) {
+      this.setImage();
+    }
+  }
+  componentDidMount() {
+    setTimeout(() => this.setImage(), 100);
+  }
+  setImage() {
+    var _this$props$image, _source;
+    let source = (_this$props$image = this.props.image) === null || _this$props$image === void 0 ? void 0 : _this$props$image.trim();
+    if ((_source = source) !== null && _source !== void 0 && _source.startsWith('url')) {
+      var _this$props$image2;
+      source = (_this$props$image2 = this.props.image) === null || _this$props$image2 === void 0 ? void 0 : _this$props$image2.matchAll(IMAGE_URL_REGEX).next().value[1];
+    }
+    if (this.loadAsset) {
+      source = this.loadAsset(source);
+    }
+    if (isFullPathUrl(source)) {
+      source = {
+        uri: source
+      };
+    }
+    this.caluculateSize(source);
+    this.setState({
+      imageSrc: source
+    });
+  }
+  getGradient() {
+    var _this$props$image3;
+    return (_this$props$image3 = this.props.image) === null || _this$props$image3 === void 0 ? void 0 : _this$props$image3.trim().matchAll(LINEAT_GRADIENT_REGEX).next();
+  }
+  renderImage() {
+    const psresult = this.getPositionAndSize();
+    return /*#__PURE__*/React.createElement(AssetConsumer, null, loadAsset => {
+      var _psresult$position, _psresult$position2;
+      this.loadAsset = loadAsset;
+      return /*#__PURE__*/React.createElement(View, {
+        style: [{
+          borderWidth: 0,
+          overflow: 'hidden'
+        }, StyleSheet.absoluteFill, this.props.style]
+      }, /*#__PURE__*/React.createElement(View, {
+        style: [StyleSheet.absoluteFill, {
+          flexDirection: 'row',
+          justifyContent: (_psresult$position = psresult.position) === null || _psresult$position === void 0 ? void 0 : _psresult$position.justifyContent,
+          alignItems: (_psresult$position2 = psresult.position) === null || _psresult$position2 === void 0 ? void 0 : _psresult$position2.alignItems
+        }]
+      }, /*#__PURE__*/React.createElement(View, {
+        style: [{
+          position: 'absolute',
+          overflow: 'hidden'
+        }, psresult.position, isEmpty(psresult.size) ? StyleSheet.absoluteFill : psresult.size]
+      }, /*#__PURE__*/React.createElement(Image, {
+        source: this.state.imageSrc,
+        resizeMode: psresult.resizeMode || 'cover',
+        style: [{
+          width: '100%',
+          height: '100%'
+        }, isEmpty(psresult.size) ? {
+          minWidth: this.state.naturalImageWidth,
+          minHeight: this.state.naturalImageHeight
+        } : null]
+      }))));
+    });
+  }
+  render() {
+    var _gradientData$value;
+    const gradientData = this.getGradient();
+    if (gradientData !== null && gradientData !== void 0 && (_gradientData$value = gradientData.value) !== null && _gradientData$value !== void 0 && _gradientData$value.length) {
+      return this.renderLinearGradient(gradientData.value[1]);
+    } else if (this.props.image) {
+      return this.renderImage();
+    }
+    return null;
+  }
+}
+//# sourceMappingURL=background.component.js.map

package/styles/background.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","LinearGradient","ExpoLinearGradient","Image","StyleSheet","View","isEmpty","isNil","isNumber","imageSizeEstimator","AssetConsumer","isFullPathUrl","IMAGE_URL_REGEX","LINEAT_GRADIENT_REGEX","DIMENSION_REGEX","BACKGROUND_POSITION_REGEX","BACKGROUND_SIZE_REGEX","Component","constructor","props","state","parse","val","arguments","length","undefined","value","splits","split","map","v","trim","angle","locations","endsWith","parseInt","shift","delta","Math","round","tan","PI","abs","end","x","y","start","colors","s","_s$matchAll$next","p","matchAll","next","push","replace","componentDidUpdate","prevProps","prevState","snapshot","setState","render","_this$props$size","_this$props$style","createElement","style","borderWidth","overflow","absoluteFill","middle","flexDirection","justifyContent","alignItems","size","width","position","borderRadius","children","BackgroundComponent","_defineProperty","caluculateSize","imageSrc","height","resolveAssetSource","naturalImageWidth","naturalImageHeight","getSize","uri","getDimension","dim","getPosition","result","top","bottom","left","right","getPositionAndSize","_this$props$size2","_this$getGradient","resizeMode","getGradient","repeat","renderLinearGradient","data","psresult","image","setImage","componentDidMount","setTimeout","_this$props$image","_source","source","startsWith","_this$props$image2","loadAsset","_this$props$image3","renderImage","_psresult$position","_psresult$position2","minWidth","minHeight","_gradientData$value","gradientData"],"sources":["background.component.tsx"],"sourcesContent":["import * as React from 'react';\nimport { LinearGradient as ExpoLinearGradient, LinearGradientPoint } from 'expo-linear-gradient';\nimport { Image, StyleSheet, View, ViewStyle } from 'react-native';\nimport { isEmpty, isNil, isNumber, isString } from 'lodash-es';\nimport imageSizeEstimator from '@wavemaker/app-rn-runtime/core/imageSizeEstimator';\nimport { AssetConsumer } from '@wavemaker/app-rn-runtime/core/asset.provider';\nimport { isFullPathUrl } from '@wavemaker/app-rn-runtime/core/utils';\n\nexport interface LinearGradientProps {\n    value: string;\n    children: any;\n    style?: ViewStyle;\n    size?: ViewStyle;\n    position?: ViewStyle;\n    middle?: boolean;\n}\n\nexport interface LinearGradientState {\n    colors: string[];\n    locations: number[];\n    start: LinearGradientPoint;\n    end: LinearGradientPoint;\n}\n\nconst IMAGE_URL_REGEX = /url\\(['|\"]?(.+)['|\"]?\\)$/gi;\nconst LINEAT_GRADIENT_REGEX = /linear-gradient\\((.+)\\)$/gi;\nconst DIMENSION_REGEX = /([0-9%]+)[a-z]*/g;\nconst BACKGROUND_POSITION_REGEX = /([0-9%]+)[a-z]*\\s*([0-9%]+)[a-z]*/g;\nconst BACKGROUND_SIZE_REGEX = /([0-9%]+)[a-z]*\\s*([0-9%]+)[a-z]*/g;\n\nexport class LinearGradient extends React.Component<LinearGradientProps, LinearGradientState> {\n\n    constructor(props: LinearGradientProps) {\n        super(props);\n        this.state = this.parse();\n    }\n\n    parse(val = this.props.value) {\n        let state = {} as LinearGradientState;\n        const splits = val.split(',').map(v => v.trim());\n        let angle = 0;\n        const locations: LinearGradientPoint[] = [];\n        if (splits[0].endsWith('deg')) {\n            angle = (parseInt(splits[0].split('deg')[0]))%360;\n            angle = angle < 0 ? (360 + angle) : angle;\n            splits.shift();\n        }\n        angle += 90;\n        const delta = Math.round(Math.tan((angle * Math.PI) / 180) * 100)/100;\n        if (Math.abs(delta) > 1) {\n            state = {\n                end: {\n                    x: -0.5 / delta + 0.5,\n                    y: 0\n                },\n                start: {\n                    x: 0.5 / delta + 0.5,\n                    y: 1\n                }\n            }  as LinearGradientState;\n        } else {\n            state = {\n                start: {\n                    x: 0,\n                    y: -0.5 * delta + 0.5\n                },\n                end: {\n                    x: 1,\n                    y: 0.5 * delta + 0.5\n                }\n            }  as LinearGradientState;\n        }\n        if (angle >= 270 && angle <= 450) {\n            state = {\n                start : state.end,\n                end: state.start\n            } as LinearGradientState;\n        }\n        state.colors = [];\n        state.locations = [];\n        splits.map(s => {\n            const p = s.matchAll(/\\s*([0-9]+)%/g).next()?.value;\n            if (p) {\n                state.locations.push(parseInt(p[1]) / 100);\n                state.colors.push(s.replace(p[0], ''));\n            } else {\n                state.locations.push(null as any);\n                state.colors.push(s);\n            }\n        });\n        return state;\n    }\n\n    componentDidUpdate(prevProps: Readonly<LinearGradientProps>, prevState: Readonly<{}>, snapshot?: any): void {\n        if (prevProps.value !== this.props.value) {\n            this.setState(this.parse());\n        }\n    }\n    \n\n    public render() {\n        return (\n            <View style={[{borderWidth: 0, overflow: 'hidden'}, StyleSheet.absoluteFill, this.props.style]}>\n                <View style={[\n                    StyleSheet.absoluteFill, this.props.middle ? {\n                        flexDirection: 'row',\n                        justifyContent: 'center',\n                        alignItems: 'center'\n                    } : null]}>\n                    <ExpoLinearGradient\n                        colors={this.state.colors}\n                        locations={this.state.locations}\n                        start={this.state.start}\n                        end={this.state.end}\n                        style={[\n                            this.props.size?.width ? this.props.size : StyleSheet.absoluteFill,\n                            this.props.position,\n                            {position: 'absolute', borderRadius: this.props.style?.borderRadius}\n                        ]}\n                    />\n                </View>\n                {this.props.children}\n            </View>\n        );\n    }\n}\n\nexport interface BackgroundProps {\n    image?: string;\n    position?: string;\n    children?: any;\n    resizeMode?: string;\n    repeat?: string;\n    style?: ViewStyle;\n    size: string;\n}\n\nexport interface BackgroundState {\n    imageSrc: any;\n    naturalImageWidth: number,\n    naturalImageHeight: number\n}\n\nexport class BackgroundComponent extends React.Component<BackgroundProps, BackgroundState> {\n\n    private loadAsset: (path: string) => number | string = null as any;\n\n    constructor(props: BackgroundProps) {\n        super(props);\n        this.state = {} as BackgroundState;\n    }\n\n    public caluculateSize(imageSrc: any) {\n        if (isNumber(imageSrc)) {\n            const {width, height} = Image.resolveAssetSource(imageSrc);\n            this.setState({\n              naturalImageWidth: width,\n              naturalImageHeight: height\n            } as BackgroundState);\n          } else if (!isNil(imageSrc)) {\n            imageSizeEstimator.getSize(imageSrc.uri, (width: number, height: number) => {\n              this.setState({\n                naturalImageWidth: width,\n                naturalImageHeight: height\n              } as BackgroundState);\n            });\n          }\n    }\n\n    getDimension(dim: string) {\n        if (dim) {\n            const value = dim.matchAll(DIMENSION_REGEX).next().value;\n            if (value[1]) {\n                return value[1].endsWith('%') ? value[1] : parseInt(value[1]);\n            }\n        }\n        return null;\n    }\n\n    public getPosition() {\n        const result = {} as ViewStyle;\n        if (!this.props.position) {\n            return result;\n        }\n        const position = this.props.position.split(' ').map(s => s.trim());\n        if (position[0] === 'center') {\n            result.alignItems = 'center';\n        } else if (position[0] === 'top') {\n            result.top = 0;\n        } else if (position[0] === 'bottom') {\n            result.bottom = 0;\n        } else {\n            result.top = this.getDimension(position[0]);\n        }\n        if (position[1] === 'center') {\n            result.justifyContent = 'center';\n        } else if (position[1] === 'left') {\n            result.left = 0;\n        } else if (position[1] === 'bottom') {\n            result.right = 0;\n        } else {\n            result.left = this.getDimension(position[1]);\n        }\n        return result;\n    }\n\n    public getPositionAndSize() {\n        const result: {\n            resizeMode? : string,\n            position?: ViewStyle,\n            size?: ViewStyle\n        } = {} as any;\n        if (this.props.resizeMode) {\n            result.resizeMode = this.props.resizeMode;\n            return result;\n        } else if (this.props.position === 'center') {\n            result.resizeMode = 'center';\n            result.position = {\n                justifyContent: 'center',\n                alignItems: 'center'\n            };\n        } else if (this.props.size === 'contain' || this.props.size === 'cover') {\n            result.resizeMode = this.props.size;\n            return result;\n        }\n        const size = this.props.size?.matchAll(BACKGROUND_SIZE_REGEX).next().value;\n        result.size = {};\n        if (size) {\n            result.size.width = size[1].endsWith('%') ? size[1] : parseInt(size[1]);\n            result.size.height = size[2].endsWith('%') ? size[2] : parseInt(size[2]);\n        }\n        if (!result.resizeMode && this.props.position) {\n            result.position = this.getPosition();\n        }\n        if (!this.getGradient()?.value?.length) {\n            if (this.props.repeat === 'no-repeat') {\n                result.size.width = result.size.width || this.state.naturalImageWidth; \n                result.size.height = result.size.height || this.state.naturalImageHeight; \n            } else if (this.props.repeat === 'repeat-x') {\n                result.resizeMode = 'repeat';\n                result.size.width = result.size.width || '100%'; \n                result.size.height = result.size.height || this.state.naturalImageHeight; \n            } else if (this.props.repeat === 'repeat-y') {\n                result.resizeMode = 'repeat';\n                result.size.width = result.size.width || this.state.naturalImageWidth; \n                result.size.height = result.size.height || '100%'; \n            } else {\n                result.resizeMode = 'repeat';\n            }\n        }\n        return result;\n    }\n\n    public renderLinearGradient(data: string) {\n        const psresult = this.getPositionAndSize();\n        return  (\n            <LinearGradient\n                value={data || ''}\n                style={this.props.style}\n                size={psresult.size}\n                position={psresult.position}\n                middle={psresult.resizeMode === 'center'}>\n            </LinearGradient>\n        );\n    }\n\n    componentDidUpdate(prevProps: Readonly<BackgroundProps>, prevState: Readonly<{}>, snapshot?: any): void {\n        if (prevProps.image !== this.props.image) {\n            this.setImage();\n        }\n    }\n\n    componentDidMount(): void {\n        setTimeout(() => this.setImage(), 100);\n    }\n\n    setImage() {\n        let source = this.props.image?.trim() as any;\n        if (source?.startsWith('url')) {\n            source = this.props.image?.matchAll(IMAGE_URL_REGEX).next().value[1];\n        }\n        if (this.loadAsset) {\n            source = this.loadAsset(source);\n        }\n        if (isFullPathUrl(source)) {\n            source = {\n                uri: source\n            };\n        }\n        this.caluculateSize(source);\n        this.setState({\n            imageSrc: source\n        } as BackgroundState);\n    }\n\n    public getGradient() {\n        return this.props.image?.trim().matchAll(LINEAT_GRADIENT_REGEX).next();\n    }\n\n    public renderImage() {\n        const psresult = this.getPositionAndSize();\n        return (\n        <AssetConsumer>\n            {(loadAsset) => {\n            this.loadAsset = loadAsset;\n            return (<View style={[{borderWidth: 0, overflow: 'hidden'}, StyleSheet.absoluteFill, this.props.style]}>\n                <View style={[\n                    StyleSheet.absoluteFill, {\n                        flexDirection: 'row',\n                        justifyContent: psresult.position?.justifyContent,\n                        alignItems: psresult.position?.alignItems\n                    }]}>\n                    <View style={[\n                        { position: 'absolute', overflow: 'hidden' },\n                        psresult.position,\n                        isEmpty(psresult.size) ?  StyleSheet.absoluteFill : psresult.size\n                    ]}>\n                        <Image\n                            source={this.state.imageSrc}\n                            resizeMode={psresult.resizeMode as any || 'cover'}\n                            style={[\n                                { \n                                    width: '100%',\n                                    height: '100%'\n                                }, \n                                isEmpty(psresult.size) ? {\n                                    minWidth: this.state.naturalImageWidth,\n                                    minHeight: this.state.naturalImageHeight\n                                } : null\n                            ]}/>\n                    </View>\n                </View>\n            </View>);\n            }}\n        </AssetConsumer>\n        );\n    }\n\n    public render() {\n        const gradientData = this.getGradient();\n        if (gradientData?.value?.length) {\n            return this.renderLinearGradient(gradientData.value[1]);\n        } else if (this.props.image) {\n            return this.renderImage();\n        }\n        return null;\n    }\n}\n\n"],"mappings":"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"}

package/styles/fdfd.css

@@ -0,0 +1,56 @@
+.app-label {
+    align-content: flex-start;
+    align-items: flex-start;
+    align-self: flex-start;
+    backface-visibility: hidden;
+    background-color: #000;
+    border-bottom-width: 32px;
+    border-left-width: 32px;
+    border-right-width: 32px;
+    border-top-width: 32px;
+    border-top-left-width: 4px;
+    border-top-right-width: 4px;
+    border-bottom-left-width: 4px;
+    border-bottom-left-width: 4px;
+    border-color: #fff;
+    border-top-color: red;
+    border-right-color: green;
+    border-bottom-color: yellow;
+    border-left-color: blue;
+    border-radius: 4px;
+    border-style: solid;
+    border-width: 8px;
+    border: 2px dashed #333;
+    box-shadow: 1px 1px 2px #333;
+    bottom: 12px;
+    display: flex;
+    flex: 1;
+    flex-direction: row;
+    flex-grow: 1;
+    flex-shrink: 1;
+    flex-wrap: wrap;
+    height: 32px;
+    justify-content: flex-start;
+    left: 8px;
+    margin: 12px;
+    margin-bottom: 4px;
+    margin-left: 8px;
+    margin-right: 8px;
+    margin-top: 8px;
+    max-height: 120px;
+    min-height: 32px;
+    max-width: 180px;
+    min-width: 20px;
+    opacity: 1;
+    overflow: hidden;
+    padding: 4px;
+    padding-bottom: 8px;
+    padding-left: 4px;
+    padding-right: 6px;
+    padding-top: 2px;
+    position: absolute;
+    right: 12px;
+    top: 8px;
+    width: 240px;
+    z-index: 2;
+}