mediacube-ui 0.1.433 → 0.1.435

package/CHANGELOG.md

@@ -2,6 +2,10 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [0.1.435](https://github.com/MediaCubeCo/mcui/compare/v0.1.434...v0.1.435) (2025-11-19)
+
+### [0.1.434](https://github.com/MediaCubeCo/mcui/compare/v0.1.433...v0.1.434) (2025-11-14)
+
 ### [0.1.433](https://github.com/MediaCubeCo/mcui/compare/v0.1.432...v0.1.433) (2025-11-12)
 
 ### [0.1.432](https://github.com/MediaCubeCo/mcui/compare/v0.1.431...v0.1.432) (2025-11-11)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mediacube-ui",
-  "version": "0.1.433",
+  "version": "0.1.435",
   "description": "Design system for Mediacube services",
   "author": "Mediacube",
   "private": false,

package/src/elements/McDatePicker/McDatePicker.vue

@@ -439,6 +439,7 @@ export default {
         this.$el.addEventListener('touchstart', this.handleTouchStart)
         this.$el.addEventListener('touchend', this.handleTouchEnd)
         this.$el.addEventListener('touchmove', this.handleTouchMove)
+        this.emitDefaultDate()
     },
     beforeDestroy() {
         this.$el.removeEventListener('touchstart', this.handleTouchStart)
@@ -446,6 +447,11 @@ export default {
         this.$el.removeEventListener('touchmove', this.handleTouchMove)
     },
     methods: {
+        emitDefaultDate() {
+            if (!this.setDefaultToday) return
+            if (this.value) return
+            this.handleEmitDate(this.prettyValue)
+        },
         async setupDayjsLocale() {
             const locale = this.lang !== 'ar' && Object.keys(dayjsLocales).includes(this.lang) ? this.lang : 'en'
             await dayjsLocales[locale]?.()

package/src/patterns/McSideBar/McSideBar/McSideBar.vue

@@ -22,7 +22,9 @@
                         :compact="prettyCompact"
                         @handlerChatraClick="$emit('chatraClick')"
                         @open-side-bar="openSideBar"
-                    />
+                    >
+                        <slot slot="content-append" name="content-append" v-bind="{ compact: prettyCompact }" />
+                    </mc-side-bar-center>
                     <mc-side-bar-bottom
                         :hide-text="hideText"
                         :compact="prettyCompact"

package/src/patterns/McSideBar/McSideBarCenter/McSideBarCenter.vue

@@ -64,14 +64,16 @@
                 </div>
             </div>
         </div>
-        <mc-separator
-            v-if="chatraConfig"
-            color="dark-gray"
-            indent-top="150"
-            indent-bottom="150"
-            :indent-left="compact ? '0' : '100'"
-            :indent-right="compact ? '0' : '100'"
-        />
+      <mc-separator
+          v-if="hasContentAppend"
+          color="dark-gray"
+          indent-top="150"
+          indent-bottom="150"
+          :indent-left="compact ? '0' : '100'"
+          :indent-right="compact ? '0' : '100'"
+      />
+      <div v-if="hasContentAppend" class="mc-side-bar-center__content-append">
+        <slot name="content-append" :compact="compact"/>
         <mc-side-bar-button
             v-if="chatraConfig"
             icon="chat_messages"
@@ -80,6 +82,7 @@
             with-tooltip
             @click="$emit('handlerChatraClick')"
         />
+      </div>
     </div>
 </template>
 
@@ -188,6 +191,9 @@ export default {
                       },
                   }
         },
+        hasContentAppend() {
+          return this.chatraConfig || this.$slots['content-append']
+        },
     },
     watch: {
         menuMain: {
@@ -320,6 +326,7 @@ export default {
             &__head {
                 display: flex;
                 align-items: center;
+                justify-content: flex-start;
                 border-radius: 4px;
 
                 .mc-button {
@@ -378,6 +385,9 @@ export default {
                 }
             }
         }
+        &-append {
+          @include child-indent-bottom($space-50);
+        }
     }
 }
 </style>