@bagelink/blox 1.10.35 → 1.10.39

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 (3) hide show
  1. package/dist/index.cjs +217 -185
  2. package/dist/index.mjs +218 -186
  3. package/package.json +1 -1
package/dist/index.cjs CHANGED
@@ -542,10 +542,7 @@ const _hoisted_21 = { class: "flex gap-025" };
542
542
  const _hoisted_22 = { class: "py-025" };
543
543
  const _hoisted_23 = { class: "m-0 txt12 px-05 opacity-7" };
544
544
  const _hoisted_24 = { class: "gap-025 flex align-items-center" };
545
- const _hoisted_25 = {
546
- key: 0,
547
- class: "relative overflow-hidden h-100p border-end gap-0"
548
- };
545
+ const _hoisted_25 = { class: "relative overflow-hidden h-100p gap-0" };
549
546
  const _hoisted_26 = { class: "flex space-between border-bottom px-1 py-075" };
550
547
  const _hoisted_27 = {
551
548
  key: 0,
@@ -563,10 +560,7 @@ const _hoisted_31 = ["onClick"];
563
560
  const _hoisted_32 = { class: "me-05 txt-12 semi ellipsis-1" };
564
561
  const _hoisted_33 = ["innerHTML"];
565
562
  const _hoisted_34 = { class: "add-sec-btn transition txt-9 relative txt-start" };
566
- const _hoisted_35 = {
567
- key: 1,
568
- class: "grid relative border-start"
569
- };
563
+ const _hoisted_35 = { class: "grid relative h-100p" };
570
564
  const _hoisted_36 = {
571
565
  key: 0,
572
566
  class: "relative z-2 bg-white"
@@ -812,11 +806,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
812
806
  const previewMode = vue.ref(false);
813
807
  const zoomPercent = vue.ref(100);
814
808
  const zoomPercentOptions = [25, 50, 75, 100];
815
- const windowWidth = vue.ref(typeof window !== "undefined" ? window.innerWidth : 1280);
816
- const layoutColumns = vue.computed(
817
- () => previewMode.value ? ["1fr"] : ["minmax(100px, 260px)", "minmax(400px, 1fr)", "minmax(180px, 320px)"]
818
- );
819
- const currentMiddlePanelWidth = vue.computed(() => 65 / 110 * (windowWidth.value - 46));
809
+ const middlePanelEl = vue.ref(null);
810
+ const currentMiddlePanelWidth = vue.ref(typeof window !== "undefined" ? window.innerWidth * 0.6 : 800);
811
+ let middlePanelRo = null;
820
812
  const maxPossibleZoomPercent = vue.computed(() => {
821
813
  const availableWidth = currentMiddlePanelWidth.value - 60;
822
814
  if (isMobile.value) {
@@ -1187,8 +1179,16 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
1187
1179
  document.body.style.height = "100vh";
1188
1180
  document.body.style.overflow = "hidden";
1189
1181
  window.addEventListener("message", onIframeMessage);
1190
- window.addEventListener("resize", handleResize);
1191
1182
  document.addEventListener("keydown", keyboardShortcuts);
1183
+ await vue.nextTick();
1184
+ if (middlePanelEl.value) {
1185
+ middlePanelRo = new ResizeObserver(() => {
1186
+ var _a;
1187
+ currentMiddlePanelWidth.value = ((_a = middlePanelEl.value) == null ? void 0 : _a.offsetWidth) ?? currentMiddlePanelWidth.value;
1188
+ applyEditorZoom();
1189
+ });
1190
+ middlePanelRo.observe(middlePanelEl.value);
1191
+ }
1192
1192
  await loadData();
1193
1193
  await loadPage(currentPageId.value);
1194
1194
  setIframeSize("desktop");
@@ -1197,8 +1197,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
1197
1197
  });
1198
1198
  vue.onUnmounted(() => {
1199
1199
  window.removeEventListener("message", onIframeMessage);
1200
- window.removeEventListener("resize", handleResize);
1201
1200
  document.removeEventListener("keydown", keyboardShortcuts);
1201
+ middlePanelRo == null ? void 0 : middlePanelRo.disconnect();
1202
+ middlePanelRo = null;
1202
1203
  document.body.classList.remove(
1203
1204
  "editor-mobile-mode",
1204
1205
  "editor-desktop-mode",
@@ -1208,9 +1209,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
1208
1209
  document.body.style.height = "";
1209
1210
  document.body.style.overflow = "";
1210
1211
  });
1211
- function handleResize() {
1212
- windowWidth.value = window.innerWidth;
1213
- }
1214
1212
  vue.watch(
1215
1213
  () => props.pageId,
1216
1214
  (newId, oldId) => {
@@ -1541,181 +1539,215 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
1541
1539
  }),
1542
1540
  _: 1
1543
1541
  }),
1544
- vue.createElementVNode("div", {
1545
- class: "py-25 grid h-100 relative",
1546
- style: vue.normalizeStyle({ gridTemplateColumns: layoutColumns.value.join(" ") })
1547
- }, [
1548
- !previewMode.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_25, [
1549
- vue.createElementVNode("div", _hoisted_26, [
1550
- _cache[14] || (_cache[14] = vue.createElementVNode("p", { class: "m-0 pe-05 txt14" }, " מבנה העמוד ", -1)),
1551
- vue.createVNode(vue.unref(vue$1.Btn), {
1552
- thin: "",
1553
- icon: "add",
1554
- class: "txt12",
1555
- onClick: _cache[7] || (_cache[7] = ($event) => newBlock.value = !newBlock.value)
1556
- })
1557
- ]),
1558
- !blocks.value.length && !isAddingBlock.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_27, [
1559
- (vue.openBlock(), vue.createElementBlock("svg", _hoisted_28, _cache[15] || (_cache[15] = [
1560
- vue.createElementVNode("path", {
1561
- d: "M7 4l3-3 1 5M10 1S5 8 13 19",
1562
- stroke: "#000",
1563
- "stroke-width": "1",
1564
- fill: "none",
1565
- "stroke-linecap": "round",
1566
- "stroke-linejoin": "round"
1567
- }, null, -1)
1568
- ]))),
1569
- _cache[16] || (_cache[16] = vue.createElementVNode("p", null, [
1570
- vue.createTextVNode("לחצו כאן להוספת"),
1571
- vue.createElementVNode("br"),
1572
- vue.createElementVNode("b", null, "בלוק חדש")
1573
- ], -1))
1574
- ])) : vue.createCommentVNode("", true),
1575
- vue.createElementVNode("div", {
1576
- ref_key: "draggableContainer",
1577
- ref: draggableContainer,
1578
- outline: "",
1579
- class: "h-100 overflow"
1580
- }, [
1581
- (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(blocks.value, (block, i) => {
1582
- return vue.openBlock(), vue.createElementBlock("div", {
1583
- key: blockKeys.value[i],
1584
- "data-draggable-id": blockKeys.value[i],
1585
- class: "draggable-item"
1586
- }, [
1542
+ vue.createVNode(vue.unref(vue$1.Resizable), {
1543
+ horizontal: "",
1544
+ class: "h-100"
1545
+ }, {
1546
+ default: vue.withCtx(() => [
1547
+ vue.createVNode(vue.unref(vue$1.Panel), {
1548
+ "default-size": 260,
1549
+ min: 100,
1550
+ max: 260,
1551
+ collapsed: previewMode.value
1552
+ }, {
1553
+ default: vue.withCtx(() => [
1554
+ vue.createElementVNode("div", _hoisted_25, [
1555
+ vue.createElementVNode("div", _hoisted_26, [
1556
+ _cache[14] || (_cache[14] = vue.createElementVNode("p", { class: "m-0 pe-05 txt14" }, " מבנה העמוד ", -1)),
1557
+ vue.createVNode(vue.unref(vue$1.Btn), {
1558
+ thin: "",
1559
+ icon: "add",
1560
+ class: "txt12",
1561
+ onClick: _cache[7] || (_cache[7] = ($event) => newBlock.value = !newBlock.value)
1562
+ })
1563
+ ]),
1564
+ !blocks.value.length && !isAddingBlock.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_27, [
1565
+ (vue.openBlock(), vue.createElementBlock("svg", _hoisted_28, _cache[15] || (_cache[15] = [
1566
+ vue.createElementVNode("path", {
1567
+ d: "M7 4l3-3 1 5M10 1S5 8 13 19",
1568
+ stroke: "#000",
1569
+ "stroke-width": "1",
1570
+ fill: "none",
1571
+ "stroke-linecap": "round",
1572
+ "stroke-linejoin": "round"
1573
+ }, null, -1)
1574
+ ]))),
1575
+ _cache[16] || (_cache[16] = vue.createElementVNode("p", null, [
1576
+ vue.createTextVNode("לחצו כאן להוספת"),
1577
+ vue.createElementVNode("br"),
1578
+ vue.createElementVNode("b", null, "בלוק חדש")
1579
+ ], -1))
1580
+ ])) : vue.createCommentVNode("", true),
1587
1581
  vue.createElementVNode("div", {
1588
- class: "my-025 flex gap-025 overflow-hidden px-025",
1589
- onMouseenter: ($event) => hoverBlock(i),
1590
- onMouseleave: _cache[8] || (_cache[8] = ($event) => hoverBlock(null)),
1591
- onFocusin: ($event) => hoverBlock(i),
1592
- onFocusout: _cache[9] || (_cache[9] = ($event) => hoverBlock(null))
1582
+ ref_key: "draggableContainer",
1583
+ ref: draggableContainer,
1584
+ outline: "",
1585
+ class: "h-100 overflow"
1593
1586
  }, [
1594
- vue.createElementVNode("div", {
1595
- class: vue.normalizeClass(["sectionAccordionBlock rounded border-none hover flex-grow p-025 my-025 transition flex", {
1596
- "highlightID bg-gray-light": hoveredIndex.value === i && selectedIndex.value !== i,
1597
- "bg-primary color-white": selectedIndex.value === i
1598
- }]),
1599
- onClick: ($event) => selectBlock(i)
1600
- }, [
1601
- vue.createVNode(vue.unref(vue$1.Icon), {
1602
- icon: registryIcon(block.type),
1603
- class: "mx-05"
1604
- }, null, 8, ["icon"]),
1605
- vue.createElementVNode("p", _hoisted_32, vue.toDisplayString(registryLabel(block.type)), 1),
1606
- vue.createElementVNode("p", {
1607
- class: "ellipsis-1 m-0 txt-12 txt-start opacity-5",
1608
- innerHTML: block.props.title || block.props.heading || block.props.name || ""
1609
- }, null, 8, _hoisted_33),
1610
- vue.createVNode(vue.unref(vue$1.Icon), {
1611
- name: "drag_indicator",
1612
- class: "reorderHover color-gray opacity-0 ms-auto transition drag-handle"
1613
- })
1614
- ], 10, _hoisted_31)
1615
- ], 40, _hoisted_30),
1616
- vue.createElementVNode("div", _hoisted_34, [
1617
- vue.createVNode(vue.unref(vue$1.Icon), {
1618
- round: "",
1619
- icon: "add",
1620
- size: "0.5",
1621
- class: "z-1 relative transition opacity-0 hover bg-blue color-white",
1622
- onClick: ($event) => addNewBlock(i)
1623
- }, null, 8, ["onClick"])
1624
- ])
1625
- ], 8, _hoisted_29);
1626
- }), 128))
1627
- ], 512)
1628
- ])) : vue.createCommentVNode("", true),
1629
- vue.createElementVNode("div", {
1630
- class: vue.normalizeClass(["h-100 overflow-hidden txt-center bg-gray-80 flex-center relative", { "overflow-auto": isMobile.value }]),
1631
- style: { "user-select": "none" }
1632
- }, [
1633
- vue.createVNode(vue.unref(vue$1.IframeVue), {
1634
- ref_key: "iframePreview",
1635
- ref: iframePreview,
1636
- class: vue.normalizeClass(["site-iframe h-100", { "mobile-view": isMobile.value }]),
1637
- src: previewUrl.value,
1638
- style: vue.normalizeStyle({
1639
- width: isMobile.value ? "375px" : "100%",
1640
- height: iframeHeight.value,
1641
- zoom: iframeZoom.value,
1642
- transformOrigin: "top left"
1643
- })
1644
- }, null, 8, ["src", "class", "style"])
1645
- ], 2),
1646
- !previewMode.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_35, [
1647
- selectedBlock.value !== null ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_36, [
1648
- vue.createElementVNode("div", _hoisted_37, [
1649
- vue.createVNode(vue.unref(vue$1.Icon), {
1650
- icon: registryIcon(selectedBlock.value.type),
1651
- class: "txt-gray mx-05"
1652
- }, null, 8, ["icon"]),
1653
- vue.createElementVNode("p", _hoisted_38, vue.toDisplayString(registryLabel(selectedBlock.value.type)), 1),
1654
- vue.createElementVNode("div", _hoisted_39, [
1655
- vue.withDirectives(vue.createVNode(vue.unref(vue$1.Btn), {
1656
- title: "סגור עורך (ESC)",
1657
- icon: "close",
1658
- flat: "",
1659
- thin: "",
1660
- class: "txt10 opacity-7",
1661
- onClick: clearSelection
1662
- }, null, 512), [
1663
- [_directive_tooltip, "סגור עורך (ESC)"]
1664
- ])
1587
+ (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(blocks.value, (block, i) => {
1588
+ return vue.openBlock(), vue.createElementBlock("div", {
1589
+ key: blockKeys.value[i],
1590
+ "data-draggable-id": blockKeys.value[i],
1591
+ class: "draggable-item"
1592
+ }, [
1593
+ vue.createElementVNode("div", {
1594
+ class: "my-025 flex gap-025 overflow-hidden px-025",
1595
+ onMouseenter: ($event) => hoverBlock(i),
1596
+ onMouseleave: _cache[8] || (_cache[8] = ($event) => hoverBlock(null)),
1597
+ onFocusin: ($event) => hoverBlock(i),
1598
+ onFocusout: _cache[9] || (_cache[9] = ($event) => hoverBlock(null))
1599
+ }, [
1600
+ vue.createElementVNode("div", {
1601
+ class: vue.normalizeClass(["sectionAccordionBlock rounded border-none hover flex-grow p-025 my-025 transition flex", {
1602
+ "highlightID bg-gray-light": hoveredIndex.value === i && selectedIndex.value !== i,
1603
+ "bg-primary color-white": selectedIndex.value === i
1604
+ }]),
1605
+ onClick: ($event) => selectBlock(i)
1606
+ }, [
1607
+ vue.createVNode(vue.unref(vue$1.Icon), {
1608
+ icon: registryIcon(block.type),
1609
+ class: "mx-05"
1610
+ }, null, 8, ["icon"]),
1611
+ vue.createElementVNode("p", _hoisted_32, vue.toDisplayString(registryLabel(block.type)), 1),
1612
+ vue.createElementVNode("p", {
1613
+ class: "ellipsis-1 m-0 txt-12 txt-start opacity-5",
1614
+ innerHTML: block.props.title || block.props.heading || block.props.name || ""
1615
+ }, null, 8, _hoisted_33),
1616
+ vue.createVNode(vue.unref(vue$1.Icon), {
1617
+ name: "drag_indicator",
1618
+ class: "reorderHover color-gray opacity-0 ms-auto transition drag-handle"
1619
+ })
1620
+ ], 10, _hoisted_31)
1621
+ ], 40, _hoisted_30),
1622
+ vue.createElementVNode("div", _hoisted_34, [
1623
+ vue.createVNode(vue.unref(vue$1.Icon), {
1624
+ round: "",
1625
+ icon: "add",
1626
+ size: "0.5",
1627
+ class: "z-1 relative transition opacity-0 hover bg-blue color-white",
1628
+ onClick: ($event) => addNewBlock(i)
1629
+ }, null, 8, ["onClick"])
1630
+ ])
1631
+ ], 8, _hoisted_29);
1632
+ }), 128))
1633
+ ], 512)
1665
1634
  ])
1666
1635
  ]),
1667
- vue.createElementVNode("div", {
1668
- class: "h-100p overflow pt-1 scrollbar-gutter-both",
1669
- onClick: _cache[12] || (_cache[12] = vue.withModifiers(() => {
1670
- }, ["stop"]))
1671
- }, [
1672
- vue.createElementVNode("div", _hoisted_40, [
1673
- blockSchema(selectedBlock.value.type) ? (vue.openBlock(), vue.createBlock(vue.unref(vue$1.FormFlow), {
1674
- key: 0,
1675
- modelValue: selectedBlock.value.props,
1676
- "onUpdate:modelValue": [
1677
- _cache[10] || (_cache[10] = ($event) => selectedBlock.value.props = $event),
1678
- vue.unref(debouncedSendBlocks)
1679
- ],
1680
- schema: blockSchema(selectedBlock.value.type)
1681
- }, null, 8, ["modelValue", "schema", "onUpdate:modelValue"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_41, [
1636
+ _: 1
1637
+ }, 8, ["collapsed"]),
1638
+ vue.createVNode(vue.unref(vue$1.Panel), {
1639
+ flex: "",
1640
+ min: 400
1641
+ }, {
1642
+ default: vue.withCtx(() => [
1643
+ vue.createElementVNode("div", {
1644
+ ref_key: "middlePanelEl",
1645
+ ref: middlePanelEl,
1646
+ class: vue.normalizeClass(["h-100 overflow-hidden txt-center bg-gray-80 flex-center relative", { "overflow-auto": isMobile.value }]),
1647
+ style: { "user-select": "none" }
1648
+ }, [
1649
+ vue.createVNode(vue.unref(vue$1.IframeVue), {
1650
+ ref_key: "iframePreview",
1651
+ ref: iframePreview,
1652
+ class: vue.normalizeClass(["site-iframe h-100", { "mobile-view": isMobile.value }]),
1653
+ src: previewUrl.value,
1654
+ style: vue.normalizeStyle({
1655
+ width: isMobile.value ? "375px" : "100%",
1656
+ height: iframeHeight.value,
1657
+ zoom: iframeZoom.value,
1658
+ transformOrigin: "top left"
1659
+ })
1660
+ }, null, 8, ["src", "class", "style"])
1661
+ ], 2)
1662
+ ]),
1663
+ _: 1
1664
+ }),
1665
+ vue.createVNode(vue.unref(vue$1.Panel), {
1666
+ "default-size": 280,
1667
+ min: 180,
1668
+ max: 320,
1669
+ collapsed: previewMode.value,
1670
+ handle: false
1671
+ }, {
1672
+ default: vue.withCtx(() => [
1673
+ vue.createElementVNode("div", _hoisted_35, [
1674
+ selectedBlock.value !== null ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_36, [
1675
+ vue.createElementVNode("div", _hoisted_37, [
1676
+ vue.createVNode(vue.unref(vue$1.Icon), {
1677
+ icon: registryIcon(selectedBlock.value.type),
1678
+ class: "txt-gray mx-05"
1679
+ }, null, 8, ["icon"]),
1680
+ vue.createElementVNode("p", _hoisted_38, vue.toDisplayString(registryLabel(selectedBlock.value.type)), 1),
1681
+ vue.createElementVNode("div", _hoisted_39, [
1682
+ vue.withDirectives(vue.createVNode(vue.unref(vue$1.Btn), {
1683
+ title: "סגור עורך (ESC)",
1684
+ icon: "close",
1685
+ flat: "",
1686
+ thin: "",
1687
+ class: "txt10 opacity-7",
1688
+ onClick: clearSelection
1689
+ }, null, 512), [
1690
+ [_directive_tooltip, "סגור עורך (ESC)"]
1691
+ ])
1692
+ ])
1693
+ ]),
1694
+ vue.createElementVNode("div", {
1695
+ class: "h-100p overflow pt-1 scrollbar-gutter-both",
1696
+ onClick: _cache[12] || (_cache[12] = vue.withModifiers(() => {
1697
+ }, ["stop"]))
1698
+ }, [
1699
+ vue.createElementVNode("div", _hoisted_40, [
1700
+ blockSchema(selectedBlock.value.type) ? (vue.openBlock(), vue.createBlock(vue.unref(vue$1.FormFlow), {
1701
+ key: 0,
1702
+ modelValue: selectedBlock.value.props,
1703
+ "onUpdate:modelValue": [
1704
+ _cache[10] || (_cache[10] = ($event) => selectedBlock.value.props = $event),
1705
+ vue.unref(debouncedSendBlocks)
1706
+ ],
1707
+ schema: blockSchema(selectedBlock.value.type)
1708
+ }, null, 8, ["modelValue", "schema", "onUpdate:modelValue"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_41, [
1709
+ vue.createVNode(vue.unref(vue$1.Icon), {
1710
+ icon: "data_object",
1711
+ size: "3",
1712
+ weight: "200",
1713
+ class: "block"
1714
+ }),
1715
+ _cache[17] || (_cache[17] = vue.createElementVNode("p", { class: "txt-12 mt-05" }, [
1716
+ vue.createTextVNode(" תוכן הבלוק הזה מגיע ממקור נתונים"),
1717
+ vue.createElementVNode("br"),
1718
+ vue.createTextVNode("ואינו ניתן לעריכה כאן. ")
1719
+ ], -1))
1720
+ ]))
1721
+ ]),
1722
+ vue.createElementVNode("div", _hoisted_42, [
1723
+ selectedIndex.value !== null ? (vue.openBlock(), vue.createBlock(vue.unref(vue$1.Btn), {
1724
+ key: 0,
1725
+ icon: "delete",
1726
+ class: "txt10 opacity-7 color-red m-1 w-a",
1727
+ flat: "",
1728
+ thin: "",
1729
+ value: "הסרת מקטע",
1730
+ onClick: _cache[11] || (_cache[11] = ($event) => removeBlock(selectedIndex.value))
1731
+ })) : vue.createCommentVNode("", true)
1732
+ ])
1733
+ ])
1734
+ ])) : vue.createCommentVNode("", true),
1735
+ vue.createElementVNode("div", _hoisted_43, [
1682
1736
  vue.createVNode(vue.unref(vue$1.Icon), {
1683
- icon: "data_object",
1684
- size: "3",
1737
+ class: "txt-center block",
1738
+ icon: "bolt",
1685
1739
  weight: "200",
1686
- class: "block"
1740
+ size: "10"
1687
1741
  }),
1688
- _cache[17] || (_cache[17] = vue.createElementVNode("p", { class: "txt-12 mt-05" }, [
1689
- vue.createTextVNode(" תוכן הבלוק הזה מגיע ממקור נתונים"),
1690
- vue.createElementVNode("br"),
1691
- vue.createTextVNode("ואינו ניתן לעריכה כאן. ")
1692
- ], -1))
1693
- ]))
1694
- ]),
1695
- vue.createElementVNode("div", _hoisted_42, [
1696
- selectedIndex.value !== null ? (vue.openBlock(), vue.createBlock(vue.unref(vue$1.Btn), {
1697
- key: 0,
1698
- icon: "delete",
1699
- class: "txt10 opacity-7 color-red m-1 w-a",
1700
- flat: "",
1701
- thin: "",
1702
- value: "הסרת מקטע",
1703
- onClick: _cache[11] || (_cache[11] = ($event) => removeBlock(selectedIndex.value))
1704
- })) : vue.createCommentVNode("", true)
1742
+ _cache[18] || (_cache[18] = vue.createElementVNode("p", { class: "txt-center" }, " לחצו על מקטע כדי לערוך ", -1))
1743
+ ])
1705
1744
  ])
1706
- ])
1707
- ])) : vue.createCommentVNode("", true),
1708
- vue.createElementVNode("div", _hoisted_43, [
1709
- vue.createVNode(vue.unref(vue$1.Icon), {
1710
- class: "txt-center block",
1711
- icon: "bolt",
1712
- weight: "200",
1713
- size: "10"
1714
- }),
1715
- _cache[18] || (_cache[18] = vue.createElementVNode("p", { class: "txt-center" }, " לחצו על מקטע כדי לערוך ", -1))
1716
- ])
1717
- ])) : vue.createCommentVNode("", true)
1718
- ], 4)
1745
+ ]),
1746
+ _: 1
1747
+ }, 8, ["collapsed"])
1748
+ ]),
1749
+ _: 1
1750
+ })
1719
1751
  ]),
1720
1752
  vue.createElementVNode("div", _hoisted_44, [
1721
1753
  vue.createVNode(vue.unref(vue$1.Icon), {
package/dist/index.mjs CHANGED
@@ -3,7 +3,7 @@ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { en
3
3
  var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
4
4
  import { computed, ref, defineComponent, inject, h, provide, watch, resolveComponent, createElementBlock, openBlock, createBlock, createElementVNode, createVNode, toDisplayString, unref, withCtx, createTextVNode, normalizeProps, guardReactiveProps, renderSlot, onMounted, onUnmounted, nextTick, resolveDirective, Fragment, renderList, normalizeClass, createCommentVNode, withDirectives, withModifiers, withKeys, normalizeStyle } from "vue";
5
5
  import { useRoute, useRouter, RouterLink } from "vue-router";
6
- import { getI18n, useDialog, filterRef, useDraggable, schema, $, useDebounceFn, Card, Modal, TextInput, Icon, TopBar, Dropdown, ListItem, Btn, IframeVue, FormFlow } from "@bagelink/vue";
6
+ import { getI18n, useDialog, filterRef, useDraggable, schema, $, useDebounceFn, Card, Modal, TextInput, Icon, TopBar, Dropdown, ListItem, Btn, Resizable, Panel, IframeVue, FormFlow } from "@bagelink/vue";
7
7
  const BASE = "/api";
8
8
  let _websiteName = "";
9
9
  let _store = "";
@@ -540,10 +540,7 @@ const _hoisted_21 = { class: "flex gap-025" };
540
540
  const _hoisted_22 = { class: "py-025" };
541
541
  const _hoisted_23 = { class: "m-0 txt12 px-05 opacity-7" };
542
542
  const _hoisted_24 = { class: "gap-025 flex align-items-center" };
543
- const _hoisted_25 = {
544
- key: 0,
545
- class: "relative overflow-hidden h-100p border-end gap-0"
546
- };
543
+ const _hoisted_25 = { class: "relative overflow-hidden h-100p gap-0" };
547
544
  const _hoisted_26 = { class: "flex space-between border-bottom px-1 py-075" };
548
545
  const _hoisted_27 = {
549
546
  key: 0,
@@ -561,10 +558,7 @@ const _hoisted_31 = ["onClick"];
561
558
  const _hoisted_32 = { class: "me-05 txt-12 semi ellipsis-1" };
562
559
  const _hoisted_33 = ["innerHTML"];
563
560
  const _hoisted_34 = { class: "add-sec-btn transition txt-9 relative txt-start" };
564
- const _hoisted_35 = {
565
- key: 1,
566
- class: "grid relative border-start"
567
- };
561
+ const _hoisted_35 = { class: "grid relative h-100p" };
568
562
  const _hoisted_36 = {
569
563
  key: 0,
570
564
  class: "relative z-2 bg-white"
@@ -810,11 +804,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
810
804
  const previewMode = ref(false);
811
805
  const zoomPercent = ref(100);
812
806
  const zoomPercentOptions = [25, 50, 75, 100];
813
- const windowWidth = ref(typeof window !== "undefined" ? window.innerWidth : 1280);
814
- const layoutColumns = computed(
815
- () => previewMode.value ? ["1fr"] : ["minmax(100px, 260px)", "minmax(400px, 1fr)", "minmax(180px, 320px)"]
816
- );
817
- const currentMiddlePanelWidth = computed(() => 65 / 110 * (windowWidth.value - 46));
807
+ const middlePanelEl = ref(null);
808
+ const currentMiddlePanelWidth = ref(typeof window !== "undefined" ? window.innerWidth * 0.6 : 800);
809
+ let middlePanelRo = null;
818
810
  const maxPossibleZoomPercent = computed(() => {
819
811
  const availableWidth = currentMiddlePanelWidth.value - 60;
820
812
  if (isMobile.value) {
@@ -1185,8 +1177,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
1185
1177
  document.body.style.height = "100vh";
1186
1178
  document.body.style.overflow = "hidden";
1187
1179
  window.addEventListener("message", onIframeMessage);
1188
- window.addEventListener("resize", handleResize);
1189
1180
  document.addEventListener("keydown", keyboardShortcuts);
1181
+ await nextTick();
1182
+ if (middlePanelEl.value) {
1183
+ middlePanelRo = new ResizeObserver(() => {
1184
+ var _a;
1185
+ currentMiddlePanelWidth.value = ((_a = middlePanelEl.value) == null ? void 0 : _a.offsetWidth) ?? currentMiddlePanelWidth.value;
1186
+ applyEditorZoom();
1187
+ });
1188
+ middlePanelRo.observe(middlePanelEl.value);
1189
+ }
1190
1190
  await loadData();
1191
1191
  await loadPage(currentPageId.value);
1192
1192
  setIframeSize("desktop");
@@ -1195,8 +1195,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
1195
1195
  });
1196
1196
  onUnmounted(() => {
1197
1197
  window.removeEventListener("message", onIframeMessage);
1198
- window.removeEventListener("resize", handleResize);
1199
1198
  document.removeEventListener("keydown", keyboardShortcuts);
1199
+ middlePanelRo == null ? void 0 : middlePanelRo.disconnect();
1200
+ middlePanelRo = null;
1200
1201
  document.body.classList.remove(
1201
1202
  "editor-mobile-mode",
1202
1203
  "editor-desktop-mode",
@@ -1206,9 +1207,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
1206
1207
  document.body.style.height = "";
1207
1208
  document.body.style.overflow = "";
1208
1209
  });
1209
- function handleResize() {
1210
- windowWidth.value = window.innerWidth;
1211
- }
1212
1210
  watch(
1213
1211
  () => props.pageId,
1214
1212
  (newId, oldId) => {
@@ -1539,181 +1537,215 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
1539
1537
  }),
1540
1538
  _: 1
1541
1539
  }),
1542
- createElementVNode("div", {
1543
- class: "py-25 grid h-100 relative",
1544
- style: normalizeStyle({ gridTemplateColumns: layoutColumns.value.join(" ") })
1545
- }, [
1546
- !previewMode.value ? (openBlock(), createElementBlock("div", _hoisted_25, [
1547
- createElementVNode("div", _hoisted_26, [
1548
- _cache[14] || (_cache[14] = createElementVNode("p", { class: "m-0 pe-05 txt14" }, " מבנה העמוד ", -1)),
1549
- createVNode(unref(Btn), {
1550
- thin: "",
1551
- icon: "add",
1552
- class: "txt12",
1553
- onClick: _cache[7] || (_cache[7] = ($event) => newBlock.value = !newBlock.value)
1554
- })
1555
- ]),
1556
- !blocks.value.length && !isAddingBlock.value ? (openBlock(), createElementBlock("div", _hoisted_27, [
1557
- (openBlock(), createElementBlock("svg", _hoisted_28, _cache[15] || (_cache[15] = [
1558
- createElementVNode("path", {
1559
- d: "M7 4l3-3 1 5M10 1S5 8 13 19",
1560
- stroke: "#000",
1561
- "stroke-width": "1",
1562
- fill: "none",
1563
- "stroke-linecap": "round",
1564
- "stroke-linejoin": "round"
1565
- }, null, -1)
1566
- ]))),
1567
- _cache[16] || (_cache[16] = createElementVNode("p", null, [
1568
- createTextVNode("לחצו כאן להוספת"),
1569
- createElementVNode("br"),
1570
- createElementVNode("b", null, "בלוק חדש")
1571
- ], -1))
1572
- ])) : createCommentVNode("", true),
1573
- createElementVNode("div", {
1574
- ref_key: "draggableContainer",
1575
- ref: draggableContainer,
1576
- outline: "",
1577
- class: "h-100 overflow"
1578
- }, [
1579
- (openBlock(true), createElementBlock(Fragment, null, renderList(blocks.value, (block, i) => {
1580
- return openBlock(), createElementBlock("div", {
1581
- key: blockKeys.value[i],
1582
- "data-draggable-id": blockKeys.value[i],
1583
- class: "draggable-item"
1584
- }, [
1540
+ createVNode(unref(Resizable), {
1541
+ horizontal: "",
1542
+ class: "h-100"
1543
+ }, {
1544
+ default: withCtx(() => [
1545
+ createVNode(unref(Panel), {
1546
+ "default-size": 260,
1547
+ min: 100,
1548
+ max: 260,
1549
+ collapsed: previewMode.value
1550
+ }, {
1551
+ default: withCtx(() => [
1552
+ createElementVNode("div", _hoisted_25, [
1553
+ createElementVNode("div", _hoisted_26, [
1554
+ _cache[14] || (_cache[14] = createElementVNode("p", { class: "m-0 pe-05 txt14" }, " מבנה העמוד ", -1)),
1555
+ createVNode(unref(Btn), {
1556
+ thin: "",
1557
+ icon: "add",
1558
+ class: "txt12",
1559
+ onClick: _cache[7] || (_cache[7] = ($event) => newBlock.value = !newBlock.value)
1560
+ })
1561
+ ]),
1562
+ !blocks.value.length && !isAddingBlock.value ? (openBlock(), createElementBlock("div", _hoisted_27, [
1563
+ (openBlock(), createElementBlock("svg", _hoisted_28, _cache[15] || (_cache[15] = [
1564
+ createElementVNode("path", {
1565
+ d: "M7 4l3-3 1 5M10 1S5 8 13 19",
1566
+ stroke: "#000",
1567
+ "stroke-width": "1",
1568
+ fill: "none",
1569
+ "stroke-linecap": "round",
1570
+ "stroke-linejoin": "round"
1571
+ }, null, -1)
1572
+ ]))),
1573
+ _cache[16] || (_cache[16] = createElementVNode("p", null, [
1574
+ createTextVNode("לחצו כאן להוספת"),
1575
+ createElementVNode("br"),
1576
+ createElementVNode("b", null, "בלוק חדש")
1577
+ ], -1))
1578
+ ])) : createCommentVNode("", true),
1585
1579
  createElementVNode("div", {
1586
- class: "my-025 flex gap-025 overflow-hidden px-025",
1587
- onMouseenter: ($event) => hoverBlock(i),
1588
- onMouseleave: _cache[8] || (_cache[8] = ($event) => hoverBlock(null)),
1589
- onFocusin: ($event) => hoverBlock(i),
1590
- onFocusout: _cache[9] || (_cache[9] = ($event) => hoverBlock(null))
1580
+ ref_key: "draggableContainer",
1581
+ ref: draggableContainer,
1582
+ outline: "",
1583
+ class: "h-100 overflow"
1591
1584
  }, [
1592
- createElementVNode("div", {
1593
- class: normalizeClass(["sectionAccordionBlock rounded border-none hover flex-grow p-025 my-025 transition flex", {
1594
- "highlightID bg-gray-light": hoveredIndex.value === i && selectedIndex.value !== i,
1595
- "bg-primary color-white": selectedIndex.value === i
1596
- }]),
1597
- onClick: ($event) => selectBlock(i)
1598
- }, [
1599
- createVNode(unref(Icon), {
1600
- icon: registryIcon(block.type),
1601
- class: "mx-05"
1602
- }, null, 8, ["icon"]),
1603
- createElementVNode("p", _hoisted_32, toDisplayString(registryLabel(block.type)), 1),
1604
- createElementVNode("p", {
1605
- class: "ellipsis-1 m-0 txt-12 txt-start opacity-5",
1606
- innerHTML: block.props.title || block.props.heading || block.props.name || ""
1607
- }, null, 8, _hoisted_33),
1608
- createVNode(unref(Icon), {
1609
- name: "drag_indicator",
1610
- class: "reorderHover color-gray opacity-0 ms-auto transition drag-handle"
1611
- })
1612
- ], 10, _hoisted_31)
1613
- ], 40, _hoisted_30),
1614
- createElementVNode("div", _hoisted_34, [
1615
- createVNode(unref(Icon), {
1616
- round: "",
1617
- icon: "add",
1618
- size: "0.5",
1619
- class: "z-1 relative transition opacity-0 hover bg-blue color-white",
1620
- onClick: ($event) => addNewBlock(i)
1621
- }, null, 8, ["onClick"])
1622
- ])
1623
- ], 8, _hoisted_29);
1624
- }), 128))
1625
- ], 512)
1626
- ])) : createCommentVNode("", true),
1627
- createElementVNode("div", {
1628
- class: normalizeClass(["h-100 overflow-hidden txt-center bg-gray-80 flex-center relative", { "overflow-auto": isMobile.value }]),
1629
- style: { "user-select": "none" }
1630
- }, [
1631
- createVNode(unref(IframeVue), {
1632
- ref_key: "iframePreview",
1633
- ref: iframePreview,
1634
- class: normalizeClass(["site-iframe h-100", { "mobile-view": isMobile.value }]),
1635
- src: previewUrl.value,
1636
- style: normalizeStyle({
1637
- width: isMobile.value ? "375px" : "100%",
1638
- height: iframeHeight.value,
1639
- zoom: iframeZoom.value,
1640
- transformOrigin: "top left"
1641
- })
1642
- }, null, 8, ["src", "class", "style"])
1643
- ], 2),
1644
- !previewMode.value ? (openBlock(), createElementBlock("div", _hoisted_35, [
1645
- selectedBlock.value !== null ? (openBlock(), createElementBlock("div", _hoisted_36, [
1646
- createElementVNode("div", _hoisted_37, [
1647
- createVNode(unref(Icon), {
1648
- icon: registryIcon(selectedBlock.value.type),
1649
- class: "txt-gray mx-05"
1650
- }, null, 8, ["icon"]),
1651
- createElementVNode("p", _hoisted_38, toDisplayString(registryLabel(selectedBlock.value.type)), 1),
1652
- createElementVNode("div", _hoisted_39, [
1653
- withDirectives(createVNode(unref(Btn), {
1654
- title: "סגור עורך (ESC)",
1655
- icon: "close",
1656
- flat: "",
1657
- thin: "",
1658
- class: "txt10 opacity-7",
1659
- onClick: clearSelection
1660
- }, null, 512), [
1661
- [_directive_tooltip, "סגור עורך (ESC)"]
1662
- ])
1585
+ (openBlock(true), createElementBlock(Fragment, null, renderList(blocks.value, (block, i) => {
1586
+ return openBlock(), createElementBlock("div", {
1587
+ key: blockKeys.value[i],
1588
+ "data-draggable-id": blockKeys.value[i],
1589
+ class: "draggable-item"
1590
+ }, [
1591
+ createElementVNode("div", {
1592
+ class: "my-025 flex gap-025 overflow-hidden px-025",
1593
+ onMouseenter: ($event) => hoverBlock(i),
1594
+ onMouseleave: _cache[8] || (_cache[8] = ($event) => hoverBlock(null)),
1595
+ onFocusin: ($event) => hoverBlock(i),
1596
+ onFocusout: _cache[9] || (_cache[9] = ($event) => hoverBlock(null))
1597
+ }, [
1598
+ createElementVNode("div", {
1599
+ class: normalizeClass(["sectionAccordionBlock rounded border-none hover flex-grow p-025 my-025 transition flex", {
1600
+ "highlightID bg-gray-light": hoveredIndex.value === i && selectedIndex.value !== i,
1601
+ "bg-primary color-white": selectedIndex.value === i
1602
+ }]),
1603
+ onClick: ($event) => selectBlock(i)
1604
+ }, [
1605
+ createVNode(unref(Icon), {
1606
+ icon: registryIcon(block.type),
1607
+ class: "mx-05"
1608
+ }, null, 8, ["icon"]),
1609
+ createElementVNode("p", _hoisted_32, toDisplayString(registryLabel(block.type)), 1),
1610
+ createElementVNode("p", {
1611
+ class: "ellipsis-1 m-0 txt-12 txt-start opacity-5",
1612
+ innerHTML: block.props.title || block.props.heading || block.props.name || ""
1613
+ }, null, 8, _hoisted_33),
1614
+ createVNode(unref(Icon), {
1615
+ name: "drag_indicator",
1616
+ class: "reorderHover color-gray opacity-0 ms-auto transition drag-handle"
1617
+ })
1618
+ ], 10, _hoisted_31)
1619
+ ], 40, _hoisted_30),
1620
+ createElementVNode("div", _hoisted_34, [
1621
+ createVNode(unref(Icon), {
1622
+ round: "",
1623
+ icon: "add",
1624
+ size: "0.5",
1625
+ class: "z-1 relative transition opacity-0 hover bg-blue color-white",
1626
+ onClick: ($event) => addNewBlock(i)
1627
+ }, null, 8, ["onClick"])
1628
+ ])
1629
+ ], 8, _hoisted_29);
1630
+ }), 128))
1631
+ ], 512)
1663
1632
  ])
1664
1633
  ]),
1665
- createElementVNode("div", {
1666
- class: "h-100p overflow pt-1 scrollbar-gutter-both",
1667
- onClick: _cache[12] || (_cache[12] = withModifiers(() => {
1668
- }, ["stop"]))
1669
- }, [
1670
- createElementVNode("div", _hoisted_40, [
1671
- blockSchema(selectedBlock.value.type) ? (openBlock(), createBlock(unref(FormFlow), {
1672
- key: 0,
1673
- modelValue: selectedBlock.value.props,
1674
- "onUpdate:modelValue": [
1675
- _cache[10] || (_cache[10] = ($event) => selectedBlock.value.props = $event),
1676
- unref(debouncedSendBlocks)
1677
- ],
1678
- schema: blockSchema(selectedBlock.value.type)
1679
- }, null, 8, ["modelValue", "schema", "onUpdate:modelValue"])) : (openBlock(), createElementBlock("div", _hoisted_41, [
1634
+ _: 1
1635
+ }, 8, ["collapsed"]),
1636
+ createVNode(unref(Panel), {
1637
+ flex: "",
1638
+ min: 400
1639
+ }, {
1640
+ default: withCtx(() => [
1641
+ createElementVNode("div", {
1642
+ ref_key: "middlePanelEl",
1643
+ ref: middlePanelEl,
1644
+ class: normalizeClass(["h-100 overflow-hidden txt-center bg-gray-80 flex-center relative", { "overflow-auto": isMobile.value }]),
1645
+ style: { "user-select": "none" }
1646
+ }, [
1647
+ createVNode(unref(IframeVue), {
1648
+ ref_key: "iframePreview",
1649
+ ref: iframePreview,
1650
+ class: normalizeClass(["site-iframe h-100", { "mobile-view": isMobile.value }]),
1651
+ src: previewUrl.value,
1652
+ style: normalizeStyle({
1653
+ width: isMobile.value ? "375px" : "100%",
1654
+ height: iframeHeight.value,
1655
+ zoom: iframeZoom.value,
1656
+ transformOrigin: "top left"
1657
+ })
1658
+ }, null, 8, ["src", "class", "style"])
1659
+ ], 2)
1660
+ ]),
1661
+ _: 1
1662
+ }),
1663
+ createVNode(unref(Panel), {
1664
+ "default-size": 280,
1665
+ min: 180,
1666
+ max: 320,
1667
+ collapsed: previewMode.value,
1668
+ handle: false
1669
+ }, {
1670
+ default: withCtx(() => [
1671
+ createElementVNode("div", _hoisted_35, [
1672
+ selectedBlock.value !== null ? (openBlock(), createElementBlock("div", _hoisted_36, [
1673
+ createElementVNode("div", _hoisted_37, [
1674
+ createVNode(unref(Icon), {
1675
+ icon: registryIcon(selectedBlock.value.type),
1676
+ class: "txt-gray mx-05"
1677
+ }, null, 8, ["icon"]),
1678
+ createElementVNode("p", _hoisted_38, toDisplayString(registryLabel(selectedBlock.value.type)), 1),
1679
+ createElementVNode("div", _hoisted_39, [
1680
+ withDirectives(createVNode(unref(Btn), {
1681
+ title: "סגור עורך (ESC)",
1682
+ icon: "close",
1683
+ flat: "",
1684
+ thin: "",
1685
+ class: "txt10 opacity-7",
1686
+ onClick: clearSelection
1687
+ }, null, 512), [
1688
+ [_directive_tooltip, "סגור עורך (ESC)"]
1689
+ ])
1690
+ ])
1691
+ ]),
1692
+ createElementVNode("div", {
1693
+ class: "h-100p overflow pt-1 scrollbar-gutter-both",
1694
+ onClick: _cache[12] || (_cache[12] = withModifiers(() => {
1695
+ }, ["stop"]))
1696
+ }, [
1697
+ createElementVNode("div", _hoisted_40, [
1698
+ blockSchema(selectedBlock.value.type) ? (openBlock(), createBlock(unref(FormFlow), {
1699
+ key: 0,
1700
+ modelValue: selectedBlock.value.props,
1701
+ "onUpdate:modelValue": [
1702
+ _cache[10] || (_cache[10] = ($event) => selectedBlock.value.props = $event),
1703
+ unref(debouncedSendBlocks)
1704
+ ],
1705
+ schema: blockSchema(selectedBlock.value.type)
1706
+ }, null, 8, ["modelValue", "schema", "onUpdate:modelValue"])) : (openBlock(), createElementBlock("div", _hoisted_41, [
1707
+ createVNode(unref(Icon), {
1708
+ icon: "data_object",
1709
+ size: "3",
1710
+ weight: "200",
1711
+ class: "block"
1712
+ }),
1713
+ _cache[17] || (_cache[17] = createElementVNode("p", { class: "txt-12 mt-05" }, [
1714
+ createTextVNode(" תוכן הבלוק הזה מגיע ממקור נתונים"),
1715
+ createElementVNode("br"),
1716
+ createTextVNode("ואינו ניתן לעריכה כאן. ")
1717
+ ], -1))
1718
+ ]))
1719
+ ]),
1720
+ createElementVNode("div", _hoisted_42, [
1721
+ selectedIndex.value !== null ? (openBlock(), createBlock(unref(Btn), {
1722
+ key: 0,
1723
+ icon: "delete",
1724
+ class: "txt10 opacity-7 color-red m-1 w-a",
1725
+ flat: "",
1726
+ thin: "",
1727
+ value: "הסרת מקטע",
1728
+ onClick: _cache[11] || (_cache[11] = ($event) => removeBlock(selectedIndex.value))
1729
+ })) : createCommentVNode("", true)
1730
+ ])
1731
+ ])
1732
+ ])) : createCommentVNode("", true),
1733
+ createElementVNode("div", _hoisted_43, [
1680
1734
  createVNode(unref(Icon), {
1681
- icon: "data_object",
1682
- size: "3",
1735
+ class: "txt-center block",
1736
+ icon: "bolt",
1683
1737
  weight: "200",
1684
- class: "block"
1738
+ size: "10"
1685
1739
  }),
1686
- _cache[17] || (_cache[17] = createElementVNode("p", { class: "txt-12 mt-05" }, [
1687
- createTextVNode(" תוכן הבלוק הזה מגיע ממקור נתונים"),
1688
- createElementVNode("br"),
1689
- createTextVNode("ואינו ניתן לעריכה כאן. ")
1690
- ], -1))
1691
- ]))
1692
- ]),
1693
- createElementVNode("div", _hoisted_42, [
1694
- selectedIndex.value !== null ? (openBlock(), createBlock(unref(Btn), {
1695
- key: 0,
1696
- icon: "delete",
1697
- class: "txt10 opacity-7 color-red m-1 w-a",
1698
- flat: "",
1699
- thin: "",
1700
- value: "הסרת מקטע",
1701
- onClick: _cache[11] || (_cache[11] = ($event) => removeBlock(selectedIndex.value))
1702
- })) : createCommentVNode("", true)
1740
+ _cache[18] || (_cache[18] = createElementVNode("p", { class: "txt-center" }, " לחצו על מקטע כדי לערוך ", -1))
1741
+ ])
1703
1742
  ])
1704
- ])
1705
- ])) : createCommentVNode("", true),
1706
- createElementVNode("div", _hoisted_43, [
1707
- createVNode(unref(Icon), {
1708
- class: "txt-center block",
1709
- icon: "bolt",
1710
- weight: "200",
1711
- size: "10"
1712
- }),
1713
- _cache[18] || (_cache[18] = createElementVNode("p", { class: "txt-center" }, " לחצו על מקטע כדי לערוך ", -1))
1714
- ])
1715
- ])) : createCommentVNode("", true)
1716
- ], 4)
1743
+ ]),
1744
+ _: 1
1745
+ }, 8, ["collapsed"])
1746
+ ]),
1747
+ _: 1
1748
+ })
1717
1749
  ]),
1718
1750
  createElementVNode("div", _hoisted_44, [
1719
1751
  createVNode(unref(Icon), {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@bagelink/blox",
3
3
  "type": "module",
4
- "version": "1.10.35",
4
+ "version": "1.10.39",
5
5
  "description": "Blox page builder library for drag-and-drop page building and static data management",
6
6
  "author": {
7
7
  "name": "Bagel Studio",