@nmorph/nmorph-ui-kit 2.2.7 → 2.2.10

package/dist/components/navigation/nmorph-breadcrumb/NmorphBreadcrumb.vue.js

@@ -0,0 +1,48 @@
+import './NmorphBreadcrumb.css';
+import a from "./NmorphBreadcrumb.vue2.js";
+import { openBlock as e, createElementBlock as o, normalizeClass as c, renderSlot as d, Fragment as s, renderList as i, createElementVNode as l, toDisplayString as b, createCommentVNode as p } from "vue";
+/* empty css                      */
+import _ from "../../../_virtual/_plugin-vue_export-helper.js";
+const u = ["id"], f = {
+  key: 0,
+  class: "nmorph-breadcrumb__separator"
+};
+function h(m, v, k, r, g, y) {
+  return e(), o(
+    "div",
+    {
+      class: c(r.modifiers)
+    },
+    [
+      d(m.$slots, "default"),
+      (e(!0), o(
+        s,
+        null,
+        i(r.breadcrumbs, (n, t) => (e(), o("div", {
+          key: t,
+          class: "nmorph-breadcrumb__content"
+        }, [
+          l("div", {
+            id: `nmorph-breadcrumb-${r.breadcrumbId}-${n.itemId}-element`,
+            class: "nmorph-breadcrumb__element"
+          }, null, 8, u),
+          t < r.breadcrumbs.length - 1 ? (e(), o(
+            "div",
+            f,
+            b(r.props.separator),
+            1
+            /* TEXT */
+          )) : p("v-if", !0)
+        ]))),
+        128
+        /* KEYED_FRAGMENT */
+      ))
+    ],
+    2
+    /* CLASS */
+  );
+}
+const I = /* @__PURE__ */ _(a, [["render", h], ["__file", "/builds/ketjo/nmorph/library/src/components/navigation/nmorph-breadcrumb/NmorphBreadcrumb.vue"]]);
+export {
+  I as default
+};

package/dist/components/navigation/nmorph-breadcrumb/NmorphBreadcrumb.vue2.js

@@ -0,0 +1,24 @@
+import './NmorphBreadcrumb.css';
+import { defineComponent as m, ref as n, provide as d, computed as u } from "vue";
+import { useModifiers as c } from "../../../utils/create-modifiers.js";
+import { generateUUID as i } from "../../../utils/common.js";
+const l = /* @__PURE__ */ m({
+  __name: "NmorphBreadcrumb",
+  props: {
+    separator: { type: String, required: !1, default: "/" }
+  },
+  setup(o, { expose: p }) {
+    p();
+    const s = o, e = n([]), r = i();
+    d("breadcrumb-data", { breadcrumbs: e, breadcrumbId: r });
+    const a = u(
+      () => c({
+        "nmorph-breadcrumb": []
+      })
+    ), t = { props: s, breadcrumbs: e, breadcrumbId: r, modifiers: a };
+    return Object.defineProperty(t, "__isScriptSetup", { enumerable: !1, value: !0 }), t;
+  }
+});
+export {
+  l as default
+};

package/dist/components/navigation/nmorph-breadcrumb/components/nmorph-breadcrumb-item/NmorphBreadcrumbItem.vue.js

@@ -0,0 +1,36 @@
+import n from "./NmorphBreadcrumbItem.vue2.js";
+import { resolveComponent as a, openBlock as o, createElementBlock as c, normalizeClass as l, createBlock as i, Teleport as d, createVNode as s, withCtx as p, renderSlot as b, createCommentVNode as f } from "vue";
+import u from "../../../../../_virtual/_plugin-vue_export-helper.js";
+function _(t, h, r, e, k, v) {
+  const m = a("router-link");
+  return e.isMounted && e.itemId ? (o(), c(
+    "div",
+    {
+      key: 0,
+      class: l(e.modifiers)
+    },
+    [
+      (o(), i(d, {
+        to: `#nmorph-breadcrumb-${e.breadcrumbData?.breadcrumbId}-${e.itemId}-element`
+      }, [
+        s(m, {
+          to: r.to,
+          replace: r.replace,
+          class: "fill-height"
+        }, {
+          default: p(() => [
+            b(t.$slots, "default")
+          ]),
+          _: 3
+          /* FORWARDED */
+        }, 8, ["to", "replace"])
+      ], 8, ["to"]))
+    ],
+    2
+    /* CLASS */
+  )) : f("v-if", !0);
+}
+const N = /* @__PURE__ */ u(n, [["render", _], ["__file", "/builds/ketjo/nmorph/library/src/components/navigation/nmorph-breadcrumb/components/nmorph-breadcrumb-item/NmorphBreadcrumbItem.vue"]]);
+export {
+  N as default
+};

package/dist/components/navigation/nmorph-breadcrumb/components/nmorph-breadcrumb-item/NmorphBreadcrumbItem.vue2.js

@@ -0,0 +1,26 @@
+import { defineComponent as m, computed as p, inject as d, ref as c, onMounted as i } from "vue";
+import { useModifiers as f } from "../../../../../utils/create-modifiers.js";
+import { generateUUID as l } from "../../../../../utils/common.js";
+const v = /* @__PURE__ */ m({
+  __name: "NmorphBreadcrumbItem",
+  props: {
+    to: { type: null, required: !1, default: "" },
+    replace: { type: Boolean, required: !1, default: !1 }
+  },
+  setup(u, { expose: s }) {
+    s();
+    const e = u, n = p(
+      () => f({
+        "nmorph-breadcrumb-item": []
+      })
+    ), r = d("breadcrumb-data"), t = c(!1), o = l();
+    i(() => {
+      t.value = !0;
+    }), r.breadcrumbs.value.push({ ...e, itemId: o });
+    const a = { props: e, modifiers: n, breadcrumbData: r, isMounted: t, itemId: o };
+    return Object.defineProperty(a, "__isScriptSetup", { enumerable: !1, value: !0 }), a;
+  }
+});
+export {
+  v as default
+};

package/dist/components/navigation/nmorph-dropdown/NmorphDropdown.css

@@ -0,0 +1 @@
+.nmorph-dropdown{position:fixed;border-radius:var(--default-border-radius);background:var(--nmorph-main-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-dropdown--closed{z-index:-1000;opacity:0}.nmorph-dropdown{width:var(--nmorph-dropdown-width);min-width:var(--nmorph-dropdown-min-width);max-width:var(--nmorph-dropdown-max-width)}

package/dist/components/navigation/nmorph-dropdown/NmorphDropdown.vue.js

@@ -0,0 +1,49 @@
+import './NmorphDropdown.css';
+import n from "./NmorphDropdown.vue2.js";
+import { openBlock as d, createElementBlock as i, normalizeStyle as r, createVNode as t, withCtx as m, createElementVNode as p, normalizeClass as a, renderSlot as l } from "vue";
+/* empty css                    */
+import s from "../../../_virtual/_plugin-vue_export-helper.js";
+function c(e, h, f, o, w, _) {
+  return d(), i(
+    "div",
+    {
+      style: r({
+        "--nmorph-dropdown-width": o.width,
+        "--nmorph-dropdown-min-width": o.getCssSize(o.props.minWidth) || "auto",
+        "--nmorph-dropdown-max-width": o.getCssSize(o.props.maxWidth) || "none"
+      })
+    },
+    [
+      t(o.NmorphOverlay, {
+        show: o.props.open,
+        transparent: "",
+        "z-index": o.props.zIndex,
+        onOnOutsideClick: o.outsideClickHandler
+      }, {
+        default: m(() => [
+          p(
+            "div",
+            {
+              ref: "dropdownDOMRef",
+              class: a(o.modifiers),
+              style: r({ left: `${o.placementCoords.x}`, top: `${o.placementCoords.y}` })
+            },
+            [
+              l(e.$slots, "default")
+            ],
+            6
+            /* CLASS, STYLE */
+          )
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 8, ["show", "z-index"])
+    ],
+    4
+    /* STYLE */
+  );
+}
+const k = /* @__PURE__ */ s(n, [["render", c], ["__file", "/builds/ketjo/nmorph/library/src/components/navigation/nmorph-dropdown/NmorphDropdown.vue"]]);
+export {
+  k as default
+};

package/dist/components/navigation/nmorph-dropdown/NmorphDropdown.vue2.js

@@ -0,0 +1,42 @@
+import './NmorphDropdown.css';
+import { defineComponent as a, ref as c, computed as l } from "vue";
+import { useModifiers as y } from "../../../utils/create-modifiers.js";
+import { usePlacement as h } from "../../../hooks/use-placement.js";
+import O from "../../others/nmorph-overlay/NmorphOverlay.vue.js";
+const w = /* @__PURE__ */ a({
+  __name: "NmorphDropdown",
+  props: {
+    open: { type: Boolean, required: !0 },
+    relativeElement: { type: null, required: !0 },
+    width: { type: [Number, String], required: !1, default: 160 },
+    minWidth: { type: [Number, String], required: !1 },
+    maxWidth: { type: [Number, String], required: !1 },
+    xOffset: { type: Number, required: !1, default: 0 },
+    yOffset: { type: Number, required: !1, default: 0 },
+    fillWidth: { type: Boolean, required: !1, default: !0 },
+    zIndex: { type: Number, required: !1 }
+  },
+  emits: ["on-outside-click"],
+  setup(s, { expose: d, emit: f }) {
+    d();
+    const e = s, r = f, o = c(null), { placementCoords: m } = h({
+      initialPlacement: "bottom",
+      contentDOMElement: o,
+      relativeElement: e.relativeElement,
+      yOffset: e.yOffset,
+      xOffset: e.xOffset
+    }), u = l(
+      () => y({
+        "nmorph-dropdown": [`${!e.open && "closed"}`]
+      })
+    ), i = (t) => typeof t == "number" ? `${t}px` : t, p = l(() => e.fillWidth ? `${e.relativeElement?.clientWidth}px` : i(e.width)), n = { props: e, emit: r, dropdownDOMRef: o, placementCoords: m, modifiers: u, getCssSize: i, width: p, outsideClickHandler: () => {
+      r("on-outside-click");
+    }, get NmorphOverlay() {
+      return O;
+    } };
+    return Object.defineProperty(n, "__isScriptSetup", { enumerable: !1, value: !0 }), n;
+  }
+});
+export {
+  w as default
+};

package/dist/components/navigation/nmorph-tabs/NmorphTabs.css

@@ -0,0 +1 @@
+.nmorph-tabs{border-radius:var(--default-border-radius)}.nmorph-tabs .nmorph-tabs__label-list{display:flex;padding:var(--indentation-02);border-top-left-radius:var(--default-border-radius);border-top-right-radius:var(--default-border-radius);background:var(--nmorph-main-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-tabs .nmorph-tabs__label{margin-right:var(--indentation-02);padding:var(--indentation-03);border-radius:var(--default-border-radius);cursor:pointer;background:var(--nmorph-main-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-tabs .nmorph-tabs__label.nmorph-tabs__label--disabled{cursor:not-allowed;opacity:.6}.nmorph-tabs .nmorph-tabs__label.nmorph-tabs__label--selected{background:var(--nmorph-main-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-tabs .nmorph-tabs__content__wrapper{padding:var(--indentation-02);border-bottom-right-radius:var(--default-border-radius);border-bottom-left-radius:var(--default-border-radius);background:var(--nmorph-main-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-tabs .nmorph-tabs__content{padding:var(--indentation-03);border-radius:var(--default-border-radius);background:var(--nmorph-main-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-tabs.nmorph-tabs--stretch .nmorph-tabs__label{width:100%}

package/dist/components/navigation/nmorph-tabs/NmorphTabs.vue.js

@@ -0,0 +1,73 @@
+import './NmorphTabs.css';
+import m from "./NmorphTabs.vue2.js";
+import { openBlock as n, createElementBlock as s, normalizeClass as t, renderSlot as a, createElementVNode as r, Fragment as i, renderList as d, toDisplayString as l, createCommentVNode as _, withDirectives as h, vShow as p } from "vue";
+/* empty css                */
+import f from "../../../_virtual/_plugin-vue_export-helper.js";
+const b = { class: "nmorph-tabs__label-list" }, v = ["id", "onClick", "custom"], u = { key: 0 }, k = { class: "nmorph-tabs__content__wrapper" }, g = { class: "nmorph-tabs__content" }, y = ["id"], C = { key: 0 };
+function T(c, I, N, e, V, w) {
+  return n(), s(
+    "div",
+    {
+      class: t(e.modifiers)
+    },
+    [
+      a(c.$slots, "default"),
+      r("div", b, [
+        (n(!0), s(
+          i,
+          null,
+          d(e.updatedPanes, (o) => (n(), s("div", {
+            id: e.getTabLabelId(e.tabsIdentifier, o.name),
+            key: o.name,
+            class: t(["nmorph-tabs__label", [
+              { "nmorph-tabs__label--selected": o.name === e.props.modelValue },
+              { "nmorph-tabs__label--disabled": o.disabled }
+            ]]),
+            onClick: (S) => e.changeTab(o),
+            custom: o.disabled
+          }, [
+            e.slots.default ? _("v-if", !0) : (n(), s(
+              "div",
+              u,
+              l(o.label),
+              1
+              /* TEXT */
+            ))
+          ], 10, v))),
+          128
+          /* KEYED_FRAGMENT */
+        ))
+      ]),
+      r("div", k, [
+        r("div", g, [
+          (n(!0), s(
+            i,
+            null,
+            d(e.updatedPanes, (o) => h((n(), s("div", {
+              id: e.getTabContentId(e.tabsIdentifier, o.name),
+              key: o.name
+            }, [
+              e.slots.default ? _("v-if", !0) : (n(), s(
+                "div",
+                C,
+                l(o.content),
+                1
+                /* TEXT */
+              ))
+            ], 8, y)), [
+              [p, o.name === e.props.modelValue]
+            ])),
+            128
+            /* KEYED_FRAGMENT */
+          ))
+        ])
+      ])
+    ],
+    2
+    /* CLASS */
+  );
+}
+const P = /* @__PURE__ */ f(m, [["render", T], ["__file", "/builds/ketjo/nmorph/library/src/components/navigation/nmorph-tabs/NmorphTabs.vue"]]);
+export {
+  P as default
+};

package/dist/components/navigation/nmorph-tabs/NmorphTabs.vue2.js

@@ -0,0 +1,39 @@
+import './NmorphTabs.css';
+import { defineComponent as b, computed as p, ref as g, provide as h, useSlots as _ } from "vue";
+import { useModifiers as I } from "../../../utils/create-modifiers.js";
+import { generateUUID as T } from "../../../utils/common.js";
+import { getTabContentId as v, getTabLabelId as y } from "./utils.js";
+const D = /* @__PURE__ */ b({
+  __name: "NmorphTabs",
+  props: {
+    modelValue: { type: [String, Number], required: !1, default: 0 },
+    stretch: { type: Boolean, required: !1, default: !1 },
+    panes: { type: Array, required: !1, default: () => [] }
+  },
+  emits: ["update:model-value", "tab-change"],
+  setup(u, { expose: d, emit: i }) {
+    d();
+    const e = u, t = i, l = p(
+      () => I({
+        "nmorph-tabs": [`${e.stretch && "stretch"}`]
+      })
+    ), m = (n) => {
+      if (n.disabled) return;
+      const { name: o } = n;
+      t("update:model-value", o), t("tab-change", o);
+    }, r = g([]), a = T();
+    h("nmorph-tabs-data", {
+      tabsData: r,
+      tabsIdentifier: a
+    });
+    const c = p(() => e.panes.length > 0 ? e.panes : r.value), f = _(), s = { props: e, emit: t, modifiers: l, changeTab: m, tabsData: r, tabsIdentifier: a, updatedPanes: c, slots: f, get getTabLabelId() {
+      return y;
+    }, get getTabContentId() {
+      return v;
+    } };
+    return Object.defineProperty(s, "__isScriptSetup", { enumerable: !1, value: !0 }), s;
+  }
+});
+export {
+  D as default
+};

package/dist/components/navigation/nmorph-tabs/components/nmorph-tab-pane/NmorphTabPane.vue.js

@@ -0,0 +1,30 @@
+import i from "./NmorphTabPane.vue2.js";
+import { openBlock as e, createElementBlock as s, normalizeClass as m, createBlock as a, Teleport as t, renderSlot as n, createCommentVNode as p } from "vue";
+import c from "../../../../../_virtual/_plugin-vue_export-helper.js";
+function d(r, l, f, o, b, _) {
+  return o.isMounted ? (e(), s(
+    "div",
+    {
+      key: 0,
+      class: m(o.modifiers)
+    },
+    [
+      (e(), a(t, {
+        to: `#${o.getTabLabelId(o.providedData?.tabsIdentifier, o.props.name)}`
+      }, [
+        n(r.$slots, "label", { scope: o.scopeProperties })
+      ], 8, ["to"])),
+      (e(), a(t, {
+        to: `#${o.getTabContentId(o.providedData?.tabsIdentifier, o.props.name)}`
+      }, [
+        n(r.$slots, "default", { scope: o.scopeProperties })
+      ], 8, ["to"]))
+    ],
+    2
+    /* CLASS */
+  )) : p("v-if", !0);
+}
+const T = /* @__PURE__ */ c(i, [["render", d], ["__file", "/builds/ketjo/nmorph/library/src/components/navigation/nmorph-tabs/components/nmorph-tab-pane/NmorphTabPane.vue"]]);
+export {
+  T as default
+};

package/dist/components/navigation/nmorph-tabs/components/nmorph-tab-pane/NmorphTabPane.vue2.js

@@ -0,0 +1,32 @@
+import { defineComponent as p, computed as u, inject as d, ref as i, onMounted as l } from "vue";
+import { useModifiers as f } from "../../../../../utils/create-modifiers.js";
+import { getTabLabelId as m, getTabContentId as c } from "../../utils.js";
+const S = /* @__PURE__ */ p({
+  __name: "NmorphTabPane",
+  props: {
+    label: { type: String, required: !1, default: "" },
+    name: { type: String, required: !0 },
+    disabled: { type: Boolean, required: !1, default: !1 },
+    content: { type: String, required: !1, default: "" }
+  },
+  setup(o, { expose: n }) {
+    n();
+    const e = o, s = u(
+      () => f({
+        "nmorph-tab-pane": []
+      })
+    ), t = d("nmorph-tabs-data"), r = i(!1);
+    l(() => {
+      r.value = !0;
+    }), t.tabsData.value.push(e);
+    const a = { props: e, modifiers: s, providedData: t, isMounted: r, scopeProperties: e, get getTabContentId() {
+      return c;
+    }, get getTabLabelId() {
+      return m;
+    } };
+    return Object.defineProperty(a, "__isScriptSetup", { enumerable: !1, value: !0 }), a;
+  }
+});
+export {
+  S as default
+};

package/dist/components/navigation/nmorph-tabs/utils.js

@@ -0,0 +1,11 @@
+const r = (t, n) => {
+  if (t)
+    return `nmorph-tabs-label-${t}-${n}`;
+}, e = (t, n) => {
+  if (t)
+    return `nmorph-tabs-content-${t}-${n}`;
+};
+export {
+  e as getTabContentId,
+  r as getTabLabelId
+};

package/dist/components/others/nmorph-divider/NmorphDivider.css

@@ -0,0 +1 @@
+.nmorph-divider{background:var(--nmorph-main-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-divider.nmorph-divider--horizontal{width:100%;height:2px}.nmorph-divider.nmorph-divider--vertical{width:2px;height:auto}

package/dist/components/others/nmorph-divider/NmorphDivider.vue.js

@@ -0,0 +1,20 @@
+import './NmorphDivider.css';
+import o from "./NmorphDivider.vue2.js";
+import { openBlock as e, createElementBlock as i, normalizeClass as t } from "vue";
+/* empty css                   */
+import m from "../../../_virtual/_plugin-vue_export-helper.js";
+function n(s, p, c, r, l, a) {
+  return e(), i(
+    "div",
+    {
+      class: t(r.modifiers)
+    },
+    null,
+    2
+    /* CLASS */
+  );
+}
+const u = /* @__PURE__ */ m(o, [["render", n], ["__file", "/builds/ketjo/nmorph/library/src/components/others/nmorph-divider/NmorphDivider.vue"]]);
+export {
+  u as default
+};

package/dist/components/others/nmorph-divider/NmorphDivider.vue2.js

@@ -0,0 +1,21 @@
+import './NmorphDivider.css';
+import { defineComponent as n, computed as p } from "vue";
+import { useModifiers as s } from "../../../utils/create-modifiers.js";
+const u = /* @__PURE__ */ n({
+  __name: "NmorphDivider",
+  props: {
+    direction: { type: String, required: !1, default: "horizontal" }
+  },
+  setup(o, { expose: t }) {
+    t();
+    const e = o, i = p(
+      () => s({
+        "nmorph-divider": [e.direction]
+      })
+    ), r = { props: e, modifiers: i };
+    return Object.defineProperty(r, "__isScriptSetup", { enumerable: !1, value: !0 }), r;
+  }
+});
+export {
+  u as default
+};

package/dist/components/others/nmorph-overlay/NmorphOverlay.css

@@ -0,0 +1 @@
+.nmorph-overlay{opacity:0;pointer-events:none;position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;background:var(--nmorph-overlay-color);transition:ease-in-out var(--transition-02) opacity;z-index:var(--nmorph-overlay-z-index)}.nmorph-overlay.nmorph-overlay--transparent{background:transparent}.nmorph-overlay.nmorph-overlay--show{opacity:1;pointer-events:auto}

package/dist/components/others/nmorph-overlay/NmorphOverlay.vue.js

@@ -0,0 +1,30 @@
+import './NmorphOverlay.css';
+import t from "./NmorphOverlay.vue2.js";
+import { openBlock as n, createElementBlock as i, withModifiers as e, normalizeStyle as s, normalizeClass as m, createElementVNode as a, renderSlot as p } from "vue";
+/* empty css                   */
+import c from "../../../_virtual/_plugin-vue_export-helper.js";
+function d(l, r, f, o, _, v) {
+  return n(), i(
+    "div",
+    {
+      class: m(o.modifiers),
+      style: s({ "--nmorph-overlay-z-index": o.zIndex }),
+      onClick: e(o.clickHandler, ["stop"])
+    },
+    [
+      a("div", {
+        class: "nmorph-overlay__slot",
+        onClick: r[0] || (r[0] = e(() => {
+        }, ["stop"]))
+      }, [
+        p(l.$slots, "default")
+      ])
+    ],
+    6
+    /* CLASS, STYLE */
+  );
+}
+const x = /* @__PURE__ */ c(t, [["render", d], ["__file", "/builds/ketjo/nmorph/library/src/components/others/nmorph-overlay/NmorphOverlay.vue"]]);
+export {
+  x as default
+};

package/dist/components/others/nmorph-overlay/NmorphOverlay.vue2.js

@@ -0,0 +1,30 @@
+import './NmorphOverlay.css';
+import { defineComponent as d, computed as t } from "vue";
+import { useModifiers as m } from "../../../utils/create-modifiers.js";
+import { useZIndex as c } from "../../../hooks/use-z-index.js";
+const h = /* @__PURE__ */ d({
+  __name: "NmorphOverlay",
+  props: {
+    show: { type: Boolean, required: !0 },
+    transparent: { type: Boolean, required: !1, default: !1 },
+    zIndex: { type: Number, required: !1 }
+  },
+  emits: ["on-outside-click"],
+  setup(n, { expose: s, emit: i }) {
+    s();
+    const e = n, p = c(
+      t(() => e.show),
+      () => e.zIndex
+    ), a = t(
+      () => m({
+        "nmorph-overlay": [`${e.show && "show"}`, `${e.transparent && "transparent"}`]
+      })
+    ), u = () => {
+      r("on-outside-click");
+    }, r = i, o = { props: e, zIndex: p, modifiers: a, clickHandler: u, emit: r };
+    return Object.defineProperty(o, "__isScriptSetup", { enumerable: !1, value: !0 }), o;
+  }
+});
+export {
+  h as default
+};

package/dist/components/providers/nmorph-notification-provider/NmorphNotificationProvider.css

@@ -0,0 +1 @@
+.nmorph-notification-provider{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none}.nmorph-notification-provider .nmorph-notification-provider__notification{width:fit-content;height:fit-content;margin:1rem;pointer-events:all;transition:transform .5s ease,opacity .5s ease-in-out}.nmorph-notification-provider .nmorph-notification-provider__list{display:flex;flex-direction:column;width:fit-content;max-width:100vw;position:fixed;pointer-events:none}.nmorph-notification-provider .nmorph-notification-move{transition:transform .5s ease}.nmorph-notification-provider .nmorph-notification-provider__list--top-left{top:0;left:0;align-items:flex-start}.nmorph-notification-provider .nmorph-notification-provider__list--top-right{top:0;right:0;align-items:flex-end}.nmorph-notification-provider .nmorph-notification-provider__list--bottom-left{bottom:0;left:0;align-items:flex-start}.nmorph-notification-provider .nmorph-notification-provider__list--bottom-right{right:0;bottom:0;align-items:flex-end}.nmorph-notification-provider .nmorph-notification-provider__list--top-center{top:0;left:50%;align-items:center;transform:translate(-50%)}.nmorph-notification-provider .nmorph-notification-provider__list--bottom-center{bottom:0;left:50%;align-items:center;transform:translate(-50%)}.nmorph-notification-provider .nmorph-notification-provider__list--top-left .nmorph-notification-enter-active,.nmorph-notification-provider .nmorph-notification-provider__list--bottom-left .nmorph-notification-enter-active,.nmorph-notification-provider .nmorph-notification-provider__list--top-right .nmorph-notification-enter-active,.nmorph-notification-provider .nmorph-notification-provider__list--bottom-right .nmorph-notification-enter-active,.nmorph-notification-provider .nmorph-notification-provider__list--top-center .nmorph-notification-enter-active,.nmorph-notification-provider .nmorph-notification-provider__list--bottom-center .nmorph-notification-enter-active,.nmorph-notification-provider .nmorph-notification-provider__list--top-left .nmorph-notification-leave-active,.nmorph-notification-provider .nmorph-notification-provider__list--bottom-left .nmorph-notification-leave-active,.nmorph-notification-provider .nmorph-notification-provider__list--top-right .nmorph-notification-leave-active,.nmorph-notification-provider .nmorph-notification-provider__list--bottom-right .nmorph-notification-leave-active,.nmorph-notification-provider .nmorph-notification-provider__list--top-center .nmorph-notification-leave-active,.nmorph-notification-provider .nmorph-notification-provider__list--bottom-center .nmorph-notification-leave-active{transition:transform .5s ease,opacity .5s ease-in-out}.nmorph-notification-provider .nmorph-notification-provider__list--top-left .nmorph-notification-enter-from,.nmorph-notification-provider .nmorph-notification-provider__list--bottom-left .nmorph-notification-enter-from{transform:translate(-100%)}.nmorph-notification-provider .nmorph-notification-provider__list--top-right .nmorph-notification-enter-from,.nmorph-notification-provider .nmorph-notification-provider__list--bottom-right .nmorph-notification-enter-from{transform:translate(100%)}.nmorph-notification-provider .nmorph-notification-provider__list--top-center .nmorph-notification-enter-from{transform:translateY(-100%)}.nmorph-notification-provider .nmorph-notification-provider__list--bottom-center .nmorph-notification-enter-from{transform:translateY(100%)}.nmorph-notification-provider .nmorph-notification-provider__list--top-left .nmorph-notification-leave-to,.nmorph-notification-provider .nmorph-notification-provider__list--bottom-left .nmorph-notification-leave-to{transform:translate(-100%)}.nmorph-notification-provider .nmorph-notification-provider__list--top-right .nmorph-notification-leave-to,.nmorph-notification-provider .nmorph-notification-provider__list--bottom-right .nmorph-notification-leave-to{transform:translate(100%)}.nmorph-notification-provider .nmorph-notification-provider__list--top-center .nmorph-notification-leave-to{transform:translateY(-100%)}.nmorph-notification-provider .nmorph-notification-provider__list--bottom-center .nmorph-notification-leave-to{transform:translateY(100%)}.nmorph-notification-provider .nmorph-notification-enter-from{opacity:0}.nmorph-notification-provider .nmorph-notification-enter-to{transform:translate(0);opacity:1}.nmorph-notification-provider .nmorph-notification-leave-active{overflow:hidden}.nmorph-notification-provider .nmorph-notification-leave-active .nmorph-icon{--color: var(--nmorph-text-color);display:flex;align-items:center;width:var(--width);min-width:var(--width);height:var(--height);min-height:var(--height)}.nmorph-notification-provider .nmorph-notification-leave-active .nmorph-icon--small{--width: 14px;--height: 14px}.nmorph-notification-provider .nmorph-notification-leave-active .nmorph-icon--medium{--width: 20px;--height: 20px}.nmorph-notification-provider .nmorph-notification-leave-active .nmorph-icon--large{--width: 32px;--height: 32px}.nmorph-notification-provider .nmorph-notification-leave-active .nmorph-icon__content{display:flex;align-items:center;justify-content:center;width:var(--width);min-width:var(--width);height:var(--height);min-height:var(--height);overflow:hidden}.nmorph-notification-provider .nmorph-notification-leave-active .nmorph-alert__close .nmorph-icon,.nmorph-notification-provider .nmorph-notification-leave-active .nmorph-alert__content,.nmorph-notification-provider .nmorph-notification-leave-active .nmorph-alert__content-title{--color: var(--nmorph-white-color)}.nmorph-notification-provider .nmorph-notification-leave-active.nmorph-alert--success .nmorph-alert__icon .nmorph-icon{--color: var(--nmorph-success-color)}.nmorph-notification-provider .nmorph-notification-leave-active.nmorph-alert--error .nmorph-alert__icon .nmorph-icon{--color: var(--nmorph-error-color)}.nmorph-notification-provider .nmorph-notification-leave-active.nmorph-alert--warning .nmorph-alert__icon .nmorph-icon{--color: var(--nmorph-warn-color)}.nmorph-notification-provider .nmorph-notification-leave-active.nmorph-alert--info .nmorph-alert__icon .nmorph-icon{--color: var(--nmorph-info-color)}.nmorph-notification-provider .nmorph-notification-leave-active svg{width:100%;height:100%;fill:var(--color);stroke-width:0}.nmorph-notification-provider .nmorph-notification-leave-active path{stroke:var(--color)}.nmorph-notification-provider .nmorph-notification-leave-to{opacity:0;pointer-events:none}.nmorph-notification-provider .nmorph-notification-provider__list--top-left .nmorph-notification-provider__notification--closing,.nmorph-notification-provider .nmorph-notification-provider__list--bottom-left .nmorph-notification-provider__notification--closing{position:absolute;transform:translate(-100%);opacity:0;pointer-events:none}.nmorph-notification-provider .nmorph-notification-provider__list--top-right .nmorph-notification-provider__notification--closing,.nmorph-notification-provider .nmorph-notification-provider__list--bottom-right .nmorph-notification-provider__notification--closing{position:absolute;transform:translate(100%);opacity:0;pointer-events:none}.nmorph-notification-provider .nmorph-notification-provider__list--top-center .nmorph-notification-provider__notification--closing{position:absolute;transform:translateY(-100%);opacity:0;pointer-events:none}.nmorph-notification-provider .nmorph-notification-provider__list--bottom-center .nmorph-notification-provider__notification--closing{position:absolute;transform:translateY(100%);opacity:0;pointer-events:none}

package/dist/components/providers/nmorph-notification-provider/NmorphNotificationProvider.vue.js

@@ -0,0 +1,56 @@
+import './NmorphNotificationProvider.css';
+import c from "./NmorphNotificationProvider.vue2.js";
+import { openBlock as i, createElementBlock as n, normalizeStyle as a, Fragment as t, renderList as l, createBlock as s, TransitionGroup as d, normalizeClass as m, withCtx as p, mergeProps as f } from "vue";
+/* empty css                                */
+import _ from "../../../_virtual/_plugin-vue_export-helper.js";
+function h(v, u, y, o, k, x) {
+  return i(), n(
+    "div",
+    {
+      class: "nmorph-notification-provider",
+      style: a({ zIndex: o.zIndex })
+    },
+    [
+      (i(!0), n(
+        t,
+        null,
+        l(o.notificationGroups, (e) => (i(), s(d, {
+          key: e.placement,
+          name: "nmorph-notification",
+          tag: "div",
+          class: m(`nmorph-notification-provider__list nmorph-notification-provider__list--${e.placement}`)
+        }, {
+          default: p(() => [
+            (i(!0), n(
+              t,
+              null,
+              l(e.notifications, (r) => (i(), s(o.NmorphAlert, f({
+                key: r.id,
+                style: { width: r.width },
+                class: [
+                  "nmorph-notification-provider__notification",
+                  o.closingIds.includes(r.id) && "nmorph-notification-provider__notification--closing"
+                ],
+                ref_for: !0
+              }, r, {
+                onClose: () => o.closeHandler(r.id)
+              }), null, 16, ["style", "class", "onClose"]))),
+              128
+              /* KEYED_FRAGMENT */
+            ))
+          ]),
+          _: 2
+          /* DYNAMIC */
+        }, 1032, ["class"]))),
+        128
+        /* KEYED_FRAGMENT */
+      ))
+    ],
+    4
+    /* STYLE */
+  );
+}
+const w = /* @__PURE__ */ _(c, [["render", h], ["__file", "/builds/ketjo/nmorph/library/src/components/providers/nmorph-notification-provider/NmorphNotificationProvider.vue"]]);
+export {
+  w as default
+};