@awes-io/ui 2.55.1 → 2.56.3

package/CHANGELOG.md

@@ -3,6 +3,50 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.56.3](https://github.com/awes-io/client/compare/@awes-io/ui@2.56.2...@awes-io/ui@2.56.3) (2022-07-18)
+
+
+### Bug Fixes
+
+* added full logo into config ([7f38422](https://github.com/awes-io/client/commit/7f384223484d5bc989278fa2311cd3eff2143523))
+
+
+
+
+
+## [2.56.2](https://github.com/awes-io/client/compare/@awes-io/ui@2.56.1...@awes-io/ui@2.56.2) (2022-07-18)
+
+
+### Bug Fixes
+
+* added full logo into config ([74d1719](https://github.com/awes-io/client/commit/74d171941c0892f426a8ec35462f408c9fe1481c))
+
+
+
+
+
+## [2.56.1](https://github.com/awes-io/client/compare/@awes-io/ui@2.56.0...@awes-io/ui@2.56.1) (2022-07-18)
+
+
+### Bug Fixes
+
+* bump ([025f696](https://github.com/awes-io/client/commit/025f696bad25ea30ae7eba6997bdecc6aca58b39))
+
+
+
+
+
+# [2.56.0](https://github.com/awes-io/client/compare/@awes-io/ui@2.55.1...@awes-io/ui@2.56.0) (2022-07-18)
+
+
+### Features
+
+* added slot for center layout ([65b31c2](https://github.com/awes-io/client/commit/65b31c26c5a405cad2bd28a162a5f6c800270399))
+
+
+
+
+
 ## [2.55.1](https://github.com/awes-io/client/compare/@awes-io/ui@2.55.0...@awes-io/ui@2.55.1) (2022-07-13)
 
 

package/components/5_layouts/AwLayoutCenter.vue

@@ -4,25 +4,27 @@
         class="layout layout--frame-center"
         v-bind="background"
     >
-        <div class="layout__container mx-auto">
-            <img
-                v-if="logo"
-                v-bind="logo"
-                class="layout__center-logo hidden sm:block mt-auto"
-            />
+        <slot name="container">
+            <div class="layout__container mx-auto">
+                <img
+                    v-if="logo"
+                    v-bind="logo"
+                    class="layout__center-logo hidden sm:block mt-auto"
+                />
 
-            <div
-                class="layout__frame w-full my-auto"
-                :class="{ 'sm:mt-8': logo }"
-            >
-                <slot />
-            </div>
+                <div
+                    class="layout__frame w-full my-auto"
+                    :class="{ 'sm:mt-8': logo }"
+                >
+                    <slot />
+                </div>
 
-            <div
-                v-html="$sanitize($t('aw.layout_default.footer'))"
-                class="pt-8 text-sm"
-            ></div>
-        </div>
+                <div
+                    v-html="$sanitize($t('aw.layout_default.footer'))"
+                    class="pt-8 text-sm"
+                ></div>
+            </div>
+        </slot>
     </AwLayoutProvider>
 </template>
 

package/nuxt/templates/store.plugin.js

@@ -12,6 +12,14 @@ export default ({ store, app }) => {
             default: JSON.parse('<%= JSON.stringify(options.default.logo) %>'),
             dark: JSON.parse('<%= JSON.stringify(options.dark.logo) %>')
         })
+
+        // Set default logo
+        store.commit('awesIo/SET_FULL_LOGO', {
+            default: JSON.parse(
+                '<%= JSON.stringify(options.default.fullLogo) %>'
+            ),
+            dark: JSON.parse('<%= JSON.stringify(options.dark.fullLogo) %>')
+        })
     }
 
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@awes-io/ui",
-    "version": "2.55.1",
+    "version": "2.56.3",
     "description": "User Interface (UI) components",
     "keywords": [
         "ui",
@@ -122,5 +122,5 @@
         "vue-template-compiler": "^2.6.10",
         "webfonts-generator": "^0.4.0"
     },
-    "gitHead": "b43f233a26bb90c7e3a232aec4602bedde29bf2d"
+    "gitHead": "ed63959468c36e3690233fdce4a5b23b99af1fb3"
 }

package/readme.md

@@ -1 +1 @@
-Awes.io/Ui 3443
+Awes.io/Ui 423

package/store/awesIo.js

@@ -26,6 +26,11 @@ export const state = () => ({
         dark: { src: '' }
     },
 
+    fullLogo: {
+        default: { src: '' },
+        dark: { src: '' }
+    },
+
     menus: {
         main: [],
         secondary: [],
@@ -99,6 +104,12 @@ export const getters = {
         return getters.isDarkTheme ? state.logo.dark : state.logo.default
     },
 
+    fullLogo(state, getters) {
+        return getters.isDarkTheme
+            ? state.fullLogo.dark
+            : state.fullLogo.default
+    },
+
     logoComponent(state, getters) {
         const logoComponent = pathOr(null, 'logo.component', state)
 
@@ -182,6 +193,15 @@ export const mutations = {
         }
     },
 
+    SET_FULL_LOGO(state, fullLogo) {
+        if (typeof fullLogo === 'string') {
+            state.fullLogo = mergeDeepRight(state.fullLogo, {
+                default: { src: fullLogo },
+                dark: { src: fullLogo }
+            })
+        }
+    },
+
     SET_BEFORE_MOBILE_MENU(state, payload) {
         if (payload && payload.component) {
             state.beforeMobileMenu = payload.component