@crystaldesign/product-detail-page 24.12.1 → 24.12.2
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.
- package/build/esm/index.js +86 -86
- package/build/umd/721.product-detail-page.umd.min.js +408 -0
- package/build/umd/{745.product-detail-page.umd.min.js.LICENSE.txt → 721.product-detail-page.umd.min.js.LICENSE.txt} +1 -1
- package/build/umd/product-detail-page.umd.min.js +1 -1
- package/build/umd/report.html +4 -5
- package/package.json +2 -2
- package/build/umd/745.product-detail-page.umd.min.js +0 -408
package/build/esm/index.js
CHANGED
|
@@ -221,7 +221,7 @@ function styleInject(css, ref) {
|
|
|
221
221
|
}
|
|
222
222
|
|
|
223
223
|
var divaAr = "diva-ar-msJ2C";
|
|
224
|
-
var css_248z$2 = "/* This keeps child nodes hidden while the element loads */\
|
|
224
|
+
var css_248z$2 = "/* This keeps child nodes hidden while the element loads */\n.diva-ar-msJ2C :not(:defined) > * {\n display: none;\n}\n\nmodel-viewer.diva-ar-msJ2C {\n overflow-x: hidden;\n}\n\n@keyframes circle-qKefP {\n from {\n transform: translateX(-50%) rotate(0deg) translateX(50px) rotate(0deg);\n }\n to {\n transform: translateX(-50%) rotate(360deg) translateX(50px) rotate(-360deg);\n }\n}\n\n@keyframes elongate-EJuQ- {\n from {\n transform: translateX(100px);\n }\n to {\n transform: translateX(-100px);\n }\n}\n\nmodel-viewer.diva-ar-msJ2C > #ar-prompt {\n position: absolute;\n left: 50%;\n bottom: 175px;\n animation: elongate-EJuQ- 2s infinite ease-in-out alternate;\n display: none;\n}\n\nmodel-viewer.diva-ar-msJ2C[ar-status='session-started'] > #ar-prompt {\n display: block;\n}\n\nmodel-viewer.diva-ar-msJ2C > #ar-prompt > img {\n animation: circle-qKefP 4s linear infinite;\n}\n\nmodel-viewer.diva-ar-msJ2C > #ar-failure {\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n bottom: 175px;\n display: none;\n}\n\nmodel-viewer.diva-ar-msJ2C[ar-tracking='not-tracking'] > #ar-failure {\n display: block;\n}\n";
|
|
225
225
|
styleInject(css_248z$2);
|
|
226
226
|
|
|
227
227
|
if (!window.customElements.get('model-viewer')) {
|
|
@@ -326,7 +326,7 @@ var Thumb = function Thumb(_ref) {
|
|
|
326
326
|
};
|
|
327
327
|
|
|
328
328
|
var gallery = "gallery-jOl8d";
|
|
329
|
-
var css_248z$1 = ".gallery-jOl8d .gallery-thumb .swiper-slide {\
|
|
329
|
+
var css_248z$1 = ".gallery-jOl8d .gallery-thumb .swiper-slide {\n opacity: 0.4;\n}\n.gallery-jOl8d .gallery-thumb .swiper-slide-thumb-active {\n opacity: 1;\n}\n\n/*navigation*/\n.gallery-jOl8d.diva-pdp-gallery .swiper-button-prev,\n.gallery-jOl8d.diva-pdp-gallery .swiper-button-next {\n position: absolute;\n top: 50%;\n top: var(--swiper-navigation-top-offset, 50%);\n width: calc(var(--swiper-navigation-size) / 44 * 27);\n height: var(--swiper-navigation-size);\n margin-top: calc(0px - (var(--swiper-navigation-size) / 2));\n z-index: 10;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--swiper-theme-color);\n color: var(--swiper-navigation-color, var(--swiper-theme-color));\n}\n.gallery-jOl8d.diva-pdp-gallery .swiper-button-prev.swiper-button-disabled,\n.gallery-jOl8d.diva-pdp-gallery .swiper-button-next.swiper-button-disabled {\n opacity: 0.35;\n cursor: auto;\n pointer-events: none;\n}\n.gallery-jOl8d.diva-pdp-gallery .swiper-button-prev.swiper-button-hidden,\n.gallery-jOl8d.diva-pdp-gallery .swiper-button-next.swiper-button-hidden {\n opacity: 0;\n cursor: auto;\n pointer-events: none;\n}\n.gallery-jOl8d.diva-pdp-gallery .swiper-navigation-disabled .swiper-button-prev,\n.gallery-jOl8d.diva-pdp-gallery .swiper-navigation-disabled .swiper-button-next {\n display: none !important;\n}\n.gallery-jOl8d.diva-pdp-gallery .swiper-button-prev svg,\n.gallery-jOl8d.diva-pdp-gallery .swiper-button-next svg {\n width: 100%;\n height: 100%;\n -o-object-fit: contain;\n object-fit: contain;\n transform-origin: center;\n}\n.gallery-jOl8d.diva-pdp-gallery .swiper-rtl .swiper-button-prev svg,\n.gallery-jOl8d.diva-pdp-gallery .swiper-rtl .swiper-button-next svg {\n transform: rotate(180deg);\n}\n.gallery-jOl8d.diva-pdp-gallery .swiper-button-prev,\n.gallery-jOl8d.diva-pdp-gallery .swiper-rtl .swiper-button-next {\n left: 10px;\n left: var(--swiper-navigation-sides-offset, 10px);\n right: auto;\n}\n.gallery-jOl8d.diva-pdp-gallery .swiper-button-next,\n.gallery-jOl8d.diva-pdp-gallery .swiper-rtl .swiper-button-prev {\n right: 10px;\n right: var(--swiper-navigation-sides-offset, 10px);\n left: auto;\n}\n.gallery-jOl8d.diva-pdp-gallery .swiper-button-lock {\n display: none;\n}\n/* Navigation font start */\n.gallery-jOl8d.diva-pdp-gallery .swiper-button-prev:after,\n.gallery-jOl8d.diva-pdp-gallery .swiper-button-next:after {\n text-transform: none !important;\n}\n.gallery-jOl8d.diva-pdp-gallery .swiper-button-prev:after,\n.gallery-jOl8d.diva-pdp-gallery .swiper-button-next:after {\n font-family: swiper-icons;\n font-size: var(--swiper-navigation-size);\n letter-spacing: 0;\n font-feature-settings: ;\n font-variant: normal;\n font-variant: initial;\n line-height: 1;\n}\n.gallery-jOl8d.diva-pdp-gallery .swiper-button-prev:after,\n.gallery-jOl8d.diva-pdp-gallery .swiper-rtl .swiper-button-next:after {\n content: 'prev';\n}\n.gallery-jOl8d.diva-pdp-gallery .swiper-button-next,\n.gallery-jOl8d.diva-pdp-gallery .swiper-rtl .swiper-button-prev {\n right: 10px;\n right: var(--swiper-navigation-sides-offset, 10px);\n left: auto;\n}\n.gallery-jOl8d.diva-pdp-gallery .swiper-button-next:after,\n.gallery-jOl8d.diva-pdp-gallery .swiper-rtl .swiper-button-prev:after {\n content: 'next';\n}\n/* Navigation font end */\n\n/*swiper min css*/\n\n@font-face {\n font-family: swiper-icons;\n src: url('data:application/font-woff;charset=utf-8;base64, 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');\n font-weight: 400;\n font-style: normal;\n}\n\n.gallery-jOl8d.diva-pdp-gallery .swiper {\n margin-left: auto;\n margin-right: auto;\n position: relative;\n overflow: hidden;\n list-style: none;\n padding: 0;\n z-index: 1;\n}\n.gallery-jOl8d.diva-pdp-gallery .swiper-vertical > .swiper-wrapper {\n flex-direction: column;\n}\n.gallery-jOl8d.diva-pdp-gallery .swiper-wrapper {\n position: relative;\n width: 100%;\n height: 100%;\n z-index: 1;\n display: flex;\n transition-property: transform;\n box-sizing: content-box;\n}\n.gallery-jOl8d.diva-pdp-gallery .swiper-android .swiper-slide,\n.gallery-jOl8d.diva-pdp-gallery .swiper-wrapper {\n transform: translate3d(0px, 0, 0);\n}\n.gallery-jOl8d.diva-pdp-gallery .swiper-pointer-events {\n touch-action: pan-y;\n}\n.gallery-jOl8d.diva-pdp-gallery .swiper-pointer-events.swiper-vertical {\n touch-action: pan-x;\n}\n.gallery-jOl8d.diva-pdp-gallery .swiper-slide {\n flex-shrink: 0;\n width: 100%;\n height: 100%;\n position: relative;\n transition-property: transform;\n}\n\n.gallery-jOl8d.diva-pdp-gallery .swiper-slide-invisible-blank {\n visibility: hidden;\n}\n.gallery-jOl8d.diva-pdp-gallery .swiper-autoheight,\n.gallery-jOl8d.diva-pdp-gallery .swiper-autoheight .swiper-slide {\n height: auto;\n}\n.gallery-jOl8d.diva-pdp-gallery .swiper-autoheight .swiper-wrapper {\n align-items: flex-start;\n transition-property: transform, height;\n}\n.gallery-jOl8d.diva-pdp-gallery .swiper-backface-hidden .swiper-slide {\n transform: translateZ(0);\n backface-visibility: hidden;\n}\n.gallery-jOl8d.diva-pdp-gallery .swiper-horizontal.swiper-css-mode > .swiper-wrapper {\n scroll-snap-type: x mandatory;\n}\n.gallery-jOl8d.diva-pdp-gallery .swiper-vertical.swiper-css-mode > .swiper-wrapper {\n scroll-snap-type: y mandatory;\n}\n.gallery-jOl8d.diva-pdp-gallery .swiper-centered > .swiper-wrapper::before {\n content: '';\n flex-shrink: 0;\n order: 9999;\n}\n[dir=\"ltr\"] .gallery-jOl8d.diva-pdp-gallery .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n margin-left: var(--swiper-centered-offset-before);\n}\n[dir=\"rtl\"] .gallery-jOl8d.diva-pdp-gallery .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n margin-right: var(--swiper-centered-offset-before);\n}\n.gallery-jOl8d.diva-pdp-gallery .swiper-centered.swiper-horizontal > .swiper-wrapper::before {\n height: 100%;\n min-height: 1px;\n width: var(--swiper-centered-offset-after);\n}\n.gallery-jOl8d.diva-pdp-gallery .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {\n margin-top: var(--swiper-centered-offset-before);\n}\n.gallery-jOl8d.diva-pdp-gallery .swiper-centered.swiper-vertical > .swiper-wrapper::before {\n width: 100%;\n min-width: 1px;\n height: var(--swiper-centered-offset-after);\n}\n.gallery-jOl8d.diva-pdp-gallery .swiper-centered > .swiper-wrapper > .swiper-slide {\n scroll-snap-align: center center;\n}\n";
|
|
330
330
|
styleInject(css_248z$1);
|
|
331
331
|
|
|
332
332
|
var PageNumber = function PageNumber(_ref) {
|
|
@@ -522,7 +522,7 @@ var Actions = function Actions(_ref) {
|
|
|
522
522
|
};
|
|
523
523
|
|
|
524
524
|
var variants = "variants-HWTGr";
|
|
525
|
-
var css_248z = "/*navigation*/\
|
|
525
|
+
var css_248z = "/*navigation*/\n.variants-HWTGr.classification-group .swiper-button-prev,\n.variants-HWTGr.classification-group .swiper-button-next {\n position: absolute;\n top: 50%;\n top: var(--swiper-navigation-top-offset, 50%);\n width: calc(var(--swiper-navigation-size) / 44 * 27);\n height: var(--swiper-navigation-size);\n margin-top: calc(0px - (var(--swiper-navigation-size) / 2));\n z-index: 10;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--swiper-theme-color);\n color: var(--swiper-navigation-color, var(--swiper-theme-color));\n}\n.variants-HWTGr.classification-group .swiper-button-prev.swiper-button-disabled,\n.variants-HWTGr.classification-group .swiper-button-next.swiper-button-disabled {\n opacity: 0.35;\n cursor: auto;\n pointer-events: none;\n}\n.variants-HWTGr.classification-group .swiper-button-prev.swiper-button-hidden,\n.variants-HWTGr.classification-group .swiper-button-next.swiper-button-hidden {\n opacity: 0;\n cursor: auto;\n pointer-events: none;\n}\n.variants-HWTGr.classification-group .swiper-navigation-disabled .swiper-button-prev,\n.variants-HWTGr.classification-group .swiper-navigation-disabled .swiper-button-next {\n display: none !important;\n}\n.variants-HWTGr.classification-group .swiper-button-prev svg,\n.variants-HWTGr.classification-group .swiper-button-next svg {\n width: 100%;\n height: 100%;\n -o-object-fit: contain;\n object-fit: contain;\n transform-origin: center;\n}\n.variants-HWTGr.classification-group .swiper-rtl .swiper-button-prev svg,\n.variants-HWTGr.classification-group .swiper-rtl .swiper-button-next svg {\n transform: rotate(180deg);\n}\n.variants-HWTGr.classification-group .swiper-button-prev,\n.variants-HWTGr.classification-group .swiper-rtl .swiper-button-next {\n left: 10px;\n left: var(--swiper-navigation-sides-offset, 10px);\n right: auto;\n}\n.variants-HWTGr.classification-group .swiper-button-next,\n.variants-HWTGr.classification-group .swiper-rtl .swiper-button-prev {\n right: 10px;\n right: var(--swiper-navigation-sides-offset, 10px);\n left: auto;\n}\n.variants-HWTGr.classification-group .swiper-button-lock {\n display: none;\n}\n/* Navigation font start */\n.variants-HWTGr.classification-group .swiper-button-prev:after,\n.variants-HWTGr.classification-group .swiper-button-next:after {\n text-transform: none !important;\n}\n.variants-HWTGr.classification-group .swiper-button-prev:after,\n.variants-HWTGr.classification-group .swiper-button-next:after {\n font-family: swiper-icons;\n font-size: var(--swiper-navigation-size);\n letter-spacing: 0;\n font-feature-settings: ;\n font-variant: normal;\n font-variant: initial;\n line-height: 1;\n}\n.variants-HWTGr.classification-group .swiper-button-prev:after,\n.variants-HWTGr.classification-group .swiper-rtl .swiper-button-next:after {\n content: 'prev';\n}\n.variants-HWTGr.classification-group .swiper-button-next,\n.variants-HWTGr.classification-group .swiper-rtl .swiper-button-prev {\n right: 10px;\n right: var(--swiper-navigation-sides-offset, 10px);\n left: auto;\n}\n.variants-HWTGr.classification-group .swiper-button-next:after,\n.variants-HWTGr.classification-group .swiper-rtl .swiper-button-prev:after {\n content: 'next';\n}\n/* Navigation font end */\n\n/*swiper min css*/\n\n@font-face {\n font-family: swiper-icons;\n src: url('data:application/font-woff;charset=utf-8;base64, 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');\n font-weight: 400;\n font-style: normal;\n}\n\n.variants-HWTGr.classification-group .swiper {\n position: relative;\n overflow: hidden;\n list-style: none;\n padding: 0;\n z-index: 1;\n}\n.variants-HWTGr.classification-group .swiper-vertical.swiper {\n width: 100%;\n}\n\n.variants-HWTGr.classification-group .swiper-vertical > .swiper-wrapper {\n flex-direction: column;\n}\n.variants-HWTGr.classification-group .swiper-wrapper {\n position: relative;\n width: 100%;\n height: 100%;\n z-index: 1;\n display: flex;\n transition-property: transform;\n box-sizing: content-box;\n}\n.variants-HWTGr.classification-group .swiper-android .swiper-slide,\n.variants-HWTGr.classification-group .swiper-wrapper {\n transform: translate3d(0px, 0, 0);\n}\n.variants-HWTGr.classification-group .swiper-pointer-events {\n touch-action: pan-y;\n}\n.variants-HWTGr.classification-group .swiper-pointer-events.swiper-vertical {\n touch-action: pan-x;\n}\n.variants-HWTGr.classification-group .swiper-slide {\n flex-shrink: 0;\n height: 100%;\n position: relative;\n transition-property: transform;\n}\n\n.variants-HWTGr.classification-group .swiper-vertical .swiper-slide {\n height: auto;\n}\n\n.variants-HWTGr.classification-group .swiper-slide-invisible-blank {\n visibility: hidden;\n}\n.variants-HWTGr.classification-group .swiper-autoheight,\n.variants-HWTGr.classification-group .swiper-autoheight .swiper-slide {\n height: auto;\n}\n.variants-HWTGr.classification-group .swiper-autoheight .swiper-wrapper {\n align-items: flex-start;\n transition-property: transform, height;\n}\n.variants-HWTGr.classification-group .swiper-backface-hidden .swiper-slide {\n transform: translateZ(0);\n backface-visibility: hidden;\n}\n.variants-HWTGr.classification-group .swiper-horizontal.swiper-css-mode > .swiper-wrapper {\n scroll-snap-type: x mandatory;\n}\n.variants-HWTGr.classification-group .swiper-vertical.swiper-css-mode > .swiper-wrapper {\n scroll-snap-type: y mandatory;\n}\n.variants-HWTGr.classification-group .swiper-centered > .swiper-wrapper::before {\n content: '';\n flex-shrink: 0;\n order: 9999;\n}\n[dir=\"ltr\"] .variants-HWTGr.classification-group .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n margin-left: var(--swiper-centered-offset-before);\n}\n[dir=\"rtl\"] .variants-HWTGr.classification-group .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n margin-right: var(--swiper-centered-offset-before);\n}\n.variants-HWTGr.classification-group .swiper-centered.swiper-horizontal > .swiper-wrapper::before {\n height: 100%;\n min-height: 1px;\n width: var(--swiper-centered-offset-after);\n}\n.variants-HWTGr.classification-group .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {\n margin-top: var(--swiper-centered-offset-before);\n}\n.variants-HWTGr.classification-group .swiper-centered.swiper-vertical > .swiper-wrapper::before {\n width: 100%;\n min-width: 1px;\n height: var(--swiper-centered-offset-after);\n}\n.variants-HWTGr.classification-group .swiper-centered > .swiper-wrapper > .swiper-slide {\n scroll-snap-align: center center;\n}\n";
|
|
526
526
|
styleInject(css_248z);
|
|
527
527
|
|
|
528
528
|
function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
@@ -845,12 +845,12 @@ var _UiElemet = function UiElemet(_ref) {
|
|
|
845
845
|
|
|
846
846
|
function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
847
847
|
function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
848
|
-
/**
|
|
849
|
-
* Filters the content based on the current settings
|
|
850
|
-
*
|
|
851
|
-
* @param content the content to filter
|
|
852
|
-
* @param isMobile if the device is mobile
|
|
853
|
-
* @param isPortrait if the device is in portrait mode
|
|
848
|
+
/**
|
|
849
|
+
* Filters the content based on the current settings
|
|
850
|
+
*
|
|
851
|
+
* @param content the content to filter
|
|
852
|
+
* @param isMobile if the device is mobile
|
|
853
|
+
* @param isPortrait if the device is in portrait mode
|
|
854
854
|
*/
|
|
855
855
|
function filterContent(content, isMobile, isPortrait) {
|
|
856
856
|
if (typeof content !== 'string' && 'containers' in content) {
|
|
@@ -870,12 +870,12 @@ function filterContent(content, isMobile, isPortrait) {
|
|
|
870
870
|
return null;
|
|
871
871
|
}
|
|
872
872
|
|
|
873
|
-
/**
|
|
874
|
-
* Checks if an element should be filtered out, based on the current settings
|
|
875
|
-
*
|
|
876
|
-
* @param content the content to check
|
|
877
|
-
* @param isMobile if the device is mobile
|
|
878
|
-
* @param isPortrait if the device is in portrait mode
|
|
873
|
+
/**
|
|
874
|
+
* Checks if an element should be filtered out, based on the current settings
|
|
875
|
+
*
|
|
876
|
+
* @param content the content to check
|
|
877
|
+
* @param isMobile if the device is mobile
|
|
878
|
+
* @param isPortrait if the device is in portrait mode
|
|
879
879
|
*/
|
|
880
880
|
function isVisible(content, isMobile, isPortrait) {
|
|
881
881
|
var _content$onlyFor, _content$onlyFor2, _content$onlyFor3, _content$onlyFor4;
|
|
@@ -889,12 +889,12 @@ function isVisible(content, isMobile, isPortrait) {
|
|
|
889
889
|
return true;
|
|
890
890
|
}
|
|
891
891
|
|
|
892
|
-
/**
|
|
893
|
-
* Replaces the template strings in the content with the actual product data
|
|
894
|
-
*
|
|
895
|
-
* @param content the content to parse
|
|
896
|
-
* @param product the product data to use
|
|
897
|
-
* @param language the language to use
|
|
892
|
+
/**
|
|
893
|
+
* Replaces the template strings in the content with the actual product data
|
|
894
|
+
*
|
|
895
|
+
* @param content the content to parse
|
|
896
|
+
* @param product the product data to use
|
|
897
|
+
* @param language the language to use
|
|
898
898
|
*/
|
|
899
899
|
function replaceTemplateStrings (content, product, language) {
|
|
900
900
|
if (typeof content == 'string') return content;
|
|
@@ -902,11 +902,11 @@ function replaceTemplateStrings (content, product, language) {
|
|
|
902
902
|
return recursiveReplaceTemplates(content, flatProduct, language);
|
|
903
903
|
}
|
|
904
904
|
|
|
905
|
-
/**
|
|
906
|
-
* Replaces the template string in all fields of the content object with the actual product data
|
|
907
|
-
*
|
|
908
|
-
* @param content the content to parse
|
|
909
|
-
* @param product the flattend version of the product data
|
|
905
|
+
/**
|
|
906
|
+
* Replaces the template string in all fields of the content object with the actual product data
|
|
907
|
+
*
|
|
908
|
+
* @param content the content to parse
|
|
909
|
+
* @param product the flattend version of the product data
|
|
910
910
|
*/
|
|
911
911
|
function recursiveReplaceTemplates(content, product, language) {
|
|
912
912
|
for (var _i = 0, _Object$entries = Object.entries(content); _i < _Object$entries.length; _i++) {
|
|
@@ -929,12 +929,12 @@ function recursiveReplaceTemplates(content, product, language) {
|
|
|
929
929
|
return content;
|
|
930
930
|
}
|
|
931
931
|
|
|
932
|
-
/**
|
|
933
|
-
* replaces the templates in on string with the actual product data
|
|
934
|
-
*
|
|
935
|
-
* @param template the templatestring to parse
|
|
936
|
-
* @param product the flattend version of the product data
|
|
937
|
-
* @param locale the locale to use, if any
|
|
932
|
+
/**
|
|
933
|
+
* replaces the templates in on string with the actual product data
|
|
934
|
+
*
|
|
935
|
+
* @param template the templatestring to parse
|
|
936
|
+
* @param product the flattend version of the product data
|
|
937
|
+
* @param locale the locale to use, if any
|
|
938
938
|
*/
|
|
939
939
|
function replaceTemplateString(template, product, locale) {
|
|
940
940
|
var matches = checkForTemplateStrings(template);
|
|
@@ -951,11 +951,11 @@ function replaceTemplateString(template, product, locale) {
|
|
|
951
951
|
return template;
|
|
952
952
|
}
|
|
953
953
|
|
|
954
|
-
/**
|
|
955
|
-
* Extracts all substrings that are inside ${...}
|
|
956
|
-
*
|
|
957
|
-
* @param input the template to parse
|
|
958
|
-
* @returns a list of values extracted form the template
|
|
954
|
+
/**
|
|
955
|
+
* Extracts all substrings that are inside ${...}
|
|
956
|
+
*
|
|
957
|
+
* @param input the template to parse
|
|
958
|
+
* @returns a list of values extracted form the template
|
|
959
959
|
*/
|
|
960
960
|
function checkForTemplateStrings(input) {
|
|
961
961
|
// Regular expression to match ${...}
|
|
@@ -973,10 +973,10 @@ function checkForTemplateStrings(input) {
|
|
|
973
973
|
|
|
974
974
|
function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
975
975
|
function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
976
|
-
/**
|
|
977
|
-
* Replaces the references in the content with the actual content
|
|
978
|
-
* @param content the current content to parse
|
|
979
|
-
* @param fullContent the full content to look for references
|
|
976
|
+
/**
|
|
977
|
+
* Replaces the references in the content with the actual content
|
|
978
|
+
* @param content the current content to parse
|
|
979
|
+
* @param fullContent the full content to look for references
|
|
980
980
|
*/
|
|
981
981
|
function resolveReferences(content, fullContent) {
|
|
982
982
|
if (typeof content == 'string') {
|
|
@@ -1021,12 +1021,12 @@ function resolveReferences(content, fullContent) {
|
|
|
1021
1021
|
}
|
|
1022
1022
|
}
|
|
1023
1023
|
|
|
1024
|
-
/**
|
|
1025
|
-
* Recursive find a content element by id
|
|
1026
|
-
*
|
|
1027
|
-
* @param id the id of the element to find
|
|
1028
|
-
* @param content the root content element
|
|
1029
|
-
* @throws an error if the id is not found
|
|
1024
|
+
/**
|
|
1025
|
+
* Recursive find a content element by id
|
|
1026
|
+
*
|
|
1027
|
+
* @param id the id of the element to find
|
|
1028
|
+
* @param content the root content element
|
|
1029
|
+
* @throws an error if the id is not found
|
|
1030
1030
|
*/
|
|
1031
1031
|
function getContentById(id, content) {
|
|
1032
1032
|
if (typeof content != 'string') {
|
|
@@ -1043,11 +1043,11 @@ function getContentById(id, content) {
|
|
|
1043
1043
|
return null;
|
|
1044
1044
|
}
|
|
1045
1045
|
|
|
1046
|
-
/**
|
|
1047
|
-
* Make sure that the CSS is in the dome and that it has the current content
|
|
1048
|
-
*
|
|
1049
|
-
* @param url an url to a css file
|
|
1050
|
-
* @param css the css content as text
|
|
1046
|
+
/**
|
|
1047
|
+
* Make sure that the CSS is in the dome and that it has the current content
|
|
1048
|
+
*
|
|
1049
|
+
* @param url an url to a css file
|
|
1050
|
+
* @param css the css content as text
|
|
1051
1051
|
*/
|
|
1052
1052
|
function updateCssInDom (url, css) {
|
|
1053
1053
|
if (url) {
|
|
@@ -1081,37 +1081,37 @@ function updateCssInDom (url, css) {
|
|
|
1081
1081
|
function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1082
1082
|
function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1083
1083
|
|
|
1084
|
-
/**
|
|
1085
|
-
* Replace the configurated actions with an onClick function
|
|
1086
|
-
*
|
|
1087
|
-
* Needs to be called after the references are resolved, but before the templates are replaced.
|
|
1088
|
-
* The onClick function accepts a product id, which can differ from the current product, so the translation has to be done in the function
|
|
1089
|
-
*
|
|
1090
|
-
* @param content the content to replace the actions in
|
|
1091
|
-
* @param productVariants the current product variants, needed for the side menu renderer
|
|
1092
|
-
* @param product the current product, needed for the side menu renderer and the is also passed with the event
|
|
1093
|
-
* @param language the language to use, needed to translated the action
|
|
1094
|
-
* @param selectProduct the function to select a product, needed for the side menu renderer
|
|
1095
|
-
* @param openComponentFunction the function to open a component, called when an action with openComponent config is clicked
|
|
1096
|
-
* @param onEventFunction the function to handle an event, called when an action with onEvent config is clicked, the current product is passed with the event
|
|
1097
|
-
* @param openSideMenuFunction the function to open a side menu, called when an action with openMenu config is clicked, a side menu is opened with the rendered content
|
|
1084
|
+
/**
|
|
1085
|
+
* Replace the configurated actions with an onClick function
|
|
1086
|
+
*
|
|
1087
|
+
* Needs to be called after the references are resolved, but before the templates are replaced.
|
|
1088
|
+
* The onClick function accepts a product id, which can differ from the current product, so the translation has to be done in the function
|
|
1089
|
+
*
|
|
1090
|
+
* @param content the content to replace the actions in
|
|
1091
|
+
* @param productVariants the current product variants, needed for the side menu renderer
|
|
1092
|
+
* @param product the current product, needed for the side menu renderer and the is also passed with the event
|
|
1093
|
+
* @param language the language to use, needed to translated the action
|
|
1094
|
+
* @param selectProduct the function to select a product, needed for the side menu renderer
|
|
1095
|
+
* @param openComponentFunction the function to open a component, called when an action with openComponent config is clicked
|
|
1096
|
+
* @param onEventFunction the function to handle an event, called when an action with onEvent config is clicked, the current product is passed with the event
|
|
1097
|
+
* @param openSideMenuFunction the function to open a side menu, called when an action with openMenu config is clicked, a side menu is opened with the rendered content
|
|
1098
1098
|
*/
|
|
1099
1099
|
function replaceActions (content, productVariants, product, language, selectProduct, openComponentFunction, onEventFunction, openSideMenuFunction) {
|
|
1100
1100
|
if (typeof content == 'string') return content;
|
|
1101
1101
|
return recursiveReplaceActions(content, productVariants, product, language, selectProduct, openComponentFunction, onEventFunction, openSideMenuFunction);
|
|
1102
1102
|
}
|
|
1103
1103
|
|
|
1104
|
-
/**
|
|
1105
|
-
* Recursively replace the actions in the content with an onClick function
|
|
1106
|
-
*
|
|
1107
|
-
* @param content the content to replace the actions in
|
|
1108
|
-
* @param productVariants the current product variants
|
|
1109
|
-
* @param product the current product
|
|
1110
|
-
* @param language the language to use
|
|
1111
|
-
* @param selectProduct the function to select a product
|
|
1112
|
-
* @param openComponentFunction the function to open a component
|
|
1113
|
-
* @param onEventFunction the function to handle an event
|
|
1114
|
-
* @param openSideMenuFunction the function to open a side menu
|
|
1104
|
+
/**
|
|
1105
|
+
* Recursively replace the actions in the content with an onClick function
|
|
1106
|
+
*
|
|
1107
|
+
* @param content the content to replace the actions in
|
|
1108
|
+
* @param productVariants the current product variants
|
|
1109
|
+
* @param product the current product
|
|
1110
|
+
* @param language the language to use
|
|
1111
|
+
* @param selectProduct the function to select a product
|
|
1112
|
+
* @param openComponentFunction the function to open a component
|
|
1113
|
+
* @param onEventFunction the function to handle an event
|
|
1114
|
+
* @param openSideMenuFunction the function to open a side menu
|
|
1115
1115
|
*/
|
|
1116
1116
|
function recursiveReplaceActions(content, productVariants, product, language, selectProduct, openComponentFunction, onEventFunction, openSideMenuFunction) {
|
|
1117
1117
|
var keys = Object.keys(content);
|
|
@@ -1322,15 +1322,15 @@ function useDetailPage(_ref) {
|
|
|
1322
1322
|
isPortrait: isPortrait
|
|
1323
1323
|
};
|
|
1324
1324
|
}
|
|
1325
|
-
/**
|
|
1326
|
-
* Takes the content from the configuration and processes it to render in the ui.
|
|
1327
|
-
* This includes replacing references and filtering out elements that should not be rendered
|
|
1328
|
-
*
|
|
1329
|
-
* @param content the content to parse
|
|
1330
|
-
* @param isMobile if the device is mobile
|
|
1331
|
-
* @param isPortrait if the device is in portrait mode
|
|
1332
|
-
* @param product the product data to use
|
|
1333
|
-
* @param language the language to use
|
|
1325
|
+
/**
|
|
1326
|
+
* Takes the content from the configuration and processes it to render in the ui.
|
|
1327
|
+
* This includes replacing references and filtering out elements that should not be rendered
|
|
1328
|
+
*
|
|
1329
|
+
* @param content the content to parse
|
|
1330
|
+
* @param isMobile if the device is mobile
|
|
1331
|
+
* @param isPortrait if the device is in portrait mode
|
|
1332
|
+
* @param product the product data to use
|
|
1333
|
+
* @param language the language to use
|
|
1334
1334
|
*/
|
|
1335
1335
|
function parseContent(isMobile, isPortrait, productVariants, product, language, selectProduct, openComponentFunction, onEventFunction, openSideMenuFunction, content) {
|
|
1336
1336
|
var finalContent = null;
|