@onereach/ui-components 2.70.3-beta.2214.0 → 2.70.3-beta.2224.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 (158) hide show
  1. package/dist/bundled/v2/{OrCardCollection-89428bbf.js → OrCardCollection-166cfcc6.js} +5 -5
  2. package/dist/bundled/v2/{OrConfirm-057e997e.js → OrConfirm-23c3ce56.js} +5 -12
  3. package/dist/bundled/v2/{OrConfirm-56d01cff.js → OrConfirm-55b89b17.js} +4 -4
  4. package/dist/bundled/v2/{OrListOfInputs-8f076650.js → OrListOfInputs-ab7f9d97.js} +4 -4
  5. package/dist/bundled/v2/OrNumberInput-face8ccc.js +227 -0
  6. package/dist/bundled/v2/OrPassword-a818e7b5.js +227 -0
  7. package/dist/bundled/v2/{OrSearch-f7cfa52f.js → OrSearch-832d7978.js} +4 -4
  8. package/dist/bundled/v2/{OrPassword-7da938aa.js → OrTextarea-71ff236d.js} +7 -449
  9. package/dist/bundled/v2/components/index.d.ts +5 -1
  10. package/dist/bundled/v2/components/index.js +10 -8
  11. package/dist/bundled/v2/components/or-card-collection/index.js +4 -4
  12. package/dist/bundled/v2/components/or-confirm/index.js +2 -2
  13. package/dist/bundled/v2/components/or-confirm-v3/index.js +3 -3
  14. package/dist/bundled/v2/components/or-input/index.d.ts +1 -0
  15. package/dist/bundled/v2/components/or-input/index.js +13 -0
  16. package/dist/bundled/v2/components/or-list-of-inputs/index.js +2 -2
  17. package/dist/bundled/v2/components/or-number-input/index.d.ts +1 -0
  18. package/dist/bundled/v2/components/or-number-input/index.js +14 -0
  19. package/dist/bundled/v2/components/or-password/index.d.ts +1 -0
  20. package/dist/bundled/v2/components/{or-inputs → or-password}/index.js +3 -4
  21. package/dist/bundled/v2/components/or-search/index.d.ts +1 -0
  22. package/dist/bundled/v2/components/or-search/index.js +25 -0
  23. package/dist/bundled/v2/components/or-textarea/index.d.ts +1 -0
  24. package/dist/bundled/v2/components/or-textarea/index.js +13 -0
  25. package/dist/bundled/v2/index.js +10 -8
  26. package/dist/bundled/v3/{OrCardCollection.vue_vue_type_script_lang-d8124dda.js → OrCardCollection.vue_vue_type_script_lang-cd84f344.js} +4 -4
  27. package/dist/bundled/v3/{OrConfirm.vue_vue_type_script_lang-9d9a3917.js → OrConfirm.vue_vue_type_script_lang-05b21989.js} +5 -12
  28. package/dist/bundled/v3/{OrConfirm.vue_vue_type_script_lang-0f16fc67.js → OrConfirm.vue_vue_type_script_lang-41b4d791.js} +2 -1
  29. package/dist/bundled/v3/{OrInput-7d4b571a.js → OrInput-704e72ba.js} +5 -193
  30. package/dist/bundled/v3/OrInput.vue_vue_type_script_lang-409235cc.js +190 -0
  31. package/dist/bundled/v3/{OrListOfInputs.vue_vue_type_script_lang-62dbf1e7.js → OrListOfInputs.vue_vue_type_script_lang-6c5cf7a5.js} +2 -1
  32. package/dist/bundled/v3/OrNumberInput.vue_vue_type_script_lang-f061d829.js +113 -0
  33. package/dist/bundled/v3/OrPassword.vue_vue_type_script_lang-b75f6543.js +99 -0
  34. package/dist/bundled/v3/{OrSearch.vue_vue_type_script_lang-16fbccc0.js → OrSearch.vue_vue_type_script_lang-5356fa79.js} +2 -1
  35. package/dist/bundled/v3/OrTextarea.vue_vue_type_script_lang-69ea22e9.js +187 -0
  36. package/dist/bundled/v3/components/index.d.ts +5 -1
  37. package/dist/bundled/v3/components/index.js +11 -8
  38. package/dist/bundled/v3/components/or-card-collection/index.js +5 -4
  39. package/dist/bundled/v3/components/or-confirm/index.js +3 -2
  40. package/dist/bundled/v3/components/or-confirm-v3/index.js +2 -2
  41. package/dist/bundled/v3/components/or-input/index.d.ts +1 -0
  42. package/dist/bundled/v3/components/or-input/index.js +14 -0
  43. package/dist/bundled/v3/components/or-list-of-inputs/index.js +3 -2
  44. package/dist/bundled/v3/components/or-number-input/index.d.ts +1 -0
  45. package/dist/bundled/v3/components/or-number-input/index.js +16 -0
  46. package/dist/bundled/v3/components/or-password/index.d.ts +1 -0
  47. package/dist/bundled/v3/components/or-password/index.js +31 -0
  48. package/dist/bundled/v3/components/or-search/index.d.ts +1 -0
  49. package/dist/bundled/v3/components/{or-inputs → or-search}/index.js +4 -5
  50. package/dist/bundled/v3/components/or-textarea/index.d.ts +1 -0
  51. package/dist/bundled/v3/components/or-textarea/index.js +14 -0
  52. package/dist/bundled/v3/index.js +660 -655
  53. package/dist/esm/v2/{OrCardCollection-f6b07557.js → OrCardCollection-19582949.js} +6 -7
  54. package/dist/esm/v2/{OrConfirm-047d4086.js → OrConfirm-e2ab9b4c.js} +6 -13
  55. package/dist/esm/v2/{OrConfirm-d7112dd3.js → OrConfirm-ede619eb.js} +4 -4
  56. package/dist/esm/v2/{OrSearch.vue_rollup-plugin-vue_script-197d77fc.js → OrInput-6e6cfd11.js} +4 -492
  57. package/dist/esm/v2/{OrListOfInputs-50aa1ef1.js → OrListOfInputs-4298fa2c.js} +5 -5
  58. package/dist/esm/v2/OrNumberInput-b20d75d2.js +225 -0
  59. package/dist/esm/v2/OrPassword-e6d5e968.js +225 -0
  60. package/dist/esm/v2/{OrSearch-0589d17d.js → OrSearch-b4f4d59b.js} +122 -5
  61. package/dist/esm/v2/{OrPassword-1fa97156.js → OrTextarea-91a95068.js} +187 -245
  62. package/dist/esm/v2/components/index.d.ts +5 -1
  63. package/dist/esm/v2/components/index.js +10 -8
  64. package/dist/esm/v2/components/or-card-collection/index.js +3 -4
  65. package/dist/esm/v2/components/or-confirm/index.js +2 -3
  66. package/dist/esm/v2/components/or-confirm-v3/index.js +7 -7
  67. package/dist/esm/v2/components/or-input/index.d.ts +1 -0
  68. package/dist/esm/v2/components/or-input/index.js +11 -0
  69. package/dist/esm/v2/components/or-list-of-inputs/index.js +2 -4
  70. package/dist/esm/v2/components/or-number-input/index.d.ts +1 -0
  71. package/dist/esm/v2/components/or-number-input/index.js +12 -0
  72. package/dist/esm/v2/components/or-password/index.d.ts +1 -0
  73. package/dist/esm/v2/components/{or-inputs → or-password}/index.js +5 -6
  74. package/dist/esm/v2/components/or-search/index.d.ts +1 -0
  75. package/dist/esm/v2/components/or-search/index.js +23 -0
  76. package/dist/esm/v2/components/or-textarea/index.d.ts +1 -0
  77. package/dist/esm/v2/components/or-textarea/index.js +11 -0
  78. package/dist/esm/v2/index.js +9 -7
  79. package/dist/esm/v3/{OrCardCollection-a5e326ef.js → OrCardCollection-1e44c758.js} +2 -2
  80. package/dist/esm/v3/{OrConfirm-fee3c859.js → OrConfirm-1bcd39b1.js} +6 -13
  81. package/dist/esm/v3/{OrConfirm-f39bd784.js → OrConfirm-c11ee2ec.js} +1 -1
  82. package/dist/esm/v3/OrInput-81125804.js +295 -0
  83. package/dist/esm/v3/{OrListOfInputs-7a67440f.js → OrListOfInputs-508e056f.js} +1 -1
  84. package/dist/esm/v3/OrNumberInput-b32b5ce3.js +170 -0
  85. package/dist/esm/v3/OrPassword-b0cbb578.js +162 -0
  86. package/dist/esm/v3/OrSearch-11fdf667.js +188 -0
  87. package/dist/esm/v3/OrTextarea-1f5c3be1.js +290 -0
  88. package/dist/esm/v3/components/index.d.ts +5 -1
  89. package/dist/esm/v3/components/index.js +10 -6
  90. package/dist/esm/v3/components/or-card-collection/index.js +3 -3
  91. package/dist/esm/v3/components/or-confirm/index.js +2 -3
  92. package/dist/esm/v3/components/or-confirm-v3/index.js +6 -6
  93. package/dist/esm/v3/components/or-input/index.d.ts +1 -0
  94. package/dist/esm/v3/components/or-input/index.js +11 -0
  95. package/dist/esm/v3/components/or-list-of-inputs/index.js +2 -4
  96. package/dist/esm/v3/components/or-number-input/index.d.ts +1 -0
  97. package/dist/esm/v3/components/or-number-input/index.js +12 -0
  98. package/dist/esm/v3/components/or-password/index.d.ts +1 -0
  99. package/dist/esm/v3/components/{or-inputs → or-password}/index.js +3 -2
  100. package/dist/esm/v3/components/or-search/index.d.ts +1 -0
  101. package/dist/esm/v3/components/or-search/index.js +20 -0
  102. package/dist/esm/v3/components/or-textarea/index.d.ts +1 -0
  103. package/dist/esm/v3/components/or-textarea/index.js +11 -0
  104. package/dist/esm/v3/index.js +9 -5
  105. package/package.json +1 -1
  106. package/src/components/index.ts +5 -1
  107. package/src/components/or-card-collection/OrCardCollection.vue +8 -8
  108. package/src/components/or-confirm/OrConfirm.vue +1 -1
  109. package/src/components/or-confirm-v3/OrConfirm.vue +10 -11
  110. package/src/components/or-confirm-v3/styles.ts +3 -13
  111. package/src/components/or-input/index.ts +1 -0
  112. package/src/components/or-list/OrList.stories.ts +1 -1
  113. package/src/components/or-list-of-inputs/OrListOfInputs.vue +1 -1
  114. package/src/components/or-modal/OrModal.stories.ts +1 -1
  115. package/src/components/{or-inputs → or-number-input}/OrNumberInput.vue +1 -1
  116. package/src/components/or-number-input/index.ts +1 -0
  117. package/src/components/{or-inputs → or-password}/OrPassword.vue +1 -1
  118. package/src/components/or-password/index.ts +1 -0
  119. package/src/components/{or-inputs → or-search}/OrSearch.vue +1 -1
  120. package/src/components/or-search/index.ts +1 -0
  121. package/src/components/{or-inputs → or-textarea}/OrTextarea.vue +225 -6
  122. package/src/components/or-textarea/index.ts +1 -0
  123. package/dist/bundled/v2/components/or-inputs/index.d.ts +0 -5
  124. package/dist/bundled/v3/OrPassword.vue_vue_type_script_lang-13bc5b00.js +0 -390
  125. package/dist/bundled/v3/components/or-inputs/index.d.ts +0 -5
  126. package/dist/esm/v2/components/or-inputs/index.d.ts +0 -5
  127. package/dist/esm/v3/OrSearch-7cb2c91c.js +0 -1075
  128. package/dist/esm/v3/components/or-inputs/index.d.ts +0 -5
  129. package/src/components/or-inputs/index.ts +0 -5
  130. /package/dist/bundled/v2/{OrInput-08f2f666.js → OrInput-df1a14fa.js} +0 -0
  131. /package/dist/bundled/v2/components/{or-inputs → or-input}/OrInput.vue.d.ts +0 -0
  132. /package/dist/bundled/v2/components/{or-inputs → or-number-input}/OrNumberInput.vue.d.ts +0 -0
  133. /package/dist/bundled/v2/components/{or-inputs → or-password}/OrPassword.vue.d.ts +0 -0
  134. /package/dist/bundled/v2/components/{or-inputs → or-search}/OrSearch.vue.d.ts +0 -0
  135. /package/dist/bundled/v2/components/{or-inputs → or-textarea}/OrTextarea.vue.d.ts +0 -0
  136. /package/dist/bundled/v3/components/{or-inputs → or-input}/OrInput.vue.d.ts +0 -0
  137. /package/dist/bundled/v3/components/{or-inputs → or-number-input}/OrNumberInput.vue.d.ts +0 -0
  138. /package/dist/bundled/v3/components/{or-inputs → or-password}/OrPassword.vue.d.ts +0 -0
  139. /package/dist/bundled/v3/components/{or-inputs → or-search}/OrSearch.vue.d.ts +0 -0
  140. /package/dist/bundled/v3/components/{or-inputs → or-textarea}/OrTextarea.vue.d.ts +0 -0
  141. /package/dist/esm/v2/components/{or-inputs → or-input}/OrInput.vue.d.ts +0 -0
  142. /package/dist/esm/v2/components/{or-inputs → or-number-input}/OrNumberInput.vue.d.ts +0 -0
  143. /package/dist/esm/v2/components/{or-inputs → or-password}/OrPassword.vue.d.ts +0 -0
  144. /package/dist/esm/v2/components/{or-inputs → or-search}/OrSearch.vue.d.ts +0 -0
  145. /package/dist/esm/v2/components/{or-inputs → or-textarea}/OrTextarea.vue.d.ts +0 -0
  146. /package/dist/esm/v3/components/{or-inputs → or-input}/OrInput.vue.d.ts +0 -0
  147. /package/dist/esm/v3/components/{or-inputs → or-number-input}/OrNumberInput.vue.d.ts +0 -0
  148. /package/dist/esm/v3/components/{or-inputs → or-password}/OrPassword.vue.d.ts +0 -0
  149. /package/dist/esm/v3/components/{or-inputs → or-search}/OrSearch.vue.d.ts +0 -0
  150. /package/dist/esm/v3/components/{or-inputs → or-textarea}/OrTextarea.vue.d.ts +0 -0
  151. /package/src/components/{or-inputs → or-input}/OrInput.stories.ts +0 -0
  152. /package/src/components/{or-inputs → or-input}/OrInput.vue +0 -0
  153. /package/src/components/{or-inputs → or-input}/or-textbox-migration.stories.mdx +0 -0
  154. /package/src/components/{or-inputs → or-input}/styles.scss +0 -0
  155. /package/src/components/{or-inputs → or-number-input}/OrNumberInput.stories.ts +0 -0
  156. /package/src/components/{or-inputs → or-password}/OrPassword.stories.ts +0 -0
  157. /package/src/components/{or-inputs → or-search}/OrSearch.stories.ts +0 -0
  158. /package/src/components/{or-inputs → or-textarea}/OrTextarea.stories.ts +0 -0
@@ -1,7 +1,7 @@
1
1
  import './index-fa6eb4ca.js';
2
2
  import { O as OrCard } from './OrCard-a6b30f8f.js';
3
3
  import { O as OrIcon } from './OrIcon-10ec459c.js';
4
- import { O as OrSearch } from './OrSearch-f7cfa52f.js';
4
+ import { O as OrSearch } from './OrSearch-832d7978.js';
5
5
  import { O as OrIconButton } from './OrIconButton-65962c1c.js';
6
6
  import { defineComponent, ref } from '@vue/composition-api/dist/vue-composition-api.mjs';
7
7
  import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
@@ -197,18 +197,18 @@ var __vue_staticRenderFns__ = [];
197
197
  /* style */
198
198
  const __vue_inject_styles__ = function (inject) {
199
199
  if (!inject) return;
200
- inject("data-v-4839d0ae_0", {
201
- source: "@keyframes spinAround-data-v-4839d0ae{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-4839d0ae{from{opacity:1}to{opacity:0}}.or-card-collection .or-card-collection-toolbar[data-v-4839d0ae]{display:flex;justify-content:space-between;align-items:center;column-gap:var(--s-4);margin:0 var(--s-4)}.or-card-collection .or-card-collection-toolbar .or-card-collection-sorting[data-v-4839d0ae]{flex-grow:1;cursor:pointer}.or-card-collection .or-card-collection-toolbar .or-card-collection-sorting .or-card-collection-sorting-column[data-v-4839d0ae]{display:inline-flex;margin:var(--s-2) var(--s-6);text-transform:capitalize;color:var(--c-neutral-4);font-size:var(--fs-0);font-weight:var(--fw-0);letter-spacing:0;line-height:var(--lh-0);user-select:none}.or-card-collection .or-card-collection-toolbar .or-card-collection-sorting .or-card-collection-sorting-column.sorting-selected[data-v-4839d0ae]{color:var(--c-neutral-6);font-weight:700}.or-card-collection .or-card-collection-toolbar .or-card-collection-sorting .or-card-collection-sorting-column.sorting-selected .or-card-collection-sort-direction[data-v-4839d0ae]{height:14px;width:14px;margin-left:var(--s-1)}.or-card-collection .or-card-collection-toolbar .or-card-collection-layout-buttons .or-icon-button[data-v-4839d0ae]{border-radius:0}.or-card-collection .or-card-collection-wrapper[data-v-4839d0ae]{display:flex;margin-top:var(--s-5)}.or-card-collection.or-card-collection-grid .or-card-collection-wrapper[data-v-4839d0ae]{flex-flow:row wrap}.or-card-collection.or-card-collection-grid .or-card-collection-wrapper .or-card[data-v-4839d0ae]{margin-right:auto}.or-card-collection.or-card-collection-list .or-card-collection-wrapper[data-v-4839d0ae]{flex-direction:column}",
200
+ inject("data-v-06085c59_0", {
201
+ source: "@keyframes spinAround-data-v-06085c59{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-06085c59{from{opacity:1}to{opacity:0}}.or-card-collection .or-card-collection-toolbar[data-v-06085c59]{display:flex;column-gap:var(--s-4);align-items:center;justify-content:space-between;margin:0 var(--s-4)}.or-card-collection .or-card-collection-toolbar .or-card-collection-sorting[data-v-06085c59]{flex-grow:1;cursor:pointer}.or-card-collection .or-card-collection-toolbar .or-card-collection-sorting .or-card-collection-sorting-column[data-v-06085c59]{display:inline-flex;margin:var(--s-2) var(--s-6);font-size:var(--fs-0);font-weight:var(--fw-0);line-height:var(--lh-0);color:var(--c-neutral-4);text-transform:capitalize;letter-spacing:0;user-select:none}.or-card-collection .or-card-collection-toolbar .or-card-collection-sorting .or-card-collection-sorting-column.sorting-selected[data-v-06085c59]{font-weight:700;color:var(--c-neutral-6)}.or-card-collection .or-card-collection-toolbar .or-card-collection-sorting .or-card-collection-sorting-column.sorting-selected .or-card-collection-sort-direction[data-v-06085c59]{width:14px;height:14px;margin-left:var(--s-1)}.or-card-collection .or-card-collection-toolbar .or-card-collection-layout-buttons .or-icon-button[data-v-06085c59]{border-radius:0}.or-card-collection .or-card-collection-wrapper[data-v-06085c59]{display:flex;margin-top:var(--s-5)}.or-card-collection.or-card-collection-grid .or-card-collection-wrapper[data-v-06085c59]{flex-flow:row wrap}.or-card-collection.or-card-collection-grid .or-card-collection-wrapper .or-card[data-v-06085c59]{margin-right:auto}.or-card-collection.or-card-collection-list .or-card-collection-wrapper[data-v-06085c59]{flex-direction:column}",
202
202
  map: undefined,
203
203
  media: undefined
204
- }), inject("data-v-4839d0ae_1", {
204
+ }), inject("data-v-06085c59_1", {
205
205
  source: ".or-card-collection-filter .or-textbox .or-textbox--input{max-width:256px;height:30px}.or-card-collection-sort-direction .or-icon{font-size:1rem}",
206
206
  map: undefined,
207
207
  media: undefined
208
208
  });
209
209
  };
210
210
  /* scoped */
211
- const __vue_scope_id__ = "data-v-4839d0ae";
211
+ const __vue_scope_id__ = "data-v-06085c59";
212
212
  /* module identifier */
213
213
  const __vue_module_identifier__ = undefined;
214
214
  /* functional template */
@@ -1,6 +1,6 @@
1
- import { useMagicKeys, whenever, onClickOutside } from '@vueuse/core';
2
- import { l as logicAnd } from './index-17f264f9.js';
3
1
  import './index-fa6eb4ca.js';
2
+ import { useMagicKeys, whenever } from '@vueuse/core';
3
+ import { l as logicAnd } from './index-17f264f9.js';
4
4
  import { O as OrOverlay } from './OrOverlay-3c89d622.js';
5
5
  import { O as OrButton, a as ButtonColor } from './OrButton-a846fa7e.js';
6
6
  import { O as OrInput } from './OrInput-82ccfe00.js';
@@ -14,14 +14,12 @@ var ConfirmType;
14
14
  })(ConfirmType || (ConfirmType = {}));
15
15
 
16
16
  const ConfirmRoot = [
17
- // Position
18
- 'fixed md:static', 'left-none', 'right-none', 'bottom-none',
19
17
  // Layout
20
18
  'layout-column',
21
19
  // Box
22
- 'w-full md:w-[320px]',
20
+ 'w-[320px]',
23
21
  // Shape
24
- 'rounded-0 md:rounded-md',
22
+ 'rounded-md',
25
23
  // Spacing
26
24
  'px-lg', 'py-lg', 'gap-md',
27
25
  // Typography
@@ -54,10 +52,8 @@ const ConfirmFooterTypes = {
54
52
  'flex-row-reverse']
55
53
  };
56
54
  const ConfirmFooterButtons = [
57
- // Layout
58
- 'grow',
59
55
  // Box
60
- 'w-auto md:w-[128px]'];
56
+ 'w-[128px]'];
61
57
 
62
58
  var script = defineComponent({
63
59
  name: 'OrConfirm',
@@ -199,9 +195,6 @@ var script = defineComponent({
199
195
  const inputBoxStyles = computed(() => [...ConfirmInput]);
200
196
  const footerStyles = computed(() => [...ConfirmFooter, ...ConfirmFooterTypes[props.confirmType]]);
201
197
  const buttonsStyles = computed(() => [...ConfirmFooterButtons]);
202
- // #region Click Outside
203
- onClickOutside(root, close);
204
- // #endregion
205
198
  return {
206
199
  root,
207
200
  confirmationInput,
@@ -3,7 +3,7 @@ import { useMagicKeys, useActiveElement, whenever } from '@vueuse/core';
3
3
  import { l as logicAnd } from './index-17f264f9.js';
4
4
  import { O as OrButton } from './OrButton-705cd0bd.js';
5
5
  import { O as OrModal, a as OrModalSizes } from './OrModal-a5411b0d.js';
6
- import { O as OrInput } from './OrInput-08f2f666.js';
6
+ import { O as OrInput } from './OrInput-df1a14fa.js';
7
7
  import { a as BUTTON_COLOR } from './constants-c5d1139f.js';
8
8
  import { defineComponent, ref, computed } from '@vue/composition-api/dist/vue-composition-api.mjs';
9
9
  import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
@@ -238,14 +238,14 @@ var __vue_staticRenderFns__ = [];
238
238
  /* style */
239
239
  const __vue_inject_styles__ = function (inject) {
240
240
  if (!inject) return;
241
- inject("data-v-001a7d92_0", {
242
- source: "@keyframes spinAround-data-v-001a7d92{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-001a7d92{from{opacity:1}to{opacity:0}}.or-confirm-footer[data-v-001a7d92]{display:flex;flex-direction:row;gap:var(--s-4);justify-content:end}.confirmation-textbox[data-v-001a7d92]{margin-top:var(--s-3)}.or-modal[data-v-001a7d92] .header{padding-bottom:var(--s-4)!important}.or-modal[data-v-001a7d92] .content{padding-bottom:0!important;font-size:var(--fs-1);font-weight:400;line-height:var(--lh-1)}.or-modal[data-v-001a7d92] .footer{box-shadow:none!important}",
241
+ inject("data-v-8712b442_0", {
242
+ source: "@keyframes spinAround-data-v-8712b442{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-8712b442{from{opacity:1}to{opacity:0}}.or-confirm-footer[data-v-8712b442]{display:flex;flex-direction:row;gap:var(--s-4);justify-content:end}.confirmation-textbox[data-v-8712b442]{margin-top:var(--s-3)}.or-modal[data-v-8712b442] .header{padding-bottom:var(--s-4)!important}.or-modal[data-v-8712b442] .content{padding-bottom:0!important;font-size:var(--fs-1);font-weight:400;line-height:var(--lh-1)}.or-modal[data-v-8712b442] .footer{box-shadow:none!important}",
243
243
  map: undefined,
244
244
  media: undefined
245
245
  });
246
246
  };
247
247
  /* scoped */
248
- const __vue_scope_id__ = "data-v-001a7d92";
248
+ const __vue_scope_id__ = "data-v-8712b442";
249
249
  /* module identifier */
250
250
  const __vue_module_identifier__ = undefined;
251
251
  /* functional template */
@@ -1,7 +1,7 @@
1
1
  import './index-fa6eb4ca.js';
2
2
  import _ from 'lodash';
3
3
  import { O as OrList } from './OrList-4e84a3b4.js';
4
- import { O as OrInput } from './OrInput-08f2f666.js';
4
+ import { O as OrInput } from './OrInput-df1a14fa.js';
5
5
  import { O as OrIcon } from './OrIcon-10ec459c.js';
6
6
  import { O as OrIconButton } from './OrIconButton-65962c1c.js';
7
7
  import { defineComponent } from '@vue/composition-api/dist/vue-composition-api.mjs';
@@ -199,14 +199,14 @@ var __vue_staticRenderFns__ = [];
199
199
  /* style */
200
200
  const __vue_inject_styles__ = function (inject) {
201
201
  if (!inject) return;
202
- inject("data-v-3c451b58_0", {
203
- source: ".or-list-of-inputs--delete-button[data-v-3c451b58] .or-icon{font-size:.875rem!important}",
202
+ inject("data-v-52af8efa_0", {
203
+ source: ".or-list-of-inputs--delete-button[data-v-52af8efa] .or-icon{font-size:.875rem!important}",
204
204
  map: undefined,
205
205
  media: undefined
206
206
  });
207
207
  };
208
208
  /* scoped */
209
- const __vue_scope_id__ = "data-v-3c451b58";
209
+ const __vue_scope_id__ = "data-v-52af8efa";
210
210
  /* module identifier */
211
211
  const __vue_module_identifier__ = undefined;
212
212
  /* functional template */
@@ -0,0 +1,227 @@
1
+ import './index-fa6eb4ca.js';
2
+ import { O as OrInput } from './OrInput-df1a14fa.js';
3
+ import { defineComponent, ref } from '@vue/composition-api/dist/vue-composition-api.mjs';
4
+ import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
5
+
6
+ var script = defineComponent({
7
+ name: 'OrNumberInput',
8
+ components: {
9
+ OrInput
10
+ },
11
+ model: {
12
+ prop: 'modelValue',
13
+ event: 'update:modelValue'
14
+ },
15
+ props: {
16
+ modelValue: {
17
+ type: Number,
18
+ default: undefined,
19
+ required: false
20
+ },
21
+ htmlId: {
22
+ type: String,
23
+ default: '',
24
+ required: false
25
+ },
26
+ placeholder: {
27
+ type: String,
28
+ default: '',
29
+ required: false
30
+ },
31
+ label: {
32
+ type: String,
33
+ default: '',
34
+ required: false
35
+ },
36
+ error: {
37
+ type: String,
38
+ default: '',
39
+ required: false
40
+ },
41
+ hint: {
42
+ type: String,
43
+ default: '',
44
+ required: false
45
+ },
46
+ minValue: {
47
+ type: Number,
48
+ default: undefined,
49
+ required: false
50
+ },
51
+ maxValue: {
52
+ type: Number,
53
+ default: undefined,
54
+ required: false
55
+ },
56
+ stepValue: {
57
+ type: Number,
58
+ default: undefined,
59
+ required: false
60
+ },
61
+ isSmall: Boolean,
62
+ isRequired: Boolean,
63
+ isDisabled: Boolean,
64
+ isReadonly: Boolean,
65
+ isInvalid: Boolean
66
+ },
67
+ emits: ['focus', 'blur', 'update:modelValue', 'input', 'keypress', 'keyup', 'keydown'],
68
+ setup(props, {
69
+ emit
70
+ }) {
71
+ const inputRef = ref();
72
+ if (props.modelValue) {
73
+ if (props.minValue !== undefined && props.modelValue < props.minValue) {
74
+ emit('update:modelValue', props.minValue);
75
+ } else if (props.maxValue !== undefined && props.modelValue > props.maxValue) {
76
+ emit('update:modelValue', props.maxValue);
77
+ }
78
+ }
79
+ return {
80
+ inputRef
81
+ };
82
+ },
83
+ computed: {
84
+ htmlInputAttrs() {
85
+ return {
86
+ min: this.minValue,
87
+ max: this.maxValue,
88
+ step: this.stepValue
89
+ };
90
+ },
91
+ localValue: {
92
+ get() {
93
+ var _a;
94
+ return ((_a = this.modelValue) !== null && _a !== void 0 ? _a : '') + '';
95
+ },
96
+ set(val) {
97
+ if (val === undefined || val === '') {
98
+ this.$emit('update:modelValue', undefined);
99
+ return;
100
+ }
101
+ const numVal = +val;
102
+ if (this.minValue !== undefined && numVal < this.minValue) {
103
+ this.$emit('update:modelValue', this.minValue);
104
+ } else if (this.maxValue !== undefined && numVal > this.maxValue) {
105
+ this.$emit('update:modelValue', this.maxValue);
106
+ } else {
107
+ this.$emit('update:modelValue', numVal);
108
+ }
109
+ }
110
+ }
111
+ }
112
+ });
113
+
114
+ /* script */
115
+ const __vue_script__ = script;
116
+
117
+ /* template */
118
+ var __vue_render__ = function () {
119
+ var _vm = this;
120
+ var _h = _vm.$createElement;
121
+ var _c = _vm._self._c || _h;
122
+ return _c('or-input', {
123
+ ref: "inputRef",
124
+ staticClass: "or-password",
125
+ attrs: {
126
+ "html-id": _vm.htmlId,
127
+ "placeholder": _vm.placeholder,
128
+ "html-type": "number",
129
+ "html-input-attrs": _vm.htmlInputAttrs,
130
+ "label": _vm.label,
131
+ "error": _vm.error,
132
+ "hint": _vm.hint,
133
+ "is-small": _vm.isSmall,
134
+ "is-required": _vm.isRequired,
135
+ "is-disabled": _vm.isDisabled,
136
+ "is-readonly": _vm.isReadonly,
137
+ "is-invalid": _vm.isInvalid
138
+ },
139
+ on: {
140
+ "focus": function ($event) {
141
+ return _vm.$emit('focus', $event);
142
+ },
143
+ "blur": function ($event) {
144
+ return _vm.$emit('blur', $event);
145
+ },
146
+ "input": function ($event) {
147
+ return _vm.$emit('input', $event);
148
+ },
149
+ "keypress": function ($event) {
150
+ return _vm.$emit('keypress', $event);
151
+ },
152
+ "keyup": function ($event) {
153
+ return _vm.$emit('keyup', $event);
154
+ },
155
+ "keydown": function ($event) {
156
+ return _vm.$emit('keydown', $event);
157
+ }
158
+ },
159
+ scopedSlots: _vm._u([_vm.$slots.prepend ? {
160
+ key: "prepend",
161
+ fn: function () {
162
+ return [_vm._t("prepend")];
163
+ },
164
+ proxy: true
165
+ } : null, _vm.$slots['label-default'] ? {
166
+ key: "label-default",
167
+ fn: function () {
168
+ return [_vm._t("label-default")];
169
+ },
170
+ proxy: true
171
+ } : null, _vm.$slots['label-append'] ? {
172
+ key: "label-append",
173
+ fn: function () {
174
+ return [_vm._t("label-append")];
175
+ },
176
+ proxy: true
177
+ } : null, _vm.$slots['wrapper-end'] ? {
178
+ key: "wrapper-end",
179
+ fn: function () {
180
+ return [_vm._t("wrapper-end")];
181
+ },
182
+ proxy: true
183
+ } : null, _vm.$slots['input-end'] ? {
184
+ key: "input-end",
185
+ fn: function () {
186
+ return [_vm._t("input-end")];
187
+ },
188
+ proxy: true
189
+ } : null, _vm.$slots.append ? {
190
+ key: "append",
191
+ fn: function () {
192
+ return [_vm._t("append")];
193
+ },
194
+ proxy: true
195
+ } : null], null, true),
196
+ model: {
197
+ value: _vm.localValue,
198
+ callback: function ($$v) {
199
+ _vm.localValue = $$v;
200
+ },
201
+ expression: "localValue"
202
+ }
203
+ });
204
+ };
205
+ var __vue_staticRenderFns__ = [];
206
+
207
+ /* style */
208
+ const __vue_inject_styles__ = undefined;
209
+ /* scoped */
210
+ const __vue_scope_id__ = undefined;
211
+ /* module identifier */
212
+ const __vue_module_identifier__ = undefined;
213
+ /* functional template */
214
+ const __vue_is_functional_template__ = false;
215
+ /* style inject */
216
+
217
+ /* style inject SSR */
218
+
219
+ /* style inject shadow dom */
220
+
221
+ const __vue_component__ = /*#__PURE__*/normalizeComponent({
222
+ render: __vue_render__,
223
+ staticRenderFns: __vue_staticRenderFns__
224
+ }, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
225
+ var __vue_component__$1 = __vue_component__;
226
+
227
+ export { __vue_component__$1 as _ };
@@ -0,0 +1,227 @@
1
+ import './index-fa6eb4ca.js';
2
+ import { useVModel } from '@vueuse/core';
3
+ import { O as OrInput } from './OrInput-df1a14fa.js';
4
+ import { O as OrIconButton } from './OrIconButton-65962c1c.js';
5
+ import { u as useToggle } from './useToggle-6166bd53.js';
6
+ import { b as BUTTON_SIZE } from './constants-c5d1139f.js';
7
+ import { defineComponent, ref } from '@vue/composition-api/dist/vue-composition-api.mjs';
8
+ import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
9
+ import { c as createInjector } from './browser-82dea9ed.js';
10
+
11
+ var script = defineComponent({
12
+ name: 'OrPassword',
13
+ components: {
14
+ OrInput,
15
+ OrIconButton
16
+ },
17
+ model: {
18
+ prop: 'modelValue',
19
+ event: 'update:modelValue'
20
+ },
21
+ props: {
22
+ modelValue: {
23
+ type: String,
24
+ default: '',
25
+ required: false
26
+ },
27
+ htmlId: {
28
+ type: String,
29
+ default: '',
30
+ required: false
31
+ },
32
+ placeholder: {
33
+ type: String,
34
+ default: '',
35
+ required: false
36
+ },
37
+ label: {
38
+ type: String,
39
+ default: '',
40
+ required: false
41
+ },
42
+ error: {
43
+ type: String,
44
+ default: '',
45
+ required: false
46
+ },
47
+ hint: {
48
+ type: String,
49
+ default: '',
50
+ required: false
51
+ },
52
+ maxLength: {
53
+ type: Number,
54
+ default: undefined,
55
+ required: false
56
+ },
57
+ isSmall: Boolean,
58
+ isRequired: Boolean,
59
+ isDisabled: Boolean,
60
+ isReadonly: Boolean,
61
+ isInvalid: Boolean
62
+ },
63
+ emits: ['focus', 'blur', 'update:modelValue', 'input', 'keypress', 'keyup', 'keydown'],
64
+ setup(props, {
65
+ emit
66
+ }) {
67
+ const inputRef = ref();
68
+ const localValue = useVModel(props, 'modelValue', emit);
69
+ const {
70
+ isActiveToggle,
71
+ toggle
72
+ } = useToggle();
73
+ return {
74
+ inputRef,
75
+ localValue,
76
+ isActiveToggle,
77
+ toggle
78
+ };
79
+ },
80
+ computed: {
81
+ currentButtonIcon() {
82
+ return this.isActiveToggle ? 'visibility' : 'visibility_off';
83
+ },
84
+ type() {
85
+ return this.isActiveToggle ? 'text' : 'password';
86
+ },
87
+ size() {
88
+ return this.isSmall ? BUTTON_SIZE.SMALL : BUTTON_SIZE.DEFAULT;
89
+ }
90
+ },
91
+ methods: {
92
+ onClick() {
93
+ var _a;
94
+ this.toggle();
95
+ (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.focus();
96
+ }
97
+ }
98
+ });
99
+
100
+ /* script */
101
+ const __vue_script__ = script;
102
+
103
+ /* template */
104
+ var __vue_render__ = function () {
105
+ var _vm = this;
106
+ var _h = _vm.$createElement;
107
+ var _c = _vm._self._c || _h;
108
+ return _c('or-input', {
109
+ ref: "inputRef",
110
+ staticClass: "or-password",
111
+ attrs: {
112
+ "html-id": _vm.htmlId,
113
+ "placeholder": _vm.placeholder,
114
+ "html-type": _vm.type,
115
+ "label": _vm.label,
116
+ "error": _vm.error,
117
+ "hint": _vm.hint,
118
+ "max-length": _vm.maxLength,
119
+ "is-small": _vm.isSmall,
120
+ "is-required": _vm.isRequired,
121
+ "is-disabled": _vm.isDisabled,
122
+ "is-readonly": _vm.isReadonly,
123
+ "is-invalid": _vm.isInvalid
124
+ },
125
+ on: {
126
+ "focus": function ($event) {
127
+ return _vm.$emit('focus', $event);
128
+ },
129
+ "blur": function ($event) {
130
+ return _vm.$emit('blur', $event);
131
+ },
132
+ "input": function ($event) {
133
+ return _vm.$emit('input', $event);
134
+ },
135
+ "keypress": function ($event) {
136
+ return _vm.$emit('keypress', $event);
137
+ },
138
+ "keyup": function ($event) {
139
+ return _vm.$emit('keyup', $event);
140
+ },
141
+ "keydown": function ($event) {
142
+ return _vm.$emit('keydown', $event);
143
+ }
144
+ },
145
+ scopedSlots: _vm._u([_vm.$slots.prepend ? {
146
+ key: "prepend",
147
+ fn: function () {
148
+ return [_vm._t("prepend")];
149
+ },
150
+ proxy: true
151
+ } : null, _vm.$slots['label-default'] ? {
152
+ key: "label-default",
153
+ fn: function () {
154
+ return [_vm._t("label-default")];
155
+ },
156
+ proxy: true
157
+ } : null, _vm.$slots['label-append'] ? {
158
+ key: "label-append",
159
+ fn: function () {
160
+ return [_vm._t("label-append")];
161
+ },
162
+ proxy: true
163
+ } : null, {
164
+ key: "wrapper-end",
165
+ fn: function () {
166
+ return [_c('or-icon-button', {
167
+ attrs: {
168
+ "icon": _vm.currentButtonIcon,
169
+ "icon-color": "neutral-4",
170
+ "size": _vm.size
171
+ },
172
+ on: {
173
+ "click": _vm.onClick
174
+ }
175
+ })];
176
+ },
177
+ proxy: true
178
+ }, _vm.$slots['input-end'] ? {
179
+ key: "input-end",
180
+ fn: function () {
181
+ return [_vm._t("input-end")];
182
+ },
183
+ proxy: true
184
+ } : null, _vm.$slots.append ? {
185
+ key: "append",
186
+ fn: function () {
187
+ return [_vm._t("append")];
188
+ },
189
+ proxy: true
190
+ } : null], null, true),
191
+ model: {
192
+ value: _vm.localValue,
193
+ callback: function ($$v) {
194
+ _vm.localValue = $$v;
195
+ },
196
+ expression: "localValue"
197
+ }
198
+ });
199
+ };
200
+ var __vue_staticRenderFns__ = [];
201
+
202
+ /* style */
203
+ const __vue_inject_styles__ = function (inject) {
204
+ if (!inject) return;
205
+ inject("data-v-c5297b48_0", {
206
+ source: "@keyframes spinAround-data-v-c5297b48{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-c5297b48{from{opacity:1}to{opacity:0}}.or-password .or-icon-button-root[data-v-c5297b48]{position:absolute;top:50%;right:0;z-index:1;transform:translate(-.625rem,-50%)}.or-password[data-v-c5297b48] .or-textbox--input{padding-right:calc(.625rem + 1.625rem)}.or-password.is-small[data-v-c5297b48] .or-textbox--input{padding-right:calc(.625rem + 1.5rem)}",
207
+ map: undefined,
208
+ media: undefined
209
+ });
210
+ };
211
+ /* scoped */
212
+ const __vue_scope_id__ = "data-v-c5297b48";
213
+ /* module identifier */
214
+ const __vue_module_identifier__ = undefined;
215
+ /* functional template */
216
+ const __vue_is_functional_template__ = false;
217
+ /* style inject SSR */
218
+
219
+ /* style inject shadow dom */
220
+
221
+ const __vue_component__ = /*#__PURE__*/normalizeComponent({
222
+ render: __vue_render__,
223
+ staticRenderFns: __vue_staticRenderFns__
224
+ }, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, createInjector, undefined, undefined);
225
+ var __vue_component__$1 = __vue_component__;
226
+
227
+ export { __vue_component__$1 as _ };
@@ -1,6 +1,6 @@
1
1
  import './index-fa6eb4ca.js';
2
- import { O as OrInput } from './OrInput-08f2f666.js';
3
2
  import { debouncedWatch } from '@vueuse/core';
3
+ import { O as OrInput } from './OrInput-df1a14fa.js';
4
4
  import { O as OrIconButton } from './OrIconButton-65962c1c.js';
5
5
  import { b as BUTTON_SIZE } from './constants-c5d1139f.js';
6
6
  import { defineComponent, ref } from '@vue/composition-api/dist/vue-composition-api.mjs';
@@ -223,14 +223,14 @@ var __vue_staticRenderFns__ = [];
223
223
  /* style */
224
224
  const __vue_inject_styles__ = function (inject) {
225
225
  if (!inject) return;
226
- inject("data-v-073ad33e_0", {
227
- source: "@keyframes spinAround-data-v-073ad33e{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-073ad33e{from{opacity:1}to{opacity:0}}.or-search .or-icon-button-root[data-v-073ad33e]{position:absolute;top:50%;right:0;z-index:1;transform:translate(-.625rem,-50%)}.or-search[data-v-073ad33e] .or-textbox--input{padding-right:calc(.625rem + 1.625rem)}.or-search.is-small[data-v-073ad33e] .or-textbox--input{padding-right:calc(.625rem + 1.5rem)}",
226
+ inject("data-v-81c3bf2c_0", {
227
+ source: "@keyframes spinAround-data-v-81c3bf2c{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-81c3bf2c{from{opacity:1}to{opacity:0}}.or-search .or-icon-button-root[data-v-81c3bf2c]{position:absolute;top:50%;right:0;z-index:1;transform:translate(-.625rem,-50%)}.or-search[data-v-81c3bf2c] .or-textbox--input{padding-right:calc(.625rem + 1.625rem)}.or-search.is-small[data-v-81c3bf2c] .or-textbox--input{padding-right:calc(.625rem + 1.5rem)}",
228
228
  map: undefined,
229
229
  media: undefined
230
230
  });
231
231
  };
232
232
  /* scoped */
233
- const __vue_scope_id__ = "data-v-073ad33e";
233
+ const __vue_scope_id__ = "data-v-81c3bf2c";
234
234
  /* module identifier */
235
235
  const __vue_module_identifier__ = undefined;
236
236
  /* functional template */