@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 +1 @@
|
|
|
1
|
-
.nmorph-button{--nmorph-private-button-padding-y: max(var(--indentation-01), calc(var(--nmorph-private-control-height) * .1));display:inline-block;width:auto;height:auto;min-height:var(--nmorph-private-control-height)}.nmorph-button.nmorph--basic-component,.nmorph-button.nmorph--thin-component,.nmorph-button.nmorph--extra-thin-component,.nmorph-button.nmorph--thick-component{height:auto}.nmorph-button.nmorph--fill{width:100%}.nmorph-button .nmorph-button__content{display:flex;gap:var(--indentation-02);justify-content:center;align-items:center;box-sizing:border-box;width:100%;height:auto;min-height:var(--nmorph-private-control-height);padding:var(--nmorph-private-button-padding-y) var(--indentation-04);color:var(--nmorph-private-button-color, var(--nmorph-text-color));line-height:var(--nmorph-private-control-line-height, var(--line-height-regular));background:var(--nmorph-main-color);border:none;border-radius:var(--default-border-radius);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color);cursor:pointer}.nmorph-button .nmorph-button__content span{color:var(--nmorph-private-button-color, var(--nmorph-text-color));--nmorph-private-icon-color: var(--nmorph-private-button-color, var(--nmorph-text-color))}.nmorph-button .nmorph-button__label{display:inline-block;min-width:0;line-height:var(--line-height-
|
|
1
|
+
.nmorph-button{--nmorph-private-button-padding-y: max(var(--indentation-01), calc(var(--nmorph-private-control-height) * .1));--nmorph-private-button-text-offset-y: var(--nmorph-private-control-text-offset-y);display:inline-block;width:auto;height:auto;min-height:var(--nmorph-private-control-height)}.nmorph-button.nmorph--basic-component,.nmorph-button.nmorph--thin-component,.nmorph-button.nmorph--extra-thin-component,.nmorph-button.nmorph--thick-component{height:auto}.nmorph-button.nmorph--fill{width:100%}.nmorph-button .nmorph-button__content{display:flex;gap:var(--indentation-02);justify-content:center;align-items:center;box-sizing:border-box;width:100%;height:auto;min-height:var(--nmorph-private-control-height);padding:var(--nmorph-private-button-padding-y) var(--indentation-04);color:var(--nmorph-private-button-color, var(--nmorph-text-color));line-height:var(--nmorph-private-control-line-height, var(--line-height-regular));background:var(--nmorph-main-color);border:none;border-radius:var(--default-border-radius);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color);cursor:pointer}.nmorph-button .nmorph-button__content span{color:var(--nmorph-private-button-color, var(--nmorph-text-color));--nmorph-private-icon-color: var(--nmorph-private-button-color, var(--nmorph-text-color))}.nmorph-button .nmorph-button__label{display:inline-block;min-width:0;line-height:var(--nmorph-private-control-line-height, var(--line-height-control));white-space:normal;text-align:center;overflow-wrap:anywhere;transform:translateY(var(--nmorph-private-button-text-offset-y))}.nmorph-button .nmorph-button__content>.nmorph-icon{flex-shrink:0;--nmorph-private-icon-color: var(--nmorph-private-button-color, var(--nmorph-text-color))}.nmorph-button .nmorph-button__content:disabled{pointer-events:none}.nmorph-button .nmorph-button__content[loading=true]{cursor:default}.nmorph-button.nmorph-button--ripple .nmorph-button__content{position:relative;overflow:hidden}.nmorph-button.nmorph-button--ripple .nmorph-button__content:after{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle,var(--nmorph-main-color) 10%,transparent 10.01%);background-repeat:no-repeat;background-position:50%;transform:scale(10);opacity:0;transition:transform .3s,opacity 1s;content:""}.nmorph-button.nmorph-button--ripple .nmorph-button__content:active:after{transform:scale(0);opacity:.3;transition:0s}.nmorph-button.nmorph-button--accent-bg-on-hover .nmorph-button__content:not(:disabled,[loading=true]):hover{color:var(--nmorph-white-color);background:var(--nmorph-accent-color);box-shadow:none}.nmorph-button.nmorph-button--accent-bg-on-hover .nmorph-button__content:not(:disabled,[loading=true]):hover .nmorph-icon{--nmorph-private-icon-color: var(--nmorph-white-color)}.nmorph-button.nmorph-button--accent-bg-on-hover .nmorph-button__content:not(:disabled,[loading=true]):hover span{color:var(--nmorph-white-color)}.nmorph-button.nmorph-button--active .nmorph-button__content{color:var(--nmorph-focus-text-color);background:var(--nmorph-accent-color);box-shadow:var(--nmorph-shadow-inset)}.nmorph-button.nmorph-button--active .nmorph-button__content span,.nmorph-button.nmorph-button--active .nmorph-button__content .nmorph-icon{color:var(--nmorph-focus-text-color);--nmorph-private-icon-color: var(--nmorph-focus-text-color)}.nmorph-button.nmorph-button--danger .nmorph-button__content{color:var(--nmorph-error-text-color);--nmorph-private-button-color: var(--nmorph-error-text-color)}.nmorph-button.nmorph-button--round .nmorph-button__content{border-radius:var(--border-radius-200)}.nmorph-button.nmorph-button--circle{width:var(--nmorph-private-control-height);height:var(--nmorph-private-control-height);min-height:var(--nmorph-private-control-height)}.nmorph-button.nmorph-button--circle .nmorph-button__content{height:var(--nmorph-private-control-height);min-height:var(--nmorph-private-control-height);border-radius:var(--border-radius-circular)}.nmorph-button.nmorph-button--plain{--nmorph-private-button-text-offset-y: 0px;padding:var(--indentation-00)}.nmorph-button.nmorph-button--plain .nmorph-button__content:not(:disabled,[loading=true]):hover{color:var(--nmorph-accent-color);background:transparent;border-color:var(--nmorph-accent-color);box-shadow:none}.nmorph-button.nmorph-button--plain.nmorph-button--custom-color .nmorph-button__content:not(:disabled,[loading=true]):hover{color:var(--nmorph-private-button-hover-color);border-color:var(--nmorph-private-button-hover-color)}.nmorph-button.nmorph-button--plain .nmorph-button__content:not(:disabled,[loading=true]):hover span{color:var(--nmorph-accent-color)}.nmorph-button.nmorph-button--plain.nmorph-button--custom-color .nmorph-button__content:not(:disabled,[loading=true]):hover span{color:var(--nmorph-private-button-hover-color);--nmorph-private-icon-color: var(--nmorph-private-button-hover-color)}.nmorph-button.nmorph-button--plain .nmorph-button__content:not(:disabled,[loading=true]):hover .nmorph-icon{--nmorph-private-icon-color: var(--nmorph-accent-color)}.nmorph-button.nmorph-button--plain.nmorph-button--custom-color .nmorph-button__content:not(:disabled,[loading=true]):hover .nmorph-icon{--nmorph-private-icon-color: var(--nmorph-private-button-hover-color)}.nmorph-button.nmorph-button--plain .nmorph-button__content{color:var(--nmorph-private-button-color, var(--nmorph-private-button-plain-color, var(--nmorph-text-color)));background:transparent;border:var(--nmorph-plain-border);border-color:var(--nmorph-private-button-color, var(--nmorph-private-button-plain-color, var(--nmorph-text-color)));box-shadow:none}.nmorph-button.nmorph-button--plain .nmorph-button__content span{color:var(--nmorph-private-button-color, var(--nmorph-private-button-plain-color, var(--nmorph-text-color)));--nmorph-private-icon-color: var( --nmorph-private-button-color, var(--nmorph-private-button-plain-color, var(--nmorph-text-color)) )}.nmorph-button.nmorph-button--plain .nmorph-button__content .nmorph-icon{--nmorph-private-icon-color: var( --nmorph-private-button-color, var(--nmorph-private-button-plain-color, var(--nmorph-text-color)) )}.nmorph-button.nmorph-button--plain.nmorph-button--borderless .nmorph-button__content,.nmorph-button.nmorph-button--plain.nmorph-button--borderless .nmorph-button__content:not(:disabled,[loading=true]):hover{border:none}.nmorph-button.nmorph-button--square{width:var(--nmorph-private-control-height);height:var(--nmorph-private-control-height);min-height:var(--nmorph-private-control-height)}.nmorph-button.nmorph-button--square .nmorph-button__content{height:var(--nmorph-private-control-height);min-height:var(--nmorph-private-control-height)}.nmorph-button.nmorph-button--icon-only{width:var(--nmorph-private-control-height);height:var(--nmorph-private-control-height);min-height:var(--nmorph-private-control-height)}.nmorph-button.nmorph-button--icon-only .nmorph-button__content{height:var(--nmorph-private-control-height);min-height:var(--nmorph-private-control-height);padding:0;line-height:0}.nmorph-button.nmorph-button--disabled{cursor:not-allowed;opacity:.6}
|
|
@@ -1,18 +1,21 @@
|
|
|
1
1
|
import './NmorphButton.css';
|
|
2
|
-
import
|
|
3
|
-
import { openBlock as e, createElementBlock as r, normalizeStyle as
|
|
2
|
+
import s from "./NmorphButton.vue2.js";
|
|
3
|
+
import { openBlock as e, createElementBlock as r, normalizeStyle as d, normalizeClass as c, createElementVNode as m, createBlock as l, withCtx as a, createVNode as p, renderSlot as t, Fragment as h, createCommentVNode as i, toDisplayString as _ } from "vue";
|
|
4
4
|
/* empty css */
|
|
5
|
-
import
|
|
6
|
-
const
|
|
5
|
+
import f from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
6
|
+
const y = ["disabled", "loading", "type", "tabindex", "aria-pressed"], b = {
|
|
7
7
|
key: 1,
|
|
8
8
|
class: "nmorph-button__label"
|
|
9
|
+
}, k = {
|
|
10
|
+
key: 3,
|
|
11
|
+
class: "nmorph-button__label"
|
|
9
12
|
};
|
|
10
|
-
function g(
|
|
13
|
+
function g(n, N, S, o, v, B) {
|
|
11
14
|
return e(), r(
|
|
12
15
|
"div",
|
|
13
16
|
{
|
|
14
17
|
class: c(o.modifiers),
|
|
15
|
-
style:
|
|
18
|
+
style: d(o.buttonColorStyles)
|
|
16
19
|
},
|
|
17
20
|
[
|
|
18
21
|
m("button", {
|
|
@@ -36,41 +39,43 @@ function g(t, k, N, o, v, S) {
|
|
|
36
39
|
/* STABLE */
|
|
37
40
|
}, 8, ["size"])) : o.hasIconOnlySlot ? (e(), l(o.NmorphIcon, { key: 1 }, {
|
|
38
41
|
default: a(() => [
|
|
39
|
-
n
|
|
42
|
+
t(n.$slots, "icon-only")
|
|
40
43
|
]),
|
|
41
44
|
_: 3
|
|
42
45
|
/* FORWARDED */
|
|
43
46
|
})) : (e(), r(
|
|
44
|
-
|
|
47
|
+
h,
|
|
45
48
|
{ key: 2 },
|
|
46
49
|
[
|
|
47
50
|
o.hasIconSlot ? (e(), l(o.NmorphIcon, { key: 0 }, {
|
|
48
51
|
default: a(() => [
|
|
49
|
-
n
|
|
52
|
+
t(n.$slots, "icon")
|
|
50
53
|
]),
|
|
51
54
|
_: 3
|
|
52
55
|
/* FORWARDED */
|
|
53
56
|
})) : i("v-if", !0),
|
|
54
|
-
|
|
57
|
+
o.hasTextOnlyDefaultSlot() ? (e(), r("span", b, [
|
|
58
|
+
t(n.$slots, "default")
|
|
59
|
+
])) : t(n.$slots, "default", { key: 2 }),
|
|
55
60
|
o.props.text !== void 0 ? (e(), r(
|
|
56
61
|
"span",
|
|
57
|
-
|
|
62
|
+
k,
|
|
58
63
|
_(o.props.text),
|
|
59
64
|
1
|
|
60
65
|
/* TEXT */
|
|
61
66
|
)) : i("v-if", !0),
|
|
62
|
-
n
|
|
67
|
+
t(n.$slots, "append")
|
|
63
68
|
],
|
|
64
69
|
64
|
|
65
70
|
/* STABLE_FRAGMENT */
|
|
66
71
|
))
|
|
67
|
-
], 8,
|
|
72
|
+
], 8, y)
|
|
68
73
|
],
|
|
69
74
|
6
|
|
70
75
|
/* CLASS, STYLE */
|
|
71
76
|
);
|
|
72
77
|
}
|
|
73
|
-
const
|
|
78
|
+
const u = /* @__PURE__ */ f(s, [["render", g], ["__file", "/home/runner/work/nmorph/nmorph/library/src/components/basic/nmorph-button/NmorphButton.vue"]]);
|
|
74
79
|
export {
|
|
75
|
-
|
|
80
|
+
u as default
|
|
76
81
|
};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import './NmorphButton.css';
|
|
2
|
-
import { defineComponent as
|
|
3
|
-
import { useModifiers as
|
|
4
|
-
import { NmorphComponentThickness as
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
const
|
|
2
|
+
import { defineComponent as N, useSlots as _, computed as l, ref as x, Fragment as k, Comment as I, Text as c } from "vue";
|
|
3
|
+
import { useModifiers as O } from "../../../utils/create-modifiers.js";
|
|
4
|
+
import { NmorphComponentThickness as C } from "../../../types/common.types.js";
|
|
5
|
+
import M from "../../../assets/icons/loading.svg.js";
|
|
6
|
+
import H from "../nmorph-icon/NmorphIcon.vue.js";
|
|
7
|
+
const E = /* @__PURE__ */ N({
|
|
8
8
|
__name: "NmorphButton",
|
|
9
9
|
props: {
|
|
10
10
|
design: { type: null, required: !1, default: "nmorph" },
|
|
@@ -29,43 +29,48 @@ const C = /* @__PURE__ */ y({
|
|
|
29
29
|
disabled: { type: Boolean, required: !1, default: !1 }
|
|
30
30
|
},
|
|
31
31
|
emits: ["update:model-value"],
|
|
32
|
-
setup(
|
|
33
|
-
const e =
|
|
34
|
-
() =>
|
|
35
|
-
|
|
32
|
+
setup(m, { expose: y, emit: h }) {
|
|
33
|
+
const e = m, n = h, r = _(), g = l(() => !!r.icon), i = l(() => !!r["icon-only"]), s = l(() => e.active || !!e.modelValue), a = (t) => t.flatMap(
|
|
34
|
+
(o) => o.type === k && Array.isArray(o.children) ? a(o.children) : o
|
|
35
|
+
), u = (t) => t.type === I || t.type === c && typeof t.children == "string" && t.children.trim() === "", b = () => {
|
|
36
|
+
const t = a(r.default?.() ?? []).filter((o) => !u(o));
|
|
37
|
+
return t.length > 0 && t.every((o) => o.type === c);
|
|
38
|
+
}, v = l(
|
|
39
|
+
() => O({
|
|
40
|
+
nmorph: [C[e.thickness], e.fill && "fill"],
|
|
36
41
|
"nmorph-button": [
|
|
37
42
|
e.design,
|
|
38
43
|
e.shape,
|
|
39
44
|
e.disabled && "disabled",
|
|
40
45
|
e.accentBgOnHover && "accent-bg-on-hover",
|
|
41
46
|
e.ripple && "ripple",
|
|
42
|
-
|
|
47
|
+
i.value && "icon-only",
|
|
43
48
|
e.color && "custom-color",
|
|
44
49
|
e.design === "plain" && e.borderless && "borderless",
|
|
45
|
-
|
|
50
|
+
s.value && "active",
|
|
46
51
|
e.danger && "danger"
|
|
47
52
|
]
|
|
48
53
|
})
|
|
49
|
-
),
|
|
54
|
+
), d = x(null), p = {
|
|
50
55
|
thin: "small",
|
|
51
56
|
basic: "medium",
|
|
52
57
|
thick: "large"
|
|
53
|
-
},
|
|
58
|
+
}, q = l(() => p[e.thickness]), B = l(() => e.color ? {
|
|
54
59
|
"--nmorph-private-button-color": e.color,
|
|
55
60
|
"--nmorph-private-button-plain-color": e.color,
|
|
56
61
|
"--nmorph-private-button-hover-color": `color-mix(in srgb, ${e.color} 75%, var(--nmorph-white-color))`
|
|
57
|
-
} : {}),
|
|
58
|
-
!e.toggle || e.disabled || e.loading ||
|
|
62
|
+
} : {}), S = () => {
|
|
63
|
+
!e.toggle || e.disabled || e.loading || n("update:model-value", !e.modelValue);
|
|
59
64
|
};
|
|
60
|
-
|
|
61
|
-
const
|
|
62
|
-
return
|
|
65
|
+
y({ buttonDOMElement: d });
|
|
66
|
+
const f = { props: e, emit: n, slots: r, hasIconSlot: g, hasIconOnlySlot: i, active: s, flattenSlotNodes: a, isEmptySlotNode: u, hasTextOnlyDefaultSlot: b, modifiers: v, buttonDOMElement: d, iconSizeMap: p, loadingButtonSize: q, buttonColorStyles: B, toggleClickHandler: S, get NmorphIcon() {
|
|
67
|
+
return H;
|
|
63
68
|
}, get NmorphIconLoader() {
|
|
64
|
-
return
|
|
69
|
+
return M;
|
|
65
70
|
} };
|
|
66
|
-
return Object.defineProperty(
|
|
71
|
+
return Object.defineProperty(f, "__isScriptSetup", { enumerable: !1, value: !0 }), f;
|
|
67
72
|
}
|
|
68
73
|
});
|
|
69
74
|
export {
|
|
70
|
-
|
|
75
|
+
E as default
|
|
71
76
|
};
|
|
@@ -1,26 +1,26 @@
|
|
|
1
1
|
import './NmorphIcon.css';
|
|
2
|
-
import
|
|
3
|
-
import { openBlock as
|
|
2
|
+
import e from "./NmorphIcon.vue2.js";
|
|
3
|
+
import { openBlock as n, createElementBlock as t, normalizeStyle as c, normalizeClass as s, createElementVNode as m, renderSlot as i } from "vue";
|
|
4
4
|
/* empty css */
|
|
5
5
|
import l from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
6
6
|
const a = { class: "nmorph-icon__content" };
|
|
7
|
-
function p(
|
|
8
|
-
return
|
|
7
|
+
function p(r, _, d, o, f, h) {
|
|
8
|
+
return n(), t(
|
|
9
9
|
"div",
|
|
10
10
|
{
|
|
11
|
-
class:
|
|
12
|
-
style:
|
|
11
|
+
class: s(o.modifiers),
|
|
12
|
+
style: c(o.customStyles)
|
|
13
13
|
},
|
|
14
14
|
[
|
|
15
|
-
|
|
16
|
-
|
|
15
|
+
m("div", a, [
|
|
16
|
+
i(r.$slots, "default")
|
|
17
17
|
])
|
|
18
18
|
],
|
|
19
19
|
6
|
|
20
20
|
/* CLASS, STYLE */
|
|
21
21
|
);
|
|
22
22
|
}
|
|
23
|
-
const
|
|
23
|
+
const N = /* @__PURE__ */ l(e, [["render", p], ["__file", "/home/runner/work/nmorph/nmorph/library/src/components/basic/nmorph-icon/NmorphIcon.vue"]]);
|
|
24
24
|
export {
|
|
25
|
-
|
|
25
|
+
N as default
|
|
26
26
|
};
|
|
@@ -16,7 +16,7 @@ const f = {
|
|
|
16
16
|
key: 1,
|
|
17
17
|
class: "nmorph-layout__footer"
|
|
18
18
|
};
|
|
19
|
-
function
|
|
19
|
+
function C(e, N, b, o, B, g) {
|
|
20
20
|
return s(), n(d(o.props.tag), {
|
|
21
21
|
class: _(o.modifiers),
|
|
22
22
|
style: m(o.styles)
|
|
@@ -44,7 +44,7 @@ function b(e, C, N, o, B, g) {
|
|
|
44
44
|
/* FORWARDED */
|
|
45
45
|
}, 8, ["class", "style"]);
|
|
46
46
|
}
|
|
47
|
-
const
|
|
47
|
+
const P = /* @__PURE__ */ h(l, [["render", C], ["__file", "/home/runner/work/nmorph/nmorph/library/src/components/basic/nmorph-layout/NmorphLayout.vue"]]);
|
|
48
48
|
export {
|
|
49
|
-
|
|
49
|
+
P as default
|
|
50
50
|
};
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import './NmorphLink.css';
|
|
2
|
-
import
|
|
3
|
-
import { openBlock as e, createElementBlock as
|
|
2
|
+
import a from "./NmorphLink.vue2.js";
|
|
3
|
+
import { openBlock as e, createElementBlock as m, normalizeStyle as s, normalizeClass as p, createElementVNode as d, normalizeProps as h, guardReactiveProps as f, renderSlot as n, createBlock as t, withCtx as i, resolveDynamicComponent as _, createCommentVNode as l, createTextVNode as k, toDisplayString as v } from "vue";
|
|
4
4
|
/* empty css */
|
|
5
5
|
import y from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
6
6
|
function x(r, N, c, o, g, u) {
|
|
7
|
-
return e(),
|
|
7
|
+
return e(), m(
|
|
8
8
|
"div",
|
|
9
9
|
{
|
|
10
|
-
class:
|
|
11
|
-
style:
|
|
10
|
+
class: p(o.modifiers),
|
|
11
|
+
style: s(o.styles)
|
|
12
12
|
},
|
|
13
13
|
[
|
|
14
|
-
|
|
14
|
+
d(
|
|
15
15
|
"a",
|
|
16
16
|
h(f(o.anchorAttrs)),
|
|
17
17
|
[
|
|
@@ -55,7 +55,7 @@ function x(r, N, c, o, g, u) {
|
|
|
55
55
|
/* CLASS, STYLE */
|
|
56
56
|
);
|
|
57
57
|
}
|
|
58
|
-
const
|
|
58
|
+
const B = /* @__PURE__ */ y(a, [["render", x], ["__file", "/home/runner/work/nmorph/nmorph/library/src/components/basic/nmorph-link/NmorphLink.vue"]]);
|
|
59
59
|
export {
|
|
60
|
-
|
|
60
|
+
B as default
|
|
61
61
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './NmorphScroll.css';
|
|
2
2
|
import s from "./NmorphScroll.vue2.js";
|
|
3
|
-
import { openBlock as e, createElementBlock as t, normalizeStyle as n, normalizeClass as
|
|
3
|
+
import { openBlock as e, createElementBlock as t, normalizeStyle as n, normalizeClass as c, createElementVNode as i, renderSlot as d, createCommentVNode as a } from "vue";
|
|
4
4
|
/* empty css */
|
|
5
5
|
import h from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
6
6
|
function v(m, r, _, o, b, y) {
|
|
@@ -8,7 +8,7 @@ function v(m, r, _, o, b, y) {
|
|
|
8
8
|
"div",
|
|
9
9
|
{
|
|
10
10
|
ref: "scrollRoot",
|
|
11
|
-
class:
|
|
11
|
+
class: c(o.modifiers),
|
|
12
12
|
style: n(o.rootStyle),
|
|
13
13
|
onMouseenter: o.mouseEnterHandler,
|
|
14
14
|
onMouseleave: o.mouseLeaveHandler
|
|
@@ -24,7 +24,7 @@ function v(m, r, _, o, b, y) {
|
|
|
24
24
|
onWheel: o.wheelHandler
|
|
25
25
|
},
|
|
26
26
|
[
|
|
27
|
-
|
|
27
|
+
d(m.$slots, "default")
|
|
28
28
|
],
|
|
29
29
|
36
|
|
30
30
|
/* STYLE, NEED_HYDRATION */
|
|
@@ -83,7 +83,7 @@ function v(m, r, _, o, b, y) {
|
|
|
83
83
|
/* CLASS, STYLE, NEED_HYDRATION */
|
|
84
84
|
);
|
|
85
85
|
}
|
|
86
|
-
const S = /* @__PURE__ */ h(s, [["render", v], ["__file", "/
|
|
86
|
+
const S = /* @__PURE__ */ h(s, [["render", v], ["__file", "/home/runner/work/nmorph/nmorph/library/src/components/basic/nmorph-scroll/NmorphScroll.vue"]]);
|
|
87
87
|
export {
|
|
88
88
|
S as default
|
|
89
89
|
};
|
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
import './NmorphSpace.css';
|
|
2
|
-
import
|
|
3
|
-
import { openBlock as s, createBlock as t, resolveDynamicComponent as
|
|
2
|
+
import e from "./NmorphSpace.vue2.js";
|
|
3
|
+
import { openBlock as s, createBlock as t, resolveDynamicComponent as n, normalizeStyle as a, normalizeClass as m, withCtx as p, renderSlot as c } from "vue";
|
|
4
4
|
/* empty css */
|
|
5
|
-
import
|
|
6
|
-
function i(
|
|
7
|
-
return s(), t(
|
|
8
|
-
class:
|
|
9
|
-
style:
|
|
5
|
+
import l from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
6
|
+
function i(r, f, _, o, d, h) {
|
|
7
|
+
return s(), t(n(o.props.tag), {
|
|
8
|
+
class: m(o.modifiers),
|
|
9
|
+
style: a(o.styles)
|
|
10
10
|
}, {
|
|
11
|
-
default:
|
|
12
|
-
|
|
11
|
+
default: p(() => [
|
|
12
|
+
c(r.$slots, "default")
|
|
13
13
|
]),
|
|
14
14
|
_: 3
|
|
15
15
|
/* FORWARDED */
|
|
16
16
|
}, 8, ["class", "style"]);
|
|
17
17
|
}
|
|
18
|
-
const
|
|
18
|
+
const x = /* @__PURE__ */ l(e, [["render", i], ["__file", "/home/runner/work/nmorph/nmorph/library/src/components/basic/nmorph-space/NmorphSpace.vue"]]);
|
|
19
19
|
export {
|
|
20
|
-
|
|
20
|
+
x as default
|
|
21
21
|
};
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { openBlock as t, createBlock as s, resolveDynamicComponent as
|
|
3
|
-
import
|
|
4
|
-
function
|
|
5
|
-
return t(), s(
|
|
6
|
-
class:
|
|
7
|
-
style:
|
|
1
|
+
import e from "./NmorphText.vue2.js";
|
|
2
|
+
import { openBlock as t, createBlock as s, resolveDynamicComponent as n, normalizeStyle as l, normalizeClass as m, withCtx as a, renderSlot as c } from "vue";
|
|
3
|
+
import p from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
+
function i(r, f, _, o, d, h) {
|
|
5
|
+
return t(), s(n(o.props.as), {
|
|
6
|
+
class: m(o.modifiers),
|
|
7
|
+
style: l(o.styles)
|
|
8
8
|
}, {
|
|
9
|
-
default:
|
|
10
|
-
c(
|
|
9
|
+
default: a(() => [
|
|
10
|
+
c(r.$slots, "default")
|
|
11
11
|
]),
|
|
12
12
|
_: 3
|
|
13
13
|
/* FORWARDED */
|
|
14
14
|
}, 8, ["class", "style"]);
|
|
15
15
|
}
|
|
16
|
-
const
|
|
16
|
+
const k = /* @__PURE__ */ p(e, [["render", i], ["__file", "/home/runner/work/nmorph/nmorph/library/src/components/basic/nmorph-text/NmorphText.vue"]]);
|
|
17
17
|
export {
|
|
18
|
-
|
|
18
|
+
k as default
|
|
19
19
|
};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import './NmorphAudioMeter.css';
|
|
2
|
-
import
|
|
3
|
-
import { openBlock as e, createElementBlock as a, normalizeStyle as t, normalizeClass as
|
|
2
|
+
import i from "./NmorphAudioMeter.vue2.js";
|
|
3
|
+
import { openBlock as e, createElementBlock as a, normalizeStyle as t, normalizeClass as n, Fragment as l, renderList as m } from "vue";
|
|
4
4
|
/* empty css */
|
|
5
|
-
import
|
|
5
|
+
import s from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
6
6
|
const _ = ["aria-label", "aria-valuenow"], c = {
|
|
7
7
|
key: 1,
|
|
8
8
|
class: "nmorph-audio-meter__line"
|
|
@@ -12,7 +12,7 @@ const _ = ["aria-label", "aria-valuenow"], c = {
|
|
|
12
12
|
};
|
|
13
13
|
function d(h, u, v, r, f, b) {
|
|
14
14
|
return e(), a("div", {
|
|
15
|
-
class:
|
|
15
|
+
class: n(r.modifiers),
|
|
16
16
|
style: t(r.styles),
|
|
17
17
|
role: "meter",
|
|
18
18
|
"aria-label": r.props.label,
|
|
@@ -23,11 +23,11 @@ function d(h, u, v, r, f, b) {
|
|
|
23
23
|
r.props.variant === "bars" ? (e(!0), a(
|
|
24
24
|
l,
|
|
25
25
|
{ key: 0 },
|
|
26
|
-
|
|
26
|
+
m(r.barIndexes, (o) => (e(), a(
|
|
27
27
|
"span",
|
|
28
28
|
{
|
|
29
29
|
key: o,
|
|
30
|
-
class:
|
|
30
|
+
class: n(["nmorph-audio-meter__bar", { "nmorph-audio-meter__bar--active": r.isBarActive(o) }])
|
|
31
31
|
},
|
|
32
32
|
null,
|
|
33
33
|
2
|
|
@@ -38,7 +38,7 @@ function d(h, u, v, r, f, b) {
|
|
|
38
38
|
)) : r.props.variant === "line" ? (e(), a("span", c)) : (e(), a("span", p))
|
|
39
39
|
], 14, _);
|
|
40
40
|
}
|
|
41
|
-
const
|
|
41
|
+
const A = /* @__PURE__ */ s(i, [["render", d], ["__file", "/home/runner/work/nmorph/nmorph/library/src/components/data/nmorph-audio-meter/NmorphAudioMeter.vue"]]);
|
|
42
42
|
export {
|
|
43
|
-
|
|
43
|
+
A as default
|
|
44
44
|
};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import './NmorphAudioPreview.css';
|
|
2
2
|
import h from "./NmorphAudioPreview.vue2.js";
|
|
3
|
-
import { openBlock as r, createElementBlock as a, normalizeStyle as m, normalizeClass as t, createElementVNode as l, createBlock as n, withCtx as i, createVNode as e, createCommentVNode as d, toDisplayString as
|
|
3
|
+
import { openBlock as r, createElementBlock as a, normalizeStyle as m, normalizeClass as t, createElementVNode as l, createBlock as n, withCtx as i, createVNode as e, createCommentVNode as d, toDisplayString as c, withDirectives as y, vModelText as v, renderSlot as k } from "vue";
|
|
4
4
|
/* empty css */
|
|
5
|
-
import
|
|
6
|
-
const
|
|
5
|
+
import w from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
6
|
+
const f = ["src", "preload"], b = ["disabled", "aria-label"], N = {
|
|
7
7
|
key: 2,
|
|
8
8
|
class: "nmorph-audio-preview__play-indicator"
|
|
9
9
|
}, g = {
|
|
@@ -25,7 +25,7 @@ const w = ["src", "preload"], b = ["disabled", "aria-label"], N = {
|
|
|
25
25
|
key: 3,
|
|
26
26
|
class: "nmorph-audio-preview__actions"
|
|
27
27
|
}, S = ["href", "aria-label"], B = ["href", "download", "aria-label"];
|
|
28
|
-
function D(p,
|
|
28
|
+
function D(p, s, E, o, R, V) {
|
|
29
29
|
return r(), a(
|
|
30
30
|
"div",
|
|
31
31
|
{
|
|
@@ -43,7 +43,7 @@ function D(p, c, E, o, R, V) {
|
|
|
43
43
|
onPause: o.pauseHandler,
|
|
44
44
|
onEnded: o.endedHandler,
|
|
45
45
|
onError: o.errorHandler
|
|
46
|
-
}, null, 40,
|
|
46
|
+
}, null, 40, f),
|
|
47
47
|
o.props.showIcon && o.props.showPlaybackButton ? (r(), a("button", {
|
|
48
48
|
key: 0,
|
|
49
49
|
class: "nmorph-audio-preview__icon",
|
|
@@ -126,27 +126,27 @@ function D(p, c, E, o, R, V) {
|
|
|
126
126
|
l(
|
|
127
127
|
"span",
|
|
128
128
|
H,
|
|
129
|
-
|
|
129
|
+
c(o.props.name || "Audio"),
|
|
130
130
|
1
|
|
131
131
|
/* TEXT */
|
|
132
132
|
),
|
|
133
133
|
o.props.error && o.props.errorText ? (r(), a(
|
|
134
134
|
"span",
|
|
135
135
|
z,
|
|
136
|
-
|
|
136
|
+
c(o.props.errorText),
|
|
137
137
|
1
|
|
138
138
|
/* TEXT */
|
|
139
139
|
)) : (r(), a(
|
|
140
140
|
"span",
|
|
141
141
|
L,
|
|
142
|
-
|
|
142
|
+
c(o.currentTimeLabel) + " / " + c(o.durationLabel),
|
|
143
143
|
1
|
|
144
144
|
/* TEXT */
|
|
145
145
|
))
|
|
146
146
|
])) : d("v-if", !0),
|
|
147
147
|
l("div", T, [
|
|
148
148
|
y(l("input", {
|
|
149
|
-
"onUpdate:modelValue":
|
|
149
|
+
"onUpdate:modelValue": s[0] || (s[0] = (_) => o.progress = _),
|
|
150
150
|
class: "nmorph-audio-preview__range",
|
|
151
151
|
type: "range",
|
|
152
152
|
min: "0",
|
|
@@ -166,7 +166,7 @@ function D(p, c, E, o, R, V) {
|
|
|
166
166
|
o.props.showHeader ? d("v-if", !0) : (r(), a(
|
|
167
167
|
"span",
|
|
168
168
|
O,
|
|
169
|
-
|
|
169
|
+
c(o.currentTimeLabel) + " / " + c(o.durationLabel),
|
|
170
170
|
1
|
|
171
171
|
/* TEXT */
|
|
172
172
|
))
|
|
@@ -213,7 +213,7 @@ function D(p, c, E, o, R, V) {
|
|
|
213
213
|
/* CLASS, STYLE */
|
|
214
214
|
);
|
|
215
215
|
}
|
|
216
|
-
const q = /* @__PURE__ */
|
|
216
|
+
const q = /* @__PURE__ */ w(h, [["render", D], ["__file", "/home/runner/work/nmorph/nmorph/library/src/components/data/nmorph-audio-preview/NmorphAudioPreview.vue"]]);
|
|
217
217
|
export {
|
|
218
218
|
q as default
|
|
219
219
|
};
|