@pitcher/canvas-ui 2025.12.15-100142 → 2025.12.15-135132-beta

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.
package/canvas-ui.css CHANGED
@@ -551,13 +551,13 @@ swiper-container::part(pagination) {
551
551
  line-height: 20px;
552
552
  letter-spacing: 0.25px;
553
553
  color: var(--ad430d74);
554
- }[data-v-338ca99c] .ais-SearchBox {
554
+ }[data-v-07e48e19] .ais-SearchBox {
555
555
  margin: 0;
556
556
  }
557
- [data-v-338ca99c] .ais-SearchBox-submit,[data-v-338ca99c] .ais-SearchBox-reset {
557
+ [data-v-07e48e19] .ais-SearchBox-submit,[data-v-07e48e19] .ais-SearchBox-reset {
558
558
  display: none;
559
559
  }
560
- .admin-search[data-v-338ca99c] .ais-SearchBox-reset {
560
+ .admin-search[data-v-07e48e19] .ais-SearchBox-reset {
561
561
  display: block !important;
562
562
  position: absolute !important;
563
563
  right: 12px !important;
@@ -571,17 +571,17 @@ swiper-container::part(pagination) {
571
571
  font-size: 16px !important;
572
572
  z-index: 10 !important;
573
573
  }
574
- .admin-search[data-v-338ca99c] .ais-SearchBox-reset:hover {
574
+ .admin-search[data-v-07e48e19] .ais-SearchBox-reset:hover {
575
575
  color: var(--p-text2) !important;
576
576
  }
577
- .admin-search[data-v-338ca99c] .ais-SearchBox-reset:focus {
577
+ .admin-search[data-v-07e48e19] .ais-SearchBox-reset:focus {
578
578
  outline: none !important;
579
579
  color: var(--p-primary) !important;
580
580
  }
581
- .admin-search[data-v-338ca99c] .ais-SearchBox-input {
581
+ .admin-search[data-v-07e48e19] .ais-SearchBox-input {
582
582
  padding-right: 40px !important;
583
583
  }
584
- [data-v-338ca99c] .ais-SearchBox-input {
584
+ [data-v-07e48e19] .ais-SearchBox-input {
585
585
  width: 100%;
586
586
  padding: 12px 16px 12px 40px;
587
587
  border: 1px solid var(--p-primary4);
@@ -590,39 +590,39 @@ swiper-container::part(pagination) {
590
590
  background-color: var(--p-base);
591
591
  transition: border-color 0.2s ease;
592
592
  }
593
- [data-v-338ca99c] .ais-SearchBox-input:focus {
593
+ [data-v-07e48e19] .ais-SearchBox-input:focus {
594
594
  outline: none;
595
595
  border-color: var(--p-primary);
596
596
  box-shadow: 0 0 0 3px var(--p-primary5);
597
597
  }
598
- [data-v-338ca99c] .ais-SearchBox-input::placeholder {
598
+ [data-v-07e48e19] .ais-SearchBox-input::placeholder {
599
599
  color: var(--p-text3);
600
600
  font-size: 14px;
601
601
  }
602
- .overflow-y-auto[data-v-338ca99c] {
602
+ .overflow-y-auto[data-v-07e48e19] {
603
603
  scrollbar-width: thin;
604
604
  scrollbar-color: var(--p-border2) var(--p-surface2);
605
605
  }
606
- .overflow-y-auto[data-v-338ca99c]::-webkit-scrollbar {
606
+ .overflow-y-auto[data-v-07e48e19]::-webkit-scrollbar {
607
607
  width: 6px;
608
608
  }
609
- .overflow-y-auto[data-v-338ca99c]::-webkit-scrollbar-track {
609
+ .overflow-y-auto[data-v-07e48e19]::-webkit-scrollbar-track {
610
610
  background: var(--p-surface2);
611
611
  }
612
- .overflow-y-auto[data-v-338ca99c]::-webkit-scrollbar-thumb {
612
+ .overflow-y-auto[data-v-07e48e19]::-webkit-scrollbar-thumb {
613
613
  background-color: var(--p-border2);
614
614
  border-radius: 3px;
615
615
  }
616
- .overflow-y-auto[data-v-338ca99c]::-webkit-scrollbar-thumb:hover {
616
+ .overflow-y-auto[data-v-07e48e19]::-webkit-scrollbar-thumb:hover {
617
617
  background-color: var(--p-text3);
618
618
  }
619
- button[data-v-338ca99c]:hover {
619
+ button[data-v-07e48e19]:hover {
620
620
  transition: all 0.2s ease;
621
621
  }
622
- button[data-v-338ca99c]:focus {
622
+ button[data-v-07e48e19]:focus {
623
623
  outline: none;
624
624
  }
625
- [data-v-338ca99c] mark,[data-v-338ca99c] em {
625
+ [data-v-07e48e19] mark,[data-v-07e48e19] em {
626
626
  font-weight: bold;
627
627
  font-style: normal;
628
628
  }
package/canvas-ui.js CHANGED
@@ -94612,7 +94612,7 @@ const _hoisted_14$h = {
94612
94612
  class: "flex items-center ml-2"
94613
94613
  };
94614
94614
  const _hoisted_15$f = {
94615
- key: 0,
94615
+ key: 2,
94616
94616
  class: "flex items-center ml-2"
94617
94617
  };
94618
94618
  const _hoisted_16$e = { class: "flex flex-col w-full flex-1 min-h-0" };
@@ -94997,7 +94997,7 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
94997
94997
  hasSearchCompleted.value = false;
94998
94998
  searchError.value = null;
94999
94999
  try {
95000
- const ALLOWED_CANVAS_TYPES = ["saved_canvas", "template", "section", "block"];
95000
+ const ALLOWED_CANVAS_TYPES = ["saved_canvas", "template", "product_template", "section", "block"];
95001
95001
  const ALLOWED_FILE_TYPES = [
95002
95002
  "folder",
95003
95003
  "pdf",
@@ -95221,6 +95221,8 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
95221
95221
  return t("canvasUI.CAlgoliaSearch.canvasFilters.saved");
95222
95222
  case "template":
95223
95223
  return t("canvasUI.CAlgoliaSearch.canvasFilters.templates");
95224
+ case "product_template":
95225
+ return t("canvasUI.CAlgoliaSearch.canvasFilters.productTemplates");
95224
95226
  case "section":
95225
95227
  return t("canvasUI.CAlgoliaSearch.canvasFilters.products");
95226
95228
  case "block":
@@ -95442,7 +95444,7 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
95442
95444
  show: "",
95443
95445
  verticalAlignment: "top",
95444
95446
  "z-index": _ctx.zIndex,
95445
- "onUpdate:show": _cache[15] || (_cache[15] = ($event) => emit("toggleSearch", $event))
95447
+ "onUpdate:show": _cache[16] || (_cache[16] = ($event) => emit("toggleSearch", $event))
95446
95448
  }, {
95447
95449
  default: withCtx(() => [
95448
95450
  createElementVNode("div", {
@@ -95451,7 +95453,7 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
95451
95453
  }, [
95452
95454
  createElementVNode("div", _hoisted_1$4w, [
95453
95455
  createElementVNode("div", _hoisted_2$3j, [
95454
- _cache[16] || (_cache[16] = createElementVNode("div", { class: "absolute left-2.5 top-1/2 transform -translate-y-1/2 z-10" }, [
95456
+ _cache[17] || (_cache[17] = createElementVNode("div", { class: "absolute left-2.5 top-1/2 transform -translate-y-1/2 z-10" }, [
95455
95457
  createElementVNode("i", { class: "c-icon far fa-search text-gray-400 text-l" })
95456
95458
  ], -1)),
95457
95459
  withDirectives(createElementVNode("input", {
@@ -95632,14 +95634,15 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
95632
95634
  _: 1
95633
95635
  }, 8, ["show"]),
95634
95636
  hasActiveFilters.value ? (openBlock(), createElementBlock("div", _hoisted_14$h, [
95635
- _cache[17] || (_cache[17] = createElementVNode("div", { class: "h-6 w-px bg-gray-300 mx-2" }, null, -1)),
95637
+ _cache[18] || (_cache[18] = createElementVNode("div", { class: "h-6 w-px bg-gray-300 mx-2" }, null, -1)),
95636
95638
  createElementVNode("span", {
95637
95639
  class: "text-sm text-gray-600 hover:text-gray-800 font-normal cursor-pointer",
95638
95640
  onClick: clearAllFilters
95639
95641
  }, toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.filters.clear")), 1)
95640
95642
  ])) : createCommentVNode("", true)
95641
95643
  ], 64)) : searchType.value === "canvases" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
95642
- createVNode(unref(NTag), {
95644
+ !_ctx.isAdmin ? (openBlock(), createBlock(unref(NTag), {
95645
+ key: 0,
95643
95646
  class: "select-none cursor-pointer",
95644
95647
  style: normalizeStyle({
95645
95648
  "--n-color": selectedCanvasFilters.value.includes("saved_canvas") ? "var(--p-primary5)" : "var(--p-primary6)",
@@ -95655,7 +95658,7 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
95655
95658
  createElementVNode("span", null, toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.canvasFilters.saved")), 1)
95656
95659
  ]),
95657
95660
  _: 1
95658
- }, 8, ["style"]),
95661
+ }, 8, ["style"])) : createCommentVNode("", true),
95659
95662
  createVNode(unref(NTag), {
95660
95663
  class: "select-none cursor-pointer",
95661
95664
  style: normalizeStyle({
@@ -95673,6 +95676,24 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
95673
95676
  ]),
95674
95677
  _: 1
95675
95678
  }, 8, ["style"]),
95679
+ _ctx.isAdmin ? (openBlock(), createBlock(unref(NTag), {
95680
+ key: 1,
95681
+ class: "select-none cursor-pointer",
95682
+ style: normalizeStyle({
95683
+ "--n-color": selectedCanvasFilters.value.includes("product_template") ? "var(--p-primary5)" : "var(--p-primary6)",
95684
+ "--n-border": "1px solid var(--p-primary5)",
95685
+ "--n-height": "28px"
95686
+ }),
95687
+ themeOverrides: {
95688
+ borderRadius: "4px"
95689
+ },
95690
+ onClick: _cache[11] || (_cache[11] = ($event) => toggleCanvasFilter("product_template"))
95691
+ }, {
95692
+ default: withCtx(() => [
95693
+ createElementVNode("span", null, toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.canvasFilters.productTemplates")), 1)
95694
+ ]),
95695
+ _: 1
95696
+ }, 8, ["style"])) : createCommentVNode("", true),
95676
95697
  createVNode(unref(NTag), {
95677
95698
  class: "select-none cursor-pointer",
95678
95699
  style: normalizeStyle({
@@ -95683,7 +95704,7 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
95683
95704
  themeOverrides: {
95684
95705
  borderRadius: "4px"
95685
95706
  },
95686
- onClick: _cache[11] || (_cache[11] = ($event) => toggleCanvasFilter("section"))
95707
+ onClick: _cache[12] || (_cache[12] = ($event) => toggleCanvasFilter("section"))
95687
95708
  }, {
95688
95709
  default: withCtx(() => [
95689
95710
  createElementVNode("span", null, toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.canvasFilters.products")), 1)
@@ -95700,7 +95721,7 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
95700
95721
  themeOverrides: {
95701
95722
  borderRadius: "4px"
95702
95723
  },
95703
- onClick: _cache[12] || (_cache[12] = ($event) => toggleCanvasFilter("block"))
95724
+ onClick: _cache[13] || (_cache[13] = ($event) => toggleCanvasFilter("block"))
95704
95725
  }, {
95705
95726
  default: withCtx(() => [
95706
95727
  createElementVNode("span", null, toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.canvasFilters.blocks")), 1)
@@ -95708,7 +95729,7 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
95708
95729
  _: 1
95709
95730
  }, 8, ["style"]),
95710
95731
  selectedCanvasFilters.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_15$f, [
95711
- _cache[18] || (_cache[18] = createElementVNode("div", { class: "h-6 w-px bg-gray-300 mx-2" }, null, -1)),
95732
+ _cache[19] || (_cache[19] = createElementVNode("div", { class: "h-6 w-px bg-gray-300 mx-2" }, null, -1)),
95712
95733
  createElementVNode("span", {
95713
95734
  class: "text-sm text-gray-600 hover:text-gray-800 font-normal cursor-pointer",
95714
95735
  onClick: clearCanvasFilters
@@ -95738,7 +95759,7 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
95738
95759
  }), 128))
95739
95760
  ]),
95740
95761
  recentlyOpenedDocs.value.length > 0 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
95741
- _cache[19] || (_cache[19] = createElementVNode("hr", { class: "border-0 h-px bg-gray-200 mt-2 mb-3 w-full" }, null, -1)),
95762
+ _cache[20] || (_cache[20] = createElementVNode("hr", { class: "border-0 h-px bg-gray-200 mt-2 mb-3 w-full" }, null, -1)),
95742
95763
  createElementVNode("div", _hoisted_21$7, [
95743
95764
  createElementVNode("span", _hoisted_22$5, toDisplayString(unref(t)("canvasUI.components.fileViewer.recentlyOpened")), 1)
95744
95765
  ]),
@@ -95848,7 +95869,7 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
95848
95869
  filteredContentFiles.value.length > 5 ? (openBlock(), createElementBlock("div", _hoisted_43$4, [
95849
95870
  createElementVNode("span", {
95850
95871
  class: "text-sm text-gray-600 hover:text-gray-800 font-bold flex items-center cursor-pointer",
95851
- onClick: _cache[13] || (_cache[13] = ($event) => searchType.value = "content")
95872
+ onClick: _cache[14] || (_cache[14] = ($event) => searchType.value = "content")
95852
95873
  }, [
95853
95874
  createTextVNode(toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.actions.viewAll")) + " ", 1),
95854
95875
  createVNode(CIcon, {
@@ -95900,7 +95921,7 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
95900
95921
  filteredCanvasFiles.value.length > 5 ? (openBlock(), createElementBlock("div", _hoisted_54$2, [
95901
95922
  createElementVNode("span", {
95902
95923
  class: "text-sm text-gray-600 hover:text-gray-800 font-bold flex items-center cursor-pointer",
95903
- onClick: _cache[14] || (_cache[14] = ($event) => searchType.value = "canvases")
95924
+ onClick: _cache[15] || (_cache[15] = ($event) => searchType.value = "canvases")
95904
95925
  }, [
95905
95926
  createTextVNode(toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.actions.viewAll")) + " ", 1),
95906
95927
  createVNode(CIcon, {
@@ -96047,7 +96068,7 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
96047
96068
  }
96048
96069
  });
96049
96070
 
96050
- const CAlgoliaSearch = /* @__PURE__ */ _export_sfc(_sfc_main$5K, [["__scopeId", "data-v-338ca99c"]]);
96071
+ const CAlgoliaSearch = /* @__PURE__ */ _export_sfc(_sfc_main$5K, [["__scopeId", "data-v-07e48e19"]]);
96051
96072
 
96052
96073
  const BulletListExtended = BulletList.extend({
96053
96074
  addOptions() {