@salla.sa/twilight-components 2.11.48 → 2.11.50
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index-1d2b3370.js +4 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/salla-add-product-button.cjs.entry.js +4 -13
- package/dist/cjs/salla-button_36.cjs.entry.js +94 -27
- package/dist/cjs/salla-comment-form.cjs.entry.js +43 -0
- package/dist/cjs/salla-installment.cjs.entry.js +1 -1
- package/dist/cjs/salla-product-options.cjs.entry.js +64 -16
- package/dist/cjs/twilight.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/salla-add-product-button/salla-add-product-button.js +4 -13
- package/dist/collection/components/salla-cart-summary/salla-cart-summary.js +26 -3
- package/dist/collection/components/salla-count-down/salla-count-down.css +0 -0
- package/dist/collection/components/salla-count-down/salla-count-down.js +253 -0
- package/dist/collection/components/salla-datetime-picker/salla-datetime-picker.js +1 -1
- package/dist/collection/components/salla-gifting/salla-gifting.js +8 -1
- package/dist/collection/components/salla-installment/salla-installment.css +4 -0
- package/dist/collection/components/salla-login-modal/salla-login-modal.js +4 -3
- package/dist/collection/components/salla-modal/salla-modal.js +10 -0
- package/dist/collection/components/salla-product-options/salla-product-options.js +86 -20
- package/dist/collection/components/salla-scopes/salla-scopes.js +1 -1
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.js +1 -0
- package/dist/components/salla-add-product-button.js +4 -13
- package/dist/components/salla-cart-summary.js +4 -1
- package/dist/components/salla-count-down.d.ts +11 -0
- package/dist/components/salla-count-down.js +122 -0
- package/dist/components/salla-gifting.js +8 -1
- package/dist/components/salla-installment.js +1 -1
- package/dist/components/salla-login-modal.js +4 -3
- package/dist/components/salla-modal2.js +10 -0
- package/dist/components/salla-product-options.js +67 -16
- package/dist/components/salla-scopes.js +1 -1
- package/dist/esm/index-f1d446ac.js +4 -0
- package/dist/esm/loader.js +1 -1
- package/dist/esm/salla-add-product-button.entry.js +4 -13
- package/dist/esm/salla-button_36.entry.js +94 -27
- package/dist/esm/salla-comment-form.entry.js +39 -0
- package/dist/esm/salla-installment.entry.js +1 -1
- package/dist/esm/salla-product-options.entry.js +64 -16
- package/dist/esm/twilight.js +1 -1
- package/dist/esm-es5/index-f1d446ac.js +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/salla-add-product-button.entry.js +2 -2
- package/dist/esm-es5/salla-button_36.entry.js +3 -3
- package/dist/esm-es5/salla-comment-form.entry.js +4 -0
- package/dist/esm-es5/salla-installment.entry.js +1 -1
- package/dist/esm-es5/salla-product-options.entry.js +2 -2
- package/dist/esm-es5/twilight.js +1 -1
- package/dist/twilight/{p-a6821ab8.system.entry.js → p-295d0d13.entry.js} +1 -1
- package/dist/twilight/p-4192bf33.system.entry.js +4 -0
- package/dist/twilight/p-7d966812.entry.js +4 -0
- package/dist/twilight/p-9fda3312.system.js +1 -1
- package/dist/twilight/p-b540cfc6.system.entry.js +4 -0
- package/dist/twilight/p-c537eb89.system.entry.js +53 -0
- package/dist/twilight/p-cdb6aa9e.entry.js +4 -0
- package/dist/twilight/p-d9579b04.system.entry.js +4 -0
- package/dist/twilight/p-e0a12040.entry.js +4 -0
- package/dist/twilight/p-fb2533e0.entry.js +36 -0
- package/dist/twilight/p-fb863c38.system.entry.js +4 -0
- package/dist/twilight/twilight.esm.js +1 -1
- package/dist/types/components/salla-add-product-button/salla-add-product-button.d.ts +0 -1
- package/dist/types/components/salla-cart-summary/salla-cart-summary.d.ts +5 -0
- package/dist/types/components/salla-count-down/salla-count-down.d.ts +53 -0
- package/dist/types/components/salla-gifting/salla-gifting.d.ts +1 -0
- package/dist/types/components/salla-modal/salla-modal.d.ts +1 -0
- package/dist/types/components/salla-product-options/interfaces.d.ts +4 -0
- package/dist/types/components/salla-product-options/salla-product-options.d.ts +14 -1
- package/dist/types/components.d.ts +85 -0
- package/package.json +3 -3
- package/dist/twilight/p-14fd987d.system.entry.js +0 -53
- package/dist/twilight/p-3c98b71d.entry.js +0 -4
- package/dist/twilight/p-7e9e675f.entry.js +0 -4
- package/dist/twilight/p-85c55961.system.entry.js +0 -4
- package/dist/twilight/p-984370cd.entry.js +0 -4
- package/dist/twilight/p-d2c63efe.entry.js +0 -36
- package/dist/twilight/p-e22d9712.system.entry.js +0 -4
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Crafted with ❤ by Salla
|
|
3
|
+
*/
|
|
4
|
+
import{r as t,c as i,h as s,H as a,g as o}from"./p-7dc66c07.js";const l=class{constructor(s){t(this,s),this.success=i(this,"success",7),this.failed=i(this,"failed",7),this.hostAttributes={},this.productStatus="sale",this.productType="product",this.selectedOptions=[]}getLabel(){return"sale"===this.productStatus?salla.lang.get("pages.cart.add_to_cart"):"donating"!==this.productType?salla.lang.get("pages.products.out_of_stock"):salla.lang.get("pages.products.donation_exceed")}addProductToCart(t){if("booking"===this.productType)return t.preventDefault(),this.addBookingProduct();if("submit"===this.hostAttributes.type)return!1;t.preventDefault();const i=Object.entries({id:this.productId,donating_amount:this.donatingAmount,quantity:this.quantity,endpoint:"quickAdd"}).reduce(((t,[i,s])=>s?(t[i]=s,t):t),{});return salla.cart.addItem(i).then((t=>{this.selectedOptions=[],this.success.emit(t)})).catch((t=>this.failed.emit(t)))}addBookingProduct(){return salla.config.isGuest()?(salla.auth.api.setAfterLoginEvent("booking::add",this.productId),void salla.event.dispatch("login::open")):salla.booking.add(this.productId).then((t=>this.success.emit(t))).catch((t=>this.failed.emit(t)))}getBtnAttributes(){for(let t=0;t<this.host.attributes.length;t++)["id","class"].includes(this.host.attributes[t].name)||(this.hostAttributes[this.host.attributes[t].name]=this.host.attributes[t].value);return this.hostAttributes}componentWillLoad(){this.hasLabel=!!this.host.innerHTML.replace("\x3c!----\x3e","").trim()}render(){var t;return(null===(t=this.host.closest(".swiper-slide"))||void 0===t?void 0:t.classList.contains("swiper-slide-duplicate"))?"":s(a,null,this.hasSubscribedOptions?s("salla-product-availability",Object.assign({},this.getBtnAttributes(),{"is-subscribed":!0})):"out-and-notify"===this.productStatus&&this.channels||this.hasOutOfStockOption?s("salla-product-availability",Object.assign({},this.getBtnAttributes())):s("salla-button",Object.assign({color:"sale"===this.productStatus?"primary":"light",type:"button",fill:"sale"===this.productStatus?"solid":"outline",ref:t=>this.btn=t,onClick:t=>this.addProductToCart(t),disabled:"sale"!==this.productStatus},this.getBtnAttributes(),{"loader-position":"center"}),s("slot",null)))}componentDidLoad(){this.notifyOptionsAvailability&&salla.event.on("product-options::change",(async t=>{var i;["thumbnail","color","single-option"].includes(t.option.type)&&(this.hasOutOfStockOption=await(null===(i=document.querySelector(`salla-product-options[product-id="${this.productId}"]`))||void 0===i?void 0:i.hasOutOfStockOption()),this.hasLabel=!1,this.subscribedOptions&&"null"!==this.subscribedOptions&&(this.hasSubscribedOptions=JSON.parse(this.subscribedOptions).filter((t=>t.every((t=>this.selectedOptions.some((i=>i.id===t)))))).length>0))}))}componentDidRender(){var t;this.hasLabel||(null===(t=this.btn)||void 0===t||t.setText(this.getLabel()),salla.lang.onLoaded((()=>{var t;return null===(t=this.btn)||void 0===t?void 0:t.setText(this.getLabel())})))}get host(){return o(this)}};l.style=":host{display:block}salla-add-product-button[width=wide]{width:100%}";export{l as salla_add_product_button}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(t,e,n,i){function r(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,s){function o(t){try{u(i.next(t))}catch(t){s(t)}}function a(t){try{u(i["throw"](t))}catch(t){s(t)}}function u(t){t.done?n(t.value):r(t.value).then(o,a)}u((i=i.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},i,r,s,o;return o={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function a(t){return function(e){return u([t,e])}}function u(o){if(i)throw new TypeError("Generator is already executing.");while(n)try{if(i=1,r&&(s=o[0]&2?r["return"]:o[0]?r["throw"]||((s=r["return"])&&s.call(r),0):r.next)&&!(s=s.call(r,o[1])).done)return s;if(r=0,s)o=[o[0]&2,s.value];switch(o[0]){case 0:case 1:s=o;break;case 4:n.label++;return{value:o[1],done:false};case 5:n.label++;r=o[1];o=[0];continue;case 7:o=n.ops.pop();n.trys.pop();continue;default:if(!(s=n.trys,s=s.length>0&&s[s.length-1])&&(o[0]===6||o[0]===2)){n=0;continue}if(o[0]===3&&(!s||o[1]>s[0]&&o[1]<s[3])){n.label=o[1];break}if(o[0]===6&&n.label<s[1]){n.label=s[1];s=o;break}if(s&&n.label<s[2]){n.label=s[2];n.ops.push(o);break}if(s[2])n.ops.pop();n.trys.pop();continue}o=e.call(t,n)}catch(t){o=[6,t];r=0}finally{i=s=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};
|
|
2
|
+
/*!
|
|
3
|
+
* Crafted with ❤ by Salla
|
|
4
|
+
*/System.register(["./p-d9130020.system.js"],(function(t){"use strict";var e,n,i,r,s;return{setters:[function(t){e=t.r;n=t.c;i=t.h;r=t.H;s=t.g}],execute:function(){var o=":host{display:block}salla-add-product-button[width=wide]{width:100%}";var a=t("salla_add_product_button",function(){function t(t){e(this,t);this.success=n(this,"success",7);this.failed=n(this,"failed",7);this.hostAttributes={};this.productStatus="sale";this.productType="product";this.selectedOptions=[]}t.prototype.getLabel=function(){if(this.productStatus==="sale"){return salla.lang.get("pages.cart.add_to_cart")}if(this.productType!=="donating"){return salla.lang.get("pages.products.out_of_stock")}return salla.lang.get("pages.products.donation_exceed")};t.prototype.addProductToCart=function(t){var e=this;if(this.productType==="booking"){t.preventDefault();return this.addBookingProduct()}if(this.hostAttributes.type==="submit"){return false}t.preventDefault();var n=Object.entries({id:this.productId,donating_amount:this.donatingAmount,quantity:this.quantity,endpoint:"quickAdd"}).reduce((function(t,e){var n=e[0],i=e[1];return i?(t[n]=i,t):t}),{});return salla.cart.addItem(n).then((function(t){e.selectedOptions=[];e.success.emit(t)})).catch((function(t){return e.failed.emit(t)}))};t.prototype.addBookingProduct=function(){var t=this;if(salla.config.isGuest()){salla.auth.api.setAfterLoginEvent("booking::add",this.productId);salla.event.dispatch("login::open");return}return salla.booking.add(this.productId).then((function(e){return t.success.emit(e)})).catch((function(e){return t.failed.emit(e)}))};t.prototype.getBtnAttributes=function(){for(var t=0;t<this.host.attributes.length;t++){if(!["id","class"].includes(this.host.attributes[t].name)){this.hostAttributes[this.host.attributes[t].name]=this.host.attributes[t].value}}return this.hostAttributes};t.prototype.componentWillLoad=function(){this.hasLabel=!!this.host.innerHTML.replace("\x3c!----\x3e","").trim()};t.prototype.render=function(){var t=this;var e;if((e=this.host.closest(".swiper-slide"))===null||e===void 0?void 0:e.classList.contains("swiper-slide-duplicate")){return""}if(this.hasSubscribedOptions){return i(r,null,i("salla-product-availability",Object.assign({},this.getBtnAttributes(),{"is-subscribed":true})))}if(this.productStatus==="out-and-notify"&&this.channels||this.hasOutOfStockOption){return i(r,null,i("salla-product-availability",Object.assign({},this.getBtnAttributes())))}return i(r,null,i("salla-button",Object.assign({color:this.productStatus==="sale"?"primary":"light",type:"button",fill:this.productStatus==="sale"?"solid":"outline",ref:function(e){return t.btn=e},onClick:function(e){return t.addProductToCart(e)},disabled:this.productStatus!=="sale"},this.getBtnAttributes(),{"loader-position":"center"}),i("slot",null)))};t.prototype.componentDidLoad=function(){var t=this;if(!this.notifyOptionsAvailability){return}salla.event.on("product-options::change",(function(e){return __awaiter(t,void 0,void 0,(function(){var t,n;var i=this;return __generator(this,(function(r){switch(r.label){case 0:if(!["thumbnail","color","single-option"].includes(e.option.type)){return[2]}n=this;return[4,(t=document.querySelector('salla-product-options[product-id="'.concat(this.productId,'"]')))===null||t===void 0?void 0:t.hasOutOfStockOption()];case 1:n.hasOutOfStockOption=r.sent();this.hasLabel=false;if(!this.subscribedOptions||this.subscribedOptions==="null"){return[2]}this.hasSubscribedOptions=JSON.parse(this.subscribedOptions).filter((function(t){return t.every((function(t){return i.selectedOptions.some((function(e){return e.id===t}))}))})).length>0;return[2]}}))}))}))};t.prototype.componentDidRender=function(){var t=this;var e;if(this.hasLabel){return}(e=this.btn)===null||e===void 0?void 0:e.setText(this.getLabel());salla.lang.onLoaded((function(){var e;return(e=t.btn)===null||e===void 0?void 0:e.setText(t.getLabel())}))};Object.defineProperty(t.prototype,"host",{get:function(){return s(this)},enumerable:false,configurable:true});return t}());a.style=o}}}));
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Crafted with ❤ by Salla
|
|
3
|
+
*/
|
|
4
|
+
import{r as t,c as i,h as o,H as e,g as s}from"./p-7dc66c07.js";import{C as n}from"./p-ccd78636.js";var a,l;!function(t){t.COLOR="color",t.DATE="date",t.DATETIME="datetime",t.DONATION="donation",t.IMAGE="image",t.MULTIPLE_OPTIONS="multiple-options",t.NUMBER="number",t.SINGLE_OPTION="single-option",t.SPLITTER="splitter",t.TEXT="text",t.TEXTAREA="textarea",t.THUMBNAIL="thumbnail",t.TIME="time",t.RADIO="radio",t.CHECKBOX="checkbox",t.MAP="map",t.FILE="file",t.COLOR_PICKER="color_picker"}(a||(a={})),function(t){t.Sar="SAR"}(l||(l={}));const r=class{constructor(o){if(t(this,o),this.changed=i(this,"changed",7),this.fileTypes={pdf:"application/pdf",png:"image/png",jpg:"image/jpeg",word:"application/doc,application/ms-doc,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document",exl:"application/excel,application/vnd.ms-excel,application/x-excel,application/x-msexcel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",txt:"text/plain"},this.outOfStockText="",this.donationAmount=salla.lang.get("pages.products.donation_amount"),this.selectedOptions=[],this.outSkus=[],this.productId=salla.config.get("page.id"),this.canDisabled=salla.config.get("store.settings.products.notify_options_availability"),salla.lang.onLoaded((()=>{this.outOfStockText=salla.lang.get("pages.products.out_of_stock"),this.donationAmount=salla.lang.get("pages.products.donation_amount")})),this.options)try{return void this.setOptionsData(JSON.parse(this.options))}catch(t){salla.log("Bad json passed via options prop")}Array.isArray(this.optionsData)||(salla.log("Options is not an array[] ---\x3e ",this.optionsData),this.setOptionsData([])),this.productId&&!salla.url.is_page("cart")&&salla.api.product.getDetails(this.productId,["options"]).then((t=>this.setOptionsData(t.data.options)))}setOptionsData(t){var i,o;this.optionsData=t;let e=this;null===(o=null===(i=this.optionsData[0])||void 0===i?void 0:i.details)||void 0===o||o.forEach((function(t){Object.entries(t.skus_availability||{}).filter((t=>!t[1])).map((t=>e.outSkus.push(Number(t[0]))))}))}async getSelectedOptionsData(){let t={};return this.host.getElementSallaData().forEach((function(i,o){o.startsWith("options[")&&(t[o.replace("options[","").replace("]","")]=i)})),t}async hasOutOfStockOption(){return this.selectedOptions.some((t=>t.is_out))||this.selectedSkus.length&&this.selectedSkus.every((t=>this.outSkus.includes(t)))}async getSelectedOptions(){return this.selectedOptions}async getOption(t){return this.optionsData.find((i=>i.id===t))}changedHandler(t,i){let o={event:t,option:i,detail:null};if(i.details){let e=i.details.find((i=>Number(i.id)===Number(t.target.value)));o.detail=e}const e=this.selectedOptions.findIndex((t=>t.option_id===o.option.id));e>-1?this.selectedOptions[e]=Object.assign(Object.assign({},o.detail),{option_id:o.option.id}):this.selectedOptions.push(Object.assign(Object.assign({},o.detail),{option_id:o.option.id})),this.setSelectedSkus(),this.handleRequiredMultipleOptions(i),this.changed.emit(o),salla.event.emit("product-options::change",o)}setSelectedSkus(){this.selectedSkus=this.selectedOptions.map((t=>Object.keys(t.skus_availability||{}))).reduce(((t,i)=>t.filter((t=>i.includes(t))))).map((t=>Number(t)))}handleRequiredMultipleOptions(t){if(t.type!==a.MULTIPLE_OPTIONS||!t.required)return;const i=this.host.querySelector(`[data-option-id="${t.id}"]`),o=i.querySelectorAll("input:checked").length;i.querySelectorAll("input").forEach((t=>t.toggleAttribute("required",!o)))}getLatLng(t,i){return t?t.split(",")["lat"==i?0:1]:""}getDisplayForType(t){return this[`${t.type}Option`]?this[`${t.type}Option`](t):t.type===a.COLOR_PICKER?this.colorPickerOption(t):t.type===a.MULTIPLE_OPTIONS?this.multipleOptions(t):t.type===a.SINGLE_OPTION?this.singleOption(t):(salla.log(`Couldn't find options type(${t.type})😢`),"")}getOptionShownWhen(t){return t.visibility_condition?{"data-show-when":`options[${t.visibility_condition.option}] ${t.visibility_condition.operator} ${t.visibility_condition.value}`}:{}}componentWillLoad(){return salla.api.cart.getCurrentCartId()}render(){var t;if(0!=(null===(t=this.optionsData)||void 0===t?void 0:t.length))return o(e,{class:"s-product-options-wrapper"},o("salla-conditional-fields",null,this.optionsData.map((t=>o("div",Object.assign({class:"s-product-options-option-container"+(t.visibility_condition?" hidden":""),"data-option-id":t.id},this.getOptionShownWhen(t)),"splitter"==t.name?this.splitterOption():o("div",{class:"s-product-options-option"},o("label",{htmlFor:"options["+t.id+"]",class:"s-product-options-option-label"},o("b",null,t.name,t.required&&o("span",null," * ")," "),o("small",null,t.placeholder)),o("div",{class:"s-product-options-option-content"},this.getDisplayForType(t))))))))}donationOption(t,i){return o("div",{class:"s-product-options-donation-wrapper"},t.donation?o("div",{class:"s-product-options-donation-progress"},o("salla-progress-bar",{donation:t.donation})):"",o("div",{class:"s-product-options-donation-input-group"},o("input",{type:"text",id:"donating-amount",name:"donating_amount",class:"s-form-control",value:t.value,required:!0,placeholder:t.placeholder,onInput:t=>salla.helpers.inputDigitsOnly(t.target),onBlur:i=>this.changedHandler(i,t)}),o("span",{class:"s-product-options-donation-amount-currency"},salla.config.currency(salla.config.get("user.currency_code")).symbol)))}fileUploader(t,i=null){return o("salla-file-upload",Object.assign({},i||{},{"payload-name":"file",value:t.value,"instant-upload":!0,name:`options[${t.id}]`,required:t.required,height:"120px",url:salla.cart.api.getUploadImageEndpoint(),"form-data":{cart_item_id:this.productId,product_id:this.productId},class:{"s-product-options-image-input":!0,required:t.required}}),o("div",{class:"s-product-options-filepond-placeholder"},o("span",{class:"s-product-options-filepond-placeholder-icon",innerHTML:i.accept&&i.accept.split(",").every((t=>t.includes("image")))?n:'\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>file-upload</title>\n<path d="M21.333 24c0.341 0 0.683-0.131 0.943-0.391 0.521-0.521 0.521-1.364 0-1.885l-5.333-5.333c-0.123-0.123-0.271-0.22-0.433-0.288-0.327-0.135-0.693-0.135-1.019 0-0.163 0.068-0.311 0.165-0.433 0.288l-5.333 5.333c-0.521 0.521-0.521 1.364 0 1.885s1.364 0.521 1.885 0l3.057-3.057v10.115c0 0.736 0.597 1.333 1.333 1.333s1.333-0.597 1.333-1.333v-10.115l3.057 3.057c0.26 0.26 0.601 0.391 0.943 0.391zM28.943 9.724l-9.333-9.333c-0.249-0.251-0.589-0.391-0.943-0.391h-12c-2.205 0-4 1.795-4 4v24c0 2.205 1.795 4 4 4h4c0.736 0 1.333-0.597 1.333-1.333s-0.597-1.333-1.333-1.333h-4c-0.735 0-1.333-0.599-1.333-1.333v-24c0-0.735 0.599-1.333 1.333-1.333h11.448l8.552 8.552v16.781c0 0.735-0.599 1.333-1.333 1.333h-4c-0.736 0-1.333 0.597-1.333 1.333s0.597 1.333 1.333 1.333h4c2.205 0 4-1.795 4-4v-17.333c0-0.353-0.14-0.693-0.391-0.943z"></path>\n</svg>\n'}),o("p",{class:"s-product-options-filepond-placeholder-text"},salla.lang.get("common.uploader.drag_and_drop")),o("span",{class:"filepond--label-action"},salla.lang.get("common.uploader.browse"))))}imageOption(t){return this.fileUploader(t,{accept:"image/png,image/jpeg,image/jpg,image/gif"})}fileOption(t){let i=t.details.map((t=>this.fileTypes[t.name])).filter(Boolean);return(null==i?void 0:i.length)?this.fileUploader(t,{accept:i.join(",")}):"File types not selected."}numberOption(t){return o("input",{type:"text",value:t.value,class:"s-form-control",required:t.required,name:`options[${t.id}]`,placeholder:t.placeholder,onBlur:i=>this.changedHandler(i,t),onInput:t=>salla.helpers.inputDigitsOnly(t.target)})}splitterOption(){return o("div",{class:"s-product-options-splitter"})}textOption(t){return o("div",{class:"s-product-options-text"},o("input",{type:"text",value:t.value,class:"s-form-control",required:t.required,name:`options[${t.id}]`,placeholder:t.placeholder,onInput:i=>this.changedHandler(i,t)}))}textareaOption(t){return o("div",{class:"s-product-options-textarea"},o("div",{class:"mt-1"},o("textarea",{rows:4,value:t.value,class:"s-form-control",required:t.required,id:`options[${t.id}]`,name:`options[${t.id}]`,placeholder:t.placeholder,onInput:i=>this.changedHandler(i,t)})))}mapOption(t){return o("salla-map",{zoom:15,lat:this.getLatLng(t.value,"lat"),lng:this.getLatLng(t.value,"lng"),name:`options[${t.id}]`,searchable:!0,required:t.required,onSelected:i=>this.changedHandler(i,t)})}colorPickerOption(t){return o("salla-color-picker",{onSubmitted:i=>this.changedHandler(i,t),name:`options[${t.id}]`,required:t.required,color:t.value||"#5dd5c4"})}timeOption(t){return o("salla-datetime-picker",{noCalendar:!0,enableTime:!0,dateFormat:"h:i K",value:t.value,placeholder:t.name,required:t.required,name:`options[${t.id}]`,class:"s-product-options-time-element",onPicked:i=>this.changedHandler(i,t)})}dateOption(t){return o("div",{class:"s-product-options-date-element"},o("salla-datetime-picker",{value:t.value,placeholder:t.name,required:t.required,minDate:new Date,name:`options[${t.id}]`,onPicked:i=>this.changedHandler(i,t)}))}datetimeOption(t){return o("div",{class:"s-product-options-datetime-element"},o("salla-datetime-picker",{enableTime:!0,value:t.value,dateFormat:"Y-m-d G:i:K",placeholder:t.name,required:t.required,name:`options[${t.id}]`,maxDate:t.to_date_time,minDate:t.from_date_time,onPicked:i=>this.changedHandler(i,t)}))}getOptionDetailName(t,i=!0,o){return o&&o==a.COLOR?t.name+(i&&this.isOptionDetailOut(t)?` <br/> <p> ${this.outOfStockText} </p>`:"")+(t.additional_price?` <p> (${salla.money(t.additional_price)}) </p>`:""):t.name+(i&&this.isOptionDetailOut(t)?` - ${this.outOfStockText}`:"")+(t.additional_price?` (${salla.money(t.additional_price)})`:"")}isOptionDetailOut(t){var i;if(t.is_out||!t.skus_availability||!(null===(i=this.selectedSkus)||void 0===i?void 0:i.length))return t.is_out;let o=this.selectedOptions.filter((i=>i.id==t.id)).length;if(o&&1==this.selectedOptions.length)return!1;if(o){let i=this.selectedSkus.filter((t=>this.outSkus.includes(t)));return Object.keys(t.skus_availability).some((t=>i.includes(Number(t))))}return this.selectedOptions.some((i=>i.is_out&&i.option_id!==t.option_id))}singleOption(t){return o("div",null,o("select",{name:`options[${t.id}]`,required:t.required,class:"s-form-control",onChange:i=>this.changedHandler(i,t)},o("option",{value:""},t.placeholder),null==t?void 0:t.details.map((t=>o("option",{value:t.id,disabled:this.canDisabled&&this.isOptionDetailOut(t),selected:t.is_selected},this.getOptionDetailName(t))))))}multipleOptions(t){return o("div",{class:{"s-product-options-multiple-options-wrapper":!0,required:t.required}},null==t?void 0:t.details.map((i=>o("div",null,o("input",{type:"checkbox",value:i.id,disabled:this.isOptionDetailOut(i),checked:i.is_selected,required:t.required,name:`options[${t.id}][]`,id:`field-${t.id}-${i.id}`,onChange:i=>this.changedHandler(i,t),"aria-describedby":`options[${t.id}]-description`}),o("label",{htmlFor:`field-${t.id}-${i.id}`},this.getOptionDetailName(i))))))}colorOption(t){return o("fieldset",{class:"s-product-options-colors-wrapper"},null==t?void 0:t.details.map((i=>o("div",{class:"s-product-options-colors-item"},o("input",{type:"radio",value:i.id,required:t.required,checked:i.is_selected,name:`options[${t.id}]`,disabled:this.canDisabled&&this.isOptionDetailOut(i),id:`color-${this.productId}-${t.id}-${i.id}`,onChange:i=>this.changedHandler(i,t)}),o("label",{htmlFor:`color-${this.productId}-${t.id}-${i.id}`},o("span",{style:{"background-color":i.color}}),o("div",{innerHTML:this.getOptionDetailName(i,!0,t.type)}))))))}thumbnailOption(t){return o("div",{class:"s-product-options-thumbnails-wrapper"},t.details.map((i=>o("div",null,o("input",{type:"radio",value:i.id,"data-itemid":i.id,required:t.required,checked:i.is_selected,name:`options[${t.id}]`,"data-img-id":i.option_value,disabled:this.canDisabled&&this.isOptionDetailOut(i),id:`option_${this.productId}-${t.id}_${i.id}`,onChange:i=>this.changedHandler(i,t)}),o("label",{htmlFor:`option_${this.productId}-${t.id}_${i.id}`,"data-img-id":i.option_value,class:"go-to-slide"},o("img",{"data-src":i.image,src:i.image,title:i.name,alt:i.name}),o("span",{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>check</title>\n<path d="M27.521 6.976c-0.569-0.472-1.407-0.393-1.879 0.171l-12.567 15.080-7.003-4.668c-0.615-0.411-1.441-0.244-1.849 0.369-0.409 0.612-0.244 1.441 0.369 1.849l8 5.333c0.227 0.149 0.484 0.223 0.739 0.223 0.384 0 0.763-0.165 1.027-0.48l13.333-16c0.471-0.565 0.393-1.407-0.171-1.877z"></path>\n</svg>\n',class:"s-product-options-thumbnails-icon"}),this.isOptionDetailOut(i)?[o("small",{class:"s-product-options-thumbnails-stock-badge"},this.outOfStockText),this.canDisabled?o("div",{class:"s-product-options-thumbnails-badge-overlay"}):""]:""),o("p",null,this.getOptionDetailName(i,!1)," ")))))}get host(){return s(this)}};r.style="";export{r as salla_product_options}
|