@ibiz-template/vue3-components 0.7.34 → 0.7.38-alpha.12

package/es/view-engine/tree-view.engine.mjs

@@ -1,4 +1,5 @@
 import { MDViewEngine, SysUIActionTag } from '@ibiz-template/runtime';
+import { RuntimeError } from '@ibiz-template/core';
 
 "use strict";
 class TreeViewEngine extends MDViewEngine {
@@ -30,6 +31,40 @@ class TreeViewEngine extends MDViewEngine {
       await this.tree.refreshNodeChildren(args.data[0], true);
       return null;
     }
+    if (key === SysUIActionTag.EXPAND) {
+      const { data = [] } = args;
+      const { srfcollapsetag } = args.params || {};
+      let tag = srfcollapsetag || "";
+      if (!tag && data.length > 0) {
+        tag = data[0].srfnodeid;
+      }
+      if (!tag) {
+        throw new RuntimeError(ibiz.i18n.t("viewEngine.noExpandTag"));
+      }
+      this.tree.changeCollapse({ tag, expand: true });
+      return null;
+    }
+    if (key === SysUIActionTag.COLLAPSE) {
+      const { data = [] } = args;
+      const { srfcollapsetag } = args.params || {};
+      let tag = srfcollapsetag || "";
+      if (!tag && data.length > 0) {
+        tag = data[0].srfnodeid;
+      }
+      if (!tag) {
+        throw new RuntimeError(ibiz.i18n.t("viewEngine.noCollapseTag"));
+      }
+      this.tree.changeCollapse({ tag, expand: false });
+      return null;
+    }
+    if (key === SysUIActionTag.EXPANDALL) {
+      this.tree.changeCollapse({ expand: true });
+      return null;
+    }
+    if (key === SysUIActionTag.COLLAPSEALL) {
+      this.tree.changeCollapse({ expand: false });
+      return null;
+    }
     return super.call(key, args);
   }
 }

package/es/view-engine/wf-dyna-action-view.engine.d.ts

@@ -0,0 +1,30 @@
+import { ViewController, IWFDynaActionViewState, IWFDynaActionViewEvent } from '@ibiz-template/runtime';
+import { IAppDEWFDynaActionView } from '@ibiz/model-core';
+import { WFDynaEditViewEngine } from './wf-dyna-edit-view.engine';
+export declare class WFDynaActionViewEngine extends WFDynaEditViewEngine {
+    /**
+     * 视图控制器
+     *
+     * @protected
+     * @type {ViewController<IAppDEWFDynaActionView, IWFDynaActionViewState, IWFDynaActionViewEvent>}
+     * @memberof WFDynaActionViewEngine
+     */
+    protected view: ViewController<IAppDEWFDynaActionView, IWFDynaActionViewState, IWFDynaActionViewEvent>;
+    isCalcWFToolbar: boolean;
+    calcProcessFormName(): Promise<string>;
+    call(key: string, args: any): Promise<IData | null | undefined>;
+    /**
+     * 确认按钮回调
+     *
+     * @author lxm
+     * @date 2022-09-12 20:09:13
+     */
+    onOkButtonClick(): Promise<void>;
+    /**
+     * 取消按钮回调
+     *
+     * @author lxm
+     * @date 2022-09-12 20:09:00
+     */
+    onCancelButtonClick(): Promise<void>;
+}

package/es/view-engine/wf-dyna-edit-view.engine.d.ts

@@ -0,0 +1,103 @@
+import { ViewController, IWFDynaEditViewState, IWFDynaEditViewEvent, WFLink, IAppDEService, IEditFormController } from '@ibiz-template/runtime';
+import { IAppDEWFDynaEditView, IDEEditForm } from '@ibiz/model-core';
+import { EditViewEngine } from './edit-view.engine';
+export declare class WFDynaEditViewEngine extends EditViewEngine {
+    /**
+     * 视图控制器
+     *
+     * @protected
+     * @type {ViewController<IAppDEWFDynaEditView, IWFDynaEditViewState, IWFDynaEditViewEvent>}
+     * @memberof WFDynaEditViewEngine
+     */
+    protected view: ViewController<IAppDEWFDynaEditView, IWFDynaEditViewState, IWFDynaEditViewEvent>;
+    /**
+     * 流程表单是否可编辑
+     *
+     * @author lxm
+     * @date 2022-09-29 15:09:16
+     * @type {boolean}
+     */
+    isEditable: boolean;
+    /**
+     * 是否计算工作流工具栏
+     * @author lxm
+     * @date 2023-06-20 06:33:37
+     * @type {boolean}
+     */
+    isCalcWFToolbar: boolean;
+    /**
+     * 实体服务
+     * @author lxm
+     * @date 2023-06-19 07:09:38
+     * @type {IAppDEService}
+     */
+    entityService: IAppDEService;
+    /**
+     * 当前激活表单模型
+     *
+     * @author lxm
+     * @date 2022-09-29 17:09:44
+     * @type {IDEEditForm}
+     */
+    processForm: IDEEditForm;
+    get form(): IEditFormController;
+    /**
+     * 工作流links
+     *
+     * @author lxm
+     * @date 2022-10-08 16:10:53
+     * @type {WFLink[]}
+     */
+    wfLinks: WFLink[];
+    onCreated(): Promise<void>;
+    onMounted(): Promise<void>;
+    load(): Promise<IData>;
+    /**
+     * 刷新页面
+     *
+     * @author lxm
+     * @date 2022-09-29 15:09:03
+     * @returns {*}  {Promise<void>}
+     */
+    refresh(): Promise<void>;
+    /**
+     * 计算流程步骤表单的名称
+     * @author lxm
+     * @date 2023-06-20 06:24:21
+     * @return {*}  {Promise<string>}
+     */
+    calcProcessFormName(): Promise<string>;
+    /**
+     * 计算当前步骤的表单
+     *
+     * @author lxm
+     * @date 2022-09-29 15:09:07
+     * @returns {*}  {Promise<void>}
+     */
+    calcProcessForm(): Promise<void>;
+    /**
+     * 计算工作流工具栏，需要在表单加载回来之后执行
+     *
+     * @author lxm
+     * @date 2022-09-30 19:09:44
+     * @returns {*}  {Promise<void>}
+     */
+    calcWfToolbar(): Promise<void>;
+    /**
+     * 工作流工具栏点击回调处理
+     *
+     * @author lxm
+     * @date 2022-10-08 17:10:29
+     * @param {id} link 点击按钮对应的id
+     * @returns {*}  {Promise<void>}
+     */
+    onLinkClick(id: string): Promise<void>;
+    /**
+     * 根据工作流link处理工作流提交
+     *
+     * @param {WFLink} link
+     * @returns {*}
+     * @memberof WFDynaEditViewController
+     */
+    wfSubmitByLink(link: WFLink): Promise<void>;
+}

package/es/view-engine/wf-dyna-edit-view3.engine.d.ts

@@ -0,0 +1,21 @@
+import { ViewController, IWFDynaEditView3State, IWFDynaEditView3Event, IDRTabController } from '@ibiz-template/runtime';
+import { IAppDEWFDynaEditView } from '@ibiz/model-core';
+import { WFDynaEditViewEngine } from './wf-dyna-edit-view.engine';
+export declare class WFDynaEditView3Engine extends WFDynaEditViewEngine {
+    /**
+     * 视图控制器
+     *
+     * @protected
+     * @type {ViewController<IAppDEWFDynaEditView3, IWFDynaEditView3State, IWFDynaEditView3Event>}
+     * @memberof WFDynaEditView3Engine
+     */
+    protected view: ViewController<IAppDEWFDynaEditView, IWFDynaEditView3State, IWFDynaEditView3Event>;
+    onCreated(): Promise<void>;
+    /**
+     * 数据分页栏
+     *
+     * @readonly
+     * @memberof EditView3Engine
+     */
+    get drtab(): IDRTabController;
+}

package/es/view-engine/wf-dyna-start-view.engine.d.ts

@@ -0,0 +1,30 @@
+import { ViewController, IWFDynaStartViewState, IWFDynaStartViewEvent } from '@ibiz-template/runtime';
+import { IAppDEWFDynaStartView } from '@ibiz/model-core';
+import { WFDynaEditViewEngine } from './wf-dyna-edit-view.engine';
+export declare class WFDynaStartViewEngine extends WFDynaEditViewEngine {
+    /**
+     * 视图控制器
+     *
+     * @protected
+     * @type {ViewController<IAppDEWFDynaStartView, IWFDynaStartViewState, IWFDynaStartViewEvent>}
+     * @memberof WFDynaStartViewEngine
+     */
+    protected view: ViewController<IAppDEWFDynaStartView, IWFDynaStartViewState, IWFDynaStartViewEvent>;
+    isCalcWFToolbar: boolean;
+    calcProcessFormName(): Promise<string>;
+    call(key: string, args: any): Promise<IData | null | undefined>;
+    /**
+     * 确认按钮回调
+     *
+     * @author lxm
+     * @date 2022-09-12 20:09:13
+     */
+    onOkButtonClick(): Promise<void>;
+    /**
+     * 取消按钮回调
+     *
+     * @author lxm
+     * @date 2022-09-12 20:09:00
+     */
+    onCancelButtonClick(): Promise<void>;
+}

package/es/view-engine/wizard-view-engine.d.ts

@@ -0,0 +1,26 @@
+import { ViewEngineBase, ViewController, IWizardViewState, IWizardViewEvent, IWizardPanelController } from '@ibiz-template/runtime';
+import { IAppDEWizardView } from '@ibiz/model-core';
+export declare class WizardViewEngine extends ViewEngineBase {
+    /**
+     * 视图控制器
+     *
+     * @protected
+     * @type {ViewController<IAppDEWizardView, IWizardViewState, IWizardViewEvent>}
+     * @memberof WizardViewEngine
+     */
+    protected view: ViewController<IAppDEWizardView, IWizardViewState, IWizardViewEvent>;
+    /**
+     * 数据视图（卡片）部件
+     *
+     * @readonly
+     * @memberof WizardViewEngine
+     */
+    get wizardPanel(): IWizardPanelController;
+    onCreated(): Promise<void>;
+    /**
+     * 视图mounted生命周期执行逻辑
+     *
+     * @memberof WizardViewEngine
+     */
+    onMounted(): Promise<void>;
+}

package/es/web-app/App.d.ts

@@ -0,0 +1,6 @@
+import { Modal } from '@ibiz-template/runtime';
+import './App.scss';
+declare const _default: import("vue").DefineComponent<{}, {
+    modal: Modal;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/es/web-app/attach-environment-config.d.ts

@@ -0,0 +1 @@
+export declare function attachEnvironmentConfig(): Promise<void>;

package/es/web-app/components/index.d.ts

@@ -0,0 +1,2 @@
+export { ModalRouterShell } from './modal-router-shell/modal-router-shell';
+export { RouterShell } from './router-shell/router-shell';

package/es/web-app/components/modal-router-shell/modal-router-shell.d.ts

@@ -0,0 +1,13 @@
+import { PropType } from 'vue';
+import { IModal } from '@ibiz-template/runtime';
+export declare const ModalRouterShell: import("vue").DefineComponent<{
+    modal: {
+        type: PropType<IModal>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modal: {
+        type: PropType<IModal>;
+        required: true;
+    };
+}>>, {}, {}>;

package/es/web-app/components/modal-router-shell/modal-router-shell.mjs

@@ -53,7 +53,7 @@ const ModalRouterShell = /* @__PURE__ */ defineComponent({
       }
       const appViewId = route.params.modalView;
       const paramsStr = route.params.modalParams;
-      if (paramsStr) {
+      if (paramsStr && paramsStr !== "-") {
         const params = qs.parse(paramsStr, {
           strictNullHandling: true,
           delimiter: ";"

package/es/web-app/components/router-shell/router-shell.d.ts

@@ -0,0 +1,35 @@
+import { PropType } from 'vue';
+import { IModal, Modal } from '@ibiz-template/runtime';
+export declare const RouterShell: import("vue").DefineComponent<{
+    modal: {
+        type: PropType<IModal>;
+        required: true;
+    };
+}, {
+    routeModal: Modal;
+    route: import("vue-router").RouteLocationNormalizedLoaded;
+    viewData: import("vue").Ref<{
+        viewConfig?: {
+            id: string;
+            appId: string;
+            codeName: string;
+            openMode: string;
+            viewType: string;
+            width?: number | undefined;
+            height?: number | undefined;
+            appDataEntityId?: string | undefined;
+            redirectView?: boolean | undefined;
+            modalOption?: IData | undefined;
+        } | undefined;
+        context?: IParams | undefined;
+        params?: IParams | undefined;
+        srfnav?: string | undefined;
+    }>;
+    isLoaded: import("vue").Ref<boolean>;
+    isActivated: import("vue").Ref<boolean>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modal: {
+        type: PropType<IModal>;
+        required: true;
+    };
+}>>, {}, {}>;

package/es/web-app/create-vue-app.d.ts

@@ -0,0 +1,13 @@
+import { App, Component } from 'vue';
+/**
+ * 创建 vue3 实例，避免多实例情况下全局方法未成功挂载
+ *
+ * @author chitanda
+ * @date 2024-02-04 15:02:54
+ * @export
+ * @param {Component} rootComponent
+ * @param {IData} [rootProps]
+ * @param {Plugin[]} [plugins]
+ * @return {*}  {App<Element>}
+ */
+export declare function createVueApp(rootComponent: Component, rootProps?: IData): App<Element>;

package/es/web-app/create-vue-app.mjs

@@ -1,6 +1,6 @@
 import { createApp, KeepAlive } from 'vue';
 import ElementPlus from 'element-plus';
-import zhCn from '../node_modules/.pnpm/element-plus@2.4.4_vue@3.4.34/node_modules/element-plus/dist/locale/zh-cn.mjs';
+import zhCn from '../node_modules/.pnpm/element-plus@2.4.4_vue@3.3.8/node_modules/element-plus/dist/locale/zh-cn.mjs';
 import { AppHooks, piniaInstance } from '@ibiz-template/vue3-util';
 import IBizVue3 from '../ibiz-vue3.mjs';
 import { i18n } from '../locale/index.mjs';
@@ -24,6 +24,14 @@ function createVueApp(rootComponent, rootProps) {
       _app.use(biReport);
     });
   });
+  const importDataView = () => import('@ibiz-template-plugin/data-view');
+  importDataView().then((value) => {
+    const dataView = value.default;
+    AppHooks.useComponent.callSync(null, dataView);
+    AppHooks.createApp.tap((_, _app) => {
+      _app.use(dataView);
+    });
+  });
   if (rootProps) {
     const oldUnMounted = rootProps.unmounted;
     rootProps.unmounted = () => {

package/es/web-app/guard/auth-guard/auth-guard.d.ts

@@ -0,0 +1,88 @@
+import { IApplication } from '@ibiz/model-core';
+import { ModelLoaderProvider } from '@ibiz-template/runtime';
+export declare class AuthGuard {
+    /**
+     * 是否是全代码模式
+     * @author lxm
+     * @date 2024-02-21 11:16:08
+     * @type {boolean}
+     */
+    isFullCode: boolean;
+    /**
+     * 自定义模型加载
+     * @author lxm
+     * @date 2024-02-21 11:16:17
+     * @type {ModelLoaderProvider}
+     */
+    customModelLoader?: ModelLoaderProvider;
+    constructor(opts?: {
+        isFullCode: boolean;
+        customModelLoader: ModelLoaderProvider;
+    });
+    /**
+     * 总的入口校验
+     * @author lxm
+     * @date 2024-02-21 10:43:55
+     * @param {boolean} notLogin
+     * @return {*}  {Promise<boolean>}
+     */
+    verify(notLogin?: boolean): Promise<boolean>;
+    /**
+     * 匿名登录相关校验逻辑，不通过会抛异常
+     * @author lxm
+     * @date 2024-01-03 07:29:30
+     * @return {*}  {Promise<void>}
+     */
+    anonymousValidate(): Promise<void>;
+    /**
+     * 应用参数初始化
+     *
+     * @author chitanda
+     * @date 2022-07-20 19:07:54
+     * @return {*}  {Promise<void>}
+     */
+    appInit(): Promise<void>;
+    /**
+     * 初始化模型
+     * @author lxm
+     * @date 2024-02-21 10:48:36
+     * @param {boolean} [permission=true]
+     * @return {*}  {Promise<void>}
+     */
+    initModel(_permission?: boolean): Promise<void>;
+    /**
+     * 加载应用数据
+     *
+     * @author chitanda
+     * @date 2022-07-20 20:07:50
+     * @return {*}  {Promise<void>}
+     */
+    loadAppData(): Promise<void>;
+    /**
+     * 加载组织数据
+     *
+     * @author chitanda
+     * @date 2022-07-20 20:07:44
+     * @return {*}  {Promise<void>}
+     */
+    loadOrgData(): Promise<void>;
+    initTheme(appModel: IApplication): Promise<void>;
+    /**
+     * 加载主题插件
+     *
+     * @author chitanda
+     * @date 2023-12-03 01:12:38
+     * @protected
+     * @return {*}  {Promise<void>}
+     */
+    loadTheme(): Promise<void>;
+    /**
+     * 根据应用自定义参数解析成环境变量
+     *
+     * @author chitanda
+     * @date 2023-11-24 19:11:50
+     * @return {*}  {Promise<void>}
+     */
+    initEnvironment(app: IApplication): Promise<void>;
+    throw401(): void;
+}

package/es/web-app/guard/auth-guard/auth-guard.mjs

@@ -173,11 +173,10 @@ class AuthGuard {
     }
   }
   async initTheme(appModel) {
-    if (!appModel.appUIThemes) {
-      const module = await import('@ibiz-template/web-theme');
-      const theme = module.default || module;
-      AppHooks.useComponent.callSync(null, theme);
-    } else {
+    const module = await import('@ibiz-template/web-theme');
+    const theme = module.default || module;
+    AppHooks.useComponent.callSync(null, theme);
+    if (appModel.appUIThemes) {
       await this.loadTheme();
     }
   }

package/es/web-app/guard/auth-guard/dyna-auth-guard.d.ts

@@ -0,0 +1,6 @@
+import { AuthGuard } from './auth-guard';
+export declare class DynaAuthGuard extends AuthGuard {
+    hasModelInit: boolean;
+    noPermissionModel: boolean;
+    initModel(permission?: boolean): Promise<void>;
+}

package/es/web-app/guard/auth-guard/dyna-auth-guard.mjs

@@ -48,11 +48,10 @@ class DynaAuthGuard extends AuthGuard {
         });
         i18n.global.mergeLocaleMessage(lang, data);
       }
-      if (!appModel.appUIThemes) {
-        const module = await import('@ibiz-template/web-theme');
-        const theme = module.default || module;
-        AppHooks.useComponent.callSync(null, theme);
-      } else {
+      const module = await import('@ibiz-template/web-theme');
+      const theme = module.default || module;
+      AppHooks.useComponent.callSync(null, theme);
+      if (appModel.appUIThemes) {
         await this.loadTheme();
       }
       if (app.model.title) {

package/es/web-app/guard/index.d.ts

@@ -0,0 +1,2 @@
+export { AuthGuard } from './auth-guard/auth-guard';
+export { DynaAuthGuard } from './auth-guard/dyna-auth-guard';

package/es/web-app/index.d.ts

@@ -0,0 +1,3 @@
+export { AuthGuard } from './guard';
+export { runApp } from './main';
+export { AppRouter } from './router';

package/es/web-app/main.d.ts

@@ -0,0 +1,5 @@
+import { Plugin } from 'vue';
+import { AuthGuard } from './guard';
+export declare function runApp(plugins?: Plugin[], opts?: {
+    getAuthGuard: () => AuthGuard;
+}): Promise<void>;

package/es/web-app/router/index.d.ts

@@ -0,0 +1,8 @@
+import { Router } from 'vue-router';
+import 'nprogress/nprogress.css';
+export declare class AppRouter {
+    private static router?;
+    private static authGuard;
+    static setAuthGuard(authGuard: (notLogin?: boolean) => Promise<boolean>): void;
+    static getRouter(): Router;
+}

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

@@ -0,0 +1 @@
+export { UnauthorizedHandler } from './unauthorized-handler/unauthorized-handler';

package/es/web-app/util/unauthorized-handler/unauthorized-handler.d.ts

@@ -0,0 +1,46 @@
+import { IErrorHandler } from '@ibiz-template/runtime';
+/**
+ * 没有权限的错误处理器
+ *
+ * @author lxm
+ * @date 2022-10-11 14:10:10
+ * @export
+ * @class UnauthorizedHandler
+ */
+export declare class UnauthorizedHandler implements IErrorHandler {
+    match(error: unknown): boolean;
+    /**
+     * cas登录处理
+     *
+     * @author lxm
+     * @date 2022-10-11 14:10:35
+     * @protected
+     * @returns {*}  {Promise<void>}
+     */
+    protected casLogin(): Promise<void>;
+    /**
+     * 普通登录处理
+     *
+     * @author lxm
+     * @date 2022-10-11 14:10:24
+     * @protected
+     * @returns {*}  {Promise<void>}
+     */
+    protected normalLogin(): Promise<void>;
+    /**
+     * 处理403
+     * @author lxm
+     * @date 2023-12-06 10:19:12
+     * @protected
+     * @return {*}  {Promise<void>}
+     */
+    protected handle403(error: unknown): Promise<void>;
+    /**
+     * 没有权限处理
+     *
+     * @author lxm
+     * @date 2022-10-11 14:10:50
+     * @returns {*}  {Promise<void>}
+     */
+    handle(error: unknown): boolean | undefined;
+}

package/lib/common/anchor-container/anchor-bar-list/anchor-bar-list.cjs

@@ -0,0 +1,71 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./anchor-bar-list.css');
+
+"use strict";
+const IBizAnchorBarList = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizAnchorBarList",
+  props: {
+    anchorList: {
+      type: Array,
+      default: []
+    },
+    navBarStyle: {
+      type: String
+    },
+    navBarPos: {
+      type: String
+    },
+    selected: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["select"],
+  setup(props, {
+    emit
+  }) {
+    const ns = vue3Util.useNamespace("anchor-bar-list");
+    const select = vue.ref("");
+    const onSelect = (key) => {
+      emit("select", key);
+    };
+    const renderAnchorDefaultStyle = () => {
+      var _a, _b;
+      if (!select.value) {
+        select.value = (_b = (_a = props.anchorList) == null ? void 0 : _a[0]) == null ? void 0 : _b.id;
+      }
+      return props.anchorList.map((item) => {
+        return vue.createVNode("div", {
+          "class": [ns.e("item"), ns.is("selected", select.value === item.id)],
+          "title": item.title,
+          "onClick": () => onSelect(item.id)
+        }, [vue.createVNode("div", {
+          "class": ns.em("item", "title")
+        }, [item.title])]);
+      });
+    };
+    vue.watch(() => props.selected, (newVal) => {
+      select.value = newVal;
+    }, {
+      immediate: true
+    });
+    return {
+      ns,
+      renderAnchorDefaultStyle
+    };
+  },
+  render() {
+    let content = null;
+    if (this.navBarStyle === "DEFAULT" || !this.navBarStyle) {
+      content = this.renderAnchorDefaultStyle();
+    }
+    return vue.createVNode("div", {
+      "class": [this.ns.b(), this.ns.is("usermode", this.navBarPos === "USER" || this.navBarPos === "USER2")]
+    }, [content]);
+  }
+});
+
+exports.IBizAnchorBarList = IBizAnchorBarList;

package/lib/common/anchor-container/anchor-bar-list/anchor-bar-list.css

@@ -0,0 +1 @@
+.ibiz-anchor-bar-list{--ibiz-anchor-bar-item-height:32px;--ibiz-anchor-bar-selected-icon-width:4px;position:relative}.ibiz-anchor-bar-list__item{height:var(--ibiz-anchor-bar-item-height);padding-left:var(--ibiz-spacing-base);overflow:hidden;font-size:var(--ibiz-font-size-header-6);line-height:var(--ibiz-anchor-bar-item-height);color:var(--ibiz-color-text-3);text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.ibiz-anchor-bar-list__item--title{display:block;width:100%;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.ibiz-anchor-bar-list__item.is-selected{position:relative;font-size:var(--ibiz-font-size-header-5);font-weight:var(--ibiz-font-weight-bold);color:var(--ibiz-color-primary-active)}.ibiz-anchor-bar-list__item.is-selected::after{position:absolute;top:0;left:0;width:var(--ibiz-anchor-bar-selected-icon-width);height:100%;content:"";background-color:var(--ibiz-color-primary);border-radius:calc(var(--ibiz-anchor-bar-selected-icon-width)/ 2)}.ibiz-anchor-bar-list__item:hover{color:var(--ibiz-color-primary-hover)}.ibiz-anchor-bar-list::before{position:absolute;top:0;left:0;width:var(--ibiz-anchor-bar-selected-icon-width);height:100%;content:"";background-color:var(--ibiz-color-fill-0)}.ibiz-anchor-bar-list.is-usermode{display:flex;align-items:center;width:100%;height:100%}.ibiz-anchor-bar-list.is-usermode .ibiz-anchor-bar-list__item{display:flex;flex:1;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;font-size:var(--ibiz-font-size-header-6);color:var(--ibiz-color-text-3);cursor:pointer}.ibiz-anchor-bar-list.is-usermode .ibiz-anchor-bar-list__item--title{display:block;width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.ibiz-anchor-bar-list.is-usermode .ibiz-anchor-bar-list__item.is-selected{position:relative;font-size:var(--ibiz-font-size-header-5);font-weight:var(--ibiz-font-weight-bold);color:var(--ibiz-color-primary-active)}.ibiz-anchor-bar-list.is-usermode .ibiz-anchor-bar-list__item.is-selected::after{position:absolute;top:unset;bottom:0;left:0;width:100%;height:var(--ibiz-anchor-bar-selected-icon-width);content:"";background-color:var(--ibiz-color-primary);border-radius:calc(var(--ibiz-anchor-bar-selected-icon-width)/ 2)}.ibiz-anchor-bar-list.is-usermode .ibiz-anchor-bar-list__item:hover{color:var(--ibiz-color-primary-hover)}.ibiz-anchor-bar-list.is-usermode::before{position:absolute;top:unset;bottom:0;left:0;width:100%;height:var(--ibiz-anchor-bar-selected-icon-width);content:"";background-color:var(--ibiz-color-fill-0)}