@ibiz-template/vue3-components 0.7.34 → 0.7.37-alpha.5

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/router/index.mjs

@@ -1,4 +1,4 @@
-import { createRouter, createWebHashHistory } from 'vue-router';
+import { createWebHashHistory, createRouter } from 'vue-router';
 import { AppRedirectView } from '@ibiz-template/vue3-util';
 import { RouteConst } from '@ibiz-template/runtime';
 import NProgress from '../../node_modules/.pnpm/nprogress@0.2.0/node_modules/nprogress/nprogress.mjs';

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/custom-filter-condition/custom-filter-condition.cjs

@@ -0,0 +1,288 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var qxUtil = require('qx-util');
+var runtime = require('@ibiz-template/runtime');
+require('./custom-filter-condition.css');
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+const IBizCustomFilterCondition = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizCustomFilterCondition",
+  props: {
+    value: {
+      type: Object
+    },
+    context: {
+      type: Object,
+      required: true
+    },
+    params: {
+      type: Object
+    },
+    schemaFields: {
+      type: Array,
+      default: () => []
+    }
+  },
+  emits: ["change"],
+  setup(props, {
+    emit
+  }) {
+    const ns = vue3Util.useNamespace("custom-filter-condition");
+    const fields = vue.ref([]);
+    const fieldMap = vue.ref(/* @__PURE__ */ new Map());
+    const items = vue.ref([]);
+    const initItemEditor = async (item) => {
+      item.editorProvider = void 0;
+      item.editor = void 0;
+      const field = fieldMap.value.get(item.field);
+      if (!field || !item.valueOP || !props.context) {
+        return;
+      }
+      const editorModel = ibiz.util.jsonSchema.getMockEditor(props.context, field, item.valueOP);
+      if (!editorModel) {
+        return;
+      }
+      const editorProvider = await runtime.getEditorProvider(editorModel);
+      if (editorProvider) {
+        item.editorProvider = editorProvider;
+        const editorController = await editorProvider.createController(editorModel, {
+          context: props.context,
+          params: props.params
+        });
+        item.editor = editorController;
+      }
+    };
+    const transformValue = async () => {
+      if (!props.value) {
+        items.value = [];
+        return;
+      }
+      const conditionList = props.value.searchconds;
+      if (Array.isArray(conditionList) && conditionList.length) {
+        items.value = await Promise.all(conditionList.map(async (condition) => {
+          const field = condition.fieldname || "";
+          const valueOP = condition.condop || "";
+          const value = condition.value;
+          const item = {
+            key: qxUtil.createUUID(),
+            field,
+            valueOP,
+            value
+          };
+          await initItemEditor(item);
+          return item;
+        }));
+        return;
+      }
+      items.value = [];
+    };
+    const init = async () => {
+      if (Array.isArray(props.schemaFields)) {
+        fields.value = props.schemaFields.map((item) => {
+          return {
+            ...item,
+            valueOPs: item.type ? ibiz.util.jsonSchema.getValueOPsByDataType(item.type) : []
+          };
+        });
+        fields.value.forEach((item) => {
+          fieldMap.value.set(item.appDEFieldId, item);
+        });
+        await transformValue();
+      }
+    };
+    vue.watch(() => props.schemaFields, () => {
+      init();
+    }, {
+      immediate: true
+    });
+    vue.watch(() => props.value, () => {
+      transformValue();
+    }, {
+      immediate: true
+    });
+    const handleValueChange = () => {
+      if (!items.value.length) {
+        emit("change", void 0);
+        return;
+      }
+      const searchconds = {
+        condop: "AND",
+        condtype: "GROUP",
+        searchconds: []
+      };
+      items.value.forEach((item) => {
+        searchconds.searchconds.push({
+          condtype: "DEFIELD",
+          fieldname: item.field,
+          condop: item.valueOP,
+          value: item.value
+        });
+      });
+      emit("change", searchconds);
+    };
+    const handleAdd = async () => {
+      var _a, _b, _c, _d;
+      let filterItem = fields.value;
+      if (items.value.length) {
+        const set = /* @__PURE__ */ new Set();
+        items.value.forEach((condition) => {
+          set.add(condition.field);
+        });
+        filterItem = fields.value.filter((field) => !set.has(field.appDEFieldId));
+        if (!filterItem.length) {
+          filterItem = fields.value;
+        }
+      }
+      const item = {
+        key: qxUtil.createUUID(),
+        field: ((_a = filterItem[0]) == null ? void 0 : _a.appDEFieldId) || "",
+        valueOP: ((_d = (_c = (_b = filterItem[0]) == null ? void 0 : _b.valueOPs) == null ? void 0 : _c[0]) == null ? void 0 : _d.valueOP) || ""
+      };
+      await initItemEditor(item);
+      items.value.push(item);
+      handleValueChange();
+    };
+    const handleRemove = (index) => {
+      items.value.splice(index, 1);
+      handleValueChange();
+    };
+    const renderEditor = (item) => {
+      if (!item.valueOP) {
+        return null;
+      }
+      if (item.editorProvider && item.editor) {
+        const component = vue.resolveComponent(item.editorProvider.formEditor);
+        return vue.h(component, {
+          value: item.value,
+          controller: item.editor,
+          data: {},
+          onChange: (val) => {
+            item.value = val;
+            handleValueChange();
+          }
+        });
+      }
+    };
+    const handleFieldChange = async (item) => {
+      var _a, _b;
+      const field = fieldMap.value.get(item.field);
+      item.valueOP = ((_b = (_a = field == null ? void 0 : field.valueOPs) == null ? void 0 : _a[0]) == null ? void 0 : _b.valueOP) || "";
+      item.value = void 0;
+      await initItemEditor(item);
+      handleValueChange();
+    };
+    const handleValueOPChange = async (item) => {
+      item.value = void 0;
+      await initItemEditor(item);
+      handleValueChange();
+    };
+    return {
+      ns,
+      fields,
+      fieldMap,
+      items,
+      handleAdd,
+      handleRemove,
+      renderEditor,
+      handleFieldChange,
+      handleValueOPChange
+    };
+  },
+  render() {
+    return vue.createVNode("div", {
+      "class": this.ns.b()
+    }, [vue.createVNode("div", {
+      "class": this.ns.b("content")
+    }, [this.items.map((item, i) => {
+      let _slot;
+      return vue.createVNode("div", {
+        "class": this.ns.b("item")
+      }, [vue.createVNode("div", {
+        "class": this.ns.b("item-header")
+      }, [vue.createVNode("div", {
+        "class": this.ns.b("item-header-text")
+      }, [vue.createTextVNode("\u67E5\u8BE2\u6761\u4EF6("), i + 1, vue.createTextVNode(")")]), vue.createVNode("div", {
+        "class": this.ns.b("item-header-btn"),
+        "onClick": () => this.handleRemove(i)
+      }, [vue.createVNode("svg", {
+        "viewBox": "0 0 16 16",
+        "xmlns": "http://www.w3.org/2000/svg",
+        "height": "1em",
+        "width": "1em",
+        "preserveAspectRatio": "xMidYMid meet",
+        "focusable": "false"
+      }, [vue.createVNode("g", {
+        "stroke-width": "1",
+        "fill-rule": "evenodd"
+      }, [vue.createVNode("path", {
+        "d": "M4.002 3.403V1a1 1 0 0 1 1-1h6.003a1 1 0 0 1 1 1v2.403h3.396a.6.6 0 1 1 0 1.2h-1.395V15a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4.603H.6a.6.6 0 1 1 0-1.2h3.4zm8.804 1.205H3.2V14.8h9.605V4.608zM5.202 1.2v2.155h5.603V1.2H5.202zm.6 6.417a.6.6 0 0 1 1.201 0v4.758a.6.6 0 0 1-1.2 0V7.617zm3.202 0a.6.6 0 0 1 1.2 0v4.758a.6.6 0 0 1-1.2 0V7.617z"
+      }, null)])])])]), vue.createVNode("div", {
+        "class": this.ns.b("item-content")
+      }, [vue.createVNode("div", {
+        "class": this.ns.be("item", "field")
+      }, [vue.createVNode(vue.resolveComponent("el-select"), {
+        "modelValue": item.field,
+        "onUpdate:modelValue": ($event) => item.field = $event,
+        "onChange": () => {
+          this.handleFieldChange(item);
+        }
+      }, _isSlot(_slot = this.fields.map((field) => {
+        return vue.createVNode(vue.resolveComponent("el-option"), {
+          "key": field.appDEFieldId,
+          "value": field.appDEFieldId,
+          "label": field.caption
+        }, null);
+      })) ? _slot : {
+        default: () => [_slot]
+      })]), vue.createVNode("div", {
+        "class": this.ns.be("item", "valueOP")
+      }, [vue.createVNode(vue.resolveComponent("el-select"), {
+        "modelValue": item.valueOP,
+        "onUpdate:modelValue": ($event) => item.valueOP = $event,
+        "onChange": () => {
+          this.handleValueOPChange(item);
+        }
+      }, {
+        default: () => {
+          var _a, _b;
+          return [(_b = (_a = this.fieldMap.get(item.field)) == null ? void 0 : _a.valueOPs) == null ? void 0 : _b.map((op) => {
+            return vue.createVNode(vue.resolveComponent("el-option"), {
+              "key": op.valueOP,
+              "value": op.valueOP,
+              "label": op.label
+            }, null);
+          })];
+        }
+      })]), vue.createVNode("div", {
+        "class": this.ns.be("item", "editor")
+      }, [this.renderEditor(item)])])]);
+    })]), vue.createVNode("div", {
+      "class": this.ns.b("footer")
+    }, [vue.createVNode("div", {
+      "class": this.ns.b("footer-btn"),
+      "onClick": this.handleAdd
+    }, [vue.createVNode("svg", {
+      "class": this.ns.be("footer-btn", "icon"),
+      "viewBox": "0 0 16 16",
+      "xmlns": "http://www.w3.org/2000/svg",
+      "height": "1em",
+      "width": "1em",
+      "preserveAspectRatio": "xMidYMid meet",
+      "focusable": "false"
+    }, [vue.createVNode("g", {
+      "stroke-width": "1",
+      "fill-rule": "evenodd"
+    }, [vue.createVNode("path", {
+      "d": "M8.578 7.383V1.602a.601.601 0 1 0-1.2 0v5.781H1.6a.601.601 0 0 0 0 1.203h5.777v5.812a.601.601 0 1 0 1.2 0V8.586H14.4a.601.601 0 0 0 0-1.203H8.578z"
+    }, null)])]), vue.createVNode("div", {
+      "class": this.ns.be("footer-btn", "text")
+    }, [vue.createTextVNode("\u6DFB\u52A0\u67E5\u8BE2\u6761\u4EF6")])])])]);
+  }
+});
+
+exports.IBizCustomFilterCondition = IBizCustomFilterCondition;

package/lib/common/custom-filter-condition/custom-filter-condition.css

@@ -0,0 +1 @@
+.ibiz-custom-filter-condition{height:100%;padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-none);font-size:var(--ibiz-font-size-regular)}.ibiz-custom-filter-condition-item-header{display:flex;align-items:center;justify-content:space-between;padding:calc(var(--ibiz-spacing-base-tight)/ 2) var(--ibiz-spacing-base-tight) calc(var(--ibiz-spacing-base-tight)/ 2) var(--ibiz-spacing-base-loose);background-color:var(--ibiz-color-bg-0)}.ibiz-custom-filter-condition-item-header-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-custom-filter-condition-item-header-btn{display:flex;flex:0 0 auto;align-items:center;justify-content:center;padding:var(--ibiz-spacing-tight);font-size:var(--ibiz-font-size-header-6);cursor:pointer}.ibiz-custom-filter-condition-item-header-btn svg{fill:var(--ibiz-color-text-3)}.ibiz-custom-filter-condition-item-header-btn:hover{background-color:var(--ibiz-color-danger-light-default)}.ibiz-custom-filter-condition-item-header-btn:hover svg{fill:var(--ibiz-color-danger-hover)}.ibiz-custom-filter-condition-item-content{display:flex;align-items:center;padding:var(--ibiz-spacing-base-loose);border-top:1px solid var(--ibiz-color-border)}.ibiz-custom-filter-condition-item{margin-bottom:var(--ibiz-spacing-base);border:1px solid var(--ibiz-color-border);border-radius:var(--ibiz-border-radius-small)}.ibiz-custom-filter-condition-item__field{flex:0 0 30%;margin-right:var(--ibiz-spacing-base-tight)}.ibiz-custom-filter-condition-item__field>.el-select{width:100%}.ibiz-custom-filter-condition-item__valueOP{flex:0 0 30%;margin-right:var(--ibiz-spacing-base-tight)}.ibiz-custom-filter-condition-item__valueOP>.el-select{width:100%}.ibiz-custom-filter-condition-item__editor{flex:1 1 0}.ibiz-custom-filter-condition-footer{width:100%;margin-top:var(--ibiz-spacing-base-loose)}.ibiz-custom-filter-condition-footer-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);cursor:pointer;border:1px solid var(--ibiz-color-border);border-radius:var(--ibiz-border-radius-small)}.ibiz-custom-filter-condition-footer-btn__icon{fill:currentcolor}.ibiz-custom-filter-condition-footer-btn__text{margin-left:calc(var(--ibiz-spacing-base-tight)/ 2)}.ibiz-custom-filter-condition-footer-btn:hover{color:var(--ibiz-color-primary-hover);background-color:var(--ibiz-color-bg-0);border-color:var(--ibiz-color-primary-hover)}

package/lib/common/custom-theme/custom-theme-model.cjs

@@ -506,6 +506,68 @@ const predefineThemeVars = [
             className: "ibiz-control-grid"
           }
         ]
+      },
+      {
+        caption: "\u6811",
+        labelLang: "tree",
+        vars: [
+          {
+            label: "\u6811\u89C6\u56FE\u6587\u672C\u8272",
+            value: "--ibiz-control-treeview-text-color",
+            defaultValue: "--ibiz-color-text-0",
+            labelLang: "treeTextColor",
+            descLang: "treeTextColorDesc",
+            className: "ibiz-control-treeview"
+          },
+          {
+            label: "\u6811\u89C6\u56FE\u80CC\u666F\u8272",
+            value: "--ibiz-control-treeview-bg-color",
+            defaultValue: "#00000000",
+            labelLang: "treeBgColor",
+            descLang: "treeBgColorDesc",
+            className: "ibiz-control-treeview"
+          },
+          {
+            label: "\u6811\u89C6\u56FE\u7981\u7528\u8272",
+            value: "--ibiz-control-treeview-disabled-color",
+            defaultValue: "--ibiz-color-disabled-text",
+            labelLang: "treeDisabledColor",
+            descLang: "treeDisabledColorDesc",
+            className: "ibiz-control-treeview"
+          },
+          {
+            label: "\u6811\u89C6\u56FE\u60AC\u6D6E\u8272",
+            value: "--ibiz-control-treeview-row-hover-color",
+            defaultValue: "--ibiz-color-text-0",
+            labelLang: "treeHoverColor",
+            descLang: "treeHoverColorDesc",
+            className: "ibiz-control-treeview"
+          },
+          {
+            label: "\u6811\u89C6\u56FE\u60AC\u6D6E\u80CC\u666F\u8272",
+            value: "--ibiz-control-treeview-row-hover-bg-color",
+            defaultValue: "--ibiz-color-fill-0",
+            labelLang: "treeHoverBgColor",
+            descLang: "treeHoverBgColorDesc",
+            className: "ibiz-control-treeview"
+          },
+          {
+            label: "\u6811\u89C6\u56FE\u9009\u4E2D\u8272",
+            value: "--ibiz-control-treeview-row-select-color",
+            defaultValue: "--ibiz-color-text-0",
+            labelLang: "treeSelectColor",
+            descLang: "treeSelectColorDesc",
+            className: "ibiz-control-treeview"
+          },
+          {
+            label: "\u6811\u89C6\u56FE\u9009\u4E2D\u80CC\u666F\u8272",
+            value: "--ibiz-control-treeview-row-select-bg-color",
+            defaultValue: "--ibiz-color-primary-light-default",
+            labelLang: "treeSelectBgColor",
+            descLang: "treeSelectBgColorDesc",
+            className: "ibiz-control-treeview"
+          }
+        ]
       }
     ]
   }

package/lib/common/custom-theme/custom-theme.controller.cjs

@@ -39,12 +39,13 @@ class CustomThemeController {
         label: "\u4EAE\u8272",
         labelLang: "light",
         color: "#557da5"
+      },
+      {
+        codeName: "studio_dark",
+        label: "\u6697\u8272",
+        labelLang: "studio_dark",
+        color: "#37373d"
       }
-      // {
-      //   codeName: 'dark',
-      //   label: '暗色',
-      //   color: '#1c1c1c',
-      // },
     ]);
     this.model = customThemeModel.predefineThemeVars;
     const customTheme = ibiz.util.theme.getCustomTheme();

package/lib/common/custom-theme/custom-theme.css

@@ -1 +1 @@
-.ibiz-custom-theme{display:flex;flex-direction:column;height:100%;padding:var(--ibiz-spacing-loose)}.ibiz-custom-theme .ibiz-custom-theme-header .el-button{padding:var(--ibiz-spacing-tight)}.ibiz-custom-theme .ibiz-custom-theme-content{height:auto;padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);overflow-y:auto}.ibiz-custom-theme .ibiz-custom-theme-content .el-tabs{height:100%}.ibiz-custom-theme .ibiz-custom-theme-content .el-tabs__content{height:calc(100% - 55px);overflow:auto}.ibiz-custom-theme .ibiz-custom-theme-footer{flex:none;height:64px;padding:var(--ibiz-spacing-base);display:flex;align-items:center;justify-content:flex-start}.ibiz-custom-theme-item{padding:var(--ibiz-spacing-base);border-bottom:1px solid var(--ibiz-color-border)}.ibiz-custom-theme-item__caption{font-size:var(--ibiz-font-size-header-5);font-weight:var(--ibiz-font-weight-bold);line-height:var(--ibiz-spacing-super-loose)}.ibiz-custom-theme-var{gap:var(--ibiz-spacing-base);padding:var(--ibiz-spacing-extra-tight) 0;display:flex;align-items:center;justify-content:space-between}
+.ibiz-custom-theme{display:flex;flex-direction:column;height:100%;padding:var(--ibiz-spacing-loose)}.ibiz-custom-theme .ibiz-custom-theme-header .el-button{padding:var(--ibiz-spacing-tight)}.ibiz-custom-theme .ibiz-custom-theme-content{height:auto;padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);overflow-y:auto}.ibiz-custom-theme .ibiz-custom-theme-content .el-tabs{height:100%}.ibiz-custom-theme .ibiz-custom-theme-content .el-tabs__content{height:calc(100% - 55px);overflow:auto}.ibiz-custom-theme .ibiz-custom-theme-footer{flex:none;height:64px;padding:var(--ibiz-spacing-base);display:flex;align-items:center;justify-content:flex-start}.ibiz-custom-theme-item{padding:var(--ibiz-spacing-base);border-bottom:1px solid var(--ibiz-color-border)}.ibiz-custom-theme-item__caption{font-size:var(--ibiz-font-size-header-5);font-weight:var(--ibiz-font-weight-bold);line-height:var(--ibiz-spacing-super-loose)}.ibiz-custom-theme-item__content{padding:var(--ibiz-spacing-base) 0}.ibiz-custom-theme-item__content .el-button{min-width:var(--ibiz-height-control-default)}.ibiz-custom-theme-var{gap:var(--ibiz-spacing-base);padding:var(--ibiz-spacing-extra-tight) 0;display:flex;align-items:center;justify-content:space-between}

package/lib/common/index.cjs

@@ -29,6 +29,7 @@ var emojiSelect = require('./emoji-select/emoji-select.cjs');
 var quickEdit = require('./quick-edit/quick-edit.cjs');
 var fullscreenToolbar = require('./fullscreen-toolbar/fullscreen-toolbar.cjs');
 var pqlEditor = require('./pql-editor/pql-editor.cjs');
+var customFilterCondition = require('./custom-filter-condition/custom-filter-condition.cjs');
 
 "use strict";
 const IBizCommonComponents = {
@@ -71,6 +72,7 @@ const IBizCommonComponents = {
     v.component(carouselCard.IBizCarouselCard.name, carouselCard.IBizCarouselCard);
     v.component(fullscreenToolbar.IBizFullscreenToolbar.name, fullscreenToolbar.IBizFullscreenToolbar);
     v.component(pqlEditor.IBizPqlEditor.name, pqlEditor.IBizPqlEditor);
+    v.component(customFilterCondition.IBizCustomFilterCondition.name, customFilterCondition.IBizCustomFilterCondition);
   }
 };
 

package/lib/common/pagination/pagination.cjs

@@ -87,7 +87,7 @@ const IBizPagination = /* @__PURE__ */ vue.defineComponent({
         "onClick": this.pageRefresh
       }, {
         default: () => [vue.createVNode("ion-icon", {
-          "src": "./assets/images/svg/refresh.svg"
+          "name": "refresh-outline"
         }, null)]
       })]), ramda.isNil(this.totalPages) || this.calcTotalPages === this.totalPages ? vue.createVNode("span", null, [ibiz.i18n.t("component.pagination.display"), vue.createTextVNode("\xA0"), this.start, vue.createTextVNode("\xA0-\xA0"), this.end, vue.createTextVNode("\xA0"), ibiz.i18n.t("component.pagination.piece"), vue.createTextVNode("\uFF0C")]) : null, vue.createVNode("span", null, [ibiz.i18n.t("component.pagination.total"), vue.createTextVNode("\xA0"), this.total, vue.createTextVNode("\xA0"), ibiz.i18n.t("component.pagination.pieceData")])]
     })]);

package/lib/common/pagination/pagination.css

@@ -1 +1 @@
-.ibiz-pagination{--ibiz-pagination-text-color:var(--ibiz-color-text-2);--ibiz-pagination-height:50px;--ibiz-pagination-padding:0 var(--ibiz-spacing-base-tight);display:flex;justify-content:flex-end;height:var(--ibiz-pagination-height);padding:var(--ibiz-pagination-padding)}.ibiz-pagination .el-pagination{overflow:auto;font-size:var(--ibiz-font-size-regular);font-weight:var(--ibiz-font-weight-regular);color:var(--ibiz-pagination-text-color)}.ibiz-pagination .el-pagination .ibiz-pagination-btn{margin-right:var(--ibiz-spacing-tight)}.ibiz-pagination .el-pagination .ibiz-pagination-btn .el-button{color:var(--ibiz-pagination-text-color);border:1px solid var(--ibiz-color-border)}.ibiz-pagination .el-pagination .btn-next,.ibiz-pagination .el-pagination .btn-prev{border:1px solid var(--ibiz-color-border)}.ibiz-pagination .el-pagination .el-pager li{color:var(--ibiz-pagination-text-color);border:1px solid var(--ibiz-color-border)}.ibiz-pagination .el-pagination .el-pager li.is-active{color:var(--ibiz-color-white);background-color:var(--ibiz-color-primary)}.ibiz-pagination .el-pagination .el-pagination__sizes{margin-left:var(--ibiz-spacing-tight);border:1px solid var(--ibiz-color-border)}.ibiz-pagination .el-pagination .el-pagination__sizes .el-select .el-input__wrapper{background-color:transparent}.ibiz-pagination .el-pagination .el-pagination__sizes .el-input__inner{color:var(--ibiz-pagination-text-color)}.ibiz-pagination .el-pagination .el-pagination__jump{color:var(--ibiz-pagination-text-color)}.ibiz-pagination .el-pagination .el-pagination__jump .el-pagination__editor{border:1px solid var(--ibiz-color-border)}.ibiz-pagination .el-pagination .el-pagination__jump .el-pagination__editor .el-input__wrapper{background-color:transparent}
+.ibiz-pagination{--ibiz-pagination-text-color:var(--ibiz-color-text-2);--ibiz-pagination-height:50px;--ibiz-pagination-padding:0 var(--ibiz-spacing-base-tight);display:flex;justify-content:flex-end;height:var(--ibiz-pagination-height);padding:var(--ibiz-pagination-padding)}.ibiz-pagination .el-pagination{overflow:auto;font-size:var(--ibiz-font-size-regular);font-weight:var(--ibiz-font-weight-regular);color:var(--ibiz-pagination-text-color)}.ibiz-pagination .el-pagination .ibiz-pagination-btn{margin-right:var(--ibiz-spacing-tight)}.ibiz-pagination .el-pagination .ibiz-pagination-btn .el-button{color:var(--ibiz-pagination-text-color);border:1px solid var(--ibiz-color-border)}.ibiz-pagination .el-pagination .ibiz-pagination-btn .el-button ion-icon{width:var(--ibiz-width-icon-medium);height:var(--ibiz-width-icon-medium)}.ibiz-pagination .el-pagination .btn-next,.ibiz-pagination .el-pagination .btn-prev{border:1px solid var(--ibiz-color-border)}.ibiz-pagination .el-pagination .el-pager li{color:var(--ibiz-pagination-text-color);border:1px solid var(--ibiz-color-border)}.ibiz-pagination .el-pagination .el-pager li.is-active{color:var(--ibiz-color-primary-text);background-color:var(--ibiz-color-primary)}.ibiz-pagination .el-pagination .el-pagination__sizes{margin-left:var(--ibiz-spacing-tight);border:1px solid var(--ibiz-color-border)}.ibiz-pagination .el-pagination .el-pagination__sizes .el-select .el-input__wrapper{background-color:transparent}.ibiz-pagination .el-pagination .el-pagination__sizes .el-input__inner{color:var(--ibiz-pagination-text-color)}.ibiz-pagination .el-pagination .el-pagination__jump{color:var(--ibiz-pagination-text-color)}.ibiz-pagination .el-pagination .el-pagination__jump .el-pagination__editor{border:1px solid var(--ibiz-color-border)}.ibiz-pagination .el-pagination .el-pagination__jump .el-pagination__editor .el-input__wrapper{background-color:transparent}