@iqual/nuxt-icms 1.5.10 → 1.5.12

package/components/DesignSystem/Organisms/FacetedListing.vue

@@ -81,6 +81,7 @@
           :debug="false"
           :alignHorizontalFull="alignHorizontalFull"
           @results-updated="onResultsUpdated"
+          :conjunction="conjunction"
         >
           <template #results="{ results }">
             <slot name="preResults" :results="results"></slot>
@@ -162,10 +163,8 @@ const props = withDefaults(
     titleStyle?: string
     text?: string
     listingType?: string
-    topics?: ({
-      id?: string
-      name?: string
-    } | null)[]
+    conjunction?: 'AND' | 'OR'
+    prefilter?: Record<string, Array<{ id?: string; name?: string } | null>>
     availableFacets?: string[]
     contentTypeFilter?: string[]
     additionalFilters?: Array<{ field: string; value: any; operator?: string }>
@@ -213,9 +212,15 @@ const filterValidItems = (items?: any[]) =>
   }[]
 
 // Build manual filters object from props for 'manual' listing type
-const manualFilters = computed(() => ({
-  topics: filterValidItems(props.topics),
-}))
+const manualFilters = computed(() => {
+  const result: Record<string, any> = {}
+
+  Object.entries(props.prefilter).forEach(([key, items]) => {
+    result[key] = filterValidItems(items)
+  })
+
+  return result
+})
 
 // Get the valid listing type
 const listingType = computed(() => {

package/components/Paragraph/Testimonial/Layout/index.vue

@@ -21,8 +21,9 @@
           :pretitle="pretitle"
           :pretitleClass="themedClass('pretitleClass')"
           :title="title"
-          :text="text"
           :titleClass="themedClass('titleClass')"
+          :text="text"
+          :textClass="themedClass('textClass')"
           :titleWeight="titleWeight"
           :titleStyle="titleStyle"
           :subtitle="subtitle"
@@ -65,8 +66,12 @@
             prevIcon="i-lucide-chevron-left"
             nextIcon="i-lucide-chevron-right"
             :ui="{
-              item: 'basis-full',
-              container: themedClass('carouselContent'),
+              root: themedClass('carouselRootClass'),
+              viewport: themedClass('carouselViewportClass'),
+              item: themedClass('carouselItemClass', 'basis-full'),
+              container: themedClass('carouselContentClass'),
+              controls: themedClass('carouselControlsClass'),
+              arrows: themedClass('carouselArrowsClass'),
               prev: cn(
                 themedClass('carouselButtonPrevClass', 'sm:-start-24'),
                 carouselButton({ colorScheme }),
@@ -75,6 +80,8 @@
                 themedClass('carouselButtonNextClass', 'sm:-end-24'),
                 carouselButton({ colorScheme }),
               ),
+              dots: themedClass('carouselDotsClass'),
+              dot: carouselDot({ colorScheme }),
             }"
           >
             <template #default="{ item }">
@@ -159,6 +166,36 @@ const carouselButton = tv({
   },
 })
 
+const carouselDot = tv({
+  base: themedClass(
+    'carouselDotBase',
+    'cursor-pointer size-3 rounded-full transition focus:outline-none focus-visible:ring-2',
+  ),
+  variants: {
+    colorScheme: {
+      none: themedClass(
+        'carouselDotVariantsColorSchemeNone',
+        'bg-gray-300 data-[state=active]:bg-gray-950 focus-visible:ring-primary',
+      ),
+      dark: themedClass(
+        'carouselDotVariantsColorSchemeDark',
+        'bg-gray-600 data-[state=active]:bg-white focus-visible:ring-primary',
+      ),
+      light: themedClass(
+        'carouselDotVariantsColorSchemeLight',
+        'bg-gray-300 data-[state=active]:bg-gray-950 focus-visible:ring-primary',
+      ),
+      accent: themedClass(
+        'carouselDotVariantsColorSchemeAccent',
+        'bg-primary-300 data-[state=active]:bg-white focus-visible:ring-white',
+      ),
+    },
+  },
+  defaultVariants: {
+    colorScheme: 'none',
+  },
+})
+
 const spacing = computed(() => {
   return { bottom: options.value.spacingBottom, top: options.value.spacingTop }
 })

package/components/Search/Facets/FacetDropdownUI.vue

@@ -101,7 +101,6 @@
                         icon: themedClass('filterOptionUCheckboxIcon'),
                       }"
                       tabindex="-1"
-                      @click.stop
                     />
 
                     <span :class="filterOptionLabel({ colorScheme })">
@@ -571,7 +570,7 @@ const resetFiltersButton = tv({
 })
 
 const checkboxBase = tv({
-  base: themedClass('checkboxBase', 'rounded-none'),
+  base: themedClass('checkboxBase', 'rounded-none cursor-pointer'),
   variants: {
     colorScheme: {
       none: themedClass('checkboxBaseVariantsColorSchemeNone', 'ring-gray-200'),
@@ -615,7 +614,7 @@ const checkboxIndicator = tv({
 const filterOptionButton = tv({
   base: themedClass(
     'filterOptionButtonBase',
-    'flex w-full items-center gap-4 px-4 py-3 text-left focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-offset-4',
+    'flex w-full items-center gap-4 px-4 py-3 text-left focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-offset-4 cursor-pointer',
   ),
   variants: {
     colorScheme: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iqual/nuxt-icms",
-  "version": "1.5.10",
+  "version": "1.5.12",
   "description": "ICMS Base",
   "type": "module",
   "private": false,