@vendure/admin-ui-plugin 2.0.0-next.7 → 2.0.0-next.8

package/lib/admin-ui/{504.dbb000ae0086f81a.js → 504.56537eeeb3db51b7.js}

@@ -1,2 +1,2 @@
-"use strict";(self.webpackChunkvendure_admin=self.webpackChunkvendure_admin||[]).push([[504],{504:(tr,re,u)=>{u.r(re),u.d(re,{ApplyFacetDialogComponent:()=>gt,AssetDetailComponent:()=>nt,AssetListComponent:()=>ot,AssetResolver:()=>yt,AssetsComponent:()=>G,AssignProductsToChannelDialogComponent:()=>tt,CatalogModule:()=>Vt,CollectionContentsComponent:()=>X,CollectionDetailComponent:()=>dt,CollectionListComponent:()=>ut,CollectionResolver:()=>Ft,CollectionTreeComponent:()=>pt,CollectionTreeNodeComponent:()=>H,CollectionTreeService:()=>j,ConfirmVariantDeletionDialogComponent:()=>Tt,FacetDetailComponent:()=>mt,FacetListComponent:()=>_t,FacetResolver:()=>Ot,GenerateProductVariantsComponent:()=>ht,GeneratedVariant:()=>Ae,OPTION_VALUE_INPUT_VALUE_ACCESSOR:()=>Ce,OptionValueInputComponent:()=>R,ProductDetailComponent:()=>bt,ProductDetailService:()=>B,ProductListComponent:()=>Zt,ProductOptionsEditorComponent:()=>At,ProductResolver:()=>It,ProductVariantsEditorComponent:()=>Pt,ProductVariantsListComponent:()=>xt,ProductVariantsResolver:()=>et,ProductVariantsTableComponent:()=>ft,UpdateProductOptionDialogComponent:()=>vt,VariantPriceDetailComponent:()=>Ct,arrayToTree:()=>pe,assetBreadcrumb:()=>Le,catalogRoutes:()=>Te,collectionBreadcrumb:()=>Ie,facetBreadcrumb:()=>Oe,productBreadcrumb:()=>Pe,productOptionsEditorBreadcrumb:()=>Fe,productVariantEditorBreadcrumb:()=>ye,replaceLast:()=>oe});var Z=u(9720),c=u(3682),_=u(8270),v=u(635),l=u(587),t=u(3184),T=u(7346),wt=u(3146),K=u(8276),V=u(9416),Me=u(3616),C=u(6362),I=u(7514);function we(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"button",4),t.NdJ("click",function(){return t.CHM(e),t.oxw().save()}),t._uU(1),t.ALo(2,"translate"),t.qZA()}if(2&i){const e=t.oxw();t.Q6J("disabled",e.detailForm.invalid||e.detailForm.pristine),t.xp6(1),t.hij(" ",t.lcZ(2,2,"common.update")," ")}}const ke=function(){return["UpdateCatalog","UpdateAsset"]};class nt extends c.UT_{constructor(n,e,o,a,r,s){super(e,n,o,r),this.notificationService=a,this.dataService=r,this.formBuilder=s,this.detailForm=new l.cw({}),this.customFields=this.getCustomFieldConfig("Asset")}ngOnInit(){this.detailForm=new l.cw({name:new l.NI(""),tags:new l.NI([]),customFields:this.formBuilder.group(this.customFields.reduce((n,e)=>Object.assign(Object.assign({},n),{[e.name]:""}),{}))}),this.init()}ngOnDestroy(){this.destroy()}onAssetChange(n){var e,o;null===(e=this.detailForm.get("name"))||void 0===e||e.setValue(n.name),null===(o=this.detailForm.get("tags"))||void 0===o||o.setValue(n.tags),this.detailForm.markAsDirty()}save(){this.dataService.product.updateAsset({id:this.id,name:this.detailForm.value.name,tags:this.detailForm.value.tags,customFields:this.detailForm.value.customFields}).subscribe(()=>{this.notificationService.success((0,_.J)("common.notify-update-success"),{entity:"Asset"})},n=>{this.notificationService.error((0,_.J)("common.notify-update-error"),{entity:"Asset"})})}setFormValues(n,e){var o,a;null===(o=this.detailForm.get("name"))||void 0===o||o.setValue(n.name),null===(a=this.detailForm.get("tags"))||void 0===a||a.setValue(n.tags),this.customFields.length&&this.setCustomFieldFormValues(this.customFields,this.detailForm.get(["customFields"]),n)}}nt.\u0275fac=function(n){return new(n||nt)(t.Y36(Z.F0),t.Y36(Z.gz),t.Y36(c.iHG),t.Y36(c.gqp),t.Y36(c.DoR),t.Y36(l.qu))},nt.\u0275cmp=t.Xpm({type:nt,selectors:[["vdr-asset-detail"]],features:[t.qOj],decls:9,vars:11,consts:[[3,"entity"],["locationId","asset-detail"],["class","btn btn-primary",3,"disabled","click",4,"vdrIfPermissions"],[3,"asset","editable","customFields","customFieldsForm","assetChange"],[1,"btn","btn-primary",3,"disabled","click"]],template:function(n,e){1&n&&(t.TgZ(0,"vdr-action-bar")(1,"vdr-ab-left"),t._UZ(2,"vdr-entity-info",0),t.ALo(3,"async"),t.qZA(),t.TgZ(4,"vdr-ab-right"),t._UZ(5,"vdr-action-bar-items",1),t.YNc(6,we,3,4,"button",2),t.qZA()(),t.TgZ(7,"vdr-asset-preview",3),t.NdJ("assetChange",function(a){return e.onAssetChange(a)}),t.ALo(8,"async"),t.qZA()),2&n&&(t.xp6(2),t.Q6J("entity",t.lcZ(3,6,e.entity$)),t.xp6(4),t.Q6J("vdrIfPermissions",t.DdM(10,ke)),t.xp6(1),t.Q6J("asset",t.lcZ(8,8,e.entity$))("editable",!0)("customFields",e.customFields)("customFieldsForm",e.detailForm.get("customFields")))},directives:[T.Kk,T.BN,wt.V,T.mz,K.W,V.H,Me.A],pipes:[C.Ov,I.X$],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;height:100%}"],changeDetection:0});var U=u(6317),O=u(6562),N=u(591),S=u(1989),q=u(8951),se=u(2313),y=u(2673),Je=u(2688),Ve=u(4042),Ue=u(9206),ce=u(6940),le=u(322),Bt=u(5595),D=u(7388);const De=function(){return{}},Ne=function(){return["DeleteCatalog","DeleteAsset"]};class ot extends c.t7C{constructor(n,e,o,a,r){super(a,r),this.notificationService=n,this.modalService=e,this.dataService=o,this.searchTerm$=new U.X(void 0),this.filterByTags$=new U.X(void 0),this.uploading=!1,super.setQueryFn((...s)=>this.dataService.product.getAssetList(...s),s=>s.assets,(s,d)=>{var p;const f=this.searchTerm$.value,m=null===(p=this.filterByTags$.value)||void 0===p?void 0:p.map(g=>g.value);return{options:Object.assign(Object.assign({skip:s,take:d},f?{filter:{name:{contains:f}}}:{}),{sort:{createdAt:c.Asd.DESC},tags:m,tagsOperator:c.FnJ.AND})}},{take:25,skip:0})}ngOnInit(){super.ngOnInit(),this.paginationConfig$=(0,O.a)(this.itemsPerPage$,this.currentPage$,this.totalItems$).pipe((0,v.U)(([n,e,o])=>({itemsPerPage:n,currentPage:e,totalItems:o}))),this.searchTerm$.pipe((0,S.b)(250),(0,q.R)(this.destroy$)).subscribe(()=>this.refresh()),this.filterByTags$.pipe((0,q.R)(this.destroy$)).subscribe(()=>this.refresh()),this.allTags$=this.dataService.product.getTagList().mapStream(n=>n.tags.items)}filesSelected(n){n.length&&(this.uploading=!0,this.dataService.product.createAssets(n).pipe((0,se.x)(()=>this.uploading=!1)).subscribe(({createAssets:e})=>{let o=0;for(const a of e)switch(a.__typename){case"Asset":o++;break;case"MimeTypeError":this.notificationService.error(a.message)}0<o&&(super.refresh(),this.notificationService.success((0,_.J)("asset.notify-create-assets-success"),{count:o}))}))}deleteAssets(n){this.showModalAndDelete(n.map(e=>e.id)).pipe((0,y.w)(e=>e.result===c.PcR.DELETED?[!0]:this.showModalAndDelete(n.map(o=>o.id),e.message||"").pipe((0,v.U)(o=>o.result===c.PcR.DELETED)))).subscribe(()=>{this.notificationService.success((0,_.J)("common.notify-delete-success"),{entity:"Assets"}),this.refresh()},e=>{this.notificationService.error((0,_.J)("common.notify-delete-error"),{entity:"Assets"})})}showModalAndDelete(n,e){return this.modalService.dialog({title:(0,_.J)("catalog.confirm-delete-assets"),translationVars:{count:n.length},body:e,buttons:[{type:"secondary",label:(0,_.J)("common.cancel")},{type:"danger",label:(0,_.J)("common.delete"),returnValue:!0}]}).pipe((0,y.w)(o=>o?this.dataService.product.deleteAssets(n,!!e):N.E),(0,v.U)(o=>o.deleteAssets))}}ot.\u0275fac=function(n){return new(n||ot)(t.Y36(c.gqp),t.Y36(c.Z7U),t.Y36(c.DoR),t.Y36(Z.F0),t.Y36(Z.gz))},ot.\u0275cmp=t.Xpm({type:ot,selectors:[["vdr-asset-list"]],features:[t.qOj],decls:19,vars:31,consts:[[3,"grow"],[1,"pr4","mt1",3,"tags","searchTermChange","tagsChange"],["locationId","asset-list"],["dropZoneTarget",".content-area",3,"uploading","selectFiles"],[3,"assets","multiSelect","canDelete","deleteAssets"],[1,"paging-controls"],[3,"itemsPerPage","itemsPerPageChange"],[3,"currentPage","itemsPerPage","totalItems","pageChange"]],template:function(n,e){1&n&&(t.TgZ(0,"vdr-action-bar")(1,"vdr-ab-left",0)(2,"vdr-asset-search-input",1),t.NdJ("searchTermChange",function(a){return e.searchTerm$.next(a)})("tagsChange",function(a){return e.filterByTags$.next(a)}),t.ALo(3,"async"),t.qZA()(),t.TgZ(4,"vdr-ab-right"),t._UZ(5,"vdr-action-bar-items",2),t.TgZ(6,"vdr-asset-file-input",3),t.NdJ("selectFiles",function(a){return e.filesSelected(a)}),t.qZA()()(),t.TgZ(7,"vdr-asset-gallery",4),t.NdJ("deleteAssets",function(a){return e.deleteAssets(a)}),t.ALo(8,"paginate"),t.ALo(9,"async"),t.ALo(10,"async"),t.ALo(11,"hasPermission"),t.qZA(),t.TgZ(12,"div",5)(13,"vdr-items-per-page-controls",6),t.NdJ("itemsPerPageChange",function(a){return e.setItemsPerPage(a)}),t.ALo(14,"async"),t.qZA(),t.TgZ(15,"vdr-pagination-controls",7),t.NdJ("pageChange",function(a){return e.setPageNumber(a)}),t.ALo(16,"async"),t.ALo(17,"async"),t.ALo(18,"async"),t.qZA()()),2&n&&(t.xp6(1),t.Q6J("grow",!0),t.xp6(1),t.Q6J("tags",t.lcZ(3,10,e.allTags$)),t.xp6(4),t.Q6J("uploading",e.uploading),t.xp6(1),t.Q6J("assets",t.xi3(8,12,t.lcZ(9,15,e.items$),t.lcZ(10,17,e.paginationConfig$)||t.DdM(29,De)))("multiSelect",!0)("canDelete",t.lcZ(11,19,t.DdM(30,Ne))),t.xp6(6),t.Q6J("itemsPerPage",t.lcZ(14,21,e.itemsPerPage$)),t.xp6(2),t.Q6J("currentPage",t.lcZ(16,23,e.currentPage$))("itemsPerPage",t.lcZ(17,25,e.itemsPerPage$))("totalItems",t.lcZ(18,27,e.totalItems$)))},directives:[T.Kk,T.BN,Je.V,T.mz,K.W,Ve.e,Ue.K,ce.w,le.L],pipes:[C.Ov,Bt._s,D.j],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;height:100%}vdr-asset-gallery[_ngcontent-%COMP%]{flex:1}.paging-controls[_ngcontent-%COMP%]{padding-top:6px;border-top:1px solid var(--color-component-border-100);display:flex;justify-content:space-between}.search-input[_ngcontent-%COMP%]{margin-top:6px;min-width:300px}"]});var W=u(2604),Dt=u(253),Rt=u(6646),M=u(745),Q=u(8977),Nt=u(116),k=u(9295),P=u(9525),it=u(7425),qt=u(4652),h=u(2748),w=u(7890),Gt=u(3516),de=u(3628),$t=u(837),zt=u(2505),Y=u(6998),St=u(9493),at=u(735),rt=u(1519),st=u(8854),ct=u(5111),Kt=u(1353);function qe(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"img",11),t.NdJ("click",function(){t.CHM(e);const a=t.oxw(2);return a.previewAsset(a.featuredAsset)}),t.ALo(1,"assetPreview"),t.qZA()}if(2&i){const e=t.oxw(2);t.Q6J("src",t.xi3(1,1,e.featuredAsset,"small"),t.LSH)}}function $e(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"div",12),t.NdJ("click",function(){return t.CHM(e),t.oxw(2).selectAssets()}),t._UZ(1,"clr-icon",13),t.TgZ(2,"div"),t._uU(3),t.ALo(4,"translate"),t.qZA()()}2&i&&(t.xp6(3),t.Oqu(t.lcZ(4,1,"catalog.no-featured-asset")))}function Se(i,n){1&i&&t.GkF(0)}function Qe(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"div",14)(1,"button",15),t.NdJ("click",function(){return t.CHM(e),t.oxw(2).selectAssets()}),t._UZ(2,"clr-icon",16),t._uU(3),t.ALo(4,"translate"),t.qZA()()}2&i&&(t.xp6(3),t.hij(" ",t.lcZ(4,1,"asset.add-asset")," "))}function Ye(i,n){if(1&i&&(t.TgZ(0,"div",3)(1,"div",4)(2,"div",5),t.YNc(3,qe,2,4,"img",6),t.YNc(4,$e,5,3,"div",7),t.qZA()(),t.TgZ(5,"div",8),t.YNc(6,Se,1,0,"ng-container",9),t.qZA(),t.YNc(7,Qe,5,3,"div",10),t.qZA()),2&i){const e=t.oxw(),o=t.MAs(4);t.xp6(3),t.Q6J("ngIf",e.featuredAsset),t.xp6(1),t.Q6J("ngIf",!e.featuredAsset),t.xp6(2),t.Q6J("ngTemplateOutlet",o),t.xp6(1),t.Q6J("vdrIfPermissions",e.updatePermissions)}}function Ge(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"img",11),t.NdJ("click",function(){t.CHM(e);const a=t.oxw(2);return a.previewAsset(a.featuredAsset)}),t.ALo(1,"assetPreview"),t.qZA()}if(2&i){const e=t.oxw(2);t.Q6J("src",t.xi3(1,1,e.featuredAsset,"thumb"),t.LSH)}}function Ee(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"div",12),t.NdJ("click",function(){return t.CHM(e),t.oxw(2).selectAssets()}),t._UZ(1,"clr-icon",19),t.qZA()}}function je(i,n){1&i&&t.GkF(0)}function He(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"button",20),t.NdJ("click",function(){return t.CHM(e),t.oxw(2).selectAssets()}),t.ALo(1,"translate"),t._UZ(2,"clr-icon",16),t._uU(3),t.ALo(4,"translate"),t.qZA()}2&i&&(t.Q6J("title",t.lcZ(1,2,"asset.add-asset")),t.xp6(3),t.hij(" ",t.lcZ(4,4,"asset.add-asset")," "))}function Be(i,n){if(1&i&&(t.TgZ(0,"div",17),t.YNc(1,Ge,2,4,"img",6),t.YNc(2,Ee,2,0,"div",7),t.qZA(),t.YNc(3,je,1,0,"ng-container",9),t.YNc(4,He,5,6,"button",18)),2&i){const e=t.oxw(),o=t.MAs(4);t.xp6(1),t.Q6J("ngIf",e.featuredAsset),t.xp6(1),t.Q6J("ngIf",!e.featuredAsset),t.xp6(1),t.Q6J("ngTemplateOutlet",o),t.xp6(1),t.Q6J("vdrIfPermissions",e.updatePermissions)}}function Re(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"div",23),t.NdJ("cdkDropListDropped",function(a){return t.CHM(e),t.oxw(2).dropListDropped(a)}),t.ALo(1,"hasPermission"),t.TgZ(2,"vdr-dropdown",24)(3,"div",25),t._UZ(4,"img",26),t.ALo(5,"assetPreview"),t.qZA(),t.TgZ(6,"vdr-dropdown-menu",27)(7,"button",28),t.NdJ("click",function(){const r=t.CHM(e).$implicit;return t.oxw(2).previewAsset(r)}),t._uU(8),t.ALo(9,"translate"),t.qZA(),t.TgZ(10,"button",29),t.NdJ("click",function(){const r=t.CHM(e).$implicit;return t.oxw(2).setAsFeatured(r)}),t.ALo(11,"hasPermission"),t._uU(12),t.ALo(13,"translate"),t.qZA(),t._UZ(14,"div",30),t.TgZ(15,"button",31),t.NdJ("click",function(){const r=t.CHM(e).$implicit;return t.oxw(2).removeAsset(r)}),t.ALo(16,"hasPermission"),t._uU(17),t.ALo(18,"translate"),t.qZA()()()()}if(2&i){const e=n.$implicit,o=n.index,a=t.oxw(2);t.Q6J("cdkDropListData",o)("cdkDropListDisabled",!t.lcZ(1,10,a.updatePermissions)),t.xp6(3),t.ekj("featured",a.isFeatured(e)),t.xp6(1),t.Q6J("src",t.xi3(5,12,e,"tiny"),t.LSH),t.xp6(4),t.hij(" ",t.lcZ(9,15,"asset.preview")," "),t.xp6(2),t.Q6J("disabled",a.isFeatured(e)||!t.lcZ(11,17,a.updatePermissions)),t.xp6(2),t.hij(" ",t.lcZ(13,19,"asset.set-as-featured-asset")," "),t.xp6(3),t.Q6J("disabled",!t.lcZ(16,21,a.updatePermissions)),t.xp6(2),t.hij(" ",t.lcZ(18,23,"asset.remove-asset")," ")}}function ze(i,n){if(1&i&&(t.TgZ(0,"div",21),t.YNc(1,Re,19,25,"div",22),t.qZA()),2&i){const e=t.oxw();t.ekj("compact",e.compact),t.xp6(1),t.Q6J("ngForOf",e.assets)}}class G{constructor(n,e){this.modalService=n,this.changeDetector=e,this.compact=!1,this.change=new t.vpe,this.assets=[]}set assetsSetter(n){this.assets=(n||[]).slice()}selectAssets(){this.modalService.fromComponent(c.V61,{size:"xl"}).subscribe(n=>{n&&n.length&&(this.assets=(0,St.T)(this.assets.concat(n),"id"),this.featuredAsset||(this.featuredAsset=n[0]),this.emitChangeEvent(this.assets,this.featuredAsset),this.changeDetector.markForCheck())})}setAsFeatured(n){this.featuredAsset=n,this.emitChangeEvent(this.assets,n)}isFeatured(n){return!!this.featuredAsset&&this.featuredAsset.id===n.id}previewAsset(n){this.modalService.fromComponent(c.IW,{size:"xl",closable:!0,locals:{asset:n}}).subscribe()}removeAsset(n){this.assets=this.assets.filter(e=>e.id!==n.id),this.featuredAsset&&this.featuredAsset.id===n.id&&(this.featuredAsset=this.assets.length>0?this.assets[0]:void 0),this.emitChangeEvent(this.assets,this.featuredAsset)}emitChangeEvent(n,e){this.change.emit({assets:n,featuredAsset:e})}dropListDropped(n){(0,Y.bA)(this.assets,n.previousContainer.data,n.container.data),this.emitChangeEvent(this.assets,this.featuredAsset)}}G.\u0275fac=function(n){return new(n||G)(t.Y36(c.Z7U),t.Y36(t.sBO))},G.\u0275cmp=t.Xpm({type:G,selectors:[["vdr-assets"]],hostVars:2,hostBindings:function(n,e){2&n&&t.ekj("compact",e.compact)},inputs:{assetsSetter:["assets","assetsSetter"],featuredAsset:"featuredAsset",compact:"compact",updatePermissions:"updatePermissions"},outputs:{change:"change"},decls:5,vars:2,consts:[["class","card",4,"ngIf","ngIfElse"],["compactView",""],["assetList",""],[1,"card"],[1,"card-img"],[1,"featured-asset"],[3,"src","click",4,"ngIf"],["class","placeholder",3,"click",4,"ngIf"],[1,"card-block"],[4,"ngTemplateOutlet"],["class","card-footer",4,"vdrIfPermissions"],[3,"src","click"],[1,"placeholder",3,"click"],["shape","image","size","128"],[1,"card-footer"],[1,"btn",3,"click"],["shape","attachment"],[1,"featured-asset","compact"],["class","compact-select btn btn-icon btn-sm btn-block",3,"title","click",4,"vdrIfPermissions"],["shape","image","size","150"],[1,"compact-select","btn","btn-icon","btn-sm","btn-block",3,"title","click"],["cdkDropListGroup","",1,"all-assets"],["class","drop-list","cdkDropList","","cdkDropListOrientation","horizontal",3,"cdkDropListData","cdkDropListDisabled","cdkDropListDropped",4,"ngFor","ngForOf"],["cdkDropList","","cdkDropListOrientation","horizontal",1,"drop-list",3,"cdkDropListData","cdkDropListDisabled","cdkDropListDropped"],["cdkDrag",""],["vdrDropdownTrigger","","tabindex","0",1,"asset-thumb",3,"title"],[3,"src"],["vdrPosition","bottom-right"],["type","button","vdrDropdownItem","",3,"click"],["type","button","vdrDropdownItem","",3,"disabled","click"],[1,"dropdown-divider"],["type","button","vdrDropdownItem","",1,"remove-asset",3,"disabled","click"]],template:function(n,e){if(1&n&&(t.YNc(0,Ye,8,4,"div",0),t.YNc(1,Be,5,4,"ng-template",null,1,t.W1O),t.YNc(3,ze,2,3,"ng-template",null,2,t.W1O)),2&n){const o=t.MAs(2);t.Q6J("ngIf",!e.compact)("ngIfElse",o)}},directives:[C.O5,h.qvL,C.tP,V.H,Y.Fd,C.sg,Y.Wj,at.J,Y.Zt,rt.U,st.N,ct.H],pipes:[Kt.M,I.X$,D.j],styles:["[_nghost-%COMP%]{width:340px;display:block}.compact[_nghost-%COMP%]{width:162px}.placeholder[_ngcontent-%COMP%]{text-align:center;color:var(--color-grey-300)}.featured-asset[_ngcontent-%COMP%]{text-align:center;background:var(--color-component-bg-200);padding:6px;cursor:pointer;border-radius:var(--border-radius-img)}.featured-asset[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{border-radius:var(--border-radius-img)}.featured-asset.compact[_ngcontent-%COMP%]{width:100%;min-height:40px;position:relative;padding:6px}.featured-asset[_ngcontent-%COMP%]   .compact-select[_ngcontent-%COMP%]{position:absolute;bottom:6px;right:6px;margin:0}.all-assets[_ngcontent-%COMP%]{display:flex;flex-wrap:wrap}.all-assets[_ngcontent-%COMP%]   .drop-list[_ngcontent-%COMP%]{min-width:60px}.all-assets[_ngcontent-%COMP%]   .asset-thumb[_ngcontent-%COMP%]{margin:3px;padding:0;border:2px solid var(--color-component-border-100);border-radius:var(--border-radius-img);cursor:pointer}.all-assets[_ngcontent-%COMP%]   .asset-thumb[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{width:50px;height:50px;border-radius:var(--border-radius-img)}.all-assets[_ngcontent-%COMP%]   .asset-thumb.featured[_ngcontent-%COMP%]{border-color:var(--color-primary-500);border-radius:calc(var(--border-radius-img) + 2px)}.all-assets[_ngcontent-%COMP%]   .remove-asset[_ngcontent-%COMP%]{color:var(--color-warning-500)}.all-assets.compact[_ngcontent-%COMP%]   .drop-list[_ngcontent-%COMP%]{min-width:54px}.all-assets.compact[_ngcontent-%COMP%]   .asset-thumb[_ngcontent-%COMP%]{margin:1px;border-width:1px}.all-assets.compact[_ngcontent-%COMP%]   .cdk-drag-placeholder[_ngcontent-%COMP%], .all-assets.compact[_ngcontent-%COMP%]   .cdk-drag-placeholder[_ngcontent-%COMP%]   .asset-thumb[_ngcontent-%COMP%]{width:50px}.cdk-drag-animating[_ngcontent-%COMP%]{transition:transform .25s cubic-bezier(0,0,.2,1)}.example-box[_ngcontent-%COMP%]:last-child{border:none}.all-assets.cdk-drop-list-dragging[_ngcontent-%COMP%]   vdr-dropdown[_ngcontent-%COMP%]:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}.cdk-drop-list-dragging[_ngcontent-%COMP%] > *[_ngcontent-%COMP%]:not(.cdk-drag-placeholder){display:none}"],changeDetection:0});var Ke=u(8931),lt=u(4874),E=u(9337),We=u(3158),Wt=u(365),Xt=u(8899);function Xe(i,n){1&i&&t.GkF(0)}const tn=function(){return{tab:"variants"}},en=function(i,n){return["/catalog/products",i,n]};function nn(i,n){if(1&i&&(t.TgZ(0,"td",7),t._uU(1),t.qZA(),t.TgZ(2,"td",7)(3,"small",8),t._uU(4),t.qZA()(),t.TgZ(5,"td",9),t._UZ(6,"vdr-table-row-action",10),t.ALo(7,"translate"),t.qZA()),2&i){const e=n.item;t.xp6(1),t.Oqu(e.name),t.xp6(3),t.Oqu(e.sku),t.xp6(2),t.Q6J("label",t.lcZ(7,4,"common.edit"))("linkTo",t.WLB(7,en,e.productId,t.DdM(6,tn)))}}const on=function(i){return{$implicit:i}};class X{constructor(n,e,o){this.route=n,this.router=e,this.dataService=o,this.previewUpdatedFilters=!1,this.filterTermControl=new l.NI(""),this.isLoading=!1,this.collectionIdChange$=new U.X(""),this.parentIdChange$=new U.X(""),this.filterChanges$=new U.X([]),this.inheritFiltersChanges$=new U.X(!0),this.refresh$=new U.X(!0),this.destroy$=new Dt.x}ngOnInit(){this.contentsCurrentPage$=this.route.queryParamMap.pipe((0,v.U)(s=>s.get("contentsPage")),(0,v.U)(s=>s?+s:1),(0,lt.O)(1),(0,Q.x)()),this.contentsItemsPerPage$=this.route.queryParamMap.pipe((0,v.U)(s=>s.get("contentsPerPage")),(0,v.U)(s=>s?+s:10),(0,lt.O)(10),(0,Q.x)());const n=this.filterTermControl.valueChanges.pipe((0,S.b)(250),(0,E.b)(()=>this.setContentsPageNumber(1)),(0,lt.O)("")),e=this.filterChanges$.asObservable().pipe((0,Nt.h)(()=>this.previewUpdatedFilters),(0,E.b)(()=>this.setContentsPageNumber(1)),(0,lt.O)([])),o=this.inheritFiltersChanges$.asObservable().pipe((0,Nt.h)(()=>null!=this.inheritFilters),(0,Q.x)(),(0,E.b)(()=>this.setContentsPageNumber(1)),(0,lt.O)(!0)),r=(0,O.a)(this.collectionIdChange$,this.parentIdChange$,this.contentsCurrentPage$,this.contentsItemsPerPage$,n,e,o,this.refresh$).pipe((0,q.R)(this.destroy$),(0,E.b)(()=>this.isLoading=!0),(0,S.b)(50),(0,y.w)(([s,d,p,f,m,g,x])=>{const b=f,A=(p-1)*f;if(g.length&&this.previewUpdatedFilters){const F=m?{name:{contains:m}}:void 0;return this.dataService.collection.previewCollectionVariants({parentId:d,filters:g,inheritFilters:x},{take:b,skip:A,filter:F}).mapSingle(L=>L.previewCollectionVariants).pipe((0,We.K)(()=>(0,M.of)({items:[],totalItems:0})))}return s?this.dataService.collection.getCollectionContents(s,b,A,m).mapSingle(F=>{var L;return null===(L=F.collection)||void 0===L?void 0:L.productVariants}):(0,M.of)(null)}),(0,E.b)(()=>this.isLoading=!1),(0,se.x)(()=>this.isLoading=!1));this.contents$=r.pipe((0,v.U)(s=>s?s.items:[])),this.contentsTotalItems$=r.pipe((0,v.U)(s=>s?s.totalItems:0))}ngOnChanges(n){"collectionId"in n&&this.collectionIdChange$.next(n.collectionId.currentValue),"parentId"in n&&this.parentIdChange$.next(n.parentId.currentValue),"inheritFilters"in n&&this.inheritFiltersChanges$.next(n.inheritFilters.currentValue),"updatedFilters"in n&&this.updatedFilters&&this.filterChanges$.next(this.updatedFilters)}ngOnDestroy(){this.destroy$.next(),this.destroy$.complete()}setContentsPageNumber(n){this.setParam("contentsPage",n)}setContentsItemsPerPage(n){this.setParam("contentsPerPage",n)}refresh(){this.refresh$.next(!0)}setParam(n,e){this.router.navigate(["./"],{relativeTo:this.route,queryParams:{[n]:e},queryParamsHandling:"merge",replaceUrl:!0})}}X.\u0275fac=function(n){return new(n||X)(t.Y36(Z.gz),t.Y36(Z.F0),t.Y36(c.DoR))},X.\u0275cmp=t.Xpm({type:X,selectors:[["vdr-collection-contents"]],contentQueries:function(n,e,o){if(1&n&&t.Suo(o,t.Rgc,7),2&n){let a;t.iGM(a=t.CRH())&&(e.headerTemplate=a.first)}},inputs:{collectionId:"collectionId",parentId:"parentId",inheritFilters:"inheritFilters",updatedFilters:"updatedFilters",previewUpdatedFilters:"previewUpdatedFilters"},features:[t.TTD],decls:14,vars:26,consts:[[1,"contents-header"],[1,"header-title-row"],[4,"ngTemplateOutlet","ngTemplateOutletContext"],["type","text",3,"placeholder","formControl"],[1,"table-wrapper"],[1,"progress","loop"],[3,"items","itemsPerPage","totalItems","currentPage","pageChange","itemsPerPageChange"],[1,"left","align-middle"],[1,"sku"],[1,"right","align-middle"],["iconShape","edit",3,"label","linkTo"]],template:function(n,e){1&n&&(t.TgZ(0,"div",0)(1,"div",1),t.YNc(2,Xe,1,0,"ng-container",2),t.ALo(3,"async"),t.qZA(),t._UZ(4,"input",3),t.ALo(5,"translate"),t.qZA(),t.TgZ(6,"div",4),t._UZ(7,"div",5),t.TgZ(8,"vdr-data-table",6),t.NdJ("pageChange",function(a){return e.setContentsPageNumber(a)})("itemsPerPageChange",function(a){return e.setContentsItemsPerPage(a)}),t.ALo(9,"async"),t.ALo(10,"async"),t.ALo(11,"async"),t.ALo(12,"async"),t.YNc(13,nn,8,10,"ng-template"),t.qZA()()),2&n&&(t.xp6(2),t.Q6J("ngTemplateOutlet",e.headerTemplate)("ngTemplateOutletContext",t.VKq(24,on,t.lcZ(3,12,e.contentsTotalItems$))),t.xp6(2),t.Q6J("placeholder",t.lcZ(5,14,"catalog.filter-by-name"))("formControl",e.filterTermControl),t.xp6(3),t.ekj("visible",e.isLoading),t.xp6(1),t.ekj("loading",e.isLoading),t.Q6J("items",t.lcZ(9,16,e.contents$))("itemsPerPage",t.lcZ(10,18,e.contentsItemsPerPage$))("totalItems",t.lcZ(11,20,e.contentsTotalItems$))("currentPage",t.lcZ(12,22,e.contentsCurrentPage$)))},directives:[C.tP,w.y,l.Fj,l.JJ,l.oH,Wt.Q,Xt.v],pipes:[C.Ov,I.X$],styles:[".contents-header[_ngcontent-%COMP%]{background-color:var(--color-component-bg-100);position:sticky;top:0;padding:6px;z-index:1;border-bottom:1px solid var(--color-component-border-200)}.contents-header[_ngcontent-%COMP%]   .header-title-row[_ngcontent-%COMP%]{display:flex;justify-content:space-between;align-items:center}.contents-header[_ngcontent-%COMP%]   .clr-input[_ngcontent-%COMP%]{width:100%}[_nghost-%COMP%]{display:block}[_nghost-%COMP%]     table{margin-top:-1px}vdr-data-table[_ngcontent-%COMP%]{opacity:1;transition:opacity .3s}vdr-data-table.loading[_ngcontent-%COMP%]{opacity:.5}.table-wrapper[_ngcontent-%COMP%]{position:relative}.progress[_ngcontent-%COMP%]{position:absolute;top:0;left:0;overflow:hidden;height:6px;opacity:0;transition:opacity .1s}.progress.visible[_ngcontent-%COMP%]{opacity:1}.sku[_ngcontent-%COMP%]{color:var(--color-text-200)}"],changeDetection:0});const an=["collectionContents"];function rn(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"button",6),t.NdJ("click",function(){return t.CHM(e),t.oxw().create()}),t._uU(1),t.ALo(2,"translate"),t.qZA()}if(2&i){const e=t.oxw();t.Q6J("disabled",e.detailForm.invalid||e.detailForm.pristine),t.xp6(1),t.hij(" ",t.lcZ(2,2,"common.create")," ")}}function sn(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"button",6),t.NdJ("click",function(){return t.CHM(e),t.oxw(2).save()}),t._uU(1),t.ALo(2,"translate"),t.qZA()}if(2&i){const e=t.oxw(2);t.Q6J("disabled",(e.detailForm.invalid||e.detailForm.pristine)&&!e.assetsChanged()),t.xp6(1),t.hij(" ",t.lcZ(2,2,"common.update")," ")}}function cn(i,n){if(1&i&&t.YNc(0,sn,3,4,"button",7),2&i){const e=t.oxw();t.Q6J("vdrIfPermissions",e.updatePermission)}}function ln(i,n){1&i&&(t.ynx(0),t._uU(1),t.ALo(2,"translate"),t.BQk()),2&i&&(t.xp6(1),t.Oqu(t.lcZ(2,1,"catalog.public")))}function dn(i,n){1&i&&(t._uU(0),t.ALo(1,"translate")),2&i&&t.Oqu(t.lcZ(1,1,"catalog.private"))}const pn=function(){return["customFields"]};function un(i,n){if(1&i&&(t.TgZ(0,"section",33)(1,"label"),t._uU(2),t.ALo(3,"translate"),t.qZA(),t._UZ(4,"vdr-tabbed-custom-fields",34),t.ALo(5,"hasPermission"),t.qZA()),2&i){const e=t.oxw(2);t.xp6(2),t.Oqu(t.lcZ(3,4,"common.custom-fields")),t.xp6(2),t.Q6J("customFields",e.customFields)("customFieldsFormGroup",e.detailForm.get(t.DdM(8,pn)))("readonly",!t.lcZ(5,6,e.updatePermission))}}function mn(i,n){1&i&&(t.ynx(0),t._uU(1),t.ALo(2,"translate"),t.BQk()),2&i&&(t.xp6(1),t.Oqu(t.lcZ(2,1,"catalog.inherit-filters-from-parent")))}function _n(i,n){1&i&&(t._uU(0),t.ALo(1,"translate")),2&i&&t.Oqu(t.lcZ(1,1,"catalog.do-not-inherit-filters"))}function gn(i,n){if(1&i){const e=t.EpF();t.ynx(0),t.TgZ(1,"vdr-configurable-input",35),t.NdJ("remove",function(){const r=t.CHM(e).index;return t.oxw(2).removeFilter(r)}),t.ALo(2,"hasPermission"),t.qZA(),t.BQk()}if(2&i){const e=n.$implicit,o=n.index,a=t.oxw(2);t.xp6(1),t.Q6J("position",o)("operation",e)("operationDefinition",a.getFilterDefinition(e))("formControlName",o)("readonly",!t.lcZ(2,5,a.updatePermission))}}function hn(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"button",40),t.NdJ("click",function(){const r=t.CHM(e).$implicit;return t.oxw(3).addFilter(r)}),t._uU(1),t.qZA()}if(2&i){const e=n.$implicit;t.xp6(1),t.hij(" ",e.description," ")}}function fn(i,n){if(1&i&&(t.TgZ(0,"div")(1,"vdr-dropdown")(2,"button",36),t._UZ(3,"clr-icon",37),t._uU(4),t.ALo(5,"translate"),t.qZA(),t.TgZ(6,"vdr-dropdown-menu",38),t.YNc(7,hn,2,1,"button",39),t.qZA()()()),2&i){const e=t.oxw(2);t.xp6(4),t.hij(" ",t.lcZ(5,2,"marketing.add-condition")," "),t.xp6(3),t.Q6J("ngForOf",e.allFilters)}}const vn=function(i){return{count:i}},Cn=function(){return{standalone:!0}};function xn(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"div",41),t._uU(1),t.ALo(2,"translate"),t.ALo(3,"translate"),t.qZA(),t.TgZ(4,"clr-checkbox-wrapper")(5,"input",42),t.NdJ("ngModelChange",function(){return t.CHM(e),t.oxw(2).toggleLivePreview()}),t.qZA(),t.TgZ(6,"label"),t._uU(7),t.ALo(8,"translate"),t.qZA()()}if(2&i){const e=n.$implicit,o=t.oxw(2);let a,r;t.xp6(1),t.AsE(" ",t.lcZ(2,8,"catalog.collection-contents")," (",t.xi3(3,10,"common.results-count",t.VKq(15,vn,e)),") "),t.xp6(3),t.ekj("disabled",null==(a=o.detailForm.get("filters"))?null:a.pristine),t.xp6(1),t.Q6J("ngModelOptions",t.DdM(17,Cn))("disabled",null==(r=o.detailForm.get("filters"))?null:r.pristine)("ngModel",o.livePreview),t.xp6(2),t.Oqu(t.lcZ(8,13,"catalog.live-preview-contents"))}}const bn=function(i){return{pattern:i}};function Zn(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"form",8)(1,"div",9)(2,"div",10)(3,"vdr-form-field",11),t.ALo(4,"translate"),t.TgZ(5,"clr-toggle-wrapper"),t._UZ(6,"input",12),t.ALo(7,"hasPermission"),t.TgZ(8,"label",13),t.YNc(9,ln,3,3,"ng-container",14),t.YNc(10,dn,2,3,"ng-template",null,15,t.W1O),t.qZA()()(),t.TgZ(12,"vdr-form-field",16),t.ALo(13,"translate"),t.TgZ(14,"input",17),t.NdJ("input",function(a){return t.CHM(e),t.oxw().updateSlug(a.target.value)}),t.ALo(15,"hasPermission"),t.qZA()(),t.TgZ(16,"vdr-form-field",18),t.ALo(17,"translate"),t.ALo(18,"translate"),t._UZ(19,"input",19),t.ALo(20,"hasPermission"),t.qZA(),t._UZ(21,"vdr-rich-text-editor",20),t.ALo(22,"hasPermission"),t.ALo(23,"translate"),t.YNc(24,un,6,9,"section",21),t._UZ(25,"vdr-custom-detail-component-host",22),t.qZA(),t.TgZ(26,"div",23)(27,"vdr-assets",24),t.NdJ("change",function(a){t.CHM(e);return t.oxw().assetChanges=a}),t.qZA()()(),t.TgZ(28,"div",9)(29,"div",10)(30,"label"),t._uU(31),t.ALo(32,"translate"),t.qZA(),t.TgZ(33,"vdr-form-field",25),t.ALo(34,"translate"),t.TgZ(35,"clr-toggle-wrapper"),t._UZ(36,"input",26),t.ALo(37,"hasPermission"),t.TgZ(38,"label",13),t.YNc(39,mn,3,3,"ng-container",14),t.YNc(40,_n,2,3,"ng-template",null,27,t.W1O),t.qZA()()(),t.TgZ(42,"div",28),t.YNc(43,gn,3,7,"ng-container",29),t.qZA(),t.YNc(44,fn,8,4,"div",30),t.qZA(),t.TgZ(45,"div",10)(46,"vdr-collection-contents",31,32),t.ALo(48,"async"),t.ALo(49,"async"),t.ALo(50,"async"),t.YNc(51,xn,9,18,"ng-template"),t.qZA()()()()}if(2&i){const e=n.ngIf,o=t.MAs(11),a=t.MAs(41),r=t.oxw();t.Q6J("formGroup",r.detailForm),t.xp6(3),t.Q6J("label",t.lcZ(4,31,"catalog.visibility")),t.xp6(3),t.Q6J("vdrDisabled",!t.lcZ(7,33,r.updatePermission)),t.xp6(3),t.Q6J("ngIf",r.detailForm.value.visible)("ngIfElse",o),t.xp6(3),t.Q6J("label",t.lcZ(13,35,"common.name")),t.xp6(2),t.Q6J("readonly",!t.lcZ(15,37,r.updatePermission)),t.xp6(2),t.Q6J("label",t.lcZ(17,39,"catalog.slug"))("errors",t.VKq(61,bn,t.lcZ(18,41,"catalog.slug-pattern-error"))),t.xp6(3),t.Q6J("readonly",!t.lcZ(20,43,r.updatePermission)),t.xp6(2),t.Q6J("readonly",!t.lcZ(22,45,r.updatePermission))("label",t.lcZ(23,47,"common.description")),t.xp6(3),t.Q6J("ngIf",r.customFields.length),t.xp6(1),t.Q6J("entity$",r.entity$)("detailForm",r.detailForm),t.xp6(2),t.Q6J("assets",e.assets)("featuredAsset",e.featuredAsset)("updatePermissions",r.updatePermission),t.xp6(4),t.Oqu(t.lcZ(32,49,"catalog.filters")),t.xp6(2),t.Q6J("label",t.lcZ(34,51,"catalog.filter-inheritance")),t.xp6(3),t.Q6J("vdrDisabled",!t.lcZ(37,53,r.updatePermission)),t.xp6(3),t.Q6J("ngIf",r.detailForm.value.inheritFilters)("ngIfElse",a),t.xp6(4),t.Q6J("ngForOf",r.filters)("ngForTrackBy",r.trackByFn),t.xp6(1),t.Q6J("vdrIfPermissions",r.updatePermission),t.xp6(2),t.Q6J("collectionId",r.id)("parentId",t.lcZ(48,55,r.parentId$))("updatedFilters",t.lcZ(49,57,r.updatedFilters$))("inheritFilters",t.lcZ(50,59,r.inheritFilters$))("previewUpdatedFilters",r.livePreview)}}class dt extends c.UT_{constructor(n,e,o,a,r,s,d,p,f){var m;super(e,n,o,r),this.changeDetector=a,this.dataService=r,this.formBuilder=s,this.notificationService=d,this.modalService=p,this.localStorageService=f,this.assetChanges={},this.filters=[],this.allFilters=[],this.livePreview=!1,this.updatePermission=[c.y3$.UpdateCatalog,c.y3$.UpdateCollection],this.filterRemoved$=new Dt.x,this.customFields=this.getCustomFieldConfig("Collection"),this.detailForm=this.formBuilder.group({name:["",l.kI.required],slug:["",(0,c.Foo)(/^[\p{Letter}0-9_-]+$/)],description:"",visible:!1,inheritFilters:!0,filters:this.formBuilder.array([]),customFields:this.formBuilder.group(this.customFields.reduce((g,x)=>Object.assign(Object.assign({},g),{[x.name]:""}),{}))}),this.livePreview=null!==(m=this.localStorageService.get("livePreviewCollectionContents"))&&void 0!==m&&m}ngOnInit(){this.init(),this.dataService.collection.getCollectionFilters().single$.subscribe(o=>{this.allFilters=o.collectionFilters});const n=this.detailForm.get("filters"),e=this.detailForm.get("inheritFilters");this.inheritFilters$=e.valueChanges.pipe((0,Q.x)()),this.updatedFilters$=(0,Rt.T)(n.statusChanges,this.filterRemoved$).pipe((0,S.b)(200),(0,Nt.h)(()=>n.touched),(0,v.U)(()=>this.mapOperationsToInputs(this.filters,n.value).filter(o=>{for(const a of o.arguments)if(""===a.value)return!1;return!0}))),this.parentId$=this.route.paramMap.pipe((0,v.U)(o=>o.get("parentId")||void 0),(0,y.w)(o=>o?(0,M.of)(o):this.entity$.pipe((0,v.U)(a=>{var r;return null===(r=a.parent)||void 0===r?void 0:r.id}))))}ngOnDestroy(){this.destroy()}getFilterDefinition(n){return this.allFilters.find(e=>e.code===n.code)}assetsChanged(){return!!Object.values(this.assetChanges).length}updateSlug(n){(0,O.a)(this.entity$,this.languageCode$).pipe((0,k.q)(1)).subscribe(([e,o])=>{const a=this.detailForm.get(["slug"]),r=(0,c.ZIM)(e,o),s=!r||!r.slug;a&&a.pristine&&s&&a.setValue((0,W.U)(`${n}`,"-"))})}addFilter(n){const e=this.detailForm.get("filters"),o=n.args.reduce((a,r)=>Object.assign(Object.assign({},a),{[r.name]:(0,c.sux)(r.value)}),{});e.push(this.formBuilder.control({code:n.code,args:o})),this.filters.push({code:n.code,args:n.args.map(a=>({name:a.name,value:(0,c.sux)(a.value)}))})}removeFilter(n){const e=this.detailForm.get("filters");-1!==n&&(e.removeAt(n),e.markAsDirty(),e.markAsTouched(),this.filters.splice(n,1),this.filterRemoved$.next())}create(){!this.detailForm.dirty||(0,O.a)(this.entity$,this.languageCode$).pipe((0,k.q)(1),(0,P.z)(([n,e])=>{const o=this.getUpdatedCollection(n,this.detailForm,e),a=this.route.snapshot.paramMap.get("parentId");return a&&(o.parentId=a),this.dataService.collection.createCollection(o)})).subscribe(n=>{this.notificationService.success((0,_.J)("common.notify-create-success"),{entity:"Collection"}),this.assetChanges={},this.detailForm.markAsPristine(),this.changeDetector.markForCheck(),this.router.navigate(["../",n.createCollection.id],{relativeTo:this.route})},n=>{this.notificationService.error((0,_.J)("common.notify-create-error"),{entity:"Collection"})})}save(){(0,O.a)(this.entity$,this.languageCode$).pipe((0,k.q)(1),(0,P.z)(([n,e])=>{const o=this.getUpdatedCollection(n,this.detailForm,e);return this.dataService.collection.updateCollection(o)})).subscribe(()=>{this.assetChanges={},this.detailForm.markAsPristine(),this.changeDetector.markForCheck(),this.notificationService.success((0,_.J)("common.notify-update-success"),{entity:"Collection"}),this.contentsComponent.refresh()},n=>{this.notificationService.error((0,_.J)("common.notify-update-error"),{entity:"Collection"})})}canDeactivate(){return super.canDeactivate()&&!this.assetChanges.assets&&!this.assetChanges.featuredAsset}toggleLivePreview(){this.livePreview=!this.livePreview,this.localStorageService.set("livePreviewCollectionContents",this.livePreview)}trackByFn(n,e){return JSON.stringify(e)}setFormValues(n,e){const o=(0,c.ZIM)(n,e);this.detailForm.patchValue({name:o?o.name:"",slug:o?o.slug:"",description:o?o.description:"",visible:!n.isPrivate,inheritFilters:n.inheritFilters});const a=this.detailForm.get("filters");a.length!==n.filters.length&&(a.clear(),this.filters=[],n.filters.forEach(r=>this.addFilter(r))),this.customFields.length&&this.setCustomFieldFormValues(this.customFields,this.detailForm.get(["customFields"]),n,o)}getUpdatedCollection(n,e,o){var a,r;const s=(0,c.iSy)({translatable:n,updatedFields:e.value,customFieldConfig:this.customFields,languageCode:o,defaultTranslation:{languageCode:o,name:n.name||"",slug:n.slug||"",description:n.description||""}});return Object.assign(Object.assign({},s),{assetIds:null===(a=this.assetChanges.assets)||void 0===a?void 0:a.map(d=>d.id),featuredAssetId:null===(r=this.assetChanges.featuredAsset)||void 0===r?void 0:r.id,isPrivate:!e.value.visible,filters:this.mapOperationsToInputs(this.filters,this.detailForm.value.filters)})}mapOperationsToInputs(n,e){return n.map((o,a)=>({code:o.code,arguments:Object.entries(e[a].args).map(([r,s],d)=>({name:r,value:(0,c.qrw)(s)}))}))}}dt.\u0275fac=function(n){return new(n||dt)(t.Y36(Z.F0),t.Y36(Z.gz),t.Y36(c.iHG),t.Y36(t.sBO),t.Y36(c.DoR),t.Y36(l.qu),t.Y36(c.gqp),t.Y36(c.Z7U),t.Y36(c.n2A))},dt.\u0275cmp=t.Xpm({type:dt,selectors:[["vdr-collection-detail"]],viewQuery:function(n,e){if(1&n&&t.Gf(an,5),2&n){let o;t.iGM(o=t.CRH())&&(e.contentsComponent=o.first)}},features:[t.qOj],decls:16,vars:19,consts:[[3,"entity"],[3,"disabled","availableLanguageCodes","currentLanguageCode","languageCodeChange"],["locationId","collection-detail"],["class","btn btn-primary",3,"disabled","click",4,"ngIf","ngIfElse"],["updateButton",""],["class","form",3,"formGroup",4,"ngIf"],[1,"btn","btn-primary",3,"disabled","click"],["class","btn btn-primary",3,"disabled","click",4,"vdrIfPermissions"],[1,"form",3,"formGroup"],[1,"clr-row"],[1,"clr-col"],["for","visibility",3,"label"],["type","checkbox","clrToggle","","formControlName","visible","id","visibility",3,"vdrDisabled"],[1,"visible-toggle"],[4,"ngIf","ngIfElse"],["private",""],["for","name",3,"label"],["id","name","type","text","formControlName","name",3,"readonly","input"],["for","slug",3,"label","errors"],["id","slug","type","text","formControlName","slug",3,"readonly"],["formControlName","description",3,"readonly","label"],["formGroupName","customFields",4,"ngIf"],["locationId","collection-detail",3,"entity$","detailForm"],[1,"clr-col-md-auto"],[3,"assets","featuredAsset","updatePermissions","change"],["for","inheritFilters",3,"label"],["type","checkbox","clrToggle","","formControlName","inheritFilters","id","inheritFilters",3,"vdrDisabled"],["noInherit",""],["formArrayName","filters"],[4,"ngFor","ngForOf","ngForTrackBy"],[4,"vdrIfPermissions"],[3,"collectionId","parentId","updatedFilters","inheritFilters","previewUpdatedFilters"],["collectionContents",""],["formGroupName","customFields"],["entityName","Collection",3,"customFields","customFieldsFormGroup","readonly"],[3,"position","operation","operationDefinition","formControlName","readonly","remove"],["vdrDropdownTrigger","",1,"btn","btn-outline"],["shape","plus"],["vdrPosition","bottom-left"],["type","button","vdrDropdownItem","",3,"click",4,"ngFor","ngForOf"],["type","button","vdrDropdownItem","",3,"click"],[1,"contents-title"],["type","checkbox","clrCheckbox","",3,"ngModelOptions","disabled","ngModel","ngModelChange"]],template:function(n,e){if(1&n&&(t.TgZ(0,"vdr-action-bar")(1,"vdr-ab-left"),t._UZ(2,"vdr-entity-info",0),t.ALo(3,"async"),t.TgZ(4,"vdr-language-selector",1),t.NdJ("languageCodeChange",function(a){return e.setLanguage(a)}),t.ALo(5,"async"),t.ALo(6,"async"),t.ALo(7,"async"),t.qZA()(),t.TgZ(8,"vdr-ab-right"),t._UZ(9,"vdr-action-bar-items",2),t.YNc(10,rn,3,4,"button",3),t.ALo(11,"async"),t.YNc(12,cn,1,1,"ng-template",null,4,t.W1O),t.qZA()(),t.YNc(14,Zn,52,63,"form",5),t.ALo(15,"async")),2&n){const o=t.MAs(13);t.xp6(2),t.Q6J("entity",t.lcZ(3,7,e.entity$)),t.xp6(2),t.Q6J("disabled",t.lcZ(5,9,e.isNew$))("availableLanguageCodes",t.lcZ(6,11,e.availableLanguages$))("currentLanguageCode",t.lcZ(7,13,e.languageCode$)),t.xp6(6),t.Q6J("ngIf",t.lcZ(11,15,e.isNew$))("ngIfElse",o),t.xp6(4),t.Q6J("ngIf",t.lcZ(15,17,e.entity$))}},directives:[T.Kk,T.BN,wt.V,it.S,T.mz,K.W,C.O5,V.H,l._Y,l.JL,l.sg,qt.h,h.PEh,w.y,l.Wl,h.KKC,l.JJ,l.u,Gt.x,h.MgK,l.Fj,de.Y,l.x0,$t.y,zt.C,G,l.CE,C.sg,h.q0d,Ke.q,at.J,rt.U,h.qvL,st.N,ct.H,X,l.On],pipes:[C.Ov,I.X$,D.j],styles:[".visible-toggle[_ngcontent-%COMP%]{margin-top:-3px!important}clr-checkbox-wrapper[_ngcontent-%COMP%]{transition:opacity .3s}clr-checkbox-wrapper.disabled[_ngcontent-%COMP%]{opacity:.5}"],changeDetection:0});var kt=u(9196);function pe(i,n,e=[]){var o,a;const r=[],s={},d=function An(i){const n=new Map;function e(o){n.set(o.id,o),o.children.forEach(e)}return i&&e(i),n}(n);for(const f of i)s[f.id]=Object.assign(Object.assign({},f),{children:[]});for(const f of i.map(m=>m.id))if(s.hasOwnProperty(f)){const m=s[f];m.expanded=null!==(a=null===(o=d.get(f))||void 0===o?void 0:o.expanded)&&void 0!==a?a:e.includes(f);const g=m.parent;if(!g)continue;s[g.id]?s[g.id]?s[g.id].children.push(m):s[g.id]={children:[m]}:r.push(m)}return{id:r.length?r[0].parent.id:void 0,children:r}}class j{constructor(){this.allMoveListItems=[],this._rearrange$=new Dt.x,this._delete$=new Dt.x,this.rearrange$=this._rearrange$.asObservable(),this.delete$=this._delete$.asObservable()}ngOnDestroy(){this._rearrange$.complete(),this._delete$.complete()}setCollectionTree(n){this.collectionTree=n}resetMoveList(){this.allMoveListItems=[]}getMoveListItems(n){return 0===this.allMoveListItems.length&&(this.allMoveListItems=this.calculateAllMoveListItems()),this.allMoveListItems.filter(e=>{var o;return e.id!==n.id&&!e.ancestorIdPath.has(n.id)&&e.id!==(null===(o=n.parent)||void 0===o?void 0:o.id)})}onDrop(n){const e=n.item.data,a=n.container.data.id;if(null==a)throw new Error("Could not determine the ID of the root Collection");this._rearrange$.next({collectionId:e.id,parentId:a,index:n.currentIndex})}onMove(n){this._rearrange$.next(n)}onDelete(n){this._delete$.next(n)}calculateAllMoveListItems(){const n=(e,o,a,r)=>{const s=o.concat(e.name);return r.push({path:s.slice(1).join(" / ")||"root",id:e.id,ancestorIdPath:a}),e.children.forEach(d=>n(d,s,new Set([...a,e.id]),r)),r};return n(this.collectionTree,[],new Set,[])}}j.\u0275fac=function(n){return new(n||j)},j.\u0275prov=t.Yz7({token:j,factory:j.\u0275fac});var Jt=u(4447);function Tn(i,n){1&i&&t._UZ(0,"clr-icon",31)}function Pn(i,n){1&i&&t._UZ(0,"clr-icon",32)}function yn(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"button",28),t.NdJ("click",function(){t.CHM(e);const a=t.oxw().$implicit;return t.oxw().toggleExpanded(a)}),t.YNc(1,Tn,1,0,"clr-icon",29),t.YNc(2,Pn,1,0,"clr-icon",30),t.qZA()}if(2&i){const e=t.oxw().$implicit,o=t.oxw();t.Q6J("disabled",o.expandAll),t.xp6(1),t.Q6J("ngIf",!e.expanded&&!o.expandAll),t.xp6(1),t.Q6J("ngIf",e.expanded||o.expandAll)}}function Fn(i,n){1&i&&t._UZ(0,"div",33)}function On(i,n){1&i&&(t.TgZ(0,"vdr-chip"),t._uU(1),t.ALo(2,"translate"),t.qZA()),2&i&&(t.xp6(1),t.Oqu(t.lcZ(2,1,"catalog.private")))}function In(i,n){1&i&&(t.TgZ(0,"div",34),t._UZ(1,"clr-icon",35),t.qZA())}const Ln=function(i){return{parentId:i}},Mn=function(i){return["./","create",i]};function wn(i,n){if(1&i&&(t.TgZ(0,"a",36),t._UZ(1,"clr-icon",37),t._uU(2),t.ALo(3,"translate"),t.qZA()),2&i){const e=t.oxw().$implicit;t.Q6J("routerLink",t.VKq(6,Mn,t.VKq(4,Ln,e.id))),t.xp6(2),t.hij(" ",t.lcZ(3,2,"catalog.create-new-collection")," ")}}function kn(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"button",20),t.NdJ("click",function(){const r=t.CHM(e).$implicit,s=t.oxw().$implicit;return t.oxw().move(s,r.id)}),t.ALo(1,"async"),t.TgZ(2,"div",38)(3,"div",39),t._UZ(4,"clr-icon",40),t.qZA(),t.TgZ(5,"div",41),t._uU(6),t.qZA()()()}if(2&i){const e=n.$implicit,o=t.oxw(2);t.Q6J("disabled",!t.lcZ(1,2,o.hasUpdatePermission$)),t.xp6(6),t.hij(" ",e.path," ")}}function Jn(i,n){if(1&i&&t._UZ(0,"vdr-collection-tree-node",42),2&i){const e=t.oxw().$implicit,o=t.oxw();t.Q6J("expandAll",o.expandAll)("collectionTree",e)("activeCollectionId",o.activeCollectionId)}}const Vn=function(i){return{contents:i}},Un=function(i){return["./",i]},Dn=function(i){return["/catalog/collections/",i]},Nn=function(){return["UpdateCatalog","UpdateCollection"]},qn=function(){return["CreateCatalog","CreateCollection"]};function $n(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"div",3)(1,"div",4)(2,"div",5),t.YNc(3,yn,3,3,"button",6),t.YNc(4,Fn,1,0,"ng-template",null,7,t.W1O),t._uU(6),t.qZA(),t._UZ(7,"div",8),t.YNc(8,On,3,3,"vdr-chip",9),t.TgZ(9,"a",10),t._UZ(10,"clr-icon",11),t._uU(11),t.ALo(12,"translate"),t.qZA(),t.TgZ(13,"a",12),t._UZ(14,"clr-icon",13),t._uU(15),t.ALo(16,"translate"),t.qZA(),t.YNc(17,In,2,0,"div",14),t.TgZ(18,"vdr-dropdown")(19,"button",15),t.NdJ("click",function(){const r=t.CHM(e).$implicit;return t.oxw().getMoveListItems(r)}),t._UZ(20,"clr-icon",16),t.qZA(),t.TgZ(21,"vdr-dropdown-menu",17),t.YNc(22,wn,4,8,"a",18),t._UZ(23,"div",19),t.TgZ(24,"button",20),t.NdJ("click",function(){const a=t.CHM(e),r=a.$implicit,s=a.index;return t.oxw().moveUp(r,s)}),t.ALo(25,"async"),t._UZ(26,"clr-icon",21),t._uU(27),t.ALo(28,"translate"),t.qZA(),t.TgZ(29,"button",20),t.NdJ("click",function(){const a=t.CHM(e),r=a.$implicit,s=a.index;return t.oxw().moveDown(r,s)}),t.ALo(30,"async"),t._UZ(31,"clr-icon",22),t._uU(32),t.ALo(33,"translate"),t.qZA(),t.TgZ(34,"h4",23),t._uU(35),t.ALo(36,"translate"),t.qZA(),t.YNc(37,kn,7,4,"button",24),t._UZ(38,"div",19),t.TgZ(39,"button",25),t.NdJ("click",function(){const r=t.CHM(e).$implicit;return t.oxw().delete(r.id)}),t.ALo(40,"async"),t._UZ(41,"clr-icon",26),t._uU(42),t.ALo(43,"translate"),t.qZA()()()(),t.YNc(44,Jn,1,3,"vdr-collection-tree-node",27),t.qZA()}if(2&i){const e=n.$implicit,o=n.index,a=t.MAs(5),r=t.oxw();t.ekj("private",e.isPrivate),t.Q6J("cdkDragData",e),t.xp6(1),t.ekj("active",e.id===r.activeCollectionId),t.Q6J("ngClass","depth-"+r.depth),t.xp6(2),t.Q6J("ngIf",null==e.children?null:e.children.length)("ngIfElse",a),t.xp6(3),t.hij(" ",e.name," "),t.xp6(2),t.Q6J("ngIf",e.isPrivate),t.xp6(1),t.Q6J("routerLink",t.VKq(45,Un,t.VKq(43,Vn,e.id))),t.xp6(2),t.hij(" ",t.lcZ(12,25,"catalog.view-contents")," "),t.xp6(2),t.Q6J("routerLink",t.VKq(47,Dn,e.id)),t.xp6(2),t.hij(" ",t.lcZ(16,27,"common.edit")," "),t.xp6(2),t.Q6J("vdrIfPermissions",t.DdM(49,Nn)),t.xp6(5),t.Q6J("vdrIfPermissions",t.DdM(50,qn)),t.xp6(2),t.Q6J("disabled",0===o||!t.lcZ(25,29,r.hasUpdatePermission$)),t.xp6(3),t.hij(" ",t.lcZ(28,31,"catalog.move-up")," "),t.xp6(2),t.Q6J("disabled",o===r.collectionTree.children.length-1||!t.lcZ(30,33,r.hasUpdatePermission$)),t.xp6(3),t.hij(" ",t.lcZ(33,35,"catalog.move-down")," "),t.xp6(3),t.Oqu(t.lcZ(36,37,"catalog.move-to")),t.xp6(2),t.Q6J("ngForOf",r.moveListItems),t.xp6(2),t.Q6J("disabled",!t.lcZ(40,39,r.hasDeletePermission$)),t.xp6(3),t.hij(" ",t.lcZ(43,41,"common.delete")," "),t.xp6(2),t.Q6J("ngIf",e.expanded||r.expandAll)}}class H{constructor(n,e,o,a,r){this.parent=n,this.dataService=e,this.collectionTreeService=o,this.router=a,this.route=r,this.depth=0,this.expandAll=!1,this.moveListItems=[],n&&(this.depth=n.depth+1)}ngOnInit(){this.parentName=this.collectionTree.name||"<root>";const n=this.dataService.client.userStatus().mapStream(e=>e.userStatus.permissions).pipe((0,kt.d)(1));this.hasUpdatePermission$=n.pipe((0,v.U)(e=>e.includes(c.y3$.UpdateCatalog)||e.includes(c.y3$.UpdateCollection))),this.hasDeletePermission$=n.pipe((0,v.U)(e=>e.includes(c.y3$.DeleteCatalog)||e.includes(c.y3$.DeleteCollection)))}ngOnChanges(n){const e=n.expandAll;e&&!0===e.previousValue&&!1===e.currentValue&&this.collectionTree.children.forEach(o=>o.expanded=!1)}trackByFn(n,e){return e.id}toggleExpanded(n){var e,o;n.expanded=!n.expanded;let a=null!==(o=null===(e=this.route.snapshot.queryParamMap.get("expanded"))||void 0===e?void 0:e.split(","))&&void 0!==o?o:[];n.expanded?a.push(n.id):a=a.filter(r=>r!==n.id),this.router.navigate(["./"],{queryParams:{expanded:a.filter(r=>!!r).join(",")},queryParamsHandling:"merge",relativeTo:this.route})}getMoveListItems(n){this.moveListItems=this.collectionTreeService.getMoveListItems(n)}move(n,e){this.collectionTreeService.onMove({index:0,parentId:e,collectionId:n.id})}moveUp(n,e){!n.parent||this.collectionTreeService.onMove({index:e-1,parentId:n.parent.id,collectionId:n.id})}moveDown(n,e){!n.parent||this.collectionTreeService.onMove({index:e+1,parentId:n.parent.id,collectionId:n.id})}drop(n){(0,Y.bA)(this.collectionTree.children,n.previousIndex,n.currentIndex),this.collectionTreeService.onDrop(n)}delete(n){this.collectionTreeService.onDelete(n)}}function Sn(i,n){if(1&i&&t._UZ(0,"vdr-collection-tree-node",1),2&i){const e=t.oxw();t.Q6J("expandAll",e.expandAll)("collectionTree",e.collectionTree)("activeCollectionId",e.activeCollectionId)}}H.\u0275fac=function(n){return new(n||H)(t.Y36(H,12),t.Y36(c.DoR),t.Y36(j),t.Y36(Z.F0),t.Y36(Z.gz))},H.\u0275cmp=t.Xpm({type:H,selectors:[["vdr-collection-tree-node"]],inputs:{collectionTree:"collectionTree",activeCollectionId:"activeCollectionId",expandAll:"expandAll"},features:[t.TTD],decls:4,vars:6,consts:[["cdkDropList","",1,"tree-node",3,"cdkDropListData","cdkDropListDisabled","cdkDropListDropped"],["dropList",""],["class","collection","cdkDrag","",3,"private","cdkDragData",4,"ngFor","ngForOf","ngForTrackBy"],["cdkDrag","",1,"collection",3,"cdkDragData"],[1,"collection-detail",3,"ngClass"],[1,"name"],["class","icon-button folder-button",3,"disabled","click",4,"ngIf","ngIfElse"],["folderSpacer",""],[1,"flex-spacer"],[4,"ngIf"],["queryParamsHandling","preserve",1,"btn","btn-link","btn-sm",3,"routerLink"],["shape","view-list"],[1,"btn","btn-link","btn-sm",3,"routerLink"],["shape","edit"],["class","drag-handle","cdkDragHandle","",4,"vdrIfPermissions"],["vdrDropdownTrigger","",1,"icon-button",3,"click"],["shape","ellipsis-vertical"],["vdrPosition","bottom-right"],["class","dropdown-item",3,"routerLink",4,"vdrIfPermissions"],[1,"dropdown-divider"],["type","button","vdrDropdownItem","",3,"disabled","click"],["shape","caret up"],["shape","caret down"],[1,"dropdown-header"],["type","button","vdrDropdownItem","",3,"disabled","click",4,"ngFor","ngForOf"],["vdrDropdownItem","",1,"button",3,"disabled","click"],["shape","trash",1,"is-danger"],[3,"expandAll","collectionTree","activeCollectionId",4,"ngIf"],[1,"icon-button","folder-button",3,"disabled","click"],["shape","folder",4,"ngIf"],["shape","folder-open",4,"ngIf"],["shape","folder"],["shape","folder-open"],[1,"folder-button-spacer"],["cdkDragHandle","",1,"drag-handle"],["shape","drag-handle","size","24"],[1,"dropdown-item",3,"routerLink"],["shape","plus"],[1,"move-to-item"],[1,"move-icon"],["shape","child-arrow"],[1,"path"],[3,"expandAll","collectionTree","activeCollectionId"]],template:function(n,e){1&n&&(t.TgZ(0,"div",0,1),t.NdJ("cdkDropListDropped",function(a){return e.drop(a)}),t.ALo(2,"async"),t.YNc(3,$n,45,51,"div",2),t.qZA()),2&n&&(t.Q6J("cdkDropListData",e.collectionTree)("cdkDropListDisabled",!t.lcZ(2,4,e.hasUpdatePermission$)),t.xp6(3),t.Q6J("ngForOf",e.collectionTree.children)("ngForTrackBy",e.trackByFn))},directives:[Y.Wj,C.sg,h.q0d,Y.Zt,C.mk,C.O5,h.qvL,Jt.Y,Z.yS,V.H,Y.Bh,at.J,rt.U,st.N,ct.H,H],pipes:[C.Ov,I.X$],styles:["[_nghost-%COMP%]{display:block}.collection[_ngcontent-%COMP%]{background-color:var(--color-component-bg-100);font-size:.65rem;transition:transform .25s cubic-bezier(0,0,.2,1);margin-bottom:2px;border-left:2px solid transparent;transition:border-left-color .2s}.collection.private[_ngcontent-%COMP%]{background-color:var(--color-component-bg-200)}.collection[_ngcontent-%COMP%]   .collection-detail[_ngcontent-%COMP%]{padding:6px 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-component-border-100)}.collection[_ngcontent-%COMP%]   .collection-detail.active[_ngcontent-%COMP%]{background-color:var(--clr-global-selection-color)}.collection[_ngcontent-%COMP%]   .collection-detail.depth-1[_ngcontent-%COMP%]{padding-left:36px}.collection[_ngcontent-%COMP%]   .collection-detail.depth-2[_ngcontent-%COMP%]{padding-left:60px}.collection[_ngcontent-%COMP%]   .collection-detail.depth-3[_ngcontent-%COMP%]{padding-left:84px}.collection[_ngcontent-%COMP%]   .collection-detail.depth-4[_ngcontent-%COMP%]{padding-left:108px}.collection[_ngcontent-%COMP%]   .collection-detail[_ngcontent-%COMP%]   .folder-button-spacer[_ngcontent-%COMP%]{display:inline-block;width:28px}.tree-node[_ngcontent-%COMP%]{display:block;background:var(--color-component-bg-100);overflow:hidden}.tree-node.cdk-drop-list-dragging[_ngcontent-%COMP%] > .collection[_ngcontent-%COMP%]{border-left-color:var(--color-primary-300)}.drag-placeholder[_ngcontent-%COMP%]{min-height:120px;background-color:var(--color-component-bg-300);transition:transform .25s cubic-bezier(0,0,.2,1)}.cdk-drag-preview[_ngcontent-%COMP%]{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-placeholder[_ngcontent-%COMP%]{opacity:0}.cdk-drag-animating[_ngcontent-%COMP%]{transition:transform .25s cubic-bezier(0,0,.2,1)}.example-list.cdk-drop-list-dragging[_ngcontent-%COMP%]   .tree-node[_ngcontent-%COMP%]:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}.move-to-item[_ngcontent-%COMP%]{display:flex;white-space:normal;align-items:baseline}.move-to-item[_ngcontent-%COMP%]   .move-icon[_ngcontent-%COMP%]{flex:none;margin-right:3px}.move-to-item[_ngcontent-%COMP%]   .path[_ngcontent-%COMP%]{line-height:18px}"],changeDetection:0});class pt{constructor(n){this.collectionTreeService=n,this.expandAll=!1,this.expandedIds=[],this.rearrange=new t.vpe,this.deleteCollection=new t.vpe}ngOnChanges(n){"collections"in n&&this.collections&&(this.collectionTree=pe(this.collections,this.collectionTree,this.expandedIds),this.collectionTreeService.setCollectionTree(this.collectionTree),this.collectionTreeService.resetMoveList())}ngOnInit(){this.collectionTreeService.rearrange$.subscribe(n=>this.rearrange.emit(n)),this.collectionTreeService.delete$.subscribe(n=>this.deleteCollection.emit(n))}}pt.\u0275fac=function(n){return new(n||pt)(t.Y36(j))},pt.\u0275cmp=t.Xpm({type:pt,selectors:[["vdr-collection-tree"]],inputs:{collections:"collections",activeCollectionId:"activeCollectionId",expandAll:"expandAll",expandedIds:"expandedIds"},outputs:{rearrange:"rearrange",deleteCollection:"deleteCollection"},features:[t._Bn([j]),t.TTD],decls:1,vars:1,consts:[["cdkDropListGroup","",3,"expandAll","collectionTree","activeCollectionId",4,"ngIf"],["cdkDropListGroup","",3,"expandAll","collectionTree","activeCollectionId"]],template:function(n,e){1&n&&t.YNc(0,Sn,1,3,"vdr-collection-tree-node",0),2&n&&t.Q6J("ngIf",e.collectionTree)},directives:[C.O5,H,Y.Fd],styles:[""],changeDetection:0});const Qn=function(){return["./create"]};function Yn(i,n){1&i&&(t.TgZ(0,"a",11),t._UZ(1,"clr-icon",12),t._uU(2),t.ALo(3,"translate"),t.qZA()),2&i&&(t.Q6J("routerLink",t.DdM(4,Qn)),t.xp6(2),t.hij(" ",t.lcZ(3,2,"catalog.create-new-collection")," "))}const Gn=function(i){return{count:i}};function En(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"div",13),t._uU(1),t.ALo(2,"async"),t.ALo(3,"translate"),t.qZA(),t.TgZ(4,"button",14),t.NdJ("click",function(){return t.CHM(e),t.oxw().closeContents()}),t._UZ(5,"clr-icon",15),t.qZA()}if(2&i){const e=n.$implicit,o=t.oxw();t.xp6(1),t.AsE(" ",t.lcZ(2,2,o.activeCollectionTitle$)," (",t.xi3(3,4,"common.results-count",t.VKq(7,Gn,e)),") ")}}const jn=function(){return["CreateCatalog","CreateCollection"]};class ut{constructor(n,e,o,a,r,s){this.dataService=n,this.notificationService=e,this.modalService=o,this.router=a,this.route=r,this.serverConfigService=s,this.filterTermControl=new l.NI(""),this.expandAll=!1,this.expandedIds=[],this.destroy$=new Dt.x}ngOnInit(){var n,e;this.queryResult=this.dataService.collection.getCollections(1e3,0).refetchOnChannelChange(),this.items$=this.queryResult.mapStream(o=>o.collections.items).pipe((0,kt.d)(1)),this.activeCollectionId$=this.route.paramMap.pipe((0,v.U)(o=>o.get("contents")),(0,Q.x)()),this.expandedIds=null!==(e=null===(n=this.route.snapshot.queryParamMap.get("expanded"))||void 0===n?void 0:n.split(","))&&void 0!==e?e:[],this.expandAll="all"===this.route.snapshot.queryParamMap.get("expanded"),this.activeCollectionTitle$=(0,O.a)(this.activeCollectionId$,this.items$).pipe((0,v.U)(([o,a])=>{if(o){const r=a.find(s=>s.id===o);return r?r.name:""}return""})),this.availableLanguages$=this.serverConfigService.getAvailableLanguages(),this.contentLanguage$=this.dataService.client.uiState().mapStream(({uiState:o})=>o.contentLanguage).pipe((0,E.b)(()=>this.refresh())),this.filterTermControl.valueChanges.pipe((0,S.b)(250),(0,q.R)(this.destroy$)).subscribe(o=>{this.router.navigate(["./"],{queryParams:{q:o||void 0},queryParamsHandling:"merge",relativeTo:this.route})}),this.route.queryParamMap.pipe((0,v.U)(o=>o.get("q")),(0,Q.x)(),(0,q.R)(this.destroy$)).subscribe(()=>this.refresh()),this.filterTermControl.patchValue(this.route.snapshot.queryParamMap.get("q"))}ngOnDestroy(){this.queryResult.completed$.next(),this.destroy$.next(void 0),this.destroy$.complete()}toggleExpandAll(){this.router.navigate(["./"],{queryParams:{expanded:this.expandAll?"all":void 0},queryParamsHandling:"merge",relativeTo:this.route})}onRearrange(n){this.dataService.collection.moveCollection([n]).subscribe({next:()=>{this.notificationService.success((0,_.J)("common.notify-saved-changes")),this.refresh()},error:e=>{this.notificationService.error((0,_.J)("common.notify-save-changes-error"))}})}deleteCollection(n){this.items$.pipe((0,k.q)(1),(0,v.U)(e=>-1<e.findIndex(o=>o.parent&&o.parent.id===n)),(0,y.w)(e=>this.modalService.dialog({title:(0,_.J)("catalog.confirm-delete-collection"),body:e?(0,_.J)("catalog.confirm-delete-collection-and-children-body"):void 0,buttons:[{type:"secondary",label:(0,_.J)("common.cancel")},{type:"danger",label:(0,_.J)("common.delete"),returnValue:!0}]})),(0,y.w)(e=>e?this.dataService.collection.deleteCollection(n):N.E)).subscribe(()=>{this.notificationService.success((0,_.J)("common.notify-delete-success"),{entity:"Collection"}),this.refresh()},e=>{this.notificationService.error((0,_.J)("common.notify-delete-error"),{entity:"Collection"})})}closeContents(){const n=Object.assign({},this.route.snapshot.params);delete n.contents,this.router.navigate(["./",n],{relativeTo:this.route,queryParamsHandling:"preserve"})}setLanguage(n){this.dataService.client.setContentLanguage(n).subscribe()}refresh(){const n=this.route.snapshot.queryParamMap.get("q");this.queryResult.ref.refetch({options:Object.assign({skip:0,take:1e3},n?{filter:{name:{contains:n}}}:{})})}}ut.\u0275fac=function(n){return new(n||ut)(t.Y36(c.DoR),t.Y36(c.gqp),t.Y36(c.Z7U),t.Y36(Z.F0),t.Y36(Z.gz),t.Y36(c.iHG))},ut.\u0275cmp=t.Xpm({type:ut,selectors:[["vdr-collection-list"]],decls:26,vars:34,consts:[[1,"flex","center","wrap"],[1,"mt2",3,"availableLanguageCodes","currentLanguageCode","languageCodeChange"],[1,"expand-all-toggle","ml3",3,"ngClass"],["type","checkbox","clrCheckbox","",3,"ngModel","ngModelChange","change"],["type","text","name","searchTerm",1,"clr-input","search-input","ml4",3,"formControl","placeholder"],["locationId","collection-list"],["class","btn btn-primary",3,"routerLink",4,"vdrIfPermissions"],[1,"collection-wrapper"],[3,"collections","activeCollectionId","expandAll","expandedIds","rearrange","deleteCollection"],[1,"collection-contents"],[3,"collectionId"],[1,"btn","btn-primary",3,"routerLink"],["shape","plus"],[1,"collection-title"],["type","button",1,"close-button",3,"click"],["shape","close"]],template:function(n,e){if(1&n&&(t.TgZ(0,"vdr-action-bar")(1,"vdr-ab-left")(2,"div",0)(3,"vdr-language-selector",1),t.NdJ("languageCodeChange",function(a){return e.setLanguage(a)}),t.ALo(4,"async"),t.ALo(5,"async"),t.qZA(),t.TgZ(6,"clr-checkbox-wrapper",2),t.ALo(7,"async"),t.TgZ(8,"input",3),t.NdJ("ngModelChange",function(a){return e.expandAll=a})("change",function(){return e.toggleExpandAll()}),t.qZA(),t.TgZ(9,"label"),t._uU(10),t.ALo(11,"translate"),t.qZA()(),t._UZ(12,"input",4),t.ALo(13,"translate"),t.qZA()(),t.TgZ(14,"vdr-ab-right"),t._UZ(15,"vdr-action-bar-items",5),t.YNc(16,Yn,4,5,"a",6),t.qZA()(),t.TgZ(17,"div",7)(18,"vdr-collection-tree",8),t.NdJ("rearrange",function(a){return e.onRearrange(a)})("deleteCollection",function(a){return e.deleteCollection(a)}),t.ALo(19,"async"),t.ALo(20,"async"),t.qZA(),t.TgZ(21,"div",9),t.ALo(22,"async"),t.TgZ(23,"vdr-collection-contents",10),t.ALo(24,"async"),t.YNc(25,En,6,9,"ng-template"),t.qZA()()()),2&n){let o;t.xp6(3),t.Q6J("availableLanguageCodes",t.lcZ(4,15,e.availableLanguages$))("currentLanguageCode",t.lcZ(5,17,e.contentLanguage$)),t.xp6(3),t.Q6J("ngClass",1===(null==(o=t.lcZ(7,19,e.availableLanguages$))?null:o.length)?"mt3":"mt1"),t.xp6(2),t.Q6J("ngModel",e.expandAll),t.xp6(2),t.Oqu(t.lcZ(11,21,"catalog.expand-all-collections")),t.xp6(2),t.Q6J("formControl",e.filterTermControl)("placeholder",t.lcZ(13,23,"catalog.filter-by-name")),t.xp6(4),t.Q6J("vdrIfPermissions",t.DdM(33,jn)),t.xp6(2),t.Q6J("collections",t.lcZ(19,25,e.items$))("activeCollectionId",t.lcZ(20,27,e.activeCollectionId$))("expandAll",e.expandAll)("expandedIds",e.expandedIds),t.xp6(3),t.ekj("expanded",t.lcZ(22,29,e.activeCollectionId$)),t.xp6(2),t.Q6J("collectionId",t.lcZ(24,31,e.activeCollectionId$))}},directives:[T.Kk,T.BN,it.S,h.PEh,C.mk,w.y,l.Wl,h.KKC,l.JJ,l.On,h.MgK,l.Fj,l.oH,T.mz,K.W,V.H,Z.yS,h.qvL,pt,X],pipes:[C.Ov,I.X$],styles:["[_nghost-%COMP%]{height:100%;display:flex;flex-direction:column}.expand-all-toggle[_ngcontent-%COMP%]{display:block}.collection-wrapper[_ngcontent-%COMP%]{display:flex;height:calc(100% - 50px)}.collection-wrapper[_ngcontent-%COMP%]   vdr-collection-tree[_ngcontent-%COMP%]{flex:1;height:100%;overflow:auto}.collection-wrapper[_ngcontent-%COMP%]   .collection-contents[_ngcontent-%COMP%]{height:100%;width:0;opacity:0;visibility:hidden;overflow:auto;transition:width .3s,opacity .2s .3s,visibility 0s .3s}.collection-wrapper[_ngcontent-%COMP%]   .collection-contents.expanded[_ngcontent-%COMP%]{width:30vw;visibility:visible;opacity:1;padding-left:12px}.collection-wrapper[_ngcontent-%COMP%]   .collection-contents[_ngcontent-%COMP%]   .close-button[_ngcontent-%COMP%]{margin:0;background:none;border:none;cursor:pointer}.paging-controls[_ngcontent-%COMP%]{padding-top:6px;border-top:1px solid var(--color-component-border-100);display:flex;justify-content:space-between}"],changeDetection:0});var J=u(234),$=u(1640),Hn=u(73);function Bn(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"button",6),t.NdJ("click",function(){return t.CHM(e),t.oxw().create()}),t._uU(1),t.ALo(2,"translate"),t.qZA()}if(2&i){const e=t.oxw();t.Q6J("disabled",e.detailForm.invalid||e.detailForm.pristine),t.xp6(1),t.hij(" ",t.lcZ(2,2,"common.create")," ")}}function Rn(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"button",6),t.NdJ("click",function(){return t.CHM(e),t.oxw(2).save()}),t._uU(1),t.ALo(2,"translate"),t.qZA()}if(2&i){const e=t.oxw(2);t.Q6J("disabled",e.detailForm.invalid||e.detailForm.pristine),t.xp6(1),t.hij(" ",t.lcZ(2,2,"common.update")," ")}}function zn(i,n){if(1&i&&t.YNc(0,Rn,3,4,"button",7),2&i){const e=t.oxw();t.Q6J("vdrIfPermissions",e.updatePermission)}}function Kn(i,n){1&i&&(t.ynx(0),t._uU(1),t.ALo(2,"translate"),t.BQk()),2&i&&(t.xp6(1),t.Oqu(t.lcZ(2,1,"catalog.public")))}function Wn(i,n){1&i&&(t._uU(0),t.ALo(1,"translate")),2&i&&t.Oqu(t.lcZ(1,1,"catalog.private"))}const Xn=function(){return["facet","customFields"]};function to(i,n){if(1&i&&(t.TgZ(0,"section",22)(1,"label"),t._uU(2),t.ALo(3,"translate"),t.qZA(),t._UZ(4,"vdr-tabbed-custom-fields",23),t.ALo(5,"hasPermission"),t.qZA()),2&i){const e=t.oxw(2);t.xp6(2),t.Oqu(t.lcZ(3,4,"common.custom-fields")),t.xp6(2),t.Q6J("customFields",e.customFields)("customFieldsFormGroup",e.detailForm.get(t.DdM(8,Xn)))("readonly",!t.lcZ(5,6,e.updatePermission))}}function eo(i,n){1&i&&(t.ynx(0),t.TgZ(1,"th"),t._uU(2),t.ALo(3,"translate"),t.qZA(),t.BQk()),2&i&&(t.xp6(2),t.Oqu(t.lcZ(3,1,"common.custom-fields")))}const no=function(i){return["values",i,"customFields"]};function oo(i,n){if(1&i&&(t.TgZ(0,"td",40),t._UZ(1,"vdr-tabbed-custom-fields",41),t.ALo(2,"hasPermission"),t.qZA()),2&i){const e=t.oxw().index,o=t.oxw(4);t.xp6(1),t.Q6J("customFields",o.customValueFields)("compact",!0)("customFieldsFormGroup",o.detailForm.get(t.VKq(6,no,e)))("readonly",!t.lcZ(2,4,o.updatePermission))}}function io(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"tr",30)(1,"td",31),t._UZ(2,"vdr-entity-info",0),t.qZA(),t.TgZ(3,"td",31)(4,"input",32),t.NdJ("input",function(a){const s=t.CHM(e).index,d=t.oxw(3).ngIf;return t.oxw().updateValueCode(null==d.values[s]?null:d.values[s].code,a.target.value,s)}),t.ALo(5,"hasPermission"),t.qZA()(),t.TgZ(6,"td",31),t._UZ(7,"input",33),t.qZA(),t.YNc(8,oo,3,8,"td",34),t.TgZ(9,"td",31)(10,"vdr-dropdown")(11,"button",35),t._uU(12),t.ALo(13,"translate"),t._UZ(14,"clr-icon",36),t.qZA(),t.TgZ(15,"vdr-dropdown-menu",37)(16,"button",38),t.NdJ("click",function(){const r=t.CHM(e).index,s=t.oxw(3).ngIf;return t.oxw().deleteFacetValue(null==s.values[r]?null:s.values[r].id,r)}),t.ALo(17,"hasPermission"),t._UZ(18,"clr-icon",39),t._uU(19),t.ALo(20,"translate"),t.qZA()()()()()}if(2&i){const e=n.$implicit,o=n.index,a=t.oxw(4);t.Q6J("formGroupName",o),t.xp6(2),t.Q6J("entity",e),t.xp6(2),t.Q6J("readonly",!t.lcZ(5,7,a.updatePermission)),t.xp6(4),t.Q6J("ngIf",a.customValueFields.length),t.xp6(4),t.hij(" ",t.lcZ(13,9,"common.actions")," "),t.xp6(4),t.Q6J("disabled",!t.lcZ(17,11,a.updatePermission)),t.xp6(3),t.hij(" ",t.lcZ(20,13,"common.delete")," ")}}function ao(i,n){if(1&i&&(t.TgZ(0,"table",27)(1,"thead")(2,"tr"),t._UZ(3,"th"),t.TgZ(4,"th"),t._uU(5),t.ALo(6,"translate"),t.qZA(),t.TgZ(7,"th"),t._uU(8),t.ALo(9,"translate"),t.qZA(),t.YNc(10,eo,4,3,"ng-container",28),t._UZ(11,"th"),t.qZA()(),t.TgZ(12,"tbody"),t.YNc(13,io,21,15,"tr",29),t.qZA()()),2&i){const e=t.oxw(3);t.xp6(5),t.Oqu(t.lcZ(6,4,"common.name")),t.xp6(3),t.Oqu(t.lcZ(9,6,"common.code")),t.xp6(2),t.Q6J("ngIf",e.customValueFields.length),t.xp6(3),t.Q6J("ngForOf",e.values)}}function ro(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"button",42),t.NdJ("click",function(){return t.CHM(e),t.oxw(3).addFacetValue()}),t._UZ(1,"clr-icon",43),t._uU(2),t.ALo(3,"translate"),t.qZA()}2&i&&(t.xp6(2),t.hij(" ",t.lcZ(3,1,"catalog.add-facet-value")," "))}const so=function(){return["CreateCatalog","CreateFacet"]};function co(i,n){if(1&i&&(t.TgZ(0,"section",24)(1,"label"),t._uU(2),t.ALo(3,"translate"),t.qZA(),t.YNc(4,ao,14,8,"table",25),t.TgZ(5,"div"),t.YNc(6,ro,4,3,"button",26),t.qZA()()),2&i){const e=t.oxw(2);t.xp6(2),t.Oqu(t.lcZ(3,3,"catalog.facet-values")),t.xp6(2),t.Q6J("ngIf",0<e.getValuesFormArray().length),t.xp6(2),t.Q6J("vdrIfPermissions",t.DdM(5,so))}}function lo(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"form",8)(1,"section",9)(2,"vdr-form-field",10),t.ALo(3,"translate"),t.TgZ(4,"clr-toggle-wrapper"),t._UZ(5,"input",11),t.ALo(6,"hasPermission"),t.TgZ(7,"label",12),t.YNc(8,Kn,3,3,"ng-container",13),t.YNc(9,Wn,2,3,"ng-template",null,14,t.W1O),t.qZA()()(),t.TgZ(11,"vdr-form-field",15),t.ALo(12,"translate"),t.TgZ(13,"input",16),t.NdJ("input",function(a){const s=t.CHM(e).ngIf;return t.oxw().updateCode(s.code,a.target.value)}),t.ALo(14,"hasPermission"),t.qZA()(),t.TgZ(15,"vdr-form-field",17),t.ALo(16,"translate"),t.ALo(17,"hasPermission"),t._UZ(18,"input",18),t.ALo(19,"hasPermission"),t.qZA(),t.YNc(20,to,6,9,"section",19),t._UZ(21,"vdr-custom-detail-component-host",20),t.qZA(),t.YNc(22,co,7,6,"section",21),t.ALo(23,"async"),t.qZA()}if(2&i){const e=t.MAs(10),o=t.oxw();t.Q6J("formGroup",o.detailForm),t.xp6(2),t.Q6J("label",t.lcZ(3,14,"catalog.visibility")),t.xp6(3),t.Q6J("vdrDisabled",!t.lcZ(6,16,o.updatePermission)),t.xp6(3),t.Q6J("ngIf",o.detailForm.value.facet.visible)("ngIfElse",e),t.xp6(3),t.Q6J("label",t.lcZ(12,18,"common.name")),t.xp6(2),t.Q6J("readonly",!t.lcZ(14,20,o.updatePermission)),t.xp6(2),t.Q6J("label",t.lcZ(16,22,"common.code"))("readOnlyToggle",t.lcZ(17,24,o.updatePermission)),t.xp6(3),t.Q6J("readonly",!t.lcZ(19,26,o.updatePermission)),t.xp6(2),t.Q6J("ngIf",o.customFields.length),t.xp6(1),t.Q6J("entity$",o.entity$)("detailForm",o.detailForm),t.xp6(1),t.Q6J("ngIf",!t.lcZ(23,28,o.isNew$))}}class mt extends c.UT_{constructor(n,e,o,a,r,s,d,p){super(e,n,o,r),this.changeDetector=a,this.dataService=r,this.formBuilder=s,this.notificationService=d,this.modalService=p,this.updatePermission=[c.y3$.UpdateCatalog,c.y3$.UpdateFacet],this.customFields=this.getCustomFieldConfig("Facet"),this.customValueFields=this.getCustomFieldConfig("FacetValue"),this.detailForm=this.formBuilder.group({facet:this.formBuilder.group({code:["",l.kI.required],name:"",visible:!0,customFields:this.formBuilder.group(this.customFields.reduce((f,m)=>Object.assign(Object.assign({},f),{[m.name]:""}),{}))}),values:this.formBuilder.array([])})}ngOnInit(){this.init()}ngOnDestroy(){this.destroy()}updateCode(n,e){if(!n){const o=this.detailForm.get(["facet","code"]);o&&o.pristine&&o.setValue((0,W.U)(e,"-"))}}updateValueCode(n,e,o){if(!n){const a=this.detailForm.get(["values",o,"code"]);a&&a.pristine&&a.setValue((0,W.U)(e,"-"))}}customValueFieldIsSet(n,e){return!!this.detailForm.get(["values",n,"customFields",e])}getValuesFormArray(){return this.detailForm.get("values")}addFacetValue(){const n=this.detailForm.get("values");if(n){const e=this.formBuilder.group({id:"",name:["",l.kI.required],code:""}),o={name:"",code:""};if(this.customValueFields.length){const a=new l.cw({});o.customFields={};for(const r of this.customValueFields){const s=r.name;a.addControl(s,new l.NI)}e.addControl("customFields",a)}n.insert(n.length,e),this.values.push(o)}}create(){const n=this.detailForm.get("facet");!n||!n.dirty||(0,O.a)(this.entity$,this.languageCode$).pipe((0,k.q)(1),(0,P.z)(([e,o])=>{const a=this.getUpdatedFacet(e,n,o);return this.dataService.facet.createFacet(a)}),(0,y.w)(e=>this.dataService.facet.getAllFacets().single$.pipe((0,Hn.h)(e)))).subscribe(e=>{this.notificationService.success((0,_.J)("common.notify-create-success"),{entity:"Facet"}),this.detailForm.markAsPristine(),this.changeDetector.markForCheck(),this.router.navigate(["../",e.createFacet.id],{relativeTo:this.route})},e=>{this.notificationService.error((0,_.J)("common.notify-create-error"),{entity:"Facet"})})}save(){(0,O.a)(this.entity$,this.languageCode$).pipe((0,k.q)(1),(0,P.z)(([n,e])=>{const o=this.detailForm.get("facet"),a=[];if(o&&o.dirty){const s=this.getUpdatedFacet(n,o,e);s&&a.push(this.dataService.facet.updateFacet(s))}const r=this.detailForm.get("values");if(r&&r.dirty){const s=this.getCreatedFacetValues(n,r,e);s.length&&a.push(this.dataService.facet.createFacetValues(s).pipe((0,y.w)(()=>this.dataService.facet.getFacet(this.id).single$)));const d=this.getUpdatedFacetValues(n,r,e);d.length&&a.push(this.dataService.facet.updateFacetValues(d))}return(0,$.D)(a)}),(0,y.w)(()=>this.dataService.facet.getAllFacets().single$)).subscribe(()=>{this.detailForm.markAsPristine(),this.changeDetector.markForCheck(),this.notificationService.success((0,_.J)("common.notify-update-success"),{entity:"Facet"})},n=>{this.notificationService.error((0,_.J)("common.notify-update-error"),{entity:"Facet"})})}deleteFacetValue(n,e){if(!n){const o=this.detailForm.get("values");return o&&o.removeAt(e),void this.values.splice(e,1)}this.showModalAndDelete(n).pipe((0,y.w)(o=>o.result===c.PcR.DELETED?[!0]:this.showModalAndDelete(n,o.message||"").pipe((0,v.U)(a=>a.result===c.PcR.DELETED))),(0,y.w)(o=>o?this.dataService.facet.getFacet(this.id).single$:[])).subscribe(()=>{this.notificationService.success((0,_.J)("common.notify-delete-success"),{entity:"FacetValue"})},o=>{this.notificationService.error((0,_.J)("common.notify-delete-error"),{entity:"FacetValue"})})}showModalAndDelete(n,e){return this.modalService.dialog({title:(0,_.J)("catalog.confirm-delete-facet-value"),body:e,buttons:[{type:"secondary",label:(0,_.J)("common.cancel")},{type:"danger",label:(0,_.J)("common.delete"),returnValue:!0}]}).pipe((0,y.w)(o=>o?this.dataService.facet.deleteFacetValues([n],!!e):N.E),(0,v.U)(o=>o.deleteFacetValues[0]))}setFormValues(n,e){var o;const a=(0,c.ZIM)(n,e);if(this.detailForm.patchValue({facet:{code:n.code,visible:!n.isPrivate,name:null!==(o=null==a?void 0:a.name)&&void 0!==o?o:""}}),this.customFields.length){this.detailForm.get(["facet","customFields"]);this.setCustomFieldFormValues(this.customFields,this.detailForm.get(["facet","customFields"]),n,a)}const r=this.detailForm.get("values");this.values=[...n.values],n.values.forEach((s,d)=>{var p,f,m,g,x;const b=(0,c.ZIM)(s,e),A={id:s.id,code:s.code,name:b?b.name:""},F=r.at(d);if(F?(null===(p=F.get("id"))||void 0===p||p.setValue(A.id),null===(f=F.get("code"))||void 0===f||f.setValue(A.code),null===(m=F.get("name"))||void 0===m||m.setValue(A.name)):r.insert(d,this.formBuilder.group(A)),this.customValueFields.length){let L=this.detailForm.get(["values",d,"customFields"]);if(L||(L=new l.cw({}),this.detailForm.get(["values",d]).addControl("customFields",L)),L)for(const Lt of this.customValueFields){const Ut=Lt.name,Mt="localeString"===Lt.type?null===(x=null===(g=b)||void 0===g?void 0:g.customFields)||void 0===x?void 0:x[Ut]:s.customFields[Ut],Qt=L.get(Ut);Qt?Qt.setValue(Mt):L.addControl(Ut,new l.NI(Mt))}}})}getUpdatedFacet(n,e,o){const a=(0,c.iSy)({translatable:n,updatedFields:e.value,customFieldConfig:this.customFields,languageCode:o,defaultTranslation:{languageCode:o,name:n.name||""}});return a.isPrivate=!e.value.visible,a}getCreatedFacetValues(n,e,o){return e.controls.filter(a=>!a.value.id).map(a=>a.value).map(a=>(0,c.iSy)({translatable:Object.assign(Object.assign({},a),{translations:[]}),updatedFields:a,customFieldConfig:this.customValueFields,languageCode:o,defaultTranslation:{languageCode:o,name:""}})).map(a=>Object.assign({facetId:n.id},a))}getUpdatedFacetValues(n,e,o){const a=n.values.filter((s,d)=>{const p=e.get(d.toString());return p&&p.dirty&&p.value.id}),r=e.controls.filter(s=>s.dirty&&s.value.id).map(s=>s.value);if(a.length!==r.length)throw new Error((0,_.J)("error.facet-value-form-values-do-not-match"));return a.map((s,d)=>(0,c.iSy)({translatable:s,updatedFields:r[d],customFieldConfig:this.customValueFields,languageCode:o,defaultTranslation:{languageCode:o,name:""}})).filter(J.notNullOrUndefined)}}mt.\u0275fac=function(n){return new(n||mt)(t.Y36(Z.F0),t.Y36(Z.gz),t.Y36(c.iHG),t.Y36(t.sBO),t.Y36(c.DoR),t.Y36(l.qu),t.Y36(c.gqp),t.Y36(c.Z7U))},mt.\u0275cmp=t.Xpm({type:mt,selectors:[["vdr-facet-detail"]],features:[t.qOj],decls:16,vars:19,consts:[[3,"entity"],[3,"disabled","availableLanguageCodes","currentLanguageCode","languageCodeChange"],["locationId","facet-detail"],["class","btn btn-primary",3,"disabled","click",4,"ngIf","ngIfElse"],["updateButton",""],["class","form",3,"formGroup",4,"ngIf"],[1,"btn","btn-primary",3,"disabled","click"],["class","btn btn-primary",3,"disabled","click",4,"vdrIfPermissions"],[1,"form",3,"formGroup"],["formGroupName","facet",1,"form-block"],["for","visibility",3,"label"],["type","checkbox","clrToggle","","formControlName","visible","id","visibility",3,"vdrDisabled"],[1,"visible-toggle"],[4,"ngIf","ngIfElse"],["private",""],["for","name",3,"label"],["id","name","type","text","formControlName","name",3,"readonly","input"],["for","code",3,"label","readOnlyToggle"],["id","code","type","text","formControlName","code",3,"readonly"],["formGroupName","customFields",4,"ngIf"],["locationId","facet-detail",3,"entity$","detailForm"],["class","form-block",4,"ngIf"],["formGroupName","customFields"],["entityName","Facet",3,"customFields","customFieldsFormGroup","readonly"],[1,"form-block"],["class","facet-values-list table","formArrayName","values",4,"ngIf"],["type","button","class","btn btn-secondary",3,"click",4,"vdrIfPermissions"],["formArrayName","values",1,"facet-values-list","table"],[4,"ngIf"],["class","facet-value",3,"formGroupName",4,"ngFor","ngForOf"],[1,"facet-value",3,"formGroupName"],[1,"align-middle"],["type","text","formControlName","name",3,"readonly","input"],["type","text","formControlName","code","readonly",""],["class","",4,"ngIf"],["type","button","vdrDropdownTrigger","",1,"btn","btn-link","btn-sm"],["shape","caret down"],["vdrPosition","bottom-right"],["type","button","vdrDropdownItem","",1,"delete-button",3,"disabled","click"],["shape","trash",1,"is-danger"],[1,""],["entityName","FacetValue",3,"customFields","compact","customFieldsFormGroup","readonly"],["type","button",1,"btn","btn-secondary",3,"click"],["shape","add"]],template:function(n,e){if(1&n&&(t.TgZ(0,"vdr-action-bar")(1,"vdr-ab-left"),t._UZ(2,"vdr-entity-info",0),t.ALo(3,"async"),t.TgZ(4,"vdr-language-selector",1),t.NdJ("languageCodeChange",function(a){return e.setLanguage(a)}),t.ALo(5,"async"),t.ALo(6,"async"),t.ALo(7,"async"),t.qZA()(),t.TgZ(8,"vdr-ab-right"),t._UZ(9,"vdr-action-bar-items",2),t.YNc(10,Bn,3,4,"button",3),t.ALo(11,"async"),t.YNc(12,zn,1,1,"ng-template",null,4,t.W1O),t.qZA()(),t.YNc(14,lo,24,30,"form",5),t.ALo(15,"async")),2&n){const o=t.MAs(13);t.xp6(2),t.Q6J("entity",t.lcZ(3,7,e.entity$)),t.xp6(2),t.Q6J("disabled",t.lcZ(5,9,e.isNew$))("availableLanguageCodes",t.lcZ(6,11,e.availableLanguages$))("currentLanguageCode",t.lcZ(7,13,e.languageCode$)),t.xp6(6),t.Q6J("ngIf",t.lcZ(11,15,e.isNew$))("ngIfElse",o),t.xp6(4),t.Q6J("ngIf",t.lcZ(15,17,e.entity$))}},directives:[T.Kk,T.BN,wt.V,it.S,T.mz,K.W,C.O5,V.H,l._Y,l.JL,l.sg,l.x0,qt.h,h.PEh,w.y,l.Wl,h.KKC,l.JJ,l.u,Gt.x,h.MgK,l.Fj,$t.y,zt.C,l.CE,C.sg,at.J,rt.U,h.qvL,st.N,ct.H],pipes:[C.Ov,I.X$,D.j],styles:[".visible-toggle[_ngcontent-%COMP%]{margin-top:-3px!important}"],changeDetection:0});var po=u(8165),uo=u(901),te=u(6074);const mo=function(){return["./create"]};function _o(i,n){1&i&&(t.TgZ(0,"a",7),t._UZ(1,"clr-icon",8),t._uU(2),t.ALo(3,"translate"),t.qZA()),2&i&&(t.Q6J("routerLink",t.DdM(4,mo)),t.xp6(2),t.hij(" ",t.lcZ(3,2,"catalog.create-new-facet")," "))}function go(i,n){if(1&i&&t._UZ(0,"vdr-facet-value-chip",21),2&i){const e=n.$implicit;t.Q6J("facetValue",e)("removable",!1)("displayFacetName",!1)}}function ho(i,n){if(1&i&&(t.ynx(0),t._UZ(1,"clr-icon",8),t._uU(2),t.BQk()),2&i){const e=t.oxw(2).item,o=t.oxw();t.xp6(2),t.hij(" ",e.values.length-o.initialLimit," ")}}function fo(i,n){1&i&&t._UZ(0,"clr-icon",24)}function vo(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"button",22),t.NdJ("click",function(){t.CHM(e);const a=t.oxw().item;return t.oxw().toggleDisplayLimit(a)}),t.YNc(1,ho,3,1,"ng-container",12),t.YNc(2,fo,1,0,"ng-template",null,23,t.W1O),t.qZA()}if(2&i){const e=t.MAs(3),o=t.oxw().item,a=t.oxw();t.xp6(1),t.Q6J("ngIf",(a.displayLimit[o.id]||0)<o.values.length)("ngIfElse",e)}}function Co(i,n){1&i&&(t.ynx(0),t._uU(1),t.ALo(2,"translate"),t.BQk()),2&i&&(t.xp6(1),t.Oqu(t.lcZ(2,1,"catalog.public")))}function xo(i,n){1&i&&(t._uU(0),t.ALo(1,"translate")),2&i&&t.Oqu(t.lcZ(1,1,"catalog.private"))}const bo=function(i){return["./",i]},Zo=function(){return["DeleteCatalog","DeleteFacet"]};function Ao(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"td",9),t._uU(1),t.qZA(),t.TgZ(2,"td",9),t._uU(3),t.qZA(),t.TgZ(4,"td",9),t.YNc(5,go,1,3,"vdr-facet-value-chip",10),t.ALo(6,"slice"),t.YNc(7,vo,4,2,"button",11),t.qZA(),t.TgZ(8,"td",9)(9,"vdr-chip"),t.YNc(10,Co,3,3,"ng-container",12),t.YNc(11,xo,2,3,"ng-template",null,13,t.W1O),t.qZA()(),t.TgZ(13,"td",14),t._UZ(14,"vdr-table-row-action",15),t.ALo(15,"translate"),t.qZA(),t.TgZ(16,"td",14)(17,"vdr-dropdown")(18,"button",16),t._uU(19),t.ALo(20,"translate"),t._UZ(21,"clr-icon",17),t.qZA(),t.TgZ(22,"vdr-dropdown-menu",18)(23,"button",19),t.NdJ("click",function(){const r=t.CHM(e).item;return t.oxw().deleteFacet(r.id)}),t.ALo(24,"hasPermission"),t._UZ(25,"clr-icon",20),t._uU(26),t.ALo(27,"translate"),t.qZA()()()()}if(2&i){const e=n.item,o=t.MAs(12),a=t.oxw();t.ekj("private",e.isPrivate),t.xp6(1),t.Oqu(e.code),t.xp6(1),t.ekj("private",e.isPrivate),t.xp6(1),t.Oqu(e.name),t.xp6(1),t.ekj("private",e.isPrivate),t.xp6(1),t.Q6J("ngForOf",t.Dn7(6,23,e.values,0,a.displayLimit[e.id]||3)),t.xp6(2),t.Q6J("ngIf",e.values.length>a.initialLimit),t.xp6(1),t.ekj("private",e.isPrivate),t.xp6(2),t.Q6J("ngIf",!e.isPrivate)("ngIfElse",o),t.xp6(3),t.ekj("private",e.isPrivate),t.xp6(1),t.Q6J("label",t.lcZ(15,27,"common.edit"))("linkTo",t.VKq(35,bo,e.id)),t.xp6(2),t.ekj("private",e.isPrivate),t.xp6(3),t.hij(" ",t.lcZ(20,29,"common.actions")," "),t.xp6(4),t.Q6J("disabled",!t.lcZ(24,31,t.DdM(37,Zo))),t.xp6(3),t.hij(" ",t.lcZ(27,33,"common.delete")," ")}}const To=function(){return["CreateCatalog","CreateFacet"]};class _t extends c.t7C{constructor(n,e,o,a,r,s){super(r,s),this.dataService=n,this.modalService=e,this.notificationService=o,this.serverConfigService=a,this.filterTermControl=new l.NI(""),this.initialLimit=3,this.displayLimit={},super.setQueryFn((...d)=>this.dataService.facet.getFacets(...d).refetchOnChannelChange(),d=>d.facets,(d,p)=>({options:{skip:d,take:p,filter:{name:{contains:this.filterTermControl.value}},sort:{createdAt:po.As.DESC}}}))}ngOnInit(){super.ngOnInit(),this.availableLanguages$=this.serverConfigService.getAvailableLanguages(),this.contentLanguage$=this.dataService.client.uiState().mapStream(({uiState:n})=>n.contentLanguage).pipe((0,E.b)(()=>this.refresh())),this.filterTermControl.valueChanges.pipe((0,Nt.h)(n=>2<=n.length||0===n.length),(0,S.b)(250),(0,q.R)(this.destroy$)).subscribe(()=>this.refresh())}toggleDisplayLimit(n){this.displayLimit[n.id]===n.values.length?this.displayLimit[n.id]=this.initialLimit:this.displayLimit[n.id]=n.values.length}deleteFacet(n){this.showModalAndDelete(n).pipe((0,y.w)(e=>e.result===c.PcR.DELETED?[!0]:this.showModalAndDelete(n,e.message||"").pipe((0,v.U)(o=>o.result===c.PcR.DELETED))),(0,y.w)(()=>this.dataService.facet.getAllFacets().single$)).subscribe(()=>{this.notificationService.success((0,_.J)("common.notify-delete-success"),{entity:"FacetValue"}),this.refresh()},e=>{this.notificationService.error((0,_.J)("common.notify-delete-error"),{entity:"FacetValue"})})}setLanguage(n){this.dataService.client.setContentLanguage(n).subscribe()}showModalAndDelete(n,e){return this.modalService.dialog({title:(0,_.J)("catalog.confirm-delete-facet"),body:e,buttons:[{type:"secondary",label:(0,_.J)("common.cancel")},{type:"danger",label:(0,_.J)("common.delete"),returnValue:!0}]}).pipe((0,y.w)(o=>o?this.dataService.facet.deleteFacet(n,!!e):N.E),(0,v.U)(o=>o.deleteFacet))}}_t.\u0275fac=function(n){return new(n||_t)(t.Y36(c.DoR),t.Y36(c.Z7U),t.Y36(c.gqp),t.Y36(c.iHG),t.Y36(Z.F0),t.Y36(Z.gz))},_t.\u0275cmp=t.Xpm({type:_t,selectors:[["vdr-facet-list"]],features:[t.qOj],decls:31,vars:37,consts:[[1,"flex","center","wrap"],[3,"availableLanguageCodes","currentLanguageCode","languageCodeChange"],["type","text","name","searchTerm",1,"clr-input","search-input","ml4",3,"formControl","placeholder"],["locationId","facet-list"],["class","btn btn-primary",3,"routerLink",4,"vdrIfPermissions"],[3,"items","itemsPerPage","totalItems","currentPage","pageChange","itemsPerPageChange"],[3,"expand"],[1,"btn","btn-primary",3,"routerLink"],["shape","plus"],[1,"left","align-middle"],[3,"facetValue","removable","displayFacetName",4,"ngFor","ngForOf"],["class","btn btn-sm btn-secondary btn-icon",3,"click",4,"ngIf"],[4,"ngIf","ngIfElse"],["private",""],[1,"right","align-middle"],["iconShape","edit",3,"label","linkTo"],["type","button","vdrDropdownTrigger","",1,"btn","btn-link","btn-sm"],["shape","caret down"],["vdrPosition","bottom-right"],["type","button","vdrDropdownItem","",1,"delete-button",3,"disabled","click"],["shape","trash",1,"is-danger"],[3,"facetValue","removable","displayFacetName"],[1,"btn","btn-sm","btn-secondary","btn-icon",3,"click"],["collapse",""],["shape","minus"]],template:function(n,e){1&n&&(t.TgZ(0,"vdr-action-bar")(1,"vdr-ab-left")(2,"div",0)(3,"vdr-language-selector",1),t.NdJ("languageCodeChange",function(a){return e.setLanguage(a)}),t.ALo(4,"async"),t.ALo(5,"async"),t.qZA(),t._UZ(6,"input",2),t.ALo(7,"translate"),t.qZA()(),t.TgZ(8,"vdr-ab-right"),t._UZ(9,"vdr-action-bar-items",3),t.YNc(10,_o,4,5,"a",4),t.qZA()(),t.TgZ(11,"vdr-data-table",5),t.NdJ("pageChange",function(a){return e.setPageNumber(a)})("itemsPerPageChange",function(a){return e.setItemsPerPage(a)}),t.ALo(12,"async"),t.ALo(13,"async"),t.ALo(14,"async"),t.ALo(15,"async"),t.TgZ(16,"vdr-dt-column"),t._uU(17),t.ALo(18,"translate"),t.qZA(),t.TgZ(19,"vdr-dt-column"),t._uU(20),t.ALo(21,"translate"),t.qZA(),t.TgZ(22,"vdr-dt-column",6),t._uU(23),t.ALo(24,"translate"),t.qZA(),t.TgZ(25,"vdr-dt-column"),t._uU(26),t.ALo(27,"translate"),t.qZA(),t._UZ(28,"vdr-dt-column")(29,"vdr-dt-column"),t.YNc(30,Ao,28,38,"ng-template"),t.qZA()),2&n&&(t.xp6(3),t.Q6J("availableLanguageCodes",t.lcZ(4,14,e.availableLanguages$))("currentLanguageCode",t.lcZ(5,16,e.contentLanguage$)),t.xp6(3),t.Q6J("formControl",e.filterTermControl)("placeholder",t.lcZ(7,18,"catalog.filter-by-name")),t.xp6(4),t.Q6J("vdrIfPermissions",t.DdM(36,To)),t.xp6(1),t.Q6J("items",t.lcZ(12,20,e.items$))("itemsPerPage",t.lcZ(13,22,e.itemsPerPage$))("totalItems",t.lcZ(14,24,e.totalItems$))("currentPage",t.lcZ(15,26,e.currentPage$)),t.xp6(6),t.Oqu(t.lcZ(18,28,"common.code")),t.xp6(3),t.Oqu(t.lcZ(21,30,"common.name")),t.xp6(2),t.Q6J("expand",!0),t.xp6(1),t.Oqu(t.lcZ(24,32,"catalog.values")),t.xp6(3),t.Oqu(t.lcZ(27,34,"catalog.visibility")))},directives:[T.Kk,T.BN,it.S,w.y,l.Fj,l.JJ,l.oH,T.mz,K.W,V.H,Z.yS,h.qvL,Wt.Q,uo.E,C.sg,te.q,C.O5,Jt.Y,Xt.v,at.J,rt.U,st.N,ct.H],pipes:[C.Ov,I.X$,C.OU,D.j],styles:["td.private[_ngcontent-%COMP%]{background-color:var(--color-component-bg-200)}"]});var ue=u(5454),Po=u(1944),me=u(3945),yo=u(4987),Fo=u(9635);var Io=u(7260),_e=u(538),Et=u(309),Lo=u(7206),jt=u(8318);function Mo(i,n){1&i&&(t._uU(0),t.ALo(1,"translate")),2&i&&t.Oqu(t.lcZ(1,1,"catalog.add-facets"))}function wo(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"button",3),t.NdJ("click",function(){return t.CHM(e),t.oxw().cancel()}),t._uU(1),t.ALo(2,"translate"),t.qZA(),t.TgZ(3,"button",4),t.NdJ("click",function(){return t.CHM(e),t.oxw().selectValues()}),t._uU(4),t.ALo(5,"translate"),t.qZA()}if(2&i){const e=t.oxw();t.xp6(1),t.Oqu(t.lcZ(2,3,"common.cancel")),t.xp6(2),t.Q6J("disabled",0===e.selectedValues.length),t.xp6(1),t.hij(" ",t.lcZ(5,5,"catalog.add-facets")," ")}}class gt{constructor(n){this.changeDetector=n,this.selectedValues=[]}ngAfterViewInit(){setTimeout(()=>this.selector.focus(),0)}selectValues(){this.resolveWith(this.selectedValues)}cancel(){this.resolveWith()}}gt.\u0275fac=function(n){return new(n||gt)(t.Y36(t.sBO))},gt.\u0275cmp=t.Xpm({type:gt,selectors:[["vdr-apply-facet-dialog"]],viewQuery:function(n,e){if(1&n&&t.Gf(c.$MF,5),2&n){let o;t.iGM(o=t.CRH())&&(e.selector=o.first)}},decls:3,vars:1,consts:[["vdrDialogTitle",""],[3,"facets","selectedValuesChange"],["vdrDialogButtons",""],["type","button",1,"btn",3,"click"],["type","submit",1,"btn","btn-primary",3,"disabled","click"]],template:function(n,e){1&n&&(t.YNc(0,Mo,2,3,"ng-template",0),t.TgZ(1,"vdr-facet-value-selector",1),t.NdJ("selectedValuesChange",function(a){return e.selectedValues=a}),t.qZA(),t.YNc(2,wo,6,7,"ng-template",2)),2&n&&(t.xp6(1),t.Q6J("facets",e.facets))},directives:[Et.q,Lo.$,jt.n],pipes:[I.X$],styles:[""],changeDetection:0});var ko=u(4929),Jo=u(7400),Vo=u(5646),ee=u(8766),ne=u(4187);function Uo(i,n){1&i&&(t.ynx(0),t._uU(1),t.ALo(2,"translate"),t.BQk()),2&i&&(t.xp6(1),t.Oqu(t.lcZ(2,1,"catalog.assign-variants-to-channel")))}function Do(i,n){1&i&&(t._uU(0),t.ALo(1,"translate")),2&i&&t.Oqu(t.lcZ(1,1,"catalog.assign-products-to-channel"))}function No(i,n){if(1&i&&(t.YNc(0,Uo,3,3,"ng-container",12),t.YNc(1,Do,2,3,"ng-template",null,13,t.W1O)),2&i){const e=t.MAs(2),o=t.oxw();t.Q6J("ngIf",o.isProductVariantMode)("ngIfElse",e)}}const ge=function(i){return{channel:i}};function qo(i,n){if(1&i&&(t._uU(0),t.ALo(1,"translate")),2&i){const e=t.oxw();t.hij(" ",t.xi3(1,1,"catalog.price-in-channel",t.VKq(4,ge,null==e.selectedChannel?null:e.selectedChannel.code))," ")}}function $o(i,n){1&i&&(t._uU(0),t.ALo(1,"translate")),2&i&&t.hij(" ",t.lcZ(1,1,"catalog.no-channel-selected")," ")}function So(i,n){if(1&i&&(t._uU(0),t.ALo(1,"localeCurrency")),2&i){const e=t.oxw().$implicit,o=t.oxw();t.hij(" ",t.xi3(1,1,e.pricePreview,null==o.selectedChannel?null:o.selectedChannel.currencyCode)," ")}}function Qo(i,n){1&i&&t._uU(0," - ")}function Yo(i,n){if(1&i&&(t.TgZ(0,"tr")(1,"td"),t._uU(2),t.qZA(),t.TgZ(3,"td"),t._uU(4),t.ALo(5,"localeCurrency"),t.qZA(),t.TgZ(6,"td"),t.YNc(7,So,2,4,"ng-template",8),t.YNc(8,Qo,1,0,"ng-template",null,14,t.W1O),t.qZA()()),2&i){const e=n.$implicit,o=t.MAs(9),a=t.oxw();t.xp6(2),t.Oqu(e.name),t.xp6(2),t.Oqu(t.xi3(5,4,e.price,null==a.currentChannel?null:a.currentChannel.currencyCode)),t.xp6(3),t.Q6J("ngIf",a.selectedChannel)("ngIfElse",o)}}const Go=function(i){return{channelCode:i}};function Eo(i,n){if(1&i&&(t._uU(0),t.ALo(1,"translate")),2&i){const e=t.oxw(2);t.hij(" ",t.xi3(1,1,"catalog.assign-to-named-channel",t.VKq(4,Go,null==e.selectedChannel?null:e.selectedChannel.code))," ")}}function jo(i,n){1&i&&(t._uU(0),t.ALo(1,"translate")),2&i&&t.hij(" ",t.lcZ(1,1,"catalog.no-channel-selected")," ")}function Ho(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"button",15),t.NdJ("click",function(){return t.CHM(e),t.oxw().cancel()}),t._uU(1),t.ALo(2,"translate"),t.qZA(),t.TgZ(3,"button",16),t.NdJ("click",function(){return t.CHM(e),t.oxw().assign()}),t.YNc(4,Eo,2,6,"ng-template",8),t.YNc(5,jo,2,3,"ng-template",null,9,t.W1O),t.qZA()}if(2&i){const e=t.MAs(6),o=t.oxw();t.xp6(1),t.Oqu(t.lcZ(2,4,"common.cancel")),t.xp6(2),t.Q6J("disabled",!o.selectedChannel),t.xp6(1),t.Q6J("ngIf",o.selectedChannel)("ngIfElse",e)}}class tt{constructor(n,e){this.dataService=n,this.notificationService=e,this.priceFactorControl=new l.NI(1),this.selectedChannelIdControl=new l.NI}get isProductVariantMode(){return null!=this.productVariantIds}ngOnInit(){const n=this.dataService.client.userStatus().mapSingle(({userStatus:o})=>o.activeChannelId),e=this.dataService.settings.getChannels().mapSingle(o=>o.channels);(0,O.a)(n,e).subscribe(([o,a])=>{this.currentChannel=a.find(r=>r.id===o),this.availableChannels=a}),this.selectedChannelIdControl.valueChanges.subscribe(o=>{this.selectChannel(o)}),this.variantsPreview$=(0,O.a)((0,Jo.D)(this.getTopVariants(10)),this.priceFactorControl.valueChanges.pipe((0,lt.O)(1))).pipe((0,v.U)(([o,a])=>o.map(r=>({id:r.id,name:r.name,price:r.price,pricePreview:r.price*+a}))))}selectChannel(n){this.selectedChannel=this.availableChannels.find(e=>e.id===n[0])}assign(){const n=this.selectedChannel;n&&(this.isProductVariantMode?this.productVariantIds&&this.dataService.product.assignVariantsToChannel({channelId:n.id,productVariantIds:this.productVariantIds,priceFactor:+this.priceFactorControl.value}).subscribe(()=>{this.notificationService.success((0,_.J)("catalog.assign-variant-to-channel-success"),{channel:n.code}),this.resolveWith(!0)}):this.dataService.product.assignProductsToChannel({channelId:n.id,productIds:this.productIds,priceFactor:+this.priceFactorControl.value}).subscribe(()=>{this.notificationService.success((0,_.J)("catalog.assign-product-to-channel-success"),{channel:n.code}),this.resolveWith(!0)}))}cancel(){this.resolveWith()}getTopVariants(n){return(0,ko.mG)(this,void 0,void 0,function*(){const e=[];for(let o=0;o<this.productIds.length&&e.length<n;o++){const a=yield this.dataService.product.getProduct(this.productIds[o],{take:this.isProductVariantMode?void 0:n}).mapSingle(({product:r})=>(r?r.variantList.items:[]).filter(d=>{var p;return!this.isProductVariantMode||(null===(p=this.productVariantIds)||void 0===p?void 0:p.includes(d.id))})).toPromise();e.push(...a||[])}return e.slice(0,n)})}}tt.\u0275fac=function(n){return new(n||tt)(t.Y36(c.DoR),t.Y36(c.gqp))},tt.\u0275cmp=t.Xpm({type:tt,selectors:[["vdr-assign-products-to-channel-dialog"]],decls:36,vars:32,consts:[["vdrDialogTitle",""],[1,"flex"],["clrInput","",3,"multiple","includeDefaultChannel","disableChannelIds","formControl"],[1,"flex-spacer"],["clrInput","","type","number","min","0","max","99999",3,"formControl"],[1,"channel-price-preview"],[1,"clr-control-label"],[1,"table"],[3,"ngIf","ngIfElse"],["noSelection",""],[4,"ngFor","ngForOf"],["vdrDialogButtons",""],[4,"ngIf","ngIfElse"],["productModeTitle",""],["noChannelSelected",""],["type","button",1,"btn",3,"click"],["type","submit",1,"btn","btn-primary",3,"disabled","click"]],template:function(n,e){if(1&n&&(t.YNc(0,No,3,2,"ng-template",0),t.TgZ(1,"div",1)(2,"clr-input-container")(3,"label"),t._uU(4),t.ALo(5,"translate"),t.qZA(),t._UZ(6,"vdr-channel-assignment-control",2),t.qZA(),t._UZ(7,"div",3),t.TgZ(8,"clr-input-container")(9,"label"),t._uU(10),t.ALo(11,"translate"),t.qZA(),t._UZ(12,"input",4),t.qZA()(),t.TgZ(13,"div",5)(14,"label",6),t._uU(15),t.ALo(16,"translate"),t.qZA(),t.TgZ(17,"table",7)(18,"thead")(19,"tr")(20,"th"),t._uU(21),t.ALo(22,"translate"),t.qZA(),t.TgZ(23,"th"),t._uU(24),t.ALo(25,"translate"),t.ALo(26,"translate"),t.ALo(27,"channelCodeToLabel"),t.qZA(),t.TgZ(28,"th"),t.YNc(29,qo,2,6,"ng-template",8),t.YNc(30,$o,2,3,"ng-template",null,9,t.W1O),t.qZA()()(),t.TgZ(32,"tbody"),t.YNc(33,Yo,10,7,"tr",10),t.ALo(34,"async"),t.qZA()()(),t.YNc(35,Ho,7,6,"ng-template",11)),2&n){const o=t.MAs(31);t.xp6(4),t.Oqu(t.lcZ(5,13,"common.channel")),t.xp6(2),t.Q6J("multiple",!1)("includeDefaultChannel",!1)("disableChannelIds",e.currentChannelIds)("formControl",e.selectedChannelIdControl),t.xp6(4),t.Oqu(t.lcZ(11,15,"catalog.price-conversion-factor")),t.xp6(2),t.Q6J("formControl",e.priceFactorControl),t.xp6(3),t.Oqu(t.lcZ(16,17,"catalog.channel-price-preview")),t.xp6(6),t.Oqu(t.lcZ(22,19,"common.name")),t.xp6(3),t.hij(" ",t.xi3(25,21,"catalog.price-in-channel",t.VKq(30,ge,t.lcZ(26,24,t.lcZ(27,26,null==e.currentChannel?null:e.currentChannel.code))))," "),t.xp6(5),t.Q6J("ngIf",e.selectedChannel)("ngIfElse",o),t.xp6(4),t.Q6J("ngForOf",t.lcZ(34,28,e.variantsPreview$))}},directives:[Et.q,C.O5,h.G55,h.MgK,Vo.S,h.xRP,l.JJ,l.oH,w.y,l.qQ,l.Fd,l.wV,l.Fj,C.sg,jt.n],pipes:[I.X$,ee.E,C.Ov,ne.k],styles:["vdr-channel-assignment-control[_ngcontent-%COMP%]{min-width:200px}.channel-price-preview[_ngcontent-%COMP%]{margin-top:24px}.channel-price-preview[_ngcontent-%COMP%]   table.table[_ngcontent-%COMP%]{margin-top:6px}"],changeDetection:0});var Bo=u(3336),Ro=u(2971);function oe(i,n,e){if(!i)return"";const o=i.lastIndexOf(n);if(-1===o)return i;return i.substr(0,o)+i.substr(o).replace(n,e)}class B{constructor(n){this.dataService=n}getFacets(){return this.dataService.facet.getAllFacets().mapSingle(n=>n.facets.items)}getTaxCategories(){return this.dataService.settings.getTaxCategories().mapSingle(n=>n.taxCategories).pipe((0,kt.d)(1))}createProductWithVariants(n,e,o){const a=this.dataService.product.createProduct(n),r=e.groups.filter(d=>0<d.values.length),s=this.createProductOptionGroups(r,o);return(0,$.D)(a,s).pipe((0,P.z)(([{createProduct:d},p])=>(p.length?(0,$.D)(p.map(m=>this.dataService.product.addOptionGroupToProduct({productId:d.id,optionGroupId:m.id}))):(0,M.of)([])).pipe((0,v.U)(()=>({createProduct:d,optionGroups:p})))),(0,P.z)(({createProduct:d,optionGroups:p})=>{const f=e.variants.map(g=>{const x=p.length?g.optionValues.map((b,A)=>{const F=p[A].options.find(L=>L.name===b);if(!F)throw new Error(`Could not find a matching ProductOption "${b}" when creating variant`);return F.id}):[];return Object.assign(Object.assign({},g),{optionIds:x})}),m=p.map(g=>g.options).reduce((g,x)=>[...g,...x],[]);return this.createProductVariants(d,f,m,o)}))}createProductOptionGroups(n,e){return n.length?(0,$.D)(n.map(o=>this.dataService.product.createProductOptionGroups({code:(0,W.U)(o.name,"-"),translations:[{languageCode:e,name:o.name}],options:o.values.map(a=>({code:(0,W.U)(a,"-"),translations:[{languageCode:e,name:a}]}))}).pipe((0,v.U)(a=>a.createProductOptionGroup)))):(0,M.of)([])}createProductVariants(n,e,o,a){const r=e.map(s=>{const d=o.length?`${n.name} ${s.optionIds.map(p=>o.find(f=>f.id===p)).filter(J.notNullOrUndefined).map(p=>p.name).join(" ")}`:n.name;return{productId:n.id,price:s.price,sku:s.sku,stockOnHand:s.stock,translations:[{languageCode:a,name:d}],optionIds:s.optionIds}});return this.dataService.product.createProductVariants(r).pipe((0,v.U)(({createProductVariants:s})=>({createProductVariants:s,productId:n.id})))}updateProduct(n){const{product:e,languageCode:o,autoUpdate:a,productInput:r,variantsInput:s}=n,d=[],p=s||[];return(a?this.dataService.product.getProductVariants({},e.id).mapSingle(({productVariants:m})=>m.items):(0,M.of)([])).pipe((0,P.z)(m=>{var g,x,b,A;if(r){d.push(this.dataService.product.updateProduct(r));const F=null!==(x=null===(g=(0,c.ZIM)(e,o))||void 0===g?void 0:g.name)&&void 0!==x?x:"",L=null===(b=(0,c.ZIM)(r,o))||void 0===b?void 0:b.name;if(L&&F!==L&&a)for(const Lt of m){const Ut=(null===(A=(0,c.ZIM)(Lt,o))||void 0===A?void 0:A.name)||"";let Mt;const Qt=p.find(ae=>ae.id===Lt.id);Qt?Mt=Qt:(Mt={id:Lt.id,translations:[{languageCode:o,name:Ut}]},p.push(Mt));const Yt=(0,c.ZIM)(Mt,o);Yt&&(Yt.name?Yt.name=oe(Yt.name,F,L):Yt.name=[L,...Lt.options.map(ae=>ae.name)].join(" "))}}return p.length&&d.push(this.dataService.product.updateProductVariants(p)),(0,$.D)(d)}))}updateProductOption(n,e,o){return(n.autoUpdate?this.dataService.product.getProductVariants({},e.id).mapSingle(({productVariants:r})=>r.items):(0,M.of)([])).pipe((0,P.z)(r=>{var s,d,p;let f=(0,M.of)([]);if(n.autoUpdate){let m;const g=null===(s=(0,c.ZIM)(n,o))||void 0===s?void 0:s.name;g||(f=(0,M.of)([]));const x=[];for(const b of r)if(b.options.map(A=>A.id).includes(n.id)){m||(m=null===(d=(0,c.ZIM)(b.options.find(F=>F.id===n.id),o))||void 0===d?void 0:d.name);const A=(null===(p=(0,c.ZIM)(b,o))||void 0===p?void 0:p.name)||"";m&&g&&A.includes(m)&&x.push({id:b.id,translations:[{languageCode:o,name:oe(A,m,g)}]})}x.length&&(f=this.dataService.product.updateProductVariants(x))}return this.dataService.product.updateProductOption(n).pipe((0,P.z)(()=>f))}))}deleteProductVariant(n,e){return this.dataService.product.deleteProductVariant(n).pipe((0,y.w)(o=>o.deleteProductVariant.result===c.PcR.DELETED?this.dataService.product.getProduct(e).single$:function zo(i,n){const e=(0,Ro.m)(i)?i:()=>i,o=a=>a.error(e());return new Bo.y(n?a=>n.schedule(o,0,a):o)}(o.deleteProductVariant.message)))}}B.\u0275fac=function(n){return new(n||B)(t.LFG(c.DoR))},B.\u0275prov=t.Yz7({token:B,factory:B.\u0275fac,providedIn:"root"});var he=u(6444),fe=u(4209),Ko=u(2930),ve=u(1185);const Wo=["textArea"];function Xo(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"vdr-chip",6),t.NdJ("iconClick",function(){const r=t.CHM(e).$implicit;return t.oxw(2).removeOption(r)}),t._uU(1),t.qZA()}if(2&i){const e=n.$implicit,o=n.last,a=t.oxw(2);t.ekj("selected",o&&a.lastSelected)("locked",e.locked),t.Q6J("icon",e.locked?"lock":"times")("colorFrom",a.groupName),t.xp6(1),t.hij(" ",e.name," ")}}function ti(i,n){if(1&i&&(t.TgZ(0,"div",4),t.YNc(1,Xo,2,7,"vdr-chip",5),t.qZA()),2&i){const e=t.oxw();t.xp6(1),t.Q6J("ngForOf",e.options)}}const Ce={provide:l.JU,useExisting:(0,t.Gpc)(()=>R),multi:!0};class R{constructor(n){this.changeDetector=n,this.groupName="",this.disabled=!1,this.input="",this.isFocussed=!1,this.lastSelected=!1}registerOnChange(n){this.onChangeFn=n}registerOnTouched(n){this.onTouchFn=n}setDisabledState(n){this.disabled=n,this.changeDetector.markForCheck()}writeValue(n){this.options=n||[]}focus(){this.textArea.nativeElement.focus()}removeOption(n){n.locked||(this.options=this.options.filter(e=>e.name!==n.name),this.onChangeFn(this.options))}handleKey(n){switch(n.key){case",":case"Enter":this.addOptionValue(),n.preventDefault();break;case"Backspace":this.lastSelected?(this.removeLastOption(),this.lastSelected=!1):""===this.input&&(this.lastSelected=!0);break;default:this.lastSelected=!1}}handleBlur(){this.isFocussed=!1,this.addOptionValue()}addOptionValue(){this.options=(0,St.T)([...this.options,...this.parseInputIntoOptions(this.input)]),this.input="",this.onChangeFn(this.options)}parseInputIntoOptions(n){return n.split(/[,\n]/).map(e=>e.trim()).filter(e=>""!==e).map(e=>({name:e,locked:!1}))}removeLastOption(){this.options[this.options.length-1].locked||(this.options=this.options.slice(0,this.options.length-1))}}R.\u0275fac=function(n){return new(n||R)(t.Y36(t.sBO))},R.\u0275cmp=t.Xpm({type:R,selectors:[["vdr-option-value-input"]],viewQuery:function(n,e){if(1&n&&t.Gf(Wo,7),2&n){let o;t.iGM(o=t.CRH())&&(e.textArea=o.first)}},inputs:{groupName:"groupName"},features:[t._Bn([Ce])],decls:4,vars:5,consts:[[1,"input-wrapper",3,"click"],["class","chips",4,"ngIf"],[3,"ngModel","disabled","keyup","focus","blur","ngModelChange"],["textArea",""],[1,"chips"],[3,"icon","selected","locked","colorFrom","iconClick",4,"ngFor","ngForOf"],[3,"icon","colorFrom","iconClick"]],template:function(n,e){if(1&n){const o=t.EpF();t.TgZ(0,"div",0),t.NdJ("click",function(){return t.CHM(o),t.MAs(3).focus()}),t.YNc(1,ti,2,1,"div",1),t.TgZ(2,"textarea",2,3),t.NdJ("keyup",function(r){return e.handleKey(r)})("focus",function(){return e.isFocussed=!0})("blur",function(){return e.handleBlur()})("ngModelChange",function(r){return e.input=r}),t.qZA()()}2&n&&(t.ekj("focus",e.isFocussed),t.xp6(1),t.Q6J("ngIf",0<e.options.length),t.xp6(1),t.Q6J("ngModel",e.input)("disabled",e.disabled))},directives:[C.O5,C.sg,Jt.Y,w.y,l.Fj,l.JJ,l.On],styles:[".input-wrapper[_ngcontent-%COMP%]{background-color:#fff;border-radius:3px!important;border:1px solid var(--color-grey-300)!important;cursor:text}.input-wrapper.focus[_ngcontent-%COMP%]{border-color:var(--color-primary-500)!important;box-shadow:0 0 1px 1px var(--color-primary-100)}.input-wrapper[_ngcontent-%COMP%]   .chips[_ngcontent-%COMP%]{padding:5px}.input-wrapper[_ngcontent-%COMP%]   textarea[_ngcontent-%COMP%]{border:none;width:100%;height:24px;margin-top:3px;padding:0 6px}.input-wrapper[_ngcontent-%COMP%]   textarea[_ngcontent-%COMP%]:focus{outline:none}.input-wrapper[_ngcontent-%COMP%]   textarea[_ngcontent-%COMP%]:disabled{background-color:var(--color-component-bg-100)}vdr-chip[_ngcontent-%COMP%]     .wrapper{margin:0 3px}vdr-chip.locked[_ngcontent-%COMP%]{opacity:.8}vdr-chip.selected[_ngcontent-%COMP%]     .wrapper{border-color:var(--color-warning-500)!important;box-shadow:0 0 1px 1px var(--color-warning-400);opacity:.6}"]});var Ht=u(7283);function ei(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"div",7)(1,"div",8)(2,"label"),t._uU(3),t.ALo(4,"translate"),t.qZA(),t.TgZ(5,"input",9),t.NdJ("ngModelChange",function(a){return t.CHM(e).$implicit.name=a})("keydown.enter",function(a){t.CHM(e);const r=t.MAs(11);return t.oxw().handleEnter(a,r)}),t.qZA()(),t.TgZ(6,"div",10)(7,"label"),t._uU(8),t.ALo(9,"translate"),t.qZA(),t.TgZ(10,"vdr-option-value-input",11,12),t.NdJ("ngModelChange",function(a){return t.CHM(e).$implicit.values=a})("ngModelChange",function(){return t.CHM(e),t.oxw().generateVariants()}),t.qZA()(),t.TgZ(12,"div",13)(13,"button",14),t.NdJ("click",function(){const r=t.CHM(e).$implicit;return t.oxw().removeOption(r.name)}),t.ALo(14,"translate"),t._UZ(15,"clr-icon",15),t.qZA()()()}if(2&i){const e=n.$implicit;t.xp6(3),t.Oqu(t.lcZ(4,7,"catalog.option")),t.xp6(2),t.Q6J("ngModel",e.name),t.xp6(3),t.Oqu(t.lcZ(9,9,"catalog.option-values")),t.xp6(2),t.Q6J("ngModel",e.values)("groupName",e.name)("disabled",""===e.name),t.xp6(3),t.Q6J("title",t.lcZ(14,11,"catalog.remove-option"))}}function ni(i,n){1&i&&(t.TgZ(0,"th"),t._uU(1),t.ALo(2,"translate"),t.qZA()),2&i&&(t.xp6(1),t.Oqu(t.lcZ(2,1,"common.create")))}function oi(i,n){1&i&&(t.TgZ(0,"th"),t._uU(1),t.ALo(2,"translate"),t.qZA()),2&i&&(t.xp6(1),t.Oqu(t.lcZ(2,1,"catalog.variant")))}function ii(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"td")(1,"input",19),t.NdJ("change",function(){return t.CHM(e),t.oxw(2).onFormChange()})("ngModelChange",function(a){t.CHM(e);const r=t.oxw().$implicit;return t.oxw().variantFormValues[r.id].enabled=a}),t.qZA()()}if(2&i){const e=t.oxw().$implicit,o=t.oxw();t.xp6(1),t.Q6J("ngModel",o.variantFormValues[e.id].enabled)}}function ai(i,n){if(1&i&&(t.TgZ(0,"td"),t._uU(1),t.qZA()),2&i){const e=t.oxw().$implicit;t.xp6(1),t.hij(" ",e.values.join(" ")," ")}}function ri(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"tr"),t.YNc(1,ii,2,1,"td",5),t.YNc(2,ai,2,1,"td",5),t.TgZ(3,"td")(4,"clr-input-container")(5,"input",16),t.NdJ("change",function(){return t.CHM(e),t.oxw().onFormChange()})("ngModelChange",function(a){const s=t.CHM(e).$implicit;return t.oxw().variantFormValues[s.id].sku=a}),t.ALo(6,"translate"),t.qZA()()(),t.TgZ(7,"td")(8,"clr-input-container")(9,"vdr-currency-input",17),t.NdJ("ngModelChange",function(a){const s=t.CHM(e).$implicit;return t.oxw().variantFormValues[s.id].price=a})("ngModelChange",function(){return t.CHM(e),t.oxw().onFormChange()}),t.qZA()()(),t.TgZ(10,"td")(11,"clr-input-container")(12,"input",18),t.NdJ("ngModelChange",function(a){const s=t.CHM(e).$implicit;return t.oxw().variantFormValues[s.id].stock=a})("change",function(){return t.CHM(e),t.oxw().onFormChange()}),t.qZA()()()()}if(2&i){const e=n.$implicit,o=t.oxw();t.ekj("disabled",!o.variantFormValues[e.id].enabled),t.xp6(1),t.Q6J("ngIf",1<o.variants.length),t.xp6(1),t.Q6J("ngIf",1<o.variants.length),t.xp6(3),t.Q6J("ngModel",o.variantFormValues[e.id].sku)("placeholder",t.lcZ(6,9,"catalog.sku")),t.xp6(4),t.Q6J("ngModel",o.variantFormValues[e.id].price)("currencyCode",o.currencyCode),t.xp6(3),t.Q6J("ngModel",o.variantFormValues[e.id].stock)}}const ie="__DEFAULT_VARIANT__";class ht{constructor(n){this.dataService=n,this.variantsChange=new t.vpe,this.optionGroups=[],this.variantFormValues={}}ngOnInit(){this.dataService.settings.getActiveChannel().single$.subscribe(n=>{this.currencyCode=n.activeChannel.currencyCode}),this.generateVariants()}addOption(){this.optionGroups.push({name:"",values:[]})}removeOption(n){this.optionGroups=this.optionGroups.filter(e=>e.name!==n),this.generateVariants()}generateVariants(){const e=this.optionGroups.reduce((o,a)=>o+a.values.length,0)?this.optionGroups.map(o=>o.values.map(a=>a.name)):[[ie]];this.variants=(0,J.generateAllCombinations)(e).map(o=>({id:o.join("|"),values:o})),this.variants.forEach(o=>{this.variantFormValues[o.id]||(this.variantFormValues[o.id]={optionValues:o.values,enabled:!0,price:this.copyFromDefault(o.id,"price",0),sku:this.copyFromDefault(o.id,"sku",""),stock:this.copyFromDefault(o.id,"stock",0)})}),this.onFormChange()}trackByFn(n,e){return e.values.join("|")}handleEnter(n,e){n.preventDefault(),n.stopPropagation(),e.focus()}onFormChange(){const n=this.variants.map(e=>this.variantFormValues[e.id]).filter(e=>e.enabled);this.variantsChange.emit({groups:this.optionGroups.map(e=>({name:e.name,values:e.values.map(o=>o.name)})),variants:n})}copyFromDefault(n,e,o){return n!==ie?this.variantFormValues[ie][e]:o}}ht.\u0275fac=function(n){return new(n||ht)(t.Y36(c.DoR))},ht.\u0275cmp=t.Xpm({type:ht,selectors:[["vdr-generate-product-variants"]],outputs:{variantsChange:"variantsChange"},decls:21,vars:17,consts:[["class","option-groups",4,"ngFor","ngForOf"],[1,"btn","btn-primary-outline","btn-sm",3,"click"],["shape","plus"],[1,"variants-preview"],[1,"table"],[4,"ngIf"],[3,"disabled",4,"ngFor","ngForOf","ngForTrackBy"],[1,"option-groups"],[1,"name"],["placeholder","e.g. Size","clrInput","","name","name","required","",3,"ngModel","ngModelChange","keydown.enter"],[1,"values"],[3,"ngModel","groupName","disabled","ngModelChange"],["optionValueInputComponent",""],[1,"remove-group"],[1,"btn","btn-icon","btn-warning-outline",3,"title","click"],["shape","trash"],["clrInput","","type","text",3,"ngModel","placeholder","change","ngModelChange"],["clrInput","",3,"ngModel","currencyCode","ngModelChange"],["clrInput","","type","number","min","0","step","1",3,"ngModel","ngModelChange","change"],["type","checkbox","clrCheckbox","",3,"ngModel","change","ngModelChange"]],template:function(n,e){1&n&&(t.YNc(0,ei,16,13,"div",0),t.TgZ(1,"button",1),t.NdJ("click",function(){return e.addOption()}),t._UZ(2,"clr-icon",2),t._uU(3),t.ALo(4,"translate"),t.qZA(),t.TgZ(5,"div",3)(6,"table",4)(7,"thead")(8,"tr"),t.YNc(9,ni,3,3,"th",5),t.YNc(10,oi,3,3,"th",5),t.TgZ(11,"th"),t._uU(12),t.ALo(13,"translate"),t.qZA(),t.TgZ(14,"th"),t._uU(15),t.ALo(16,"translate"),t.qZA(),t.TgZ(17,"th"),t._uU(18),t.ALo(19,"translate"),t.qZA()()(),t.YNc(20,ri,13,11,"tr",6),t.qZA()()),2&n&&(t.Q6J("ngForOf",e.optionGroups),t.xp6(3),t.hij(" ",t.lcZ(4,9,"catalog.add-option"),"\n"),t.xp6(6),t.Q6J("ngIf",1<e.variants.length),t.xp6(1),t.Q6J("ngIf",1<e.variants.length),t.xp6(2),t.Oqu(t.lcZ(13,11,"catalog.sku")),t.xp6(3),t.Oqu(t.lcZ(16,13,"catalog.price")),t.xp6(3),t.Oqu(t.lcZ(19,15,"catalog.stock-on-hand")),t.xp6(2),t.Q6J("ngForOf",e.variants)("ngForTrackBy",e.trackByFn))},directives:[C.sg,h.MgK,w.y,l.Fj,h.xRP,l.Q7,l.JJ,l.On,R,h.qvL,C.O5,h.q0d,l.Wl,h.KKC,h.G55,Ht.K,l.qQ,l.wV],pipes:[I.X$],styles:["[_nghost-%COMP%]{display:block;margin-bottom:120px}.option-groups[_ngcontent-%COMP%]{display:flex}.values[_ngcontent-%COMP%]{flex:1;margin:0 6px}.remove-group[_ngcontent-%COMP%]{padding-top:18px}.variants-preview[_ngcontent-%COMP%]   tr.disabled[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]{background-color:var(--color-component-bg-100);color:var(--color-grey-400)}"]});var xe=u(5850),si=u(3477);function ci(i,n){if(1&i&&(t.ynx(0),t.TgZ(1,"th"),t._uU(2),t.qZA(),t.BQk()),2&i){const e=n.$implicit;t.xp6(2),t.Oqu(e.name)}}function li(i,n){if(1&i&&(t._UZ(0,"img",18),t.ALo(1,"assetPreview")),2&i){const e=n.ngIf;t.Q6J("src",t.xi3(1,1,e,"tiny"),t.LSH)}}function di(i,n){1&i&&(t.TgZ(0,"div",19),t._UZ(1,"clr-icon",20),t.qZA())}function pi(i,n){if(1&i&&(t.ynx(0),t.TgZ(1,"td",5),t.ALo(2,"stringToColor"),t._uU(3),t.qZA(),t.BQk()),2&i){const e=n.$implicit,o=t.oxw().ngIf,a=t.oxw(2);t.xp6(1),t.Udp("color",t.lcZ(2,5,a.optionGroupName(e.groupId))),t.ekj("disabled",!o.get("enabled").value),t.xp6(2),t.hij(" ",e.name," ")}}function ui(i,n){if(1&i&&(t._UZ(0,"vdr-currency-input",21),t.ALo(1,"hasPermission")),2&i){const e=t.oxw(2).$implicit,o=t.oxw();t.Q6J("currencyCode",e.currencyCode)("readonly",!t.lcZ(1,2,o.updatePermission))}}function mi(i,n){if(1&i&&(t._UZ(0,"vdr-currency-input",22),t.ALo(1,"hasPermission")),2&i){const e=t.oxw(2).$implicit,o=t.oxw();t.Q6J("currencyCode",e.currencyCode)("readonly",!t.lcZ(1,2,o.updatePermission))}}function _i(i,n){if(1&i&&(t.ynx(0,4),t.TgZ(1,"td",5)(2,"div",6)(3,"div",7),t.YNc(4,li,2,4,"img",8),t.YNc(5,di,2,0,"ng-template",null,9,t.W1O),t.qZA()()(),t.TgZ(7,"td",5)(8,"clr-input-container"),t._UZ(9,"input",10),t.ALo(10,"hasPermission"),t.ALo(11,"translate"),t.qZA()(),t.TgZ(12,"td",5)(13,"clr-input-container"),t._UZ(14,"input",11),t.ALo(15,"hasPermission"),t.ALo(16,"translate"),t.qZA()(),t.YNc(17,pi,4,7,"ng-container",1),t.ALo(18,"sort"),t.TgZ(19,"td",12)(20,"clr-input-container"),t.YNc(21,ui,2,4,"vdr-currency-input",13),t.YNc(22,mi,2,4,"vdr-currency-input",14),t.qZA()(),t.TgZ(23,"td",15)(24,"clr-input-container"),t._UZ(25,"input",16),t.ALo(26,"hasPermission"),t.qZA()(),t.TgZ(27,"td",15)(28,"clr-toggle-wrapper"),t._UZ(29,"input",17),t.ALo(30,"hasPermission"),t.qZA()(),t.BQk()),2&i){const e=n.ngIf,o=t.MAs(6),a=t.oxw().$implicit,r=t.oxw();t.Q6J("formGroup",e),t.xp6(1),t.ekj("disabled",!e.get("enabled").value),t.xp6(3),t.Q6J("ngIf",r.getFeaturedAsset(a))("ngIfElse",o),t.xp6(3),t.ekj("disabled",!e.get("enabled").value),t.xp6(2),t.Q6J("readonly",!t.lcZ(10,24,r.updatePermission))("placeholder",t.lcZ(11,26,"common.name")),t.xp6(3),t.ekj("disabled",!e.get("enabled").value),t.xp6(2),t.Q6J("readonly",!t.lcZ(15,28,r.updatePermission))("placeholder",t.lcZ(16,30,"catalog.sku")),t.xp6(3),t.Q6J("ngForOf",t.xi3(18,32,a.options,"groupId")),t.xp6(2),t.ekj("disabled",!e.get("enabled").value),t.xp6(2),t.Q6J("ngIf",!r.channelPriceIncludesTax),t.xp6(1),t.Q6J("ngIf",r.channelPriceIncludesTax),t.xp6(1),t.ekj("disabled",!e.get("enabled").value),t.xp6(2),t.Q6J("readonly",!t.lcZ(26,35,r.updatePermission)),t.xp6(2),t.ekj("disabled",!e.get("enabled").value),t.xp6(2),t.Q6J("vdrDisabled",!t.lcZ(30,37,r.updatePermission))}}function gi(i,n){if(1&i&&(t.TgZ(0,"tr"),t.YNc(1,_i,31,39,"ng-container",3),t.qZA()),2&i){const e=n.$implicit,o=t.oxw();t.xp6(1),t.Q6J("ngIf",o.formGroupMap.get(e.id))}}class ft{constructor(n){this.changeDetector=n,this.formGroupMap=new Map,this.updatePermission=[c.y3$.UpdateCatalog,c.y3$.UpdateProduct]}ngOnInit(){this.subscription=this.formArray.valueChanges.pipe((0,v.U)(n=>n.length),(0,S.b)(1),(0,Q.x)()).subscribe(()=>{this.buildFormGroupMap()}),this.buildFormGroupMap()}ngOnDestroy(){this.subscription&&this.subscription.unsubscribe()}trackByFn(n,e){return null!=e.id?e.id:n}getFeaturedAsset(n){var e;return(null===(e=this.pendingAssetChanges[n.id])||void 0===e?void 0:e.featuredAsset)||n.featuredAsset}optionGroupName(n){const e=this.optionGroups.find(o=>o.id===n);return e&&e.name}buildFormGroupMap(){this.formGroupMap.clear();for(const n of this.formArray.controls)this.formGroupMap.set(n.value.id,n);this.changeDetector.markForCheck()}}function hi(i,n){1&i&&(t._uU(0),t.ALo(1,"translate")),2&i&&t.Oqu(t.lcZ(1,1,"catalog.update-product-option"))}ft.\u0275fac=function(n){return new(n||ft)(t.Y36(t.sBO))},ft.\u0275cmp=t.Xpm({type:ft,selectors:[["vdr-product-variants-table"]],inputs:{formArray:["productVariantsFormArray","formArray"],variants:"variants",paginationConfig:"paginationConfig",channelPriceIncludesTax:"channelPriceIncludesTax",optionGroups:"optionGroups",pendingAssetChanges:"pendingAssetChanges"},decls:24,vars:24,consts:[[1,"table"],[4,"ngFor","ngForOf"],[4,"ngFor","ngForOf","ngForTrackBy"],[3,"formGroup",4,"ngIf"],[3,"formGroup"],[1,"left","align-middle"],[1,"card-img"],[1,"featured-asset"],[3,"src",4,"ngIf","ngIfElse"],["placeholder",""],["clrInput","","type","text","formControlName","name",3,"readonly","placeholder"],["clrInput","","type","text","formControlName","sku",3,"readonly","placeholder"],[1,"left","align-middle","price"],["clrInput","","formControlName","price",3,"currencyCode","readonly",4,"ngIf"],["clrInput","","formControlName","priceWithTax",3,"currencyCode","readonly",4,"ngIf"],[1,"left","align-middle","stock"],["clrInput","","type","number","min","0","step","1","formControlName","stockOnHand",3,"readonly"],["type","checkbox","clrToggle","","name","enabled","formControlName","enabled",3,"vdrDisabled"],[3,"src"],[1,"placeholder"],["shape","image","size","48"],["clrInput","","formControlName","price",3,"currencyCode","readonly"],["clrInput","","formControlName","priceWithTax",3,"currencyCode","readonly"]],template:function(n,e){1&n&&(t.TgZ(0,"table",0)(1,"thead")(2,"tr"),t._UZ(3,"th"),t.TgZ(4,"th"),t._uU(5),t.ALo(6,"translate"),t.qZA(),t.TgZ(7,"th"),t._uU(8),t.ALo(9,"translate"),t.qZA(),t.YNc(10,ci,3,1,"ng-container",1),t.ALo(11,"sort"),t.TgZ(12,"th"),t._uU(13),t.ALo(14,"translate"),t.qZA(),t.TgZ(15,"th"),t._uU(16),t.ALo(17,"translate"),t.qZA(),t.TgZ(18,"th"),t._uU(19),t.ALo(20,"translate"),t.qZA()()(),t.TgZ(21,"tbody"),t.YNc(22,gi,2,1,"tr",2),t.ALo(23,"paginate"),t.qZA()()),2&n&&(t.xp6(5),t.Oqu(t.lcZ(6,8,"common.name")),t.xp6(3),t.Oqu(t.lcZ(9,10,"catalog.sku")),t.xp6(2),t.Q6J("ngForOf",t.xi3(11,12,e.optionGroups,"id")),t.xp6(3),t.Oqu(t.lcZ(14,15,"catalog.price")),t.xp6(3),t.Oqu(t.lcZ(17,17,"catalog.stock-on-hand")),t.xp6(3),t.Oqu(t.lcZ(20,19,"common.enabled")),t.xp6(3),t.Q6J("ngForOf",t.xi3(23,21,e.variants,e.paginationConfig))("ngForTrackBy",e.trackByFn))},directives:[C.sg,h.q0d,C.O5,l.JL,l.sg,h.qvL,h.G55,w.y,l.Fj,h.xRP,l.JJ,l.u,Ht.K,l.qQ,l.wV,h.PEh,l.Wl,h.KKC,Gt.x],pipes:[I.X$,xe.U,Bt._s,Kt.M,D.j,si.s],styles:[".placeholder[_ngcontent-%COMP%]{color:var(--color-grey-300)}.stock[_ngcontent-%COMP%]   input[_ngcontent-%COMP%], .price[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]{max-width:96px}td[_ngcontent-%COMP%]{transition:background-color .2s}td.disabled[_ngcontent-%COMP%]{background-color:var(--color-component-bg-200)}"],changeDetection:0});const fi=function(){return["UpdateCatalog","UpdateProduct"]};function vi(i,n){if(1&i&&(t.TgZ(0,"section")(1,"label"),t._uU(2),t.ALo(3,"translate"),t.qZA(),t._UZ(4,"vdr-tabbed-custom-fields",10),t.ALo(5,"hasPermission"),t.qZA()),2&i){const e=t.oxw();t.xp6(2),t.Oqu(t.lcZ(3,4,"common.custom-fields")),t.xp6(2),t.Q6J("customFields",e.customFields)("customFieldsFormGroup",e.customFieldsForm)("readonly",!t.lcZ(5,6,t.DdM(8,fi)))}}function Ci(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"button",11),t.NdJ("click",function(){return t.CHM(e),t.oxw().cancel()}),t._uU(1),t.ALo(2,"translate"),t.qZA(),t.TgZ(3,"button",12),t.NdJ("click",function(){return t.CHM(e),t.oxw().update()}),t._uU(4),t.ALo(5,"translate"),t.qZA()}if(2&i){const e=t.oxw(),o=t.MAs(4),a=t.MAs(8);t.xp6(1),t.Oqu(t.lcZ(2,3,"common.cancel")),t.xp6(2),t.Q6J("disabled",o.invalid||a.invalid||o.pristine&&a.pristine&&e.customFieldsForm.pristine),t.xp6(1),t.hij(" ",t.lcZ(5,5,"catalog.update-product-option")," ")}}class vt{constructor(){this.updateVariantName=!0,this.codeInputTouched=!1}ngOnInit(){var n;const e=this.productOption.translations.find(o=>o.languageCode===this.activeLanguage);if(this.name=null!==(n=null==e?void 0:e.name)&&void 0!==n?n:"",this.code=this.productOption.code,this.customFieldsForm=new l.cw({}),this.customFields){const o=e&&e.customFields||{};for(const a of this.customFields){const r=a.name,s="localeString"===a.type?o[r]:this.productOption.customFields[r];this.customFieldsForm.addControl(a.name,new l.NI(s))}}}update(){const n=(0,c.iSy)({translatable:this.productOption,languageCode:this.activeLanguage,updatedFields:{code:this.code,name:this.name,customFields:this.customFieldsForm.value},customFieldConfig:this.customFields,defaultTranslation:{languageCode:this.activeLanguage,name:""}});this.resolveWith(Object.assign(Object.assign({},n),{autoUpdate:this.updateVariantName}))}cancel(){this.resolveWith()}updateCode(n){!this.codeInputTouched&&!this.productOption.code&&(this.code=(0,W.U)(n,"-"))}}vt.\u0275fac=function(n){return new(n||vt)},vt.\u0275cmp=t.Xpm({type:vt,selectors:[["vdr-update-product-option-dialog"]],decls:16,vars:13,consts:[["vdrDialogTitle",""],["for","name",3,"label"],["id","name","type","text","required","",3,"ngModel","ngModelChange","input"],["nameInput","ngModel"],["for","code",3,"label"],["id","code","type","text","required","","pattern","[a-z0-9_-]+",3,"ngModel","ngModelChange"],["codeInput","ngModel"],["type","checkbox","clrCheckbox","",3,"ngModel","ngModelChange"],[4,"ngIf"],["vdrDialogButtons",""],["entityName","ProductOption",3,"customFields","customFieldsFormGroup","readonly"],["type","button",1,"btn",3,"click"],["type","submit",1,"btn","btn-primary",3,"disabled","click"]],template:function(n,e){1&n&&(t.YNc(0,hi,2,3,"ng-template",0),t.TgZ(1,"vdr-form-field",1),t.ALo(2,"translate"),t.TgZ(3,"input",2,3),t.NdJ("ngModelChange",function(a){return e.name=a})("input",function(a){return e.updateCode(a.target.value)}),t.qZA()(),t.TgZ(5,"vdr-form-field",4),t.ALo(6,"translate"),t.TgZ(7,"input",5,6),t.NdJ("ngModelChange",function(a){return e.code=a}),t.qZA()(),t.TgZ(9,"clr-checkbox-wrapper")(10,"input",7),t.NdJ("ngModelChange",function(a){return e.updateVariantName=a}),t.qZA(),t.TgZ(11,"label"),t._uU(12),t.ALo(13,"translate"),t.qZA()(),t.YNc(14,vi,6,9,"section",8),t.YNc(15,Ci,6,7,"ng-template",9)),2&n&&(t.xp6(1),t.Q6J("label",t.lcZ(2,7,"catalog.option-name")),t.xp6(2),t.Q6J("ngModel",e.name),t.xp6(2),t.Q6J("label",t.lcZ(6,9,"common.code")),t.xp6(2),t.Q6J("ngModel",e.code),t.xp6(3),t.Q6J("ngModel",e.updateVariantName),t.xp6(2),t.Oqu(t.lcZ(13,11,"catalog.auto-update-option-variant-name")),t.xp6(2),t.Q6J("ngIf",e.customFields.length))},directives:[Et.q,qt.h,w.y,l.Fj,l.Q7,l.JJ,l.On,l.c5,h.PEh,l.Wl,h.KKC,h.MgK,C.O5,$t.y,jt.n],pipes:[I.X$,D.j],styles:[""],changeDetection:0});var xi=u(7861);const bi=function(i){return{rate:i}};function Zi(i,n){if(1&i&&(t.TgZ(0,"div",2),t._uU(1),t.ALo(2,"translate"),t.ALo(3,"async"),t.qZA()),2&i){const e=t.oxw();t.xp6(1),t.hij(" ",t.xi3(2,1,"catalog.price-includes-tax-at",t.VKq(6,bi,t.lcZ(3,4,e.taxRate$))),"\n")}}const Ai=function(i,n){return{price:i,rate:n}};function Ti(i,n){if(1&i&&(t.TgZ(0,"div",2),t._uU(1),t.ALo(2,"translate"),t.ALo(3,"localeCurrency"),t.ALo(4,"async"),t.ALo(5,"async"),t.qZA()),2&i){const e=t.oxw();t.xp6(1),t.hij(" ",t.xi3(2,1,"catalog.price-with-tax-in-default-zone",t.WLB(11,Ai,t.xi3(3,4,t.lcZ(4,7,e.grossPrice$),e.currencyCode),t.lcZ(5,9,e.taxRate$))),"\n")}}class Ct{constructor(n){this.dataService=n,this.priceChange$=new U.X(0),this.taxCategoryIdChange$=new U.X("")}ngOnInit(){const n=this.dataService.settings.getTaxRatesSimple(999,0,"cache-first").mapStream(o=>o.taxRates.items),e=this.dataService.settings.getActiveChannel("cache-first").refetchOnChannelChange().mapStream(o=>o.activeChannel);this.taxRate$=(0,O.a)(e,n,this.taxCategoryIdChange$).pipe((0,v.U)(([o,a,r])=>{const s=o.defaultTaxZone;if(!s)return 0;const d=a.find(p=>p.zone.id===s.id&&p.category.id===r);return d?d.value:0})),this.grossPrice$=(0,O.a)(this.taxRate$,this.priceChange$).pipe((0,v.U)(([o,a])=>Math.round(a*((100+o)/100))))}ngOnChanges(n){"price"in n&&this.priceChange$.next(n.price.currentValue),"taxCategoryId"in n&&this.taxCategoryIdChange$.next(n.taxCategoryId.currentValue)}}Ct.\u0275fac=function(n){return new(n||Ct)(t.Y36(c.DoR))},Ct.\u0275cmp=t.Xpm({type:Ct,selectors:[["vdr-variant-price-detail"]],inputs:{priceIncludesTax:"priceIncludesTax",price:"price",currencyCode:"currencyCode",taxCategoryId:"taxCategoryId"},features:[t.TTD],decls:5,vars:5,consts:[[1,"clr-control-label"],["class","value",4,"ngIf"],[1,"value"]],template:function(n,e){1&n&&(t.TgZ(0,"label",0),t._uU(1),t.ALo(2,"translate"),t.qZA(),t.YNc(3,Zi,4,8,"div",1),t.YNc(4,Ti,6,14,"div",1)),2&n&&(t.xp6(1),t.Oqu(t.lcZ(2,3,"catalog.taxes")),t.xp6(2),t.Q6J("ngIf",e.priceIncludesTax),t.xp6(1),t.Q6J("ngIf",!e.priceIncludesTax))},directives:[h.MgK,C.O5],pipes:[I.X$,C.Ov,ne.k],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column}.value[_ngcontent-%COMP%]{margin-top:3px}"],changeDetection:0});var Pi=u(9435);function yi(i,n){1&i&&(t.TgZ(0,"clr-toggle-wrapper"),t._UZ(1,"input",45),t.TgZ(2,"label"),t._uU(3),t.ALo(4,"translate"),t.qZA()()),2&i&&(t.xp6(3),t.Oqu(t.lcZ(4,1,"common.enabled")))}function Fi(i,n){if(1&i&&(t.TgZ(0,"option",48),t._uU(1),t.qZA()),2&i){const e=n.$implicit;t.Q6J("value",e.id),t.xp6(1),t.hij(" ",e.name," ")}}function Oi(i,n){if(1&i&&(t.TgZ(0,"clr-select-container")(1,"label"),t._uU(2),t.ALo(3,"translate"),t.qZA(),t.TgZ(4,"select",46),t.YNc(5,Fi,2,2,"option",47),t.qZA()()),2&i){const e=t.oxw(3);t.xp6(2),t.Oqu(t.lcZ(3,2,"catalog.tax-category")),t.xp6(3),t.Q6J("ngForOf",e.taxCategories)}}function Ii(i,n){if(1&i&&(t.TgZ(0,"label",29),t._uU(1),t.ALo(2,"translate"),t.qZA(),t.TgZ(3,"div",49),t._uU(4),t.qZA()),2&i){const e=t.oxw().ngIf,o=t.oxw(2);t.xp6(1),t.Oqu(t.lcZ(2,2,"catalog.tax-category")),t.xp6(3),t.hij(" ",o.getTaxCategoryName(e)," ")}}function Li(i,n){if(1&i&&(t._UZ(0,"vdr-currency-input",50),t.ALo(1,"hasPermission")),2&i){const e=t.oxw(2).$implicit,o=t.oxw();t.Q6J("currencyCode",e.currencyCode)("readonly",!t.lcZ(1,2,o.updatePermission))}}function Mi(i,n){if(1&i&&(t._UZ(0,"vdr-currency-input",51),t.ALo(1,"hasPermission")),2&i){const e=t.oxw(2).$implicit,o=t.oxw();t.Q6J("currencyCode",e.currencyCode)("readonly",!t.lcZ(1,2,o.updatePermission))}}function wi(i,n){if(1&i&&(t.TgZ(0,"clr-select-container")(1,"label"),t._uU(2),t.ALo(3,"translate"),t._UZ(4,"vdr-help-tooltip",27),t.ALo(5,"translate"),t.qZA(),t.TgZ(6,"select",52)(7,"option",48),t._uU(8),t.ALo(9,"translate"),t.qZA(),t.TgZ(10,"option",48),t._uU(11),t.ALo(12,"translate"),t.qZA(),t.TgZ(13,"option",48),t._uU(14),t.ALo(15,"translate"),t.qZA()()()),2&i){const e=t.oxw(3);t.xp6(2),t.hij("",t.lcZ(3,8,"catalog.track-inventory")," "),t.xp6(2),t.Q6J("content",t.lcZ(5,10,"catalog.track-inventory-tooltip")),t.xp6(3),t.Q6J("value",e.GlobalFlag.TRUE),t.xp6(1),t.hij(" ",t.lcZ(9,12,"catalog.track-inventory-true")," "),t.xp6(2),t.Q6J("value",e.GlobalFlag.FALSE),t.xp6(1),t.hij(" ",t.lcZ(12,14,"catalog.track-inventory-false")," "),t.xp6(2),t.Q6J("value",e.GlobalFlag.INHERIT),t.xp6(1),t.hij(" ",t.lcZ(15,16,"catalog.track-inventory-inherit")," ")}}function ki(i,n){if(1&i&&(t.TgZ(0,"section",53),t._UZ(1,"vdr-tabbed-custom-fields",54),t.ALo(2,"hasPermission"),t.qZA()),2&i){const e=t.oxw().ngIf,o=t.oxw(2);t.xp6(1),t.Q6J("customFields",o.customFields)("compact",!0)("customFieldsFormGroup",e.get("customFields"))("readonly",!t.lcZ(2,4,o.updatePermission))}}function Ji(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"vdr-chip",58),t.NdJ("iconClick",function(){const r=t.CHM(e).$implicit;return t.oxw(4).editOption(r)}),t.ALo(1,"hasPermission"),t.TgZ(2,"span",59),t._uU(3),t.qZA(),t._uU(4),t.qZA()}if(2&i){const e=n.$implicit,o=t.oxw(4);t.Q6J("colorFrom",o.optionGroupName(e.groupId))("invert",!0)("icon",t.lcZ(1,5,o.updatePermission)&&"pencil"),t.xp6(3),t.Oqu(o.optionGroupName(e.groupId)),t.xp6(1),t.hij(" ",o.optionName(e)," ")}}const Vi=function(){return["./","options"]};function Ui(i,n){if(1&i&&(t.TgZ(0,"div")(1,"div",55),t.YNc(2,Ji,5,7,"vdr-chip",56),t.ALo(3,"sort"),t.TgZ(4,"a",57),t._uU(5),t.ALo(6,"translate"),t.qZA()()()),2&i){const e=t.oxw(2).$implicit;t.xp6(2),t.Q6J("ngForOf",t.xi3(3,3,e.options,"groupId")),t.xp6(2),t.Q6J("routerLink",t.DdM(8,Vi)),t.xp6(1),t.hij("",t.lcZ(6,6,"catalog.edit-options"),"...")}}function Di(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"vdr-facet-value-chip",60),t.NdJ("remove",function(){const r=t.CHM(e).$implicit,s=t.oxw(2).$implicit;return t.oxw().removeFacetValue(s,r.id)}),t.ALo(1,"hasPermission"),t.qZA()}if(2&i){const e=n.$implicit,o=t.oxw(3);t.Q6J("facetValue",e)("removable",t.lcZ(1,2,o.updatePermission))}}function Ni(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"vdr-facet-value-chip",60),t.NdJ("remove",function(){const r=t.CHM(e).$implicit,s=t.oxw(2).$implicit;return t.oxw().removeFacetValue(s,r.id)}),t.ALo(1,"hasPermission"),t.qZA()}if(2&i){const e=n.$implicit,o=t.oxw(3);t.Q6J("facetValue",e)("removable",t.lcZ(1,2,o.updatePermission))}}function qi(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"button",61),t.NdJ("click",function(){t.CHM(e);const a=t.oxw(2).$implicit;return t.oxw().selectFacetValueClick.emit([a.id])}),t._UZ(1,"clr-icon",62),t._uU(2),t.ALo(3,"translate"),t.qZA()}2&i&&(t.xp6(2),t.hij(" ",t.lcZ(3,1,"catalog.add-facets")," "))}function $i(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"vdr-chip",69),t.NdJ("iconClick",function(){t.CHM(e);const a=t.oxw().$implicit,r=t.oxw(4).$implicit;return t.oxw().removeFromChannel.emit({channelId:a.id,variant:r})}),t.ALo(1,"translate"),t._UZ(2,"vdr-channel-badge",70),t._uU(3),t.ALo(4,"channelCodeToLabel"),t.qZA()}if(2&i){const e=t.oxw().$implicit;t.Q6J("title",t.lcZ(1,3,"catalog.remove-from-channel")),t.xp6(2),t.Q6J("channelCode",e.code),t.xp6(1),t.hij(" ",t.lcZ(4,5,e.code)," ")}}function Si(i,n){if(1&i&&(t.ynx(0),t.YNc(1,$i,5,7,"vdr-chip",68),t.BQk()),2&i){const e=n.$implicit,o=t.oxw(5);t.xp6(1),t.Q6J("ngIf",!o.isDefaultChannel(e.code))}}function Qi(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"div",13)(1,"div",64),t.YNc(2,Si,2,1,"ng-container",65),t.TgZ(3,"button",66),t.NdJ("click",function(){t.CHM(e);const a=t.oxw(3).$implicit;return t.oxw().assignToChannel.emit(a)}),t._UZ(4,"clr-icon",67),t._uU(5),t.ALo(6,"translate"),t.qZA()()()}if(2&i){const e=t.oxw(3).$implicit;t.xp6(2),t.Q6J("ngForOf",e.channels),t.xp6(3),t.hij(" ",t.lcZ(6,2,"catalog.assign-to-channel")," ")}}function Yi(i,n){1&i&&(t.ynx(0),t.YNc(1,Qi,7,4,"div",63),t.BQk())}function Gi(i,n){if(1&i){const e=t.EpF();t.ynx(0,4),t.TgZ(1,"div",5)(2,"div",6)(3,"vdr-title-input",7),t.ALo(4,"hasPermission"),t.TgZ(5,"clr-input-container"),t._UZ(6,"input",8),t.ALo(7,"hasPermission"),t.ALo(8,"translate"),t.qZA()(),t.TgZ(9,"vdr-title-input",9),t.ALo(10,"hasPermission"),t.TgZ(11,"clr-input-container"),t._UZ(12,"input",10),t.ALo(13,"hasPermission"),t.ALo(14,"translate"),t.qZA()()(),t.TgZ(15,"div",11),t.YNc(16,yi,5,3,"clr-toggle-wrapper",12),t.qZA()(),t.TgZ(17,"div",13)(18,"div",14)(19,"div",15)(20,"vdr-assets",16),t.NdJ("change",function(a){t.CHM(e);const r=t.oxw().$implicit;return t.oxw().onAssetChange(r.id,a)}),t.qZA()(),t.TgZ(21,"div",17)(22,"div",18)(23,"div",19)(24,"div",20),t.YNc(25,Oi,6,4,"clr-select-container",21),t.YNc(26,Ii,5,4,"ng-template",null,22,t.W1O),t.qZA(),t.TgZ(28,"div",23)(29,"clr-input-container")(30,"label"),t._uU(31),t.ALo(32,"translate"),t.qZA(),t.YNc(33,Li,2,4,"vdr-currency-input",24),t.YNc(34,Mi,2,4,"vdr-currency-input",25),t.qZA()(),t._UZ(35,"vdr-variant-price-detail",26),t.qZA(),t.TgZ(36,"div",19),t.YNc(37,wi,16,18,"clr-select-container",12),t.TgZ(38,"clr-input-container")(39,"label"),t._uU(40),t.ALo(41,"translate"),t._UZ(42,"vdr-help-tooltip",27),t.ALo(43,"translate"),t.qZA(),t._UZ(44,"input",28),t.ALo(45,"hasPermission"),t.qZA(),t.TgZ(46,"div")(47,"label",29),t._uU(48),t.ALo(49,"translate"),t._UZ(50,"vdr-help-tooltip",27),t.ALo(51,"translate"),t.qZA(),t.TgZ(52,"div",30),t._uU(53),t.qZA()(),t.TgZ(54,"div")(55,"label",29),t._uU(56),t.ALo(57,"translate"),t._UZ(58,"vdr-help-tooltip",27),t.ALo(59,"translate"),t.qZA(),t.TgZ(60,"div",30),t._uU(61),t.qZA()()(),t.TgZ(62,"div",19)(63,"div",31)(64,"label",29),t._uU(65),t.ALo(66,"translate"),t._UZ(67,"vdr-help-tooltip",27),t.ALo(68,"translate"),t.qZA(),t.TgZ(69,"div",32)(70,"clr-input-container"),t._UZ(71,"input",33),t.ALo(72,"hasPermission"),t.qZA(),t.TgZ(73,"clr-toggle-wrapper"),t._UZ(74,"input",34),t.ALo(75,"hasPermission"),t.TgZ(76,"label"),t._uU(77),t.ALo(78,"translate"),t.qZA()()()()()(),t.TgZ(79,"div",35)(80,"div",19),t.YNc(81,ki,3,6,"section",36),t.qZA()()()()(),t.TgZ(82,"div",13)(83,"div",37),t._UZ(84,"vdr-entity-info",38),t.YNc(85,Ui,7,9,"div",39),t._UZ(86,"div",40),t.TgZ(87,"div",41),t.YNc(88,Di,2,4,"vdr-facet-value-chip",42),t.YNc(89,Ni,2,4,"vdr-facet-value-chip",42),t.YNc(90,qi,4,3,"button",43),t.qZA()()(),t.YNc(91,Yi,2,0,"ng-container",44),t.BQk()}if(2&i){const e=n.ngIf,o=t.MAs(27),a=t.oxw().$implicit,r=t.oxw();let s;t.Q6J("formGroup",e),t.xp6(3),t.Q6J("readonly",!t.lcZ(4,55,r.updatePermission)),t.xp6(3),t.Q6J("readonly",!t.lcZ(7,57,r.updatePermission))("placeholder",t.lcZ(8,59,"catalog.sku")),t.xp6(3),t.Q6J("readonly",!t.lcZ(10,61,r.updatePermission)),t.xp6(3),t.Q6J("readonly",!t.lcZ(13,63,r.updatePermission))("placeholder",t.lcZ(14,65,"common.name")),t.xp6(4),t.Q6J("vdrIfPermissions",r.updatePermission),t.xp6(4),t.Q6J("compact",!0)("assets",(null==r.pendingAssetChanges[a.id]?null:r.pendingAssetChanges[a.id].assets)||a.assets)("featuredAsset",(null==r.pendingAssetChanges[a.id]?null:r.pendingAssetChanges[a.id].featuredAsset)||a.featuredAsset)("updatePermissions",r.updatePermission),t.xp6(5),t.Q6J("vdrIfPermissions",r.updatePermission)("vdrIfPermissionsElse",o),t.xp6(6),t.Oqu(t.lcZ(32,67,"catalog.price")),t.xp6(2),t.Q6J("ngIf",!r.channelPriceIncludesTax),t.xp6(1),t.Q6J("ngIf",r.channelPriceIncludesTax),t.xp6(1),t.Q6J("price",e.get("price").value)("currencyCode",a.currencyCode)("priceIncludesTax",r.channelPriceIncludesTax)("taxCategoryId",e.get("taxCategoryId").value),t.xp6(2),t.Q6J("vdrIfPermissions",r.updatePermission),t.xp6(3),t.hij("",t.lcZ(41,69,"catalog.stock-on-hand")," "),t.xp6(2),t.Q6J("content",t.lcZ(43,71,"catalog.stock-on-hand-tooltip")),t.xp6(2),t.ekj("inventory-untracked",r.inventoryIsNotTracked(e)),t.Q6J("min",r.getStockOnHandMinValue(e))("readonly",!t.lcZ(45,73,r.updatePermission))("vdrDisabled",r.inventoryIsNotTracked(e)),t.xp6(2),t.ekj("inventory-untracked",r.inventoryIsNotTracked(e)),t.xp6(2),t.hij("",t.lcZ(49,75,"catalog.stock-allocated")," "),t.xp6(2),t.Q6J("content",t.lcZ(51,77,"catalog.stock-allocated-tooltip")),t.xp6(3),t.hij(" ",a.stockAllocated," "),t.xp6(1),t.ekj("inventory-untracked",r.inventoryIsNotTracked(e)),t.xp6(2),t.hij("",t.lcZ(57,79,"catalog.stock-saleable")," "),t.xp6(2),t.Q6J("content",t.lcZ(59,81,"catalog.stock-saleable-tooltip")),t.xp6(3),t.hij(" ",r.getSaleableStockLevel(a)," "),t.xp6(2),t.ekj("inventory-untracked",r.inventoryIsNotTracked(e)),t.xp6(2),t.Oqu(t.lcZ(66,83,"catalog.out-of-stock-threshold")),t.xp6(2),t.Q6J("content",t.lcZ(68,85,"catalog.out-of-stock-threshold-tooltip")),t.xp6(4),t.Q6J("formControl",e.get("outOfStockThreshold"))("readonly",!t.lcZ(72,87,r.updatePermission))("vdrDisabled",!1!==(null==(s=e.get("useGlobalOutOfStockThreshold"))?null:s.value)||r.inventoryIsNotTracked(e)),t.xp6(3),t.Q6J("vdrDisabled",!t.lcZ(75,89,r.updatePermission)||r.inventoryIsNotTracked(e)),t.xp6(3),t.AsE("",t.lcZ(78,91,"catalog.use-global-value")," (",r.globalOutOfStockThreshold,")"),t.xp6(4),t.Q6J("ngIf",r.customFields.length),t.xp6(3),t.Q6J("entity",a),t.xp6(1),t.Q6J("ngIf",a.options.length),t.xp6(3),t.Q6J("ngForOf",r.existingFacetValues(a)),t.xp6(1),t.Q6J("ngForOf",r.pendingFacetValues(a)),t.xp6(1),t.Q6J("vdrIfPermissions",r.updatePermission)}}function Ei(i,n){if(1&i&&(t.TgZ(0,"div",2),t.YNc(1,Gi,92,93,"ng-container",3),t.qZA()),2&i){const e=n.$implicit,o=t.oxw();let a,r;t.ekj("disabled",!(null!=(a=o.formGroupMap.get(e.id))&&null!=(r=a.get("enabled"))&&r.value)),t.xp6(1),t.Q6J("ngIf",o.formGroupMap.get(e.id))}}const ji=function(){return{itemsPerPage:10,currentPage:1}};class xt{constructor(n,e,o){this.changeDetector=n,this.modalService=e,this.dataService=o,this.assignToChannel=new t.vpe,this.removeFromChannel=new t.vpe,this.assetChange=new t.vpe,this.selectionChange=new t.vpe,this.selectFacetValueClick=new t.vpe,this.updateProductOption=new t.vpe,this.selectedVariantIds=[],this.formGroupMap=new Map,this.GlobalFlag=c.TvZ,this.updatePermission=[c.y3$.UpdateCatalog,c.y3$.UpdateProduct]}ngOnInit(){this.dataService.settings.getGlobalSettings("cache-first").single$.subscribe(({globalSettings:n})=>{this.globalTrackInventory=n.trackInventory,this.globalOutOfStockThreshold=n.outOfStockThreshold,this.changeDetector.markForCheck()}),this.subscription=this.formArray.valueChanges.subscribe(()=>this.changeDetector.markForCheck()),this.subscription.add(this.formArray.valueChanges.pipe((0,v.U)(n=>n.length),(0,S.b)(1),(0,Q.x)()).subscribe(()=>{this.buildFormGroupMap()})),this.buildFormGroupMap()}ngOnChanges(n){"facets"in n&&n.facets.currentValue&&(this.facetValues=(0,c.k2u)(this.facets))}ngOnDestroy(){this.subscription&&this.subscription.unsubscribe()}isDefaultChannel(n){return n===ue.z$}trackById(n,e){return e.id}inventoryIsNotTracked(n){var e;const o=null===(e=n.get("trackInventory"))||void 0===e?void 0:e.value;return o===c.TvZ.FALSE||o===c.TvZ.INHERIT&&!1===this.globalTrackInventory}getTaxCategoryName(n){const e=n.get(["taxCategoryId"]);if(e&&this.taxCategories){const o=this.taxCategories.find(a=>a.id===e.value);return o?o.name:""}return""}getStockOnHandMinValue(n){var e,o;return(null===(e=n.get("useGlobalOutOfStockThreshold"))||void 0===e?void 0:e.value)?this.globalOutOfStockThreshold:null===(o=n.get("outOfStockThreshold"))||void 0===o?void 0:o.value}getSaleableStockLevel(n){const e=n.useGlobalOutOfStockThreshold?this.globalOutOfStockThreshold:n.outOfStockThreshold;return n.stockOnHand-n.stockAllocated-e}areAllSelected(){return!!this.variants&&this.selectedVariantIds.length===this.variants.length}onAssetChange(n,e){this.assetChange.emit(Object.assign({variantId:n},e));const o=this.variants.findIndex(a=>a.id===n);this.formArray.at(o).markAsDirty()}toggleSelectAll(){this.areAllSelected()?this.selectedVariantIds=[]:this.selectedVariantIds=this.variants.map(n=>n.id),this.selectionChange.emit(this.selectedVariantIds)}toggleSelectVariant(n){const e=this.selectedVariantIds.indexOf(n);-1<e?this.selectedVariantIds.splice(e,1):this.selectedVariantIds.push(n),this.selectionChange.emit(this.selectedVariantIds)}optionGroupName(n){var e;const o=this.optionGroups.find(a=>a.id===n);if(o)return(null!==(e=null==o?void 0:o.translations.find(r=>r.languageCode===this.activeLanguage))&&void 0!==e?e:o.translations[0]).name}optionName(n){var e;return(null!==(e=n.translations.find(a=>a.languageCode===this.activeLanguage))&&void 0!==e?e:n.translations[0]).name}pendingFacetValues(n){if(this.facets){const e=this.getFacetValueIds(n.id),o=n.facetValues.map(a=>a.id);return e.filter(a=>!o.includes(a)).map(a=>this.facetValues.find(r=>r.id===a)).filter(J.notNullOrUndefined)}return[]}existingFacetValues(n){return[...this.getFacetValueIds(n.id)].filter(a=>n.facetValues.map(r=>r.id).includes(a)).map(a=>n.facetValues.find(r=>r.id===a)).filter(J.notNullOrUndefined)}removeFacetValue(n,e){const o=this.formGroupMap.get(n.id);if(o){const a=o.value.facetValueIds.filter(r=>r!==e);o.patchValue({facetValueIds:a}),o.markAsDirty()}}isVariantSelected(n){return-1<this.selectedVariantIds.indexOf(n)}editOption(n){this.modalService.fromComponent(vt,{size:"md",locals:{productOption:n,activeLanguage:this.activeLanguage,customFields:this.customOptionFields}}).subscribe(e=>{e&&this.updateProductOption.emit(e)})}buildFormGroupMap(){this.formGroupMap.clear();for(const n of this.formArray.controls)this.formGroupMap.set(n.value.id,n);this.changeDetector.markForCheck()}getFacetValueIds(n){var e;return(null===(e=this.formGroupMap.get(n))||void 0===e?void 0:e.value).facetValueIds}}xt.\u0275fac=function(n){return new(n||xt)(t.Y36(t.sBO),t.Y36(c.Z7U),t.Y36(c.DoR))},xt.\u0275cmp=t.Xpm({type:xt,selectors:[["vdr-product-variants-list"]],inputs:{formArray:["productVariantsFormArray","formArray"],variants:"variants",paginationConfig:"paginationConfig",channelPriceIncludesTax:"channelPriceIncludesTax",taxCategories:"taxCategories",facets:"facets",optionGroups:"optionGroups",customFields:"customFields",customOptionFields:"customOptionFields",activeLanguage:"activeLanguage",pendingAssetChanges:"pendingAssetChanges"},outputs:{assignToChannel:"assignToChannel",removeFromChannel:"removeFromChannel",assetChange:"assetChange",selectionChange:"selectionChange",selectFacetValueClick:"selectFacetValueClick",updateProductOption:"updateProductOption"},features:[t.TTD],decls:3,vars:6,consts:[[1,"variants-list"],["class","variant-container card",3,"disabled",4,"ngFor","ngForOf","ngForTrackBy"],[1,"variant-container","card"],[3,"formGroup",4,"ngIf"],[3,"formGroup"],[1,"card-block","header-row"],[1,"details"],[1,"sku",3,"readonly"],["clrInput","","type","text","formControlName","sku",3,"readonly","placeholder"],[1,"name",3,"readonly"],["clrInput","","type","text","formControlName","name",3,"readonly","placeholder"],[1,"right-controls"],[4,"vdrIfPermissions"],[1,"card-block"],[1,"variant-body"],[1,"assets"],[3,"compact","assets","featuredAsset","updatePermissions","change"],[1,"variant-form-inputs"],[1,"standard-fields"],[1,"variant-form-input-row"],[1,"tax-category"],[4,"vdrIfPermissions","vdrIfPermissionsElse"],["taxCategoryLabel",""],[1,"price"],["clrInput","","formControlName","price",3,"currencyCode","readonly",4,"ngIf"],["clrInput","","formControlName","priceWithTax",3,"currencyCode","readonly",4,"ngIf"],[3,"price","currencyCode","priceIncludesTax","taxCategoryId"],[3,"content"],["clrInput","","type","number","step","1","formControlName","stockOnHand",3,"min","readonly","vdrDisabled"],[1,"clr-control-label"],[1,"value"],[1,"out-of-stock-threshold-wrapper"],[1,"flex"],["clrInput","","type","number",3,"formControl","readonly","vdrDisabled"],["type","checkbox","clrToggle","","name","useGlobalOutOfStockThreshold","formControlName","useGlobalOutOfStockThreshold",3,"vdrDisabled"],[1,"custom-fields"],["formGroupName","customFields",4,"ngIf"],[1,"options-facets"],[3,"entity"],[4,"ngIf"],[1,"flex-spacer"],[1,"facets"],[3,"facetValue","removable","remove",4,"ngFor","ngForOf"],["class","btn btn-sm btn-secondary",3,"click",4,"vdrIfPermissions"],[4,"vdrIfMultichannel"],["type","checkbox","clrToggle","","name","enabled","formControlName","enabled"],["clrSelect","","name","options","formControlName","taxCategoryId"],[3,"value",4,"ngFor","ngForOf"],[3,"value"],[1,"tax-category-label"],["clrInput","","formControlName","price",3,"currencyCode","readonly"],["clrInput","","formControlName","priceWithTax",3,"currencyCode","readonly"],["clrSelect","","name","options","formControlName","trackInventory"],["formGroupName","customFields"],["entityName","ProductVariant",3,"customFields","compact","customFieldsFormGroup","readonly"],[1,"options"],[3,"colorFrom","invert","icon","iconClick",4,"ngFor","ngForOf"],[1,"btn","btn-link","btn-sm",3,"routerLink"],[3,"colorFrom","invert","icon","iconClick"],[1,"option-group-name"],[3,"facetValue","removable","remove"],[1,"btn","btn-sm","btn-secondary",3,"click"],["shape","plus"],["class","card-block",4,"vdrIfDefaultChannelActive"],[1,"flex","channel-assignment"],[4,"ngFor","ngForOf"],[1,"btn","btn-sm",3,"click"],["shape","layers"],["icon","times-circle",3,"title","iconClick",4,"ngIf"],["icon","times-circle",3,"title","iconClick"],[3,"channelCode"]],template:function(n,e){1&n&&(t.TgZ(0,"div",0),t.YNc(1,Ei,2,3,"div",1),t.ALo(2,"paginate"),t.qZA()),2&n&&(t.xp6(1),t.Q6J("ngForOf",t.xi3(2,2,e.variants,e.paginationConfig||t.DdM(5,ji)))("ngForTrackBy",e.trackById))},directives:[C.sg,h.q0d,C.O5,l.JL,l.sg,xi.G,h.G55,w.y,l.Fj,h.xRP,l.JJ,l.u,V.H,h.PEh,l.Wl,h.KKC,h.MgK,G,h.dTv,l.EJ,h.otW,l.YN,l.Kr,Ht.K,Ct,Pi.o,l.wV,l.qQ,Gt.x,l.oH,l.x0,$t.y,wt.V,Jt.Y,Z.yS,te.q,h.qvL,he.u,fe.M,ve.n],pipes:[Bt._s,D.j,I.X$,xe.U,ee.E],styles:[".with-selected[_ngcontent-%COMP%]{display:flex;min-height:52px;align-items:center;border:1px solid var(--color-component-border-100);border-radius:3px;padding:6px 18px}.with-selected[_ngcontent-%COMP%]   vdr-select-toggle[_ngcontent-%COMP%]{margin-right:12px}.with-selected[_ngcontent-%COMP%] > label[_ngcontent-%COMP%]{margin-right:12px}.variant-container[_ngcontent-%COMP%]{transition:background-color .2s;min-height:330px}.variant-container.disabled[_ngcontent-%COMP%]{background-color:var(--color-component-bg-200)}.variant-container[_ngcontent-%COMP%]   .header-row[_ngcontent-%COMP%]{display:flex;align-items:center;flex-wrap:wrap}.variant-container[_ngcontent-%COMP%]   .variant-body[_ngcontent-%COMP%]{display:flex;flex-direction:column}@media screen and (min-width: 768px){.variant-container[_ngcontent-%COMP%]   .variant-body[_ngcontent-%COMP%]{flex-direction:row}}.variant-container[_ngcontent-%COMP%]   .details[_ngcontent-%COMP%]{display:flex;flex-direction:column;flex:1;margin-right:12px}@media screen and (min-width: 768px){.variant-container[_ngcontent-%COMP%]   .details[_ngcontent-%COMP%]{flex-direction:row;height:36px}}.variant-container[_ngcontent-%COMP%]   .details[_ngcontent-%COMP%]   .name[_ngcontent-%COMP%]{flex:1}.variant-container[_ngcontent-%COMP%]   .details[_ngcontent-%COMP%]   .name[_ngcontent-%COMP%]     .clr-control-container{width:100%}.variant-container[_ngcontent-%COMP%]   .details[_ngcontent-%COMP%]   .name[_ngcontent-%COMP%]     .clr-control-container input.clr-input{min-width:100%}.variant-container[_ngcontent-%COMP%]   .details[_ngcontent-%COMP%]   .sku[_ngcontent-%COMP%]{width:160px;margin-right:20px;flex:0}.variant-container[_ngcontent-%COMP%]   .details[_ngcontent-%COMP%]     .name input{min-width:300px}.variant-container[_ngcontent-%COMP%]   .right-controls[_ngcontent-%COMP%]{display:flex}.variant-container[_ngcontent-%COMP%]   .tax-category-label[_ngcontent-%COMP%]{margin-top:3px}.variant-container[_ngcontent-%COMP%]   .variant-form-inputs[_ngcontent-%COMP%]{flex:1;display:flex;flex-direction:column}@media screen and (min-width: 768px){.variant-container[_ngcontent-%COMP%]   .variant-form-inputs[_ngcontent-%COMP%]{flex-direction:row}}.variant-container[_ngcontent-%COMP%]   .variant-form-input-row[_ngcontent-%COMP%]{display:flex;flex-wrap:wrap}@media screen and (min-width: 768px){.variant-container[_ngcontent-%COMP%]   .variant-form-input-row[_ngcontent-%COMP%]{margin:0 6px 8px 24px}}.variant-container[_ngcontent-%COMP%]   .variant-form-input-row[_ngcontent-%COMP%] > *[_ngcontent-%COMP%]{margin-right:24px;margin-bottom:24px}.variant-container[_ngcontent-%COMP%]   .track-inventory-toggle[_ngcontent-%COMP%]{margin-top:22px}.variant-container[_ngcontent-%COMP%]   .clr-form-control[_ngcontent-%COMP%]{margin-top:0}.variant-container[_ngcontent-%COMP%]   .facets[_ngcontent-%COMP%]{display:flex;flex-wrap:wrap;align-items:center}.variant-container[_ngcontent-%COMP%]   .pricing[_ngcontent-%COMP%]{display:flex}.variant-container[_ngcontent-%COMP%]   .pricing[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]{margin-right:12px}.variant-container[_ngcontent-%COMP%]   .option-group-name[_ngcontent-%COMP%]{color:var(--color-text-200);text-transform:uppercase;font-size:10px;margin-right:3px;height:11px}.variant-container[_ngcontent-%COMP%]   .options-facets[_ngcontent-%COMP%]{display:flex;color:var(--color-grey-400)}.variant-container[_ngcontent-%COMP%]     .clr-control-container{width:100%}.channel-assignment[_ngcontent-%COMP%]{justify-content:flex-end;flex-wrap:wrap;max-height:110px;overflow-y:auto}.channel-assignment[_ngcontent-%COMP%]   .btn[_ngcontent-%COMP%]{margin:6px 12px 6px 0}.out-of-stock-threshold-wrapper[_ngcontent-%COMP%]{display:flex;flex-direction:column}.out-of-stock-threshold-wrapper[_ngcontent-%COMP%]   clr-toggle-wrapper[_ngcontent-%COMP%]{margin-left:24px}.inventory-untracked[_ngcontent-%COMP%]{opacity:.5}"],changeDetection:0});const Hi=function(){return["product","enabled"]};function Bi(i,n){if(1&i&&(t.TgZ(0,"clr-toggle-wrapper"),t._UZ(1,"input",8),t.TgZ(2,"label"),t._uU(3),t.ALo(4,"translate"),t.qZA()()),2&i){const e=t.oxw();t.xp6(1),t.Q6J("formControl",e.detailForm.get(t.DdM(4,Hi))),t.xp6(2),t.Oqu(t.lcZ(4,2,"common.enabled"))}}function Ri(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"button",9),t.NdJ("click",function(){return t.CHM(e),t.oxw().create()}),t._uU(1),t.ALo(2,"translate"),t.qZA()}if(2&i){const e=t.oxw();t.Q6J("disabled",e.detailForm.invalid||e.detailForm.pristine||!e.variantsToCreateAreValid()),t.xp6(1),t.hij(" ",t.lcZ(2,2,"common.create")," ")}}function zi(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"button",9),t.NdJ("click",function(){return t.CHM(e),t.oxw(2).save()}),t._uU(1),t.ALo(2,"translate"),t.qZA()}if(2&i){const e=t.oxw(2);t.Q6J("disabled",(e.detailForm.invalid||e.detailForm.pristine)&&!e.assetsChanged()&&!e.variantAssetsChanged()),t.xp6(1),t.hij(" ",t.lcZ(2,2,"common.update")," ")}}const z=function(){return["UpdateCatalog","UpdateProduct"]};function Ki(i,n){1&i&&t.YNc(0,zi,3,4,"button",10),2&i&&t.Q6J("vdrIfPermissions",t.DdM(1,z))}function Wi(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"vdr-chip",41),t.NdJ("iconClick",function(){t.CHM(e);const a=t.oxw().$implicit;return t.oxw(6).removeFromChannel(a.id)}),t._UZ(1,"vdr-channel-badge",42),t._uU(2),t.ALo(3,"channelCodeToLabel"),t.qZA()}if(2&i){const e=t.oxw().$implicit;t.xp6(1),t.Q6J("channelCode",e.code),t.xp6(1),t.hij(" ",t.lcZ(3,2,e.code)," ")}}function Xi(i,n){if(1&i&&(t.ynx(0),t.YNc(1,Wi,4,4,"vdr-chip",40),t.BQk()),2&i){const e=n.$implicit,o=t.oxw(6);t.xp6(1),t.Q6J("ngIf",!o.isDefaultChannel(e.code))}}function ta(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"vdr-form-item",35),t.ALo(1,"translate"),t.TgZ(2,"div",36),t.YNc(3,Xi,2,1,"ng-container",37),t.ALo(4,"async"),t.TgZ(5,"button",38),t.NdJ("click",function(){return t.CHM(e),t.oxw(5).assignToChannel()}),t._UZ(6,"clr-icon",39),t._uU(7),t.ALo(8,"translate"),t.qZA()()()}if(2&i){const e=t.oxw(5);t.Q6J("label",t.lcZ(1,3,"common.channels")),t.xp6(3),t.Q6J("ngForOf",t.lcZ(4,5,e.productChannels$)),t.xp6(4),t.hij(" ",t.lcZ(8,7,"catalog.assign-to-channel")," ")}}function ea(i,n){1&i&&(t.ynx(0),t.YNc(1,ta,9,9,"vdr-form-item",34),t.BQk())}function na(i,n){1&i&&(t.ynx(0),t.YNc(1,ea,2,0,"ng-container",33),t.BQk())}const oa=function(){return["product","customFields"]};function ia(i,n){if(1&i&&(t.TgZ(0,"section",43)(1,"label"),t._uU(2),t.ALo(3,"translate"),t.qZA(),t._UZ(4,"vdr-tabbed-custom-fields",44),t.ALo(5,"hasPermission"),t.qZA()),2&i){const e=t.oxw(3);t.xp6(2),t.Oqu(t.lcZ(3,4,"common.custom-fields")),t.xp6(2),t.Q6J("customFields",e.customFields)("customFieldsFormGroup",e.detailForm.get(t.DdM(8,oa)))("readonly",!t.lcZ(5,6,t.DdM(9,z)))}}function aa(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"vdr-facet-value-chip",45),t.NdJ("remove",function(){const r=t.CHM(e).$implicit;return t.oxw(3).removeProductFacetValue(r.id)}),t.ALo(1,"hasPermission"),t.qZA()}if(2&i){const e=n.$implicit;t.Q6J("facetValue",e)("removable",t.lcZ(1,2,t.DdM(4,z)))}}function ra(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"button",46),t.NdJ("click",function(){return t.CHM(e),t.oxw(3).selectProductFacetValue()}),t._UZ(1,"clr-icon",47),t._uU(2),t.ALo(3,"translate"),t.qZA()}2&i&&(t.xp6(2),t.hij(" ",t.lcZ(3,1,"catalog.add-facets")," "))}function sa(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"div")(1,"h4"),t._uU(2),t.ALo(3,"translate"),t.qZA(),t.TgZ(4,"vdr-generate-product-variants",48),t.NdJ("variantsChange",function(a){t.CHM(e);return t.oxw(3).createVariantsConfig=a}),t.qZA()()}2&i&&(t.xp6(2),t.Oqu(t.lcZ(3,1,"catalog.product-variants")))}const ca=function(){return["product","name"]},la=function(i){return{pattern:i}};function da(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"clr-tab-content")(1,"div",16)(2,"div",17)(3,"section",18),t.YNc(4,na,2,0,"ng-container",15),t.ALo(5,"async"),t.TgZ(6,"vdr-form-field",19),t.ALo(7,"translate"),t.TgZ(8,"input",20),t.NdJ("input",function(a){return t.CHM(e),t.oxw(2).updateSlug(a.target.value)}),t.ALo(9,"hasPermission"),t.qZA()(),t.TgZ(10,"div",21),t.ALo(11,"async"),t.TgZ(12,"clr-checkbox-wrapper"),t._UZ(13,"input",22),t.TgZ(14,"label"),t._uU(15),t.ALo(16,"translate"),t.qZA()()(),t.TgZ(17,"vdr-form-field",23),t.ALo(18,"translate"),t.ALo(19,"translate"),t._UZ(20,"input",24),t.ALo(21,"hasPermission"),t.qZA(),t._UZ(22,"vdr-rich-text-editor",25),t.ALo(23,"hasPermission"),t.ALo(24,"translate"),t.YNc(25,ia,6,10,"section",26),t._UZ(26,"vdr-custom-detail-component-host",27),t.qZA()(),t.TgZ(27,"div",28)(28,"vdr-assets",29),t.NdJ("change",function(a){t.CHM(e);return t.oxw(2).assetChanges=a}),t.qZA(),t.TgZ(29,"div",30),t.YNc(30,aa,2,5,"vdr-facet-value-chip",31),t.ALo(31,"async"),t.YNc(32,ra,4,3,"button",32),t.qZA()()(),t.YNc(33,sa,5,3,"div",15),t.ALo(34,"async"),t.qZA()}if(2&i){const e=t.oxw().ngIf,o=t.oxw();let a;t.xp6(4),t.Q6J("ngIf",!t.lcZ(5,20,o.isNew$)),t.xp6(2),t.Q6J("label",t.lcZ(7,22,"catalog.product-name")),t.xp6(2),t.Q6J("readonly",!t.lcZ(9,24,t.DdM(44,z))),t.xp6(2),t.ekj("visible",!1===t.lcZ(11,26,o.isNew$)&&(null==(a=o.detailForm.get(t.DdM(45,ca)))?null:a.dirty)),t.xp6(5),t.Oqu(t.lcZ(16,28,"catalog.auto-update-product-variant-name")),t.xp6(2),t.Q6J("label",t.lcZ(18,30,"catalog.slug"))("errors",t.VKq(46,la,t.lcZ(19,32,"catalog.slug-pattern-error"))),t.xp6(3),t.Q6J("readonly",!t.lcZ(21,34,t.DdM(48,z))),t.xp6(2),t.Q6J("readonly",!t.lcZ(23,36,t.DdM(49,z)))("label",t.lcZ(24,38,"common.description")),t.xp6(3),t.Q6J("ngIf",o.customFields.length),t.xp6(1),t.Q6J("entity$",o.entity$)("detailForm",o.detailForm),t.xp6(2),t.Q6J("assets",o.assetChanges.assets||e.assets)("featuredAsset",o.assetChanges.featuredAsset||e.featuredAsset)("updatePermissions",o.updatePermissions),t.xp6(2),t.Q6J("ngForOf",t.lcZ(31,40,o.facetValues$)),t.xp6(2),t.Q6J("vdrIfPermissions",t.DdM(50,z)),t.xp6(1),t.Q6J("ngIf",t.lcZ(34,42,o.isNew$))}}const pa=function(){return["./","manage-variants"]};function ua(i,n){1&i&&(t.TgZ(0,"a",65),t._UZ(1,"clr-icon",66),t._uU(2),t.ALo(3,"translate"),t.qZA()),2&i&&(t.Q6J("routerLink",t.DdM(4,pa)),t.xp6(2),t.hij(" ",t.lcZ(3,2,"catalog.manage-variants")," "))}function ma(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"div",67)(1,"vdr-items-per-page-controls",68),t.NdJ("itemsPerPageChange",function(a){return t.CHM(e),t.oxw(4).setItemsPerPage(a)}),t.ALo(2,"async"),t.qZA(),t.TgZ(3,"vdr-pagination-controls",69),t.NdJ("pageChange",function(a){return t.CHM(e),t.oxw(4).setPage(a)}),t.ALo(4,"async"),t.ALo(5,"async"),t.ALo(6,"async"),t.qZA()()}if(2&i){const e=t.oxw(4);let o;t.xp6(1),t.Q6J("itemsPerPage",t.lcZ(2,4,e.itemsPerPage$)),t.xp6(2),t.Q6J("id",null==(o=t.lcZ(4,6,e.paginationConfig$))?null:o.id)("currentPage",t.lcZ(5,8,e.currentPage$))("itemsPerPage",t.lcZ(6,10,e.itemsPerPage$))}}function _a(i,n){if(1&i&&(t._UZ(0,"vdr-product-variants-table",70),t.ALo(1,"async"),t.ALo(2,"async"),t.ALo(3,"async")),2&i){const e=t.oxw(3).ngIf,o=t.oxw();t.Q6J("variants",t.lcZ(1,6,o.variants$))("paginationConfig",t.lcZ(2,8,o.paginationConfig$))("optionGroups",e.optionGroups)("channelPriceIncludesTax",t.lcZ(3,10,o.channelPriceIncludesTax$))("productVariantsFormArray",o.detailForm.get("variants"))("pendingAssetChanges",o.variantAssetChanges)}}function ga(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"vdr-product-variants-list",71),t.NdJ("assignToChannel",function(a){return t.CHM(e),t.oxw(4).assignVariantToChannel(a)})("removeFromChannel",function(a){return t.CHM(e),t.oxw(4).removeVariantFromChannel(a)})("assetChange",function(a){return t.CHM(e),t.oxw(4).variantAssetChange(a)})("updateProductOption",function(a){return t.CHM(e),t.oxw(4).updateProductOption(a)})("selectionChange",function(a){t.CHM(e);return t.oxw(4).selectedVariantIds=a})("selectFacetValueClick",function(a){return t.CHM(e),t.oxw(4).selectVariantFacetValue(a)}),t.ALo(1,"async"),t.ALo(2,"async"),t.ALo(3,"async"),t.ALo(4,"async"),t.ALo(5,"async"),t.ALo(6,"async"),t.qZA()}if(2&i){const e=t.oxw(3).ngIf,o=t.oxw();t.Q6J("variants",t.lcZ(1,11,o.variants$))("paginationConfig",t.lcZ(2,13,o.paginationConfig$))("channelPriceIncludesTax",t.lcZ(3,15,o.channelPriceIncludesTax$))("facets",t.lcZ(4,17,o.facets$))("optionGroups",e.optionGroups)("productVariantsFormArray",o.detailForm.get("variants"))("taxCategories",t.lcZ(5,19,o.taxCategories$))("customFields",o.customVariantFields)("customOptionFields",o.customOptionFields)("activeLanguage",t.lcZ(6,21,o.languageCode$))("pendingAssetChanges",o.variantAssetChanges)}}function ha(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"div",67)(1,"vdr-items-per-page-controls",68),t.NdJ("itemsPerPageChange",function(a){return t.CHM(e),t.oxw(4).setItemsPerPage(a)}),t.ALo(2,"async"),t.qZA(),t.TgZ(3,"vdr-pagination-controls",69),t.NdJ("pageChange",function(a){return t.CHM(e),t.oxw(4).setPage(a)}),t.ALo(4,"async"),t.ALo(5,"async"),t.ALo(6,"async"),t.qZA()()}if(2&i){const e=t.oxw(4);let o;t.xp6(1),t.Q6J("itemsPerPage",t.lcZ(2,4,e.itemsPerPage$)),t.xp6(2),t.Q6J("id",null==(o=t.lcZ(4,6,e.paginationConfig$))?null:o.id)("currentPage",t.lcZ(5,8,e.currentPage$))("itemsPerPage",t.lcZ(6,10,e.itemsPerPage$))}}function fa(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"clr-tab-content")(1,"section",49)(2,"div",50)(3,"div",51)(4,"button",52),t.NdJ("click",function(){t.CHM(e);return t.oxw(3).variantDisplayMode="card"}),t._UZ(5,"clr-icon",53),t._uU(6),t.ALo(7,"translate"),t.qZA(),t.TgZ(8,"button",54),t.NdJ("click",function(){t.CHM(e);return t.oxw(3).variantDisplayMode="table"}),t._UZ(9,"clr-icon",55),t._uU(10),t.ALo(11,"translate"),t.qZA()(),t.TgZ(12,"div",56),t._UZ(13,"input",57),t.ALo(14,"translate"),t.TgZ(15,"button",58),t.NdJ("click",function(){return t.CHM(e),t.oxw(3).filterInput.setValue("")}),t._UZ(16,"clr-icon",59),t.qZA()(),t._UZ(17,"div",60),t.YNc(18,ua,4,5,"a",61),t.qZA(),t.YNc(19,ma,7,12,"div",62),t.ALo(20,"async"),t.YNc(21,_a,4,12,"vdr-product-variants-table",63),t.YNc(22,ga,7,23,"vdr-product-variants-list",64),t.qZA(),t.YNc(23,ha,7,12,"div",62),t.ALo(24,"async"),t.qZA()}if(2&i){const e=t.oxw(3);let o,a;t.xp6(4),t.ekj("btn-primary","card"===e.variantDisplayMode),t.xp6(2),t.hij(" ",t.lcZ(7,13,"catalog.display-variant-cards")," "),t.xp6(2),t.ekj("btn-primary","table"===e.variantDisplayMode),t.xp6(2),t.hij(" ",t.lcZ(11,15,"catalog.display-variant-table")," "),t.xp6(3),t.Q6J("formControl",e.filterInput)("placeholder",t.lcZ(14,17,"catalog.filter-by-name-or-sku")),t.xp6(5),t.Q6J("vdrIfPermissions",t.DdM(23,z)),t.xp6(1),t.Q6J("ngIf",10<(null==(o=t.lcZ(20,19,e.paginationConfig$))?null:o.totalItems)),t.xp6(2),t.Q6J("ngIf","table"===e.variantDisplayMode),t.xp6(1),t.Q6J("ngIf","card"===e.variantDisplayMode),t.xp6(1),t.Q6J("ngIf",10<(null==(a=t.lcZ(24,21,e.paginationConfig$))?null:a.totalItems))}}function va(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"clr-tab")(1,"button",13),t.NdJ("click",function(){return t.CHM(e),t.oxw(2).navigateToTab("variants")}),t._uU(2),t.ALo(3,"translate"),t.qZA(),t.YNc(4,fa,25,24,"clr-tab-content",14),t.ALo(5,"async"),t.qZA()}if(2&i){const e=t.oxw(2);t.xp6(2),t.hij(" ",t.lcZ(3,2,"catalog.product-variants")," "),t.xp6(2),t.Q6J("clrIfActive","variants"===t.lcZ(5,4,e.activeTab$))}}function Ca(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"form",11),t._UZ(1,"button",12),t.TgZ(2,"clr-tabs")(3,"clr-tab")(4,"button",13),t.NdJ("click",function(){return t.CHM(e),t.oxw().navigateToTab("details")}),t._uU(5),t.ALo(6,"translate"),t.qZA(),t.YNc(7,da,35,51,"clr-tab-content",14),t.ALo(8,"async"),t.qZA(),t.YNc(9,va,6,6,"clr-tab",15),t.ALo(10,"async"),t.qZA()()}if(2&i){const e=t.oxw();t.Q6J("formGroup",e.detailForm),t.xp6(5),t.hij(" ",t.lcZ(6,4,"catalog.product-details")," "),t.xp6(2),t.Q6J("clrIfActive","details"===t.lcZ(8,6,e.activeTab$)),t.xp6(2),t.Q6J("ngIf",!t.lcZ(10,8,e.isNew$))}}class bt extends c.UT_{constructor(n,e,o,a,r,s,d,p,f,m){super(n,e,o,p),this.productDetailService=a,this.formBuilder=r,this.modalService=s,this.notificationService=d,this.dataService=p,this.location=f,this.changeDetector=m,this.filterInput=new l.NI(""),this.assetChanges={},this.variantAssetChanges={},this.variantFacetValueChanges={},this.currentPage$=new U.X(1),this.itemsPerPage$=new U.X(10),this.selectedVariantIds=[],this.variantDisplayMode="card",this.createVariantsConfig={groups:[],variants:[]},this.productVariantMap=new Map,this.updatePermissions=[c.y3$.UpdateCatalog,c.y3$.UpdateProduct],this.customFields=this.getCustomFieldConfig("Product"),this.customVariantFields=this.getCustomFieldConfig("ProductVariant"),this.customOptionGroupFields=this.getCustomFieldConfig("ProductOptionGroup"),this.customOptionFields=this.getCustomFieldConfig("ProductOption"),this.detailForm=this.formBuilder.group({product:this.formBuilder.group({enabled:!0,name:["",l.kI.required],autoUpdateVariantNames:!0,slug:["",(0,c.Foo)(/^[\p{Letter}0-9_-]+$/)],description:"",facetValueIds:[[]],customFields:this.formBuilder.group(this.customFields.reduce((g,x)=>Object.assign(Object.assign({},g),{[x.name]:""}),{}))}),variants:this.formBuilder.array([])})}ngOnInit(){this.init(),this.product$=this.entity$,this.totalItems$=this.product$.pipe((0,v.U)(m=>m.variantList.totalItems)),this.paginationConfig$=(0,O.a)(this.totalItems$,this.itemsPerPage$,this.currentPage$).pipe((0,v.U)(([m,g,x])=>({totalItems:m,itemsPerPage:g,currentPage:x})));this.product$.pipe((0,v.U)(m=>m.variantList.items));const e=this.filterInput.valueChanges.pipe((0,lt.O)(""),(0,S.b)(200),(0,kt.d)()),o=this.product$.pipe((0,v.U)(m=>m.variantList.items)),a=(0,O.a)(e,this.currentPage$,this.itemsPerPage$).pipe(function Oo(i){return(0,Po.e)((n,e)=>{let o=!1;const a=(0,me.x)(e,()=>{null==a||a.unsubscribe(),o=!0},Fo.Z);(0,yo.Xf)(i).subscribe(a),n.subscribe((0,me.x)(e,r=>o&&e.next(r)))})}(o),(0,Io.T)(1),(0,y.w)(([m,g,x])=>this.dataService.product.getProductVariants(Object.assign(Object.assign({skip:(g-1)*x,take:x},m?{filter:{name:{contains:m},sku:{contains:m}}}:{}),{filterOperator:c.FnJ.OR}),this.id).mapStream(({productVariants:b})=>b.items)),(0,kt.d)({bufferSize:1,refCount:!0}));this.variants$=(0,Rt.T)(o,a).pipe((0,E.b)(m=>{for(const g of m)this.productVariantMap.set(g.id,g)})),this.taxCategories$=this.productDetailService.getTaxCategories().pipe((0,q.R)(this.destroy$)),this.activeTab$=this.route.paramMap.pipe((0,v.U)(m=>m.get("tab"))),(0,O.a)(a,this.languageCode$).pipe((0,q.R)(this.destroy$)).subscribe(([m,g])=>{this.buildVariantFormArray(m,g)}),this.facets$=this.productDetailService.getFacets();const r=this.product$.pipe((0,v.U)(m=>m.facetValues)),s=this.facets$.pipe((0,v.U)(c.k2u)),p=this.getProductFormGroup().valueChanges.pipe((0,v.U)(m=>m.facetValueIds),(0,Q.x)()),f=(0,O.a)(p,r,s).pipe((0,v.U)(([m,g,x])=>{const b=[...g,...x];return m.map(A=>b.find(F=>F.id===A)).filter(J.notNullOrUndefined)}));this.facetValues$=(0,Rt.T)(r,f),this.productChannels$=this.product$.pipe((0,v.U)(m=>m.channels)),this.channelPriceIncludesTax$=this.dataService.settings.getActiveChannel("cache-first").refetchOnChannelChange().mapStream(m=>m.activeChannel.pricesIncludeTax).pipe((0,kt.d)(1))}ngOnDestroy(){this.destroy()}navigateToTab(n){this.location.replaceState(this.router.createUrlTree(["./",Object.assign(Object.assign({},this.route.snapshot.params),{tab:n})],{queryParamsHandling:"merge",relativeTo:this.route}).toString())}isDefaultChannel(n){return n===ue.z$}setPage(n){this.currentPage$.next(n)}setItemsPerPage(n){this.itemsPerPage$.next(+n),this.currentPage$.next(1)}assignToChannel(){this.productChannels$.pipe((0,k.q)(1),(0,y.w)(n=>this.modalService.fromComponent(tt,{size:"lg",locals:{productIds:[this.id],currentChannelIds:n.map(e=>e.id)}}))).subscribe()}removeFromChannel(n){this.modalService.dialog({title:(0,_.J)("catalog.remove-product-from-channel"),buttons:[{type:"secondary",label:(0,_.J)("common.cancel")},{type:"danger",label:(0,_.J)("catalog.remove-from-channel"),returnValue:!0}]}).pipe((0,y.w)(e=>e?this.dataService.product.removeProductsFromChannel({channelId:n,productIds:[this.id]}):N.E)).subscribe(()=>{this.notificationService.success((0,_.J)("catalog.notify-remove-product-from-channel-success"))},e=>{this.notificationService.error((0,_.J)("catalog.notify-remove-product-from-channel-error"))})}assignVariantToChannel(n){return this.modalService.fromComponent(tt,{size:"lg",locals:{productIds:[this.id],productVariantIds:[n.id],currentChannelIds:n.channels.map(e=>e.id)}}).subscribe()}removeVariantFromChannel({channelId:n,variant:e}){this.modalService.dialog({title:(0,_.J)("catalog.remove-product-variant-from-channel"),buttons:[{type:"secondary",label:(0,_.J)("common.cancel")},{type:"danger",label:(0,_.J)("catalog.remove-from-channel"),returnValue:!0}]}).pipe((0,y.w)(o=>o?this.dataService.product.removeVariantsFromChannel({channelId:n,productVariantIds:[e.id]}):N.E)).subscribe(()=>{this.notificationService.success((0,_.J)("catalog.notify-remove-variant-from-channel-success"))},o=>{this.notificationService.error((0,_.J)("catalog.notify-remove-variant-from-channel-error"))})}assetsChanged(){return!!Object.values(this.assetChanges).length}variantAssetsChanged(){return!!Object.keys(this.variantAssetChanges).length}variantAssetChange(n){this.variantAssetChanges[n.variantId]=n}updateSlug(n){(0,O.a)(this.entity$,this.languageCode$).pipe((0,k.q)(1)).subscribe(([e,o])=>{const a=this.detailForm.get(["product","slug"]),r=(0,c.ZIM)(e,o),s=!r||!r.slug;a&&a.pristine&&s&&a.setValue((0,W.U)(`${n}`,"-"))})}selectProductFacetValue(){this.displayFacetValueModal().subscribe(n=>{if(n){const e=this.getProductFormGroup(),o=e.value.facetValueIds;e.patchValue({facetValueIds:(0,St.T)([...o,...n])}),e.markAsDirty()}})}updateProductOption(n){(0,O.a)(this.product$,this.languageCode$).pipe((0,k.q)(1),(0,P.z)(([e,o])=>this.productDetailService.updateProductOption(n,e,o))).subscribe(()=>{this.notificationService.success((0,_.J)("common.notify-update-success"),{entity:"ProductOption"})},e=>{this.notificationService.error((0,_.J)("common.notify-update-error"),{entity:"ProductOption"})})}removeProductFacetValue(n){const e=this.getProductFormGroup(),o=e.value.facetValueIds;e.patchValue({facetValueIds:o.filter(a=>a!==n)}),e.markAsDirty()}selectVariantFacetValue(n){this.displayFacetValueModal().pipe((0,_e.M)(this.variants$)).subscribe(([e,o])=>{if(e){for(const a of n){const r=o.findIndex(f=>f.id===a),s=o[r],d=s?s.facetValues.map(f=>f.id):[],p=this.detailForm.get("variants").controls.find(f=>f.value.id===a);if(p){const f=(0,St.T)([...d,...e]);p.patchValue({facetValueIds:f}),p.markAsDirty(),this.variantFacetValueChanges[a]=f}}this.changeDetector.markForCheck()}})}variantsToCreateAreValid(){return 0<this.createVariantsConfig.variants.length&&this.createVariantsConfig.variants.every(n=>""!==n.sku)}displayFacetValueModal(){return this.productDetailService.getFacets().pipe((0,P.z)(n=>this.modalService.fromComponent(gt,{size:"md",closable:!0,locals:{facets:n}})),(0,v.U)(n=>n&&n.map(e=>e.id)))}create(){const n=this.getProductFormGroup();!n.dirty||(0,O.a)(this.product$,this.languageCode$).pipe((0,k.q)(1),(0,P.z)(([e,o])=>{const a=this.getUpdatedProduct(e,n,o);return this.productDetailService.createProductWithVariants(a,this.createVariantsConfig,o)})).subscribe(({createProductVariants:e,productId:o})=>{this.notificationService.success((0,_.J)("common.notify-create-success"),{entity:"Product"}),this.assetChanges={},this.variantAssetChanges={},this.detailForm.markAsPristine(),this.router.navigate(["../",o],{relativeTo:this.route})},e=>{console.error(e),this.notificationService.error((0,_.J)("common.notify-create-error"),{entity:"Product"})})}save(){(0,O.a)(this.product$,this.languageCode$,this.channelPriceIncludesTax$).pipe((0,k.q)(1),(0,P.z)(([n,e,o])=>{var a,r;const s=this.getProductFormGroup();let d,p;(s.dirty||this.assetsChanged())&&(d=this.getUpdatedProduct(n,s,e));const f=this.detailForm.get("variants");return(f&&f.dirty||this.variantAssetsChanged())&&(p=this.getUpdatedProductVariants(n,f,e,o)),this.productDetailService.updateProduct({product:n,languageCode:e,autoUpdate:null!==(r=null===(a=this.detailForm.get(["product","autoUpdateVariantNames"]))||void 0===a?void 0:a.value)&&void 0!==r&&r,productInput:d,variantsInput:p})})).subscribe(n=>{this.updateSlugAfterSave(n),this.detailForm.markAsPristine(),this.assetChanges={},this.variantAssetChanges={},this.notificationService.success((0,_.J)("common.notify-update-success"),{entity:"Product"}),this.changeDetector.markForCheck()},n=>{this.notificationService.error((0,_.J)("common.notify-update-error"),{entity:"Product"})})}canDeactivate(){return super.canDeactivate()&&!this.assetChanges.assets&&!this.assetChanges.featuredAsset}setFormValues(n,e){const o=(0,c.ZIM)(n,e);this.detailForm.patchValue({product:{enabled:n.enabled,name:o?o.name:"",slug:o?o.slug:"",description:o?o.description:"",facetValueIds:n.facetValues.map(a=>a.id)}}),this.customFields.length&&this.setCustomFieldFormValues(this.customFields,this.detailForm.get(["product","customFields"]),n,o),this.buildVariantFormArray(n.variantList.items,e)}buildVariantFormArray(n,e){const o=this.detailForm.get("variants");n.forEach((a,r)=>{const s=(0,c.ZIM)(a,e),p=this.variantFacetValueChanges[a.id]||a.facetValues.map(g=>g.id),f={id:a.id,enabled:a.enabled,sku:a.sku,name:s?s.name:"",price:a.price,priceWithTax:a.priceWithTax,taxCategoryId:a.taxCategory.id,stockOnHand:a.stockOnHand,useGlobalOutOfStockThreshold:a.useGlobalOutOfStockThreshold,outOfStockThreshold:a.outOfStockThreshold,trackInventory:a.trackInventory,facetValueIds:p};let m=o.controls.find(g=>g.value.id===a.id);if(m?m.pristine&&m.patchValue(f):(m=this.formBuilder.group(Object.assign(Object.assign({},f),{facetValueIds:this.formBuilder.control(p)})),o.insert(r,m)),this.customVariantFields.length){let g=m.get(["customFields"]);g||(g=this.formBuilder.group(this.customVariantFields.reduce((x,b)=>Object.assign(Object.assign({},x),{[b.name]:""}),{})),m.addControl("customFields",g)),this.setCustomFieldFormValues(this.customVariantFields,g,a,s)}})}getUpdatedProduct(n,e,o){var a,r;const s=(0,c.iSy)({translatable:n,updatedFields:e.value,customFieldConfig:this.customFields,languageCode:o,defaultTranslation:{languageCode:o,name:n.name||"",slug:n.slug||"",description:n.description||""}});return Object.assign(Object.assign({},s),{assetIds:null===(a=this.assetChanges.assets)||void 0===a?void 0:a.map(d=>d.id),featuredAssetId:null===(r=this.assetChanges.featuredAsset)||void 0===r?void 0:r.id,facetValueIds:e.value.facetValueIds})}getUpdatedProductVariants(n,e,o,a){const r=e.controls.filter(p=>p.dirty),s=r.map(p=>this.productVariantMap.get(p.value.id)).filter(J.notNullOrUndefined),d=r.map(p=>p.value);if(s.length!==d.length)throw new Error((0,_.J)("error.product-variant-form-values-do-not-match"));return s.map((p,f)=>{var m,g;const x=d.find(F=>F.id===p.id),b=(0,c.iSy)({translatable:p,updatedFields:x,customFieldConfig:this.customVariantFields,languageCode:o,defaultTranslation:{languageCode:o,name:""}});b.taxCategoryId=x.taxCategoryId,b.facetValueIds=x.facetValueIds,b.price=a?x.priceWithTax:x.price;const A=this.variantAssetChanges[p.id];return A&&(b.featuredAssetId=null===(m=A.featuredAsset)||void 0===m?void 0:m.id,b.assetIds=null===(g=A.assets)||void 0===g?void 0:g.map(F=>F.id)),b}).filter(J.notNullOrUndefined)}getProductFormGroup(){return this.detailForm.get("product")}updateSlugAfterSave(n){const e=n[0],o=this.detailForm.get(["product","slug"]);o&&function a(r){return r.hasOwnProperty("updateProduct")}(e)&&o.setValue(e.updateProduct.slug,{emitEvent:!1})}}bt.\u0275fac=function(n){return new(n||bt)(t.Y36(Z.gz),t.Y36(Z.F0),t.Y36(c.iHG),t.Y36(B),t.Y36(l.qu),t.Y36(c.Z7U),t.Y36(c.gqp),t.Y36(c.DoR),t.Y36(C.Ye),t.Y36(t.sBO))},bt.\u0275cmp=t.Xpm({type:bt,selectors:[["vdr-product-detail"]],features:[t.qOj],decls:18,vars:21,consts:[[1,"flex","clr-flex-row"],[3,"entity"],[4,"vdrIfPermissions"],[3,"disabled","availableLanguageCodes","currentLanguageCode","languageCodeChange"],["locationId","product-detail"],["class","btn btn-primary",3,"disabled","click",4,"ngIf","ngIfElse"],["updateButton",""],["class","form",3,"formGroup",4,"ngIf"],["type","checkbox","clrToggle","","name","enabled",3,"formControl"],[1,"btn","btn-primary",3,"disabled","click"],["class","btn btn-primary",3,"disabled","click",4,"vdrIfPermissions"],[1,"form",3,"formGroup"],["type","submit","hidden","","x-data","prevents enter key from triggering other buttons"],["clrTabLink","",3,"click"],[4,"clrIfActive"],[4,"ngIf"],[1,"clr-row"],[1,"clr-col"],["formGroupName","product",1,"form-block"],["for","name",3,"label"],["id","name","type","text","formControlName","name",3,"readonly","input"],[1,"auto-rename-wrapper"],["clrCheckbox","","type","checkbox","id","auto-update","formControlName","autoUpdateVariantNames"],["for","slug",3,"label","errors"],["id","slug","type","text","formControlName","slug",3,"readonly"],["formControlName","description",3,"readonly","label"],["formGroupName","customFields",4,"ngIf"],["locationId","product-detail",3,"entity$","detailForm"],[1,"clr-col-md-auto"],[3,"assets","featuredAsset","updatePermissions","change"],[1,"facets"],[3,"facetValue","removable","remove",4,"ngFor","ngForOf"],["class","btn btn-sm btn-secondary",3,"click",4,"vdrIfPermissions"],[4,"vdrIfMultichannel"],[3,"label",4,"vdrIfDefaultChannelActive"],[3,"label"],[1,"flex","channel-assignment"],[4,"ngFor","ngForOf"],[1,"btn","btn-sm",3,"click"],["shape","layers"],["icon","times-circle",3,"iconClick",4,"ngIf"],["icon","times-circle",3,"iconClick"],[3,"channelCode"],["formGroupName","customFields"],["entityName","Product",3,"customFields","customFieldsFormGroup","readonly"],[3,"facetValue","removable","remove"],[1,"btn","btn-sm","btn-secondary",3,"click"],["shape","plus"],[3,"variantsChange"],[1,"form-block"],[1,"view-mode"],[1,"btn-group"],[1,"btn","btn-secondary-outline",3,"click"],["shape","list"],[1,"btn",3,"click"],["shape","table"],[1,"variant-filter"],[3,"formControl","placeholder"],[1,"icon-button",3,"click"],["shape","times"],[1,"flex-spacer"],["class","btn btn-secondary edit-variants-btn",3,"routerLink",4,"vdrIfPermissions"],["class","pagination-row mt4",4,"ngIf"],[3,"variants","paginationConfig","optionGroups","channelPriceIncludesTax","productVariantsFormArray","pendingAssetChanges",4,"ngIf"],[3,"variants","paginationConfig","channelPriceIncludesTax","facets","optionGroups","productVariantsFormArray","taxCategories","customFields","customOptionFields","activeLanguage","pendingAssetChanges","assignToChannel","removeFromChannel","assetChange","updateProductOption","selectionChange","selectFacetValueClick",4,"ngIf"],[1,"btn","btn-secondary","edit-variants-btn",3,"routerLink"],["shape","add-text"],[1,"pagination-row","mt4"],[3,"itemsPerPage","itemsPerPageChange"],[3,"id","currentPage","itemsPerPage","pageChange"],[3,"variants","paginationConfig","optionGroups","channelPriceIncludesTax","productVariantsFormArray","pendingAssetChanges"],[3,"variants","paginationConfig","channelPriceIncludesTax","facets","optionGroups","productVariantsFormArray","taxCategories","customFields","customOptionFields","activeLanguage","pendingAssetChanges","assignToChannel","removeFromChannel","assetChange","updateProductOption","selectionChange","selectFacetValueClick"]],template:function(n,e){if(1&n&&(t.TgZ(0,"vdr-action-bar")(1,"vdr-ab-left")(2,"div",0),t._UZ(3,"vdr-entity-info",1),t.ALo(4,"async"),t.YNc(5,Bi,5,5,"clr-toggle-wrapper",2),t.qZA(),t.TgZ(6,"vdr-language-selector",3),t.NdJ("languageCodeChange",function(a){return e.setLanguage(a)}),t.ALo(7,"async"),t.ALo(8,"async"),t.ALo(9,"async"),t.qZA()(),t.TgZ(10,"vdr-ab-right"),t._UZ(11,"vdr-action-bar-items",4),t.YNc(12,Ri,3,4,"button",5),t.ALo(13,"async"),t.YNc(14,Ki,1,2,"ng-template",null,6,t.W1O),t.qZA()(),t.YNc(16,Ca,11,10,"form",7),t.ALo(17,"async")),2&n){const o=t.MAs(15);t.xp6(3),t.Q6J("entity",t.lcZ(4,8,e.entity$)),t.xp6(2),t.Q6J("vdrIfPermissions",t.DdM(20,z)),t.xp6(1),t.Q6J("disabled",t.lcZ(7,10,e.isNew$))("availableLanguageCodes",t.lcZ(8,12,e.availableLanguages$))("currentLanguageCode",t.lcZ(9,14,e.languageCode$)),t.xp6(6),t.Q6J("ngIf",t.lcZ(13,16,e.isNew$))("ngIfElse",o),t.xp6(4),t.Q6J("ngIf",t.lcZ(17,18,e.product$))}},directives:[T.Kk,T.BN,wt.V,V.H,h.PEh,w.y,l.Wl,h.KKC,l.JJ,l.oH,h.MgK,it.S,T.mz,K.W,C.O5,l._Y,l.JL,l.sg,h.gKI,h.dl,h.S4y,h.Iq$,h.Qs7,h.tam,h.UkA,l.x0,he.u,fe.M,Ko.J,C.sg,Jt.Y,ve.n,h.qvL,qt.h,l.Fj,l.u,de.Y,$t.y,zt.C,G,te.q,ht,Z.yS,ce.w,le.L,ft,xt],pipes:[C.Ov,I.X$,ee.E,D.j],styles:["[_nghost-%COMP%]     trix-toolbar{top:24px}.facets[_ngcontent-%COMP%]{margin-top:12px;display:flex;flex-wrap:wrap;align-items:center}@media screen and (min-width: 768px){.facets[_ngcontent-%COMP%]{max-width:340px}}vdr-action-bar[_ngcontent-%COMP%]   clr-toggle-wrapper[_ngcontent-%COMP%]{margin-top:12px}.variant-filter[_ngcontent-%COMP%]{flex:1;display:flex}.variant-filter[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]{flex:1;max-width:initial;border-radius:3px 0 0 3px!important}.variant-filter[_ngcontent-%COMP%]   .icon-button[_ngcontent-%COMP%]{border:1px solid var(--color-component-border-300);background-color:var(--color-component-bg-100);border-radius:0 3px 3px 0;border-left:none}.group-name[_ngcontent-%COMP%]{padding-right:6px}.view-mode[_ngcontent-%COMP%]{display:flex;justify-content:flex-end;align-items:center}.edit-variants-btn[_ngcontent-%COMP%]{margin-top:0}.channel-assignment[_ngcontent-%COMP%]{flex-wrap:wrap;max-height:144px;overflow-y:auto}.auto-rename-wrapper[_ngcontent-%COMP%]{overflow:hidden;max-height:0;padding-left:9.5rem;margin-bottom:0;transition:max-height .2s,margin-bottom .2s}.auto-rename-wrapper.visible[_ngcontent-%COMP%]{max-height:24px;margin-bottom:12px}.pagination-row[_ngcontent-%COMP%]{display:flex;align-items:baseline;justify-content:space-between}"],changeDetection:0});var be=u(6441),xa=u(2875),ba=u(809);const Za=["productSearchInputComponent"];function Aa(i,n){1&i&&t._UZ(0,"vdr-status-badge",19)}const Ze=function(){return["UpdateCatalog","UpdateProduct"]},Ta=function(i){return{count:i}};function Pa(i,n){if(1&i){const e=t.EpF();t.ynx(0),t.TgZ(1,"button",20),t.NdJ("click",function(){return t.CHM(e),t.oxw().runPendingSearchIndexUpdates()}),t.ALo(2,"hasPermission"),t._UZ(3,"vdr-status-badge",19),t._uU(4),t.ALo(5,"translate"),t.qZA(),t._UZ(6,"div",21),t.BQk()}if(2&i){const e=t.oxw();t.xp6(1),t.Q6J("disabled",!t.lcZ(2,2,t.DdM(7,Ze))),t.xp6(3),t.hij(" ",t.xi3(5,4,"catalog.run-pending-search-index-updates",t.VKq(8,Ta,e.pendingSearchIndexUpdates))," ")}}const ya=function(){return["./create"]};function Fa(i,n){1&i&&(t.TgZ(0,"a",22),t._UZ(1,"clr-icon",23),t.TgZ(2,"span",24),t._uU(3),t.ALo(4,"translate"),t.qZA()()),2&i&&(t.Q6J("routerLink",t.DdM(4,ya)),t.xp6(3),t.Oqu(t.lcZ(4,2,"catalog.create-new-product")))}function Oa(i,n){if(1&i&&(t._UZ(0,"img",37),t.ALo(1,"assetPreview")),2&i){const e=n.ngIf;t.Q6J("src",t.xi3(1,1,e,"tiny"),t.LSH)}}function Ia(i,n){1&i&&(t.TgZ(0,"div",38),t._UZ(1,"clr-icon",39),t.qZA())}function La(i,n){1&i&&(t.TgZ(0,"vdr-chip"),t._uU(1),t.ALo(2,"translate"),t.qZA()),2&i&&(t.xp6(1),t.Oqu(t.lcZ(2,1,"common.disabled")))}const Ma=function(i){return["./",i]},wa=function(){return["DeleteCatalog","DeleteProduct"]};function ka(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"td",25)(1,"div",26),t.YNc(2,Oa,2,4,"img",27),t.YNc(3,Ia,2,0,"ng-template",null,28,t.W1O),t.qZA()(),t.TgZ(5,"td",29),t._uU(6),t.qZA(),t.TgZ(7,"td",30),t.YNc(8,La,3,3,"vdr-chip",10),t.qZA(),t.TgZ(9,"td",31),t._UZ(10,"vdr-table-row-action",32),t.ALo(11,"translate"),t.TgZ(12,"vdr-dropdown")(13,"button",33),t._uU(14),t.ALo(15,"translate"),t._UZ(16,"clr-icon",34),t.qZA(),t.TgZ(17,"vdr-dropdown-menu",8)(18,"button",35),t.NdJ("click",function(){const r=t.CHM(e).item;return t.oxw().deleteProduct(r.productId)}),t.ALo(19,"hasPermission"),t._UZ(20,"clr-icon",36),t._uU(21),t.ALo(22,"translate"),t.qZA()()()()}if(2&i){const e=n.item,o=t.MAs(4),a=t.oxw();t.ekj("disabled",!e.enabled),t.xp6(2),t.Q6J("ngIf",a.groupByProduct?e.productAsset:e.productVariantAsset||e.productAsset)("ngIfElse",o),t.xp6(3),t.ekj("disabled",!e.enabled),t.xp6(1),t.hij(" ",a.groupByProduct?e.productName:e.productVariantName," "),t.xp6(1),t.ekj("disabled",!e.enabled),t.xp6(1),t.Q6J("ngIf",!e.enabled),t.xp6(1),t.ekj("disabled",!e.enabled),t.xp6(1),t.Q6J("label",t.lcZ(11,17,"common.edit"))("linkTo",t.VKq(25,Ma,e.productId)),t.xp6(4),t.hij(" ",t.lcZ(15,19,"common.actions")," "),t.xp6(4),t.Q6J("disabled",!t.lcZ(19,21,t.DdM(27,wa))),t.xp6(3),t.hij(" ",t.lcZ(22,23,"common.delete")," ")}}const Ja=function(){return["CreateCatalog","CreateProduct"]};class Zt extends c.t7C{constructor(n,e,o,a,r,s,d){super(s,d),this.dataService=n,this.modalService=e,this.notificationService=o,this.jobQueueService=a,this.serverConfigService=r,this.searchTerm="",this.facetValueIds=[],this.groupByProduct=!0,this.pendingSearchIndexUpdates=0,this.route.queryParamMap.pipe((0,v.U)(p=>p.get("q")),(0,q.R)(this.destroy$)).subscribe(p=>{this.searchTerm=p||"",this.productSearchInput&&this.productSearchInput.setSearchTerm(p)}),this.selectedFacetValueIds$=this.route.queryParamMap.pipe((0,v.U)(p=>p.getAll("fvids"))),this.selectedFacetValueIds$.pipe((0,q.R)(this.destroy$)).subscribe(p=>{this.facetValueIds=p,this.productSearchInput&&this.productSearchInput.setFacetValues(p)}),super.setQueryFn((...p)=>this.dataService.product.searchProducts(this.searchTerm,...p).refetchOnChannelChange(),p=>p.search,(p,f)=>({input:{skip:p,take:f,term:this.searchTerm,facetValueIds:this.facetValueIds,facetValueOperator:c.FnJ.AND,groupByProduct:this.groupByProduct}}))}ngOnInit(){super.ngOnInit(),this.facetValues$=this.result$.pipe((0,v.U)(n=>n.search.facetValues)),this.facetValues$.pipe((0,k.q)(1),(0,be.g)(100),(0,_e.M)(this.selectedFacetValueIds$)).subscribe(([n,e])=>{this.productSearchInput.setFacetValues(e)}),this.availableLanguages$=this.serverConfigService.getAvailableLanguages(),this.contentLanguage$=this.dataService.client.uiState().mapStream(({uiState:n})=>n.contentLanguage).pipe((0,E.b)(()=>this.refresh())),this.dataService.product.getPendingSearchIndexUpdates().mapSingle(({pendingSearchIndexUpdates:n})=>n).subscribe(n=>this.pendingSearchIndexUpdates=n)}ngAfterViewInit(){this.productSearchInput&&this.searchTerm&&setTimeout(()=>this.productSearchInput.setSearchTerm(this.searchTerm))}setSearchTerm(n){this.searchTerm=n,this.setQueryParam({q:n||null,page:1}),this.refresh()}setFacetValueIds(n){this.facetValueIds=n,this.setQueryParam({fvids:n,page:1}),this.refresh()}rebuildSearchIndex(){this.dataService.product.reindex().subscribe(({reindex:n})=>{this.notificationService.info((0,_.J)("catalog.reindexing")),this.jobQueueService.addJob(n.id,e=>{if(e.state===c.Zyh.COMPLETED){const o=(new Intl.NumberFormat).format(e.duration||0);this.notificationService.success((0,_.J)("catalog.reindex-successful"),{count:e.result.indexedItemCount,time:o}),this.refresh()}else this.notificationService.error((0,_.J)("catalog.reindex-error"))})})}runPendingSearchIndexUpdates(){this.dataService.product.runPendingSearchIndexUpdates().subscribe(n=>{this.notificationService.info((0,_.J)("catalog.running-search-index-updates"),{count:this.pendingSearchIndexUpdates}),this.pendingSearchIndexUpdates=0})}deleteProduct(n){this.modalService.dialog({title:(0,_.J)("catalog.confirm-delete-product"),buttons:[{type:"secondary",label:(0,_.J)("common.cancel")},{type:"danger",label:(0,_.J)("common.delete"),returnValue:!0}]}).pipe((0,y.w)(e=>e?this.dataService.product.deleteProduct(n):N.E),(0,be.g)(500)).subscribe(()=>{this.notificationService.success((0,_.J)("common.notify-delete-success"),{entity:"Product"}),this.refresh()},e=>{this.notificationService.error((0,_.J)("common.notify-delete-error"),{entity:"Product"})})}setLanguage(n){this.dataService.client.setContentLanguage(n).subscribe()}}function Va(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"button",6),t.NdJ("click",function(){return t.CHM(e),t.oxw().save()}),t._uU(1),t.ALo(2,"translate"),t.qZA()}if(2&i){const e=t.oxw();t.Q6J("disabled",e.detailForm.pristine||e.detailForm.invalid),t.xp6(1),t.hij(" ",t.lcZ(2,2,"common.update")," ")}}function Ua(i,n){if(1&i&&(t.TgZ(0,"tr",22)(1,"td",23),t._UZ(2,"vdr-entity-info",13),t.qZA(),t.TgZ(3,"td",23),t._UZ(4,"input",24),t.ALo(5,"hasPermission"),t.qZA(),t.TgZ(6,"td",23),t._UZ(7,"input",25),t.qZA()()),2&i){const e=n.$implicit,o=n.index,a=t.oxw(3);t.Q6J("formGroupName",o),t.xp6(2),t.Q6J("entity",e.value),t.xp6(2),t.Q6J("readonly",!t.lcZ(5,3,a.updatePermission))}}function Da(i,n){if(1&i&&(t.TgZ(0,"div",10)(1,"section",11)(2,"div",12),t._UZ(3,"vdr-entity-info",13),t.TgZ(4,"div",14),t._uU(5),t.qZA()(),t.TgZ(6,"div",15)(7,"vdr-form-field",16),t.ALo(8,"translate"),t._UZ(9,"input",17),t.ALo(10,"hasPermission"),t.qZA(),t.TgZ(11,"vdr-form-field",18),t.ALo(12,"translate"),t._UZ(13,"input",19),t.ALo(14,"hasPermission"),t.qZA()(),t.TgZ(15,"section",15)(16,"table",20)(17,"thead")(18,"tr"),t._UZ(19,"th"),t.TgZ(20,"th"),t._uU(21),t.ALo(22,"translate"),t.qZA(),t.TgZ(23,"th"),t._uU(24),t.ALo(25,"translate"),t.qZA()()(),t.TgZ(26,"tbody"),t.YNc(27,Ua,8,5,"tr",21),t.qZA()()()()()),2&i){const e=n.$implicit,o=n.index,a=t.oxw(2);t.xp6(1),t.Q6J("formArrayName",o),t.xp6(2),t.Q6J("entity",e.value),t.xp6(2),t.Oqu(e.value.code),t.xp6(2),t.Q6J("label",t.lcZ(8,12,"common.name")),t.xp6(2),t.Q6J("id","name-"+o)("readonly",!t.lcZ(10,14,a.updatePermission)),t.xp6(2),t.Q6J("label",t.lcZ(12,16,"common.code")),t.xp6(2),t.Q6J("id","code-"+o)("readonly",!t.lcZ(14,18,a.updatePermission)),t.xp6(8),t.Oqu(t.lcZ(22,20,"common.name")),t.xp6(3),t.Oqu(t.lcZ(25,22,"common.code")),t.xp6(3),t.Q6J("ngForOf",a.getOptions(e))}}function Na(i,n){if(1&i&&(t.TgZ(0,"form",7)(1,"div",8),t.YNc(2,Da,28,24,"div",9),t.qZA()()),2&i){const e=t.oxw();t.Q6J("formGroup",e.detailForm),t.xp6(2),t.Q6J("ngForOf",e.getOptionGroups())}}Zt.\u0275fac=function(n){return new(n||Zt)(t.Y36(c.DoR),t.Y36(c.Z7U),t.Y36(c.gqp),t.Y36(c.u8d),t.Y36(c.iHG),t.Y36(Z.F0),t.Y36(Z.gz))},Zt.\u0275cmp=t.Xpm({type:Zt,selectors:[["vdr-products-list"]],viewQuery:function(n,e){if(1&n&&t.Gf(Za,7),2&n){let o;t.iGM(o=t.CRH())&&(e.productSearchInput=o.first)}},features:[t.qOj],decls:38,vars:43,consts:[[3,"grow"],[1,"search-form"],[3,"facetValueResults","searchTermChange","facetValueChange"],["productSearchInputComponent",""],[1,"search-settings-menu","mr3"],["type","button","vdrDropdownTrigger","",1,"icon-button","search-index-button",3,"title"],["shape","cog"],["type","warning",4,"ngIf"],["vdrPosition","bottom-right"],[1,"dropdown-header"],[4,"ngIf"],["type","button","vdrDropdownItem","",3,"disabled","click"],[1,"flex","wrap"],[1,"mt2"],["type","checkbox","clrCheckbox","",3,"ngModel","ngModelChange"],[3,"availableLanguageCodes","currentLanguageCode","languageCodeChange"],["locationId","product-list"],["class","btn btn-primary",3,"routerLink",4,"vdrIfPermissions"],[3,"items","itemsPerPage","totalItems","currentPage","pageChange","itemsPerPageChange"],["type","warning"],["type","button","vdrDropdownItem","",1,"run-updates-button",3,"disabled","click"],[1,"dropdown-divider"],[1,"btn","btn-primary",3,"routerLink"],["shape","plus"],[1,"full-label"],[1,"left","align-middle","image-col"],[1,"image-placeholder"],[3,"src",4,"ngIf","ngIfElse"],["imagePlaceholder",""],[1,"left","align-middle"],[1,"align-middle"],[1,"right","align-middle"],["iconShape","edit",1,"edit-button",3,"label","linkTo"],["type","button","vdrDropdownTrigger","",1,"btn","btn-link","btn-sm"],["shape","caret down"],["type","button","vdrDropdownItem","",1,"delete-button",3,"disabled","click"],["shape","trash",1,"is-danger"],[3,"src"],[1,"placeholder"],["shape","image","size","48"]],template:function(n,e){1&n&&(t.TgZ(0,"vdr-action-bar")(1,"vdr-ab-left",0)(2,"div",1)(3,"vdr-product-search-input",2,3),t.NdJ("searchTermChange",function(a){return e.setSearchTerm(a)})("facetValueChange",function(a){return e.setFacetValueIds(a)}),t.ALo(5,"async"),t.qZA(),t.TgZ(6,"vdr-dropdown",4)(7,"button",5),t.ALo(8,"translate"),t._UZ(9,"clr-icon",6),t.YNc(10,Aa,1,0,"vdr-status-badge",7),t.qZA(),t.TgZ(11,"vdr-dropdown-menu",8)(12,"h4",9),t._uU(13),t.ALo(14,"translate"),t.qZA(),t.YNc(15,Pa,7,10,"ng-container",10),t.TgZ(16,"button",11),t.NdJ("click",function(){return e.rebuildSearchIndex()}),t.ALo(17,"hasPermission"),t._uU(18),t.ALo(19,"translate"),t.qZA()()()(),t.TgZ(20,"div",12)(21,"clr-checkbox-wrapper",13)(22,"input",14),t.NdJ("ngModelChange",function(a){return e.groupByProduct=a})("ngModelChange",function(){return e.refresh()}),t.qZA(),t.TgZ(23,"label"),t._uU(24),t.ALo(25,"translate"),t.qZA()(),t.TgZ(26,"vdr-language-selector",15),t.NdJ("languageCodeChange",function(a){return e.setLanguage(a)}),t.ALo(27,"async"),t.ALo(28,"async"),t.qZA()()(),t.TgZ(29,"vdr-ab-right"),t._UZ(30,"vdr-action-bar-items",16),t.YNc(31,Fa,5,5,"a",17),t.qZA()(),t.TgZ(32,"vdr-data-table",18),t.NdJ("pageChange",function(a){return e.setPageNumber(a)})("itemsPerPageChange",function(a){return e.setItemsPerPage(a)}),t.ALo(33,"async"),t.ALo(34,"async"),t.ALo(35,"async"),t.ALo(36,"async"),t.YNc(37,ka,23,28,"ng-template"),t.qZA()),2&n&&(t.xp6(1),t.Q6J("grow",!0),t.xp6(2),t.Q6J("facetValueResults",t.lcZ(5,17,e.facetValues$)),t.xp6(4),t.Q6J("title",t.lcZ(8,19,e.pendingSearchIndexUpdates?"catalog.pending-search-index-updates":"catalog.search-index-controls")),t.xp6(3),t.Q6J("ngIf",e.pendingSearchIndexUpdates),t.xp6(3),t.Oqu(t.lcZ(14,21,"catalog.search-index-controls")),t.xp6(2),t.Q6J("ngIf",e.pendingSearchIndexUpdates),t.xp6(1),t.Q6J("disabled",!t.lcZ(17,23,t.DdM(41,Ze))),t.xp6(2),t.hij(" ",t.lcZ(19,25,"catalog.rebuild-search-index")," "),t.xp6(4),t.Q6J("ngModel",e.groupByProduct),t.xp6(2),t.Oqu(t.lcZ(25,27,"catalog.group-by-product")),t.xp6(2),t.Q6J("availableLanguageCodes",t.lcZ(27,29,e.availableLanguages$))("currentLanguageCode",t.lcZ(28,31,e.contentLanguage$)),t.xp6(5),t.Q6J("vdrIfPermissions",t.DdM(42,Ja)),t.xp6(1),t.Q6J("items",t.lcZ(33,33,e.items$))("itemsPerPage",t.lcZ(34,35,e.itemsPerPage$))("totalItems",t.lcZ(35,37,e.totalItems$))("currentPage",t.lcZ(36,39,e.currentPage$)))},directives:[T.Kk,T.BN,xa.j,at.J,rt.U,h.qvL,C.O5,ba.e,st.N,ct.H,h.PEh,w.y,l.Wl,h.KKC,l.JJ,l.On,h.MgK,it.S,T.mz,K.W,V.H,Z.yS,Wt.Q,Jt.Y,Xt.v],pipes:[C.Ov,I.X$,D.j,Kt.M],styles:[".image-col[_ngcontent-%COMP%]{width:70px}.image-placeholder[_ngcontent-%COMP%]{width:50px;height:50px;background-color:var(--color-component-bg-200)}.image-placeholder[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{border-radius:var(--border-radius-img)}.image-placeholder[_ngcontent-%COMP%]   .placeholder[_ngcontent-%COMP%]{text-align:center;color:var(--color-grey-300)}.search-form[_ngcontent-%COMP%]{display:flex;align-items:center;width:100%;margin-bottom:6px}.search-input[_ngcontent-%COMP%]{min-width:300px}@media screen and (max-width: 768px){.search-input[_ngcontent-%COMP%]{min-width:100px}}.search-settings-menu[_ngcontent-%COMP%]{margin:0 12px}td.disabled[_ngcontent-%COMP%]{background-color:var(--color-component-bg-200)}.search-index-button[_ngcontent-%COMP%]{position:relative}.search-index-button[_ngcontent-%COMP%]   vdr-status-badge[_ngcontent-%COMP%]{right:0;top:0}.run-updates-button[_ngcontent-%COMP%]{position:relative}.run-updates-button[_ngcontent-%COMP%]   vdr-status-badge[_ngcontent-%COMP%]{left:10px;top:10px}.edit-button[_ngcontent-%COMP%]{margin-right:24px}"]});class At extends c.UT_{constructor(n,e,o,a,r,s,d,p){super(n,e,o,a),this.route=n,this.router=e,this.serverConfigService=o,this.dataService=a,this.productDetailService=r,this.formBuilder=s,this.changeDetector=d,this.notificationService=p,this.autoUpdateVariantNames=!0,this.updatePermission=[c.y3$.UpdateCatalog,c.y3$.UpdateProduct],this.optionGroupCustomFields=this.getCustomFieldConfig("ProductOptionGroup"),this.optionCustomFields=this.getCustomFieldConfig("ProductOption")}ngOnInit(){this.optionGroups$=this.route.snapshot.data.entity.pipe((0,v.U)(n=>n.optionGroups)),this.detailForm=new l.cw({optionGroups:new l.Oe([])}),super.init()}getOptionGroups(){return this.detailForm.get("optionGroups").controls}getOptions(n){return n.get("options").controls}save(){if(this.detailForm.invalid||this.detailForm.pristine)return;const n=this.dataService.product.getProduct(this.id).mapSingle(e=>e.product);(0,O.a)(this.entity$,this.languageCode$,n).pipe((0,k.q)(1),(0,P.z)(([{optionGroups:e},o,a])=>{var r,s,d,p,f;const m=[];for(const g of this.getOptionGroups()){if((null===(r=g.get("name"))||void 0===r?void 0:r.dirty)||(null===(s=g.get("code"))||void 0===s?void 0:s.dirty)){const x=e.find(b=>b.id===g.value.id);if(x){const b=this.getUpdatedOptionGroup(x,g,o);m.push(this.dataService.product.updateProductOptionGroup(b))}}for(const x of this.getOptions(g))if((null===(d=x.get("name"))||void 0===d?void 0:d.dirty)||(null===(p=x.get("code"))||void 0===p?void 0:p.dirty)){const b=null===(f=e.find(A=>A.id===g.value.id))||void 0===f?void 0:f.options.find(A=>A.id===x.value.id);if(b){const A=this.getUpdatedOption(b,x,o);m.push(this.productDetailService.updateProductOption(Object.assign(Object.assign({},A),{autoUpdate:this.autoUpdateVariantNames}),a,o))}}}return(0,$.D)(m)})).subscribe(()=>{this.detailForm.markAsPristine(),this.changeDetector.markForCheck(),this.notificationService.success((0,_.J)("common.notify-update-success"),{entity:"ProductOptionGroup"})},e=>{this.notificationService.error((0,_.J)("common.notify-update-error"),{entity:"ProductOptionGroup"})})}getUpdatedOptionGroup(n,e,o){return(0,c.iSy)({translatable:n,updatedFields:e.value,customFieldConfig:this.optionGroupCustomFields,languageCode:o,defaultTranslation:{languageCode:o,name:n.name||""}})}getUpdatedOption(n,e,o){return(0,c.iSy)({translatable:n,updatedFields:e.value,customFieldConfig:this.optionGroupCustomFields,languageCode:o,defaultTranslation:{languageCode:o,name:n.name||""}})}setFormValues(n,e){const o=new l.Oe([]);for(const a of n.optionGroups){const r=(0,c.ZIM)(a,e),s={id:a.id,createdAt:a.createdAt,updatedAt:a.updatedAt,code:a.code,name:r?r.name:""},d=new l.Oe([]);for(const f of a.options){const m=(0,c.ZIM)(f,e),g=this.formBuilder.group({id:f.id,createdAt:f.createdAt,updatedAt:f.updatedAt,code:f.code,name:m?m.name:""});d.push(g)}const p=this.formBuilder.group(s);p.addControl("options",d),o.push(p)}this.detailForm.setControl("optionGroups",o)}}At.\u0275fac=function(n){return new(n||At)(t.Y36(Z.gz),t.Y36(Z.F0),t.Y36(c.iHG),t.Y36(c.DoR),t.Y36(B),t.Y36(l.qu),t.Y36(t.sBO),t.Y36(c.gqp))},At.\u0275cmp=t.Xpm({type:At,selectors:[["vdr-product-options-editor"]],features:[t.qOj],decls:16,vars:14,consts:[[3,"availableLanguageCodes","currentLanguageCode","languageCodeChange"],[1,"flex","center"],[1,"mr2"],["clrCheckbox","","type","checkbox","id","auto-update",3,"ngModel","ngModelChange"],["class","btn btn-primary",3,"disabled","click",4,"vdrIfPermissions"],["class","form",3,"formGroup",4,"ngIf"],[1,"btn","btn-primary",3,"disabled","click"],[1,"form",3,"formGroup"],["formGroupName","optionGroups",1,"clr-row"],["class","clr-col-12 clr-col-xl-6",4,"ngFor","ngForOf"],[1,"clr-col-12","clr-col-xl-6"],[1,"card",3,"formArrayName"],[1,"card-header","option-group-header"],[3,"entity"],[1,"ml2"],[1,"card-block"],["for","name",3,"label"],["type","text","formControlName","name",3,"id","readonly"],["for","code",3,"label"],["type","text","formControlName","code",3,"id","readonly"],["formGroupName","options",1,"facet-values-list","table","mt2","mb4"],["class","facet-value",3,"formGroupName",4,"ngFor","ngForOf"],[1,"facet-value",3,"formGroupName"],[1,"align-middle"],["type","text","formControlName","name",3,"readonly"],["type","text","formControlName","code"]],template:function(n,e){1&n&&(t.TgZ(0,"vdr-action-bar")(1,"vdr-ab-left")(2,"vdr-language-selector",0),t.NdJ("languageCodeChange",function(a){return e.setLanguage(a)}),t.ALo(3,"async"),t.ALo(4,"async"),t.qZA()(),t.TgZ(5,"vdr-ab-right")(6,"div",1)(7,"div",2)(8,"clr-checkbox-wrapper")(9,"input",3),t.NdJ("ngModelChange",function(a){return e.autoUpdateVariantNames=a}),t.qZA(),t.TgZ(10,"label"),t._uU(11),t.ALo(12,"translate"),t.qZA()()(),t.YNc(13,Va,3,4,"button",4),t.qZA()()(),t.YNc(14,Na,3,2,"form",5),t.ALo(15,"async")),2&n&&(t.xp6(2),t.Q6J("availableLanguageCodes",t.lcZ(3,6,e.availableLanguages$))("currentLanguageCode",t.lcZ(4,8,e.languageCode$)),t.xp6(7),t.Q6J("ngModel",e.autoUpdateVariantNames),t.xp6(2),t.Oqu(t.lcZ(12,10,"catalog.auto-update-product-variant-name")),t.xp6(2),t.Q6J("vdrIfPermissions",e.updatePermission),t.xp6(1),t.Q6J("ngIf",t.lcZ(15,12,e.optionGroups$)))},directives:[T.Kk,T.BN,it.S,T.mz,h.PEh,w.y,l.Wl,h.KKC,l.JJ,l.On,h.MgK,V.H,C.O5,l._Y,l.JL,l.sg,l.x0,C.sg,l.CE,wt.V,qt.h,l.Fj,l.u],pipes:[C.Ov,I.X$,D.j],styles:[".option-group-header[_ngcontent-%COMP%]{display:flex;align-items:baseline}"],changeDetection:0});var qa=u(1057);function $a(i,n){1&i&&(t._uU(0),t.ALo(1,"translate")),2&i&&t.hij(" ",t.lcZ(1,1,"catalog.confirm-deletion-of-unused-variants-title"),"\n")}function Sa(i,n){if(1&i&&(t.TgZ(0,"li"),t._uU(1),t.qZA()),2&i){const e=n.$implicit;t.xp6(1),t.AsE("",e.name," (",e.sku,")")}}function Qa(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"button",3),t.NdJ("click",function(){return t.CHM(e),t.oxw().cancel()}),t._uU(1),t.ALo(2,"translate"),t.qZA(),t.TgZ(3,"button",4),t.NdJ("click",function(){return t.CHM(e),t.oxw().confirm()}),t._uU(4),t.ALo(5,"translate"),t.qZA()}2&i&&(t.xp6(1),t.Oqu(t.lcZ(2,2,"common.cancel")),t.xp6(3),t.hij(" ",t.lcZ(5,4,"common.confirm")," "))}class Tt{constructor(){this.variants=[]}confirm(){this.resolveWith(!0)}cancel(){this.resolveWith()}}function Ya(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"div",7)(1,"div",8)(2,"label"),t._uU(3),t.ALo(4,"translate"),t.qZA(),t.TgZ(5,"input",9),t.NdJ("ngModelChange",function(a){return t.CHM(e).$implicit.name=a}),t.qZA()(),t.TgZ(6,"div",10)(7,"label"),t._uU(8),t.ALo(9,"translate"),t.qZA(),t.TgZ(10,"vdr-option-value-input",11,12),t.NdJ("ngModelChange",function(a){return t.CHM(e).$implicit.values=a})("ngModelChange",function(){return t.CHM(e),t.oxw().generateVariants()}),t.qZA()()()}if(2&i){const e=n.$implicit;t.xp6(3),t.Oqu(t.lcZ(4,7,"catalog.option")),t.xp6(2),t.Q6J("ngModel",e.name)("readonly",!e.isNew),t.xp6(3),t.Oqu(t.lcZ(9,9,"catalog.option-values")),t.xp6(2),t.Q6J("ngModel",e.values)("groupName",e.name)("disabled",""===e.name)}}function Ga(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"input",15),t.NdJ("ngModelChange",function(a){t.CHM(e);return t.oxw().$implicit.enabled=a})("ngModelChange",function(){t.CHM(e);return t.oxw(2).formValueChanged=!0}),t.qZA()}if(2&i){const e=t.oxw().$implicit;t.Q6J("ngModel",e.enabled)}}function Ea(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"clr-input-container")(1,"input",16),t.NdJ("ngModelChange",function(a){t.CHM(e);return t.oxw().$implicit.sku=a})("ngModelChange",function(){t.CHM(e);const a=t.oxw().$implicit;return t.oxw().onFormChanged(a)}),t.ALo(2,"translate"),t.qZA()()}if(2&i){const e=t.oxw().$implicit;t.xp6(1),t.Q6J("ngModel",e.sku)("placeholder",t.lcZ(2,2,"catalog.sku"))}}function ja(i,n){if(1&i&&(t.TgZ(0,"span"),t._uU(1),t.qZA()),2&i){const e=t.oxw().$implicit;t.xp6(1),t.Oqu(e.sku)}}function Ha(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"clr-input-container")(1,"vdr-currency-input",17),t.NdJ("ngModelChange",function(a){t.CHM(e);return t.oxw().$implicit.price=a})("ngModelChange",function(){t.CHM(e);const a=t.oxw().$implicit;return t.oxw().onFormChanged(a)}),t.qZA()()}if(2&i){const e=t.oxw().$implicit,o=t.oxw();t.xp6(1),t.Q6J("ngModel",e.price)("currencyCode",o.currencyCode)}}function Ba(i,n){if(1&i&&(t.TgZ(0,"span"),t._uU(1),t.ALo(2,"localeCurrency"),t.qZA()),2&i){const e=t.oxw().$implicit,o=t.oxw();t.xp6(1),t.Oqu(t.xi3(2,1,e.price,o.currencyCode))}}function Ra(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"clr-input-container")(1,"input",18),t.NdJ("ngModelChange",function(a){t.CHM(e);return t.oxw().$implicit.stock=a})("ngModelChange",function(){t.CHM(e);const a=t.oxw().$implicit;return t.oxw().onFormChanged(a)}),t.qZA()()}if(2&i){const e=t.oxw().$implicit;t.xp6(1),t.Q6J("ngModel",e.stock)}}function za(i,n){if(1&i&&(t.TgZ(0,"span"),t._uU(1),t.qZA()),2&i){const e=t.oxw().$implicit;t.xp6(1),t.Oqu(e.stock)}}function Ka(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"vdr-dropdown")(1,"button",19),t._UZ(2,"clr-icon",20),t.qZA(),t.TgZ(3,"vdr-dropdown-menu",21)(4,"button",22),t.NdJ("click",function(){const r=t.CHM(e).ngIf;return t.oxw(2).deleteVariant(r)}),t._UZ(5,"clr-icon",23),t._uU(6),t.ALo(7,"translate"),t.qZA()()()}2&i&&(t.xp6(6),t.hij(" ",t.lcZ(7,1,"common.delete")," "))}function Wa(i,n){if(1&i&&(t.TgZ(0,"tr")(1,"td"),t.YNc(2,Ga,1,1,"input",13),t.qZA(),t.TgZ(3,"td"),t._uU(4),t.ALo(5,"translate"),t.qZA(),t.TgZ(6,"td"),t.YNc(7,Ea,3,4,"clr-input-container",14),t.YNc(8,ja,2,1,"span",14),t.qZA(),t.TgZ(9,"td"),t.YNc(10,Ha,2,2,"clr-input-container",14),t.YNc(11,Ba,3,4,"span",14),t.qZA(),t.TgZ(12,"td"),t.YNc(13,Ra,2,1,"clr-input-container",14),t.YNc(14,za,2,1,"span",14),t.qZA(),t.TgZ(15,"td"),t.YNc(16,Ka,8,3,"vdr-dropdown",14),t.qZA()()),2&i){const e=n.$implicit,o=t.oxw();t.ekj("disabled",!e.enabled||e.existing),t.xp6(2),t.Q6J("ngIf",!e.existing),t.xp6(2),t.hij(" ",t.lcZ(5,11,o.getVariantName(e))," "),t.xp6(3),t.Q6J("ngIf",!e.existing),t.xp6(1),t.Q6J("ngIf",e.existing),t.xp6(2),t.Q6J("ngIf",!e.existing),t.xp6(1),t.Q6J("ngIf",e.existing),t.xp6(2),t.Q6J("ngIf",!e.existing),t.xp6(1),t.Q6J("ngIf",e.existing),t.xp6(2),t.Q6J("ngIf",e.productVariantId)}}Tt.\u0275fac=function(n){return new(n||Tt)},Tt.\u0275cmp=t.Xpm({type:Tt,selectors:[["vdr-confirm-variant-deletion-dialog"]],decls:6,vars:4,consts:[["vdrDialogTitle",""],[4,"ngFor","ngForOf"],["vdrDialogButtons",""],["type","button",1,"btn",3,"click"],["type","submit",1,"btn","btn-primary",3,"click"]],template:function(n,e){1&n&&(t.YNc(0,$a,2,3,"ng-template",0),t._uU(1),t.ALo(2,"translate"),t.TgZ(3,"ul"),t.YNc(4,Sa,2,2,"li",1),t.qZA(),t.YNc(5,Qa,6,6,"ng-template",2)),2&n&&(t.xp6(1),t.hij("\n",t.lcZ(2,2,"catalog.confirm-deletion-of-unused-variants-body"),"\n"),t.xp6(3),t.Q6J("ngForOf",e.variants))},directives:[Et.q,C.sg,jt.n],pipes:[I.X$],styles:[""],changeDetection:0});const Xa=function(i){return{count:i}};class Ae{constructor(n){for(const e of Object.keys(n))this[e]=n[e]}}class Pt{constructor(n,e,o,a,r){this.route=n,this.dataService=e,this.productDetailService=o,this.notificationService=a,this.modalService=r,this.formValueChanged=!1,this.generatedVariants=[]}ngOnInit(){this.initOptionsAndVariants(),this.languageCode=this.route.snapshot.paramMap.get("lang")||(0,c.kAh)(),this.dataService.settings.getActiveChannel().single$.subscribe(n=>{this.currencyCode=n.activeChannel.currencyCode})}onFormChanged(n){this.formValueChanged=!0,n.enabled=!0}canDeactivate(){return!this.formValueChanged}getVariantsToAdd(){return this.generatedVariants.filter(n=>!n.existing&&n.enabled)}getVariantName(n){return 0===n.options.length?(0,_.J)("catalog.default-variant"):n.options.map(e=>e.name).join(" ")}addOption(){this.optionGroups.push({isNew:!0,name:"",values:[]})}generateVariants(){const n=this.optionGroups.map(a=>a.values),e=this.generatedVariants,o=(a,r,s,d)=>{var p,f,m,g,x,b;const A=this.getVariantPrototype(r,e);return new Ae({enabled:!0,existing:!!s,productVariantId:null==s?void 0:s.id,isDefault:a,options:r,price:null!==(f=null!==(p=null==s?void 0:s.price)&&void 0!==p?p:null==d?void 0:d.price)&&void 0!==f?f:A.price,sku:null!==(g=null!==(m=null==s?void 0:s.sku)&&void 0!==m?m:null==d?void 0:d.sku)&&void 0!==g?g:A.sku,stock:null!==(b=null!==(x=null==s?void 0:s.stockOnHand)&&void 0!==x?x:null==d?void 0:d.stockOnHand)&&void 0!==b?b:A.stock})};this.generatedVariants=n.length?(0,J.generateAllCombinations)(n).map(a=>{const r=this.product.variants.find(d=>this.optionsAreEqual(d.options,a)),s=this.product.variants.find(d=>this.optionsAreSubset(d.options,a));return o(!1,a,r,s)}):[o(!0,[],this.product.variants[0])]}getVariantPrototype(n,e){return e.filter(a=>n.map(r=>r.name).filter(r=>a.options.map(s=>s.name).includes(r))).length?(0,qa.e)(e[0],["sku","price","stock"]):{sku:"",price:0,stock:0}}deleteVariant(n){this.modalService.dialog({title:(0,_.J)("catalog.confirm-delete-product-variant"),buttons:[{type:"secondary",label:(0,_.J)("common.cancel")},{type:"danger",label:(0,_.J)("common.delete"),returnValue:!0}]}).pipe((0,y.w)(e=>e?this.productDetailService.deleteProductVariant(n,this.product.id):N.E),(0,y.w)(()=>this.reFetchProduct(null))).subscribe(()=>{this.notificationService.success((0,_.J)("common.notify-delete-success"),{entity:"ProductVariant"}),this.initOptionsAndVariants()},e=>{this.notificationService.error((0,_.J)("common.notify-delete-error"),{entity:"ProductVariant"})})}save(){const n=this.optionGroups.filter(e=>e.isNew).map(e=>({name:e.name,values:[]}));this.checkUniqueSkus().pipe((0,P.z)(()=>this.confirmDeletionOfObsoleteVariants()),(0,P.z)(()=>this.productDetailService.createProductOptionGroups(n,this.languageCode)),(0,P.z)(e=>this.addOptionGroupsToProduct(e)),(0,P.z)(e=>this.addNewOptionsToGroups(e)),(0,P.z)(e=>this.fetchOptionGroups(e)),(0,P.z)(e=>this.createNewProductVariants(e)),(0,P.z)(e=>this.deleteObsoleteVariants(e.createProductVariants)),(0,P.z)(e=>this.reFetchProduct(e))).subscribe({next:e=>{this.formValueChanged=!1,this.notificationService.success((0,_.J)("catalog.created-new-variants-success"),{count:e.length}),this.initOptionsAndVariants()}})}checkUniqueSkus(){const n=this.generatedVariants.filter((e,o)=>this.generatedVariants.find(a=>a.sku.trim()===e.sku.trim()&&a!==e));return n.length?this.modalService.dialog({title:(0,_.J)("catalog.duplicate-sku-warning"),body:(0,St.T)(n.map(e=>`${e.sku}`)).join(", "),buttons:[{label:(0,_.J)("common.close"),returnValue:!1,type:"primary"}]}).pipe((0,P.z)(e=>N.E)):(0,M.of)(!0)}confirmDeletionOfObsoleteVariants(){const n=this.getObsoleteVariants();return n.length?this.modalService.fromComponent(Tt,{locals:{variants:n}}).pipe((0,P.z)(e=>!0===e?(0,M.of)(!0):N.E)):(0,M.of)(!0)}getObsoleteVariants(){return this.product.variants.filter(n=>!this.generatedVariants.find(e=>e.productVariantId===n.id))}hasOnlyDefaultVariant(n){return 1===n.variants.length&&0===n.optionGroups.length}addOptionGroupsToProduct(n){return n.length?(0,$.D)(n.map(e=>this.dataService.product.addOptionGroupToProduct({productId:this.product.id,optionGroupId:e.id}))).pipe((0,v.U)(()=>n)):(0,M.of)([])}addNewOptionsToGroups(n){const e=this.optionGroups.map(a=>{const r=n.find(d=>d.name===a.name),s=r?r.id:a.id;if(!s)throw new Error("Could not get a productOptionGroupId");return a.values.filter(d=>!d.locked).map(d=>({productOptionGroupId:s,code:(0,W.U)(d.name,"-"),translations:[{name:d.name,languageCode:this.languageCode}]}))}).reduce((a,r)=>[...a,...r],[]),o=[...n.map(a=>a.id),...this.optionGroups.map(a=>a.id).filter(J.notNullOrUndefined)];return e.length?(0,$.D)(e.map(a=>this.dataService.product.addOptionToGroup(a))).pipe((0,v.U)(()=>o)):(0,M.of)(o)}fetchOptionGroups(n){return(0,$.D)(n.map(e=>this.dataService.product.getProductOptionGroup(e).mapSingle(o=>o.productOptionGroup).pipe((0,Nt.h)(J.notNullOrUndefined))))}createNewProductVariants(n){const e=n.filter(J.notNullOrUndefined).map(a=>a.options).reduce((a,r)=>[...a,...r],[]),o=this.generatedVariants.filter(a=>a.enabled&&!a.existing).map(a=>({price:a.price,sku:a.sku,stock:a.stock,optionIds:a.options.map(r=>e.find(s=>s.name===r.name)).filter(J.notNullOrUndefined).map(r=>r.id)}));return this.productDetailService.createProductVariants(this.product,o,e,this.languageCode)}deleteObsoleteVariants(n){const e=this.getObsoleteVariants();if(e.length){const o=e.map(a=>this.dataService.product.deleteProductVariant(a.id).pipe((0,v.U)(()=>n)));return(0,$.D)(...o)}return(0,M.of)(n)}reFetchProduct(n){const e=this.route.snapshot.paramMap.get("id");return e?this.dataService.product.getProduct(e).single$.pipe((0,v.U)(()=>n)):(0,M.of)(n)}initOptionsAndVariants(){this.dataService.product.getProductVariantsOptions(this.route.snapshot.paramMap.get("id")).mapSingle(({product:n})=>n).subscribe(n=>{this.product=n,this.optionGroups=n.optionGroups.map(e=>({id:e.id,isNew:!1,name:e.name,values:e.options.map(o=>({id:o.id,name:o.name,locked:!0}))})),this.generateVariants()})}optionsAreEqual(n,e){return this.toOptionString(n)===this.toOptionString(e)}optionsAreSubset(n,e){return this.toOptionString(e).includes(this.toOptionString(n))}toOptionString(n){return n.map(e=>e.name).sort().join("|")}}Pt.\u0275fac=function(n){return new(n||Pt)(t.Y36(Z.gz),t.Y36(c.DoR),t.Y36(B),t.Y36(c.gqp),t.Y36(c.Z7U))},Pt.\u0275cmp=t.Xpm({type:Pt,selectors:[["vdr-product-variants-editor"]],decls:31,vars:27,consts:[[1,"btn","btn-primary",3,"disabled","click"],["class","option-groups",4,"ngFor","ngForOf"],[1,"btn","btn-primary-outline","btn-sm",3,"click"],["shape","plus"],[1,"variants-preview"],[1,"table"],[3,"disabled",4,"ngFor","ngForOf"],[1,"option-groups"],[1,"name"],["clrInput","","name","name",3,"ngModel","readonly","ngModelChange"],[1,"values"],[3,"ngModel","groupName","disabled","ngModelChange"],["optionValueInputComponent",""],["type","checkbox","name","enabled","clrCheckbox","",3,"ngModel","ngModelChange",4,"ngIf"],[4,"ngIf"],["type","checkbox","name","enabled","clrCheckbox","",3,"ngModel","ngModelChange"],["clrInput","","type","text","name","sku","required","",3,"ngModel","placeholder","ngModelChange"],["clrInput","","name","price",3,"ngModel","currencyCode","ngModelChange"],["clrInput","","type","number","name","stock","min","0","step","1",3,"ngModel","ngModelChange"],["vdrDropdownTrigger","",1,"icon-button"],["shape","ellipsis-vertical"],["vdrPosition","bottom-right"],["type","button","vdrDropdownItem","",1,"delete-button",3,"click"],["shape","trash",1,"is-danger"]],template:function(n,e){1&n&&(t.TgZ(0,"vdr-action-bar")(1,"vdr-ab-right")(2,"button",0),t.NdJ("click",function(){return e.save()}),t._uU(3),t.ALo(4,"translate"),t.qZA()()(),t.YNc(5,Ya,12,11,"div",1),t.TgZ(6,"button",2),t.NdJ("click",function(){return e.addOption()}),t._UZ(7,"clr-icon",3),t._uU(8),t.ALo(9,"translate"),t.qZA(),t.TgZ(10,"div",4)(11,"table",5)(12,"thead")(13,"tr")(14,"th"),t._uU(15),t.ALo(16,"translate"),t.qZA(),t.TgZ(17,"th"),t._uU(18),t.ALo(19,"translate"),t.qZA(),t.TgZ(20,"th"),t._uU(21),t.ALo(22,"translate"),t.qZA(),t.TgZ(23,"th"),t._uU(24),t.ALo(25,"translate"),t.qZA(),t.TgZ(26,"th"),t._uU(27),t.ALo(28,"translate"),t.qZA(),t._UZ(29,"th"),t.qZA()(),t.YNc(30,Wa,17,13,"tr",6),t.qZA()()),2&n&&(t.xp6(2),t.Q6J("disabled",!e.formValueChanged||0===e.getVariantsToAdd().length),t.xp6(1),t.hij(" ",t.xi3(4,10,"common.add-new-variants",t.VKq(25,Xa,e.getVariantsToAdd().length))," "),t.xp6(2),t.Q6J("ngForOf",e.optionGroups),t.xp6(3),t.hij(" ",t.lcZ(9,13,"catalog.add-option"),"\n"),t.xp6(7),t.Oqu(t.lcZ(16,15,"common.create")),t.xp6(3),t.Oqu(t.lcZ(19,17,"catalog.variant")),t.xp6(3),t.Oqu(t.lcZ(22,19,"catalog.sku")),t.xp6(3),t.Oqu(t.lcZ(25,21,"catalog.price")),t.xp6(3),t.Oqu(t.lcZ(28,23,"catalog.stock-on-hand")),t.xp6(3),t.Q6J("ngForOf",e.generatedVariants))},directives:[T.Kk,T.mz,C.sg,h.MgK,w.y,l.Fj,h.xRP,l.JJ,l.On,R,h.qvL,C.O5,l.Wl,h.KKC,h.G55,l.Q7,Ht.K,l.qQ,l.wV,at.J,rt.U,st.N,ct.H],pipes:[I.X$,ne.k],styles:[".option-groups[_ngcontent-%COMP%]{display:flex}.option-groups[_ngcontent-%COMP%]:first-of-type{margin-top:24px}.values[_ngcontent-%COMP%]{flex:1;margin:0 6px}.variants-preview[_ngcontent-%COMP%]   tr.disabled[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]{background-color:var(--color-component-bg-100);color:var(--color-grey-400)}"]});class yt extends c.p_9{constructor(n,e){super(n,{__typename:"Asset",id:"",createdAt:"",updatedAt:"",name:"",type:c.h3s.IMAGE,fileSize:0,mimeType:"",width:0,height:0,source:"",preview:"",focalPoint:null},o=>e.product.getAsset(o).mapStream(a=>a.asset))}}yt.\u0275fac=function(n){return new(n||yt)(t.LFG(Z.F0),t.LFG(c.DoR))},yt.\u0275prov=t.Yz7({token:yt,factory:yt.\u0275fac,providedIn:"root"});class Ft extends c.p_9{constructor(n,e){super(n,{__typename:"Collection",id:"",createdAt:"",updatedAt:"",languageCode:(0,c.kAh)(),name:"",slug:"",isPrivate:!1,description:"",featuredAsset:null,assets:[],translations:[],inheritFilters:!0,filters:[],parent:{},children:null},o=>e.collection.getCollection(o).mapStream(a=>a.collection))}}Ft.\u0275fac=function(n){return new(n||Ft)(t.LFG(Z.F0),t.LFG(c.DoR))},Ft.\u0275prov=t.Yz7({token:Ft,factory:Ft.\u0275fac,providedIn:"root"});class Ot extends c.p_9{constructor(n,e){super(n,{__typename:"Facet",id:"",createdAt:"",updatedAt:"",isPrivate:!1,languageCode:(0,c.kAh)(),name:"",code:"",translations:[],values:[]},o=>e.facet.getFacet(o).mapStream(a=>a.facet))}}Ot.\u0275fac=function(n){return new(n||Ot)(t.LFG(Z.F0),t.LFG(c.DoR))},Ot.\u0275prov=t.Yz7({token:Ot,factory:Ot.\u0275fac,providedIn:"root"});class It extends c.p_9{constructor(n,e){super(e,{__typename:"Product",id:"",createdAt:"",updatedAt:"",enabled:!0,languageCode:(0,c.kAh)(),name:"",slug:"",featuredAsset:null,assets:[],description:"",translations:[],optionGroups:[],facetValues:[],variantList:{items:[],totalItems:0},channels:[]},o=>n.product.getProduct(o,{take:10}).refetchOnChannelChange().mapStream(a=>a.product))}}It.\u0275fac=function(n){return new(n||It)(t.LFG(c.DoR),t.LFG(Z.F0))},It.\u0275prov=t.Yz7({token:It,factory:It.\u0275fac,providedIn:"root"});class et extends c.p_9{constructor(n,e){super(n,{__typename:"Product",id:"",createdAt:"",updatedAt:"",name:"",optionGroups:[],variants:[]},o=>e.product.getProductVariantsOptions(o).mapStream(a=>a.product))}}et.\u0275fac=function(n){return new(n||et)(t.LFG(Z.F0),t.LFG(c.DoR))},et.\u0275prov=t.Yz7({token:et,factory:et.\u0275fac,providedIn:"root"});const Te=[{path:"products",component:Zt,data:{breadcrumb:(0,_.J)("breadcrumb.products")}},{path:"products/:id",component:bt,resolve:(0,c.Po4)(It),canDeactivate:[c.TSp],data:{breadcrumb:Pe}},{path:"products/:id/manage-variants",component:Pt,resolve:(0,c.Po4)(et),canDeactivate:[c.TSp],data:{breadcrumb:ye}},{path:"products/:id/options",component:At,resolve:(0,c.Po4)(et),canDeactivate:[c.TSp],data:{breadcrumb:Fe}},{path:"facets",component:_t,data:{breadcrumb:(0,_.J)("breadcrumb.facets")}},{path:"facets/:id",component:mt,resolve:(0,c.Po4)(Ot),canDeactivate:[c.TSp],data:{breadcrumb:Oe}},{path:"collections",component:ut,data:{breadcrumb:(0,_.J)("breadcrumb.collections")}},{path:"collections/:id",component:dt,resolve:(0,c.Po4)(Ft),canDeactivate:[c.TSp],data:{breadcrumb:Ie}},{path:"assets",component:ot,data:{breadcrumb:(0,_.J)("breadcrumb.assets")}},{path:"assets/:id",component:nt,resolve:(0,c.Po4)(yt),data:{breadcrumb:Le}}];function Pe(i,n){return(0,c.YWC)({entity:i.entity,id:n.id,breadcrumbKey:"breadcrumb.products",getName:e=>e.name,route:"products"})}function ye(i,n){return i.entity.pipe((0,v.U)(e=>[{label:(0,_.J)("breadcrumb.products"),link:["../","products"]},{label:`${e.name}`,link:["../","products",n.id,{tab:"variants"}]},{label:(0,_.J)("breadcrumb.manage-variants"),link:["manage-variants"]}]))}function Fe(i,n){return i.entity.pipe((0,v.U)(e=>[{label:(0,_.J)("breadcrumb.products"),link:["../","products"]},{label:`${e.name}`,link:["../","products",n.id,{tab:"variants"}]},{label:(0,_.J)("breadcrumb.product-options"),link:["options"]}]))}function Oe(i,n){return(0,c.YWC)({entity:i.entity,id:n.id,breadcrumbKey:"breadcrumb.facets",getName:e=>e.name,route:"facets"})}function Ie(i,n){return(0,c.YWC)({entity:i.entity,id:n.id,breadcrumbKey:"breadcrumb.collections",getName:e=>e.name,route:"collections"})}function Le(i,n){return(0,c.YWC)({entity:i.entity,id:n.id,breadcrumbKey:"breadcrumb.assets",getName:e=>e.name,route:"assets"})}class Vt{}Vt.\u0275fac=function(n){return new(n||Vt)},Vt.\u0275mod=t.oAB({type:Vt}),Vt.\u0275inj=t.cJS({imports:[[c.m81,Z.Bz.forChild(Te)]]})}}]);
-//# sourceMappingURL=504.dbb000ae0086f81a.js.map
+"use strict";(self.webpackChunkvendure_admin=self.webpackChunkvendure_admin||[]).push([[504],{504:(er,re,u)=>{u.r(re),u.d(re,{ApplyFacetDialogComponent:()=>gt,AssetDetailComponent:()=>nt,AssetListComponent:()=>ot,AssetResolver:()=>yt,AssetsComponent:()=>G,AssignProductsToChannelDialogComponent:()=>tt,CatalogModule:()=>Vt,CollectionContentsComponent:()=>X,CollectionDetailComponent:()=>dt,CollectionListComponent:()=>ut,CollectionResolver:()=>Ft,CollectionTreeComponent:()=>pt,CollectionTreeNodeComponent:()=>H,CollectionTreeService:()=>j,ConfirmVariantDeletionDialogComponent:()=>Tt,FacetDetailComponent:()=>mt,FacetListComponent:()=>_t,FacetResolver:()=>Ot,GenerateProductVariantsComponent:()=>ht,GeneratedVariant:()=>Ae,OPTION_VALUE_INPUT_VALUE_ACCESSOR:()=>Ce,OptionValueInputComponent:()=>R,ProductDetailComponent:()=>bt,ProductDetailService:()=>B,ProductListComponent:()=>Zt,ProductOptionsEditorComponent:()=>At,ProductResolver:()=>It,ProductVariantsEditorComponent:()=>Pt,ProductVariantsListComponent:()=>xt,ProductVariantsResolver:()=>et,ProductVariantsTableComponent:()=>ft,UpdateProductOptionDialogComponent:()=>vt,VariantPriceDetailComponent:()=>Ct,arrayToTree:()=>pe,assetBreadcrumb:()=>Le,catalogRoutes:()=>Te,collectionBreadcrumb:()=>Ie,facetBreadcrumb:()=>Oe,productBreadcrumb:()=>Pe,productOptionsEditorBreadcrumb:()=>Fe,productVariantEditorBreadcrumb:()=>ye,replaceLast:()=>oe});var Z=u(9720),c=u(3682),_=u(8270),v=u(635),l=u(587),t=u(3184),T=u(7346),kt=u(3146),K=u(8276),V=u(9416),Me=u(3616),C=u(6362),I=u(7514);function ke(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"button",4),t.NdJ("click",function(){return t.CHM(e),t.oxw().save()}),t._uU(1),t.ALo(2,"translate"),t.qZA()}if(2&i){const e=t.oxw();t.Q6J("disabled",e.detailForm.invalid||e.detailForm.pristine),t.xp6(1),t.hij(" ",t.lcZ(2,2,"common.update")," ")}}const we=function(){return["UpdateCatalog","UpdateAsset"]};class nt extends c.UT_{constructor(n,e,o,a,r,s){super(e,n,o,r),this.notificationService=a,this.dataService=r,this.formBuilder=s,this.detailForm=new l.cw({}),this.customFields=this.getCustomFieldConfig("Asset")}ngOnInit(){this.detailForm=new l.cw({name:new l.NI(""),tags:new l.NI([]),customFields:this.formBuilder.group(this.customFields.reduce((n,e)=>Object.assign(Object.assign({},n),{[e.name]:""}),{}))}),this.init()}ngOnDestroy(){this.destroy()}onAssetChange(n){var e,o;null===(e=this.detailForm.get("name"))||void 0===e||e.setValue(n.name),null===(o=this.detailForm.get("tags"))||void 0===o||o.setValue(n.tags),this.detailForm.markAsDirty()}save(){this.dataService.product.updateAsset({id:this.id,name:this.detailForm.value.name,tags:this.detailForm.value.tags,customFields:this.detailForm.value.customFields}).subscribe(()=>{this.notificationService.success((0,_.J)("common.notify-update-success"),{entity:"Asset"})},n=>{this.notificationService.error((0,_.J)("common.notify-update-error"),{entity:"Asset"})})}setFormValues(n,e){var o,a;null===(o=this.detailForm.get("name"))||void 0===o||o.setValue(n.name),null===(a=this.detailForm.get("tags"))||void 0===a||a.setValue(n.tags),this.customFields.length&&this.setCustomFieldFormValues(this.customFields,this.detailForm.get(["customFields"]),n)}}nt.\u0275fac=function(n){return new(n||nt)(t.Y36(Z.F0),t.Y36(Z.gz),t.Y36(c.iHG),t.Y36(c.gqp),t.Y36(c.DoR),t.Y36(l.qu))},nt.\u0275cmp=t.Xpm({type:nt,selectors:[["vdr-asset-detail"]],features:[t.qOj],decls:9,vars:11,consts:[[3,"entity"],["locationId","asset-detail"],["class","btn btn-primary",3,"disabled","click",4,"vdrIfPermissions"],[3,"asset","editable","customFields","customFieldsForm","assetChange"],[1,"btn","btn-primary",3,"disabled","click"]],template:function(n,e){1&n&&(t.TgZ(0,"vdr-action-bar")(1,"vdr-ab-left"),t._UZ(2,"vdr-entity-info",0),t.ALo(3,"async"),t.qZA(),t.TgZ(4,"vdr-ab-right"),t._UZ(5,"vdr-action-bar-items",1),t.YNc(6,ke,3,4,"button",2),t.qZA()(),t.TgZ(7,"vdr-asset-preview",3),t.NdJ("assetChange",function(a){return e.onAssetChange(a)}),t.ALo(8,"async"),t.qZA()),2&n&&(t.xp6(2),t.Q6J("entity",t.lcZ(3,6,e.entity$)),t.xp6(4),t.Q6J("vdrIfPermissions",t.DdM(10,we)),t.xp6(1),t.Q6J("asset",t.lcZ(8,8,e.entity$))("editable",!0)("customFields",e.customFields)("customFieldsForm",e.detailForm.get("customFields")))},directives:[T.Kk,T.BN,kt.V,T.mz,K.W,V.H,Me.A],pipes:[C.Ov,I.X$],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;height:100%}"],changeDetection:0});var U=u(6317),O=u(6562),N=u(591),S=u(1989),q=u(8951),se=u(2313),y=u(2673),Je=u(2688),Ve=u(4042),Ue=u(9206),ce=u(6940),le=u(322),Bt=u(5595),D=u(7388);const De=function(){return{}},Ne=function(){return["DeleteCatalog","DeleteAsset"]};class ot extends c.t7C{constructor(n,e,o,a,r){super(a,r),this.notificationService=n,this.modalService=e,this.dataService=o,this.searchTerm$=new U.X(void 0),this.filterByTags$=new U.X(void 0),this.uploading=!1,super.setQueryFn((...s)=>this.dataService.product.getAssetList(...s),s=>s.assets,(s,d)=>{var p;const f=this.searchTerm$.value,m=null===(p=this.filterByTags$.value)||void 0===p?void 0:p.map(g=>g.value);return{options:Object.assign(Object.assign({skip:s,take:d},f?{filter:{name:{contains:f}}}:{}),{sort:{createdAt:c.Asd.DESC},tags:m,tagsOperator:c.FnJ.AND})}},{take:25,skip:0})}ngOnInit(){super.ngOnInit(),this.paginationConfig$=(0,O.a)(this.itemsPerPage$,this.currentPage$,this.totalItems$).pipe((0,v.U)(([n,e,o])=>({itemsPerPage:n,currentPage:e,totalItems:o}))),this.searchTerm$.pipe((0,S.b)(250),(0,q.R)(this.destroy$)).subscribe(()=>this.refresh()),this.filterByTags$.pipe((0,q.R)(this.destroy$)).subscribe(()=>this.refresh()),this.allTags$=this.dataService.product.getTagList().mapStream(n=>n.tags.items)}filesSelected(n){n.length&&(this.uploading=!0,this.dataService.product.createAssets(n).pipe((0,se.x)(()=>this.uploading=!1)).subscribe(({createAssets:e})=>{let o=0;for(const a of e)switch(a.__typename){case"Asset":o++;break;case"MimeTypeError":this.notificationService.error(a.message)}0<o&&(super.refresh(),this.notificationService.success((0,_.J)("asset.notify-create-assets-success"),{count:o}))}))}deleteAssets(n){this.showModalAndDelete(n.map(e=>e.id)).pipe((0,y.w)(e=>e.result===c.PcR.DELETED?[!0]:this.showModalAndDelete(n.map(o=>o.id),e.message||"").pipe((0,v.U)(o=>o.result===c.PcR.DELETED)))).subscribe(()=>{this.notificationService.success((0,_.J)("common.notify-delete-success"),{entity:"Assets"}),this.refresh()},e=>{this.notificationService.error((0,_.J)("common.notify-delete-error"),{entity:"Assets"})})}showModalAndDelete(n,e){return this.modalService.dialog({title:(0,_.J)("catalog.confirm-delete-assets"),translationVars:{count:n.length},body:e,buttons:[{type:"secondary",label:(0,_.J)("common.cancel")},{type:"danger",label:(0,_.J)("common.delete"),returnValue:!0}]}).pipe((0,y.w)(o=>o?this.dataService.product.deleteAssets(n,!!e):N.E),(0,v.U)(o=>o.deleteAssets))}}ot.\u0275fac=function(n){return new(n||ot)(t.Y36(c.gqp),t.Y36(c.Z7U),t.Y36(c.DoR),t.Y36(Z.F0),t.Y36(Z.gz))},ot.\u0275cmp=t.Xpm({type:ot,selectors:[["vdr-asset-list"]],features:[t.qOj],decls:19,vars:31,consts:[[3,"grow"],[1,"pr4","mt1",3,"tags","searchTermChange","tagsChange"],["locationId","asset-list"],["dropZoneTarget",".content-area",3,"uploading","selectFiles"],[3,"assets","multiSelect","canDelete","deleteAssets"],[1,"paging-controls"],[3,"itemsPerPage","itemsPerPageChange"],[3,"currentPage","itemsPerPage","totalItems","pageChange"]],template:function(n,e){1&n&&(t.TgZ(0,"vdr-action-bar")(1,"vdr-ab-left",0)(2,"vdr-asset-search-input",1),t.NdJ("searchTermChange",function(a){return e.searchTerm$.next(a)})("tagsChange",function(a){return e.filterByTags$.next(a)}),t.ALo(3,"async"),t.qZA()(),t.TgZ(4,"vdr-ab-right"),t._UZ(5,"vdr-action-bar-items",2),t.TgZ(6,"vdr-asset-file-input",3),t.NdJ("selectFiles",function(a){return e.filesSelected(a)}),t.qZA()()(),t.TgZ(7,"vdr-asset-gallery",4),t.NdJ("deleteAssets",function(a){return e.deleteAssets(a)}),t.ALo(8,"paginate"),t.ALo(9,"async"),t.ALo(10,"async"),t.ALo(11,"hasPermission"),t.qZA(),t.TgZ(12,"div",5)(13,"vdr-items-per-page-controls",6),t.NdJ("itemsPerPageChange",function(a){return e.setItemsPerPage(a)}),t.ALo(14,"async"),t.qZA(),t.TgZ(15,"vdr-pagination-controls",7),t.NdJ("pageChange",function(a){return e.setPageNumber(a)}),t.ALo(16,"async"),t.ALo(17,"async"),t.ALo(18,"async"),t.qZA()()),2&n&&(t.xp6(1),t.Q6J("grow",!0),t.xp6(1),t.Q6J("tags",t.lcZ(3,10,e.allTags$)),t.xp6(4),t.Q6J("uploading",e.uploading),t.xp6(1),t.Q6J("assets",t.xi3(8,12,t.lcZ(9,15,e.items$),t.lcZ(10,17,e.paginationConfig$)||t.DdM(29,De)))("multiSelect",!0)("canDelete",t.lcZ(11,19,t.DdM(30,Ne))),t.xp6(6),t.Q6J("itemsPerPage",t.lcZ(14,21,e.itemsPerPage$)),t.xp6(2),t.Q6J("currentPage",t.lcZ(16,23,e.currentPage$))("itemsPerPage",t.lcZ(17,25,e.itemsPerPage$))("totalItems",t.lcZ(18,27,e.totalItems$)))},directives:[T.Kk,T.BN,Je.V,T.mz,K.W,Ve.e,Ue.K,ce.w,le.L],pipes:[C.Ov,Bt._s,D.j],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;height:100%}vdr-asset-gallery[_ngcontent-%COMP%]{flex:1}.paging-controls[_ngcontent-%COMP%]{padding-top:6px;border-top:1px solid var(--color-component-border-100);display:flex;justify-content:space-between}.search-input[_ngcontent-%COMP%]{margin-top:6px;min-width:300px}"]});var W=u(2604),Dt=u(253),Rt=u(6646),M=u(745),Q=u(8977),Nt=u(116),w=u(9295),P=u(9525),it=u(7425),qt=u(4652),h=u(2748),k=u(7890),Gt=u(3516),de=u(3628),$t=u(837),zt=u(2505),Y=u(6998),St=u(9493),at=u(735),rt=u(1519),st=u(8854),ct=u(5111),Kt=u(1353);function qe(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"img",11),t.NdJ("click",function(){t.CHM(e);const a=t.oxw(2);return a.previewAsset(a.featuredAsset)}),t.ALo(1,"assetPreview"),t.qZA()}if(2&i){const e=t.oxw(2);t.Q6J("src",t.xi3(1,1,e.featuredAsset,"small"),t.LSH)}}function $e(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"div",12),t.NdJ("click",function(){return t.CHM(e),t.oxw(2).selectAssets()}),t._UZ(1,"clr-icon",13),t.TgZ(2,"div"),t._uU(3),t.ALo(4,"translate"),t.qZA()()}2&i&&(t.xp6(3),t.Oqu(t.lcZ(4,1,"catalog.no-featured-asset")))}function Se(i,n){1&i&&t.GkF(0)}function Qe(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"div",14)(1,"button",15),t.NdJ("click",function(){return t.CHM(e),t.oxw(2).selectAssets()}),t._UZ(2,"clr-icon",16),t._uU(3),t.ALo(4,"translate"),t.qZA()()}2&i&&(t.xp6(3),t.hij(" ",t.lcZ(4,1,"asset.add-asset")," "))}function Ye(i,n){if(1&i&&(t.TgZ(0,"div",3)(1,"div",4)(2,"div",5),t.YNc(3,qe,2,4,"img",6),t.YNc(4,$e,5,3,"div",7),t.qZA()(),t.TgZ(5,"div",8),t.YNc(6,Se,1,0,"ng-container",9),t.qZA(),t.YNc(7,Qe,5,3,"div",10),t.qZA()),2&i){const e=t.oxw(),o=t.MAs(4);t.xp6(3),t.Q6J("ngIf",e.featuredAsset),t.xp6(1),t.Q6J("ngIf",!e.featuredAsset),t.xp6(2),t.Q6J("ngTemplateOutlet",o),t.xp6(1),t.Q6J("vdrIfPermissions",e.updatePermissions)}}function Ge(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"img",11),t.NdJ("click",function(){t.CHM(e);const a=t.oxw(2);return a.previewAsset(a.featuredAsset)}),t.ALo(1,"assetPreview"),t.qZA()}if(2&i){const e=t.oxw(2);t.Q6J("src",t.xi3(1,1,e.featuredAsset,"thumb"),t.LSH)}}function Ee(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"div",12),t.NdJ("click",function(){return t.CHM(e),t.oxw(2).selectAssets()}),t._UZ(1,"clr-icon",19),t.qZA()}}function je(i,n){1&i&&t.GkF(0)}function He(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"button",20),t.NdJ("click",function(){return t.CHM(e),t.oxw(2).selectAssets()}),t.ALo(1,"translate"),t._UZ(2,"clr-icon",16),t._uU(3),t.ALo(4,"translate"),t.qZA()}2&i&&(t.Q6J("title",t.lcZ(1,2,"asset.add-asset")),t.xp6(3),t.hij(" ",t.lcZ(4,4,"asset.add-asset")," "))}function Be(i,n){if(1&i&&(t.TgZ(0,"div",17),t.YNc(1,Ge,2,4,"img",6),t.YNc(2,Ee,2,0,"div",7),t.qZA(),t.YNc(3,je,1,0,"ng-container",9),t.YNc(4,He,5,6,"button",18)),2&i){const e=t.oxw(),o=t.MAs(4);t.xp6(1),t.Q6J("ngIf",e.featuredAsset),t.xp6(1),t.Q6J("ngIf",!e.featuredAsset),t.xp6(1),t.Q6J("ngTemplateOutlet",o),t.xp6(1),t.Q6J("vdrIfPermissions",e.updatePermissions)}}function Re(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"div",23),t.NdJ("cdkDropListDropped",function(a){return t.CHM(e),t.oxw(2).dropListDropped(a)}),t.ALo(1,"hasPermission"),t.TgZ(2,"vdr-dropdown",24)(3,"div",25),t._UZ(4,"img",26),t.ALo(5,"assetPreview"),t.qZA(),t.TgZ(6,"vdr-dropdown-menu",27)(7,"button",28),t.NdJ("click",function(){const r=t.CHM(e).$implicit;return t.oxw(2).previewAsset(r)}),t._uU(8),t.ALo(9,"translate"),t.qZA(),t.TgZ(10,"button",29),t.NdJ("click",function(){const r=t.CHM(e).$implicit;return t.oxw(2).setAsFeatured(r)}),t.ALo(11,"hasPermission"),t._uU(12),t.ALo(13,"translate"),t.qZA(),t._UZ(14,"div",30),t.TgZ(15,"button",31),t.NdJ("click",function(){const r=t.CHM(e).$implicit;return t.oxw(2).removeAsset(r)}),t.ALo(16,"hasPermission"),t._uU(17),t.ALo(18,"translate"),t.qZA()()()()}if(2&i){const e=n.$implicit,o=n.index,a=t.oxw(2);t.Q6J("cdkDropListData",o)("cdkDropListDisabled",!t.lcZ(1,10,a.updatePermissions)),t.xp6(3),t.ekj("featured",a.isFeatured(e)),t.xp6(1),t.Q6J("src",t.xi3(5,12,e,"tiny"),t.LSH),t.xp6(4),t.hij(" ",t.lcZ(9,15,"asset.preview")," "),t.xp6(2),t.Q6J("disabled",a.isFeatured(e)||!t.lcZ(11,17,a.updatePermissions)),t.xp6(2),t.hij(" ",t.lcZ(13,19,"asset.set-as-featured-asset")," "),t.xp6(3),t.Q6J("disabled",!t.lcZ(16,21,a.updatePermissions)),t.xp6(2),t.hij(" ",t.lcZ(18,23,"asset.remove-asset")," ")}}function ze(i,n){if(1&i&&(t.TgZ(0,"div",21),t.YNc(1,Re,19,25,"div",22),t.qZA()),2&i){const e=t.oxw();t.ekj("compact",e.compact),t.xp6(1),t.Q6J("ngForOf",e.assets)}}class G{constructor(n,e){this.modalService=n,this.changeDetector=e,this.compact=!1,this.change=new t.vpe,this.assets=[]}set assetsSetter(n){this.assets=(n||[]).slice()}selectAssets(){this.modalService.fromComponent(c.V61,{size:"xl"}).subscribe(n=>{n&&n.length&&(this.assets=(0,St.T)(this.assets.concat(n),"id"),this.featuredAsset||(this.featuredAsset=n[0]),this.emitChangeEvent(this.assets,this.featuredAsset),this.changeDetector.markForCheck())})}setAsFeatured(n){this.featuredAsset=n,this.emitChangeEvent(this.assets,n)}isFeatured(n){return!!this.featuredAsset&&this.featuredAsset.id===n.id}previewAsset(n){this.modalService.fromComponent(c.IW,{size:"xl",closable:!0,locals:{asset:n}}).subscribe()}removeAsset(n){this.assets=this.assets.filter(e=>e.id!==n.id),this.featuredAsset&&this.featuredAsset.id===n.id&&(this.featuredAsset=this.assets.length>0?this.assets[0]:void 0),this.emitChangeEvent(this.assets,this.featuredAsset)}emitChangeEvent(n,e){this.change.emit({assets:n,featuredAsset:e})}dropListDropped(n){(0,Y.bA)(this.assets,n.previousContainer.data,n.container.data),this.emitChangeEvent(this.assets,this.featuredAsset)}}G.\u0275fac=function(n){return new(n||G)(t.Y36(c.Z7U),t.Y36(t.sBO))},G.\u0275cmp=t.Xpm({type:G,selectors:[["vdr-assets"]],hostVars:2,hostBindings:function(n,e){2&n&&t.ekj("compact",e.compact)},inputs:{assetsSetter:["assets","assetsSetter"],featuredAsset:"featuredAsset",compact:"compact",updatePermissions:"updatePermissions"},outputs:{change:"change"},decls:5,vars:2,consts:[["class","card",4,"ngIf","ngIfElse"],["compactView",""],["assetList",""],[1,"card"],[1,"card-img"],[1,"featured-asset"],[3,"src","click",4,"ngIf"],["class","placeholder",3,"click",4,"ngIf"],[1,"card-block"],[4,"ngTemplateOutlet"],["class","card-footer",4,"vdrIfPermissions"],[3,"src","click"],[1,"placeholder",3,"click"],["shape","image","size","128"],[1,"card-footer"],[1,"btn",3,"click"],["shape","attachment"],[1,"featured-asset","compact"],["class","compact-select btn btn-icon btn-sm btn-block",3,"title","click",4,"vdrIfPermissions"],["shape","image","size","150"],[1,"compact-select","btn","btn-icon","btn-sm","btn-block",3,"title","click"],["cdkDropListGroup","",1,"all-assets"],["class","drop-list","cdkDropList","","cdkDropListOrientation","horizontal",3,"cdkDropListData","cdkDropListDisabled","cdkDropListDropped",4,"ngFor","ngForOf"],["cdkDropList","","cdkDropListOrientation","horizontal",1,"drop-list",3,"cdkDropListData","cdkDropListDisabled","cdkDropListDropped"],["cdkDrag",""],["vdrDropdownTrigger","","tabindex","0",1,"asset-thumb",3,"title"],[3,"src"],["vdrPosition","bottom-right"],["type","button","vdrDropdownItem","",3,"click"],["type","button","vdrDropdownItem","",3,"disabled","click"],[1,"dropdown-divider"],["type","button","vdrDropdownItem","",1,"remove-asset",3,"disabled","click"]],template:function(n,e){if(1&n&&(t.YNc(0,Ye,8,4,"div",0),t.YNc(1,Be,5,4,"ng-template",null,1,t.W1O),t.YNc(3,ze,2,3,"ng-template",null,2,t.W1O)),2&n){const o=t.MAs(2);t.Q6J("ngIf",!e.compact)("ngIfElse",o)}},directives:[C.O5,h.qvL,C.tP,V.H,Y.Fd,C.sg,Y.Wj,at.J,Y.Zt,rt.U,st.N,ct.H],pipes:[Kt.M,I.X$,D.j],styles:["[_nghost-%COMP%]{width:340px;display:block}.compact[_nghost-%COMP%]{width:162px}.placeholder[_ngcontent-%COMP%]{text-align:center;color:var(--color-grey-300)}.featured-asset[_ngcontent-%COMP%]{text-align:center;background:var(--color-component-bg-200);padding:6px;cursor:pointer;border-radius:var(--border-radius-img)}.featured-asset[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{border-radius:var(--border-radius-img)}.featured-asset.compact[_ngcontent-%COMP%]{width:100%;min-height:40px;position:relative;padding:6px}.featured-asset[_ngcontent-%COMP%]   .compact-select[_ngcontent-%COMP%]{position:absolute;bottom:6px;right:6px;margin:0}.all-assets[_ngcontent-%COMP%]{display:flex;flex-wrap:wrap}.all-assets[_ngcontent-%COMP%]   .drop-list[_ngcontent-%COMP%]{min-width:60px}.all-assets[_ngcontent-%COMP%]   .asset-thumb[_ngcontent-%COMP%]{margin:3px;padding:0;border:2px solid var(--color-component-border-100);border-radius:var(--border-radius-img);cursor:pointer}.all-assets[_ngcontent-%COMP%]   .asset-thumb[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{width:50px;height:50px;border-radius:var(--border-radius-img)}.all-assets[_ngcontent-%COMP%]   .asset-thumb.featured[_ngcontent-%COMP%]{border-color:var(--color-primary-500);border-radius:calc(var(--border-radius-img) + 2px)}.all-assets[_ngcontent-%COMP%]   .remove-asset[_ngcontent-%COMP%]{color:var(--color-warning-500)}.all-assets.compact[_ngcontent-%COMP%]   .drop-list[_ngcontent-%COMP%]{min-width:54px}.all-assets.compact[_ngcontent-%COMP%]   .asset-thumb[_ngcontent-%COMP%]{margin:1px;border-width:1px}.all-assets.compact[_ngcontent-%COMP%]   .cdk-drag-placeholder[_ngcontent-%COMP%], .all-assets.compact[_ngcontent-%COMP%]   .cdk-drag-placeholder[_ngcontent-%COMP%]   .asset-thumb[_ngcontent-%COMP%]{width:50px}.cdk-drag-animating[_ngcontent-%COMP%]{transition:transform .25s cubic-bezier(0,0,.2,1)}.example-box[_ngcontent-%COMP%]:last-child{border:none}.all-assets.cdk-drop-list-dragging[_ngcontent-%COMP%]   vdr-dropdown[_ngcontent-%COMP%]:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}.cdk-drop-list-dragging[_ngcontent-%COMP%] > *[_ngcontent-%COMP%]:not(.cdk-drag-placeholder){display:none}"],changeDetection:0});var Ke=u(8931),lt=u(4874),E=u(9337),We=u(3158),Wt=u(365),Xt=u(8899);function Xe(i,n){1&i&&t.GkF(0)}const tn=function(){return{tab:"variants"}},en=function(i,n){return["/catalog/products",i,n]};function nn(i,n){if(1&i&&(t.TgZ(0,"td",7),t._uU(1),t.qZA(),t.TgZ(2,"td",7)(3,"small",8),t._uU(4),t.qZA()(),t.TgZ(5,"td",9),t._UZ(6,"vdr-table-row-action",10),t.ALo(7,"translate"),t.qZA()),2&i){const e=n.item;t.xp6(1),t.Oqu(e.name),t.xp6(3),t.Oqu(e.sku),t.xp6(2),t.Q6J("label",t.lcZ(7,4,"common.edit"))("linkTo",t.WLB(7,en,e.productId,t.DdM(6,tn)))}}const on=function(i){return{$implicit:i}};class X{constructor(n,e,o){this.route=n,this.router=e,this.dataService=o,this.previewUpdatedFilters=!1,this.filterTermControl=new l.NI(""),this.isLoading=!1,this.collectionIdChange$=new U.X(""),this.parentIdChange$=new U.X(""),this.filterChanges$=new U.X([]),this.inheritFiltersChanges$=new U.X(!0),this.refresh$=new U.X(!0),this.destroy$=new Dt.x}ngOnInit(){this.contentsCurrentPage$=this.route.queryParamMap.pipe((0,v.U)(s=>s.get("contentsPage")),(0,v.U)(s=>s?+s:1),(0,lt.O)(1),(0,Q.x)()),this.contentsItemsPerPage$=this.route.queryParamMap.pipe((0,v.U)(s=>s.get("contentsPerPage")),(0,v.U)(s=>s?+s:10),(0,lt.O)(10),(0,Q.x)());const n=this.filterTermControl.valueChanges.pipe((0,S.b)(250),(0,E.b)(()=>this.setContentsPageNumber(1)),(0,lt.O)("")),e=this.filterChanges$.asObservable().pipe((0,Nt.h)(()=>this.previewUpdatedFilters),(0,E.b)(()=>this.setContentsPageNumber(1)),(0,lt.O)([])),o=this.inheritFiltersChanges$.asObservable().pipe((0,Nt.h)(()=>null!=this.inheritFilters),(0,Q.x)(),(0,E.b)(()=>this.setContentsPageNumber(1)),(0,lt.O)(!0)),r=(0,O.a)(this.collectionIdChange$,this.parentIdChange$,this.contentsCurrentPage$,this.contentsItemsPerPage$,n,e,o,this.refresh$).pipe((0,q.R)(this.destroy$),(0,E.b)(()=>this.isLoading=!0),(0,S.b)(50),(0,y.w)(([s,d,p,f,m,g,x])=>{const b=f,A=(p-1)*f;if(g.length&&this.previewUpdatedFilters){const F=m?{name:{contains:m}}:void 0;return this.dataService.collection.previewCollectionVariants({parentId:d,filters:g,inheritFilters:x},{take:b,skip:A,filter:F}).mapSingle(L=>L.previewCollectionVariants).pipe((0,We.K)(()=>(0,M.of)({items:[],totalItems:0})))}return s?this.dataService.collection.getCollectionContents(s,b,A,m).mapSingle(F=>{var L;return null===(L=F.collection)||void 0===L?void 0:L.productVariants}):(0,M.of)(null)}),(0,E.b)(()=>this.isLoading=!1),(0,se.x)(()=>this.isLoading=!1));this.contents$=r.pipe((0,v.U)(s=>s?s.items:[])),this.contentsTotalItems$=r.pipe((0,v.U)(s=>s?s.totalItems:0))}ngOnChanges(n){"collectionId"in n&&this.collectionIdChange$.next(n.collectionId.currentValue),"parentId"in n&&this.parentIdChange$.next(n.parentId.currentValue),"inheritFilters"in n&&this.inheritFiltersChanges$.next(n.inheritFilters.currentValue),"updatedFilters"in n&&this.updatedFilters&&this.filterChanges$.next(this.updatedFilters)}ngOnDestroy(){this.destroy$.next(),this.destroy$.complete()}setContentsPageNumber(n){this.setParam("contentsPage",n)}setContentsItemsPerPage(n){this.setParam("contentsPerPage",n)}refresh(){this.refresh$.next(!0)}setParam(n,e){this.router.navigate(["./"],{relativeTo:this.route,queryParams:{[n]:e},queryParamsHandling:"merge",replaceUrl:!0})}}X.\u0275fac=function(n){return new(n||X)(t.Y36(Z.gz),t.Y36(Z.F0),t.Y36(c.DoR))},X.\u0275cmp=t.Xpm({type:X,selectors:[["vdr-collection-contents"]],contentQueries:function(n,e,o){if(1&n&&t.Suo(o,t.Rgc,7),2&n){let a;t.iGM(a=t.CRH())&&(e.headerTemplate=a.first)}},inputs:{collectionId:"collectionId",parentId:"parentId",inheritFilters:"inheritFilters",updatedFilters:"updatedFilters",previewUpdatedFilters:"previewUpdatedFilters"},features:[t.TTD],decls:14,vars:26,consts:[[1,"contents-header"],[1,"header-title-row"],[4,"ngTemplateOutlet","ngTemplateOutletContext"],["type","text",3,"placeholder","formControl"],[1,"table-wrapper"],[1,"progress","loop"],[3,"items","itemsPerPage","totalItems","currentPage","pageChange","itemsPerPageChange"],[1,"left","align-middle"],[1,"sku"],[1,"right","align-middle"],["iconShape","edit",3,"label","linkTo"]],template:function(n,e){1&n&&(t.TgZ(0,"div",0)(1,"div",1),t.YNc(2,Xe,1,0,"ng-container",2),t.ALo(3,"async"),t.qZA(),t._UZ(4,"input",3),t.ALo(5,"translate"),t.qZA(),t.TgZ(6,"div",4),t._UZ(7,"div",5),t.TgZ(8,"vdr-data-table",6),t.NdJ("pageChange",function(a){return e.setContentsPageNumber(a)})("itemsPerPageChange",function(a){return e.setContentsItemsPerPage(a)}),t.ALo(9,"async"),t.ALo(10,"async"),t.ALo(11,"async"),t.ALo(12,"async"),t.YNc(13,nn,8,10,"ng-template"),t.qZA()()),2&n&&(t.xp6(2),t.Q6J("ngTemplateOutlet",e.headerTemplate)("ngTemplateOutletContext",t.VKq(24,on,t.lcZ(3,12,e.contentsTotalItems$))),t.xp6(2),t.Q6J("placeholder",t.lcZ(5,14,"catalog.filter-by-name"))("formControl",e.filterTermControl),t.xp6(3),t.ekj("visible",e.isLoading),t.xp6(1),t.ekj("loading",e.isLoading),t.Q6J("items",t.lcZ(9,16,e.contents$))("itemsPerPage",t.lcZ(10,18,e.contentsItemsPerPage$))("totalItems",t.lcZ(11,20,e.contentsTotalItems$))("currentPage",t.lcZ(12,22,e.contentsCurrentPage$)))},directives:[C.tP,k.y,l.Fj,l.JJ,l.oH,Wt.Q,Xt.v],pipes:[C.Ov,I.X$],styles:[".contents-header[_ngcontent-%COMP%]{background-color:var(--color-component-bg-100);position:sticky;top:0;padding:6px;z-index:1;border-bottom:1px solid var(--color-component-border-200)}.contents-header[_ngcontent-%COMP%]   .header-title-row[_ngcontent-%COMP%]{display:flex;justify-content:space-between;align-items:center}.contents-header[_ngcontent-%COMP%]   .clr-input[_ngcontent-%COMP%]{width:100%}[_nghost-%COMP%]{display:block}[_nghost-%COMP%]     table{margin-top:-1px}vdr-data-table[_ngcontent-%COMP%]{opacity:1;transition:opacity .3s}vdr-data-table.loading[_ngcontent-%COMP%]{opacity:.5}.table-wrapper[_ngcontent-%COMP%]{position:relative}.progress[_ngcontent-%COMP%]{position:absolute;top:0;left:0;overflow:hidden;height:6px;opacity:0;transition:opacity .1s}.progress.visible[_ngcontent-%COMP%]{opacity:1}.sku[_ngcontent-%COMP%]{color:var(--color-text-200)}"],changeDetection:0});const an=["collectionContents"];function rn(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"button",6),t.NdJ("click",function(){return t.CHM(e),t.oxw().create()}),t._uU(1),t.ALo(2,"translate"),t.qZA()}if(2&i){const e=t.oxw();t.Q6J("disabled",e.detailForm.invalid||e.detailForm.pristine),t.xp6(1),t.hij(" ",t.lcZ(2,2,"common.create")," ")}}function sn(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"button",6),t.NdJ("click",function(){return t.CHM(e),t.oxw(2).save()}),t._uU(1),t.ALo(2,"translate"),t.qZA()}if(2&i){const e=t.oxw(2);t.Q6J("disabled",(e.detailForm.invalid||e.detailForm.pristine)&&!e.assetsChanged()),t.xp6(1),t.hij(" ",t.lcZ(2,2,"common.update")," ")}}function cn(i,n){if(1&i&&t.YNc(0,sn,3,4,"button",7),2&i){const e=t.oxw();t.Q6J("vdrIfPermissions",e.updatePermission)}}function ln(i,n){1&i&&(t.ynx(0),t._uU(1),t.ALo(2,"translate"),t.BQk()),2&i&&(t.xp6(1),t.Oqu(t.lcZ(2,1,"catalog.public")))}function dn(i,n){1&i&&(t._uU(0),t.ALo(1,"translate")),2&i&&t.Oqu(t.lcZ(1,1,"catalog.private"))}const pn=function(){return["customFields"]};function un(i,n){if(1&i&&(t.TgZ(0,"section",33)(1,"label"),t._uU(2),t.ALo(3,"translate"),t.qZA(),t._UZ(4,"vdr-tabbed-custom-fields",34),t.ALo(5,"hasPermission"),t.qZA()),2&i){const e=t.oxw(2);t.xp6(2),t.Oqu(t.lcZ(3,4,"common.custom-fields")),t.xp6(2),t.Q6J("customFields",e.customFields)("customFieldsFormGroup",e.detailForm.get(t.DdM(8,pn)))("readonly",!t.lcZ(5,6,e.updatePermission))}}function mn(i,n){1&i&&(t.ynx(0),t._uU(1),t.ALo(2,"translate"),t.BQk()),2&i&&(t.xp6(1),t.Oqu(t.lcZ(2,1,"catalog.inherit-filters-from-parent")))}function _n(i,n){1&i&&(t._uU(0),t.ALo(1,"translate")),2&i&&t.Oqu(t.lcZ(1,1,"catalog.do-not-inherit-filters"))}function gn(i,n){if(1&i){const e=t.EpF();t.ynx(0),t.TgZ(1,"vdr-configurable-input",35),t.NdJ("remove",function(){const r=t.CHM(e).index;return t.oxw(2).removeFilter(r)}),t.ALo(2,"hasPermission"),t.qZA(),t.BQk()}if(2&i){const e=n.$implicit,o=n.index,a=t.oxw(2);t.xp6(1),t.Q6J("position",o)("operation",e)("operationDefinition",a.getFilterDefinition(e))("formControlName",o)("readonly",!t.lcZ(2,5,a.updatePermission))}}function hn(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"button",40),t.NdJ("click",function(){const r=t.CHM(e).$implicit;return t.oxw(3).addFilter(r)}),t._uU(1),t.qZA()}if(2&i){const e=n.$implicit;t.xp6(1),t.hij(" ",e.description," ")}}function fn(i,n){if(1&i&&(t.TgZ(0,"div")(1,"vdr-dropdown")(2,"button",36),t._UZ(3,"clr-icon",37),t._uU(4),t.ALo(5,"translate"),t.qZA(),t.TgZ(6,"vdr-dropdown-menu",38),t.YNc(7,hn,2,1,"button",39),t.qZA()()()),2&i){const e=t.oxw(2);t.xp6(4),t.hij(" ",t.lcZ(5,2,"marketing.add-condition")," "),t.xp6(3),t.Q6J("ngForOf",e.allFilters)}}const vn=function(i){return{count:i}},Cn=function(){return{standalone:!0}};function xn(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"div",41),t._uU(1),t.ALo(2,"translate"),t.ALo(3,"translate"),t.qZA(),t.TgZ(4,"clr-checkbox-wrapper")(5,"input",42),t.NdJ("ngModelChange",function(){return t.CHM(e),t.oxw(2).toggleLivePreview()}),t.qZA(),t.TgZ(6,"label"),t._uU(7),t.ALo(8,"translate"),t.qZA()()}if(2&i){const e=n.$implicit,o=t.oxw(2);let a,r;t.xp6(1),t.AsE(" ",t.lcZ(2,8,"catalog.collection-contents")," (",t.xi3(3,10,"common.results-count",t.VKq(15,vn,e)),") "),t.xp6(3),t.ekj("disabled",null==(a=o.detailForm.get("filters"))?null:a.pristine),t.xp6(1),t.Q6J("ngModelOptions",t.DdM(17,Cn))("disabled",null==(r=o.detailForm.get("filters"))?null:r.pristine)("ngModel",o.livePreview),t.xp6(2),t.Oqu(t.lcZ(8,13,"catalog.live-preview-contents"))}}const bn=function(i){return{pattern:i}};function Zn(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"form",8)(1,"div",9)(2,"div",10)(3,"vdr-form-field",11),t.ALo(4,"translate"),t.TgZ(5,"clr-toggle-wrapper"),t._UZ(6,"input",12),t.ALo(7,"hasPermission"),t.TgZ(8,"label",13),t.YNc(9,ln,3,3,"ng-container",14),t.YNc(10,dn,2,3,"ng-template",null,15,t.W1O),t.qZA()()(),t.TgZ(12,"vdr-form-field",16),t.ALo(13,"translate"),t.TgZ(14,"input",17),t.NdJ("input",function(a){return t.CHM(e),t.oxw().updateSlug(a.target.value)}),t.ALo(15,"hasPermission"),t.qZA()(),t.TgZ(16,"vdr-form-field",18),t.ALo(17,"translate"),t.ALo(18,"translate"),t._UZ(19,"input",19),t.ALo(20,"hasPermission"),t.qZA(),t._UZ(21,"vdr-rich-text-editor",20),t.ALo(22,"hasPermission"),t.ALo(23,"translate"),t.YNc(24,un,6,9,"section",21),t._UZ(25,"vdr-custom-detail-component-host",22),t.qZA(),t.TgZ(26,"div",23)(27,"vdr-assets",24),t.NdJ("change",function(a){t.CHM(e);return t.oxw().assetChanges=a}),t.qZA()()(),t.TgZ(28,"div",9)(29,"div",10)(30,"label"),t._uU(31),t.ALo(32,"translate"),t.qZA(),t.TgZ(33,"vdr-form-field",25),t.ALo(34,"translate"),t.TgZ(35,"clr-toggle-wrapper"),t._UZ(36,"input",26),t.ALo(37,"hasPermission"),t.TgZ(38,"label",13),t.YNc(39,mn,3,3,"ng-container",14),t.YNc(40,_n,2,3,"ng-template",null,27,t.W1O),t.qZA()()(),t.TgZ(42,"div",28),t.YNc(43,gn,3,7,"ng-container",29),t.qZA(),t.YNc(44,fn,8,4,"div",30),t.qZA(),t.TgZ(45,"div",10)(46,"vdr-collection-contents",31,32),t.ALo(48,"async"),t.ALo(49,"async"),t.ALo(50,"async"),t.YNc(51,xn,9,18,"ng-template"),t.qZA()()()()}if(2&i){const e=n.ngIf,o=t.MAs(11),a=t.MAs(41),r=t.oxw();t.Q6J("formGroup",r.detailForm),t.xp6(3),t.Q6J("label",t.lcZ(4,31,"catalog.visibility")),t.xp6(3),t.Q6J("vdrDisabled",!t.lcZ(7,33,r.updatePermission)),t.xp6(3),t.Q6J("ngIf",r.detailForm.value.visible)("ngIfElse",o),t.xp6(3),t.Q6J("label",t.lcZ(13,35,"common.name")),t.xp6(2),t.Q6J("readonly",!t.lcZ(15,37,r.updatePermission)),t.xp6(2),t.Q6J("label",t.lcZ(17,39,"catalog.slug"))("errors",t.VKq(61,bn,t.lcZ(18,41,"catalog.slug-pattern-error"))),t.xp6(3),t.Q6J("readonly",!t.lcZ(20,43,r.updatePermission)),t.xp6(2),t.Q6J("readonly",!t.lcZ(22,45,r.updatePermission))("label",t.lcZ(23,47,"common.description")),t.xp6(3),t.Q6J("ngIf",r.customFields.length),t.xp6(1),t.Q6J("entity$",r.entity$)("detailForm",r.detailForm),t.xp6(2),t.Q6J("assets",e.assets)("featuredAsset",e.featuredAsset)("updatePermissions",r.updatePermission),t.xp6(4),t.Oqu(t.lcZ(32,49,"catalog.filters")),t.xp6(2),t.Q6J("label",t.lcZ(34,51,"catalog.filter-inheritance")),t.xp6(3),t.Q6J("vdrDisabled",!t.lcZ(37,53,r.updatePermission)),t.xp6(3),t.Q6J("ngIf",r.detailForm.value.inheritFilters)("ngIfElse",a),t.xp6(4),t.Q6J("ngForOf",r.filters)("ngForTrackBy",r.trackByFn),t.xp6(1),t.Q6J("vdrIfPermissions",r.updatePermission),t.xp6(2),t.Q6J("collectionId",r.id)("parentId",t.lcZ(48,55,r.parentId$))("updatedFilters",t.lcZ(49,57,r.updatedFilters$))("inheritFilters",t.lcZ(50,59,r.inheritFilters$))("previewUpdatedFilters",r.livePreview)}}class dt extends c.UT_{constructor(n,e,o,a,r,s,d,p,f){var m;super(e,n,o,r),this.changeDetector=a,this.dataService=r,this.formBuilder=s,this.notificationService=d,this.modalService=p,this.localStorageService=f,this.assetChanges={},this.filters=[],this.allFilters=[],this.livePreview=!1,this.updatePermission=[c.y3$.UpdateCatalog,c.y3$.UpdateCollection],this.filterRemoved$=new Dt.x,this.customFields=this.getCustomFieldConfig("Collection"),this.detailForm=this.formBuilder.group({name:["",l.kI.required],slug:["",(0,c.Foo)(/^[\p{Letter}0-9_-]+$/)],description:"",visible:!1,inheritFilters:!0,filters:this.formBuilder.array([]),customFields:this.formBuilder.group(this.customFields.reduce((g,x)=>Object.assign(Object.assign({},g),{[x.name]:""}),{}))}),this.livePreview=null!==(m=this.localStorageService.get("livePreviewCollectionContents"))&&void 0!==m&&m}ngOnInit(){this.init(),this.dataService.collection.getCollectionFilters().single$.subscribe(o=>{this.allFilters=o.collectionFilters});const n=this.detailForm.get("filters"),e=this.detailForm.get("inheritFilters");this.inheritFilters$=e.valueChanges.pipe((0,Q.x)()),this.updatedFilters$=(0,Rt.T)(n.statusChanges,this.filterRemoved$).pipe((0,S.b)(200),(0,Nt.h)(()=>n.touched),(0,v.U)(()=>this.mapOperationsToInputs(this.filters,n.value).filter(o=>{for(const a of o.arguments)if(""===a.value)return!1;return!0}))),this.parentId$=this.route.paramMap.pipe((0,v.U)(o=>o.get("parentId")||void 0),(0,y.w)(o=>o?(0,M.of)(o):this.entity$.pipe((0,v.U)(a=>{var r;return null===(r=a.parent)||void 0===r?void 0:r.id}))))}ngOnDestroy(){this.destroy()}getFilterDefinition(n){return this.allFilters.find(e=>e.code===n.code)}assetsChanged(){return!!Object.values(this.assetChanges).length}updateSlug(n){(0,O.a)(this.entity$,this.languageCode$).pipe((0,w.q)(1)).subscribe(([e,o])=>{const a=this.detailForm.get(["slug"]),r=(0,c.ZIM)(e,o),s=!r||!r.slug;a&&a.pristine&&s&&a.setValue((0,W.U)(`${n}`,"-"))})}addFilter(n){const e=this.detailForm.get("filters"),o=n.args.reduce((a,r)=>Object.assign(Object.assign({},a),{[r.name]:(0,c.sux)(r.value)}),{});e.push(this.formBuilder.control({code:n.code,args:o})),this.filters.push({code:n.code,args:n.args.map(a=>({name:a.name,value:(0,c.sux)(a.value)}))})}removeFilter(n){const e=this.detailForm.get("filters");-1!==n&&(e.removeAt(n),e.markAsDirty(),e.markAsTouched(),this.filters.splice(n,1),this.filterRemoved$.next())}create(){!this.detailForm.dirty||(0,O.a)(this.entity$,this.languageCode$).pipe((0,w.q)(1),(0,P.z)(([n,e])=>{const o=this.getUpdatedCollection(n,this.detailForm,e),a=this.route.snapshot.paramMap.get("parentId");return a&&(o.parentId=a),this.dataService.collection.createCollection(o)})).subscribe(n=>{this.notificationService.success((0,_.J)("common.notify-create-success"),{entity:"Collection"}),this.assetChanges={},this.detailForm.markAsPristine(),this.changeDetector.markForCheck(),this.router.navigate(["../",n.createCollection.id],{relativeTo:this.route})},n=>{this.notificationService.error((0,_.J)("common.notify-create-error"),{entity:"Collection"})})}save(){(0,O.a)(this.entity$,this.languageCode$).pipe((0,w.q)(1),(0,P.z)(([n,e])=>{const o=this.getUpdatedCollection(n,this.detailForm,e);return this.dataService.collection.updateCollection(o)})).subscribe(()=>{this.assetChanges={},this.detailForm.markAsPristine(),this.changeDetector.markForCheck(),this.notificationService.success((0,_.J)("common.notify-update-success"),{entity:"Collection"}),this.contentsComponent.refresh()},n=>{this.notificationService.error((0,_.J)("common.notify-update-error"),{entity:"Collection"})})}canDeactivate(){return super.canDeactivate()&&!this.assetChanges.assets&&!this.assetChanges.featuredAsset}toggleLivePreview(){this.livePreview=!this.livePreview,this.localStorageService.set("livePreviewCollectionContents",this.livePreview)}trackByFn(n,e){return JSON.stringify(e)}setFormValues(n,e){const o=(0,c.ZIM)(n,e);this.detailForm.patchValue({name:o?o.name:"",slug:o?o.slug:"",description:o?o.description:"",visible:!n.isPrivate,inheritFilters:n.inheritFilters});const a=this.detailForm.get("filters");a.length!==n.filters.length&&(a.clear(),this.filters=[],n.filters.forEach(r=>this.addFilter(r))),this.customFields.length&&this.setCustomFieldFormValues(this.customFields,this.detailForm.get(["customFields"]),n,o)}getUpdatedCollection(n,e,o){var a,r;const s=(0,c.iSy)({translatable:n,updatedFields:e.value,customFieldConfig:this.customFields,languageCode:o,defaultTranslation:{languageCode:o,name:n.name||"",slug:n.slug||"",description:n.description||""}});return Object.assign(Object.assign({},s),{assetIds:null===(a=this.assetChanges.assets)||void 0===a?void 0:a.map(d=>d.id),featuredAssetId:null===(r=this.assetChanges.featuredAsset)||void 0===r?void 0:r.id,isPrivate:!e.value.visible,filters:this.mapOperationsToInputs(this.filters,this.detailForm.value.filters)})}mapOperationsToInputs(n,e){return n.map((o,a)=>({code:o.code,arguments:Object.entries(e[a].args).map(([r,s],d)=>({name:r,value:(0,c.qrw)(s)}))}))}}dt.\u0275fac=function(n){return new(n||dt)(t.Y36(Z.F0),t.Y36(Z.gz),t.Y36(c.iHG),t.Y36(t.sBO),t.Y36(c.DoR),t.Y36(l.qu),t.Y36(c.gqp),t.Y36(c.Z7U),t.Y36(c.n2A))},dt.\u0275cmp=t.Xpm({type:dt,selectors:[["vdr-collection-detail"]],viewQuery:function(n,e){if(1&n&&t.Gf(an,5),2&n){let o;t.iGM(o=t.CRH())&&(e.contentsComponent=o.first)}},features:[t.qOj],decls:16,vars:19,consts:[[3,"entity"],[3,"disabled","availableLanguageCodes","currentLanguageCode","languageCodeChange"],["locationId","collection-detail"],["class","btn btn-primary",3,"disabled","click",4,"ngIf","ngIfElse"],["updateButton",""],["class","form",3,"formGroup",4,"ngIf"],[1,"btn","btn-primary",3,"disabled","click"],["class","btn btn-primary",3,"disabled","click",4,"vdrIfPermissions"],[1,"form",3,"formGroup"],[1,"clr-row"],[1,"clr-col"],["for","visibility",3,"label"],["type","checkbox","clrToggle","","formControlName","visible","id","visibility",3,"vdrDisabled"],[1,"visible-toggle"],[4,"ngIf","ngIfElse"],["private",""],["for","name",3,"label"],["id","name","type","text","formControlName","name",3,"readonly","input"],["for","slug",3,"label","errors"],["id","slug","type","text","formControlName","slug",3,"readonly"],["formControlName","description",3,"readonly","label"],["formGroupName","customFields",4,"ngIf"],["locationId","collection-detail",3,"entity$","detailForm"],[1,"clr-col-md-auto"],[3,"assets","featuredAsset","updatePermissions","change"],["for","inheritFilters",3,"label"],["type","checkbox","clrToggle","","formControlName","inheritFilters","id","inheritFilters",3,"vdrDisabled"],["noInherit",""],["formArrayName","filters"],[4,"ngFor","ngForOf","ngForTrackBy"],[4,"vdrIfPermissions"],[3,"collectionId","parentId","updatedFilters","inheritFilters","previewUpdatedFilters"],["collectionContents",""],["formGroupName","customFields"],["entityName","Collection",3,"customFields","customFieldsFormGroup","readonly"],[3,"position","operation","operationDefinition","formControlName","readonly","remove"],["vdrDropdownTrigger","",1,"btn","btn-outline"],["shape","plus"],["vdrPosition","bottom-left"],["type","button","vdrDropdownItem","",3,"click",4,"ngFor","ngForOf"],["type","button","vdrDropdownItem","",3,"click"],[1,"contents-title"],["type","checkbox","clrCheckbox","",3,"ngModelOptions","disabled","ngModel","ngModelChange"]],template:function(n,e){if(1&n&&(t.TgZ(0,"vdr-action-bar")(1,"vdr-ab-left"),t._UZ(2,"vdr-entity-info",0),t.ALo(3,"async"),t.TgZ(4,"vdr-language-selector",1),t.NdJ("languageCodeChange",function(a){return e.setLanguage(a)}),t.ALo(5,"async"),t.ALo(6,"async"),t.ALo(7,"async"),t.qZA()(),t.TgZ(8,"vdr-ab-right"),t._UZ(9,"vdr-action-bar-items",2),t.YNc(10,rn,3,4,"button",3),t.ALo(11,"async"),t.YNc(12,cn,1,1,"ng-template",null,4,t.W1O),t.qZA()(),t.YNc(14,Zn,52,63,"form",5),t.ALo(15,"async")),2&n){const o=t.MAs(13);t.xp6(2),t.Q6J("entity",t.lcZ(3,7,e.entity$)),t.xp6(2),t.Q6J("disabled",t.lcZ(5,9,e.isNew$))("availableLanguageCodes",t.lcZ(6,11,e.availableLanguages$))("currentLanguageCode",t.lcZ(7,13,e.languageCode$)),t.xp6(6),t.Q6J("ngIf",t.lcZ(11,15,e.isNew$))("ngIfElse",o),t.xp6(4),t.Q6J("ngIf",t.lcZ(15,17,e.entity$))}},directives:[T.Kk,T.BN,kt.V,it.S,T.mz,K.W,C.O5,V.H,l._Y,l.JL,l.sg,qt.h,h.PEh,k.y,l.Wl,h.KKC,l.JJ,l.u,Gt.x,h.MgK,l.Fj,de.Y,l.x0,$t.y,zt.C,G,l.CE,C.sg,h.q0d,Ke.q,at.J,rt.U,h.qvL,st.N,ct.H,X,l.On],pipes:[C.Ov,I.X$,D.j],styles:[".visible-toggle[_ngcontent-%COMP%]{margin-top:-3px!important}clr-checkbox-wrapper[_ngcontent-%COMP%]{transition:opacity .3s}clr-checkbox-wrapper.disabled[_ngcontent-%COMP%]{opacity:.5}"],changeDetection:0});var wt=u(9196);function pe(i,n,e=[]){var o,a;const r=[],s={},d=function An(i){const n=new Map;function e(o){n.set(o.id,o),o.children.forEach(e)}return i&&e(i),n}(n);for(const f of i)s[f.id]=Object.assign(Object.assign({},f),{children:[]});for(const f of i.map(m=>m.id))if(s.hasOwnProperty(f)){const m=s[f];m.expanded=null!==(a=null===(o=d.get(f))||void 0===o?void 0:o.expanded)&&void 0!==a?a:e.includes(f);const g=m.parent;if(!g)continue;s[g.id]?s[g.id]?s[g.id].children.push(m):s[g.id]={children:[m]}:r.push(m)}return{id:r.length?r[0].parent.id:void 0,children:r}}class j{constructor(){this.allMoveListItems=[],this._rearrange$=new Dt.x,this._delete$=new Dt.x,this.rearrange$=this._rearrange$.asObservable(),this.delete$=this._delete$.asObservable()}ngOnDestroy(){this._rearrange$.complete(),this._delete$.complete()}setCollectionTree(n){this.collectionTree=n}resetMoveList(){this.allMoveListItems=[]}getMoveListItems(n){return 0===this.allMoveListItems.length&&(this.allMoveListItems=this.calculateAllMoveListItems()),this.allMoveListItems.filter(e=>{var o;return e.id!==n.id&&!e.ancestorIdPath.has(n.id)&&e.id!==(null===(o=n.parent)||void 0===o?void 0:o.id)})}onDrop(n){const e=n.item.data,a=n.container.data.id;if(null==a)throw new Error("Could not determine the ID of the root Collection");this._rearrange$.next({collectionId:e.id,parentId:a,index:n.currentIndex})}onMove(n){this._rearrange$.next(n)}onDelete(n){this._delete$.next(n)}calculateAllMoveListItems(){const n=(e,o,a,r)=>{const s=o.concat(e.name);return r.push({path:s.slice(1).join(" / ")||"root",id:e.id,ancestorIdPath:a}),e.children.forEach(d=>n(d,s,new Set([...a,e.id]),r)),r};return n(this.collectionTree,[],new Set,[])}}j.\u0275fac=function(n){return new(n||j)},j.\u0275prov=t.Yz7({token:j,factory:j.\u0275fac});var Jt=u(4447);function Tn(i,n){1&i&&t._UZ(0,"clr-icon",31)}function Pn(i,n){1&i&&t._UZ(0,"clr-icon",32)}function yn(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"button",28),t.NdJ("click",function(){t.CHM(e);const a=t.oxw().$implicit;return t.oxw().toggleExpanded(a)}),t.YNc(1,Tn,1,0,"clr-icon",29),t.YNc(2,Pn,1,0,"clr-icon",30),t.qZA()}if(2&i){const e=t.oxw().$implicit,o=t.oxw();t.Q6J("disabled",o.expandAll),t.xp6(1),t.Q6J("ngIf",!e.expanded&&!o.expandAll),t.xp6(1),t.Q6J("ngIf",e.expanded||o.expandAll)}}function Fn(i,n){1&i&&t._UZ(0,"div",33)}function On(i,n){1&i&&(t.TgZ(0,"vdr-chip"),t._uU(1),t.ALo(2,"translate"),t.qZA()),2&i&&(t.xp6(1),t.Oqu(t.lcZ(2,1,"catalog.private")))}function In(i,n){1&i&&(t.TgZ(0,"div",34),t._UZ(1,"clr-icon",35),t.qZA())}const Ln=function(i){return{parentId:i}},Mn=function(i){return["./","create",i]};function kn(i,n){if(1&i&&(t.TgZ(0,"a",36),t._UZ(1,"clr-icon",37),t._uU(2),t.ALo(3,"translate"),t.qZA()),2&i){const e=t.oxw().$implicit;t.Q6J("routerLink",t.VKq(6,Mn,t.VKq(4,Ln,e.id))),t.xp6(2),t.hij(" ",t.lcZ(3,2,"catalog.create-new-collection")," ")}}function wn(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"button",20),t.NdJ("click",function(){const r=t.CHM(e).$implicit,s=t.oxw().$implicit;return t.oxw().move(s,r.id)}),t.ALo(1,"async"),t.TgZ(2,"div",38)(3,"div",39),t._UZ(4,"clr-icon",40),t.qZA(),t.TgZ(5,"div",41),t._uU(6),t.qZA()()()}if(2&i){const e=n.$implicit,o=t.oxw(2);t.Q6J("disabled",!t.lcZ(1,2,o.hasUpdatePermission$)),t.xp6(6),t.hij(" ",e.path," ")}}function Jn(i,n){if(1&i&&t._UZ(0,"vdr-collection-tree-node",42),2&i){const e=t.oxw().$implicit,o=t.oxw();t.Q6J("expandAll",o.expandAll)("collectionTree",e)("activeCollectionId",o.activeCollectionId)}}const Vn=function(i){return{contents:i}},Un=function(i){return["./",i]},Dn=function(i){return["/catalog/collections/",i]},Nn=function(){return["UpdateCatalog","UpdateCollection"]},qn=function(){return["CreateCatalog","CreateCollection"]};function $n(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"div",3)(1,"div",4)(2,"div",5),t.YNc(3,yn,3,3,"button",6),t.YNc(4,Fn,1,0,"ng-template",null,7,t.W1O),t._uU(6),t.qZA(),t._UZ(7,"div",8),t.YNc(8,On,3,3,"vdr-chip",9),t.TgZ(9,"a",10),t._UZ(10,"clr-icon",11),t._uU(11),t.ALo(12,"translate"),t.qZA(),t.TgZ(13,"a",12),t._UZ(14,"clr-icon",13),t._uU(15),t.ALo(16,"translate"),t.qZA(),t.YNc(17,In,2,0,"div",14),t.TgZ(18,"vdr-dropdown")(19,"button",15),t.NdJ("click",function(){const r=t.CHM(e).$implicit;return t.oxw().getMoveListItems(r)}),t._UZ(20,"clr-icon",16),t.qZA(),t.TgZ(21,"vdr-dropdown-menu",17),t.YNc(22,kn,4,8,"a",18),t._UZ(23,"div",19),t.TgZ(24,"button",20),t.NdJ("click",function(){const a=t.CHM(e),r=a.$implicit,s=a.index;return t.oxw().moveUp(r,s)}),t.ALo(25,"async"),t._UZ(26,"clr-icon",21),t._uU(27),t.ALo(28,"translate"),t.qZA(),t.TgZ(29,"button",20),t.NdJ("click",function(){const a=t.CHM(e),r=a.$implicit,s=a.index;return t.oxw().moveDown(r,s)}),t.ALo(30,"async"),t._UZ(31,"clr-icon",22),t._uU(32),t.ALo(33,"translate"),t.qZA(),t.TgZ(34,"h4",23),t._uU(35),t.ALo(36,"translate"),t.qZA(),t.YNc(37,wn,7,4,"button",24),t._UZ(38,"div",19),t.TgZ(39,"button",25),t.NdJ("click",function(){const r=t.CHM(e).$implicit;return t.oxw().delete(r.id)}),t.ALo(40,"async"),t._UZ(41,"clr-icon",26),t._uU(42),t.ALo(43,"translate"),t.qZA()()()(),t.YNc(44,Jn,1,3,"vdr-collection-tree-node",27),t.qZA()}if(2&i){const e=n.$implicit,o=n.index,a=t.MAs(5),r=t.oxw();t.ekj("private",e.isPrivate),t.Q6J("cdkDragData",e),t.xp6(1),t.ekj("active",e.id===r.activeCollectionId),t.Q6J("ngClass","depth-"+r.depth),t.xp6(2),t.Q6J("ngIf",null==e.children?null:e.children.length)("ngIfElse",a),t.xp6(3),t.hij(" ",e.name," "),t.xp6(2),t.Q6J("ngIf",e.isPrivate),t.xp6(1),t.Q6J("routerLink",t.VKq(45,Un,t.VKq(43,Vn,e.id))),t.xp6(2),t.hij(" ",t.lcZ(12,25,"catalog.view-contents")," "),t.xp6(2),t.Q6J("routerLink",t.VKq(47,Dn,e.id)),t.xp6(2),t.hij(" ",t.lcZ(16,27,"common.edit")," "),t.xp6(2),t.Q6J("vdrIfPermissions",t.DdM(49,Nn)),t.xp6(5),t.Q6J("vdrIfPermissions",t.DdM(50,qn)),t.xp6(2),t.Q6J("disabled",0===o||!t.lcZ(25,29,r.hasUpdatePermission$)),t.xp6(3),t.hij(" ",t.lcZ(28,31,"catalog.move-up")," "),t.xp6(2),t.Q6J("disabled",o===r.collectionTree.children.length-1||!t.lcZ(30,33,r.hasUpdatePermission$)),t.xp6(3),t.hij(" ",t.lcZ(33,35,"catalog.move-down")," "),t.xp6(3),t.Oqu(t.lcZ(36,37,"catalog.move-to")),t.xp6(2),t.Q6J("ngForOf",r.moveListItems),t.xp6(2),t.Q6J("disabled",!t.lcZ(40,39,r.hasDeletePermission$)),t.xp6(3),t.hij(" ",t.lcZ(43,41,"common.delete")," "),t.xp6(2),t.Q6J("ngIf",e.expanded||r.expandAll)}}class H{constructor(n,e,o,a,r){this.parent=n,this.dataService=e,this.collectionTreeService=o,this.router=a,this.route=r,this.depth=0,this.expandAll=!1,this.moveListItems=[],n&&(this.depth=n.depth+1)}ngOnInit(){this.parentName=this.collectionTree.name||"<root>";const n=this.dataService.client.userStatus().mapStream(e=>e.userStatus.permissions).pipe((0,wt.d)(1));this.hasUpdatePermission$=n.pipe((0,v.U)(e=>e.includes(c.y3$.UpdateCatalog)||e.includes(c.y3$.UpdateCollection))),this.hasDeletePermission$=n.pipe((0,v.U)(e=>e.includes(c.y3$.DeleteCatalog)||e.includes(c.y3$.DeleteCollection)))}ngOnChanges(n){const e=n.expandAll;e&&!0===e.previousValue&&!1===e.currentValue&&this.collectionTree.children.forEach(o=>o.expanded=!1)}trackByFn(n,e){return e.id}toggleExpanded(n){var e,o;n.expanded=!n.expanded;let a=null!==(o=null===(e=this.route.snapshot.queryParamMap.get("expanded"))||void 0===e?void 0:e.split(","))&&void 0!==o?o:[];n.expanded?a.push(n.id):a=a.filter(r=>r!==n.id),this.router.navigate(["./"],{queryParams:{expanded:a.filter(r=>!!r).join(",")},queryParamsHandling:"merge",relativeTo:this.route})}getMoveListItems(n){this.moveListItems=this.collectionTreeService.getMoveListItems(n)}move(n,e){this.collectionTreeService.onMove({index:0,parentId:e,collectionId:n.id})}moveUp(n,e){!n.parent||this.collectionTreeService.onMove({index:e-1,parentId:n.parent.id,collectionId:n.id})}moveDown(n,e){!n.parent||this.collectionTreeService.onMove({index:e+1,parentId:n.parent.id,collectionId:n.id})}drop(n){(0,Y.bA)(this.collectionTree.children,n.previousIndex,n.currentIndex),this.collectionTreeService.onDrop(n)}delete(n){this.collectionTreeService.onDelete(n)}}function Sn(i,n){if(1&i&&t._UZ(0,"vdr-collection-tree-node",1),2&i){const e=t.oxw();t.Q6J("expandAll",e.expandAll)("collectionTree",e.collectionTree)("activeCollectionId",e.activeCollectionId)}}H.\u0275fac=function(n){return new(n||H)(t.Y36(H,12),t.Y36(c.DoR),t.Y36(j),t.Y36(Z.F0),t.Y36(Z.gz))},H.\u0275cmp=t.Xpm({type:H,selectors:[["vdr-collection-tree-node"]],inputs:{collectionTree:"collectionTree",activeCollectionId:"activeCollectionId",expandAll:"expandAll"},features:[t.TTD],decls:4,vars:6,consts:[["cdkDropList","",1,"tree-node",3,"cdkDropListData","cdkDropListDisabled","cdkDropListDropped"],["dropList",""],["class","collection","cdkDrag","",3,"private","cdkDragData",4,"ngFor","ngForOf","ngForTrackBy"],["cdkDrag","",1,"collection",3,"cdkDragData"],[1,"collection-detail",3,"ngClass"],[1,"name"],["class","icon-button folder-button",3,"disabled","click",4,"ngIf","ngIfElse"],["folderSpacer",""],[1,"flex-spacer"],[4,"ngIf"],["queryParamsHandling","preserve",1,"btn","btn-link","btn-sm",3,"routerLink"],["shape","view-list"],[1,"btn","btn-link","btn-sm",3,"routerLink"],["shape","edit"],["class","drag-handle","cdkDragHandle","",4,"vdrIfPermissions"],["vdrDropdownTrigger","",1,"icon-button",3,"click"],["shape","ellipsis-vertical"],["vdrPosition","bottom-right"],["class","dropdown-item",3,"routerLink",4,"vdrIfPermissions"],[1,"dropdown-divider"],["type","button","vdrDropdownItem","",3,"disabled","click"],["shape","caret up"],["shape","caret down"],[1,"dropdown-header"],["type","button","vdrDropdownItem","",3,"disabled","click",4,"ngFor","ngForOf"],["vdrDropdownItem","",1,"button",3,"disabled","click"],["shape","trash",1,"is-danger"],[3,"expandAll","collectionTree","activeCollectionId",4,"ngIf"],[1,"icon-button","folder-button",3,"disabled","click"],["shape","folder",4,"ngIf"],["shape","folder-open",4,"ngIf"],["shape","folder"],["shape","folder-open"],[1,"folder-button-spacer"],["cdkDragHandle","",1,"drag-handle"],["shape","drag-handle","size","24"],[1,"dropdown-item",3,"routerLink"],["shape","plus"],[1,"move-to-item"],[1,"move-icon"],["shape","child-arrow"],[1,"path"],[3,"expandAll","collectionTree","activeCollectionId"]],template:function(n,e){1&n&&(t.TgZ(0,"div",0,1),t.NdJ("cdkDropListDropped",function(a){return e.drop(a)}),t.ALo(2,"async"),t.YNc(3,$n,45,51,"div",2),t.qZA()),2&n&&(t.Q6J("cdkDropListData",e.collectionTree)("cdkDropListDisabled",!t.lcZ(2,4,e.hasUpdatePermission$)),t.xp6(3),t.Q6J("ngForOf",e.collectionTree.children)("ngForTrackBy",e.trackByFn))},directives:[Y.Wj,C.sg,h.q0d,Y.Zt,C.mk,C.O5,h.qvL,Jt.Y,Z.yS,V.H,Y.Bh,at.J,rt.U,st.N,ct.H,H],pipes:[C.Ov,I.X$],styles:["[_nghost-%COMP%]{display:block}.collection[_ngcontent-%COMP%]{background-color:var(--color-component-bg-100);font-size:.65rem;transition:transform .25s cubic-bezier(0,0,.2,1);margin-bottom:2px;border-left:2px solid transparent;transition:border-left-color .2s}.collection.private[_ngcontent-%COMP%]{background-color:var(--color-component-bg-200)}.collection[_ngcontent-%COMP%]   .collection-detail[_ngcontent-%COMP%]{padding:6px 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-component-border-100)}.collection[_ngcontent-%COMP%]   .collection-detail.active[_ngcontent-%COMP%]{background-color:var(--clr-global-selection-color)}.collection[_ngcontent-%COMP%]   .collection-detail.depth-1[_ngcontent-%COMP%]{padding-left:36px}.collection[_ngcontent-%COMP%]   .collection-detail.depth-2[_ngcontent-%COMP%]{padding-left:60px}.collection[_ngcontent-%COMP%]   .collection-detail.depth-3[_ngcontent-%COMP%]{padding-left:84px}.collection[_ngcontent-%COMP%]   .collection-detail.depth-4[_ngcontent-%COMP%]{padding-left:108px}.collection[_ngcontent-%COMP%]   .collection-detail[_ngcontent-%COMP%]   .folder-button-spacer[_ngcontent-%COMP%]{display:inline-block;width:28px}.tree-node[_ngcontent-%COMP%]{display:block;background:var(--color-component-bg-100);overflow:hidden}.tree-node.cdk-drop-list-dragging[_ngcontent-%COMP%] > .collection[_ngcontent-%COMP%]{border-left-color:var(--color-primary-300)}.drag-placeholder[_ngcontent-%COMP%]{min-height:120px;background-color:var(--color-component-bg-300);transition:transform .25s cubic-bezier(0,0,.2,1)}.cdk-drag-preview[_ngcontent-%COMP%]{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-placeholder[_ngcontent-%COMP%]{opacity:0}.cdk-drag-animating[_ngcontent-%COMP%]{transition:transform .25s cubic-bezier(0,0,.2,1)}.example-list.cdk-drop-list-dragging[_ngcontent-%COMP%]   .tree-node[_ngcontent-%COMP%]:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}.move-to-item[_ngcontent-%COMP%]{display:flex;white-space:normal;align-items:baseline}.move-to-item[_ngcontent-%COMP%]   .move-icon[_ngcontent-%COMP%]{flex:none;margin-right:3px}.move-to-item[_ngcontent-%COMP%]   .path[_ngcontent-%COMP%]{line-height:18px}"],changeDetection:0});class pt{constructor(n){this.collectionTreeService=n,this.expandAll=!1,this.expandedIds=[],this.rearrange=new t.vpe,this.deleteCollection=new t.vpe}ngOnChanges(n){"collections"in n&&this.collections&&(this.collectionTree=pe(this.collections,this.collectionTree,this.expandedIds),this.collectionTreeService.setCollectionTree(this.collectionTree),this.collectionTreeService.resetMoveList())}ngOnInit(){this.collectionTreeService.rearrange$.subscribe(n=>this.rearrange.emit(n)),this.collectionTreeService.delete$.subscribe(n=>this.deleteCollection.emit(n))}}pt.\u0275fac=function(n){return new(n||pt)(t.Y36(j))},pt.\u0275cmp=t.Xpm({type:pt,selectors:[["vdr-collection-tree"]],inputs:{collections:"collections",activeCollectionId:"activeCollectionId",expandAll:"expandAll",expandedIds:"expandedIds"},outputs:{rearrange:"rearrange",deleteCollection:"deleteCollection"},features:[t._Bn([j]),t.TTD],decls:1,vars:1,consts:[["cdkDropListGroup","",3,"expandAll","collectionTree","activeCollectionId",4,"ngIf"],["cdkDropListGroup","",3,"expandAll","collectionTree","activeCollectionId"]],template:function(n,e){1&n&&t.YNc(0,Sn,1,3,"vdr-collection-tree-node",0),2&n&&t.Q6J("ngIf",e.collectionTree)},directives:[C.O5,H,Y.Fd],styles:[""],changeDetection:0});const Qn=function(){return["./create"]};function Yn(i,n){1&i&&(t.TgZ(0,"a",11),t._UZ(1,"clr-icon",12),t._uU(2),t.ALo(3,"translate"),t.qZA()),2&i&&(t.Q6J("routerLink",t.DdM(4,Qn)),t.xp6(2),t.hij(" ",t.lcZ(3,2,"catalog.create-new-collection")," "))}const Gn=function(i){return{count:i}};function En(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"div",13),t._uU(1),t.ALo(2,"async"),t.ALo(3,"translate"),t.qZA(),t.TgZ(4,"button",14),t.NdJ("click",function(){return t.CHM(e),t.oxw().closeContents()}),t._UZ(5,"clr-icon",15),t.qZA()}if(2&i){const e=n.$implicit,o=t.oxw();t.xp6(1),t.AsE(" ",t.lcZ(2,2,o.activeCollectionTitle$)," (",t.xi3(3,4,"common.results-count",t.VKq(7,Gn,e)),") ")}}const jn=function(){return["CreateCatalog","CreateCollection"]};class ut{constructor(n,e,o,a,r,s){this.dataService=n,this.notificationService=e,this.modalService=o,this.router=a,this.route=r,this.serverConfigService=s,this.filterTermControl=new l.NI(""),this.expandAll=!1,this.expandedIds=[],this.destroy$=new Dt.x}ngOnInit(){var n,e;this.queryResult=this.dataService.collection.getCollections(1e3,0).refetchOnChannelChange(),this.items$=this.queryResult.mapStream(o=>o.collections.items).pipe((0,wt.d)(1)),this.activeCollectionId$=this.route.paramMap.pipe((0,v.U)(o=>o.get("contents")),(0,Q.x)()),this.expandedIds=null!==(e=null===(n=this.route.snapshot.queryParamMap.get("expanded"))||void 0===n?void 0:n.split(","))&&void 0!==e?e:[],this.expandAll="all"===this.route.snapshot.queryParamMap.get("expanded"),this.activeCollectionTitle$=(0,O.a)(this.activeCollectionId$,this.items$).pipe((0,v.U)(([o,a])=>{if(o){const r=a.find(s=>s.id===o);return r?r.name:""}return""})),this.availableLanguages$=this.serverConfigService.getAvailableLanguages(),this.contentLanguage$=this.dataService.client.uiState().mapStream(({uiState:o})=>o.contentLanguage).pipe((0,E.b)(()=>this.refresh())),this.filterTermControl.valueChanges.pipe((0,S.b)(250),(0,q.R)(this.destroy$)).subscribe(o=>{this.router.navigate(["./"],{queryParams:{q:o||void 0},queryParamsHandling:"merge",relativeTo:this.route})}),this.route.queryParamMap.pipe((0,v.U)(o=>o.get("q")),(0,Q.x)(),(0,q.R)(this.destroy$)).subscribe(()=>this.refresh()),this.filterTermControl.patchValue(this.route.snapshot.queryParamMap.get("q"))}ngOnDestroy(){this.queryResult.completed$.next(),this.destroy$.next(void 0),this.destroy$.complete()}toggleExpandAll(){this.router.navigate(["./"],{queryParams:{expanded:this.expandAll?"all":void 0},queryParamsHandling:"merge",relativeTo:this.route})}onRearrange(n){this.dataService.collection.moveCollection([n]).subscribe({next:()=>{this.notificationService.success((0,_.J)("common.notify-saved-changes")),this.refresh()},error:e=>{this.notificationService.error((0,_.J)("common.notify-save-changes-error"))}})}deleteCollection(n){this.items$.pipe((0,w.q)(1),(0,v.U)(e=>-1<e.findIndex(o=>o.parent&&o.parent.id===n)),(0,y.w)(e=>this.modalService.dialog({title:(0,_.J)("catalog.confirm-delete-collection"),body:e?(0,_.J)("catalog.confirm-delete-collection-and-children-body"):void 0,buttons:[{type:"secondary",label:(0,_.J)("common.cancel")},{type:"danger",label:(0,_.J)("common.delete"),returnValue:!0}]})),(0,y.w)(e=>e?this.dataService.collection.deleteCollection(n):N.E)).subscribe(()=>{this.notificationService.success((0,_.J)("common.notify-delete-success"),{entity:"Collection"}),this.refresh()},e=>{this.notificationService.error((0,_.J)("common.notify-delete-error"),{entity:"Collection"})})}closeContents(){const n=Object.assign({},this.route.snapshot.params);delete n.contents,this.router.navigate(["./",n],{relativeTo:this.route,queryParamsHandling:"preserve"})}setLanguage(n){this.dataService.client.setContentLanguage(n).subscribe()}refresh(){const n=this.route.snapshot.queryParamMap.get("q");this.queryResult.ref.refetch({options:Object.assign({skip:0,take:1e3},n?{filter:{name:{contains:n}}}:{})})}}ut.\u0275fac=function(n){return new(n||ut)(t.Y36(c.DoR),t.Y36(c.gqp),t.Y36(c.Z7U),t.Y36(Z.F0),t.Y36(Z.gz),t.Y36(c.iHG))},ut.\u0275cmp=t.Xpm({type:ut,selectors:[["vdr-collection-list"]],decls:26,vars:34,consts:[[1,"flex","center","wrap"],[1,"mt2",3,"availableLanguageCodes","currentLanguageCode","languageCodeChange"],[1,"expand-all-toggle","ml3",3,"ngClass"],["type","checkbox","clrCheckbox","",3,"ngModel","ngModelChange","change"],["type","text","name","searchTerm",1,"clr-input","search-input","ml4",3,"formControl","placeholder"],["locationId","collection-list"],["class","btn btn-primary",3,"routerLink",4,"vdrIfPermissions"],[1,"collection-wrapper"],[3,"collections","activeCollectionId","expandAll","expandedIds","rearrange","deleteCollection"],[1,"collection-contents"],[3,"collectionId"],[1,"btn","btn-primary",3,"routerLink"],["shape","plus"],[1,"collection-title"],["type","button",1,"close-button",3,"click"],["shape","close"]],template:function(n,e){if(1&n&&(t.TgZ(0,"vdr-action-bar")(1,"vdr-ab-left")(2,"div",0)(3,"vdr-language-selector",1),t.NdJ("languageCodeChange",function(a){return e.setLanguage(a)}),t.ALo(4,"async"),t.ALo(5,"async"),t.qZA(),t.TgZ(6,"clr-checkbox-wrapper",2),t.ALo(7,"async"),t.TgZ(8,"input",3),t.NdJ("ngModelChange",function(a){return e.expandAll=a})("change",function(){return e.toggleExpandAll()}),t.qZA(),t.TgZ(9,"label"),t._uU(10),t.ALo(11,"translate"),t.qZA()(),t._UZ(12,"input",4),t.ALo(13,"translate"),t.qZA()(),t.TgZ(14,"vdr-ab-right"),t._UZ(15,"vdr-action-bar-items",5),t.YNc(16,Yn,4,5,"a",6),t.qZA()(),t.TgZ(17,"div",7)(18,"vdr-collection-tree",8),t.NdJ("rearrange",function(a){return e.onRearrange(a)})("deleteCollection",function(a){return e.deleteCollection(a)}),t.ALo(19,"async"),t.ALo(20,"async"),t.qZA(),t.TgZ(21,"div",9),t.ALo(22,"async"),t.TgZ(23,"vdr-collection-contents",10),t.ALo(24,"async"),t.YNc(25,En,6,9,"ng-template"),t.qZA()()()),2&n){let o;t.xp6(3),t.Q6J("availableLanguageCodes",t.lcZ(4,15,e.availableLanguages$))("currentLanguageCode",t.lcZ(5,17,e.contentLanguage$)),t.xp6(3),t.Q6J("ngClass",1===(null==(o=t.lcZ(7,19,e.availableLanguages$))?null:o.length)?"mt3":"mt1"),t.xp6(2),t.Q6J("ngModel",e.expandAll),t.xp6(2),t.Oqu(t.lcZ(11,21,"catalog.expand-all-collections")),t.xp6(2),t.Q6J("formControl",e.filterTermControl)("placeholder",t.lcZ(13,23,"catalog.filter-by-name")),t.xp6(4),t.Q6J("vdrIfPermissions",t.DdM(33,jn)),t.xp6(2),t.Q6J("collections",t.lcZ(19,25,e.items$))("activeCollectionId",t.lcZ(20,27,e.activeCollectionId$))("expandAll",e.expandAll)("expandedIds",e.expandedIds),t.xp6(3),t.ekj("expanded",t.lcZ(22,29,e.activeCollectionId$)),t.xp6(2),t.Q6J("collectionId",t.lcZ(24,31,e.activeCollectionId$))}},directives:[T.Kk,T.BN,it.S,h.PEh,C.mk,k.y,l.Wl,h.KKC,l.JJ,l.On,h.MgK,l.Fj,l.oH,T.mz,K.W,V.H,Z.yS,h.qvL,pt,X],pipes:[C.Ov,I.X$],styles:["[_nghost-%COMP%]{height:100%;display:flex;flex-direction:column}.expand-all-toggle[_ngcontent-%COMP%]{display:block}.collection-wrapper[_ngcontent-%COMP%]{display:flex;height:calc(100% - 50px)}.collection-wrapper[_ngcontent-%COMP%]   vdr-collection-tree[_ngcontent-%COMP%]{flex:1;height:100%;overflow:auto}.collection-wrapper[_ngcontent-%COMP%]   .collection-contents[_ngcontent-%COMP%]{height:100%;width:0;opacity:0;visibility:hidden;overflow:auto;transition:width .3s,opacity .2s .3s,visibility 0s .3s}.collection-wrapper[_ngcontent-%COMP%]   .collection-contents.expanded[_ngcontent-%COMP%]{width:30vw;visibility:visible;opacity:1;padding-left:12px}.collection-wrapper[_ngcontent-%COMP%]   .collection-contents[_ngcontent-%COMP%]   .close-button[_ngcontent-%COMP%]{margin:0;background:none;border:none;cursor:pointer}.paging-controls[_ngcontent-%COMP%]{padding-top:6px;border-top:1px solid var(--color-component-border-100);display:flex;justify-content:space-between}"],changeDetection:0});var J=u(234),$=u(1640),Hn=u(73);function Bn(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"button",6),t.NdJ("click",function(){return t.CHM(e),t.oxw().create()}),t._uU(1),t.ALo(2,"translate"),t.qZA()}if(2&i){const e=t.oxw();t.Q6J("disabled",e.detailForm.invalid||e.detailForm.pristine),t.xp6(1),t.hij(" ",t.lcZ(2,2,"common.create")," ")}}function Rn(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"button",6),t.NdJ("click",function(){return t.CHM(e),t.oxw(2).save()}),t._uU(1),t.ALo(2,"translate"),t.qZA()}if(2&i){const e=t.oxw(2);t.Q6J("disabled",e.detailForm.invalid||e.detailForm.pristine),t.xp6(1),t.hij(" ",t.lcZ(2,2,"common.update")," ")}}function zn(i,n){if(1&i&&t.YNc(0,Rn,3,4,"button",7),2&i){const e=t.oxw();t.Q6J("vdrIfPermissions",e.updatePermission)}}function Kn(i,n){1&i&&(t.ynx(0),t._uU(1),t.ALo(2,"translate"),t.BQk()),2&i&&(t.xp6(1),t.Oqu(t.lcZ(2,1,"catalog.public")))}function Wn(i,n){1&i&&(t._uU(0),t.ALo(1,"translate")),2&i&&t.Oqu(t.lcZ(1,1,"catalog.private"))}const Xn=function(){return["facet","customFields"]};function to(i,n){if(1&i&&(t.TgZ(0,"section",22)(1,"label"),t._uU(2),t.ALo(3,"translate"),t.qZA(),t._UZ(4,"vdr-tabbed-custom-fields",23),t.ALo(5,"hasPermission"),t.qZA()),2&i){const e=t.oxw(2);t.xp6(2),t.Oqu(t.lcZ(3,4,"common.custom-fields")),t.xp6(2),t.Q6J("customFields",e.customFields)("customFieldsFormGroup",e.detailForm.get(t.DdM(8,Xn)))("readonly",!t.lcZ(5,6,e.updatePermission))}}function eo(i,n){1&i&&(t.ynx(0),t.TgZ(1,"th"),t._uU(2),t.ALo(3,"translate"),t.qZA(),t.BQk()),2&i&&(t.xp6(2),t.Oqu(t.lcZ(3,1,"common.custom-fields")))}const no=function(i){return["values",i,"customFields"]};function oo(i,n){if(1&i&&(t.TgZ(0,"td",40),t._UZ(1,"vdr-tabbed-custom-fields",41),t.ALo(2,"hasPermission"),t.qZA()),2&i){const e=t.oxw().index,o=t.oxw(4);t.xp6(1),t.Q6J("customFields",o.customValueFields)("compact",!0)("customFieldsFormGroup",o.detailForm.get(t.VKq(6,no,e)))("readonly",!t.lcZ(2,4,o.updatePermission))}}function io(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"tr",30)(1,"td",31),t._UZ(2,"vdr-entity-info",0),t.qZA(),t.TgZ(3,"td",31)(4,"input",32),t.NdJ("input",function(a){const s=t.CHM(e).index,d=t.oxw(3).ngIf;return t.oxw().updateValueCode(null==d.values[s]?null:d.values[s].code,a.target.value,s)}),t.ALo(5,"hasPermission"),t.qZA()(),t.TgZ(6,"td",31),t._UZ(7,"input",33),t.qZA(),t.YNc(8,oo,3,8,"td",34),t.TgZ(9,"td",31)(10,"vdr-dropdown")(11,"button",35),t._uU(12),t.ALo(13,"translate"),t._UZ(14,"clr-icon",36),t.qZA(),t.TgZ(15,"vdr-dropdown-menu",37)(16,"button",38),t.NdJ("click",function(){const r=t.CHM(e).index,s=t.oxw(3).ngIf;return t.oxw().deleteFacetValue(null==s.values[r]?null:s.values[r].id,r)}),t.ALo(17,"hasPermission"),t._UZ(18,"clr-icon",39),t._uU(19),t.ALo(20,"translate"),t.qZA()()()()()}if(2&i){const e=n.$implicit,o=n.index,a=t.oxw(4);t.Q6J("formGroupName",o),t.xp6(2),t.Q6J("entity",e),t.xp6(2),t.Q6J("readonly",!t.lcZ(5,7,a.updatePermission)),t.xp6(4),t.Q6J("ngIf",a.customValueFields.length),t.xp6(4),t.hij(" ",t.lcZ(13,9,"common.actions")," "),t.xp6(4),t.Q6J("disabled",!t.lcZ(17,11,a.updatePermission)),t.xp6(3),t.hij(" ",t.lcZ(20,13,"common.delete")," ")}}function ao(i,n){if(1&i&&(t.TgZ(0,"table",27)(1,"thead")(2,"tr"),t._UZ(3,"th"),t.TgZ(4,"th"),t._uU(5),t.ALo(6,"translate"),t.qZA(),t.TgZ(7,"th"),t._uU(8),t.ALo(9,"translate"),t.qZA(),t.YNc(10,eo,4,3,"ng-container",28),t._UZ(11,"th"),t.qZA()(),t.TgZ(12,"tbody"),t.YNc(13,io,21,15,"tr",29),t.qZA()()),2&i){const e=t.oxw(3);t.xp6(5),t.Oqu(t.lcZ(6,4,"common.name")),t.xp6(3),t.Oqu(t.lcZ(9,6,"common.code")),t.xp6(2),t.Q6J("ngIf",e.customValueFields.length),t.xp6(3),t.Q6J("ngForOf",e.values)}}function ro(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"button",42),t.NdJ("click",function(){return t.CHM(e),t.oxw(3).addFacetValue()}),t._UZ(1,"clr-icon",43),t._uU(2),t.ALo(3,"translate"),t.qZA()}2&i&&(t.xp6(2),t.hij(" ",t.lcZ(3,1,"catalog.add-facet-value")," "))}const so=function(){return["CreateCatalog","CreateFacet"]};function co(i,n){if(1&i&&(t.TgZ(0,"section",24)(1,"label"),t._uU(2),t.ALo(3,"translate"),t.qZA(),t.YNc(4,ao,14,8,"table",25),t.TgZ(5,"div"),t.YNc(6,ro,4,3,"button",26),t.qZA()()),2&i){const e=t.oxw(2);t.xp6(2),t.Oqu(t.lcZ(3,3,"catalog.facet-values")),t.xp6(2),t.Q6J("ngIf",0<e.getValuesFormArray().length),t.xp6(2),t.Q6J("vdrIfPermissions",t.DdM(5,so))}}function lo(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"form",8)(1,"section",9)(2,"vdr-form-field",10),t.ALo(3,"translate"),t.TgZ(4,"clr-toggle-wrapper"),t._UZ(5,"input",11),t.ALo(6,"hasPermission"),t.TgZ(7,"label",12),t.YNc(8,Kn,3,3,"ng-container",13),t.YNc(9,Wn,2,3,"ng-template",null,14,t.W1O),t.qZA()()(),t.TgZ(11,"vdr-form-field",15),t.ALo(12,"translate"),t.TgZ(13,"input",16),t.NdJ("input",function(a){const s=t.CHM(e).ngIf;return t.oxw().updateCode(s.code,a.target.value)}),t.ALo(14,"hasPermission"),t.qZA()(),t.TgZ(15,"vdr-form-field",17),t.ALo(16,"translate"),t.ALo(17,"hasPermission"),t._UZ(18,"input",18),t.ALo(19,"hasPermission"),t.qZA(),t.YNc(20,to,6,9,"section",19),t._UZ(21,"vdr-custom-detail-component-host",20),t.qZA(),t.YNc(22,co,7,6,"section",21),t.ALo(23,"async"),t.qZA()}if(2&i){const e=t.MAs(10),o=t.oxw();t.Q6J("formGroup",o.detailForm),t.xp6(2),t.Q6J("label",t.lcZ(3,14,"catalog.visibility")),t.xp6(3),t.Q6J("vdrDisabled",!t.lcZ(6,16,o.updatePermission)),t.xp6(3),t.Q6J("ngIf",o.detailForm.value.facet.visible)("ngIfElse",e),t.xp6(3),t.Q6J("label",t.lcZ(12,18,"common.name")),t.xp6(2),t.Q6J("readonly",!t.lcZ(14,20,o.updatePermission)),t.xp6(2),t.Q6J("label",t.lcZ(16,22,"common.code"))("readOnlyToggle",t.lcZ(17,24,o.updatePermission)),t.xp6(3),t.Q6J("readonly",!t.lcZ(19,26,o.updatePermission)),t.xp6(2),t.Q6J("ngIf",o.customFields.length),t.xp6(1),t.Q6J("entity$",o.entity$)("detailForm",o.detailForm),t.xp6(1),t.Q6J("ngIf",!t.lcZ(23,28,o.isNew$))}}class mt extends c.UT_{constructor(n,e,o,a,r,s,d,p){super(e,n,o,r),this.changeDetector=a,this.dataService=r,this.formBuilder=s,this.notificationService=d,this.modalService=p,this.updatePermission=[c.y3$.UpdateCatalog,c.y3$.UpdateFacet],this.customFields=this.getCustomFieldConfig("Facet"),this.customValueFields=this.getCustomFieldConfig("FacetValue"),this.detailForm=this.formBuilder.group({facet:this.formBuilder.group({code:["",l.kI.required],name:"",visible:!0,customFields:this.formBuilder.group(this.customFields.reduce((f,m)=>Object.assign(Object.assign({},f),{[m.name]:""}),{}))}),values:this.formBuilder.array([])})}ngOnInit(){this.init()}ngOnDestroy(){this.destroy()}updateCode(n,e){if(!n){const o=this.detailForm.get(["facet","code"]);o&&o.pristine&&o.setValue((0,W.U)(e,"-"))}}updateValueCode(n,e,o){if(!n){const a=this.detailForm.get(["values",o,"code"]);a&&a.pristine&&a.setValue((0,W.U)(e,"-"))}}customValueFieldIsSet(n,e){return!!this.detailForm.get(["values",n,"customFields",e])}getValuesFormArray(){return this.detailForm.get("values")}addFacetValue(){const n=this.detailForm.get("values");if(n){const e=this.formBuilder.group({id:"",name:["",l.kI.required],code:""}),o={name:"",code:""};if(this.customValueFields.length){const a=new l.cw({});o.customFields={};for(const r of this.customValueFields){const s=r.name;a.addControl(s,new l.NI)}e.addControl("customFields",a)}n.insert(n.length,e),this.values.push(o)}}create(){const n=this.detailForm.get("facet");!n||!n.dirty||(0,O.a)(this.entity$,this.languageCode$).pipe((0,w.q)(1),(0,P.z)(([e,o])=>{const a=this.getUpdatedFacet(e,n,o);return this.dataService.facet.createFacet(a)}),(0,y.w)(e=>this.dataService.facet.getAllFacets().single$.pipe((0,Hn.h)(e)))).subscribe(e=>{this.notificationService.success((0,_.J)("common.notify-create-success"),{entity:"Facet"}),this.detailForm.markAsPristine(),this.changeDetector.markForCheck(),this.router.navigate(["../",e.createFacet.id],{relativeTo:this.route})},e=>{this.notificationService.error((0,_.J)("common.notify-create-error"),{entity:"Facet"})})}save(){(0,O.a)(this.entity$,this.languageCode$).pipe((0,w.q)(1),(0,P.z)(([n,e])=>{const o=this.detailForm.get("facet"),a=[];if(o&&o.dirty){const s=this.getUpdatedFacet(n,o,e);s&&a.push(this.dataService.facet.updateFacet(s))}const r=this.detailForm.get("values");if(r&&r.dirty){const s=this.getCreatedFacetValues(n,r,e);s.length&&a.push(this.dataService.facet.createFacetValues(s).pipe((0,y.w)(()=>this.dataService.facet.getFacet(this.id).single$)));const d=this.getUpdatedFacetValues(n,r,e);d.length&&a.push(this.dataService.facet.updateFacetValues(d))}return(0,$.D)(a)}),(0,y.w)(()=>this.dataService.facet.getAllFacets().single$)).subscribe(()=>{this.detailForm.markAsPristine(),this.changeDetector.markForCheck(),this.notificationService.success((0,_.J)("common.notify-update-success"),{entity:"Facet"})},n=>{this.notificationService.error((0,_.J)("common.notify-update-error"),{entity:"Facet"})})}deleteFacetValue(n,e){if(!n){const o=this.detailForm.get("values");return o&&o.removeAt(e),void this.values.splice(e,1)}this.showModalAndDelete(n).pipe((0,y.w)(o=>o.result===c.PcR.DELETED?[!0]:this.showModalAndDelete(n,o.message||"").pipe((0,v.U)(a=>a.result===c.PcR.DELETED))),(0,y.w)(o=>o?this.dataService.facet.getFacet(this.id).single$:[])).subscribe(()=>{this.notificationService.success((0,_.J)("common.notify-delete-success"),{entity:"FacetValue"})},o=>{this.notificationService.error((0,_.J)("common.notify-delete-error"),{entity:"FacetValue"})})}showModalAndDelete(n,e){return this.modalService.dialog({title:(0,_.J)("catalog.confirm-delete-facet-value"),body:e,buttons:[{type:"secondary",label:(0,_.J)("common.cancel")},{type:"danger",label:(0,_.J)("common.delete"),returnValue:!0}]}).pipe((0,y.w)(o=>o?this.dataService.facet.deleteFacetValues([n],!!e):N.E),(0,v.U)(o=>o.deleteFacetValues[0]))}setFormValues(n,e){var o;const a=(0,c.ZIM)(n,e);if(this.detailForm.patchValue({facet:{code:n.code,visible:!n.isPrivate,name:null!==(o=null==a?void 0:a.name)&&void 0!==o?o:""}}),this.customFields.length){this.detailForm.get(["facet","customFields"]);this.setCustomFieldFormValues(this.customFields,this.detailForm.get(["facet","customFields"]),n,a)}const r=this.detailForm.get("values");this.values=[...n.values],n.values.forEach((s,d)=>{var p,f,m,g,x;const b=(0,c.ZIM)(s,e),A={id:s.id,code:s.code,name:b?b.name:""},F=r.at(d);if(F?(null===(p=F.get("id"))||void 0===p||p.setValue(A.id),null===(f=F.get("code"))||void 0===f||f.setValue(A.code),null===(m=F.get("name"))||void 0===m||m.setValue(A.name)):r.insert(d,this.formBuilder.group(A)),this.customValueFields.length){let L=this.detailForm.get(["values",d,"customFields"]);if(L||(L=new l.cw({}),this.detailForm.get(["values",d]).addControl("customFields",L)),L)for(const Lt of this.customValueFields){const Ut=Lt.name,Mt="localeString"===Lt.type?null===(x=null===(g=b)||void 0===g?void 0:g.customFields)||void 0===x?void 0:x[Ut]:s.customFields[Ut],Qt=L.get(Ut);Qt?Qt.setValue(Mt):L.addControl(Ut,new l.NI(Mt))}}})}getUpdatedFacet(n,e,o){const a=(0,c.iSy)({translatable:n,updatedFields:e.value,customFieldConfig:this.customFields,languageCode:o,defaultTranslation:{languageCode:o,name:n.name||""}});return a.isPrivate=!e.value.visible,a}getCreatedFacetValues(n,e,o){return e.controls.filter(a=>!a.value.id).map(a=>a.value).map(a=>(0,c.iSy)({translatable:Object.assign(Object.assign({},a),{translations:[]}),updatedFields:a,customFieldConfig:this.customValueFields,languageCode:o,defaultTranslation:{languageCode:o,name:""}})).map(a=>Object.assign({facetId:n.id},a))}getUpdatedFacetValues(n,e,o){const a=n.values.filter((s,d)=>{const p=e.get(d.toString());return p&&p.dirty&&p.value.id}),r=e.controls.filter(s=>s.dirty&&s.value.id).map(s=>s.value);if(a.length!==r.length)throw new Error((0,_.J)("error.facet-value-form-values-do-not-match"));return a.map((s,d)=>(0,c.iSy)({translatable:s,updatedFields:r[d],customFieldConfig:this.customValueFields,languageCode:o,defaultTranslation:{languageCode:o,name:""}})).filter(J.notNullOrUndefined)}}mt.\u0275fac=function(n){return new(n||mt)(t.Y36(Z.F0),t.Y36(Z.gz),t.Y36(c.iHG),t.Y36(t.sBO),t.Y36(c.DoR),t.Y36(l.qu),t.Y36(c.gqp),t.Y36(c.Z7U))},mt.\u0275cmp=t.Xpm({type:mt,selectors:[["vdr-facet-detail"]],features:[t.qOj],decls:16,vars:19,consts:[[3,"entity"],[3,"disabled","availableLanguageCodes","currentLanguageCode","languageCodeChange"],["locationId","facet-detail"],["class","btn btn-primary",3,"disabled","click",4,"ngIf","ngIfElse"],["updateButton",""],["class","form",3,"formGroup",4,"ngIf"],[1,"btn","btn-primary",3,"disabled","click"],["class","btn btn-primary",3,"disabled","click",4,"vdrIfPermissions"],[1,"form",3,"formGroup"],["formGroupName","facet",1,"form-block"],["for","visibility",3,"label"],["type","checkbox","clrToggle","","formControlName","visible","id","visibility",3,"vdrDisabled"],[1,"visible-toggle"],[4,"ngIf","ngIfElse"],["private",""],["for","name",3,"label"],["id","name","type","text","formControlName","name",3,"readonly","input"],["for","code",3,"label","readOnlyToggle"],["id","code","type","text","formControlName","code",3,"readonly"],["formGroupName","customFields",4,"ngIf"],["locationId","facet-detail",3,"entity$","detailForm"],["class","form-block",4,"ngIf"],["formGroupName","customFields"],["entityName","Facet",3,"customFields","customFieldsFormGroup","readonly"],[1,"form-block"],["class","facet-values-list table","formArrayName","values",4,"ngIf"],["type","button","class","btn btn-secondary",3,"click",4,"vdrIfPermissions"],["formArrayName","values",1,"facet-values-list","table"],[4,"ngIf"],["class","facet-value",3,"formGroupName",4,"ngFor","ngForOf"],[1,"facet-value",3,"formGroupName"],[1,"align-middle"],["type","text","formControlName","name",3,"readonly","input"],["type","text","formControlName","code","readonly",""],["class","",4,"ngIf"],["type","button","vdrDropdownTrigger","",1,"btn","btn-link","btn-sm"],["shape","caret down"],["vdrPosition","bottom-right"],["type","button","vdrDropdownItem","",1,"delete-button",3,"disabled","click"],["shape","trash",1,"is-danger"],[1,""],["entityName","FacetValue",3,"customFields","compact","customFieldsFormGroup","readonly"],["type","button",1,"btn","btn-secondary",3,"click"],["shape","add"]],template:function(n,e){if(1&n&&(t.TgZ(0,"vdr-action-bar")(1,"vdr-ab-left"),t._UZ(2,"vdr-entity-info",0),t.ALo(3,"async"),t.TgZ(4,"vdr-language-selector",1),t.NdJ("languageCodeChange",function(a){return e.setLanguage(a)}),t.ALo(5,"async"),t.ALo(6,"async"),t.ALo(7,"async"),t.qZA()(),t.TgZ(8,"vdr-ab-right"),t._UZ(9,"vdr-action-bar-items",2),t.YNc(10,Bn,3,4,"button",3),t.ALo(11,"async"),t.YNc(12,zn,1,1,"ng-template",null,4,t.W1O),t.qZA()(),t.YNc(14,lo,24,30,"form",5),t.ALo(15,"async")),2&n){const o=t.MAs(13);t.xp6(2),t.Q6J("entity",t.lcZ(3,7,e.entity$)),t.xp6(2),t.Q6J("disabled",t.lcZ(5,9,e.isNew$))("availableLanguageCodes",t.lcZ(6,11,e.availableLanguages$))("currentLanguageCode",t.lcZ(7,13,e.languageCode$)),t.xp6(6),t.Q6J("ngIf",t.lcZ(11,15,e.isNew$))("ngIfElse",o),t.xp6(4),t.Q6J("ngIf",t.lcZ(15,17,e.entity$))}},directives:[T.Kk,T.BN,kt.V,it.S,T.mz,K.W,C.O5,V.H,l._Y,l.JL,l.sg,l.x0,qt.h,h.PEh,k.y,l.Wl,h.KKC,l.JJ,l.u,Gt.x,h.MgK,l.Fj,$t.y,zt.C,l.CE,C.sg,at.J,rt.U,h.qvL,st.N,ct.H],pipes:[C.Ov,I.X$,D.j],styles:[".visible-toggle[_ngcontent-%COMP%]{margin-top:-3px!important}"],changeDetection:0});var po=u(8165),uo=u(901),te=u(6074);const mo=function(){return["./create"]};function _o(i,n){1&i&&(t.TgZ(0,"a",7),t._UZ(1,"clr-icon",8),t._uU(2),t.ALo(3,"translate"),t.qZA()),2&i&&(t.Q6J("routerLink",t.DdM(4,mo)),t.xp6(2),t.hij(" ",t.lcZ(3,2,"catalog.create-new-facet")," "))}function go(i,n){if(1&i&&t._UZ(0,"vdr-facet-value-chip",21),2&i){const e=n.$implicit;t.Q6J("facetValue",e)("removable",!1)("displayFacetName",!1)}}function ho(i,n){if(1&i&&(t.ynx(0),t._UZ(1,"clr-icon",8),t._uU(2),t.BQk()),2&i){const e=t.oxw(2).item,o=t.oxw();t.xp6(2),t.hij(" ",e.values.length-o.initialLimit," ")}}function fo(i,n){1&i&&t._UZ(0,"clr-icon",24)}function vo(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"button",22),t.NdJ("click",function(){t.CHM(e);const a=t.oxw().item;return t.oxw().toggleDisplayLimit(a)}),t.YNc(1,ho,3,1,"ng-container",12),t.YNc(2,fo,1,0,"ng-template",null,23,t.W1O),t.qZA()}if(2&i){const e=t.MAs(3),o=t.oxw().item,a=t.oxw();t.xp6(1),t.Q6J("ngIf",(a.displayLimit[o.id]||0)<o.values.length)("ngIfElse",e)}}function Co(i,n){1&i&&(t.ynx(0),t._uU(1),t.ALo(2,"translate"),t.BQk()),2&i&&(t.xp6(1),t.Oqu(t.lcZ(2,1,"catalog.public")))}function xo(i,n){1&i&&(t._uU(0),t.ALo(1,"translate")),2&i&&t.Oqu(t.lcZ(1,1,"catalog.private"))}const bo=function(i){return["./",i]},Zo=function(){return["DeleteCatalog","DeleteFacet"]};function Ao(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"td",9),t._uU(1),t.qZA(),t.TgZ(2,"td",9),t._uU(3),t.qZA(),t.TgZ(4,"td",9),t.YNc(5,go,1,3,"vdr-facet-value-chip",10),t.ALo(6,"slice"),t.YNc(7,vo,4,2,"button",11),t.qZA(),t.TgZ(8,"td",9)(9,"vdr-chip"),t.YNc(10,Co,3,3,"ng-container",12),t.YNc(11,xo,2,3,"ng-template",null,13,t.W1O),t.qZA()(),t.TgZ(13,"td",14),t._UZ(14,"vdr-table-row-action",15),t.ALo(15,"translate"),t.qZA(),t.TgZ(16,"td",14)(17,"vdr-dropdown")(18,"button",16),t._uU(19),t.ALo(20,"translate"),t._UZ(21,"clr-icon",17),t.qZA(),t.TgZ(22,"vdr-dropdown-menu",18)(23,"button",19),t.NdJ("click",function(){const r=t.CHM(e).item;return t.oxw().deleteFacet(r.id)}),t.ALo(24,"hasPermission"),t._UZ(25,"clr-icon",20),t._uU(26),t.ALo(27,"translate"),t.qZA()()()()}if(2&i){const e=n.item,o=t.MAs(12),a=t.oxw();t.ekj("private",e.isPrivate),t.xp6(1),t.Oqu(e.code),t.xp6(1),t.ekj("private",e.isPrivate),t.xp6(1),t.Oqu(e.name),t.xp6(1),t.ekj("private",e.isPrivate),t.xp6(1),t.Q6J("ngForOf",t.Dn7(6,23,e.values,0,a.displayLimit[e.id]||3)),t.xp6(2),t.Q6J("ngIf",e.values.length>a.initialLimit),t.xp6(1),t.ekj("private",e.isPrivate),t.xp6(2),t.Q6J("ngIf",!e.isPrivate)("ngIfElse",o),t.xp6(3),t.ekj("private",e.isPrivate),t.xp6(1),t.Q6J("label",t.lcZ(15,27,"common.edit"))("linkTo",t.VKq(35,bo,e.id)),t.xp6(2),t.ekj("private",e.isPrivate),t.xp6(3),t.hij(" ",t.lcZ(20,29,"common.actions")," "),t.xp6(4),t.Q6J("disabled",!t.lcZ(24,31,t.DdM(37,Zo))),t.xp6(3),t.hij(" ",t.lcZ(27,33,"common.delete")," ")}}const To=function(){return["CreateCatalog","CreateFacet"]};class _t extends c.t7C{constructor(n,e,o,a,r,s){super(r,s),this.dataService=n,this.modalService=e,this.notificationService=o,this.serverConfigService=a,this.filterTermControl=new l.NI(""),this.initialLimit=3,this.displayLimit={},super.setQueryFn((...d)=>this.dataService.facet.getFacets(...d).refetchOnChannelChange(),d=>d.facets,(d,p)=>({options:{skip:d,take:p,filter:{name:{contains:this.filterTermControl.value}},sort:{createdAt:po.As.DESC}}}))}ngOnInit(){super.ngOnInit(),this.availableLanguages$=this.serverConfigService.getAvailableLanguages(),this.contentLanguage$=this.dataService.client.uiState().mapStream(({uiState:n})=>n.contentLanguage).pipe((0,E.b)(()=>this.refresh())),this.filterTermControl.valueChanges.pipe((0,Nt.h)(n=>2<=n.length||0===n.length),(0,S.b)(250),(0,q.R)(this.destroy$)).subscribe(()=>this.refresh())}toggleDisplayLimit(n){this.displayLimit[n.id]===n.values.length?this.displayLimit[n.id]=this.initialLimit:this.displayLimit[n.id]=n.values.length}deleteFacet(n){this.showModalAndDelete(n).pipe((0,y.w)(e=>e.result===c.PcR.DELETED?[!0]:this.showModalAndDelete(n,e.message||"").pipe((0,v.U)(o=>o.result===c.PcR.DELETED))),(0,y.w)(()=>this.dataService.facet.getAllFacets().single$)).subscribe(()=>{this.notificationService.success((0,_.J)("common.notify-delete-success"),{entity:"FacetValue"}),this.refresh()},e=>{this.notificationService.error((0,_.J)("common.notify-delete-error"),{entity:"FacetValue"})})}setLanguage(n){this.dataService.client.setContentLanguage(n).subscribe()}showModalAndDelete(n,e){return this.modalService.dialog({title:(0,_.J)("catalog.confirm-delete-facet"),body:e,buttons:[{type:"secondary",label:(0,_.J)("common.cancel")},{type:"danger",label:(0,_.J)("common.delete"),returnValue:!0}]}).pipe((0,y.w)(o=>o?this.dataService.facet.deleteFacet(n,!!e):N.E),(0,v.U)(o=>o.deleteFacet))}}_t.\u0275fac=function(n){return new(n||_t)(t.Y36(c.DoR),t.Y36(c.Z7U),t.Y36(c.gqp),t.Y36(c.iHG),t.Y36(Z.F0),t.Y36(Z.gz))},_t.\u0275cmp=t.Xpm({type:_t,selectors:[["vdr-facet-list"]],features:[t.qOj],decls:31,vars:37,consts:[[1,"flex","center","wrap"],[3,"availableLanguageCodes","currentLanguageCode","languageCodeChange"],["type","text","name","searchTerm",1,"clr-input","search-input","ml4",3,"formControl","placeholder"],["locationId","facet-list"],["class","btn btn-primary",3,"routerLink",4,"vdrIfPermissions"],[3,"items","itemsPerPage","totalItems","currentPage","pageChange","itemsPerPageChange"],[3,"expand"],[1,"btn","btn-primary",3,"routerLink"],["shape","plus"],[1,"left","align-middle"],[3,"facetValue","removable","displayFacetName",4,"ngFor","ngForOf"],["class","btn btn-sm btn-secondary btn-icon",3,"click",4,"ngIf"],[4,"ngIf","ngIfElse"],["private",""],[1,"right","align-middle"],["iconShape","edit",3,"label","linkTo"],["type","button","vdrDropdownTrigger","",1,"btn","btn-link","btn-sm"],["shape","caret down"],["vdrPosition","bottom-right"],["type","button","vdrDropdownItem","",1,"delete-button",3,"disabled","click"],["shape","trash",1,"is-danger"],[3,"facetValue","removable","displayFacetName"],[1,"btn","btn-sm","btn-secondary","btn-icon",3,"click"],["collapse",""],["shape","minus"]],template:function(n,e){1&n&&(t.TgZ(0,"vdr-action-bar")(1,"vdr-ab-left")(2,"div",0)(3,"vdr-language-selector",1),t.NdJ("languageCodeChange",function(a){return e.setLanguage(a)}),t.ALo(4,"async"),t.ALo(5,"async"),t.qZA(),t._UZ(6,"input",2),t.ALo(7,"translate"),t.qZA()(),t.TgZ(8,"vdr-ab-right"),t._UZ(9,"vdr-action-bar-items",3),t.YNc(10,_o,4,5,"a",4),t.qZA()(),t.TgZ(11,"vdr-data-table",5),t.NdJ("pageChange",function(a){return e.setPageNumber(a)})("itemsPerPageChange",function(a){return e.setItemsPerPage(a)}),t.ALo(12,"async"),t.ALo(13,"async"),t.ALo(14,"async"),t.ALo(15,"async"),t.TgZ(16,"vdr-dt-column"),t._uU(17),t.ALo(18,"translate"),t.qZA(),t.TgZ(19,"vdr-dt-column"),t._uU(20),t.ALo(21,"translate"),t.qZA(),t.TgZ(22,"vdr-dt-column",6),t._uU(23),t.ALo(24,"translate"),t.qZA(),t.TgZ(25,"vdr-dt-column"),t._uU(26),t.ALo(27,"translate"),t.qZA(),t._UZ(28,"vdr-dt-column")(29,"vdr-dt-column"),t.YNc(30,Ao,28,38,"ng-template"),t.qZA()),2&n&&(t.xp6(3),t.Q6J("availableLanguageCodes",t.lcZ(4,14,e.availableLanguages$))("currentLanguageCode",t.lcZ(5,16,e.contentLanguage$)),t.xp6(3),t.Q6J("formControl",e.filterTermControl)("placeholder",t.lcZ(7,18,"catalog.filter-by-name")),t.xp6(4),t.Q6J("vdrIfPermissions",t.DdM(36,To)),t.xp6(1),t.Q6J("items",t.lcZ(12,20,e.items$))("itemsPerPage",t.lcZ(13,22,e.itemsPerPage$))("totalItems",t.lcZ(14,24,e.totalItems$))("currentPage",t.lcZ(15,26,e.currentPage$)),t.xp6(6),t.Oqu(t.lcZ(18,28,"common.code")),t.xp6(3),t.Oqu(t.lcZ(21,30,"common.name")),t.xp6(2),t.Q6J("expand",!0),t.xp6(1),t.Oqu(t.lcZ(24,32,"catalog.values")),t.xp6(3),t.Oqu(t.lcZ(27,34,"catalog.visibility")))},directives:[T.Kk,T.BN,it.S,k.y,l.Fj,l.JJ,l.oH,T.mz,K.W,V.H,Z.yS,h.qvL,Wt.Q,uo.E,C.sg,te.q,C.O5,Jt.Y,Xt.v,at.J,rt.U,st.N,ct.H],pipes:[C.Ov,I.X$,C.OU,D.j],styles:["td.private[_ngcontent-%COMP%]{background-color:var(--color-component-bg-200)}"]});var ue=u(5454),Po=u(1944),me=u(3945),yo=u(4987),Fo=u(9635);var Io=u(7260),_e=u(538),Et=u(309),Lo=u(7206),jt=u(8318);function Mo(i,n){1&i&&(t._uU(0),t.ALo(1,"translate")),2&i&&t.Oqu(t.lcZ(1,1,"catalog.add-facets"))}function ko(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"button",3),t.NdJ("click",function(){return t.CHM(e),t.oxw().cancel()}),t._uU(1),t.ALo(2,"translate"),t.qZA(),t.TgZ(3,"button",4),t.NdJ("click",function(){return t.CHM(e),t.oxw().selectValues()}),t._uU(4),t.ALo(5,"translate"),t.qZA()}if(2&i){const e=t.oxw();t.xp6(1),t.Oqu(t.lcZ(2,3,"common.cancel")),t.xp6(2),t.Q6J("disabled",0===e.selectedValues.length),t.xp6(1),t.hij(" ",t.lcZ(5,5,"catalog.add-facets")," ")}}class gt{constructor(n){this.changeDetector=n,this.selectedValues=[]}ngAfterViewInit(){setTimeout(()=>this.selector.focus(),0)}selectValues(){this.resolveWith(this.selectedValues)}cancel(){this.resolveWith()}}gt.\u0275fac=function(n){return new(n||gt)(t.Y36(t.sBO))},gt.\u0275cmp=t.Xpm({type:gt,selectors:[["vdr-apply-facet-dialog"]],viewQuery:function(n,e){if(1&n&&t.Gf(c.$MF,5),2&n){let o;t.iGM(o=t.CRH())&&(e.selector=o.first)}},decls:3,vars:1,consts:[["vdrDialogTitle",""],[3,"facets","selectedValuesChange"],["vdrDialogButtons",""],["type","button",1,"btn",3,"click"],["type","submit",1,"btn","btn-primary",3,"disabled","click"]],template:function(n,e){1&n&&(t.YNc(0,Mo,2,3,"ng-template",0),t.TgZ(1,"vdr-facet-value-selector",1),t.NdJ("selectedValuesChange",function(a){return e.selectedValues=a}),t.qZA(),t.YNc(2,ko,6,7,"ng-template",2)),2&n&&(t.xp6(1),t.Q6J("facets",e.facets))},directives:[Et.q,Lo.$,jt.n],pipes:[I.X$],styles:[""],changeDetection:0});var wo=u(4929),Jo=u(7400),Vo=u(5646),ee=u(8766),ne=u(4187);function Uo(i,n){1&i&&(t.ynx(0),t._uU(1),t.ALo(2,"translate"),t.BQk()),2&i&&(t.xp6(1),t.Oqu(t.lcZ(2,1,"catalog.assign-variants-to-channel")))}function Do(i,n){1&i&&(t._uU(0),t.ALo(1,"translate")),2&i&&t.Oqu(t.lcZ(1,1,"catalog.assign-products-to-channel"))}function No(i,n){if(1&i&&(t.YNc(0,Uo,3,3,"ng-container",12),t.YNc(1,Do,2,3,"ng-template",null,13,t.W1O)),2&i){const e=t.MAs(2),o=t.oxw();t.Q6J("ngIf",o.isProductVariantMode)("ngIfElse",e)}}const ge=function(i){return{channel:i}};function qo(i,n){if(1&i&&(t._uU(0),t.ALo(1,"translate")),2&i){const e=t.oxw();t.hij(" ",t.xi3(1,1,"catalog.price-in-channel",t.VKq(4,ge,null==e.selectedChannel?null:e.selectedChannel.code))," ")}}function $o(i,n){1&i&&(t._uU(0),t.ALo(1,"translate")),2&i&&t.hij(" ",t.lcZ(1,1,"catalog.no-channel-selected")," ")}function So(i,n){if(1&i&&(t._uU(0),t.ALo(1,"localeCurrency")),2&i){const e=t.oxw().$implicit,o=t.oxw();t.hij(" ",t.xi3(1,1,e.pricePreview,null==o.selectedChannel?null:o.selectedChannel.currencyCode)," ")}}function Qo(i,n){1&i&&t._uU(0," - ")}function Yo(i,n){if(1&i&&(t.TgZ(0,"tr")(1,"td"),t._uU(2),t.qZA(),t.TgZ(3,"td"),t._uU(4),t.ALo(5,"localeCurrency"),t.qZA(),t.TgZ(6,"td"),t.YNc(7,So,2,4,"ng-template",8),t.YNc(8,Qo,1,0,"ng-template",null,14,t.W1O),t.qZA()()),2&i){const e=n.$implicit,o=t.MAs(9),a=t.oxw();t.xp6(2),t.Oqu(e.name),t.xp6(2),t.Oqu(t.xi3(5,4,e.price,null==a.currentChannel?null:a.currentChannel.currencyCode)),t.xp6(3),t.Q6J("ngIf",a.selectedChannel)("ngIfElse",o)}}const Go=function(i){return{channelCode:i}};function Eo(i,n){if(1&i&&(t._uU(0),t.ALo(1,"translate")),2&i){const e=t.oxw(2);t.hij(" ",t.xi3(1,1,"catalog.assign-to-named-channel",t.VKq(4,Go,null==e.selectedChannel?null:e.selectedChannel.code))," ")}}function jo(i,n){1&i&&(t._uU(0),t.ALo(1,"translate")),2&i&&t.hij(" ",t.lcZ(1,1,"catalog.no-channel-selected")," ")}function Ho(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"button",15),t.NdJ("click",function(){return t.CHM(e),t.oxw().cancel()}),t._uU(1),t.ALo(2,"translate"),t.qZA(),t.TgZ(3,"button",16),t.NdJ("click",function(){return t.CHM(e),t.oxw().assign()}),t.YNc(4,Eo,2,6,"ng-template",8),t.YNc(5,jo,2,3,"ng-template",null,9,t.W1O),t.qZA()}if(2&i){const e=t.MAs(6),o=t.oxw();t.xp6(1),t.Oqu(t.lcZ(2,4,"common.cancel")),t.xp6(2),t.Q6J("disabled",!o.selectedChannel),t.xp6(1),t.Q6J("ngIf",o.selectedChannel)("ngIfElse",e)}}class tt{constructor(n,e){this.dataService=n,this.notificationService=e,this.priceFactorControl=new l.NI(1),this.selectedChannelIdControl=new l.NI}get isProductVariantMode(){return null!=this.productVariantIds}ngOnInit(){const n=this.dataService.client.userStatus().mapSingle(({userStatus:o})=>o.activeChannelId),e=this.dataService.settings.getChannels().mapSingle(o=>o.channels);(0,O.a)(n,e).subscribe(([o,a])=>{this.currentChannel=a.find(r=>r.id===o),this.availableChannels=a}),this.selectedChannelIdControl.valueChanges.subscribe(o=>{this.selectChannel(o)}),this.variantsPreview$=(0,O.a)((0,Jo.D)(this.getTopVariants(10)),this.priceFactorControl.valueChanges.pipe((0,lt.O)(1))).pipe((0,v.U)(([o,a])=>o.map(r=>({id:r.id,name:r.name,price:r.price,pricePreview:r.price*+a}))))}selectChannel(n){this.selectedChannel=this.availableChannels.find(e=>e.id===n[0])}assign(){const n=this.selectedChannel;n&&(this.isProductVariantMode?this.productVariantIds&&this.dataService.product.assignVariantsToChannel({channelId:n.id,productVariantIds:this.productVariantIds,priceFactor:+this.priceFactorControl.value}).subscribe(()=>{this.notificationService.success((0,_.J)("catalog.assign-variant-to-channel-success"),{channel:n.code}),this.resolveWith(!0)}):this.dataService.product.assignProductsToChannel({channelId:n.id,productIds:this.productIds,priceFactor:+this.priceFactorControl.value}).subscribe(()=>{this.notificationService.success((0,_.J)("catalog.assign-product-to-channel-success"),{channel:n.code}),this.resolveWith(!0)}))}cancel(){this.resolveWith()}getTopVariants(n){return(0,wo.mG)(this,void 0,void 0,function*(){const e=[];for(let o=0;o<this.productIds.length&&e.length<n;o++){const a=yield this.dataService.product.getProduct(this.productIds[o],{take:this.isProductVariantMode?void 0:n}).mapSingle(({product:r})=>(r?r.variantList.items:[]).filter(d=>{var p;return!this.isProductVariantMode||(null===(p=this.productVariantIds)||void 0===p?void 0:p.includes(d.id))})).toPromise();e.push(...a||[])}return e.slice(0,n)})}}tt.\u0275fac=function(n){return new(n||tt)(t.Y36(c.DoR),t.Y36(c.gqp))},tt.\u0275cmp=t.Xpm({type:tt,selectors:[["vdr-assign-products-to-channel-dialog"]],decls:36,vars:32,consts:[["vdrDialogTitle",""],[1,"flex"],["clrInput","",3,"multiple","includeDefaultChannel","disableChannelIds","formControl"],[1,"flex-spacer"],["clrInput","","type","number","min","0","max","99999",3,"formControl"],[1,"channel-price-preview"],[1,"clr-control-label"],[1,"table"],[3,"ngIf","ngIfElse"],["noSelection",""],[4,"ngFor","ngForOf"],["vdrDialogButtons",""],[4,"ngIf","ngIfElse"],["productModeTitle",""],["noChannelSelected",""],["type","button",1,"btn",3,"click"],["type","submit",1,"btn","btn-primary",3,"disabled","click"]],template:function(n,e){if(1&n&&(t.YNc(0,No,3,2,"ng-template",0),t.TgZ(1,"div",1)(2,"clr-input-container")(3,"label"),t._uU(4),t.ALo(5,"translate"),t.qZA(),t._UZ(6,"vdr-channel-assignment-control",2),t.qZA(),t._UZ(7,"div",3),t.TgZ(8,"clr-input-container")(9,"label"),t._uU(10),t.ALo(11,"translate"),t.qZA(),t._UZ(12,"input",4),t.qZA()(),t.TgZ(13,"div",5)(14,"label",6),t._uU(15),t.ALo(16,"translate"),t.qZA(),t.TgZ(17,"table",7)(18,"thead")(19,"tr")(20,"th"),t._uU(21),t.ALo(22,"translate"),t.qZA(),t.TgZ(23,"th"),t._uU(24),t.ALo(25,"translate"),t.ALo(26,"translate"),t.ALo(27,"channelCodeToLabel"),t.qZA(),t.TgZ(28,"th"),t.YNc(29,qo,2,6,"ng-template",8),t.YNc(30,$o,2,3,"ng-template",null,9,t.W1O),t.qZA()()(),t.TgZ(32,"tbody"),t.YNc(33,Yo,10,7,"tr",10),t.ALo(34,"async"),t.qZA()()(),t.YNc(35,Ho,7,6,"ng-template",11)),2&n){const o=t.MAs(31);t.xp6(4),t.Oqu(t.lcZ(5,13,"common.channel")),t.xp6(2),t.Q6J("multiple",!1)("includeDefaultChannel",!1)("disableChannelIds",e.currentChannelIds)("formControl",e.selectedChannelIdControl),t.xp6(4),t.Oqu(t.lcZ(11,15,"catalog.price-conversion-factor")),t.xp6(2),t.Q6J("formControl",e.priceFactorControl),t.xp6(3),t.Oqu(t.lcZ(16,17,"catalog.channel-price-preview")),t.xp6(6),t.Oqu(t.lcZ(22,19,"common.name")),t.xp6(3),t.hij(" ",t.xi3(25,21,"catalog.price-in-channel",t.VKq(30,ge,t.lcZ(26,24,t.lcZ(27,26,null==e.currentChannel?null:e.currentChannel.code))))," "),t.xp6(5),t.Q6J("ngIf",e.selectedChannel)("ngIfElse",o),t.xp6(4),t.Q6J("ngForOf",t.lcZ(34,28,e.variantsPreview$))}},directives:[Et.q,C.O5,h.G55,h.MgK,Vo.S,h.xRP,l.JJ,l.oH,k.y,l.qQ,l.Fd,l.wV,l.Fj,C.sg,jt.n],pipes:[I.X$,ee.E,C.Ov,ne.k],styles:["vdr-channel-assignment-control[_ngcontent-%COMP%]{min-width:200px}.channel-price-preview[_ngcontent-%COMP%]{margin-top:24px}.channel-price-preview[_ngcontent-%COMP%]   table.table[_ngcontent-%COMP%]{margin-top:6px}"],changeDetection:0});var Bo=u(3336),Ro=u(2971);function oe(i,n,e){if(!i)return"";const o=i.lastIndexOf(n);if(-1===o)return i;return i.substr(0,o)+i.substr(o).replace(n,e)}class B{constructor(n){this.dataService=n}getFacets(){return this.dataService.facet.getAllFacets().mapSingle(n=>n.facets.items)}getTaxCategories(){return this.dataService.settings.getTaxCategories().mapSingle(n=>n.taxCategories).pipe((0,wt.d)(1))}createProductWithVariants(n,e,o){const a=this.dataService.product.createProduct(n),r=e.groups.filter(d=>0<d.values.length),s=this.createProductOptionGroups(r,o);return(0,$.D)(a,s).pipe((0,P.z)(([{createProduct:d},p])=>(p.length?(0,$.D)(p.map(m=>this.dataService.product.addOptionGroupToProduct({productId:d.id,optionGroupId:m.id}))):(0,M.of)([])).pipe((0,v.U)(()=>({createProduct:d,optionGroups:p})))),(0,P.z)(({createProduct:d,optionGroups:p})=>{const f=e.variants.map(g=>{const x=p.length?g.optionValues.map((b,A)=>{const F=p[A].options.find(L=>L.name===b);if(!F)throw new Error(`Could not find a matching ProductOption "${b}" when creating variant`);return F.id}):[];return Object.assign(Object.assign({},g),{optionIds:x})}),m=p.map(g=>g.options).reduce((g,x)=>[...g,...x],[]);return this.createProductVariants(d,f,m,o)}))}createProductOptionGroups(n,e){return n.length?(0,$.D)(n.map(o=>this.dataService.product.createProductOptionGroups({code:(0,W.U)(o.name,"-"),translations:[{languageCode:e,name:o.name}],options:o.values.map(a=>({code:(0,W.U)(a,"-"),translations:[{languageCode:e,name:a}]}))}).pipe((0,v.U)(a=>a.createProductOptionGroup)))):(0,M.of)([])}createProductVariants(n,e,o,a){const r=e.map(s=>{const d=o.length?`${n.name} ${s.optionIds.map(p=>o.find(f=>f.id===p)).filter(J.notNullOrUndefined).map(p=>p.name).join(" ")}`:n.name;return{productId:n.id,price:s.price,sku:s.sku,stockOnHand:s.stock,translations:[{languageCode:a,name:d}],optionIds:s.optionIds}});return this.dataService.product.createProductVariants(r).pipe((0,v.U)(({createProductVariants:s})=>({createProductVariants:s,productId:n.id})))}updateProduct(n){const{product:e,languageCode:o,autoUpdate:a,productInput:r,variantsInput:s}=n,d=[],p=s||[];return(a?this.dataService.product.getProductVariants({},e.id).mapSingle(({productVariants:m})=>m.items):(0,M.of)([])).pipe((0,P.z)(m=>{var g,x,b,A;if(r){d.push(this.dataService.product.updateProduct(r));const F=null!==(x=null===(g=(0,c.ZIM)(e,o))||void 0===g?void 0:g.name)&&void 0!==x?x:"",L=null===(b=(0,c.ZIM)(r,o))||void 0===b?void 0:b.name;if(L&&F!==L&&a)for(const Lt of m){const Ut=(null===(A=(0,c.ZIM)(Lt,o))||void 0===A?void 0:A.name)||"";let Mt;const Qt=p.find(ae=>ae.id===Lt.id);Qt?Mt=Qt:(Mt={id:Lt.id,translations:[{languageCode:o,name:Ut}]},p.push(Mt));const Yt=(0,c.ZIM)(Mt,o);Yt&&(Yt.name?Yt.name=oe(Yt.name,F,L):Yt.name=[L,...Lt.options.map(ae=>ae.name)].join(" "))}}return p.length&&d.push(this.dataService.product.updateProductVariants(p)),(0,$.D)(d)}))}updateProductOption(n,e,o){return(n.autoUpdate?this.dataService.product.getProductVariants({},e.id).mapSingle(({productVariants:r})=>r.items):(0,M.of)([])).pipe((0,P.z)(r=>{var s,d,p;let f=(0,M.of)([]);if(n.autoUpdate){let m;const g=null===(s=(0,c.ZIM)(n,o))||void 0===s?void 0:s.name;g||(f=(0,M.of)([]));const x=[];for(const b of r)if(b.options.map(A=>A.id).includes(n.id)){m||(m=null===(d=(0,c.ZIM)(b.options.find(F=>F.id===n.id),o))||void 0===d?void 0:d.name);const A=(null===(p=(0,c.ZIM)(b,o))||void 0===p?void 0:p.name)||"";m&&g&&A.includes(m)&&x.push({id:b.id,translations:[{languageCode:o,name:oe(A,m,g)}]})}x.length&&(f=this.dataService.product.updateProductVariants(x))}return this.dataService.product.updateProductOption(n).pipe((0,P.z)(()=>f))}))}deleteProductVariant(n,e){return this.dataService.product.deleteProductVariant(n).pipe((0,y.w)(o=>o.deleteProductVariant.result===c.PcR.DELETED?this.dataService.product.getProduct(e).single$:function zo(i,n){const e=(0,Ro.m)(i)?i:()=>i,o=a=>a.error(e());return new Bo.y(n?a=>n.schedule(o,0,a):o)}(o.deleteProductVariant.message)))}}B.\u0275fac=function(n){return new(n||B)(t.LFG(c.DoR))},B.\u0275prov=t.Yz7({token:B,factory:B.\u0275fac,providedIn:"root"});var he=u(6444),fe=u(4209),Ko=u(2930),ve=u(1185);const Wo=["textArea"];function Xo(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"vdr-chip",6),t.NdJ("iconClick",function(){const r=t.CHM(e).$implicit;return t.oxw(2).removeOption(r)}),t._uU(1),t.qZA()}if(2&i){const e=n.$implicit,o=n.last,a=t.oxw(2);t.ekj("selected",o&&a.lastSelected)("locked",e.locked),t.Q6J("icon",e.locked?"lock":"times")("colorFrom",a.groupName),t.xp6(1),t.hij(" ",e.name," ")}}function ti(i,n){if(1&i&&(t.TgZ(0,"div",4),t.YNc(1,Xo,2,7,"vdr-chip",5),t.qZA()),2&i){const e=t.oxw();t.xp6(1),t.Q6J("ngForOf",e.options)}}const Ce={provide:l.JU,useExisting:(0,t.Gpc)(()=>R),multi:!0};class R{constructor(n){this.changeDetector=n,this.groupName="",this.disabled=!1,this.input="",this.isFocussed=!1,this.lastSelected=!1}registerOnChange(n){this.onChangeFn=n}registerOnTouched(n){this.onTouchFn=n}setDisabledState(n){this.disabled=n,this.changeDetector.markForCheck()}writeValue(n){this.options=n||[]}focus(){this.textArea.nativeElement.focus()}removeOption(n){n.locked||(this.options=this.options.filter(e=>e.name!==n.name),this.onChangeFn(this.options))}handleKey(n){switch(n.key){case",":case"Enter":this.addOptionValue(),n.preventDefault();break;case"Backspace":this.lastSelected?(this.removeLastOption(),this.lastSelected=!1):""===this.input&&(this.lastSelected=!0);break;default:this.lastSelected=!1}}handleBlur(){this.isFocussed=!1,this.addOptionValue()}addOptionValue(){this.options=(0,St.T)([...this.options,...this.parseInputIntoOptions(this.input)]),this.input="",this.onChangeFn(this.options)}parseInputIntoOptions(n){return n.split(/[,\n]/).map(e=>e.trim()).filter(e=>""!==e).map(e=>({name:e,locked:!1}))}removeLastOption(){this.options[this.options.length-1].locked||(this.options=this.options.slice(0,this.options.length-1))}}R.\u0275fac=function(n){return new(n||R)(t.Y36(t.sBO))},R.\u0275cmp=t.Xpm({type:R,selectors:[["vdr-option-value-input"]],viewQuery:function(n,e){if(1&n&&t.Gf(Wo,7),2&n){let o;t.iGM(o=t.CRH())&&(e.textArea=o.first)}},inputs:{groupName:"groupName"},features:[t._Bn([Ce])],decls:4,vars:5,consts:[[1,"input-wrapper",3,"click"],["class","chips",4,"ngIf"],[3,"ngModel","disabled","keyup","focus","blur","ngModelChange"],["textArea",""],[1,"chips"],[3,"icon","selected","locked","colorFrom","iconClick",4,"ngFor","ngForOf"],[3,"icon","colorFrom","iconClick"]],template:function(n,e){if(1&n){const o=t.EpF();t.TgZ(0,"div",0),t.NdJ("click",function(){return t.CHM(o),t.MAs(3).focus()}),t.YNc(1,ti,2,1,"div",1),t.TgZ(2,"textarea",2,3),t.NdJ("keyup",function(r){return e.handleKey(r)})("focus",function(){return e.isFocussed=!0})("blur",function(){return e.handleBlur()})("ngModelChange",function(r){return e.input=r}),t.qZA()()}2&n&&(t.ekj("focus",e.isFocussed),t.xp6(1),t.Q6J("ngIf",0<e.options.length),t.xp6(1),t.Q6J("ngModel",e.input)("disabled",e.disabled))},directives:[C.O5,C.sg,Jt.Y,k.y,l.Fj,l.JJ,l.On],styles:[".input-wrapper[_ngcontent-%COMP%]{background-color:#fff;border-radius:3px!important;border:1px solid var(--color-grey-300)!important;cursor:text}.input-wrapper.focus[_ngcontent-%COMP%]{border-color:var(--color-primary-500)!important;box-shadow:0 0 1px 1px var(--color-primary-100)}.input-wrapper[_ngcontent-%COMP%]   .chips[_ngcontent-%COMP%]{padding:5px}.input-wrapper[_ngcontent-%COMP%]   textarea[_ngcontent-%COMP%]{border:none;width:100%;height:24px;margin-top:3px;padding:0 6px}.input-wrapper[_ngcontent-%COMP%]   textarea[_ngcontent-%COMP%]:focus{outline:none}.input-wrapper[_ngcontent-%COMP%]   textarea[_ngcontent-%COMP%]:disabled{background-color:var(--color-component-bg-100)}vdr-chip[_ngcontent-%COMP%]     .wrapper{margin:0 3px}vdr-chip.locked[_ngcontent-%COMP%]{opacity:.8}vdr-chip.selected[_ngcontent-%COMP%]     .wrapper{border-color:var(--color-warning-500)!important;box-shadow:0 0 1px 1px var(--color-warning-400);opacity:.6}"]});var Ht=u(7283);function ei(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"div",7)(1,"div",8)(2,"label"),t._uU(3),t.ALo(4,"translate"),t.qZA(),t.TgZ(5,"input",9),t.NdJ("ngModelChange",function(a){return t.CHM(e).$implicit.name=a})("keydown.enter",function(a){t.CHM(e);const r=t.MAs(11);return t.oxw().handleEnter(a,r)}),t.qZA()(),t.TgZ(6,"div",10)(7,"label"),t._uU(8),t.ALo(9,"translate"),t.qZA(),t.TgZ(10,"vdr-option-value-input",11,12),t.NdJ("ngModelChange",function(a){return t.CHM(e).$implicit.values=a})("ngModelChange",function(){return t.CHM(e),t.oxw().generateVariants()}),t.qZA()(),t.TgZ(12,"div",13)(13,"button",14),t.NdJ("click",function(){const r=t.CHM(e).$implicit;return t.oxw().removeOption(r.name)}),t.ALo(14,"translate"),t._UZ(15,"clr-icon",15),t.qZA()()()}if(2&i){const e=n.$implicit;t.xp6(3),t.Oqu(t.lcZ(4,7,"catalog.option")),t.xp6(2),t.Q6J("ngModel",e.name),t.xp6(3),t.Oqu(t.lcZ(9,9,"catalog.option-values")),t.xp6(2),t.Q6J("ngModel",e.values)("groupName",e.name)("disabled",""===e.name),t.xp6(3),t.Q6J("title",t.lcZ(14,11,"catalog.remove-option"))}}function ni(i,n){1&i&&(t.TgZ(0,"th"),t._uU(1),t.ALo(2,"translate"),t.qZA()),2&i&&(t.xp6(1),t.Oqu(t.lcZ(2,1,"common.create")))}function oi(i,n){1&i&&(t.TgZ(0,"th"),t._uU(1),t.ALo(2,"translate"),t.qZA()),2&i&&(t.xp6(1),t.Oqu(t.lcZ(2,1,"catalog.variant")))}function ii(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"td")(1,"input",19),t.NdJ("change",function(){return t.CHM(e),t.oxw(2).onFormChange()})("ngModelChange",function(a){t.CHM(e);const r=t.oxw().$implicit;return t.oxw().variantFormValues[r.id].enabled=a}),t.qZA()()}if(2&i){const e=t.oxw().$implicit,o=t.oxw();t.xp6(1),t.Q6J("ngModel",o.variantFormValues[e.id].enabled)}}function ai(i,n){if(1&i&&(t.TgZ(0,"td"),t._uU(1),t.qZA()),2&i){const e=t.oxw().$implicit;t.xp6(1),t.hij(" ",e.values.join(" ")," ")}}function ri(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"tr"),t.YNc(1,ii,2,1,"td",5),t.YNc(2,ai,2,1,"td",5),t.TgZ(3,"td")(4,"clr-input-container")(5,"input",16),t.NdJ("change",function(){return t.CHM(e),t.oxw().onFormChange()})("ngModelChange",function(a){const s=t.CHM(e).$implicit;return t.oxw().variantFormValues[s.id].sku=a}),t.ALo(6,"translate"),t.qZA()()(),t.TgZ(7,"td")(8,"clr-input-container")(9,"vdr-currency-input",17),t.NdJ("ngModelChange",function(a){const s=t.CHM(e).$implicit;return t.oxw().variantFormValues[s.id].price=a})("ngModelChange",function(){return t.CHM(e),t.oxw().onFormChange()}),t.qZA()()(),t.TgZ(10,"td")(11,"clr-input-container")(12,"input",18),t.NdJ("ngModelChange",function(a){const s=t.CHM(e).$implicit;return t.oxw().variantFormValues[s.id].stock=a})("change",function(){return t.CHM(e),t.oxw().onFormChange()}),t.qZA()()()()}if(2&i){const e=n.$implicit,o=t.oxw();t.ekj("disabled",!o.variantFormValues[e.id].enabled),t.xp6(1),t.Q6J("ngIf",1<o.variants.length),t.xp6(1),t.Q6J("ngIf",1<o.variants.length),t.xp6(3),t.Q6J("ngModel",o.variantFormValues[e.id].sku)("placeholder",t.lcZ(6,9,"catalog.sku")),t.xp6(4),t.Q6J("ngModel",o.variantFormValues[e.id].price)("currencyCode",o.currencyCode),t.xp6(3),t.Q6J("ngModel",o.variantFormValues[e.id].stock)}}const ie="__DEFAULT_VARIANT__";class ht{constructor(n){this.dataService=n,this.variantsChange=new t.vpe,this.optionGroups=[],this.variantFormValues={}}ngOnInit(){this.dataService.settings.getActiveChannel().single$.subscribe(n=>{this.currencyCode=n.activeChannel.currencyCode}),this.generateVariants()}addOption(){this.optionGroups.push({name:"",values:[]})}removeOption(n){this.optionGroups=this.optionGroups.filter(e=>e.name!==n),this.generateVariants()}generateVariants(){const e=this.optionGroups.reduce((o,a)=>o+a.values.length,0)?this.optionGroups.map(o=>o.values.map(a=>a.name)):[[ie]];this.variants=(0,J.generateAllCombinations)(e).map(o=>({id:o.join("|"),values:o})),this.variants.forEach(o=>{this.variantFormValues[o.id]||(this.variantFormValues[o.id]={optionValues:o.values,enabled:!0,price:this.copyFromDefault(o.id,"price",0),sku:this.copyFromDefault(o.id,"sku",""),stock:this.copyFromDefault(o.id,"stock",0)})}),this.onFormChange()}trackByFn(n,e){return e.values.join("|")}handleEnter(n,e){n.preventDefault(),n.stopPropagation(),e.focus()}onFormChange(){const n=this.variants.map(e=>this.variantFormValues[e.id]).filter(e=>e.enabled);this.variantsChange.emit({groups:this.optionGroups.map(e=>({name:e.name,values:e.values.map(o=>o.name)})),variants:n})}copyFromDefault(n,e,o){return n!==ie?this.variantFormValues[ie][e]:o}}ht.\u0275fac=function(n){return new(n||ht)(t.Y36(c.DoR))},ht.\u0275cmp=t.Xpm({type:ht,selectors:[["vdr-generate-product-variants"]],outputs:{variantsChange:"variantsChange"},decls:21,vars:17,consts:[["class","option-groups",4,"ngFor","ngForOf"],[1,"btn","btn-primary-outline","btn-sm",3,"click"],["shape","plus"],[1,"variants-preview"],[1,"table"],[4,"ngIf"],[3,"disabled",4,"ngFor","ngForOf","ngForTrackBy"],[1,"option-groups"],[1,"name"],["placeholder","e.g. Size","clrInput","","name","name","required","",3,"ngModel","ngModelChange","keydown.enter"],[1,"values"],[3,"ngModel","groupName","disabled","ngModelChange"],["optionValueInputComponent",""],[1,"remove-group"],[1,"btn","btn-icon","btn-warning-outline",3,"title","click"],["shape","trash"],["clrInput","","type","text",3,"ngModel","placeholder","change","ngModelChange"],["clrInput","",3,"ngModel","currencyCode","ngModelChange"],["clrInput","","type","number","min","0","step","1",3,"ngModel","ngModelChange","change"],["type","checkbox","clrCheckbox","",3,"ngModel","change","ngModelChange"]],template:function(n,e){1&n&&(t.YNc(0,ei,16,13,"div",0),t.TgZ(1,"button",1),t.NdJ("click",function(){return e.addOption()}),t._UZ(2,"clr-icon",2),t._uU(3),t.ALo(4,"translate"),t.qZA(),t.TgZ(5,"div",3)(6,"table",4)(7,"thead")(8,"tr"),t.YNc(9,ni,3,3,"th",5),t.YNc(10,oi,3,3,"th",5),t.TgZ(11,"th"),t._uU(12),t.ALo(13,"translate"),t.qZA(),t.TgZ(14,"th"),t._uU(15),t.ALo(16,"translate"),t.qZA(),t.TgZ(17,"th"),t._uU(18),t.ALo(19,"translate"),t.qZA()()(),t.YNc(20,ri,13,11,"tr",6),t.qZA()()),2&n&&(t.Q6J("ngForOf",e.optionGroups),t.xp6(3),t.hij(" ",t.lcZ(4,9,"catalog.add-option"),"\n"),t.xp6(6),t.Q6J("ngIf",1<e.variants.length),t.xp6(1),t.Q6J("ngIf",1<e.variants.length),t.xp6(2),t.Oqu(t.lcZ(13,11,"catalog.sku")),t.xp6(3),t.Oqu(t.lcZ(16,13,"catalog.price")),t.xp6(3),t.Oqu(t.lcZ(19,15,"catalog.stock-on-hand")),t.xp6(2),t.Q6J("ngForOf",e.variants)("ngForTrackBy",e.trackByFn))},directives:[C.sg,h.MgK,k.y,l.Fj,h.xRP,l.Q7,l.JJ,l.On,R,h.qvL,C.O5,h.q0d,l.Wl,h.KKC,h.G55,Ht.K,l.qQ,l.wV],pipes:[I.X$],styles:["[_nghost-%COMP%]{display:block;margin-bottom:120px}.option-groups[_ngcontent-%COMP%]{display:flex}.values[_ngcontent-%COMP%]{flex:1;margin:0 6px}.remove-group[_ngcontent-%COMP%]{padding-top:18px}.variants-preview[_ngcontent-%COMP%]   tr.disabled[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]{background-color:var(--color-component-bg-100);color:var(--color-grey-400)}"]});var xe=u(5850),si=u(3477);function ci(i,n){if(1&i&&(t.ynx(0),t.TgZ(1,"th"),t._uU(2),t.qZA(),t.BQk()),2&i){const e=n.$implicit;t.xp6(2),t.Oqu(e.name)}}function li(i,n){if(1&i&&(t._UZ(0,"img",18),t.ALo(1,"assetPreview")),2&i){const e=n.ngIf;t.Q6J("src",t.xi3(1,1,e,"tiny"),t.LSH)}}function di(i,n){1&i&&(t.TgZ(0,"div",19),t._UZ(1,"clr-icon",20),t.qZA())}function pi(i,n){if(1&i&&(t.ynx(0),t.TgZ(1,"td",5),t.ALo(2,"stringToColor"),t._uU(3),t.qZA(),t.BQk()),2&i){const e=n.$implicit,o=t.oxw().ngIf,a=t.oxw(2);t.xp6(1),t.Udp("color",t.lcZ(2,5,a.optionGroupName(e.groupId))),t.ekj("disabled",!o.get("enabled").value),t.xp6(2),t.hij(" ",e.name," ")}}function ui(i,n){if(1&i&&(t._UZ(0,"vdr-currency-input",21),t.ALo(1,"hasPermission")),2&i){const e=t.oxw(2).$implicit,o=t.oxw();t.Q6J("currencyCode",e.currencyCode)("readonly",!t.lcZ(1,2,o.updatePermission))}}function mi(i,n){if(1&i&&(t._UZ(0,"vdr-currency-input",22),t.ALo(1,"hasPermission")),2&i){const e=t.oxw(2).$implicit,o=t.oxw();t.Q6J("currencyCode",e.currencyCode)("readonly",!t.lcZ(1,2,o.updatePermission))}}function _i(i,n){if(1&i&&(t.ynx(0,4),t.TgZ(1,"td",5)(2,"div",6)(3,"div",7),t.YNc(4,li,2,4,"img",8),t.YNc(5,di,2,0,"ng-template",null,9,t.W1O),t.qZA()()(),t.TgZ(7,"td",5)(8,"clr-input-container"),t._UZ(9,"input",10),t.ALo(10,"hasPermission"),t.ALo(11,"translate"),t.qZA()(),t.TgZ(12,"td",5)(13,"clr-input-container"),t._UZ(14,"input",11),t.ALo(15,"hasPermission"),t.ALo(16,"translate"),t.qZA()(),t.YNc(17,pi,4,7,"ng-container",1),t.ALo(18,"sort"),t.TgZ(19,"td",12)(20,"clr-input-container"),t.YNc(21,ui,2,4,"vdr-currency-input",13),t.YNc(22,mi,2,4,"vdr-currency-input",14),t.qZA()(),t.TgZ(23,"td",15)(24,"clr-input-container"),t._UZ(25,"input",16),t.ALo(26,"hasPermission"),t.qZA()(),t.TgZ(27,"td",15)(28,"clr-toggle-wrapper"),t._UZ(29,"input",17),t.ALo(30,"hasPermission"),t.qZA()(),t.BQk()),2&i){const e=n.ngIf,o=t.MAs(6),a=t.oxw().$implicit,r=t.oxw();t.Q6J("formGroup",e),t.xp6(1),t.ekj("disabled",!e.get("enabled").value),t.xp6(3),t.Q6J("ngIf",r.getFeaturedAsset(a))("ngIfElse",o),t.xp6(3),t.ekj("disabled",!e.get("enabled").value),t.xp6(2),t.Q6J("readonly",!t.lcZ(10,24,r.updatePermission))("placeholder",t.lcZ(11,26,"common.name")),t.xp6(3),t.ekj("disabled",!e.get("enabled").value),t.xp6(2),t.Q6J("readonly",!t.lcZ(15,28,r.updatePermission))("placeholder",t.lcZ(16,30,"catalog.sku")),t.xp6(3),t.Q6J("ngForOf",t.xi3(18,32,a.options,"groupId")),t.xp6(2),t.ekj("disabled",!e.get("enabled").value),t.xp6(2),t.Q6J("ngIf",!r.channelPriceIncludesTax),t.xp6(1),t.Q6J("ngIf",r.channelPriceIncludesTax),t.xp6(1),t.ekj("disabled",!e.get("enabled").value),t.xp6(2),t.Q6J("readonly",!t.lcZ(26,35,r.updatePermission)),t.xp6(2),t.ekj("disabled",!e.get("enabled").value),t.xp6(2),t.Q6J("vdrDisabled",!t.lcZ(30,37,r.updatePermission))}}function gi(i,n){if(1&i&&(t.TgZ(0,"tr"),t.YNc(1,_i,31,39,"ng-container",3),t.qZA()),2&i){const e=n.$implicit,o=t.oxw();t.xp6(1),t.Q6J("ngIf",o.formGroupMap.get(e.id))}}class ft{constructor(n){this.changeDetector=n,this.formGroupMap=new Map,this.updatePermission=[c.y3$.UpdateCatalog,c.y3$.UpdateProduct]}ngOnInit(){this.subscription=this.formArray.valueChanges.pipe((0,v.U)(n=>n.length),(0,S.b)(1),(0,Q.x)()).subscribe(()=>{this.buildFormGroupMap()}),this.buildFormGroupMap()}ngOnDestroy(){this.subscription&&this.subscription.unsubscribe()}trackByFn(n,e){return null!=e.id?e.id:n}getFeaturedAsset(n){var e;return(null===(e=this.pendingAssetChanges[n.id])||void 0===e?void 0:e.featuredAsset)||n.featuredAsset}optionGroupName(n){const e=this.optionGroups.find(o=>o.id===n);return e&&e.name}buildFormGroupMap(){this.formGroupMap.clear();for(const n of this.formArray.controls)this.formGroupMap.set(n.value.id,n);this.changeDetector.markForCheck()}}function hi(i,n){1&i&&(t._uU(0),t.ALo(1,"translate")),2&i&&t.Oqu(t.lcZ(1,1,"catalog.update-product-option"))}ft.\u0275fac=function(n){return new(n||ft)(t.Y36(t.sBO))},ft.\u0275cmp=t.Xpm({type:ft,selectors:[["vdr-product-variants-table"]],inputs:{formArray:["productVariantsFormArray","formArray"],variants:"variants",paginationConfig:"paginationConfig",channelPriceIncludesTax:"channelPriceIncludesTax",optionGroups:"optionGroups",pendingAssetChanges:"pendingAssetChanges"},decls:24,vars:24,consts:[[1,"table"],[4,"ngFor","ngForOf"],[4,"ngFor","ngForOf","ngForTrackBy"],[3,"formGroup",4,"ngIf"],[3,"formGroup"],[1,"left","align-middle"],[1,"card-img"],[1,"featured-asset"],[3,"src",4,"ngIf","ngIfElse"],["placeholder",""],["clrInput","","type","text","formControlName","name",3,"readonly","placeholder"],["clrInput","","type","text","formControlName","sku",3,"readonly","placeholder"],[1,"left","align-middle","price"],["clrInput","","formControlName","price",3,"currencyCode","readonly",4,"ngIf"],["clrInput","","formControlName","priceWithTax",3,"currencyCode","readonly",4,"ngIf"],[1,"left","align-middle","stock"],["clrInput","","type","number","min","0","step","1","formControlName","stockOnHand",3,"readonly"],["type","checkbox","clrToggle","","name","enabled","formControlName","enabled",3,"vdrDisabled"],[3,"src"],[1,"placeholder"],["shape","image","size","48"],["clrInput","","formControlName","price",3,"currencyCode","readonly"],["clrInput","","formControlName","priceWithTax",3,"currencyCode","readonly"]],template:function(n,e){1&n&&(t.TgZ(0,"table",0)(1,"thead")(2,"tr"),t._UZ(3,"th"),t.TgZ(4,"th"),t._uU(5),t.ALo(6,"translate"),t.qZA(),t.TgZ(7,"th"),t._uU(8),t.ALo(9,"translate"),t.qZA(),t.YNc(10,ci,3,1,"ng-container",1),t.ALo(11,"sort"),t.TgZ(12,"th"),t._uU(13),t.ALo(14,"translate"),t.qZA(),t.TgZ(15,"th"),t._uU(16),t.ALo(17,"translate"),t.qZA(),t.TgZ(18,"th"),t._uU(19),t.ALo(20,"translate"),t.qZA()()(),t.TgZ(21,"tbody"),t.YNc(22,gi,2,1,"tr",2),t.ALo(23,"paginate"),t.qZA()()),2&n&&(t.xp6(5),t.Oqu(t.lcZ(6,8,"common.name")),t.xp6(3),t.Oqu(t.lcZ(9,10,"catalog.sku")),t.xp6(2),t.Q6J("ngForOf",t.xi3(11,12,e.optionGroups,"id")),t.xp6(3),t.Oqu(t.lcZ(14,15,"catalog.price")),t.xp6(3),t.Oqu(t.lcZ(17,17,"catalog.stock-on-hand")),t.xp6(3),t.Oqu(t.lcZ(20,19,"common.enabled")),t.xp6(3),t.Q6J("ngForOf",t.xi3(23,21,e.variants,e.paginationConfig))("ngForTrackBy",e.trackByFn))},directives:[C.sg,h.q0d,C.O5,l.JL,l.sg,h.qvL,h.G55,k.y,l.Fj,h.xRP,l.JJ,l.u,Ht.K,l.qQ,l.wV,h.PEh,l.Wl,h.KKC,Gt.x],pipes:[I.X$,xe.U,Bt._s,Kt.M,D.j,si.s],styles:[".placeholder[_ngcontent-%COMP%]{color:var(--color-grey-300)}.stock[_ngcontent-%COMP%]   input[_ngcontent-%COMP%], .price[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]{max-width:96px}td[_ngcontent-%COMP%]{transition:background-color .2s}td.disabled[_ngcontent-%COMP%]{background-color:var(--color-component-bg-200)}"],changeDetection:0});const fi=function(){return["UpdateCatalog","UpdateProduct"]};function vi(i,n){if(1&i&&(t.TgZ(0,"section")(1,"label"),t._uU(2),t.ALo(3,"translate"),t.qZA(),t._UZ(4,"vdr-tabbed-custom-fields",10),t.ALo(5,"hasPermission"),t.qZA()),2&i){const e=t.oxw();t.xp6(2),t.Oqu(t.lcZ(3,4,"common.custom-fields")),t.xp6(2),t.Q6J("customFields",e.customFields)("customFieldsFormGroup",e.customFieldsForm)("readonly",!t.lcZ(5,6,t.DdM(8,fi)))}}function Ci(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"button",11),t.NdJ("click",function(){return t.CHM(e),t.oxw().cancel()}),t._uU(1),t.ALo(2,"translate"),t.qZA(),t.TgZ(3,"button",12),t.NdJ("click",function(){return t.CHM(e),t.oxw().update()}),t._uU(4),t.ALo(5,"translate"),t.qZA()}if(2&i){const e=t.oxw(),o=t.MAs(4),a=t.MAs(8);t.xp6(1),t.Oqu(t.lcZ(2,3,"common.cancel")),t.xp6(2),t.Q6J("disabled",o.invalid||a.invalid||o.pristine&&a.pristine&&e.customFieldsForm.pristine),t.xp6(1),t.hij(" ",t.lcZ(5,5,"catalog.update-product-option")," ")}}class vt{constructor(){this.updateVariantName=!0,this.codeInputTouched=!1}ngOnInit(){var n;const e=this.productOption.translations.find(o=>o.languageCode===this.activeLanguage);if(this.name=null!==(n=null==e?void 0:e.name)&&void 0!==n?n:"",this.code=this.productOption.code,this.customFieldsForm=new l.cw({}),this.customFields){const o=e&&e.customFields||{};for(const a of this.customFields){const r=a.name,s="localeString"===a.type?o[r]:this.productOption.customFields[r];this.customFieldsForm.addControl(a.name,new l.NI(s))}}}update(){const n=(0,c.iSy)({translatable:this.productOption,languageCode:this.activeLanguage,updatedFields:{code:this.code,name:this.name,customFields:this.customFieldsForm.value},customFieldConfig:this.customFields,defaultTranslation:{languageCode:this.activeLanguage,name:""}});this.resolveWith(Object.assign(Object.assign({},n),{autoUpdate:this.updateVariantName}))}cancel(){this.resolveWith()}updateCode(n){!this.codeInputTouched&&!this.productOption.code&&(this.code=(0,W.U)(n,"-"))}}vt.\u0275fac=function(n){return new(n||vt)},vt.\u0275cmp=t.Xpm({type:vt,selectors:[["vdr-update-product-option-dialog"]],decls:16,vars:13,consts:[["vdrDialogTitle",""],["for","name",3,"label"],["id","name","type","text","required","",3,"ngModel","ngModelChange","input"],["nameInput","ngModel"],["for","code",3,"label"],["id","code","type","text","required","","pattern","[a-z0-9_-]+",3,"ngModel","ngModelChange"],["codeInput","ngModel"],["type","checkbox","clrCheckbox","",3,"ngModel","ngModelChange"],[4,"ngIf"],["vdrDialogButtons",""],["entityName","ProductOption",3,"customFields","customFieldsFormGroup","readonly"],["type","button",1,"btn",3,"click"],["type","submit",1,"btn","btn-primary",3,"disabled","click"]],template:function(n,e){1&n&&(t.YNc(0,hi,2,3,"ng-template",0),t.TgZ(1,"vdr-form-field",1),t.ALo(2,"translate"),t.TgZ(3,"input",2,3),t.NdJ("ngModelChange",function(a){return e.name=a})("input",function(a){return e.updateCode(a.target.value)}),t.qZA()(),t.TgZ(5,"vdr-form-field",4),t.ALo(6,"translate"),t.TgZ(7,"input",5,6),t.NdJ("ngModelChange",function(a){return e.code=a}),t.qZA()(),t.TgZ(9,"clr-checkbox-wrapper")(10,"input",7),t.NdJ("ngModelChange",function(a){return e.updateVariantName=a}),t.qZA(),t.TgZ(11,"label"),t._uU(12),t.ALo(13,"translate"),t.qZA()(),t.YNc(14,vi,6,9,"section",8),t.YNc(15,Ci,6,7,"ng-template",9)),2&n&&(t.xp6(1),t.Q6J("label",t.lcZ(2,7,"catalog.option-name")),t.xp6(2),t.Q6J("ngModel",e.name),t.xp6(2),t.Q6J("label",t.lcZ(6,9,"common.code")),t.xp6(2),t.Q6J("ngModel",e.code),t.xp6(3),t.Q6J("ngModel",e.updateVariantName),t.xp6(2),t.Oqu(t.lcZ(13,11,"catalog.auto-update-option-variant-name")),t.xp6(2),t.Q6J("ngIf",e.customFields.length))},directives:[Et.q,qt.h,k.y,l.Fj,l.Q7,l.JJ,l.On,l.c5,h.PEh,l.Wl,h.KKC,h.MgK,C.O5,$t.y,jt.n],pipes:[I.X$,D.j],styles:[""],changeDetection:0});var xi=u(7861);const bi=function(i){return{rate:i}};function Zi(i,n){if(1&i&&(t.TgZ(0,"div",2),t._uU(1),t.ALo(2,"translate"),t.ALo(3,"async"),t.qZA()),2&i){const e=t.oxw();t.xp6(1),t.hij(" ",t.xi3(2,1,"catalog.price-includes-tax-at",t.VKq(6,bi,t.lcZ(3,4,e.taxRate$))),"\n")}}const Ai=function(i,n){return{price:i,rate:n}};function Ti(i,n){if(1&i&&(t.TgZ(0,"div",2),t._uU(1),t.ALo(2,"translate"),t.ALo(3,"localeCurrency"),t.ALo(4,"async"),t.ALo(5,"async"),t.qZA()),2&i){const e=t.oxw();t.xp6(1),t.hij(" ",t.xi3(2,1,"catalog.price-with-tax-in-default-zone",t.WLB(11,Ai,t.xi3(3,4,t.lcZ(4,7,e.grossPrice$),e.currencyCode),t.lcZ(5,9,e.taxRate$))),"\n")}}class Ct{constructor(n){this.dataService=n,this.priceChange$=new U.X(0),this.taxCategoryIdChange$=new U.X("")}ngOnInit(){const n=this.dataService.settings.getTaxRatesSimple(999,0,"cache-first").mapStream(o=>o.taxRates.items),e=this.dataService.settings.getActiveChannel("cache-first").refetchOnChannelChange().mapStream(o=>o.activeChannel);this.taxRate$=(0,O.a)(e,n,this.taxCategoryIdChange$).pipe((0,v.U)(([o,a,r])=>{const s=o.defaultTaxZone;if(!s)return 0;const d=a.find(p=>p.zone.id===s.id&&p.category.id===r);return d?d.value:0})),this.grossPrice$=(0,O.a)(this.taxRate$,this.priceChange$).pipe((0,v.U)(([o,a])=>Math.round(a*((100+o)/100))))}ngOnChanges(n){"price"in n&&this.priceChange$.next(n.price.currentValue),"taxCategoryId"in n&&this.taxCategoryIdChange$.next(n.taxCategoryId.currentValue)}}Ct.\u0275fac=function(n){return new(n||Ct)(t.Y36(c.DoR))},Ct.\u0275cmp=t.Xpm({type:Ct,selectors:[["vdr-variant-price-detail"]],inputs:{priceIncludesTax:"priceIncludesTax",price:"price",currencyCode:"currencyCode",taxCategoryId:"taxCategoryId"},features:[t.TTD],decls:5,vars:5,consts:[[1,"clr-control-label"],["class","value",4,"ngIf"],[1,"value"]],template:function(n,e){1&n&&(t.TgZ(0,"label",0),t._uU(1),t.ALo(2,"translate"),t.qZA(),t.YNc(3,Zi,4,8,"div",1),t.YNc(4,Ti,6,14,"div",1)),2&n&&(t.xp6(1),t.Oqu(t.lcZ(2,3,"catalog.taxes")),t.xp6(2),t.Q6J("ngIf",e.priceIncludesTax),t.xp6(1),t.Q6J("ngIf",!e.priceIncludesTax))},directives:[h.MgK,C.O5],pipes:[I.X$,C.Ov,ne.k],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column}.value[_ngcontent-%COMP%]{margin-top:3px}"],changeDetection:0});var Pi=u(9435);function yi(i,n){1&i&&(t.TgZ(0,"clr-toggle-wrapper"),t._UZ(1,"input",45),t.TgZ(2,"label"),t._uU(3),t.ALo(4,"translate"),t.qZA()()),2&i&&(t.xp6(3),t.Oqu(t.lcZ(4,1,"common.enabled")))}function Fi(i,n){if(1&i&&(t.TgZ(0,"option",48),t._uU(1),t.qZA()),2&i){const e=n.$implicit;t.Q6J("value",e.id),t.xp6(1),t.hij(" ",e.name," ")}}function Oi(i,n){if(1&i&&(t.TgZ(0,"clr-select-container")(1,"label"),t._uU(2),t.ALo(3,"translate"),t.qZA(),t.TgZ(4,"select",46),t.YNc(5,Fi,2,2,"option",47),t.qZA()()),2&i){const e=t.oxw(3);t.xp6(2),t.Oqu(t.lcZ(3,2,"catalog.tax-category")),t.xp6(3),t.Q6J("ngForOf",e.taxCategories)}}function Ii(i,n){if(1&i&&(t.TgZ(0,"label",29),t._uU(1),t.ALo(2,"translate"),t.qZA(),t.TgZ(3,"div",49),t._uU(4),t.qZA()),2&i){const e=t.oxw().ngIf,o=t.oxw(2);t.xp6(1),t.Oqu(t.lcZ(2,2,"catalog.tax-category")),t.xp6(3),t.hij(" ",o.getTaxCategoryName(e)," ")}}function Li(i,n){if(1&i&&(t._UZ(0,"vdr-currency-input",50),t.ALo(1,"hasPermission")),2&i){const e=t.oxw(2).$implicit,o=t.oxw();t.Q6J("currencyCode",e.currencyCode)("readonly",!t.lcZ(1,2,o.updatePermission))}}function Mi(i,n){if(1&i&&(t._UZ(0,"vdr-currency-input",51),t.ALo(1,"hasPermission")),2&i){const e=t.oxw(2).$implicit,o=t.oxw();t.Q6J("currencyCode",e.currencyCode)("readonly",!t.lcZ(1,2,o.updatePermission))}}function ki(i,n){if(1&i&&(t.TgZ(0,"clr-select-container")(1,"label"),t._uU(2),t.ALo(3,"translate"),t._UZ(4,"vdr-help-tooltip",27),t.ALo(5,"translate"),t.qZA(),t.TgZ(6,"select",52)(7,"option",48),t._uU(8),t.ALo(9,"translate"),t.qZA(),t.TgZ(10,"option",48),t._uU(11),t.ALo(12,"translate"),t.qZA(),t.TgZ(13,"option",48),t._uU(14),t.ALo(15,"translate"),t.qZA()()()),2&i){const e=t.oxw(3);t.xp6(2),t.hij("",t.lcZ(3,8,"catalog.track-inventory")," "),t.xp6(2),t.Q6J("content",t.lcZ(5,10,"catalog.track-inventory-tooltip")),t.xp6(3),t.Q6J("value",e.GlobalFlag.TRUE),t.xp6(1),t.hij(" ",t.lcZ(9,12,"catalog.track-inventory-true")," "),t.xp6(2),t.Q6J("value",e.GlobalFlag.FALSE),t.xp6(1),t.hij(" ",t.lcZ(12,14,"catalog.track-inventory-false")," "),t.xp6(2),t.Q6J("value",e.GlobalFlag.INHERIT),t.xp6(1),t.hij(" ",t.lcZ(15,16,"catalog.track-inventory-inherit")," ")}}function wi(i,n){if(1&i&&(t.TgZ(0,"section",53),t._UZ(1,"vdr-tabbed-custom-fields",54),t.ALo(2,"hasPermission"),t.qZA()),2&i){const e=t.oxw().ngIf,o=t.oxw(2);t.xp6(1),t.Q6J("customFields",o.customFields)("compact",!0)("customFieldsFormGroup",e.get("customFields"))("readonly",!t.lcZ(2,4,o.updatePermission))}}function Ji(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"vdr-chip",58),t.NdJ("iconClick",function(){const r=t.CHM(e).$implicit;return t.oxw(4).editOption(r)}),t.ALo(1,"hasPermission"),t.TgZ(2,"span",59),t._uU(3),t.qZA(),t._uU(4),t.qZA()}if(2&i){const e=n.$implicit,o=t.oxw(4);t.Q6J("colorFrom",o.optionGroupName(e.groupId))("invert",!0)("icon",t.lcZ(1,5,o.updatePermission)&&"pencil"),t.xp6(3),t.Oqu(o.optionGroupName(e.groupId)),t.xp6(1),t.hij(" ",o.optionName(e)," ")}}const Vi=function(){return["./","options"]};function Ui(i,n){if(1&i&&(t.TgZ(0,"div")(1,"div",55),t.YNc(2,Ji,5,7,"vdr-chip",56),t.ALo(3,"sort"),t.TgZ(4,"a",57),t._uU(5),t.ALo(6,"translate"),t.qZA()()()),2&i){const e=t.oxw(2).$implicit;t.xp6(2),t.Q6J("ngForOf",t.xi3(3,3,e.options,"groupId")),t.xp6(2),t.Q6J("routerLink",t.DdM(8,Vi)),t.xp6(1),t.hij("",t.lcZ(6,6,"catalog.edit-options"),"...")}}function Di(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"vdr-facet-value-chip",60),t.NdJ("remove",function(){const r=t.CHM(e).$implicit,s=t.oxw(2).$implicit;return t.oxw().removeFacetValue(s,r.id)}),t.ALo(1,"hasPermission"),t.qZA()}if(2&i){const e=n.$implicit,o=t.oxw(3);t.Q6J("facetValue",e)("removable",t.lcZ(1,2,o.updatePermission))}}function Ni(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"vdr-facet-value-chip",60),t.NdJ("remove",function(){const r=t.CHM(e).$implicit,s=t.oxw(2).$implicit;return t.oxw().removeFacetValue(s,r.id)}),t.ALo(1,"hasPermission"),t.qZA()}if(2&i){const e=n.$implicit,o=t.oxw(3);t.Q6J("facetValue",e)("removable",t.lcZ(1,2,o.updatePermission))}}function qi(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"button",61),t.NdJ("click",function(){t.CHM(e);const a=t.oxw(2).$implicit;return t.oxw().selectFacetValueClick.emit([a.id])}),t._UZ(1,"clr-icon",62),t._uU(2),t.ALo(3,"translate"),t.qZA()}2&i&&(t.xp6(2),t.hij(" ",t.lcZ(3,1,"catalog.add-facets")," "))}function $i(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"vdr-chip",69),t.NdJ("iconClick",function(){t.CHM(e);const a=t.oxw().$implicit,r=t.oxw(4).$implicit;return t.oxw().removeFromChannel.emit({channelId:a.id,variant:r})}),t.ALo(1,"translate"),t._UZ(2,"vdr-channel-badge",70),t._uU(3),t.ALo(4,"channelCodeToLabel"),t.qZA()}if(2&i){const e=t.oxw().$implicit;t.Q6J("title",t.lcZ(1,3,"catalog.remove-from-channel")),t.xp6(2),t.Q6J("channelCode",e.code),t.xp6(1),t.hij(" ",t.lcZ(4,5,e.code)," ")}}function Si(i,n){if(1&i&&(t.ynx(0),t.YNc(1,$i,5,7,"vdr-chip",68),t.BQk()),2&i){const e=n.$implicit,o=t.oxw(5);t.xp6(1),t.Q6J("ngIf",!o.isDefaultChannel(e.code))}}function Qi(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"div",13)(1,"div",64),t.YNc(2,Si,2,1,"ng-container",65),t.TgZ(3,"button",66),t.NdJ("click",function(){t.CHM(e);const a=t.oxw(3).$implicit;return t.oxw().assignToChannel.emit(a)}),t._UZ(4,"clr-icon",67),t._uU(5),t.ALo(6,"translate"),t.qZA()()()}if(2&i){const e=t.oxw(3).$implicit;t.xp6(2),t.Q6J("ngForOf",e.channels),t.xp6(3),t.hij(" ",t.lcZ(6,2,"catalog.assign-to-channel")," ")}}function Yi(i,n){1&i&&(t.ynx(0),t.YNc(1,Qi,7,4,"div",63),t.BQk())}function Gi(i,n){if(1&i){const e=t.EpF();t.ynx(0,4),t.TgZ(1,"div",5)(2,"div",6)(3,"vdr-title-input",7),t.ALo(4,"hasPermission"),t.TgZ(5,"clr-input-container"),t._UZ(6,"input",8),t.ALo(7,"hasPermission"),t.ALo(8,"translate"),t.qZA()(),t.TgZ(9,"vdr-title-input",9),t.ALo(10,"hasPermission"),t.TgZ(11,"clr-input-container"),t._UZ(12,"input",10),t.ALo(13,"hasPermission"),t.ALo(14,"translate"),t.qZA()()(),t.TgZ(15,"div",11),t.YNc(16,yi,5,3,"clr-toggle-wrapper",12),t.qZA()(),t.TgZ(17,"div",13)(18,"div",14)(19,"div",15)(20,"vdr-assets",16),t.NdJ("change",function(a){t.CHM(e);const r=t.oxw().$implicit;return t.oxw().onAssetChange(r.id,a)}),t.qZA()(),t.TgZ(21,"div",17)(22,"div",18)(23,"div",19)(24,"div",20),t.YNc(25,Oi,6,4,"clr-select-container",21),t.YNc(26,Ii,5,4,"ng-template",null,22,t.W1O),t.qZA(),t.TgZ(28,"div",23)(29,"clr-input-container")(30,"label"),t._uU(31),t.ALo(32,"translate"),t.qZA(),t.YNc(33,Li,2,4,"vdr-currency-input",24),t.YNc(34,Mi,2,4,"vdr-currency-input",25),t.qZA()(),t._UZ(35,"vdr-variant-price-detail",26),t.qZA(),t.TgZ(36,"div",19),t.YNc(37,ki,16,18,"clr-select-container",12),t.TgZ(38,"clr-input-container")(39,"label"),t._uU(40),t.ALo(41,"translate"),t._UZ(42,"vdr-help-tooltip",27),t.ALo(43,"translate"),t.qZA(),t._UZ(44,"input",28),t.ALo(45,"hasPermission"),t.qZA(),t.TgZ(46,"div")(47,"label",29),t._uU(48),t.ALo(49,"translate"),t._UZ(50,"vdr-help-tooltip",27),t.ALo(51,"translate"),t.qZA(),t.TgZ(52,"div",30),t._uU(53),t.qZA()(),t.TgZ(54,"div")(55,"label",29),t._uU(56),t.ALo(57,"translate"),t._UZ(58,"vdr-help-tooltip",27),t.ALo(59,"translate"),t.qZA(),t.TgZ(60,"div",30),t._uU(61),t.qZA()()(),t.TgZ(62,"div",19)(63,"div",31)(64,"label",29),t._uU(65),t.ALo(66,"translate"),t._UZ(67,"vdr-help-tooltip",27),t.ALo(68,"translate"),t.qZA(),t.TgZ(69,"div",32)(70,"clr-input-container"),t._UZ(71,"input",33),t.ALo(72,"hasPermission"),t.qZA(),t.TgZ(73,"clr-toggle-wrapper"),t._UZ(74,"input",34),t.ALo(75,"hasPermission"),t.TgZ(76,"label"),t._uU(77),t.ALo(78,"translate"),t.qZA()()()()()(),t.TgZ(79,"div",35)(80,"div",19),t.YNc(81,wi,3,6,"section",36),t.qZA()()()()(),t.TgZ(82,"div",13)(83,"div",37),t._UZ(84,"vdr-entity-info",38),t.YNc(85,Ui,7,9,"div",39),t._UZ(86,"div",40),t.TgZ(87,"div",41),t.YNc(88,Di,2,4,"vdr-facet-value-chip",42),t.YNc(89,Ni,2,4,"vdr-facet-value-chip",42),t.YNc(90,qi,4,3,"button",43),t.qZA()()(),t.YNc(91,Yi,2,0,"ng-container",44),t.BQk()}if(2&i){const e=n.ngIf,o=t.MAs(27),a=t.oxw().$implicit,r=t.oxw();let s;t.Q6J("formGroup",e),t.xp6(3),t.Q6J("readonly",!t.lcZ(4,55,r.updatePermission)),t.xp6(3),t.Q6J("readonly",!t.lcZ(7,57,r.updatePermission))("placeholder",t.lcZ(8,59,"catalog.sku")),t.xp6(3),t.Q6J("readonly",!t.lcZ(10,61,r.updatePermission)),t.xp6(3),t.Q6J("readonly",!t.lcZ(13,63,r.updatePermission))("placeholder",t.lcZ(14,65,"common.name")),t.xp6(4),t.Q6J("vdrIfPermissions",r.updatePermission),t.xp6(4),t.Q6J("compact",!0)("assets",(null==r.pendingAssetChanges[a.id]?null:r.pendingAssetChanges[a.id].assets)||a.assets)("featuredAsset",(null==r.pendingAssetChanges[a.id]?null:r.pendingAssetChanges[a.id].featuredAsset)||a.featuredAsset)("updatePermissions",r.updatePermission),t.xp6(5),t.Q6J("vdrIfPermissions",r.updatePermission)("vdrIfPermissionsElse",o),t.xp6(6),t.Oqu(t.lcZ(32,67,"catalog.price")),t.xp6(2),t.Q6J("ngIf",!r.channelPriceIncludesTax),t.xp6(1),t.Q6J("ngIf",r.channelPriceIncludesTax),t.xp6(1),t.Q6J("price",e.get("price").value)("currencyCode",a.currencyCode)("priceIncludesTax",r.channelPriceIncludesTax)("taxCategoryId",e.get("taxCategoryId").value),t.xp6(2),t.Q6J("vdrIfPermissions",r.updatePermission),t.xp6(3),t.hij("",t.lcZ(41,69,"catalog.stock-on-hand")," "),t.xp6(2),t.Q6J("content",t.lcZ(43,71,"catalog.stock-on-hand-tooltip")),t.xp6(2),t.ekj("inventory-untracked",r.inventoryIsNotTracked(e)),t.Q6J("min",r.getStockOnHandMinValue(e))("readonly",!t.lcZ(45,73,r.updatePermission))("vdrDisabled",r.inventoryIsNotTracked(e)),t.xp6(2),t.ekj("inventory-untracked",r.inventoryIsNotTracked(e)),t.xp6(2),t.hij("",t.lcZ(49,75,"catalog.stock-allocated")," "),t.xp6(2),t.Q6J("content",t.lcZ(51,77,"catalog.stock-allocated-tooltip")),t.xp6(3),t.hij(" ",a.stockAllocated," "),t.xp6(1),t.ekj("inventory-untracked",r.inventoryIsNotTracked(e)),t.xp6(2),t.hij("",t.lcZ(57,79,"catalog.stock-saleable")," "),t.xp6(2),t.Q6J("content",t.lcZ(59,81,"catalog.stock-saleable-tooltip")),t.xp6(3),t.hij(" ",r.getSaleableStockLevel(a)," "),t.xp6(2),t.ekj("inventory-untracked",r.inventoryIsNotTracked(e)),t.xp6(2),t.Oqu(t.lcZ(66,83,"catalog.out-of-stock-threshold")),t.xp6(2),t.Q6J("content",t.lcZ(68,85,"catalog.out-of-stock-threshold-tooltip")),t.xp6(4),t.Q6J("formControl",e.get("outOfStockThreshold"))("readonly",!t.lcZ(72,87,r.updatePermission))("vdrDisabled",!1!==(null==(s=e.get("useGlobalOutOfStockThreshold"))?null:s.value)||r.inventoryIsNotTracked(e)),t.xp6(3),t.Q6J("vdrDisabled",!t.lcZ(75,89,r.updatePermission)||r.inventoryIsNotTracked(e)),t.xp6(3),t.AsE("",t.lcZ(78,91,"catalog.use-global-value")," (",r.globalOutOfStockThreshold,")"),t.xp6(4),t.Q6J("ngIf",r.customFields.length),t.xp6(3),t.Q6J("entity",a),t.xp6(1),t.Q6J("ngIf",a.options.length),t.xp6(3),t.Q6J("ngForOf",r.existingFacetValues(a)),t.xp6(1),t.Q6J("ngForOf",r.pendingFacetValues(a)),t.xp6(1),t.Q6J("vdrIfPermissions",r.updatePermission)}}function Ei(i,n){if(1&i&&(t.TgZ(0,"div",2),t.YNc(1,Gi,92,93,"ng-container",3),t.qZA()),2&i){const e=n.$implicit,o=t.oxw();let a,r;t.ekj("disabled",!(null!=(a=o.formGroupMap.get(e.id))&&null!=(r=a.get("enabled"))&&r.value)),t.xp6(1),t.Q6J("ngIf",o.formGroupMap.get(e.id))}}const ji=function(){return{itemsPerPage:10,currentPage:1}};class xt{constructor(n,e,o){this.changeDetector=n,this.modalService=e,this.dataService=o,this.assignToChannel=new t.vpe,this.removeFromChannel=new t.vpe,this.assetChange=new t.vpe,this.selectionChange=new t.vpe,this.selectFacetValueClick=new t.vpe,this.updateProductOption=new t.vpe,this.selectedVariantIds=[],this.formGroupMap=new Map,this.GlobalFlag=c.TvZ,this.updatePermission=[c.y3$.UpdateCatalog,c.y3$.UpdateProduct]}ngOnInit(){this.dataService.settings.getGlobalSettings("cache-first").single$.subscribe(({globalSettings:n})=>{this.globalTrackInventory=n.trackInventory,this.globalOutOfStockThreshold=n.outOfStockThreshold,this.changeDetector.markForCheck()}),this.subscription=this.formArray.valueChanges.subscribe(()=>this.changeDetector.markForCheck()),this.subscription.add(this.formArray.valueChanges.pipe((0,v.U)(n=>n.length),(0,S.b)(1),(0,Q.x)()).subscribe(()=>{this.buildFormGroupMap()})),this.buildFormGroupMap()}ngOnChanges(n){"facets"in n&&n.facets.currentValue&&(this.facetValues=(0,c.k2u)(this.facets))}ngOnDestroy(){this.subscription&&this.subscription.unsubscribe()}isDefaultChannel(n){return n===ue.z$}trackById(n,e){return e.id}inventoryIsNotTracked(n){var e;const o=null===(e=n.get("trackInventory"))||void 0===e?void 0:e.value;return o===c.TvZ.FALSE||o===c.TvZ.INHERIT&&!1===this.globalTrackInventory}getTaxCategoryName(n){const e=n.get(["taxCategoryId"]);if(e&&this.taxCategories){const o=this.taxCategories.find(a=>a.id===e.value);return o?o.name:""}return""}getStockOnHandMinValue(n){var e,o;return(null===(e=n.get("useGlobalOutOfStockThreshold"))||void 0===e?void 0:e.value)?this.globalOutOfStockThreshold:null===(o=n.get("outOfStockThreshold"))||void 0===o?void 0:o.value}getSaleableStockLevel(n){const e=n.useGlobalOutOfStockThreshold?this.globalOutOfStockThreshold:n.outOfStockThreshold;return n.stockOnHand-n.stockAllocated-e}areAllSelected(){return!!this.variants&&this.selectedVariantIds.length===this.variants.length}onAssetChange(n,e){this.assetChange.emit(Object.assign({variantId:n},e));const o=this.variants.findIndex(a=>a.id===n);this.formArray.at(o).markAsDirty()}toggleSelectAll(){this.areAllSelected()?this.selectedVariantIds=[]:this.selectedVariantIds=this.variants.map(n=>n.id),this.selectionChange.emit(this.selectedVariantIds)}toggleSelectVariant(n){const e=this.selectedVariantIds.indexOf(n);-1<e?this.selectedVariantIds.splice(e,1):this.selectedVariantIds.push(n),this.selectionChange.emit(this.selectedVariantIds)}optionGroupName(n){var e;const o=this.optionGroups.find(a=>a.id===n);if(o)return(null!==(e=null==o?void 0:o.translations.find(r=>r.languageCode===this.activeLanguage))&&void 0!==e?e:o.translations[0]).name}optionName(n){var e;return(null!==(e=n.translations.find(a=>a.languageCode===this.activeLanguage))&&void 0!==e?e:n.translations[0]).name}pendingFacetValues(n){if(this.facets){const e=this.getFacetValueIds(n.id),o=n.facetValues.map(a=>a.id);return e.filter(a=>!o.includes(a)).map(a=>this.facetValues.find(r=>r.id===a)).filter(J.notNullOrUndefined)}return[]}existingFacetValues(n){return[...this.getFacetValueIds(n.id)].filter(a=>n.facetValues.map(r=>r.id).includes(a)).map(a=>n.facetValues.find(r=>r.id===a)).filter(J.notNullOrUndefined)}removeFacetValue(n,e){const o=this.formGroupMap.get(n.id);if(o){const a=o.value.facetValueIds.filter(r=>r!==e);o.patchValue({facetValueIds:a}),o.markAsDirty()}}isVariantSelected(n){return-1<this.selectedVariantIds.indexOf(n)}editOption(n){this.modalService.fromComponent(vt,{size:"md",locals:{productOption:n,activeLanguage:this.activeLanguage,customFields:this.customOptionFields}}).subscribe(e=>{e&&this.updateProductOption.emit(e)})}buildFormGroupMap(){this.formGroupMap.clear();for(const n of this.formArray.controls)this.formGroupMap.set(n.value.id,n);this.changeDetector.markForCheck()}getFacetValueIds(n){var e;return(null===(e=this.formGroupMap.get(n))||void 0===e?void 0:e.value).facetValueIds}}xt.\u0275fac=function(n){return new(n||xt)(t.Y36(t.sBO),t.Y36(c.Z7U),t.Y36(c.DoR))},xt.\u0275cmp=t.Xpm({type:xt,selectors:[["vdr-product-variants-list"]],inputs:{formArray:["productVariantsFormArray","formArray"],variants:"variants",paginationConfig:"paginationConfig",channelPriceIncludesTax:"channelPriceIncludesTax",taxCategories:"taxCategories",facets:"facets",optionGroups:"optionGroups",customFields:"customFields",customOptionFields:"customOptionFields",activeLanguage:"activeLanguage",pendingAssetChanges:"pendingAssetChanges"},outputs:{assignToChannel:"assignToChannel",removeFromChannel:"removeFromChannel",assetChange:"assetChange",selectionChange:"selectionChange",selectFacetValueClick:"selectFacetValueClick",updateProductOption:"updateProductOption"},features:[t.TTD],decls:3,vars:6,consts:[[1,"variants-list"],["class","variant-container card",3,"disabled",4,"ngFor","ngForOf","ngForTrackBy"],[1,"variant-container","card"],[3,"formGroup",4,"ngIf"],[3,"formGroup"],[1,"card-block","header-row"],[1,"details"],[1,"sku",3,"readonly"],["clrInput","","type","text","formControlName","sku",3,"readonly","placeholder"],[1,"name",3,"readonly"],["clrInput","","type","text","formControlName","name",3,"readonly","placeholder"],[1,"right-controls"],[4,"vdrIfPermissions"],[1,"card-block"],[1,"variant-body"],[1,"assets"],[3,"compact","assets","featuredAsset","updatePermissions","change"],[1,"variant-form-inputs"],[1,"standard-fields"],[1,"variant-form-input-row"],[1,"tax-category"],[4,"vdrIfPermissions","vdrIfPermissionsElse"],["taxCategoryLabel",""],[1,"price"],["clrInput","","formControlName","price",3,"currencyCode","readonly",4,"ngIf"],["clrInput","","formControlName","priceWithTax",3,"currencyCode","readonly",4,"ngIf"],[3,"price","currencyCode","priceIncludesTax","taxCategoryId"],[3,"content"],["clrInput","","type","number","step","1","formControlName","stockOnHand",3,"min","readonly","vdrDisabled"],[1,"clr-control-label"],[1,"value"],[1,"out-of-stock-threshold-wrapper"],[1,"flex"],["clrInput","","type","number",3,"formControl","readonly","vdrDisabled"],["type","checkbox","clrToggle","","name","useGlobalOutOfStockThreshold","formControlName","useGlobalOutOfStockThreshold",3,"vdrDisabled"],[1,"custom-fields"],["formGroupName","customFields",4,"ngIf"],[1,"options-facets"],[3,"entity"],[4,"ngIf"],[1,"flex-spacer"],[1,"facets"],[3,"facetValue","removable","remove",4,"ngFor","ngForOf"],["class","btn btn-sm btn-secondary",3,"click",4,"vdrIfPermissions"],[4,"vdrIfMultichannel"],["type","checkbox","clrToggle","","name","enabled","formControlName","enabled"],["clrSelect","","name","options","formControlName","taxCategoryId"],[3,"value",4,"ngFor","ngForOf"],[3,"value"],[1,"tax-category-label"],["clrInput","","formControlName","price",3,"currencyCode","readonly"],["clrInput","","formControlName","priceWithTax",3,"currencyCode","readonly"],["clrSelect","","name","options","formControlName","trackInventory"],["formGroupName","customFields"],["entityName","ProductVariant",3,"customFields","compact","customFieldsFormGroup","readonly"],[1,"options"],[3,"colorFrom","invert","icon","iconClick",4,"ngFor","ngForOf"],[1,"btn","btn-link","btn-sm",3,"routerLink"],[3,"colorFrom","invert","icon","iconClick"],[1,"option-group-name"],[3,"facetValue","removable","remove"],[1,"btn","btn-sm","btn-secondary",3,"click"],["shape","plus"],["class","card-block",4,"vdrIfDefaultChannelActive"],[1,"flex","channel-assignment"],[4,"ngFor","ngForOf"],[1,"btn","btn-sm",3,"click"],["shape","layers"],["icon","times-circle",3,"title","iconClick",4,"ngIf"],["icon","times-circle",3,"title","iconClick"],[3,"channelCode"]],template:function(n,e){1&n&&(t.TgZ(0,"div",0),t.YNc(1,Ei,2,3,"div",1),t.ALo(2,"paginate"),t.qZA()),2&n&&(t.xp6(1),t.Q6J("ngForOf",t.xi3(2,2,e.variants,e.paginationConfig||t.DdM(5,ji)))("ngForTrackBy",e.trackById))},directives:[C.sg,h.q0d,C.O5,l.JL,l.sg,xi.G,h.G55,k.y,l.Fj,h.xRP,l.JJ,l.u,V.H,h.PEh,l.Wl,h.KKC,h.MgK,G,h.dTv,l.EJ,h.otW,l.YN,l.Kr,Ht.K,Ct,Pi.o,l.wV,l.qQ,Gt.x,l.oH,l.x0,$t.y,kt.V,Jt.Y,Z.yS,te.q,h.qvL,he.u,fe.M,ve.n],pipes:[Bt._s,D.j,I.X$,xe.U,ee.E],styles:[".with-selected[_ngcontent-%COMP%]{display:flex;min-height:52px;align-items:center;border:1px solid var(--color-component-border-100);border-radius:3px;padding:6px 18px}.with-selected[_ngcontent-%COMP%]   vdr-select-toggle[_ngcontent-%COMP%]{margin-right:12px}.with-selected[_ngcontent-%COMP%] > label[_ngcontent-%COMP%]{margin-right:12px}.variant-container[_ngcontent-%COMP%]{transition:background-color .2s;min-height:330px}.variant-container.disabled[_ngcontent-%COMP%]{background-color:var(--color-component-bg-200)}.variant-container[_ngcontent-%COMP%]   .header-row[_ngcontent-%COMP%]{display:flex;align-items:center;flex-wrap:wrap}.variant-container[_ngcontent-%COMP%]   .variant-body[_ngcontent-%COMP%]{display:flex;flex-direction:column}@media screen and (min-width: 768px){.variant-container[_ngcontent-%COMP%]   .variant-body[_ngcontent-%COMP%]{flex-direction:row}}.variant-container[_ngcontent-%COMP%]   .details[_ngcontent-%COMP%]{display:flex;flex-direction:column;flex:1;margin-right:12px}@media screen and (min-width: 768px){.variant-container[_ngcontent-%COMP%]   .details[_ngcontent-%COMP%]{flex-direction:row;height:36px}}.variant-container[_ngcontent-%COMP%]   .details[_ngcontent-%COMP%]   .name[_ngcontent-%COMP%]{flex:1}.variant-container[_ngcontent-%COMP%]   .details[_ngcontent-%COMP%]   .name[_ngcontent-%COMP%]     .clr-control-container{width:100%}.variant-container[_ngcontent-%COMP%]   .details[_ngcontent-%COMP%]   .name[_ngcontent-%COMP%]     .clr-control-container input.clr-input{min-width:100%}.variant-container[_ngcontent-%COMP%]   .details[_ngcontent-%COMP%]   .sku[_ngcontent-%COMP%]{width:160px;margin-right:20px;flex:0}.variant-container[_ngcontent-%COMP%]   .details[_ngcontent-%COMP%]     .name input{min-width:300px}.variant-container[_ngcontent-%COMP%]   .right-controls[_ngcontent-%COMP%]{display:flex}.variant-container[_ngcontent-%COMP%]   .tax-category-label[_ngcontent-%COMP%]{margin-top:3px}.variant-container[_ngcontent-%COMP%]   .variant-form-inputs[_ngcontent-%COMP%]{flex:1;display:flex;flex-direction:column}@media screen and (min-width: 768px){.variant-container[_ngcontent-%COMP%]   .variant-form-inputs[_ngcontent-%COMP%]{flex-direction:row}}.variant-container[_ngcontent-%COMP%]   .variant-form-input-row[_ngcontent-%COMP%]{display:flex;flex-wrap:wrap}@media screen and (min-width: 768px){.variant-container[_ngcontent-%COMP%]   .variant-form-input-row[_ngcontent-%COMP%]{margin:0 6px 8px 24px}}.variant-container[_ngcontent-%COMP%]   .variant-form-input-row[_ngcontent-%COMP%] > *[_ngcontent-%COMP%]{margin-right:24px;margin-bottom:24px}.variant-container[_ngcontent-%COMP%]   .track-inventory-toggle[_ngcontent-%COMP%]{margin-top:22px}.variant-container[_ngcontent-%COMP%]   .clr-form-control[_ngcontent-%COMP%]{margin-top:0}.variant-container[_ngcontent-%COMP%]   .facets[_ngcontent-%COMP%]{display:flex;flex-wrap:wrap;align-items:center}.variant-container[_ngcontent-%COMP%]   .pricing[_ngcontent-%COMP%]{display:flex}.variant-container[_ngcontent-%COMP%]   .pricing[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]{margin-right:12px}.variant-container[_ngcontent-%COMP%]   .option-group-name[_ngcontent-%COMP%]{color:var(--color-text-200);text-transform:uppercase;font-size:10px;margin-right:3px;height:11px}.variant-container[_ngcontent-%COMP%]   .options-facets[_ngcontent-%COMP%]{display:flex;color:var(--color-grey-400)}.variant-container[_ngcontent-%COMP%]     .clr-control-container{width:100%}.channel-assignment[_ngcontent-%COMP%]{justify-content:flex-end;flex-wrap:wrap;max-height:110px;overflow-y:auto}.channel-assignment[_ngcontent-%COMP%]   .btn[_ngcontent-%COMP%]{margin:6px 12px 6px 0}.out-of-stock-threshold-wrapper[_ngcontent-%COMP%]{display:flex;flex-direction:column}.out-of-stock-threshold-wrapper[_ngcontent-%COMP%]   clr-toggle-wrapper[_ngcontent-%COMP%]{margin-left:24px}.inventory-untracked[_ngcontent-%COMP%]{opacity:.5}"],changeDetection:0});const Hi=function(){return["product","enabled"]};function Bi(i,n){if(1&i&&(t.TgZ(0,"clr-toggle-wrapper"),t._UZ(1,"input",8),t.TgZ(2,"label"),t._uU(3),t.ALo(4,"translate"),t.qZA()()),2&i){const e=t.oxw();t.xp6(1),t.Q6J("formControl",e.detailForm.get(t.DdM(4,Hi))),t.xp6(2),t.Oqu(t.lcZ(4,2,"common.enabled"))}}function Ri(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"button",9),t.NdJ("click",function(){return t.CHM(e),t.oxw().create()}),t._uU(1),t.ALo(2,"translate"),t.qZA()}if(2&i){const e=t.oxw();t.Q6J("disabled",e.detailForm.invalid||e.detailForm.pristine||!e.variantsToCreateAreValid()),t.xp6(1),t.hij(" ",t.lcZ(2,2,"common.create")," ")}}function zi(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"button",9),t.NdJ("click",function(){return t.CHM(e),t.oxw(2).save()}),t._uU(1),t.ALo(2,"translate"),t.qZA()}if(2&i){const e=t.oxw(2);t.Q6J("disabled",(e.detailForm.invalid||e.detailForm.pristine)&&!e.assetsChanged()&&!e.variantAssetsChanged()),t.xp6(1),t.hij(" ",t.lcZ(2,2,"common.update")," ")}}const z=function(){return["UpdateCatalog","UpdateProduct"]};function Ki(i,n){1&i&&t.YNc(0,zi,3,4,"button",10),2&i&&t.Q6J("vdrIfPermissions",t.DdM(1,z))}function Wi(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"vdr-chip",41),t.NdJ("iconClick",function(){t.CHM(e);const a=t.oxw().$implicit;return t.oxw(6).removeFromChannel(a.id)}),t._UZ(1,"vdr-channel-badge",42),t._uU(2),t.ALo(3,"channelCodeToLabel"),t.qZA()}if(2&i){const e=t.oxw().$implicit;t.xp6(1),t.Q6J("channelCode",e.code),t.xp6(1),t.hij(" ",t.lcZ(3,2,e.code)," ")}}function Xi(i,n){if(1&i&&(t.ynx(0),t.YNc(1,Wi,4,4,"vdr-chip",40),t.BQk()),2&i){const e=n.$implicit,o=t.oxw(6);t.xp6(1),t.Q6J("ngIf",!o.isDefaultChannel(e.code))}}function ta(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"vdr-form-item",35),t.ALo(1,"translate"),t.TgZ(2,"div",36),t.YNc(3,Xi,2,1,"ng-container",37),t.ALo(4,"async"),t.TgZ(5,"button",38),t.NdJ("click",function(){return t.CHM(e),t.oxw(5).assignToChannel()}),t._UZ(6,"clr-icon",39),t._uU(7),t.ALo(8,"translate"),t.qZA()()()}if(2&i){const e=t.oxw(5);t.Q6J("label",t.lcZ(1,3,"common.channels")),t.xp6(3),t.Q6J("ngForOf",t.lcZ(4,5,e.productChannels$)),t.xp6(4),t.hij(" ",t.lcZ(8,7,"catalog.assign-to-channel")," ")}}function ea(i,n){1&i&&(t.ynx(0),t.YNc(1,ta,9,9,"vdr-form-item",34),t.BQk())}function na(i,n){1&i&&(t.ynx(0),t.YNc(1,ea,2,0,"ng-container",33),t.BQk())}const oa=function(){return["product","customFields"]};function ia(i,n){if(1&i&&(t.TgZ(0,"section",43)(1,"label"),t._uU(2),t.ALo(3,"translate"),t.qZA(),t._UZ(4,"vdr-tabbed-custom-fields",44),t.ALo(5,"hasPermission"),t.qZA()),2&i){const e=t.oxw(3);t.xp6(2),t.Oqu(t.lcZ(3,4,"common.custom-fields")),t.xp6(2),t.Q6J("customFields",e.customFields)("customFieldsFormGroup",e.detailForm.get(t.DdM(8,oa)))("readonly",!t.lcZ(5,6,t.DdM(9,z)))}}function aa(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"vdr-facet-value-chip",45),t.NdJ("remove",function(){const r=t.CHM(e).$implicit;return t.oxw(3).removeProductFacetValue(r.id)}),t.ALo(1,"hasPermission"),t.qZA()}if(2&i){const e=n.$implicit;t.Q6J("facetValue",e)("removable",t.lcZ(1,2,t.DdM(4,z)))}}function ra(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"button",46),t.NdJ("click",function(){return t.CHM(e),t.oxw(3).selectProductFacetValue()}),t._UZ(1,"clr-icon",47),t._uU(2),t.ALo(3,"translate"),t.qZA()}2&i&&(t.xp6(2),t.hij(" ",t.lcZ(3,1,"catalog.add-facets")," "))}function sa(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"div")(1,"h4"),t._uU(2),t.ALo(3,"translate"),t.qZA(),t.TgZ(4,"vdr-generate-product-variants",48),t.NdJ("variantsChange",function(a){t.CHM(e);return t.oxw(3).createVariantsConfig=a}),t.qZA()()}2&i&&(t.xp6(2),t.Oqu(t.lcZ(3,1,"catalog.product-variants")))}const ca=function(){return["product","name"]},la=function(i){return{pattern:i}};function da(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"clr-tab-content")(1,"div",16)(2,"div",17)(3,"section",18),t.YNc(4,na,2,0,"ng-container",15),t.ALo(5,"async"),t.TgZ(6,"vdr-form-field",19),t.ALo(7,"translate"),t.TgZ(8,"input",20),t.NdJ("input",function(a){return t.CHM(e),t.oxw(2).updateSlug(a.target.value)}),t.ALo(9,"hasPermission"),t.qZA()(),t.TgZ(10,"div",21),t.ALo(11,"async"),t.TgZ(12,"clr-checkbox-wrapper"),t._UZ(13,"input",22),t.TgZ(14,"label"),t._uU(15),t.ALo(16,"translate"),t.qZA()()(),t.TgZ(17,"vdr-form-field",23),t.ALo(18,"translate"),t.ALo(19,"translate"),t._UZ(20,"input",24),t.ALo(21,"hasPermission"),t.qZA(),t._UZ(22,"vdr-rich-text-editor",25),t.ALo(23,"hasPermission"),t.ALo(24,"translate"),t.YNc(25,ia,6,10,"section",26),t._UZ(26,"vdr-custom-detail-component-host",27),t.qZA()(),t.TgZ(27,"div",28)(28,"vdr-assets",29),t.NdJ("change",function(a){t.CHM(e);return t.oxw(2).assetChanges=a}),t.qZA(),t.TgZ(29,"div",30),t.YNc(30,aa,2,5,"vdr-facet-value-chip",31),t.ALo(31,"async"),t.YNc(32,ra,4,3,"button",32),t.qZA()()(),t.YNc(33,sa,5,3,"div",15),t.ALo(34,"async"),t.qZA()}if(2&i){const e=t.oxw().ngIf,o=t.oxw();let a;t.xp6(4),t.Q6J("ngIf",!t.lcZ(5,20,o.isNew$)),t.xp6(2),t.Q6J("label",t.lcZ(7,22,"catalog.product-name")),t.xp6(2),t.Q6J("readonly",!t.lcZ(9,24,t.DdM(44,z))),t.xp6(2),t.ekj("visible",!1===t.lcZ(11,26,o.isNew$)&&(null==(a=o.detailForm.get(t.DdM(45,ca)))?null:a.dirty)),t.xp6(5),t.Oqu(t.lcZ(16,28,"catalog.auto-update-product-variant-name")),t.xp6(2),t.Q6J("label",t.lcZ(18,30,"catalog.slug"))("errors",t.VKq(46,la,t.lcZ(19,32,"catalog.slug-pattern-error"))),t.xp6(3),t.Q6J("readonly",!t.lcZ(21,34,t.DdM(48,z))),t.xp6(2),t.Q6J("readonly",!t.lcZ(23,36,t.DdM(49,z)))("label",t.lcZ(24,38,"common.description")),t.xp6(3),t.Q6J("ngIf",o.customFields.length),t.xp6(1),t.Q6J("entity$",o.entity$)("detailForm",o.detailForm),t.xp6(2),t.Q6J("assets",o.assetChanges.assets||e.assets)("featuredAsset",o.assetChanges.featuredAsset||e.featuredAsset)("updatePermissions",o.updatePermissions),t.xp6(2),t.Q6J("ngForOf",t.lcZ(31,40,o.facetValues$)),t.xp6(2),t.Q6J("vdrIfPermissions",t.DdM(50,z)),t.xp6(1),t.Q6J("ngIf",t.lcZ(34,42,o.isNew$))}}const pa=function(){return["./","manage-variants"]};function ua(i,n){1&i&&(t.TgZ(0,"a",65),t._UZ(1,"clr-icon",66),t._uU(2),t.ALo(3,"translate"),t.qZA()),2&i&&(t.Q6J("routerLink",t.DdM(4,pa)),t.xp6(2),t.hij(" ",t.lcZ(3,2,"catalog.manage-variants")," "))}function ma(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"div",67)(1,"vdr-items-per-page-controls",68),t.NdJ("itemsPerPageChange",function(a){return t.CHM(e),t.oxw(4).setItemsPerPage(a)}),t.ALo(2,"async"),t.qZA(),t.TgZ(3,"vdr-pagination-controls",69),t.NdJ("pageChange",function(a){return t.CHM(e),t.oxw(4).setPage(a)}),t.ALo(4,"async"),t.ALo(5,"async"),t.ALo(6,"async"),t.qZA()()}if(2&i){const e=t.oxw(4);let o;t.xp6(1),t.Q6J("itemsPerPage",t.lcZ(2,4,e.itemsPerPage$)),t.xp6(2),t.Q6J("id",null==(o=t.lcZ(4,6,e.paginationConfig$))?null:o.id)("currentPage",t.lcZ(5,8,e.currentPage$))("itemsPerPage",t.lcZ(6,10,e.itemsPerPage$))}}function _a(i,n){if(1&i&&(t._UZ(0,"vdr-product-variants-table",70),t.ALo(1,"async"),t.ALo(2,"async"),t.ALo(3,"async")),2&i){const e=t.oxw(3).ngIf,o=t.oxw();t.Q6J("variants",t.lcZ(1,6,o.variants$))("paginationConfig",t.lcZ(2,8,o.paginationConfig$))("optionGroups",e.optionGroups)("channelPriceIncludesTax",t.lcZ(3,10,o.channelPriceIncludesTax$))("productVariantsFormArray",o.detailForm.get("variants"))("pendingAssetChanges",o.variantAssetChanges)}}function ga(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"vdr-product-variants-list",71),t.NdJ("assignToChannel",function(a){return t.CHM(e),t.oxw(4).assignVariantToChannel(a)})("removeFromChannel",function(a){return t.CHM(e),t.oxw(4).removeVariantFromChannel(a)})("assetChange",function(a){return t.CHM(e),t.oxw(4).variantAssetChange(a)})("updateProductOption",function(a){return t.CHM(e),t.oxw(4).updateProductOption(a)})("selectionChange",function(a){t.CHM(e);return t.oxw(4).selectedVariantIds=a})("selectFacetValueClick",function(a){return t.CHM(e),t.oxw(4).selectVariantFacetValue(a)}),t.ALo(1,"async"),t.ALo(2,"async"),t.ALo(3,"async"),t.ALo(4,"async"),t.ALo(5,"async"),t.ALo(6,"async"),t.qZA()}if(2&i){const e=t.oxw(3).ngIf,o=t.oxw();t.Q6J("variants",t.lcZ(1,11,o.variants$))("paginationConfig",t.lcZ(2,13,o.paginationConfig$))("channelPriceIncludesTax",t.lcZ(3,15,o.channelPriceIncludesTax$))("facets",t.lcZ(4,17,o.facets$))("optionGroups",e.optionGroups)("productVariantsFormArray",o.detailForm.get("variants"))("taxCategories",t.lcZ(5,19,o.taxCategories$))("customFields",o.customVariantFields)("customOptionFields",o.customOptionFields)("activeLanguage",t.lcZ(6,21,o.languageCode$))("pendingAssetChanges",o.variantAssetChanges)}}function ha(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"div",67)(1,"vdr-items-per-page-controls",68),t.NdJ("itemsPerPageChange",function(a){return t.CHM(e),t.oxw(4).setItemsPerPage(a)}),t.ALo(2,"async"),t.qZA(),t.TgZ(3,"vdr-pagination-controls",69),t.NdJ("pageChange",function(a){return t.CHM(e),t.oxw(4).setPage(a)}),t.ALo(4,"async"),t.ALo(5,"async"),t.ALo(6,"async"),t.qZA()()}if(2&i){const e=t.oxw(4);let o;t.xp6(1),t.Q6J("itemsPerPage",t.lcZ(2,4,e.itemsPerPage$)),t.xp6(2),t.Q6J("id",null==(o=t.lcZ(4,6,e.paginationConfig$))?null:o.id)("currentPage",t.lcZ(5,8,e.currentPage$))("itemsPerPage",t.lcZ(6,10,e.itemsPerPage$))}}function fa(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"clr-tab-content")(1,"section",49)(2,"div",50)(3,"div",51)(4,"button",52),t.NdJ("click",function(){t.CHM(e);return t.oxw(3).variantDisplayMode="card"}),t._UZ(5,"clr-icon",53),t._uU(6),t.ALo(7,"translate"),t.qZA(),t.TgZ(8,"button",54),t.NdJ("click",function(){t.CHM(e);return t.oxw(3).variantDisplayMode="table"}),t._UZ(9,"clr-icon",55),t._uU(10),t.ALo(11,"translate"),t.qZA()(),t.TgZ(12,"div",56),t._UZ(13,"input",57),t.ALo(14,"translate"),t.TgZ(15,"button",58),t.NdJ("click",function(){return t.CHM(e),t.oxw(3).filterInput.setValue("")}),t._UZ(16,"clr-icon",59),t.qZA()(),t._UZ(17,"div",60),t.YNc(18,ua,4,5,"a",61),t.qZA(),t.YNc(19,ma,7,12,"div",62),t.ALo(20,"async"),t.YNc(21,_a,4,12,"vdr-product-variants-table",63),t.YNc(22,ga,7,23,"vdr-product-variants-list",64),t.qZA(),t.YNc(23,ha,7,12,"div",62),t.ALo(24,"async"),t.qZA()}if(2&i){const e=t.oxw(3);let o,a;t.xp6(4),t.ekj("btn-primary","card"===e.variantDisplayMode),t.xp6(2),t.hij(" ",t.lcZ(7,13,"catalog.display-variant-cards")," "),t.xp6(2),t.ekj("btn-primary","table"===e.variantDisplayMode),t.xp6(2),t.hij(" ",t.lcZ(11,15,"catalog.display-variant-table")," "),t.xp6(3),t.Q6J("formControl",e.filterInput)("placeholder",t.lcZ(14,17,"catalog.filter-by-name-or-sku")),t.xp6(5),t.Q6J("vdrIfPermissions",t.DdM(23,z)),t.xp6(1),t.Q6J("ngIf",10<(null==(o=t.lcZ(20,19,e.paginationConfig$))?null:o.totalItems)),t.xp6(2),t.Q6J("ngIf","table"===e.variantDisplayMode),t.xp6(1),t.Q6J("ngIf","card"===e.variantDisplayMode),t.xp6(1),t.Q6J("ngIf",10<(null==(a=t.lcZ(24,21,e.paginationConfig$))?null:a.totalItems))}}function va(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"clr-tab")(1,"button",13),t.NdJ("click",function(){return t.CHM(e),t.oxw(2).navigateToTab("variants")}),t._uU(2),t.ALo(3,"translate"),t.qZA(),t.YNc(4,fa,25,24,"clr-tab-content",14),t.ALo(5,"async"),t.qZA()}if(2&i){const e=t.oxw(2);t.xp6(2),t.hij(" ",t.lcZ(3,2,"catalog.product-variants")," "),t.xp6(2),t.Q6J("clrIfActive","variants"===t.lcZ(5,4,e.activeTab$))}}function Ca(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"form",11),t._UZ(1,"button",12),t.TgZ(2,"clr-tabs")(3,"clr-tab")(4,"button",13),t.NdJ("click",function(){return t.CHM(e),t.oxw().navigateToTab("details")}),t._uU(5),t.ALo(6,"translate"),t.qZA(),t.YNc(7,da,35,51,"clr-tab-content",14),t.ALo(8,"async"),t.qZA(),t.YNc(9,va,6,6,"clr-tab",15),t.ALo(10,"async"),t.qZA()()}if(2&i){const e=t.oxw();t.Q6J("formGroup",e.detailForm),t.xp6(5),t.hij(" ",t.lcZ(6,4,"catalog.product-details")," "),t.xp6(2),t.Q6J("clrIfActive","details"===t.lcZ(8,6,e.activeTab$)),t.xp6(2),t.Q6J("ngIf",!t.lcZ(10,8,e.isNew$))}}class bt extends c.UT_{constructor(n,e,o,a,r,s,d,p,f,m){super(n,e,o,p),this.productDetailService=a,this.formBuilder=r,this.modalService=s,this.notificationService=d,this.dataService=p,this.location=f,this.changeDetector=m,this.filterInput=new l.NI(""),this.assetChanges={},this.variantAssetChanges={},this.variantFacetValueChanges={},this.currentPage$=new U.X(1),this.itemsPerPage$=new U.X(10),this.selectedVariantIds=[],this.variantDisplayMode="card",this.createVariantsConfig={groups:[],variants:[]},this.productVariantMap=new Map,this.updatePermissions=[c.y3$.UpdateCatalog,c.y3$.UpdateProduct],this.customFields=this.getCustomFieldConfig("Product"),this.customVariantFields=this.getCustomFieldConfig("ProductVariant"),this.customOptionGroupFields=this.getCustomFieldConfig("ProductOptionGroup"),this.customOptionFields=this.getCustomFieldConfig("ProductOption"),this.detailForm=this.formBuilder.group({product:this.formBuilder.group({enabled:!0,name:["",l.kI.required],autoUpdateVariantNames:!0,slug:["",(0,c.Foo)(/^[\p{Letter}0-9_-]+$/)],description:"",facetValueIds:[[]],customFields:this.formBuilder.group(this.customFields.reduce((g,x)=>Object.assign(Object.assign({},g),{[x.name]:""}),{}))}),variants:this.formBuilder.array([])})}ngOnInit(){this.init(),this.product$=this.entity$,this.totalItems$=this.product$.pipe((0,v.U)(m=>m.variantList.totalItems)),this.paginationConfig$=(0,O.a)(this.totalItems$,this.itemsPerPage$,this.currentPage$).pipe((0,v.U)(([m,g,x])=>({totalItems:m,itemsPerPage:g,currentPage:x})));this.product$.pipe((0,v.U)(m=>m.variantList.items));const e=this.filterInput.valueChanges.pipe((0,lt.O)(""),(0,S.b)(200),(0,wt.d)()),o=this.product$.pipe((0,v.U)(m=>m.variantList.items)),a=(0,O.a)(e,this.currentPage$,this.itemsPerPage$).pipe(function Oo(i){return(0,Po.e)((n,e)=>{let o=!1;const a=(0,me.x)(e,()=>{null==a||a.unsubscribe(),o=!0},Fo.Z);(0,yo.Xf)(i).subscribe(a),n.subscribe((0,me.x)(e,r=>o&&e.next(r)))})}(o),(0,Io.T)(1),(0,y.w)(([m,g,x])=>this.dataService.product.getProductVariants(Object.assign(Object.assign({skip:(g-1)*x,take:x},m?{filter:{name:{contains:m},sku:{contains:m}}}:{}),{filterOperator:c.FnJ.OR}),this.id).mapStream(({productVariants:b})=>b.items)),(0,wt.d)({bufferSize:1,refCount:!0}));this.variants$=(0,Rt.T)(o,a).pipe((0,E.b)(m=>{for(const g of m)this.productVariantMap.set(g.id,g)})),this.taxCategories$=this.productDetailService.getTaxCategories().pipe((0,q.R)(this.destroy$)),this.activeTab$=this.route.paramMap.pipe((0,v.U)(m=>m.get("tab"))),(0,O.a)(a,this.languageCode$).pipe((0,q.R)(this.destroy$)).subscribe(([m,g])=>{this.buildVariantFormArray(m,g)}),this.facets$=this.productDetailService.getFacets();const r=this.product$.pipe((0,v.U)(m=>m.facetValues)),s=this.facets$.pipe((0,v.U)(c.k2u)),p=this.getProductFormGroup().valueChanges.pipe((0,v.U)(m=>m.facetValueIds),(0,Q.x)()),f=(0,O.a)(p,r,s).pipe((0,v.U)(([m,g,x])=>{const b=[...g,...x];return m.map(A=>b.find(F=>F.id===A)).filter(J.notNullOrUndefined)}));this.facetValues$=(0,Rt.T)(r,f),this.productChannels$=this.product$.pipe((0,v.U)(m=>m.channels)),this.channelPriceIncludesTax$=this.dataService.settings.getActiveChannel("cache-first").refetchOnChannelChange().mapStream(m=>m.activeChannel.pricesIncludeTax).pipe((0,wt.d)(1))}ngOnDestroy(){this.destroy()}navigateToTab(n){this.location.replaceState(this.router.createUrlTree(["./",Object.assign(Object.assign({},this.route.snapshot.params),{tab:n})],{queryParamsHandling:"merge",relativeTo:this.route}).toString())}isDefaultChannel(n){return n===ue.z$}setPage(n){this.currentPage$.next(n)}setItemsPerPage(n){this.itemsPerPage$.next(+n),this.currentPage$.next(1)}assignToChannel(){this.productChannels$.pipe((0,w.q)(1),(0,y.w)(n=>this.modalService.fromComponent(tt,{size:"lg",locals:{productIds:[this.id],currentChannelIds:n.map(e=>e.id)}}))).subscribe()}removeFromChannel(n){this.modalService.dialog({title:(0,_.J)("catalog.remove-product-from-channel"),buttons:[{type:"secondary",label:(0,_.J)("common.cancel")},{type:"danger",label:(0,_.J)("catalog.remove-from-channel"),returnValue:!0}]}).pipe((0,y.w)(e=>e?this.dataService.product.removeProductsFromChannel({channelId:n,productIds:[this.id]}):N.E)).subscribe(()=>{this.notificationService.success((0,_.J)("catalog.notify-remove-product-from-channel-success"))},e=>{this.notificationService.error((0,_.J)("catalog.notify-remove-product-from-channel-error"))})}assignVariantToChannel(n){return this.modalService.fromComponent(tt,{size:"lg",locals:{productIds:[this.id],productVariantIds:[n.id],currentChannelIds:n.channels.map(e=>e.id)}}).subscribe()}removeVariantFromChannel({channelId:n,variant:e}){this.modalService.dialog({title:(0,_.J)("catalog.remove-product-variant-from-channel"),buttons:[{type:"secondary",label:(0,_.J)("common.cancel")},{type:"danger",label:(0,_.J)("catalog.remove-from-channel"),returnValue:!0}]}).pipe((0,y.w)(o=>o?this.dataService.product.removeVariantsFromChannel({channelId:n,productVariantIds:[e.id]}):N.E)).subscribe(()=>{this.notificationService.success((0,_.J)("catalog.notify-remove-variant-from-channel-success"))},o=>{this.notificationService.error((0,_.J)("catalog.notify-remove-variant-from-channel-error"))})}assetsChanged(){return!!Object.values(this.assetChanges).length}variantAssetsChanged(){return!!Object.keys(this.variantAssetChanges).length}variantAssetChange(n){this.variantAssetChanges[n.variantId]=n}updateSlug(n){(0,O.a)(this.entity$,this.languageCode$).pipe((0,w.q)(1)).subscribe(([e,o])=>{const a=this.detailForm.get(["product","slug"]),r=(0,c.ZIM)(e,o),s=!r||!r.slug;a&&a.pristine&&s&&a.setValue((0,W.U)(`${n}`,"-"))})}selectProductFacetValue(){this.displayFacetValueModal().subscribe(n=>{if(n){const e=this.getProductFormGroup(),o=e.value.facetValueIds;e.patchValue({facetValueIds:(0,St.T)([...o,...n])}),e.markAsDirty()}})}updateProductOption(n){(0,O.a)(this.product$,this.languageCode$).pipe((0,w.q)(1),(0,P.z)(([e,o])=>this.productDetailService.updateProductOption(n,e,o))).subscribe(()=>{this.notificationService.success((0,_.J)("common.notify-update-success"),{entity:"ProductOption"})},e=>{this.notificationService.error((0,_.J)("common.notify-update-error"),{entity:"ProductOption"})})}removeProductFacetValue(n){const e=this.getProductFormGroup(),o=e.value.facetValueIds;e.patchValue({facetValueIds:o.filter(a=>a!==n)}),e.markAsDirty()}selectVariantFacetValue(n){this.displayFacetValueModal().pipe((0,_e.M)(this.variants$)).subscribe(([e,o])=>{if(e){for(const a of n){const r=o.findIndex(f=>f.id===a),s=o[r],d=s?s.facetValues.map(f=>f.id):[],p=this.detailForm.get("variants").controls.find(f=>f.value.id===a);if(p){const f=(0,St.T)([...d,...e]);p.patchValue({facetValueIds:f}),p.markAsDirty(),this.variantFacetValueChanges[a]=f}}this.changeDetector.markForCheck()}})}variantsToCreateAreValid(){return 0<this.createVariantsConfig.variants.length&&this.createVariantsConfig.variants.every(n=>""!==n.sku)}displayFacetValueModal(){return this.productDetailService.getFacets().pipe((0,P.z)(n=>this.modalService.fromComponent(gt,{size:"md",closable:!0,locals:{facets:n}})),(0,v.U)(n=>n&&n.map(e=>e.id)))}create(){const n=this.getProductFormGroup();!n.dirty||(0,O.a)(this.product$,this.languageCode$).pipe((0,w.q)(1),(0,P.z)(([e,o])=>{const a=this.getUpdatedProduct(e,n,o);return this.productDetailService.createProductWithVariants(a,this.createVariantsConfig,o)})).subscribe(({createProductVariants:e,productId:o})=>{this.notificationService.success((0,_.J)("common.notify-create-success"),{entity:"Product"}),this.assetChanges={},this.variantAssetChanges={},this.detailForm.markAsPristine(),this.router.navigate(["../",o],{relativeTo:this.route})},e=>{console.error(e),this.notificationService.error((0,_.J)("common.notify-create-error"),{entity:"Product"})})}save(){(0,O.a)(this.product$,this.languageCode$,this.channelPriceIncludesTax$).pipe((0,w.q)(1),(0,P.z)(([n,e,o])=>{var a,r;const s=this.getProductFormGroup();let d,p;(s.dirty||this.assetsChanged())&&(d=this.getUpdatedProduct(n,s,e));const f=this.detailForm.get("variants");return(f&&f.dirty||this.variantAssetsChanged())&&(p=this.getUpdatedProductVariants(n,f,e,o)),this.productDetailService.updateProduct({product:n,languageCode:e,autoUpdate:null!==(r=null===(a=this.detailForm.get(["product","autoUpdateVariantNames"]))||void 0===a?void 0:a.value)&&void 0!==r&&r,productInput:d,variantsInput:p})})).subscribe(n=>{this.updateSlugAfterSave(n),this.detailForm.markAsPristine(),this.assetChanges={},this.variantAssetChanges={},this.notificationService.success((0,_.J)("common.notify-update-success"),{entity:"Product"}),this.changeDetector.markForCheck()},n=>{this.notificationService.error((0,_.J)("common.notify-update-error"),{entity:"Product"})})}canDeactivate(){return super.canDeactivate()&&!this.assetChanges.assets&&!this.assetChanges.featuredAsset}setFormValues(n,e){const o=(0,c.ZIM)(n,e);this.detailForm.patchValue({product:{enabled:n.enabled,name:o?o.name:"",slug:o?o.slug:"",description:o?o.description:"",facetValueIds:n.facetValues.map(a=>a.id)}}),this.customFields.length&&this.setCustomFieldFormValues(this.customFields,this.detailForm.get(["product","customFields"]),n,o),this.buildVariantFormArray(n.variantList.items,e)}buildVariantFormArray(n,e){const o=this.detailForm.get("variants");n.forEach((a,r)=>{const s=(0,c.ZIM)(a,e),p=this.variantFacetValueChanges[a.id]||a.facetValues.map(g=>g.id),f={id:a.id,enabled:a.enabled,sku:a.sku,name:s?s.name:"",price:a.price,priceWithTax:a.priceWithTax,taxCategoryId:a.taxCategory.id,stockOnHand:a.stockOnHand,useGlobalOutOfStockThreshold:a.useGlobalOutOfStockThreshold,outOfStockThreshold:a.outOfStockThreshold,trackInventory:a.trackInventory,facetValueIds:p};let m=o.controls.find(g=>g.value.id===a.id);if(m?m.pristine&&m.patchValue(f):(m=this.formBuilder.group(Object.assign(Object.assign({},f),{facetValueIds:this.formBuilder.control(p)})),o.insert(r,m)),this.customVariantFields.length){let g=m.get(["customFields"]);g||(g=this.formBuilder.group(this.customVariantFields.reduce((x,b)=>Object.assign(Object.assign({},x),{[b.name]:""}),{})),m.addControl("customFields",g)),this.setCustomFieldFormValues(this.customVariantFields,g,a,s)}})}getUpdatedProduct(n,e,o){var a,r;const s=(0,c.iSy)({translatable:n,updatedFields:e.value,customFieldConfig:this.customFields,languageCode:o,defaultTranslation:{languageCode:o,name:n.name||"",slug:n.slug||"",description:n.description||""}});return Object.assign(Object.assign({},s),{assetIds:null===(a=this.assetChanges.assets)||void 0===a?void 0:a.map(d=>d.id),featuredAssetId:null===(r=this.assetChanges.featuredAsset)||void 0===r?void 0:r.id,facetValueIds:e.value.facetValueIds})}getUpdatedProductVariants(n,e,o,a){const r=e.controls.filter(p=>p.dirty),s=r.map(p=>this.productVariantMap.get(p.value.id)).filter(J.notNullOrUndefined),d=r.map(p=>p.value);if(s.length!==d.length)throw new Error((0,_.J)("error.product-variant-form-values-do-not-match"));return s.map((p,f)=>{var m,g;const x=d.find(F=>F.id===p.id),b=(0,c.iSy)({translatable:p,updatedFields:x,customFieldConfig:this.customVariantFields,languageCode:o,defaultTranslation:{languageCode:o,name:""}});b.taxCategoryId=x.taxCategoryId,b.facetValueIds=x.facetValueIds,b.price=a?x.priceWithTax:x.price;const A=this.variantAssetChanges[p.id];return A&&(b.featuredAssetId=null===(m=A.featuredAsset)||void 0===m?void 0:m.id,b.assetIds=null===(g=A.assets)||void 0===g?void 0:g.map(F=>F.id)),b}).filter(J.notNullOrUndefined)}getProductFormGroup(){return this.detailForm.get("product")}updateSlugAfterSave(n){const e=n[0],o=this.detailForm.get(["product","slug"]);o&&function a(r){return r.hasOwnProperty("updateProduct")}(e)&&o.setValue(e.updateProduct.slug,{emitEvent:!1})}}bt.\u0275fac=function(n){return new(n||bt)(t.Y36(Z.gz),t.Y36(Z.F0),t.Y36(c.iHG),t.Y36(B),t.Y36(l.qu),t.Y36(c.Z7U),t.Y36(c.gqp),t.Y36(c.DoR),t.Y36(C.Ye),t.Y36(t.sBO))},bt.\u0275cmp=t.Xpm({type:bt,selectors:[["vdr-product-detail"]],features:[t.qOj],decls:18,vars:21,consts:[[1,"flex","clr-flex-row"],[3,"entity"],[4,"vdrIfPermissions"],[3,"disabled","availableLanguageCodes","currentLanguageCode","languageCodeChange"],["locationId","product-detail"],["class","btn btn-primary",3,"disabled","click",4,"ngIf","ngIfElse"],["updateButton",""],["class","form",3,"formGroup",4,"ngIf"],["type","checkbox","clrToggle","","name","enabled",3,"formControl"],[1,"btn","btn-primary",3,"disabled","click"],["class","btn btn-primary",3,"disabled","click",4,"vdrIfPermissions"],[1,"form",3,"formGroup"],["type","submit","hidden","","x-data","prevents enter key from triggering other buttons"],["clrTabLink","",3,"click"],[4,"clrIfActive"],[4,"ngIf"],[1,"clr-row"],[1,"clr-col"],["formGroupName","product",1,"form-block"],["for","name",3,"label"],["id","name","type","text","formControlName","name",3,"readonly","input"],[1,"auto-rename-wrapper"],["clrCheckbox","","type","checkbox","id","auto-update","formControlName","autoUpdateVariantNames"],["for","slug",3,"label","errors"],["id","slug","type","text","formControlName","slug",3,"readonly"],["formControlName","description",3,"readonly","label"],["formGroupName","customFields",4,"ngIf"],["locationId","product-detail",3,"entity$","detailForm"],[1,"clr-col-md-auto"],[3,"assets","featuredAsset","updatePermissions","change"],[1,"facets"],[3,"facetValue","removable","remove",4,"ngFor","ngForOf"],["class","btn btn-sm btn-secondary",3,"click",4,"vdrIfPermissions"],[4,"vdrIfMultichannel"],[3,"label",4,"vdrIfDefaultChannelActive"],[3,"label"],[1,"flex","channel-assignment"],[4,"ngFor","ngForOf"],[1,"btn","btn-sm",3,"click"],["shape","layers"],["icon","times-circle",3,"iconClick",4,"ngIf"],["icon","times-circle",3,"iconClick"],[3,"channelCode"],["formGroupName","customFields"],["entityName","Product",3,"customFields","customFieldsFormGroup","readonly"],[3,"facetValue","removable","remove"],[1,"btn","btn-sm","btn-secondary",3,"click"],["shape","plus"],[3,"variantsChange"],[1,"form-block"],[1,"view-mode"],[1,"btn-group"],[1,"btn","btn-secondary-outline",3,"click"],["shape","list"],[1,"btn",3,"click"],["shape","table"],[1,"variant-filter"],[3,"formControl","placeholder"],[1,"icon-button",3,"click"],["shape","times"],[1,"flex-spacer"],["class","btn btn-secondary edit-variants-btn",3,"routerLink",4,"vdrIfPermissions"],["class","pagination-row mt4",4,"ngIf"],[3,"variants","paginationConfig","optionGroups","channelPriceIncludesTax","productVariantsFormArray","pendingAssetChanges",4,"ngIf"],[3,"variants","paginationConfig","channelPriceIncludesTax","facets","optionGroups","productVariantsFormArray","taxCategories","customFields","customOptionFields","activeLanguage","pendingAssetChanges","assignToChannel","removeFromChannel","assetChange","updateProductOption","selectionChange","selectFacetValueClick",4,"ngIf"],[1,"btn","btn-secondary","edit-variants-btn",3,"routerLink"],["shape","add-text"],[1,"pagination-row","mt4"],[3,"itemsPerPage","itemsPerPageChange"],[3,"id","currentPage","itemsPerPage","pageChange"],[3,"variants","paginationConfig","optionGroups","channelPriceIncludesTax","productVariantsFormArray","pendingAssetChanges"],[3,"variants","paginationConfig","channelPriceIncludesTax","facets","optionGroups","productVariantsFormArray","taxCategories","customFields","customOptionFields","activeLanguage","pendingAssetChanges","assignToChannel","removeFromChannel","assetChange","updateProductOption","selectionChange","selectFacetValueClick"]],template:function(n,e){if(1&n&&(t.TgZ(0,"vdr-action-bar")(1,"vdr-ab-left")(2,"div",0),t._UZ(3,"vdr-entity-info",1),t.ALo(4,"async"),t.YNc(5,Bi,5,5,"clr-toggle-wrapper",2),t.qZA(),t.TgZ(6,"vdr-language-selector",3),t.NdJ("languageCodeChange",function(a){return e.setLanguage(a)}),t.ALo(7,"async"),t.ALo(8,"async"),t.ALo(9,"async"),t.qZA()(),t.TgZ(10,"vdr-ab-right"),t._UZ(11,"vdr-action-bar-items",4),t.YNc(12,Ri,3,4,"button",5),t.ALo(13,"async"),t.YNc(14,Ki,1,2,"ng-template",null,6,t.W1O),t.qZA()(),t.YNc(16,Ca,11,10,"form",7),t.ALo(17,"async")),2&n){const o=t.MAs(15);t.xp6(3),t.Q6J("entity",t.lcZ(4,8,e.entity$)),t.xp6(2),t.Q6J("vdrIfPermissions",t.DdM(20,z)),t.xp6(1),t.Q6J("disabled",t.lcZ(7,10,e.isNew$))("availableLanguageCodes",t.lcZ(8,12,e.availableLanguages$))("currentLanguageCode",t.lcZ(9,14,e.languageCode$)),t.xp6(6),t.Q6J("ngIf",t.lcZ(13,16,e.isNew$))("ngIfElse",o),t.xp6(4),t.Q6J("ngIf",t.lcZ(17,18,e.product$))}},directives:[T.Kk,T.BN,kt.V,V.H,h.PEh,k.y,l.Wl,h.KKC,l.JJ,l.oH,h.MgK,it.S,T.mz,K.W,C.O5,l._Y,l.JL,l.sg,h.gKI,h.dl,h.S4y,h.Iq$,h.Qs7,h.tam,h.UkA,l.x0,he.u,fe.M,Ko.J,C.sg,Jt.Y,ve.n,h.qvL,qt.h,l.Fj,l.u,de.Y,$t.y,zt.C,G,te.q,ht,Z.yS,ce.w,le.L,ft,xt],pipes:[C.Ov,I.X$,ee.E,D.j],styles:["[_nghost-%COMP%]     trix-toolbar{top:24px}.facets[_ngcontent-%COMP%]{margin-top:12px;display:flex;flex-wrap:wrap;align-items:center}@media screen and (min-width: 768px){.facets[_ngcontent-%COMP%]{max-width:340px}}vdr-action-bar[_ngcontent-%COMP%]   clr-toggle-wrapper[_ngcontent-%COMP%]{margin-top:12px}.variant-filter[_ngcontent-%COMP%]{flex:1;display:flex}.variant-filter[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]{flex:1;max-width:initial;border-radius:3px 0 0 3px!important}.variant-filter[_ngcontent-%COMP%]   .icon-button[_ngcontent-%COMP%]{border:1px solid var(--color-component-border-300);background-color:var(--color-component-bg-100);border-radius:0 3px 3px 0;border-left:none}.group-name[_ngcontent-%COMP%]{padding-right:6px}.view-mode[_ngcontent-%COMP%]{display:flex;justify-content:flex-end;align-items:center}.edit-variants-btn[_ngcontent-%COMP%]{margin-top:0}.channel-assignment[_ngcontent-%COMP%]{flex-wrap:wrap;max-height:144px;overflow-y:auto}.auto-rename-wrapper[_ngcontent-%COMP%]{overflow:hidden;max-height:0;padding-left:9.5rem;margin-bottom:0;transition:max-height .2s,margin-bottom .2s}.auto-rename-wrapper.visible[_ngcontent-%COMP%]{max-height:24px;margin-bottom:12px}.pagination-row[_ngcontent-%COMP%]{display:flex;align-items:baseline;justify-content:space-between}"],changeDetection:0});var be=u(6441),xa=u(2875),ba=u(809);const Za=["productSearchInputComponent"];function Aa(i,n){1&i&&t._UZ(0,"vdr-status-badge",19)}const Ze=function(){return["UpdateCatalog","UpdateProduct"]},Ta=function(i){return{count:i}};function Pa(i,n){if(1&i){const e=t.EpF();t.ynx(0),t.TgZ(1,"button",20),t.NdJ("click",function(){return t.CHM(e),t.oxw().runPendingSearchIndexUpdates()}),t.ALo(2,"hasPermission"),t._UZ(3,"vdr-status-badge",19),t._uU(4),t.ALo(5,"translate"),t.qZA(),t._UZ(6,"div",21),t.BQk()}if(2&i){const e=t.oxw();t.xp6(1),t.Q6J("disabled",!t.lcZ(2,2,t.DdM(7,Ze))),t.xp6(3),t.hij(" ",t.xi3(5,4,"catalog.run-pending-search-index-updates",t.VKq(8,Ta,e.pendingSearchIndexUpdates))," ")}}const ya=function(){return["./create"]};function Fa(i,n){1&i&&(t.TgZ(0,"a",22),t._UZ(1,"clr-icon",23),t.TgZ(2,"span",24),t._uU(3),t.ALo(4,"translate"),t.qZA()()),2&i&&(t.Q6J("routerLink",t.DdM(4,ya)),t.xp6(3),t.Oqu(t.lcZ(4,2,"catalog.create-new-product")))}function Oa(i,n){if(1&i&&(t._UZ(0,"img",37),t.ALo(1,"assetPreview")),2&i){const e=n.ngIf;t.Q6J("src",t.xi3(1,1,e,"tiny"),t.LSH)}}function Ia(i,n){1&i&&(t.TgZ(0,"div",38),t._UZ(1,"clr-icon",39),t.qZA())}function La(i,n){1&i&&(t.TgZ(0,"vdr-chip"),t._uU(1),t.ALo(2,"translate"),t.qZA()),2&i&&(t.xp6(1),t.Oqu(t.lcZ(2,1,"common.disabled")))}const Ma=function(i){return["./",i]},ka=function(){return["DeleteCatalog","DeleteProduct"]};function wa(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"td",25)(1,"div",26),t.YNc(2,Oa,2,4,"img",27),t.YNc(3,Ia,2,0,"ng-template",null,28,t.W1O),t.qZA()(),t.TgZ(5,"td",29),t._uU(6),t.qZA(),t.TgZ(7,"td",30),t.YNc(8,La,3,3,"vdr-chip",10),t.qZA(),t.TgZ(9,"td",31),t._UZ(10,"vdr-table-row-action",32),t.ALo(11,"translate"),t.TgZ(12,"vdr-dropdown")(13,"button",33),t._uU(14),t.ALo(15,"translate"),t._UZ(16,"clr-icon",34),t.qZA(),t.TgZ(17,"vdr-dropdown-menu",8)(18,"button",35),t.NdJ("click",function(){const r=t.CHM(e).item;return t.oxw().deleteProduct(r.productId)}),t.ALo(19,"hasPermission"),t._UZ(20,"clr-icon",36),t._uU(21),t.ALo(22,"translate"),t.qZA()()()()}if(2&i){const e=n.item,o=t.MAs(4),a=t.oxw();t.ekj("disabled",!e.enabled),t.xp6(2),t.Q6J("ngIf",a.groupByProduct?e.productAsset:e.productVariantAsset||e.productAsset)("ngIfElse",o),t.xp6(3),t.ekj("disabled",!e.enabled),t.xp6(1),t.hij(" ",a.groupByProduct?e.productName:e.productVariantName," "),t.xp6(1),t.ekj("disabled",!e.enabled),t.xp6(1),t.Q6J("ngIf",!e.enabled),t.xp6(1),t.ekj("disabled",!e.enabled),t.xp6(1),t.Q6J("label",t.lcZ(11,17,"common.edit"))("linkTo",t.VKq(25,Ma,e.productId)),t.xp6(4),t.hij(" ",t.lcZ(15,19,"common.actions")," "),t.xp6(4),t.Q6J("disabled",!t.lcZ(19,21,t.DdM(27,ka))),t.xp6(3),t.hij(" ",t.lcZ(22,23,"common.delete")," ")}}const Ja=function(){return["CreateCatalog","CreateProduct"]};class Zt extends c.t7C{constructor(n,e,o,a,r,s,d){super(s,d),this.dataService=n,this.modalService=e,this.notificationService=o,this.jobQueueService=a,this.serverConfigService=r,this.searchTerm="",this.facetValueIds=[],this.groupByProduct=!0,this.pendingSearchIndexUpdates=0,this.route.queryParamMap.pipe((0,v.U)(p=>p.get("q")),(0,q.R)(this.destroy$)).subscribe(p=>{this.searchTerm=p||"",this.productSearchInput&&this.productSearchInput.setSearchTerm(p)}),this.selectedFacetValueIds$=this.route.queryParamMap.pipe((0,v.U)(p=>p.getAll("fvids"))),this.selectedFacetValueIds$.pipe((0,q.R)(this.destroy$)).subscribe(p=>{this.facetValueIds=p,this.productSearchInput&&this.productSearchInput.setFacetValues(p)}),super.setQueryFn((...p)=>this.dataService.product.searchProducts(this.searchTerm,...p).refetchOnChannelChange(),p=>p.search,(p,f)=>({input:{skip:p,take:f,term:this.searchTerm,facetValueIds:this.facetValueIds,facetValueOperator:c.FnJ.AND,groupByProduct:this.groupByProduct}}))}ngOnInit(){super.ngOnInit(),this.facetValues$=this.result$.pipe((0,v.U)(n=>n.search.facetValues)),this.facetValues$.pipe((0,w.q)(1),(0,be.g)(100),(0,_e.M)(this.selectedFacetValueIds$)).subscribe(([n,e])=>{this.productSearchInput.setFacetValues(e)}),this.availableLanguages$=this.serverConfigService.getAvailableLanguages(),this.contentLanguage$=this.dataService.client.uiState().mapStream(({uiState:n})=>n.contentLanguage).pipe((0,E.b)(()=>this.refresh())),this.dataService.product.getPendingSearchIndexUpdates().mapSingle(({pendingSearchIndexUpdates:n})=>n).subscribe(n=>this.pendingSearchIndexUpdates=n)}ngAfterViewInit(){this.productSearchInput&&this.searchTerm&&setTimeout(()=>this.productSearchInput.setSearchTerm(this.searchTerm))}setSearchTerm(n){this.searchTerm=n,this.setQueryParam({q:n||null,page:1}),this.refresh()}setFacetValueIds(n){this.facetValueIds=n,this.setQueryParam({fvids:n,page:1}),this.refresh()}rebuildSearchIndex(){this.dataService.product.reindex().subscribe(({reindex:n})=>{this.notificationService.info((0,_.J)("catalog.reindexing")),this.jobQueueService.addJob(n.id,e=>{if(e.state===c.Zyh.COMPLETED){const o=(new Intl.NumberFormat).format(e.duration||0);this.notificationService.success((0,_.J)("catalog.reindex-successful"),{count:e.result.indexedItemCount,time:o}),this.refresh()}else this.notificationService.error((0,_.J)("catalog.reindex-error"))})})}runPendingSearchIndexUpdates(){this.dataService.product.runPendingSearchIndexUpdates().subscribe(n=>{this.notificationService.info((0,_.J)("catalog.running-search-index-updates"),{count:this.pendingSearchIndexUpdates}),this.pendingSearchIndexUpdates=0})}deleteProduct(n){this.modalService.dialog({title:(0,_.J)("catalog.confirm-delete-product"),buttons:[{type:"secondary",label:(0,_.J)("common.cancel")},{type:"danger",label:(0,_.J)("common.delete"),returnValue:!0}]}).pipe((0,y.w)(e=>e?this.dataService.product.deleteProduct(n):N.E),(0,be.g)(500)).subscribe(()=>{this.notificationService.success((0,_.J)("common.notify-delete-success"),{entity:"Product"}),this.refresh()},e=>{this.notificationService.error((0,_.J)("common.notify-delete-error"),{entity:"Product"})})}setLanguage(n){this.dataService.client.setContentLanguage(n).subscribe()}}function Va(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"button",6),t.NdJ("click",function(){return t.CHM(e),t.oxw().save()}),t._uU(1),t.ALo(2,"translate"),t.qZA()}if(2&i){const e=t.oxw();t.Q6J("disabled",e.detailForm.pristine||e.detailForm.invalid),t.xp6(1),t.hij(" ",t.lcZ(2,2,"common.update")," ")}}function Ua(i,n){if(1&i&&(t.TgZ(0,"tr",22)(1,"td",23),t._UZ(2,"vdr-entity-info",13),t.qZA(),t.TgZ(3,"td",23),t._UZ(4,"input",24),t.ALo(5,"hasPermission"),t.qZA(),t.TgZ(6,"td",23),t._UZ(7,"input",25),t.qZA()()),2&i){const e=n.$implicit,o=n.index,a=t.oxw(3);t.Q6J("formGroupName",o),t.xp6(2),t.Q6J("entity",e.value),t.xp6(2),t.Q6J("readonly",!t.lcZ(5,3,a.updatePermission))}}function Da(i,n){if(1&i&&(t.TgZ(0,"div",10)(1,"section",11)(2,"div",12),t._UZ(3,"vdr-entity-info",13),t.TgZ(4,"div",14),t._uU(5),t.qZA()(),t.TgZ(6,"div",15)(7,"vdr-form-field",16),t.ALo(8,"translate"),t._UZ(9,"input",17),t.ALo(10,"hasPermission"),t.qZA(),t.TgZ(11,"vdr-form-field",18),t.ALo(12,"translate"),t._UZ(13,"input",19),t.ALo(14,"hasPermission"),t.qZA()(),t.TgZ(15,"section",15)(16,"table",20)(17,"thead")(18,"tr"),t._UZ(19,"th"),t.TgZ(20,"th"),t._uU(21),t.ALo(22,"translate"),t.qZA(),t.TgZ(23,"th"),t._uU(24),t.ALo(25,"translate"),t.qZA()()(),t.TgZ(26,"tbody"),t.YNc(27,Ua,8,5,"tr",21),t.qZA()()()()()),2&i){const e=n.$implicit,o=n.index,a=t.oxw(2);t.xp6(1),t.Q6J("formArrayName",o),t.xp6(2),t.Q6J("entity",e.value),t.xp6(2),t.Oqu(e.value.code),t.xp6(2),t.Q6J("label",t.lcZ(8,12,"common.name")),t.xp6(2),t.Q6J("id","name-"+o)("readonly",!t.lcZ(10,14,a.updatePermission)),t.xp6(2),t.Q6J("label",t.lcZ(12,16,"common.code")),t.xp6(2),t.Q6J("id","code-"+o)("readonly",!t.lcZ(14,18,a.updatePermission)),t.xp6(8),t.Oqu(t.lcZ(22,20,"common.name")),t.xp6(3),t.Oqu(t.lcZ(25,22,"common.code")),t.xp6(3),t.Q6J("ngForOf",a.getOptions(e))}}function Na(i,n){if(1&i&&(t.TgZ(0,"form",7)(1,"div",8),t.YNc(2,Da,28,24,"div",9),t.qZA()()),2&i){const e=t.oxw();t.Q6J("formGroup",e.detailForm),t.xp6(2),t.Q6J("ngForOf",e.getOptionGroups())}}Zt.\u0275fac=function(n){return new(n||Zt)(t.Y36(c.DoR),t.Y36(c.Z7U),t.Y36(c.gqp),t.Y36(c.u8d),t.Y36(c.iHG),t.Y36(Z.F0),t.Y36(Z.gz))},Zt.\u0275cmp=t.Xpm({type:Zt,selectors:[["vdr-products-list"]],viewQuery:function(n,e){if(1&n&&t.Gf(Za,7),2&n){let o;t.iGM(o=t.CRH())&&(e.productSearchInput=o.first)}},features:[t.qOj],decls:38,vars:43,consts:[[3,"grow"],[1,"search-form"],[3,"facetValueResults","searchTermChange","facetValueChange"],["productSearchInputComponent",""],[1,"search-settings-menu","mr3"],["type","button","vdrDropdownTrigger","",1,"icon-button","search-index-button",3,"title"],["shape","cog"],["type","warning",4,"ngIf"],["vdrPosition","bottom-right"],[1,"dropdown-header"],[4,"ngIf"],["type","button","vdrDropdownItem","",3,"disabled","click"],[1,"flex","wrap"],[1,"mt2"],["type","checkbox","clrCheckbox","",3,"ngModel","ngModelChange"],[3,"availableLanguageCodes","currentLanguageCode","languageCodeChange"],["locationId","product-list"],["class","btn btn-primary",3,"routerLink",4,"vdrIfPermissions"],[3,"items","itemsPerPage","totalItems","currentPage","pageChange","itemsPerPageChange"],["type","warning"],["type","button","vdrDropdownItem","",1,"run-updates-button",3,"disabled","click"],[1,"dropdown-divider"],[1,"btn","btn-primary",3,"routerLink"],["shape","plus"],[1,"full-label"],[1,"left","align-middle","image-col"],[1,"image-placeholder"],[3,"src",4,"ngIf","ngIfElse"],["imagePlaceholder",""],[1,"left","align-middle"],[1,"align-middle"],[1,"right","align-middle"],["iconShape","edit",1,"edit-button",3,"label","linkTo"],["type","button","vdrDropdownTrigger","",1,"btn","btn-link","btn-sm"],["shape","caret down"],["type","button","vdrDropdownItem","",1,"delete-button",3,"disabled","click"],["shape","trash",1,"is-danger"],[3,"src"],[1,"placeholder"],["shape","image","size","48"]],template:function(n,e){1&n&&(t.TgZ(0,"vdr-action-bar")(1,"vdr-ab-left",0)(2,"div",1)(3,"vdr-product-search-input",2,3),t.NdJ("searchTermChange",function(a){return e.setSearchTerm(a)})("facetValueChange",function(a){return e.setFacetValueIds(a)}),t.ALo(5,"async"),t.qZA(),t.TgZ(6,"vdr-dropdown",4)(7,"button",5),t.ALo(8,"translate"),t._UZ(9,"clr-icon",6),t.YNc(10,Aa,1,0,"vdr-status-badge",7),t.qZA(),t.TgZ(11,"vdr-dropdown-menu",8)(12,"h4",9),t._uU(13),t.ALo(14,"translate"),t.qZA(),t.YNc(15,Pa,7,10,"ng-container",10),t.TgZ(16,"button",11),t.NdJ("click",function(){return e.rebuildSearchIndex()}),t.ALo(17,"hasPermission"),t._uU(18),t.ALo(19,"translate"),t.qZA()()()(),t.TgZ(20,"div",12)(21,"clr-checkbox-wrapper",13)(22,"input",14),t.NdJ("ngModelChange",function(a){return e.groupByProduct=a})("ngModelChange",function(){return e.refresh()}),t.qZA(),t.TgZ(23,"label"),t._uU(24),t.ALo(25,"translate"),t.qZA()(),t.TgZ(26,"vdr-language-selector",15),t.NdJ("languageCodeChange",function(a){return e.setLanguage(a)}),t.ALo(27,"async"),t.ALo(28,"async"),t.qZA()()(),t.TgZ(29,"vdr-ab-right"),t._UZ(30,"vdr-action-bar-items",16),t.YNc(31,Fa,5,5,"a",17),t.qZA()(),t.TgZ(32,"vdr-data-table",18),t.NdJ("pageChange",function(a){return e.setPageNumber(a)})("itemsPerPageChange",function(a){return e.setItemsPerPage(a)}),t.ALo(33,"async"),t.ALo(34,"async"),t.ALo(35,"async"),t.ALo(36,"async"),t.YNc(37,wa,23,28,"ng-template"),t.qZA()),2&n&&(t.xp6(1),t.Q6J("grow",!0),t.xp6(2),t.Q6J("facetValueResults",t.lcZ(5,17,e.facetValues$)),t.xp6(4),t.Q6J("title",t.lcZ(8,19,e.pendingSearchIndexUpdates?"catalog.pending-search-index-updates":"catalog.search-index-controls")),t.xp6(3),t.Q6J("ngIf",e.pendingSearchIndexUpdates),t.xp6(3),t.Oqu(t.lcZ(14,21,"catalog.search-index-controls")),t.xp6(2),t.Q6J("ngIf",e.pendingSearchIndexUpdates),t.xp6(1),t.Q6J("disabled",!t.lcZ(17,23,t.DdM(41,Ze))),t.xp6(2),t.hij(" ",t.lcZ(19,25,"catalog.rebuild-search-index")," "),t.xp6(4),t.Q6J("ngModel",e.groupByProduct),t.xp6(2),t.Oqu(t.lcZ(25,27,"catalog.group-by-product")),t.xp6(2),t.Q6J("availableLanguageCodes",t.lcZ(27,29,e.availableLanguages$))("currentLanguageCode",t.lcZ(28,31,e.contentLanguage$)),t.xp6(5),t.Q6J("vdrIfPermissions",t.DdM(42,Ja)),t.xp6(1),t.Q6J("items",t.lcZ(33,33,e.items$))("itemsPerPage",t.lcZ(34,35,e.itemsPerPage$))("totalItems",t.lcZ(35,37,e.totalItems$))("currentPage",t.lcZ(36,39,e.currentPage$)))},directives:[T.Kk,T.BN,xa.j,at.J,rt.U,h.qvL,C.O5,ba.e,st.N,ct.H,h.PEh,k.y,l.Wl,h.KKC,l.JJ,l.On,h.MgK,it.S,T.mz,K.W,V.H,Z.yS,Wt.Q,Jt.Y,Xt.v],pipes:[C.Ov,I.X$,D.j,Kt.M],styles:[".image-col[_ngcontent-%COMP%]{width:70px}.image-placeholder[_ngcontent-%COMP%]{width:50px;height:50px;background-color:var(--color-component-bg-200)}.image-placeholder[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{border-radius:var(--border-radius-img)}.image-placeholder[_ngcontent-%COMP%]   .placeholder[_ngcontent-%COMP%]{text-align:center;color:var(--color-grey-300)}.search-form[_ngcontent-%COMP%]{display:flex;align-items:center;width:100%;margin-bottom:6px}.search-input[_ngcontent-%COMP%]{min-width:300px}@media screen and (max-width: 768px){.search-input[_ngcontent-%COMP%]{min-width:100px}}.search-settings-menu[_ngcontent-%COMP%]{margin:0 12px}td.disabled[_ngcontent-%COMP%]{background-color:var(--color-component-bg-200)}.search-index-button[_ngcontent-%COMP%]{position:relative}.search-index-button[_ngcontent-%COMP%]   vdr-status-badge[_ngcontent-%COMP%]{right:0;top:0}.run-updates-button[_ngcontent-%COMP%]{position:relative}.run-updates-button[_ngcontent-%COMP%]   vdr-status-badge[_ngcontent-%COMP%]{left:10px;top:10px}.edit-button[_ngcontent-%COMP%]{margin-right:24px}"]});class At extends c.UT_{constructor(n,e,o,a,r,s,d,p){super(n,e,o,a),this.route=n,this.router=e,this.serverConfigService=o,this.dataService=a,this.productDetailService=r,this.formBuilder=s,this.changeDetector=d,this.notificationService=p,this.autoUpdateVariantNames=!0,this.updatePermission=[c.y3$.UpdateCatalog,c.y3$.UpdateProduct],this.optionGroupCustomFields=this.getCustomFieldConfig("ProductOptionGroup"),this.optionCustomFields=this.getCustomFieldConfig("ProductOption")}ngOnInit(){this.optionGroups$=this.route.snapshot.data.entity.pipe((0,v.U)(n=>n.optionGroups)),this.detailForm=new l.cw({optionGroups:new l.Oe([])}),super.init()}getOptionGroups(){return this.detailForm.get("optionGroups").controls}getOptions(n){return n.get("options").controls}save(){if(this.detailForm.invalid||this.detailForm.pristine)return;const n=this.dataService.product.getProduct(this.id).mapSingle(e=>e.product);(0,O.a)(this.entity$,this.languageCode$,n).pipe((0,w.q)(1),(0,P.z)(([{optionGroups:e},o,a])=>{var r,s,d,p,f;const m=[];for(const g of this.getOptionGroups()){if((null===(r=g.get("name"))||void 0===r?void 0:r.dirty)||(null===(s=g.get("code"))||void 0===s?void 0:s.dirty)){const x=e.find(b=>b.id===g.value.id);if(x){const b=this.getUpdatedOptionGroup(x,g,o);m.push(this.dataService.product.updateProductOptionGroup(b))}}for(const x of this.getOptions(g))if((null===(d=x.get("name"))||void 0===d?void 0:d.dirty)||(null===(p=x.get("code"))||void 0===p?void 0:p.dirty)){const b=null===(f=e.find(A=>A.id===g.value.id))||void 0===f?void 0:f.options.find(A=>A.id===x.value.id);if(b){const A=this.getUpdatedOption(b,x,o);m.push(this.productDetailService.updateProductOption(Object.assign(Object.assign({},A),{autoUpdate:this.autoUpdateVariantNames}),a,o))}}}return(0,$.D)(m)})).subscribe(()=>{this.detailForm.markAsPristine(),this.changeDetector.markForCheck(),this.notificationService.success((0,_.J)("common.notify-update-success"),{entity:"ProductOptionGroup"})},e=>{this.notificationService.error((0,_.J)("common.notify-update-error"),{entity:"ProductOptionGroup"})})}getUpdatedOptionGroup(n,e,o){return(0,c.iSy)({translatable:n,updatedFields:e.value,customFieldConfig:this.optionGroupCustomFields,languageCode:o,defaultTranslation:{languageCode:o,name:n.name||""}})}getUpdatedOption(n,e,o){return(0,c.iSy)({translatable:n,updatedFields:e.value,customFieldConfig:this.optionGroupCustomFields,languageCode:o,defaultTranslation:{languageCode:o,name:n.name||""}})}setFormValues(n,e){const o=new l.Oe([]);for(const a of n.optionGroups){const r=(0,c.ZIM)(a,e),s={id:a.id,createdAt:a.createdAt,updatedAt:a.updatedAt,code:a.code,name:r?r.name:""},d=new l.Oe([]);for(const f of a.options){const m=(0,c.ZIM)(f,e),g=this.formBuilder.group({id:f.id,createdAt:f.createdAt,updatedAt:f.updatedAt,code:f.code,name:m?m.name:""});d.push(g)}const p=this.formBuilder.group(s);p.addControl("options",d),o.push(p)}this.detailForm.setControl("optionGroups",o)}}At.\u0275fac=function(n){return new(n||At)(t.Y36(Z.gz),t.Y36(Z.F0),t.Y36(c.iHG),t.Y36(c.DoR),t.Y36(B),t.Y36(l.qu),t.Y36(t.sBO),t.Y36(c.gqp))},At.\u0275cmp=t.Xpm({type:At,selectors:[["vdr-product-options-editor"]],features:[t.qOj],decls:16,vars:14,consts:[[3,"availableLanguageCodes","currentLanguageCode","languageCodeChange"],[1,"flex","center"],[1,"mr2"],["clrCheckbox","","type","checkbox","id","auto-update",3,"ngModel","ngModelChange"],["class","btn btn-primary",3,"disabled","click",4,"vdrIfPermissions"],["class","form",3,"formGroup",4,"ngIf"],[1,"btn","btn-primary",3,"disabled","click"],[1,"form",3,"formGroup"],["formGroupName","optionGroups",1,"clr-row"],["class","clr-col-12 clr-col-xl-6",4,"ngFor","ngForOf"],[1,"clr-col-12","clr-col-xl-6"],[1,"card",3,"formArrayName"],[1,"card-header","option-group-header"],[3,"entity"],[1,"ml2"],[1,"card-block"],["for","name",3,"label"],["type","text","formControlName","name",3,"id","readonly"],["for","code",3,"label"],["type","text","formControlName","code",3,"id","readonly"],["formGroupName","options",1,"facet-values-list","table","mt2","mb4"],["class","facet-value",3,"formGroupName",4,"ngFor","ngForOf"],[1,"facet-value",3,"formGroupName"],[1,"align-middle"],["type","text","formControlName","name",3,"readonly"],["type","text","formControlName","code"]],template:function(n,e){1&n&&(t.TgZ(0,"vdr-action-bar")(1,"vdr-ab-left")(2,"vdr-language-selector",0),t.NdJ("languageCodeChange",function(a){return e.setLanguage(a)}),t.ALo(3,"async"),t.ALo(4,"async"),t.qZA()(),t.TgZ(5,"vdr-ab-right")(6,"div",1)(7,"div",2)(8,"clr-checkbox-wrapper")(9,"input",3),t.NdJ("ngModelChange",function(a){return e.autoUpdateVariantNames=a}),t.qZA(),t.TgZ(10,"label"),t._uU(11),t.ALo(12,"translate"),t.qZA()()(),t.YNc(13,Va,3,4,"button",4),t.qZA()()(),t.YNc(14,Na,3,2,"form",5),t.ALo(15,"async")),2&n&&(t.xp6(2),t.Q6J("availableLanguageCodes",t.lcZ(3,6,e.availableLanguages$))("currentLanguageCode",t.lcZ(4,8,e.languageCode$)),t.xp6(7),t.Q6J("ngModel",e.autoUpdateVariantNames),t.xp6(2),t.Oqu(t.lcZ(12,10,"catalog.auto-update-product-variant-name")),t.xp6(2),t.Q6J("vdrIfPermissions",e.updatePermission),t.xp6(1),t.Q6J("ngIf",t.lcZ(15,12,e.optionGroups$)))},directives:[T.Kk,T.BN,it.S,T.mz,h.PEh,k.y,l.Wl,h.KKC,l.JJ,l.On,h.MgK,V.H,C.O5,l._Y,l.JL,l.sg,l.x0,C.sg,l.CE,kt.V,qt.h,l.Fj,l.u],pipes:[C.Ov,I.X$,D.j],styles:[".option-group-header[_ngcontent-%COMP%]{display:flex;align-items:baseline}"],changeDetection:0});var qa=u(1057);function $a(i,n){1&i&&(t._uU(0),t.ALo(1,"translate")),2&i&&t.hij(" ",t.lcZ(1,1,"catalog.confirm-deletion-of-unused-variants-title"),"\n")}function Sa(i,n){if(1&i&&(t.TgZ(0,"li"),t._uU(1),t.qZA()),2&i){const e=n.$implicit;t.xp6(1),t.AsE("",e.name," (",e.sku,")")}}function Qa(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"button",3),t.NdJ("click",function(){return t.CHM(e),t.oxw().cancel()}),t._uU(1),t.ALo(2,"translate"),t.qZA(),t.TgZ(3,"button",4),t.NdJ("click",function(){return t.CHM(e),t.oxw().confirm()}),t._uU(4),t.ALo(5,"translate"),t.qZA()}2&i&&(t.xp6(1),t.Oqu(t.lcZ(2,2,"common.cancel")),t.xp6(3),t.hij(" ",t.lcZ(5,4,"common.confirm")," "))}class Tt{constructor(){this.variants=[]}confirm(){this.resolveWith(!0)}cancel(){this.resolveWith()}}function Ya(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"button",14),t.NdJ("click",function(){t.CHM(e);const a=t.oxw().$implicit;return t.oxw().removeOption(a)}),t._UZ(1,"clr-icon",15),t.qZA()}}function Ga(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"div",7)(1,"div",8)(2,"label"),t._uU(3),t.ALo(4,"translate"),t.qZA(),t.TgZ(5,"input",9),t.NdJ("ngModelChange",function(a){return t.CHM(e).$implicit.name=a}),t.qZA()(),t.TgZ(6,"div",10)(7,"label"),t._uU(8),t.ALo(9,"translate"),t.qZA(),t.TgZ(10,"vdr-option-value-input",11,12),t.NdJ("ngModelChange",function(a){return t.CHM(e).$implicit.values=a})("ngModelChange",function(){return t.CHM(e),t.oxw().generateVariants()}),t.qZA()(),t.TgZ(12,"div"),t.YNc(13,Ya,2,0,"button",13),t.qZA()()}if(2&i){const e=n.$implicit;t.xp6(3),t.Oqu(t.lcZ(4,8,"catalog.option")),t.xp6(2),t.Q6J("ngModel",e.name)("readonly",!e.isNew),t.xp6(3),t.Oqu(t.lcZ(9,10,"catalog.option-values")),t.xp6(2),t.Q6J("ngModel",e.values)("groupName",e.name)("disabled",""===e.name),t.xp6(3),t.Q6J("ngIf",e.isNew)}}function Ea(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"input",18),t.NdJ("ngModelChange",function(a){t.CHM(e);return t.oxw().$implicit.enabled=a})("ngModelChange",function(){t.CHM(e);return t.oxw(2).formValueChanged=!0}),t.qZA()}if(2&i){const e=t.oxw().$implicit;t.Q6J("ngModel",e.enabled)}}function ja(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"clr-input-container")(1,"input",19),t.NdJ("ngModelChange",function(a){t.CHM(e);return t.oxw().$implicit.sku=a})("ngModelChange",function(){t.CHM(e);const a=t.oxw().$implicit;return t.oxw().onFormChanged(a)}),t.ALo(2,"translate"),t.qZA()()}if(2&i){const e=t.oxw().$implicit;t.xp6(1),t.Q6J("ngModel",e.sku)("placeholder",t.lcZ(2,2,"catalog.sku"))}}function Ha(i,n){if(1&i&&(t.TgZ(0,"span"),t._uU(1),t.qZA()),2&i){const e=t.oxw().$implicit;t.xp6(1),t.Oqu(e.sku)}}function Ba(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"clr-input-container")(1,"vdr-currency-input",20),t.NdJ("ngModelChange",function(a){t.CHM(e);return t.oxw().$implicit.price=a})("ngModelChange",function(){t.CHM(e);const a=t.oxw().$implicit;return t.oxw().onFormChanged(a)}),t.qZA()()}if(2&i){const e=t.oxw().$implicit,o=t.oxw();t.xp6(1),t.Q6J("ngModel",e.price)("currencyCode",o.currencyCode)}}function Ra(i,n){if(1&i&&(t.TgZ(0,"span"),t._uU(1),t.ALo(2,"localeCurrency"),t.qZA()),2&i){const e=t.oxw().$implicit,o=t.oxw();t.xp6(1),t.Oqu(t.xi3(2,1,e.price,o.currencyCode))}}function za(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"clr-input-container")(1,"input",21),t.NdJ("ngModelChange",function(a){t.CHM(e);return t.oxw().$implicit.stock=a})("ngModelChange",function(){t.CHM(e);const a=t.oxw().$implicit;return t.oxw().onFormChanged(a)}),t.qZA()()}if(2&i){const e=t.oxw().$implicit;t.xp6(1),t.Q6J("ngModel",e.stock)}}function Ka(i,n){if(1&i&&(t.TgZ(0,"span"),t._uU(1),t.qZA()),2&i){const e=t.oxw().$implicit;t.xp6(1),t.Oqu(e.stock)}}function Wa(i,n){if(1&i){const e=t.EpF();t.TgZ(0,"vdr-dropdown")(1,"button",22),t._UZ(2,"clr-icon",23),t.qZA(),t.TgZ(3,"vdr-dropdown-menu",24)(4,"button",25),t.NdJ("click",function(){const r=t.CHM(e).ngIf;return t.oxw(2).deleteVariant(r)}),t._UZ(5,"clr-icon",26),t._uU(6),t.ALo(7,"translate"),t.qZA()()()}2&i&&(t.xp6(6),t.hij(" ",t.lcZ(7,1,"common.delete")," "))}function Xa(i,n){if(1&i&&(t.TgZ(0,"tr")(1,"td"),t.YNc(2,Ea,1,1,"input",16),t.qZA(),t.TgZ(3,"td"),t._uU(4),t.ALo(5,"translate"),t.qZA(),t.TgZ(6,"td"),t.YNc(7,ja,3,4,"clr-input-container",17),t.YNc(8,Ha,2,1,"span",17),t.qZA(),t.TgZ(9,"td"),t.YNc(10,Ba,2,2,"clr-input-container",17),t.YNc(11,Ra,3,4,"span",17),t.qZA(),t.TgZ(12,"td"),t.YNc(13,za,2,1,"clr-input-container",17),t.YNc(14,Ka,2,1,"span",17),t.qZA(),t.TgZ(15,"td"),t.YNc(16,Wa,8,3,"vdr-dropdown",17),t.qZA()()),2&i){const e=n.$implicit,o=t.oxw();t.ekj("disabled",!e.enabled||e.existing),t.xp6(2),t.Q6J("ngIf",!e.existing),t.xp6(2),t.hij(" ",t.lcZ(5,11,o.getVariantName(e))," "),t.xp6(3),t.Q6J("ngIf",!e.existing),t.xp6(1),t.Q6J("ngIf",e.existing),t.xp6(2),t.Q6J("ngIf",!e.existing),t.xp6(1),t.Q6J("ngIf",e.existing),t.xp6(2),t.Q6J("ngIf",!e.existing),t.xp6(1),t.Q6J("ngIf",e.existing),t.xp6(2),t.Q6J("ngIf",e.productVariantId)}}Tt.\u0275fac=function(n){return new(n||Tt)},Tt.\u0275cmp=t.Xpm({type:Tt,selectors:[["vdr-confirm-variant-deletion-dialog"]],decls:6,vars:4,consts:[["vdrDialogTitle",""],[4,"ngFor","ngForOf"],["vdrDialogButtons",""],["type","button",1,"btn",3,"click"],["type","submit",1,"btn","btn-primary",3,"click"]],template:function(n,e){1&n&&(t.YNc(0,$a,2,3,"ng-template",0),t._uU(1),t.ALo(2,"translate"),t.TgZ(3,"ul"),t.YNc(4,Sa,2,2,"li",1),t.qZA(),t.YNc(5,Qa,6,6,"ng-template",2)),2&n&&(t.xp6(1),t.hij("\n",t.lcZ(2,2,"catalog.confirm-deletion-of-unused-variants-body"),"\n"),t.xp6(3),t.Q6J("ngForOf",e.variants))},directives:[Et.q,C.sg,jt.n],pipes:[I.X$],styles:[""],changeDetection:0});const tr=function(i){return{count:i}};class Ae{constructor(n){for(const e of Object.keys(n))this[e]=n[e]}}class Pt{constructor(n,e,o,a,r){this.route=n,this.dataService=e,this.productDetailService=o,this.notificationService=a,this.modalService=r,this.formValueChanged=!1,this.generatedVariants=[]}ngOnInit(){this.initOptionsAndVariants(),this.languageCode=this.route.snapshot.paramMap.get("lang")||(0,c.kAh)(),this.dataService.settings.getActiveChannel().single$.subscribe(n=>{this.currencyCode=n.activeChannel.currencyCode})}onFormChanged(n){this.formValueChanged=!0,n.enabled=!0}canDeactivate(){return!this.formValueChanged}getVariantsToAdd(){return this.generatedVariants.filter(n=>!n.existing&&n.enabled)}getVariantName(n){return 0===n.options.length?(0,_.J)("catalog.default-variant"):n.options.map(e=>e.name).join(" ")}addOption(){this.optionGroups.push({isNew:!0,name:"",values:[]})}removeOption(n){this.optionGroups=this.optionGroups.filter(e=>e!==n),this.generateVariants()}generateVariants(){const n=this.optionGroups.map(a=>a.values),e=this.generatedVariants,o=(a,r,s,d)=>{var p,f,m,g,x,b;const A=this.getVariantPrototype(r,e);return new Ae({enabled:!0,existing:!!s,productVariantId:null==s?void 0:s.id,isDefault:a,options:r,price:null!==(f=null!==(p=null==s?void 0:s.price)&&void 0!==p?p:null==d?void 0:d.price)&&void 0!==f?f:A.price,sku:null!==(g=null!==(m=null==s?void 0:s.sku)&&void 0!==m?m:null==d?void 0:d.sku)&&void 0!==g?g:A.sku,stock:null!==(b=null!==(x=null==s?void 0:s.stockOnHand)&&void 0!==x?x:null==d?void 0:d.stockOnHand)&&void 0!==b?b:A.stock})};this.generatedVariants=n.length?(0,J.generateAllCombinations)(n).map(a=>{const r=this.product.variants.find(d=>this.optionsAreEqual(d.options,a)),s=this.product.variants.find(d=>this.optionsAreSubset(d.options,a));return o(!1,a,r,s)}):[o(!0,[],this.product.variants[0])]}getVariantPrototype(n,e){return e.filter(a=>n.map(r=>r.name).filter(r=>a.options.map(s=>s.name).includes(r))).length?(0,qa.e)(e[0],["sku","price","stock"]):{sku:"",price:0,stock:0}}deleteVariant(n){this.modalService.dialog({title:(0,_.J)("catalog.confirm-delete-product-variant"),buttons:[{type:"secondary",label:(0,_.J)("common.cancel")},{type:"danger",label:(0,_.J)("common.delete"),returnValue:!0}]}).pipe((0,y.w)(e=>e?this.productDetailService.deleteProductVariant(n,this.product.id):N.E),(0,y.w)(()=>this.reFetchProduct(null))).subscribe(()=>{this.notificationService.success((0,_.J)("common.notify-delete-success"),{entity:"ProductVariant"}),this.initOptionsAndVariants()},e=>{this.notificationService.error((0,_.J)("common.notify-delete-error"),{entity:"ProductVariant"})})}save(){this.optionGroups=this.optionGroups.filter(e=>e.values.length);const n=this.optionGroups.filter(e=>e.isNew).map(e=>({name:e.name,values:[]}));this.checkUniqueSkus().pipe((0,P.z)(()=>this.confirmDeletionOfObsoleteVariants()),(0,P.z)(()=>this.productDetailService.createProductOptionGroups(n,this.languageCode)),(0,P.z)(e=>this.addOptionGroupsToProduct(e)),(0,P.z)(e=>this.addNewOptionsToGroups(e)),(0,P.z)(e=>this.fetchOptionGroups(e)),(0,P.z)(e=>this.createNewProductVariants(e)),(0,P.z)(e=>this.deleteObsoleteVariants(e.createProductVariants)),(0,P.z)(e=>this.reFetchProduct(e))).subscribe({next:e=>{this.formValueChanged=!1,this.notificationService.success((0,_.J)("catalog.created-new-variants-success"),{count:e.length}),this.initOptionsAndVariants()}})}checkUniqueSkus(){const n=this.generatedVariants.filter((e,o)=>this.generatedVariants.find(a=>a.sku.trim()===e.sku.trim()&&a!==e));return n.length?this.modalService.dialog({title:(0,_.J)("catalog.duplicate-sku-warning"),body:(0,St.T)(n.map(e=>`${e.sku}`)).join(", "),buttons:[{label:(0,_.J)("common.close"),returnValue:!1,type:"primary"}]}).pipe((0,P.z)(e=>N.E)):(0,M.of)(!0)}confirmDeletionOfObsoleteVariants(){const n=this.getObsoleteVariants();return n.length?this.modalService.fromComponent(Tt,{locals:{variants:n}}).pipe((0,P.z)(e=>!0===e?(0,M.of)(!0):N.E)):(0,M.of)(!0)}getObsoleteVariants(){return this.product.variants.filter(n=>!this.generatedVariants.find(e=>e.productVariantId===n.id))}hasOnlyDefaultVariant(n){return 1===n.variants.length&&0===n.optionGroups.length}addOptionGroupsToProduct(n){return n.length?(0,$.D)(n.map(e=>this.dataService.product.addOptionGroupToProduct({productId:this.product.id,optionGroupId:e.id}))).pipe((0,v.U)(()=>n)):(0,M.of)([])}addNewOptionsToGroups(n){const e=this.optionGroups.map(a=>{const r=n.find(d=>d.name===a.name),s=r?r.id:a.id;if(!s)throw new Error("Could not get a productOptionGroupId");return a.values.filter(d=>!d.locked).map(d=>({productOptionGroupId:s,code:(0,W.U)(d.name,"-"),translations:[{name:d.name,languageCode:this.languageCode}]}))}).reduce((a,r)=>[...a,...r],[]),o=[...n.map(a=>a.id),...this.optionGroups.map(a=>a.id).filter(J.notNullOrUndefined)];return e.length?(0,$.D)(e.map(a=>this.dataService.product.addOptionToGroup(a))).pipe((0,v.U)(()=>o)):(0,M.of)(o)}fetchOptionGroups(n){return(0,$.D)(n.map(e=>this.dataService.product.getProductOptionGroup(e).mapSingle(o=>o.productOptionGroup).pipe((0,Nt.h)(J.notNullOrUndefined))))}createNewProductVariants(n){const e=n.filter(J.notNullOrUndefined).map(a=>a.options).reduce((a,r)=>[...a,...r],[]),o=this.generatedVariants.filter(a=>a.enabled&&!a.existing).map(a=>({price:a.price,sku:a.sku,stock:a.stock,optionIds:a.options.map(r=>e.find(s=>s.name===r.name)).filter(J.notNullOrUndefined).map(r=>r.id)}));return this.productDetailService.createProductVariants(this.product,o,e,this.languageCode)}deleteObsoleteVariants(n){const e=this.getObsoleteVariants();if(e.length){const o=e.map(a=>this.dataService.product.deleteProductVariant(a.id).pipe((0,v.U)(()=>n)));return(0,$.D)(...o)}return(0,M.of)(n)}reFetchProduct(n){const e=this.route.snapshot.paramMap.get("id");return e?this.dataService.product.getProduct(e).single$.pipe((0,v.U)(()=>n)):(0,M.of)(n)}initOptionsAndVariants(){this.dataService.product.getProductVariantsOptions(this.route.snapshot.paramMap.get("id")).mapSingle(({product:n})=>n).subscribe(n=>{this.product=n,this.optionGroups=n.optionGroups.map(e=>({id:e.id,isNew:!1,name:e.name,values:e.options.map(o=>({id:o.id,name:o.name,locked:!0}))})),this.generateVariants()})}optionsAreEqual(n,e){return this.toOptionString(n)===this.toOptionString(e)}optionsAreSubset(n,e){return this.toOptionString(e).includes(this.toOptionString(n))}toOptionString(n){return n.map(e=>e.name).sort().join("|")}}Pt.\u0275fac=function(n){return new(n||Pt)(t.Y36(Z.gz),t.Y36(c.DoR),t.Y36(B),t.Y36(c.gqp),t.Y36(c.Z7U))},Pt.\u0275cmp=t.Xpm({type:Pt,selectors:[["vdr-product-variants-editor"]],decls:31,vars:27,consts:[[1,"btn","btn-primary",3,"disabled","click"],["class","option-groups",4,"ngFor","ngForOf"],[1,"btn","btn-primary-outline","btn-sm",3,"click"],["shape","plus"],[1,"variants-preview"],[1,"table"],[3,"disabled",4,"ngFor","ngForOf"],[1,"option-groups"],[1,"name"],["clrInput","","name","name",3,"ngModel","readonly","ngModelChange"],[1,"values"],[3,"ngModel","groupName","disabled","ngModelChange"],["optionValueInputComponent",""],["class","btn btn-icon btn-danger-outline mt5",3,"click",4,"ngIf"],[1,"btn","btn-icon","btn-danger-outline","mt5",3,"click"],["shape","trash"],["type","checkbox","name","enabled","clrCheckbox","",3,"ngModel","ngModelChange",4,"ngIf"],[4,"ngIf"],["type","checkbox","name","enabled","clrCheckbox","",3,"ngModel","ngModelChange"],["clrInput","","type","text","name","sku","required","",3,"ngModel","placeholder","ngModelChange"],["clrInput","","name","price",3,"ngModel","currencyCode","ngModelChange"],["clrInput","","type","number","name","stock","min","0","step","1",3,"ngModel","ngModelChange"],["vdrDropdownTrigger","",1,"icon-button"],["shape","ellipsis-vertical"],["vdrPosition","bottom-right"],["type","button","vdrDropdownItem","",1,"delete-button",3,"click"],["shape","trash",1,"is-danger"]],template:function(n,e){1&n&&(t.TgZ(0,"vdr-action-bar")(1,"vdr-ab-right")(2,"button",0),t.NdJ("click",function(){return e.save()}),t._uU(3),t.ALo(4,"translate"),t.qZA()()(),t.YNc(5,Ga,14,12,"div",1),t.TgZ(6,"button",2),t.NdJ("click",function(){return e.addOption()}),t._UZ(7,"clr-icon",3),t._uU(8),t.ALo(9,"translate"),t.qZA(),t.TgZ(10,"div",4)(11,"table",5)(12,"thead")(13,"tr")(14,"th"),t._uU(15),t.ALo(16,"translate"),t.qZA(),t.TgZ(17,"th"),t._uU(18),t.ALo(19,"translate"),t.qZA(),t.TgZ(20,"th"),t._uU(21),t.ALo(22,"translate"),t.qZA(),t.TgZ(23,"th"),t._uU(24),t.ALo(25,"translate"),t.qZA(),t.TgZ(26,"th"),t._uU(27),t.ALo(28,"translate"),t.qZA(),t._UZ(29,"th"),t.qZA()(),t.YNc(30,Xa,17,13,"tr",6),t.qZA()()),2&n&&(t.xp6(2),t.Q6J("disabled",!e.formValueChanged||0===e.getVariantsToAdd().length),t.xp6(1),t.hij(" ",t.xi3(4,10,"common.add-new-variants",t.VKq(25,tr,e.getVariantsToAdd().length))," "),t.xp6(2),t.Q6J("ngForOf",e.optionGroups),t.xp6(3),t.hij(" ",t.lcZ(9,13,"catalog.add-option"),"\n"),t.xp6(7),t.Oqu(t.lcZ(16,15,"common.create")),t.xp6(3),t.Oqu(t.lcZ(19,17,"catalog.variant")),t.xp6(3),t.Oqu(t.lcZ(22,19,"catalog.sku")),t.xp6(3),t.Oqu(t.lcZ(25,21,"catalog.price")),t.xp6(3),t.Oqu(t.lcZ(28,23,"catalog.stock-on-hand")),t.xp6(3),t.Q6J("ngForOf",e.generatedVariants))},directives:[T.Kk,T.mz,C.sg,h.MgK,k.y,l.Fj,h.xRP,l.JJ,l.On,R,C.O5,h.qvL,l.Wl,h.KKC,h.G55,l.Q7,Ht.K,l.qQ,l.wV,at.J,rt.U,st.N,ct.H],pipes:[I.X$,ne.k],styles:[".option-groups[_ngcontent-%COMP%]{display:flex}.option-groups[_ngcontent-%COMP%]:first-of-type{margin-top:24px}.values[_ngcontent-%COMP%]{flex:1;margin:0 6px}.variants-preview[_ngcontent-%COMP%]   tr.disabled[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]{background-color:var(--color-component-bg-100);color:var(--color-grey-400)}"]});class yt extends c.p_9{constructor(n,e){super(n,{__typename:"Asset",id:"",createdAt:"",updatedAt:"",name:"",type:c.h3s.IMAGE,fileSize:0,mimeType:"",width:0,height:0,source:"",preview:"",focalPoint:null},o=>e.product.getAsset(o).mapStream(a=>a.asset))}}yt.\u0275fac=function(n){return new(n||yt)(t.LFG(Z.F0),t.LFG(c.DoR))},yt.\u0275prov=t.Yz7({token:yt,factory:yt.\u0275fac,providedIn:"root"});class Ft extends c.p_9{constructor(n,e){super(n,{__typename:"Collection",id:"",createdAt:"",updatedAt:"",languageCode:(0,c.kAh)(),name:"",slug:"",isPrivate:!1,description:"",featuredAsset:null,assets:[],translations:[],inheritFilters:!0,filters:[],parent:{},children:null},o=>e.collection.getCollection(o).mapStream(a=>a.collection))}}Ft.\u0275fac=function(n){return new(n||Ft)(t.LFG(Z.F0),t.LFG(c.DoR))},Ft.\u0275prov=t.Yz7({token:Ft,factory:Ft.\u0275fac,providedIn:"root"});class Ot extends c.p_9{constructor(n,e){super(n,{__typename:"Facet",id:"",createdAt:"",updatedAt:"",isPrivate:!1,languageCode:(0,c.kAh)(),name:"",code:"",translations:[],values:[]},o=>e.facet.getFacet(o).mapStream(a=>a.facet))}}Ot.\u0275fac=function(n){return new(n||Ot)(t.LFG(Z.F0),t.LFG(c.DoR))},Ot.\u0275prov=t.Yz7({token:Ot,factory:Ot.\u0275fac,providedIn:"root"});class It extends c.p_9{constructor(n,e){super(e,{__typename:"Product",id:"",createdAt:"",updatedAt:"",enabled:!0,languageCode:(0,c.kAh)(),name:"",slug:"",featuredAsset:null,assets:[],description:"",translations:[],optionGroups:[],facetValues:[],variantList:{items:[],totalItems:0},channels:[]},o=>n.product.getProduct(o,{take:10}).refetchOnChannelChange().mapStream(a=>a.product))}}It.\u0275fac=function(n){return new(n||It)(t.LFG(c.DoR),t.LFG(Z.F0))},It.\u0275prov=t.Yz7({token:It,factory:It.\u0275fac,providedIn:"root"});class et extends c.p_9{constructor(n,e){super(n,{__typename:"Product",id:"",createdAt:"",updatedAt:"",name:"",optionGroups:[],variants:[]},o=>e.product.getProductVariantsOptions(o).mapStream(a=>a.product))}}et.\u0275fac=function(n){return new(n||et)(t.LFG(Z.F0),t.LFG(c.DoR))},et.\u0275prov=t.Yz7({token:et,factory:et.\u0275fac,providedIn:"root"});const Te=[{path:"products",component:Zt,data:{breadcrumb:(0,_.J)("breadcrumb.products")}},{path:"products/:id",component:bt,resolve:(0,c.Po4)(It),canDeactivate:[c.TSp],data:{breadcrumb:Pe}},{path:"products/:id/manage-variants",component:Pt,resolve:(0,c.Po4)(et),canDeactivate:[c.TSp],data:{breadcrumb:ye}},{path:"products/:id/options",component:At,resolve:(0,c.Po4)(et),canDeactivate:[c.TSp],data:{breadcrumb:Fe}},{path:"facets",component:_t,data:{breadcrumb:(0,_.J)("breadcrumb.facets")}},{path:"facets/:id",component:mt,resolve:(0,c.Po4)(Ot),canDeactivate:[c.TSp],data:{breadcrumb:Oe}},{path:"collections",component:ut,data:{breadcrumb:(0,_.J)("breadcrumb.collections")}},{path:"collections/:id",component:dt,resolve:(0,c.Po4)(Ft),canDeactivate:[c.TSp],data:{breadcrumb:Ie}},{path:"assets",component:ot,data:{breadcrumb:(0,_.J)("breadcrumb.assets")}},{path:"assets/:id",component:nt,resolve:(0,c.Po4)(yt),data:{breadcrumb:Le}}];function Pe(i,n){return(0,c.YWC)({entity:i.entity,id:n.id,breadcrumbKey:"breadcrumb.products",getName:e=>e.name,route:"products"})}function ye(i,n){return i.entity.pipe((0,v.U)(e=>[{label:(0,_.J)("breadcrumb.products"),link:["../","products"]},{label:`${e.name}`,link:["../","products",n.id,{tab:"variants"}]},{label:(0,_.J)("breadcrumb.manage-variants"),link:["manage-variants"]}]))}function Fe(i,n){return i.entity.pipe((0,v.U)(e=>[{label:(0,_.J)("breadcrumb.products"),link:["../","products"]},{label:`${e.name}`,link:["../","products",n.id,{tab:"variants"}]},{label:(0,_.J)("breadcrumb.product-options"),link:["options"]}]))}function Oe(i,n){return(0,c.YWC)({entity:i.entity,id:n.id,breadcrumbKey:"breadcrumb.facets",getName:e=>e.name,route:"facets"})}function Ie(i,n){return(0,c.YWC)({entity:i.entity,id:n.id,breadcrumbKey:"breadcrumb.collections",getName:e=>e.name,route:"collections"})}function Le(i,n){return(0,c.YWC)({entity:i.entity,id:n.id,breadcrumbKey:"breadcrumb.assets",getName:e=>e.name,route:"assets"})}class Vt{}Vt.\u0275fac=function(n){return new(n||Vt)},Vt.\u0275mod=t.oAB({type:Vt}),Vt.\u0275inj=t.cJS({imports:[[c.m81,Z.Bz.forChild(Te)]]})}}]);
+//# sourceMappingURL=504.56537eeeb3db51b7.js.map