@mhmo91/schmancy 0.5.35 → 0.5.37

package/dist/{option-BFlWiCu0.js → option-tDU1Z_vP.js}

@@ -1,14 +1,15 @@
 import { fromEvent as h, takeUntil as d } from "rxjs";
+import "rxjs/operators";
 import "lit/directives/class-map.js";
 import "lit/directives/style-map.js";
 import { property as o, customElement as u } from "lit/decorators.js";
-import { T as b } from "./tailwind.mixin-BjDGMGbj.js";
-import { css as y, html as p } from "lit";
-var m = Object.defineProperty, v = Object.getOwnPropertyDescriptor, i = (e, n, r, l) => {
-  for (var a, s = l > 1 ? void 0 : l ? v(n, r) : n, c = e.length - 1; c >= 0; c--) (a = e[c]) && (s = (l ? a(n, r, s) : a(s)) || s);
-  return l && s && m(n, r, s), s;
+import { T as b } from "./tailwind.mixin-Cn7vup-6.js";
+import { css as m, html as c } from "lit";
+var y = Object.defineProperty, v = Object.getOwnPropertyDescriptor, i = (e, n, r, l) => {
+  for (var a, s = l > 1 ? void 0 : l ? v(n, r) : n, p = e.length - 1; p >= 0; p--) (a = e[p]) && (s = (l ? a(n, r, s) : a(s)) || s);
+  return l && s && y(n, r, s), s;
 };
-let t = class extends b(y`
+let t = class extends b(m`
 	:host {
 		display: block;
 		cursor: pointer;
@@ -48,11 +49,11 @@ let t = class extends b(y`
   }
   render() {
     const e = { "py-2": !0, "px-3": !0, rounded: !0, "text-sm": !0, "w-full": !0, flex: !0, "items-center": !0, "gap-2": !0, "bg-primary-container": this.selected, "text-primary-onContainer": this.selected, "hover:bg-surface-high": !this.selected, "focus:outline-none": !0 };
-    return p`
+    return c`
 			<div class=${this.classMap(e)} role="option" aria-selected=${this.selected} aria-disabled=${this.disabled}>
-				${this.icon ? p`<span class="icon">${this.icon}</span>` : ""}
+				${this.icon ? c`<span class="icon">${this.icon}</span>` : ""}
 				<span class="flex-1">${this.label || this.value}</span>
-				${this.selected ? p`
+				${this.selected ? c`
 							<span class="check">
 								<svg
 									width="16"
@@ -73,4 +74,4 @@ let t = class extends b(y`
   }
 };
 i([o({ type: String })], t.prototype, "value", 2), i([o({ type: String })], t.prototype, "label", 2), i([o({ type: Boolean, reflect: !0 })], t.prototype, "selected", 2), i([o({ type: Boolean, reflect: !0 })], t.prototype, "disabled", 2), i([o({ type: String })], t.prototype, "group", 2), i([o({ type: String })], t.prototype, "icon", 2), t = i([u("schmancy-option")], t);
-//# sourceMappingURL=option-BFlWiCu0.js.map
+//# sourceMappingURL=option-tDU1Z_vP.js.map

package/dist/{option-BFlWiCu0.js.map → option-tDU1Z_vP.js.map}

@@ -1 +1 @@
-{"version":3,"file":"option-BFlWiCu0.js","sources":["../src/option/option.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { fromEvent, takeUntil } from 'rxjs'\n\n/**\n * `schmancy-option` is an option element for schmancy-select and schmancy-autocomplete components.\n *\n * @fires click - When the option is clicked\n */\n@customElement('schmancy-option')\nexport default class SchmancyOption extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tcursor: pointer;\n\t\tuser-select: none;\n\t\toutline: none;\n\t}\n\n\t:host(:focus-visible) {\n\t\toutline: 2px solid var(--schmancy-sys-color-primary-default);\n\t\toutline-offset: -2px;\n\t}\n\n\t:host([hidden]) {\n\t\tdisplay: none;\n\t}\n\n\t:host([disabled]) {\n\t\topacity: 0.5;\n\t\tpointer-events: none;\n\t}\n`) {\n\t/**\n\t * The value of the option, will be used when selected.\n\t */\n\t@property({ type: String })\n\tvalue: string = ''\n\n\t/**\n\t * The human-readable label for the option.\n\t */\n\t@property({ type: String })\n\tlabel: string = ''\n\n\t/**\n\t * Whether the option is currently selected.\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tselected: boolean = false\n\n\t/**\n\t * Whether the option is disabled.\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tdisabled: boolean = false\n\n\t/**\n\t * Optional group this option belongs to (for option grouping).\n\t */\n\t@property({ type: String })\n\tgroup: string = ''\n\n\t/**\n\t * Optional icon or image to display before the label.\n\t */\n\t@property({ type: String })\n\ticon: string = ''\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\n\t\t// Ensure the option has an ID for accessibility\n\t\tif (!this.id) {\n\t\t\tthis.id = `schmancy-option-${Math.random().toString(36).substring(2, 9)}`\n\t\t}\n\n\t\t// If no label was provided, use the text content or value\n\t\tif (!this.label) {\n\t\t\tthis.label = this.textContent?.trim() || this.value\n\t\t}\n\n\t\t// If value wasn't set but there's text content, use that as the value\n\t\tif (!this.value && this.textContent) {\n\t\t\tthis.value = this.textContent.trim()\n\t\t}\n\n\t\t// Make the option clickable\n\t\tfromEvent<MouseEvent>(this, 'click')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe((e) => {\n\t\t\t\te.stopPropagation()\n\t\t\t\tif (this.disabled) return\n\t\t\t\t// Dispatch a custom event with this option's value\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent('option-select', {\n\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t\tdetail: { value: this.value },\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t})\n\n\t\tfromEvent<KeyboardEvent>(this, 'keydown')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe((e) => {\n\t\t\t\t// Handle space and enter as clicks\n\t\t\t\tif (e.key === ' ' || e.key === 'Enter') {\n\t\t\t\t\te.preventDefault()\n\t\t\t\t\te.stopPropagation()\n\t\t\t\t\tif (this.disabled) return\n\t\t\t\t\t// Dispatch a custom event with this option's value\n\t\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\t\tnew CustomEvent('option-select', {\n\t\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t\t\tdetail: { value: this.value },\n\t\t\t\t\t\t}),\n\t\t\t\t\t)\n\t\t\t\t}\n\t\t\t})\n\t}\n\n\tdisconnectedCallback() {\n\t\t// Event listeners are automatically cleaned up via takeUntil(this.disconnecting)\n\t\tsuper.disconnectedCallback()\n\t}\n\n\n\trender() {\n\t\tconst classes = {\n\t\t\t'py-2': true,\n\t\t\t'px-3': true,\n\t\t\trounded: true,\n\t\t\t'text-sm': true,\n\t\t\t'w-full': true,\n\t\t\tflex: true,\n\t\t\t'items-center': true,\n\t\t\t'gap-2': true,\n\t\t\t// Selected state\n\t\t\t'bg-primary-container': this.selected,\n\t\t\t'text-primary-onContainer': this.selected,\n\t\t\t// Hover state (when not selected)\n\t\t\t'hover:bg-surface-high': !this.selected,\n\t\t\t// Focus state\n\t\t\t'focus:outline-none': true,\n\t\t}\n\n\t\treturn html`\n\t\t\t<div class=${this.classMap(classes)} role=\"option\" aria-selected=${this.selected} aria-disabled=${this.disabled}>\n\t\t\t\t${this.icon ? html`<span class=\"icon\">${this.icon}</span>` : ''}\n\t\t\t\t<span class=\"flex-1\">${this.label || this.value}</span>\n\t\t\t\t${this.selected\n\t\t\t\t\t? html`\n\t\t\t\t\t\t\t<span class=\"check\">\n\t\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\t\twidth=\"16\"\n\t\t\t\t\t\t\t\t\theight=\"16\"\n\t\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<polyline points=\"20 6 9 17 4 12\"></polyline>\n\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t`\n\t\t\t\t\t: ''}\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-option': SchmancyOption\n\t}\n}\n"],"names":["SchmancyOption","TailwindElement","css","super","arguments","this","value","label","selected","disabled","group","icon","connectedCallback","id","Math","random","toString","substring","textContent","trim","fromEvent","pipe","takeUntil","disconnecting","subscribe","e","stopPropagation","dispatchEvent","CustomEvent","bubbles","composed","detail","key","preventDefault","disconnectedCallback","render","classes","rounded","flex","html","classMap","__decorateClass","property","type","String","prototype","Boolean","reflect","customElement"],"mappings":"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"}
+{"version":3,"file":"option-tDU1Z_vP.js","sources":["../src/option/option.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { fromEvent, takeUntil } from 'rxjs'\n\n/**\n * `schmancy-option` is an option element for schmancy-select and schmancy-autocomplete components.\n *\n * @fires click - When the option is clicked\n */\n@customElement('schmancy-option')\nexport default class SchmancyOption extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tcursor: pointer;\n\t\tuser-select: none;\n\t\toutline: none;\n\t}\n\n\t:host(:focus-visible) {\n\t\toutline: 2px solid var(--schmancy-sys-color-primary-default);\n\t\toutline-offset: -2px;\n\t}\n\n\t:host([hidden]) {\n\t\tdisplay: none;\n\t}\n\n\t:host([disabled]) {\n\t\topacity: 0.5;\n\t\tpointer-events: none;\n\t}\n`) {\n\t/**\n\t * The value of the option, will be used when selected.\n\t */\n\t@property({ type: String })\n\tvalue: string = ''\n\n\t/**\n\t * The human-readable label for the option.\n\t */\n\t@property({ type: String })\n\tlabel: string = ''\n\n\t/**\n\t * Whether the option is currently selected.\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tselected: boolean = false\n\n\t/**\n\t * Whether the option is disabled.\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tdisabled: boolean = false\n\n\t/**\n\t * Optional group this option belongs to (for option grouping).\n\t */\n\t@property({ type: String })\n\tgroup: string = ''\n\n\t/**\n\t * Optional icon or image to display before the label.\n\t */\n\t@property({ type: String })\n\ticon: string = ''\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\n\t\t// Ensure the option has an ID for accessibility\n\t\tif (!this.id) {\n\t\t\tthis.id = `schmancy-option-${Math.random().toString(36).substring(2, 9)}`\n\t\t}\n\n\t\t// If no label was provided, use the text content or value\n\t\tif (!this.label) {\n\t\t\tthis.label = this.textContent?.trim() || this.value\n\t\t}\n\n\t\t// If value wasn't set but there's text content, use that as the value\n\t\tif (!this.value && this.textContent) {\n\t\t\tthis.value = this.textContent.trim()\n\t\t}\n\n\t\t// Make the option clickable\n\t\tfromEvent<MouseEvent>(this, 'click')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe((e) => {\n\t\t\t\te.stopPropagation()\n\t\t\t\tif (this.disabled) return\n\t\t\t\t// Dispatch a custom event with this option's value\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent('option-select', {\n\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t\tdetail: { value: this.value },\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t})\n\n\t\tfromEvent<KeyboardEvent>(this, 'keydown')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe((e) => {\n\t\t\t\t// Handle space and enter as clicks\n\t\t\t\tif (e.key === ' ' || e.key === 'Enter') {\n\t\t\t\t\te.preventDefault()\n\t\t\t\t\te.stopPropagation()\n\t\t\t\t\tif (this.disabled) return\n\t\t\t\t\t// Dispatch a custom event with this option's value\n\t\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\t\tnew CustomEvent('option-select', {\n\t\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t\t\tdetail: { value: this.value },\n\t\t\t\t\t\t}),\n\t\t\t\t\t)\n\t\t\t\t}\n\t\t\t})\n\t}\n\n\tdisconnectedCallback() {\n\t\t// Event listeners are automatically cleaned up via takeUntil(this.disconnecting)\n\t\tsuper.disconnectedCallback()\n\t}\n\n\n\trender() {\n\t\tconst classes = {\n\t\t\t'py-2': true,\n\t\t\t'px-3': true,\n\t\t\trounded: true,\n\t\t\t'text-sm': true,\n\t\t\t'w-full': true,\n\t\t\tflex: true,\n\t\t\t'items-center': true,\n\t\t\t'gap-2': true,\n\t\t\t// Selected state\n\t\t\t'bg-primary-container': this.selected,\n\t\t\t'text-primary-onContainer': this.selected,\n\t\t\t// Hover state (when not selected)\n\t\t\t'hover:bg-surface-high': !this.selected,\n\t\t\t// Focus state\n\t\t\t'focus:outline-none': true,\n\t\t}\n\n\t\treturn html`\n\t\t\t<div class=${this.classMap(classes)} role=\"option\" aria-selected=${this.selected} aria-disabled=${this.disabled}>\n\t\t\t\t${this.icon ? html`<span class=\"icon\">${this.icon}</span>` : ''}\n\t\t\t\t<span class=\"flex-1\">${this.label || this.value}</span>\n\t\t\t\t${this.selected\n\t\t\t\t\t? html`\n\t\t\t\t\t\t\t<span class=\"check\">\n\t\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\t\twidth=\"16\"\n\t\t\t\t\t\t\t\t\theight=\"16\"\n\t\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<polyline points=\"20 6 9 17 4 12\"></polyline>\n\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t`\n\t\t\t\t\t: ''}\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-option': SchmancyOption\n\t}\n}\n"],"names":["SchmancyOption","TailwindElement","css","super","arguments","this","value","label","selected","disabled","group","icon","connectedCallback","id","Math","random","toString","substring","textContent","trim","fromEvent","pipe","takeUntil","disconnecting","subscribe","e","stopPropagation","dispatchEvent","CustomEvent","bubbles","composed","detail","key","preventDefault","disconnectedCallback","render","classes","rounded","flex","html","classMap","__decorateClass","property","type","String","prototype","Boolean","reflect","customElement"],"mappings":";;;;;;;;;;;AAWA,IAAqBA,IAArB,cAA4CC,EAAgBC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,CAA5D,EAAA;AAAA,EAAA;AAAAC,UAAAA,GAAAC,SAAAA,GA0BCC,KAAAC,QAAgB,IAMhBD,KAAAE,QAAgB,IAMhBF,KAAAG,eAMAH,KAAAI,eAMAJ,KAAAK,QAAgB,IAMhBL,KAAAM,OAAe;AAAA,EAAA;AAAA,EAEf,oBAAAC;AACCT,UAAMS,kBAAAA,GAGDP,KAAKQ,OACTR,KAAKQ,KAAK,mBAAmBC,KAAKC,OAAAA,EAASC,SAAS,IAAIC,UAAU,GAAG,OAIjEZ,KAAKE,UACTF,KAAKE,QAAQF,KAAKa,aAAaC,KAAAA,KAAUd,KAAKC,QAAAA,CAI1CD,KAAKC,SAASD,KAAKa,gBACvBb,KAAKC,QAAQD,KAAKa,YAAYC,SAI/BC,EAAsBf,MAAM,SAC1BgB,KAAKC,EAAUjB,KAAKkB,aAAAA,CAAAA,EACpBC,UAAWC,CAAAA,MAAAA;AACXA,MAAAA,EAAEC,gBAAAA,GACErB,KAAKI,YAETJ,KAAKsB,cACJ,IAAIC,YAAY,iBAAiB,EAChCC,SAAAA,IACAC,UAAAA,IACAC,QAAQ,EAAEzB,OAAOD,KAAKC,MAAAA,EAAAA,CAAAA,CAAAA;AAAAA,IAAAA,CAAAA,GAK1Bc,EAAyBf,MAAM,SAAA,EAC7BgB,KAAKC,EAAUjB,KAAKkB,aAAAA,CAAAA,EACpBC,UAAWC,CAAAA,MAAAA;AAEX,UAAIA,EAAEO,QAAQ,OAAOP,EAAEO,QAAQ,SAAS;AAGvC,YAFAP,EAAEQ,eAAAA,GACFR,EAAEC,mBACErB,KAAKI,SAAU;AAEnBJ,aAAKsB,cACJ,IAAIC,YAAY,iBAAiB,EAChCC,aACAC,UAAAA,IACAC,QAAQ,EAAEzB,OAAOD,KAAKC,MAAAA,EAAAA,CAAAA,CAAAA;AAAAA,MAGzB;AAAA,IAAA,CAAA;AAAA,EAEH;AAAA,EAEA,uBAAA4B;AAEC/B,UAAM+B,qBAAAA;AAAAA,EACP;AAAA,EAGA,SAAAC;AACC,UAAMC,IAAU,EACf,YACA,QAAA,IACAC,SAAAA,IACA,eACA,UAAA,IACAC,MAAAA,IACA,gBAAA,IACA,SAAA,IAEA,wBAAwBjC,KAAKG,UAC7B,4BAA4BH,KAAKG,UAEjC,yBAAA,CAA0BH,KAAKG,UAE/B,sBAAA,GAAsB;AAGvB,WAAO+B;AAAAA,gBACOlC,KAAKmC,SAASJ,CAAAA,CAAAA,gCAAwC/B,KAAKG,QAAAA,kBAA0BH,KAAKI,QAAAA;AAAAA,MACpGJ,KAAKM,OAAO4B,uBAA0BlC,KAAKM,IAAAA,YAAgB,EAAA;AAAA,2BACtCN,KAAKE,SAASF,KAAKC,KAAAA;AAAAA,MACxCD,KAAKG,WACJ+B;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,UAgBA,EAAA;AAAA;AAAA;AAAA,EAGN;AAAA;AAvIAE,EAAA,CADCC,EAAS,EAAEC,MAAMC,OAAAA,CAAAA,CAAAA,GAzBE5C,EA0BpB6C,WAAA,SAAA,CAAA,GAMAJ,EAAA,CADCC,EAAS,EAAEC,MAAMC,OAAAA,CAAAA,CAAAA,GA/BE5C,EAgCpB6C,WAAA,SAAA,CAAA,GAMAJ,EAAA,CADCC,EAAS,EAAEC,MAAMG,SAASC,SAAAA,GAAS,CAAA,CAAA,GArChB/C,EAsCpB6C,WAAA,YAAA,IAMAJ,EAAA,CADCC,EAAS,EAAEC,MAAMG,SAASC,SAAAA,GAAS,CAAA,CAAA,GA3ChB/C,EA4CpB6C,WAAA,YAAA,CAAA,GAMAJ,EAAA,CADCC,EAAS,EAAEC,MAAMC,YAjDE5C,EAkDpB6C,WAAA,SAAA,CAAA,GAMAJ,EAAA,CADCC,EAAS,EAAEC,MAAMC,OAAAA,CAAAA,CAAAA,GAvDE5C,EAwDpB6C,WAAA,QAAA,CAAA,GAxDoB7C,IAArByC,EAAA,CADCO,EAAc,iBAAA,CAAA,GACMhD,CAAAA;"}

package/dist/option.cjs

@@ -1,2 +1,2 @@
-"use strict";require("./option-D2bxihLu.cjs");
+"use strict";require("./option-ezGy71aI.cjs");
 //# sourceMappingURL=option.cjs.map

package/dist/option.js

@@ -1,2 +1,2 @@
-import "./option-BFlWiCu0.js";
+import "./option-tDU1Z_vP.js";
 //# sourceMappingURL=option.js.map

package/dist/payment-card-form-B5b-LA2Y.cjs

@@ -0,0 +1,74 @@
+"use strict";require("rxjs"),require("rxjs/operators"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const h=require("lit/decorators.js");require("./tailwind.mixin-CYhJgwwb.cjs");const w=require("./litElement.mixin-DoBMt4ia.cjs"),D=require("lit");var x=typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},v=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||v.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"):""};v.groupStyle={thousand:"thousand",lakh:"lakh",wan:"wan",none:"none"},v.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 v.groupStyle.lakh:a=a.replace(/(\d)(?=(\d\d)+\d$)/g,"$1"+n.delimiter);break;case v.groupStyle.wan:a=a.replace(/(\d)(?=(\d{4})+$)/g,"$1"+n.delimiter);break;case v.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 k=v,F=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)}),i.dateMin.length===2&&i.dateMin.unshift(0),i.dateMax=r.split("-").reverse().map(function(a){return parseInt(a,10)}),i.dateMax.length===2&&i.dateMax.unshift(0),i.initBlocks()};F.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,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),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");break;case"m":n==="00"?n="01":parseInt(o,10)>1?n="0"+o:parseInt(n,10)>12&&(n="12")}r+=n,e=l}}),this.getFixedDateString(r)},getFixedDateString:function(e){var t,r,i,a=this,n=a.datePattern,o=[],l=0,d=0,p=0,s=0,u=0,m=0,y=!1;return e.length===4&&n[0].toLowerCase()!=="y"&&n[1].toLowerCase()!=="y"&&(u=2-(s=n[0]==="d"?0:2),t=parseInt(e.slice(s,s+2),10),r=parseInt(e.slice(u,u+2),10),o=this.getFixedDate(t,r,0)),e.length===8&&(n.forEach(function(f,C){switch(f){case"d":l=C;break;case"m":d=C;break;default:p=C}}),m=2*p,s=l<=p?2*l:2*l+2,u=d<=p?2*d:2*d+2,t=parseInt(e.slice(s,s+2),10),r=parseInt(e.slice(u,u+2),10),i=parseInt(e.slice(m,m+4),10),y=e.slice(m,m+4).length===4,o=this.getFixedDate(t,r,i)),e.length!==4||n[0]!=="y"&&n[1]!=="y"||(m=2-(u=n[0]==="m"?0:2),r=parseInt(e.slice(u,u+2),10),i=parseInt(e.slice(m,m+2),10),y=e.slice(m,m+2).length===2,o=[0,r,i]),e.length!==6||n[0]!=="Y"&&n[1]!=="Y"||(m=2-.5*(u=n[0]==="m"?0:4),r=parseInt(e.slice(u,u+2),10),i=parseInt(e.slice(m,m+4),10),y=e.slice(m,m+4).length===4,o=[0,r,i]),o=a.getRangeFixedDate(o),a.date=o,o.length===0?e:n.reduce(function(f,C){switch(C){case"d":return f+(o[0]===0?"":a.addLeadingZero(o[0]));case"m":return f+(o[1]===0?"":a.addLeadingZero(o[1]));case"y":return f+(y?a.addLeadingZeroForYear(o[2],!1):"");case"Y":return f+(y?a.addLeadingZeroForYear(o[2],!0):"")}},"")},getRangeFixedDate:function(e){var t=this,r=t.datePattern,i=t.dateMin||[],a=t.dateMax||[];return!e.length||i.length<3&&a.length<3||r.find(function(n){return n.toLowerCase()==="y"})&&e[2]===0?e:a.length&&(a[2]<e[2]||a[2]===e[2]&&(a[1]<e[1]||a[1]===e[1]&&a[0]<e[0]))?a:i.length&&(i[2]>e[2]||i[2]===e[2]&&(i[1]>e[1]||i[1]===e[1]&&i[0]>e[0]))?i:e},getFixedDate:function(e,t,r){return e=Math.min(e,31),t=Math.min(t,12),r=parseInt(r||0,10),(t<7&&t%2==0||t>8&&t%2==1)&&(e=Math.min(e,t===2?this.isLeapYear(r)?29:28:30)),[e,t,r]},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 V=F,P=function(e,t){var r=this;r.time=[],r.blocks=[],r.timePattern=e,r.timeFormat=t,r.initBlocks()};P.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,r="";e=e.replace(/[^\d]/g,"");var i=t.getTimeFormatOptions();return t.blocks.forEach(function(a,n){if(e.length>0){var o=e.slice(0,a),l=o.slice(0,1),d=e.slice(a);switch(t.timePattern[n]){case"h":parseInt(l,10)>i.maxHourFirstDigit?o="0"+l:parseInt(o,10)>i.maxHours&&(o=i.maxHours+"");break;case"m":case"s":parseInt(l,10)>i.maxMinutesFirstDigit?o="0"+l:parseInt(o,10)>i.maxMinutes&&(o=i.maxMinutes+"")}r+=o,e=d}}),this.getFixedTimeString(r)},getFixedTimeString:function(e){var t,r,i,a=this,n=a.timePattern,o=[],l=0,d=0,p=0,s=0,u=0,m=0;return e.length===6&&(n.forEach(function(y,f){switch(y){case"s":l=2*f;break;case"m":d=2*f;break;case"h":p=2*f}}),m=p,u=d,s=l,t=parseInt(e.slice(s,s+2),10),r=parseInt(e.slice(u,u+2),10),i=parseInt(e.slice(m,m+2),10),o=this.getFixedTime(i,r,t)),e.length===4&&a.timePattern.indexOf("s")<0&&(n.forEach(function(y,f){switch(y){case"m":d=2*f;break;case"h":p=2*f}}),m=p,u=d,t=0,r=parseInt(e.slice(u,u+2),10),i=parseInt(e.slice(m,m+2),10),o=this.getFixedTime(i,r,t)),a.time=o,o.length===0?e:n.reduce(function(y,f){switch(f){case"s":return y+a.addLeadingZero(o[2]);case"m":return y+a.addLeadingZero(o[1]);case"h":return y+a.addLeadingZero(o[0])}},"")},getFixedTime:function(e,t,r){return r=Math.min(parseInt(r||0,10),60),t=Math.min(t,60),[e=Math.min(e,60),t,r]},addLeadingZero:function(e){return(e<10?"0":"")+e}};var L=P,I=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){this.formatter=e},format:function(e){var t=this;t.formatter.clear();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 M=I,b={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=b.blocks,i=b.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}}},N=b,E={noop:function(){},strip:function(e,t){return e.replace(t,"")},getPostDelimiter:function(e,t,r){if(r.length===0)return e.slice(-t.length)===t?t:"";var i="";return r.forEach(function(a){e.slice(-a.length)===a&&(i=a)}),i},getDelimiterREByDelimiter:function(e){return new RegExp(e.replace(/([.?*+^$[\]\\(){}|-])/g,"\\$1"),"g")},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,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){var a=t?i.getDelimiterREByDelimiter(t):"";return e.replace(a,"")}return r.forEach(function(n){n.split("").forEach(function(o){e=e.replace(i.getDelimiterREByDelimiter(o),"")})}),e},headStr:function(e,t){return e.slice(0,t)},getMaxLength:function(e){return e.reduce(function(t,r){return t+r},0)},getPrefixStrippedValue:function(e,t,r,i,a,n,o,l,d){if(r===0)return e;if(e===t&&e!=="")return"";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,l,d)}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="",l=a.length>0,d="";return r===0?e:(t.forEach(function(p,s){if(e.length>0){var u=e.slice(0,p),m=e.slice(p);d=l?a[n?s-1:s]||d:i,n?(s>0&&(o+=d),o+=u):(o+=u,u.length===p&&s<r-1&&(o+=d)),e=m}}),o)},fixPrefixCursor:function(e,t,r,i){if(e){var a=e.value,n=r||i[0]||" ";if(e.setSelectionRange&&t&&!(t.length+n.length<=a.length)){var o=2*a.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,r){if(e===this.getActiveElement(r)&&!(e&&e.value.length<=t))if(e.createTextRange){var i=e.createTextRange();i.move("character",t),i.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)}},T={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}},c=function(e,t){var r=this;if(typeof e=="string"?(r.element=document.querySelector(e),document.querySelectorAll(e).length>1):e.length!==void 0&&e.length>0?(r.element=e[0],e.length>1):r.element=e,!r.element)throw new Error("[cleave.js] Please check the element");t.initValue=r.element.value,r.properties=c.DefaultProperties.assign({},t),r.init()};c.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=c.Util.getMaxLength(t.blocks),e.isAndroid=c.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 c.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 c.TimeFormatter(e.timePattern,e.timeFormat),e.blocks=e.timeFormatter.getBlocks(),e.blocksLength=e.blocks.length,e.maxLength=c.Util.getMaxLength(e.blocks))},initDateFormatter:function(){var e=this.properties;e.date&&(e.dateFormatter=new c.DateFormatter(e.datePattern,e.dateMin,e.dateMax),e.blocks=e.dateFormatter.getBlocks(),e.blocksLength=e.blocks.length,e.maxLength=c.Util.getMaxLength(e.blocks))},initPhoneFormatter:function(){var e=this.properties;if(e.phone)try{e.phoneFormatter=new c.PhoneFormatter(new e.root.Cleave.AsYouTypeFormatter(e.phoneRegionCode),e.delimiter)}catch{throw new Error("[cleave.js] Please include phone-type-formatter.{country}.js lib")}},onKeyDown:function(e){var t=this,r=e.which||e.keyCode;t.lastInputValue=t.element.value,t.isBackward=r===8},onChange:function(e){var t=this,r=t.properties,i=c.Util;t.isBackward=t.isBackward||e.inputType==="deleteContentBackward";var a=i.getPostDelimiter(t.lastInputValue,r.delimiter,r.delimiters);t.isBackward&&a?r.postDelimiterBackspace=a:r.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),c.Util.fixPrefixCursor(e.element,t.prefix,t.delimiter,t.delimiters)},onCut:function(e){c.Util.checkFullSelection(this.element.value)&&(this.copyClipboardData(e),this.onInput(""))},onCopy:function(e){c.Util.checkFullSelection(this.element.value)&&this.copyClipboardData(e)},copyClipboardData:function(e){var t=this.properties,r=c.Util,i=this.element.value,a="";a=t.copyDelimiter?i:r.stripDelimiters(i,t.delimiter,t.delimiters);try{e.clipboardData?e.clipboardData.setData("Text",a):window.clipboardData.setData("Text",a),e.preventDefault()}catch{}},onInput:function(e){var t=this,r=t.properties,i=c.Util,a=i.getPostDelimiter(e,r.delimiter,r.delimiters);return r.numeral||!r.postDelimiterBackspace||a||(e=i.headStr(e,e.length-r.postDelimiterBackspace.length)),r.phone?(!r.prefix||r.noImmediatePrefix&&!e.length?r.result=r.phoneFormatter.format(e):r.result=r.prefix+r.phoneFormatter.format(e).slice(r.prefix.length),void t.updateValueState()):r.numeral?(r.prefix&&r.noImmediatePrefix&&e.length===0?r.result="":r.result=r.numeralFormatter.format(e),void t.updateValueState()):(r.date&&(e=r.dateFormatter.getValidatedDate(e)),r.time&&(e=r.timeFormatter.getValidatedTime(e)),e=i.stripDelimiters(e,r.delimiter,r.delimiters),e=i.getPrefixStrippedValue(e,r.prefix,r.prefixLength,r.result,r.delimiter,r.delimiters,r.noImmediatePrefix,r.tailPrefix,r.signBeforePrefix),e=r.numericOnly?i.strip(e,/[^\d]/g):e,e=r.uppercase?e.toUpperCase():e,e=r.lowercase?e.toLowerCase():e,r.prefix&&(r.tailPrefix?e+=r.prefix:e=r.prefix+e,r.blocksLength===0)?(r.result=e,void t.updateValueState()):(r.creditCard&&t.updateCreditCardPropsByValue(e),e=i.headStr(e,r.maxLength),r.result=i.getFormattedValue(e,r.blocks,r.blocksLength,r.delimiter,r.delimiters,r.delimiterLazyShow),void t.updateValueState()))},updateCreditCardPropsByValue:function(e){var t,r=this.properties,i=c.Util;i.headStr(r.result,4)!==i.headStr(e,4)&&(t=c.CreditCardDetector.getInfo(e,r.creditCardStrictMode),r.blocks=t.blocks,r.blocksLength=r.blocks.length,r.maxLength=i.getMaxLength(r.blocks),r.creditCardType!==t.type&&(r.creditCardType=t.type,r.onCreditCardTypeChanged.call(this,r.creditCardType)))},updateValueState:function(){var e=this,t=c.Util,r=e.properties;if(e.element){var i=e.element.selectionEnd,a=e.element.value,n=r.result;i=t.getNextCursorPosition(i,a,n,r.delimiter,r.delimiters),e.isAndroid?window.setTimeout(function(){e.element.value=n,t.setSelection(e.element,i,r.document,!1),e.callOnValueChanged()},1):(e.element.value=n,r.swapHiddenInput&&(e.elementSwapHidden.value=e.getRawValue()),t.setSelection(e.element,i,r.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,r=t.properties;e=e!=null?e.toString():"",r.numeral&&(e=e.replace(".",r.numeralDecimalMark)),r.postDelimiterBackspace=!1,t.element.value=e,t.onInput(e)},getRawValue:function(){var e=this.properties,t=c.Util,r=this.element.value;return e.rawValueTrimPrefix&&(r=t.getPrefixStrippedValue(r,e.prefix,e.prefixLength,e.result,e.delimiter,e.delimiters,e.noImmediatePrefix,e.tailPrefix,e.signBeforePrefix)),r=e.numeral?e.numeralFormatter.getRawValue(r):t.stripDelimiters(r,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]"}},c.NumeralFormatter=k,c.DateFormatter=V,c.TimeFormatter=L,c.PhoneFormatter=M,c.CreditCardDetector=N,c.Util=E,c.DefaultProperties=T,(typeof x=="object"&&x?x:window).Cleave=c;var S=c,B=Object.defineProperty,R=Object.getOwnPropertyDescriptor,g=(e,t,r,i)=>{for(var a,n=i>1?void 0:i?R(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&&B(t,r,n),n};exports.SchmancyPaymentCardForm=class extends w.$LitElement(){constructor(){super(...arguments),this.value={cardName:"",cardNumber:"",expirationDate:"",cvv:""},this.cardType="",this.isCardNameValid=!0,this.isCardNumberValid=!0,this.isExpirationDateValid=!0,this.isCvvValid=!0}firstUpdated(){new S(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 S(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=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 S(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 S(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(){const e=this.getCardIcon();return D.html`
+			<schmancy-form
+				@change=${t=>{t.stopPropagation(),t.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=${t=>{this.cardName=t.detail.value,this.value.cardName=t.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=${t=>{this.cardNumber=t.detail.value,this.value.cardNumber=t.detail.value,this.emitChange()}}
+						></schmancy-input>
+						${e?D.html`<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-form>
+		`}getCardIcon(){switch(this.cardType){case"visa":case"mastercard":case"amex":case"discover":return D.html`<schmancy-icon>credit_card</schmancy-icon>`;default:return this.cardNumber?D.html`<schmancy-icon>credit_card</schmancy-icon>`:null}}renderSecurityNotice(){return D.html`
+			<div class="flex items-center gap-2">
+				<schmancy-icon size="18px">lock</schmancy-icon>
+				<span>Your payment information is secure and encrypted</span>
+			</div>
+		`}},g([h.property({type:Object,reflect:!0})],exports.SchmancyPaymentCardForm.prototype,"value",2),g([h.state()],exports.SchmancyPaymentCardForm.prototype,"cardType",2),g([h.state()],exports.SchmancyPaymentCardForm.prototype,"cardName",2),g([h.state()],exports.SchmancyPaymentCardForm.prototype,"cardNumber",2),g([h.state()],exports.SchmancyPaymentCardForm.prototype,"expirationDate",2),g([h.state()],exports.SchmancyPaymentCardForm.prototype,"cvv",2),g([h.state()],exports.SchmancyPaymentCardForm.prototype,"isCardNameValid",2),g([h.state()],exports.SchmancyPaymentCardForm.prototype,"isCardNumberValid",2),g([h.state()],exports.SchmancyPaymentCardForm.prototype,"isExpirationDateValid",2),g([h.state()],exports.SchmancyPaymentCardForm.prototype,"isCvvValid",2),g([h.query("#cardNumber")],exports.SchmancyPaymentCardForm.prototype,"cardNumberInput",2),g([h.query("#expirationDate")],exports.SchmancyPaymentCardForm.prototype,"expirationDateInput",2),g([h.query("#cvv")],exports.SchmancyPaymentCardForm.prototype,"cvvInput",2),g([h.query("#cardName")],exports.SchmancyPaymentCardForm.prototype,"cardNameInput",2),g([h.query("schmancy-form")],exports.SchmancyPaymentCardForm.prototype,"form",2),exports.SchmancyPaymentCardForm=g([h.customElement("schmancy-payment-card-form")],exports.SchmancyPaymentCardForm);
+//# sourceMappingURL=payment-card-form-B5b-LA2Y.cjs.map