storyly-web 2.14.0 → 2.15.0
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/dist/ProductCatalog.42e572d6.js +1 -1
- package/dist/index.js +9 -7
- package/dist/storyly-web.js +9 -7
- package/package.json +1 -1
|
@@ -5,5 +5,5 @@ parcelRequire=function(e,r,t,n){var i,o="function"==typeof parcelRequire&&parcel
|
|
|
5
5
|
},{"../../../lib/util":"PesM"}],"kvuH":[function(require,module,exports) {
|
|
6
6
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ProductCardTemplate",{enumerable:!0,get:function(){return e.default}}),Object.defineProperty(exports,"ProductCatalogTemplate",{enumerable:!0,get:function(){return t.default}});var e=r(require("./productCard")),t=r(require("./productCatalog"));function r(e){return e&&e.__esModule?e:{default:e}}
|
|
7
7
|
},{"./productCard":"Pi05","./productCatalog":"WudP"}],"rFjg":[function(require,module,exports) {
|
|
8
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=y(require("@babel/runtime/helpers/slicedToArray")),e=y(require("@babel/runtime/helpers/asyncToGenerator")),r=y(require("@babel/runtime/helpers/defineProperty")),a=y(require("@babel/runtime/helpers/classCallCheck")),n=y(require("@babel/runtime/helpers/createClass")),o=y(require("@babel/runtime/helpers/inherits")),s=y(require("@babel/runtime/helpers/possibleConstructorReturn")),i=y(require("@babel/runtime/helpers/getPrototypeOf")),u=y(require("@babel/runtime/regenerator")),
|
|
8
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=y(require("@babel/runtime/helpers/slicedToArray")),e=y(require("@babel/runtime/helpers/asyncToGenerator")),r=y(require("@babel/runtime/helpers/defineProperty")),a=y(require("@babel/runtime/helpers/classCallCheck")),n=y(require("@babel/runtime/helpers/createClass")),o=y(require("@babel/runtime/helpers/inherits")),s=y(require("@babel/runtime/helpers/possibleConstructorReturn")),i=y(require("@babel/runtime/helpers/getPrototypeOf")),u=y(require("@babel/runtime/regenerator")),c=y(require("../base")),d=y(require("../../components/StoryProduct")),l=require("./template"),p=require("../../constants/layerTypes"),h=require("../../lib/util"),f=y(require("../../constants/layouts")),_=require("../../constants/events");function y(t){return t&&t.__esModule?t:{default:t}}function v(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);e&&(a=a.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,a)}return r}function b(t){for(var e=1;e<arguments.length;e++){var a=null!=arguments[e]?arguments[e]:{};e%2?v(Object(a),!0).forEach(function(e){(0,r.default)(t,e,a[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(a)):v(Object(a)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(a,e))})}return t}function C(t){var e=m();return function(){var r,a=(0,i.default)(t);if(e){var n=(0,i.default)(this).constructor;r=Reflect.construct(a,arguments,n)}else r=a.apply(this,arguments);return(0,s.default)(this,r)}}function m(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch(t){return!1}}var g=function(r){(0,o.default)(i,r);var s=C(i);function i(t){var e,r=t.layer,n=t.group,o=t.storyDom,u=t.story,c=t.instanceId;return(0,a.default)(this,i),(e=s.call(this,{type:p.LayerTemplateTypes.PRODUCT_CATALOG,storyDom:o,instanceId:c})).story_=u,e.group_=n,e.dom_=null,e.rendered_=!1,e.storyPaused_=!1,e.setLayerData(b({},r)),e.attachCallbacksToElement_(),e.generateComponentAndAppendToPage((0,l.ProductCatalogTemplate)(e.globalInstanceData,c)).then(function(t){e.dom_=t,e.init_(),e.storyObserver_(e.storyObserverCallback_)}),e}return(0,n.default)(i,[{key:"attachCallbacksToElement_",value:function(){this.storyObserverCallback_=this.storyObserverCallback_.bind(this),this.onClickArrow_=this.onClickArrow_.bind(this),this.renderProducts_=this.renderProducts_.bind(this),this.handleScrollArrows_=this.handleScrollArrows_.bind(this)}},{key:"init_",value:function(){var t=(0,e.default)(u.default.mark(function t(){return u.default.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:this.productCardsContainer_=this.dom_.querySelector(".product-list"),(0,h.stopEventBubbling)(this.productCardsContainer_,"touchmove",!1),this.storyProduct_=new d.default({instanceId:this.instanceId,layer:this.layerData,storyDom:this.storyDom_,group:this.group_,story:this.story_}),this.handleScrollArrows_();case 4:case"end":return t.stop()}},t,this)}));return function(){return t.apply(this,arguments)}}()},{key:"storyObserverCallback_",value:function(t){var e=this;t.forEach(function(t){var r=t.type,a=t.attributeName,n=t.target;if("attributes"===r&&"show"===a){if(n.hasAttribute("show")){var o=e.renderProducts_();setTimeout(function(){return o.classList.add("active")},0),e.rendered_=!0}n.hasAttribute("show")||(e.productCardsContainer_.classList.remove("active"),e.productCardsContainer_.scrollTo(0,0))}"attributes"===r&&"paused"===a&&(e.storyPaused_=n.hasAttribute("paused"))})}},{key:"handleScrollArrows_",value:function(){var e=this;if((this.layerData.products||this.layerData.s_products).length>1){var r=this.dom_.querySelectorAll(".product-list-arrow"),a=(0,t.default)(r,2),n=a[0],o=a[1];this.globalInstanceData.layout===f.default.MODERN&&r.forEach(function(t,r){1===r&&o.removeAttribute("hidden"),t.addEventListener("click",e.onClickArrow_)}),this.productCardsContainer_.addEventListener("scroll",function(t){var r=t.currentTarget,a=r.scrollLeft,s=r.clientWidth,i=r.scrollWidth;e.storyPaused_||(0,h.createAndDispatchEvent)(e.dom_,"onPlayPause"),e.globalInstanceData.layout!==f.default.CLASSIC&&(a+s>=i-1?o.setAttribute("hidden","true"):(a>0&&(n.removeAttribute("hidden"),o.removeAttribute("hidden")),0===a&&n.setAttribute("hidden","true")))})}}},{key:"onClickArrow_",value:function(t){var e=t.target;this.storyPaused_||(0,h.createAndDispatchEvent)(this.dom_,"onPlayPause");var r=this.productCardsContainer_.firstElementChild.offsetWidth;e.classList.contains("right-arrow")?this.productCardsContainer_.scrollTo({left:this.productCardsContainer_.scrollLeft+r}):this.productCardsContainer_.scrollTo({left:this.productCardsContainer_.scrollLeft-r})}},{key:"renderProducts_",value:function(){var t=this;if(this.rendered_){var e=this.layerData,r=e.products,a=e.s_products,n=this.instanceClass.storylyHydration.filter(function(t){return(r||a).filter(function(e){return e.product_group_id===t.product_group_id}).length});if((0,h.isArraysEqual)(n,r||a))return this.productCardsContainer_;this.layerData.productVariants=n,this.productCardsContainer_.innerHTML=""}var o=function(e){var r=e.target.closest(".product-card");if(t.handleEvent_(_.LayerEventTypes.ProductCatalogClicked),t.layerData.s_products){var a=r.dataset.productIndex,n=t.layerData.s_products[a].url;n&&(0,h.openLink)(n)}else t.storyProduct_.onPurchase(r.dataset.productId,!1)};return this.appendProducts_(),(0,h.isMobileView)()?(this.productCardsContainer_.addEventListener("touchstart",function(e){e.stopPropagation(),e.stopImmediatePropagation(),t.productCardsContainer_.childNodes.forEach(function(t){t.addEventListener("touchend",o)})}),this.productCardsContainer_.addEventListener("scroll",function(){t.productCardsContainer_.childNodes.forEach(function(t){t.removeEventListener("touchend",o)})}),(0,h.stopEventBubbling)(this.productCardsContainer_,"touchend",!1)):this.productCardsContainer_.childNodes.forEach(function(t){t.addEventListener("click",o)}),this.productCardsContainer_}},{key:"appendProducts_",value:function(){var t=this;this.layerData.s_products?this.layerData.s_products.forEach(function(e,r){var a=t.generateHtmlFromTemplate((0,l.ProductCardTemplate)(b(b({},t.layerData),e),r));t.productCardsContainer_.appendChild(a)}):this.layerData.products.forEach(function(e){var r=e.product_id,a=e.product_group_id,n=t.layerData.productVariants.find(function(t){return t.product_id===r||t.product_group_id===a});if(n){var o=t.generateHtmlFromTemplate((0,l.ProductCardTemplate)(b(b({},t.layerData),n)));t.productCardsContainer_.appendChild(o)}})}},{key:"handleEvent_",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=b({event_type:t,story_group_id:+this.group_.group_id,story_id:+this.story_.story_id,story_group_index:null,story_index:null,story_group_type:"default",story_interactive_x:null,story_interactive_y:null,duration:null,watch_length:null,event_time:Date.now(),uid:this.layerData.uid},e);this.api.sendEvent(r)}}]),i}(c.default),P=g;exports.default=P;
|
|
9
9
|
},{"@babel/runtime/helpers/slicedToArray":"HETk","@babel/runtime/helpers/asyncToGenerator":"agGE","@babel/runtime/helpers/defineProperty":"IxO8","@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW","@babel/runtime/helpers/inherits":"d4H2","@babel/runtime/helpers/possibleConstructorReturn":"pxk2","@babel/runtime/helpers/getPrototypeOf":"UJE0","@babel/runtime/regenerator":"PMvg","../base":"skR7","../../components/StoryProduct":"GdVG","./template":"kvuH","../../constants/layerTypes":"aJRz","../../lib/util":"PesM","../../constants/layouts":"kUgL","../../constants/events":"d0lR"}]},{},[], null)
|