@citizenplane/pimp 8.1.1 → 8.1.2

package/dist/pimp.es.js

@@ -1,6 +1,6 @@
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createBlock, createCommentVNode, createElementVNode, resolveDynamicComponent, mergeProps, withCtx, createVNode, resolveDirective, createTextVNode, toDisplayString, withDirectives, vModelText, Fragment, renderList, vModelSelect, defineComponent, watch, h, Transition, normalizeStyle, withKeys, TransitionGroup, vShow, ref, withModifiers, vModelCheckbox } from "vue";
-function _mergeNamespaces(n2, m2) {
-  m2.forEach(function(e) {
+function _mergeNamespaces(n2, m) {
+  m.forEach(function(e) {
     e && typeof e !== "string" && !Array.isArray(e) && Object.keys(e).forEach(function(k) {
       if (k !== "default" && !(k in n2)) {
         var d = Object.getOwnPropertyDescriptor(e, k);
@@ -15,10 +15,10 @@ function _mergeNamespaces(n2, m2) {
   });
   return Object.freeze(Object.defineProperty(n2, Symbol.toStringTag, { value: "Module" }));
 }
-/*! maska v2.1.1 | (c) Alexander Shabunevich | Released under the MIT license */
+/*! maska v2.1.2 | (c) Alexander Shabunevich | Released under the MIT license */
 var L = Object.defineProperty;
 var b = (n2, t, s2) => t in n2 ? L(n2, t, { enumerable: true, configurable: true, writable: true, value: s2 }) : n2[t] = s2;
-var m = (n2, t, s2) => (b(n2, typeof t != "symbol" ? t + "" : t, s2), s2);
+var f = (n2, t, s2) => (b(n2, typeof t != "symbol" ? t + "" : t, s2), s2);
 const R = {
   "#": { pattern: /[0-9]/ },
   "@": { pattern: /[a-zA-Z]/ },
@@ -26,8 +26,8 @@ const R = {
 };
 class w {
   constructor(t = {}) {
-    m(this, "opts", {});
-    m(this, "memo", /* @__PURE__ */ new Map());
+    f(this, "opts", {});
+    f(this, "memo", /* @__PURE__ */ new Map());
     var e;
     const s2 = { ...t };
     if (s2.tokens != null) {
@@ -67,7 +67,7 @@ class w {
     if (typeof s2 == "function")
       return s2(t);
     const e = this.process(t, (a = s2.slice(-1).pop()) != null ? a : "", false);
-    return (i = s2.find((c) => this.process(t, c, false).length >= e.length)) != null ? i : "";
+    return (i = s2.find((p) => this.process(t, p, false).length >= e.length)) != null ? i : "";
   }
   escapeMask(t) {
     const s2 = [], e = [];
@@ -82,34 +82,34 @@ class w {
     const a = `value=${t},mask=${s2},masked=${e ? 1 : 0}`;
     if (this.memo.has(a))
       return this.memo.get(a);
-    const { mask: i, escaped: c } = this.escapeMask(s2), l2 = [], k = this.opts.tokens != null ? this.opts.tokens : {}, r = this.isReversed() ? -1 : 1, u = this.isReversed() ? "unshift" : "push", g = this.isReversed() ? 0 : i.length - 1, S = this.isReversed() ? () => o > -1 && p > -1 : () => o < i.length && p < t.length, W = (f) => !this.isReversed() && f <= g || this.isReversed() && f >= g;
-    let E, d = -1, o = this.isReversed() ? i.length - 1 : 0, p = this.isReversed() ? t.length - 1 : 0;
-    for (; S(); ) {
-      const f = i.charAt(o), h2 = k[f], M = (h2 == null ? void 0 : h2.transform) != null ? h2.transform(t.charAt(p)) : t.charAt(p);
-      if (!c.includes(o) && h2 != null) {
+    const { mask: i, escaped: p } = this.escapeMask(s2), l2 = [], k = this.opts.tokens != null ? this.opts.tokens : {}, r = this.isReversed() ? -1 : 1, u = this.isReversed() ? "unshift" : "push", g = this.isReversed() ? 0 : i.length - 1, V = this.isReversed() ? () => o > -1 && c > -1 : () => o < i.length && c < t.length, W = (m) => !this.isReversed() && m <= g || this.isReversed() && m >= g;
+    let E, d = -1, o = this.isReversed() ? i.length - 1 : 0, c = this.isReversed() ? t.length - 1 : 0;
+    for (; V(); ) {
+      const m = i.charAt(o), h2 = k[m], M = (h2 == null ? void 0 : h2.transform) != null ? h2.transform(t.charAt(c)) : t.charAt(c);
+      if (!p.includes(o) && h2 != null) {
         if (M.match(h2.pattern) != null)
           l2[u](M), h2.repeated ? (d === -1 ? d = o : o === g && o !== d && (o = d - r), g === d && (o -= r)) : h2.multiple && (o -= r), o += r;
         else if (h2.multiple) {
-          const P = ((v = l2[p - r]) == null ? void 0 : v.match(h2.pattern)) != null, A = i.charAt(o + r);
-          P && A !== "" && k[A] == null ? (o += r, p -= r) : l2[u]("");
+          const P = ((v = l2[c - r]) == null ? void 0 : v.match(h2.pattern)) != null, A = i.charAt(o + r);
+          P && A !== "" && k[A] == null ? (o += r, c -= r) : l2[u]("");
         } else
-          M === E ? E = void 0 : h2.optional && (o += r, p -= r);
-        p += r;
+          M === E ? E = void 0 : h2.optional && (o += r, c -= r);
+        c += r;
       } else
-        e && !this.isEager() && l2[u](f), M === f && !this.isEager() ? p += r : E = f, this.isEager() || (o += r);
+        e && !this.isEager() && l2[u](m), M === m && !this.isEager() ? c += r : E = m, this.isEager() || (o += r);
       if (this.isEager())
-        for (; W(o) && (k[i.charAt(o)] == null || c.includes(o)); )
-          e ? l2[u](i.charAt(o)) : i.charAt(o) === t.charAt(p) && (p += r), o += r;
+        for (; W(o) && (k[i.charAt(o)] == null || p.includes(o)); )
+          e ? l2[u](i.charAt(o)) : i.charAt(o) === t.charAt(c) && (c += r), o += r;
     }
     return this.memo.set(a, l2.join("")), this.memo.get(a);
   }
 }
-const C = (n2) => JSON.parse(n2.replaceAll("'", '"')), O = (n2, t = {}) => {
+const S = (n2) => JSON.parse(n2.replaceAll("'", '"')), O = (n2, t = {}) => {
   const s2 = { ...t };
   return n2.dataset.maska != null && n2.dataset.maska !== "" && (s2.mask = x(n2.dataset.maska)), n2.dataset.maskaEager != null && (s2.eager = y(n2.dataset.maskaEager)), n2.dataset.maskaReversed != null && (s2.reversed = y(n2.dataset.maskaReversed)), n2.dataset.maskaTokensReplace != null && (s2.tokensReplace = y(n2.dataset.maskaTokensReplace)), n2.dataset.maskaTokens != null && (s2.tokens = J(n2.dataset.maskaTokens)), s2;
-}, y = (n2) => n2 !== "" ? Boolean(JSON.parse(n2)) : true, x = (n2) => n2.startsWith("[") && n2.endsWith("]") ? C(n2) : n2, J = (n2) => {
+}, y = (n2) => n2 !== "" ? Boolean(JSON.parse(n2)) : true, x = (n2) => n2.startsWith("[") && n2.endsWith("]") ? S(n2) : n2, J = (n2) => {
   if (n2.startsWith("{") && n2.endsWith("}"))
-    return C(n2);
+    return S(n2);
   const t = {};
   return n2.split("|").forEach((s2) => {
     const e = s2.split(":");
@@ -123,21 +123,21 @@ const C = (n2) => JSON.parse(n2.replaceAll("'", '"')), O = (n2, t = {}) => {
 };
 class N {
   constructor(t, s2 = {}) {
-    m(this, "items", /* @__PURE__ */ new Map());
-    m(this, "beforeinputEvent", (t2) => {
+    f(this, "items", /* @__PURE__ */ new Map());
+    f(this, "beforeinputEvent", (t2) => {
       const s3 = t2.target, e = this.items.get(s3);
       e.isEager() && "inputType" in t2 && t2.inputType.startsWith("delete") && e.unmasked(s3.value).length <= 1 && this.setMaskedValue(s3, "");
     });
-    m(this, "inputEvent", (t2) => {
+    f(this, "inputEvent", (t2) => {
       if (t2 instanceof CustomEvent && t2.type === "input" && t2.detail != null && "masked" in t2.detail)
         return;
-      const s3 = t2.target, e = this.items.get(s3), a = s3.value, i = s3.selectionStart, c = s3.selectionEnd;
+      const s3 = t2.target, e = this.items.get(s3), a = s3.value, i = s3.selectionStart, p = s3.selectionEnd;
       let l2 = a;
       if (e.isEager()) {
         const k = e.unmasked(a), r = e.masked(k);
         k === "" && "data" in t2 && t2.data != null ? l2 = t2.data : (r.startsWith(a) || e.completed(k)) && (l2 = k);
       }
-      this.setMaskedValue(s3, l2), "inputType" in t2 && (t2.inputType.startsWith("delete") || i != null && i < a.length) && s3.setSelectionRange(i, c);
+      this.setMaskedValue(s3, l2), "inputType" in t2 && (t2.inputType.startsWith("delete") || i != null && i < a.length) && s3.setSelectionRange(i, p);
     });
     this.options = s2, typeof t == "string" ? this.init(
       Array.from(document.querySelectorAll(t)),
@@ -168,7 +168,7 @@ class N {
   }
   setMaskedValue(t, s2) {
     const e = this.items.get(t);
-    this.options.preProcess != null && (s2 = this.options.preProcess(s2)), s2 = e.masked(s2), this.options.postProcess != null && (s2 = this.options.postProcess(s2)), t.value = s2;
+    this.options.preProcess != null && (s2 = this.options.preProcess(s2)), s2 = e.masked(s2), this.options.postProcess != null && (s2 = this.options.postProcess(s2)), t.value = s2, t.dataset.maskaValue = s2;
     const a = {
       masked: e.masked(s2),
       unmasked: e.unmasked(s2),
@@ -177,24 +177,27 @@ class N {
     this.options.onMaska != null && (Array.isArray(this.options.onMaska) ? this.options.onMaska.forEach((i) => i(a)) : this.options.onMaska(a)), t.dispatchEvent(new CustomEvent("maska", { detail: a })), t.dispatchEvent(new CustomEvent("input", { detail: a }));
   }
 }
-const T = /* @__PURE__ */ new WeakMap(), I = (n2, t) => {
+const T = /* @__PURE__ */ new WeakMap(), C = (n2) => {
+  const t = n2.dataset.maskaValue;
+  (t == null && n2.value !== "" || t != null && t !== n2.value) && n2.dispatchEvent(new CustomEvent("input"));
+}, I = (n2, t) => {
   const s2 = n2 instanceof HTMLInputElement ? n2 : n2.querySelector("input"), e = { ...t.arg };
   if (s2 == null)
     return;
   const a = T.get(s2);
   if (a != null) {
-    if (!a.needUpdate(s2, e))
+    if (C(s2), !a.needUpdate(s2, e))
       return;
     a.destroy();
   }
   if (t.value != null) {
-    const i = t.value, c = (l2) => {
+    const i = t.value, p = (l2) => {
       i.masked = l2.masked, i.unmasked = l2.unmasked, i.completed = l2.completed;
     };
-    e.onMaska = e.onMaska == null ? c : Array.isArray(e.onMaska) ? [...e.onMaska, c] : [e.onMaska, c];
+    e.onMaska = e.onMaska == null ? p : Array.isArray(e.onMaska) ? [...e.onMaska, p] : [e.onMaska, p];
   }
   T.set(s2, new N(s2, e)), setTimeout(() => {
-    s2.value !== "" && s2.dispatchEvent(new InputEvent("input"));
+    C(s2);
   });
 };
 var ClickOutside = {
@@ -652,19 +655,19 @@ function intlConfigString(localeStr, numberingSystem, outputCalendar) {
     return localeStr;
   }
 }
-function mapMonths(f) {
+function mapMonths(f2) {
   const ms = [];
   for (let i = 1; i <= 12; i++) {
     const dt = DateTime.utc(2016, i, 1);
-    ms.push(f(dt));
+    ms.push(f2(dt));
   }
   return ms;
 }
-function mapWeekdays(f) {
+function mapWeekdays(f2) {
   const ms = [];
   for (let i = 1; i <= 7; i++) {
     const dt = DateTime.utc(2016, 11, 13 + i);
-    ms.push(f(dt));
+    ms.push(f2(dt));
   }
   return ms;
 }
@@ -880,7 +883,7 @@ class Locale {
     });
   }
   extract(dt, intlOpts, field) {
-    const df = this.dtFormatter(dt, intlOpts), results = df.formatToParts(), matching = results.find((m2) => m2.type.toLowerCase() === field);
+    const df = this.dtFormatter(dt, intlOpts), results = df.formatToParts(), matching = results.find((m) => m.type.toLowerCase() === field);
     return matching ? matching.value : null;
   }
   numberFormatter(opts = {}) {
@@ -1143,8 +1146,8 @@ function parseMillis(fraction) {
   if (isUndefined(fraction) || fraction === null || fraction === "") {
     return void 0;
   } else {
-    const f = parseFloat("0." + fraction) * 1e3;
-    return Math.floor(f);
+    const f2 = parseFloat("0." + fraction) * 1e3;
+    return Math.floor(f2);
   }
 }
 function roundTo(number, digits, towardZero = false) {
@@ -1204,7 +1207,7 @@ function parseZoneInfo(ts, offsetFormat, locale, timeZone = null) {
     intlOpts.timeZone = timeZone;
   }
   const modified = { timeZoneName: offsetFormat, ...intlOpts };
-  const parsed = new Intl.DateTimeFormat(locale, modified).formatToParts(date).find((m2) => m2.type.toLowerCase() === "timezonename");
+  const parsed = new Intl.DateTimeFormat(locale, modified).formatToParts(date).find((m) => m.type.toLowerCase() === "timezonename");
   return parsed ? parsed.value : null;
 }
 function signedOffset(offHourStr, offMinuteStr) {
@@ -1664,13 +1667,13 @@ class Invalid {
 }
 const ianaRegex = /[A-Za-z_+-]{1,256}(?::?\/[A-Za-z0-9_+-]{1,256}(?:\/[A-Za-z0-9_+-]{1,256})?)?/;
 function combineRegexes(...regexes) {
-  const full = regexes.reduce((f, r) => f + r.source, "");
+  const full = regexes.reduce((f2, r) => f2 + r.source, "");
   return RegExp(`^${full}$`);
 }
 function combineExtractors(...extractors) {
-  return (m2) => extractors.reduce(
+  return (m) => extractors.reduce(
     ([mergedVals, mergedZone, cursor], ex) => {
-      const [val, zone, next] = ex(m2, cursor);
+      const [val, zone, next] = ex(m, cursor);
       return [{ ...mergedVals, ...val }, zone || mergedZone, next];
     },
     [{}, null, 1]
@@ -1681,9 +1684,9 @@ function parse(s2, ...patterns) {
     return [null, null];
   }
   for (const [regex, extractor] of patterns) {
-    const m2 = regex.exec(s2);
-    if (m2) {
-      return extractor(m2);
+    const m = regex.exec(s2);
+    if (m) {
+      return extractor(m);
     }
   }
   return [null, null];
@@ -1714,8 +1717,8 @@ const sqlTimeRegex = RegExp(
 );
 const sqlTimeExtensionRegex = RegExp(`(?: ${sqlTimeRegex.source})?`);
 function int(match2, pos, fallback) {
-  const m2 = match2[pos];
-  return isUndefined(m2) ? fallback : parseInteger(m2);
+  const m = match2[pos];
+  return isUndefined(m) ? fallback : parseInteger(m);
 }
 function extractISOYmd(match2, cursor) {
   const item = {
@@ -2857,7 +2860,7 @@ function oneOf(strings, startIndex) {
   }
 }
 function offset(regex, groups) {
-  return { regex, deser: ([, h2, m2]) => signedOffset(h2, m2), groups };
+  return { regex, deser: ([, h2, m]) => signedOffset(h2, m), groups };
 }
 function simple(regex) {
   return { regex, deser: ([s2]) => s2 };
@@ -3037,7 +3040,7 @@ function tokenForPart(part, locale, formatOpts) {
   return void 0;
 }
 function buildRegex(units) {
-  const re = units.map((u) => u.regex).reduce((f, r) => `${f}(${r.source})`, "");
+  const re = units.map((u) => u.regex).reduce((f2, r) => `${f2}(${r.source})`, "");
   return [`^${re}$`, units];
 }
 function match(input, regex, handlers) {
@@ -3121,9 +3124,9 @@ function dateTimeFromMatches(matches) {
     matches.S = parseMillis(matches.u);
   }
   const vals = Object.keys(matches).reduce((r, k) => {
-    const f = toField(k);
-    if (f) {
-      r[f] = matches[k];
+    const f2 = toField(k);
+    if (f2) {
+      r[f2] = matches[k];
     }
     return r;
   }, {});
@@ -5982,14 +5985,14 @@ var feather$2 = { exports: {} };
         var toInteger = __webpack_require__("./node_modules/core-js/internals/to-integer.js");
         var requireObjectCoercible = __webpack_require__("./node_modules/core-js/internals/require-object-coercible.js");
         module2.exports = function(that, pos, CONVERT_TO_STRING) {
-          var S = String(requireObjectCoercible(that));
+          var S2 = String(requireObjectCoercible(that));
           var position = toInteger(pos);
-          var size = S.length;
+          var size = S2.length;
           var first, second;
           if (position < 0 || position >= size)
             return CONVERT_TO_STRING ? "" : void 0;
-          first = S.charCodeAt(position);
-          return first < 55296 || first > 56319 || position + 1 === size || (second = S.charCodeAt(position + 1)) < 56320 || second > 57343 ? CONVERT_TO_STRING ? S.charAt(position) : first : CONVERT_TO_STRING ? S.slice(position, position + 2) : (first - 55296 << 10) + (second - 56320) + 65536;
+          first = S2.charCodeAt(position);
+          return first < 55296 || first > 56319 || position + 1 === size || (second = S2.charCodeAt(position + 1)) < 56320 || second > 57343 ? CONVERT_TO_STRING ? S2.charAt(position) : first : CONVERT_TO_STRING ? S2.slice(position, position + 2) : (first - 55296 << 10) + (second - 56320) + 65536;
         };
       },
       "./node_modules/core-js/internals/to-absolute-index.js": function(module2, exports2, __webpack_require__) {
@@ -6030,15 +6033,15 @@ var feather$2 = { exports: {} };
       },
       "./node_modules/core-js/internals/to-primitive.js": function(module2, exports2, __webpack_require__) {
         var isObject = __webpack_require__("./node_modules/core-js/internals/is-object.js");
-        module2.exports = function(it, S) {
+        module2.exports = function(it, S2) {
           if (!isObject(it))
             return it;
           var fn, val;
-          if (S && typeof (fn = it.toString) == "function" && !isObject(val = fn.call(it)))
+          if (S2 && typeof (fn = it.toString) == "function" && !isObject(val = fn.call(it)))
             return val;
           if (typeof (fn = it.valueOf) == "function" && !isObject(val = fn.call(it)))
             return val;
-          if (!S && typeof (fn = it.toString) == "function" && !isObject(val = fn.call(it)))
+          if (!S2 && typeof (fn = it.toString) == "function" && !isObject(val = fn.call(it)))
             return val;
           throw TypeError("Can't convert object to primitive value");
         };
@@ -6649,7 +6652,7 @@ const _sfc_main$e = {
       return dtDateTwo < dtDateOne;
     },
     visibleMonths() {
-      const firstMonthArray = this.months.filter((m2, index) => index > 0);
+      const firstMonthArray = this.months.filter((m, index) => index > 0);
       const numberOfMonthsArray = [];
       for (let i = 0; i < this.showMonths; i++) {
         numberOfMonthsArray.push(i);
@@ -7564,6 +7567,9 @@ const _sfc_main$b = {
     },
     DOMElement() {
       return this.$refs.cpInputContainer.children.namedItem(this.inputIdentifier);
+    },
+    displayErrorMessage() {
+      return this.isInputInvalid && this.errorMessage.length;
     }
   },
   mounted() {
@@ -7659,7 +7665,7 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2),
     createVNode(_component_transition_expand, null, {
       default: withCtx(() => [
-        $options.isInputInvalid && $props.errorMessage ? (openBlock(), createBlock(_component_base_input_label, {
+        $options.displayErrorMessage ? (openBlock(), createBlock(_component_base_input_label, {
           key: 0,
           "is-invalid": $props.isInvalid,
           for: $setup.inputIdentifier,
@@ -8307,6 +8313,9 @@ const _sfc_main$7 = {
     inputLabelTitle() {
       const requiredLabel = this.required && this.label ? "*" : "";
       return `${this.label} ${requiredLabel}`;
+    },
+    displayErrorMessage() {
+      return this.isInvalid && this.errorMessage.length;
     }
   },
   mounted() {
@@ -8347,7 +8356,7 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 46, _hoisted_2$7),
     createVNode(_component_transition_expand, null, {
       default: withCtx(() => [
-        $props.isInvalid ? (openBlock(), createBlock(_component_base_input_label, {
+        $options.displayErrorMessage ? (openBlock(), createBlock(_component_base_input_label, {
           key: 0,
           for: $data.inputReferenceId,
           "is-invalid": "",
@@ -8434,6 +8443,9 @@ const _sfc_main$6 = {
         "cpSelect--isDisabled": this.disabled,
         "cpSelect--isLarge": this.isLarge
       };
+    },
+    displayErrorMessage() {
+      return this.isInvalid && this.errorMessage.length;
     }
   },
   mounted() {
@@ -8488,7 +8500,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
     ]),
     createVNode(_component_transition_expand, null, {
       default: withCtx(() => [
-        $props.isInvalid ? (openBlock(), createBlock(_component_base_input_label, {
+        $options.displayErrorMessage ? (openBlock(), createBlock(_component_base_input_label, {
           key: 0,
           "is-invalid": $props.isInvalid,
           for: $data.selectReferenceId,
@@ -8891,7 +8903,7 @@ function rgbToRgba(rgbValue) {
 }
 function hexToRgba(hexValue) {
   var rgx = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;
-  var hex = hexValue.replace(rgx, function(m2, r2, g2, b3) {
+  var hex = hexValue.replace(rgx, function(m, r2, g2, b3) {
     return r2 + r2 + g2 + g2 + b3 + b3;
   });
   var rgb = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
@@ -9019,9 +9031,9 @@ function getElementTransforms(el) {
   var str = el.style.transform || "";
   var reg = /(\w+)\(([^)]*)\)/g;
   var transforms = /* @__PURE__ */ new Map();
-  var m2;
-  while (m2 = reg.exec(str)) {
-    transforms.set(m2[1], m2[2]);
+  var m;
+  while (m = reg.exec(str)) {
+    transforms.set(m[1], m[2]);
   }
   return transforms;
 }