@salla.sa/twilight-components/dist/components/salla-loyalty-prize-item.js

Salla Web Component

/*!
 * Crafted with ❤ by Salla
 */
import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';

const sallaLoyaltyPrizeItemCss = "salla-loyalty-prize-item:hover{-webkit-box-shadow:0 5px 15px 1px rgba(0, 0, 0, 0.04) !important;box-shadow:0 5px 15px 1px rgba(0, 0, 0, 0.04) !important}";

const SallaLoyaltyPrizeItem$1 = /*@__PURE__*/ proxyCustomElement(class SallaLoyaltyPrizeItem extends HTMLElement {
    constructor() {
        super();
        this.__registerHost();
        this.prizeItemSelected = createEvent(this, "prizeItemSelected", 7);
    }
    onPrizeItemClick() {
        this.prizeItemSelected.emit(this.item);
    }
    render() {
        return (h(Host, { key: '5434064e3e54117f4df4e16282f70e81503d7489' }, h("div", { key: '28b5a19dcd1f239a74d69e91a1cda66ae7521e8e', onClick: this.onPrizeItemClick.bind(this) }, h("img", { key: '82917e0074006f4e462b2328405714a31d168c17', class: "s-loyalty-prize-item-image", src: this.item.image, alt: this.item.name }), h("div", { key: '089ac134ed2a0474067c79cd590154ca85a380c9', class: "s-loyalty-prize-item-title" }, this.item.name), h("div", { key: '85d245c32c42701274fa29761c4345020532eac1', class: "s-loyalty-prize-item-subtitle" }, this.item.description), h("div", { key: '5f37781c8c77998a0bb586ddcda4640741db0b6e', class: "s-loyalty-prize-item-points" }, this.item.cost_points, " Points"))));
    }
    static get style() { return sallaLoyaltyPrizeItemCss; }
}, [0, "salla-loyalty-prize-item", {
        "item": [16]
    }]);
function defineCustomElement$1() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["salla-loyalty-prize-item"];
    components.forEach(tagName => { switch (tagName) {
        case "salla-loyalty-prize-item":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, SallaLoyaltyPrizeItem$1);
            }
            break;
    } });
}

const SallaLoyaltyPrizeItem = SallaLoyaltyPrizeItem$1;
const defineCustomElement = defineCustomElement$1;

export { SallaLoyaltyPrizeItem, defineCustomElement };
//# sourceMappingURL=salla-loyalty-prize-item.js.map

//# sourceMappingURL=salla-loyalty-prize-item.js.map