mediacube-ui-v2 0.0.329 → 0.0.331
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";.mc-table{--mc-table-z-index-header: 14;--mc-table-z-index-footer: 14;--mc-table-z-index-fixed-col-card-opened: 13;--mc-table-z-index-fixed-col: 12;--mc-table-z-index-cell-right-slot: 11;--mc-table-z-index-cell: 10;font-family:Inter,sans-serif;overflow-y:auto;max-height:100%;display:flex;flex-direction:column;flex-grow:1}.mc-table *{box-sizing:border-box}.mc-table .mc-title{width:100%}.mc-table--card-opened{width:max-content;z-index:var(--mc-table-z-index-fixed-col-card-opened)}.mc-table__container{--border-style: 1px solid #EDF0F3;--table-row-hover-background-color: #EDF0F3;--mc-table-cell-width: auto;--mc-table-cell-max-width: auto;--mc-table-cell-min-width: auto;--mc-table-row-height: 40px;--mc-table-footer-row-height: 40px;--mc-table-first-col-width: auto;position:relative;overflow:hidden;font-size:.8125rem;display:flex;flex-direction:column;flex-grow:1}.mc-table__container--outline-border{border:var(--border-style)}.mc-table__container--card-opened>.mc-table__table-bottom-loader{width:var(--mc-table-first-col-width)}.mc-table__table{display:flex;flex-direction:column;flex-grow:1}.mc-table__table_header{position:sticky;top:0;z-index:var(--mc-table-z-index-header)}.mc-table__table_header-row{display:flex;flex-wrap:nowrap;height:var(--mc-table-header-row-height);min-height:var(--mc-table-header-row-height)}.mc-table__table_header-cell{position:sticky;text-align:left;top:0;z-index:var(--mc-table-z-index-cell);width:var(--mc-table-cell-width);max-width:var(--mc-table-cell-max-width);min-width:var(--mc-table-cell-min-width);background-color:#fff;border-bottom:var(--border-style);display:flex;align-items:center;padding:0 1rem}.mc-table__table_header-cell--fixed-first{left:0;z-index:var(--mc-table-z-index-fixed-col);border-right:var(--border-style);background-color:#fff}.mc-table__table_header-cell--fixed-last{right:0;z-index:var(--mc-table-z-index-fixed-col);background-color:#fff}.mc-table__table_header-cell--shadow-first{border-right-color:transparent}.mc-table__table_header-cell--shadow-first:after{content:"";position:absolute;top:0;right:0;bottom:0;background:none;width:1px;height:100%;box-shadow:5px 0 8px #202427;pointer-events:none}.mc-table__table_header-cell--shadow-last{border-left-color:transparent}.mc-table__table_header-cell--shadow-last:before{content:"";position:absolute;top:0;left:0;bottom:0;background:none;width:1px;height:100%;box-shadow:-5px 0 8px #202427;pointer-events:none}.mc-table__table_header-cell_content{width:100%;display:flex;justify-content:space-between;align-items:center}.mc-table__table_header-cell_content-left{display:flex;align-items:center}.mc-table__table_header-cell_content-left>*:not(:last-child){margin-inline-end:.25rem}.mc-table__table_header-cell_content-right{margin-inline-start:.25rem;display:flex;align-items:center;font-weight:600}.mc-table__table_header-cell_content-right>*:not(:last-child){margin-inline-end:.25rem}.mc-table__table_header-cell_content_total-loading .mc-chip__icon{margin:0!important}.mc-table__table_header-cell--align-left,.mc-table__table_header-cell--align-left .mc-table__table_header-cell_content{justify-content:flex-start}.mc-table__table_header-cell--align-center,.mc-table__table_header-cell--align-center .mc-table__table_header-cell_content{justify-content:center}.mc-table__table_header-cell--align-right,.mc-table__table_header-cell--align-right .mc-table__table_header-cell_content{justify-content:flex-end}.mc-table__table_header-cell .mc-table-sort,.mc-table__table_header-cell .mc-tooltip-target{display:inline-flex;align-items:center}.mc-table__table_body{display:flex;flex-direction:column;flex-grow:1}.mc-table__table_body-row{display:flex;flex-wrap:nowrap;height:var(--mc-table-row-height);min-height:var(--mc-table-row-height);cursor:pointer}.mc-table__table_body-row--active .mc-table__table_body-cell{background-color:color-mix(in srgb,var(--mc-table-row-active-color) 10%,white);--row-cell-color: color-mix(in srgb, var(--mc-table-row-active-color) 10%, white)}@media (hover: hover) and (pointer: fine){.mc-table__table_body-row:hover:not(.mc-table__table_body-row--active):not(.mc-table__table_body-row--fake) .mc-table__table_body-cell{background-color:var(--table-row-hover-background-color);--row-cell-color: var(--table-row-hover-background-color)}.mc-table__table_body-row:hover .mc-table__table_body-cell_content-right{display:flex}}@media (hover: none) and (pointer: coarse){.mc-table__table_body-row .mc-table__table_body-cell_content-right{display:flex}}.mc-table__table_body-row--fake{min-height:0;max-height:100%;height:100%;cursor:default}@media (hover: hover) and (pointer: fine){.mc-table__table_body-row--fake:hover .mc-table__table_body-cell{background-color:transparent}.mc-table__table_body-row--fake:hover .mc-table__table_body-cell_content-right{display:none}}@media (hover: none) and (pointer: coarse){.mc-table__table_body-row--fake .mc-table__table_body-cell_content-right{display:none}}.mc-table__table_body-cell{position:sticky;z-index:var(--mc-table-z-index-cell);text-align:left;width:var(--mc-table-cell-width);max-width:var(--mc-table-cell-max-width);min-width:var(--mc-table-cell-min-width);display:flex;align-items:center;padding:0 1rem}.mc-table__table_body-cell--fixed-first{left:0;z-index:var(--mc-table-z-index-fixed-col);border-right:var(--border-style);background-color:#fff}.mc-table__table_body-cell--fixed-last{right:0;z-index:var(--mc-table-z-index-fixed-col);background-color:#fff}.mc-table__table_body-cell--shadow-first{border-right-color:transparent}.mc-table__table_body-cell--shadow-first:after{content:"";position:absolute;top:0;right:0;bottom:0;background:none;width:1px;height:100%;box-shadow:5px 0 8px #202427;pointer-events:none}.mc-table__table_body-cell--shadow-last{border-left-color:transparent}.mc-table__table_body-cell--shadow-last:before{content:"";position:absolute;top:0;left:0;bottom:0;background:none;width:1px;height:100%;box-shadow:-5px 0 8px #202427;pointer-events:none}.mc-table__table_body-cell_content{width:100%}.mc-table__table_body-cell_content-right{position:absolute;display:none;top:0;right:0;padding-right:1rem;padding-left:4rem;height:var(--mc-table-row-height);min-height:var(--mc-table-row-height);align-items:center;z-index:var(--mc-table-z-index-cell-right-slot)}.mc-table__table_body-cell_content-right>*:not(:last-child){margin-inline-end:.25rem}@media (hover: hover) and (pointer: fine){.mc-table__table_body-cell_content-right{background:linear-gradient(270deg,color-mix(in srgb,var(--row-cell-color) 100%,transparent 0%) 50%,color-mix(in srgb,var(--row-cell-color) 0%,transparent 100%));padding-left:4rem}}@media (hover: none) and (pointer: coarse){.mc-table__table_body-cell_content-right{background:linear-gradient(90deg,#fff3,#fff 60%);padding-left:2rem}}.mc-table__table_body-cell_content-left{display:flex;align-items:center}.mc-table__table_body-cell_content-left>*:not(:last-child){margin-inline-end:.25rem}.mc-table__table_body-cell_content .mc-cell{width:100%}.mc-table__table_body-cell--align-left{text-align:left}.mc-table__table_body-cell--align-left .mc-table__table_body-cell_content-left{text-align:left;justify-content:flex-start}.mc-table__table_body-cell--align-center{text-align:center}.mc-table__table_body-cell--align-center .mc-table__table_body-cell_content-left{text-align:center;justify-content:center}.mc-table__table_body-cell--align-right{text-align:right}.mc-table__table_body-cell--align-right .mc-table__table_body-cell_content-left{text-align:right;justify-content:flex-end}.mc-table__table_footer{position:sticky;bottom:0;z-index:var(--mc-table-z-index-footer)}.mc-table__table_footer-row{display:flex;flex-wrap:nowrap;height:var(--mc-table-footer-row-height);min-height:var(--mc-table-footer-row-height)}.mc-table__table_footer-cell{position:sticky;z-index:var(--mc-table-z-index-cell);text-align:left;width:var(--mc-table-cell-width);max-width:var(--mc-table-cell-max-width);min-width:var(--mc-table-cell-min-width);background-color:#fff;border-top:var(--border-style);display:flex;align-items:center;padding:0 1rem}.mc-table__table_footer-cell--fixed-first{left:0;z-index:var(--mc-table-z-index-fixed-col);border-right:var(--border-style);background-color:#fff}.mc-table__table_footer-cell--fixed-last{right:0;z-index:var(--mc-table-z-index-fixed-col);background-color:#fff}.mc-table__table_footer-cell--shadow-first{border-right-color:transparent}.mc-table__table_footer-cell--shadow-first:after{content:"";position:absolute;top:0;right:0;bottom:0;background:none;width:1px;height:100%;box-shadow:5px 0 8px #202427;pointer-events:none}.mc-table__table_footer-cell--shadow-last{border-left-color:transparent}.mc-table__table_footer-cell--shadow-last:before{content:"";position:absolute;top:0;left:0;bottom:0;background:none;width:1px;height:100%;box-shadow:-5px 0 8px #202427;pointer-events:none}.mc-table__table_footer-cell--align-left{justify-content:flex-start}.mc-table__table_footer-cell--align-center{justify-content:center}.mc-table__table_footer-cell--align-right{justify-content:flex-end}
|
|
1
|
+
@charset "UTF-8";.mc-table{--mc-table-z-index-header: 14;--mc-table-z-index-footer: 14;--mc-table-z-index-fixed-col-card-opened: 13;--mc-table-z-index-fixed-col: 12;--mc-table-z-index-cell-right-slot: 11;--mc-table-z-index-cell: 10;font-family:Inter,sans-serif;overflow-y:auto;max-height:100%;display:flex;flex-direction:column;flex-grow:1}.mc-table *{box-sizing:border-box}.mc-table .mc-title{width:100%}.mc-table--card-opened{width:max-content;z-index:var(--mc-table-z-index-fixed-col-card-opened)}.mc-table__container{--border-style: 1px solid #EDF0F3;--table-row-hover-background-color: #EDF0F3;--mc-table-cell-width: auto;--mc-table-cell-max-width: auto;--mc-table-cell-min-width: auto;--mc-table-row-height: 40px;--mc-table-footer-row-height: 40px;--mc-table-first-col-width: auto;position:relative;overflow:hidden;font-size:.8125rem;display:flex;flex-direction:column;flex-grow:1}.mc-table__container--outline-border{border:var(--border-style)}.mc-table__container--card-opened>.mc-table__table-bottom-loader{width:var(--mc-table-first-col-width)}.mc-table__table{display:flex;flex-direction:column;flex-grow:1}.mc-table__table_header{position:sticky;top:0;z-index:var(--mc-table-z-index-header)}.mc-table__table_header-row{display:flex;flex-wrap:nowrap;height:var(--mc-table-header-row-height);min-height:var(--mc-table-header-row-height)}.mc-table__table_header-cell{position:sticky;text-align:left;top:0;z-index:var(--mc-table-z-index-cell);width:var(--mc-table-cell-width);max-width:var(--mc-table-cell-max-width);min-width:var(--mc-table-cell-min-width);background-color:#fff;border-bottom:var(--border-style);display:flex;align-items:center;padding:0 1rem}.mc-table__table_header-cell--fixed-first{left:0;z-index:var(--mc-table-z-index-fixed-col);border-right:var(--border-style);background-color:#fff}.mc-table__table_header-cell--fixed-last{right:0;z-index:var(--mc-table-z-index-fixed-col);background-color:#fff}.mc-table__table_header-cell--shadow-first{border-right-color:transparent}.mc-table__table_header-cell--shadow-first:after{content:"";position:absolute;top:0;right:0;bottom:0;background:none;width:1px;height:100%;box-shadow:5px 0 8px #202427;pointer-events:none}.mc-table__table_header-cell--shadow-last{border-left-color:transparent}.mc-table__table_header-cell--shadow-last:before{content:"";position:absolute;top:0;left:0;bottom:0;background:none;width:1px;height:100%;box-shadow:-5px 0 8px #202427;pointer-events:none}.mc-table__table_header-cell_content{width:100%;display:flex;justify-content:space-between;align-items:center}.mc-table__table_header-cell_content-left{display:flex;align-items:center}.mc-table__table_header-cell_content-left>*:not(:last-child){margin-inline-end:.25rem}.mc-table__table_header-cell_content-right{margin-inline-start:.25rem;display:flex;align-items:center;font-weight:600}.mc-table__table_header-cell_content-right>*:not(:last-child){margin-inline-end:.25rem}.mc-table__table_header-cell_content_total-loading .mc-chip__icon{margin:0!important}.mc-table__table_header-cell--align-left,.mc-table__table_header-cell--align-left .mc-table__table_header-cell_content{justify-content:flex-start}.mc-table__table_header-cell--align-center,.mc-table__table_header-cell--align-center .mc-table__table_header-cell_content{justify-content:center}.mc-table__table_header-cell--align-right,.mc-table__table_header-cell--align-right .mc-table__table_header-cell_content{justify-content:flex-end}.mc-table__table_header-cell .mc-table-sort,.mc-table__table_header-cell .mc-tooltip-target{display:inline-flex;align-items:center}.mc-table__table_body{display:flex;flex-direction:column;flex-grow:1;position:relative}.mc-table__table_body-row{display:flex;flex-wrap:nowrap;height:var(--mc-table-row-height);min-height:var(--mc-table-row-height);cursor:pointer}.mc-table__table_body-row--active .mc-table__table_body-cell{background-color:color-mix(in srgb,var(--mc-table-row-active-color) 10%,white);--row-cell-color: color-mix(in srgb, var(--mc-table-row-active-color) 10%, white)}@media (hover: hover) and (pointer: fine){.mc-table__table_body-row:hover:not(.mc-table__table_body-row--active):not(.mc-table__table_body-row--fake) .mc-table__table_body-cell{background-color:var(--table-row-hover-background-color);--row-cell-color: var(--table-row-hover-background-color)}.mc-table__table_body-row:hover .mc-table__table_body-cell_content-right{display:flex}}@media (hover: none) and (pointer: coarse){.mc-table__table_body-row .mc-table__table_body-cell_content-right{display:flex}}.mc-table__table_body-row--fake{min-height:0;max-height:100%;height:100%;cursor:default}@media (hover: hover) and (pointer: fine){.mc-table__table_body-row--fake:hover .mc-table__table_body-cell{background-color:transparent}.mc-table__table_body-row--fake:hover .mc-table__table_body-cell_content-right{display:none}}@media (hover: none) and (pointer: coarse){.mc-table__table_body-row--fake .mc-table__table_body-cell_content-right{display:none}}.mc-table__table_body-cell{position:sticky;z-index:var(--mc-table-z-index-cell);text-align:left;width:var(--mc-table-cell-width);max-width:var(--mc-table-cell-max-width);min-width:var(--mc-table-cell-min-width);display:flex;align-items:center;padding:0 1rem}.mc-table__table_body-cell--fixed-first{left:0;z-index:var(--mc-table-z-index-fixed-col);border-right:var(--border-style);background-color:#fff}.mc-table__table_body-cell--fixed-last{right:0;z-index:var(--mc-table-z-index-fixed-col);background-color:#fff}.mc-table__table_body-cell--shadow-first{border-right-color:transparent}.mc-table__table_body-cell--shadow-first:after{content:"";position:absolute;top:0;right:0;bottom:0;background:none;width:1px;height:100%;box-shadow:5px 0 8px #202427;pointer-events:none}.mc-table__table_body-cell--shadow-last{border-left-color:transparent}.mc-table__table_body-cell--shadow-last:before{content:"";position:absolute;top:0;left:0;bottom:0;background:none;width:1px;height:100%;box-shadow:-5px 0 8px #202427;pointer-events:none}.mc-table__table_body-cell_content{width:100%}.mc-table__table_body-cell_content-right{position:absolute;display:none;top:0;right:0;padding-right:1rem;padding-left:4rem;height:var(--mc-table-row-height);min-height:var(--mc-table-row-height);align-items:center;z-index:var(--mc-table-z-index-cell-right-slot)}.mc-table__table_body-cell_content-right>*:not(:last-child){margin-inline-end:.25rem}@media (hover: hover) and (pointer: fine){.mc-table__table_body-cell_content-right{background:linear-gradient(270deg,color-mix(in srgb,var(--row-cell-color) 100%,transparent 0%) 50%,color-mix(in srgb,var(--row-cell-color) 0%,transparent 100%));padding-left:4rem}}@media (hover: none) and (pointer: coarse){.mc-table__table_body-cell_content-right{background:linear-gradient(90deg,#fff3,#fff 60%);padding-left:2rem}}.mc-table__table_body-cell_content-left{display:flex;align-items:center}.mc-table__table_body-cell_content-left>*:not(:last-child){margin-inline-end:.25rem}.mc-table__table_body-cell_content .mc-cell{width:100%}.mc-table__table_body-cell--align-left{text-align:left}.mc-table__table_body-cell--align-left .mc-table__table_body-cell_content-left{text-align:left;justify-content:flex-start}.mc-table__table_body-cell--align-center{text-align:center}.mc-table__table_body-cell--align-center .mc-table__table_body-cell_content-left{text-align:center;justify-content:center}.mc-table__table_body-cell--align-right{text-align:right}.mc-table__table_body-cell--align-right .mc-table__table_body-cell_content-left{text-align:right;justify-content:flex-end}.mc-table__table_footer{position:sticky;bottom:0;z-index:var(--mc-table-z-index-footer)}.mc-table__table_footer-row{display:flex;flex-wrap:nowrap;height:var(--mc-table-footer-row-height);min-height:var(--mc-table-footer-row-height)}.mc-table__table_footer-cell{position:sticky;z-index:var(--mc-table-z-index-cell);text-align:left;width:var(--mc-table-cell-width);max-width:var(--mc-table-cell-max-width);min-width:var(--mc-table-cell-min-width);background-color:#fff;border-top:var(--border-style);display:flex;align-items:center;padding:0 1rem}.mc-table__table_footer-cell--fixed-first{left:0;z-index:var(--mc-table-z-index-fixed-col);border-right:var(--border-style);background-color:#fff}.mc-table__table_footer-cell--fixed-last{right:0;z-index:var(--mc-table-z-index-fixed-col);background-color:#fff}.mc-table__table_footer-cell--shadow-first{border-right-color:transparent}.mc-table__table_footer-cell--shadow-first:after{content:"";position:absolute;top:0;right:0;bottom:0;background:none;width:1px;height:100%;box-shadow:5px 0 8px #202427;pointer-events:none}.mc-table__table_footer-cell--shadow-last{border-left-color:transparent}.mc-table__table_footer-cell--shadow-last:before{content:"";position:absolute;top:0;left:0;bottom:0;background:none;width:1px;height:100%;box-shadow:-5px 0 8px #202427;pointer-events:none}.mc-table__table_footer-cell--align-left{justify-content:flex-start}.mc-table__table_footer-cell--align-center{justify-content:center}.mc-table__table_footer-cell--align-right{justify-content:flex-end}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as oe, defineAsyncComponent as ae, useSlots as ne, ref as u, reactive as se, computed as
|
|
1
|
+
import { defineComponent as oe, defineAsyncComponent as ae, useSlots as ne, ref as u, reactive as se, computed as k, watch as H, openBlock as i, createElementBlock as d, withModifiers as w, createCommentVNode as m, createElementVNode as h, normalizeStyle as re, normalizeClass as M, renderSlot as B, createVNode as T, unref as $ } from "vue";
|
|
2
2
|
import { LineHeights as p } from "../../../types/styles/LineHeights.js";
|
|
3
3
|
import { Sizes as f } from "../../../types/styles/Sizes.js";
|
|
4
4
|
import { Spaces as _ } from "../../../types/styles/Spaces.js";
|
|
@@ -120,10 +120,10 @@ const ce = {
|
|
|
120
120
|
},
|
|
121
121
|
emits: ["before-open", "before-close", "opened", "closed", "back", "update:modelValue"],
|
|
122
122
|
setup(g, { emit: E }) {
|
|
123
|
-
const
|
|
123
|
+
const V = ae(() => import("../../elements/McSvgIcon/McSvgIcon.vue.js")), F = ne(), r = E, l = g, b = u(0), O = ie(b, {
|
|
124
124
|
duration: l.duration || 300,
|
|
125
125
|
transition: de.easeOutQuart
|
|
126
|
-
}), s = u(null),
|
|
126
|
+
}), s = u(null), C = u(null), c = u(null), e = se({
|
|
127
127
|
scrolled_top: !1,
|
|
128
128
|
scrolled_bottom: !1,
|
|
129
129
|
small_indents: !1,
|
|
@@ -148,8 +148,8 @@ const ce = {
|
|
|
148
148
|
}
|
|
149
149
|
}
|
|
150
150
|
});
|
|
151
|
-
|
|
152
|
-
const P =
|
|
151
|
+
k(() => !!F.title);
|
|
152
|
+
const P = k(() => ({
|
|
153
153
|
"mc-modal--arrow-visible": l.arrowVisible,
|
|
154
154
|
"mc-modal--scrolled-top": e.scrolled_top,
|
|
155
155
|
"mc-modal--scrolled-bottom": e.scrolled_bottom,
|
|
@@ -158,7 +158,7 @@ const ce = {
|
|
|
158
158
|
"mc-modal--small-indents": e.small_indents,
|
|
159
159
|
[`mc-modal--variation-${l.variation}`]: !!l.variation,
|
|
160
160
|
[`mc-modal--header-align-${l.headerAlign}`]: (l.closeVisible || l.arrowVisible) && !!l.headerAlign
|
|
161
|
-
})), A =
|
|
161
|
+
})), A = k(() => ({
|
|
162
162
|
"--mc-modal-padding": _[e.indent.regular],
|
|
163
163
|
"--mc-modal-padding-small": _[e.indent.small],
|
|
164
164
|
"--mc-modal-header-line-height": p[e.header.title.line_height.regular],
|
|
@@ -170,7 +170,7 @@ const ce = {
|
|
|
170
170
|
"--mc-modal-state-number": O.value
|
|
171
171
|
})), N = () => {
|
|
172
172
|
e.scrolled_top = !1, e.scrolled_bottom = !1, e.small_indents = !1, e.can_shorten_modal = !1;
|
|
173
|
-
}, D = () =>
|
|
173
|
+
}, D = () => C.value?.parentElement ?? null, I = (t, o) => {
|
|
174
174
|
const n = getComputedStyle(t).getPropertyValue(o).trim();
|
|
175
175
|
if (!n) return 0;
|
|
176
176
|
const a = parseFloat(n);
|
|
@@ -188,10 +188,10 @@ const ce = {
|
|
|
188
188
|
me(s, "scroll", () => {
|
|
189
189
|
l.separators && W();
|
|
190
190
|
}, { passive: !0 });
|
|
191
|
-
const
|
|
191
|
+
const z = () => {
|
|
192
192
|
c.value?.disconnect(), c.value = null;
|
|
193
193
|
}, x = () => {
|
|
194
|
-
!s.value || !l.separators || (
|
|
194
|
+
!s.value || !l.separators || (z(), c.value = new ResizeObserver(G), c.value.observe(s.value));
|
|
195
195
|
}, R = () => {
|
|
196
196
|
requestAnimationFrame(() => {
|
|
197
197
|
requestAnimationFrame(() => {
|
|
@@ -226,10 +226,10 @@ const ce = {
|
|
|
226
226
|
(!e.small_indents || t === 0) && (e.can_shorten_modal = o - n > a);
|
|
227
227
|
}, G = () => {
|
|
228
228
|
y(), v();
|
|
229
|
-
},
|
|
229
|
+
}, S = () => {
|
|
230
230
|
r("before-close"), r("closed"), r("update:modelValue", !1);
|
|
231
231
|
}, J = () => {
|
|
232
|
-
l.clickBackdropToClose &&
|
|
232
|
+
l.clickBackdropToClose && S();
|
|
233
233
|
};
|
|
234
234
|
return H(
|
|
235
235
|
() => l.modelValue,
|
|
@@ -239,7 +239,7 @@ const ce = {
|
|
|
239
239
|
b.value = 1, r("before-open");
|
|
240
240
|
return;
|
|
241
241
|
}
|
|
242
|
-
|
|
242
|
+
z(), N(), b.value = 0, S();
|
|
243
243
|
}
|
|
244
244
|
},
|
|
245
245
|
{ immediate: !0 }
|
|
@@ -253,7 +253,7 @@ const ce = {
|
|
|
253
253
|
l.showOverlay ? (i(), d("div", {
|
|
254
254
|
key: 0,
|
|
255
255
|
class: "mc-modal__overlay",
|
|
256
|
-
onClick:
|
|
256
|
+
onClick: w(J, ["stop"])
|
|
257
257
|
})) : m("", !0),
|
|
258
258
|
h("div", {
|
|
259
259
|
class: M(["mc-modal", P.value]),
|
|
@@ -261,12 +261,12 @@ const ce = {
|
|
|
261
261
|
}, [
|
|
262
262
|
h("div", {
|
|
263
263
|
ref_key: "modalInner",
|
|
264
|
-
ref:
|
|
264
|
+
ref: C,
|
|
265
265
|
class: M(["mc-modal__inner", { "mc-modal__inner--with-title": t.$slots.title }])
|
|
266
266
|
}, [
|
|
267
267
|
t.$slots.title ? (i(), d("div", ue, [
|
|
268
268
|
h("div", he, [
|
|
269
|
-
|
|
269
|
+
B(t.$slots, "title")
|
|
270
270
|
])
|
|
271
271
|
])) : m("", !0),
|
|
272
272
|
h("div", {
|
|
@@ -274,18 +274,18 @@ const ce = {
|
|
|
274
274
|
ref: s,
|
|
275
275
|
class: "mc-modal__body"
|
|
276
276
|
}, [
|
|
277
|
-
|
|
277
|
+
B(t.$slots, "default")
|
|
278
278
|
], 512),
|
|
279
279
|
t.$slots.footer ? (i(), d("div", pe, [
|
|
280
|
-
|
|
280
|
+
B(t.$slots, "footer")
|
|
281
281
|
])) : m("", !0),
|
|
282
282
|
g.arrowVisible ? (i(), d("button", {
|
|
283
283
|
key: 2,
|
|
284
284
|
type: "button",
|
|
285
285
|
class: "mc-modal__btn-back",
|
|
286
|
-
onClick:
|
|
286
|
+
onClick: w(Q, ["prevent"])
|
|
287
287
|
}, [
|
|
288
|
-
T($(
|
|
288
|
+
T($(V), {
|
|
289
289
|
name: "arrow_leftward",
|
|
290
290
|
class: "mc-modal__icon-back"
|
|
291
291
|
})
|
|
@@ -294,9 +294,9 @@ const ce = {
|
|
|
294
294
|
key: 3,
|
|
295
295
|
type: "button",
|
|
296
296
|
class: "mc-modal__btn-close",
|
|
297
|
-
onClick:
|
|
297
|
+
onClick: w(S, ["prevent"])
|
|
298
298
|
}, [
|
|
299
|
-
T($(
|
|
299
|
+
T($(V), {
|
|
300
300
|
class: "mc-modal__icon-close",
|
|
301
301
|
width: "24",
|
|
302
302
|
height: "24",
|