@ibiz-template/mob-vue3-components 0.7.41-alpha.19-lts.1 → 0.7.41-alpha.21

package/es/control/app-menu/menu-render-util.mjs

@@ -0,0 +1,30 @@
+import { h } from 'vue';
+import { MenuDesign } from './custom-menu-design/custom-menu-design.mjs';
+
+"use strict";
+function getDefaultIconVal() {
+  return {
+    cssClass: "fa fa-th-large"
+  };
+}
+function useMenuRender(c) {
+  const onCustomizedClick = async () => {
+    await ibiz.overlay.drawer((modal) => {
+      return h(MenuDesign, {
+        modal,
+        controller: c
+      });
+    }, {}, {
+      attrs: {
+        position: "bottom",
+        closeable: false,
+        round: true
+      }
+    });
+  };
+  return {
+    onCustomizedClick
+  };
+}
+
+export { getDefaultIconVal, useMenuRender };

package/es/control/app-menu-icon-view/app-menu-icon-view.css

@@ -1 +1 @@
-.ibiz-control-appmenu-iconview{--ibiz-control-appmenu-icon-width:100%;--ibiz-control-appmenu-icon-view-icon-size:2.1875rem;--ibiz-control-appmenu-icon-view-icon-margin:0.3125rem;--ibiz-control-appmenu-icon-color:var(--ibiz-color-text-0)}.ibiz-control-appmenu-iconview .van-grid-item__text{display:-webkit-box;flex:1;height:-moz-fit-content;height:fit-content;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ibiz-control-appmenu-iconview .van-badge__wrapper{display:flex;justify-content:center;width:100%}.ibiz-control-appmenu-iconview .van-grid-item__content--clickable:active{background-color:inherit}.ibiz-control-appmenu-iconview .ibiz-control-appmenu-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-control-appmenu-icon-view-icon-size);height:var(--ibiz-control-appmenu-icon-view-icon-size);margin-bottom:var(--ibiz-control-appmenu-icon-view-icon-margin);font-size:var(--ibiz-control-appmenu-icon-view-icon-size);color:var(--ibiz-control-appmenu-icon-color)}.ibiz-control-appmenu-iconview .ibiz-control-appmenu-icon .ibiz-icon{width:100%;height:100%;color:var(--ibiz-control-appmenu-icon-color)}
+.ibiz-control-appmenu-iconview{--ibiz-control-appmenu-iconview-color-bg:var(--ibiz-color-bg-1);--ibiz-control-appmenu-iconview-color-text:var(--ibiz-color-text-0);--ibiz-control-appmenu-iconview-color-group-bg:var(--ibiz-color-bg-0);--ibiz-control-appmenu-iconview-color-group-text:var(--ibiz-color-text-1);--ibiz-control-appmenu-iconview-spacing-icon-gap:var(--ibiz-spacing-extra-tight);--ibiz-control-appmenu-iconview-spacing-item-padding:var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base);--ibiz-control-appmenu-iconview-spacing-group-padding:var(--ibiz-spacing-base);--ibiz-control-appmenu-iconview-spacing-group-icon-gap:var(--ibiz-spacing-extra-tight);--ibiz-control-appmenu-iconview-spacing-group-counter-margin:0 0 0 var(--ibiz-spacing-tight);--ibiz-control-appmenu-iconview-font-text-fontSize:var(--ibiz-font-size-small);--ibiz-control-appmenu-iconview-font-icon-fontSize:var(--ibiz-height-control-default);--ibiz-control-appmenu-iconview-font-group-fontSize:var(--ibiz-font-size-header-6);--ibiz-control-appmenu-iconview-font-group-lineHeight:var(--ibiz-font-size-header-5);--ibiz-control-appmenu-iconview-icon-group-iconSize:var(--ibiz-width-icon-medium);--ibiz-control-appmenu-iconview-line-clamp-item-caption:2;background-color:var(--ibiz-control-appmenu-iconview-color-bg)}.ibiz-control-appmenu-iconview__item--content{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;padding:var(--ibiz-control-appmenu-iconview-spacing-item-padding);color:var(--ibiz-control-appmenu-iconview-color-text)}.ibiz-control-appmenu-iconview__item--icon{position:relative;display:flex;align-items:center;justify-content:center;width:var(--ibiz-control-appmenu-iconview-font-icon-fontSize);margin-bottom:var(--ibiz-control-appmenu-iconview-spacing-icon-gap);font-size:var(--ibiz-control-appmenu-iconview-font-icon-fontSize)}.ibiz-control-appmenu-iconview__item--icon .ibiz-icon{width:100%;height:100%}.ibiz-control-appmenu-iconview__item--icon ion-icon.ibiz-icon{width:1em;max-width:100%;height:1em;max-height:100%}.ibiz-control-appmenu-iconview__item--icon .fa.ibiz-icon{width:auto;max-width:100%;height:auto;max-height:100%}.ibiz-control-appmenu-iconview__item--counter{position:absolute;top:0;right:0;transform:translate(80%,-50%)}.ibiz-control-appmenu-iconview__item--caption{display:-webkit-box;flex:1;height:-moz-fit-content;height:fit-content;overflow:hidden;font-size:var(--ibiz-control-appmenu-iconview-font-text-fontSize);text-overflow:ellipsis;-webkit-line-clamp:var(--ibiz-control-appmenu-iconview-line-clamp-item-caption);line-clamp:var(--ibiz-control-appmenu-iconview-line-clamp-item-caption);-webkit-box-orient:vertical}.ibiz-control-appmenu-iconview__group-item--container{width:100%}.ibiz-control-appmenu-iconview__group-item--header{display:flex;align-items:center;padding:var(--ibiz-control-appmenu-iconview-spacing-group-padding);font-size:var(--ibiz-control-appmenu-iconview-font-group-fontSize);color:var(--ibiz-control-appmenu-iconview-color-group-text);background-color:var(--ibiz-control-appmenu-iconview-color-group-bg)}.ibiz-control-appmenu-iconview__group-item--header .ibiz-icon{margin-right:var(--ibiz-control-appmenu-iconview-spacing-group-icon-gap)}.ibiz-control-appmenu-iconview__group-item--content{display:flex;width:100%}.ibiz-control-appmenu-iconview__group-item--caption{line-height:var(--ibiz-control-appmenu-iconview-font-group-lineHeight)}.ibiz-control-appmenu-iconview__group-item--counter{margin:var(--ibiz-control-appmenu-iconview-spacing-group-counter-margin)}.ibiz-control-appmenu-iconview .van-grid-item__content{padding:0}.ibiz-control-appmenu-iconview-no-data{width:100%;padding:var(--ibiz-control-appmenu-iconview-spacing-item-padding);font-size:var(--ibiz-control-appmenu-iconview-font-item-fontSize);color:var(--ibiz-control-appmenu-iconview-color-text);text-align:center}

package/es/control/app-menu-icon-view/app-menu-icon-view.mjs

@@ -1,9 +1,15 @@
-import { defineComponent, createVNode, resolveComponent, computed } from 'vue';
+import { isVNode, defineComponent, createVNode, resolveComponent } from 'vue';
 import { AppMenuController } from '@ibiz-template/runtime';
-import { useControlController, prepareControl } from '@ibiz-template/vue3-util';
+import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
+import { isNil } from 'ramda';
+import { isArray } from 'lodash-es';
+import { useMenuRender, getDefaultIconVal } from '../app-menu/menu-render-util.mjs';
 import './app-menu-icon-view.css';
 
 "use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
 const AppMenuIconViewControl = /* @__PURE__ */ defineComponent({
   name: "IBizAppMenuIconViewControl",
   props: {
@@ -24,55 +30,109 @@ const AppMenuIconViewControl = /* @__PURE__ */ defineComponent({
     }
   },
   setup() {
+    var _a;
     const c = useControlController((...args) => new AppMenuController(...args));
+    const ns = useNamespace(`control-${c.model.controlType.toLowerCase()}-${(_a = c.model.controlStyle) == null ? void 0 : _a.toLowerCase()}`);
     const {
-      controlClass,
-      ns
-    } = prepareControl(c);
-    const columnNum = computed(() => {
-      return 5;
-    });
+      onCustomizedClick
+    } = useMenuRender(c);
+    const renderMenuItem = (menuItem) => {
+      if (menuItem.hidden === true) {
+        return null;
+      }
+      const counterNum = menuItem.counterId ? c.state.counterData[menuItem.counterId] : null;
+      let renderItem = null;
+      switch (menuItem.itemType) {
+        case "MENUITEM":
+          if (isArray(menuItem.appMenuItems)) {
+            renderItem = createVNode(resolveComponent("van-grid-item"), {
+              "class": ns.e("group-item"),
+              "text": menuItem.caption
+            }, {
+              default: () => {
+                return createVNode("div", {
+                  "class": ns.em("group-item", "container")
+                }, [createVNode("div", {
+                  "class": ns.em("group-item", "header")
+                }, [[menuItem.sysImage ? createVNode(resolveComponent("iBizIcon"), {
+                  "icon": menuItem.sysImage
+                }, null) : null, createVNode("span", {
+                  "class": ns.em("group-item", "caption")
+                }, [menuItem.caption]), !isNil(counterNum) && createVNode(resolveComponent("iBizBadge"), {
+                  "class": ns.em("group-item", "counter"),
+                  "value": counterNum
+                }, null)]]), createVNode(resolveComponent("van-grid"), {
+                  "clickable": true,
+                  "column-num": c.columnNum,
+                  "border": false,
+                  "class": ns.em("group-item", "content")
+                }, {
+                  default: () => {
+                    var _a2, _b;
+                    return [((_a2 = menuItem.appMenuItems) == null ? void 0 : _a2.length) ? (_b = menuItem.appMenuItems) == null ? void 0 : _b.map((_item) => renderMenuItem(_item)) : createVNode("div", {
+                      "class": [ns.b("no-data")]
+                    }, [ibiz.i18n.t("control.appmenu.noData")])];
+                  }
+                })]);
+              }
+            });
+          } else {
+            renderItem = createVNode(resolveComponent("van-grid-item"), {
+              "class": ns.e("item"),
+              "onClick": (event) => c.onClickMenuItem(menuItem.id, event, false)
+            }, {
+              default: () => {
+                const content = [createVNode("div", {
+                  "class": ns.em("item", "icon")
+                }, [createVNode(resolveComponent("iBizIcon"), {
+                  "icon": menuItem.sysImage || getDefaultIconVal()
+                }, null), !isNil(counterNum) && createVNode(resolveComponent("iBizBadge"), {
+                  "class": ns.em("item", "counter"),
+                  "value": counterNum
+                }, null)]), createVNode("span", {
+                  "class": ns.em("item", "caption")
+                }, [menuItem.caption])];
+                return createVNode("div", {
+                  "class": ns.em("item", "content")
+                }, [content]);
+              }
+            });
+          }
+          break;
+        default:
+          break;
+      }
+      return renderItem;
+    };
     return {
-      controlClass,
       c,
-      columnNum,
-      ns
+      ns,
+      renderMenuItem,
+      onCustomizedClick
     };
   },
   render() {
+    var _a;
+    let _slot;
     const {
-      model
+      model,
+      state
     } = this.c;
-    const {
-      controlStyle
-    } = model;
-    return createVNode(resolveComponent("van-grid"), {
+    if (!state.isCreated)
+      return;
+    return createVNode("div", {
+      "class": [this.ns.b(), this.ns.m((_a = this.modelData.id) == null ? void 0 : _a.toLocaleLowerCase())]
+    }, [createVNode(resolveComponent("van-grid"), {
       "clickable": true,
-      "column-num": this.columnNum,
-      "border": false,
-      "class": [this.ns.b(), this.ns.b(controlStyle.toLowerCase()), this.ns.m(this.modelData.id)]
-    }, {
-      default: () => {
-        var _a;
-        return [(_a = model == null ? void 0 : model.appMenuItems) == null ? void 0 : _a.map((item) => {
-          return item.itemType === "MENUITEM" && item.hidden !== true && createVNode(resolveComponent("van-grid-item"), {
-            "class": this.ns.b("item"),
-            "text": item.caption,
-            "onClick": (event) => this.c.onClickMenuItem(item.id, event, false)
-          }, {
-            icon: () => {
-              return createVNode("div", {
-                "class": this.ns.b("icon")
-              }, [item.sysImage ? createVNode(resolveComponent("iBizIcon"), {
-                "icon": item.sysImage
-              }, null) : createVNode(resolveComponent("van-icon"), {
-                "name": "setting-o"
-              }, null)]);
-            }
-          });
-        })];
-      }
-    });
+      "column-num": 1,
+      "border": false
+    }, _isSlot(_slot = state.mobMenuItems.map((item) => this.renderMenuItem(item))) ? _slot : {
+      default: () => [_slot]
+    }), model.enableCustomized && createVNode(resolveComponent("iBizFloatButton"), {
+      "class": this.ns.e("icon-container"),
+      "align": this.c.customizedAlign,
+      "onClick": this.onCustomizedClick
+    }, null)]);
   }
 });
 

package/es/control/app-menu-list-view/app-menu-list-view.css

@@ -1 +1 @@
-.ibiz-control-appmenu-listview{--ibiz-control-appmenu-list-view-icon-size:var(--ibiz-font-size-header-4);--ibiz-control-appmenu-list-view-font-size:var(--ibiz-font-size-regular);--ibiz-control-appmenu-list-view-color:var(--ibiz-font-size-regular);--ibiz-control-appmenu-list-view-padding:0;--ibiz-control-appmenu-list-view-item-padding:0.5rem 1rem;--ibiz-control-appmenu-list-view-item-color:var(--ibiz-color-text-1);--van-cell-border-color:var(--ibiz-color-border);--van-divider-margin:0.125rem;--van-divider-border-color:transparent;--van-cell-horizontal-padding:0.75rem;--van-cell-active-color:transparent;--van-cell-right-icon-color:var(--van-gray-6);--van-cell-group-title-color:var(--ibiz-color-text-2);--van-cell-group-title-padding:0.5rem 1rem;--van-cell-group-title-font-size:var(--ibiz-font-size-regular);--van-cell-group-title-line-height:var(--van-cell-line-height);border-radius:var(--ibiz-border-radius-small)}.ibiz-control-appmenu-listview .ibiz-control-appmenu-item{padding:var(--ibiz-control-appmenu-list-view-item-padding);font-size:var(--ibiz-control-appmenu-list-view-font-size);color:var(--ibiz-control-appmenu-list-view-item-color)}.ibiz-control-appmenu-listview .ibiz-control-appmenu-item:last-child{border-width:0}.ibiz-control-appmenu-listview .van-cell::after{left:0}.ibiz-control-appmenu-listview .ibiz-control-appmenu-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-control-appmenu-list-view-icon-size);margin-right:var(--ibiz-spacing-tight);font-size:var(--ibiz-control-appmenu-list-view-icon-size)}.ibiz-control-appmenu-listview .ibiz-control-appmenu-icon .ibiz-icon{display:flex;align-items:center}.ibiz-control-appmenu-listview .van-cell-group__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:var(--ibiz-color-bg-0)}.ibiz-control-appmenu-listview .van-hairline--top-bottom::after{border:none}
+.ibiz-control-appmenu-listview{--ibiz-control-appmenu-listview-color-item-bg:var(--ibiz-color-bg-2);--ibiz-control-appmenu-listview-color-item-text:var(--ibiz-color-text-0);--ibiz-control-appmenu-listview-spacing-item-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-appmenu-listview-spacing-group-item-icon-margin:0 var(--ibiz-spacing-extra-tight) 0 0;--ibiz-control-appmenu-listview-spacing-icon-counter-margin:0 0 0 var(--ibiz-spacing-tight);--ibiz-control-appmenu-listview-spacing-item-icon-margin:0 var(--ibiz-spacing-extra-tight) 0 0;--ibiz-control-appmenu-listview-font-item-fontSize:var(--ibiz-font-size-regular);--ibiz-control-appmenu-listview-font-icon-fontSize:var(--ibiz-font-size-regular)}.ibiz-control-appmenu-listview__group-title{display:flex;align-items:center}.ibiz-control-appmenu-listview__group-title .ibiz-icon{margin:var(--ibiz-control-appmenu-listview-spacing-group-item-icon-margin)}.ibiz-control-appmenu-listview__group-title--counter{margin:var(--ibiz-control-appmenu-listview-spacing-icon-counter-margin)}.ibiz-control-appmenu-listview__item.ibiz-control-appmenu-listview__item{padding:var(--ibiz-control-appmenu-listview-spacing-item-padding);font-size:var(--ibiz-control-appmenu-listview-font-item-fontSize);color:var(--ibiz-control-appmenu-listview-color-item-text);background-color:var(--ibiz-control-appmenu-listview-color-item-bg)}.ibiz-control-appmenu-listview__item.ibiz-control-appmenu-listview__item:last-child{border-width:0}.ibiz-control-appmenu-listview__item.ibiz-control-appmenu-listview__item::after{left:0}.ibiz-control-appmenu-listview__item--value{display:flex;align-items:center;justify-content:flex-end}.ibiz-control-appmenu-listview__item--icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-control-appmenu-listview-font-icon-fontSize);margin:var(--ibiz-control-appmenu-listview-spacing-item-icon-margin);font-size:var(--ibiz-control-appmenu-listview-font-icon-fontSize)}.ibiz-control-appmenu-listview__item .van-cell__title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ibiz-control-appmenu-listview__item .van-cell__value{width:auto;flex:unset;margin-left:auto}.ibiz-control-appmenu-listview-no-data{padding:var(--ibiz-control-appmenu-listview-spacing-item-padding);font-size:var(--ibiz-control-appmenu-listview-font-item-fontSize);color:var(--ibiz-control-appmenu-listview-color-item-text);text-align:center}

package/es/control/app-menu-list-view/app-menu-list-view.mjs

@@ -1,6 +1,9 @@
 import { isVNode, defineComponent, createVNode, resolveComponent } from 'vue';
 import { AppMenuController } from '@ibiz-template/runtime';
-import { useControlController, prepareControl } from '@ibiz-template/vue3-util';
+import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
+import { isNil } from 'ramda';
+import { isArray } from 'lodash-es';
+import { useMenuRender } from '../app-menu/menu-render-util.mjs';
 import './app-menu-list-view.css';
 
 "use strict";
@@ -27,63 +30,74 @@ const AppMenuListViewControl = /* @__PURE__ */ defineComponent({
     }
   },
   setup() {
+    var _a;
     const c = useControlController((...args) => new AppMenuController(...args));
+    const ns = useNamespace(`control-${c.model.controlType.toLowerCase()}-${(_a = c.model.controlStyle) == null ? void 0 : _a.toLowerCase()}`);
     const {
-      controlClass,
-      ns
-    } = prepareControl(c);
-    return {
-      controlClass,
-      c,
-      ns
-    };
-  },
-  render() {
-    const {
-      model
-    } = this.c;
-    const {
-      controlStyle
-    } = model;
+      onCustomizedClick
+    } = useMenuRender(c);
     const renderMenuItem = (item) => {
-      var _a;
       if (item.hidden === true) {
         return null;
       }
+      const counterNum = item.counterId ? c.state.counterData[item.counterId] : null;
       let renderItem = null;
       switch (item.itemType) {
         case "MENUITEM":
-          if ((_a = item.appMenuItems) == null ? void 0 : _a.length) {
-            let _slot;
+          if (isArray(item.appMenuItems)) {
             renderItem = createVNode(resolveComponent("van-cell-group"), {
-              "class": this.ns.b("group"),
+              "class": ns.e("group"),
               "title": item.caption
-            }, _isSlot(_slot = item.appMenuItems.map((child) => {
-              return renderMenuItem(child);
-            })) ? _slot : {
-              default: () => [_slot]
+            }, {
+              default: () => {
+                var _a2, _b;
+                if (!((_a2 = item.appMenuItems) == null ? void 0 : _a2.length)) {
+                  return createVNode("div", {
+                    "class": [ns.b("no-data")]
+                  }, [ibiz.i18n.t("control.appmenu.noData")]);
+                }
+                return (_b = item.appMenuItems) == null ? void 0 : _b.map((child) => {
+                  return renderMenuItem(child);
+                });
+              },
+              title: () => {
+                return createVNode("div", {
+                  "class": ns.e("group-title")
+                }, [item.sysImage ? createVNode(resolveComponent("iBizIcon"), {
+                  "icon": item.sysImage
+                }, null) : null, createVNode("span", {
+                  "class": ns.em("group-title", "caption")
+                }, [item.caption]), !isNil(counterNum) && createVNode(resolveComponent("iBizBadge"), {
+                  "class": ns.em("group-title", "counter"),
+                  "value": counterNum
+                }, null)]);
+              }
             });
           } else {
             renderItem = createVNode(resolveComponent("van-cell"), {
-              "class": [this.ns.b("item")],
+              "class": [ns.e("item")],
               "is-link": true,
               "center": true,
               "clickable": true,
               "title": item.caption,
               "onClick": async (event) => {
-                try {
-                  await this.c.onClickMenuItem(item.id, event, false);
-                } catch (error) {
-                  ibiz.log.error(error);
-                }
+                await c.onClickMenuItem(item.id, event, false);
               }
             }, {
               icon: () => {
                 return item.sysImage && createVNode("div", {
-                  "class": this.ns.b("icon")
+                  "class": ns.em("item", "icon")
                 }, [createVNode(resolveComponent("iBizIcon"), {
                   "icon": item.sysImage
                 }, null)]);
+              },
+              value: () => {
+                return createVNode("div", {
+                  "class": ns.em("item", "value")
+                }, [!isNil(counterNum) && createVNode(resolveComponent("iBizBadge"), {
+                  "class": ns.em("item", "counter"),
+                  "value": counterNum
+                }, null)]);
               }
             });
           }
@@ -96,16 +110,31 @@ const AppMenuListViewControl = /* @__PURE__ */ defineComponent({
       }
       return renderItem;
     };
-    return createVNode(resolveComponent("van-list"), {
-      "class": [this.ns.b(), this.ns.b(controlStyle == null ? void 0 : controlStyle.toLowerCase()), this.ns.m(this.modelData.id)]
-    }, {
-      default: () => {
-        var _a;
-        return [(_a = model == null ? void 0 : model.appMenuItems) == null ? void 0 : _a.map((item) => {
-          return renderMenuItem(item);
-        })];
-      }
-    });
+    return {
+      c,
+      ns,
+      renderMenuItem,
+      onCustomizedClick
+    };
+  },
+  render() {
+    var _a;
+    let _slot;
+    const {
+      model,
+      state
+    } = this.c;
+    if (!state.isCreated)
+      return;
+    return createVNode("div", {
+      "class": [this.ns.b(), this.ns.m((_a = this.modelData.id) == null ? void 0 : _a.toLocaleLowerCase())]
+    }, [createVNode(resolveComponent("van-list"), null, _isSlot(_slot = state.mobMenuItems.map((item) => this.renderMenuItem(item))) ? _slot : {
+      default: () => [_slot]
+    }), model.enableCustomized && createVNode(resolveComponent("iBizFloatButton"), {
+      "class": this.ns.e("icon-container"),
+      "align": this.c.customizedAlign,
+      "onClick": this.onCustomizedClick
+    }, null)]);
   }
 });
 

package/es/control/calendar/calendar.css

@@ -1 +1 @@
-.ibiz-control-calendar{--ibiz-control-calendar-text-color:var(--ibiz-color-text-0);--ibiz-control-calendar-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-active-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-border-color:var(--ibiz-color-primary-active);--ibiz-control-calendar-font-size:var(--ibiz-font-size-small);--ibiz-control-calendar-item-padding:var(--ibiz-spacing-tight);--ibiz-control-calendar-border-radius:var(--ibiz-border-radius-small);--ibiz-control-calendar-margin:var(--ibiz-spacing-extra-tight);--ibiz-control-calendar-item-margin:var(--ibiz-spacing-tight) 0;--van-cell-right-icon-color:var(--van-gray-6);--van-padding-md:var(--ibiz-spacing-tight);display:flex;flex-direction:column;width:100%;height:100%}.ibiz-control-calendar .calendar_day{padding:var(--ibiz-spacing-extra-tight) 0}.ibiz-control-calendar__calendar-item{display:flex;gap:var(--ibiz-spacing-tight);align-items:center;padding:var(--ibiz-control-calendar-item-padding)}.ibiz-control-calendar__icon{width:.625rem;height:.625rem;border-radius:50%}.ibiz-control-calendar__day{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.ibiz-control-calendar__mark{display:flex;position:absolute;bottom:-.25rem;left:0;flex-grow:1;justify-content:space-around;width:100%}.ibiz-control-calendar__mark--item{width:.25rem;height:.25rem;background-color:red;border-radius:3.125rem}.ibiz-control-calendar .ibiz-control-calendar-item{--ibiz-control-calendar-text-color:var(--ibiz-color-text-0);--ibiz-control-calendar-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-active-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-border-color:var(--ibiz-color-primary-active);--ibiz-control-calendar-font-size:var(--ibiz-font-size-small);--ibiz-control-calendar-item-padding:var(--ibiz-spacing-tight);--ibiz-control-calendar-border-radius:var(--ibiz-border-radius-small);--ibiz-control-calendar-margin:var(--ibiz-spacing-extra-tight);--ibiz-control-calendar-item-margin:var(--ibiz-spacing-tight) 0;height:auto}.ibiz-control-calendar .ibiz-control-calendar-item--default{padding:var(--ibiz-control-calendar-item-padding);overflow:hidden;font-size:var(--ibiz-control-calendar-font-size);line-height:25px;color:var(--ibiz-control-calendar-text-color);text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.ibiz-control-calendar-content{width:100%}.ibiz-control-calendar-date-text{--ibiz-control-calendar-text-color:var(--ibiz-color-text-0);--ibiz-control-calendar-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-active-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-border-color:var(--ibiz-color-primary-active);--ibiz-control-calendar-font-size:var(--ibiz-font-size-small);--ibiz-control-calendar-item-padding:var(--ibiz-spacing-tight);--ibiz-control-calendar-border-radius:var(--ibiz-border-radius-small);--ibiz-control-calendar-margin:var(--ibiz-spacing-extra-tight);--ibiz-control-calendar-item-margin:var(--ibiz-spacing-tight) 0;padding:var(--ibiz-control-calendar-item-padding);margin-top:0}.ibiz-control-calendar-day{height:-moz-fit-content;height:fit-content}.ibiz-control-calendar-content-header{--ibiz-control-calendar-text-color:var(--ibiz-color-text-0);--ibiz-control-calendar-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-active-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-border-color:var(--ibiz-color-primary-active);--ibiz-control-calendar-font-size:var(--ibiz-font-size-small);--ibiz-control-calendar-item-padding:var(--ibiz-spacing-tight);--ibiz-control-calendar-border-radius:var(--ibiz-border-radius-small);--ibiz-control-calendar-margin:var(--ibiz-spacing-extra-tight);--ibiz-control-calendar-item-margin:var(--ibiz-spacing-tight) 0;display:flex;gap:var(--ibiz-control-calendar-item-padding);align-items:center}.ibiz-control-calendar-footer{flex-grow:1;min-height:0}.ibiz-control-calendar-footer .van-tabs{height:100%}.ibiz-control-calendar-footer .van-tabs__content{height:calc(100% - var(--van-tabs-line-height));overflow-y:auto}.ibiz-control-calendar-footer .van-list,.ibiz-control-calendar-footer .van-tab__panel{height:100%}.ibiz-control-calendar-title{position:relative;display:flex;align-items:center;justify-content:space-between}.ibiz-control-calendar-title .van-field{width:50%}.ibiz-control-calendar-title input{font-weight:100;text-align:inherit;background-color:transparent;border:.0625rem var(--ibiz-color-border) solid;box-shadow:none}.ibiz-control-calendar-title span{top:0;left:0}.ibiz-control-calendar-header-toolbar{width:100%;display:flex}.ibiz-control-calendar-header-toolbar__select-day{padding:var(--ibiz-spacing-base) var(--ibiz-spacing-tight);background-color:var(--ibiz-color-bg-1);border-radius:2px;font-weight:var(--ibiz-font-weight-bold)}.ibiz-control-calendar-header-toolbar__switch-toolbar{flex:1;align-items:center;display:flex;justify-content:end;color:var(--ibiz-color-primary);gap:var(--ibiz-spacing-base);padding-right:var(--ibiz-spacing-base)}
+.ibiz-control-calendar{--ibiz-control-calendar-text-color:var(--ibiz-color-text-0);--ibiz-control-calendar-font-size:var(--ibiz-font-size-small);--ibiz-control-calendar-item-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-calendar-mark-height:var(--ibiz-spacing-tight);--ibiz-control-calendar-mark-width:var(--ibiz-spacing-tight);--ibiz-control-calendar-mark-color:var(--ibiz-color-danger);--ibiz-control-calendar-item-border-gap:var(--ibiz-spacing-tight);--ibiz-control-calendar-item-border:1px solid var(--ibiz-color-border);--ibiz-control-calendar-header-caption-padding:var(--ibiz-spacing-base) var(--ibiz-spacing-tight);--ibiz-control-calendar-header-caption-bg:var(--ibiz-color-bg-1);--ibiz-control-calendar-toolbar-color:var(--ibiz-color-primary);--ibiz-control-calendar-toolbar-bg:var(--ibiz-color-bg-0);--ibiz-control-calendar-toolbar-gap:var(--ibiz-spacing-base);--ibiz-control-calendar-calendar-bg:var(--ibiz-color-bg-1);--ibiz-control-calendar-calendar-main-color:var(--ibiz-color-primary);--ibiz-control-calendar-calendar-color:var(--ibiz-color-text-0);--ibiz-control-calendar-calendar-disabled-color:var(--ibiz-color-disabled-text);--ibiz-control-calendar-calendar-active-color:var(--ibiz-color-primary);--ibiz-control-calendar-calendar-active-bg:var(--ibiz-color-primary-light-default);--ibiz-control-calendar-timeline-item-padding:var(--ibiz-spacing-base);--ibiz-control-calendar-timeline-item-size:var(--ibiz-width-icon-small);--ibiz-control-calendar-timeline-item-bg-color:var(--ibiz-color-border);--ibiz-control-calendar-tab-bg:transparent;--ibiz-control-calendar-timeline-item-margin:0 0 var(--ibiz-spacing-base) 0;--ibiz-control-calendar-timeline-padding:var(--ibiz-spacing-base);--ibiz-control-calendar-timeline-timespan-padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-tight);--ibiz-control-calendar-timeline-item-border-radius:var(--ibiz-spacing-tight);--ibiz-control-calendar-timeline-item-content-margin:var(--ibiz-spacing-base);display:flex;flex-direction:column}.ibiz-control-calendar__day{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.ibiz-control-calendar__mark{display:flex;position:absolute;bottom:0;left:0;justify-content:space-around;width:100%}.ibiz-control-calendar__mark--item{width:var(--ibiz-control-calendar-mark-width);height:var(--ibiz-control-calendar-mark-height);background-color:var(--ibiz-control-calendar-mark-color);border-radius:50%}.ibiz-control-calendar .ibiz-control-calendar-item{height:auto;padding:var(--ibiz-control-calendar-item-padding)}.ibiz-control-calendar .ibiz-control-calendar-item--default{overflow:hidden;font-size:var(--ibiz-control-calendar-font-size);color:var(--ibiz-control-calendar-text-color);text-overflow:ellipsis;white-space:nowrap}.ibiz-control-calendar .ibiz-control-calendar-item--panel{position:relative}.ibiz-control-calendar .ibiz-control-calendar-item--panel::after{position:absolute;content:" ";pointer-events:none;right:var(--ibiz-control-calendar-item-border-gap);bottom:0;left:var(--ibiz-control-calendar-item-border-gap);border-bottom:var(--ibiz-control-calendar-item-border)}.ibiz-control-calendar .hash-calendar{--hash-calendar-main-font-color:var(--ibiz-control-calendar-calendar-color);--hash-calendar-main-color:var(--ibiz-control-calendar-calendar-main-color);--hash-calendar-disabled-font-color:var(--ibiz-control-calendar-calendar-disabled-color)}.ibiz-control-calendar .hash-calendar .calendar_content{background-color:var(--ibiz-control-calendar-calendar-bg)}.ibiz-control-calendar .hash-calendar .calendar_group_li,.ibiz-control-calendar .hash-calendar .calendar_week{background-color:var(--ibiz-control-calendar-calendar-bg)}.ibiz-control-calendar .hash-calendar .calendar_day_checked{color:var(--ibiz-control-calendar-calendar-active-color);background-color:var(--ibiz-control-calendar-calendar-active-bg)}.ibiz-control-calendar-footer{flex:auto;min-height:0}.ibiz-control-calendar-footer .van-tabs{height:100%;display:flex;flex-direction:column}.ibiz-control-calendar-footer .van-tabs__wrap{flex:none}.ibiz-control-calendar-footer .van-tabs__content{flex:auto;overflow-y:auto}.ibiz-control-calendar-footer .van-list,.ibiz-control-calendar-footer .van-tab__panel{height:100%}.ibiz-control-calendar-footer__tab-item .van-tab__text{position:relative;overflow:visible}.ibiz-control-calendar-footer__tab-item .van-tab__text::before{content:"";width:100%;height:.1875rem;bottom:-.5rem;border-radius:.1875rem;transform:translateY(-50%);background-color:var(--ibiz-control-calendar-tab-bg);position:absolute}.ibiz-control-calendar-footer__tab-item.van-tab--active .van-tab__text::before{content:unset}.ibiz-control-calendar-header-toolbar{width:100%;display:flex}.ibiz-control-calendar-header-toolbar__select-day{padding:var(--ibiz-control-calendar-header-caption-padding);background-color:var(--ibiz-control-calendar-header-caption-bg)}.ibiz-control-calendar-header-toolbar__switch-toolbar{flex:auto;align-items:center;display:flex;justify-content:end;color:var(--ibiz-control-calendar-toolbar-color);gap:var(--ibiz-control-calendar-toolbar-gap);padding-right:var(--ibiz-control-calendar-toolbar-gap);background-color:var(--ibiz-control-calendar-toolbar-bg)}.ibiz-control-calendar-timeline{--ibiz-control-calendar-text-color:var(--ibiz-color-text-0);--ibiz-control-calendar-font-size:var(--ibiz-font-size-small);--ibiz-control-calendar-item-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-calendar-mark-height:var(--ibiz-spacing-tight);--ibiz-control-calendar-mark-width:var(--ibiz-spacing-tight);--ibiz-control-calendar-mark-color:var(--ibiz-color-danger);--ibiz-control-calendar-item-border-gap:var(--ibiz-spacing-tight);--ibiz-control-calendar-item-border:1px solid var(--ibiz-color-border);--ibiz-control-calendar-header-caption-padding:var(--ibiz-spacing-base) var(--ibiz-spacing-tight);--ibiz-control-calendar-header-caption-bg:var(--ibiz-color-bg-1);--ibiz-control-calendar-toolbar-color:var(--ibiz-color-primary);--ibiz-control-calendar-toolbar-bg:var(--ibiz-color-bg-0);--ibiz-control-calendar-toolbar-gap:var(--ibiz-spacing-base);--ibiz-control-calendar-calendar-bg:var(--ibiz-color-bg-1);--ibiz-control-calendar-calendar-main-color:var(--ibiz-color-primary);--ibiz-control-calendar-calendar-color:var(--ibiz-color-text-0);--ibiz-control-calendar-calendar-disabled-color:var(--ibiz-color-disabled-text);--ibiz-control-calendar-calendar-active-color:var(--ibiz-color-primary);--ibiz-control-calendar-calendar-active-bg:var(--ibiz-color-primary-light-default);--ibiz-control-calendar-timeline-item-padding:var(--ibiz-spacing-base);--ibiz-control-calendar-timeline-item-size:var(--ibiz-width-icon-small);--ibiz-control-calendar-timeline-item-bg-color:var(--ibiz-color-border);--ibiz-control-calendar-tab-bg:transparent;--ibiz-control-calendar-timeline-item-margin:0 0 var(--ibiz-spacing-base) 0;--ibiz-control-calendar-timeline-padding:var(--ibiz-spacing-base);--ibiz-control-calendar-timeline-timespan-padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-tight);--ibiz-control-calendar-timeline-item-border-radius:var(--ibiz-spacing-tight);--ibiz-control-calendar-timeline-item-content-margin:var(--ibiz-spacing-base);padding:var(--ibiz-control-calendar-timeline-padding);overflow:auto}.ibiz-control-calendar-timeline__item{margin:var(--ibiz-control-calendar-timeline-item-margin)}.ibiz-control-calendar-timeline__item--timespan{width:auto;display:inline-block;padding:var(--ibiz-control-calendar-timeline-timespan-padding);border-radius:var(--ibiz-control-calendar-timeline-item-border-radius);background-color:var(--ibiz-control-calendar-timeline-item-bg-color)}.ibiz-control-calendar-timeline__item--content{margin-top:var(--ibiz-control-calendar-timeline-item-content-margin)}.ibiz-control-calendar-timeline__item .ibiz-control-calendar-item{padding:0}