/*!
 * Crafted with ❤ by Salla
 */
import { h, Host } from "@stencil/core";
export class SallaOrderEditProductCard {
    get productData() {
        if (!this.product) {
            return {};
        }
        if (typeof this.product === 'object') {
            return this.product;
        }
        try {
            return JSON.parse(this.product);
        }
        catch (_error) {
            return {};
        }
    }
    handleSelectProduct() {
        this.orderEditProductSelected.emit({ product: this.productData });
    }
    render() {
        const product = this.productData;
        const productName = product?.name || salla.lang.getWithDefault('common.elements.product', 'منتج');
        const price = product?.price;
        return (h(Host, { key: 'e5837d7ec53f2566fe981f02a95b52c7c817821c' }, h("button", { key: '415861262349f83c3c7d1dc72d9f8f01f855317e', type: "button", class: "s-order-edit-product-card", onClick: () => this.handleSelectProduct() }, h("div", { key: '072d3af840d5044636380f5620703cc446877162', class: "s-order-edit-product-card-media" }, product?.image?.url ? (h("img", { src: product.image.url, alt: product.image.alt || productName, class: "s-order-edit-product-card-image" })) : (h("div", { class: "s-order-edit-product-card-placeholder" }, h("i", { class: "sicon-shopping-bag" })))), h("div", { key: 'ac51822bbcf1f2213b11204fa968a40e7de164a3', class: "s-order-edit-product-card-content" }, h("h3", { key: 'e817582bf88db2ed6ac47a37a5d2b4e4ac953770', class: "s-order-edit-product-card-title" }, productName), price != null && (h("p", { key: 'efbf1b16d7c6d73de76bab1e8715a474f812fde4', class: "s-order-edit-product-card-price", innerHTML: salla.money(price) }))))));
    }
    static get is() { return "salla-order-edit-product-card"; }
    static get originalStyleUrls() {
        return {
            "$": ["salla-order-edit-product-card.scss"]
        };
    }
    static get styleUrls() {
        return {
            "$": ["salla-order-edit-product-card.css"]
        };
    }
    static get properties() {
        return {
            "product": {
                "type": "string",
                "attribute": "product",
                "mutable": false,
                "complexType": {
                    "original": "Product | string",
                    "resolved": "Product | string",
                    "references": {
                        "Product": {
                            "location": "import",
                            "path": "@salla.sa/twilight/types/common",
                            "id": "../twilight/types/common.d.ts::Product"
                        }
                    }
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "getter": false,
                "setter": false,
                "reflect": false
            }
        };
    }
    static get events() {
        return [{
                "method": "orderEditProductSelected",
                "name": "orderEditProductSelected",
                "bubbles": true,
                "cancelable": true,
                "composed": true,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "complexType": {
                    "original": "{\n    product: Product;\n  }",
                    "resolved": "{ product: Product; }",
                    "references": {
                        "Product": {
                            "location": "import",
                            "path": "@salla.sa/twilight/types/common",
                            "id": "../twilight/types/common.d.ts::Product"
                        }
                    }
                }
            }];
    }
}
