@pitcher/canvas-ui 2026.1.12-135956-beta → 2026.1.12-150608-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-de3f39f7] .ais-SearchBox {
554
+ }[data-v-7c9095a0] .ais-SearchBox {
555
555
  margin: 0;
556
556
  }
557
- [data-v-de3f39f7] .ais-SearchBox-submit,[data-v-de3f39f7] .ais-SearchBox-reset {
557
+ [data-v-7c9095a0] .ais-SearchBox-submit,[data-v-7c9095a0] .ais-SearchBox-reset {
558
558
  display: none;
559
559
  }
560
- .admin-search[data-v-de3f39f7] .ais-SearchBox-reset {
560
+ .admin-search[data-v-7c9095a0] .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-de3f39f7] .ais-SearchBox-reset:hover {
574
+ .admin-search[data-v-7c9095a0] .ais-SearchBox-reset:hover {
575
575
  color: var(--p-text2) !important;
576
576
  }
577
- .admin-search[data-v-de3f39f7] .ais-SearchBox-reset:focus {
577
+ .admin-search[data-v-7c9095a0] .ais-SearchBox-reset:focus {
578
578
  outline: none !important;
579
579
  color: var(--p-primary) !important;
580
580
  }
581
- .admin-search[data-v-de3f39f7] .ais-SearchBox-input {
581
+ .admin-search[data-v-7c9095a0] .ais-SearchBox-input {
582
582
  padding-right: 40px !important;
583
583
  }
584
- [data-v-de3f39f7] .ais-SearchBox-input {
584
+ [data-v-7c9095a0] .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-de3f39f7] .ais-SearchBox-input:focus {
593
+ [data-v-7c9095a0] .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-de3f39f7] .ais-SearchBox-input::placeholder {
598
+ [data-v-7c9095a0] .ais-SearchBox-input::placeholder {
599
599
  color: var(--p-text3);
600
600
  font-size: 14px;
601
601
  }
602
- .overflow-y-auto[data-v-de3f39f7] {
602
+ .overflow-y-auto[data-v-7c9095a0] {
603
603
  scrollbar-width: thin;
604
604
  scrollbar-color: var(--p-border2) var(--p-surface2);
605
605
  }
606
- .overflow-y-auto[data-v-de3f39f7]::-webkit-scrollbar {
606
+ .overflow-y-auto[data-v-7c9095a0]::-webkit-scrollbar {
607
607
  width: 6px;
608
608
  }
609
- .overflow-y-auto[data-v-de3f39f7]::-webkit-scrollbar-track {
609
+ .overflow-y-auto[data-v-7c9095a0]::-webkit-scrollbar-track {
610
610
  background: var(--p-surface2);
611
611
  }
612
- .overflow-y-auto[data-v-de3f39f7]::-webkit-scrollbar-thumb {
612
+ .overflow-y-auto[data-v-7c9095a0]::-webkit-scrollbar-thumb {
613
613
  background-color: var(--p-border2);
614
614
  border-radius: 3px;
615
615
  }
616
- .overflow-y-auto[data-v-de3f39f7]::-webkit-scrollbar-thumb:hover {
616
+ .overflow-y-auto[data-v-7c9095a0]::-webkit-scrollbar-thumb:hover {
617
617
  background-color: var(--p-text3);
618
618
  }
619
- button[data-v-de3f39f7]:hover {
619
+ button[data-v-7c9095a0]:hover {
620
620
  transition: all 0.2s ease;
621
621
  }
622
- button[data-v-de3f39f7]:focus {
622
+ button[data-v-7c9095a0]:focus {
623
623
  outline: none;
624
624
  }
625
- [data-v-de3f39f7] mark,[data-v-de3f39f7] em {
625
+ [data-v-7c9095a0] mark,[data-v-7c9095a0] em {
626
626
  font-weight: bold;
627
627
  font-style: normal;
628
628
  }
package/canvas-ui.js CHANGED
@@ -96006,6 +96006,8 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
96006
96006
  };
96007
96007
  const contentResults = ref([]);
96008
96008
  const canvasResults = ref([]);
96009
+ const unfilteredContentResults = ref([]);
96010
+ const unfilteredCanvasResults = ref([]);
96009
96011
  const isSearching = ref(false);
96010
96012
  const hasSearchCompleted = ref(false);
96011
96013
  const querySuggestions = ref([]);
@@ -96029,7 +96031,7 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
96029
96031
  return /* @__PURE__ */ new Set();
96030
96032
  }
96031
96033
  const types = /* @__PURE__ */ new Set();
96032
- contentResults.value.forEach((item) => {
96034
+ unfilteredContentResults.value.forEach((item) => {
96033
96035
  if (item.type === "folder") {
96034
96036
  types.add("folder");
96035
96037
  } else if (item.type === "file" && item.file_category) {
@@ -96043,7 +96045,7 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
96043
96045
  return /* @__PURE__ */ new Set();
96044
96046
  }
96045
96047
  const types = /* @__PURE__ */ new Set();
96046
- canvasResults.value.forEach((item) => {
96048
+ unfilteredCanvasResults.value.forEach((item) => {
96047
96049
  if (item.content_type) {
96048
96050
  types.add(item.content_type);
96049
96051
  }
@@ -96106,6 +96108,28 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
96106
96108
  watch(searchType, () => {
96107
96109
  selectedResultIndex.value = -1;
96108
96110
  });
96111
+ watch(visibleFileTypeOptions, (newOptions) => {
96112
+ if (selectedFileType.value) {
96113
+ const isStillAvailable = newOptions.some((option) => option.value === selectedFileType.value);
96114
+ if (!isStillAvailable) {
96115
+ selectedFileType.value = null;
96116
+ if (searchQuery.value.trim()) {
96117
+ performSearch(searchQuery.value.trim());
96118
+ }
96119
+ }
96120
+ }
96121
+ });
96122
+ watch(visibleCanvasTypeOptions, (newOptions) => {
96123
+ if (selectedCanvasFilter.value) {
96124
+ const isStillAvailable = newOptions.some((option) => option.value === selectedCanvasFilter.value);
96125
+ if (!isStillAvailable) {
96126
+ selectedCanvasFilter.value = null;
96127
+ if (searchQuery.value.trim()) {
96128
+ performSearch(searchQuery.value.trim());
96129
+ }
96130
+ }
96131
+ }
96132
+ });
96109
96133
  const scrollSelectedResultIntoView = () => {
96110
96134
  nextTick(() => {
96111
96135
  const selectedElement = document.querySelector('[data-result-selected="true"]');
@@ -96148,6 +96172,8 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
96148
96172
  if (!query.trim()) {
96149
96173
  contentResults.value = [];
96150
96174
  canvasResults.value = [];
96175
+ unfilteredContentResults.value = [];
96176
+ unfilteredCanvasResults.value = [];
96151
96177
  hasSearchCompleted.value = false;
96152
96178
  isSearching.value = false;
96153
96179
  searchError.value = null;
@@ -96179,22 +96205,36 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
96179
96205
  console.warn("[CAlgoliaSearch] Selected canvas filter is invalid and was removed:", selectedCanvasFilter.value);
96180
96206
  selectedCanvasFilter.value = null;
96181
96207
  }
96182
- const canvasFilters = validCanvasFilter ? ` AND content_type:"${validCanvasFilter}"` : "";
96183
96208
  const validFileType = selectedFileType.value && ALLOWED_FILE_TYPES.includes(selectedFileType.value) ? selectedFileType.value : null;
96184
96209
  if (selectedFileType.value && !validFileType) {
96185
96210
  console.warn("[CAlgoliaSearch] Selected file type filter is invalid and was removed:", selectedFileType.value);
96186
96211
  selectedFileType.value = null;
96187
96212
  }
96188
- const contentFilters = validFileType ? ` AND ${validFileType === "folder" ? `type:"${validFileType}"` : `file_category:"${validFileType}"`}` : "";
96189
96213
  const results = await searchViaBackend(query.trim(), {
96190
- canvas: canvasFilters,
96191
- content: contentFilters
96214
+ canvas: "",
96215
+ content: ""
96192
96216
  });
96193
96217
  if (query.trim() !== searchQuery.value.trim()) {
96194
96218
  return;
96195
96219
  }
96196
- contentResults.value = results.content?.hits || [];
96197
- canvasResults.value = results.canvas?.hits || [];
96220
+ unfilteredContentResults.value = results.content?.hits || [];
96221
+ unfilteredCanvasResults.value = results.canvas?.hits || [];
96222
+ let filteredContent = unfilteredContentResults.value;
96223
+ let filteredCanvas = unfilteredCanvasResults.value;
96224
+ if (validFileType) {
96225
+ filteredContent = filteredContent.filter((item) => {
96226
+ if (validFileType === "folder") {
96227
+ return item.type === "folder";
96228
+ } else {
96229
+ return item.type === "file" && item.file_category === validFileType;
96230
+ }
96231
+ });
96232
+ }
96233
+ if (validCanvasFilter) {
96234
+ filteredCanvas = filteredCanvas.filter((item) => item.content_type === validCanvasFilter);
96235
+ }
96236
+ contentResults.value = filteredContent;
96237
+ canvasResults.value = filteredCanvas;
96198
96238
  selectedResultIndex.value = -1;
96199
96239
  searchError.value = null;
96200
96240
  if (query.trim().length >= 2 && !shouldSkipSuggestionFetch) {
@@ -96214,6 +96254,8 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
96214
96254
  console.error("Search error:", error);
96215
96255
  contentResults.value = [];
96216
96256
  canvasResults.value = [];
96257
+ unfilteredContentResults.value = [];
96258
+ unfilteredCanvasResults.value = [];
96217
96259
  isSearching.value = false;
96218
96260
  hasSearchCompleted.value = true;
96219
96261
  if (error.message === "AUTH_REQUIRED") {
@@ -97227,7 +97269,7 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
97227
97269
  }
97228
97270
  });
97229
97271
 
97230
- const CAlgoliaSearch = /* @__PURE__ */ _export_sfc(_sfc_main$5K, [["__scopeId", "data-v-de3f39f7"]]);
97272
+ const CAlgoliaSearch = /* @__PURE__ */ _export_sfc(_sfc_main$5K, [["__scopeId", "data-v-7c9095a0"]]);
97231
97273
 
97232
97274
  const BulletListExtended = BulletList.extend({
97233
97275
  addOptions() {