@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.
- package/dist/esm/{OrAutocomplete-b1S9lrS_.mjs → OrAutocomplete-DHadCcDG.mjs} +2 -2
- package/dist/esm/{OrAutocomplete-b1S9lrS_.mjs.map → OrAutocomplete-DHadCcDG.mjs.map} +1 -1
- package/dist/esm/{OrCardCollection-52Rx7yQ3.mjs → OrCardCollection-Dy4e0uU0.mjs} +2 -2
- package/dist/esm/{OrCardCollection-52Rx7yQ3.mjs.map → OrCardCollection-Dy4e0uU0.mjs.map} +1 -1
- package/dist/esm/{OrConfirm-DaPDWu0q.mjs → OrConfirm-bJHqUudY.mjs} +2 -2
- package/dist/esm/{OrConfirm-DaPDWu0q.mjs.map → OrConfirm-bJHqUudY.mjs.map} +1 -1
- package/dist/esm/{OrDataGrid-D_-PaI3i.mjs → OrDataGrid-TQ-iAsg2.mjs} +4 -4
- package/dist/esm/{OrDataGrid-D_-PaI3i.mjs.map → OrDataGrid-TQ-iAsg2.mjs.map} +1 -1
- package/dist/esm/{OrInput-nExtCSw8.mjs → OrInput-DGZPyIWa.mjs} +49 -45
- package/dist/esm/OrInput-DGZPyIWa.mjs.map +1 -0
- package/dist/esm/{OrRichTextEditor-yRGXHaoT.mjs → OrRichTextEditor-CzVp-mm9.mjs} +2 -2
- package/dist/esm/{OrRichTextEditor-yRGXHaoT.mjs.map → OrRichTextEditor-CzVp-mm9.mjs.map} +1 -1
- package/dist/esm/{OrSearch-CRFuNmg2.mjs → OrSearch-B92dyPu6.mjs} +2 -2
- package/dist/esm/{OrSearch-CRFuNmg2.mjs.map → OrSearch-B92dyPu6.mjs.map} +1 -1
- package/dist/esm/{OrSelect-BeL73iXu.mjs → OrSelect-DC2IC8A9.mjs} +2 -2
- package/dist/esm/{OrSelect-BeL73iXu.mjs.map → OrSelect-DC2IC8A9.mjs.map} +1 -1
- package/dist/esm/components/index.mjs +8 -8
- package/dist/esm/components/or-autocomplete-v3/index.mjs +1 -1
- package/dist/esm/components/or-card-collection-v3/index.mjs +1 -1
- package/dist/esm/components/or-confirm-v3/index.mjs +1 -1
- package/dist/esm/components/or-data-grid-v3/index.mjs +1 -1
- package/dist/esm/components/or-input-v3/index.mjs +1 -1
- package/dist/esm/components/or-rich-text-editor-v3/index.mjs +1 -1
- package/dist/esm/components/or-search-v3/index.mjs +1 -1
- package/dist/esm/components/or-select-v3/index.mjs +1 -1
- package/dist/esm/index.mjs +8 -8
- package/package.json +4 -4
- 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
|
|
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
|
-
],
|
|
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
|
-
//
|
|
28
|
-
|
|
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
|
|
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
|
|
130
|
+
const v = Z({
|
|
127
131
|
id: H(),
|
|
128
132
|
...P(),
|
|
129
133
|
...T()
|
|
130
|
-
}), V =
|
|
134
|
+
}), V = $(), C = y(() => [
|
|
131
135
|
"or-input-v3",
|
|
132
136
|
...re,
|
|
133
137
|
...e.variant === Q.Embedded ? ["grow"] : []
|
|
134
|
-
]), m =
|
|
135
|
-
...
|
|
136
|
-
]), u = F(M(e, "modelValue"), o.emit), f =
|
|
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(() =>
|
|
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:
|
|
157
|
+
attributes: v,
|
|
154
158
|
root: V,
|
|
155
|
-
rootStyles:
|
|
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,
|
|
170
|
-
const g = a("OrLabel"), u = a("OrLoader"), f = a("OrIconButton"), h = a("OrIcon"), O = a("OrInputBox"), k = a("OrHint"),
|
|
171
|
-
return
|
|
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 ? (
|
|
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:
|
|
186
|
+
addon: n(() => [
|
|
183
187
|
i(e.$slots, "addon", {}, void 0, !0)
|
|
184
188
|
]),
|
|
185
|
-
default:
|
|
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"])) :
|
|
192
|
-
|
|
195
|
+
}, 8, ["control-id", "required", "disabled"])) : b("", !0),
|
|
196
|
+
I("div", le, [
|
|
193
197
|
i(e.$slots, "prepend", {}, void 0, !0),
|
|
194
|
-
|
|
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:
|
|
202
|
-
B(
|
|
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:
|
|
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:
|
|
242
|
+
fn: n(() => [
|
|
239
243
|
i(e.$slots, "appendInner", {}, () => [
|
|
240
|
-
e.loading ? (
|
|
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"])) : (
|
|
246
|
-
e.type === "password" ? (
|
|
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"])) :
|
|
254
|
-
e.type === "search" ? (
|
|
255
|
-
e.modelValue && !e.readonly ? (
|
|
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"])) : (
|
|
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)) :
|
|
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((
|
|
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:
|
|
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:
|
|
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
|
-
]) :
|
|
298
|
-
B(
|
|
299
|
-
default:
|
|
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:
|
|
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(
|
|
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-
|
|
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-
|
|
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-
|
|
1057
|
+
//# sourceMappingURL=OrRichTextEditor-CzVp-mm9.mjs.map
|