@amwaljs/checkout-button 0.3.2 → 0.3.3

package/dist/components/p-f728a68f.js

@@ -193,3 +193,5 @@ const BACKDROP_NO_SCROLL = 'backdrop-no-scroll';
 const GESTURE_CONTROLLER = new GestureController();
 
 export { GESTURE_CONTROLLER as G };
+
+//# sourceMappingURL=p-f728a68f.js.map

package/dist/components/p-f728a68f.js.map

@@ -0,0 +1 @@
+{"file":"p-f728a68f.js","mappings":"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","names":[],"sources":["./node_modules/@ionic/core/dist/collection/utils/gesture/gesture-controller.js"],"sourcesContent":["/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nclass GestureController {\n    constructor() {\n        this.gestureId = 0;\n        this.requestedStart = new Map();\n        this.disabledGestures = new Map();\n        this.disabledScroll = new Set();\n    }\n    /**\n     * Creates a gesture delegate based on the GestureConfig passed\n     */\n    createGesture(config) {\n        var _a;\n        return new GestureDelegate(this, this.newID(), config.name, (_a = config.priority) !== null && _a !== void 0 ? _a : 0, !!config.disableScroll);\n    }\n    /**\n     * Creates a blocker that will block any other gesture events from firing. Set in the ion-gesture component.\n     */\n    createBlocker(opts = {}) {\n        return new BlockerDelegate(this, this.newID(), opts.disable, !!opts.disableScroll);\n    }\n    start(gestureName, id, priority) {\n        if (!this.canStart(gestureName)) {\n            this.requestedStart.delete(id);\n            return false;\n        }\n        this.requestedStart.set(id, priority);\n        return true;\n    }\n    capture(gestureName, id, priority) {\n        if (!this.start(gestureName, id, priority)) {\n            return false;\n        }\n        const requestedStart = this.requestedStart;\n        let maxPriority = -10000;\n        requestedStart.forEach((value) => {\n            maxPriority = Math.max(maxPriority, value);\n        });\n        if (maxPriority === priority) {\n            this.capturedId = id;\n            requestedStart.clear();\n            const event = new CustomEvent('ionGestureCaptured', { detail: { gestureName } });\n            document.dispatchEvent(event);\n            return true;\n        }\n        requestedStart.delete(id);\n        return false;\n    }\n    release(id) {\n        this.requestedStart.delete(id);\n        if (this.capturedId === id) {\n            this.capturedId = undefined;\n        }\n    }\n    disableGesture(gestureName, id) {\n        let set = this.disabledGestures.get(gestureName);\n        if (set === undefined) {\n            set = new Set();\n            this.disabledGestures.set(gestureName, set);\n        }\n        set.add(id);\n    }\n    enableGesture(gestureName, id) {\n        const set = this.disabledGestures.get(gestureName);\n        if (set !== undefined) {\n            set.delete(id);\n        }\n    }\n    disableScroll(id) {\n        this.disabledScroll.add(id);\n        if (this.disabledScroll.size === 1) {\n            document.body.classList.add(BACKDROP_NO_SCROLL);\n        }\n    }\n    enableScroll(id) {\n        this.disabledScroll.delete(id);\n        if (this.disabledScroll.size === 0) {\n            document.body.classList.remove(BACKDROP_NO_SCROLL);\n        }\n    }\n    canStart(gestureName) {\n        if (this.capturedId !== undefined) {\n            // a gesture already captured\n            return false;\n        }\n        if (this.isDisabled(gestureName)) {\n            return false;\n        }\n        return true;\n    }\n    isCaptured() {\n        return this.capturedId !== undefined;\n    }\n    isScrollDisabled() {\n        return this.disabledScroll.size > 0;\n    }\n    isDisabled(gestureName) {\n        const disabled = this.disabledGestures.get(gestureName);\n        if (disabled && disabled.size > 0) {\n            return true;\n        }\n        return false;\n    }\n    newID() {\n        this.gestureId++;\n        return this.gestureId;\n    }\n}\nclass GestureDelegate {\n    constructor(ctrl, id, name, priority, disableScroll) {\n        this.id = id;\n        this.name = name;\n        this.disableScroll = disableScroll;\n        this.priority = priority * 1000000 + id;\n        this.ctrl = ctrl;\n    }\n    canStart() {\n        if (!this.ctrl) {\n            return false;\n        }\n        return this.ctrl.canStart(this.name);\n    }\n    start() {\n        if (!this.ctrl) {\n            return false;\n        }\n        return this.ctrl.start(this.name, this.id, this.priority);\n    }\n    capture() {\n        if (!this.ctrl) {\n            return false;\n        }\n        const captured = this.ctrl.capture(this.name, this.id, this.priority);\n        if (captured && this.disableScroll) {\n            this.ctrl.disableScroll(this.id);\n        }\n        return captured;\n    }\n    release() {\n        if (this.ctrl) {\n            this.ctrl.release(this.id);\n            if (this.disableScroll) {\n                this.ctrl.enableScroll(this.id);\n            }\n        }\n    }\n    destroy() {\n        this.release();\n        this.ctrl = undefined;\n    }\n}\nclass BlockerDelegate {\n    constructor(ctrl, id, disable, disableScroll) {\n        this.id = id;\n        this.disable = disable;\n        this.disableScroll = disableScroll;\n        this.ctrl = ctrl;\n    }\n    block() {\n        if (!this.ctrl) {\n            return;\n        }\n        if (this.disable) {\n            for (const gesture of this.disable) {\n                this.ctrl.disableGesture(gesture, this.id);\n            }\n        }\n        if (this.disableScroll) {\n            this.ctrl.disableScroll(this.id);\n        }\n    }\n    unblock() {\n        if (!this.ctrl) {\n            return;\n        }\n        if (this.disable) {\n            for (const gesture of this.disable) {\n                this.ctrl.enableGesture(gesture, this.id);\n            }\n        }\n        if (this.disableScroll) {\n            this.ctrl.enableScroll(this.id);\n        }\n    }\n    destroy() {\n        this.unblock();\n        this.ctrl = undefined;\n    }\n}\nconst BACKDROP_NO_SCROLL = 'backdrop-no-scroll';\nexport const GESTURE_CONTROLLER = new GestureController();\n"],"version":3}

package/dist/components/p-f7e3c502.js

@@ -71,3 +71,5 @@ function defineCustomElement() {
 }
 
 export { Backdrop as B, defineCustomElement as d };
+
+//# sourceMappingURL=p-f7e3c502.js.map

package/dist/components/p-f7e3c502.js.map

@@ -0,0 +1 @@
+{"file":"p-f7e3c502.js","mappings":";;;;AAAA,MAAM,cAAc,GAAG,kTAAkT;;ACAzU,MAAM,aAAa,GAAG,kTAAkT;;MCM3T,QAAQ;EACjB;;;;;IACI,IAAI,CAAC,OAAO,GAAG,kBAAkB,CAAC,aAAa,CAAC;MAC5C,aAAa,EAAE,IAAI;KACtB,CAAC,CAAC;IACH,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;IACpB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;IACrB,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;GAC/B;EACD,iBAAiB;IACb,IAAI,IAAI,CAAC,eAAe,EAAE;MACtB,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;KACxB;GACJ;EACD,oBAAoB;IAChB,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;GAC1B;EACD,WAAW,CAAC,EAAE;IACV,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;GACpB;EACD,OAAO,CAAC,EAAE;IACN,IAAI,IAAI,CAAC,eAAe,EAAE;MACtB,EAAE,CAAC,cAAc,EAAE,CAAC;MACpB,EAAE,CAAC,eAAe,EAAE,CAAC;KACxB;IACD,IAAI,IAAI,CAAC,QAAQ,EAAE;MACf,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,CAAC;KAC9B;GACJ;EACD,MAAM;IACF,MAAM,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;IAC9B,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,QAAQ,EAAE,IAAI,EAAE,aAAa,EAAE,MAAM,EAAE,KAAK,EAAE;QACzG,CAAC,IAAI,GAAG,IAAI;QACZ,eAAe,EAAE,CAAC,IAAI,CAAC,OAAO;QAC9B,sBAAsB,EAAE,CAAC,IAAI,CAAC,QAAQ;OACzC,EAAE,CAAC,EAAE;GACb;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./node_modules/@ionic/core/dist/collection/components/backdrop/backdrop.ios.css?tag=ion-backdrop&mode=ios&encapsulation=shadow","./node_modules/@ionic/core/dist/collection/components/backdrop/backdrop.md.css?tag=ion-backdrop&mode=md&encapsulation=shadow","./node_modules/@ionic/core/dist/collection/components/backdrop/backdrop.js"],"sourcesContent":["/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n *   :host {\n *     background-color: green;\n *   }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n *   :host {\n *     background-color: blue;\n *   }\n * }\n */\n:host {\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  display: block;\n  position: absolute;\n  transform: translateZ(0);\n  contain: strict;\n  cursor: pointer;\n  opacity: 0.01;\n  touch-action: none;\n  z-index: 2;\n}\n\n:host(.backdrop-hide) {\n  background: transparent;\n}\n\n:host(.backdrop-no-tappable) {\n  cursor: auto;\n}\n\n/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n *   :host {\n *     background-color: green;\n *   }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n *   :host {\n *     background-color: blue;\n *   }\n * }\n */\n:host {\n  background-color: var(--ion-backdrop-color, #000);\n}","/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n *   :host {\n *     background-color: green;\n *   }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n *   :host {\n *     background-color: blue;\n *   }\n * }\n */\n:host {\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  display: block;\n  position: absolute;\n  transform: translateZ(0);\n  contain: strict;\n  cursor: pointer;\n  opacity: 0.01;\n  touch-action: none;\n  z-index: 2;\n}\n\n:host(.backdrop-hide) {\n  background: transparent;\n}\n\n:host(.backdrop-no-tappable) {\n  cursor: auto;\n}\n\n/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n *   :host {\n *     background-color: green;\n *   }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n *   :host {\n *     background-color: blue;\n *   }\n * }\n */\n:host {\n  background-color: var(--ion-backdrop-color, #000);\n}","/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { Host, h } from \"@stencil/core\";\nimport { GESTURE_CONTROLLER } from \"../../utils/gesture/index\";\nimport { getIonMode } from \"../../global/ionic-global\";\nexport class Backdrop {\n    constructor() {\n        this.blocker = GESTURE_CONTROLLER.createBlocker({\n            disableScroll: true,\n        });\n        this.visible = true;\n        this.tappable = true;\n        this.stopPropagation = true;\n    }\n    connectedCallback() {\n        if (this.stopPropagation) {\n            this.blocker.block();\n        }\n    }\n    disconnectedCallback() {\n        this.blocker.unblock();\n    }\n    onMouseDown(ev) {\n        this.emitTap(ev);\n    }\n    emitTap(ev) {\n        if (this.stopPropagation) {\n            ev.preventDefault();\n            ev.stopPropagation();\n        }\n        if (this.tappable) {\n            this.ionBackdropTap.emit();\n        }\n    }\n    render() {\n        const mode = getIonMode(this);\n        return (h(Host, { key: '16b1328f4a058b8d3752e58dc56c44bed556c425', tabindex: \"-1\", \"aria-hidden\": \"true\", class: {\n                [mode]: true,\n                'backdrop-hide': !this.visible,\n                'backdrop-no-tappable': !this.tappable,\n            } }));\n    }\n    static get is() { return \"ion-backdrop\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"ios\": [\"backdrop.ios.scss\"],\n            \"md\": [\"backdrop.md.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"ios\": [\"backdrop.ios.css\"],\n            \"md\": [\"backdrop.md.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"visible\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the backdrop will be visible.\"\n                },\n                \"attribute\": \"visible\",\n                \"reflect\": false,\n                \"defaultValue\": \"true\"\n            },\n            \"tappable\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the backdrop will can be clicked and will emit the `ionBackdropTap` event.\"\n                },\n                \"attribute\": \"tappable\",\n                \"reflect\": false,\n                \"defaultValue\": \"true\"\n            },\n            \"stopPropagation\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the backdrop will stop propagation on tap.\"\n                },\n                \"attribute\": \"stop-propagation\",\n                \"reflect\": false,\n                \"defaultValue\": \"true\"\n            }\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"ionBackdropTap\",\n                \"name\": \"ionBackdropTap\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when the backdrop is tapped.\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\n                }\n            }];\n    }\n    static get listeners() {\n        return [{\n                \"name\": \"click\",\n                \"method\": \"onMouseDown\",\n                \"target\": undefined,\n                \"capture\": true,\n                \"passive\": false\n            }];\n    }\n}\n"],"version":3}

package/dist/components/p-fe463a42.js

@@ -270,3 +270,5 @@ function defineCustomElement() {
 }
 
 export { AmwalInstallmentsTimeline as A, defineCustomElement as d };
+
+//# sourceMappingURL=p-fe463a42.js.map

package/dist/components/p-fe463a42.js.map

@@ -0,0 +1 @@
+{"file":"p-fe463a42.js","mappings":"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","names":[],"sources":["./src/components/amwal-installments-timeline/amwal-installments-timeline.css?tag=amwal-installments-timeline","./src/components/amwal-installments-timeline/amwal-installments-timeline.tsx"],"sourcesContent":["/* ===== CSS CUSTOM PROPERTIES ===== */\n:root {\n    /* Color System */\n    --color-primary: #54535C;\n    --color-primary-light: rgba(84, 83, 92, 0.2);\n    --color-primary-medium: #54535c91;\n    --color-border: #e0e0e0;\n    --color-surface: #ffffff;\n\n    /* Responsive Breakpoints */\n    --breakpoint-xs: 320px;\n    --breakpoint-sm: 480px;\n    --breakpoint-md: 768px;\n    --breakpoint-lg: 1024px;\n    --breakpoint-xl: 1200px;\n\n    /* Fluid Spacing System */\n    --spacing-xs: clamp(2px, 0.5vw, 4px);\n    --spacing-sm: clamp(4px, 1vw, 8px);\n    --spacing-md: clamp(8px, 1.5vw, 12px);\n    --spacing-lg: clamp(12px, 2vw, 16px);\n    --spacing-xl: clamp(0px, 2.5vw, 0px);\n    --spacing-2xl: clamp(20px, 3vw, 24px);\n\n    /* Typography Scale */\n    --font-size-xs: clamp(10px, 2vw, 12px);\n    --font-size-sm: clamp(11px, 2.2vw, 14px);\n    --font-size-md: clamp(12px, 2.5vw, 12px);\n    --font-size-lg: clamp(14px, 2.8vw, 18px);\n    --font-size-xl: clamp(16px, 3vw, 20px);\n    --font-weight-normal: 400;\n    --font-weight-medium: 500;\n    --font-weight-semibold: 600;\n    --font-weight-bold: 700;\n\n    /* Component Sizes */\n    --connector-size: clamp(20px, 5vw, 80px);\n    --circle-size: clamp(24px, 6vw, 50px);\n    --dot-size: clamp(10px, 3vw, 10px);\n    --touch-target-min: 44px;\n    --touch-target-small: 0px;\n\n    /* Timeline Variables */\n    --timeline-line-height: clamp(2px, 0.3vw, 2px);\n    --timeline-line-color: #7c7c7cab;\n\n    /* Shadows & Effects */\n    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);\n    --shadow-md: 0 2px 4px rgba(0, 0, 0, 0.08);\n    --shadow-lg: 0 4px 6px rgba(0, 0, 0, 0.1);\n    --shadow-xl: 0 8px 25px rgba(0, 0, 0, 0.15);\n\n    /* Border Radius */\n    --border-radius-sm: clamp(2px, 0.5vw, 4px);\n    --border-radius: clamp(4px, 1vw, 8px);\n    --border-radius-lg: clamp(8px, 1.5vw, 12px);\n    --border-radius-xl: clamp(12px, 2vw, 16px);\n\n    /* Transitions */\n    --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);\n    --transition-normal: 250ms cubic-bezier(0.4, 0, 0.2, 1);\n    --transition-slow: 400ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n/* ===== MAIN CONTAINER ===== */\n.installments.payment-progress {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    width: 100%;\n    max-width: min(700px, 95vw);\n    padding: var(--spacing-lg);\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\n    line-height: 1.5;\n    transition: all var(--transition-normal);\n    margin: 0 auto;\n}\n\n.installments.payment-progress.bordered {\n    border: 1px solid var(--color-border);\n    border-radius: var(--border-radius);\n    box-shadow: var(--shadow-md);\n    padding: var(--spacing-xl);\n    background-color: var(--color-surface);\n}\n\n/* ===== SIMPLE TIMELINE LAYOUT ===== */\n.installments.payment-progress.date-timeline {\n    flex-direction: column;\n    background-color: var(--color-surface);\n    gap: var(--spacing-lg);\n    align-items: stretch;\n    position: relative;\n}\n\n.installments.payment-progress.date-timeline.bordered {\n    border: 1px solid var(--color-border);\n    border-radius: var(--border-radius-lg);\n    box-shadow: var(--shadow-lg);\n}\n\n.date-timeline-container {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    width: 100%;\n    position: relative;\n    gap: var(--spacing-md);\n    min-height: 60px;\n    z-index: 0;\n}\n\n/* ===== SIMPLE DOT STYLE ===== */\n.modern-timeline-dot {\n    width: var(--dot-size);\n    height: var(--dot-size);\n    background-color: var(--color-primary);\n    border-radius: 50%;\n    position: relative;\n    margin-bottom: var(--spacing-sm);\n    z-index: 10;\n    transition: all var(--transition-normal);\n    min-width: var(--dot-size);\n    min-height: var(--dot-size);\n    border: 2px solid var(--color-primary);\n}\n\n.modern-timeline-dot:hover {\n    transform: scale(1.1);\n}\n\n/* All states use the same simple circular design */\n.modern-timeline-dot.empty,\n.modern-timeline-dot.small,\n.modern-timeline-dot.medium,\n.modern-timeline-dot.full {\n    background-color: var(--color-primary);\n    border: 2px solid var(--color-primary);\n}\n\n/* ===== SIMPLE TIMELINE CONNECTING LINES ===== */\n/* Default solid line for simple timeline (when no hidden installments) */\n.date-timeline-container::before {\n    content: '';\n    position: absolute;\n    top: calc(var(--dot-size) / 1.5 - var(--timeline-line-height) / 2);\n    left: 12.5%;\n    right: 12.5%;\n    height: var(--timeline-line-height);\n    background-color: var(--color-primary);\n    z-index: 1;\n    transition: all var(--transition-normal);\n}\n\n/* Default: hide the after pseudo-element */\n.date-timeline-container::after {\n    display: none;\n}\n\n/* When there are hidden installments, replace with segmented line */\n.date-timeline.has-hidden-installments .date-timeline-container::before {\n    display: none;\n}\n\n.date-timeline.has-hidden-installments .date-timeline-container::after {\n    content: '';\n    display: block;\n    position: absolute;\n    top: calc(var(--dot-size) / 1 - var(--timeline-line-height) / 2);\n    left: 12.5%;\n    right: 12.5%;\n    height: var(--timeline-line-height);\n    z-index: 1;\n    transition: all var(--transition-normal);\n    background:\n            linear-gradient(to right, var(--color-primary), var(--color-primary)) 0% 0% / 66.66% 100% no-repeat,\n            repeating-linear-gradient(\n                    to right,\n                    var(--timeline-line-color) 0%,\n                    var(--timeline-line-color) 4px,\n                    transparent 4px,\n                    transparent 8px\n            ) 66.66% 0% / 100% 100% no-repeat;\n}\n\n[dir=\"rtl\"] .date-timeline-container::before {\n    left: 12.5%;\n    right: 12.5%;\n    background-color: var(--color-primary);\n}\n\n[dir=\"rtl\"] .date-timeline-container::after {\n    display: none;\n}\n\n[dir=\"rtl\"] .date-timeline.has-hidden-installments .date-timeline-container::before {\n    display: none;\n}\n\n[dir=\"rtl\"] .date-timeline.has-hidden-installments .date-timeline-container::after, .date-timeline-container-rtl::after{\n    display: block !important;\n    content: '' !important;\n    position: absolute !important;\n    top: calc(var(--dot-size) / 1 - var(--timeline-line-height) / 2) !important;\n    left: 12.5% !important;\n    right: 12.5% !important;\n    height: var(--timeline-line-height) !important;\n    z-index: 1 !important;\n    transition: all var(--transition-normal) !important;\n    background:\n            repeating-linear-gradient(\n                    to right,\n                    var(--timeline-line-color) 0%,\n                    var(--timeline-line-color) 3px,\n                    transparent 3px,\n                    transparent 6px\n            ) 0% 0% / 32.67% 100% no-repeat,\n            linear-gradient(to right, var(--color-primary), var(--color-primary)) 100% 0% / 66.66% 100% no-repeat !important;\n}\n\n[dir=\"rtl\"] .date-timeline-container {\n    direction: rtl;\n}\n\n[dir=\"rtl\"] .date-timeline-content {\n    text-align: center;\n    direction: rtl;\n}\n\n[dir=\"rtl\"] .date-timeline-footer {\n    text-align: right;\n    direction: rtl;\n    border-left: none;\n    border-right: 3px solid var(--color-accent);\n}\n\n[dir=\"rtl\"] .currency-symbol {\n    margin-right: 0;\n    margin-left: 2px;\n}\n\n[dir=\"rtl\"] .sar-symbol {\n    margin-right: 0;\n    margin-left: 3px;\n}\n\n/* ===== TIMELINE STEPS ===== */\n.date-timeline-step {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    position: relative;\n    flex: 1;\n    min-width: 0;\n    transition: transform var(--transition-fast);\n    min-height: var(--touch-target-min);\n    padding: var(--spacing-xs);\n}\n\n/* ===== TIMELINE CONTENT ===== */\n.date-timeline-content {\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    gap: var(--spacing-xs);\n    min-height: clamp(40px, 10vw, 70px);\n    justify-content: flex-start;\n    width: 100%;\n    overflow-wrap: break-word;\n}\n\n.date-timeline-date,\n.date-timeline-label {\n    font-size: var(--font-size-sm);\n    color: var(--color-primary);\n    font-weight: var(--font-weight-medium);\n    line-height: 1.3;\n    transition: color var(--transition-fast);\n    overflow-wrap: break-word;\n}\n\n.date-timeline-amount {\n    font-size: var(--font-size-md);\n    color: var(--color-primary);\n    font-weight: var(--font-weight-semibold);\n    transition: color var(--transition-fast);\n    white-space: nowrap;\n}\n\n.date-timeline-hold-label {\n    font-size: var(--font-size-xs);\n    color: var(--color-primary);\n    font-weight: var(--font-weight-medium);\n    opacity: 0.7;\n    margin-top: var(--spacing-xs);\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    background: linear-gradient(135deg, var(--color-primary-light), transparent);\n    padding: 2px 6px;\n    border-radius: var(--border-radius-sm);\n    transition: all var(--transition-fast);\n}\n\n.date-timeline-footer {\n    text-align: left;\n    font-size: var(--font-size-sm);\n    color: var(--color-primary);\n    padding: var(--spacing-md);\n    background: linear-gradient(135deg, rgba(243, 244, 246, 0.8), rgba(249, 250, 251, 0.4));\n    border-radius: var(--border-radius);\n    border-left: 3px solid var(--color-accent);\n    font-style: italic;\n    line-height: 1.4;\n    overflow-wrap: break-word;\n    backdrop-filter: blur(10px);\n}\n\n/* ===== DEFAULT TIMELINE STYLES (CIRCULAR PROGRESS) ===== */\n.installments-step {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    position: relative;\n    flex: 0 0 auto;\n    transition: transform var(--transition-fast);\n    min-height: var(--touch-target-min);\n    padding: var(--spacing-sm);\n}\n\n.installments-step:hover {\n    transform: translateY(-2px);\n}\n\n.installments-amount {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    margin-bottom: var(--spacing-md);\n    text-align: center;\n}\n\n.amount-container {\n    display: flex;\n    align-items: center;\n    gap: var(--spacing-xs);\n    flex-direction: row;\n    justify-content: center;\n    flex-wrap: wrap;\n}\n\n.installments-label {\n    font-size: var(--font-size-md);\n    color: var(--color-primary);\n    font-weight: var(--font-weight-normal);\n    text-align: center;\n    margin-top: var(--spacing-sm);\n    transition: color var(--transition-fast);\n    overflow-wrap: break-word;\n}\n\n.installments-amount-value {\n    font-weight: var(--font-weight-bold);\n    color: var(--color-primary);\n    font-size: var(--font-size-lg);\n    transition: color var(--transition-fast);\n    white-space: nowrap;\n}\n\n.currency-symbol {\n    margin-right: 2px;\n}\n\n.sar-symbol {\n    width: clamp(14px, 3vw, 16px);\n    height: clamp(14px, 3vw, 16px);\n    display: inline-block;\n    fill: var(--color-primary);\n    margin-right: 3px;\n    vertical-align: middle;\n    transition: fill var(--transition-fast);\n}\n\n/* ===== CIRCLE PROGRESS STYLES ===== */\n.installments-circle-container {\n    position: relative;\n    width: var(--circle-size);\n    height: var(--circle-size);\n    margin-bottom: var(--spacing-md);\n    transition: transform var(--transition-normal);\n    min-width: var(--circle-size);\n    min-height: var(--circle-size);\n}\n\n.installments-circle-container:hover {\n    transform: scale(1.05);\n}\n\n.installments-circle-outline,\n.installments-circle-filled,\n.installments-circle-filled-first,\n.installments-circle-segment {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    border-radius: 50%;\n    transition: all var(--transition-normal);\n}\n\n.installments-circle-outline {\n    background-color: var(--color-primary-light);\n    border: 2px solid var(--color-border);\n}\n\n.installments-circle-filled-first {\n    background-color: var(--color-primary-medium);\n    border: 2px solid var(--color-primary);\n    box-shadow: var(--shadow-sm);\n}\n\n.installments-circle-filled {\n    background-color: var(--color-primary);\n    border: 2px solid var(--color-primary);\n    box-shadow: var(--shadow-md);\n    position: relative;\n}\n\n.installments-circle-filled::after {\n    content: '✓';\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    color: white;\n    font-size: clamp(12px, 3vw, 18px);\n    font-weight: var(--font-weight-bold);\n}\n\n.installments-circle-segment-small {\n    clip-path: polygon(50% 50%, 50% 0%, 25% 0%, 15% 15%, 50% 50%);\n    background-color: var(--color-primary);\n    transition: clip-path var(--transition-normal);\n}\n\n.installments-circle-segment-medium {\n    clip-path: polygon(50% 50%, 50% 0%, 0% 0%, 0% 50%, 50% 50%);\n    background-color: var(--color-primary);\n    transition: clip-path var(--transition-normal);\n}\n\n/* ===== CONNECTOR STYLES ===== */\n.installments-connector-container {\n    flex-grow: 1;\n    display: flex;\n    align-items: center;\n    position: relative;\n    margin: 0 var(--spacing-sm);\n    max-width: var(--connector-size);\n    transition: opacity var(--transition-fast);\n    min-width: 20px;\n}\n\n.installments-connector-container:hover {\n    opacity: 0.8;\n}\n\n.installments-simple-connector,\n.installments-dotted-connector {\n    display: flex;\n    align-items: center;\n    width: 100%;\n}\n\n.installments-connector-dot {\n    width: clamp(6px, 1.5vw, 8px);\n    height: clamp(6px, 1.5vw, 8px);\n    background-color: var(--color-primary);\n    border-radius: 50%;\n    transition: all var(--transition-fast);\n    box-shadow: var(--shadow-sm);\n    min-width: 6px;\n    min-height: 6px;\n}\n\n.installments-connector-dot:hover {\n    transform: scale(1.2);\n    box-shadow: var(--shadow-md);\n}\n\n.installments-connector-line {\n    flex-grow: 1;\n    height: 2px;\n    background-color: var(--color-primary);\n    margin: 0 2px;\n    transition: background-color var(--transition-fast);\n    min-width: 10px;\n}\n\n.installments-dots-container {\n    flex-grow: 1;\n    display: flex;\n    justify-content: space-evenly;\n    align-items: center;\n    gap: 2px;\n    min-width: 20px;\n}\n\n.installments-dot {\n    width: clamp(4px, 1vw, 6px);\n    height: clamp(4px, 1vw, 6px);\n    background-color: var(--color-primary);\n    border-radius: 50%;\n    margin: 0 1px;\n    transition: all var(--transition-fast);\n    animation: pulse 2s infinite;\n    min-width: 4px;\n    min-height: 4px;\n}\n\n.installments-dot:nth-child(2) { animation-delay: 0.2s; }\n.installments-dot:nth-child(3) { animation-delay: 0.4s; }\n.installments-dot:nth-child(4) { animation-delay: 0.6s; }\n.installments-dot:nth-child(5) { animation-delay: 0.8s; }\n\n@keyframes pulse {\n    0%, 100% { opacity: 0.4; transform: scale(1); }\n    50% { opacity: 1; transform: scale(1.1); }\n}\n\n/* ===== MOBILE OPTIMIZATION FOR DOTTED LINES ===== */\n/* Mobile optimization for dotted lines - LTR */\n@media (max-width: 479px) {\n    .date-timeline.has-hidden-installments .date-timeline-container::after {\n        background:\n                linear-gradient(to right, var(--color-primary), var(--color-primary)) 0% 0% / 66.66% 100% no-repeat,\n                repeating-linear-gradient(\n                        to right,\n                        var(--timeline-line-color) 0%,\n                        var(--timeline-line-color) 2px,\n                        transparent 2px,\n                        transparent 4px\n                ) 66.66% 0% / 100% 100% no-repeat;\n    }\n\n    /* Mobile optimization for dotted lines - RTL - HIGH SPECIFICITY */\n    div[dir=\"rtl\"] .installments.payment-progress.date-timeline.has-hidden-installments .date-timeline-container::after {\n        background:\n                repeating-linear-gradient(\n                        to right,\n                        var(--timeline-line-color) 0%,\n                        var(--timeline-line-color) 2px,\n                        transparent 2px,\n                        transparent 4px\n                ) 0% 0% / 33.34% 100% no-repeat,\n                linear-gradient(to right, var(--color-primary), var(--color-primary)) 33.34% 0% / 66.66% 100% no-repeat !important;\n    }\n}\n\n@media (min-width: 480px) and (max-width: 767px) {\n    .date-timeline.has-hidden-installments .date-timeline-container::after {\n        background:\n                linear-gradient(to right, var(--color-primary), var(--color-primary)) 0% 0% / 66.66% 100% no-repeat,\n                repeating-linear-gradient(\n                        to right,\n                        var(--timeline-line-color) 0%,\n                        var(--timeline-line-color) 3px,\n                        transparent 3px,\n                        transparent 6px\n                ) 66.66% 0% / 100% 100% no-repeat;\n    }\n\n    /* Tablet optimization for dotted lines - RTL - HIGH SPECIFICITY */\n    div[dir=\"rtl\"] .installments.payment-progress.date-timeline.has-hidden-installments .date-timeline-container::after {\n        background:\n                repeating-linear-gradient(\n                        to right,\n                        var(--timeline-line-color) 0%,\n                        var(--timeline-line-color) 3px,\n                        transparent 3px,\n                        transparent 6px\n                ) 0% 0% / 33.34% 100% no-repeat,\n                linear-gradient(to right, var(--color-primary), var(--color-primary)) 33.34% 0% / 66.66% 100% no-repeat !important;\n    }\n}\n\n/* Subtle animation for the dotted section (optional enhancement) */\n@keyframes dotted-flow {\n    0% {\n        background-position: 0% 0%, 66.66% 0%;\n    }\n    100% {\n        background-position: 0% 0%, 68% 0%;\n    }\n}\n\n.date-timeline.has-hidden-installments .date-timeline-container::after {\n    animation: dotted-flow 3s ease-in-out infinite alternate;\n}\n\n/* ===== RESPONSIVE DESIGN ===== */\n\n/* Extra Small Mobile (320px - 479px) */\n@media (max-width: 479px) {\n    :root {\n        --circle-size: clamp(18px, 8vw, 25px);\n        --connector-size: clamp(8px, 4vw, 15px);\n        --dot-size: clamp(10px, 4vw, 10px);\n        --timeline-line-height: 2px;\n    }\n\n    .installments.payment-progress {\n        padding: var(--spacing-sm);\n        max-width: 100%;\n    }\n\n    .installments.payment-progress:not(.date-timeline) {\n        flex-direction: row;\n        overflow-x: auto;\n        justify-content: flex-start;\n        padding: var(--spacing-sm) var(--spacing-xs);\n        gap: var(--spacing-xs);\n        scrollbar-width: thin;\n        scrollbar-color: var(--color-primary-light) transparent;\n        -webkit-overflow-scrolling: touch;\n        scroll-behavior: smooth;\n    }\n\n    .date-timeline-container {\n        gap: var(--spacing-xs);\n        min-height: 45px;\n    }\n\n    .date-timeline-step {\n        min-width: clamp(35px, 8vw, 50px);\n        padding: var(--spacing-xs);\n    }\n\n    .date-timeline-content {\n        min-height: clamp(30px, 8vw, 40px);\n        gap: 2px;\n    }\n\n    .date-timeline-date {\n        font-size: var(--font-size-xs);\n        line-height: 1.2;\n        /* Hide original text content on mobile */\n        font-size: 0;\n        line-height: 0;\n    }\n\n    .date-timeline-date::before {\n        /* Show data-short attribute value instead */\n        content: attr(data-short);\n        font-size: var(--font-size-xs);\n        line-height: 1.2;\n        color: var(--color-primary);\n        font-weight: var(--font-weight-medium);\n    }\n\n    .date-timeline-amount {\n        font-size: var(--font-size-xs);\n        line-height: 1.2;\n    }\n}\n\n/* Small Mobile (480px - 767px) */\n@media (min-width: 480px) and (max-width: 767px) {\n    :root {\n        --circle-size: clamp(30px, 6vw, 40px);\n        --connector-size: clamp(20px, 4vw, 35px);\n        --dot-size: clamp(10px, 4vw, 10px);\n    }\n\n    .date-timeline-container {\n        gap: var(--spacing-sm);\n        min-height: 50px;\n    }\n\n    .date-timeline-step {\n        min-width: clamp(60px, 10vw, 80px);\n    }\n\n    .date-timeline-date {\n        /* Hide original text content on small mobile */\n        font-size: 0;\n        line-height: 0;\n    }\n\n    .date-timeline-date::before {\n        /* Show data-short attribute value instead */\n        content: attr(data-short);\n        font-size: var(--font-size-sm);\n        line-height: 1.3;\n        color: var(--color-primary);\n        font-weight: var(--font-weight-medium);\n    }\n}\n\n/* Tablet (768px - 1023px) */\n@media (min-width: 768px) and (max-width: 1023px) {\n    :root {\n        --circle-size: clamp(40px, 6vw, 55px);\n        --connector-size: clamp(50px, 8vw, 70px);\n        --dot-size: clamp(10px, 4vw, 10px);\n    }\n\n    .date-timeline-container {\n        gap: var(--spacing-md);\n        min-height: 60px;\n    }\n}\n\n/* Desktop (1024px and up) */\n@media (min-width: 1024px) {\n    :root {\n        --circle-size: clamp(50px, 5vw, 70px);\n        --connector-size: clamp(70px, 8vw, 120px);\n        --dot-size: clamp(10px, 3vw, 10px);\n    }\n\n    .installments.payment-progress {\n        max-width: 800px;\n        padding: var(--spacing-xl);\n    }\n\n    .date-timeline-container {\n        gap: var(--spacing-lg);\n        min-height: 70px;\n    }\n}\n\n/* ===== ACCESSIBILITY & FOCUS STATES ===== */\n.installments-step:focus-visible,\n.date-timeline-step:focus-visible {\n    outline: 3px solid var(--color-primary);\n    outline-offset: 2px;\n    border-radius: var(--border-radius);\n}\n\n.modern-timeline-dot:focus-visible {\n    outline: 3px solid var(--color-primary);\n    outline-offset: 3px;\n    border-radius: var(--border-radius);\n}\n\n@media (pointer: coarse) {\n    .installments-step,\n    .date-timeline-step {\n        min-height: var(--touch-target-min);\n        min-width: var(--touch-target-min);\n        padding: var(--spacing-sm);\n    }\n\n    .modern-timeline-dot {\n        min-width: var(--touch-target-small);\n        min-height: var(--touch-target-small);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .date-timeline-container::before {\n        top: calc(var(--dot-size) / 1.2 - var(--timeline-line-height) / 2);\n    }\n\n    .date-timeline.has-hidden-installments .date-timeline-container::after {\n        top: calc(var(--dot-size) / 1.2 - var(--timeline-line-height) / 2);\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .date-timeline.has-hidden-installments .date-timeline-container::after {\n        animation: none;\n    }\n}\n\n/* ===== THEME SUPPORT ===== */\n\n/* High Contrast Mode */\n@media (prefers-contrast: high) {\n    :root {\n        --color-primary: #000000;\n        --color-border: #000000;\n        --shadow-sm: none;\n        --shadow-md: none;\n        --shadow-lg: none;\n    }\n\n    .installments.payment-progress.bordered,\n    .installments.payment-progress.date-timeline.bordered {\n        border: 2px solid #000000;\n        box-shadow: none;\n    }\n}\n\n/* Reduced Motion */\n@media (prefers-reduced-motion: reduce) {\n    *,\n    *::before,\n    *::after {\n        animation-duration: 0.01ms !important;\n        animation-iteration-count: 1 !important;\n        transition-duration: 0.01ms !important;\n    }\n\n    .installments-step:hover,\n    .date-timeline-step:hover {\n        transform: none;\n    }\n}\n\n/* Print Styles */\n@media print {\n    .installments.payment-progress {\n        box-shadow: none;\n        border: 1px solid #000;\n        background: white !important;\n        color: black !important;\n        max-width: 100%;\n        padding: 1cm;\n    }\n\n    .modern-timeline-dot,\n    .installments-circle-container {\n        box-shadow: none;\n        border: 2px solid black;\n    }\n}","import { TranslationUtils } from '../../lang/i18n';\nimport {Component, h, Prop, Watch} from '@stencil/core';\n\n/**\n * Interface for installment data\n */\nexport interface Installment {\n    amount: string;\n    isCompleted?: boolean;\n    progressType?: 'empty' | 'small' | 'medium' | 'full';\n    label?: string;\n}\n\n/**\n * Timeline display style options\n */\nexport type TimelineStyle = 'default' | 'simple';\n\n/**\n * Label format options (deprecated - kept for backward compatibility)\n */\nexport type LabelFormat = 'date' | 'simple';\n\n@Component({\n    tag: 'amwal-installments-timeline',\n    styleUrl: 'amwal-installments-timeline.css',\n    shadow: false,\n})\nexport class AmwalInstallmentsTimeline {\n\n    /**\n     * The total amount to be paid in installments\n     */\n    @Prop() amount: number = 0;\n\n    /**\n     * Number of installments\n     */\n    @Prop() installmentsCount: number = 6;\n\n    /**\n     * The installment payments (optional - will be calculated if not provided)\n     */\n    @Prop() installmentData: string = '[]';\n\n    /**\n     * Enable or disable installments feature\n     */\n    @Prop() enableInstallments: boolean = false;\n\n    /**\n     * Maximum number of installments to display (for UI clarity)\n     */\n    @Prop() maxVisibleInstallments: number = 3;\n\n    /**\n     * the language of the plugin. supported languages are Arabic (\"ar\") and English (\"en\")\n     */\n    @Prop() locale?: string = \"en\";\n\n    /**\n     * Enable or disable border around the timeline\n     */\n    @Prop() border: boolean = false;\n\n    /**\n     * Timeline display style: 'default' for circular timeline, 'simple' for modern dots with lines\n     */\n    @Prop() timelineStyle: TimelineStyle = 'default';\n\n    /**\n     * Footer message for simple timeline style\n     */\n    @Prop() footerMessage?: string;\n\n    /**\n     * Enable debug mode for additional console logs\n     * @default false\n     */\n    @Prop() debug: boolean = false;\n\n    /**\n     * Number of decimal places for amount formatting\n     * @default 2\n     * @minimum 0\n     * @maximum 6\n     */\n    @Prop() decimalPlaces: number = 2;\n\n    // Deprecated props - kept for backward compatibility\n    @Prop() labelFormat: LabelFormat = 'simple';\n    @Prop() startDate?: string;\n    @Prop() intervalMonths: number = 1;\n\n    /**\n     * Translation function to handle localization\n     * @private\n     */\n    private t: (val: string) => string = (val) => val; // Initialize with fallback\n\n    /**\n     * Lifecycle method that is called once when the component is first created\n     */\n    async componentWillLoad() {\n        try {\n            this.t = await TranslationUtils.useTranslation(this.locale);\n        } catch (e) {\n            console.error('Failed to initialize translation:', e);\n        }\n    }\n\n    /**\n     * Lifecycle method to update translations when locale changes\n     */\n    @Watch('locale')\n    async updateLocale(newValue: string) {\n        this.locale = newValue;\n        try {\n            this.t = await TranslationUtils.useTranslation(this.locale);\n        } catch (e) {\n            console.error('Failed to update translation:', e);\n            this.t = (val) => val;\n        }\n    }\n\n    /**\n     * Generate simple label for installment (1-based indexing)\n     */\n    private generateSimpleLabel(index: number): string {\n        return this.t('Installment') + ' ' + (index + 1);\n    }\n\n    /**\n     * Get installment data as parsed object or generate it dynamically\n     */\n    private get installments(): Installment[] {\n        try {\n            const providedData = JSON.parse(this.installmentData);\n            if (providedData.length > 0) {\n                return providedData;\n            }\n            return this.generateInstallments();\n        } catch (e) {\n            console.error('Invalid installment data format', e);\n            return this.generateInstallments();\n        }\n    }\n\n    /**\n     * Generate installment data based on amount and installmentsCount\n     */\n    private generateInstallments(): Installment[] {\n        const installments: Installment[] = [];\n        if (this.amount <= 0 || this.installmentsCount <= 0) {\n            return installments;\n        }\n\n        // Calculate the base installment amount\n        const baseAmount = +(this.amount / this.installmentsCount).toFixed(this.decimalPlaces);\n        const remainder = +(this.amount - (baseAmount * this.installmentsCount)).toFixed(this.decimalPlaces);\n\n        // Create installment objects\n        for (let i = 0; i < this.installmentsCount; i++) {\n            // Add remainder to the last installment if needed\n            const amount = i === this.installmentsCount - 1 && remainder !== 0\n                ? (baseAmount + remainder).toFixed(this.decimalPlaces)\n                : baseAmount.toFixed(this.decimalPlaces);\n\n            // Assign progressive status based on position\n            let progressType: 'empty' | 'small' | 'medium' | 'full' = 'empty';\n            if (i === 0) {\n                progressType = 'small';\n            } else if (i === 1 || (i > 1 && i < this.installmentsCount - 1)) {\n                progressType = 'medium';\n            } else if (i === this.installmentsCount - 1) {\n                progressType = 'full';\n            }\n\n            const installment: Installment = {\n                amount: `${amount}`,\n                progressType,\n                label: this.generateSimpleLabel(i)\n            };\n\n            installments.push(installment);\n        }\n\n        return installments;\n    }\n\n    /**\n     * Format amount to display\n     */\n    private formatAmount(amount: string, label?: string): any {\n        const amountParts = amount.split(' ');\n        const numericValue = parseFloat(amountParts[0]).toFixed(this.decimalPlaces);\n\n        return (\n            <div class=\"installments-amount\">\n                <div class=\"amount-container\">\n                    {label && <span class=\"installments-label\">{label}</span>}\n                    <span class=\"installments-amount-value\">{numericValue}</span>\n                </div>\n            </div>\n        );\n    }\n\n    /**\n     * Render an installment step (default circular style)\n     */\n    private renderInstallmentStep(\n        amount: string,\n        label: string,\n        isFirst: boolean = false,\n        isLast: boolean = false,\n        progressType: 'empty' | 'small' | 'medium' | 'full' = 'empty'\n    ) {\n        return (\n            <div class=\"installments-step\">\n                {isFirst\n                    ? this.formatAmount(amount, this.t('Hold'))\n                    : this.formatAmount(amount)\n                }\n                <div class=\"installments-circle-container\">\n                    {isFirst ? (\n                        <div class=\"installments-circle-filled-first\"></div>\n                    ) : isLast || progressType === 'full' ? (\n                        <div class=\"installments-circle-filled\"></div>\n                    ) : (\n                        [\n                            <div class=\"installments-circle-outline\"></div>,\n                            progressType === 'small' && (\n                                <div class=\"installments-circle-segment installments-circle-segment-small\"></div>\n                            ),\n                            progressType === 'medium' && (\n                                <div class=\"installments-circle-segment installments-circle-segment-medium\"></div>\n                            )\n                        ]\n                    )}\n                </div>\n                <div class=\"installments-label\">{label}</div>\n            </div>\n        );\n    }\n\n    /**\n     * Render a modern timeline step with new dot style and connecting lines\n     */\n    private renderModernTimelineStep(installment: Installment, isHold: boolean = false) {\n        const progressClass = installment.progressType || 'empty';\n        // Generate short version for mobile displays\n        const shortLabel = installment.label?.replace('Installment', 'Inst') || installment.label;\n\n        return (\n            <div class=\"date-timeline-step\">\n                <div class={`modern-timeline-dot ${progressClass}`}></div>\n                <div class=\"date-timeline-content\">\n                    <div class=\"date-timeline-date\" data-short={shortLabel}>{installment.label}</div>\n                    <div class=\"date-timeline-amount\">\n                        {isHold && (\n                            <span class=\"date-timeline-hold-label\">{this.t('Hold')}</span>\n                        )}\n                        {installment.amount}\n                    </div>\n                </div>\n            </div>\n        );\n    }\n\n    /**\n     * Render a connector between steps (default style)\n     */\n    private renderConnector(isDotted: boolean = false) {\n        return (\n            <div class=\"installments-connector-container\">\n                {isDotted ? (\n                    <div class=\"installments-dotted-connector\">\n                        <div class=\"installments-connector-dot\"></div>\n                        <div class=\"installments-dots-container\">\n                            <div class=\"installments-dot\"></div>\n                            <div class=\"installments-dot\"></div>\n                            <div class=\"installments-dot\"></div>\n                            <div class=\"installments-dot\"></div>\n                            <div class=\"installments-dot\"></div>\n                        </div>\n                        <div class=\"installments-connector-dot\"></div>\n                    </div>\n                ) : (\n                    <div class=\"installments-simple-connector\">\n                        <div class=\"installments-connector-dot\"></div>\n                        <div class=\"installments-connector-line\"></div>\n                        <div class=\"installments-connector-dot\"></div>\n                    </div>\n                )}\n            </div>\n        );\n    }\n\n    /**\n     * Render the modern timeline style with new dots and connecting lines\n     * Updated to show dotted line when there are hidden installments\n     */\n    private renderModernTimeline() {\n        const allInstallments = this.installments;\n        const installmentsToDisplay = [];\n        const hasHiddenInstallments = allInstallments.length > this.maxVisibleInstallments;\n\n        // Handle visibility logic for many installments\n        if (allInstallments.length <= this.maxVisibleInstallments) {\n            installmentsToDisplay.push(...allInstallments);\n        } else {\n            // Show first, then second, then last\n            installmentsToDisplay.push(\n                allInstallments[0],\n                allInstallments[1]\n            );\n            installmentsToDisplay.push(\n                allInstallments[allInstallments.length - 1]\n            );\n        }\n\n        const timelineItems = [];\n\n        // Add full amount as first item (hold)\n        const holdItem: Installment = {\n            amount: this.amount.toFixed(this.decimalPlaces),\n            progressType: 'small',\n            label: this.t('Today')\n        };\n        timelineItems.push(holdItem);\n\n        // Add the filtered installments\n        timelineItems.push(...installmentsToDisplay);\n\n        return (\n            <div id=\"paymentProgress\"\n                 dir={this.locale === 'ar' ? 'rtl' : 'ltr'}\n                 class={{\n                     'installments': true,\n                     'payment-progress': true,\n                     'date-timeline': true,\n                     'bordered': this.border,\n                     'has-hidden-installments': hasHiddenInstallments\n                 }}>\n                <div class={`date-timeline-container date-timeline-container-${this.locale === 'ar' ? 'rtl' : 'ltr'}`}>\n                    {timelineItems.map((installment, index) => {\n                        // Adjust label for ellipsis case (same logic as default timeline)\n                        const isLastInstallment = index === timelineItems.length - 1 && index > 2;\n                        const adjustedInstallment = isLastInstallment && allInstallments.length > 3 ? {\n                            ...installment,\n                            label: this.t('Installment') + ' ' + allInstallments.length\n                        } : installment;\n\n                        return this.renderModernTimelineStep(adjustedInstallment, index === 0);\n                    })}\n                </div>\n                {this.footerMessage && (\n                    <div class=\"date-timeline-footer\">\n                        {this.footerMessage}\n                    </div>\n                )}\n            </div>\n        );\n    }\n\n    /**\n     * Render the default timeline style with circles and connectors\n     */\n    private renderDefaultTimeline() {\n        const allInstallments = this.installments;\n        const installmentsToDisplay = [];\n\n        // Handle visibility logic for many installments\n        if (allInstallments.length <= this.maxVisibleInstallments) {\n            installmentsToDisplay.push(...allInstallments);\n        } else {\n            // Show first, then ellipsis, then last\n            installmentsToDisplay.push(\n                allInstallments[0],\n                allInstallments[1]\n            );\n            installmentsToDisplay.push(\n                allInstallments[allInstallments.length - 1]\n            );\n        }\n\n        return (\n            <div id=\"paymentProgress\"\n                 style={this.locale === 'ar' ? { direction: 'rtl' } : {}}\n                 class={{\n                     'installments': true,\n                     'payment-progress': true,\n                     'bordered': this.border\n                 }}>\n                {/* Today / Initial Payment */}\n                {this.renderInstallmentStep(\n                    `${this.amount}`,\n                    this.t('Today'),\n                    true,\n                    false,\n                    'empty'\n                )}\n\n                {/* Connector between Initial Payment and First Installment */}\n                {this.renderConnector()}\n\n                {/* Display the installments */}\n                {installmentsToDisplay.map((installment, index) => [\n                    this.renderInstallmentStep(\n                        installment.amount,\n                        this.t('Installment') + ' ' + (index === 2 && allInstallments.length > 3 ? allInstallments.length : index + 1),\n                        false,\n                        index === installmentsToDisplay.length - 1,\n                        installment.progressType\n                    ),\n                    index < installmentsToDisplay.length - 1 &&\n                    this.renderConnector(index === 1 && allInstallments.length > 3)\n                ])}\n            </div>\n        );\n    }\n\n    render() {\n        // If installments are not enabled, don't render anything\n        if (!this.enableInstallments) {\n            return null;\n        }\n\n        if (this.debug) {\n            console.log('[AmwalInstallmentsTimeline] Debug Mode Enabled');\n            console.log('[AmwalInstallmentsTimeline] Timeline Style:', this.timelineStyle);\n            console.log('[AmwalInstallmentsTimeline] Installments:', this.installments);\n            console.log('[AmwalInstallmentsTimeline] Installments Count:', this.installmentsCount);\n            console.log('[AmwalInstallmentsTimeline] Amount:', this.amount);\n            console.log('[AmwalInstallmentsTimeline] Max Visible Installments:', this.maxVisibleInstallments);\n            console.log('[AmwalInstallmentsTimeline] Has Hidden Installments:', this.installments.length > this.maxVisibleInstallments);\n            console.log('[AmwalInstallmentsTimeline] Locale:', this.locale);\n            console.log('[AmwalInstallmentsTimeline] Enable Border:', this.border);\n        }\n\n        // Render based on timeline style\n        if (this.timelineStyle === 'simple') {\n            return this.renderModernTimeline();\n        } else {\n            return this.renderDefaultTimeline();\n        }\n    }\n}"],"version":3}

package/dist/esm/_commonjsHelpers-9943807e.js

@@ -15,3 +15,5 @@ function commonjsRequire () {
 }
 
 export { commonjsGlobal as a, createCommonjsModule as c };
+
+//# sourceMappingURL=_commonjsHelpers-9943807e.js.map

package/dist/esm/_commonjsHelpers-9943807e.js.map

@@ -0,0 +1 @@
+{"file":"_commonjsHelpers-9943807e.js","mappings":";;;;;;;;;;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/esm/amwal-checkout-button_5.entry.js

@@ -3090,16 +3090,16 @@ const AmwalCheckoutButton = class {
     this.internallyDisabled = false;
   }
   /**
-   * Get the backend URL - uses custom apiUrl prop if provided, otherwise falls back to "http://localhost:8000"
+   * Get the backend URL - uses custom apiUrl prop if provided, otherwise falls back to process.env.BACKEND_URL
    */
   getApiUrl() {
-    return this.apiUrl || (typeof process !== 'undefined' ? "http://localhost:8000" : null) || 'https://backend.sa.amwal.tech';
+    return this.apiUrl || (typeof process !== 'undefined' ? process.env.BACKEND_URL : null) || 'https://backend.sa.amwal.tech';
   }
   /**
-   * Get the payment page URL - uses custom payUrl prop if provided, otherwise falls back to "http://localhost:3000"
+   * Get the payment page URL - uses custom payUrl prop if provided, otherwise falls back to process.env.PAY_URL
    */
   getPayUrl() {
-    return this.payUrl || (typeof process !== 'undefined' ? "http://localhost:3000" : null) || 'https://pay.sa.amwal.tech';
+    return this.payUrl || (typeof process !== 'undefined' ? process.env.PAY_URL : null) || 'https://pay.sa.amwal.tech';
   }
   prePayCheckoutAckHandler(event) {
     this.debugMsg("Pre Checkout Trigger Ack Received");
@@ -4271,3 +4271,5 @@ const Text = class {
 Text.style = textCss;
 
 export { AmwalCheckoutButton as amwal_checkout_button, AmwalInstallmentsTimeline as amwal_installments_timeline, Button as ion_button, RippleEffect as ion_ripple_effect, Text as ion_text };
+
+//# sourceMappingURL=amwal-checkout-button_5.entry.js.map