@salla.sa/twilight-components 2.14.389 → 2.14.390

package/dist/components/salla-order-edit.js

@@ -0,0 +1,291 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { d as defineCustomElement$f } from './salla-booking-field2.js';
+import { d as defineCustomElement$e } from './salla-button2.js';
+import { d as defineCustomElement$d } from './salla-color-picker2.js';
+import { d as defineCustomElement$c } from './salla-conditional-fields2.js';
+import { d as defineCustomElement$b } from './salla-count-down2.js';
+import { d as defineCustomElement$a } from './salla-datetime-picker2.js';
+import { d as defineCustomElement$9 } from './salla-file-upload2.js';
+import { d as defineCustomElement$8 } from './salla-loading2.js';
+import { d as defineCustomElement$7 } from './salla-map2.js';
+import { d as defineCustomElement$6 } from './salla-modal2.js';
+import { d as defineCustomElement$5 } from './salla-order-edit-item2.js';
+import { d as defineCustomElement$4 } from './salla-product-options2.js';
+import { d as defineCustomElement$3 } from './salla-progress-bar2.js';
+import { d as defineCustomElement$2 } from './salla-quantity-input2.js';
+
+const sallaOrderEditCss = "";
+
+const SallaOrderEdit$1 = /*@__PURE__*/ proxyCustomElement(class SallaOrderEdit extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.loading = true;
+        this.saveLoading = false;
+        this.payload = { items: { update: [], remove: [] } };
+        this.expired = false;
+        this.editPreview = null;
+        this.confirming = false;
+    }
+    async componentWillLoad() {
+        await salla.onReady();
+        this.loadFromProp();
+        this.startExpiryCheck();
+    }
+    disconnectedCallback() {
+        clearInterval(this.expiryInterval);
+    }
+    startExpiryCheck() {
+        const endsAt = this.order?.customer_editing_session?.ends_at;
+        if (!endsAt)
+            return;
+        const isExpired = () => new Date(`${endsAt.replace(' ', 'T')}+03:00`).getTime() <= Date.now();
+        if (isExpired()) {
+            this.expired = true;
+            return;
+        }
+        this.expiryInterval = setInterval(() => {
+            if (isExpired()) {
+                this.expired = true;
+                clearInterval(this.expiryInterval);
+            }
+        }, 1000);
+    }
+    loadFromProp() {
+        try {
+            if (!this.orderData) {
+                this.error = salla.lang.getWithDefault('pages.orders.order_not_found', 'الطلب غير موجود');
+                return;
+            }
+            const data = typeof this.orderData === 'string' ? JSON.parse(this.orderData) : this.orderData;
+            this.order = data;
+        }
+        catch (e) {
+            this.error = salla.lang.getWithDefault('pages.orders.order_not_found', 'الطلب غير موجود');
+        }
+        finally {
+            this.loading = false;
+        }
+    }
+    handleItemUpdated(event) {
+        if (!this.order)
+            return;
+        const { itemId, quantity, options } = event.detail;
+        const updateList = this.payload.items.update.filter(u => u.id !== itemId);
+        const updateEntry = { id: itemId, quantity, options: options ?? [] };
+        updateList.push(updateEntry);
+        this.payload = {
+            ...this.payload,
+            items: { ...this.payload.items, update: updateList },
+        };
+        this.order = {
+            ...this.order,
+            items: this.order.items.map(item => item.id === itemId ? { ...item, quantity } : item),
+        };
+    }
+    handleItemRemoved(event) {
+        if (!this.order)
+            return;
+        if (this.order.items.length <= 1) {
+            salla.notify.error(salla.lang.getWithDefault('pages.orders.order_cannot_be_empty', 'لا يمكن إزالة جميع المنتجات من الطلب'));
+            return;
+        }
+        const { itemId } = event.detail;
+        this.payload = {
+            ...this.payload,
+            items: {
+                update: this.payload.items.update.filter(u => u.id !== itemId),
+                remove: [...this.payload.items.remove, itemId],
+            },
+        };
+        this.order = {
+            ...this.order,
+            items: this.order.items.filter(item => item.id !== itemId),
+        };
+    }
+    get hasChanges() {
+        return this.payload.items.update.length > 0 || this.payload.items.remove.length > 0;
+    }
+    async saveOrder() {
+        if (!this.hasChanges)
+            return;
+        this.saveLoading = true;
+        try {
+            const response = await salla.order.api.editOrder(this.orderId, this.payload);
+            this.editPreview = response?.data?.data || response?.data;
+            await this.saveModal?.open();
+        }
+        catch (error) {
+            const message = error?.response?.data?.error?.message || error?.response?.data?.message;
+            if (message) {
+                salla.notify.error(message);
+            }
+        }
+        finally {
+            this.saveLoading = false;
+        }
+    }
+    navigateToOrder() {
+        const url = new URL(window.location.href);
+        url.pathname = url.pathname.replace(/\/edit\/?$/, '');
+        url.search = '';
+        window.location.href = url.href;
+    }
+    handleConfirm() {
+        this.confirming = true;
+        if (this.editPreview?.payment?.required && this.editPreview.payment.payment_url) {
+            window.location.href = this.editPreview.payment.payment_url;
+        }
+        else {
+            this.navigateToOrder();
+        }
+    }
+    cancel() {
+        this.navigateToOrder();
+    }
+    renderSaveModal() {
+        const preview = this.editPreview;
+        const hasRemainingAmount = preview?.totals?.remaining_amount?.amount > 0;
+        const hasRefundAmount = preview?.totals?.refund_amount?.amount > 0;
+        const taxAmount = preview?.totals?.tax?.amount?.amount;
+        return (h("salla-modal", { ref: modal => (this.saveModal = modal), width: "md", onModalVisibilityChanged: (e) => {
+                if (!e.detail) {
+                    this.editPreview = null;
+                    if (!this.confirming) {
+                        this.navigateToOrder();
+                    }
+                    this.confirming = false;
+                }
+            } }, h("div", { class: "s-order-edit-modal" }, h("h2", { class: "s-order-edit-modal-title" }, salla.lang.getWithDefault('pages.orders.edit_summary_title', 'ملخص الطلب بعد التعديل')), preview?.items?.length > 0 && (h("div", { class: "s-order-edit-modal-items" }, preview.items.map(item => {
+            const orderItem = this.order?.items?.find(oi => oi.id == item.id);
+            const imageUrl = orderItem?.product?.image?.url;
+            const optionsLabel = item.options?.join('/ ');
+            return (h("div", { class: "s-order-edit-modal-item" }, h("div", { class: "s-order-edit-modal-item-start" }, imageUrl && (h("img", { src: imageUrl, alt: item.name, class: "s-order-edit-modal-item-image" })), h("div", null, h("p", { class: "s-order-edit-modal-item-name" }, item.name), optionsLabel && (h("span", { class: "s-order-edit-modal-item-options" }, optionsLabel)))), h("div", { class: "s-order-edit-modal-item-end" }, h("span", { class: "s-order-edit-modal-item-price", innerHTML: salla.money(item.price.amount) }))));
+        }))), preview?.totals?.updated_products_total && (h("div", { class: "s-order-edit-modal-row" }, h("span", { class: "s-order-edit-modal-row-label" }, salla.lang.getWithDefault('pages.orders.modified_products_total', 'مجموع المنتجات المعدلة')), h("span", { class: "s-order-edit-modal-row-value", innerHTML: salla.money(preview.totals.updated_products_total.amount) }))), taxAmount > 0 && (h("div", { class: "s-order-edit-modal-row" }, h("span", { class: "s-order-edit-modal-tax-label" }, h("i", { class: "sicon-info-circle s-order-edit-modal-tax-icon" }), salla.lang.getWithDefault('pages.orders.vat', 'ضريبة القيمة المضافة')), h("span", { class: "s-order-edit-modal-row-value", innerHTML: salla.money(taxAmount) }))), preview?.totals?.total && (h("div", { class: "s-order-edit-modal-total" }, h("span", { class: "s-order-edit-modal-total-label" }, salla.lang.getWithDefault('pages.orders.order_total', 'اجمالي الطلب')), h("span", { class: "s-order-edit-modal-total-value", innerHTML: salla.money(preview.totals.total.amount) }))), hasRefundAmount && (h("div", { class: "s-order-edit-modal-refund" }, h("i", { class: "sicon-info-circle s-order-edit-modal-refund-icon" }), h("p", { class: "s-order-edit-modal-refund-text" }, salla.lang.getWithDefault('pages.orders.refund_message', 'سيتم تحويل فارق المبلغ على نفس وسيلة الدفع')))), h("div", { class: "s-order-edit-modal-btn-wrapper" }, h("salla-button", { onClick: () => this.handleConfirm() }, hasRemainingAmount
+            ? salla.lang.getWithDefault('pages.orders.pay_difference', 'دفع فارق المبلغ')
+            : hasRefundAmount
+                ? salla.lang.getWithDefault('pages.orders.confirm_and_receive_difference', 'تأكيد واستلام فارق المبلغ')
+                : salla.lang.getWithDefault('pages.orders.confirm_changes', 'تأكيد التعديلات'), h("i", { class: "sicon-keyboard_arrow_left s-order-edit-modal-btn-icon" }))))));
+    }
+    render() {
+        if (this.loading) {
+            return (h(Host, null, h("salla-loading", null)));
+        }
+        if (this.expired) {
+            return (h(Host, null, h("div", { class: "s-order-edit-expired" }, h("p", null, salla.lang.getWithDefault('pages.orders.edit_session_expired', 'انتهت مدة التعديل المتاحة')), h("salla-button", { onClick: () => this.navigateToOrder() }, salla.lang.getWithDefault('pages.orders.back_to_order', 'العودة إلى تفاصيل الطلب')))));
+        }
+        if (this.error || !this.order) {
+            return (h(Host, null, h("div", { class: "no-content-placeholder" }, h("i", { class: "sicon-shopping-bag icon" }), h("p", null, this.error))));
+        }
+        const hasItems = this.order.items && this.order.items.length > 0;
+        const endsAt = this.order.customer_editing_session?.ends_at;
+        return (h(Host, null, endsAt && (h("div", { class: "s-order-edit-timer-wrapper" }, h("salla-count-down", { prefixText: salla.lang.getWithDefault('pages.orders.edit_within', 'يمكنك التعديل خلال'), date: endsAt, horizontal: true, withButton: true, autoSegments: true, labeled: false, size: "sm", color: "primary" }))), h("div", { class: "s-order-edit-items-wrapper" }, h("h2", { class: "s-order-edit-items-title" }, salla.lang.getWithDefault('pages.orders.order_products', 'منتجات الطلب')), hasItems ? (this.order.items.map((item, index) => [
+            h("salla-order-edit-item", { key: item.id, item: item, orderId: this.orderId }),
+            index < this.order.items.length - 1 ? (h("div", { class: "s-order-edit-items-divider" })) : null,
+        ])) : (h("div", { class: "no-content-placeholder" }, h("i", { class: "sicon-shopping-bag icon" }), h("p", null, salla.lang.getWithDefault('common.elements.no_items', 'لا توجد عناصر'))))), h("div", { class: "s-order-edit-actions" }, h("salla-button", { onClick: () => this.saveOrder(), loading: this.saveLoading, disabled: !this.hasChanges }, salla.lang.getWithDefault('pages.orders.save_changes', 'حفظ التعديلات')), h("salla-button", { color: "gray", fill: "outline", onClick: () => this.cancel() }, salla.lang.getWithDefault('common.elements.cancel', 'الغاء'))), this.renderSaveModal()));
+    }
+    get host() { return this; }
+    static get style() { return sallaOrderEditCss; }
+}, [0, "salla-order-edit", {
+        "orderId": [8, "order-id"],
+        "orderData": [1, "order-data"],
+        "order": [32],
+        "loading": [32],
+        "error": [32],
+        "saveLoading": [32],
+        "payload": [32],
+        "expired": [32],
+        "editPreview": [32]
+    }, [[0, "orderItemUpdated", "handleItemUpdated"], [0, "orderItemRemoved", "handleItemRemoved"]]]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["salla-order-edit", "salla-booking-field", "salla-button", "salla-color-picker", "salla-conditional-fields", "salla-count-down", "salla-datetime-picker", "salla-file-upload", "salla-loading", "salla-map", "salla-modal", "salla-order-edit-item", "salla-product-options", "salla-progress-bar", "salla-quantity-input"];
+    components.forEach(tagName => { switch (tagName) {
+        case "salla-order-edit":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SallaOrderEdit$1);
+            }
+            break;
+        case "salla-booking-field":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$f();
+            }
+            break;
+        case "salla-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$e();
+            }
+            break;
+        case "salla-color-picker":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$d();
+            }
+            break;
+        case "salla-conditional-fields":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$c();
+            }
+            break;
+        case "salla-count-down":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$b();
+            }
+            break;
+        case "salla-datetime-picker":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$a();
+            }
+            break;
+        case "salla-file-upload":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$9();
+            }
+            break;
+        case "salla-loading":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$8();
+            }
+            break;
+        case "salla-map":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "salla-modal":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "salla-order-edit-item":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "salla-product-options":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "salla-progress-bar":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "salla-quantity-input":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const SallaOrderEdit = SallaOrderEdit$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SallaOrderEdit, defineCustomElement };

package/dist/components/salla-quantity-input.js

@@ -1,131 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { A as Add, M as Minus } from './minus.js';
-import { H as Helper } from './Helper.js';
-
-const sallaQuantityInputCss = "";
-
-const SallaQuantityInput$1 = /*@__PURE__*/ proxyCustomElement(class SallaQuantityInput extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        /**
-         * Based on store setting: store.settings.product.manual_quantity
-         */
-        this.disableInput = false;
-        this.hostAttributes = {};
-        this.hasIncrementSlot = false;
-        this.hasDecrementSlot = false;
-        this.didLoaded = false;
-        this.quantity = 1;
-        this.fireChangeEvent = true;
-    }
-    /**
-     * Workaround to fire change event for the input.
-     */
-    watchPropHandler() {
-        if (!this.didLoaded) {
-            return;
-        }
-        if (!this.fireChangeEvent) {
-            this.fireChangeEvent = true;
-            return;
-        }
-        Helper.debounce(() => {
-            salla.document.event.fireEvent(this.textInput, 'change', {
-                bubbles: true,
-                detail: { productId: this.cartItemId, quantity: this.quantity }
-            });
-        });
-    }
-    async componentWillLoad() {
-        await salla.onReady();
-        this.disableInput = !salla.config.get('store.settings.product.manual_quantity');
-        this.quantity = parseInt(this.host.getAttribute('value')) || 1;
-        this.hasIncrementSlot = !!this.host.querySelector('[slot="increment-button"]');
-        this.hasDecrementSlot = !!this.host.querySelector('[slot="decrement-button"]');
-    }
-    componentDidLoad() {
-        this.didLoaded = true;
-        this.textInput.addEventListener('input', (event) => salla.helpers.inputDigitsOnly(event.target));
-    }
-    getInputAttributes() {
-        for (let i = 0; i < this.host.attributes.length; i++) {
-            if (!['id', 'value', 'min', 'class'].includes(this.host.attributes[i].name)) {
-                this.hostAttributes[this.host.attributes[i].name] = this.host.attributes[i].value;
-            }
-        }
-        return this.hostAttributes;
-    }
-    /**
-     * decrease quantity by one.
-     * @return HTMLSallaQuantityInputElement
-     */
-    async decrease() {
-        return this.setValue(this.quantity - 1);
-    }
-    /**
-     * increase quantity by one.
-     * @return HTMLSallaQuantityInputElement
-     */
-    async increase() {
-        return this.setValue(Number(this.quantity) + 1);
-    }
-    /**
-     * set quantity by one.
-     * @return HTMLSallaQuantityInputElement
-     */
-    async setValue(value, fireChangeEvent = true) {
-        this.fireChangeEvent = fireChangeEvent;
-        let maxQuantity = parseInt(this.host.getAttribute('max'));
-        if (maxQuantity && value > maxQuantity) {
-            value = maxQuantity;
-        }
-        if (value <= 1) {
-            value = 1;
-        }
-        this.quantity = value;
-        return this.host;
-    }
-    render() {
-        const inputAttributes = this.getInputAttributes();
-        if (!inputAttributes['aria-label'] && !inputAttributes['aria-labelledby']) {
-            inputAttributes['aria-label'] = salla.lang.getWithDefault('common.elements.quantity', 'Quantity');
-        }
-        return (h(Host, { key: 'c9b83e158f990a40a69100bcc7880bc208433de1', class: "s-quantity-input" }, h("div", { key: '74ee814b486365c28950a675f0e75ed78fad1549', class: "s-quantity-input-container" }, h("button", { key: 'a78de04f1ca0efc4b20d3fc4acdb1d881bf31501', onClick: () => this.increase(), class: "s-quantity-input-increase-button s-quantity-input-button", type: "button", "aria-label": salla.lang.getWithDefault('common.elements.increase_quantity', 'Increase quantity') }, !this.hasIncrementSlot ? h("span", { innerHTML: Add }) : '', h("slot", { key: 'd1222cf3e005c8fbf1d38e42589e5abac08b99bf', name: "increment-button" })), h("input", { key: 'b2402558907f7e0e15bf622b1524a5649d74fe8d', class: "s-quantity-input-input", ...inputAttributes, ref: (el) => this.textInput = el, onInput: (event) => this.setValue(event.target.value), min: "1", readOnly: this.disableInput, value: this.quantity }), h("button", { key: '578d4ff2f4c4d6b778d052a2eed68f9abcc8625b', class: "s-quantity-input-decrease-button s-quantity-input-button", onClick: () => this.decrease(), type: "button", "aria-label": salla.lang.getWithDefault('common.elements.decrease_quantity', 'Decrease quantity') }, !this.hasDecrementSlot ? h("span", { innerHTML: Minus }) : '', h("slot", { key: 'e8540cb6aae1027d76736069f2372ba18903bd25', name: "decrement-button" })))));
-    }
-    get host() { return this; }
-    static get watchers() { return {
-        "quantity": ["watchPropHandler"]
-    }; }
-    static get style() { return sallaQuantityInputCss; }
-}, [4, "salla-quantity-input", {
-        "cartItemId": [8, "cart-item-id"],
-        "disableInput": [32],
-        "quantity": [32],
-        "fireChangeEvent": [32],
-        "decrease": [64],
-        "increase": [64],
-        "setValue": [64]
-    }, undefined, {
-        "quantity": ["watchPropHandler"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["salla-quantity-input"];
-    components.forEach(tagName => { switch (tagName) {
-        case "salla-quantity-input":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SallaQuantityInput$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
+import { S as SallaQuantityInput$1, d as defineCustomElement$1 } from './salla-quantity-input2.js';
 
 const SallaQuantityInput = SallaQuantityInput$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/salla-quantity-input2.js

@@ -0,0 +1,130 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { A as Add, M as Minus } from './minus.js';
+import { H as Helper } from './Helper.js';
+
+const sallaQuantityInputCss = "";
+
+const SallaQuantityInput = /*@__PURE__*/ proxyCustomElement(class SallaQuantityInput extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        /**
+         * Based on store setting: store.settings.product.manual_quantity
+         */
+        this.disableInput = false;
+        this.hostAttributes = {};
+        this.hasIncrementSlot = false;
+        this.hasDecrementSlot = false;
+        this.didLoaded = false;
+        this.quantity = 1;
+        this.fireChangeEvent = true;
+    }
+    /**
+     * Workaround to fire change event for the input.
+     */
+    watchPropHandler() {
+        if (!this.didLoaded) {
+            return;
+        }
+        if (!this.fireChangeEvent) {
+            this.fireChangeEvent = true;
+            return;
+        }
+        Helper.debounce(() => {
+            salla.document.event.fireEvent(this.textInput, 'change', {
+                bubbles: true,
+                detail: { productId: this.cartItemId, quantity: this.quantity }
+            });
+        });
+    }
+    async componentWillLoad() {
+        await salla.onReady();
+        this.disableInput = !salla.config.get('store.settings.product.manual_quantity');
+        this.quantity = parseInt(this.host.getAttribute('value')) || 1;
+        this.hasIncrementSlot = !!this.host.querySelector('[slot="increment-button"]');
+        this.hasDecrementSlot = !!this.host.querySelector('[slot="decrement-button"]');
+    }
+    componentDidLoad() {
+        this.didLoaded = true;
+        this.textInput.addEventListener('input', (event) => salla.helpers.inputDigitsOnly(event.target));
+    }
+    getInputAttributes() {
+        for (let i = 0; i < this.host.attributes.length; i++) {
+            if (!['id', 'value', 'min', 'class'].includes(this.host.attributes[i].name)) {
+                this.hostAttributes[this.host.attributes[i].name] = this.host.attributes[i].value;
+            }
+        }
+        return this.hostAttributes;
+    }
+    /**
+     * decrease quantity by one.
+     * @return HTMLSallaQuantityInputElement
+     */
+    async decrease() {
+        return this.setValue(this.quantity - 1);
+    }
+    /**
+     * increase quantity by one.
+     * @return HTMLSallaQuantityInputElement
+     */
+    async increase() {
+        return this.setValue(Number(this.quantity) + 1);
+    }
+    /**
+     * set quantity by one.
+     * @return HTMLSallaQuantityInputElement
+     */
+    async setValue(value, fireChangeEvent = true) {
+        this.fireChangeEvent = fireChangeEvent;
+        let maxQuantity = parseInt(this.host.getAttribute('max'));
+        if (maxQuantity && value > maxQuantity) {
+            value = maxQuantity;
+        }
+        if (value <= 1) {
+            value = 1;
+        }
+        this.quantity = value;
+        return this.host;
+    }
+    render() {
+        const inputAttributes = this.getInputAttributes();
+        if (!inputAttributes['aria-label'] && !inputAttributes['aria-labelledby']) {
+            inputAttributes['aria-label'] = salla.lang.getWithDefault('common.elements.quantity', 'Quantity');
+        }
+        return (h(Host, { key: 'c9b83e158f990a40a69100bcc7880bc208433de1', class: "s-quantity-input" }, h("div", { key: '74ee814b486365c28950a675f0e75ed78fad1549', class: "s-quantity-input-container" }, h("button", { key: 'a78de04f1ca0efc4b20d3fc4acdb1d881bf31501', onClick: () => this.increase(), class: "s-quantity-input-increase-button s-quantity-input-button", type: "button", "aria-label": salla.lang.getWithDefault('common.elements.increase_quantity', 'Increase quantity') }, !this.hasIncrementSlot ? h("span", { innerHTML: Add }) : '', h("slot", { key: 'd1222cf3e005c8fbf1d38e42589e5abac08b99bf', name: "increment-button" })), h("input", { key: 'b2402558907f7e0e15bf622b1524a5649d74fe8d', class: "s-quantity-input-input", ...inputAttributes, ref: (el) => this.textInput = el, onInput: (event) => this.setValue(event.target.value), min: "1", readOnly: this.disableInput, value: this.quantity }), h("button", { key: '578d4ff2f4c4d6b778d052a2eed68f9abcc8625b', class: "s-quantity-input-decrease-button s-quantity-input-button", onClick: () => this.decrease(), type: "button", "aria-label": salla.lang.getWithDefault('common.elements.decrease_quantity', 'Decrease quantity') }, !this.hasDecrementSlot ? h("span", { innerHTML: Minus }) : '', h("slot", { key: 'e8540cb6aae1027d76736069f2372ba18903bd25', name: "decrement-button" })))));
+    }
+    get host() { return this; }
+    static get watchers() { return {
+        "quantity": ["watchPropHandler"]
+    }; }
+    static get style() { return sallaQuantityInputCss; }
+}, [4, "salla-quantity-input", {
+        "cartItemId": [8, "cart-item-id"],
+        "disableInput": [32],
+        "quantity": [32],
+        "fireChangeEvent": [32],
+        "decrease": [64],
+        "increase": [64],
+        "setValue": [64]
+    }, undefined, {
+        "quantity": ["watchPropHandler"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["salla-quantity-input"];
+    components.forEach(tagName => { switch (tagName) {
+        case "salla-quantity-input":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SallaQuantityInput);
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { SallaQuantityInput as S, defineCustomElement as d };

package/dist/esm/{filepond-PPWykQxI.js → filepond-C9FlNeRD.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-CyfZeaV2.js';
+import { d as getDefaultExportFromCjs } from './index-BcMtCVX0.js';
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/esm/{filepond-plugin-file-poster-BRSyNznG.js → filepond-plugin-file-poster-BfX4exY0.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-CyfZeaV2.js';
+import { d as getDefaultExportFromCjs } from './index-BcMtCVX0.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/dist/esm/{filepond-plugin-file-validate-size-BKa_IBRc.js → filepond-plugin-file-validate-size-B5-cSfmI.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-CyfZeaV2.js';
+import { d as getDefaultExportFromCjs } from './index-BcMtCVX0.js';
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/esm/{filepond-plugin-file-validate-type-B2Gqcysx.js → filepond-plugin-file-validate-type-DKvNhI35.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-CyfZeaV2.js';
+import { d as getDefaultExportFromCjs } from './index-BcMtCVX0.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/dist/esm/{filepond-plugin-image-edit-C0UvZ9iA.js → filepond-plugin-image-edit-DV1-ZICm.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-CyfZeaV2.js';
+import { d as getDefaultExportFromCjs } from './index-BcMtCVX0.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/dist/esm/{filepond-plugin-image-exif-orientation-Dmzu9ZJy.js → filepond-plugin-image-exif-orientation-idrSYwAk.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-CyfZeaV2.js';
+import { d as getDefaultExportFromCjs } from './index-BcMtCVX0.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/dist/esm/{filepond-plugin-image-preview-CaZ36U6e.js → filepond-plugin-image-preview-os8BCUOs.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-CyfZeaV2.js';
+import { d as getDefaultExportFromCjs } from './index-BcMtCVX0.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {