@churchapps/apphelper 0.2.94 → 0.2.96

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/components/header/PrimaryMenu.js +1 -1
  2. package/dist/components/header/PrimaryMenu.js.map +1 -1
  3. package/dist/components/markdownEditor/MarkdownPreviewLight.js +1 -1
  4. package/dist/components/markdownEditor/MarkdownPreviewLight.js.map +1 -1
  5. package/dist/public/css/styles.css +5 -0
  6. package/package.json +1 -1
  7. package/public/css/styles.css +5 -0
  8. package/src/components/header/PrimaryMenu.tsx +1 -1
  9. package/src/components/markdownEditor/MarkdownPreviewLight.tsx +1 -1
package/dist/components/header/PrimaryMenu.js CHANGED
@@ -34,7 +34,7 @@ const PrimaryMenu = (props) => {
34
34
  });
35
35
  return result;
36
36
  };
37
- return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(material_1.Button, { onClick: handleClick, color: "inherit", "aria-controls": open ? "account-menu" : undefined, "aria-haspopup": "true", "aria-expanded": open ? "true" : undefined, endIcon: (0, jsx_runtime_1.jsx)(material_1.Icon, { children: "expand_more" }), id: "primaryNavButton", children: [(0, jsx_runtime_1.jsx)("img", { src: "/images/logo-icon.png", alt: "Primary Menu" }), (0, jsx_runtime_1.jsx)("h2", { style: { lineHeight: 1 }, children: props.label })] }), (0, jsx_runtime_1.jsx)(material_1.Menu, { anchorEl: anchorEl, id: "account-menu", open: anchorEl !== null, onClose: handleClose, slotProps: { paper: paperProps }, transformOrigin: { horizontal: "right", vertical: "top" }, anchorOrigin: { horizontal: "right", vertical: "bottom" }, sx: { "& .MuiBox-root": { borderBottom: 0 } }, children: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { borderBottom: 1, borderColor: "divider" }, id: "primaryMenu", children: getNavItems() }) })] }));
37
+ return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(material_1.Button, { onClick: handleClick, color: "inherit", "aria-controls": open ? "account-menu" : undefined, "aria-haspopup": "true", "aria-expanded": open ? "true" : undefined, endIcon: (0, jsx_runtime_1.jsx)(material_1.Icon, { children: "expand_more" }), id: "primaryNavButton", children: [(0, jsx_runtime_1.jsx)("img", { src: "/images/logo-icon.png", alt: "Primary Menu" }), (0, jsx_runtime_1.jsx)("h2", { children: props.label })] }), (0, jsx_runtime_1.jsx)(material_1.Menu, { anchorEl: anchorEl, id: "account-menu", open: anchorEl !== null, onClose: handleClose, slotProps: { paper: paperProps }, transformOrigin: { horizontal: "right", vertical: "top" }, anchorOrigin: { horizontal: "right", vertical: "bottom" }, sx: { "& .MuiBox-root": { borderBottom: 0 } }, children: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { borderBottom: 1, borderColor: "divider" }, id: "primaryMenu", children: getNavItems() }) })] }));
38
38
  };
39
39
  exports.PrimaryMenu = PrimaryMenu;
40
40
  //# sourceMappingURL=PrimaryMenu.js.map
package/dist/components/header/PrimaryMenu.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"PrimaryMenu.js","sourceRoot":"","sources":["../../../src/components/header/PrimaryMenu.tsx"],"names":[],"mappings":";;;;;;;AAAA,kDAA0B;AAC1B,4CAAwD;AACxD,gDAA6C;AAQtC,MAAM,WAAW,GAAG,CAAC,KAAW,EAAE,EAAE;IACzC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAqB,IAAI,CAAC,CAAC;IACzE,MAAM,IAAI,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;IAE/B,MAAM,WAAW,GAAG,GAAG,EAAE,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;IAEjD,MAAM,WAAW,GAAG,CAAC,CAAgC,EAAE,EAAE;QACvD,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG;QACjB,SAAS,EAAE,CAAC;QACZ,EAAE,EAAE;YACF,eAAe,EAAE,WAAW;YAC5B,KAAK,EAAE,MAAM;YACb,QAAQ,EAAE,SAAS;YACnB,MAAM,EAAE,2CAA2C;YAEnD,mBAAmB,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,EAAE,EAAE,EAAE,CAAC,EAAE;YAC/D,QAAQ,EAAE,GAAG;SACd;KACF,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,MAAM,GAAkB,EAAE,CAAC;QAC/B,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YAC7B,MAAM,CAAC,IAAI,CAAC,uBAAC,iBAAO,IAAC,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAiB,UAAU,EAAE,KAAK,CAAC,UAAU,IAAtC,IAAI,CAAC,GAAG,CAAkC,CAAC,CAAC;QACzI,CAAC,CAAC,CAAC;QACH,OAAO,MAAM,CAAC;IAChB,CAAC,CAAA;IAED,OAAO,CAAC,6DACN,wBAAC,iBAAM,IAAC,OAAO,EAAE,WAAW,EAAE,KAAK,EAAC,SAAS,mBAAgB,IAAI,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,mBAAgB,MAAM,mBAAgB,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAAE,OAAO,EAAE,uBAAC,eAAI,8BAAmB,EAAE,EAAE,EAAC,kBAAkB,aACrN,gCAAK,GAAG,EAAC,uBAAuB,EAAC,GAAG,EAAC,cAAc,GAAG,EACtD,+BAAI,KAAK,EAAE,EAAC,UAAU,EAAC,CAAC,EAAC,YAAG,KAAK,CAAC,KAAK,GAAM,IACtC,EAET,uBAAC,eAAI,IAAC,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAC,cAAc,EAAC,IAAI,EAAE,QAAQ,KAAG,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,eAAe,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,YAAY,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,EAAE,gBAAgB,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,EAAE,YAC5R,uBAAC,cAAG,IAAC,EAAE,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,WAAW,EAAE,SAAS,EAAE,EAAE,EAAE,EAAC,aAAa,YACnE,WAAW,EAAE,GACV,GACD,IACN,CAEF,CAAA;AACH,CAAC,CAAA;AA9CY,QAAA,WAAW,eA8CvB"}
1
+ {"version":3,"file":"PrimaryMenu.js","sourceRoot":"","sources":["../../../src/components/header/PrimaryMenu.tsx"],"names":[],"mappings":";;;;;;;AAAA,kDAA0B;AAC1B,4CAAwD;AACxD,gDAA6C;AAQtC,MAAM,WAAW,GAAG,CAAC,KAAW,EAAE,EAAE;IACzC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAqB,IAAI,CAAC,CAAC;IACzE,MAAM,IAAI,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;IAE/B,MAAM,WAAW,GAAG,GAAG,EAAE,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;IAEjD,MAAM,WAAW,GAAG,CAAC,CAAgC,EAAE,EAAE;QACvD,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG;QACjB,SAAS,EAAE,CAAC;QACZ,EAAE,EAAE;YACF,eAAe,EAAE,WAAW;YAC5B,KAAK,EAAE,MAAM;YACb,QAAQ,EAAE,SAAS;YACnB,MAAM,EAAE,2CAA2C;YAEnD,mBAAmB,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,EAAE,EAAE,EAAE,CAAC,EAAE;YAC/D,QAAQ,EAAE,GAAG;SACd;KACF,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,MAAM,GAAkB,EAAE,CAAC;QAC/B,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YAC7B,MAAM,CAAC,IAAI,CAAC,uBAAC,iBAAO,IAAC,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAiB,UAAU,EAAE,KAAK,CAAC,UAAU,IAAtC,IAAI,CAAC,GAAG,CAAkC,CAAC,CAAC;QACzI,CAAC,CAAC,CAAC;QACH,OAAO,MAAM,CAAC;IAChB,CAAC,CAAA;IAED,OAAO,CAAC,6DACN,wBAAC,iBAAM,IAAC,OAAO,EAAE,WAAW,EAAE,KAAK,EAAC,SAAS,mBAAgB,IAAI,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,mBAAgB,MAAM,mBAAgB,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAAE,OAAO,EAAE,uBAAC,eAAI,8BAAmB,EAAE,EAAE,EAAC,kBAAkB,aACrN,gCAAK,GAAG,EAAC,uBAAuB,EAAC,GAAG,EAAC,cAAc,GAAG,EACtD,yCAAK,KAAK,CAAC,KAAK,GAAM,IACf,EAET,uBAAC,eAAI,IAAC,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAC,cAAc,EAAC,IAAI,EAAE,QAAQ,KAAG,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,eAAe,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,YAAY,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,EAAE,gBAAgB,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,EAAE,YAC5R,uBAAC,cAAG,IAAC,EAAE,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,WAAW,EAAE,SAAS,EAAE,EAAE,EAAE,EAAC,aAAa,YACnE,WAAW,EAAE,GACV,GACD,IACN,CAEF,CAAA;AACH,CAAC,CAAA;AA9CY,QAAA,WAAW,eA8CvB"}
package/dist/components/markdownEditor/MarkdownPreviewLight.js CHANGED
@@ -37,7 +37,7 @@ function MarkdownPreviewLight({ value: markdownString = "", textAlign }) {
37
37
  });
38
38
  return convertedText;
39
39
  };
40
- const convertedText = getSpecialLinks(markdownString);
40
+ const convertedText = getSpecialLinks(markdownString || "");
41
41
  const html = marked_1.marked.parse(convertedText || "");
42
42
  const style = (textAlign) ? { textAlign } : {};
43
43
  return (0, jsx_runtime_1.jsx)("div", { style: style, dangerouslySetInnerHTML: { __html: html } });
package/dist/components/markdownEditor/MarkdownPreviewLight.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"MarkdownPreviewLight.js","sourceRoot":"","sources":["../../../src/components/markdownEditor/MarkdownPreviewLight.tsx"],"names":[],"mappings":";;;;AAAA,mCAA8B;AAQ9B,SAAgB,oBAAoB,CAAC,EAAE,KAAK,EAAE,cAAc,GAAG,EAAE,EAAE,SAAS,EAAS;IACnF,IAAI,cAAc,KAAK,IAAI,IAAI,cAAc,KAAK,SAAS;QAAE,OAAO,EAAE,CAAC;IAEvE,MAAM,mBAAmB,GAAG,CAAC,KAAa,EAAE,EAAE;QAC5C,IAAI,MAAM,GAAG,EAAE,CAAC;QAChB,MAAM,UAAU,GAAG,eAAe,CAAC;QACnC,MAAM,OAAO,GAAG,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,CAAA;QACvC,IAAI,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE;YACjC,IAAI,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YAChC,OAAO,GAAG,OAAO,CAAC,UAAU,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;YACtC,MAAM,GAAG,WAAW,GAAG,OAAO,GAAG,IAAI,CAAC;SACvC;QACD,MAAM,WAAW,GAAG,oBAAoB,CAAC;QACzC,IAAI,OAAO,GAAG,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACtC,IAAI,OAAO;YAAE,MAAM,IAAI,GAAG,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;QACzD,OAAO,MAAM,CAAC;IAChB,CAAC,CAAA;IAED,sBAAsB;IACtB,oBAAoB;IACpB,oCAAoC;IACpC,6CAA6C;IAC7C,MAAM,eAAe,GAAG,CAAC,cAAsB,EAAE,EAAE;QACjD,MAAM,KAAK,GAAG,sCAAsC,CAAC;QACrD,MAAM,aAAa,GAAG,cAAc,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE;YAC9E,IAAI,CAAC,KAAK;gBAAE,OAAO,EAAE,CAAC;YACtB,IAAI,MAAM,GAAG,YAAY,GAAG,GAAG,GAAG,IAAI,CAAC;YACvC,MAAM,IAAI,mBAAmB,CAAC,KAAK,CAAC,CAAC;YACrC,MAAM,IAAI,GAAG,GAAG,IAAI,GAAG,MAAM,CAAC;YAC9B,OAAO,MAAM,CAAC;QAChB,CAAC,CAAC,CAAC;QACH,OAAO,aAAa,CAAA;IACtB,CAAC,CAAA;IAED,MAAM,aAAa,GAAG,eAAe,CAAC,cAAc,CAAC,CAAC;IACtD,MAAM,IAAI,GAAG,eAAM,CAAC,KAAK,CAAC,aAAa,IAAI,EAAE,CAAC,CAAA;IAC9C,MAAM,KAAK,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAC,SAAS,EAAC,CAAC,CAAC,CAAC,EAAE,CAAA;IAC5C,OAAO,gCAAK,KAAK,EAAE,KAAK,EAAE,uBAAuB,EAAE,EAAC,MAAM,EAAE,IAAc,EAAC,GAAQ,CAAA;AACrF,CAAC;AAtCD,oDAsCC"}
1
+ {"version":3,"file":"MarkdownPreviewLight.js","sourceRoot":"","sources":["../../../src/components/markdownEditor/MarkdownPreviewLight.tsx"],"names":[],"mappings":";;;;AAAA,mCAA8B;AAQ9B,SAAgB,oBAAoB,CAAC,EAAE,KAAK,EAAE,cAAc,GAAG,EAAE,EAAE,SAAS,EAAS;IACnF,IAAI,cAAc,KAAK,IAAI,IAAI,cAAc,KAAK,SAAS;QAAE,OAAO,EAAE,CAAC;IAEvE,MAAM,mBAAmB,GAAG,CAAC,KAAa,EAAE,EAAE;QAC5C,IAAI,MAAM,GAAG,EAAE,CAAC;QAChB,MAAM,UAAU,GAAG,eAAe,CAAC;QACnC,MAAM,OAAO,GAAG,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,CAAA;QACvC,IAAI,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE;YACjC,IAAI,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YAChC,OAAO,GAAG,OAAO,CAAC,UAAU,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;YACtC,MAAM,GAAG,WAAW,GAAG,OAAO,GAAG,IAAI,CAAC;SACvC;QACD,MAAM,WAAW,GAAG,oBAAoB,CAAC;QACzC,IAAI,OAAO,GAAG,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACtC,IAAI,OAAO;YAAE,MAAM,IAAI,GAAG,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;QACzD,OAAO,MAAM,CAAC;IAChB,CAAC,CAAA;IAED,sBAAsB;IACtB,oBAAoB;IACpB,oCAAoC;IACpC,6CAA6C;IAC7C,MAAM,eAAe,GAAG,CAAC,cAAsB,EAAE,EAAE;QACjD,MAAM,KAAK,GAAG,sCAAsC,CAAC;QACrD,MAAM,aAAa,GAAG,cAAc,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE;YAC9E,IAAI,CAAC,KAAK;gBAAE,OAAO,EAAE,CAAC;YACtB,IAAI,MAAM,GAAG,YAAY,GAAG,GAAG,GAAG,IAAI,CAAC;YACvC,MAAM,IAAI,mBAAmB,CAAC,KAAK,CAAC,CAAC;YACrC,MAAM,IAAI,GAAG,GAAG,IAAI,GAAG,MAAM,CAAC;YAC9B,OAAO,MAAM,CAAC;QAChB,CAAC,CAAC,CAAC;QACH,OAAO,aAAa,CAAA;IACtB,CAAC,CAAA;IAED,MAAM,aAAa,GAAG,eAAe,CAAC,cAAc,IAAI,EAAE,CAAC,CAAC;IAC5D,MAAM,IAAI,GAAG,eAAM,CAAC,KAAK,CAAC,aAAa,IAAI,EAAE,CAAC,CAAA;IAC9C,MAAM,KAAK,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAC,SAAS,EAAC,CAAC,CAAC,CAAC,EAAE,CAAA;IAC5C,OAAO,gCAAK,KAAK,EAAE,KAAK,EAAE,uBAAuB,EAAE,EAAC,MAAM,EAAE,IAAc,EAAC,GAAQ,CAAA;AACrF,CAAC;AAtCD,oDAsCC"}
package/dist/public/css/styles.css CHANGED
@@ -67,6 +67,11 @@
67
67
  margin-right:15px;
68
68
  }
69
69
 
70
+ #primaryNavButton h2 {
71
+ text-wrap: nowrap;
72
+ line-height: 1;
73
+ }
74
+
70
75
  #banner {
71
76
  background-color:var(--c1l2);
72
77
  color: #FFF;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@churchapps/apphelper",
3
- "version": "0.2.94",
3
+ "version": "0.2.96",
4
4
  "description": "Library of helper functions for React and NextJS ChurchApps",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
package/public/css/styles.css CHANGED
@@ -67,6 +67,11 @@
67
67
  margin-right:15px;
68
68
  }
69
69
 
70
+ #primaryNavButton h2 {
71
+ text-wrap: nowrap;
72
+ line-height: 1;
73
+ }
74
+
70
75
  #banner {
71
76
  background-color:var(--c1l2);
72
77
  color: #FFF;
package/src/components/header/PrimaryMenu.tsx CHANGED
@@ -43,7 +43,7 @@ export const PrimaryMenu = (props:Props) => {
43
43
  return (<>
44
44
  <Button onClick={handleClick} color="inherit" aria-controls={open ? "account-menu" : undefined} aria-haspopup="true" aria-expanded={open ? "true" : undefined} endIcon={<Icon>expand_more</Icon>} id="primaryNavButton">
45
45
  <img src="/images/logo-icon.png" alt="Primary Menu" />
46
- <h2 style={{lineHeight:1}}>{props.label}</h2>
46
+ <h2>{props.label}</h2>
47
47
  </Button>
48
48
 
49
49
  <Menu anchorEl={anchorEl} id="account-menu" open={anchorEl!==null} onClose={handleClose} slotProps={{ paper: paperProps }} transformOrigin={{ horizontal: "right", vertical: "top" }} anchorOrigin={{ horizontal: "right", vertical: "bottom" }} sx={{ "& .MuiBox-root": { borderBottom: 0 } }}>
package/src/components/markdownEditor/MarkdownPreviewLight.tsx CHANGED
@@ -40,7 +40,7 @@ export function MarkdownPreviewLight({ value: markdownString = "", textAlign }:
40
40
  return convertedText
41
41
  }
42
42
 
43
- const convertedText = getSpecialLinks(markdownString);
43
+ const convertedText = getSpecialLinks(markdownString || "");
44
44
  const html = marked.parse(convertedText || "")
45
45
  const style = (textAlign) ? {textAlign} : {}
46
46
  return <div style={style} dangerouslySetInnerHTML={{__html: html as string}}></div>