@nmorph/nmorph-ui-kit 3.0.5 → 3.0.6
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-icon/NmorphIcon.vue2.js +9 -9
- package/dist/components/data/nmorph-audio-preview/NmorphAudioPreview.css +1 -1
- package/dist/components/data/nmorph-card/NmorphCard.css +1 -1
- package/dist/components/data/nmorph-card/NmorphCard.vue2.js +18 -15
- package/dist/components/data/nmorph-file-card/NmorphFileCard.css +1 -1
- package/dist/components/data/nmorph-media-tile/NmorphMediaTile.vue.js +19 -19
- package/dist/components/data/nmorph-media-tile/NmorphMediaTile.vue2.js +60 -37
- package/dist/components/data/nmorph-table/NmorphTable.vue.js +114 -162
- package/dist/components/data/nmorph-video-preview/NmorphVideoPreview.css +1 -1
- package/dist/components/form/nmorph-select-button/NmorphSelectButton.css +1 -1
- package/dist/components/form/nmorph-select-button/components/nmorph-select-button-item/NmorphSelectButtonItem.css +1 -1
- package/dist/index.umd.js +9 -9
- package/dist/package.json.js +1 -1
- package/dist/src/components/basic/nmorph-icon/NmorphIcon.vue.d.ts +0 -3
- package/dist/src/components/data/nmorph-table/NmorphTable.vue.d.ts +0 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
|
@@ -1,31 +1,37 @@
|
|
|
1
1
|
import './NmorphTable.css';
|
|
2
|
-
import
|
|
3
|
-
import { openBlock as r, createElementBlock as t, normalizeStyle as
|
|
2
|
+
import h from "./NmorphTable.vue2.js";
|
|
3
|
+
import { openBlock as r, createElementBlock as t, normalizeStyle as n, normalizeClass as _, createElementVNode as o, renderSlot as p, Fragment as d, renderList as i, toDisplayString as s, createBlock as m, createCommentVNode as y } from "vue";
|
|
4
4
|
/* empty css */
|
|
5
5
|
import v from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
6
|
-
const
|
|
7
|
-
|
|
6
|
+
const w = { class: "nmorph-table__wrapper" }, f = {
|
|
7
|
+
class: "nmorph-table__slot-columns",
|
|
8
|
+
hidden: ""
|
|
9
|
+
}, k = { class: "nmorph-table__header" }, u = ["data-src"], g = { class: "nmorph-table__table-row" }, x = { class: "nmorph-table__cell" }, S = ["tabindex"], R = ["id"], B = { key: 1 }, E = ["id"];
|
|
10
|
+
function H(c, N, W, e, C, I) {
|
|
8
11
|
return r(), t("div", null, [
|
|
9
12
|
(r(), t(
|
|
10
13
|
"div",
|
|
11
14
|
{
|
|
12
15
|
ref: "nmorphDOMTable",
|
|
13
|
-
key:
|
|
14
|
-
class: _(
|
|
15
|
-
style:
|
|
16
|
+
key: e.key,
|
|
17
|
+
class: _(e.modifiers),
|
|
18
|
+
style: n(e.tableStyle)
|
|
16
19
|
},
|
|
17
20
|
[
|
|
18
|
-
o("div",
|
|
19
|
-
o("
|
|
21
|
+
o("div", w, [
|
|
22
|
+
o("div", f, [
|
|
23
|
+
p(c.$slots, "default")
|
|
24
|
+
]),
|
|
25
|
+
o("table", k, [
|
|
20
26
|
o("colgroup", null, [
|
|
21
27
|
(r(!0), t(
|
|
22
28
|
d,
|
|
23
29
|
null,
|
|
24
|
-
i(
|
|
25
|
-
key:
|
|
26
|
-
style:
|
|
27
|
-
"data-src": `${
|
|
28
|
-
}, null, 12,
|
|
30
|
+
i(e.columns, (l) => (r(), t("col", {
|
|
31
|
+
key: l.prop,
|
|
32
|
+
style: n({ width: `${e.getWidth(l.width)}px` }),
|
|
33
|
+
"data-src": `${e.getWidth(l.width)}px`
|
|
34
|
+
}, null, 12, u))),
|
|
29
35
|
128
|
|
30
36
|
/* KEYED_FRAGMENT */
|
|
31
37
|
))
|
|
@@ -35,33 +41,33 @@ function E(c, H, N, l, C, I) {
|
|
|
35
41
|
(r(!0), t(
|
|
36
42
|
d,
|
|
37
43
|
null,
|
|
38
|
-
i(
|
|
44
|
+
i(e.columns, (l, b) => (r(), t(
|
|
39
45
|
"th",
|
|
40
46
|
{
|
|
41
47
|
key: b,
|
|
42
|
-
class: _(["nmorph-table__table-data", { "nmorph-table__table-data--bordered":
|
|
48
|
+
class: _(["nmorph-table__table-data", { "nmorph-table__table-data--bordered": e.props.bordered }])
|
|
43
49
|
},
|
|
44
50
|
[
|
|
45
|
-
o("div",
|
|
51
|
+
o("div", x, [
|
|
46
52
|
o(
|
|
47
53
|
"div",
|
|
48
54
|
{
|
|
49
|
-
style:
|
|
55
|
+
style: n({ "justify-content": l.alignment }),
|
|
50
56
|
class: "nmorph-table__cell-content"
|
|
51
57
|
},
|
|
52
58
|
[
|
|
53
59
|
o(
|
|
54
60
|
"span",
|
|
55
61
|
null,
|
|
56
|
-
s(
|
|
62
|
+
s(l.label),
|
|
57
63
|
1
|
|
58
64
|
/* TEXT */
|
|
59
65
|
),
|
|
60
|
-
|
|
66
|
+
e.sortData && e.sortData[l.prop] ? (r(), m(e.NmorphSortButton, {
|
|
61
67
|
key: 0,
|
|
62
68
|
class: "nmorph-table__button-wrapper",
|
|
63
|
-
value:
|
|
64
|
-
onSort: (
|
|
69
|
+
value: e.sortData[l.prop],
|
|
70
|
+
onSort: (a) => e.onSort(a, l.prop)
|
|
65
71
|
}, null, 8, ["value", "onSort"])) : y("v-if", !0)
|
|
66
72
|
],
|
|
67
73
|
4
|
|
@@ -79,30 +85,30 @@ function E(c, H, N, l, C, I) {
|
|
|
79
85
|
])
|
|
80
86
|
]),
|
|
81
87
|
o("div", {
|
|
82
|
-
ref:
|
|
88
|
+
ref: e.virtualList.containerRef,
|
|
83
89
|
class: _(["nmorph-table__body", {
|
|
84
|
-
"nmorph-table__body--virtual":
|
|
85
|
-
"nmorph-table__body--dynamic":
|
|
90
|
+
"nmorph-table__body--virtual": e.virtualEnabled,
|
|
91
|
+
"nmorph-table__body--dynamic": e.props.virtualDynamicHeight
|
|
86
92
|
}]),
|
|
87
|
-
style:
|
|
88
|
-
tabindex:
|
|
93
|
+
style: n(e.tableBodyStyle),
|
|
94
|
+
tabindex: e.virtualEnabled ? 0 : void 0,
|
|
89
95
|
role: "grid",
|
|
90
|
-
onKeydown:
|
|
91
|
-
onScroll:
|
|
96
|
+
onKeydown: e.tableKeydownHandler,
|
|
97
|
+
onScroll: e.scrollHandler
|
|
92
98
|
}, [
|
|
93
|
-
|
|
99
|
+
e.virtualEnabled ? (r(), t(
|
|
94
100
|
"div",
|
|
95
101
|
{
|
|
96
102
|
key: 0,
|
|
97
103
|
class: "nmorph-table__virtual-spacer",
|
|
98
|
-
style:
|
|
104
|
+
style: n(e.virtualSpacerStyle)
|
|
99
105
|
},
|
|
100
106
|
[
|
|
101
107
|
o(
|
|
102
108
|
"div",
|
|
103
109
|
{
|
|
104
110
|
class: "nmorph-table__virtual-content",
|
|
105
|
-
style:
|
|
111
|
+
style: n(e.virtualContentStyle)
|
|
106
112
|
},
|
|
107
113
|
[
|
|
108
114
|
o("table", null, [
|
|
@@ -110,11 +116,11 @@ function E(c, H, N, l, C, I) {
|
|
|
110
116
|
(r(!0), t(
|
|
111
117
|
d,
|
|
112
118
|
null,
|
|
113
|
-
i(
|
|
119
|
+
i(e.columns, (l) => (r(), t(
|
|
114
120
|
"col",
|
|
115
121
|
{
|
|
116
|
-
key:
|
|
117
|
-
style:
|
|
122
|
+
key: l.prop,
|
|
123
|
+
style: n({ width: `${e.getWidth(l.width)}px` })
|
|
118
124
|
},
|
|
119
125
|
null,
|
|
120
126
|
4
|
|
@@ -128,15 +134,15 @@ function E(c, H, N, l, C, I) {
|
|
|
128
134
|
(r(!0), t(
|
|
129
135
|
d,
|
|
130
136
|
null,
|
|
131
|
-
i(
|
|
137
|
+
i(e.renderedRows, (l, b) => (r(), t(
|
|
132
138
|
"tr",
|
|
133
139
|
{
|
|
134
|
-
key:
|
|
140
|
+
key: l.index,
|
|
135
141
|
ref_for: !0,
|
|
136
|
-
ref: (
|
|
142
|
+
ref: (a) => e.setVirtualRowRef(a, l.index),
|
|
137
143
|
class: _(["nmorph-table__table-data-row", {
|
|
138
|
-
"nmorph-table__table-data-row--row-hover":
|
|
139
|
-
"nmorph-table__table-data-row--active":
|
|
144
|
+
"nmorph-table__table-data-row--row-hover": e.props.rowHover,
|
|
145
|
+
"nmorph-table__table-data-row--active": e.activeRowIndex === l.index
|
|
140
146
|
}]),
|
|
141
147
|
role: "row"
|
|
142
148
|
},
|
|
@@ -144,18 +150,18 @@ function E(c, H, N, l, C, I) {
|
|
|
144
150
|
(r(!0), t(
|
|
145
151
|
d,
|
|
146
152
|
null,
|
|
147
|
-
i(
|
|
153
|
+
i(e.columns, (a) => (r(), t(
|
|
148
154
|
"td",
|
|
149
155
|
{
|
|
150
|
-
key:
|
|
151
|
-
class: _([{ "nmorph-table__table-data--bordered":
|
|
156
|
+
key: a.prop,
|
|
157
|
+
class: _([{ "nmorph-table__table-data--bordered": e.props.bordered }, "nmorph-table__table-data"])
|
|
152
158
|
},
|
|
153
159
|
[
|
|
154
160
|
o("div", {
|
|
155
|
-
id: `table-cell-${
|
|
156
|
-
style:
|
|
161
|
+
id: `table-cell-${e.tableIdentifier}-${b}-${a.prop}`,
|
|
162
|
+
style: n({ "text-align": a.alignment }),
|
|
157
163
|
class: "nmorph-table__cell nmorph-table__cell--data"
|
|
158
|
-
}, s(
|
|
164
|
+
}, s(e.tableData(l.item[a.prop])), 13, R)
|
|
159
165
|
],
|
|
160
166
|
2
|
|
161
167
|
/* CLASS */
|
|
@@ -171,29 +177,6 @@ function E(c, H, N, l, C, I) {
|
|
|
171
177
|
/* KEYED_FRAGMENT */
|
|
172
178
|
))
|
|
173
179
|
])
|
|
174
|
-
]),
|
|
175
|
-
o("table", null, [
|
|
176
|
-
o("colgroup", null, [
|
|
177
|
-
(r(!0), t(
|
|
178
|
-
d,
|
|
179
|
-
null,
|
|
180
|
-
i(l.columns, (e) => (r(), t(
|
|
181
|
-
"col",
|
|
182
|
-
{
|
|
183
|
-
key: e.prop,
|
|
184
|
-
style: a({ width: `${l.getWidth(e.width)}px` })
|
|
185
|
-
},
|
|
186
|
-
null,
|
|
187
|
-
4
|
|
188
|
-
/* STYLE */
|
|
189
|
-
))),
|
|
190
|
-
128
|
|
191
|
-
/* KEYED_FRAGMENT */
|
|
192
|
-
))
|
|
193
|
-
]),
|
|
194
|
-
o("tbody", R, [
|
|
195
|
-
h(c.$slots, "default")
|
|
196
|
-
])
|
|
197
180
|
])
|
|
198
181
|
],
|
|
199
182
|
4
|
|
@@ -202,99 +185,68 @@ function E(c, H, N, l, C, I) {
|
|
|
202
185
|
],
|
|
203
186
|
4
|
|
204
187
|
/* STYLE */
|
|
205
|
-
)) : (r(), t(
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
},
|
|
238
|
-
[
|
|
239
|
-
(r(!0), t(
|
|
240
|
-
d,
|
|
241
|
-
null,
|
|
242
|
-
i(l.columns, (n) => (r(), t(
|
|
243
|
-
"td",
|
|
244
|
-
{
|
|
245
|
-
key: n.prop,
|
|
246
|
-
class: _([{ "nmorph-table__table-data--bordered": l.props.bordered }, "nmorph-table__table-data"])
|
|
247
|
-
},
|
|
248
|
-
[
|
|
249
|
-
o("div", {
|
|
250
|
-
id: `table-cell-${l.tableIdentifier}-${b}-${n.prop}`,
|
|
251
|
-
style: a({ "text-align": n.alignment }),
|
|
252
|
-
class: "nmorph-table__cell nmorph-table__cell--data"
|
|
253
|
-
}, s(l.tableData(e.item[n.prop])), 13, W)
|
|
254
|
-
],
|
|
255
|
-
2
|
|
256
|
-
/* CLASS */
|
|
257
|
-
))),
|
|
258
|
-
128
|
|
259
|
-
/* KEYED_FRAGMENT */
|
|
260
|
-
))
|
|
261
|
-
],
|
|
262
|
-
2
|
|
263
|
-
/* CLASS */
|
|
264
|
-
))),
|
|
265
|
-
128
|
|
266
|
-
/* KEYED_FRAGMENT */
|
|
267
|
-
))
|
|
268
|
-
])
|
|
269
|
-
]),
|
|
270
|
-
o("table", null, [
|
|
271
|
-
o("colgroup", null, [
|
|
272
|
-
(r(!0), t(
|
|
273
|
-
d,
|
|
274
|
-
null,
|
|
275
|
-
i(l.columns, (e) => (r(), t(
|
|
276
|
-
"col",
|
|
277
|
-
{
|
|
278
|
-
key: e.prop,
|
|
279
|
-
style: a({ width: `${l.getWidth(e.width)}px` })
|
|
280
|
-
},
|
|
188
|
+
)) : (r(), t("table", B, [
|
|
189
|
+
o("colgroup", null, [
|
|
190
|
+
(r(!0), t(
|
|
191
|
+
d,
|
|
192
|
+
null,
|
|
193
|
+
i(e.columns, (l) => (r(), t(
|
|
194
|
+
"col",
|
|
195
|
+
{
|
|
196
|
+
key: l.prop,
|
|
197
|
+
style: n({ width: `${e.getWidth(l.width)}px` })
|
|
198
|
+
},
|
|
199
|
+
null,
|
|
200
|
+
4
|
|
201
|
+
/* STYLE */
|
|
202
|
+
))),
|
|
203
|
+
128
|
|
204
|
+
/* KEYED_FRAGMENT */
|
|
205
|
+
))
|
|
206
|
+
]),
|
|
207
|
+
o("tbody", null, [
|
|
208
|
+
(r(!0), t(
|
|
209
|
+
d,
|
|
210
|
+
null,
|
|
211
|
+
i(e.renderedRows, (l, b) => (r(), t(
|
|
212
|
+
"tr",
|
|
213
|
+
{
|
|
214
|
+
key: b,
|
|
215
|
+
class: _(["nmorph-table__table-data-row", { "nmorph-table__table-data-row--row-hover": e.props.rowHover }])
|
|
216
|
+
},
|
|
217
|
+
[
|
|
218
|
+
(r(!0), t(
|
|
219
|
+
d,
|
|
281
220
|
null,
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
221
|
+
i(e.columns, (a) => (r(), t(
|
|
222
|
+
"td",
|
|
223
|
+
{
|
|
224
|
+
key: a.prop,
|
|
225
|
+
class: _([{ "nmorph-table__table-data--bordered": e.props.bordered }, "nmorph-table__table-data"])
|
|
226
|
+
},
|
|
227
|
+
[
|
|
228
|
+
o("div", {
|
|
229
|
+
id: `table-cell-${e.tableIdentifier}-${b}-${a.prop}`,
|
|
230
|
+
style: n({ "text-align": a.alignment }),
|
|
231
|
+
class: "nmorph-table__cell nmorph-table__cell--data"
|
|
232
|
+
}, s(e.tableData(l.item[a.prop])), 13, E)
|
|
233
|
+
],
|
|
234
|
+
2
|
|
235
|
+
/* CLASS */
|
|
236
|
+
))),
|
|
237
|
+
128
|
|
238
|
+
/* KEYED_FRAGMENT */
|
|
239
|
+
))
|
|
240
|
+
],
|
|
241
|
+
2
|
|
242
|
+
/* CLASS */
|
|
243
|
+
))),
|
|
244
|
+
128
|
|
245
|
+
/* KEYED_FRAGMENT */
|
|
246
|
+
))
|
|
247
|
+
])
|
|
248
|
+
]))
|
|
249
|
+
], 46, S)
|
|
298
250
|
])
|
|
299
251
|
],
|
|
300
252
|
6
|
|
@@ -302,7 +254,7 @@ function E(c, H, N, l, C, I) {
|
|
|
302
254
|
))
|
|
303
255
|
]);
|
|
304
256
|
}
|
|
305
|
-
const K = /* @__PURE__ */ v(
|
|
257
|
+
const K = /* @__PURE__ */ v(h, [["render", H], ["__file", "/builds/ketjo/nmorph/library/src/components/data/nmorph-table/NmorphTable.vue"]]);
|
|
306
258
|
export {
|
|
307
259
|
K as default
|
|
308
260
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nmorph-video-preview{position:relative;display:flex;width:var(--nmorph-private-video-preview-width, 280px);min-width:0;max-width:100%;height:var(--nmorph-private-video-preview-height, 158px);overflow:hidden;color:var(--nmorph-white-color);background:color-mix(in srgb,var(--nmorph-black-color) 72%,var(--nmorph-main-color));border-radius:var(--default-border-radius);box-shadow:var(--nmorph-shadow-inset)}.nmorph-video-preview .nmorph-video-preview__media,.nmorph-video-preview .nmorph-video-preview__state{width:100%;height:100%}.nmorph-video-preview.nmorph-video-preview--soft .nmorph-video-preview__state,.nmorph-video-preview.nmorph-video-preview--plain .nmorph-video-preview__state{color:var(--nmorph-text-color)}.nmorph-video-preview .nmorph-video-preview__media{display:block;object-fit:cover}.nmorph-video-preview.nmorph-video-preview--contain .nmorph-video-preview__media{object-fit:contain}.nmorph-video-preview .nmorph-video-preview__state{display:flex;flex-direction:column;gap:var(--indentation-02);justify-content:center;align-items:center;padding:var(--indentation-03);text-align:center}.nmorph-video-preview .nmorph-video-preview__error{max-width:100%;overflow:hidden;color:var(--nmorph-error-text-color);font-size:var(--nmorph-typography-body-small-font-size);line-height:var(--nmorph-typography-body-small-line-height);white-space:nowrap;text-overflow:ellipsis}.nmorph-video-preview .nmorph-video-preview__meta{position:absolute;right:0;bottom:0;left:0;display:flex;gap:var(--indentation-02);justify-content:space-between;align-items:center;padding:18px var(--indentation-03) var(--indentation-02);background:linear-gradient(transparent,color-mix(in srgb,var(--nmorph-black-color) 66%,transparent));pointer-events:none}.nmorph-video-preview .nmorph-video-preview__play{position:absolute;top:50%;left:50%;z-index:1;display:inline-flex;justify-content:center;align-items:center;width:42px;height:42px;padding:0;color:var(--nmorph-contrast-text-color);background:color-mix(in srgb,var(--nmorph-black-color) 58%,transparent);border:0;border-radius:var(--border-radius-circular);
|
|
1
|
+
.nmorph-video-preview{position:relative;display:flex;width:var(--nmorph-private-video-preview-width, 280px);min-width:0;max-width:100%;height:var(--nmorph-private-video-preview-height, 158px);overflow:hidden;color:var(--nmorph-white-color);background:color-mix(in srgb,var(--nmorph-black-color) 72%,var(--nmorph-main-color));border-radius:var(--default-border-radius);box-shadow:var(--nmorph-shadow-inset)}.nmorph-video-preview .nmorph-video-preview__media,.nmorph-video-preview .nmorph-video-preview__state{width:100%;height:100%}.nmorph-video-preview.nmorph-video-preview--soft .nmorph-video-preview__state,.nmorph-video-preview.nmorph-video-preview--plain .nmorph-video-preview__state{color:var(--nmorph-text-color)}.nmorph-video-preview .nmorph-video-preview__media{display:block;object-fit:cover}.nmorph-video-preview.nmorph-video-preview--contain .nmorph-video-preview__media{object-fit:contain}.nmorph-video-preview .nmorph-video-preview__state{position:absolute;inset:0;display:flex;flex-direction:column;gap:var(--indentation-02);justify-content:center;align-items:center;padding:var(--indentation-03);text-align:center;pointer-events:none}.nmorph-video-preview .nmorph-video-preview__error{max-width:100%;overflow:hidden;color:var(--nmorph-error-text-color);font-size:var(--nmorph-typography-body-small-font-size);line-height:var(--nmorph-typography-body-small-line-height);white-space:nowrap;text-overflow:ellipsis}.nmorph-video-preview .nmorph-video-preview__meta{position:absolute;right:0;bottom:0;left:0;display:flex;gap:var(--indentation-02);justify-content:space-between;align-items:center;padding:18px var(--indentation-03) var(--indentation-02);background:linear-gradient(transparent,color-mix(in srgb,var(--nmorph-black-color) 66%,transparent));pointer-events:none}.nmorph-video-preview .nmorph-video-preview__play{position:absolute;top:50%;left:50%;z-index:1;display:inline-flex;justify-content:center;align-items:center;width:42px;height:42px;padding:0;color:var(--nmorph-contrast-text-color);background:color-mix(in srgb,var(--nmorph-black-color) 58%,transparent);border:0;border-radius:var(--border-radius-circular);transform:translate(-50%,-50%);cursor:pointer}.nmorph-video-preview .nmorph-video-preview__play .nmorph-icon{--nmorph-private-icon-color: var(--nmorph-contrast-text-color)}.nmorph-video-preview .nmorph-video-preview__play:hover{background:color-mix(in srgb,var(--nmorph-black-color) 72%,transparent)}.nmorph-video-preview.nmorph-video-preview--playing .nmorph-video-preview__play{opacity:.72}.nmorph-video-preview.nmorph-video-preview--embedded{width:var(--nmorph-private-video-preview-width, 100%);height:var(--nmorph-private-video-preview-height, 120px);box-shadow:none}.nmorph-video-preview .nmorph-video-preview__name,.nmorph-video-preview .nmorph-video-preview__duration{min-width:0;overflow:hidden;font-size:var(--nmorph-typography-body-small-font-size);line-height:var(--nmorph-typography-body-small-line-height);white-space:nowrap;text-overflow:ellipsis}.nmorph-video-preview .nmorph-video-preview__name{flex:1 1 auto}.nmorph-video-preview .nmorph-video-preview__duration{flex:0 0 auto;font-variant-numeric:tabular-nums}.nmorph-video-preview .nmorph-video-preview__actions{position:absolute;top:var(--indentation-02);right:var(--indentation-02);display:flex;gap:var(--indentation-01);padding:0;background:transparent}.nmorph-video-preview .nmorph-video-preview__action-button,.nmorph-video-preview .nmorph-video-preview__action-link{display:inline-flex;justify-content:center;align-items:center;width:22px;height:22px;padding:0;color:var(--nmorph-contrast-text-color);font:inherit;text-decoration:none;background:color-mix(in srgb,var(--nmorph-black-color) 58%,transparent);border:0;border-radius:var(--default-border-radius);cursor:pointer}.nmorph-video-preview .nmorph-video-preview__action-button:hover,.nmorph-video-preview .nmorph-video-preview__action-link:hover{background:color-mix(in srgb,var(--nmorph-black-color) 72%,transparent)}.nmorph-video-preview .nmorph-video-preview__action-button .nmorph-icon,.nmorph-video-preview .nmorph-video-preview__action-link .nmorph-icon{--nmorph-private-icon-color: var(--nmorph-contrast-text-color)}.nmorph-video-preview.nmorph-video-preview--compact{width:var(--nmorph-private-video-preview-width, 180px);height:var(--nmorph-private-video-preview-height, 102px)}.nmorph-video-preview.nmorph-video-preview--soft{background:color-mix(in srgb,var(--nmorph-accent-color) 6%,transparent);box-shadow:none}.nmorph-video-preview.nmorph-video-preview--plain{background:transparent;box-shadow:none}.nmorph-video-preview.nmorph-video-preview--error{outline:1px solid var(--nmorph-error-color)}.nmorph-video-preview__portal{display:contents}.nmorph-video-preview__portal .nmorph-video-preview__portal-content{--nmorph-private-video-preview-portal-width: min( calc(100vw - 96px) , 1080px);--nmorph-private-video-preview-portal-height: min( calc(100vh - 180px) , 720px);position:absolute;top:50%;left:50%;display:flex;justify-content:center;align-items:center;width:var(--nmorph-private-video-preview-portal-width);height:var(--nmorph-private-video-preview-portal-height);transform:translate(-50%,-50%)}.nmorph-video-preview__portal .nmorph-video-preview__portal-media{display:block;width:100%;max-width:100%;height:100%;max-height:100%;object-fit:contain;background:var(--nmorph-black-color);border-radius:var(--default-border-radius)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nmorph-select-button{--nmorph-private-select-button-padding: max(3px, calc(var(--nmorph-private-control-height) * .1333));--nmorph-private-select-button-item-height: calc( var(--nmorph-private-control-height) - var(--nmorph-private-select-button-padding) * 2 );display:inline-flex;align-items:center;width:fit-content;padding:var(--nmorph-private-select-button-padding);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)
|
|
1
|
+
.nmorph-select-button{--nmorph-private-select-button-padding: max(3px, calc(var(--nmorph-private-control-height) * .1333));--nmorph-private-select-button-item-height: calc( var(--nmorph-private-control-height) - var(--nmorph-private-select-button-padding) * 2 );display:inline-flex;align-items:center;width:fit-content;padding:var(--nmorph-private-select-button-padding);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-select-button.nmorph-select-button--disabled{cursor:not-allowed;opacity:.6}.nmorph-select-button.nmorph-select-button--fill{width:100%}.nmorph-select-button.nmorph-select-button--fill>.nmorph-select-button-item{flex:1 1 0;min-width:0}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nmorph-select-button-item{display:inline-flex;justify-content:center;align-items:center;height:var(--nmorph-private-select-button-item-height);padding:0 var(--indentation-04);font-size:var(--nmorph-private-control-font-size);line-height:var(--nmorph-private-control-line-height);border-radius:var(--default-border-radius);transform:translateY(0);cursor:pointer;opacity:.45;transition:
|
|
1
|
+
.nmorph-select-button-item{display:inline-flex;justify-content:center;align-items:center;height:var(--nmorph-private-select-button-item-height);padding:0 var(--indentation-04);font-size:var(--nmorph-private-control-font-size);line-height:var(--nmorph-private-control-line-height);border-radius:var(--default-border-radius);transform:translateY(0);cursor:pointer;opacity:.45;transition:opacity ease-in-out var(--transition-02),transform ease-in-out var(--transition-01)}.nmorph-select-button-item input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.nmorph-select-button-item:focus-visible{outline:2px solid var(--nmorph-accent-color);outline-offset:2px}.nmorph-select-button-item:not(.nmorph-select-button-item--disabled):hover{opacity:.72}.nmorph-select-button-item:not(.nmorph-select-button-item--disabled):active{transform:translateY(1px)}.nmorph-select-button-item .nmorph-select-button-item__content{min-width:0;transform:translateY(var(--nmorph-private-control-text-offset-y))}.nmorph-select-button-item.nmorph-select-button-item--checked{background:var(--nmorph-main-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);opacity:1}.nmorph-select-button-item.nmorph-select-button-item--checked:hover{opacity:1}.nmorph-select-button-item.nmorph-select-button-item--disabled{cursor:not-allowed;opacity:.6}
|