@ibiz-template/mob-vue3-components 0.0.1-alpha.19

package/es/panel-component/panel-button/panel-button.css

@@ -0,0 +1 @@
+.ibiz-panel-button{width:100%;height:100%}

package/es/panel-component/panel-button/panel-button.d.ts

@@ -0,0 +1,34 @@
+import { IPanelButton } from '@ibiz/model-core';
+import { PropType } from 'vue';
+import { PanelButtonController } from './panel-button.controller';
+import './panel-button.scss';
+export declare const PanelButton: import("vue").DefineComponent<{
+    modelData: {
+        type: PropType<IPanelButton>;
+        required: true;
+    };
+    controller: {
+        type: typeof PanelButtonController;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    captionText: import("vue").ComputedRef<any>;
+    buttonType: import("vue").ComputedRef<"default" | "text" | "primary" | "danger" | "success" | "warning">;
+    showCaption: boolean | undefined;
+    sysImage: import("@ibiz/model-core").ISysImage | undefined;
+    codeName: string | undefined;
+    classArr: import("vue").ComputedRef<(string | false)[]>;
+    state: import("./panel-button.state").PanelButtonState;
+    handleButtonClick: (event: MouseEvent) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelData: {
+        type: PropType<IPanelButton>;
+        required: true;
+    };
+    controller: {
+        type: typeof PanelButtonController;
+        required: true;
+    };
+}>>, {}, {}>;
+export default PanelButton;

package/es/panel-component/panel-button/panel-button.mjs

@@ -0,0 +1,109 @@
+import { computed, resolveComponent, createVNode, defineComponent } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import { PanelButtonController } from './panel-button.controller.mjs';
+import './panel-button.css';
+
+"use strict";
+const PanelButton = /* @__PURE__ */ defineComponent({
+  name: "IBizPanelButton",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: PanelButtonController,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = useNamespace("panel-button");
+    const {
+      caption,
+      captionItemName,
+      renderMode,
+      itemStyle,
+      showCaption,
+      sysImage,
+      codeName
+    } = props.modelData;
+    const {
+      panel,
+      state
+    } = props.controller;
+    const {
+      id
+    } = props.modelData;
+    const captionText = computed(() => {
+      if (captionItemName && panel.data) {
+        return panel.data[captionItemName];
+      }
+      return caption;
+    });
+    const buttonType = computed(() => {
+      if (Object.is(renderMode, "LINK")) {
+        return "text";
+      }
+      if (itemStyle) {
+        switch (itemStyle) {
+          case "PRIMARY":
+            return "primary";
+          case "SUCCESS":
+            return "success";
+          case "INFO":
+            return "default";
+          case "WARNING":
+            return "warning";
+          case "DANGER":
+            return "danger";
+          case "INVERSE":
+            return "default";
+          default:
+            return "default";
+        }
+      }
+      return "default";
+    });
+    const handleButtonClick = (event) => {
+      props.controller.onActionClick(event);
+    };
+    const classArr = computed(() => {
+      let result = [ns.b(), ns.m(id)];
+      result = [...result, ...props.controller.containerClass, ns.is("hidden", !props.controller.state.visible)];
+      return result;
+    });
+    return {
+      ns,
+      captionText,
+      buttonType,
+      showCaption,
+      sysImage,
+      codeName,
+      classArr,
+      state,
+      handleButtonClick
+    };
+  },
+  render() {
+    if (this.state.visible) {
+      return createVNode(resolveComponent("van-button"), {
+        "type": this.buttonType,
+        "disabled": this.state.disabled,
+        "onClick": this.handleButtonClick,
+        "class": this.classArr
+      }, {
+        default: () => [createVNode("div", {
+          "class": this.ns.b("content")
+        }, [createVNode(resolveComponent("iBizIcon"), {
+          "class": this.ns.bm("content", "icon"),
+          "icon": this.sysImage
+        }, null), createVNode("span", {
+          "class": this.ns.bm("content", "caption")
+        }, [this.showCaption ? this.captionText : null])])]
+      });
+    }
+    return null;
+  }
+});
+
+export { PanelButton, PanelButton as default };

package/es/panel-component/panel-button/panel-button.provider.d.ts

@@ -0,0 +1,14 @@
+import { IPanelItemProvider, PanelController, PanelItemController } from '@ibiz-template/runtime';
+import { IPanelItem } from '@ibiz/model-core';
+import { PanelButtonController } from './panel-button.controller';
+/**
+ * 面板按钮适配器
+ *
+ * @export
+ * @class PanelButtonProvider
+ * @implements {IPanelItemProvider}
+ */
+export declare class PanelButtonProvider implements IPanelItemProvider {
+    component: string;
+    createController(panelItem: IPanelItem, panel: PanelController, parent: PanelItemController | undefined): Promise<PanelButtonController>;
+}

package/es/panel-component/panel-button/panel-button.provider.mjs

@@ -0,0 +1,21 @@
+import { PanelButtonController } from './panel-button.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 PanelButtonProvider {
+  constructor() {
+    __publicField(this, "component", "IBizPanelButton");
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new PanelButtonController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+export { PanelButtonProvider };

package/es/panel-component/panel-button/panel-button.state.d.ts

@@ -0,0 +1,26 @@
+import { PanelItemState, UIActionButtonState } from '@ibiz-template/runtime';
+/**
+ * 面板按钮状态
+ *
+ * @author lxm
+ * @date 2023-02-07 06:04:27
+ * @export
+ * @class PanelButtonState
+ * @extends {PanelItemState}
+ */
+export declare class PanelButtonState extends PanelItemState {
+    /**
+     * 加载中
+     * @author lxm
+     * @date 2023-07-21 10:11:21
+     * @type {boolean}
+     */
+    loading: boolean;
+    /**
+     * 界面行为状态
+     * @author lxm
+     * @date 2023-07-21 03:34:27
+     * @type {UIActionButtonState}
+     */
+    uiActionState: UIActionButtonState;
+}

package/es/panel-component/panel-button/panel-button.state.mjs

@@ -0,0 +1,30 @@
+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 PanelButtonState extends PanelItemState {
+  constructor() {
+    super(...arguments);
+    /**
+     * 加载中
+     * @author lxm
+     * @date 2023-07-21 10:11:21
+     * @type {boolean}
+     */
+    __publicField(this, "loading", false);
+    /**
+     * 界面行为状态
+     * @author lxm
+     * @date 2023-07-21 03:34:27
+     * @type {UIActionButtonState}
+     */
+    __publicField(this, "uiActionState");
+  }
+}
+
+export { PanelButtonState };

package/es/panel-component/view-content-panel-container/index.d.ts

@@ -0,0 +1,2 @@
+export declare const IBizViewContentPanelContainer: import("@ibiz-template/vue3-util").TypeWithInstall<import("vue").Component>;
+export default IBizViewContentPanelContainer;

package/es/panel-component/view-content-panel-container/index.mjs

@@ -0,0 +1,18 @@
+import { withInstall } from '@ibiz-template/vue3-util';
+import { registerPanelItemProvider } from '@ibiz-template/runtime';
+import { ViewContentPanelContainer } from './view-content-panel-container.mjs';
+import { ViewContentPanelContainerProvider } from './view-content-panel-container.provider.mjs';
+
+"use strict";
+const IBizViewContentPanelContainer = withInstall(
+  ViewContentPanelContainer,
+  function(v) {
+    v.component(ViewContentPanelContainer.name, ViewContentPanelContainer);
+    registerPanelItemProvider(
+      "CONTAINER_CONTENT",
+      () => new ViewContentPanelContainerProvider()
+    );
+  }
+);
+
+export { IBizViewContentPanelContainer, IBizViewContentPanelContainer as default };

package/es/panel-component/view-content-panel-container/view-content-panel-container.css

@@ -0,0 +1 @@
+.ibiz-view-content{--ibiz-panel-component-view-content-margin:var(--ibiz-spacing-tight);height:calc(100% - var(--ibiz-panel-component-view-content-margin));margin-top:var(--ibiz-panel-component-view-content-margin);overflow:visible}.ibiz-view-content.is-scroll{overflow-y:auto}.ibiz-view-content-refresh{height:100%}.ibiz-view-content-refresh.van-pull-refresh{overflow:visible}

package/es/panel-component/view-content-panel-container/view-content-panel-container.d.ts

@@ -0,0 +1,3 @@
+import { Component } from 'vue';
+import './view-content-panel-container.scss';
+export declare const ViewContentPanelContainer: Component;

package/es/panel-component/view-content-panel-container/view-content-panel-container.mjs

@@ -0,0 +1,108 @@
+import { isVNode, ref, computed, resolveComponent, createVNode, defineComponent } from 'vue';
+import { PanelContainerController, useNamespace, useMobCtx } from '@ibiz-template/vue3-util';
+import { SysUIActionTag } from '@ibiz-template/runtime';
+import { useRoute } from 'vue-router';
+import './view-content-panel-container.css';
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const ViewContentPanelContainer = /* @__PURE__ */ defineComponent({
+  name: "IBizViewContentPanelContainer",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: PanelContainerController,
+      required: true
+    }
+  },
+  setup(props) {
+    var _a, _b;
+    const ns = useNamespace("view-content");
+    const isRefreshing = ref(false);
+    const ctx = useMobCtx();
+    const {
+      view
+    } = ctx;
+    const viewModel = view.model;
+    const route = useRoute();
+    let isScrollable = false;
+    if (view.modal.viewUsage === 4) {
+      isScrollable = false;
+    } else if (view.modal.viewUsage === 1) {
+      if (view.modal.routeDepth === 1 && view.model.viewType !== "APPINDEXVIEW" || view.modal.routeDepth === 2 && (((_b = (_a = view.parentView) == null ? void 0 : _a.model) == null ? void 0 : _b.viewType) === "APPINDEXVIEW" || route.meta.home)) {
+        isScrollable = true;
+      }
+    } else if (view.modal.viewUsage === 2) {
+      isScrollable = true;
+    }
+    const refresh = async () => {
+      try {
+        isRefreshing.value = true;
+        await view.call(SysUIActionTag.REFRESH);
+      } finally {
+        isRefreshing.value = false;
+      }
+    };
+    const {
+      id
+    } = props.modelData;
+    const classArr = computed(() => {
+      let result = [ns.b(), ns.m(id)];
+      result = [
+        ...result,
+        ...props.controller.containerClass,
+        // 只有这个scroll 样式才出滚动条
+        ns.is("scroll", isScrollable),
+        ns.is("hidden", !props.controller.state.visible)
+      ];
+      return result;
+    });
+    return {
+      ns,
+      viewModel,
+      isRefreshing,
+      isScrollable,
+      classArr,
+      refresh
+    };
+  },
+  render() {
+    var _a, _b;
+    const defaultSlots = ((_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)) || [];
+    const content = createVNode(resolveComponent("iBizRow"), {
+      "class": this.classArr,
+      "layout": this.modelData.layout
+    }, {
+      default: () => [this.isScrollable && createVNode(resolveComponent("van-back-top"), null, null), 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]
+        });
+      })]
+    });
+    if (this.viewModel.enablePullDownRefresh === true) {
+      return createVNode(resolveComponent("van-pull-refresh"), {
+        "class": this.ns.b("refresh"),
+        "modelValue": this.isRefreshing,
+        "onUpdate:modelValue": ($event) => this.isRefreshing = $event,
+        "onRefresh": this.refresh
+      }, _isSlot(content) ? content : {
+        default: () => [content]
+      });
+    }
+    return content;
+  }
+});
+
+export { ViewContentPanelContainer };

package/es/panel-component/view-content-panel-container/view-content-panel-container.provider.d.ts

@@ -0,0 +1,15 @@
+import { IPanelItemProvider, PanelController, PanelItemController } from '@ibiz-template/runtime';
+import { IPanelContainer } from '@ibiz/model-core';
+/**
+ * 视图内容区适配器
+ *
+ * @author chitanda
+ * @date 2023-06-16 11:06:38
+ * @export
+ * @class ViewContentPanelContainerProvider
+ * @implements {IPanelItemProvider}
+ */
+export declare class ViewContentPanelContainerProvider implements IPanelItemProvider {
+    component: string;
+    createController(panelItem: IPanelContainer, panel: PanelController, parent: PanelItemController | undefined): Promise<PanelItemController>;
+}

package/es/panel-component/view-content-panel-container/view-content-panel-container.provider.mjs

@@ -0,0 +1,21 @@
+import { PanelContainerController } from '@ibiz-template/vue3-util';
+
+"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 ViewContentPanelContainerProvider {
+  constructor() {
+    __publicField(this, "component", "IBizViewContentPanelContainer");
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new PanelContainerController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+export { ViewContentPanelContainerProvider };

package/es/panel-component/view-footer-panel-container/index.d.ts

@@ -0,0 +1,23 @@
+export declare const IBizViewFooterPanelContainer: import("@ibiz-template/vue3-util").TypeWithInstall<import("vue").DefineComponent<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IPanelContainer>;
+        required: true;
+    };
+    controller: {
+        type: typeof import("@ibiz-template/vue3-util").PanelContainerController;
+        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: typeof import("@ibiz-template/vue3-util").PanelContainerController;
+        required: true;
+    };
+}>>, {}, {}>>;
+export default IBizViewFooterPanelContainer;

package/es/panel-component/view-footer-panel-container/index.mjs

@@ -0,0 +1,18 @@
+import { withInstall } from '@ibiz-template/vue3-util';
+import { registerPanelItemProvider } from '@ibiz-template/runtime';
+import { ViewFooterPanelContainer } from './view-footer-panel-container.mjs';
+import { ViewFooterPanelContainerProvider } from './view-footer-panel-container.provider.mjs';
+
+"use strict";
+const IBizViewFooterPanelContainer = withInstall(
+  ViewFooterPanelContainer,
+  function(v) {
+    v.component(ViewFooterPanelContainer.name, ViewFooterPanelContainer);
+    registerPanelItemProvider(
+      "CONTAINER_FOOTER",
+      () => new ViewFooterPanelContainerProvider()
+    );
+  }
+);
+
+export { IBizViewFooterPanelContainer, IBizViewFooterPanelContainer as default };

package/es/panel-component/view-footer-panel-container/view-footer-panel-container.d.ts

@@ -0,0 +1,26 @@
+import { PanelContainerController } from '@ibiz-template/vue3-util';
+import { IPanelContainer } from '@ibiz/model-core';
+import { PropType } from 'vue';
+import './view-footer-panel-container.scss';
+export declare const ViewFooterPanelContainer: import("vue").DefineComponent<{
+    modelData: {
+        type: PropType<IPanelContainer>;
+        required: true;
+    };
+    controller: {
+        type: typeof PanelContainerController;
+        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: typeof PanelContainerController;
+        required: true;
+    };
+}>>, {}, {}>;

package/es/panel-component/view-footer-panel-container/view-footer-panel-container.mjs

@@ -0,0 +1,63 @@
+import { isVNode, computed, resolveComponent, createVNode, defineComponent } from 'vue';
+import { PanelContainerController, useNamespace } from '@ibiz-template/vue3-util';
+import './view-footer-panel-container.css';
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const ViewFooterPanelContainer = /* @__PURE__ */ defineComponent({
+  name: "IBizViewFooterPanelContainer",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: PanelContainerController,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = useNamespace("view-footer");
+    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;
+    });
+    return {
+      ns,
+      classArr
+    };
+  },
+  render() {
+    var _a, _b;
+    let _slot;
+    if (this.controller.state.visible === false) {
+      return;
+    }
+    const defaultSlots = ((_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)) || [];
+    return createVNode(resolveComponent("iBizRow"), {
+      "class": this.classArr,
+      "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]
+    });
+  }
+});
+
+export { ViewFooterPanelContainer };

package/es/panel-component/view-footer-panel-container/view-footer-panel-container.provider.d.ts

@@ -0,0 +1,15 @@
+import { IPanelItemProvider, PanelController, PanelItemController } from '@ibiz-template/runtime';
+import { IPanelContainer } from '@ibiz/model-core';
+/**
+ * 视图底部适配器
+ *
+ * @author chitanda
+ * @date 2023-06-16 11:06:38
+ * @export
+ * @class ViewFooterPanelContainerProvider
+ * @implements {IPanelItemProvider}
+ */
+export declare class ViewFooterPanelContainerProvider implements IPanelItemProvider {
+    component: string;
+    createController(panelItem: IPanelContainer, panel: PanelController, parent: PanelItemController | undefined): Promise<PanelItemController>;
+}

package/es/panel-component/view-footer-panel-container/view-footer-panel-container.provider.mjs

@@ -0,0 +1,21 @@
+import { PanelContainerController } from '@ibiz-template/vue3-util';
+
+"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 ViewFooterPanelContainerProvider {
+  constructor() {
+    __publicField(this, "component", "IBizViewFooterPanelContainer");
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new PanelContainerController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+export { ViewFooterPanelContainerProvider };

package/es/panel-component/view-header-panel-container/index.d.ts

@@ -0,0 +1,25 @@
+export declare const IBizViewHeaderPanelContainer: import("@ibiz-template/vue3-util").TypeWithInstall<import("vue").DefineComponent<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IPanelContainer>;
+        required: true;
+    };
+    controller: {
+        type: typeof import("@ibiz-template/vue3-util").PanelContainerController;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    goBack: () => void;
+    classArr: import("vue").ComputedRef<(string | false)[]>;
+    backButtonVisible: 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<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IPanelContainer>;
+        required: true;
+    };
+    controller: {
+        type: typeof import("@ibiz-template/vue3-util").PanelContainerController;
+        required: true;
+    };
+}>>, {}, {}>>;
+export default IBizViewHeaderPanelContainer;

package/es/panel-component/view-header-panel-container/index.mjs

@@ -0,0 +1,18 @@
+import { withInstall } from '@ibiz-template/vue3-util';
+import { registerPanelItemProvider } from '@ibiz-template/runtime';
+import { ViewHeaderPanelContainer } from './view-header-panel-container.mjs';
+import { ViewHeaderPanelContainerProvider } from './view-header-panel-container.provider.mjs';
+
+"use strict";
+const IBizViewHeaderPanelContainer = withInstall(
+  ViewHeaderPanelContainer,
+  function(v) {
+    v.component(ViewHeaderPanelContainer.name, ViewHeaderPanelContainer);
+    registerPanelItemProvider(
+      "CONTAINER_HEADER",
+      () => new ViewHeaderPanelContainerProvider()
+    );
+  }
+);
+
+export { IBizViewHeaderPanelContainer, IBizViewHeaderPanelContainer as default };

package/es/panel-component/view-header-panel-container/view-header-panel-container.css

@@ -0,0 +1 @@
+.ibiz-view-header{--ibiz-panel-component-view-header-bg-color:var(--ibiz-color-bg-0);--ibiz-panel-component-view-header-back-font-size:var(--ibiz-font-size-header-3);--ibiz-panel-component-view-header-back-padding:0 var(--ibiz-spacing-tight);--ibiz-panel-component-view-header-back-width:40px;--ibiz-panel-component-view-header-back-height:40px;--ibiz-panel-component-view-header-color:var(--ibiz-color-text-0);color:var(--ibiz-panel-component-view-header-color);background-color:var(--ibiz-panel-component-view-header-bg-color)}.ibiz-view-header .ibiz-view-header-back-button{position:absolute;display:flex;align-items:center;width:var(--ibiz-panel-component-view-header-back-width);height:var(--ibiz-panel-component-view-header-back-height);padding:var(--ibiz-panel-component-view-header-back-padding);font-size:var(--ibiz-panel-component-view-header-back-font-size)}.ibiz-view-header .ibiz-view-header-precut-back{padding-left:var(--ibiz-panel-component-view-header-back-width)}