@iqual/nuxt-icms 1.5.20 → 1.5.22

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

@@ -75,13 +75,12 @@
 import type { ParagraphIcmsLayoutTextcolIconlistFragment } from '#graphql-operations'
 import type { ColorScheme } from '@iqual/nuxt-icms/types/global'
 import cn from '@iqual/nuxt-icms/composables/useCn'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 
 const props = defineProps<ParagraphIcmsLayoutTextcolIconlistFragment>()
 
 const themedClass = useTheme('ParagraphIconTextLayout')
 
-const { options, isEditing } = useAttrs().blokkliData
+const { options, isEditing } = useAttrs().blokkliData as any
 
 const parentColorScheme = inject<ColorScheme>('colorScheme', 'none')
 const colorScheme = computed(() => {

package/components/Paragraph/Introduction/index.vue

@@ -81,12 +81,11 @@
 <script lang="ts" setup>
 import type { ParagraphIcmsLayoutTextImageIntroFragment } from '#graphql-operations'
 import type { ColorScheme } from '@iqual/nuxt-icms/types/global'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 import cn from '@iqual/nuxt-icms/composables/useCn'
 
 defineProps<ParagraphIcmsLayoutTextImageIntroFragment>()
 
-const { options, isEditing } = useAttrs().blokkliData
+const { options, isEditing } = useAttrs().blokkliData as any
 
 const themedClass = useTheme('ParagraphIntroduction')
 

package/components/Paragraph/LinkLists/Element/index.vue

@@ -15,7 +15,7 @@ import type { ParagraphIcmsLinkListElementFragment } from '#graphql-operations'
 
 const props = defineProps<ParagraphIcmsLinkListElementFragment>()
 
-const { options, isEditing } = useAttrs().blokkliData
+const { options, isEditing } = useAttrs().blokkliData as any
 
 const teaserStyle = computed(() => {
   return options.value.teaserStyle

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

@@ -69,7 +69,6 @@
 <script lang="ts" setup>
 import type { ParagraphIcmsLayoutLinkListsFragment } from '#graphql-operations'
 import type { ColorScheme } from '@iqual/nuxt-icms/types/global'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 import cn from '@iqual/nuxt-icms/composables/useCn'
 const themedClass = useTheme('ParagraphLinkListsLayout')
 

package/components/Paragraph/Logo/Element/index.vue

@@ -12,7 +12,6 @@
 <script lang="ts" setup>
 import type { ParagraphIcmsLogoElementFragment } from '#graphql-operations'
 import type { ColorScheme } from '@iqual/nuxt-icms/types/global'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 
 defineProps<ParagraphIcmsLogoElementFragment>()
 

package/components/Paragraph/Media/index.vue

@@ -56,13 +56,12 @@
 <script lang="ts" setup>
 import type { ParagraphIcmsLayoutMediaFragment } from '#graphql-operations'
 import type { ColorScheme } from '@iqual/nuxt-icms/types/global'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 
 defineProps<ParagraphIcmsLayoutMediaFragment>()
 
 const themedClass = useTheme('ParagraphMedia')
 
-const { options, isEditing } = useAttrs().blokkliData
+const { options, isEditing } = useAttrs().blokkliData as any
 
 const parentColorScheme = inject<ColorScheme>('colorScheme', 'none')
 const colorScheme = computed(() => {

package/components/Paragraph/Partnerships/Element/index.vue

@@ -13,7 +13,6 @@
 
 <script lang="ts" setup>
 import type { ParagraphIcmsPartnershipElementFragment } from '#graphql-operations'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 
 defineProps<ParagraphIcmsPartnershipElementFragment>()
 

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

@@ -105,11 +105,10 @@ import type { ParagraphIcmsLayoutPartnershipsFragment } from '#graphql-operation
 import type { ColorScheme } from '@iqual/nuxt-icms/types/global'
 import cn from '@iqual/nuxt-icms/composables/useCn'
 import { tv } from 'tailwind-variants'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 
 defineProps<ParagraphIcmsLayoutPartnershipsFragment>()
 
-const { options, isEditing } = useAttrs().blokkliData
+const { options, isEditing } = useAttrs().blokkliData as any
 
 const themedClass = useTheme('ParagraphPartnershipsLayout')
 

package/components/Paragraph/SingleTestimonial/index.vue

@@ -105,7 +105,6 @@
 <script lang="ts" setup>
 import type { ParagraphIcmsLayoutTestimonialFragment } from '#graphql-operations'
 import type { ColorScheme } from '@iqual/nuxt-icms/types/global'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 import cn from '@iqual/nuxt-icms/composables/useCn'
 
 defineProps<ParagraphIcmsLayoutTestimonialFragment>()

package/components/Paragraph/Table/index.vue

@@ -72,7 +72,6 @@
 import type { ParagraphIcmsLayoutTableFragment } from '#graphql-operations'
 import type { ColorScheme } from '@iqual/nuxt-icms/types/global'
 import cn from '@iqual/nuxt-icms/composables/useCn'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 
 defineProps<ParagraphIcmsLayoutTableFragment>()
 const themedClass = useTheme('ParagraphTable')

package/components/Paragraph/Team/Element/index.vue

@@ -28,7 +28,6 @@
 <script lang="ts" setup>
 import type { ParagraphIcmsTeamElementFragment } from '#graphql-operations'
 import type { ColorScheme } from '@iqual/nuxt-icms/types/global'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 
 defineProps<ParagraphIcmsTeamElementFragment>()
 

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

@@ -64,12 +64,11 @@
 
 <script lang="ts" setup>
 import type { ParagraphIcmsLayoutTeamFragment } from '#graphql-operations'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 import cn from '@iqual/nuxt-icms/composables/useCn'
 
 const props = defineProps<ParagraphIcmsLayoutTeamFragment>()
 
-const { options, isEditing } = useAttrs().blokkliData
+const { options, isEditing } = useAttrs().blokkliData as any
 
 const themedClass = useTheme('ParagraphTeamLayout')
 

package/components/Paragraph/Teasers/index.vue

@@ -123,7 +123,6 @@
 <script lang="ts" setup>
 import type { ParagraphIcmsLayoutTeasersFragment } from '#graphql-operations'
 import cn from '@iqual/nuxt-icms/composables/useCn'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 import { tv } from 'tailwind-variants'
 
 const props = defineProps<ParagraphIcmsLayoutTeasersFragment>()

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

@@ -40,7 +40,6 @@
 <script lang="ts" setup>
 import type { ParagraphIcmsTestimonialElementFragment } from '#graphql-operations'
 import type { ColorScheme } from '@iqual/nuxt-icms/types/global'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 import cn from '@iqual/nuxt-icms/composables/useCn'
 
 defineProps<ParagraphIcmsTestimonialElementFragment>()

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

@@ -103,7 +103,6 @@
 
 <script lang="ts" setup>
 import type { ParagraphIcmsLayoutTestimonialsFragment } from '#graphql-operations'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 import { tv } from 'tailwind-variants'
 import cn from '@iqual/nuxt-icms/composables/useCn'
 

package/components/Paragraph/Text/index.vue

@@ -51,7 +51,6 @@
 <script lang="ts" setup>
 import type { ParagraphIcmsLayoutTextFragment } from '#graphql-operations'
 import type { ColorScheme } from '@iqual/nuxt-icms/types/global'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 import cn from '@iqual/nuxt-icms/composables/useCn'
 
 defineProps<ParagraphIcmsLayoutTextFragment>()

package/components/Paragraph/TextMedia/index.vue

@@ -63,13 +63,12 @@
 
 <script lang="ts" setup>
 import type { ParagraphIcmsLayoutTextMediaFragment } from '#graphql-operations'
-import type { ColorScheme, ImageFormat } from '@iqual/nuxt-icms/types/global'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
+import type { ColorScheme } from '@iqual/nuxt-icms/types/global'
 import cn from '@iqual/nuxt-icms/composables/useCn'
 
 defineProps<ParagraphIcmsLayoutTextMediaFragment>()
 
-const { options, isEditing } = useAttrs().blokkliData
+const { options, isEditing } = useAttrs().blokkliData as any
 
 const themedClass = useTheme('ParagraphTextMedia')
 const textColumnClassList = computed(() => {

package/components/Paragraph/Timeline/Element/index.vue

@@ -31,13 +31,12 @@
 <script lang="ts" setup>
 import type { ParagraphIcmsTimelineElementFragment } from '#graphql-operations'
 import type { ColorScheme } from '@iqual/nuxt-icms/types/global'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 
 defineProps<ParagraphIcmsTimelineElementFragment>()
 
 const themedClass = useTheme('ParagraphTimelineElement')
 
-const { options, isEditing } = useAttrs().blokkliData
+const { options, isEditing } = useAttrs().blokkliData as any
 
 const reverseColumns = computed(() => {
   return options.value.alignHorizontalReduced === 'right' ? true : false

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

@@ -240,13 +240,12 @@
 
 <script lang="ts" setup>
 import type { ParagraphIcmsLayoutTimelineFragment } from '#graphql-operations'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 import { tv } from 'tailwind-variants'
 import cn from '@iqual/nuxt-icms/composables/useCn'
 
 const props = defineProps<ParagraphIcmsLayoutTimelineFragment>()
 
-const { options, isEditing } = useAttrs().blokkliData
+const { options, isEditing } = useAttrs().blokkliData as any
 
 const themedClass = useTheme('ParagraphTimelineLayout')
 const { isMobile } = useIsMobile()

package/components/Paragraph/TwoColumnText/Element/index.vue

@@ -27,7 +27,6 @@
 
 <script lang="ts" setup>
 import type { ParagraphIcms2ColTextElementFragment } from '#graphql-operations'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 
 defineProps<ParagraphIcms2ColTextElementFragment>()
 

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

@@ -15,11 +15,10 @@
 <script lang="ts" setup>
 import type { ParagraphIcmsLayout2ColTextElementsFragment } from '#graphql-operations'
 import type { ColorScheme } from '@iqual/nuxt-icms/types/global'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 
 defineProps<ParagraphIcmsLayout2ColTextElementsFragment>()
 
-const { options, isEditing } = useAttrs().blokkliData
+const { options, isEditing } = useAttrs().blokkliData as any
 
 const themedClass = useTheme('ParagraphTwoColumnTextLayout')
 

package/components/Paragraph/iFrame/index.vue

@@ -58,13 +58,12 @@
 import type { ParagraphIcmsLayoutIframeFragment } from '#graphql-operations'
 import type { ColorScheme } from '@iqual/nuxt-icms/types/global'
 import cn from '@iqual/nuxt-icms/composables/useCn'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 
 const props = defineProps<ParagraphIcmsLayoutIframeFragment>()
 
 const themedClass = useTheme('ParagraphiFrame')
 
-const { options, isEditing } = useAttrs().blokkliData
+const { options, isEditing } = useAttrs().blokkliData as any
 
 const widthClassList = computed(() => {
   if (options.value.width === 'medium') {

package/components/Search/Facets/FacetDropdownUI.vue

@@ -194,7 +194,6 @@
 
 <script setup lang="ts">
 import type { ColorScheme } from '@iqual/nuxt-icms/types/global'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 import { tv } from 'tailwind-variants'
 import cn from '@iqual/nuxt-icms/composables/useCn'
 

package/components/Search/Facets/FacetedSearchUI.vue

@@ -107,30 +107,19 @@ Facets: {{ facetData.length }} items</pre
               :loading="isGroupLoading(group)"
               :group="group"
             >
-              <button
-                @click="loadMoreGroup(group)"
-                :disabled="isGroupLoading(group)"
-                :class="
-                  cn(
-                    button({ colorScheme }),
-                    themedClass('groupLoadMoreButtonClass'),
-                    props.loadMoreButtonClass,
-                  )
+              <DesignSystemAtomsButton
+                :colorScheme="colorScheme"
+                buttonStyle="normal"
+                :label="
+                  isGroupLoading(group)
+                    ? defaultLoadingText
+                    : defaultLoadMoreText
                 "
-              >
-                <span
-                  v-if="!isGroupLoading(group)"
-                  :class="themedClass('groupLoadMoreButtonLabelClass')"
-                >
-                  {{ defaultLoadMoreText }}
-                </span>
-                <span
-                  v-else
-                  :class="themedClass('groupLoadMoreLoadingButtonLabelClass')"
-                >
-                  {{ defaultLoadingText }}
-                </span>
-              </button>
+                :disabled="isGroupLoading(group)"
+                :buttonClass="cn(themedClass('groupLoadMoreButtonClass'), loadMoreButtonClass)"
+                :labelClass="themedClass('groupLoadMoreLabelClass')"
+                @click="loadMoreGroup(group)"
+              />
             </slot>
           </div>
         </div>
@@ -186,7 +175,10 @@ Facets: {{ facetData.length }} items</pre
           buttonStyle="normal"
           :label="loadingMore ? defaultLoadingText : defaultLoadMoreText"
           :disabled="loadingMore"
-          :class="loadMoreButtonClass"
+          :buttonClass="
+            cn(themedClass('globalLoadMoreButtonClass'), loadMoreButtonClass)
+          "
+          :labelClass="themedClass('globalLoadMoreLabelClass')"
           @click="loadMore"
         />
       </slot>
@@ -195,10 +187,8 @@ Facets: {{ facetData.length }} items</pre
 </template>
 
 <script lang="ts" setup>
-import { nextTick } from 'vue'
 import type { ColorScheme } from '@iqual/nuxt-icms/types/global'
 import type { SearchApiQueryFilterInput } from '#graphql-operations'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 import { tv } from 'tailwind-variants'
 import cn from '@iqual/nuxt-icms/composables/useCn'
 
@@ -861,36 +851,6 @@ async function loadMoreGroup(group: any) {
   }
 }
 
-const button = tv({
-  base: themedClass(
-    'buttonBase',
-    'shadow-none h-auto block text-h7 font-medium py-3 px-20 rounded-full duration-300 ease-in-out w-full md:w-fit border disabled:opacity-50 disabled:cursor-not-allowed',
-  ),
-  variants: {
-    colorScheme: {
-      none: themedClass(
-        'buttonVariantsColorSchemeNone',
-        'bg-white text-black hover:bg-black hover:text-white border-black',
-      ),
-      dark: themedClass(
-        'buttonVariantsColorSchemeDark',
-        'bg-white text-black hover:bg-black hover:text-gray-200 border-black',
-      ),
-      light: themedClass(
-        'buttonVariantsColorSchemeLight',
-        'bg-gray-50 text-black hover:bg-black hover:text-white border-black',
-      ),
-      accent: themedClass(
-        'buttonVariantsColorSchemeAccent',
-        'bg-white text-black hover:bg-black hover:text-white border-black',
-      ),
-    },
-  },
-  defaultVariants: {
-    colorScheme: 'none',
-  },
-})
-
 const loadingText = tv({
   base: themedClass('loadingTextBase'),
   variants: {

package/components/Search/Input/index.vue

@@ -31,7 +31,6 @@
 
 <script lang="ts" setup>
 import type { ColorScheme } from '@iqual/nuxt-icms/types/global'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 import { tv } from 'tailwind-variants'
 import cn from '@iqual/nuxt-icms/composables/useCn'
 

package/components/Section/Footer/index.vue

@@ -252,7 +252,6 @@
 
 <script lang="ts" setup>
 import type { NuxtSvgSpriteSymbol } from '#nuxt-svg-icon-sprite/runtime'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 import cn from '@iqual/nuxt-icms/composables/useCn'
 
 const themedClass = useTheme('SectionFooter')

package/components/Section/Header/Buttons.vue

@@ -21,7 +21,6 @@
 </template>
 
 <script lang="ts" setup>
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 
 defineProps<{
   buttons: any[] | undefined

package/components/Section/Header/DesktopMainMenu.vue

@@ -92,7 +92,6 @@
 import type { MappedMenuLink } from '@iqual/nuxt-icms/plugins/initData'
 import { NuxtLink } from '#components'
 import DesktopMainMenuDropdown from '@iqual/nuxt-icms/components/Section/Header/DesktopMainMenuDropdown.vue'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 import cn from '@iqual/nuxt-icms/composables/useCn'
 
 const { menuItems, menuItemActive } = await useMenu('mainMenu')

package/components/Section/Header/DesktopMainMenuDropdown.vue

@@ -78,7 +78,6 @@
 <script lang="ts" setup>
 import type { MappedMenuLink } from '@iqual/nuxt-icms/plugins/initData'
 import { NuxtLink } from '#components'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 import cn from '@iqual/nuxt-icms/composables/useCn'
 
 const themedClass = useTheme('SectionHeaderDesktopMainMenuDropdown')

package/components/Section/Header/LanguageDropdown.vue

@@ -104,7 +104,6 @@
 </template>
 
 <script lang="ts" setup>
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 
 const themedClass = useTheme('SectionHeaderLanguageDropdown')
 const links = useLanguageLinks()

package/components/Section/Header/LanguageLinks.vue

@@ -34,7 +34,6 @@
 </template>
 
 <script lang="ts" setup>
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 const { close } = useMobileMenuOverlayBus()
 
 const themedClass = useTheme('SectionHeaderLanguageLinks')

package/components/Section/Header/Logo.vue

@@ -16,7 +16,6 @@
 </template>
 
 <script lang="ts" setup>
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 const { companyLogo, companyName } = await useGlobalConfig()
 
 const themedClass = useTheme('SectionHeaderLogo')

package/components/Section/Header/MainButtons.vue

@@ -21,7 +21,6 @@
 </template>
 
 <script lang="ts" setup>
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 
 const { contactButtons } = await useGlobalConfig()
 const themedClass = useTheme('SectionHeaderMainButtons')

package/components/Section/Header/MenuIcon.vue

@@ -60,7 +60,6 @@
 </template>
 
 <script lang="ts" setup>
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 defineProps<{
   isInClosableState: boolean
 }>()

package/components/Section/Header/MetaButtons.vue

@@ -21,7 +21,6 @@
 </template>
 
 <script lang="ts" setup>
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 
 const { metaLinks } = await useGlobalConfig()
 const themedClass = useTheme('SectionHeaderMetaButtons')

package/components/Section/Header/MetaMenu.vue

@@ -62,7 +62,6 @@
 </template>
 
 <script setup lang="ts">
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 import cn from '@iqual/nuxt-icms/composables/useCn'
 
 const { menuItems, menuItemActive } = await useMenu('metaMenu')

package/components/Section/Header/MobileMainMenu.vue

@@ -16,7 +16,6 @@
 
 <script lang="ts" setup>
 import MobileMainMenuItem from './MobileMainMenuItem.vue'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 const { menuItems, menuItemActive } = await useMenu('mainMenu')
 
 const themedClass = useTheme('SectionHeaderMobileMainMenu')

package/components/Section/Header/MobileMainMenuItem.vue

@@ -94,7 +94,6 @@
 <script lang="ts" setup>
 import type { MappedMenuLink } from '@iqual/nuxt-icms/plugins/initData'
 import { NuxtLink } from '#components'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 import cn from '@iqual/nuxt-icms/composables/useCn'
 
 const route = useRoute()

package/components/Section/Header/index.vue

@@ -174,7 +174,6 @@
 </template>
 
 <script lang="ts" setup>
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 
 const { metaLinks, contactButtons } = await useGlobalConfig()
 const { menuItems: metaMenuItems } = await useMenu('metaMenu')

package/error.vue

@@ -22,7 +22,6 @@ const route = useRoute()
 const drupalUser = useDrupalUser()
 const language = useCurrentLanguage()
 
-import { onMounted } from 'vue'
 
 const isEditing = computed(
   () =>

package/layouts/default.vue

@@ -22,7 +22,9 @@ const route = useRoute()
 const drupalUser = useDrupalUser()
 const language = useCurrentLanguage()
 
-const { entity: node } = await useDrupalRouteQuery('nodeCanonical')
+const node = route.meta.drupalFrontendRoute
+  ? ref(null)
+  : (await useDrupalRouteQuery('nodeCanonical')).entity
 
 useHead({
   htmlAttrs: {

package/package.json

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