@ibiz-template/vue3-components 0.7.39 → 0.7.40-alpha.9

package/es/panel-component/global-search/global-search.state.d.ts

@@ -0,0 +1,61 @@
+import { IAcItemProvider, PanelItemState } from '@ibiz-template/runtime';
+import { IAppDEACMode } from '@ibiz/model-core';
+/**
+ * 全局搜索项
+ *
+ * @export
+ * @interface ISearchItem
+ */
+export interface ISearchItem {
+    /**
+     * 实体标识
+     *
+     * @type {string}
+     * @memberof ISearchItem
+     */
+    appDataEntityId: string;
+    /**
+     * 实体自填模式
+     *
+     * @type {IAppDEACMode}
+     * @memberof ISearchItem
+     */
+    deACMode: IAppDEACMode;
+    /**
+     * 自填列表项适配器
+     *
+     * @type {IAcItemProvider}
+     * @memberof ISearchItem
+     */
+    acItemProvider?: IAcItemProvider;
+}
+/**
+ * 全局搜索状态
+ *
+ * @export
+ * @class GlobalSearchState
+ * @extends {PanelItemState}
+ */
+export declare class GlobalSearchState extends PanelItemState {
+    /**
+     * 当前快速搜索值
+     *
+     * @type {string}
+     * @memberof GlobalSearchState
+     */
+    query: string;
+    /**
+     * 自填模式全局搜索项
+     *
+     * @type {ISearchItem[]}
+     * @memberof GlobalSearchState
+     */
+    items: ISearchItem[];
+    /**
+     * 搜索历史记录
+     *
+     * @type {string[]}
+     * @memberof GlobalSearchState
+     */
+    histories: string[];
+}

package/es/panel-component/global-search/global-search.state.mjs

@@ -0,0 +1,37 @@
+import { PanelItemState } from '@ibiz-template/runtime';
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class GlobalSearchState extends PanelItemState {
+  constructor() {
+    super(...arguments);
+    /**
+     * 当前快速搜索值
+     *
+     * @type {string}
+     * @memberof GlobalSearchState
+     */
+    __publicField(this, "query", "");
+    /**
+     * 自填模式全局搜索项
+     *
+     * @type {ISearchItem[]}
+     * @memberof GlobalSearchState
+     */
+    __publicField(this, "items", []);
+    /**
+     * 搜索历史记录
+     *
+     * @type {string[]}
+     * @memberof GlobalSearchState
+     */
+    __publicField(this, "histories", []);
+  }
+}
+
+export { GlobalSearchState };

package/es/panel-component/global-search/index.d.ts

@@ -0,0 +1,33 @@
+export declare const IBizGlobalSearch: import("@ibiz-template/vue3-util").TypeWithInstall<import("vue").DefineComponent<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IPanelRawItem>;
+        required: true;
+    };
+    controller: {
+        type: import("vue").PropType<import("./global-search.controller").GlobalSearchController>;
+        required: true;
+    };
+}, {
+    c: import("./global-search.controller").GlobalSearchController;
+    ns: import("@ibiz-template/core").Namespace;
+    list: import("vue").Ref<import("@ibiz-template/core").IApiData[]>;
+    visible: import("vue").Ref<boolean>;
+    editorRef: import("vue").Ref<any>;
+    handleClear: () => void;
+    handleEnter: (event: KeyboardEvent) => void;
+    renderAction: () => JSX.Element | undefined;
+    renderSearchList: () => JSX.Element;
+    renderHistoryList: () => JSX.Element;
+    handleInputClick: (event: MouseEvent) => void;
+    renderBlankPlaceholder: () => JSX.Element | undefined;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IPanelRawItem>;
+        required: true;
+    };
+    controller: {
+        type: import("vue").PropType<import("./global-search.controller").GlobalSearchController>;
+        required: true;
+    };
+}>>, {}, {}>>;
+export default IBizGlobalSearch;

package/es/panel-component/global-search/index.mjs

@@ -0,0 +1,15 @@
+import { registerPanelItemProvider } from '@ibiz-template/runtime';
+import { withInstall } from '@ibiz-template/vue3-util';
+import { GlobalSearchProvider } from './global-search.provider.mjs';
+import { GlobalSearch } from './global-search.mjs';
+
+"use strict";
+const IBizGlobalSearch = withInstall(GlobalSearch, function(v) {
+  v.component(GlobalSearch.name, GlobalSearch);
+  registerPanelItemProvider(
+    "RAWITEM_GLOBAL_SEARCH",
+    () => new GlobalSearchProvider()
+  );
+});
+
+export { IBizGlobalSearch, IBizGlobalSearch as default };

package/es/panel-component/index-actions/index-actions.mjs

@@ -1,4 +1,4 @@
-import { isVNode, computed, resolveComponent, createVNode, defineComponent } from 'vue';
+import { isVNode, defineComponent, computed, createVNode, resolveComponent } from 'vue';
 import { PanelContainerController, useNamespace } from '@ibiz-template/vue3-util';
 import './index-actions.css';
 

package/es/panel-component/index-blank-placeholder/index-blank-placeholder.controller.d.ts

@@ -0,0 +1,54 @@
+import { AppMenuController, PanelItemController } from '@ibiz-template/runtime';
+import { IPanelContainer } from '@ibiz/model-core';
+import { IndexBlankPlaceholderState } from './index-blank-placeholder.state';
+import { NavPosIndexController } from '../nav-pos-index';
+/**
+ * 首页空白占位控制器
+ *
+ * @export
+ * @class IndexBlankPlaceholderController
+ * @extends {PanelItemController<IPanelContainer>}
+ */
+export declare class IndexBlankPlaceholderController extends PanelItemController<IPanelContainer> {
+    state: IndexBlankPlaceholderState;
+    protected createState(): IndexBlankPlaceholderState;
+    /**
+     * 当前视图路由层级
+     *
+     * @readonly
+     * @type {(number | undefined)}
+     * @memberof IndexBlankPlaceholderController
+     */
+    get routeDepth(): number | undefined;
+    /**
+     * 应用菜单
+     *
+     * @readonly
+     * @type {(AppMenuController | undefined)}
+     * @memberof IndexBlankPlaceholderController
+     */
+    get appmenu(): AppMenuController | undefined;
+    /**
+     * 首页导航栏
+     *
+     * @readonly
+     * @type {(NavPosIndexController | undefined)}
+     * @memberof IndexBlankPlaceholderController
+     */
+    get navPos(): NavPosIndexController | undefined;
+    /**
+     * 初始化
+     *
+     * @protected
+     * @return {*}  {Promise<void>}
+     * @memberof IndexBlankPlaceholderController
+     */
+    protected onInit(): Promise<void>;
+    /**
+     * 设置显示状态
+     *
+     * @param {boolean} state
+     * @memberof IndexBlankPlaceholderController
+     */
+    setVisible(state: boolean): void;
+}

package/es/panel-component/index-blank-placeholder/index-blank-placeholder.controller.mjs

@@ -0,0 +1,78 @@
+import { PanelItemController } from '@ibiz-template/runtime';
+import { IndexBlankPlaceholderState } from './index-blank-placeholder.state.mjs';
+
+"use strict";
+class IndexBlankPlaceholderController extends PanelItemController {
+  createState() {
+    var _a;
+    return new IndexBlankPlaceholderState((_a = this.parent) == null ? void 0 : _a.state);
+  }
+  /**
+   * 当前视图路由层级
+   *
+   * @readonly
+   * @type {(number | undefined)}
+   * @memberof IndexBlankPlaceholderController
+   */
+  get routeDepth() {
+    return this.panel.view.modal.routeDepth;
+  }
+  /**
+   * 应用菜单
+   *
+   * @readonly
+   * @type {(AppMenuController | undefined)}
+   * @memberof IndexBlankPlaceholderController
+   */
+  get appmenu() {
+    return this.panel.getController("appmenu");
+  }
+  /**
+   * 首页导航栏
+   *
+   * @readonly
+   * @type {(NavPosIndexController | undefined)}
+   * @memberof IndexBlankPlaceholderController
+   */
+  get navPos() {
+    return this.panel.panelItems.nav_pos_index;
+  }
+  /**
+   * 初始化
+   *
+   * @protected
+   * @return {*}  {Promise<void>}
+   * @memberof IndexBlankPlaceholderController
+   */
+  async onInit() {
+    await super.onInit();
+    this.state.keepAlive = true;
+    this.state.visible = false;
+    this.panel.evt.on("onMounted", async () => {
+      var _a;
+      if (this.navPos)
+        this.navPos.state.keepAlive = true;
+      const appViewId = (_a = this.appmenu) == null ? void 0 : _a.getDefaultOpenView();
+      if (appViewId) {
+        const appView = await ibiz.hub.config.view.get(appViewId);
+        const { openMode = "INDEXVIEWTAB" } = appView;
+        this.state.visible = !openMode.startsWith("INDEXVIEWTAB");
+      } else {
+        this.state.visible = true;
+      }
+    });
+  }
+  /**
+   * 设置显示状态
+   *
+   * @param {boolean} state
+   * @memberof IndexBlankPlaceholderController
+   */
+  setVisible(state) {
+    this.state.visible = state;
+    if (this.navPos)
+      this.navPos.state.visible = !state;
+  }
+}
+
+export { IndexBlankPlaceholderController };

package/es/panel-component/index-blank-placeholder/index-blank-placeholder.css

@@ -0,0 +1 @@
+.ibiz-index-blank-placeholder{width:100%;height:100%}.ibiz-index-blank-placeholder>.ibiz-row{height:100%;overflow:hidden auto}.ibiz-index-blank-placeholder.is-hidden{display:none}

package/es/panel-component/index-blank-placeholder/index-blank-placeholder.d.ts

@@ -0,0 +1,26 @@
+import { IPanelContainer } from '@ibiz/model-core';
+import { PropType } from 'vue';
+import { IndexBlankPlaceholderController } from './index-blank-placeholder.controller';
+import './index-blank-placeholder.scss';
+export declare const IndexBlankPlaceholder: import("vue").DefineComponent<{
+    modelData: {
+        type: PropType<IPanelContainer>;
+        required: true;
+    };
+    controller: {
+        type: PropType<IndexBlankPlaceholderController>;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    classArr: import("vue").ComputedRef<(string | false)[]>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelData: {
+        type: PropType<IPanelContainer>;
+        required: true;
+    };
+    controller: {
+        type: PropType<IndexBlankPlaceholderController>;
+        required: true;
+    };
+}>>, {}, {}>;

package/es/panel-component/index-blank-placeholder/index-blank-placeholder.mjs

@@ -0,0 +1,74 @@
+import { isVNode, defineComponent, computed, createVNode, resolveComponent } from 'vue';
+import { useNamespace, onRouteChange } from '@ibiz-template/vue3-util';
+import './index-blank-placeholder.css';
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const IndexBlankPlaceholder = /* @__PURE__ */ defineComponent({
+  name: "IBizIndexBlankPlaceholder",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(props) {
+    const c = props.controller;
+    const ns = useNamespace("index-blank-placeholder");
+    const {
+      id
+    } = props.modelData;
+    const classArr = computed(() => {
+      let result = [ns.b(), ns.m(id)];
+      result = [...result, ...props.controller.containerClass, ns.is("hidden", !props.controller.state.visible)];
+      return result;
+    });
+    if (c.routeDepth) {
+      onRouteChange((args) => {
+        c.setVisible(!args.currentKey);
+      }, c.routeDepth + 1);
+    }
+    return {
+      ns,
+      classArr
+    };
+  },
+  render() {
+    var _a, _b;
+    let _slot;
+    const defaultSlots = ((_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)) || [];
+    const content = createVNode(resolveComponent("iBizRow"), {
+      "slot": "content",
+      "layout": this.modelData.layout
+    }, _isSlot(_slot = defaultSlots.map((slot) => {
+      const props = slot.props;
+      if (!props || !props.controller) {
+        return slot;
+      }
+      return createVNode(resolveComponent("iBizCol"), {
+        "layoutPos": props.modelData.layoutPos,
+        "state": props.controller.state
+      }, _isSlot(slot) ? slot : {
+        default: () => [slot]
+      });
+    })) ? _slot : {
+      default: () => [_slot]
+    });
+    return createVNode("div", {
+      "class": this.classArr,
+      "onClick": () => {
+        this.controller.onClick();
+      }
+    }, [this.controller.model.cssStyle ? createVNode("style", {
+      "type": "text/css"
+    }, [this.controller.model.cssStyle]) : null, content]);
+  }
+});
+
+export { IndexBlankPlaceholder };

package/es/panel-component/index-blank-placeholder/index-blank-placeholder.provider.d.ts

@@ -0,0 +1,14 @@
+import { IPanelItemProvider, PanelController, PanelItemController } from '@ibiz-template/runtime';
+import { IPanelContainer } from '@ibiz/model-core';
+import { IndexBlankPlaceholderController } from './index-blank-placeholder.controller';
+/**
+ * 首页空白占位适配器
+ *
+ * @export
+ * @class IndexBlankPlaceholderProvider
+ * @implements {IPanelItemProvider}
+ */
+export declare class IndexBlankPlaceholderProvider implements IPanelItemProvider {
+    component: string;
+    createController(panelItem: IPanelContainer, panel: PanelController, parent: PanelItemController | undefined): Promise<IndexBlankPlaceholderController>;
+}

package/es/panel-component/index-blank-placeholder/index-blank-placeholder.provider.mjs

@@ -0,0 +1,21 @@
+import { IndexBlankPlaceholderController } from './index-blank-placeholder.controller.mjs';
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class IndexBlankPlaceholderProvider {
+  constructor() {
+    __publicField(this, "component", "IBizIndexBlankPlaceholder");
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new IndexBlankPlaceholderController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+export { IndexBlankPlaceholderProvider };

package/es/panel-component/index-blank-placeholder/index-blank-placeholder.state.d.ts

@@ -0,0 +1,10 @@
+import { PanelItemState } from '@ibiz-template/runtime';
+/**
+ * 首页空白占位状态
+ *
+ * @export
+ * @class IndexBlankPlaceholderState
+ * @extends {PanelItemState}
+ */
+export declare class IndexBlankPlaceholderState extends PanelItemState {
+}

package/es/panel-component/index-blank-placeholder/index-blank-placeholder.state.mjs

@@ -0,0 +1,7 @@
+import { PanelItemState } from '@ibiz-template/runtime';
+
+"use strict";
+class IndexBlankPlaceholderState extends PanelItemState {
+}
+
+export { IndexBlankPlaceholderState };

package/es/panel-component/index-blank-placeholder/index.d.ts

@@ -0,0 +1,25 @@
+import { IndexBlankPlaceholderController } from './index-blank-placeholder.controller';
+export { IndexBlankPlaceholderController };
+export declare const IBizIndexBlankPlaceholder: import("@ibiz-template/vue3-util").TypeWithInstall<import("vue").DefineComponent<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IPanelContainer>;
+        required: true;
+    };
+    controller: {
+        type: import("vue").PropType<IndexBlankPlaceholderController>;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    classArr: import("vue").ComputedRef<(string | false)[]>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IPanelContainer>;
+        required: true;
+    };
+    controller: {
+        type: import("vue").PropType<IndexBlankPlaceholderController>;
+        required: true;
+    };
+}>>, {}, {}>>;
+export default IBizIndexBlankPlaceholder;

package/es/panel-component/index-blank-placeholder/index.mjs

@@ -0,0 +1,19 @@
+import { registerPanelItemProvider } from '@ibiz-template/runtime';
+import { withInstall } from '@ibiz-template/vue3-util';
+import { IndexBlankPlaceholder } from './index-blank-placeholder.mjs';
+import { IndexBlankPlaceholderProvider } from './index-blank-placeholder.provider.mjs';
+export { IndexBlankPlaceholderController } from './index-blank-placeholder.controller.mjs';
+
+"use strict";
+const IBizIndexBlankPlaceholder = withInstall(
+  IndexBlankPlaceholder,
+  function(v) {
+    v.component(IndexBlankPlaceholder.name, IndexBlankPlaceholder);
+    registerPanelItemProvider(
+      "CONTAINER_INDEX_BLANK_PLACEHOLDER",
+      () => new IndexBlankPlaceholderProvider()
+    );
+  }
+);
+
+export { IBizIndexBlankPlaceholder, IBizIndexBlankPlaceholder as default };

package/es/panel-component/index.mjs

@@ -27,6 +27,8 @@ import { IBizShortCut } from './short-cut/index.mjs';
 import { IBizAuthCaptcha } from './auth-captcha/index.mjs';
 import { IBizPanelButtonList } from './panel-button-list/index.mjs';
 import { IBizAuthSso } from './auth-sso/index.mjs';
+import { IBizIndexBlankPlaceholder } from './index-blank-placeholder/index.mjs';
+import { IBizGlobalSearch } from './global-search/index.mjs';
 export { NavPosIndexState } from './nav-pos-index/nav-pos-index.state.mjs';
 export { NavPosIndexController } from './nav-pos-index/nav-pos-index.controller.mjs';
 export { PanelButtonController } from './panel-button/panel-button.controller.mjs';
@@ -36,6 +38,8 @@ export { SplitContainerController } from './split-container/split-container.cont
 "use strict";
 const IBizPanelComponents = {
   install: (v) => {
+    v.use(IBizGlobalSearch);
+    v.use(IBizIndexBlankPlaceholder);
     v.use(IBizAuthSso);
     v.use(IBizPanelCtrlViewPageCaption);
     v.use(IBizPanelContainer);

package/es/panel-component/nav-breadcrumb/nav-breadcrumb.controller.mjs

@@ -1,5 +1,5 @@
 import { PanelItemController } from '@ibiz-template/runtime';
-import { isNil, reject } from 'ramda';
+import { reject, isNil } from 'ramda';
 import { route2routePath, routePath2string } from '@ibiz-template/vue3-util';
 import { notNilEmpty } from 'qx-util';
 import { NavBreadcrumbState } from './nav-breadcrumb.state.mjs';

package/es/panel-component/nav-breadcrumb/nav-breadcrumb.mjs

@@ -1,4 +1,4 @@
-import { isVNode, watch, computed, resolveComponent, createVNode, defineComponent } from 'vue';
+import { isVNode, defineComponent, watch, computed, createVNode, resolveComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { useRoute, useRouter } from 'vue-router';
 import { NavBreadcrumbController } from './nav-breadcrumb.controller.mjs';

package/es/panel-component/nav-breadcrumb/nav-breadcrumb.service.mjs

@@ -1,4 +1,4 @@
-import { clone, isNil, reject } from 'ramda';
+import { clone, reject, isNil } from 'ramda';
 import { getIndexBreadcrumb } from './nav-breadcrumb.util.mjs';
 
 "use strict";

package/es/panel-component/nav-pos-index/nav-pos-index.controller.mjs

@@ -1,4 +1,4 @@
-import { PanelItemController, ViewMode, Modal } from '@ibiz-template/runtime';
+import { PanelItemController, Modal, ViewMode } from '@ibiz-template/runtime';
 import { routerCallback } from '@ibiz-template/vue3-util';
 import { notNilEmpty } from 'qx-util';
 import { NavPosIndexState } from './nav-pos-index.state.mjs';

package/es/panel-component/nav-pos-index/nav-pos-index.mjs

@@ -1,4 +1,4 @@
-import { resolveComponent, createVNode, defineComponent } from 'vue';
+import { defineComponent, createVNode, resolveComponent } from 'vue';
 import { useNamespace, onRouteChange } from '@ibiz-template/vue3-util';
 import { useRouter, useRoute } from 'vue-router';
 import { NavPosIndexController } from './nav-pos-index.controller.mjs';

package/es/panel-component/nav-tabs/nav-tabs.controller.mjs

@@ -1,5 +1,5 @@
 import { PanelItemController } from '@ibiz-template/runtime';
-import { isNil, reject } from 'ramda';
+import { reject, isNil } from 'ramda';
 import { nextTick } from 'vue';
 import { NavTabsState } from './nav-tabs.state.mjs';
 

package/es/panel-component/nav-tabs/nav-tabs.mjs

@@ -1,4 +1,4 @@
-import { isVNode, watch, resolveComponent, createVNode, defineComponent } from 'vue';
+import { isVNode, defineComponent, watch, createVNode, resolveComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './nav-tabs.css';
 import { NavTabsController } from './nav-tabs.controller.mjs';

package/es/panel-component/panel-app-header/panel-app-header.mjs

@@ -1,4 +1,4 @@
-import { isVNode, ref, computed, resolveComponent, createVNode, defineComponent } from 'vue';
+import { isVNode, defineComponent, ref, computed, createVNode, resolveComponent } from 'vue';
 import { PanelItemController } from '@ibiz-template/runtime';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './panel-app-header.css';

package/es/panel-component/panel-app-login-view/panel-app-login-view.mjs

@@ -1,4 +1,4 @@
-import { isVNode, computed, resolveComponent, createVNode, defineComponent } from 'vue';
+import { isVNode, defineComponent, computed, createVNode, resolveComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { PanelAppLoginViewController } from './panel-app-login-view.controller.mjs';
 import './panel-app-login-view.css';

package/es/panel-component/panel-app-title/panel-app-title.css

@@ -1 +1 @@
-.ibiz-panel-app-title{--ibiz-panel-app-title-color:var(--ibiz-color-text-0);--ibiz-panel-app-title-font-size:var(--ibiz-font-size-header-3);--ibiz-panel-app-title-font-weight:var(--ibiz-font-weight-bold);--ibiz-panel-app-title-padding:0 var(--ibiz-spacing-base-tight);--ibiz-panel-app-title-collapse-padding:0 var(--ibiz-spacing-tight);--ibiz-panel-app-title-not-index-height:60px;display:flex;align-items:center;justify-content:center;height:100%;padding:var(--ibiz-panel-app-title-padding);cursor:pointer}.ibiz-panel-app-title__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ibiz-panel-app-title-font-size);font-weight:700;color:var(--ibiz-panel-app-title-color)}.ibiz-panel-app-title__logo{display:flex;align-items:center;justify-content:center;height:100%;padding:0 var(--ibiz-spacing-tight);font-size:calc(var(--ibiz-font-size-header-1) + 8px)}.ibiz-panel-app-title__logo img{display:inline-block;width:auto;height:100%}.ibiz-panel-app-title__logo svg{fill:var(--ibiz-panel-app-title-color)}.ibiz-panel-app-title__logo--expand{width:66px;height:66px}.ibiz-panel-app-title__logo--expand+svg{width:calc(100% - 66px)}.ibiz-panel-app-title.is-only-img .ibiz-panel-app-title__logo{padding:0}.ibiz-panel-app-title.is-collapse{max-width:100%;padding:var(--ibiz-panel-app-title-collapse-padding)}.ibiz-panel-app-title.is-collapse .ibiz-panel-app-title__collapse-title{width:100%}.ibiz-panel-app-title.is-collapse .ibiz-panel-app-title__collpase-icon img{width:100%;height:100%}.ibiz-panel-app-title.is-collapse .ibiz-panel-app-title__caption2{overflow:hidden;font-size:var(--ibiz-font-size-header-4);font-weight:var(--ibiz-panel-app-title-font-weight);text-align:center;white-space:nowrap}.ibiz-panel-app-title.is-collapse .ibiz-panel-app-title__subCaption2{overflow:hidden;font-size:var(--ibiz-font-size-header-5);text-align:center;white-space:nowrap}.ibiz-panel-app-title.is-only-title{height:var(--ibiz-panel-app-title-not-index-height)}
+.ibiz-panel-app-title{--ibiz-panel-app-title-color:var(--ibiz-color-text-0);--ibiz-panel-app-title-font-size:var(--ibiz-font-size-header-3);--ibiz-panel-app-title-font-weight:var(--ibiz-font-weight-bold);--ibiz-panel-app-title-padding:0 var(--ibiz-spacing-base-tight);--ibiz-panel-app-title-collapse-padding:0 var(--ibiz-spacing-tight);--ibiz-panel-app-title-not-index-height:60px;display:flex;align-items:center;justify-content:center;height:100%;padding:var(--ibiz-panel-app-title-padding);cursor:pointer}.ibiz-panel-app-title__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ibiz-panel-app-title-font-size);font-weight:700;color:var(--ibiz-panel-app-title-color)}.ibiz-panel-app-title__logo{display:flex;align-items:center;justify-content:center;height:100%;padding:0 var(--ibiz-spacing-tight);font-size:calc(var(--ibiz-font-size-header-1) + 8px)}.ibiz-panel-app-title__logo img{display:inline-block;width:auto;height:100%}.ibiz-panel-app-title__logo svg{fill:var(--ibiz-panel-app-title-color)}.ibiz-panel-app-title__logo--expand{width:auto;max-width:66px;height:66px;display:flex;align-items:center;justify-content:center}.ibiz-panel-app-title.is-only-img .ibiz-panel-app-title__logo{padding:0}.ibiz-panel-app-title.is-collapse{max-width:100%;padding:var(--ibiz-panel-app-title-collapse-padding)}.ibiz-panel-app-title.is-collapse .ibiz-panel-app-title__collapse-title{width:100%}.ibiz-panel-app-title.is-collapse .ibiz-panel-app-title__collpase-icon img{width:100%;height:100%}.ibiz-panel-app-title.is-collapse .ibiz-panel-app-title__caption2{overflow:hidden;font-size:var(--ibiz-font-size-header-4);font-weight:var(--ibiz-panel-app-title-font-weight);text-align:center;white-space:nowrap}.ibiz-panel-app-title.is-collapse .ibiz-panel-app-title__subCaption2{overflow:hidden;font-size:var(--ibiz-font-size-header-5);text-align:center;white-space:nowrap}.ibiz-panel-app-title.is-only-title{height:var(--ibiz-panel-app-title-not-index-height)}