@ibiz-template/vue3-components 0.7.41-alpha.145 → 0.7.41-alpha.147

package/lib/panel-component/app-extend-menu/extend-menu-base/extend-standard-menu/extend-standard-menu.css

@@ -1 +1 @@
-.ibiz-extend-standard-menu{width:100%;height:100%}.ibiz-extend-standard-menu__content{position:relative;width:100%;height:100%;background-color:var(--ibiz-extend-standard-menu-bg-color);--ibiz-extend-standard-menu-horizontal-height:50px;--ibiz-extend-standard-menu-color:var(--ibiz-color-primary-text);--ibiz-extend-standard-menu-bg-color:var(--ibiz-color-primary);--ibiz-extend-standard-menu-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-extend-standard-menu-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-extend-standard-menu-active-color:var(--ibiz-color-primary-active-text);--ibiz-extend-standard-menu-active-bg-color:var(--ibiz-color-primary-active);--ibiz-extend-standard-menu-scroll-color:var(--ibiz-color-scroll-menu);--ibiz-extend-standard-menu-padding:var(--ibiz-spacing-none) var(--ibiz-spacing-base);--ibiz-extend-standard-menu-horizontal-padding:var(--ibiz-spacing-none) var(--ibiz-spacing-base-tight);--ibiz-extend-standard-menu-collapse-item-gap:var(--ibiz-spacing-tight);--ibiz-extend-standard-menu-collapse-padding:var(--ibiz-spacing-tight);--ibiz-extend-standard-menu-item-height:42px;--ibiz-extend-standard-menu-item-color:var(--ibiz-color-text-menu);--ibiz-extend-standard-menu-item-selected-color:var(--ibiz-color-primary-active-text);--ibiz-extend-standard-menu-item-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-extend-standard-menu-item-selected-border-color:transparent;--ibiz-extend-standard-menu-item-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-extend-standard-menu-item-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-extend-standard-menu-item-padding:var(--ibiz-spacing-tight);--ibiz-extend-standard-menu-item-border-radius:var(--ibiz-border-radius-small);--ibiz-extend-standard-menu-item-font-size:var(--ibiz-font-size-header-6);--ibiz-extend-standard-menu-item-gap:2px;--ibiz-extend-standard-menu-item-arrow-position:calc(var(--ibiz-spacing-base) - 2px);--ibiz-extend-standard-menu-item-horizontal-height:100%;--ibiz-extend-standard-menu-item-horizontal-popup-height:40px;--ibiz-extend-standard-menu-item-horizontal-color:var(--ibiz-color-text-menu);--ibiz-extend-standard-menu-item-horizontal-selected-color:var(--ibiz-color-primary-active-text);--ibiz-extend-standard-menu-item-horizontal-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-extend-standard-menu-item-horizontal-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-extend-standard-menu-item-horizontal-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-extend-standard-menu-item-horizontal-padding:0 var(--ibiz-spacing-base-loose);--ibiz-extend-standard-menu-item-horizontal-padding-right:calc(var(--ibiz-width-icon-large) + var(--ibiz-spacing-base-loose));--ibiz-extend-standard-menu-item-horizontal-font-size:var(--ibiz-font-size-header-5);--ibiz-extend-standard-menu-item-horizontal-border-radius:0;--ibiz-extend-standard-menu-item-horizontal-selected-border:2px solid var(--ibiz-color-text-1);--ibiz-extend-standard-menu-item-icon-width:var(--ibiz-width-icon-large);--ibiz-extend-standard-menu-item-icon-height:var(--ibiz-width-icon-large);--ibiz-extend-standard-menu-item-icon-margin:0 var(--ibiz-spacing-tight) 0 0;--ibiz-extend-standard-menu-item-icon-size:var(--ibiz-width-icon-medium);--ibiz-extend-standard-menu-item-icon-gap:var(--ibiz-spacing-tight);--ibiz-extend-standard-menu-item-counter-height:20px;--ibiz-extend-standard-menu-item-counter-color:var(--ibiz-color-danger-text);--ibiz-extend-standard-menu-item-counter-bg-color:var(--ibiz-color-danger);--ibiz-extend-standard-menu-item-counter-padding:var(--ibiz-spacing-none) var(--ibiz-spacing-tight);--ibiz-extend-standard-menu-item-counter-gap:5px;--ibiz-extend-standard-menu-item-counter-border-radius:var(--ibiz-border-radius-medium);--ibiz-extend-standard-menu-divider-color:var(--ibiz-color-scroll-menu);--ibiz-extend-standard-menu-divider-margin:var(--ibiz-spacing-tight) 0}.ibiz-extend-standard-menu__content>.el-menu{height:100%;padding:etCssVar(extend-standard-menu,padding);overflow:hidden auto;border-right:0;--el-menu-hover-text-color:var(--ibiz-extend-standard-menu-item-color);--el-menu-hover-bg-color:transparent;--ibiz-extend-standard-menu-item-height:42px;--ibiz-extend-standard-menu-item-color:var(--ibiz-color-text-menu);--ibiz-extend-standard-menu-item-selected-color:var(--ibiz-color-primary-active-text);--ibiz-extend-standard-menu-item-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-extend-standard-menu-item-selected-border-color:transparent;--ibiz-extend-standard-menu-item-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-extend-standard-menu-item-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-extend-standard-menu-item-padding:var(--ibiz-spacing-tight);--ibiz-extend-standard-menu-item-border-radius:var(--ibiz-border-radius-small);--ibiz-extend-standard-menu-item-font-size:var(--ibiz-font-size-header-6);--ibiz-extend-standard-menu-item-gap:2px;--ibiz-extend-standard-menu-item-arrow-position:calc(var(--ibiz-spacing-base) - 2px);--ibiz-extend-standard-menu-item-horizontal-height:100%;--ibiz-extend-standard-menu-item-horizontal-popup-height:40px;--ibiz-extend-standard-menu-item-horizontal-color:var(--ibiz-color-text-menu);--ibiz-extend-standard-menu-item-horizontal-selected-color:var(--ibiz-color-primary-active-text);--ibiz-extend-standard-menu-item-horizontal-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-extend-standard-menu-item-horizontal-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-extend-standard-menu-item-horizontal-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-extend-standard-menu-item-horizontal-padding:0 var(--ibiz-spacing-base-loose);--ibiz-extend-standard-menu-item-horizontal-padding-right:calc(var(--ibiz-width-icon-large) + var(--ibiz-spacing-base-loose));--ibiz-extend-standard-menu-item-horizontal-font-size:var(--ibiz-font-size-header-5);--ibiz-extend-standard-menu-item-horizontal-border-radius:0;--ibiz-extend-standard-menu-item-horizontal-selected-border:2px solid var(--ibiz-color-text-1);--ibiz-extend-standard-menu-item-icon-width:var(--ibiz-width-icon-large);--ibiz-extend-standard-menu-item-icon-height:var(--ibiz-width-icon-large);--ibiz-extend-standard-menu-item-icon-margin:0 var(--ibiz-spacing-tight) 0 0;--ibiz-extend-standard-menu-item-icon-size:var(--ibiz-width-icon-medium);--ibiz-extend-standard-menu-item-icon-gap:var(--ibiz-spacing-tight);--ibiz-extend-standard-menu-item-counter-height:20px;--ibiz-extend-standard-menu-item-counter-color:var(--ibiz-color-danger-text);--ibiz-extend-standard-menu-item-counter-bg-color:var(--ibiz-color-danger);--ibiz-extend-standard-menu-item-counter-padding:var(--ibiz-spacing-none) var(--ibiz-spacing-tight);--ibiz-extend-standard-menu-item-counter-gap:5px;--ibiz-extend-standard-menu-item-counter-border-radius:var(--ibiz-border-radius-medium);--ibiz-extend-standard-menu-rawitem-height:42px;--ibiz-extend-standard-menu-rawitem-color:var(--ibiz-color-text-menu);--ibiz-extend-standard-menu-rawitem-font-size:var(--ibiz-font-size-header-6)}.ibiz-extend-standard-menu__content>.el-menu .ibiz-extend-standard-menu__rawitem{min-height:var(--ibiz-extend-standard-menu-rawitem-height);line-height:var(--ibiz-extend-standard-menu-rawitem-height)}.ibiz-extend-standard-menu__content>.el-menu .ibiz-extend-standard-menu__rawitem .ibiz-rawitem{display:flex;align-items:center;justify-content:flex-start;font-size:var(--ibiz-extend-standard-menu-rawitem-font-size);color:var(--ibiz-extend-standard-menu-rawitem-color)}.ibiz-extend-standard-menu__content>.el-menu .ibiz-extend-standard-menu__rawitem .ibiz-rawitem>.ibiz-icon{display:flex;align-items:center;width:var(--ibiz-extend-standard-menu-item-icon-width);height:var(--ibiz-extend-standard-menu-item-icon-height);font-size:var(--ibiz-extend-standard-menu-item-icon-size)}.ibiz-extend-standard-menu__content>.el-menu .ibiz-extend-standard-menu__rawitem .ibiz-rawitem *{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-extend-standard-menu__content .el-sub-menu .el-sub-menu__icon-arrow{right:10px;width:var(--ibiz-extend-standard-menu-item-icon-width);height:var(--ibiz-extend-standard-menu-item-icon-height);margin-top:-10px;font-size:var(--ibiz-extend-standard-menu-item-icon-width)}.ibiz-extend-standard-menu__content .el-sub-menu .el-menu-item{padding:calc(var(--ibiz-extend-standard-menu-item-padding) * .875) calc(var(--ibiz-extend-standard-menu-item-padding) * 2.5)}.ibiz-extend-standard-menu__content .el-sub-menu .el-sub-menu__title>.ibiz-extend-standard-menu__counter{right:30px}.ibiz-extend-standard-menu__content .el-menu--vertical{width:100%}.ibiz-extend-standard-menu__content .el-menu--vertical .el-menu-item,.ibiz-extend-standard-menu__content .el-menu--vertical .el-sub-menu__title{display:flex;align-items:center;justify-content:flex-start;--el-menu-base-level-padding:var(--ibiz-extend-standard-menu-item-padding);width:100%;height:var(--ibiz-extend-standard-menu-item-height);font-size:var(--ibiz-extend-standard-menu-item-font-size);color:var(--ibiz-extend-standard-menu-item-color);white-space:nowrap;border-radius:var(--ibiz-extend-standard-menu-item-border-radius)}.ibiz-extend-standard-menu__content .el-menu--vertical .el-menu-item.is-active,.ibiz-extend-standard-menu__content .el-menu--vertical .el-sub-menu__title.is-active{color:var(--ibiz-extend-standard-menu-item-selected-color)!important;background-color:var(--ibiz-extend-standard-menu-item-selected-bg-color)}.ibiz-extend-standard-menu__content .el-menu--vertical .el-menu-item:hover,.ibiz-extend-standard-menu__content .el-menu--vertical .el-sub-menu__title:hover{color:var(--ibiz-extend-standard-menu-item-hover-color);background-color:var(--ibiz-extend-standard-menu-item-hover-bg-color)}.ibiz-extend-standard-menu__content .el-menu--vertical .el-menu-item+.el-menu-item{margin-top:var(--ibiz-extend-standard-menu-item-gap)}.ibiz-extend-standard-menu__content .el-menu--vertical .el-sub-menu+.el-menu-item{margin-top:var(--ibiz-extend-standard-menu-item-gap)}.ibiz-extend-standard-menu__content .el-menu--vertical .el-sub-menu+.el-sub-menu{margin-top:var(--ibiz-extend-standard-menu-item-gap)}.ibiz-extend-standard-menu__content .el-menu--vertical .el-menu-item+.el-sub-menu{margin-top:var(--ibiz-extend-standard-menu-item-gap)}.ibiz-extend-standard-menu__content .el-menu--vertical .el-sub-menu__title+.el-menu{margin-top:var(--ibiz-extend-standard-menu-item-gap)}.ibiz-extend-standard-menu__content .el-menu--vertical::-webkit-scrollbar-thumb{background-color:var(--ibiz-extend-standard-menu-scroll-color)}.ibiz-extend-standard-menu__content .el-menu--horizontal{align-items:center;height:100%;padding:var(--ibiz-extend-standard-menu-horizontal-padding);overflow-x:hidden;border-bottom:none}.ibiz-extend-standard-menu__content .el-menu--horizontal .el-menu-item,.ibiz-extend-standard-menu__content .el-menu--horizontal .el-sub-menu__title{height:var(--ibiz-extend-standard-menu-item-horizontal-height);padding:var(--ibiz-extend-standard-menu-item-horizontal-padding);font-size:var(--ibiz-extend-standard-menu-item-horizontal-font-size);line-height:var(--ibiz-extend-standard-menu-item-horizontal-height);color:var(--ibiz-extend-standard-menu-item-horizontal-color);white-space:nowrap;border-width:0;border-radius:var(--ibiz-extend-standard-menu-item-horizontal-border-radius)}.ibiz-extend-standard-menu__content .el-menu--horizontal .el-menu-item:hover,.ibiz-extend-standard-menu__content .el-menu--horizontal .el-sub-menu__title:hover{color:var(--ibiz-extend-standard-menu-item-horizontal-hover-color);background-color:var(--ibiz-extend-standard-menu-item-horizontal-hover-bg-color)}.ibiz-extend-standard-menu__content .el-menu--horizontal .el-menu-item.is-active,.ibiz-extend-standard-menu__content .el-menu--horizontal .el-sub-menu__title.is-active{color:var(--ibiz-extend-standard-menu-item-selected-color)!important;background-color:var(--ibiz-extend-standard-menu-item-horizontal-selected-bg-color);border-top:var(--ibiz-extend-standard-menu-item-horizontal-selected-border)}.ibiz-extend-standard-menu__content .el-menu--horizontal .el-menu-item .el-sub-menu__icon-arrow,.ibiz-extend-standard-menu__content .el-menu--horizontal .el-sub-menu__title .el-sub-menu__icon-arrow{right:var(--ibiz-extend-standard-menu-item-arrow-position)}.ibiz-extend-standard-menu__content .el-menu--horizontal .el-sub-menu{height:var(--ibiz-extend-standard-menu-item-horizontal-height)}.ibiz-extend-standard-menu__content .el-menu--horizontal .el-sub-menu>.el-sub-menu__title{padding-right:var(--ibiz-extend-standard-menu-item-horizontal-padding-right)}.ibiz-extend-standard-menu__content .el-menu--horizontal>.el-sub-menu:hover .el-sub-menu__title{color:var(--ibiz-extend-standard-menu-item-horizontal-hover-color);background-color:var(--ibiz-extend-standard-menu-item-horizontal-hover-bg-color)}.ibiz-extend-standard-menu__content .el-menu--horizontal>.el-sub-menu.is-active .el-sub-menu__title{color:var(--ibiz-extend-standard-menu-item-horizontal-selected-color);background-color:var(--ibiz-extend-standard-menu-item-horizontal-selected-bg-color);border-top:var(--ibiz-extend-standard-menu-item-border);border-bottom:0}.ibiz-extend-standard-menu__content .el-menu--horizontal::-webkit-scrollbar-thumb{background-color:var(--ibiz-extend-standard-menu-scroll-color)}.ibiz-extend-standard-menu__content .el-menu--horizontal .el-divider--vertical{border-color:var(--ibiz-extend-standard-menu-divider-color)}.ibiz-extend-standard-menu__content.is-horizontal{--ibiz-color-text-0:var(--ibiz-extend-standard-menu-color);--ibiz-color-text-1:var(--ibiz-extend-standard-menu-color);--ibiz-color-text-2:var(--ibiz-extend-standard-menu-color);--ibiz-color-text-3:var(--ibiz-extend-standard-menu-color);width:100%;height:var(--ibiz-extend-standard-menu-horizontal-height)}.ibiz-extend-standard-menu__content.is-bottom .el-menu--horizontal .el-menu-item.is-active,.ibiz-extend-standard-menu__content.is-bottom .el-menu--horizontal .el-sub-menu.is-active .el-sub-menu__title{border-top:0;border-bottom:var(--ibiz-extend-standard-menu-item-horizontal-selected-border)}.ibiz-extend-standard-menu__content.is-collapse>.el-menu{padding:var(--ibiz-extend-standard-menu-collapse-padding)}.ibiz-extend-standard-menu__content .el-menu{--ibiz-color-primary-hover:var(--ibiz-extend-standard-menu-active-bg-color);--ibiz-color-primary-hover-text:var(--ibiz-extend-standard-menu-active-color);--ibiz-color-primary-active:var(--ibiz-extend-standard-menu-hover-bg-color);--ibiz-color-primary-active-text:var(--ibiz-extend-standard-menu-hover-color);--el-button-text-color:var(--ibiz-extend-standard-menu-color)}.ibiz-extend-standard-menu__icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-extend-standard-menu-item-icon-width);height:var(--ibiz-extend-standard-menu-item-icon-height);font-size:var(--ibiz-extend-standard-menu-item-icon-size)}.ibiz-extend-standard-menu__icon+.ibiz-extend-standard-menu__caption{margin-left:var(--ibiz-extend-standard-menu-item-icon-gap)}.ibiz-extend-standard-menu__caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:var(--ibiz-extend-standard-menu-item-height)}.ibiz-extend-standard-menu-popup-container{--el-menu-hover-text-color:var(--ibiz-extend-standard-menu-item-color);--el-menu-hover-bg-color:transparent;--ibiz-extend-standard-menu-item-height:42px;--ibiz-extend-standard-menu-item-color:var(--ibiz-color-text-menu);--ibiz-extend-standard-menu-item-selected-color:var(--ibiz-color-primary-active-text);--ibiz-extend-standard-menu-item-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-extend-standard-menu-item-selected-border-color:transparent;--ibiz-extend-standard-menu-item-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-extend-standard-menu-item-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-extend-standard-menu-item-padding:var(--ibiz-spacing-tight);--ibiz-extend-standard-menu-item-border-radius:var(--ibiz-border-radius-small);--ibiz-extend-standard-menu-item-font-size:var(--ibiz-font-size-header-6);--ibiz-extend-standard-menu-item-gap:2px;--ibiz-extend-standard-menu-item-arrow-position:calc(var(--ibiz-spacing-base) - 2px);--ibiz-extend-standard-menu-item-horizontal-height:100%;--ibiz-extend-standard-menu-item-horizontal-popup-height:40px;--ibiz-extend-standard-menu-item-horizontal-color:var(--ibiz-color-text-menu);--ibiz-extend-standard-menu-item-horizontal-selected-color:var(--ibiz-color-primary-active-text);--ibiz-extend-standard-menu-item-horizontal-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-extend-standard-menu-item-horizontal-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-extend-standard-menu-item-horizontal-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-extend-standard-menu-item-horizontal-padding:0 var(--ibiz-spacing-base-loose);--ibiz-extend-standard-menu-item-horizontal-padding-right:calc(var(--ibiz-width-icon-large) + var(--ibiz-spacing-base-loose));--ibiz-extend-standard-menu-item-horizontal-font-size:var(--ibiz-font-size-header-5);--ibiz-extend-standard-menu-item-horizontal-border-radius:0;--ibiz-extend-standard-menu-item-horizontal-selected-border:2px solid var(--ibiz-color-text-1);--ibiz-extend-standard-menu-item-icon-width:var(--ibiz-width-icon-large);--ibiz-extend-standard-menu-item-icon-height:var(--ibiz-width-icon-large);--ibiz-extend-standard-menu-item-icon-margin:0 var(--ibiz-spacing-tight) 0 0;--ibiz-extend-standard-menu-item-icon-size:var(--ibiz-width-icon-medium);--ibiz-extend-standard-menu-item-icon-gap:var(--ibiz-spacing-tight);--ibiz-extend-standard-menu-item-counter-height:20px;--ibiz-extend-standard-menu-item-counter-color:var(--ibiz-color-danger-text);--ibiz-extend-standard-menu-item-counter-bg-color:var(--ibiz-color-danger);--ibiz-extend-standard-menu-item-counter-padding:var(--ibiz-spacing-none) var(--ibiz-spacing-tight);--ibiz-extend-standard-menu-item-counter-gap:5px;--ibiz-extend-standard-menu-item-counter-border-radius:var(--ibiz-border-radius-medium);--ibiz-extend-standard-menu-rawitem-height:42px;--ibiz-extend-standard-menu-rawitem-color:var(--ibiz-color-text-menu);--ibiz-extend-standard-menu-rawitem-font-size:var(--ibiz-font-size-header-6)}.ibiz-extend-standard-menu-popup-container .ibiz-extend-standard-menu__rawitem{min-height:var(--ibiz-extend-standard-menu-rawitem-height);line-height:var(--ibiz-extend-standard-menu-rawitem-height)}.ibiz-extend-standard-menu-popup-container .ibiz-extend-standard-menu__rawitem .ibiz-rawitem{display:flex;align-items:center;justify-content:flex-start;font-size:var(--ibiz-extend-standard-menu-rawitem-font-size);color:var(--ibiz-extend-standard-menu-rawitem-color)}.ibiz-extend-standard-menu-popup-container .ibiz-extend-standard-menu__rawitem .ibiz-rawitem>.ibiz-icon{display:flex;align-items:center;width:var(--ibiz-extend-standard-menu-item-icon-width);height:var(--ibiz-extend-standard-menu-item-icon-height);font-size:var(--ibiz-extend-standard-menu-item-icon-size)}.ibiz-extend-standard-menu-popup-container .ibiz-extend-standard-menu__rawitem .ibiz-rawitem *{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-extend-standard-menu-popup-container.el-menu--popup-container{--ibiz-extend-standard-menu-horizontal-height:50px;--ibiz-extend-standard-menu-color:var(--ibiz-color-primary-text);--ibiz-extend-standard-menu-bg-color:var(--ibiz-color-primary);--ibiz-extend-standard-menu-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-extend-standard-menu-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-extend-standard-menu-active-color:var(--ibiz-color-primary-active-text);--ibiz-extend-standard-menu-active-bg-color:var(--ibiz-color-primary-active);--ibiz-extend-standard-menu-scroll-color:var(--ibiz-color-scroll-menu);--ibiz-extend-standard-menu-padding:var(--ibiz-spacing-none) var(--ibiz-spacing-base);--ibiz-extend-standard-menu-horizontal-padding:var(--ibiz-spacing-none) var(--ibiz-spacing-base-tight);--ibiz-extend-standard-menu-collapse-item-gap:var(--ibiz-spacing-tight);--ibiz-extend-standard-menu-collapse-padding:var(--ibiz-spacing-tight);--ibiz-extend-standard-menu-item-height:42px;--ibiz-extend-standard-menu-item-color:var(--ibiz-color-text-menu);--ibiz-extend-standard-menu-item-selected-color:var(--ibiz-color-primary-active-text);--ibiz-extend-standard-menu-item-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-extend-standard-menu-item-selected-border-color:transparent;--ibiz-extend-standard-menu-item-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-extend-standard-menu-item-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-extend-standard-menu-item-padding:var(--ibiz-spacing-tight);--ibiz-extend-standard-menu-item-border-radius:var(--ibiz-border-radius-small);--ibiz-extend-standard-menu-item-font-size:var(--ibiz-font-size-header-6);--ibiz-extend-standard-menu-item-gap:2px;--ibiz-extend-standard-menu-item-arrow-position:calc(var(--ibiz-spacing-base) - 2px);--ibiz-extend-standard-menu-item-horizontal-height:100%;--ibiz-extend-standard-menu-item-horizontal-popup-height:40px;--ibiz-extend-standard-menu-item-horizontal-color:var(--ibiz-color-text-menu);--ibiz-extend-standard-menu-item-horizontal-selected-color:var(--ibiz-color-primary-active-text);--ibiz-extend-standard-menu-item-horizontal-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-extend-standard-menu-item-horizontal-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-extend-standard-menu-item-horizontal-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-extend-standard-menu-item-horizontal-padding:0 var(--ibiz-spacing-base-loose);--ibiz-extend-standard-menu-item-horizontal-padding-right:calc(var(--ibiz-width-icon-large) + var(--ibiz-spacing-base-loose));--ibiz-extend-standard-menu-item-horizontal-font-size:var(--ibiz-font-size-header-5);--ibiz-extend-standard-menu-item-horizontal-border-radius:0;--ibiz-extend-standard-menu-item-horizontal-selected-border:2px solid var(--ibiz-color-text-1);--ibiz-extend-standard-menu-popup-padding:var(--ibiz-spacing-extra-tight);--ibiz-extend-standard-menu-popup-bg-color:var(--ibiz-color-primary);--ibiz-extend-standard-menu-popup-box-shadow:var(--ibiz-shadow-elevated);border:none;box-shadow:var(--ibiz-extend-standard-menu-popup-box-shadow)}.ibiz-extend-standard-menu-popup-container.el-menu--popup-container .el-menu--popup{max-height:100vh;padding:var(--ibiz-extend-standard-menu-popup-padding);overflow:auto;background-color:var(--ibiz-extend-standard-menu-popup-bg-color)}.ibiz-extend-standard-menu-popup-container.el-menu--popup-container .el-menu--popup .el-menu-item,.ibiz-extend-standard-menu-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-extend-standard-menu-item-horizontal-popup-height);font-size:var(--ibiz-extend-standard-menu-item-font-size);color:var(--ibiz-extend-standard-menu-item-horizontal-color);white-space:nowrap;border-radius:var(--ibiz-extend-standard-menu-item-horizontal-border-radius)}.ibiz-extend-standard-menu-popup-container.el-menu--popup-container .el-menu--popup .el-menu-item.is-active,.ibiz-extend-standard-menu-popup-container.el-menu--popup-container .el-menu--popup .el-sub-menu__title.is-active{color:var(--ibiz-extend-standard-menu-item-horizontal-selected-color);background-color:var(--ibiz-extend-standard-menu-item-horizontal-selected-bg-color)}.ibiz-extend-standard-menu-popup-container.el-menu--popup-container .el-menu--popup .el-menu-item:hover,.ibiz-extend-standard-menu-popup-container.el-menu--popup-container .el-menu--popup .el-sub-menu__title:hover{color:var(--ibiz-extend-standard-menu-item-hover-color);background-color:var(--ibiz-extend-standard-menu-item-hover-bg-color)}.ibiz-extend-standard-menu-popup-container.el-menu--popup-container .el-menu--popup .el-menu-item .el-icon,.ibiz-extend-standard-menu-popup-container.el-menu--popup-container .el-menu--popup .el-sub-menu__title .el-icon{display:none}.ibiz-extend-standard-menu-popup-container .ibiz-extend-standard-menu__counter{position:absolute;top:50%;right:var(--ibiz-extend-standard-menu-item-counter-gap);height:var(--ibiz-extend-standard-menu-item-counter-height);padding:var(--ibiz-extend-standard-menu-item-counter-padding);line-height:initial;color:var(--ibiz-extend-standard-menu-item-counter-color);background-color:var(--ibiz-extend-standard-menu-item-counter-bg-color);border-radius:var(--ibiz-extend-standard-menu-item-counter-border-radius);transform:translateY(-50%)}.ibiz-extend-standard-menu__separator--horizontal{margin:var(--ibiz-extend-standard-menu-divider-margin);border-color:var(--ibiz-extend-standard-menu-divider-color)}.el-menu--horizontal.el-menu--popup-container:has(.ibiz-extend-standard-menu__item,.ibiz-extend-standard-menu-submenu){--el-menu-hover-text-color:var(--ibiz-extend-standard-menu-item-color);--el-menu-hover-bg-color:transparent;--ibiz-extend-standard-menu-item-height:42px;--ibiz-extend-standard-menu-item-color:var(--ibiz-color-text-menu);--ibiz-extend-standard-menu-item-selected-color:var(--ibiz-color-primary-active-text);--ibiz-extend-standard-menu-item-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-extend-standard-menu-item-selected-border-color:transparent;--ibiz-extend-standard-menu-item-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-extend-standard-menu-item-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-extend-standard-menu-item-padding:var(--ibiz-spacing-tight);--ibiz-extend-standard-menu-item-border-radius:var(--ibiz-border-radius-small);--ibiz-extend-standard-menu-item-font-size:var(--ibiz-font-size-header-6);--ibiz-extend-standard-menu-item-gap:2px;--ibiz-extend-standard-menu-item-arrow-position:calc(var(--ibiz-spacing-base) - 2px);--ibiz-extend-standard-menu-item-horizontal-height:100%;--ibiz-extend-standard-menu-item-horizontal-popup-height:40px;--ibiz-extend-standard-menu-item-horizontal-color:var(--ibiz-color-text-menu);--ibiz-extend-standard-menu-item-horizontal-selected-color:var(--ibiz-color-primary-active-text);--ibiz-extend-standard-menu-item-horizontal-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-extend-standard-menu-item-horizontal-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-extend-standard-menu-item-horizontal-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-extend-standard-menu-item-horizontal-padding:0 var(--ibiz-spacing-base-loose);--ibiz-extend-standard-menu-item-horizontal-padding-right:calc(var(--ibiz-width-icon-large) + var(--ibiz-spacing-base-loose));--ibiz-extend-standard-menu-item-horizontal-font-size:var(--ibiz-font-size-header-5);--ibiz-extend-standard-menu-item-horizontal-border-radius:0;--ibiz-extend-standard-menu-item-horizontal-selected-border:2px solid var(--ibiz-color-text-1);--ibiz-extend-standard-menu-item-icon-width:var(--ibiz-width-icon-large);--ibiz-extend-standard-menu-item-icon-height:var(--ibiz-width-icon-large);--ibiz-extend-standard-menu-item-icon-margin:0 var(--ibiz-spacing-tight) 0 0;--ibiz-extend-standard-menu-item-icon-size:var(--ibiz-width-icon-medium);--ibiz-extend-standard-menu-item-icon-gap:var(--ibiz-spacing-tight);--ibiz-extend-standard-menu-item-counter-height:20px;--ibiz-extend-standard-menu-item-counter-color:var(--ibiz-color-danger-text);--ibiz-extend-standard-menu-item-counter-bg-color:var(--ibiz-color-danger);--ibiz-extend-standard-menu-item-counter-padding:var(--ibiz-spacing-none) var(--ibiz-spacing-tight);--ibiz-extend-standard-menu-item-counter-gap:5px;--ibiz-extend-standard-menu-item-counter-border-radius:var(--ibiz-border-radius-medium);--ibiz-extend-standard-menu-rawitem-height:42px;--ibiz-extend-standard-menu-rawitem-color:var(--ibiz-color-text-menu);--ibiz-extend-standard-menu-rawitem-font-size:var(--ibiz-font-size-header-6)}.el-menu--horizontal.el-menu--popup-container:has(.ibiz-extend-standard-menu__item,.ibiz-extend-standard-menu-submenu) .ibiz-extend-standard-menu__rawitem{min-height:var(--ibiz-extend-standard-menu-rawitem-height);line-height:var(--ibiz-extend-standard-menu-rawitem-height)}.el-menu--horizontal.el-menu--popup-container:has(.ibiz-extend-standard-menu__item,.ibiz-extend-standard-menu-submenu) .ibiz-extend-standard-menu__rawitem .ibiz-rawitem{display:flex;align-items:center;justify-content:flex-start;font-size:var(--ibiz-extend-standard-menu-rawitem-font-size);color:var(--ibiz-extend-standard-menu-rawitem-color)}.el-menu--horizontal.el-menu--popup-container:has(.ibiz-extend-standard-menu__item,.ibiz-extend-standard-menu-submenu) .ibiz-extend-standard-menu__rawitem .ibiz-rawitem>.ibiz-icon{display:flex;align-items:center;width:var(--ibiz-extend-standard-menu-item-icon-width);height:var(--ibiz-extend-standard-menu-item-icon-height);font-size:var(--ibiz-extend-standard-menu-item-icon-size)}.el-menu--horizontal.el-menu--popup-container:has(.ibiz-extend-standard-menu__item,.ibiz-extend-standard-menu-submenu) .ibiz-extend-standard-menu__rawitem .ibiz-rawitem *{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.el-menu--horizontal.el-menu--popup-container:has(.ibiz-extend-standard-menu__item,.ibiz-extend-standard-menu-submenu){--ibiz-extend-standard-menu-horizontal-height:50px;--ibiz-extend-standard-menu-color:var(--ibiz-color-primary-text);--ibiz-extend-standard-menu-bg-color:var(--ibiz-color-primary);--ibiz-extend-standard-menu-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-extend-standard-menu-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-extend-standard-menu-active-color:var(--ibiz-color-primary-active-text);--ibiz-extend-standard-menu-active-bg-color:var(--ibiz-color-primary-active);--ibiz-extend-standard-menu-scroll-color:var(--ibiz-color-scroll-menu);--ibiz-extend-standard-menu-padding:var(--ibiz-spacing-none) var(--ibiz-spacing-base);--ibiz-extend-standard-menu-horizontal-padding:var(--ibiz-spacing-none) var(--ibiz-spacing-base-tight);--ibiz-extend-standard-menu-collapse-item-gap:var(--ibiz-spacing-tight);--ibiz-extend-standard-menu-collapse-padding:var(--ibiz-spacing-tight);--ibiz-extend-standard-menu-item-height:42px;--ibiz-extend-standard-menu-item-color:var(--ibiz-color-text-menu);--ibiz-extend-standard-menu-item-selected-color:var(--ibiz-color-primary-active-text);--ibiz-extend-standard-menu-item-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-extend-standard-menu-item-selected-border-color:transparent;--ibiz-extend-standard-menu-item-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-extend-standard-menu-item-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-extend-standard-menu-item-padding:var(--ibiz-spacing-tight);--ibiz-extend-standard-menu-item-border-radius:var(--ibiz-border-radius-small);--ibiz-extend-standard-menu-item-font-size:var(--ibiz-font-size-header-6);--ibiz-extend-standard-menu-item-gap:2px;--ibiz-extend-standard-menu-item-arrow-position:calc(var(--ibiz-spacing-base) - 2px);--ibiz-extend-standard-menu-item-horizontal-height:100%;--ibiz-extend-standard-menu-item-horizontal-popup-height:40px;--ibiz-extend-standard-menu-item-horizontal-color:var(--ibiz-color-text-menu);--ibiz-extend-standard-menu-item-horizontal-selected-color:var(--ibiz-color-primary-active-text);--ibiz-extend-standard-menu-item-horizontal-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-extend-standard-menu-item-horizontal-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-extend-standard-menu-item-horizontal-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-extend-standard-menu-item-horizontal-padding:0 var(--ibiz-spacing-base-loose);--ibiz-extend-standard-menu-item-horizontal-padding-right:calc(var(--ibiz-width-icon-large) + var(--ibiz-spacing-base-loose));--ibiz-extend-standard-menu-item-horizontal-font-size:var(--ibiz-font-size-header-5);--ibiz-extend-standard-menu-item-horizontal-border-radius:0;--ibiz-extend-standard-menu-item-horizontal-selected-border:2px solid var(--ibiz-color-text-1);--ibiz-extend-standard-menu-divider-color:var(--ibiz-color-scroll-menu);--ibiz-extend-standard-menu-divider-margin:var(--ibiz-spacing-tight) 0;--ibiz-extend-standard-menu-popup-padding:var(--ibiz-spacing-extra-tight);--ibiz-extend-standard-menu-popup-bg-color:var(--ibiz-color-primary);--ibiz-extend-standard-menu-popup-box-shadow:var(--ibiz-shadow-elevated);border:none;box-shadow:var(--ibiz-extend-standard-menu-popup-box-shadow)}.el-menu--horizontal.el-menu--popup-container:has(.ibiz-extend-standard-menu__item,.ibiz-extend-standard-menu-submenu) .el-menu--popup{padding:var(--ibiz-extend-standard-menu-popup-padding);background-color:var(--ibiz-extend-standard-menu-popup-bg-color)}.el-menu--horizontal.el-menu--popup-container:has(.ibiz-extend-standard-menu__item,.ibiz-extend-standard-menu-submenu) .el-menu--popup .el-menu-item,.el-menu--horizontal.el-menu--popup-container:has(.ibiz-extend-standard-menu__item,.ibiz-extend-standard-menu-submenu) .el-menu--popup .el-sub-menu__title{display:flex;align-items:center;justify-content:flex-start;width:100%;height:var(--ibiz-extend-standard-menu-item-horizontal-popup-height);font-size:var(--ibiz-extend-standard-menu-item-font-size);color:var(--ibiz-extend-standard-menu-item-horizontal-color);white-space:nowrap;border-radius:var(--ibiz-extend-standard-menu-item-horizontal-border-radius)}.el-menu--horizontal.el-menu--popup-container:has(.ibiz-extend-standard-menu__item,.ibiz-extend-standard-menu-submenu) .el-menu--popup .el-menu-item.is-active,.el-menu--horizontal.el-menu--popup-container:has(.ibiz-extend-standard-menu__item,.ibiz-extend-standard-menu-submenu) .el-menu--popup .el-sub-menu__title.is-active{color:var(--ibiz-extend-standard-menu-item-horizontal-selected-color);background-color:var(--ibiz-extend-standard-menu-item-horizontal-selected-bg-color)}.el-menu--horizontal.el-menu--popup-container:has(.ibiz-extend-standard-menu__item,.ibiz-extend-standard-menu-submenu) .el-menu--popup .el-menu-item:hover,.el-menu--horizontal.el-menu--popup-container:has(.ibiz-extend-standard-menu__item,.ibiz-extend-standard-menu-submenu) .el-menu--popup .el-sub-menu__title:hover{color:var(--ibiz-extend-standard-menu-item-hover-color);background-color:var(--ibiz-extend-standard-menu-item-hover-bg-color)}.el-menu--horizontal.el-menu--popup-container:has(.ibiz-extend-standard-menu__item,.ibiz-extend-standard-menu-submenu) .el-menu--popup .el-menu-item .el-icon,.el-menu--horizontal.el-menu--popup-container:has(.ibiz-extend-standard-menu__item,.ibiz-extend-standard-menu-submenu) .el-menu--popup .el-sub-menu__title .el-icon{display:none}.el-menu--horizontal.el-menu--popup-container:has(.ibiz-extend-standard-menu__item,.ibiz-extend-standard-menu-submenu) .el-menu .el-sub-menu.is-active>.el-sub-menu__title{color:var(--ibiz-extend-standard-menu-item-horizontal-selected-color)}.el-menu--horizontal.el-menu--popup-container:has(.ibiz-extend-standard-menu__item,.ibiz-extend-standard-menu-submenu) .ibiz-extend-standard-menu__separator--vertical{width:100%;height:1px;margin:var(--ibiz-extend-standard-menu-divider-margon);border-top:1px var(--ibiz-extend-standard-menu-divider-color) solid}
+.ibiz-extend-standard-menu{width:100%;height:100%}.ibiz-extend-standard-menu__panel{line-height:normal}.ibiz-extend-standard-menu__content{position:relative;width:100%;height:100%;background-color:var(--ibiz-extend-standard-menu-bg-color);--ibiz-extend-standard-menu-horizontal-height:50px;--ibiz-extend-standard-menu-color:var(--ibiz-color-primary-text);--ibiz-extend-standard-menu-bg-color:var(--ibiz-color-primary);--ibiz-extend-standard-menu-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-extend-standard-menu-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-extend-standard-menu-active-color:var(--ibiz-color-primary-active-text);--ibiz-extend-standard-menu-active-bg-color:var(--ibiz-color-primary-active);--ibiz-extend-standard-menu-scroll-color:var(--ibiz-color-scroll-menu);--ibiz-extend-standard-menu-padding:var(--ibiz-spacing-none) var(--ibiz-spacing-base);--ibiz-extend-standard-menu-horizontal-padding:var(--ibiz-spacing-none) var(--ibiz-spacing-base-tight);--ibiz-extend-standard-menu-collapse-item-gap:var(--ibiz-spacing-tight);--ibiz-extend-standard-menu-collapse-padding:var(--ibiz-spacing-tight);--ibiz-extend-standard-menu-item-height:42px;--ibiz-extend-standard-menu-item-color:var(--ibiz-color-text-menu);--ibiz-extend-standard-menu-item-selected-color:var(--ibiz-color-primary-active-text);--ibiz-extend-standard-menu-item-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-extend-standard-menu-item-selected-border-color:transparent;--ibiz-extend-standard-menu-item-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-extend-standard-menu-item-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-extend-standard-menu-item-padding:var(--ibiz-spacing-tight);--ibiz-extend-standard-menu-item-border-radius:var(--ibiz-border-radius-small);--ibiz-extend-standard-menu-item-font-size:var(--ibiz-font-size-header-6);--ibiz-extend-standard-menu-item-gap:2px;--ibiz-extend-standard-menu-item-arrow-position:calc(var(--ibiz-spacing-base) - 2px);--ibiz-extend-standard-menu-item-horizontal-height:100%;--ibiz-extend-standard-menu-item-horizontal-popup-height:40px;--ibiz-extend-standard-menu-item-horizontal-color:var(--ibiz-color-text-menu);--ibiz-extend-standard-menu-item-horizontal-selected-color:var(--ibiz-color-primary-active-text);--ibiz-extend-standard-menu-item-horizontal-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-extend-standard-menu-item-horizontal-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-extend-standard-menu-item-horizontal-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-extend-standard-menu-item-horizontal-padding:0 var(--ibiz-spacing-base-loose);--ibiz-extend-standard-menu-item-horizontal-padding-right:calc(var(--ibiz-width-icon-large) + var(--ibiz-spacing-base-loose));--ibiz-extend-standard-menu-item-horizontal-font-size:var(--ibiz-font-size-header-5);--ibiz-extend-standard-menu-item-horizontal-border-radius:0;--ibiz-extend-standard-menu-item-horizontal-selected-border:2px solid var(--ibiz-color-text-1);--ibiz-extend-standard-menu-item-icon-width:var(--ibiz-width-icon-large);--ibiz-extend-standard-menu-item-icon-height:var(--ibiz-width-icon-large);--ibiz-extend-standard-menu-item-icon-margin:0 var(--ibiz-spacing-tight) 0 0;--ibiz-extend-standard-menu-item-icon-size:var(--ibiz-width-icon-medium);--ibiz-extend-standard-menu-item-icon-gap:var(--ibiz-spacing-tight);--ibiz-extend-standard-menu-item-counter-height:20px;--ibiz-extend-standard-menu-item-counter-color:var(--ibiz-color-danger-text);--ibiz-extend-standard-menu-item-counter-bg-color:var(--ibiz-color-danger);--ibiz-extend-standard-menu-item-counter-padding:var(--ibiz-spacing-none) var(--ibiz-spacing-tight);--ibiz-extend-standard-menu-item-counter-gap:5px;--ibiz-extend-standard-menu-item-counter-border-radius:var(--ibiz-border-radius-medium);--ibiz-extend-standard-menu-divider-color:var(--ibiz-color-scroll-menu);--ibiz-extend-standard-menu-divider-margin:var(--ibiz-spacing-tight) 0}.ibiz-extend-standard-menu__content>.el-menu{height:100%;padding:etCssVar(extend-standard-menu,padding);overflow:hidden auto;border-right:0;--el-menu-hover-text-color:var(--ibiz-extend-standard-menu-item-color);--el-menu-hover-bg-color:transparent;--ibiz-extend-standard-menu-item-height:42px;--ibiz-extend-standard-menu-item-color:var(--ibiz-color-text-menu);--ibiz-extend-standard-menu-item-selected-color:var(--ibiz-color-primary-active-text);--ibiz-extend-standard-menu-item-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-extend-standard-menu-item-selected-border-color:transparent;--ibiz-extend-standard-menu-item-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-extend-standard-menu-item-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-extend-standard-menu-item-padding:var(--ibiz-spacing-tight);--ibiz-extend-standard-menu-item-border-radius:var(--ibiz-border-radius-small);--ibiz-extend-standard-menu-item-font-size:var(--ibiz-font-size-header-6);--ibiz-extend-standard-menu-item-gap:2px;--ibiz-extend-standard-menu-item-arrow-position:calc(var(--ibiz-spacing-base) - 2px);--ibiz-extend-standard-menu-item-horizontal-height:100%;--ibiz-extend-standard-menu-item-horizontal-popup-height:40px;--ibiz-extend-standard-menu-item-horizontal-color:var(--ibiz-color-text-menu);--ibiz-extend-standard-menu-item-horizontal-selected-color:var(--ibiz-color-primary-active-text);--ibiz-extend-standard-menu-item-horizontal-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-extend-standard-menu-item-horizontal-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-extend-standard-menu-item-horizontal-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-extend-standard-menu-item-horizontal-padding:0 var(--ibiz-spacing-base-loose);--ibiz-extend-standard-menu-item-horizontal-padding-right:calc(var(--ibiz-width-icon-large) + var(--ibiz-spacing-base-loose));--ibiz-extend-standard-menu-item-horizontal-font-size:var(--ibiz-font-size-header-5);--ibiz-extend-standard-menu-item-horizontal-border-radius:0;--ibiz-extend-standard-menu-item-horizontal-selected-border:2px solid var(--ibiz-color-text-1);--ibiz-extend-standard-menu-item-icon-width:var(--ibiz-width-icon-large);--ibiz-extend-standard-menu-item-icon-height:var(--ibiz-width-icon-large);--ibiz-extend-standard-menu-item-icon-margin:0 var(--ibiz-spacing-tight) 0 0;--ibiz-extend-standard-menu-item-icon-size:var(--ibiz-width-icon-medium);--ibiz-extend-standard-menu-item-icon-gap:var(--ibiz-spacing-tight);--ibiz-extend-standard-menu-item-counter-height:20px;--ibiz-extend-standard-menu-item-counter-color:var(--ibiz-color-danger-text);--ibiz-extend-standard-menu-item-counter-bg-color:var(--ibiz-color-danger);--ibiz-extend-standard-menu-item-counter-padding:var(--ibiz-spacing-none) var(--ibiz-spacing-tight);--ibiz-extend-standard-menu-item-counter-gap:5px;--ibiz-extend-standard-menu-item-counter-border-radius:var(--ibiz-border-radius-medium);--ibiz-extend-standard-menu-rawitem-height:42px;--ibiz-extend-standard-menu-rawitem-color:var(--ibiz-color-text-menu);--ibiz-extend-standard-menu-rawitem-font-size:var(--ibiz-font-size-header-6)}.ibiz-extend-standard-menu__content>.el-menu .ibiz-extend-standard-menu__rawitem{min-height:var(--ibiz-extend-standard-menu-rawitem-height);line-height:var(--ibiz-extend-standard-menu-rawitem-height)}.ibiz-extend-standard-menu__content>.el-menu .ibiz-extend-standard-menu__rawitem .ibiz-rawitem{display:flex;align-items:center;justify-content:flex-start;font-size:var(--ibiz-extend-standard-menu-rawitem-font-size);color:var(--ibiz-extend-standard-menu-rawitem-color)}.ibiz-extend-standard-menu__content>.el-menu .ibiz-extend-standard-menu__rawitem .ibiz-rawitem>.ibiz-icon{display:flex;align-items:center;width:var(--ibiz-extend-standard-menu-item-icon-width);height:var(--ibiz-extend-standard-menu-item-icon-height);font-size:var(--ibiz-extend-standard-menu-item-icon-size)}.ibiz-extend-standard-menu__content>.el-menu .ibiz-extend-standard-menu__rawitem .ibiz-rawitem *{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-extend-standard-menu__content .el-sub-menu .el-sub-menu__icon-arrow{right:10px;width:var(--ibiz-extend-standard-menu-item-icon-width);height:var(--ibiz-extend-standard-menu-item-icon-height);margin-top:-10px;font-size:var(--ibiz-extend-standard-menu-item-icon-width)}.ibiz-extend-standard-menu__content .el-sub-menu .el-menu-item{padding:calc(var(--ibiz-extend-standard-menu-item-padding) * .875) calc(var(--ibiz-extend-standard-menu-item-padding) * 2.5)}.ibiz-extend-standard-menu__content .el-sub-menu .el-sub-menu__title>.ibiz-extend-standard-menu__counter{right:30px}.ibiz-extend-standard-menu__content .el-menu--vertical{width:100%}.ibiz-extend-standard-menu__content .el-menu--vertical .el-menu-item,.ibiz-extend-standard-menu__content .el-menu--vertical .el-sub-menu__title{display:flex;align-items:center;justify-content:flex-start;--el-menu-base-level-padding:var(--ibiz-extend-standard-menu-item-padding);width:100%;height:var(--ibiz-extend-standard-menu-item-height);font-size:var(--ibiz-extend-standard-menu-item-font-size);color:var(--ibiz-extend-standard-menu-item-color);white-space:nowrap;border-radius:var(--ibiz-extend-standard-menu-item-border-radius)}.ibiz-extend-standard-menu__content .el-menu--vertical .el-menu-item.is-active,.ibiz-extend-standard-menu__content .el-menu--vertical .el-sub-menu__title.is-active{color:var(--ibiz-extend-standard-menu-item-selected-color)!important;background-color:var(--ibiz-extend-standard-menu-item-selected-bg-color)}.ibiz-extend-standard-menu__content .el-menu--vertical .el-menu-item:hover,.ibiz-extend-standard-menu__content .el-menu--vertical .el-sub-menu__title:hover{color:var(--ibiz-extend-standard-menu-item-hover-color);background-color:var(--ibiz-extend-standard-menu-item-hover-bg-color)}.ibiz-extend-standard-menu__content .el-menu--vertical .el-menu-item+.el-menu-item{margin-top:var(--ibiz-extend-standard-menu-item-gap)}.ibiz-extend-standard-menu__content .el-menu--vertical .el-sub-menu+.el-menu-item{margin-top:var(--ibiz-extend-standard-menu-item-gap)}.ibiz-extend-standard-menu__content .el-menu--vertical .el-sub-menu+.el-sub-menu{margin-top:var(--ibiz-extend-standard-menu-item-gap)}.ibiz-extend-standard-menu__content .el-menu--vertical .el-menu-item+.el-sub-menu{margin-top:var(--ibiz-extend-standard-menu-item-gap)}.ibiz-extend-standard-menu__content .el-menu--vertical .el-sub-menu__title+.el-menu{margin-top:var(--ibiz-extend-standard-menu-item-gap)}.ibiz-extend-standard-menu__content .el-menu--vertical::-webkit-scrollbar-thumb{background-color:var(--ibiz-extend-standard-menu-scroll-color)}.ibiz-extend-standard-menu__content .el-menu--horizontal{align-items:center;height:100%;padding:var(--ibiz-extend-standard-menu-horizontal-padding);overflow-x:hidden;border-bottom:none}.ibiz-extend-standard-menu__content .el-menu--horizontal .el-menu-item,.ibiz-extend-standard-menu__content .el-menu--horizontal .el-sub-menu__title{height:var(--ibiz-extend-standard-menu-item-horizontal-height);padding:var(--ibiz-extend-standard-menu-item-horizontal-padding);font-size:var(--ibiz-extend-standard-menu-item-horizontal-font-size);line-height:var(--ibiz-extend-standard-menu-item-horizontal-height);color:var(--ibiz-extend-standard-menu-item-horizontal-color);white-space:nowrap;border-width:0;border-radius:var(--ibiz-extend-standard-menu-item-horizontal-border-radius)}.ibiz-extend-standard-menu__content .el-menu--horizontal .el-menu-item:hover,.ibiz-extend-standard-menu__content .el-menu--horizontal .el-sub-menu__title:hover{color:var(--ibiz-extend-standard-menu-item-horizontal-hover-color);background-color:var(--ibiz-extend-standard-menu-item-horizontal-hover-bg-color)}.ibiz-extend-standard-menu__content .el-menu--horizontal .el-menu-item.is-active,.ibiz-extend-standard-menu__content .el-menu--horizontal .el-sub-menu__title.is-active{color:var(--ibiz-extend-standard-menu-item-selected-color)!important;background-color:var(--ibiz-extend-standard-menu-item-horizontal-selected-bg-color);border-top:var(--ibiz-extend-standard-menu-item-horizontal-selected-border)}.ibiz-extend-standard-menu__content .el-menu--horizontal .el-menu-item .el-sub-menu__icon-arrow,.ibiz-extend-standard-menu__content .el-menu--horizontal .el-sub-menu__title .el-sub-menu__icon-arrow{right:var(--ibiz-extend-standard-menu-item-arrow-position)}.ibiz-extend-standard-menu__content .el-menu--horizontal .el-sub-menu{height:var(--ibiz-extend-standard-menu-item-horizontal-height)}.ibiz-extend-standard-menu__content .el-menu--horizontal .el-sub-menu>.el-sub-menu__title{padding-right:var(--ibiz-extend-standard-menu-item-horizontal-padding-right)}.ibiz-extend-standard-menu__content .el-menu--horizontal>.el-sub-menu:hover .el-sub-menu__title{color:var(--ibiz-extend-standard-menu-item-horizontal-hover-color);background-color:var(--ibiz-extend-standard-menu-item-horizontal-hover-bg-color)}.ibiz-extend-standard-menu__content .el-menu--horizontal>.el-sub-menu.is-active .el-sub-menu__title{color:var(--ibiz-extend-standard-menu-item-horizontal-selected-color);background-color:var(--ibiz-extend-standard-menu-item-horizontal-selected-bg-color);border-top:var(--ibiz-extend-standard-menu-item-border);border-bottom:0}.ibiz-extend-standard-menu__content .el-menu--horizontal::-webkit-scrollbar-thumb{background-color:var(--ibiz-extend-standard-menu-scroll-color)}.ibiz-extend-standard-menu__content .el-menu--horizontal .el-divider--vertical{border-color:var(--ibiz-extend-standard-menu-divider-color)}.ibiz-extend-standard-menu__content.is-horizontal{--ibiz-color-text-0:var(--ibiz-extend-standard-menu-color);--ibiz-color-text-1:var(--ibiz-extend-standard-menu-color);--ibiz-color-text-2:var(--ibiz-extend-standard-menu-color);--ibiz-color-text-3:var(--ibiz-extend-standard-menu-color);width:100%;height:var(--ibiz-extend-standard-menu-horizontal-height)}.ibiz-extend-standard-menu__content.is-bottom .el-menu--horizontal .el-menu-item.is-active,.ibiz-extend-standard-menu__content.is-bottom .el-menu--horizontal .el-sub-menu.is-active .el-sub-menu__title{border-top:0;border-bottom:var(--ibiz-extend-standard-menu-item-horizontal-selected-border)}.ibiz-extend-standard-menu__content.is-collapse>.el-menu{padding:var(--ibiz-extend-standard-menu-collapse-padding)}.ibiz-extend-standard-menu__content .el-menu{--ibiz-color-primary-hover:var(--ibiz-extend-standard-menu-active-bg-color);--ibiz-color-primary-hover-text:var(--ibiz-extend-standard-menu-active-color);--ibiz-color-primary-active:var(--ibiz-extend-standard-menu-hover-bg-color);--ibiz-color-primary-active-text:var(--ibiz-extend-standard-menu-hover-color);--el-button-text-color:var(--ibiz-extend-standard-menu-color)}.ibiz-extend-standard-menu__icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-extend-standard-menu-item-icon-width);height:var(--ibiz-extend-standard-menu-item-icon-height);font-size:var(--ibiz-extend-standard-menu-item-icon-size)}.ibiz-extend-standard-menu__icon+.ibiz-extend-standard-menu__caption{margin-left:var(--ibiz-extend-standard-menu-item-icon-gap)}.ibiz-extend-standard-menu__caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:var(--ibiz-extend-standard-menu-item-height)}.ibiz-extend-standard-menu-popup-container{--el-menu-hover-text-color:var(--ibiz-extend-standard-menu-item-color);--el-menu-hover-bg-color:transparent;--ibiz-extend-standard-menu-item-height:42px;--ibiz-extend-standard-menu-item-color:var(--ibiz-color-text-menu);--ibiz-extend-standard-menu-item-selected-color:var(--ibiz-color-primary-active-text);--ibiz-extend-standard-menu-item-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-extend-standard-menu-item-selected-border-color:transparent;--ibiz-extend-standard-menu-item-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-extend-standard-menu-item-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-extend-standard-menu-item-padding:var(--ibiz-spacing-tight);--ibiz-extend-standard-menu-item-border-radius:var(--ibiz-border-radius-small);--ibiz-extend-standard-menu-item-font-size:var(--ibiz-font-size-header-6);--ibiz-extend-standard-menu-item-gap:2px;--ibiz-extend-standard-menu-item-arrow-position:calc(var(--ibiz-spacing-base) - 2px);--ibiz-extend-standard-menu-item-horizontal-height:100%;--ibiz-extend-standard-menu-item-horizontal-popup-height:40px;--ibiz-extend-standard-menu-item-horizontal-color:var(--ibiz-color-text-menu);--ibiz-extend-standard-menu-item-horizontal-selected-color:var(--ibiz-color-primary-active-text);--ibiz-extend-standard-menu-item-horizontal-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-extend-standard-menu-item-horizontal-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-extend-standard-menu-item-horizontal-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-extend-standard-menu-item-horizontal-padding:0 var(--ibiz-spacing-base-loose);--ibiz-extend-standard-menu-item-horizontal-padding-right:calc(var(--ibiz-width-icon-large) + var(--ibiz-spacing-base-loose));--ibiz-extend-standard-menu-item-horizontal-font-size:var(--ibiz-font-size-header-5);--ibiz-extend-standard-menu-item-horizontal-border-radius:0;--ibiz-extend-standard-menu-item-horizontal-selected-border:2px solid var(--ibiz-color-text-1);--ibiz-extend-standard-menu-item-icon-width:var(--ibiz-width-icon-large);--ibiz-extend-standard-menu-item-icon-height:var(--ibiz-width-icon-large);--ibiz-extend-standard-menu-item-icon-margin:0 var(--ibiz-spacing-tight) 0 0;--ibiz-extend-standard-menu-item-icon-size:var(--ibiz-width-icon-medium);--ibiz-extend-standard-menu-item-icon-gap:var(--ibiz-spacing-tight);--ibiz-extend-standard-menu-item-counter-height:20px;--ibiz-extend-standard-menu-item-counter-color:var(--ibiz-color-danger-text);--ibiz-extend-standard-menu-item-counter-bg-color:var(--ibiz-color-danger);--ibiz-extend-standard-menu-item-counter-padding:var(--ibiz-spacing-none) var(--ibiz-spacing-tight);--ibiz-extend-standard-menu-item-counter-gap:5px;--ibiz-extend-standard-menu-item-counter-border-radius:var(--ibiz-border-radius-medium);--ibiz-extend-standard-menu-rawitem-height:42px;--ibiz-extend-standard-menu-rawitem-color:var(--ibiz-color-text-menu);--ibiz-extend-standard-menu-rawitem-font-size:var(--ibiz-font-size-header-6)}.ibiz-extend-standard-menu-popup-container .ibiz-extend-standard-menu__rawitem{min-height:var(--ibiz-extend-standard-menu-rawitem-height);line-height:var(--ibiz-extend-standard-menu-rawitem-height)}.ibiz-extend-standard-menu-popup-container .ibiz-extend-standard-menu__rawitem .ibiz-rawitem{display:flex;align-items:center;justify-content:flex-start;font-size:var(--ibiz-extend-standard-menu-rawitem-font-size);color:var(--ibiz-extend-standard-menu-rawitem-color)}.ibiz-extend-standard-menu-popup-container .ibiz-extend-standard-menu__rawitem .ibiz-rawitem>.ibiz-icon{display:flex;align-items:center;width:var(--ibiz-extend-standard-menu-item-icon-width);height:var(--ibiz-extend-standard-menu-item-icon-height);font-size:var(--ibiz-extend-standard-menu-item-icon-size)}.ibiz-extend-standard-menu-popup-container .ibiz-extend-standard-menu__rawitem .ibiz-rawitem *{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-extend-standard-menu-popup-container.el-menu--popup-container{--ibiz-extend-standard-menu-horizontal-height:50px;--ibiz-extend-standard-menu-color:var(--ibiz-color-primary-text);--ibiz-extend-standard-menu-bg-color:var(--ibiz-color-primary);--ibiz-extend-standard-menu-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-extend-standard-menu-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-extend-standard-menu-active-color:var(--ibiz-color-primary-active-text);--ibiz-extend-standard-menu-active-bg-color:var(--ibiz-color-primary-active);--ibiz-extend-standard-menu-scroll-color:var(--ibiz-color-scroll-menu);--ibiz-extend-standard-menu-padding:var(--ibiz-spacing-none) var(--ibiz-spacing-base);--ibiz-extend-standard-menu-horizontal-padding:var(--ibiz-spacing-none) var(--ibiz-spacing-base-tight);--ibiz-extend-standard-menu-collapse-item-gap:var(--ibiz-spacing-tight);--ibiz-extend-standard-menu-collapse-padding:var(--ibiz-spacing-tight);--ibiz-extend-standard-menu-item-height:42px;--ibiz-extend-standard-menu-item-color:var(--ibiz-color-text-menu);--ibiz-extend-standard-menu-item-selected-color:var(--ibiz-color-primary-active-text);--ibiz-extend-standard-menu-item-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-extend-standard-menu-item-selected-border-color:transparent;--ibiz-extend-standard-menu-item-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-extend-standard-menu-item-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-extend-standard-menu-item-padding:var(--ibiz-spacing-tight);--ibiz-extend-standard-menu-item-border-radius:var(--ibiz-border-radius-small);--ibiz-extend-standard-menu-item-font-size:var(--ibiz-font-size-header-6);--ibiz-extend-standard-menu-item-gap:2px;--ibiz-extend-standard-menu-item-arrow-position:calc(var(--ibiz-spacing-base) - 2px);--ibiz-extend-standard-menu-item-horizontal-height:100%;--ibiz-extend-standard-menu-item-horizontal-popup-height:40px;--ibiz-extend-standard-menu-item-horizontal-color:var(--ibiz-color-text-menu);--ibiz-extend-standard-menu-item-horizontal-selected-color:var(--ibiz-color-primary-active-text);--ibiz-extend-standard-menu-item-horizontal-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-extend-standard-menu-item-horizontal-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-extend-standard-menu-item-horizontal-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-extend-standard-menu-item-horizontal-padding:0 var(--ibiz-spacing-base-loose);--ibiz-extend-standard-menu-item-horizontal-padding-right:calc(var(--ibiz-width-icon-large) + var(--ibiz-spacing-base-loose));--ibiz-extend-standard-menu-item-horizontal-font-size:var(--ibiz-font-size-header-5);--ibiz-extend-standard-menu-item-horizontal-border-radius:0;--ibiz-extend-standard-menu-item-horizontal-selected-border:2px solid var(--ibiz-color-text-1);--ibiz-extend-standard-menu-popup-padding:var(--ibiz-spacing-extra-tight);--ibiz-extend-standard-menu-popup-bg-color:var(--ibiz-color-primary);--ibiz-extend-standard-menu-popup-box-shadow:var(--ibiz-shadow-elevated);border:none;box-shadow:var(--ibiz-extend-standard-menu-popup-box-shadow)}.ibiz-extend-standard-menu-popup-container.el-menu--popup-container .el-menu--popup{max-height:100vh;padding:var(--ibiz-extend-standard-menu-popup-padding);overflow:auto;background-color:var(--ibiz-extend-standard-menu-popup-bg-color)}.ibiz-extend-standard-menu-popup-container.el-menu--popup-container .el-menu--popup .el-menu-item,.ibiz-extend-standard-menu-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-extend-standard-menu-item-horizontal-popup-height);font-size:var(--ibiz-extend-standard-menu-item-font-size);color:var(--ibiz-extend-standard-menu-item-horizontal-color);white-space:nowrap;border-radius:var(--ibiz-extend-standard-menu-item-horizontal-border-radius)}.ibiz-extend-standard-menu-popup-container.el-menu--popup-container .el-menu--popup .el-menu-item.is-active,.ibiz-extend-standard-menu-popup-container.el-menu--popup-container .el-menu--popup .el-sub-menu__title.is-active{color:var(--ibiz-extend-standard-menu-item-horizontal-selected-color);background-color:var(--ibiz-extend-standard-menu-item-horizontal-selected-bg-color)}.ibiz-extend-standard-menu-popup-container.el-menu--popup-container .el-menu--popup .el-menu-item:hover,.ibiz-extend-standard-menu-popup-container.el-menu--popup-container .el-menu--popup .el-sub-menu__title:hover{color:var(--ibiz-extend-standard-menu-item-hover-color);background-color:var(--ibiz-extend-standard-menu-item-hover-bg-color)}.ibiz-extend-standard-menu-popup-container.el-menu--popup-container .el-menu--popup .el-menu-item .el-icon,.ibiz-extend-standard-menu-popup-container.el-menu--popup-container .el-menu--popup .el-sub-menu__title .el-icon{display:none}.ibiz-extend-standard-menu-popup-container .ibiz-extend-standard-menu__counter{position:absolute;top:50%;right:var(--ibiz-extend-standard-menu-item-counter-gap);height:var(--ibiz-extend-standard-menu-item-counter-height);padding:var(--ibiz-extend-standard-menu-item-counter-padding);line-height:initial;color:var(--ibiz-extend-standard-menu-item-counter-color);background-color:var(--ibiz-extend-standard-menu-item-counter-bg-color);border-radius:var(--ibiz-extend-standard-menu-item-counter-border-radius);transform:translateY(-50%)}.ibiz-extend-standard-menu__separator--horizontal{margin:var(--ibiz-extend-standard-menu-divider-margin);border-color:var(--ibiz-extend-standard-menu-divider-color)}.el-menu--horizontal.el-menu--popup-container:has(.ibiz-extend-standard-menu__item,.ibiz-extend-standard-menu-submenu){--el-menu-hover-text-color:var(--ibiz-extend-standard-menu-item-color);--el-menu-hover-bg-color:transparent;--ibiz-extend-standard-menu-item-height:42px;--ibiz-extend-standard-menu-item-color:var(--ibiz-color-text-menu);--ibiz-extend-standard-menu-item-selected-color:var(--ibiz-color-primary-active-text);--ibiz-extend-standard-menu-item-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-extend-standard-menu-item-selected-border-color:transparent;--ibiz-extend-standard-menu-item-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-extend-standard-menu-item-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-extend-standard-menu-item-padding:var(--ibiz-spacing-tight);--ibiz-extend-standard-menu-item-border-radius:var(--ibiz-border-radius-small);--ibiz-extend-standard-menu-item-font-size:var(--ibiz-font-size-header-6);--ibiz-extend-standard-menu-item-gap:2px;--ibiz-extend-standard-menu-item-arrow-position:calc(var(--ibiz-spacing-base) - 2px);--ibiz-extend-standard-menu-item-horizontal-height:100%;--ibiz-extend-standard-menu-item-horizontal-popup-height:40px;--ibiz-extend-standard-menu-item-horizontal-color:var(--ibiz-color-text-menu);--ibiz-extend-standard-menu-item-horizontal-selected-color:var(--ibiz-color-primary-active-text);--ibiz-extend-standard-menu-item-horizontal-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-extend-standard-menu-item-horizontal-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-extend-standard-menu-item-horizontal-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-extend-standard-menu-item-horizontal-padding:0 var(--ibiz-spacing-base-loose);--ibiz-extend-standard-menu-item-horizontal-padding-right:calc(var(--ibiz-width-icon-large) + var(--ibiz-spacing-base-loose));--ibiz-extend-standard-menu-item-horizontal-font-size:var(--ibiz-font-size-header-5);--ibiz-extend-standard-menu-item-horizontal-border-radius:0;--ibiz-extend-standard-menu-item-horizontal-selected-border:2px solid var(--ibiz-color-text-1);--ibiz-extend-standard-menu-item-icon-width:var(--ibiz-width-icon-large);--ibiz-extend-standard-menu-item-icon-height:var(--ibiz-width-icon-large);--ibiz-extend-standard-menu-item-icon-margin:0 var(--ibiz-spacing-tight) 0 0;--ibiz-extend-standard-menu-item-icon-size:var(--ibiz-width-icon-medium);--ibiz-extend-standard-menu-item-icon-gap:var(--ibiz-spacing-tight);--ibiz-extend-standard-menu-item-counter-height:20px;--ibiz-extend-standard-menu-item-counter-color:var(--ibiz-color-danger-text);--ibiz-extend-standard-menu-item-counter-bg-color:var(--ibiz-color-danger);--ibiz-extend-standard-menu-item-counter-padding:var(--ibiz-spacing-none) var(--ibiz-spacing-tight);--ibiz-extend-standard-menu-item-counter-gap:5px;--ibiz-extend-standard-menu-item-counter-border-radius:var(--ibiz-border-radius-medium);--ibiz-extend-standard-menu-rawitem-height:42px;--ibiz-extend-standard-menu-rawitem-color:var(--ibiz-color-text-menu);--ibiz-extend-standard-menu-rawitem-font-size:var(--ibiz-font-size-header-6)}.el-menu--horizontal.el-menu--popup-container:has(.ibiz-extend-standard-menu__item,.ibiz-extend-standard-menu-submenu) .ibiz-extend-standard-menu__rawitem{min-height:var(--ibiz-extend-standard-menu-rawitem-height);line-height:var(--ibiz-extend-standard-menu-rawitem-height)}.el-menu--horizontal.el-menu--popup-container:has(.ibiz-extend-standard-menu__item,.ibiz-extend-standard-menu-submenu) .ibiz-extend-standard-menu__rawitem .ibiz-rawitem{display:flex;align-items:center;justify-content:flex-start;font-size:var(--ibiz-extend-standard-menu-rawitem-font-size);color:var(--ibiz-extend-standard-menu-rawitem-color)}.el-menu--horizontal.el-menu--popup-container:has(.ibiz-extend-standard-menu__item,.ibiz-extend-standard-menu-submenu) .ibiz-extend-standard-menu__rawitem .ibiz-rawitem>.ibiz-icon{display:flex;align-items:center;width:var(--ibiz-extend-standard-menu-item-icon-width);height:var(--ibiz-extend-standard-menu-item-icon-height);font-size:var(--ibiz-extend-standard-menu-item-icon-size)}.el-menu--horizontal.el-menu--popup-container:has(.ibiz-extend-standard-menu__item,.ibiz-extend-standard-menu-submenu) .ibiz-extend-standard-menu__rawitem .ibiz-rawitem *{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.el-menu--horizontal.el-menu--popup-container:has(.ibiz-extend-standard-menu__item,.ibiz-extend-standard-menu-submenu){--ibiz-extend-standard-menu-horizontal-height:50px;--ibiz-extend-standard-menu-color:var(--ibiz-color-primary-text);--ibiz-extend-standard-menu-bg-color:var(--ibiz-color-primary);--ibiz-extend-standard-menu-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-extend-standard-menu-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-extend-standard-menu-active-color:var(--ibiz-color-primary-active-text);--ibiz-extend-standard-menu-active-bg-color:var(--ibiz-color-primary-active);--ibiz-extend-standard-menu-scroll-color:var(--ibiz-color-scroll-menu);--ibiz-extend-standard-menu-padding:var(--ibiz-spacing-none) var(--ibiz-spacing-base);--ibiz-extend-standard-menu-horizontal-padding:var(--ibiz-spacing-none) var(--ibiz-spacing-base-tight);--ibiz-extend-standard-menu-collapse-item-gap:var(--ibiz-spacing-tight);--ibiz-extend-standard-menu-collapse-padding:var(--ibiz-spacing-tight);--ibiz-extend-standard-menu-item-height:42px;--ibiz-extend-standard-menu-item-color:var(--ibiz-color-text-menu);--ibiz-extend-standard-menu-item-selected-color:var(--ibiz-color-primary-active-text);--ibiz-extend-standard-menu-item-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-extend-standard-menu-item-selected-border-color:transparent;--ibiz-extend-standard-menu-item-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-extend-standard-menu-item-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-extend-standard-menu-item-padding:var(--ibiz-spacing-tight);--ibiz-extend-standard-menu-item-border-radius:var(--ibiz-border-radius-small);--ibiz-extend-standard-menu-item-font-size:var(--ibiz-font-size-header-6);--ibiz-extend-standard-menu-item-gap:2px;--ibiz-extend-standard-menu-item-arrow-position:calc(var(--ibiz-spacing-base) - 2px);--ibiz-extend-standard-menu-item-horizontal-height:100%;--ibiz-extend-standard-menu-item-horizontal-popup-height:40px;--ibiz-extend-standard-menu-item-horizontal-color:var(--ibiz-color-text-menu);--ibiz-extend-standard-menu-item-horizontal-selected-color:var(--ibiz-color-primary-active-text);--ibiz-extend-standard-menu-item-horizontal-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-extend-standard-menu-item-horizontal-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-extend-standard-menu-item-horizontal-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-extend-standard-menu-item-horizontal-padding:0 var(--ibiz-spacing-base-loose);--ibiz-extend-standard-menu-item-horizontal-padding-right:calc(var(--ibiz-width-icon-large) + var(--ibiz-spacing-base-loose));--ibiz-extend-standard-menu-item-horizontal-font-size:var(--ibiz-font-size-header-5);--ibiz-extend-standard-menu-item-horizontal-border-radius:0;--ibiz-extend-standard-menu-item-horizontal-selected-border:2px solid var(--ibiz-color-text-1);--ibiz-extend-standard-menu-divider-color:var(--ibiz-color-scroll-menu);--ibiz-extend-standard-menu-divider-margin:var(--ibiz-spacing-tight) 0;--ibiz-extend-standard-menu-popup-padding:var(--ibiz-spacing-extra-tight);--ibiz-extend-standard-menu-popup-bg-color:var(--ibiz-color-primary);--ibiz-extend-standard-menu-popup-box-shadow:var(--ibiz-shadow-elevated);border:none;box-shadow:var(--ibiz-extend-standard-menu-popup-box-shadow)}.el-menu--horizontal.el-menu--popup-container:has(.ibiz-extend-standard-menu__item,.ibiz-extend-standard-menu-submenu) .el-menu--popup{padding:var(--ibiz-extend-standard-menu-popup-padding);background-color:var(--ibiz-extend-standard-menu-popup-bg-color)}.el-menu--horizontal.el-menu--popup-container:has(.ibiz-extend-standard-menu__item,.ibiz-extend-standard-menu-submenu) .el-menu--popup .el-menu-item,.el-menu--horizontal.el-menu--popup-container:has(.ibiz-extend-standard-menu__item,.ibiz-extend-standard-menu-submenu) .el-menu--popup .el-sub-menu__title{display:flex;align-items:center;justify-content:flex-start;width:100%;height:var(--ibiz-extend-standard-menu-item-horizontal-popup-height);font-size:var(--ibiz-extend-standard-menu-item-font-size);color:var(--ibiz-extend-standard-menu-item-horizontal-color);white-space:nowrap;border-radius:var(--ibiz-extend-standard-menu-item-horizontal-border-radius)}.el-menu--horizontal.el-menu--popup-container:has(.ibiz-extend-standard-menu__item,.ibiz-extend-standard-menu-submenu) .el-menu--popup .el-menu-item.is-active,.el-menu--horizontal.el-menu--popup-container:has(.ibiz-extend-standard-menu__item,.ibiz-extend-standard-menu-submenu) .el-menu--popup .el-sub-menu__title.is-active{color:var(--ibiz-extend-standard-menu-item-horizontal-selected-color);background-color:var(--ibiz-extend-standard-menu-item-horizontal-selected-bg-color)}.el-menu--horizontal.el-menu--popup-container:has(.ibiz-extend-standard-menu__item,.ibiz-extend-standard-menu-submenu) .el-menu--popup .el-menu-item:hover,.el-menu--horizontal.el-menu--popup-container:has(.ibiz-extend-standard-menu__item,.ibiz-extend-standard-menu-submenu) .el-menu--popup .el-sub-menu__title:hover{color:var(--ibiz-extend-standard-menu-item-hover-color);background-color:var(--ibiz-extend-standard-menu-item-hover-bg-color)}.el-menu--horizontal.el-menu--popup-container:has(.ibiz-extend-standard-menu__item,.ibiz-extend-standard-menu-submenu) .el-menu--popup .el-menu-item .el-icon,.el-menu--horizontal.el-menu--popup-container:has(.ibiz-extend-standard-menu__item,.ibiz-extend-standard-menu-submenu) .el-menu--popup .el-sub-menu__title .el-icon{display:none}.el-menu--horizontal.el-menu--popup-container:has(.ibiz-extend-standard-menu__item,.ibiz-extend-standard-menu-submenu) .el-menu .el-sub-menu.is-active>.el-sub-menu__title{color:var(--ibiz-extend-standard-menu-item-horizontal-selected-color)}.el-menu--horizontal.el-menu--popup-container:has(.ibiz-extend-standard-menu__item,.ibiz-extend-standard-menu-submenu) .ibiz-extend-standard-menu__separator--vertical{width:100%;height:1px;margin:var(--ibiz-extend-standard-menu-divider-margon);border-top:1px var(--ibiz-extend-standard-menu-divider-color) solid}

package/lib/panel-component/app-extend-menu/left-side-menu/left-side-menu.cjs

@@ -48,6 +48,7 @@ const LeftSideMenu = /* @__PURE__ */ vue.defineComponent({
       "class": [this.ns.b(), this.semanticClass("root")],
       "style": this.semanticStyle("root")
     }, [vue.createVNode(vue.resolveComponent("iBizCommonExtendMenu"), {
+      "controller": this.controller,
       "renderMode": this.controller.rawItemParams.rendermode,
       "items": this.state.items,
       "menuItemsState": this.state.menuItemsState,

package/lib/panel-component/app-extend-menu/right-side-menu/right-side-menu.cjs

@@ -50,6 +50,7 @@ const RightSideMenu = /* @__PURE__ */ vue.defineComponent({
     }, [vue.createVNode(vue.resolveComponent("iBizCommonExtendMenu"), {
       "renderMode": this.controller.rawItemParams.rendermode,
       "items": this.state.items,
+      "controller": this.controller,
       "menuItemsState": this.state.menuItemsState,
       "providers": this.controller.itemProviders,
       "position": "RIGHT",

package/lib/panel-component/app-extend-menu/top-side-menu/top-side-menu.cjs

@@ -50,6 +50,7 @@ const TopSideMenu = /* @__PURE__ */ vue.defineComponent({
     }, [vue.createVNode(vue.resolveComponent("iBizCommonExtendMenu"), {
       "renderMode": this.controller.rawItemParams.rendermode,
       "items": this.state.items,
+      "controller": this.controller,
       "menuItemsState": this.state.menuItemsState,
       "providers": this.controller.itemProviders,
       "position": "TOP",

package/lib/util/ai-chat-util/ai-chat-util.cjs

@@ -41,7 +41,7 @@ class AIChatUtil {
     var _a;
     const containerOptions = {
       minimizeOptions: {
-        enable: editorParams.enableaiminimize === "true" || ibiz.config.common.enableAIMinimize,
+        enable: editorParams.enableaiminimize ? editorParams.enableaiminimize === "true" : ibiz.config.common.enableAIMinimize,
         openMode: editorParams.openmode || "default",
         containerId: editorParams.minimizecontainerid || ibiz.config.common.aiMinimizeContainerId
       }
@@ -63,6 +63,23 @@ class AIChatUtil {
       containerOptions.compWrapperId = "DEFAULT";
     }
     const topicOptions = {};
+    topicOptions.workMode = ibiz.config.common.aiWorkMode;
+    if (editorParams.srfworkmode) {
+      topicOptions.workMode = editorParams.srfworkmode;
+    }
+    let scopeCodeListId = editorParams.srfscopecodelistid;
+    if (!scopeCodeListId) {
+      scopeCodeListId = ibiz.config.common.aiScopeCodeListID;
+    }
+    if (scopeCodeListId) {
+      const app2 = await ibiz.hub.getApp(context.srfappid);
+      const dataItems = await app2.codeList.get(
+        scopeCodeListId,
+        context,
+        params
+      );
+      topicOptions.scopeList = dataItems;
+    }
     topicOptions.captionMode = ibiz.config.common.aiChatTopicCaptionMode;
     if (editorParams.topiccaptionmode) {
       topicOptions.captionMode = editorParams.topiccaptionmode;
@@ -79,20 +96,15 @@ class AIChatUtil {
     if (editorParams.topicstoragemode) {
       topicOptions.storageMode = editorParams.topicstoragemode;
     }
-    topicOptions.beforeDelete = async (...args2) => {
-      const isBatchRemove = args2[4];
+    topicOptions.beforeDelete = async (title, description) => {
       const result = await ibiz.confirm.warning({
-        title: ibiz.i18n.t(
-          "util.appUtil.".concat(isBatchRemove ? "clearTopic" : "aiTitle")
-        ),
-        desc: ibiz.i18n.t(
-          "util.appUtil.".concat(isBatchRemove ? "clearTopicDesc" : "aiDesc")
-        )
+        title,
+        desc: description
       });
       return result;
     };
     topicOptions.action = async (action, context2, params2, data2, event) => {
-      if (action === "LINK") {
+      if (action === "LINK" && data2.url) {
         await ibiz.openView.push(data2.url);
       }
       return true;
@@ -101,7 +113,8 @@ class AIChatUtil {
       return new runtime.ConfigService(appid, storageType, subType);
     };
     const chatOptions = {
-      locale: ibiz.i18n.getLang()
+      locale: ibiz.i18n.getLang(),
+      enableAIProject: editorParams.srfenableaiprojectselect ? editorParams.srfenableaiprojectselect === "true" : ibiz.config.common.enableAIProjectSelect
     };
     if (editorParams.srfaiappendcurdata) {
       chatOptions.appendCurData = editorParams.srfaiappendcurdata === "true" ? data : void 0;
@@ -234,6 +247,19 @@ class AIChatUtil {
     let id = "";
     let abortController;
     const { chatInstance, view, ctrl } = args;
+    chatOptions.fetchProject = async (ctx, param, other) => {
+      const deService = await ibiz.hub.getApp(ctx.srfappid).deService.getService(ctx, param.appDataEntityId);
+      const response = await deService.aiChatProject(
+        ctx,
+        { srfactag: param.srfactag },
+        other
+      );
+      let result = [];
+      if (response.data) {
+        result = Array.isArray(response.data) ? response.data : response.data.children;
+      }
+      return result;
+    };
     chatOptions.history = async (ctx, param, other) => {
       const deService = await ibiz.hub.getApp(ctx.srfappid).deService.getService(ctx, other.appDataEntityId);
       const historyRequestData = {};
@@ -293,7 +319,7 @@ class AIChatUtil {
       }
       return true;
     };
-    chatOptions.question = async (aiChat, ctx, param, other, arr, sessionid2, srfaiagent, srfmode, srfscope, srfknowledgebases, srfaiagentconfig, appendcurdata, mcpservers, sessionmeta) => {
+    chatOptions.question = async (aiChat, ctx, param, other, arr, sessionid2, srfaiagent, srfmode, srfscope, srfknowledgebases, srfaiagentconfig, appendcurdata, mcpservers, sessionmeta, srfproject) => {
       id = qxUtil.createUUID();
       abortController = new AbortController();
       const deService = await ibiz.hub.getApp(ctx.srfappid).deService.getService(ctx, other.appDataEntityId);
@@ -308,6 +334,8 @@ class AIChatUtil {
           questionRequestData.mode = srfmode;
         if (srfscope)
           questionRequestData.srfscope = srfscope;
+        if (srfproject)
+          questionRequestData.srfproject = srfproject;
         if (srfknowledgebases)
           questionRequestData.knowledgebases = srfknowledgebases;
         if (srfaiagentconfig) {
@@ -420,6 +448,10 @@ class AIChatUtil {
             srfaiagent: other.srfaiagent
           });
         }
+        if (other.srfproject)
+          Object.assign(abortRequestData, {
+            srfproject: other.srfproject
+          });
         await deService.aiChatCancel(ctx, param, abortRequestData);
         aiChat.setActiveAsyncacitonId("");
       }
@@ -453,6 +485,10 @@ class AIChatUtil {
             messages: other.messages
           });
         }
+        if (other.srfproject)
+          Object.assign(supplementRequestData, {
+            srfproject: other.srfproject
+          });
         await deService.aiChatSupplement(ctx, param, supplementRequestData);
       }
     };
@@ -653,7 +689,7 @@ class AIChatUtil {
     var _a;
     const containerOptions = {
       minimizeOptions: {
-        enable: params.enableaiminimize === "true" || ibiz.config.common.enableAIMinimize,
+        enable: params.enableaiminimize ? params.enableaiminimize === "true" : ibiz.config.common.enableAIMinimize,
         openMode: params.openmode || "default",
         containerId: params.minimizecontainerid || ibiz.config.common.aiMinimizeContainerId
       }
@@ -683,6 +719,24 @@ class AIChatUtil {
       containerOptions.compWrapperId = "DEFAULT";
     }
     const topicOptions = {};
+    topicOptions.workMode = ibiz.config.common.aiWorkMode;
+    if (params.hasOwnProperty("srfworkmode")) {
+      topicOptions.workMode = params.srfworkmode;
+      delete params.srfworkmode;
+    }
+    let scopeCodeListId = params.srfscopecodelistid;
+    if (!scopeCodeListId) {
+      scopeCodeListId = ibiz.config.common.aiScopeCodeListID;
+    }
+    if (scopeCodeListId) {
+      const app2 = await ibiz.hub.getApp(context.srfappid);
+      const dataItems = await app2.codeList.get(
+        scopeCodeListId,
+        context,
+        params
+      );
+      topicOptions.scopeList = dataItems;
+    }
     if (params.hasOwnProperty("topiccaptionmode")) {
       topicOptions.captionMode = params.topiccaptionmode;
       delete params.topiccaptionmode;
@@ -705,20 +759,15 @@ class AIChatUtil {
     } else {
       topicOptions.storageMode = ibiz.config.common.aiTopicStorageMode;
     }
-    topicOptions.beforeDelete = async (...args2) => {
-      const isBatchRemove = args2[4];
+    topicOptions.beforeDelete = async (title, description) => {
       const result = await ibiz.confirm.warning({
-        title: ibiz.i18n.t(
-          "util.appUtil.".concat(isBatchRemove ? "clearTopic" : "aiTitle")
-        ),
-        desc: ibiz.i18n.t(
-          "util.appUtil.".concat(isBatchRemove ? "clearTopicDesc" : "aiDesc")
-        )
+        title,
+        desc: description
       });
       return result;
     };
     topicOptions.action = async (action, context2, params2, data2, event) => {
-      if (action === "LINK") {
+      if (action === "LINK" && data2.url) {
         await ibiz.openView.push(data2.url);
       }
       return true;
@@ -727,8 +776,12 @@ class AIChatUtil {
       return new runtime.ConfigService(appid, storageType, subType);
     };
     const chatOptions = {
-      locale: ibiz.i18n.getLang()
+      locale: ibiz.i18n.getLang(),
+      enableAIProject: params.srfenableaiprojectselect ? params.srfenableaiprojectselect === "true" : ibiz.config.common.enableAIProjectSelect
     };
+    if (params.hasOwnProperty("srfenableaiprojectselect")) {
+      delete params.srfenableaiprojectselect;
+    }
     if (context.srfaiappendcurdata === "true") {
       chatOptions.appendCurData = data;
     } else if (params.hasOwnProperty("srfaiappendcurdata")) {
@@ -885,6 +938,19 @@ class AIChatUtil {
     let id = "";
     let abortController;
     const { chatInstance, view, ctrl } = args;
+    chatOptions.fetchProject = async (ctx, param, other) => {
+      const deService = await ibiz.hub.getApp(ctx.srfappid).deService.getService(ctx, param.appDataEntityId);
+      const response = await deService.aiChatProject(
+        ctx,
+        { srfactag: param.srfactag },
+        other
+      );
+      let result = [];
+      if (response.data) {
+        result = Array.isArray(response.data) ? response.data : response.data.children;
+      }
+      return result;
+    };
     chatOptions.history = async (ctx, param, other) => {
       const deService = await ibiz.hub.getApp(ctx.srfappid).deService.getService(ctx, other.appDataEntityId);
       const historyRequestData = {};
@@ -944,7 +1010,7 @@ class AIChatUtil {
       }
       return true;
     };
-    chatOptions.question = async (aiChat, ctx, param, other, arr, sessionid, srfaiagent, srfmode, srfscope, srfknowledgebases, srfaiagentconfig, appendcurdata, mcpservers, sessionmeta) => {
+    chatOptions.question = async (aiChat, ctx, param, other, arr, sessionid, srfaiagent, srfmode, srfscope, srfknowledgebases, srfaiagentconfig, appendcurdata, mcpservers, sessionmeta, srfproject) => {
       id = qxUtil.createUUID();
       abortController = new AbortController();
       const deService = await ibiz.hub.getApp(ctx.srfappid).deService.getService(ctx, other.appDataEntityId);
@@ -959,6 +1025,8 @@ class AIChatUtil {
           questionRequestData.mode = srfmode;
         if (srfscope)
           questionRequestData.srfscope = srfscope;
+        if (srfproject)
+          questionRequestData.srfproject = srfproject;
         if (srfknowledgebases)
           questionRequestData.knowledgebases = srfknowledgebases;
         if (srfaiagentconfig) {
@@ -1069,6 +1137,10 @@ class AIChatUtil {
             srfaiagent: other.srfaiagent
           });
         }
+        if (other.srfproject)
+          Object.assign(abortRequestData, {
+            srfproject: other.srfproject
+          });
         await deService.aiChatCancel(ctx, param, abortRequestData);
         aiChat.setActiveAsyncacitonId("");
       }
@@ -1102,6 +1174,10 @@ class AIChatUtil {
             messages: other.messages
           });
         }
+        if (other.srfproject)
+          Object.assign(supplementRequestData, {
+            srfproject: other.srfproject
+          });
         await deService.aiChatSupplement(ctx, param, supplementRequestData);
       }
     };
@@ -1561,6 +1637,30 @@ class AIChatUtil {
       );
       return result;
     };
+    resourceOptions.batchDeleteSession = async (realIDs) => {
+      const result = await utilService.batchDeleteSession(
+        context,
+        params,
+        realIDs
+      );
+      return result;
+    };
+    resourceOptions.batchTopSession = async (realIDs) => {
+      const result = await utilService.batchTopSession(
+        context,
+        params,
+        realIDs
+      );
+      return result;
+    };
+    resourceOptions.batchUnTopSession = async (realIDs) => {
+      const result = await utilService.batchUnTopSession(
+        context,
+        params,
+        realIDs
+      );
+      return result;
+    };
     return resourceOptions;
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ibiz-template/vue3-components",
-  "version": "0.7.41-alpha.145",
+  "version": "0.7.41-alpha.147",
   "description": "web端组件库(vue3)",
   "main": "lib/index.cjs",
   "module": "es/index.mjs",
@@ -31,16 +31,16 @@
   "dependencies": {
     "@amap/amap-jsapi-loader": "^1.0.1",
     "@floating-ui/dom": "^1.5.3",
-    "@ibiz-template-plugin/ai-chat": "^0.0.111",
+    "@ibiz-template-plugin/ai-chat": "^0.0.113",
     "@ibiz-template-plugin/gantt": "0.1.8-alpha.468",
     "@ibiz-template-plugin/bi-report": "0.0.32",
     "@ibiz-template-plugin/data-view": "0.0.8",
     "@ibiz-template/core": "0.7.41-alpha.147",
     "@ibiz-template/devtool": "0.0.17",
-    "@ibiz-template/model-helper": "0.7.41-alpha.147",
-    "@ibiz-template/runtime": "0.7.41-alpha.147",
+    "@ibiz-template/model-helper": "0.7.41-alpha.149",
+    "@ibiz-template/runtime": "0.7.41-alpha.149",
     "@ibiz-template/theme": "0.7.39",
-    "@ibiz-template/vue3-util": "0.7.41-alpha.147",
+    "@ibiz-template/vue3-util": "0.7.41-alpha.149.1",
     "@ibiz-template/web-theme": "3.16.0",
     "@ibiz/model-core": "^0.1.89",
     "@imengyu/vue3-context-menu": "^1.3.5",

package/src/common/html-doc-preview/html-doc-preview.tsx

@@ -32,6 +32,10 @@ export const IBizHtmlDocPreview = defineComponent({
 
     // 读取iframe内容实际高度撑开外层
     const calcHeight = (e: Event) => {
+      // 已经计算过高度时不再重新计算，防止视图分页切换时iframe重新计算
+      if (iframeHeight.value) {
+        return;
+      }
       const iframe = e.target as HTMLIFrameElement;
       const doc = iframe.contentDocument;
       const contentWindow = iframe.contentWindow;

package/src/common/no-data/no-data.scss

@@ -13,7 +13,7 @@ $no-data: (
 
   --el-empty-bottom-margin-top: 0;
 
-  .el-empty__description p {
+  .el-empty__description {
     color: getCssVar(color, text, 0);
   }
 

package/src/common/no-data/no-data.tsx

@@ -34,11 +34,10 @@ export const IBizNoData = defineComponent({
   },
   render() {
     return (
-      <el-empty
-        class={[this.ns.b(), this.hideNoDataImage ? 'hideImage' : '']}
-        description={this.label}
-      >
-        {this.$slots.default?.()}
+      <el-empty class={[this.ns.b(), this.hideNoDataImage ? 'hideImage' : '']}>
+        {{
+          description: () => this.$slots.customRender?.() || this.label,
+        }}
       </el-empty>
     );
   },

package/src/control/app-menu/app-menu.scss

@@ -184,6 +184,10 @@ $control-appmenu-collapse: (
   @include set-component-css-var('control-appmenu-collapse', $control-appmenu-collapse);
   @include set-component-css-var('control-appmenu-design', $control-appmenu-design);
 
+  @include e('panel') {
+    line-height: normal;
+  }
+
   >.el-menu {
     height: 100%;
     padding:  getCssVar(spacing, none) getCssVar(spacing, base);

package/src/control/app-menu/app-menu.tsx

@@ -335,6 +335,28 @@ export const AppMenuControl = defineComponent({
       }
     };
 
+    /**
+     * @description 绘制项绘制器
+     * @param {IAppMenuItem} menu
+     */
+    const renderItemRender = (menu: IAppMenuItem) => {
+      const { controlRenders = [] } = menu;
+      const panel = controlRenders.find(
+        render => render.renderType === 'LAYOUTPANEL',
+      )?.layoutPanel;
+      if (panel)
+        return (
+          <iBizControlShell
+            class={ns.e('panel')}
+            modelData={panel}
+            context={c.context}
+            params={c.params}
+          />
+        );
+      const htmlCode = c.getCustomHtml(menu);
+      if (htmlCode) return <div class={ns.e('script')} v-html={htmlCode}></div>;
+    };
+
     /**
      * @description 绘制分组菜单
      * @param {IAppMenuItem} menu
@@ -361,10 +383,10 @@ export const AppMenuControl = defineComponent({
         >
           {{
             title: () => {
+              const renderMenu = renderItemRender(menu);
+              if (renderMenu) return renderMenu;
               const provider = c.itemProviders[id];
-              if (provider) {
-                return renderItemByProvider(provider, menu);
-              }
+              if (provider) return renderItemByProvider(provider, menu);
               return [
                 sysImage && (
                   <iBizIcon
@@ -447,10 +469,10 @@ export const AppMenuControl = defineComponent({
           {{
             default: () => appMenuItems.map(item => renderMenu(false, item)),
             title: () => {
+              const renderMenu = renderItemRender(menu);
+              if (renderMenu) return renderMenu;
               const provider = c.itemProviders[id];
-              if (provider) {
-                return renderItemByProvider(provider, menu);
-              }
+              if (provider) return renderItemByProvider(provider, menu);
               if (props.collapse) {
                 if (sysImage)
                   return (
@@ -522,7 +544,10 @@ export const AppMenuControl = defineComponent({
       } = menu;
       let content = null;
       const provider = c.itemProviders[id];
-      if (provider) {
+      const renderMenu = renderItemRender(menu);
+      if (renderMenu) {
+        content = renderMenu;
+      } else if (provider) {
         content = renderItemByProvider(provider, menu);
       } else if (!(isFirst && props.collapse)) {
         content = [
@@ -610,15 +635,15 @@ export const AppMenuControl = defineComponent({
      * @param {IAppMenuItem} menu
      */
     const renderSeperator = (isFirst: boolean, menu: IAppMenuItem) => {
+      const renderMenu = renderItemRender(menu);
+      if (renderMenu) return renderMenu;
       const direction =
         c.view.model.mainMenuAlign === 'TOP' && isFirst
           ? 'vertical'
           : 'horizontal';
       const menuId = menu.id || '';
       const provider = c.itemProviders[menuId];
-      if (provider) {
-        return renderItemByProvider(provider, menu);
-      }
+      if (provider) return renderItemByProvider(provider, menu);
       return (
         <el-divider
           id={menu.id}
@@ -640,7 +665,10 @@ export const AppMenuControl = defineComponent({
       const { id = '', sysCss, tooltip } = menu;
       const provider = c.itemProviders[id];
       let content = null;
-      if (provider) {
+      const renderMenu = renderItemRender(menu);
+      if (renderMenu) {
+        content = renderMenu;
+      } else if (provider) {
         content = renderItemByProvider(provider, menu);
       } else {
         content = <iBizRawItem rawItem={menu}></iBizRawItem>;