@wavemaker-ai/app-rn-runtime 1.0.0-rc.647469

package/components/data/list/list-action-template/list-action-template.component.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import { View } from 'react-native';
+import { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';
+import WmListActionTemplateProps from './list-action-template.props';
+import { DEFAULT_CLASS } from './list-action-template.styles';
+export class WmListActionTemplateState extends BaseComponentState {}
+export default class WmListActionTemplate extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmListActionTemplateProps(), new WmListActionTemplateState());
+  }
+  getTemplate() {
+    return /*#__PURE__*/React.createElement(View, {
+      style: this.styles.root
+    }, this._background, this.props.children);
+  }
+  componentDidMount() {
+    const list = this.parent;
+    if (this.state.props.actionplacement === 'left') {
+      list.leftActionTemplate = this;
+    } else if (this.state.props.actionplacement === 'right') {
+      list.rightActionTemplate = this;
+    }
+  }
+  renderWidget(props) {
+    return null;
+  }
+}
+//# sourceMappingURL=list-action-template.component.js.map

package/components/data/list/list-action-template/list-action-template.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmListActionTemplateProps","DEFAULT_CLASS","WmListActionTemplateState","WmListActionTemplate","constructor","props","getTemplate","createElement","style","styles","root","_background","children","componentDidMount","list","parent","state","actionplacement","leftActionTemplate","rightActionTemplate","renderWidget"],"sources":["list-action-template.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';\n\nimport WmListActionTemplateProps from './list-action-template.props';\nimport { DEFAULT_CLASS, WmListActionTemplateStyles } from './list-action-template.styles';\nimport WmList from '../list.component';\n\nexport class WmListActionTemplateState extends BaseComponentState<WmListActionTemplateProps> { }\n\nexport default class WmListActionTemplate extends BaseComponent<WmListActionTemplateProps, WmListActionTemplateState, WmListActionTemplateStyles> {\n\n  constructor(props: WmListActionTemplateProps) {\n    super(props, DEFAULT_CLASS, new WmListActionTemplateProps(), new WmListActionTemplateState());\n  }\n\n  getTemplate() {\n    return (\n      <View style={this.styles.root}>{this._background}\n        {this.props.children}\n      </View>);\n  }\n\n  componentDidMount(): void {\n      const list = (this.parent) as WmList;\n      if (this.state.props.actionplacement === 'left') {\n        list.leftActionTemplate = this;\n      } else if (this.state.props.actionplacement === 'right') {\n        list.rightActionTemplate = this;\n      }\n  }\n\n  renderWidget(props: WmListActionTemplateProps) {\n    return null;\n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,kDAAkD;AAEpG,OAAOC,yBAAyB,MAAM,8BAA8B;AACpE,SAASC,aAAa,QAAoC,+BAA+B;AAGzF,OAAO,MAAMC,yBAAyB,SAASH,kBAAkB,CAA4B;AAE7F,eAAe,MAAMI,oBAAoB,SAASL,aAAa,CAAmF;EAEhJM,WAAWA,CAACC,KAAgC,EAAE;IAC5C,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,yBAAyB,CAAC,CAAC,EAAE,IAAIE,yBAAyB,CAAC,CAAC,CAAC;EAC/F;EAEAI,WAAWA,CAAA,EAAG;IACZ,oBACEV,KAAA,CAAAW,aAAA,CAACV,IAAI;MAACW,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC;IAAK,GAAE,IAAI,CAACC,WAAW,EAC7C,IAAI,CAACN,KAAK,CAACO,QACR,CAAC;EACX;EAEAC,iBAAiBA,CAAA,EAAS;IACtB,MAAMC,IAAI,GAAI,IAAI,CAACC,MAAiB;IACpC,IAAI,IAAI,CAACC,KAAK,CAACX,KAAK,CAACY,eAAe,KAAK,MAAM,EAAE;MAC/CH,IAAI,CAACI,kBAAkB,GAAG,IAAI;IAChC,CAAC,MAAM,IAAI,IAAI,CAACF,KAAK,CAACX,KAAK,CAACY,eAAe,KAAK,OAAO,EAAE;MACvDH,IAAI,CAACK,mBAAmB,GAAG,IAAI;IACjC;EACJ;EAEAC,YAAYA,CAACf,KAAgC,EAAE;IAC7C,OAAO,IAAI;EACb;AACF","ignoreList":[]}

package/components/data/list/list-action-template/list-action-template.props.js

@@ -0,0 +1,12 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { BaseProps } from '@wavemaker-ai/app-rn-runtime/core/base.component';
+export default class WmListActionTemplateProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "actionplacement", null);
+    _defineProperty(this, "children", null);
+  }
+}
+//# sourceMappingURL=list-action-template.props.js.map

package/components/data/list/list-action-template/list-action-template.props.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BaseProps","WmListActionTemplateProps","constructor","args","_defineProperty"],"sources":["list-action-template.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker-ai/app-rn-runtime/core/base.component';\n\nexport default class WmListActionTemplateProps extends BaseProps {\n    actionplacement: 'left' | 'right' = null as any;\n    children? = null as any;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,kDAAkD;AAE5E,eAAe,MAAMC,yBAAyB,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,0BACzB,IAAI;IAAAA,eAAA,mBAC5B,IAAI;EAAA;AACpB","ignoreList":[]}

package/components/data/list/list-action-template/list-action-template.styles.js

@@ -0,0 +1,36 @@
+import BASE_THEME from '@wavemaker-ai/app-rn-runtime/styles/theme';
+import { defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';
+export const DEFAULT_CLASS = 'app-list-action-template';
+BASE_THEME.registerStyle((themeVariables, addStyle) => {
+  const defaultStyles = defineStyles({
+    root: {
+      flexDirection: 'row',
+      marginBottom: 6
+    },
+    text: {}
+  });
+  addStyle(DEFAULT_CLASS, '', defaultStyles);
+  addStyle('list-action-btn', '', {
+    root: {
+      backgroundColor: themeVariables.transparent,
+      borderColor: themeVariables.transparent,
+      borderWidth: 0,
+      borderRadius: 0,
+      width: 'auto',
+      justifyContent: 'center',
+      alignItems: 'center',
+      alignSelf: 'center',
+      height: '100%'
+    },
+    text: {
+      color: themeVariables.defaultColor,
+      fontSize: 14,
+      fontWeight: '600'
+    },
+    icon: {
+      root: {},
+      text: {}
+    }
+  });
+});
+//# sourceMappingURL=list-action-template.styles.js.map

package/components/data/list/list-action-template/list-action-template.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","flexDirection","marginBottom","text","backgroundColor","transparent","borderColor","borderWidth","borderRadius","width","justifyContent","alignItems","alignSelf","height","color","defaultColor","fontSize","fontWeight","icon"],"sources":["list-action-template.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker-ai/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport { WmButtonStyles } from '@wavemaker-ai/app-rn-runtime/components/basic/button/button.styles';\nimport { WmAnchorStyles } from '@wavemaker-ai/app-rn-runtime/components/basic/anchor/anchor.styles';\n\nexport type WmListActionTemplateStyles = BaseStyles & {};\n\nexport const DEFAULT_CLASS = 'app-list-action-template';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles = defineStyles<WmListActionTemplateStyles>({\n        root: {\n            flexDirection: 'row',\n            marginBottom: 6\n        },\n        text: {}\n    });\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n    addStyle('list-action-btn', '', {\n        root: {\n          backgroundColor: themeVariables.transparent,\n          borderColor: themeVariables.transparent,\n          borderWidth: 0,\n          borderRadius: 0,\n          width: 'auto',\n          justifyContent: 'center',\n          alignItems: 'center',\n          alignSelf: 'center',\n          height: '100%'\n         },\n        text: {\n          color: themeVariables.defaultColor,\n          fontSize: 14,\n          fontWeight: '600',\n        },\n        icon: {\n          root: {},\n          text: {}\n        }\n      } as any as WmButtonStyles);\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,2CAA2C;AAClE,SAAqBC,YAAY,QAAQ,kDAAkD;AAM3F,OAAO,MAAMC,aAAa,GAAG,0BAA0B;AACvDF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAAa,GAAGL,YAAY,CAA6B;IAC3DM,IAAI,EAAE;MACFC,aAAa,EAAE,KAAK;MACpBC,YAAY,EAAE;IAClB,CAAC;IACDC,IAAI,EAAE,CAAC;EACX,CAAC,CAAC;EACFL,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAC1CD,QAAQ,CAAC,iBAAiB,EAAE,EAAE,EAAE;IAC5BE,IAAI,EAAE;MACJI,eAAe,EAAEP,cAAc,CAACQ,WAAW;MAC3CC,WAAW,EAAET,cAAc,CAACQ,WAAW;MACvCE,WAAW,EAAE,CAAC;MACdC,YAAY,EAAE,CAAC;MACfC,KAAK,EAAE,MAAM;MACbC,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE,QAAQ;MACpBC,SAAS,EAAE,QAAQ;MACnBC,MAAM,EAAE;IACT,CAAC;IACFV,IAAI,EAAE;MACJW,KAAK,EAAEjB,cAAc,CAACkB,YAAY;MAClCC,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAE;IACd,CAAC;IACDC,IAAI,EAAE;MACJlB,IAAI,EAAE,CAAC,CAAC;MACRG,IAAI,EAAE,CAAC;IACT;EACF,CAA0B,CAAC;AACjC,CAAC,CAAC","ignoreList":[]}

package/components/data/list/list-template/list-template.component.js

@@ -0,0 +1,55 @@
+import React from 'react';
+import { View } from 'react-native';
+import { isNil } from 'lodash';
+import { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';
+import { AutoLayoutHost } from '@wavemaker-ai/app-rn-runtime/core/auto-layout-host.component';
+import { isAutoLayout, getContentContainerStyle, getDirectionStyle, getDimensionStyle, extractAutoLayoutProps } from '@wavemaker-ai/app-rn-runtime/core/auto-layout.utils';
+import WmListTemplateProps from './list-template.props';
+import { DEFAULT_CLASS } from './list-template.styles';
+import { createSkeleton } from '@wavemaker-ai/app-rn-runtime/components/basic/skeleton/skeleton.component';
+export class WmListTemplateState extends BaseComponentState {}
+export default class WmListTemplate extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmListTemplateProps());
+  }
+  renderWidget(props) {
+    var _style;
+    if (this._showSkeleton && !props.showskeletonchildren) {
+      return createSkeleton(this.theme, this.styles.skeleton, {
+        ...this.styles.root
+      }, /*#__PURE__*/React.createElement(View, {
+        style: [this.styles.root, {
+          opacity: 0
+        }]
+      }, props.children));
+    }
+    const list = this.parent;
+    const listProps = list.state.props;
+    const isHorizontalList = listProps.direction === 'row';
+    const noOfCols = list.getNoOfColumns();
+    let style = this.theme.getStyle(isHorizontalList ? 'horizontal-list-template' : 'vertical-list-template');
+    if (isNil(style['flex']) && !isHorizontalList && noOfCols === 1) {
+      style = this.theme.mergeStyle({
+        root: {
+          flex: 1
+        }
+      }, style);
+    }
+    const styles = [this.styles.root, (_style = style) === null || _style === void 0 ? void 0 : _style.root];
+    if (this._showSkeleton) {
+      styles.push(this.styles.skeleton.root);
+    }
+    const autoLayoutProps = extractAutoLayoutProps(props);
+    const hasAutoLayout = isAutoLayout(autoLayoutProps);
+    const dimensionStyle = hasAutoLayout ? getDimensionStyle(autoLayoutProps, this.styles.root) : {};
+    const contentStyle = hasAutoLayout ? [getDirectionStyle(autoLayoutProps), getContentContainerStyle(autoLayoutProps)] : [];
+    styles.push(dimensionStyle);
+    return /*#__PURE__*/React.createElement(AutoLayoutHost, {
+      autoLayoutProps: autoLayoutProps,
+      containerStyle: styles,
+      contentStyle: contentStyle,
+      onLayout: event => this.handleLayout(event)
+    }, this._background, props.children);
+  }
+}
+//# sourceMappingURL=list-template.component.js.map

package/components/data/list/list-template/list-template.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","isNil","BaseComponent","BaseComponentState","AutoLayoutHost","isAutoLayout","getContentContainerStyle","getDirectionStyle","getDimensionStyle","extractAutoLayoutProps","WmListTemplateProps","DEFAULT_CLASS","createSkeleton","WmListTemplateState","WmListTemplate","constructor","props","renderWidget","_style","_showSkeleton","showskeletonchildren","theme","styles","skeleton","root","createElement","style","opacity","children","list","parent","listProps","state","isHorizontalList","direction","noOfCols","getNoOfColumns","getStyle","mergeStyle","flex","push","autoLayoutProps","hasAutoLayout","dimensionStyle","contentStyle","containerStyle","onLayout","event","handleLayout","_background"],"sources":["list-template.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { isNil } from 'lodash';\nimport { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport { AutoLayoutHost } from '@wavemaker-ai/app-rn-runtime/core/auto-layout-host.component';\nimport {\n  isAutoLayout,\n  getContentContainerStyle,\n  getDirectionStyle,\n  getDimensionStyle,\n  extractAutoLayoutProps,\n} from '@wavemaker-ai/app-rn-runtime/core/auto-layout.utils';\n\nimport WmListTemplateProps from './list-template.props';\nimport { DEFAULT_CLASS, WmListTemplateStyles } from './list-template.styles';\nimport WmList from '../list.component';\nimport { createSkeleton } from '@wavemaker-ai/app-rn-runtime/components/basic/skeleton/skeleton.component';\n\nexport class WmListTemplateState extends BaseComponentState<WmListTemplateProps> {\n\n}\n\nexport default class WmListTemplate extends BaseComponent<WmListTemplateProps, WmListTemplateState, WmListTemplateStyles> {\n\n  constructor(props: WmListTemplateProps) {\n    super(props, DEFAULT_CLASS, new WmListTemplateProps());\n  }\n\n  renderWidget(props: WmListTemplateProps) {\n\n    if(this._showSkeleton && !props.showskeletonchildren) {\n      return createSkeleton(this.theme, this.styles.skeleton, {\n        ...this.styles.root,\n       }, (<View style={[this.styles.root, {opacity: 0}]}>\n        {props.children}\n      </View>))\n    }\n\n    const list = (this.parent as WmList);\n    const listProps = list.state.props;\n    const isHorizontalList = listProps.direction === 'row';\n    const noOfCols = list.getNoOfColumns();\n    let style = this.theme.getStyle( isHorizontalList ? 'horizontal-list-template' : 'vertical-list-template');\n    if (isNil(style['flex']) && !isHorizontalList && noOfCols === 1) {\n        style = this.theme.mergeStyle({root: {flex: 1}}, style);\n    }\n    const styles: any[] = [this.styles.root, style?.root];\n    if(this._showSkeleton) {\n      styles.push(this.styles.skeleton.root)\n    }\n\n    const autoLayoutProps = extractAutoLayoutProps(props);\n    const hasAutoLayout = isAutoLayout(autoLayoutProps);\n    const dimensionStyle = hasAutoLayout ? getDimensionStyle(autoLayoutProps, this.styles.root) : {};\n    const contentStyle = hasAutoLayout\n      ? [getDirectionStyle(autoLayoutProps), getContentContainerStyle(autoLayoutProps)]\n      : [];\n\n    styles.push(dimensionStyle);\n\n    return (\n      <AutoLayoutHost\n        autoLayoutProps={autoLayoutProps}\n        containerStyle={styles}\n        contentStyle={contentStyle}\n        onLayout={(event) => this.handleLayout(event)}\n      >\n        {this._background}\n        {props.children}\n      </AutoLayoutHost>\n    ); \n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/data/list/list-template/list-template.props.js

@@ -0,0 +1,13 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { BaseProps } from '@wavemaker-ai/app-rn-runtime/core/base.component';
+class WmListTemplateProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "children", void 0);
+    _defineProperty(this, "showskeletonchildren", true);
+  }
+}
+export default WmListTemplateProps;
+//# sourceMappingURL=list-template.props.js.map

package/components/data/list/list-template/list-template.props.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BaseProps","WmListTemplateProps","constructor","args","_defineProperty"],"sources":["list-template.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport { AutoLayoutProps } from '@wavemaker-ai/app-rn-runtime/core/auto-layout.utils';\n\ninterface WmListTemplateProps extends AutoLayoutProps {}\n\nclass WmListTemplateProps extends BaseProps {\n  children: any;\n  showskeletonchildren = true;\n}\nexport default WmListTemplateProps;"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,kDAAkD;AAK5E,MAAMC,mBAAmB,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA;IAAAA,eAAA,+BAEnB,IAAI;EAAA;AAC7B;AACA,eAAeH,mBAAmB","ignoreList":[]}

package/components/data/list/list-template/list-template.styles.js

@@ -0,0 +1,35 @@
+import BASE_THEME from '@wavemaker-ai/app-rn-runtime/styles/theme';
+import { defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';
+export const DEFAULT_CLASS = 'app-list-template';
+BASE_THEME.registerStyle((themeVariables, addStyle) => {
+  const defaultStyles = defineStyles({
+    root: {
+      backgroundColor: themeVariables.listHeaderBgColor
+    },
+    text: {},
+    skeleton: {
+      root: {
+        backgroundColor: themeVariables.skeletonBgColor,
+        paddingLeft: 10,
+        paddingRight: 10,
+        paddingTop: 16,
+        paddingBottom: 16,
+        flex: 1
+      }
+    }
+  });
+  addStyle(DEFAULT_CLASS, '', defaultStyles);
+  addStyle('list-card-template', '', {
+    root: {
+      borderBottomWidth: 0
+      // marginLeft: 35,
+    }
+  });
+  addStyle('horizontal-list-template', '', {
+    root: {}
+  });
+  addStyle('vertical-list-template', '', {
+    root: {}
+  });
+});
+//# sourceMappingURL=list-template.styles.js.map

package/components/data/list/list-template/list-template.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","backgroundColor","listHeaderBgColor","text","skeleton","skeletonBgColor","paddingLeft","paddingRight","paddingTop","paddingBottom","flex","borderBottomWidth"],"sources":["list-template.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker-ai/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport { WmSkeletonStyles } from '@wavemaker-ai/app-rn-runtime/components/basic/skeleton/skeleton.styles';\n\nexport type WmListTemplateStyles = BaseStyles & {\n    skeleton: WmSkeletonStyles\n};\n\nexport const DEFAULT_CLASS = 'app-list-template';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmListTemplateStyles = defineStyles<WmListTemplateStyles>({\n        root: {\n            backgroundColor: themeVariables.listHeaderBgColor,\n        },\n        text: {},\n        skeleton: {\n            root: {\n                backgroundColor: themeVariables.skeletonBgColor,\n                paddingLeft: 10,\n                paddingRight: 10,\n                paddingTop: 16,\n                paddingBottom: 16,\n                flex: 1\n            }\n        } as any as WmSkeletonStyles\n    });\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n    addStyle('list-card-template', '', {\n        root : {\n            borderBottomWidth: 0,\n            // marginLeft: 35,\n        }\n    } as WmListTemplateStyles);\n    addStyle('horizontal-list-template', '', {\n        root : {}\n    } as WmListTemplateStyles);\n    addStyle('vertical-list-template', '', {\n        root : {\n        }\n    } as WmListTemplateStyles);\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,2CAA2C;AAClE,SAAqBC,YAAY,QAAQ,kDAAkD;AAO3F,OAAO,MAAMC,aAAa,GAAG,mBAAmB;AAChDF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAAmC,GAAGL,YAAY,CAAuB;IAC3EM,IAAI,EAAE;MACFC,eAAe,EAAEJ,cAAc,CAACK;IACpC,CAAC;IACDC,IAAI,EAAE,CAAC,CAAC;IACRC,QAAQ,EAAE;MACNJ,IAAI,EAAE;QACFC,eAAe,EAAEJ,cAAc,CAACQ,eAAe;QAC/CC,WAAW,EAAE,EAAE;QACfC,YAAY,EAAE,EAAE;QAChBC,UAAU,EAAE,EAAE;QACdC,aAAa,EAAE,EAAE;QACjBC,IAAI,EAAE;MACV;IACJ;EACJ,CAAC,CAAC;EAEFZ,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAC1CD,QAAQ,CAAC,oBAAoB,EAAE,EAAE,EAAE;IAC/BE,IAAI,EAAG;MACHW,iBAAiB,EAAE;MACnB;IACJ;EACJ,CAAyB,CAAC;EAC1Bb,QAAQ,CAAC,0BAA0B,EAAE,EAAE,EAAE;IACrCE,IAAI,EAAG,CAAC;EACZ,CAAyB,CAAC;EAC1BF,QAAQ,CAAC,wBAAwB,EAAE,EAAE,EAAE;IACnCE,IAAI,EAAG,CACP;EACJ,CAAyB,CAAC;AAC9B,CAAC,CAAC","ignoreList":[]}