@nmorph/nmorph-ui-kit 3.0.8 → 3.0.9
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/data/nmorph-empty/NmorphEmpty.css +1 -1
- package/dist/components/data/nmorph-image/NmorphImage.vue2.js +13 -14
- package/dist/components/data/nmorph-media-tile/NmorphMediaTile.vue.js +28 -25
- package/dist/components/data/nmorph-table/NmorphTable.css +1 -1
- package/dist/components/form/nmorph-color-picker/NmorphColorPicker.css +1 -1
- package/dist/components/form/nmorph-color-picker/NmorphColorPicker.vue.js +5 -5
- package/dist/components/form/nmorph-time-picker/NmorphTimePicker.css +1 -1
- package/dist/components/form/nmorph-time-picker/NmorphTimePicker.vue.js +66 -64
- package/dist/components/navigation/nmorph-tabs/NmorphTabs.css +1 -1
- package/dist/emoji/index.d.ts +1 -1
- package/dist/emoji/index.js +1 -1
- package/dist/emoji/locales/en.d.ts +4 -0
- package/dist/emoji/locales/en.js +1 -1
- package/dist/emoji/locales/ru.d.ts +4 -0
- package/dist/emoji/locales/ru.js +1 -1
- package/dist/emoji/locales/zh.d.ts +4 -0
- package/dist/emoji/locales/zh.js +1 -1
- package/dist/index.es.js +2 -2
- package/dist/index.umd.js +2 -2
- package/dist/locales/en.js +0 -1
- package/dist/locales/ru.js +0 -1
- package/dist/locales/zh.js +0 -1
- package/dist/outside-hooks/use-nmorph-theme.js +1 -1
- package/dist/package.json.js +1 -1
- package/dist/plugin.js +1 -1
- package/dist/src/components/basic/index.d.ts +2 -0
- package/dist/src/components/data/index.d.ts +13 -0
- package/dist/src/{emoji → components/data/nmorph-emoji-picker/emoji}/base.d.ts +1 -1
- package/dist/src/components/data/nmorph-image/NmorphImage.vue.d.ts +0 -1
- package/dist/src/components/data/nmorph-image/types.d.ts +0 -2
- package/dist/src/components/feedback/index.d.ts +3 -0
- package/dist/src/components/feedback/nmorph-drawer/NmorphDrawer.vue.d.ts +2 -1
- package/dist/src/components/form/index.d.ts +14 -0
- package/dist/src/components/form/nmorph-slider/NmorphSlider.vue.d.ts +1 -1
- package/dist/src/components/navigation/index.d.ts +4 -0
- package/dist/src/components/others/index.d.ts +1 -0
- package/dist/src/main.d.ts +1 -1
- package/dist/src/plugin.d.ts +1 -1
- package/dist/style.css +1 -1
- package/package.json +14 -25
- /package/dist/{emoji → components/data/nmorph-emoji-picker/emoji}/base.js +0 -0
- /package/dist/outside-utils/{index.js → nmorph-log.js} +0 -0
- /package/dist/src/{emoji → components/data/nmorph-emoji-picker/emoji}/index.d.ts +0 -0
- /package/dist/src/{emoji → components/data/nmorph-emoji-picker/emoji}/locales/en.d.ts +0 -0
- /package/dist/src/{emoji → components/data/nmorph-emoji-picker/emoji}/locales/ru.d.ts +0 -0
- /package/dist/src/{emoji → components/data/nmorph-emoji-picker/emoji}/locales/zh.d.ts +0 -0
- /package/dist/src/outside-utils/{index.d.ts → nmorph-log.d.ts} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
.nmorph-button{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--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(--
|
|
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-regular);white-space:normal;text-align:center;overflow-wrap:anywhere;transform:translateY(var(--nmorph-private-control-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{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 +1 @@
|
|
|
1
|
-
.nmorph-empty{display:flex;flex-direction:column;gap:8px;justify-content:center;align-items:center;box-sizing:border-box;width:100%;min-height:var(--nmorph-private-empty-min-height);padding:var(--nmorph-private-empty-padding);color:var(--nmorph-text-color);text-align:center;border-radius:var(--default-border-radius)}.nmorph-empty .nmorph-empty__icon{display:flex;justify-content:center;align-items:center;width:var(--nmorph-private-empty-icon-size);height:var(--nmorph-private-empty-icon-size);color:var(--nmorph-semi-contrast-text-color)}.nmorph-empty .nmorph-empty__icon .nmorph-icon{--nmorph-private-icon-color: var(--nmorph-semi-contrast-text-color)}.nmorph-empty .nmorph-empty__title{max-width:100%;font-weight:var(--nmorph-typography-title-font-weight);font-size:var(--nmorph-typography-title-font-size);line-height:var(--nmorph-typography-title-line-height);overflow-wrap:anywhere}.nmorph-empty .nmorph-empty__description{max-width:min(420px,100%);color:var(--nmorph-semi-contrast-text-color);font-weight:var(--nmorph-typography-body-font-weight);font-size:var(--nmorph-typography-body-font-size);line-height:var(--nmorph-typography-body-line-height);overflow-wrap:anywhere}.nmorph-empty .nmorph-empty__action{display:flex;justify-content:center;max-width:100%;margin-top:4px}.nmorph-empty.nmorph-empty--nmorph{background:var(--nmorph-main-color)}.nmorph-empty.nmorph-empty--nmorph.nmorph--shadow-inset{box-shadow:var(--nmorph-shadow-inset)}.nmorph-empty.nmorph-empty--nmorph.nmorph--shadow-outset{box-shadow:var(--nmorph-shadow-outset)}.nmorph-empty.nmorph-empty--plain{
|
|
1
|
+
.nmorph-empty{display:flex;flex-direction:column;gap:8px;justify-content:center;align-items:center;box-sizing:border-box;width:100%;min-height:var(--nmorph-private-empty-min-height);padding:var(--nmorph-private-empty-padding);color:var(--nmorph-text-color);text-align:center;border-radius:var(--default-border-radius)}.nmorph-empty .nmorph-empty__icon{display:flex;justify-content:center;align-items:center;width:var(--nmorph-private-empty-icon-size);height:var(--nmorph-private-empty-icon-size);color:var(--nmorph-semi-contrast-text-color)}.nmorph-empty .nmorph-empty__icon .nmorph-icon{--nmorph-private-icon-color: var(--nmorph-semi-contrast-text-color)}.nmorph-empty .nmorph-empty__title{max-width:100%;font-weight:var(--nmorph-typography-title-font-weight);font-size:var(--nmorph-typography-title-font-size);line-height:var(--nmorph-typography-title-line-height);overflow-wrap:anywhere}.nmorph-empty .nmorph-empty__description{max-width:min(420px,100%);color:var(--nmorph-semi-contrast-text-color);font-weight:var(--nmorph-typography-body-font-weight);font-size:var(--nmorph-typography-body-font-size);line-height:var(--nmorph-typography-body-line-height);overflow-wrap:anywhere}.nmorph-empty .nmorph-empty__action{display:flex;justify-content:center;max-width:100%;margin-top:4px}.nmorph-empty.nmorph-empty--nmorph{background:var(--nmorph-main-color)}.nmorph-empty.nmorph-empty--nmorph.nmorph--shadow-inset{box-shadow:var(--nmorph-shadow-inset)}.nmorph-empty.nmorph-empty--nmorph.nmorph--shadow-outset{box-shadow:var(--nmorph-shadow-outset)}.nmorph-empty.nmorph-empty--plain{background:color-mix(in srgb,var(--nmorph-overlay-color) 42%,transparent)}
|
|
@@ -1,15 +1,14 @@
|
|
|
1
1
|
import './NmorphImage.css';
|
|
2
2
|
import { defineComponent as S, computed as t, ref as s } from "vue";
|
|
3
|
-
import { useModifiers as
|
|
4
|
-
import { createCssSizeVariables as
|
|
5
|
-
import { useI18n as
|
|
6
|
-
import
|
|
3
|
+
import { useModifiers as _ } from "../../../utils/create-modifiers.js";
|
|
4
|
+
import { createCssSizeVariables as q } from "../../../utils/common.js";
|
|
5
|
+
import { useI18n as b } from "vue-i18n";
|
|
6
|
+
import x from "../../basic/nmorph-icon/NmorphIcon.vue.js";
|
|
7
7
|
import I from "../../../assets/icons/loading.svg.js";
|
|
8
8
|
const C = /* @__PURE__ */ S({
|
|
9
9
|
__name: "NmorphImage",
|
|
10
10
|
props: {
|
|
11
11
|
design: { type: null, required: !1, default: "nmorph" },
|
|
12
|
-
loadingText: { type: String, required: !1, default: "" },
|
|
13
12
|
loadFailedText: { type: String, required: !1, default: "" },
|
|
14
13
|
frameBorder: { type: Number, required: !1, default: 2.67 },
|
|
15
14
|
src: { type: String, required: !1 },
|
|
@@ -22,32 +21,32 @@ const C = /* @__PURE__ */ S({
|
|
|
22
21
|
emits: ["error", "load"],
|
|
23
22
|
setup(u, { expose: p, emit: f }) {
|
|
24
23
|
p();
|
|
25
|
-
const { t: l } =
|
|
24
|
+
const { t: l } = b(), e = u, c = t(() => e.loadFailedText ? e.loadFailedText : l("loadFailedText")), r = s(!1), o = s(!1), a = f, h = (d) => {
|
|
26
25
|
r.value = !0, o.value = !1, a("load", d);
|
|
27
|
-
},
|
|
26
|
+
}, g = (d) => {
|
|
28
27
|
r.value = !0, o.value = !0, a("error", d);
|
|
29
|
-
},
|
|
30
|
-
() =>
|
|
28
|
+
}, m = t(() => r.value && o.value), i = t(() => e.design || "nmorph"), v = t(
|
|
29
|
+
() => _({
|
|
31
30
|
nmorph: [i.value === "nmorph" ? "shadow-combined" : ""],
|
|
32
31
|
"nmorph-image": [
|
|
33
32
|
i.value,
|
|
34
33
|
e.frameBorder > 0 && "framed",
|
|
35
|
-
(
|
|
34
|
+
(m.value || !r.value) && "hide"
|
|
36
35
|
]
|
|
37
36
|
})
|
|
38
37
|
), y = t(() => ({
|
|
39
|
-
...
|
|
38
|
+
...q({
|
|
40
39
|
"--nmorph-private-image-width": e.width,
|
|
41
40
|
"--nmorph-private-image-height": e.height
|
|
42
41
|
}),
|
|
43
42
|
"--nmorph-private-image-fit": e.fit || "cover",
|
|
44
43
|
"--nmorph-private-image-frame-border": `${e.frameBorder}px`
|
|
45
|
-
})),
|
|
46
|
-
return
|
|
44
|
+
})), n = { t: l, props: e, computedLoadFailedText: c, imageLoadFinished: r, imageLoadError: o, emit: a, onImageLoad: h, onImageError: g, loadingFailed: m, resolvedDesign: i, modifiers: v, styles: y, get NmorphIcon() {
|
|
45
|
+
return x;
|
|
47
46
|
}, get NmorphIconLoader() {
|
|
48
47
|
return I;
|
|
49
48
|
} };
|
|
50
|
-
return Object.defineProperty(
|
|
49
|
+
return Object.defineProperty(n, "__isScriptSetup", { enumerable: !1, value: !0 }), n;
|
|
51
50
|
}
|
|
52
51
|
});
|
|
53
52
|
export {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './NmorphMediaTile.css';
|
|
2
|
-
import
|
|
3
|
-
import { openBlock as e, createElementBlock as
|
|
2
|
+
import d from "./NmorphMediaTile.vue2.js";
|
|
3
|
+
import { openBlock as e, createElementBlock as a, normalizeClass as m, withDirectives as p, createElementVNode as c, vShow as _, createCommentVNode as r, createBlock as i, withCtx as l, createVNode as n, toDisplayString as t, renderSlot as h } from "vue";
|
|
4
4
|
/* empty css */
|
|
5
5
|
import f from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
6
6
|
const v = ["src", "muted", "autoplay", "playsinline"], y = ["muted", "autoplay"], k = {
|
|
@@ -19,8 +19,8 @@ const v = ["src", "muted", "autoplay", "playsinline"], y = ["muted", "autoplay"]
|
|
|
19
19
|
key: 2,
|
|
20
20
|
class: "nmorph-media-tile__status"
|
|
21
21
|
};
|
|
22
|
-
function S(
|
|
23
|
-
return e(),
|
|
22
|
+
function S(s, x, V, o, B, M) {
|
|
23
|
+
return e(), a(
|
|
24
24
|
"div",
|
|
25
25
|
{
|
|
26
26
|
class: m(o.modifiers)
|
|
@@ -36,16 +36,16 @@ function S(d, x, V, o, B, M) {
|
|
|
36
36
|
}, null, 8, v), [
|
|
37
37
|
[_, o.videoVisible && !o.props.loading]
|
|
38
38
|
]),
|
|
39
|
-
o.needsSeparateAudioOutput ? (e(),
|
|
39
|
+
o.needsSeparateAudioOutput ? (e(), a("audio", {
|
|
40
40
|
key: 0,
|
|
41
41
|
ref: "audioRef",
|
|
42
42
|
class: "nmorph-media-tile__audio",
|
|
43
43
|
muted: o.props.muted,
|
|
44
44
|
autoplay: o.props.autoplay,
|
|
45
45
|
preload: "auto"
|
|
46
|
-
}, null, 8, y)) :
|
|
47
|
-
o.props.showFallback && (!o.videoVisible || o.props.loading) ? (e(),
|
|
48
|
-
o.props.loading ? (e(),
|
|
46
|
+
}, null, 8, y)) : r("v-if", !0),
|
|
47
|
+
o.props.showFallback && (!o.videoVisible || o.props.loading) ? (e(), a("div", k, [
|
|
48
|
+
o.props.loading ? (e(), i(o.NmorphIcon, {
|
|
49
49
|
key: 0,
|
|
50
50
|
class: "nmorph-media-tile__loader",
|
|
51
51
|
size: "large"
|
|
@@ -55,39 +55,40 @@ function S(d, x, V, o, B, M) {
|
|
|
55
55
|
]),
|
|
56
56
|
_: 1
|
|
57
57
|
/* STABLE */
|
|
58
|
-
})) : o.props.avatarSrc ? (e(),
|
|
58
|
+
})) : o.props.avatarSrc ? (e(), i(o.NmorphAvatar, {
|
|
59
59
|
key: 1,
|
|
60
60
|
src: o.props.avatarSrc,
|
|
61
61
|
name: o.props.name,
|
|
62
62
|
size: 72,
|
|
63
63
|
design: "plain"
|
|
64
|
-
}, null, 8, ["src", "name"])) : (e(),
|
|
64
|
+
}, null, 8, ["src", "name"])) : (e(), a(
|
|
65
65
|
"div",
|
|
66
66
|
b,
|
|
67
67
|
t(o.fallbackLabel),
|
|
68
68
|
1
|
|
69
69
|
/* TEXT */
|
|
70
70
|
)),
|
|
71
|
-
o.props.name ? (e(),
|
|
71
|
+
o.props.name ? (e(), a(
|
|
72
72
|
"span",
|
|
73
73
|
N,
|
|
74
74
|
t(o.props.name),
|
|
75
75
|
1
|
|
76
76
|
/* TEXT */
|
|
77
|
-
)) :
|
|
78
|
-
o.props.error && o.props.errorText ? (e(),
|
|
77
|
+
)) : r("v-if", !0),
|
|
78
|
+
o.props.error && o.props.errorText ? (e(), a(
|
|
79
79
|
"span",
|
|
80
80
|
u,
|
|
81
81
|
t(o.props.errorText),
|
|
82
82
|
1
|
|
83
83
|
/* TEXT */
|
|
84
|
-
)) :
|
|
85
|
-
])) :
|
|
86
|
-
o.props.showStatus ? (e(),
|
|
87
|
-
o.props.micMuted ? (e(),
|
|
84
|
+
)) : r("v-if", !0)
|
|
85
|
+
])) : r("v-if", !0),
|
|
86
|
+
o.props.showStatus ? (e(), a("div", g, [
|
|
87
|
+
o.props.micMuted ? (e(), i(o.NmorphButton, {
|
|
88
88
|
key: 0,
|
|
89
89
|
class: "nmorph-media-tile__status-item",
|
|
90
90
|
design: "plain",
|
|
91
|
+
borderless: "",
|
|
91
92
|
tabindex: -1,
|
|
92
93
|
"aria-label": "Microphone muted"
|
|
93
94
|
}, {
|
|
@@ -96,11 +97,12 @@ function S(d, x, V, o, B, M) {
|
|
|
96
97
|
]),
|
|
97
98
|
_: 1
|
|
98
99
|
/* STABLE */
|
|
99
|
-
})) :
|
|
100
|
-
o.props.videoOff ? (e(),
|
|
100
|
+
})) : r("v-if", !0),
|
|
101
|
+
o.props.videoOff ? (e(), i(o.NmorphButton, {
|
|
101
102
|
key: 1,
|
|
102
103
|
class: "nmorph-media-tile__status-item",
|
|
103
104
|
design: "plain",
|
|
105
|
+
borderless: "",
|
|
104
106
|
tabindex: -1,
|
|
105
107
|
"aria-label": "Video off"
|
|
106
108
|
}, {
|
|
@@ -109,11 +111,12 @@ function S(d, x, V, o, B, M) {
|
|
|
109
111
|
]),
|
|
110
112
|
_: 1
|
|
111
113
|
/* STABLE */
|
|
112
|
-
})) :
|
|
113
|
-
o.props.screenSharing ? (e(),
|
|
114
|
+
})) : r("v-if", !0),
|
|
115
|
+
o.props.screenSharing ? (e(), i(o.NmorphButton, {
|
|
114
116
|
key: 2,
|
|
115
117
|
class: "nmorph-media-tile__status-item",
|
|
116
118
|
design: "plain",
|
|
119
|
+
borderless: "",
|
|
117
120
|
tabindex: -1,
|
|
118
121
|
"aria-label": "Screen sharing"
|
|
119
122
|
}, {
|
|
@@ -122,15 +125,15 @@ function S(d, x, V, o, B, M) {
|
|
|
122
125
|
]),
|
|
123
126
|
_: 1
|
|
124
127
|
/* STABLE */
|
|
125
|
-
})) :
|
|
126
|
-
])) :
|
|
127
|
-
h(
|
|
128
|
+
})) : r("v-if", !0)
|
|
129
|
+
])) : r("v-if", !0),
|
|
130
|
+
h(s.$slots, "overlay")
|
|
128
131
|
],
|
|
129
132
|
2
|
|
130
133
|
/* CLASS */
|
|
131
134
|
);
|
|
132
135
|
}
|
|
133
|
-
const z = /* @__PURE__ */ f(
|
|
136
|
+
const z = /* @__PURE__ */ f(d, [["render", S], ["__file", "/builds/ketjo/nmorph/library/src/components/data/nmorph-media-tile/NmorphMediaTile.vue"]]);
|
|
134
137
|
export {
|
|
135
138
|
z as default
|
|
136
139
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nmorph-table{--nmorph-private-table-border-color: var(--nmorph-
|
|
1
|
+
.nmorph-table{--nmorph-private-table-border-color: color-mix(in srgb, var(--nmorph-text-color) 52%, transparent);--nmorph-private-table-cell-height: auto;--nmorph-private-table-row-hover-background: var(--nmorph-info-color)}.nmorph-table .nmorph-table__header th{border-bottom:0}.nmorph-table .nmorph-table__button-wrapper{display:flex;align-items:center;margin-left:var(--indentation-03)}.nmorph-table table{width:calc(100% - 2px);margin-left:1px;table-layout:fixed;border-collapse:collapse;border-spacing:0}.nmorph-table .nmorph-table__table-data{padding:var(--indentation-03) 0;border-bottom:1px solid var(--nmorph-private-table-border-color)}.nmorph-table .nmorph-table__table-data--bordered{border:1px solid var(--nmorph-private-table-border-color)}.nmorph-table .nmorph-table__cell{padding:0 var(--indentation-03)}.nmorph-table .nmorph-table__cell-content{display:flex;align-items:center}.nmorph-table .nmorph-table__cell--data{height:var(--nmorph-private-table-cell-height)}.nmorph-table .nmorph-table__body{position:relative}.nmorph-table .nmorph-table__body--virtual{overflow-x:hidden}.nmorph-table .nmorph-table__body--virtual .nmorph-table__table-data{height:var(--nmorph-private-table-virtual-row-height);padding-top:0;padding-bottom:0}.nmorph-table .nmorph-table__body--virtual.nmorph-table__body--dynamic .nmorph-table__table-data{height:auto}.nmorph-table .nmorph-table__virtual-spacer{position:relative;min-width:100%}.nmorph-table .nmorph-table__virtual-content{position:absolute;top:0;right:0;left:0}.nmorph-table .nmorph-table__table-data-row--row-hover:hover,.nmorph-table .nmorph-table__table-data-row--active{background:var(--nmorph-private-table-row-hover-background)}.nmorph-table--nmorph{overflow:hidden;background:var(--nmorph-main-color);border-radius:var(--default-border-radius);box-shadow:var(--nmorph-shadow-outset);--nmorph-private-table-border-color: transparent}.nmorph-table--nmorph .nmorph-table__button-wrapper{padding:var(--indentation-02)}.nmorph-table--nmorph .nmorph-table__table-row{background:var(--nmorph-main-color);box-shadow:var(--nmorph-shadow-inset)}.nmorph-table--plain{overflow:hidden;background:var(--nmorph-main-color);border:var(--nmorph-plain-border);border-radius:var(--default-border-radius)}.nmorph-table--plain.nmorph-table--bordered{border:1px solid var(--nmorph-private-table-border-color)}.nmorph-table--plain.nmorph-table--bordered table{width:100%;margin-left:0}.nmorph-table--plain.nmorph-table--bordered .nmorph-table__table-data--bordered{border:0;border-right:1px solid var(--nmorph-private-table-border-color);border-bottom:1px solid var(--nmorph-private-table-border-color)}.nmorph-table--plain.nmorph-table--bordered .nmorph-table__table-data--bordered:last-child{border-right:0}.nmorph-table--plain.nmorph-table--bordered .nmorph-table__body:not(.nmorph-table__body--virtual) .nmorph-table__table-data-row:last-child .nmorph-table__table-data--bordered{border-bottom:0}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nmorph-color-picker{display:inline-flex;flex:0 0 auto;flex-direction:column;align-items:flex-start;width:fit-content;max-width:100%}.nmorph-color-picker .nmorph-color-picker__content{position:relative;display:inline-flex;gap:var(--indentation-03);align-items:center;width:fit-content;max-width:100%;height:var(--nmorph-private-control-height);padding:0 var(--default-indentation-input);background:var(--nmorph-main-color);border-radius:var(--default-border-radius);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-color-picker .nmorph-color-picker__native{position:absolute;width:100%;height:100%;cursor:pointer;opacity:0;inset:0}.nmorph-color-picker .nmorph-color-picker__swatch{flex:0 0 auto;width:calc(var(--nmorph-private-control-height) - var(--indentation-03));height:calc(var(--nmorph-private-control-height) - var(--indentation-03));border-radius:var(--default-border-radius);box-shadow:inset 0 0 0 1px #ffffff40,0 0 0 1px #0000001f}.nmorph-color-picker .nmorph-color-picker__value{flex:0 0 7ch;width:7ch;min-width:7ch;overflow:hidden;font-weight:var(--nmorph-private-control-font-weight);font-size:var(--nmorph-private-control-font-size);font-family:var(--font-family-mono);line-height:var(--nmorph-private-control-line-height);white-space:nowrap;text-overflow:ellipsis;transform:translateY(var(--nmorph-private-control-text-offset-y));user-select:none;font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.nmorph-color-picker.nmorph-color-picker--rgb .nmorph-color-picker__value{flex-basis:18ch;width:18ch;min-width:18ch}.nmorph-color-picker.nmorph-color-picker--hsl .nmorph-color-picker__value{flex-basis:20ch;width:20ch;min-width:20ch}.nmorph-color-picker.nmorph--focused .nmorph-color-picker__content{background:var(--nmorph-accent-color);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)}.nmorph-color-picker.nmorph--focused .nmorph-color-picker__value{color:var(--nmorph-focus-text-color)}.nmorph-color-picker.nmorph-color-picker--disabled{cursor:not-allowed;opacity:.6}.nmorph-color-picker.nmorph-color-picker--disabled .nmorph-color-picker__content{pointer-events:none}
|
|
1
|
+
.nmorph-color-picker{display:inline-flex;flex:0 0 auto;flex-direction:column;align-items:flex-start;width:fit-content;max-width:100%}.nmorph-color-picker .nmorph-color-picker__content{position:relative;display:inline-flex;gap:var(--indentation-03);align-items:center;width:fit-content;max-width:100%;height:var(--nmorph-private-control-height);padding:0 var(--default-indentation-input);background:var(--nmorph-main-color);border-radius:var(--default-border-radius);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-color-picker .nmorph-color-picker__native{position:absolute;z-index:2;width:100%;height:100%;cursor:pointer;opacity:0;inset:0}.nmorph-color-picker .nmorph-color-picker__swatch{position:relative;z-index:1;flex:0 0 auto;width:calc(var(--nmorph-private-control-height) - var(--indentation-03) + 2px);height:calc(var(--nmorph-private-control-height) - var(--indentation-03) + 2px);overflow:hidden;background:var(--nmorph-main-color);border-radius:var(--default-border-radius);box-shadow:inset 0 0 0 1px #ffffff40,0 0 0 1px #0000001f;pointer-events:none}.nmorph-color-picker .nmorph-color-picker__swatch:before{content:"";position:absolute;z-index:1;inset:1px;background:var(--nmorph-private-color-picker-color);border-radius:calc(var(--default-border-radius) - 1px)}.nmorph-color-picker .nmorph-color-picker__value{flex:0 0 7ch;width:7ch;min-width:7ch;overflow:hidden;font-weight:var(--nmorph-private-control-font-weight);font-size:var(--nmorph-private-control-font-size);font-family:var(--font-family-mono);line-height:var(--nmorph-private-control-line-height);white-space:nowrap;text-overflow:ellipsis;transform:translateY(var(--nmorph-private-control-text-offset-y));user-select:none;font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.nmorph-color-picker.nmorph-color-picker--rgb .nmorph-color-picker__value{flex-basis:18ch;width:18ch;min-width:18ch}.nmorph-color-picker.nmorph-color-picker--hsl .nmorph-color-picker__value{flex-basis:20ch;width:20ch;min-width:20ch}.nmorph-color-picker.nmorph--focused .nmorph-color-picker__content{background:var(--nmorph-accent-color);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)}.nmorph-color-picker.nmorph--focused .nmorph-color-picker__value{color:var(--nmorph-focus-text-color)}.nmorph-color-picker.nmorph-color-picker--disabled{cursor:not-allowed;opacity:.6}.nmorph-color-picker.nmorph-color-picker--disabled .nmorph-color-picker__content{pointer-events:none}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import './NmorphColorPicker.css';
|
|
2
2
|
import a from "./NmorphColorPicker.vue2.js";
|
|
3
|
-
import { openBlock as l, createElementBlock as i, normalizeClass as c, createElementVNode as n, normalizeStyle as t, toDisplayString as d, createCommentVNode as
|
|
3
|
+
import { openBlock as l, createElementBlock as i, normalizeClass as c, createElementVNode as n, normalizeStyle as t, toDisplayString as d, createCommentVNode as m } from "vue";
|
|
4
4
|
/* empty css */
|
|
5
|
-
import
|
|
5
|
+
import s from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
6
6
|
const p = { class: "nmorph-color-picker__content" }, _ = ["id", "name", "tabindex", "value", "disabled"], h = {
|
|
7
7
|
key: 0,
|
|
8
8
|
class: "nmorph-color-picker__value"
|
|
@@ -32,7 +32,7 @@ function u(f, r, k, o, v, b) {
|
|
|
32
32
|
"div",
|
|
33
33
|
{
|
|
34
34
|
class: "nmorph-color-picker__swatch",
|
|
35
|
-
style: t({
|
|
35
|
+
style: t({ "--nmorph-private-color-picker-color": o.currentValue })
|
|
36
36
|
},
|
|
37
37
|
null,
|
|
38
38
|
4
|
|
@@ -44,14 +44,14 @@ function u(f, r, k, o, v, b) {
|
|
|
44
44
|
d(o.displayValue),
|
|
45
45
|
1
|
|
46
46
|
/* TEXT */
|
|
47
|
-
)) :
|
|
47
|
+
)) : m("v-if", !0)
|
|
48
48
|
])
|
|
49
49
|
],
|
|
50
50
|
2
|
|
51
51
|
/* CLASS */
|
|
52
52
|
);
|
|
53
53
|
}
|
|
54
|
-
const C = /* @__PURE__ */
|
|
54
|
+
const C = /* @__PURE__ */ s(a, [["render", u], ["__file", "/builds/ketjo/nmorph/library/src/components/form/nmorph-color-picker/NmorphColorPicker.vue"]]);
|
|
55
55
|
export {
|
|
56
56
|
C as default
|
|
57
57
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nmorph-time-picker{--nmorph-private-time-picker-width: fit-content;position:relative;display:inline-block;width:var(--nmorph-private-time-picker-width);min-width:0;height:var(--nmorph-private-control-height)}.nmorph-time-picker .nmorph-time-picker__input{display:inline-flex;gap:8px;align-items:center;box-sizing:border-box;width:100%;min-width:0;height:100%;padding:0 var(--default-indentation-input);overflow:hidden;background:var(--nmorph-main-color);border-radius:var(--default-border-radius);box-shadow:var(--nmorph-shadow-outset);cursor:pointer}.nmorph-time-picker .nmorph-time-picker__native{position:absolute;width:0;height:0;padding:0;border:0;opacity:0;pointer-events:none}.nmorph-time-picker .nmorph-time-picker__clock-icon{flex:0 0 auto}.nmorph-time-picker .nmorph-time-picker__selected-value{flex:
|
|
1
|
+
.nmorph-time-picker{--nmorph-private-time-picker-width: fit-content;position:relative;display:inline-block;width:var(--nmorph-private-time-picker-width);min-width:0;height:var(--nmorph-private-control-height)}.nmorph-time-picker .nmorph-time-picker__input{display:inline-flex;gap:8px;align-items:center;box-sizing:border-box;width:100%;min-width:0;height:100%;padding:0 var(--default-indentation-input);overflow:hidden;background:var(--nmorph-main-color);border-radius:var(--default-border-radius);box-shadow:var(--nmorph-shadow-outset);cursor:pointer}.nmorph-time-picker .nmorph-time-picker__native{position:absolute;width:0;height:0;padding:0;border:0;opacity:0;pointer-events:none}.nmorph-time-picker .nmorph-time-picker__clock-icon{flex:0 0 auto}.nmorph-time-picker .nmorph-time-picker__selected-value{flex:1 1 auto;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transform:translateY(var(--nmorph-private-control-text-offset-y))}.nmorph-time-picker .nmorph-time-picker__clear{display:inline-flex;flex:0 0 auto;justify-content:flex-end;align-items:center;width:18px;height:18px;padding:0;color:var(--nmorph-text-color);background:transparent;border:0;cursor:pointer}.nmorph-time-picker .nmorph-time-picker__clear--hidden{opacity:0;pointer-events:none}.nmorph-time-picker.nmorph-time-picker--open .nmorph-time-picker__input{box-shadow:var(--nmorph-shadow-inset)}.nmorph-time-picker.nmorph-time-picker--focus{outline:2px solid var(--nmorph-accent-color)}.nmorph-time-picker.nmorph-time-picker--placeholder .nmorph-time-picker__selected-value{color:var(--nmorph-placeholder-text-color)}.nmorph-time-picker.nmorph-time-picker--disabled{cursor:not-allowed;opacity:.6}.nmorph-time-picker.nmorph-time-picker--disabled .nmorph-time-picker__input{pointer-events:none}.nmorph-time-picker__panel{display:grid;grid-template-columns:minmax(64px,1fr) 8px minmax(64px,1fr);gap:8px;align-items:start;box-sizing:border-box;width:100%;padding:10px;color:var(--nmorph-text-color)}.nmorph-time-picker__panel--with-seconds{grid-template-columns:minmax(64px,1fr) 8px minmax(64px,1fr) 8px minmax(64px,1fr)}.nmorph-time-picker__column{min-width:0;padding:4px;background:color-mix(in srgb,var(--nmorph-text-color) 4%,transparent);border-radius:var(--default-border-radius)}.nmorph-time-picker__column .nmorph-scroll{display:grid;grid-auto-flow:row;grid-template-columns:minmax(0,1fr)}.nmorph-time-picker__column .nmorph-scroll__viewport{padding:0 2px 0 0}.nmorph-time-picker__separator{display:flex;justify-content:center;align-items:flex-start;min-width:8px;padding-top:calc((var(--nmorph-private-control-height) - 1em) / 2 + 2px);color:var(--nmorph-semi-contrast-text-color);font-weight:var(--font-weight-bold);line-height:1}.nmorph-time-picker__option{width:100%;min-width:0}.nmorph-time-picker__option .nmorph-button__content{width:100%;min-width:0;padding-right:var(--indentation-02);padding-left:var(--indentation-02);background:transparent}.nmorph-time-picker__option.nmorph-button--plain .nmorph-button__content:not(:disabled,[loading=true]):hover{background:color-mix(in srgb,var(--nmorph-accent-color) 14%,transparent)}.nmorph-time-picker__option.nmorph-button.nmorph-button--active .nmorph-button__content{color:var(--nmorph-focus-text-color);background:var(--nmorph-accent-color);border-color:var(--nmorph-accent-color);box-shadow:none}.nmorph-time-picker__option.nmorph-button.nmorph-button--active .nmorph-button__content span,.nmorph-time-picker__option.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)}
|
|
@@ -1,30 +1,30 @@
|
|
|
1
1
|
import './NmorphTimePicker.css';
|
|
2
|
-
import
|
|
3
|
-
import { openBlock as
|
|
2
|
+
import b from "./NmorphTimePicker.vue2.js";
|
|
3
|
+
import { openBlock as o, createElementBlock as d, normalizeStyle as v, normalizeClass as m, createElementVNode as l, withKeys as h, withModifiers as t, createVNode as n, withCtx as a, toDisplayString as x, createBlock as c, Fragment as s, renderList as p, createCommentVNode as k } from "vue";
|
|
4
4
|
/* empty css */
|
|
5
5
|
import f from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
6
|
-
const u = ["aria-expanded", "aria-controls", "tabindex", "onKeydown"],
|
|
6
|
+
const u = ["aria-expanded", "aria-controls", "tabindex", "onKeydown"], w = ["id", "name", "autocomplete", "step", "value", "disabled"], C = { class: "nmorph-time-picker__selected-value" }, g = ["disabled", "tabindex", "aria-hidden"], y = ["id"], N = {
|
|
7
7
|
class: "nmorph-time-picker__column",
|
|
8
8
|
role: "listbox",
|
|
9
9
|
"aria-label": "Hours"
|
|
10
|
-
},
|
|
10
|
+
}, O = {
|
|
11
11
|
class: "nmorph-time-picker__column",
|
|
12
12
|
role: "listbox",
|
|
13
13
|
"aria-label": "Minutes"
|
|
14
|
-
},
|
|
14
|
+
}, B = {
|
|
15
15
|
class: "nmorph-time-picker__column",
|
|
16
16
|
role: "listbox",
|
|
17
17
|
"aria-label": "Seconds"
|
|
18
18
|
};
|
|
19
|
-
function H(S, r,
|
|
20
|
-
return
|
|
19
|
+
function H(S, r, V, e, I, z) {
|
|
20
|
+
return o(), d(
|
|
21
21
|
"div",
|
|
22
22
|
{
|
|
23
|
-
class:
|
|
24
|
-
style:
|
|
23
|
+
class: m(e.modifiers),
|
|
24
|
+
style: v(e.styles)
|
|
25
25
|
},
|
|
26
26
|
[
|
|
27
|
-
|
|
27
|
+
l("div", {
|
|
28
28
|
ref: "inputDOMRef",
|
|
29
29
|
class: "nmorph-time-picker__input",
|
|
30
30
|
role: "combobox",
|
|
@@ -32,15 +32,15 @@ function H(S, r, B, e, V, I) {
|
|
|
32
32
|
"aria-controls": `${e.id}-dropdown`,
|
|
33
33
|
tabindex: e.props.disabled ? -1 : e.tabindex,
|
|
34
34
|
onClick: e.toggleOpen,
|
|
35
|
-
onFocus: r[0] || (r[0] = (...
|
|
36
|
-
onBlur: r[1] || (r[1] = (...
|
|
35
|
+
onFocus: r[0] || (r[0] = (...i) => e.focusHandler && e.focusHandler(...i)),
|
|
36
|
+
onBlur: r[1] || (r[1] = (...i) => e.blurHandler && e.blurHandler(...i)),
|
|
37
37
|
onKeydown: [
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
38
|
+
h(t(e.toggleOpen, ["prevent"]), ["space"]),
|
|
39
|
+
h(t(e.toggleOpen, ["prevent"]), ["enter"]),
|
|
40
|
+
h(t(e.closeHandler, ["prevent"]), ["escape"])
|
|
41
41
|
]
|
|
42
42
|
}, [
|
|
43
|
-
|
|
43
|
+
l("input", {
|
|
44
44
|
id: e.id,
|
|
45
45
|
class: "nmorph-time-picker__native",
|
|
46
46
|
name: e.name,
|
|
@@ -50,41 +50,43 @@ function H(S, r, B, e, V, I) {
|
|
|
50
50
|
value: e.modelValue || "",
|
|
51
51
|
disabled: e.props.disabled,
|
|
52
52
|
onInput: e.nativeInputHandler
|
|
53
|
-
}, null, 40,
|
|
53
|
+
}, null, 40, w),
|
|
54
54
|
n(e.NmorphIcon, { class: "nmorph-time-picker__clock-icon" }, {
|
|
55
|
-
default:
|
|
55
|
+
default: a(() => [
|
|
56
56
|
n(e.NmorphIconClock)
|
|
57
57
|
]),
|
|
58
58
|
_: 1
|
|
59
59
|
/* STABLE */
|
|
60
60
|
}),
|
|
61
|
-
|
|
61
|
+
l(
|
|
62
62
|
"div",
|
|
63
|
-
|
|
63
|
+
C,
|
|
64
64
|
x(e.displayValue),
|
|
65
65
|
1
|
|
66
66
|
/* TEXT */
|
|
67
67
|
),
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
class: "nmorph-time-picker__clear",
|
|
68
|
+
l("button", {
|
|
69
|
+
class: m(["nmorph-time-picker__clear", { "nmorph-time-picker__clear--hidden": !e.showClearButton }]),
|
|
71
70
|
type: "button",
|
|
71
|
+
disabled: !e.showClearButton,
|
|
72
|
+
tabindex: e.showClearButton ? 0 : -1,
|
|
73
|
+
"aria-hidden": !e.showClearButton,
|
|
72
74
|
"aria-label": "Clear time",
|
|
73
|
-
onClick:
|
|
75
|
+
onClick: t(e.clearHandler, ["stop"])
|
|
74
76
|
}, [
|
|
75
77
|
n(e.NmorphIcon, {
|
|
76
78
|
width: "14px",
|
|
77
79
|
height: "14px"
|
|
78
80
|
}, {
|
|
79
|
-
default:
|
|
81
|
+
default: a(() => [
|
|
80
82
|
n(e.NmorphIconCircleClose)
|
|
81
83
|
]),
|
|
82
84
|
_: 1
|
|
83
85
|
/* STABLE */
|
|
84
86
|
})
|
|
85
|
-
]
|
|
87
|
+
], 10, g)
|
|
86
88
|
], 40, u),
|
|
87
|
-
e.inputDOMRef && !e.props.disabled ? (
|
|
89
|
+
e.inputDOMRef && !e.props.disabled ? (o(), c(e.NmorphDropdown, {
|
|
88
90
|
key: 0,
|
|
89
91
|
open: e.open,
|
|
90
92
|
"relative-element": e.inputDOMRef,
|
|
@@ -95,31 +97,31 @@ function H(S, r, B, e, V, I) {
|
|
|
95
97
|
onOnOutsideClick: e.closeHandler,
|
|
96
98
|
onOnEscapeKeydown: e.closeHandler
|
|
97
99
|
}, {
|
|
98
|
-
default:
|
|
99
|
-
|
|
100
|
+
default: a(() => [
|
|
101
|
+
l("div", {
|
|
100
102
|
id: `${e.id}-dropdown`,
|
|
101
|
-
class:
|
|
103
|
+
class: m(["nmorph-time-picker__panel", { "nmorph-time-picker__panel--with-seconds": e.props.showSeconds }])
|
|
102
104
|
}, [
|
|
103
|
-
|
|
105
|
+
l("div", N, [
|
|
104
106
|
n(e.NmorphScroll, {
|
|
105
107
|
height: "210px",
|
|
106
108
|
gap: 6,
|
|
107
109
|
"scroll-x-prop": "hidden",
|
|
108
110
|
"css-scroll-behavior": "auto"
|
|
109
111
|
}, {
|
|
110
|
-
default:
|
|
111
|
-
(
|
|
112
|
+
default: a(() => [
|
|
113
|
+
(o(!0), d(
|
|
112
114
|
s,
|
|
113
115
|
null,
|
|
114
|
-
|
|
115
|
-
key:
|
|
116
|
+
p(e.hourOptions, (i) => (o(), c(e.NmorphButton, {
|
|
117
|
+
key: i.value,
|
|
116
118
|
class: "nmorph-time-picker__option",
|
|
117
119
|
design: "plain",
|
|
118
|
-
text:
|
|
120
|
+
text: i.label,
|
|
119
121
|
thickness: e.props.thickness,
|
|
120
|
-
active:
|
|
121
|
-
disabled:
|
|
122
|
-
onClick: (_) => e.selectUnit("hour",
|
|
122
|
+
active: i.value === e.pickerValue.hour,
|
|
123
|
+
disabled: i.disabled,
|
|
124
|
+
onClick: (_) => e.selectUnit("hour", i.value)
|
|
123
125
|
}, null, 8, ["text", "thickness", "active", "disabled", "onClick"]))),
|
|
124
126
|
128
|
|
125
127
|
/* KEYED_FRAGMENT */
|
|
@@ -129,33 +131,33 @@ function H(S, r, B, e, V, I) {
|
|
|
129
131
|
/* STABLE */
|
|
130
132
|
})
|
|
131
133
|
]),
|
|
132
|
-
r[3] || (r[3] =
|
|
134
|
+
r[3] || (r[3] = l(
|
|
133
135
|
"div",
|
|
134
136
|
{ class: "nmorph-time-picker__separator" },
|
|
135
137
|
":",
|
|
136
138
|
-1
|
|
137
139
|
/* CACHED */
|
|
138
140
|
)),
|
|
139
|
-
|
|
141
|
+
l("div", O, [
|
|
140
142
|
n(e.NmorphScroll, {
|
|
141
143
|
height: "210px",
|
|
142
144
|
gap: 6,
|
|
143
145
|
"scroll-x-prop": "hidden",
|
|
144
146
|
"css-scroll-behavior": "auto"
|
|
145
147
|
}, {
|
|
146
|
-
default:
|
|
147
|
-
(
|
|
148
|
+
default: a(() => [
|
|
149
|
+
(o(!0), d(
|
|
148
150
|
s,
|
|
149
151
|
null,
|
|
150
|
-
|
|
151
|
-
key:
|
|
152
|
+
p(e.minuteOptions, (i) => (o(), c(e.NmorphButton, {
|
|
153
|
+
key: i.value,
|
|
152
154
|
class: "nmorph-time-picker__option",
|
|
153
155
|
design: "plain",
|
|
154
|
-
text:
|
|
156
|
+
text: i.label,
|
|
155
157
|
thickness: e.props.thickness,
|
|
156
|
-
active:
|
|
157
|
-
disabled:
|
|
158
|
-
onClick: (_) => e.selectUnit("minute",
|
|
158
|
+
active: i.value === e.pickerValue.minute,
|
|
159
|
+
disabled: i.disabled,
|
|
160
|
+
onClick: (_) => e.selectUnit("minute", i.value)
|
|
159
161
|
}, null, 8, ["text", "thickness", "active", "disabled", "onClick"]))),
|
|
160
162
|
128
|
|
161
163
|
/* KEYED_FRAGMENT */
|
|
@@ -165,37 +167,37 @@ function H(S, r, B, e, V, I) {
|
|
|
165
167
|
/* STABLE */
|
|
166
168
|
})
|
|
167
169
|
]),
|
|
168
|
-
e.props.showSeconds ? (
|
|
170
|
+
e.props.showSeconds ? (o(), d(
|
|
169
171
|
s,
|
|
170
172
|
{ key: 0 },
|
|
171
173
|
[
|
|
172
|
-
r[2] || (r[2] =
|
|
174
|
+
r[2] || (r[2] = l(
|
|
173
175
|
"div",
|
|
174
176
|
{ class: "nmorph-time-picker__separator" },
|
|
175
177
|
":",
|
|
176
178
|
-1
|
|
177
179
|
/* CACHED */
|
|
178
180
|
)),
|
|
179
|
-
|
|
181
|
+
l("div", B, [
|
|
180
182
|
n(e.NmorphScroll, {
|
|
181
183
|
height: "210px",
|
|
182
184
|
gap: 6,
|
|
183
185
|
"scroll-x-prop": "hidden",
|
|
184
186
|
"css-scroll-behavior": "auto"
|
|
185
187
|
}, {
|
|
186
|
-
default:
|
|
187
|
-
(
|
|
188
|
+
default: a(() => [
|
|
189
|
+
(o(!0), d(
|
|
188
190
|
s,
|
|
189
191
|
null,
|
|
190
|
-
|
|
191
|
-
key:
|
|
192
|
+
p(e.secondOptions, (i) => (o(), c(e.NmorphButton, {
|
|
193
|
+
key: i.value,
|
|
192
194
|
class: "nmorph-time-picker__option",
|
|
193
195
|
design: "plain",
|
|
194
|
-
text:
|
|
196
|
+
text: i.label,
|
|
195
197
|
thickness: e.props.thickness,
|
|
196
|
-
active:
|
|
197
|
-
disabled:
|
|
198
|
-
onClick: (_) => e.selectUnit("second",
|
|
198
|
+
active: i.value === e.pickerValue.second,
|
|
199
|
+
disabled: i.disabled,
|
|
200
|
+
onClick: (_) => e.selectUnit("second", i.value)
|
|
199
201
|
}, null, 8, ["text", "thickness", "active", "disabled", "onClick"]))),
|
|
200
202
|
128
|
|
201
203
|
/* KEYED_FRAGMENT */
|
|
@@ -208,18 +210,18 @@ function H(S, r, B, e, V, I) {
|
|
|
208
210
|
],
|
|
209
211
|
64
|
|
210
212
|
/* STABLE_FRAGMENT */
|
|
211
|
-
)) :
|
|
213
|
+
)) : k("v-if", !0)
|
|
212
214
|
], 10, y)
|
|
213
215
|
]),
|
|
214
216
|
_: 1
|
|
215
217
|
/* STABLE */
|
|
216
|
-
}, 8, ["open", "relative-element", "width", "z-index", "aria-label"])) :
|
|
218
|
+
}, 8, ["open", "relative-element", "width", "z-index", "aria-label"])) : k("v-if", !0)
|
|
217
219
|
],
|
|
218
220
|
6
|
|
219
221
|
/* CLASS, STYLE */
|
|
220
222
|
);
|
|
221
223
|
}
|
|
222
|
-
const
|
|
224
|
+
const R = /* @__PURE__ */ f(b, [["render", H], ["__file", "/builds/ketjo/nmorph/library/src/components/form/nmorph-time-picker/NmorphTimePicker.vue"]]);
|
|
223
225
|
export {
|
|
224
|
-
|
|
226
|
+
R as default
|
|
225
227
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nmorph-tabs{border-radius:var(--default-border-radius)}.nmorph-tabs .nmorph-tabs__label-list{display:flex;padding:var(--
|
|
1
|
+
.nmorph-tabs{--nmorph-private-tabs-wall-width: var(--indentation-01);border-radius:var(--default-border-radius)}.nmorph-tabs .nmorph-tabs__label-list{display:flex;padding:var(--nmorph-private-tabs-wall-width);background:var(--nmorph-main-color);border-top-left-radius:var(--default-border-radius);border-top-right-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)}.nmorph-tabs .nmorph-tabs__label{margin-right:var(--indentation-02);padding:var(--indentation-03);background:var(--nmorph-main-color);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-tabs .nmorph-tabs__label.nmorph-tabs__label--disabled{cursor:not-allowed;opacity:.6}.nmorph-tabs .nmorph-tabs__label.nmorph-tabs__label--selected{background:var(--nmorph-main-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-tabs .nmorph-tabs__content__wrapper{padding:var(--nmorph-private-tabs-wall-width);background:var(--nmorph-main-color);border-bottom-right-radius:var(--default-border-radius);border-bottom-left-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)}.nmorph-tabs .nmorph-tabs__content{padding:var(--indentation-03);background:var(--nmorph-main-color);border-radius:var(--default-border-radius);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-tabs.nmorph-tabs--stretch .nmorph-tabs__label{width:100%}
|
package/dist/emoji/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from '../src/emoji/index'
|
|
1
|
+
export * from '../src/components/data/nmorph-emoji-picker/emoji/index'
|
|
2
2
|
export {}
|