@onereach/ui-components 6.4.1-beta.3382.0 → 6.4.1-beta.3383.0

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

@@ -95,7 +95,7 @@ var __vue_render__$1 = function () {
   return _c('div', {
     ref: "root",
     class: _vm.rootStyles
-  }, [_vm.label ? [_c('OrLabel', {
+  }, [_vm.label || _vm.$slots.addon ? [_c('OrLabel', {
     attrs: {
       "control-id": _vm.controlId,
       "variant": 'input',
@@ -417,13 +417,13 @@ var __vue_render__ = function () {
       "size": "l",
       "additional-styles": _vm.modalStyles
     },
-    scopedSlots: _vm._u([_vm.$slots.modalHeader ? {
+    scopedSlots: _vm._u([{
       key: "header",
       fn: function () {
-        return [_vm._t("modalHeader")];
+        return [_vm._v("\n      " + _vm._s(_vm.label) + "\n    ")];
       },
       proxy: true
-    } : null, _vm.$slots.modalFooter ? {
+    }, _vm.$slots.modalFooter ? {
       key: "footer",
       fn: function () {
         return [_vm._t("modalFooter")];
@@ -434,7 +434,6 @@ var __vue_render__ = function () {
     ref: "fullscreenControl",
     attrs: {
       "control-id": _vm.controlAttributes.id,
-      "label": _vm.label,
       "hint": _vm.hint,
       "error": _vm.error,
       "disabled": _vm.disabled,

package/dist/bundled/v3/{OrCode.vue_vue_type_script_lang-bbb76e9c.js → OrCode.vue_vue_type_script_lang-e7131a78.js}

@@ -104,7 +104,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     ref: "root",
     class: normalizeClass(_ctx.rootStyles)
-  }, [_ctx.label ? (openBlock(), createBlock(_component_OrLabel, {
+  }, [_ctx.label || _ctx.$slots.addon ? (openBlock(), createBlock(_component_OrLabel, {
     key: 0,
     "control-id": _ctx.controlId,
     variant: 'input',

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

@@ -1,6 +1,6 @@
-import { s as script } from '../../OrCode.vue_vue_type_script_lang-bbb76e9c.js';
-export { s as default } from '../../OrCode.vue_vue_type_script_lang-bbb76e9c.js';
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, createElementVNode, renderSlot, createBlock, withModifiers, createCommentVNode, createSlots } from 'vue';
+import { s as script } from '../../OrCode.vue_vue_type_script_lang-e7131a78.js';
+export { s as default } from '../../OrCode.vue_vue_type_script_lang-e7131a78.js';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, createElementVNode, renderSlot, createBlock, withModifiers, createCommentVNode, createSlots, createTextVNode, toDisplayString } from 'vue';
 
 const _hoisted_1 = {
   class: /*#__PURE__*/normalizeClass(['layout-row', 'gap-xs'])
@@ -32,10 +32,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     size: "l",
     "additional-styles": _ctx.modalStyles
   }, createSlots({
+    header: withCtx(() => [createTextVNode(toDisplayString(_ctx.label), 1 /* TEXT */)]),
+
     default: withCtx(() => [createVNode(_component_OrCodeControl, {
       ref: "fullscreenControl",
       "control-id": _ctx.controlAttributes.id,
-      label: _ctx.label,
       hint: _ctx.hint,
       error: _ctx.error,
       disabled: _ctx.disabled,
@@ -43,16 +44,12 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     }, {
       addon: withCtx(() => [renderSlot(_ctx.$slots, "addon")]),
       _: 3 /* FORWARDED */
-    }, 8 /* PROPS */, ["control-id", "label", "hint", "error", "disabled", "readonly"])]),
+    }, 8 /* PROPS */, ["control-id", "hint", "error", "disabled", "readonly"])]),
     _: 2 /* DYNAMIC */
-  }, [_ctx.$slots.modalHeader ? {
-    name: "header",
-    fn: withCtx(() => [renderSlot(_ctx.$slots, "modalHeader")]),
-    key: "0"
-  } : undefined, _ctx.$slots.modalFooter ? {
+  }, [_ctx.$slots.modalFooter ? {
     name: "footer",
     fn: withCtx(() => [renderSlot(_ctx.$slots, "modalFooter")]),
-    key: "1"
+    key: "0"
   } : undefined]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["additional-styles"])], 2 /* CLASS */);
 }
 

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

@@ -1,2 +1,2 @@
 export { CodeLanguage } from './props.js';
-export { s as OrCodeV3 } from '../../OrCode.vue_vue_type_script_lang-bbb76e9c.js';
+export { s as OrCodeV3 } from '../../OrCode.vue_vue_type_script_lang-e7131a78.js';

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

@@ -28,7 +28,7 @@ export { OrCodeLanguages } from './OrCode/constants.js';
 export { b as basicSetup, a as lintGutter, l as linter } from '../index-62bb1bac.js';
 export { j as javascript } from '../index-60e4eacf.js';
 export { h as html, j as json, a as jsonParseLinter } from '../index-eca317e0.js';
-export { s as OrCodeV3 } from '../OrCode.vue_vue_type_script_lang-bbb76e9c.js';
+export { s as OrCodeV3 } from '../OrCode.vue_vue_type_script_lang-e7131a78.js';
 export { CodeLanguage } from './OrCodeV3/props.js';
 export { s as OrCollapse } from '../OrCollapse.vue_vue_type_script_lang-be1c8c66.js';
 export { s as OrColorPicker } from '../OrColorPicker.vue_vue_type_script_lang-5c6fd662.js';

package/dist/bundled/v3/index.js

@@ -18,7 +18,7 @@ export { s as OrChips } from './OrChips.vue_vue_type_script_lang-e1f37564.js';
 import './components/OrCode/OrCode.js';
 export { s as OrCode } from './OrCode.vue_vue_type_script_lang-e88b2b44.js';
 import './components/OrCodeV3/OrCode.js';
-export { s as OrCodeV3 } from './OrCode.vue_vue_type_script_lang-bbb76e9c.js';
+export { s as OrCodeV3 } from './OrCode.vue_vue_type_script_lang-e7131a78.js';
 import './components/OrColorPicker/OrColorPicker.js';
 export { s as OrColorPicker } from './OrColorPicker.vue_vue_type_script_lang-5c6fd662.js';
 import './components/OrCombinedInputV3/OrCombinedInput.js';

package/dist/esm/v2/{OrCode-22356f1e.js → OrCode-848c1f5d.js}

@@ -135,7 +135,7 @@ var __vue_render__$1 = function () {
   return _c('div', {
     ref: "root",
     class: _vm.rootStyles
-  }, [_vm.label ? [_c('OrLabel', {
+  }, [_vm.label || _vm.$slots.addon ? [_c('OrLabel', {
     attrs: {
       "control-id": _vm.controlId,
       "variant": 'input',
@@ -456,13 +456,13 @@ var __vue_render__ = function () {
       "size": "l",
       "additional-styles": _vm.modalStyles
     },
-    scopedSlots: _vm._u([_vm.$slots.modalHeader ? {
+    scopedSlots: _vm._u([{
       key: "header",
       fn: function () {
-        return [_vm._t("modalHeader")];
+        return [_vm._v("\n      " + _vm._s(_vm.label) + "\n    ")];
       },
       proxy: true
-    } : null, _vm.$slots.modalFooter ? {
+    }, _vm.$slots.modalFooter ? {
       key: "footer",
       fn: function () {
         return [_vm._t("modalFooter")];
@@ -473,7 +473,6 @@ var __vue_render__ = function () {
     ref: "fullscreenControl",
     attrs: {
       "control-id": _vm.controlAttributes.id,
-      "label": _vm.label,
       "hint": _vm.hint,
       "error": _vm.error,
       "disabled": _vm.disabled,

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

@@ -22,7 +22,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-22356f1e.js';
+export { C as CodeLanguage, _ as OrCodeV3 } from '../OrCode-848c1f5d.js';
 export { _ as OrCollapse } from '../OrCollapse-9d22b072.js';
 export { _ 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-7a4f2fcb.js';
 export { _ as OrCombinedInputV3 } from '../OrCombinedInput-08f20c4c.js';

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

@@ -1,4 +1,4 @@
-export { C as CodeLanguage, _ as OrCodeV3 } from '../../OrCode-22356f1e.js';
+export { C as CodeLanguage, _ as OrCodeV3 } from '../../OrCode-848c1f5d.js';
 import '@codemirror/commands';
 import '@codemirror/lang-css';
 import '@codemirror/lang-html';

package/dist/esm/v2/index.js

@@ -22,7 +22,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-22356f1e.js';
+export { C as CodeLanguage, _ as OrCodeV3 } from './OrCode-848c1f5d.js';
 export { _ as OrCollapse } from './OrCollapse-9d22b072.js';
 export { _ 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-7a4f2fcb.js';
 export { _ as OrCombinedInputV3 } from './OrCombinedInput-08f20c4c.js';

package/dist/esm/v3/{OrCode-d4ddbe26.js → OrCode-2a99e5cd.js}

@@ -137,7 +137,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     ref: "root",
     class: normalizeClass(_ctx.rootStyles)
-  }, [_ctx.label ? (openBlock(), createBlock(_component_OrLabel, {
+  }, [_ctx.label || _ctx.$slots.addon ? (openBlock(), createBlock(_component_OrLabel, {
     key: 0,
     "control-id": _ctx.controlId,
     variant: 'input',
@@ -413,10 +413,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     size: "l",
     "additional-styles": _ctx.modalStyles
   }, createSlots({
+    header: withCtx(() => [createTextVNode(toDisplayString(_ctx.label), 1 /* TEXT */)]),
+
     default: withCtx(() => [createVNode(_component_OrCodeControl, {
       ref: "fullscreenControl",
       "control-id": _ctx.controlAttributes.id,
-      label: _ctx.label,
       hint: _ctx.hint,
       error: _ctx.error,
       disabled: _ctx.disabled,
@@ -424,16 +425,12 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     }, {
       addon: withCtx(() => [renderSlot(_ctx.$slots, "addon")]),
       _: 3 /* FORWARDED */
-    }, 8 /* PROPS */, ["control-id", "label", "hint", "error", "disabled", "readonly"])]),
+    }, 8 /* PROPS */, ["control-id", "hint", "error", "disabled", "readonly"])]),
     _: 2 /* DYNAMIC */
-  }, [_ctx.$slots.modalHeader ? {
-    name: "header",
-    fn: withCtx(() => [renderSlot(_ctx.$slots, "modalHeader")]),
-    key: "0"
-  } : undefined, _ctx.$slots.modalFooter ? {
+  }, [_ctx.$slots.modalFooter ? {
     name: "footer",
     fn: withCtx(() => [renderSlot(_ctx.$slots, "modalFooter")]),
-    key: "1"
+    key: "0"
   } : undefined]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["additional-styles"])], 2 /* CLASS */);
 }
 

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

@@ -21,7 +21,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-d4ddbe26.js';
+export { C as CodeLanguage, s as OrCodeV3 } from '../OrCode-2a99e5cd.js';
 export { s as OrCollapse } from '../OrCollapse-d7c0afae.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-252f482b.js';
 export { s as OrCombinedInputV3 } from '../OrCombinedInput-b8a868cb.js';

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

@@ -1,4 +1,4 @@
-export { C as CodeLanguage, s as OrCodeV3 } from '../../OrCode-d4ddbe26.js';
+export { C as CodeLanguage, s as OrCodeV3 } from '../../OrCode-2a99e5cd.js';
 import '@codemirror/commands';
 import '@codemirror/lang-css';
 import '@codemirror/lang-html';

package/dist/esm/v3/index.js

@@ -21,7 +21,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-d4ddbe26.js';
+export { C as CodeLanguage, s as OrCodeV3 } from './OrCode-2a99e5cd.js';
 export { s as OrCollapse } from './OrCollapse-d7c0afae.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-252f482b.js';
 export { s as OrCombinedInputV3 } from './OrCombinedInput-b8a868cb.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "6.4.1-beta.3382.0",
+  "version": "6.4.1-beta.3383.0",
   "npmUnpacked": "4.15.2",
   "description": "Vue components library for v2/3",
   "sideEffects": false,

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

@@ -30,15 +30,13 @@
       :additional-styles="modalStyles"
     >
       <template
-        v-if="$slots.modalHeader"
         v-slot:header
       >
-        <slot name="modalHeader" />
+        {{ label }}
       </template>
       <OrCodeControl
         ref="fullscreenControl"
         :control-id="controlAttributes.id"
-        :label="label"
         :hint="hint"
         :error="error"
         :disabled="disabled"

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

@@ -3,7 +3,7 @@
     ref="root"
     :class="rootStyles"
   >
-    <template v-if="label">
+    <template v-if="label || $slots.addon">
       <OrLabel
         :control-id="controlId"
         :variant="'input'"