@salla.sa/twilight-components 2.14.404 → 2.14.406

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-B3JuQExz.js');
+var index = require('./index-DPCf4JsS.js');
 var star2 = require('./star2-R146a27p.js');
 var cancel = require('./cancel-B5SbMYEk.js');
 

package/dist/cjs/salla-maintenance-alert.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-B3JuQExz.js');
+var index = require('./index-DPCf4JsS.js');
 var cancel = require('./cancel-B5SbMYEk.js');
 
 const sallaMaintenanceAlertCss = ".s-maintenance-alert-wrapper{display:flex;min-height:40px;width:100%;flex-direction:row;align-items:center;justify-content:center;--tw-bg-opacity:1;background-color:rgba(26, 38, 61, var(--tw-bg-opacity));padding:0.25rem 0.5rem;--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}.s-maintenance-alert-wrapper a{transition:0.35s cubic-bezier(0.2, 1, 0.3, 1)}.s-maintenance-alert-wrapper *{color:inherit}@media (min-width: 640px){.s-maintenance-alert-wrapper{padding-left:2rem;padding-right:2rem}}.s-maintenance-alert-content{margin-top:1rem;margin-bottom:1rem;display:flex;width:100%;align-items:center;justify-content:space-between}@media (min-width: 640px){.s-maintenance-alert-content{padding-left:2rem;padding-right:2rem}}.s-maintenance-alert-container{display:flex;align-items:center}.s-maintenance-alert-icon{margin-right:1.25rem;display:none}@media (min-width: 640px){.s-maintenance-alert-icon{display:block}}.s-maintenance-alert-text h2{margin-bottom:0.5rem;font-size:0.875rem;font-weight:700;line-height:1.4}@media (min-width: 640px){.s-maintenance-alert-text h2{font-size:1.5rem;line-height:2rem}}.s-maintenance-alert-text p{margin:0px;text-align:right;font-size:10px;line-height:1.2}@media (min-width: 640px){.s-maintenance-alert-text p{text-align:center;font-size:0.75rem;line-height:1}}.s-maintenance-alert-btn{position:relative;margin-left:4px;margin-right:4px;display:inline-block;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;border-radius:0.125rem;border-width:1px;--tw-border-opacity:1;border-color:rgba(93, 213, 196, var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgba(93, 213, 196, var(--tw-bg-opacity));padding:0.5rem;text-align:center;vertical-align:middle;font-size:0.875rem;font-weight:400;line-height:1.4;--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}.s-maintenance-alert-btn:hover{--tw-bg-opacity:1;background-color:rgba(53, 203, 181, var(--tw-bg-opacity))}.s-maintenance-alert-btn *{pointer-events:none}[dir=rtl] .s-maintenance-alert-btn{margin-left:1.25rem;margin-right:0}@media (min-width: 640px){.s-maintenance-alert-btn{padding:0.5rem 1rem}}";

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-B3JuQExz.js');
+var index = require('./index-DPCf4JsS.js');
 var location = require('./location-DIyESLuI.js');
 
 var Edit = `<!-- Generated by IcoMoon.io -->

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-B3JuQExz.js');
+var index = require('./index-DPCf4JsS.js');
 
 const sallaMenuCss = ":host{display:block}";
 

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-B3JuQExz.js');
+var index = require('./index-DPCf4JsS.js');
 
 const sallaMetadataCss = "";
 

package/dist/cjs/salla-multiple-bundle-product-cart_2.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-B3JuQExz.js');
+var index = require('./index-DPCf4JsS.js');
 
 const sallaMultipleBundleProductCartCss = "";
 

package/dist/cjs/salla-multiple-bundle-product-options-modal_2.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-B3JuQExz.js');
+var index = require('./index-DPCf4JsS.js');
 var keyboard_arrow_right = require('./keyboard_arrow_right-BayM_Il2.js');
 
 const sallaMultipleBundleProductOptionsModalCss = ":host{display:block}";

package/dist/cjs/salla-multiple-bundle-product.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-B3JuQExz.js');
+var index = require('./index-DPCf4JsS.js');
 
 const sallaMultipleBundleProductCss = ":host{display:block}";
 

package/dist/cjs/salla-notification-item.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-B3JuQExz.js');
+var index = require('./index-DPCf4JsS.js');
 
 const sallaNotificationsCss = "";
 

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-B3JuQExz.js');
+var index = require('./index-DPCf4JsS.js');
 var Helper = require('./Helper-CU4Xuiki.js');
 require('./anime.es-BqW8JHZi.js');
 

package/dist/cjs/salla-offer-modal.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-B3JuQExz.js');
+var index = require('./index-DPCf4JsS.js');
 var specialDiscount = require('./special-discount-DC2oXurL.js');
 var tag = require('./tag-D-PcUR33.js');
 var cart2 = require('./cart2-B98PSAFN.js');

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-B3JuQExz.js');
+var index = require('./index-DPCf4JsS.js');
 
 var PageType;
 (function (PageType) {

package/dist/cjs/salla-order-details-multiple-bundle-product.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-B3JuQExz.js');
+var index = require('./index-DPCf4JsS.js');
 
 const sallaOrderDetailsMultipleBundleProductCss = "";
 

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-B3JuQExz.js');
+var index = require('./index-DPCf4JsS.js');
 
 var copyIcon = `<!-- Generated by IcoMoon.io -->
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-B3JuQExz.js');
+var index = require('./index-DPCf4JsS.js');
 
 const sallaOrderDetailsCss = "";
 

package/dist/cjs/salla-order-edit-item.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-B3JuQExz.js');
+var index = require('./index-DPCf4JsS.js');
 
 const sallaOrderEditItemCss = "";
 

package/dist/cjs/salla-order-edit.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-B3JuQExz.js');
+var index = require('./index-DPCf4JsS.js');
 
 const sallaOrderEditCss = "";
 

package/dist/cjs/salla-order-summary.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-B3JuQExz.js');
+var index = require('./index-DPCf4JsS.js');
 var check = require('./check-BnVBPQNp.js');
 
 var iconFileArchive = `<!-- Generated by IcoMoon.io -->

package/dist/cjs/salla-order-totals-card.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-B3JuQExz.js');
+var index = require('./index-DPCf4JsS.js');
 
 const sallaOrderTotalsCardCss = ":host{display:block}";
 

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-B3JuQExz.js');
+var index = require('./index-DPCf4JsS.js');
 var Helper = require('./Helper-CU4Xuiki.js');
 require('./anime.es-BqW8JHZi.js');
 

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-B3JuQExz.js');
+var index = require('./index-DPCf4JsS.js');
 
 const sallaPaymentsCss = ":host{display:block}";
 

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-B3JuQExz.js');
+var index = require('./index-DPCf4JsS.js');
 
 var Inbox = `<!-- Generated by IcoMoon.io -->
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">

package/dist/cjs/salla-price-range.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-B3JuQExz.js');
+var index = require('./index-DPCf4JsS.js');
 var arrowLeft = require('./arrow-left-xSEmRpp6.js');
 
 var arrowRight = `<!-- Generated by IcoMoon.io -->

package/dist/cjs/salla-product-card_2.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-B3JuQExz.js');
+var index = require('./index-DPCf4JsS.js');
 var star2 = require('./star2-R146a27p.js');
 var Helper = require('./Helper-CU4Xuiki.js');
 require('./anime.es-BqW8JHZi.js');

package/dist/cjs/salla-product-size-guide.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-B3JuQExz.js');
+var index = require('./index-DPCf4JsS.js');
 
 var PencilRuler = `<!-- Generated by IcoMoon.io -->
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">

package/dist/cjs/salla-products-list.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-B3JuQExz.js');
+var index = require('./index-DPCf4JsS.js');
 var anime_es = require('./anime.es-BqW8JHZi.js');
 var shoppingBag = require('./shopping-bag-C1gvTVHr.js');
 var Helper = require('./Helper-CU4Xuiki.js');

package/dist/cjs/salla-progress-bar.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-B3JuQExz.js');
+var index = require('./index-DPCf4JsS.js');
 
 const sallaProgressBarCss = "";
 

package/dist/cjs/salla-quick-order.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-B3JuQExz.js');
+var index = require('./index-DPCf4JsS.js');
 var iphoneX = require('./iphone-x-qC21wCLj.js');
 var mail = require('./mail-Bgvt2hc9.js');
 var cancel = require('./cancel-B5SbMYEk.js');

package/dist/cjs/salla-rating-modal.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-B3JuQExz.js');
+var index = require('./index-DPCf4JsS.js');
 var star = require('./star-DGcH7Yso.js');
 var checkCircle2 = require('./check-circle2-BDvlT4_n.js');
 var Helper = require('./Helper-CU4Xuiki.js');

package/dist/cjs/salla-reward-action_4.cjs.entry.js

@@ -3,13 +3,13 @@
  */
 'use strict';
 
-var index = require('./index-B3JuQExz.js');
-var functions = require('./functions-DVMonIet.js');
+var index = require('./index-DPCf4JsS.js');
+var functions = require('./functions-BteTqioX.js');
 var gift = require('./gift-DbNivqYO.js');
 var tag = require('./tag-D-PcUR33.js');
 var check = require('./check-BnVBPQNp.js');
 var cancel = require('./cancel-B5SbMYEk.js');
-var trackedPromise = require('./tracked-promise-Ef3pfQOZ.js');
+var trackedPromise = require('./tracked-promise-BydfL53z.js');
 
 const sallaLoyaltyProgramCss$3 = "";
 

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-B3JuQExz.js');
+var index = require('./index-DPCf4JsS.js');
 var search = require('./search-c7Aa7lM9.js');
 
 var StoreAlt = `<!-- Generated by IcoMoon.io -->

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-B3JuQExz.js');
+var index = require('./index-DPCf4JsS.js');
 var search = require('./search-c7Aa7lM9.js');
 var Helper = require('./Helper-CU4Xuiki.js');
 require('./anime.es-BqW8JHZi.js');

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-B3JuQExz.js');
+var index = require('./index-DPCf4JsS.js');
 
 const sallaSkeletonCss = ":host{display:block}";
 

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-B3JuQExz.js');
+var index = require('./index-DPCf4JsS.js');
 var keyboard_arrow_right = require('./keyboard_arrow_right-BayM_Il2.js');
 
 /**

package/dist/cjs/salla-social-share.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-B3JuQExz.js');
+var index = require('./index-DPCf4JsS.js');
 var anime_es = require('./anime.es-BqW8JHZi.js');
 var facebook = require('./facebook-DbXua6B9.js');
 var mail = require('./mail-Bgvt2hc9.js');

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-B3JuQExz.js');
+var index = require('./index-DPCf4JsS.js');
 var facebook = require('./facebook-DbXua6B9.js');
 
 var instagram = `<!-- Generated by IcoMoon.io -->

package/dist/cjs/salla-tab-content_3.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-B3JuQExz.js');
+var index = require('./index-DPCf4JsS.js');
 
 const sallaTabContentCss = "";
 

package/dist/cjs/salla-tiered-offer.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-B3JuQExz.js');
+var index = require('./index-DPCf4JsS.js');
 
 var DiscountType;
 (function (DiscountType) {

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-B3JuQExz.js');
+var index = require('./index-DPCf4JsS.js');
 
 const sallaTooltipCss = ".s-tooltip-container{position:relative;display:inline-block}.s-tooltip-item{position:absolute;transform:translateX(-39%);background-color:#baf3e6;color:#004d5a;bottom:100%;left:50%;text-align:center;border-radius:5px;z-index:1;white-space:nowrap;opacity:0;transition:opacity 0.3s;pointer-events:none;margin:0 0 16px 8px;padding:12px;max-width:150px;width:190px;white-space:normal;opacity:1}.s-tooltip-item::after{content:\"\";position:absolute;bottom:-10px;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#baf3e6 transparent transparent transparent}.s-tooltip-item:dir(ltr){transform:translateX(-72%)}.s-tooltip-item--dark{background-color:#555555;color:white;padding:5px 15px;border-radius:8px;font-size:12px;font-weight:normal;max-width:330px;width:max-content}.s-tooltip-item--dark::after{border-color:#555555 transparent transparent transparent}";
 

package/dist/cjs/salla-trust-badges.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-B3JuQExz.js');
+var index = require('./index-DPCf4JsS.js');
 
 const sallaTrustBadgesCss = "";
 

package/dist/cjs/salla-user-menu.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-B3JuQExz.js');
+var index = require('./index-DPCf4JsS.js');
 var keyboard_arrow_down = require('./keyboard_arrow_down-DHJ3FFZq.js');
 var bellRing = require('./bell-ring-BfKPinNo.js');
 var cart = require('./cart-s-x1Fshk.js');

package/dist/cjs/salla-user-profile.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-B3JuQExz.js');
+var index = require('./index-DPCf4JsS.js');
 var interfaces = require('./interfaces-CRqrf5RX.js');
 
 const sallaUserProfileCss = ":host{display:block}";

package/dist/cjs/salla-user-settings.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-B3JuQExz.js');
+var index = require('./index-DPCf4JsS.js');
 
 var Bullhorn = `<!-- Generated by IcoMoon.io -->
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-B3JuQExz.js');
+var index = require('./index-DPCf4JsS.js');
 var mail = require('./mail-Bgvt2hc9.js');
 
 var AndroidPhoneIcon = `<!-- Generated by IcoMoon.io -->

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-B3JuQExz.js');
+var index = require('./index-DPCf4JsS.js');
 
 const sallaWalletCss = ".s-wallet-table{min-width:100%}.s-wallet-table-balance-container{display:flex !important;align-items:center !important;justify-content:flex-start !important;gap:1rem}.s-wallet-table-balance-icon{border-radius:50%;width:52px;height:52px;font-size:25px;padding:16px 13px;background:var(--color-primary-reverse);color:var(--color-primary)}.s-wallet-table-empty-state{display:flex;flex-direction:column;align-items:center}.s-wallet-table-empty-state i{font-size:80px;margin:4rem 0 2rem;color:var(--infinte-color)}.s-wallet-table-transaction-status{padding:6px 19px !important;border-radius:20px;width:max-content;display:flex;align-items:center}.s-wallet-table-transaction-status-default{background:#fff6eb;color:#a46f29}.s-wallet-table-transaction-status-cashback{background:#effbf6;color:#00af6c}.s-wallet-table-transaction-status-refund{background:#ecf3fe;color:#5196f3}.s-wallet-table-transaction-status-purchase{background:#feecec;color:#f55157}.s-wallet-table-transaction-status-icons-success{color:#00af6c}";
 

package/dist/cjs/{tracked-promise-Ef3pfQOZ.js → tracked-promise-BydfL53z.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-B3JuQExz.js');
+var index = require('./index-DPCf4JsS.js');
 
 function TrackedPromise(fn, options = {}) {
     options = Object.assign({ initialData: undefined, initialStatus: 'idle' }, options);

package/dist/cjs/twilight.cjs.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-B3JuQExz.js');
+var index = require('./index-DPCf4JsS.js');
 
 var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
 /*

package/dist/cjs/{vanilla-picker-BgPOS3MC.js → vanilla-picker-CN1BrJl3.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-B3JuQExz.js');
+var index = require('./index-DPCf4JsS.js');
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/dist/collection/components/salla-conditional-fields/salla-conditional-fields.js

@@ -15,15 +15,27 @@ export class SallaConditionalFields {
         });
     }
     disableInputs(field) {
-        field.querySelectorAll('[name]').forEach((input) => {
+        field.querySelectorAll('[name]').forEach((node) => {
+            const input = node;
             input.setAttribute('disabled', '');
             input.removeAttribute('required');
-            if (input?.tagName?.toLowerCase() === 'select') {
+            if (input instanceof HTMLSelectElement) {
                 input.value = '';
+                return;
+            }
+            if (input instanceof HTMLTextAreaElement) {
+                input.value = '';
+                return;
             }
-            if (['checkbox'].includes(input.getAttribute('type')) && input.hasOwnProperty('checked')) {
-                // @ts-ignore
-                input.checked = false;
+            if (input instanceof HTMLInputElement) {
+                const t = (input.type || 'text').toLowerCase();
+                if (t === 'checkbox' || t === 'radio') {
+                    input.checked = false;
+                    return;
+                }
+                if (['text', 'search', 'number', 'tel', 'url', 'email'].includes(t)) {
+                    input.value = '';
+                }
             }
         });
     }
@@ -117,7 +129,7 @@ export class SallaConditionalFields {
         });
     }
     render() {
-        return (h(Host, { key: 'eb080f6f4321fbdfdb8a1aca7a8c7d877de54cca' }, h("slot", { key: 'b898259ac1a7fc5a89844f9228bd0f4a3f86d867' })));
+        return (h(Host, { key: 'a7314ccb4aaccc58db6c24db7a0f57e53087fdac' }, h("slot", { key: '0f192d2fd0670c8ba0e3d94dc84fed81123373b2' })));
     }
     static get is() { return "salla-conditional-fields"; }
     static get elementRef() { return "host"; }

package/dist/collection/components/salla-product-options/salla-product-options.js

@@ -156,8 +156,12 @@ export class SallaProductOptions {
         const requiredElements = this.host.querySelectorAll('[required]');
         let pass = true;
         for (let i = 0; i < requiredElements.length; i++) {
+            const el = requiredElements[i];
+            if (el.disabled || el.closest('.hidden')) {
+                continue;
+            }
             //if there is only one invalid option, return false
-            if ('reportValidity' in requiredElements[i] && !requiredElements[i].reportValidity()) {
+            if ('reportValidity' in el && !el.reportValidity()) {
                 pass = false;
             }
         }
@@ -280,6 +284,13 @@ export class SallaProductOptions {
             }
             return opt;
         });
+        this.pruneInvisibleConditionalSelections();
+        this.setSelectedSkus();
+        requestAnimationFrame(() => {
+            this.optionsData
+                ?.filter(o => o.type === DisplayType.MULTIPLE_OPTIONS && o.required)
+                .forEach(o => this.handleRequiredMultipleOptions(o));
+        });
         // Emit the event only if fireChangeEvent is true
         if (fireChangeEvent) {
             this.changed.emit(data);
@@ -299,9 +310,60 @@ export class SallaProductOptions {
             return;
         }
         const optionContainer = this.host.querySelector(`[data-option-id="${option.id}"]`);
+        if (!optionContainer) {
+            return;
+        }
         const hasChecked = optionContainer.querySelectorAll('input:checked').length;
         optionContainer.querySelectorAll('input').forEach(input => input.toggleAttribute('required', !hasChecked));
     }
+    pruneInvisibleConditionalSelections() {
+        const passes = Math.max(1, this.optionsData.length);
+        for (let p = 0; p < passes; p++) {
+            let clearedSomething = false;
+            for (const opt of this.optionsData) {
+                const vc = opt.visibility_condition;
+                if (!vc) {
+                    continue;
+                }
+                const selectedAtParent = this.selectedOptions
+                    .filter(s => s.option_id === vc.option)
+                    .map(s => String(s.id));
+                const targetSelected = selectedAtParent.includes(String(vc.value));
+                const shouldShow = vc.operator === '=' ? targetSelected : !targetSelected;
+                if (shouldShow) {
+                    continue;
+                }
+                if (this.clearStaleOption(opt.id)) {
+                    clearedSomething = true;
+                }
+            }
+            if (!clearedSomething) {
+                break;
+            }
+        }
+    }
+    clearStaleOption(optionId) {
+        const opt = this.optionsData.find(o => o.id === optionId);
+        if (!opt) {
+            return false;
+        }
+        const beforeLen = this.selectedOptions.length;
+        this.selectedOptions = this.selectedOptions.filter(s => s.option_id !== optionId);
+        const removedFromSelected = this.selectedOptions.length !== beforeLen;
+        const hasValue = opt.value != null && String(opt.value).length > 0;
+        const hadSelectedDetail = opt.details?.some(d => d.is_selected) ?? false;
+        if (!removedFromSelected && !hasValue && !hadSelectedDetail) {
+            return false;
+        }
+        this.optionsData = this.optionsData.map(o => o.id !== optionId
+            ? o
+            : {
+                ...o,
+                value: undefined,
+                details: o.details?.map(d => ({ ...d, is_selected: false })) ?? o.details,
+            });
+        return true;
+    }
     getLatLng(value, type) {
         return value
             ? value.split(',')[type === 'lat' ? 0 : 1]