@nmorph/nmorph-ui-kit 3.0.21 → 3.0.23
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.
- package/dist/assets/icons/mute.svg.js +6 -6
- package/dist/assets/icons/share.svg.js +2 -2
- package/dist/assets/icons/video-camera-off.svg.js +6 -6
- package/dist/components/data/nmorph-badge/NmorphBadge.css +1 -1
- package/dist/components/data/nmorph-badge/NmorphBadge.vue.js +17 -17
- package/dist/components/data/nmorph-badge/NmorphBadge.vue2.js +32 -24
- package/dist/index.es.js +120 -122
- package/dist/index.umd.js +25 -25
- package/dist/package.json.js +1 -1
- package/dist/src/components/data/index.d.ts +0 -2
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/dist/components/data/nmorph-media-tile/NmorphMediaTile.css +0 -1
- package/dist/components/data/nmorph-media-tile/NmorphMediaTile.vue.js +0 -139
- package/dist/components/data/nmorph-media-tile/NmorphMediaTile.vue2.js +0 -139
- package/dist/src/components/data/nmorph-media-tile/NmorphMediaTile.vue.d.ts +0 -40
- package/dist/src/components/data/nmorph-media-tile/types.d.ts +0 -30
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { openBlock as a, createElementBlock as
|
|
2
|
-
const
|
|
1
|
+
import { openBlock as a, createElementBlock as l, createElementVNode as t } from "vue";
|
|
2
|
+
const n = {
|
|
3
3
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4
4
|
viewBox: "0 0 1024 1024"
|
|
5
5
|
};
|
|
6
|
-
function
|
|
7
|
-
return a(),
|
|
6
|
+
function o(r, e) {
|
|
7
|
+
return a(), l("svg", n, [...e[0] || (e[0] = [
|
|
8
8
|
t(
|
|
9
9
|
"path",
|
|
10
10
|
{ d: "m412.16 592.128-45.44 45.44A191.23 191.23 0 0 1 320 512V256a192 192 0 1 1 384 0v44.352l-64 64V256a128 128 0 1 0-256 0v256c0 30.336 10.56 58.24 28.16 80.128m51.968 38.592A128 128 0 0 0 640 512v-57.152l64-64V512a192 192 0 0 1-287.68 166.528zM314.88 779.968l46.144-46.08A223 223 0 0 0 480 768h64a224 224 0 0 0 224-224v-32a32 32 0 1 1 64 0v32a288 288 0 0 1-288 288v64h64a32 32 0 1 1 0 64H416a32 32 0 1 1 0-64h64v-64c-61.44 0-118.4-19.2-165.12-52.032M266.752 737.6A286.98 286.98 0 0 1 192 544v-32a32 32 0 0 1 64 0v32c0 56.832 21.184 108.8 56.064 148.288z" },
|
|
@@ -21,8 +21,8 @@ function n(r, e) {
|
|
|
21
21
|
)
|
|
22
22
|
])]);
|
|
23
23
|
}
|
|
24
|
-
const c = { render:
|
|
24
|
+
const c = { render: o };
|
|
25
25
|
export {
|
|
26
26
|
c as default,
|
|
27
|
-
|
|
27
|
+
o as render
|
|
28
28
|
};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { openBlock as o, createElementBlock as
|
|
2
|
-
const
|
|
1
|
+
import { openBlock as o, createElementBlock as a, createElementVNode as t } from "vue";
|
|
2
|
+
const l = {
|
|
3
3
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4
4
|
viewBox: "0 0 1024 1024"
|
|
5
5
|
};
|
|
6
|
-
function
|
|
7
|
-
return o(),
|
|
6
|
+
function n(r, e) {
|
|
7
|
+
return o(), a("svg", l, [...e[0] || (e[0] = [
|
|
8
8
|
t(
|
|
9
9
|
"path",
|
|
10
10
|
{ d: "M704 768V256H128v512zm64-416 192-96v512l-192-96v128a32 32 0 0 1-32 32H96a32 32 0 0 1-32-32V224a32 32 0 0 1 32-32h640a32 32 0 0 1 32 32zm0 71.552v176.896l128 64V359.552zM192 320h192v64H192z" },
|
|
@@ -21,8 +21,8 @@ function a(l, e) {
|
|
|
21
21
|
)
|
|
22
22
|
])]);
|
|
23
23
|
}
|
|
24
|
-
const d = { render:
|
|
24
|
+
const d = { render: n };
|
|
25
25
|
export {
|
|
26
26
|
d as default,
|
|
27
|
-
|
|
27
|
+
n as render
|
|
28
28
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nmorph-badge{position:relative;display:inline-block;height:fit-content;--nmorph-private-badge-dot-size: 4px;--nmorph-private-badge-ribbon-height: 24px;--nmorph-private-badge-ribbon-corner-size: 62px;--nmorph-private-badge-ribbon-width: 116px;--nmorph-private-badge-ribbon-radius: var(--border-radius-40);--nmorph-private-badge-ribbon-offset-x: 0px;--nmorph-private-badge-ribbon-offset-y: 0px}.nmorph-badge .nmorph-badge__container{position:absolute;display:inline-flex;justify-content:center;align-items:center;background:var(--nmorph-private-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__container--tag .nmorph-badge__content--custom{min-height:calc(1em * var(--line-height-regular) + 4px);padding:2px}.nmorph-badge .nmorph-badge__container--tag .nmorph-badge__content--custom>.nmorph-icon{flex:0 0 auto}.nmorph-badge .nmorph-badge__content{--nmorph-private-badge-content-color: var(--nmorph-light-shade-color);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-private-badge-content-color);font-size:var(--nmorph-typography-body-large-font-size);line-height:var(--nmorph-typography-body-large-line-height);text-align:center}.nmorph-badge .nmorph-badge__content .nmorph-icon{--nmorph-private-icon-color: var(--nmorph-private-badge-content-color)}.nmorph-badge.nmorph-badge--tiny .nmorph-badge__content{font-size:var(--nmorph-typography-caption-font-size)}.nmorph-badge.nmorph-badge--extra-small .nmorph-badge__content{font-size:var(--nmorph-typography-body-small-font-size)}.nmorph-badge.nmorph-badge--medium .nmorph-badge__content{font-size:var(--nmorph-typography-title-small-font-size)}.nmorph-badge.nmorph-badge--large .nmorph-badge__content{font-size:var(--nmorph-typography-title-font-size)}.nmorph-badge.nmorph-badge--extra-large .nmorph-badge__content{font-size:var(--nmorph-typography-title-large-font-size)}.nmorph-badge .nmorph-badge__container--hidden{
|
|
1
|
+
.nmorph-badge{position:relative;display:inline-block;height:fit-content;--nmorph-private-badge-dot-size: 4px;--nmorph-private-badge-ribbon-height: 24px;--nmorph-private-badge-ribbon-corner-size: 62px;--nmorph-private-badge-ribbon-width: 116px;--nmorph-private-badge-ribbon-radius: var(--border-radius-40);--nmorph-private-badge-ribbon-offset-x: 0px;--nmorph-private-badge-ribbon-offset-y: 0px}.nmorph-badge .nmorph-badge__container{position:absolute;display:inline-flex;justify-content:center;align-items:center;background:var(--nmorph-private-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__container--tag .nmorph-badge__content--custom{min-height:calc(1em * var(--line-height-regular) + 4px);padding:2px}.nmorph-badge .nmorph-badge__container--tag .nmorph-badge__content--custom>.nmorph-icon{flex:0 0 auto}.nmorph-badge .nmorph-badge__content{--nmorph-private-badge-content-color: var(--nmorph-light-shade-color);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-private-badge-content-color);font-size:var(--nmorph-typography-body-large-font-size);line-height:var(--nmorph-typography-body-large-line-height);text-align:center}.nmorph-badge .nmorph-badge__content .nmorph-icon{--nmorph-private-icon-color: var(--nmorph-private-badge-content-color)}.nmorph-badge.nmorph-badge--tiny .nmorph-badge__content{font-size:var(--nmorph-typography-caption-font-size)}.nmorph-badge.nmorph-badge--extra-small .nmorph-badge__content{font-size:var(--nmorph-typography-body-small-font-size)}.nmorph-badge.nmorph-badge--medium .nmorph-badge__content{font-size:var(--nmorph-typography-title-small-font-size)}.nmorph-badge.nmorph-badge--large .nmorph-badge__content{font-size:var(--nmorph-typography-title-font-size)}.nmorph-badge.nmorph-badge--extra-large .nmorph-badge__content{font-size:var(--nmorph-typography-title-large-font-size)}.nmorph-badge .nmorph-badge__container--hidden{display:none}.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-private-badge-ribbon-corner-size);height:var(--nmorph-private-badge-ribbon-corner-size)}.nmorph-badge .nmorph-badge__container--ribbon{top:50%;left:50%;width:var(--nmorph-private-badge-ribbon-width);height:var(--nmorph-private-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:var(--font-weight-semibold);font-size:var(--nmorph-typography-label-font-size);line-height:1;white-space:nowrap;text-overflow:ellipsis}.nmorph-badge .nmorph-badge__ribbon-corner--top-left{top:var(--nmorph-private-badge-ribbon-offset-y);left:var(--nmorph-private-badge-ribbon-offset-x)}.nmorph-badge .nmorph-badge__ribbon-corner--top-left .nmorph-badge__container--ribbon{border-bottom-right-radius:var(--nmorph-private-badge-ribbon-radius);border-bottom-left-radius:var(--nmorph-private-badge-ribbon-radius);transform:translate(-50%,-50%) rotate(-45deg)}.nmorph-badge .nmorph-badge__ribbon-corner--top-right{top:var(--nmorph-private-badge-ribbon-offset-y);right:var(--nmorph-private-badge-ribbon-offset-x)}.nmorph-badge .nmorph-badge__ribbon-corner--top-right .nmorph-badge__container--ribbon{border-bottom-right-radius:var(--nmorph-private-badge-ribbon-radius);border-bottom-left-radius:var(--nmorph-private-badge-ribbon-radius);transform:translate(-50%,-50%) rotate(45deg)}.nmorph-badge .nmorph-badge__ribbon-corner--bottom-left{bottom:var(--nmorph-private-badge-ribbon-offset-y);left:var(--nmorph-private-badge-ribbon-offset-x)}.nmorph-badge .nmorph-badge__ribbon-corner--bottom-left .nmorph-badge__container--ribbon{border-top-left-radius:var(--nmorph-private-badge-ribbon-radius);border-top-right-radius:var(--nmorph-private-badge-ribbon-radius);transform:translate(-50%,-50%) rotate(45deg)}.nmorph-badge .nmorph-badge__ribbon-corner--bottom-right{right:var(--nmorph-private-badge-ribbon-offset-x);bottom:var(--nmorph-private-badge-ribbon-offset-y)}.nmorph-badge .nmorph-badge__ribbon-corner--bottom-right .nmorph-badge__container--ribbon{border-top-left-radius:var(--nmorph-private-badge-ribbon-radius);border-top-right-radius:var(--nmorph-private-badge-ribbon-radius);transform:translate(-50%,-50%) rotate(-45deg)}.nmorph-badge .nmorph-badge__ribbon-corner--flat{width:var(--nmorph-private-badge-ribbon-width);height:var(--nmorph-private-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:var(--font-weight-regular);font-size:var(--nmorph-typography-caption-font-size)}.nmorph-badge.nmorph-badge--medium .nmorph-badge__container--ribbon .nmorph-badge__content{font-size:var(--nmorph-typography-title-small-font-size)}.nmorph-badge.nmorph-badge--large .nmorph-badge__container--ribbon .nmorph-badge__content{font-size:var(--nmorph-typography-title-font-size)}.nmorph-badge.nmorph-badge--extra-large .nmorph-badge__container--ribbon .nmorph-badge__content{font-size:var(--nmorph-typography-title-large-font-size)}.nmorph-badge .nmorph-badge__dot{width:var(--nmorph-private-badge-dot-size);height:var(--nmorph-private-badge-dot-size);border-radius:var(--border-radius-circular)}.nmorph-badge.nmorph-badge--tiny{--nmorph-private-badge-dot-size: 3px;--nmorph-private-badge-ribbon-height: 18px;--nmorph-private-badge-ribbon-corner-size: 50px;--nmorph-private-badge-ribbon-width: 92px}.nmorph-badge.nmorph-badge--extra-small{--nmorph-private-badge-dot-size: 4px;--nmorph-private-badge-ribbon-height: 20px;--nmorph-private-badge-ribbon-corner-size: 56px;--nmorph-private-badge-ribbon-width: 104px}.nmorph-badge.nmorph-badge--medium{--nmorph-private-badge-dot-size: 5px;--nmorph-private-badge-ribbon-height: 28px;--nmorph-private-badge-ribbon-corner-size: 68px;--nmorph-private-badge-ribbon-width: 128px}.nmorph-badge.nmorph-badge--large{--nmorph-private-badge-dot-size: 6px;--nmorph-private-badge-ribbon-height: 32px;--nmorph-private-badge-ribbon-corner-size: 76px;--nmorph-private-badge-ribbon-width: 144px}.nmorph-badge.nmorph-badge--extra-large{--nmorph-private-badge-dot-size: 8px;--nmorph-private-badge-ribbon-height: 36px;--nmorph-private-badge-ribbon-corner-size: 84px;--nmorph-private-badge-ribbon-width: 160px}
|
|
@@ -1,28 +1,28 @@
|
|
|
1
1
|
import './NmorphBadge.css';
|
|
2
2
|
import c from "./NmorphBadge.vue2.js";
|
|
3
|
-
import { openBlock as a, createElementBlock as r, normalizeStyle as
|
|
3
|
+
import { openBlock as a, createElementBlock as r, normalizeStyle as n, normalizeClass as o, renderSlot as d, createCommentVNode as i, createElementVNode as s, createTextVNode as t, toDisplayString as m } from "vue";
|
|
4
4
|
/* empty css */
|
|
5
5
|
import y from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
6
|
-
const
|
|
6
|
+
const f = {
|
|
7
7
|
key: 0,
|
|
8
8
|
class: "nmorph-badge__dot"
|
|
9
9
|
};
|
|
10
|
-
function
|
|
11
|
-
return !e.props.disabled && (!e.isTagType || e.
|
|
10
|
+
function _(l, b, h, e, g, v) {
|
|
11
|
+
return !e.props.disabled && (!e.isTagType || e.shouldRenderBadge) ? (a(), r(
|
|
12
12
|
"div",
|
|
13
13
|
{
|
|
14
14
|
key: 0,
|
|
15
15
|
class: o(e.modifiers),
|
|
16
|
-
style:
|
|
16
|
+
style: n(e.styles)
|
|
17
17
|
},
|
|
18
18
|
[
|
|
19
|
-
e.isTagType ?
|
|
20
|
-
e.
|
|
19
|
+
e.isTagType ? i("v-if", !0) : d(l.$slots, "default", { key: 0 }),
|
|
20
|
+
e.shouldRenderBadge && e.isRibbon ? (a(), r(
|
|
21
21
|
"div",
|
|
22
22
|
{
|
|
23
23
|
key: 1,
|
|
24
24
|
class: "nmorph-badge__ribbon-frame",
|
|
25
|
-
style:
|
|
25
|
+
style: n(e.ribbonFrameStyle)
|
|
26
26
|
},
|
|
27
27
|
[
|
|
28
28
|
s(
|
|
@@ -36,7 +36,7 @@ function f(l, _, b, e, g, v) {
|
|
|
36
36
|
{
|
|
37
37
|
ref: "badge",
|
|
38
38
|
class: o(e.containerModifiers),
|
|
39
|
-
style:
|
|
39
|
+
style: n(e.containerStyle)
|
|
40
40
|
},
|
|
41
41
|
[
|
|
42
42
|
s(
|
|
@@ -45,7 +45,7 @@ function f(l, _, b, e, g, v) {
|
|
|
45
45
|
class: o(["nmorph-badge__content", e.hasValueSlot && "nmorph-badge__content--custom"])
|
|
46
46
|
},
|
|
47
47
|
[
|
|
48
|
-
|
|
48
|
+
d(l.$slots, "value", {
|
|
49
49
|
value: e.props.value,
|
|
50
50
|
displayValue: e.displayValue
|
|
51
51
|
}, () => [
|
|
@@ -70,23 +70,23 @@ function f(l, _, b, e, g, v) {
|
|
|
70
70
|
],
|
|
71
71
|
4
|
|
72
72
|
/* STYLE */
|
|
73
|
-
)) : e.
|
|
73
|
+
)) : e.shouldRenderBadge ? (a(), r(
|
|
74
74
|
"div",
|
|
75
75
|
{
|
|
76
76
|
key: 2,
|
|
77
77
|
ref: "badge",
|
|
78
78
|
class: o(e.containerModifiers),
|
|
79
|
-
style:
|
|
79
|
+
style: n(e.containerStyle)
|
|
80
80
|
},
|
|
81
81
|
[
|
|
82
|
-
e.isDotType ? (a(), r("div",
|
|
82
|
+
e.isDotType ? (a(), r("div", f)) : (a(), r(
|
|
83
83
|
"div",
|
|
84
84
|
{
|
|
85
85
|
key: 1,
|
|
86
86
|
class: o(["nmorph-badge__content", e.hasValueSlot && "nmorph-badge__content--custom"])
|
|
87
87
|
},
|
|
88
88
|
[
|
|
89
|
-
|
|
89
|
+
d(l.$slots, "value", {
|
|
90
90
|
value: e.props.value,
|
|
91
91
|
displayValue: e.displayValue
|
|
92
92
|
}, () => [
|
|
@@ -103,13 +103,13 @@ function f(l, _, b, e, g, v) {
|
|
|
103
103
|
],
|
|
104
104
|
6
|
|
105
105
|
/* CLASS, STYLE */
|
|
106
|
-
)) :
|
|
106
|
+
)) : i("v-if", !0)
|
|
107
107
|
],
|
|
108
108
|
6
|
|
109
109
|
/* CLASS, STYLE */
|
|
110
|
-
)) : e.isTagType ?
|
|
110
|
+
)) : e.isTagType ? i("v-if", !0) : d(l.$slots, "default", { key: 1 });
|
|
111
111
|
}
|
|
112
|
-
const T = /* @__PURE__ */ y(c, [["render",
|
|
112
|
+
const T = /* @__PURE__ */ y(c, [["render", _], ["__file", "/home/runner/work/nmorph/nmorph/library/src/components/data/nmorph-badge/NmorphBadge.vue"]]);
|
|
113
113
|
export {
|
|
114
114
|
T as default
|
|
115
115
|
};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import './NmorphBadge.css';
|
|
2
|
-
import { defineComponent as
|
|
2
|
+
import { defineComponent as I, useSlots as T, computed as r, ref as d, onMounted as M, watch as O, nextTick as F } from "vue";
|
|
3
3
|
import { useModifiers as s } from "../../../utils/create-modifiers.js";
|
|
4
|
-
import { createCssSizeVariables as
|
|
5
|
-
const X = /* @__PURE__ */
|
|
4
|
+
import { createCssSizeVariables as H, createCssVariables as $ } from "../../../utils/common.js";
|
|
5
|
+
const X = /* @__PURE__ */ I({
|
|
6
6
|
__name: "NmorphBadge",
|
|
7
7
|
props: {
|
|
8
8
|
value: { type: [Number, String], required: !1 },
|
|
@@ -24,9 +24,9 @@ const X = /* @__PURE__ */ B({
|
|
|
24
24
|
zIndex: { type: Number, required: !1, default: 1 },
|
|
25
25
|
disabled: { type: Boolean, required: !1, default: !1 }
|
|
26
26
|
},
|
|
27
|
-
setup(
|
|
28
|
-
|
|
29
|
-
const e =
|
|
27
|
+
setup(h, { expose: g }) {
|
|
28
|
+
g();
|
|
29
|
+
const e = h, b = T(), f = r(() => e.type === "dot"), a = r(() => e.type === "tag"), t = r(() => e.type === "ribbon"), S = r(
|
|
30
30
|
() => s({
|
|
31
31
|
"nmorph-badge": [
|
|
32
32
|
e.hidden && "hidden",
|
|
@@ -36,38 +36,37 @@ const X = /* @__PURE__ */ B({
|
|
|
36
36
|
e.size
|
|
37
37
|
]
|
|
38
38
|
})
|
|
39
|
-
),
|
|
39
|
+
), x = r(
|
|
40
40
|
() => s({
|
|
41
41
|
"nmorph-badge__container": [
|
|
42
|
-
e.hidden && "hidden",
|
|
43
42
|
a.value && "tag",
|
|
44
43
|
t.value && "ribbon",
|
|
45
44
|
t.value && `ribbon-${e.ribbonCorner}`
|
|
46
45
|
]
|
|
47
46
|
})
|
|
48
|
-
),
|
|
47
|
+
), z = r(
|
|
49
48
|
() => s({
|
|
50
49
|
"nmorph-badge__ribbon-corner": [e.ribbonCorner, !e.ribbonTilt && "flat"]
|
|
51
50
|
})
|
|
52
|
-
),
|
|
51
|
+
), q = r(() => typeof Number(e.value) == "number" && Number(e.value) > e.max ? `${e.max}+` : e.value), p = r(() => !!b.value), v = r(() => e.hideOnFalsyValue && !e.value), c = r(
|
|
53
52
|
() => (f.value || e.value !== void 0 || p.value) && !v.value
|
|
54
|
-
), i = r(() => {
|
|
55
|
-
const
|
|
53
|
+
), _ = r(() => c.value && !e.hidden), i = r(() => {
|
|
54
|
+
const y = `${(n?.value / 2 + e.offsetX) * -1}px`, B = `${(l?.value / 2 + e.offsetY) * -1}px`;
|
|
56
55
|
return {
|
|
57
|
-
x:
|
|
58
|
-
y:
|
|
56
|
+
x: y,
|
|
57
|
+
y: B
|
|
59
58
|
};
|
|
60
|
-
}),
|
|
59
|
+
}), N = r(() => a.value || t.value ? {
|
|
61
60
|
zIndex: e.zIndex
|
|
62
61
|
} : {
|
|
63
62
|
right: i.value.x,
|
|
64
63
|
top: i.value.y,
|
|
65
64
|
zIndex: e.zIndex
|
|
66
|
-
}), o = d(null), n = d(0), l = d(0),
|
|
67
|
-
|
|
65
|
+
}), o = d(null), n = d(0), l = d(0), C = r(() => ({
|
|
66
|
+
...$({
|
|
68
67
|
"--nmorph-private-badge-color": e.color
|
|
69
68
|
}),
|
|
70
|
-
...
|
|
69
|
+
...H({
|
|
71
70
|
"--nmorph-private-badge-dot-size": e.dotSize,
|
|
72
71
|
"--nmorph-private-badge-ribbon-offset-x": e.offsetX !== 0 && e.offsetX,
|
|
73
72
|
"--nmorph-private-badge-ribbon-offset-y": e.offsetY !== 0 && e.offsetY,
|
|
@@ -77,16 +76,25 @@ const X = /* @__PURE__ */ B({
|
|
|
77
76
|
"--nmorph-private-badge-ribbon-radius": e.ribbonRadius
|
|
78
77
|
})
|
|
79
78
|
})), u = async () => {
|
|
80
|
-
await
|
|
81
|
-
},
|
|
79
|
+
await F(), !(!o.value || a.value || t.value) && (n.value = o.value.clientWidth, l.value = o.value.clientHeight);
|
|
80
|
+
}, V = r(() => ({
|
|
82
81
|
zIndex: e.zIndex
|
|
83
82
|
}));
|
|
84
|
-
|
|
85
|
-
() => [
|
|
83
|
+
M(u), O(
|
|
84
|
+
() => [
|
|
85
|
+
e.value,
|
|
86
|
+
e.max,
|
|
87
|
+
e.type,
|
|
88
|
+
e.ribbonCorner,
|
|
89
|
+
e.ribbonTilt,
|
|
90
|
+
e.size,
|
|
91
|
+
e.hidden,
|
|
92
|
+
e.hideOnFalsyValue
|
|
93
|
+
],
|
|
86
94
|
u
|
|
87
95
|
);
|
|
88
|
-
const
|
|
89
|
-
return Object.defineProperty(
|
|
96
|
+
const m = { props: e, slots: b, isDotType: f, isTagType: a, isRibbon: t, modifiers: S, containerModifiers: x, ribbonCornerModifiers: z, displayValue: q, hasValueSlot: p, shouldHideOnFalsyValue: v, shouldShowBadge: c, shouldRenderBadge: _, appliedOffset: i, containerStyle: N, badge: o, badgeWidth: n, badgeHeight: l, styles: C, updateBadgeSize: u, ribbonFrameStyle: V };
|
|
97
|
+
return Object.defineProperty(m, "__isScriptSetup", { enumerable: !1, value: !0 }), m;
|
|
90
98
|
}
|
|
91
99
|
});
|
|
92
100
|
export {
|
package/dist/index.es.js
CHANGED
|
@@ -370,61 +370,60 @@ import { default as fs } from "./components/basic/nmorph-layout/NmorphLayout.vue
|
|
|
370
370
|
import { default as ds } from "./components/basic/nmorph-link/NmorphLink.vue.js";
|
|
371
371
|
import { NmorphLinkTarget as hs } from "./components/basic/nmorph-link/types.js";
|
|
372
372
|
import { default as ss } from "./components/data/nmorph-media-gallery/NmorphMediaGallery.vue.js";
|
|
373
|
-
import {
|
|
374
|
-
import {
|
|
375
|
-
import { default as Cs } from "./components/
|
|
376
|
-
import { default as gs } from "./components/form/nmorph-
|
|
377
|
-
import {
|
|
378
|
-
import {
|
|
379
|
-
import { default as Ls } from "./components/
|
|
380
|
-
import { default as Bs } from "./components/data/nmorph-
|
|
381
|
-
import { default as bs } from "./components/data/nmorph-
|
|
382
|
-
import { default as ws } from "./components/
|
|
383
|
-
import { default as Os } from "./components/form/nmorph-radio/
|
|
384
|
-
import { default as Gs } from "./components/
|
|
385
|
-
import { default as Vs } from "./components/
|
|
386
|
-
import { default as Hs } from "./components/form/nmorph-select/
|
|
387
|
-
import { default as Qs } from "./components/form/nmorph-select-button/
|
|
388
|
-
import { default as zs } from "./components/form/nmorph-select
|
|
389
|
-
import {
|
|
390
|
-
import {
|
|
391
|
-
import { default as _s } from "./components/data/nmorph-skeleton/
|
|
392
|
-
import {
|
|
393
|
-
import {
|
|
394
|
-
import {
|
|
395
|
-
import {
|
|
396
|
-
import { default as lN } from "./components/
|
|
397
|
-
import { default as nN } from "./components/
|
|
398
|
-
import { default as uN } from "./components/
|
|
399
|
-
import { default as NN } from "./components/
|
|
400
|
-
import { default as xN } from "./components/data/nmorph-table/
|
|
401
|
-
import { default as iN } from "./components/data/nmorph-table/components/nmorph-table-
|
|
402
|
-
import { default as SN } from "./components/
|
|
403
|
-
import { default as TN } from "./components/
|
|
404
|
-
import { default as kN } from "./components/data/nmorph-tag-list/
|
|
405
|
-
import { default as PN } from "./components/
|
|
406
|
-
import { default as LN } from "./components/
|
|
407
|
-
import { default as BN } from "./components/form/nmorph-
|
|
408
|
-
import { default as bN } from "./components/form/nmorph-
|
|
409
|
-
import { default as wN } from "./components/
|
|
410
|
-
import { default as ON } from "./components/
|
|
411
|
-
import { default as GN } from "./components/data/nmorph-
|
|
412
|
-
import {
|
|
413
|
-
import {
|
|
414
|
-
import {
|
|
415
|
-
import {
|
|
416
|
-
import {
|
|
417
|
-
import {
|
|
418
|
-
import {
|
|
419
|
-
import {
|
|
420
|
-
import {
|
|
421
|
-
import {
|
|
422
|
-
import {
|
|
423
|
-
import {
|
|
424
|
-
import {
|
|
425
|
-
import {
|
|
426
|
-
import {
|
|
427
|
-
import { default as Dc } from "./locales/zh.js";
|
|
373
|
+
import { NmorphNotificationPlacement as cs } from "./components/providers/nmorph-notification-provider/types.js";
|
|
374
|
+
import { default as Is } from "./components/providers/nmorph-notification-provider/NmorphNotificationProvider.vue.js";
|
|
375
|
+
import { default as Cs } from "./components/form/nmorph-number-input/NmorphNumberInput.vue.js";
|
|
376
|
+
import { default as gs } from "./components/form/nmorph-otp-input/NmorphOTPInput.vue.js";
|
|
377
|
+
import { NmorphOverflowProp as Fs, NmorphScrollBehavior as ks } from "./components/basic/nmorph-scroll/types.js";
|
|
378
|
+
import { default as Ps } from "./components/others/nmorph-overlay/NmorphOverlay.vue.js";
|
|
379
|
+
import { default as Ls } from "./components/data/nmorph-pagination/NmorphPagination.vue.js";
|
|
380
|
+
import { default as Bs } from "./components/data/nmorph-progress/NmorphProgress.vue.js";
|
|
381
|
+
import { default as bs } from "./components/data/nmorph-qr-code/NmorphQRCode.vue.js";
|
|
382
|
+
import { default as ws } from "./components/form/nmorph-radio/NmorphRadio.vue.js";
|
|
383
|
+
import { default as Os } from "./components/form/nmorph-radio-group/NmorphRadioGroup.vue.js";
|
|
384
|
+
import { default as Gs } from "./components/basic/nmorph-scroll/NmorphScroll.vue.js";
|
|
385
|
+
import { default as Vs } from "./components/form/nmorph-select/NmorphSelect.vue.js";
|
|
386
|
+
import { default as Hs } from "./components/form/nmorph-select-button/NmorphSelectButton.vue.js";
|
|
387
|
+
import { default as Qs } from "./components/form/nmorph-select-button/components/nmorph-select-button-item/NmorphSelectButtonItem.vue.js";
|
|
388
|
+
import { default as zs } from "./components/form/nmorph-select/components/nmorph-select-option/NmorphSelectOption.vue.js";
|
|
389
|
+
import { NmorphSelectionDateType as Zs } from "./types/date.types.js";
|
|
390
|
+
import { default as Js } from "./components/data/nmorph-skeleton/NmorphSkeleton.vue.js";
|
|
391
|
+
import { default as _s } from "./components/data/nmorph-skeleton/components/NmorphSkeletonItem.vue.js";
|
|
392
|
+
import { NmorphSkeletonItemPropsType as oN } from "./components/data/nmorph-skeleton/types.js";
|
|
393
|
+
import { default as eN } from "./components/form/nmorph-slider/NmorphSlider.vue.js";
|
|
394
|
+
import { NmorphSortOrder as aN } from "./types/table.types.js";
|
|
395
|
+
import { default as mN } from "./components/basic/nmorph-space/NmorphSpace.vue.js";
|
|
396
|
+
import { default as lN } from "./components/navigation/nmorph-stepper/NmorphStepper.vue.js";
|
|
397
|
+
import { default as nN } from "./components/form/nmorph-switch/NmorphSwitch.vue.js";
|
|
398
|
+
import { default as uN } from "./components/navigation/nmorph-tabs/components/nmorph-tab-pane/NmorphTabPane.vue.js";
|
|
399
|
+
import { default as NN } from "./components/data/nmorph-table/NmorphTable.vue.js";
|
|
400
|
+
import { default as xN } from "./components/data/nmorph-table/components/nmorph-table-cell/NmorphTableCell.vue.js";
|
|
401
|
+
import { default as iN } from "./components/data/nmorph-table/components/nmorph-table-column/NmorphTableColumn.vue.js";
|
|
402
|
+
import { default as SN } from "./components/navigation/nmorph-tabs/NmorphTabs.vue.js";
|
|
403
|
+
import { default as TN } from "./components/data/nmorph-tag-list/components/nmorph-tag-item/NmorphTagItem.vue.js";
|
|
404
|
+
import { default as kN } from "./components/data/nmorph-tag-list/NmorphTagList.vue.js";
|
|
405
|
+
import { default as PN } from "./components/basic/nmorph-text/NmorphText.vue.js";
|
|
406
|
+
import { default as LN } from "./components/form/nmorph-text-input/NmorphTextInput.vue.js";
|
|
407
|
+
import { default as BN } from "./components/form/nmorph-textarea/NmorphTextarea.vue.js";
|
|
408
|
+
import { default as bN } from "./components/form/nmorph-time-picker/NmorphTimePicker.vue.js";
|
|
409
|
+
import { default as wN } from "./components/feedback/nmorph-tooltip/NmorphTooltip.vue.js";
|
|
410
|
+
import { default as ON } from "./components/data/nmorph-video-preview/NmorphVideoPreview.vue.js";
|
|
411
|
+
import { default as GN } from "./components/data/nmorph-virtual-list/NmorphVirtualList.vue.js";
|
|
412
|
+
import { createNmorphEmojiLocale as VN, nmorphEmojiQuickList as WN } from "./components/data/nmorph-emoji-picker/emoji/base.js";
|
|
413
|
+
import { createNmorphQRCode as jN } from "./components/data/nmorph-qr-code/qr-code.js";
|
|
414
|
+
import { default as qN } from "./locales/en.js";
|
|
415
|
+
import { formatDate as KN, formatDateIntl as ZN, getDecadeYears as YN, getMonthDaysByWeek as JN, getMonthName as XN, hasAnyRangeDateInNextMonth as _N, hasAnyRangeDateInPrevMonth as $N, isTodayInMonthRange as oc, resetTimeToZero as rc } from "./components/data/nmorph-calendar/utils.js";
|
|
416
|
+
import { getCommonStyles as tc } from "./hooks/use-common-styles.js";
|
|
417
|
+
import { getNmorphThemeStyles as pc, useNmorphTheme as mc } from "./outside-hooks/use-nmorph-theme.js";
|
|
418
|
+
import { getTabContentId as lc, getTabLabelId as dc } from "./components/navigation/nmorph-tabs/utils.js";
|
|
419
|
+
import { nmorphGuideInjectionKey as hc } from "./components/feedback/nmorph-guide/types.js";
|
|
420
|
+
import { nmorphLog as sc } from "./outside-utils/nmorph-log.js";
|
|
421
|
+
import { default as cc } from "./locales/ru.js";
|
|
422
|
+
import { useCalendarTexts as Ic } from "./components/data/nmorph-calendar/hooks/use-calendar-texts.js";
|
|
423
|
+
import { useNmorph as Cc } from "./outside-hooks/use-nmorph.js";
|
|
424
|
+
import { useNmorphBrowser as gc } from "./outside-hooks/use-nmorph-browser.js";
|
|
425
|
+
import { useNmorphNotification as Fc } from "./outside-hooks/use-nmorph-notification.js";
|
|
426
|
+
import { default as yc } from "./locales/zh.js";
|
|
428
427
|
export {
|
|
429
428
|
f as AvatarShapeType,
|
|
430
429
|
n as Locale,
|
|
@@ -810,81 +809,80 @@ export {
|
|
|
810
809
|
ds as NmorphLink,
|
|
811
810
|
hs as NmorphLinkTarget,
|
|
812
811
|
ss as NmorphMediaGallery,
|
|
813
|
-
cs as
|
|
814
|
-
Is as
|
|
815
|
-
Cs as
|
|
816
|
-
gs as
|
|
817
|
-
Fs as
|
|
818
|
-
|
|
819
|
-
Ls as
|
|
820
|
-
Bs as
|
|
821
|
-
bs as
|
|
822
|
-
ws as
|
|
823
|
-
Os as
|
|
824
|
-
Gs as
|
|
825
|
-
|
|
826
|
-
|
|
827
|
-
Hs as
|
|
828
|
-
Qs as
|
|
829
|
-
zs as
|
|
830
|
-
Zs as NmorphSelectOption,
|
|
812
|
+
cs as NmorphNotificationPlacement,
|
|
813
|
+
Is as NmorphNotificationProvider,
|
|
814
|
+
Cs as NmorphNumberInput,
|
|
815
|
+
gs as NmorphOTPInput,
|
|
816
|
+
Fs as NmorphOverflowProp,
|
|
817
|
+
Ps as NmorphOverlay,
|
|
818
|
+
Ls as NmorphPagination,
|
|
819
|
+
Bs as NmorphProgress,
|
|
820
|
+
bs as NmorphQRCode,
|
|
821
|
+
ws as NmorphRadio,
|
|
822
|
+
Os as NmorphRadioGroup,
|
|
823
|
+
Gs as NmorphScroll,
|
|
824
|
+
ks as NmorphScrollBehavior,
|
|
825
|
+
Vs as NmorphSelect,
|
|
826
|
+
Hs as NmorphSelectButton,
|
|
827
|
+
Qs as NmorphSelectButtonItem,
|
|
828
|
+
zs as NmorphSelectOption,
|
|
831
829
|
No as NmorphSelectionControlThickness,
|
|
832
|
-
|
|
830
|
+
Zs as NmorphSelectionDateType,
|
|
833
831
|
co as NmorphShadowType,
|
|
834
|
-
|
|
835
|
-
|
|
836
|
-
|
|
837
|
-
|
|
838
|
-
|
|
839
|
-
|
|
840
|
-
|
|
841
|
-
|
|
842
|
-
|
|
843
|
-
|
|
844
|
-
|
|
845
|
-
|
|
846
|
-
|
|
847
|
-
|
|
848
|
-
|
|
849
|
-
|
|
832
|
+
Js as NmorphSkeleton,
|
|
833
|
+
_s as NmorphSkeletonItem,
|
|
834
|
+
oN as NmorphSkeletonItemPropsType,
|
|
835
|
+
eN as NmorphSlider,
|
|
836
|
+
aN as NmorphSortOrder,
|
|
837
|
+
mN as NmorphSpace,
|
|
838
|
+
lN as NmorphStepper,
|
|
839
|
+
nN as NmorphSwitch,
|
|
840
|
+
uN as NmorphTabPane,
|
|
841
|
+
NN as NmorphTable,
|
|
842
|
+
xN as NmorphTableCell,
|
|
843
|
+
iN as NmorphTableColumn,
|
|
844
|
+
SN as NmorphTabs,
|
|
845
|
+
TN as NmorphTagItem,
|
|
846
|
+
kN as NmorphTagList,
|
|
847
|
+
PN as NmorphText,
|
|
850
848
|
xo as NmorphTextAlign,
|
|
851
|
-
|
|
852
|
-
|
|
853
|
-
|
|
854
|
-
|
|
849
|
+
LN as NmorphTextInput,
|
|
850
|
+
BN as NmorphTextarea,
|
|
851
|
+
bN as NmorphTimePicker,
|
|
852
|
+
wN as NmorphTooltip,
|
|
855
853
|
Io as NmorphTypographyColor,
|
|
856
854
|
io as NmorphTypographyVariant,
|
|
857
855
|
Co as NmorphTypographyWeight,
|
|
858
|
-
|
|
856
|
+
ON as NmorphVideoPreview,
|
|
859
857
|
S as NmorphVideoResolution,
|
|
860
|
-
|
|
861
|
-
|
|
862
|
-
|
|
863
|
-
|
|
864
|
-
|
|
865
|
-
|
|
866
|
-
|
|
867
|
-
|
|
868
|
-
|
|
869
|
-
|
|
870
|
-
|
|
871
|
-
|
|
872
|
-
|
|
873
|
-
|
|
874
|
-
|
|
875
|
-
|
|
858
|
+
GN as NmorphVirtualList,
|
|
859
|
+
VN as createNmorphEmojiLocale,
|
|
860
|
+
jN as createNmorphQRCode,
|
|
861
|
+
qN as en,
|
|
862
|
+
KN as formatDate,
|
|
863
|
+
ZN as formatDateIntl,
|
|
864
|
+
tc as getCommonStyles,
|
|
865
|
+
YN as getDecadeYears,
|
|
866
|
+
JN as getMonthDaysByWeek,
|
|
867
|
+
XN as getMonthName,
|
|
868
|
+
pc as getNmorphThemeStyles,
|
|
869
|
+
lc as getTabContentId,
|
|
870
|
+
dc as getTabLabelId,
|
|
871
|
+
_N as hasAnyRangeDateInNextMonth,
|
|
872
|
+
$N as hasAnyRangeDateInPrevMonth,
|
|
873
|
+
oc as isTodayInMonthRange,
|
|
876
874
|
a as loadNmorphEmojiLocale,
|
|
877
875
|
p as nmorphEmojiLanguageOptions,
|
|
878
|
-
|
|
879
|
-
|
|
880
|
-
|
|
881
|
-
|
|
876
|
+
WN as nmorphEmojiQuickList,
|
|
877
|
+
hc as nmorphGuideInjectionKey,
|
|
878
|
+
sc as nmorphLog,
|
|
879
|
+
rc as resetTimeToZero,
|
|
882
880
|
g as resolution,
|
|
883
|
-
|
|
884
|
-
|
|
885
|
-
|
|
886
|
-
|
|
887
|
-
|
|
888
|
-
|
|
889
|
-
|
|
881
|
+
cc as ru,
|
|
882
|
+
Ic as useCalendarTexts,
|
|
883
|
+
Cc as useNmorph,
|
|
884
|
+
gc as useNmorphBrowser,
|
|
885
|
+
Fc as useNmorphNotification,
|
|
886
|
+
mc as useNmorphTheme,
|
|
887
|
+
yc as zh
|
|
890
888
|
};
|