@visitscotland/component-library 5.14.2 → 5.15.0

package/dist/components/vs-component-library.mjs

@@ -635,12 +635,12 @@ const ArticleSidebar = /* @__PURE__ */ _export_sfc(_sfc_main$2k, [["render", _sf
   props: {
     /**
     * Variant of the badge
-    * @values default, subtle, information
+    * @values default, subtle, information, highlight
     */
     variant: {
       type: String,
       default: "default",
-      validator: (e) => e.match(/(default|subtle|information)/)
+      validator: (e) => e.match(/(default|subtle|information|highlight)/)
     }
   },
   computed: {
@@ -2830,7 +2830,7 @@ const CannedSearch = /* @__PURE__ */ _export_sfc(_sfc_main$1Y, [["render", _sfc_
       return (t - e) * a / (n - e);
     }
   }
-}, _hoisted_1$1x = ["width", "height"], _hoisted_2$18 = ["stroke"], _hoisted_3$X = ["stroke"], _hoisted_4$J = ["stroke"], _hoisted_5$u = ["stroke"], _hoisted_6$k = ["stroke"], _hoisted_7$g = ["stroke"], _hoisted_8$6 = ["stroke"], _hoisted_9$5 = ["stroke"], _hoisted_10$5 = ["stroke"], _hoisted_11$3 = ["stroke"], _hoisted_12$3 = ["stroke"], _hoisted_13$3 = ["stroke"], _hoisted_14$2 = ["stroke"], _hoisted_15$2 = ["stroke"], _hoisted_16$2 = ["stroke"], _hoisted_17$2 = ["stroke"], _hoisted_18$1 = ["stroke"], _hoisted_19$1 = ["stroke"], _hoisted_20$1 = ["stroke"], _hoisted_21 = ["stroke"], _hoisted_22 = ["stroke"], _hoisted_23 = ["stroke"], _hoisted_24 = ["stroke"], _hoisted_25 = ["stroke"], _hoisted_26 = ["stroke"], _hoisted_27 = ["stroke"], _hoisted_28 = ["stroke"], _hoisted_29 = ["stroke"], _hoisted_30 = ["stroke"], _hoisted_31 = ["stroke"], _hoisted_32 = ["width", "height"], _hoisted_33 = ["fill", "cx", "cy"];
+}, _hoisted_1$1x = ["width", "height"], _hoisted_2$18 = ["stroke"], _hoisted_3$X = ["stroke"], _hoisted_4$J = ["stroke"], _hoisted_5$u = ["stroke"], _hoisted_6$k = ["stroke"], _hoisted_7$g = ["stroke"], _hoisted_8$6 = ["stroke"], _hoisted_9$5 = ["stroke"], _hoisted_10$5 = ["stroke"], _hoisted_11$4 = ["stroke"], _hoisted_12$3 = ["stroke"], _hoisted_13$3 = ["stroke"], _hoisted_14$2 = ["stroke"], _hoisted_15$2 = ["stroke"], _hoisted_16$2 = ["stroke"], _hoisted_17$2 = ["stroke"], _hoisted_18$1 = ["stroke"], _hoisted_19$1 = ["stroke"], _hoisted_20$1 = ["stroke"], _hoisted_21 = ["stroke"], _hoisted_22 = ["stroke"], _hoisted_23 = ["stroke"], _hoisted_24 = ["stroke"], _hoisted_25 = ["stroke"], _hoisted_26 = ["stroke"], _hoisted_27 = ["stroke"], _hoisted_28 = ["stroke"], _hoisted_29 = ["stroke"], _hoisted_30 = ["stroke"], _hoisted_31 = ["stroke"], _hoisted_32 = ["width", "height"], _hoisted_33 = ["fill", "cx", "cy"];
 function _sfc_render$1G(e, n, t, a, r, s) {
   return openBlock(), createElementBlock("svg", {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2950,7 +2950,7 @@ function _sfc_render$1G(e, n, t, a, r, s) {
       "stroke-linejoin": "round",
       "stroke-width": "0.5",
       "fill-rule": "evenodd"
-    }, null, 8, _hoisted_11$3),
+    }, null, 8, _hoisted_11$4),
     createElementVNode("path", {
       d: `M46.6205,36.1343c0,.184.167.552.167.736.167.184.167.368.334.368,
             1.169.92,1.336-1.287.167-1.287C46.9545,35.95,46.7875,35.95,46.6205,36.1343Z`,
@@ -29223,7 +29223,7 @@ const _hoisted_1$r = {
 }, _hoisted_2$g = {
   key: 0,
   class: "container"
-}, _hoisted_3$a = { class: "row" }, _hoisted_4$8 = { class: "col-12" }, _hoisted_5$7 = ["action"], _hoisted_6$7 = { class: "form-group product-search__type mb-100" }, _hoisted_7$6 = { for: "prodtypes" }, _hoisted_8$4 = { class: "product-search__in d-none d-md-block mt-100" }, _hoisted_9$4 = { "aria-live": "polite" }, _hoisted_10$4 = ["disabled", "value"], _hoisted_11$2 = ["disabled", "value"], _hoisted_12$2 = ["value"], _hoisted_13$2 = {
+}, _hoisted_3$a = { class: "row" }, _hoisted_4$8 = { class: "col-12" }, _hoisted_5$7 = ["action"], _hoisted_6$7 = { class: "form-group product-search__type mb-100" }, _hoisted_7$6 = { for: "prodtypes" }, _hoisted_8$4 = { class: "product-search__in d-none d-md-block mt-100" }, _hoisted_9$4 = { "aria-live": "polite" }, _hoisted_10$4 = ["disabled", "value"], _hoisted_11$3 = ["disabled", "value"], _hoisted_12$2 = ["value"], _hoisted_13$2 = {
   key: 4,
   type: "hidden",
   name: "areaproxdist",
@@ -29408,7 +29408,7 @@ const _hoisted_1$r = {
                     name: "locpoly",
                     disabled: ((J = unref(s)) == null ? void 0 : J.type) !== "POLYGON",
                     value: (($ = unref(s)) == null ? void 0 : $.key) || ""
-                  }, null, 8, _hoisted_11$2)) : createCommentVNode("", !0),
+                  }, null, 8, _hoisted_11$3)) : createCommentVNode("", !0),
                   a.value !== "tour" ? (openBlock(), createElementBlock("input", {
                     key: 3,
                     type: "hidden",
@@ -30251,7 +30251,7 @@ const VsTableFooter = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_
 }, _hoisted_2$c = { class: "vs-ski-scotland-card__img-container" }, _hoisted_3$8 = { class: "card-body" }, _hoisted_4$6 = {
   key: 0,
   class: "text-center pb-200 position-relative"
-}, _hoisted_5$5 = { "data-test": "vs-ski__status-label" }, _hoisted_6$5 = { "data-test": "vs-ski__runs-label" }, _hoisted_7$5 = { "data-test": "vs-ski__lifts-label" }, _hoisted_8$3 = { "data-test": "vs-ski__open-label" }, _hoisted_9$3 = { "data-test": "vs-ski__limited-patrol-label" }, _hoisted_10$3 = { "data-test": "vs-ski__opening-label" }, _hoisted_11$1 = { "data-test": "vs-ski__closed-label" }, _hoisted_12$1 = { "data-test": "vs-ski__on-hold-label" }, _hoisted_13$1 = { "data-test": "vs-ski__last-updated-label" };
+}, _hoisted_5$5 = { "data-test": "vs-ski__status-label" }, _hoisted_6$5 = { "data-test": "vs-ski__runs-label" }, _hoisted_7$5 = { "data-test": "vs-ski__lifts-label" }, _hoisted_8$3 = { "data-test": "vs-ski__open-label" }, _hoisted_9$3 = { "data-test": "vs-ski__limited-patrol-label" }, _hoisted_10$3 = { "data-test": "vs-ski__opening-label" }, _hoisted_11$2 = { "data-test": "vs-ski__closed-label" }, _hoisted_12$1 = { "data-test": "vs-ski__on-hold-label" }, _hoisted_13$1 = { "data-test": "vs-ski__last-updated-label" };
 function _sfc_render$e(e, n, t, a, r, s) {
   const o = resolveComponent("VsImg"), i = resolveComponent("VsHeading"), l = resolveComponent("VsLoadingSpinner"), c = resolveComponent("VsWarning"), u = resolveComponent("VsTableHeaderCell"), d = resolveComponent("VsTableHead"), m = resolveComponent("VsIcon"), f = resolveComponent("VsTableDataCell"), p = resolveComponent("VsTableRow"), g = resolveComponent("VsTableBody"), _ = resolveComponent("VsTableFooter"), v = resolveComponent("VsTable"), b = resolveComponent("VsButton");
   return openBlock(), createElementBlock("div", _hoisted_1$g, [
@@ -30423,7 +30423,7 @@ function _sfc_render$e(e, n, t, a, r, s) {
                         size: "xs",
                         class: "me-050 fa-fw"
                       }),
-                      createElementVNode("span", _hoisted_11$1, toDisplayString(t.summaryClosedLabel), 1)
+                      createElementVNode("span", _hoisted_11$2, toDisplayString(t.summaryClosedLabel), 1)
                     ]),
                     _: 1
                   }),
@@ -31031,7 +31031,7 @@ const SkiScotlandCard = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sf
 }, _hoisted_1$f = {
   class: "vs-ski-scotland-status",
   "data-test": "vs-ski-scotland-status"
-}, _hoisted_2$b = { "data-test": "vs-ski__status-label" }, _hoisted_3$7 = { "data-test": "vs-ski__runs-label" }, _hoisted_4$5 = { "data-test": "vs-ski__lifts-label" }, _hoisted_5$4 = { "data-test": "vs-ski__open-label" }, _hoisted_6$4 = { "data-test": "vs-ski__open-label" }, _hoisted_7$4 = { "data-test": "vs-ski__opening-label" }, _hoisted_8$2 = { "data-test": "vs-ski__closed-label" }, _hoisted_9$2 = { "data-test": "vs-ski__open-label" }, _hoisted_10$2 = { "data-test": "vs-ski__last-updated-label" }, _hoisted_11 = ["innerHTML"], _hoisted_12 = ["innerHTML"], _hoisted_13 = ["innerHTML"], _hoisted_14 = ["innerHTML"], _hoisted_15 = ["innerHTML"], _hoisted_16 = ["data-test"], _hoisted_17 = { class: "visually-hidden" };
+}, _hoisted_2$b = { "data-test": "vs-ski__status-label" }, _hoisted_3$7 = { "data-test": "vs-ski__runs-label" }, _hoisted_4$5 = { "data-test": "vs-ski__lifts-label" }, _hoisted_5$4 = { "data-test": "vs-ski__open-label" }, _hoisted_6$4 = { "data-test": "vs-ski__open-label" }, _hoisted_7$4 = { "data-test": "vs-ski__opening-label" }, _hoisted_8$2 = { "data-test": "vs-ski__closed-label" }, _hoisted_9$2 = { "data-test": "vs-ski__open-label" }, _hoisted_10$2 = { "data-test": "vs-ski__last-updated-label" }, _hoisted_11$1 = ["innerHTML"], _hoisted_12 = ["innerHTML"], _hoisted_13 = ["innerHTML"], _hoisted_14 = ["innerHTML"], _hoisted_15 = ["innerHTML"], _hoisted_16 = ["data-test"], _hoisted_17 = { class: "visually-hidden" };
 function _sfc_render$d(e, n, t, a, r, s) {
   const o = resolveComponent("VsLoadingSpinner"), i = resolveComponent("VsCol"), l = resolveComponent("VsRow"), c = resolveComponent("VsContainer"), u = resolveComponent("VsWarning"), d = resolveComponent("VsHeading"), m = resolveComponent("VsTableHeaderCell"), f = resolveComponent("VsTableHead"), p = resolveComponent("VsIcon"), g = resolveComponent("VsTableDataCell"), _ = resolveComponent("VsTableRow"), v = resolveComponent("VsTableBody"), b = resolveComponent("VsTableFooter"), k = resolveComponent("VsTable"), C = resolveComponent("VsLink"), S = resolveComponent("VsAccordionItem"), w = resolveComponent("VsAccordion");
   return openBlock(), createElementBlock("div", _hoisted_1$f, [
@@ -31347,7 +31347,7 @@ function _sfc_render$d(e, n, t, a, r, s) {
                   ]),
                   _: 1
                 }),
-                createElementVNode("div", { innerHTML: r.report }, null, 8, _hoisted_11),
+                createElementVNode("div", { innerHTML: r.report }, null, 8, _hoisted_11$1),
                 r.currentWeather.length ? (openBlock(), createBlock(d, {
                   key: 0,
                   level: "4",
@@ -33842,7 +33842,8 @@ function cleanData$1(e) {
       description: a.Fields.Description.Value || "",
       imgSrc: ((r = a.Fields.Image) == null ? void 0 : r.Value) || "",
       url: a.Fields.Url.Value || "",
-      dataSrc: "cludo"
+      dataSrc: "cludo",
+      categoryCard: a.Fields.categoryCard.Value || ""
     };
   });
 }
@@ -33905,7 +33906,8 @@ function cleanData(e) {
       startDate: a.startFormatted,
       endDate: a.endFormatted,
       minPrice: (u = a.minPrice) == null ? void 0 : u.toString(),
-      dataSrc: "data-thistle"
+      dataSrc: "data-thistle",
+      categoryCard: a.categoryCard || ""
     };
   });
 }
@@ -34101,12 +34103,12 @@ const useFederatedSearchStore = defineStore("federatedSearch", () => {
   emits: ["filter-updated"],
   setup(e) {
     const n = e, t = ref(null);
-    function a(o) {
-      return typeof n.activeFilter == "string" ? n.activeFilter === o : n.activeFilter && typeof n.activeFilter == "object" ? n.activeFilter.includes(o) : !1;
+    function a(i) {
+      return typeof n.activeFilter == "string" ? n.activeFilter === i : n.activeFilter && typeof n.activeFilter == "object" ? n.activeFilter.includes(i) : !1;
     }
-    function r(o) {
-      var i, l;
-      o === "left" ? (i = t.value) == null || i.scrollBy(-200, 0) : o === "right" && ((l = t.value) == null || l.scrollBy(200, 0));
+    function r(i) {
+      var l, c;
+      i === "left" ? (l = t.value) == null || l.scrollBy(-200, 0) : i === "right" && ((c = t.value) == null || c.scrollBy(200, 0));
     }
     function s() {
       return [
@@ -34114,14 +34116,18 @@ const useFederatedSearchStore = defineStore("federatedSearch", () => {
         n.wrap ? "vs-fed-filter__scroll-rail--wrap" : ""
       ];
     }
-    return (o, i) => (openBlock(), createElementBlock("div", _hoisted_1$3, [
-      o.$slots["fed-filter-header"] && o.$slots["fed-filter-header"]() ? (openBlock(), createBlock(VsBody, {
+    const o = computed$1(() => [...n.filterCategories].sort((l, c) => {
+      const u = (l.Label || l.Key || "").toLowerCase(), d = (c.Label || c.Key || "").toLowerCase();
+      return u < d ? -1 : u > d ? 1 : 0;
+    }));
+    return (i, l) => (openBlock(), createElementBlock("div", _hoisted_1$3, [
+      i.$slots["fed-filter-header"] && i.$slots["fed-filter-header"]() ? (openBlock(), createBlock(VsBody, {
         key: 0,
         class: "vs-fed-filter__header mb-025 ms-025",
         "data-test": "vs-fed-filter__header"
       }, {
         default: withCtx(() => [
-          renderSlot(o.$slots, "fed-filter-header")
+          renderSlot(i.$slots, "fed-filter-header")
         ]),
         _: 3
       })) : createCommentVNode("", !0),
@@ -34133,7 +34139,7 @@ const useFederatedSearchStore = defineStore("federatedSearch", () => {
           "icon-only": "",
           class: "vs-fed-filter__scroll-button me-050",
           "data-test": "vs-fed-filter__scroll-button--left",
-          onClick: i[0] || (i[0] = (l) => r("left")),
+          onClick: l[0] || (l[0] = (c) => r("left")),
           "aria-label": n.scrollLeftText
         }, {
           default: withCtx(() => [
@@ -34147,17 +34153,17 @@ const useFederatedSearchStore = defineStore("federatedSearch", () => {
           ref_key: "scrollRail",
           ref: t
         }, [
-          (openBlock(!0), createElementBlock(Fragment, null, renderList(n.filterCategories, (l, c) => (openBlock(), createBlock(VsButton, {
-            key: c,
+          (openBlock(!0), createElementBlock(Fragment, null, renderList(o.value, (c, u) => (openBlock(), createBlock(VsButton, {
+            key: u,
             class: "vs-fed-filter__category-button",
-            "data-test": `vs-fed-filter__category-button--${l.id}`,
-            icon: n.variant === "primary" ? l.icon : null,
-            variant: a(l.Label) ? "primary" : "secondary",
+            "data-test": `vs-fed-filter__category-button--${c.id}`,
+            icon: n.variant === "primary" ? c.icon : null,
+            variant: a(c.Label) ? "primary" : "secondary",
             size: n.variant === "secondary" ? "sm" : "md",
-            onClick: (u) => o.$emit("filter-updated", l)
+            onClick: (d) => i.$emit("filter-updated", c)
           }, {
             default: withCtx(() => [
-              createTextVNode(toDisplayString(l.Label || l.Key), 1)
+              createTextVNode(toDisplayString(c.Label || c.Key), 1)
             ]),
             _: 2
           }, 1032, ["data-test", "icon", "variant", "size", "onClick"]))), 128))
@@ -34169,7 +34175,7 @@ const useFederatedSearchStore = defineStore("federatedSearch", () => {
           "icon-only": "",
           class: "vs-fed-filter__scroll-button ms-050",
           "data-test": "vs-fed-filter__scroll-button--right",
-          onClick: i[1] || (i[1] = (l) => r("right")),
+          onClick: l[1] || (l[1] = (c) => r("right")),
           "aria-label": n.scrollRightText
         }, {
           default: withCtx(() => [
@@ -34329,7 +34335,7 @@ const useFederatedSearchStore = defineStore("federatedSearch", () => {
         wrap: !0,
         onFilterUpdated: l
       }, null, 8, ["active-filter", "filter-categories"])) : createCommentVNode("", !0),
-      unref(t).selectedCategory === "Events & Festivals" && n.subFilters ? (openBlock(), createBlock(_sfc_main$3, {
+      unref(t).selectedCategoryKey === "events" && n.subFilters ? (openBlock(), createBlock(_sfc_main$3, {
         key: 1,
         "active-filter": unref(t).selectedSubCategory,
         class: "mt-200",
@@ -34477,10 +34483,10 @@ const useFederatedSearchStore = defineStore("federatedSearch", () => {
 }, _hoisted_2 = { class: "vs-federated-search__container" }, _hoisted_3 = {
   key: 0,
   class: "d-flex justify-content-between mb-200"
-}, _hoisted_4 = { key: 2 }, _hoisted_5 = { class: "position-relative" }, _hoisted_6 = { class: "position-absolute bottom-0 start-0 d-flex gap-2" }, _hoisted_7 = { class: "truncate-3-lines" }, _hoisted_8 = { class: "d-flex justify-content-end align-items-end mt-050" }, _hoisted_9 = {
+}, _hoisted_4 = { key: 2 }, _hoisted_5 = { class: "position-relative" }, _hoisted_6 = { class: "position-absolute bottom-0 start-0 d-flex gap-2" }, _hoisted_7 = { class: "position-absolute bottom-0 end-0 d-flex" }, _hoisted_8 = { class: "truncate-3-lines" }, _hoisted_9 = { class: "d-flex justify-content-end align-items-end mt-050" }, _hoisted_10 = {
   key: 0,
   class: "d-flex align-items-start flex-grow-1"
-}, _hoisted_10 = {
+}, _hoisted_11 = {
   key: 3,
   class: "vs-federated-search--warning"
 }, fallbackImg = "https://static.visitscotland.com/img/fallback-img.png", _sfc_main = {
@@ -34562,6 +34568,15 @@ const useFederatedSearchStore = defineStore("federatedSearch", () => {
     sortLabels: {
       type: Object,
       required: !0
+    },
+    /**
+     * Labels for the card category badge.
+     */
+    cardCategoryLabels: {
+      type: Object,
+      required: !0,
+      default: () => {
+      }
     }
   },
   setup(e) {
@@ -34575,7 +34590,7 @@ const useFederatedSearchStore = defineStore("federatedSearch", () => {
     const r = computed$1(() => Math.ceil(n.totalResults / 12));
     function s() {
       // Start date is after end date
-      n.endDate && n.startDate > n.endDate ? (t.value.error = !0, t.value.message = a.errorMessages.incorrectDateOrder) : /* Events API down */ n.selectedCategory === "Events & Festivals" && n.eventsApiError && !n.isLoading ? (t.value.error = !0, t.value.message = a.errorMessages.eventError) : /* Cludo down */ (n.searchTerm || n.selectedCategory) && n.selectedCategory !== "Events & Festivals" && n.cludoError && !n.isLoading ? (t.value.error = !0, t.value.message = a.errorMessages.cludoError) : /* No Results */ n.totalResults === 0 && !n.isLoading ? (t.value.error = !0, t.value.message = a.errorMessages.noResults) : (t.value.error = !1, t.value.message = "");
+      n.endDate && n.startDate > n.endDate ? (t.value.error = !0, t.value.message = a.errorMessages.incorrectDateOrder) : /* Events API down */ n.selectedCategoryKey === "events" && n.eventsApiError && !n.isLoading ? (t.value.error = !0, t.value.message = a.errorMessages.eventError) : /* Cludo down */ (n.searchTerm || n.selectedCategory) && n.selectedCategoryKey !== "events" && n.cludoError && !n.isLoading ? (t.value.error = !0, t.value.message = a.errorMessages.cludoError) : /* No Results */ n.totalResults === 0 && !n.isLoading ? (t.value.error = !0, t.value.message = a.errorMessages.noResults) : (t.value.error = !1, t.value.message = "");
     }
     onMounted(() => {
       if (n.cludoCredentials = {
@@ -34658,7 +34673,7 @@ const useFederatedSearchStore = defineStore("federatedSearch", () => {
               _: 1
             })) : createCommentVNode("", !0)
           ]),
-          unref(n).selectedCategory === "Events & Festivals" ? (openBlock(), createBlock(_sfc_main$1, {
+          unref(n).selectedCategoryKey === "events" ? (openBlock(), createBlock(_sfc_main$1, {
             key: 0,
             "date-filter-visible": !0,
             "sort-options": a.sortLabels.sortOptions,
@@ -34707,6 +34722,18 @@ const useFederatedSearchStore = defineStore("federatedSearch", () => {
                         ]),
                         _: 2
                       }, 1024)) : createCommentVNode("", !0)
+                    ]),
+                    createElementVNode("div", _hoisted_7, [
+                      g.categoryCard && e.cardCategoryLabels[g.categoryCard] ? (openBlock(), createBlock(unref(VsBadge), {
+                        key: 0,
+                        variant: "highlight",
+                        class: "rounded-top-start rounded-bottom-start mx-0"
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(e.cardCategoryLabels[g.categoryCard]), 1)
+                        ]),
+                        _: 2
+                      }, 1024)) : createCommentVNode("", !0)
                     ])
                   ])
                 ]),
@@ -34731,14 +34758,14 @@ const useFederatedSearchStore = defineStore("federatedSearch", () => {
                   }, 1024),
                   createVNode(unref(VsBody), null, {
                     default: withCtx(() => [
-                      createElementVNode("p", _hoisted_7, toDisplayString(g.description), 1)
+                      createElementVNode("p", _hoisted_8, toDisplayString(g.description), 1)
                     ]),
                     _: 2
                   }, 1024)
                 ]),
                 "vs-card-footer": withCtx(() => [
-                  createElementVNode("div", _hoisted_8, [
-                    g.location ? (openBlock(), createElementBlock("div", _hoisted_9, [
+                  createElementVNode("div", _hoisted_9, [
+                    g.location ? (openBlock(), createElementBlock("div", _hoisted_10, [
                       createVNode(unref(VsIcon), {
                         icon: "fa-solid fa-location-dot",
                         variant: "highlight",
@@ -34783,7 +34810,7 @@ const useFederatedSearchStore = defineStore("federatedSearch", () => {
             onPageClick: c
           }, null, 8, ["number-of-pages", "next-button-label", "previous-button-label", "page-label", "of-label", "modelValue"])) : createCommentVNode("", !0)
         ])) : createCommentVNode("", !0),
-        t.value.error ? (openBlock(), createElementBlock("div", _hoisted_10, [
+        t.value.error ? (openBlock(), createElementBlock("div", _hoisted_11, [
           t.value.error ? (openBlock(), createBlock(unref(VsWarning), { key: 0 }, {
             default: withCtx(() => [
               createTextVNode(toDisplayString(t.value.message), 1)