@ulu/frontend-vue 0.2.0-beta.8 → 0.3.0

package/dist/components/navigation/UluNavStrip.vue.d.ts

@@ -1,138 +1,26 @@
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    /**
-     * Array of items for list (uses UluMenu, see structure there)
-     */
-    items: ArrayConstructor;
-    /**
-     * Center aligned
-     */
-    center: BooleanConstructor;
-    /**
-     * Right aligned
-     */
-    right: BooleanConstructor;
-    /**
-     * Rule nav strip style
-     */
-    rule: BooleanConstructor;
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    /**
-     * Array of items for list (uses UluMenu, see structure there)
-     */
-    items: ArrayConstructor;
-    /**
-     * Center aligned
-     */
-    center: BooleanConstructor;
-    /**
-     * Right aligned
-     */
-    right: BooleanConstructor;
-    /**
-     * Rule nav strip style
-     */
-    rule: BooleanConstructor;
-}>> & Readonly<{}>, {
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_component: import('vue').DefineComponent<{}, {
     right: boolean;
     center: boolean;
     rule: boolean;
-}, {}, {
-    UluMenu: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        items: ArrayConstructor;
-        classes: {
-            type: ObjectConstructor;
-            default: () => {};
-        };
-        iconOnly: BooleanConstructor;
-        noChildren: BooleanConstructor;
-    }>, {}, {}, {}, {
-        handleItemClick(event: any, item: any): void;
-    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "item-click"[], "item-click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        items: ArrayConstructor;
-        classes: {
-            type: ObjectConstructor;
-            default: () => {};
-        };
-        iconOnly: BooleanConstructor;
-        noChildren: BooleanConstructor;
-    }>> & Readonly<{
-        "onItem-click"?: ((...args: any[]) => any) | undefined;
-    }>, {
-        classes: Record<string, any>;
-        iconOnly: boolean;
-        noChildren: boolean;
-    }, {}, {
-        UluIcon: import('vue').DefineComponent<{}, {
-            spaced: boolean;
-            icon?: string | boolean | Record<string, any> | unknown[] | undefined;
-            $props: {
-                readonly spaced?: boolean | undefined;
-                readonly icon?: string | boolean | Record<string, any> | unknown[] | undefined;
-            };
-        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-        UluTag: {
-            new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {
-                counter: boolean;
-                type?: string | undefined;
-                size?: string | undefined;
-                icon?: string | unknown[] | undefined;
-                modifiers?: string | unknown[] | undefined;
-                text?: string | number | undefined;
-                $props: {
-                    readonly counter?: boolean | undefined;
-                    readonly type?: string | undefined;
-                    readonly size?: string | undefined;
-                    readonly icon?: string | unknown[] | undefined;
-                    readonly modifiers?: string | unknown[] | undefined;
-                    readonly text?: string | number | undefined;
-                };
-            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLSpanElement, import('vue').ComponentProvideOptions, {
-                P: {};
-                B: {};
-                D: {};
-                C: {};
-                M: {};
-                Defaults: {};
-            }, Readonly<{}> & Readonly<{}>, {
-                counter: boolean;
-                type?: string | undefined;
-                size?: string | undefined;
-                icon?: string | unknown[] | undefined;
-                modifiers?: string | unknown[] | undefined;
-                text?: string | number | undefined;
-                $props: {
-                    readonly counter?: boolean | undefined;
-                    readonly type?: string | undefined;
-                    readonly size?: string | undefined;
-                    readonly icon?: string | unknown[] | undefined;
-                    readonly modifiers?: string | unknown[] | undefined;
-                    readonly text?: string | number | undefined;
-                };
-            }, {}, {}, {}, {}>;
-            __isFragment?: never;
-            __isTeleport?: never;
-            __isSuspense?: never;
-        } & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {
-            counter: boolean;
-            type?: string | undefined;
-            size?: string | undefined;
-            icon?: string | unknown[] | undefined;
-            modifiers?: string | unknown[] | undefined;
-            text?: string | number | undefined;
-            $props: {
-                readonly counter?: boolean | undefined;
-                readonly type?: string | undefined;
-                readonly size?: string | undefined;
-                readonly icon?: string | unknown[] | undefined;
-                readonly modifiers?: string | unknown[] | undefined;
-                readonly text?: string | number | undefined;
-            };
-        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-            $slots: {
-                default?(_: {}): any;
-            };
-        });
-    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;
+    modifiers?: string | unknown[] | undefined;
+    items?: unknown[] | undefined;
+    $props: {
+        readonly right?: boolean | undefined;
+        readonly center?: boolean | undefined;
+        readonly rule?: boolean | undefined;
+        readonly modifiers?: string | unknown[] | undefined;
+        readonly items?: unknown[] | undefined;
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+type __VLS_TemplateResult = {
+    attrs: Partial<{}>;
+    slots: Partial<Record<number, (_: any) => any>>;
+    refs: {};
+    rootEl: any;
+};
 //# sourceMappingURL=UluNavStrip.vue.d.ts.map

package/dist/components/navigation/UluNavStrip.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UluNavStrip.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/navigation/UluNavStrip.vue"],"names":[],"mappings":"AAoBA;;IAwDM;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;;IAdH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG"}
+{"version":3,"file":"UluNavStrip.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/navigation/UluNavStrip.vue"],"names":[],"mappings":"AAqBA;wBAwLqB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;;6BAEtE,CAAC,EAAE,CAAC;;;AAVjC;;;;;;;;;;;;;2OAOG"}

package/dist/components/navigation/UluNavStrip.vue.js

@@ -1,11 +1,8 @@
-import n from "./UluMenu.vue.js";
-import { resolveComponent as r, createElementBlock as i, openBlock as o, normalizeClass as s, createVNode as a } from "vue";
-import l from "../../_virtual/_plugin-vue_export-helper.js";
-const c = {
-  name: "UluNavStrip",
-  components: {
-    UluMenu: n
-  },
+import { computed as o, createElementBlock as a, createCommentVNode as l, openBlock as m, normalizeClass as c, unref as p, createVNode as u, createSlots as d, renderList as f, withCtx as v, renderSlot as _, normalizeProps as g, guardReactiveProps as h } from "vue";
+import k from "./UluMenu.vue.js";
+import { useModifiers as B } from "../../composables/useModifiers.js";
+const $ = {
+  __name: "UluNavStrip",
   props: {
     /**
      * Array of items for list (uses UluMenu, see structure there)
@@ -22,30 +19,45 @@ const c = {
     /**
      * Rule nav strip style
      */
-    rule: Boolean
+    rule: Boolean,
+    /**
+     * Modifiers (to add any modifier classes based on base class)
+     */
+    modifiers: [String, Array]
+  },
+  setup(t) {
+    const e = t, { resolvedModifiers: i } = B({
+      props: e,
+      baseClass: "nav-strip",
+      internal: o(() => ({
+        center: e.center,
+        right: e.right,
+        rule: e.rule
+      }))
+    });
+    return (r, C) => t.items?.length ? (m(), a("nav", {
+      key: 0,
+      class: c(["nav-strip", p(i)])
+    }, [
+      u(k, {
+        items: t.items,
+        classes: {
+          list: "nav-strip__list",
+          item: "nav-strip__item",
+          link: "nav-strip__link",
+          linkExactActive: "is-active"
+        }
+      }, d({ _: 2 }, [
+        f(r.$slots, (S, s) => ({
+          name: s,
+          fn: v((n) => [
+            _(r.$slots, s, g(h(n)))
+          ])
+        }))
+      ]), 1032, ["items"])
+    ], 2)) : l("", !0);
   }
 };
-function m(p, u, e, _, v, f) {
-  const t = r("UluMenu");
-  return o(), i("nav", {
-    class: s(["nav-strip", {
-      "nav-strip--rule": e.rule,
-      "nav-strip--center": e.center,
-      "nav-strip--right": e.right
-    }])
-  }, [
-    a(t, {
-      items: e.items,
-      classes: {
-        list: "nav-strip__list",
-        item: "nav-strip__item",
-        link: "nav-strip__link",
-        linkExactActive: "is-active"
-      }
-    }, null, 8, ["items"])
-  ], 2);
-}
-const U = /* @__PURE__ */ l(c, [["render", m]]);
 export {
-  U as default
+  $ as default
 };

package/dist/components/systems/facets/UluFacetsSidebarLayout.vue.js

@@ -1,6 +1,6 @@
-import { ref as r, inject as h, computed as y, createElementBlock as g, openBlock as i, normalizeClass as m, unref as l, createElementVNode as e, withDirectives as _, createBlock as v, createCommentVNode as p, renderSlot as n, toDisplayString as T, vShow as k, withCtx as B, Teleport as S } from "vue";
+import { ref as i, inject as h, computed as y, createElementBlock as g, openBlock as r, normalizeClass as m, unref as l, createElementVNode as e, withDirectives as _, createBlock as v, createCommentVNode as p, renderSlot as n, toDisplayString as T, vShow as k, withCtx as B, Teleport as S } from "vue";
 import w from "../../collapsible/UluModal.vue.js";
-const V = { class: "facets-sidebar__header" }, C = { class: "facets-sidebar__mobile-controls" }, F = { class: "facets-sidebar__body" }, M = { class: "facets-sidebar__main" }, j = {
+const V = { class: "facets-sidebar__header" }, $ = { class: "facets-sidebar__mobile-controls" }, C = { class: "facets-sidebar__body" }, F = { class: "facets-sidebar__main" }, x = {
   __name: "UluFacetsSidebarLayout",
   props: {
     mobileButtonText: {
@@ -20,14 +20,14 @@ const V = { class: "facets-sidebar__header" }, C = { class: "facets-sidebar__mob
     }
   },
   setup(d) {
-    const o = r(!1), t = h("uluIsMobile"), u = r(null), c = r(null), b = y(() => t.value ? c.value : u.value);
-    return (a, s) => (i(), g("div", {
+    const o = i(!1), t = h("uluIsMobile"), u = i(null), c = i(null), b = y(() => t.value ? c.value : u.value);
+    return (a, s) => (r(), g("div", {
       class: m(["facets-sidebar", { "facets-sidebar--filters-hidden": l(t) }])
     }, [
       e("div", V, [
         n(a.$slots, "header")
       ]),
-      _(e("div", C, [
+      _(e("div", $, [
         e("button", {
           class: m(d.classes.mobileButton),
           onClick: s[0] || (s[0] = (f) => o.value = !0)
@@ -35,7 +35,7 @@ const V = { class: "facets-sidebar__header" }, C = { class: "facets-sidebar__mob
       ], 512), [
         [k, l(t)]
       ]),
-      e("div", F, [
+      e("div", C, [
         _(e("div", {
           class: "facets-sidebar__sidebar",
           ref_key: "desktopTarget",
@@ -43,11 +43,11 @@ const V = { class: "facets-sidebar__header" }, C = { class: "facets-sidebar__mob
         }, null, 512), [
           [k, !l(t)]
         ]),
-        e("div", M, [
+        e("div", F, [
           n(a.$slots, "main")
         ])
       ]),
-      l(t) ? (i(), v(w, {
+      l(t) ? (r(), v(w, {
         key: 0,
         modelValue: o.value,
         "onUpdate:modelValue": s[1] || (s[1] = (f) => o.value = f),
@@ -64,7 +64,7 @@ const V = { class: "facets-sidebar__header" }, C = { class: "facets-sidebar__mob
         ]),
         _: 1
       }, 8, ["modelValue"])) : p("", !0),
-      b.value ? (i(), v(S, {
+      b.value ? (r(), v(S, {
         key: 1,
         to: b.value
       }, [
@@ -74,5 +74,5 @@ const V = { class: "facets-sidebar__header" }, C = { class: "facets-sidebar__mob
   }
 };
 export {
-  j as default
+  x as default
 };

package/dist/components/systems/facets/useFacets.d.ts

@@ -14,6 +14,7 @@
  * @param {Object} [options.urlSync] - Optional configuration to sync state with URL.
  * @param {import('vue-router').Router} [options.urlSync.router] - The Vue Router instance.
  * @param {import('vue-router').RouteLocationNormalizedLoaded} [options.urlSync.route] - The current route instance.
+ * @param {Function} [options.isPinned] - A function that receives an item and returns true if it should be pinned to the top of the results.
  */
 export function useFacets(allItems: import('vue').Ref<Array<Object>>, options?: {
     initialFacets?: any[] | undefined;
@@ -29,6 +30,7 @@ export function useFacets(allItems: import('vue').Ref<Array<Object>>, options?:
         router?: import('vue-router').Router | undefined;
         route?: import('vue-router').RouteLocationNormalizedLoadedGeneric | undefined;
     } | undefined;
+    isPinned?: Function | undefined;
 }): {
     facets: import('vue').Ref<never[], never[]>;
     searchValue: import('vue').Ref<string, string>;
@@ -51,6 +53,7 @@ export function useFacets(allItems: import('vue').Ref<Array<Object>>, options?:
         } | undefined;
     }>;
     displayItems: import('vue').ComputedRef<any>;
+    pinnedItems: import('vue').ComputedRef<any[] | never[]>;
     selectedFacets: import('vue').ComputedRef<any[]>;
     clearFilters: () => void;
     handleFacetChange: ({ groupUid, facetUid, selected }: {

package/dist/components/systems/facets/useFacets.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useFacets.d.ts","sourceRoot":"","sources":["../../../../lib/components/systems/facets/useFacets.js"],"names":[],"mappings":"AA+GA;;;;;;;;;;;;;;;;GAgBG;AACH,oCAfW,OAAO,KAAK,EAAE,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,YAExC;IAAwB,aAAa;IACb,WAAW;IACV,kBAAkB;IAClB,eAAe;IACd,cAAc;IACf,cAAc;IACd,aAAa;IACX,YAAY;IACd,SAAS;IACT,OAAO;;;;CAGlC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkWA"}
+{"version":3,"file":"useFacets.d.ts","sourceRoot":"","sources":["../../../../lib/components/systems/facets/useFacets.js"],"names":[],"mappings":"AAiHA;;;;;;;;;;;;;;;;;GAiBG;AACH,oCAhBW,OAAO,KAAK,EAAE,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,YAExC;IAAwB,aAAa;IACb,WAAW;IACV,kBAAkB;IAClB,eAAe;IACd,cAAc;IACf,cAAc;IACd,aAAa;IACX,YAAY;IACd,SAAS;IACT,OAAO;;;;IAGL,QAAQ;CACrC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+WA"}