@ibiz-template/vue3-components 0.7.16 → 0.7.17

package/es/panel-component/auth-userinfo/auth-userinfo.mjs

@@ -55,7 +55,7 @@ const AuthUserinfo = /* @__PURE__ */ defineComponent({
       "class": [this.ns.b(), this.ns.m(this.modelData.id), ...this.controller.containerClass, this.ns.is("left", this.menuAlign === "LEFT"), this.ns.is("top", this.menuAlign === "TOP"), this.ns.is("collapse", this.isCollapse)]
     }, [createVNode(resolveComponent("el-dropdown"), null, {
       default: () => createVNode("div", {
-        "class": this.ns.b("info")
+        "class": [this.ns.b("info"), this.ns.is("collapse", this.isCollapse)]
       }, [createVNode("div", {
         "class": this.ns.b("label")
       }, [createVNode(resolveComponent("el-avatar"), {
@@ -68,7 +68,7 @@ const AuthUserinfo = /* @__PURE__ */ defineComponent({
       }, [this.srfusername]), this.menuAlign === "LEFT" && createVNode("div", {
         "class": this.ns.be("name", "person-name")
       }, [this.srfpersonname])])]), createVNode("ion-icon", {
-        "class": this.ns.e("down"),
+        "class": [this.ns.e("down"), this.ns.is("collapse", this.isCollapse)],
         "name": "chevron-down-outline"
       }, null)]),
       dropdown: () => createVNode(resolveComponent("el-dropdown-menu"), null, {

package/es/panel-component/panel-app-title/panel-app-title.controller.mjs

@@ -35,7 +35,9 @@ class PanelAppTitleController extends PanelItemController {
     if (indexViewModel.title) {
       document.title = indexViewModel.title;
     }
-    if (indexViewModel.appIconPath) {
+    if (this.model.sysImage && this.model.sysImage.rawContent) {
+      this.state.icon = this.model.sysImage.rawContent;
+    } else if (indexViewModel.appIconPath) {
       this.state.icon = indexViewModel.appIconPath;
     }
     if (indexViewModel.appIconPath2) {

package/es/panel-component/panel-app-title/panel-app-title.css

@@ -1 +1 @@
-.ibiz-panel-app-title{--ibiz-panel-app-title-color:var(--ibiz-color-text-0);--ibiz-panel-app-title-font-size:var(--ibiz-font-size-header-3);--ibiz-panel-app-title-font-weight:var(--ibiz-font-weight-bold);--ibiz-panel-app-title-padding:0 var(--ibiz-spacing-loose);--ibiz-panel-app-title-collapse-padding:0 var(--ibiz-spacing-tight);display:flex;align-items:center;justify-content:center;height:100%;padding:var(--ibiz-panel-app-title-padding);cursor:pointer}.ibiz-panel-app-title__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ibiz-panel-app-title-font-size);font-weight:700;color:var(--ibiz-panel-app-title-color)}.ibiz-panel-app-title__logo{display:flex;align-items:center;justify-content:center;height:100%;padding:0 var(--ibiz-spacing-tight);font-size:40px}.ibiz-panel-app-title__logo img{display:inline-block;width:20px;height:20px}.ibiz-panel-app-title__logo svg{fill:var(--ibiz-panel-app-title-color)}.ibiz-panel-app-title.is-only-img .ibiz-panel-app-title__logo{padding:0}.ibiz-panel-app-title.is-collapse{max-width:100%;padding:var(--ibiz-panel-app-title-collapse-padding)}.ibiz-panel-app-title.is-collapse .ibiz-panel-app-title__collapse-title{width:100%}.ibiz-panel-app-title.is-collapse .ibiz-panel-app-title__caption2{overflow:hidden;font-size:var(--ibiz-font-size-header-4);font-weight:var(--ibiz-panel-app-title-font-weight);text-align:center;white-space:nowrap}.ibiz-panel-app-title.is-collapse .ibiz-panel-app-title__subCaption2{overflow:hidden;font-size:var(--ibiz-font-size-header-5);text-align:center;white-space:nowrap}
+.ibiz-panel-app-title{--ibiz-panel-app-title-color:var(--ibiz-color-text-0);--ibiz-panel-app-title-font-size:var(--ibiz-font-size-header-3);--ibiz-panel-app-title-font-weight:var(--ibiz-font-weight-bold);--ibiz-panel-app-title-padding:0 var(--ibiz-spacing-loose);--ibiz-panel-app-title-collapse-padding:0 var(--ibiz-spacing-tight);display:flex;align-items:center;justify-content:center;height:100%;padding:var(--ibiz-panel-app-title-padding);cursor:pointer}.ibiz-panel-app-title__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ibiz-panel-app-title-font-size);font-weight:700;color:var(--ibiz-panel-app-title-color)}.ibiz-panel-app-title__logo{display:flex;align-items:center;justify-content:center;height:100%;padding:0 var(--ibiz-spacing-tight);font-size:40px}.ibiz-panel-app-title__logo img{display:inline-block;width:auto;height:100%}.ibiz-panel-app-title__logo svg{fill:var(--ibiz-panel-app-title-color)}.ibiz-panel-app-title.is-only-img .ibiz-panel-app-title__logo{padding:0}.ibiz-panel-app-title.is-collapse{max-width:100%;padding:var(--ibiz-panel-app-title-collapse-padding)}.ibiz-panel-app-title.is-collapse .ibiz-panel-app-title__collapse-title{width:100%}.ibiz-panel-app-title.is-collapse .ibiz-panel-app-title__collpase-icon img{width:100%;height:100%}.ibiz-panel-app-title.is-collapse .ibiz-panel-app-title__caption2{overflow:hidden;font-size:var(--ibiz-font-size-header-4);font-weight:var(--ibiz-panel-app-title-font-weight);text-align:center;white-space:nowrap}.ibiz-panel-app-title.is-collapse .ibiz-panel-app-title__subCaption2{overflow:hidden;font-size:var(--ibiz-font-size-header-5);text-align:center;white-space:nowrap}

package/es/panel-component/panel-app-title/panel-app-title.mjs

@@ -64,7 +64,6 @@ const PanelAppTitle = /* @__PURE__ */ defineComponent({
   render() {
     const {
       icon,
-      icon2,
       isSvg,
       caption,
       caption2,
@@ -75,28 +74,34 @@ const PanelAppTitle = /* @__PURE__ */ defineComponent({
     const captionNode = createVNode("span", {
       "class": this.ns.e("title")
     }, [caption]);
-    if (icon || icon2) {
-      if (isSvg) {
-        iconVNode = createVNode("ion-icon", {
-          "class": this.ns.e("logo"),
-          "icon": this.isCollapse ? icon2 : icon
-        }, null);
-      } else {
-        iconVNode = createVNode("span", {
-          "class": this.ns.e("logo")
-        }, [createVNode("img", {
-          "src": this.isCollapse ? icon2 : icon
-        }, null)]);
-      }
-    } else if (this.menuAlign === "LEFT") {
+    if (this.menuAlign === "LEFT") {
       if (this.isCollapse) {
-        iconVNode = createVNode("div", {
-          "class": this.ns.e("collapse-title")
-        }, [createVNode("div", {
-          "class": this.ns.e("caption2")
-        }, [caption2]), createVNode("div", {
-          "class": this.ns.e("subCaption2")
-        }, [subCaption2])]);
+        if (icon) {
+          let tempIcon = null;
+          if (isSvg) {
+            tempIcon = createVNode("ion-icon", {
+              "class": this.ns.e("logo"),
+              "icon": icon
+            }, null);
+          } else {
+            tempIcon = createVNode("span", {
+              "class": this.ns.e("logo")
+            }, [createVNode("img", {
+              "src": icon
+            }, null)]);
+          }
+          iconVNode = createVNode("div", {
+            "class": this.ns.e("collpase-icon")
+          }, [tempIcon]);
+        } else {
+          iconVNode = createVNode("div", {
+            "class": this.ns.e("collapse-title")
+          }, [createVNode("div", {
+            "class": this.ns.e("caption2")
+          }, [caption2]), createVNode("div", {
+            "class": this.ns.e("subCaption2")
+          }, [subCaption2])]);
+        }
       } else {
         iconVNode = createVNode("span", {
           "class": this.ns.e("logo")
@@ -128,6 +133,21 @@ const PanelAppTitle = /* @__PURE__ */ defineComponent({
           "y": "73"
         }, [subCaption])])])])]);
       }
+    } else if (this.menuAlign === "TOP") {
+      if (icon) {
+        if (isSvg) {
+          iconVNode = createVNode("ion-icon", {
+            "class": this.ns.e("logo"),
+            "icon": icon
+          }, null);
+        } else {
+          iconVNode = createVNode("span", {
+            "class": this.ns.e("logo")
+          }, [createVNode("img", {
+            "src": icon
+          }, null)]);
+        }
+      }
     }
     let content = null;
     if (this.menuAlign === "LEFT") {

package/es/panel-component/user-action/index.d.ts

@@ -11,7 +11,7 @@ export declare const IBizUserAction: import("@ibiz-template/vue3-util").TypeWith
     ns: import("@ibiz-template/core").Namespace;
     c: import("@ibiz-template/runtime").PanelItemController<import("@ibiz/model-core").IPanelItem>;
     sysImage: import("@ibiz/model-core").ISysImage | undefined;
-    onClick: () => Promise<void>;
+    onClick: (event: Event) => Promise<void>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: import("vue").PropType<import("@ibiz/model-core").IPanelRawItem>;

package/es/panel-component/user-action/user-action.d.ts

@@ -15,7 +15,7 @@ export declare const UserAction: import("vue").DefineComponent<{
     ns: import("@ibiz-template/core").Namespace;
     c: PanelItemController<import("@ibiz/model-core").IPanelItem>;
     sysImage: import("@ibiz/model-core").ISysImage | undefined;
-    onClick: () => Promise<void>;
+    onClick: (event: Event) => Promise<void>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: PropType<IPanelRawItem>;

package/es/panel-component/user-action/user-action.mjs

@@ -37,7 +37,7 @@ const UserAction = /* @__PURE__ */ defineComponent({
         sysImage = imgConfig[predefinedType];
       }
     }
-    const onClick = async () => {
+    const onClick = async (event) => {
       const id = props.modelData.id;
       const menuC = c.panel.view.getController("appmenu");
       if (menuC) {
@@ -54,7 +54,9 @@ const UserAction = /* @__PURE__ */ defineComponent({
           const tempContext = c.panel.context.clone();
           const tempParam = c.panel.params;
           tempContext.srfappid = targetMenu.appId || ibiz.env.appId;
-          await ibiz.commands.execute(AppFuncCommand.TAG, targetMenu.appFuncId, tempContext, tempParam, {});
+          await ibiz.commands.execute(AppFuncCommand.TAG, targetMenu.appFuncId, tempContext, tempParam, {
+            event
+          });
         }
       }
     };
@@ -68,7 +70,7 @@ const UserAction = /* @__PURE__ */ defineComponent({
   render() {
     return createVNode("div", {
       "class": this.ns.b(),
-      "onClick": this.onClick,
+      "onClick": (event) => this.onClick(event),
       "title": this.modelData.caption
     }, [createVNode(resolveComponent("i-biz-icon"), {
       "class": [this.ns.e("image")],

package/es/util/app-util/app-util.d.ts

@@ -1,5 +1,5 @@
 import { Router } from 'vue-router';
-import { IAppUtil } from '@ibiz-template/runtime';
+import { IAppUtil, IAuthResult } from '@ibiz-template/runtime';
 export declare class AppUtil implements IAppUtil {
     protected router: Router;
     /**
@@ -41,7 +41,7 @@ export declare class AppUtil implements IAppUtil {
      * @param {(IData | undefined)} [opts]
      * @return {*}  {Promise<boolean>}
      */
-    changePwd(oldPwd: string, newPwd: string, opts?: IData | undefined): Promise<boolean>;
+    changePwd(oldPwd: string, newPwd: string, opts?: IData | undefined): Promise<IAuthResult>;
     /**
      * 切换组织
      *

package/es/util/app-util/app-util.mjs

@@ -47,9 +47,10 @@ class AppUtil {
         window.history.replaceState({}, "", href);
       }
       await this.router.push(
-        "/login?ru=".concat(encodeURIComponent(
-          window.location.hash.replace("#/", "/")
-        ))
+        // `/login?ru=${encodeURIComponent(
+        //   window.location.hash.replace('#/', '/'),
+        // )}`,
+        "/login"
       );
       ibiz.util.showAppLoading();
       window.location.reload();
@@ -67,11 +68,11 @@ class AppUtil {
    * @return {*}  {Promise<boolean>}
    */
   async changePwd(oldPwd, newPwd, opts) {
-    let bol = this.validatePwd(oldPwd, newPwd, opts);
-    if (bol) {
-      bol = await ibiz.auth.changePwd(oldPwd, newPwd);
+    if (this.validatePwd(oldPwd, newPwd, opts)) {
+      const result = await ibiz.auth.changePwd(oldPwd, newPwd);
+      return result;
     }
-    return bol;
+    return { ok: false, result: {} };
   }
   /**
    * 切换组织

package/lib/common/action-toolbar/action-toolbar.cjs

@@ -122,14 +122,24 @@ const IBizActionToolbar = /* @__PURE__ */ vue.defineComponent({
         return null;
       });
     };
-    if (this.mode === "buttons") {
+    const renderGroup = () => {
       let _slot;
-      return vue.createVNode("div", {
-        "class": [this.ns.b(), this.ns.m("buttons")],
-        "onClick": (e) => e.stopPropagation()
-      }, [renderActions(this.expandDetails), this.groupDetails.length > 0 && [vue.createVNode(vue.resolveComponent("el-button"), {
+      if (this.groupDetails.length === 0) {
+        return null;
+      }
+      const pvisible = this.groupDetails.findIndex((item) => {
+        return this.actionsState[item.id].visible === true;
+      }) !== -1;
+      if (!pvisible) {
+        return null;
+      }
+      const pdisabled = this.groupDetails.findIndex((item) => {
+        return this.actionsState[item.id].disabled === false;
+      }) === -1;
+      return [vue.createVNode(vue.resolveComponent("el-button"), {
         "size": "small",
         "text": true,
+        "disabled": pdisabled,
         "ref": "groupButtonRef",
         "class": [this.ns.e("item"), this.ns.is("expand", this.popoverVisible)]
       }, {
@@ -149,7 +159,16 @@ const IBizActionToolbar = /* @__PURE__ */ vue.defineComponent({
         "popper-style": "z-index:".concat(this.popoverIndex)
       }, _isSlot(_slot = renderActions(this.groupDetails, false)) ? _slot : {
         default: () => [_slot]
-      })]]);
+      })];
+    };
+    if (!this.actionsState.visible) {
+      return;
+    }
+    if (this.mode === "buttons") {
+      return vue.createVNode("div", {
+        "class": [this.ns.b(), this.ns.m("buttons")],
+        "onClick": (e) => e.stopPropagation()
+      }, [renderActions(this.expandDetails), renderGroup()]);
     }
     return vue.createVNode(vue.resolveComponent("el-dropdown"), {
       "ref": "dropdownRef",

package/lib/control/app-menu/app-menu.cjs

@@ -7,6 +7,7 @@ var qxUtil = require('qx-util');
 var runtime = require('@ibiz-template/runtime');
 var vueRouter = require('vue-router');
 require('./app-menu.css');
+var customMenuDesign = require('./custom-menu-design/custom-menu-design.cjs');
 
 "use strict";
 function _isSlot(s) {
@@ -45,10 +46,47 @@ function renderByProvider(itemId, c) {
   }
   return provider.renderText(itemModel, c);
 }
-function renderMenuItem(isFirst, menu, collapse, ns, c, counterData) {
+function findCustomMenu(_key, items) {
+  let temp;
+  if (items) {
+    items.some((item) => {
+      if (item.key === _key) {
+        temp = item;
+        return true;
+      }
+      if (item.children && item.children.length > 0) {
+        temp = findCustomMenu(_key, item.children);
+        if (!temp) {
+          return false;
+        }
+        return true;
+      }
+      return false;
+    });
+  }
+  return temp;
+}
+function getMenuCustomDisabled(_key, items) {
+  const target = findCustomMenu(_key, items);
+  if (target) {
+    return target.disabled;
+  }
+  return false;
+}
+function getMenuCustomVisible(_key, items) {
+  const target = findCustomMenu(_key, items);
+  if (target) {
+    return target.visible;
+  }
+  return true;
+}
+function renderMenuItem(isFirst, menu, collapse, ns, c, counterData, saveConfigs) {
   if (!c.state.menuItemsState[menu.key].visible) {
     return;
   }
+  if (!getMenuCustomVisible(menu.key, saveConfigs)) {
+    return;
+  }
   if (menu.itemType === "MENUITEM") {
     let content;
     const provider = c.itemProviders[menu.key];
@@ -71,7 +109,7 @@ function renderMenuItem(isFirst, menu, collapse, ns, c, counterData) {
     return !(isFirst && collapse) ? vue.createVNode(vue.resolveComponent("el-menu-item"), {
       "class": ns.e("item"),
       "index": menu.key,
-      "disabled": menu.disabled,
+      "disabled": menu.disabled || getMenuCustomDisabled(menu.key, saveConfigs),
       "title": menu.tooltip
     }, _isSlot(content) ? content : {
       default: () => [content]
@@ -84,7 +122,7 @@ function renderMenuItem(isFirst, menu, collapse, ns, c, counterData) {
       default: () => [vue.createVNode(vue.resolveComponent("el-menu-item"), {
         "class": ns.e("item"),
         "index": menu.key,
-        "disabled": menu.disabled
+        "disabled": menu.disabled || getMenuCustomDisabled(menu.key, saveConfigs)
       }, _isSlot(content) ? content : {
         default: () => [content]
       })]
@@ -99,20 +137,24 @@ function renderMenuItem(isFirst, menu, collapse, ns, c, counterData) {
     }, null);
   }
 }
-function renderSubmenu(isFirst, subMenu, collapse, ns, c, counterData) {
+function renderSubmenu(isFirst, subMenu, collapse, ns, c, counterData, saveConfigs) {
   if (!c.state.menuItemsState[subMenu.key].visible) {
     return;
   }
+  if (!getMenuCustomVisible(subMenu.key, saveConfigs)) {
+    return;
+  }
   return vue.createVNode(vue.resolveComponent("el-sub-menu"), {
     "class": ns.b("submenu"),
     "index": subMenu.key,
+    "disabled": getMenuCustomDisabled(subMenu.key, saveConfigs),
     "popper-class": ns.b("popup-container")
   }, {
     default: () => subMenu.children.map((item) => {
       if (item.children) {
-        return renderSubmenu(false, item, collapse, ns, c, counterData);
+        return renderSubmenu(false, item, collapse, ns, c, counterData, saveConfigs);
       }
-      return renderMenuItem(false, item, collapse, ns, c, counterData);
+      return renderMenuItem(false, item, collapse, ns, c, counterData, saveConfigs);
     }),
     title: () => {
       const provider = c.itemProviders[subMenu.key];
@@ -165,6 +207,7 @@ const AppMenuControl = /* @__PURE__ */ vue.defineComponent({
     const c = vue3Util.useControlController((...args) => new runtime.AppMenuController(...args));
     const ns = vue3Util.useNamespace("control-".concat(c.model.controlType.toLowerCase()));
     const menus = vue.ref(getMenus(c.model.appMenuItems));
+    const saveConfigs = vue.ref([]);
     const defaultActive = vue.ref("");
     const defaultOpens = vue.ref([]);
     const route = vueRouter.useRoute();
@@ -199,6 +242,9 @@ const AppMenuControl = /* @__PURE__ */ vue.defineComponent({
     const fn = (data) => {
       counterData.value = data;
     };
+    c.evt.on("onCreated", async () => {
+      saveConfigs.value = c.saveConfigs;
+    });
     c.evt.on("onMounted", async () => {
       const allItems = c.getAllItems();
       const defaultActiveMenuItem = allItems.find((item) => {
@@ -251,6 +297,15 @@ const AppMenuControl = /* @__PURE__ */ vue.defineComponent({
       }
       return false;
     });
+    const enableCustomized = vue.computed(() => {
+      return c.model.enableCustomized;
+    });
+    const configSaves = (saveConfig) => {
+      saveConfigs.value = saveConfig;
+    };
+    const configReset = () => {
+      saveConfigs.value = [];
+    };
     return {
       menus,
       c,
@@ -261,13 +316,16 @@ const AppMenuControl = /* @__PURE__ */ vue.defineComponent({
       defaultOpens,
       menuMode,
       counterData,
-      isShowCollapse
+      saveConfigs,
+      configSaves,
+      configReset,
+      isShowCollapse,
+      enableCustomized
     };
   },
   render() {
-    let _slot;
     return vue.createVNode(vue.resolveComponent("iBizControlBase"), {
-      "class": [this.ns.b(), this.ns.m(this.menuMode), this.ns.is("collapse", this.collapse), this.ns.is("show-collapse", this.isShowCollapse)],
+      "class": [this.ns.b(), this.ns.m(this.menuMode), this.ns.is("collapse", this.collapse), this.ns.is("show-collapse", this.isShowCollapse), this.ns.is("show-menu-design", this.enableCustomized)],
       "controller": this.c
     }, {
       default: () => [this.c.state.isCreated && vue.createVNode(vue.resolveComponent("el-menu"), {
@@ -281,15 +339,23 @@ const AppMenuControl = /* @__PURE__ */ vue.defineComponent({
         "theme": "light",
         "mode": this.menuMode,
         "ellipsis": this.menuMode === "horizontal"
-      }, _isSlot(_slot = this.menus.map((item) => {
-        var _a;
-        if (((_a = item.children) == null ? void 0 : _a.length) > 0) {
-          return renderSubmenu(true, item, this.collapse, this.ns, this.c, this.counterData);
+      }, {
+        default: () => {
+          return this.menus.map((item) => {
+            var _a;
+            if (((_a = item.children) == null ? void 0 : _a.length) > 0) {
+              return renderSubmenu(true, item, this.collapse, this.ns, this.c, this.counterData, this.saveConfigs);
+            }
+            return renderMenuItem(true, item, this.collapse, this.ns, this.c, this.counterData, this.saveConfigs);
+          });
         }
-        return renderMenuItem(true, item, this.collapse, this.ns, this.c, this.counterData);
-      })) ? _slot : {
-        default: () => [_slot]
-      }), this.isShowCollapse && vue.createVNode("div", {
+      }), this.enableCustomized && vue.createVNode(customMenuDesign.MenuDesign, {
+        "class": [this.ns.b("menu-set"), this.ns.is("collapse", this.collapse), this.ns.is("horizontal", this.c.view.model.mainMenuAlign === "TOP")],
+        "controller": this.c,
+        "menus": this.menus,
+        "onSaved": this.configSaves,
+        "onReset": this.configReset
+      }, null), this.isShowCollapse && vue.createVNode("div", {
         "class": [this.ns.b("collapse-icon"), this.ns.is("collapse", this.collapse)],
         "onClick": () => {
           this.c.view.call(runtime.ViewCallTag.TOGGLE_COLLAPSE);

package/lib/control/app-menu/app-menu.css

@@ -1 +1 @@
-@charset "UTF-8";.ibiz-control-appmenu{position:relative;width:100%;height:100%;--ibiz-control-appmenu-collapse-item-hover-color:var(--ibiz-color-primary);--ibiz-control-appmenu-collapse-item-padding:var(--ibiz-spacing-base);--ibiz-control-appmenu-icon-width:var(--ibiz-width-icon-large);--ibiz-control-appmenu-icon-height:var(--ibiz-width-icon-large);--ibiz-control-appmenu-icon-margin:0 10px 0 0;--ibiz-control-appmenu-collapse-height:var(--ibiz-spacing-super-loose);--ibiz-control-appmenu-item-selected-color:var(--ibiz-color-text-1);--ibiz-control-appmenu-item-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-control-appmenu-item-hover-color:var(--ibiz-color-text-0);--ibiz-control-appmenu-item-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-control-appmenu-item-padding:var(--ibiz-spacing-base-tight);--ibiz-control-appmenu-item-border-radius:var(--ibiz-border-radius-small);--ibiz-control-appmenu-item-font-size:var(--ibiz-font-size-header-6);--ibiz-control-appmenu-item-height:40px;--ibiz-control-appmenu-item-color:var(--ibiz-color-text-0);--ibiz-control-appmenu-item-horizontal-selected-color:var(--ibiz-color-white);--ibiz-control-appmenu-item-horizontal-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-control-appmenu-item-horizontal-hover-color:var(--ibiz-color-white);--ibiz-control-appmenu-item-horizontal-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-control-appmenu-item-horizontal-color:var(--ibiz-color-white);--ibiz-control-appmenu-item-horizontal-font-size:var(--ibiz-font-size-header-6);--ibiz-control-appmenu-item-horizontal-height:32px;--ibiz-control-appmenu-item-horizontal-border-radius:var(--ibiz-border-radius-small);--ibiz-control-appmenu-item-horizontal-padding:0 var(--ibiz-spacing-base);--ibiz-control-appmenu-item-horizontal-padding-right:var(--ibiz-spacing-super-loose);--ibiz-control-appmenu-item-horizontal-popup-height:40px}.ibiz-control-appmenu>.el-menu{height:100%;padding:0 var(--ibiz-spacing-tight);overflow-y:auto;border-right:0}.ibiz-control-appmenu .el-sub-menu .el-sub-menu__icon-arrow{right:14px;width:12px}.ibiz-control-appmenu .el-sub-menu .el-menu-item{padding:calc(var(--ibiz-control-appmenu-item-padding) * .875) calc(var(--ibiz-control-appmenu-item-padding) * 2.5)}.ibiz-control-appmenu .el-sub-menu .el-sub-menu__title>.ibiz-control-appmenu__counter{right:30px}.ibiz-control-appmenu .el-menu--vertical{width:100%}.ibiz-control-appmenu .el-menu--vertical .el-menu-item,.ibiz-control-appmenu .el-menu--vertical .el-sub-menu__title{display:flex;align-items:center;justify-content:flex-start;--el-menu-base-level-padding:var(--ibiz-control-appmenu-item-padding);width:100%;height:var(--ibiz-control-appmenu-item-height);font-size:var(--ibiz-control-appmenu-item-font-size);color:var(--ibiz-control-appmenu-item-color);white-space:nowrap;border-radius:var(--ibiz-control-appmenu-item-border-radius)}.ibiz-control-appmenu .el-menu--vertical .el-menu-item.is-active,.ibiz-control-appmenu .el-menu--vertical .el-sub-menu__title.is-active{color:var(--ibiz-control-appmenu-item-selected-color)!important;background-color:var(--ibiz-control-appmenu-item-selected-bg-color)}.ibiz-control-appmenu .el-menu--vertical .el-menu-item:hover,.ibiz-control-appmenu .el-menu--vertical .el-sub-menu__title:hover{color:var(--ibiz-control-appmenu-item-hover-color);background-color:var(--ibiz-control-appmenu-item-hover-bg-color)}.ibiz-control-appmenu .el-menu--vertical .el-divider--horizontal{margin:var(--ibiz-spacing-tight) 0;border-color:var(--ibiz-color-border)}.ibiz-control-appmenu .el-menu--horizontal{align-items:center;height:100%;background-color:transparent;border-bottom:none}.ibiz-control-appmenu .el-menu--horizontal>*+*{margin-left:16px}.ibiz-control-appmenu .el-menu--horizontal .el-menu-item,.ibiz-control-appmenu .el-menu--horizontal .el-sub-menu__title{height:var(--ibiz-control-appmenu-item-horizontal-height);padding:var(--ibiz-control-appmenu-item-horizontal-padding);font-size:var(--ibiz-control-appmenu-item-horizontal-font-size);line-height:var(--ibiz-control-appmenu-item-horizontal-height);color:var(--ibiz-control-appmenu-item-horizontal-color);white-space:nowrap;border:none;border-radius:var(--ibiz-control-appmenu-item-horizontal-border-radius)}.ibiz-control-appmenu .el-menu--horizontal .el-menu-item.is-active,.ibiz-control-appmenu .el-menu--horizontal .el-sub-menu__title.is-active{color:var(--ibiz-control-appmenu-item-horizontal-color)!important;background-color:transparent}.ibiz-control-appmenu .el-menu--horizontal .el-menu-item:hover,.ibiz-control-appmenu .el-menu--horizontal .el-sub-menu__title:hover{color:var(--ibiz-control-appmenu-item-horizontal-hover-color);background-color:var(--ibiz-control-appmenu-item-horizontal-hover-bg-color)}.ibiz-control-appmenu .el-menu--horizontal .el-menu-item .el-sub-menu__icon-arrow,.ibiz-control-appmenu .el-menu--horizontal .el-sub-menu__title .el-sub-menu__icon-arrow{position:absolute;top:50%;right:16px}.ibiz-control-appmenu .el-menu--horizontal .el-sub-menu__title{padding-right:var(--ibiz-control-appmenu-item-horizontal-padding-right)}.ibiz-control-appmenu .el-menu--horizontal>.el-sub-menu.is-active .el-sub-menu__title{color:var(--ibiz-control-appmenu-item-horizontal-selected-color);background-color:transparent}.ibiz-control-appmenu .el-menu--horizontal>.el-sub-menu:hover .el-sub-menu__title{color:var(--ibiz-control-appmenu-item-horizontal-hover-color);background-color:var(--ibiz-control-appmenu-item-horizontal-hover-bg-color)}.ibiz-control-appmenu .el-menu--horizontal::-webkit-scrollbar-thumb{background-color:var(--ibiz-color-white)}.ibiz-control-appmenu .el-menu--horizontal .el-divider--vertical{border-color:var(--ibiz-color-border)}.ibiz-control-appmenu__icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-control-appmenu-icon-width);height:var(--ibiz-control-appmenu-icon-height);margin:var(--ibiz-control-appmenu-icon-margin)}.ibiz-control-appmenu.is-collapse .ibiz-control-appmenu__icon{margin:0}.ibiz-control-appmenu.is-collapse .ibiz-control-appmenu__item{display:flex;align-items:center;justify-content:center;padding:0;margin-bottom:var(--ibiz-spacing-tight)}.ibiz-control-appmenu.is-collapse .ibiz-control-appmenu-tooltip{width:100%}.ibiz-control-appmenu.is-collapse .ibiz-control-appmenu-submenu{display:block}.ibiz-control-appmenu.is-collapse .ibiz-control-appmenu-submenu>.el-sub-menu__title{display:flex;align-items:center;justify-content:center;display:flex;align-items:center;justify-content:center;padding:0;margin-bottom:var(--ibiz-spacing-tight);white-space:nowrap;cursor:pointer}.ibiz-control-appmenu.is-collapse .ibiz-control-appmenu-submenu .ibiz-control-appmenu-submenu__item{padding:0}.ibiz-control-appmenu.is-show-collapse>.el-menu{height:calc(100% - var(--ibiz-control-appmenu-collapse-height))}.ibiz-control-appmenu .ibiz-control-appmenu__counter{position:absolute;top:50%;right:5px;transform:translateY(-50%)}.ibiz-control-appmenu-popup-container.el-menu--popup-container{--ibiz-control-appmenu-collapse-item-hover-color:var(--ibiz-color-primary);--ibiz-control-appmenu-collapse-item-padding:var(--ibiz-spacing-base);--ibiz-control-appmenu-icon-width:var(--ibiz-width-icon-large);--ibiz-control-appmenu-icon-height:var(--ibiz-width-icon-large);--ibiz-control-appmenu-icon-margin:0 10px 0 0;--ibiz-control-appmenu-collapse-height:var(--ibiz-spacing-super-loose);--ibiz-control-appmenu-item-selected-color:var(--ibiz-color-text-1);--ibiz-control-appmenu-item-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-control-appmenu-item-hover-color:var(--ibiz-color-text-0);--ibiz-control-appmenu-item-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-control-appmenu-item-padding:var(--ibiz-spacing-base-tight);--ibiz-control-appmenu-item-border-radius:var(--ibiz-border-radius-small);--ibiz-control-appmenu-item-font-size:var(--ibiz-font-size-header-6);--ibiz-control-appmenu-item-height:40px;--ibiz-control-appmenu-item-color:var(--ibiz-color-text-0);--ibiz-control-appmenu-item-horizontal-selected-color:var(--ibiz-color-white);--ibiz-control-appmenu-item-horizontal-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-control-appmenu-item-horizontal-hover-color:var(--ibiz-color-white);--ibiz-control-appmenu-item-horizontal-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-control-appmenu-item-horizontal-color:var(--ibiz-color-white);--ibiz-control-appmenu-item-horizontal-font-size:var(--ibiz-font-size-header-6);--ibiz-control-appmenu-item-horizontal-height:32px;--ibiz-control-appmenu-item-horizontal-border-radius:var(--ibiz-border-radius-small);--ibiz-control-appmenu-item-horizontal-padding:0 var(--ibiz-spacing-base);--ibiz-control-appmenu-item-horizontal-padding-right:var(--ibiz-spacing-super-loose);--ibiz-control-appmenu-item-horizontal-popup-height:40px;border:none;box-shadow:var(--ibiz-shadow-elevated)}.ibiz-control-appmenu-popup-container.el-menu--popup-container .el-menu--popup{padding:var(--ibiz-spacing-extra-tight);background-color:var(--ibiz-color-primary)}.ibiz-control-appmenu-popup-container.el-menu--popup-container .el-menu--popup .el-menu-item,.ibiz-control-appmenu-popup-container.el-menu--popup-container .el-menu--popup .el-sub-menu__title{display:flex;align-items:center;justify-content:flex-start;width:100%;height:var(--ibiz-control-appmenu-item-horizontal-popup-height);font-size:var(--ibiz-control-appmenu-item-font-size);color:var(--ibiz-control-appmenu-item-horizontal-color);white-space:nowrap;border-radius:var(--ibiz-control-appmenu-item-horizontal-border-radius)}.ibiz-control-appmenu-popup-container.el-menu--popup-container .el-menu--popup .el-menu-item.is-active,.ibiz-control-appmenu-popup-container.el-menu--popup-container .el-menu--popup .el-sub-menu__title.is-active{color:var(--ibiz-control-appmenu-item-horizontal-selected-color);background-color:transparent}.ibiz-control-appmenu-popup-container.el-menu--popup-container .el-menu--popup .el-menu-item:hover,.ibiz-control-appmenu-popup-container.el-menu--popup-container .el-menu--popup .el-sub-menu__title:hover{color:var(--ibiz-control-appmenu-item-horizontal-selected-color);background-color:var(--ibiz-control-appmenu-item-hover-bg-color)}.ibiz-control-appmenu-popup-container.el-menu--popup-container .el-menu--popup .el-menu-item .el-icon,.ibiz-control-appmenu-popup-container.el-menu--popup-container .el-menu--popup .el-sub-menu__title .el-icon{display:none}.ibiz-control-appmenu-popup-container .ibiz-control-appmenu__counter{position:absolute;top:50%;right:5px;height:20px;padding:0 6px;line-height:initial;color:#fff;background-color:#f56c6c;border-radius:10px;transform:translateY(-50%)}.ibiz-control-appmenu .ibiz-control-appmenu-collapse-icon{position:absolute;right:var(--ibiz-spacing-base-tight);bottom:var(--ibiz-spacing-tight);font-size:var(--ibiz-font-size-header-5);cursor:pointer}.ibiz-control-appmenu .ibiz-control-appmenu-collapse-icon.is-collapse{transform:rotate(180deg)}.ibiz-control-appmenu.is-collapse .ibiz-control-appmenu-collapse-icon{right:0;width:100%;text-align:center}
+@charset "UTF-8";.ibiz-control-appmenu{position:relative;width:100%;height:100%;--ibiz-control-appmenu-collapse-item-hover-color:var(--ibiz-color-primary);--ibiz-control-appmenu-collapse-item-padding:var(--ibiz-spacing-base);--ibiz-control-appmenu-icon-width:var(--ibiz-width-icon-large);--ibiz-control-appmenu-icon-height:var(--ibiz-width-icon-large);--ibiz-control-appmenu-icon-margin:0 10px 0 0;--ibiz-control-appmenu-collapse-height:var(--ibiz-spacing-super-loose);--ibiz-control-appmenu-item-selected-color:var(--ibiz-color-text-1);--ibiz-control-appmenu-item-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-control-appmenu-item-hover-color:var(--ibiz-color-text-0);--ibiz-control-appmenu-item-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-control-appmenu-item-padding:var(--ibiz-spacing-base-tight);--ibiz-control-appmenu-item-border-radius:var(--ibiz-border-radius-small);--ibiz-control-appmenu-item-font-size:var(--ibiz-font-size-header-6);--ibiz-control-appmenu-item-height:40px;--ibiz-control-appmenu-item-color:var(--ibiz-color-text-0);--ibiz-control-appmenu-item-horizontal-selected-color:var(--ibiz-color-white);--ibiz-control-appmenu-item-horizontal-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-control-appmenu-item-horizontal-hover-color:var(--ibiz-color-white);--ibiz-control-appmenu-item-horizontal-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-control-appmenu-item-horizontal-color:var(--ibiz-color-white);--ibiz-control-appmenu-item-horizontal-font-size:var(--ibiz-font-size-header-6);--ibiz-control-appmenu-item-horizontal-height:32px;--ibiz-control-appmenu-item-horizontal-border-radius:var(--ibiz-border-radius-small);--ibiz-control-appmenu-item-horizontal-padding:0 var(--ibiz-spacing-base);--ibiz-control-appmenu-item-horizontal-padding-right:var(--ibiz-spacing-super-loose);--ibiz-control-appmenu-item-horizontal-popup-height:40px}.ibiz-control-appmenu>.el-menu{height:100%;padding:0 var(--ibiz-spacing-tight);overflow-y:auto;border-right:0}.ibiz-control-appmenu .el-sub-menu .el-sub-menu__icon-arrow{right:14px;width:12px}.ibiz-control-appmenu .el-sub-menu .el-menu-item{padding:calc(var(--ibiz-control-appmenu-item-padding) * .875) calc(var(--ibiz-control-appmenu-item-padding) * 2.5)}.ibiz-control-appmenu .el-sub-menu .el-sub-menu__title>.ibiz-control-appmenu__counter{right:30px}.ibiz-control-appmenu .el-menu--vertical{width:100%}.ibiz-control-appmenu .el-menu--vertical .el-menu-item,.ibiz-control-appmenu .el-menu--vertical .el-sub-menu__title{display:flex;align-items:center;justify-content:flex-start;--el-menu-base-level-padding:var(--ibiz-control-appmenu-item-padding);width:100%;height:var(--ibiz-control-appmenu-item-height);font-size:var(--ibiz-control-appmenu-item-font-size);color:var(--ibiz-control-appmenu-item-color);white-space:nowrap;border-radius:var(--ibiz-control-appmenu-item-border-radius)}.ibiz-control-appmenu .el-menu--vertical .el-menu-item.is-active,.ibiz-control-appmenu .el-menu--vertical .el-sub-menu__title.is-active{color:var(--ibiz-control-appmenu-item-selected-color)!important;background-color:var(--ibiz-control-appmenu-item-selected-bg-color)}.ibiz-control-appmenu .el-menu--vertical .el-menu-item:hover,.ibiz-control-appmenu .el-menu--vertical .el-sub-menu__title:hover{color:var(--ibiz-control-appmenu-item-hover-color);background-color:var(--ibiz-control-appmenu-item-hover-bg-color)}.ibiz-control-appmenu .el-menu--vertical .el-divider--horizontal{margin:var(--ibiz-spacing-tight) 0;border-color:var(--ibiz-color-border)}.ibiz-control-appmenu .el-menu--horizontal{align-items:center;height:100%;background-color:transparent;border-bottom:none}.ibiz-control-appmenu .el-menu--horizontal>*+*{padding-right:16px}.ibiz-control-appmenu .el-menu--horizontal .el-menu-item,.ibiz-control-appmenu .el-menu--horizontal .el-sub-menu__title{height:var(--ibiz-control-appmenu-item-horizontal-height);padding:var(--ibiz-control-appmenu-item-horizontal-padding);font-size:var(--ibiz-control-appmenu-item-horizontal-font-size);line-height:var(--ibiz-control-appmenu-item-horizontal-height);color:var(--ibiz-control-appmenu-item-horizontal-color);white-space:nowrap;border:none;border-radius:var(--ibiz-control-appmenu-item-horizontal-border-radius)}.ibiz-control-appmenu .el-menu--horizontal .el-menu-item.is-active,.ibiz-control-appmenu .el-menu--horizontal .el-sub-menu__title.is-active{color:var(--ibiz-control-appmenu-item-horizontal-color)!important;background-color:transparent}.ibiz-control-appmenu .el-menu--horizontal .el-menu-item:hover,.ibiz-control-appmenu .el-menu--horizontal .el-sub-menu__title:hover{color:var(--ibiz-control-appmenu-item-horizontal-hover-color);background-color:var(--ibiz-control-appmenu-item-horizontal-hover-bg-color)}.ibiz-control-appmenu .el-menu--horizontal .el-menu-item .el-sub-menu__icon-arrow,.ibiz-control-appmenu .el-menu--horizontal .el-sub-menu__title .el-sub-menu__icon-arrow{position:absolute;top:50%;right:16px}.ibiz-control-appmenu .el-menu--horizontal>.el-sub-menu.is-active .el-sub-menu__title{color:var(--ibiz-control-appmenu-item-horizontal-selected-color);background-color:transparent}.ibiz-control-appmenu .el-menu--horizontal>.el-sub-menu:hover .el-sub-menu__title{color:var(--ibiz-control-appmenu-item-horizontal-hover-color);background-color:var(--ibiz-control-appmenu-item-horizontal-hover-bg-color)}.ibiz-control-appmenu .el-menu--horizontal::-webkit-scrollbar-thumb{background-color:var(--ibiz-color-white)}.ibiz-control-appmenu .el-menu--horizontal .el-divider--vertical{border-color:var(--ibiz-color-border)}.ibiz-control-appmenu__icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-control-appmenu-icon-width);height:var(--ibiz-control-appmenu-icon-height);margin:var(--ibiz-control-appmenu-icon-margin)}.ibiz-control-appmenu.is-collapse .ibiz-control-appmenu__icon{margin:0}.ibiz-control-appmenu.is-collapse .ibiz-control-appmenu__item{display:flex;align-items:center;justify-content:center;padding:0;margin-bottom:var(--ibiz-spacing-tight)}.ibiz-control-appmenu.is-collapse .ibiz-control-appmenu-tooltip{width:100%}.ibiz-control-appmenu.is-collapse .ibiz-control-appmenu-submenu{display:block}.ibiz-control-appmenu.is-collapse .ibiz-control-appmenu-submenu>.el-sub-menu__title{display:flex;align-items:center;justify-content:center;display:flex;align-items:center;justify-content:center;padding:0;margin-bottom:var(--ibiz-spacing-tight);white-space:nowrap;cursor:pointer}.ibiz-control-appmenu.is-collapse .ibiz-control-appmenu-submenu .ibiz-control-appmenu-submenu__item{padding:0}.ibiz-control-appmenu.is-show-collapse>.el-menu{height:calc(100% - var(--ibiz-control-appmenu-collapse-height))}.ibiz-control-appmenu .ibiz-control-appmenu__counter{position:absolute;top:50%;right:5px;transform:translateY(-50%)}.ibiz-control-appmenu-popup-container.el-menu--popup-container{--ibiz-control-appmenu-collapse-item-hover-color:var(--ibiz-color-primary);--ibiz-control-appmenu-collapse-item-padding:var(--ibiz-spacing-base);--ibiz-control-appmenu-icon-width:var(--ibiz-width-icon-large);--ibiz-control-appmenu-icon-height:var(--ibiz-width-icon-large);--ibiz-control-appmenu-icon-margin:0 10px 0 0;--ibiz-control-appmenu-collapse-height:var(--ibiz-spacing-super-loose);--ibiz-control-appmenu-item-selected-color:var(--ibiz-color-text-1);--ibiz-control-appmenu-item-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-control-appmenu-item-hover-color:var(--ibiz-color-text-0);--ibiz-control-appmenu-item-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-control-appmenu-item-padding:var(--ibiz-spacing-base-tight);--ibiz-control-appmenu-item-border-radius:var(--ibiz-border-radius-small);--ibiz-control-appmenu-item-font-size:var(--ibiz-font-size-header-6);--ibiz-control-appmenu-item-height:40px;--ibiz-control-appmenu-item-color:var(--ibiz-color-text-0);--ibiz-control-appmenu-item-horizontal-selected-color:var(--ibiz-color-white);--ibiz-control-appmenu-item-horizontal-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-control-appmenu-item-horizontal-hover-color:var(--ibiz-color-white);--ibiz-control-appmenu-item-horizontal-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-control-appmenu-item-horizontal-color:var(--ibiz-color-white);--ibiz-control-appmenu-item-horizontal-font-size:var(--ibiz-font-size-header-6);--ibiz-control-appmenu-item-horizontal-height:32px;--ibiz-control-appmenu-item-horizontal-border-radius:var(--ibiz-border-radius-small);--ibiz-control-appmenu-item-horizontal-padding:0 var(--ibiz-spacing-base);--ibiz-control-appmenu-item-horizontal-padding-right:var(--ibiz-spacing-super-loose);--ibiz-control-appmenu-item-horizontal-popup-height:40px;border:none;box-shadow:var(--ibiz-shadow-elevated)}.ibiz-control-appmenu-popup-container.el-menu--popup-container .el-menu--popup{padding:var(--ibiz-spacing-extra-tight);background-color:var(--ibiz-color-primary)}.ibiz-control-appmenu-popup-container.el-menu--popup-container .el-menu--popup .el-menu-item,.ibiz-control-appmenu-popup-container.el-menu--popup-container .el-menu--popup .el-sub-menu__title{display:flex;align-items:center;justify-content:flex-start;width:100%;height:var(--ibiz-control-appmenu-item-horizontal-popup-height);font-size:var(--ibiz-control-appmenu-item-font-size);color:var(--ibiz-control-appmenu-item-horizontal-color);white-space:nowrap;border-radius:var(--ibiz-control-appmenu-item-horizontal-border-radius)}.ibiz-control-appmenu-popup-container.el-menu--popup-container .el-menu--popup .el-menu-item.is-active,.ibiz-control-appmenu-popup-container.el-menu--popup-container .el-menu--popup .el-sub-menu__title.is-active{color:var(--ibiz-control-appmenu-item-horizontal-selected-color);background-color:transparent}.ibiz-control-appmenu-popup-container.el-menu--popup-container .el-menu--popup .el-menu-item:hover,.ibiz-control-appmenu-popup-container.el-menu--popup-container .el-menu--popup .el-sub-menu__title:hover{color:var(--ibiz-control-appmenu-item-horizontal-selected-color);background-color:var(--ibiz-control-appmenu-item-hover-bg-color)}.ibiz-control-appmenu-popup-container.el-menu--popup-container .el-menu--popup .el-menu-item .el-icon,.ibiz-control-appmenu-popup-container.el-menu--popup-container .el-menu--popup .el-sub-menu__title .el-icon{display:none}.ibiz-control-appmenu-popup-container .ibiz-control-appmenu__counter{position:absolute;top:50%;right:5px;height:20px;padding:0 6px;line-height:initial;color:#fff;background-color:#f56c6c;border-radius:10px;transform:translateY(-50%)}.ibiz-control-appmenu .ibiz-control-appmenu-collapse-icon{position:absolute;right:var(--ibiz-spacing-base-tight);bottom:var(--ibiz-spacing-tight);font-size:var(--ibiz-font-size-header-5);cursor:pointer}.ibiz-control-appmenu .ibiz-control-appmenu-collapse-icon.is-collapse{transform:rotate(180deg)}.ibiz-control-appmenu .ibiz-control-appmenu-menu-set{position:absolute;bottom:var(--ibiz-spacing-tight);left:var(--ibiz-spacing-base-tight);font-size:var(--ibiz-font-size-header-5);cursor:pointer}.ibiz-control-appmenu .ibiz-control-appmenu-menu-set.is-horizontal{right:0;bottom:0;left:unset;display:flex;align-items:center;height:100%}.ibiz-control-appmenu.is-collapse .ibiz-control-appmenu-collapse-icon{right:0;width:100%;text-align:center}.ibiz-control-appmenu.is-collapse .ibiz-control-appmenu-menu-set{position:absolute;right:var(--ibiz-spacing-base-tight);bottom:calc(var(--ibiz-spacing-tight) + 32px);font-size:var(--ibiz-font-size-header-5);text-align:center;cursor:pointer}.ibiz-control-appmenu.is-collapse.is-show-menu-design>.el-menu{height:calc(100% - var(--ibiz-control-appmenu-collapse-height) - var(--ibiz-control-appmenu-collapse-height))}