@onereach/ui-components 2.71.1-beta.2227.0 → 2.72.0-beta.2234.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.
Files changed (84) hide show
  1. package/dist/bundled/v2/{OrCardCollection-f6c1318a.js → OrCardCollection-0141a358.js} +1 -1
  2. package/dist/bundled/v2/{OrCode-fc6876ec.js → OrCode-ad3edffd.js} +183 -11
  3. package/dist/bundled/v2/{OrConfirm-371a99bf.js → OrConfirm-057e997e.js} +1 -1
  4. package/dist/bundled/v2/{OrInput-b0cdd2ae.js → OrInput-82ccfe00.js} +6 -23
  5. package/dist/bundled/v2/{OrNotification-3909aaf2.js → OrNotification-2e2a1941.js} +3 -3
  6. package/dist/bundled/v2/{OrSearch-fe562cfd.js → OrSearch-53470b0e.js} +1 -1
  7. package/dist/bundled/v2/{OrSelect-0c169a4f.js → OrSelect-02fb39f0.js} +1 -1
  8. package/dist/bundled/v2/{OrSkeletonText-242d22f3.js → OrSkeletonText-2f1a3cc7.js} +3 -3
  9. package/dist/bundled/v2/components/index.js +9 -9
  10. package/dist/bundled/v2/components/or-card-collection-v3/index.js +3 -3
  11. package/dist/bundled/v2/components/or-code/OrCode.vue.d.ts +10 -0
  12. package/dist/bundled/v2/components/or-code/index.js +1 -1
  13. package/dist/bundled/v2/components/or-confirm-v3/index.js +2 -2
  14. package/dist/bundled/v2/components/or-input-v3/OrInput.vue.d.ts +0 -13
  15. package/dist/bundled/v2/components/or-input-v3/index.js +1 -2
  16. package/dist/bundled/v2/components/or-notification/index.js +1 -1
  17. package/dist/bundled/v2/components/or-search-v3/index.js +2 -3
  18. package/dist/bundled/v2/components/or-select-v3/index.js +2 -3
  19. package/dist/bundled/v2/components/or-skeleton/index.js +1 -1
  20. package/dist/bundled/v2/index.js +9 -9
  21. package/dist/bundled/v3/{OrCardCollection.vue_vue_type_script_lang-1fa9e6ce.js → OrCardCollection.vue_vue_type_script_lang-2d78a51a.js} +1 -1
  22. package/dist/bundled/v3/{OrCode.vue_vue_type_script_lang-c55de81d.js → OrCode.vue_vue_type_script_lang-fcfdbb5b.js} +179 -7
  23. package/dist/bundled/v3/{OrConfirm.vue_vue_type_script_lang-5eef57a2.js → OrConfirm.vue_vue_type_script_lang-9d9a3917.js} +2 -2
  24. package/dist/bundled/v3/{OrInput-04b89444.js → OrInput-a4f220ed.js} +4 -13
  25. package/dist/bundled/v3/{OrInput.vue_vue_type_script_lang-caab1e89.js → OrInput.vue_vue_type_script_lang-607d79d4.js} +1 -13
  26. package/dist/bundled/v3/{OrSearch.vue_vue_type_script_lang-10ff525e.js → OrSearch.vue_vue_type_script_lang-06f318ca.js} +2 -2
  27. package/dist/bundled/v3/{OrSelect.vue_vue_type_script_lang-4fad2bfb.js → OrSelect.vue_vue_type_script_lang-83f15704.js} +2 -2
  28. package/dist/bundled/v3/components/index.js +8 -8
  29. package/dist/bundled/v3/components/or-card-collection-v3/index.js +4 -4
  30. package/dist/bundled/v3/components/or-code/OrCode.vue.d.ts +10 -0
  31. package/dist/bundled/v3/components/or-code/index.js +1 -1
  32. package/dist/bundled/v3/components/or-confirm-v3/index.js +3 -3
  33. package/dist/bundled/v3/components/or-input-v3/OrInput.vue.d.ts +0 -13
  34. package/dist/bundled/v3/components/or-input-v3/index.js +1 -3
  35. package/dist/bundled/v3/components/or-search-v3/index.js +3 -5
  36. package/dist/bundled/v3/components/or-select-v3/index.js +3 -5
  37. package/dist/bundled/v3/index.js +17 -17
  38. package/dist/esm/v2/{OrCardCollection-e08a4637.js → OrCardCollection-3c38fc85.js} +1 -1
  39. package/dist/esm/v2/{OrCode-d4400b42.js → OrCode-cae7f360.js} +29 -11
  40. package/dist/esm/v2/{OrConfirm-43f97635.js → OrConfirm-047d4086.js} +1 -1
  41. package/dist/esm/v2/{OrInput-5e46af9a.js → OrInput-ada3a970.js} +6 -23
  42. package/dist/esm/v2/{OrNotification-a9231a83.js → OrNotification-a49e76d3.js} +3 -3
  43. package/dist/esm/v2/{OrSearch-84143c15.js → OrSearch-0f08f2f5.js} +1 -1
  44. package/dist/esm/v2/{OrSelect-5a2ff296.js → OrSelect-f8837f5d.js} +1 -1
  45. package/dist/esm/v2/{OrSkeletonText-cc94bdc9.js → OrSkeletonText-24509efe.js} +3 -3
  46. package/dist/esm/v2/components/index.js +10 -9
  47. package/dist/esm/v2/components/or-card-collection-v3/index.js +3 -3
  48. package/dist/esm/v2/components/or-code/OrCode.vue.d.ts +10 -0
  49. package/dist/esm/v2/components/or-code/index.js +3 -2
  50. package/dist/esm/v2/components/or-confirm-v3/index.js +3 -3
  51. package/dist/esm/v2/components/or-input-v3/OrInput.vue.d.ts +0 -13
  52. package/dist/esm/v2/components/or-input-v3/index.js +2 -3
  53. package/dist/esm/v2/components/or-notification/index.js +1 -1
  54. package/dist/esm/v2/components/or-search-v3/index.js +3 -4
  55. package/dist/esm/v2/components/or-select-v3/index.js +3 -4
  56. package/dist/esm/v2/components/or-skeleton/index.js +1 -1
  57. package/dist/esm/v2/index.js +9 -8
  58. package/dist/esm/v3/{OrCardCollection-6912f897.js → OrCardCollection-dbb3e839.js} +1 -1
  59. package/dist/esm/v3/{OrCode-5ed69c23.js → OrCode-cd9a8fb2.js} +26 -8
  60. package/dist/esm/v3/{OrConfirm-d1c05034.js → OrConfirm-fee3c859.js} +1 -1
  61. package/dist/esm/v3/{OrInput-a2c4cfb5.js → OrInput-9c0426b9.js} +4 -24
  62. package/dist/esm/v3/{OrNotification-e85a4956.js → OrNotification-eb08de33.js} +1 -1
  63. package/dist/esm/v3/{OrSearch-dbb07738.js → OrSearch-9885d178.js} +1 -1
  64. package/dist/esm/v3/{OrSelect-511acc24.js → OrSelect-8fbd88bc.js} +1 -1
  65. package/dist/esm/v3/{OrSkeletonText-2b1610ce.js → OrSkeletonText-0546754d.js} +3 -3
  66. package/dist/esm/v3/components/index.js +10 -9
  67. package/dist/esm/v3/components/or-card-collection-v3/index.js +3 -3
  68. package/dist/esm/v3/components/or-code/OrCode.vue.d.ts +10 -0
  69. package/dist/esm/v3/components/or-code/index.js +3 -2
  70. package/dist/esm/v3/components/or-confirm-v3/index.js +3 -3
  71. package/dist/esm/v3/components/or-input-v3/OrInput.vue.d.ts +0 -13
  72. package/dist/esm/v3/components/or-input-v3/index.js +2 -3
  73. package/dist/esm/v3/components/or-notification/index.js +1 -1
  74. package/dist/esm/v3/components/or-search-v3/index.js +3 -4
  75. package/dist/esm/v3/components/or-select-v3/index.js +3 -4
  76. package/dist/esm/v3/components/or-skeleton/index.js +1 -1
  77. package/dist/esm/v3/index.js +9 -8
  78. package/package.json +3 -2
  79. package/src/components/or-code/OrCode.vue +22 -5
  80. package/src/components/or-input-v3/OrInput.stories3.ts +0 -4
  81. package/src/components/or-input-v3/OrInput.vue +16 -36
  82. package/src/components/or-notification/OrNotification.vue +26 -1
  83. package/src/components/or-skeleton/styles.scss +18 -3
  84. package/src/components/or-stepper/OrStepper.stories.ts +1 -1
@@ -7,7 +7,7 @@ import { s as script$5 } from './OrMenu.vue_vue_type_script_lang-2446a69a.js';
7
7
  import './OrMenuItem-4feaba6c.js';
8
8
  import { s as script$6 } from './OrMenuItem.vue_vue_type_script_lang-0ffaef05.js';
9
9
  import './OrIcon-d878b768.js';
10
- import { s as script$2 } from './OrSearch.vue_vue_type_script_lang-10ff525e.js';
10
+ import { s as script$2 } from './OrSearch.vue_vue_type_script_lang-06f318ca.js';
11
11
  import { u as useClassAttribute } from './useClassAttribute-00888f78.js';
12
12
  import { s as script$4 } from './OrButton.vue_vue_type_script_lang-8c44986c.js';
13
13
  import { s as script$7 } from './OrIcon.vue_vue_type_script_lang-a119a715.js';
@@ -1,4 +1,4 @@
1
- import { useElementHover } from '@vueuse/core';
1
+ import { useMutationObserver, useElementHover } from '@vueuse/core';
2
2
  import _ from 'lodash';
3
3
  import { defineComponent, ref } from 'vue';
4
4
  import { s as script$3 } from './OrTeleportVue3-012351e1.js';
@@ -23380,6 +23380,161 @@ const basicSetup = /*@__PURE__*/(() => [lineNumbers(), highlightActiveLineGutter
23380
23380
  fallback: true
23381
23381
  }), bracketMatching(), closeBrackets(), autocompletion(), rectangularSelection(), crosshairCursor(), highlightActiveLine(), highlightSelectionMatches(), keymap.of([...closeBracketsKeymap, ...defaultKeymap, ...searchKeymap, ...historyKeymap, ...foldKeymap, ...completionKeymap, ...lintKeymap])])();
23382
23382
 
23383
+ // Using https://github.com/one-dark/vscode-one-dark-theme/ as reference for the colors
23384
+ const chalky = "#e5c07b",
23385
+ coral = "#e06c75",
23386
+ cyan = "#56b6c2",
23387
+ invalid = "#ffffff",
23388
+ ivory = "#abb2bf",
23389
+ stone = "#7d8799",
23390
+ // Brightened compared to original to increase contrast
23391
+ malibu = "#61afef",
23392
+ sage = "#98c379",
23393
+ whiskey = "#d19a66",
23394
+ violet = "#c678dd",
23395
+ darkBackground = "#21252b",
23396
+ highlightBackground = "#2c313a",
23397
+ background = "#282c34",
23398
+ tooltipBackground = "#353a42",
23399
+ selection = "#3E4451",
23400
+ cursor = "#528bff";
23401
+ /**
23402
+ The editor theme styles for One Dark.
23403
+ */
23404
+ const oneDarkTheme = /*@__PURE__*/EditorView.theme({
23405
+ "&": {
23406
+ color: ivory,
23407
+ backgroundColor: background
23408
+ },
23409
+ ".cm-content": {
23410
+ caretColor: cursor
23411
+ },
23412
+ ".cm-cursor, .cm-dropCursor": {
23413
+ borderLeftColor: cursor
23414
+ },
23415
+ "&.cm-focused .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection": {
23416
+ backgroundColor: selection
23417
+ },
23418
+ ".cm-panels": {
23419
+ backgroundColor: darkBackground,
23420
+ color: ivory
23421
+ },
23422
+ ".cm-panels.cm-panels-top": {
23423
+ borderBottom: "2px solid black"
23424
+ },
23425
+ ".cm-panels.cm-panels-bottom": {
23426
+ borderTop: "2px solid black"
23427
+ },
23428
+ ".cm-searchMatch": {
23429
+ backgroundColor: "#72a1ff59",
23430
+ outline: "1px solid #457dff"
23431
+ },
23432
+ ".cm-searchMatch.cm-searchMatch-selected": {
23433
+ backgroundColor: "#6199ff2f"
23434
+ },
23435
+ ".cm-activeLine": {
23436
+ backgroundColor: "#6699ff0b"
23437
+ },
23438
+ ".cm-selectionMatch": {
23439
+ backgroundColor: "#aafe661a"
23440
+ },
23441
+ "&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket": {
23442
+ backgroundColor: "#bad0f847"
23443
+ },
23444
+ ".cm-gutters": {
23445
+ backgroundColor: background,
23446
+ color: stone,
23447
+ border: "none"
23448
+ },
23449
+ ".cm-activeLineGutter": {
23450
+ backgroundColor: highlightBackground
23451
+ },
23452
+ ".cm-foldPlaceholder": {
23453
+ backgroundColor: "transparent",
23454
+ border: "none",
23455
+ color: "#ddd"
23456
+ },
23457
+ ".cm-tooltip": {
23458
+ border: "none",
23459
+ backgroundColor: tooltipBackground
23460
+ },
23461
+ ".cm-tooltip .cm-tooltip-arrow:before": {
23462
+ borderTopColor: "transparent",
23463
+ borderBottomColor: "transparent"
23464
+ },
23465
+ ".cm-tooltip .cm-tooltip-arrow:after": {
23466
+ borderTopColor: tooltipBackground,
23467
+ borderBottomColor: tooltipBackground
23468
+ },
23469
+ ".cm-tooltip-autocomplete": {
23470
+ "& > ul > li[aria-selected]": {
23471
+ backgroundColor: highlightBackground,
23472
+ color: ivory
23473
+ }
23474
+ }
23475
+ }, {
23476
+ dark: true
23477
+ });
23478
+ /**
23479
+ The highlighting style for code in the One Dark theme.
23480
+ */
23481
+ const oneDarkHighlightStyle = /*@__PURE__*/HighlightStyle.define([{
23482
+ tag: tags$1.keyword,
23483
+ color: violet
23484
+ }, {
23485
+ tag: [tags$1.name, tags$1.deleted, tags$1.character, tags$1.propertyName, tags$1.macroName],
23486
+ color: coral
23487
+ }, {
23488
+ tag: [/*@__PURE__*/tags$1.function(tags$1.variableName), tags$1.labelName],
23489
+ color: malibu
23490
+ }, {
23491
+ tag: [tags$1.color, /*@__PURE__*/tags$1.constant(tags$1.name), /*@__PURE__*/tags$1.standard(tags$1.name)],
23492
+ color: whiskey
23493
+ }, {
23494
+ tag: [/*@__PURE__*/tags$1.definition(tags$1.name), tags$1.separator],
23495
+ color: ivory
23496
+ }, {
23497
+ tag: [tags$1.typeName, tags$1.className, tags$1.number, tags$1.changed, tags$1.annotation, tags$1.modifier, tags$1.self, tags$1.namespace],
23498
+ color: chalky
23499
+ }, {
23500
+ tag: [tags$1.operator, tags$1.operatorKeyword, tags$1.url, tags$1.escape, tags$1.regexp, tags$1.link, /*@__PURE__*/tags$1.special(tags$1.string)],
23501
+ color: cyan
23502
+ }, {
23503
+ tag: [tags$1.meta, tags$1.comment],
23504
+ color: stone
23505
+ }, {
23506
+ tag: tags$1.strong,
23507
+ fontWeight: "bold"
23508
+ }, {
23509
+ tag: tags$1.emphasis,
23510
+ fontStyle: "italic"
23511
+ }, {
23512
+ tag: tags$1.strikethrough,
23513
+ textDecoration: "line-through"
23514
+ }, {
23515
+ tag: tags$1.link,
23516
+ color: stone,
23517
+ textDecoration: "underline"
23518
+ }, {
23519
+ tag: tags$1.heading,
23520
+ fontWeight: "bold",
23521
+ color: coral
23522
+ }, {
23523
+ tag: [tags$1.atom, tags$1.bool, /*@__PURE__*/tags$1.special(tags$1.variableName)],
23524
+ color: whiskey
23525
+ }, {
23526
+ tag: [tags$1.processingInstruction, tags$1.string, tags$1.inserted],
23527
+ color: sage
23528
+ }, {
23529
+ tag: tags$1.invalid,
23530
+ color: invalid
23531
+ }]);
23532
+ /**
23533
+ Extension to enable the One Dark theme (both the editor theme and
23534
+ the highlight style).
23535
+ */
23536
+ const oneDark = [oneDarkTheme, /*@__PURE__*/syntaxHighlighting(oneDarkHighlightStyle)];
23537
+
23383
23538
  var OrCodeLanguages;
23384
23539
  (function (OrCodeLanguages) {
23385
23540
  OrCodeLanguages["JS"] = "javascript";
@@ -29475,6 +29630,20 @@ var script = defineComponent({
29475
29630
  setup(props, {
29476
29631
  emit
29477
29632
  }) {
29633
+ var _a;
29634
+ // theming refs
29635
+ const parent = document.querySelector('[data-theme]') || document.querySelector('html');
29636
+ const themeEl = ref(parent);
29637
+ const isDark = ref(((_a = parent === null || parent === void 0 ? void 0 : parent.getAttribute) === null || _a === void 0 ? void 0 : _a.call(parent, 'data-theme')) === 'dark');
29638
+ const themeObserver = useMutationObserver(themeEl, mutations => {
29639
+ var _a, _b;
29640
+ const mutation = mutations.find(m => m.attributeName === 'data-theme');
29641
+ if (!mutation) return;
29642
+ isDark.value = ((_b = (_a = mutation.target) === null || _a === void 0 ? void 0 : _a.getAttribute) === null || _b === void 0 ? void 0 : _b.call(_a, 'data-theme')) === 'dark';
29643
+ }, {
29644
+ attributes: true
29645
+ });
29646
+ // editor config
29478
29647
  const root = ref();
29479
29648
  const target = ref();
29480
29649
  const fullscreenTarget = ref();
@@ -29494,7 +29663,9 @@ var script = defineComponent({
29494
29663
  target,
29495
29664
  fullscreenTarget,
29496
29665
  editor,
29497
- isHovered
29666
+ isHovered,
29667
+ isDark,
29668
+ themeObserver
29498
29669
  };
29499
29670
  },
29500
29671
  data() {
@@ -29516,9 +29687,11 @@ var script = defineComponent({
29516
29687
  allowPaste,
29517
29688
  lineWrapping
29518
29689
  } = this;
29519
- const ext = _.compact([
29690
+ const ext = _.compact([...(this.isDark ? [oneDark] : []),
29520
29691
  // Toggle light/dark mode
29521
- EditorView.baseTheme({}),
29692
+ this.isDark ? EditorView.theme({}, {
29693
+ dark: true
29694
+ }) : EditorView.baseTheme({}),
29522
29695
  // locale settings
29523
29696
  this.phrases ? EditorState.phrases.of(this.phrases) : undefined,
29524
29697
  // Parser language setting
@@ -29545,9 +29718,7 @@ var script = defineComponent({
29545
29718
  }
29546
29719
  }),
29547
29720
  // line wrapping
29548
- lineWrapping ? EditorView.lineWrapping : undefined, keymap.of([indentWithTab])]);
29549
- // Append Extensions (such as basic-setup)
29550
- if (this.extensions.length !== 0) _.merge(ext, this.extensions);
29721
+ lineWrapping ? EditorView.lineWrapping : undefined, keymap.of([indentWithTab]), ...this.extensions]);
29551
29722
  return ext;
29552
29723
  },
29553
29724
  isShowingError() {
@@ -29591,6 +29762,7 @@ var script = defineComponent({
29591
29762
  },
29592
29763
  beforeUnmount() {
29593
29764
  var _a;
29765
+ this.themeObserver.stop();
29594
29766
  (_a = this.editor) === null || _a === void 0 ? void 0 : _a.destroy();
29595
29767
  },
29596
29768
  methods: {
@@ -3,10 +3,10 @@ import { l as logicAnd } from './index-01519e46.js';
3
3
  import { defineComponent, ref, computed, watch } from 'vue';
4
4
  import './OrBottomSheet.vue_vue_type_script_lang-6fb49de9.js';
5
5
  import './OrButton-2b27c1fd.js';
6
- import './OrInput-04b89444.js';
6
+ import './OrInput-a4f220ed.js';
7
7
  import { s as script$2, a as ButtonColor } from './OrButton.vue_vue_type_script_lang-8c44986c.js';
8
8
  import { s as script$1 } from './OrOverlay.vue_vue_type_script_lang-cb3aad0c.js';
9
- import { s as script$3 } from './OrInput.vue_vue_type_script_lang-caab1e89.js';
9
+ import { s as script$3 } from './OrInput.vue_vue_type_script_lang-607d79d4.js';
10
10
 
11
11
  var ConfirmType;
12
12
  (function (ConfirmType) {
@@ -1,5 +1,5 @@
1
- import { s as script } from './OrInput.vue_vue_type_script_lang-caab1e89.js';
2
- import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, withDirectives, createElementVNode, mergeProps, vModelDynamic, Fragment, withModifiers, createSlots } from 'vue';
1
+ import { s as script } from './OrInput.vue_vue_type_script_lang-607d79d4.js';
2
+ import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, withDirectives, createElementVNode, mergeProps, vModelDynamic, withModifiers, Fragment, createSlots } from 'vue';
3
3
  import { s as styleInject } from './style-inject.es-4c6f2515.js';
4
4
 
5
5
  const _hoisted_1 = ["id", "type", "placeholder", "required", "disabled"];
@@ -8,7 +8,6 @@ const _hoisted_2 = {
8
8
  };
9
9
  function render(_ctx, _cache, $props, $setup, $data, $options) {
10
10
  const _component_OrLabel = resolveComponent("OrLabel");
11
- const _component_OrLoader = resolveComponent("OrLoader");
12
11
  const _component_OrIconButton = resolveComponent("OrIconButton");
13
12
  const _component_OrIcon = resolveComponent("OrIcon");
14
13
  const _component_OrInputBox = resolveComponent("OrInputBox");
@@ -49,14 +48,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
49
48
  onKeyup: _cache[2] || (_cache[2] = $event => _ctx.$emit('keyup', $event)),
50
49
  onFocus: _cache[3] || (_cache[3] = $event => _ctx.$emit('focus', $event)),
51
50
  onBlur: _cache[4] || (_cache[4] = $event => _ctx.$emit('blur', $event))
52
- }), null, 16 /* FULL_PROPS */, _hoisted_1), [[vModelDynamic, _ctx.proxyModelValue]]), createElementVNode("div", _hoisted_2, [_ctx.loading ? (openBlock(), createBlock(_component_OrLoader, {
53
- key: 0,
54
- variant: 'circular',
55
- color: 'primary',
56
- size: _ctx.isMobile ? 'm' : 's'
57
- }, null, 8 /* PROPS */, ["size"])) : (openBlock(), createElementBlock(Fragment, {
58
- key: 1
59
- }, [_ctx.type === 'password' ? (openBlock(), createBlock(_component_OrIconButton, {
51
+ }), null, 16 /* FULL_PROPS */, _hoisted_1), [[vModelDynamic, _ctx.proxyModelValue]]), createElementVNode("div", _hoisted_2, [_ctx.type === 'password' ? (openBlock(), createBlock(_component_OrIconButton, {
60
52
  key: 0,
61
53
  icon: {
62
54
  icon: _ctx.disclosed ? 'visibility_off' : 'visibility',
@@ -77,8 +69,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
77
69
  key: 1,
78
70
  icon: 'search',
79
71
  variant: 'outlined'
80
- }))], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true)], 64 /* STABLE_FRAGMENT */))])]),
81
-
72
+ }))], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true)])]),
82
73
  _: 1 /* STABLE */
83
74
  }, 8 /* PROPS */, ["variant", "size", "invalid", "readonly", "disabled"]), !_ctx.invalid ? (openBlock(), createElementBlock(Fragment, {
84
75
  key: 1
@@ -8,12 +8,9 @@ import './OrInputBox-eb54d73d.js';
8
8
  import { s as script$5, a as InputBoxSize } from './OrInputBox.vue_vue_type_script_lang-5ee4ee45.js';
9
9
  import './OrLabel-c6873e79.js';
10
10
  import { s as script$6 } from './OrLabel.vue_vue_type_script_lang-96f94c4e.js';
11
- import './OrLoader-c4bbef2f.js';
12
11
  import { u as useClassAttribute } from './useClassAttribute-00888f78.js';
13
- import { u as useResponsive } from './useResponsive-9d397e2a.js';
14
12
  import { s as script$3 } from './OrIcon.vue_vue_type_script_lang-a119a715.js';
15
13
  import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-aefcf30d.js';
16
- import { s as script$7 } from './OrLoader.vue_vue_type_script_lang-5405040c.js';
17
14
 
18
15
  var InputType;
19
16
  (function (InputType) {
@@ -44,8 +41,7 @@ var script = defineComponent({
44
41
  OrIcon: script$3,
45
42
  OrIconButton: script$4,
46
43
  OrInputBox: script$5,
47
- OrLabel: script$6,
48
- OrLoader: script$7
44
+ OrLabel: script$6
49
45
  },
50
46
  inheritAttrs: false,
51
47
  props: {
@@ -81,10 +77,6 @@ var script = defineComponent({
81
77
  type: String,
82
78
  default: undefined
83
79
  },
84
- loading: {
85
- type: Boolean,
86
- default: false
87
- },
88
80
  required: {
89
81
  type: Boolean,
90
82
  default: false
@@ -131,9 +123,6 @@ var script = defineComponent({
131
123
  });
132
124
  const maxLength = computed(() => context.attrs.maxlength);
133
125
  const disclosed = ref(false);
134
- const {
135
- isMobile
136
- } = useResponsive();
137
126
  // Methods
138
127
  function focus() {
139
128
  var _a;
@@ -151,7 +140,6 @@ var script = defineComponent({
151
140
  currentLength,
152
141
  maxLength,
153
142
  disclosed,
154
- isMobile,
155
143
  focus
156
144
  };
157
145
  }
@@ -1,7 +1,7 @@
1
1
  import { defineComponent, ref, computed, watch } from 'vue';
2
2
  import { debouncedWatch } from '@vueuse/core';
3
- import './OrInput-04b89444.js';
4
- import { s as script$1 } from './OrInput.vue_vue_type_script_lang-caab1e89.js';
3
+ import './OrInput-a4f220ed.js';
4
+ import { s as script$1 } from './OrInput.vue_vue_type_script_lang-607d79d4.js';
5
5
  import { u as useClassAttribute } from './useClassAttribute-00888f78.js';
6
6
  import { a as InputBoxSize } from './OrInputBox.vue_vue_type_script_lang-5ee4ee45.js';
7
7
 
@@ -4,7 +4,7 @@ import { s as styleInject } from './style-inject.es-4c6f2515.js';
4
4
  import './OrHint-9592499e.js';
5
5
  import { s as script$2 } from './OrExpansionPanel.vue_vue_type_script_lang-5360f580.js';
6
6
  import './OrIcon-d878b768.js';
7
- import './OrInput-04b89444.js';
7
+ import './OrInput-a4f220ed.js';
8
8
  import './OrInputBox-eb54d73d.js';
9
9
  import './OrLabel-c6873e79.js';
10
10
  import './OrMenuItem-4feaba6c.js';
@@ -16,7 +16,7 @@ import { u as useOverflow } from './useOverflow-6dce216b.js';
16
16
  import { s as script$4 } from './OrError.vue_vue_type_script_lang-cc6c135f.js';
17
17
  import { s as script$5 } from './OrHint.vue_vue_type_script_lang-8e657168.js';
18
18
  import { s as script$6 } from './OrIcon.vue_vue_type_script_lang-a119a715.js';
19
- import { s as script$7 } from './OrInput.vue_vue_type_script_lang-caab1e89.js';
19
+ import { s as script$7 } from './OrInput.vue_vue_type_script_lang-607d79d4.js';
20
20
  import { s as script$8, a as InputBoxSize } from './OrInputBox.vue_vue_type_script_lang-5ee4ee45.js';
21
21
  import { s as script$9 } from './OrLabel.vue_vue_type_script_lang-96f94c4e.js';
22
22
  import { s as script$a } from './OrMenuItem.vue_vue_type_script_lang-0ffaef05.js';
@@ -8,18 +8,18 @@ export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTT
8
8
  export { a as ButtonColor, b as ButtonType, B as ButtonVariant, s as OrButtonV3 } from '../OrButton.vue_vue_type_script_lang-8c44986c.js';
9
9
  export { s as OrCard } from '../OrCard.vue_vue_type_script_lang-90ba001b.js';
10
10
  export { C as CARD_COLLECTION_LAYOUT, s as OrCardCollection } from '../OrCardCollection.vue_vue_type_script_lang-d8124dda.js';
11
- export { D as DefaultCardCollectionViews, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection.vue_vue_type_script_lang-1fa9e6ce.js';
11
+ export { D as DefaultCardCollectionViews, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection.vue_vue_type_script_lang-2d78a51a.js';
12
12
  export { s as OrCardV3 } from '../OrCard.vue_vue_type_script_lang-165de137.js';
13
13
  export { a as OrCarousel, s as OrCarouselItem } from '../OrCarouselItem.vue_vue_type_script_lang-ad286afc.js';
14
14
  export { s as OrCheckbox } from '../OrCheckbox.vue_vue_type_script_lang-d8a66818.js';
15
15
  export { s as OrCheckboxV3 } from '../OrCheckbox.vue_vue_type_script_lang-8b36e06c.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-c55de81d.js';
18
+ export { s as OrCode, O as OrCodeLanguages } from '../OrCode.vue_vue_type_script_lang-fcfdbb5b.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
21
  export { s as OrConfirm } from '../OrConfirm.vue_vue_type_script_lang-0f16fc67.js';
22
- export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirm.vue_vue_type_script_lang-5eef57a2.js';
22
+ export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirm.vue_vue_type_script_lang-9d9a3917.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';
25
25
  export { s as OrErrorTagV3 } from '../OrErrorTag.vue_vue_type_script_lang-4828c387.js';
@@ -38,7 +38,7 @@ export { I as InlineInputType, s as OrInlineInputV3 } from '../OrInlineInput.vue
38
38
  export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, s as OrInlineTextEdit } from '../OrInlineTextEdit.vue_vue_type_script_lang-da6887aa.js';
39
39
  export { s as OrInlineTextareaV3 } from '../OrInlineTextarea.vue_vue_type_script_lang-a1831ab8.js';
40
40
  export { a as InputBoxSize, I as InputBoxVariant, a as InputSize, s as OrInputBoxV3, a as SearchSize, a as SelectSize, a as TextareaSize } from '../OrInputBox.vue_vue_type_script_lang-5ee4ee45.js';
41
- export { I as InputType, s as OrInputV3 } from '../OrInput.vue_vue_type_script_lang-caab1e89.js';
41
+ export { I as InputType, s as OrInputV3 } from '../OrInput.vue_vue_type_script_lang-607d79d4.js';
42
42
  export { a as OrNumberInput, b as OrPassword, s as OrTextarea } from '../OrPassword.vue_vue_type_script_lang-13bc5b00.js';
43
43
  export { s as OrInput } from '../OrInput-7d4b571a.js';
44
44
  export { s as OrSearch } from '../OrSearch.vue_vue_type_script_lang-16fbccc0.js';
@@ -65,10 +65,10 @@ export { s as OrProgressV3, P as ProgressColor, a as ProgressType } from '../OrP
65
65
  export { s as OrRadio } from '../OrRadio.vue_vue_type_script_lang-c956b54b.js';
66
66
  export { s as OrRadioGroup } from '../OrRadioGroup.vue_vue_type_script_lang-caea7bcb.js';
67
67
  export { s as OrRadioV3 } from '../OrRadio.vue_vue_type_script_lang-2e666a56.js';
68
- export { s as OrSearchV3 } from '../OrSearch.vue_vue_type_script_lang-10ff525e.js';
68
+ export { s as OrSearchV3 } from '../OrSearch.vue_vue_type_script_lang-06f318ca.js';
69
69
  export { s as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl.vue_vue_type_script_lang-579406f5.js';
70
70
  export { s as OrSelect } from '../OrSelect.vue_vue_type_script_lang-26c0a70a.js';
71
- export { s as OrSelectV3 } from '../OrSelect.vue_vue_type_script_lang-4fad2bfb.js';
71
+ export { s as OrSelectV3 } from '../OrSelect.vue_vue_type_script_lang-83f15704.js';
72
72
  export { s as OrSidebar, O as OrSidebarSide } from '../OrSidebar.vue_vue_type_script_lang-7c55ac0a.js';
73
73
  export { O as OrSidebarPlacement, s as OrSidebarV3 } from '../OrSidebar.vue_vue_type_script_lang-ce0b152c.js';
74
74
  export { s as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from '../OrSkeletonText.vue_vue_type_script_lang-f3f989c3.js';
@@ -122,16 +122,16 @@ import '../dom-d21d0a92.js';
122
122
  import '../OrFloating-b6672a37.js';
123
123
  import '../index-01519e46.js';
124
124
  import '../OrButton-ec723bb7.js';
125
- import '../OrInput-04b89444.js';
125
+ import '../OrInput-a4f220ed.js';
126
126
  import '../OrCollapse-63e83681.js';
127
127
  import '../floating-ui.dom.esm-83eba816.js';
128
128
  import '../OrHint-9592499e.js';
129
129
  import '../OrInlineInputBox-9d68ded1.js';
130
130
  import '../OrInputBox-eb54d73d.js';
131
- import '../useResponsive-9d397e2a.js';
132
131
  import '../useToggle-09b6cb90.js';
133
132
  import '../v4-cf8987a3.js';
134
133
  import '../OrPopover-c462ce77.js';
134
+ import '../useResponsive-9d397e2a.js';
135
135
  import '../useElevation-c8d5d3ba.js';
136
136
  import '../dropdown-open-293d2de2.js';
137
137
  import '../useOverflow-6dce216b.js';
@@ -1,4 +1,4 @@
1
- export { D as DefaultCardCollectionViews, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection.vue_vue_type_script_lang-1fa9e6ce.js';
1
+ export { D as DefaultCardCollectionViews, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection.vue_vue_type_script_lang-2d78a51a.js';
2
2
  import 'vue';
3
3
  import '../../OrIconButton-cd62526d.js';
4
4
  import '../../OrIconButton.vue_vue_type_script_lang-aefcf30d.js';
@@ -23,9 +23,9 @@ import '../../OrMenu-f26e8e55.js';
23
23
  import '../../OrMenu.vue_vue_type_script_lang-2446a69a.js';
24
24
  import '../../OrMenuItem-4feaba6c.js';
25
25
  import '../../OrMenuItem.vue_vue_type_script_lang-0ffaef05.js';
26
- import '../../OrSearch.vue_vue_type_script_lang-10ff525e.js';
27
- import '../../OrInput-04b89444.js';
28
- import '../../OrInput.vue_vue_type_script_lang-caab1e89.js';
26
+ import '../../OrSearch.vue_vue_type_script_lang-06f318ca.js';
27
+ import '../../OrInput-a4f220ed.js';
28
+ import '../../OrInput.vue_vue_type_script_lang-607d79d4.js';
29
29
  import '../../OrHint-9592499e.js';
30
30
  import '../../OrError.vue_vue_type_script_lang-cc6c135f.js';
31
31
  import '../../OrHint.vue_vue_type_script_lang-8e657168.js';
@@ -9,6 +9,11 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
9
9
  fullscreenTarget: Ref<HTMLDivElement | undefined>;
10
10
  editor: EditorView;
11
11
  isHovered: Ref<boolean>;
12
+ isDark: Ref<boolean>;
13
+ themeObserver: {
14
+ isSupported: Ref<boolean>;
15
+ stop: () => void;
16
+ };
12
17
  }> & {
13
18
  isFullscreen: boolean;
14
19
  }, {
@@ -168,6 +173,11 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
168
173
  fullscreenTarget: Ref<HTMLDivElement | undefined>;
169
174
  editor: EditorView;
170
175
  isHovered: Ref<boolean>;
176
+ isDark: Ref<boolean>;
177
+ themeObserver: {
178
+ isSupported: Ref<boolean>;
179
+ stop: () => void;
180
+ };
171
181
  }>, {
172
182
  isFullscreen: boolean;
173
183
  }, {
@@ -1,4 +1,4 @@
1
- export { s as OrCode, O as OrCodeLanguages } from '../../OrCode.vue_vue_type_script_lang-c55de81d.js';
1
+ export { s as OrCode, O as OrCodeLanguages } from '../../OrCode.vue_vue_type_script_lang-fcfdbb5b.js';
2
2
  import '@vueuse/core';
3
3
  import 'lodash';
4
4
  import 'vue';
@@ -1,4 +1,4 @@
1
- export { C as ConfirmType, s as OrConfirmV3 } from '../../OrConfirm.vue_vue_type_script_lang-5eef57a2.js';
1
+ export { C as ConfirmType, s as OrConfirmV3 } from '../../OrConfirm.vue_vue_type_script_lang-9d9a3917.js';
2
2
  import '@vueuse/core';
3
3
  import '../../index-01519e46.js';
4
4
  import 'vue';
@@ -11,8 +11,8 @@ import '../../OrButton-2b27c1fd.js';
11
11
  import '../../OrButton.vue_vue_type_script_lang-8c44986c.js';
12
12
  import '../../OrLoader-c4bbef2f.js';
13
13
  import '../../OrLoader.vue_vue_type_script_lang-5405040c.js';
14
- import '../../OrInput-04b89444.js';
15
- import '../../OrInput.vue_vue_type_script_lang-caab1e89.js';
14
+ import '../../OrInput-a4f220ed.js';
15
+ import '../../OrInput.vue_vue_type_script_lang-607d79d4.js';
16
16
  import '../../OrHint-9592499e.js';
17
17
  import '../../OrError.vue_vue_type_script_lang-cc6c135f.js';
18
18
  import '../../OrHint.vue_vue_type_script_lang-8e657168.js';
@@ -12,7 +12,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
12
12
  currentLength: import("@vue/composition-api").ComputedRef<number>;
13
13
  maxLength: import("@vue/composition-api").ComputedRef<number | undefined>;
14
14
  disclosed: import("@vue/composition-api").Ref<boolean>;
15
- isMobile: import("@vue/composition-api").Ref<boolean>;
16
15
  focus: () => void;
17
16
  }> & import("@vue/composition-api").Data, {}, {}, {
18
17
  modelValue: {
@@ -47,10 +46,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
47
46
  type: StringConstructor;
48
47
  default: undefined;
49
48
  };
50
- loading: {
51
- type: BooleanConstructor;
52
- default: boolean;
53
- };
54
49
  required: {
55
50
  type: BooleanConstructor;
56
51
  default: boolean;
@@ -96,10 +91,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
96
91
  type: StringConstructor;
97
92
  default: undefined;
98
93
  };
99
- loading: {
100
- type: BooleanConstructor;
101
- default: boolean;
102
- };
103
94
  required: {
104
95
  type: BooleanConstructor;
105
96
  default: boolean;
@@ -121,7 +112,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
121
112
  placeholder: string;
122
113
  hint: string;
123
114
  error: string;
124
- loading: boolean;
125
115
  required: boolean;
126
116
  disabled: boolean;
127
117
  disableDefaultStyles: boolean;
@@ -139,7 +129,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
139
129
  currentLength: import("@vue/composition-api").ComputedRef<number>;
140
130
  maxLength: import("@vue/composition-api").ComputedRef<number | undefined>;
141
131
  disclosed: import("@vue/composition-api").Ref<boolean>;
142
- isMobile: import("@vue/composition-api").Ref<boolean>;
143
132
  focus: () => void;
144
133
  }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
145
134
  modelValue: string | number;
@@ -150,7 +139,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
150
139
  placeholder: string;
151
140
  hint: string;
152
141
  error: string;
153
- loading: boolean;
154
142
  required: boolean;
155
143
  disabled: boolean;
156
144
  disableDefaultStyles: boolean;
@@ -165,7 +153,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
165
153
  placeholder: string;
166
154
  hint: string;
167
155
  error: string;
168
- loading: boolean;
169
156
  required: boolean;
170
157
  disabled: boolean;
171
158
  disableDefaultStyles: boolean;
@@ -1,4 +1,4 @@
1
- export { I as InputType, s as OrInputV3 } from '../../OrInput.vue_vue_type_script_lang-caab1e89.js';
1
+ export { I as InputType, s as OrInputV3 } from '../../OrInput.vue_vue_type_script_lang-607d79d4.js';
2
2
  export { a as InputSize } from '../../OrInputBox.vue_vue_type_script_lang-5ee4ee45.js';
3
3
  import 'vue';
4
4
  import '../../OrHint-9592499e.js';
@@ -22,5 +22,3 @@ import '../../useResponsive-9d397e2a.js';
22
22
  import '../../OrInputBox-eb54d73d.js';
23
23
  import '../../OrLabel-c6873e79.js';
24
24
  import '../../OrLabel.vue_vue_type_script_lang-96f94c4e.js';
25
- import '../../OrLoader-c4bbef2f.js';
26
- import '../../OrLoader.vue_vue_type_script_lang-5405040c.js';
@@ -1,9 +1,9 @@
1
- export { s as OrSearchV3 } from '../../OrSearch.vue_vue_type_script_lang-10ff525e.js';
1
+ export { s as OrSearchV3 } from '../../OrSearch.vue_vue_type_script_lang-06f318ca.js';
2
2
  export { a as SearchSize } from '../../OrInputBox.vue_vue_type_script_lang-5ee4ee45.js';
3
3
  import 'vue';
4
4
  import '@vueuse/core';
5
- import '../../OrInput-04b89444.js';
6
- import '../../OrInput.vue_vue_type_script_lang-caab1e89.js';
5
+ import '../../OrInput-a4f220ed.js';
6
+ import '../../OrInput.vue_vue_type_script_lang-607d79d4.js';
7
7
  import '../../OrHint-9592499e.js';
8
8
  import '../../OrError.vue_vue_type_script_lang-cc6c135f.js';
9
9
  import '../../useClassAttribute-00888f78.js';
@@ -24,6 +24,4 @@ import '../../useResponsive-9d397e2a.js';
24
24
  import '../../OrInputBox-eb54d73d.js';
25
25
  import '../../OrLabel-c6873e79.js';
26
26
  import '../../OrLabel.vue_vue_type_script_lang-96f94c4e.js';
27
- import '../../OrLoader-c4bbef2f.js';
28
- import '../../OrLoader.vue_vue_type_script_lang-5405040c.js';
29
27
  import '../../style-inject.es-4c6f2515.js';
@@ -1,4 +1,4 @@
1
- export { s as OrSelectV3 } from '../../OrSelect.vue_vue_type_script_lang-4fad2bfb.js';
1
+ export { s as OrSelectV3 } from '../../OrSelect.vue_vue_type_script_lang-83f15704.js';
2
2
  export { a as SelectSize } from '../../OrInputBox.vue_vue_type_script_lang-5ee4ee45.js';
3
3
  import 'vue';
4
4
  import '../../OrCheckbox.vue_vue_type_script_lang-8b36e06c.js';
@@ -12,8 +12,8 @@ import '../../OrHint.vue_vue_type_script_lang-8e657168.js';
12
12
  import '../../OrExpansionPanel.vue_vue_type_script_lang-5360f580.js';
13
13
  import '../../OrIcon-d878b768.js';
14
14
  import '../../OrIcon.vue_vue_type_script_lang-a119a715.js';
15
- import '../../OrInput-04b89444.js';
16
- import '../../OrInput.vue_vue_type_script_lang-caab1e89.js';
15
+ import '../../OrInput-a4f220ed.js';
16
+ import '../../OrInput.vue_vue_type_script_lang-607d79d4.js';
17
17
  import '../../OrIconButton-cd62526d.js';
18
18
  import '../../OrIconButton.vue_vue_type_script_lang-aefcf30d.js';
19
19
  import '../../OrTooltip.vue_vue_type_script_lang-67cc86ed.js';
@@ -27,8 +27,6 @@ import '../../OrTeleport.vue3.vue_vue_type_script_lang-4dc70cf1.js';
27
27
  import '../../useElevation-c8d5d3ba.js';
28
28
  import '../../useResponsive-9d397e2a.js';
29
29
  import '../../OrInputBox-eb54d73d.js';
30
- import '../../OrLoader-c4bbef2f.js';
31
- import '../../OrLoader.vue_vue_type_script_lang-5405040c.js';
32
30
  import '../../OrMenuItem-4feaba6c.js';
33
31
  import '../../OrMenuItem.vue_vue_type_script_lang-0ffaef05.js';
34
32
  import '../../OrTag.vue_vue_type_script_lang-3e30f662.js';