@ibiz-template/vue3-components 0.5.7-alpha.9 → 0.6.0-alpha.2

package/es/_virtual/nprogress.mjs

@@ -0,0 +1,3 @@
+var nprogress = {exports: {}};
+
+export { nprogress as __module };

package/es/common/action-toolbar/action-toolbar.d.ts

@@ -33,8 +33,13 @@ export declare const IBizActionToolbar: import("vue").DefineComponent<{
         type: PropType<number[]>;
         default: number[];
     };
+    zIndex: {
+        type: NumberConstructor;
+        required: true;
+    };
 }, {
     ns: import("@ibiz-template/core").Namespace;
+    popoverIndex: number;
     expandDetails: Ref<IAppDEUIActionGroupDetail[]>;
     groupDetails: Ref<IAppDEUIActionGroupDetail[]>;
     groupButtonRef: Ref<any>;
@@ -72,6 +77,10 @@ export declare const IBizActionToolbar: import("vue").DefineComponent<{
         type: PropType<number[]>;
         default: number[];
     };
+    zIndex: {
+        type: NumberConstructor;
+        required: true;
+    };
 }>>, {
     mode: "dropdown" | "buttons";
     groupLevelKeys: number[];

package/es/common/action-toolbar/action-toolbar.mjs

@@ -27,6 +27,10 @@ const IBizActionToolbar = /* @__PURE__ */ defineComponent({
       type: Object,
       // eslint-disable-next-line vue/require-valid-default-prop
       default: [50]
+    },
+    zIndex: {
+      type: Number,
+      required: true
     }
   },
   setup(props, {
@@ -64,8 +68,10 @@ const IBizActionToolbar = /* @__PURE__ */ defineComponent({
       } = item;
       return [ns.e("item"), ns.is("disabled", false), ns.em("item", "level-".concat(actionLevel))];
     };
+    const popoverIndex = props.zIndex;
     return {
       ns,
+      popoverIndex,
       expandDetails,
       groupDetails,
       groupButtonRef,
@@ -125,7 +131,8 @@ const IBizActionToolbar = /* @__PURE__ */ defineComponent({
         "visible": this.popoverVisible,
         "onUpdate:visible": ($event) => this.popoverVisible = $event,
         "popper-class": this.ns.e("popover"),
-        "virtual-triggering": true
+        "virtual-triggering": true,
+        "popper-style": "z-index:".concat(this.popoverIndex)
       }, _isSlot(_slot = renderActions(this.groupDetails, false)) ? _slot : {
         default: () => [_slot]
       })]]);

package/es/control/context-menu/context-menu.css

@@ -1 +1 @@
-@charset "UTF-8";.ibiz-context-menu{--ibiz-context-menu-item-margin:0 0 0 4px;--ibiz-context-menu-separator-height:20px;--ibiz-context-menu-separator-width:2px;--ibiz-context-menu-separator-color:var(--ibiz-color-border);--ibiz-context-menu-popover-padding:8px 0;--ibiz-context-menu-popover-button-padding:8px 20px;--ibiz-context-menu-popover-button-color:var(--ibiz-color-text-2);--ibiz-context-menu-popover-button-hover-bg:var(--ibiz-color-bg-0)}.ibiz-context-menu__item{padding:var(--ibiz-spacing-extra-tight) 0}.ibiz-context-menu__item+.ibiz-context-menu__item{margin:var(--ibiz-context-menu-item-margin)}.ibiz-context-menu__item .ibiz-icon{margin-right:3px}.ibiz-context-menu__popover{--ibiz-context-menu-item-margin:0 0 0 4px;--ibiz-context-menu-separator-height:20px;--ibiz-context-menu-separator-width:2px;--ibiz-context-menu-separator-color:var(--ibiz-color-border);--ibiz-context-menu-popover-padding:8px 0;--ibiz-context-menu-popover-button-padding:8px 20px;--ibiz-context-menu-popover-button-color:var(--ibiz-color-text-2);--ibiz-context-menu-popover-button-hover-bg:var(--ibiz-color-bg-0);width:auto!important;min-width:150px;--el-popover-padding:var(--ibiz-context-menu-popover-padding)}.ibiz-context-menu__popover .el-button{--el-button-size:40px;display:block;width:100%;padding:var(--ibiz-context-menu-popover-button-padding);margin:0;font-size:14px;color:var(--ibiz-context-menu-popover-button-color);text-align:left;border-radius:0}.ibiz-context-menu__popover .el-button:hover{background-color:var(--ibiz-context-menu-popover-button-hover-bg)}.ibiz-context-menu__popover .el-button .ibiz-icon{margin-right:6px}.ibiz-context-menu__separator{margin:0}.ibiz-context-menu--dropdown .ibiz-context-menu__caption{cursor:pointer}.ibiz-context-menu--dropdown .ibiz-context-menu__caption-icon{vertical-align:bottom}
+@charset "UTF-8";.ibiz-context-menu{--ibiz-context-menu-item-margin:0 0 0 4px;--ibiz-context-menu-separator-height:20px;--ibiz-context-menu-separator-width:2px;--ibiz-context-menu-separator-color:var(--ibiz-color-border);--ibiz-context-menu-popover-padding:8px 0;--ibiz-context-menu-popover-button-padding:8px 20px;--ibiz-context-menu-popover-button-color:var(--ibiz-color-text-2);--ibiz-context-menu-popover-button-hover-bg:var(--ibiz-color-bg-0)}.ibiz-context-menu__item{padding:var(--ibiz-spacing-extra-tight) 0}.ibiz-context-menu__item+.ibiz-context-menu__item{margin:var(--ibiz-context-menu-item-margin)}.ibiz-context-menu__item .ibiz-context-menu__action-content-icon{margin-right:3px}.ibiz-context-menu__action-content{display:flex}.ibiz-context-menu__action-content-icon{display:flex;align-items:center;justify-content:center;width:20px}.ibiz-context-menu__action-content-caption{display:flex;align-items:center;justify-content:center}.ibiz-context-menu__popover{--ibiz-context-menu-item-margin:0 0 0 4px;--ibiz-context-menu-separator-height:20px;--ibiz-context-menu-separator-width:2px;--ibiz-context-menu-separator-color:var(--ibiz-color-border);--ibiz-context-menu-popover-padding:8px 0;--ibiz-context-menu-popover-button-padding:8px 20px;--ibiz-context-menu-popover-button-color:var(--ibiz-color-text-2);--ibiz-context-menu-popover-button-hover-bg:var(--ibiz-color-bg-0);width:auto!important;min-width:150px;--el-popover-padding:var(--ibiz-context-menu-popover-padding)}.ibiz-context-menu__popover .el-button{--el-button-size:40px;display:block;width:100%;padding:var(--ibiz-context-menu-popover-button-padding);margin:0;font-size:14px;color:var(--ibiz-context-menu-popover-button-color);text-align:left;border-radius:0}.ibiz-context-menu__popover .el-button:hover{background-color:var(--ibiz-context-menu-popover-button-hover-bg)}.ibiz-context-menu__popover .el-button .ibiz-context-menu__action-content-icon{margin-right:6px}.ibiz-context-menu__separator{margin:0}.ibiz-context-menu--dropdown .ibiz-context-menu__caption{cursor:pointer}.ibiz-context-menu--dropdown .ibiz-context-menu__caption-icon{vertical-align:bottom}

package/es/control/context-menu/context-menu.mjs

@@ -122,9 +122,15 @@ const ContextMenuControl = /* @__PURE__ */ defineComponent({
             "disabled": this.c.state.buttonsState[detail.id].disabled,
             "class": this.calcActionItemClass(detail)
           }, {
-            default: () => [detail.showIcon && detail.sysImage && createVNode(resolveComponent("iBizIcon"), {
+            default: () => [createVNode("div", {
+              "class": this.ns.e("action-content")
+            }, [detail.showIcon && detail.sysImage && createVNode("div", {
+              "class": this.ns.e("action-content-icon")
+            }, [createVNode(resolveComponent("iBizIcon"), {
               "icon": detail.sysImage
-            }, null), detail.showCaption ? detail.caption : ""]
+            }, null)]), detail.showCaption ? createVNode("div", {
+              "class": this.ns.e("action-content-caption")
+            }, [detail.caption]) : ""])]
           })];
         }
         return null;

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

@@ -68,6 +68,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
             controlParam?: {
                 ctrlParams?: {
                     [x: string]: any;
+                    [x: symbol]: any;
                     constructor: Function;
                     toString: () => string;
                     toLocaleString: () => string;
@@ -322,6 +323,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                     controlParam?: {
                         ctrlParams?: {
                             [x: string]: any;
+                            [x: symbol]: any;
                             constructor: Function;
                             toString: () => string;
                             toLocaleString: () => string;
@@ -443,6 +445,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                         } | undefined;
                         refMode?: {
                             [x: string]: any;
+                            [x: symbol]: any;
                             constructor: Function;
                             toString: () => string;
                             toLocaleString: () => string;
@@ -467,6 +470,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                             paramType?: string | undefined;
                             value?: {
                                 [x: string]: any;
+                                [x: symbol]: any;
                                 constructor: Function;
                                 toString: () => string;
                                 toLocaleString: () => string;
@@ -496,6 +500,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                             appDEUILogicId?: string | undefined;
                             appDataEntityId?: string | undefined;
                             appUILogicRefViews?: {
+                                openMode?: string | undefined;
                                 refMode?: string | undefined;
                                 refAppViewId?: string | undefined;
                                 navigateContexts?: {
@@ -555,6 +560,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                         logicType?: string | undefined;
                         owner?: {
                             [x: string]: any;
+                            [x: symbol]: any;
                             constructor: Function;
                             toString: () => string;
                             toLocaleString: () => string;
@@ -585,6 +591,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                         openMode?: string | undefined;
                         owner?: {
                             [x: string]: any;
+                            [x: symbol]: any;
                             constructor: Function;
                             toString: () => string;
                             toLocaleString: () => string;
@@ -595,6 +602,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                         } | undefined;
                         parentDataJO?: {
                             [x: string]: any;
+                            [x: symbol]: any;
                             constructor: Function;
                             toString: () => string;
                             toLocaleString: () => string;
@@ -621,6 +629,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                         refAppViewId?: string | undefined;
                         viewParamJO?: {
                             [x: string]: any;
+                            [x: symbol]: any;
                             constructor: Function;
                             toString: () => string;
                             toLocaleString: () => string;
@@ -710,6 +719,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                         controlParam?: {
                             ctrlParams?: {
                                 [x: string]: any;
+                                [x: symbol]: any;
                                 constructor: Function;
                                 toString: () => string;
                                 toLocaleString: () => string;
@@ -935,6 +945,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                 } | undefined;
                 refMode?: {
                     [x: string]: any;
+                    [x: symbol]: any;
                     constructor: Function;
                     toString: () => string;
                     toLocaleString: () => string;
@@ -959,6 +970,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                     paramType?: string | undefined;
                     value?: {
                         [x: string]: any;
+                        [x: symbol]: any;
                         constructor: Function;
                         toString: () => string;
                         toLocaleString: () => string;
@@ -988,6 +1000,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                     appDEUILogicId?: string | undefined;
                     appDataEntityId?: string | undefined;
                     appUILogicRefViews?: {
+                        openMode?: string | undefined;
                         refMode?: string | undefined;
                         refAppViewId?: string | undefined;
                         navigateContexts?: {
@@ -1047,6 +1060,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                 logicType?: string | undefined;
                 owner?: {
                     [x: string]: any;
+                    [x: symbol]: any;
                     constructor: Function;
                     toString: () => string;
                     toLocaleString: () => string;
@@ -1077,6 +1091,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                 openMode?: string | undefined;
                 owner?: {
                     [x: string]: any;
+                    [x: symbol]: any;
                     constructor: Function;
                     toString: () => string;
                     toLocaleString: () => string;
@@ -1087,6 +1102,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                 } | undefined;
                 parentDataJO?: {
                     [x: string]: any;
+                    [x: symbol]: any;
                     constructor: Function;
                     toString: () => string;
                     toLocaleString: () => string;
@@ -1113,6 +1129,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                 refAppViewId?: string | undefined;
                 viewParamJO?: {
                     [x: string]: any;
+                    [x: symbol]: any;
                     constructor: Function;
                     toString: () => string;
                     toLocaleString: () => string;
@@ -1202,6 +1219,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                 controlParam?: {
                     ctrlParams?: {
                         [x: string]: any;
+                        [x: symbol]: any;
                         constructor: Function;
                         toString: () => string;
                         toLocaleString: () => string;
@@ -1456,6 +1474,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                         controlParam?: {
                             ctrlParams?: {
                                 [x: string]: any;
+                                [x: symbol]: any;
                                 constructor: Function;
                                 toString: () => string;
                                 toLocaleString: () => string;
@@ -1577,6 +1596,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                             } | undefined;
                             refMode?: {
                                 [x: string]: any;
+                                [x: symbol]: any;
                                 constructor: Function;
                                 toString: () => string;
                                 toLocaleString: () => string;
@@ -1601,6 +1621,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                                 paramType?: string | undefined;
                                 value?: {
                                     [x: string]: any;
+                                    [x: symbol]: any;
                                     constructor: Function;
                                     toString: () => string;
                                     toLocaleString: () => string;
@@ -1630,6 +1651,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                                 appDEUILogicId?: string | undefined;
                                 appDataEntityId?: string | undefined;
                                 appUILogicRefViews?: {
+                                    openMode?: string | undefined;
                                     refMode?: string | undefined;
                                     refAppViewId?: string | undefined;
                                     navigateContexts?: {
@@ -1689,6 +1711,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                             logicType?: string | undefined;
                             owner?: {
                                 [x: string]: any;
+                                [x: symbol]: any;
                                 constructor: Function;
                                 toString: () => string;
                                 toLocaleString: () => string;
@@ -1719,6 +1742,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                             openMode?: string | undefined;
                             owner?: {
                                 [x: string]: any;
+                                [x: symbol]: any;
                                 constructor: Function;
                                 toString: () => string;
                                 toLocaleString: () => string;
@@ -1729,6 +1753,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                             } | undefined;
                             parentDataJO?: {
                                 [x: string]: any;
+                                [x: symbol]: any;
                                 constructor: Function;
                                 toString: () => string;
                                 toLocaleString: () => string;
@@ -1755,6 +1780,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                             refAppViewId?: string | undefined;
                             viewParamJO?: {
                                 [x: string]: any;
+                                [x: symbol]: any;
                                 constructor: Function;
                                 toString: () => string;
                                 toLocaleString: () => string;

package/es/control/dashboard/portlet/chart-portlet/chart-portlet.mjs

@@ -39,7 +39,7 @@ const ChartPortlet = /* @__PURE__ */ defineComponent({
     return createVNode(resolveComponent("iBizPortletLayout"), {
       "controller": this.controller,
       "class": classArr
-    }, _isSlot(_slot = h(resolveComponent("IBizChartControl"), {
+    }, _isSlot(_slot = h(resolveComponent("IBizControlShell"), {
       context,
       params,
       modelData: this.chart

package/es/control/dashboard/portlet/list-portlet/list-portlet.mjs

@@ -39,7 +39,7 @@ const ListPortlet = /* @__PURE__ */ defineComponent({
     return createVNode(resolveComponent("iBizPortletLayout"), {
       "controller": this.controller,
       "class": classArr
-    }, _isSlot(_slot = h(resolveComponent("IBizListControl"), {
+    }, _isSlot(_slot = h(resolveComponent("IBizControlShell"), {
       context,
       params,
       modelData: this.list

package/es/control/form/form-detail/form-item/form-item.css

@@ -1 +1 @@
-.ibiz-form-item{border-color:var(--ibiz-color-border);--ibiz-form-item-label-color:var(--ibiz-color-text-1);--ibiz-form-item-text-color:var(--ibiz-color-text-2);--ibiz-form-item-hover-color:var(--ibiz-color-text-0);--ibiz-form-item-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-form-item-readonly-color:var(--ibiz-color-disabled-text);--ibiz-form-item-border-color:transparent;--ibiz-form-item-font-size:var(--ibiz-font-size-regular);--ibiz-form-item-placeholder-color:var(--ibiz-color-text-3);--ibiz-form-item-disabled-color:var(--ibiz-color-disabled-text);--ibiz-form-item-disabled-bg-color:var(--ibiz-color-disabled-fill);--ibiz-form-item-disabled-border-color:var(--ibiz-color-disabled-border);--ibiz-form-item-active-bg:var(--ibiz-color-fill-2);--ibiz-form-item-active-border:var(--ibiz-active-bg);--ibiz-form-item-focus-bg:var(--ibiz-color-fill-0);--ibiz-form-item-focus-border:var(--ibiz-color-focus-border);--ibiz-form-item-line-height:var(--ibiz-editor-default-line-height);--ibiz-form-item-font-weight:var(--ibiz-font-weight-regular)}
+.ibiz-form-item{border-color:var(--ibiz-color-border);--ibiz-form-item-label-color:var(--ibiz-color-text-1);--ibiz-form-item-text-color:var(--ibiz-color-text-2);--ibiz-form-item-hover-color:var(--ibiz-color-text-0);--ibiz-form-item-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-form-item-readonly-color:var(--ibiz-color-disabled-text);--ibiz-form-item-border-color:transparent;--ibiz-form-item-font-size:var(--ibiz-font-size-regular);--ibiz-form-item-placeholder-color:var(--ibiz-color-text-3);--ibiz-form-item-disabled-color:var(--ibiz-color-disabled-text);--ibiz-form-item-disabled-bg-color:var(--ibiz-color-disabled-fill);--ibiz-form-item-disabled-border-color:var(--ibiz-color-disabled-border);--ibiz-form-item-active-bg:var(--ibiz-color-fill-2);--ibiz-form-item-active-border:var(--ibiz-active-bg);--ibiz-form-item-focus-bg:var(--ibiz-color-fill-0);--ibiz-form-item-focus-border:var(--ibiz-color-focus-border);--ibiz-form-item-line-height:var(--ibiz-editor-default-line-height);--ibiz-form-item-font-weight:var(--ibiz-font-weight-regular);--ibiz-form-item-hover-edit-padding:0 11px}

package/es/control/form/form-detail/form-mdctrl/form-mdctrl-md/form-mdctrl-md.css

@@ -1 +1 @@
-.ibiz-form-mdctrl-md{--ibiz-form-mdctrl-md-empty-image-width:64px;--ibiz-form-mdctrl-md-empty-padding:0;--ibiz-form-mdctrl-md-empty-margin-top:var(--ibiz-spacing-tight);display:flex}.ibiz-form-mdctrl-md-content{flex-grow:1}.ibiz-form-mdctrl-md-content>.ibiz-no-data{--el-empty-image-width:var(--ibiz-form-mdctrl-md-empty-image-width);--el-empty-description-margin-top:var(--ibiz-form-mdctrl-md-empty-margin-top);--el-empty-padding:var(--ibiz-form-mdctrl-md-empty-padding)}.ibiz-form-mdctrl-md-actions{flex-shrink:0;width:80px;text-align:center}.ibiz-form-mdctrl-md-actions .el-button+.el-button{margin-left:0}.ibiz-form-mdctrl-md-actions__btn{margin-bottom:var(--ibiz-spacing-tight)}
+.ibiz-form-mdctrl-md{--ibiz-form-mdctrl-md-empty-image-width:64px;--ibiz-form-mdctrl-md-empty-padding:0;--ibiz-form-mdctrl-md-empty-margin-top:var(--ibiz-spacing-tight);display:flex}.ibiz-form-mdctrl-md-content{flex-grow:1}.ibiz-form-mdctrl-md-content .ibiz-no-data{--el-empty-image-width:var(--ibiz-form-mdctrl-md-empty-image-width);--el-empty-description-margin-top:var(--ibiz-form-mdctrl-md-empty-margin-top);--el-empty-padding:var(--ibiz-form-mdctrl-md-empty-padding);line-height:1}.ibiz-form-mdctrl-md-actions{flex-shrink:0;width:80px;text-align:center}.ibiz-form-mdctrl-md-actions .el-button+.el-button{margin-left:0}.ibiz-form-mdctrl-md-actions__btn{margin-bottom:var(--ibiz-spacing-tight)}