@nmorph/nmorph-ui-kit 2.2.7 → 2.2.10

package/dist/components/data/nmorph-skeleton/components/NmorphSkeletonItem.vue.js

@@ -0,0 +1,36 @@
+import './NmorphSkeletonItem.css';
+import t from "./NmorphSkeletonItem.vue2.js";
+import { openBlock as o, createElementBlock as r, normalizeStyle as i, normalizeClass as m, createElementVNode as n, createBlock as c, withCtx as h, createVNode as s, createCommentVNode as a } from "vue";
+/* empty css                        */
+import l from "../../../../_virtual/_plugin-vue_export-helper.js";
+const p = { class: "nmorph-skeleton-item__element" };
+function d(_, f, k, e, g, N) {
+  return o(), r(
+    "div",
+    {
+      class: m(e.modifiers),
+      style: i({ "--nmorph-skeleton-item-width": e.cssWidth, "--nmorph-skeleton-item-height": e.cssHeight })
+    },
+    [
+      n("div", p, [
+        e.props.variant === "image" ? (o(), c(e.NmorphIcon, {
+          key: 0,
+          width: e.props.width,
+          height: e.props.height
+        }, {
+          default: h(() => [
+            s(e.NmorphIconImage)
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["width", "height"])) : a("v-if", !0)
+      ])
+    ],
+    6
+    /* CLASS, STYLE */
+  );
+}
+const y = /* @__PURE__ */ l(t, [["render", d], ["__file", "/builds/ketjo/nmorph/library/src/components/data/nmorph-skeleton/components/NmorphSkeletonItem.vue"]]);
+export {
+  y as default
+};

package/dist/components/data/nmorph-skeleton/components/NmorphSkeletonItem.vue2.js

@@ -0,0 +1,30 @@
+import './NmorphSkeletonItem.css';
+import { defineComponent as s, computed as t } from "vue";
+import { useModifiers as u } from "../../../../utils/create-modifiers.js";
+import d from "../../../../assets/icons/image.svg.js";
+import a from "../../../basic/nmorph-icon/NmorphIcon.vue.js";
+const l = /* @__PURE__ */ s({
+  __name: "NmorphSkeletonItem",
+  props: {
+    variant: { type: null, required: !0, default: "rect" },
+    width: { type: String, required: !0, default: "auto" },
+    height: { type: String, required: !0, default: "auto" },
+    design: { type: String, required: !1, default: "nmorph" }
+  },
+  setup(o, { expose: n }) {
+    n();
+    const e = o, i = t(
+      () => u({
+        "nmorph-skeleton-item": [e.variant, `${e.design === "nmorph" ? "nmorph-design" : ""}`]
+      })
+    ), p = t(() => e.width), m = t(() => e.height), r = { props: e, modifiers: i, cssWidth: p, cssHeight: m, get NmorphIcon() {
+      return a;
+    }, get NmorphIconImage() {
+      return d;
+    } };
+    return Object.defineProperty(r, "__isScriptSetup", { enumerable: !1, value: !0 }), r;
+  }
+});
+export {
+  l as default
+};

package/dist/components/data/nmorph-skeleton/types.js

@@ -0,0 +1,4 @@
+var i = /* @__PURE__ */ ((c) => (c.image = "image", c.circle = "circle", c.rect = "rect", c))(i || {});
+export {
+  i as NmorphSkeletonItemPropsType
+};

package/dist/components/data/nmorph-table/NmorphTable.css

@@ -0,0 +1 @@
+.nmorph-table{--border-color: var(--nmorph-info-text-color);--table-cell-height: auto;--table-background-row-hover: var(--nmorph-info-color)}.nmorph-table .nmorph-table__header th{border-bottom:0}.nmorph-table .nmorph-table__button-wrapper{display:flex;align-items:center;margin-left:var(--indentation-03)}.nmorph-table table{width:calc(100% - 2px);margin-left:1px;border-collapse:collapse;border-spacing:0}.nmorph-table .nmorph-table__table-data{padding:var(--indentation-03) 0;border-bottom:1px solid var(--border-color)}.nmorph-table .nmorph-table__table-data--bordered{border:1px solid var(--border-color)}.nmorph-table .nmorph-table__cell{padding:0 var(--indentation-03)}.nmorph-table .nmorph-table__cell-content{display:flex;align-items:center}.nmorph-table .nmorph-table__cell--data{height:var(--table-cell-height)}.nmorph-table .nmorph-table__body{position:relative}.nmorph-table .nmorph-table__table-data-row--row-hover:hover{background:var(--table-background-row-hover)}.nmorph-table--nmorph{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);overflow:hidden;border-radius:var(--default-border-radius);--border-color: transparent}.nmorph-table--nmorph .nmorph-table__button-wrapper{padding:var(--indentation-02)}.nmorph-table--nmorph .nmorph-table__table-row{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)}

package/dist/components/data/nmorph-table/NmorphTable.vue.js

@@ -0,0 +1,176 @@
+import './NmorphTable.css';
+import h from "./NmorphTable.vue2.js";
+import { openBlock as t, createElementBlock as o, normalizeClass as i, createElementVNode as e, Fragment as a, renderList as d, normalizeStyle as s, toDisplayString as p, createBlock as b, createCommentVNode as m, renderSlot as y } from "vue";
+/* empty css                 */
+import u from "../../../_virtual/_plugin-vue_export-helper.js";
+const f = { class: "nmorph-table__wrapper" }, w = { class: "nmorph-table__header" }, k = ["data-src"], v = { class: "nmorph-table__table-row" }, g = { class: "nmorph-table__cell" }, S = { class: "nmorph-table__body" }, x = ["id"], N = { class: "nmorph-table__slot-columns" };
+function B(c, W, T, l, j, z) {
+  return t(), o("div", null, [
+    (t(), o(
+      "div",
+      {
+        ref: "nmorphDOMTable",
+        key: l.key,
+        class: i(l.modifiers)
+      },
+      [
+        e("div", f, [
+          e("table", w, [
+            e("colgroup", null, [
+              (t(!0), o(
+                a,
+                null,
+                d(l.columns, (r) => (t(), o("col", {
+                  key: r.prop,
+                  style: s({ width: `${l.getWidth(r.width)}px` }),
+                  "data-src": `${l.getWidth(r.width)}px`
+                }, null, 12, k))),
+                128
+                /* KEYED_FRAGMENT */
+              ))
+            ]),
+            e("thead", null, [
+              e("tr", v, [
+                (t(!0), o(
+                  a,
+                  null,
+                  d(l.columns, (r, _) => (t(), o(
+                    "th",
+                    {
+                      key: _,
+                      class: i(["nmorph-table__table-data", { "nmorph-table__table-data--bordered": l.props.bordered }])
+                    },
+                    [
+                      e("div", g, [
+                        e(
+                          "div",
+                          {
+                            style: s({ "justify-content": r.alignment }),
+                            class: "nmorph-table__cell-content"
+                          },
+                          [
+                            e(
+                              "span",
+                              null,
+                              p(r.label),
+                              1
+                              /* TEXT */
+                            ),
+                            l.sortData && l.sortData[r.prop] ? (t(), b(l.NmorphSortButton, {
+                              key: 0,
+                              class: "nmorph-table__button-wrapper",
+                              value: l.sortData[r.prop],
+                              onSort: (n) => l.onSort(n, r.prop)
+                            }, null, 8, ["value", "onSort"])) : m("v-if", !0)
+                          ],
+                          4
+                          /* STYLE */
+                        )
+                      ])
+                    ],
+                    2
+                    /* CLASS */
+                  ))),
+                  128
+                  /* KEYED_FRAGMENT */
+                ))
+              ])
+            ])
+          ]),
+          e("div", S, [
+            e("table", null, [
+              e("colgroup", null, [
+                (t(!0), o(
+                  a,
+                  null,
+                  d(l.columns, (r) => (t(), o(
+                    "col",
+                    {
+                      key: r.prop,
+                      style: s({ width: `${l.getWidth(r.width)}px` })
+                    },
+                    null,
+                    4
+                    /* STYLE */
+                  ))),
+                  128
+                  /* KEYED_FRAGMENT */
+                ))
+              ]),
+              e("tbody", null, [
+                (t(!0), o(
+                  a,
+                  null,
+                  d(l.rows, (r, _) => (t(), o(
+                    "tr",
+                    {
+                      key: _,
+                      class: i(["nmorph-table__table-data-row", { "nmorph-table__table-data-row--row-hover": l.props.rowHover }])
+                    },
+                    [
+                      (t(!0), o(
+                        a,
+                        null,
+                        d(l.columns, (n) => (t(), o(
+                          "td",
+                          {
+                            key: n.prop,
+                            class: i([{ "nmorph-table__table-data--bordered": l.props.bordered }, "nmorph-table__table-data"])
+                          },
+                          [
+                            e("div", {
+                              id: `table-cell-${l.tableIdentifier}-${_}-${n.prop}`,
+                              style: s({ "text-align": n.alignment }),
+                              class: "nmorph-table__cell nmorph-table__cell--data"
+                            }, p(l.tableData(r[n.prop])), 13, x)
+                          ],
+                          2
+                          /* CLASS */
+                        ))),
+                        128
+                        /* KEYED_FRAGMENT */
+                      ))
+                    ],
+                    2
+                    /* CLASS */
+                  ))),
+                  128
+                  /* KEYED_FRAGMENT */
+                ))
+              ])
+            ]),
+            e("table", null, [
+              e("colgroup", null, [
+                (t(!0), o(
+                  a,
+                  null,
+                  d(l.columns, (r) => (t(), o(
+                    "col",
+                    {
+                      key: r.prop,
+                      style: s({ width: `${l.getWidth(r.width)}px` })
+                    },
+                    null,
+                    4
+                    /* STYLE */
+                  ))),
+                  128
+                  /* KEYED_FRAGMENT */
+                ))
+              ]),
+              e("tbody", N, [
+                y(c.$slots, "default")
+              ])
+            ])
+          ])
+        ])
+      ],
+      2
+      /* CLASS */
+    ))
+  ]);
+}
+const H = /* @__PURE__ */ u(h, [["render", B], ["__file", "/builds/ketjo/nmorph/library/src/components/data/nmorph-table/NmorphTable.vue"]]);
+export {
+  H as default
+};

package/dist/components/data/nmorph-table/NmorphTable.vue2.js

@@ -0,0 +1,52 @@
+import './NmorphTable.css';
+import { defineComponent as w, computed as b, ref as l, provide as g, watch as B } from "vue";
+import { useModifiers as D } from "../../../utils/create-modifiers.js";
+import { generateUUID as j } from "../../../utils/common.js";
+import x from "./inner-components/nmorph-sort-button/NmorphSortButton.vue.js";
+const M = /* @__PURE__ */ w({
+  __name: "NmorphTable",
+  props: {
+    data: { type: Array, required: !1, default: () => [] },
+    rowHover: { type: Boolean, required: !1, default: !0 },
+    bordered: { type: Boolean, required: !1, default: !1 },
+    sort: { type: Object, required: !1, default: void 0 },
+    design: { type: String, required: !1, default: "nmorph" }
+  },
+  setup(y, { expose: C }) {
+    C();
+    const r = y, _ = b(
+      () => D({
+        "nmorph-table": [`${r.design}`]
+      })
+    ), u = l(r.data), n = l(r.sort), W = (e, o) => {
+      n.value && (n.value[o] = e, u.value.sort((c, f) => {
+        const m = String(c[o]).toLowerCase(), t = String(f[o]).toLowerCase();
+        if (!n.value)
+          return 0;
+        const i = n.value[o];
+        return i === "ascending" ? m.localeCompare(t) : i === "descending" ? t.localeCompare(m) : 0;
+      }));
+    }, s = l(null), a = l([]);
+    g("table-data", { rows: u, columns: a });
+    const p = b(() => {
+      const e = a.value.map((t) => t.width).filter((t) => !!t), o = e.length, c = e.reduce((t, i) => (t += Number(i), t), 0), f = a.value.length - o;
+      return s.value?.clientWidth ? (s.value?.clientWidth - c) / f : 0;
+    }), S = (e) => e !== "" ? e : p.value, d = l(0);
+    B(
+      () => r.data,
+      () => {
+        d.value = d.value + 1, u.value = r.data, a.value = [];
+      },
+      {
+        immediate: !0
+      }
+    );
+    const q = (e) => typeof e == "object" ? "" : e, v = j();
+    g("table-identifier", v);
+    const h = { props: r, modifiers: _, rows: u, sortData: n, onSort: W, nmorphDOMTable: s, columns: a, defaultColWidth: p, getWidth: S, key: d, tableData: q, tableIdentifier: v, NmorphSortButton: x };
+    return Object.defineProperty(h, "__isScriptSetup", { enumerable: !1, value: !0 }), h;
+  }
+});
+export {
+  M as default
+};

package/dist/components/data/nmorph-table/components/nmorph-table-cell/NmorphTableCell.vue.js

@@ -0,0 +1,23 @@
+import t from "./NmorphTableCell.vue2.js";
+import { openBlock as o, createElementBlock as l, normalizeClass as a, createBlock as n, Teleport as m, renderSlot as c, createCommentVNode as s } from "vue";
+import i from "../../../../../_virtual/_plugin-vue_export-helper.js";
+function p(r, d, f, e, _, b) {
+  return e.isMounted ? (o(), l(
+    "div",
+    {
+      key: 0,
+      class: a(e.modifiers)
+    },
+    [
+      (o(), n(m, { to: e.targetId }, [
+        c(r.$slots, "default")
+      ], 8, ["to"]))
+    ],
+    2
+    /* CLASS */
+  )) : s("v-if", !0);
+}
+const C = /* @__PURE__ */ i(t, [["render", p], ["__file", "/builds/ketjo/nmorph/library/src/components/data/nmorph-table/components/nmorph-table-cell/NmorphTableCell.vue"]]);
+export {
+  C as default
+};

package/dist/components/data/nmorph-table/components/nmorph-table-cell/NmorphTableCell.vue2.js

@@ -0,0 +1,26 @@
+import { defineComponent as m, inject as c, computed as l, ref as d, onMounted as f, nextTick as _ } from "vue";
+import { useModifiers as b } from "../../../../../utils/create-modifiers.js";
+const v = /* @__PURE__ */ m({
+  __name: "NmorphTableCell",
+  props: {
+    row: { type: Number, required: !0 }
+  },
+  setup(u, { expose: a }) {
+    a();
+    const e = c("column-property"), t = c("table-identifier"), r = u, p = l(
+      () => b({
+        "nmorph-table-cell": []
+      })
+    ), o = l(() => `#table-cell-${t}-${r.row}-${e}`), n = d(!1);
+    f(async () => {
+      await _();
+      const s = document.querySelector(o.value);
+      s && (s.innerHTML = ""), n.value = !0;
+    });
+    const i = { columnProperty: e, tableIdentifier: t, props: r, modifiers: p, targetId: o, isMounted: n };
+    return Object.defineProperty(i, "__isScriptSetup", { enumerable: !1, value: !0 }), i;
+  }
+});
+export {
+  v as default
+};

package/dist/components/data/nmorph-table/components/nmorph-table-column/NmorphTableColumn.vue.js

@@ -0,0 +1,19 @@
+import r from "./NmorphTableColumn.vue2.js";
+import { openBlock as a, createElementBlock as l, normalizeClass as n, renderSlot as t } from "vue";
+import m from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const s = ["data-id"];
+function c(e, d, i, o, f, p) {
+  return a(), l("div", {
+    ref: "columnDOMEl",
+    "data-id": o.id,
+    class: n(o.modifiers)
+  }, [
+    t(e.$slots, "default", {
+      scope: { columns: o.data?.columns.value, rows: o.data?.rows.value, tableId: o.tableIdentifier }
+    })
+  ], 10, s);
+}
+const h = /* @__PURE__ */ m(r, [["render", c], ["__file", "/builds/ketjo/nmorph/library/src/components/data/nmorph-table/components/nmorph-table-column/NmorphTableColumn.vue"]]);
+export {
+  h as default
+};

package/dist/components/data/nmorph-table/components/nmorph-table-column/NmorphTableColumn.vue2.js

@@ -0,0 +1,31 @@
+import { defineComponent as m, inject as u, computed as b, ref as i, provide as p, onMounted as _ } from "vue";
+import { useModifiers as v } from "../../../../../utils/create-modifiers.js";
+const S = /* @__PURE__ */ m({
+  __name: "NmorphTableColumn",
+  props: {
+    label: { type: String, required: !1, default: "" },
+    width: { type: String, required: !1, default: "" },
+    alignment: { type: String, required: !1, default: "center" },
+    prop: { type: String, required: !0 }
+  },
+  setup(s, { expose: d }) {
+    d();
+    const e = u("table-data"), n = u("table-identifier"), t = s, c = b(
+      () => v({
+        "nmorph-table-column": []
+      })
+    ), r = i(0);
+    p("column-property", t.prop), p("table-identifier", n), _(() => {
+      o();
+    });
+    const o = () => {
+      if (!e?.columns.value) return;
+      const { columns: a } = e;
+      r.value = a.value.length + 1, e.columns.value = [...a.value, { ...t, id: r.value }];
+    }, f = i(null), l = { data: e, tableIdentifier: n, props: t, modifiers: c, id: r, updateTableData: o, columnDOMEl: f };
+    return Object.defineProperty(l, "__isScriptSetup", { enumerable: !1, value: !0 }), l;
+  }
+});
+export {
+  S as default
+};

package/dist/components/data/nmorph-table/inner-components/nmorph-sort-button/NmorphSortButton.css

@@ -0,0 +1 @@
+.nmorph-sort-button{display:flex;align-items:center}.nmorph-sort-button .nmorph-button__content{display:flex;align-items:center;justify-content:center;flex-direction:column}.nmorph-sort-button .nmorph-sort-button__icon-up{margin-bottom:-1px;transform:rotate(180deg)}.nmorph-sort-button .nmorph-sort-button__icon-down{margin-top:-1px}.nmorph-sort-button.nmorph-sort-button--ascending .nmorph-sort-button__icon-up,.nmorph-sort-button.nmorph-sort-button--descending .nmorph-sort-button__icon-down{--color: var(--nmorph-accent-color)}

package/dist/components/data/nmorph-table/inner-components/nmorph-sort-button/NmorphSortButton.vue.js

@@ -0,0 +1,53 @@
+import './NmorphSortButton.css';
+import t from "./NmorphSortButton.vue2.js";
+import { openBlock as i, createElementBlock as e, normalizeClass as c, createVNode as n, withCtx as r } from "vue";
+/* empty css                      */
+import m from "../../../../../_virtual/_plugin-vue_export-helper.js";
+function a(h, l, p, o, _, d) {
+  return i(), e(
+    "div",
+    {
+      class: c(o.modifiers)
+    },
+    [
+      n(o.NmorphButton, {
+        height: "thin",
+        "style-type": "transparent",
+        onClick: o.toggleSort
+      }, {
+        default: r(() => [
+          n(o.NmorphIcon, {
+            class: "nmorph-sort-button__icon-up",
+            width: o.iconSize,
+            height: o.iconSize
+          }, {
+            default: r(() => [
+              n(o.NmorphIconTriangleDown)
+            ]),
+            _: 1
+            /* STABLE */
+          }),
+          n(o.NmorphIcon, {
+            class: "nmorph-sort-button__icon-down",
+            width: o.iconSize,
+            height: o.iconSize
+          }, {
+            default: r(() => [
+              n(o.NmorphIconTriangleDown)
+            ]),
+            _: 1
+            /* STABLE */
+          })
+        ]),
+        _: 1
+        /* STABLE */
+      })
+    ],
+    2
+    /* CLASS */
+  );
+}
+const S = /* @__PURE__ */ m(t, [["render", a], ["__file", "/builds/ketjo/nmorph/library/src/components/data/nmorph-table/inner-components/nmorph-sort-button/NmorphSortButton.vue"]]);
+export {
+  S as default
+};

package/dist/components/data/nmorph-table/inner-components/nmorph-sort-button/NmorphSortButton.vue2.js

@@ -0,0 +1,34 @@
+import './NmorphSortButton.css';
+import { defineComponent as i, computed as u } from "vue";
+import { useModifiers as c } from "../../../../../utils/create-modifiers.js";
+import a from "../../../../../assets/icons/triangle-down.svg.js";
+import l from "../../../../basic/nmorph-icon/NmorphIcon.vue.js";
+import d from "../../../../basic/nmorph-button/NmorphButton.vue.js";
+const f = "10px", I = /* @__PURE__ */ i({
+  __name: "NmorphSortButton",
+  props: {
+    value: { type: null, required: !0 }
+  },
+  emits: ["sort"],
+  setup(r, { expose: n, emit: m }) {
+    n();
+    const o = r, e = m, p = u(
+      () => c({
+        "nmorph-sort-button": [`${o.value}`]
+      })
+    ), t = { props: o, emit: e, modifiers: p, toggleSort: () => {
+      const s = o.value === "ascending" ? "descending" : "ascending";
+      e("sort", s);
+    }, iconSize: f, get NmorphButton() {
+      return d;
+    }, get NmorphIcon() {
+      return l;
+    }, get NmorphIconTriangleDown() {
+      return a;
+    } };
+    return Object.defineProperty(t, "__isScriptSetup", { enumerable: !1, value: !0 }), t;
+  }
+});
+export {
+  I as default
+};

package/dist/components/data/nmorph-tag-list/NmorphTagList.vue.js

@@ -0,0 +1,35 @@
+import n from "./NmorphTagList.vue2.js";
+import { openBlock as e, createElementBlock as t, normalizeClass as a, Fragment as l, renderList as s, createBlock as m, mergeProps as i } from "vue";
+import c from "../../../_virtual/_plugin-vue_export-helper.js";
+function p(f, _, d, r, u, g) {
+  return e(), t(
+    "div",
+    {
+      class: a(r.modifiers)
+    },
+    [
+      (e(!0), t(
+        l,
+        null,
+        s(r.tagList, (o) => (e(), m(
+          r.NmorphTagItem,
+          i({
+            key: o.value,
+            ref_for: !0
+          }, o, { onClose: r.closeTagHandler }),
+          null,
+          16
+          /* FULL_PROPS */
+        ))),
+        128
+        /* KEYED_FRAGMENT */
+      ))
+    ],
+    2
+    /* CLASS */
+  );
+}
+const T = /* @__PURE__ */ c(n, [["render", p], ["__file", "/builds/ketjo/nmorph/library/src/components/data/nmorph-tag-list/NmorphTagList.vue"]]);
+export {
+  T as default
+};

package/dist/components/data/nmorph-tag-list/NmorphTagList.vue2.js

@@ -0,0 +1,32 @@
+import { defineComponent as p, computed as n, ref as d } from "vue";
+import { useModifiers as c } from "../../../utils/create-modifiers.js";
+import f from "./components/nmorph-tag-item/NmorphTagItem.vue.js";
+const h = /* @__PURE__ */ p({
+  __name: "NmorphTagList",
+  props: {
+    modelValue: { type: Array, required: !0 }
+  },
+  emits: ["close", "update:model-value"],
+  setup(a, { expose: m, emit: l }) {
+    m();
+    const o = a, r = l, u = n(
+      () => c({
+        "nmorph-list": []
+      })
+    );
+    let e = d(o.modelValue);
+    const s = { props: o, emit: r, modifiers: u, get tagList() {
+      return e;
+    }, set tagList(t) {
+      e = t;
+    }, closeTagHandler: (t) => {
+      e.value = e.value.filter((i) => i.value !== t), r("close", t), r("update:model-value", e.value);
+    }, get NmorphTagItem() {
+      return f;
+    } };
+    return Object.defineProperty(s, "__isScriptSetup", { enumerable: !1, value: !0 }), s;
+  }
+});
+export {
+  h as default
+};

package/dist/components/data/nmorph-tag-list/components/nmorph-tag-item/NmorphTagItem.css

@@ -0,0 +1 @@
+.nmorph-tag-item{display:inline-flex;margin-right:var(--indentation-02);padding:var(--indentation-00) var(--indentation-03);border:solid 2px var(--nmorph-text-color);border-radius:var(--default-border-radius);cursor:default}.nmorph-tag-item .nmorph-tag-item__content{display:flex;align-items:center;height:100%}.nmorph-tag-item .nmorph-tag-item__close-icon{margin-left:4px}.nmorph-tag-item.nmorph-tag-item--nmorph-design{border:none;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-tag-item.nmorph-tag-item--thin{--height: var(--thin-component)}.nmorph-tag-item.nmorph-tag-item--thin span{font-weight:400;font-size:var(--font-size-extra-small);line-height:var(--line-height-regular)}.nmorph-tag-item.nmorph-tag-item--thick{--height: var(--thick-component)}

package/dist/components/data/nmorph-tag-list/components/nmorph-tag-item/NmorphTagItem.vue.js

@@ -0,0 +1,42 @@
+import './NmorphTagItem.css';
+import n from "./NmorphTagItem.vue2.js";
+import { openBlock as e, createElementBlock as m, normalizeClass as a, createElementVNode as t, toDisplayString as c, createBlock as i, withModifiers as s, withCtx as l, createVNode as p, createCommentVNode as _ } from "vue";
+/* empty css                   */
+import d from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const f = { class: "nmorph-tag-item__content" };
+function h(g, N, r, o, k, v) {
+  return e(), m(
+    "div",
+    {
+      class: a(o.modifiers)
+    },
+    [
+      t("div", f, [
+        t(
+          "span",
+          null,
+          c(r.text),
+          1
+          /* TEXT */
+        ),
+        o.props.removable ? (e(), i(o.NmorphIcon, {
+          key: 0,
+          class: "nmorph-tag-item__close-icon",
+          onClick: s(o.closeHandler, ["stop"])
+        }, {
+          default: l(() => [
+            p(o.NmorphIconError)
+          ]),
+          _: 1
+          /* STABLE */
+        })) : _("v-if", !0)
+      ])
+    ],
+    2
+    /* CLASS */
+  );
+}
+const b = /* @__PURE__ */ d(n, [["render", h], ["__file", "/builds/ketjo/nmorph/library/src/components/data/nmorph-tag-list/components/nmorph-tag-item/NmorphTagItem.vue"]]);
+export {
+  b as default
+};

package/dist/components/data/nmorph-tag-list/components/nmorph-tag-item/NmorphTagItem.vue2.js

@@ -0,0 +1,36 @@
+import './NmorphTagItem.css';
+import { defineComponent as i, computed as s } from "vue";
+import { useModifiers as u } from "../../../../../utils/create-modifiers.js";
+import { NmorphComponentHeight as a } from "../../../../../types/index.js";
+import l from "../../../../../assets/icons/error.svg.js";
+import d from "../../../../basic/nmorph-icon/NmorphIcon.vue.js";
+const N = /* @__PURE__ */ i({
+  __name: "NmorphTagItem",
+  props: {
+    value: { type: String, required: !0 },
+    text: { type: String, required: !0 },
+    removable: { type: Boolean, required: !1, default: !0 },
+    height: { type: null, required: !1, default: "basic" },
+    design: { type: String, required: !1, default: "nmorph" }
+  },
+  emits: ["close"],
+  setup(o, { expose: n, emit: m }) {
+    n();
+    const e = o, p = s(
+      () => u({
+        nmorph: [a[e.height]],
+        "nmorph-tag-item": [`${e.design === "nmorph" ? "nmorph-design" : ""}`]
+      })
+    ), r = m, t = { props: e, modifiers: p, emit: r, closeHandler: () => {
+      r("close", e.value);
+    }, get NmorphIcon() {
+      return d;
+    }, get NmorphIconError() {
+      return l;
+    } };
+    return Object.defineProperty(t, "__isScriptSetup", { enumerable: !1, value: !0 }), t;
+  }
+});
+export {
+  N as default
+};

package/dist/components/feedback/nmorph-alert/NmorphAlert.css

@@ -0,0 +1 @@
+.nmorph-alert{--background-color: var(--nmorph-overlay-color);display:inline-block;padding:var(--indentation-03) var(--indentation-04);background:var(--background-color);border-radius:var(--default-border-radius)}.nmorph-alert .nmorph-alert__content,.nmorph-alert .nmorph-alert__content-title{color:var(--nmorph-white-color);white-space:pre-line}.nmorph-alert .nmorph-alert__content-title{line-height:1;font-weight:600;font-size:var(--font-size-medium);line-height:var(--line-height-loose)}.nmorph-alert .nmorph-alert__html-wrapper{display:block}.nmorph-alert .nmorph-alert__wrapper{justify-content:space-between}.nmorph-alert .nmorph-alert__wrapper,.nmorph-alert .nmorph-alert__left-side{display:flex;align-items:center}.nmorph-alert .nmorph-alert__icon{margin-right:var(--indentation-03)}.nmorph-alert .nmorph-alert__close{margin-left:var(--indentation-03);cursor:pointer}.nmorph-alert .nmorph-alert__close .nmorph-icon{--color: var(--nmorph-white-color)}.nmorph-alert .nmorph-alert--success .nmorph-alert__icon .nmorph-icon{--color: var(--nmorph-success-color)}.nmorph-alert.nmorph-alert--error .nmorph-alert__icon .nmorph-icon{--color: var(--nmorph-error-color)}.nmorph-alert.nmorph-alert--warning .nmorph-alert__icon .nmorph-icon{--color: var(--nmorph-warn-color)}.nmorph-alert.nmorph-alert--info .nmorph-alert__icon .nmorph-icon{--color: var(--nmorph-info-color)}.nmorph-alert.nmorph-alert--bordered{border:1px solid var(--nmorph-gray-color)}.nmorph-alert.nmorph-alert--fill{width:100%}.nmorph-alert .nmorph-alert__close{align-self:var(--nmorph-alert-close-align)}