@pitcher/canvas-ui 2025.12.4-170128 → 2025.12.5-123108-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.
Files changed (4) hide show
  1. package/canvas-ui.css +17 -17
  2. package/canvas-ui.js +141 -146
  3. package/canvas-ui.js.map +1 -1
  4. package/package.json +1 -1
package/canvas-ui.js CHANGED
@@ -94474,115 +94474,119 @@ const _hoisted_5$1M = {
94474
94474
  key: 1,
94475
94475
  class: "flex items-center mt-4"
94476
94476
  };
94477
- const _hoisted_6$1w = { class: "flex space-x-0" };
94477
+ const _hoisted_6$1w = { class: "flex space-x-0 items-center" };
94478
94478
  const _hoisted_7$18 = { class: "uppercase" };
94479
94479
  const _hoisted_8$Z = {
94480
+ key: 1,
94481
+ class: "h-16px w-1px bg-gray-300 mx-2"
94482
+ };
94483
+ const _hoisted_9$O = {
94480
94484
  key: 0,
94481
94485
  class: "flex items-center space-x-1 ml-2"
94482
94486
  };
94483
- const _hoisted_9$O = { class: "flex items-center" };
94484
- const _hoisted_10$C = { key: 0 };
94485
- const _hoisted_11$x = { class: "c-select-filter__popover w-[350px] rounded flex flex-col bg-base" };
94486
- const _hoisted_12$p = { class: "pa-2 max-h-[300px] overflow-y-auto" };
94487
- const _hoisted_13$k = {
94487
+ const _hoisted_10$C = { class: "flex items-center" };
94488
+ const _hoisted_11$x = { key: 0 };
94489
+ const _hoisted_12$p = { class: "c-select-filter__popover w-[350px] rounded flex flex-col bg-base" };
94490
+ const _hoisted_13$k = { class: "pa-2 max-h-[300px] overflow-y-auto" };
94491
+ const _hoisted_14$h = {
94488
94492
  key: 0,
94489
94493
  class: "flex items-center ml-2"
94490
94494
  };
94491
- const _hoisted_14$h = {
94495
+ const _hoisted_15$f = {
94492
94496
  key: 0,
94493
94497
  class: "flex items-center ml-2"
94494
94498
  };
94495
- const _hoisted_15$f = { class: "flex flex-col w-full flex-1 min-h-0" };
94496
- const _hoisted_16$e = {
94499
+ const _hoisted_16$e = { class: "flex flex-col w-full flex-1 min-h-0" };
94500
+ const _hoisted_17$c = {
94497
94501
  key: 0,
94498
94502
  class: "flex-1 overflow-y-auto bg-white w-full pl-1 pr-6 py-0"
94499
94503
  };
94500
- const _hoisted_17$c = { class: "space-y-1 mt-4" };
94501
- const _hoisted_18$a = ["onClick"];
94502
- const _hoisted_19$a = { class: "text-sm text-gray-700" };
94503
- const _hoisted_20$9 = { class: "flex items-center mb-0" };
94504
- const _hoisted_21$7 = { class: "text-sm font-bold text-gray-700" };
94505
- const _hoisted_22$5 = ["onClick"];
94506
- const _hoisted_23$5 = {
94504
+ const _hoisted_18$a = { class: "space-y-1 mt-4" };
94505
+ const _hoisted_19$a = ["onClick"];
94506
+ const _hoisted_20$9 = { class: "text-sm text-gray-700" };
94507
+ const _hoisted_21$7 = { class: "flex items-center mb-0" };
94508
+ const _hoisted_22$5 = { class: "text-sm font-bold text-gray-700" };
94509
+ const _hoisted_23$5 = ["onClick"];
94510
+ const _hoisted_24$5 = {
94507
94511
  key: 0,
94508
94512
  class: "relative mr-4"
94509
94513
  };
94510
- const _hoisted_24$5 = {
94514
+ const _hoisted_25$5 = {
94511
94515
  key: 0,
94512
94516
  class: "absolute inset-0 flex items-center justify-center bg-gray-200 bg-opacity-75 border-rounded-1"
94513
94517
  };
94514
- const _hoisted_25$5 = {
94518
+ const _hoisted_26$5 = {
94515
94519
  key: 1,
94516
94520
  class: "w-18 h-14 border-rounded-1 mr-4 flex-shrink-0 bg-gray-200 flex items-center justify-center"
94517
94521
  };
94518
- const _hoisted_26$5 = { class: "flex-1 min-w-0" };
94519
- const _hoisted_27$5 = { class: "text-sm font-bold text-gray-900 truncate mb-1" };
94520
- const _hoisted_28$5 = { class: "text-xs text-gray-500" };
94521
- const _hoisted_29$5 = {
94522
+ const _hoisted_27$5 = { class: "flex-1 min-w-0" };
94523
+ const _hoisted_28$5 = { class: "text-sm font-bold text-gray-900 truncate mb-1" };
94524
+ const _hoisted_29$5 = { class: "text-xs text-gray-500" };
94525
+ const _hoisted_30$4 = {
94522
94526
  key: 1,
94523
94527
  class: "flex-1 overflow-y-auto bg-white w-full"
94524
94528
  };
94525
- const _hoisted_30$4 = { class: "w-full px-0" };
94526
- const _hoisted_31$4 = {
94529
+ const _hoisted_31$4 = { class: "w-full px-0" };
94530
+ const _hoisted_32$4 = {
94527
94531
  key: 0,
94528
94532
  class: "mb-0"
94529
94533
  };
94530
- const _hoisted_32$4 = { class: "flex items-center px-0 pt-2 pb-1" };
94531
- const _hoisted_33$4 = { class: "text-m font-semibold text-gray-900" };
94532
- const _hoisted_34$4 = { class: "ml-2 text-sm text-gray-500" };
94533
- const _hoisted_35$4 = ["data-result-selected", "onClick"];
94534
- const _hoisted_36$4 = {
94534
+ const _hoisted_33$4 = { class: "flex items-center px-0 pt-2 pb-1" };
94535
+ const _hoisted_34$4 = { class: "text-m font-semibold text-gray-900" };
94536
+ const _hoisted_35$4 = { class: "ml-2 text-sm text-gray-500" };
94537
+ const _hoisted_36$4 = ["data-result-selected", "onClick"];
94538
+ const _hoisted_37$4 = {
94535
94539
  key: 1,
94536
94540
  class: "w-18 h-14 border-rounded-1 mr-4 flex-shrink-0 bg-gray-200 flex items-center justify-center"
94537
94541
  };
94538
- const _hoisted_37$4 = { class: "flex-1 min-w-0" };
94539
- const _hoisted_38$4 = { class: "text-sm font-bold text-gray-900 truncate mb-1" };
94540
- const _hoisted_39$4 = { class: "text-xs text-gray-500" };
94541
- const _hoisted_40$4 = { class: "text-xs text-gray-400" };
94542
- const _hoisted_41$4 = {
94542
+ const _hoisted_38$4 = { class: "flex-1 min-w-0" };
94543
+ const _hoisted_39$4 = { class: "text-sm font-bold text-gray-900 truncate mb-1" };
94544
+ const _hoisted_40$4 = { class: "text-xs text-gray-500" };
94545
+ const _hoisted_41$4 = { class: "text-xs text-gray-400" };
94546
+ const _hoisted_42$4 = {
94543
94547
  key: 0,
94544
94548
  class: "px-0 py-0"
94545
94549
  };
94546
- const _hoisted_42$4 = { key: 1 };
94547
- const _hoisted_43$4 = { class: "flex items-center px-0 pt-4 pb-1" };
94548
- const _hoisted_44$4 = { class: "text-m font-semibold text-gray-900" };
94549
- const _hoisted_45$4 = { class: "ml-2 text-sm text-gray-500" };
94550
- const _hoisted_46$4 = ["data-result-selected", "onClick"];
94551
- const _hoisted_47$4 = { class: "w-18 h-14 border-rounded-1 mr-4 flex-shrink-0 bg-gray-200 flex items-center justify-center" };
94552
- const _hoisted_48$4 = { class: "flex-1 min-w-0" };
94553
- const _hoisted_49$4 = { class: "text-sm font-bold text-gray-900 truncate mb-1" };
94554
- const _hoisted_50$4 = { class: "text-xs text-gray-500" };
94555
- const _hoisted_51$2 = { class: "text-xs text-gray-400" };
94556
- const _hoisted_52$2 = {
94550
+ const _hoisted_43$4 = { key: 1 };
94551
+ const _hoisted_44$4 = { class: "flex items-center px-0 pt-4 pb-1" };
94552
+ const _hoisted_45$4 = { class: "text-m font-semibold text-gray-900" };
94553
+ const _hoisted_46$4 = { class: "ml-2 text-sm text-gray-500" };
94554
+ const _hoisted_47$4 = ["data-result-selected", "onClick"];
94555
+ const _hoisted_48$4 = { class: "w-18 h-14 border-rounded-1 mr-4 flex-shrink-0 bg-gray-200 flex items-center justify-center" };
94556
+ const _hoisted_49$4 = { class: "flex-1 min-w-0" };
94557
+ const _hoisted_50$4 = { class: "text-sm font-bold text-gray-900 truncate mb-1" };
94558
+ const _hoisted_51$2 = { class: "text-xs text-gray-500" };
94559
+ const _hoisted_52$2 = { class: "text-xs text-gray-400" };
94560
+ const _hoisted_53$2 = {
94557
94561
  key: 0,
94558
94562
  class: "px-0 py-0"
94559
94563
  };
94560
- const _hoisted_53$2 = {
94564
+ const _hoisted_54$1 = {
94561
94565
  key: 0,
94562
94566
  class: "flex flex-col items-center justify-center text-center p-8 gap-4"
94563
94567
  };
94564
- const _hoisted_54$1 = {
94568
+ const _hoisted_55$1 = {
94565
94569
  key: 2,
94566
94570
  class: "flex-1 overflow-y-auto bg-white w-full"
94567
94571
  };
94568
- const _hoisted_55$1 = { class: "w-full px-0" };
94569
- const _hoisted_56$1 = { class: "flex items-center px-0 pt-2 pb-1" };
94570
- const _hoisted_57$1 = { class: "text-m font-semibold text-gray-900" };
94571
- const _hoisted_58$1 = { class: "ml-2 text-sm text-gray-500" };
94572
- const _hoisted_59$1 = ["data-result-selected", "onClick"];
94573
- const _hoisted_60$1 = {
94572
+ const _hoisted_56$1 = { class: "w-full px-0" };
94573
+ const _hoisted_57$1 = { class: "flex items-center px-0 pt-2 pb-1" };
94574
+ const _hoisted_58$1 = { class: "text-m font-semibold text-gray-900" };
94575
+ const _hoisted_59$1 = { class: "ml-2 text-sm text-gray-500" };
94576
+ const _hoisted_60$1 = ["data-result-selected", "onClick"];
94577
+ const _hoisted_61$1 = {
94574
94578
  key: 1,
94575
94579
  class: "w-18 h-14 border-rounded-1 mr-4 flex-shrink-0 bg-gray-200 flex items-center justify-center"
94576
94580
  };
94577
- const _hoisted_61$1 = { class: "flex-1 min-w-0" };
94578
- const _hoisted_62$1 = { class: "text-sm font-bold text-gray-900 truncate mb-1" };
94579
- const _hoisted_63$1 = { class: "text-xs text-gray-500" };
94580
- const _hoisted_64$1 = { class: "text-xs text-gray-400" };
94581
- const _hoisted_65$1 = {
94581
+ const _hoisted_62$1 = { class: "flex-1 min-w-0" };
94582
+ const _hoisted_63$1 = { class: "text-sm font-bold text-gray-900 truncate mb-1" };
94583
+ const _hoisted_64$1 = { class: "text-xs text-gray-500" };
94584
+ const _hoisted_65$1 = { class: "text-xs text-gray-400" };
94585
+ const _hoisted_66$1 = {
94582
94586
  key: 0,
94583
94587
  class: "flex flex-col items-center justify-center text-center p-8 gap-4"
94584
94588
  };
94585
- const _hoisted_66$1 = {
94589
+ const _hoisted_67$1 = {
94586
94590
  key: 0,
94587
94591
  class: "flex flex-wrap line-height-6 pt-4 pb-2 px-6 border-t border-gray-200 gap-y-4 gap-x-4"
94588
94592
  };
@@ -95377,8 +95381,8 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
95377
95381
  createElementVNode("div", _hoisted_6$1w, [
95378
95382
  createElementVNode("button", {
95379
95383
  class: normalizeClass([
95380
- "h-32px text-14px font-500 border rounded-4px transition-colors duration-200 flex items-center",
95381
- searchType.value === null ? "bg-primary border-primary text-white px-12px" : "bg-primary6 border-transparent text-primary hover:bg-primary5 px-16px"
95384
+ "h-28px text-14px font-500 transition-colors duration-200 flex items-center shadow-none outline-none focus:outline-none border-0",
95385
+ searchType.value === null ? "bg-primary5 text-primary px-12px rounded-4px" : "bg-primary6 text-primary hover:bg-primary5 px-16px"
95382
95386
  ]),
95383
95387
  onClick: handleEverywhereClick
95384
95388
  }, [
@@ -95387,25 +95391,26 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
95387
95391
  searchType.value !== "canvases" ? (openBlock(), createElementBlock("button", {
95388
95392
  key: 0,
95389
95393
  class: normalizeClass([
95390
- "h-32px text-14px font-500 border rounded-4px transition-colors duration-200 flex items-center",
95391
- searchType.value === "content" ? "bg-primary border-primary text-white px-16px" : "bg-primary6 border-transparent text-primary hover:bg-primary5 px-16px"
95394
+ "h-28px text-14px font-500 transition-colors duration-200 flex items-center shadow-none outline-none focus:outline-none border-0",
95395
+ searchType.value === "content" ? "bg-primary5 text-primary px-16px rounded-4px" : "bg-primary6 text-primary hover:bg-primary5 px-16px"
95392
95396
  ]),
95393
95397
  onClick: _cache[4] || (_cache[4] = ($event) => searchType.value === "content" ? handleEverywhereClick() : searchType.value = "content")
95394
95398
  }, [
95395
95399
  createElementVNode("span", null, toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.tabs.content")), 1)
95396
95400
  ], 2)) : createCommentVNode("", true),
95401
+ searchType.value !== "content" && searchType.value !== "canvases" ? (openBlock(), createElementBlock("div", _hoisted_8$Z)) : createCommentVNode("", true),
95397
95402
  searchType.value !== "content" ? (openBlock(), createElementBlock("button", {
95398
- key: 1,
95403
+ key: 2,
95399
95404
  class: normalizeClass([
95400
- "h-32px text-14px font-500 border rounded-4px transition-colors duration-200 flex items-center",
95401
- searchType.value === "canvases" ? "bg-primary border-primary text-white px-16px" : "bg-primary6 border-transparent text-primary hover:bg-primary5 px-16px"
95405
+ "h-28px text-14px font-500 transition-colors duration-200 flex items-center shadow-none outline-none focus:outline-none border-0",
95406
+ searchType.value === "canvases" ? "bg-primary5 text-primary px-16px rounded-4px" : "bg-primary6 text-primary hover:bg-primary5 px-16px"
95402
95407
  ]),
95403
95408
  onClick: _cache[5] || (_cache[5] = ($event) => searchType.value === "canvases" ? handleEverywhereClick() : searchType.value = "canvases")
95404
95409
  }, [
95405
95410
  createElementVNode("span", null, toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.tabs.pitchDecks")), 1)
95406
95411
  ], 2)) : createCommentVNode("", true)
95407
95412
  ]),
95408
- searchType.value ? (openBlock(), createElementBlock("div", _hoisted_8$Z, [
95413
+ searchType.value ? (openBlock(), createElementBlock("div", _hoisted_9$O, [
95409
95414
  searchType.value === "content" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
95410
95415
  createVNode(unref(NPopover), {
95411
95416
  class: "c-select-filter",
@@ -95422,7 +95427,7 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
95422
95427
  style: normalizeStyle({
95423
95428
  "--n-color": selectedFileTypes.value.length ? "var(--p-primary5)" : "var(--p-primary6)",
95424
95429
  "--n-border": "1px solid var(--p-primary5)",
95425
- "--n-height": "32px"
95430
+ "--n-height": "28px"
95426
95431
  }),
95427
95432
  themeOverrides: {
95428
95433
  borderRadius: "4px"
@@ -95430,11 +95435,9 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
95430
95435
  onClick: _cache[7] || (_cache[7] = ($event) => showFileTypeDropdown.value = !showFileTypeDropdown.value)
95431
95436
  }, {
95432
95437
  default: withCtx(() => [
95433
- createElementVNode("div", _hoisted_9$O, [
95434
- createElementVNode("span", {
95435
- class: normalizeClass({ "font-bold": selectedFileTypes.value.length })
95436
- }, toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.filters.type")), 3),
95437
- selectedFileTypes.value.length ? (openBlock(), createElementBlock("span", _hoisted_10$C, ": " + toDisplayString(selectedFileTypes.value.length), 1)) : createCommentVNode("", true),
95438
+ createElementVNode("div", _hoisted_10$C, [
95439
+ createElementVNode("span", null, toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.filters.type")), 1),
95440
+ selectedFileTypes.value.length ? (openBlock(), createElementBlock("span", _hoisted_11$x, ": " + toDisplayString(selectedFileTypes.value.length), 1)) : createCommentVNode("", true),
95438
95441
  selectedFileTypes.value.length ? (openBlock(), createBlock(CIcon, {
95439
95442
  key: 1,
95440
95443
  class: "ml-1",
@@ -95449,8 +95452,8 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
95449
95452
  }, 8, ["style"])
95450
95453
  ]),
95451
95454
  default: withCtx(() => [
95452
- createElementVNode("div", _hoisted_11$x, [
95453
- createElementVNode("div", _hoisted_12$p, [
95455
+ createElementVNode("div", _hoisted_12$p, [
95456
+ createElementVNode("div", _hoisted_13$k, [
95454
95457
  (openBlock(), createElementBlock(Fragment, null, renderList(fileTypeOptions, (option) => {
95455
95458
  return createElementVNode("div", {
95456
95459
  key: option.value,
@@ -95490,7 +95493,7 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
95490
95493
  ]),
95491
95494
  _: 1
95492
95495
  }, 8, ["show"]),
95493
- hasActiveFilters.value ? (openBlock(), createElementBlock("div", _hoisted_13$k, [
95496
+ hasActiveFilters.value ? (openBlock(), createElementBlock("div", _hoisted_14$h, [
95494
95497
  _cache[17] || (_cache[17] = createElementVNode("div", { class: "h-6 w-px bg-gray-300 mx-2" }, null, -1)),
95495
95498
  createElementVNode("span", {
95496
95499
  class: "text-sm text-gray-600 hover:text-gray-800 font-normal cursor-pointer",
@@ -95503,7 +95506,7 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
95503
95506
  style: normalizeStyle({
95504
95507
  "--n-color": selectedCanvasFilters.value.includes("saved_canvas") ? "var(--p-primary5)" : "var(--p-primary6)",
95505
95508
  "--n-border": "1px solid var(--p-primary5)",
95506
- "--n-height": "32px"
95509
+ "--n-height": "28px"
95507
95510
  }),
95508
95511
  themeOverrides: {
95509
95512
  borderRadius: "4px"
@@ -95511,9 +95514,7 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
95511
95514
  onClick: _cache[9] || (_cache[9] = ($event) => toggleCanvasFilter("saved_canvas"))
95512
95515
  }, {
95513
95516
  default: withCtx(() => [
95514
- createElementVNode("span", {
95515
- class: normalizeClass({ "font-bold": selectedCanvasFilters.value.includes("saved_canvas") })
95516
- }, toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.canvasFilters.saved")), 3)
95517
+ createElementVNode("span", null, toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.canvasFilters.saved")), 1)
95517
95518
  ]),
95518
95519
  _: 1
95519
95520
  }, 8, ["style"]),
@@ -95522,7 +95523,7 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
95522
95523
  style: normalizeStyle({
95523
95524
  "--n-color": selectedCanvasFilters.value.includes("template") ? "var(--p-primary5)" : "var(--p-primary6)",
95524
95525
  "--n-border": "1px solid var(--p-primary5)",
95525
- "--n-height": "32px"
95526
+ "--n-height": "28px"
95526
95527
  }),
95527
95528
  themeOverrides: {
95528
95529
  borderRadius: "4px"
@@ -95530,9 +95531,7 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
95530
95531
  onClick: _cache[10] || (_cache[10] = ($event) => toggleCanvasFilter("template"))
95531
95532
  }, {
95532
95533
  default: withCtx(() => [
95533
- createElementVNode("span", {
95534
- class: normalizeClass({ "font-bold": selectedCanvasFilters.value.includes("template") })
95535
- }, toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.canvasFilters.templates")), 3)
95534
+ createElementVNode("span", null, toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.canvasFilters.templates")), 1)
95536
95535
  ]),
95537
95536
  _: 1
95538
95537
  }, 8, ["style"]),
@@ -95541,7 +95540,7 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
95541
95540
  style: normalizeStyle({
95542
95541
  "--n-color": selectedCanvasFilters.value.includes("section") ? "var(--p-primary5)" : "var(--p-primary6)",
95543
95542
  "--n-border": "1px solid var(--p-primary5)",
95544
- "--n-height": "32px"
95543
+ "--n-height": "28px"
95545
95544
  }),
95546
95545
  themeOverrides: {
95547
95546
  borderRadius: "4px"
@@ -95549,9 +95548,7 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
95549
95548
  onClick: _cache[11] || (_cache[11] = ($event) => toggleCanvasFilter("section"))
95550
95549
  }, {
95551
95550
  default: withCtx(() => [
95552
- createElementVNode("span", {
95553
- class: normalizeClass({ "font-bold": selectedCanvasFilters.value.includes("section") })
95554
- }, toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.canvasFilters.products")), 3)
95551
+ createElementVNode("span", null, toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.canvasFilters.products")), 1)
95555
95552
  ]),
95556
95553
  _: 1
95557
95554
  }, 8, ["style"]),
@@ -95560,7 +95557,7 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
95560
95557
  style: normalizeStyle({
95561
95558
  "--n-color": selectedCanvasFilters.value.includes("block") ? "var(--p-primary5)" : "var(--p-primary6)",
95562
95559
  "--n-border": "1px solid var(--p-primary5)",
95563
- "--n-height": "32px"
95560
+ "--n-height": "28px"
95564
95561
  }),
95565
95562
  themeOverrides: {
95566
95563
  borderRadius: "4px"
@@ -95568,13 +95565,11 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
95568
95565
  onClick: _cache[12] || (_cache[12] = ($event) => toggleCanvasFilter("block"))
95569
95566
  }, {
95570
95567
  default: withCtx(() => [
95571
- createElementVNode("span", {
95572
- class: normalizeClass({ "font-bold": selectedCanvasFilters.value.includes("block") })
95573
- }, toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.canvasFilters.blocks")), 3)
95568
+ createElementVNode("span", null, toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.canvasFilters.blocks")), 1)
95574
95569
  ]),
95575
95570
  _: 1
95576
95571
  }, 8, ["style"]),
95577
- selectedCanvasFilters.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_14$h, [
95572
+ selectedCanvasFilters.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_15$f, [
95578
95573
  _cache[18] || (_cache[18] = createElementVNode("div", { class: "h-6 w-px bg-gray-300 mx-2" }, null, -1)),
95579
95574
  createElementVNode("span", {
95580
95575
  class: "text-sm text-gray-600 hover:text-gray-800 font-normal cursor-pointer",
@@ -95585,9 +95580,9 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
95585
95580
  ])) : createCommentVNode("", true)
95586
95581
  ])) : createCommentVNode("", true)
95587
95582
  ]),
95588
- createElementVNode("div", _hoisted_15$f, [
95589
- showRecentView.value ? (openBlock(), createElementBlock("div", _hoisted_16$e, [
95590
- createElementVNode("div", _hoisted_17$c, [
95583
+ createElementVNode("div", _hoisted_16$e, [
95584
+ showRecentView.value ? (openBlock(), createElementBlock("div", _hoisted_17$c, [
95585
+ createElementVNode("div", _hoisted_18$a, [
95591
95586
  (openBlock(true), createElementBlock(Fragment, null, renderList(recentSearches.value, (search) => {
95592
95587
  return openBlock(), createElementBlock("div", {
95593
95588
  key: search,
@@ -95600,14 +95595,14 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
95600
95595
  icon: "clock-rotate-left",
95601
95596
  size: "16"
95602
95597
  }),
95603
- createElementVNode("span", _hoisted_19$a, toDisplayString(search), 1)
95604
- ], 8, _hoisted_18$a);
95598
+ createElementVNode("span", _hoisted_20$9, toDisplayString(search), 1)
95599
+ ], 8, _hoisted_19$a);
95605
95600
  }), 128))
95606
95601
  ]),
95607
95602
  recentlyOpenedDocs.value.length > 0 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
95608
95603
  _cache[19] || (_cache[19] = createElementVNode("hr", { class: "border-0 h-px bg-gray-200 mt-2 mb-3 w-full" }, null, -1)),
95609
- createElementVNode("div", _hoisted_20$9, [
95610
- createElementVNode("span", _hoisted_21$7, toDisplayString(unref(t)("canvasUI.components.fileViewer.recentlyOpened")), 1)
95604
+ createElementVNode("div", _hoisted_21$7, [
95605
+ createElementVNode("span", _hoisted_22$5, toDisplayString(unref(t)("canvasUI.components.fileViewer.recentlyOpened")), 1)
95611
95606
  ]),
95612
95607
  createElementVNode("div", {
95613
95608
  class: normalizeClass(_ctx.isAdmin ? "space-y-2" : "space-y-0")
@@ -95621,7 +95616,7 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
95621
95616
  ]),
95622
95617
  onClick: ($event) => handleRecentDocClick(doc, doc.type)
95623
95618
  }, [
95624
- doc.type === "file" ? (openBlock(), createElementBlock("div", _hoisted_23$5, [
95619
+ doc.type === "file" ? (openBlock(), createElementBlock("div", _hoisted_24$5, [
95625
95620
  createVNode(_sfc_main$6I, {
95626
95621
  class: "h-14 border-rounded-1 overflow-hidden flex-0",
95627
95622
  cover: "",
@@ -95630,7 +95625,7 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
95630
95625
  src: recentThumbnails.value[doc.id] || "",
95631
95626
  width: "72"
95632
95627
  }, null, 8, ["file-data", "src"]),
95633
- isLoadingThumbnails.value && !recentThumbnails.value[doc.id] ? (openBlock(), createElementBlock("div", _hoisted_24$5, [
95628
+ isLoadingThumbnails.value && !recentThumbnails.value[doc.id] ? (openBlock(), createElementBlock("div", _hoisted_25$5, [
95634
95629
  createVNode(CIcon, {
95635
95630
  class: "animate-spin",
95636
95631
  color: "var(--p-primary)",
@@ -95638,7 +95633,7 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
95638
95633
  size: "20"
95639
95634
  })
95640
95635
  ])) : createCommentVNode("", true)
95641
- ])) : (openBlock(), createElementBlock("div", _hoisted_25$5, [
95636
+ ])) : (openBlock(), createElementBlock("div", _hoisted_26$5, [
95642
95637
  doc.type === "canvas" ? (openBlock(), createBlock(CIcon, {
95643
95638
  key: 0,
95644
95639
  color: "var(--p-text2)",
@@ -95651,26 +95646,26 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
95651
95646
  size: "32"
95652
95647
  }))
95653
95648
  ])),
95654
- createElementVNode("div", _hoisted_26$5, [
95655
- createElementVNode("h3", _hoisted_27$5, toDisplayString(doc.name), 1),
95656
- createElementVNode("p", _hoisted_28$5, toDisplayString(doc.type === "canvas" ? formatCanvasType(doc.content_type) : doc.type === "folder" ? "Folder" : doc.file_category || "File"), 1)
95649
+ createElementVNode("div", _hoisted_27$5, [
95650
+ createElementVNode("h3", _hoisted_28$5, toDisplayString(doc.name), 1),
95651
+ createElementVNode("p", _hoisted_29$5, toDisplayString(doc.type === "canvas" ? formatCanvasType(doc.content_type) : doc.type === "folder" ? "Folder" : doc.file_category || "File"), 1)
95657
95652
  ])
95658
- ], 10, _hoisted_22$5);
95653
+ ], 10, _hoisted_23$5);
95659
95654
  }), 128))
95660
95655
  ], 2)
95661
95656
  ], 64)) : createCommentVNode("", true)
95662
- ])) : !searchType.value ? (openBlock(), createElementBlock("div", _hoisted_29$5, [
95663
- createElementVNode("div", _hoisted_30$4, [
95664
- filteredContentFiles.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_31$4, [
95665
- createElementVNode("div", _hoisted_32$4, [
95657
+ ])) : !searchType.value ? (openBlock(), createElementBlock("div", _hoisted_30$4, [
95658
+ createElementVNode("div", _hoisted_31$4, [
95659
+ filteredContentFiles.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_32$4, [
95660
+ createElementVNode("div", _hoisted_33$4, [
95666
95661
  createVNode(CIcon, {
95667
95662
  class: "mr-2",
95668
95663
  color: "var(--p-text2)",
95669
95664
  icon: "folder",
95670
95665
  size: "16"
95671
95666
  }),
95672
- createElementVNode("span", _hoisted_33$4, toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.sections.content")), 1),
95673
- createElementVNode("span", _hoisted_34$4, "(" + toDisplayString(filteredContentFiles.value.length) + ")", 1)
95667
+ createElementVNode("span", _hoisted_34$4, toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.sections.content")), 1),
95668
+ createElementVNode("span", _hoisted_35$4, "(" + toDisplayString(filteredContentFiles.value.length) + ")", 1)
95674
95669
  ]),
95675
95670
  createElementVNode("div", null, [
95676
95671
  (openBlock(true), createElementBlock(Fragment, null, renderList(filteredContentFiles.value.slice(0, 5), (item) => {
@@ -95692,22 +95687,22 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
95692
95687
  "object-fit": "cover",
95693
95688
  src: item.picture_url || "",
95694
95689
  width: "72"
95695
- }, null, 8, ["file-data", "src"])) : (openBlock(), createElementBlock("div", _hoisted_36$4, [
95690
+ }, null, 8, ["file-data", "src"])) : (openBlock(), createElementBlock("div", _hoisted_37$4, [
95696
95691
  createVNode(CIcon, {
95697
95692
  color: "var(--p-text2)",
95698
95693
  icon: "folder",
95699
95694
  size: "32"
95700
95695
  })
95701
95696
  ])),
95702
- createElementVNode("div", _hoisted_37$4, [
95703
- createElementVNode("h3", _hoisted_38$4, toDisplayString(item.name), 1),
95704
- createElementVNode("p", _hoisted_39$4, toDisplayString(item.type === "folder" ? "Folder" : item.content_type || "PDF"), 1)
95697
+ createElementVNode("div", _hoisted_38$4, [
95698
+ createElementVNode("h3", _hoisted_39$4, toDisplayString(item.name), 1),
95699
+ createElementVNode("p", _hoisted_40$4, toDisplayString(item.type === "folder" ? "Folder" : item.content_type || "PDF"), 1)
95705
95700
  ]),
95706
- createElementVNode("div", _hoisted_40$4, toDisplayString(item.type === "folder" ? item.parent_folder?.name || "" : item.folder?.name || ""), 1)
95707
- ], 10, _hoisted_35$4);
95701
+ createElementVNode("div", _hoisted_41$4, toDisplayString(item.type === "folder" ? item.parent_folder?.name || "" : item.folder?.name || ""), 1)
95702
+ ], 10, _hoisted_36$4);
95708
95703
  }), 128))
95709
95704
  ]),
95710
- filteredContentFiles.value.length > 5 ? (openBlock(), createElementBlock("div", _hoisted_41$4, [
95705
+ filteredContentFiles.value.length > 5 ? (openBlock(), createElementBlock("div", _hoisted_42$4, [
95711
95706
  createElementVNode("span", {
95712
95707
  class: "text-sm text-gray-600 hover:text-gray-800 font-bold flex items-center cursor-pointer",
95713
95708
  onClick: _cache[13] || (_cache[13] = ($event) => searchType.value = "content")
@@ -95721,16 +95716,16 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
95721
95716
  ])
95722
95717
  ])) : createCommentVNode("", true)
95723
95718
  ])) : createCommentVNode("", true),
95724
- filteredCanvasFiles.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_42$4, [
95725
- createElementVNode("div", _hoisted_43$4, [
95719
+ filteredCanvasFiles.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_43$4, [
95720
+ createElementVNode("div", _hoisted_44$4, [
95726
95721
  createVNode(CIcon, {
95727
95722
  class: "mr-2",
95728
95723
  color: "var(--p-text2)",
95729
95724
  icon: "presentation",
95730
95725
  size: "16"
95731
95726
  }),
95732
- createElementVNode("span", _hoisted_44$4, toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.sections.pitchDecks")), 1),
95733
- createElementVNode("span", _hoisted_45$4, "(" + toDisplayString(filteredCanvasFiles.value.length) + ")", 1)
95727
+ createElementVNode("span", _hoisted_45$4, toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.sections.pitchDecks")), 1),
95728
+ createElementVNode("span", _hoisted_46$4, "(" + toDisplayString(filteredCanvasFiles.value.length) + ")", 1)
95734
95729
  ]),
95735
95730
  createElementVNode("div", null, [
95736
95731
  (openBlock(true), createElementBlock(Fragment, null, renderList(filteredCanvasFiles.value.slice(0, 5), (item) => {
@@ -95744,22 +95739,22 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
95744
95739
  "data-result-selected": isResultSelected(item),
95745
95740
  onClick: ($event) => handleResultClick(item, "canvas")
95746
95741
  }, [
95747
- createElementVNode("div", _hoisted_47$4, [
95742
+ createElementVNode("div", _hoisted_48$4, [
95748
95743
  createVNode(CIcon, {
95749
95744
  color: "var(--p-text2)",
95750
95745
  icon: "presentation",
95751
95746
  size: "32"
95752
95747
  })
95753
95748
  ]),
95754
- createElementVNode("div", _hoisted_48$4, [
95755
- createElementVNode("h3", _hoisted_49$4, toDisplayString(item.name), 1),
95756
- createElementVNode("p", _hoisted_50$4, toDisplayString(formatCanvasType(item.content_type)), 1)
95749
+ createElementVNode("div", _hoisted_49$4, [
95750
+ createElementVNode("h3", _hoisted_50$4, toDisplayString(item.name), 1),
95751
+ createElementVNode("p", _hoisted_51$2, toDisplayString(formatCanvasType(item.content_type)), 1)
95757
95752
  ]),
95758
- createElementVNode("div", _hoisted_51$2, toDisplayString(item.folder?.name || ""), 1)
95759
- ], 10, _hoisted_46$4);
95753
+ createElementVNode("div", _hoisted_52$2, toDisplayString(item.folder?.name || ""), 1)
95754
+ ], 10, _hoisted_47$4);
95760
95755
  }), 128))
95761
95756
  ]),
95762
- filteredCanvasFiles.value.length > 5 ? (openBlock(), createElementBlock("div", _hoisted_52$2, [
95757
+ filteredCanvasFiles.value.length > 5 ? (openBlock(), createElementBlock("div", _hoisted_53$2, [
95763
95758
  createElementVNode("span", {
95764
95759
  class: "text-sm text-gray-600 hover:text-gray-800 font-bold flex items-center cursor-pointer",
95765
95760
  onClick: _cache[14] || (_cache[14] = ($event) => searchType.value = "canvases")
@@ -95774,7 +95769,7 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
95774
95769
  ])) : createCommentVNode("", true)
95775
95770
  ])) : createCommentVNode("", true)
95776
95771
  ]),
95777
- searchError.value || shouldShowNoResults.value ? (openBlock(), createElementBlock("div", _hoisted_53$2, [
95772
+ searchError.value || shouldShowNoResults.value ? (openBlock(), createElementBlock("div", _hoisted_54$1, [
95778
95773
  createVNode(CIcon, {
95779
95774
  class: "text-6xl",
95780
95775
  color: searchError.value ? "var(--p-error)" : "var(--p-text3)",
@@ -95785,9 +95780,9 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
95785
95780
  class: normalizeClass(searchError.value ? "text-error font-semibold" : "text-text2")
95786
95781
  }, toDisplayString(searchError.value || unref(t)("canvasUI.CGlobalSearch.noResults")), 3)
95787
95782
  ])) : createCommentVNode("", true)
95788
- ])) : (openBlock(), createElementBlock("div", _hoisted_54$1, [
95789
- createElementVNode("div", _hoisted_55$1, [
95790
- createElementVNode("div", _hoisted_56$1, [
95783
+ ])) : (openBlock(), createElementBlock("div", _hoisted_55$1, [
95784
+ createElementVNode("div", _hoisted_56$1, [
95785
+ createElementVNode("div", _hoisted_57$1, [
95791
95786
  searchType.value === "content" ? (openBlock(), createBlock(CIcon, {
95792
95787
  key: 0,
95793
95788
  class: "mr-2",
@@ -95801,8 +95796,8 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
95801
95796
  icon: "presentation",
95802
95797
  size: "16"
95803
95798
  })),
95804
- createElementVNode("span", _hoisted_57$1, toDisplayString(searchType.value === "content" ? unref(t)("canvasUI.CAlgoliaSearch.sections.content") : unref(t)("canvasUI.CAlgoliaSearch.sections.pitchDecks")), 1),
95805
- createElementVNode("span", _hoisted_58$1, " (" + toDisplayString(searchType.value === "content" ? filteredContentFiles.value.length : filteredCanvasFiles.value.length) + ") ", 1)
95799
+ createElementVNode("span", _hoisted_58$1, toDisplayString(searchType.value === "content" ? unref(t)("canvasUI.CAlgoliaSearch.sections.content") : unref(t)("canvasUI.CAlgoliaSearch.sections.pitchDecks")), 1),
95800
+ createElementVNode("span", _hoisted_59$1, " (" + toDisplayString(searchType.value === "content" ? filteredContentFiles.value.length : filteredCanvasFiles.value.length) + ") ", 1)
95806
95801
  ]),
95807
95802
  createElementVNode("div", null, [
95808
95803
  (openBlock(true), createElementBlock(Fragment, null, renderList(searchType.value === "content" ? filteredContentFiles.value : filteredCanvasFiles.value, (item) => {
@@ -95827,7 +95822,7 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
95827
95822
  "object-fit": "cover",
95828
95823
  src: item.picture_url || "",
95829
95824
  width: "72"
95830
- }, null, 8, ["file-data", "src"])) : (openBlock(), createElementBlock("div", _hoisted_60$1, [
95825
+ }, null, 8, ["file-data", "src"])) : (openBlock(), createElementBlock("div", _hoisted_61$1, [
95831
95826
  searchType.value === "content" ? (openBlock(), createBlock(CIcon, {
95832
95827
  key: 0,
95833
95828
  color: "var(--p-text2)",
@@ -95840,15 +95835,15 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
95840
95835
  size: "32"
95841
95836
  }))
95842
95837
  ])),
95843
- createElementVNode("div", _hoisted_61$1, [
95844
- createElementVNode("h3", _hoisted_62$1, toDisplayString(item.name), 1),
95845
- createElementVNode("p", _hoisted_63$1, toDisplayString(searchType.value === "content" ? item.type === "folder" ? "Folder" : item.content_type || "PDF" : formatCanvasType(item.content_type)), 1)
95838
+ createElementVNode("div", _hoisted_62$1, [
95839
+ createElementVNode("h3", _hoisted_63$1, toDisplayString(item.name), 1),
95840
+ createElementVNode("p", _hoisted_64$1, toDisplayString(searchType.value === "content" ? item.type === "folder" ? "Folder" : item.content_type || "PDF" : formatCanvasType(item.content_type)), 1)
95846
95841
  ]),
95847
- createElementVNode("div", _hoisted_64$1, toDisplayString(searchType.value === "content" && item.type === "folder" ? item.parent_folder?.name || "" : item.folder?.name || ""), 1)
95848
- ], 10, _hoisted_59$1);
95842
+ createElementVNode("div", _hoisted_65$1, toDisplayString(searchType.value === "content" && item.type === "folder" ? item.parent_folder?.name || "" : item.folder?.name || ""), 1)
95843
+ ], 10, _hoisted_60$1);
95849
95844
  }), 128))
95850
95845
  ]),
95851
- searchError.value || shouldShowNoResults.value ? (openBlock(), createElementBlock("div", _hoisted_65$1, [
95846
+ searchError.value || shouldShowNoResults.value ? (openBlock(), createElementBlock("div", _hoisted_66$1, [
95852
95847
  createVNode(CIcon, {
95853
95848
  class: "text-6xl",
95854
95849
  color: searchError.value ? "var(--p-error)" : "var(--p-text3)",
@@ -95862,7 +95857,7 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
95862
95857
  ])
95863
95858
  ]))
95864
95859
  ]),
95865
- !showRecentView.value ? (openBlock(), createElementBlock("div", _hoisted_66$1, [
95860
+ !showRecentView.value ? (openBlock(), createElementBlock("div", _hoisted_67$1, [
95866
95861
  createVNode(CShortcut, null, {
95867
95862
  default: withCtx(() => [
95868
95863
  createVNode(CShortcutIcon, { icon: "arrow-up" }),
@@ -95904,7 +95899,7 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
95904
95899
  }
95905
95900
  });
95906
95901
 
95907
- const CAlgoliaSearch = /* @__PURE__ */ _export_sfc(_sfc_main$5I, [["__scopeId", "data-v-14d06208"]]);
95902
+ const CAlgoliaSearch = /* @__PURE__ */ _export_sfc(_sfc_main$5I, [["__scopeId", "data-v-2614a281"]]);
95908
95903
 
95909
95904
  const BulletListExtended = BulletList.extend({
95910
95905
  addOptions() {