@onereach/ui-components 2.71.2-beta.2238.0 → 2.71.2-beta.2240.0

package/dist/esm/v2/{OrCardCollection-19582949.js → OrCardCollection-f6b07557.js}

@@ -1,9 +1,10 @@
 import { defineComponent, ref } from 'vue-demi';
 import { _ as __vue_component__$1 } from './OrCard-b7268256.js';
 import { _ as __vue_component__$2 } from './OrIcon-819166f6.js';
-import { _ as __vue_component__$3 } from './OrSearch-b4f4d59b.js';
-import './OrIconButton.vue_rollup-plugin-vue_script-9fb7b7ab.js';
+import './OrSearch.vue_rollup-plugin-vue_script-197d77fc.js';
 import { c as createInjector } from './browser-82dea9ed.js';
+import { _ as __vue_component__$3 } from './OrSearch-0589d17d.js';
+import './OrIconButton.vue_rollup-plugin-vue_script-9fb7b7ab.js';
 import { _ as __vue_component__$4 } from './OrIconButton-014e86a7.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
@@ -197,18 +198,18 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = function (inject) {
   if (!inject) return;
-  inject("data-v-06085c59_0", {
-    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}",
+  inject("data-v-4839d0ae_0", {
+    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}",
     map: undefined,
     media: undefined
-  }), inject("data-v-06085c59_1", {
+  }), inject("data-v-4839d0ae_1", {
     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}",
     map: undefined,
     media: undefined
   });
 };
 /* scoped */
-const __vue_scope_id__ = "data-v-06085c59";
+const __vue_scope_id__ = "data-v-4839d0ae";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/esm/v2/{OrCardCollection-bbdb6159.js → OrCardCollection-ff1e9819.js}

@@ -5,7 +5,7 @@ import { _ as __vue_component__$6 } from './OrIcon-f34e0e6f.js';
 import { _ as __vue_component__$5 } from './OrMenuItem-7b7fbf8a.js';
 import { _ as __vue_component__$4 } from './OrMenu-c276db74.js';
 import './OrPopover-d5d4f62a.js';
-import { _ as __vue_component__$7 } from './OrSearch-4b774707.js';
+import { _ as __vue_component__$7 } from './OrSearch-1c934f72.js';
 import './OrInputBox-9ceb9fc4.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrConfirm-ede619eb.js → OrConfirm-d7112dd3.js}

@@ -3,7 +3,7 @@ import { _ as __vue_component__$1 } from './OrButton-c4f9955b.js';
 import { a as BUTTON_COLOR } from './OrIconButton.vue_rollup-plugin-vue_script-9fb7b7ab.js';
 import { c as createInjector } from './browser-82dea9ed.js';
 import { _ as __vue_component__$2, O as OrModalSizes } from './OrModal-97e83549.js';
-import { _ as __vue_component__$3 } from './OrInput-6e6cfd11.js';
+import { _ as __vue_component__$3 } from './OrSearch.vue_rollup-plugin-vue_script-197d77fc.js';
 import { useMagicKeys, useActiveElement, whenever } from '@vueuse/core';
 import { logicAnd } from '@vueuse/math';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
@@ -237,14 +237,14 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = function (inject) {
   if (!inject) return;
-  inject("data-v-8712b442_0", {
-    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}",
+  inject("data-v-001a7d92_0", {
+    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}",
     map: undefined,
     media: undefined
   });
 };
 /* scoped */
-const __vue_scope_id__ = "data-v-8712b442";
+const __vue_scope_id__ = "data-v-001a7d92";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/esm/v2/{OrConfirm-cfaf4266.js → OrConfirm-ec81498e.js}

@@ -2,7 +2,7 @@ import { useMagicKeys, whenever, onClickOutside } from '@vueuse/core';
 import { logicAnd } from '@vueuse/math';
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { _ as __vue_component__$2, a as ButtonColor } from './OrButton-66964360.js';
-import { _ as __vue_component__$3 } from './OrInput-e8fe9102.js';
+import { _ as __vue_component__$3 } from './OrInput-b029d058.js';
 import { _ as __vue_component__$1 } from './OrOverlay-a019186f.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrInput-e8fe9102.js → OrInput-b029d058.js}

@@ -1,6 +1,7 @@
 import { defineComponent, ref, computed, reactive } from 'vue-demi';
 import { a as useIdAttribute, u as useControlAttributes } from './useIdAttribute-859439f0.js';
 import '@vueuse/core';
+import { u as useResponsive } from './useResponsive-a02e95b7.js';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { _ as __vue_component__$1 } from './OrError-13845bb0.js';
 import { _ as __vue_component__$2 } from './OrHint-78b399cb.js';
@@ -8,6 +9,7 @@ import { _ as __vue_component__$4 } from './OrIconButton-5fa56aec.js';
 import { _ as __vue_component__$3 } from './OrIcon-f34e0e6f.js';
 import { _ as __vue_component__$5, a as InputBoxSize } from './OrInputBox-9ceb9fc4.js';
 import { _ as __vue_component__$6 } from './OrLabel-0945a4d9.js';
+import { _ as __vue_component__$7 } from './OrLoader-76307488.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 import { c as createInjector } from './browser-82dea9ed.js';
 
@@ -40,7 +42,8 @@ var script = defineComponent({
     OrIcon: __vue_component__$3,
     OrIconButton: __vue_component__$4,
     OrInputBox: __vue_component__$5,
-    OrLabel: __vue_component__$6
+    OrLabel: __vue_component__$6,
+    OrLoader: __vue_component__$7
   },
   model: {
     prop: 'modelValue',
@@ -75,6 +78,10 @@ var script = defineComponent({
       type: String,
       default: undefined
     },
+    loading: {
+      type: Boolean,
+      default: false
+    },
     required: {
       type: Boolean,
       default: false
@@ -120,6 +127,9 @@ var script = defineComponent({
     const maxLength = computed(() => controlAttributes.maxlength);
     const invalid = computed(() => !!props.error);
     const disclosed = ref(false);
+    const {
+      isMobile
+    } = useResponsive();
     // Methods
     function focus() {
       var _a;
@@ -140,6 +150,7 @@ var script = defineComponent({
       maxLength,
       invalid,
       disclosed,
+      isMobile,
       focus,
       blur
     };
@@ -305,7 +316,13 @@ var __vue_render__ = function () {
     }
   }, 'input', _vm.controlAttributes, false)), _vm._v(" "), _c('div', {
     class: ['layout-row']
-  }, [_vm.type === 'password' ? [_c('OrIconButton', {
+  }, [_vm.loading ? [_c('OrLoader', {
+    attrs: {
+      "variant": 'circular',
+      "color": 'primary',
+      "size": _vm.isMobile ? 'm' : 's'
+    }
+  })] : [_vm.type === 'password' ? [_c('OrIconButton', {
     attrs: {
       "icon": {
         icon: _vm.disclosed ? 'visibility_off' : 'visibility',
@@ -337,7 +354,7 @@ var __vue_render__ = function () {
       "icon": 'search',
       "variant": 'outlined'
     }
-  })]] : _vm._e()], 2)]), _vm._v(" "), !_vm.invalid ? [_vm.hint || _vm.maxLength ? [_c('OrHint', {
+  })]] : _vm._e()]], 2)]), _vm._v(" "), !_vm.invalid ? [_vm.hint || _vm.maxLength ? [_c('OrHint', {
     attrs: {
       "disabled": _vm.disabled
     },
@@ -366,14 +383,14 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = function (inject) {
   if (!inject) return;
-  inject("data-v-1243ae22_0", {
-    source: "input[data-v-1243ae22]{min-width:0;background:0 0;outline:0}input[type=number][data-v-1243ae22]::-webkit-inner-spin-button{display:none}input[type=search][data-v-1243ae22]::-webkit-search-cancel-button{display:none}",
+  inject("data-v-aed95298_0", {
+    source: "input[data-v-aed95298]{min-width:0;background:0 0;outline:0}input[type=number][data-v-aed95298]::-webkit-inner-spin-button{display:none}input[type=search][data-v-aed95298]::-webkit-search-cancel-button{display:none}",
     map: undefined,
     media: undefined
   });
 };
 /* scoped */
-const __vue_scope_id__ = "data-v-1243ae22";
+const __vue_scope_id__ = "data-v-aed95298";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/esm/v2/{OrListOfInputs-4298fa2c.js → OrListOfInputs-50aa1ef1.js}

@@ -1,10 +1,10 @@
 import { defineComponent } from 'vue-demi';
 import _ from 'lodash';
 import { _ as __vue_component__$1 } from './OrList-d4781f7b.js';
-import { _ as __vue_component__$2 } from './OrInput-6e6cfd11.js';
+import { _ as __vue_component__$2 } from './OrSearch.vue_rollup-plugin-vue_script-197d77fc.js';
+import { c as createInjector } from './browser-82dea9ed.js';
 import { _ as __vue_component__$3 } from './OrIcon-819166f6.js';
 import './OrIconButton.vue_rollup-plugin-vue_script-9fb7b7ab.js';
-import { c as createInjector } from './browser-82dea9ed.js';
 import { _ as __vue_component__$4 } from './OrIconButton-014e86a7.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
@@ -199,14 +199,14 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = function (inject) {
   if (!inject) return;
-  inject("data-v-52af8efa_0", {
-    source: ".or-list-of-inputs--delete-button[data-v-52af8efa]  .or-icon{font-size:.875rem!important}",
+  inject("data-v-3c451b58_0", {
+    source: ".or-list-of-inputs--delete-button[data-v-3c451b58]  .or-icon{font-size:.875rem!important}",
     map: undefined,
     media: undefined
   });
 };
 /* scoped */
-const __vue_scope_id__ = "data-v-52af8efa";
+const __vue_scope_id__ = "data-v-3c451b58";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */