@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.
Files changed (96) hide show
  1. package/dist/components/basic/nmorph-button/NmorphButton.css +1 -1
  2. package/dist/components/basic/nmorph-button/NmorphButton.vue.js +20 -15
  3. package/dist/components/basic/nmorph-button/NmorphButton.vue2.js +27 -22
  4. package/dist/components/basic/nmorph-icon/NmorphIcon.vue.js +10 -10
  5. package/dist/components/basic/nmorph-layout/NmorphLayout.vue.js +3 -3
  6. package/dist/components/basic/nmorph-link/NmorphLink.vue.js +8 -8
  7. package/dist/components/basic/nmorph-scroll/NmorphScroll.vue.js +4 -4
  8. package/dist/components/basic/nmorph-space/NmorphSpace.vue.js +11 -11
  9. package/dist/components/basic/nmorph-text/NmorphText.vue.js +11 -11
  10. package/dist/components/data/nmorph-audio-meter/NmorphAudioMeter.vue.js +8 -8
  11. package/dist/components/data/nmorph-audio-preview/NmorphAudioPreview.vue.js +11 -11
  12. package/dist/components/data/nmorph-avatar/NmorphAvatar.vue.js +46 -46
  13. package/dist/components/data/nmorph-badge/NmorphBadge.vue.js +16 -16
  14. package/dist/components/data/nmorph-calendar/NmorphCalendar.vue.js +31 -31
  15. package/dist/components/data/nmorph-calendar/inner-components/nmorph-calendar-header/NmorphCalendarHeader.vue.js +6 -6
  16. package/dist/components/data/nmorph-card/NmorphCard.vue.js +7 -7
  17. package/dist/components/data/nmorph-carousel/NmorphCarousel.vue.js +3 -3
  18. package/dist/components/data/nmorph-carousel/components/nmorph-carousel-item/NmorphCarouselItem.vue.js +7 -7
  19. package/dist/components/data/nmorph-collapse/NmorphCollapse.vue.js +8 -8
  20. package/dist/components/data/nmorph-collapse/components/nmorph-collapse-item/NmorphCollapseItem.vue.js +12 -12
  21. package/dist/components/data/nmorph-emoji-picker/NmorphEmojiPicker.vue.js +6 -6
  22. package/dist/components/data/nmorph-empty/NmorphEmpty.vue.js +16 -16
  23. package/dist/components/data/nmorph-file-card/NmorphFileCard.vue.js +9 -9
  24. package/dist/components/data/nmorph-image/NmorphImage.vue.js +8 -8
  25. package/dist/components/data/nmorph-image-preview/NmorphImagePreview.vue.js +24 -24
  26. package/dist/components/data/nmorph-media-gallery/NmorphMediaGallery.vue.js +13 -13
  27. package/dist/components/data/nmorph-media-tile/NmorphMediaTile.vue.js +11 -11
  28. package/dist/components/data/nmorph-pagination/NmorphPagination.vue.js +8 -8
  29. package/dist/components/data/nmorph-preview-portal/NmorphPreviewPortal.vue.js +1 -1
  30. package/dist/components/data/nmorph-progress/NmorphProgress.vue.js +3 -3
  31. package/dist/components/data/nmorph-qr-code/NmorphQRCode.vue.js +18 -18
  32. package/dist/components/data/nmorph-skeleton/NmorphSkeleton.vue.js +14 -14
  33. package/dist/components/data/nmorph-skeleton/components/NmorphSkeletonItem.vue.js +7 -7
  34. package/dist/components/data/nmorph-table/NmorphTable.vue.js +2 -2
  35. package/dist/components/data/nmorph-table/components/nmorph-table-cell/NmorphTableCell.vue.js +7 -7
  36. package/dist/components/data/nmorph-table/components/nmorph-table-column/NmorphTableColumn.vue.js +10 -10
  37. package/dist/components/data/nmorph-table/inner-components/nmorph-sort-button/NmorphSortButton.vue.js +5 -5
  38. package/dist/components/data/nmorph-tag-list/NmorphTagList.vue.js +3 -3
  39. package/dist/components/data/nmorph-tag-list/components/nmorph-tag-item/NmorphTagItem.vue.js +9 -9
  40. package/dist/components/data/nmorph-video-preview/NmorphVideoPreview.vue.js +23 -23
  41. package/dist/components/data/nmorph-virtual-list/NmorphVirtualList.vue.js +10 -10
  42. package/dist/components/feedback/nmorph-alert/NmorphAlert.vue.js +9 -9
  43. package/dist/components/feedback/nmorph-callout/NmorphCallout.vue.js +8 -8
  44. package/dist/components/feedback/nmorph-dialog/NmorphDialog.vue.js +12 -12
  45. package/dist/components/feedback/nmorph-drawer/NmorphDrawer.vue.js +6 -6
  46. package/dist/components/feedback/nmorph-guide/NmorphGuide.vue.js +7 -7
  47. package/dist/components/feedback/nmorph-guide/NmorphGuideStep.css +1 -1
  48. package/dist/components/feedback/nmorph-guide/NmorphGuideStep.vue.js +77 -81
  49. package/dist/components/feedback/nmorph-tooltip/NmorphTooltip.vue.js +49 -55
  50. package/dist/components/feedback/nmorph-tooltip/NmorphTooltip.vue2.js +27 -24
  51. package/dist/components/form/nmorph-autocomplete/NmorphAutocomplete.vue.js +18 -18
  52. package/dist/components/form/nmorph-checkbox/NmorphCheckbox.vue.js +7 -7
  53. package/dist/components/form/nmorph-checkbox-group/NmorphCheckboxGroup.vue.js +8 -8
  54. package/dist/components/form/nmorph-color-picker/NmorphColorPicker.vue.js +7 -7
  55. package/dist/components/form/nmorph-date-picker/NmorphDatePicker.vue.js +4 -4
  56. package/dist/components/form/nmorph-date-picker/inner-components/nmorph-clear-button/NmorphClearButton.vue.js +9 -9
  57. package/dist/components/form/nmorph-date-picker/inner-components/nmorph-date-picker-content/NmorphDatePickerContent.vue.js +8 -8
  58. package/dist/components/form/nmorph-date-picker/inner-components/nmorph-date-picker-header/NmorphDatePickerHeader.vue.js +2 -2
  59. package/dist/components/form/nmorph-date-picker/inner-components/nmorph-year-month-picker/NmorphYearMonthPicker.vue.js +4 -4
  60. package/dist/components/form/nmorph-file-upload/NmorphFileUpload.vue.js +23 -23
  61. package/dist/components/form/nmorph-form/NmorphForm.vue.js +8 -8
  62. package/dist/components/form/nmorph-form/components/nmorph-form-item/NmorphFormItem.vue.js +10 -10
  63. package/dist/components/form/nmorph-form/components/nmorph-form-item/inner-components/nmorph-error-box/NmorphErrorBox.vue.js +2 -2
  64. package/dist/components/form/nmorph-form/components/nmorph-form-item/inner-components/nmorph-validation-icon/NmorphValidationIcon.vue.js +10 -10
  65. package/dist/components/form/nmorph-number-input/NmorphNumberInput.vue.js +1 -1
  66. package/dist/components/form/nmorph-otp-input/NmorphOTPInput.vue.js +16 -16
  67. package/dist/components/form/nmorph-radio/NmorphRadio.vue.js +20 -20
  68. package/dist/components/form/nmorph-radio-group/NmorphRadioGroup.vue.js +10 -10
  69. package/dist/components/form/nmorph-select/NmorphSelect.vue.js +1 -1
  70. package/dist/components/form/nmorph-select/components/nmorph-select-option/NmorphSelectOption.vue.js +9 -9
  71. package/dist/components/form/nmorph-select-button/NmorphSelectButton.vue.js +11 -11
  72. package/dist/components/form/nmorph-select-button/components/nmorph-select-button-item/NmorphSelectButtonItem.vue.js +12 -12
  73. package/dist/components/form/nmorph-slider/NmorphSlider.vue.js +6 -6
  74. package/dist/components/form/nmorph-switch/NmorphSwitch.vue.js +10 -10
  75. package/dist/components/form/nmorph-text-input/NmorphTextInput.vue.js +9 -9
  76. package/dist/components/form/nmorph-textarea/NmorphTextarea.vue.js +5 -5
  77. package/dist/components/form/nmorph-time-picker/NmorphTimePicker.vue.js +38 -38
  78. package/dist/components/navigation/nmorph-backtop/NmorphBacktop.vue.js +12 -12
  79. package/dist/components/navigation/nmorph-breadcrumb/NmorphBreadcrumb.vue.js +11 -11
  80. package/dist/components/navigation/nmorph-breadcrumb/components/nmorph-breadcrumb-item/NmorphBreadcrumbItem.vue.js +7 -7
  81. package/dist/components/navigation/nmorph-context-menu/NmorphContextMenu.vue.js +18 -18
  82. package/dist/components/navigation/nmorph-dropdown/NmorphDropdown.vue.js +2 -2
  83. package/dist/components/navigation/nmorph-stepper/NmorphStepper.vue.js +12 -12
  84. package/dist/components/navigation/nmorph-tabs/NmorphTabs.vue.js +15 -15
  85. package/dist/components/navigation/nmorph-tabs/components/nmorph-tab-pane/NmorphTabPane.vue.js +10 -10
  86. package/dist/components/others/nmorph-divider/NmorphDivider.vue.js +4 -4
  87. package/dist/components/others/nmorph-overlay/NmorphOverlay.vue.js +13 -13
  88. package/dist/components/providers/nmorph-notification-provider/NmorphNotificationProvider.vue.js +8 -8
  89. package/dist/index.umd.js +29 -29
  90. package/dist/package.json.js +1 -1
  91. package/dist/src/components/basic/nmorph-button/NmorphButton.vue.d.ts +1 -0
  92. package/dist/src/components/feedback/nmorph-tooltip/NmorphTooltip.vue.d.ts +2 -0
  93. package/dist/src/components/feedback/nmorph-tooltip/types.d.ts +3 -0
  94. package/dist/src/components/form/nmorph-slider/NmorphSlider.vue.d.ts +11 -3
  95. package/dist/style.css +1 -1
  96. 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 i, createElementBlock as r, renderSlot as l, createTextVNode as p, toDisplayString as m, createCommentVNode as _ } from "vue";
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 d from "../../../_virtual/_plugin-vue_export-helper.js";
6
- const h = {
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: i(() => [
19
- o.hasHeader ? (t(), r("div", h, [
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
- m(o.props.title),
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 T = /* @__PURE__ */ d(n, [["render", y], ["__file", "/builds/ketjo/nmorph/library/src/components/feedback/nmorph-callout/NmorphCallout.vue"]]);
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
- T as default
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 _, createElementBlock as i, renderSlot as s, toDisplayString as p, createVNode as n, createCommentVNode as t } from "vue";
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" }, b = ["aria-label"], k = { class: "nmorph-dialog__content" };
10
- function v(r, C, N, o, w, x) {
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: _(o.modifiers),
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
- s(r.$slots, "header", {}, () => [
28
+ n(r.$slots, "header", {}, () => [
29
29
  l(
30
30
  "div",
31
31
  y,
32
- p(o.props.title),
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
- n(o.NmorphIcon, null, {
43
+ s(o.NmorphIcon, null, {
44
44
  default: a(() => [
45
- n(o.NmorphIconCross)
45
+ s(o.NmorphIconCross)
46
46
  ]),
47
47
  _: 1
48
48
  /* STABLE */
49
49
  })
50
- ], 8, b)) : t("v-if", !0)
50
+ ], 8, k)) : t("v-if", !0)
51
51
  ])
52
52
  ])) : t("v-if", !0),
53
- l("div", k, [
54
- s(r.$slots, "default")
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", v], ["__file", "/builds/ketjo/nmorph/library/src/components/feedback/nmorph-dialog/NmorphDialog.vue"]]);
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 i, createElementVNode as l, normalizeStyle as m, normalizeClass as n, createElementBlock as a, renderSlot as t, toDisplayString as _, createVNode as d, createCommentVNode as s } from "vue";
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: i(() => [
24
+ default: n(() => [
25
25
  l("aside", {
26
- class: n(o.modifiers),
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: i(() => [
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: n(["nmorph-drawer__content", o.props.contentClass])
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", "/builds/ketjo/nmorph/library/src/components/feedback/nmorph-drawer/NmorphDrawer.vue"]]);
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 o from "./NmorphGuide.vue2.js";
3
- import { openBlock as r, createElementBlock as t, renderSlot as n } from "vue";
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 s = { class: "nmorph-guide" };
7
- function i(e, c, m, d, a, f) {
8
- return r(), t("div", s, [
9
- n(e.$slots, "default")
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(o, [["render", i], ["__file", "/builds/ketjo/nmorph/library/src/components/feedback/nmorph-guide/NmorphGuide.vue"]]);
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-step__card--bordered{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
+ .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 g from "./NmorphGuideStep.vue2.js";
3
- import { openBlock as t, createBlock as s, withCtx as a, renderSlot as c, normalizeProps as m, mergeProps as h, createElementBlock as o, normalizeClass as _, createCommentVNode as i, createElementVNode as d, toDisplayString as l, createVNode as p } from "vue";
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 u from "../../../_virtual/_plugin-vue_export-helper.js";
6
- const v = ["src", "alt"], x = { class: "nmorph-guide-step__body" }, k = {
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 C(n, r, w, e, y, N) {
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(n.$slots, "content", m(h({ key: 0 }, e.stepSlotProps))) : e.currentStep && e.stepSlotProps ? (t(), o(
30
- "div",
31
- {
32
- key: 1,
33
- class: _(["nmorph-guide-step__card", e.guide?.bordered.value && "nmorph-guide-step__card--bordered"]),
34
- role: "dialog",
35
- "aria-live": "polite"
36
- },
37
- [
38
- e.currentStep.imageSrc ? (t(), o("img", {
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-step__image",
41
- src: e.currentStep.imageSrc,
42
- alt: e.currentStep.imageAlt || e.currentStep.title || ""
43
- }, null, 8, v)) : i("v-if", !0),
44
- d("div", x, [
45
- e.guide?.showProgress.value ? (t(), o(
46
- "div",
47
- k,
48
- l(e.stepSlotProps.index + 1) + " / " + l(e.stepSlotProps.total),
49
- 1
50
- /* TEXT */
51
- )) : i("v-if", !0),
52
- e.currentStep.title ? (t(), o(
53
- "h3",
54
- S,
55
- l(e.currentStep.title),
56
- 1
57
- /* TEXT */
58
- )) : i("v-if", !0),
59
- e.currentStep.text ? (t(), o(
60
- "p",
61
- f,
62
- l(e.currentStep.text),
63
- 1
64
- /* TEXT */
65
- )) : i("v-if", !0)
66
- ]),
67
- d("div", b, [
68
- e.guide?.showClose.value ? (t(), s(e.NmorphButton, {
69
- key: 0,
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(n.$slots, "default")
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__ */ u(g, [["render", C], ["__file", "/builds/ketjo/nmorph/library/src/components/feedback/nmorph-guide/NmorphGuideStep.vue"]]);
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 h from "./NmorphTooltip.vue2.js";
3
- import { openBlock as t, createElementBlock as e, normalizeStyle as c, normalizeClass as a, createElementVNode as n, renderSlot as d, Fragment as y, createBlock as p, Transition as _, withCtx as f, createCommentVNode as l, toDisplayString as m, Teleport as v, createVNode as k } from "vue";
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 C from "../../../_virtual/_plugin-vue_export-helper.js";
6
- const T = {
5
+ import k from "../../../_virtual/_plugin-vue_export-helper.js";
6
+ const C = {
7
7
  ref: "slotDOMRef",
8
8
  class: "nmorph-tooltip__trigger"
9
- }, P = { class: "nmorph-tooltip__shadow-content" }, g = {
9
+ }, T = { class: "nmorph-tooltip__shadow-content" }, g = {
10
10
  key: 0,
11
11
  class: "nmorph-tooltip__triangle"
12
- }, x = { key: 1 }, w = { class: "nmorph-tooltip__shadow-content" }, B = { key: 0 }, E = { class: "nmorph-tooltip__shadow-content" }, M = { key: 0 };
13
- function b(r, s, i, o, N, R) {
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: c(o.styles)
24
+ style: d(o.styles)
19
25
  },
20
26
  [
21
- n(
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
- n(
41
+ r(
36
42
  "div",
37
- T,
43
+ C,
38
44
  [
39
- d(r.$slots, "default")
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
- y,
51
+ m,
46
52
  { key: 0 },
47
53
  [
48
- o.props.forceCoordinate ? (t(), p(_, {
54
+ o.props.forceCoordinate ? (t(), c(_, {
49
55
  key: 0,
50
56
  name: "opacity"
51
57
  }, {
52
- default: f(() => [
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: c({ left: i.forceCoordinate?.x, bottom: i.forceCoordinate?.y })
65
+ style: d({ left: i.forceCoordinate?.x, bottom: i.forceCoordinate?.y })
60
66
  },
61
67
  [
62
- n("div", P, [
63
- o.props.forceCoordinate ? l("v-if", !0) : (t(), e("div", g)),
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
- x,
67
- m(i.text),
72
+ P,
73
+ h(i.text),
68
74
  1
69
75
  /* TEXT */
70
- )) : d(r.$slots, "content", { key: 2 })
76
+ )) : s(l.$slots, "content", { key: 2 })
71
77
  ])
72
78
  ],
73
79
  6
74
80
  /* CLASS, STYLE */
75
- )) : l("v-if", !0)
81
+ )) : n("v-if", !0)
76
82
  ]),
77
83
  _: 3
78
84
  /* FORWARDED */
79
- })) : (t(), p(_, {
85
+ })) : (t(), c(_, {
80
86
  key: 1,
81
87
  name: "opacity"
82
88
  }, {
83
- default: f(() => [
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
- n("div", w, [
93
- s[0] || (s[0] = n(
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
- m(i.text),
103
+ h(i.text),
104
104
  1
105
105
  /* TEXT */
106
- )) : d(r.$slots, "content", { key: 1 })
106
+ )) : s(l.$slots, "content", { key: 2 })
107
107
  ])
108
108
  ],
109
109
  2
110
110
  /* CLASS */
111
- )) : l("v-if", !0)
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
- )) : l("v-if", !0)
119
+ )) : n("v-if", !0)
120
120
  ],
121
121
  544
122
122
  /* NEED_HYDRATION, NEED_PATCH */
123
123
  ),
124
- o.teleportTooltip ? (t(), p(v, {
124
+ o.teleportTooltip ? (t(), c(y, {
125
125
  key: 0,
126
126
  to: o.props.teleportTo
127
127
  }, [
128
- k(_, { name: "opacity" }, {
129
- default: f(() => [
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: c(o.tooltipContentStyle)
136
+ style: d(o.tooltipContentStyle)
137
137
  },
138
138
  [
139
- n("div", E, [
140
- s[1] || (s[1] = n(
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
- M,
150
- m(i.text),
143
+ N,
144
+ h(i.text),
151
145
  1
152
146
  /* TEXT */
153
- )) : d(r.$slots, "content", { key: 1 })
147
+ )) : s(l.$slots, "content", { key: 2 })
154
148
  ])
155
149
  ],
156
150
  6
157
151
  /* CLASS, STYLE */
158
- )) : l("v-if", !0)
152
+ )) : n("v-if", !0)
159
153
  ]),
160
154
  _: 3
161
155
  /* FORWARDED */
162
156
  })
163
- ], 8, ["to"])) : l("v-if", !0)
157
+ ], 8, ["to"])) : n("v-if", !0)
164
158
  ],
165
159
  6
166
160
  /* CLASS, STYLE */
167
161
  );
168
162
  }
169
- const O = /* @__PURE__ */ C(h, [["render", b], ["__file", "/builds/ketjo/nmorph/library/src/components/feedback/nmorph-tooltip/NmorphTooltip.vue"]]);
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
- O as default
165
+ L as default
172
166
  };