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

package/es/control/grid/grid-column/grid-ua-column/index.mjs

@@ -1,12 +0,0 @@
-import { registerGridColumnProvider } from '@ibiz-template/runtime';
-import { withInstall } from '@ibiz-template/vue3-util';
-import { GridUAColumn } from './grid-ua-column.mjs';
-import { GridUAColumnProvider } from './grid-ua-column.provider.mjs';
-
-"use strict";
-const IBizGridUAColumn = withInstall(GridUAColumn, function(v) {
-  v.component(GridUAColumn.name, GridUAColumn);
-  registerGridColumnProvider("UAGRIDCOLUMN", () => new GridUAColumnProvider());
-});
-
-export { IBizGridUAColumn, IBizGridUAColumn as default };

package/es/control/grid/grid-column/index.mjs

@@ -1,6 +0,0 @@
-export { IBizGridFieldColumn } from './grid-field-column/index.mjs';
-export { IBizGridUAColumn } from './grid-ua-column/index.mjs';
-export { IBizGridFieldEditColumn } from './grid-field-edit-column/index.mjs';
-export { IBizGridGroupColumn } from './grid-group-column/index.mjs';
-
-"use strict";

package/es/control/grid/index.mjs

@@ -1,9 +0,0 @@
-export { IBizGridControl } from './grid/index.mjs';
-import './grid-column/index.mjs';
-export { useAppGridBase, useAppGridPagination, useITableEvent } from './grid/grid-control.util.mjs';
-export { IBizGridFieldColumn } from './grid-column/grid-field-column/index.mjs';
-export { IBizGridUAColumn } from './grid-column/grid-ua-column/index.mjs';
-export { IBizGridFieldEditColumn } from './grid-column/grid-field-edit-column/index.mjs';
-export { IBizGridGroupColumn } from './grid-column/grid-group-column/index.mjs';
-
-"use strict";

package/es/control/grid/row-edit-popover/row-edit-popover.css

@@ -1 +0,0 @@
-.ibiz-row-edit-popover{position:absolute;z-index:2;padding:9px 16px;background-color:var(--ibiz-control-grid-row-edit-bg-color)}.ibiz-row-edit-popover.is-hidden{top:-9999px;left:-9999px;z-index:-9999}.ibiz-row-edit-popover::before{position:absolute;top:0;left:-50px;width:0;height:0;content:"";border-color:transparent var(--ibiz-control-grid-row-edit-bg-color) transparent transparent;border-style:solid;border-width:0 50px 50px 0}.ibiz-row-edit-popover::after{position:absolute;top:0;right:-50px;width:0;height:0;content:"";border-color:transparent transparent transparent var(--ibiz-control-grid-row-edit-bg-color);border-style:solid;border-width:0 0 50px 50px}.row-edit-popover__placeholder{height:50px}

package/es/control/grid/row-edit-popover/row-edit-popover.mjs

@@ -1,63 +0,0 @@
-import { ref, resolveComponent, createTextVNode, createVNode, defineComponent } from 'vue';
-import { useNamespace, useEventListener } from '@ibiz-template/vue3-util';
-import './row-edit-popover.css';
-
-"use strict";
-const IBizRowEditPopover = /* @__PURE__ */ defineComponent({
-  name: "IBizRowEditPopover",
-  props: {
-    show: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: {
-    confirm: () => true,
-    cancel: () => true
-  },
-  setup(props, {
-    emit
-  }) {
-    const ns = useNamespace("row-edit-popover");
-    const onCancel = () => {
-      emit("cancel");
-    };
-    const onConfirm = () => {
-      emit("confirm");
-    };
-    const componentRef = ref(document);
-    useEventListener(
-      componentRef,
-      "keydown",
-      (evt) => {
-        if (props.show && evt.key === "Escape") {
-          onCancel();
-        }
-      },
-      {
-        capture: true
-      }
-      // 捕获防止内部ui拦截点击事件
-    );
-    return {
-      ns,
-      onCancel,
-      onConfirm
-    };
-  },
-  render() {
-    return createVNode("div", {
-      "class": [this.ns.b(), this.ns.is("hidden", !this.show)]
-    }, [createVNode(resolveComponent("el-button"), {
-      "onClick": this.onConfirm
-    }, {
-      default: () => [createTextVNode("\u786E\u5B9A")]
-    }), createVNode(resolveComponent("el-button"), {
-      "onClick": this.onCancel
-    }, {
-      default: () => [createTextVNode("\u53D6\u6D88")]
-    })]);
-  }
-});
-
-export { IBizRowEditPopover };

package/es/control/grid/row-edit-popover/use-row-edit-popover.mjs

@@ -1,91 +0,0 @@
-import { ref, reactive, createVNode, resolveComponent } from 'vue';
-import { computePosition } from '@floating-ui/dom';
-import { RuntimeError } from '@ibiz-template/core';
-
-"use strict";
-function useRowEditPopover(tableRef, c) {
-  let popInstance;
-  const showPop = ref(false);
-  const editingRow = ref();
-  const popStyle = reactive({});
-  const findTrEl = (row) => {
-    if (!tableRef.value) {
-      throw new RuntimeError("\u627E\u4E0D\u5230\u8868\u683C\u7EC4\u4EF6\u5F15\u7528");
-    }
-    const tableEl = tableRef.value.$el;
-    let selector = ".el-table__row";
-    if (row.data.srfkey) {
-      selector += `.id-${row.data.srfkey}`;
-    }
-    const trEl = tableEl.querySelector(selector);
-    if (!trEl) {
-      throw new RuntimeError("\u627E\u4E0D\u5230\u5BF9\u5E94\u7684\u8868\u683C\u884Cdom\u5143\u7D20");
-    }
-    return trEl;
-  };
-  const showRowEditPop = async (row) => {
-    const trEl = findTrEl(row);
-    if (!popInstance) {
-      throw new RuntimeError("\u62FF\u4E0D\u5230pop\u7EC4\u4EF6\u7684\u5B9E\u4F8B");
-    }
-    const popEl = popInstance.$el;
-    const {
-      x,
-      y
-    } = await computePosition(trEl, popEl, {
-      placement: "bottom"
-    });
-    Object.assign(popStyle, {
-      top: `${y}px`,
-      left: `${x}px`
-    });
-    editingRow.value = row;
-    showPop.value = true;
-  };
-  const onConfirm = async () => {
-    if (editingRow.value) {
-      c.switchRowEdit(editingRow.value, false, true);
-    }
-  };
-  const onCancel = async () => {
-    if (editingRow.value) {
-      c.switchRowEdit(editingRow.value, false, false);
-    }
-  };
-  const renderPopover = () => {
-    const showPlaceholder = showPop.value && c.state.rows[c.state.rows.length - 1].showRowEdit;
-    return [createVNode("div", {
-      "class": "row-edit-popover__placeholder",
-      "style": {
-        display: showPlaceholder ? "block" : "none"
-      }
-    }, null), createVNode(resolveComponent("iBizRowEditPopover"), {
-      "ref": (ins) => {
-        popInstance = ins;
-      },
-      "style": popStyle,
-      "show": showPop.value,
-      "onConfirm": onConfirm,
-      "onCancel": onCancel
-    }, null)];
-  };
-  c.evt.on("onRowEditChange", (event) => {
-    if (event.row.showRowEdit) {
-      setTimeout(() => {
-        showRowEditPop(event.row);
-      }, 0);
-    } else {
-      editingRow.value = void 0;
-      showPop.value = false;
-      Object.assign(popStyle, {
-        top: void 0,
-        left: void 0
-      });
-    }
-  });
-  return {
-    renderPopover
-  };
-}
-
-export { useRowEditPopover };

package/es/control/index.mjs

@@ -1,73 +0,0 @@
-export { IBizAppMenuControl } from './app-menu/index.mjs';
-export { IBizAppMenuIconViewControl } from './app-menu-icon-view/index.mjs';
-import './grid/index.mjs';
-export { IBizListControl } from './list/index.mjs';
-import './form/index.mjs';
-export { IBizToolbarControl } from './toolbar/index.mjs';
-export { IBizCaptionBarControl } from './caption-bar/index.mjs';
-export { IBizDataViewControl } from './data-view/index.mjs';
-export { IBizTreeControl } from './tree/index.mjs';
-export { IBizPickupViewPanelControl } from './pickup-view-panel/index.mjs';
-export { IBizTabExpPanelControl } from './tab-exp-panel/index.mjs';
-import './exp-bar/index.mjs';
-export { IBizSearchBarControl } from './search-bar/index.mjs';
-export { IBizChartControl } from './chart/index.mjs';
-export { IBizWizardPanelControl } from './wizard-panel/index.mjs';
-export { IBizDRBarControl } from './drbar/index.mjs';
-export { IBizDRTabControl } from './drtab/index.mjs';
-export { IBizDashboardControl } from './dashboard/index.mjs';
-export { IBizCalendarControl } from './calendar/index.mjs';
-export { IBizKanbanControl } from './kanban/index.mjs';
-export { IBizTreeGridExControl } from './tree-grid-ex/index.mjs';
-export { IBizTreeGridControl } from './tree-grid/index.mjs';
-export { IBizMEditViewPanelControl } from './medit-view-panel/index.mjs';
-export { IBizMapControl } from './map/index.mjs';
-export { IBizReportPanelControl } from './report-panel/index.mjs';
-export { useAppGridBase, useAppGridPagination, useITableEvent } from './grid/grid/grid-control.util.mjs';
-export { IBizGridControl } from './grid/grid/index.mjs';
-export { IBizGridFieldColumn } from './grid/grid-column/grid-field-column/index.mjs';
-export { IBizGridUAColumn } from './grid/grid-column/grid-ua-column/index.mjs';
-export { IBizGridFieldEditColumn } from './grid/grid-column/grid-field-edit-column/index.mjs';
-export { IBizGridGroupColumn } from './grid/grid-column/grid-group-column/index.mjs';
-export { IBizSearchFormControl } from './form/search-form/index.mjs';
-export { IBizFormGroupPanel } from './form/form-detail/form-group-panel/index.mjs';
-export { IBizFormItemContainer } from './form/form-detail/form-item/form-item-container/form-item-container.mjs';
-export { IBizFormItem } from './form/form-detail/form-item/index.mjs';
-export { IBizFormPageItem } from './form/form-detail/form-page/form-page-item/form-page.item.mjs';
-export { IBizFormPage } from './form/form-detail/form-page/index.mjs';
-export { IBizFormButton } from './form/form-detail/form-button/index.mjs';
-export { IBizFormDRUIPart } from './form/form-detail/form-druipart/index.mjs';
-export { IBizFormMDCtrl } from './form/form-detail/form-mdctrl/index.mjs';
-export { IBizFormRawItem } from './form/form-detail/form-rawitem/index.mjs';
-export { IBizFormTabPanel } from './form/form-detail/form-tab-panel/index.mjs';
-export { IBizFormTabPage } from './form/form-detail/form-tab-page/index.mjs';
-export { IBizEditFormControl } from './form/edit-form/index.mjs';
-export { IBizFormControl } from './form/form/index.mjs';
-export { DataViewControlProvider } from './data-view/data-view.provider.mjs';
-export { IBizTreeExpBarControl } from './exp-bar/tree-exp-bar/index.mjs';
-export { IBizListExpBarControl } from './exp-bar/list-exp-bar/index.mjs';
-export { IBizGridExpBarControl } from './exp-bar/grid-exp-bar/index.mjs';
-export { IBizDataViewExpBarControl } from './exp-bar/data-view-exp-bar/index.mjs';
-export { IBizCalendarExpBarControl } from './exp-bar/calendar-exp-bar/index.mjs';
-export { IBizChartExpBarControl } from './exp-bar/chart-exp-bar/index.mjs';
-export { DRBarController } from './drbar/drbar.controller.mjs';
-export { DRTabController } from './drtab/drtab.controller.mjs';
-export { ContainerPortlet } from './dashboard/portlet/container-portlet/container-portlet.mjs';
-export { IBizContainerPortlet } from './dashboard/portlet/container-portlet/index.mjs';
-export { PortletLayout } from './dashboard/portlet/portlet-layout/portlet-layout.mjs';
-export { ViewPortlet } from './dashboard/portlet/view-portlet/view-portlet.mjs';
-export { IBizViewPortlet } from './dashboard/portlet/view-portlet/index.mjs';
-export { MenuPortlet } from './dashboard/portlet/menu-portlet/menu-portlet.mjs';
-export { IBizMenuPortlet } from './dashboard/portlet/menu-portlet/index.mjs';
-export { ChartPortlet } from './dashboard/portlet/chart-portlet/chart-portlet.mjs';
-export { IBizChartPortlet } from './dashboard/portlet/chart-portlet/index.mjs';
-export { RawItemPortlet } from './dashboard/portlet/rawitem-portlet/rawitem-portlet.mjs';
-export { IBizRawItemPortlet } from './dashboard/portlet/rawitem-portlet/index.mjs';
-export { ListPortlet } from './dashboard/portlet/list-portlet/list-portlet.mjs';
-export { IBizListPortlet } from './dashboard/portlet/list-portlet/index.mjs';
-export { HtmlPortlet } from './dashboard/portlet/html-portlet/html-portlet.mjs';
-export { IBizHtmlPortlet } from './dashboard/portlet/html-portlet/index.mjs';
-export { ActionBarPortlet } from './dashboard/portlet/actionbar-portlet/actionbar-portlet.mjs';
-export { IBizActionBarPortlet } from './dashboard/portlet/actionbar-portlet/index.mjs';
-
-"use strict";

package/es/control/kanban/index.mjs

@@ -1,12 +0,0 @@
-import { ControlType, registerControlProvider } from '@ibiz-template/runtime';
-import { withInstall } from '@ibiz-template/vue3-util';
-import { KanbanControl } from './kanban.mjs';
-import { KanbanProvider } from './kanban.provider.mjs';
-
-"use strict";
-const IBizKanbanControl = withInstall(KanbanControl, function(v) {
-  v.component(KanbanControl.name, KanbanControl);
-  registerControlProvider(ControlType.KANBAN, () => new KanbanProvider());
-});
-
-export { IBizKanbanControl, IBizKanbanControl as default };

package/es/control/kanban/kanban.css

@@ -1 +0,0 @@
-.ibiz-control-kanban{--ibiz-control-kanban-text-color:var(--ibiz-color-text-0);--ibiz-control-kanban-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-kanban-selected-bg-color:var(--ibiz-color-fill-0);width:100%;height:100%}.ibiz-control-kanban--row{display:flex}.ibiz-control-kanban-group{flex-shrink:0;padding:0 8px}.ibiz-control-kanban-group__header{height:48px;font-weight:700;display:flex;align-items:center;justify-content:space-between}.ibiz-control-kanban-group__list{height:calc(100% - 48px);overflow:auto}.ibiz-control-kanban-group__header-actions{padding:5px 8px}.ibiz-control-kanban-item{margin:16px 0;cursor:pointer}.ibiz-control-kanban-item:hover{background-color:var(--ibiz-control-kanban-hover-bg-color)}.ibiz-control-kanban-item.is-selected{background-color:var(--ibiz-control-kanban-selected-bg-color)}.ibiz-control-kanban-item.is-disabled{cursor:no-drop}

package/es/control/kanban/kanban.mjs

@@ -1,237 +0,0 @@
-import { computed, resolveComponent, createVNode, defineComponent } from 'vue';
-import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
-import draggable from 'vuedraggable';
-import { KanbanController } from '@ibiz-template/runtime';
-import './kanban.css';
-
-"use strict";
-const KanbanControl = /* @__PURE__ */ defineComponent({
-  name: "IBizKanbanControl",
-  components: {
-    draggable
-  },
-  props: {
-    modelData: {
-      type: Object,
-      required: true
-    },
-    context: {
-      type: Object,
-      required: true
-    },
-    params: {
-      type: Object,
-      default: () => ({})
-    },
-    provider: {
-      type: Object
-    },
-    mdctrlActiveMode: {
-      type: Number,
-      default: void 0
-    },
-    singleSelect: {
-      type: Boolean,
-      default: void 0
-    },
-    loadDefault: {
-      type: Boolean,
-      default: true
-    }
-  },
-  setup(props) {
-    var _a;
-    const c = useControlController((...args) => new KanbanController(...args));
-    const ns = useNamespace(`control-${c.model.controlType.toLowerCase()}`);
-    const disabled = computed(() => {
-      return !c.state.draggable || c.state.updating;
-    });
-    const groupClass = ((_a = c.model.groupSysCss) == null ? void 0 : _a.cssName) || "";
-    const groupStyle = {};
-    switch (c.model.groupLayout) {
-      case "ROW":
-        groupStyle.width = `${c.model.groupWidth || 300}px`;
-        groupStyle.height = "100%";
-        break;
-      case "COLUMN":
-        groupStyle.width = "100%";
-        groupStyle.height = `${c.model.height || 500}px`;
-        break;
-      default:
-    }
-    const onRowClick = (item, event) => {
-      event.stopPropagation();
-      return c.onRowClick(item);
-    };
-    const onDbRowClick = (item, event) => {
-      event.stopPropagation();
-      return c.onDbRowClick(item);
-    };
-    const renderPanelItemLayout = (item, modelData) => {
-      const {
-        context,
-        params
-      } = c;
-      return createVNode(resolveComponent("iBizControlShell"), {
-        "data": item,
-        "modelData": modelData,
-        "context": context,
-        "params": params
-      }, null);
-    };
-    const renderItemAction = (item) => {
-      var _a2;
-      return createVNode(resolveComponent("iBizActionToolbar"), {
-        "class": ns.bem("item", "bottom", "actions"),
-        "action-details": (_a2 = c.getOptItemModel().deuiactionGroup) == null ? void 0 : _a2.uiactionGroupDetails,
-        "actions-state": c.getOptItemAction(item),
-        "onActionClick": (detail, event) => c.onActionClick(detail, item, event)
-      }, null);
-    };
-    const renderDefaultItem = (item) => {
-      return [createVNode("div", {
-        "class": ns.be("item", "top")
-      }, [createVNode("div", {
-        "class": ns.bem("item", "top", "title")
-      }, [item.srfmajortext]), createVNode("div", {
-        "class": ns.bem("item", "top", "description")
-      }, [item.content])]), c.getOptItemModel() ? createVNode("div", {
-        "class": ns.be("item", "bottom")
-      }, [renderItemAction(item)]) : null];
-    };
-    const renderCard = (item) => {
-      const findIndex = c.state.selectedData.findIndex((data) => {
-        return data.srfkey === item.srfkey;
-      });
-      const cardClass = [ns.b("item"), ns.is("selected", findIndex !== -1), ns.is("disabled", disabled.value)];
-      const cardStyle = {};
-      if (c.model.cardWidth) {
-        cardStyle.width = `${c.model.cardWidth}px`;
-      }
-      if (c.model.cardHeight) {
-        cardStyle.height = `${c.model.cardHeight}px`;
-      }
-      const panel = props.modelData.itemLayoutPanel;
-      return createVNode(resolveComponent("el-card"), {
-        "shadow": "hover",
-        "class": cardClass,
-        "body-style": cardStyle,
-        "onClick": (event) => onRowClick(item, event),
-        "onDblclick": (event) => onDbRowClick(item, event)
-      }, {
-        default: () => [panel ? renderPanelItemLayout(item, panel) : renderDefaultItem(item)]
-      });
-    };
-    const renderNoData = () => {
-      if (!c.state.isLoaded) {
-        return;
-      }
-      return createVNode(resolveComponent("iBizNoData"), {
-        "text": c.model.emptyText,
-        "emptyTextLanguageRes": c.model.emptyTextLanguageRes
-      }, null);
-    };
-    let cacheInfo = null;
-    const onChange = (evt, groupKey) => {
-      if (evt.moved) {
-        c.onDragChange({
-          from: groupKey,
-          to: groupKey,
-          fromIndex: evt.moved.oldIndex,
-          toIndex: evt.moved.newIndex
-        });
-      }
-      if (evt.added) {
-        cacheInfo = {
-          to: groupKey,
-          toIndex: evt.added.newIndex
-        };
-      }
-      if (evt.removed) {
-        if (cacheInfo) {
-          cacheInfo.from = groupKey;
-          cacheInfo.fromIndex = evt.removed.oldIndex;
-          c.onDragChange(cacheInfo);
-        }
-        cacheInfo = null;
-      }
-    };
-    const renderGroup = (group) => {
-      return createVNode("div", {
-        "class": [ns.b("group"), groupClass],
-        "style": groupStyle
-      }, [createVNode("div", {
-        "style": {},
-        "class": ns.be("group", "header")
-      }, [createVNode("span", {
-        "class": ns.be("group", "header-caption")
-      }, [group.caption]), createVNode("span", {
-        "class": ns.be("group", "header-right")
-      }, [c.enableNew && createVNode(resolveComponent("el-button"), {
-        "class": ns.be("group", "header-new"),
-        "text": true,
-        "circle": true,
-        "onClick": (event) => {
-          c.onClickNew(event, group.key);
-        }
-      }, {
-        default: () => [createVNode("ion-icon", {
-          "name": "add-outline",
-          "title": "\u65B0\u5EFA"
-        }, null)]
-      }), c.model.groupUIActionGroup && group.groupActionGroupState && createVNode(resolveComponent("iBizActionToolbar"), {
-        "class": ns.be("group", "header-actions"),
-        "action-details": c.model.groupUIActionGroup.uiactionGroupDetails,
-        "caption": "...",
-        "mode": "dropdown",
-        "actions-state": c.state.groupActionGroupState,
-        "onActionClick": (detail, event) => {
-          c.onGroupToolbarClick(detail, event, group);
-        }
-      }, null)])]), createVNode(draggable, {
-        "class": ns.be("group", "list"),
-        "modelValue": group.children,
-        "group": c.model.id,
-        "itemKey": "srfkey",
-        "disabled": disabled.value,
-        "onChange": (evt) => onChange(evt, group.key)
-      }, {
-        item: ({
-          element
-        }) => {
-          return renderCard(element);
-        },
-        header: () => {
-          if (group.children.length) {
-            return null;
-          }
-          return createVNode("div", {
-            "class": ns.be("group", "list")
-          }, [renderNoData()]);
-        }
-      })]);
-    };
-    return {
-      c,
-      ns,
-      renderGroup
-    };
-  },
-  render() {
-    var _a;
-    const {
-      groups,
-      isCreated
-    } = this.c.state;
-    return createVNode(resolveComponent("iBizControlBase"), {
-      "controller": this.c,
-      "class": [this.ns.m((_a = this.modelData.groupLayout) == null ? void 0 : _a.toLowerCase())]
-    }, {
-      default: () => [isCreated && groups.length > 0 && groups.map((group) => {
-        return this.renderGroup(group);
-      })]
-    });
-  }
-});
-
-export { KanbanControl };

package/es/control/kanban/kanban.provider.mjs

@@ -1,14 +0,0 @@
-"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 KanbanProvider {
-  constructor() {
-    __publicField(this, "component", "IBizKanbanControl");
-  }
-}
-
-export { KanbanProvider };

package/es/control/list/index.mjs

@@ -1,12 +0,0 @@
-import { ControlType, registerControlProvider } from '@ibiz-template/runtime';
-import { withInstall } from '@ibiz-template/vue3-util';
-import { ListControl } from './list.mjs';
-import { ListProvider } from './list.provider.mjs';
-
-"use strict";
-const IBizListControl = withInstall(ListControl, function(v) {
-  v.component(ListControl.name, ListControl);
-  registerControlProvider(ControlType.LIST, () => new ListProvider());
-});
-
-export { IBizListControl, IBizListControl as default };

package/es/control/list/list.css

@@ -1 +0,0 @@
-.ibiz-control-list-item{--ibiz-control-list-text-color:var(--ibiz-color-text-0);--ibiz-control-list-load-more-color:var(--ibiz-color-text-2);--ibiz-control-list-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-control-list-active-bg-color:var(--ibiz-color-fill-2);--ibiz-control-list-font-weight:var(--ibiz-font-weight-regular);--ibiz-control-list-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-tight);min-height:var(--ibiz-control-list-item-height);padding:var(--ibiz-control-list-padding);font-weight:var(--ibiz-control-list-font-weight);color:var(--ibiz-control-list-text-color);cursor:pointer}.ibiz-control-list-item:hover{background-color:var(--ibiz-control-list-hover-bg-color)}.ibiz-control-list-item.is-active{background-color:var(--ibiz-control-list-active-bg-color)}.ibiz-control-list{--ibiz-control-list-text-color:var(--ibiz-color-text-0);--ibiz-control-list-load-more-color:var(--ibiz-color-text-2);--ibiz-control-list-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-control-list-active-bg-color:var(--ibiz-color-fill-2);--ibiz-control-list-font-weight:var(--ibiz-font-weight-regular);--ibiz-control-list-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-tight);display:flex;flex-flow:column nowrap;align-items:stretch;justify-content:flex-start;height:100%}.ibiz-control-list__load-more{color:var(--ibiz-control-list-load-more-color);text-align:center;cursor:pointer}.ibiz-control-list .ibiz-control-list-content{flex-grow:1}.ibiz-control-list-scroll{height:100%;overflow:auto}