@aotearoan/neon 22.5.1 → 22.5.2

package/dist/components/user-input/input/NeonInput.vue.es.js

@@ -1,11 +1,14 @@
 import p from "./NeonInput.es.js";
-import { resolveComponent as m, openBlock as l, createElementBlock as i, normalizeClass as d, mergeProps as a, withModifiers as u, createBlock as b, withKeys as s, createCommentVNode as t, toDisplayString as y } from "vue";
+import { resolveComponent as m, openBlock as l, createElementBlock as i, normalizeClass as d, mergeProps as a, withModifiers as t, createElementVNode as b, toDisplayString as y, createCommentVNode as s, createBlock as f, withKeys as u } from "vue";
 import h from "../../../_virtual/_plugin-vue_export-helper.es.js";
-const f = ["id", "aria-placeholder", "autocomplete", "disabled", "inputmode", "placeholder", "tabindex", "type", "value"], g = ["id", "aria-placeholder", "autocomplete", "disabled", "inputmode", "placeholder", "rows", "tabindex", "value"], w = {
-  key: 3,
+const w = ["id", "aria-placeholder", "autocomplete", "disabled", "inputmode", "placeholder", "tabindex", "type", "value"], V = {
+  key: 1,
+  class: "neon-input__textarea-wrapper"
+}, g = ["id", "aria-placeholder", "autocomplete", "disabled", "inputmode", "placeholder", "rows", "tabindex", "value"], k = {
+  key: 0,
   class: "neon-input__textarea-counter"
 };
-function V(e, o, k, v, $, B) {
+function v(e, o, B, C, $, I) {
   const r = m("neon-icon");
   return l(), i("div", {
     class: d([[
@@ -22,24 +25,7 @@ function V(e, o, k, v, $, B) {
       `neon-input--state-${e.state}`
     ], "neon-input"])
   }, [
-    e.rows ? (l(), i("textarea", a({
-      key: 1,
-      id: e.id,
-      "aria-placeholder": e.computedPlaceholder,
-      autocomplete: e.autocomplete,
-      disabled: e.disabled,
-      inputmode: e.inputmode,
-      placeholder: e.computedPlaceholder,
-      rows: e.rows,
-      tabindex: e.tabindex,
-      value: e.modelValue,
-      class: "neon-input__textfield neon-input__textarea"
-    }, e.sanitizedAttributes, {
-      onBlur: o[3] || (o[3] = (...n) => e.onBlur && e.onBlur(...n)),
-      onFocus: o[4] || (o[4] = (...n) => e.onFocus && e.onFocus(...n)),
-      onKeydown: o[5] || (o[5] = (...n) => e.onKeyDown && e.onKeyDown(...n)),
-      onInput: o[6] || (o[6] = u((...n) => e.changeValue && e.changeValue(...n), ["stop", "prevent"]))
-    }), null, 16, g)) : (l(), i("input", a({
+    e.rows === null ? (l(), i("input", a({
       key: 0,
       id: e.id,
       ref: "neonInput",
@@ -55,9 +41,28 @@ function V(e, o, k, v, $, B) {
     }, e.sanitizedAttributes, {
       onBlur: o[0] || (o[0] = (...n) => e.onBlur && e.onBlur(...n)),
       onFocus: o[1] || (o[1] = (n) => !e.disabled && e.onFocus()),
-      onInput: o[2] || (o[2] = u((n) => !e.disabled && e.changeValue(n), ["stop", "prevent"]))
-    }), null, 16, f)),
-    e.iconVisible ? (l(), b(r, {
+      onInput: o[2] || (o[2] = t((n) => !e.disabled && e.changeValue(n), ["stop", "prevent"]))
+    }), null, 16, w)) : (l(), i("div", V, [
+      b("textarea", a({
+        id: e.id,
+        "aria-placeholder": e.computedPlaceholder,
+        autocomplete: e.autocomplete,
+        disabled: e.disabled,
+        inputmode: e.inputmode,
+        placeholder: e.computedPlaceholder,
+        rows: e.rows,
+        tabindex: e.tabindex,
+        value: e.modelValue,
+        class: "neon-input__textfield neon-input__textarea"
+      }, e.sanitizedAttributes, {
+        onBlur: o[3] || (o[3] = (...n) => e.onBlur && e.onBlur(...n)),
+        onFocus: o[4] || (o[4] = (...n) => e.onFocus && e.onFocus(...n)),
+        onKeydown: o[5] || (o[5] = (...n) => e.onKeyDown && e.onKeyDown(...n)),
+        onInput: o[6] || (o[6] = t((...n) => e.changeValue && e.changeValue(...n), ["stop", "prevent"]))
+      }), "      ", 16, g),
+      e.counterLabel ? (l(), i("span", k, y(e.counterLabel), 1)) : s("", !0)
+    ])),
+    e.iconVisible ? (l(), f(r, {
       key: 2,
       class: d([{ "neon-input__icon--read-only": e.iconReadonly }, "neon-input__icon"]),
       color: e.iconColor,
@@ -68,15 +73,14 @@ function V(e, o, k, v, $, B) {
       transparent: !0,
       onClick: o[7] || (o[7] = (n) => !e.iconReadonly && e.iconClicked(n)),
       onKeydown: [
-        o[8] || (o[8] = s((n) => !e.iconReadonly && e.iconClicked(n), ["enter"])),
-        o[9] || (o[9] = s((n) => !e.iconReadonly && e.iconClicked(n), ["space"]))
+        o[8] || (o[8] = u((n) => !e.iconReadonly && e.iconClicked(n), ["enter"])),
+        o[9] || (o[9] = u((n) => !e.iconReadonly && e.iconClicked(n), ["space"]))
       ]
-    }, null, 8, ["class", "color", "disabled", "name", "role", "tabindex"])) : t("", !0),
-    e.maxlength && e.maxlength > 0 ? (l(), i("span", w, y(`${e.modelValue.length}/${e.maxlength}`), 1)) : t("", !0)
+    }, null, 8, ["class", "color", "disabled", "name", "role", "tabindex"])) : s("", !0)
   ], 2);
 }
-const F = /* @__PURE__ */ h(p, [["render", V]]);
+const P = /* @__PURE__ */ h(p, [["render", v]]);
 export {
-  F as default
+  P as default
 };
 //# sourceMappingURL=NeonInput.vue.es.js.map

package/dist/components/user-input/input/NeonInput.vue.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonInput.vue.es.js","sources":["../../../../src/components/user-input/input/NeonInput.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      {\n        'neon-input--with-icon': !hideIcon && (icon || (modelValue && modelValue.length > 0)),\n        'neon-input--disabled': disabled,\n        'neon-input--focused': focused,\n        'neon-input--placeholder-visible': placeholder && (!modelValue || modelValue.length === 0),\n        'neon-input--with-state-highlight': stateHighlight,\n        'neon-input--with-state-icon': stateIcon,\n      },\n      `neon-input--${size}`,\n      `neon-input--${color}`,\n      `neon-input--state-${state}`,\n    ]\"\n    class=\"neon-input\"\n  >\n    <input\n      v-if=\"!rows\"\n      :id=\"id\"\n      ref=\"neonInput\"\n      :aria-placeholder=\"computedPlaceholder\"\n      :autocomplete=\"autocomplete\"\n      :disabled=\"disabled\"\n      :inputmode=\"inputmode\"\n      :placeholder=\"computedPlaceholder\"\n      :tabindex=\"tabindex\"\n      :type=\"type\"\n      :value=\"modelValue\"\n      class=\"neon-input__textfield neon-input__text\"\n      v-bind=\"sanitizedAttributes\"\n      @blur=\"onBlur\"\n      @focus=\"!disabled && onFocus()\"\n      @input.stop.prevent=\"!disabled && changeValue($event)\"\n    />\n    <textarea\n      v-else\n      :id=\"id\"\n      :aria-placeholder=\"computedPlaceholder\"\n      :autocomplete=\"autocomplete\"\n      :disabled=\"disabled\"\n      :inputmode=\"inputmode\"\n      :placeholder=\"computedPlaceholder\"\n      :rows=\"rows\"\n      :tabindex=\"tabindex\"\n      :value=\"modelValue\"\n      class=\"neon-input__textfield neon-input__textarea\"\n      v-bind=\"sanitizedAttributes\"\n      @blur=\"onBlur\"\n      @focus=\"onFocus\"\n      @keydown=\"onKeyDown\"\n      @input.stop.prevent=\"changeValue\"\n    ></textarea>\n    <neon-icon\n      v-if=\"iconVisible\"\n      :class=\"{ 'neon-input__icon--read-only': iconReadonly }\"\n      :color=\"iconColor\"\n      :disabled=\"disabled\"\n      :name=\"iconName\"\n      :role=\"!iconReadonly && 'button'\"\n      :tabindex=\"disabled || iconReadonly ? false : 0\"\n      :transparent=\"true\"\n      class=\"neon-input__icon\"\n      @click=\"!iconReadonly && iconClicked($event)\"\n      @keydown.enter=\"!iconReadonly && iconClicked($event)\"\n      @keydown.space=\"!iconReadonly && iconClicked($event)\"\n    />\n    <span v-if=\"maxlength && maxlength > 0\" class=\"neon-input__textarea-counter\">\n      {{ `${modelValue.length}/${maxlength}` }}\n    </span>\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonInput.ts\" />\n"],"names":["_createElementBlock","_normalizeClass","_ctx","_openBlock","_mergeProps","args","_cache","$event","_withModifiers","_createBlock","_component_neon_icon","_hoisted_3","_toDisplayString"],"mappings":"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"}
+{"version":3,"file":"NeonInput.vue.es.js","sources":["../../../../src/components/user-input/input/NeonInput.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      {\n        'neon-input--with-icon': !hideIcon && (icon || (modelValue && modelValue.length > 0)),\n        'neon-input--disabled': disabled,\n        'neon-input--focused': focused,\n        'neon-input--placeholder-visible': placeholder && (!modelValue || modelValue.length === 0),\n        'neon-input--with-state-highlight': stateHighlight,\n        'neon-input--with-state-icon': stateIcon,\n      },\n      `neon-input--${size}`,\n      `neon-input--${color}`,\n      `neon-input--state-${state}`,\n    ]\"\n    class=\"neon-input\"\n  >\n    <input\n      v-if=\"rows === null\"\n      :id=\"id\"\n      ref=\"neonInput\"\n      :aria-placeholder=\"computedPlaceholder\"\n      :autocomplete=\"autocomplete\"\n      :disabled=\"disabled\"\n      :inputmode=\"inputmode\"\n      :placeholder=\"computedPlaceholder\"\n      :tabindex=\"tabindex\"\n      :type=\"type\"\n      :value=\"modelValue\"\n      class=\"neon-input__textfield neon-input__text\"\n      v-bind=\"sanitizedAttributes\"\n      @blur=\"onBlur\"\n      @focus=\"!disabled && onFocus()\"\n      @input.stop.prevent=\"!disabled && changeValue($event)\"\n    />\n    <div v-else class=\"neon-input__textarea-wrapper\">\n      <textarea\n        :id=\"id\"\n        :aria-placeholder=\"computedPlaceholder\"\n        :autocomplete=\"autocomplete\"\n        :disabled=\"disabled\"\n        :inputmode=\"inputmode\"\n        :placeholder=\"computedPlaceholder\"\n        :rows=\"rows\"\n        :tabindex=\"tabindex\"\n        :value=\"modelValue\"\n        class=\"neon-input__textfield neon-input__textarea\"\n        v-bind=\"sanitizedAttributes\"\n        @blur=\"onBlur\"\n        @focus=\"onFocus\"\n        @keydown=\"onKeyDown\"\n        @input.stop.prevent=\"changeValue\"\n      >\n      </textarea>\n      <span v-if=\"counterLabel\" class=\"neon-input__textarea-counter\">{{ counterLabel }}</span>\n    </div>\n    <neon-icon\n      v-if=\"iconVisible\"\n      :class=\"{ 'neon-input__icon--read-only': iconReadonly }\"\n      :color=\"iconColor\"\n      :disabled=\"disabled\"\n      :name=\"iconName\"\n      :role=\"!iconReadonly && 'button'\"\n      :tabindex=\"disabled || iconReadonly ? false : 0\"\n      :transparent=\"true\"\n      class=\"neon-input__icon\"\n      @click=\"!iconReadonly && iconClicked($event)\"\n      @keydown.enter=\"!iconReadonly && iconClicked($event)\"\n      @keydown.space=\"!iconReadonly && iconClicked($event)\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonInput.ts\" />\n"],"names":["_createElementBlock","_normalizeClass","_ctx","_openBlock","_mergeProps","args","_cache","$event","_withModifiers","_hoisted_2","_createElementVNode","_hoisted_3","_hoisted_4","_toDisplayString","_createBlock","_component_neon_icon"],"mappings":"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"}