@ibiz-template/vue3-components 0.7.38-alpha.56 → 0.7.39

package/lib/common/button-list/button-list.cjs

@@ -3,7 +3,9 @@
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 var lodashEs = require('lodash-es');
+require('../../util/index.cjs');
 require('./button-list.css');
+var buttonUtil = require('../../util/button-util/button-util.cjs');
 
 "use strict";
 function _isSlot(s) {
@@ -26,7 +28,7 @@ const IBizButtonList = /* @__PURE__ */ vue.defineComponent({
     }
   },
   emits: {
-    click: (_e, _actionId) => true
+    click: (_id, _e) => true
   },
   setup(props, {
     emit
@@ -35,18 +37,26 @@ const IBizButtonList = /* @__PURE__ */ vue.defineComponent({
     const dropdown = vue.ref();
     const componentRef = vue.ref();
     const {
-      uiactionGroup,
-      actionGroupExtractMode
+      actionGroupExtractMode,
+      buttonListType,
+      uiactionGroup
     } = props.model;
     const sliceIndex = vue.ref(-1);
     const isActivated = vue.ref(true);
     const visible = vue.ref(false);
+    const details = vue.computed(() => {
+      if (buttonListType === "UIACTIONGROUP")
+        return (uiactionGroup == null ? void 0 : uiactionGroup.uiactionGroupDetails) || [];
+      return props.model.panelButtons || props.model.deformButtons || [];
+    });
     const firstIndex = vue.computed(() => {
-      var _a;
-      const index = (_a = uiactionGroup == null ? void 0 : uiactionGroup.uiactionGroupDetails) == null ? void 0 : _a.findIndex((item) => props.buttonsState[item.id].visible);
+      const index = details.value.findIndex((item) => {
+        var _a;
+        return ((_a = props.buttonsState[item.id]) == null ? void 0 : _a.visible) !== false;
+      });
       return index === void 0 ? -1 : index;
     });
-    const buttonStyle = vue.computed(() => {
+    const buttonListStyle = vue.computed(() => {
       const {
         itemStyle,
         detailStyle
@@ -54,7 +64,7 @@ const IBizButtonList = /* @__PURE__ */ vue.defineComponent({
       return itemStyle || detailStyle || "DEFAULT";
     });
     const trigger = vue.computed(() => {
-      return actionGroupExtractMode === "ITEMX" && buttonStyle.value === "STYLE2" ? "hover" : "click";
+      return actionGroupExtractMode === "ITEMX" && buttonListStyle.value === "STYLE2" ? "hover" : "click";
     });
     const calcItemWidth = (item) => {
       const computedStyle = getComputedStyle(item);
@@ -102,7 +112,7 @@ const IBizButtonList = /* @__PURE__ */ vue.defineComponent({
     });
     let resizeObserver;
     vue.onMounted(() => {
-      if (actionGroupExtractMode === "ITEM") {
+      if (actionGroupExtractMode === "ITEM" || buttonListType === "BUTTONS") {
         handleResize = lodashEs.debounce(handleResize, 33.34);
         if (componentRef.value && ResizeObserver) {
           resizeObserver = new ResizeObserver(() => {
@@ -116,39 +126,39 @@ const IBizButtonList = /* @__PURE__ */ vue.defineComponent({
       var _a, _b;
       e.stopPropagation();
       (_b = (_a = dropdown.value) == null ? void 0 : _a.handleClose) == null ? void 0 : _b.call(_a);
-      emit("click", e, item.uiactionId);
+      emit("click", item.id, e);
     };
     const handleMoreClick = (e, item) => {
       var _a, _b, _c, _d;
       e.stopPropagation();
       if (trigger.value === "hover") {
-        emit("click", e, item.uiactionId);
+        emit("click", item.id, e);
       } else if (visible.value) {
         (_b = (_a = dropdown.value) == null ? void 0 : _a.handleClose) == null ? void 0 : _b.call(_a);
       } else {
         (_d = (_c = dropdown.value) == null ? void 0 : _c.handleOpen) == null ? void 0 : _d.call(_c);
       }
     };
-    const renderButton = (item, disabled = false) => {
-      var _a, _b;
-      if (props.buttonsState[item.id].visible) {
-        return vue.createVNode(vue.resolveComponent("el-button"), {
-          "class": [ns.e("item"), ns.em("item", "".concat((_a = item.id) == null ? void 0 : _a.toLowerCase())), "".concat(((_b = item.sysCss) == null ? void 0 : _b.cssName) || "")],
-          "title": item.tooltip || item.caption,
-          "disabled": props.buttonsState[item.id].disabled || disabled,
-          "onClick": (event) => handleClick(event, item)
-        }, {
-          default: () => [vue.createVNode("div", {
-            "class": ns.e("button-content")
-          }, [item.showIcon && vue.createVNode(vue.resolveComponent("iBizIcon"), {
-            "icon": item.sysImage,
-            "class": ns.em("button-content", "icon")
-          }, null), item.showCaption && vue.createVNode("span", {
-            "class": ns.em("button-content", "caption")
-          }, [item.caption])])]
-        });
-      }
-      return null;
+    const renderButton = (item, type) => {
+      var _a, _b, _c, _d;
+      if (((_a = props.buttonsState[item.id]) == null ? void 0 : _a.visible) === false)
+        return null;
+      return vue.createVNode(vue.resolveComponent("el-button"), {
+        "class": [ns.e("item"), ns.em("item", "".concat((_b = item.id) == null ? void 0 : _b.toLowerCase())), "".concat(((_c = item.sysCss) == null ? void 0 : _c.cssName) || "")],
+        "type": type || buttonUtil.convertBtnType(item.buttonStyle),
+        "title": item.tooltip || item.caption,
+        "disabled": ((_d = props.buttonsState[item.id]) == null ? void 0 : _d.disabled) || props.disabled,
+        "onClick": (event) => handleClick(event, item)
+      }, {
+        default: () => [vue.createVNode("div", {
+          "class": ns.e("button-content")
+        }, [item.showIcon && vue.createVNode(vue.resolveComponent("iBizIcon"), {
+          "icon": item.sysImage,
+          "class": ns.em("button-content", "icon")
+        }, null), item.showCaption && vue.createVNode("span", {
+          "class": ns.em("button-content", "caption")
+        }, [item.caption])])]
+      });
     };
     const renderDropdown = (items, iconName = "chevron-down-outline") => {
       const {
@@ -159,8 +169,9 @@ const IBizButtonList = /* @__PURE__ */ vue.defineComponent({
       return vue.createVNode(vue.resolveComponent("el-dropdown"), {
         "ref": dropdown,
         "trigger": trigger.value,
-        "class": [ns.e("dropdown"), ns.em("dropdown", "".concat(buttonStyle.value.toLowerCase()))],
-        "popper-class": [ns.e("dropdown-popper"), ns.em("dropdown-popper", "".concat(buttonStyle.value.toLowerCase())), ns.em("dropdown-popper", "".concat(id == null ? void 0 : id.toLowerCase()))],
+        "disabled": props.disabled,
+        "class": [ns.e("dropdown"), ns.em("dropdown", "".concat(buttonListStyle.value.toLowerCase()))],
+        "popper-class": [ns.e("dropdown-popper"), ns.em("dropdown-popper", "".concat(buttonListStyle.value.toLowerCase())), ns.em("dropdown-popper", "".concat(id == null ? void 0 : id.toLowerCase()))],
         "popper-options": {
           modifiers: [{
             name: "offset",
@@ -176,10 +187,11 @@ const IBizButtonList = /* @__PURE__ */ vue.defineComponent({
         default: () => {
           const item = items[firstIndex.value];
           return vue.createVNode(vue.resolveComponent("el-button-group"), null, {
-            default: () => [actionGroupExtractMode === "ITEMX" && item && renderButton(item, props.disabled), (actionGroupExtractMode !== "ITEMX" || item) && vue.createVNode(vue.resolveComponent("el-button"), {
+            default: () => [actionGroupExtractMode === "ITEMX" && item && renderButton(item, buttonUtil.convertBtnType(buttonListStyle.value)), (actionGroupExtractMode !== "ITEMX" || item) && vue.createVNode(vue.resolveComponent("el-button"), {
               "disabled": props.disabled,
               "class": ns.e("more-button"),
               "title": actionGroupExtractMode !== "ITEMX" ? caption || ibiz.i18n.t("app.more") : ibiz.i18n.t("app.more"),
+              "type": buttonUtil.convertBtnType(buttonListStyle.value),
               "onClick": (event) => handleMoreClick(event, item)
             }, {
               default: () => [vue.createVNode("div", {
@@ -199,7 +211,8 @@ const IBizButtonList = /* @__PURE__ */ vue.defineComponent({
         dropdown: () => {
           let _slot2;
           return vue.createVNode(vue.resolveComponent("el-dropdown-menu"), null, _isSlot(_slot2 = items.map((item, index) => {
-            if (props.buttonsState[item.id].visible && (actionGroupExtractMode !== "ITEMX" || index !== firstIndex.value)) {
+            var _a;
+            if (!(((_a = props.buttonsState[item.id]) == null ? void 0 : _a.visible) === false) && (actionGroupExtractMode !== "ITEMX" || index !== firstIndex.value)) {
               let _slot;
               return vue.createVNode(vue.resolveComponent("el-dropdown-item"), null, _isSlot(_slot = renderButton(item)) ? _slot : {
                 default: () => [_slot]
@@ -213,7 +226,7 @@ const IBizButtonList = /* @__PURE__ */ vue.defineComponent({
       });
     };
     const renderActions = () => {
-      const groupDetails = (uiactionGroup == null ? void 0 : uiactionGroup.uiactionGroupDetails) || [];
+      const groupDetails = details.value || [];
       const items = sliceIndex.value === -1 ? groupDetails : groupDetails.slice(0, sliceIndex.value);
       const moreItems = sliceIndex.value === -1 ? [] : groupDetails.slice(sliceIndex.value);
       return vue.createVNode("div", {
@@ -223,19 +236,18 @@ const IBizButtonList = /* @__PURE__ */ vue.defineComponent({
     };
     return {
       ns,
-      buttonStyle,
-      uiactionGroup,
+      buttonListStyle,
+      details,
       renderDropdown,
       renderActions
     };
   },
   render() {
-    var _a, _b;
-    const items = ((_a = this.uiactionGroup) == null ? void 0 : _a.uiactionGroupDetails) || [];
+    var _a;
     return vue.createVNode("div", {
-      "class": [this.ns.b(), this.ns.m(this.model.id), this.ns.m(this.buttonStyle.toLowerCase()), this.ns.m((_b = this.model.actionGroupExtractMode) == null ? void 0 : _b.toLowerCase())],
+      "class": [this.ns.b(), this.ns.m(this.model.id), this.ns.m(this.buttonListStyle.toLowerCase()), this.ns.m((_a = this.model.actionGroupExtractMode) == null ? void 0 : _a.toLowerCase())],
       "style": this.model.cssStyle
-    }, [this.model.actionGroupExtractMode === "ITEM" ? this.renderActions() : this.renderDropdown(items)]);
+    }, [this.model.actionGroupExtractMode === "ITEM" || this.model.buttonListType === "BUTTONS" ? this.renderActions() : this.renderDropdown(this.details)]);
   }
 });
 

package/lib/common/control-navigation/provider/navigation-base.provider.cjs

@@ -116,9 +116,12 @@ class NavgationBaseProvider {
    * @memberof NavgationBaseProvider
    */
   onNavDataChange(event) {
+    var _a;
     const { navData, context, params } = event;
-    this.navStack.unshift(navData[this.keyName]);
-    this.navViewMsg.value = this.getNavViewMsg(navData, context, params);
+    if (((_a = this.navViewMsg.value) == null ? void 0 : _a.key) !== navData[this.keyName]) {
+      this.navStack.unshift(navData[this.keyName]);
+      this.navViewMsg.value = this.getNavViewMsg(navData, context, params);
+    }
   }
   /**
    * 获取导航视图信息

package/lib/common/map-chart-user/map-user-manager.cjs

@@ -27,7 +27,7 @@ function useMapManager(controller, opts, calcEchartsOpts) {
   const setOption = async (data) => {
     controller.options = data;
     await controller.evt.emit("onBeforeUpdate", { data });
-    chart.setOption(data);
+    chart.setOption(data, true);
   };
   const registerMap = async (name) => {
     if (mapInfos.has(name)) {

package/lib/common/pql-editor/pql-editor.module.cjs

@@ -1,9 +1,9 @@
 'use strict';
 
 var editor = require('@wangeditor/editor');
-require('../../node_modules/.pnpm/snabbdom@3.6.2/node_modules/snabbdom/build/index.cjs');
+require('../../node_modules/.pnpm/snabbdom@3.5.1/node_modules/snabbdom/build/index.cjs');
 var index = require('./utils/index.cjs');
-var h = require('../../node_modules/.pnpm/snabbdom@3.6.2/node_modules/snabbdom/build/h.cjs');
+var h = require('../../node_modules/.pnpm/snabbdom@3.5.1/node_modules/snabbdom/build/h.cjs');
 
 "use strict";
 const pqlType = [

package/lib/common/quick-edit/quick-edit.cjs

@@ -22,6 +22,10 @@ const IBizQuickEdit = /* @__PURE__ */ vue.defineComponent({
     },
     modelData: {
       type: Object
+    },
+    isFilterHiddenItem: {
+      type: Boolean,
+      default: true
     }
   },
   emits: {
@@ -33,20 +37,24 @@ const IBizQuickEdit = /* @__PURE__ */ vue.defineComponent({
     const ns = vue3Util.useNamespace("quick-edit");
     const controller = vue.ref(void 0);
     const editItemModel = [];
-    const findEditItem = (detail) => {
+    const hiddenItemModel = [];
+    const findItem = (detail) => {
       const childern = runtime.findChildFormDetails(detail);
       childern.forEach((child) => {
         if (child.detailType === "FORMITEM" && !child.hidden) {
           editItemModel.push(child);
         }
-        findEditItem(child);
+        if (child.detailType === "FORMITEM" && child.hidden) {
+          hiddenItemModel.push(child);
+        }
+        findItem(child);
       });
     };
     const init = () => {
       var _a;
       if (props.modelData) {
         (_a = props.modelData.deformPages) == null ? void 0 : _a.forEach((child) => {
-          findEditItem(child);
+          findItem(child);
         });
       }
     };
@@ -66,10 +74,22 @@ const IBizQuickEdit = /* @__PURE__ */ vue.defineComponent({
       });
       return data;
     };
+    const getItemData = () => {
+      const data = {};
+      const item = controller.value.getDiffData();
+      [...editItemModel, ...hiddenItemModel].forEach((formItem) => {
+        const uiKey = formItem.id.toLowerCase();
+        const deKey = formItem.fieldName || formItem.appDEFieldId;
+        if (item[uiKey]) {
+          data[deKey] = item[uiKey];
+        }
+      });
+      return data;
+    };
     const onConfirm = () => {
       let data;
       if (controller.value) {
-        const item = getEditItemData();
+        const item = props.isFilterHiddenItem ? getEditItemData() : getItemData();
         if (Object.keys(item).length > 0) {
           data = [item];
         }
@@ -95,12 +115,12 @@ const IBizQuickEdit = /* @__PURE__ */ vue.defineComponent({
     let _slot, _slot2;
     return vue.createVNode("div", {
       "class": this.ns.b()
-    }, [vue.createVNode(vue.resolveComponent("iBizControlShell"), {
+    }, [vue.createVNode(vue.resolveComponent("iBizControlShell"), vue.mergeProps({
       "params": this.params,
       "context": this.context,
       "modelData": this.modelData,
       "onCreated": this.onCreated
-    }, null), vue.createVNode("div", {
+    }, this.$attrs), null), vue.createVNode("div", {
       "class": this.ns.e("footer")
     }, [vue.createVNode(vue.resolveComponent("el-button"), {
       "text": true,

package/lib/common/rawitem/rawitem.cjs

@@ -4,7 +4,6 @@ var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 var qxUtil = require('qx-util');
 require('./rawitem.css');
-var core = require('@ibiz-template/core');
 require('../../util/index.cjs');
 var wangEditorUtil = require('../../util/wang-editor-util/wang-editor-util.cjs');
 
@@ -45,7 +44,9 @@ const IBizRawItem = /* @__PURE__ */ vue.defineComponent({
       } else {
         rawItemContent.value = rawItem.content;
       }
-    } else if (["VIDEO", "DIVIDER", "INFO", "WARNING", "ERROR"].includes(contentType)) {
+    } else if (["INFO", "WARNING", "ERROR"].includes(contentType)) {
+      rawItemContent.value = rawItem.rawContent;
+    } else if (["VIDEO", "DIVIDER"].includes(contentType)) {
     } else if (contentType === "IMAGE" && sysImage) {
       rawItemContent.value = sysImage;
     }
@@ -246,7 +247,7 @@ const IBizRawItem = /* @__PURE__ */ vue.defineComponent({
       }
       if (this.rawItemType === "INFO" || this.rawItemType === "WARNING" || this.rawItemType === "ERROR") {
         return vue.createVNode(vue.resolveComponent("el-alert"), {
-          "title": core.showTitle(this.alertParams.title),
+          "title": this.alertParams.title,
           "type": this.alertParams.type,
           "show-icon": this.alertParams.showIcon,
           "closable": this.alertParams.closeabled

package/lib/common/rawitem/rawitem.css

@@ -1 +1 @@
-.ibiz-rawitem{width:100%;height:100%;font-size:var(--ibiz-font-size-regular);color:var(--ibiz-editor-default-text-color)}.ibiz-rawitem .ibiz-icon{width:100%;height:100%}
+.ibiz-rawitem{width:100%;height:100%;font-size:var(--ibiz-font-size-regular);color:var(--ibiz-editor-default-text-color)}.ibiz-rawitem .ibiz-icon{width:100%;height:100%}.ibiz-rawitem .el-alert{margin:var(--ibiz-spacing-extra-tight) 0}

package/lib/common/view-message/view-message.cjs

@@ -150,8 +150,9 @@ const ViewMessage = /* @__PURE__ */ vue.defineComponent({
                   return renderLayoutPanel(item);
                 }
                 return vue.createVNode("div", {
-                  "class": this.ns.be("carousel-alert", "message")
-                }, [item.message || ""]);
+                  "class": this.ns.be("carousel-alert", "message"),
+                  "innerHTML": item.message || ""
+                }, null);
               }
             })];
           }
@@ -182,8 +183,9 @@ const ViewMessage = /* @__PURE__ */ vue.defineComponent({
               return renderLayoutPanel(item);
             }
             return vue.createVNode("div", {
-              "class": this.ns.be("alert", "message")
-            }, [item.message || ""]);
+              "class": this.ns.be("alert", "message"),
+              "innerHTML": item.message || ""
+            }, null);
           }
         });
       })]);

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

@@ -61,8 +61,17 @@ const ContextMenuControl = /* @__PURE__ */ vue.defineComponent({
     const expandDetails = vue.ref([]);
     const groupDetails = vue.ref([]);
     const groupButtonRef = vue.ref();
+    const {
+      popoverVisible,
+      setPopoverVisible
+    } = vue3Util.usePopoverVisible(groupButtonRef, (ele) => {
+      return ele.ref;
+    });
     const dropdownRef = vue.ref();
-    const popoverVisible = vue.ref(false);
+    const {
+      popoverid,
+      setPopoverZIndex
+    } = vue3Util.usePopoverzIndex();
     const transformLanguage = (items) => {
       if (!Array.isArray(items)) {
         return;
@@ -105,14 +114,14 @@ const ContextMenuControl = /* @__PURE__ */ vue.defineComponent({
     const handleClick = async (detail, e) => {
       e.stopPropagation();
       if (!detail.uiactionId) {
-        popoverVisible.value = false;
+        setPopoverVisible(false);
         return;
       }
       if (props.actionCallBack) {
         await props.actionCallBack(detail, e);
       }
       if (props.mode === "buttons") {
-        popoverVisible.value = false;
+        setPopoverVisible(false);
       } else if (dropdownRef.value) {
         dropdownRef.value.handleClose();
       }
@@ -236,6 +245,7 @@ const ContextMenuControl = /* @__PURE__ */ vue.defineComponent({
     return {
       c,
       ns,
+      popoverid,
       expandDetails,
       groupDetails,
       groupButtonRef,
@@ -245,6 +255,7 @@ const ContextMenuControl = /* @__PURE__ */ vue.defineComponent({
       renderActions,
       renderActionButton,
       calcActionItemClass,
+      setPopoverZIndex,
       actionDetails
     };
   },
@@ -269,7 +280,10 @@ const ContextMenuControl = /* @__PURE__ */ vue.defineComponent({
         "text": true,
         "disabled": pdisabled,
         "ref": "groupButtonRef",
-        "class": [this.ns.e("item"), this.ns.is("expand", this.popoverVisible)]
+        "class": [this.ns.e("item"), this.ns.is("expand", this.popoverVisible)],
+        "onClick": () => {
+          this.popoverVisible = !this.popoverVisible;
+        }
       }, {
         icon: () => vue.createVNode("ion-icon", {
           "class": this.ns.e("icon"),
@@ -278,12 +292,11 @@ const ContextMenuControl = /* @__PURE__ */ vue.defineComponent({
       }), vue.createVNode(vue.resolveComponent("el-popover"), {
         "placement": "bottom-start",
         "virtual-ref": this.groupButtonRef,
-        "trigger": "click",
         "visible": this.popoverVisible,
-        "onUpdate:visible": ($event) => this.popoverVisible = $event,
-        "popper-class": this.ns.e("popover"),
+        "popper-class": [this.popoverid, this.ns.e("popover"), this.ns.e("transfer")],
         "virtual-triggering": true,
-        "transition": "none"
+        "transition": "none",
+        "onBefore-enter": () => this.setPopoverZIndex("--".concat(this.ns.namespace, "-context-menu-transfer-zindex"))
       }, _isSlot(_slot = this.renderActions(this.groupDetails, false)) ? _slot : {
         default: () => [_slot]
       })];
@@ -300,6 +313,8 @@ const ContextMenuControl = /* @__PURE__ */ vue.defineComponent({
     return vue.createVNode(vue.resolveComponent("el-dropdown"), {
       "ref": "dropdownRef",
       "onCommand": (command) => this.handleClick(command, new MouseEvent("click")),
+      "onVisible-change": () => this.setPopoverZIndex("--".concat(this.ns.namespace, "-context-menu-transfer-zindex")),
+      "popper-class": [this.popoverid, this.ns.e("transfer")],
       "class": [this.ns.b(), this.ns.m("dropdown")]
     }, {
       default: () => vue.createVNode("span", {

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

@@ -1 +1 @@
-@charset "UTF-8";.ibiz-context-menu{--ibiz-context-menu-item-margin:0 0 0 4px;--ibiz-context-menu-separator-height:20px;--ibiz-context-menu-separator-width:2px;--ibiz-context-menu-separator-color:var(--ibiz-color-border);--ibiz-context-menu-popover-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-none);--ibiz-context-menu-popover-button-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);--ibiz-context-menu-popover-button-color:var(--ibiz-color-text-2);--ibiz-context-menu-popover-button-hover-bg:var(--ibiz-color-bg-0)}.ibiz-context-menu__item{padding:var(--ibiz-spacing-extra-tight) 0}.ibiz-context-menu__item+.ibiz-context-menu__item{margin:var(--ibiz-context-menu-item-margin)}.ibiz-context-menu__item .ibiz-context-menu__action-content-icon{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-context-menu__action-content{display:flex}.ibiz-context-menu__action-content-icon{display:flex;align-items:center;justify-content:center;padding:0 var(--ibiz-spacing-super-tight);font-size:var(--ibiz-width-icon-medium)}.ibiz-context-menu__action-content-caption{display:flex;align-items:center;justify-content:center}.ibiz-context-menu__popover{--ibiz-context-menu-item-margin:0 0 0 4px;--ibiz-context-menu-separator-height:20px;--ibiz-context-menu-separator-width:2px;--ibiz-context-menu-separator-color:var(--ibiz-color-border);--ibiz-context-menu-popover-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-none);--ibiz-context-menu-popover-button-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);--ibiz-context-menu-popover-button-color:var(--ibiz-color-text-2);--ibiz-context-menu-popover-button-hover-bg:var(--ibiz-color-bg-0);width:auto!important;min-width:150px;--el-popover-padding:var(--ibiz-context-menu-popover-padding)}.ibiz-context-menu__popover .el-button{--el-button-size:40px;display:block;width:100%;padding:var(--ibiz-context-menu-popover-button-padding);margin:var(--ibiz-spacing-none);font-size:var(--ibiz-font-size-regular);color:var(--ibiz-context-menu-popover-button-color);text-align:left;border-radius:0}.ibiz-context-menu__popover .el-button:hover{background-color:var(--ibiz-context-menu-popover-button-hover-bg)}.ibiz-context-menu__popover .el-button .ibiz-context-menu__action-content-icon{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-context-menu__popover .el-button .ibiz-context-menu__action-content-group-caption{margin-right:var(--ibiz-spacing-base-loose)}.ibiz-context-menu__popover .el-button .ibiz-context-menu__action-content-group-icon{position:absolute;right:var(--ibiz-spacing-base-loose);font-size:var(--ibiz-font-size-header-6)}.ibiz-context-menu__separator{margin:var(--ibiz-spacing-none)}.ibiz-context-menu__separator.el-divider--horizontal{width:calc(100% - 2 * var(--ibiz-spacing-base-loose));margin:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-base-loose)}.ibiz-context-menu--dropdown .ibiz-context-menu__caption{cursor:pointer}.ibiz-context-menu--dropdown .ibiz-context-menu__caption-icon{vertical-align:bottom}
+@charset "UTF-8";.ibiz-context-menu{--ibiz-context-menu-item-margin:0 0 0 4px;--ibiz-context-menu-separator-height:20px;--ibiz-context-menu-separator-width:2px;--ibiz-context-menu-separator-color:var(--ibiz-color-border);--ibiz-context-menu-popover-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-none);--ibiz-context-menu-popover-button-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);--ibiz-context-menu-popover-button-color:var(--ibiz-color-text-2);--ibiz-context-menu-popover-button-hover-bg:var(--ibiz-color-bg-0);--ibiz-context-menu-transfer-zindex:1000}.ibiz-context-menu__item{padding:var(--ibiz-spacing-extra-tight) 0}.ibiz-context-menu__item+.ibiz-context-menu__item{margin:var(--ibiz-context-menu-item-margin)}.ibiz-context-menu__item .ibiz-context-menu__action-content-icon{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-context-menu__action-content{display:flex}.ibiz-context-menu__action-content-icon{display:flex;align-items:center;justify-content:center;padding:0 var(--ibiz-spacing-super-tight);font-size:var(--ibiz-width-icon-medium)}.ibiz-context-menu__action-content-caption{display:flex;align-items:center;justify-content:center}.ibiz-context-menu__popover{--ibiz-context-menu-item-margin:0 0 0 4px;--ibiz-context-menu-separator-height:20px;--ibiz-context-menu-separator-width:2px;--ibiz-context-menu-separator-color:var(--ibiz-color-border);--ibiz-context-menu-popover-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-none);--ibiz-context-menu-popover-button-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);--ibiz-context-menu-popover-button-color:var(--ibiz-color-text-2);--ibiz-context-menu-popover-button-hover-bg:var(--ibiz-color-bg-0);--ibiz-context-menu-transfer-zindex:1000;width:auto!important;min-width:150px;--el-popover-padding:var(--ibiz-context-menu-popover-padding)}.ibiz-context-menu__popover .el-button{--el-button-size:40px;display:block;width:100%;padding:var(--ibiz-context-menu-popover-button-padding);margin:var(--ibiz-spacing-none);font-size:var(--ibiz-font-size-regular);color:var(--ibiz-context-menu-popover-button-color);text-align:left;border-radius:0}.ibiz-context-menu__popover .el-button:hover{background-color:var(--ibiz-context-menu-popover-button-hover-bg)}.ibiz-context-menu__popover .el-button .ibiz-context-menu__action-content-icon{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-context-menu__popover .el-button .ibiz-context-menu__action-content-group-caption{margin-right:var(--ibiz-spacing-base-loose)}.ibiz-context-menu__popover .el-button .ibiz-context-menu__action-content-group-icon{position:absolute;right:var(--ibiz-spacing-base-loose);font-size:var(--ibiz-font-size-header-6)}.ibiz-context-menu__separator{margin:var(--ibiz-spacing-none)}.ibiz-context-menu__separator.el-divider--horizontal{width:calc(100% - 2 * var(--ibiz-spacing-base-loose));margin:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-base-loose)}.ibiz-context-menu__transfer{--ibiz-context-menu-item-margin:0 0 0 4px;--ibiz-context-menu-separator-height:20px;--ibiz-context-menu-separator-width:2px;--ibiz-context-menu-separator-color:var(--ibiz-color-border);--ibiz-context-menu-popover-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-none);--ibiz-context-menu-popover-button-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);--ibiz-context-menu-popover-button-color:var(--ibiz-color-text-2);--ibiz-context-menu-popover-button-hover-bg:var(--ibiz-color-bg-0);--ibiz-context-menu-transfer-zindex:1000;z-index:var(--ibiz-context-menu-transfer-zindex)!important}.ibiz-context-menu--dropdown .ibiz-context-menu__caption{cursor:pointer}.ibiz-context-menu--dropdown .ibiz-context-menu__caption-icon{vertical-align:bottom}