@onereach/ui-components 12.0.2-beta.4597.0 → 13.0.1-beta.4601.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,6 +465,12 @@ var __vue_render__ = function () {
         })];
       },
       proxy: true
+    }, {
+      key: "error",
+      fn: function () {
+        return [_vm._t("error")];
+      },
+      proxy: true
     }], null, true)
   }), _vm._v(" "), _c('OrModal', {
     ref: 'modal',
@@ -500,6 +508,12 @@ var __vue_render__ = function () {
         return [_vm._t("addon")];
       },
       proxy: true
+    }, {
+      key: "error",
+      fn: function () {
+        return [_vm._t("error")];
+      },
+      proxy: true
     }], null, true)
   })], 1)], 1);
 };

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

@@ -1 +1 @@
-export { s as default } from '../OrCodeV3-30fbe9db.js';
+export { s as default } from '../OrCodeV3-62c2d85b.js';

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

@@ -1,2 +1,2 @@
-export { C as CodeLanguage, s as OrCodeV3 } from '../OrCodeV3-30fbe9db.js';
+export { C as CodeLanguage, s as OrCodeV3 } from '../OrCodeV3-62c2d85b.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-c07b7e92.js';

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

@@ -1 +1 @@
-export { C as CodeLanguage } from '../OrCodeV3-30fbe9db.js';
+export { C as CodeLanguage } from '../OrCodeV3-62c2d85b.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-30fbe9db.js';
+export { a as Code, c as CodeControl, b as CodeControlRoot, d as CodeModal } from '../OrCodeV3-62c2d85b.js';

package/dist/bundled/v3/components/{OrCodeV3-30fbe9db.js → OrCodeV3-62c2d85b.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;
@@ -430,6 +430,7 @@ 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 */)])]),
+    error: withCtx(() => [renderSlot(_ctx.$slots, "error")]),
     _: 3 /* FORWARDED */
   }, 8 /* PROPS */, ["control-id", "label", "hint", "error", "disabled", "readonly"]), createVNode(_component_OrModal, {
     ref: 'modal',
@@ -446,6 +447,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       readonly: _ctx.readonly
     }, {
       addon: withCtx(() => [renderSlot(_ctx.$slots, "addon")]),
+      error: withCtx(() => [renderSlot(_ctx.$slots, "error")]),
       _: 3 /* FORWARDED */
     }, 8 /* PROPS */, ["control-id", "hint", "error", "disabled", "readonly"])]),
     _: 2 /* DYNAMIC */

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-c07b7e92.js';
-export { C as CodeLanguage, s as OrCodeV3 } from './OrCodeV3-30fbe9db.js';
+export { C as CodeLanguage, s as OrCodeV3 } from './OrCodeV3-62c2d85b.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-c07b7e92.js';
-export { C as CodeLanguage, s as OrCodeV3 } from './components/OrCodeV3-30fbe9db.js';
+export { C as CodeLanguage, s as OrCodeV3 } from './components/OrCodeV3-62c2d85b.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-c275067a.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,6 +505,12 @@ var __vue_render__ = function () {
         })];
       },
       proxy: true
+    }, {
+      key: "error",
+      fn: function () {
+        return [_vm._t("error")];
+      },
+      proxy: true
     }], null, true)
   }), _vm._v(" "), _c('OrModal', {
     ref: 'modal',
@@ -540,6 +548,12 @@ var __vue_render__ = function () {
         return [_vm._t("addon")];
       },
       proxy: true
+    }, {
+      key: "error",
+      fn: function () {
+        return [_vm._t("error")];
+      },
+      proxy: true
     }], null, true)
   })], 1)], 1);
 };

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-c275067a.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-c275067a.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-c275067a.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-bf5e9ceb.js}

@@ -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;
@@ -436,6 +436,7 @@ 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 */)])]),
+    error: withCtx(() => [renderSlot(_ctx.$slots, "error")]),
     _: 3 /* FORWARDED */
   }, 8 /* PROPS */, ["control-id", "label", "hint", "error", "disabled", "readonly"]), createVNode(_component_OrModal, {
     ref: 'modal',
@@ -452,6 +453,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       readonly: _ctx.readonly
     }, {
       addon: withCtx(() => [renderSlot(_ctx.$slots, "addon")]),
+      error: withCtx(() => [renderSlot(_ctx.$slots, "error")]),
       _: 3 /* FORWARDED */
     }, 8 /* PROPS */, ["control-id", "hint", "error", "disabled", "readonly"])]),
     _: 2 /* DYNAMIC */

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-bf5e9ceb.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-bf5e9ceb.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-bf5e9ceb.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": "12.0.2-beta.4597.0",
+  "version": "13.0.1-beta.4601.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,9 @@
           {{ hint }}
         </slot>
       </template>
+      <template v-slot:error>
+        <slot name="error" />
+      </template>
     </OrCodeControl>
 
     <OrModal
@@ -57,6 +60,9 @@
         <template v-slot:addon>
           <slot name="addon" />
         </template>
+        <template 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>