@ulu/frontend-vue 0.1.1-beta.13 → 0.1.1-beta.15

package/dist/{breakpoints-Vo6eWe83.js → breakpoints-BcFiOzfl.js}

@@ -1,4 +1,4 @@
-import { l as o, r as h, a as p, g as v } from "./index-CXqUvidq.js";
+import { l as o, r as h, a as p, g as v } from "./index-Cp3YZS2c.js";
 const k = {
   iconClassClose: "css-icon css-icon--close",
   iconClassDragX: "css-icon css-icon--drag-x",

package/dist/frontend-vue.css

@@ -1 +1 @@
-.toast-animation-move,.toast-animation-enter-active,.toast-animation-leave-active{transition:all .3s ease}.toast-animation-enter-from,.toast-animation-leave-to{opacity:0;transform:translate(30px)}.toast-animation-leave-active{position:absolute;width:100%}.ulu-facets-active-filters{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #eee}.ulu-facets-active-filters__label{margin-right:.5rem}.ulu-facets-active-filters__items{display:flex;flex-wrap:wrap;gap:.5rem}.facets-dropdown-filters{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.facets-dropdown-filters__group{display:flex;gap:.5rem;align-items:center}.facets-header-layout__header{display:flex;gap:1rem;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap}.facets-results__list{list-style:none;padding:0}.facets-fade-enter-active,.facets-fade-leave-active{transition:opacity .25s ease}.facets-fade-enter-from,.facets-fade-leave-to{opacity:0}.facets-sidebar__body{display:grid;grid-template-columns:250px 1fr;gap:2rem}.facets-sidebar--filters-hidden .facets-sidebar__body{grid-template-columns:1fr}.scroll-anchors__rail{border-left:3px solid rgb(220,220,220);padding-left:1rem}.scroll-anchors__indicator{position:absolute;top:0;left:0;width:3px;background-color:#000}.scroll-anchors__indicator--can-transition{transition-property:height,transform;transition-timing-function:ease-in-out;transition-duration:.25s}
+.toast-animation-move,.toast-animation-enter-active,.toast-animation-leave-active{transition:all .3s ease}.toast-animation-enter-from,.toast-animation-leave-to{opacity:0;transform:translate(30px)}.toast-animation-leave-active{position:absolute;width:100%}.facets-dropdown-filters{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.facets-dropdown-filters__group{display:flex;gap:.5rem;align-items:center}.facets-header-layout__header{display:flex;gap:1rem;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap}.facets-results__list{list-style:none;padding:0}.facets-fade-enter-active,.facets-fade-leave-active{transition:opacity .25s ease}.facets-fade-enter-from,.facets-fade-leave-to{opacity:0}.facets-sidebar__body{display:grid;grid-template-columns:250px 1fr;gap:2rem}.facets-sidebar--filters-hidden .facets-sidebar__body{grid-template-columns:1fr}.scroll-anchors__rail{border-left:3px solid rgb(220,220,220);padding-left:1rem}.scroll-anchors__indicator{position:absolute;top:0;left:0;width:3px;background-color:#000}.scroll-anchors__indicator--can-transition{transition-property:height,transform;transition-timing-function:ease-in-out;transition-duration:.25s}

package/dist/frontend-vue.js

@@ -1,4 +1,4 @@
-import { _ as l, N as e, s as u, a1 as t, t as U, u as o, Q as i, v as r, w as n, x as c, y as S, h as d, W as F, O as p, z as b, j as m, X as k, Y as T, A as g, a5 as P, a6 as h, a7 as A, a8 as v, a9 as w, ae as y, aa as L, ab as M, ac as x, ad as B, H as C, I as R, J as f, K as D, L as I, B as N, an as E, C as j, D as q, R as z, S as G, U as V, T as H, k as O, Z as W, $ as J, a2 as K, a3 as Q, a0 as X, af as Y, ag as Z, ah as _, ai as $, M as aa, G as sa, aj as la, ak as ea, al as ua, am as ta, V as Ua, ao as oa, ap as ia, E as ra, m as na, n as ca, o as Sa, p as da, q as Fa, aq as pa, ar as ba, as as ma, F as ka, P as Ta, f as ga, b as Pa, d as ha, c as Aa, e as va, ax as wa, az as ya, a4 as La, at as Ma, au as xa, ay as Ba, aw as Ca, av as Ra, i as fa } from "./index-CXqUvidq.js";
+import { _ as l, N as e, s as u, a1 as t, t as U, u as o, Q as i, v as r, w as n, x as c, y as S, h as d, W as F, O as p, z as b, j as m, X as k, Y as T, A as g, a5 as P, a6 as h, a7 as A, a8 as v, a9 as w, ae as y, aa as L, ab as M, ac as x, ad as B, H as C, I as R, J as f, K as D, L as I, B as N, an as E, C as j, D as q, R as z, S as G, U as V, T as H, k as O, Z as W, $ as J, a2 as K, a3 as Q, a0 as X, af as Y, ag as Z, ah as _, ai as $, M as aa, G as sa, aj as la, ak as ea, al as ua, am as ta, V as Ua, ao as oa, ap as ia, E as ra, m as na, n as ca, o as Sa, p as da, q as Fa, aq as pa, ar as ba, as as ma, F as ka, P as Ta, f as ga, b as Pa, d as ha, c as Aa, e as va, ax as wa, az as ya, a4 as La, at as Ma, au as xa, ay as Ba, aw as Ca, av as Ra, i as fa } from "./index-Cp3YZS2c.js";
 export {
   l as UluAccordion,
   e as UluAdaptiveLayout,

package/dist/{index-CXqUvidq.js → index-Cp3YZS2c.js}

@@ -1540,7 +1540,7 @@ function si(e) {
     await new Promise((f) => {
       document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", () => f()) : f();
     });
-    const r = await import("./breakpoints-Vo6eWe83.js"), { BreakpointManager: l } = r, a = xe(new l(n.plugin));
+    const r = await import("./breakpoints-BcFiOzfl.js"), { BreakpointManager: l } = r, a = xe(new l(n.plugin));
     t.value = xe(a);
     const c = () => {
       s.value = a.active, o.value = a.resizeDirection;
@@ -4966,8 +4966,8 @@ function Lh(e, n = {}) {
 }
 const Il = {
   key: 0,
-  class: "ulu-facets-active-filters"
-}, zl = { class: "ulu-facets-active-filters__items" }, Fh = {
+  class: "facets-active-filters"
+}, zl = { class: "facets-active-filters__items" }, Fh = {
   __name: "UluFacetsActiveFilters",
   props: {
     /**
@@ -5003,7 +5003,7 @@ const Il = {
     }
     return (l, a) => o.value.length ? (u(), d("div", Il, [
       g(l.$slots, "label", {}, () => [
-        a[0] || (a[0] = h("strong", { class: "ulu-facets-active-filters__label" }, "Active Filters:", -1))
+        a[0] || (a[0] = h("strong", { class: "facets-active-filters__label" }, "Active Filters:", -1))
       ]),
       h("div", zl, [
         (u(!0), d(x, null, O(o.value, (c) => (u(), _($s, {
@@ -5064,7 +5064,7 @@ const Il = {
       }
     }
     return (r, l) => (u(), _(Cs, {
-      class: "ulu-facets__facet-list",
+      class: "facets-list",
       legend: e.groupUid,
       type: e.type,
       options: o.value,
@@ -5079,7 +5079,7 @@ const Il = {
       _: 1
     }, 8, ["legend", "type", "options", "compact", "model-value"]));
   }
-}, Ul = { class: "UluFacetsFilters" }, Vh = {
+}, Ul = { class: "facets-filters" }, Vh = {
   __name: "UluFacetsFilterLists",
   props: {
     /**
@@ -5115,11 +5115,11 @@ const Il = {
       (u(!0), d(x, null, O(e.facets, (r) => (u(), _(Vt, {
         key: r.uid,
         classes: {
-          container: ["ulu-facets__group", e.classes.group],
-          containerOpen: ["ulu-facets__group--open", e.classes.groupOpen],
-          containerClosed: ["ulu-facets__group--closed", e.classes.groupClosed],
-          trigger: ["ulu-facets__group-trigger", e.classes.groupTrigger],
-          content: ["ulu-facets__group-content", e.classes.groupContent]
+          container: ["facets-filters__group", e.classes.group],
+          containerOpen: ["facets-filters__group--open", e.classes.groupOpen],
+          containerClosed: ["facets-filters__group--closed", e.classes.groupClosed],
+          trigger: ["facets-filters__group-trigger", e.classes.groupTrigger],
+          content: ["facets-filters__group-content", e.classes.groupContent]
         },
         startOpen: r.open
       }, {
@@ -5143,7 +5143,7 @@ const Il = {
           }, null, 8, ["children", "groupUid", "groupName", "type", "compact", "model-value"]),
           r.children.length > e.maxVisible ? (u(), _(Vt, {
             key: 0,
-            class: m(["ulu-facets__more-facets", e.classes.moreFacets]),
+            class: m(["facets-filters__more-facets", e.classes.moreFacets]),
             clickOutsideCloses: !1,
             closeOnEscape: !1,
             transitionHeight: !0
@@ -5377,7 +5377,7 @@ const Il = {
       ]))
     ]));
   }
-}, Yl = { class: "ulu-facets__keyword-search" }, ql = ["placeholder"], Xh = {
+}, Yl = { class: "facets-search" }, ql = ["placeholder"], Xh = {
   __name: "UluFacetsSearch",
   props: {
     classes: {

package/lib/components/systems/facets/UluFacetsActiveFilters.vue

@@ -1,9 +1,9 @@
 <template>
-  <div v-if="activeFilters.length" class="ulu-facets-active-filters">
+  <div v-if="activeFilters.length" class="facets-active-filters">
     <slot name="label">
-      <strong class="ulu-facets-active-filters__label">Active Filters:</strong>
+      <strong class="facets-active-filters__label">Active Filters:</strong>
     </slot>
-    <div class="ulu-facets-active-filters__items">
+    <div class="facets-active-filters__items">
       <UluButton
         v-for="filter in activeFilters"
         :key="`${filter.groupUid}-${filter.uid}`"
@@ -60,25 +60,3 @@ function clearFilters() {
   emit('clear-filters');
 }
 </script>
-
-<style lang="scss">
-.ulu-facets-active-filters {
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-  gap: 1rem;
-  margin-bottom: 1.5rem;
-  padding-bottom: 1.5rem;
-  border-bottom: 1px solid #eee;
-
-  &__label {
-    margin-right: 0.5rem;
-  }
-
-  &__items {
-    display: flex;
-    flex-wrap: wrap;
-    gap: 0.5rem;
-  }
-}
-</style>

package/lib/components/systems/facets/UluFacetsFilterLists.vue

@@ -1,14 +1,14 @@
 <template>
-  <div class="UluFacetsFilters">
+  <div class="facets-filters">
     <UluCollapsible
       v-for="group in facets"
       :key="group.uid"
       :classes="{
-        container: ['ulu-facets__group', classes.group],
-        containerOpen: ['ulu-facets__group--open', classes.groupOpen],
-        containerClosed: ['ulu-facets__group--closed', classes.groupClosed],
-        trigger: ['ulu-facets__group-trigger', classes.groupTrigger],
-        content: ['ulu-facets__group-content', classes.groupContent]
+        container: ['facets-filters__group', classes.group],
+        containerOpen: ['facets-filters__group--open', classes.groupOpen],
+        containerClosed: ['facets-filters__group--closed', classes.groupClosed],
+        trigger: ['facets-filters__group-trigger', classes.groupTrigger],
+        content: ['facets-filters__group-content', classes.groupContent]
       }"
       :startOpen="group.open"
     >
@@ -29,7 +29,7 @@
         />
         <UluCollapsible
           v-if="group.children.length > maxVisible"
-          class="ulu-facets__more-facets"
+          class="facets-filters__more-facets"
           :class="classes.moreFacets"
           :clickOutsideCloses="false"
           :closeOnEscape="false"

package/lib/components/systems/facets/UluFacetsList.vue

@@ -1,6 +1,6 @@
 <template>
   <UluSelectableMenu
-    class="ulu-facets__facet-list"
+    class="facets-list"
     :legend="groupUid"
     :type="type"
     :options="menuOptions"

package/lib/components/systems/facets/UluFacetsSearch.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="ulu-facets__keyword-search">
+  <div class="facets-search">
     <label :class="classes.searchLabel" :for="id">
       <strong>Search</strong>
     </label>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ulu/frontend-vue",
-  "version": "0.1.1-beta.13",
+  "version": "0.1.1-beta.15",
   "description": "A modular and tree-shakeable Vue 3 component library for the Ulu frontend",
   "type": "module",
   "files": [

package/types/components/systems/facets/UluFacetsActiveFilters.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UluFacetsActiveFilters.vue.d.ts","sourceRoot":"","sources":["../../../../lib/components/systems/facets/UluFacetsActiveFilters.vue"],"names":[],"mappings":"wBA2OqB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;;qBAEpD,CAAC,EAAE,CAAC;;;AATzB;WAIkB,OAAO,IAAI;YADV,OAAO,CAAC,OAAO,KAAK,CAAC;;2OAGrC;;;;AAtIH,sFAA4D;AAV5D;;EAQG"}
+{"version":3,"file":"UluFacetsActiveFilters.vue.d.ts","sourceRoot":"","sources":["../../../../lib/components/systems/facets/UluFacetsActiveFilters.vue"],"names":[],"mappings":"wBAmNqB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;;qBAEpD,CAAC,EAAE,CAAC;;;AATzB;WAIkB,OAAO,IAAI;YADV,OAAO,CAAC,OAAO,KAAK,CAAC;;2OAGrC;;;;AApIH,sFAA4D;AAV5D;;EAQG"}