@mhmo91/schmancy 0.2.114 → 0.2.116

package/dist/{payment-card-form-C8FxRlh4.js → payment-card-form-NUTic2b3.js}

@@ -1,31 +1,31 @@
 import "rxjs";
 import "lit/directives/class-map.js";
 import "lit/directives/style-map.js";
-import { $ as P } from "./litElement.mixin-NzkxESus.js";
-import "./tailwind.mixin-DklgfhB4.js";
-import { html as L } from "lit";
-import { property as V, state as k, query as D, customElement as M } from "lit/decorators.js";
-var x = typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, y = function(e, t, r, i, a, n, o, s, m, p) {
-  var l = this;
-  l.numeralDecimalMark = e || ".", l.numeralIntegerScale = t > 0 ? t : 0, l.numeralDecimalScale = r >= 0 ? r : 2, l.numeralThousandsGroupStyle = i || y.groupStyle.thousand, l.numeralPositiveOnly = !!a, l.stripLeadingZeroes = n !== !1, l.prefix = o || o === "" ? o : "", l.signBeforePrefix = !!s, l.tailPrefix = !!m, l.delimiter = p || p === "" ? p : ",", l.delimiterRE = p ? new RegExp("\\" + p, "g") : "";
+import { $ as P } from "./litElement.mixin-DfYInjJd.js";
+import "./tailwind.mixin-BvhzMkqK.js";
+import { html as b } from "lit";
+import { property as L, state as y, query as I, customElement as M } from "lit/decorators.js";
+var C = typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, x = function(e, t, r, i, a, n, o, l, d, p) {
+  var s = this;
+  s.numeralDecimalMark = e || ".", s.numeralIntegerScale = t > 0 ? t : 0, s.numeralDecimalScale = r >= 0 ? r : 2, s.numeralThousandsGroupStyle = i || x.groupStyle.thousand, s.numeralPositiveOnly = !!a, s.stripLeadingZeroes = n !== !1, s.prefix = o || o === "" ? o : "", s.signBeforePrefix = !!l, s.tailPrefix = !!d, s.delimiter = p || p === "" ? p : ",", s.delimiterRE = p ? new RegExp("\\" + p, "g") : "";
 };
-y.groupStyle = { thousand: "thousand", lakh: "lakh", wan: "wan", none: "none" }, y.prototype = { getRawValue: function(e) {
+x.groupStyle = { thousand: "thousand", lakh: "lakh", wan: "wan", none: "none" }, x.prototype = { getRawValue: function(e) {
   return e.replace(this.delimiterRE, "").replace(this.numeralDecimalMark, ".");
 }, format: function(e) {
   var t, r, i, a, n = this, o = "";
   switch (e = e.replace(/[A-Za-z]/g, "").replace(n.numeralDecimalMark, "M").replace(/[^\dM-]/g, "").replace(/^\-/, "N").replace(/\-/g, "").replace("N", n.numeralPositiveOnly ? "" : "-").replace("M", n.numeralDecimalMark), n.stripLeadingZeroes && (e = e.replace(/^(-)?0+(?=\d)/, "$1")), r = e.slice(0, 1) === "-" ? "-" : "", i = n.prefix !== void 0 ? n.signBeforePrefix ? r + n.prefix : n.prefix + r : r, a = e, e.indexOf(n.numeralDecimalMark) >= 0 && (a = (t = e.split(n.numeralDecimalMark))[0], o = n.numeralDecimalMark + t[1].slice(0, n.numeralDecimalScale)), r === "-" && (a = a.slice(1)), n.numeralIntegerScale > 0 && (a = a.slice(0, n.numeralIntegerScale)), n.numeralThousandsGroupStyle) {
-    case y.groupStyle.lakh:
+    case x.groupStyle.lakh:
       a = a.replace(/(\d)(?=(\d\d)+\d$)/g, "$1" + n.delimiter);
       break;
-    case y.groupStyle.wan:
+    case x.groupStyle.wan:
       a = a.replace(/(\d)(?=(\d{4})+$)/g, "$1" + n.delimiter);
       break;
-    case y.groupStyle.thousand:
+    case x.groupStyle.thousand:
       a = a.replace(/(\d)(?=(\d{3})+$)/g, "$1" + n.delimiter);
   }
   return n.tailPrefix ? r + a.toString() + (n.numeralDecimalScale > 0 ? o.toString() : "") + n.prefix : i + a.toString() + (n.numeralDecimalScale > 0 ? o.toString() : "");
 } };
-var E = y, S = function(e, t, r) {
+var N = x, V = function(e, t, r) {
   var i = this;
   i.date = [], i.blocks = [], i.datePattern = e, i.dateMin = t.split("-").reverse().map(function(a) {
     return parseInt(a, 10);
@@ -33,7 +33,7 @@ var E = y, S = function(e, t, r) {
     return parseInt(a, 10);
   }), i.dateMax.length === 2 && i.dateMax.unshift(0), i.initBlocks();
 };
-S.prototype = { initBlocks: function() {
+V.prototype = { initBlocks: function() {
   var e = this;
   e.datePattern.forEach(function(t) {
     t === "Y" ? e.blocks.push(4) : e.blocks.push(2);
@@ -47,7 +47,7 @@ S.prototype = { initBlocks: function() {
   var t = this, r = "";
   return e = e.replace(/[^\d]/g, ""), t.blocks.forEach(function(i, a) {
     if (e.length > 0) {
-      var n = e.slice(0, i), o = n.slice(0, 1), s = e.slice(i);
+      var n = e.slice(0, i), o = n.slice(0, 1), l = e.slice(i);
       switch (t.datePattern[a]) {
         case "d":
           n === "00" ? n = "01" : parseInt(o, 10) > 3 ? n = "0" + o : parseInt(n, 10) > 31 && (n = "31");
@@ -55,32 +55,32 @@ S.prototype = { initBlocks: function() {
         case "m":
           n === "00" ? n = "01" : parseInt(o, 10) > 1 ? n = "0" + o : parseInt(n, 10) > 12 && (n = "12");
       }
-      r += n, e = s;
+      r += n, e = l;
     }
   }), this.getFixedDateString(r);
 }, getFixedDateString: function(e) {
-  var t, r, i, a = this, n = a.datePattern, o = [], s = 0, m = 0, p = 0, l = 0, d = 0, u = 0, g = !1;
-  return e.length === 4 && n[0].toLowerCase() !== "y" && n[1].toLowerCase() !== "y" && (d = 2 - (l = n[0] === "d" ? 0 : 2), t = parseInt(e.slice(l, l + 2), 10), r = parseInt(e.slice(d, d + 2), 10), o = this.getFixedDate(t, r, 0)), e.length === 8 && (n.forEach(function(h, C) {
-    switch (h) {
+  var t, r, i, a = this, n = a.datePattern, o = [], l = 0, d = 0, p = 0, s = 0, m = 0, u = 0, v = !1;
+  return e.length === 4 && n[0].toLowerCase() !== "y" && n[1].toLowerCase() !== "y" && (m = 2 - (s = n[0] === "d" ? 0 : 2), t = parseInt(e.slice(s, s + 2), 10), r = parseInt(e.slice(m, m + 2), 10), o = this.getFixedDate(t, r, 0)), e.length === 8 && (n.forEach(function(f, D) {
+    switch (f) {
       case "d":
-        s = C;
+        l = D;
         break;
       case "m":
-        m = C;
+        d = D;
         break;
       default:
-        p = C;
+        p = D;
     }
-  }), u = 2 * p, l = s <= p ? 2 * s : 2 * s + 2, d = m <= p ? 2 * m : 2 * m + 2, t = parseInt(e.slice(l, l + 2), 10), r = parseInt(e.slice(d, d + 2), 10), i = parseInt(e.slice(u, u + 4), 10), g = e.slice(u, u + 4).length === 4, o = this.getFixedDate(t, r, i)), e.length !== 4 || n[0] !== "y" && n[1] !== "y" || (u = 2 - (d = n[0] === "m" ? 0 : 2), r = parseInt(e.slice(d, d + 2), 10), i = parseInt(e.slice(u, u + 2), 10), g = e.slice(u, u + 2).length === 2, o = [0, r, i]), e.length !== 6 || n[0] !== "Y" && n[1] !== "Y" || (u = 2 - 0.5 * (d = n[0] === "m" ? 0 : 4), r = parseInt(e.slice(d, d + 2), 10), i = parseInt(e.slice(u, u + 4), 10), g = e.slice(u, u + 4).length === 4, o = [0, r, i]), o = a.getRangeFixedDate(o), a.date = o, o.length === 0 ? e : n.reduce(function(h, C) {
-    switch (C) {
+  }), u = 2 * p, s = l <= p ? 2 * l : 2 * l + 2, m = d <= p ? 2 * d : 2 * d + 2, t = parseInt(e.slice(s, s + 2), 10), r = parseInt(e.slice(m, m + 2), 10), i = parseInt(e.slice(u, u + 4), 10), v = e.slice(u, u + 4).length === 4, o = this.getFixedDate(t, r, i)), e.length !== 4 || n[0] !== "y" && n[1] !== "y" || (u = 2 - (m = n[0] === "m" ? 0 : 2), r = parseInt(e.slice(m, m + 2), 10), i = parseInt(e.slice(u, u + 2), 10), v = e.slice(u, u + 2).length === 2, o = [0, r, i]), e.length !== 6 || n[0] !== "Y" && n[1] !== "Y" || (u = 2 - 0.5 * (m = n[0] === "m" ? 0 : 4), r = parseInt(e.slice(m, m + 2), 10), i = parseInt(e.slice(u, u + 4), 10), v = e.slice(u, u + 4).length === 4, o = [0, r, i]), o = a.getRangeFixedDate(o), a.date = o, o.length === 0 ? e : n.reduce(function(f, D) {
+    switch (D) {
       case "d":
-        return h + (o[0] === 0 ? "" : a.addLeadingZero(o[0]));
+        return f + (o[0] === 0 ? "" : a.addLeadingZero(o[0]));
       case "m":
-        return h + (o[1] === 0 ? "" : a.addLeadingZero(o[1]));
+        return f + (o[1] === 0 ? "" : a.addLeadingZero(o[1]));
       case "y":
-        return h + (g ? a.addLeadingZeroForYear(o[2], !1) : "");
+        return f + (v ? a.addLeadingZeroForYear(o[2], !1) : "");
       case "Y":
-        return h + (g ? a.addLeadingZeroForYear(o[2], !0) : "");
+        return f + (v ? a.addLeadingZeroForYear(o[2], !0) : "");
     }
   }, "");
 }, getRangeFixedDate: function(e) {
@@ -97,11 +97,11 @@ S.prototype = { initBlocks: function() {
 }, addLeadingZeroForYear: function(e, t) {
   return t ? (e < 10 ? "000" : e < 100 ? "00" : e < 1e3 ? "0" : "") + e : (e < 10 ? "0" : "") + e;
 } };
-var T = S, F = function(e, t) {
+var E = V, S = function(e, t) {
   var r = this;
   r.time = [], r.blocks = [], r.timePattern = e, r.timeFormat = t, r.initBlocks();
 };
-F.prototype = { initBlocks: function() {
+S.prototype = { initBlocks: function() {
   var e = this;
   e.timePattern.forEach(function() {
     e.blocks.push(2);
@@ -119,47 +119,47 @@ F.prototype = { initBlocks: function() {
   var i = t.getTimeFormatOptions();
   return t.blocks.forEach(function(a, n) {
     if (e.length > 0) {
-      var o = e.slice(0, a), s = o.slice(0, 1), m = e.slice(a);
+      var o = e.slice(0, a), l = o.slice(0, 1), d = e.slice(a);
       switch (t.timePattern[n]) {
         case "h":
-          parseInt(s, 10) > i.maxHourFirstDigit ? o = "0" + s : parseInt(o, 10) > i.maxHours && (o = i.maxHours + "");
+          parseInt(l, 10) > i.maxHourFirstDigit ? o = "0" + l : parseInt(o, 10) > i.maxHours && (o = i.maxHours + "");
           break;
         case "m":
         case "s":
-          parseInt(s, 10) > i.maxMinutesFirstDigit ? o = "0" + s : parseInt(o, 10) > i.maxMinutes && (o = i.maxMinutes + "");
+          parseInt(l, 10) > i.maxMinutesFirstDigit ? o = "0" + l : parseInt(o, 10) > i.maxMinutes && (o = i.maxMinutes + "");
       }
-      r += o, e = m;
+      r += o, e = d;
     }
   }), this.getFixedTimeString(r);
 }, getFixedTimeString: function(e) {
-  var t, r, i, a = this, n = a.timePattern, o = [], s = 0, m = 0, p = 0, l = 0, d = 0, u = 0;
-  return e.length === 6 && (n.forEach(function(g, h) {
-    switch (g) {
+  var t, r, i, a = this, n = a.timePattern, o = [], l = 0, d = 0, p = 0, s = 0, m = 0, u = 0;
+  return e.length === 6 && (n.forEach(function(v, f) {
+    switch (v) {
       case "s":
-        s = 2 * h;
+        l = 2 * f;
         break;
       case "m":
-        m = 2 * h;
+        d = 2 * f;
         break;
       case "h":
-        p = 2 * h;
+        p = 2 * f;
     }
-  }), u = p, d = m, l = s, t = parseInt(e.slice(l, l + 2), 10), r = parseInt(e.slice(d, d + 2), 10), i = parseInt(e.slice(u, u + 2), 10), o = this.getFixedTime(i, r, t)), e.length === 4 && a.timePattern.indexOf("s") < 0 && (n.forEach(function(g, h) {
-    switch (g) {
+  }), u = p, m = d, s = l, t = parseInt(e.slice(s, s + 2), 10), r = parseInt(e.slice(m, m + 2), 10), i = parseInt(e.slice(u, u + 2), 10), o = this.getFixedTime(i, r, t)), e.length === 4 && a.timePattern.indexOf("s") < 0 && (n.forEach(function(v, f) {
+    switch (v) {
       case "m":
-        m = 2 * h;
+        d = 2 * f;
         break;
       case "h":
-        p = 2 * h;
+        p = 2 * f;
     }
-  }), u = p, d = m, t = 0, r = parseInt(e.slice(d, d + 2), 10), i = parseInt(e.slice(u, u + 2), 10), o = this.getFixedTime(i, r, t)), a.time = o, o.length === 0 ? e : n.reduce(function(g, h) {
-    switch (h) {
+  }), u = p, m = d, t = 0, r = parseInt(e.slice(m, m + 2), 10), i = parseInt(e.slice(u, u + 2), 10), o = this.getFixedTime(i, r, t)), a.time = o, o.length === 0 ? e : n.reduce(function(v, f) {
+    switch (f) {
       case "s":
-        return g + a.addLeadingZero(o[2]);
+        return v + a.addLeadingZero(o[2]);
       case "m":
-        return g + a.addLeadingZero(o[1]);
+        return v + a.addLeadingZero(o[1]);
       case "h":
-        return g + a.addLeadingZero(o[0]);
+        return v + a.addLeadingZero(o[0]);
     }
   }, "");
 }, getFixedTime: function(e, t, r) {
@@ -167,11 +167,11 @@ F.prototype = { initBlocks: function() {
 }, addLeadingZero: function(e) {
   return (e < 10 ? "0" : "") + e;
 } };
-var B = F, I = function(e, t) {
+var T = S, F = function(e, t) {
   var r = this;
   r.delimiter = t || t === "" ? t : " ", r.delimiterRE = t ? new RegExp("\\" + t, "g") : "", r.formatter = e;
 };
-I.prototype = { setFormatter: function(e) {
+F.prototype = { setFormatter: function(e) {
   this.formatter = e;
 }, format: function(e) {
   var t = this;
@@ -179,19 +179,19 @@ I.prototype = { setFormatter: function(e) {
   for (var r, i = "", a = !1, n = 0, o = (e = (e = (e = e.replace(/[^\d+]/g, "")).replace(/^\+/, "B").replace(/\+/g, "").replace("B", "+")).replace(t.delimiterRE, "")).length; n < o; n++) r = t.formatter.inputDigit(e.charAt(n)), /[\s()-]/g.test(r) ? (i = r, a = !0) : a || (i = r);
   return i = (i = i.replace(/[()]/g, "")).replace(/[\s-]/g, t.delimiter);
 } };
-var N = I, w = { blocks: { uatp: [4, 5, 6], amex: [4, 6, 5], diners: [4, 6, 4], discover: [4, 4, 4, 4], mastercard: [4, 4, 4, 4], dankort: [4, 4, 4, 4], instapayment: [4, 4, 4, 4], jcb15: [4, 6, 5], jcb: [4, 4, 4, 4], maestro: [4, 4, 4, 4], visa: [4, 4, 4, 4], mir: [4, 4, 4, 4], unionPay: [4, 4, 4, 4], general: [4, 4, 4, 4] }, re: { uatp: /^(?!1800)1\d{0,14}/, amex: /^3[47]\d{0,13}/, discover: /^(?:6011|65\d{0,2}|64[4-9]\d?)\d{0,12}/, diners: /^3(?:0([0-5]|9)|[689]\d?)\d{0,11}/, mastercard: /^(5[1-5]\d{0,2}|22[2-9]\d{0,1}|2[3-7]\d{0,2})\d{0,12}/, dankort: /^(5019|4175|4571)\d{0,12}/, instapayment: /^63[7-9]\d{0,13}/, jcb15: /^(?:2131|1800)\d{0,11}/, jcb: /^(?:35\d{0,2})\d{0,12}/, maestro: /^(?:5[0678]\d{0,2}|6304|67\d{0,2})\d{0,12}/, mir: /^220[0-4]\d{0,12}/, visa: /^4\d{0,15}/, unionPay: /^(62|81)\d{0,14}/ }, getStrictBlocks: function(e) {
+var B = F, k = { blocks: { uatp: [4, 5, 6], amex: [4, 6, 5], diners: [4, 6, 4], discover: [4, 4, 4, 4], mastercard: [4, 4, 4, 4], dankort: [4, 4, 4, 4], instapayment: [4, 4, 4, 4], jcb15: [4, 6, 5], jcb: [4, 4, 4, 4], maestro: [4, 4, 4, 4], visa: [4, 4, 4, 4], mir: [4, 4, 4, 4], unionPay: [4, 4, 4, 4], general: [4, 4, 4, 4] }, re: { uatp: /^(?!1800)1\d{0,14}/, amex: /^3[47]\d{0,13}/, discover: /^(?:6011|65\d{0,2}|64[4-9]\d?)\d{0,12}/, diners: /^3(?:0([0-5]|9)|[689]\d?)\d{0,11}/, mastercard: /^(5[1-5]\d{0,2}|22[2-9]\d{0,1}|2[3-7]\d{0,2})\d{0,12}/, dankort: /^(5019|4175|4571)\d{0,12}/, instapayment: /^63[7-9]\d{0,13}/, jcb15: /^(?:2131|1800)\d{0,11}/, jcb: /^(?:35\d{0,2})\d{0,12}/, maestro: /^(?:5[0678]\d{0,2}|6304|67\d{0,2})\d{0,12}/, mir: /^220[0-4]\d{0,12}/, visa: /^4\d{0,15}/, unionPay: /^(62|81)\d{0,14}/ }, getStrictBlocks: function(e) {
   var t = e.reduce(function(r, i) {
     return r + i;
   }, 0);
   return e.concat(19 - t);
 }, getInfo: function(e, t) {
-  var r = w.blocks, i = w.re;
+  var r = k.blocks, i = k.re;
   for (var a in t = !!t, i) if (i[a].test(e)) {
     var n = r[a];
     return { type: a, blocks: t ? this.getStrictBlocks(n) : n };
   }
   return { type: "unknown", blocks: t ? this.getStrictBlocks(r.general) : r.general };
-} }, R = w, O = { noop: function() {
+} }, R = k, $ = { noop: function() {
 }, strip: function(e, t) {
   return e.replace(t, "");
 }, getPostDelimiter: function(e, t, r) {
@@ -205,8 +205,8 @@ var N = I, w = { blocks: { uatp: [4, 5, 6], amex: [4, 6, 5], diners: [4, 6, 4],
 }, getNextCursorPosition: function(e, t, r, i, a) {
   return t.length === e ? r.length : e + this.getPositionOffset(e, t, r, i, a);
 }, getPositionOffset: function(e, t, r, i, a) {
-  var n, o, s;
-  return n = this.stripDelimiters(t.slice(0, e), i, a), o = this.stripDelimiters(r.slice(0, e), i, a), (s = n.length - o.length) !== 0 ? s / Math.abs(s) : 0;
+  var n, o, l;
+  return n = this.stripDelimiters(t.slice(0, e), i, a), o = this.stripDelimiters(r.slice(0, e), i, a), (l = n.length - o.length) !== 0 ? l / Math.abs(l) : 0;
 }, stripDelimiters: function(e, t, r) {
   var i = this;
   if (r.length === 0) {
@@ -224,25 +224,25 @@ var N = I, w = { blocks: { uatp: [4, 5, 6], amex: [4, 6, 5], diners: [4, 6, 4],
   return e.reduce(function(t, r) {
     return t + r;
   }, 0);
-}, getPrefixStrippedValue: function(e, t, r, i, a, n, o, s, m) {
+}, getPrefixStrippedValue: function(e, t, r, i, a, n, o, l, d) {
   if (r === 0) return e;
   if (e === t && e !== "") return "";
-  if (m && e.slice(0, 1) == "-") {
+  if (d && e.slice(0, 1) == "-") {
     var p = i.slice(0, 1) == "-" ? i.slice(1) : i;
-    return "-" + this.getPrefixStrippedValue(e.slice(1), t, r, p, a, n, o, s, m);
+    return "-" + this.getPrefixStrippedValue(e.slice(1), t, r, p, a, n, o, l, d);
   }
-  if (i.slice(0, r) !== t && !s || i.slice(-r) !== t && s) return o && !i && e ? e : "";
-  var l = this.stripDelimiters(i, a, n);
-  return e.slice(0, r) === t || s ? e.slice(-r) !== t && s ? l.slice(0, -r - 1) : s ? e.slice(0, -r) : e.slice(r) : l.slice(r);
+  if (i.slice(0, r) !== t && !l || i.slice(-r) !== t && l) return o && !i && e ? e : "";
+  var s = this.stripDelimiters(i, a, n);
+  return e.slice(0, r) === t || l ? e.slice(-r) !== t && l ? s.slice(0, -r - 1) : l ? e.slice(0, -r) : e.slice(r) : s.slice(r);
 }, getFirstDiffIndex: function(e, t) {
   for (var r = 0; e.charAt(r) === t.charAt(r); ) if (e.charAt(r++) === "") return -1;
   return r;
 }, getFormattedValue: function(e, t, r, i, a, n) {
-  var o = "", s = a.length > 0, m = "";
-  return r === 0 ? e : (t.forEach(function(p, l) {
+  var o = "", l = a.length > 0, d = "";
+  return r === 0 ? e : (t.forEach(function(p, s) {
     if (e.length > 0) {
-      var d = e.slice(0, p), u = e.slice(p);
-      m = s ? a[n ? l - 1 : l] || m : i, n ? (l > 0 && (o += m), o += d) : (o += d, d.length === p && l < r - 1 && (o += m)), e = u;
+      var m = e.slice(0, p), u = e.slice(p);
+      d = l ? a[n ? s - 1 : s] || d : i, n ? (s > 0 && (o += d), o += m) : (o += m, m.length === p && s < r - 1 && (o += d)), e = u;
     }
   }), o);
 }, fixPrefixCursor: function(e, t, r, i) {
@@ -276,9 +276,9 @@ var N = I, w = { blocks: { uatp: [4, 5, 6], amex: [4, 6, 5], diners: [4, 6, 4],
   return navigator && /android/i.test(navigator.userAgent);
 }, isAndroidBackspaceKeydown: function(e, t) {
   return !!(this.isAndroid() && e && t) && t === e.slice(0, -1);
-} }, Z = { assign: function(e, t) {
+} }, O = { assign: function(e, t) {
   return t = t || {}, (e = e || {}).creditCard = !!t.creditCard, e.creditCardStrictMode = !!t.creditCardStrictMode, e.creditCardType = "", e.onCreditCardTypeChanged = t.onCreditCardTypeChanged || function() {
-  }, e.phone = !!t.phone, e.phoneRegionCode = t.phoneRegionCode || "AU", e.phoneFormatter = {}, e.time = !!t.time, e.timePattern = t.timePattern || ["h", "m", "s"], e.timeFormat = t.timeFormat || "24", e.timeFormatter = {}, e.date = !!t.date, e.datePattern = t.datePattern || ["d", "m", "Y"], e.dateMin = t.dateMin || "", e.dateMax = t.dateMax || "", e.dateFormatter = {}, e.numeral = !!t.numeral, e.numeralIntegerScale = t.numeralIntegerScale > 0 ? t.numeralIntegerScale : 0, e.numeralDecimalScale = t.numeralDecimalScale >= 0 ? t.numeralDecimalScale : 2, e.numeralDecimalMark = t.numeralDecimalMark || ".", e.numeralThousandsGroupStyle = t.numeralThousandsGroupStyle || "thousand", e.numeralPositiveOnly = !!t.numeralPositiveOnly, e.stripLeadingZeroes = t.stripLeadingZeroes !== !1, e.signBeforePrefix = !!t.signBeforePrefix, e.tailPrefix = !!t.tailPrefix, e.swapHiddenInput = !!t.swapHiddenInput, e.numericOnly = e.creditCard || e.date || !!t.numericOnly, e.uppercase = !!t.uppercase, e.lowercase = !!t.lowercase, e.prefix = e.creditCard || e.date ? "" : t.prefix || "", e.noImmediatePrefix = !!t.noImmediatePrefix, e.prefixLength = e.prefix.length, e.rawValueTrimPrefix = !!t.rawValueTrimPrefix, e.copyDelimiter = !!t.copyDelimiter, e.initValue = t.initValue !== void 0 && t.initValue !== null ? t.initValue.toString() : "", e.delimiter = t.delimiter || t.delimiter === "" ? t.delimiter : t.date ? "/" : t.time ? ":" : t.numeral ? "," : (t.phone, " "), e.delimiterLength = e.delimiter.length, e.delimiterLazyShow = !!t.delimiterLazyShow, e.delimiters = t.delimiters || [], e.blocks = t.blocks || [], e.blocksLength = e.blocks.length, e.root = typeof x == "object" && x ? x : window, e.document = t.document || e.root.document, e.maxLength = 0, e.backspace = !1, e.result = "", e.onValueChanged = t.onValueChanged || function() {
+  }, e.phone = !!t.phone, e.phoneRegionCode = t.phoneRegionCode || "AU", e.phoneFormatter = {}, e.time = !!t.time, e.timePattern = t.timePattern || ["h", "m", "s"], e.timeFormat = t.timeFormat || "24", e.timeFormatter = {}, e.date = !!t.date, e.datePattern = t.datePattern || ["d", "m", "Y"], e.dateMin = t.dateMin || "", e.dateMax = t.dateMax || "", e.dateFormatter = {}, e.numeral = !!t.numeral, e.numeralIntegerScale = t.numeralIntegerScale > 0 ? t.numeralIntegerScale : 0, e.numeralDecimalScale = t.numeralDecimalScale >= 0 ? t.numeralDecimalScale : 2, e.numeralDecimalMark = t.numeralDecimalMark || ".", e.numeralThousandsGroupStyle = t.numeralThousandsGroupStyle || "thousand", e.numeralPositiveOnly = !!t.numeralPositiveOnly, e.stripLeadingZeroes = t.stripLeadingZeroes !== !1, e.signBeforePrefix = !!t.signBeforePrefix, e.tailPrefix = !!t.tailPrefix, e.swapHiddenInput = !!t.swapHiddenInput, e.numericOnly = e.creditCard || e.date || !!t.numericOnly, e.uppercase = !!t.uppercase, e.lowercase = !!t.lowercase, e.prefix = e.creditCard || e.date ? "" : t.prefix || "", e.noImmediatePrefix = !!t.noImmediatePrefix, e.prefixLength = e.prefix.length, e.rawValueTrimPrefix = !!t.rawValueTrimPrefix, e.copyDelimiter = !!t.copyDelimiter, e.initValue = t.initValue !== void 0 && t.initValue !== null ? t.initValue.toString() : "", e.delimiter = t.delimiter || t.delimiter === "" ? t.delimiter : t.date ? "/" : t.time ? ":" : t.numeral ? "," : (t.phone, " "), e.delimiterLength = e.delimiter.length, e.delimiterLazyShow = !!t.delimiterLazyShow, e.delimiters = t.delimiters || [], e.blocks = t.blocks || [], e.blocksLength = e.blocks.length, e.root = typeof C == "object" && C ? C : window, e.document = t.document || e.root.document, e.maxLength = 0, e.backspace = !1, e.result = "", e.onValueChanged = t.onValueChanged || function() {
   }, e;
 } }, c = function(e, t) {
   var r = this;
@@ -371,23 +371,31 @@ c.prototype = { init: function() {
   e.element.removeEventListener("input", e.onChangeListener), e.element.removeEventListener("keydown", e.onKeyDownListener), e.element.removeEventListener("focus", e.onFocusListener), e.element.removeEventListener("cut", e.onCutListener), e.element.removeEventListener("copy", e.onCopyListener);
 }, toString: function() {
   return "[Cleave Object]";
-} }, c.NumeralFormatter = E, c.DateFormatter = T, c.TimeFormatter = B, c.PhoneFormatter = N, c.CreditCardDetector = R, c.Util = O, c.DefaultProperties = Z, (typeof x == "object" && x ? x : window).Cleave = c;
-var b = c, A = Object.defineProperty, U = Object.getOwnPropertyDescriptor, v = (e, t, r, i) => {
-  for (var a, n = i > 1 ? void 0 : i ? U(t, r) : t, o = e.length - 1; o >= 0; o--) (a = e[o]) && (n = (i ? a(t, r, n) : a(n)) || n);
-  return i && n && A(t, r, n), n;
+} }, c.NumeralFormatter = N, c.DateFormatter = E, c.TimeFormatter = T, c.PhoneFormatter = B, c.CreditCardDetector = R, c.Util = $, c.DefaultProperties = O, (typeof C == "object" && C ? C : window).Cleave = c;
+var w = c, Z = Object.defineProperty, Y = Object.getOwnPropertyDescriptor, g = (e, t, r, i) => {
+  for (var a, n = i > 1 ? void 0 : i ? Y(t, r) : t, o = e.length - 1; o >= 0; o--) (a = e[o]) && (n = (i ? a(t, r, n) : a(n)) || n);
+  return i && n && Z(t, r, n), n;
 };
-let f = class extends P() {
+let h = class extends P() {
   constructor() {
-    super(...arguments), this.value = { cardName: "", cardNumber: "", expirationDate: "", cvv: "" };
+    super(...arguments), this.value = { cardName: "", cardNumber: "", expirationDate: "", cvv: "" }, this.cardType = "", this.isCardNameValid = !0, this.isCardNumberValid = !0, this.isExpirationDateValid = !0, this.isCvvValid = !0;
   }
   firstUpdated() {
-    new b(this.cardNumberInput, { creditCard: !0, creditCardStrictMode: !0, onCreditCardTypeChanged: (e) => {
-      e === "unknown" ? this.cardNumberInput.setCustomValidity("Please enter a valid card number.") : this.cardNumberInput.setCustomValidity("");
-    } }), new b(this.expirationDateInput, { date: !0, datePattern: ["m", "y"], onValueChanged: (e) => {
-      !e.target.value || e.target.value.length < 5 ? this.expirationDateInput.setCustomValidity("Please enter a valid expiration date.") : this.expirationDateInput.setCustomValidity("");
-    } }), new b(this.cvvInput, { blocks: [4], numericOnly: !0, onValueChanged: (e) => {
-      e.target.value.length < 3 ? this.cvvInput.setCustomValidity("Please enter a valid CVV.") : this.cvvInput.setCustomValidity("");
-    } }), new b(this.cardNameInput, { uppercase: !0, delimiter: " " });
+    new w(this.cardNumberInput, { creditCard: !0, creditCardStrictMode: !0, onCreditCardTypeChanged: (e) => {
+      this.cardType = e, e === "unknown" ? (this.isCardNumberValid = !1, this.cardNumberInput.setCustomValidity("Please enter a valid card number."), this.cardNumberInput.error = !0) : (this.isCardNumberValid = !0, this.cardNumberInput.setCustomValidity(""), this.cardNumberInput.error = !1, this.cvvInput.maxlength = e === "amex" ? 4 : 3);
+    } }), new w(this.expirationDateInput, { date: !0, datePattern: ["m", "y"], onValueChanged: (e) => {
+      const t = e.target.value;
+      if (!t || t.length < 5) this.isExpirationDateValid = !1, this.expirationDateInput.setCustomValidity("Please enter a valid expiration date (MM/YY)."), this.expirationDateInput.error = !0;
+      else {
+        const [r, i] = t.split("/"), a = /* @__PURE__ */ new Date(), n = a.getFullYear() % 100, o = a.getMonth() + 1, l = parseInt(r, 10), d = parseInt(i, 10);
+        d < n || d === n && l < o ? (this.isExpirationDateValid = !1, this.expirationDateInput.setCustomValidity("Card has expired."), this.expirationDateInput.error = !0) : (this.isExpirationDateValid = !0, this.expirationDateInput.setCustomValidity(""), this.expirationDateInput.error = !1);
+      }
+    } }), new w(this.cvvInput, { blocks: [4], numericOnly: !0, onValueChanged: (e) => {
+      const t = this.cardType === "amex" ? 4 : 3;
+      e.target.value.length < t ? (this.isCvvValid = !1, this.cvvInput.setCustomValidity(`Please enter a valid ${t}-digit CVV.`), this.cvvInput.error = !0) : (this.isCvvValid = !0, this.cvvInput.setCustomValidity(""), this.cvvInput.error = !1);
+    } }), new w(this.cardNameInput, { uppercase: !0, delimiter: " ", onValueChanged: (e) => {
+      !e.target.value || e.target.value.length < 3 ? (this.isCardNameValid = !1, this.cardNameInput.setCustomValidity("Please enter the name as it appears on the card."), this.cardNameInput.error = !0) : (this.isCardNameValid = !0, this.cardNameInput.setCustomValidity(""), this.cardNameInput.error = !1);
+    } });
   }
   reportValidity() {
     return this.form.reportValidity();
@@ -396,70 +404,111 @@ let f = class extends P() {
     return !!this.form.reportValidity();
   }
   emitChange() {
-    this.dispatchEvent(new CustomEvent("change", { detail: { ...this.value } }));
+    this.dispatchEvent(new CustomEvent("change", { detail: { ...this.value }, bubbles: !0 }));
   }
   render() {
-    return L` <schmancy-form
-			@change=${(e) => {
-      e.stopPropagation(), e.preventDefault();
+    const e = this.getCardIcon();
+    return b`
+			<schmancy-form
+				@change=${(t) => {
+      t.stopPropagation(), t.preventDefault();
     }}
-		>
-			<schmancy-grid gap="sm">
-				<schmancy-input
-					autocomplete="cc-name"
-					id="cardName"
-					.value=${this.cardName ?? ""}
-					type="text"
-					label="Name on card"
-					required
-					hint="Please enter a valid name."
-					@change=${(e) => {
-      this.cardName = e.detail.value, this.value.cardName = e.detail.value, this.emitChange();
-    }}
-				></schmancy-input>
-				<schmancy-input
-					autocomplete="cc-number"
-					id="cardNumber"
-					type="text"
-					label="Card number"
-					required
-					hint="Card number must be 16 digits."
-					@change=${(e) => {
-      this.cardNumber = e.detail.value, this.value.cardNumber = e.detail.value, this.emitChange();
-    }}
-				></schmancy-input>
-				<schmancy-grid gap="sm" cols="1fr 1fr">
+			>
+				<schmancy-grid gap="md" class="w-full">
+					<!-- Card Name Field -->
 					<schmancy-input
-						autocomplete="cc-exp"
-						id="expirationDate"
-						@change=${(e) => {
-      this.expirationDate = e.detail.value, this.value.expirationDate = e.detail.value, this.emitChange();
-    }}
+						autocomplete="cc-name"
+						id="cardName"
+						.value=${this.cardName ?? ""}
+						.error=${!this.isCardNameValid}
 						type="text"
-						label="Expiration date"
-						placeholder="MM/YY"
+						label="Name on card"
 						required
-					></schmancy-input>
-					<schmancy-input
-						id="cvv"
-						autocomplete="cc-csc"
-						@change=${(e) => {
-      this.cvv = e.detail.value, this.value.cvv = e.detail.value, this.emitChange();
+						hint="${this.isCardNameValid ? "Enter the name exactly as it appears on your card" : "Please enter the name as it appears on the card"}"
+						@change=${(t) => {
+      this.cardName = t.detail.value, this.value.cardName = t.detail.value, this.emitChange();
     }}
-						label="CVV"
-						required
-						type="text"
-						maxlength="4"
-						minlength="3"
-						hint="CVV must be 3 or 4 digits."
 					></schmancy-input>
+
+					<!-- Card Number Field with Card Type Indicator -->
+					<div class="relative w-full">
+						<schmancy-input
+							autocomplete="cc-number"
+							id="cardNumber"
+							type="text"
+							label="Card number"
+							.error=${!this.isCardNumberValid}
+							required
+							hint="${this.isCardNumberValid ? "Your 16-digit card number" : "Please enter a valid card number"}"
+							@change=${(t) => {
+      this.cardNumber = t.detail.value, this.value.cardNumber = t.detail.value, this.emitChange();
+    }}
+						></schmancy-input>
+						${e ? b`<div class="absolute right-3 top-1/2 transform -translate-y-1/4">${e}</div>` : ""}
+					</div>
+
+					<!-- Responsive grid for expiration date and CVV -->
+					<schmancy-grid gap="md" cols="1fr 1fr" class="w-full">
+						<schmancy-input
+							autocomplete="cc-exp"
+							id="expirationDate"
+							@change=${(t) => {
+      this.expirationDate = t.detail.value, this.value.expirationDate = t.detail.value, this.emitChange();
+    }}
+							type="text"
+							.error=${!this.isExpirationDateValid}
+							label="Expiration date"
+							placeholder="MM/YY"
+							required
+							hint="${this.isExpirationDateValid ? "MM/YY format" : "Invalid expiration date"}"
+						></schmancy-input>
+
+						<schmancy-input
+							id="cvv"
+							autocomplete="cc-csc"
+							@change=${(t) => {
+      this.cvv = t.detail.value, this.value.cvv = t.detail.value, this.emitChange();
+    }}
+							label="CVV"
+							.error=${!this.isCvvValid}
+							required
+							type="text"
+							maxlength="${this.cardType === "amex" ? "4" : "3"}"
+							minlength="${this.cardType === "amex" ? "4" : "3"}"
+							hint="${this.isCvvValid ? "Security code on back of card" : "Invalid security code"}"
+						></schmancy-input>
+					</schmancy-grid>
+
+					<!-- Show card acceptability notice -->
+					<div class="text-sm text-secondary-onContainer mt-2">${this.renderSecurityNotice()}</div>
+
+					<slot></slot>
 				</schmancy-grid>
-			</schmancy-grid>
-		</schmancy-form>`;
+			</schmancy-form>
+		`;
+  }
+  getCardIcon() {
+    switch (this.cardType) {
+      case "visa":
+      case "mastercard":
+      case "amex":
+      case "discover":
+        return b`<schmancy-icon>credit_card</schmancy-icon>`;
+      default:
+        return this.cardNumber ? b`<schmancy-icon>credit_card</schmancy-icon>` : null;
+    }
+  }
+  renderSecurityNotice() {
+    return b`
+			<div class="flex items-center gap-2">
+				<schmancy-icon size="18px">lock</schmancy-icon>
+				<span>Your payment information is secure and encrypted</span>
+			</div>
+		`;
   }
 };
-v([V({ type: Object, reflect: !0 })], f.prototype, "value", 2), v([k()], f.prototype, "cardName", 2), v([k()], f.prototype, "cardNumber", 2), v([k()], f.prototype, "expirationDate", 2), v([k()], f.prototype, "cvv", 2), v([D("#cardNumber")], f.prototype, "cardNumberInput", 2), v([D("#expirationDate")], f.prototype, "expirationDateInput", 2), v([D("#cvv")], f.prototype, "cvvInput", 2), v([D("#cardName")], f.prototype, "cardNameInput", 2), v([D("schmancy-form")], f.prototype, "form", 2), f = v([M("schmancy-payment-card-form")], f);
+g([L({ type: Object, reflect: !0 })], h.prototype, "value", 2), g([y()], h.prototype, "cardType", 2), g([y()], h.prototype, "cardName", 2), g([y()], h.prototype, "cardNumber", 2), g([y()], h.prototype, "expirationDate", 2), g([y()], h.prototype, "cvv", 2), g([y()], h.prototype, "isCardNameValid", 2), g([y()], h.prototype, "isCardNumberValid", 2), g([y()], h.prototype, "isExpirationDateValid", 2), g([y()], h.prototype, "isCvvValid", 2), g([I("#cardNumber")], h.prototype, "cardNumberInput", 2), g([I("#expirationDate")], h.prototype, "expirationDateInput", 2), g([I("#cvv")], h.prototype, "cvvInput", 2), g([I("#cardName")], h.prototype, "cardNameInput", 2), g([I("schmancy-form")], h.prototype, "form", 2), h = g([M("schmancy-payment-card-form")], h);
 export {
-  f as S
+  h as S
 };
-//# sourceMappingURL=payment-card-form-C8FxRlh4.js.map
+//# sourceMappingURL=payment-card-form-NUTic2b3.js.map