@salla.sa/twilight-components 2.11.25 → 2.11.27

package/dist/twilight/p-56830c52.system.entry.js

@@ -0,0 +1,4 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+System.register(["./p-d9130020.system.js"],(function(e){"use strict";var t,n,o,a;return{setters:[function(e){t=e.r;n=e.h;o=e.H;a=e.g}],execute:function(){var i=e("salla_conditional_fields",function(){function e(e){t(this,e)}e.prototype.hideAllOptions=function(e){var t=this;this.host.querySelectorAll('[data-show-when^="options['.concat(e,'"]')).forEach((function(e){e.classList.add("hidden");t.hideAllOptions(e.dataset.optionId);t.disableInputs(e)}))};e.prototype.disableInputs=function(e){e.querySelectorAll("[name]").forEach((function(e){var t;e.setAttribute("disabled","");e.removeAttribute("required");if(((t=e===null||e===void 0?void 0:e.tagName)===null||t===void 0?void 0:t.toLowerCase())==="select"){e.value=""}if(["checkbox"].includes(e.getAttribute("type"))&&e.hasOwnProperty("checked")){e.checked=false}}))};e.prototype.changeHandler=function(e){var t=this;var n;salla.event.emit("salla-onditional-fields::change",e);salla.log("Received the change event: ",e);if(!e.target||!["SELECT"].includes(e.target.tagName)&&!["checkbox"].includes(e.target.getAttribute("type"))){salla.log("Ignore the change because is not support input: "+(((n=e===null||e===void 0?void 0:e.target)===null||n===void 0?void 0:n.tagName)||"N/A"));return}var o=e.target.name.replace("[]","");var a=e.target.getAttribute("type")==="checkbox";salla.log("Trying to find all the element with condition:",'[data-show-when^="'.concat(o,'"]'));this.host.querySelectorAll('[data-show-when^="'.concat(o,'"]')).forEach((function(n){var o=!(n===null||n===void 0?void 0:n.dataset.showWhen.includes("!="));var i=n===null||n===void 0?void 0:n.dataset.showWhen.replace(/(.*)(=|!=)(.*)/gm,"$3").trim();var r;if(a){var l=Array.from(t.host.querySelectorAll('input[name="'.concat(e.target.name,'"]:checked')),(function(e){return e===null||e===void 0?void 0:e.value}));r=l.includes(i.toString())}else{r=i===e.target.value}salla.log("The input is ",a?"Multiple":"Single"," value:",r);var s=o&&r||!o&&!r;if(s){n.classList.remove("hidden");n.querySelectorAll("[name]").forEach((function(e){e.removeAttribute("disabled");if(!["checkbox"].includes(e.getAttribute("type"))&&n.getElementsByClassName("required").length){e.setAttribute("required","")}}))}else{t.hideAllOptions(n.dataset.optionId);n.classList.add("hidden");t.disableInputs(n)}}))};e.prototype.componentDidRender=function(){var e=this;this.host.querySelectorAll("[data-show-when]").forEach((function(t){var n;var o=(n=t===null||t===void 0?void 0:t.dataset)===null||n===void 0?void 0:n.showWhen.replace(/(.*)(=|!=)(.*)/gm,"$1").trim();if(!o){return}e.changeHandler({target:e.host.querySelector('[name^="'+o+'"]')})}))};e.prototype.render=function(){return n(o,null,n("slot",null))};Object.defineProperty(e.prototype,"host",{get:function(){return a(this)},enumerable:false,configurable:true});return e}())}}}));

package/dist/twilight/p-643ea74e.entry.js

@@ -0,0 +1,4 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+import{r as e,h as i,H as l,g as t}from"./p-7dc66c07.js";const n=class{constructor(i){e(this,i)}hideAllOptions(e){this.host.querySelectorAll(`[data-show-when^="options[${e}"]`).forEach((e=>{e.classList.add("hidden"),this.hideAllOptions(e.dataset.optionId),this.disableInputs(e)}))}disableInputs(e){e.querySelectorAll("[name]").forEach((e=>{var i;e.setAttribute("disabled",""),e.removeAttribute("required"),"select"===(null===(i=null==e?void 0:e.tagName)||void 0===i?void 0:i.toLowerCase())&&(e.value=""),["checkbox"].includes(e.getAttribute("type"))&&e.hasOwnProperty("checked")&&(e.checked=!1)}))}changeHandler(e){var i;if(salla.event.emit("salla-onditional-fields::change",e),salla.log("Received the change event: ",e),!e.target||!["SELECT"].includes(e.target.tagName)&&!["checkbox"].includes(e.target.getAttribute("type")))return void salla.log("Ignore the change because is not support input: "+((null===(i=null==e?void 0:e.target)||void 0===i?void 0:i.tagName)||"N/A"));let l=e.target.name.replace("[]",""),t="checkbox"===e.target.getAttribute("type");salla.log("Trying to find all the element with condition:",`[data-show-when^="${l}"]`),this.host.querySelectorAll(`[data-show-when^="${l}"]`).forEach((i=>{let l,n=!(null==i?void 0:i.dataset.showWhen.includes("!=")),a=null==i?void 0:i.dataset.showWhen.replace(/(.*)(=|!=)(.*)/gm,"$3").trim();l=t?Array.from(this.host.querySelectorAll(`input[name="${e.target.name}"]:checked`),(e=>null==e?void 0:e.value)).includes(a.toString()):a===e.target.value,salla.log("The input is ",t?"Multiple":"Single"," value:",l),n&&l||!n&&!l?(i.classList.remove("hidden"),i.querySelectorAll("[name]").forEach((e=>{e.removeAttribute("disabled"),!["checkbox"].includes(e.getAttribute("type"))&&i.getElementsByClassName("required").length&&e.setAttribute("required","")}))):(this.hideAllOptions(i.dataset.optionId),i.classList.add("hidden"),this.disableInputs(i))}))}componentDidRender(){this.host.querySelectorAll("[data-show-when]").forEach((e=>{var i;let l=null===(i=null==e?void 0:e.dataset)||void 0===i?void 0:i.showWhen.replace(/(.*)(=|!=)(.*)/gm,"$1").trim();l&&this.changeHandler({target:this.host.querySelector('[name^="'+l+'"]')})}))}render(){return i(l,null,i("slot",null))}get host(){return t(this)}};export{n as salla_conditional_fields}