npm - @onereach/ui-components - Versions diffs - 26.6.4 → 26.6.5 - Mend

@onereach/ui-components 26.6.4 → 26.6.5

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 (29) hide show

package/dist/esm/OrInput-CxGhwo0q.mjs ADDED Viewed

@@ -0,0 +1,350 @@
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("input[data-v-29afd138]{min-width:0;background:none;outline:none}input[type=search][data-v-29afd138]::-webkit-search-cancel-button{display:none}")),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}})();
+import { useIdAttribute as H, useControlAttributes as P, useValidationAttributes as T, useProxyModelValue as _, useResponsive as F } from "@onereach/ui-components-common/hooks";
+import { O as K } from "./OrError-B5ihH6-3.mjs";
+import { O as R } from "./OrHint-NvbZyURY.mjs";
+import { O as U } from "./OrIconButton-Ds8k8FmS.mjs";
+import { O as j } from "./OrIcon-k8cyvh-D.mjs";
+import { O as G } from "./OrInputBox-6ciokFdU.mjs";
+import { a as J } from "./OrInputBox.vue_vue_type_script_lang-q2L7rmth.mjs";
+import { O as Q } from "./OrLabel-K7_HgvcK.mjs";
+import { O as W } from "./OrLoader-2SaTMxmZ.mjs";
+import { defineComponent as X, reactive as Y, ref as O, computed as f, toRef as Z, resolveComponent as l, openBlock as t, createElementBlock as $, normalizeClass as M, createBlock as s, withCtx as a, renderSlot as n, createTextVNode as u, toDisplayString as d, createCommentVNode as k, createElementVNode as L, createVNode as z, createSlots as S, withDirectives as B, mergeProps as x, vModelDynamic as oo, Fragment as C, withModifiers as q, vShow as E } from "vue";
+import { _ as ro } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+const eo = [
+  // Layout
+  "layout-column",
+  // Spacing
+  "gap-xs"
+], to = [
+  // Box
+  "flex-auto",
+  // Typography
+  "typography-inherit",
+  // Ensure text color inherits from container theme (preflight uses `color: revert`, so keep it important)
+  "!text-inherit",
+  // Theme (placeholder)
+  "placeholder:theme-foreground-outline",
+  "dark:placeholder:theme-foreground-outline-dark",
+  // Autofill hack.
+  // Chrome/WebKit may apply very long autofill transitions; keep it only for background,
+  // so theme text color switches instantly.
+  "autofill:[transition-property:background-color] autofill:duration-[5000s]",
+  // Safari UA styles may force `color: black` in autofill state.
+  // Don’t rely on `currentColor` here: set text/caret color directly via theme CSS vars.
+  "autofill:[-webkit-text-fill-color:var(--or-c-on-background-light)!important]",
+  "dark:autofill:[-webkit-text-fill-color:var(--or-c-on-background-dark)!important]",
+  "autofill:[caret-color:var(--or-c-on-background-light)!important]",
+  "dark:autofill:[caret-color:var(--or-c-on-background-dark)!important]",
+  // Override Safari/Chrome autofill background (yellow) via box-shadow using theme CSS vars.
+  "autofill:[-webkit-box-shadow:0_0_0px_1000px_var(--or-c-primary-opacity-0-08-light)_inset!important]",
+  "autofill:[box-shadow:0_0_0px_1000px_var(--or-c-primary-opacity-0-08-light)_inset!important]",
+  "dark:autofill:[-webkit-box-shadow:0_0_0px_1000px_var(--or-c-primary-opacity-0-08-dark)_inset!important]",
+  "dark:autofill:[box-shadow:0_0_0px_1000px_var(--or-c-primary-opacity-0-08-dark)_inset!important]",
+  // Safari password/credential autofill variants (when they don’t also match `:-webkit-autofill`)
+  "[&:-webkit-autofill-strong-password]:[-webkit-text-fill-color:var(--or-c-on-background-light)!important]",
+  "dark:[&:-webkit-autofill-strong-password]:[-webkit-text-fill-color:var(--or-c-on-background-dark)!important]",
+  "[&:-webkit-autofill-strong-password]:[caret-color:var(--or-c-on-background-light)!important]",
+  "dark:[&:-webkit-autofill-strong-password]:[caret-color:var(--or-c-on-background-dark)!important]",
+  "[&:-webkit-autofill-strong-password]:[-webkit-box-shadow:0_0_0px_1000px_var(--or-c-primary-opacity-0-08-light)_inset!important]",
+  "[&:-webkit-autofill-strong-password]:[box-shadow:0_0_0px_1000px_var(--or-c-primary-opacity-0-08-light)_inset!important]",
+  "dark:[&:-webkit-autofill-strong-password]:[-webkit-box-shadow:0_0_0px_1000px_var(--or-c-primary-opacity-0-08-dark)_inset!important]",
+  "dark:[&:-webkit-autofill-strong-password]:[box-shadow:0_0_0px_1000px_var(--or-c-primary-opacity-0-08-dark)_inset!important]",
+  "[&:-webkit-autofill-strong-password-viewable]:[-webkit-text-fill-color:var(--or-c-on-background-light)!important]",
+  "dark:[&:-webkit-autofill-strong-password-viewable]:[-webkit-text-fill-color:var(--or-c-on-background-dark)!important]",
+  "[&:-webkit-autofill-strong-password-viewable]:[caret-color:var(--or-c-on-background-light)!important]",
+  "dark:[&:-webkit-autofill-strong-password-viewable]:[caret-color:var(--or-c-on-background-dark)!important]",
+  "[&:-webkit-autofill-strong-password-viewable]:[-webkit-box-shadow:0_0_0px_1000px_var(--or-c-primary-opacity-0-08-light)_inset!important]",
+  "[&:-webkit-autofill-strong-password-viewable]:[box-shadow:0_0_0px_1000px_var(--or-c-primary-opacity-0-08-light)_inset!important]",
+  "dark:[&:-webkit-autofill-strong-password-viewable]:[-webkit-box-shadow:0_0_0px_1000px_var(--or-c-primary-opacity-0-08-dark)_inset!important]",
+  "dark:[&:-webkit-autofill-strong-password-viewable]:[box-shadow:0_0_0px_1000px_var(--or-c-primary-opacity-0-08-dark)_inset!important]"
+];
+var N = /* @__PURE__ */ ((o) => (o.Text = "text", o.Number = "number", o.Password = "password", o.Search = "search", o))(N || {}), D = /* @__PURE__ */ ((o) => (o.None = "none", o.Text = "text", o.Tel = "tel", o.Url = "url", o.Email = "email", o.Numeric = "numeric", o.Decimal = "decimal", o.Search = "search", o))(D || {});
+const ao = X({
+  name: "OrInput",
+  components: {
+    OrError: K,
+    OrHint: R,
+    OrIcon: j,
+    OrIconButton: U,
+    OrInputBox: G,
+    OrLabel: Q,
+    OrLoader: W
+  },
+  model: {
+    prop: "modelValue",
+    event: "update:modelValue"
+  },
+  props: {
+    modelValue: {
+      type: void 0,
+      default: void 0
+    },
+    name: {
+      type: String,
+      default: void 0
+    },
+    type: {
+      type: String,
+      default: () => N.Text
+    },
+    autocomplete: {
+      type: String,
+      default: "off"
+    },
+    inputmode: {
+      type: String,
+      default: D.Text
+    },
+    variant: {
+      type: String,
+      default: void 0
+    },
+    size: {
+      type: String,
+      default: void 0
+    },
+    label: {
+      type: String,
+      default: void 0
+    },
+    placeholder: {
+      type: String,
+      default: void 0
+    },
+    hint: {
+      type: String,
+      default: void 0
+    },
+    error: {
+      type: [String, Boolean],
+      default: void 0
+    },
+    loading: {
+      type: Boolean,
+      default: !1
+    },
+    required: {
+      type: Boolean,
+      default: !1
+    },
+    readonly: {
+      type: Boolean,
+      default: !1
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: [
+    "update:modelValue",
+    "input",
+    "keydown",
+    "keyup",
+    "focus",
+    "blur"
+  ],
+  expose: [
+    "root",
+    "clear",
+    "focus",
+    "blur"
+  ],
+  setup(o, r) {
+    const y = Y({
+      id: H(),
+      ...P(),
+      ...T()
+    }), V = O(), I = f(() => [
+      "or-input-v3",
+      ...eo,
+      ...o.variant === J.Embedded ? ["grow"] : []
+    ]), m = O(), v = f(() => [
+      ...to
+    ]), p = _(Z(o, "modelValue"), r.emit), b = O(!1), c = f(() => {
+      var i;
+      return ((i = p.value) == null ? void 0 : i.toString().length) ?? 0;
+    }), g = f(() => y.maxlength);
+    function w() {
+      p.value = void 0;
+    }
+    function h() {
+      var i;
+      (i = m.value) == null || i.focus();
+    }
+    function e() {
+      var i;
+      (i = m.value) == null || i.blur();
+    }
+    const { isMobile: A } = F();
+    return {
+      attributes: y,
+      root: V,
+      rootStyles: I,
+      control: m,
+      controlStyles: v,
+      model: p,
+      disclosed: b,
+      length: c,
+      maxLength: g,
+      clear: w,
+      focus: h,
+      blur: e,
+      isMobile: A
+    };
+  }
+}), io = { class: "layout-row gap-md md:gap-md" }, lo = ["name", "type", "inputmode", "autocomplete", "placeholder", "required", "readonly", "disabled"];
+function no(o, r, y, V, I, m) {
+  const v = l("OrLabel"), p = l("OrLoader"), b = l("OrIconButton"), c = l("OrIcon"), g = l("OrInputBox"), w = l("OrHint"), h = l("OrError");
+  return t(), $("div", {
+    ref: "root",
+    class: M(o.rootStyles)
+  }, [
+    o.$slots.label || o.$slots.addon || o.label ? (t(), s(v, {
+      key: 0,
+      "control-id": o.attributes.id,
+      variant: "input",
+      required: o.required,
+      disabled: o.disabled
+    }, {
+      addon: a(() => [
+        n(o.$slots, "addon", {}, void 0, !0)
+      ]),
+      default: a(() => [
+        n(o.$slots, "label", {}, () => [
+          u(d(o.label), 1)
+        ], !0)
+      ]),
+      _: 3
+    }, 8, ["control-id", "required", "disabled"])) : k("", !0),
+    L("div", io, [
+      n(o.$slots, "prepend", {}, void 0, !0),
+      z(g, {
+        variant: o.variant,
+        size: o.size,
+        invalid: !!o.error,
+        readonly: o.readonly || o.loading,
+        disabled: o.disabled
+      }, S({
+        default: a(() => [
+          B(L("input", x({ ref: "control" }, o.attributes, {
+            "onUpdate:modelValue": r[0] || (r[0] = (e) => o.model = e),
+            class: o.controlStyles,
+            name: o.name,
+            type: o.type === "password" && o.disclosed ? "text" : o.type,
+            inputmode: o.inputmode,
+            autocomplete: o.autocomplete,
+            placeholder: o.placeholder,
+            required: o.required,
+            readonly: o.readonly || o.loading,
+            disabled: o.disabled,
+            onInput: r[1] || (r[1] = (e) => o.$emit("input", e)),
+            onKeydown: r[2] || (r[2] = (e) => o.$emit("keydown", e)),
+            onKeyup: r[3] || (r[3] = (e) => o.$emit("keyup", e)),
+            onFocus: r[4] || (r[4] = (e) => o.$emit("focus", e)),
+            onBlur: r[5] || (r[5] = (e) => o.$emit("blur", e))
+          }), null, 16, lo), [
+            [
+              oo,
+              o.model,
+              void 0,
+              { trim: !0 }
+            ]
+          ])
+        ]),
+        _: 2
+      }, [
+        o.$slots.prependInner ? {
+          name: "prepend",
+          fn: a(() => [
+            n(o.$slots, "prependInner", {}, void 0, !0)
+          ]),
+          key: "0"
+        } : void 0,
+        o.loading || o.type === "password" || o.type === "search" || o.$slots.appendInner ? {
+          name: "addon",
+          fn: a(() => [
+            n(o.$slots, "appendInner", {}, () => [
+              o.loading ? (t(), s(p, {
+                key: 0,
+                variant: "circular",
+                color: o.error ? "danger" : "primary",
+                size: o.isMobile ? "m" : "s"
+              }, null, 8, ["color", "size"])) : (t(), $(C, { key: 1 }, [
+                o.type === "password" ? (t(), s(b, {
+                  key: 0,
+                  icon: { icon: o.disclosed ? "visibility" : "visibility_off", variant: "filled" },
+                  size: "l",
+                  color: "inherit",
+                  disabled: o.disabled,
+                  onClick: r[6] || (r[6] = q((e) => o.disclosed = !o.disclosed, ["stop"]))
+                }, null, 8, ["icon", "disabled"])) : k("", !0),
+                o.type === "search" ? (t(), $(C, { key: 1 }, [
+                  o.modelValue && !o.readonly ? (t(), s(b, {
+                    key: 0,
+                    icon: "close",
+                    color: "inherit",
+                    size: "l",
+                    disabled: o.disabled,
+                    onClick: r[7] || (r[7] = q((e) => o.clear(), ["stop"]))
+                  }, null, 8, ["disabled"])) : (t(), s(c, {
+                    key: 1,
+                    icon: "search",
+                    size: "l",
+                    variant: "outlined"
+                  }))
+                ], 64)) : k("", !0)
+              ], 64))
+            ], !0)
+          ]),
+          key: "1"
+        } : void 0
+      ]), 1032, ["variant", "size", "invalid", "readonly", "disabled"]),
+      n(o.$slots, "append", {}, void 0, !0)
+    ]),
+    o.$slots.hint || o.hint || o.maxLength ? B((t(), s(w, {
+      key: 1,
+      disabled: o.disabled
+    }, S({
+      default: a(() => [
+        n(o.$slots, "hint", {}, () => [
+          u(d(o.hint), 1)
+        ], !0)
+      ]),
+      _: 2
+    }, [
+      o.maxLength ? {
+        name: "addon",
+        fn: a(() => [
+          u(d(o.length) + " / " + d(o.maxLength), 1)
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1032, ["disabled"])), [
+      [E, !o.error]
+    ]) : k("", !0),
+    B(z(h, { disabled: o.disabled }, S({
+      default: a(() => [
+        u(d(o.error) + " ", 1)
+      ]),
+      _: 2
+    }, [
+      o.maxLength ? {
+        name: "addon",
+        fn: a(() => [
+          u(d(o.length) + " / " + d(o.maxLength), 1)
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1032, ["disabled"]), [
+      [E, typeof o.error == "string" && o.error.length > 0]
+    ])
+  ], 2);
+}
+const wo = /* @__PURE__ */ ro(ao, [["render", no], ["__scopeId", "data-v-29afd138"]]);
+export {
+  N as I,
+  wo as O,
+  D as a
+};
+//# sourceMappingURL=OrInput-CxGhwo0q.mjs.map

package/dist/esm/OrInput-CxGhwo0q.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"OrInput-CxGhwo0q.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 // Ensure text color inherits from container theme (preflight uses `color: revert`, so keep it important)\n '!text-inherit',\n\n // Theme (placeholder)\n 'placeholder:theme-foreground-outline',\n 'dark:placeholder:theme-foreground-outline-dark',\n\n // Autofill hack.\n // Chrome/WebKit may apply very long autofill transitions; keep it only for background,\n // so theme text color switches instantly.\n 'autofill:[transition-property:background-color] autofill:duration-[5000s]',\n\n // Safari UA styles may force `color: black` in autofill state.\n // Don’t rely on `currentColor` here: set text/caret color directly via theme CSS vars.\n 'autofill:[-webkit-text-fill-color:var(--or-c-on-background-light)!important]',\n 'dark:autofill:[-webkit-text-fill-color:var(--or-c-on-background-dark)!important]',\n 'autofill:[caret-color:var(--or-c-on-background-light)!important]',\n 'dark:autofill:[caret-color:var(--or-c-on-background-dark)!important]',\n\n // Override Safari/Chrome autofill background (yellow) via box-shadow using theme CSS vars.\n 'autofill:[-webkit-box-shadow:0_0_0px_1000px_var(--or-c-primary-opacity-0-08-light)_inset!important]',\n 'autofill:[box-shadow:0_0_0px_1000px_var(--or-c-primary-opacity-0-08-light)_inset!important]',\n 'dark:autofill:[-webkit-box-shadow:0_0_0px_1000px_var(--or-c-primary-opacity-0-08-dark)_inset!important]',\n 'dark:autofill:[box-shadow:0_0_0px_1000px_var(--or-c-primary-opacity-0-08-dark)_inset!important]',\n\n // Safari password/credential autofill variants (when they don’t also match `:-webkit-autofill`)\n '[&:-webkit-autofill-strong-password]:[-webkit-text-fill-color:var(--or-c-on-background-light)!important]',\n 'dark:[&:-webkit-autofill-strong-password]:[-webkit-text-fill-color:var(--or-c-on-background-dark)!important]',\n '[&:-webkit-autofill-strong-password]:[caret-color:var(--or-c-on-background-light)!important]',\n 'dark:[&:-webkit-autofill-strong-password]:[caret-color:var(--or-c-on-background-dark)!important]',\n '[&:-webkit-autofill-strong-password]:[-webkit-box-shadow:0_0_0px_1000px_var(--or-c-primary-opacity-0-08-light)_inset!important]',\n '[&:-webkit-autofill-strong-password]:[box-shadow:0_0_0px_1000px_var(--or-c-primary-opacity-0-08-light)_inset!important]',\n 'dark:[&:-webkit-autofill-strong-password]:[-webkit-box-shadow:0_0_0px_1000px_var(--or-c-primary-opacity-0-08-dark)_inset!important]',\n 'dark:[&:-webkit-autofill-strong-password]:[box-shadow:0_0_0px_1000px_var(--or-c-primary-opacity-0-08-dark)_inset!important]',\n\n '[&:-webkit-autofill-strong-password-viewable]:[-webkit-text-fill-color:var(--or-c-on-background-light)!important]',\n 'dark:[&:-webkit-autofill-strong-password-viewable]:[-webkit-text-fill-color:var(--or-c-on-background-dark)!important]',\n '[&:-webkit-autofill-strong-password-viewable]:[caret-color:var(--or-c-on-background-light)!important]',\n 'dark:[&:-webkit-autofill-strong-password-viewable]:[caret-color:var(--or-c-on-background-dark)!important]',\n '[&:-webkit-autofill-strong-password-viewable]:[-webkit-box-shadow:0_0_0px_1000px_var(--or-c-primary-opacity-0-08-light)_inset!important]',\n '[&:-webkit-autofill-strong-password-viewable]:[box-shadow:0_0_0px_1000px_var(--or-c-primary-opacity-0-08-light)_inset!important]',\n 'dark:[&:-webkit-autofill-strong-password-viewable]:[-webkit-box-shadow:0_0_0px_1000px_var(--or-c-primary-opacity-0-08-dark)_inset!important]',\n 'dark:[&:-webkit-autofill-strong-password-viewable]:[box-shadow:0_0_0px_1000px_var(--or-c-primary-opacity-0-08-dark)_inset!important]',\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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"}

package/dist/esm/{OrRichTextEditor-CzVp-mm9.mjs → OrRichTextEditor-zb1kQ0es.mjs} RENAMED Viewed

@@ -6,7 +6,7 @@ import { O as vt } from "./OrError-B5ihH6-3.mjs";
 import { O as bt } from "./OrHint-NvbZyURY.mjs";
 import { O as kt } from "./OrIconButton-Ds8k8FmS.mjs";
 import { O as yt } from "./OrInputBox-6ciokFdU.mjs";
-import { O as Ct } from "./OrInput-DGZPyIWa.mjs";
+import { O as Ct } from "./OrInput-CxGhwo0q.mjs";
 import { O as wt } from "./OrLabel-K7_HgvcK.mjs";
 import { O as Ot } from "./OrMenuItem-VyCCXA7Z.mjs";
 import { O as St } from "./OrMenu-Cag_fBXC.mjs";
@@ -1054,4 +1054,4 @@ export {
   Ke as R,
   Qe as a
 };
-//# sourceMappingURL=OrRichTextEditor-CzVp-mm9.mjs.map
+//# sourceMappingURL=OrRichTextEditor-zb1kQ0es.mjs.map