npm - @salla.sa/twilight-components - Versions diffs - 3.0.15 → 3.0.16 - Mend

@salla.sa/twilight-components 3.0.15 → 3.0.16

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.

Files changed (375) hide show

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

@@ -437,7 +437,7 @@ async function mutateShippingContact(SallaApplePay, shippingContact, isAuthorize
   }
   if (isAuthorized) {
-    if (isGuestCheckout()) {
+    if (isGuestCheckout(SallaApplePay)) {
       if (
         !shippingContact.emailAddress ||
@@ -583,8 +583,9 @@ async function mutateShippingContact(SallaApplePay, shippingContact, isAuthorize
   );
 }
-function isGuestCheckout() {
-  return salla.config.isGuest() && salla.config.get('store.features').includes('guest-checkout');
+// the caller passes guestContactSelected only when it decided on guest checkout (same signal as the QR flow)
+function isGuestCheckout(SallaApplePay) {
+  return salla.config.isGuest() && !!SallaApplePay.detail?.guestContactSelected;
 }
 /**
@@ -2130,7 +2131,15 @@ const SallaQuickBuy = /*@__PURE__*/ proxyCustomElement(class SallaQuickBuy exten
         return salla.api.request('checkout/quick-purchase/' + this.productId, data, 'post');
     }
     isGuestCheckout() {
-        return salla.config.isGuest() && salla.config.get('store.features').includes('guest-checkout') && this.isPhysicalProduct();
+        return salla.config.isGuest() && this.isGuestCheckoutAllowed() && this.isPhysicalProduct();
+    }
+    // store.features scores the shopper's cart; buy_now.guest_checkout scores this product alone
+    isGuestCheckoutAllowed() {
+        const buyNowGuest = salla.config.get('store.settings.buy_now.guest_checkout');
+        if (typeof buyNowGuest === 'boolean' && this.productId == salla.config.get('page.id')) {
+            return buyNowGuest;
+        }
+        return salla.config.get('store.features').includes('guest-checkout');
     }
     getRequiredShippingContactFields() {
         let fields = [];

package/dist/components/salla-searchable-dropdown2.js CHANGED Viewed

@@ -3,7 +3,7 @@
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-const sallaSearchableDropdownCss = "/*!twlt*/.s-searchable-dropdown{position:relative}.s-searchable-dropdown--open{z-index:9999}.s-searchable-dropdown-label{display:block;font-size:14px;font-weight:500;color:var(--color-text-primary, #374151);margin-bottom:8px}.s-searchable-dropdown-required{color:var(--color-danger, #ef4444)}.s-searchable-dropdown-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:40px;padding:8px 12px;font-size:14px;text-align:start;background:var(--color-surface, #fff);border:1px solid var(--color-border, #e5e7eb);border-radius:6px;cursor:pointer;transition:border-color 0.15s ease, box-shadow 0.15s ease}.s-searchable-dropdown-trigger:hover:not(.s-searchable-dropdown-trigger--disabled){border-color:var(--color-border-hover, #d1d5db)}.s-searchable-dropdown-trigger:focus{outline:none;border-color:var(--color-primary, #00897b);box-shadow:0 0 0 1px var(--color-primary, #00897b)}.s-searchable-dropdown-trigger--disabled{opacity:0.5;cursor:not-allowed;background:var(--color-surface-disabled, #f9fafb)}.s-searchable-dropdown-trigger--open{border-color:var(--color-primary, #00897b);box-shadow:0 0 0 1px var(--color-primary, #00897b)}.s-searchable-dropdown-trigger-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-primary, #111827)}.s-searchable-dropdown-trigger-placeholder{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-secondary, #9ca3af)}.s-searchable-dropdown-trigger-icon{flex-shrink:0;color:var(--color-text-secondary, #9ca3af);font-size:18px;transition:transform 0.2s ease;margin-inline-start:8px}.s-searchable-dropdown-trigger-icon--open{transform:rotate(180deg)}.s-searchable-dropdown-panel{position:absolute;z-index:9999;width:100%;margin-top:4px;background:var(--color-surface, #fff);border:1px solid var(--color-border, #e5e7eb);border-radius:8px;box-shadow:0 8px 24px rgba(0, 0, 0, 0.12);overflow:hidden;animation:s-searchable-dropdown-in 0.15s ease}.s-searchable-dropdown-panel--up{bottom:60%}@keyframes s-searchable-dropdown-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.s-searchable-dropdown-search-wrap{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--color-border, #f3f4f6)}.s-searchable-dropdown-search-icon{flex-shrink:0;color:var(--color-text-secondary, #9ca3af);font-size:16px}.s-searchable-dropdown-search-input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-size:14px;color:var(--color-text-primary, #111827);box-shadow:none}.s-searchable-dropdown-search-input::placeholder{color:var(--color-text-secondary, #9ca3af)}.s-searchable-dropdown-search-input:focus{outline:none;box-shadow:none;border:none}.s-searchable-dropdown-list{max-height:min(40vh, 220px);overflow-y:auto;scrollbar-width:thin}.s-searchable-dropdown-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 16px;margin:0;gap:8px;font:inherit;font-size:14px;text-align:inherit;color:var(--color-text-primary, #111827);background:transparent;border:none;border-bottom:1px solid var(--color-border-light, #f9fafb);cursor:pointer;transition:background 0.15s ease}.s-searchable-dropdown-item:last-child{border-bottom:none}.s-searchable-dropdown-item:hover{background:var(--color-hover, #f9fafb)}.s-searchable-dropdown-item--selected{background:color-mix(in srgb, var(--color-primary, #00897b) 8%, transparent)}.s-searchable-dropdown-item--focused{background:color-mix(in srgb, var(--color-primary, #165b54) 12%, transparent)}.s-searchable-dropdown-item-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s-searchable-dropdown-item-name--selected{color:var(--color-primary, #00897b);font-weight:500}.s-searchable-dropdown-item-check{flex-shrink:0;color:var(--color-primary, #00897b);font-size:14px;margin-inline-start:8px}.s-searchable-dropdown-empty{display:flex;align-items:center;justify-content:center;padding:24px 16px;font-size:14px;color:var(--color-text-secondary, #9ca3af)}.s-searchable-dropdown-loading{display:flex;align-items:center;justify-content:center;padding:24px 16px;color:var(--color-text-secondary, #9ca3af)}.s-searchable-dropdown-spinner{width:20px;height:20px;animation:s-searchable-dropdown-spin 0.8s linear infinite}@keyframes s-searchable-dropdown-spin{to{transform:rotate(360deg)}}.visible{visibility:visible}.block{display:block}.hidden{display:none}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.s-scrollbar::-webkit-scrollbar{width:5px}.s-scrollbar::-webkit-scrollbar-track{background-color:#eee}.s-scrollbar::-webkit-scrollbar-thumb{background-color:var(--color-primary);border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}.s-bullet-delivery .s-bullet-delivery-modal .s-modal-body:has(.s-searchable-dropdown--open){overflow:visible !important}.s-searchable-dropdown{position:relative}.s-searchable-dropdown--open{z-index:9999}.s-searchable-dropdown-label{margin-bottom:0.5rem;display:block;font-size:0.875rem;line-height:1.25rem;font-weight:500;color:var(--color-text-primary,#374151)}.s-searchable-dropdown-required{color:var(--color-danger,#ef4444)}.s-searchable-dropdown-trigger{display:flex;min-height:40px;width:100%;cursor:pointer;align-items:center;justify-content:space-between;border-radius:0.375rem;border-width:1px;border-color:var(--color-border,#e5e7eb);background-color:var(--color-surface,#fff);padding-left:0.75rem;padding-right:0.75rem;padding-top:0.5rem;padding-bottom:0.5rem;text-align:start;font-size:0.875rem;line-height:1.25rem;transition-property:border-color,box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.s-searchable-dropdown-trigger:hover{border-color:var(--color-border-hover,#d1d5db)}.s-searchable-dropdown-trigger:focus{border-color:var(--color-primary);--tw-shadow:0 0 0 1px var(--color-primary,#00897b);--tw-shadow-colored:0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);outline:2px solid transparent;outline-offset:2px}.s-searchable-dropdown-trigger--disabled{cursor:not-allowed;background-color:var(--color-surface-disabled,#f9fafb);opacity:0.5}.s-searchable-dropdown-trigger--open{border-color:var(--color-primary) !important;--tw-shadow:0 0 0 1px var(--color-primary,#00897b);--tw-shadow-colored:0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.s-searchable-dropdown-trigger-text{flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-primary,#111827)}.s-searchable-dropdown-trigger-placeholder{flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-secondary,#9ca3af)}.s-searchable-dropdown-trigger-icon{margin-inline-start:0.5rem;flex-shrink:0;font-size:1.125rem;line-height:1.75rem;color:var(--color-text-secondary,#9ca3af);transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:200ms}.s-searchable-dropdown-trigger-icon--open{--tw-rotate:180deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.s-searchable-dropdown-panel{position:absolute;z-index:9999;margin-top:0.25rem;width:100%;overflow:hidden;border-radius:0.5rem;border-width:1px;border-color:var(--color-border,#e5e7eb);background-color:var(--color-surface,#fff);--tw-shadow:0 8px 24px rgba(0,0,0,0.12);--tw-shadow-colored:0 8px 24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.s-searchable-dropdown-panel--up{bottom:60%}.s-searchable-dropdown-search-wrap{display:flex;align-items:center;gap:0.5rem;border-bottom-width:1px;border-bottom-color:var(--color-border,#f3f4f6);padding-left:0.75rem;padding-right:0.75rem;padding-top:0.5rem;padding-bottom:0.5rem}.s-searchable-dropdown-search-icon{flex-shrink:0;font-size:1rem;line-height:1.5rem;color:var(--color-text-secondary,#9ca3af)}.s-searchable-dropdown-search-input{min-width:0px;flex:1 1 0%;border-width:0px;background-color:transparent;font-size:0.875rem;line-height:1.25rem;color:var(--color-text-primary,#111827);--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);outline:2px solid transparent;outline-offset:2px}.s-searchable-dropdown-search-input::placeholder{color:var(--color-text-secondary,#9ca3af)}.s-searchable-dropdown-search-input:focus{border-width:0px;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}.s-searchable-dropdown-list{max-height:min(40vh, 220px);overflow-y:auto;scrollbar-width:thin}.s-searchable-dropdown-item{margin:0px;display:flex;width:100%;cursor:pointer;align-items:center;justify-content:space-between;gap:0.5rem;border-width:0px;border-bottom-width:1px;border-bottom-color:var(--color-border-light,#f9fafb);background-color:transparent;padding-left:1rem;padding-right:1rem;padding-top:0.625rem;padding-bottom:0.625rem;font-family:inherit;font-size:0.875rem;line-height:1.25rem;color:var(--color-text-primary,#111827);transition-property:background;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;text-align:inherit}.s-searchable-dropdown-item:last-child{border-bottom-width:0px}.s-searchable-dropdown-item--selected{background-color:color-mix(in srgb,var(--color-primary,#00897b) 8%,transparent)}.s-searchable-dropdown-item-name{flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s-searchable-dropdown-item-name--selected{font-weight:500;color:var(--color-primary)}.s-searchable-dropdown-item-check{margin-inline-start:0.5rem;flex-shrink:0;font-size:0.875rem;line-height:1.25rem;color:var(--color-primary)}.s-searchable-dropdown-empty{display:flex;align-items:center;justify-content:center;padding-left:1rem;padding-right:1rem;padding-top:1.5rem;padding-bottom:1.5rem;font-size:0.875rem;line-height:1.25rem;color:var(--color-text-secondary,#9ca3af)}.s-searchable-dropdown-loading{display:flex;align-items:center;justify-content:center;padding-left:1rem;padding-right:1rem;padding-top:1.5rem;padding-bottom:1.5rem;color:var(--color-text-secondary,#9ca3af)}.s-searchable-dropdown-spinner{height:1.25rem;width:1.25rem}@keyframes spin{to{transform:rotate(360deg)}}.s-searchable-dropdown-spinner{animation:spin 0.8s linear infinite}";
+const sallaSearchableDropdownCss = "/*!twlt*/.s-searchable-dropdown{position:relative}.s-searchable-dropdown--open{z-index:9999}.s-searchable-dropdown-label{display:block;font-size:14px;font-weight:500;color:var(--color-text-primary, #374151);margin-bottom:8px}.s-searchable-dropdown-required{color:var(--color-danger, #ef4444)}.s-searchable-dropdown-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:40px;padding:8px 12px;font-size:14px;text-align:start;background:var(--color-surface, #fff);border:1px solid var(--color-border, #e5e7eb);border-radius:6px;cursor:pointer;transition:border-color 0.15s ease, box-shadow 0.15s ease}.s-searchable-dropdown-trigger:hover:not(.s-searchable-dropdown-trigger--disabled){border-color:var(--color-border-hover, #d1d5db)}.s-searchable-dropdown-trigger:focus{outline:none;border-color:var(--color-primary, #00897b);box-shadow:0 0 0 1px var(--color-primary, #00897b)}.s-searchable-dropdown-trigger--disabled{opacity:0.5;cursor:not-allowed;background:var(--color-surface-disabled, #f9fafb)}.s-searchable-dropdown-trigger--open{border-color:var(--color-primary, #00897b);box-shadow:0 0 0 1px var(--color-primary, #00897b)}.s-searchable-dropdown-trigger-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-primary, #111827)}.s-searchable-dropdown-trigger-placeholder{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-secondary, #9ca3af)}.s-searchable-dropdown-trigger-icon{flex-shrink:0;color:var(--color-text-secondary, #9ca3af);font-size:18px;transition:transform 0.2s ease;margin-inline-start:8px}.s-searchable-dropdown-trigger-icon--open{transform:rotate(180deg)}.s-searchable-dropdown-panel{position:absolute;z-index:9999;width:100%;margin-top:4px;background:var(--color-surface, #fff);border:1px solid var(--color-border, #e5e7eb);border-radius:8px;box-shadow:0 8px 24px rgba(0, 0, 0, 0.12);overflow:hidden;animation:s-searchable-dropdown-in 0.15s ease}.s-searchable-dropdown-panel--up{bottom:60%}@keyframes s-searchable-dropdown-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.s-searchable-dropdown-search-wrap{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--color-border, #f3f4f6)}.s-searchable-dropdown-search-icon{flex-shrink:0;color:var(--color-text-secondary, #9ca3af);font-size:16px}.s-searchable-dropdown-search-input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-size:14px;color:var(--color-text-primary, #111827);box-shadow:none}.s-searchable-dropdown-search-input::placeholder{color:var(--color-text-secondary, #9ca3af)}.s-searchable-dropdown-search-input:focus{outline:none;box-shadow:none;border:none}.s-searchable-dropdown-list{max-height:min(40vh, 220px);overflow-y:auto;scrollbar-width:thin;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.s-searchable-dropdown-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 16px;margin:0;gap:8px;font:inherit;font-size:14px;text-align:inherit;color:var(--color-text-primary, #111827);background:transparent;border:none;border-bottom:1px solid var(--color-border-light, #f9fafb);cursor:pointer;transition:background 0.15s ease}.s-searchable-dropdown-item:last-child{border-bottom:none}.s-searchable-dropdown-item:hover{background:var(--color-hover, #f9fafb)}.s-searchable-dropdown-item--selected{background:color-mix(in srgb, var(--color-primary, #00897b) 8%, transparent)}.s-searchable-dropdown-item--focused{background:color-mix(in srgb, var(--color-primary, #165b54) 12%, transparent)}.s-searchable-dropdown-item-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s-searchable-dropdown-item-name--selected{color:var(--color-primary, #00897b);font-weight:500}.s-searchable-dropdown-item-check{flex-shrink:0;color:var(--color-primary, #00897b);font-size:14px;margin-inline-start:8px}.s-searchable-dropdown-empty{display:flex;align-items:center;justify-content:center;padding:24px 16px;font-size:14px;color:var(--color-text-secondary, #9ca3af)}.s-searchable-dropdown-loading{display:flex;align-items:center;justify-content:center;padding:24px 16px;color:var(--color-text-secondary, #9ca3af)}.s-searchable-dropdown-spinner{width:20px;height:20px;animation:s-searchable-dropdown-spin 0.8s linear infinite}@keyframes s-searchable-dropdown-spin{to{transform:rotate(360deg)}}.visible{visibility:visible}.block{display:block}.hidden{display:none}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.s-scrollbar::-webkit-scrollbar{width:5px}.s-scrollbar::-webkit-scrollbar-track{background-color:#eee}.s-scrollbar::-webkit-scrollbar-thumb{background-color:var(--color-primary);border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}@media (min-width: 640px){.s-bullet-delivery .s-bullet-delivery-modal .s-modal-body:has(.s-searchable-dropdown--open){overflow:visible !important}}.s-searchable-dropdown{position:relative}.s-searchable-dropdown--open{z-index:9999}.s-searchable-dropdown-label{margin-bottom:0.5rem;display:block;font-size:0.875rem;line-height:1.25rem;font-weight:500;color:var(--color-text-primary,#374151)}.s-searchable-dropdown-required{color:var(--color-danger,#ef4444)}.s-searchable-dropdown-trigger{display:flex;min-height:40px;width:100%;cursor:pointer;align-items:center;justify-content:space-between;border-radius:0.375rem;border-width:1px;border-color:var(--color-border,#e5e7eb);background-color:var(--color-surface,#fff);padding-left:0.75rem;padding-right:0.75rem;padding-top:0.5rem;padding-bottom:0.5rem;text-align:start;font-size:0.875rem;line-height:1.25rem;transition-property:border-color,box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.s-searchable-dropdown-trigger:hover{border-color:var(--color-border-hover,#d1d5db)}.s-searchable-dropdown-trigger:focus{border-color:var(--color-primary);--tw-shadow:0 0 0 1px var(--color-primary,#00897b);--tw-shadow-colored:0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);outline:2px solid transparent;outline-offset:2px}.s-searchable-dropdown-trigger--disabled{cursor:not-allowed;background-color:var(--color-surface-disabled,#f9fafb);opacity:0.5}.s-searchable-dropdown-trigger--open{border-color:var(--color-primary) !important;--tw-shadow:0 0 0 1px var(--color-primary,#00897b);--tw-shadow-colored:0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.s-searchable-dropdown-trigger-text{flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-primary,#111827)}.s-searchable-dropdown-trigger-placeholder{flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-secondary,#9ca3af)}.s-searchable-dropdown-trigger-icon{margin-inline-start:0.5rem;flex-shrink:0;font-size:1.125rem;line-height:1.75rem;color:var(--color-text-secondary,#9ca3af);transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:200ms}.s-searchable-dropdown-trigger-icon--open{--tw-rotate:180deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.s-searchable-dropdown-panel{position:absolute;z-index:9999;margin-top:0.25rem;width:100%;overflow:hidden;border-radius:0.5rem;border-width:1px;border-color:var(--color-border,#e5e7eb);background-color:var(--color-surface,#fff);--tw-shadow:0 8px 24px rgba(0,0,0,0.12);--tw-shadow-colored:0 8px 24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.s-searchable-dropdown-panel--up{bottom:60%}.s-searchable-dropdown-search-wrap{display:flex;align-items:center;gap:0.5rem;border-bottom-width:1px;border-bottom-color:var(--color-border,#f3f4f6);padding-left:0.75rem;padding-right:0.75rem;padding-top:0.5rem;padding-bottom:0.5rem}.s-searchable-dropdown-search-icon{flex-shrink:0;font-size:1rem;line-height:1.5rem;color:var(--color-text-secondary,#9ca3af)}.s-searchable-dropdown-search-input{min-width:0px;flex:1 1 0%;border-width:0px;background-color:transparent;font-size:0.875rem;line-height:1.25rem;color:var(--color-text-primary,#111827);--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);outline:2px solid transparent;outline-offset:2px}.s-searchable-dropdown-search-input::placeholder{color:var(--color-text-secondary,#9ca3af)}.s-searchable-dropdown-search-input:focus{border-width:0px;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}.s-searchable-dropdown-list{max-height:min(40vh, 220px);overflow-y:auto;scrollbar-width:thin}.s-searchable-dropdown-item{margin:0px;display:flex;width:100%;cursor:pointer;align-items:center;justify-content:space-between;gap:0.5rem;border-width:0px;border-bottom-width:1px;border-bottom-color:var(--color-border-light,#f9fafb);background-color:transparent;padding-left:1rem;padding-right:1rem;padding-top:0.625rem;padding-bottom:0.625rem;font-family:inherit;font-size:0.875rem;line-height:1.25rem;color:var(--color-text-primary,#111827);transition-property:background;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;text-align:inherit}.s-searchable-dropdown-item:last-child{border-bottom-width:0px}.s-searchable-dropdown-item--selected{background-color:color-mix(in srgb,var(--color-primary,#00897b) 8%,transparent)}.s-searchable-dropdown-item-name{flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s-searchable-dropdown-item-name--selected{font-weight:500;color:var(--color-primary)}.s-searchable-dropdown-item-check{margin-inline-start:0.5rem;flex-shrink:0;font-size:0.875rem;line-height:1.25rem;color:var(--color-primary)}.s-searchable-dropdown-empty{display:flex;align-items:center;justify-content:center;padding-left:1rem;padding-right:1rem;padding-top:1.5rem;padding-bottom:1.5rem;font-size:0.875rem;line-height:1.25rem;color:var(--color-text-secondary,#9ca3af)}.s-searchable-dropdown-loading{display:flex;align-items:center;justify-content:center;padding-left:1rem;padding-right:1rem;padding-top:1.5rem;padding-bottom:1.5rem;color:var(--color-text-secondary,#9ca3af)}.s-searchable-dropdown-spinner{height:1.25rem;width:1.25rem}@keyframes spin{to{transform:rotate(360deg)}}.s-searchable-dropdown-spinner{animation:spin 0.8s linear infinite}";
 const SallaSearchableDropdown = /*@__PURE__*/ proxyCustomElement(class SallaSearchableDropdown extends HTMLElement {
     constructor() {
@@ -125,19 +125,32 @@ const SallaSearchableDropdown = /*@__PURE__*/ proxyCustomElement(class SallaSear
         }
         return null;
     }
+    /** Touch-first devices: focusing the search input raises the on-screen keyboard, which covers the list. */
+    isCoarsePointer() {
+        return !!window.matchMedia?.('(pointer: coarse)').matches;
+    }
+    /** Mobile bottom-sheet layout: the modal body is the scroll container and must keep scrolling. */
+    isNarrowViewport() {
+        return !!window.matchMedia?.('(max-width: 639px)').matches;
+    }
     open() {
         if (this.disabled || this.loading)
             return;
         this.isOpen = true;
         this.focusedIndex = -1;
-        if (!this.keepParentScroll) {
+        if (!this.keepParentScroll && !this.isNarrowViewport()) {
             this.scrollableAncestor = this.findScrollableAncestor();
             if (this.scrollableAncestor) {
                 this.scrollableAncestor.style.overflow = 'visible';
             }
         }
         this.dropdownOpened.emit();
-        requestAnimationFrame(() => this.searchInputRef?.focus());
+        requestAnimationFrame(() => {
+            if (!this.isCoarsePointer()) {
+                this.searchInputRef?.focus();
+            }
+            this.panelRef?.scrollIntoView?.({ block: 'nearest' });
+        });
     }
     close() {
         if (!this.isOpen)
@@ -197,18 +210,18 @@ const SallaSearchableDropdown = /*@__PURE__*/ proxyCustomElement(class SallaSear
     render() {
         const hasSelection = this.selectedItem != null;
         const listboxId = `${this.inputId}-listbox`;
-        return (h(Host, { key: '9bf5bb827d3738d4782736af17630208771342eb', class: "s-searchable-dropdown" }, h("div", { key: '2d2f88a24afa01d6f3e554906ee6d936fede5c02', class: { 's-searchable-dropdown': true, 's-searchable-dropdown--open': this.isOpen } }, this.label && (h("label", { key: 'a3c68d7a0a73229691df9bf30cf973b74ea62999', class: "s-searchable-dropdown-label", htmlFor: this.inputId }, this.label, this.required && h("span", { key: '5c068cd4babd03a5fc3604ad0acc98f4a61f05cc', class: "s-searchable-dropdown-required" }, " *"))), h("div", { key: 'e80750322f9e4d72e45d23f0b830e2b64b5e531e', class: {
+        return (h(Host, { key: 'eadd6ff762e66bc3458d19f7d2490da939a268d0', class: "s-searchable-dropdown" }, h("div", { key: '0cb614d73e06626c0cd3b5e5eadc76ebfc296093', class: { 's-searchable-dropdown': true, 's-searchable-dropdown--open': this.isOpen } }, this.label && (h("label", { key: '6f3c440ccad07f3ab271f85f508ddf6294464947', class: "s-searchable-dropdown-label", htmlFor: this.inputId }, this.label, this.required && h("span", { key: '9415e3b6b87e702079c2fc810aa7621e623e5641', class: "s-searchable-dropdown-required" }, " *"))), h("div", { key: '7ed8979005ef68e40976a536ead5da4c736bb0ba', class: {
                 's-searchable-dropdown-trigger': true,
                 's-searchable-dropdown-trigger--disabled': this.disabled || this.loading,
                 's-searchable-dropdown-trigger--open': this.isOpen,
-            }, role: "combobox", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-haspopup": "listbox", "aria-controls": listboxId, "aria-disabled": this.disabled || this.loading ? 'true' : 'false', tabIndex: this.disabled || this.loading ? -1 : 0, onClick: this.handleTriggerClick, onKeyDown: this.handleTriggerKeyDown }, hasSelection ? (h("span", { class: "s-searchable-dropdown-trigger-text" }, this.getDisplayName(this.selectedItem))) : (h("span", { class: "s-searchable-dropdown-trigger-placeholder" }, this.placeholder)), h("i", { key: '030dddd73a8909d51847c6a8ea98b628674002c1', class: {
+            }, role: "combobox", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-haspopup": "listbox", "aria-controls": listboxId, "aria-disabled": this.disabled || this.loading ? 'true' : 'false', tabIndex: this.disabled || this.loading ? -1 : 0, onClick: this.handleTriggerClick, onKeyDown: this.handleTriggerKeyDown }, hasSelection ? (h("span", { class: "s-searchable-dropdown-trigger-text" }, this.getDisplayName(this.selectedItem))) : (h("span", { class: "s-searchable-dropdown-trigger-placeholder" }, this.placeholder)), h("i", { key: '7df0a517cb916ad6652544c1b738c569ab2f290f', class: {
                 'sicon-keyboard_arrow_down': true,
                 's-searchable-dropdown-trigger-icon': true,
                 's-searchable-dropdown-trigger-icon--open': this.isOpen,
-            }, "aria-hidden": "true" })), this.isOpen && (h("div", { key: 'ced396bea68ce724a04b4cd2a85c8972ff7f7f3d', class: {
+            }, "aria-hidden": "true" })), this.isOpen && (h("div", { key: '797dea9a0b0a26402132f5d33c49b74cde5f617d', class: {
                 's-searchable-dropdown-panel': true,
                 's-searchable-dropdown-panel--up': this.dropUp,
-            }, ref: (el) => (this.panelRef = el) }, this.searchable && (h("div", { key: '2d93d2156463cb53e4d8422bbbc54a90d58cde49', class: "s-searchable-dropdown-search-wrap" }, h("i", { key: '651f0b1e13e55bd67a0465241bc2d38fbc2192e7', class: "sicon-search s-searchable-dropdown-search-icon", "aria-hidden": "true" }), h("input", { key: '563c06758fdd5027e227218e77b7c2fb29ca07db', ref: (el) => (this.searchInputRef = el), id: this.inputId, type: "text", class: "s-searchable-dropdown-search-input", placeholder: this.placeholder, value: this.clientSearch ? this.clientSearchQuery : this.searchQuery, onInput: this.handleSearchInputChange, onKeyDown: this.handleSearchKeyDown, autocomplete: "off", "aria-autocomplete": "list", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-controls": listboxId }))), h("div", { key: '20b26b044bba28fc74c0a0f81c6fcc8dae63d9de', id: listboxId, class: "s-searchable-dropdown-list s-scrollbar", role: "listbox" }, this.renderListContent()))))));
+            }, ref: (el) => (this.panelRef = el) }, this.searchable && (h("div", { key: 'e7b7ec94dbc99ac40a1f833b7aa61c5d2a8742b7', class: "s-searchable-dropdown-search-wrap" }, h("i", { key: '59fc0e1986726f99639688c18bc6c501fae966b4', class: "sicon-search s-searchable-dropdown-search-icon", "aria-hidden": "true" }), h("input", { key: '70a63f4297d7f1f204d95336cc6aaea28d8f14e1', ref: (el) => (this.searchInputRef = el), id: this.inputId, type: "text", class: "s-searchable-dropdown-search-input", placeholder: this.placeholder, value: this.clientSearch ? this.clientSearchQuery : this.searchQuery, onInput: this.handleSearchInputChange, onKeyDown: this.handleSearchKeyDown, autocomplete: "off", "aria-autocomplete": "list", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-controls": listboxId }))), h("div", { key: 'f998cc8115062d98befdb814cba0a282c491ef4e', id: listboxId, class: "s-searchable-dropdown-list s-scrollbar", role: "listbox" }, this.renderListContent()))))));
     }
     renderListContent() {
         if (this.searching || this.loading) {

package/dist/docs.json CHANGED Viewed

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-10-28T07:43:28",
+  "timestamp": "2026-10-28T15:36:40",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.35.1",

package/dist/esm/{Helper-3JdOXI6n.js → Helper-CsyfMJLx.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import './index-C8uMz1y8.js';
+import './index-DJuBNP7w.js';
 var FilterOptionTypes;
 (function (FilterOptionTypes) {

package/dist/esm/{filepond-XW9UXuEd.js → filepond-Cla3ae_2.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-C8uMz1y8.js';
+import { d as getDefaultExportFromCjs } from './index-DJuBNP7w.js';
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/esm/{filepond-plugin-file-poster-BIxXdtJt.js → filepond-plugin-file-poster-BO0nARSu.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-C8uMz1y8.js';
+import { d as getDefaultExportFromCjs } from './index-DJuBNP7w.js';
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/dist/esm/{filepond-plugin-file-validate-size-BIcTUDgJ.js → filepond-plugin-file-validate-size-CrcZ7P5c.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-C8uMz1y8.js';
+import { d as getDefaultExportFromCjs } from './index-DJuBNP7w.js';
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/esm/{filepond-plugin-file-validate-type-rvnCRjaE.js → filepond-plugin-file-validate-type-Cci8f5e3.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-C8uMz1y8.js';
+import { d as getDefaultExportFromCjs } from './index-DJuBNP7w.js';
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/esm/{filepond-plugin-image-edit-Di_Yevfe.js → filepond-plugin-image-edit-y0q-Gkyo.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-C8uMz1y8.js';
+import { d as getDefaultExportFromCjs } from './index-DJuBNP7w.js';
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/dist/esm/{filepond-plugin-image-exif-orientation-CoTpFDlA.js → filepond-plugin-image-exif-orientation-WYrkP26J.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-C8uMz1y8.js';
+import { d as getDefaultExportFromCjs } from './index-DJuBNP7w.js';
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/dist/esm/{filepond-plugin-image-preview-CcPXv1Dq.js → filepond-plugin-image-preview-Bz0ZRBQp.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-C8uMz1y8.js';
+import { d as getDefaultExportFromCjs } from './index-DJuBNP7w.js';
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {