@onereach/ui-components 26.6.3 → 26.6.4

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 (28) hide show
  1. package/dist/esm/{OrAutocomplete-b1S9lrS_.mjs → OrAutocomplete-DHadCcDG.mjs} +2 -2
  2. package/dist/esm/{OrAutocomplete-b1S9lrS_.mjs.map → OrAutocomplete-DHadCcDG.mjs.map} +1 -1
  3. package/dist/esm/{OrCardCollection-52Rx7yQ3.mjs → OrCardCollection-Dy4e0uU0.mjs} +2 -2
  4. package/dist/esm/{OrCardCollection-52Rx7yQ3.mjs.map → OrCardCollection-Dy4e0uU0.mjs.map} +1 -1
  5. package/dist/esm/{OrConfirm-DaPDWu0q.mjs → OrConfirm-bJHqUudY.mjs} +2 -2
  6. package/dist/esm/{OrConfirm-DaPDWu0q.mjs.map → OrConfirm-bJHqUudY.mjs.map} +1 -1
  7. package/dist/esm/{OrDataGrid-D_-PaI3i.mjs → OrDataGrid-TQ-iAsg2.mjs} +4 -4
  8. package/dist/esm/{OrDataGrid-D_-PaI3i.mjs.map → OrDataGrid-TQ-iAsg2.mjs.map} +1 -1
  9. package/dist/esm/{OrInput-nExtCSw8.mjs → OrInput-DGZPyIWa.mjs} +49 -45
  10. package/dist/esm/OrInput-DGZPyIWa.mjs.map +1 -0
  11. package/dist/esm/{OrRichTextEditor-yRGXHaoT.mjs → OrRichTextEditor-CzVp-mm9.mjs} +2 -2
  12. package/dist/esm/{OrRichTextEditor-yRGXHaoT.mjs.map → OrRichTextEditor-CzVp-mm9.mjs.map} +1 -1
  13. package/dist/esm/{OrSearch-CRFuNmg2.mjs → OrSearch-B92dyPu6.mjs} +2 -2
  14. package/dist/esm/{OrSearch-CRFuNmg2.mjs.map → OrSearch-B92dyPu6.mjs.map} +1 -1
  15. package/dist/esm/{OrSelect-BeL73iXu.mjs → OrSelect-DC2IC8A9.mjs} +2 -2
  16. package/dist/esm/{OrSelect-BeL73iXu.mjs.map → OrSelect-DC2IC8A9.mjs.map} +1 -1
  17. package/dist/esm/components/index.mjs +8 -8
  18. package/dist/esm/components/or-autocomplete-v3/index.mjs +1 -1
  19. package/dist/esm/components/or-card-collection-v3/index.mjs +1 -1
  20. package/dist/esm/components/or-confirm-v3/index.mjs +1 -1
  21. package/dist/esm/components/or-data-grid-v3/index.mjs +1 -1
  22. package/dist/esm/components/or-input-v3/index.mjs +1 -1
  23. package/dist/esm/components/or-rich-text-editor-v3/index.mjs +1 -1
  24. package/dist/esm/components/or-search-v3/index.mjs +1 -1
  25. package/dist/esm/components/or-select-v3/index.mjs +1 -1
  26. package/dist/esm/index.mjs +8 -8
  27. package/package.json +4 -4
  28. package/dist/esm/OrInput-nExtCSw8.mjs.map +0 -1
@@ -8,14 +8,14 @@ import { O as J } from "./OrInputBox-6ciokFdU.mjs";
8
8
  import { a as Q } from "./OrInputBox.vue_vue_type_script_lang-q2L7rmth.mjs";
9
9
  import { O as W } from "./OrLabel-K7_HgvcK.mjs";
10
10
  import { O as X } from "./OrLoader-2SaTMxmZ.mjs";
11
- import { defineComponent as Y, reactive as Z, ref as S, computed as y, toRef as M, resolveComponent as a, openBlock as n, createElementBlock as c, normalizeClass as x, createBlock as s, withCtx as t, renderSlot as i, createTextVNode as p, toDisplayString as d, createCommentVNode as v, createElementVNode as L, createVNode as C, createSlots as w, withDirectives as B, mergeProps as _, vModelDynamic as ee, Fragment as z, withModifiers as q, vShow as E } from "vue";
11
+ import { defineComponent as Y, reactive as Z, ref as $, computed as y, toRef as M, resolveComponent as a, openBlock as t, createElementBlock as S, normalizeClass as x, createBlock as s, withCtx as n, renderSlot as i, createTextVNode as p, toDisplayString as d, createCommentVNode as b, createElementVNode as I, createVNode as L, createSlots as w, withDirectives as B, mergeProps as _, vModelDynamic as ee, Fragment as z, withModifiers as q, vShow as E } from "vue";
12
12
  import { _ as oe } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
13
13
  const re = [
14
14
  // Layout
15
15
  "layout-column",
16
16
  // Spacing
17
17
  "gap-xs"
18
- ], ne = [
18
+ ], te = [
19
19
  // Box
20
20
  "flex-auto",
21
21
  // Typography
@@ -24,14 +24,18 @@ const re = [
24
24
  "placeholder:theme-foreground-outline",
25
25
  "dark:placeholder:theme-foreground-outline-dark",
26
26
  // Autofill hack,
27
- // disable (delay color change)
28
- "autofill:transition-colors autofill:duration-[5000s]",
27
+ // override Chrome autofill transition so theme switching doesn't "stick" to previous text color
28
+ // (Chrome's autofill styles may include long transitions; avoid transitioning `color`)
29
+ "autofill:[transition-property:background-color] autofill:duration-[5000s]",
30
+ // force correct text/caret color in Chrome autofill
31
+ "autofill:[-webkit-text-fill-color:currentColor!important]",
32
+ "autofill:[caret-color:currentColor!important]",
29
33
  // override background color using box-shadow
30
34
  "autofill:shadow-[10px_0_1000px_theme(backgroundColor.primary-opacity-0-08)_inset]",
31
35
  "dark:autofill:shadow-[0_0_0px_1000px_theme(backgroundColor.primary-opacity-0-08-dark)_inset]"
32
36
  ];
33
37
  var N = /* @__PURE__ */ ((e) => (e.Text = "text", e.Number = "number", e.Password = "password", e.Search = "search", e))(N || {}), D = /* @__PURE__ */ ((e) => (e.None = "none", e.Text = "text", e.Tel = "tel", e.Url = "url", e.Email = "email", e.Numeric = "numeric", e.Decimal = "decimal", e.Search = "search", e))(D || {});
34
- const te = Y({
38
+ const ne = Y({
35
39
  name: "OrInput",
36
40
  components: {
37
41
  OrError: R,
@@ -123,24 +127,24 @@ const te = Y({
123
127
  "blur"
124
128
  ],
125
129
  setup(e, o) {
126
- const b = Z({
130
+ const v = Z({
127
131
  id: H(),
128
132
  ...P(),
129
133
  ...T()
130
- }), V = S(), I = y(() => [
134
+ }), V = $(), C = y(() => [
131
135
  "or-input-v3",
132
136
  ...re,
133
137
  ...e.variant === Q.Embedded ? ["grow"] : []
134
- ]), m = S(), g = y(() => [
135
- ...ne
136
- ]), u = F(M(e, "modelValue"), o.emit), f = S(!1), h = y(() => {
138
+ ]), m = $(), g = y(() => [
139
+ ...te
140
+ ]), u = F(M(e, "modelValue"), o.emit), f = $(!1), h = y(() => {
137
141
  var l;
138
142
  return ((l = u.value) == null ? void 0 : l.toString().length) ?? 0;
139
- }), O = y(() => b.maxlength);
143
+ }), O = y(() => v.maxlength);
140
144
  function k() {
141
145
  u.value = void 0;
142
146
  }
143
- function $() {
147
+ function c() {
144
148
  var l;
145
149
  (l = m.value) == null || l.focus();
146
150
  }
@@ -150,9 +154,9 @@ const te = Y({
150
154
  }
151
155
  const { isMobile: A } = K();
152
156
  return {
153
- attributes: b,
157
+ attributes: v,
154
158
  root: V,
155
- rootStyles: I,
159
+ rootStyles: C,
156
160
  control: m,
157
161
  controlStyles: g,
158
162
  model: u,
@@ -160,46 +164,46 @@ const te = Y({
160
164
  length: h,
161
165
  maxLength: O,
162
166
  clear: k,
163
- focus: $,
167
+ focus: c,
164
168
  blur: r,
165
169
  isMobile: A
166
170
  };
167
171
  }
168
172
  }), le = { class: "layout-row gap-md md:gap-md" }, ae = ["name", "type", "inputmode", "autocomplete", "placeholder", "required", "readonly", "disabled"];
169
- function ie(e, o, b, V, I, m) {
170
- const g = a("OrLabel"), u = a("OrLoader"), f = a("OrIconButton"), h = a("OrIcon"), O = a("OrInputBox"), k = a("OrHint"), $ = a("OrError");
171
- return n(), c("div", {
173
+ function ie(e, o, v, V, C, m) {
174
+ const g = a("OrLabel"), u = a("OrLoader"), f = a("OrIconButton"), h = a("OrIcon"), O = a("OrInputBox"), k = a("OrHint"), c = a("OrError");
175
+ return t(), S("div", {
172
176
  ref: "root",
173
177
  class: x(e.rootStyles)
174
178
  }, [
175
- e.$slots.label || e.$slots.addon || e.label ? (n(), s(g, {
179
+ e.$slots.label || e.$slots.addon || e.label ? (t(), s(g, {
176
180
  key: 0,
177
181
  "control-id": e.attributes.id,
178
182
  variant: "input",
179
183
  required: e.required,
180
184
  disabled: e.disabled
181
185
  }, {
182
- addon: t(() => [
186
+ addon: n(() => [
183
187
  i(e.$slots, "addon", {}, void 0, !0)
184
188
  ]),
185
- default: t(() => [
189
+ default: n(() => [
186
190
  i(e.$slots, "label", {}, () => [
187
191
  p(d(e.label), 1)
188
192
  ], !0)
189
193
  ]),
190
194
  _: 3
191
- }, 8, ["control-id", "required", "disabled"])) : v("", !0),
192
- L("div", le, [
195
+ }, 8, ["control-id", "required", "disabled"])) : b("", !0),
196
+ I("div", le, [
193
197
  i(e.$slots, "prepend", {}, void 0, !0),
194
- C(O, {
198
+ L(O, {
195
199
  variant: e.variant,
196
200
  size: e.size,
197
201
  invalid: !!e.error,
198
202
  readonly: e.readonly || e.loading,
199
203
  disabled: e.disabled
200
204
  }, w({
201
- default: t(() => [
202
- B(L("input", _({ ref: "control" }, e.attributes, {
205
+ default: n(() => [
206
+ B(I("input", _({ ref: "control" }, e.attributes, {
203
207
  "onUpdate:modelValue": o[0] || (o[0] = (r) => e.model = r),
204
208
  class: e.controlStyles,
205
209
  name: e.name,
@@ -228,44 +232,44 @@ function ie(e, o, b, V, I, m) {
228
232
  }, [
229
233
  e.$slots.prependInner ? {
230
234
  name: "prepend",
231
- fn: t(() => [
235
+ fn: n(() => [
232
236
  i(e.$slots, "prependInner", {}, void 0, !0)
233
237
  ]),
234
238
  key: "0"
235
239
  } : void 0,
236
240
  e.loading || e.type === "password" || e.type === "search" || e.$slots.appendInner ? {
237
241
  name: "addon",
238
- fn: t(() => [
242
+ fn: n(() => [
239
243
  i(e.$slots, "appendInner", {}, () => [
240
- e.loading ? (n(), s(u, {
244
+ e.loading ? (t(), s(u, {
241
245
  key: 0,
242
246
  variant: "circular",
243
247
  color: e.error ? "danger" : "primary",
244
248
  size: e.isMobile ? "m" : "s"
245
- }, null, 8, ["color", "size"])) : (n(), c(z, { key: 1 }, [
246
- e.type === "password" ? (n(), s(f, {
249
+ }, null, 8, ["color", "size"])) : (t(), S(z, { key: 1 }, [
250
+ e.type === "password" ? (t(), s(f, {
247
251
  key: 0,
248
252
  icon: { icon: e.disclosed ? "visibility" : "visibility_off", variant: "filled" },
249
253
  size: "l",
250
254
  color: "inherit",
251
255
  disabled: e.disabled,
252
256
  onClick: o[6] || (o[6] = q((r) => e.disclosed = !e.disclosed, ["stop"]))
253
- }, null, 8, ["icon", "disabled"])) : v("", !0),
254
- e.type === "search" ? (n(), c(z, { key: 1 }, [
255
- e.modelValue && !e.readonly ? (n(), s(f, {
257
+ }, null, 8, ["icon", "disabled"])) : b("", !0),
258
+ e.type === "search" ? (t(), S(z, { key: 1 }, [
259
+ e.modelValue && !e.readonly ? (t(), s(f, {
256
260
  key: 0,
257
261
  icon: "close",
258
262
  color: "inherit",
259
263
  size: "l",
260
264
  disabled: e.disabled,
261
265
  onClick: o[7] || (o[7] = q((r) => e.clear(), ["stop"]))
262
- }, null, 8, ["disabled"])) : (n(), s(h, {
266
+ }, null, 8, ["disabled"])) : (t(), s(h, {
263
267
  key: 1,
264
268
  icon: "search",
265
269
  size: "l",
266
270
  variant: "outlined"
267
271
  }))
268
- ], 64)) : v("", !0)
272
+ ], 64)) : b("", !0)
269
273
  ], 64))
270
274
  ], !0)
271
275
  ]),
@@ -274,11 +278,11 @@ function ie(e, o, b, V, I, m) {
274
278
  ]), 1032, ["variant", "size", "invalid", "readonly", "disabled"]),
275
279
  i(e.$slots, "append", {}, void 0, !0)
276
280
  ]),
277
- e.$slots.hint || e.hint || e.maxLength ? B((n(), s(k, {
281
+ e.$slots.hint || e.hint || e.maxLength ? B((t(), s(k, {
278
282
  key: 1,
279
283
  disabled: e.disabled
280
284
  }, w({
281
- default: t(() => [
285
+ default: n(() => [
282
286
  i(e.$slots, "hint", {}, () => [
283
287
  p(d(e.hint), 1)
284
288
  ], !0)
@@ -287,23 +291,23 @@ function ie(e, o, b, V, I, m) {
287
291
  }, [
288
292
  e.maxLength ? {
289
293
  name: "addon",
290
- fn: t(() => [
294
+ fn: n(() => [
291
295
  p(d(e.length) + " / " + d(e.maxLength), 1)
292
296
  ]),
293
297
  key: "0"
294
298
  } : void 0
295
299
  ]), 1032, ["disabled"])), [
296
300
  [E, !e.error]
297
- ]) : v("", !0),
298
- B(C($, { disabled: e.disabled }, w({
299
- default: t(() => [
301
+ ]) : b("", !0),
302
+ B(L(c, { disabled: e.disabled }, w({
303
+ default: n(() => [
300
304
  p(d(e.error) + " ", 1)
301
305
  ]),
302
306
  _: 2
303
307
  }, [
304
308
  e.maxLength ? {
305
309
  name: "addon",
306
- fn: t(() => [
310
+ fn: n(() => [
307
311
  p(d(e.length) + " / " + d(e.maxLength), 1)
308
312
  ]),
309
313
  key: "0"
@@ -313,10 +317,10 @@ function ie(e, o, b, V, I, m) {
313
317
  ])
314
318
  ], 2);
315
319
  }
316
- const Oe = /* @__PURE__ */ oe(te, [["render", ie], ["__scopeId", "data-v-29afd138"]]);
320
+ const Oe = /* @__PURE__ */ oe(ne, [["render", ie], ["__scopeId", "data-v-29afd138"]]);
317
321
  export {
318
322
  N as I,
319
323
  Oe as O,
320
324
  D as a
321
325
  };
322
- //# sourceMappingURL=OrInput-nExtCSw8.mjs.map
326
+ //# sourceMappingURL=OrInput-DGZPyIWa.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"OrInput-DGZPyIWa.mjs","sources":["../../../components/or-input-v3/src/styles.ts","../../../components/or-input-v3/src/types.ts","../../../components/or-input-v3/src/OrInput.vue"],"sourcesContent":["export const Input: string[] = [\n // Layout\n 'layout-column',\n\n // Spacing\n 'gap-xs',\n];\n\nexport const InputControl: string[] = [\n // Box\n 'flex-auto',\n\n // Typography\n 'typography-inherit',\n\n // Theme (placeholder)\n 'placeholder:theme-foreground-outline',\n 'dark:placeholder:theme-foreground-outline-dark',\n\n // Autofill hack,\n // override Chrome autofill transition so theme switching doesn't \"stick\" to previous text color\n // (Chrome's autofill styles may include long transitions; avoid transitioning `color`)\n 'autofill:[transition-property:background-color] autofill:duration-[5000s]',\n // force correct text/caret color in Chrome autofill\n 'autofill:[-webkit-text-fill-color:currentColor!important]',\n 'autofill:[caret-color:currentColor!important]',\n // override background color using box-shadow\n 'autofill:shadow-[10px_0_1000px_theme(backgroundColor.primary-opacity-0-08)_inset]',\n 'dark:autofill:shadow-[0_0_0px_1000px_theme(backgroundColor.primary-opacity-0-08-dark)_inset]',\n];\n","import { ModelValue } from '@onereach/ui-components-common/types';\n\nexport type InputModelValue = ModelValue<string | number>;\n\nexport enum InputType {\n Text = 'text',\n Number = 'number',\n Password = 'password',\n Search = 'search',\n}\n\nexport enum InputMode {\n None = 'none',\n Text = 'text',\n Tel = 'tel',\n Url = 'url',\n Email = 'email',\n Numeric = 'numeric',\n Decimal = 'decimal',\n Search = 'search',\n}\n","<template>\n <div\n :ref=\"'root'\"\n :class=\"rootStyles\"\n >\n <template v-if=\"$slots.label || $slots.addon || label\">\n <OrLabel\n :control-id=\"attributes.id\"\n :variant=\"'input'\"\n :required=\"required\"\n :disabled=\"disabled\"\n >\n <slot name=\"label\">\n {{ label }}\n </slot>\n\n <template v-slot:addon>\n <slot name=\"addon\" />\n </template>\n </OrLabel>\n </template>\n\n <div class=\"layout-row gap-md md:gap-md\">\n <slot name=\"prepend\" />\n <OrInputBox\n :variant=\"variant\"\n :size=\"size\"\n :invalid=\"!!error\"\n :readonly=\"readonly || loading\"\n :disabled=\"disabled\"\n >\n <template\n v-if=\"$slots.prependInner\"\n v-slot:prepend\n >\n <slot name=\"prependInner\" />\n </template>\n <input\n :ref=\"'control'\"\n v-bind=\"attributes\"\n v-model.trim=\"model\"\n :class=\"controlStyles\"\n :name=\"name\"\n :type=\"type === 'password' && disclosed ? 'text' : type\"\n :inputmode=\"inputmode\"\n :autocomplete=\"autocomplete\"\n :placeholder=\"placeholder\"\n :required=\"required\"\n :readonly=\"readonly || loading\"\n :disabled=\"disabled\"\n @input=\"$emit('input', $event)\"\n @keydown=\"$emit('keydown', $event)\"\n @keyup=\"$emit('keyup', $event)\"\n @focus=\"$emit('focus', $event)\"\n @blur=\"$emit('blur', $event)\"\n >\n\n <template\n v-if=\"loading || type === 'password' || type === 'search' || $slots.appendInner\"\n v-slot:addon\n >\n <slot name=\"appendInner\">\n <template v-if=\"loading\">\n <OrLoader\n :variant=\"'circular'\"\n :color=\"error ? 'danger' : 'primary'\"\n :size=\"isMobile ? 'm' : 's'\"\n />\n </template>\n\n <template v-else>\n <template v-if=\"type === 'password'\">\n <OrIconButton\n :icon=\"{ icon: disclosed ? 'visibility' : 'visibility_off', variant: 'filled' }\"\n :size=\"'l'\"\n :color=\"'inherit'\"\n :disabled=\"disabled\"\n @click.stop=\"disclosed = !disclosed\"\n />\n </template>\n\n <template v-if=\"type === 'search'\">\n <template v-if=\"modelValue && !readonly\">\n <OrIconButton\n :icon=\"'close'\"\n :color=\"'inherit'\"\n :size=\"'l'\"\n :disabled=\"disabled\"\n @click.stop=\"clear()\"\n />\n </template>\n\n <template v-else>\n <OrIcon\n :icon=\"'search'\"\n :size=\"'l'\"\n :variant=\"'outlined'\"\n />\n </template>\n </template>\n </template>\n </slot>\n </template>\n </OrInputBox>\n <slot name=\"append\" />\n </div>\n <template v-if=\"$slots.hint || hint || maxLength\">\n <OrHint\n v-show=\"!error\"\n :disabled=\"disabled\"\n >\n <slot name=\"hint\">\n {{ hint }}\n </slot>\n\n <template\n v-if=\"maxLength\"\n v-slot:addon\n >\n {{ length }} / {{ maxLength }}\n </template>\n </OrHint>\n </template>\n\n <OrError\n v-show=\"typeof error === 'string' && error.length > 0\"\n :disabled=\"disabled\"\n >\n {{ error }}\n\n <template\n v-if=\"maxLength\"\n v-slot:addon\n >\n {{ length }} / {{ maxLength }}\n </template>\n </OrError>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { useControlAttributes, useIdAttribute, useProxyModelValue, useResponsive, useValidationAttributes } from '@onereach/ui-components-common/hooks';\nimport { OrErrorV3 as OrError } from '@onereach/ui-components.or-error-v3';\nimport { OrHintV3 as OrHint } from '@onereach/ui-components.or-hint-v3';\nimport { OrIconButtonV3 as OrIconButton } from '@onereach/ui-components.or-icon-button-v3';\nimport { OrIconV3 as OrIcon } from '@onereach/ui-components.or-icon-v3';\nimport { InputBoxSize, InputBoxVariant, OrInputBoxV3 as OrInputBox } from '@onereach/ui-components.or-input-box-v3';\nimport { OrLabelV3 as OrLabel } from '@onereach/ui-components.or-label-v3';\nimport { OrLoaderV3 as OrLoader } from '@onereach/ui-components.or-loader-v3';\nimport { PropType, computed, defineComponent, reactive, ref, toRef } from 'vue';\n\nimport * as Styles from './styles';\nimport { InputMode, InputModelValue, InputType } from './types';\n\nexport default defineComponent({\n name: 'OrInput',\n\n components: {\n OrError,\n OrHint,\n OrIcon,\n OrIconButton,\n OrInputBox,\n OrLabel,\n OrLoader,\n },\n\n model: {\n prop: 'modelValue',\n event: 'update:modelValue',\n },\n\n props: {\n modelValue: {\n type: undefined as unknown as PropType<InputModelValue>,\n default: undefined,\n },\n\n name: {\n type: String,\n default: undefined,\n },\n\n type: {\n type: String as PropType<`${InputType}`>,\n default: () => InputType.Text,\n },\n\n autocomplete: {\n type: String,\n default: 'off',\n },\n\n inputmode: {\n type: String as PropType<`${InputMode}`>,\n default: InputMode.Text,\n },\n\n variant: {\n type: String as PropType<`${InputBoxVariant}`>,\n default: undefined,\n },\n\n size: {\n type: String as PropType<`${InputBoxSize}`>,\n default: undefined,\n },\n\n label: {\n type: String,\n default: undefined,\n },\n\n placeholder: {\n type: String,\n default: undefined,\n },\n\n hint: {\n type: String,\n default: undefined,\n },\n\n error: {\n type: [String, Boolean],\n default: undefined,\n },\n\n loading: {\n type: Boolean,\n default: false,\n },\n\n required: {\n type: Boolean,\n default: false,\n },\n\n readonly: {\n type: Boolean,\n default: false,\n },\n\n disabled: {\n type: Boolean,\n default: false,\n },\n },\n\n emits: [\n 'update:modelValue',\n\n 'input',\n 'keydown',\n 'keyup',\n 'focus',\n 'blur',\n ],\n\n expose: [\n 'root',\n\n 'clear',\n 'focus',\n 'blur',\n ],\n\n setup(props, context) {\n const attributes = reactive({\n id: useIdAttribute(),\n ...useControlAttributes(),\n ...useValidationAttributes(),\n });\n\n // Refs & Styles\n const root = ref<HTMLElement>();\n\n const rootStyles = computed(() => [\n 'or-input-v3',\n ...Styles.Input,\n ...props.variant === InputBoxVariant.Embedded ? ['grow'] : [],\n ]);\n\n const control = ref<HTMLInputElement>();\n\n const controlStyles = computed(() => [\n ...Styles.InputControl,\n ]);\n\n // State\n const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit);\n const disclosed = ref(false);\n\n const length = computed(() => {\n return model.value?.toString().length ?? 0;\n });\n\n const maxLength = computed(() => {\n return attributes.maxlength;\n });\n\n // Methods\n function clear(): void {\n model.value = undefined;\n }\n\n function focus(): void {\n control.value?.focus();\n }\n\n function blur(): void {\n control.value?.blur();\n }\n\n // Helpers\n const { isMobile } = useResponsive();\n\n return {\n attributes,\n\n root,\n rootStyles,\n\n control,\n controlStyles,\n\n model,\n disclosed,\n\n length,\n maxLength,\n\n clear,\n focus,\n blur,\n\n isMobile,\n };\n },\n});\n</script>\n\n<style scoped>\ninput {\n min-width: 0;\n background: none;\n outline: none;\n}\n\ninput[type=\"search\"]::-webkit-search-cancel-button {\n display: none;\n}\n</style>\n"],"names":["Input","InputControl","InputType","InputMode","_sfc_main","defineComponent","OrError","OrHint","OrIcon","OrIconButton","OrInputBox","OrLabel","OrLoader","props","context","attributes","reactive","useIdAttribute","useControlAttributes","useValidationAttributes","root","ref","rootStyles","computed","Styles.Input","InputBoxVariant","control","controlStyles","Styles.InputControl","model","useProxyModelValue","toRef","disclosed","length","_a","maxLength","clear","focus","blur","isMobile","useResponsive","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_createBlock","_component_OrLabel","_renderSlot","_createCommentVNode","_createElementVNode","_hoisted_1","_createVNode","_component_OrInputBox","_mergeProps","_cache","$event","_withCtx","_component_OrLoader","_Fragment","_component_OrIconButton","_withModifiers","_component_OrIcon","_component_OrHint","_createSlots","_withDirectives","_component_OrError"],"mappings":"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"}
@@ -6,7 +6,7 @@ import { O as vt } from "./OrError-B5ihH6-3.mjs";
6
6
  import { O as bt } from "./OrHint-NvbZyURY.mjs";
7
7
  import { O as kt } from "./OrIconButton-Ds8k8FmS.mjs";
8
8
  import { O as yt } from "./OrInputBox-6ciokFdU.mjs";
9
- import { O as Ct } from "./OrInput-nExtCSw8.mjs";
9
+ import { O as Ct } from "./OrInput-DGZPyIWa.mjs";
10
10
  import { O as wt } from "./OrLabel-K7_HgvcK.mjs";
11
11
  import { O as Ot } from "./OrMenuItem-VyCCXA7Z.mjs";
12
12
  import { O as St } from "./OrMenu-Cag_fBXC.mjs";
@@ -1054,4 +1054,4 @@ export {
1054
1054
  Ke as R,
1055
1055
  Qe as a
1056
1056
  };
1057
- //# sourceMappingURL=OrRichTextEditor-yRGXHaoT.mjs.map
1057
+ //# sourceMappingURL=OrRichTextEditor-CzVp-mm9.mjs.map