@onereach/ui-components 8.16.2-beta.3860.0 → 8.16.2

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 (90) hide show
  1. package/dist/bundled/v2/components/OrConfirmV3/OrConfirm.js +25 -14
  2. package/dist/bundled/v2/components/OrConfirmV3/OrConfirm.vue.d.ts +13 -0
  3. package/dist/bundled/v2/components/OrInputV3/OrInput.js +3 -3
  4. package/dist/bundled/v2/components/OrResizeablePanelV3/OrResizeablePanel.js +1 -1
  5. package/dist/bundled/v3/components/OrCardCollectionV3/OrCardCollection.js +1 -1
  6. package/dist/bundled/v3/components/OrCardCollectionV3/index.js +1 -1
  7. package/dist/bundled/v3/components/OrCardCollectionV3/props.js +1 -1
  8. package/dist/bundled/v3/components/OrCardCollectionV3/styles.js +1 -1
  9. package/dist/bundled/v3/components/OrConfirmV3/OrConfirm.js +1 -1
  10. package/dist/bundled/v3/components/OrConfirmV3/OrConfirm.vue.d.ts +10 -0
  11. package/dist/bundled/v3/components/OrConfirmV3/index.js +1 -1
  12. package/dist/bundled/v3/components/OrConfirmV3/props.js +1 -1
  13. package/dist/bundled/v3/components/OrConfirmV3/styles.js +1 -1
  14. package/dist/bundled/v3/components/{OrConfirmV3-e34ce4dc.js → OrConfirmV3-b5efd082.js} +26 -15
  15. package/dist/bundled/v3/components/OrInputV3/OrInput.js +1 -1
  16. package/dist/bundled/v3/components/OrInputV3/index.js +1 -1
  17. package/dist/bundled/v3/components/OrInputV3/props.js +1 -1
  18. package/dist/bundled/v3/components/OrInputV3/styles.js +1 -1
  19. package/dist/bundled/v3/components/{OrInputV3-1b3a2135.js → OrInputV3-5ed9b5fd.js} +1 -1
  20. package/dist/bundled/v3/components/OrResizeablePanelV3/OrResizeablePanel.js +1 -1
  21. package/dist/bundled/v3/components/OrResizeablePanelV3/index.js +1 -1
  22. package/dist/bundled/v3/components/OrResizeablePanelV3/props.js +1 -1
  23. package/dist/bundled/v3/components/OrResizeablePanelV3/styles.js +1 -1
  24. package/dist/bundled/v3/components/{OrResizeablePanelV3-b14e7e87.js → OrResizeablePanelV3-c24490f4.js} +1 -1
  25. package/dist/bundled/v3/components/OrRichTextEditorV3/OrRichTextEditor.js +1 -1
  26. package/dist/bundled/v3/components/OrRichTextEditorV3/index.js +1 -1
  27. package/dist/bundled/v3/components/OrRichTextEditorV3/props.js +1 -1
  28. package/dist/bundled/v3/components/OrRichTextEditorV3/styles.js +1 -1
  29. package/dist/bundled/v3/components/OrRichTextEditorV3/utils/codemirror/codemirrorNode.js +1 -1
  30. package/dist/bundled/v3/components/OrRichTextEditorV3/utils/codemirror/codemirrorView.js +1 -1
  31. package/dist/bundled/v3/components/OrRichTextEditorV3/utils/codemirror/index.js +1 -1
  32. package/dist/bundled/v3/components/OrRichTextEditorV3/utils/codemirror/theme.js +1 -1
  33. package/dist/bundled/v3/components/OrRichTextEditorV3/utils/markdown.js +1 -1
  34. package/dist/bundled/v3/components/{OrRichTextEditorV3-214b9748.js → OrRichTextEditorV3-5265594a.js} +1 -1
  35. package/dist/bundled/v3/components/OrSearchV3/index.js +1 -1
  36. package/dist/bundled/v3/components/OrSelectV3/OrSelect.js +1 -1
  37. package/dist/bundled/v3/components/OrSelectV3/index.js +1 -1
  38. package/dist/bundled/v3/components/OrSelectV3/styles.js +1 -1
  39. package/dist/bundled/v3/components/{OrSelectV3-fdc69cd8.js → OrSelectV3-f212f5c6.js} +1 -1
  40. package/dist/bundled/v3/components/OrSidebarV3/OrSidebar.js +1 -1
  41. package/dist/bundled/v3/components/OrSidebarV3/index.js +2 -2
  42. package/dist/bundled/v3/components/OrSidebarV3/props.js +2 -2
  43. package/dist/bundled/v3/components/OrSidebarV3/styles.js +2 -2
  44. package/dist/bundled/v3/components/{OrSidebarV3-3bc2d48b.js → OrSidebarV3-682b0424.js} +1 -1
  45. package/dist/bundled/v3/components/index.js +7 -7
  46. package/dist/bundled/v3/index.js +7 -7
  47. package/dist/esm/v2/{OrCardCollection-a5af5643.js → OrCardCollection-e7c0c61d.js} +1 -1
  48. package/dist/esm/v2/{OrConfirm-04f5bfe7.js → OrConfirm-096d70f2.js} +26 -15
  49. package/dist/esm/v2/{OrInput-940330ef.js → OrInput-ac6484dd.js} +3 -3
  50. package/dist/esm/v2/{OrResizeablePanel-cb99359f.js → OrResizeablePanel-757f7dc1.js} +1 -1
  51. package/dist/esm/v2/{OrRichTextEditor-598c582f.js → OrRichTextEditor-f05d2e66.js} +1 -1
  52. package/dist/esm/v2/{OrSearch-f23844a4.js → OrSearch-de2423bc.js} +1 -1
  53. package/dist/esm/v2/{OrSelect-c1a48c2f.js → OrSelect-30f5ce68.js} +1 -1
  54. package/dist/esm/v2/{OrSidebar-7a40a9ad.js → OrSidebar-e07d338e.js} +1 -1
  55. package/dist/esm/v2/components/index.js +8 -8
  56. package/dist/esm/v2/components/or-card-collection-v3/index.js +3 -3
  57. package/dist/esm/v2/components/or-confirm-v3/OrConfirm.vue.d.ts +13 -0
  58. package/dist/esm/v2/components/or-confirm-v3/index.js +2 -2
  59. package/dist/esm/v2/components/or-input-v3/index.js +1 -1
  60. package/dist/esm/v2/components/or-resizeable-panel-v3/index.js +1 -1
  61. package/dist/esm/v2/components/or-rich-text-editor-v3/index.js +2 -2
  62. package/dist/esm/v2/components/or-search-v3/index.js +2 -2
  63. package/dist/esm/v2/components/or-select-v3/index.js +2 -2
  64. package/dist/esm/v2/components/or-sidebar-v3/index.js +2 -2
  65. package/dist/esm/v2/components/or-teleport/OrTeleport.vue2.vue.d.ts +2 -2
  66. package/dist/esm/v2/index.js +8 -8
  67. package/dist/esm/v3/{OrCardCollection-66ef68c6.js → OrCardCollection-ce6c8201.js} +1 -1
  68. package/dist/esm/v3/{OrConfirm-2f144829.js → OrConfirm-b9db8793.js} +26 -15
  69. package/dist/esm/v3/{OrInput-2b2d4848.js → OrInput-2810a760.js} +1 -1
  70. package/dist/esm/v3/{OrResizeablePanel-605cb793.js → OrResizeablePanel-525d396f.js} +1 -1
  71. package/dist/esm/v3/{OrRichTextEditor-31ca0236.js → OrRichTextEditor-cfa0b54a.js} +1 -1
  72. package/dist/esm/v3/{OrSearch-0e75a652.js → OrSearch-9c6f1e16.js} +1 -1
  73. package/dist/esm/v3/{OrSelect-190a0d6e.js → OrSelect-a65c0b08.js} +1 -1
  74. package/dist/esm/v3/{OrSidebar-a46b0605.js → OrSidebar-62009372.js} +1 -1
  75. package/dist/esm/v3/components/index.js +8 -8
  76. package/dist/esm/v3/components/or-card-collection-v3/index.js +3 -3
  77. package/dist/esm/v3/components/or-confirm-v3/OrConfirm.vue.d.ts +10 -0
  78. package/dist/esm/v3/components/or-confirm-v3/index.js +2 -2
  79. package/dist/esm/v3/components/or-input-v3/index.js +1 -1
  80. package/dist/esm/v3/components/or-resizeable-panel-v3/index.js +1 -1
  81. package/dist/esm/v3/components/or-rich-text-editor-v3/index.js +2 -2
  82. package/dist/esm/v3/components/or-search-v3/index.js +2 -2
  83. package/dist/esm/v3/components/or-select-v3/index.js +2 -2
  84. package/dist/esm/v3/components/or-sidebar-v3/index.js +2 -2
  85. package/dist/esm/v3/index.js +8 -8
  86. package/package.json +3 -2
  87. package/src/components/or-confirm-v3/OrConfirm.vue +42 -31
  88. package/src/components/or-input-v3/OrInput.vue +1 -1
  89. package/src/components/or-resizeable-panel-v3/OrResizeablePanel.vue +1 -1
  90. /package/dist/bundled/v3/components/{OrCardCollectionV3-db70636f.js → OrCardCollectionV3-6b1266a6.js} +0 -0
@@ -1,6 +1,6 @@
1
1
  import { a as useMagicKeys, o as onClickOutside } from '../../index-cc89d6b7.js';
2
2
  import { l as logicAnd } from '../../index-017c190e.js';
3
- import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
3
+ import { defineComponent, ref, toRef, computed, watch } from 'vue-demi';
4
4
  import { ConfirmType } from './props.js';
5
5
  import { Confirm, ConfirmHeader, ConfirmInput, ConfirmFooter, ConfirmFooterTypes, ConfirmFooterButtons } from './styles.js';
6
6
  import __vue_component__$1 from '../OrOverlayV3/OrOverlay.js';
@@ -61,6 +61,10 @@ var script = defineComponent({
61
61
  textConfirmationPlaceholder: {
62
62
  type: String,
63
63
  default: undefined
64
+ },
65
+ textConfirmationError: {
66
+ type: String,
67
+ default: undefined
64
68
  }
65
69
  },
66
70
  emits: ['update:state', 'open', 'close', 'confirm'],
@@ -70,13 +74,8 @@ var script = defineComponent({
70
74
  const root = ref();
71
75
  const confirmationInput = ref();
72
76
  const confirmationButton = ref();
73
- // Styles
74
- const rootStyles = computed(() => ['or-confirm-v3', ...Confirm]);
75
- const headerStyles = computed(() => [...ConfirmHeader]);
76
- const inputBoxStyles = computed(() => [...ConfirmInput]);
77
- const footerStyles = computed(() => [...ConfirmFooter, ...ConfirmFooterTypes[props.confirmType]]);
78
- const buttonsStyles = computed(() => [...ConfirmFooterButtons]);
79
77
  // State
78
+ const touched = ref(false);
80
79
  const {
81
80
  state,
82
81
  open,
@@ -84,9 +83,6 @@ var script = defineComponent({
84
83
  } = usePopoverState(toRef(props, 'isOpen'), context.emit);
85
84
  const isInputActive = ref(false);
86
85
  const confirmationValue = ref('');
87
- watch(state, () => {
88
- confirmationValue.value = '';
89
- });
90
86
  const {
91
87
  escape,
92
88
  enter
@@ -107,11 +103,18 @@ var script = defineComponent({
107
103
  }
108
104
  function onInputBlur() {
109
105
  isInputActive.value = false;
106
+ touched.value = true;
110
107
  }
111
108
  // Events
112
109
  watch(escape, val => {
113
110
  if (val) close();
114
111
  });
112
+ watch(state, value => {
113
+ if (value === 'closed') {
114
+ confirmationValue.value = '';
115
+ touched.value = false;
116
+ }
117
+ });
115
118
  // types here are used for fixing TS2349
116
119
  watch(confirmationInput, val => {
117
120
  var _a;
@@ -125,6 +128,12 @@ var script = defineComponent({
125
128
  }
126
129
  });
127
130
  whenever(logicAnd(enter, isInputActive), () => confirm());
131
+ // Styles
132
+ const rootStyles = computed(() => ['or-confirm-v3', ...Confirm]);
133
+ const headerStyles = computed(() => [...ConfirmHeader]);
134
+ const inputBoxStyles = computed(() => [...ConfirmInput]);
135
+ const footerStyles = computed(() => [...ConfirmFooter, ...ConfirmFooterTypes[props.confirmType]]);
136
+ const buttonsStyles = computed(() => [...ConfirmFooterButtons]);
128
137
  // #region Click Outside
129
138
  onClickOutside(root, close);
130
139
  // #endregion
@@ -136,6 +145,7 @@ var script = defineComponent({
136
145
  confirmButtonColor,
137
146
  isInvalid,
138
147
  isConfirmationButtonDisabled,
148
+ touched,
139
149
  state,
140
150
  isInputActive,
141
151
  escape,
@@ -183,7 +193,8 @@ var __vue_render__ = function () {
183
193
  ref: "confirmationInput",
184
194
  attrs: {
185
195
  "label": _vm.textConfirmationLabel,
186
- "placeholder": _vm.textConfirmationPlaceholder
196
+ "placeholder": _vm.textConfirmationPlaceholder,
197
+ "error": _vm.touched && _vm.isInvalid ? _vm.textConfirmationError : undefined
187
198
  },
188
199
  on: {
189
200
  "focus": _vm.onInputFocus,
@@ -202,7 +213,7 @@ var __vue_render__ = function () {
202
213
  }, [_c('OrButton', {
203
214
  class: _vm.buttonsStyles,
204
215
  attrs: {
205
- "variant": 'outlined',
216
+ "variant": "outlined",
206
217
  "disabled": _vm.loading
207
218
  },
208
219
  on: {
@@ -221,8 +232,8 @@ var __vue_render__ = function () {
221
232
  }
222
233
  }, [_vm._v("\n " + _vm._s(_vm.confirmButtonText) + "\n ")])], 1)];
223
234
  }, {
224
- "confirm": _vm.confirm,
225
- "cancel": _vm.close
235
+ "cancel": _vm.close,
236
+ "confirm": _vm.confirm
226
237
  })], 2)]) : _vm._e();
227
238
  };
228
239
  var __vue_staticRenderFns__ = [];
@@ -17,6 +17,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
17
17
  confirmButtonColor: import("@vue/composition-api").ComputedRef<ButtonColor.Primary | ButtonColor.Danger>;
18
18
  isInvalid: import("@vue/composition-api").ComputedRef<boolean>;
19
19
  isConfirmationButtonDisabled: import("@vue/composition-api").ComputedRef<boolean>;
20
+ touched: import("@vue/composition-api").Ref<boolean>;
20
21
  state: import("@vue/composition-api").Ref<"open" | "closed">;
21
22
  isInputActive: import("@vue/composition-api").Ref<boolean>;
22
23
  escape: import("@vue/composition-api").ComputedRef<boolean>;
@@ -73,6 +74,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
73
74
  type: StringConstructor;
74
75
  default: undefined;
75
76
  };
77
+ textConfirmationError: {
78
+ type: StringConstructor;
79
+ default: undefined;
80
+ };
76
81
  }, import("@vue/composition-api").ExtractPropTypes<{
77
82
  isOpen: {
78
83
  type: BooleanConstructor;
@@ -116,6 +121,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
116
121
  type: StringConstructor;
117
122
  default: undefined;
118
123
  };
124
+ textConfirmationError: {
125
+ type: StringConstructor;
126
+ default: undefined;
127
+ };
119
128
  }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
120
129
  isOpen: boolean;
121
130
  titleText: string;
@@ -127,6 +136,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
127
136
  confirmationText: string;
128
137
  textConfirmationLabel: string;
129
138
  textConfirmationPlaceholder: string;
139
+ textConfirmationError: string;
130
140
  } & {} & {
131
141
  [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
132
142
  }, import("@vue/composition-api").ShallowUnwrapRef<{
@@ -145,6 +155,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
145
155
  confirmButtonColor: import("@vue/composition-api").ComputedRef<ButtonColor.Primary | ButtonColor.Danger>;
146
156
  isInvalid: import("@vue/composition-api").ComputedRef<boolean>;
147
157
  isConfirmationButtonDisabled: import("@vue/composition-api").ComputedRef<boolean>;
158
+ touched: import("@vue/composition-api").Ref<boolean>;
148
159
  state: import("@vue/composition-api").Ref<"open" | "closed">;
149
160
  isInputActive: import("@vue/composition-api").Ref<boolean>;
150
161
  escape: import("@vue/composition-api").ComputedRef<boolean>;
@@ -169,6 +180,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
169
180
  confirmationText: string;
170
181
  textConfirmationLabel: string;
171
182
  textConfirmationPlaceholder: string;
183
+ textConfirmationError: string;
172
184
  } & {} & {
173
185
  [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
174
186
  }, {
@@ -182,5 +194,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
182
194
  confirmationText: string;
183
195
  textConfirmationLabel: string;
184
196
  textConfirmationPlaceholder: string;
197
+ textConfirmationError: string;
185
198
  }, true>);
186
199
  export default _default;
@@ -138,7 +138,7 @@ var script = defineComponent({
138
138
  }
139
139
  });
140
140
 
141
- var css_248z = "input[data-v-6f036828]{min-width:0;background:0 0;outline:0}input[type=number][data-v-6f036828]::-webkit-inner-spin-button{display:none}input[type=search][data-v-6f036828]::-webkit-search-cancel-button{display:none}";
141
+ var css_248z = "input[data-v-a519a4e8]{min-width:0;background:0 0;outline:0}input[type=number][data-v-a519a4e8]::-webkit-inner-spin-button{display:none}input[type=search][data-v-a519a4e8]::-webkit-search-cancel-button{display:none}";
142
142
  styleInject(css_248z);
143
143
 
144
144
  /* script */
@@ -185,7 +185,7 @@ var __vue_render__ = function () {
185
185
  })] : [_vm.type === 'password' ? [_c('OrIconButton', {
186
186
  attrs: {
187
187
  "icon": {
188
- icon: _vm.disclosed ? 'visibility_off' : 'visibility',
188
+ icon: _vm.disclosed ? 'visibility' : 'visibility_off',
189
189
  variant: 'filled'
190
190
  },
191
191
  "color": 'inherit',
@@ -398,7 +398,7 @@ var __vue_staticRenderFns__ = [];
398
398
  /* style */
399
399
  const __vue_inject_styles__ = undefined;
400
400
  /* scoped */
401
- const __vue_scope_id__ = "data-v-6f036828";
401
+ const __vue_scope_id__ = "data-v-a519a4e8";
402
402
  /* module identifier */
403
403
  const __vue_module_identifier__ = undefined;
404
404
  /* functional template */
@@ -210,8 +210,8 @@ var __vue_render__ = function () {
210
210
  }), _vm._v(" "), _vm.collapsible ? [_c('div', {
211
211
  class: _vm.collapseButtonContainerStyles
212
212
  }, [_c('OrIconButton', {
213
- class: ['p-xs'],
214
213
  attrs: {
214
+ "additional-styles": ['p-xs'],
215
215
  "icon": _vm.collapseButtonIcon,
216
216
  "color": 'primary',
217
217
  "size": 'm'
@@ -1 +1 @@
1
- export { s as default } from '../OrCardCollectionV3-db70636f.js';
1
+ export { s as default } from '../OrCardCollectionV3-6b1266a6.js';
@@ -1 +1 @@
1
- export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollectionV3-db70636f.js';
1
+ export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollectionV3-6b1266a6.js';
@@ -1 +1 @@
1
- export { C as CardCollectionView, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollectionV3-db70636f.js';
1
+ export { C as CardCollectionView, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollectionV3-6b1266a6.js';
@@ -1 +1 @@
1
- export { a as CardCollection, e as CardCollectionContent, f as CardCollectionContentViews, b as CardCollectionToolbar, c as CardCollectionToolbarPanel } from '../OrCardCollectionV3-db70636f.js';
1
+ export { a as CardCollection, e as CardCollectionContent, f as CardCollectionContentViews, b as CardCollectionToolbar, c as CardCollectionToolbarPanel } from '../OrCardCollectionV3-6b1266a6.js';
@@ -1 +1 @@
1
- export { s as default } from '../OrConfirmV3-e34ce4dc.js';
1
+ export { s as default } from '../OrConfirmV3-b5efd082.js';
@@ -44,6 +44,10 @@ declare const _default: import("vue-demi").DefineComponent<{
44
44
  type: StringConstructor;
45
45
  default: undefined;
46
46
  };
47
+ textConfirmationError: {
48
+ type: StringConstructor;
49
+ default: undefined;
50
+ };
47
51
  }, {
48
52
  root: import("vue-demi").Ref<HTMLElement | undefined>;
49
53
  confirmationInput: import("vue-demi").Ref<any>;
@@ -52,6 +56,7 @@ declare const _default: import("vue-demi").DefineComponent<{
52
56
  confirmButtonColor: import("vue-demi").ComputedRef<ButtonColor.Primary | ButtonColor.Danger>;
53
57
  isInvalid: import("vue-demi").ComputedRef<boolean>;
54
58
  isConfirmationButtonDisabled: import("vue-demi").ComputedRef<boolean>;
59
+ touched: import("vue-demi").Ref<boolean>;
55
60
  state: import("vue-demi").Ref<"open" | "closed">;
56
61
  isInputActive: import("vue-demi").Ref<boolean>;
57
62
  escape: import("vue-demi").ComputedRef<boolean>;
@@ -108,6 +113,10 @@ declare const _default: import("vue-demi").DefineComponent<{
108
113
  type: StringConstructor;
109
114
  default: undefined;
110
115
  };
116
+ textConfirmationError: {
117
+ type: StringConstructor;
118
+ default: undefined;
119
+ };
111
120
  }>> & {
112
121
  onConfirm?: ((...args: any[]) => any) | undefined;
113
122
  "onUpdate:state"?: ((...args: any[]) => any) | undefined;
@@ -124,5 +133,6 @@ declare const _default: import("vue-demi").DefineComponent<{
124
133
  confirmationText: string;
125
134
  textConfirmationLabel: string;
126
135
  textConfirmationPlaceholder: string;
136
+ textConfirmationError: string;
127
137
  }>;
128
138
  export default _default;
@@ -1 +1 @@
1
- export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirmV3-e34ce4dc.js';
1
+ export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirmV3-b5efd082.js';
@@ -1 +1 @@
1
- export { C as ConfirmType } from '../OrConfirmV3-e34ce4dc.js';
1
+ export { C as ConfirmType } from '../OrConfirmV3-b5efd082.js';
@@ -1 +1 @@
1
- export { a as Confirm, d as ConfirmFooter, f as ConfirmFooterButtons, e as ConfirmFooterTypes, b as ConfirmHeader, c as ConfirmInput } from '../OrConfirmV3-e34ce4dc.js';
1
+ export { a as Confirm, d as ConfirmFooter, f as ConfirmFooterButtons, e as ConfirmFooterTypes, b as ConfirmHeader, c as ConfirmInput } from '../OrConfirmV3-b5efd082.js';
@@ -1,10 +1,10 @@
1
1
  import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, normalizeClass, renderSlot, createTextVNode, toDisplayString, createElementBlock, createVNode, createCommentVNode } from 'vue';
2
2
  import { b as useMagicKeys, w as whenever, o as onClickOutside } from './OrBottomSheetV3-66815f6f.js';
3
3
  import { l as logicAnd } from './OrConfirm-f95a3ce6.js';
4
- import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
4
+ import { defineComponent, ref, toRef, computed, watch } from 'vue-demi';
5
5
  import { s as script$1 } from './OrOverlayV3-b2576ca1.js';
6
6
  import { s as script$2, B as ButtonColor } from './OrButtonV3-529c4206.js';
7
- import { s as script$3 } from './OrInputV3-1b3a2135.js';
7
+ import { s as script$3 } from './OrInputV3-5ed9b5fd.js';
8
8
  import { usePopoverState } from '../hooks/usePopoverState.js';
9
9
 
10
10
  var ConfirmType;
@@ -107,6 +107,10 @@ var script = defineComponent({
107
107
  textConfirmationPlaceholder: {
108
108
  type: String,
109
109
  default: undefined
110
+ },
111
+ textConfirmationError: {
112
+ type: String,
113
+ default: undefined
110
114
  }
111
115
  },
112
116
  emits: ['update:state', 'open', 'close', 'confirm'],
@@ -116,13 +120,8 @@ var script = defineComponent({
116
120
  const root = ref();
117
121
  const confirmationInput = ref();
118
122
  const confirmationButton = ref();
119
- // Styles
120
- const rootStyles = computed(() => ['or-confirm-v3', ...Confirm]);
121
- const headerStyles = computed(() => [...ConfirmHeader]);
122
- const inputBoxStyles = computed(() => [...ConfirmInput]);
123
- const footerStyles = computed(() => [...ConfirmFooter, ...ConfirmFooterTypes[props.confirmType]]);
124
- const buttonsStyles = computed(() => [...ConfirmFooterButtons]);
125
123
  // State
124
+ const touched = ref(false);
126
125
  const {
127
126
  state,
128
127
  open,
@@ -130,9 +129,6 @@ var script = defineComponent({
130
129
  } = usePopoverState(toRef(props, 'isOpen'), context.emit);
131
130
  const isInputActive = ref(false);
132
131
  const confirmationValue = ref('');
133
- watch(state, () => {
134
- confirmationValue.value = '';
135
- });
136
132
  const {
137
133
  escape,
138
134
  enter
@@ -153,11 +149,18 @@ var script = defineComponent({
153
149
  }
154
150
  function onInputBlur() {
155
151
  isInputActive.value = false;
152
+ touched.value = true;
156
153
  }
157
154
  // Events
158
155
  watch(escape, val => {
159
156
  if (val) close();
160
157
  });
158
+ watch(state, value => {
159
+ if (value === 'closed') {
160
+ confirmationValue.value = '';
161
+ touched.value = false;
162
+ }
163
+ });
161
164
  // types here are used for fixing TS2349
162
165
  watch(confirmationInput, val => {
163
166
  var _a;
@@ -171,6 +174,12 @@ var script = defineComponent({
171
174
  }
172
175
  });
173
176
  whenever(logicAnd(enter, isInputActive), () => confirm());
177
+ // Styles
178
+ const rootStyles = computed(() => ['or-confirm-v3', ...Confirm]);
179
+ const headerStyles = computed(() => [...ConfirmHeader]);
180
+ const inputBoxStyles = computed(() => [...ConfirmInput]);
181
+ const footerStyles = computed(() => [...ConfirmFooter, ...ConfirmFooterTypes[props.confirmType]]);
182
+ const buttonsStyles = computed(() => [...ConfirmFooterButtons]);
174
183
  // #region Click Outside
175
184
  onClickOutside(root, close);
176
185
  // #endregion
@@ -182,6 +191,7 @@ var script = defineComponent({
182
191
  confirmButtonColor,
183
192
  isInvalid,
184
193
  isConfirmationButtonDisabled,
194
+ touched,
185
195
  state,
186
196
  isInputActive,
187
197
  escape,
@@ -226,16 +236,17 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
226
236
  "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.confirmationValue = $event),
227
237
  label: _ctx.textConfirmationLabel,
228
238
  placeholder: _ctx.textConfirmationPlaceholder,
239
+ error: _ctx.touched && _ctx.isInvalid ? _ctx.textConfirmationError : undefined,
229
240
  onFocus: _ctx.onInputFocus,
230
241
  onBlur: _ctx.onInputBlur
231
- }, null, 8 /* PROPS */, ["modelValue", "label", "placeholder", "onFocus", "onBlur"])], 2 /* CLASS */)) : createCommentVNode("v-if", true)]), renderSlot(_ctx.$slots, "footer", {
232
- confirm: _ctx.confirm,
233
- cancel: _ctx.close
242
+ }, null, 8 /* PROPS */, ["modelValue", "label", "placeholder", "error", "onFocus", "onBlur"])], 2 /* CLASS */)) : createCommentVNode("v-if", true)]), renderSlot(_ctx.$slots, "footer", {
243
+ cancel: _ctx.close,
244
+ confirm: _ctx.confirm
234
245
  }, () => [createElementVNode("div", {
235
246
  class: normalizeClass(_ctx.footerStyles)
236
247
  }, [createVNode(_component_OrButton, {
237
248
  class: normalizeClass(_ctx.buttonsStyles),
238
- variant: 'outlined',
249
+ variant: "outlined",
239
250
  disabled: _ctx.loading,
240
251
  onClick: _ctx.close
241
252
  }, {
@@ -1 +1 @@
1
- export { s as default } from '../OrInputV3-1b3a2135.js';
1
+ export { s as default } from '../OrInputV3-5ed9b5fd.js';
@@ -1,2 +1,2 @@
1
- export { I as InputType, s as OrInputV3 } from '../OrInputV3-1b3a2135.js';
1
+ export { I as InputType, s as OrInputV3 } from '../OrInputV3-5ed9b5fd.js';
2
2
  export { I as InputSize } from '../OrInputBoxV3-ddd117f0.js';
@@ -1,2 +1,2 @@
1
1
  export { I as InputSize } from '../OrInputBoxV3-ddd117f0.js';
2
- export { I as InputType } from '../OrInputV3-1b3a2135.js';
2
+ export { I as InputType } from '../OrInputV3-5ed9b5fd.js';
@@ -1 +1 @@
1
- export { b as InputControl, a as InputRoot } from '../OrInputV3-1b3a2135.js';
1
+ export { b as InputControl, a as InputRoot } from '../OrInputV3-5ed9b5fd.js';
@@ -222,7 +222,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
222
222
  }, [_ctx.type === 'password' ? (openBlock(), createBlock(_component_OrIconButton, {
223
223
  key: 0,
224
224
  icon: {
225
- icon: _ctx.disclosed ? 'visibility_off' : 'visibility',
225
+ icon: _ctx.disclosed ? 'visibility' : 'visibility_off',
226
226
  variant: 'filled'
227
227
  },
228
228
  color: 'inherit',
@@ -1 +1 @@
1
- export { s as default } from '../OrResizeablePanelV3-b14e7e87.js';
1
+ export { s as default } from '../OrResizeablePanelV3-c24490f4.js';
@@ -1 +1 @@
1
- export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement } from '../OrResizeablePanelV3-b14e7e87.js';
1
+ export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement } from '../OrResizeablePanelV3-c24490f4.js';
@@ -1 +1 @@
1
- export { R as ResizeablePanelPadding, a as ResizeablePanelPlacement } from '../OrResizeablePanelV3-b14e7e87.js';
1
+ export { R as ResizeablePanelPadding, a as ResizeablePanelPlacement } from '../OrResizeablePanelV3-c24490f4.js';
@@ -1 +1 @@
1
- export { b as ResizeablePanel, j as ResizeablePanelCollapseButtonContainer, k as ResizeablePanelCollapseButtonContainerPlacements, d as ResizeablePanelContent, e as ResizeablePanelContentPaddings, f as ResizeablePanelContentPlaceholder, g as ResizeablePanelContentPlaceholderPlacements, c as ResizeablePanelPlacements, h as ResizeablePanelResizeBar, i as ResizeablePanelResizeBarPlacements, l as ResizeablePanelToolbar, m as ResizeablePanelToolbarPlacements } from '../OrResizeablePanelV3-b14e7e87.js';
1
+ export { b as ResizeablePanel, j as ResizeablePanelCollapseButtonContainer, k as ResizeablePanelCollapseButtonContainerPlacements, d as ResizeablePanelContent, e as ResizeablePanelContentPaddings, f as ResizeablePanelContentPlaceholder, g as ResizeablePanelContentPlaceholderPlacements, c as ResizeablePanelPlacements, h as ResizeablePanelResizeBar, i as ResizeablePanelResizeBarPlacements, l as ResizeablePanelToolbar, m as ResizeablePanelToolbarPlacements } from '../OrResizeablePanelV3-c24490f4.js';
@@ -401,7 +401,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
401
401
  key: 2,
402
402
  class: normalizeClass(_ctx.collapseButtonContainerStyles)
403
403
  }, [createVNode(_component_OrIconButton, {
404
- class: normalizeClass(['p-xs']),
404
+ "additional-styles": ['p-xs'],
405
405
  icon: _ctx.collapseButtonIcon,
406
406
  color: 'primary',
407
407
  size: 'm',
@@ -1 +1 @@
1
- export { s as default } from '../OrRichTextEditorV3-214b9748.js';
1
+ export { s as default } from '../OrRichTextEditorV3-5265594a.js';
@@ -1 +1 @@
1
- export { F as Formats, s as OrRichTextEditorV3 } from '../OrRichTextEditorV3-214b9748.js';
1
+ export { F as Formats, s as OrRichTextEditorV3 } from '../OrRichTextEditorV3-5265594a.js';
@@ -1 +1 @@
1
- export { F as Formats } from '../OrRichTextEditorV3-214b9748.js';
1
+ export { F as Formats } from '../OrRichTextEditorV3-5265594a.js';
@@ -1 +1 @@
1
- export { E as EditorContainer, f as EditorInput, b as Toolbar, c as ToolbarButton, e as ToolbarButtonFocused, T as ToolbarContainer } from '../OrRichTextEditorV3-214b9748.js';
1
+ export { E as EditorContainer, f as EditorInput, b as Toolbar, c as ToolbarButton, e as ToolbarButtonFocused, T as ToolbarContainer } from '../OrRichTextEditorV3-5265594a.js';
@@ -1,2 +1,2 @@
1
- export { i as default } from '../../../OrRichTextEditorV3-214b9748.js';
1
+ export { i as default } from '../../../OrRichTextEditorV3-5265594a.js';
2
2
  import '../../../OrCode-46b1b8aa.js';
@@ -1,2 +1,2 @@
1
- export { C as default } from '../../../OrRichTextEditorV3-214b9748.js';
1
+ export { C as default } from '../../../OrRichTextEditorV3-5265594a.js';
2
2
  import '../../../OrCode-46b1b8aa.js';
@@ -1 +1 @@
1
- export { C as CodeMirrorView } from '../../../OrRichTextEditorV3-214b9748.js';
1
+ export { C as CodeMirrorView } from '../../../OrRichTextEditorV3-5265594a.js';
@@ -1,3 +1,3 @@
1
1
  import '../../../OrCode-46b1b8aa.js';
2
2
  import '../../../../hooks/useTheme.js';
3
- export { g as color, t as default, h as orCodeHighlightStyle, o as orCodeTheme } from '../../../OrRichTextEditorV3-214b9748.js';
3
+ export { g as color, t as default, h as orCodeHighlightStyle, o as orCodeTheme } from '../../../OrRichTextEditorV3-5265594a.js';
@@ -1 +1 @@
1
- export { d as deserialize, a as serialize } from '../../OrRichTextEditorV3-214b9748.js';
1
+ export { d as deserialize, a as serialize } from '../../OrRichTextEditorV3-5265594a.js';
@@ -10,7 +10,7 @@ import { s as script$2 } from './OrLabelV3-28f7ac2c.js';
10
10
  import { s as script$3 } from './OrMenuItemV3-7b557536.js';
11
11
  import { s as script$4 } from './OrMenuV3-4eb5f090.js';
12
12
  import { s as script$5 } from './OrModalV3-fdafb7b0.js';
13
- import { s as script$6 } from './OrInputV3-1b3a2135.js';
13
+ import { s as script$6 } from './OrInputV3-5ed9b5fd.js';
14
14
  import { s as script$7 } from './OrButtonV3-529c4206.js';
15
15
  import { s as script$8 } from './OrPopoverV3-a7d181a4.js';
16
16
  import { useTheme } from '../hooks/useTheme.js';
@@ -2,7 +2,7 @@ import { I as InputBoxSize } from '../OrInputBoxV3-ddd117f0.js';
2
2
  export { I as SearchSize } from '../OrInputBoxV3-ddd117f0.js';
3
3
  import { resolveComponent, openBlock, createBlock, mergeProps } from 'vue';
4
4
  import { defineComponent, ref, computed, reactive, watch } from 'vue-demi';
5
- import { s as script$1 } from '../OrInputV3-1b3a2135.js';
5
+ import { s as script$1 } from '../OrInputV3-5ed9b5fd.js';
6
6
  import { useIdAttribute } from '../../hooks/useIdAttribute.js';
7
7
  import { useControlAttributes } from '../../hooks/useControlAttributes.js';
8
8
  import { useValidationAttributes } from '../../hooks/useValidationAttributes.js';
@@ -1 +1 @@
1
- export { s as default } from '../OrSelectV3-fdc69cd8.js';
1
+ export { s as default } from '../OrSelectV3-f212f5c6.js';
@@ -1,2 +1,2 @@
1
- export { s as OrSelectV3 } from '../OrSelectV3-fdc69cd8.js';
1
+ export { s as OrSelectV3 } from '../OrSelectV3-f212f5c6.js';
2
2
  export { I as SelectSize } from '../OrInputBoxV3-ddd117f0.js';
@@ -1 +1 @@
1
- export { S as Select, a as SelectControl, c as SelectDropdown, d as SelectDropdownDefault, e as SelectDropdownFlipped, f as SelectDropdownItem, g as SelectNoSearchResults, b as SelectSearchControl } from '../OrSelectV3-fdc69cd8.js';
1
+ export { S as Select, a as SelectControl, c as SelectDropdown, d as SelectDropdownDefault, e as SelectDropdownFlipped, f as SelectDropdownItem, g as SelectNoSearchResults, b as SelectSearchControl } from '../OrSelectV3-f212f5c6.js';
@@ -12,7 +12,7 @@ import { s as script$8 } from './OrExpansionPanelV3-bac16530.js';
12
12
  import { s as script$9 } from './OrHintV3-1fcfaa19.js';
13
13
  import { s as script$a } from './OrIconV3-5db4e349.js';
14
14
  import { s as script$b } from './OrIconButtonV3-aa18f25c.js';
15
- import { s as script$c } from './OrInputV3-1b3a2135.js';
15
+ import { s as script$c } from './OrInputV3-5ed9b5fd.js';
16
16
  import { s as script$e } from './OrLabelV3-28f7ac2c.js';
17
17
  import { s as script$f } from './OrMenuItemV3-7b557536.js';
18
18
  import { s as script$g } from './OrPopoverV3-a7d181a4.js';
@@ -1 +1 @@
1
- export { s as default } from '../OrSidebarV3-3bc2d48b.js';
1
+ export { s as default } from '../OrSidebarV3-682b0424.js';
@@ -1,2 +1,2 @@
1
- export { S as OrSidebarPlacement, s as OrSidebarV3, S as SidebarPlacement } from '../OrSidebarV3-3bc2d48b.js';
2
- export { R as SidebarPadding } from '../OrResizeablePanelV3-b14e7e87.js';
1
+ export { S as OrSidebarPlacement, s as OrSidebarV3, S as SidebarPlacement } from '../OrSidebarV3-682b0424.js';
2
+ export { R as SidebarPadding } from '../OrResizeablePanelV3-c24490f4.js';
@@ -1,2 +1,2 @@
1
- export { R as SidebarPadding } from '../OrResizeablePanelV3-b14e7e87.js';
2
- export { S as OrSidebarPlacement, S as SidebarPlacement } from '../OrSidebarV3-3bc2d48b.js';
1
+ export { R as SidebarPadding } from '../OrResizeablePanelV3-c24490f4.js';
2
+ export { S as OrSidebarPlacement, S as SidebarPlacement } from '../OrSidebarV3-682b0424.js';
@@ -1,2 +1,2 @@
1
- import '../OrResizeablePanelV3-b14e7e87.js';
2
- export { a as Sidebar, d as SidebarContent, e as SidebarContentPaddings, f as SidebarFooter, g as SidebarFooterPaddings, b as SidebarHeader, c as SidebarHeaderPaddings } from '../OrSidebarV3-3bc2d48b.js';
1
+ import '../OrResizeablePanelV3-c24490f4.js';
2
+ export { a as Sidebar, d as SidebarContent, e as SidebarContentPaddings, f as SidebarFooter, g as SidebarFooterPaddings, b as SidebarHeader, c as SidebarHeaderPaddings } from '../OrSidebarV3-682b0424.js';
@@ -1,5 +1,5 @@
1
1
  import { resolveComponent, openBlock, createBlock, createSlots, withCtx, createElementVNode, normalizeClass, createElementBlock, renderSlot, createCommentVNode } from 'vue';
2
- import { R as ResizeablePanelPadding, s as script$1 } from './OrResizeablePanelV3-b14e7e87.js';
2
+ import { R as ResizeablePanelPadding, s as script$1 } from './OrResizeablePanelV3-c24490f4.js';
3
3
  import { defineComponent, ref, computed, toRef } from 'vue-demi';
4
4
  import { usePopoverState } from '../hooks/usePopoverState.js';
5
5
 
@@ -8,7 +8,7 @@ export { B as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, a as BUTTON_SIZE, b as BUTT
8
8
  export { default as OrIconButton, default as OrIconButtonV2 } from './OrIconButtonV2/OrIconButton.js';
9
9
  export { default as OrCard } from './OrCard/OrCard.js';
10
10
  export { CARD_COLLECTION_LAYOUT, OrCardCollection } from './OrCardCollection/index.js';
11
- export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollectionV3-db70636f.js';
11
+ export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollectionV3-6b1266a6.js';
12
12
  export { C as CardPadding, s as OrCardV3 } from './OrCardV3-f9908b34.js';
13
13
  export { default as OrCheckbox } from './OrCheckbox/OrCheckbox.js';
14
14
  export { default as OrCheckboxGroupV3 } from './OrCheckboxGroupV3/OrCheckboxGroup.js';
@@ -22,7 +22,7 @@ export { s as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k
22
22
  export { s as OrCombinedInputV3 } from './OrCombinedInputV3-795e8cf2.js';
23
23
  export { I as CombinedInputSize, I as DatePickerSize, I as DateRangePickerSize, I as DateTimePickerSize, I as InputBoxSize, a as InputBoxVariant, I as InputSize, s as OrInputBoxV3, I as SearchSize, I as SelectSize, I as TagInputSize, I as TextareaSize, I as TimePickerSize, I as TimeRangePickerSize } from './OrInputBoxV3-ddd117f0.js';
24
24
  export { s as OrConfirm } from './OrConfirm-f95a3ce6.js';
25
- export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirmV3-e34ce4dc.js';
25
+ export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirmV3-b5efd082.js';
26
26
  export { OrContextMenuV3 } from './OrContextMenuV3/index.js';
27
27
  export { P as ContextMenuPlacement, P as MenuPlacement, s as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from './OrPopoverV3-a7d181a4.js';
28
28
  export { s as OrDateFormatV3 } from './OrDateFormatV3-8456e52e.js';
@@ -49,7 +49,7 @@ export { I as InlineInputType, s as OrInlineInputV3 } from './OrInlineInputV3-76
49
49
  export { InlineTextEditTrimmingTypes, InlineTextEditTypes, OrInlineTextEdit } from './OrInlineTextEdit/index.js';
50
50
  export { s as OrInlineTextareaV3 } from './OrInlineTextareaV3-51a17e03.js';
51
51
  export { default as OrInput } from './OrInput/OrInput.js';
52
- export { I as InputType, s as OrInputV3 } from './OrInputV3-1b3a2135.js';
52
+ export { I as InputType, s as OrInputV3 } from './OrInputV3-5ed9b5fd.js';
53
53
  export { default as OrLabel } from './OrLabel/OrLabel.js';
54
54
  export { L as LabelVariant, s as OrLabelV3 } from './OrLabelV3-28f7ac2c.js';
55
55
  export { L as LinkColor, s as OrLinkV3 } from './OrLinkV3-dc35424e.js';
@@ -79,15 +79,15 @@ export { s as OrRadioV3 } from './OrRadioV3-0a5b52a5.js';
79
79
  export { s as OrRangeSliderV3 } from './OrRangeSliderV3-9d36a0c5.js';
80
80
  export { s as OrSliderV3, S as RangeSliderColor, a as RangeSliderOrientation, S as SliderColor, a as SliderOrientation } from './OrSliderV3-f0ac9b94.js';
81
81
  export { s as OrRatingV3 } from './OrRatingV3-b6b47938.js';
82
- export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement, R as SidebarPadding } from './OrResizeablePanelV3-b14e7e87.js';
83
- export { F as Formats, s as OrRichTextEditorV3 } from './OrRichTextEditorV3-214b9748.js';
82
+ export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement, R as SidebarPadding } from './OrResizeablePanelV3-c24490f4.js';
83
+ export { F as Formats, s as OrRichTextEditorV3 } from './OrRichTextEditorV3-5265594a.js';
84
84
  export { default as OrSearch } from './OrSearch/OrSearch.js';
85
85
  export { OrSearchV3 } from './OrSearchV3/index.js';
86
86
  export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControlV3-56862f95.js';
87
87
  export { s as OrSelect } from './OrSelect-ab9e3084.js';
88
- export { s as OrSelectV3 } from './OrSelectV3-fdc69cd8.js';
88
+ export { s as OrSelectV3 } from './OrSelectV3-f212f5c6.js';
89
89
  export { OrSidebar, OrSidebarSide } from './OrSidebar/index.js';
90
- export { S as OrSidebarPlacement, s as OrSidebarV3, S as SidebarPlacement } from './OrSidebarV3-3bc2d48b.js';
90
+ export { S as OrSidebarPlacement, s as OrSidebarV3, S as SidebarPlacement } from './OrSidebarV3-682b0424.js';
91
91
  export { s as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from './OrSkeleton-6b7c940e.js';
92
92
  export { s as OrSkeletonCircleV3, a as OrSkeletonRectV3, b as OrSkeletonTextV3 } from './OrSkeletonV3-e1c62691.js';
93
93
  export { default as OrSlider } from './OrSlider/OrSlider.js';