@athoscommerce/snap-preact 1.11.0 → 1.12.0

package/dist/cjs/src/Templates/Stores/library/languages/zh.js

@@ -0,0 +1,487 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.zh = void 0;
+exports.zh = {
+    recommendation: {},
+    autocompleteLayout: {
+        facetsTitle: {},
+        contentTitle: {},
+        closeButton: {
+            value: '关闭自动完成',
+            attributes: {
+                'aria-label': '关闭自动完成',
+            },
+        },
+        noResultsText: {
+            value: (data) => `<p>未找到"${data.controller?.store?.search?.originalQuery?.string || data.controller?.store?.search?.query?.string}"的结果。</p><p>请尝试其他搜索。</p>`,
+        },
+        seeMoreButton: {
+            value: (data) => `查看 ${data?.controller?.store?.pagination.totalResults} 条${data?.controller?.store?.filters.length > 0 ? '已筛选' : ''}结果，关于"${data?.controller?.store?.search?.query?.string}"`,
+        },
+    },
+    'terms.history': {
+        title: {
+            value: '历史记录',
+        },
+        term: {
+            attributes: {
+                'aria-label': (data) => `第 ${data.index + 1} 项，共 ${data.numberOfTerms} 项，${data.term.value}`,
+            },
+        },
+    },
+    'terms.suggestions': {
+        title: {
+            value: '建议',
+        },
+        term: {
+            attributes: {
+                'aria-label': (data) => `第 ${data.index + 1} 项，共 ${data.numberOfTerms} 项，${data.term.value}`,
+            },
+        },
+    },
+    'terms.trending': {
+        title: {
+            value: '热门',
+        },
+        term: {
+            attributes: {
+                'aria-label': (data) => `第 ${data.index + 1} 项，共 ${data.numberOfTerms} 项，${data.term.value}`,
+            },
+        },
+    },
+    button: {},
+    search: {},
+    searchHorizontal: {},
+    searchCollapsible: {},
+    list: {},
+    radioList: {},
+    layoutSelector: {
+        label: {},
+    },
+    sidebar: {
+        titleText: {
+            value: '筛选条件',
+        },
+        applyButtonText: {
+            value: '应用',
+        },
+        clearButtonText: {
+            value: '清除全部',
+        },
+        closeButtonText: {},
+    },
+    searchInput: {
+        placeholderText: {
+            attributes: {
+                placeholder: '搜索',
+            },
+        },
+        closeSearchButton: {
+            attributes: {
+                'aria-label': '关闭搜索',
+            },
+        },
+        clearSearchButton: {
+            attributes: {
+                'aria-label': '清除搜索',
+            },
+        },
+        submitSearchButton: {
+            attributes: {
+                'aria-label': '提交搜索',
+            },
+        },
+    },
+    recommendationBundle: {
+        seedText: {
+            value: '此产品',
+        },
+        ctaButtonText: {
+            value: '全部加入购物车',
+        },
+        ctaButtonSuccessText: {
+            value: '套装已添加！',
+        },
+        ctaSubtotalTitle: {
+            value: (data) => `${data.cartStore.count} 件商品的小计`,
+        },
+    },
+    slideshow: {
+        pauseButton: {
+            value: (data) => (data.isPlaying ? '暂停' : '播放'),
+            attributes: {
+                'aria-label': (data) => (data.isPlaying ? '暂停幻灯片放映' : '继续幻灯片放映'),
+            },
+        },
+        paginationButton: {
+            attributes: {
+                'aria-label': (data) => `转到第 ${data.index + 1} 组幻灯片，共 ${data.totalDots} 组`,
+            },
+        },
+        nextButton: {
+            attributes: {
+                'aria-label': (data) => `下一张幻灯片${data.isNextDisabled ? '（已禁用）' : ''}`,
+            },
+        },
+        prevButton: {
+            attributes: {
+                'aria-label': (data) => `上一张幻灯片${data.isPrevDisabled ? '（已禁用）' : ''}`,
+            },
+        },
+        slide: {
+            attributes: {
+                'aria-label': (data) => data.hasClickHandler ? `点击查看 ${data.imageAlt}` : `${data.imageAlt} 第 ${data.index + 1} 张，共 ${data.slidesLength} 张`,
+            },
+        },
+        srInstructions: {
+            value: (data) => `使用方向键在幻灯片之间导航。按空格键暂停自动播放。按 Home 或 End 键跳转到第一组或最后一组幻灯片。${' '}${data.touchDragging && '在触摸设备上，向左或向右滑动即可导航。'}`,
+        },
+    },
+    sortBy: {
+        label: {
+            value: '排序方式',
+        },
+    },
+    tabSelection: {
+        tabList: {
+            attributes: {
+                'aria-label': '结果标签页',
+            },
+        },
+        tabButton: {
+            attributes: {
+                'aria-label': (data) => `${data.tab.label || data.tab.id}${typeof data.resultCount == 'number' ? `，${data.resultCount} 条结果` : ''}`,
+            },
+        },
+    },
+    perPage: {
+        label: {
+            value: '每页显示',
+        },
+    },
+    facetsHorizontal: {
+        dropdownButton: {
+            attributes: {
+                'aria-label': (data) => `${data?.facet?.field} 筛选下拉菜单，当前${data?.selectedFacet?.field === data?.facet?.field ? '已收起' : '已展开'}，${data?.facet?.values?.length ? data?.facet?.values?.length + ' 个选项' : ''}`,
+            },
+        },
+    },
+    filterSummary: {
+        title: {
+            value: '当前筛选条件',
+        },
+        clearAllLabel: {
+            value: '清除全部',
+        },
+    },
+    facet: {
+        showMoreText: {
+            value: '显示更多',
+        },
+        showLessText: {
+            value: '显示较少',
+        },
+        clearAllText: {
+            value: '清除全部',
+        },
+        dropdownButton: {
+            attributes: {
+                'aria-label': (data) => `${data?.facet?.label} 筛选下拉菜单，当前${data?.facet?.collapsed ? '已收起' : '已展开'}，${data?.facet?.values?.length ? data?.facet?.values?.length + ' 个选项' : ''}`,
+            },
+        },
+        submitRangeButton: {
+            value: '提交',
+        },
+    },
+    select: {
+        buttonLabel: {
+            attributes: {
+                'aria-label': (data) => `${data?.label} 下拉菜单，${data?.options?.length} 个选项${data?.selectedOptions?.length ? `，当前选中的选项是 ${data?.selectedOptions[0].label}` : ''}`,
+            },
+        },
+    },
+    radio: {
+        radio: {
+            attributes: {
+                'aria-label': (data) => `${data?.disabled ? '已禁用' : ''} ${data?.checkedState ? '已选中' : '未选中'}的单选按钮`,
+            },
+        },
+    },
+    pagination: {
+        previous: {
+            attributes: {
+                'aria-label': '转到上一页',
+            },
+        },
+        next: {
+            attributes: {
+                'aria-label': '转到下一页',
+            },
+        },
+        first: {
+            attributes: {
+                'aria-label': '转到第一页',
+            },
+        },
+        last: {
+            attributes: {
+                'aria-label': (data) => `转到最后一页 ${data?.pagination?.last?.number}`,
+            },
+        },
+        page: {
+            attributes: {
+                'aria-label': (data) => `转到第 ${data?.page?.number} 页`,
+            },
+        },
+    },
+    paginationInfo: {
+        infoText: {
+            // TODO: add begin & end range here
+            value: ({ pagination }) => `${pagination?.totalResults} 件产品`,
+        },
+    },
+    result: {
+        addToCartButtonText: {
+            value: '全部加入购物车',
+            attributes: {
+                'aria-label': '全部加入购物车',
+            },
+        },
+        addToCartButtonSuccessText: {
+            value: '已添加！',
+        },
+        quickviewButtonText: {
+            value: '快速预览',
+            attributes: {
+                'aria-label': '快速预览',
+            },
+        },
+    },
+    overlayResult: {
+        addToCartButtonText: {
+            value: '全部加入购物车',
+            attributes: {
+                'aria-label': '全部加入购物车',
+            },
+        },
+        addToCartButtonSuccessText: {
+            value: '已添加！',
+        },
+    },
+    loadMore: {
+        loadMoreButton: {
+            attributes: {
+                'aria-label': '加载更多',
+            },
+        },
+        progressText: {
+            value: (data) => `您已浏览 ${data?.pagination?.end} 件，共 ${data?.pagination?.totalResults} 件产品`,
+        },
+    },
+    grid: {
+        showMoreText: {
+            value: (data) => `+ ${data?.remainder}`,
+        },
+        showLessText: {
+            value: '收起',
+        },
+    },
+    filter: {
+        filter: {
+            attributes: {
+                'aria-label': (data) => `${!data?.label ? data?.value || '' : `移除已选筛选条件 ${data?.label} ${data?.value}`}`,
+            },
+        },
+    },
+    facetSlider: {
+        sliderHandle: {
+            attributes: {
+                'aria-label': (data) => `${data?.facet?.label} 滑块，当前值 ${data?.value}，${data?.facet?.range?.low ? `最小值 ${data?.facet?.range?.low}，` : ``} ${data?.facet?.range?.high ? `最大值 ${data?.facet?.range?.high}` : ``}`,
+            },
+        },
+    },
+    facetPaletteOptions: {
+        paletteOption: {
+            attributes: {
+                'aria-label': (data) => `${data?.value?.filtered
+                    ? `移除已选筛选条件 ${data?.facet?.label || ''} - ${data?.value?.label}`
+                    : data?.facet?.label
+                        ? `按 ${data?.facet?.label} - ${data?.value?.label} 筛选`
+                        : `按 ${data?.value?.label} 筛选`}`,
+            },
+        },
+    },
+    facetListOptions: {
+        listOption: {
+            attributes: {
+                'aria-label': (data) => `${data?.value?.filtered
+                    ? `移除已选筛选条件 ${data?.facet?.label || ''} - ${data?.value?.label}`
+                    : data?.facet?.label
+                        ? `按 ${data?.facet?.label} - ${data?.value?.label} 筛选`
+                        : `按 ${data?.value?.label} 筛选`}`,
+            },
+        },
+    },
+    facetHierarchyOptions: {
+        hierarchyOption: {
+            attributes: {
+                'aria-label': (data) => `${data?.value?.filtered
+                    ? `移除已选筛选条件 ${data?.facet?.label || ''} - ${data?.value?.label}`
+                    : data?.facet?.label
+                        ? `按 ${data?.facet?.label} - ${data?.value?.label} 筛选`
+                        : `按 ${data?.value?.label} 筛选`}`,
+            },
+        },
+    },
+    facetGridOptions: {
+        gridOption: {
+            attributes: {
+                'aria-label': (data) => `${data?.value?.filtered
+                    ? `移除已选筛选条件 ${data?.facet?.label || ''} - ${data?.value?.label}`
+                    : data?.facet?.label
+                        ? `按 ${data?.facet?.label} - ${data?.value?.label} 筛选`
+                        : `按 ${data?.value?.label} 筛选`}`,
+            },
+        },
+    },
+    errorHandler: {
+        warningText: {
+            value: `<b>警告：&nbsp;</b>`,
+        },
+        infoText: {
+            value: `<b>信息：&nbsp;</b>`,
+        },
+        errorText: {
+            value: `<b>错误：&nbsp;</b>`,
+        },
+        reloadText: {
+            value: `重新加载`,
+        },
+    },
+    checkbox: {
+        checkbox: {
+            attributes: {
+                'aria-label': (data) => `${data?.disabled ? '已禁用' : ''} ${data?.checkedState ? '已选中' : '未选中'}的复选框`,
+            },
+        },
+    },
+    quantityPicker: {
+        quantityInput: {
+            attributes: {
+                'aria-label': '数量',
+            },
+        },
+        decrementButton: {
+            attributes: {
+                'aria-label': '减少数量',
+            },
+        },
+        incrementButton: {
+            attributes: {
+                'aria-label': '增加数量',
+            },
+        },
+    },
+    searchHeader: {
+        titleText: {
+            value: (data) => {
+                return `显示 ${data?.pagination?.totalResults} 条结果
+                ${data?.search?.query ? `，关于 <span class="ss__search-header__results-query">"${data?.search?.query.string}"</span>` : ''}`;
+            },
+            attributes: {
+                'aria-label': (data) => `产品网格中当前显示 ${data?.pagination?.totalResults} 项`,
+            },
+        },
+        correctedQueryText: {
+            value: (data) => {
+                return `未找到 <em>"${data?.search?.originalQuery?.string}"</em> 的结果，现改为显示 <em>"${data?.search?.query?.string}"</em> 的结果。`;
+            },
+            attributes: {
+                'aria-label': (data) => `未找到 ${data?.search?.originalQuery?.string} 的结果，现改为显示 ${data?.search?.query?.string} 的结果`,
+            },
+        },
+        noResultsText: {
+            value: (data) => {
+                return `${data?.search?.query
+                    ? `<span>
+                    未找到 <span class="ss__search-header__results-query">"${data?.search?.query?.string}"</span> 的结果。
+                </span>`
+                    : `<span>未找到结果。</span>`}`;
+            },
+            attributes: {
+                'aria-label': (data) => `未找到 ${data?.search?.query?.string} 的结果`,
+            },
+        },
+        didYouMeanText: {
+            value: (data) => {
+                return `您是指 <a href=${data?.search?.didYouMean?.url.href}>${data?.search?.didYouMean?.string}</a>？`;
+            },
+        },
+        expandedSearchText: {
+            value: (data) => {
+                return `我们未能找到与"<span class="ss__search-header__results-query">${data?.search?.query?.string}</span>"完全匹配的结果，但以下是一些相似内容：`;
+            },
+        },
+    },
+    noResults: {
+        suggestionsTitleText: {
+            value: `建议`,
+        },
+        suggestionsList: {
+            value: '<ul class="ss__no-results__suggestions__list"><li class="ss__no-results__suggestions__list__option">检查拼写错误。</li><li class="ss__no-results__suggestions__list__option">删除任何多余的关键词（例如："产品"）。</li><li class="ss__no-results__suggestions__list__option">使用其他词语描述您要查找的内容。</li></ul>',
+        },
+    },
+    gallery: {
+        gallery: {
+            attributes: {
+                'aria-label': '图片库',
+            },
+        },
+        zoomOutButton: {
+            attributes: {
+                'aria-label': '缩小',
+            },
+        },
+        zoomInButton: {
+            attributes: {
+                'aria-label': '放大',
+            },
+        },
+        closeButton: {
+            attributes: {
+                'aria-label': '关闭图片库',
+            },
+        },
+        prevButton: {
+            attributes: {
+                'aria-label': '上一张图片',
+            },
+        },
+        nextButton: {
+            attributes: {
+                'aria-label': '下一张图片',
+            },
+        },
+    },
+    quickviewLayout: {
+        quickview: {
+            attributes: {
+                'aria-label': '快速预览',
+            },
+        },
+        closeButton: {
+            attributes: {
+                'aria-label': '关闭快速预览',
+            },
+        },
+        addToCartButton: {
+            value: '加入购物车',
+        },
+        moreInfoButton: {
+            value: '更多信息',
+        },
+        loadingText: {
+            value: '加载中…',
+        },
+    },
+};

package/dist/cjs/src/Templates/index.js

@@ -1,5 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SnapTemplates = void 0;
+exports.validateTemplatesConfigUnlocked = exports.validateTemplatesConfig = exports.SnapTemplates = void 0;
 var SnapTemplates_1 = require("./SnapTemplates");
 Object.defineProperty(exports, "SnapTemplates", { enumerable: true, get: function () { return SnapTemplates_1.SnapTemplates; } });
+Object.defineProperty(exports, "validateTemplatesConfig", { enumerable: true, get: function () { return SnapTemplates_1.validateTemplatesConfig; } });
+Object.defineProperty(exports, "validateTemplatesConfigUnlocked", { enumerable: true, get: function () { return SnapTemplates_1.validateTemplatesConfigUnlocked; } });

package/dist/cjs/src/create/createAutocompleteController.js

@@ -28,6 +28,7 @@ exports.default = (config, services) => {
         profiler: services?.profiler || new snap_profiler_1.Profiler(),
         logger: services?.logger || new snap_logger_1.Logger({ mode: config.mode }),
         tracker: services?.tracker || new snap_tracker_1.Tracker(config.client.globals),
+        quickviewManager: services?.quickviewManager,
     }, config.context);
     return cntrlr;
 };

package/dist/cjs/src/create/createRecommendationController.js

@@ -23,6 +23,7 @@ exports.default = (config, services) => {
         profiler: services?.profiler || new snap_profiler_1.Profiler(),
         logger: services?.logger || new snap_logger_1.Logger({ mode: config.mode }),
         tracker: services?.tracker || new snap_tracker_1.Tracker(config.client.globals),
+        quickviewManager: services?.quickviewManager,
     }, config.context);
     return cntrlr;
 };

package/dist/cjs/src/create/createSearchController.js

@@ -23,6 +23,7 @@ exports.default = (config, services) => {
         profiler: services?.profiler || new snap_profiler_1.Profiler(),
         logger: services?.logger || new snap_logger_1.Logger({ mode: config.mode }),
         tracker: services?.tracker || new snap_tracker_1.Tracker(config.client.globals),
+        quickviewManager: services?.quickviewManager,
     }, config.context);
     return cntrlr;
 };

package/dist/cjs/src/index.js

@@ -14,13 +14,15 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.polyfills = exports.TemplatesStore = exports.SnapTemplates = exports.SnapHybrid = exports.Snap = void 0;
+exports.polyfills = exports.TemplatesStore = exports.validateTemplatesConfigUnlocked = exports.validateTemplatesConfig = exports.SnapTemplates = exports.SnapHybrid = exports.Snap = void 0;
 var Snap_1 = require("./Snap");
 Object.defineProperty(exports, "Snap", { enumerable: true, get: function () { return Snap_1.Snap; } });
 var SnapHybrid_1 = require("./SnapHybrid");
 Object.defineProperty(exports, "SnapHybrid", { enumerable: true, get: function () { return SnapHybrid_1.SnapHybrid; } });
 var Templates_1 = require("./Templates");
 Object.defineProperty(exports, "SnapTemplates", { enumerable: true, get: function () { return Templates_1.SnapTemplates; } });
+Object.defineProperty(exports, "validateTemplatesConfig", { enumerable: true, get: function () { return Templates_1.validateTemplatesConfig; } });
+Object.defineProperty(exports, "validateTemplatesConfigUnlocked", { enumerable: true, get: function () { return Templates_1.validateTemplatesConfigUnlocked; } });
 var TemplateStore_1 = require("./Templates/Stores/TemplateStore");
 Object.defineProperty(exports, "TemplatesStore", { enumerable: true, get: function () { return TemplateStore_1.TemplatesStore; } });
 var polyfills_1 = require("./polyfills/polyfills");

package/dist/esm/components/src/components/Atoms/Button/Button.d.ts

@@ -24,5 +24,5 @@ export type ButtonTemplatesLegalProps = {
 export interface ButtonLang {
     button?: Lang<never>;
 }
-export type ButtonNames = 'close' | 'apply' | 'clear' | 'slideout' | 'sidebar-toggle' | 'see-more' | 'next' | 'prev' | 'pause' | 'pagination' | 'pagination-current' | 'close-search' | 'clear-search' | 'submit-search' | 'reset-facet';
+export type ButtonNames = 'close' | 'apply' | 'clear' | 'slideout' | 'sidebar-toggle' | 'see-more' | 'next' | 'prev' | 'pause' | 'pagination' | 'pagination-current' | 'close-search' | 'clear-search' | 'submit-search' | 'reset-facet' | 'add-to-cart' | 'quickview' | 'more-info' | 'increment' | 'decrement' | 'zoom-in' | 'zoom-out';
 //# sourceMappingURL=Button.d.ts.map

package/dist/esm/components/src/components/Atoms/Button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Atoms/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAM9C,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAI7D,OAAO,EAAQ,SAAS,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACpD,OAAO,EAAE,IAAI,EAAuC,MAAM,gBAAgB,CAAC;AAqC3E,eAAO,MAAM,MAAM,gBAAyB,WAAW;;CAiGrD,CAAC;AAMH,MAAM,MAAM,WAAW,GAAG;IACzB,IAAI,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IAC3B,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;CAC/B,GAAG,yBAAyB,GAC5B,cAAc,CAAC,WAAW,CAAC,CAAC;AAE7B,MAAM,MAAM,yBAAyB,GAAG;IACvC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC,SAAS,CAAC,GAAG,OAAO,CAAC;IAC/C,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IACjE,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,MAAM,WAAW,UAAU;IAC1B,MAAM,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;CACrB;AAED,MAAM,MAAM,WAAW,GACpB,OAAO,GACP,OAAO,GACP,OAAO,GACP,UAAU,GACV,gBAAgB,GAChB,UAAU,GACV,MAAM,GACN,MAAM,GACN,OAAO,GACP,YAAY,GACZ,oBAAoB,GACpB,cAAc,GACd,cAAc,GACd,eAAe,GACf,aAAa,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Atoms/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAM9C,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAI7D,OAAO,EAAQ,SAAS,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACpD,OAAO,EAAE,IAAI,EAAuC,MAAM,gBAAgB,CAAC;AAqC3E,eAAO,MAAM,MAAM,gBAAyB,WAAW;;CAiGrD,CAAC;AAMH,MAAM,MAAM,WAAW,GAAG;IACzB,IAAI,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IAC3B,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;CAC/B,GAAG,yBAAyB,GAC5B,cAAc,CAAC,WAAW,CAAC,CAAC;AAE7B,MAAM,MAAM,yBAAyB,GAAG;IACvC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC,SAAS,CAAC,GAAG,OAAO,CAAC;IAC/C,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IACjE,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,MAAM,WAAW,UAAU;IAC1B,MAAM,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;CACrB;AAED,MAAM,MAAM,WAAW,GACpB,OAAO,GACP,OAAO,GACP,OAAO,GACP,UAAU,GACV,gBAAgB,GAChB,UAAU,GACV,MAAM,GACN,MAAM,GACN,OAAO,GACP,YAAY,GACZ,oBAAoB,GACpB,cAAc,GACd,cAAc,GACd,eAAe,GACf,aAAa,GACb,aAAa,GACb,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,SAAS,GACT,UAAU,CAAC"}

package/dist/esm/components/src/components/Atoms/Dropdown/Dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Atoms/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAQ9C,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AA+B7D,eAAO,MAAM,QAAQ,gBAAyB,aAAa;;CAwNzD,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,2BAA2B,GAAG,cAAc,CAAC,aAAa,CAAC,CAAC;AACxF,MAAM,MAAM,2BAA2B,GAAG;IACzC,MAAM,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC/B,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IACxE,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC7E,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC7E,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,EAAE,WAAW,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/F,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC"}
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Atoms/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAQ9C,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AA+B7D,eAAO,MAAM,QAAQ,gBAAyB,aAAa;;CAkOzD,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,2BAA2B,GAAG,cAAc,CAAC,aAAa,CAAC,CAAC;AACxF,MAAM,MAAM,2BAA2B,GAAG;IACzC,MAAM,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC/B,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IACxE,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC7E,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC7E,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,EAAE,WAAW,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/F,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC"}

package/dist/esm/components/src/components/Atoms/Dropdown/Dropdown.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 import { createPortal } from 'preact/compat';
-import { useState, useRef, useEffect } from 'preact/hooks';
+import { useState, useRef, useLayoutEffect } from 'preact/hooks';
 import { css } from '@emotion/react';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
@@ -71,9 +71,15 @@ export const Dropdown = observer((properties) => {
                     onToggle && onToggle(e, false);
                 }
             }
-        });
+            // capture phase so outside clicks close the dropdown even inside the quickview wrapper,
+            // which stops click propagation; the contentRef guard above covers the portaled options
+        }, true);
     }
-    useEffect(() => {
+    // Position the portal BEFORE the browser paints — with a regular effect the dropdown
+    // options would flash at (0,0) until the effect runs and computes the real button position.
+    // Resize / scroll listeners stay on a regular effect — they only need to run after
+    // the initial layout pass is committed.
+    useLayoutEffect(() => {
         if (usePortal && dropdownOpen) {
             const updateCoords = () => {
                 if (buttonRef.current) {
@@ -162,12 +168,14 @@ export const Dropdown = observer((properties) => {
                     }, children: cloneWithProps(button, { open: dropdownOpen, toggleOpen: toggleOpenDropdown, treePath }) }), !usePortal
                     ? (content || children) && contentElement
                     : (content || children) &&
-                        createPortal(_jsx("div", { className: classnames('ss__dropdown__portal', className, internalClassName, { 'ss__dropdown__portal--open': dropdownOpen }), css: styling.css, style: {
-                                position: 'absolute',
-                                top: coords.top,
-                                left: coords.left,
-                                width: coords.width,
-                                zIndex: 9999,
-                                pointerEvents: dropdownOpen ? 'auto' : 'none',
-                            }, children: contentElement }), document.body)] }) }));
+                        createPortal(_jsx("div", { className: globalTheme.name ? `ss__theme__${globalTheme.name}` : 'ss__theme__global', children: _jsx("div", { className: classnames('ss__dropdown__portal', className, internalClassName, { 'ss__dropdown__portal--open': dropdownOpen }), css: styling.css, style: {
+                                    position: 'absolute',
+                                    top: coords.top,
+                                    left: coords.left,
+                                    width: coords.width,
+                                    // 10007: above the quickview modal content (10006) so variant dropdowns paint over it,
+                                    // below the Gallery lightbox (10010). Full ladder: see QuickviewModal defaultStyles.
+                                    zIndex: 10007,
+                                    pointerEvents: dropdownOpen ? 'auto' : 'none',
+                                }, children: contentElement }) }), document.body)] }) }));
 });

package/dist/esm/components/src/components/Atoms/Image/Image.d.ts

@@ -14,9 +14,14 @@ export type ImageTemplatesLegalProps = {
     hoverSrc?: string;
     onMouseOver?: (e: React.MouseEvent<HTMLImageElement>) => void;
     onMouseOut?: (e: React.MouseEvent<HTMLImageElement>) => void;
+    onPointerDown?: (e: React.MouseEvent<HTMLImageElement>) => void;
+    onPointerMove?: (e: React.MouseEvent<HTMLImageElement>) => void;
+    onPointerUp?: (e: React.MouseEvent<HTMLImageElement>) => void;
+    onPointerLeave?: (e: React.MouseEvent<HTMLImageElement>) => void;
     onError?: (e: React.MouseEvent<HTMLImageElement>) => void;
     onLoad?: (e: React.MouseEvent<HTMLImageElement>) => void;
     onClick?: (e: React.MouseEvent<HTMLImageElement>) => void;
     lazy?: boolean;
+    draggable?: boolean;
 };
 //# sourceMappingURL=Image.d.ts.map

package/dist/esm/components/src/components/Atoms/Image/Image.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Atoms/Image/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAQ3B,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAI7D,eAAO,MAAM,kBAAkB,qDAAqD,CAAC;AAuBrF,eAAO,MAAM,KAAK,gBAAyB,UAAU;;CA8DnD,CAAC;AAEH,MAAM,MAAM,UAAU,GAAG,wBAAwB,GAAG,cAAc,CAAC,UAAU,CAAC,CAAC;AAE/E,MAAM,MAAM,wBAAwB,GAAG;IACtC,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC9D,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC7D,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC1D,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACzD,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC1D,IAAI,CAAC,EAAE,OAAO,CAAC;CACf,CAAC"}
+{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Atoms/Image/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAQ3B,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAI7D,eAAO,MAAM,kBAAkB,qDAAqD,CAAC;AAuBrF,eAAO,MAAM,KAAK,gBAAyB,UAAU;;CA8FnD,CAAC;AAEH,MAAM,MAAM,UAAU,GAAG,wBAAwB,GAAG,cAAc,CAAC,UAAU,CAAC,CAAC;AAE/E,MAAM,MAAM,wBAAwB,GAAG;IACtC,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC9D,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC7D,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAChE,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAChE,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC9D,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACjE,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC1D,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACzD,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC1D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC"}

package/dist/esm/components/src/components/Atoms/Image/Image.js

@@ -35,7 +35,7 @@ export const Image = observer((properties) => {
         treePath: globalTreePath,
     };
     const props = mergeProps('image', globalTheme, defaultProps, properties);
-    const { alt, src, fallback, title, hoverSrc, lazy, onMouseOver, onMouseOut, onError, onLoad, onClick, className, internalClassName } = props;
+    const { alt, src, fallback, title, hoverSrc, lazy, onMouseOver, onMouseOut, onError, onLoad, onClick, onPointerDown, onPointerMove, onPointerUp, onPointerLeave, className, internalClassName, draggable, } = props;
     const { overrideElement, shouldRenderDefault } = useCustomComponentOverride('image', props);
     if (!shouldRenderDefault) {
         return overrideElement;
@@ -62,5 +62,13 @@ export const Image = observer((properties) => {
                 }, onMouseOut: (e) => {
                     hoverSrc && setHover(false);
                     onMouseOut && onMouseOut(e);
-                } }) }) }));
+                }, onPointerDown: (e) => {
+                    onPointerDown && onPointerDown(e);
+                }, onPointerMove: (e) => {
+                    onPointerMove && onPointerMove(e);
+                }, onPointerUp: (e) => {
+                    onPointerUp && onPointerUp(e);
+                }, onPointerLeave: (e) => {
+                    onPointerLeave && onPointerLeave(e);
+                }, draggable: draggable }) }) }));
 });