@pitcher/canvas-ui 2026.1.12-143801-beta → 2026.1.12-152912-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-5e194a1b] .ais-SearchBox {
554
+ }[data-v-a628712f] .ais-SearchBox {
555
555
  margin: 0;
556
556
  }
557
- [data-v-5e194a1b] .ais-SearchBox-submit,[data-v-5e194a1b] .ais-SearchBox-reset {
557
+ [data-v-a628712f] .ais-SearchBox-submit,[data-v-a628712f] .ais-SearchBox-reset {
558
558
  display: none;
559
559
  }
560
- .admin-search[data-v-5e194a1b] .ais-SearchBox-reset {
560
+ .admin-search[data-v-a628712f] .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-5e194a1b] .ais-SearchBox-reset:hover {
574
+ .admin-search[data-v-a628712f] .ais-SearchBox-reset:hover {
575
575
  color: var(--p-text2) !important;
576
576
  }
577
- .admin-search[data-v-5e194a1b] .ais-SearchBox-reset:focus {
577
+ .admin-search[data-v-a628712f] .ais-SearchBox-reset:focus {
578
578
  outline: none !important;
579
579
  color: var(--p-primary) !important;
580
580
  }
581
- .admin-search[data-v-5e194a1b] .ais-SearchBox-input {
581
+ .admin-search[data-v-a628712f] .ais-SearchBox-input {
582
582
  padding-right: 40px !important;
583
583
  }
584
- [data-v-5e194a1b] .ais-SearchBox-input {
584
+ [data-v-a628712f] .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-5e194a1b] .ais-SearchBox-input:focus {
593
+ [data-v-a628712f] .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-5e194a1b] .ais-SearchBox-input::placeholder {
598
+ [data-v-a628712f] .ais-SearchBox-input::placeholder {
599
599
  color: var(--p-text3);
600
600
  font-size: 14px;
601
601
  }
602
- .overflow-y-auto[data-v-5e194a1b] {
602
+ .overflow-y-auto[data-v-a628712f] {
603
603
  scrollbar-width: thin;
604
604
  scrollbar-color: var(--p-border2) var(--p-surface2);
605
605
  }
606
- .overflow-y-auto[data-v-5e194a1b]::-webkit-scrollbar {
606
+ .overflow-y-auto[data-v-a628712f]::-webkit-scrollbar {
607
607
  width: 6px;
608
608
  }
609
- .overflow-y-auto[data-v-5e194a1b]::-webkit-scrollbar-track {
609
+ .overflow-y-auto[data-v-a628712f]::-webkit-scrollbar-track {
610
610
  background: var(--p-surface2);
611
611
  }
612
- .overflow-y-auto[data-v-5e194a1b]::-webkit-scrollbar-thumb {
612
+ .overflow-y-auto[data-v-a628712f]::-webkit-scrollbar-thumb {
613
613
  background-color: var(--p-border2);
614
614
  border-radius: 3px;
615
615
  }
616
- .overflow-y-auto[data-v-5e194a1b]::-webkit-scrollbar-thumb:hover {
616
+ .overflow-y-auto[data-v-a628712f]::-webkit-scrollbar-thumb:hover {
617
617
  background-color: var(--p-text3);
618
618
  }
619
- button[data-v-5e194a1b]:hover {
619
+ button[data-v-a628712f]:hover {
620
620
  transition: all 0.2s ease;
621
621
  }
622
- button[data-v-5e194a1b]:focus {
622
+ button[data-v-a628712f]:focus {
623
623
  outline: none;
624
624
  }
625
- [data-v-5e194a1b] mark,[data-v-5e194a1b] em {
625
+ [data-v-a628712f] mark,[data-v-a628712f] em {
626
626
  font-weight: bold;
627
627
  font-style: normal;
628
628
  }
package/canvas-ui.js CHANGED
@@ -96010,6 +96010,7 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
96010
96010
  const unfilteredCanvasResults = ref([]);
96011
96011
  const isSearching = ref(false);
96012
96012
  const hasSearchCompleted = ref(false);
96013
+ let currentSearchId = 0;
96013
96014
  const querySuggestions = ref([]);
96014
96015
  const selectedSuggestionIndex = ref(-1);
96015
96016
  const selectedResultIndex = ref(-1);
@@ -96108,6 +96109,28 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
96108
96109
  watch(searchType, () => {
96109
96110
  selectedResultIndex.value = -1;
96110
96111
  });
96112
+ watch(visibleFileTypeOptions, (newOptions) => {
96113
+ if (selectedFileType.value) {
96114
+ const isStillAvailable = newOptions.some((option) => option.value === selectedFileType.value);
96115
+ if (!isStillAvailable) {
96116
+ selectedFileType.value = null;
96117
+ if (searchQuery.value.trim()) {
96118
+ performSearch(searchQuery.value.trim());
96119
+ }
96120
+ }
96121
+ }
96122
+ });
96123
+ watch(visibleCanvasTypeOptions, (newOptions) => {
96124
+ if (selectedCanvasFilter.value) {
96125
+ const isStillAvailable = newOptions.some((option) => option.value === selectedCanvasFilter.value);
96126
+ if (!isStillAvailable) {
96127
+ selectedCanvasFilter.value = null;
96128
+ if (searchQuery.value.trim()) {
96129
+ performSearch(searchQuery.value.trim());
96130
+ }
96131
+ }
96132
+ }
96133
+ });
96111
96134
  const scrollSelectedResultIntoView = () => {
96112
96135
  nextTick(() => {
96113
96136
  const selectedElement = document.querySelector('[data-result-selected="true"]');
@@ -96160,6 +96183,7 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
96160
96183
  isSearching.value = true;
96161
96184
  hasSearchCompleted.value = false;
96162
96185
  searchError.value = null;
96186
+ const searchId = ++currentSearchId;
96163
96187
  const shouldSkipSuggestionFetch = skipNextSuggestionFetch.value;
96164
96188
  if (shouldSkipSuggestionFetch) {
96165
96189
  skipNextSuggestionFetch.value = false;
@@ -96225,15 +96249,15 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
96225
96249
  }
96226
96250
  await nextTick();
96227
96251
  setTimeout(() => {
96228
- isSearching.value = false;
96229
- hasSearchCompleted.value = true;
96252
+ if (searchId === currentSearchId) {
96253
+ isSearching.value = false;
96254
+ hasSearchCompleted.value = true;
96255
+ }
96230
96256
  }, 50);
96231
96257
  } catch (error) {
96232
96258
  console.error("Search error:", error);
96233
96259
  contentResults.value = [];
96234
96260
  canvasResults.value = [];
96235
- unfilteredContentResults.value = [];
96236
- unfilteredCanvasResults.value = [];
96237
96261
  isSearching.value = false;
96238
96262
  hasSearchCompleted.value = true;
96239
96263
  if (error.message === "AUTH_REQUIRED") {
@@ -96291,6 +96315,8 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
96291
96315
  showRecentView.value = true;
96292
96316
  contentResults.value = [];
96293
96317
  canvasResults.value = [];
96318
+ unfilteredContentResults.value = [];
96319
+ unfilteredCanvasResults.value = [];
96294
96320
  querySuggestions.value = [];
96295
96321
  selectedSuggestionIndex.value = -1;
96296
96322
  selectedResultIndex.value = -1;
@@ -96304,6 +96330,8 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
96304
96330
  showRecentView.value = true;
96305
96331
  contentResults.value = [];
96306
96332
  canvasResults.value = [];
96333
+ unfilteredContentResults.value = [];
96334
+ unfilteredCanvasResults.value = [];
96307
96335
  querySuggestions.value = [];
96308
96336
  selectedSuggestionIndex.value = -1;
96309
96337
  selectedResultIndex.value = -1;
@@ -97247,7 +97275,7 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
97247
97275
  }
97248
97276
  });
97249
97277
 
97250
- const CAlgoliaSearch = /* @__PURE__ */ _export_sfc(_sfc_main$5K, [["__scopeId", "data-v-5e194a1b"]]);
97278
+ const CAlgoliaSearch = /* @__PURE__ */ _export_sfc(_sfc_main$5K, [["__scopeId", "data-v-a628712f"]]);
97251
97279
 
97252
97280
  const BulletListExtended = BulletList.extend({
97253
97281
  addOptions() {