@salla.sa/twilight-components 3.0.14 → 3.0.15

package/dist/components/salla-filters-widget2.js

@@ -128,8 +128,14 @@ const SallaFiltersWidget = /*@__PURE__*/ proxyCustomElement(class SallaFiltersWi
         if (![FilterOptionTypes.VALUES, FilterOptionTypes.MINIMUM, FilterOptionTypes.VARIANTS].includes(option.type)) {
             return '';
         }
+        // snapshot once per widget instance: selected options float to the top on page load
+        // only, so checking a box later doesn't shuffle the list under the cursor
+        if (!this.pinnedValues) {
+            //@ts-ignore
+            this.pinnedValues = new Set(option.values.map(v => this.optionValue(v)).filter(v => this.isSelectedOption(option, v)));
+        }
         //@ts-ignore
-        const filteredValues = option.values.filter((filterOption) => {
+        const filteredValues = [...option.values].sort((a, b) => Number(this.pinnedValues.has(this.optionValue(b))) - Number(this.pinnedValues.has(this.optionValue(a)))).filter((filterOption) => {
             if (!this.searchQuery)
                 return true;
             const label = typeof filterOption === 'number'
@@ -144,11 +150,14 @@ const SallaFiltersWidget = /*@__PURE__*/ proxyCustomElement(class SallaFiltersWi
             return (h("div", { class: "s-filters-widget-empty-state" }, salla.lang.get('common.elements.no_options') || 'لا توجد نتائج'));
         }
         //@ts-ignore
-        return filteredValues.map((filterOption, index) => {
-            let value = typeof filterOption == 'number' ? filterOption : (filterOption.key || filterOption.value);
+        return filteredValues.map((filterOption) => {
+            const value = this.optionValue(filterOption);
             return h("label", { class: "s-filters-label", htmlFor: `${option.key}-option-${value}`, key: `${option.key}-option-${value}` }, h("input", { id: `${option.key}-option-${value}`, name: option.key, type: option.type === FilterOptionTypes.VALUES ? 'checkbox' : 'radio', checked: this.isSelectedOption(option, value), class: option.type === FilterOptionTypes.VALUES ? 's-filters-checkbox' : 's-filters-radio', onChange: event => this.changed.emit({ event, option, value }) }), this.getOptionLabel(option, filterOption));
         });
     }
+    optionValue(filterOption) {
+        return typeof filterOption == 'number' ? filterOption : (filterOption.key || filterOption.value);
+    }
     isSelectedOption(option, value) {
         if (option.type === FilterOptionTypes.MINIMUM) {
             return this.filtersData[option.key] == value;
@@ -181,12 +190,12 @@ const SallaFiltersWidget = /*@__PURE__*/ proxyCustomElement(class SallaFiltersWi
         return h("span", { class: "s-filters-option-name" }, label);
     }
     render() {
-        return (h(Host, { key: '22e7662e98691ff8be05e8dd6f0b10550b0b4f7f', class: "s-filters-widget-container" }, h("h3", { key: 'a0fcdec4dbd6262f8b3dcaba3009f7daa7201ed5', class: "s-filters-widget-title", onClick: () => this.toggleWidget() }, h("span", { key: '6a83731bc66b2d48164cdb3069f773e85223dabe' }, this.option.label), h("span", { key: 'ebb6c75aa35297d20721ac21a8ec1b7156752ae6', class: `s-filters-widget-plusminus ${this.isOpen ? 's-filters-widget-plusminus-active' : ''}` })), h("div", { key: 'ea068e1bdc9c35106b1f48a0a33ae022960e771a', class: "s-filters-widget-content", ref: (el) => this.widgetContent = el }, Array.isArray(this.option.values) && this.option.values.length > 5 && (h("div", { key: 'b591ba684e2f6dbd1473499e848d8f7473993d97', class: "s-filters-widget-search-wrapper", style: { padding: '8px 0', marginBottom: '8px' } }, h("input", { key: '1d0caf13b9033334f525da643c378b7a23a3f227', type: "text", class: "s-filters-widget-search-input", placeholder: salla.lang.get('blocks.header.search_placeholder') || 'بحث...', value: this.searchQuery, onInput: (e) => this.searchQuery = e.target.value }))), h("div", { key: '09b6925befe4eda2912d2fa277ecc9fbfe539166', class: "s-filters-widget-values", ref: (el) => this.widgetValues = el }, h("slot", { key: 'b675d934c1cf7d11c71a5c2e5c607f59cba4e44b' }), this.option.type !== FilterOptionTypes.RANGE
+        return (h(Host, { key: '5d0e0ab6de7efb4eb75c2e1c85421dd6f3cf3e1d', class: "s-filters-widget-container" }, h("h3", { key: 'df5a000bf4de2c59ada08cdee02e2239f6052db7', class: "s-filters-widget-title", onClick: () => this.toggleWidget() }, h("span", { key: '0e55827c11e6d936cd9fd5f489f40bdaacd636fd' }, this.option.label), h("span", { key: 'ebcd57b65904b8669a4bcb8d6d849360bfa5b2da', class: `s-filters-widget-plusminus ${this.isOpen ? 's-filters-widget-plusminus-active' : ''}` })), h("div", { key: '30e65251f0f2c2d88ad8232ef9c5a1dc407edcd9', class: "s-filters-widget-content", ref: (el) => this.widgetContent = el }, Array.isArray(this.option.values) && this.option.values.length > 5 && (h("div", { key: 'b661a373929b51e16eb6b23190d78a4b6290117d', class: "s-filters-widget-search-wrapper", style: { padding: '8px 0', marginBottom: '8px' } }, h("input", { key: '3e5eebd5d36957d09953f4a6a0629891304a3f7e', type: "text", class: "s-filters-widget-search-input", placeholder: salla.lang.get('blocks.header.search_placeholder') || 'بحث...', value: this.searchQuery, onInput: (e) => this.searchQuery = e.target.value }))), h("div", { key: '774f6590dd76edbd334f41ca2d15518019e8d43a', class: "s-filters-widget-values", ref: (el) => this.widgetValues = el }, h("slot", { key: '0fe6b327f9065c53fbeec8a74fa01a21403b5e2b' }), this.option.type !== FilterOptionTypes.RANGE
             ? this.renderFilterOption(this.option)
             : h("salla-price-range", { onChanged: (event) => {
                     this.changed.emit(event.detail);
                 }, ref: price => this.priceRange = price, filtersData: this.filtersData, option: this.option })), this.withLoadMore && (!this.searchQuery || this.filteredCount > this.initialItemCount) &&
-            h("a", { key: '7f3358dd636b01df91510c09f472fee7b4bfb0bf', class: "s-filters-widget-more", onClick: () => this.showMore() }, !this.isShowMore ? this.showMoreLabel : this.showLessLabel))));
+            h("a", { key: 'a07b802f1f9432826578992bf77518f3793589a8', class: "s-filters-widget-more", onClick: () => this.showMore() }, !this.isShowMore ? this.showMoreLabel : this.showLessLabel))));
     }
     get host() { return this; }
     static get style() { return sallaFiltersWidgetCss; }

package/dist/components/salla-scopes.js

@@ -149,7 +149,7 @@ const SallaScopees = /*@__PURE__*/ proxyCustomElement(class SallaScopees extends
                 'id': this.current_scope.id
             });
             salla.cart.reset();
-            window.location.replace(salla.helpers.addParamToUrl('scope', this.current_scope.id));
+            window.location.replace(salla.scope.urlFor(this.current_scope));
         }).catch(e => console.log(e))
             .finally(() => {
             this.changeBtn.stop();

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-10-26T13:32:38",
+  "timestamp": "2026-10-28T07:43:28",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.35.1",

package/dist/esm/{Helper-ugQ_d05z.js → Helper-3JdOXI6n.js}

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

package/dist/esm/{filepond-CK3iWGQr.js → filepond-XW9UXuEd.js}

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

package/dist/esm/{filepond-plugin-file-poster-BLnEbCEA.js → filepond-plugin-file-poster-BIxXdtJt.js}

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

package/dist/esm/{filepond-plugin-file-validate-size-C-wYn6MJ.js → filepond-plugin-file-validate-size-BIcTUDgJ.js}

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

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

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

package/dist/esm/{filepond-plugin-image-edit-cPTJjenQ.js → filepond-plugin-image-edit-Di_Yevfe.js}

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

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

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

package/dist/esm/{filepond-plugin-image-preview-qzrPDdAI.js → filepond-plugin-image-preview-CcPXv1Dq.js}

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