@social-mail/social-mail-client 1.2.331 → 1.2.332

package/dist/public/store/Store.pack.min.js

@@ -508,7 +508,7 @@ and limitations under the License.
             color: #ffffff;
         }
     }        
-    `.installGlobal("[data-button-bar=button-bar]")}}}));AmdLoader.instance.setup("@web-atoms/web-controls/dist/basic/styles/toggle-button-bar-style");System.register(["tslib","@web-atoms/core/dist/core/BindableProperty","@web-atoms/core/dist/core/XNode","./AtomRepeater","./styles/toggle-button-bar-style"],(function(_export,_context){"use strict";var __decorate,__metadata,BindableProperty,XNode,AtomRepeater,ToggleButtonBar;_export("default",void 0);return{setters:[function(_tslib){__decorate=_tslib.__decorate;__metadata=_tslib.__metadata},function(_webAtomsCoreDistCoreBindableProperty){BindableProperty=_webAtomsCoreDistCoreBindableProperty.BindableProperty},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_AtomRepeater){AtomRepeater=_AtomRepeater.default},function(_stylesToggleButtonBarStyle){}],execute:function(){_export("default",ToggleButtonBar=class ToggleButtonBar extends AtomRepeater{onPropertyChanged(name){super.onPropertyChanged(name);if(name==="labelPath"){this.updateItems();return}}preCreate(){super.preCreate();this.element.dataset.buttonBar="button-bar";this.bindEvent(this.element,"itemClick",(e=>{this.selectedItem=e.detail}));this.valuePath=item=>{var _a;return(_a=item===null||item===void 0?void 0:item.value)!==null&&_a!==void 0?_a:item};this.labelPath=item=>{var _a;return(_a=item===null||item===void 0?void 0:item.label)!==null&&_a!==void 0?_a:item};this.itemRenderer=item=>XNode.create("div",{"data-item-type":"toggle-button",text:this.labelPath(item)})}});__decorate([BindableProperty,__metadata("design:type",Object)],ToggleButtonBar.prototype,"labelPath",void 0)}}}));AmdLoader.instance.setup("@web-atoms/web-controls/dist/basic/ToggleButtonBar");System.register(["tslib","@web-atoms/core/dist/core/InjectProperty","@web-atoms/core/dist/web/controls/AtomControl","../../services/EntityService","../../model/model","@web-atoms/core/dist/core/XNode","@web-atoms/web-controls/dist/basic/AtomRepeater","@web-atoms/web-controls/dist/basic/PinchZoomView","../../common/fileUrl","@web-atoms/core/dist/core/Bind","@web-atoms/core/dist/view-model/Action","@web-atoms/core/dist/style/styled","@web-atoms/core/dist/services/FetchBuilder","../../common/currency","@web-atoms/web-controls/dist/basic/ToggleButtonBar"],(function(_export,_context){"use strict";var __awaiter,__decorate,__metadata,InjectProperty,AtomControl,EntityService,StoreItem,XNode,AtomRepeater,PinchZoomView,signedImageUrl,signedUrl,Bind,Action,styled,FetchBuilder,formatPrice,ToggleButtonBar,StoreItemDetailView,_a,url,storeID,itemID,css;_export("default",void 0);return{setters:[function(_tslib){__awaiter=_tslib.__awaiter;__decorate=_tslib.__decorate;__metadata=_tslib.__metadata},function(_webAtomsCoreDistCoreInjectProperty){InjectProperty=_webAtomsCoreDistCoreInjectProperty.default},function(_webAtomsCoreDistWebControlsAtomControl){AtomControl=_webAtomsCoreDistWebControlsAtomControl.AtomControl},function(_servicesEntityService){EntityService=_servicesEntityService.default},function(_modelModel){StoreItem=_modelModel.StoreItem},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_webAtomsWebControlsDistBasicAtomRepeater){AtomRepeater=_webAtomsWebControlsDistBasicAtomRepeater.default},function(_webAtomsWebControlsDistBasicPinchZoomView){PinchZoomView=_webAtomsWebControlsDistBasicPinchZoomView.default},function(_commonFileUrl){signedImageUrl=_commonFileUrl.signedImageUrl;signedUrl=_commonFileUrl.signedUrl},function(_webAtomsCoreDistCoreBind){Bind=_webAtomsCoreDistCoreBind.default},function(_webAtomsCoreDistViewModelAction){Action=_webAtomsCoreDistViewModelAction.default},function(_webAtomsCoreDistStyleStyled){styled=_webAtomsCoreDistStyleStyled.default},function(_webAtomsCoreDistServicesFetchBuilder){FetchBuilder=_webAtomsCoreDistServicesFetchBuilder.default},function(_commonCurrency){formatPrice=_commonCurrency.formatPrice},function(_webAtomsWebControlsDistBasicToggleButtonBar){ToggleButtonBar=_webAtomsWebControlsDistBasicToggleButtonBar.default}],execute:function(){url=window.pageUrl;({1:storeID="4",2:itemID="1w"}=(_a=/^\/store\/([^\/]+)\/([^\/]+)\//.exec(url===null||url===void 0?void 0:url.pathname))!==null&&_a!==void 0?_a:{});storeID=parseInt(storeID,36);itemID=parseInt(itemID,36);css=styled.css`
+    `.installGlobal("[data-button-bar=button-bar]")}}}));AmdLoader.instance.setup("@web-atoms/web-controls/dist/basic/styles/toggle-button-bar-style");System.register(["tslib","@web-atoms/core/dist/core/BindableProperty","@web-atoms/core/dist/core/XNode","./AtomRepeater","./styles/toggle-button-bar-style"],(function(_export,_context){"use strict";var __decorate,__metadata,BindableProperty,XNode,AtomRepeater,ToggleButtonBar;_export("default",void 0);return{setters:[function(_tslib){__decorate=_tslib.__decorate;__metadata=_tslib.__metadata},function(_webAtomsCoreDistCoreBindableProperty){BindableProperty=_webAtomsCoreDistCoreBindableProperty.BindableProperty},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_AtomRepeater){AtomRepeater=_AtomRepeater.default},function(_stylesToggleButtonBarStyle){}],execute:function(){_export("default",ToggleButtonBar=class ToggleButtonBar extends AtomRepeater{onPropertyChanged(name){super.onPropertyChanged(name);if(name==="labelPath"){this.updateItems();return}}preCreate(){super.preCreate();this.element.dataset.buttonBar="button-bar";this.bindEvent(this.element,"itemClick",(e=>{this.selectedItem=e.detail}));this.valuePath=item=>{var _a;return(_a=item===null||item===void 0?void 0:item.value)!==null&&_a!==void 0?_a:item};this.labelPath=item=>{var _a;return(_a=item===null||item===void 0?void 0:item.label)!==null&&_a!==void 0?_a:item};this.itemRenderer=item=>XNode.create("div",{"data-item-type":"toggle-button",text:this.labelPath(item)})}});__decorate([BindableProperty,__metadata("design:type",Object)],ToggleButtonBar.prototype,"labelPath",void 0)}}}));AmdLoader.instance.setup("@web-atoms/web-controls/dist/basic/ToggleButtonBar");System.register(["tslib","@web-atoms/core/dist/core/InjectProperty","@web-atoms/core/dist/web/controls/AtomControl","../../services/EntityService","../../model/model","@web-atoms/core/dist/core/XNode","@web-atoms/web-controls/dist/basic/AtomRepeater","@web-atoms/web-controls/dist/basic/PinchZoomView","../../common/fileUrl","@web-atoms/core/dist/core/Bind","@web-atoms/core/dist/view-model/Action","@web-atoms/core/dist/style/styled","@web-atoms/core/dist/services/FetchBuilder","../../common/currency","@web-atoms/web-controls/dist/basic/ToggleButtonBar"],(function(_export,_context){"use strict";var __awaiter,__decorate,__metadata,InjectProperty,AtomControl,EntityService,StoreItem,XNode,AtomRepeater,PinchZoomView,signedImageUrl,signedUrl,Bind,Action,styled,FetchBuilder,formatPrice,ToggleButtonBar,StoreItemDetailView,_a,url,storeID,itemID,css;_export("default",void 0);return{setters:[function(_tslib){__awaiter=_tslib.__awaiter;__decorate=_tslib.__decorate;__metadata=_tslib.__metadata},function(_webAtomsCoreDistCoreInjectProperty){InjectProperty=_webAtomsCoreDistCoreInjectProperty.default},function(_webAtomsCoreDistWebControlsAtomControl){AtomControl=_webAtomsCoreDistWebControlsAtomControl.AtomControl},function(_servicesEntityService){EntityService=_servicesEntityService.default},function(_modelModel){StoreItem=_modelModel.StoreItem},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_webAtomsWebControlsDistBasicAtomRepeater){AtomRepeater=_webAtomsWebControlsDistBasicAtomRepeater.default},function(_webAtomsWebControlsDistBasicPinchZoomView){PinchZoomView=_webAtomsWebControlsDistBasicPinchZoomView.default},function(_commonFileUrl){signedImageUrl=_commonFileUrl.signedImageUrl;signedUrl=_commonFileUrl.signedUrl},function(_webAtomsCoreDistCoreBind){Bind=_webAtomsCoreDistCoreBind.default},function(_webAtomsCoreDistViewModelAction){Action=_webAtomsCoreDistViewModelAction.default},function(_webAtomsCoreDistStyleStyled){styled=_webAtomsCoreDistStyleStyled.default},function(_webAtomsCoreDistServicesFetchBuilder){FetchBuilder=_webAtomsCoreDistServicesFetchBuilder.default},function(_commonCurrency){formatPrice=_commonCurrency.formatPrice},function(_webAtomsWebControlsDistBasicToggleButtonBar){ToggleButtonBar=_webAtomsWebControlsDistBasicToggleButtonBar.default}],execute:function(){url=window.pageUrl;({1:storeID="4",2:itemID="23"}=(_a=/^\/store\/([^\/]+)\/([^\/]+)\//.exec(url===null||url===void 0?void 0:url.pathname))!==null&&_a!==void 0?_a:{});storeID=parseInt(storeID,36);itemID=parseInt(itemID,36);css=styled.css`
 
     margin: 10px;
 
@@ -539,6 +539,7 @@ and limitations under the License.
             display: flex;
             flex-direction: column;
             overflow: auto;
+            max-height: 500px;
             & > img {
                 cursor: pointer;
                 margin: 5px;
@@ -563,7 +564,7 @@ and limitations under the License.
     & img {
         max-width: 90vw;
     }
-`.installLocal();_export("default",StoreItemDetailView=class StoreItemDetailView extends AtomControl{constructor(app,e){super(app,e);this.selectedVarient=null;this.selectedSize=null;this.selectedFile=null;this.images=[];this.runAfterInit((()=>this.app.runAsync((()=>this.init()))))}getFiles(item,varient,size){var _a;const varientFiles=(_a=varient===null||varient===void 0?void 0:varient.mediaFiles)===null||_a===void 0?void 0:_a.filter((x=>x.isPreview));const files=varientFiles!==null&&varientFiles!==void 0?varientFiles:item.mediaFiles.filter((x=>x.isPreview));if(size===null||size===void 0?void 0:size.mediaFiles){files.push(...size.mediaFiles.filter((x=>x.isPreview)))}this.selectedFile=files[0];return files}init(){var _a,_b,_c,_d,_e,_f;return __awaiter(this,void 0,void 0,(function*(){this.renderer=XNode.create("div",null,XNode.create("label",{text:"..."}));this.model=yield this.getItem();const images=this.model.mediaFiles.where((x=>x.isPreview));this.selectedFile=images[0];const offer=this.model.mediaFiles.find((x=>x.title==="offer.html"));const specifications=this.model.mediaFiles.find((x=>x.title==="specs.html"));const price=this.model.storeItemPrices[0];const maxPrice=price.maxAmount?price.maxAmount:Math.ceil(price.amount*1.1);const[offerHtml,specHtml]=yield Promise.all([offer?FetchBuilder.get(signedUrl(offer)).responseAsText():Promise.resolve(""),specifications?FetchBuilder.get(signedUrl(specifications)).responseAsText():Promise.resolve("")]);this.selectedSize=(_b=(_a=this.model.sizes)===null||_a===void 0?void 0:_a[0])!==null&&_b!==void 0?_b:null;this.selectedVarient=(_d=(_c=this.model.variants)===null||_c===void 0?void 0:_c[0])!==null&&_d!==void 0?_d:null;this.renderer=XNode.create("div",{class:css,images:Bind.oneWay((()=>this.getFiles(this.model,this.selectedVarient,this.selectedSize)))},XNode.create("h2",null,this.model.name),XNode.create("section",{class:"photos"},XNode.create(AtomRepeater,{selectOnClick:true,items:Bind.oneWay((()=>this.images)),selectedItem:Bind.twoWaysImmediate((()=>this.selectedFile)),itemRenderer:x=>XNode.create("img",{class:"thumbnail","data-click-event":"change-image","data-id":x.appFileID,src:signedImageUrl(x,150)}),class:"thumbnails"}),XNode.create(PinchZoomView,{class:"preview",source:Bind.oneWay((()=>signedImageUrl(this.selectedFile,720)))})),XNode.create("section",{"data-layout":"vertical-flex"},offerHtml&&XNode.create("section",{innerHTML:offerHtml}),XNode.create("p",null,this.model.description),XNode.create("p",null,XNode.create("label",{text:formatPrice(price)})),XNode.create("button",null,"Buy"),((_e=this.model.sizes)===null||_e===void 0?void 0:_e.length)&&XNode.create(ToggleButtonBar,{items:this.model.sizes,selectedItem:Bind.twoWaysImmediate((()=>this.selectedSize)),itemRenderer:x=>XNode.create("div",{"data-item-type":"toggle-button"},XNode.create("label",{text:x.name}))}),((_f=this.model.variants)===null||_f===void 0?void 0:_f.length)&&XNode.create(ToggleButtonBar,{items:this.model.variants,selectedItem:Bind.twoWaysImmediate((()=>this.selectedVarient)),itemRenderer:x=>XNode.create("div",{"data-item-type":"toggle-button"},XNode.create("label",{text:x.name}))})),XNode.create("section",{"data-flex":"stretch-full"},XNode.create("section",{innerHTML:specHtml})))}))}changeImage({id}){this.selectedFile=this.model.mediaFiles.find((x=>x.appFileID===id))}getItem(){return __awaiter(this,void 0,void 0,(function*(){return this.entityService.query(StoreItem,"storeQuery").where({storeID,itemID},(p=>x=>x.storeID===p.storeID&&x.storeItemID===p.itemID)).include((x=>[x.storeItemPrices,x.storeItemTags.forEach((t=>t.tag)),x.variants.forEach((t=>[t.mediaFiles,t.storeItemPrices])),x.sizes.forEach((t=>[t.mediaFiles,t.storeItemPrices])),x.mediaFiles])).firstOrDefault()}))}});__decorate([InjectProperty,__metadata("design:type",EntityService)],StoreItemDetailView.prototype,"entityService",void 0);__decorate([Action({onEvent:"change-image"}),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],StoreItemDetailView.prototype,"changeImage",null)}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/public/store/StoreItemDetailView");System.register(["tslib","@web-atoms/core/dist/core/Bind","@web-atoms/core/dist/core/types","@web-atoms/core/dist/core/XNode","@web-atoms/core/dist/style/styled","@web-atoms/core/dist/web/controls/AtomControl"],(function(_export,_context){"use strict";var __awaiter,Bind,CancelToken,XNode,styled,AtomControl,InfiniteRepeater,_a,loadMoreSet,pagedItemsSetter,scrollToBottom;_export("default",void 0);return{setters:[function(_tslib){__awaiter=_tslib.__awaiter},function(_webAtomsCoreDistCoreBind){Bind=_webAtomsCoreDistCoreBind.default},function(_webAtomsCoreDistCoreTypes){CancelToken=_webAtomsCoreDistCoreTypes.CancelToken},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_webAtomsCoreDistStyleStyled){styled=_webAtomsCoreDistStyleStyled.default},function(_webAtomsCoreDistWebControlsAtomControl){AtomControl=_webAtomsCoreDistWebControlsAtomControl.AtomControl}],execute:function(){loadMoreSet=Symbol("loadMoreSet");styled.css`
+`.installLocal();_export("default",StoreItemDetailView=class StoreItemDetailView extends AtomControl{constructor(app,e){super(app,e);this.selectedVarient=null;this.selectedSize=null;this.selectedFile=null;this.images=[];this.runAfterInit((()=>this.app.runAsync((()=>this.init()))))}getFiles(item,varient,size){var _a;const varientFiles=(_a=varient===null||varient===void 0?void 0:varient.mediaFiles)===null||_a===void 0?void 0:_a.filter((x=>x.isPreview));const files=varientFiles!==null&&varientFiles!==void 0?varientFiles:item.mediaFiles.filter((x=>x.isPreview));if(size===null||size===void 0?void 0:size.mediaFiles){files.push(...size.mediaFiles.filter((x=>x.isPreview)))}this.selectedFile=files[0];return files}init(){var _a,_b,_c,_d,_e,_f;return __awaiter(this,void 0,void 0,(function*(){this.renderer=XNode.create("div",null,XNode.create("label",{text:"..."}));this.model=yield this.getItem();const offer=this.model.mediaFiles.find((x=>x.title==="offer.html"));const specifications=this.model.mediaFiles.find((x=>x.title==="specs.html"));const price=this.model.storeItemPrices[0];const maxPrice=price.maxAmount?price.maxAmount:Math.ceil(price.amount*1.1);const[offerHtml,specHtml]=yield Promise.all([offer?FetchBuilder.get(signedUrl(offer)).responseAsText():Promise.resolve(""),specifications?FetchBuilder.get(signedUrl(specifications)).responseAsText():Promise.resolve("")]);this.selectedSize=(_b=(_a=this.model.sizes)===null||_a===void 0?void 0:_a[0])!==null&&_b!==void 0?_b:null;this.selectedVarient=(_d=(_c=this.model.variants)===null||_c===void 0?void 0:_c[0])!==null&&_d!==void 0?_d:null;this.renderer=XNode.create("div",{class:css,images:Bind.oneWay((()=>this.getFiles(this.model,this.selectedVarient,this.selectedSize)))},XNode.create("h2",null,this.model.name),XNode.create("section",{class:"photos"},XNode.create(AtomRepeater,{selectOnClick:true,items:Bind.oneWay((()=>this.images)),selectedItem:Bind.twoWaysImmediate((()=>this.selectedFile)),itemRenderer:x=>XNode.create("img",{class:"thumbnail","data-click-event":"change-image","data-id":x.appFileID,src:signedImageUrl(x,150)}),class:"thumbnails"}),XNode.create(PinchZoomView,{class:"preview",source:Bind.oneWay((()=>signedImageUrl(this.selectedFile,720)))})),XNode.create("section",{"data-layout":"vertical-flex"},offerHtml&&XNode.create("section",{innerHTML:offerHtml}),XNode.create("p",null,this.model.description),XNode.create("p",null,XNode.create("label",{text:formatPrice(price)})),XNode.create("button",null,"Buy"),((_e=this.model.sizes)===null||_e===void 0?void 0:_e.length)&&XNode.create(ToggleButtonBar,{items:this.model.sizes,selectedItem:Bind.twoWaysImmediate((()=>this.selectedSize)),itemRenderer:x=>XNode.create("div",{"data-item-type":"toggle-button"},XNode.create("label",{text:x.name}))}),((_f=this.model.variants)===null||_f===void 0?void 0:_f.length)&&XNode.create(ToggleButtonBar,{items:this.model.variants,selectedItem:Bind.twoWaysImmediate((()=>this.selectedVarient)),itemRenderer:x=>XNode.create("div",{"data-item-type":"toggle-button"},XNode.create("label",{text:x.name}))})),XNode.create("section",{"data-flex":"stretch-full"},XNode.create("section",{innerHTML:specHtml})))}))}changeImage({id}){this.selectedFile=this.model.mediaFiles.find((x=>x.appFileID===id))}getItem(){return __awaiter(this,void 0,void 0,(function*(){return this.entityService.query(StoreItem,"storeQuery").where({storeID,itemID},(p=>x=>x.storeID===p.storeID&&x.storeItemID===p.itemID)).include((x=>[x.storeItemPrices,x.storeItemTags.forEach((t=>t.tag)),x.variants.forEach((t=>[t.mediaFiles,t.storeItemPrices])),x.sizes.forEach((t=>[t.mediaFiles,t.storeItemPrices])),x.mediaFiles])).firstOrDefault()}))}});__decorate([InjectProperty,__metadata("design:type",EntityService)],StoreItemDetailView.prototype,"entityService",void 0);__decorate([Action({onEvent:"change-image"}),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],StoreItemDetailView.prototype,"changeImage",null)}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/public/store/StoreItemDetailView");System.register(["tslib","@web-atoms/core/dist/core/Bind","@web-atoms/core/dist/core/types","@web-atoms/core/dist/core/XNode","@web-atoms/core/dist/style/styled","@web-atoms/core/dist/web/controls/AtomControl"],(function(_export,_context){"use strict";var __awaiter,Bind,CancelToken,XNode,styled,AtomControl,InfiniteRepeater,_a,loadMoreSet,pagedItemsSetter,scrollToBottom;_export("default",void 0);return{setters:[function(_tslib){__awaiter=_tslib.__awaiter},function(_webAtomsCoreDistCoreBind){Bind=_webAtomsCoreDistCoreBind.default},function(_webAtomsCoreDistCoreTypes){CancelToken=_webAtomsCoreDistCoreTypes.CancelToken},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_webAtomsCoreDistStyleStyled){styled=_webAtomsCoreDistStyleStyled.default},function(_webAtomsCoreDistWebControlsAtomControl){AtomControl=_webAtomsCoreDistWebControlsAtomControl.AtomControl}],execute:function(){loadMoreSet=Symbol("loadMoreSet");styled.css`
 
     margin: 10px;
     padding: 10px;