@awes-io/ui 2.63.5 → 2.64.0

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [2.64.0](https://github.com/awes-io/client/compare/@awes-io/ui@2.63.6...@awes-io/ui@2.64.0) (2023-06-27)
+
+
+### Features
+
+* tertiary menu added ([3c0d425](https://github.com/awes-io/client/commit/3c0d42598a9b628eeb5b347d76a8538902623e0f))
+
+
+
+
+
+## [2.63.6](https://github.com/awes-io/client/compare/@awes-io/ui@2.63.5...@awes-io/ui@2.63.6) (2023-06-27)
+
+
+### Bug Fixes
+
+* **google-maps:** set protocol in url to work in capacitor ([d928ec7](https://github.com/awes-io/client/commit/d928ec7346186a6fe4d8fe980bc5f3ba02e2ab5b))
+
+
+
+
+
 ## [2.63.5](https://github.com/awes-io/client/compare/@awes-io/ui@2.63.4...@awes-io/ui@2.63.5) (2023-06-23)
 
 

package/assets/css/components/icon-menu-item.css

@@ -4,6 +4,7 @@
     justify-content: center;
     align-items: center;
     color: inherit;
+    width: 100%;
 
     position: relative;
 

package/assets/css/components/layout-menu.css

@@ -4,13 +4,14 @@
 
     display: grid;
     grid-template-columns: 60px auto;
-    grid-template-rows: 80px auto auto 80px;
+    grid-template-rows: 80px minmax(0, 2fr) minmax(0, 1fr) 80px minmax(0, auto);
 
     z-index: 1;
 
     &__logo,
     &__aw-user-menu {
-        display: block;
+        display: flex;
+        justify-content: center;
         width: 100%;
         padding: theme('spacing.3');
         margin: auto 0;
@@ -57,7 +58,7 @@
         max-height: 100vh;
 
         grid-column: 2;
-        grid-row: 1 / 5;
+        grid-row: 1 / 6;
 
         overflow-y: auto;
 

package/components/5_layouts/AwLayoutProvider.vue

@@ -85,6 +85,7 @@ export default {
                 mainMenu: [],
                 secondaryMenu: [],
                 userMenu: [],
+                tertiaryMenu: [],
                 activeMenu: null,
                 activeMenuItem: null
             }
@@ -92,7 +93,12 @@ export default {
     },
 
     computed: {
-        ...mapGetters('awesIo', ['mainMenu', 'secondaryMenu', 'userMenu']),
+        ...mapGetters('awesIo', [
+            'mainMenu',
+            'secondaryMenu',
+            'userMenu',
+            'tertiaryMenu'
+        ]),
 
         // _flatChildren() {
         //     const items = []
@@ -124,6 +130,10 @@ export default {
 
         _userMenu() {
             return this._toMenuItems(this.userMenu)
+        },
+
+        _tertiaryMenu() {
+            return this._toMenuItems(this.tertiaryMenu)
         }
     },
 
@@ -155,6 +165,15 @@ export default {
             immediate: true
         },
 
+        _tertiaryMenu: {
+            handler(items) {
+                this.$set(this.layoutProvider, 'tertiaryMenu', items)
+                this._findActive()
+            },
+            deep: true,
+            immediate: true
+        },
+
         '$route.path': {
             handler: '_findActive',
             immediate: true

package/components/5_layouts/_AwLayoutMenu.vue

@@ -22,6 +22,7 @@
                         v-else
                         :key="i"
                         v-bind="_getMenuItemProps(item)"
+                        v-on="_getMenuItemListeners(item)"
                         :active="item === activeMenu"
                         tooltip
                     />
@@ -38,6 +39,7 @@
                         v-else
                         :key="i"
                         v-bind="_getMenuItemProps(item)"
+                        v-on="_getMenuItemListeners(item)"
                         :active="item === activeMenu"
                         tooltip
                     />
@@ -48,6 +50,23 @@
         <!-- user menu -->
         <AwUserMenu class="aw-layout-menu__aw-user-menu" />
 
+        <div class="aw-layout-menu__tertiary-menu">
+            <slot name="tertiary-menu">
+                <template v-for="(item, i) in tertiaryMenu">
+                    <!-- eslint-disable-next-line vue/require-component-is -->
+                    <Component v-if="item.is" :key="'cmp-' + i" v-bind="item" />
+                    <AwMenuItemIcon
+                        v-else
+                        :key="i"
+                        v-bind="_getMenuItemProps(item)"
+                        v-on="_getMenuItemListeners(item)"
+                        :active="item === activeMenu"
+                        tooltip
+                    />
+                </template>
+            </slot>
+        </div>
+
         <!-- submenu -->
         <div
             class="aw-layout-menu__submenu"
@@ -98,6 +117,10 @@ export default {
             return viewOr([], lensProp('secondaryMenu'), this.layoutProvider)
         },
 
+        tertiaryMenu() {
+            return viewOr(null, lensProp('tertiaryMenu'), this.layoutProvider)
+        },
+
         activeMenu() {
             return viewOr(null, lensProp('activeMenu'), this.layoutProvider)
         },
@@ -123,7 +146,11 @@ export default {
 
     methods: {
         _getMenuItemProps(props) {
-            return omit('children,description,hideText', props)
+            return omit('children,description,hideText,listeners', props)
+        },
+
+        _getMenuItemListeners(props) {
+            return props.listeners || {}
         }
     }
 }

package/components/5_layouts/_AwMobileMenu.vue

@@ -118,6 +118,14 @@
             @click:submenu="showSubmenu"
         />
 
+        <AwMobileMenuNav
+            v-show="!submenuOpened"
+            :title="$t('Tertiary menu')"
+            :items="tertiaryMenu"
+            class="aw-mobile-menu__menu"
+            @click:submenu="showSubmenu"
+        />
+
         <!-- submenu -->
         <template v-for="({ text, children, badge }, i) in submenu">
             <AwMobileMenuNav
@@ -215,6 +223,14 @@ export default {
             )
         },
 
+        tertiaryMenu() {
+            return viewOr(
+                [],
+                lensProp('tertiaryMenu'),
+                this.layoutProvider
+            ).filter(({ is }) => !is)
+        },
+
         show: {
             get() {
                 return this.$store.state.awesIo.mobileMenuOpened

package/mixins/google-maps.js

@@ -35,7 +35,7 @@ export default {
 
     computed: {
         gmLibUrl() {
-            const base = '//maps.googleapis.com/maps/api/js'
+            const base = 'https://maps.googleapis.com/maps/api/js'
             let params = {
                 key: this.gmKey,
                 libraries: this.gmLibraries.join(','),

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@awes-io/ui",
-    "version": "2.63.5",
+    "version": "2.64.0",
     "description": "User Interface (UI) components",
     "keywords": [
         "ui",
@@ -122,5 +122,5 @@
         "vue-template-compiler": "^2.6.10",
         "webfonts-generator": "^0.4.0"
     },
-    "gitHead": "51fcb89a98604155f60138378a35c513b17d2806"
+    "gitHead": "9bee9f41561747fce924fc78db5aae56665acdf7"
 }

package/store/awesIo.js

@@ -34,7 +34,8 @@ export const state = () => ({
     menus: {
         main: [],
         secondary: [],
-        user: []
+        user: [],
+        tertiary: []
     },
     mobileMenuOpened: false,
     beforeMobileMenu: null,
@@ -59,6 +60,10 @@ export const getters = {
         return castArray(state.menus.user)
     },
 
+    tertiaryMenu(state) {
+        return castArray(state.menus.tertiary)
+    },
+
     user(state, getters, rootState) {
         const user = pathOr({}, 'auth.user', rootState)
         const src = pathOr('', 'avatar', user)