@ibiz-template/vue3-components 0.7.41-alpha.6 → 0.7.41-alpha.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (148) hide show
  1. package/dist/{index-4CBJktLS.js → index-CsiyXR27.js} +1 -1
  2. package/dist/index-bg15JdWL.js +4 -0
  3. package/dist/{index-QL7Ukex9.js → index-tjsobxd3.js} +1 -1
  4. package/dist/index.min.css +1 -1
  5. package/dist/index.system.min.js +1 -1
  6. package/dist/{wang-editor-kEzIt0zV.js → wang-editor-7B_U_6_C.js} +1 -1
  7. package/dist/{xlsx-util-_VPcoWqm.js → xlsx-util-J0IypI5_.js} +1 -1
  8. package/es/common/editor-empty-text/editor-empty-text.css +1 -0
  9. package/es/common/editor-empty-text/editor-empty-text.d.ts +25 -0
  10. package/es/common/editor-empty-text/editor-empty-text.mjs +31 -0
  11. package/es/common/index.mjs +2 -0
  12. package/es/control/data-view/data-view.css +1 -1
  13. package/es/control/data-view/data-view.mjs +4 -4
  14. package/es/control/drbar/drbar.controller.mjs +3 -1
  15. package/es/control/drtab/drtab-control.util.mjs +1 -1
  16. package/es/control/drtab/drtab.controller.mjs +3 -5
  17. package/es/control/drtab/drtab.d.ts +13 -0
  18. package/es/control/drtab/drtab.mjs +7 -1
  19. package/es/control/drtab/index.d.ts +7 -0
  20. package/es/control/kanban/kanban.css +1 -1
  21. package/es/control/kanban/kanban.d.ts +2 -2
  22. package/es/control/kanban/kanban.mjs +14 -9
  23. package/es/control/kanban/lane-kanban/lane-kanban.css +1 -0
  24. package/es/control/kanban/lane-kanban/lane-kanban.d.ts +27 -0
  25. package/es/control/kanban/lane-kanban/lane-kanban.mjs +409 -0
  26. package/es/control/toolbar/toolbar.css +1 -1
  27. package/es/control/toolbar/toolbar.mjs +232 -132
  28. package/es/control/tree/el-tree-util.d.ts +11 -0
  29. package/es/control/tree/el-tree-util.mjs +35 -1
  30. package/es/control/tree/index.d.ts +1 -0
  31. package/es/control/tree/tree.css +1 -1
  32. package/es/control/tree/tree.d.ts +2 -2
  33. package/es/control/tree/tree.mjs +61 -5
  34. package/es/control/wizard-panel/wizard-panel.css +1 -1
  35. package/es/control/wizard-panel/wizard-panel.mjs +24 -8
  36. package/es/editor/autocomplete/ibiz-autocomplete/ibiz-autocomplete.mjs +4 -1
  37. package/es/editor/cascader/ibiz-cascader/ibiz-cascader.mjs +4 -1
  38. package/es/editor/data-picker/ibiz-mpicker/ibiz-mpicker.mjs +4 -1
  39. package/es/editor/data-picker/ibiz-picker/ibiz-picker.mjs +11 -12
  40. package/es/editor/data-picker/ibiz-picker-dropdown/ibiz-picker-dropdown.mjs +17 -17
  41. package/es/editor/data-picker/ibiz-picker-link/ibiz-picker-link.mjs +10 -9
  42. package/es/editor/data-picker/ibiz-picker-select-view/ibiz-picker-select-view.mjs +4 -1
  43. package/es/editor/date-picker/ibiz-date-picker/ibiz-date-picker.mjs +4 -1
  44. package/es/editor/date-range/ibiz-date-range-picker/ibiz-date-range-picker.mjs +4 -1
  45. package/es/editor/dropdown-list/ibiz-dropdown/ibiz-dropdown.mjs +4 -1
  46. package/es/editor/dropdown-list/ibiz-emoji-picker/ibiz-emoji-picker.mjs +4 -1
  47. package/es/editor/map-picker/ibiz-map-picker/ibiz-map-picker.mjs +4 -1
  48. package/es/editor/number-range/ibiz-number-range-picker/ibiz-number-range-picker.mjs +4 -1
  49. package/es/editor/raw/ibiz-raw/ibiz-raw.d.ts +2 -2
  50. package/es/editor/raw/ibiz-raw/ibiz-raw.mjs +2 -0
  51. package/es/editor/span/span/span.d.ts +3 -3
  52. package/es/editor/span/span/span.mjs +7 -4
  53. package/es/editor/stepper/ibiz-stepper/ibiz-stepper.mjs +2 -1
  54. package/es/editor/switch/ibiz-switch/ibiz-switch.d.ts +1 -1
  55. package/es/editor/text-box/ibiz-input-number/ibiz-input-number.d.ts +2 -2
  56. package/es/editor/text-box/ibiz-input-number/ibiz-input-number.mjs +5 -2
  57. package/es/editor/text-box/input/input.d.ts +4 -3
  58. package/es/editor/text-box/input/input.mjs +6 -3
  59. package/es/locale/en/index.d.ts +6 -0
  60. package/es/locale/en/index.mjs +5 -0
  61. package/es/locale/zh-CN/index.d.ts +6 -0
  62. package/es/locale/zh-CN/index.mjs +5 -0
  63. package/es/panel-component/app-extend-menu/bottom-side-menu/bottom-side-menu.css +1 -1
  64. package/es/panel-component/app-extend-menu/extend-menu-base/common-extend-menu/common-extend-menu.d.ts +1 -0
  65. package/es/panel-component/app-extend-menu/extend-menu-base/common-extend-menu/common-extend-menu.mjs +25 -4
  66. package/es/panel-component/app-extend-menu/extend-menu-base/extend-button-menu/extend-button-menu.css +1 -0
  67. package/es/panel-component/app-extend-menu/extend-menu-base/extend-button-menu/extend-button-menu.d.ts +2030 -0
  68. package/es/panel-component/app-extend-menu/extend-menu-base/extend-button-menu/extend-button-menu.mjs +231 -0
  69. package/es/panel-component/app-extend-menu/extend-menu-base/extend-menu-base.util.d.ts +166 -0
  70. package/es/panel-component/app-extend-menu/extend-menu-base/extend-menu-base.util.mjs +339 -0
  71. package/es/panel-component/app-extend-menu/left-side-menu/left-side-menu.css +1 -1
  72. package/es/panel-component/app-extend-menu/right-side-menu/right-side-menu.css +1 -1
  73. package/es/panel-component/app-extend-menu/top-side-menu/top-side-menu.css +1 -1
  74. package/es/util/app-util/app-util.d.ts +6 -0
  75. package/es/util/app-util/app-util.mjs +8 -0
  76. package/es/util/fullscreen/fullscreen-util.mjs +1 -1
  77. package/es/view-engine/app-start-view.engine.d.ts +12 -0
  78. package/es/view-engine/app-start-view.engine.mjs +11 -0
  79. package/es/view-engine/app-welcome-view.engine.d.ts +12 -0
  80. package/es/view-engine/app-welcome-view.engine.mjs +11 -0
  81. package/es/view-engine/edit-view.engine.d.ts +11 -2
  82. package/es/view-engine/edit-view.engine.mjs +23 -8
  83. package/es/view-engine/edit-view4.engine.mjs +4 -0
  84. package/es/view-engine/index.mjs +10 -0
  85. package/es/view-engine/opt-view.engine.d.ts +11 -2
  86. package/es/view-engine/opt-view.engine.mjs +23 -8
  87. package/es/view-engine/tab-exp-view.engine.mjs +1 -0
  88. package/lib/common/editor-empty-text/editor-empty-text.cjs +33 -0
  89. package/lib/common/editor-empty-text/editor-empty-text.css +1 -0
  90. package/lib/common/index.cjs +2 -0
  91. package/lib/control/data-view/data-view.cjs +4 -4
  92. package/lib/control/data-view/data-view.css +1 -1
  93. package/lib/control/drbar/drbar.controller.cjs +3 -1
  94. package/lib/control/drtab/drtab-control.util.cjs +1 -1
  95. package/lib/control/drtab/drtab.cjs +7 -1
  96. package/lib/control/drtab/drtab.controller.cjs +3 -5
  97. package/lib/control/kanban/kanban.cjs +14 -9
  98. package/lib/control/kanban/kanban.css +1 -1
  99. package/lib/control/kanban/lane-kanban/lane-kanban.cjs +411 -0
  100. package/lib/control/kanban/lane-kanban/lane-kanban.css +1 -0
  101. package/lib/control/toolbar/toolbar.cjs +232 -132
  102. package/lib/control/toolbar/toolbar.css +1 -1
  103. package/lib/control/tree/el-tree-util.cjs +35 -0
  104. package/lib/control/tree/tree.cjs +59 -3
  105. package/lib/control/tree/tree.css +1 -1
  106. package/lib/control/wizard-panel/wizard-panel.cjs +23 -7
  107. package/lib/control/wizard-panel/wizard-panel.css +1 -1
  108. package/lib/editor/autocomplete/ibiz-autocomplete/ibiz-autocomplete.cjs +4 -1
  109. package/lib/editor/cascader/ibiz-cascader/ibiz-cascader.cjs +4 -1
  110. package/lib/editor/data-picker/ibiz-mpicker/ibiz-mpicker.cjs +4 -1
  111. package/lib/editor/data-picker/ibiz-picker/ibiz-picker.cjs +11 -12
  112. package/lib/editor/data-picker/ibiz-picker-dropdown/ibiz-picker-dropdown.cjs +17 -17
  113. package/lib/editor/data-picker/ibiz-picker-link/ibiz-picker-link.cjs +9 -8
  114. package/lib/editor/data-picker/ibiz-picker-select-view/ibiz-picker-select-view.cjs +4 -1
  115. package/lib/editor/date-picker/ibiz-date-picker/ibiz-date-picker.cjs +4 -1
  116. package/lib/editor/date-range/ibiz-date-range-picker/ibiz-date-range-picker.cjs +4 -1
  117. package/lib/editor/dropdown-list/ibiz-dropdown/ibiz-dropdown.cjs +4 -1
  118. package/lib/editor/dropdown-list/ibiz-emoji-picker/ibiz-emoji-picker.cjs +4 -1
  119. package/lib/editor/map-picker/ibiz-map-picker/ibiz-map-picker.cjs +4 -1
  120. package/lib/editor/number-range/ibiz-number-range-picker/ibiz-number-range-picker.cjs +4 -1
  121. package/lib/editor/raw/ibiz-raw/ibiz-raw.cjs +2 -0
  122. package/lib/editor/span/span/span.cjs +7 -4
  123. package/lib/editor/stepper/ibiz-stepper/ibiz-stepper.cjs +2 -1
  124. package/lib/editor/text-box/ibiz-input-number/ibiz-input-number.cjs +5 -2
  125. package/lib/editor/text-box/input/input.cjs +6 -3
  126. package/lib/locale/en/index.cjs +5 -0
  127. package/lib/locale/zh-CN/index.cjs +5 -0
  128. package/lib/panel-component/app-extend-menu/bottom-side-menu/bottom-side-menu.css +1 -1
  129. package/lib/panel-component/app-extend-menu/extend-menu-base/common-extend-menu/common-extend-menu.cjs +24 -3
  130. package/lib/panel-component/app-extend-menu/extend-menu-base/extend-button-menu/extend-button-menu.cjs +233 -0
  131. package/lib/panel-component/app-extend-menu/extend-menu-base/extend-button-menu/extend-button-menu.css +1 -0
  132. package/lib/panel-component/app-extend-menu/extend-menu-base/extend-menu-base.util.cjs +344 -0
  133. package/lib/panel-component/app-extend-menu/left-side-menu/left-side-menu.css +1 -1
  134. package/lib/panel-component/app-extend-menu/right-side-menu/right-side-menu.css +1 -1
  135. package/lib/panel-component/app-extend-menu/top-side-menu/top-side-menu.css +1 -1
  136. package/lib/util/app-util/app-util.cjs +8 -0
  137. package/lib/util/fullscreen/fullscreen-util.cjs +1 -1
  138. package/lib/view-engine/app-start-view.engine.cjs +13 -0
  139. package/lib/view-engine/app-welcome-view.engine.cjs +13 -0
  140. package/lib/view-engine/edit-view.engine.cjs +23 -8
  141. package/lib/view-engine/edit-view4.engine.cjs +4 -0
  142. package/lib/view-engine/index.cjs +10 -0
  143. package/lib/view-engine/opt-view.engine.cjs +23 -8
  144. package/lib/view-engine/tab-exp-view.engine.cjs +1 -0
  145. package/package.json +8 -8
  146. package/dist/index-2Djp0sQl.js +0 -4
  147. /package/es/node_modules/.pnpm/{@ibiz-template_core@0.7.41-alpha.2_axios@1.6.8_lodash-es@4.17.21_qs@6.11.2_qx-util@0.4.8_ramda@0.29.1 → @ibiz-template_core@0.7.41-alpha.7_axios@1.6.8_lodash-es@4.17.21_qs@6.11.2_qx-util@0.4.8_ramda@0.29.1}/node_modules/@ibiz-template/core/out/utils/namespace/namespace.mjs +0 -0
  148. /package/lib/node_modules/.pnpm/{@ibiz-template_core@0.7.41-alpha.2_axios@1.6.8_lodash-es@4.17.21_qs@6.11.2_qx-util@0.4.8_ramda@0.29.1 → @ibiz-template_core@0.7.41-alpha.7_axios@1.6.8_lodash-es@4.17.21_qs@6.11.2_qx-util@0.4.8_ramda@0.29.1}/node_modules/@ibiz-template/core/out/utils/namespace/namespace.cjs +0 -0
@@ -31,10 +31,10 @@ const IBizInput = /* @__PURE__ */ defineComponent({
31
31
  rows.value = 10;
32
32
  }
33
33
  if (c.editorParams) {
34
- if (c.editorParams.SHOWLIMIT === "false") {
34
+ if (c.editorParams.SHOWLIMIT === "false" || c.editorParams.showlimit === "false") {
35
35
  showLimit.value = false;
36
36
  }
37
- if (c.editorParams.ISAUTO === "true") {
37
+ if (c.editorParams.ISAUTO === "true" || c.editorParams.isauto === "true") {
38
38
  isAuto.value = true;
39
39
  }
40
40
  }
@@ -501,7 +501,10 @@ const IBizInput = /* @__PURE__ */ defineComponent({
501
501
  }
502
502
  const formDefaultContent = createVNode("div", {
503
503
  "class": this.ns.b("form-default-content")
504
- }, [this.currentVal ? this.type === "password" ? this.currentVal.split("").map((_item) => "\u2022") : this.currentFormatVal : ibiz.config.common.emptyText]);
504
+ }, [this.currentVal ? this.type === "password" ? this.currentVal.split("").map((_item) => "\u2022") : this.currentFormatVal : createVNode(resolveComponent("iBizEditorEmptyText"), {
505
+ "showPlaceholder": this.c.emptyShowPlaceholder,
506
+ "placeHolder": this.c.placeHolder
507
+ }, null)]);
505
508
  return createVNode("div", {
506
509
  "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)],
507
510
  "style": {
@@ -244,6 +244,7 @@ declare const _default: {
244
244
  groupedOn: string;
245
245
  adjustmentsGroup: string;
246
246
  noAllowReorder: string;
247
+ invalidSortType: string;
247
248
  };
248
249
  meditViewPanel: {
249
250
  DraftNew: string;
@@ -1163,6 +1164,11 @@ declare const _default: {
1163
1164
  hideControl: string;
1164
1165
  };
1165
1166
  kanban: {
1167
+ lane: string;
1168
+ collapsed: string;
1169
+ expand: string;
1170
+ allCollapsed: string;
1171
+ allExpand: string;
1166
1172
  selectAll: string;
1167
1173
  selectedDataCount: string;
1168
1174
  natchOperation: string;
@@ -430,6 +430,11 @@ var index = {
430
430
  hideControl: "Column selection"
431
431
  },
432
432
  kanban: {
433
+ lane: "Lane",
434
+ collapsed: "Collapsed",
435
+ expand: "Expand",
436
+ allCollapsed: "All collapsed",
437
+ allExpand: "All expand",
433
438
  selectAll: "Select all",
434
439
  selectedDataCount: "Selected <span>{length}</span> pieces of data",
435
440
  natchOperation: "Batch operation"
@@ -244,6 +244,7 @@ declare const _default: {
244
244
  groupedOn: string;
245
245
  adjustmentsGroup: string;
246
246
  noAllowReorder: string;
247
+ invalidSortType: string;
247
248
  };
248
249
  meditViewPanel: {
249
250
  DraftNew: string;
@@ -1158,6 +1159,11 @@ declare const _default: {
1158
1159
  hideControl: string;
1159
1160
  };
1160
1161
  kanban: {
1162
+ lane: string;
1163
+ collapsed: string;
1164
+ expand: string;
1165
+ allCollapsed: string;
1166
+ allExpand: string;
1161
1167
  selectAll: string;
1162
1168
  selectedDataCount: string;
1163
1169
  natchOperation: string;
@@ -426,6 +426,11 @@ var index = {
426
426
  hideControl: "\u5217\u9009\u62E9"
427
427
  },
428
428
  kanban: {
429
+ lane: "\u6CF3\u9053",
430
+ collapsed: "\u6298\u53E0",
431
+ expand: "\u5C55\u5F00",
432
+ allCollapsed: "\u5168\u90E8\u6536\u8D77",
433
+ allExpand: "\u5168\u90E8\u5C55\u5F00",
429
434
  selectAll: "\u5168\u9009",
430
435
  selectedDataCount: "\u5DF2\u9009\u62E9<span>{length}</span>\u6761\u6570\u636E",
431
436
  natchOperation: "\u6279\u91CF\u64CD\u4F5C"
@@ -1 +1 @@
1
- .ibiz-bottom-side-menu{width:100%;height:100%}
1
+ .ibiz-bottom-side-menu{width:100%;height:100%}.ibiz-col--self-align>.ibiz-bottom-side-menu{width:100%;height:100%}
@@ -66,6 +66,7 @@ export declare const CommonExtendMenu: import("vue").DefineComponent<{
66
66
  };
67
67
  }, {
68
68
  ns: import("@ibiz-template/core").Namespace;
69
+ handleMenuItemClick: (menuItem: IAppMenuItem, event?: MouseEvent) => void;
69
70
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
70
71
  /**
71
72
  * @description 项点击事件
@@ -1,10 +1,14 @@
1
- import { createTextVNode, createVNode, defineComponent } from 'vue';
1
+ import { createVNode, defineComponent } from 'vue';
2
2
  import { useNamespace } from '@ibiz-template/vue3-util';
3
3
  import './common-extend-menu.css';
4
+ import { ExtendButtonMenu } from '../extend-button-menu/extend-button-menu.mjs';
4
5
 
5
6
  "use strict";
6
7
  const CommonExtendMenu = /* @__PURE__ */ defineComponent({
7
8
  name: "IBizCommonExtendMenu",
9
+ components: {
10
+ ExtendButtonMenu
11
+ },
8
12
  props: {
9
13
  /**
10
14
  * @description 绘制模式,'BUTTON' | 'MENU': 按钮态(仅识别一层) | 常规菜单态
@@ -61,16 +65,33 @@ const CommonExtendMenu = /* @__PURE__ */ defineComponent({
61
65
  */
62
66
  menuItemClick: (item, event) => true
63
67
  },
64
- setup(props) {
68
+ setup(props, {
69
+ emit
70
+ }) {
65
71
  const ns = useNamespace("common-extend-menu");
72
+ const handleMenuItemClick = (menuItem, event) => {
73
+ if (!menuItem || (menuItem == null ? void 0 : menuItem.itemType) === "RAWITEM") {
74
+ return;
75
+ }
76
+ emit("menuItemClick", menuItem, event);
77
+ };
66
78
  return {
67
- ns
79
+ ns,
80
+ handleMenuItemClick
68
81
  };
69
82
  },
70
83
  render() {
71
84
  return createVNode("div", {
72
85
  "class": this.ns.b()
73
- }, [this.position, createTextVNode("\u901A\u7528\u83DC\u5355")]);
86
+ }, [createVNode(ExtendButtonMenu, {
87
+ "items": this.items,
88
+ "menuItemsState": this.menuItemsState,
89
+ "providers": this.providers,
90
+ "position": this.position,
91
+ "layoutMode": this.layoutMode,
92
+ "layout": this.layout,
93
+ "onMenuItemClick": this.handleMenuItemClick
94
+ }, null)]);
74
95
  }
75
96
  });
76
97
 
@@ -0,0 +1 @@
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-primary-hover)}.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-primary-hover)}.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)}