@pitcher/canvas-ui 2025.12.11-102840-beta → 2025.12.11-120517-beta

package/canvas-ui.css

@@ -551,13 +551,13 @@ swiper-container::part(pagination) {
   line-height: 20px;
   letter-spacing: 0.25px;
   color: var(--ad430d74);
-}[data-v-8069f2b2] .ais-SearchBox {
+}[data-v-106887cb] .ais-SearchBox {
   margin: 0;
 }
-[data-v-8069f2b2] .ais-SearchBox-submit,[data-v-8069f2b2] .ais-SearchBox-reset {
+[data-v-106887cb] .ais-SearchBox-submit,[data-v-106887cb] .ais-SearchBox-reset {
   display: none;
 }
-.admin-search[data-v-8069f2b2] .ais-SearchBox-reset {
+.admin-search[data-v-106887cb] .ais-SearchBox-reset {
   display: block !important;
   position: absolute !important;
   right: 12px !important;
@@ -571,17 +571,17 @@ swiper-container::part(pagination) {
   font-size: 16px !important;
   z-index: 10 !important;
 }
-.admin-search[data-v-8069f2b2] .ais-SearchBox-reset:hover {
+.admin-search[data-v-106887cb] .ais-SearchBox-reset:hover {
   color: var(--p-text2) !important;
 }
-.admin-search[data-v-8069f2b2] .ais-SearchBox-reset:focus {
+.admin-search[data-v-106887cb] .ais-SearchBox-reset:focus {
   outline: none !important;
   color: var(--p-primary) !important;
 }
-.admin-search[data-v-8069f2b2] .ais-SearchBox-input {
+.admin-search[data-v-106887cb] .ais-SearchBox-input {
   padding-right: 40px !important;
 }
-[data-v-8069f2b2] .ais-SearchBox-input {
+[data-v-106887cb] .ais-SearchBox-input {
   width: 100%;
   padding: 12px 16px 12px 40px;
   border: 1px solid var(--p-primary4);
@@ -590,39 +590,39 @@ swiper-container::part(pagination) {
   background-color: var(--p-base);
   transition: border-color 0.2s ease;
 }
-[data-v-8069f2b2] .ais-SearchBox-input:focus {
+[data-v-106887cb] .ais-SearchBox-input:focus {
   outline: none;
   border-color: var(--p-primary);
   box-shadow: 0 0 0 3px var(--p-primary5);
 }
-[data-v-8069f2b2] .ais-SearchBox-input::placeholder {
+[data-v-106887cb] .ais-SearchBox-input::placeholder {
   color: var(--p-text3);
   font-size: 14px;
 }
-.overflow-y-auto[data-v-8069f2b2] {
+.overflow-y-auto[data-v-106887cb] {
   scrollbar-width: thin;
   scrollbar-color: var(--p-border2) var(--p-surface2);
 }
-.overflow-y-auto[data-v-8069f2b2]::-webkit-scrollbar {
+.overflow-y-auto[data-v-106887cb]::-webkit-scrollbar {
   width: 6px;
 }
-.overflow-y-auto[data-v-8069f2b2]::-webkit-scrollbar-track {
+.overflow-y-auto[data-v-106887cb]::-webkit-scrollbar-track {
   background: var(--p-surface2);
 }
-.overflow-y-auto[data-v-8069f2b2]::-webkit-scrollbar-thumb {
+.overflow-y-auto[data-v-106887cb]::-webkit-scrollbar-thumb {
   background-color: var(--p-border2);
   border-radius: 3px;
 }
-.overflow-y-auto[data-v-8069f2b2]::-webkit-scrollbar-thumb:hover {
+.overflow-y-auto[data-v-106887cb]::-webkit-scrollbar-thumb:hover {
   background-color: var(--p-text3);
 }
-button[data-v-8069f2b2]:hover {
+button[data-v-106887cb]:hover {
   transition: all 0.2s ease;
 }
-button[data-v-8069f2b2]:focus {
+button[data-v-106887cb]:focus {
   outline: none;
 }
-[data-v-8069f2b2] mark,[data-v-8069f2b2] em {
+[data-v-106887cb] mark,[data-v-106887cb] em {
   font-weight: bold;
   font-style: normal;
 }

package/canvas-ui.js

@@ -95234,7 +95234,16 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
       if (nameMatched) {
         return "";
       }
-      return sanitizeHtml(item._snippetResult.searchable_content.value);
+      const highlightValue = item._highlightResult?.searchable_content?.value;
+      if (!highlightValue) return "";
+      const emIndex = highlightValue.indexOf("<em>");
+      if (emIndex === -1) return "";
+      const startChar = Math.max(0, emIndex - 100);
+      const endChar = Math.min(highlightValue.length, emIndex + 100);
+      let truncated = highlightValue.substring(startChar, endChar);
+      if (startChar > 0) truncated = "..." + truncated;
+      if (endChar < highlightValue.length) truncated = truncated + "...";
+      return sanitizeHtml(truncated);
     };
     const toggleCanvasFilter = (filterType) => {
       if (selectedCanvasFilters.value.includes(filterType)) {
@@ -96035,7 +96044,7 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
   }
 });
 
-const CAlgoliaSearch = /* @__PURE__ */ _export_sfc(_sfc_main$5K, [["__scopeId", "data-v-8069f2b2"]]);
+const CAlgoliaSearch = /* @__PURE__ */ _export_sfc(_sfc_main$5K, [["__scopeId", "data-v-106887cb"]]);
 
 const BulletListExtended = BulletList.extend({
   addOptions() {
@@ -169425,7 +169434,6 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
         mergeIntoActiveContext(accountData);
       },
       getSafeContext,
-      mergeIntoActiveContext,
       goToPage,
       goToPreviousPage,
       goToNextPage,