@uzum-tech/ui 1.11.0 → 1.11.1

package/dist/index.js

@@ -119888,24 +119888,24 @@
       self: self$3
     };
 
-    var style$l = c$1([cB("modal-container", `
+    var style$l = c$1([cB("modal-fullscreen-container", `
     position: fixed;
     left: 0;
     top: 0;
     height: 0;
     width: 0;
     display: flex;
-  `), cB("modal-body-wrapper", `
+  `), cB("modal-fullscreen-body-wrapper", `
     position: fixed;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     overflow: visible;
-  `, [cB("modal-scroll-content", `
-      min-height: 100%;
-      position: relative;
-    `)]), cB("modal", `
+  `), cB("modal-fullscreen-scroll-content", `
+    min-height: 100%;
+    position: relative;
+  `), cB("modal-fullscreen", `
     position: relative;
     color: var(--u-text-color);
     margin: auto;
@@ -119923,22 +119923,22 @@
         background-color .3s var(--u-bezier),
         color .3s var(--u-bezier);
       z-index: 1;
-    `)]), cB("modal-content", `
+    `)]), cB("modal-fullscreen-content", `
     height: 100%;
-  `, [cM("fixed", "", [cB("modal-header", `
+  `, [cM("fixed", "", [cB("modal-fullscreen-header", `
         flex: 0 0 auto;
-      `), cB("modal-body", `
+      `), cB("modal-fullscreen-body", `
         flex: 1 1 100%;
-      `), cB("modal-footer", `
+      `), cB("modal-fullscreen-footer", `
         flex: 0 0 auto;
-      `)])]), cB("modal-body", `
+      `)])]), cB("modal-fullscreen-body", `
     padding: var(--u-body-padding);
     background: var(--u-body-bg);
     overflow-y: auto;
-  `), cB("modal-footer", `
+  `), cB("modal-fullscreen-footer", `
     padding: var(--u-footer-padding);
     background: var(--u-footer-bg);
-  `), cB("modal-header", `
+  `), cB("modal-fullscreen-header", `
       padding: var(--u-header-padding);
       background: var(--u-header-bg);
     `, [cE("left", `
@@ -119998,7 +119998,7 @@
       onUpdateShow: [Function, Array],
       "onUpdate:show": [Function, Array]
     };
-    var ModalFull = vue.defineComponent({
+    const ModalFullscreen = vue.defineComponent({
       name: "ModalFullscreen",
       inheritAttrs: false,
       props: modalFullscreenProps,
@@ -120174,21 +120174,8 @@
           handleEnter,
           handleBeforeLeave,
           handleAfterLeave,
-          handleEsc,
-          handleCloseClick
+          handleEsc
         } = this;
-        const headerLeftSlot = resolveWrappedSlot(
-          this.$slots.headerLeft,
-          (children) => children
-        );
-        const bodySlot = resolveWrappedSlot(
-          this.$slots.body || this.$slots.default,
-          (children) => children
-        );
-        const footerSlot = resolveWrappedSlot(
-          this.$slots.footer,
-          (children) => children
-        );
         return /* @__PURE__ */ vue.h(VLazyTeleport, { to: this.to, show: this.show }, {
           default: () => {
             this.onRender?.();
@@ -120199,7 +120186,7 @@
                   role: "none",
                   ref: "containerRef",
                   class: [
-                    `${mergedClsPrefix}-modal-container`,
+                    `${mergedClsPrefix}-modal-fullscreen-container`,
                     this.themeClass,
                     this.namespace
                   ],
@@ -120210,7 +120197,7 @@
                     "div",
                     {
                       role: "none",
-                      class: `${mergedClsPrefix}-modal-body-wrapper`
+                      class: `${mergedClsPrefix}-modal-fullscreen-body-wrapper`
                     },
                     /* @__PURE__ */ vue.h(
                       Scrollbar$1,
@@ -120218,7 +120205,7 @@
                         ref: "scrollbarRef",
                         theme: this.themeRef.peers.Scrollbar,
                         themeOverrides: this.themeRef.peerOverrides.Scrollbar,
-                        contentClass: `${mergedClsPrefix}-modal-scroll-content`
+                        contentClass: `${mergedClsPrefix}-modal-fullscreen-scroll-content`
                       },
                       {
                         default: () => /* @__PURE__ */ vue.h(
@@ -120246,89 +120233,7 @@
                                     [vue.vShow, this.show]
                                   ];
                                   return vue.withDirectives(
-                                    /* @__PURE__ */ vue.h(
-                                      "div",
-                                      {
-                                        class: `${mergedClsPrefix}-modal`
-                                      },
-                                      /* @__PURE__ */ vue.h(
-                                        UFlex,
-                                        {
-                                          vertical: true,
-                                          size: [0, 0],
-                                          class: [
-                                            `${mergedClsPrefix}-modal-content`,
-                                            this.fixed && `${mergedClsPrefix}-modal-content--fixed`
-                                          ]
-                                        },
-                                        /* @__PURE__ */ vue.h(
-                                          UFlex,
-                                          {
-                                            align: "center",
-                                            size: [0, 0],
-                                            wrap: false,
-                                            class: `${mergedClsPrefix}-modal-header`
-                                          },
-                                          /* @__PURE__ */ vue.h(
-                                            "div",
-                                            {
-                                              class: `${mergedClsPrefix}-modal-header__left`
-                                            },
-                                            headerLeftSlot
-                                          ),
-                                          /* @__PURE__ */ vue.h(
-                                            "div",
-                                            {
-                                              class: `${mergedClsPrefix}-modal-header__center`
-                                            },
-                                            this.title ? /* @__PURE__ */ vue.h(
-                                              UText,
-                                              {
-                                                variant: "body-l-semi-bold",
-                                                class: `${mergedClsPrefix}-modal-header__title`
-                                              },
-                                              this.title
-                                            ) : null,
-                                            this.subtitle ? /* @__PURE__ */ vue.h(
-                                              UText,
-                                              {
-                                                variant: "body-m-medium",
-                                                class: `${mergedClsPrefix}-modal-header__subtitle`
-                                              },
-                                              this.subtitle
-                                            ) : null
-                                          ),
-                                          /* @__PURE__ */ vue.h(
-                                            "div",
-                                            {
-                                              class: `${mergedClsPrefix}-modal-header__right`
-                                            },
-                                            /* @__PURE__ */ vue.h(
-                                              UBaseClose,
-                                              {
-                                                clsPrefix: mergedClsPrefix,
-                                                class: `${mergedClsPrefix}-modal__close`,
-                                                onClick: handleCloseClick
-                                              }
-                                            )
-                                          )
-                                        ),
-                                        /* @__PURE__ */ vue.h(
-                                          "div",
-                                          {
-                                            class: `${mergedClsPrefix}-modal-body`
-                                          },
-                                          bodySlot
-                                        ),
-                                        /* @__PURE__ */ vue.h(
-                                          "div",
-                                          {
-                                            class: `${mergedClsPrefix}-modal-footer`
-                                          },
-                                          footerSlot
-                                        )
-                                      )
-                                    ),
+                                    modalFullscreenContent(this),
                                     dirs
                                   );
                                 }
@@ -120361,6 +120266,82 @@
         });
       }
     });
+    const modalFullscreenContent = (_) => {
+      const headerLeftSlot = resolveWrappedSlot(
+        _.$slots.headerLeft,
+        (children) => children
+      );
+      const bodySlot = resolveWrappedSlot(
+        _.$slots.body || _.$slots.default,
+        (children) => children
+      );
+      const footerSlot = resolveWrappedSlot(_.$slots.footer, (children) => children);
+      return /* @__PURE__ */ vue.h("div", { class: `${_.mergedClsPrefix}-modal-fullscreen` }, /* @__PURE__ */ vue.h(
+        UFlex,
+        {
+          vertical: true,
+          size: [0, 0],
+          class: [
+            `${_.mergedClsPrefix}-modal-fullscreen-content`,
+            _.fixed && `${_.mergedClsPrefix}-modal-fullscreen-content--fixed`
+          ]
+        },
+        {
+          default: () => /* @__PURE__ */ vue.h(vue.Fragment, null, /* @__PURE__ */ vue.h(
+            UFlex,
+            {
+              align: "center",
+              size: [0, 0],
+              wrap: false,
+              class: `${_.mergedClsPrefix}-modal-fullscreen-header`
+            },
+            {
+              defaul: () => /* @__PURE__ */ vue.h(vue.Fragment, null, /* @__PURE__ */ vue.h(
+                "div",
+                {
+                  class: `${_.mergedClsPrefix}-modal-fullscreen-header__left`
+                },
+                headerLeftSlot
+              ), /* @__PURE__ */ vue.h(
+                "div",
+                {
+                  class: `${_.mergedClsPrefix}-modal-fullscreen-header__center`
+                },
+                _.title ? /* @__PURE__ */ vue.h(
+                  UText,
+                  {
+                    variant: "body-l-semi-bold",
+                    class: `${_.mergedClsPrefix}-modal-fullscreen-header__title`
+                  },
+                  _.title
+                ) : null,
+                _.subtitle ? /* @__PURE__ */ vue.h(
+                  UText,
+                  {
+                    variant: "body-m-medium",
+                    class: `${_.mergedClsPrefix}-modal-fullscreen-header__subtitle`
+                  },
+                  _.subtitle
+                ) : null
+              ), /* @__PURE__ */ vue.h(
+                "div",
+                {
+                  class: `${_.mergedClsPrefix}-modal-fullscreen-header__right`
+                },
+                /* @__PURE__ */ vue.h(
+                  UBaseClose,
+                  {
+                    clsPrefix: _.mergedClsPrefix,
+                    class: `${_.mergedClsPrefix}-modal-fullscreen__close`,
+                    onClick: _.handleCloseClick
+                  }
+                )
+              ))
+            }
+          ), /* @__PURE__ */ vue.h("div", { class: `${_.mergedClsPrefix}-modal-fullscreen-body` }, bodySlot), /* @__PURE__ */ vue.h("div", { class: `${_.mergedClsPrefix}-modal-fullscreen-footer` }, footerSlot))
+        }
+      ));
+    };
 
     const notificationProviderInjectionKey = createInjectionKey("u-notification-provider");
 
@@ -135984,7 +135965,7 @@
         UMenu: Menu,
         UMessageProvider: UMessageProvider,
         UModal: UModal,
-        UModalFullscreen: ModalFull,
+        UModalFullscreen: ModalFullscreen,
         UNotificationProvider: UNotificationProvider,
         UNumberAnimation: NumberAnimation,
         UOl: ol,
@@ -136187,7 +136168,7 @@
         watermarkProps: watermarkProps
     });
 
-    var version = "1.11.0";
+    var version = "1.11.1";
 
     function create({
       componentPrefix = "U",
@@ -137099,7 +137080,7 @@
     exports.UMenu = Menu;
     exports.UMessageProvider = UMessageProvider;
     exports.UModal = UModal;
-    exports.UModalFullscreen = ModalFull;
+    exports.UModalFullscreen = ModalFullscreen;
     exports.UNotificationProvider = UNotificationProvider;
     exports.UNumberAnimation = NumberAnimation;
     exports.UOl = ol;