nexa-ui-kit 0.7.11 → 0.8.0

package/dist/components/NModal.js

@@ -1,7 +1,7 @@
 import { signal, effect, onMounted, onUnmounted, h, hText, defineComponent, registerComponent, reloadComponent, injectStyle, Teleport } from 'nexa-framework'
 
 const _sfc_main = defineComponent({
-  __scopeId: 'data-v-655f39d1',
+  __scopeId: 'data-v-51b57181',
   __hmrId: 'NModal_nexa',
   props: {
   show: { type: Boolean, default: false },
@@ -78,152 +78,152 @@ const _sfc_main = defineComponent({
 })
 // Injected render function
 _sfc_main.render = function(ctx) {
-  let { isVisible, modalEl, previousFocus, bodyOverflow, setModalRef, sizeMap, close, handleEsc, handleOverlayClick, focusableSelector, handleKeydown, $slots, emit, show, title, size, closable, closeLeft, Fragment: _ntc_Fragment, Teleport: _ntc_Teleport } = ctx
-    return h(_ntc_Teleport, { to: "body", "data-v-655f39d1": "" }, [
-        "\n    ",
-        (isVisible.value) ? h('div', { class: "n-modal-root", "data-v-655f39d1": "" }, [
-        "\n      ",
-        h('div', { class: ["n-modal-overlay", { 'is-active': show }], onClick: handleOverlayClick, "data-v-655f39d1": "" }),
-        "\n      ",
-        h('div', { class: ["n-modal-container", { 'is-active': show }], ref: setModalRef, style: { maxWidth: sizeMap[size] || size }, tabindex: "-1", onKeydown: handleKeydown, "data-v-655f39d1": "" }, [
-        "\n        ",
-        (title || $slots.header) ? h('div', { class: ["n-modal-header", { 'close-left': closeLeft }], "data-v-655f39d1": "" }, [
-        "\n          ",
-        (closable && closeLeft) ? h('button', { class: "n-modal-close", onClick: close, "aria-label": "Close", "data-v-655f39d1": "" }, [
+  const { isVisible, modalEl, previousFocus, bodyOverflow, setModalRef, sizeMap, close, handleEsc, handleOverlayClick, focusableSelector, handleKeydown, $slots, emit, show, title, size, closable, closeLeft, Fragment: _ntc_Fragment, Teleport: _ntc_Teleport } = ctx
+    return h(_ntc_Teleport, { to: "body", "data-v-51b57181": "" }, [
+        "\r\n    ",
+        (isVisible.value) ? h('div', { class: "n-modal-root", "data-v-51b57181": "" }, [
+        "\r\n      ",
+        h('div', { class: ["n-modal-overlay", { 'is-active': show }], onClick: handleOverlayClick, "data-v-51b57181": "" }),
+        "\r\n      ",
+        h('div', { class: ["n-modal-container", { 'is-active': show }], ref: setModalRef, style: { maxWidth: sizeMap[size] || size }, tabindex: "-1", onKeydown: handleKeydown, "data-v-51b57181": "" }, [
+        "\r\n        ",
+        (title || $slots.header) ? h('div', { class: ["n-modal-header", { 'close-left': closeLeft }], "data-v-51b57181": "" }, [
+        "\r\n          ",
+        (closable && closeLeft) ? h('button', { class: "n-modal-close", onClick: close, "aria-label": "Close", "data-v-51b57181": "" }, [
         "×"
       ]) : null,
-        ctx.$slots.header ? ctx.$slots.header() : ["\n            ", h('h3', { "data-v-655f39d1": "" }, [
+        ctx.$slots.header ? ctx.$slots.header() : ["\r\n            ", h('h3', null, [
         title
-      ]), "\n          "],
-        "\n          ",
-        (closable && !closeLeft) ? h('button', { class: "n-modal-close", onClick: close, "aria-label": "Close", "data-v-655f39d1": "" }, [
+      ]), "\r\n          "],
+        "\r\n          ",
+        (closable && !closeLeft) ? h('button', { class: "n-modal-close", onClick: close, "aria-label": "Close", "data-v-51b57181": "" }, [
         "×"
       ]) : null
       ]) : null,
-        h('div', { class: "n-modal-content", "data-v-655f39d1": "" }, [
-        "\n          ",
+        h('div', { class: "n-modal-content", "data-v-51b57181": "" }, [
+        "\r\n          ",
         ctx.$slots.default ? ctx.$slots.default() : null,
-        "\n        "
+        "\r\n        "
       ]),
-        "\n        ",
-        ($slots.footer) ? h('div', { class: "n-modal-footer", "data-v-655f39d1": "" }, [
-        "\n          ",
+        "\r\n        ",
+        ($slots.footer) ? h('div', { class: "n-modal-footer", "data-v-51b57181": "" }, [
+        "\r\n          ",
         ctx.$slots.footer ? ctx.$slots.footer() : null,
-        "\n        "
+        "\r\n        "
       ]) : null
       ]),
-        "\n    "
+        "\r\n    "
       ]) : null
       ])
 }
-_sfc_main.__scopeId = 'data-v-655f39d1'
+_sfc_main.__scopeId = 'data-v-51b57181'
 _sfc_main.__hmrId = 'NModal_nexa'
 
 export default _sfc_main
 
-const __style = `.n-modal-root[data-v-655f39d1]{
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100vw;
-  height: 100vh;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  z-index: var(--n-z-modal);
-}
-
-.n-modal-overlay[data-v-655f39d1]{
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  background: var(--n-color-overlay);
-  backdrop-filter: blur(8px);
-  opacity: 0;
-  transition: opacity 0.25s ease;
-}
-
-.n-modal-overlay.is-active[data-v-655f39d1]{
-  opacity: 1;
-}
-
-.n-modal-container[data-v-655f39d1]{
-  position: relative;
-  width: 90%;
-  background: var(--n-color-surface);
-  border: 1px solid var(--n-color-border);
-  border-radius: var(--n-radius-2xl);
-  box-shadow: var(--n-shadow-xl);
-  transform: scale(0.9) translateY(20px);
-  opacity: 0;
-  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
-  overflow: hidden;
-  outline: none;
-  max-height: 85vh;
-  display: flex;
-  flex-direction: column;
-}
-
-.n-modal-container.is-active[data-v-655f39d1]{
-  transform: scale(1) translateY(0);
-  opacity: 1;
-}
-
-.n-modal-header[data-v-655f39d1]{
-  padding: var(--n-space-6) var(--n-space-8);
-  border-bottom: 1px solid var(--n-color-border);
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  flex-shrink: 0;
-}
-
-.n-modal-header h3[data-v-655f39d1]{
-  margin: 0;
-  font-size: var(--n-text-xl);
-  font-weight: var(--n-weight-bold);
-  color: var(--n-color-text);
-}
-
-.n-modal-close[data-v-655f39d1]{
-  background: transparent;
-  border: none;
-  color: var(--n-color-text-secondary);
-  font-size: 1.75rem;
-  cursor: pointer;
-  transition: color var(--n-transition-fast);
-  padding: 0;
-  line-height: 1;
-  width: 36px;
-  height: 36px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: var(--n-radius-sm);
-}
-
-.n-modal-close[data-v-655f39d1]:hover{
-  color: var(--n-color-text);
-  background: var(--n-color-glass);
-}
-
-.n-modal-content[data-v-655f39d1]{
-  padding: var(--n-space-8);
-  color: var(--n-color-text-secondary);
-  overflow-y: auto;
-  overflow-x: hidden;
-  flex: 1;
-}
-
-.n-modal-footer[data-v-655f39d1]{
-  padding: var(--n-space-5) var(--n-space-8);
-  background: rgba(0, 0, 0, 0.15);
-  border-top: 1px solid var(--n-color-border);
-  display: flex;
-  justify-content: flex-end;
-  gap: var(--n-space-4);
-  flex-shrink: 0;
+const __style = `.n-modal-root[data-v-51b57181]{
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: 100vh;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: var(--n-z-modal);
+}
+
+.n-modal-overlay[data-v-51b57181]{
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: var(--n-color-overlay);
+  backdrop-filter: blur(8px);
+  opacity: 0;
+  transition: opacity 0.25s ease;
+}
+
+.n-modal-overlay.is-active[data-v-51b57181]{
+  opacity: 1;
+}
+
+.n-modal-container[data-v-51b57181]{
+  position: relative;
+  width: 90%;
+  background: var(--n-color-surface);
+  border: 1px solid var(--n-color-border);
+  border-radius: var(--n-radius-2xl);
+  box-shadow: var(--n-shadow-xl);
+  transform: scale(0.9) translateY(20px);
+  opacity: 0;
+  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
+  overflow: hidden;
+  outline: none;
+  max-height: 85vh;
+  display: flex;
+  flex-direction: column;
+}
+
+.n-modal-container.is-active[data-v-51b57181]{
+  transform: scale(1) translateY(0);
+  opacity: 1;
+}
+
+.n-modal-header[data-v-51b57181]{
+  padding: var(--n-space-6) var(--n-space-8);
+  border-bottom: 1px solid var(--n-color-border);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  flex-shrink: 0;
+}
+
+.n-modal-header h3[data-v-51b57181]{
+  margin: 0;
+  font-size: var(--n-text-xl);
+  font-weight: var(--n-weight-bold);
+  color: var(--n-color-text);
+}
+
+.n-modal-close[data-v-51b57181]{
+  background: transparent;
+  border: none;
+  color: var(--n-color-text-secondary);
+  font-size: 1.75rem;
+  cursor: pointer;
+  transition: color var(--n-transition-fast);
+  padding: 0;
+  line-height: 1;
+  width: 36px;
+  height: 36px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: var(--n-radius-sm);
+}
+
+.n-modal-close[data-v-51b57181]:hover{
+  color: var(--n-color-text);
+  background: var(--n-color-glass);
+}
+
+.n-modal-content[data-v-51b57181]{
+  padding: var(--n-space-8);
+  color: var(--n-color-text-secondary);
+  overflow-y: auto;
+  overflow-x: hidden;
+  flex: 1;
+}
+
+.n-modal-footer[data-v-51b57181]{
+  padding: var(--n-space-5) var(--n-space-8);
+  background: rgba(0, 0, 0, 0.15);
+  border-top: 1px solid var(--n-color-border);
+  display: flex;
+  justify-content: flex-end;
+  gap: var(--n-space-4);
+  flex-shrink: 0;
 }`
-injectStyle('data-v-655f39d1', __style)
+injectStyle('data-v-51b57181', __style)