@energie360/ui-library 0.1.31 → 0.1.33

package/utils/http/url.js

@@ -0,0 +1,25 @@
+/**
+ * Create query parameter for an url with an object or an array
+ * INFO: Use an array as parameter if you have multiple values for a key
+ *
+ * @param url {string} - url to append the query parameters
+ * @param params {(object | Array)} - object with key, value as query parameter
+ * e.q object => random/testing, data = {'test': 1, 'hello': 'world'} => random/testing?test=1&hello=world
+ * e.q array => random/testing, data = [['test', 2], ['hello', 'earth']] => random/testing?test=2&hello=earth
+ *
+ * @returns {string}
+ */
+export function addQueryParameter(url, params) {
+  const queryParams = []
+
+  if (Array.isArray(params)) {
+    queryParams.push(params.map((param) => param.map(encodeURIComponent)))
+  } else {
+    queryParams.push(Object.keys(params).map((key) => [key, params[key]].map(encodeURIComponent)))
+  }
+
+  const queryString = queryParams.map((param) =>
+    param.map((keyValue) => keyValue.join('=')).join('&'),
+  )
+  return `${url}?${queryString}`
+}

package/utils/vue/helpers.ts

@@ -0,0 +1,27 @@
+// From https://github.com/vuejs/core/issues/4733
+
+import { Comment, Text, Fragment, type Slot, type VNode } from 'vue'
+
+export function hasSlotContent(slot: Slot | undefined | null, props: any = {}) {
+  return !isSlotEmpty(slot, props)
+}
+
+export function isSlotEmpty(slot: Slot | undefined | null, props: any = {}) {
+  return isVNodeEmpty(slot?.(props))
+}
+
+export function isVNodeEmpty(vnode: VNode | VNode[] | undefined | null) {
+  return (
+    !vnode ||
+    asArray(vnode).every(
+      (vnode) =>
+        vnode.type === Comment ||
+        (vnode.type === Text && !vnode.children?.length) ||
+        (vnode.type === Fragment && !vnode.children?.length),
+    )
+  )
+}
+
+export function asArray<T>(arg: T | T[] | null) {
+  return Array.isArray(arg) ? arg : arg !== null ? [arg] : []
+}

package/wizard/wizard-outro/u-wizard-outro.vue

@@ -7,13 +7,16 @@ interface Props {
   title?: string
   text?: string
   image?: Image
+
   cta?: Cta
 }
 
 const { text = '', image = undefined, cta = undefined, title = '' } = defineProps<Props>()
 
 const slots = useSlots()
+
 const hasCta = computed(() => !!slots.cta || cta)
+
 const hasText = computed(() => !!slots.text || text)
 </script>