https://www.income.com.sg/assets/js/widgets/product-list/product-l…OHDCWEBGNQ44H0eanJkBOXcM_q6eKOXqm_wpDzOh7dw

1import{g as f}from"../../../../vendor/event-tag.js";function D(){var C,m;const e={container:document.querySelector(".product-list"),firstCategoryContainer:document.querySelector(".product-list-content.first-category-content"),secondCategoryContainer:document.querySelector(".product-list-content.second-category-content"),firstCategorySection:document.querySelector(".first-category"),secondCategorySection:document.querySelector(".second-category"),filterForm:document.querySelector("#filter-form"),applyBtn:document.querySelector(".apply-filter-btn"),resetBtn:document.querySelector(".reset-filter-btn"),modalCloseBtn:document.querySelector("#modal-filter-form .modal-close"),inputFilter:document.querySelector(".input-filter"),iconWrapper:document.querySelector(".product-list-filter-input .icon"),appliedFiltersContainer:document.querySelector(".product-list-pill"),filterContainerMobile:document.querySelector("#filter-form .need-checkboxes-accordion"),filterContainerDesktop:document.querySelector("#filter-form .need-checkboxes"),categoryFilter:document.querySelectorAll('input[name="category"]')};if(!e.container)return;let i=window.matchMedia("(max-width: 1024px)").matches;const s=Array.from(((C=e.firstCategoryContainer)==null?void 0:C.querySelectorAll(".card-product"))||[]),d=Array.from(((m=e.secondCategoryContainer)==null?void 0:m.querySelectorAll(".card-product"))||[]),L=[...s,...d],F=[...new Set(L.flatMap(r=>{var t;return((t=r.dataset.need)==null?void 0:t.split(",").map(n=>n.trim()).filter(n=>n))||[]}))].sort((r,t)=>r.toLowerCase().localeCompare(t.toLowerCase()));let p=[...s],y=[...d];_(),A(),u(),c(),b();function b(){const r=document.querySelector('input[name="category"][value="all"]');r&&(r.checked=!0),e.categoryFilter.forEach(t=>{t.addEventListener("change",()=>{const n=t.value;e.firstCategoryContainer&&(e.firstCategoryContainer.classList.toggle("d-none",n==="second-category"),e.firstCategorySection&&e.firstCategorySection.classList.toggle("d-none",n==="second-category")),e.secondCategoryContainer&&(e.secondCategoryContainer.classList.toggle("d-none",n==="first-category"),e.secondCategorySection&&e.secondCategorySection.classList.toggle("d-none",n==="first-category")),n==="all"&&(e.firstCategoryContainer&&(e.firstCategoryContainer.classList.remove("d-none"),e.firstCategorySection&&e.firstCategorySection.classList.remove("d-none")),e.secondCategoryContainer&&(e.secondCategoryContainer.classList.remove("d-none"),e.secondCategorySection&&e.secondCategorySection.classList.remove("d-none")))})})}function u(){const t=new FormData(e.filterForm).getAll("needs");p=t.length===0?[...s]:s.filter(n=>{var l;const o=((l=n.dataset.need)==null?void 0:l.split(",").map(a=>a.trim()))||[];return t.some(a=>o.includes(a))}),y=t.length===0?[...d]:d.filter(n=>{var l;const o=((l=n.dataset.need)==null?void 0:l.split(",").map(a=>a.trim()))||[];return t.some(a=>o.includes(a))}),k(t),E(),c()}function k(r){const t=[...r.map(o=>({type:"need",value:o,label:o}))],n=t.length===0;e.inputFilter.value=n?i?"All filters":"":i?`All filters (${t.length})`:t.map(o=>o.label).join(", "),e.iconWrapper.classList.toggle("active",!n),q(t,n)}function q(r,t){e.appliedFiltersContainer.classList.toggle("d-none",t),!t&&(e.appliedFiltersContainer.innerHTML=r.slice(0,3).map((n,o)=>{const l=o<2?`
2            <div class='pill-label'>${n.label}</div>
3            <i class='cursor-pointer income-icons-xmark pill-action-delete'></i>
4          `:`<div class='pill-label'>${r.length-2} more</div>`;return`<div class="pill" data-filter-type="${n.type}" data-filter-value="${n.value}">${l}</div>`}).join("")+'<a class="btn btn-link btn-small">Clear all</a>',e.appliedFiltersContainer.querySelectorAll(".pill").forEach(n=>{n.addEventListener("click",o=>{e.inputFilter.click()})}),e.appliedFiltersContainer.querySelectorAll(".pill-action-delete").forEach(n=>{n.addEventListener("click",o=>{var S,v;o.stopPropagation(),o.preventDefault();const l=n.closest(".pill");w(l.dataset.filterValue);const a=((v=(S=l==null?void 0:l.querySelector(".pill-label"))==null?void 0:S.innerText)==null?void 0:v.trim())??"",h={...f(),click_text:`Close Icon-${a}`,user_action:"Select",current_section:"Protect your life",target_url:"",event_type:"Engagement"};window.dataLayer.push(h),console.log(h)})}),e.appliedFiltersContainer.querySelector(".btn").addEventListener("click",n=>{n.preventDefault(),g();const o={...f(),click_text:"Clear all",user_action:"Select",current_section:"Protect your life",target_url:"",event_type:"Engagement"};

4window.dataLayer.push(o),console.log(o)}))}function c(){const t=new FormData(e.filterForm).getAll("needs");i=window.matchMedia("(max-width: 1024px)").matches;const n=t.length===0;e.inputFilter.value=n?i?"All filters":"":i?`All filters (${t.length})`:t.join(", "),e.applyBtn.classList.toggle("disabled",n),e.resetBtn.classList.toggle("disabled",n)}function E(){e.firstCategoryContainer&&(e.firstCategoryContainer.innerHTML="",p.forEach(r=>e.firstCategoryContainer.appendChild(r)),e.firstCategorySection&&(e.firstCategorySection.style.display=p.length===0?"none":"")),e.secondCategoryContainer&&(e.secondCategoryContainer.innerHTML="",y.forEach(r=>e.secondCategoryContainer.appendChild(r)),e.secondCategorySection&&(e.secondCategorySection.style.display=y.length===0?"none":""))}function _(){const r=F.map((t,n)=>`
5        <div class="form-check">
6          <input type="checkbox" class="form-check-input" value="${t}" 
7                 name="needs" id="need_${n+1}">
8          <label class="form-check-label font-body" for="need_${n+1}">${t}</label>
9        </div>
10      `).join("");e.filterContainerDesktop.innerHTML=r,e.filterContainerMobile.innerHTML=r,e.filterContainerDesktop.querySelectorAll('input[name="needs"]').forEach(t=>{t.addEventListener("change",()=>{var l,a;c();const n=((l=t.closest(".form-check").querySelector("label"))==null?void 0:l.innerText)||"",o={...f(),click_text:t.value,user_action:`Checkbox-${t.checked?"Checked":"Unchecked"}`,current_section:`Featured deals-${n}-Filter Popup`,target_url:"",event_type:"Engagement"};(a=window.dataLayer)==null||a.push(o),console.log(o)})}),e.filterContainerMobile.querySelectorAll('input[name="needs"]').forEach(t=>{t.addEventListener("change",()=>{var l,a;c();const n=((l=t.closest(".form-check").querySelector("label"))==null?void 0:l.innerText)||"",o={...f(),click_text:t.value,user_action:`Checkbox-${t.checked?"Checked":"Unchecked"}`,current_section:`Featured deals-${n}-Filter Popup`,target_url:"",event_type:"Engagement"};(a=window.dataLayer)==null||a.push(o),console.log(o)})})}function g(){e.filterForm.querySelectorAll('input[name="needs"]').forEach(r=>r.checked=!1),u()}function w(r){const t=Array.from(e.filterForm.querySelectorAll('input[name="needs"]')).find(n=>n.value===r);t&&(t.checked=!1),u()}function A(){e.applyBtn.addEventListener("click",r=>{r.preventDefault(),u(),e.modalCloseBtn.click(),e.inputFilter.setSelectionRange(0,0),e.inputFilter.focus()}),e.resetBtn.addEventListener("click",r=>{r.preventDefault(),g(),e.modalCloseBtn.click()}),window.addEventListener("resize",c)}}document.addEventListener("DOMContentLoaded",D);