@mhmo91/schmancy 0.8.6 → 0.9.3

package/dist/components-CkMvOiTR.js

@@ -0,0 +1,730 @@
+import { i as e } from "./tailwind.mixin-BIVhjNvD.js";
+import { t } from "./litElement.mixin-Dm-4L8zL.js";
+import "./mixins.js";
+import { customElement as n, property as r, query as i, state as a } from "lit/decorators.js";
+import { html as o } from "lit";
+var s = typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, c = function(e, t, n, r, i, a, o, s, l, u) {
+	var d = this;
+	d.numeralDecimalMark = e || ".", d.numeralIntegerScale = t > 0 ? t : 0, d.numeralDecimalScale = n >= 0 ? n : 2, d.numeralThousandsGroupStyle = r || c.groupStyle.thousand, d.numeralPositiveOnly = !!i, d.stripLeadingZeroes = !1 !== a, d.prefix = o || o === "" ? o : "", d.signBeforePrefix = !!s, d.tailPrefix = !!l, d.delimiter = u || u === "" ? u : ",", d.delimiterRE = u ? RegExp("\\" + u, "g") : "";
+};
+c.groupStyle = {
+	thousand: "thousand",
+	lakh: "lakh",
+	wan: "wan",
+	none: "none"
+}, c.prototype = {
+	getRawValue: function(e) {
+		return e.replace(this.delimiterRE, "").replace(this.numeralDecimalMark, ".");
+	},
+	format: function(e) {
+		var t, n, r, i, a = this, o = "";
+		switch (e = e.replace(/[A-Za-z]/g, "").replace(a.numeralDecimalMark, "M").replace(/[^\dM-]/g, "").replace(/^\-/, "N").replace(/\-/g, "").replace("N", a.numeralPositiveOnly ? "" : "-").replace("M", a.numeralDecimalMark), a.stripLeadingZeroes && (e = e.replace(/^(-)?0+(?=\d)/, "$1")), n = e.slice(0, 1) === "-" ? "-" : "", r = a.prefix === void 0 ? n : a.signBeforePrefix ? n + a.prefix : a.prefix + n, i = e, e.indexOf(a.numeralDecimalMark) >= 0 && (i = (t = e.split(a.numeralDecimalMark))[0], o = a.numeralDecimalMark + t[1].slice(0, a.numeralDecimalScale)), n === "-" && (i = i.slice(1)), a.numeralIntegerScale > 0 && (i = i.slice(0, a.numeralIntegerScale)), a.numeralThousandsGroupStyle) {
+			case c.groupStyle.lakh:
+				i = i.replace(/(\d)(?=(\d\d)+\d$)/g, "$1" + a.delimiter);
+				break;
+			case c.groupStyle.wan:
+				i = i.replace(/(\d)(?=(\d{4})+$)/g, "$1" + a.delimiter);
+				break;
+			case c.groupStyle.thousand: i = i.replace(/(\d)(?=(\d{3})+$)/g, "$1" + a.delimiter);
+		}
+		return a.tailPrefix ? n + i.toString() + (a.numeralDecimalScale > 0 ? o.toString() : "") + a.prefix : r + i.toString() + (a.numeralDecimalScale > 0 ? o.toString() : "");
+	}
+};
+var l = c, u = function(e, t, n) {
+	var r = this;
+	r.date = [], r.blocks = [], r.datePattern = e, r.dateMin = t.split("-").reverse().map(function(e) {
+		return parseInt(e, 10);
+	}), r.dateMin.length === 2 && r.dateMin.unshift(0), r.dateMax = n.split("-").reverse().map(function(e) {
+		return parseInt(e, 10);
+	}), r.dateMax.length === 2 && r.dateMax.unshift(0), r.initBlocks();
+};
+u.prototype = {
+	initBlocks: function() {
+		var e = this;
+		e.datePattern.forEach(function(t) {
+			t === "Y" ? e.blocks.push(4) : e.blocks.push(2);
+		});
+	},
+	getISOFormatDate: function() {
+		var e = this, t = e.date;
+		return t[2] ? t[2] + "-" + e.addLeadingZero(t[1]) + "-" + e.addLeadingZero(t[0]) : "";
+	},
+	getBlocks: function() {
+		return this.blocks;
+	},
+	getValidatedDate: function(e) {
+		var t = this, n = "";
+		return e = e.replace(/[^\d]/g, ""), t.blocks.forEach(function(r, i) {
+			if (e.length > 0) {
+				var a = e.slice(0, r), o = a.slice(0, 1), s = e.slice(r);
+				switch (t.datePattern[i]) {
+					case "d":
+						a === "00" ? a = "01" : parseInt(o, 10) > 3 ? a = "0" + o : parseInt(a, 10) > 31 && (a = "31");
+						break;
+					case "m": a === "00" ? a = "01" : parseInt(o, 10) > 1 ? a = "0" + o : parseInt(a, 10) > 12 && (a = "12");
+				}
+				n += a, e = s;
+			}
+		}), this.getFixedDateString(n);
+	},
+	getFixedDateString: function(e) {
+		var t, n, r, i = this, a = i.datePattern, o = [], s = 0, c = 0, l = 0, u = 0, d = 0, f = 0, p = !1;
+		return e.length === 4 && a[0].toLowerCase() !== "y" && a[1].toLowerCase() !== "y" && (d = 2 - (u = a[0] === "d" ? 0 : 2), t = parseInt(e.slice(u, u + 2), 10), n = parseInt(e.slice(d, d + 2), 10), o = this.getFixedDate(t, n, 0)), e.length === 8 && (a.forEach(function(e, t) {
+			switch (e) {
+				case "d":
+					s = t;
+					break;
+				case "m":
+					c = t;
+					break;
+				default: l = t;
+			}
+		}), f = 2 * l, u = s <= l ? 2 * s : 2 * s + 2, d = c <= l ? 2 * c : 2 * c + 2, t = parseInt(e.slice(u, u + 2), 10), n = parseInt(e.slice(d, d + 2), 10), r = parseInt(e.slice(f, f + 4), 10), p = e.slice(f, f + 4).length === 4, o = this.getFixedDate(t, n, r)), e.length !== 4 || a[0] !== "y" && a[1] !== "y" || (f = 2 - (d = a[0] === "m" ? 0 : 2), n = parseInt(e.slice(d, d + 2), 10), r = parseInt(e.slice(f, f + 2), 10), p = e.slice(f, f + 2).length === 2, o = [
+			0,
+			n,
+			r
+		]), e.length !== 6 || a[0] !== "Y" && a[1] !== "Y" || (f = 2 - .5 * (d = a[0] === "m" ? 0 : 4), n = parseInt(e.slice(d, d + 2), 10), r = parseInt(e.slice(f, f + 4), 10), p = e.slice(f, f + 4).length === 4, o = [
+			0,
+			n,
+			r
+		]), o = i.getRangeFixedDate(o), i.date = o, o.length === 0 ? e : a.reduce(function(e, t) {
+			switch (t) {
+				case "d": return e + (o[0] === 0 ? "" : i.addLeadingZero(o[0]));
+				case "m": return e + (o[1] === 0 ? "" : i.addLeadingZero(o[1]));
+				case "y": return e + (p ? i.addLeadingZeroForYear(o[2], !1) : "");
+				case "Y": return e + (p ? i.addLeadingZeroForYear(o[2], !0) : "");
+			}
+		}, "");
+	},
+	getRangeFixedDate: function(e) {
+		var t = this, n = t.datePattern, r = t.dateMin || [], i = t.dateMax || [];
+		return !e.length || r.length < 3 && i.length < 3 || n.find(function(e) {
+			return e.toLowerCase() === "y";
+		}) && e[2] === 0 ? e : i.length && (i[2] < e[2] || i[2] === e[2] && (i[1] < e[1] || i[1] === e[1] && i[0] < e[0])) ? i : r.length && (r[2] > e[2] || r[2] === e[2] && (r[1] > e[1] || r[1] === e[1] && r[0] > e[0])) ? r : e;
+	},
+	getFixedDate: function(e, t, n) {
+		return e = Math.min(e, 31), t = Math.min(t, 12), n = parseInt(n || 0, 10), (t < 7 && t % 2 == 0 || t > 8 && t % 2 == 1) && (e = Math.min(e, t === 2 ? this.isLeapYear(n) ? 29 : 28 : 30)), [
+			e,
+			t,
+			n
+		];
+	},
+	isLeapYear: function(e) {
+		return e % 4 == 0 && e % 100 != 0 || e % 400 == 0;
+	},
+	addLeadingZero: function(e) {
+		return (e < 10 ? "0" : "") + e;
+	},
+	addLeadingZeroForYear: function(e, t) {
+		return t ? (e < 10 ? "000" : e < 100 ? "00" : e < 1e3 ? "0" : "") + e : (e < 10 ? "0" : "") + e;
+	}
+};
+var d = u, f = function(e, t) {
+	var n = this;
+	n.time = [], n.blocks = [], n.timePattern = e, n.timeFormat = t, n.initBlocks();
+};
+f.prototype = {
+	initBlocks: function() {
+		var e = this;
+		e.timePattern.forEach(function() {
+			e.blocks.push(2);
+		});
+	},
+	getISOFormatTime: function() {
+		var e = this, t = e.time;
+		return t[2] ? e.addLeadingZero(t[0]) + ":" + e.addLeadingZero(t[1]) + ":" + e.addLeadingZero(t[2]) : "";
+	},
+	getBlocks: function() {
+		return this.blocks;
+	},
+	getTimeFormatOptions: function() {
+		return String(this.timeFormat) === "12" ? {
+			maxHourFirstDigit: 1,
+			maxHours: 12,
+			maxMinutesFirstDigit: 5,
+			maxMinutes: 60
+		} : {
+			maxHourFirstDigit: 2,
+			maxHours: 23,
+			maxMinutesFirstDigit: 5,
+			maxMinutes: 60
+		};
+	},
+	getValidatedTime: function(e) {
+		var t = this, n = "";
+		e = e.replace(/[^\d]/g, "");
+		var r = t.getTimeFormatOptions();
+		return t.blocks.forEach(function(i, a) {
+			if (e.length > 0) {
+				var o = e.slice(0, i), s = o.slice(0, 1), c = e.slice(i);
+				switch (t.timePattern[a]) {
+					case "h":
+						parseInt(s, 10) > r.maxHourFirstDigit ? o = "0" + s : parseInt(o, 10) > r.maxHours && (o = r.maxHours + "");
+						break;
+					case "m":
+					case "s": parseInt(s, 10) > r.maxMinutesFirstDigit ? o = "0" + s : parseInt(o, 10) > r.maxMinutes && (o = r.maxMinutes + "");
+				}
+				n += o, e = c;
+			}
+		}), this.getFixedTimeString(n);
+	},
+	getFixedTimeString: function(e) {
+		var t, n, r, i = this, a = i.timePattern, o = [], s = 0, c = 0, l = 0, u = 0, d = 0, f = 0;
+		return e.length === 6 && (a.forEach(function(e, t) {
+			switch (e) {
+				case "s":
+					s = 2 * t;
+					break;
+				case "m":
+					c = 2 * t;
+					break;
+				case "h": l = 2 * t;
+			}
+		}), f = l, d = c, u = s, t = parseInt(e.slice(u, u + 2), 10), n = parseInt(e.slice(d, d + 2), 10), r = parseInt(e.slice(f, f + 2), 10), o = this.getFixedTime(r, n, t)), e.length === 4 && i.timePattern.indexOf("s") < 0 && (a.forEach(function(e, t) {
+			switch (e) {
+				case "m":
+					c = 2 * t;
+					break;
+				case "h": l = 2 * t;
+			}
+		}), f = l, d = c, t = 0, n = parseInt(e.slice(d, d + 2), 10), r = parseInt(e.slice(f, f + 2), 10), o = this.getFixedTime(r, n, t)), i.time = o, o.length === 0 ? e : a.reduce(function(e, t) {
+			switch (t) {
+				case "s": return e + i.addLeadingZero(o[2]);
+				case "m": return e + i.addLeadingZero(o[1]);
+				case "h": return e + i.addLeadingZero(o[0]);
+			}
+		}, "");
+	},
+	getFixedTime: function(e, t, n) {
+		return n = Math.min(parseInt(n || 0, 10), 60), t = Math.min(t, 60), [
+			e = Math.min(e, 60),
+			t,
+			n
+		];
+	},
+	addLeadingZero: function(e) {
+		return (e < 10 ? "0" : "") + e;
+	}
+};
+var p = f, m = function(e, t) {
+	var n = this;
+	n.delimiter = t || t === "" ? t : " ", n.delimiterRE = t ? RegExp("\\" + t, "g") : "", n.formatter = e;
+};
+m.prototype = {
+	setFormatter: function(e) {
+		this.formatter = e;
+	},
+	format: function(e) {
+		var t = this;
+		t.formatter.clear();
+		for (var n, r = "", i = !1, a = 0, o = (e = (e = (e = e.replace(/[^\d+]/g, "")).replace(/^\+/, "B").replace(/\+/g, "").replace("B", "+")).replace(t.delimiterRE, "")).length; a < o; a++) n = t.formatter.inputDigit(e.charAt(a)), /[\s()-]/g.test(n) ? (r = n, i = !0) : i || (r = n);
+		return r = (r = r.replace(/[()]/g, "")).replace(/[\s-]/g, t.delimiter);
+	}
+};
+var h = m, g = {
+	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(e, t) {
+			return e + t;
+		}, 0);
+		return e.concat(19 - t);
+	},
+	getInfo: function(e, t) {
+		var n = g.blocks, r = g.re;
+		for (var i in t = !!t, r) if (r[i].test(e)) {
+			var a = n[i];
+			return {
+				type: i,
+				blocks: t ? this.getStrictBlocks(a) : a
+			};
+		}
+		return {
+			type: "unknown",
+			blocks: t ? this.getStrictBlocks(n.general) : n.general
+		};
+	}
+}, _ = g, v = {
+	noop: function() {},
+	strip: function(e, t) {
+		return e.replace(t, "");
+	},
+	getPostDelimiter: function(e, t, n) {
+		if (n.length === 0) return e.slice(-t.length) === t ? t : "";
+		var r = "";
+		return n.forEach(function(t) {
+			e.slice(-t.length) === t && (r = t);
+		}), r;
+	},
+	getDelimiterREByDelimiter: function(e) {
+		return new RegExp(e.replace(/([.?*+^$[\]\\(){}|-])/g, "\\$1"), "g");
+	},
+	getNextCursorPosition: function(e, t, n, r, i) {
+		return t.length === e ? n.length : e + this.getPositionOffset(e, t, n, r, i);
+	},
+	getPositionOffset: function(e, t, n, r, i) {
+		var a = this.stripDelimiters(t.slice(0, e), r, i), o = this.stripDelimiters(n.slice(0, e), r, i), s = a.length - o.length;
+		return s === 0 ? 0 : s / Math.abs(s);
+	},
+	stripDelimiters: function(e, t, n) {
+		var r = this;
+		if (n.length === 0) {
+			var i = t ? r.getDelimiterREByDelimiter(t) : "";
+			return e.replace(i, "");
+		}
+		return n.forEach(function(t) {
+			t.split("").forEach(function(t) {
+				e = e.replace(r.getDelimiterREByDelimiter(t), "");
+			});
+		}), e;
+	},
+	headStr: function(e, t) {
+		return e.slice(0, t);
+	},
+	getMaxLength: function(e) {
+		return e.reduce(function(e, t) {
+			return e + t;
+		}, 0);
+	},
+	getPrefixStrippedValue: function(e, t, n, r, i, a, o, s, c) {
+		if (n === 0) return e;
+		if (e === t && e !== "") return "";
+		if (c && e.slice(0, 1) == "-") {
+			var l = r.slice(0, 1) == "-" ? r.slice(1) : r;
+			return "-" + this.getPrefixStrippedValue(e.slice(1), t, n, l, i, a, o, s, c);
+		}
+		if (r.slice(0, n) !== t && !s || r.slice(-n) !== t && s) return o && !r && e ? e : "";
+		var u = this.stripDelimiters(r, i, a);
+		return e.slice(0, n) === t || s ? e.slice(-n) !== t && s ? u.slice(0, -n - 1) : s ? e.slice(0, -n) : e.slice(n) : u.slice(n);
+	},
+	getFirstDiffIndex: function(e, t) {
+		for (var n = 0; e.charAt(n) === t.charAt(n);) if (e.charAt(n++) === "") return -1;
+		return n;
+	},
+	getFormattedValue: function(e, t, n, r, i, a) {
+		var o = "", s = i.length > 0, c = "";
+		return n === 0 ? e : (t.forEach(function(t, l) {
+			if (e.length > 0) {
+				var u = e.slice(0, t), d = e.slice(t);
+				c = s ? i[a ? l - 1 : l] || c : r, a ? (l > 0 && (o += c), o += u) : (o += u, u.length === t && l < n - 1 && (o += c)), e = d;
+			}
+		}), o);
+	},
+	fixPrefixCursor: function(e, t, n, r) {
+		if (e) {
+			var i = e.value, a = n || r[0] || " ";
+			if (e.setSelectionRange && t && !(t.length + a.length <= i.length)) {
+				var o = 2 * i.length;
+				setTimeout(function() {
+					e.setSelectionRange(o, o);
+				}, 1);
+			}
+		}
+	},
+	checkFullSelection: function(e) {
+		try {
+			return (window.getSelection() || document.getSelection() || {}).toString().length === e.length;
+		} catch {}
+		return !1;
+	},
+	setSelection: function(e, t, n) {
+		if (e === this.getActiveElement(n) && !(e && e.value.length <= t)) if (e.createTextRange) {
+			var r = e.createTextRange();
+			r.move("character", t), r.select();
+		} else try {
+			e.setSelectionRange(t, t);
+		} catch {}
+	},
+	getActiveElement: function(e) {
+		var t = e.activeElement;
+		return t && t.shadowRoot ? this.getActiveElement(t.shadowRoot) : t;
+	},
+	isAndroid: function() {
+		return navigator && /android/i.test(navigator.userAgent);
+	},
+	isAndroidBackspaceKeydown: function(e, t) {
+		return !!(this.isAndroid() && e && t) && t === e.slice(0, -1);
+	}
+}, y = { assign: function(e, t) {
+	return t ||= {}, (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 = !1 !== t.stripLeadingZeroes, 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 s == "object" && s ? s : window, e.document = t.document || e.root.document, e.maxLength = 0, e.backspace = !1, e.result = "", e.onValueChanged = t.onValueChanged || function() {}, e;
+} }, b = function(e, t) {
+	var n = this;
+	if (typeof e == "string" ? (n.element = document.querySelector(e), document.querySelectorAll(e).length) : e.length !== void 0 && e.length > 0 ? (n.element = e[0], e.length) : n.element = e, !n.element) throw Error("[cleave.js] Please check the element");
+	t.initValue = n.element.value, n.properties = b.DefaultProperties.assign({}, t), n.init();
+};
+b.prototype = {
+	init: function() {
+		var e = this, t = e.properties;
+		t.numeral || t.phone || t.creditCard || t.time || t.date || t.blocksLength !== 0 || t.prefix ? (t.maxLength = b.Util.getMaxLength(t.blocks), e.isAndroid = b.Util.isAndroid(), e.lastInputValue = "", e.isBackward = "", e.onChangeListener = e.onChange.bind(e), e.onKeyDownListener = e.onKeyDown.bind(e), e.onFocusListener = e.onFocus.bind(e), e.onCutListener = e.onCut.bind(e), e.onCopyListener = e.onCopy.bind(e), e.initSwapHiddenInput(), e.element.addEventListener("input", e.onChangeListener), e.element.addEventListener("keydown", e.onKeyDownListener), e.element.addEventListener("focus", e.onFocusListener), e.element.addEventListener("cut", e.onCutListener), e.element.addEventListener("copy", e.onCopyListener), e.initPhoneFormatter(), e.initDateFormatter(), e.initTimeFormatter(), e.initNumeralFormatter(), (t.initValue || t.prefix && !t.noImmediatePrefix) && e.onInput(t.initValue)) : e.onInput(t.initValue);
+	},
+	initSwapHiddenInput: function() {
+		var e = this;
+		if (e.properties.swapHiddenInput) {
+			var t = e.element.cloneNode(!0);
+			e.element.parentNode.insertBefore(t, e.element), e.elementSwapHidden = e.element, e.elementSwapHidden.type = "hidden", e.element = t, e.element.id = "";
+		}
+	},
+	initNumeralFormatter: function() {
+		var e = this.properties;
+		e.numeral && (e.numeralFormatter = new b.NumeralFormatter(e.numeralDecimalMark, e.numeralIntegerScale, e.numeralDecimalScale, e.numeralThousandsGroupStyle, e.numeralPositiveOnly, e.stripLeadingZeroes, e.prefix, e.signBeforePrefix, e.tailPrefix, e.delimiter));
+	},
+	initTimeFormatter: function() {
+		var e = this.properties;
+		e.time && (e.timeFormatter = new b.TimeFormatter(e.timePattern, e.timeFormat), e.blocks = e.timeFormatter.getBlocks(), e.blocksLength = e.blocks.length, e.maxLength = b.Util.getMaxLength(e.blocks));
+	},
+	initDateFormatter: function() {
+		var e = this.properties;
+		e.date && (e.dateFormatter = new b.DateFormatter(e.datePattern, e.dateMin, e.dateMax), e.blocks = e.dateFormatter.getBlocks(), e.blocksLength = e.blocks.length, e.maxLength = b.Util.getMaxLength(e.blocks));
+	},
+	initPhoneFormatter: function() {
+		var e = this.properties;
+		if (e.phone) try {
+			e.phoneFormatter = new b.PhoneFormatter(new e.root.Cleave.AsYouTypeFormatter(e.phoneRegionCode), e.delimiter);
+		} catch {
+			throw Error("[cleave.js] Please include phone-type-formatter.{country}.js lib");
+		}
+	},
+	onKeyDown: function(e) {
+		var t = this, n = e.which || e.keyCode;
+		t.lastInputValue = t.element.value, t.isBackward = n === 8;
+	},
+	onChange: function(e) {
+		var t = this, n = t.properties, r = b.Util;
+		t.isBackward = t.isBackward || e.inputType === "deleteContentBackward";
+		var i = r.getPostDelimiter(t.lastInputValue, n.delimiter, n.delimiters);
+		t.isBackward && i ? n.postDelimiterBackspace = i : n.postDelimiterBackspace = !1, this.onInput(this.element.value);
+	},
+	onFocus: function() {
+		var e = this, t = e.properties;
+		e.lastInputValue = e.element.value, t.prefix && t.noImmediatePrefix && !e.element.value && this.onInput(t.prefix), b.Util.fixPrefixCursor(e.element, t.prefix, t.delimiter, t.delimiters);
+	},
+	onCut: function(e) {
+		b.Util.checkFullSelection(this.element.value) && (this.copyClipboardData(e), this.onInput(""));
+	},
+	onCopy: function(e) {
+		b.Util.checkFullSelection(this.element.value) && this.copyClipboardData(e);
+	},
+	copyClipboardData: function(e) {
+		var t = this.properties, n = b.Util, r = this.element.value, i = "";
+		i = t.copyDelimiter ? r : n.stripDelimiters(r, t.delimiter, t.delimiters);
+		try {
+			e.clipboardData ? e.clipboardData.setData("Text", i) : window.clipboardData.setData("Text", i), e.preventDefault();
+		} catch {}
+	},
+	onInput: function(e) {
+		var t = this, n = t.properties, r = b.Util, i = r.getPostDelimiter(e, n.delimiter, n.delimiters);
+		n.numeral || !n.postDelimiterBackspace || i || (e = r.headStr(e, e.length - n.postDelimiterBackspace.length)), n.phone ? (!n.prefix || n.noImmediatePrefix && !e.length ? n.result = n.phoneFormatter.format(e) : n.result = n.prefix + n.phoneFormatter.format(e).slice(n.prefix.length), t.updateValueState()) : n.numeral ? (n.prefix && n.noImmediatePrefix && e.length === 0 ? n.result = "" : n.result = n.numeralFormatter.format(e), t.updateValueState()) : (n.date && (e = n.dateFormatter.getValidatedDate(e)), n.time && (e = n.timeFormatter.getValidatedTime(e)), e = r.stripDelimiters(e, n.delimiter, n.delimiters), e = r.getPrefixStrippedValue(e, n.prefix, n.prefixLength, n.result, n.delimiter, n.delimiters, n.noImmediatePrefix, n.tailPrefix, n.signBeforePrefix), e = n.numericOnly ? r.strip(e, /[^\d]/g) : e, e = n.uppercase ? e.toUpperCase() : e, e = n.lowercase ? e.toLowerCase() : e, n.prefix && (n.tailPrefix ? e += n.prefix : e = n.prefix + e, n.blocksLength === 0) ? (n.result = e, t.updateValueState()) : (n.creditCard && t.updateCreditCardPropsByValue(e), e = r.headStr(e, n.maxLength), n.result = r.getFormattedValue(e, n.blocks, n.blocksLength, n.delimiter, n.delimiters, n.delimiterLazyShow), t.updateValueState()));
+	},
+	updateCreditCardPropsByValue: function(e) {
+		var t, n = this.properties, r = b.Util;
+		r.headStr(n.result, 4) !== r.headStr(e, 4) && (t = b.CreditCardDetector.getInfo(e, n.creditCardStrictMode), n.blocks = t.blocks, n.blocksLength = n.blocks.length, n.maxLength = r.getMaxLength(n.blocks), n.creditCardType !== t.type && (n.creditCardType = t.type, n.onCreditCardTypeChanged.call(this, n.creditCardType)));
+	},
+	updateValueState: function() {
+		var e = this, t = b.Util, n = e.properties;
+		if (e.element) {
+			var r = e.element.selectionEnd, i = e.element.value, a = n.result;
+			r = t.getNextCursorPosition(r, i, a, n.delimiter, n.delimiters), e.isAndroid ? window.setTimeout(function() {
+				e.element.value = a, t.setSelection(e.element, r, n.document, !1), e.callOnValueChanged();
+			}, 1) : (e.element.value = a, n.swapHiddenInput && (e.elementSwapHidden.value = e.getRawValue()), t.setSelection(e.element, r, n.document, !1), e.callOnValueChanged());
+		}
+	},
+	callOnValueChanged: function() {
+		var e = this, t = e.properties;
+		t.onValueChanged.call(e, { target: {
+			name: e.element.name,
+			value: t.result,
+			rawValue: e.getRawValue()
+		} });
+	},
+	setPhoneRegionCode: function(e) {
+		var t = this;
+		t.properties.phoneRegionCode = e, t.initPhoneFormatter(), t.onChange();
+	},
+	setRawValue: function(e) {
+		var t = this, n = t.properties;
+		e = e == null ? "" : e.toString(), n.numeral && (e = e.replace(".", n.numeralDecimalMark)), n.postDelimiterBackspace = !1, t.element.value = e, t.onInput(e);
+	},
+	getRawValue: function() {
+		var e = this.properties, t = b.Util, n = this.element.value;
+		return e.rawValueTrimPrefix && (n = t.getPrefixStrippedValue(n, e.prefix, e.prefixLength, e.result, e.delimiter, e.delimiters, e.noImmediatePrefix, e.tailPrefix, e.signBeforePrefix)), n = e.numeral ? e.numeralFormatter.getRawValue(n) : t.stripDelimiters(n, e.delimiter, e.delimiters);
+	},
+	getISOFormatDate: function() {
+		var e = this.properties;
+		return e.date ? e.dateFormatter.getISOFormatDate() : "";
+	},
+	getISOFormatTime: function() {
+		var e = this.properties;
+		return e.time ? e.timeFormatter.getISOFormatTime() : "";
+	},
+	getFormattedValue: function() {
+		return this.element.value;
+	},
+	destroy: function() {
+		var e = this;
+		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]";
+	}
+}, b.NumeralFormatter = l, b.DateFormatter = d, b.TimeFormatter = p, b.PhoneFormatter = h, b.CreditCardDetector = _, b.Util = v, b.DefaultProperties = y, (typeof s == "object" && s ? s : window).Cleave = b;
+var x = b, S = class extends t() {
+	constructor(...e) {
+		super(...e), this.value = {
+			cardName: "",
+			cardNumber: "",
+			expirationDate: "",
+			cvv: ""
+		}, this.cardType = "", this.isCardNameValid = !0, this.isCardNumberValid = !0, this.isExpirationDateValid = !0, this.isCvvValid = !0;
+	}
+	firstUpdated() {
+		new x(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 x(this.expirationDateInput, {
+			date: !0,
+			datePattern: ["m", "y"],
+			onValueChanged: (e) => {
+				let 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 {
+					let [e, n] = t.split("/"), r = /* @__PURE__ */ new Date(), i = r.getFullYear() % 100, a = r.getMonth() + 1, o = parseInt(e, 10), s = parseInt(n, 10);
+					s < i || s === i && o < a ? (this.isExpirationDateValid = !1, this.expirationDateInput.setCustomValidity("Card has expired."), this.expirationDateInput.error = !0) : (this.isExpirationDateValid = !0, this.expirationDateInput.setCustomValidity(""), this.expirationDateInput.error = !1);
+				}
+			}
+		}), new x(this.cvvInput, {
+			blocks: [4],
+			numericOnly: !0,
+			onValueChanged: (e) => {
+				let 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 x(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();
+	}
+	checkValidity() {
+		return !!this.form.reportValidity();
+	}
+	emitChange() {
+		this.dispatchEvent(new CustomEvent("change", {
+			detail: { ...this.value },
+			bubbles: !0
+		}));
+	}
+	render() {
+		let e = this.getCardIcon();
+		return o`
+			<schmancy-form
+				@change=${(e) => {
+			e.stopPropagation(), e.preventDefault();
+		}}
+			>
+				<schmancy-grid gap="md" class="w-full">
+					<!-- Card Name Field -->
+					<schmancy-input
+						autocomplete="cc-name"
+						id="cardName"
+						.value=${this.cardName ?? ""}
+						.error=${!this.isCardNameValid}
+						type="text"
+						label="Name on card"
+						required
+						hint="${this.isCardNameValid ? "Enter the name exactly as it appears on your card" : "Please enter the name as it appears on the card"}"
+						@change=${(e) => {
+			this.cardName = e.detail.value, this.value.cardName = e.detail.value, this.emitChange();
+		}}
+					></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=${(e) => {
+			this.cardNumber = e.detail.value, this.value.cardNumber = e.detail.value, this.emitChange();
+		}}
+						></schmancy-input>
+						${e ? o`<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=${(e) => {
+			this.expirationDate = e.detail.value, this.value.expirationDate = e.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=${(e) => {
+			this.cvv = e.detail.value, this.value.cvv = e.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-form>
+		`;
+	}
+	getCardIcon() {
+		switch (this.cardType) {
+			case "visa":
+			case "mastercard":
+			case "amex":
+			case "discover": return o`<schmancy-icon>credit_card</schmancy-icon>`;
+			default: return this.cardNumber ? o`<schmancy-icon>credit_card</schmancy-icon>` : null;
+		}
+	}
+	renderSecurityNotice() {
+		return o`
+			<div class="flex items-center gap-2">
+				<schmancy-icon size="18px">lock</schmancy-icon>
+				<span>Your payment information is secure and encrypted</span>
+			</div>
+		`;
+	}
+};
+e([r({
+	type: Object,
+	reflect: !0
+})], S.prototype, "value", void 0), e([a()], S.prototype, "cardType", void 0), e([a()], S.prototype, "cardName", void 0), e([a()], S.prototype, "cardNumber", void 0), e([a()], S.prototype, "expirationDate", void 0), e([a()], S.prototype, "cvv", void 0), e([a()], S.prototype, "isCardNameValid", void 0), e([a()], S.prototype, "isCardNumberValid", void 0), e([a()], S.prototype, "isExpirationDateValid", void 0), e([a()], S.prototype, "isCvvValid", void 0), e([i("#cardNumber")], S.prototype, "cardNumberInput", void 0), e([i("#expirationDate")], S.prototype, "expirationDateInput", void 0), e([i("#cvv")], S.prototype, "cvvInput", void 0), e([i("#cardName")], S.prototype, "cardNameInput", void 0), e([i("schmancy-form")], S.prototype, "form", void 0), S = e([n("schmancy-payment-card-form")], S);
+export { S as t };