@myissue/vue-website-page-builder 3.4.50 → 3.4.52

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 (4) hide show
  1. package/dist/style.css +1 -1
  2. package/dist/vue-website-page-builder.js +255 -253
  3. package/dist/vue-website-page-builder.umd.cjs +5 -5
  4. package/package.json +1 -1
package/dist/vue-website-page-builder.js CHANGED
@@ -7076,7 +7076,7 @@ const AS = /* @__PURE__ */ PS("pageBuilderState", {
7076
7076
  }, Uw = { class: "pbx-overflow-hidden pbx-shadow pbx-ring-1 pbx-ring-black pbx-ring-opacity-5 md:pbx-rounded-lg" }, Gw = { class: "pbx-overflow-x-auto" }, Kw = { class: "pbx-w-max" }, Jw = { class: "pbx-bg-white pbx-divide-y pbx-divide-gray-200" }, Yw = { class: "pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500" }, Qw = { class: "pbx-min-w-[30rem] pbx-w-max" }, Xw = { key: 0 }, Zw = { key: 1 }, e2 = { key: 0 }, t2 = { class: "pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500" }, n2 = { class: "pbx-min-w-[30rem] pbx-w-max" }, i2 = { class: "pbx-inline-flex pbx-items-center pbx-px-2.5 pbx-py-0.5 pbx-rounded-full pbx-text-xs pbx-font-medium" }, r2 = { class: "pbx-mt-4 pbx-mb-4 pbx-py-8 pbx-px-2 pbx-border pbx-border-solid pbx-border-gray-600 pbx-rounded-xl" }, o2 = { class: "pbx-mt-4 pbx-whitespace-pre-wrap pbx-text-white pbx-overflow-hidden pbx-bg-gray-900" }, s2 = { class: "pbx-px-4 pbx-pb-8 pbx-pt-4 pbx-text-white pbx-text-xs pbx-break-all" }, l2 = { class: "pbx-myPrimaryParagraph pbx-text-xs pbx-text-white" }, a2 = {
7077
7077
  __name: "PageBuilderSettings",
7078
7078
  setup(n) {
7079
- const e = "3.4.50", t = he, i = P(() => t.getPageBuilderConfig);
7079
+ const e = "3.4.52", t = he, i = P(() => t.getPageBuilderConfig);
7080
7080
  return (r, o) => {
7081
7081
  var s, l, a, d, c, u, h, f, b, m, x, v, T, S, M, B;
7082
7082
  return y(), w("div", IS, [
@@ -25803,15 +25803,15 @@ const UL = { class: "pbx-my-2 pbx-py-2" }, GL = {
25803
25803
  _: 1
25804
25804
  }));
25805
25805
  }
25806
- }, XP = { key: 0 }, ZP = { key: 1 }, e5 = { class: "pbx-mb-4 pbx-flex pbx-justify-start pbx-items-center pbx-gap-2 pbx-border-b pbx-border-solid pbx-border-gray-200 pbx-pb-4 pbx-overflow-x-auto" }, t5 = { class: "pbx-flex pbx-justify-center pbx-items-center pbx-gap-2" }, n5 = {
25806
+ }, XP = { class: "pbx-mb-4 pbx-flex pbx-justify-start pbx-items-center pbx-gap-2 pbx-border-b pbx-border-solid pbx-border-gray-200 pbx-pb-4 pbx-overflow-x-auto" }, ZP = { class: "pbx-flex pbx-justify-center pbx-items-center pbx-gap-2" }, e5 = { key: 0 }, t5 = { key: 1 }, n5 = {
25807
25807
  key: 0,
25808
- class: "pbx-min-h-[50rem]"
25808
+ class: "pbx-min-h-screen"
25809
25809
  }, i5 = { key: 0 }, r5 = { class: "pbx-myPrimaryParagraph pbx-mt-12 pbx-mb-8" }, o5 = { class: "pbx-my-2 pbx-py-2" }, s5 = {
25810
25810
  key: 1,
25811
- class: "pbx-min-h-[50rem]"
25811
+ class: "pbx-min-h-screen"
25812
25812
  }, l5 = { class: "pbx-myPrimaryParagraph pbx-mt-12 pbx-mb-8" }, a5 = { class: "pbx-my-1" }, d5 = { class: "pbx-my-1" }, p5 = { class: "pbx-my-1" }, c5 = { class: "pbx-my-1" }, u5 = { class: "pbx-my-1" }, h5 = { class: "pbx-my-1" }, f5 = { class: "pbx-my-1" }, b5 = { class: "pbx-my-1" }, m5 = { class: "pbx-my-1" }, x5 = { class: "pbx-my-1" }, g5 = {
25813
25813
  key: 2,
25814
- class: "pbx-min-h-[50rem]"
25814
+ class: "pbx-min-h-screen"
25815
25815
  }, y5 = { class: "pbx-w-full pbx-inset-x-0 pbx-h-[90vh] pbx-bg-white pbx-overflow-x-scroll lg:pbx-pt-2 pbx-pt-2" }, v5 = { class: "pbx-flex pbx-items-left pbx-flex-col pbx-myPrimaryGap pbx-border-myPrimaryMediumGrayColor" }, S5 = { class: "pbx-myPrimaryParagraph" }, w5 = { class: "pbx-myPrimaryParagraph pbx-text-xs pbx-pb-2" }, C5 = { class: "pbx-text-gray-100 pbx-overflow-hidden pbx-bg-gray-900" }, k5 = { class: "pbx-flex pbx-bg-gray-900 pbx-ring-1 ring-white/5" }, T5 = { class: "pbx-mb-px pbx-flex pbx-text-xs pbx-font-medium pbx-text-myPrimaryMediumGrayColor" }, M5 = { class: "pbx-px-4 pbx-py-4 pbx-text-gray-100" }, E5 = { class: "pbx-px-4 pbx-pb-8 pbx-pt-4 pbx-text-gray-100 pbx-text-xs" }, B5 = { class: "pbx-text-xs pbx-pb-2" }, L5 = { class: "pbx-text-xs pbx-pb-2" }, P5 = { class: "pbx-text-xs pbx-pb-2" }, A5 = { class: "pbx-myPrimaryParagraph pbx-text-xs pbx-pb-2" }, I5 = { class: "pbx-overflow-hidden pbx-bg-gray-900" }, $5 = { class: "pbx-flex pbx-bg-gray-900 pbx-ring-1 ring-white/5" }, D5 = { class: "pbx-mb-px pbx-flex pbx-text-xs pbx-font-medium pbx-text-myPrimaryMediumGrayColor" }, O5 = { class: "pbx-px-4 pbx-pb-8 pbx-pt-4 pbx-text-gray-100 pbx-text-xs pbx-break-all" }, _5 = { key: 0 }, N5 = { key: 0 }, H5 = { class: "pbx-pb-2 pbx-text-xs" }, R5 = {
25816
25816
  key: 1,
25817
25817
  class: "pbx-overflow-hidden pbx-border-solid pbx-border pbx-border-gray-100 pbx-mb-6"
@@ -25930,16 +25930,9 @@ const UL = { class: "pbx-my-2 pbx-py-2" }, GL = {
25930
25930
  return (f, b) => {
25931
25931
  var m, x, v, T, S, M, B, H, I, N;
25932
25932
  return y(), w("div", null, [
25933
- n.isLoading ? (y(), w("div", XP, [...b[6] || (b[6] = [
25934
- p("div", { class: "pbx-flex pbx-items-top pbx-justify-center pbx-mt-4 pbx-min-h-[50rem]" }, [
25935
- p("div", { class: "pbx-inline-block pbx-h-8 pbx-w-8 pbx-animate-spin pbx-rounded-full pbx-border-4 pbx-border-solid pbx-border-current pbx-border-r-transparent pbx-align-[-0.125em] motion-reduce:pbx-animate-[spin_1.5s_linear_infinite]" }, [
25936
- p("span", { class: "!pbx-absolute !pbx-m-px !pbx-h-px !pbx-w-px !pbx-overflow-hidden !pbx-whitespace-nowrap !pbx-border-0 !pbx-p-0 !pbx-[clip:rect(0,0,0,0)]" }, "Loading...")
25937
- ])
25938
- ], -1)
25939
- ])])) : E("", !0),
25940
- n.isLoading ? E("", !0) : (y(), w("div", ZP, [
25941
- p("div", e5, [
25942
- p("div", t5, [
25933
+ p("div", null, [
25934
+ p("div", XP, [
25935
+ p("div", ZP, [
25943
25936
  p("button", {
25944
25937
  onClick: b[0] || (b[0] = (z) => h("globalPageStyles")),
25945
25938
  class: V([
@@ -25947,7 +25940,7 @@ const UL = { class: "pbx-my-2 pbx-py-2" }, GL = {
25947
25940
  u.value === "globalPageStyles" ? "pbx-bg-myPrimaryLinkColor pbx-text-white hover:pbx-text-white hover:pbx-bg-myPrimaryLinkColor" : "hover:pbx-text-black"
25948
25941
  ])
25949
25942
  }, [
25950
- b[7] || (b[7] = ap('<span><svg fill="currentColor" height="22" viewBox="0 0 22 22" width="22" xmlns="http://www.w3.org/2000/svg" class="css-l0u10b"><g clip-path="url(#prefix__clip0_1645_485)"><path clip-rule="evenodd" d="M19.871 1.81a2.768 2.768 0 00-3.914 0l-3.543 3.544-2.5-2.5L0 12.768l8.914 8.914 9.914-9.914-2.5-2.5 3.543-3.543a2.768 2.768 0 000-3.914zm-2.5 1.415a.768.768 0 011.086 1.086L13.5 9.268l2.5 2.5-1.086 1.086-6.086-6.086 1.086-1.086 2.5 2.5 4.957-4.957zM7.414 8.182l-4.586 4.586 1.086 1.086 3.293-3.293 1.414 1.414-3.293 3.293 1.086 1.086 3.293-3.293 1.414 1.414-3.293 3.293 1.086 1.086 4.586-4.586-6.086-6.086z" fill-rule="evenodd"></path></g><defs><clipPath id="prefix__clip0_1645_485"><path d="M0 0h22v22H0z" fill="#fff"></path></clipPath></defs></svg></span>', 1)),
25943
+ b[6] || (b[6] = ap('<span><svg fill="currentColor" height="22" viewBox="0 0 22 22" width="22" xmlns="http://www.w3.org/2000/svg" class="css-l0u10b"><g clip-path="url(#prefix__clip0_1645_485)"><path clip-rule="evenodd" d="M19.871 1.81a2.768 2.768 0 00-3.914 0l-3.543 3.544-2.5-2.5L0 12.768l8.914 8.914 9.914-9.914-2.5-2.5 3.543-3.543a2.768 2.768 0 000-3.914zm-2.5 1.415a.768.768 0 011.086 1.086L13.5 9.268l2.5 2.5-1.086 1.086-6.086-6.086 1.086-1.086 2.5 2.5 4.957-4.957zM7.414 8.182l-4.586 4.586 1.086 1.086 3.293-3.293 1.414 1.414-3.293 3.293 1.086 1.086 3.293-3.293 1.414 1.414-3.293 3.293 1.086 1.086 4.586-4.586-6.086-6.086z" fill-rule="evenodd"></path></g><defs><clipPath id="prefix__clip0_1645_485"><path d="M0 0h22v22H0z" fill="#fff"></path></clipPath></defs></svg></span>', 1)),
25951
25944
  p("span", null, C(g(e)("Global Page Styles")), 1)
25952
25945
  ], 2),
25953
25946
  p("button", {
@@ -25957,7 +25950,7 @@ const UL = { class: "pbx-my-2 pbx-py-2" }, GL = {
25957
25950
  u.value === "download" ? "pbx-bg-myPrimaryLinkColor pbx-text-white hover:pbx-text-white hover:pbx-bg-myPrimaryLinkColor" : "hover:pbx-text-black"
25958
25951
  ])
25959
25952
  }, [
25960
- b[8] || (b[8] = p("span", { class: "material-symbols-outlined" }, " download_2 ", -1)),
25953
+ b[7] || (b[7] = p("span", { class: "material-symbols-outlined" }, " download_2 ", -1)),
25961
25954
  p("span", null, C(g(e)("Download HTML")), 1)
25962
25955
  ], 2)
25963
25956
  ]),
@@ -25969,284 +25962,227 @@ const UL = { class: "pbx-my-2 pbx-py-2" }, GL = {
25969
25962
  u.value === "viewHTMLConfig" ? "pbx-bg-myPrimaryLinkColor pbx-text-white hover:pbx-text-white hover:pbx-bg-myPrimaryLinkColor" : "hover:pbx-text-black"
25970
25963
  ])
25971
25964
  }, [
25972
- b[9] || (b[9] = p("span", { class: "material-symbols-outlined" }, " deployed_code ", -1)),
25965
+ b[8] || (b[8] = p("span", { class: "material-symbols-outlined" }, " deployed_code ", -1)),
25973
25966
  p("span", null, C(g(e)("Selected HTML")), 1)
25974
25967
  ], 2)
25975
25968
  ])
25976
25969
  ]),
25977
- u.value === "download" ? (y(), w("div", n5, [
25978
- Array.isArray(o.value) && o.value.length >= 1 ? (y(), w("div", i5, [
25979
- p("p", r5, C(g(e)(
25980
- "Export the entire page as a standalone HTML file. This includes all sections, content, and applied styles, making it ready for use or integration elsewhere."
25981
- )), 1),
25982
- b[11] || (b[11] = p("hr", null, null, -1)),
25983
- p("div", o5, [
25984
- p("button", {
25985
- onClick: c,
25986
- type: "button",
25987
- class: "pbx-myPrimaryButton"
25988
- }, [
25989
- b[10] || (b[10] = p("span", { class: "material-symbols-outlined" }, " download_2 ", -1)),
25990
- p("span", null, C(g(e)("Download HTML file")), 1)
25991
- ])
25970
+ n.isLoading ? (y(), w("div", e5, [...b[9] || (b[9] = [
25971
+ p("div", { class: "pbx-flex pbx-items-top pbx-justify-center pbx-mt-4 pbx-min-h-screen" }, [
25972
+ p("div", { class: "pbx-inline-block pbx-h-8 pbx-w-8 pbx-animate-spin pbx-rounded-full pbx-border-4 pbx-border-solid pbx-border-current pbx-border-r-transparent pbx-align-[-0.125em] motion-reduce:pbx-animate-[spin_1.5s_linear_infinite]" }, [
25973
+ p("span", { class: "!pbx-absolute !pbx-m-px !pbx-h-px !pbx-w-px !pbx-overflow-hidden !pbx-whitespace-nowrap !pbx-border-0 !pbx-p-0 !pbx-[clip:rect(0,0,0,0)]" }, "Loading...")
25992
25974
  ])
25993
- ])) : E("", !0)
25994
- ])) : E("", !0),
25995
- u.value === "globalPageStyles" ? (y(), w("div", s5, [
25996
- p("div", null, [
25997
- p("p", l5, C(g(e)(
25998
- "Apply styles that affect the entire page. These settings include global font family, text color, background color, and other universal styles that apply to all sections."
25999
- )), 1),
26000
- p("article", a5, [
26001
- F(E2)
26002
- ]),
26003
- p("article", d5, [
26004
- F(xy, { globalPageLayout: !0 })
26005
- ]),
26006
- p("article", p5, [
26007
- F(my, { globalPageLayout: !0 })
26008
- ]),
26009
- p("article", c5, [
26010
- F(hy)
26011
- ]),
26012
- p("article", u5, [
26013
- F(fy)
26014
- ]),
26015
- p("article", h5, [
26016
- F(by)
26017
- ]),
26018
- p("article", f5, [
26019
- F(gy)
26020
- ]),
26021
- p("article", b5, [
26022
- F(ey)
26023
- ]),
26024
- p("article", m5, [
26025
- F(ty)
26026
- ]),
26027
- p("article", x5, [
26028
- F(QP)
26029
- ])
26030
- ])
26031
- ])) : E("", !0),
26032
- u.value === "viewHTMLConfig" ? (y(), w("div", g5, [
26033
- p("div", y5, [
26034
- p("div", v5, [
26035
- p("p", S5, C(g(e)(
26036
- "Overview of Selected Element, Component, and Components. This section provides real-time updates based on your HTML selection."
25975
+ ], -1)
25976
+ ])])) : E("", !0),
25977
+ n.isLoading ? E("", !0) : (y(), w("div", t5, [
25978
+ u.value === "download" ? (y(), w("div", n5, [
25979
+ Array.isArray(o.value) && o.value.length >= 1 ? (y(), w("div", i5, [
25980
+ p("p", r5, C(g(e)(
25981
+ "Export the entire page as a standalone HTML file. This includes all sections, content, and applied styles, making it ready for use or integration elsewhere."
26037
25982
  )), 1),
26038
- p("div", null, [
26039
- p("h4", w5, C(g(e)("Types")), 1),
26040
- p("div", C5, [
26041
- p("div", k5, [
26042
- p("div", T5, [
26043
- p("div", M5, C(g(e)("Types")), 1)
26044
- ])
26045
- ]),
26046
- p("div", E5, [
26047
- p("p", B5, [
26048
- p("span", null, C(g(e)("Element type:")), 1),
26049
- p("span", null, C(typeof i.value), 1)
26050
- ]),
26051
- p("p", L5, [
26052
- p("span", null, C(g(e)("Component type:")), 1),
26053
- we(" " + C(typeof r.value), 1)
26054
- ]),
26055
- p("p", P5, [
26056
- p("span", null, C(g(e)("Components:")), 1),
26057
- p("span", null, C(Array.isArray(o.value) === !0 ? g(e)("array") : typeof o.value), 1)
26058
- ])
26059
- ])
25983
+ b[11] || (b[11] = p("hr", null, null, -1)),
25984
+ p("div", o5, [
25985
+ p("button", {
25986
+ onClick: c,
25987
+ type: "button",
25988
+ class: "pbx-myPrimaryButton"
25989
+ }, [
25990
+ b[10] || (b[10] = p("span", { class: "material-symbols-outlined" }, " download_2 ", -1)),
25991
+ p("span", null, C(g(e)("Download HTML file")), 1)
26060
25992
  ])
25993
+ ])
25994
+ ])) : E("", !0)
25995
+ ])) : E("", !0),
25996
+ u.value === "globalPageStyles" ? (y(), w("div", s5, [
25997
+ p("div", null, [
25998
+ p("p", l5, C(g(e)(
25999
+ "Apply styles that affect the entire page. These settings include global font family, text color, background color, and other universal styles that apply to all sections."
26000
+ )), 1),
26001
+ p("article", a5, [
26002
+ F(E2)
26061
26003
  ]),
26062
- p("div", null, [
26063
- p("h4", A5, C(g(e)("Content")), 1),
26064
- p("div", I5, [
26065
- p("div", $5, [
26066
- p("div", D5, [
26067
- p("div", {
26068
- onClick: b[3] || (b[3] = (z) => l("element")),
26069
- class: V(["pbx-px-4 pbx-py-4 pbx-cursor-pointer", [s.value === "element" ? "pbx-text-gray-100" : ""]])
26070
- }, C(g(e)("Element")), 3),
26071
- p("div", {
26072
- onClick: b[4] || (b[4] = (z) => l("component")),
26073
- class: V(["pbx-px-4 pbx-py-4 pbx-cursor-pointer", [s.value === "component" ? "pbx-text-gray-100" : ""]])
26074
- }, C(g(e)("Component")), 3),
26075
- p("div", {
26076
- onClick: b[5] || (b[5] = (z) => l("components")),
26077
- class: V(["pbx-px-4 pbx-py-4 pbx-cursor-pointer", [s.value === "components" ? "pbx-text-gray-100" : ""]])
26078
- }, C(g(e)("Components added")) + " " + C(Array.isArray(o.value) && o.value.length), 3)
26004
+ p("article", d5, [
26005
+ F(xy, { globalPageLayout: !0 })
26006
+ ]),
26007
+ p("article", p5, [
26008
+ F(my, { globalPageLayout: !0 })
26009
+ ]),
26010
+ p("article", c5, [
26011
+ F(hy)
26012
+ ]),
26013
+ p("article", u5, [
26014
+ F(fy)
26015
+ ]),
26016
+ p("article", h5, [
26017
+ F(by)
26018
+ ]),
26019
+ p("article", f5, [
26020
+ F(gy)
26021
+ ]),
26022
+ p("article", b5, [
26023
+ F(ey)
26024
+ ]),
26025
+ p("article", m5, [
26026
+ F(ty)
26027
+ ]),
26028
+ p("article", x5, [
26029
+ F(QP)
26030
+ ])
26031
+ ])
26032
+ ])) : E("", !0),
26033
+ u.value === "viewHTMLConfig" ? (y(), w("div", g5, [
26034
+ p("div", y5, [
26035
+ p("div", v5, [
26036
+ p("p", S5, C(g(e)(
26037
+ "Overview of Selected Element, Component, and Components. This section provides real-time updates based on your HTML selection."
26038
+ )), 1),
26039
+ p("div", null, [
26040
+ p("h4", w5, C(g(e)("Types")), 1),
26041
+ p("div", C5, [
26042
+ p("div", k5, [
26043
+ p("div", T5, [
26044
+ p("div", M5, C(g(e)("Types")), 1)
26045
+ ])
26046
+ ]),
26047
+ p("div", E5, [
26048
+ p("p", B5, [
26049
+ p("span", null, C(g(e)("Element type:")), 1),
26050
+ p("span", null, C(typeof i.value), 1)
26051
+ ]),
26052
+ p("p", L5, [
26053
+ p("span", null, C(g(e)("Component type:")), 1),
26054
+ we(" " + C(typeof r.value), 1)
26055
+ ]),
26056
+ p("p", P5, [
26057
+ p("span", null, C(g(e)("Components:")), 1),
26058
+ p("span", null, C(Array.isArray(o.value) === !0 ? g(e)("array") : typeof o.value), 1)
26059
+ ])
26079
26060
  ])
26080
- ]),
26081
- p("div", O5, [
26082
- s.value === "element" ? (y(), w("div", _5, [
26083
- r.value ? E("", !0) : (y(), w("div", N5, [
26084
- p("p", H5, C(r.value === null ? g(e)("No Element selected") : typeof r.value), 1)
26085
- ])),
26086
- i.value ? (y(), w("div", R5, [
26087
- p("div", z5, [
26088
- p("div", F5, [
26089
- p("table", j5, [
26090
- p("thead", V5, [
26091
- p("tr", null, [
26092
- p("th", q5, C(g(e)("Selected HTML:")), 1)
26093
- ])
26094
- ]),
26095
- p("tbody", W5, [
26096
- p("tr", null, [
26097
- p("td", U5, C((m = i.value) == null ? void 0 : m.outerHTML), 1)
26098
- ])
26099
- ])
26100
- ])
26101
- ]),
26102
- p("div", G5, [
26103
- p("table", K5, [
26104
- p("thead", J5, [
26105
- p("tr", null, [
26106
- p("th", Y5, C(g(e)("Element src:")), 1)
26107
- ])
26108
- ]),
26109
- p("tbody", Q5, [
26110
- p("tr", null, [
26111
- p("td", X5, C((x = i.value) != null && x.src ? (v = i.value) == null ? void 0 : v.src : typeof ((T = i.value) == null ? void 0 : T.src)), 1)
26061
+ ])
26062
+ ]),
26063
+ p("div", null, [
26064
+ p("h4", A5, C(g(e)("Content")), 1),
26065
+ p("div", I5, [
26066
+ p("div", $5, [
26067
+ p("div", D5, [
26068
+ p("div", {
26069
+ onClick: b[3] || (b[3] = (z) => l("element")),
26070
+ class: V(["pbx-px-4 pbx-py-4 pbx-cursor-pointer", [s.value === "element" ? "pbx-text-gray-100" : ""]])
26071
+ }, C(g(e)("Element")), 3),
26072
+ p("div", {
26073
+ onClick: b[4] || (b[4] = (z) => l("component")),
26074
+ class: V(["pbx-px-4 pbx-py-4 pbx-cursor-pointer", [s.value === "component" ? "pbx-text-gray-100" : ""]])
26075
+ }, C(g(e)("Component")), 3),
26076
+ p("div", {
26077
+ onClick: b[5] || (b[5] = (z) => l("components")),
26078
+ class: V(["pbx-px-4 pbx-py-4 pbx-cursor-pointer", [s.value === "components" ? "pbx-text-gray-100" : ""]])
26079
+ }, C(g(e)("Components added")) + " " + C(Array.isArray(o.value) && o.value.length), 3)
26080
+ ])
26081
+ ]),
26082
+ p("div", O5, [
26083
+ s.value === "element" ? (y(), w("div", _5, [
26084
+ r.value ? E("", !0) : (y(), w("div", N5, [
26085
+ p("p", H5, C(r.value === null ? g(e)("No Element selected") : typeof r.value), 1)
26086
+ ])),
26087
+ i.value ? (y(), w("div", R5, [
26088
+ p("div", z5, [
26089
+ p("div", F5, [
26090
+ p("table", j5, [
26091
+ p("thead", V5, [
26092
+ p("tr", null, [
26093
+ p("th", q5, C(g(e)("Selected HTML:")), 1)
26094
+ ])
26095
+ ]),
26096
+ p("tbody", W5, [
26097
+ p("tr", null, [
26098
+ p("td", U5, C((m = i.value) == null ? void 0 : m.outerHTML), 1)
26099
+ ])
26112
26100
  ])
26113
26101
  ])
26114
- ])
26115
- ])
26116
- ]),
26117
- p("div", Z5, [
26118
- p("table", eA, [
26119
- p("thead", tA, [
26120
- p("tr", null, [
26121
- p("th", nA, C(g(e)("Element classes:")), 1)
26122
- ])
26123
26102
  ]),
26124
- p("tbody", iA, [
26125
- p("tr", null, [
26126
- p("td", rA, C((S = i.value) != null && S.classList ? (M = i.value) == null ? void 0 : M.classList : typeof ((B = i.value) == null ? void 0 : B.classList)), 1)
26127
- ])
26128
- ])
26129
- ])
26130
- ])
26131
- ])) : E("", !0)
26132
- ])) : E("", !0),
26133
- s.value === "component" ? (y(), w("div", oA, [
26134
- r.value ? E("", !0) : (y(), w("div", sA, [
26135
- p("p", lA, C(r.value === null ? g(e)("No Component selected") : typeof r.value), 1)
26136
- ])),
26137
- r.value ? (y(), w("div", aA, [
26138
- p("div", dA, [
26139
- p("div", pA, [
26140
- p("table", cA, [
26141
- p("thead", uA, [
26142
- p("tr", null, [
26143
- p("th", hA, C(g(e)("ID:")), 1)
26144
- ])
26145
- ]),
26146
- p("tbody", fA, [
26147
- p("tr", null, [
26148
- p("td", bA, C((H = r.value) == null ? void 0 : H.id), 1)
26103
+ p("div", G5, [
26104
+ p("table", K5, [
26105
+ p("thead", J5, [
26106
+ p("tr", null, [
26107
+ p("th", Y5, C(g(e)("Element src:")), 1)
26108
+ ])
26109
+ ]),
26110
+ p("tbody", Q5, [
26111
+ p("tr", null, [
26112
+ p("td", X5, C((x = i.value) != null && x.src ? (v = i.value) == null ? void 0 : v.src : typeof ((T = i.value) == null ? void 0 : T.src)), 1)
26113
+ ])
26149
26114
  ])
26150
26115
  ])
26151
26116
  ])
26152
26117
  ]),
26153
- p("div", mA, [
26154
- p("table", xA, [
26155
- p("thead", gA, [
26118
+ p("div", Z5, [
26119
+ p("table", eA, [
26120
+ p("thead", tA, [
26156
26121
  p("tr", null, [
26157
- p("th", yA, C(g(e)("Title:")), 1)
26122
+ p("th", nA, C(g(e)("Element classes:")), 1)
26158
26123
  ])
26159
26124
  ]),
26160
- p("tbody", vA, [
26125
+ p("tbody", iA, [
26161
26126
  p("tr", null, [
26162
- p("td", SA, C((I = r.value) == null ? void 0 : I.title), 1)
26163
- ])
26164
- ])
26165
- ])
26166
- ])
26167
- ]),
26168
- p("div", wA, [
26169
- p("table", CA, [
26170
- p("thead", kA, [
26171
- p("tr", null, [
26172
- p("th", TA, C(g(e)("HTML Code:")), 1)
26173
- ])
26174
- ]),
26175
- p("tbody", MA, [
26176
- p("tr", null, [
26177
- p("td", EA, [
26178
- p("pre", BA, [
26179
- b[12] || (b[12] = we(" ", -1)),
26180
- p("code", {
26181
- class: "pbx-font-sans pbx-bg-gray-800 pbx-p-4 pbx-rounded-md pbx-block pbx-w-full",
26182
- innerHTML: a((N = r.value) == null ? void 0 : N.html_code)
26183
- }, null, 8, LA),
26184
- b[13] || (b[13] = we(`
26185
- `, -1))
26186
- ])
26127
+ p("td", rA, C((S = i.value) != null && S.classList ? (M = i.value) == null ? void 0 : M.classList : typeof ((B = i.value) == null ? void 0 : B.classList)), 1)
26187
26128
  ])
26188
26129
  ])
26189
26130
  ])
26190
26131
  ])
26191
- ])
26192
- ])) : E("", !0)
26193
- ])) : E("", !0),
26194
- s.value === "components" ? (y(), w("div", PA, [
26195
- Array.isArray(o.value) && o.value.length === 0 ? (y(), w("div", AA, [
26196
- p("p", IA, C(g(e)("No Components added yet")), 1)
26132
+ ])) : E("", !0)
26197
26133
  ])) : E("", !0),
26198
- o.value ? (y(), w("div", $A, [
26199
- (y(!0), w(J, null, ie(o.value, (z) => (y(), w("div", {
26200
- key: z.id,
26201
- class: "pbx-overflow-hidden pbx-border-solid pbx-border pbx-border-gray-100 pbx-mb-6"
26202
- }, [
26203
- p("div", DA, [
26204
- p("div", OA, [
26205
- p("table", _A, [
26206
- p("thead", NA, [
26134
+ s.value === "component" ? (y(), w("div", oA, [
26135
+ r.value ? E("", !0) : (y(), w("div", sA, [
26136
+ p("p", lA, C(r.value === null ? g(e)("No Component selected") : typeof r.value), 1)
26137
+ ])),
26138
+ r.value ? (y(), w("div", aA, [
26139
+ p("div", dA, [
26140
+ p("div", pA, [
26141
+ p("table", cA, [
26142
+ p("thead", uA, [
26207
26143
  p("tr", null, [
26208
- p("th", HA, C(g(e)("ID:")), 1)
26144
+ p("th", hA, C(g(e)("ID:")), 1)
26209
26145
  ])
26210
26146
  ]),
26211
- p("tbody", RA, [
26147
+ p("tbody", fA, [
26212
26148
  p("tr", null, [
26213
- p("td", zA, C(z.id), 1)
26149
+ p("td", bA, C((H = r.value) == null ? void 0 : H.id), 1)
26214
26150
  ])
26215
26151
  ])
26216
26152
  ])
26217
26153
  ]),
26218
- p("div", FA, [
26219
- p("table", jA, [
26220
- p("thead", VA, [
26154
+ p("div", mA, [
26155
+ p("table", xA, [
26156
+ p("thead", gA, [
26221
26157
  p("tr", null, [
26222
- p("th", qA, C(g(e)("Title:")), 1)
26158
+ p("th", yA, C(g(e)("Title:")), 1)
26223
26159
  ])
26224
26160
  ]),
26225
- p("tbody", WA, [
26161
+ p("tbody", vA, [
26226
26162
  p("tr", null, [
26227
- p("td", UA, C(z.title), 1)
26163
+ p("td", SA, C((I = r.value) == null ? void 0 : I.title), 1)
26228
26164
  ])
26229
26165
  ])
26230
26166
  ])
26231
26167
  ])
26232
26168
  ]),
26233
- p("div", GA, [
26234
- p("table", KA, [
26235
- p("thead", JA, [
26169
+ p("div", wA, [
26170
+ p("table", CA, [
26171
+ p("thead", kA, [
26236
26172
  p("tr", null, [
26237
- p("th", YA, C(g(e)("HTML Code:")), 1)
26173
+ p("th", TA, C(g(e)("HTML Code:")), 1)
26238
26174
  ])
26239
26175
  ]),
26240
- p("tbody", QA, [
26176
+ p("tbody", MA, [
26241
26177
  p("tr", null, [
26242
- p("td", XA, [
26243
- p("pre", ZA, [
26244
- b[14] || (b[14] = we(" ", -1)),
26178
+ p("td", EA, [
26179
+ p("pre", BA, [
26180
+ b[12] || (b[12] = we(" ", -1)),
26245
26181
  p("code", {
26246
- class: "pbx-font-sans pbx-w-full",
26247
- innerHTML: a(z.html_code)
26248
- }, null, 8, e9),
26249
- b[15] || (b[15] = we(`
26182
+ class: "pbx-font-sans pbx-bg-gray-800 pbx-p-4 pbx-rounded-md pbx-block pbx-w-full",
26183
+ innerHTML: a((N = r.value) == null ? void 0 : N.html_code)
26184
+ }, null, 8, LA),
26185
+ b[13] || (b[13] = we(`
26250
26186
  `, -1))
26251
26187
  ])
26252
26188
  ])
@@ -26254,16 +26190,82 @@ const UL = { class: "pbx-my-2 pbx-py-2" }, GL = {
26254
26190
  ])
26255
26191
  ])
26256
26192
  ])
26257
- ]))), 128))
26193
+ ])) : E("", !0)
26194
+ ])) : E("", !0),
26195
+ s.value === "components" ? (y(), w("div", PA, [
26196
+ Array.isArray(o.value) && o.value.length === 0 ? (y(), w("div", AA, [
26197
+ p("p", IA, C(g(e)("No Components added yet")), 1)
26198
+ ])) : E("", !0),
26199
+ o.value ? (y(), w("div", $A, [
26200
+ (y(!0), w(J, null, ie(o.value, (z) => (y(), w("div", {
26201
+ key: z.id,
26202
+ class: "pbx-overflow-hidden pbx-border-solid pbx-border pbx-border-gray-100 pbx-mb-6"
26203
+ }, [
26204
+ p("div", DA, [
26205
+ p("div", OA, [
26206
+ p("table", _A, [
26207
+ p("thead", NA, [
26208
+ p("tr", null, [
26209
+ p("th", HA, C(g(e)("ID:")), 1)
26210
+ ])
26211
+ ]),
26212
+ p("tbody", RA, [
26213
+ p("tr", null, [
26214
+ p("td", zA, C(z.id), 1)
26215
+ ])
26216
+ ])
26217
+ ])
26218
+ ]),
26219
+ p("div", FA, [
26220
+ p("table", jA, [
26221
+ p("thead", VA, [
26222
+ p("tr", null, [
26223
+ p("th", qA, C(g(e)("Title:")), 1)
26224
+ ])
26225
+ ]),
26226
+ p("tbody", WA, [
26227
+ p("tr", null, [
26228
+ p("td", UA, C(z.title), 1)
26229
+ ])
26230
+ ])
26231
+ ])
26232
+ ])
26233
+ ]),
26234
+ p("div", GA, [
26235
+ p("table", KA, [
26236
+ p("thead", JA, [
26237
+ p("tr", null, [
26238
+ p("th", YA, C(g(e)("HTML Code:")), 1)
26239
+ ])
26240
+ ]),
26241
+ p("tbody", QA, [
26242
+ p("tr", null, [
26243
+ p("td", XA, [
26244
+ p("pre", ZA, [
26245
+ b[14] || (b[14] = we(" ", -1)),
26246
+ p("code", {
26247
+ class: "pbx-font-sans pbx-w-full",
26248
+ innerHTML: a(z.html_code)
26249
+ }, null, 8, e9),
26250
+ b[15] || (b[15] = we(`
26251
+ `, -1))
26252
+ ])
26253
+ ])
26254
+ ])
26255
+ ])
26256
+ ])
26257
+ ])
26258
+ ]))), 128))
26259
+ ])) : E("", !0)
26258
26260
  ])) : E("", !0)
26259
- ])) : E("", !0)
26261
+ ])
26260
26262
  ])
26261
26263
  ])
26262
26264
  ])
26263
26265
  ])
26264
- ])
26265
- ])) : E("", !0)
26266
- ]))
26266
+ ])) : E("", !0)
26267
+ ]))
26268
+ ])
26267
26269
  ]);
26268
26270
  };
26269
26271
  }