@retailcrm/embed-ui-v1-components 0.5.2-alpha.3 → 0.5.2
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/assets/stylesheets/geometry.less +0 -4
- package/dist/host.cjs +56 -301
- package/dist/host.css +0 -203
- package/dist/host.d.ts +0 -38
- package/dist/host.js +57 -302
- package/dist/remote.cjs +0 -14
- package/dist/remote.d.ts +0 -62
- package/dist/remote.js +0 -14
- package/package.json +1 -1
package/dist/host.cjs
CHANGED
|
@@ -60,7 +60,7 @@ var VARIANT = /* @__PURE__ */ ((VARIANT2) => {
|
|
|
60
60
|
VARIANT2["DANGER"] = "danger";
|
|
61
61
|
return VARIANT2;
|
|
62
62
|
})(VARIANT || {});
|
|
63
|
-
const _sfc_main$
|
|
63
|
+
const _sfc_main$d = vue.defineComponent({
|
|
64
64
|
props: {
|
|
65
65
|
/** Устанавливает тип кнопки */
|
|
66
66
|
type: {
|
|
@@ -156,178 +156,12 @@ const _sfc_main$f = vue.defineComponent({
|
|
|
156
156
|
};
|
|
157
157
|
}
|
|
158
158
|
});
|
|
159
|
-
const _hoisted_1$a = {
|
|
160
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
161
|
-
viewBox: "0 0 24 24"
|
|
162
|
-
};
|
|
163
|
-
function render$4(_ctx, _cache) {
|
|
164
|
-
return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$a, _cache[0] || (_cache[0] = [
|
|
165
|
-
vue.createElementVNode("path", {
|
|
166
|
-
fill: "currentColor",
|
|
167
|
-
"fill-rule": "evenodd",
|
|
168
|
-
d: "M19.793 6.965a.77.77 0 0 1-.022 1.075l-9.815 9.607a1.224 1.224 0 0 1-1.714.006l-4.01-3.878a.77.77 0 0 1-.028-1.074l.684-.736a.735.735 0 0 1 1.053-.028l3.15 3.046 8.96-8.771a.735.735 0 0 1 1.054.022z",
|
|
169
|
-
"clip-rule": "evenodd"
|
|
170
|
-
}, null, -1)
|
|
171
|
-
]));
|
|
172
|
-
}
|
|
173
|
-
const IconDone = { render: render$4 };
|
|
174
|
-
const expect = (value) => ({
|
|
175
|
-
toBeOneOf(variants) {
|
|
176
|
-
return Object.values(variants).includes(value);
|
|
177
|
-
}
|
|
178
|
-
});
|
|
179
|
-
const pick = (attrs, criteria) => {
|
|
180
|
-
return Object.keys(attrs).filter(criteria).reduce((picked, key) => ({
|
|
181
|
-
...picked,
|
|
182
|
-
[key]: attrs[key]
|
|
183
|
-
}), {});
|
|
184
|
-
};
|
|
185
|
-
const without = (obj, exclude) => {
|
|
186
|
-
const newObj = {};
|
|
187
|
-
Object.entries(obj).forEach(([key, value]) => {
|
|
188
|
-
if (!exclude.includes(key)) {
|
|
189
|
-
newObj[key] = value;
|
|
190
|
-
}
|
|
191
|
-
});
|
|
192
|
-
return newObj;
|
|
193
|
-
};
|
|
194
|
-
const _hoisted_1$9 = ["id", "value", "name", "disabled", "checked"];
|
|
195
|
-
const _hoisted_2$3 = { class: "ui-v1-checkbox__checkmark" };
|
|
196
|
-
let counter$2 = 0;
|
|
197
|
-
const __default__$1 = {};
|
|
198
|
-
const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
|
|
199
|
-
...__default__$1,
|
|
200
|
-
__name: "UiCheckbox",
|
|
201
|
-
props: {
|
|
202
|
-
id: {
|
|
203
|
-
type: null,
|
|
204
|
-
validator: (id) => id === void 0 || typeof id === "string" && id.length > 0 && /^[A-Za-z]/.test(id),
|
|
205
|
-
default: void 0
|
|
206
|
-
},
|
|
207
|
-
/** Атрибут name нативного поля ввода */
|
|
208
|
-
name: {
|
|
209
|
-
type: String,
|
|
210
|
-
default: () => "ui-v1-checkbox-" + ++counter$2
|
|
211
|
-
},
|
|
212
|
-
/** Значение модели используемое с директивой v-model */
|
|
213
|
-
model: {
|
|
214
|
-
type: null,
|
|
215
|
-
default: void 0
|
|
216
|
-
},
|
|
217
|
-
/** Значение, добавляемое или удаляемое из модели в зависимости от флага checked, если модель является массивом */
|
|
218
|
-
value: {
|
|
219
|
-
type: null,
|
|
220
|
-
default: void 0
|
|
221
|
-
},
|
|
222
|
-
/** Задает значение, если флаг checked равен true, а модель не является массивом */
|
|
223
|
-
valueOfTruthy: {
|
|
224
|
-
type: null,
|
|
225
|
-
default: true
|
|
226
|
-
},
|
|
227
|
-
/** Задает значение, если флаг checked равен false, а модель не является массивом */
|
|
228
|
-
valueOfFalsy: {
|
|
229
|
-
type: null,
|
|
230
|
-
default: false
|
|
231
|
-
},
|
|
232
|
-
/** Задает "состояние" неопределенности для бокса, чье состояние "включенности" зависит от множества других боксов */
|
|
233
|
-
indeterminate: {
|
|
234
|
-
type: Boolean,
|
|
235
|
-
default: false
|
|
236
|
-
},
|
|
237
|
-
/** Задает стили для бокса уменьшенного размера */
|
|
238
|
-
small: {
|
|
239
|
-
type: Boolean,
|
|
240
|
-
default: false
|
|
241
|
-
},
|
|
242
|
-
/** Заблокированный */
|
|
243
|
-
disabled: {
|
|
244
|
-
type: Boolean,
|
|
245
|
-
default: false
|
|
246
|
-
}
|
|
247
|
-
},
|
|
248
|
-
emits: [
|
|
249
|
-
/** Изменение значения модели */
|
|
250
|
-
"change",
|
|
251
|
-
/** Изменение значения модели. Для v-model */
|
|
252
|
-
"update:model"
|
|
253
|
-
],
|
|
254
|
-
setup(__props, { expose: __expose, emit: __emit }) {
|
|
255
|
-
const isArray = Array.isArray;
|
|
256
|
-
const props = __props;
|
|
257
|
-
const emit = __emit;
|
|
258
|
-
const checkbox = vue.ref(null);
|
|
259
|
-
const click = () => {
|
|
260
|
-
var _a;
|
|
261
|
-
return (_a = checkbox.value) == null ? void 0 : _a.click();
|
|
262
|
-
};
|
|
263
|
-
const focus = () => {
|
|
264
|
-
var _a;
|
|
265
|
-
return (_a = checkbox.value) == null ? void 0 : _a.focus();
|
|
266
|
-
};
|
|
267
|
-
const blur = () => {
|
|
268
|
-
var _a;
|
|
269
|
-
return (_a = checkbox.value) == null ? void 0 : _a.blur();
|
|
270
|
-
};
|
|
271
|
-
__expose({
|
|
272
|
-
click,
|
|
273
|
-
focus,
|
|
274
|
-
blur
|
|
275
|
-
});
|
|
276
|
-
const contains = (array, value) => array.some((v) => v === value);
|
|
277
|
-
const checked = vue.computed(() => {
|
|
278
|
-
return isArray(props.model) ? contains(props.model, props.value) : props.model === props.valueOfTruthy;
|
|
279
|
-
});
|
|
280
|
-
const calculate = (checked2) => {
|
|
281
|
-
if (isArray(props.model)) {
|
|
282
|
-
return checked2 ? contains(props.model, props.value) ? props.model : [...props.model, props.value] : [...props.model].filter((v) => v !== props.value);
|
|
283
|
-
}
|
|
284
|
-
return checked2 ? props.valueOfTruthy : props.valueOfFalsy;
|
|
285
|
-
};
|
|
286
|
-
const onChange = (event) => {
|
|
287
|
-
const checkbox2 = event.target;
|
|
288
|
-
const value = calculate(checkbox2.checked);
|
|
289
|
-
emit("change", value);
|
|
290
|
-
emit("update:model", value);
|
|
291
|
-
};
|
|
292
|
-
return (_ctx, _cache) => {
|
|
293
|
-
return vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({
|
|
294
|
-
class: {
|
|
295
|
-
"ui-v1-checkbox": true,
|
|
296
|
-
"ui-v1-checkbox_small": __props.small,
|
|
297
|
-
"ui-v1-checkbox_checked": checked.value,
|
|
298
|
-
"ui-v1-checkbox_indeterminate": __props.indeterminate,
|
|
299
|
-
"ui-v1-checkbox_disabled": __props.disabled
|
|
300
|
-
}
|
|
301
|
-
}, vue.unref(pick)(_ctx.$attrs, (key) => !key.startsWith("aria-") && !key.startsWith("on"))), [
|
|
302
|
-
vue.createElementVNode("input", vue.mergeProps({
|
|
303
|
-
id: __props.id,
|
|
304
|
-
ref_key: "checkbox",
|
|
305
|
-
ref: checkbox,
|
|
306
|
-
value: vue.unref(isArray)(__props.model) ? __props.value : void 0,
|
|
307
|
-
name: __props.name,
|
|
308
|
-
disabled: __props.disabled,
|
|
309
|
-
checked: checked.value
|
|
310
|
-
}, vue.unref(pick)(_ctx.$attrs, (key) => key.startsWith("aria-") || key.startsWith("on")), {
|
|
311
|
-
type: "checkbox",
|
|
312
|
-
class: "ui-v1-checkbox__input",
|
|
313
|
-
onChange
|
|
314
|
-
}), null, 16, _hoisted_1$9),
|
|
315
|
-
vue.createElementVNode("span", _hoisted_2$3, [
|
|
316
|
-
checked.value && !__props.indeterminate ? (vue.openBlock(), vue.createBlock(vue.unref(IconDone), {
|
|
317
|
-
key: 0,
|
|
318
|
-
class: "ui-v1-checkbox__checkmark-icon"
|
|
319
|
-
})) : vue.createCommentVNode("", true)
|
|
320
|
-
])
|
|
321
|
-
], 16);
|
|
322
|
-
};
|
|
323
|
-
}
|
|
324
|
-
});
|
|
325
159
|
var ALIGN = /* @__PURE__ */ ((ALIGN2) => {
|
|
326
160
|
ALIGN2["LEFT"] = "left";
|
|
327
161
|
ALIGN2["RIGHT"] = "right";
|
|
328
162
|
return ALIGN2;
|
|
329
163
|
})(ALIGN || {});
|
|
330
|
-
const _sfc_main$
|
|
164
|
+
const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
|
|
331
165
|
__name: "UiError",
|
|
332
166
|
props: {
|
|
333
167
|
/** Тест, разметка ошибки */
|
|
@@ -366,12 +200,12 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
|
|
|
366
200
|
};
|
|
367
201
|
}
|
|
368
202
|
});
|
|
369
|
-
const _hoisted_1$
|
|
203
|
+
const _hoisted_1$7 = {
|
|
370
204
|
xmlns: "http://www.w3.org/2000/svg",
|
|
371
205
|
viewBox: "0 0 24 24"
|
|
372
206
|
};
|
|
373
207
|
function render$3(_ctx, _cache) {
|
|
374
|
-
return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$
|
|
208
|
+
return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$7, _cache[0] || (_cache[0] = [
|
|
375
209
|
vue.createElementVNode("path", {
|
|
376
210
|
fill: "currentColor",
|
|
377
211
|
d: "m6.844 17.854-.7-.703a.5.5 0 0 1 0-.704l8.48-8.456-6.212.007a.49.49 0 0 1-.496-.5l.007-.991a.5.5 0 0 1 .496-.5L16.994 6c.196 0 .385.078.524.218l.265.267c.137.142.215.33.217.528l-.007 8.633a.5.5 0 0 1-.496.5h-.992a.48.48 0 0 1-.49-.493l.007-6.255-8.48 8.456a.49.49 0 0 1-.698 0"
|
|
@@ -397,7 +231,7 @@ var SIZE$3 = /* @__PURE__ */ ((SIZE2) => {
|
|
|
397
231
|
SIZE2["TITLE02"] = "title-02";
|
|
398
232
|
return SIZE2;
|
|
399
233
|
})(SIZE$3 || {});
|
|
400
|
-
const _hoisted_1$
|
|
234
|
+
const _hoisted_1$6 = ["href", "target"];
|
|
401
235
|
const _hoisted_2$2 = {
|
|
402
236
|
key: 0,
|
|
403
237
|
class: "ui-v1-link__inner"
|
|
@@ -406,7 +240,7 @@ const _hoisted_3$2 = {
|
|
|
406
240
|
key: 2,
|
|
407
241
|
class: "ui-v1-link__icon"
|
|
408
242
|
};
|
|
409
|
-
const _sfc_main$
|
|
243
|
+
const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
|
|
410
244
|
__name: "UiLink",
|
|
411
245
|
props: {
|
|
412
246
|
/** Атрибут ссылки */
|
|
@@ -480,11 +314,11 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
|
|
|
480
314
|
vue.createVNode(vue.unref(IconOpenInNew), { class: "ui-v1-link__icon-sprite" })
|
|
481
315
|
])
|
|
482
316
|
])) : vue.createCommentVNode("", true)
|
|
483
|
-
], 16, _hoisted_1$
|
|
317
|
+
], 16, _hoisted_1$6);
|
|
484
318
|
};
|
|
485
319
|
}
|
|
486
320
|
});
|
|
487
|
-
const _sfc_main$
|
|
321
|
+
const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
|
|
488
322
|
__name: "UiTransition",
|
|
489
323
|
props: {
|
|
490
324
|
/** Наименование анимации перехода */
|
|
@@ -512,7 +346,7 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
|
|
|
512
346
|
};
|
|
513
347
|
}
|
|
514
348
|
});
|
|
515
|
-
const _sfc_main$
|
|
349
|
+
const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
|
|
516
350
|
__name: "UiLoader",
|
|
517
351
|
props: {
|
|
518
352
|
/** Диаметр (размер) окружности индикатора */
|
|
@@ -544,7 +378,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
|
|
|
544
378
|
},
|
|
545
379
|
setup(__props) {
|
|
546
380
|
return (_ctx, _cache) => {
|
|
547
|
-
return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(__props.transition ? _sfc_main$
|
|
381
|
+
return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(__props.transition ? _sfc_main$a : "div"), vue.normalizeProps(vue.guardReactiveProps(__props.transition ? {
|
|
548
382
|
appear: true,
|
|
549
383
|
class: "ui-v1-loader-wrapper",
|
|
550
384
|
name: __props.transition
|
|
@@ -1696,7 +1530,7 @@ var PerfectScrollbar$1 = {
|
|
|
1696
1530
|
);
|
|
1697
1531
|
}
|
|
1698
1532
|
};
|
|
1699
|
-
const _sfc_main$
|
|
1533
|
+
const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
|
|
1700
1534
|
__name: "UiScrollBox",
|
|
1701
1535
|
props: {
|
|
1702
1536
|
/** Наименование тэга-обёртки для нативного скролла */
|
|
@@ -1800,12 +1634,12 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
|
|
|
1800
1634
|
};
|
|
1801
1635
|
}
|
|
1802
1636
|
});
|
|
1803
|
-
const _hoisted_1$
|
|
1637
|
+
const _hoisted_1$5 = {
|
|
1804
1638
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1805
1639
|
viewBox: "0 0 24 24"
|
|
1806
1640
|
};
|
|
1807
1641
|
function render$2(_ctx, _cache) {
|
|
1808
|
-
return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$
|
|
1642
|
+
return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$5, _cache[0] || (_cache[0] = [
|
|
1809
1643
|
vue.createElementVNode("path", {
|
|
1810
1644
|
fill: "currentColor",
|
|
1811
1645
|
d: "M7.113 6.176a.6.6 0 0 1 .848 0L12 10.214l4.038-4.038a.6.6 0 0 1 .849 0l.937.937a.6.6 0 0 1 0 .848L13.785 12l4.04 4.04a.6.6 0 0 1 0 .848l-.937.937a.6.6 0 0 1-.849 0L12 13.784l-4.038 4.04a.6.6 0 0 1-.849 0l-.937-.937a.6.6 0 0 1 0-.848l4.04-4.04-4.039-4.038a.6.6 0 0 1 0-.849z"
|
|
@@ -1884,8 +1718,8 @@ class LayerRegistry {
|
|
|
1884
1718
|
}
|
|
1885
1719
|
}
|
|
1886
1720
|
const layers = new LayerRegistry();
|
|
1887
|
-
let counter
|
|
1888
|
-
const uid = (prefix) => `${prefix}-${++counter
|
|
1721
|
+
let counter = 0;
|
|
1722
|
+
const uid = (prefix) => `${prefix}-${++counter}`;
|
|
1889
1723
|
var CLOSE_METHOD = /* @__PURE__ */ ((CLOSE_METHOD2) => {
|
|
1890
1724
|
CLOSE_METHOD2["CLICK_CROSS"] = "Cross";
|
|
1891
1725
|
CLOSE_METHOD2["CLICK_OUTSIDE"] = "Outside";
|
|
@@ -1908,7 +1742,7 @@ var SIZE$2 = /* @__PURE__ */ ((SIZE2) => {
|
|
|
1908
1742
|
SIZE2["SM"] = "sm";
|
|
1909
1743
|
return SIZE2;
|
|
1910
1744
|
})(SIZE$2 || {});
|
|
1911
|
-
const _sfc_main$
|
|
1745
|
+
const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
|
|
1912
1746
|
__name: "UiModalSidebar",
|
|
1913
1747
|
props: {
|
|
1914
1748
|
/** Атрибут id корневого элемента. Должен быть уникальным на странице */
|
|
@@ -2138,7 +1972,7 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
|
|
|
2138
1972
|
}))
|
|
2139
1973
|
]);
|
|
2140
1974
|
};
|
|
2141
|
-
const renderBody = () => props.scrolling === SCROLLING$1.NONE ? vue.h("div", { class: "ui-v1-modal-sidebar__body-fixed" }, renderSlot("default")) : vue.h(_sfc_main$
|
|
1975
|
+
const renderBody = () => props.scrolling === SCROLLING$1.NONE ? vue.h("div", { class: "ui-v1-modal-sidebar__body-fixed" }, renderSlot("default")) : vue.h(_sfc_main$8, {
|
|
2142
1976
|
class: "ui-v1-modal-sidebar__body",
|
|
2143
1977
|
native: props.scrolling === SCROLLING$1.NATIVE,
|
|
2144
1978
|
showOnMac: true,
|
|
@@ -2151,7 +1985,7 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
|
|
|
2151
1985
|
const direction = props.direction;
|
|
2152
1986
|
const size = props.size;
|
|
2153
1987
|
const setVisibility = (visibility2) => () => visibilityOfSidebar.value = visibility2;
|
|
2154
|
-
return vue.h(_sfc_main$
|
|
1988
|
+
return vue.h(_sfc_main$a, {
|
|
2155
1989
|
name: `slide-${direction}`,
|
|
2156
1990
|
onBeforeEnter: setVisibility("showing"),
|
|
2157
1991
|
onAfterEnter: setVisibility("shown"),
|
|
@@ -2179,7 +2013,7 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
|
|
|
2179
2013
|
const setVisibility = (visibility2) => () => visibilityOfOverlay.value = visibility2;
|
|
2180
2014
|
return !state.attached ? void 0 : vue.h(vue.Teleport, {
|
|
2181
2015
|
to: (globals == null ? void 0 : globals.container) ?? document.body
|
|
2182
|
-
}, vue.h(_sfc_main$
|
|
2016
|
+
}, vue.h(_sfc_main$a, {
|
|
2183
2017
|
name: "fade-2",
|
|
2184
2018
|
onBeforeEnter: setVisibility("showing"),
|
|
2185
2019
|
onAfterEnter: setVisibility("shown"),
|
|
@@ -2211,6 +2045,20 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
|
|
|
2211
2045
|
};
|
|
2212
2046
|
}
|
|
2213
2047
|
});
|
|
2048
|
+
const expect = (value) => ({
|
|
2049
|
+
toBeOneOf(variants) {
|
|
2050
|
+
return Object.values(variants).includes(value);
|
|
2051
|
+
}
|
|
2052
|
+
});
|
|
2053
|
+
const without = (obj, exclude) => {
|
|
2054
|
+
const newObj = {};
|
|
2055
|
+
Object.entries(obj).forEach(([key, value]) => {
|
|
2056
|
+
if (!exclude.includes(key)) {
|
|
2057
|
+
newObj[key] = value;
|
|
2058
|
+
}
|
|
2059
|
+
});
|
|
2060
|
+
return newObj;
|
|
2061
|
+
};
|
|
2214
2062
|
var APPEARANCE = /* @__PURE__ */ ((APPEARANCE2) => {
|
|
2215
2063
|
APPEARANCE2["ALERT"] = "alert";
|
|
2216
2064
|
APPEARANCE2["DIALOG"] = "dialog";
|
|
@@ -2223,7 +2071,7 @@ var SCROLLING = /* @__PURE__ */ ((SCROLLING2) => {
|
|
|
2223
2071
|
SCROLLING2["NATIVE"] = "native";
|
|
2224
2072
|
return SCROLLING2;
|
|
2225
2073
|
})(SCROLLING || {});
|
|
2226
|
-
const _sfc_main$
|
|
2074
|
+
const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
|
|
2227
2075
|
__name: "UiModalWindowSurface",
|
|
2228
2076
|
props: {
|
|
2229
2077
|
/** Атрибут id корневого элемента модального окна. Должен быть уникальным на странице */
|
|
@@ -2437,7 +2285,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
|
|
|
2437
2285
|
const slots = vue.useSlots();
|
|
2438
2286
|
const renderBody = () => {
|
|
2439
2287
|
const appearance = props.appearance;
|
|
2440
|
-
return vue.h(_sfc_main$
|
|
2288
|
+
return vue.h(_sfc_main$a, {
|
|
2441
2289
|
name: "zoom",
|
|
2442
2290
|
onBeforeEnter: () => visibilityOfBody.value = "showing",
|
|
2443
2291
|
onAfterEnter: () => visibilityOfBody.value = "shown",
|
|
@@ -2462,7 +2310,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
|
|
|
2462
2310
|
};
|
|
2463
2311
|
const EmbedModalWindowSurface = () => !state.attached ? void 0 : vue.h(vue.Teleport, {
|
|
2464
2312
|
to: (globals == null ? void 0 : globals.container) ?? document.body
|
|
2465
|
-
}, vue.h(_sfc_main$
|
|
2313
|
+
}, vue.h(_sfc_main$a, {
|
|
2466
2314
|
name: "fade-2",
|
|
2467
2315
|
onBeforeEnter: () => visibilityOfOverlay.value = "showing",
|
|
2468
2316
|
onAfterEnter: () => visibilityOfOverlay.value = "shown",
|
|
@@ -2479,7 +2327,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
|
|
|
2479
2327
|
"ui-v1-modal_overlapped": state.overlapped
|
|
2480
2328
|
}],
|
|
2481
2329
|
onClick: onOverlayClick
|
|
2482
|
-
}, vue.h(_sfc_main$
|
|
2330
|
+
}, vue.h(_sfc_main$8, {
|
|
2483
2331
|
class: {
|
|
2484
2332
|
"ui-v1-modal-window-container": true,
|
|
2485
2333
|
"ui-v1-modal-window-container_fullscreen": props.fullscreen,
|
|
@@ -2504,12 +2352,12 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
|
|
|
2504
2352
|
};
|
|
2505
2353
|
}
|
|
2506
2354
|
});
|
|
2507
|
-
const _hoisted_1$
|
|
2355
|
+
const _hoisted_1$4 = {
|
|
2508
2356
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2509
2357
|
viewBox: "0 0 24 24"
|
|
2510
2358
|
};
|
|
2511
2359
|
function render$1(_ctx, _cache) {
|
|
2512
|
-
return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$
|
|
2360
|
+
return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$4, _cache[0] || (_cache[0] = [
|
|
2513
2361
|
vue.createElementVNode("path", {
|
|
2514
2362
|
fill: "currentColor",
|
|
2515
2363
|
"fill-rule": "evenodd",
|
|
@@ -2519,7 +2367,7 @@ function render$1(_ctx, _cache) {
|
|
|
2519
2367
|
]));
|
|
2520
2368
|
}
|
|
2521
2369
|
const IconWarning = { render: render$1 };
|
|
2522
|
-
const _hoisted_1$
|
|
2370
|
+
const _hoisted_1$3 = {
|
|
2523
2371
|
key: 0,
|
|
2524
2372
|
class: "ui-v1-modal-window__icon"
|
|
2525
2373
|
};
|
|
@@ -2536,7 +2384,7 @@ const _hoisted_5 = {
|
|
|
2536
2384
|
key: 0,
|
|
2537
2385
|
class: "ui-v1-modal-window__footer-text"
|
|
2538
2386
|
};
|
|
2539
|
-
const _sfc_main$
|
|
2387
|
+
const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
|
|
2540
2388
|
__name: "UiModalWindow",
|
|
2541
2389
|
props: {
|
|
2542
2390
|
/** Атрибут id корневого элемента модального окна. Должен быть уникальным на странице */
|
|
@@ -2650,7 +2498,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
|
|
|
2650
2498
|
});
|
|
2651
2499
|
vue.watch(() => props.opened, toggle);
|
|
2652
2500
|
return (_ctx, _cache) => {
|
|
2653
|
-
return vue.openBlock(), vue.createBlock(_sfc_main$
|
|
2501
|
+
return vue.openBlock(), vue.createBlock(_sfc_main$6, vue.mergeProps({
|
|
2654
2502
|
id: __props.id,
|
|
2655
2503
|
opened: state.opened,
|
|
2656
2504
|
closable: __props.closable,
|
|
@@ -2678,7 +2526,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
|
|
|
2678
2526
|
"ui-v1-modal-window__header_pinned": _ctx.$slots.title && state.scrolled && __props.appearance === vue.unref(APPEARANCE).POPUP && !__props.responsive
|
|
2679
2527
|
})
|
|
2680
2528
|
}, [
|
|
2681
|
-
__props.appearance === vue.unref(APPEARANCE).ALERT ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
2529
|
+
__props.appearance === vue.unref(APPEARANCE).ALERT ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$3, [
|
|
2682
2530
|
vue.renderSlot(_ctx.$slots, "icon", {
|
|
2683
2531
|
overlapped: state.overlapped
|
|
2684
2532
|
}, () => [
|
|
@@ -2707,7 +2555,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
|
|
|
2707
2555
|
})
|
|
2708
2556
|
])) : vue.createCommentVNode("", true)
|
|
2709
2557
|
], 2),
|
|
2710
|
-
__props.responsive ? (vue.openBlock(), vue.createBlock(_sfc_main$
|
|
2558
|
+
__props.responsive ? (vue.openBlock(), vue.createBlock(_sfc_main$8, {
|
|
2711
2559
|
key: 0,
|
|
2712
2560
|
class: "ui-v1-modal-window__content",
|
|
2713
2561
|
"show-on-mac": "",
|
|
@@ -2740,97 +2588,6 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
|
|
|
2740
2588
|
};
|
|
2741
2589
|
}
|
|
2742
2590
|
});
|
|
2743
|
-
const _hoisted_1$3 = ["id", "name", "value", "checked", "disabled"];
|
|
2744
|
-
let counter = 0;
|
|
2745
|
-
const __default__ = {};
|
|
2746
|
-
const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
|
|
2747
|
-
...__default__,
|
|
2748
|
-
__name: "UiRadio",
|
|
2749
|
-
props: {
|
|
2750
|
-
id: {
|
|
2751
|
-
type: null,
|
|
2752
|
-
validator: (id) => id === void 0 || typeof id === "string" && id.length > 0 && /^[A-Za-z]/.test(id),
|
|
2753
|
-
default: void 0
|
|
2754
|
-
},
|
|
2755
|
-
/** Атрибут name нативного поля ввода */
|
|
2756
|
-
name: {
|
|
2757
|
-
type: String,
|
|
2758
|
-
default: () => "ui-v1-radio-" + ++counter
|
|
2759
|
-
},
|
|
2760
|
-
/** Значение модели используемое с директивой v-model */
|
|
2761
|
-
model: {
|
|
2762
|
-
type: null,
|
|
2763
|
-
default: void 0
|
|
2764
|
-
},
|
|
2765
|
-
/** Атрибут value нативного поля ввода */
|
|
2766
|
-
value: {
|
|
2767
|
-
type: null,
|
|
2768
|
-
required: true
|
|
2769
|
-
},
|
|
2770
|
-
/** Заблокированный */
|
|
2771
|
-
disabled: {
|
|
2772
|
-
type: Boolean,
|
|
2773
|
-
default: false
|
|
2774
|
-
}
|
|
2775
|
-
},
|
|
2776
|
-
emits: [
|
|
2777
|
-
/** Изменение значения модели */
|
|
2778
|
-
"change",
|
|
2779
|
-
/** Изменение значения модели. Для v-model */
|
|
2780
|
-
"update:model"
|
|
2781
|
-
],
|
|
2782
|
-
setup(__props, { expose: __expose, emit: __emit }) {
|
|
2783
|
-
const props = __props;
|
|
2784
|
-
const emit = __emit;
|
|
2785
|
-
const radio = vue.ref(null);
|
|
2786
|
-
const click = () => {
|
|
2787
|
-
var _a;
|
|
2788
|
-
return (_a = radio.value) == null ? void 0 : _a.click();
|
|
2789
|
-
};
|
|
2790
|
-
const focus = () => {
|
|
2791
|
-
var _a;
|
|
2792
|
-
return (_a = radio.value) == null ? void 0 : _a.focus();
|
|
2793
|
-
};
|
|
2794
|
-
const blur = () => {
|
|
2795
|
-
var _a;
|
|
2796
|
-
return (_a = radio.value) == null ? void 0 : _a.blur();
|
|
2797
|
-
};
|
|
2798
|
-
__expose({
|
|
2799
|
-
click,
|
|
2800
|
-
focus,
|
|
2801
|
-
blur
|
|
2802
|
-
});
|
|
2803
|
-
const checked = vue.computed(() => props.value === props.model);
|
|
2804
|
-
const onChange = () => {
|
|
2805
|
-
emit("change", props.value);
|
|
2806
|
-
emit("update:model", props.value);
|
|
2807
|
-
};
|
|
2808
|
-
return (_ctx, _cache) => {
|
|
2809
|
-
return vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({
|
|
2810
|
-
class: {
|
|
2811
|
-
"ui-v1-radio": true,
|
|
2812
|
-
"ui-v1-radio_checked": checked.value,
|
|
2813
|
-
"ui-v1-radio_disabled": __props.disabled
|
|
2814
|
-
}
|
|
2815
|
-
}, vue.unref(pick)(_ctx.$attrs, (key) => !key.startsWith("aria-") && !key.startsWith("on"))), [
|
|
2816
|
-
vue.createElementVNode("input", vue.mergeProps({
|
|
2817
|
-
id: __props.id,
|
|
2818
|
-
ref_key: "radio",
|
|
2819
|
-
ref: radio,
|
|
2820
|
-
name: __props.name,
|
|
2821
|
-
value: __props.value,
|
|
2822
|
-
checked: checked.value,
|
|
2823
|
-
disabled: __props.disabled
|
|
2824
|
-
}, vue.unref(pick)(_ctx.$attrs, (key) => key.startsWith("aria-") || key.startsWith("on")), {
|
|
2825
|
-
type: "radio",
|
|
2826
|
-
class: "ui-v1-radio__input",
|
|
2827
|
-
onChange
|
|
2828
|
-
}), null, 16, _hoisted_1$3),
|
|
2829
|
-
_cache[0] || (_cache[0] = vue.createElementVNode("span", { class: "ui-v1-radio__checkmark" }, null, -1))
|
|
2830
|
-
], 16);
|
|
2831
|
-
};
|
|
2832
|
-
}
|
|
2833
|
-
});
|
|
2834
2591
|
const _hoisted_1$2 = {
|
|
2835
2592
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2836
2593
|
viewBox: "0 0 24 24"
|
|
@@ -3209,7 +2966,7 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
|
|
|
3209
2966
|
return SIZE$4.SM;
|
|
3210
2967
|
});
|
|
3211
2968
|
return (_ctx, _cache) => {
|
|
3212
|
-
return vue.openBlock(), vue.createBlock(_sfc_main$
|
|
2969
|
+
return vue.openBlock(), vue.createBlock(_sfc_main$d, vue.mergeProps({
|
|
3213
2970
|
ref_key: "root",
|
|
3214
2971
|
ref: root,
|
|
3215
2972
|
href: __props.href,
|
|
@@ -3282,7 +3039,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
|
|
|
3282
3039
|
},
|
|
3283
3040
|
setup(__props) {
|
|
3284
3041
|
return (_ctx, _cache) => {
|
|
3285
|
-
return vue.openBlock(), vue.createBlock(_sfc_main$
|
|
3042
|
+
return vue.openBlock(), vue.createBlock(_sfc_main$b, vue.mergeProps({
|
|
3286
3043
|
href: __props.href,
|
|
3287
3044
|
external: __props.external,
|
|
3288
3045
|
appearance: __props.appearance,
|
|
@@ -3465,7 +3222,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
3465
3222
|
});
|
|
3466
3223
|
return (_ctx, _cache) => {
|
|
3467
3224
|
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
|
|
3468
|
-
!ready.value ? (vue.openBlock(), vue.createBlock(_sfc_main$
|
|
3225
|
+
!ready.value ? (vue.openBlock(), vue.createBlock(_sfc_main$9, { key: 0 })) : vue.createCommentVNode("", true),
|
|
3469
3226
|
vue.withDirectives((vue.openBlock(), vue.createElementBlock("iframe", {
|
|
3470
3227
|
ref_key: "iframe",
|
|
3471
3228
|
ref: iframe,
|
|
@@ -3480,20 +3237,18 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
3480
3237
|
});
|
|
3481
3238
|
exports.I18nPlugin = plugin;
|
|
3482
3239
|
exports.ModalPlugin = plugin$1;
|
|
3483
|
-
exports.UiButton = _sfc_main$
|
|
3484
|
-
exports.
|
|
3485
|
-
exports.
|
|
3486
|
-
exports.
|
|
3487
|
-
exports.
|
|
3488
|
-
exports.
|
|
3489
|
-
exports.
|
|
3490
|
-
exports.
|
|
3491
|
-
exports.UiRadio = _sfc_main$5;
|
|
3492
|
-
exports.UiScrollBox = _sfc_main$9;
|
|
3240
|
+
exports.UiButton = _sfc_main$d;
|
|
3241
|
+
exports.UiError = _sfc_main$c;
|
|
3242
|
+
exports.UiLink = _sfc_main$b;
|
|
3243
|
+
exports.UiLoader = _sfc_main$9;
|
|
3244
|
+
exports.UiModalSidebar = _sfc_main$7;
|
|
3245
|
+
exports.UiModalWindow = _sfc_main$5;
|
|
3246
|
+
exports.UiModalWindowSurface = _sfc_main$6;
|
|
3247
|
+
exports.UiScrollBox = _sfc_main$8;
|
|
3493
3248
|
exports.UiTag = _sfc_main$4;
|
|
3494
3249
|
exports.UiToolbar = _sfc_main$3;
|
|
3495
3250
|
exports.UiToolbarButton = _sfc_main$2;
|
|
3496
3251
|
exports.UiToolbarLink = _sfc_main$1;
|
|
3497
|
-
exports.UiTransition = _sfc_main$
|
|
3252
|
+
exports.UiTransition = _sfc_main$a;
|
|
3498
3253
|
exports.UiYandexMap = _sfc_main;
|
|
3499
3254
|
exports.VueI18n = VueI18n;
|