@nmorph/nmorph-ui-kit 3.0.10 → 3.0.11
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/components/basic/nmorph-button/NmorphButton.css +1 -1
- package/dist/components/basic/nmorph-button/NmorphButton.vue.js +20 -15
- package/dist/components/basic/nmorph-button/NmorphButton.vue2.js +27 -22
- package/dist/components/basic/nmorph-icon/NmorphIcon.vue.js +10 -10
- package/dist/components/basic/nmorph-layout/NmorphLayout.vue.js +3 -3
- package/dist/components/basic/nmorph-link/NmorphLink.vue.js +8 -8
- package/dist/components/basic/nmorph-scroll/NmorphScroll.vue.js +4 -4
- package/dist/components/basic/nmorph-space/NmorphSpace.vue.js +11 -11
- package/dist/components/basic/nmorph-text/NmorphText.vue.js +11 -11
- package/dist/components/data/nmorph-audio-meter/NmorphAudioMeter.vue.js +8 -8
- package/dist/components/data/nmorph-audio-preview/NmorphAudioPreview.vue.js +11 -11
- package/dist/components/data/nmorph-avatar/NmorphAvatar.vue.js +46 -46
- package/dist/components/data/nmorph-badge/NmorphBadge.vue.js +16 -16
- package/dist/components/data/nmorph-calendar/NmorphCalendar.vue.js +31 -31
- package/dist/components/data/nmorph-calendar/inner-components/nmorph-calendar-header/NmorphCalendarHeader.vue.js +6 -6
- package/dist/components/data/nmorph-card/NmorphCard.vue.js +7 -7
- package/dist/components/data/nmorph-carousel/NmorphCarousel.vue.js +3 -3
- package/dist/components/data/nmorph-carousel/components/nmorph-carousel-item/NmorphCarouselItem.vue.js +7 -7
- package/dist/components/data/nmorph-collapse/NmorphCollapse.vue.js +8 -8
- package/dist/components/data/nmorph-collapse/components/nmorph-collapse-item/NmorphCollapseItem.vue.js +12 -12
- package/dist/components/data/nmorph-emoji-picker/NmorphEmojiPicker.vue.js +6 -6
- package/dist/components/data/nmorph-empty/NmorphEmpty.vue.js +16 -16
- package/dist/components/data/nmorph-file-card/NmorphFileCard.vue.js +9 -9
- package/dist/components/data/nmorph-image/NmorphImage.vue.js +8 -8
- package/dist/components/data/nmorph-image-preview/NmorphImagePreview.vue.js +24 -24
- package/dist/components/data/nmorph-media-gallery/NmorphMediaGallery.vue.js +13 -13
- package/dist/components/data/nmorph-media-tile/NmorphMediaTile.vue.js +11 -11
- package/dist/components/data/nmorph-pagination/NmorphPagination.vue.js +8 -8
- package/dist/components/data/nmorph-preview-portal/NmorphPreviewPortal.vue.js +1 -1
- package/dist/components/data/nmorph-progress/NmorphProgress.vue.js +3 -3
- package/dist/components/data/nmorph-qr-code/NmorphQRCode.vue.js +18 -18
- package/dist/components/data/nmorph-skeleton/NmorphSkeleton.vue.js +14 -14
- package/dist/components/data/nmorph-skeleton/components/NmorphSkeletonItem.vue.js +7 -7
- package/dist/components/data/nmorph-table/NmorphTable.vue.js +2 -2
- package/dist/components/data/nmorph-table/components/nmorph-table-cell/NmorphTableCell.vue.js +7 -7
- package/dist/components/data/nmorph-table/components/nmorph-table-column/NmorphTableColumn.vue.js +10 -10
- package/dist/components/data/nmorph-table/inner-components/nmorph-sort-button/NmorphSortButton.vue.js +5 -5
- package/dist/components/data/nmorph-tag-list/NmorphTagList.vue.js +3 -3
- package/dist/components/data/nmorph-tag-list/components/nmorph-tag-item/NmorphTagItem.vue.js +9 -9
- package/dist/components/data/nmorph-video-preview/NmorphVideoPreview.vue.js +23 -23
- package/dist/components/data/nmorph-virtual-list/NmorphVirtualList.vue.js +10 -10
- package/dist/components/feedback/nmorph-alert/NmorphAlert.vue.js +9 -9
- package/dist/components/feedback/nmorph-callout/NmorphCallout.vue.js +8 -8
- package/dist/components/feedback/nmorph-dialog/NmorphDialog.vue.js +12 -12
- package/dist/components/feedback/nmorph-drawer/NmorphDrawer.vue.js +6 -6
- package/dist/components/feedback/nmorph-guide/NmorphGuide.vue.js +7 -7
- package/dist/components/feedback/nmorph-guide/NmorphGuideStep.css +1 -1
- package/dist/components/feedback/nmorph-guide/NmorphGuideStep.vue.js +77 -81
- package/dist/components/feedback/nmorph-tooltip/NmorphTooltip.vue.js +49 -55
- package/dist/components/feedback/nmorph-tooltip/NmorphTooltip.vue2.js +27 -24
- package/dist/components/form/nmorph-autocomplete/NmorphAutocomplete.vue.js +18 -18
- package/dist/components/form/nmorph-checkbox/NmorphCheckbox.vue.js +7 -7
- package/dist/components/form/nmorph-checkbox-group/NmorphCheckboxGroup.vue.js +8 -8
- package/dist/components/form/nmorph-color-picker/NmorphColorPicker.vue.js +7 -7
- package/dist/components/form/nmorph-date-picker/NmorphDatePicker.vue.js +4 -4
- package/dist/components/form/nmorph-date-picker/inner-components/nmorph-clear-button/NmorphClearButton.vue.js +9 -9
- package/dist/components/form/nmorph-date-picker/inner-components/nmorph-date-picker-content/NmorphDatePickerContent.vue.js +8 -8
- package/dist/components/form/nmorph-date-picker/inner-components/nmorph-date-picker-header/NmorphDatePickerHeader.vue.js +2 -2
- package/dist/components/form/nmorph-date-picker/inner-components/nmorph-year-month-picker/NmorphYearMonthPicker.vue.js +4 -4
- package/dist/components/form/nmorph-file-upload/NmorphFileUpload.vue.js +23 -23
- package/dist/components/form/nmorph-form/NmorphForm.vue.js +8 -8
- package/dist/components/form/nmorph-form/components/nmorph-form-item/NmorphFormItem.vue.js +10 -10
- package/dist/components/form/nmorph-form/components/nmorph-form-item/inner-components/nmorph-error-box/NmorphErrorBox.vue.js +2 -2
- package/dist/components/form/nmorph-form/components/nmorph-form-item/inner-components/nmorph-validation-icon/NmorphValidationIcon.vue.js +10 -10
- package/dist/components/form/nmorph-number-input/NmorphNumberInput.vue.js +1 -1
- package/dist/components/form/nmorph-otp-input/NmorphOTPInput.vue.js +16 -16
- package/dist/components/form/nmorph-radio/NmorphRadio.vue.js +20 -20
- package/dist/components/form/nmorph-radio-group/NmorphRadioGroup.vue.js +10 -10
- package/dist/components/form/nmorph-select/NmorphSelect.vue.js +1 -1
- package/dist/components/form/nmorph-select/components/nmorph-select-option/NmorphSelectOption.vue.js +9 -9
- package/dist/components/form/nmorph-select-button/NmorphSelectButton.vue.js +11 -11
- package/dist/components/form/nmorph-select-button/components/nmorph-select-button-item/NmorphSelectButtonItem.vue.js +12 -12
- package/dist/components/form/nmorph-slider/NmorphSlider.vue.js +6 -6
- package/dist/components/form/nmorph-switch/NmorphSwitch.vue.js +10 -10
- package/dist/components/form/nmorph-text-input/NmorphTextInput.vue.js +9 -9
- package/dist/components/form/nmorph-textarea/NmorphTextarea.vue.js +5 -5
- package/dist/components/form/nmorph-time-picker/NmorphTimePicker.vue.js +38 -38
- package/dist/components/navigation/nmorph-backtop/NmorphBacktop.vue.js +12 -12
- package/dist/components/navigation/nmorph-breadcrumb/NmorphBreadcrumb.vue.js +11 -11
- package/dist/components/navigation/nmorph-breadcrumb/components/nmorph-breadcrumb-item/NmorphBreadcrumbItem.vue.js +7 -7
- package/dist/components/navigation/nmorph-context-menu/NmorphContextMenu.vue.js +18 -18
- package/dist/components/navigation/nmorph-dropdown/NmorphDropdown.vue.js +2 -2
- package/dist/components/navigation/nmorph-stepper/NmorphStepper.vue.js +12 -12
- package/dist/components/navigation/nmorph-tabs/NmorphTabs.vue.js +15 -15
- package/dist/components/navigation/nmorph-tabs/components/nmorph-tab-pane/NmorphTabPane.vue.js +10 -10
- package/dist/components/others/nmorph-divider/NmorphDivider.vue.js +4 -4
- package/dist/components/others/nmorph-overlay/NmorphOverlay.vue.js +13 -13
- package/dist/components/providers/nmorph-notification-provider/NmorphNotificationProvider.vue.js +8 -8
- package/dist/index.umd.js +29 -29
- package/dist/package.json.js +1 -1
- package/dist/src/components/basic/nmorph-button/NmorphButton.vue.d.ts +1 -0
- package/dist/src/components/feedback/nmorph-tooltip/NmorphTooltip.vue.d.ts +2 -0
- package/dist/src/components/feedback/nmorph-tooltip/types.d.ts +3 -0
- package/dist/src/components/form/nmorph-slider/NmorphSlider.vue.d.ts +11 -3
- package/dist/style.css +1 -1
- package/package.json +2 -2
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import './NmorphCallout.css';
|
|
2
2
|
import n from "./NmorphCallout.vue2.js";
|
|
3
|
-
import { openBlock as t, createBlock as s, resolveDynamicComponent as a, mergeProps as c, withCtx as
|
|
3
|
+
import { openBlock as t, createBlock as s, resolveDynamicComponent as a, mergeProps as c, withCtx as m, createElementBlock as r, renderSlot as l, createTextVNode as p, toDisplayString as i, createCommentVNode as _ } from "vue";
|
|
4
4
|
/* empty css */
|
|
5
|
-
import
|
|
6
|
-
const
|
|
5
|
+
import h from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
6
|
+
const d = {
|
|
7
7
|
key: 0,
|
|
8
8
|
class: "nmorph-callout__title"
|
|
9
9
|
}, f = {
|
|
@@ -15,12 +15,12 @@ function y(e, k, v, o, C, N) {
|
|
|
15
15
|
class: ["nmorph-callout", `nmorph-callout--${o.props.type}`],
|
|
16
16
|
style: o.styles
|
|
17
17
|
}, o.rootAttrs), {
|
|
18
|
-
default:
|
|
19
|
-
o.hasHeader ? (t(), r("div",
|
|
18
|
+
default: m(() => [
|
|
19
|
+
o.hasHeader ? (t(), r("div", d, [
|
|
20
20
|
l(e.$slots, "header", {}, () => [
|
|
21
21
|
l(e.$slots, "title", {}, () => [
|
|
22
22
|
p(
|
|
23
|
-
|
|
23
|
+
i(o.props.title),
|
|
24
24
|
1
|
|
25
25
|
/* TEXT */
|
|
26
26
|
)
|
|
@@ -39,7 +39,7 @@ function y(e, k, v, o, C, N) {
|
|
|
39
39
|
/* FORWARDED */
|
|
40
40
|
}, 16, ["class", "style"]);
|
|
41
41
|
}
|
|
42
|
-
const
|
|
42
|
+
const b = /* @__PURE__ */ h(n, [["render", y], ["__file", "/home/runner/work/nmorph/nmorph/library/src/components/feedback/nmorph-callout/NmorphCallout.vue"]]);
|
|
43
43
|
export {
|
|
44
|
-
|
|
44
|
+
b as default
|
|
45
45
|
};
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import './NmorphDialog.css';
|
|
2
2
|
import c from "./NmorphDialog.vue2.js";
|
|
3
|
-
import { openBlock as e, createBlock as d, withCtx as a, createElementVNode as l, normalizeStyle as m, normalizeClass as
|
|
3
|
+
import { openBlock as e, createBlock as d, withCtx as a, createElementVNode as l, normalizeStyle as m, normalizeClass as p, createElementBlock as i, renderSlot as n, toDisplayString as _, createVNode as s, createCommentVNode as t } from "vue";
|
|
4
4
|
/* empty css */
|
|
5
5
|
import h from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
6
6
|
const f = ["aria-label"], g = {
|
|
7
7
|
key: 0,
|
|
8
8
|
class: "nmorph-dialog__header"
|
|
9
|
-
}, y = { class: "nmorph-dialog__title" },
|
|
10
|
-
function
|
|
9
|
+
}, y = { class: "nmorph-dialog__title" }, k = ["aria-label"], v = { class: "nmorph-dialog__content" };
|
|
10
|
+
function C(r, b, N, o, w, x) {
|
|
11
11
|
return e(), d(o.NmorphOverlay, {
|
|
12
12
|
show: o.isVisible,
|
|
13
13
|
"z-index": o.props.zIndex,
|
|
@@ -18,18 +18,18 @@ function v(r, C, N, o, w, x) {
|
|
|
18
18
|
}, {
|
|
19
19
|
default: a(() => [
|
|
20
20
|
l("div", {
|
|
21
|
-
class:
|
|
21
|
+
class: p(o.modifiers),
|
|
22
22
|
style: m(o.dialogStyle),
|
|
23
23
|
role: "dialog",
|
|
24
24
|
"aria-modal": "true",
|
|
25
25
|
"aria-label": o.props.title || void 0
|
|
26
26
|
}, [
|
|
27
27
|
o.hasHeader ? (e(), i("div", g, [
|
|
28
|
-
|
|
28
|
+
n(r.$slots, "header", {}, () => [
|
|
29
29
|
l(
|
|
30
30
|
"div",
|
|
31
31
|
y,
|
|
32
|
-
|
|
32
|
+
_(o.props.title),
|
|
33
33
|
1
|
|
34
34
|
/* TEXT */
|
|
35
35
|
),
|
|
@@ -40,18 +40,18 @@ function v(r, C, N, o, w, x) {
|
|
|
40
40
|
"aria-label": o.props.title ? `Close ${o.props.title}` : "Close dialog",
|
|
41
41
|
onClick: o.closeHandler
|
|
42
42
|
}, [
|
|
43
|
-
|
|
43
|
+
s(o.NmorphIcon, null, {
|
|
44
44
|
default: a(() => [
|
|
45
|
-
|
|
45
|
+
s(o.NmorphIconCross)
|
|
46
46
|
]),
|
|
47
47
|
_: 1
|
|
48
48
|
/* STABLE */
|
|
49
49
|
})
|
|
50
|
-
], 8,
|
|
50
|
+
], 8, k)) : t("v-if", !0)
|
|
51
51
|
])
|
|
52
52
|
])) : t("v-if", !0),
|
|
53
|
-
l("div",
|
|
54
|
-
|
|
53
|
+
l("div", v, [
|
|
54
|
+
n(r.$slots, "default")
|
|
55
55
|
])
|
|
56
56
|
], 14, f)
|
|
57
57
|
]),
|
|
@@ -59,7 +59,7 @@ function v(r, C, N, o, w, x) {
|
|
|
59
59
|
/* FORWARDED */
|
|
60
60
|
}, 8, ["show", "z-index", "close-on-escape"]);
|
|
61
61
|
}
|
|
62
|
-
const S = /* @__PURE__ */ h(c, [["render",
|
|
62
|
+
const S = /* @__PURE__ */ h(c, [["render", C], ["__file", "/home/runner/work/nmorph/nmorph/library/src/components/feedback/nmorph-dialog/NmorphDialog.vue"]]);
|
|
63
63
|
export {
|
|
64
64
|
S as default
|
|
65
65
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './NmorphDrawer.css';
|
|
2
2
|
import c from "./NmorphDrawer.vue2.js";
|
|
3
|
-
import { openBlock as e, createBlock as p, withCtx as
|
|
3
|
+
import { openBlock as e, createBlock as p, withCtx as n, createElementVNode as l, normalizeStyle as m, normalizeClass as i, createElementBlock as a, renderSlot as t, toDisplayString as _, createVNode as d, createCommentVNode as s } from "vue";
|
|
4
4
|
/* empty css */
|
|
5
5
|
import h from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
6
6
|
const f = ["aria-label"], w = {
|
|
@@ -21,9 +21,9 @@ function v(r, C, N, o, z, O) {
|
|
|
21
21
|
onOnOutsideClick: o.overlayClickHandler,
|
|
22
22
|
onOnEscapeKeydown: o.closeHandler
|
|
23
23
|
}, {
|
|
24
|
-
default:
|
|
24
|
+
default: n(() => [
|
|
25
25
|
l("aside", {
|
|
26
|
-
class:
|
|
26
|
+
class: i(o.modifiers),
|
|
27
27
|
style: m(o.drawerStyle),
|
|
28
28
|
role: "dialog",
|
|
29
29
|
"aria-modal": "true",
|
|
@@ -46,7 +46,7 @@ function v(r, C, N, o, z, O) {
|
|
|
46
46
|
onClick: o.closeHandler
|
|
47
47
|
}, [
|
|
48
48
|
d(o.NmorphIcon, null, {
|
|
49
|
-
default:
|
|
49
|
+
default: n(() => [
|
|
50
50
|
d(o.NmorphIconCross)
|
|
51
51
|
]),
|
|
52
52
|
_: 1
|
|
@@ -58,7 +58,7 @@ function v(r, C, N, o, z, O) {
|
|
|
58
58
|
l(
|
|
59
59
|
"div",
|
|
60
60
|
{
|
|
61
|
-
class:
|
|
61
|
+
class: i(["nmorph-drawer__content", o.props.contentClass])
|
|
62
62
|
},
|
|
63
63
|
[
|
|
64
64
|
t(r.$slots, "default")
|
|
@@ -75,7 +75,7 @@ function v(r, C, N, o, z, O) {
|
|
|
75
75
|
/* FORWARDED */
|
|
76
76
|
}, 8, ["show", "z-index", "teleport-to", "disabled-teleport", "close-on-escape"]);
|
|
77
77
|
}
|
|
78
|
-
const V = /* @__PURE__ */ h(c, [["render", v], ["__file", "/
|
|
78
|
+
const V = /* @__PURE__ */ h(c, [["render", v], ["__file", "/home/runner/work/nmorph/nmorph/library/src/components/feedback/nmorph-drawer/NmorphDrawer.vue"]]);
|
|
79
79
|
export {
|
|
80
80
|
V as default
|
|
81
81
|
};
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import './NmorphGuide.css';
|
|
2
|
-
import
|
|
3
|
-
import { openBlock as
|
|
2
|
+
import r from "./NmorphGuide.vue2.js";
|
|
3
|
+
import { openBlock as e, createElementBlock as t, renderSlot as n } from "vue";
|
|
4
4
|
/* empty css */
|
|
5
5
|
import p from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
6
|
-
const
|
|
7
|
-
function
|
|
8
|
-
return
|
|
9
|
-
n(
|
|
6
|
+
const m = { class: "nmorph-guide" };
|
|
7
|
+
function s(o, c, i, d, a, f) {
|
|
8
|
+
return e(), t("div", m, [
|
|
9
|
+
n(o.$slots, "default")
|
|
10
10
|
]);
|
|
11
11
|
}
|
|
12
|
-
const $ = /* @__PURE__ */ p(
|
|
12
|
+
const $ = /* @__PURE__ */ p(r, [["render", s], ["__file", "/home/runner/work/nmorph/nmorph/library/src/components/feedback/nmorph-guide/NmorphGuide.vue"]]);
|
|
13
13
|
export {
|
|
14
14
|
$ as default
|
|
15
15
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nmorph-guide-step__card{display:grid;gap:var(--indentation-03);box-sizing:border-box;min-width:min(240px,100vw - 48px);padding:var(--indentation-02);border-radius:var(--default-border-radius)}.nmorph-guide-
|
|
1
|
+
.nmorph-guide-step__card{display:grid;gap:var(--indentation-03);box-sizing:border-box;min-width:min(240px,100vw - 48px);padding:var(--indentation-02);border-radius:var(--default-border-radius)}.nmorph-guide-step__tooltip--bordered{box-sizing:border-box;border:var(--nmorph-plain-border)}.nmorph-guide-step__image{display:block;width:100%;max-height:140px;border-radius:var(--default-border-radius);object-fit:cover}.nmorph-guide-step__body{display:grid;gap:var(--indentation-02)}.nmorph-guide-step__progress{color:var(--nmorph-placeholder-text-color);font-size:var(--nmorph-typography-body-small-font-size);line-height:var(--nmorph-typography-body-small-line-height)}.nmorph-guide-step__title{margin:0;color:var(--nmorph-text-color);font-size:var(--nmorph-typography-title-small-font-size);line-height:var(--nmorph-typography-title-small-line-height)}.nmorph-guide-step__text{margin:0;color:var(--nmorph-text-color);font-size:var(--nmorph-typography-body-font-size);line-height:var(--nmorph-typography-body-line-height)}.nmorph-guide-step__actions{display:flex;gap:var(--indentation-02);align-items:center}.nmorph-guide-step__spacer{flex:1 1 auto}
|
|
@@ -1,9 +1,14 @@
|
|
|
1
1
|
import './NmorphGuideStep.css';
|
|
2
|
-
import
|
|
3
|
-
import { openBlock as t, createBlock as s, withCtx as a, renderSlot as c, normalizeProps as
|
|
2
|
+
import p from "./NmorphGuideStep.vue2.js";
|
|
3
|
+
import { openBlock as t, createBlock as s, withCtx as a, renderSlot as c, normalizeProps as h, mergeProps as m, createElementBlock as i, createCommentVNode as o, createElementVNode as n, toDisplayString as l, createVNode as g } from "vue";
|
|
4
4
|
/* empty css */
|
|
5
|
-
import
|
|
6
|
-
const
|
|
5
|
+
import _ from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
6
|
+
const u = {
|
|
7
|
+
key: 1,
|
|
8
|
+
class: "nmorph-guide-step__card",
|
|
9
|
+
role: "dialog",
|
|
10
|
+
"aria-live": "polite"
|
|
11
|
+
}, v = ["src", "alt"], x = { class: "nmorph-guide-step__body" }, k = {
|
|
7
12
|
key: 0,
|
|
8
13
|
class: "nmorph-guide-step__progress"
|
|
9
14
|
}, S = {
|
|
@@ -13,7 +18,7 @@ const v = ["src", "alt"], x = { class: "nmorph-guide-step__body" }, k = {
|
|
|
13
18
|
key: 2,
|
|
14
19
|
class: "nmorph-guide-step__text"
|
|
15
20
|
}, b = { class: "nmorph-guide-step__actions" };
|
|
16
|
-
function
|
|
21
|
+
function w(d, r, y, e, C, N) {
|
|
17
22
|
return t(), s(e.NmorphTooltip, {
|
|
18
23
|
"force-show": e.isActive,
|
|
19
24
|
position: e.tooltipPosition,
|
|
@@ -22,93 +27,84 @@ function C(n, r, w, e, y, N) {
|
|
|
22
27
|
"disabled-teleport": e.guide?.disabledTeleport.value,
|
|
23
28
|
width: e.guide?.width.value,
|
|
24
29
|
"max-width": e.guide?.maxWidth.value,
|
|
30
|
+
"content-class": e.guide?.bordered.value ? "nmorph-guide-step__tooltip--bordered" : void 0,
|
|
31
|
+
"hide-triangle": e.guide?.bordered.value,
|
|
25
32
|
trigger: "manual",
|
|
26
33
|
disabled: !e.guide || e.props.disabled
|
|
27
34
|
}, {
|
|
28
35
|
content: a(() => [
|
|
29
|
-
e.hasCustomContent && e.stepSlotProps ? c(
|
|
30
|
-
"
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
36
|
+
e.hasCustomContent && e.stepSlotProps ? c(d.$slots, "content", h(m({ key: 0 }, e.stepSlotProps))) : e.currentStep && e.stepSlotProps ? (t(), i("div", u, [
|
|
37
|
+
e.currentStep.imageSrc ? (t(), i("img", {
|
|
38
|
+
key: 0,
|
|
39
|
+
class: "nmorph-guide-step__image",
|
|
40
|
+
src: e.currentStep.imageSrc,
|
|
41
|
+
alt: e.currentStep.imageAlt || e.currentStep.title || ""
|
|
42
|
+
}, null, 8, v)) : o("v-if", !0),
|
|
43
|
+
n("div", x, [
|
|
44
|
+
e.guide?.showProgress.value ? (t(), i(
|
|
45
|
+
"div",
|
|
46
|
+
k,
|
|
47
|
+
l(e.stepSlotProps.index + 1) + " / " + l(e.stepSlotProps.total),
|
|
48
|
+
1
|
|
49
|
+
/* TEXT */
|
|
50
|
+
)) : o("v-if", !0),
|
|
51
|
+
e.currentStep.title ? (t(), i(
|
|
52
|
+
"h3",
|
|
53
|
+
S,
|
|
54
|
+
l(e.currentStep.title),
|
|
55
|
+
1
|
|
56
|
+
/* TEXT */
|
|
57
|
+
)) : o("v-if", !0),
|
|
58
|
+
e.currentStep.text ? (t(), i(
|
|
59
|
+
"p",
|
|
60
|
+
f,
|
|
61
|
+
l(e.currentStep.text),
|
|
62
|
+
1
|
|
63
|
+
/* TEXT */
|
|
64
|
+
)) : o("v-if", !0)
|
|
65
|
+
]),
|
|
66
|
+
n("div", b, [
|
|
67
|
+
e.guide?.showClose.value ? (t(), s(e.NmorphButton, {
|
|
39
68
|
key: 0,
|
|
40
|
-
class: "nmorph-guide-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
e.
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
class: "nmorph-guide-step__close",
|
|
71
|
-
text: e.guide.closeText.value,
|
|
72
|
-
design: "plain",
|
|
73
|
-
thickness: "thin",
|
|
74
|
-
onClick: e.guide.close
|
|
75
|
-
}, null, 8, ["text", "onClick"])) : i("v-if", !0),
|
|
76
|
-
r[1] || (r[1] = d(
|
|
77
|
-
"span",
|
|
78
|
-
{ class: "nmorph-guide-step__spacer" },
|
|
79
|
-
null,
|
|
80
|
-
-1
|
|
81
|
-
/* CACHED */
|
|
82
|
-
)),
|
|
83
|
-
p(e.NmorphButton, {
|
|
84
|
-
class: "nmorph-guide-step__back",
|
|
85
|
-
text: e.guide?.backText.value,
|
|
86
|
-
design: "plain",
|
|
87
|
-
thickness: "thin",
|
|
88
|
-
disabled: e.isFirstStep && !e.guide?.loop.value,
|
|
89
|
-
onClick: e.guide?.back
|
|
90
|
-
}, null, 8, ["text", "disabled", "onClick"]),
|
|
91
|
-
p(e.NmorphButton, {
|
|
92
|
-
class: "nmorph-guide-step__next",
|
|
93
|
-
text: e.isLastStep && !e.guide?.loop.value ? e.guide?.finishText.value : e.guide?.nextText.value,
|
|
94
|
-
design: "plain",
|
|
95
|
-
thickness: "thin",
|
|
96
|
-
onClick: r[0] || (r[0] = (P) => e.isLastStep && !e.guide?.loop.value ? e.guide?.finish() : e.guide?.next())
|
|
97
|
-
}, null, 8, ["text"])
|
|
98
|
-
])
|
|
99
|
-
],
|
|
100
|
-
2
|
|
101
|
-
/* CLASS */
|
|
102
|
-
)) : i("v-if", !0)
|
|
69
|
+
class: "nmorph-guide-step__close",
|
|
70
|
+
text: e.guide.closeText.value,
|
|
71
|
+
design: "plain",
|
|
72
|
+
thickness: "thin",
|
|
73
|
+
onClick: e.guide.close
|
|
74
|
+
}, null, 8, ["text", "onClick"])) : o("v-if", !0),
|
|
75
|
+
r[1] || (r[1] = n(
|
|
76
|
+
"span",
|
|
77
|
+
{ class: "nmorph-guide-step__spacer" },
|
|
78
|
+
null,
|
|
79
|
+
-1
|
|
80
|
+
/* CACHED */
|
|
81
|
+
)),
|
|
82
|
+
g(e.NmorphButton, {
|
|
83
|
+
class: "nmorph-guide-step__back",
|
|
84
|
+
text: e.guide?.backText.value,
|
|
85
|
+
design: "plain",
|
|
86
|
+
thickness: "thin",
|
|
87
|
+
disabled: e.isFirstStep && !e.guide?.loop.value,
|
|
88
|
+
onClick: e.guide?.back
|
|
89
|
+
}, null, 8, ["text", "disabled", "onClick"]),
|
|
90
|
+
g(e.NmorphButton, {
|
|
91
|
+
class: "nmorph-guide-step__next",
|
|
92
|
+
text: e.isLastStep && !e.guide?.loop.value ? e.guide?.finishText.value : e.guide?.nextText.value,
|
|
93
|
+
design: "plain",
|
|
94
|
+
thickness: "thin",
|
|
95
|
+
onClick: r[0] || (r[0] = (P) => e.isLastStep && !e.guide?.loop.value ? e.guide?.finish() : e.guide?.next())
|
|
96
|
+
}, null, 8, ["text"])
|
|
97
|
+
])
|
|
98
|
+
])) : o("v-if", !0)
|
|
103
99
|
]),
|
|
104
100
|
default: a(() => [
|
|
105
|
-
c(
|
|
101
|
+
c(d.$slots, "default")
|
|
106
102
|
]),
|
|
107
103
|
_: 3
|
|
108
104
|
/* FORWARDED */
|
|
109
|
-
}, 8, ["force-show", "position", "z-index", "teleport-to", "disabled-teleport", "width", "max-width", "disabled"]);
|
|
105
|
+
}, 8, ["force-show", "position", "z-index", "teleport-to", "disabled-teleport", "width", "max-width", "content-class", "hide-triangle", "disabled"]);
|
|
110
106
|
}
|
|
111
|
-
const A = /* @__PURE__ */
|
|
107
|
+
const A = /* @__PURE__ */ _(p, [["render", w], ["__file", "/home/runner/work/nmorph/nmorph/library/src/components/feedback/nmorph-guide/NmorphGuideStep.vue"]]);
|
|
112
108
|
export {
|
|
113
109
|
A as default
|
|
114
110
|
};
|
|
@@ -1,24 +1,30 @@
|
|
|
1
1
|
import './NmorphTooltip.css';
|
|
2
|
-
import
|
|
3
|
-
import { openBlock as t, createElementBlock as e, normalizeStyle as
|
|
2
|
+
import f from "./NmorphTooltip.vue2.js";
|
|
3
|
+
import { openBlock as t, createElementBlock as e, normalizeStyle as d, normalizeClass as a, createElementVNode as r, renderSlot as s, Fragment as m, createBlock as c, Transition as _, withCtx as p, createCommentVNode as n, toDisplayString as h, Teleport as y, createVNode as v } from "vue";
|
|
4
4
|
/* empty css */
|
|
5
|
-
import
|
|
6
|
-
const
|
|
5
|
+
import k from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
6
|
+
const C = {
|
|
7
7
|
ref: "slotDOMRef",
|
|
8
8
|
class: "nmorph-tooltip__trigger"
|
|
9
|
-
},
|
|
9
|
+
}, T = { class: "nmorph-tooltip__shadow-content" }, g = {
|
|
10
10
|
key: 0,
|
|
11
11
|
class: "nmorph-tooltip__triangle"
|
|
12
|
-
},
|
|
13
|
-
|
|
12
|
+
}, P = { key: 1 }, w = { class: "nmorph-tooltip__shadow-content" }, x = {
|
|
13
|
+
key: 0,
|
|
14
|
+
class: "nmorph-tooltip__triangle"
|
|
15
|
+
}, B = { key: 1 }, E = { class: "nmorph-tooltip__shadow-content" }, M = {
|
|
16
|
+
key: 0,
|
|
17
|
+
class: "nmorph-tooltip__triangle"
|
|
18
|
+
}, N = { key: 1 };
|
|
19
|
+
function R(l, b, i, o, D, S) {
|
|
14
20
|
return t(), e(
|
|
15
21
|
"div",
|
|
16
22
|
{
|
|
17
23
|
class: a(o.modifiers),
|
|
18
|
-
style:
|
|
24
|
+
style: d(o.styles)
|
|
19
25
|
},
|
|
20
26
|
[
|
|
21
|
-
|
|
27
|
+
r(
|
|
22
28
|
"div",
|
|
23
29
|
{
|
|
24
30
|
ref: "tooltipDOMRef",
|
|
@@ -32,55 +38,55 @@ function b(r, s, i, o, N, R) {
|
|
|
32
38
|
onPointerleave: o.handlePointerEnd
|
|
33
39
|
},
|
|
34
40
|
[
|
|
35
|
-
|
|
41
|
+
r(
|
|
36
42
|
"div",
|
|
37
|
-
|
|
43
|
+
C,
|
|
38
44
|
[
|
|
39
|
-
|
|
45
|
+
s(l.$slots, "default")
|
|
40
46
|
],
|
|
41
47
|
512
|
|
42
48
|
/* NEED_PATCH */
|
|
43
49
|
),
|
|
44
50
|
!o.props.disabled && !o.teleportTooltip ? (t(), e(
|
|
45
|
-
|
|
51
|
+
m,
|
|
46
52
|
{ key: 0 },
|
|
47
53
|
[
|
|
48
|
-
o.props.forceCoordinate ? (t(),
|
|
54
|
+
o.props.forceCoordinate ? (t(), c(_, {
|
|
49
55
|
key: 0,
|
|
50
56
|
name: "opacity"
|
|
51
57
|
}, {
|
|
52
|
-
default:
|
|
58
|
+
default: p(() => [
|
|
53
59
|
o.shouldRenderTooltip ? (t(), e(
|
|
54
60
|
"div",
|
|
55
61
|
{
|
|
56
62
|
key: 0,
|
|
57
63
|
ref: "tooltipBody",
|
|
58
64
|
class: a(o.tooltipContentClass),
|
|
59
|
-
style:
|
|
65
|
+
style: d({ left: i.forceCoordinate?.x, bottom: i.forceCoordinate?.y })
|
|
60
66
|
},
|
|
61
67
|
[
|
|
62
|
-
|
|
63
|
-
o.props.forceCoordinate
|
|
68
|
+
r("div", T, [
|
|
69
|
+
!o.props.forceCoordinate && !o.props.hideTriangle ? (t(), e("div", g)) : n("v-if", !0),
|
|
64
70
|
o.props.text ? (t(), e(
|
|
65
71
|
"span",
|
|
66
|
-
|
|
67
|
-
|
|
72
|
+
P,
|
|
73
|
+
h(i.text),
|
|
68
74
|
1
|
|
69
75
|
/* TEXT */
|
|
70
|
-
)) :
|
|
76
|
+
)) : s(l.$slots, "content", { key: 2 })
|
|
71
77
|
])
|
|
72
78
|
],
|
|
73
79
|
6
|
|
74
80
|
/* CLASS, STYLE */
|
|
75
|
-
)) :
|
|
81
|
+
)) : n("v-if", !0)
|
|
76
82
|
]),
|
|
77
83
|
_: 3
|
|
78
84
|
/* FORWARDED */
|
|
79
|
-
})) : (t(),
|
|
85
|
+
})) : (t(), c(_, {
|
|
80
86
|
key: 1,
|
|
81
87
|
name: "opacity"
|
|
82
88
|
}, {
|
|
83
|
-
default:
|
|
89
|
+
default: p(() => [
|
|
84
90
|
o.shouldRenderTooltip ? (t(), e(
|
|
85
91
|
"div",
|
|
86
92
|
{
|
|
@@ -89,26 +95,20 @@ function b(r, s, i, o, N, R) {
|
|
|
89
95
|
class: a(o.tooltipContentClass)
|
|
90
96
|
},
|
|
91
97
|
[
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
"div",
|
|
95
|
-
{ class: "nmorph-tooltip__triangle" },
|
|
96
|
-
null,
|
|
97
|
-
-1
|
|
98
|
-
/* CACHED */
|
|
99
|
-
)),
|
|
98
|
+
r("div", w, [
|
|
99
|
+
o.props.hideTriangle ? n("v-if", !0) : (t(), e("div", x)),
|
|
100
100
|
o.props.text ? (t(), e(
|
|
101
101
|
"span",
|
|
102
102
|
B,
|
|
103
|
-
|
|
103
|
+
h(i.text),
|
|
104
104
|
1
|
|
105
105
|
/* TEXT */
|
|
106
|
-
)) :
|
|
106
|
+
)) : s(l.$slots, "content", { key: 2 })
|
|
107
107
|
])
|
|
108
108
|
],
|
|
109
109
|
2
|
|
110
110
|
/* CLASS */
|
|
111
|
-
)) :
|
|
111
|
+
)) : n("v-if", !0)
|
|
112
112
|
]),
|
|
113
113
|
_: 3
|
|
114
114
|
/* FORWARDED */
|
|
@@ -116,57 +116,51 @@ function b(r, s, i, o, N, R) {
|
|
|
116
116
|
],
|
|
117
117
|
64
|
|
118
118
|
/* STABLE_FRAGMENT */
|
|
119
|
-
)) :
|
|
119
|
+
)) : n("v-if", !0)
|
|
120
120
|
],
|
|
121
121
|
544
|
|
122
122
|
/* NEED_HYDRATION, NEED_PATCH */
|
|
123
123
|
),
|
|
124
|
-
o.teleportTooltip ? (t(),
|
|
124
|
+
o.teleportTooltip ? (t(), c(y, {
|
|
125
125
|
key: 0,
|
|
126
126
|
to: o.props.teleportTo
|
|
127
127
|
}, [
|
|
128
|
-
|
|
129
|
-
default:
|
|
128
|
+
v(_, { name: "opacity" }, {
|
|
129
|
+
default: p(() => [
|
|
130
130
|
o.shouldRenderTooltip ? (t(), e(
|
|
131
131
|
"div",
|
|
132
132
|
{
|
|
133
133
|
key: 0,
|
|
134
134
|
ref: "tooltipBody",
|
|
135
135
|
class: a(o.tooltipContentClass),
|
|
136
|
-
style:
|
|
136
|
+
style: d(o.tooltipContentStyle)
|
|
137
137
|
},
|
|
138
138
|
[
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
"div",
|
|
142
|
-
{ class: "nmorph-tooltip__triangle" },
|
|
143
|
-
null,
|
|
144
|
-
-1
|
|
145
|
-
/* CACHED */
|
|
146
|
-
)),
|
|
139
|
+
r("div", E, [
|
|
140
|
+
o.props.hideTriangle ? n("v-if", !0) : (t(), e("div", M)),
|
|
147
141
|
o.props.text ? (t(), e(
|
|
148
142
|
"span",
|
|
149
|
-
|
|
150
|
-
|
|
143
|
+
N,
|
|
144
|
+
h(i.text),
|
|
151
145
|
1
|
|
152
146
|
/* TEXT */
|
|
153
|
-
)) :
|
|
147
|
+
)) : s(l.$slots, "content", { key: 2 })
|
|
154
148
|
])
|
|
155
149
|
],
|
|
156
150
|
6
|
|
157
151
|
/* CLASS, STYLE */
|
|
158
|
-
)) :
|
|
152
|
+
)) : n("v-if", !0)
|
|
159
153
|
]),
|
|
160
154
|
_: 3
|
|
161
155
|
/* FORWARDED */
|
|
162
156
|
})
|
|
163
|
-
], 8, ["to"])) :
|
|
157
|
+
], 8, ["to"])) : n("v-if", !0)
|
|
164
158
|
],
|
|
165
159
|
6
|
|
166
160
|
/* CLASS, STYLE */
|
|
167
161
|
);
|
|
168
162
|
}
|
|
169
|
-
const
|
|
163
|
+
const L = /* @__PURE__ */ k(f, [["render", R], ["__file", "/home/runner/work/nmorph/nmorph/library/src/components/feedback/nmorph-tooltip/NmorphTooltip.vue"]]);
|
|
170
164
|
export {
|
|
171
|
-
|
|
165
|
+
L as default
|
|
172
166
|
};
|