@things-factory/menu-ui 8.0.0-alpha.28 → 8.0.0-alpha.32

package/client/viewparts/{menu-tree-bar.js → menu-tree-bar.ts}

@@ -2,160 +2,156 @@ import '@material/web/icon/icon.js'
 
 import gql from 'graphql-tag'
 import { css, html, LitElement } from 'lit'
+import { customElement, property } from 'lit/decorators.js'
 import { connect } from 'pwa-helpers/connect-mixin.js'
 
-import { client, store } from '@things-factory/shell'
+import { client, store } from '@things-factory/shell/client'
 import { ScrollbarStyles } from '@operato/styles'
 
+@customElement('menu-tree-bar')
 export default class MenuTreeBar extends connect(store)(LitElement) {
-  static get styles() {
-    return [
-      ScrollbarStyles,
-      css`
-        :host {
-          display: flex;
-          flex-direction: column;
-          min-width: 200px;
-        }
-        [domain] {
-          background: var(--menu-domain-background-color);
-          background: linear-gradient(180deg, var(--md-sys-color-secondary) 0%, var(--md-sys-color-primary) 120%);
-          padding: var(--menu-domain-padding);
-          border-bottom: 1px solid var(--md-sys-color-primary);
-        }
-        [domain] md-icon {
-          margin-right: -8px;
-          font-size: 12px;
-          color: var(--menu-domain-icon-color);
-        }
-        [domain] * {
-          vertical-align: middle;
-        }
-        [domain] span {
-          padding-left: 7px;
-          font: var(--menu-domain-font);
-          color: var(--menu-domain-color);
-        }
-        [domain] select {
-          background-color: transparent;
-          width: -webkit-fill-available;
-          max-width: 175px;
-          border: none;
-
-          font: var(--menu-domain-font);
-          color: var(--menu-domain-color);
-        }
-        select:focus {
-          outline: 0;
-        }
-
-        ul {
-          list-style: none;
-          margin: 0;
-          padding: 0;
-        }
+  static styles = [
+    ScrollbarStyles,
+    css`
+      :host {
+        display: flex;
+        flex-direction: column;
+        min-width: 200px;
+      }
+      [domain] {
+        background: var(--menu-domain-background-color);
+        background: linear-gradient(180deg, var(--md-sys-color-secondary) 0%, var(--md-sys-color-primary) 120%);
+        padding: var(--menu-domain-padding);
+        border-bottom: 1px solid var(--md-sys-color-primary);
+      }
+      [domain] md-icon {
+        margin-right: -8px;
+        font-size: 12px;
+        color: var(--menu-domain-icon-color);
+      }
+      [domain] * {
+        vertical-align: middle;
+      }
+      [domain] span {
+        padding-left: 7px;
+        font: var(--menu-domain-font);
+        color: var(--menu-domain-color);
+      }
+      [domain] select {
+        background-color: transparent;
+        width: -webkit-fill-available;
+        max-width: 175px;
+        border: none;
+
+        font: var(--menu-domain-font);
+        color: var(--menu-domain-color);
+      }
+      select:focus {
+        outline: 0;
+      }
 
-        ul[toplevel] {
-          overflow: auto;
-        }
+      ul {
+        list-style: none;
+        margin: 0;
+        padding: 0;
+      }
 
-        li {
-          border-bottom: var(--menu-tree-toplevel-border-bottom);
-        }
+      ul[toplevel] {
+        overflow: auto;
+      }
 
-        [grouplevel] li {
-          border-bottom: var(--menu-tree-grouplevel-border-bottom);
-        }
+      li {
+        border-bottom: var(--menu-tree-toplevel-border-bottom);
+      }
 
-        li span,
-        li a {
-          display: block;
-          text-decoration: none;
-          position: relative;
-        }
+      [grouplevel] li {
+        border-bottom: var(--menu-tree-grouplevel-border-bottom);
+      }
 
-        [menutype] {
-          position: absolute;
-          font-size: 1.2em;
-          right: 0;
-          bottom: 50%;
-          transform: translate(-5px, 50%);
-        }
+      li span,
+      li a {
+        display: block;
+        text-decoration: none;
+        position: relative;
+      }
 
-        [favorite] {
-          color: var(--menu-tree-favorite-color, tomato);
-        }
+      [menutype] {
+        position: absolute;
+        font-size: 1.2em;
+        right: 0;
+        bottom: 50%;
+        transform: translate(-5px, 50%);
+      }
 
-        [groupmenu] > span {
-          padding: 9px 9px 7px 10px;
-          font: var(--menu-tree-toplevel-font);
-          color: var(--menu-tree-toplevel-color);
-        }
+      [favorite] {
+        color: var(--menu-tree-favorite-color, tomato);
+      }
 
-        a {
-          background-color: rgba(0, 0, 0, 0.4);
-          padding: 7px 7px 6px 15px;
-          font: var(--menu-tree-grouplevel-font);
-          color: var(--menu-tree-grouplevel-color);
-        }
+      [groupmenu] > span {
+        padding: 9px 9px 7px 10px;
+        font: var(--menu-tree-toplevel-font);
+        color: var(--menu-tree-toplevel-color);
+      }
 
-        [groupmenu] > span::before {
-          content: '';
-          display: inline-block;
-          width: var(--menu-tree-toplevel-icon-size);
-          height: var(--menu-tree-toplevel-icon-size);
-          border: var(--menu-tree-toplevel-icon-border);
-          border-radius: 50%;
-          margin-right: 5px;
-        }
+      a {
+        background-color: rgba(0, 0, 0, 0.4);
+        padding: 7px 7px 6px 15px;
+        font: var(--menu-tree-grouplevel-font);
+        color: var(--menu-tree-grouplevel-color);
+      }
 
-        a span::before {
-          content: '-';
-          margin-right: 4px;
-        }
+      [groupmenu] > span::before {
+        content: '';
+        display: inline-block;
+        width: var(--menu-tree-toplevel-icon-size);
+        height: var(--menu-tree-toplevel-icon-size);
+        border: var(--menu-tree-toplevel-icon-border);
+        border-radius: 50%;
+        margin-right: 5px;
+      }
 
-        [expanded] > span {
-          font-weight: bold;
-          color: var(--menu-tree-focus-color);
-        }
+      a span::before {
+        content: '-';
+        margin-right: 4px;
+      }
 
-        [grouplevel] {
-          overflow-y: hidden;
-          max-height: 0;
+      [expanded] > span {
+        font-weight: bold;
+        color: var(--menu-tree-focus-color);
+      }
 
-          transition-property: all;
-          transition-duration: 0.7s;
-        }
+      [grouplevel] {
+        overflow-y: hidden;
+        max-height: 0;
 
-        [expanded] > [grouplevel] {
-          overflow-y: auto;
-          max-height: 500px;
-        }
+        transition-property: all;
+        transition-duration: 0.7s;
+      }
 
-        li[active] a {
-          color: var(--menu-tree-focus-color);
-          font-weight: bold;
-          border-left: var(--menu-tree-grouplevel-active-border-left);
-          background-color: rgba(0, 0, 0, 0.6);
-          padding-left: 12px;
-        }
-      `
-    ]
-  }
+      [expanded] > [grouplevel] {
+        overflow-y: auto;
+        max-height: 500px;
+      }
 
-  static get properties() {
-    return {
-      menuId: String,
-      menus: Array,
-      favorites: Array,
-      routingTypes: Object,
-      page: Object,
-      user: Object,
-      contextPath: String,
-      domains: Array,
-      domain: Object
-    }
-  }
+      li[active] a {
+        color: var(--menu-tree-focus-color);
+        font-weight: bold;
+        border-left: var(--menu-tree-grouplevel-active-border-left);
+        background-color: rgba(0, 0, 0, 0.6);
+        padding-left: 12px;
+      }
+    `
+  ]
+
+  @property({ type: String }) menuId?: string
+  @property({ type: Array }) menus: any[] = []
+  @property({ type: Array }) favorites: string[] = []
+  @property({ type: Array }) routingTypes: string[] = []
+  @property({ type: String }) page?: string
+  @property({ type: Object }) user?: any
+  @property({ type: String }) contextPath?: string
+  @property({ type: Array }) domains: any[] = []
+  @property({ type: Object }) domain?: any
 
   render() {
     var domains = this.domains || []
@@ -201,7 +197,7 @@ export default class MenuTreeBar extends connect(store)(LitElement) {
                 ${menu.children.map(subMenu => {
                   const routing = this._getFullRouting(subMenu)
                   const favorite = this.favorites.includes(routing)
-                  const { icon } = this.routingTypes[subMenu.routingType] || {}
+                  const { icon } = this.routingTypes[subMenu.routingType] || ({} as any)
                   const typeIcon = icon ? icon : favorite ? 'star' : null
 
                   return html`
@@ -228,9 +224,9 @@ export default class MenuTreeBar extends connect(store)(LitElement) {
 
     await this.updateComplete
 
-    var active = this.shadowRoot.querySelector('[active]')
+    var active = this.renderRoot.querySelector('[active]')
     if (active) {
-      active.parentElement.parentElement.setAttribute('expanded', '')
+      active.parentElement?.parentElement?.setAttribute('expanded', '')
     }
   }
 
@@ -256,7 +252,7 @@ export default class MenuTreeBar extends connect(store)(LitElement) {
       return resourceUrl
     }
 
-    var { page } = this.routingTypes[routingType]
+    var { page } = this.routingTypes[routingType] as any
     return titleField ? `${page}/${menu[titleField]}` : `${page}/${name}`
   }
 
@@ -291,5 +287,3 @@ export default class MenuTreeBar extends connect(store)(LitElement) {
     return response.data.userMenus
   }
 }
-
-window.customElements.define('menu-tree-bar', MenuTreeBar)

package/dist-client/apptools/favorite-tool.d.ts

@@ -0,0 +1,28 @@
+import '@material/web/icon/icon.js';
+import { LitElement } from 'lit';
+declare const FavoriteTool_base: (new (...args: any[]) => {
+    _storeUnsubscribe: import("redux").Unsubscribe;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    stateChanged(_state: unknown): void;
+    readonly isConnected: boolean;
+}) & typeof LitElement;
+export declare class FavoriteTool extends FavoriteTool_base {
+    static styles: import("lit").CSSResult;
+    favorites: any;
+    user: any;
+    page?: string;
+    resourceId?: string;
+    favored: boolean;
+    routingTypes: any[];
+    blackList: string[];
+    render(): import("lit-html").TemplateResult<1>;
+    updated(changes: any): void;
+    stateChanged(state: any): void;
+    onClick(event: any): void;
+    refreshFavorites(): Promise<void>;
+    removeFavorite(routing: any): Promise<void>;
+    addFavorite(routing: any): Promise<void>;
+    getFullRouting(): string | undefined;
+}
+export {};

package/dist-client/apptools/favorite-tool.js

@@ -0,0 +1,139 @@
+import { __decorate, __metadata } from "tslib";
+import '@material/web/icon/icon.js';
+import { LitElement, html, css } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { connect } from 'pwa-helpers/connect-mixin.js';
+import gql from 'graphql-tag';
+import { store, client } from '@things-factory/shell/client';
+import { UPDATE_FAVORITES } from '@things-factory/fav-base/client';
+let FavoriteTool = class FavoriteTool extends connect(store)(LitElement) {
+    constructor() {
+        super(...arguments);
+        this.favored = false;
+        this.routingTypes = [];
+        this.blackList = [];
+    }
+    render() {
+        var renderable = (this.blackList || []).indexOf(this.page) == -1;
+        return renderable
+            ? html `
+          <md-icon @click=${this.onClick.bind(this)} ?favorable=${!this.favored}
+            >${this.favored ? 'star' : 'star_border'}</md-icon
+          >
+        `
+            : html ``;
+    }
+    updated(changes) {
+        if (changes.has('user')) {
+            this.refreshFavorites();
+        }
+        this.favored = (this.favorites || []).includes(this.getFullRouting());
+    }
+    stateChanged(state) {
+        this.favorites = state.favorite.favorites;
+        this.user = state.auth.user;
+        this.page = state.route.page;
+        this.resourceId = state.route.resourceId;
+        this.routingTypes = state.menu.routingTypes;
+    }
+    onClick(event) {
+        if (this.favored) {
+            this.removeFavorite(this.getFullRouting());
+        }
+        else {
+            this.addFavorite(this.getFullRouting());
+        }
+    }
+    async refreshFavorites() {
+        if (!this.user || !this.user.email) {
+            return;
+        }
+        const response = await client.query({
+            query: gql `
+        query {
+          myFavorites {
+            id
+            routing
+          }
+        }
+      `
+        });
+        store.dispatch({
+            type: UPDATE_FAVORITES,
+            favorites: response.data.myFavorites.map(favorite => favorite.routing)
+        });
+    }
+    async removeFavorite(routing) {
+        await client.query({
+            query: gql `
+        mutation {
+          deleteFavorite(routing: "${routing}")
+        }
+      `
+        });
+        this.refreshFavorites();
+    }
+    async addFavorite(routing) {
+        await client.query({
+            query: gql `
+        mutation {
+          createFavorite(favorite: {
+            routing: "${routing}"
+          }) {
+            id
+            routing
+          }
+        }
+      `
+        });
+        this.refreshFavorites();
+    }
+    getFullRouting() {
+        var routingType = Object.values(this.routingTypes).find(type => type.page == this.page);
+        return routingType ? `${this.page}/${this.resourceId}` : this.page;
+    }
+};
+FavoriteTool.styles = css `
+    :host {
+      display: inline-block;
+      vertical-align: middle;
+      line-height: 0;
+    }
+
+    [favorable] {
+      opacity: 0.5;
+    }
+  `;
+__decorate([
+    property({ type: Array }),
+    __metadata("design:type", Object)
+], FavoriteTool.prototype, "favorites", void 0);
+__decorate([
+    property({ type: Object }),
+    __metadata("design:type", Object)
+], FavoriteTool.prototype, "user", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], FavoriteTool.prototype, "page", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], FavoriteTool.prototype, "resourceId", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Boolean)
+], FavoriteTool.prototype, "favored", void 0);
+__decorate([
+    property({ type: Array }),
+    __metadata("design:type", Array)
+], FavoriteTool.prototype, "routingTypes", void 0);
+__decorate([
+    property({ type: Array }),
+    __metadata("design:type", Array)
+], FavoriteTool.prototype, "blackList", void 0);
+FavoriteTool = __decorate([
+    customElement('favorite-tool')
+], FavoriteTool);
+export { FavoriteTool };
+//# sourceMappingURL=favorite-tool.js.map

package/dist-client/apptools/favorite-tool.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"favorite-tool.js","sourceRoot":"","sources":["../../client/apptools/favorite-tool.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\n\nimport { LitElement, html, css } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { connect } from 'pwa-helpers/connect-mixin.js'\nimport gql from 'graphql-tag'\n\nimport { store, client } from '@things-factory/shell/client'\nimport { UPDATE_FAVORITES } from '@things-factory/fav-base/client'\n\n@customElement('favorite-tool')\nexport class FavoriteTool extends connect(store)(LitElement) {\n  static styles = css`\n    :host {\n      display: inline-block;\n      vertical-align: middle;\n      line-height: 0;\n    }\n\n    [favorable] {\n      opacity: 0.5;\n    }\n  `\n\n  @property({ type: Array }) favorites: any\n  @property({ type: Object }) user: any\n  @property({ type: String }) page?: string\n  @property({ type: String }) resourceId?: string\n  @property({ type: Boolean }) favored: boolean = false\n  @property({ type: Array }) routingTypes: any[] = []\n  @property({ type: Array }) blackList: string[] = []\n\n  render() {\n    var renderable = (this.blackList || []).indexOf(this.page!) == -1\n\n    return renderable\n      ? html`\n          <md-icon @click=${this.onClick.bind(this)} ?favorable=${!this.favored}\n            >${this.favored ? 'star' : 'star_border'}</md-icon\n          >\n        `\n      : html``\n  }\n\n  updated(changes) {\n    if (changes.has('user')) {\n      this.refreshFavorites()\n    }\n\n    this.favored = (this.favorites || []).includes(this.getFullRouting())\n  }\n\n  stateChanged(state) {\n    this.favorites = state.favorite.favorites\n    this.user = state.auth.user\n    this.page = state.route.page\n    this.resourceId = state.route.resourceId\n    this.routingTypes = state.menu.routingTypes\n  }\n\n  onClick(event) {\n    if (this.favored) {\n      this.removeFavorite(this.getFullRouting())\n    } else {\n      this.addFavorite(this.getFullRouting())\n    }\n  }\n\n  async refreshFavorites() {\n    if (!this.user || !this.user.email) {\n      return\n    }\n\n    const response = await client.query({\n      query: gql`\n        query {\n          myFavorites {\n            id\n            routing\n          }\n        }\n      `\n    })\n\n    store.dispatch({\n      type: UPDATE_FAVORITES,\n      favorites: response.data.myFavorites.map(favorite => favorite.routing)\n    })\n  }\n\n  async removeFavorite(routing) {\n    await client.query({\n      query: gql`\n        mutation {\n          deleteFavorite(routing: \"${routing}\")\n        }\n      `\n    })\n\n    this.refreshFavorites()\n  }\n\n  async addFavorite(routing) {\n    await client.query({\n      query: gql`\n        mutation {\n          createFavorite(favorite: {\n            routing: \"${routing}\"\n          }) {\n            id\n            routing\n          }\n        }\n      `\n    })\n\n    this.refreshFavorites()\n  }\n\n  getFullRouting() {\n    var routingType = Object.values(this.routingTypes).find(type => type.page == this.page)\n    return routingType ? `${this.page}/${this.resourceId}` : this.page\n  }\n}\n"]}

package/dist-client/bootstrap.d.ts

@@ -0,0 +1,4 @@
+import '@operato/i18n';
+import './apptools/favorite-tool';
+import './viewparts/menu-tree-bar';
+export default function bootstrap(): void;

package/dist-client/bootstrap.js

@@ -0,0 +1,52 @@
+import '@operato/i18n';
+import './apptools/favorite-tool';
+import './viewparts/menu-tree-bar';
+import { html } from 'lit-html';
+import { appendViewpart, TOOL_POSITION, VIEWPART_POSITION } from '@operato/layout';
+import { APPEND_APP_TOOL } from '@things-factory/apptool-base/client';
+import { auth } from '@things-factory/auth-base/dist-client';
+import { ADD_MORENDA } from '@things-factory/more-base/client';
+import { navigate, store } from '@operato/shell';
+import { isMobileDevice } from '@operato/utils';
+export default function bootstrap() {
+    if (!isMobileDevice()) {
+        appendViewpart({
+            name: 'menu-tree-bar',
+            viewpart: {
+                show: true,
+                template: html ` <menu-tree-bar></menu-tree-bar> `
+            },
+            position: VIEWPART_POSITION.NAVBAR
+        });
+    }
+    store.dispatch({
+        type: APPEND_APP_TOOL,
+        tool: {
+            name: 'favorite-tool',
+            template: html ` <favorite-tool .blackList=${['menu-list']}></favorite-tool> `,
+            position: TOOL_POSITION.REAR
+        }
+    });
+    auth.on('profile', ({ credential }) => {
+        if (credential.owner) {
+            appendRoleMenusManagementMorenda();
+        }
+    });
+}
+function appendRoleMenusManagementMorenda() {
+    var _a, _b;
+    const useRoleByMenusManagementMenu = ((_b = (_a = store.getState()) === null || _a === void 0 ? void 0 : _a.menu) === null || _b === void 0 ? void 0 : _b.useRoleByMenusManagementMenu) || false;
+    if (useRoleByMenusManagementMenu) {
+        store.dispatch({
+            type: ADD_MORENDA,
+            morenda: {
+                icon: html ` <md-icon>menu</md-icon> `,
+                name: html ` <ox-i18n msgid="title.role_menus_management"></ox-i18n> `,
+                action: () => {
+                    navigate('role-menus');
+                }
+            }
+        });
+    }
+}
+//# sourceMappingURL=bootstrap.js.map

package/dist-client/bootstrap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bootstrap.js","sourceRoot":"","sources":["../client/bootstrap.ts"],"names":[],"mappings":"AAAA,OAAO,eAAe,CAAA;AACtB,OAAO,0BAA0B,CAAA;AACjC,OAAO,2BAA2B,CAAA;AAElC,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAE/B,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAClF,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;AACrE,OAAO,EAAE,IAAI,EAAE,MAAM,uCAAuC,CAAA;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAA;AAC9D,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAE/C,MAAM,CAAC,OAAO,UAAU,SAAS;IAC/B,IAAI,CAAC,cAAc,EAAE,EAAE,CAAC;QACtB,cAAc,CAAC;YACb,IAAI,EAAE,eAAe;YACrB,QAAQ,EAAE;gBACR,IAAI,EAAE,IAAI;gBACV,QAAQ,EAAE,IAAI,CAAA,mCAAmC;aAClD;YACD,QAAQ,EAAE,iBAAiB,CAAC,MAAM;SACnC,CAAC,CAAA;IACJ,CAAC;IAED,KAAK,CAAC,QAAQ,CAAC;QACb,IAAI,EAAE,eAAe;QACrB,IAAI,EAAE;YACJ,IAAI,EAAE,eAAe;YACrB,QAAQ,EAAE,IAAI,CAAA,8BAA8B,CAAC,WAAW,CAAC,oBAAoB;YAC7E,QAAQ,EAAE,aAAa,CAAC,IAAI;SAC7B;KACF,CAAC,CAAA;IAEF,IAAI,CAAC,EAAE,CAAC,SAAS,EAAE,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE;QACpC,IAAI,UAAU,CAAC,KAAK,EAAE,CAAC;YACrB,gCAAgC,EAAE,CAAA;QACpC,CAAC;IACH,CAAC,CAAC,CAAA;AACJ,CAAC;AAED,SAAS,gCAAgC;;IACvC,MAAM,4BAA4B,GAAG,CAAA,MAAA,MAAC,KAAK,CAAC,QAAQ,EAAU,0CAAE,IAAI,0CAAE,4BAA4B,KAAI,KAAK,CAAA;IAE3G,IAAI,4BAA4B,EAAE,CAAC;QACjC,KAAK,CAAC,QAAQ,CAAC;YACb,IAAI,EAAE,WAAW;YACjB,OAAO,EAAE;gBACP,IAAI,EAAE,IAAI,CAAA,2BAA2B;gBACrC,IAAI,EAAE,IAAI,CAAA,2DAA2D;gBACrE,MAAM,EAAE,GAAG,EAAE;oBACX,QAAQ,CAAC,YAAY,CAAC,CAAA;gBACxB,CAAC;aACF;SACF,CAAC,CAAA;IACJ,CAAC;AACH,CAAC","sourcesContent":["import '@operato/i18n'\nimport './apptools/favorite-tool'\nimport './viewparts/menu-tree-bar'\n\nimport { html } from 'lit-html'\n\nimport { appendViewpart, TOOL_POSITION, VIEWPART_POSITION } from '@operato/layout'\nimport { APPEND_APP_TOOL } from '@things-factory/apptool-base/client'\nimport { auth } from '@things-factory/auth-base/dist-client'\nimport { ADD_MORENDA } from '@things-factory/more-base/client'\nimport { navigate, store } from '@operato/shell'\nimport { isMobileDevice } from '@operato/utils'\n\nexport default function bootstrap() {\n  if (!isMobileDevice()) {\n    appendViewpart({\n      name: 'menu-tree-bar',\n      viewpart: {\n        show: true,\n        template: html` <menu-tree-bar></menu-tree-bar> `\n      },\n      position: VIEWPART_POSITION.NAVBAR\n    })\n  }\n\n  store.dispatch({\n    type: APPEND_APP_TOOL,\n    tool: {\n      name: 'favorite-tool',\n      template: html` <favorite-tool .blackList=${['menu-list']}></favorite-tool> `,\n      position: TOOL_POSITION.REAR\n    }\n  })\n\n  auth.on('profile', ({ credential }) => {\n    if (credential.owner) {\n      appendRoleMenusManagementMorenda()\n    }\n  })\n}\n\nfunction appendRoleMenusManagementMorenda() {\n  const useRoleByMenusManagementMenu = (store.getState() as any)?.menu?.useRoleByMenusManagementMenu || false\n\n  if (useRoleByMenusManagementMenu) {\n    store.dispatch({\n      type: ADD_MORENDA,\n      morenda: {\n        icon: html` <md-icon>menu</md-icon> `,\n        name: html` <ox-i18n msgid=\"title.role_menus_management\"></ox-i18n> `,\n        action: () => {\n          navigate('role-menus')\n        }\n      }\n    })\n  }\n}\n"]}

package/dist-client/components/child-menus-selector.d.ts

@@ -0,0 +1 @@
+export {};