@salla.sa/twilight-components 2.14.339 → 2.14.341

package/dist/cjs/salla-accordion_62.cjs.entry.js

@@ -10330,6 +10330,8 @@ const sallaQuickBuyCss = ".s-quick-buy-button .s-button-text{display:flex}apple-
 const SallaQuickBuy = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        this.validationFailed = index.createEvent(this, "validationFailed");
+        this.requireLogin = index.createEvent(this, "requireLogin");
         /**
          * Button type.
          *
@@ -10351,6 +10353,7 @@ const SallaQuickBuy = class {
     }
     async quickBuyHandler() {
         if (salla.config.isGuest()) {
+            this.requireLogin.emit({ productId: this.productId });
             // todo (low) :: find a way to re-fire the method after success
             let afterLoginEvent = "salla-quick-buy::user.logged-in";
             salla.event.on(afterLoginEvent, () => this.settlePayment());
@@ -10363,6 +10366,7 @@ const SallaQuickBuy = class {
         let optionsElement = document.querySelector(`salla-product-options[product-id="${this.productId}"]`);
         //make sure all the required options are selected
         if (optionsElement && !await optionsElement.reportValidity()) {
+            this.validationFailed.emit({ productId: this.productId });
             return salla.error(salla.lang.get('common.messages.required_fields'));
         }
         //use this way to get quantity too
@@ -10509,7 +10513,7 @@ const SallaQuickBuy = class {
         });
     }
     render() {
-        return index.h(index.Host, { key: 'a6093f9df07d58cc290a3376c44847c8b4c345ce' }, this.quickBuyButton());
+        return index.h(index.Host, { key: '326f9d1a5336de18e77a71cef8d4e0118acb8055' }, this.quickBuyButton());
     }
     quickBuyButton() {
         return index.h("apple-pay-button", { locale: salla.config.get('user.language_code'), onClick: () => this.quickBuyHandler(), "data-quick-purchase": "applepay", class: "s-quick-buy-apple-pay", "data-is-applepay": "1", buttonstyle: "black", type: this.type });

package/dist/cjs/salla-loyalty-prize-item.cjs.entry.js

@@ -16,7 +16,7 @@ const SallaLoyaltyPrizeItem = class {
         this.prizeItemSelected.emit(this.item);
     }
     render() {
-        return (index.h(index.Host, { key: '6aad4c3c2052fc29cb04aafc307831ae92c9caf7' }, index.h("div", { key: 'aec0459249272685c12b451dce725857d514dcc9', onClick: this.onPrizeItemClick.bind(this) }, index.h("img", { key: '0bd6790bdb8f8e0c2f630801b370564d2b2f0ee4', class: "s-loyalty-prize-item-image", src: this.item.image, alt: this.item.name }), index.h("div", { key: '5f96c2b7b091b943044f1765d205dd4315227b56', class: "s-loyalty-prize-item-title" }, this.item.name), index.h("div", { key: 'd1124db21faf13b3275064b63f54f4119ff62f54', class: "s-loyalty-prize-item-subtitle" }, this.item.description), index.h("div", { key: 'fb6ca5f5d7994721c3ab36729a1cf07b494ac91a', class: "s-loyalty-prize-item-points" }, this.item.cost_points, " Points"))));
+        return (index.h(index.Host, { key: '6aad4c3c2052fc29cb04aafc307831ae92c9caf7' }, index.h("div", { key: 'aec0459249272685c12b451dce725857d514dcc9', onClick: this.onPrizeItemClick.bind(this) }, index.h("img", { key: '0bd6790bdb8f8e0c2f630801b370564d2b2f0ee4', class: "s-loyalty-prize-item-image", src: this.item.image, alt: this.item.name }), index.h("div", { key: '5f96c2b7b091b943044f1765d205dd4315227b56', class: "s-loyalty-prize-item-title" }, this.item.name), index.h("div", { key: 'd1124db21faf13b3275064b63f54f4119ff62f54', class: "s-loyalty-prize-item-subtitle" }, this.item.description), index.h("div", { key: 'fb6ca5f5d7994721c3ab36729a1cf07b494ac91a', class: "s-loyalty-prize-item-points" }, this.item.cost_points, " ", salla.lang.get('pages.loyalty_program.point')))));
     }
 };
 SallaLoyaltyPrizeItem.style = sallaLoyaltyPrizeItemCss;

package/dist/cjs/salla-order-details-options.cjs.entry.js

@@ -59,7 +59,7 @@ const SallaOrderDetailsOptions = class {
         }
         // Handle file options
         if (option.is_file) {
-            return (index.h("a", { href: option.value, target: "_blank", class: "s-order-details-option-file-link" }, "Attachments"));
+            return (index.h("a", { href: option.value, target: "_blank", class: "s-order-details-option-file-link" }, salla.lang.get('common.elements.attachments')));
         }
         // Handle color picker options
         if (option.is_color_picker) {
@@ -67,7 +67,7 @@ const SallaOrderDetailsOptions = class {
         }
         // Handle map options
         if (option.is_map && option.latitude && option.longitude) {
-            return (index.h("salla-map", { id: `location_map_${option.id}`, class: `map_${option.id}`, zoom: 15, readonly: true, lat: option.latitude, lng: option.longitude }, index.h("div", { slot: "button" }, index.h("button", { type: "button", class: "s-order-details-option-map-button", onClick: () => this.openMap(option.id) }, "Show Location"))));
+            return (index.h("salla-map", { id: `location_map_${option.id}`, class: `map_${option.id}`, zoom: 15, readonly: true, lat: option.latitude, lng: option.longitude }, index.h("div", { slot: "button" }, index.h("button", { type: "button", class: "s-order-details-option-map-button", onClick: () => this.openMap(option.id) }, salla.lang.get('common.elements.show_location')))));
         }
         // Default text value
         return (index.h("span", { class: "s-order-details-option-default-text" }, option.display_value || option.value));

package/dist/collection/components/salla-loyalty/salla-loyalty-prize-item.js

@@ -7,7 +7,7 @@ export class SallaLoyaltyPrizeItem {
         this.prizeItemSelected.emit(this.item);
     }
     render() {
-        return (h(Host, { key: '6aad4c3c2052fc29cb04aafc307831ae92c9caf7' }, h("div", { key: 'aec0459249272685c12b451dce725857d514dcc9', onClick: this.onPrizeItemClick.bind(this) }, h("img", { key: '0bd6790bdb8f8e0c2f630801b370564d2b2f0ee4', class: "s-loyalty-prize-item-image", src: this.item.image, alt: this.item.name }), h("div", { key: '5f96c2b7b091b943044f1765d205dd4315227b56', class: "s-loyalty-prize-item-title" }, this.item.name), h("div", { key: 'd1124db21faf13b3275064b63f54f4119ff62f54', class: "s-loyalty-prize-item-subtitle" }, this.item.description), h("div", { key: 'fb6ca5f5d7994721c3ab36729a1cf07b494ac91a', class: "s-loyalty-prize-item-points" }, this.item.cost_points, " Points"))));
+        return (h(Host, { key: '6aad4c3c2052fc29cb04aafc307831ae92c9caf7' }, h("div", { key: 'aec0459249272685c12b451dce725857d514dcc9', onClick: this.onPrizeItemClick.bind(this) }, h("img", { key: '0bd6790bdb8f8e0c2f630801b370564d2b2f0ee4', class: "s-loyalty-prize-item-image", src: this.item.image, alt: this.item.name }), h("div", { key: '5f96c2b7b091b943044f1765d205dd4315227b56', class: "s-loyalty-prize-item-title" }, this.item.name), h("div", { key: 'd1124db21faf13b3275064b63f54f4119ff62f54', class: "s-loyalty-prize-item-subtitle" }, this.item.description), h("div", { key: 'fb6ca5f5d7994721c3ab36729a1cf07b494ac91a', class: "s-loyalty-prize-item-points" }, this.item.cost_points, " ", salla.lang.get('pages.loyalty_program.point')))));
     }
     static get is() { return "salla-loyalty-prize-item"; }
     static get originalStyleUrls() {

package/dist/collection/components/salla-order-details/salla-order-details-options.js

@@ -52,7 +52,7 @@ export class SallaOrderDetailsOptions {
         }
         // Handle file options
         if (option.is_file) {
-            return (h("a", { href: option.value, target: "_blank", class: "s-order-details-option-file-link" }, "Attachments"));
+            return (h("a", { href: option.value, target: "_blank", class: "s-order-details-option-file-link" }, salla.lang.get('common.elements.attachments')));
         }
         // Handle color picker options
         if (option.is_color_picker) {
@@ -60,7 +60,7 @@ export class SallaOrderDetailsOptions {
         }
         // Handle map options
         if (option.is_map && option.latitude && option.longitude) {
-            return (h("salla-map", { id: `location_map_${option.id}`, class: `map_${option.id}`, zoom: 15, readonly: true, lat: option.latitude, lng: option.longitude }, h("div", { slot: "button" }, h("button", { type: "button", class: "s-order-details-option-map-button", onClick: () => this.openMap(option.id) }, "Show Location"))));
+            return (h("salla-map", { id: `location_map_${option.id}`, class: `map_${option.id}`, zoom: 15, readonly: true, lat: option.latitude, lng: option.longitude }, h("div", { slot: "button" }, h("button", { type: "button", class: "s-order-details-option-map-button", onClick: () => this.openMap(option.id) }, salla.lang.get('common.elements.show_location')))));
         }
         // Default text value
         return (h("span", { class: "s-order-details-option-default-text" }, option.display_value || option.value));

package/dist/collection/components/salla-quick-buy/salla-quick-buy.js

@@ -26,6 +26,7 @@ export class SallaQuickBuy {
     }
     async quickBuyHandler() {
         if (salla.config.isGuest()) {
+            this.requireLogin.emit({ productId: this.productId });
             // todo (low) :: find a way to re-fire the method after success
             let afterLoginEvent = "salla-quick-buy::user.logged-in";
             salla.event.on(afterLoginEvent, () => this.settlePayment());
@@ -38,6 +39,7 @@ export class SallaQuickBuy {
         let optionsElement = document.querySelector(`salla-product-options[product-id="${this.productId}"]`);
         //make sure all the required options are selected
         if (optionsElement && !await optionsElement.reportValidity()) {
+            this.validationFailed.emit({ productId: this.productId });
             return salla.error(salla.lang.get('common.messages.required_fields'));
         }
         //use this way to get quantity too
@@ -184,7 +186,7 @@ export class SallaQuickBuy {
         });
     }
     render() {
-        return h(Host, { key: 'a6093f9df07d58cc290a3376c44847c8b4c345ce' }, this.quickBuyButton());
+        return h(Host, { key: '326f9d1a5336de18e77a71cef8d4e0118acb8055' }, this.quickBuyButton());
     }
     quickBuyButton() {
         return h("apple-pay-button", { locale: salla.config.get('user.language_code'), onClick: () => this.quickBuyHandler(), "data-quick-purchase": "applepay", class: "s-quick-buy-apple-pay", "data-is-applepay": "1", buttonstyle: "black", type: this.type });
@@ -399,5 +401,38 @@ export class SallaQuickBuy {
             "quickBuy": {}
         };
     }
+    static get events() {
+        return [{
+                "method": "validationFailed",
+                "name": "validationFailed",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when Apple Pay button is clicked but form validation fails."
+                },
+                "complexType": {
+                    "original": "{ productId: string }",
+                    "resolved": "{ productId: string; }",
+                    "references": {}
+                }
+            }, {
+                "method": "requireLogin",
+                "name": "requireLogin",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when Apple Pay button is clicked but user is not logged in."
+                },
+                "complexType": {
+                    "original": "{ productId: string }",
+                    "resolved": "{ productId: string; }",
+                    "references": {}
+                }
+            }];
+    }
     static get elementRef() { return "host"; }
 }

package/dist/components/salla-loyalty-prize-item.js

@@ -15,7 +15,7 @@ const SallaLoyaltyPrizeItem$1 = /*@__PURE__*/ proxyCustomElement(class SallaLoya
         this.prizeItemSelected.emit(this.item);
     }
     render() {
-        return (h(Host, { key: '6aad4c3c2052fc29cb04aafc307831ae92c9caf7' }, h("div", { key: 'aec0459249272685c12b451dce725857d514dcc9', onClick: this.onPrizeItemClick.bind(this) }, h("img", { key: '0bd6790bdb8f8e0c2f630801b370564d2b2f0ee4', class: "s-loyalty-prize-item-image", src: this.item.image, alt: this.item.name }), h("div", { key: '5f96c2b7b091b943044f1765d205dd4315227b56', class: "s-loyalty-prize-item-title" }, this.item.name), h("div", { key: 'd1124db21faf13b3275064b63f54f4119ff62f54', class: "s-loyalty-prize-item-subtitle" }, this.item.description), h("div", { key: 'fb6ca5f5d7994721c3ab36729a1cf07b494ac91a', class: "s-loyalty-prize-item-points" }, this.item.cost_points, " Points"))));
+        return (h(Host, { key: '6aad4c3c2052fc29cb04aafc307831ae92c9caf7' }, h("div", { key: 'aec0459249272685c12b451dce725857d514dcc9', onClick: this.onPrizeItemClick.bind(this) }, h("img", { key: '0bd6790bdb8f8e0c2f630801b370564d2b2f0ee4', class: "s-loyalty-prize-item-image", src: this.item.image, alt: this.item.name }), h("div", { key: '5f96c2b7b091b943044f1765d205dd4315227b56', class: "s-loyalty-prize-item-title" }, this.item.name), h("div", { key: 'd1124db21faf13b3275064b63f54f4119ff62f54', class: "s-loyalty-prize-item-subtitle" }, this.item.description), h("div", { key: 'fb6ca5f5d7994721c3ab36729a1cf07b494ac91a', class: "s-loyalty-prize-item-points" }, this.item.cost_points, " ", salla.lang.get('pages.loyalty_program.point')))));
     }
     static get style() { return sallaLoyaltyPrizeItemCss; }
 }, [0, "salla-loyalty-prize-item", {

package/dist/components/salla-order-details-options2.js

@@ -62,7 +62,7 @@ const SallaOrderDetailsOptions = /*@__PURE__*/ proxyCustomElement(class SallaOrd
         }
         // Handle file options
         if (option.is_file) {
-            return (h("a", { href: option.value, target: "_blank", class: "s-order-details-option-file-link" }, "Attachments"));
+            return (h("a", { href: option.value, target: "_blank", class: "s-order-details-option-file-link" }, salla.lang.get('common.elements.attachments')));
         }
         // Handle color picker options
         if (option.is_color_picker) {
@@ -70,7 +70,7 @@ const SallaOrderDetailsOptions = /*@__PURE__*/ proxyCustomElement(class SallaOrd
         }
         // Handle map options
         if (option.is_map && option.latitude && option.longitude) {
-            return (h("salla-map", { id: `location_map_${option.id}`, class: `map_${option.id}`, zoom: 15, readonly: true, lat: option.latitude, lng: option.longitude }, h("div", { slot: "button" }, h("button", { type: "button", class: "s-order-details-option-map-button", onClick: () => this.openMap(option.id) }, "Show Location"))));
+            return (h("salla-map", { id: `location_map_${option.id}`, class: `map_${option.id}`, zoom: 15, readonly: true, lat: option.latitude, lng: option.longitude }, h("div", { slot: "button" }, h("button", { type: "button", class: "s-order-details-option-map-button", onClick: () => this.openMap(option.id) }, salla.lang.get('common.elements.show_location')))));
         }
         // Default text value
         return (h("span", { class: "s-order-details-option-default-text" }, option.display_value || option.value));

package/dist/components/salla-quick-buy2.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { a as axios } from './axios.js';
 
 var Http = {
@@ -724,6 +724,8 @@ const SallaQuickBuy = /*@__PURE__*/ proxyCustomElement(class SallaQuickBuy exten
     constructor() {
         super();
         this.__registerHost();
+        this.validationFailed = createEvent(this, "validationFailed", 7);
+        this.requireLogin = createEvent(this, "requireLogin", 7);
         /**
          * Button type.
          *
@@ -745,6 +747,7 @@ const SallaQuickBuy = /*@__PURE__*/ proxyCustomElement(class SallaQuickBuy exten
     }
     async quickBuyHandler() {
         if (salla.config.isGuest()) {
+            this.requireLogin.emit({ productId: this.productId });
             // todo (low) :: find a way to re-fire the method after success
             let afterLoginEvent = "salla-quick-buy::user.logged-in";
             salla.event.on(afterLoginEvent, () => this.settlePayment());
@@ -757,6 +760,7 @@ const SallaQuickBuy = /*@__PURE__*/ proxyCustomElement(class SallaQuickBuy exten
         let optionsElement = document.querySelector(`salla-product-options[product-id="${this.productId}"]`);
         //make sure all the required options are selected
         if (optionsElement && !await optionsElement.reportValidity()) {
+            this.validationFailed.emit({ productId: this.productId });
             return salla.error(salla.lang.get('common.messages.required_fields'));
         }
         //use this way to get quantity too
@@ -903,7 +907,7 @@ const SallaQuickBuy = /*@__PURE__*/ proxyCustomElement(class SallaQuickBuy exten
         });
     }
     render() {
-        return h(Host, { key: 'a6093f9df07d58cc290a3376c44847c8b4c345ce' }, this.quickBuyButton());
+        return h(Host, { key: '326f9d1a5336de18e77a71cef8d4e0118acb8055' }, this.quickBuyButton());
     }
     quickBuyButton() {
         return h("apple-pay-button", { locale: salla.config.get('user.language_code'), onClick: () => this.quickBuyHandler(), "data-quick-purchase": "applepay", class: "s-quick-buy-apple-pay", "data-is-applepay": "1", buttonstyle: "black", type: this.type });

package/dist/esm/salla-accordion_62.entry.js

@@ -10310,6 +10310,8 @@ const sallaQuickBuyCss = ".s-quick-buy-button .s-button-text{display:flex}apple-
 const SallaQuickBuy = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.validationFailed = createEvent(this, "validationFailed");
+        this.requireLogin = createEvent(this, "requireLogin");
         /**
          * Button type.
          *
@@ -10331,6 +10333,7 @@ const SallaQuickBuy = class {
     }
     async quickBuyHandler() {
         if (salla.config.isGuest()) {
+            this.requireLogin.emit({ productId: this.productId });
             // todo (low) :: find a way to re-fire the method after success
             let afterLoginEvent = "salla-quick-buy::user.logged-in";
             salla.event.on(afterLoginEvent, () => this.settlePayment());
@@ -10343,6 +10346,7 @@ const SallaQuickBuy = class {
         let optionsElement = document.querySelector(`salla-product-options[product-id="${this.productId}"]`);
         //make sure all the required options are selected
         if (optionsElement && !await optionsElement.reportValidity()) {
+            this.validationFailed.emit({ productId: this.productId });
             return salla.error(salla.lang.get('common.messages.required_fields'));
         }
         //use this way to get quantity too
@@ -10489,7 +10493,7 @@ const SallaQuickBuy = class {
         });
     }
     render() {
-        return h(Host, { key: 'a6093f9df07d58cc290a3376c44847c8b4c345ce' }, this.quickBuyButton());
+        return h(Host, { key: '326f9d1a5336de18e77a71cef8d4e0118acb8055' }, this.quickBuyButton());
     }
     quickBuyButton() {
         return h("apple-pay-button", { locale: salla.config.get('user.language_code'), onClick: () => this.quickBuyHandler(), "data-quick-purchase": "applepay", class: "s-quick-buy-apple-pay", "data-is-applepay": "1", buttonstyle: "black", type: this.type });

package/dist/esm/salla-loyalty-prize-item.entry.js

@@ -14,7 +14,7 @@ const SallaLoyaltyPrizeItem = class {
         this.prizeItemSelected.emit(this.item);
     }
     render() {
-        return (h(Host, { key: '6aad4c3c2052fc29cb04aafc307831ae92c9caf7' }, h("div", { key: 'aec0459249272685c12b451dce725857d514dcc9', onClick: this.onPrizeItemClick.bind(this) }, h("img", { key: '0bd6790bdb8f8e0c2f630801b370564d2b2f0ee4', class: "s-loyalty-prize-item-image", src: this.item.image, alt: this.item.name }), h("div", { key: '5f96c2b7b091b943044f1765d205dd4315227b56', class: "s-loyalty-prize-item-title" }, this.item.name), h("div", { key: 'd1124db21faf13b3275064b63f54f4119ff62f54', class: "s-loyalty-prize-item-subtitle" }, this.item.description), h("div", { key: 'fb6ca5f5d7994721c3ab36729a1cf07b494ac91a', class: "s-loyalty-prize-item-points" }, this.item.cost_points, " Points"))));
+        return (h(Host, { key: '6aad4c3c2052fc29cb04aafc307831ae92c9caf7' }, h("div", { key: 'aec0459249272685c12b451dce725857d514dcc9', onClick: this.onPrizeItemClick.bind(this) }, h("img", { key: '0bd6790bdb8f8e0c2f630801b370564d2b2f0ee4', class: "s-loyalty-prize-item-image", src: this.item.image, alt: this.item.name }), h("div", { key: '5f96c2b7b091b943044f1765d205dd4315227b56', class: "s-loyalty-prize-item-title" }, this.item.name), h("div", { key: 'd1124db21faf13b3275064b63f54f4119ff62f54', class: "s-loyalty-prize-item-subtitle" }, this.item.description), h("div", { key: 'fb6ca5f5d7994721c3ab36729a1cf07b494ac91a', class: "s-loyalty-prize-item-points" }, this.item.cost_points, " ", salla.lang.get('pages.loyalty_program.point')))));
     }
 };
 SallaLoyaltyPrizeItem.style = sallaLoyaltyPrizeItemCss;

package/dist/esm/salla-order-details-options.entry.js

@@ -57,7 +57,7 @@ const SallaOrderDetailsOptions = class {
         }
         // Handle file options
         if (option.is_file) {
-            return (h("a", { href: option.value, target: "_blank", class: "s-order-details-option-file-link" }, "Attachments"));
+            return (h("a", { href: option.value, target: "_blank", class: "s-order-details-option-file-link" }, salla.lang.get('common.elements.attachments')));
         }
         // Handle color picker options
         if (option.is_color_picker) {
@@ -65,7 +65,7 @@ const SallaOrderDetailsOptions = class {
         }
         // Handle map options
         if (option.is_map && option.latitude && option.longitude) {
-            return (h("salla-map", { id: `location_map_${option.id}`, class: `map_${option.id}`, zoom: 15, readonly: true, lat: option.latitude, lng: option.longitude }, h("div", { slot: "button" }, h("button", { type: "button", class: "s-order-details-option-map-button", onClick: () => this.openMap(option.id) }, "Show Location"))));
+            return (h("salla-map", { id: `location_map_${option.id}`, class: `map_${option.id}`, zoom: 15, readonly: true, lat: option.latitude, lng: option.longitude }, h("div", { slot: "button" }, h("button", { type: "button", class: "s-order-details-option-map-button", onClick: () => this.openMap(option.id) }, salla.lang.get('common.elements.show_location')))));
         }
         // Default text value
         return (h("span", { class: "s-order-details-option-default-text" }, option.display_value || option.value));

package/dist/twilight/p-99a11b63.entry.js

@@ -0,0 +1,4 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+import{r as s,h as t,H as o}from"./p-CRmtzwUF.js";const e=class{constructor(t){s(this,t),this.bordered=!0,this.placeholderImage="images/placeholder.png",this.optionsData=[]}componentWillLoad(){this.parseOptionsData()}componentWillUpdate(){this.parseOptionsData()}parseOptionsData(){if(this.options)if("string"==typeof this.options)try{this.optionsData=JSON.parse(this.options)}catch(s){this.optionsData=[]}else this.optionsData=Array.isArray(this.options)?this.options:[];else this.optionsData=[]}renderOptionValue(s){return s.is_image?t("div",{class:"s-order-details-option-image-container"},t("a",{href:s.value,target:"_blank"},t("img",{class:"s-order-details-option-image",src:s.value||this.placeholderImage,alt:s.name}))):s.color?t("span",{title:s.value,class:"s-order-details-option-color-swatch",style:{backgroundColor:s.color}}):s.is_file?t("a",{href:s.value,target:"_blank",class:"s-order-details-option-file-link"},salla.lang.get("common.elements.attachments")):s.is_color_picker?t("div",{class:"s-order-details-option-color-picker"},t("div",{class:"s-order-details-option-color-picker-content"},t("span",{class:"s-order-details-option-color-picker-text"},s.value),t("span",{class:"s-order-details-option-color-picker-swatch",style:{backgroundColor:s.value,width:"1rem"}})),t("salla-button",{onClick:t=>this.copyToClipboard(t,s.value),shape:"link",class:"s-order-details-option-color-picker-button"},t("span",{class:"s-order-details-option-color-copy-icon",innerHTML:'\x3c!-- Generated by IcoMoon.io --\x3e\n<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">\n<title>swap-fill</title>\n<path d="M28 10.667h-2.667c-0.736 0-1.333 0.596-1.333 1.333s0.597 1.333 1.333 1.333h2.667c0.735 0 1.333 0.597 1.333 1.333v13.333c0 0.736-0.599 1.333-1.333 1.333h-13.333c-0.735 0-1.333-0.597-1.333-1.333v-2.667c0-0.737-0.597-1.333-1.333-1.333s-1.333 0.596-1.333 1.333v2.667c0 2.205 1.795 4 4 4h13.333c2.205 0 4-1.795 4-4v-13.333c0-2.205-1.795-4-4-4zM21.333 17.333v-13.333c0-2.205-1.795-4-4-4h-13.333c-2.205 0-4 1.795-4 4v13.333c0 2.205 1.795 4 4 4h13.333c2.205 0 4-1.795 4-4zM2.667 17.333v-13.333c0-0.736 0.599-1.333 1.333-1.333h13.333c0.735 0 1.333 0.597 1.333 1.333v13.333c0 0.736-0.599 1.333-1.333 1.333h-13.333c-0.735 0-1.333-0.597-1.333-1.333z"></path>\n</svg>\n'}))):s.is_map&&s.latitude&&s.longitude?t("salla-map",{id:`location_map_${s.id}`,class:`map_${s.id}`,zoom:15,readonly:!0,lat:s.latitude,lng:s.longitude},t("div",{slot:"button"},t("button",{type:"button",class:"s-order-details-option-map-button",onClick:()=>this.openMap(s.id)},salla.lang.get("common.elements.show_location")))):t("span",{class:"s-order-details-option-default-text"},s.display_value||s.value)}copyToClipboard(s,t){s.preventDefault(),navigator.clipboard&&navigator.clipboard.writeText(t)}openMap(s){const t=document.querySelector(`salla-map.map_${s}`);t&&t.open&&t.open()}render(){if(!this.optionsData.length)return null;const s=this.bordered?"s-order-details-options-container":"s-order-details-options-container-borderless";return t(o,{class:"s-order-details-options-wrapper"},t("h2",{class:"s-order-details-options-title"},salla.lang.get("pages.cart.item_options")),t("div",{class:s},t("dl",{class:"s-order-details-options-list"},this.optionsData.map((s=>t("div",{key:s.id,class:"s-order-details-options-item"},t("dt",{class:"s-order-details-options-item-name"},s.name,":"),t("dd",{class:s.is_image?"s-order-details-options-item-value-image":"s-order-details-options-item-value-text"},this.renderOptionValue(s))))))))}};e.style="";export{e as salla_order_details_options}

package/dist/twilight/{p-9108e972.entry.js → p-ab86d9c3.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import{r as t,c as i,h as s,H as e}from"./p-CRmtzwUF.js";const a=class{constructor(s){t(this,s),this.prizeItemSelected=i(this,"prizeItemSelected")}onPrizeItemClick(){this.prizeItemSelected.emit(this.item)}render(){return s(e,{key:"6aad4c3c2052fc29cb04aafc307831ae92c9caf7"},s("div",{key:"aec0459249272685c12b451dce725857d514dcc9",onClick:this.onPrizeItemClick.bind(this)},s("img",{key:"0bd6790bdb8f8e0c2f630801b370564d2b2f0ee4",class:"s-loyalty-prize-item-image",src:this.item.image,alt:this.item.name}),s("div",{key:"5f96c2b7b091b943044f1765d205dd4315227b56",class:"s-loyalty-prize-item-title"},this.item.name),s("div",{key:"d1124db21faf13b3275064b63f54f4119ff62f54",class:"s-loyalty-prize-item-subtitle"},this.item.description),s("div",{key:"fb6ca5f5d7994721c3ab36729a1cf07b494ac91a",class:"s-loyalty-prize-item-points"},this.item.cost_points," Points")))}};a.style="salla-loyalty-prize-item:hover{box-shadow:0 5px 15px 1px rgba(0, 0, 0, 0.04) !important}";export{a as salla_loyalty_prize_item}
+import{r as t,c as a,h as s,H as e}from"./p-CRmtzwUF.js";const i=class{constructor(s){t(this,s),this.prizeItemSelected=a(this,"prizeItemSelected")}onPrizeItemClick(){this.prizeItemSelected.emit(this.item)}render(){return s(e,{key:"6aad4c3c2052fc29cb04aafc307831ae92c9caf7"},s("div",{key:"aec0459249272685c12b451dce725857d514dcc9",onClick:this.onPrizeItemClick.bind(this)},s("img",{key:"0bd6790bdb8f8e0c2f630801b370564d2b2f0ee4",class:"s-loyalty-prize-item-image",src:this.item.image,alt:this.item.name}),s("div",{key:"5f96c2b7b091b943044f1765d205dd4315227b56",class:"s-loyalty-prize-item-title"},this.item.name),s("div",{key:"d1124db21faf13b3275064b63f54f4119ff62f54",class:"s-loyalty-prize-item-subtitle"},this.item.description),s("div",{key:"fb6ca5f5d7994721c3ab36729a1cf07b494ac91a",class:"s-loyalty-prize-item-points"},this.item.cost_points," ",salla.lang.get("pages.loyalty_program.point"))))}};i.style="salla-loyalty-prize-item:hover{box-shadow:0 5px 15px 1px rgba(0, 0, 0, 0.04) !important}";export{i as salla_loyalty_prize_item}