@ibiz-template/vue3-components 0.7.38-alpha.12 → 0.7.38-alpha.31

package/es/control/dashboard/custom-dashboard-container/custom-dashboard-container.d.ts

@@ -43,6 +43,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
             codeName?: string | undefined;
             controlStyle?: string | undefined;
             controlType?: string | undefined;
+            dynaSysMode?: number | undefined;
             height?: number | undefined;
             logicName?: string | undefined;
             appDataEntityId?: string | undefined;
@@ -298,6 +299,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                     mobilePanel?: boolean | undefined;
                     controlStyle?: string | undefined;
                     controlType?: string | undefined;
+                    dynaSysMode?: number | undefined;
                     height?: number | undefined;
                     logicName?: string | undefined;
                     appDataEntityId?: string | undefined;
@@ -724,6 +726,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                         codeName?: string | undefined;
                         controlStyle?: string | undefined;
                         controlType?: string | undefined;
+                        dynaSysMode?: number | undefined;
                         height?: number | undefined;
                         logicName?: string | undefined;
                         appDataEntityId?: string | undefined;
@@ -1255,6 +1258,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                 codeName?: string | undefined;
                 controlStyle?: string | undefined;
                 controlType?: string | undefined;
+                dynaSysMode?: number | undefined;
                 height?: number | undefined;
                 logicName?: string | undefined;
                 appDataEntityId?: string | undefined;
@@ -1510,6 +1514,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                         mobilePanel?: boolean | undefined;
                         controlStyle?: string | undefined;
                         controlType?: string | undefined;
+                        dynaSysMode?: number | undefined;
                         height?: number | undefined;
                         logicName?: string | undefined;
                         appDataEntityId?: string | undefined;
@@ -2316,6 +2321,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                         triggerCustom: (id: string, executeParams: Partial<import("@ibiz-template/runtime").IUILogicParams>) => any;
                         triggerControlEvent: (ctrlName: string, eventName: string, executeParams?: Partial<import("@ibiz-template/runtime").IUILogicParams> | undefined) => void;
                     } | undefined;
+                    runMode: "DESIGN" | "RUNTIME";
                     startLoading: () => Promise<void>;
                     endLoading: () => Promise<void>;
                     onActivated: () => void;
@@ -2561,6 +2567,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                                     mobilePanel?: boolean | undefined;
                                     controlStyle?: string | undefined;
                                     controlType?: string | undefined;
+                                    dynaSysMode?: number | undefined;
                                     height?: number | undefined;
                                     logicName?: string | undefined;
                                     appDataEntityId?: string | undefined;
@@ -2963,6 +2970,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                                         codeName?: string | undefined;
                                         controlStyle?: string | undefined;
                                         controlType?: string | undefined;
+                                        dynaSysMode?: number | undefined;
                                         height?: number | undefined;
                                         logicName?: string | undefined;
                                         appDataEntityId?: string | undefined;
@@ -3128,6 +3136,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                         mobilePanel?: boolean | undefined;
                         controlStyle?: string | undefined;
                         controlType?: string | undefined;
+                        dynaSysMode?: number | undefined;
                         height?: number | undefined;
                         logicName?: string | undefined;
                         appDataEntityId?: string | undefined;
@@ -3383,6 +3392,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                                 mobilePanel?: boolean | undefined;
                                 controlStyle?: string | undefined;
                                 controlType?: string | undefined;
+                                dynaSysMode?: number | undefined;
                                 height?: number | undefined;
                                 logicName?: string | undefined;
                                 appDataEntityId?: string | undefined;
@@ -3809,6 +3819,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                                     codeName?: string | undefined;
                                     controlStyle?: string | undefined;
                                     controlType?: string | undefined;
+                                    dynaSysMode?: number | undefined;
                                     height?: number | undefined;
                                     logicName?: string | undefined;
                                     appDataEntityId?: string | undefined;
@@ -4340,6 +4351,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                             codeName?: string | undefined;
                             controlStyle?: string | undefined;
                             controlType?: string | undefined;
+                            dynaSysMode?: number | undefined;
                             height?: number | undefined;
                             logicName?: string | undefined;
                             appDataEntityId?: string | undefined;
@@ -4595,6 +4607,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                                     mobilePanel?: boolean | undefined;
                                     controlStyle?: string | undefined;
                                     controlType?: string | undefined;
+                                    dynaSysMode?: number | undefined;
                                     height?: number | undefined;
                                     logicName?: string | undefined;
                                     appDataEntityId?: string | undefined;
@@ -5188,6 +5201,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                     };
                     isClosing: boolean;
                     isShortCut: boolean;
+                    presetClassList: string[];
                     isCreated: boolean;
                     isMounted: boolean;
                     isDestroyed: boolean;
@@ -5478,6 +5492,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                         codeName?: string | undefined;
                         controlStyle?: string | undefined;
                         controlType?: string | undefined;
+                        dynaSysMode?: number | undefined;
                         height?: number | undefined;
                         logicName?: string | undefined;
                         appDataEntityId?: string | undefined;
@@ -5733,6 +5748,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                                 mobilePanel?: boolean | undefined;
                                 controlStyle?: string | undefined;
                                 controlType?: string | undefined;
+                                dynaSysMode?: number | undefined;
                                 height?: number | undefined;
                                 logicName?: string | undefined;
                                 appDataEntityId?: string | undefined;
@@ -6504,6 +6520,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                                     mobilePanel?: boolean | undefined;
                                     controlStyle?: string | undefined;
                                     controlType?: string | undefined;
+                                    dynaSysMode?: number | undefined;
                                     height?: number | undefined;
                                     logicName?: string | undefined;
                                     appDataEntityId?: string | undefined;
@@ -6906,6 +6923,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                                         codeName?: string | undefined;
                                         controlStyle?: string | undefined;
                                         controlType?: string | undefined;
+                                        dynaSysMode?: number | undefined;
                                         height?: number | undefined;
                                         logicName?: string | undefined;
                                         appDataEntityId?: string | undefined;
@@ -7071,6 +7089,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                         mobilePanel?: boolean | undefined;
                         controlStyle?: string | undefined;
                         controlType?: string | undefined;
+                        dynaSysMode?: number | undefined;
                         height?: number | undefined;
                         logicName?: string | undefined;
                         appDataEntityId?: string | undefined;
@@ -7326,6 +7345,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                                 mobilePanel?: boolean | undefined;
                                 controlStyle?: string | undefined;
                                 controlType?: string | undefined;
+                                dynaSysMode?: number | undefined;
                                 height?: number | undefined;
                                 logicName?: string | undefined;
                                 appDataEntityId?: string | undefined;
@@ -7752,6 +7772,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                                     codeName?: string | undefined;
                                     controlStyle?: string | undefined;
                                     controlType?: string | undefined;
+                                    dynaSysMode?: number | undefined;
                                     height?: number | undefined;
                                     logicName?: string | undefined;
                                     appDataEntityId?: string | undefined;
@@ -8283,6 +8304,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                             codeName?: string | undefined;
                             controlStyle?: string | undefined;
                             controlType?: string | undefined;
+                            dynaSysMode?: number | undefined;
                             height?: number | undefined;
                             logicName?: string | undefined;
                             appDataEntityId?: string | undefined;
@@ -8538,6 +8560,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                                     mobilePanel?: boolean | undefined;
                                     controlStyle?: string | undefined;
                                     controlType?: string | undefined;
+                                    dynaSysMode?: number | undefined;
                                     height?: number | undefined;
                                     logicName?: string | undefined;
                                     appDataEntityId?: string | undefined;
@@ -9480,6 +9503,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                             mobilePanel?: boolean | undefined;
                             controlStyle?: string | undefined;
                             controlType?: string | undefined;
+                            dynaSysMode?: number | undefined;
                             height?: number | undefined;
                             logicName?: string | undefined;
                             appDataEntityId?: string | undefined;
@@ -9906,6 +9930,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                                 codeName?: string | undefined;
                                 controlStyle?: string | undefined;
                                 controlType?: string | undefined;
+                                dynaSysMode?: number | undefined;
                                 height?: number | undefined;
                                 logicName?: string | undefined;
                                 appDataEntityId?: string | undefined;
@@ -10083,6 +10108,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                 mobilePanel?: boolean | undefined;
                 controlStyle?: string | undefined;
                 controlType?: string | undefined;
+                dynaSysMode?: number | undefined;
                 height?: number | undefined;
                 logicName?: string | undefined;
                 appDataEntityId?: string | undefined;
@@ -10338,6 +10364,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                         mobilePanel?: boolean | undefined;
                         controlStyle?: string | undefined;
                         controlType?: string | undefined;
+                        dynaSysMode?: number | undefined;
                         height?: number | undefined;
                         logicName?: string | undefined;
                         appDataEntityId?: string | undefined;
@@ -10764,6 +10791,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                             codeName?: string | undefined;
                             controlStyle?: string | undefined;
                             controlType?: string | undefined;
+                            dynaSysMode?: number | undefined;
                             height?: number | undefined;
                             logicName?: string | undefined;
                             appDataEntityId?: string | undefined;
@@ -11295,6 +11323,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                     codeName?: string | undefined;
                     controlStyle?: string | undefined;
                     controlType?: string | undefined;
+                    dynaSysMode?: number | undefined;
                     height?: number | undefined;
                     logicName?: string | undefined;
                     appDataEntityId?: string | undefined;
@@ -11550,6 +11579,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                             mobilePanel?: boolean | undefined;
                             controlStyle?: string | undefined;
                             controlType?: string | undefined;
+                            dynaSysMode?: number | undefined;
                             height?: number | undefined;
                             logicName?: string | undefined;
                             appDataEntityId?: string | undefined;
@@ -12299,6 +12329,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                         };
                         isClosing: boolean;
                         isShortCut: boolean;
+                        presetClassList: string[];
                         isCreated: boolean;
                         isMounted: boolean;
                         isDestroyed: boolean;
@@ -12589,6 +12620,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                             codeName?: string | undefined;
                             controlStyle?: string | undefined;
                             controlType?: string | undefined;
+                            dynaSysMode?: number | undefined;
                             height?: number | undefined;
                             logicName?: string | undefined;
                             appDataEntityId?: string | undefined;
@@ -12844,6 +12876,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                                     mobilePanel?: boolean | undefined;
                                     controlStyle?: string | undefined;
                                     controlType?: string | undefined;
+                                    dynaSysMode?: number | undefined;
                                     height?: number | undefined;
                                     logicName?: string | undefined;
                                     appDataEntityId?: string | undefined;
@@ -13591,6 +13624,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                                         mobilePanel?: boolean | undefined;
                                         controlStyle?: string | undefined;
                                         controlType?: string | undefined;
+                                        dynaSysMode?: number | undefined;
                                         height?: number | undefined;
                                         logicName?: string | undefined;
                                         appDataEntityId?: string | undefined;
@@ -13934,6 +13968,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                                             codeName?: string | undefined;
                                             controlStyle?: string | undefined;
                                             controlType?: string | undefined;
+                                            dynaSysMode?: number | undefined;
                                             height?: number | undefined;
                                             logicName?: string | undefined;
                                             appDataEntityId?: string | undefined;
@@ -14078,6 +14113,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                             mobilePanel?: boolean | undefined;
                             controlStyle?: string | undefined;
                             controlType?: string | undefined;
+                            dynaSysMode?: number | undefined;
                             height?: number | undefined;
                             logicName?: string | undefined;
                             appDataEntityId?: string | undefined;
@@ -14333,6 +14369,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                                     mobilePanel?: boolean | undefined;
                                     controlStyle?: string | undefined;
                                     controlType?: string | undefined;
+                                    dynaSysMode?: number | undefined;
                                     height?: number | undefined;
                                     logicName?: string | undefined;
                                     appDataEntityId?: string | undefined;
@@ -14735,6 +14772,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                                         codeName?: string | undefined;
                                         controlStyle?: string | undefined;
                                         controlType?: string | undefined;
+                                        dynaSysMode?: number | undefined;
                                         height?: number | undefined;
                                         logicName?: string | undefined;
                                         appDataEntityId?: string | undefined;
@@ -15254,6 +15292,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                                 codeName?: string | undefined;
                                 controlStyle?: string | undefined;
                                 controlType?: string | undefined;
+                                dynaSysMode?: number | undefined;
                                 height?: number | undefined;
                                 logicName?: string | undefined;
                                 appDataEntityId?: string | undefined;
@@ -15499,6 +15538,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                                         mobilePanel?: boolean | undefined;
                                         controlStyle?: string | undefined;
                                         controlType?: string | undefined;
+                                        dynaSysMode?: number | undefined;
                                         height?: number | undefined;
                                         logicName?: string | undefined;
                                         appDataEntityId?: string | undefined;
@@ -16171,6 +16211,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                     triggerCustom: (id: string, executeParams: Partial<import("@ibiz-template/runtime").IUILogicParams>) => any;
                     triggerControlEvent: (ctrlName: string, eventName: string, executeParams?: Partial<import("@ibiz-template/runtime").IUILogicParams> | undefined) => void;
                 } | undefined;
+                runMode: "DESIGN" | "RUNTIME";
                 startLoading: () => Promise<void>;
                 endLoading: () => Promise<void>;
                 onActivated: () => void;
@@ -16416,6 +16457,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                                 mobilePanel?: boolean | undefined;
                                 controlStyle?: string | undefined;
                                 controlType?: string | undefined;
+                                dynaSysMode?: number | undefined;
                                 height?: number | undefined;
                                 logicName?: string | undefined;
                                 appDataEntityId?: string | undefined;
@@ -16842,6 +16884,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                                     codeName?: string | undefined;
                                     controlStyle?: string | undefined;
                                     controlType?: string | undefined;
+                                    dynaSysMode?: number | undefined;
                                     height?: number | undefined;
                                     logicName?: string | undefined;
                                     appDataEntityId?: string | undefined;
@@ -17019,6 +17062,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                     mobilePanel?: boolean | undefined;
                     controlStyle?: string | undefined;
                     controlType?: string | undefined;
+                    dynaSysMode?: number | undefined;
                     height?: number | undefined;
                     logicName?: string | undefined;
                     appDataEntityId?: string | undefined;
@@ -17274,6 +17318,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                             mobilePanel?: boolean | undefined;
                             controlStyle?: string | undefined;
                             controlType?: string | undefined;
+                            dynaSysMode?: number | undefined;
                             height?: number | undefined;
                             logicName?: string | undefined;
                             appDataEntityId?: string | undefined;
@@ -17700,6 +17745,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                                 codeName?: string | undefined;
                                 controlStyle?: string | undefined;
                                 controlType?: string | undefined;
+                                dynaSysMode?: number | undefined;
                                 height?: number | undefined;
                                 logicName?: string | undefined;
                                 appDataEntityId?: string | undefined;
@@ -18231,6 +18277,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                         codeName?: string | undefined;
                         controlStyle?: string | undefined;
                         controlType?: string | undefined;
+                        dynaSysMode?: number | undefined;
                         height?: number | undefined;
                         logicName?: string | undefined;
                         appDataEntityId?: string | undefined;
@@ -18486,6 +18533,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                                 mobilePanel?: boolean | undefined;
                                 controlStyle?: string | undefined;
                                 controlType?: string | undefined;
+                                dynaSysMode?: number | undefined;
                                 height?: number | undefined;
                                 logicName?: string | undefined;
                                 appDataEntityId?: string | undefined;
@@ -19059,6 +19107,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
             triggerKey: string;
             awaitActiveCbs: Map<string, () => void>;
             delayCbs: Map<string, NodeJS.Timeout>;
+            runMode: "DESIGN" | "RUNTIME";
             getEventArgs: () => Omit<import("@ibiz-template/runtime").EventBase, "eventName">;
             updateContextParams: (opts: {
                 context?: IContext | undefined;
@@ -19109,6 +19158,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                 codeName?: string | undefined;
                 controlStyle?: string | undefined;
                 controlType?: string | undefined;
+                dynaSysMode?: number | undefined;
                 height?: number | undefined;
                 logicName?: string | undefined;
                 appDataEntityId?: string | undefined;
@@ -19364,6 +19414,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                         mobilePanel?: boolean | undefined;
                         controlStyle?: string | undefined;
                         controlType?: string | undefined;
+                        dynaSysMode?: number | undefined;
                         height?: number | undefined;
                         logicName?: string | undefined;
                         appDataEntityId?: string | undefined;
@@ -19790,6 +19841,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                             codeName?: string | undefined;
                             controlStyle?: string | undefined;
                             controlType?: string | undefined;
+                            dynaSysMode?: number | undefined;
                             height?: number | undefined;
                             logicName?: string | undefined;
                             appDataEntityId?: string | undefined;
@@ -20321,6 +20373,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                     codeName?: string | undefined;
                     controlStyle?: string | undefined;
                     controlType?: string | undefined;
+                    dynaSysMode?: number | undefined;
                     height?: number | undefined;
                     logicName?: string | undefined;
                     appDataEntityId?: string | undefined;
@@ -20576,6 +20629,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                             mobilePanel?: boolean | undefined;
                             controlStyle?: string | undefined;
                             controlType?: string | undefined;
+                            dynaSysMode?: number | undefined;
                             height?: number | undefined;
                             logicName?: string | undefined;
                             appDataEntityId?: string | undefined;

package/es/control/dashboard/custom-dashboard-container/custom-dashboard-container.mjs

@@ -69,7 +69,15 @@ const CustomDashboardContainer = /* @__PURE__ */ defineComponent({
       return tempModelDatas;
     };
     const handleCustomModelChange = async (args) => {
-      await props.dashboard.initPortlets(args.model);
+      var _a;
+      const filterModels = (_a = props.dashboard.model.controls) == null ? void 0 : _a.filter((element) => {
+        return element.portletType === "FILTER";
+      });
+      if (args.model && args.model.length > 0) {
+        await props.dashboard.initPortlets(args.model);
+      } else if (filterModels && filterModels.length > 0) {
+        await props.dashboard.initPortlets(filterModels);
+      }
       await props.dashboard.initPortletsConfig(args.config);
     };
     const onSaved = async (args) => {
@@ -123,8 +131,7 @@ const CustomDashboardContainer = /* @__PURE__ */ defineComponent({
         });
         props.dashboard.refresh();
         emit("changed", {
-          model: modelDatas,
-          filter: true
+          model: modelDatas
         });
       });
     });

package/es/control/dashboard/dashboard-design/dashboard-design.mjs

@@ -142,7 +142,8 @@ const DashboardDesign = /* @__PURE__ */ defineComponent({
             return cat.codeName === ((_a2 = portlet.appPortletCat) == null ? void 0 : _a2.codeName);
           });
           if (categoryTag) {
-            if (!portletCat || portletCat.codeName !== categoryTag) {
+            const categoryRegex = new RegExp(categoryTag);
+            if (!portletCat || portletCat && portletCat.codeName && !categoryRegex.test(portletCat.codeName)) {
               return;
             }
           }

package/es/control/dashboard/dashboard.mjs

@@ -75,6 +75,9 @@ const DashboardControl = /* @__PURE__ */ defineComponent({
       anchorList.value = c.enableAnchorCtrls;
     });
     c.evt.on("onItemModelReset", async (args) => {
+      if (c.model.customizeMode !== 2) {
+        return;
+      }
       const {
         name
       } = args;
@@ -95,7 +98,8 @@ const DashboardControl = /* @__PURE__ */ defineComponent({
     });
     const handleCustomModelChange = (args) => {
       const model = args.model;
-      if (args.filter && model && model.length > 0) {
+      const controls = c.model.controls;
+      if (model && model.length > 0) {
         model.forEach((element) => {
           if (element.portletType === "FILTER") {
             refreshTagObj[element.id] = {
@@ -103,6 +107,14 @@ const DashboardControl = /* @__PURE__ */ defineComponent({
             };
           }
         });
+      } else if (controls && controls.length > 0) {
+        controls.forEach((element) => {
+          if (element.portletType === "FILTER") {
+            refreshTagObj[element.id] = {
+              refreshtag: uniqueId()
+            };
+          }
+        });
       }
       customModelDatas.value = model;
       vue.$forceUpdate();

package/es/control/dashboard/portlet/filter-portlet/filter-portlet-design/filter-portlet-design.css

@@ -1 +1 @@
-.ibiz-filter-portlet-design{--ibiz-filter-portlet-design-layout-left-width:260px;display:flex;width:100%;height:100%}.ibiz-filter-portlet-design__layout-left{width:var(--ibiz-filter-portlet-design-layout-left-width);background-color:var(--ibiz-color-bg-0);border-right:1px solid var(--ibiz-color-border)}.ibiz-filter-portlet-design__layout-right{display:flex;flex:1;flex-direction:column}.ibiz-filter-portlet-design-left-content__title{height:var(--ibiz-height-control-default);padding:0 var(--ibiz-spacing-extra-loose);margin:var(--ibiz-spacing-extra-tight) 0;font-size:var(--ibiz-font-size-header-6);line-height:var(--ibiz-height-control-default)}.ibiz-filter-portlet-design-left-list{padding:0;padding:0 var(--ibiz-spacing-base-tight);margin:0;margin-top:var(--ibiz-spacing-base-tight);font-size:var(--ibiz-font-size-regular);list-style:none outside none;color-scheme:light;cursor:pointer;visibility:visible;unicode-bidi:isolate}.ibiz-filter-portlet-design-left-list__item{height:var(--ibiz-height-control-default);padding:0 var(--ibiz-spacing-base-loose);margin-bottom:var(--ibiz-spacing-base-tight);overflow:hidden;line-height:var(--ibiz-height-control-default);text-overflow:ellipsis;white-space:nowrap;border-radius:var(--ibiz-border-radius-small);transition:background-color .3s,transform .3s}.ibiz-filter-portlet-design-left-list__item:last-child{margin-bottom:0}.ibiz-filter-portlet-design-left-list__item:hover{background-color:var(--ibiz-color-fill-0)}.ibiz-filter-portlet-design-left-list__item.is-actvie{color:var(--ibiz-color-primary);background-color:var(--ibiz-color-primary-light-default)}.ibiz-filter-portlet-design-left-list__item.is-disabled{cursor:no-drop;background-color:transparent}.ibiz-filter-portlet-design-right-content{flex:auto}.ibiz-filter-portlet-design-right-content__title{height:var(--ibiz-height-control-default);padding:0 var(--ibiz-spacing-extra-loose);margin:var(--ibiz-spacing-tight) 0;line-height:var(--ibiz-height-control-default)}.ibiz-filter-portlet-design-right-form{padding:0 var(--ibiz-spacing-extra-loose)}.ibiz-filter-portlet-design-right-form__checks{position:relative}.ibiz-filter-portlet-design-right-form__checks .el-form-item__content{position:static}.ibiz-filter-portlet-design-right-form__checks .el-switch{position:absolute;top:0;right:0}.ibiz-filter-portlet-design-right-form .el-form-item{display:flex;flex-flow:column nowrap;margin-bottom:var(--ibiz-spacing-base)}.ibiz-filter-portlet-design-right-form .el-form-item .el-form-item__label-wrap{margin-left:0!important}.ibiz-filter-portlet-design-right-form .el-form-item.is-required:not(.is-no-asterisk).asterisk-left>.el-form-item__label-wrap>.el-form-item__label::before,.ibiz-filter-portlet-design-right-form .el-form-item.is-required:not(.is-no-asterisk).asterisk-left>.el-form-item__label::before{display:none}.ibiz-filter-portlet-design-right-form .el-form-item.is-required:not(.is-no-asterisk).asterisk-left>.el-form-item__label-wrap>.el-form-item__label::after,.ibiz-filter-portlet-design-right-form .el-form-item.is-required:not(.is-no-asterisk).asterisk-left>.el-form-item__label::after{margin-right:var(--ibiz-spacing-extra-tight);margin-left:var(--ibiz-spacing-extra-tight);color:var(--el-color-danger);content:"*"}.ibiz-filter-portlet-design-right-form .el-select{width:100%}.ibiz-filter-portlet-design-checkbox__label{padding-left:var(--ibiz-spacing-tight)}.ibiz-filter-portlet-design-checkbox.is-only-add .el-checkbox.is-checked{cursor:not-allowed}.ibiz-filter-portlet-design-checkbox.is-only-add .el-checkbox.is-checked .el-checkbox__inner{background-color:var(--el-checkbox-disabled-checked-input-fill);border-color:var(--el-checkbox-disabled-checked-input-border-color)}.ibiz-filter-portlet-design-checkbox.is-only-add .el-checkbox.is-checked .el-checkbox__inner::after{border-color:var(--el-checkbox-disabled-checked-icon-color)}.ibiz-filter-portlet-design-checkbox.is-only-add .el-checkbox.is-checked .el-checkbox__label{color:var(--el-disabled-text-color);cursor:not-allowed}.ibiz-filter-portlet-design-checkbox .ibiz-icon{padding-left:var(--ibiz-spacing-tight)}.ibiz-filter-portlet-design-checkbox .el-checkbox__label{display:flex;align-items:center;padding-left:0}.ibiz-filter-portlet-design-checkbox .el-checkbox{--el-checkbox-input-border:var(--el-border-width) var(--el-border-style) var(--ibiz-color-border);--el-checkbox-disabled-checked-input-fill:var(--ibiz-color-border);--el-checkbox-text-color:var(--ibiz-color-disabled-text)}.ibiz-filter-portlet-design-condition{padding:0 var(--ibiz-spacing-extra-loose);overflow:auto}.ibiz-filter-portlet-design-footer{display:flex;justify-content:flex-end;padding:var(--ibiz-spacing-base) var(--ibiz-spacing-extra-loose)}
+.ibiz-filter-portlet-design{--ibiz-filter-portlet-design-layout-left-width:260px;display:flex;width:100%;height:100%}.ibiz-filter-portlet-design__layout-left{width:var(--ibiz-filter-portlet-design-layout-left-width);background-color:var(--ibiz-color-bg-0);border-right:1px solid var(--ibiz-color-border)}.ibiz-filter-portlet-design__layout-right{display:flex;flex:1;flex-direction:column}.ibiz-filter-portlet-design-left-content__title{height:var(--ibiz-height-control-default);padding:0 var(--ibiz-spacing-extra-loose);margin:var(--ibiz-spacing-extra-tight) 0;font-size:var(--ibiz-font-size-header-6);line-height:var(--ibiz-height-control-default)}.ibiz-filter-portlet-design-left-list{padding:0;padding:0 var(--ibiz-spacing-base-tight);margin:0;margin-top:var(--ibiz-spacing-base-tight);font-size:var(--ibiz-font-size-regular);list-style:none outside none;color-scheme:light;cursor:pointer;visibility:visible;unicode-bidi:isolate}.ibiz-filter-portlet-design-left-list__item{height:var(--ibiz-height-control-default);padding:0 var(--ibiz-spacing-base-loose);margin-bottom:var(--ibiz-spacing-base-tight);overflow:hidden;line-height:var(--ibiz-height-control-default);text-overflow:ellipsis;white-space:nowrap;border-radius:var(--ibiz-border-radius-small);transition:background-color .3s,transform .3s}.ibiz-filter-portlet-design-left-list__item:last-child{margin-bottom:0}.ibiz-filter-portlet-design-left-list__item:hover{background-color:var(--ibiz-color-fill-0)}.ibiz-filter-portlet-design-left-list__item.is-actvie{color:var(--ibiz-color-primary);background-color:var(--ibiz-color-primary-light-default)}.ibiz-filter-portlet-design-left-list__item.is-disabled{cursor:no-drop;background-color:transparent}.ibiz-filter-portlet-design-right-content{flex:auto}.ibiz-filter-portlet-design-right-content__title{height:var(--ibiz-height-control-default);padding:0 var(--ibiz-spacing-extra-loose);margin:var(--ibiz-spacing-tight) 0;line-height:var(--ibiz-height-control-default)}.ibiz-filter-portlet-design-right-form{padding:0 var(--ibiz-spacing-extra-loose)}.ibiz-filter-portlet-design-right-form__checks{position:relative}.ibiz-filter-portlet-design-right-form__checks .el-form-item__content{position:static}.ibiz-filter-portlet-design-right-form__checks .el-switch{position:absolute;top:0;right:0}.ibiz-filter-portlet-design-right-form .el-form-item{display:flex;flex-flow:column nowrap;margin-bottom:var(--ibiz-spacing-base)}.ibiz-filter-portlet-design-right-form .el-form-item .el-form-item__label-wrap{margin-left:0!important}.ibiz-filter-portlet-design-right-form .el-form-item.is-required:not(.is-no-asterisk).asterisk-left>.el-form-item__label-wrap>.el-form-item__label::before,.ibiz-filter-portlet-design-right-form .el-form-item.is-required:not(.is-no-asterisk).asterisk-left>.el-form-item__label::before{display:none}.ibiz-filter-portlet-design-right-form .el-form-item.is-required:not(.is-no-asterisk).asterisk-left>.el-form-item__label-wrap>.el-form-item__label::after,.ibiz-filter-portlet-design-right-form .el-form-item.is-required:not(.is-no-asterisk).asterisk-left>.el-form-item__label::after{margin-right:var(--ibiz-spacing-extra-tight);margin-left:var(--ibiz-spacing-extra-tight);color:var(--el-color-danger);content:"*"}.ibiz-filter-portlet-design-right-form .el-select{width:100%}.ibiz-filter-portlet-design-checkbox__label{padding-left:var(--ibiz-spacing-tight)}.ibiz-filter-portlet-design-checkbox.is-only-add .el-checkbox.is-checked{cursor:not-allowed}.ibiz-filter-portlet-design-checkbox.is-only-add .el-checkbox.is-checked .el-checkbox__inner{background-color:var(--el-checkbox-disabled-checked-input-fill);border-color:var(--el-checkbox-disabled-checked-input-border-color)}.ibiz-filter-portlet-design-checkbox.is-only-add .el-checkbox.is-checked .el-checkbox__inner::after{border-color:var(--el-checkbox-disabled-checked-icon-color)}.ibiz-filter-portlet-design-checkbox.is-only-add .el-checkbox.is-checked .el-checkbox__label{color:var(--el-disabled-text-color);cursor:not-allowed}.ibiz-filter-portlet-design-checkbox .ibiz-icon{padding-left:var(--ibiz-spacing-tight)}.ibiz-filter-portlet-design-checkbox .el-checkbox__label{display:flex;align-items:center;padding-left:0}.ibiz-filter-portlet-design-checkbox .el-checkbox{--el-checkbox-input-border:var(--el-border-width) var(--el-border-style) var(--ibiz-color-border);--el-checkbox-disabled-checked-input-fill:var(--ibiz-color-border);--el-checkbox-text-color:var(--ibiz-color-disabled-text)}.ibiz-filter-portlet-design-checkbox .el-checkbox__input{margin-right:var(--ibiz-spacing-tight)}.ibiz-filter-portlet-design-condition{padding:0 var(--ibiz-spacing-extra-loose);overflow:auto}.ibiz-filter-portlet-design-footer{display:flex;justify-content:flex-end;padding:var(--ibiz-spacing-base) var(--ibiz-spacing-extra-loose)}

package/es/control/dashboard/portlet/filter-portlet/filter-portlet-design/filter-portlet-design.mjs

@@ -91,6 +91,7 @@ const IBizFilterPortletDesign = /* @__PURE__ */ defineComponent({
       checkBoxList.value = filterPortletByID(model.value.id, props.context, props.items, props.dashboardStyle === "BIREPORTDASHBOARD" || props.dashboardStyle === "BIREPORTDASHBOARD2");
     };
     const init = async () => {
+      var _a;
       allFilters = getFilters();
       if (props.items) {
         formData.items = props.items.map((x) => x.id);
@@ -104,7 +105,7 @@ const IBizFilterPortletDesign = /* @__PURE__ */ defineComponent({
           const selectAll = props.filter.filterConfig.scope === "all";
           if (!selectAll) {
             formData.selectAll = false;
-            formData.items = props.filter.filterConfig.scopedata.split(",");
+            formData.items = ((_a = props.filter.filterConfig.scopedata) == null ? void 0 : _a.split(",")) || [];
           }
           condition.value = props.filter.searchConds;
         }
@@ -229,7 +230,8 @@ const IBizFilterPortletDesign = /* @__PURE__ */ defineComponent({
         "disabled": formData.selectAll
       }, _isSlot(_slot = checkBoxList.value.map((item) => {
         return createVNode(resolveComponent("el-checkbox"), {
-          "label": item.id
+          "label": item.id,
+          "disabled": onlyAdd && formData.items.includes(item.id)
         }, {
           default: () => [item.title]
         });
@@ -268,6 +270,7 @@ const IBizFilterPortletDesign = /* @__PURE__ */ defineComponent({
           "props": "items"
         }, {
           default: () => [createVNode(resolveComponent("el-switch"), {
+            "title": ibiz.i18n.t("control.dashboard.filterPortletDesign.selectAll"),
             "modelValue": formData.selectAll,
             "onUpdate:modelValue": ($event) => formData.selectAll = $event,
             "onChange": onSwitchChange
@@ -305,11 +308,13 @@ const IBizFilterPortletDesign = /* @__PURE__ */ defineComponent({
       return createVNode("div", {
         "class": ns.b("footer")
       }, [createVNode(resolveComponent("el-button"), {
-        "onClick": handleCancel
+        "onClick": handleCancel,
+        "title": ibiz.i18n.t("app.cancel")
       }, _isSlot(_slot2 = ibiz.i18n.t("app.cancel")) ? _slot2 : {
         default: () => [_slot2]
       }), createVNode(resolveComponent("el-button"), {
-        "onClick": handleConfirm
+        "onClick": handleConfirm,
+        "title": ibiz.i18n.t("app.confirm")
       }, _isSlot(_slot3 = ibiz.i18n.t("app.confirm")) ? _slot3 : {
         default: () => [_slot3]
       })]);

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

@@ -1 +1 @@
-.ibiz-control-dataview{--ibiz-control-dataview-text-color:var(--ibiz-color-text-0);--ibiz-control-dataview-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-control-dataview-active-bg-color:var(--ibiz-color-fill-2);--ibiz-control-dataview-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base) 0;--ibiz-control-dataview-page-height:50px;display:flex;flex-flow:column nowrap;align-items:stretch;justify-content:flex-start;position:relative;height:100%}.ibiz-control-dataview__content{flex-grow:1;height:100%}.ibiz-control-dataview__pagination{flex-shrink:0}.ibiz-control-dataview__load-more{width:calc(100% - var(--ibiz-spacing-base-tight));text-align:center}.ibiz-control-dataview__load-more i{font-size:var(--ibiz-font-size-header-3);color:var(--ibiz-color-text-2);cursor:pointer}.ibiz-control-dataview__load-more i:hover{color:var(--ibiz-color-primary-light-hover)}.ibiz-control-dataview__collapse-expand-icon{width:calc(100% - var(--ibiz-spacing-base-tight));text-align:center}.ibiz-control-dataview__collapse-expand-icon i{font-size:var(--ibiz-font-size-header-3);color:var(--ibiz-color-text-2);cursor:pointer}.ibiz-control-dataview__collapse-expand-icon i:hover{color:var(--ibiz-color-primary-light-hover)}.ibiz-control-dataview-scroll{display:flex;flex-wrap:wrap;align-content:flex-start;padding:var(--ibiz-control-dataview-padding);overflow:auto}.ibiz-control-dataview-scroll>*{margin:calc(var(--ibiz-spacing-base-tight)/ 2)}.ibiz-control-dataview-item-col{padding:0 var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base-tight) 0}.ibiz-control-dataview-item{--ibiz-control-dataview-text-color:var(--ibiz-color-text-0);--ibiz-control-dataview-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-control-dataview-active-bg-color:var(--ibiz-color-fill-2);--ibiz-control-dataview-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base) 0;--ibiz-control-dataview-page-height:50px;color:var(--ibiz-control-dataview-text-color);cursor:pointer}.ibiz-control-dataview-item:hover{background-color:var(--ibiz-control-dataview-hover-bg-color)}.ibiz-control-dataview-item.is-active{background-color:var(--ibiz-control-dataview-active-bg-color)}.ibiz-control-dataview-item-content{--ibiz-control-dataview-text-color:var(--ibiz-color-text-0);--ibiz-control-dataview-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-control-dataview-active-bg-color:var(--ibiz-color-fill-2);--ibiz-control-dataview-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base) 0;--ibiz-control-dataview-page-height:50px}.ibiz-control-dataview-item-content__top--title{text-align:center}.ibiz-control-dataview-item-content__top--description{min-width:150px;text-align:justify;text-justify:newspaper;word-break:break-all}.ibiz-control-dataview-item-content__bottom--actions{display:flex;justify-content:center}.ibiz-control-dataview-group-content{--ibiz-control-dataview-group-item-header-bg-color:transparent;--ibiz-control-dataview-group-item-header-padding:var(--ibiz-spacing-base-tight);--ibiz-control-dataview-group-item-header-border-color:var(--ibiz-color-border);--ibiz-control-dataview-group-item-caption-text-color:var(--ibiz-color-text-0);--ibiz-control-dataview-group-item-caption-font-size:var(--ibiz-font-size-header-5);--ibiz-control-dataview-group-item-caption-font-weight:var(--ibiz-font-weight-bold);--ibiz-control-dataview-group-item-content-bg-color:transparent;--ibiz-control-dataview-group-item-content-padding:var(--ibiz-spacing-tight);width:100%}.ibiz-control-dataview-group-content__item .el-collapse-item__content{display:flex;flex-wrap:wrap}.ibiz-control-dataview-group-content__item--empty{width:100%;text-align:center}.ibiz-control-dataview-group-content__item.is-collapse .ibiz-control-dataview-group-content__item-content{height:0;overflow:hidden}.ibiz-control-dataview-group-content__item-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--ibiz-control-dataview-group-item-header-padding);border-bottom:1px solid var(--ibiz-control-dataview-group-item-header-border-color)}.ibiz-control-dataview-group-content__item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ibiz-control-dataview-group-item-caption-font-size);font-weight:var(--ibiz-control-dataview-group-item-caption-font-weight);color:var(--ibiz-control-dataview-group-item-caption-text-color)}.ibiz-control-dataview-group-content__item-content{display:flex;flex-wrap:wrap;padding:var(--ibiz-control-dataview-group-item-content-padding);background-color:var(--ibiz-control-dataview-group-item-content-bg-color);will-change:height}.ibiz-control-dataview-group-content__item-content>*{margin:calc(var(--ibiz-spacing-base-tight)/ 2)}.ibiz-control-dataview-group-content__item-row{padding:var(--ibiz-control-dataview-group-item-content-padding)}.ibiz-control-dataview-group-content__item-col{padding:0 var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base-tight) 0}
+.ibiz-control-dataview{--ibiz-control-dataview-text-color:var(--ibiz-color-text-0);--ibiz-control-dataview-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-control-dataview-active-bg-color:var(--ibiz-color-fill-2);--ibiz-control-dataview-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base) 0;--ibiz-control-dataview-page-height:50px;display:flex;flex-flow:column nowrap;align-items:stretch;justify-content:flex-start;position:relative;height:100%}.ibiz-control-dataview__nav-icon{right:10px;top:20px;cursor:pointer;position:absolute;color:var(--ibiz-color-primary)}.ibiz-control-dataview__content{flex-grow:1;height:100%}.ibiz-control-dataview__pagination{flex-shrink:0}.ibiz-control-dataview__load-more{width:calc(100% - var(--ibiz-spacing-base-tight));text-align:center}.ibiz-control-dataview__load-more i{font-size:var(--ibiz-font-size-header-3);color:var(--ibiz-color-text-2);cursor:pointer}.ibiz-control-dataview__load-more i:hover{color:var(--ibiz-color-primary-light-hover)}.ibiz-control-dataview__collapse-expand-icon{width:calc(100% - var(--ibiz-spacing-base-tight));text-align:center}.ibiz-control-dataview__collapse-expand-icon i{font-size:var(--ibiz-font-size-header-3);color:var(--ibiz-color-text-2);cursor:pointer}.ibiz-control-dataview__collapse-expand-icon i:hover{color:var(--ibiz-color-primary-light-hover)}.ibiz-control-dataview-scroll{display:flex;flex-wrap:wrap;align-content:flex-start;padding:var(--ibiz-control-dataview-padding);overflow:auto}.ibiz-control-dataview-scroll>*{margin:calc(var(--ibiz-spacing-base-tight)/ 2)}.ibiz-control-dataview-item-col{padding:0 var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base-tight) 0}.ibiz-control-dataview-item{--ibiz-control-dataview-text-color:var(--ibiz-color-text-0);--ibiz-control-dataview-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-control-dataview-active-bg-color:var(--ibiz-color-fill-2);--ibiz-control-dataview-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base) 0;--ibiz-control-dataview-page-height:50px;color:var(--ibiz-control-dataview-text-color);cursor:pointer}.ibiz-control-dataview-item:hover{background-color:var(--ibiz-control-dataview-hover-bg-color)}.ibiz-control-dataview-item.is-active{background-color:var(--ibiz-control-dataview-active-bg-color)}.ibiz-control-dataview-item-content{--ibiz-control-dataview-text-color:var(--ibiz-color-text-0);--ibiz-control-dataview-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-control-dataview-active-bg-color:var(--ibiz-color-fill-2);--ibiz-control-dataview-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base) 0;--ibiz-control-dataview-page-height:50px}.ibiz-control-dataview-item-content__top--title{text-align:center}.ibiz-control-dataview-item-content__top--description{min-width:150px;text-align:justify;text-justify:newspaper;word-break:break-all}.ibiz-control-dataview-item-content__bottom--actions{display:flex;justify-content:center}.ibiz-control-dataview-group-content{--ibiz-control-dataview-group-item-header-bg-color:transparent;--ibiz-control-dataview-group-item-header-padding:var(--ibiz-spacing-base-tight);--ibiz-control-dataview-group-item-header-border-color:var(--ibiz-color-border);--ibiz-control-dataview-group-item-caption-text-color:var(--ibiz-color-text-0);--ibiz-control-dataview-group-item-caption-font-size:var(--ibiz-font-size-header-5);--ibiz-control-dataview-group-item-caption-font-weight:var(--ibiz-font-weight-bold);--ibiz-control-dataview-group-item-content-bg-color:transparent;--ibiz-control-dataview-group-item-content-padding:var(--ibiz-spacing-tight);width:100%}.ibiz-control-dataview-group-content__item .el-collapse-item__content{display:flex;flex-wrap:wrap}.ibiz-control-dataview-group-content__item--empty{width:100%;text-align:center}.ibiz-control-dataview-group-content__item.is-collapse .ibiz-control-dataview-group-content__item-content{height:0;overflow:hidden}.ibiz-control-dataview-group-content__item-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--ibiz-control-dataview-group-item-header-padding);border-bottom:1px solid var(--ibiz-control-dataview-group-item-header-border-color)}.ibiz-control-dataview-group-content__item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ibiz-control-dataview-group-item-caption-font-size);font-weight:var(--ibiz-control-dataview-group-item-caption-font-weight);color:var(--ibiz-control-dataview-group-item-caption-text-color)}.ibiz-control-dataview-group-content__item-content{display:flex;flex-wrap:wrap;padding:var(--ibiz-control-dataview-group-item-content-padding);background-color:var(--ibiz-control-dataview-group-item-content-bg-color);will-change:height}.ibiz-control-dataview-group-content__item-content>*{margin:calc(var(--ibiz-spacing-base-tight)/ 2)}.ibiz-control-dataview-group-content__item-row{padding:var(--ibiz-control-dataview-group-item-content-padding)}.ibiz-control-dataview-group-content__item-col{padding:0 var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base-tight) 0}

package/es/control/data-view/data-view.d.ts

@@ -65,6 +65,7 @@ export declare const DataViewControl: import("vue").DefineComponent<{
     classNames: import("vue").ComputedRef<string[]>;
     infiniteScroll: import("vue").Ref<IData | undefined>;
     renderHasData: () => VNode;
+    onShowNavView: () => void;
     renderNoData: () => VNode | undefined;
     onPageChange: (page: number) => void;
     onPageRefresh: () => void;

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

@@ -300,6 +300,9 @@ const DataViewControl = /* @__PURE__ */ defineComponent({
     const onExpandData = () => {
       isCollapse.value = false;
     };
+    const onShowNavView = () => {
+      c.state.showNavView = !c.state.showNavView;
+    };
     const upIcon = () => {
       return createVNode("div", {
         "class": ns.e("collapse-expand-icon")
@@ -382,6 +385,7 @@ const DataViewControl = /* @__PURE__ */ defineComponent({
       classNames,
       infiniteScroll,
       renderHasData,
+      onShowNavView,
       renderNoData,
       onPageChange,
       onPageRefresh,
@@ -415,11 +419,25 @@ const DataViewControl = /* @__PURE__ */ defineComponent({
         "onPageRefresh": this.onPageRefresh
       }, null) : null];
     }
-    return createVNode(resolveComponent("iBizControlBase"), {
-      "class": [this.ns.is("enable-page", !!this.c.state.enablePagingBar)],
+    return createVNode(resolveComponent("iBizControlNavigation"), {
       "controller": this.c
     }, {
-      default: () => [content, this.renderCollapseExpandIcon()]
+      default: () => [createVNode(resolveComponent("iBizControlBase"), {
+        "class": [this.ns.is("enable-page", !!this.c.state.enablePagingBar)],
+        "controller": this.c
+      }, {
+        default: () => [content, this.c.state.enableNavView ? !this.c.state.showNavView ? createVNode("ion-icon", {
+          "class": this.ns.e("nav-icon"),
+          "title": ibiz.i18n.t("component.controlNavigation.showNav"),
+          "name": "eye-outline",
+          "onClick": this.onShowNavView
+        }, null) : createVNode("ion-icon", {
+          "class": this.ns.e("nav-icon"),
+          "title": ibiz.i18n.t("component.controlNavigation.hiddenNav"),
+          "name": "eye-off-outline",
+          "onClick": this.onShowNavView
+        }, null) : null, this.renderCollapseExpandIcon()]
+      })]
     });
   }
 });