npm - @aotearoan/neon - Versions diffs - 18.2.13 → 19.0.1 - Mend

@aotearoan/neon 18.2.13 → 19.0.1

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

package/dist/components/user-input/date-picker/NeonDatePicker.vue.es.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import w from "./NeonDatePicker.es.js";
+import Y from "./NeonDatePicker.es.js";
 import { resolveComponent as m, openBlock as l, createElementBlock as t, normalizeClass as k, createVNode as u, withCtx as $, createElementVNode as r, Fragment as b, toDisplayString as y, withKeys as d, withModifiers as o, renderList as v, createBlock as c, createCommentVNode as h, mergeProps as z } from "vue";
 import M from "../../../_virtual/_plugin-vue_export-helper.es.js";
 const f = ["aria-label", "tabindex"], K = {
@@ -12,7 +12,7 @@ const f = ["aria-label", "tabindex"], K = {
   class: "neon-date-picker__calendar-title-readonly"
 }, R = { class: "neon-date-picker__calendar-header-actions" }, T = { class: "neon-date-picker__calendar-dows" }, j = { class: "neon-button-group" };
 function q(e, a, A, G, H, I) {
-  const g = m("neon-input"), s = m("neon-button"), D = m("neon-dropdown");
+  const C = m("neon-input"), s = m("neon-button"), D = m("neon-dropdown");
   return l(), t("div", {
     class: k([[
       `neon-date-picker--${e.size}`,
@@ -30,10 +30,11 @@ function q(e, a, A, G, H, I) {
         a[23] || (a[23] = (n) => e.calendarOpen = n),
         a[24] || (a[24] = (n) => e.resetToCalendar())
       ],
+      color: e.color,
       placement: e.placement
     }, {
       "dropdown-button": $(() => [
-        u(g, {
+        u(C, {
           color: e.color,
           disabled: e.disabled,
           "icon-readonly": !0,
@@ -222,9 +223,9 @@ function q(e, a, A, G, H, I) {
               key: i,
               class: "neon-date-picker__calendar-dates"
             }, [
-              (l(!0), t(b, null, v(n, (p, C) => (l(), t(b, null, [
+              (l(!0), t(b, null, v(n, (p, g) => (l(), t(b, null, [
                 p ? (l(), c(s, {
-                  key: C,
+                  key: g,
                   circular: !0,
                   class: k([{
                     "neon-date-picker__calendar-date--selected": e.modelValue === e.isoDate(p, e.calendar.pageMonth, e.calendar.pageYear),
@@ -240,10 +241,10 @@ function q(e, a, A, G, H, I) {
                   transparent: !0,
                   "button-style": "text",
                   size: "m",
-                  onClickCapture: o((Y) => e.emitDate(e.isoDate(p, e.calendar.pageMonth, e.calendar.pageYear)), ["stop", "prevent"]),
-                  onKeydownCapture: d(o((Y) => e.emitDate(e.isoDate(p, e.calendar.pageMonth, e.calendar.pageYear)), ["stop", "prevent"]), ["enter"])
+                  onClickCapture: o((w) => e.emitDate(e.isoDate(p, e.calendar.pageMonth, e.calendar.pageYear)), ["stop", "prevent"]),
+                  onKeydownCapture: d(o((w) => e.emitDate(e.isoDate(p, e.calendar.pageMonth, e.calendar.pageYear)), ["stop", "prevent"]), ["enter"])
                 }, null, 8, ["class", "color", "disabled", "label", "tabindex", "onClickCapture", "onKeydownCapture"])) : (l(), t("div", {
-                  key: `${C}-empty`,
+                  key: `${g}-empty`,
                   class: "neon-date-picker__calendar-date neon-date-picker__calendar-date--empty"
                 }))
               ], 64))), 256))
@@ -256,7 +257,7 @@ function q(e, a, A, G, H, I) {
               label: e.clearLabel,
               "button-style": "text",
               class: "neon-date-picker__calendar-clear-button",
-              color: "high-contrast",
+              color: "low-contrast",
               size: "s",
               onClickCapture: a[19] || (a[19] = o((n) => e.clear(), ["stop", "prevent"])),
               onKeydownCapture: a[20] || (a[20] = d(o((n) => e.clear(), ["stop", "prevent"]), ["enter"]))
@@ -274,8 +275,9 @@ function q(e, a, A, G, H, I) {
         ], 512)
       ]),
       _: 1
-    }, 8, ["modelValue", "placement"]),
-    u(g, z({
+    }, 8, ["modelValue", "color", "placement"]),
+    u(C, z({
+      color: e.color,
       disabled: e.disabled,
       "hide-icon": !0,
       max: e.max,
@@ -285,10 +287,10 @@ function q(e, a, A, G, H, I) {
       tabindex: -1,
       class: "neon-date-picker__native-input",
       type: "date"
-    }, e.attrs, { "onUpdate:modelValue": e.emitDate }), null, 16, ["disabled", "max", "min", "model-value", "size", "onUpdate:modelValue"])
+    }, e.attrs, { "onUpdate:modelValue": e.emitDate }), null, 16, ["color", "disabled", "max", "min", "model-value", "size", "onUpdate:modelValue"])
   ], 2);
 }
-const X = /* @__PURE__ */ M(w, [["render", q]]);
+const X = /* @__PURE__ */ M(Y, [["render", q]]);
 export {
   X as default
 };

package/dist/components/user-input/date-picker/NeonDatePicker.vue.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NeonDatePicker.vue.es.js","sources":["../../../../src/components/user-input/date-picker/NeonDatePicker.vue"],"sourcesContent":["<template>\n <div\n :class=\"[\n `neon-date-picker--${size}`,\n `neon-date-picker--${color}`,\n {\n 'neon-date-picker--disabled': disabled,\n 'neon-date-picker--open': calendarOpen,\n },\n ]\"\n class=\"neon-date-picker\"\n >\n <neon-dropdown ref=\"dropdown\" v-model=\"calendarOpen\" :placement=\"placement\" @update:modelValue=\"resetToCalendar()\">\n <template #dropdown-button>\n <neon-input\n :color=\"color\"\n :disabled=\"disabled\"\n :icon-readonly=\"true\"\n :model-value=\"formattedValue\"\n :placeholder=\"placeholder\"\n :size=\"size\"\n :tabindex=\"-1\"\n class=\"neon-date-picker__button\"\n icon=\"calendar\"\n type=\"text\"\n />\n <div\n :aria-label=\"openCalendarLabel\"\n :tabindex=\"disabled ? -1 : 0\"\n class=\"neon-date-picker__button-click-capture\"\n role=\"button\"\n @click.stop.prevent.capture=\"!disabled && openCalendar()\"\n @keydown.enter.stop.prevent.capture=\"openCalendar()\"\n @keydown.space.stop.prevent.capture=\"openCalendar()\"\n ></div>\n </template>\n <template #default>\n <div ref=\"calendarRef\" class=\"neon-date-picker__calendar\">\n <template v-if=\"yearSelectionOpen\">\n <div class=\"neon-date-picker__calendar-header\">\n <span class=\"neon-date-picker__calendar-title-readonly\">\n {{ `${calendar.pageDecadeStart}–${calendar.pageDecadeStart + 9}` }}\n </span>\n <div class=\"neon-date-picker__calendar-header-actions\">\n <neon-button\n :aria-label=\"previousDecadeLabel\"\n :circular=\"true\"\n :color=\"color\"\n :disabled=\"isPreviousDecadeDisabled\"\n button-style=\"text\"\n class=\"neon-date-picker__previous-button\"\n icon=\"chevron-left\"\n size=\"m\"\n @click.stop.prevent.capture=\"onPreviousDecade()\"\n @keydown.enter.stop.prevent.capture=\"onPreviousDecade()\"\n />\n <neon-button\n :aria-label=\"nextDecadeLabel\"\n :circular=\"true\"\n :color=\"color\"\n :disabled=\"isNextDecadeDisabled\"\n button-style=\"text\"\n class=\"neon-date-picker__next-button\"\n icon=\"chevron-right\"\n size=\"m\"\n @click.stop.prevent.capture=\"onNextDecade()\"\n @keydown.enter.stop.prevent.capture=\"onNextDecade()\"\n />\n </div>\n </div>\n <hr />\n <div class=\"neon-date-picker__calendar-options\">\n <neon-button\n v-for=\"index in 10\"\n :key=\"index\"\n :class=\"{\n 'neon-date-picker__calendar-option--selected':\n calendar.pageYear === calendar.pageDecadeStart + index - 1,\n 'neon-date-picker__calendar-option--today':\n calendar.today.year === calendar.pageDecadeStart + index - 1,\n 'neon-date-picker__calendar-option--disabled': isYearDisabled(calendar.pageDecadeStart + index - 1),\n }\"\n :color=\"color\"\n :disabled=\"isYearDisabled(calendar.pageDecadeStart + index - 1)\"\n :full-width=\"true\"\n :label=\"`${calendar.pageDecadeStart + index - 1}`\"\n button-style=\"text\"\n class=\"neon-date-picker__calendar-option\"\n size=\"s\"\n @click.stop.prevent.capture=\"selectYear(calendar.pageDecadeStart + index - 1)\"\n @keydown.enter.stop.prevent.capture=\"selectYear(calendar.pageDecadeStart + index - 1)\"\n />\n </div>\n </template>\n <template v-else-if=\"monthSelectionOpen\">\n <div class=\"neon-date-picker__calendar-header\">\n <span v-if=\"isChangeYearDisabled\" class=\"neon-date-picker__calendar-title-readonly\">\n {{ calendar.pageYear }}\n </span>\n <neon-button\n v-else\n :aria-label=\"changeYearLabel\"\n :label=\"`${calendar.pageYear}`\"\n button-style=\"text\"\n class=\"neon-date-picker__calendar-header-title\"\n color=\"high-contrast\"\n icon=\"switch\"\n icon-position=\"right\"\n size=\"m\"\n @click.stop.prevent.capture=\"changeYear()\"\n @keydown.enter.stop.prevent.capture=\"changeYear()\"\n />\n <div class=\"neon-date-picker__calendar-header-actions\">\n <neon-button\n :aria-label=\"previousYearLabel\"\n :circular=\"true\"\n :color=\"color\"\n :disabled=\"isPreviousYearDisabled\"\n button-style=\"text\"\n class=\"neon-date-picker__previous-button\"\n icon=\"chevron-left\"\n size=\"m\"\n @click.stop.prevent.capture=\"onPreviousYear()\"\n @keydown.enter.stop.prevent.capture=\"onPreviousYear()\"\n />\n <neon-button\n :aria-label=\"nextYearLabel\"\n :circular=\"true\"\n :color=\"color\"\n :disabled=\"isNextYearDisabled\"\n button-style=\"text\"\n class=\"neon-date-picker__next-button\"\n icon=\"chevron-right\"\n size=\"m\"\n @click.stop.prevent.capture=\"onNextYear()\"\n @keydown.enter.stop.prevent.capture=\"onNextYear()\"\n />\n </div>\n </div>\n <hr />\n <div class=\"neon-date-picker__calendar-options\">\n <neon-button\n v-for=\"(month, index) in calendar.months\"\n :key=\"index\"\n :class=\"{\n 'neon-date-picker__calendar-option--selected': index + 1 === calendar.pageMonth,\n 'neon-date-picker__calendar-option--today':\n index + 1 === calendar.today.month && calendar.today.year === calendar.pageYear,\n 'neon-date-picker__calendar-option--disabled': isMonthDisabled(calendar.pageYear, index + 1),\n }\"\n :color=\"color\"\n :disabled=\"isMonthDisabled(calendar.pageYear, index + 1)\"\n :full-width=\"true\"\n :label=\"month\"\n button-style=\"text\"\n class=\"neon-date-picker__calendar-option\"\n size=\"s\"\n @click.stop.prevent.capture=\"selectMonth(index + 1)\"\n @keydown.enter.stop.prevent.capture=\"selectMonth(index + 1)\"\n />\n </div>\n </template>\n <template v-else>\n <div class=\"neon-date-picker__calendar-header\">\n <span v-if=\"isChangeDateDisabled\" class=\"neon-date-picker__calendar-title-readonly\">\n {{ `${calendar.pageMonthName} ${calendar.pageYear}` }}\n </span>\n <neon-button\n v-else\n :aria-label=\"changeMonthLabel\"\n :label=\"`${calendar.pageMonthName} ${calendar.pageYear}`\"\n button-style=\"text\"\n class=\"neon-date-picker__calendar-header-title\"\n color=\"high-contrast\"\n icon=\"switch\"\n icon-position=\"right\"\n size=\"m\"\n @click.stop.prevent.capture=\"changeMonth()\"\n @keydown.enter.stop.prevent.capture=\"changeMonth()\"\n />\n <div class=\"neon-date-picker__calendar-header-actions\">\n <neon-button\n :aria-label=\"previousMonthLabel\"\n :circular=\"true\"\n :color=\"color\"\n :disabled=\"isPreviousDisabled\"\n button-style=\"text\"\n class=\"neon-date-picker__previous-button\"\n icon=\"chevron-left\"\n size=\"m\"\n @click.stop.prevent.capture=\"onPrevious()\"\n @keydown.enter.stop.prevent.capture=\"onPrevious()\"\n />\n <neon-button\n :aria-label=\"nextMonthLabel\"\n :circular=\"true\"\n :color=\"color\"\n :disabled=\"isNextDisabled\"\n button-style=\"text\"\n class=\"neon-date-picker__next-button\"\n icon=\"chevron-right\"\n size=\"m\"\n @click.stop.prevent.capture=\"onNext()\"\n @keydown.enter.stop.prevent.capture=\"onNext()\"\n />\n </div>\n </div>\n <div class=\"neon-date-picker__calendar-dows\">\n <div v-for=\"dow in calendar.dowNames\" :key=\"dow\" class=\"neon-date-picker__calendar-dow\">{{ dow }}</div>\n </div>\n <hr />\n <div v-for=\"(dateRow, index) in calendar.dates\" :key=\"index\" class=\"neon-date-picker__calendar-dates\">\n <template v-for=\"(dateCol, index) in dateRow\">\n <neon-button\n v-if=\"dateCol\"\n :key=\"index\"\n :circular=\"true\"\n :class=\"{\n 'neon-date-picker__calendar-date--selected':\n modelValue === isoDate(dateCol, calendar.pageMonth, calendar.pageYear),\n 'neon-date-picker__calendar-date--today':\n today === isoDate(dateCol, calendar.pageMonth, calendar.pageYear),\n 'neon-date-picker__calendar-date--disabled': isDisabled(\n isoDate(dateCol, calendar.pageMonth, calendar.pageYear),\n ),\n }\"\n :color=\"color\"\n :disabled=\"isDisabled(isoDate(dateCol, calendar.pageMonth, calendar.pageYear))\"\n :label=\"`${dateCol}`\"\n :tabindex=\"isDisabled(isoDate(dateCol, calendar.pageMonth, calendar.pageYear)) ? -1 : 0\"\n :transparent=\"true\"\n button-style=\"text\"\n class=\"neon-date-picker__calendar-date\"\n size=\"m\"\n @click.stop.prevent.capture=\"emitDate(isoDate(dateCol, calendar.pageMonth, calendar.pageYear))\"\n @keydown.enter.stop.prevent.capture=\"\n emitDate(isoDate(dateCol, calendar.pageMonth, calendar.pageYear))\n \"\n />\n <div\n v-else\n :key=\"`${index}-empty`\"\n class=\"neon-date-picker__calendar-date neon-date-picker__calendar-date--empty\"\n />\n </template>\n </div>\n </template>\n <hr />\n <div class=\"neon-button-group\">\n <neon-button\n v-if=\"optional\"\n :label=\"clearLabel\"\n button-style=\"text\"\n class=\"neon-date-picker__calendar-clear-button\"\n color=\"high-contrast\"\n size=\"s\"\n @click.stop.prevent.capture=\"clear()\"\n @keydown.enter.stop.prevent.capture=\"clear()\"\n />\n <neon-button\n :color=\"color\"\n :label=\"doneLabel\"\n button-style=\"text\"\n class=\"neon-date-picker__calendar-done-button\"\n size=\"s\"\n @click.stop.prevent.capture=\"done()\"\n @keydown.enter.stop.prevent.capture=\"done()\"\n />\n </div>\n </div>\n </template>\n </neon-dropdown>\n <neon-input\n :disabled=\"disabled\"\n :hide-icon=\"true\"\n :max=\"max\"\n :min=\"min\"\n :model-value=\"modelValue\"\n :size=\"size\"\n :tabindex=\"-1\"\n class=\"neon-date-picker__native-input\"\n type=\"date\"\n v-bind=\"attrs\"\n @update:modelValue=\"emitDate\"\n />\n </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonDatePicker.ts\"></script>\n"],"names":["_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_13","_hoisted_14","_hoisted_15","_createElementBlock","_normalizeClass","_ctx","_createVNode","_component_neon_dropdown","$event","_component_neon_input","_createElementVNode","_cache","_withModifiers","_hoisted_2","_Fragment","_toDisplayString","_component_neon_button","_renderList","index","_withKeys","_openBlock","_hoisted_8","_createBlock","month","_hoisted_12","dow","dateRow","dateCol","_mergeProps"],"mappings":";;;;EAqCa,KAAI;AAAA,EAAc,OAAM;GAEpBA,IAAA,EAAA,OAAM,oCAAmC,GACtCC,IAAA,EAAA,OAAM,4CAA2C,GAGlDC,IAAA,EAAA,OAAM,4CAA2C,GA4BnDC,IAAA,EAAA,OAAM,qCAAoC,GAwB1CC,IAAA,EAAA,OAAM,oCAAmC;;EACV,OAAM;GAgBnCC,IAAA,EAAA,OAAM,4CAA2C,GA4BnDC,IAAA,EAAA,OAAM,qCAAoC,GAuB1CC,IAAA,EAAA,OAAM,oCAAmC;;EACV,OAAM;GAgBnCC,IAAA,EAAA,OAAM,4CAA2C,GA2BnDC,IAAA,EAAA,OAAM,kCAAiC,GAyCzCC,IAAA,EAAA,OAAM,oBAAmB;;;cAvPtCC,EA4RM,OAAA;AAAA,IA3RH,OAAKC,EAAA,CAAA;AAAA,2BAA+BC,EAAA,IAAI;AAAA,2BAA+BA,EAAA,KAAK;AAAA;sCAAkDA,EAAA;AAAA,kCAA4CA,EAAA;AAAA;OAQrK,kBAAkB,CAAA;AAAA;IAExBC,EAmQgBC,GAAA;AAAA,MAnQD,KAAI;AAAA,kBAAoBF,EAAA;AAAA;iCAAAA,EAAA,eAAYG;AAAA,iCAA6CH,EAAA;;MAA1C,WAAWA,EAAA;AAAA;MACpD,qBACT,MAWE;AAAA,QAXFC,EAWEG,GAAA;AAAA,UAVC,OAAOJ,EAAA;AAAA,UACP,UAAUA,EAAA;AAAA,UACV,iBAAe;AAAA,UACf,eAAaA,EAAA;AAAA,UACb,aAAaA,EAAA;AAAA,UACb,MAAMA,EAAA;AAAA,UACN,UAAU;AAAA,UACX,OAAM;AAAA,UACN,MAAK;AAAA,UACL,MAAK;AAAA;QAEPK,EAQO,OAAA;AAAA,UAPJ,cAAYL,EAAA;AAAA,UACZ,UAAUA,EAAA,WAAQ,KAAA;AAAA,UACnB,OAAM;AAAA,UACN,MAAK;AAAA,UACyB,gBAAAM,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC,EAAA,CAAAJ,MAAA,CAAAH,EAAA,YAAYA,EAAA,aAAY,GAAA,CAAA,QAAA,SAAA,CAAA;AAAA;uCACjBA,EAAA,aAAY,GAAA,CAAA,QAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA,uCACZA,EAAA,aAAY,GAAA,CAAA,QAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA;;;MAG1C,WACT,MAwOM;AAAA,QAxONK,EAwOM,OAxONG,GAwOM;AAAA,UAvOYR,EAAA,0BAAhBF,EAuDWW,GAAA,EAAA,KAAA,EAAA,GAAA;AAAA,YAtDTJ,EA8BM,OA9BNlB,GA8BM;AAAA,cA7BJkB,EAEO,QAFPjB,GAEOsB,EAAA,GADCV,EAAA,SAAS,eAAe,IAAIA,EAAA,SAAS,kBAAe,CAAA,EAAA,GAAA,CAAA;AAAA,cAE5DK,EAyBM,OAzBNhB,GAyBM;AAAA,gBAxBJY,EAWEU,GAAA;AAAA,kBAVC,cAAYX,EAAA;AAAA,kBACZ,UAAU;AAAA,kBACV,OAAOA,EAAA;AAAA,kBACP,UAAUA,EAAA;AAAA,kBACX,gBAAa;AAAA,kBACb,OAAM;AAAA,kBACN,MAAK;AAAA,kBACL,MAAK;AAAA,2DACwBA,EAAA,iBAAgB,GAAA,CAAA,QAAA,SAAA,CAAA;AAAA,+DACRA,EAAA,iBAAgB,GAAA,CAAA,QAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA;gBAEvDC,EAWEU,GAAA;AAAA,kBAVC,cAAYX,EAAA;AAAA,kBACZ,UAAU;AAAA,kBACV,OAAOA,EAAA;AAAA,kBACP,UAAUA,EAAA;AAAA,kBACX,gBAAa;AAAA,kBACb,OAAM;AAAA,kBACN,MAAK;AAAA,kBACL,MAAK;AAAA,2DACwBA,EAAA,aAAY,GAAA,CAAA,QAAA,SAAA,CAAA;AAAA,+DACJA,EAAA,aAAY,GAAA,CAAA,QAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA;;;8BAIvDK,EAAM,MAAA,MAAA,MAAA,EAAA;AAAA,YACNA,EAqBM,OArBNf,GAqBM;AAAA,oBApBJQ,EAmBEW,GAAA,MAAAG,EAlBgB,IAAE,CAAXC,MADTZ,EAmBEU,GAAA;AAAA,gBAjBC,KAAKE;AAAA,gBACL,OAAKd,EAAA,CAAA;AAAA,iEAAyFC,EAAA,SAAS,aAAaA,WAAS,kBAAkBa,IAAK;AAAA,8DAAwFb,EAAA,SAAS,MAAM,SAASA,EAAA,SAAS,kBAAkBa,IAAK;AAAA,kBAAuE,+CAAAb,EAAA,eAAeA,EAAA,SAAS,kBAAkBa,IAAK,CAAA;AAAA,mBAYrZ,mCAAmC,CAAA;AAAA,gBALxC,OAAOb,EAAA;AAAA,gBACP,UAAUA,EAAA,eAAeA,WAAS,kBAAkBa,IAAK,CAAA;AAAA,gBACzD,cAAY;AAAA,gBACZ,OAAK,GAAKb,EAAA,SAAS,kBAAkBa,IAAK,CAAA;AAAA,gBAC3C,gBAAa;AAAA,gBAEb,MAAK;AAAA,gBACwB,gBAAAN,EAAA,CAAAJ,MAAAH,EAAA,WAAWA,EAAA,SAAS,kBAAkBa,IAAK,CAAA,GAAA,CAAA,QAAA,SAAA,CAAA;AAAA,gBACnC,kBAAAC,EAAAP,EAAA,CAAAJ,MAAAH,EAAA,WAAWA,EAAA,SAAS,kBAAkBa,IAAK,CAAA,GAAA,CAAA,QAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA;;oBAIjEb,EAAA,2BAArBF,EAmEWW,GAAA,EAAA,KAAA,EAAA,GAAA;AAAA,YAlETJ,EA2CM,OA3CNd,GA2CM;AAAA,cA1CQS,EAAA,wBAAZe,EAAA,GAAAjB,EAEO,QAFPkB,GAEON,EADFV,EAAA,SAAS,QAAQ,GAAA,CAAA,WAEtBiB,EAYEN,GAAA;AAAA;gBAVC,cAAYX,EAAA;AAAA,gBACZ,OAAK,GAAKA,EAAA,SAAS,QAAQ;AAAA,gBAC5B,gBAAa;AAAA,gBACb,OAAM;AAAA,gBACN,OAAM;AAAA,gBACN,MAAK;AAAA,gBACL,iBAAc;AAAA,gBACd,MAAK;AAAA,yDACwBA,EAAA,WAAU,GAAA,CAAA,QAAA,SAAA,CAAA;AAAA,6DACFA,EAAA,WAAU,GAAA,CAAA,QAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA;cAEjDK,EAyBM,OAzBNb,GAyBM;AAAA,gBAxBJS,EAWEU,GAAA;AAAA,kBAVC,cAAYX,EAAA;AAAA,kBACZ,UAAU;AAAA,kBACV,OAAOA,EAAA;AAAA,kBACP,UAAUA,EAAA;AAAA,kBACX,gBAAa;AAAA,kBACb,OAAM;AAAA,kBACN,MAAK;AAAA,kBACL,MAAK;AAAA,2DACwBA,EAAA,eAAc,GAAA,CAAA,QAAA,SAAA,CAAA;AAAA,iEACNA,EAAA,eAAc,GAAA,CAAA,QAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA;gBAErDC,EAWEU,GAAA;AAAA,kBAVC,cAAYX,EAAA;AAAA,kBACZ,UAAU;AAAA,kBACV,OAAOA,EAAA;AAAA,kBACP,UAAUA,EAAA;AAAA,kBACX,gBAAa;AAAA,kBACb,OAAM;AAAA,kBACN,MAAK;AAAA,kBACL,MAAK;AAAA,6DACwBA,EAAA,WAAU,GAAA,CAAA,QAAA,SAAA,CAAA;AAAA,iEACFA,EAAA,WAAU,GAAA,CAAA,QAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA;;;8BAIrDK,EAAM,MAAA,MAAA,MAAA,EAAA;AAAA,YACNA,EAoBM,OApBNZ,GAoBM;AAAA,eAnBJsB,EAAA,EAAA,GAAAjB,EAkBEW,WAjByBT,EAAA,SAAS,QAAM,CAAhCkB,GAAOL,YADjBI,EAkBEN,GAAA;AAAA,gBAhBC,KAAKE;AAAA,gBACL,OAAKd,EAAA,CAAA;AAAA,iEAAqEc,IAAK,MAASb,EAAA,SAAS;AAAA,8DAA6Fa,IAAK,MAASb,EAAA,SAAS,MAAM,SAASA,EAAA,SAAS,MAAM,SAASA,EAAA,SAAS;AAAA,kBAA2E,+CAAAA,EAAA,gBAAgBA,EAAA,SAAS,UAAUa,IAAK,CAAA;AAAA,mBAWnX,mCAAmC,CAAA;AAAA,gBALxC,OAAOb,EAAA;AAAA,gBACP,UAAUA,EAAA,gBAAgBA,WAAS,UAAUa,IAAK,CAAA;AAAA,gBAClD,cAAY;AAAA,gBACZ,OAAOK;AAAA,gBACR,gBAAa;AAAA,gBAEb,MAAK;AAAA,gBACwB,gBAAAX,EAAA,CAAAJ,MAAAH,EAAA,YAAYa,IAAK,CAAA,GAAA,CAAA,QAAA,SAAA,CAAA;AAAA,gBACT,kBAAAC,EAAAP,EAAA,CAAAJ,MAAAH,EAAA,YAAYa,IAAK,CAAA,GAAA,CAAA,QAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA;;0BAI5Df,EAoFWW,GAAA,EAAA,KAAA,EAAA,GAAA;AAAA,YAnFTJ,EA2CM,OA3CNX,GA2CM;AAAA,cA1CQM,EAAA,6BAAZF,EAEO,QAFPqB,GAEOT,EAAA,GADCV,EAAA,SAAS,aAAa,IAAIA,EAAA,SAAS,QAAQ,EAAA,GAAA,CAAA,WAEnDiB,EAYEN,GAAA;AAAA;gBAVC,cAAYX,EAAA;AAAA,gBACZ,UAAUA,EAAA,SAAS,aAAa,IAAIA,EAAA,SAAS,QAAQ;AAAA,gBACtD,gBAAa;AAAA,gBACb,OAAM;AAAA,gBACN,OAAM;AAAA,gBACN,MAAK;AAAA,gBACL,iBAAc;AAAA,gBACd,MAAK;AAAA,2DACwBA,EAAA,YAAW,GAAA,CAAA,QAAA,SAAA,CAAA;AAAA,+DACHA,EAAA,YAAW,GAAA,CAAA,QAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA;cAElDK,EAyBM,OAzBNV,GAyBM;AAAA,gBAxBJM,EAWEU,GAAA;AAAA,kBAVC,cAAYX,EAAA;AAAA,kBACZ,UAAU;AAAA,kBACV,OAAOA,EAAA;AAAA,kBACP,UAAUA,EAAA;AAAA,kBACX,gBAAa;AAAA,kBACb,OAAM;AAAA,kBACN,MAAK;AAAA,kBACL,MAAK;AAAA,6DACwBA,EAAA,WAAU,GAAA,CAAA,QAAA,SAAA,CAAA;AAAA,iEACFA,EAAA,WAAU,GAAA,CAAA,QAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA;gBAEjDC,EAWEU,GAAA;AAAA,kBAVC,cAAYX,EAAA;AAAA,kBACZ,UAAU;AAAA,kBACV,OAAOA,EAAA;AAAA,kBACP,UAAUA,EAAA;AAAA,kBACX,gBAAa;AAAA,kBACb,OAAM;AAAA,kBACN,MAAK;AAAA,kBACL,MAAK;AAAA,6DACwBA,EAAA,OAAM,GAAA,CAAA,QAAA,SAAA,CAAA;AAAA,iEACEA,EAAA,OAAM,GAAA,CAAA,QAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA;;;YAIjDK,EAEM,OAFNT,GAEM;AAAA,eADJmB,EAAA,EAAA,GAAAjB,EAAuGW,GAAA,MAAAG,EAApFZ,EAAA,SAAS,WAAhBoB,YAAZtB,EAAuG,OAAA;AAAA,gBAAhE,KAAKsB;AAAA,gBAAK,OAAM;AAAA,mBAAoCA,CAAG,GAAA,CAAA;;8BAEhGf,EAAM,MAAA,MAAA,MAAA,EAAA;AAAA,aACNU,EAAA,EAAA,GAAAjB,EAkCMW,WAlC0BT,EAAA,SAAS,OAAK,CAAjCqB,GAASR,YAAtBf,EAkCM,OAAA;AAAA,cAlC2C,KAAKe;AAAA,cAAO,OAAM;AAAA;eACjEE,EAAA,EAAA,GAAAjB,EAgCWW,GAAA,MAAAG,EAhC0BS,GAAO,CAA1BC,GAAST;gBAEjBS,UADRL,EAyBEN,GAAA;AAAA,kBAvBC,KAAKE;AAAA,kBACL,UAAU;AAAA,kBACV,OAAKd,EAAA,CAAA;AAAA,iEAA2FC,EAAA,eAAeA,EAAA,QAAQsB,GAAStB,EAAA,SAAS,WAAWA,EAAA,SAAS,QAAQ;AAAA,8DAAuFA,EAAA,UAAUA,EAAA,QAAQsB,GAAStB,EAAA,SAAS,WAAWA,EAAA,SAAS,QAAQ;AAAA,iEAAoEA,EAAA;AAAA,sBAAkCA,EAAA,QAAQsB,GAAStB,EAAA,SAAS,WAAWA,EAAA,SAAS,QAAQ;AAAA;qBAend,iCAAiC,CAAA;AAAA,kBANtC,OAAOA,EAAA;AAAA,kBACP,UAAUA,EAAA,WAAWA,EAAA,QAAQsB,GAAStB,EAAA,SAAS,WAAWA,EAAA,SAAS,QAAQ,CAAA;AAAA,kBAC3E,UAAUsB,CAAO;AAAA,kBACjB,UAAUtB,EAAA,WAAWA,EAAA,QAAQsB,GAAStB,EAAA,SAAS,WAAWA,EAAA,SAAS,QAAQ,CAAA,IAAA,KAAA;AAAA,kBAC3E,aAAa;AAAA,kBACd,gBAAa;AAAA,kBAEb,MAAK;AAAA,2CACwBA,EAAA,SAASA,EAAA,QAAQsB,GAAStB,EAAA,SAAS,WAAWA,EAAA,SAAS,QAAQ,CAAA,GAAA,CAAA,QAAA,SAAA,CAAA;AAAA,+CAClCA,EAAA,SAASA,EAAA,QAAQsB,GAAStB,EAAA,SAAS,WAAWA,EAAA,SAAS,QAAQ,CAAA;gIAI3HF,EAIE,OAAA;AAAA,kBAFC,QAAQe,CAAK;AAAA,kBACd,OAAM;AAAA;;;;4BAKdR,EAAM,MAAA,MAAA,MAAA,EAAA;AAAA,UACNA,EAoBM,OApBNR,GAoBM;AAAA,YAlBIG,EAAA,iBADRiB,EASEN,GAAA;AAAA;cAPC,OAAOX,EAAA;AAAA,cACR,gBAAa;AAAA,cACb,OAAM;AAAA,cACN,OAAM;AAAA,cACN,MAAK;AAAA,yDACwBA,EAAA,MAAK,GAAA,CAAA,QAAA,SAAA,CAAA;AAAA,6DACGA,EAAA,MAAK,GAAA,CAAA,QAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA;YAE5CC,EAQEU,GAAA;AAAA,cAPC,OAAOX,EAAA;AAAA,cACP,OAAOA,EAAA;AAAA,cACR,gBAAa;AAAA,cACb,OAAM;AAAA,cACN,MAAK;AAAA,yDACwBA,EAAA,KAAI,GAAA,CAAA,QAAA,SAAA,CAAA;AAAA,6DACIA,EAAA,KAAI,GAAA,CAAA,QAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA;;;;;;IAMnDC,EAYEG,GAZFmB,EAYE;AAAA,MAXC,UAAUvB,EAAA;AAAA,MACV,aAAW;AAAA,MACX,KAAKA,EAAA;AAAA,MACL,KAAKA,EAAA;AAAA,MACL,eAAaA,EAAA;AAAA,MACb,MAAMA,EAAA;AAAA,MACN,UAAU;AAAA,MACX,OAAM;AAAA,MACN,MAAK;AAAA,OACGA,EAAA,OAAK,EACZ,uBAAmBA,EAAA,SAAQ,CAAA,GAAA,MAAA,IAAA,CAAA,YAAA,OAAA,OAAA,eAAA,QAAA,qBAAA,CAAA;AAAA;;;"}
1	+ {"version":3,"file":"NeonDatePicker.vue.es.js","sources":["../../../../src/components/user-input/date-picker/NeonDatePicker.vue"],"sourcesContent":["<template>\n <div\n :class=\"[\n `neon-date-picker--${size}`,\n `neon-date-picker--${color}`,\n {\n 'neon-date-picker--disabled': disabled,\n 'neon-date-picker--open': calendarOpen,\n },\n ]\"\n class=\"neon-date-picker\"\n >\n <neon-dropdown\n ref=\"dropdown\"\n v-model=\"calendarOpen\"\n :color=\"color\"\n :placement=\"placement\"\n @update:modelValue=\"resetToCalendar()\"\n >\n <template #dropdown-button>\n <neon-input\n :color=\"color\"\n :disabled=\"disabled\"\n :icon-readonly=\"true\"\n :model-value=\"formattedValue\"\n :placeholder=\"placeholder\"\n :size=\"size\"\n :tabindex=\"-1\"\n class=\"neon-date-picker__button\"\n icon=\"calendar\"\n type=\"text\"\n />\n <div\n :aria-label=\"openCalendarLabel\"\n :tabindex=\"disabled ? -1 : 0\"\n class=\"neon-date-picker__button-click-capture\"\n role=\"button\"\n @click.stop.prevent.capture=\"!disabled && openCalendar()\"\n @keydown.enter.stop.prevent.capture=\"openCalendar()\"\n @keydown.space.stop.prevent.capture=\"openCalendar()\"\n ></div>\n </template>\n <template #default>\n <div ref=\"calendarRef\" class=\"neon-date-picker__calendar\">\n <template v-if=\"yearSelectionOpen\">\n <div class=\"neon-date-picker__calendar-header\">\n <span class=\"neon-date-picker__calendar-title-readonly\">\n {{ `${calendar.pageDecadeStart}–${calendar.pageDecadeStart + 9}` }}\n </span>\n <div class=\"neon-date-picker__calendar-header-actions\">\n <neon-button\n :aria-label=\"previousDecadeLabel\"\n :circular=\"true\"\n :color=\"color\"\n :disabled=\"isPreviousDecadeDisabled\"\n button-style=\"text\"\n class=\"neon-date-picker__previous-button\"\n icon=\"chevron-left\"\n size=\"m\"\n @click.stop.prevent.capture=\"onPreviousDecade()\"\n @keydown.enter.stop.prevent.capture=\"onPreviousDecade()\"\n />\n <neon-button\n :aria-label=\"nextDecadeLabel\"\n :circular=\"true\"\n :color=\"color\"\n :disabled=\"isNextDecadeDisabled\"\n button-style=\"text\"\n class=\"neon-date-picker__next-button\"\n icon=\"chevron-right\"\n size=\"m\"\n @click.stop.prevent.capture=\"onNextDecade()\"\n @keydown.enter.stop.prevent.capture=\"onNextDecade()\"\n />\n </div>\n </div>\n <hr />\n <div class=\"neon-date-picker__calendar-options\">\n <neon-button\n v-for=\"index in 10\"\n :key=\"index\"\n :class=\"{\n 'neon-date-picker__calendar-option--selected':\n calendar.pageYear === calendar.pageDecadeStart + index - 1,\n 'neon-date-picker__calendar-option--today':\n calendar.today.year === calendar.pageDecadeStart + index - 1,\n 'neon-date-picker__calendar-option--disabled': isYearDisabled(calendar.pageDecadeStart + index - 1),\n }\"\n :color=\"color\"\n :disabled=\"isYearDisabled(calendar.pageDecadeStart + index - 1)\"\n :full-width=\"true\"\n :label=\"`${calendar.pageDecadeStart + index - 1}`\"\n button-style=\"text\"\n class=\"neon-date-picker__calendar-option\"\n size=\"s\"\n @click.stop.prevent.capture=\"selectYear(calendar.pageDecadeStart + index - 1)\"\n @keydown.enter.stop.prevent.capture=\"selectYear(calendar.pageDecadeStart + index - 1)\"\n />\n </div>\n </template>\n <template v-else-if=\"monthSelectionOpen\">\n <div class=\"neon-date-picker__calendar-header\">\n <span v-if=\"isChangeYearDisabled\" class=\"neon-date-picker__calendar-title-readonly\">\n {{ calendar.pageYear }}\n </span>\n <neon-button\n v-else\n :aria-label=\"changeYearLabel\"\n :label=\"`${calendar.pageYear}`\"\n button-style=\"text\"\n class=\"neon-date-picker__calendar-header-title\"\n color=\"high-contrast\"\n icon=\"switch\"\n icon-position=\"right\"\n size=\"m\"\n @click.stop.prevent.capture=\"changeYear()\"\n @keydown.enter.stop.prevent.capture=\"changeYear()\"\n />\n <div class=\"neon-date-picker__calendar-header-actions\">\n <neon-button\n :aria-label=\"previousYearLabel\"\n :circular=\"true\"\n :color=\"color\"\n :disabled=\"isPreviousYearDisabled\"\n button-style=\"text\"\n class=\"neon-date-picker__previous-button\"\n icon=\"chevron-left\"\n size=\"m\"\n @click.stop.prevent.capture=\"onPreviousYear()\"\n @keydown.enter.stop.prevent.capture=\"onPreviousYear()\"\n />\n <neon-button\n :aria-label=\"nextYearLabel\"\n :circular=\"true\"\n :color=\"color\"\n :disabled=\"isNextYearDisabled\"\n button-style=\"text\"\n class=\"neon-date-picker__next-button\"\n icon=\"chevron-right\"\n size=\"m\"\n @click.stop.prevent.capture=\"onNextYear()\"\n @keydown.enter.stop.prevent.capture=\"onNextYear()\"\n />\n </div>\n </div>\n <hr />\n <div class=\"neon-date-picker__calendar-options\">\n <neon-button\n v-for=\"(month, index) in calendar.months\"\n :key=\"index\"\n :class=\"{\n 'neon-date-picker__calendar-option--selected': index + 1 === calendar.pageMonth,\n 'neon-date-picker__calendar-option--today':\n index + 1 === calendar.today.month && calendar.today.year === calendar.pageYear,\n 'neon-date-picker__calendar-option--disabled': isMonthDisabled(calendar.pageYear, index + 1),\n }\"\n :color=\"color\"\n :disabled=\"isMonthDisabled(calendar.pageYear, index + 1)\"\n :full-width=\"true\"\n :label=\"month\"\n button-style=\"text\"\n class=\"neon-date-picker__calendar-option\"\n size=\"s\"\n @click.stop.prevent.capture=\"selectMonth(index + 1)\"\n @keydown.enter.stop.prevent.capture=\"selectMonth(index + 1)\"\n />\n </div>\n </template>\n <template v-else>\n <div class=\"neon-date-picker__calendar-header\">\n <span v-if=\"isChangeDateDisabled\" class=\"neon-date-picker__calendar-title-readonly\">\n {{ `${calendar.pageMonthName} ${calendar.pageYear}` }}\n </span>\n <neon-button\n v-else\n :aria-label=\"changeMonthLabel\"\n :label=\"`${calendar.pageMonthName} ${calendar.pageYear}`\"\n button-style=\"text\"\n class=\"neon-date-picker__calendar-header-title\"\n color=\"high-contrast\"\n icon=\"switch\"\n icon-position=\"right\"\n size=\"m\"\n @click.stop.prevent.capture=\"changeMonth()\"\n @keydown.enter.stop.prevent.capture=\"changeMonth()\"\n />\n <div class=\"neon-date-picker__calendar-header-actions\">\n <neon-button\n :aria-label=\"previousMonthLabel\"\n :circular=\"true\"\n :color=\"color\"\n :disabled=\"isPreviousDisabled\"\n button-style=\"text\"\n class=\"neon-date-picker__previous-button\"\n icon=\"chevron-left\"\n size=\"m\"\n @click.stop.prevent.capture=\"onPrevious()\"\n @keydown.enter.stop.prevent.capture=\"onPrevious()\"\n />\n <neon-button\n :aria-label=\"nextMonthLabel\"\n :circular=\"true\"\n :color=\"color\"\n :disabled=\"isNextDisabled\"\n button-style=\"text\"\n class=\"neon-date-picker__next-button\"\n icon=\"chevron-right\"\n size=\"m\"\n @click.stop.prevent.capture=\"onNext()\"\n @keydown.enter.stop.prevent.capture=\"onNext()\"\n />\n </div>\n </div>\n <div class=\"neon-date-picker__calendar-dows\">\n <div v-for=\"dow in calendar.dowNames\" :key=\"dow\" class=\"neon-date-picker__calendar-dow\">{{ dow }}</div>\n </div>\n <hr />\n <div v-for=\"(dateRow, index) in calendar.dates\" :key=\"index\" class=\"neon-date-picker__calendar-dates\">\n <template v-for=\"(dateCol, index) in dateRow\">\n <neon-button\n v-if=\"dateCol\"\n :key=\"index\"\n :circular=\"true\"\n :class=\"{\n 'neon-date-picker__calendar-date--selected':\n modelValue === isoDate(dateCol, calendar.pageMonth, calendar.pageYear),\n 'neon-date-picker__calendar-date--today':\n today === isoDate(dateCol, calendar.pageMonth, calendar.pageYear),\n 'neon-date-picker__calendar-date--disabled': isDisabled(\n isoDate(dateCol, calendar.pageMonth, calendar.pageYear),\n ),\n }\"\n :color=\"color\"\n :disabled=\"isDisabled(isoDate(dateCol, calendar.pageMonth, calendar.pageYear))\"\n :label=\"`${dateCol}`\"\n :tabindex=\"isDisabled(isoDate(dateCol, calendar.pageMonth, calendar.pageYear)) ? -1 : 0\"\n :transparent=\"true\"\n button-style=\"text\"\n class=\"neon-date-picker__calendar-date\"\n size=\"m\"\n @click.stop.prevent.capture=\"emitDate(isoDate(dateCol, calendar.pageMonth, calendar.pageYear))\"\n @keydown.enter.stop.prevent.capture=\"\n emitDate(isoDate(dateCol, calendar.pageMonth, calendar.pageYear))\n \"\n />\n <div\n v-else\n :key=\"`${index}-empty`\"\n class=\"neon-date-picker__calendar-date neon-date-picker__calendar-date--empty\"\n />\n </template>\n </div>\n </template>\n <hr />\n <div class=\"neon-button-group\">\n <neon-button\n v-if=\"optional\"\n :label=\"clearLabel\"\n button-style=\"text\"\n class=\"neon-date-picker__calendar-clear-button\"\n color=\"low-contrast\"\n size=\"s\"\n @click.stop.prevent.capture=\"clear()\"\n @keydown.enter.stop.prevent.capture=\"clear()\"\n />\n <neon-button\n :color=\"color\"\n :label=\"doneLabel\"\n button-style=\"text\"\n class=\"neon-date-picker__calendar-done-button\"\n size=\"s\"\n @click.stop.prevent.capture=\"done()\"\n @keydown.enter.stop.prevent.capture=\"done()\"\n />\n </div>\n </div>\n </template>\n </neon-dropdown>\n <neon-input\n :color=\"color\"\n :disabled=\"disabled\"\n :hide-icon=\"true\"\n :max=\"max\"\n :min=\"min\"\n :model-value=\"modelValue\"\n :size=\"size\"\n :tabindex=\"-1\"\n class=\"neon-date-picker__native-input\"\n type=\"date\"\n v-bind=\"attrs\"\n @update:modelValue=\"emitDate\"\n />\n </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonDatePicker.ts\"></script>\n"],"names":["_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_13","_hoisted_14","_hoisted_15","_createElementBlock","_normalizeClass","_ctx","_createVNode","_component_neon_dropdown","$event","_component_neon_input","_createElementVNode","_cache","_withModifiers","_hoisted_2","_Fragment","_toDisplayString","_component_neon_button","_renderList","index","_withKeys","_openBlock","_hoisted_8","_createBlock","month","_hoisted_12","dow","dateRow","dateCol","_mergeProps"],"mappings":"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"}

package/dist/components/user-input/file/NeonFile.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";const n=require("vue"),p=require("../../../common/enums/NeonSize.cjs.js"),m=require("../../../common/enums/NeonFunctionalColor.cjs.js"),y=require("../../../common/enums/NeonState.cjs.js"),g=require("../button/NeonButton.vue.cjs.js"),S=require("../input/NeonInput.vue.cjs.js"),N=require("../list/NeonList.vue.cjs.js"),v=n.defineComponent({name:"NeonFile",components:{NeonButton:g,NeonInput:S,NeonList:N},props:{disabled:{type:Boolean,default:!1},directUpload:{type:Boolean,default:!1},multiple:{type:Boolean,default:!1},accept:{type:String,default:null},id:{type:String,default:null},size:{type:String,default:p.NeonSize.Medium},state:{type:String,default:y.NeonState.Ready},color:{type:String,default:m.NeonFunctionalColor.LowContrast},label:{type:String,default:null},icon:{type:String,default:null}},emits:["update:modelValue"],setup(l,{emit:r}){const i=n.ref(null),t=n.ref([]),s=n.ref(""),c=n.computed(()=>t.value.map(e=>({key:e.name,label:e.name}))),a=()=>{r("update:modelValue",l.multiple?t.value:t.value[0]),l.directUpload&&(t.value=[])};return{fileInput:i,files:t,fileList:c,fileInputModel:s,remove:e=>{l.disabled||(t.value=t.value.filter(o=>o.name!==e),a())},clearAll:()=>{l.disabled||(t.value=[],a())},openFileDialog:()=>{var e;(e=i.value)==null||e.click()},onInput:e=>{if(e!=null&&e.target){const o=e.target.files,u=o?Array.from(o).filter(d=>!t.value.find(f=>f.name===d.name)):[];t.value=l.multiple?[...t.value,...u]:u,a()}}}}});module.exports=v;
+"use strict";const n=require("vue"),p=require("../../../common/enums/NeonSize.cjs.js"),m=require("../../../common/enums/NeonFunctionalColor.cjs.js"),y=require("../../../common/enums/NeonState.cjs.js"),g=require("../button/NeonButton.vue.cjs.js"),S=require("../input/NeonInput.vue.cjs.js"),N=require("../list/NeonList.vue.cjs.js"),v=n.defineComponent({name:"NeonFile",components:{NeonButton:g,NeonInput:S,NeonList:N},props:{disabled:{type:Boolean,default:!1},directUpload:{type:Boolean,default:!1},multiple:{type:Boolean,default:!1},accept:{type:String,default:null},id:{type:String,default:null},size:{type:String,default:p.NeonSize.Medium},state:{type:String,default:y.NeonState.Ready},color:{type:String,default:m.NeonFunctionalColor.Primary},label:{type:String,default:null},icon:{type:String,default:null}},emits:["update:modelValue"],setup(l,{emit:r}){const i=n.ref(null),t=n.ref([]),s=n.ref(""),c=n.computed(()=>t.value.map(e=>({key:e.name,label:e.name}))),a=()=>{r("update:modelValue",l.multiple?t.value:t.value[0]),l.directUpload&&(t.value=[])};return{fileInput:i,files:t,fileList:c,fileInputModel:s,remove:e=>{l.disabled||(t.value=t.value.filter(o=>o.name!==e),a())},clearAll:()=>{l.disabled||(t.value=[],a())},openFileDialog:()=>{var e;(e=i.value)==null||e.click()},onInput:e=>{if(e!=null&&e.target){const o=e.target.files,u=o?Array.from(o).filter(d=>!t.value.find(f=>f.name===d.name)):[];t.value=l.multiple?[...t.value,...u]:u,a()}}}}});module.exports=v;
 //# sourceMappingURL=NeonFile.cjs.js.map

package/dist/components/user-input/file/NeonFile.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NeonFile.cjs.js","sources":["../../../../src/components/user-input/file/NeonFile.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { computed, defineComponent, ref } from 'vue';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport { NeonState } from '@/common/enums/NeonState';\nimport NeonButton from '@/components/user-input/button/NeonButton.vue';\nimport NeonInput from '@/components/user-input/input/NeonInput.vue';\nimport NeonList from '@/components/user-input/list/NeonList.vue';\n\n/*\n A file upload component. This is a wrapper around an HTML file input. It can display multiple files as well as\n * providing a convenient UI for removing/clearing files from the list.\n /\nexport default defineComponent({\n name: 'NeonFile',\n components: {\n NeonButton,\n NeonInput,\n NeonList,\n },\n props: {\n /\n The disabled state of the component\n /\n disabled: { type: Boolean, default: false },\n /\n Files are uploaded directly once added, there is no waiting to click a confirmation button\n /\n directUpload: { type: Boolean, default: false },\n /\n Support multiple files.\n /\n multiple: { type: Boolean, default: false },\n /\n HTML file input accept property for filtering the files the user is allowed to select. This is a mime type,\n * e.g. 'application/pdf'.\n /\n accept: { type: String, default: null },\n /\n Provide an id to attach to the internal HTML input[file] (also adds an aria-controls link between the button and\n * the hidden input).\n /\n id: { type: String, default: null },\n /\n The file component size\n /\n size: { type: String as () => NeonSize, default: NeonSize.Medium },\n /\n The state of the input, used to indicate loading, success and error states\n /\n state: { type: String as () => NeonState, default: NeonState.Ready },\n /\n The file component color\n /\n color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.~~LowContrast~~ },\n /\n The label of the file component button\n /\n label: { type: String, default: null },\n /\n The icon of the file component button\n /\n icon: { type: String, default: null },\n },\n emits: [\n /\n Emitted when files are selected and uploaded\n * @type {File \| File[]} either a single File (multiple = false) or a list of File objects (multiple = true)\n */\n 'update:modelValue',\n ],\n setup(props, { emit }) {\n const fileInput = ref<HTMLInputElement \| null>(null);\n const files = ref<Array<File>>([]);\n const fileInputModel = ref('');\n\n const fileList = computed(() => {\n return files.value.map((file) => ({ key: file.name, label: file.name }));\n });\n\n const emitFiles = () => {\n emit('update:modelValue', props.multiple ? files.value : files.value[0]);\n if (props.directUpload) {\n files.value = [];\n }\n };\n\n const remove = (filename: string) => {\n if (!props.disabled) {\n files.value = files.value.filter((f) => f.name !== filename);\n emitFiles();\n }\n };\n\n const clearAll = () => {\n if (!props.disabled) {\n files.value = [];\n emitFiles();\n }\n };\n\n const openFileDialog = () => {\n fileInput.value?.click();\n };\n\n const onInput = (event: Event) => {\n if (event?.target) {\n const theFiles = (event.target as HTMLInputElement).files;\n const newFiles = theFiles\n ? Array.from(theFiles).filter((file) => !files.value.find((f) => f.name === file.name))\n : [];\n files.value = props.multiple ? [...files.value, ...newFiles] : newFiles;\n emitFiles();\n }\n };\n\n return {\n fileInput,\n files,\n fileList,\n fileInputModel,\n remove,\n clearAll,\n openFileDialog,\n onInput,\n };\n },\n});\n"],"names":["_sfc_main","defineComponent","NeonButton","NeonInput","NeonList","NeonSize","NeonState","NeonFunctionalColor","props","emit","fileInput","ref","files","fileInputModel","fileList","computed","file","emitFiles","filename","f","_a","event","theFiles","newFiles"],"mappings":"0UAYAA,EAAeC,kBAAgB,CAC7B,KAAM,WACN,WAAY,CACV,WAAAC,EACA,UAAAC,EACA,SAAAC,CAAA,EAEF,MAAO,CAIL,SAAU,CAAE,KAAM,QAAS,QAAS,EAAA,EAIpC,aAAc,CAAE,KAAM,QAAS,QAAS,EAAA,EAIxC,SAAU,CAAE,KAAM,QAAS,QAAS,EAAA,EAKpC,OAAQ,CAAE,KAAM,OAAQ,QAAS,IAAA,EAKjC,GAAI,CAAE,KAAM,OAAQ,QAAS,IAAA,EAI7B,KAAM,CAAE,KAAM,OAA0B,QAASC,EAAAA,SAAS,MAAA,EAI1D,MAAO,CAAE,KAAM,OAA2B,QAASC,EAAAA,UAAU,KAAA,EAI7D,MAAO,CAAE,KAAM,OAAqC,QAASC,EAAAA,oBAAoB,~~WAAA~~,EAIjF,MAAO,CAAE,KAAM,OAAQ,QAAS,IAAA,EAIhC,KAAM,CAAE,KAAM,OAAQ,QAAS,IAAA,CAAK,EAEtC,MAAO,CAKL,mBAAA,EAEF,MAAMC,EAAO,CAAE,KAAAC,GAAQ,CACrB,MAAMC,EAAYC,EAAAA,IAA6B,IAAI,EAC7CC,EAAQD,EAAAA,IAAiB,EAAE,EAC3BE,EAAiBF,EAAAA,IAAI,EAAE,EAEvBG,EAAWC,EAAAA,SAAS,IACjBH,EAAM,MAAM,IAAKI,IAAU,CAAE,IAAKA,EAAK,KAAM,MAAOA,EAAK,IAAA,EAAO,CACxE,EAEKC,EAAY,IAAM,CACtBR,EAAK,oBAAqBD,EAAM,SAAWI,EAAM,MAAQA,EAAM,MAAM,CAAC,CAAC,EACnEJ,EAAM,eACRI,EAAM,MAAQ,CAAA,EAElB,EA+BA,MAAO,CACL,UAAAF,EACA,MAAAE,EACA,SAAAE,EACA,eAAAD,EACA,OAlCcK,GAAqB,CAC9BV,EAAM,WACTI,EAAM,MAAQA,EAAM,MAAM,OAAQO,GAAMA,EAAE,OAASD,CAAQ,EAC3DD,EAAA,EAEJ,EA8BE,SA5Be,IAAM,CAChBT,EAAM,WACTI,EAAM,MAAQ,CAAA,EACdK,EAAA,EAEJ,EAwBE,eAtBqB,IAAM,QAC3BG,EAAAV,EAAU,QAAV,MAAAU,EAAiB,OACnB,EAqBE,QAnBeC,GAAiB,CAChC,GAAIA,GAAA,MAAAA,EAAO,OAAQ,CACjB,MAAMC,EAAYD,EAAM,OAA4B,MAC9CE,EAAWD,EACb,MAAM,KAAKA,CAAQ,EAAE,OAAQN,GAAS,CAACJ,EAAM,MAAM,KAAM,GAAM,EAAE,OAASI,EAAK,IAAI,CAAC,EACpF,CAAA,EACJJ,EAAM,MAAQJ,EAAM,SAAW,CAAC,GAAGI,EAAM,MAAO,GAAGW,CAAQ,EAAIA,EAC/DN,EAAA,CACF,CACF,CAUE,CAEJ,CACF,CAAC"}
1	+ {"version":3,"file":"NeonFile.cjs.js","sources":["../../../../src/components/user-input/file/NeonFile.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { computed, defineComponent, ref } from 'vue';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport { NeonState } from '@/common/enums/NeonState';\nimport NeonButton from '@/components/user-input/button/NeonButton.vue';\nimport NeonInput from '@/components/user-input/input/NeonInput.vue';\nimport NeonList from '@/components/user-input/list/NeonList.vue';\n\n/*\n A file upload component. This is a wrapper around an HTML file input. It can display multiple files as well as\n * providing a convenient UI for removing/clearing files from the list.\n /\nexport default defineComponent({\n name: 'NeonFile',\n components: {\n NeonButton,\n NeonInput,\n NeonList,\n },\n props: {\n /\n The disabled state of the component\n /\n disabled: { type: Boolean, default: false },\n /\n Files are uploaded directly once added, there is no waiting to click a confirmation button\n /\n directUpload: { type: Boolean, default: false },\n /\n Support multiple files.\n /\n multiple: { type: Boolean, default: false },\n /\n HTML file input accept property for filtering the files the user is allowed to select. This is a mime type,\n * e.g. 'application/pdf'.\n /\n accept: { type: String, default: null },\n /\n Provide an id to attach to the internal HTML input[file] (also adds an aria-controls link between the button and\n * the hidden input).\n /\n id: { type: String, default: null },\n /\n The file component size\n /\n size: { type: String as () => NeonSize, default: NeonSize.Medium },\n /\n The state of the input, used to indicate loading, success and error states\n /\n state: { type: String as () => NeonState, default: NeonState.Ready },\n /\n The file component color\n /\n color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.Primary },\n /\n The label of the file component button\n /\n label: { type: String, default: null },\n /\n The icon of the file component button\n /\n icon: { type: String, default: null },\n },\n emits: [\n /\n Emitted when files are selected and uploaded\n * @type {File \| File[]} either a single File (multiple = false) or a list of File objects (multiple = true)\n */\n 'update:modelValue',\n ],\n setup(props, { emit }) {\n const fileInput = ref<HTMLInputElement \| null>(null);\n const files = ref<Array<File>>([]);\n const fileInputModel = ref('');\n\n const fileList = computed(() => {\n return files.value.map((file) => ({ key: file.name, label: file.name }));\n });\n\n const emitFiles = () => {\n emit('update:modelValue', props.multiple ? files.value : files.value[0]);\n if (props.directUpload) {\n files.value = [];\n }\n };\n\n const remove = (filename: string) => {\n if (!props.disabled) {\n files.value = files.value.filter((f) => f.name !== filename);\n emitFiles();\n }\n };\n\n const clearAll = () => {\n if (!props.disabled) {\n files.value = [];\n emitFiles();\n }\n };\n\n const openFileDialog = () => {\n fileInput.value?.click();\n };\n\n const onInput = (event: Event) => {\n if (event?.target) {\n const theFiles = (event.target as HTMLInputElement).files;\n const newFiles = theFiles\n ? Array.from(theFiles).filter((file) => !files.value.find((f) => f.name === file.name))\n : [];\n files.value = props.multiple ? [...files.value, ...newFiles] : newFiles;\n emitFiles();\n }\n };\n\n return {\n fileInput,\n files,\n fileList,\n fileInputModel,\n remove,\n clearAll,\n openFileDialog,\n onInput,\n };\n },\n});\n"],"names":["_sfc_main","defineComponent","NeonButton","NeonInput","NeonList","NeonSize","NeonState","NeonFunctionalColor","props","emit","fileInput","ref","files","fileInputModel","fileList","computed","file","emitFiles","filename","f","_a","event","theFiles","newFiles"],"mappings":"0UAYAA,EAAeC,kBAAgB,CAC7B,KAAM,WACN,WAAY,CACV,WAAAC,EACA,UAAAC,EACA,SAAAC,CAAA,EAEF,MAAO,CAIL,SAAU,CAAE,KAAM,QAAS,QAAS,EAAA,EAIpC,aAAc,CAAE,KAAM,QAAS,QAAS,EAAA,EAIxC,SAAU,CAAE,KAAM,QAAS,QAAS,EAAA,EAKpC,OAAQ,CAAE,KAAM,OAAQ,QAAS,IAAA,EAKjC,GAAI,CAAE,KAAM,OAAQ,QAAS,IAAA,EAI7B,KAAM,CAAE,KAAM,OAA0B,QAASC,EAAAA,SAAS,MAAA,EAI1D,MAAO,CAAE,KAAM,OAA2B,QAASC,EAAAA,UAAU,KAAA,EAI7D,MAAO,CAAE,KAAM,OAAqC,QAASC,EAAAA,oBAAoB,OAAA,EAIjF,MAAO,CAAE,KAAM,OAAQ,QAAS,IAAA,EAIhC,KAAM,CAAE,KAAM,OAAQ,QAAS,IAAA,CAAK,EAEtC,MAAO,CAKL,mBAAA,EAEF,MAAMC,EAAO,CAAE,KAAAC,GAAQ,CACrB,MAAMC,EAAYC,EAAAA,IAA6B,IAAI,EAC7CC,EAAQD,EAAAA,IAAiB,EAAE,EAC3BE,EAAiBF,EAAAA,IAAI,EAAE,EAEvBG,EAAWC,EAAAA,SAAS,IACjBH,EAAM,MAAM,IAAKI,IAAU,CAAE,IAAKA,EAAK,KAAM,MAAOA,EAAK,IAAA,EAAO,CACxE,EAEKC,EAAY,IAAM,CACtBR,EAAK,oBAAqBD,EAAM,SAAWI,EAAM,MAAQA,EAAM,MAAM,CAAC,CAAC,EACnEJ,EAAM,eACRI,EAAM,MAAQ,CAAA,EAElB,EA+BA,MAAO,CACL,UAAAF,EACA,MAAAE,EACA,SAAAE,EACA,eAAAD,EACA,OAlCcK,GAAqB,CAC9BV,EAAM,WACTI,EAAM,MAAQA,EAAM,MAAM,OAAQO,GAAMA,EAAE,OAASD,CAAQ,EAC3DD,EAAA,EAEJ,EA8BE,SA5Be,IAAM,CAChBT,EAAM,WACTI,EAAM,MAAQ,CAAA,EACdK,EAAA,EAEJ,EAwBE,eAtBqB,IAAM,QAC3BG,EAAAV,EAAU,QAAV,MAAAU,EAAiB,OACnB,EAqBE,QAnBeC,GAAiB,CAChC,GAAIA,GAAA,MAAAA,EAAO,OAAQ,CACjB,MAAMC,EAAYD,EAAM,OAA4B,MAC9CE,EAAWD,EACb,MAAM,KAAKA,CAAQ,EAAE,OAAQN,GAAS,CAACJ,EAAM,MAAM,KAAM,GAAM,EAAE,OAASI,EAAK,IAAI,CAAC,EACpF,CAAA,EACJJ,EAAM,MAAQJ,EAAM,SAAW,CAAC,GAAGI,EAAM,MAAO,GAAGW,CAAQ,EAAIA,EAC/DN,EAAA,CACF,CACF,CAUE,CAEJ,CACF,CAAC"}

package/dist/components/user-input/file/NeonFile.es.js CHANGED Viewed

@@ -5,7 +5,7 @@ import { NeonState as S } from "../../../common/enums/NeonState.es.js";
 import v from "../button/NeonButton.vue.es.js";
 import F from "../input/NeonInput.vue.es.js";
 import N from "../list/NeonList.vue.es.js";
-const U = s({
+const V = s({
   name: "NeonFile",
   components: {
     NeonButton: v,
@@ -46,7 +46,7 @@ const U = s({
     /**
      * The file component color
      */
-    color: { type: String, default: g.LowContrast },
+    color: { type: String, default: g.Primary },
     /**
      * The label of the file component button
      */
@@ -64,14 +64,14 @@ const U = s({
     "update:modelValue"
   ],
   setup(t, { emit: r }) {
-    const i = n(null), l = n([]), f = n(""), m = c(() => l.value.map((e) => ({ key: e.name, label: e.name }))), a = () => {
+    const i = n(null), l = n([]), m = n(""), f = c(() => l.value.map((e) => ({ key: e.name, label: e.name }))), a = () => {
       r("update:modelValue", t.multiple ? l.value : l.value[0]), t.directUpload && (l.value = []);
     };
     return {
       fileInput: i,
       files: l,
-      fileList: m,
-      fileInputModel: f,
+      fileList: f,
+      fileInputModel: m,
       remove: (e) => {
         t.disabled || (l.value = l.value.filter((o) => o.name !== e), a());
       },
@@ -92,6 +92,6 @@ const U = s({
   }
 });
 export {
-  U as default
+  V as default
 };
 //# sourceMappingURL=NeonFile.es.js.map

package/dist/components/user-input/file/NeonFile.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NeonFile.es.js","sources":["../../../../src/components/user-input/file/NeonFile.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { computed, defineComponent, ref } from 'vue';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport { NeonState } from '@/common/enums/NeonState';\nimport NeonButton from '@/components/user-input/button/NeonButton.vue';\nimport NeonInput from '@/components/user-input/input/NeonInput.vue';\nimport NeonList from '@/components/user-input/list/NeonList.vue';\n\n/*\n A file upload component. This is a wrapper around an HTML file input. It can display multiple files as well as\n * providing a convenient UI for removing/clearing files from the list.\n /\nexport default defineComponent({\n name: 'NeonFile',\n components: {\n NeonButton,\n NeonInput,\n NeonList,\n },\n props: {\n /\n The disabled state of the component\n /\n disabled: { type: Boolean, default: false },\n /\n Files are uploaded directly once added, there is no waiting to click a confirmation button\n /\n directUpload: { type: Boolean, default: false },\n /\n Support multiple files.\n /\n multiple: { type: Boolean, default: false },\n /\n HTML file input accept property for filtering the files the user is allowed to select. This is a mime type,\n * e.g. 'application/pdf'.\n /\n accept: { type: String, default: null },\n /\n Provide an id to attach to the internal HTML input[file] (also adds an aria-controls link between the button and\n * the hidden input).\n /\n id: { type: String, default: null },\n /\n The file component size\n /\n size: { type: String as () => NeonSize, default: NeonSize.Medium },\n /\n The state of the input, used to indicate loading, success and error states\n /\n state: { type: String as () => NeonState, default: NeonState.Ready },\n /\n The file component color\n /\n color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.~~LowContrast~~ },\n /\n The label of the file component button\n /\n label: { type: String, default: null },\n /\n The icon of the file component button\n /\n icon: { type: String, default: null },\n },\n emits: [\n /\n Emitted when files are selected and uploaded\n * @type {File \| File[]} either a single File (multiple = false) or a list of File objects (multiple = true)\n */\n 'update:modelValue',\n ],\n setup(props, { emit }) {\n const fileInput = ref<HTMLInputElement \| null>(null);\n const files = ref<Array<File>>([]);\n const fileInputModel = ref('');\n\n const fileList = computed(() => {\n return files.value.map((file) => ({ key: file.name, label: file.name }));\n });\n\n const emitFiles = () => {\n emit('update:modelValue', props.multiple ? files.value : files.value[0]);\n if (props.directUpload) {\n files.value = [];\n }\n };\n\n const remove = (filename: string) => {\n if (!props.disabled) {\n files.value = files.value.filter((f) => f.name !== filename);\n emitFiles();\n }\n };\n\n const clearAll = () => {\n if (!props.disabled) {\n files.value = [];\n emitFiles();\n }\n };\n\n const openFileDialog = () => {\n fileInput.value?.click();\n };\n\n const onInput = (event: Event) => {\n if (event?.target) {\n const theFiles = (event.target as HTMLInputElement).files;\n const newFiles = theFiles\n ? Array.from(theFiles).filter((file) => !files.value.find((f) => f.name === file.name))\n : [];\n files.value = props.multiple ? [...files.value, ...newFiles] : newFiles;\n emitFiles();\n }\n };\n\n return {\n fileInput,\n files,\n fileList,\n fileInputModel,\n remove,\n clearAll,\n openFileDialog,\n onInput,\n };\n },\n});\n"],"names":["_sfc_main","defineComponent","NeonButton","NeonInput","NeonList","NeonSize","NeonState","NeonFunctionalColor","props","emit","fileInput","ref","files","fileInputModel","fileList","computed","file","emitFiles","filename","f","_a","event","theFiles","newFiles"],"mappings":";;;;;;;AAYA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,EAAA;AAAA,EAEF,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,UAAU,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA;AAAA;AAAA;AAAA,IAIpC,cAAc,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA;AAAA;AAAA;AAAA,IAIxC,UAAU,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKpC,QAAQ,EAAE,MAAM,QAAQ,SAAS,KAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKjC,IAAI,EAAE,MAAM,QAAQ,SAAS,KAAA;AAAA;AAAA;AAAA;AAAA,IAI7B,MAAM,EAAE,MAAM,QAA0B,SAASC,EAAS,OAAA;AAAA;AAAA;AAAA;AAAA,IAI1D,OAAO,EAAE,MAAM,QAA2B,SAASC,EAAU,MAAA;AAAA;AAAA;AAAA;AAAA,IAI7D,OAAO,EAAE,MAAM,QAAqC,SAASC,EAAoB,~~YAAA~~;AAAA;AAAA;AAAA;AAAA,IAIjF,OAAO,EAAE,MAAM,QAAQ,SAAS,KAAA;AAAA;AAAA;AAAA;AAAA,IAIhC,MAAM,EAAE,MAAM,QAAQ,SAAS,KAAA;AAAA,EAAK;AAAA,EAEtC,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL;AAAA,EAAA;AAAA,EAEF,MAAMC,GAAO,EAAE,MAAAC,KAAQ;AACrB,UAAMC,IAAYC,EAA6B,IAAI,GAC7CC,IAAQD,EAAiB,EAAE,GAC3BE,IAAiBF,EAAI,EAAE,GAEvBG,IAAWC,EAAS,MACjBH,EAAM,MAAM,IAAI,CAACI,OAAU,EAAE,KAAKA,EAAK,MAAM,OAAOA,EAAK,KAAA,EAAO,CACxE,GAEKC,IAAY,MAAM;AACtB,MAAAR,EAAK,qBAAqBD,EAAM,WAAWI,EAAM,QAAQA,EAAM,MAAM,CAAC,CAAC,GACnEJ,EAAM,iBACRI,EAAM,QAAQ,CAAA;AAAA,IAElB;AA+BA,WAAO;AAAA,MACL,WAAAF;AAAA,MACA,OAAAE;AAAA,MACA,UAAAE;AAAA,MACA,gBAAAD;AAAA,MACA,QAlCa,CAACK,MAAqB;AACnC,QAAKV,EAAM,aACTI,EAAM,QAAQA,EAAM,MAAM,OAAO,CAACO,MAAMA,EAAE,SAASD,CAAQ,GAC3DD,EAAA;AAAA,MAEJ;AAAA,MA8BE,UA5Be,MAAM;AACrB,QAAKT,EAAM,aACTI,EAAM,QAAQ,CAAA,GACdK,EAAA;AAAA,MAEJ;AAAA,MAwBE,gBAtBqB,MAAM;;AAC3B,SAAAG,IAAAV,EAAU,UAAV,QAAAU,EAAiB;AAAA,MACnB;AAAA,MAqBE,SAnBc,CAACC,MAAiB;AAChC,YAAIA,KAAA,QAAAA,EAAO,QAAQ;AACjB,gBAAMC,IAAYD,EAAM,OAA4B,OAC9CE,IAAWD,IACb,MAAM,KAAKA,CAAQ,EAAE,OAAO,CAACN,MAAS,CAACJ,EAAM,MAAM,KAAK,CAACO,MAAMA,EAAE,SAASH,EAAK,IAAI,CAAC,IACpF,CAAA;AACJ,UAAAJ,EAAM,QAAQJ,EAAM,WAAW,CAAC,GAAGI,EAAM,OAAO,GAAGW,CAAQ,IAAIA,GAC/DN,EAAA;AAAA,QACF;AAAA,MACF;AAAA,IAUE;AAAA,EAEJ;AACF,CAAC;"}
1	+ {"version":3,"file":"NeonFile.es.js","sources":["../../../../src/components/user-input/file/NeonFile.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { computed, defineComponent, ref } from 'vue';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport { NeonState } from '@/common/enums/NeonState';\nimport NeonButton from '@/components/user-input/button/NeonButton.vue';\nimport NeonInput from '@/components/user-input/input/NeonInput.vue';\nimport NeonList from '@/components/user-input/list/NeonList.vue';\n\n/*\n A file upload component. This is a wrapper around an HTML file input. It can display multiple files as well as\n * providing a convenient UI for removing/clearing files from the list.\n /\nexport default defineComponent({\n name: 'NeonFile',\n components: {\n NeonButton,\n NeonInput,\n NeonList,\n },\n props: {\n /\n The disabled state of the component\n /\n disabled: { type: Boolean, default: false },\n /\n Files are uploaded directly once added, there is no waiting to click a confirmation button\n /\n directUpload: { type: Boolean, default: false },\n /\n Support multiple files.\n /\n multiple: { type: Boolean, default: false },\n /\n HTML file input accept property for filtering the files the user is allowed to select. This is a mime type,\n * e.g. 'application/pdf'.\n /\n accept: { type: String, default: null },\n /\n Provide an id to attach to the internal HTML input[file] (also adds an aria-controls link between the button and\n * the hidden input).\n /\n id: { type: String, default: null },\n /\n The file component size\n /\n size: { type: String as () => NeonSize, default: NeonSize.Medium },\n /\n The state of the input, used to indicate loading, success and error states\n /\n state: { type: String as () => NeonState, default: NeonState.Ready },\n /\n The file component color\n /\n color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.Primary },\n /\n The label of the file component button\n /\n label: { type: String, default: null },\n /\n The icon of the file component button\n /\n icon: { type: String, default: null },\n },\n emits: [\n /\n Emitted when files are selected and uploaded\n * @type {File \| File[]} either a single File (multiple = false) or a list of File objects (multiple = true)\n */\n 'update:modelValue',\n ],\n setup(props, { emit }) {\n const fileInput = ref<HTMLInputElement \| null>(null);\n const files = ref<Array<File>>([]);\n const fileInputModel = ref('');\n\n const fileList = computed(() => {\n return files.value.map((file) => ({ key: file.name, label: file.name }));\n });\n\n const emitFiles = () => {\n emit('update:modelValue', props.multiple ? files.value : files.value[0]);\n if (props.directUpload) {\n files.value = [];\n }\n };\n\n const remove = (filename: string) => {\n if (!props.disabled) {\n files.value = files.value.filter((f) => f.name !== filename);\n emitFiles();\n }\n };\n\n const clearAll = () => {\n if (!props.disabled) {\n files.value = [];\n emitFiles();\n }\n };\n\n const openFileDialog = () => {\n fileInput.value?.click();\n };\n\n const onInput = (event: Event) => {\n if (event?.target) {\n const theFiles = (event.target as HTMLInputElement).files;\n const newFiles = theFiles\n ? Array.from(theFiles).filter((file) => !files.value.find((f) => f.name === file.name))\n : [];\n files.value = props.multiple ? [...files.value, ...newFiles] : newFiles;\n emitFiles();\n }\n };\n\n return {\n fileInput,\n files,\n fileList,\n fileInputModel,\n remove,\n clearAll,\n openFileDialog,\n onInput,\n };\n },\n});\n"],"names":["_sfc_main","defineComponent","NeonButton","NeonInput","NeonList","NeonSize","NeonState","NeonFunctionalColor","props","emit","fileInput","ref","files","fileInputModel","fileList","computed","file","emitFiles","filename","f","_a","event","theFiles","newFiles"],"mappings":";;;;;;;AAYA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,EAAA;AAAA,EAEF,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,UAAU,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA;AAAA;AAAA;AAAA,IAIpC,cAAc,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA;AAAA;AAAA;AAAA,IAIxC,UAAU,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKpC,QAAQ,EAAE,MAAM,QAAQ,SAAS,KAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKjC,IAAI,EAAE,MAAM,QAAQ,SAAS,KAAA;AAAA;AAAA;AAAA;AAAA,IAI7B,MAAM,EAAE,MAAM,QAA0B,SAASC,EAAS,OAAA;AAAA;AAAA;AAAA;AAAA,IAI1D,OAAO,EAAE,MAAM,QAA2B,SAASC,EAAU,MAAA;AAAA;AAAA;AAAA;AAAA,IAI7D,OAAO,EAAE,MAAM,QAAqC,SAASC,EAAoB,QAAA;AAAA;AAAA;AAAA;AAAA,IAIjF,OAAO,EAAE,MAAM,QAAQ,SAAS,KAAA;AAAA;AAAA;AAAA;AAAA,IAIhC,MAAM,EAAE,MAAM,QAAQ,SAAS,KAAA;AAAA,EAAK;AAAA,EAEtC,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL;AAAA,EAAA;AAAA,EAEF,MAAMC,GAAO,EAAE,MAAAC,KAAQ;AACrB,UAAMC,IAAYC,EAA6B,IAAI,GAC7CC,IAAQD,EAAiB,EAAE,GAC3BE,IAAiBF,EAAI,EAAE,GAEvBG,IAAWC,EAAS,MACjBH,EAAM,MAAM,IAAI,CAACI,OAAU,EAAE,KAAKA,EAAK,MAAM,OAAOA,EAAK,KAAA,EAAO,CACxE,GAEKC,IAAY,MAAM;AACtB,MAAAR,EAAK,qBAAqBD,EAAM,WAAWI,EAAM,QAAQA,EAAM,MAAM,CAAC,CAAC,GACnEJ,EAAM,iBACRI,EAAM,QAAQ,CAAA;AAAA,IAElB;AA+BA,WAAO;AAAA,MACL,WAAAF;AAAA,MACA,OAAAE;AAAA,MACA,UAAAE;AAAA,MACA,gBAAAD;AAAA,MACA,QAlCa,CAACK,MAAqB;AACnC,QAAKV,EAAM,aACTI,EAAM,QAAQA,EAAM,MAAM,OAAO,CAACO,MAAMA,EAAE,SAASD,CAAQ,GAC3DD,EAAA;AAAA,MAEJ;AAAA,MA8BE,UA5Be,MAAM;AACrB,QAAKT,EAAM,aACTI,EAAM,QAAQ,CAAA,GACdK,EAAA;AAAA,MAEJ;AAAA,MAwBE,gBAtBqB,MAAM;;AAC3B,SAAAG,IAAAV,EAAU,UAAV,QAAAU,EAAiB;AAAA,MACnB;AAAA,MAqBE,SAnBc,CAACC,MAAiB;AAChC,YAAIA,KAAA,QAAAA,EAAO,QAAQ;AACjB,gBAAMC,IAAYD,EAAM,OAA4B,OAC9CE,IAAWD,IACb,MAAM,KAAKA,CAAQ,EAAE,OAAO,CAACN,MAAS,CAACJ,EAAM,MAAM,KAAK,CAACO,MAAMA,EAAE,SAASH,EAAK,IAAI,CAAC,IACpF,CAAA;AACJ,UAAAJ,EAAM,QAAQJ,EAAM,WAAW,CAAC,GAAGI,EAAM,OAAO,GAAGW,CAAQ,IAAIA,GAC/DN,EAAA;AAAA,QACF;AAAA,MACF;AAAA,IAUE;AAAA,EAEJ;AACF,CAAC;"}

package/dist/components/user-input/input/NeonInput.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";const n=require("vue"),a=require("../../../common/enums/NeonInputType.cjs.js"),o=require("../../../common/enums/NeonState.cjs.js"),x=require("../../../common/enums/NeonSize.cjs.js"),c=require("../../../common/enums/NeonFunctionalColor.cjs.js"),B=require("../../presentation/icon/NeonIcon.vue.cjs.js"),q=require("../../../common/utils/NeonDebounceUtils.cjs.js"),F=require("../../../common/enums/NeonInputMode.cjs.js"),T=n.defineComponent({name:"NeonInput",components:{NeonIcon:B},props:{id:{type:String,default:null},modelValue:{type:String,default:null},type:{type:String,default:a.NeonInputType.Text},placeholder:{type:String,default:null},size:{type:String,default:x.NeonSize.Medium},color:{type:String,default:c.NeonFunctionalColor.LowContrast},inputmode:{type:String,default:F.NeonInputMode.Text},state:{type:String,default:o.NeonState.Ready},rows:{type:Number,default:null},icon:{type:String,default:null},iconReadonly:{type:Boolean,default:!1},hideIcon:{type:Boolean,default:!1},tabindex:{type:Number,default:0},disabled:{type:Boolean,default:!1},stateHighlight:{type:Boolean,default:!0},stateIcon:{type:Boolean,default:!0},maxlength:{type:Number,default:null},debounce:{type:Number,default:void 0}},emits:["focus","blur","icon-click","update:modelValue"],setup(e,{emit:l}){const m=n.useAttrs(),i=n.ref(null),r=n.ref(!1),N=n.computed(()=>{const{onBlur:t,onFocus:u,onIconClick:d,...w}=m;return w}),s=q.NeonDebounceUtils.debounce(t=>{l("update:modelValue",t)},e.debounce),f=n.computed(()=>{switch(e.state){case o.NeonState.Loading:return"loading";case o.NeonState.Success:return e.stateIcon?"check":void 0;case o.NeonState.Error:return e.stateIcon?"times":void 0;default:return e.icon?e.icon:e.modelValue&&e.modelValue.length>0?"times":void 0}}),g=n.computed(()=>f.value&&!e.hideIcon&&(e.state!=="ready"||e.icon||e.modelValue&&!e.disabled&&e.modelValue.length>0)),y=n.computed(()=>{switch(e.state){case o.NeonState.Success:return c.NeonFunctionalColor.Success;case o.NeonState.Error:return c.NeonFunctionalColor.Error;case o.NeonState.Loading:return e.color;default:return c.NeonFunctionalColor.LowContrast}}),h=()=>{var t;(t=i.value)==null||t.focus()},S=()=>{var t;(t=i.value)==null||t.click()},b=()=>{r.value=!0,l("focus")},I=()=>{r.value=!1,l("blur")},v=t=>{e.disabled||(e.icon?l("icon-click"):s(""),t.preventDefault(),t.stopPropagation())},V=t=>{const u=t.target.value,d=e.maxlength&&u.length>e.maxlength?u.substring(0,e.maxlength):u;e.modelValue!==d&&s(d)},C=t=>{t.key!=="Backspace"&&e.maxlength&&e.modelValue&&e.modelValue.length>=e.maxlength&&t.preventDefault()},k=n.computed(()=>{if(e.placeholder)return e.placeholder;switch(e.type){case a.NeonInputType.Email:return"gbelson@hooli.com";case a.NeonInputType.Tel:return"+41785551234";case a.NeonInputType.Url:return"http://www.getskeleton.com";default:return""}});return{neonInput:i,focused:r,sanitizedAttributes:N,iconVisible:g,iconName:f,iconColor:y,computedPlaceholder:k,focus:h,click:S,onFocus:b,onBlur:I,iconClicked:v,changeValue:V,onKeyDown:C}}});module.exports=T;
+"use strict";const n=require("vue"),c=require("../../../common/enums/NeonInputType.cjs.js"),o=require("../../../common/enums/NeonState.cjs.js"),w=require("../../../common/enums/NeonSize.cjs.js"),i=require("../../../common/enums/NeonFunctionalColor.cjs.js"),B=require("../../presentation/icon/NeonIcon.vue.cjs.js"),q=require("../../../common/utils/NeonDebounceUtils.cjs.js"),F=require("../../../common/enums/NeonInputMode.cjs.js"),T=n.defineComponent({name:"NeonInput",components:{NeonIcon:B},props:{id:{type:String,default:null},modelValue:{type:String,default:null},type:{type:String,default:c.NeonInputType.Text},placeholder:{type:String,default:null},size:{type:String,default:w.NeonSize.Medium},color:{type:String,default:i.NeonFunctionalColor.Primary},inputmode:{type:String,default:F.NeonInputMode.Text},autocomplete:{type:String,default:"on"},state:{type:String,default:o.NeonState.Ready},rows:{type:Number,default:null},icon:{type:String,default:null},iconReadonly:{type:Boolean,default:!1},hideIcon:{type:Boolean,default:!1},tabindex:{type:Number,default:0},disabled:{type:Boolean,default:!1},stateHighlight:{type:Boolean,default:!0},stateIcon:{type:Boolean,default:!0},maxlength:{type:Number,default:null},debounce:{type:Number,default:void 0}},emits:["focus","blur","icon-click","update:modelValue"],setup(e,{emit:l}){const m=n.useAttrs(),u=n.ref(null),r=n.ref(!1),y=n.computed(()=>{const{onBlur:t,onFocus:a,onIconClick:d,...C}=m;return C}),s=q.NeonDebounceUtils.debounce(t=>{l("update:modelValue",t)},e.debounce),f=n.computed(()=>{switch(e.state){case o.NeonState.Loading:return"loading";case o.NeonState.Success:return e.stateIcon?"check":void 0;case o.NeonState.Error:return e.stateIcon?"times":void 0;default:return e.icon?e.icon:e.modelValue&&e.modelValue.length>0?"times":void 0}}),g=n.computed(()=>f.value&&!e.hideIcon&&(e.state!=="ready"||e.icon||e.modelValue&&!e.disabled&&e.modelValue.length>0)),N=n.computed(()=>{switch(e.state){case o.NeonState.Success:return i.NeonFunctionalColor.Success;case o.NeonState.Error:return i.NeonFunctionalColor.Error;case o.NeonState.Loading:return e.color;default:return i.NeonFunctionalColor.LowContrast}}),h=()=>{var t;(t=u.value)==null||t.focus()},S=()=>{var t;(t=u.value)==null||t.click()},b=()=>{r.value=!0,l("focus")},I=()=>{r.value=!1,l("blur")},v=t=>{e.disabled||(e.icon?l("icon-click"):s(""),t.preventDefault(),t.stopPropagation())},V=t=>{const a=t.target.value,d=e.maxlength&&a.length>e.maxlength?a.substring(0,e.maxlength):a;e.modelValue!==d&&s(d)},x=t=>{t.key!=="Backspace"&&e.maxlength&&e.modelValue&&e.modelValue.length>=e.maxlength&&t.preventDefault()},k=n.computed(()=>{if(e.placeholder)return e.placeholder;switch(e.type){case c.NeonInputType.Email:return"gbelson@hooli.com";case c.NeonInputType.Tel:return"+41785551234";case c.NeonInputType.Url:return"http://www.getskeleton.com";default:return""}});return n.defineExpose({neonInput:u}),{neonInput:u,focused:r,sanitizedAttributes:y,iconVisible:g,iconName:f,iconColor:N,computedPlaceholder:k,focus:h,click:S,onFocus:b,onBlur:I,iconClicked:v,changeValue:V,onKeyDown:x}}});module.exports=T;
 //# sourceMappingURL=NeonInput.cjs.js.map

package/dist/components/user-input/input/NeonInput.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NeonInput.cjs.js","sources":["../../../../src/components/user-input/input/NeonInput.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { computed, defineComponent, ref, useAttrs } from 'vue';\nimport { NeonInputType } from '@/common/enums/NeonInputType';\nimport { NeonState } from '@/common/enums/NeonState';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport { NeonDebounceUtils } from '@/common/utils/NeonDebounceUtils';\nimport { NeonInputMode } from '@/common/enums/NeonInputMode';\n\n/*\n Equivalent of, and wrapper around, an HTML input. Also supports <strong>textarea</strong>.\n /\nexport default defineComponent({\n name: 'NeonInput',\n components: {\n NeonIcon,\n },\n props: {\n /\n The id the input\n /\n id: { type: String, default: null },\n /\n The value of the input\n /\n modelValue: { type: String, default: null },\n /\n The type of input this is. NOTE: Neon provides custom components as alternatives in the following cases:\n * * file (use <a href=\"/user-input/file\">NeonFile</a>)\n * * password (use <a href=\"/user-input/password\">NeonPassword</a>)\n /\n type: { type: String as () => NeonInputType, default: NeonInputType.Text },\n /\n Placeholder text to display in the input\n /\n placeholder: { type: String, default: null },\n /\n Size of the input\n /\n size: { type: String as () => NeonSize, default: NeonSize.Medium },\n /\n Color of the input\n /\n color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.LowContrast },\n /\n The HTML input mode as specified <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode\">here</a>.\n /\n inputmode: { type: String as () => NeonInputMode, default: NeonInputMode.Text },\n /\n The state of the input\n /\n state: { type: String as () => NeonState, default: NeonState.Ready },\n /\n The number of rows to display in the case of a textarea\n /\n rows: { type: Number, default: null },\n /\n The name of a clickable icon to display inside the input. This is used for clearing contents or e.g. in the case of\n * NeonPassword toggle showing/hiding the password. Defaults to <em>times</em> (for clearing the input's contents).\n /\n icon: { type: String, default: null },\n /\n Make the input field icon read-only, i.e. it will not emit events or be treated as a focusable button.\n /\n iconReadonly: { type: Boolean, default: false },\n /\n Hide the icon button, e.g. the X button to clear the input's contents.\n /\n hideIcon: { type: Boolean, default: false },\n /\n Tabindex to assign to the input.\n /\n tabindex: { type: Number, default: 0 },\n /\n The disabled state of the input\n /\n disabled: { type: Boolean, default: false },\n /\n When the state is success or error, display the field with the state color indicator, e.g. border or background\n * color.\n /\n stateHighlight: { type: Boolean, default: true },\n /\n When the state is success or error, display the state icon.\n /\n stateIcon: { type: Boolean, default: true },\n /\n The character limit for a textarea.\n /\n maxlength: { type: Number, default: null },\n /\n Debounce time in ms, if no value is provided the default value set in NeonDebounceUtils is used (=300ms).\n * Set to 0 to disable debounce.\n /\n debounce: { type: Number, default: undefined },\n },\n emits: [\n /\n Emitted when the input has gained focus\n * @type {void}\n /\n 'focus',\n /\n Emitted when the input has lost focus\n * @type {void}\n /\n 'blur',\n /\n Emitted when the icon is clicked\n * @type {void}\n /\n 'icon-click',\n /\n Emitted when the input value is changed, NOTE: is not triggered if input is over the textarea length limit\n * @type {string} the contents of the input\n */\n 'update:modelValue',\n ],\n setup(props, { emit }) {\n const attrs = useAttrs();\n const neonInput = ref<HTMLElement \| null>(null);\n const focused = ref(false);\n\n const sanitizedAttributes = computed(() => {\n const {\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n onBlur,\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n onFocus,\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n onIconClick,\n ...sanitized\n } = attrs;\n\n return sanitized;\n });\n\n const emitModelValue = NeonDebounceUtils.debounce((value: string) => {\n emit('update:modelValue', value);\n }, props.debounce);\n\n const iconName = computed(() => {\n switch (props.state) {\n case NeonState.Loading:\n return 'loading';\n case NeonState.Success:\n return props.stateIcon ? 'check' : undefined;\n case NeonState.Error:\n return props.stateIcon ? 'times' : undefined;\n default:\n if (props.icon) {\n return props.icon;\n } else if (props.modelValue && props.modelValue.length > 0) {\n return 'times';\n }\n\n return undefined;\n }\n });\n\n const iconVisible = computed(() => {\n return (\n iconName.value &&\n !props.hideIcon &&\n (props.state !== 'ready' \|\| props.icon \|\| (props.modelValue && !props.disabled && props.modelValue.length > 0))\n );\n });\n\n const iconColor = computed(() => {\n switch (props.state) {\n case NeonState.Success:\n return NeonFunctionalColor.Success;\n case NeonState.Error:\n return NeonFunctionalColor.Error;\n case NeonState.Loading:\n return props.color;\n default:\n return NeonFunctionalColor.LowContrast;\n }\n });\n\n const focus = () => {\n neonInput.value?.focus();\n };\n\n const click = () => {\n neonInput.value?.click();\n };\n\n const onFocus = () => {\n focused.value = true;\n emit('focus');\n };\n\n const onBlur = () => {\n focused.value = false;\n emit('blur');\n };\n\n const iconClicked = ($event: Event) => {\n if (!props.disabled) {\n if (props.icon) {\n emit('icon-click');\n } else {\n emitModelValue('');\n }\n $event.preventDefault();\n $event.stopPropagation();\n }\n };\n\n const changeValue = (event: Event) => {\n const val = (event.target as HTMLInputElement).value;\n const v = props.maxlength && val.length > props.maxlength ? val.substring(0, props.maxlength) : val;\n if (props.modelValue !== v) {\n emitModelValue(v);\n }\n };\n\n const onKeyDown = (event: KeyboardEvent) => {\n if (\n event.key !== 'Backspace' &&\n props.maxlength &&\n props.modelValue &&\n props.modelValue.length >= props.maxlength\n ) {\n event.preventDefault();\n }\n };\n\n const computedPlaceholder = computed(() => {\n if (props.placeholder) {\n return props.placeholder;\n } else {\n switch (props.type) {\n case NeonInputType.Email:\n return 'gbelson@hooli.com';\n case NeonInputType.Tel:\n return '+41785551234';\n case NeonInputType.Url:\n return 'http://www.getskeleton.com';\n default:\n return '';\n }\n }\n });\n\n return {\n neonInput,\n focused,\n sanitizedAttributes,\n iconVisible,\n iconName,\n iconColor,\n computedPlaceholder,\n focus,\n click,\n onFocus,\n onBlur,\n iconClicked,\n changeValue,\n onKeyDown,\n };\n },\n});\n"],"names":["_sfc_main","defineComponent","NeonIcon","NeonInputType","NeonSize","NeonFunctionalColor","NeonInputMode","NeonState","props","emit","attrs","useAttrs","neonInput","ref","focused","sanitizedAttributes","computed","onBlur","onFocus","onIconClick","sanitized","emitModelValue","NeonDebounceUtils","value","iconName","iconVisible","iconColor","focus","_a","click","iconClicked","$event","changeValue","event","val","v","onKeyDown","computedPlaceholder"],"mappings":"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"}
1	+ {"version":3,"file":"NeonInput.cjs.js","sources":["../../../../src/components/user-input/input/NeonInput.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { computed, defineComponent, defineExpose, ref, useAttrs } from 'vue';\nimport { NeonInputType } from '@/common/enums/NeonInputType';\nimport { NeonState } from '@/common/enums/NeonState';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport { NeonDebounceUtils } from '@/common/utils/NeonDebounceUtils';\nimport { NeonInputMode } from '@/common/enums/NeonInputMode';\n\n/*\n Equivalent of, and wrapper around, an HTML input. Also supports <strong>textarea</strong>.\n /\nexport default defineComponent({\n name: 'NeonInput',\n components: {\n NeonIcon,\n },\n props: {\n /\n The id the input\n /\n id: { type: String, default: null },\n /\n The value of the input\n /\n modelValue: { type: String, default: null },\n /\n The type of input this is. NOTE: Neon provides custom components as alternatives in the following cases:\n * * file (use <a href=\"/user-input/file\">NeonFile</a>)\n * * password (use <a href=\"/user-input/password\">NeonPassword</a>)\n /\n type: { type: String as () => NeonInputType, default: NeonInputType.Text },\n /\n Placeholder text to display in the input\n /\n placeholder: { type: String, default: null },\n /\n Size of the input\n /\n size: { type: String as () => NeonSize, default: NeonSize.Medium },\n /\n Color of the input\n /\n color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.Primary },\n /\n The HTML input mode as specified <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode\">here</a>.\n /\n inputmode: { type: String as () => NeonInputMode, default: NeonInputMode.Text },\n /\n The HTML autocomplete mode as specified <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete#values\">here</a>.\n * NOTE: No enum is provided in Neon as some values can be used in combination, please refer to the full list of values in the preceding link.\n /\n autocomplete: { type: String, default: 'on' },\n /\n The state of the input\n /\n state: { type: String as () => NeonState, default: NeonState.Ready },\n /\n The number of rows to display in the case of a textarea\n /\n rows: { type: Number, default: null },\n /\n The name of a clickable icon to display inside the input. This is used for clearing contents or e.g. in the case of\n * NeonPassword toggle showing/hiding the password. Defaults to <em>times</em> (for clearing the input's contents).\n /\n icon: { type: String, default: null },\n /\n Make the input field icon read-only, i.e. it will not emit events or be treated as a focusable button.\n /\n iconReadonly: { type: Boolean, default: false },\n /\n Hide the icon button, e.g. the X button to clear the input's contents.\n /\n hideIcon: { type: Boolean, default: false },\n /\n Tabindex to assign to the input.\n /\n tabindex: { type: Number, default: 0 },\n /\n The disabled state of the input\n /\n disabled: { type: Boolean, default: false },\n /\n When the state is success or error, display the field with the state color indicator, e.g. border or background\n * color.\n /\n stateHighlight: { type: Boolean, default: true },\n /\n When the state is success or error, display the state icon.\n /\n stateIcon: { type: Boolean, default: true },\n /\n The character limit for a textarea.\n /\n maxlength: { type: Number, default: null },\n /\n Debounce time in ms, if no value is provided the default value set in NeonDebounceUtils is used (=300ms).\n * Set to 0 to disable debounce.\n /\n debounce: { type: Number, default: undefined },\n },\n emits: [\n /\n Emitted when the input has gained focus\n * @type {void}\n /\n 'focus',\n /\n Emitted when the input has lost focus\n * @type {void}\n /\n 'blur',\n /\n Emitted when the icon is clicked\n * @type {void}\n /\n 'icon-click',\n /\n Emitted when the input value is changed, NOTE: is not triggered if input is over the textarea length limit\n * @type {string} the contents of the input\n */\n 'update:modelValue',\n ],\n setup(props, { emit }) {\n const attrs = useAttrs();\n const neonInput = ref<HTMLElement \| null>(null);\n const focused = ref(false);\n\n const sanitizedAttributes = computed(() => {\n const {\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n onBlur,\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n onFocus,\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n onIconClick,\n ...sanitized\n } = attrs;\n\n return sanitized;\n });\n\n const emitModelValue = NeonDebounceUtils.debounce((value: string) => {\n emit('update:modelValue', value);\n }, props.debounce);\n\n const iconName = computed(() => {\n switch (props.state) {\n case NeonState.Loading:\n return 'loading';\n case NeonState.Success:\n return props.stateIcon ? 'check' : undefined;\n case NeonState.Error:\n return props.stateIcon ? 'times' : undefined;\n default:\n if (props.icon) {\n return props.icon;\n } else if (props.modelValue && props.modelValue.length > 0) {\n return 'times';\n }\n\n return undefined;\n }\n });\n\n const iconVisible = computed(() => {\n return (\n iconName.value &&\n !props.hideIcon &&\n (props.state !== 'ready' \|\| props.icon \|\| (props.modelValue && !props.disabled && props.modelValue.length > 0))\n );\n });\n\n const iconColor = computed(() => {\n switch (props.state) {\n case NeonState.Success:\n return NeonFunctionalColor.Success;\n case NeonState.Error:\n return NeonFunctionalColor.Error;\n case NeonState.Loading:\n return props.color;\n default:\n return NeonFunctionalColor.LowContrast;\n }\n });\n\n const focus = () => {\n neonInput.value?.focus();\n };\n\n const click = () => {\n neonInput.value?.click();\n };\n\n const onFocus = () => {\n focused.value = true;\n emit('focus');\n };\n\n const onBlur = () => {\n focused.value = false;\n emit('blur');\n };\n\n const iconClicked = ($event: Event) => {\n if (!props.disabled) {\n if (props.icon) {\n emit('icon-click');\n } else {\n emitModelValue('');\n }\n $event.preventDefault();\n $event.stopPropagation();\n }\n };\n\n const changeValue = (event: Event) => {\n const val = (event.target as HTMLInputElement).value;\n const v = props.maxlength && val.length > props.maxlength ? val.substring(0, props.maxlength) : val;\n if (props.modelValue !== v) {\n emitModelValue(v);\n }\n };\n\n const onKeyDown = (event: KeyboardEvent) => {\n if (\n event.key !== 'Backspace' &&\n props.maxlength &&\n props.modelValue &&\n props.modelValue.length >= props.maxlength\n ) {\n event.preventDefault();\n }\n };\n\n const computedPlaceholder = computed(() => {\n if (props.placeholder) {\n return props.placeholder;\n } else {\n switch (props.type) {\n case NeonInputType.Email:\n return 'gbelson@hooli.com';\n case NeonInputType.Tel:\n return '+41785551234';\n case NeonInputType.Url:\n return 'http://www.getskeleton.com';\n default:\n return '';\n }\n }\n });\n\n defineExpose({ neonInput });\n\n return {\n neonInput,\n focused,\n sanitizedAttributes,\n iconVisible,\n iconName,\n iconColor,\n computedPlaceholder,\n focus,\n click,\n onFocus,\n onBlur,\n iconClicked,\n changeValue,\n onKeyDown,\n };\n },\n});\n"],"names":["_sfc_main","defineComponent","NeonIcon","NeonInputType","NeonSize","NeonFunctionalColor","NeonInputMode","NeonState","props","emit","attrs","useAttrs","neonInput","ref","focused","sanitizedAttributes","computed","onBlur","onFocus","onIconClick","sanitized","emitModelValue","NeonDebounceUtils","value","iconName","iconVisible","iconColor","focus","_a","click","iconClicked","$event","changeValue","event","val","v","onKeyDown","computedPlaceholder","defineExpose"],"mappings":"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"}

package/dist/components/user-input/input/NeonInput.es.js CHANGED Viewed

@@ -1,15 +1,15 @@
-import { defineComponent as C, useAttrs as z, ref as m, computed as l } from "vue";
-import { NeonInputType as u } from "../../../common/enums/NeonInputType.es.js";
+import { defineComponent as C, useAttrs as E, ref as m, computed as l, defineExpose as z } from "vue";
+import { NeonInputType as c } from "../../../common/enums/NeonInputType.es.js";
 import { NeonState as n } from "../../../common/enums/NeonState.es.js";
 import { NeonSize as D } from "../../../common/enums/NeonSize.es.js";
-import { NeonFunctionalColor as c } from "../../../common/enums/NeonFunctionalColor.es.js";
-import E from "../../presentation/icon/NeonIcon.vue.es.js";
-import { NeonDebounceUtils as F } from "../../../common/utils/NeonDebounceUtils.es.js";
+import { NeonFunctionalColor as i } from "../../../common/enums/NeonFunctionalColor.es.js";
+import F from "../../presentation/icon/NeonIcon.vue.es.js";
+import { NeonDebounceUtils as T } from "../../../common/utils/NeonDebounceUtils.es.js";
 import { NeonInputMode as L } from "../../../common/enums/NeonInputMode.es.js";
-const K = C({
+const j = C({
   name: "NeonInput",
   components: {
-    NeonIcon: E
+    NeonIcon: F
   },
   props: {
     /**
@@ -25,7 +25,7 @@ const K = C({
      * * file (use <a href="/user-input/file">NeonFile</a>)
      * * password (use <a href="/user-input/password">NeonPassword</a>)
      */
-    type: { type: String, default: u.Text },
+    type: { type: String, default: c.Text },
     /**
      * Placeholder text to display in the input
      */
@@ -37,11 +37,16 @@ const K = C({
     /**
      * Color of the input
      */
-    color: { type: String, default: c.LowContrast },
+    color: { type: String, default: i.Primary },
     /**
      * The HTML input mode as specified <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode">here</a>.
      */
     inputmode: { type: String, default: L.Text },
+    /**
+     * The HTML autocomplete mode as specified <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete#values">here</a>.
+     * NOTE: No enum is provided in Neon as some values can be used in combination, please refer to the full list of values in the preceding link.
+     */
+    autocomplete: { type: String, default: "on" },
     /**
      * The state of the input
      */
@@ -113,18 +118,18 @@ const K = C({
     "update:modelValue"
   ],
   setup(e, { emit: o }) {
-    const g = z(), i = m(null), r = m(!1), y = l(() => {
+    const g = E(), a = m(null), r = m(!1), y = l(() => {
       const {
         // eslint-disable-next-line @typescript-eslint/no-unused-vars
         onBlur: t,
         // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        onFocus: a,
+        onFocus: u,
         // eslint-disable-next-line @typescript-eslint/no-unused-vars
         onIconClick: d,
         ...B
       } = g;
       return B;
-    }), s = F.debounce((t) => {
+    }), s = T.debounce((t) => {
       o("update:modelValue", t);
     }, e.debounce), f = l(() => {
       switch (e.state) {
@@ -140,64 +145,64 @@ const K = C({
     }), h = l(() => f.value && !e.hideIcon && (e.state !== "ready" || e.icon || e.modelValue && !e.disabled && e.modelValue.length > 0)), b = l(() => {
       switch (e.state) {
         case n.Success:
-          return c.Success;
+          return i.Success;
         case n.Error:
-          return c.Error;
+          return i.Error;
         case n.Loading:
           return e.color;
         default:
-          return c.LowContrast;
+          return i.LowContrast;
       }
     }), S = () => {
       var t;
-      (t = i.value) == null || t.focus();
+      (t = a.value) == null || t.focus();
     }, N = () => {
       var t;
-      (t = i.value) == null || t.click();
+      (t = a.value) == null || t.click();
     }, V = () => {
       r.value = !0, o("focus");
     }, v = () => {
       r.value = !1, o("blur");
-    }, I = (t) => {
+    }, x = (t) => {
       e.disabled || (e.icon ? o("icon-click") : s(""), t.preventDefault(), t.stopPropagation());
-    }, k = (t) => {
-      const a = t.target.value, d = e.maxlength && a.length > e.maxlength ? a.substring(0, e.maxlength) : a;
+    }, I = (t) => {
+      const u = t.target.value, d = e.maxlength && u.length > e.maxlength ? u.substring(0, e.maxlength) : u;
       e.modelValue !== d && s(d);
-    }, w = (t) => {
+    }, k = (t) => {
       t.key !== "Backspace" && e.maxlength && e.modelValue && e.modelValue.length >= e.maxlength && t.preventDefault();
-    }, x = l(() => {
+    }, w = l(() => {
       if (e.placeholder)
         return e.placeholder;
       switch (e.type) {
-        case u.Email:
+        case c.Email:
           return "gbelson@hooli.com";
-        case u.Tel:
+        case c.Tel:
           return "+41785551234";
-        case u.Url:
+        case c.Url:
           return "http://www.getskeleton.com";
         default:
           return "";
       }
     });
-    return {
-      neonInput: i,
+    return z({ neonInput: a }), {
+      neonInput: a,
       focused: r,
       sanitizedAttributes: y,
       iconVisible: h,
       iconName: f,
       iconColor: b,
-      computedPlaceholder: x,
+      computedPlaceholder: w,
       focus: S,
       click: N,
       onFocus: V,
       onBlur: v,
-      iconClicked: I,
-      changeValue: k,
-      onKeyDown: w
+      iconClicked: x,
+      changeValue: I,
+      onKeyDown: k
     };
   }
 });
 export {
-  K as default
+  j as default
 };
 //# sourceMappingURL=NeonInput.es.js.map