mediacube-ui-v2 0.0.308 → 0.0.309
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/ai-catalog/index.json +1 -1
- package/dist/assets/components/elements/McAvatar/index.css +1 -1
- package/dist/assets/components/templates/McModal/index.css +1 -1
- package/dist/components/elements/McAvatar/McAvatar.vue2.js +14 -14
- package/dist/components/templates/McModal/McModal.vue2.js +57 -56
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";.mc-avatar{--mc-avatar-avatar-size: 1.5rem;--mc-avatar-border-color: initial;box-sizing:border-box;padding:0;margin:0;position:relative;display:inline-block;width:var(--mc-avatar-avatar-size);height:var(--mc-avatar-avatar-size);min-width:var(--mc-avatar-avatar-size);border-radius:.5rem;border:var(--mc-avatar-dot-border-width) solid #FFFFFF;overflow:hidden;background-color:#edf0f3;transition:box-shadow .15s;vertical-align:middle}.mc-avatar--bordered{border:2px solid var(--mc-avatar-border-color)}.mc-avatar__img{width:100%;height:100%}.mc-avatar--rounded{border-radius:50%}.mc-avatar--shadow:hover,.mc-avatar--shadow:focus{box-shadow:0 0 0 .5rem #edf0f3}.mc-avatar:hover .mc-avatar,.mc-avatar:focus .mc-avatar{box-shadow:none}.mc-avatar--shadow:hover,.mc-avatar--shadow:focus{background-color:#edf0f3;box-shadow:0 0 0 .25rem #edf0f3}.mc-avatar__wrapper{--mc-avatar-dot-color: transparent;--mc-avatar-dot-border-width: 1px;--mc-avatar-dot-size: .5rem;position:relative;width:max-content;height:max-content;border:none!important}.mc-avatar__wrapper--has-dot:after{width:var(--mc-avatar-dot-size);height:var(--mc-avatar-dot-size);content:"";display:block;position:absolute;left:0;bottom:0;background-color:var(--mc-avatar-dot-color);z-index:2;border-radius:50%}
|
|
1
|
+
@charset "UTF-8";.mc-avatar{--mc-avatar-avatar-size: 1.5rem;--mc-avatar-border-color: initial;box-sizing:border-box;padding:0;margin:0;position:relative;display:inline-block;width:var(--mc-avatar-avatar-size);height:var(--mc-avatar-avatar-size);min-width:var(--mc-avatar-avatar-size);border-radius:.5rem;border:var(--mc-avatar-dot-border-width) solid #FFFFFF;overflow:hidden;background-color:#edf0f3;transition:box-shadow .15s;vertical-align:middle}.mc-avatar--bordered{border:2px solid var(--mc-avatar-border-color)}.mc-avatar__img{width:100%;height:100%}.mc-avatar__default-icon{max-width:100%;max-height:100%;min-width:unset;min-height:unset}.mc-avatar--rounded{border-radius:50%}.mc-avatar--shadow:hover,.mc-avatar--shadow:focus{box-shadow:0 0 0 .5rem #edf0f3}.mc-avatar:hover .mc-avatar,.mc-avatar:focus .mc-avatar{box-shadow:none}.mc-avatar--shadow:hover,.mc-avatar--shadow:focus{background-color:#edf0f3;box-shadow:0 0 0 .25rem #edf0f3}.mc-avatar__wrapper{--mc-avatar-dot-color: transparent;--mc-avatar-dot-border-width: 1px;--mc-avatar-dot-size: .5rem;position:relative;width:max-content;height:max-content;border:none!important}.mc-avatar__wrapper--has-dot:after{width:var(--mc-avatar-dot-size);height:var(--mc-avatar-dot-size);content:"";display:block;position:absolute;left:0;bottom:0;background-color:var(--mc-avatar-dot-color);z-index:2;border-radius:50%}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";.mc-modal{position:relative;--mc-modal-padding: 2rem;--mc-modal-padding-small: .75rem;--mc-modal-header-line-height: 1.5rem;--mc-modal-header-line-height-small: 1.25rem;--mc-modal-button-height: 3rem;--mc-modal-button-height-small: 2.5rem;--mc-modal-max-width: 510px;--mc-modal-min-width: 768px;--mc-modal-state-number: 0;width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;opacity:var(--mc-modal-state-number)}@media (min-width: 480px){.mc-modal{--modal-scale: calc(var(--mc-modal-state-number) * .1 + .9);padding:12px 0;height:auto;max-height:80%;max-width:var(--mc-modal-max-width);min-width:var(--mc-modal-min-width)}}.mc-modal__overlay{position:absolute;inset:0;background-color:#20242780;display:flex;justify-content:flex-start}.mc-modal__overlay--hidden{background:transparent}.mc-modal__wrapper{position:absolute;inset:0;z-index:1;overflow:hidden;display:flex;justify-content:center;align-items:center}.mc-modal__btn-close,.mc-modal__btn-back{transition:.15s all;box-sizing:border-box;display:block;margin:0;padding:0;white-space:nowrap;vertical-align:middle;user-select:none;text-align:center;text-decoration:none;text-transform:none;border-radius:0;border:none;background-color:transparent;background-image:none;cursor:pointer;outline:0;font-size:0;line-height:0;font-family:inherit;-webkit-appearance:none;-webkit-text-fill-color:currentColor}.mc-modal__btn-close:focus,.mc-modal__btn-back:focus{outline:0}.mc-modal__btn-close,.mc-modal__btn-back{color:#8f99a3}.mc-modal__btn-close:hover,.mc-modal__btn-close:focus,.mc-modal__btn-back:hover,.mc-modal__btn-back:focus{color:#202427}.mc-modal__btn-close:active,.mc-modal__btn-back:active{color:#202427!important}
|
|
1
|
+
@charset "UTF-8";.mc-modal{position:relative;--mc-modal-padding: 2rem;--mc-modal-padding-small: .75rem;--mc-modal-header-line-height: 1.5rem;--mc-modal-header-line-height-small: 1.25rem;--mc-modal-button-height: 3rem;--mc-modal-button-height-small: 2.5rem;--mc-modal-max-width: 510px;--mc-modal-min-width: 768px;--mc-modal-state-number: 0;width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;opacity:var(--mc-modal-state-number)}@media (min-width: 480px){.mc-modal{--modal-scale: calc(var(--mc-modal-state-number) * .1 + .9);padding:12px 0;height:auto;max-height:80%;max-width:var(--mc-modal-max-width);min-width:var(--mc-modal-min-width)}}.mc-modal__overlay{position:absolute;inset:0;background-color:#20242780;display:flex;justify-content:flex-start}.mc-modal__overlay--hidden{background:transparent}.mc-modal__wrapper{position:absolute;inset:0;z-index:1;overflow:hidden;display:flex;justify-content:center;align-items:center}.mc-modal__btn-close,.mc-modal__btn-back{transition:.15s all;box-sizing:border-box;display:block;margin:0;padding:0;white-space:nowrap;vertical-align:middle;user-select:none;text-align:center;text-decoration:none;text-transform:none;border-radius:0;border:none;background-color:transparent;background-image:none;cursor:pointer;outline:0;font-size:0;line-height:0;font-family:inherit;-webkit-appearance:none;-webkit-text-fill-color:currentColor}.mc-modal__btn-close:focus,.mc-modal__btn-back:focus{outline:0}.mc-modal__btn-close,.mc-modal__btn-back{color:#8f99a3}.mc-modal__btn-close:hover,.mc-modal__btn-close:focus,.mc-modal__btn-back:hover,.mc-modal__btn-back:focus{color:#202427}.mc-modal__btn-close:active,.mc-modal__btn-back:active{color:#202427!important}.mc-modal__btn-close{position:absolute;top:1.5rem;inset-inline-end:1.5rem;padding:0!important}@media (min-width: 480px){.mc-modal__btn-close{position:absolute;top:1.5rem;inset-inline-end:1.5rem}}.mc-modal__btn-back{position:absolute;top:1.5rem;inset-inline-start:1.5rem}@media (min-width: 480px){.mc-modal__btn-back{position:absolute;top:1.5rem;inset-inline-start:1.5rem}}.mc-modal__icon-close{height:1.5rem;width:1.5rem;transition:color .15s}.mc-modal.overlay-fade-enter-active .mc-modal__inner,.mc-modal.overlay-fade-leave-active .mc-modal__inner{transition:all .15s;transform:translateZ(0)}.mc-modal.overlay-fade-enter .mc-modal__inner,.mc-modal.overlay-fade-leave-active .mc-modal__inner{transform:translate3d(0,-20px,0)}.mc-modal.mc-modal--secondary .mc-modal__inner{border-radius:2rem;box-shadow:0 15px 30px #20008c28;padding:2rem}.mc-modal.mc-modal--secondary .mc-modal__btn-close,.mc-modal.mc-modal--secondary .mc-modal__btn-back{top:27px}.mc-modal.mc-modal--secondary .mc-modal__btn-close{inset-inline-end:2rem}.mc-modal.mc-modal--secondary .mc-modal__btn-back{inset-inline-start:2rem}.mc-modal.mc-modal--secondary .mc-modal__header{padding-bottom:9px;border-bottom:2px solid #EDF0F3;margin-bottom:var(--mc-modal-padding)}.mc-modal.mc-modal--secondary .mc-modal__control{display:flex;justify-content:space-between;align-items:center}.mc-modal.mc-modal--secondary .mc-modal__control .mc-button{border-radius:.75rem}.mc-modal__header{flex-shrink:0;transition:.15s all;padding:var(--mc-modal-padding) 1rem 1.75rem;border-color:#edf0f3}@media (min-width: 480px){.mc-modal__header{padding:1.75rem}.mc-modal__header .mc-title{transition:.15s all;line-height:var(--mc-modal-header-line-height)}}.mc-modal__header:has(.mc-modal__title:empty){display:none}.mc-modal__header:has(.mc-modal__title:empty)+.mc-modal__body{padding-top:2rem}.mc-modal__title{margin-top:0;margin-bottom:0;color:#212121;font-family:Inter,sans-serif}.mc-modal__body{padding:.25rem 1rem 1rem;flex-grow:1;min-height:0;overflow-x:hidden}.mc-modal__body>*:only-child{min-height:100%}@media (min-width: 480px){.mc-modal__body{padding:.25rem 2rem 1rem;overflow:visible}}.mc-modal__inner{box-shadow:0 4px 12px #00000029;background-color:#fff;display:flex;flex-direction:column;overflow:hidden;height:100%!important}.mc-modal__inner>*:first-child{padding-top:var(--mc-modal-padding)}.mc-modal__inner>*:last-child{padding-bottom:var(--mc-modal-padding)}@media (min-width: 480px){.mc-modal__inner--with-title .mc-modal__btn-close{position:absolute;top:var(--mc-modal-padding);inset-inline-end:3rem;transform:translateY(50%)}}@media (min-width: 480px){.mc-modal__inner--with-title .mc-modal__btn-back{position:absolute;top:var(--mc-modal-padding);inset-inline-start:3rem;transform:translateY(50%)}}@media (min-width: 480px){.mc-modal__inner{overflow:visible;-ms-overflow-style:none;scrollbar-width:none;border-radius:.5rem;margin:0 .75rem}.mc-modal__inner::-webkit-scrollbar{display:none}}.mc-modal--scrollable{overflow:hidden!important}.mc-modal--scrollable .mc-modal__body{overflow-y:auto;overflow-x:hidden}.mc-modal--scrollable .mc-modal__inner{overflow-x:hidden}@media (min-width: 480px){.mc-modal--scrollable .mc-modal__inner{max-height:80vh}}.mc-modal--header-align-center .mc-modal__header{padding-inline:2.5rem;text-align:center}@media (min-width: 480px){.mc-modal--header-align-center .mc-modal__header{padding-inline:3.5rem}}.mc-modal--header-align-left .mc-modal__header{padding-bottom:.75rem}@media (min-width: 480px){.mc-modal--small-indents .mc-modal__control{padding-block:var(--mc-modal-padding-small)!important}.mc-modal--small-indents .mc-modal__control .mc-button{height:var(--mc-modal-button-height-small)}.mc-modal--small-indents .mc-modal__header{padding-block:var(--mc-modal-padding-small)!important}.mc-modal--small-indents .mc-modal__header .mc-title{font-weight:600;font-size:1rem;line-height:var(--mc-modal-header-line-height-small);align-items:center}.mc-modal--small-indents .mc-modal__body{padding-bottom:.25rem}}.mc-modal--small-indents .mc-modal__inner--with-title .mc-modal__btn-back,.mc-modal--small-indents .mc-modal__inner--with-title .mc-modal__btn-close{top:var(--mc-modal-padding-small)!important;transform:translateY(50%)}.mc-modal--scrolled-top .mc-modal__header{border-bottom:1px solid #EDF0F3}.mc-modal--scrolled-bottom .mc-modal__control:not(:empty){border-top:1px solid #EDF0F3}.mc-modal--top-padding .mc-modal__inner:before{content:"";height:2rem;min-height:2rem}.mc-modal__control{flex-shrink:0;display:flex;justify-content:center;padding:1rem 1rem 2rem;transition:.15s all}@media (min-width: 480px){.mc-modal__control{padding:1rem 1.5rem 2rem}}.mc-modal__control .mc-button{width:100%}@media (min-width: 480px){.mc-modal__control .mc-button{min-width:100px;height:var(--mc-modal-button-height);transition:.15s all;width:unset}}.mc-modal__control:empty{position:relative;padding:1.75rem 0 0}.mc-modal__control:not(:empty){border-color:#edf0f3}.mc-modal:has(.mc-modal__control:empty) .mc-modal__body{padding-bottom:.25rem}@media (min-width: 480px){.mc-modal--variation-info .mc-modal__header{padding:1.5rem 1.5rem .75rem}}@media (min-width: 480px){.mc-modal--variation-info .mc-modal__btn-close{top:1.5rem}}@media (min-width: 480px){.mc-modal--variation-info .mc-modal__inner>*:first-child{padding-top:1.5rem}}@media (min-width: 480px){.mc-modal--variation-info .mc-modal__inner>*:last-child{padding-bottom:1.5rem}}.mc-modal--variation-info .mc-modal__body{padding-bottom:.25rem}@media (min-width: 480px){.mc-modal--variation-info .mc-modal__body{padding-inline:1.5rem}}.mc-modal--variation-info .mc-modal__control{padding-top:1.25rem}@media (min-width: 480px){.mc-modal--variation-info .mc-modal__control{padding-top:.75rem}}html[dir=rtl] .mc-modal__btn-back{transform:rotate(180deg)}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as b, ref as
|
|
1
|
+
import { defineComponent as b, ref as i, computed as t, watch as S, openBlock as C, createElementBlock as B, normalizeStyle as n, normalizeClass as m, createElementVNode as v, withDirectives as p, vShow as f, createVNode as E, unref as x } from "vue";
|
|
2
2
|
import { AvatarSizes as $ } from "../../../types/styles/AvatarSizes.js";
|
|
3
3
|
import { Sizes as d } from "../../../types/styles/Sizes.js";
|
|
4
4
|
import { Radiuses as k } from "../../../types/styles/Radiuses.js";
|
|
@@ -79,31 +79,31 @@ const V = ["src", "alt", "draggable", "lazy"], q = /* @__PURE__ */ b({
|
|
|
79
79
|
default: !0
|
|
80
80
|
}
|
|
81
81
|
},
|
|
82
|
-
setup(
|
|
83
|
-
const a =
|
|
82
|
+
setup(_) {
|
|
83
|
+
const a = _, l = A("avatar"), o = i(!1), r = i(a.src), s = t(() => !!a.borderColor || !!a.dotColor), z = t(() => ({
|
|
84
84
|
"mc-avatar": !0,
|
|
85
85
|
"mc-avatar--rounded": a.rounded,
|
|
86
86
|
"mc-avatar--bordered": !!a.borderColor,
|
|
87
87
|
"mc-avatar--shadow": a.shadow && !s.value,
|
|
88
88
|
[`mc-avatar--size-${a.size}`]: !!a.size
|
|
89
|
-
})),
|
|
89
|
+
})), h = t(() => ({
|
|
90
90
|
"mc-avatar__wrapper": !0,
|
|
91
91
|
"mc-avatar__wrapper-status--shadow": a.shadow,
|
|
92
92
|
[`mc-avatar__wrapper-status--size-${a.size}`]: !!a.size,
|
|
93
93
|
"mc-avatar__wrapper--has-dot": !!a.dotColor
|
|
94
|
-
})),
|
|
94
|
+
})), y = t(() => {
|
|
95
95
|
let e = {
|
|
96
96
|
"--mc-avatar-avatar-size": $[a.size]
|
|
97
97
|
};
|
|
98
98
|
return s.value && (e["--mc-avatar-border-color"] = l.colors[a.borderColor]), e;
|
|
99
99
|
}), g = t(() => {
|
|
100
100
|
if (!s.value) return {};
|
|
101
|
-
let e = d[150], c = "1px",
|
|
102
|
-
return +a.size < 500 && (e = d[100],
|
|
101
|
+
let e = d[150], c = "1px", u = "0";
|
|
102
|
+
return +a.size < 500 && (e = d[100], u = k[50]), +a.size >= 700 && (e = d[200], c = "2px"), {
|
|
103
103
|
"--mc-avatar-dot-color": l.colors[a.dotColor],
|
|
104
104
|
"--mc-avatar-dot-size": e,
|
|
105
105
|
"--mc-avatar-dot-border-width": c,
|
|
106
|
-
"--mc-avatar-avatar-radius":
|
|
106
|
+
"--mc-avatar-avatar-radius": u
|
|
107
107
|
};
|
|
108
108
|
});
|
|
109
109
|
S(
|
|
@@ -117,12 +117,12 @@ const V = ["src", "alt", "draggable", "lazy"], q = /* @__PURE__ */ b({
|
|
|
117
117
|
o.value = !0;
|
|
118
118
|
};
|
|
119
119
|
return (e, c) => (C(), B("div", {
|
|
120
|
-
class: m(
|
|
120
|
+
class: m(h.value),
|
|
121
121
|
style: n(g.value)
|
|
122
122
|
}, [
|
|
123
123
|
v("div", {
|
|
124
|
-
class: m(
|
|
125
|
-
style: n(
|
|
124
|
+
class: m(z.value),
|
|
125
|
+
style: n(y.value)
|
|
126
126
|
}, [
|
|
127
127
|
p(v("img", {
|
|
128
128
|
src: r.value,
|
|
@@ -134,11 +134,11 @@ const V = ["src", "alt", "draggable", "lazy"], q = /* @__PURE__ */ b({
|
|
|
134
134
|
}, null, 40, V), [
|
|
135
135
|
[f, r.value && !o.value]
|
|
136
136
|
]),
|
|
137
|
-
p(
|
|
137
|
+
p(E(N, {
|
|
138
138
|
name: "no_user",
|
|
139
139
|
size: a.size,
|
|
140
|
-
color:
|
|
141
|
-
|
|
140
|
+
color: x(l).component.defaultIcon,
|
|
141
|
+
class: "mc-avatar__default-icon"
|
|
142
142
|
}, null, 8, ["size", "color"]), [
|
|
143
143
|
[f, !r.value || o.value]
|
|
144
144
|
])
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import { defineComponent as Q, defineAsyncComponent as R, useSlots as q, ref as i, reactive as G, computed as g, watch as J, openBlock as n, createElementBlock as r, withModifiers as y, createCommentVNode as d, createElementVNode as c, normalizeStyle as K, normalizeClass as
|
|
1
|
+
import { defineComponent as Q, defineAsyncComponent as R, useSlots as q, ref as i, reactive as G, computed as g, watch as J, openBlock as n, createElementBlock as r, withModifiers as y, createCommentVNode as d, createElementVNode as c, normalizeStyle as K, normalizeClass as S, renderSlot as k, createVNode as M, unref as $, nextTick as U } from "vue";
|
|
2
2
|
import { LineHeights as T } from "../../../types/styles/LineHeights.js";
|
|
3
|
-
import { Sizes as
|
|
4
|
-
import { Spaces as
|
|
5
|
-
import { useTransition as
|
|
6
|
-
const
|
|
3
|
+
import { Sizes as z } from "../../../types/styles/Sizes.js";
|
|
4
|
+
import { Spaces as H } from "../../../types/styles/Spaces.js";
|
|
5
|
+
import { useTransition as X, TransitionPresets as Y } from "@vueuse/core";
|
|
6
|
+
const Z = {
|
|
7
7
|
key: 0,
|
|
8
8
|
class: "mc-modal__wrapper"
|
|
9
|
-
},
|
|
9
|
+
}, ee = {
|
|
10
10
|
key: 0,
|
|
11
11
|
class: "mc-modal__header"
|
|
12
|
-
},
|
|
12
|
+
}, le = { class: "mc-modal__title" }, oe = {
|
|
13
13
|
key: 1,
|
|
14
14
|
class: "mc-modal__control",
|
|
15
15
|
id: "mcModalFooter"
|
|
16
|
-
},
|
|
16
|
+
}, de = /* @__PURE__ */ Q({
|
|
17
17
|
__name: "McModal",
|
|
18
18
|
props: {
|
|
19
19
|
modelValue: {
|
|
@@ -119,10 +119,10 @@ const ee = {
|
|
|
119
119
|
}
|
|
120
120
|
},
|
|
121
121
|
emits: ["before-open", "before-close", "opened", "closed", "back", "update:modelValue"],
|
|
122
|
-
setup(u, { emit:
|
|
123
|
-
const w = R(() => import("../../elements/McSvgIcon/McSvgIcon.vue.js")),
|
|
122
|
+
setup(u, { emit: O }) {
|
|
123
|
+
const w = R(() => import("../../elements/McSvgIcon/McSvgIcon.vue.js")), E = q(), s = O, o = u, p = i(0), N = X(p, {
|
|
124
124
|
duration: o.duration || 300,
|
|
125
|
-
transition:
|
|
125
|
+
transition: Y.easeOutQuart
|
|
126
126
|
}), t = i(null), f = i(null), m = i(null), e = G({
|
|
127
127
|
scrolled_top: !1,
|
|
128
128
|
scrolled_bottom: !1,
|
|
@@ -147,26 +147,27 @@ const ee = {
|
|
|
147
147
|
}
|
|
148
148
|
}
|
|
149
149
|
}
|
|
150
|
-
})
|
|
150
|
+
});
|
|
151
|
+
g(() => !!E.title);
|
|
152
|
+
const P = g(() => ({
|
|
151
153
|
"mc-modal--arrow-visible": o.arrowVisible,
|
|
152
154
|
"mc-modal--scrolled-top": e.scrolled_top,
|
|
153
155
|
"mc-modal--scrolled-bottom": e.scrolled_bottom,
|
|
154
156
|
"mc-modal--scrollable": o.scrollableContent,
|
|
155
157
|
"mc-modal--top-padding": o.topPadding,
|
|
156
158
|
"mc-modal--small-indents": e.small_indents,
|
|
157
|
-
"mc-modal--with-title": N.value,
|
|
158
159
|
[`mc-modal--variation-${o.variation}`]: !!o.variation,
|
|
159
160
|
[`mc-modal--header-align-${o.headerAlign}`]: (o.closeVisible || o.arrowVisible) && !!o.headerAlign
|
|
160
161
|
})), B = g(() => ({
|
|
161
|
-
"--mc-modal-padding":
|
|
162
|
-
"--mc-modal-padding-small":
|
|
162
|
+
"--mc-modal-padding": H[e.indent.regular],
|
|
163
|
+
"--mc-modal-padding-small": H[e.indent.small],
|
|
163
164
|
"--mc-modal-header-line-height": T[e.header.title.line_height.regular],
|
|
164
165
|
"--mc-modal-header-line-height-small": T[e.header.title.line_height.small],
|
|
165
|
-
"--mc-modal-button-height":
|
|
166
|
-
"--mc-modal-button-height-small":
|
|
166
|
+
"--mc-modal-button-height": z[e.footer.button.regular],
|
|
167
|
+
"--mc-modal-button-height-small": z[e.footer.button.small],
|
|
167
168
|
"--mc-modal-max-width": `${o.maxWidth + 24}px`,
|
|
168
169
|
"--mc-modal-min-width": `${o.minWidth - 24}px`,
|
|
169
|
-
"--mc-modal-state-number":
|
|
170
|
+
"--mc-modal-state-number": N.value
|
|
170
171
|
})), h = (l = !0) => {
|
|
171
172
|
l || (e.scrolled_top = !1, e.scrolled_bottom = !1, e.small_indents = !1), setTimeout(
|
|
172
173
|
() => {
|
|
@@ -182,7 +183,7 @@ const ee = {
|
|
|
182
183
|
}, D = () => {
|
|
183
184
|
o.separators && (W(), t.value && (t.value.addEventListener("scroll", V, {
|
|
184
185
|
passive: !0
|
|
185
|
-
}), m.value = new ResizeObserver(
|
|
186
|
+
}), m.value = new ResizeObserver(L), m.value.observe(t.value)), h()), s("opened");
|
|
186
187
|
}, I = (l) => {
|
|
187
188
|
s("back", l);
|
|
188
189
|
}, W = () => {
|
|
@@ -194,13 +195,13 @@ const ee = {
|
|
|
194
195
|
} catch (l) {
|
|
195
196
|
console.error(l);
|
|
196
197
|
}
|
|
197
|
-
},
|
|
198
|
+
}, F = () => {
|
|
198
199
|
const l = (+e.modal_params?.["--mc-modal-padding"] - +e.modal_params?.["--mc-modal-padding-small"]) * 3 + +e.modal_params?.["--mc-modal-padding-small"], a = +e.modal_params?.["--mc-modal-header-line-height"] - +e.modal_params?.["--mc-modal-header-line-height-small"], v = +e.modal_params?.["--mc-modal-button-height"] - +e.modal_params?.["--mc-modal-button-height-small"], b = l + a + v;
|
|
199
200
|
!e.small_indents && t.value && (e.can_shorten_modal = t.value?.scrollHeight - t.value?.clientHeight > b);
|
|
200
|
-
}, F = () => {
|
|
201
|
-
x(), h();
|
|
202
201
|
}, L = () => {
|
|
203
|
-
|
|
202
|
+
F(), h();
|
|
203
|
+
}, x = () => {
|
|
204
|
+
p.value = 1, s("before-open"), s("update:modelValue", !0), U(D);
|
|
204
205
|
}, _ = () => {
|
|
205
206
|
p.value = 0, A(), s("closed"), s("update:modelValue", !1);
|
|
206
207
|
}, j = () => {
|
|
@@ -209,26 +210,26 @@ const ee = {
|
|
|
209
210
|
return J(
|
|
210
211
|
() => o.modelValue,
|
|
211
212
|
(l, a) => {
|
|
212
|
-
l !== a && (l ?
|
|
213
|
+
l !== a && (l ? x() : _());
|
|
213
214
|
},
|
|
214
215
|
{ immediate: !0 }
|
|
215
|
-
), (l, a) => o.modelValue ? (n(), r("div",
|
|
216
|
+
), (l, a) => o.modelValue ? (n(), r("div", Z, [
|
|
216
217
|
o.showOverlay ? (n(), r("div", {
|
|
217
218
|
key: 0,
|
|
218
219
|
class: "mc-modal__overlay",
|
|
219
220
|
onClick: y(j, ["stop"])
|
|
220
221
|
})) : d("", !0),
|
|
221
222
|
c("div", {
|
|
222
|
-
class:
|
|
223
|
+
class: S(["mc-modal", P.value]),
|
|
223
224
|
style: K(B.value)
|
|
224
225
|
}, [
|
|
225
226
|
c("div", {
|
|
226
227
|
ref_key: "modalInner",
|
|
227
228
|
ref: f,
|
|
228
|
-
class: "mc-modal__inner"
|
|
229
|
+
class: S(["mc-modal__inner", { "mc-modal__inner--with-title": l.$slots.title }])
|
|
229
230
|
}, [
|
|
230
|
-
l.$slots.title ? (n(), r("div",
|
|
231
|
-
c("div",
|
|
231
|
+
l.$slots.title ? (n(), r("div", ee, [
|
|
232
|
+
c("div", le, [
|
|
232
233
|
k(l.$slots, "title")
|
|
233
234
|
])
|
|
234
235
|
])) : d("", !0),
|
|
@@ -239,38 +240,38 @@ const ee = {
|
|
|
239
240
|
}, [
|
|
240
241
|
k(l.$slots, "default")
|
|
241
242
|
], 512),
|
|
242
|
-
l.$slots.footer ? (n(), r("div",
|
|
243
|
+
l.$slots.footer ? (n(), r("div", oe, [
|
|
243
244
|
k(l.$slots, "footer")
|
|
245
|
+
])) : d("", !0),
|
|
246
|
+
u.arrowVisible ? (n(), r("button", {
|
|
247
|
+
key: 2,
|
|
248
|
+
type: "button",
|
|
249
|
+
class: "mc-modal__btn-back",
|
|
250
|
+
onClick: y(I, ["prevent"])
|
|
251
|
+
}, [
|
|
252
|
+
M($(w), {
|
|
253
|
+
name: "arrow_leftward",
|
|
254
|
+
class: "mc-modal__icon-back"
|
|
255
|
+
})
|
|
256
|
+
])) : d("", !0),
|
|
257
|
+
u.closeVisible ? (n(), r("button", {
|
|
258
|
+
key: 3,
|
|
259
|
+
type: "button",
|
|
260
|
+
class: "mc-modal__btn-close",
|
|
261
|
+
onClick: y(_, ["prevent"])
|
|
262
|
+
}, [
|
|
263
|
+
M($(w), {
|
|
264
|
+
class: "mc-modal__icon-close",
|
|
265
|
+
width: "24",
|
|
266
|
+
height: "24",
|
|
267
|
+
name: "close"
|
|
268
|
+
})
|
|
244
269
|
])) : d("", !0)
|
|
245
|
-
],
|
|
246
|
-
u.arrowVisible ? (n(), r("button", {
|
|
247
|
-
key: 0,
|
|
248
|
-
type: "button",
|
|
249
|
-
class: "mc-modal__btn-back",
|
|
250
|
-
onClick: y(I, ["prevent"])
|
|
251
|
-
}, [
|
|
252
|
-
S(M(w), {
|
|
253
|
-
name: "arrow_leftward",
|
|
254
|
-
class: "mc-modal__icon-back"
|
|
255
|
-
})
|
|
256
|
-
])) : d("", !0),
|
|
257
|
-
u.closeVisible ? (n(), r("button", {
|
|
258
|
-
key: 1,
|
|
259
|
-
type: "button",
|
|
260
|
-
class: "mc-modal__btn-close",
|
|
261
|
-
onClick: y(_, ["prevent"])
|
|
262
|
-
}, [
|
|
263
|
-
S(M(w), {
|
|
264
|
-
class: "mc-modal__icon-close",
|
|
265
|
-
width: "24",
|
|
266
|
-
height: "24",
|
|
267
|
-
name: "close"
|
|
268
|
-
})
|
|
269
|
-
])) : d("", !0)
|
|
270
|
+
], 2)
|
|
270
271
|
], 6)
|
|
271
272
|
])) : d("", !0);
|
|
272
273
|
}
|
|
273
274
|
});
|
|
274
275
|
export {
|
|
275
|
-
|
|
276
|
+
de as default
|
|
276
277
|
};
|