@energie360/ui-library 0.1.45 → 0.1.47

package/components/card-section/card-section.scss

@@ -30,4 +30,9 @@
       padding: var(--e-space-4);
     }
   }
+
+  &:has(.richtext) {
+    // Force this font-size for richtext. (has effect on text without <p>)
+    @include a.type(200);
+  }
 }

package/components/card-table/u-card-table.vue

@@ -25,7 +25,7 @@ const getCellDiscount = (cell: Cell): string => (cell.discount ? cell.text : '')
 
 <template>
   <div class="card-table-wrapper">
-    <div class="card-table-heading">
+    <div v-if="title || secondaryTitle" class="card-table-heading">
       <div v-if="title" class="card-table-heading__title">
         {{ title }}
       </div>

package/components/icon-text-block/icon-text-block.scss

@@ -1,4 +1,4 @@
-@use '../../base/abstracts/' as a;
+@use '../../base/abstracts' as a;
 
 .icon-text-block {
   display: flex;
@@ -27,8 +27,9 @@
   }
 
   .illustration {
-    width: a.rem(56);
-    height: a.rem(56);
+    object-fit: contain;
+    width: 100%;
+    height: 100%;
   }
 
   .content {

package/components/inline-edit/u-inline-edit.vue

@@ -8,9 +8,10 @@ interface Props {
   summary?: string
   description?: string
   nonEditable?: boolean
+  autoscroll?: boolean
 }
 
-defineProps<Props>()
+const { autoscroll = false } = defineProps<Props>()
 
 const emit = defineEmits(['expanded', 'collapsed'])
 const rootEl = useTemplateRef('root')
@@ -29,9 +30,11 @@ const onEditToggle = () => {
   if (update && expanded.value) {
     update(editId)
 
-    setTimeout(() => {
-      rootEl.value.scrollIntoView()
-    }, 80)
+    if (autoscroll) {
+      setTimeout(() => {
+        rootEl.value.scrollIntoView()
+      }, 80)
+    }
 
     return
   }

package/components/slider-progress-animation/u-slider-progress-animation.vue

@@ -22,7 +22,8 @@ let lottie = null
 const lottieReady = ref(false)
 
 const onChange = (value) => {
-  lottie.setFrame(value - 1)
+  console.log(value)
+  lottie.setFrame(Math.max(0, value - 1))
 }
 
 onMounted(() => {
@@ -31,15 +32,18 @@ onMounted(() => {
   lottie.addEventListener('load', () => {
     lottieReady.value = true
 
-    // Set initial state of animation
-    lottie.setSegment(0, model.value)
+    // Don't play animation at all when initial value is 0.
+    if (model.value > 0) {
+      // Set initial state of animation
+      lottie.setSegment(0, model.value)
 
-    lottie.addEventListener('complete', () => {
-      // Reset segment
-      lottie.setSegment(0, 100)
-    })
+      lottie.addEventListener('complete', () => {
+        // Reset segment
+        lottie.setSegment(0, 100)
+      })
 
-    lottie.play()
+      lottie.play()
+    }
   })
 
   lottie.addEventListener('ready', () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@energie360/ui-library",
-  "version": "0.1.45",
+  "version": "0.1.47",
   "description": "",
   "type": "module",
   "main": "dist/index.js",