@cling-se/widget 0.17.0 → 1.0.0-beta.2

package/dist/mapFormMixin-D3BihYWW.js

@@ -0,0 +1,1544 @@
+import { aG as r, aK as d, p as h, dd as w, de as g, df as y, dg as x, dh as v, di as k, aa as m } from "./main-Cb-nyil1.js";
+import { t as V, c as b, a as H, g as I, b as T } from "./template-BvaNnq-g.js";
+const M = (e) => {
+  const t = Array(2).fill().map(() => r());
+  return [
+    {
+      itemId: "attachments2",
+      itemType: "section",
+      value: {
+        title: `data.title-${e}`
+      },
+      parentId: "0",
+      nodeId: t[0]
+    },
+    {
+      itemId: "attachments",
+      itemType: "attachments",
+      value: {
+        attachments: `data.files-${e}`
+      },
+      parentId: t[0],
+      nodeId: t[1]
+    }
+  ];
+}, $ = (e, t = "en") => [
+  {
+    key: `title-${e}`,
+    anyOf: [{ type: "string" }, { type: "null" }],
+    defaultValue: d.t("attachment_plural", { lng: t }).capitalize()
+  },
+  {
+    key: `files-${e}`,
+    type: "array",
+    items: {
+      $ref: `${h.api.baseUrl}/schemas/file/1.json`
+    }
+  }
+], B = ({ document: e = null }) => {
+  const t = r(), { language: i } = e || {};
+  return {
+    readView: M(t),
+    validation: $(t, i)
+  };
+}, F = (e) => [
+  {
+    itemId: "coverBlock",
+    itemType: "coverBlock",
+    value: {
+      coverBlock: `data.coverBlock-${e}`
+    },
+    parentId: "0",
+    nodeId: r()
+  }
+], A = (e, t = "en") => [
+  {
+    key: `coverBlock-${e}`,
+    defaultValue: {
+      type: "video",
+      text: `<p data-typography="title">${d.t("components:document.coverBlock.defaultText", { lng: t })}</p>`,
+      cover: {
+        video: {
+          id: "1409899",
+          url: "https://videos.pexels.com/video-files/1409899/1409899-hd_1920_1080_25fps.mp4",
+          thumbnail: "https://images.pexels.com/videos/1409899/free-video-1409899.jpg?auto=compress&cs=tinysrgb&fit=crop&h=630&w=1200",
+          provider: "pexels"
+        }
+      }
+    },
+    $ref: `${h.api.baseUrl}/schemas/coverBlock/1.json`
+  }
+], Z = (e) => ({
+  [`data.coverBlock-${e}`]: {
+    text: "<h1>We know communication</h1>",
+    cover: {
+      type: "image",
+      resourceUrl: "https://images.unsplash.com/photo-1451187580459-43490279c0fa?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1800&fit=max&ixid=eyJhcHBfaWQiOjI1MDg3fQ",
+      position: 50,
+      blur: 0
+    }
+  }
+}), D = ({
+  includeMockData: e = !1,
+  document: t = null,
+  contentData: i = null
+} = {}) => {
+  const a = r(), { language: l } = t || {};
+  let o = null;
+  return typeof i == "function" ? o = i(a) : e && (o = Z(a)), {
+    readView: F(a),
+    validation: A(a, l),
+    ...o && { data: o }
+  };
+}, W = ({ language: e = "en" } = {}) => {
+  const t = (i) => d.t(`components:account.documentForm.contentItems.coverBlock.${i}`, {
+    lng: e
+  });
+  return [
+    {
+      previewUrl: `
+        <svg viewBox="0 0 400 250" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <rect width="400" height="250" fill="#48214D"/>
+          <rect x="71" y="74" width="1.5" height="99" fill="#FAC1FD"/>
+          <text fill="#FAC1FD" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="11" letter-spacing="0em">${t("violetTestimonial.previewTitle")}</text>
+          <text fill="#FAC1FD" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="11" font-style="italic" letter-spacing="0em">${t("violetTestimonial.previewText")}</text>
+        </svg>
+      `,
+      contentData: (i) => ({
+        [`data.coverBlock-${i}`]: {
+          text: t("violetTestimonial.text"),
+          type: "color",
+          cover: {
+            backgroundColor: "hsla(293,40%,22%,1)"
+          }
+        }
+      })
+    },
+    {
+      previewUrl: `
+      <svg viewBox="0 0 400 250" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+        <g clip-path="url(#meeting-clip0)">
+        <rect x="-15" y="-55" width="642" height="362" fill="url(#pattern0)"/>
+        <text fill="white" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="40" font-weight="800" letter-spacing="0em">${t("ourWorkCouch.previewText")}</text>
+        </g>
+        <defs>
+        <pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
+        <use xlink:href="#meeting-image0" transform="translate(0 -0.83011) scale(0.00039093 0.000693308)"/>
+        </pattern>
+        <clipPath id="meeting-clip0">
+        <rect width="400" height="250" fill="white"/>
+        </clipPath>
+        <image id="meeting-image0" width="2558" height="3837" xlink:href="https://images.unsplash.com/photo-1524758870432-af57e54afa26?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=400&q=80"></image>
+        </defs>
+      </svg>
+
+      `,
+      contentData: (i) => ({
+        [`data.coverBlock-${i}`]: {
+          text: t("ourWorkCouch.text"),
+          type: "image",
+          cover: {
+            resourceUrl: "https://images.unsplash.com/photo-1524758870432-af57e54afa26?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=2558&q=80",
+            position: 50,
+            blur: 0
+          }
+        }
+      })
+    },
+    {
+      previewUrl: `
+      <svg viewBox="0 0 400 250" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+        <g clip-path="url(#clip0)">
+        <rect width="400" height="250" fill="#48214D"/>
+        <rect x="71" y="74" width="1.5" height="99" fill="#FAC1FD"/>
+        <rect x="-50" width="450" height="253.35" fill="url(#city-pattern0)"/>
+        <circle cx="200" cy="127" r="35" fill="white" fill-opacity="0.6"/>
+        <path d="M190 111.648C190 110.069 191.744 109.113 193.076 109.962L216.357 124.814C217.589 125.6 217.589 127.4 216.357 128.186L193.076 143.038C191.744 143.887 190 142.931 190 141.352V111.648Z" fill="white"/>
+        </g>
+        <defs>
+        <pattern id="city-pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
+        <use xlink:href="#city-image0" transform="scale(0.001 0.0017762)"/>
+        </pattern>
+        <clipPath id="clip0">
+        <rect width="400" height="250" fill="white"/>
+        </clipPath>
+        <image id="city-image0" width="1000" height="563" xlink:href="https://images.pexels.com/videos/2818546/free-video-2818546.jpg?auto=compress&cs=tinysrgb&dpr=2&w=500"></image>
+        </defs>
+      </svg>
+      `,
+      contentData: (i) => ({
+        [`data.coverBlock-${i}`]: {
+          text: t("flyoverSkyscraper.text"),
+          type: "video",
+          cover: {
+            video: {
+              id: "2818546",
+              url: "https://videos.pexels.com/video-files/2818546/2818546-hd_1920_1080_24fps.mp4",
+              thumbnail: "https://images.pexels.com/videos/2818546/free-video-2818546.jpg?auto=compress&cs=tinysrgb&fit=crop&h=630&w=1200",
+              provider: "pexels"
+            },
+            position: 50,
+            blur: 0
+          }
+        }
+      })
+    },
+    {
+      previewUrl: `
+      <svg viewBox="0 0 400 250" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <rect width="400" height="250" fill="url(#paint0_linear)"/>
+        <text fill="white" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="34" font-weight="800" letter-spacing="0em">${t("qualityGradient.previewTitle")}</text>
+        <text fill="white" fill-opacity="0.8" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="7" font-weight="500" letter-spacing="0em">${t("qualityGradient.previewText")}</text>
+        <defs>
+        <linearGradient id="paint0_linear" x1="400" y1="-1.934e-05" x2="-20.3924" y2="208.977" gradientUnits="userSpaceOnUse">
+        <stop stop-color="#000F97"/>
+        <stop offset="1" stop-color="#009CDF"/>
+        </linearGradient>
+        </defs>
+      </svg>
+      `,
+      contentData: (i) => ({
+        [`data.coverBlock-${i}`]: {
+          text: t("qualityGradient.text"),
+          type: "gradient",
+          cover: {
+            position: 50,
+            blur: 0,
+            gradient: {
+              type: "linear",
+              degree: 30,
+              colors: [
+                { color: "hsla(234.04,100%,29.61%,1)", percent: 0 },
+                { color: "hsla(207.22,100%,43.35%,1)", percent: 100 }
+              ]
+            }
+          }
+        }
+      })
+    },
+    {
+      previewUrl: `
+      <svg viewBox="0 0 400 250" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <rect width="400" height="250" fill="hsla(110.63,54.63%,13.5%,1)"/>
+        <text fill="hsla(41.16,100%,76.57%,1)" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="21" font-weight="800" letter-spacing="0em">${t("palmLeafProcess.previewTitle")}</text>
+        <text opacity="0.7" fill="hsla(41.16,100%,76.57%,1)" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="8" font-weight="500" letter-spacing="0em">${t("palmLeafProcess.previewText")}</text>
+      </svg>
+      `,
+      contentData: (i) => ({
+        [`data.coverBlock-${i}`]: {
+          text: t("palmLeafProcess.text"),
+          type: "color",
+          cover: {
+            backgroundColor: "hsla(110.63,54.63%,13.5%,1)"
+          }
+        }
+      })
+    }
+  ];
+}, P = () => {
+  const e = Array(5).fill().map(() => r());
+  return [
+    {
+      itemId: "parties",
+      itemType: "section",
+      value: {
+        title: "data.partiesString"
+      },
+      parentId: "0",
+      nodeId: e[0]
+    },
+    {
+      itemId: "clients",
+      itemType: "subSection",
+      value: {
+        title: "data.receiverString"
+      },
+      parentId: e[0],
+      nodeId: e[1]
+    },
+    {
+      itemId: "clientsList",
+      itemType: "party",
+      value: {
+        parties: "clients"
+      },
+      parentId: e[1],
+      nodeId: e[2]
+    },
+    {
+      itemId: "sender",
+      itemType: "subSection",
+      value: {
+        title: "data.senderString"
+      },
+      parentId: e[0],
+      nodeId: e[3]
+    },
+    {
+      itemId: "senderList",
+      itemType: "party",
+      value: {
+        parties: "data.sender"
+      },
+      parentId: e[3],
+      nodeId: e[4]
+    }
+  ];
+}, U = () => ({
+  clients: [
+    {
+      name: "Pernilla P.",
+      email: "pernilla@mail.se",
+      cellphone: "073 123 56 78",
+      documentRole: "signee",
+      type: "individual",
+      deliveryTypes: ["email"],
+      answerMethod: { accept: "signature", deny: "button" }
+    }
+  ]
+}), G = (e = "en") => [
+  { key: "senderString", anyOf: [{ type: "string" }, { type: "null" }] },
+  { key: "receiverString", anyOf: [{ type: "string" }, { type: "null" }] },
+  {
+    key: "partiesString",
+    anyOf: [{ type: "string" }, { type: "null" }],
+    defaultValue: d.t("components:document.chapters.parties.title", { lng: e })
+  }
+], z = ({
+  includeMockData: e = !1,
+  document: t = null,
+  contentData: i = null
+}) => {
+  const { language: a } = t || {};
+  let l = null;
+  return typeof i == "function" ? l = i() : e && (l = U()), {
+    readView: P(),
+    validation: G(a),
+    // Client / company will for now always exist on doc and in validation
+    ...l && { data: l }
+  };
+}, S = (e) => {
+  const t = Array(3).fill().map(() => r());
+  return [
+    {
+      itemId: "estimatedTime",
+      itemType: "section",
+      value: null,
+      isVisible: {
+        and: [
+          {
+            ">=": [{ var: `data.estimatedTimeComplete-${e}.value` }, 0]
+          },
+          { "!!": { var: `data.${e}.unitType` } }
+        ]
+      },
+      parentId: "0",
+      nodeId: t[0]
+    },
+    {
+      itemId: "estimatedTimeToComplete",
+      itemType: "subSection",
+      value: null,
+      parentId: t[0],
+      nodeId: t[1]
+    },
+    {
+      itemId: "estimatedTimeToComplete",
+      itemType: "estimatedTimeToCompleteText",
+      value: {
+        noOfTimeUnits: `data.estimatedTimeComplete-${e}.value`,
+        timeUnit: `data.estimatedTimeComplete-${e}.unitType`
+      },
+      parentId: t[1],
+      nodeId: t[2]
+    }
+  ];
+}, j = (e) => [
+  {
+    key: `estimatedTimeComplete-${e}`,
+    type: "object",
+    defaultValue: {
+      unitType: "day"
+    },
+    properties: {
+      value: {
+        anyOf: [{ type: "number" }, { type: "null" }]
+      },
+      unitType: {
+        type: "string",
+        default: "day",
+        enum: ["hour", "day", "week", "month"]
+      }
+    }
+  }
+], O = (e) => ({
+  [`estimatedTimeComplete-${e}`]: {
+    value: 4,
+    unitType: "hour"
+  }
+}), _ = ({
+  includeMockData: e = !1,
+  contentData: t = null
+}) => {
+  const i = r();
+  let a = null;
+  return typeof t == "function" ? a = t(i) : e && (a = O(i)), {
+    readView: S(i),
+    validation: j(i),
+    ...a && { data: a }
+  };
+}, E = () => {
+  const e = Array(3).fill().map(() => r());
+  return [
+    {
+      itemId: "estimatedTime",
+      itemType: "section",
+      value: null,
+      isVisible: {
+        and: [
+          { var: "data.estimatedWorkDates.startAt" },
+          { var: "data.estimatedWorkDates.endAt" }
+        ]
+      },
+      parentId: "0",
+      nodeId: e[0]
+    },
+    {
+      itemId: "estimatedWorkStartAndEndAt",
+      itemType: "subSection",
+      value: null,
+      parentId: e[0],
+      nodeId: e[1]
+    },
+    {
+      itemId: "estimatedWorkStartAndEndAt",
+      itemType: "estimatedWorkStartAndEndAtText",
+      value: {
+        startAt: "data.estimatedWorkDates.startAt",
+        endAt: "data.estimatedWorkDates.endAt"
+      },
+      parentId: e[1],
+      nodeId: e[2]
+    }
+  ];
+}, q = () => [
+  {
+    key: "estimatedWorkDates",
+    type: "object",
+    properties: {
+      startAt: { anyOf: [{ type: "null" }, { type: "string" }] },
+      endAt: { anyOf: [{ type: "null" }, { type: "string" }] }
+    }
+  }
+], N = () => ({
+  readView: E(),
+  validation: q()
+}), R = () => {
+  const e = Array(5).fill().map(() => r());
+  return [
+    {
+      itemId: "extraWorkConstructionPricingList",
+      itemType: "section",
+      value: null,
+      isVisible: {
+        or: [
+          { var: "data.extraWorkConstruction.workRate" },
+          { var: "data.extraWorkConstruction.managementRate" },
+          { var: "data.extraWorkConstruction.entrepreneurMarkupPercentage" },
+          { var: "data.extraWorkConstruction.miscMarkupPercentage" },
+          { var: "data.extraWorkConstruction.travelCosts" }
+        ]
+      },
+      parentId: "0",
+      nodeId: e[0]
+    },
+    {
+      itemId: "extraWorkConstructionPricingList",
+      itemType: "subSection",
+      value: null,
+      isVisible: {
+        or: [
+          { var: "data.extraWorkConstruction.workRate" },
+          { var: "data.extraWorkConstruction.managementRate" },
+          { var: "data.extraWorkConstruction.entrepreneurMarkupPercentage" },
+          { var: "data.extraWorkConstruction.miscMarkupPercentage" }
+        ]
+      },
+      parentId: e[0],
+      nodeId: e[1]
+    },
+    {
+      itemId: "extraWorkConstructionPricingList",
+      itemType: "extraWorkConstructionPricingList",
+      value: {
+        workPrice: "data.extraWorkConstruction.workRate",
+        managementPrice: "data.extraWorkConstruction.managementRate",
+        entrepreneurMarkupPercentage: "data.extraWorkConstruction.entrepreneurMarkupPercentage",
+        miscMarkupPercentage: "data.extraWorkConstruction.miscMarkupPercentage"
+      },
+      parentId: e[1],
+      nodeId: e[2]
+    },
+    {
+      itemId: "extraWorkTravelCosts",
+      itemType: "subSection",
+      value: null,
+      isVisible: {
+        "!!": { var: "data.extraWorkConstruction.travelCosts" }
+      },
+      parentId: e[0],
+      nodeId: e[3]
+    },
+    {
+      itemId: "extraWorkTravelCostsText",
+      itemType: "html",
+      value: {
+        content: "data.extraWorkConstruction.travelCosts"
+      },
+      parentId: e[3],
+      nodeId: e[4]
+    }
+  ];
+}, Y = () => [
+  {
+    key: "extraWorkConstruction",
+    extraWorkConstruction: {
+      type: "object",
+      properties: {
+        workRate: {
+          anyOf: [{ type: "number" }, { type: "null" }]
+        },
+        managementRate: {
+          anyOf: [{ type: "number" }, { type: "null" }]
+        },
+        entrepreneurMarkupPercentage: {
+          anyOf: [{ type: "number" }, { type: "null" }]
+        },
+        miscMarkupPercentage: {
+          anyOf: [{ type: "number" }, { type: "null" }]
+        },
+        travelCosts: {
+          anyOf: [{ type: "string" }, { type: "null" }]
+        }
+      }
+    }
+  }
+], J = () => ({
+  readView: R(),
+  validation: Y()
+  // Client / company will for now always exist on doc and in validation
+}), Q = () => {
+  const e = Array(3).fill().map(() => r());
+  return [
+    {
+      itemId: "extraWorkTimeImpact",
+      itemType: "section",
+      value: null,
+      isVisible: {
+        and: [
+          { var: "data.extraWorkTimeImpact.startAt" },
+          { var: "data.extraWorkTimeImpact.endAt" },
+          { var: "data.extraWorkTimeImpact.unit" },
+          { var: "data.extraWorkTimeImpact.noOfUnits" },
+          { var: "data.extraWorkTimeImpact.deltaDirection" }
+        ]
+      },
+      parentId: "0",
+      nodeId: e[0]
+    },
+    {
+      itemId: "extraWorkTimeImpact",
+      itemType: "subSection",
+      value: null,
+      parentId: e[0],
+      nodeId: e[1]
+    },
+    {
+      itemId: "extraWorkTimeImpactText",
+      itemType: "extraWorkTimeImpactText",
+      value: {
+        workStartAt: "data.extraWorkTimeImpact.startAt",
+        workEndAt: "data.extraWorkTimeImpact.endAt",
+        timeUnit: "data.extraWorkTimeImpact.unit",
+        noOfTimeUnits: "data.extraWorkTimeImpact.noOfUnits",
+        timeDeltaDirection: "data.extraWorkTimeImpact.deltaDirection"
+      },
+      parentId: e[1],
+      nodeId: e[2]
+    }
+  ];
+}, K = () => [
+  {
+    key: "extraWorkTimeImpact",
+    anyOf: [
+      { type: "null" },
+      {
+        type: "object",
+        required: ["startAt", "endAt", "unit", "noOfUnits", "deltaDirection"],
+        properties: {
+          startAt: { type: "string" },
+          endAt: { type: "string" },
+          unit: { type: "string" },
+          noOfUnits: { type: "number" },
+          deltaDirection: { type: "string" }
+        }
+      }
+    ]
+  }
+], X = () => ({
+  readView: Q(),
+  validation: K()
+}), e1 = (e) => [
+  {
+    itemId: `header-${e}`,
+    itemType: "header",
+    value: {
+      header: `data.header-${e}`
+    },
+    parentId: "0",
+    nodeId: r()
+  }
+], t1 = (e, t = null) => {
+  const { language: i = "en", name: a = "", theme: l } = t || {}, o = a || d.t("_common:proposal", { lng: i }).capitalize();
+  t && (t.name = o);
+  const {
+    background: n,
+    priceSummaryBackground: s,
+    backgroundFilter: p
+  } = l || {}, c = s || "hsl(228, 52%, 18%)", C = V.readability(c, "#fff") < 1.8 ? "#111111" : "#FFFFFF";
+  return [
+    {
+      key: `header-${e}`,
+      $ref: `${h.api.baseUrl}/schemas/header/2.json`,
+      defaultValue: {
+        layout: "vertical",
+        baseStyle: {
+          textAlign: "left",
+          textColor: C
+        },
+        items: [
+          {
+            type: "media",
+            size: 30,
+            media: {
+              type: "image",
+              resourceUrl: n || "https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2850&q=80",
+              overlay: !0,
+              overlayColor: p || ""
+            }
+          },
+          {
+            type: "content",
+            size: 70,
+            media: {
+              type: "color",
+              backgroundColor: c
+            },
+            value: {
+              preText: "",
+              documentName: `<p data-typography="title">${o}</p>`,
+              postText: d.t("components:document.chapters.header.postText", {
+                lng: i,
+                interpolation: { prefix: "__", suffix: "__" }
+              }),
+              showLogo: !0,
+              logotype: ""
+            }
+          }
+        ]
+      }
+    }
+  ];
+}, i1 = (e) => ({
+  [`data.header-${e}`]: {
+    layout: "vertical",
+    baseStyle: { textAlign: "left", textColor: "#FFFFFF" },
+    items: [
+      {
+        type: "media",
+        size: 30,
+        media: {
+          image: "image",
+          resourceUrl: "https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2850&q=80"
+        }
+      },
+      {
+        type: "content",
+        size: 70,
+        media: {
+          type: "color",
+          backgroundColor: "hsl(228, 52%, 18%)"
+        },
+        value: {
+          preText: "pre text",
+          documentName: "Document name",
+          postText: "post text"
+        },
+        showLogo: !0,
+        logotype: ""
+      }
+    ]
+  }
+}), a1 = ({
+  includeMockData: e = !1,
+  document: t = null,
+  contentData: i = null
+}) => {
+  const a = r();
+  let l = null;
+  return typeof i == "function" ? l = i(a) : e && (l = i1(a)), {
+    readView: e1(a),
+    validation: t1(a, t),
+    ...l && { data: l }
+  };
+}, r1 = ({ language: e = "en" } = {}) => {
+  const t = (i) => d.t(`components:account.documentForm.contentItems.header.${i}`, {
+    lng: e,
+    interpolation: { prefix: "__", suffix: "__" }
+  });
+  return [
+    {
+      previewUrl: `
+      <svg viewBox="0 0 400 250" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+        <g clip-path="url(#clip0)">
+        <rect width="400" height="250" fill="white"/>
+        <rect y="-8" width="400" height="266.667" fill="url(#pattern0)"/>
+        <rect width="400" height="250" fill="#FB0000" fill-opacity="0.7"/>
+        <text fill="white" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="24" font-weight="800" letter-spacing="0em">${t("redOverlay.previewDocumentName")}</text>
+        <text fill="white" fill-opacity="0.9" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="5" font-weight="500" letter-spacing="0em">${t("redOverlay.previewPostText")}</text>
+        <path d="M186 25.1531H189.319V23.7947H187.538V19.1259H186V25.1531Z" fill="white"/>
+        <path d="M201.726 23.4169C201.429 23.1021 201.249 22.5803 201.249 22.0496C201.249 21.5548 201.393 21.186 201.708 20.8621C202.032 20.5293 202.437 20.3584 202.895 20.3584C203.471 20.3584 203.948 20.6372 204.218 21.141H205.945C205.594 19.9176 204.326 19.009 202.94 19.009C202.122 19.009 201.249 19.3328 200.691 19.8456C200.08 20.4033 199.711 21.2579 199.711 22.1215C199.711 23.8847 201.123 25.2701 202.913 25.2701C204.74 25.2701 206.188 23.8757 206.134 22.0406L206.125 21.7257H202.545V22.9581H204.335C204.191 23.5519 203.687 23.9207 203.003 23.9207C202.518 23.9207 202.023 23.7228 201.726 23.4169Z" fill="white"/>
+        <path d="M206.651 22.0945C206.651 23.9117 208.018 25.2701 209.835 25.2701C211.617 25.2701 213.02 23.8937 213.02 22.1395C213.02 20.3764 211.617 19 209.827 19C208.054 19 206.651 20.3674 206.651 22.0945ZM208.189 22.1035C208.189 21.123 208.909 20.3584 209.835 20.3584C210.762 20.3584 211.482 21.141 211.482 22.1485C211.482 23.1381 210.771 23.9117 209.862 23.9117C208.9 23.9117 208.189 23.1381 208.189 22.1035Z" fill="white"/>
+        <path opacity="0.5" d="M192.846 22.0945C192.846 23.9117 194.213 25.2701 196.03 25.2701C197.811 25.2701 199.215 23.8937 199.215 22.1395C199.215 20.3764 197.811 19 196.021 19C194.249 19 192.846 20.3674 192.846 22.0945Z" fill="white"/>
+        <path d="M189.545 22.0945C189.545 23.9117 190.912 25.2701 192.729 25.2701C194.511 25.2701 195.914 23.8937 195.914 22.1395C195.914 20.3764 194.511 19 192.72 19C190.948 19 189.545 20.3674 189.545 22.0945Z" fill="white"/>
+        </g>
+        <defs>
+        <pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
+        <use xlink:href="#image0" transform="translate(0 -0.000625019) scale(0.0025 0.00375)"/>
+        </pattern>
+        <clipPath id="clip0">
+        <rect width="400" height="250" fill="white"/>
+        </clipPath>
+        <image id="image0" width="400" height="267" xlink:href="https://images.unsplash.com/photo-1552581234-26160f608093?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=400&q=80" />
+        </defs>
+      </svg>
+      `,
+      contentData: (i) => ({
+        [`data.header-${i}`]: {
+          layout: "center",
+          baseStyle: { textAlign: "center", textColor: "#FFFFFF" },
+          items: [
+            {
+              type: "media",
+              size: 50,
+              media: {
+                type: "image",
+                resourceUrl: "https://images.unsplash.com/photo-1552581234-26160f608093?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1800&q=80",
+                overlay: !0,
+                overlayColor: "hsla(0, 100%, 49%, 0.7)"
+              }
+            },
+            {
+              type: "content",
+              size: 50,
+              media: {
+                type: "color",
+                backgroundColor: "#000000"
+              },
+              value: {
+                preText: "",
+                documentName: t("redOverlay.documentName"),
+                postText: t("redOverlay.postText"),
+                showLogo: !0,
+                logotype: ""
+              }
+            }
+          ]
+        }
+      })
+    },
+    {
+      previewUrl: `
+      <svg viewBox="0 0 400 250" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+        <rect width="400" height="250" fill="white"/>
+        <rect width="145" height="250" fill="url(#green-pattern0)"/>
+        <path d="M186 25.1531H189.319V23.7947H187.538V19.1259H186V25.1531Z" fill="white"/>
+        <path d="M201.726 23.4169C201.429 23.1021 201.249 22.5803 201.249 22.0496C201.249 21.5548 201.393 21.186 201.708 20.8621C202.032 20.5293 202.437 20.3584 202.895 20.3584C203.471 20.3584 203.948 20.6372 204.218 21.141H205.945C205.594 19.9176 204.326 19.009 202.94 19.009C202.122 19.009 201.249 19.3328 200.691 19.8456C200.08 20.4033 199.711 21.2579 199.711 22.1215C199.711 23.8847 201.123 25.2701 202.913 25.2701C204.74 25.2701 206.188 23.8757 206.134 22.0406L206.125 21.7257H202.545V22.9581H204.335C204.191 23.5519 203.687 23.9207 203.003 23.9207C202.518 23.9207 202.023 23.7228 201.726 23.4169Z" fill="white"/>
+        <path d="M206.651 22.0945C206.651 23.9117 208.018 25.2701 209.835 25.2701C211.617 25.2701 213.02 23.8937 213.02 22.1395C213.02 20.3764 211.617 19 209.827 19C208.054 19 206.651 20.3674 206.651 22.0945ZM208.189 22.1035C208.189 21.123 208.909 20.3584 209.835 20.3584C210.762 20.3584 211.482 21.141 211.482 22.1485C211.482 23.1381 210.771 23.9117 209.862 23.9117C208.9 23.9117 208.189 23.1381 208.189 22.1035Z" fill="white"/>
+        <path opacity="0.5" d="M192.846 22.0945C192.846 23.9117 194.213 25.2701 196.03 25.2701C197.811 25.2701 199.215 23.8937 199.215 22.1395C199.215 20.3764 197.811 19 196.021 19C194.249 19 192.846 20.3674 192.846 22.0945Z" fill="white"/>
+        <path d="M189.545 22.0945C189.545 23.9117 190.912 25.2701 192.729 25.2701C194.511 25.2701 195.914 23.8937 195.914 22.1395C195.914 20.3764 194.511 19 192.72 19C190.948 19 189.545 20.3674 189.545 22.0945Z" fill="white"/>
+        <rect x="145" width="255" height="250" fill="#355A0A"/>
+        <path d="M174 28.1531H177.319V26.7947H175.538V22.1259H174V28.1531Z" fill="white"/>
+        <path d="M189.726 26.4169C189.429 26.1021 189.249 25.5803 189.249 25.0496C189.249 24.5548 189.393 24.186 189.708 23.8621C190.032 23.5293 190.437 23.3584 190.895 23.3584C191.471 23.3584 191.948 23.6372 192.218 24.141H193.945C193.594 22.9176 192.326 22.009 190.94 22.009C190.122 22.009 189.249 22.3328 188.691 22.8456C188.08 23.4033 187.711 24.2579 187.711 25.1215C187.711 26.8847 189.123 28.2701 190.913 28.2701C192.74 28.2701 194.188 26.8757 194.134 25.0406L194.125 24.7257H190.545V25.9581H192.335C192.191 26.5519 191.687 26.9207 191.003 26.9207C190.518 26.9207 190.023 26.7228 189.726 26.4169Z" fill="white"/>
+        <path d="M194.651 25.0945C194.651 26.9117 196.018 28.2701 197.835 28.2701C199.617 28.2701 201.02 26.8937 201.02 25.1395C201.02 23.3764 199.617 22 197.827 22C196.054 22 194.651 23.3674 194.651 25.0945ZM196.189 25.1035C196.189 24.123 196.909 23.3584 197.835 23.3584C198.762 23.3584 199.482 24.141 199.482 25.1485C199.482 26.1381 198.771 26.9117 197.862 26.9117C196.9 26.9117 196.189 26.1381 196.189 25.1035Z" fill="white"/>
+        <path opacity="0.5" d="M180.846 25.0945C180.846 26.9117 182.213 28.2701 184.03 28.2701C185.811 28.2701 187.215 26.8937 187.215 25.1395C187.215 23.3764 185.811 22 184.021 22C182.249 22 180.846 23.3674 180.846 25.0945Z" fill="white"/>
+        <path d="M177.545 25.0945C177.545 26.9117 178.912 28.2701 180.729 28.2701C182.511 28.2701 183.914 26.8937 183.914 25.1395C183.914 23.3764 182.511 22 180.72 22C178.948 22 177.545 23.3674 177.545 25.0945Z" fill="white"/>
+        <text fill="white" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="20" font-weight="800" letter-spacing="0em">${t("greenLeaf.previewDocumentName")}</text>
+        <text fill="white" fill-opacity="0.75" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="7" font-weight="500" letter-spacing="0em">${t("greenLeaf.previewPostText")}</text>
+        <defs>
+        <pattern id="green-pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
+        <use xlink:href="#green-image0" transform="translate(-0.0747126) scale(0.0017207 0.000998004)"/>
+        </pattern>
+        <image id="green-image0" width="668" height="1002" xlink:href="https://images.unsplash.com/photo-1563863137468-972b0c39d5b2?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=400&q=80"></image>
+        </defs>
+      </svg>
+      `,
+      contentData: (i) => ({
+        [`data.header-${i}`]: {
+          layout: "vertical",
+          baseStyle: { textAlign: "left", textColor: "#FFFFFF" },
+          items: [
+            {
+              type: "media",
+              size: 35,
+              media: {
+                type: "image",
+                resourceUrl: "https://images.unsplash.com/photo-1563863137468-972b0c39d5b2?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1800&q=80"
+              }
+            },
+            {
+              type: "content",
+              size: 65,
+              media: {
+                type: "color",
+                backgroundColor: "#355A0A"
+              },
+              value: {
+                preText: "",
+                documentName: t("greenLeaf.documentName"),
+                postText: t("greenLeaf.postText"),
+                showLogo: !0,
+                logotype: ""
+              }
+            }
+          ]
+        }
+      })
+    },
+    {
+      previewUrl: `
+      <svg viewBox="0 0 400 250" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+        <rect width="400" height="250" fill="white"/>
+        <rect y="146" width="400" height="104" fill="url(#corporate-pattern0)"/>
+        <path d="M186 25.1531H189.319V23.7947H187.538V19.1259H186V25.1531Z" fill="white"/>
+        <path d="M201.726 23.4169C201.429 23.1021 201.249 22.5803 201.249 22.0496C201.249 21.5548 201.393 21.186 201.708 20.8621C202.032 20.5293 202.437 20.3584 202.895 20.3584C203.471 20.3584 203.948 20.6372 204.218 21.141H205.945C205.594 19.9176 204.326 19.009 202.94 19.009C202.122 19.009 201.249 19.3328 200.691 19.8456C200.08 20.4033 199.711 21.2579 199.711 22.1215C199.711 23.8847 201.123 25.2701 202.913 25.2701C204.74 25.2701 206.188 23.8757 206.134 22.0406L206.125 21.7257H202.545V22.9581H204.335C204.191 23.5519 203.687 23.9207 203.003 23.9207C202.518 23.9207 202.023 23.7228 201.726 23.4169Z" fill="white"/>
+        <path d="M206.651 22.0945C206.651 23.9117 208.018 25.2701 209.835 25.2701C211.617 25.2701 213.02 23.8937 213.02 22.1395C213.02 20.3764 211.617 19 209.827 19C208.054 19 206.651 20.3674 206.651 22.0945ZM208.189 22.1035C208.189 21.123 208.909 20.3584 209.835 20.3584C210.762 20.3584 211.482 21.141 211.482 22.1485C211.482 23.1381 210.771 23.9117 209.862 23.9117C208.9 23.9117 208.189 23.1381 208.189 22.1035Z" fill="white"/>
+        <path opacity="0.5" d="M192.846 22.0945C192.846 23.9117 194.213 25.2701 196.03 25.2701C197.811 25.2701 199.215 23.8937 199.215 22.1395C199.215 20.3764 197.811 19 196.021 19C194.249 19 192.846 20.3674 192.846 22.0945Z" fill="white"/>
+        <path d="M189.545 22.0945C189.545 23.9117 190.912 25.2701 192.729 25.2701C194.511 25.2701 195.914 23.8937 195.914 22.1395C195.914 20.3764 194.511 19 192.72 19C190.948 19 189.545 20.3674 189.545 22.0945Z" fill="white"/>
+        <rect width="400" height="146" fill="#12272F"/>
+        <path d="M27 31.1531H30.3194V29.7947H28.5383V25.1259H27V31.1531Z" fill="white"/>
+        <path d="M42.726 29.4169C42.4291 29.1021 42.2492 28.5803 42.2492 28.0496C42.2492 27.5548 42.3931 27.186 42.708 26.8621C43.0318 26.5293 43.4366 26.3584 43.8954 26.3584C44.4711 26.3584 44.9479 26.6372 45.2178 27.141H46.945C46.5941 25.9176 45.3257 25.009 43.9404 25.009C43.1218 25.009 42.2492 25.3328 41.6914 25.8456C41.0797 26.4033 40.7109 27.2579 40.7109 28.1215C40.7109 29.8847 42.1232 31.2701 43.9134 31.2701C45.7395 31.2701 47.1879 29.8757 47.1339 28.0406L47.1249 27.7257H43.5446V28.9581H45.3347C45.1908 29.5519 44.687 29.9207 44.0033 29.9207C43.5176 29.9207 43.0228 29.7228 42.726 29.4169Z" fill="white"/>
+        <path d="M47.651 28.0945C47.651 29.9117 49.0184 31.2701 50.8355 31.2701C52.6167 31.2701 54.02 29.8937 54.02 28.1395C54.02 26.3764 52.6167 25 50.8265 25C49.0543 25 47.651 26.3674 47.651 28.0945ZM49.1893 28.1035C49.1893 27.123 49.9089 26.3584 50.8355 26.3584C51.7621 26.3584 52.4817 27.141 52.4817 28.1485C52.4817 29.1381 51.7711 29.9117 50.8625 29.9117C49.8999 29.9117 49.1893 29.1381 49.1893 28.1035Z" fill="white"/>
+        <path opacity="0.5" d="M33.8457 28.0945C33.8457 29.9117 35.2131 31.2701 37.0302 31.2701C38.8114 31.2701 40.2147 29.8937 40.2147 28.1395C40.2147 26.3764 38.8114 25 37.0212 25C35.249 25 33.8457 26.3674 33.8457 28.0945Z" fill="white"/>
+        <path d="M30.5449 28.0945C30.5449 29.9117 31.9123 31.2701 33.7294 31.2701C35.5106 31.2701 36.9139 29.8937 36.9139 28.1395C36.9139 26.3764 35.5106 25 33.7204 25C31.9483 25 30.5449 26.3674 30.5449 28.0945Z" fill="white"/>
+        <text fill="white" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="20" font-weight="800" letter-spacing="0em">${t("darkGreenSkyscraper.previewDocumentName")}</text>
+        <text fill="white" fill-opacity="0.75" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="6" font-weight="500" letter-spacing="0em">${t("darkGreenSkyscraper.previewPostText")}</text>
+        <defs>
+        <pattern id="corporate-pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
+        <use xlink:href="#corporate-image0" transform="translate(0 -0.782051) scale(0.000350877 0.00134953)"/>
+        </pattern>
+        <image id="corporate-image0" width="2850" height="1900" xlink:href="https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=400&q=80"></image>
+        </defs>
+      </svg>
+      `,
+      contentData: (i) => ({
+        [`data.header-${i}`]: {
+          layout: "horizontal",
+          baseStyle: { textAlign: "left", textColor: "#FFFFFF" },
+          items: [
+            {
+              type: "content",
+              size: 55,
+              media: {
+                type: "color",
+                backgroundColor: "#12272F"
+              },
+              value: {
+                preText: "",
+                documentName: t("darkGreenSkyscraper.documentName"),
+                postText: t("darkGreenSkyscraper.postText"),
+                showLogo: !0,
+                logotype: ""
+              }
+            },
+            {
+              type: "media",
+              size: 45,
+              media: {
+                type: "image",
+                resourceUrl: "https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1800&q=80"
+              }
+            }
+          ]
+        }
+      })
+    },
+    {
+      previewUrl: `
+      <svg viewBox="0 0 400 250" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <rect width="400" height="250" fill="white"/>
+        <rect width="18" height="250" fill="#C6F895"/>
+        <rect x="18" width="382" height="250" fill="#302587"/>
+        <path d="M45 28.1531H48.3194V26.7947H46.5383V22.1259H45V28.1531Z" fill="#C6F895"/>
+        <path d="M60.726 26.4169C60.4291 26.1021 60.2492 25.5803 60.2492 25.0496C60.2492 24.5548 60.3931 24.186 60.708 23.8621C61.0318 23.5293 61.4366 23.3584 61.8954 23.3584C62.4711 23.3584 62.9479 23.6372 63.2178 24.141H64.945C64.5941 22.9176 63.3257 22.009 61.9404 22.009C61.1218 22.009 60.2492 22.3328 59.6914 22.8456C59.0797 23.4033 58.7109 24.2579 58.7109 25.1215C58.7109 26.8847 60.1232 28.2701 61.9134 28.2701C63.7395 28.2701 65.1879 26.8757 65.1339 25.0406L65.1249 24.7257H61.5446V25.9581H63.3347C63.1908 26.5519 62.687 26.9207 62.0033 26.9207C61.5176 26.9207 61.0228 26.7228 60.726 26.4169Z" fill="#C6F895"/>
+        <path d="M65.651 25.0945C65.651 26.9117 67.0184 28.2701 68.8355 28.2701C70.6167 28.2701 72.02 26.8937 72.02 25.1395C72.02 23.3764 70.6167 22 68.8265 22C67.0543 22 65.651 23.3674 65.651 25.0945ZM67.1893 25.1035C67.1893 24.123 67.9089 23.3584 68.8355 23.3584C69.7621 23.3584 70.4817 24.141 70.4817 25.1485C70.4817 26.1381 69.7711 26.9117 68.8625 26.9117C67.8999 26.9117 67.1893 26.1381 67.1893 25.1035Z" fill="#C6F895"/>
+        <path opacity="0.5" d="M51.8457 25.0945C51.8457 26.9117 53.2131 28.2701 55.0302 28.2701C56.8114 28.2701 58.2147 26.8937 58.2147 25.1395C58.2147 23.3764 56.8114 22 55.0212 22C53.249 22 51.8457 23.3674 51.8457 25.0945Z" fill="#C6F895"/>
+        <path d="M48.5449 25.0945C48.5449 26.9117 49.9123 28.2701 51.7294 28.2701C53.5106 28.2701 54.9139 26.8937 54.9139 25.1395C54.9139 23.3764 53.5106 22 51.7204 22C49.9483 22 48.5449 23.3674 48.5449 25.0945Z" fill="#C6F895"/>
+        <text fill="#C6F895" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="20" font-weight="800" letter-spacing="0em">${t("purpleGossip.previewDocumentName")}</text>
+        <text fill="#C6F895" fill-opacity="0.75" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="7" font-weight="500" letter-spacing="0em">${t("purpleGossip.previewPostText")}</text>
+      </svg>
+      `,
+      contentData: (i) => ({
+        [`data.header-${i}`]: {
+          layout: "vertical",
+          baseStyle: { textAlign: "left", textColor: "#C6F895" },
+          items: [
+            {
+              type: "media",
+              size: 5,
+              media: {
+                type: "color",
+                backgroundColor: "#C6F895"
+              }
+            },
+            {
+              type: "content",
+              size: 95,
+              media: {
+                type: "color",
+                backgroundColor: "#302587"
+              },
+              value: {
+                preText: "",
+                documentName: t(
+                  "purpleGossip.documentName"
+                ),
+                postText: t("purpleGossip.postText"),
+                showLogo: !0,
+                logotype: ""
+              }
+            }
+          ]
+        }
+      })
+    },
+    {
+      previewUrl: `
+        <svg viewBox="0 0 400 250" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+          <rect width="400" height="250" fill="white"/>
+          <rect x="245" width="155" height="250" fill="url(#computer-pattern0)"/>
+          <path d="M186 25.1531H189.319V23.7947H187.538V19.1259H186V25.1531Z" fill="white"/>
+          <path d="M201.726 23.4169C201.429 23.1021 201.249 22.5803 201.249 22.0496C201.249 21.5548 201.393 21.186 201.708 20.8621C202.032 20.5293 202.437 20.3584 202.895 20.3584C203.471 20.3584 203.948 20.6372 204.218 21.141H205.945C205.594 19.9176 204.326 19.009 202.94 19.009C202.122 19.009 201.249 19.3328 200.691 19.8456C200.08 20.4033 199.711 21.2579 199.711 22.1215C199.711 23.8847 201.123 25.2701 202.913 25.2701C204.74 25.2701 206.188 23.8757 206.134 22.0406L206.125 21.7257H202.545V22.9581H204.335C204.191 23.5519 203.687 23.9207 203.003 23.9207C202.518 23.9207 202.023 23.7228 201.726 23.4169Z" fill="white"/>
+          <path d="M206.651 22.0945C206.651 23.9117 208.018 25.2701 209.835 25.2701C211.617 25.2701 213.02 23.8937 213.02 22.1395C213.02 20.3764 211.617 19 209.827 19C208.054 19 206.651 20.3674 206.651 22.0945ZM208.189 22.1035C208.189 21.123 208.909 20.3584 209.835 20.3584C210.762 20.3584 211.482 21.141 211.482 22.1485C211.482 23.1381 210.771 23.9117 209.862 23.9117C208.9 23.9117 208.189 23.1381 208.189 22.1035Z" fill="white"/>
+          <path opacity="0.5" d="M192.846 22.0945C192.846 23.9117 194.213 25.2701 196.03 25.2701C197.811 25.2701 199.215 23.8937 199.215 22.1395C199.215 20.3764 197.811 19 196.021 19C194.249 19 192.846 20.3674 192.846 22.0945Z" fill="white"/>
+          <path d="M189.545 22.0945C189.545 23.9117 190.912 25.2701 192.729 25.2701C194.511 25.2701 195.914 23.8937 195.914 22.1395C195.914 20.3764 194.511 19 192.72 19C190.948 19 189.545 20.3674 189.545 22.0945Z" fill="white"/>
+          <rect width="245" height="250" fill="#1A2557"/>
+          <path d="M27 31.1531H30.3194V29.7947H28.5383V25.1259H27V31.1531Z" fill="white"/>
+          <path d="M42.726 29.4169C42.4291 29.1021 42.2492 28.5803 42.2492 28.0496C42.2492 27.5548 42.3931 27.186 42.708 26.8621C43.0318 26.5293 43.4366 26.3584 43.8954 26.3584C44.4711 26.3584 44.9479 26.6372 45.2178 27.141H46.945C46.5941 25.9176 45.3257 25.009 43.9404 25.009C43.1218 25.009 42.2492 25.3328 41.6914 25.8456C41.0797 26.4033 40.7109 27.2579 40.7109 28.1215C40.7109 29.8847 42.1232 31.2701 43.9134 31.2701C45.7395 31.2701 47.1879 29.8757 47.1339 28.0406L47.1249 27.7257H43.5446V28.9581H45.3347C45.1908 29.5519 44.687 29.9207 44.0033 29.9207C43.5176 29.9207 43.0228 29.7228 42.726 29.4169Z" fill="white"/>
+          <path d="M47.651 28.0945C47.651 29.9117 49.0184 31.2701 50.8355 31.2701C52.6167 31.2701 54.02 29.8937 54.02 28.1395C54.02 26.3764 52.6167 25 50.8265 25C49.0543 25 47.651 26.3674 47.651 28.0945ZM49.1893 28.1035C49.1893 27.123 49.9089 26.3584 50.8355 26.3584C51.7621 26.3584 52.4817 27.141 52.4817 28.1485C52.4817 29.1381 51.7711 29.9117 50.8625 29.9117C49.8999 29.9117 49.1893 29.1381 49.1893 28.1035Z" fill="white"/>
+          <path opacity="0.5" d="M33.8457 28.0945C33.8457 29.9117 35.2131 31.2701 37.0302 31.2701C38.8114 31.2701 40.2147 29.8937 40.2147 28.1395C40.2147 26.3764 38.8114 25 37.0212 25C35.249 25 33.8457 26.3674 33.8457 28.0945Z" fill="white"/>
+          <path d="M30.5449 28.0945C30.5449 29.9117 31.9123 31.2701 33.7294 31.2701C35.5106 31.2701 36.9139 29.8937 36.9139 28.1395C36.9139 26.3764 35.5106 25 33.7204 25C31.9483 25 30.5449 26.3674 30.5449 28.0945Z" fill="white"/>
+          <text fill="#FF8ED2" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="20" font-weight="800" letter-spacing="0em">${t("mauveComputer.previewDocumentName")}</text>
+          <text fill="#FFC1E6" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="6" font-weight="500" letter-spacing="0em">${t("mauveComputer.previewPostText")}</text>
+          <defs>
+          <pattern id="computer-pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
+          <use xlink:href="#computer-image0" transform="translate(-0.709677) scale(0.000848896 0.000526316)"/>
+          </pattern>
+          <image id="computer-image0" width="2850" height="1900" xlink:href="https://images.unsplash.com/photo-1550745165-9bc0b252726f?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=2850&q=80"></image>
+          </defs>
+        </svg>
+      `,
+      contentData: (i) => ({
+        [`data.header-${i}`]: {
+          layout: "vertical",
+          baseStyle: { textAlign: "left", textColor: "#FF8ED2" },
+          items: [
+            {
+              type: "content",
+              size: 65,
+              media: {
+                type: "color",
+                backgroundColor: "#1A2557"
+              },
+              value: {
+                preText: "",
+                documentName: t("mauveComputer.documentName"),
+                postText: t("mauveComputer.postText"),
+                showLogo: !0,
+                logotype: ""
+              }
+            },
+            {
+              type: "media",
+              size: 35,
+              media: {
+                type: "image",
+                resourceUrl: "https://images.unsplash.com/photo-1550745165-9bc0b252726f?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=2850&q=80"
+              }
+            }
+          ]
+        }
+      })
+    }
+  ];
+}, l1 = () => {
+  const e = Array(2).fill().map(() => r());
+  return [
+    {
+      itemId: "multiGroupPricing",
+      itemType: "section",
+      // value: null, // no title?
+      value: {
+        title: "data.multiGroupPricing-title"
+      },
+      parentId: "0",
+      nodeId: e[0]
+    },
+    {
+      itemId: "multiGroupPricing",
+      itemType: "multiGroupPricing",
+      value: null,
+      parentId: e[0],
+      // '0', // Independent root node
+      nodeId: e[1]
+      // uniqid(),
+    }
+  ];
+}, o1 = (e = "en") => [
+  {
+    key: "multiGroupPricing-title",
+    anyOf: [{ type: "string" }, { type: "null" }],
+    defaultValue: d.t(
+      "components:document.chapters.multiGroupPricing.title",
+      { lng: e }
+    )
+  }
+], n1 = ({ document: e = null }) => {
+  const { language: t } = e || {};
+  return {
+    readView: l1(),
+    validation: o1(t)
+  };
+}, s1 = () => {
+  const e = Array(5).fill().map(() => r());
+  return [
+    {
+      itemId: "misc",
+      itemType: "section",
+      value: null,
+      isVisible: {
+        or: [{ var: "data.miscAgreements" }, { var: "data.notBinding" }]
+      },
+      parentId: "0",
+      nodeId: e[0]
+    },
+    {
+      itemId: "miscAgreement",
+      itemType: "subSection",
+      value: null,
+      isVisible: {
+        "!!": { var: "data.miscAgreements" }
+      },
+      parentId: e[0],
+      nodeId: e[1]
+    },
+    {
+      itemId: "miscAgreementText",
+      itemType: "html",
+      value: {
+        content: "data.miscAgreements"
+      },
+      parentId: e[1],
+      nodeId: e[2]
+    },
+    {
+      itemId: "docIsBinding",
+      itemType: "subSection",
+      value: null,
+      isVisible: {
+        "!!": { var: "data.notBinding" }
+      },
+      parentId: e[0],
+      nodeId: e[3]
+    },
+    {
+      itemId: "docIsBinding",
+      itemType: "notBinding",
+      value: null,
+      parentId: e[3],
+      nodeId: e[4]
+    }
+  ];
+}, d1 = () => [
+  { key: "miscAgreements", anyOf: [{ type: "string" }, { type: null }] },
+  { key: "notBinding", type: "boolean" }
+], p1 = () => ({
+  readView: s1(),
+  validation: d1()
+}), c1 = () => [
+  {
+    itemId: "presentation",
+    itemType: "presentation",
+    value: null,
+    parentId: "0",
+    nodeId: r()
+  }
+], C1 = () => ({
+  readView: c1(),
+  validation: []
+  // all relevant data is either within base doc or company settings etc
+}), m1 = () => [
+  {
+    itemId: "terms",
+    itemType: "termsDisclaimer",
+    // todo: will create problems with current documentForm
+    // todo: moving nodes with visible false status active in edit mode
+    // isVisible: {
+    //   '!!': { var: 'data.terms.type' },
+    // },
+    value: {
+      termType: "data.terms.type",
+      text: "data.terms.text",
+      href: "data.terms.href",
+      file: "data.terms.file"
+    },
+    parentId: "0",
+    nodeId: r()
+  }
+], h1 = () => [
+  {
+    key: "terms",
+    anyOf: [
+      { $ref: `${h.api.baseUrl}/schemas/term/1.json` },
+      { type: "null" }
+    ]
+  }
+], L1 = () => ({
+  readView: m1(),
+  validation: h1()
+}), f1 = (e) => {
+  const t = Array(2).fill().map(() => r());
+  return [
+    {
+      itemId: "titleAndText2",
+      itemType: "section",
+      value: {
+        title: `data.title-${e}`
+      },
+      parentId: "0",
+      nodeId: t[0]
+    },
+    {
+      itemId: e,
+      itemType: "html",
+      value: {
+        content: `data.content-${e}`
+      },
+      parentId: t[0],
+      nodeId: t[1]
+    }
+  ];
+}, u1 = (e) => [
+  {
+    key: `title-${e}`,
+    anyOf: [{ type: "string" }, { type: "null" }],
+    defaultValue: ""
+  },
+  { key: `content-${e}`, anyOf: [{ type: "string" }, { type: "null" }] }
+], w1 = (e) => ({
+  [`data.title-${e}`]: "My custom text",
+  [`data.content-${e}`]: "<p>First impressions matter. Make it count by sending beautiful proposals to your clients. Proposals that look great on any device. Proposals that help you to close with notifications and digital signatures.</p>"
+}), g1 = ({
+  includeMockData: e = !1,
+  contentData: t = null
+}) => {
+  const i = r();
+  let a = null;
+  return typeof t == "function" ? a = t(i) : e && (a = w1(i)), {
+    readView: f1(i),
+    validation: u1(i),
+    ...a && { data: a }
+  };
+}, y1 = (e) => [
+  {
+    itemId: "videoPlayer",
+    itemType: "videoPlayer",
+    value: {
+      videoPlayer: `data.video-${e}`
+    },
+    isVisible: {
+      "!!": { var: `data.video-${e}.video.url` }
+    },
+    parentId: "0",
+    nodeId: r()
+  }
+], x1 = (e) => [
+  {
+    key: `video-${e}`,
+    $ref: `${h.api.baseUrl}/schemas/videoPlayer/1.json`,
+    defaultValue: {
+      size: "small",
+      video: {
+        url: ""
+      }
+    }
+  }
+], v1 = (e) => ({
+  [`data.video-${e}`]: {
+    size: "small",
+    video: {
+      url: "https://www.youtube.com/watch?v=166JEb6qkr4",
+      provider: "youtube",
+      id: "166JEb6qkr4"
+    }
+  }
+}), k1 = ({
+  includeMockData: e = !1,
+  contentData: t = null
+}) => {
+  const i = r();
+  let a = null;
+  return typeof t == "function" ? a = t(i) : e && (a = v1(i)), {
+    readView: y1(i),
+    validation: x1(i),
+    ...a && { data: a }
+  };
+}, V1 = ({ language: e = "en" } = {}) => [
+  {
+    previewUrl: `
+    <div style="position: relative;">
+      <svg viewBox="0 0 400 250" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <rect width="400" height="250" fill="#8635AC"/>
+        <path d="M25 45C25 39.3995 25 36.5992 26.0899 34.4601C27.0487 32.5785 28.5785 31.0487 30.4601 30.0899C32.5992 29 35.3995 29 41 29H359C364.601 29 367.401 29 369.54 30.0899C371.422 31.0487 372.951 32.5785 373.91 34.4601C375 36.5992 375 39.3995 375 45V204C375 209.601 375 212.401 373.91 214.54C372.951 216.422 371.422 217.951 369.54 218.91C367.401 220 364.601 220 359 220H41C35.3995 220 32.5992 220 30.4601 218.91C28.5785 217.951 27.0487 216.422 26.0899 214.54C25 212.401 25 209.601 25 204V45Z" fill="white"/>
+        <mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="29" y="33" width="342" height="183">
+        <path d="M29 49C29 43.3995 29 40.5992 30.0899 38.4601C31.0487 36.5785 32.5785 35.0487 34.4601 34.0899C36.5992 33 39.3995 33 45 33H355C360.601 33 363.401 33 365.54 34.0899C367.422 35.0487 368.951 36.5785 369.91 38.4601C371 40.5992 371 43.3995 371 49V200C371 205.601 371 208.401 369.91 210.54C368.951 212.422 367.422 213.951 365.54 214.91C363.401 216 360.601 216 355 216H45C39.3995 216 36.5992 216 34.4601 214.91C32.5785 213.951 31.0487 212.422 30.0899 210.54C29 208.401 29 205.601 29 200V49Z" fill="#F4A447"/>
+        </mask>
+        <g mask="url(#mask0)">
+        <path d="M25 45C25 39.3995 25 36.5992 26.0899 34.4601C27.0487 32.5785 28.5785 31.0487 30.4601 30.0899C32.5992 29 35.3995 29 41 29H359C364.601 29 367.401 29 369.54 30.0899C371.422 31.0487 372.951 32.5785 373.91 34.4601C375 36.5992 375 39.3995 375 45V204C375 209.601 375 212.401 373.91 214.54C372.951 216.422 371.422 217.951 369.54 218.91C367.401 220 364.601 220 359 220H41C35.3995 220 32.5992 220 30.4601 218.91C28.5785 217.951 27.0487 216.422 26.0899 214.54C25 212.401 25 209.601 25 204V45Z" fill="#F4A447"/>
+        <circle cx="265" cy="185" r="196" fill="#FFE713"/>
+        <circle cx="309.5" cy="219.5" r="165.5" fill="#95C3EE"/>
+        <circle cx="327" cy="226" r="101" fill="#6458AB"/>
+        <circle cx="199.5" cy="124.5" r="49.5" fill="black" fill-opacity="0.7"/>
+        <path d="M188 113.742C188 109.875 192.202 107.472 195.535 109.432L214.674 120.69C217.96 122.624 217.96 127.376 214.674 129.31L195.535 140.568C192.202 142.528 188 140.125 188 136.258V113.742Z" fill="white"/>
+        <rect x="28" y="205" width="343" height="15" fill="black" fill-opacity="0.6"/>
+        <rect x="28" y="205" width="343" height="3" fill="white"/>
+        <rect x="28" y="205" width="79" height="3" fill="#F40000"/>
+        <circle cx="108" cy="206" r="6" fill="#F40000"/>
+        </g>
+      </svg>
+      <div class="submenu-item-badge">
+        ${d.t("_common:video", { language: e }).capitalize()}
+      </div>
+    </div>
+    `,
+    contentData: (t) => ({
+      [`data.video-${t}`]: {
+        size: "small",
+        video: {
+          url: ""
+        }
+      }
+    })
+  },
+  {
+    previewUrl: `
+    <div style="position: relative;">
+      <svg viewBox="0 0 400 250" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <rect width="400" height="250" fill="#FF0202"/>
+        <path d="M44 54C44 48.4772 48.4772 44 54 44H346C351.523 44 356 48.4772 356 54V250H44V54Z" fill="white"/>
+        <rect x="58" y="58" width="284" height="144" rx="7" fill="#292929"/>
+        <path d="M172.756 118.997C172.23 117.029 170.683 115.483 168.715 114.956C165.152 114 150.856 114 150.856 114C150.856 114 136.561 114 132.997 114.956C131.029 115.483 129.483 117.029 128.956 118.997C128 122.561 128 130 128 130C128 130 128 137.439 128.956 141.003C129.483 142.971 131.029 144.517 132.997 145.044C136.561 146 150.856 146 150.856 146C150.856 146 165.152 146 168.715 145.044C170.683 144.517 172.23 142.971 172.756 141.003C173.712 137.439 173.712 130 173.712 130C173.712 130 173.708 122.561 172.756 118.997Z" fill="#FF0000"/>
+        <path d="M146.281 136.857L158.157 130.001L146.281 123.145V136.857Z" fill="white"/>
+        <path d="M183.363 134.806L178.23 116.27H182.708L184.507 124.672C184.966 126.742 185.301 128.507 185.519 129.967H185.651C185.802 128.921 186.14 127.167 186.663 124.702L188.526 116.27H193.004L187.807 134.806V143.698H183.359V134.806H183.363Z" fill="white"/>
+        <path d="M194.352 143.11C193.449 142.5 192.805 141.552 192.421 140.265C192.041 138.978 191.85 137.27 191.85 135.132V132.223C191.85 130.067 192.068 128.332 192.504 127.027C192.941 125.721 193.622 124.765 194.548 124.167C195.473 123.569 196.689 123.268 198.194 123.268C199.676 123.268 200.862 123.572 201.757 124.182C202.649 124.792 203.304 125.747 203.718 127.042C204.132 128.34 204.339 130.067 204.339 132.223V135.132C204.339 137.27 204.136 138.985 203.733 140.28C203.33 141.578 202.676 142.526 201.772 143.125C200.869 143.723 199.643 144.024 198.096 144.024C196.5 144.028 195.255 143.719 194.352 143.11ZM199.417 139.971C199.665 139.317 199.793 138.252 199.793 136.769V130.526C199.793 129.089 199.669 128.035 199.417 127.373C199.165 126.707 198.724 126.376 198.092 126.376C197.483 126.376 197.05 126.707 196.802 127.373C196.549 128.039 196.425 129.089 196.425 130.526V136.769C196.425 138.252 196.546 139.32 196.787 139.971C197.027 140.626 197.46 140.953 198.092 140.953C198.724 140.953 199.165 140.626 199.417 139.971Z" fill="white"/>
+        <path d="M218.903 143.701H215.374L214.983 141.248H214.885C213.925 143.099 212.488 144.025 210.569 144.025C209.24 144.025 208.258 143.588 207.626 142.719C206.994 141.846 206.678 140.484 206.678 138.633V123.66H211.19V138.369C211.19 139.265 211.287 139.901 211.483 140.281C211.679 140.661 212.006 140.853 212.465 140.853C212.856 140.853 213.233 140.732 213.594 140.492C213.955 140.251 214.219 139.946 214.395 139.577V123.656H218.903V143.701Z" fill="white"/>
+        <path d="M231.159 119.9H226.681V143.7H222.267V119.9H217.789V116.272H231.159V119.9Z" fill="white"/>
+        <path d="M242.04 143.701H238.511L238.119 141.248H238.021C237.062 143.099 235.625 144.025 233.705 144.025C232.377 144.025 231.395 143.588 230.763 142.719C230.131 141.846 229.814 140.484 229.814 138.633V123.66H234.326V138.369C234.326 139.265 234.424 139.901 234.62 140.281C234.815 140.661 235.143 140.853 235.602 140.853C235.993 140.853 236.369 140.732 236.731 140.492C237.092 140.251 237.355 139.946 237.532 139.577V123.656H242.04V143.701Z" fill="white"/>
+        <path d="M256.972 126.862C256.698 125.597 256.257 124.683 255.648 124.115C255.038 123.547 254.199 123.264 253.131 123.264C252.303 123.264 251.527 123.498 250.809 123.968C250.09 124.438 249.533 125.052 249.142 125.816H249.108V115.257H244.762V143.697H248.487L248.946 141.801H249.044C249.394 142.478 249.917 143.008 250.613 143.404C251.309 143.795 252.084 143.991 252.935 143.991C254.459 143.991 255.584 143.287 256.303 141.883C257.021 140.476 257.383 138.282 257.383 135.295V132.122C257.383 129.883 257.243 128.126 256.972 126.862ZM252.837 135.039C252.837 136.499 252.777 137.643 252.656 138.47C252.536 139.298 252.336 139.889 252.051 140.235C251.768 140.585 251.384 140.758 250.907 140.758C250.534 140.758 250.192 140.672 249.875 140.495C249.559 140.322 249.304 140.058 249.108 139.712V128.337C249.258 127.791 249.522 127.347 249.894 126.997C250.263 126.647 250.67 126.474 251.102 126.474C251.561 126.474 251.915 126.655 252.163 127.012C252.415 127.373 252.589 127.976 252.687 128.826C252.784 129.676 252.833 130.884 252.833 132.453V135.039H252.837Z" fill="white"/>
+        <path d="M263.785 136.194C263.785 137.48 263.823 138.444 263.898 139.087C263.973 139.731 264.131 140.197 264.372 140.495C264.613 140.788 264.982 140.935 265.482 140.935C266.156 140.935 266.622 140.671 266.871 140.148C267.123 139.625 267.258 138.752 267.281 137.533L271.172 137.763C271.194 137.936 271.206 138.177 271.206 138.481C271.206 140.333 270.698 141.718 269.685 142.632C268.673 143.546 267.239 144.005 265.388 144.005C263.164 144.005 261.606 143.309 260.715 141.913C259.819 140.517 259.375 138.361 259.375 135.441V131.941C259.375 128.935 259.838 126.737 260.763 125.353C261.689 123.968 263.273 123.275 265.52 123.275C267.066 123.275 268.255 123.558 269.083 124.126C269.911 124.694 270.494 125.575 270.833 126.775C271.172 127.975 271.341 129.631 271.341 131.746V135.178H263.785V136.194ZM264.357 126.749C264.127 127.031 263.977 127.494 263.898 128.137C263.823 128.781 263.785 129.755 263.785 131.065V132.502H267.085V131.065C267.085 129.778 267.04 128.803 266.954 128.137C266.867 127.471 266.709 127.004 266.479 126.73C266.25 126.459 265.896 126.32 265.418 126.32C264.937 126.323 264.583 126.466 264.357 126.749Z" fill="white"/>
+        <rect x="66" y="215" width="114" height="13" rx="2" fill="#C4C4C4"/>
+        <rect opacity="0.4" x="66" y="232" width="56" height="7" rx="2" fill="#C4C4C4"/>
+        <rect opacity="0.4" x="330" y="215" width="12" height="12" rx="2" fill="#C4C4C4"/>
+        <rect opacity="0.4" x="315" y="215" width="12" height="12" rx="2" fill="#C4C4C4"/>
+        <rect opacity="0.4" x="300" y="215" width="12" height="12" rx="2" fill="#C4C4C4"/>
+      </svg>
+      <div class="submenu-item-badge">
+        Demo
+      </div>
+    </div>
+    `,
+    contentData: (t) => ({
+      [`data.video-${t}`]: {
+        video: {
+          height: 113,
+          id: "166JEb6qkr4",
+          provider: "youtube",
+          thumbnail: "https://i.ytimg.com/vi/166JEb6qkr4/hqdefault.jpg",
+          url: "https://youtube.com/embed/166JEb6qkr4",
+          width: 200
+        },
+        size: "medium"
+      }
+    })
+  },
+  {
+    previewUrl: `
+    <div style="position: relative;">
+      <svg viewBox="0 0 400 250" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <rect width="400" height="250" fill="#1AB7EA"/>
+        <path d="M44 54C44 48.4772 48.4772 44 54 44H346C351.523 44 356 48.4772 356 54V250H44V54Z" fill="white"/>
+        <rect x="44" y="68" width="312" height="144" fill="#202020"/>
+        <path d="M166.511 129.505C166.39 132.154 164.538 135.784 160.96 140.39C157.26 145.201 154.129 147.607 151.567 147.607C149.982 147.607 148.64 146.142 147.542 143.211C146.811 140.525 146.078 137.84 145.346 135.154C144.532 132.224 143.659 130.758 142.725 130.758C142.522 130.758 141.808 131.187 140.588 132.041L139.309 130.39C140.651 129.211 141.976 128.03 143.279 126.847C145.071 125.3 146.415 124.484 147.313 124.402C149.431 124.199 150.734 125.648 151.224 128.747C151.753 132.093 152.119 134.174 152.323 134.988C152.934 137.763 153.606 139.149 154.339 139.149C154.91 139.149 155.766 138.248 156.907 136.449C158.046 134.648 158.657 133.278 158.739 132.338C158.902 130.784 158.291 130.005 156.907 130.005C156.254 130.005 155.582 130.154 154.892 130.452C156.229 126.07 158.784 123.94 162.557 124.061C165.354 124.143 166.672 125.958 166.511 129.505" fill="#1AB7EA"/>
+        <path d="M177.99 116.357C177.949 117.372 177.44 118.345 176.46 119.277C175.361 120.331 174.057 120.858 172.551 120.858C170.228 120.858 169.107 119.844 169.189 117.818C169.227 116.764 169.85 115.749 171.051 114.776C172.253 113.805 173.587 113.317 175.055 113.317C175.911 113.317 176.623 113.653 177.195 114.321C177.764 114.99 178.03 115.669 177.99 116.357V116.357ZM183.306 138.09C182.165 140.246 180.597 142.201 178.6 143.951C175.87 146.311 173.142 147.493 170.412 147.493C169.147 147.493 168.181 147.085 167.509 146.269C166.837 145.456 166.52 144.399 166.562 143.095C166.601 141.753 167.019 139.675 167.813 136.865C168.608 134.056 169.007 132.549 169.007 132.346C169.007 131.288 168.639 130.757 167.906 130.757C167.663 130.757 166.968 131.186 165.827 132.04L164.422 130.39C165.726 129.21 167.029 128.029 168.333 126.846C170.085 125.299 171.389 124.484 172.246 124.401C173.59 124.281 174.577 124.676 175.209 125.59C175.839 126.505 176.073 127.69 175.912 129.151C175.382 131.627 174.812 134.772 174.201 138.587C174.159 140.333 174.791 141.205 176.094 141.205C176.665 141.205 177.683 140.603 179.15 139.397C180.373 138.393 181.371 137.448 182.146 136.562L183.306 138.09" fill="#1AB7EA"/>
+        <path d="M221.471 138.088C220.33 140.246 218.762 142.199 216.765 143.949C214.035 146.309 211.305 147.491 208.577 147.491C205.927 147.491 204.645 146.026 204.727 143.093C204.765 141.789 205.021 140.225 205.49 138.392C205.957 136.558 206.213 135.134 206.253 134.115C206.295 132.57 205.824 131.795 204.842 131.795C203.78 131.795 202.513 133.058 201.041 135.584C199.489 138.233 198.649 140.799 198.528 143.284C198.441 145.037 198.616 146.381 199.041 147.317C196.199 147.4 194.208 146.931 193.072 145.912C192.053 145.016 191.588 143.53 191.67 141.451C191.705 140.148 191.908 138.844 192.27 137.54C192.629 136.236 192.829 135.076 192.869 134.056C192.957 132.549 192.4 131.795 191.217 131.795C190.197 131.795 189.094 132.957 187.913 135.279C186.73 137.6 186.077 140.025 185.955 142.55C185.867 144.834 186.025 146.421 186.392 147.317C183.596 147.4 181.609 146.81 180.435 145.55C179.459 144.495 179.014 142.89 179.096 140.736C179.131 139.68 179.322 138.207 179.658 136.319C179.994 134.429 180.182 132.957 180.22 131.9C180.308 131.17 180.115 130.803 179.67 130.803C179.425 130.803 178.732 131.216 177.591 132.04L176.125 130.39C176.33 130.229 177.611 129.046 179.975 126.846C181.687 125.259 182.847 124.443 183.458 124.403C184.518 124.321 185.372 124.758 186.025 125.715C186.676 126.673 187.003 127.784 187.003 129.046C187.003 129.453 186.968 129.84 186.88 130.208C187.491 129.271 188.204 128.454 189.019 127.761C190.893 126.134 192.992 125.215 195.314 125.012C197.311 124.849 198.735 125.316 199.592 126.417C200.284 127.313 200.609 128.598 200.569 130.267C200.854 130.024 201.161 129.758 201.488 129.473C202.422 128.374 203.339 127.499 204.235 126.846C205.742 125.745 207.313 125.134 208.941 125.012C210.897 124.849 212.303 125.315 213.158 126.412C213.89 127.304 214.217 128.584 214.137 130.246C214.095 131.384 213.82 133.037 213.311 135.209C212.8 137.381 212.548 138.627 212.548 138.952C212.506 139.806 212.588 140.394 212.791 140.718C212.996 141.044 213.482 141.205 214.258 141.205C214.828 141.205 215.845 140.603 217.313 139.395C218.534 138.392 219.534 137.447 220.309 136.562L221.471 138.088" fill="#1AB7EA"/>
+        <path d="M230.514 131.644C230.553 130.551 230.106 130.003 229.172 130.003C227.95 130.003 226.71 130.845 225.45 132.526C224.188 134.208 223.537 135.82 223.497 137.36C223.474 137.36 223.474 137.624 223.497 138.151C225.49 137.421 227.219 136.308 228.684 134.807C229.863 133.51 230.472 132.455 230.514 131.644V131.644ZM244.386 138.025C243.205 139.98 240.883 141.931 237.42 143.884C233.102 146.365 228.72 147.604 224.281 147.604C220.982 147.604 218.616 146.505 217.191 144.306C216.173 142.799 215.685 141.007 215.725 138.93C215.765 135.631 217.233 132.495 220.126 129.52C223.302 126.261 227.051 124.63 231.37 124.63C235.363 124.63 237.481 126.258 237.726 129.508C237.889 131.58 236.748 133.715 234.303 135.909C231.695 138.308 228.414 139.831 224.464 140.48C225.196 141.497 226.295 142.004 227.763 142.004C230.696 142.004 233.895 141.259 237.358 139.766C239.843 138.718 241.8 137.629 243.226 136.501L244.386 138.025" fill="#1AB7EA"/>
+        <path d="M254.071 133.699C254.112 132.597 253.959 131.587 253.613 130.668C253.266 129.751 252.766 129.289 252.117 129.289C250.038 129.289 248.326 130.413 246.984 132.658C245.841 134.496 245.229 136.456 245.15 138.535C245.108 139.557 245.292 140.456 245.699 141.23C246.146 142.129 246.777 142.577 247.595 142.577C249.427 142.577 250.997 141.497 252.3 139.333C253.399 137.535 253.989 135.658 254.071 133.699V133.699ZM260.977 133.93C260.814 137.674 259.43 140.908 256.822 143.632C254.215 146.357 250.974 147.72 247.105 147.72C243.886 147.72 241.442 146.683 239.772 144.607C238.551 143.062 237.877 141.13 237.756 138.813C237.55 135.313 238.813 132.1 241.545 129.17C244.478 125.917 248.163 124.29 252.605 124.29C255.456 124.29 257.615 125.247 259.083 127.158C260.469 128.908 261.099 131.165 260.977 133.93" fill="#1AB7EA"/>
+        <rect x="67" y="220" width="114" height="13" rx="2" fill="#C4C4C4"/>
+        <rect opacity="0.4" x="67" y="237" width="56" height="7" rx="2" fill="#C4C4C4"/>
+        <rect opacity="0.4" x="60" y="54" width="56" height="7" rx="2" fill="#C4C4C4"/>
+        <rect opacity="0.4" x="332" y="52" width="10" height="10" rx="2" fill="#C4C4C4"/>
+        <rect opacity="0.4" x="317" y="52" width="10" height="10" rx="2" fill="#C4C4C4"/>
+        <rect opacity="0.4" x="302" y="52" width="10" height="10" rx="2" fill="#C4C4C4"/>
+      </svg>
+      <div class="submenu-item-badge">
+        Demo
+      </div>
+    </div>
+    `,
+    contentData: (t) => ({
+      [`data.video-${t}`]: {
+        video: {
+          height: 360,
+          id: "321273787",
+          provider: "vimeo",
+          thumbnail: "https://i.vimeocdn.com/video/763931713_640",
+          url: "https://player.vimeo.com/video/321273787",
+          width: 640
+        },
+        size: "medium"
+      }
+    })
+  },
+  {
+    previewUrl: `
+    <div style="position: relative;">
+      <svg viewBox="0 0 400 250" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <rect width="400" height="250" fill="#635EF3"/>
+        <path d="M25 31C25 25.4772 29.4772 21 35 21H365C370.523 21 375 25.4772 375 31V219C375 224.523 370.523 229 365 229H35C29.4772 229 25 224.523 25 219V31Z" fill="white"/>
+        <path d="M25 58H375V219C375 224.523 370.523 229 365 229H35C29.4772 229 25 224.523 25 219V58Z" fill="#E9E9EA"/>
+        <rect opacity="0.3" x="42" y="33" width="56" height="15" rx="2" fill="#6D6D6D"/>
+        <rect x="38" y="95" width="22" height="64" rx="2" fill="#444444"/>
+        <line x1="25" y1="57.5" x2="375" y2="57.5" stroke="#C1C1C1"/>
+        <path d="M364 39.401H357.603L363.143 36.202L362.044 34.298L356.503 37.497L359.701 31.9565L357.798 30.8575L354.599 36.3966V30H352.401V36.3973L349.202 30.8575L347.298 31.9565L350.496 37.4956L344.957 34.298L343.857 36.202L349.397 39.401H343V41.5997H349.397L343.857 44.7987L344.956 46.7027L350.497 43.5037L347.298 49.0442L349.201 50.1432L352.401 44.6034V51H354.599V44.4662L357.857 50.1082L359.642 49.0778L356.384 43.4344L362.043 46.702L363.142 44.798L357.603 41.599H363.999V39.401H364V39.401ZM353.5 43.489C353.108 43.489 352.719 43.4118 352.356 43.2616C351.994 43.1114 351.664 42.8912 351.387 42.6136C351.109 42.336 350.889 42.0064 350.739 41.6437C350.588 41.281 350.511 40.8923 350.511 40.4997C350.511 40.107 350.588 39.7183 350.738 39.3555C350.888 38.9928 351.109 38.6632 351.386 38.3855C351.664 38.1079 351.993 37.8876 352.356 37.7373C352.718 37.587 353.107 37.5096 353.499 37.5096C354.292 37.5095 355.052 37.8244 355.613 38.385C356.173 38.9456 356.488 39.706 356.488 40.4989C356.488 41.2919 356.174 42.0523 355.613 42.6131C355.053 43.1738 354.293 43.4889 353.5 43.489V43.489Z" fill="#635EF3"/>
+        <rect x="107" y="88" width="143" height="79" fill="#393857"/>
+        <rect x="250" y="88" width="42" height="79" fill="#7471FF"/>
+        <rect x="107" y="167" width="28" height="32" fill="#FFC55D"/>
+        <rect width="157" height="32" transform="matrix(-1 0 0 1 292 167)" fill="#ED7A5F"/>
+        <path d="M159.01 126.43H149.868L157.785 121.86L156.215 119.14L148.297 123.71L152.867 115.795L150.147 114.225L145.576 122.138V113H142.434V122.139L137.863 114.225L135.142 115.795L139.712 123.708L131.796 119.14L130.225 121.86L138.142 126.43H129V129.571H138.141L130.225 134.141L131.795 136.861L139.713 132.291L135.142 140.206L137.862 141.776L142.434 133.862V143H145.576V133.666L150.231 141.726L152.782 140.254L148.126 132.192L156.213 136.86L157.784 134.14L149.868 129.57H159.009V126.43H159.01V126.43ZM144.005 132.27C143.444 132.27 142.889 132.16 142.371 131.945C141.852 131.731 141.381 131.416 140.985 131.019C140.588 130.623 140.274 130.152 140.059 129.634C139.844 129.116 139.734 128.56 139.733 128C139.733 127.439 139.844 126.883 140.058 126.365C140.273 125.847 140.588 125.376 140.984 124.979C141.381 124.583 141.851 124.268 142.37 124.053C142.888 123.839 143.443 123.728 144.004 123.728C145.137 123.728 146.223 124.178 147.024 124.979C147.825 125.779 148.275 126.866 148.275 127.998C148.276 129.131 147.826 130.218 147.025 131.019C146.224 131.82 145.138 132.27 144.005 132.27V132.27Z" fill="white"/>
+        <path d="M167.109 138.973V117.027H171.137V138.973H167.109V138.973ZM205.742 124.059H209.588V125.879C210.406 124.424 212.315 123.635 213.95 123.635C215.98 123.635 217.615 124.515 218.372 126.12C219.552 124.3 221.128 123.635 223.097 123.635C225.853 123.635 228.487 125.302 228.487 129.303V138.973H224.581V130.122C224.581 128.515 223.793 127.302 221.945 127.302C220.218 127.302 219.188 128.637 219.188 130.244V138.974H215.192V130.122C215.192 128.515 214.374 127.302 212.556 127.302C210.799 127.302 209.769 128.607 209.769 130.244V138.974H205.742V124.059V124.059ZM180.24 139.405C175.702 139.405 172.416 136.038 172.416 131.516C172.416 127.066 175.692 123.62 180.24 123.62C184.81 123.62 188.064 127.098 188.064 131.516C188.064 136.006 184.776 139.405 180.24 139.405ZM180.24 127.27C179.115 127.271 178.036 127.72 177.24 128.516C176.444 129.312 175.997 130.391 175.996 131.517C175.997 132.642 176.444 133.722 177.24 134.518C178.036 135.314 179.115 135.762 180.24 135.764C181.366 135.762 182.445 135.314 183.24 134.518C184.035 133.721 184.483 132.642 184.483 131.517C184.483 130.391 184.035 129.312 183.24 128.516C182.445 127.72 181.366 127.272 180.24 127.27V127.27ZM196.667 139.405C192.129 139.405 188.843 136.038 188.843 131.516C188.843 127.066 192.119 123.62 196.667 123.62C201.237 123.62 204.491 127.098 204.491 131.516C204.491 136.006 201.201 139.405 196.667 139.405ZM196.667 127.219C195.529 127.221 194.438 127.674 193.633 128.479C192.828 129.285 192.375 130.376 192.374 131.515C192.375 132.653 192.828 133.745 193.633 134.55C194.438 135.356 195.529 135.809 196.667 135.811C197.806 135.809 198.897 135.356 199.702 134.55C200.507 133.745 200.959 132.653 200.96 131.515C200.959 130.376 200.507 129.285 199.702 128.479C198.897 127.674 197.806 127.221 196.667 127.219V127.219Z" fill="white"/>
+        <rect opacity="0.2" x="42" y="99" width="14" height="14" rx="7" fill="white"/>
+        <rect opacity="0.2" x="42" y="120" width="14" height="14" rx="7" fill="white"/>
+        <rect opacity="0.2" x="42" y="141" width="14" height="14" rx="7" fill="white"/>
+        <mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="316" y="167" width="48" height="48">
+        <circle cx="340" cy="191" r="24" fill="#C4C4C4"/>
+        </mask>
+        <g mask="url(#mask0)">
+        <circle cx="340" cy="191" r="24" fill="#A2D2FF"/>
+        <circle cx="340" cy="222" r="24" fill="#434769"/>
+        <circle cx="339.5" cy="185.5" r="10.5" fill="#434769"/>
+        </g>
+        <path d="M203.707 152.291L216.684 162.37C217.245 162.805 217.185 163.671 216.57 164.026L216.568 164.027L216.566 164.029L216.563 164.03L216.561 164.031L216.558 164.033L216.556 164.034L216.554 164.035L216.551 164.037L216.549 164.038L216.547 164.039L216.544 164.041L216.542 164.042L216.54 164.044L216.537 164.045L216.535 164.046L216.532 164.048L216.53 164.049L216.528 164.05L216.525 164.052L216.523 164.053L216.521 164.054L216.518 164.056L216.516 164.057L216.514 164.058L216.511 164.06L216.509 164.061L216.507 164.063L216.504 164.064L216.502 164.065L216.5 164.067L216.497 164.068L216.495 164.069L216.493 164.071L216.49 164.072L216.488 164.073L216.486 164.075L216.483 164.076L216.481 164.077L216.479 164.079L216.476 164.08L216.474 164.081L216.472 164.083L216.469 164.084L216.467 164.085L216.465 164.087L216.462 164.088L216.46 164.089L216.458 164.091L216.455 164.092L216.453 164.093L216.451 164.095L216.449 164.096L216.446 164.097L216.444 164.099L216.442 164.1L216.439 164.101L216.437 164.103L216.435 164.104L216.432 164.105L216.43 164.107L216.428 164.108L216.425 164.109L216.423 164.111L216.421 164.112L216.419 164.113L216.416 164.115L216.414 164.116L216.412 164.117L216.409 164.119L216.407 164.12L216.405 164.121L216.402 164.123L216.4 164.124L216.398 164.125L216.396 164.127L216.393 164.128L216.391 164.129L216.389 164.131L216.386 164.132L216.384 164.133L216.382 164.135L216.38 164.136L216.377 164.137L216.375 164.139L216.373 164.14L216.371 164.141L216.368 164.142L216.366 164.144L216.364 164.145L216.361 164.146L216.359 164.148L216.357 164.149L216.355 164.15L216.352 164.152L216.35 164.153L216.348 164.154L216.346 164.156L216.343 164.157L216.341 164.158L216.339 164.159L216.337 164.161L216.334 164.162L216.332 164.163L216.33 164.165L216.327 164.166L216.325 164.167L216.323 164.169L216.321 164.17L216.318 164.171L216.316 164.172L216.314 164.174L216.312 164.175L216.309 164.176L216.307 164.178L216.305 164.179L216.303 164.18L216.301 164.182L216.298 164.183L216.296 164.184L216.294 164.185L216.292 164.187L216.289 164.188L216.287 164.189L216.285 164.191L216.283 164.192L216.28 164.193L216.278 164.194L216.276 164.196L216.274 164.197L216.271 164.198L216.269 164.2L216.267 164.201L216.265 164.202L216.263 164.203L216.26 164.205L216.258 164.206L216.256 164.207L216.254 164.209L216.252 164.21L216.249 164.211L216.247 164.212L216.245 164.214L216.243 164.215L216.24 164.216L216.238 164.218L216.236 164.219L216.234 164.22L216.232 164.221L216.229 164.223L216.227 164.224L216.225 164.225L216.223 164.226L216.221 164.228L216.218 164.229L216.216 164.23L216.214 164.231L216.212 164.233L216.21 164.234L216.207 164.235L216.205 164.237L216.203 164.238L216.201 164.239L216.199 164.24L216.196 164.242L216.194 164.243L216.192 164.244L216.19 164.245L216.188 164.247L216.186 164.248L216.183 164.249L216.181 164.25L216.179 164.252L216.177 164.253L216.175 164.254L216.172 164.255L216.17 164.257L216.168 164.258L216.166 164.259L216.164 164.26L216.162 164.262L216.159 164.263L216.157 164.264L216.155 164.266L216.153 164.267L216.151 164.268L216.149 164.269L216.146 164.27L216.144 164.272L216.142 164.273L216.14 164.274L216.138 164.275L216.136 164.277L216.133 164.278L216.131 164.279L216.129 164.28L216.127 164.282L216.125 164.283L216.123 164.284L216.121 164.285L216.118 164.287L216.116 164.288L216.114 164.289L216.112 164.29L216.11 164.292L216.108 164.293L216.106 164.294L216.103 164.295L216.101 164.297L216.099 164.298L216.097 164.299L216.095 164.3L216.093 164.301L216.091 164.303L216.088 164.304L216.086 164.305L216.084 164.306L216.082 164.308L216.08 164.309L216.078 164.31L216.076 164.311L216.074 164.313L216.071 164.314L216.069 164.315L216.067 164.316L216.065 164.317L216.063 164.319L216.061 164.32L216.059 164.321L216.057 164.322L216.055 164.324L216.052 164.325L216.05 164.326L216.048 164.327L216.046 164.328L216.044 164.33L216.042 164.331L216.04 164.332L216.038 164.333L216.036 164.335L216.033 164.336L216.031 164.337L216.029 164.338L216.027 164.339L216.025 164.341L216.023 164.342L216.021 164.343L216.019 164.344L216.017 164.345L216.015 164.347L216.013 164.348L216.01 164.349L216.008 164.35L216.006 164.351L216.004 164.353L216.002 164.354L216 164.355L215.998 164.356L215.996 164.357L215.994 164.359L215.992 164.36L215.99 164.361L215.988 164.362L215.985 164.363L215.983 164.365L215.981 164.366L215.979 164.367L215.977 164.368L215.975 164.369L215.973 164.371L215.971 164.372L215.969 164.373L215.967 164.374L215.965 164.375L215.963 164.377L215.961 164.378L215.959 164.379L215.957 164.38L215.954 164.381L215.952 164.383L215.95 164.384L215.948 164.385L215.946 164.386L215.944 164.387L215.942 164.388L215.94 164.39L215.938 164.391L215.936 164.392L215.934 164.393L215.932 164.394L215.93 164.396L215.928 164.397L215.926 164.398L215.924 164.399L215.922 164.4L215.92 164.401L215.918 164.403L215.916 164.404L215.914 164.405L215.912 164.406L215.909 164.407L215.907 164.408L215.905 164.41L215.903 164.411L215.901 164.412L215.899 164.413L215.897 164.414L215.895 164.416L215.893 164.417L215.891 164.418L215.889 164.419L215.887 164.42L215.885 164.421L215.883 164.423L215.881 164.424L215.879 164.425L215.877 164.426L215.875 164.427L215.873 164.428L215.871 164.429L215.869 164.431L215.867 164.432L215.865 164.433L215.863 164.434L215.861 164.435L215.859 164.436L215.857 164.438L215.855 164.439L215.853 164.44L215.851 164.441L215.849 164.442L215.847 164.443L215.845 164.445L215.843 164.446L215.841 164.447L215.839 164.448L215.837 164.449L215.835 164.45L215.833 164.451L215.831 164.453L215.829 164.454L215.827 164.455L215.825 164.456L215.823 164.457L215.821 164.458L215.819 164.459L215.817 164.461L215.815 164.462L215.813 164.463L215.811 164.464L215.809 164.465L215.807 164.466L215.805 164.467L215.803 164.469L215.801 164.47L215.799 164.471L215.798 164.472L215.796 164.473L215.794 164.474L215.792 164.475L215.79 164.476L215.788 164.478L215.786 164.479L215.784 164.48L215.782 164.481L215.78 164.482L215.778 164.483L215.776 164.484L215.774 164.486L215.772 164.487L215.77 164.488L215.768 164.489L215.766 164.49L215.764 164.491L215.762 164.492L215.76 164.493L215.758 164.495L215.756 164.496L215.755 164.497L215.753 164.498L215.751 164.499L215.749 164.5L215.747 164.501L215.745 164.502L215.743 164.503L215.741 164.505L215.739 164.506L215.737 164.507L215.735 164.508L215.733 164.509L215.731 164.51L215.729 164.511L215.727 164.512L215.726 164.513L215.724 164.515L215.722 164.516L215.72 164.517L215.718 164.518L215.716 164.519L215.714 164.52L215.712 164.521L215.71 164.522L215.708 164.523L215.706 164.525L215.704 164.526L215.703 164.527L215.701 164.528L215.699 164.529L215.697 164.53L215.695 164.531L215.693 164.532L215.691 164.533L215.689 164.534L215.687 164.536L215.685 164.537L215.684 164.538L215.682 164.539L215.68 164.54L215.678 164.541L215.676 164.542L215.674 164.543L215.672 164.544L215.67 164.545L215.668 164.546L215.667 164.548L215.665 164.549L215.663 164.55L215.661 164.551L215.659 164.552L215.657 164.553L215.655 164.554L215.653 164.555L215.651 164.556L215.65 164.557L215.648 164.558L215.646 164.56L215.644 164.561L215.642 164.562L215.64 164.563L215.638 164.564L215.637 164.565L215.635 164.566L215.633 164.567L215.631 164.568L215.629 164.569L215.627 164.57L215.625 164.571L215.623 164.572L215.622 164.574L215.62 164.575L215.618 164.576L215.616 164.577L215.614 164.578L215.612 164.579L215.61 164.58L215.609 164.581L215.607 164.582L215.605 164.583L215.603 164.584L215.601 164.585L215.599 164.586L215.598 164.587L215.596 164.588L215.594 164.59L215.592 164.591L215.59 164.592L215.588 164.593L215.587 164.594L215.585 164.595L215.583 164.596L215.581 164.597L215.579 164.598L215.577 164.599L215.576 164.6L215.574 164.601L215.572 164.602L215.57 164.603L215.568 164.604L215.566 164.605L215.565 164.606L215.563 164.607L215.561 164.609L215.559 164.61L215.557 164.611L215.556 164.612L215.554 164.613L215.552 164.614L215.55 164.615L215.548 164.616L215.546 164.617L215.545 164.618L215.543 164.619L215.541 164.62L215.539 164.621L215.537 164.622L215.536 164.623L215.534 164.624L215.532 164.625L215.53 164.626L215.528 164.627L215.527 164.628L215.525 164.629L215.523 164.63L215.521 164.631L215.519 164.632L215.518 164.634L215.516 164.635L215.514 164.636L215.512 164.637L215.511 164.638L215.509 164.639L215.507 164.64L215.505 164.641C214.597 165.165 214.288 166.325 214.811 167.233L218.481 173.588C218.729 174.018 218.582 174.567 218.152 174.815L215.743 176.206C215.313 176.454 214.764 176.307 214.516 175.877L210.847 169.522C210.323 168.614 209.162 168.303 208.254 168.827L207.118 169.483C206.503 169.838 205.724 169.457 205.627 168.754L203.388 152.476C203.363 152.299 203.566 152.182 203.707 152.291Z" fill="white" stroke="#898989"/>
+      </svg>
+      <div class="submenu-item-badge">
+        Demo
+      </div>
+    </div>
+    `,
+    contentData: (t) => ({
+      [`data.video-${t}`]: {
+        video: {
+          url: "https://www.loom.com/embed/6670e3eba3c84dc09ada8306c7138075"
+        },
+        size: "medium"
+        // null will use dimensions set by iframe attributes
+      }
+    })
+  },
+  {
+    previewUrl: `
+    <div style="position: relative;">
+      <svg viewBox="0 0 400 250" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <rect width="400" height="250" fill="#1F64EF"/>
+        <path d="M44 54C44 48.4772 48.4772 44 54 44H346C351.523 44 356 48.4772 356 54V250H44V54Z" fill="#474747"/>
+        <rect x="44" y="72" width="312" height="138" fill="white"/>
+        <rect opacity="0.7" x="67" y="220" width="114" height="13" rx="2" fill="white"/>
+        <rect opacity="0.4" x="67" y="237" width="56" height="7" rx="2" fill="white"/>
+        <rect opacity="0.4" x="60" y="54" width="56" height="7" rx="2" fill="#C4C4C4"/>
+        <rect opacity="0.4" x="332" y="52" width="10" height="10" rx="2" fill="#C4C4C4"/>
+        <path d="M190.852 129.263H193.77L185.493 149.824H184.851L178.162 133.182L171.394 149.824H170.768L162.514 129.263H165.463L171.104 143.346L176.785 129.263H179.554L185.258 143.346L190.852 129.263Z" fill="#2B2B2B" stroke="#2B2B2B" stroke-width="0.156479" stroke-miterlimit="10"/>
+        <path d="M197.572 129.27H200.506V149.737H197.572V129.27Z" fill="#2B2B2B" stroke="#2B2B2B" stroke-width="0.156479" stroke-miterlimit="10"/>
+        <path d="M211.609 141.162L209.387 139.825C208.24 139.185 207.228 138.33 206.406 137.305C205.82 136.468 205.518 135.464 205.545 134.442C205.523 133.706 205.662 132.975 205.953 132.299C206.243 131.624 206.678 131.019 207.227 130.53C208.425 129.492 209.971 128.947 211.554 129.004C213.229 128.997 214.866 129.499 216.248 130.444V133.769C215.634 133.117 214.896 132.594 214.079 132.229C213.261 131.864 212.379 131.664 211.484 131.641C210.651 131.609 209.829 131.842 209.136 132.306C208.853 132.489 208.62 132.74 208.458 133.037C208.297 133.334 208.213 133.666 208.213 134.004C208.222 134.641 208.464 135.254 208.894 135.725C209.526 136.402 210.263 136.973 211.077 137.415L213.314 138.737C215.813 140.229 217.062 142.128 217.062 144.433C217.089 145.178 216.957 145.92 216.673 146.61C216.39 147.299 215.962 147.92 215.419 148.431C214.25 149.493 212.71 150.055 211.132 149.996C209.135 150.005 207.192 149.35 205.608 148.134V144.386C207.173 146.389 208.998 147.39 211.085 147.39C211.918 147.415 212.732 147.137 213.377 146.608C213.666 146.38 213.899 146.089 214.058 145.756C214.217 145.424 214.297 145.059 214.292 144.691C214.303 143.455 213.408 142.279 211.609 141.162V141.162Z" fill="#2B2B2B" stroke="#2B2B2B" stroke-width="0.156479" stroke-miterlimit="10"/>
+        <path d="M220.043 129.239H237.146V131.844H230.011V149.738H227.061V131.844H220.02V129.239H220.043Z" fill="#2B2B2B" stroke="#2B2B2B" stroke-width="0.156479" stroke-miterlimit="10"/>
+        <path d="M241.441 129.27H244.375V149.737H241.441V129.27Z" fill="#2B2B2B" stroke="#2B2B2B" stroke-width="0.156479" stroke-miterlimit="10"/>
+        <path d="M256.95 129.153H259.008L268.186 149.738H265.181L262.458 143.666H253.727L251.168 149.738H248.156L256.95 129.153ZM261.254 141.061L257.967 133.644L254.908 141.061H261.269H261.254Z" fill="#2B2B2B" stroke="#2B2B2B" stroke-width="0.156479" stroke-miterlimit="10"/>
+        <path d="M158.171 137.148C158.171 137.148 157.569 138.353 154.533 140.278C153.242 141.06 150.558 141.952 147.116 142.289C145.254 142.469 141.835 142.289 140.364 142.289C138.893 142.289 138.212 142.602 136.882 144.096L132 149.62H134.973C136.248 149.62 144.237 150.081 147.781 149.111C159.298 145.95 158.171 137.148 158.171 137.148V137.148Z" fill="#0D8CE6"/>
+        <path d="M157.866 133.652C158.422 130.272 156.512 129.349 156.512 129.349C156.512 129.349 156.591 132.095 151.56 132.674C147.053 133.198 132 132.783 132 132.783L136.835 138.33C138.142 139.833 138.838 140.005 140.309 140.114C142.617 140.209 144.929 140.175 147.233 140.012C149.651 139.825 153.125 139.042 155.409 137.258C156.641 136.396 157.514 135.113 157.866 133.652V133.652Z" fill="#53B9FF"/>
+      </svg>
+      <div class="submenu-item-badge">
+        Demo
+      </div>
+    </div>
+    `,
+    contentData: (t) => ({
+      [`data.video-${t}`]: {
+        video: {
+          height: 540,
+          id: "nl46y3o18h",
+          provider: "wistia",
+          thumbnail: "https://embed-ssl.wistia.com/deliveries/883ffb7ba425a27b513775fdb5159611.jpg?image_crop_resized=960x540",
+          url: "https://fast.wistia.net/embed/iframe/nl46y3o18h",
+          width: 960
+        },
+        size: "medium"
+        // null will use dimensions set by iframe attributes
+      }
+    })
+  }
+], f = {
+  titleAndText2: g1,
+  attachments2: B,
+  pdf: g,
+  packageGroup: I,
+  multiGroupPricing: n1,
+  coverBlock: D,
+  videoPlayer: k1,
+  embed: T,
+  header: a1,
+  answer: y,
+  terms: L1,
+  parties: z,
+  custom: x,
+  // legacy
+  presentation: C1,
+  estimatedTimeCompleted: _,
+  estimatedWorkStartAndEndAtText: N,
+  extraWorkConstructionPricingList: J,
+  extraWorkTimeImpactText: X,
+  notBinding: p1
+}, T1 = {
+  coverBlock: W,
+  header: r1,
+  packageGroup: b,
+  embed: H,
+  videoPlayer: V1,
+  custom: w
+}, u = {
+  cache: /* @__PURE__ */ new Set(),
+  add: function(t, i) {
+    this.cache.add(t);
+    const a = setTimeout(() => {
+      this.cache.delete(t), clearTimeout(a);
+    }, i ?? 2e3);
+  },
+  has: function(t) {
+    return this.cache.has(t);
+  },
+  delete: function(t) {
+    this.cache.delete(t);
+  }
+};
+function b1(e) {
+  return u.has(e);
+}
+function M1({ setter: e }) {
+  return {
+    addBlock: (a) => v({
+      ...a,
+      set: e,
+      tplGenerators: f,
+      recentlyAddedNodes: u
+    }),
+    getBlockPayload: (a) => k(a, e, f)
+  };
+}
+const $1 = (e = [], { event: t = "input", type: i = void 0, useEmit: a = !0, setFnName: l } = {}) => ({
+  inheritAttrs: !1,
+  props: {
+    _document: {
+      type: Object,
+      default: () => ({})
+    },
+    _value: {
+      type: Object,
+      default: () => ({})
+    },
+    _nodeId: {
+      type: [String, Number],
+      default: null
+    }
+  },
+  emits: [t],
+  inject: {
+    viewSettings: {
+      default: () => ({
+        canEdit: !1,
+        isForm: !1,
+        setFormValue: null,
+        removeFormValue: null,
+        isPublicForm: !1
+      })
+    },
+    containerType: {
+      default: () => ({})
+    }
+  },
+  computed: {
+    canEdit() {
+      return m(this, "viewSettings.canEdit");
+    },
+    device() {
+      return m(this, "containerType.device", "");
+    },
+    isForm() {
+      return m(this, "viewSettings.isForm");
+    },
+    ...e.reduce((o, n) => {
+      const s = n, p = {
+        get() {
+          return this._value ? m(this._document, (this._value || {})[n]) : m(this.$attrs, n);
+        },
+        set(c) {
+          this.setField({ field: n, value: c, type: i });
+        }
+      };
+      return o[s] = p, o;
+    }, {})
+  },
+  methods: {
+    // Setter method exposed to host component, in case extra setter options are needed
+    // Providing either 'key' or 'field' optional, but one required
+    // key > field
+    // 'field' refers to name of computed field registered for the mixin
+    setField({ key: o, field: n, value: s, options: p, type: c }) {
+      const C = o || (this._value || {})[n];
+      if (!C) return;
+      const L = l ? this[l] : this.viewSettings.setFormValue;
+      !a && typeof L == "function" ? L({ key: C, value: s, options: p }) : t ? (c === "number" && Number.isNaN(parseFloat(s)) && (s = null), this.$emit(t, { key: C, value: s, options: p })) : this.$emit({ key: C, value: s, options: p });
+    },
+    // Forward of document remove method
+    // Note: does not yet support emit option like the setter
+    removeField(o) {
+      var n, s;
+      (s = (n = this.viewSettings) == null ? void 0 : n.removeFormValue) == null || s.call(n, o);
+    },
+    _isNodeRecentlyAdded() {
+      return b1(this._nodeId);
+    }
+  }
+});
+export {
+  T1 as c,
+  b1 as i,
+  $1 as m,
+  M1 as u
+};