@ibiz-template/vue3-components 0.4.8-dev.0 → 0.4.9

package/es/common/map-chart/map-manager.mjs

@@ -0,0 +1,121 @@
+import { registerMap, init } from 'echarts';
+import { ref, onMounted } from 'vue';
+import { getJsonUrl } from './map-json.mjs';
+
+"use strict";
+function useMapManager(opts, calcEchartsOpts, emit) {
+  const mapInfos = /* @__PURE__ */ new Map();
+  const currentName = ref("");
+  const historyNames = ref([]);
+  let chart;
+  const chartRef = ref();
+  const parseJson = (json) => {
+    const info = {
+      cityNames: {},
+      noChild: json.features.length === 1
+    };
+    json.features.forEach((item) => {
+      const { adcode, name } = item.properties;
+      info.cityNames[adcode] = name;
+    });
+    return info;
+  };
+  const registerMap$1 = async (name) => {
+    if (mapInfos.has(name)) {
+      return;
+    }
+    const json = await getJsonUrl(opts.value.jsonBaseUrl, name);
+    mapInfos.set(name, parseJson(json));
+    registerMap(name, json);
+  };
+  const getCityName = (mapName) => {
+    const info = mapInfos.get(currentName.value);
+    if (info) {
+      return info.cityNames[mapName];
+    }
+  };
+  const refresh = () => {
+    if (currentName.value) {
+      const options = calcEchartsOpts(currentName.value);
+      chart.setOption(options);
+      chart.resize();
+    }
+  };
+  const changeMap = async (name, isInit = false) => {
+    if (!isInit) {
+      emit("mapChange", {
+        areaCode: opts.value.strAreaCode ? `${name}` : Number(name)
+      });
+    }
+    const strName = `${name}`;
+    if (!mapInfos.has(strName)) {
+      await registerMap$1(strName);
+    }
+    currentName.value = strName;
+    historyNames.value.push(strName);
+    refresh();
+  };
+  const goBack = () => {
+    if (historyNames.value.length > 1) {
+      historyNames.value.pop();
+      const name = historyNames.value.pop();
+      changeMap(name);
+    }
+  };
+  onMounted(() => {
+    chart = init(chartRef.value);
+    window.addEventListener("resize", () => {
+      chart == null ? void 0 : chart.resize();
+    });
+    chart.on("click", (params) => {
+      if (params.componentType === "series") {
+        if (params.seriesType === "scatter") {
+          emit("pointClick", params.data);
+          return;
+        }
+        if (params.seriesType === "map") {
+          if (params.data) {
+            emit("areaClick", params.data);
+          }
+          if (params.name !== currentName.value) {
+            changeMap(params.name);
+          }
+        }
+      }
+    });
+    chart.on("mouseover", function(params) {
+      if (params.componentType === "series") {
+        if (params.seriesType === "scatter") {
+          const dataIndex = params.dataIndex;
+          const option = chart.getOption();
+          const seriesData = option.series[params.seriesIndex].data;
+          const originSize = option.series[params.seriesIndex].symbolSize;
+          seriesData[dataIndex].symbolSize = originSize + 10;
+          chart.setOption(option);
+        }
+      }
+    });
+    chart.on("mouseout", function(params) {
+      if (params.componentType === "series") {
+        if (params.seriesType === "scatter") {
+          const dataIndex = params.dataIndex;
+          const option = chart.getOption();
+          const seriesData = option.series[params.seriesIndex].data;
+          delete seriesData[dataIndex].symbolSize;
+          chart.setOption(option);
+        }
+      }
+    });
+  });
+  return {
+    chartRef,
+    historyNames,
+    currentName,
+    changeMap,
+    getCityName,
+    goBack,
+    refresh
+  };
+}
+
+export { useMapManager };

package/es/common/no-data/no-data.css

@@ -0,0 +1 @@
+.ibiz-no-data{width:100%;height:100%}.ibiz-no-data .el-empty__description p{color:var(--ibiz-color-text-3)}

package/es/common/no-data/no-data.mjs

@@ -0,0 +1,42 @@
+import { ref, resolveComponent, createVNode, defineComponent } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import './no-data.css';
+
+"use strict";
+const IBizNoData = /* @__PURE__ */ defineComponent({
+  name: "IBizNoData",
+  props: {
+    text: {
+      type: String,
+      default: "\u6682\u65E0\u6570\u636E"
+    },
+    emptyTextLanguageRes: {
+      type: Object,
+      default: void 0
+    }
+  },
+  setup(props) {
+    const ns = useNamespace("no-data");
+    const label = ref(props.text);
+    if (props.emptyTextLanguageRes) {
+      label.value = ibiz.i18n.t(props.emptyTextLanguageRes.lanResTag, props.text);
+    }
+    return {
+      ns,
+      label
+    };
+  },
+  render() {
+    return createVNode(resolveComponent("el-empty"), {
+      "class": this.ns.b(),
+      "description": this.label
+    }, {
+      default: () => {
+        var _a, _b;
+        return [(_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)];
+      }
+    });
+  }
+});
+
+export { IBizNoData };

package/es/common/pagination/pagination.css

@@ -0,0 +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}

package/es/common/pagination/pagination.mjs

@@ -0,0 +1,84 @@
+import { computed, resolveComponent, mergeProps, createVNode, createTextVNode, defineComponent } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import './pagination.css';
+
+"use strict";
+const IBizPagination = /* @__PURE__ */ defineComponent({
+  name: "IBizPagination",
+  props: {
+    total: {
+      type: Number,
+      required: true
+    },
+    curPage: {
+      type: Number,
+      required: true
+    },
+    size: {
+      type: Number,
+      required: true
+    }
+  },
+  emits: ["change", "pageSizeChange", "pageRefresh"],
+  setup(props, {
+    emit
+  }) {
+    const ns = useNamespace("pagination");
+    const start = computed(() => {
+      return (props.curPage - 1) * props.size + 1;
+    });
+    const end = computed(() => {
+      return props.curPage * props.size;
+    });
+    const onPageChange = (page) => {
+      emit("change", page);
+    };
+    const onPageSizeChange = (size) => {
+      emit("pageSizeChange", size);
+    };
+    const pageRefresh = () => {
+      emit("pageRefresh");
+    };
+    const inputChange = (event) => {
+      event.stopPropagation();
+    };
+    return {
+      ns,
+      start,
+      end,
+      onPageChange,
+      onPageSizeChange,
+      pageRefresh,
+      inputChange
+    };
+  },
+  render() {
+    return createVNode("div", {
+      "class": this.ns.b()
+    }, [createVNode(resolveComponent("el-pagination"), mergeProps({
+      "layout": "slot, prev, pager, next, sizes, jumper",
+      "background": true,
+      "total": this.total,
+      "current-page": this.curPage,
+      "page-size": this.size,
+      "page-sizes": [10, 20, 30, 40, 50, 60, 70, 80, 90, 100]
+    }, {
+      "onUpdate:currentPage": this.onPageChange,
+      "onUpdate:pageSize": this.onPageSizeChange,
+      onChange: this.inputChange
+    }), {
+      default: () => [createVNode("span", {
+        "class": this.ns.b("btn")
+      }, [createVNode(resolveComponent("el-button"), {
+        "title": "\u5237\u65B0",
+        "onClick": this.pageRefresh
+      }, {
+        default: () => [createVNode("ion-icon", {
+          "name": "refresh"
+        }, null)]
+      })]), createVNode("span", null, [createTextVNode("\u663E\u793A\xA0"), this.start, createTextVNode("\xA0-\xA0"), this.end, createTextVNode("\xA0\u6761\uFF0C\u5171\xA0"), this.total, createTextVNode("\xA0\u6761\u6570\u636E")])]
+    })]);
+  }
+});
+
+export { IBizPagination };

package/es/common/rawitem/rawitem.css

@@ -0,0 +1 @@
+.ibiz-rawitem{width:100%;height:100%;font-size:var(--ibiz-font-size-regular);color:var(--ibiz-editor-default-text-color)}.ibiz-rawitem .ibiz-icon{width:100%;height:100%}

package/es/common/rawitem/rawitem.mjs

@@ -0,0 +1,251 @@
+import { ref, watch, resolveComponent, createVNode, createTextVNode, defineComponent } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import { createUUID } from 'qx-util';
+import './rawitem.css';
+
+"use strict";
+const IBizRawItem = /* @__PURE__ */ defineComponent({
+  name: "IBizRawItem",
+  props: {
+    type: {
+      type: String,
+      required: false
+    },
+    content: {
+      type: [String, Object, Number]
+    },
+    rawItem: {
+      type: Object,
+      required: false
+    }
+  },
+  setup(props) {
+    const ns = useNamespace("rawitem");
+    let rawItem = null;
+    let contentType = "";
+    if (props.rawItem) {
+      rawItem = props.rawItem.rawItem;
+      contentType = rawItem.contentType;
+    }
+    const rawItemType = ref(props.type || contentType || "");
+    const rawItemContent = ref("");
+    let sysImage = null;
+    if (contentType === "IMAGE") {
+      sysImage = rawItem.sysImage;
+    }
+    if (contentType === "RAW" || contentType === "HTML") {
+      if (contentType === "RAW") {
+        rawItemType.value = "TEXT";
+        rawItemContent.value = rawItem.caption;
+      } else {
+        rawItemContent.value = rawItem.content;
+      }
+    } else if (["VIDEO", "DIVIDER", "INFO", "WARNING", "ERROR"].includes(contentType)) {
+    } else if (contentType === "IMAGE" && sysImage) {
+      rawItemContent.value = sysImage;
+    }
+    const isImg = (imgUrl) => {
+      const reg = /^https?:|^http?:|(\.png|\.svg|\.jpg|\.png|\.gif|\.psd|\.tif|\.bmp|\.jpeg)/;
+      return reg.test(imgUrl);
+    };
+    const playerParams = ref({
+      id: createUUID(),
+      path: "",
+      mute: true,
+      autoplay: true,
+      replay: false,
+      showcontrols: true
+    });
+    const dividerParams = ref({
+      contentPosition: "center",
+      html: ""
+    });
+    const alertParams = ref({
+      type: "info",
+      title: "",
+      closeabled: true,
+      showIcon: false
+    });
+    const rawItemText = ref("");
+    const convertValue = () => {
+      if (rawItemType.value === "IMAGE") {
+        if (typeof props.content === "string") {
+          if (isImg(props.content)) {
+            rawItemContent.value = {
+              imagePath: props.content
+            };
+          } else {
+            rawItemContent.value = {
+              cssClass: props.content
+            };
+          }
+        }
+      }
+      if (["TEXT", "HEADING1", "HEADING2", "HEADING3", "HEADING4", "HEADING5", "HEADING6", "PARAGRAPH", "HTML", "RAW"].includes(rawItemType.value)) {
+        rawItemText.value = rawItemContent.value;
+        if (typeof rawItemText.value === "string") {
+          rawItemText.value = rawItemText.value.replaceAll("&lt;", "<");
+          rawItemText.value = rawItemText.value.replaceAll("&gt;", ">");
+          rawItemText.value = rawItemText.value.replaceAll("&amp;nbsp;", " ");
+          rawItemText.value = rawItemText.value.replaceAll("&nbsp;", " ");
+        }
+      }
+      if (["VIDEO", "DIVIDER", "INFO", "WARNING", "ERROR"].includes(rawItemType.value)) {
+        if (rawItemContent.value) {
+          let rawConfig = {};
+          try {
+            if (typeof rawItemContent.value === "string") {
+              const func = new Function(`return (${rawItemContent.value});`);
+              rawConfig = func();
+              switch (rawItemType.value) {
+                case "VIDEO":
+                  Object.assign(playerParams.value, rawConfig);
+                  break;
+                case "DIVIDER":
+                  Object.assign(dividerParams.value, rawConfig);
+                  break;
+                case "INFO":
+                case "WARNING":
+                case "ERROR":
+                  alertParams.value.type = rawItemType.value.toLocaleLowerCase();
+                  Object.assign(alertParams.value, rawConfig);
+                  break;
+                default:
+                  break;
+              }
+            }
+          } catch (e) {
+            ibiz.log.error(`${rawItemType.value}\u7C7B\u578B\u81EA\u5B9A\u4E49\u53C2\u6570\u914D\u7F6E\u9519\u8BEF`);
+          }
+        }
+      }
+    };
+    convertValue();
+    watch(() => props.content, (newVal, oldVal) => {
+      if (newVal !== oldVal) {
+        rawItemContent.value = newVal;
+        convertValue();
+      }
+    }, {
+      immediate: true
+    });
+    return {
+      ns,
+      rawItemText,
+      playerParams,
+      dividerParams,
+      alertParams,
+      rawItemType,
+      rawItemContent
+    };
+  },
+  render() {
+    const renderContent = () => {
+      if (this.rawItemType === "IMAGE") {
+        return createVNode(resolveComponent("i-biz-icon"), {
+          "class": [this.ns.e("image")],
+          "icon": this.rawItemContent
+        }, null);
+      }
+      if (this.rawItemType === "TEXT" || this.rawItemType === "RAW") {
+        return createVNode("span", {
+          "class": this.ns.e("text")
+        }, [this.rawItemText]);
+      }
+      if (this.rawItemType === "HEADING1") {
+        return createVNode("h1", {
+          "class": this.ns.e("h1")
+        }, [this.rawItemText]);
+      }
+      if (this.rawItemType === "HEADING2") {
+        return createVNode("h2", {
+          "class": this.ns.e("h2")
+        }, [this.rawItemText]);
+      }
+      if (this.rawItemType === "HEADING3") {
+        return createVNode("h3", {
+          "class": this.ns.e("h3")
+        }, [this.rawItemText]);
+      }
+      if (this.rawItemType === "HEADING4") {
+        return createVNode("h4", {
+          "class": this.ns.e("h4")
+        }, [this.rawItemText]);
+      }
+      if (this.rawItemType === "HEADING5") {
+        return createVNode("h5", {
+          "class": this.ns.e("h5")
+        }, [this.rawItemText]);
+      }
+      if (this.rawItemType === "HEADING6") {
+        return createVNode("h6", {
+          "class": this.ns.e("h6")
+        }, [this.rawItemText]);
+      }
+      if (this.rawItemType === "PARAGRAPH") {
+        return createVNode("p", {
+          "class": this.ns.e("paragraph")
+        }, [this.rawItemText]);
+      }
+      if (this.rawItemType === "HTML") {
+        return createVNode("div", {
+          "class": this.ns.e("paragraph"),
+          "innerHTML": this.rawItemText
+        }, null);
+      }
+      if (this.rawItemType === "VIDEO") {
+        return createVNode("div", {
+          "class": this.ns.e("video")
+        }, [createVNode("video", {
+          "id": this.playerParams.id,
+          "src": this.playerParams.path,
+          "autoplay": this.playerParams.autoplay,
+          "controls": this.playerParams.showcontrols,
+          "loop": this.playerParams.replay,
+          "muted": this.playerParams.mute
+        }, [createVNode("source", {
+          "src": this.playerParams.path,
+          "type": "video/mp4"
+        }, null), createVNode("source", {
+          "src": this.playerParams.path,
+          "type": "video/ogg"
+        }, null), createVNode("source", {
+          "src": this.playerParams.path,
+          "type": "video/webm"
+        }, null), createTextVNode("\u4F60\u7684\u6D4F\u89C8\u5668\u4E0D\u652F\u6301video\u6807\u7B7E")])]);
+      }
+      if (this.rawItemType === "DIVIDER") {
+        return createVNode(resolveComponent("el-divider"), {
+          "content-position": this.dividerParams.contentPosition
+        }, {
+          default: () => [createVNode("span", {
+            "innerHTML": this.dividerParams.html
+          }, null)]
+        });
+      }
+      if (this.rawItemType === "INFO" || this.rawItemType === "WARNING" || this.rawItemType === "ERROR") {
+        return createVNode(resolveComponent("el-alert"), {
+          "title": this.alertParams.title,
+          "type": this.alertParams.type,
+          "show-icon": this.alertParams.showIcon,
+          "closable": this.alertParams.closeabled
+        }, null);
+      }
+      if (this.rawItemType === "MARKDOWN") {
+        return createVNode(resolveComponent("iBizMarkDown"), {
+          "value": this.content,
+          "disabled": true
+        }, null);
+      }
+      if (["PLACEHOLDER"].includes(this.rawItemType)) {
+        return null;
+      }
+      return null;
+    };
+    return createVNode("div", {
+      "class": this.ns.b()
+    }, [renderContent()]);
+  }
+});
+
+export { IBizRawItem };

package/es/common/row/row.css

@@ -0,0 +1 @@
+.ibiz-row--flex{display:flex;flex-flow:column nowrap}.ibiz-row--grid{align-items:flex-start}

package/es/common/row/row.mjs

@@ -0,0 +1,47 @@
+import { isVNode, createVNode, resolveComponent, defineComponent } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import './row.css';
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const IBizRow = /* @__PURE__ */ defineComponent({
+  name: "IBizRow",
+  props: {
+    layout: Object
+  },
+  setup() {
+    const ns = useNamespace("row");
+    return {
+      ns
+    };
+  },
+  render() {
+    var _a, _b, _c;
+    const defaultSlot = (_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a);
+    if (((_c = this.layout) == null ? void 0 : _c.layout) === "FLEX") {
+      const {
+        dir,
+        align,
+        valign
+      } = this.layout;
+      const _dir = dir;
+      return createVNode("div", {
+        "class": [this.ns.b(), this.ns.m("flex"), this.ns.m(_dir)],
+        "style": {
+          flexDirection: _dir,
+          justifyContent: align,
+          alignItems: valign
+        }
+      }, [defaultSlot]);
+    }
+    return createVNode(resolveComponent("el-row"), {
+      "class": [this.ns.b(), this.ns.m("grid")]
+    }, _isSlot(defaultSlot) ? defaultSlot : {
+      default: () => [defaultSlot]
+    });
+  }
+});
+
+export { IBizRow };

package/es/common/sort-bar/sort-bar.css

@@ -0,0 +1 @@
+.ibiz-sort-bar{--ibiz-sort-bar-icon-color:var(--ibiz-color-disabled-text);--ibiz-sort-bar-border-radius:var(--ibiz-border-radius-small);display:flex;align-items:center;justify-content:flex-start;padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base)}.ibiz-sort-bar-item{padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);margin-right:-1px;font-size:var(--ibiz-font-size-regular);line-height:1;color:var(--ibiz-color-text-2);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:var(--ibiz-color-bg-1);border:1px solid var(--ibiz-color-border)}.ibiz-sort-bar-item:first-child{border-top-left-radius:var(--ibiz-sort-bar-border-radius);border-bottom-left-radius:var(--ibiz-sort-bar-border-radius)}.ibiz-sort-bar-item:last-child{border-top-right-radius:var(--ibiz-sort-bar-border-radius);border-bottom-right-radius:var(--ibiz-sort-bar-border-radius)}.ibiz-sort-bar-item--asc .ibiz-sort-bar-icon-wrapper__icon-asc{border-bottom-color:var(--ibiz-color-primary)}.ibiz-sort-bar-item--desc .ibiz-sort-bar-icon-wrapper__icon-desc{border-top-color:var(--ibiz-color-primary)}.ibiz-sort-bar-icon-wrapper{position:relative;display:inline-block;width:10px;height:14px;margin-left:var(--ibiz-spacing-tight);vertical-align:middle}.ibiz-sort-bar-icon-wrapper__icon-asc{position:absolute;top:-5px;left:0;width:0;height:0;border:solid 5px transparent;border-bottom-color:var(--ibiz-sort-bar-icon-color)}.ibiz-sort-bar-icon-wrapper__icon-desc{position:absolute;bottom:-3px;left:0;width:0;height:0;border:solid 5px transparent;border-top-color:var(--ibiz-sort-bar-icon-color)}

package/es/common/sort-bar/sort-bar.mjs

@@ -0,0 +1,57 @@
+import { createVNode, defineComponent } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import './sort-bar.css';
+
+"use strict";
+const IBizSortBar = /* @__PURE__ */ defineComponent({
+  name: "IBizSortBar",
+  props: {
+    sortItems: {
+      type: Array,
+      required: true
+    }
+  },
+  emits: {
+    SortChange: (_item, _order) => true
+  },
+  setup(props, {
+    emit
+  }) {
+    const ns = useNamespace("sort-bar");
+    const onItemClick = (item) => {
+      if (item.order === "asc") {
+        item.order = "desc";
+      } else if (item.order === "desc") {
+        item.order = void 0;
+      } else {
+        props.sortItems.forEach((x) => {
+          x.order = void 0;
+        });
+        item.order = "asc";
+      }
+      emit("SortChange", item, item.order);
+    };
+    return {
+      ns,
+      onItemClick
+    };
+  },
+  render() {
+    return createVNode("div", {
+      "class": this.ns.b()
+    }, [this.sortItems.length > 0 && this.sortItems.map((item) => {
+      return createVNode("div", {
+        "onClick": () => this.onItemClick(item),
+        "class": [this.ns.b("item"), item.order === "asc" ? this.ns.bm("item", "asc") : "", item.order === "desc" ? this.ns.bm("item", "desc") : ""]
+      }, [item.caption, createVNode("div", {
+        "class": this.ns.b("icon-wrapper")
+      }, [createVNode("i", {
+        "class": this.ns.be("icon-wrapper", "icon-asc")
+      }, null), createVNode("i", {
+        "class": this.ns.be("icon-wrapper", "icon-desc")
+      }, null)])]);
+    })]);
+  }
+});
+
+export { IBizSortBar };

package/es/common/split/split.css

@@ -0,0 +1 @@
+.ibiz-split-wrapper{position:relative;width:100%;height:100%}.ibiz-split-wrapper.is-no-select{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ibiz-split--horizontal .ibiz-split-trigger-con{top:50%;width:0;height:100%}.ibiz-split--horizontal .ibiz-split-pane--right{padding-left:6px}.ibiz-split--vertical .ibiz-split-trigger-con{left:50%;width:100%;height:0}.ibiz-split--vertical .ibiz-split-pane--bottom{padding-top:6px}.ibiz-split-pane{position:absolute}.ibiz-split-pane--left{top:0;bottom:0;left:0;overflow:hidden}.ibiz-split-pane--right{top:0;right:0;bottom:0;overflow:hidden}.ibiz-split-pane--top{top:0;right:0;left:0;overflow:hidden}.ibiz-split-pane--bottom{right:0;bottom:0;left:0;overflow:hidden}.ibiz-split-pane--moving{-webkit-user-select:none;-moz-user-select:none;user-select:none}.ibiz-split-trigger-con{position:absolute;z-index:10;transform:translate(-50%,-50%)}