@ibiz-template/vue3-components 0.7.41-alpha.5 → 0.7.41-alpha.7

package/es/editor/html/wang-editor/wang-editor.mjs

@@ -3,7 +3,7 @@ import { Toolbar, Editor } from '@wangeditor/editor-for-vue';
 import { createUUID } from 'qx-util';
 import { isNil } from 'ramda';
 import { getHtmlProps, getEditorEmits, useNamespace, useUIStore } from '@ibiz-template/vue3-util';
-import { CoreConst, getAppCookie, StringUtil, IBizContext, awaitTimeout } from '@ibiz-template/core';
+import { StringUtil, IBizContext, awaitTimeout } from '@ibiz-template/core';
 import { UIActionUtil, SysUIActionTag } from '@ibiz-template/runtime';
 import { ElMessageBox } from 'element-plus';
 import '../../../util/index.mjs';
@@ -27,8 +27,9 @@ const IBizHtml = /* @__PURE__ */ defineComponent({
     const toolbarRef = ref();
     const editorRef = shallowRef();
     const valueHtml = ref("");
+    const uploadHeaders = ibiz.util.file.getUploadHeaders();
     const headers = ref({
-      ["".concat(ibiz.env.tokenHeader, "Authorization")]: "".concat(ibiz.env.tokenPrefix, "Bearer ").concat(getAppCookie(CoreConst.TOKEN))
+      ...uploadHeaders
     });
     const uploadUrl = ref("");
     const downloadUrl = ref("");
@@ -303,19 +304,13 @@ const IBizHtml = /* @__PURE__ */ defineComponent({
           uploader: {
             onUpload: async (file, reportProgress, options) => {
               const fileMeata = ibiz.util.file.calcFileUpDownUrl((options == null ? void 0 : options.context) || c.context, (options == null ? void 0 : options.params) || c.params, {});
-              const uploadHeaders = {};
-              const token = getAppCookie(CoreConst.TOKEN);
-              if (token) {
-                Object.assign(uploadHeaders, {
-                  ["".concat(ibiz.env.tokenHeader, "Authorization")]: "".concat(ibiz.env.tokenPrefix, "Bearer ").concat(token)
-                });
-              }
+              const fielUploadHeaders = ibiz.util.file.getUploadHeaders();
               const formData = new FormData();
               formData.append("file", file);
               const res = await ibiz.net.axios({
                 url: fileMeata.uploadUrl,
                 method: "post",
-                headers: uploadHeaders,
+                headers: fielUploadHeaders,
                 data: formData,
                 onUploadProgress: (progressEvent) => {
                   const percent = progressEvent.loaded / progressEvent.total * 100;

package/es/editor/map-picker/ibiz-map-picker/ibiz-map-picker.mjs

@@ -354,7 +354,10 @@ const IBizMapPicker = /* @__PURE__ */ defineComponent({
     }
     const formDefaultContent = createVNode("div", {
       "class": this.ns.b("form-default-content")
-    }, [this.value ? this.value : ibiz.config.common.emptyText]);
+    }, [this.value ? this.value : createVNode(resolveComponent("iBizEditorEmptyText"), {
+      "showPlaceholder": this.c.emptyShowPlaceholder,
+      "placeHolder": this.c.placeHolder
+    }, null)]);
     return createVNode("div", {
       "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.ns.is("show-default", this.showFormDefaultContent)]
     }, [this.showFormDefaultContent && formDefaultContent, content]);

package/es/editor/markdown/ibiz-markdown-editor/ibiz-markdown-editor.mjs

@@ -2,7 +2,6 @@ import { ref, watch, nextTick, onMounted, onBeforeUnmount, onUnmounted, createVN
 import { getMarkDownProps, getEditorEmits, useNamespace, useUIStore } from '@ibiz-template/vue3-util';
 import { createUUID } from 'qx-util';
 import Cherry from 'cherry-markdown';
-import { CoreConst, getAppCookie } from '@ibiz-template/core';
 import './ibiz-markdown-editor.css';
 
 "use strict";
@@ -19,8 +18,9 @@ const IBizMarkDown = /* @__PURE__ */ defineComponent({
     const currentVal = ref("");
     let editor = null;
     const id = createUUID();
+    const uploadHeaders = ibiz.util.file.getUploadHeaders();
     const headers = ref({
-      ["".concat(ibiz.env.tokenHeader, "Authorization")]: "".concat(ibiz.env.tokenPrefix, "Bearer ").concat(getAppCookie(CoreConst.TOKEN))
+      ...uploadHeaders
     });
     const uploadUrl = ref("");
     const downloadUrl = ref("");

package/es/editor/number-range/ibiz-number-range-picker/ibiz-number-range-picker.mjs

@@ -191,7 +191,10 @@ const IBizNumberRangePicker = /* @__PURE__ */ defineComponent({
       "class": this.ns.b("default-separator")
     }, [this.rangeSeparator]), createVNode("div", {
       "class": this.ns.b("default-max")
-    }, [this.maxValue])] : ibiz.config.common.emptyText]);
+    }, [this.maxValue])] : createVNode(resolveComponent("iBizEditorEmptyText"), {
+      "showPlaceholder": this.c.emptyShowPlaceholder,
+      "placeHolder": this.c.placeHolder
+    }, null)]);
     return createVNode("div", {
       "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.ns.is("editable", this.isEditable), this.ns.is("show-default", this.showFormDefaultContent)],
       "ref": "componentRef"

package/es/editor/span/span/span.mjs

@@ -158,7 +158,10 @@ const IBizSpan = /* @__PURE__ */ defineComponent({
       content = this.text;
       this.spanTitle = this.text;
     } else {
-      content = ibiz.config.common.emptyText;
+      content = createVNode(resolveComponent("iBizEditorEmptyText"), {
+        "showPlaceholder": this.c.emptyShowPlaceholder,
+        "placeHolder": this.c.placeHolder
+      }, null);
     }
     const isEllipsis = this.c.editorParams.overflowMode === "ellipsis" || this.c.model.wrapMode === "NOWRAP";
     return createVNode("span", {

package/es/editor/text-box/ibiz-input-number/ibiz-input-number.mjs

@@ -203,7 +203,10 @@ const IBizInputNumber = /* @__PURE__ */ defineComponent({
       }
       return createVNode("div", {
         "class": this.ns.b("form-default-content")
-      }, [this.currentVal || this.currentVal === 0 ? this.currentFormatVal + unit : ibiz.config.common.emptyText]);
+      }, [this.currentVal || this.currentVal === 0 ? this.currentFormatVal + unit : createVNode(resolveComponent("iBizEditorEmptyText"), {
+        "showPlaceholder": this.c.emptyShowPlaceholder,
+        "placeHolder": this.c.placeHolder
+      }, null)]);
     };
     return createVNode("div", {
       "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.ns.is("editable", this.isEditable), this.ns.is("show-default", this.showFormDefaultContent)]

package/es/editor/text-box/input/input.mjs

@@ -2,7 +2,7 @@ import { isVNode, ref, computed, watch, onUnmounted, resolveComponent, createVNo
 import { debounce } from 'lodash-es';
 import { getInputProps, getEditorEmits, useNamespace, useUIStore, useCodeListListen } from '@ibiz-template/vue3-util';
 import { UIActionUtil, SysUIActionTag } from '@ibiz-template/runtime';
-import { isEmoji, base64ToStr, StringUtil, CoreConst, getAppCookie, IBizContext } from '@ibiz-template/core';
+import { isEmoji, base64ToStr, StringUtil, IBizContext } from '@ibiz-template/core';
 import { createUUID } from 'qx-util';
 import '../../../util/index.mjs';
 import './input.css';
@@ -312,13 +312,7 @@ const IBizInput = /* @__PURE__ */ defineComponent({
           uploader: {
             onUpload: async (file, reportProgress, options) => {
               const fileMeata = ibiz.util.file.calcFileUpDownUrl((options == null ? void 0 : options.context) || c.context, (options == null ? void 0 : options.params) || c.params, {});
-              const uploadHeaders = {};
-              const token = getAppCookie(CoreConst.TOKEN);
-              if (token) {
-                Object.assign(uploadHeaders, {
-                  ["".concat(ibiz.env.tokenHeader, "Authorization")]: "".concat(ibiz.env.tokenPrefix, "Bearer ").concat(token)
-                });
-              }
+              const uploadHeaders = ibiz.util.file.getUploadHeaders();
               const formData = new FormData();
               formData.append("file", file);
               const res = await ibiz.net.axios({
@@ -507,7 +501,10 @@ const IBizInput = /* @__PURE__ */ defineComponent({
     }
     const formDefaultContent = createVNode("div", {
       "class": this.ns.b("form-default-content")
-    }, [this.currentVal ? this.type === "password" ? this.currentVal.split("").map((_item) => "\u2022") : this.currentFormatVal : ibiz.config.common.emptyText]);
+    }, [this.currentVal ? this.type === "password" ? this.currentVal.split("").map((_item) => "\u2022") : this.currentFormatVal : createVNode(resolveComponent("iBizEditorEmptyText"), {
+      "showPlaceholder": this.c.emptyShowPlaceholder,
+      "placeHolder": this.c.placeHolder
+    }, null)]);
     return createVNode("div", {
       "class": [this.ns.b(), this.ns.is("textarea", Object.is(this.type, "textarea")), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.ns.is("editable", this.isEditable), this.ns.is("show-default", this.showFormDefaultContent)],
       "style": {

package/es/editor/upload/use/use-iview-upload.mjs

@@ -1,12 +1,11 @@
-import { CoreConst, getAppCookie, HttpError } from '@ibiz-template/core';
+import { HttpError } from '@ibiz-template/core';
 import { ref, watch, computed } from 'vue';
 
 "use strict";
 function useIViewUpload(props, valueChange, c) {
   const files = ref([]);
-  const headers = ref({
-    ["".concat(ibiz.env.tokenHeader, "Authorization")]: "".concat(ibiz.env.tokenPrefix, "Bearer ").concat(getAppCookie(CoreConst.TOKEN))
-  });
+  const uploadHeaders = ibiz.util.file.getUploadHeaders();
+  const headers = ref({ ...uploadHeaders });
   const uploadUrl = ref("");
   const downloadUrl = ref("");
   const uploadCache = {

package/es/locale/en/index.d.ts

@@ -244,6 +244,7 @@ declare const _default: {
                     groupedOn: string;
                     adjustmentsGroup: string;
                     noAllowReorder: string;
+                    invalidSortType: string;
                 };
                 meditViewPanel: {
                     DraftNew: string;

package/es/locale/zh-CN/index.d.ts

@@ -244,6 +244,7 @@ declare const _default: {
                     groupedOn: string;
                     adjustmentsGroup: string;
                     noAllowReorder: string;
+                    invalidSortType: string;
                 };
                 meditViewPanel: {
                     DraftNew: string;

package/es/panel-component/app-extend-menu/bottom-side-menu/bottom-side-menu.css

@@ -1 +1 @@
-.ibiz-bottom-side-menu{width:100%;height:100%}
+.ibiz-bottom-side-menu{width:100%;height:100%}.ibiz-col--self-align>.ibiz-bottom-side-menu{width:100%;height:100%}

package/es/panel-component/app-extend-menu/extend-menu-base/common-extend-menu/common-extend-menu.d.ts

@@ -66,6 +66,7 @@ export declare const CommonExtendMenu: import("vue").DefineComponent<{
     };
 }, {
     ns: import("@ibiz-template/core").Namespace;
+    handleMenuItemClick: (menuItem: IAppMenuItem, event?: MouseEvent) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     /**
      * @description 项点击事件

package/es/panel-component/app-extend-menu/extend-menu-base/common-extend-menu/common-extend-menu.mjs

@@ -1,10 +1,14 @@
-import { createTextVNode, createVNode, defineComponent } from 'vue';
+import { createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './common-extend-menu.css';
+import { ExtendButtonMenu } from '../extend-button-menu/extend-button-menu.mjs';
 
 "use strict";
 const CommonExtendMenu = /* @__PURE__ */ defineComponent({
   name: "IBizCommonExtendMenu",
+  components: {
+    ExtendButtonMenu
+  },
   props: {
     /**
      * @description 绘制模式，'BUTTON' | 'MENU': 按钮态(仅识别一层) | 常规菜单态
@@ -61,16 +65,33 @@ const CommonExtendMenu = /* @__PURE__ */ defineComponent({
      */
     menuItemClick: (item, event) => true
   },
-  setup(props) {
+  setup(props, {
+    emit
+  }) {
     const ns = useNamespace("common-extend-menu");
+    const handleMenuItemClick = (menuItem, event) => {
+      if (!menuItem || (menuItem == null ? void 0 : menuItem.itemType) === "RAWITEM") {
+        return;
+      }
+      emit("menuItemClick", menuItem, event);
+    };
     return {
-      ns
+      ns,
+      handleMenuItemClick
     };
   },
   render() {
     return createVNode("div", {
       "class": this.ns.b()
-    }, [this.position, createTextVNode("\u901A\u7528\u83DC\u5355")]);
+    }, [createVNode(ExtendButtonMenu, {
+      "items": this.items,
+      "menuItemsState": this.menuItemsState,
+      "providers": this.providers,
+      "position": this.position,
+      "layoutMode": this.layoutMode,
+      "layout": this.layout,
+      "onMenuItemClick": this.handleMenuItemClick
+    }, null)]);
   }
 });
 

package/es/panel-component/app-extend-menu/extend-menu-base/extend-button-menu/extend-button-menu.css

@@ -0,0 +1 @@
+.ibiz-extend-menu-button{--ibiz-extend-menu-button-padding:var(--ibiz-spacing-extra-tight) 0;--ibiz-extend-menu-button-font-size:var(--ibiz-font-size-header-6);--ibiz-extend-menu-button-rawitem-min-width:var(--ibiz-font-size-header-6);--ibiz-extend-menu-button-icon-width:20px;--ibiz-extend-menu-button-icon-height:20px;--ibiz-extend-menu-button-text-margin:0 0 0 var(--ibiz-spacing-tight);--ibiz-extend-menu-button-content-padding:0 var(--ibiz-spacing-tight);--ibiz-extend-menu-button-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-extend-menu-button-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-extend-menu-button-active-color:var(--ibiz-color-primary-active-text);--ibiz-extend-menu-button-active-bg-color:var(--ibiz-color-primary-active);--ibiz-extend-menu-button-item-height:42px;--ibiz-extend-menu-button-item-horizontal-min-width:200px;--ibiz-extend-menu-button-item-horizontal-margin:0 0 0 var(--ibiz-spacing-extra-tight);--ibiz-extend-menu-button-item-horizontal-separator-margin:0 var(--ibiz-spacing-tight);--ibiz-extend-menu-button-item-vertical-margin:var(--ibiz-spacing-extra-tight) 0 0 0;--ibiz-extend-menu-button-item-vertical-separator-margin:var(--ibiz-spacing-tight) 0;width:100%;height:100%;padding:var(--ibiz-extend-menu-button-padding)}.ibiz-extend-menu-button__menuitem{width:100%;height:100%;font-size:var(--ibiz-extend-menu-button-font-size)}.ibiz-extend-menu-button__rawitem{width:100%;height:100%}.ibiz-extend-menu-button__rawitem .ibiz-rawitem{min-width:var(--ibiz-extend-menu-button-rawitem-min-width);font-size:initial;color:var(--ibiz-color-primary-text)}.ibiz-extend-menu-button__separator--horizontal{margin:0}.ibiz-extend-menu-button__separator--vertical{margin:0}.ibiz-extend-menu-button__icon{display:flex;align-items:center;width:var(--ibiz-extend-menu-button-icon-width);height:var(--ibiz-extend-menu-button-icon-height)}.ibiz-extend-menu-button__icon+.ibiz-extend-menu-button__caption{margin:var(--ibiz-extend-menu-button-text-margin)}.ibiz-extend-menu-button__content{display:flex;flex-wrap:nowrap;height:100%;padding:var(--ibiz-extend-menu-button-content-padding);overflow:auto}.ibiz-extend-menu-button__content--item{display:flex;align-items:center}.ibiz-extend-menu-button__content--item.is-show-arrow{position:relative}.ibiz-extend-menu-button__content--item.is-show-arrow .ibiz-extend-menu-button__menuitem::after{display:block;width:1em;height:1em;margin-left:auto;content:""}.ibiz-extend-menu-button__content--item.is-rotate-arrow svg{transform:rotate(180deg)}.ibiz-extend-menu-button__content--item-container{display:flex;align-items:center;height:100%}.ibiz-extend-menu-button__content--menuitem{height:var(--ibiz-extend-menu-button-item-height)}.ibiz-extend-menu-button__content--rawitem{height:var(--ibiz-extend-menu-button-item-height)}.ibiz-extend-menu-button__content--item-arrow{position:absolute;top:50%;right:15px;display:flex;align-items:center;justify-content:center;color:var(--ibiz-color-primary-text);transform:translateY(-50%)}.ibiz-extend-menu-button__content--item-arrow svg{transition:transform .3s ease}.ibiz-extend-menu-button__content.is-horizontal{align-items:center}.ibiz-extend-menu-button__content.is-horizontal .ibiz-extend-menu-button__content--item{margin:var(--ibiz-extend-menu-button-item-horizontal-margin)}.ibiz-extend-menu-button__content.is-horizontal .ibiz-extend-menu-button__content--item:first-child{margin-left:0}.ibiz-extend-menu-button__content.is-horizontal .ibiz-extend-menu-button__content--item-container:not(:has(.el-divider)){min-width:var(--ibiz-extend-menu-button-item-horizontal-min-width)}.ibiz-extend-menu-button__content.is-horizontal .ibiz-extend-menu-button__content--seperator{width:auto;margin:var(--ibiz-extend-menu-button-item-horizontal-separator-margin)}.ibiz-extend-menu-button__content.is-horizontal .ibiz-extend-menu-button__content--seperator+.ibiz-extend-menu-button__content--item{margin-left:0}.ibiz-extend-menu-button__content.is-vertical{flex-direction:column}.ibiz-extend-menu-button__content.is-vertical .ibiz-extend-menu-button__content--item{margin:var(--ibiz-extend-menu-button-item-vertical-margin)}.ibiz-extend-menu-button__content.is-vertical .ibiz-extend-menu-button__content--item:first-child{margin-top:0}.ibiz-extend-menu-button__content.is-vertical .ibiz-extend-menu-button__content--seperator{margin:var(--ibiz-extend-menu-button-item-vertical-separator-margin)}.ibiz-extend-menu-button__content.is-vertical .ibiz-extend-menu-button__content--seperator+.ibiz-extend-menu-button__content--item{margin-top:0}.ibiz-extend-menu-button__content.is-vertical .ibiz-extend-menu-button__menuitem{justify-content:flex-start}.ibiz-extend-menu-button__content.is-vertical .ibiz-extend-menu-button__rawitem{justify-content:flex-start}.ibiz-extend-menu-button__content .el-button{--ibiz-color-primary-hover:var(--ibiz-extend-menu-button-active-bg-color);--ibiz-color-primary-hover-text:var(--ibiz-extend-menu-button-active-color);--ibiz-color-primary-active:var(--ibiz-extend-menu-button-hover-bg-color);--ibiz-color-primary-active-text:var(--ibiz-extend-menu-button-hover-color)}.ibiz-extend-menu-button__content .el-button:focus{background-color:var(--ibiz-color-primary-active)}.ibiz-extend-menu-button__content .el-button:hover{background-color:var(--ibiz-color-primary-hover)}.ibiz-extend-menu-button.is-vertical{--ibiz-extend-menu-button-padding:var(--ibiz-spacing-tight) 0}.ibiz-extend-menu-button.is-vertical .ibiz-extend-menu-button__content,.ibiz-extend-menu-button.is-vertical .ibiz-extend-menu-button__content--item,.ibiz-extend-menu-button.is-vertical .ibiz-extend-menu-button__content--item-container{width:100%}.ibiz-extend-menu-button-cascader-popover{--ibiz-extend-menu-button-padding:var(--ibiz-spacing-extra-tight) 0;--ibiz-extend-menu-button-font-size:var(--ibiz-font-size-header-6);--ibiz-extend-menu-button-rawitem-min-width:var(--ibiz-font-size-header-6);--ibiz-extend-menu-button-icon-width:20px;--ibiz-extend-menu-button-icon-height:20px;--ibiz-extend-menu-button-text-margin:0 0 0 var(--ibiz-spacing-tight);--ibiz-extend-menu-button-content-padding:0 var(--ibiz-spacing-tight);--ibiz-extend-menu-button-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-extend-menu-button-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-extend-menu-button-active-color:var(--ibiz-color-primary-active-text);--ibiz-extend-menu-button-active-bg-color:var(--ibiz-color-primary-active);--ibiz-extend-menu-button-item-height:42px;--ibiz-extend-menu-button-item-horizontal-min-width:200px;--ibiz-extend-menu-button-item-horizontal-margin:0 0 0 var(--ibiz-spacing-extra-tight);--ibiz-extend-menu-button-item-horizontal-separator-margin:0 var(--ibiz-spacing-tight);--ibiz-extend-menu-button-item-vertical-margin:var(--ibiz-spacing-extra-tight) 0 0 0;--ibiz-extend-menu-button-item-vertical-separator-margin:var(--ibiz-spacing-tight) 0;--ibiz-extend-menu-button-popover-padding:var(--ibiz-spacing-super-tight) var(--ibiz-spacing-extra-tight);--ibiz-extend-menu-button-popover-min-width:200px;--ibiz-extend-menu-button-popover-z-index:3;--ibiz-extend-menu-button-popover-background:var(--ibiz-color-primary);--ibiz-extend-menu-button-content-padding:0;--ibiz-extend-menu-button-item-vertical-margin:0;z-index:var(--ibiz-extend-menu-button-popover-z-index);width:auto;padding:var(--ibiz-extend-menu-button-popover-padding);background-color:var(--ibiz-extend-menu-button-popover-background);box-shadow:var(--ibiz-shadow-elevated)}.ibiz-extend-menu-button-cascader-popover .ibiz-extend-menu-button__content{min-width:var(--ibiz-extend-menu-button-popover-min-width)}.ibiz-extend-menu-button-cascader-popover .ibiz-extend-menu-button__separator--horizontal{border-color:var(--ibiz-color-scroll-menu)}.ibiz-extend-menu-button-cascader-popover .ibiz-extend-menu-button__content,.ibiz-extend-menu-button-cascader-popover .ibiz-extend-menu-button__content--item,.ibiz-extend-menu-button-cascader-popover .ibiz-extend-menu-button__content--item-container{width:100%}.ibiz-extend-menu-button-border-popover{--ibiz-extend-menu-button-padding:var(--ibiz-spacing-extra-tight) 0;--ibiz-extend-menu-button-font-size:var(--ibiz-font-size-header-6);--ibiz-extend-menu-button-rawitem-min-width:var(--ibiz-font-size-header-6);--ibiz-extend-menu-button-icon-width:20px;--ibiz-extend-menu-button-icon-height:20px;--ibiz-extend-menu-button-text-margin:0 0 0 var(--ibiz-spacing-tight);--ibiz-extend-menu-button-content-padding:0 var(--ibiz-spacing-tight);--ibiz-extend-menu-button-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-extend-menu-button-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-extend-menu-button-active-color:var(--ibiz-color-primary-active-text);--ibiz-extend-menu-button-active-bg-color:var(--ibiz-color-primary-active);--ibiz-extend-menu-button-item-height:42px;--ibiz-extend-menu-button-item-horizontal-min-width:200px;--ibiz-extend-menu-button-item-horizontal-margin:0 0 0 var(--ibiz-spacing-extra-tight);--ibiz-extend-menu-button-item-horizontal-separator-margin:0 var(--ibiz-spacing-tight);--ibiz-extend-menu-button-item-vertical-margin:var(--ibiz-spacing-extra-tight) 0 0 0;--ibiz-extend-menu-button-item-vertical-separator-margin:var(--ibiz-spacing-tight) 0;--ibiz-extend-menu-button-popover-padding:var(--ibiz-spacing-super-tight) var(--ibiz-spacing-extra-tight);--ibiz-extend-menu-button-popover-min-width:200px;--ibiz-extend-menu-button-popover-z-index:3;--ibiz-extend-menu-button-popover-background:var(--ibiz-color-primary);--ibiz-extend-menu-button-content-padding:0;--ibiz-extend-menu-button-item-vertical-margin:0;z-index:var(--ibiz-extend-menu-button-popover-z-index);width:auto;padding:var(--ibiz-extend-menu-button-popover-padding);background-color:var(--ibiz-extend-menu-button-popover-background);box-shadow:var(--ibiz-shadow-elevated)}.ibiz-extend-menu-button-border-popover .ibiz-extend-menu-button__content{min-width:var(--ibiz-extend-menu-button-popover-min-width)}.ibiz-extend-menu-button-border-popover .ibiz-extend-menu-button__separator--horizontal{border-color:var(--ibiz-color-scroll-menu)}.ibiz-extend-menu-button-border-popover .ibiz-extend-menu-button__content,.ibiz-extend-menu-button-border-popover .ibiz-extend-menu-button__content--item,.ibiz-extend-menu-button-border-popover .ibiz-extend-menu-button__content--item-container{width:100%}.ibiz-extend-menu-button-border-popover .ibiz-extend-menu-button__content.is-horizontal .ibiz-extend-menu-button__content--item-arrow{transform:translateY(-50%) rotate(90deg)}.ibiz-extend-menu-button-placehold{--ibiz-extend-menu-button-placehold-z-index:3;position:fixed;z-index:var(--ibiz-extend-menu-button-placehold-z-index);display:flex;align-items:center;justify-content:center;cursor:pointer}.ibiz-extend-menu-button-placehold__line{position:absolute}.ibiz-extend-menu-button-placehold__arrow{color:var(--ibiz-color-text-2)}.ibiz-extend-menu-button-placehold.is-left .ibiz-extend-menu-button-placehold__line{top:0;left:0;width:1px;height:100%}.ibiz-extend-menu-button-placehold.is-right .ibiz-extend-menu-button-placehold__line{top:0;right:0;width:1px;height:100%}.ibiz-extend-menu-button-placehold.is-right svg{transform:rotate(180deg)}.ibiz-extend-menu-button-placehold.is-top .ibiz-extend-menu-button-placehold__line{top:0;left:0;width:100%;height:1px}.ibiz-extend-menu-button-placehold.is-top svg{transform:rotate(90deg)}.ibiz-extend-menu-button-placehold.is-bottom .ibiz-extend-menu-button-placehold__line{bottom:0;left:0;width:100%;height:1px}.ibiz-extend-menu-button-placehold.is-bottom svg{transform:rotate(-90deg)}