12 |
- "use strict";(self.webpackChunknextcloud=self.webpackChunknextcloud||[]).push([[5085],{77796:(t,e,a)=>{a.d(e,{K:()=>i});const r=["post","showcase","carousel"],i={type:{type:String,required:!0,validator:t=>"string"==typeof t&&r.includes(t)},id:{type:String,required:!0},date:{type:Number,required:!1,default:void 0},expiryDate:{type:Number,required:!1,default:void 0},headline:{type:Object,required:!1,default:()=>null},link:{type:String,required:!1,default:()=>null}}},74640:(t,e,a)=>{a.d(e,{O:()=>n});var r=a(53334),i=a(85471);const n=t=>{const e=(0,r.Z0)();return(0,i.EW)((()=>null!=t&&t.value?((t,e)=>{var a,r,i;return null!==(a=null!==(r=null!==(i=t[e])&&void 0!==i?i:t[e.split("_")[0]])&&void 0!==r?r:t.en)&&void 0!==a?a:null})(t.value,e):null))}},27976:(t,e,a)=>{a.d(e,{A:()=>o});var r=a(71354),i=a.n(r),n=a(76314),d=a.n(n)()(i());d.push([t.id,".app-discover-post[data-v-72a2ea36]{max-height:300px;width:100%;background-color:var(--color-primary-element-light);border-radius:var(--border-radius-rounded);display:flex;flex-direction:row;justify-content:start}.app-discover-post--reverse[data-v-72a2ea36]{flex-direction:row-reverse}.app-discover-post h3[data-v-72a2ea36],.app-discover-post h4[data-v-72a2ea36]{font-size:24px;font-weight:600;margin-block:0 1em}.app-discover-post__text[data-v-72a2ea36]{display:block;width:100%;padding:var(--border-radius-rounded);overflow-y:scroll}.app-discover-post:has(.app-discover-post__media) .app-discover-post__text[data-v-72a2ea36]{padding-block-end:0}.app-discover-post__media[data-v-72a2ea36]{display:block;overflow:hidden;max-width:450px;border-radius:var(--border-radius-rounded)}.app-discover-post__media--fullwidth[data-v-72a2ea36]{max-width:unset;max-height:unset}.app-discover-post__media--end[data-v-72a2ea36]{border-end-start-radius:0;border-start-start-radius:0}.app-discover-post__media--start[data-v-72a2ea36]{border-end-end-radius:0;border-start-end-radius:0}.app-discover-post__media img[data-v-72a2ea36],.app-discover-post__media-element[data-v-72a2ea36]{height:100%;width:100%;object-fit:cover;object-position:center}.app-discover-post__play-icon[data-v-72a2ea36]{position:absolute;top:-46px;right:-46px}.app-discover-post__play-icon-wrapper[data-v-72a2ea36]{position:relative;top:-50%;left:-50%}.app-discover-post--small.app-discover-post[data-v-72a2ea36]{flex-direction:column;max-height:500px}.app-discover-post--small.app-discover-post--reverse[data-v-72a2ea36]{flex-direction:column-reverse}.app-discover-post--small .app-discover-post__text[data-v-72a2ea36]{flex:1 1 50%}.app-discover-post--small .app-discover-post__media[data-v-72a2ea36]{min-width:100%}.app-discover-post--small .app-discover-post__media--end[data-v-72a2ea36]{border-radius:var(--border-radius-rounded);border-start-end-radius:0;border-start-start-radius:0}.app-discover-post--small .app-discover-post__media--start[data-v-72a2ea36]{border-radius:var(--border-radius-rounded);border-end-end-radius:0;border-end-start-radius:0}","",{version:3,sources:["webpack://./apps/settings/src/components/AppStoreDiscover/PostType.vue"],names:[],mappings:"AACA,oCACC,gBAAA,CACA,UAAA,CACA,mDAAA,CACA,0CAAA,CAEA,YAAA,CACA,kBAAA,CACA,qBAAA,CAEA,6CACC,0BAAA,CAGD,8EACC,cAAA,CACA,eAAA,CACA,kBAAA,CAGD,0CACC,aAAA,CACA,UAAA,CACA,oCAAA,CACA,iBAAA,CAID,4FACC,mBAAA,CAGD,2CACC,aAAA,CACA,eAAA,CAEA,eAAA,CACA,0CAAA,CAEA,sDACC,eAAA,CACA,gBAAA,CAGD,gDACC,yBAAA,CACA,2BAAA,CAGD,kDACC,uBAAA,CACA,yBAAA,CAGD,kGACC,WAAA,CACA,UAAA,CACA,gBAAA,CACA,sBAAA,CAIF,+CAOC,iBAAA,CACA,SAAA,CACA,WAAA,CARA,uDACC,iBAAA,CACA,QAAA,CACA,SAAA,CAUF,6DACC,qBAAA,CACA,gBAAA,CAEA,sEACC,6BAAA,CAKD,oEACC,YAAA,CAGD,qEACC,cAAA,CAEA,0EACC,0CAAA,CACA,yBAAA,CACA,2BAAA,CAGD,4EACC,0CAAA,CACA,uBAAA,CACA,yBAAA",sourcesContent:["\n.app-discover-post {\n\tmax-height: 300px;\n\twidth: 100%;\n\tbackground-color: var(--color-primary-element-light);\n\tborder-radius: var(--border-radius-rounded);\n\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: start;\n\n\t&--reverse {\n\t\tflex-direction: row-reverse;\n\t}\n\n\th3, h4 {\n\t\tfont-size: 24px;\n\t\tfont-weight: 600;\n\t\tmargin-block: 0 1em;\n\t}\n\n\t&__text {\n\t\tdisplay: block;\n\t\twidth: 100%;\n\t\tpadding: var(--border-radius-rounded);\n\t\toverflow-y: scroll;\n\t}\n\n\t// If there is media next to the text we do not want a padding on the bottom as this looks weird when scrolling\n\t&:has(&__media) &__text {\n\t\tpadding-block-end: 0;\n\t}\n\n\t&__media {\n\t\tdisplay: block;\n\t\toverflow: hidden;\n\n\t\tmax-width: 450px;\n\t\tborder-radius: var(--border-radius-rounded);\n\n\t\t&--fullwidth {\n\t\t\tmax-width: unset;\n\t\t\tmax-height: unset;\n\t\t}\n\n\t\t&--end {\n\t\t\tborder-end-start-radius: 0;\n\t\t\tborder-start-start-radius: 0;\n\t\t}\n\n\t\t&--start {\n\t\t\tborder-end-end-radius: 0;\n\t\t\tborder-start-end-radius: 0;\n\t\t}\n\n\t\timg, &-element {\n\t\t\theight: 100%;\n\t\t\twidth: 100%;\n\t\t\tobject-fit: cover;\n\t\t\tobject-position: center;\n\t\t}\n\t}\n\n\t&__play-icon {\n\t\t&-wrapper {\n\t\t\tposition: relative;\n\t\t\ttop: -50%;\n\t\t\tleft: -50%;\n\t\t}\n\n\t\tposition: absolute;\n\t\ttop: -46px; // half of the icon height\n\t\tright: -46px; // half of the icon width\n\t}\n}\n\n.app-discover-post--small {\n\t&.app-discover-post {\n\t\tflex-direction: column;\n\t\tmax-height: 500px;\n\n\t\t&--reverse {\n\t\t\tflex-direction: column-reverse;\n\t\t}\n\t}\n\n\t.app-discover-post {\n\t\t&__text {\n\t\t\tflex: 1 1 50%;\n\t\t}\n\n\t\t&__media {\n\t\t\tmin-width: 100%;\n\n\t\t\t&--end {\n\t\t\t\tborder-radius: var(--border-radius-rounded);\n\t\t\t\tborder-start-end-radius: 0;\n\t\t\t\tborder-start-start-radius: 0;\n\t\t\t}\n\n\t\t\t&--start {\n\t\t\t\tborder-radius: var(--border-radius-rounded);\n\t\t\t\tborder-end-end-radius: 0;\n\t\t\t\tborder-end-start-radius: 0;\n\t\t\t}\n\t\t}\n\t}\n}\n"],sourceRoot:""}]);const o=d},85085:(t,e,a)=>{a.r(e),a.d(e,{default:()=>S});var r=a(9165),i=a(63814),n=a(13073),d=a(85471),o=a(77796),s=a(74640),l=a(6695),p=a(32981),A=a(40173);const u=(0,p.C)("core","apps"),c=Object.fromEntries(u.map((t=>{var e;return[null!==(e=t.app)&&void 0!==e?e:t.id,t.href]}))),v=(0,d.pM)({name:"AppLink",components:{RouterLink:A.Wk},props:{href:{type:String,required:!0}},data:()=>({routerProps:void 0,linkProps:void 0}),watch:{href:{immediate:!0,handler(){var t,e;const a=this.href.match(/^app:\/\/([^/]+)(\/.+)?$/);if(this.routerProps=void 0,this.linkProps=void 0,null===a)return void(this.linkProps={href:this.href,target:"_blank",rel:"noreferrer noopener"});const r=a[1];a[2]?this.linkProps={href:(0,i.Jv)("/apps/".concat(r).concat(a[2]))}:r in c?this.linkProps={href:c[r]}:this.routerProps={to:{name:"apps-details",params:{category:null!==(t=null===(e=this.$route.params)||void 0===e?void 0:e.category)&&void 0!==t?t:"discover",id:r}}}}}}});var m=a(14486);const C=(0,m.A)(v,(function(){var t=this,e=t._self._c;return t._self._setupProxy,t.linkProps?e("a",t._b({},"a",t.linkProps,!1),[t._t("default")],2):t.routerProps?e("RouterLink",t._b({},"RouterLink",t.routerProps,!1),[t._t("default")],2):t._e()}),[],!1,null,null,null).exports,h=(0,d.pM)({components:{AppLink:C,NcIconSvgWrapper:l.A},props:{...o.K,text:{type:Object,required:!1,default:()=>null},media:{type:Object,required:!1,default:()=>null},inline:{type:Boolean,required:!1,default:!1},domId:{type:String,required:!1,default:null}},setup(t){const e=(0,s.O)((0,d.EW)((()=>t.headline))),a=(0,s.O)((0,d.EW)((()=>t.text))),o=(0,s.O)((0,d.EW)((()=>{var e;return null===(e=t.media)||void 0===e?void 0:e.content}))),l=(0,d.EW)((()=>null!==o.value?[o.value.src].flat():void 0)),p=(0,d.EW)((()=>{var t,e;return null!==(t=null===(e=o.value)||void 0===e?void 0:e.alt)&&void 0!==t?t:""})),A=(0,d.EW)((()=>{var t;return!0===(null==l||null===(t=l.value)||void 0===t?void 0:t[0].mime.startsWith("image/"))})),u=(0,d.EW)((()=>!e.value&&!a.value)),c=(0,d.EW)((()=>{var e,a;return null!==(e=null===(a=o.value)||void 0===a?void 0:a.link)&&void 0!==e?e:t.link})),v=(0,d.KR)(!1),m=(0,d.EW)((()=>{var t;return(null===(t=o.value)||void 0===t?void 0:t.link)&&v.value})),C=(0,d.KR)(),{width:h}=(0,n.Lhy)(C),_=(0,d.EW)((()=>h.value<600)),f=(0,d.KR)(),g=(0,n.ITo)(f,{threshold:.3});return(0,d.nT)((()=>{if(!A.value&&f.value){const t=f.value;g.value?(t.muted=!0,t.play()):(t.pause(),t.ended&&(t.currentTime=0,v.value=!1))}})),{mdiPlayCircleOutline:r.Nwy,container:C,translatedText:a,translatedHeadline:e,mediaElement:f,mediaSources:l,mediaAlt:p,mediaLink:c,hasPlaybackEnded:v,showPlayVideo:m,isFullWidth:u,isSmallWidth:_,isImage:A,generatePrivacyUrl:t=>t.startsWith("/")?t:(0,i.Jv)("/settings/api/apps/media?fileName={fileName}",{fileName:t})}}});var _=a(85072),f=a.n(_),g=a(97825),b=a.n(g),y=a(77659),x=a.n(y),k=a(55056),w=a.n(k),E=a(10540),P=a.n(E),B=a(41113),W=a.n(B),D=a(27976),I={};I.styleTagTransform=W(),I.setAttributes=w(),I.insert=x().bind(null,"head"),I.domAPI=b(),I.insertStyleElement=P(),f()(D.A,I),D.A&&D.A.locals&&D.A.locals;const S=(0,m.A)(h,(function(){var t,e,a=this,r=a._self._c;return a._self._setupProxy,r("article",{ref:"container",staticClass:"app-discover-post",class:{"app-discover-post--reverse":a.media&&"start"===a.media.alignment,"app-discover-post--small":a.isSmallWidth},attrs:{id:a.domId}},[a.headline||a.text?r(a.link?"AppLink":"div",{tag:"component",staticClass:"app-discover-post__text",attrs:{href:a.link}},[r(a.inline?"h4":"h3",{tag:"component"},[a._v("\n\t\t\t"+a._s(a.translatedHeadline)+"\n\t\t")]),a._v(" "),r("p",[a._v(a._s(a.translatedText))])],1):a._e(),a._v(" "),a.mediaSources?r(a.mediaLink?"AppLink":"div",{tag:"component",staticClass:"app-discover-post__media",class:{"app-discover-post__media--fullwidth":a.isFullWidth,"app-discover-post__media--start":"start"===(null===(t=a.media)||void 0===t?void 0:t.alignment),"app-discover-post__media--end":"end"===(null===(e=a.media)||void 0===e?void 0:e.alignment)},attrs:{href:a.mediaLink}},[r(a.isImage?"picture":"video",{ref:"mediaElement",tag:"component",staticClass:"app-discover-post__media-element",attrs:{muted:!a.isImage,playsinline:!a.isImage,preload:!a.isImage&&"auto"},on:{ended:function(t){a.hasPlaybackEnded=!0}}},[a._l(a.mediaSources,(function(t){return r("source",{key:t.src,attrs:{src:a.isImage?void 0:a.generatePrivacyUrl(t.src),srcset:a.isImage?a.generatePrivacyUrl(t.src):void 0,type:t.mime}})})),a._v(" "),a.isImage?r("img",{attrs:{src:a.generatePrivacyUrl(a.mediaSources[0].src),alt:a.mediaAlt}}):a._e()],2),a._v(" "),r("div",{staticClass:"app-discover-post__play-icon-wrapper"},[!a.isImage&&a.showPlayVideo?r("NcIconSvgWrapper",{staticClass:"app-discover-post__play-icon",attrs:{path:a.mdiPlayCircleOutline,size:92}}):a._e()],1)],1):a._e()],1)}),[],!1,null,"72a2ea36",null).exports}}]);
- //# sourceMappingURL=5085-5085.js.map?v=64c92a904d2e63e1f8f0
|