@onereach/ui-components 13.0.1-beta.4604.0 → 13.0.2-beta.4607.0

package/dist/bundled/v2/components/OrCodeV3/OrCode.js

@@ -113,7 +113,7 @@ var __vue_render__$1 = function () {
     class: ['grow'],
     attrs: {
       "size": 'm',
-      "invalid": !!_vm.error,
+      "invalid": !!_vm.error || !!_vm.$slots.error,
       "readonly": _vm.readonly,
       "disabled": _vm.disabled
     }
@@ -136,13 +136,15 @@ var __vue_render__$1 = function () {
     directives: [{
       name: "show",
       rawName: "v-show",
-      value: typeof _vm.error === 'string' && _vm.error.length > 0,
-      expression: "typeof error === 'string' && error.length > 0"
+      value: typeof _vm.error === 'string' && _vm.error.length > 0 || _vm.$slots.error,
+      expression: "typeof error === 'string' && error.length > 0 || $slots.error"
     }],
     attrs: {
       "disabled": _vm.disabled
     }
-  }, [_vm._v("\n    " + _vm._s(_vm.error) + "\n  ")])], 2);
+  }, [_vm._t("error", function () {
+    return [_vm._v("\n      " + _vm._s(_vm.error) + "\n    ")];
+  })], 2)], 2);
 };
 var __vue_staticRenderFns__$1 = [];
 
@@ -463,7 +465,13 @@ var __vue_render__ = function () {
         })];
       },
       proxy: true
-    }], null, true)
+    }, _vm.$slots.error ? {
+      key: "error",
+      fn: function () {
+        return [_vm._t("error")];
+      },
+      proxy: true
+    } : null], null, true)
   }), _vm._v(" "), _c('OrModal', {
     ref: 'modal',
     attrs: {
@@ -500,7 +508,13 @@ var __vue_render__ = function () {
         return [_vm._t("addon")];
       },
       proxy: true
-    }], null, true)
+    }, _vm.$slots.error ? {
+      key: "error",
+      fn: function () {
+        return [_vm._t("error")];
+      },
+      proxy: true
+    } : null], null, true)
   })], 1)], 1);
 };
 var __vue_staticRenderFns__ = [];

package/dist/bundled/v3/components/OrCodeV3/OrCode.js

@@ -1 +1 @@
-export { s as default } from '../OrCodeV3-e6f34259.js';
+export { s as default } from '../OrCodeV3-9a2e85d9.js';

package/dist/bundled/v3/components/OrCodeV3/index.js

@@ -1,2 +1,2 @@
-export { C as CodeLanguage, s as OrCodeV3 } from '../OrCodeV3-e6f34259.js';
+export { C as CodeLanguage, s as OrCodeV3 } from '../OrCodeV3-9a2e85d9.js';
 export { a as EditorState, E as EditorView, h as html, j as javascript, d as json, e as jsonParseLinter, c as lintGutter, l as linter } from '../OrCode-bb5b487b.js';

package/dist/bundled/v3/components/OrCodeV3/props.js

@@ -1 +1 @@
-export { C as CodeLanguage } from '../OrCodeV3-e6f34259.js';
+export { C as CodeLanguage } from '../OrCodeV3-9a2e85d9.js';

package/dist/bundled/v3/components/OrCodeV3/styles.js

@@ -1 +1 @@
-export { a as Code, c as CodeControl, b as CodeControlRoot, d as CodeModal } from '../OrCodeV3-e6f34259.js';
+export { a as Code, c as CodeControl, b as CodeControlRoot, d as CodeModal } from '../OrCodeV3-9a2e85d9.js';

package/dist/bundled/v3/components/{OrCodeV3-e6f34259.js → OrCodeV3-9a2e85d9.js}

@@ -1,4 +1,4 @@
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, renderSlot, createTextVNode, toDisplayString, createElementVNode, withDirectives, createBlock, vShow, createCommentVNode, withModifiers, createSlots } from 'vue';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, renderSlot, createTextVNode, toDisplayString, createElementVNode, withDirectives, createBlock, vShow, createCommentVNode, createSlots, withModifiers } from 'vue';
 import { C as Compartment, b as basicSetup, k as keymap, i as indentWithTab, E as EditorView, a as EditorState } from './OrCode-bb5b487b.js';
 import { defineComponent, ref, computed, reactive, toRef, watch, onMounted, onUnmounted } from 'vue-demi';
 import { s as script$2 } from './OrErrorV3-b04d76aa.js';
@@ -126,7 +126,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   }, 8 /* PROPS */, ["control-id", "required", "disabled"]), createVNode(_component_OrInputBox, {
     class: normalizeClass(['grow']),
     size: 'm',
-    invalid: !!_ctx.error,
+    invalid: !!_ctx.error || !!_ctx.$slots.error,
     readonly: _ctx.readonly,
     disabled: _ctx.disabled
   }, {
@@ -144,9 +144,9 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   }, 8 /* PROPS */, ["disabled"])), [[vShow, !_ctx.error]]) : createCommentVNode("v-if", true), withDirectives(createVNode(_component_OrError, {
     disabled: _ctx.disabled
   }, {
-    default: withCtx(() => [createTextVNode(toDisplayString(_ctx.error), 1 /* TEXT */)]),
-    _: 1 /* STABLE */
-  }, 8 /* PROPS */, ["disabled"]), [[vShow, typeof _ctx.error === 'string' && _ctx.error.length > 0]])], 2 /* CLASS */);
+    default: withCtx(() => [renderSlot(_ctx.$slots, "error", {}, () => [createTextVNode(toDisplayString(_ctx.error), 1 /* TEXT */)])]),
+    _: 3 /* FORWARDED */
+  }, 8 /* PROPS */, ["disabled"]), [[vShow, typeof _ctx.error === 'string' && _ctx.error.length > 0 || _ctx.$slots.error]])], 2 /* CLASS */);
 }
 
 script$1.render = render$1;
@@ -422,7 +422,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     error: _ctx.error,
     disabled: _ctx.disabled,
     readonly: _ctx.readonly
-  }, {
+  }, createSlots({
     label: withCtx(() => [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(_ctx.label), 1 /* TEXT */)])]),
     addon: withCtx(() => [createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "addon"), _ctx.enableFullscreen ? (openBlock(), createBlock(_component_OrIconButton, {
       key: 0,
@@ -430,8 +430,12 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       onClick: _cache[0] || (_cache[0] = withModifiers($event => _ctx.openFullscreen(), ["stop"]))
     })) : createCommentVNode("v-if", true)])]),
     hint: withCtx(() => [renderSlot(_ctx.$slots, "hint", {}, () => [createTextVNode(toDisplayString(_ctx.hint), 1 /* TEXT */)])]),
-    _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["control-id", "label", "hint", "error", "disabled", "readonly"]), createVNode(_component_OrModal, {
+    _: 2 /* DYNAMIC */
+  }, [_ctx.$slots.error ? {
+    name: "error",
+    fn: withCtx(() => [renderSlot(_ctx.$slots, "error")]),
+    key: "0"
+  } : undefined]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["control-id", "label", "hint", "error", "disabled", "readonly"]), createVNode(_component_OrModal, {
     ref: 'modal',
     "additional-styles": _ctx.modalStyles,
     size: 'l'
@@ -444,10 +448,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       error: _ctx.error,
       disabled: _ctx.disabled,
       readonly: _ctx.readonly
-    }, {
+    }, createSlots({
       addon: withCtx(() => [renderSlot(_ctx.$slots, "addon")]),
-      _: 3 /* FORWARDED */
-    }, 8 /* PROPS */, ["control-id", "hint", "error", "disabled", "readonly"])]),
+      _: 2 /* DYNAMIC */
+    }, [_ctx.$slots.error ? {
+      name: "error",
+      fn: withCtx(() => [renderSlot(_ctx.$slots, "error")]),
+      key: "0"
+    } : undefined]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["control-id", "hint", "error", "disabled", "readonly"])]),
     _: 2 /* DYNAMIC */
   }, [_ctx.$slots.modalFooter ? {
     name: "footer",

package/dist/bundled/v3/components/index.js

@@ -17,7 +17,7 @@ export { s as OrCheckboxTreeV3 } from './OrCheckboxTreeV3-06e82baa.js';
 export { s as OrCheckboxV3 } from './OrCheckboxV3-bf94f74d.js';
 export { s as OrChip, a as OrChips } from './OrChips-c5c296ba.js';
 export { a as EditorState, E as EditorView, q as OrCode, O as OrCodeLanguages, b as basicSetup, h as html, j as javascript, d as json, e as jsonParseLinter, c as lintGutter, l as linter } from './OrCode-bb5b487b.js';
-export { C as CodeLanguage, s as OrCodeV3 } from './OrCodeV3-e6f34259.js';
+export { C as CodeLanguage, s as OrCodeV3 } from './OrCodeV3-9a2e85d9.js';
 export { default as OrCollapse } from './OrCollapse/OrCollapse.js';
 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-349b3842.js';
 export { s as OrCombinedInputV3 } from './OrCombinedInputV3-ceff5a22.js';

package/dist/bundled/v3/index.js

@@ -10,7 +10,7 @@ export { C as CardPadding, s as OrCardV3 } from './components/OrCardV3-a0e51677.
 export { default as OrCheckboxGroupV3 } from './components/OrCheckboxGroupV3/OrCheckboxGroup.js';
 export { s as OrChip, a as OrChips } from './components/OrChips-c5c296ba.js';
 export { a as EditorState, E as EditorView, q as OrCode, O as OrCodeLanguages, b as basicSetup, h as html, j as javascript, d as json, e as jsonParseLinter, c as lintGutter, l as linter } from './components/OrCode-bb5b487b.js';
-export { C as CodeLanguage, s as OrCodeV3 } from './components/OrCodeV3-e6f34259.js';
+export { C as CodeLanguage, s as OrCodeV3 } from './components/OrCodeV3-9a2e85d9.js';
 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 './components/OrColorPicker-349b3842.js';
 export { s as OrCombinedInputV3 } from './components/OrCombinedInputV3-ceff5a22.js';
 export { s as OrConfirm } from './components/OrConfirm-eb6bdad9.js';

package/dist/esm/v2/{OrCode-faf9e1b7.js → OrCode-5c27dd9c.js}

@@ -144,7 +144,7 @@ var __vue_render__$1 = function () {
     class: ['grow'],
     attrs: {
       "size": 'm',
-      "invalid": !!_vm.error,
+      "invalid": !!_vm.error || !!_vm.$slots.error,
       "readonly": _vm.readonly,
       "disabled": _vm.disabled
     }
@@ -167,13 +167,15 @@ var __vue_render__$1 = function () {
     directives: [{
       name: "show",
       rawName: "v-show",
-      value: typeof _vm.error === 'string' && _vm.error.length > 0,
-      expression: "typeof error === 'string' && error.length > 0"
+      value: typeof _vm.error === 'string' && _vm.error.length > 0 || _vm.$slots.error,
+      expression: "typeof error === 'string' && error.length > 0 || $slots.error"
     }],
     attrs: {
       "disabled": _vm.disabled
     }
-  }, [_vm._v("\n    " + _vm._s(_vm.error) + "\n  ")])], 2);
+  }, [_vm._t("error", function () {
+    return [_vm._v("\n      " + _vm._s(_vm.error) + "\n    ")];
+  })], 2)], 2);
 };
 var __vue_staticRenderFns__$1 = [];
 
@@ -503,7 +505,13 @@ var __vue_render__ = function () {
         })];
       },
       proxy: true
-    }], null, true)
+    }, _vm.$slots.error ? {
+      key: "error",
+      fn: function () {
+        return [_vm._t("error")];
+      },
+      proxy: true
+    } : null], null, true)
   }), _vm._v(" "), _c('OrModal', {
     ref: 'modal',
     attrs: {
@@ -540,7 +548,13 @@ var __vue_render__ = function () {
         return [_vm._t("addon")];
       },
       proxy: true
-    }], null, true)
+    }, _vm.$slots.error ? {
+      key: "error",
+      fn: function () {
+        return [_vm._t("error")];
+      },
+      proxy: true
+    } : null], null, true)
   })], 1)], 1);
 };
 var __vue_staticRenderFns__ = [];

package/dist/esm/v2/components/index.js

@@ -25,7 +25,7 @@ export { lintGutter, linter } from '@codemirror/lint';
 export { javascript } from '@codemirror/lang-javascript';
 export { json, jsonParseLinter } from '@codemirror/lang-json';
 export { html } from '@codemirror/lang-html';
-export { C as CodeLanguage, _ as OrCodeV3 } from '../OrCode-faf9e1b7.js';
+export { C as CodeLanguage, _ as OrCodeV3 } from '../OrCode-5c27dd9c.js';
 export { EditorView } from '@codemirror/view';
 export { EditorState } from '@codemirror/state';
 export { _ as OrCollapse } from '../OrCollapse-8f62d508.js';

package/dist/esm/v2/components/or-code-v3/index.js

@@ -1,4 +1,4 @@
-export { C as CodeLanguage, _ as OrCodeV3 } from '../../OrCode-faf9e1b7.js';
+export { C as CodeLanguage, _ as OrCodeV3 } from '../../OrCode-5c27dd9c.js';
 export { lintGutter, linter } from '@codemirror/lint';
 export { javascript } from '@codemirror/lang-javascript';
 export { json, jsonParseLinter } from '@codemirror/lang-json';

package/dist/esm/v2/index.js

@@ -25,7 +25,7 @@ export { lintGutter, linter } from '@codemirror/lint';
 export { javascript } from '@codemirror/lang-javascript';
 export { json, jsonParseLinter } from '@codemirror/lang-json';
 export { html } from '@codemirror/lang-html';
-export { C as CodeLanguage, _ as OrCodeV3 } from './OrCode-faf9e1b7.js';
+export { C as CodeLanguage, _ as OrCodeV3 } from './OrCode-5c27dd9c.js';
 export { EditorView } from '@codemirror/view';
 export { EditorState } from '@codemirror/state';
 export { _ as OrCollapse } from './OrCollapse-8f62d508.js';

package/dist/esm/v3/{OrCode-73a17bd1.js → OrCode-3c646f51.js}

@@ -17,7 +17,7 @@ import { s as script$2 } from './OrError-331220bc.js';
 import { s as script$3 } from './OrHint-262c8217.js';
 import { s as script$4 } from './OrInputBox-2f33498c.js';
 import { s as script$5 } from './OrLabel-4abbce6e.js';
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, renderSlot, createTextVNode, toDisplayString, createElementVNode, withDirectives, createBlock, vShow, createCommentVNode, withModifiers, createSlots } from 'vue';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, renderSlot, createTextVNode, toDisplayString, createElementVNode, withDirectives, createBlock, vShow, createCommentVNode, createSlots, withModifiers } from 'vue';
 
 const Code = [
 // Layout
@@ -132,7 +132,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   }, 8 /* PROPS */, ["control-id", "required", "disabled"]), createVNode(_component_OrInputBox, {
     class: normalizeClass(['grow']),
     size: 'm',
-    invalid: !!_ctx.error,
+    invalid: !!_ctx.error || !!_ctx.$slots.error,
     readonly: _ctx.readonly,
     disabled: _ctx.disabled
   }, {
@@ -150,9 +150,9 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   }, 8 /* PROPS */, ["disabled"])), [[vShow, !_ctx.error]]) : createCommentVNode("v-if", true), withDirectives(createVNode(_component_OrError, {
     disabled: _ctx.disabled
   }, {
-    default: withCtx(() => [createTextVNode(toDisplayString(_ctx.error), 1 /* TEXT */)]),
-    _: 1 /* STABLE */
-  }, 8 /* PROPS */, ["disabled"]), [[vShow, typeof _ctx.error === 'string' && _ctx.error.length > 0]])], 2 /* CLASS */);
+    default: withCtx(() => [renderSlot(_ctx.$slots, "error", {}, () => [createTextVNode(toDisplayString(_ctx.error), 1 /* TEXT */)])]),
+    _: 3 /* FORWARDED */
+  }, 8 /* PROPS */, ["disabled"]), [[vShow, typeof _ctx.error === 'string' && _ctx.error.length > 0 || _ctx.$slots.error]])], 2 /* CLASS */);
 }
 
 script$1.render = render$1;
@@ -428,7 +428,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     error: _ctx.error,
     disabled: _ctx.disabled,
     readonly: _ctx.readonly
-  }, {
+  }, createSlots({
     label: withCtx(() => [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(_ctx.label), 1 /* TEXT */)])]),
     addon: withCtx(() => [createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "addon"), _ctx.enableFullscreen ? (openBlock(), createBlock(_component_OrIconButton, {
       key: 0,
@@ -436,8 +436,12 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       onClick: _cache[0] || (_cache[0] = withModifiers($event => _ctx.openFullscreen(), ["stop"]))
     })) : createCommentVNode("v-if", true)])]),
     hint: withCtx(() => [renderSlot(_ctx.$slots, "hint", {}, () => [createTextVNode(toDisplayString(_ctx.hint), 1 /* TEXT */)])]),
-    _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["control-id", "label", "hint", "error", "disabled", "readonly"]), createVNode(_component_OrModal, {
+    _: 2 /* DYNAMIC */
+  }, [_ctx.$slots.error ? {
+    name: "error",
+    fn: withCtx(() => [renderSlot(_ctx.$slots, "error")]),
+    key: "0"
+  } : undefined]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["control-id", "label", "hint", "error", "disabled", "readonly"]), createVNode(_component_OrModal, {
     ref: 'modal',
     "additional-styles": _ctx.modalStyles,
     size: 'l'
@@ -450,10 +454,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       error: _ctx.error,
       disabled: _ctx.disabled,
       readonly: _ctx.readonly
-    }, {
+    }, createSlots({
       addon: withCtx(() => [renderSlot(_ctx.$slots, "addon")]),
-      _: 3 /* FORWARDED */
-    }, 8 /* PROPS */, ["control-id", "hint", "error", "disabled", "readonly"])]),
+      _: 2 /* DYNAMIC */
+    }, [_ctx.$slots.error ? {
+      name: "error",
+      fn: withCtx(() => [renderSlot(_ctx.$slots, "error")]),
+      key: "0"
+    } : undefined]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["control-id", "hint", "error", "disabled", "readonly"])]),
     _: 2 /* DYNAMIC */
   }, [_ctx.$slots.modalFooter ? {
     name: "footer",

package/dist/esm/v3/components/index.js

@@ -23,7 +23,7 @@ export { lintGutter, linter } from '@codemirror/lint';
 export { javascript } from '@codemirror/lang-javascript';
 export { json, jsonParseLinter } from '@codemirror/lang-json';
 export { html } from '@codemirror/lang-html';
-export { C as CodeLanguage, s as OrCodeV3 } from '../OrCode-73a17bd1.js';
+export { C as CodeLanguage, s as OrCodeV3 } from '../OrCode-3c646f51.js';
 export { EditorView } from '@codemirror/view';
 export { EditorState } from '@codemirror/state';
 export { s as OrCollapse } from '../OrCollapse-fdd7efab.js';

package/dist/esm/v3/components/or-code-v3/index.js

@@ -1,4 +1,4 @@
-export { C as CodeLanguage, s as OrCodeV3 } from '../../OrCode-73a17bd1.js';
+export { C as CodeLanguage, s as OrCodeV3 } from '../../OrCode-3c646f51.js';
 export { lintGutter, linter } from '@codemirror/lint';
 export { javascript } from '@codemirror/lang-javascript';
 export { json, jsonParseLinter } from '@codemirror/lang-json';

package/dist/esm/v3/index.js

@@ -23,7 +23,7 @@ export { lintGutter, linter } from '@codemirror/lint';
 export { javascript } from '@codemirror/lang-javascript';
 export { json, jsonParseLinter } from '@codemirror/lang-json';
 export { html } from '@codemirror/lang-html';
-export { C as CodeLanguage, s as OrCodeV3 } from './OrCode-73a17bd1.js';
+export { C as CodeLanguage, s as OrCodeV3 } from './OrCode-3c646f51.js';
 export { EditorView } from '@codemirror/view';
 export { EditorState } from '@codemirror/state';
 export { s as OrCollapse } from './OrCollapse-fdd7efab.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "13.0.1-beta.4604.0",
+  "version": "13.0.2-beta.4607.0",
   "npmUnpacked": "4.15.2",
   "description": "Vue components library for v2/3",
   "sideEffects": false,

package/src/components/or-code-v3/OrCode.vue

@@ -33,6 +33,12 @@
           {{ hint }}
         </slot>
       </template>
+      <template
+        v-if="$slots.error"
+        v-slot:error
+      >
+        <slot name="error" />
+      </template>
     </OrCodeControl>
 
     <OrModal
@@ -57,6 +63,12 @@
         <template v-slot:addon>
           <slot name="addon" />
         </template>
+        <template
+          v-if="$slots.error"
+          v-slot:error
+        >
+          <slot name="error" />
+        </template>
       </OrCodeControl>
 
       <template

package/src/components/or-code-v3/partials/OrCodeControl.vue

@@ -21,7 +21,7 @@
     <OrInputBox
       :class="['grow']"
       :size="'m'"
-      :invalid="!!error"
+      :invalid="!!error || !!$slots.error"
       :readonly="readonly"
       :disabled="disabled"
     >
@@ -43,10 +43,12 @@
     </template>
 
     <OrError
-      v-show="typeof error === 'string' && error.length > 0"
+      v-show="typeof error === 'string' && error.length > 0 || $slots.error"
       :disabled="disabled"
     >
-      {{ error }}
+      <slot name="error">
+        {{ error }}
+      </slot>
     </OrError>
   </div>
 </template>