@ibiz-template/vue3-components 0.7.41-alpha.102 → 0.7.41-alpha.103

package/es/control/data-view/data-view.mjs

@@ -199,11 +199,12 @@ const DataViewControl = /* @__PURE__ */ defineComponent({
     const renderNewCard = (group) => {
       return createVNode(resolveComponent("el-card"), {
         "shadow": "hover",
-        "class": [ns.b("item"), ns.be("item", "new")],
+        "class": [ns.b("item"), ns.be("item", "new"), semanticClass("new")],
         "title": ibiz.i18n.t("app.newlyBuild"),
         "body-style": {
           width: c.model.cardWidth ? "".concat(c.model.cardWidth, "px") : "auto",
-          height: c.model.cardHeight ? "".concat(c.model.cardHeight, "px") : "auto"
+          height: c.model.cardHeight ? "".concat(c.model.cardHeight, "px") : "auto",
+          ...semanticStyle("new")
         },
         "onClick": (event) => {
           c.onClickNew(event, group == null ? void 0 : group.key);
@@ -291,10 +292,11 @@ const DataViewControl = /* @__PURE__ */ defineComponent({
           "d": "M1 2a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm4 0a1 1 0 1 1 0-2 1 1 0 0 1 0 2zM1 6a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm4 0a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm-4 4a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm4 0a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm-4 4a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm4 0a1 1 0 1 1 0-2 1 1 0 0 1 0 2z"
         }, null)])])]), cardStyle.value === "style2" && !c.state.singleSelect && createVNode(resolveComponent("el-checkbox"), {
           "size": "large",
-          "class": ns.bem("item", "content", "checkbox"),
           "modelValue": isSelected(item),
+          "onChange": () => toggleSelection(item),
+          "style": semanticStyle("item.checkbox"),
           "onClick": (e) => e.stopPropagation(),
-          "onChange": () => toggleSelection(item)
+          "class": [ns.bem("item", "content", "checkbox"), semanticClass("item.checkbox")]
         }, null), panel ? renderPanelItem(item, panel) : renderDefaultItem(item)])]
       });
     };
@@ -325,8 +327,12 @@ const DataViewControl = /* @__PURE__ */ defineComponent({
             "class": ns.e("layout-col")
           }, {
             default: () => [createVNode("div", {
-              "style": semanticStyle("item"),
-              "class": [ns.b("scroll-item"), semanticClass("item")]
+              "style": semanticStyle("item", {
+                data: [element]
+              }),
+              "class": [ns.b("scroll-item"), semanticClass("item", {
+                data: [element]
+              })]
             }, [renderCard(element)])]
           }),
           footer: () => {
@@ -339,8 +345,7 @@ const DataViewControl = /* @__PURE__ */ defineComponent({
                 "class": ns.e("layout-col")
               }, {
                 default: () => [createVNode("div", {
-                  "style": semanticStyle("item"),
-                  "class": [ns.b("scroll-item"), semanticClass("item")]
+                  "class": ns.b("scroll-item")
                 }, [renderNewCard(group)])]
               });
           }
@@ -356,14 +361,17 @@ const DataViewControl = /* @__PURE__ */ defineComponent({
         item: ({
           element
         }) => createVNode("div", {
-          "style": semanticStyle("item"),
-          "class": [ns.b("scroll-item"), semanticClass("item")]
+          "style": semanticStyle("item", {
+            data: [element]
+          }),
+          "class": [ns.b("scroll-item"), semanticClass("item", {
+            data: [element]
+          })]
         }, [renderCard(element)]),
         footer: () => {
           if (c.enableNew && !c.state.readonly)
             return createVNode("div", {
-              "style": semanticStyle("item"),
-              "class": [ns.b("scroll-item"), semanticClass("item")]
+              "class": ns.b("scroll-item")
             }, [renderNewCard(group)]);
         }
       });
@@ -378,13 +386,14 @@ const DataViewControl = /* @__PURE__ */ defineComponent({
       }, [createVNode("div", {
         "class": ns.be("group-content", "item-header")
       }, [createVNode("span", {
-        "class": ns.be("group-content", "item-title")
+        "class": [semanticClass("group.title"), ns.be("group-content", "item-title")],
+        "style": semanticStyle("group.title")
       }, [group.caption]), createVNode("span", {
         "class": ns.be("group-content", "item-action")
       }, [c.model.groupUIActionGroup && group.groupActionGroupState && createVNode(resolveComponent("iBizActionToolbar"), {
         "zIndex": c.state.zIndex,
-        "class": [ns.be("group-content", "header-actions"), semanticClass("group.action")],
         "style": semanticStyle("group.action"),
+        "class": [ns.be("group-content", "header-actions"), semanticClass("group.action")],
         "action-details": c.model.groupUIActionGroup.uiactionGroupDetails,
         "actions-state": group.groupActionGroupState,
         "onActionClick": (detail, event) => {
@@ -469,7 +478,8 @@ const DataViewControl = /* @__PURE__ */ defineComponent({
       if (!ctrlModel)
         return;
       return createVNode("div", {
-        "class": [ns.e("batchtoolbar"), ns.is("show", c.showBatchToolbar)]
+        "class": [ns.e("batchtoolbar"), semanticClass("batchtoolbar"), ns.is("show", c.showBatchToolbar)],
+        "style": semanticStyle("batchtoolbar")
       }, [createVNode(resolveComponent("iBizToolbarControl"), {
         "modelData": ctrlModel,
         "context": c.context,
@@ -586,8 +596,7 @@ const DataViewControl = /* @__PURE__ */ defineComponent({
           "class": ns.e("layout-col")
         }, {
           default: () => [createVNode("div", {
-            "style": semanticStyle("item"),
-            "class": [ns.b("scroll-item"), semanticClass("item")]
+            "class": ns.b("scroll-item")
           }, [renderSkeletonItem()])]
         }))]);
       }
@@ -596,8 +605,7 @@ const DataViewControl = /* @__PURE__ */ defineComponent({
       }, [Array.from({
         length: count
       }, () => createVNode("div", {
-        "style": semanticStyle("item"),
-        "class": [ns.b("scroll-item"), semanticClass("item")]
+        "class": ns.b("scroll-item")
       }, [renderSkeletonItem()]))]);
     };
     const renderGroupSkeleton = () => {
@@ -695,6 +703,8 @@ const DataViewControl = /* @__PURE__ */ defineComponent({
       const id = searchbar.name || searchbar.id;
       const provider = c.view.providers[id];
       return h(resolveComponent((provider == null ? void 0 : provider.component) || "IBizControlShell"), {
+        class: [ns.e("searchbar"), semanticClass("searchbar")],
+        style: semanticStyle(searchbar),
         context: c.view.context,
         params: c.view.params,
         modelData: searchbar,

package/es/control/exp-bar/render-util.mjs

@@ -32,10 +32,12 @@ function useExpBarRender(c, ns) {
       "style": semanticStyle("title"),
       "class": [ns.b("caption"), expBarNs.b("caption"), semanticClass("title")]
     }, [model.sysImage && createVNode(resolveComponent("iBizIcon"), {
-      "class": [expBarNs.be("caption", "icon")],
+      "style": semanticStyle("title.icon"),
+      "class": [expBarNs.be("caption", "icon"), semanticStyle("title.icon")],
       "icon": model.sysImage
     }, null), title && createVNode("span", {
-      "class": [ns.be("caption", "text")]
+      "class": [ns.be("caption", "text"), expBarNs.be("caption", "text"), semanticStyle("title.text")],
+      "style": semanticStyle("title.text")
     }, [title])]);
   };
   const renderSearchBar = () => {

package/es/control/list/list.css

@@ -1 +1 @@
-.ibiz-control-list{--ibiz-control-list-bg-color:transparent;--ibiz-control-list-padding:var(--ibiz-spacing-none);--ibiz-control-list-text-color:var(--ibiz-color-text-0);--ibiz-control-list-icon-color:var(--ibiz-color-text-2);--ibiz-control-list-hover-color:var(--ibiz-color-primary-hover);--ibiz-control-list-icon-size:var(--ibiz-font-size-header-3);--ibiz-control-list-gap:var(--ibiz-spacing-tight);--ibiz-control-list-font-size:var(--ibiz-font-size-regular);--ibiz-control-list-font-weight:var(--ibiz-font-weight-regular);--ibiz-control-list-border-color:var(--ibiz-color-border);--ibiz-control-list-content-bg-color:var(--ibiz-control-list-bg-color);--ibiz-control-list-group-style2-text-color:var(--ibiz-color-disabled-text);--ibiz-control-list-group-style2-padding:0 var(--ibiz-spacing-tight);--ibiz-control-list-group-style2-font-size:var(--ibiz-font-size-regular);--ibiz-control-list-item-gap:var(--ibiz-spacing-extra-tight);--ibiz-control-list-item-bg-color:var(--ibiz-control-list-bg-color);--ibiz-control-list-item-text-color:var(--ibiz-control-list-text-color);--ibiz-control-list-item-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-control-list-item-active-bg-color:var(--ibiz-color-fill-2);--ibiz-control-list-item-border-color:var(--ibiz-control-list-border-color);--ibiz-control-list-item-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-tight);display:flex;flex-flow:column nowrap;align-items:stretch;justify-content:flex-start;position:relative;height:100%;padding:var(--ibiz-control-list-padding);background-color:var(--ibiz-control-list-bg-color)}.ibiz-control-list__drag-icon{cursor:move;visibility:hidden}.ibiz-control-list__nav-icon{position:absolute;top:18px;right:10px;color:var(--ibiz-control-list-icon-color);cursor:pointer}.ibiz-control-list__nav-icon:hover{color:var(--ibiz-control-list-hover-color)}.ibiz-control-list__load-more-button{padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-tight);text-align:center}.ibiz-control-list__quicktoolbar{display:flex;justify-content:center;width:100%}.ibiz-control-list__batchtoolbar{display:none;margin:var(--ibiz-spacing-tight) 0}.ibiz-control-list__batchtoolbar.is-show{display:block}.ibiz-control-list .ibiz-control-list-content{flex-grow:1;background-color:var(--ibiz-control-list-content-bg-color)}.ibiz-control-list-content__icon{text-align:center}.ibiz-control-list-content__icon i{font-size:var(--ibiz-control-list-icon-size);color:var(--ibiz-control-list-icon-color);cursor:pointer}.ibiz-control-list-content__icon i:hover{color:var(--ibiz-control-list-hover-color)}.ibiz-control-list-content.is-show-underLine .ibiz-control-list-scroll-item{border-bottom:1px solid var(--ibiz-control-list-border-color)}.ibiz-control-list-content .ibiz-row-detail:last-of-type .ibiz-control-list-scroll-item{border-bottom:none}.ibiz-control-list-scroll{height:100%;overflow:auto}.ibiz-control-list-scroll.is-reverse-scroll .ibiz-control-list__layout-flex{display:flex;flex-direction:column-reverse}.ibiz-control-list-item{flex-grow:1;padding:var(--ibiz-control-list-item-padding);color:var(--ibiz-control-list-item-text-color);cursor:pointer;background-color:var(--ibiz-control-list-item-bg-color)}.ibiz-control-list-item__right{padding:0 var(--ibiz-control-list-item-gap)}.ibiz-control-list-item__right--actions{display:flex;-moz-column-gap:var(--ibiz-control-list-item-gap);column-gap:var(--ibiz-control-list-item-gap);justify-content:center}.ibiz-control-list-item__right--actions .ibiz-action-toolbar__item{margin:0}.ibiz-control-list-item__right--actions .ibiz-action-toolbar__item--label.is-has-caption{margin:0}.ibiz-control-list-item:has(.ibiz-control-list-item__right){display:flex;justify-content:space-between}.ibiz-control-list-item:has(.ibiz-control-list-item__right) .ibiz-control-list-item__caption{flex:1}.ibiz-control-list-item__new{display:flex;align-items:center;justify-content:center;margin-top:var(--ibiz-control-list-gap);color:var(--ibiz-color-text-3);border:2px dashed var(--ibiz-control-list-item-border-color)}.ibiz-control-list-group-content__item-header{display:flex;align-items:center;justify-content:space-between;width:100%}.ibiz-control-list-scroll-item{display:flex;align-items:center}.ibiz-control-list-scroll-item__checkbox{flex-shrink:0;margin-left:var(--ibiz-control-list-gap)}.ibiz-control-list-scroll-item__icon{flex-shrink:0;margin-left:var(--ibiz-control-list-gap);color:var(--ibiz-control-list-icon-color);cursor:pointer}.ibiz-control-list-scroll-item:hover{background-color:var(--ibiz-control-list-item-hover-bg-color)}.ibiz-control-list-scroll-item:hover .ibiz-control-list__drag-icon{visibility:visible}.ibiz-control-list-scroll-item.is-active{background-color:var(--ibiz-control-list-item-active-bg-color)}.ibiz-control-list-group-style2__header{display:flex;align-items:center;justify-content:center;width:100%}.ibiz-control-list-group-style2__header--title{padding:var(--ibiz-control-list-group-style2-padding);font-size:var(--ibiz-control-list-group-style2-font-size);color:var(--ibiz-control-list-group-style2-text-color)}.ibiz-control-list-group-style2__header::after,.ibiz-control-list-group-style2__header::before{display:block;flex:1;height:1px;margin-top:1px;content:"";border-top:1px solid var(--ibiz-control-list-border-color);transform:translateY(-50%)}.ibiz-control-list-skeleton{padding:var(--ibiz-spacing-tight) 0}.ibiz-control-list-skeleton-item{display:flex;padding-bottom:var(--ibiz-control-list-gap)}.ibiz-control-list-skeleton-item__avatar{flex:none;width:calc(var(--ibiz-spacing-base) * 2 + var(--ibiz-spacing-base-loose) * 3 + var(--ibiz-spacing-base-tight) * 2);padding:0 var(--ibiz-spacing-base);--el-skeleton-circle-size:calc(var(--ibiz-spacing-base-loose) * 3 + var(--ibiz-spacing-base-tight) * 2)}.ibiz-control-list-skeleton-item__avatar .el-skeleton__circle{height:var(--el-skeleton-circle-size)}.ibiz-control-list-skeleton-group__header{margin-bottom:var(--ibiz-control-list-gap)}.ibiz-control-list-skeleton-group-style2__header{display:flex;justify-content:center}
+.ibiz-control-list{--ibiz-control-list-bg-color:transparent;--ibiz-control-list-padding:var(--ibiz-spacing-none);--ibiz-control-list-text-color:var(--ibiz-color-text-0);--ibiz-control-list-icon-color:var(--ibiz-color-text-2);--ibiz-control-list-hover-color:var(--ibiz-color-primary-hover);--ibiz-control-list-icon-size:var(--ibiz-font-size-header-3);--ibiz-control-list-gap:var(--ibiz-spacing-tight);--ibiz-control-list-font-size:var(--ibiz-font-size-regular);--ibiz-control-list-font-weight:var(--ibiz-font-weight-regular);--ibiz-control-list-border-color:var(--ibiz-color-border);--ibiz-control-list-content-bg-color:var(--ibiz-control-list-bg-color);--ibiz-control-list-group-style2-text-color:var(--ibiz-color-disabled-text);--ibiz-control-list-group-style2-padding:0 var(--ibiz-spacing-tight);--ibiz-control-list-group-style2-font-size:var(--ibiz-font-size-regular);--ibiz-control-list-item-gap:var(--ibiz-spacing-extra-tight);--ibiz-control-list-item-bg-color:var(--ibiz-control-list-bg-color);--ibiz-control-list-item-text-color:var(--ibiz-control-list-text-color);--ibiz-control-list-item-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-control-list-item-active-bg-color:var(--ibiz-color-fill-2);--ibiz-control-list-item-border-color:var(--ibiz-control-list-border-color);--ibiz-control-list-item-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-tight);display:flex;flex-flow:column nowrap;align-items:stretch;justify-content:flex-start;position:relative;height:100%;padding:var(--ibiz-control-list-padding);background-color:var(--ibiz-control-list-bg-color)}.ibiz-control-list__drag-icon{cursor:move;visibility:hidden}.ibiz-control-list__nav-icon{position:absolute;top:18px;right:10px;color:var(--ibiz-control-list-icon-color);cursor:pointer}.ibiz-control-list__nav-icon:hover{color:var(--ibiz-control-list-hover-color)}.ibiz-control-list__load-more-button{padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-tight);text-align:center}.ibiz-control-list__quicktoolbar{display:flex;justify-content:center;width:100%}.ibiz-control-list__batchtoolbar{display:none;flex-shrink:0;margin:var(--ibiz-spacing-tight) 0}.ibiz-control-list__batchtoolbar.is-show{display:block}.ibiz-control-list__pagination{flex-shrink:0}.ibiz-control-list .ibiz-control-list-content{flex-grow:1;background-color:var(--ibiz-control-list-content-bg-color)}.ibiz-control-list-content__icon{text-align:center}.ibiz-control-list-content__icon i{font-size:var(--ibiz-control-list-icon-size);color:var(--ibiz-control-list-icon-color);cursor:pointer}.ibiz-control-list-content__icon i:hover{color:var(--ibiz-control-list-hover-color)}.ibiz-control-list-content.is-show-underLine .ibiz-control-list-scroll-item{border-bottom:1px solid var(--ibiz-control-list-border-color)}.ibiz-control-list-content .ibiz-row-detail:last-of-type .ibiz-control-list-scroll-item{border-bottom:none}.ibiz-control-list-scroll{height:100%;overflow:auto}.ibiz-control-list-scroll.is-reverse-scroll .ibiz-control-list__layout-flex{display:flex;flex-direction:column-reverse}.ibiz-control-list-item{flex-grow:1;padding:var(--ibiz-control-list-item-padding);color:var(--ibiz-control-list-item-text-color);cursor:pointer;background-color:var(--ibiz-control-list-item-bg-color)}.ibiz-control-list-item__right{padding:0 var(--ibiz-control-list-item-gap)}.ibiz-control-list-item__right--actions{display:flex;-moz-column-gap:var(--ibiz-control-list-item-gap);column-gap:var(--ibiz-control-list-item-gap);justify-content:center}.ibiz-control-list-item__right--actions .ibiz-action-toolbar__item{margin:0}.ibiz-control-list-item__right--actions .ibiz-action-toolbar__item--label.is-has-caption{margin:0}.ibiz-control-list-item:has(.ibiz-control-list-item__right){display:flex;justify-content:space-between}.ibiz-control-list-item:has(.ibiz-control-list-item__right) .ibiz-control-list-item__caption{flex:1}.ibiz-control-list-item__new{display:flex;align-items:center;justify-content:center;margin-top:var(--ibiz-control-list-gap);color:var(--ibiz-color-text-3);border:2px dashed var(--ibiz-control-list-item-border-color)}.ibiz-control-list-group-content__item-header{display:flex;align-items:center;justify-content:space-between;width:100%}.ibiz-control-list-scroll-item{display:flex;align-items:center}.ibiz-control-list-scroll-item__checkbox{flex-shrink:0;margin-left:var(--ibiz-control-list-gap)}.ibiz-control-list-scroll-item__icon{flex-shrink:0;margin-left:var(--ibiz-control-list-gap);color:var(--ibiz-control-list-icon-color);cursor:pointer}.ibiz-control-list-scroll-item:hover{background-color:var(--ibiz-control-list-item-hover-bg-color)}.ibiz-control-list-scroll-item:hover .ibiz-control-list__drag-icon{visibility:visible}.ibiz-control-list-scroll-item.is-active{background-color:var(--ibiz-control-list-item-active-bg-color)}.ibiz-control-list-group-style2__header{display:flex;align-items:center;justify-content:center;width:100%}.ibiz-control-list-group-style2__header--title{padding:var(--ibiz-control-list-group-style2-padding);font-size:var(--ibiz-control-list-group-style2-font-size);color:var(--ibiz-control-list-group-style2-text-color)}.ibiz-control-list-group-style2__header::after,.ibiz-control-list-group-style2__header::before{display:block;flex:1;height:1px;margin-top:1px;content:"";border-top:1px solid var(--ibiz-control-list-border-color);transform:translateY(-50%)}.ibiz-control-list-skeleton{padding:var(--ibiz-spacing-tight) 0}.ibiz-control-list-skeleton-item{display:flex;padding-bottom:var(--ibiz-control-list-gap)}.ibiz-control-list-skeleton-item__avatar{flex:none;width:calc(var(--ibiz-spacing-base) * 2 + var(--ibiz-spacing-base-loose) * 3 + var(--ibiz-spacing-base-tight) * 2);padding:0 var(--ibiz-spacing-base);--el-skeleton-circle-size:calc(var(--ibiz-spacing-base-loose) * 3 + var(--ibiz-spacing-base-tight) * 2)}.ibiz-control-list-skeleton-item__avatar .el-skeleton__circle{height:var(--el-skeleton-circle-size)}.ibiz-control-list-skeleton-group__header{margin-bottom:var(--ibiz-control-list-gap)}.ibiz-control-list-skeleton-group-style2__header{display:flex;justify-content:center}

package/es/control/list/list.mjs

@@ -240,8 +240,9 @@ const ListControl = /* @__PURE__ */ defineComponent({
     };
     const renderNewItem = (group) => {
       return createVNode("div", {
+        "style": semanticStyle("new"),
         "title": ibiz.i18n.t("app.newlyBuild"),
-        "class": [ns.b("item"), ns.be("item", "new")],
+        "class": [ns.b("item"), ns.be("item", "new"), semanticClass("new")],
         "onClick": (event) => {
           c.onClickNew(event, group == null ? void 0 : group.key);
         }
@@ -307,9 +308,13 @@ const ListControl = /* @__PURE__ */ defineComponent({
       return createVNode("div", {
         "style": {
           ...cardStyle,
-          ...semanticStyle("item")
+          ...semanticStyle("item", {
+            data: [item]
+          })
         },
-        "class": [ns.b("scroll-item"), semanticClass("item"), ns.is("active", isSelected(item))]
+        "class": [ns.b("scroll-item"), semanticClass("item", {
+          data: [item]
+        }), ns.is("active", isSelected(item))]
       }, [c.state.draggable && !c.state.readonly && createVNode("svg", {
         "viewBox": "0 0 16 16",
         "xmlns": "http://www.w3.org/2000/svg",
@@ -328,7 +333,8 @@ const ListControl = /* @__PURE__ */ defineComponent({
         "d": "M1 2a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm4 0a1 1 0 1 1 0-2 1 1 0 0 1 0 2zM1 6a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm4 0a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm-4 4a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm4 0a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm-4 4a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm4 0a1 1 0 1 1 0-2 1 1 0 0 1 0 2z"
       }, null)])])]), c.model.controlStyle === "EXTVIEW2" && !c.state.singleSelect && createVNode(resolveComponent("el-checkbox"), {
         "size": "large",
-        "class": ns.be("scroll-item", "checkbox"),
+        "style": semanticStyle("item.checkbox"),
+        "class": [ns.be("scroll-item", "checkbox"), semanticClass("item.checkbox")],
         "modelValue": isSelected(item),
         "onChange": () => toggleSelection(item)
       }, null), c.model.navAppViewId && c.state.showRowDetail && createVNode("ion-icon", {
@@ -374,9 +380,11 @@ const ListControl = /* @__PURE__ */ defineComponent({
           return createVNode("div", {
             "class": ns.be("group-content", "item-header")
           }, [createVNode("span", {
-            "class": ns.be("group-content", "item-title")
+            "class": [ns.be("group-content", "item-title"), semanticClass("group.title")],
+            "style": semanticStyle("group.title")
           }, [showTitle(group.caption)]), createVNode("span", {
-            "class": ns.be("group-content", "item-action")
+            "class": [ns.be("group-content", "item-action"), semanticStyle("group.action")],
+            "style": semanticStyle("group.action")
           }, [renderGroupAction(group)])]);
         },
         default: () => group.children.length > 0 ? renderListItems(group.children, group, !c.state.draggable) : createVNode("div", {
@@ -395,7 +403,8 @@ const ListControl = /* @__PURE__ */ defineComponent({
         }, [createVNode("div", {
           "class": ns.be("group-style2", "header")
         }, [createVNode("div", {
-          "class": ns.bem("group-style2", "header", "title")
+          "class": [ns.bem("group-style2", "header", "title"), semanticClass("group.title")],
+          "style": semanticStyle("group.title")
         }, [showTitle(group.caption)])]), createVNode("div", {
           "class": ns.be("group-style2", "content")
         }, [group.children.length > 0 ? renderListItems(group.children) : createVNode("div", {
@@ -467,7 +476,8 @@ const ListControl = /* @__PURE__ */ defineComponent({
       if (!ctrlModel)
         return;
       return createVNode("div", {
-        "class": [ns.e("batchtoolbar"), ns.is("show", c.showBatchToolbar)]
+        "class": [ns.e("batchtoolbar"), ns.is("show", c.showBatchToolbar), semanticClass("batchtoolbar")],
+        "style": semanticStyle("batchtoolbar")
       }, [createVNode(resolveComponent("iBizToolbarControl"), {
         "modelData": ctrlModel,
         "context": c.context,

package/es/control/map/map.css

@@ -1 +1 @@
-.ibiz-control-map{--ibiz-control-map-bg-color:transparent;--ibiz-control-map-padding:var(--ibiz-spacing-none);--ibiz-control-map-icon-color:var(--ibiz-color-text-2);--ibiz-control-map-hover-color:var(--ibiz-color-primary-hover);position:relative;width:100%;height:100%}.ibiz-control-map__map{width:100%;height:100%}.ibiz-control-map__nav-icon{position:absolute;top:18px;right:10px;color:var(--ibiz-control-map-icon-color);cursor:pointer}.ibiz-control-map__nav-icon:hover{color:var(--ibiz-control-map-hover-color)}
+.ibiz-control-map{--ibiz-control-map-bg-color:transparent;--ibiz-control-map-padding:var(--ibiz-spacing-none);--ibiz-control-map-icon-color:var(--ibiz-color-text-2);--ibiz-control-map-hover-color:var(--ibiz-color-primary-hover);--ibiz-control-map-goback-gap:6px;--ibiz-control-map-goback-text-color:var(--ibiz-color-link);--ibiz-control-map-goback-font-size:var(--ibiz-font-size-header-4);position:relative;width:100%;height:100%}.ibiz-control-map__map{width:100%;height:100%}.ibiz-control-map__nav-icon{position:absolute;top:18px;right:10px;color:var(--ibiz-control-map-icon-color);cursor:pointer}.ibiz-control-map__nav-icon:hover{color:var(--ibiz-control-map-hover-color)}

package/es/control/search-bar/search-bar.css

@@ -1 +1 @@
-.ibiz-control-searchbar{--ibiz-control-searchbar-font-size:var(--ibiz-font-size-regular);--ibiz-control-searchbar-item-font-size:var(--ibiz-control-searchbar-font-size);--ibiz-control-searchbar-item-padding:var(--ibiz-spacing-tight);--ibiz-control-searchbar-item-gap:var(--ibiz-spacing-tight);--ibiz-control-searchbar-item-icon-gap:var(--ibiz-spacing-extra-tight);--ibiz-control-searchbar-item-active-color:var(--ibiz-color-primary);--ibiz-control-searchbar-item-counter-gap:var(--ibiz-spacing-tight);--ibiz-control-searchbar-group-more-font-size:var(--ibiz-control-searchbar-font-size);--ibiz-control-searchbar-group-more-padding:var(--ibiz-spacing-tight);--ibiz-control-searchbar-group-more-gap:var(--ibiz-spacing-extra-tight);--ibiz-control-searchbar-group-more-active-color:var(--ibiz-color-primary);--ibiz-control-searchbar-save-gap:var(--ibiz-spacing-base-tight);--ibiz-control-searchbar-input-font-size:var(--ibiz-control-searchbar-font-size);--ibiz-control-searchbar-input-width:220px;--ibiz-control-searchbar-input-gap:var(--ibiz-spacing-base-tight);--ibiz-control-searchbar-input-bg-color:var(--ibiz-color-bg-1);--ibiz-control-searchbar-input-border-radius:var(--ibiz-border-radius-small);--ibiz-control-searchbar-filter-margin:0 var(--ibiz-spacing-extra-tight) 0 var(--ibiz-spacing-base-tight);display:flex;align-items:center;justify-content:flex-start;height:100%}.ibiz-control-searchbar__counter{margin-left:var(--ibiz-control-searchbar-item-counter-gap)}.ibiz-control-searchbar .ibiz-control-searchbar-quick-search{width:var(--ibiz-control-searchbar-input-width);margin-left:var(--ibiz-control-searchbar-input-gap);font-size:var(--ibiz-control-searchbar-input-font-size);background:var(--ibiz-control-searchbar-input-bg-color);border-radius:var(--ibiz-control-searchbar-input-border-radius)}.ibiz-control-searchbar .ibiz-control-searchbar-quick-search .el-input-group__prepend,.ibiz-control-searchbar .ibiz-control-searchbar-quick-search.el-input-group__append{padding:var(--ibiz-spacing-none)}.ibiz-control-searchbar .ibiz-control-searchbar-quick-search.is-advanced-quick-search .el-input-group__prepend+.el-input__wrapper{border-radius:0 var(--ibiz-control-searchbar-input-border-radius) var(--ibiz-control-searchbar-input-border-radius) 0}.ibiz-control-searchbar .ibiz-control-searchbar-quick-group{display:flex;align-items:center;height:100%;overflow-x:auto;white-space:nowrap}.ibiz-control-searchbar .ibiz-control-searchbar-quick-group .ibiz-control-searchbar-quick-group-item{position:relative;display:flex;align-items:center;height:auto;padding:var(--ibiz-control-searchbar-item-padding);font-size:var(--ibiz-control-searchbar-item-font-size);cursor:pointer}.ibiz-control-searchbar-quick-group-item__icon{display:flex;align-items:center;justify-content:center;margin-right:var(--ibiz-control-searchbar-item-icon-gap)}.ibiz-control-searchbar .ibiz-control-searchbar-quick-group .ibiz-control-searchbar-quick-group-item.is-selected::after{position:absolute;bottom:2px;left:var(--ibiz-control-searchbar-item-padding);width:calc(100% - 2 * var(--ibiz-control-searchbar-item-padding));height:2px;content:"";background-color:var(--ibiz-control-searchbar-item-active-color)}.ibiz-control-searchbar .ibiz-control-searchbar-quick-group .ibiz-control-searchbar-quick-group-item:hover{color:var(--ibiz-control-searchbar-item-active-color)}.ibiz-control-searchbar .el-input__icon{cursor:pointer}.ibiz-control-searchbar-filter{margin:var(--ibiz-control-searchbar-filter-margin)}.ibiz-control-searchbar-save{margin-left:var(--ibiz-control-searchbar-save-gap)}
+.ibiz-control-searchbar{--ibiz-control-searchbar-font-size:var(--ibiz-font-size-regular);--ibiz-control-searchbar-group-item-font-size:var(--ibiz-control-searchbar-font-size);--ibiz-control-searchbar-group-item-padding:var(--ibiz-spacing-tight);--ibiz-control-searchbar-group-item-gap:var(--ibiz-spacing-tight);--ibiz-control-searchbar-group-item-icon-gap:var(--ibiz-spacing-extra-tight);--ibiz-control-searchbar-group-item-active-color:var(--ibiz-color-primary);--ibiz-control-searchbar-counter-gap:var(--ibiz-spacing-tight);--ibiz-control-searchbar-more-font-size:var(--ibiz-control-searchbar-font-size);--ibiz-control-searchbar-more-padding:var(--ibiz-spacing-tight);--ibiz-control-searchbar-more-gap:var(--ibiz-spacing-extra-tight);--ibiz-control-searchbar-more-active-color:var(--ibiz-color-primary);--ibiz-control-searchbar-save-gap:var(--ibiz-spacing-base-tight);--ibiz-control-searchbar-search-font-size:var(--ibiz-control-searchbar-font-size);--ibiz-control-searchbar-search-width:220px;--ibiz-control-searchbar-search-gap:var(--ibiz-spacing-base-tight);--ibiz-control-searchbar-search-bg-color:var(--ibiz-color-bg-1);--ibiz-control-searchbar-search-border-radius:var(--ibiz-border-radius-small);--ibiz-control-searchbar-filter-margin:0 var(--ibiz-spacing-extra-tight) 0 var(--ibiz-spacing-base-tight);display:flex;align-items:center;justify-content:flex-start;height:100%}.ibiz-control-searchbar__counter{margin-left:var(--ibiz-control-searchbar-counter-gap)}.ibiz-control-searchbar .ibiz-control-searchbar-quick-search{width:var(--ibiz-control-searchbar-search-width);margin-left:var(--ibiz-control-searchbar-search-gap);font-size:var(--ibiz-control-searchbar-search-font-size);background:var(--ibiz-control-searchbar-search-bg-color);border-radius:var(--ibiz-control-searchbar-search-border-radius)}.ibiz-control-searchbar .ibiz-control-searchbar-quick-search .el-input-group__prepend,.ibiz-control-searchbar .ibiz-control-searchbar-quick-search.el-input-group__append{padding:var(--ibiz-spacing-none)}.ibiz-control-searchbar .ibiz-control-searchbar-quick-search.is-advanced-quick-search .el-input-group__prepend+.el-input__wrapper{border-radius:0 var(--ibiz-control-searchbar-search-border-radius) var(--ibiz-control-searchbar-search-border-radius) 0}.ibiz-control-searchbar .ibiz-control-searchbar-quick-group{display:flex;align-items:center;height:100%;overflow-x:auto;white-space:nowrap}.ibiz-control-searchbar .ibiz-control-searchbar-quick-group .ibiz-control-searchbar-quick-group-item{position:relative;display:flex;align-items:center;height:auto;padding:var(--ibiz-control-searchbar-group-item-padding);font-size:var(--ibiz-control-searchbar-group-item-font-size);cursor:pointer}.ibiz-control-searchbar-quick-group-item__icon{display:flex;align-items:center;justify-content:center;margin-right:var(--ibiz-control-searchbar-group-item-icon-gap)}.ibiz-control-searchbar .ibiz-control-searchbar-quick-group .ibiz-control-searchbar-quick-group-item.is-selected::after{position:absolute;bottom:2px;left:var(--ibiz-control-searchbar-group-item-padding);width:calc(100% - 2 * var(--ibiz-control-searchbar-group-item-padding));height:2px;content:"";background-color:var(--ibiz-control-searchbar-group-item-active-color)}.ibiz-control-searchbar .ibiz-control-searchbar-quick-group .ibiz-control-searchbar-quick-group-item:hover{color:var(--ibiz-control-searchbar-group-item-active-color)}.ibiz-control-searchbar .el-input__icon{cursor:pointer}.ibiz-control-searchbar-filter{margin:var(--ibiz-control-searchbar-filter-margin)}.ibiz-control-searchbar-save{margin-left:var(--ibiz-control-searchbar-save-gap)}

package/es/control/search-bar/search-bar.mjs

@@ -187,13 +187,17 @@ const SearchBarControl = /* @__PURE__ */ defineComponent({
             return null;
           }
           return createVNode("span", {
-            "class": [this.ns.b("quick-group-item"), this.ns.is("selected", ((_a2 = this.c.state.selectedGroupItem) == null ? void 0 : _a2.id) === groupItem.id), this.semanticClass("group.item")],
-            "style": this.semanticStyle("group.item"),
+            "class": [this.ns.b("quick-group-item"), this.ns.is("selected", ((_a2 = this.c.state.selectedGroupItem) == null ? void 0 : _a2.id) === groupItem.id), this.semanticClass("groupitem", groupItem)],
+            "style": this.semanticStyle("groupitem", groupItem),
             "onClick": () => this.onGroupClick(groupItem)
           }, [groupItem.sysImage && createVNode(resolveComponent("iBizIcon"), {
             "icon": groupItem.sysImage,
-            "class": this.ns.be("quick-group-item", "icon")
-          }, null), groupItem.caption, groupItem.counterId && createVNode(resolveComponent("iBizBadge"), {
+            "class": [this.ns.be("quick-group-item", "icon"), this.semanticClass("groupitem.icon", groupItem)],
+            "style": this.semanticStyle("groupitem.icon", groupItem)
+          }, null), createVNode("span", {
+            "class": [this.ns.be("quick-group-item", "caption"), this.semanticClass("groupitem.caption", groupItem)],
+            "style": this.semanticStyle("groupitem.caption", groupItem)
+          }, [groupItem.caption]), groupItem.counterId && createVNode(resolveComponent("iBizBadge"), {
             "class": [this.ns.e("counter"), this.semanticClass("counter")],
             "style": this.semanticStyle("counter"),
             "value": this.counterData[groupItem.counterId],
@@ -211,8 +215,8 @@ const SearchBarControl = /* @__PURE__ */ defineComponent({
         }), this.c.model.enableQuickSearch && createVNode(resolveComponent("el-input"), {
           "modelValue": this.c.state.query,
           "onUpdate:modelValue": ($event) => this.c.state.query = $event,
-          "class": [this.ns.b("quick-search"), this.ns.is("advanced-quick-search", this.c.state.advancedQuickSearch), this.semanticClass("input")],
-          "style": this.semanticStyle("input"),
+          "class": [this.ns.b("quick-search"), this.ns.is("advanced-quick-search", this.c.state.advancedQuickSearch), this.semanticClass("search")],
+          "style": this.semanticStyle("search"),
           "placeholder": this.c.state.quickSearchPlaceHolder,
           "clearable": true,
           "onKeydown": this.onKeydown,

package/es/control/search-bar/search-groups/search-groups.css

@@ -1 +1 @@
-.ibiz-search-groups{display:flex;align-items:center;justify-content:flex-start;height:100%}.ibiz-search-groups__counter{margin-left:var(--ibiz-control-searchbar-item-counter-gap)}.ibiz-search-groups .ibiz-search-groups-quick-group-item{position:relative;display:inline-block;height:100%;padding:var(--ibiz-control-searchbar-item-padding);margin-right:var(--ibiz-control-searchbar-item-gap);font-size:var(--ibiz-control-searchbar-item-font-size);cursor:pointer}.ibiz-search-groups .ibiz-search-groups-quick-group-item.is-selected::after{position:absolute;bottom:2px;left:0;width:100%;height:2px;content:"";background-color:var(--ibiz-control-searchbar-item-active-color)}.ibiz-search-groups .ibiz-search-groups-quick-group-item:hover{color:var(--ibiz-control-searchbar-item-active-color)}.ibiz-search-groups-dropdown .el-dropdown-menu__item{width:180px;display:flex;align-items:center;justify-content:space-b}.ibiz-search-groups-dropdown .el-dropdown-menu__item .ibiz-search-groups-item-caption{display:inline-block;flex:1;margin:0 var(--ibiz-spacing-tight);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-search-groups-more{display:flex;align-items:center;justify-content:flex-start;padding:var(--ibiz-control-searchbar-more-padding);font-size:var(--ibiz-control-searchbar-more-font-size);cursor:pointer}.ibiz-search-groups-more:hover{color:var(--ibiz-color-primary)}.ibiz-search-groups-more>ion-icon{margin-left:var(--ibiz-control-searchbar-more-gap)}.ibiz-search-groups-more.is-selected::after{position:absolute;bottom:0;left:0;width:100%;height:2px;content:"";background-color:var(--ibiz-control-searchbar-more-active-color)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-top{display:flex;align-items:center;justify-content:space-between}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-top .ibiz-search-groups-content-top-left{display:flex;align-items:center;justify-content:flex-start}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-top .ibiz-search-groups-content-top-left>ion-icon{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-top .ibiz-search-groups-content-top-right ion-icon{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom{width:100%;margin-top:var(--ibiz-spacing-base);border:1px solid var(--ibiz-color-border)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-header{display:flex;align-items:center;justify-content:flex-start;width:100%;background-color:var(--ibiz-color-tertiary-light-hover)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-header .ibiz-search-groups-name{width:40%;padding:var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-header .ibiz-search-groups-show{width:30%;padding:var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-header .ibiz-search-groups-action{width:30%;padding:var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-body .ibiz-search-groups-table-row{position:relative;cursor:pointer;border-bottom:1px solid var(--ibiz-color-border)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-body .ibiz-search-groups-table-row:nth-last-child(1){border-bottom:none}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-body .ibiz-search-groups-table-row{display:flex;align-items:center;justify-content:flex-start}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-body .ibiz-search-groups-table-row .ibiz-search-groups-name{width:40%;padding:var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-body .ibiz-search-groups-table-row .ibiz-search-groups-show{width:30%;padding:var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-body .ibiz-search-groups-table-row .ibiz-search-groups-action{width:30%;padding:var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-body .ibiz-search-groups-table-row .ibiz-search-groups-action .el-link{margin-right:var(--ibiz-spacing-loose)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-body .ibiz-search-groups-table-row:hover{background-color:var(--ibiz-color-primary-light-default)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-body .ibiz-search-groups-table-row-ghost{background-color:var(--ibiz-color-primary-light-default);opacity:.5}.ibiz-search-groups-new-dialog .ibiz-search-groups-new-dialog-footer .ibiz-search-groups-cancel-btn{color:var(--ibiz-color-text-3);background-color:transparent}.ibiz-search-groups-new-dialog .ibiz-search-groups-new-dialog-footer .ibiz-search-groups-cancel-btn:hover{color:var(--ibiz-color-primary);background-color:transparent}.ibiz-search-groups-edit-dialog .ibiz-search-groups-edit-dialog-footer .ibiz-search-groups-cancel-btn{color:var(--ibiz-color-text-3);background-color:transparent}.ibiz-search-groups-edit-dialog .ibiz-search-groups-edit-dialog-footer .ibiz-search-groups-cancel-btn:hover{color:var(--ibiz-color-primary);background-color:transparent}.ibiz-search-groups-remove-dialog .ibiz-search-groups-remove-dialog-content{margin-bottom:var(--ibiz-spacing-base)}.ibiz-search-groups-remove-dialog .ibiz-search-groups-remove-dialog-content>span{padding:var(--ibiz-spacing-super-tight) var(--ibiz-spacing-tight);margin:0 var(--ibiz-spacing-tight);color:var(--ibiz-color-danger-text);background-color:var(--ibiz-color-danger);border-radius:var(--ibiz-border-radius-small)}.ibiz-search-groups-remove-dialog .ibiz-search-groups-remove-dialog-tip{color:var(--ibiz-color-text-3)}.ibiz-search-groups-remove-confirm-btn.el-button{background-color:var(--ibiz-color-danger)}.ibiz-search-groups-remove-confirm-btn:hover{background-color:var(--ibiz-color-danger-hover)}.ibiz-search-groups-remove-cancel-btn{color:var(--ibiz-color-text-3);background-color:transparent}.ibiz-search-groups-remove-cancel-btn:hover{color:var(--ibiz-color-primary);background-color:transparent}
+.ibiz-search-groups{display:flex;align-items:center;justify-content:flex-start;height:100%}.ibiz-search-groups__counter{margin-left:var(--ibiz-control-searchbar-counter-gap)}.ibiz-search-groups .ibiz-search-groups-quick-group-item{position:relative;display:inline-block;height:100%;padding:var(--ibiz-control-searchbar-group-item-padding);margin-right:var(--ibiz-control-searchbar-group-item-gap);font-size:var(--ibiz-control-searchbar-group-item-font-size);cursor:pointer}.ibiz-search-groups .ibiz-search-groups-quick-group-item.is-selected::after{position:absolute;bottom:2px;left:0;width:100%;height:2px;content:"";background-color:var(--ibiz-control-searchbar-group-item-active-color)}.ibiz-search-groups .ibiz-search-groups-quick-group-item:hover{color:var(--ibiz-control-searchbar-group-item-active-color)}.ibiz-search-groups-dropdown .el-dropdown-menu__item{width:180px;display:flex;align-items:center;justify-content:space-b}.ibiz-search-groups-dropdown .el-dropdown-menu__item .ibiz-search-groups-item-caption{display:inline-block;flex:1;margin:0 var(--ibiz-spacing-tight);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-search-groups-more{display:flex;align-items:center;justify-content:flex-start;padding:var(--ibiz-control-searchbar-more-padding);font-size:var(--ibiz-control-searchbar-more-font-size);cursor:pointer}.ibiz-search-groups-more:hover{color:var(--ibiz-color-primary)}.ibiz-search-groups-more>ion-icon{margin-left:var(--ibiz-control-searchbar-more-gap)}.ibiz-search-groups-more.is-selected::after{position:absolute;bottom:0;left:0;width:100%;height:2px;content:"";background-color:var(--ibiz-control-searchbar-more-active-color)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-top{display:flex;align-items:center;justify-content:space-between}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-top .ibiz-search-groups-content-top-left{display:flex;align-items:center;justify-content:flex-start}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-top .ibiz-search-groups-content-top-left>ion-icon{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-top .ibiz-search-groups-content-top-right ion-icon{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom{width:100%;margin-top:var(--ibiz-spacing-base);border:1px solid var(--ibiz-color-border)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-header{display:flex;align-items:center;justify-content:flex-start;width:100%;background-color:var(--ibiz-color-tertiary-light-hover)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-header .ibiz-search-groups-name{width:40%;padding:var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-header .ibiz-search-groups-show{width:30%;padding:var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-header .ibiz-search-groups-action{width:30%;padding:var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-body .ibiz-search-groups-table-row{position:relative;cursor:pointer;border-bottom:1px solid var(--ibiz-color-border)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-body .ibiz-search-groups-table-row:nth-last-child(1){border-bottom:none}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-body .ibiz-search-groups-table-row{display:flex;align-items:center;justify-content:flex-start}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-body .ibiz-search-groups-table-row .ibiz-search-groups-name{width:40%;padding:var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-body .ibiz-search-groups-table-row .ibiz-search-groups-show{width:30%;padding:var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-body .ibiz-search-groups-table-row .ibiz-search-groups-action{width:30%;padding:var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-body .ibiz-search-groups-table-row .ibiz-search-groups-action .el-link{margin-right:var(--ibiz-spacing-loose)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-body .ibiz-search-groups-table-row:hover{background-color:var(--ibiz-color-primary-light-default)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-body .ibiz-search-groups-table-row-ghost{background-color:var(--ibiz-color-primary-light-default);opacity:.5}.ibiz-search-groups-new-dialog .ibiz-search-groups-new-dialog-footer .ibiz-search-groups-cancel-btn{color:var(--ibiz-color-text-3);background-color:transparent}.ibiz-search-groups-new-dialog .ibiz-search-groups-new-dialog-footer .ibiz-search-groups-cancel-btn:hover{color:var(--ibiz-color-primary);background-color:transparent}.ibiz-search-groups-edit-dialog .ibiz-search-groups-edit-dialog-footer .ibiz-search-groups-cancel-btn{color:var(--ibiz-color-text-3);background-color:transparent}.ibiz-search-groups-edit-dialog .ibiz-search-groups-edit-dialog-footer .ibiz-search-groups-cancel-btn:hover{color:var(--ibiz-color-primary);background-color:transparent}.ibiz-search-groups-remove-dialog .ibiz-search-groups-remove-dialog-content{margin-bottom:var(--ibiz-spacing-base)}.ibiz-search-groups-remove-dialog .ibiz-search-groups-remove-dialog-content>span{padding:var(--ibiz-spacing-super-tight) var(--ibiz-spacing-tight);margin:0 var(--ibiz-spacing-tight);color:var(--ibiz-color-danger-text);background-color:var(--ibiz-color-danger);border-radius:var(--ibiz-border-radius-small)}.ibiz-search-groups-remove-dialog .ibiz-search-groups-remove-dialog-tip{color:var(--ibiz-color-text-3)}.ibiz-search-groups-remove-confirm-btn.el-button{background-color:var(--ibiz-color-danger)}.ibiz-search-groups-remove-confirm-btn:hover{background-color:var(--ibiz-color-danger-hover)}.ibiz-search-groups-remove-cancel-btn{color:var(--ibiz-color-text-3);background-color:transparent}.ibiz-search-groups-remove-cancel-btn:hover{color:var(--ibiz-color-primary);background-color:transparent}

package/es/control/search-bar/search-groups/search-groups.mjs

@@ -207,10 +207,13 @@ const SearchGroups = /* @__PURE__ */ defineComponent({
         return null;
       }
       return createVNode("span", {
-        "class": [this.ns.b("quick-group-item"), this.ns.is("selected", ((_a2 = this.c.state.selectedSearchGroupItem) == null ? void 0 : _a2.name) === groupItem.name), this.semanticClass("group.item")],
-        "style": this.semanticStyle("group.item"),
+        "class": [this.ns.b("quick-group-item"), this.ns.is("selected", ((_a2 = this.c.state.selectedSearchGroupItem) == null ? void 0 : _a2.name) === groupItem.name), this.semanticClass("groupitem", groupItem)],
+        "style": this.semanticStyle("groupitem", groupItem),
         "onClick": () => this.onGroupClick(groupItem)
-      }, [groupItem.caption || groupItem.name, groupItem.counterId && createVNode(resolveComponent("iBizBadge"), {
+      }, [createVNode("span", {
+        "class": [this.ns.be("quick-group-item", "caption"), this.semanticClass("groupitem.caption", groupItem)],
+        "style": this.semanticStyle("groupitem.caption", groupItem)
+      }, [groupItem.caption || groupItem.name]), groupItem.counterId && createVNode(resolveComponent("iBizBadge"), {
         "class": [this.ns.e("counter"), this.semanticClass("counter")],
         "style": this.semanticStyle("counter"),
         "value": this.counterData[groupItem.counterId],

package/es/control/tab-exp-panel/tab-exp-panel.css

@@ -1 +1 @@
-.ibiz-control-tabexppanel{--ibiz-control-tabexppanel-bg-color:transparent;--ibiz-control-tabexppanel-padding:var(--ibiz-spacing-none);--ibiz-control-tabexppanel-item-font-size:var(--ibiz-font-size-regular);--ibiz-control-tabexppanel-item-text-color:var(--ibiz-color-text-2);--ibiz-control-tabexppanel-item-hover-color:var(--ibiz-color-text-0);--ibiz-control-tabexppanel-item-active-color:var(--ibiz-color-primary);--ibiz-control-tabexppanel-item-padding:var(--ibiz-spacing-base);--ibiz-control-tabexppanel-content-gap:var(--ibiz-spacing-base);padding:var(--ibiz-control-tabexppanel-padding);background-color:var(--ibiz-control-tabexppanel-bg-color)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header{margin:var(--ibiz-spacing-none)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap{margin:var(--ibiz-spacing-none)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__active-bar{background-color:var(--ibiz-control-tabexppanel-item-active-color)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item{font-size:var(--ibiz-control-tabexppanel-item-font-size);color:var(--ibiz-control-tabexppanel-item-color)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item:hover{color:var(--ibiz-control-tabexppanel-item-hover-color)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item.is-active{color:var(--ibiz-control-tabexppanel-item-active-color)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item.is-top:last-child{padding-right:var(--ibiz-spacing-none)}.ibiz-control-tabexppanel .el-tabs.el-tabs--bottom,.ibiz-control-tabexppanel .el-tabs.el-tabs--top{padding-left:var(--ibiz-control-tabexppanel-content-gap)}.ibiz-control-tabexppanel .el-tabs__item{padding:var(--ibiz-control-tabexppanel-item-padding)}.ibiz-control-tabexppanel__counter{margin-left:var(--ibiz-spacing-tight)}
+.ibiz-control-tabexppanel{--ibiz-control-tabexppanel-bg-color:transparent;--ibiz-control-tabexppanel-padding:var(--ibiz-spacing-none);--ibiz-control-tabexppanel-item-font-size:var(--ibiz-font-size-regular);--ibiz-control-tabexppanel-item-text-color:var(--ibiz-color-text-2);--ibiz-control-tabexppanel-item-hover-color:var(--ibiz-color-text-0);--ibiz-control-tabexppanel-item-active-color:var(--ibiz-color-primary);--ibiz-control-tabexppanel-item-padding:var(--ibiz-spacing-base);--ibiz-control-tabexppanel-item-gap:var(--ibiz-spacing-extra-tight);--ibiz-control-tabexppanel-content-gap:var(--ibiz-spacing-base);padding:var(--ibiz-control-tabexppanel-padding);background-color:var(--ibiz-control-tabexppanel-bg-color)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header{margin:var(--ibiz-spacing-none)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap{margin:var(--ibiz-spacing-none)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__active-bar{background-color:var(--ibiz-control-tabexppanel-item-active-color)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item{font-size:var(--ibiz-control-tabexppanel-item-font-size);color:var(--ibiz-control-tabexppanel-item-color)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item:hover{color:var(--ibiz-control-tabexppanel-item-hover-color)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item.is-active{color:var(--ibiz-control-tabexppanel-item-active-color)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item.is-top:last-child{padding-right:var(--ibiz-spacing-none)}.ibiz-control-tabexppanel .el-tabs.el-tabs--bottom,.ibiz-control-tabexppanel .el-tabs.el-tabs--top{padding-left:var(--ibiz-control-tabexppanel-content-gap)}.ibiz-control-tabexppanel .el-tabs__item{padding:var(--ibiz-control-tabexppanel-item-padding)}.ibiz-control-tabexppanel__item{display:flex;gap:var(--ibiz-control-tabexppanel-item-gap);align-items:center}

package/es/control/tab-exp-panel/tab-exp-panel.mjs

@@ -124,8 +124,13 @@ const TabExpPanelControl = /* @__PURE__ */ defineComponent({
             return createVNode("span", {
               "class": [...tab.class, this.ns.e("item")]
             }, [this.c.isShowIcon && createVNode(resolveComponent("iBizIcon"), {
-              "icon": tab.sysImage
-            }, null), this.c.isShowCaption && tab.caption, !isNil(counterNum) && createVNode(resolveComponent("iBizBadge"), {
+              "icon": tab.sysImage,
+              "style": this.semanticStyle("item.icon"),
+              "class": [this.ns.em("item", "icon"), this.semanticClass("item.icon")]
+            }, null), createVNode("span", {
+              "class": [this.ns.em("item", "caption"), this.semanticClass("item.caption")],
+              "style": this.semanticStyle("item.caption")
+            }, [this.c.isShowCaption && tab.caption]), !isNil(counterNum) && createVNode(resolveComponent("iBizBadge"), {
               "class": [this.ns.e("counter"), this.semanticClass("item.counter")],
               "style": this.semanticStyle("item.counter"),
               "value": counterNum

package/es/editor/ai-chat/embed-ai-chat/embed-ai-chat.mjs

@@ -19,7 +19,7 @@ const IBizEmbedAIChat = /* @__PURE__ */ defineComponent({
       if (!appDataEntityId || !c.deACMode || !chatInstance)
         return;
       const topicId = createUUID();
-      const sessionid = ibiz.aiChatUtil.getChatSessionId("TOPIC", topicId);
+      const sessionid = ibiz.aiChatUtil.getChatSessionId("TOPIC", topicId, c.params.srfattachtimestamp !== "false");
       const tempParams = {
         ...c.params,
         ...{

package/es/util/ai-chat-util/ai-chat-util.mjs

@@ -1269,9 +1269,8 @@ class AIChatUtil {
   }
   /**
    * 获取会话标识(TOPIC:适用于多话题场景；INLINE：适用于ai行内会话场景；TEMP：适用于传统ai编辑器会话场景)
-   * @param sessionID
    */
-  getChatSessionId(type, sessionID) {
+  getChatSessionId(type, topicID, attachTimeStamp) {
     let tempSessionID = "";
     switch (type) {
       case "TOPIC":
@@ -1287,7 +1286,12 @@ class AIChatUtil {
         tempSessionID += this.UNKOWN_CHAT_SUFFIX;
         break;
     }
-    tempSessionID += "@".concat(sessionID || createUUID(), "@").concat((/* @__PURE__ */ new Date()).getTime());
+    tempSessionID += "@".concat(topicID || createUUID());
+    if (attachTimeStamp !== false) {
+      tempSessionID += "@".concat((/* @__PURE__ */ new Date()).getTime());
+    } else {
+      tempSessionID += "@0";
+    }
     return tempSessionID;
   }
   /**

package/es/util/app-util/app-util.mjs

@@ -234,7 +234,11 @@ class AppUtil {
     const appDataEntityName = calcDeCodeNameById(appDataEntityId);
     let topicId = "".concat(appDataEntityId, "@").concat(appDEACModeId, "@");
     topicId += context[appDataEntityName] ? context[appDataEntityName] : "default";
-    const sessionid = ibiz.aiChatUtil.getChatSessionId("TOPIC", topicId);
+    const sessionid = ibiz.aiChatUtil.getChatSessionId(
+      "TOPIC",
+      topicId,
+      params.srfattachtimestamp !== "false"
+    );
     const tempParams = { ...params, ...{ srfactag: deACMode.codeName } };
     const { zIndex } = useUIStore();
     const containerZIndex = zIndex.increment();

package/lib/common/anchor-container/anchor-bar-list/anchor-bar-list.cjs

@@ -21,6 +21,15 @@ const IBizAnchorBarList = /* @__PURE__ */ vue.defineComponent({
     selected: {
       type: String,
       default: ""
+    },
+    semantic: {
+      type: Object,
+      default: () => ({
+        "anchor.item": {
+          class: "",
+          style: ""
+        }
+      })
     }
   },
   emits: ["select"],
@@ -39,7 +48,8 @@ const IBizAnchorBarList = /* @__PURE__ */ vue.defineComponent({
       }
       return props.anchorList.map((item) => {
         return vue.createVNode("div", {
-          "class": [ns.e("item"), ns.is("selected", select.value === item.id)],
+          "class": [ns.e("item"), ns.is("selected", select.value === item.id), props.semantic["anchor.item"].class],
+          "style": props.semantic["anchor.item"].style,
           "title": item.title,
           "onClick": () => onSelect(item.id)
         }, [vue.createVNode("div", {

package/lib/common/anchor-container/anchor-container.cjs

@@ -27,6 +27,19 @@ const IBizAnchorContainer = /* @__PURE__ */ vue.defineComponent({
       type: Object,
       default: () => {
       }
+    },
+    semantic: {
+      type: Object,
+      default: () => ({
+        anchor: {
+          class: "",
+          style: ""
+        },
+        "anchor.item": {
+          class: "",
+          style: ""
+        }
+      })
     }
   },
   setup(props) {
@@ -140,14 +153,15 @@ const IBizAnchorContainer = /* @__PURE__ */ vue.defineComponent({
     return vue.createVNode("div", {
       "class": [this.ns.b(), this.ns.is("".concat(this.navBarPos.toLowerCase()), true), this.ns.is("broadside", this.navBarPos !== "USER" && this.navBarPos !== "USER2"), this.ns.is("usermode", this.navBarPos === "USER" || this.navBarPos === "USER2"), this.ns.b("".concat(this.navBarStyle || "default").toLowerCase())]
     }, [vue.createVNode("div", {
-      "class": [this.ns.e("anchor"), this.navBarSysCss],
-      "style": this.style()
+      "class": [this.ns.e("anchor"), this.navBarSysCss, this.semantic.anchor.class],
+      "style": [this.style(), this.semantic.anchor.style]
     }, [vue.createVNode(anchorBarList.IBizAnchorBarList, {
       "anchorList": this.anchorList,
       "navBarStyle": this.navBarStyle,
       "navBarPos": this.navBarPos,
       "selected": this.selected,
-      "onSelect": this.onSelect
+      "onSelect": this.onSelect,
+      "semantic": this.semantic
     }, null)]), vue.createVNode("div", {
       "class": this.ns.e("content")
     }, [(_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)])]);

package/lib/common/map-chart/map-chart.css

@@ -1 +1 @@
-.ibiz-map-chart{--ibiz-control-map-goback-gap:6px;--ibiz-control-map-goback-size:100px;--ibiz-control-map-goback-text-color:var(--ibiz-color-link);--ibiz-control-map-goback-font-size:var(--ibiz-font-size-header-4);position:relative;min-width:300px;min-height:300px}.ibiz-map-chart__chart{width:100%;height:100%}.ibiz-map-chart__goback{position:absolute;top:60px;right:0;width:var(--ibiz-control-map-goback-size);height:var(--ibiz-control-map-goback-size);font-size:var(--ibiz-control-map-goback-font-size);color:var(--ibiz-control-map-goback-text-color);text-decoration:underline;letter-spacing:var(--ibiz-control-map-goback-gap);cursor:pointer}
+.ibiz-map-chart{position:relative;min-width:300px;min-height:300px}.ibiz-map-chart__chart{width:100%;height:100%}.ibiz-map-chart__goback{position:absolute;top:60px;right:50px;font-size:var(--ibiz-control-map-goback-font-size);color:var(--ibiz-control-map-goback-text-color);text-decoration:underline;letter-spacing:var(--ibiz-control-map-goback-gap);cursor:pointer}

package/lib/common/map-chart-user/map-chart-user.css

@@ -1 +1 @@
-.ibiz-map-chart-user{--ibiz-control-map-goback-gap:6px;--ibiz-control-map-goback-size:100px;--ibiz-control-map-goback-text-color:var(--ibiz-color-link);--ibiz-control-map-goback-font-size:var(--ibiz-font-size-header-4);--ibiz-control-map-fullscreen-position:var(--ibiz-spacing-tight);position:relative;min-width:300px;min-height:300px}.ibiz-map-chart-user__chart{width:100%;height:100%}.ibiz-map-chart-user__goback{position:absolute;top:60px;right:0;width:var(--ibiz-control-map-goback-size);height:var(--ibiz-control-map-goback-size);font-size:var(--ibiz-control-map-goback-font-size);color:var(--ibiz-control-map-goback-text-color);text-decoration:underline;letter-spacing:var(--ibiz-control-map-goback-gap);cursor:pointer}.ibiz-map-chart-user__fullscreen{position:absolute;top:var(--ibiz-control-map-fullscreen-position);right:var(--ibiz-control-map-fullscreen-position);z-index:9}.ibiz-map-chart-user__popper{padding:var(--ibiz-spacing-tight);white-space:pre}
+.ibiz-map-chart-user{--ibiz-control-map-fullscreen-position:var(--ibiz-spacing-tight);position:relative;min-width:300px;min-height:300px}.ibiz-map-chart-user__chart{width:100%;height:100%}.ibiz-map-chart-user__goback{position:absolute;top:60px;right:50px;font-size:var(--ibiz-control-map-goback-font-size);color:var(--ibiz-control-map-goback-text-color);text-decoration:underline;letter-spacing:var(--ibiz-control-map-goback-gap);cursor:pointer}.ibiz-map-chart-user__fullscreen{position:absolute;top:var(--ibiz-control-map-fullscreen-position);right:var(--ibiz-control-map-fullscreen-position);z-index:9}.ibiz-map-chart-user__popper{padding:var(--ibiz-spacing-tight);white-space:pre}