@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 +17 -17
- package/canvas-ui.js +51 -9
- package/canvas-ui.js.map +1 -1
- package/package.json +1 -1
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-
|
|
554
|
+
}[data-v-7c9095a0] .ais-SearchBox {
|
|
555
555
|
margin: 0;
|
|
556
556
|
}
|
|
557
|
-
[data-v-
|
|
557
|
+
[data-v-7c9095a0] .ais-SearchBox-submit,[data-v-7c9095a0] .ais-SearchBox-reset {
|
|
558
558
|
display: none;
|
|
559
559
|
}
|
|
560
|
-
.admin-search[data-v-
|
|
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-
|
|
574
|
+
.admin-search[data-v-7c9095a0] .ais-SearchBox-reset:hover {
|
|
575
575
|
color: var(--p-text2) !important;
|
|
576
576
|
}
|
|
577
|
-
.admin-search[data-v-
|
|
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-
|
|
581
|
+
.admin-search[data-v-7c9095a0] .ais-SearchBox-input {
|
|
582
582
|
padding-right: 40px !important;
|
|
583
583
|
}
|
|
584
|
-
[data-v-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
606
|
+
.overflow-y-auto[data-v-7c9095a0]::-webkit-scrollbar {
|
|
607
607
|
width: 6px;
|
|
608
608
|
}
|
|
609
|
-
.overflow-y-auto[data-v-
|
|
609
|
+
.overflow-y-auto[data-v-7c9095a0]::-webkit-scrollbar-track {
|
|
610
610
|
background: var(--p-surface2);
|
|
611
611
|
}
|
|
612
|
-
.overflow-y-auto[data-v-
|
|
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-
|
|
616
|
+
.overflow-y-auto[data-v-7c9095a0]::-webkit-scrollbar-thumb:hover {
|
|
617
617
|
background-color: var(--p-text3);
|
|
618
618
|
}
|
|
619
|
-
button[data-v-
|
|
619
|
+
button[data-v-7c9095a0]:hover {
|
|
620
620
|
transition: all 0.2s ease;
|
|
621
621
|
}
|
|
622
|
-
button[data-v-
|
|
622
|
+
button[data-v-7c9095a0]:focus {
|
|
623
623
|
outline: none;
|
|
624
624
|
}
|
|
625
|
-
[data-v-
|
|
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
|
-
|
|
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
|
-
|
|
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:
|
|
96191
|
-
content:
|
|
96214
|
+
canvas: "",
|
|
96215
|
+
content: ""
|
|
96192
96216
|
});
|
|
96193
96217
|
if (query.trim() !== searchQuery.value.trim()) {
|
|
96194
96218
|
return;
|
|
96195
96219
|
}
|
|
96196
|
-
|
|
96197
|
-
|
|
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-
|
|
97272
|
+
const CAlgoliaSearch = /* @__PURE__ */ _export_sfc(_sfc_main$5K, [["__scopeId", "data-v-7c9095a0"]]);
|
|
97231
97273
|
|
|
97232
97274
|
const BulletListExtended = BulletList.extend({
|
|
97233
97275
|
addOptions() {
|