@pitcher/canvas-ui 2025.12.11-120315-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

@@ -88061,8 +88061,6 @@ const defaultSkipKeys = [
   "id__in",
   "tags__in",
   "tags__not_in",
-  "template__id",
-  "template__id__in",
   "modified_at__gtr",
   "created_at__gtr",
   "end_at__lt",
@@ -95236,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)) {
@@ -96037,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() {