8737-8737.js 17 KB

12
  1. "use strict";(self.webpackChunknextcloud=self.webpackChunknextcloud||[]).push([[8737,4546],{77796:(t,e,a)=>{a.d(e,{K:()=>r});const n=["post","showcase","carousel"],r={type:{type:String,required:!0,validator:t=>"string"==typeof t&&n.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:()=>s});var n=a(53334),r=a(85471);const s=t=>{const e=(0,n.Z0)();return(0,r.EW)((()=>t?.value?((t,e)=>t[e]??t[e.split("_")[0]]??t.en??null)(t.value,e):null))}},83418:(t,e,a)=>{a.d(e,{A:()=>o});var n=a(71354),r=a.n(n),s=a(76314),i=a.n(s)()(r());i.push([t.id,".app-discover-app[data-v-61ce59e2]{width:100% !important}.app-discover-app[data-v-61ce59e2]:hover{background:var(--color-background-hover);border-radius:var(--border-radius-rounded)}.app-discover-app__skeleton[data-v-61ce59e2]{display:flex;flex-direction:column;gap:8px;padding:30px}.app-discover-app__skeleton[data-v-61ce59e2]>:first-child{height:50%;min-height:130px}.app-discover-app__skeleton[data-v-61ce59e2]>:nth-child(2){width:50px}.app-discover-app__skeleton[data-v-61ce59e2]>:nth-child(5){height:20px;width:100px}.app-discover-app__skeleton[data-v-61ce59e2]>:not(:first-child){border-radius:4px}.skeleton-element[data-v-61ce59e2]{min-height:var(--default-font-size, 15px);background:linear-gradient(90deg, var(--color-background-dark), var(--color-background-darker), var(--color-background-dark));background-size:400% 400%;animation:gradient-61ce59e2 6s ease infinite}@keyframes gradient-61ce59e2{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}","",{version:3,sources:["webpack://./apps/settings/src/components/AppStoreDiscover/AppType.vue"],names:[],mappings:"AACA,mCACC,qBAAA,CAEA,yCACC,wCAAA,CACA,0CAAA,CAGD,6CACC,YAAA,CACA,qBAAA,CACA,OAAA,CAEA,YAAA,CAEA,0DACC,UAAA,CACA,gBAAA,CAGD,2DACC,UAAA,CAGD,2DACC,WAAA,CACA,WAAA,CAGD,gEACC,iBAAA,CAKH,mCACC,yCAAA,CAEA,6HAAA,CACA,yBAAA,CACA,4CAAA,CAGD,6BACC,GACC,0BAAA,CAED,IACC,4BAAA,CAED,KACC,0BAAA,CAAA",sourcesContent:["\n.app-discover-app {\n\twidth: 100% !important; // full with of the showcase item\n\n\t&:hover {\n\t\tbackground: var(--color-background-hover);\n\t\tborder-radius: var(--border-radius-rounded);\n\t}\n\n\t&__skeleton {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 8px;\n\n\t\tpadding: 30px; // Same as AppItem\n\n\t\t> :first-child {\n\t\t\theight: 50%;\n\t\t\tmin-height: 130px;\n\t\t}\n\n\t\t> :nth-child(2) {\n\t\t\twidth: 50px;\n\t\t}\n\n\t\t> :nth-child(5) {\n\t\t\theight: 20px;\n\t\t\twidth: 100px;\n\t\t}\n\n\t\t> :not(:first-child) {\n\t\t\tborder-radius: 4px;\n\t\t}\n\t}\n}\n\n.skeleton-element {\n\tmin-height: var(--default-font-size, 15px);\n\n\tbackground: linear-gradient(90deg, var(--color-background-dark), var(--color-background-darker), var(--color-background-dark));\n\tbackground-size: 400% 400%;\n\tanimation: gradient 6s ease infinite;\n}\n\n@keyframes gradient {\n\t0% {\n\t\tbackground-position: 0% 50%;\n\t}\n\t50% {\n\t\tbackground-position: 100% 50%;\n\t}\n\t100% {\n\t\tbackground-position: 0% 50%;\n\t}\n}\n"],sourceRoot:""}]);const o=i},21201:(t,e,a)=>{a.d(e,{A:()=>o});var n=a(71354),r=a.n(n),s=a(76314),i=a.n(s)()(r());i.push([t.id,".app-discover-post[data-v-cf6ad2b0]{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-cf6ad2b0]{flex-direction:row-reverse}.app-discover-post h3[data-v-cf6ad2b0],.app-discover-post h4[data-v-cf6ad2b0]{font-size:24px;font-weight:600;margin-block:0 1em}.app-discover-post__text[data-v-cf6ad2b0]{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-cf6ad2b0]{padding-block-end:0}.app-discover-post__media[data-v-cf6ad2b0]{display:block;overflow:hidden;max-width:450px;border-radius:var(--border-radius-rounded)}.app-discover-post__media--fullwidth[data-v-cf6ad2b0]{max-width:unset;max-height:unset}.app-discover-post__media--end[data-v-cf6ad2b0]{border-end-start-radius:0;border-start-start-radius:0}.app-discover-post__media--start[data-v-cf6ad2b0]{border-end-end-radius:0;border-start-end-radius:0}.app-discover-post__media img[data-v-cf6ad2b0],.app-discover-post__media-element[data-v-cf6ad2b0]{height:100%;width:100%;object-fit:cover;object-position:center}.app-discover-post__play-icon[data-v-cf6ad2b0]{position:absolute;top:-46px;inset-inline-end:-46px}.app-discover-post__play-icon-wrapper[data-v-cf6ad2b0]{position:relative;top:-50%;inset-inline-start:-50%}.app-discover-post--small.app-discover-post[data-v-cf6ad2b0]{flex-direction:column;max-height:500px}.app-discover-post--small.app-discover-post--reverse[data-v-cf6ad2b0]{flex-direction:column-reverse}.app-discover-post--small .app-discover-post__text[data-v-cf6ad2b0]{flex:1 1 50%}.app-discover-post--small .app-discover-post__media[data-v-cf6ad2b0]{min-width:100%}.app-discover-post--small .app-discover-post__media--end[data-v-cf6ad2b0]{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-cf6ad2b0]{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,sBAAA,CARA,uDACC,iBAAA,CACA,QAAA,CACA,uBAAA,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\tinset-inline-start: -50%;\n\t\t}\n\n\t\tposition: absolute;\n\t\ttop: -46px; // half of the icon height\n\t\tinset-inline-end: -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=i},81189:(t,e,a)=>{a.d(e,{A:()=>o});var n=a(71354),r=a.n(n),s=a(76314),i=a.n(s)()(r());i.push([t.id,"h3[data-v-4fd06dba]{font-size:24px;font-weight:600;margin-block:0 1em}.app-discover-showcase__list[data-v-4fd06dba]{list-style:none;display:flex;flex-wrap:wrap;gap:calc(var(--default-clickable-area, 44px)/2)}.app-discover-showcase__item[data-v-4fd06dba]{display:flex;align-items:stretch;position:relative;width:calc(33% - var(--default-clickable-area, 44px)/2)}.app-discover-showcase--small .app-discover-showcase__item[data-v-4fd06dba]{width:calc(50% - var(--default-clickable-area, 44px)/2)}.app-discover-showcase--extra-small .app-discover-showcase__item[data-v-4fd06dba]{width:100%}","",{version:3,sources:["webpack://./apps/settings/src/components/AppStoreDiscover/ShowcaseType.vue"],names:[],mappings:"AAGA,oBACC,cAAA,CACA,eAAA,CACA,kBAAA,CAIA,8CACC,eAAA,CAEA,YAAA,CACA,cAAA,CACA,+CAdS,CAiBV,8CACC,YAAA,CACA,mBAAA,CAEA,iBAAA,CACA,uDAAA,CAKD,4EACC,uDAAA,CAKD,kFACC,UAAA",sourcesContent:["\n$item-gap: calc(var(--default-clickable-area, 44px) / 2);\n\nh3 {\n\tfont-size: 24px;\n\tfont-weight: 600;\n\tmargin-block: 0 1em;\n}\n\n.app-discover-showcase {\n\t&__list {\n\t\tlist-style: none;\n\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t\tgap: $item-gap;\n\t}\n\n\t&__item {\n\t\tdisplay: flex;\n\t\talign-items: stretch;\n\n\t\tposition: relative;\n\t\twidth: calc(33% - $item-gap);\n\t}\n}\n\n.app-discover-showcase--small {\n\t.app-discover-showcase__item {\n\t\twidth: calc(50% - $item-gap);\n\t}\n}\n\n.app-discover-showcase--extra-small {\n\t.app-discover-showcase__item {\n\t\twidth: 100%;\n\t}\n}\n"],sourceRoot:""}]);const o=i},54546:(t,e,a)=>{a.r(e),a.d(e,{default:()=>S});var n=a(9165),r=a(63814),s=a(13073),i=a(85471),o=a(77796),d=a(74640),p=a(6695),A=a(32981),l=a(40173);const c=(0,A.C)("core","apps"),u=Object.fromEntries(c.map((t=>[t.app??t.id,t.href]))),v=(0,i.pM)({name:"AppLink",components:{RouterLink:l.Wk},props:{href:{type:String,required:!0}},data:()=>({routerProps:void 0,linkProps:void 0}),watch:{href:{immediate:!0,handler(){const t=this.href.match(/^app:\/\/([^/]+)(\/.+)?$/);if(this.routerProps=void 0,this.linkProps=void 0,null===t)return void(this.linkProps={href:this.href,target:"_blank",rel:"noreferrer noopener"});const e=t[1];t[2]?this.linkProps={href:(0,r.Jv)(`/apps/${e}${t[2]}`)}:e in u?this.linkProps={href:u[e]}:this.routerProps={to:{name:"apps-details",params:{category:this.$route.params?.category??"discover",id:e}}}}}}});var C=a(14486);const m=(0,C.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,i.pM)({components:{AppLink:m,NcIconSvgWrapper:p.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,d.O)((0,i.EW)((()=>t.headline))),a=(0,d.O)((0,i.EW)((()=>t.text))),o=(0,d.O)((0,i.EW)((()=>t.media?.content))),p=(0,i.EW)((()=>null!==o.value?[o.value.src].flat():void 0)),A=(0,i.EW)((()=>o.value?.alt??"")),l=(0,i.EW)((()=>!0===p?.value?.[0].mime.startsWith("image/"))),c=(0,i.EW)((()=>!e.value&&!a.value)),u=(0,i.EW)((()=>o.value?.link??t.link)),v=(0,i.KR)(!1),C=(0,i.EW)((()=>o.value?.link&&v.value)),m=(0,i.KR)(),{width:h}=(0,s.Lhy)(m),f=(0,i.EW)((()=>h.value<600)),_=(0,i.KR)(),b=(0,s.ITo)(_,{threshold:.3});return(0,i.nT)((()=>{if(!l.value&&_.value){const t=_.value;b.value?(t.muted=!0,t.play()):(t.pause(),t.ended&&(t.currentTime=0,v.value=!1))}})),{mdiPlayCircleOutline:n.Nwy,container:m,translatedText:a,translatedHeadline:e,mediaElement:_,mediaSources:p,mediaAlt:A,mediaLink:u,hasPlaybackEnded:v,showPlayVideo:C,isFullWidth:c,isSmallWidth:f,isImage:l,generatePrivacyUrl:t=>t.startsWith("/")?t:(0,r.Jv)("/settings/api/apps/media?fileName={fileName}",{fileName:t})}}});var f=a(85072),_=a.n(f),b=a(97825),g=a.n(b),k=a(77659),x=a.n(k),y=a(55056),w=a.n(y),E=a(10540),B=a.n(E),D=a(41113),P=a.n(D),W=a(21201),I={};I.styleTagTransform=P(),I.setAttributes=w(),I.insert=x().bind(null,"head"),I.domAPI=g(),I.insertStyleElement=B(),_()(W.A,I),W.A&&W.A.locals&&W.A.locals;const S=(0,C.A)(h,(function(){var t=this,e=t._self._c;return t._self._setupProxy,e("article",{ref:"container",staticClass:"app-discover-post",class:{"app-discover-post--reverse":t.media&&"start"===t.media.alignment,"app-discover-post--small":t.isSmallWidth},attrs:{id:t.domId}},[t.headline||t.text?e(t.link?"AppLink":"div",{tag:"component",staticClass:"app-discover-post__text",attrs:{href:t.link}},[e(t.inline?"h4":"h3",{tag:"component"},[t._v("\n\t\t\t"+t._s(t.translatedHeadline)+"\n\t\t")]),t._v(" "),e("p",[t._v(t._s(t.translatedText))])],1):t._e(),t._v(" "),t.mediaSources?e(t.mediaLink?"AppLink":"div",{tag:"component",staticClass:"app-discover-post__media",class:{"app-discover-post__media--fullwidth":t.isFullWidth,"app-discover-post__media--start":"start"===t.media?.alignment,"app-discover-post__media--end":"end"===t.media?.alignment},attrs:{href:t.mediaLink}},[e(t.isImage?"picture":"video",{ref:"mediaElement",tag:"component",staticClass:"app-discover-post__media-element",attrs:{muted:!t.isImage,playsinline:!t.isImage,preload:!t.isImage&&"auto"},on:{ended:function(e){t.hasPlaybackEnded=!0}}},[t._l(t.mediaSources,(function(a){return e("source",{key:a.src,attrs:{src:t.isImage?void 0:t.generatePrivacyUrl(a.src),srcset:t.isImage?t.generatePrivacyUrl(a.src):void 0,type:a.mime}})})),t._v(" "),t.isImage?e("img",{attrs:{src:t.generatePrivacyUrl(t.mediaSources[0].src),alt:t.mediaAlt}}):t._e()],2),t._v(" "),e("div",{staticClass:"app-discover-post__play-icon-wrapper"},[!t.isImage&&t.showPlayVideo?e("NcIconSvgWrapper",{staticClass:"app-discover-post__play-icon",attrs:{path:t.mdiPlayCircleOutline,size:92}}):t._e()],1)],1):t._e()],1)}),[],!1,null,"cf6ad2b0",null).exports},98737:(t,e,a)=>{a.r(e),a.d(e,{default:()=>I});var n=a(53334),r=a(13073),s=a(85471),i=a(77796),o=a(74640),d=a(846),p=a(82692);const A=(0,s.pM)({__name:"AppType",props:{modelValue:null},setup(t){const e=t,a=(0,d.T)(),n=(0,s.EW)((()=>a.getAppById(e.modelValue.appId))),r=(0,s.EW)((()=>e.modelValue.appId?`https://apps.nextcloud.com/apps/${e.modelValue.appId}`:"#"));return{__sfc:!0,props:e,store:a,app:n,appStoreLink:r,AppItem:p.A}}});var l=a(85072),c=a.n(l),u=a(97825),v=a.n(u),C=a(77659),m=a.n(C),h=a(55056),f=a.n(h),_=a(10540),b=a.n(_),g=a(41113),k=a.n(g),x=a(83418),y={};y.styleTagTransform=k(),y.setAttributes=f(),y.insert=m().bind(null,"head"),y.domAPI=v(),y.insertStyleElement=b(),c()(x.A,y),x.A&&x.A.locals&&x.A.locals;var w=a(14486);const E=(0,w.A)(A,(function(){var t=this,e=t._self._c,a=t._self._setupProxy;return a.app?e(a.AppItem,{staticClass:"app-discover-app",attrs:{app:a.app,category:"discover",inline:"","list-view":!1}}):e("a",{staticClass:"app-discover-app app-discover-app__skeleton",attrs:{href:a.appStoreLink,target:"_blank",title:t.modelValue.appId,rel:"noopener noreferrer"}},[e("span",{staticClass:"skeleton-element"}),t._v(" "),e("span",{staticClass:"skeleton-element"}),t._v(" "),e("span",{staticClass:"skeleton-element"}),t._v(" "),e("span",{staticClass:"skeleton-element"}),t._v(" "),e("span",{staticClass:"skeleton-element"})])}),[],!1,null,"61ce59e2",null).exports;var B=a(54546);const D=(0,s.pM)({name:"ShowcaseType",components:{AppType:E,PostType:B.default},props:{...i.K,content:{type:Array,required:!0}},setup(t){const e=(0,o.O)((0,s.EW)((()=>t.headline))),a=(0,s.KR)(),{width:i}=(0,r.Lhy)(a),d=(0,s.EW)((()=>i.value<768)),p=(0,s.EW)((()=>i.value<512));return{t:n.Tl,container:a,isSmallWidth:d,isExtraSmallWidth:p,translatedHeadline:e}}});var P=a(81189),W={};W.styleTagTransform=k(),W.setAttributes=f(),W.insert=m().bind(null,"head"),W.domAPI=v(),W.insertStyleElement=b(),c()(P.A,W),P.A&&P.A.locals&&P.A.locals;const I=(0,w.A)(D,(function(){var t=this,e=t._self._c;return t._self._setupProxy,e("section",{ref:"container",staticClass:"app-discover-showcase",class:{"app-discover-showcase--small":t.isSmallWidth,"app-discover-showcase--extra-small":t.isExtraSmallWidth}},[t.translatedHeadline?e("h3",[t._v("\n\t\t"+t._s(t.translatedHeadline)+"\n\t")]):t._e(),t._v(" "),e("ul",{staticClass:"app-discover-showcase__list"},t._l(t.content,(function(a,n){return e("li",{key:a.id??n,staticClass:"app-discover-showcase__item"},["post"===a.type?e("PostType",t._b({attrs:{inline:""}},"PostType",a,!1)):"app"===a.type?e("AppType",{attrs:{"model-value":a}}):t._e()],1)})),0)])}),[],!1,null,"4fd06dba",null).exports}}]);
  2. //# sourceMappingURL=8737-8737.js.map?v=6a26621151e51d343a78