@nmorph/nmorph-ui-kit 2.2.33 → 2.2.34

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/components/basic/nmorph-icon/NmorphIcons.js +549 -0
  2. package/dist/components/basic/nmorph-link/NmorphLink.vue.js +33 -21
  3. package/dist/components/basic/nmorph-link/NmorphLink.vue2.js +21 -16
  4. package/dist/components/data/nmorph-avatar/NmorphAvatar.vue.js +22 -28
  5. package/dist/components/data/nmorph-badge/NmorphBadge.css +1 -1
  6. package/dist/index.umd.js +27 -27
  7. package/dist/package.json.js +1 -1
  8. package/dist/src/components/basic/nmorph-link/NmorphLink.vue.d.ts +2 -0
  9. package/dist/style.css +1 -1
  10. package/package.json +1 -1
package/dist/components/basic/nmorph-link/NmorphLink.vue2.js CHANGED
@@ -1,33 +1,38 @@
1
1
  import './NmorphLink.css';
2
- import { defineComponent as d, useSlots as u, computed as t } from "vue";
3
- import { useModifiers as a } from "../../../utils/create-modifiers.js";
4
- import { NmorphColor as p } from "../../../types/index.js";
5
- import f from "../nmorph-icon/NmorphIcon.vue.js";
6
- const q = /* @__PURE__ */ d({
2
+ import { defineComponent as c, useSlots as m, computed as r } from "vue";
3
+ import { useModifiers as y } from "../../../utils/create-modifiers.js";
4
+ import * as N from "../nmorph-icon/NmorphIcons.js";
5
+ import { NmorphColor as _ } from "../../../types/index.js";
6
+ import h from "../nmorph-icon/NmorphIcon.vue.js";
7
+ const b = /* @__PURE__ */ c({
7
8
  __name: "NmorphLink",
8
9
  props: {
9
- type: { type: null, required: !1, default: p.accent },
10
+ type: { type: null, required: !1, default: _.accent },
10
11
  underline: { type: Boolean, required: !1, default: !1 },
11
12
  href: { type: String, required: !1, default: "" },
12
13
  text: { type: String, required: !1, default: "" },
13
14
  target: { type: null, required: !1, default: "self" },
14
15
  disabled: { type: Boolean, required: !1, default: !1 },
15
- color: { type: String, required: !1, default: void 0 }
16
+ color: { type: String, required: !1, default: void 0 },
17
+ iconName: { type: String, required: !1, default: void 0 }
16
18
  },
17
- setup(o, { expose: l }) {
18
- l();
19
- const e = o, n = u(), s = t(
20
- () => a({
19
+ setup(l, { expose: s }) {
20
+ s();
21
+ const e = l, a = m(), o = N, t = (f) => f.split(/[-_\s]+/).filter(Boolean).map((i) => `${i.charAt(0).toUpperCase()}${i.slice(1)}`).join(""), p = r(() => {
22
+ if (e.iconName)
23
+ return e.iconName in o ? o[e.iconName] : o[`NmorphIcon${t(e.iconName)}`];
24
+ }), d = r(
25
+ () => y({
21
26
  "nmorph-link": [e.type, `${e.underline && "underline"}`, `${e.disabled && "disabled"}`]
22
27
  })
23
- ), i = t(() => ({
28
+ ), u = r(() => ({
24
29
  ...e.color !== void 0 && { "--link-color": e.color }
25
- })), r = { props: e, slots: n, modifiers: s, styles: i, get NmorphIcon() {
26
- return f;
30
+ })), n = { props: e, slots: a, iconMap: o, toPascalCase: t, resolvedIcon: p, modifiers: d, styles: u, get NmorphIcon() {
31
+ return h;
27
32
  } };
28
- return Object.defineProperty(r, "__isScriptSetup", { enumerable: !1, value: !0 }), r;
33
+ return Object.defineProperty(n, "__isScriptSetup", { enumerable: !1, value: !0 }), n;
29
34
  }
30
35
  });
31
36
  export {
32
- q as default
37
+ b as default
33
38
  };
package/dist/components/data/nmorph-avatar/NmorphAvatar.vue.js CHANGED
@@ -1,9 +1,9 @@
1
1
  import './NmorphAvatar.css';
2
2
  import p from "./NmorphAvatar.vue2.js";
3
- import { openBlock as e, createElementBlock as l, normalizeStyle as n, normalizeClass as h, createVNode as a, withCtx as o, renderSlot as t, toDisplayString as s, createBlock as i, resolveDynamicComponent as d, createCommentVNode as v } from "vue";
3
+ import { openBlock as e, createElementBlock as l, normalizeStyle as n, normalizeClass as h, createVNode as i, withCtx as a, renderSlot as c, toDisplayString as s, createBlock as o, resolveDynamicComponent as d, createCommentVNode as v } from "vue";
4
4
  /* empty css */
5
5
  import S from "../../../_virtual/_plugin-vue_export-helper.js";
6
- function w(c, m, _, r, y, I) {
6
+ function w(m, t, _, r, y, I) {
7
7
  return e(), l(
8
8
  "div",
9
9
  {
@@ -12,7 +12,7 @@ function w(c, m, _, r, y, I) {
12
12
  onClick: r.openPreview
13
13
  },
14
14
  [
15
- a(r.NmorphImage, {
15
+ i(r.NmorphImage, {
16
16
  fit: r.props.fit,
17
17
  src: r.imageSrc,
18
18
  "src-set": r.props.srcSet,
@@ -21,20 +21,17 @@ function w(c, m, _, r, y, I) {
21
21
  onLoad: r.onImageLoad,
22
22
  onError: r.onImageError
23
23
  }, {
24
- loading: o(() => [
25
- a(r.NmorphIcon, {
26
- size: "small",
27
- color: "var(--nmorph-accent-color)"
28
- }, {
29
- default: o(() => [
30
- a(r.NmorphIconLoader)
24
+ loading: a(() => [
25
+ i(r.NmorphIcon, { size: "small" }, {
26
+ default: a(() => [
27
+ i(r.NmorphIconLoader)
31
28
  ]),
32
29
  _: 1
33
30
  /* STABLE */
34
31
  })
35
32
  ]),
36
- error: o(() => [
37
- t(c.$slots, "error", {}, () => [
33
+ error: a(() => [
34
+ c(m.$slots, "error", {}, () => [
38
35
  r.initials ? (e(), l(
39
36
  "span",
40
37
  {
@@ -45,12 +42,12 @@ function w(c, m, _, r, y, I) {
45
42
  s(r.initials),
46
43
  5
47
44
  /* TEXT, STYLE */
48
- )) : (e(), i(r.NmorphIcon, {
45
+ )) : (e(), o(r.NmorphIcon, {
49
46
  key: 1,
50
47
  width: r.stubIconSize
51
48
  }, {
52
- default: o(() => [
53
- (e(), i(d(r.fallback)))
49
+ default: a(() => [
50
+ (e(), o(d(r.fallback)))
54
51
  ]),
55
52
  _: 1
56
53
  /* STABLE */
@@ -60,7 +57,7 @@ function w(c, m, _, r, y, I) {
60
57
  _: 3
61
58
  /* FORWARDED */
62
59
  }, 8, ["fit", "src", "src-set", "alt"]),
63
- r.imageSrc ? v("v-if", !0) : t(c.$slots, "error", { key: 0 }, () => [
60
+ r.imageSrc ? v("v-if", !0) : c(m.$slots, "error", { key: 0 }, () => [
64
61
  r.initials ? (e(), l(
65
62
  "span",
66
63
  {
@@ -71,18 +68,18 @@ function w(c, m, _, r, y, I) {
71
68
  s(r.initials),
72
69
  5
73
70
  /* TEXT, STYLE */
74
- )) : (e(), i(r.NmorphIcon, {
71
+ )) : (e(), o(r.NmorphIcon, {
75
72
  key: 1,
76
73
  width: r.stubIconSize
77
74
  }, {
78
- default: o(() => [
79
- (e(), i(d(r.fallback)))
75
+ default: a(() => [
76
+ (e(), o(d(r.fallback)))
80
77
  ]),
81
78
  _: 1
82
79
  /* STABLE */
83
80
  }, 8, ["width"]))
84
81
  ]),
85
- r.previewAvailable ? (e(), i(r.NmorphImagePreview, {
82
+ r.previewAvailable ? (e(), o(r.NmorphImagePreview, {
86
83
  key: 1,
87
84
  "show-trigger": !1,
88
85
  "model-value": r.previewOpen,
@@ -92,15 +89,12 @@ function w(c, m, _, r, y, I) {
92
89
  "scale-step": r.props.previewScaleStep,
93
90
  "min-scale-level": r.props.previewMinScaleLevel,
94
91
  "max-scale-level": r.props.previewMaxScaleLevel,
95
- "onUpdate:modelValue": m[0] || (m[0] = (f) => r.previewOpen = f)
92
+ "onUpdate:modelValue": t[0] || (t[0] = (f) => r.previewOpen = f)
96
93
  }, {
97
- loading: o(() => [
98
- a(r.NmorphIcon, {
99
- size: "small",
100
- color: "var(--nmorph-accent-color)"
101
- }, {
102
- default: o(() => [
103
- a(r.NmorphIconLoader)
94
+ loading: a(() => [
95
+ i(r.NmorphIcon, { size: "small" }, {
96
+ default: a(() => [
97
+ i(r.NmorphIconLoader)
104
98
  ]),
105
99
  _: 1
106
100
  /* STABLE */
package/dist/components/data/nmorph-badge/NmorphBadge.css CHANGED
@@ -1 +1 @@
1
- .nmorph-badge{position:relative;display:inline-block;height:fit-content;--nmorph-badge-dot-size: 4px;--nmorph-badge-ribbon-height: 24px;--nmorph-badge-ribbon-corner-size: 62px;--nmorph-badge-ribbon-width: 116px;--nmorph-badge-ribbon-offset-x: 0px;--nmorph-badge-ribbon-offset-y: 0px}.nmorph-badge .nmorph-badge__container{position:absolute;display:inline-flex;justify-content:center;align-items:center;background:var(--nmorph-badge-color);border-radius:var(--default-border-radius);opacity:1}.nmorph-badge.nmorph-badge--tag{position:static;display:inline-flex}.nmorph-badge .nmorph-badge__container--tag{position:static}.nmorph-badge .nmorph-badge__content{display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;min-width:calc(1em * var(--line-height-regular) + 4px);padding:2px 4px;color:var(--nmorph-light-shade-color);font-size:var(--font-size-base);line-height:var(--line-height-regular);text-align:center}.nmorph-badge.nmorph-badge--tiny .nmorph-badge__content{font-size:var(--font-size-tiny)}.nmorph-badge.nmorph-badge--extra-small .nmorph-badge__content{font-size:var(--font-size-extra-small)}.nmorph-badge .nmorph-badge__container--hidden{opacity:0}.nmorph-badge .nmorph-badge__ribbon-frame{position:absolute;inset:0;overflow:hidden;border-radius:var(--default-border-radius);pointer-events:none}.nmorph-badge .nmorph-badge__ribbon-corner{position:absolute;width:var(--nmorph-badge-ribbon-corner-size);height:var(--nmorph-badge-ribbon-corner-size)}.nmorph-badge .nmorph-badge__container--ribbon{top:50%;left:50%;width:var(--nmorph-badge-ribbon-width);height:var(--nmorph-badge-ribbon-height);border-radius:0;box-shadow:var(--nmorph-shadow-outset)}.nmorph-badge .nmorph-badge__container--ribbon .nmorph-badge__content{width:100%;min-width:0;height:100%;padding:0 var(--indentation-03);overflow:hidden;font-weight:600;font-size:var(--font-size-extra-small);line-height:1;white-space:nowrap;text-overflow:ellipsis}.nmorph-badge .nmorph-badge__ribbon-corner--top-left{top:var(--nmorph-badge-ribbon-offset-y);left:var(--nmorph-badge-ribbon-offset-x)}.nmorph-badge .nmorph-badge__ribbon-corner--top-left .nmorph-badge__container--ribbon{border-bottom-right-radius:var(--border-radius-40);border-bottom-left-radius:var(--border-radius-40);transform:translate(-50%,-50%) rotate(-45deg)}.nmorph-badge .nmorph-badge__ribbon-corner--top-right{top:var(--nmorph-badge-ribbon-offset-y);right:var(--nmorph-badge-ribbon-offset-x)}.nmorph-badge .nmorph-badge__ribbon-corner--top-right .nmorph-badge__container--ribbon{border-bottom-right-radius:var(--border-radius-40);border-bottom-left-radius:var(--border-radius-40);transform:translate(-50%,-50%) rotate(45deg)}.nmorph-badge .nmorph-badge__ribbon-corner--bottom-left{bottom:var(--nmorph-badge-ribbon-offset-y);left:var(--nmorph-badge-ribbon-offset-x)}.nmorph-badge .nmorph-badge__ribbon-corner--bottom-left .nmorph-badge__container--ribbon{border-top-left-radius:var(--border-radius-40);border-top-right-radius:var(--border-radius-40);transform:translate(-50%,-50%) rotate(45deg)}.nmorph-badge .nmorph-badge__ribbon-corner--bottom-right{right:var(--nmorph-badge-ribbon-offset-x);bottom:var(--nmorph-badge-ribbon-offset-y)}.nmorph-badge .nmorph-badge__ribbon-corner--bottom-right .nmorph-badge__container--ribbon{border-top-left-radius:var(--border-radius-40);border-top-right-radius:var(--border-radius-40);transform:translate(-50%,-50%) rotate(-45deg)}.nmorph-badge .nmorph-badge__ribbon-corner--flat{width:var(--nmorph-badge-ribbon-width);height:var(--nmorph-badge-ribbon-height)}.nmorph-badge .nmorph-badge__ribbon-corner--flat .nmorph-badge__container--ribbon{position:relative;top:auto;left:auto;transform:none}.nmorph-badge.nmorph-badge--tiny .nmorph-badge__container--ribbon .nmorph-badge__content{font-weight:400;font-size:var(--font-size-tiny)}.nmorph-badge .nmorph-badge__dot{width:var(--nmorph-badge-dot-size);height:var(--nmorph-badge-dot-size);border-radius:var(--border-radius-circular)}.nmorph-badge.nmorph-badge--tiny{--nmorph-badge-dot-size: 3px;--nmorph-badge-ribbon-height: 18px;--nmorph-badge-ribbon-corner-size: 50px;--nmorph-badge-ribbon-width: 92px}.nmorph-badge.nmorph-badge--extra-small{--nmorph-badge-dot-size: 4px;--nmorph-badge-ribbon-height: 20px;--nmorph-badge-ribbon-corner-size: 56px;--nmorph-badge-ribbon-width: 104px}
1
+ .nmorph-badge{position:relative;display:inline-block;height:fit-content;--nmorph-badge-dot-size: 4px;--nmorph-badge-ribbon-height: 24px;--nmorph-badge-ribbon-corner-size: 62px;--nmorph-badge-ribbon-width: 116px;--nmorph-badge-ribbon-offset-x: 0px;--nmorph-badge-ribbon-offset-y: 0px}.nmorph-badge .nmorph-badge__container{position:absolute;display:inline-flex;justify-content:center;align-items:center;background:var(--nmorph-badge-color);border-radius:var(--default-border-radius);opacity:1}.nmorph-badge.nmorph-badge--tag{position:static;display:inline-flex}.nmorph-badge .nmorph-badge__container--tag{position:static}.nmorph-badge .nmorph-badge__content{display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;min-width:calc(1em * var(--line-height-regular) + 4px);padding:2px 4px;color:var(--nmorph-light-shade-color);font-size:var(--font-size-base);line-height:var(--line-height-regular);text-align:center}.nmorph-badge.nmorph-badge--tiny .nmorph-badge__content{font-size:var(--font-size-tiny)}.nmorph-badge.nmorph-badge--extra-small .nmorph-badge__content{font-size:var(--font-size-extra-small)}.nmorph-badge .nmorph-badge__container--hidden{opacity:0}.nmorph-badge .nmorph-badge__ribbon-frame{position:absolute;inset:0;overflow:hidden;border-radius:var(--default-border-radius);pointer-events:none}.nmorph-badge .nmorph-badge__ribbon-corner{position:absolute;width:var(--nmorph-badge-ribbon-corner-size);height:var(--nmorph-badge-ribbon-corner-size)}.nmorph-badge .nmorph-badge__container--ribbon{top:50%;left:50%;width:var(--nmorph-badge-ribbon-width);height:var(--nmorph-badge-ribbon-height);border-radius:0;box-shadow:var(--nmorph-shadow-outset)}.nmorph-badge .nmorph-badge__container--ribbon .nmorph-badge__content{width:100%;min-width:0;height:100%;padding:0 var(--indentation-03);overflow:hidden;font-weight:600;font-size:var(--font-size-extra-small);line-height:1;white-space:nowrap;text-overflow:ellipsis}.nmorph-badge .nmorph-badge__ribbon-corner--top-left{top:var(--nmorph-badge-ribbon-offset-y);left:var(--nmorph-badge-ribbon-offset-x)}.nmorph-badge .nmorph-badge__ribbon-corner--top-left .nmorph-badge__container--ribbon{border-bottom-right-radius:var(--border-radius-40);border-bottom-left-radius:var(--border-radius-40);transform:translate(-50%,-50%) rotate(-45deg)}.nmorph-badge .nmorph-badge__ribbon-corner--top-right{top:var(--nmorph-badge-ribbon-offset-y);right:var(--nmorph-badge-ribbon-offset-x)}.nmorph-badge .nmorph-badge__ribbon-corner--top-right .nmorph-badge__container--ribbon{border-bottom-right-radius:var(--border-radius-40);border-bottom-left-radius:var(--border-radius-40);transform:translate(-50%,-50%) rotate(45deg)}.nmorph-badge .nmorph-badge__ribbon-corner--bottom-left{bottom:var(--nmorph-badge-ribbon-offset-y);left:var(--nmorph-badge-ribbon-offset-x)}.nmorph-badge .nmorph-badge__ribbon-corner--bottom-left .nmorph-badge__container--ribbon{border-top-left-radius:var(--border-radius-40);border-top-right-radius:var(--border-radius-40);transform:translate(-50%,-50%) rotate(45deg)}.nmorph-badge .nmorph-badge__ribbon-corner--bottom-right{right:var(--nmorph-badge-ribbon-offset-x);bottom:var(--nmorph-badge-ribbon-offset-y)}.nmorph-badge .nmorph-badge__ribbon-corner--bottom-right .nmorph-badge__container--ribbon{border-top-left-radius:var(--border-radius-40);border-top-right-radius:var(--border-radius-40);transform:translate(-50%,-50%) rotate(-45deg)}.nmorph-badge .nmorph-badge__ribbon-corner--flat{width:var(--nmorph-badge-ribbon-width);height:var(--nmorph-badge-ribbon-height)}.nmorph-badge .nmorph-badge__ribbon-corner--flat .nmorph-badge__container--ribbon{position:relative;top:auto;left:auto;border-radius:0;transform:none}.nmorph-badge.nmorph-badge--tiny .nmorph-badge__container--ribbon .nmorph-badge__content{font-weight:400;font-size:var(--font-size-tiny)}.nmorph-badge .nmorph-badge__dot{width:var(--nmorph-badge-dot-size);height:var(--nmorph-badge-dot-size);border-radius:var(--border-radius-circular)}.nmorph-badge.nmorph-badge--tiny{--nmorph-badge-dot-size: 3px;--nmorph-badge-ribbon-height: 18px;--nmorph-badge-ribbon-corner-size: 50px;--nmorph-badge-ribbon-width: 92px}.nmorph-badge.nmorph-badge--extra-small{--nmorph-badge-dot-size: 4px;--nmorph-badge-ribbon-height: 20px;--nmorph-badge-ribbon-corner-size: 56px;--nmorph-badge-ribbon-width: 104px}