@onereach/ui-components 2.68.0-beta.2008.0 → 2.68.0-beta.2016.0
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/bundled/v2/{OrCode-b9332066.js → OrCode-edc7a1f5.js} +115 -2
- package/dist/bundled/v2/{OrConfirm-19758dae.js → OrConfirm-56d01cff.js} +1 -1
- package/dist/bundled/{v3/useFocusTrap-d21726e3.js → v2/OrModal-a5411b0d.js} +200 -3
- package/dist/bundled/v2/components/index.d.ts +0 -1
- package/dist/bundled/v2/components/index.js +3 -7
- package/dist/bundled/v2/components/or-code/index.js +2 -4
- package/dist/bundled/v2/components/or-confirm/index.js +2 -3
- package/dist/bundled/v2/components/or-input-box-v3/OrInputBox.vue.d.ts +1 -1
- package/dist/bundled/v2/components/or-modal/index.js +1 -2
- package/dist/bundled/v2/index.js +4 -8
- package/dist/bundled/v3/{OrCode.vue_vue_type_script_lang-5fe573eb.js → OrCode.vue_vue_type_script_lang-ef5e7f04.js} +116 -3
- package/dist/bundled/v3/{OrConfirm.vue_vue_type_script_lang-4451e782.js → OrConfirm.vue_vue_type_script_lang-0f16fc67.js} +2 -2
- package/dist/bundled/v3/{OrModal-bbabef06.js → OrModal-868160ef.js} +1 -1
- package/dist/bundled/{v2/useFocusTrap-d744652a.js → v3/OrModal.vue_vue_type_script_lang-a1ed2ebb.js} +126 -4
- package/dist/bundled/v3/{OrTabs.vue_vue_type_script_lang-2fdbd2f2.js → OrTabs.vue_vue_type_script_lang-ca57f9d9.js} +36 -10
- package/dist/bundled/v3/components/index.d.ts +0 -1
- package/dist/bundled/v3/components/index.js +5 -10
- package/dist/bundled/v3/components/or-code/index.js +3 -5
- package/dist/bundled/v3/components/or-confirm/index.js +3 -4
- package/dist/bundled/v3/components/or-input-box-v3/OrInputBox.vue.d.ts +1 -1
- package/dist/bundled/v3/components/or-modal/index.js +1 -2
- package/dist/bundled/v3/components/or-tabs-v3/index.js +1 -2
- package/dist/bundled/v3/index.js +182 -278
- package/dist/esm/v2/components/index.d.ts +0 -1
- package/dist/esm/v2/components/index.js +0 -19
- package/dist/esm/v2/components/or-input-box-v3/OrInputBox.vue.d.ts +1 -1
- package/dist/esm/v2/index.js +0 -19
- package/dist/esm/v3/OrInput-4f55c0eb.js +1 -1
- package/dist/esm/v3/{OrInputBox-634230b1.js → OrInputBox-542d2f2c.js} +1 -1
- package/dist/esm/v3/OrSearch-d74891a5.js +1 -1
- package/dist/esm/v3/OrSelect-b3a233cc.js +1 -1
- package/dist/esm/v3/OrTextarea-98895b2a.js +1 -1
- package/dist/esm/v3/components/index.d.ts +0 -1
- package/dist/esm/v3/components/index.js +1 -20
- package/dist/esm/v3/components/or-card-collection-v3/index.js +1 -1
- package/dist/esm/v3/components/or-confirm-v3/index.js +1 -1
- package/dist/esm/v3/components/or-input-box-v3/OrInputBox.vue.d.ts +1 -1
- package/dist/esm/v3/components/or-input-box-v3/index.js +2 -2
- package/dist/esm/v3/components/or-input-v3/index.js +1 -1
- package/dist/esm/v3/components/or-search-v3/index.js +1 -1
- package/dist/esm/v3/components/or-select-v3/index.js +1 -1
- package/dist/esm/v3/components/or-textarea-v3/index.js +1 -1
- package/dist/esm/v3/index.js +1 -20
- package/package.json +10 -20
- package/src/components/index.ts +0 -1
- package/src/components/or-input-box-v3/OrInputBox.vue +1 -1
- package/src/utils/functions/text.ts +2 -2
- package/dist/bundled/v2/OrModal-71d33219.js +0 -202
- package/dist/bundled/v2/OrRichTextEditor-4a41e294.js +0 -36832
- package/dist/bundled/v2/components/or-rich-text-editor-v3/OrRichTextEditor.stories3.d.ts +0 -12
- package/dist/bundled/v2/components/or-rich-text-editor-v3/OrRichTextEditor.vue.d.ts +0 -149
- package/dist/bundled/v2/components/or-rich-text-editor-v3/index.d.ts +0 -1
- package/dist/bundled/v2/components/or-rich-text-editor-v3/index.js +0 -25
- package/dist/bundled/v2/components/or-rich-text-editor-v3/styles.d.ts +0 -6
- package/dist/bundled/v2/index.es-3f39f316.js +0 -115
- package/dist/bundled/v3/OrMenu-08aa60de.js +0 -29
- package/dist/bundled/v3/OrModal.vue_vue_type_script_lang-a599dfe7.js +0 -128
- package/dist/bundled/v3/OrRichTextEditor.vue_vue_type_script_lang-f5d3e39b.js +0 -36712
- package/dist/bundled/v3/components/or-rich-text-editor-v3/OrRichTextEditor.stories3.d.ts +0 -12
- package/dist/bundled/v3/components/or-rich-text-editor-v3/OrRichTextEditor.vue.d.ts +0 -149
- package/dist/bundled/v3/components/or-rich-text-editor-v3/index.d.ts +0 -1
- package/dist/bundled/v3/components/or-rich-text-editor-v3/index.js +0 -26
- package/dist/bundled/v3/components/or-rich-text-editor-v3/styles.d.ts +0 -6
- package/dist/bundled/v3/index.es-3f39f316.js +0 -115
- package/dist/esm/v2/OrRichTextEditor-11967cd9.js +0 -520
- package/dist/esm/v2/components/or-rich-text-editor-v3/OrRichTextEditor.stories3.d.ts +0 -12
- package/dist/esm/v2/components/or-rich-text-editor-v3/OrRichTextEditor.vue.d.ts +0 -149
- package/dist/esm/v2/components/or-rich-text-editor-v3/index.d.ts +0 -1
- package/dist/esm/v2/components/or-rich-text-editor-v3/index.js +0 -39
- package/dist/esm/v2/components/or-rich-text-editor-v3/styles.d.ts +0 -6
- package/dist/esm/v3/OrRichTextEditor-ad5f24ba.js +0 -490
- package/dist/esm/v3/components/or-rich-text-editor-v3/OrRichTextEditor.stories3.d.ts +0 -12
- package/dist/esm/v3/components/or-rich-text-editor-v3/OrRichTextEditor.vue.d.ts +0 -149
- package/dist/esm/v3/components/or-rich-text-editor-v3/index.d.ts +0 -1
- package/dist/esm/v3/components/or-rich-text-editor-v3/index.js +0 -38
- package/dist/esm/v3/components/or-rich-text-editor-v3/styles.d.ts +0 -6
- package/src/components/or-rich-text-editor-v3/OrRichTextEditor.docs.mdx +0 -16
- package/src/components/or-rich-text-editor-v3/OrRichTextEditor.stories3.ts +0 -62
- package/src/components/or-rich-text-editor-v3/OrRichTextEditor.vue +0 -526
- package/src/components/or-rich-text-editor-v3/index.ts +0 -1
- package/src/components/or-rich-text-editor-v3/styles.ts +0 -65
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
import { useElementHover } from '@vueuse/core';
|
|
2
|
-
import { k as keyName, b as base, s as shift } from './index.es-3f39f316.js';
|
|
3
2
|
import _ from 'lodash';
|
|
4
3
|
import { defineComponent, ref } from 'vue';
|
|
5
4
|
import { s as script$3 } from './OrTeleportVue3-012351e1.js';
|
|
6
5
|
import './OrIconButton-e637158e.js';
|
|
7
|
-
import './OrModal-
|
|
8
|
-
import { s as script$2 } from './OrModal.vue_vue_type_script_lang-
|
|
6
|
+
import './OrModal-868160ef.js';
|
|
7
|
+
import { s as script$2 } from './OrModal.vue_vue_type_script_lang-a1ed2ebb.js';
|
|
9
8
|
import './OrError-b43ebad8.js';
|
|
10
9
|
import './OrHint-c9114268.js';
|
|
11
10
|
import './OrLabel-e412c532.js';
|
|
@@ -3925,6 +3924,120 @@ class StyleSet {
|
|
|
3925
3924
|
// example to create a media query you can do `{"@media screen and
|
|
3926
3925
|
// (min-width: 400px)": {...}}`.
|
|
3927
3926
|
|
|
3927
|
+
var base = {
|
|
3928
|
+
8: "Backspace",
|
|
3929
|
+
9: "Tab",
|
|
3930
|
+
10: "Enter",
|
|
3931
|
+
12: "NumLock",
|
|
3932
|
+
13: "Enter",
|
|
3933
|
+
16: "Shift",
|
|
3934
|
+
17: "Control",
|
|
3935
|
+
18: "Alt",
|
|
3936
|
+
20: "CapsLock",
|
|
3937
|
+
27: "Escape",
|
|
3938
|
+
32: " ",
|
|
3939
|
+
33: "PageUp",
|
|
3940
|
+
34: "PageDown",
|
|
3941
|
+
35: "End",
|
|
3942
|
+
36: "Home",
|
|
3943
|
+
37: "ArrowLeft",
|
|
3944
|
+
38: "ArrowUp",
|
|
3945
|
+
39: "ArrowRight",
|
|
3946
|
+
40: "ArrowDown",
|
|
3947
|
+
44: "PrintScreen",
|
|
3948
|
+
45: "Insert",
|
|
3949
|
+
46: "Delete",
|
|
3950
|
+
59: ";",
|
|
3951
|
+
61: "=",
|
|
3952
|
+
91: "Meta",
|
|
3953
|
+
92: "Meta",
|
|
3954
|
+
106: "*",
|
|
3955
|
+
107: "+",
|
|
3956
|
+
108: ",",
|
|
3957
|
+
109: "-",
|
|
3958
|
+
110: ".",
|
|
3959
|
+
111: "/",
|
|
3960
|
+
144: "NumLock",
|
|
3961
|
+
145: "ScrollLock",
|
|
3962
|
+
160: "Shift",
|
|
3963
|
+
161: "Shift",
|
|
3964
|
+
162: "Control",
|
|
3965
|
+
163: "Control",
|
|
3966
|
+
164: "Alt",
|
|
3967
|
+
165: "Alt",
|
|
3968
|
+
173: "-",
|
|
3969
|
+
186: ";",
|
|
3970
|
+
187: "=",
|
|
3971
|
+
188: ",",
|
|
3972
|
+
189: "-",
|
|
3973
|
+
190: ".",
|
|
3974
|
+
191: "/",
|
|
3975
|
+
192: "`",
|
|
3976
|
+
219: "[",
|
|
3977
|
+
220: "\\",
|
|
3978
|
+
221: "]",
|
|
3979
|
+
222: "'"
|
|
3980
|
+
};
|
|
3981
|
+
var shift = {
|
|
3982
|
+
48: ")",
|
|
3983
|
+
49: "!",
|
|
3984
|
+
50: "@",
|
|
3985
|
+
51: "#",
|
|
3986
|
+
52: "$",
|
|
3987
|
+
53: "%",
|
|
3988
|
+
54: "^",
|
|
3989
|
+
55: "&",
|
|
3990
|
+
56: "*",
|
|
3991
|
+
57: "(",
|
|
3992
|
+
59: ":",
|
|
3993
|
+
61: "+",
|
|
3994
|
+
173: "_",
|
|
3995
|
+
186: ":",
|
|
3996
|
+
187: "+",
|
|
3997
|
+
188: "<",
|
|
3998
|
+
189: "_",
|
|
3999
|
+
190: ">",
|
|
4000
|
+
191: "?",
|
|
4001
|
+
192: "~",
|
|
4002
|
+
219: "{",
|
|
4003
|
+
220: "|",
|
|
4004
|
+
221: "}",
|
|
4005
|
+
222: "\""
|
|
4006
|
+
};
|
|
4007
|
+
var chrome$1 = typeof navigator != "undefined" && /Chrome\/(\d+)/.exec(navigator.userAgent);
|
|
4008
|
+
typeof navigator != "undefined" && /Gecko\/\d+/.test(navigator.userAgent);
|
|
4009
|
+
var mac = typeof navigator != "undefined" && /Mac/.test(navigator.platform);
|
|
4010
|
+
var ie$1 = typeof navigator != "undefined" && /MSIE \d|Trident\/(?:[7-9]|\d{2,})\..*rv:(\d+)/.exec(navigator.userAgent);
|
|
4011
|
+
var brokenModifierNames = mac || chrome$1 && +chrome$1[1] < 57;
|
|
4012
|
+
|
|
4013
|
+
// Fill in the digit keys
|
|
4014
|
+
for (var i = 0; i < 10; i++) base[48 + i] = base[96 + i] = String(i);
|
|
4015
|
+
|
|
4016
|
+
// The function keys
|
|
4017
|
+
for (var i = 1; i <= 24; i++) base[i + 111] = "F" + i;
|
|
4018
|
+
|
|
4019
|
+
// And the alphabetic keys
|
|
4020
|
+
for (var i = 65; i <= 90; i++) {
|
|
4021
|
+
base[i] = String.fromCharCode(i + 32);
|
|
4022
|
+
shift[i] = String.fromCharCode(i);
|
|
4023
|
+
}
|
|
4024
|
+
|
|
4025
|
+
// For each code that doesn't have a shift-equivalent, copy the base name
|
|
4026
|
+
for (var code in base) if (!shift.hasOwnProperty(code)) shift[code] = base[code];
|
|
4027
|
+
function keyName(event) {
|
|
4028
|
+
var ignoreKey = brokenModifierNames && (event.ctrlKey || event.altKey || event.metaKey) || ie$1 && event.shiftKey && event.key && event.key.length == 1 || event.key == "Unidentified";
|
|
4029
|
+
var name = !ignoreKey && event.key || (event.shiftKey ? shift : base)[event.keyCode] || event.key || "Unidentified";
|
|
4030
|
+
// Edge sometimes produces wrong names (Issue #3)
|
|
4031
|
+
if (name == "Esc") name = "Escape";
|
|
4032
|
+
if (name == "Del") name = "Delete";
|
|
4033
|
+
// https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/8860571/
|
|
4034
|
+
if (name == "Left") name = "ArrowLeft";
|
|
4035
|
+
if (name == "Up") name = "ArrowUp";
|
|
4036
|
+
if (name == "Right") name = "ArrowRight";
|
|
4037
|
+
if (name == "Down") name = "ArrowDown";
|
|
4038
|
+
return name;
|
|
4039
|
+
}
|
|
4040
|
+
|
|
3928
4041
|
function getSelection(root) {
|
|
3929
4042
|
let target;
|
|
3930
4043
|
// Browsers differ on whether shadow roots have a getSelection
|
|
@@ -2,10 +2,10 @@ import { defineComponent, ref, computed } from 'vue';
|
|
|
2
2
|
import { useMagicKeys, useActiveElement, whenever } from '@vueuse/core';
|
|
3
3
|
import { l as logicAnd } from './index-01519e46.js';
|
|
4
4
|
import './OrButton-ec723bb7.js';
|
|
5
|
-
import './OrModal-
|
|
5
|
+
import './OrModal-868160ef.js';
|
|
6
6
|
import { s as script$3 } from './OrInput-7d4b571a.js';
|
|
7
7
|
import { a as BUTTON_COLOR } from './constants-c5d1139f.js';
|
|
8
|
-
import { s as script$2, O as OrModalSizes } from './OrModal.vue_vue_type_script_lang-
|
|
8
|
+
import { s as script$2, O as OrModalSizes } from './OrModal.vue_vue_type_script_lang-a1ed2ebb.js';
|
|
9
9
|
import { s as script$1 } from './OrButton.vue_vue_type_script_lang-ffc66d00.js';
|
|
10
10
|
|
|
11
11
|
var script = defineComponent({
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { s as script } from './OrModal.vue_vue_type_script_lang-
|
|
1
|
+
import { s as script } from './OrModal.vue_vue_type_script_lang-a1ed2ebb.js';
|
|
2
2
|
import { resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, normalizeClass, renderSlot, toDisplayString, withDirectives, vShow, createCommentVNode } from 'vue';
|
|
3
3
|
import { s as styleInject } from './style-inject.es-4c6f2515.js';
|
|
4
4
|
|
package/dist/bundled/{v2/useFocusTrap-d744652a.js → v3/OrModal.vue_vue_type_script_lang-a1ed2ebb.js}
RENAMED
|
@@ -1,6 +1,32 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import '
|
|
3
|
-
import {
|
|
1
|
+
import { openBlock, createElementBlock, normalizeClass, renderSlot, ref, watch, defineComponent, onBeforeUnmount } from 'vue';
|
|
2
|
+
import _ from 'lodash';
|
|
3
|
+
import { unrefElement, tryOnScopeDispose, onClickOutside } from '@vueuse/core';
|
|
4
|
+
import './OrIconButton-e637158e.js';
|
|
5
|
+
import { s as script$1 } from './OrOverlay.vue_vue_type_script_lang-b9bf5e50.js';
|
|
6
|
+
import { s as styleInject } from './style-inject.es-4c6f2515.js';
|
|
7
|
+
import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-40547ab0.js';
|
|
8
|
+
|
|
9
|
+
function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
10
|
+
return openBlock(), createElementBlock("div", {
|
|
11
|
+
class: normalizeClass(["or-overlay", _ctx.states])
|
|
12
|
+
}, [renderSlot(_ctx.$slots, "default")], 2 /* CLASS */);
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
var css_248z = "/**\n * A simple way to manage mobile breakpoints described in https://davidwalsh.name/write-media-queries-sass.\n * Can be further extended using following approach https://rimdev.io/making-media-query-mixins-with-sass/\n */\n@keyframes spinAround-34f88318 {\nfrom {\n transform: rotate(0);\n}\nto {\n transform: rotate(359deg);\n}\n}\n@keyframes fade-34f88318 {\nfrom {\n opacity: 1;\n}\nto {\n opacity: 0;\n}\n}\n.or-overlay[data-v-34f88318] {\n display: none;\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n z-index: 25;\n}\n.or-overlay[data-v-34f88318]:not(.without-background) {\n background-color: rgba(30, 35, 43, 0.8);\n}\n.or-overlay.active[data-v-34f88318] {\n display: flex;\n}\n.or-overlay.page[data-v-34f88318] {\n position: fixed;\n height: 100vh;\n width: 100vw;\n}";
|
|
16
|
+
styleInject(css_248z);
|
|
17
|
+
|
|
18
|
+
script$1.render = render;
|
|
19
|
+
script$1.__scopeId = "data-v-34f88318";
|
|
20
|
+
script$1.__file = "src/components/or-overlay/OrOverlay.vue";
|
|
21
|
+
|
|
22
|
+
var OrModalSizes;
|
|
23
|
+
(function (OrModalSizes) {
|
|
24
|
+
OrModalSizes["tiny"] = "tiny";
|
|
25
|
+
OrModalSizes["small"] = "small";
|
|
26
|
+
OrModalSizes["medium"] = "medium";
|
|
27
|
+
OrModalSizes["large"] = "large";
|
|
28
|
+
OrModalSizes["fullScreen"] = "fullScreen";
|
|
29
|
+
})(OrModalSizes || (OrModalSizes = {}));
|
|
4
30
|
|
|
5
31
|
/*!
|
|
6
32
|
* tabbable 6.0.1
|
|
@@ -1266,4 +1292,100 @@ function useFocusTrap(target, options = {}) {
|
|
|
1266
1292
|
};
|
|
1267
1293
|
}
|
|
1268
1294
|
|
|
1269
|
-
|
|
1295
|
+
var script = defineComponent({
|
|
1296
|
+
name: 'OrModal',
|
|
1297
|
+
components: {
|
|
1298
|
+
OrIconButton: script$2,
|
|
1299
|
+
OrOverlay: script$1
|
|
1300
|
+
},
|
|
1301
|
+
props: {
|
|
1302
|
+
titleText: {
|
|
1303
|
+
type: String,
|
|
1304
|
+
required: false,
|
|
1305
|
+
default: null,
|
|
1306
|
+
validator: _.isString
|
|
1307
|
+
},
|
|
1308
|
+
showClose: {
|
|
1309
|
+
type: Boolean,
|
|
1310
|
+
default: true,
|
|
1311
|
+
validator: _.isBoolean
|
|
1312
|
+
},
|
|
1313
|
+
closeOnClickOutside: {
|
|
1314
|
+
type: Boolean,
|
|
1315
|
+
required: false,
|
|
1316
|
+
default: false,
|
|
1317
|
+
validator: _.isBoolean
|
|
1318
|
+
},
|
|
1319
|
+
size: {
|
|
1320
|
+
type: String,
|
|
1321
|
+
required: false,
|
|
1322
|
+
default: OrModalSizes.small
|
|
1323
|
+
},
|
|
1324
|
+
isOpen: {
|
|
1325
|
+
type: Boolean,
|
|
1326
|
+
required: true,
|
|
1327
|
+
validator: _.isBoolean
|
|
1328
|
+
},
|
|
1329
|
+
isWithoutOverlay: {
|
|
1330
|
+
type: Boolean,
|
|
1331
|
+
required: false,
|
|
1332
|
+
default: false,
|
|
1333
|
+
validator: _.isBoolean
|
|
1334
|
+
},
|
|
1335
|
+
trapFocus: {
|
|
1336
|
+
type: Boolean,
|
|
1337
|
+
default: true,
|
|
1338
|
+
validator: _.isBoolean
|
|
1339
|
+
}
|
|
1340
|
+
},
|
|
1341
|
+
emits: ['close'],
|
|
1342
|
+
setup(props, {
|
|
1343
|
+
emit
|
|
1344
|
+
}) {
|
|
1345
|
+
const overlay = ref();
|
|
1346
|
+
let container = ref(null);
|
|
1347
|
+
let trap = useFocusTrap(container, {
|
|
1348
|
+
immediate: props.trapFocus,
|
|
1349
|
+
fallbackFocus: '.container',
|
|
1350
|
+
allowOutsideClick: true
|
|
1351
|
+
});
|
|
1352
|
+
const handleClose = () => emit('close');
|
|
1353
|
+
onClickOutside(container, evt => {
|
|
1354
|
+
if (!evt.composedPath().includes(overlay.value.$el)) return;
|
|
1355
|
+
if (props.closeOnClickOutside) handleClose();
|
|
1356
|
+
});
|
|
1357
|
+
const toggleFocusTrap = isNeedToTrap => {
|
|
1358
|
+
if (isNeedToTrap && props.isOpen) {
|
|
1359
|
+
trap.activate();
|
|
1360
|
+
} else {
|
|
1361
|
+
trap === null || trap === void 0 ? void 0 : trap.deactivate();
|
|
1362
|
+
}
|
|
1363
|
+
};
|
|
1364
|
+
watch(() => props.trapFocus, toggleFocusTrap, {
|
|
1365
|
+
immediate: true
|
|
1366
|
+
});
|
|
1367
|
+
watch(() => props.isOpen, isOpen => {
|
|
1368
|
+
toggleFocusTrap(false);
|
|
1369
|
+
if (isOpen) {
|
|
1370
|
+
container = ref(null);
|
|
1371
|
+
} else {
|
|
1372
|
+
trap === null || trap === void 0 ? void 0 : trap.deactivate();
|
|
1373
|
+
}
|
|
1374
|
+
});
|
|
1375
|
+
onBeforeUnmount(() => {
|
|
1376
|
+
trap === null || trap === void 0 ? void 0 : trap.deactivate();
|
|
1377
|
+
});
|
|
1378
|
+
return {
|
|
1379
|
+
container,
|
|
1380
|
+
overlay,
|
|
1381
|
+
handleClose
|
|
1382
|
+
};
|
|
1383
|
+
},
|
|
1384
|
+
computed: {
|
|
1385
|
+
sizeClass() {
|
|
1386
|
+
return `is-${this.size}`;
|
|
1387
|
+
}
|
|
1388
|
+
}
|
|
1389
|
+
});
|
|
1390
|
+
|
|
1391
|
+
export { OrModalSizes as O, script as s };
|
|
@@ -1,14 +1,40 @@
|
|
|
1
1
|
import { useResizeObserver } from '@vueuse/core';
|
|
2
|
-
import { openBlock, createElementBlock, mergeProps, renderSlot, defineComponent, ref, computed, reactive, watch, nextTick, onMounted } from 'vue';
|
|
2
|
+
import { resolveComponent, openBlock, createElementBlock, mergeProps, createVNode, withCtx, createElementVNode, normalizeClass, withModifiers, renderSlot, defineComponent, ref, computed, reactive, watch, nextTick, onMounted } from 'vue';
|
|
3
3
|
import './OrIcon-3a514933.js';
|
|
4
|
-
import './OrMenu-
|
|
4
|
+
import { s as script$1 } from './OrMenu.vue_vue_type_script_lang-bae45062.js';
|
|
5
5
|
import './OrMenuItem-94ffa853.js';
|
|
6
|
-
import { s as script$
|
|
6
|
+
import { s as script$2 } from './OrTab.vue_vue_type_script_lang-671949b7.js';
|
|
7
7
|
import { u as useClassAttribute } from './useClassAttribute-00888f78.js';
|
|
8
|
-
import { s as script$
|
|
9
|
-
import { s as script$3 } from './OrMenu.vue_vue_type_script_lang-bae45062.js';
|
|
8
|
+
import { s as script$3 } from './OrIcon.vue_vue_type_script_lang-41a6a57a.js';
|
|
10
9
|
import { s as script$4 } from './OrMenuItem.vue_vue_type_script_lang-ccb7e082.js';
|
|
11
10
|
|
|
11
|
+
function render$1(_ctx, _cache, $props, $setup, $data, $options) {
|
|
12
|
+
const _component_OrPopover = resolveComponent("OrPopover");
|
|
13
|
+
return openBlock(), createElementBlock("div", mergeProps({
|
|
14
|
+
ref: "root"
|
|
15
|
+
}, _ctx.$attrs, {
|
|
16
|
+
class: _ctx.rootStyles
|
|
17
|
+
}), [createVNode(_component_OrPopover, {
|
|
18
|
+
ref: "popover",
|
|
19
|
+
variant: 'auto',
|
|
20
|
+
trigger: _ctx.trigger,
|
|
21
|
+
placement: _ctx.placement,
|
|
22
|
+
"full-width": false,
|
|
23
|
+
"disable-default-styles": false,
|
|
24
|
+
"onUpdate:state": _cache[1] || (_cache[1] = $event => _ctx.$emit('update:state', $event))
|
|
25
|
+
}, {
|
|
26
|
+
default: withCtx(() => [createElementVNode("div", {
|
|
27
|
+
class: normalizeClass(_ctx.bodyStyles),
|
|
28
|
+
onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.onClick && _ctx.onClick(...args), ["stop"]))
|
|
29
|
+
}, [renderSlot(_ctx.$slots, "default")], 2 /* CLASS */)]),
|
|
30
|
+
|
|
31
|
+
_: 3 /* FORWARDED */
|
|
32
|
+
}, 8 /* PROPS */, ["trigger", "placement"])], 16 /* FULL_PROPS */);
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
script$1.render = render$1;
|
|
36
|
+
script$1.__file = "src/components/or-menu-v3/OrMenu.vue";
|
|
37
|
+
|
|
12
38
|
const _hoisted_1 = ["selected"];
|
|
13
39
|
function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
14
40
|
return openBlock(), createElementBlock("div", mergeProps({
|
|
@@ -23,8 +49,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
23
49
|
}), [renderSlot(_ctx.$slots, "default")], 16 /* FULL_PROPS */, _hoisted_1);
|
|
24
50
|
}
|
|
25
51
|
|
|
26
|
-
script$
|
|
27
|
-
script$
|
|
52
|
+
script$2.render = render;
|
|
53
|
+
script$2.__file = "src/components/or-tab-v3/OrTab.vue";
|
|
28
54
|
|
|
29
55
|
var TabsVariant;
|
|
30
56
|
(function (TabsVariant) {
|
|
@@ -53,10 +79,10 @@ const TabsRootVariants = {
|
|
|
53
79
|
var script = defineComponent({
|
|
54
80
|
name: 'OrTabs',
|
|
55
81
|
components: {
|
|
56
|
-
OrIcon: script$
|
|
57
|
-
OrMenu: script$
|
|
82
|
+
OrIcon: script$3,
|
|
83
|
+
OrMenu: script$1,
|
|
58
84
|
OrMenuItem: script$4,
|
|
59
|
-
OrTab: script$
|
|
85
|
+
OrTab: script$2
|
|
60
86
|
},
|
|
61
87
|
inheritAttrs: false,
|
|
62
88
|
props: {
|
|
@@ -15,10 +15,10 @@ export { s as OrCheckbox } from '../OrCheckbox.vue_vue_type_script_lang-cd20521b
|
|
|
15
15
|
export { s as OrCheckboxV3 } from '../OrCheckbox.vue_vue_type_script_lang-10d8b047.js';
|
|
16
16
|
export { s as OrChip } from '../OrChip-5d502431.js';
|
|
17
17
|
export { s as OrChips } from '../OrChips.vue_vue_type_script_lang-69917e34.js';
|
|
18
|
-
export { s as OrCode, O as OrCodeLanguages } from '../OrCode.vue_vue_type_script_lang-
|
|
18
|
+
export { s as OrCode, O as OrCodeLanguages } from '../OrCode.vue_vue_type_script_lang-ef5e7f04.js';
|
|
19
19
|
export { s as OrCollapse } from '../OrCollapse.vue_vue_type_script_lang-65cbb754.js';
|
|
20
20
|
export { s as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k as brown, c as cyan, j as deepOrange, d as deepPurple, g as green, i as indigo, l as lightBlue, e as lightGreen, f as lime, o as orange, p as pink, a as purple, r as red, t as teal, w as white, y as yellow } from '../OrColorPicker.vue_vue_type_script_lang-4141378d.js';
|
|
21
|
-
export { s as OrConfirm } from '../OrConfirm.vue_vue_type_script_lang-
|
|
21
|
+
export { s as OrConfirm } from '../OrConfirm.vue_vue_type_script_lang-0f16fc67.js';
|
|
22
22
|
export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirm.vue_vue_type_script_lang-20ffe5df.js';
|
|
23
23
|
export { D as DEFAULT_TEXT, s as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../OrDateTimePicker.vue_vue_type_script_lang-7bfe5005.js';
|
|
24
24
|
export { s as OrError } from '../OrError.vue_vue_type_script_lang-7c39e012.js';
|
|
@@ -51,7 +51,7 @@ export { a as LoaderColor, b as LoaderSize, L as LoaderVariant, s as OrLoaderV3
|
|
|
51
51
|
export { s as OrMenuItemV3 } from '../OrMenuItem.vue_vue_type_script_lang-ccb7e082.js';
|
|
52
52
|
export { s as OrMenuV3 } from '../OrMenu.vue_vue_type_script_lang-bae45062.js';
|
|
53
53
|
export { P as MenuPlacement, s as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from '../OrPopover.vue_vue_type_script_lang-e200f5be.js';
|
|
54
|
-
export { s as OrModal, O as OrModalSizes } from '../OrModal.vue_vue_type_script_lang-
|
|
54
|
+
export { s as OrModal, O as OrModalSizes } from '../OrModal.vue_vue_type_script_lang-a1ed2ebb.js';
|
|
55
55
|
export { M as ModalSize, s as OrModalV3 } from '../OrModal.vue_vue_type_script_lang-f3f5a84b.js';
|
|
56
56
|
export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, s as OrNotification } from '../OrNotification.vue_vue_type_script_lang-07163a83.js';
|
|
57
57
|
export { N as NotificationVariant, s as OrNotificationV3 } from '../OrNotification.vue_vue_type_script_lang-83bfbfc4.js';
|
|
@@ -80,7 +80,7 @@ export { s as OrTab } from '../OrTab.vue_vue_type_script_lang-de7c7063.js';
|
|
|
80
80
|
export { s as OrTabHeaderItem } from '../OrTabHeaderItem.vue_vue_type_script_lang-e1f29563.js';
|
|
81
81
|
export { s as OrTabV3 } from '../OrTab.vue_vue_type_script_lang-671949b7.js';
|
|
82
82
|
export { s as OrTabs } from '../OrTabs.vue_vue_type_script_lang-40e2a6e9.js';
|
|
83
|
-
export { s as OrTabsV3, T as TabsVariant } from '../OrTabs.vue_vue_type_script_lang-
|
|
83
|
+
export { s as OrTabsV3, T as TabsVariant } from '../OrTabs.vue_vue_type_script_lang-ca57f9d9.js';
|
|
84
84
|
export { s as OrTag } from '../OrTag.vue_vue_type_script_lang-8c526c11.js';
|
|
85
85
|
export { s as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag.vue_vue_type_script_lang-6be84bb9.js';
|
|
86
86
|
export { s as OrTeleport } from '../OrTeleportVue3-012351e1.js';
|
|
@@ -95,7 +95,6 @@ export { p as PropsV3, a as useQueueV3, u as useToastV3 } from '../useToast-4d43
|
|
|
95
95
|
export { s as OrTooltip } from '../OrTooltip.vue_vue_type_script_lang-fa52d391.js';
|
|
96
96
|
export { s as OrTooltipContent } from '../OrTooltipContent-b0dcb862.js';
|
|
97
97
|
export { s as OrTooltipV3 } from '../OrTooltip.vue_vue_type_script_lang-a4168546.js';
|
|
98
|
-
export { s as OrRichTextEditorV3 } from '../OrRichTextEditor.vue_vue_type_script_lang-f5d3e39b.js';
|
|
99
98
|
import 'vue';
|
|
100
99
|
import 'lodash';
|
|
101
100
|
import '../OrIcon-1cae8a64.js';
|
|
@@ -111,8 +110,7 @@ import '../OrInput-4b4b8316.js';
|
|
|
111
110
|
import '../OrLabel-2809e2db.js';
|
|
112
111
|
import '../OrLabel-e412c532.js';
|
|
113
112
|
import '../OrError-b43ebad8.js';
|
|
114
|
-
import '../
|
|
115
|
-
import '../OrModal-bbabef06.js';
|
|
113
|
+
import '../OrModal-868160ef.js';
|
|
116
114
|
import '../OrHint-c9114268.js';
|
|
117
115
|
import '../px-to-rem-0b26b83e.js';
|
|
118
116
|
import '../dom-d21d0a92.js';
|
|
@@ -130,9 +128,6 @@ import '../v4-cf8987a3.js';
|
|
|
130
128
|
import '../OrPopover-93ef8c26.js';
|
|
131
129
|
import '../useResponsive-9d397e2a.js';
|
|
132
130
|
import '../useElevation-c8d5d3ba.js';
|
|
133
|
-
import '../useFocusTrap-d21726e3.js';
|
|
134
131
|
import '../OrMenuItem-94ffa853.js';
|
|
135
132
|
import '../dropdown-open-293d2de2.js';
|
|
136
133
|
import '../useOverflow-2468b718.js';
|
|
137
|
-
import '../OrMenu-08aa60de.js';
|
|
138
|
-
import 'node:punycode';
|
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
export { s as OrCode, O as OrCodeLanguages } from '../../OrCode.vue_vue_type_script_lang-
|
|
1
|
+
export { s as OrCode, O as OrCodeLanguages } from '../../OrCode.vue_vue_type_script_lang-ef5e7f04.js';
|
|
2
2
|
import '@vueuse/core';
|
|
3
|
-
import '../../index.es-3f39f316.js';
|
|
4
3
|
import 'lodash';
|
|
5
4
|
import 'vue';
|
|
6
5
|
import '../../OrTeleportVue3-012351e1.js';
|
|
@@ -19,9 +18,8 @@ import '../../OrIcon.vue_vue_type_script_lang-7e3a17fe.js';
|
|
|
19
18
|
import '../../px-to-rem-0b26b83e.js';
|
|
20
19
|
import '../../OrLoader-ee97fef4.js';
|
|
21
20
|
import '../../OrLoader.vue_vue_type_script_lang-1378ab8e.js';
|
|
22
|
-
import '../../OrModal-
|
|
23
|
-
import '../../OrModal.vue_vue_type_script_lang-
|
|
24
|
-
import '../../useFocusTrap-d21726e3.js';
|
|
21
|
+
import '../../OrModal-868160ef.js';
|
|
22
|
+
import '../../OrModal.vue_vue_type_script_lang-a1ed2ebb.js';
|
|
25
23
|
import '../../OrOverlay.vue_vue_type_script_lang-b9bf5e50.js';
|
|
26
24
|
import '../../OrError-b43ebad8.js';
|
|
27
25
|
import '../../OrError.vue_vue_type_script_lang-7c39e012.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { s as OrConfirm } from '../../OrConfirm.vue_vue_type_script_lang-
|
|
1
|
+
export { s as OrConfirm } from '../../OrConfirm.vue_vue_type_script_lang-0f16fc67.js';
|
|
2
2
|
import 'vue';
|
|
3
3
|
import '@vueuse/core';
|
|
4
4
|
import '../../index-01519e46.js';
|
|
@@ -18,9 +18,8 @@ import '../../OrTeleportVue3-012351e1.js';
|
|
|
18
18
|
import '../../dom-d21d0a92.js';
|
|
19
19
|
import '../../OrLoader-ee97fef4.js';
|
|
20
20
|
import '../../OrLoader.vue_vue_type_script_lang-1378ab8e.js';
|
|
21
|
-
import '../../OrModal-
|
|
22
|
-
import '../../OrModal.vue_vue_type_script_lang-
|
|
23
|
-
import '../../useFocusTrap-d21726e3.js';
|
|
21
|
+
import '../../OrModal-868160ef.js';
|
|
22
|
+
import '../../OrModal.vue_vue_type_script_lang-a1ed2ebb.js';
|
|
24
23
|
import '../../OrIconButton-e637158e.js';
|
|
25
24
|
import '../../OrIconButton.vue_vue_type_script_lang-40547ab0.js';
|
|
26
25
|
import '../../OrTooltip.vue_vue_type_script_lang-fa52d391.js';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { PropType } from 'vue-demi';
|
|
2
|
-
import { InputBoxVariant } from '
|
|
2
|
+
import { InputBoxVariant } from './props';
|
|
3
3
|
import { InputBoxSize } from './props';
|
|
4
4
|
declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
|
|
5
5
|
root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
|
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
export { s as OrModal, O as OrModalSizes } from '../../OrModal.vue_vue_type_script_lang-
|
|
1
|
+
export { s as OrModal, O as OrModalSizes } from '../../OrModal.vue_vue_type_script_lang-a1ed2ebb.js';
|
|
2
2
|
import 'vue';
|
|
3
3
|
import 'lodash';
|
|
4
4
|
import '@vueuse/core';
|
|
5
|
-
import '../../useFocusTrap-d21726e3.js';
|
|
6
5
|
import '../../OrIconButton-e637158e.js';
|
|
7
6
|
import '../../OrIconButton.vue_vue_type_script_lang-40547ab0.js';
|
|
8
7
|
import '../../OrTooltip.vue_vue_type_script_lang-fa52d391.js';
|
|
@@ -1,10 +1,9 @@
|
|
|
1
|
-
export { s as OrTabsV3, T as TabsVariant } from '../../OrTabs.vue_vue_type_script_lang-
|
|
1
|
+
export { s as OrTabsV3, T as TabsVariant } from '../../OrTabs.vue_vue_type_script_lang-ca57f9d9.js';
|
|
2
2
|
import '@vueuse/core';
|
|
3
3
|
import 'vue';
|
|
4
4
|
import '../../OrIcon-3a514933.js';
|
|
5
5
|
import '../../OrIcon.vue_vue_type_script_lang-41a6a57a.js';
|
|
6
6
|
import '../../useClassAttribute-00888f78.js';
|
|
7
|
-
import '../../OrMenu-08aa60de.js';
|
|
8
7
|
import '../../OrMenu.vue_vue_type_script_lang-bae45062.js';
|
|
9
8
|
import '../../OrPopover-93ef8c26.js';
|
|
10
9
|
import '../../OrPopover.vue_vue_type_script_lang-e200f5be.js';
|