@ibiz-template/vue3-util 0.7.41-alpha.13 → 0.7.41-alpha.131

package/src/view/de-redirect-view/de-redirect-view.tsx

@@ -0,0 +1,86 @@
+import { RuntimeError } from '@ibiz-template/core';
+import { getDERedirectToView, ViewController } from '@ibiz-template/runtime';
+import { IAppDERedirectView } from '@ibiz/model-core';
+import {
+  defineComponent,
+  h,
+  PropType,
+  ref,
+  resolveComponent,
+  toRaw,
+  watch,
+} from 'vue';
+import { useViewController } from '../../use';
+
+export const DeRedirectView = defineComponent({
+  name: 'IBizDeRedirectView',
+  props: {
+    context: { type: Object as PropType<IContext>, required: true },
+    params: { type: Object as PropType<IParams>, default: () => ({}) },
+    modelData: { type: Object as PropType<IAppDERedirectView>, required: true },
+    isEmbedCtrlNav: { type: Boolean, default: false },
+  },
+  setup(props) {
+    const c = useViewController((...args) => new ViewController(...args));
+    const toViewId = ref<string>();
+    const toViewContext = ref<IContext>();
+    const toViewParams = ref<IParams>();
+
+    c.evt.on('onCreated', () => {
+      getDERedirectToView(
+        toRaw(props.modelData),
+        toRaw(c.context),
+        toRaw(c.params),
+      ).then(async result => {
+        if (result.type === 'view') {
+          toViewId.value = result.viewId;
+          toViewContext.value = result.context;
+          toViewParams.value = result.params;
+        } else {
+          throw new RuntimeError(
+            ibiz.i18n.t('vue3Util.view.embeddedRedirectionView'),
+          );
+        }
+      });
+    });
+    if (props.isEmbedCtrlNav) {
+      watch(
+        () => [c.context, c.params],
+        () => {
+          getDERedirectToView(
+            toRaw(props.modelData),
+            toRaw(c.context),
+            toRaw(c.params),
+          ).then(async result => {
+            if (result.type === 'view') {
+              toViewId.value = result.viewId;
+              toViewContext.value = result.context;
+            }
+          });
+        },
+        {
+          deep: true,
+        },
+      );
+    }
+
+    return { c, toViewId, toViewContext, toViewParams };
+  },
+  render() {
+    if (this.toViewId) {
+      return h(
+        resolveComponent('IBizViewShell'),
+        {
+          context: this.toViewContext,
+          params: this.toViewParams,
+          viewId: this.toViewId,
+          ...this.$attrs,
+        },
+        this.$slots,
+      );
+    }
+    return (
+      <div style='width: 100%; height: 100%;' v-loading={!this.toViewId}></div>
+    );
+  },
+});

package/src/view/de-redirect-view/index.ts

@@ -0,0 +1,17 @@
+import { App } from 'vue';
+import { registerViewProvider, ViewType } from '@ibiz-template/runtime';
+import { withInstall } from '../../util';
+import { DeRedirectView } from './de-redirect-view';
+import { DeRedirectViewProvider } from './de-redirect-view.provider';
+
+export const IBizDeRedirectView = withInstall(
+  DeRedirectView,
+  function (v: App) {
+    v.component(DeRedirectView.name!, DeRedirectView);
+    const deRedirectViewProvider = new DeRedirectViewProvider();
+    registerViewProvider(
+      ViewType.DE_REDIRECT_VIEW,
+      () => deRedirectViewProvider,
+    );
+  },
+);

package/src/view/html-view/html-view.provider.ts

@@ -0,0 +1,14 @@
+import { IViewProvider } from '@ibiz-template/runtime';
+
+/**
+ * 实体html视图适配器
+ *
+ * @author fzh
+ * @date 2024-08-21 18:00:57
+ * @export
+ * @class HtmlViewProvider
+ * @implements {IViewProvider}
+ */
+export class HtmlViewProvider implements IViewProvider {
+  component: string = 'IBizHtmlView';
+}

package/src/view/html-view/html-view.scss

@@ -0,0 +1,7 @@
+@include b(view-dehtmlview) {
+  > iframe {
+    width: 100%;
+    height: 100%;
+    border: 0;
+  }
+}

package/src/view/html-view/html-view.tsx

@@ -0,0 +1,86 @@
+import { IAppDEHtmlView } from '@ibiz/model-core';
+import {
+  HtmlViewController,
+  getErrorViewProvider,
+} from '@ibiz-template/runtime';
+import {
+  h,
+  ref,
+  PropType,
+  onBeforeMount,
+  defineComponent,
+  resolveComponent,
+} from 'vue';
+import { useNamespace, useViewController } from '../../use';
+import './html-view.scss';
+
+export const HtmlView = defineComponent({
+  name: 'IBizHtmlView',
+  props: {
+    context: Object as PropType<IContext>,
+    params: { type: Object as PropType<IParams>, default: () => ({}) },
+    modelData: { type: Object as PropType<IAppDEHtmlView>, required: true },
+    modal: { type: Object as PropType<IAppDEHtmlView> },
+    state: { type: Object as PropType<IData> },
+  },
+  setup() {
+    const ns = useNamespace('view');
+    const c = useViewController(
+      (model, ...args) =>
+        new HtmlViewController(model as IAppDEHtmlView, ...args),
+    );
+    // 视图部件模型在viewlayoutPanel里面。
+    const controls = c.model.viewLayoutPanel?.controls || c.model.controls;
+    const { viewType, sysCss, codeName } = c.model;
+    const typeClass = viewType!.toLowerCase();
+    const sysCssName = sysCss?.cssName;
+    const viewClassNames = [
+      ns.b(),
+      true && ns.b(typeClass),
+      true && ns.m(codeName),
+      true && sysCssName,
+    ];
+    const isLoading = ref(false);
+
+    onBeforeMount(() => {
+      if (c.state.htmlUrl) {
+        isLoading.value = true;
+      }
+    });
+
+    const onLoad = () => {
+      isLoading.value = false;
+    };
+
+    return { c, ns, controls, viewClassNames, isLoading, onLoad };
+  },
+  render() {
+    if (!this.c.state.isCreated) return;
+
+    if (this.c.state.htmlUrl) {
+      return (
+        <div
+          class={this.viewClassNames}
+          v-loading={this.isLoading}
+          element-loading-text={this.c.state.loadingText}
+        >
+          <iframe
+            src={this.c.state.htmlUrl}
+            onLoad={() => this.onLoad()}
+          ></iframe>
+        </div>
+      );
+    }
+
+    let Content = null;
+    const provider = getErrorViewProvider('404');
+    if (provider) {
+      if (typeof provider.component === 'string') {
+        Content = h(resolveComponent(provider.component) as string);
+      }
+      Content = h(provider.component);
+    }
+
+    return <div class={this.viewClassNames}>{Content}</div>;
+  },
+});

package/src/view/html-view/index.ts

@@ -0,0 +1,10 @@
+import { App } from 'vue';
+import { registerViewProvider, ViewType } from '@ibiz-template/runtime';
+import { withInstall } from '../../util';
+import { HtmlViewProvider } from './html-view.provider';
+import { HtmlView } from './html-view';
+
+export const IBizHtmlView = withInstall(HtmlView, function (v: App) {
+  v.component(HtmlView.name!, HtmlView);
+  registerViewProvider(ViewType.DE_HTML_VIEW, () => new HtmlViewProvider());
+});

package/src/view/index.ts

@@ -0,0 +1,6 @@
+export * from './app-redirect-view/app-redirect-view';
+export * from './common/index';
+export * from './todo-redirect/todo-redirect';
+export * from './portal-view/index';
+export * from './de-redirect-view/index';
+export * from './html-view/index';

package/src/view/md-custom-view/md-custom-view.provider.ts

@@ -0,0 +1,30 @@
+import {
+  CTX,
+  IMDCustomViewState,
+  IViewController,
+  IViewEvent,
+  IViewProvider,
+  MDCustomViewController,
+} from '@ibiz-template/runtime';
+import { IAppDECustomView } from '@ibiz/model-core';
+
+/**
+ * @description 实体多数据自定义视图适配器
+ * @export
+ * @class MDCustomViewProvider
+ * @implements {IViewProvider}
+ */
+export class MDCustomViewProvider implements IViewProvider {
+  component: string = 'IBizView';
+
+  createController(
+    model: IAppDECustomView,
+    context: IContext,
+    params?: IParams | undefined,
+    ctx?:
+      | CTX<IViewController<IAppDECustomView, IMDCustomViewState, IViewEvent>>
+      | undefined,
+  ): IViewController<IAppDECustomView, IMDCustomViewState, IViewEvent> {
+    return new MDCustomViewController(model, context, params, ctx);
+  }
+}

package/src/view/portal-view/index.ts

@@ -0,0 +1,18 @@
+import { App } from 'vue';
+import { registerViewProvider, ViewType } from '@ibiz-template/runtime';
+import { withInstall } from '../../util';
+import { PortalViewProvider } from './portal-view.provider';
+import { PortalView } from './portal-view';
+
+export const IBizPortalView = withInstall(PortalView, function (v: App) {
+  v.component(PortalView.name!, PortalView);
+  registerViewProvider(
+    ViewType.APP_PORTAL_VIEW,
+    () => new PortalViewProvider(),
+  );
+  registerViewProvider(ViewType.DE_PORTAL_VIEW, () => new PortalViewProvider());
+  registerViewProvider(
+    ViewType.DE_PORTAL_VIEW9,
+    () => new PortalViewProvider(),
+  );
+});

package/src/view/portal-view/portal-view.provider.ts

@@ -0,0 +1,14 @@
+import { IViewProvider } from '@ibiz-template/runtime';
+
+/**
+ * 应用门户视图,实体数据看板视图适配器
+ *
+ * @author lxm
+ * @date 2022-10-25 18:10:57
+ * @export
+ * @class ViewProvider
+ * @implements {IViewProvider}
+ */
+export class PortalViewProvider implements IViewProvider {
+  component: string = 'IBizPortalView';
+}

package/src/view/portal-view/portal-view.tsx

@@ -0,0 +1,83 @@
+import { IModal, ViewController } from '@ibiz-template/runtime';
+import { IAppPortalView } from '@ibiz/model-core';
+import { defineComponent, h, PropType, resolveComponent } from 'vue';
+import { useNamespace, useViewController } from '../../use';
+
+export const PortalView = defineComponent({
+  name: 'IBizPortalView',
+  props: {
+    context: Object as PropType<IContext>,
+    params: { type: Object as PropType<IParams>, default: () => ({}) },
+    modelData: { type: Object as PropType<IAppPortalView>, required: true },
+    modal: { type: Object as PropType<IModal> },
+    state: { type: Object as PropType<IData> },
+  },
+  setup() {
+    const ns = useNamespace('view');
+    const c = useViewController((...args) => new ViewController(...args));
+    // 视图部件模型在viewlayoutPanel里面。
+    const controls = c.model.viewLayoutPanel?.controls || c.model.controls;
+
+    const { viewType, sysCss, codeName } = c.model;
+    const typeClass = viewType!.toLowerCase();
+    const sysCssName = sysCss?.cssName;
+    const viewClassNames = [
+      ns.b(),
+      true && ns.b(typeClass),
+      true && ns.m(codeName),
+      true && sysCssName,
+    ];
+
+    return { c, ns, controls, viewClassNames };
+  },
+  render() {
+    let content = null;
+    if (this.c.state.isCreated) {
+      // 绘制部件插槽，外部插槽优先
+      const slots: IData = {
+        ...this.$slots,
+      };
+      if (this.controls?.length) {
+        this.controls.forEach(ctrl => {
+          const slotKey = ctrl.name || ctrl.id!;
+          const ctrlProps = {
+            context: this.c.context,
+            params: this.c.params,
+          };
+          if (this.c.slotProps[slotKey]) {
+            Object.assign(ctrlProps, this.c.slotProps[slotKey]);
+          }
+          // 已经有插槽的不用自己绘制了。
+          const outCtrlSlot = slots[slotKey];
+          if (outCtrlSlot) {
+            slots[slotKey] = () => {
+              return outCtrlSlot({
+                modelData: ctrl,
+                ...ctrlProps,
+              });
+            };
+            return;
+          }
+          const provider = this.c.providers[slotKey];
+          if (provider) {
+            slots[slotKey] = () => {
+              const comp = resolveComponent(provider.component) as string;
+              return h(comp, {
+                modelData: ctrl,
+                ...ctrlProps,
+                provider,
+              });
+            };
+          }
+        });
+      }
+
+      // 绘制内容区
+      if (slots.dashboard) {
+        content = slots.dashboard();
+      }
+    }
+
+    return <div class={this.viewClassNames}>{content}</div>;
+  },
+});

package/src/view/todo-redirect/todo-redirect.tsx

@@ -0,0 +1,51 @@
+import qs from 'qs';
+import { defineComponent } from 'vue';
+import { useRouter } from 'vue-router';
+
+export const TodoRedirect = defineComponent({
+  setup() {
+    const router = useRouter();
+
+    const { href } = window.location;
+
+    const i = href.lastIndexOf('?');
+
+    const queryStr: string = decodeURIComponent(
+      href.substring(i + 1, href.length),
+    );
+
+    if (!queryStr) {
+      throw new Error(ibiz.i18n.t('vue3Util.view.insufficientRedirection'));
+    }
+
+    const params = qs.parse(queryStr, { delimiter: ';' }) as IData;
+
+    const { apptype, todotype, todoid } = params;
+
+    const data: IData = { srfapptype: 'pc', srfapp: '' };
+
+    if (!apptype) {
+      data.todourltype = 'RouterUrl';
+    }
+
+    async function getLinkUrl(): Promise<void> {
+      const res = await ibiz.net.post(`/systodos/${todoid}/getlinkurl`, data);
+      let url: string = res.data.linkurl;
+      // apptype存在，带ip、端口等完整数据
+      if (apptype) {
+        window.location.href = url;
+      } else {
+        if (url.indexOf('/') !== 0) {
+          url = `/${url}`;
+        }
+        url += `;srfwf=${todotype}`;
+        router.push(`/index${url}`);
+      }
+    }
+
+    getLinkUrl();
+  },
+  render() {
+    return <div>{ibiz.i18n.t('vue3Util.view.toDoList')}</div>;
+  },
+});

package/es/panel-component/panel-container/panel-container.controller.d.ts

@@ -1,21 +0,0 @@
-import { PanelItemController } from '@ibiz-template/runtime';
-import { IPanelContainer } from '@ibiz/model-core';
-import { PanelContainerState } from './panel-container.state';
-/**
- * 面板容器控制器
- *
- * @export
- * @class PanelContainerController
- * @extends {PanelItemController}
- */
-export declare class PanelContainerController extends PanelItemController<IPanelContainer> {
-    /**
-     * @description 面板容器状态
-     * @exposedoc
-     * @type {PanelContainerState}
-     * @memberof PanelContainerController
-     */
-    state: PanelContainerState;
-    protected createState(): PanelContainerState;
-}
-//# sourceMappingURL=panel-container.controller.d.ts.map

package/es/panel-component/panel-container/panel-container.controller.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"panel-container.controller.d.ts","sourceRoot":"","sources":["../../../src/panel-component/panel-container/panel-container.controller.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D;;;;;;GAMG;AACH,qBAAa,wBAAyB,SAAQ,mBAAmB,CAAC,eAAe,CAAC;IAChF;;;;;OAKG;IACK,KAAK,EAAE,mBAAmB,CAAC;IAEnC,SAAS,CAAC,WAAW,IAAI,mBAAmB;CAG7C"}

package/es/panel-component/panel-container/panel-container.controller.mjs

@@ -1,12 +0,0 @@
-import { PanelItemController } from '@ibiz-template/runtime';
-import { PanelContainerState } from './panel-container.state.mjs';
-
-"use strict";
-class PanelContainerController extends PanelItemController {
-  createState() {
-    var _a;
-    return new PanelContainerState((_a = this.parent) == null ? void 0 : _a.state);
-  }
-}
-
-export { PanelContainerController };

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

@@ -1,10 +0,0 @@
-import { PanelItemState } from '@ibiz-template/runtime';
-/**
- * @description 面板容器状态
- * @export
- * @class PanelContainerState
- * @extends {PanelItemState}
- */
-export declare class PanelContainerState extends PanelItemState {
-}
-//# sourceMappingURL=panel-container.state.d.ts.map

package/es/panel-component/panel-container/panel-container.state.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"panel-container.state.d.ts","sourceRoot":"","sources":["../../../src/panel-component/panel-container/panel-container.state.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD;;;;;GAKG;AACH,qBAAa,mBAAoB,SAAQ,cAAc;CAAG"}

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

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

package/es/panel-component/panel-container-group/index.d.ts

@@ -1,29 +0,0 @@
-import { PanelContainerGroupState } from './panel-container-group.state';
-import { PanelContainerGroupController } from './panel-container-group.controller';
-export { PanelContainerGroupState, PanelContainerGroupController };
-export declare const IBizPanelContainerGroup: import("../../util").TypeWithInstall<import("vue").DefineComponent<{
-    modelData: {
-        type: import("vue").PropType<import("@ibiz/model-core").IPanelContainer>;
-        required: true;
-    };
-    controller: {
-        type: typeof PanelContainerGroupController;
-        required: true;
-    };
-}, {
-    ns: import("@ibiz-template/core").Namespace;
-    captionText: import("vue").ComputedRef<any>;
-    changeCollapse: () => void;
-    isCollapse: 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 PanelContainerGroupController;
-        required: true;
-    };
-}>>, {}, {}>>;
-export default IBizPanelContainerGroup;
-//# sourceMappingURL=index.d.ts.map

package/es/panel-component/panel-container-group/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/panel-component/panel-container-group/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAEzE,OAAO,EAAE,6BAA6B,EAAE,MAAM,oCAAoC,CAAC;AAInF,OAAO,EAAE,wBAAwB,EAAE,6BAA6B,EAAE,CAAC;AAEnE,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;aASnC,CAAC;AAEF,eAAe,uBAAuB,CAAC"}

package/es/panel-component/panel-container-group/index.mjs

@@ -1,21 +0,0 @@
-import { registerPanelItemProvider } from '@ibiz-template/runtime';
-export { PanelContainerGroupState } from './panel-container-group.state.mjs';
-import { PanelContainerGroupProvider } from './panel-container-group.provider.mjs';
-export { PanelContainerGroupController } from './panel-container-group.controller.mjs';
-import { PanelContainerGroup } from './panel-container-group.mjs';
-import '../../util/index.mjs';
-import { withInstall } from '../../util/install.mjs';
-
-"use strict";
-const IBizPanelContainerGroup = withInstall(
-  PanelContainerGroup,
-  function(v) {
-    v.component(PanelContainerGroup.name, PanelContainerGroup);
-    registerPanelItemProvider(
-      "CONTAINER_CONTAINER_GROUP",
-      () => new PanelContainerGroupProvider()
-    );
-  }
-);
-
-export { IBizPanelContainerGroup, IBizPanelContainerGroup as default };

package/es/panel-component/panel-container-group/panel-container-group.controller.d.ts

@@ -1,34 +0,0 @@
-import { PanelItemController } from '@ibiz-template/runtime';
-import { IPanelContainer } from '@ibiz/model-core';
-import { PanelContainerGroupState } from './panel-container-group.state';
-/**
- * 面板分组容器控制器
- *
- * @export
- * @class PanelContainerGroupController
- * @extends {PanelItemController}
- */
-export declare class PanelContainerGroupController extends PanelItemController<IPanelContainer> {
-    /**
-     * @description 状态
-     * @exposedoc
-     * @type {PanelContainerGroupState}
-     * @memberof PanelContainerGroupController
-     */
-    state: PanelContainerGroupState;
-    protected createState(): PanelContainerGroupState;
-    /**
-     * @description 禁用关闭
-     * @exposedoc
-     * @readonly
-     * @type {boolean}
-     */
-    get disableClose(): boolean;
-    /**
-     * @description 是否默认展开分组
-     * @exposedoc
-     * @readonly
-     */
-    get defaultExpansion(): boolean;
-}
-//# sourceMappingURL=panel-container-group.controller.d.ts.map

package/es/panel-component/panel-container-group/panel-container-group.controller.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"panel-container-group.controller.d.ts","sourceRoot":"","sources":["../../../src/panel-component/panel-container-group/panel-container-group.controller.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAEzE;;;;;;GAMG;AACH,qBAAa,6BAA8B,SAAQ,mBAAmB,CAAC,eAAe,CAAC;IACrF;;;;;OAKG;IACK,KAAK,EAAE,wBAAwB,CAAC;IAExC,SAAS,CAAC,WAAW,IAAI,wBAAwB;IAIjD;;;;;OAKG;IACH,IAAI,YAAY,IAAI,OAAO,CAG1B;IAED;;;;OAIG;IACH,IAAI,gBAAgB,IAAI,OAAO,CAG9B;CACF"}

package/es/panel-component/panel-container-group/panel-container-group.controller.mjs

@@ -1,31 +0,0 @@
-import { PanelItemController } from '@ibiz-template/runtime';
-import { PanelContainerGroupState } from './panel-container-group.state.mjs';
-
-"use strict";
-class PanelContainerGroupController extends PanelItemController {
-  createState() {
-    var _a;
-    return new PanelContainerGroupState((_a = this.parent) == null ? void 0 : _a.state);
-  }
-  /**
-   * @description 禁用关闭
-   * @exposedoc
-   * @readonly
-   * @type {boolean}
-   */
-  get disableClose() {
-    const { titleBarCloseMode: mode } = this.model;
-    return mode === 0 || mode === void 0;
-  }
-  /**
-   * @description 是否默认展开分组
-   * @exposedoc
-   * @readonly
-   */
-  get defaultExpansion() {
-    const { titleBarCloseMode: mode } = this.model;
-    return this.disableClose || mode === 1;
-  }
-}
-
-export { PanelContainerGroupController };

package/es/panel-component/panel-container-group/panel-container-group.css

@@ -1 +0,0 @@
-.ibiz-panel-container-group{--ibiz-panel-container-group-bg-color:transparent;--ibiz-panel-container-group-header-bg-color:transparent;--ibiz-panel-container-group-header-padding:var(--ibiz-spacing-base-tight);--ibiz-panel-container-group-header-border-color:var(--ibiz-color-border);--ibiz-panel-container-group-header-height:49px;--ibiz-panel-container-group-caption-text-color:var(--ibiz-color-text-0);--ibiz-panel-container-group-caption-font-size:var(--ibiz-font-size-header-5);--ibiz-panel-container-group-caption-font-weight:var(--ibiz-font-weight-bold);--ibiz-panel-container-group-content-bg-color:transparent;--ibiz-panel-container-group-content-padding:var(--ibiz-spacing-tight)}.ibiz-panel-container-group{height:100%;background-color:var(--ibiz-panel-container-group-bg-color);border-radius:var(--ibiz-border-radius-base)}.ibiz-panel-container-group__caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ibiz-panel-container-group-caption-font-size);font-weight:var(--ibiz-panel-container-group-caption-font-weight);color:var(--ibiz-panel-container-group-caption-text-color)}.ibiz-panel-container-group__caption--icon{padding-right:var(--ibiz-spacing-tight)}.ibiz-panel-container-group-collapse>.ibiz-panel-container-group-content{display:block}.ibiz-panel-container-group-collapse.is-collapse>.ibiz-panel-container-group-content{display:none}.ibiz-panel-container-group-header{display:flex;height:var(--ibiz-panel-container-group-header-height);padding:var(--ibiz-panel-container-group-header-padding);margin:var(--ibiz-panel-container-group-header-margin);border-bottom:1px solid var(--ibiz-panel-container-group-header-border-color)}.ibiz-panel-container-group-header__left,.ibiz-panel-container-group-header__right{display:inline-block;width:50%}.ibiz-panel-container-group-header__right{text-align:right;display:flex;align-items:center;justify-content:flex-end}.ibiz-panel-container-group-content{width:100%;height:100%}.ibiz-panel-container-group-content>.ibiz-row{width:100%;height:100%}.ibiz-panel-container-group--show-header>.ibiz-panel-container-group-content{height:calc(100% - var(--ibiz-panel-container-group-header-height));padding:var(--ibiz-panel-container-group-content-padding);background-color:var(--ibiz-panel-container-group-content-bg-color)}