1
0

8484-8484.js 20 KB

123
  1. /*! For license information please see 8484-8484.js.LICENSE.txt */
  2. "use strict";(self.webpackChunknextcloud=self.webpackChunknextcloud||[]).push([[8484,8753],{77796:(t,e,n)=>{n.d(e,{K:()=>r});const a=["post","showcase","carousel"],r={type:{type:String,required:!0,validator:t=>"string"==typeof t&&a.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,n)=>{n.d(e,{O:()=>o});var a=n(53334),r=n(85471);const o=t=>{const e=(0,a.Z0)();return(0,r.EW)((()=>null!=t&&t.value?((t,e)=>{var n,a,r;return null!==(n=null!==(a=null!==(r=t[e])&&void 0!==r?r:t[e.split("_")[0]])&&void 0!==a?a:t.en)&&void 0!==n?n:null})(t.value,e):null))}},26046:(t,e,n)=>{n.d(e,{A:()=>s});var a=n(71354),r=n.n(a),o=n(76314),i=n.n(o)()(r());i.push([t.id,"h3[data-v-bbc71512]{font-size:24px;font-weight:600;margin-block:0 1em}.app-discover-carousel__wrapper[data-v-bbc71512]{display:flex}.app-discover-carousel__button[data-v-bbc71512]{color:var(--color-text-maxcontrast);position:absolute;top:calc(50% - 22px)}.app-discover-carousel__button-wrapper[data-v-bbc71512]{position:relative}.app-discover-carousel__button--next[data-v-bbc71512]{right:-54px}.app-discover-carousel__button--previous[data-v-bbc71512]{left:-54px}.app-discover-carousel__tabs[data-v-bbc71512]{display:flex;flex-direction:row;justify-content:center}.app-discover-carousel__tabs>*[data-v-bbc71512]{color:var(--color-text-maxcontrast)}","",{version:3,sources:["webpack://./apps/settings/src/components/AppStoreDiscover/CarouselType.vue"],names:[],mappings:"AACA,oBACC,cAAA,CACA,eAAA,CACA,kBAAA,CAIA,iDACC,YAAA,CAGD,gDACC,mCAAA,CACA,iBAAA,CACA,oBAAA,CAEA,wDACC,iBAAA,CAID,sDACC,WAAA,CAED,0DACC,UAAA,CAIF,8CACC,YAAA,CACA,kBAAA,CACA,sBAAA,CAEA,gDACC,mCAAA",sourcesContent:["\nh3 {\n\tfont-size: 24px;\n\tfont-weight: 600;\n\tmargin-block: 0 1em;\n}\n\n.app-discover-carousel {\n\t&__wrapper {\n\t\tdisplay: flex;\n\t}\n\n\t&__button {\n\t\tcolor: var(--color-text-maxcontrast);\n\t\tposition: absolute;\n\t\ttop: calc(50% - 22px); // 50% minus half of button height\n\n\t\t&-wrapper {\n\t\t\tposition: relative;\n\t\t}\n\n\t\t// See padding of discover section\n\t\t&--next {\n\t\t\tright: -54px;\n\t\t}\n\t\t&--previous {\n\t\t\tleft: -54px;\n\t\t}\n\t}\n\n\t&__tabs {\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tjustify-content: center;\n\n\t\t> * {\n\t\t\tcolor: var(--color-text-maxcontrast);\n\t\t}\n\t}\n}\n"],sourceRoot:""}]);const s=i},56336:(t,e,n)=>{n.d(e,{A:()=>s});var a=n(71354),r=n.n(a),o=n(76314),i=n.n(o)()(r());i.push([t.id,".app-discover-post[data-v-24eed252]{width:100%;background-color:var(--color-primary-element-light);border-radius:var(--border-radius-rounded);display:flex;flex-direction:row}.app-discover-post--reverse[data-v-24eed252]{flex-direction:row-reverse}.app-discover-post h3[data-v-24eed252],.app-discover-post h4[data-v-24eed252]{font-size:24px;font-weight:600;margin-block:0 1em}.app-discover-post__text[data-v-24eed252]{display:block;padding:var(--border-radius-rounded);width:100%}.app-discover-post__media[data-v-24eed252]{display:block;overflow:hidden;max-height:300px;max-width:450px;border-radius:var(--border-radius-rounded)}.app-discover-post__media--fullwidth[data-v-24eed252]{max-width:unset;max-height:unset}.app-discover-post__media--end[data-v-24eed252]{border-end-start-radius:0;border-start-start-radius:0}.app-discover-post__media--start[data-v-24eed252]{border-end-end-radius:0;border-start-end-radius:0}.app-discover-post__media img[data-v-24eed252],.app-discover-post__media-element[data-v-24eed252]{height:100%;width:100%;object-fit:cover;object-position:center}.app-discover-post__play-icon[data-v-24eed252]{position:absolute;top:-46px;right:-46px}.app-discover-post__play-icon-wrapper[data-v-24eed252]{position:relative;top:-50%;left:-50%}@media only screen and (max-width: 699px){.app-discover-post[data-v-24eed252]{flex-direction:column}.app-discover-post--reverse[data-v-24eed252]{flex-direction:column-reverse}.app-discover-post__media[data-v-24eed252]{min-width:100%}.app-discover-post__media--end[data-v-24eed252]{border-radius:var(--border-radius-rounded);border-start-end-radius:0;border-start-start-radius:0}.app-discover-post__media--start[data-v-24eed252]{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,UAAA,CACA,mDAAA,CACA,0CAAA,CAEA,YAAA,CACA,kBAAA,CACA,6CACC,0BAAA,CAGD,8EACC,cAAA,CACA,eAAA,CACA,kBAAA,CAGD,0CACC,aAAA,CACA,oCAAA,CACA,UAAA,CAGD,2CACC,aAAA,CACA,eAAA,CAEA,gBAAA,CACA,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,CAUH,0CACC,oCACC,qBAAA,CAEA,6CACC,6BAAA,CAGD,2CACC,cAAA,CAEA,gDACC,0CAAA,CACA,yBAAA,CACA,2BAAA,CAGD,kDACC,0CAAA,CACA,uBAAA,CACA,yBAAA,CAAA",sourcesContent:["\n.app-discover-post {\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\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\tpadding: var(--border-radius-rounded);\n\t\twidth: 100%;\n\t}\n\n\t&__media {\n\t\tdisplay: block;\n\t\toverflow: hidden;\n\n\t\tmax-height: 300px;\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// Ensure section works on mobile devices\n@media only screen and (max-width: 699px) {\n\t.app-discover-post {\n\t\tflex-direction: column;\n\n\t\t&--reverse {\n\t\t\tflex-direction: column-reverse;\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 s=i},43591:(t,e,n)=>{n.d(e,{A:()=>s});var a=n(71354),r=n.n(a),o=n(76314),i=n.n(o)()(r());i.push([t.id,"\n.slide-in-enter-active,\n.slide-in-leave-active,\n.slide-out-enter-active,\n.slide-out-leave-active {\n transition: all .4s ease-out;\n}\n.slide-in-leave-to,\n.slide-out-enter {\n opacity: 0;\n transform: translateX(50%);\n}\n.slide-in-enter,\n.slide-out-leave-to {\n opacity: 0;\n transform: translateX(-50%);\n}\n","",{version:3,sources:["webpack://./apps/settings/src/components/AppStoreDiscover/CarouselType.vue"],names:[],mappings:";AAuLA;;;;EAIA,4BAAA;AACA;AAEA;;EAEA,UAAA;EACA,0BAAA;AACA;AAEA;;EAEA,UAAA;EACA,2BAAA;AACA",sourcesContent:['<template>\n\t<section :aria-roledescription="t(\'settings\', \'Carousel\')" :aria-labelledby="headingId ? `${headingId}` : undefined">\n\t\t<h3 v-if="headline" :id="headingId">\n\t\t\t{{ translatedHeadline }}\n\t\t</h3>\n\t\t<div class="app-discover-carousel__wrapper">\n\t\t\t<div class="app-discover-carousel__button-wrapper">\n\t\t\t\t<NcButton class="app-discover-carousel__button app-discover-carousel__button--previous"\n\t\t\t\t\ttype="tertiary-no-background"\n\t\t\t\t\t:aria-label="t(\'settings\', \'Previous slide\')"\n\t\t\t\t\t:disabled="!hasPrevious"\n\t\t\t\t\t@click="currentIndex -= 1">\n\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t<NcIconSvgWrapper :path="mdiChevronLeft" />\n\t\t\t\t\t</template>\n\t\t\t\t</NcButton>\n\t\t\t</div>\n\n\t\t\t<Transition :name="transitionName" mode="out-in">\n\t\t\t\t<PostType v-bind="shownElement"\n\t\t\t\t\t:key="shownElement.id ?? currentIndex"\n\t\t\t\t\t:aria-labelledby="`${internalId}-tab-${currentIndex}`"\n\t\t\t\t\t:dom-id="`${internalId}-tabpanel-${currentIndex}`"\n\t\t\t\t\tinline\n\t\t\t\t\trole="tabpanel" />\n\t\t\t</Transition>\n\n\t\t\t<div class="app-discover-carousel__button-wrapper">\n\t\t\t\t<NcButton class="app-discover-carousel__button app-discover-carousel__button--next"\n\t\t\t\t\ttype="tertiary-no-background"\n\t\t\t\t\t:aria-label="t(\'settings\', \'Next slide\')"\n\t\t\t\t\t:disabled="!hasNext"\n\t\t\t\t\t@click="currentIndex += 1">\n\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t<NcIconSvgWrapper :path="mdiChevronRight" />\n\t\t\t\t\t</template>\n\t\t\t\t</NcButton>\n\t\t\t</div>\n\t\t</div>\n\t\t<div class="app-discover-carousel__tabs" role="tablist" :aria-label="t(\'settings\', \'Choose slide to display\')">\n\t\t\t<NcButton v-for="index of content.length"\n\t\t\t\t:id="`${internalId}-tab-${index}`"\n\t\t\t\t:key="index"\n\t\t\t\t:aria-label="t(\'settings\', \'{index} of {total}\', { index, total: content.length })"\n\t\t\t\t:aria-controls="`${internalId}-tabpanel-${index}`"\n\t\t\t\t:aria-selected="`${currentIndex === (index - 1)}`"\n\t\t\t\trole="tab"\n\t\t\t\ttype="tertiary-no-background"\n\t\t\t\t@click="currentIndex = index - 1">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<NcIconSvgWrapper :path="currentIndex === (index - 1) ? mdiCircleSlice8 : mdiCircleOutline" />\n\t\t\t\t</template>\n\t\t\t</NcButton>\n\t\t</div>\n\t</section>\n</template>\n\n<script lang="ts">\nimport type { PropType } from \'vue\'\nimport type { IAppDiscoverCarousel } from \'../../constants/AppDiscoverTypes.ts\'\n\nimport { mdiChevronLeft, mdiChevronRight, mdiCircleOutline, mdiCircleSlice8 } from \'@mdi/js\'\nimport { translate as t } from \'@nextcloud/l10n\'\nimport { computed, defineComponent, nextTick, ref, watch } from \'vue\'\nimport { commonAppDiscoverProps } from \'./common.ts\'\nimport { useLocalizedValue } from \'../../composables/useGetLocalizedValue.ts\'\n\nimport NcButton from \'@nextcloud/vue/dist/Components/NcButton.js\'\nimport NcIconSvgWrapper from \'@nextcloud/vue/dist/Components/NcIconSvgWrapper.js\'\nimport PostType from \'./PostType.vue\'\n\nexport default defineComponent({\n\tname: \'CarouselType\',\n\n\tcomponents: {\n\t\tNcButton,\n\t\tNcIconSvgWrapper,\n\t\tPostType,\n\t},\n\n\tprops: {\n\t\t...commonAppDiscoverProps,\n\n\t\t/**\n\t\t * The content of the carousel\n\t\t */\n\t\tcontent: {\n\t\t\ttype: Array as PropType<IAppDiscoverCarousel[\'content\']>,\n\t\t\trequired: true,\n\t\t},\n\t},\n\n\tsetup(props) {\n\t\tconst translatedHeadline = useLocalizedValue(computed(() => props.headline))\n\n\t\tconst currentIndex = ref(Math.min(1, props.content.length - 1))\n\t\tconst shownElement = ref(props.content[currentIndex.value])\n\t\tconst hasNext = computed(() => currentIndex.value < (props.content.length - 1))\n\t\tconst hasPrevious = computed(() => currentIndex.value > 0)\n\n\t\tconst internalId = computed(() => props.id ?? (Math.random() + 1).toString(36).substring(7))\n\t\tconst headingId = computed(() => `${internalId.value}-h`)\n\n\t\tconst transitionName = ref(\'slide-out\')\n\t\twatch(() => currentIndex.value, (o, n) => {\n\t\t\tif (o < n) {\n\t\t\t\ttransitionName.value = \'slide-out\'\n\t\t\t} else {\n\t\t\t\ttransitionName.value = \'slide-in\'\n\t\t\t}\n\n\t\t\t// Wait next tick\n\t\t\tnextTick(() => {\n\t\t\t\tshownElement.value = props.content[currentIndex.value]\n\t\t\t})\n\t\t})\n\n\t\treturn {\n\t\t\tt,\n\t\t\tinternalId,\n\t\t\theadingId,\n\n\t\t\thasNext,\n\t\t\thasPrevious,\n\t\t\tcurrentIndex,\n\t\t\tshownElement,\n\n\t\t\ttransitionName,\n\n\t\t\ttranslatedHeadline,\n\n\t\t\tmdiChevronLeft,\n\t\t\tmdiChevronRight,\n\t\t\tmdiCircleOutline,\n\t\t\tmdiCircleSlice8,\n\t\t}\n\t},\n})\n<\/script>\n\n<style scoped lang="scss">\nh3 {\n\tfont-size: 24px;\n\tfont-weight: 600;\n\tmargin-block: 0 1em;\n}\n\n.app-discover-carousel {\n\t&__wrapper {\n\t\tdisplay: flex;\n\t}\n\n\t&__button {\n\t\tcolor: var(--color-text-maxcontrast);\n\t\tposition: absolute;\n\t\ttop: calc(50% - 22px); // 50% minus half of button height\n\n\t\t&-wrapper {\n\t\t\tposition: relative;\n\t\t}\n\n\t\t// See padding of discover section\n\t\t&--next {\n\t\t\tright: -54px;\n\t\t}\n\t\t&--previous {\n\t\t\tleft: -54px;\n\t\t}\n\t}\n\n\t&__tabs {\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tjustify-content: center;\n\n\t\t> * {\n\t\t\tcolor: var(--color-text-maxcontrast);\n\t\t}\n\t}\n}\n</style>\n\n<style>\n.slide-in-enter-active,\n.slide-in-leave-active,\n.slide-out-enter-active,\n.slide-out-leave-active {\n transition: all .4s ease-out;\n}\n\n.slide-in-leave-to,\n.slide-out-enter {\n opacity: 0;\n transform: translateX(50%);\n}\n\n.slide-in-enter,\n.slide-out-leave-to {\n opacity: 0;\n transform: translateX(-50%);\n}\n</style>\n'],sourceRoot:""}]);const s=i},38484:(t,e,n)=>{n.r(e),n.d(e,{default:()=>N});var a=n(9165),r=n(53334),o=n(85471),i=n(77796),s=n(74640),d=n(9518),l=n(6695),c=n(8753);const p=(0,o.pM)({name:"CarouselType",components:{NcButton:d.A,NcIconSvgWrapper:l.A,PostType:c.default},props:{...i.K,content:{type:Array,required:!0}},setup(t){const e=(0,s.O)((0,o.EW)((()=>t.headline))),n=(0,o.KR)(Math.min(1,t.content.length-1)),i=(0,o.KR)(t.content[n.value]),d=(0,o.EW)((()=>n.value<t.content.length-1)),l=(0,o.EW)((()=>n.value>0)),c=(0,o.EW)((()=>{var e;return null!==(e=t.id)&&void 0!==e?e:(Math.random()+1).toString(36).substring(7)})),p=(0,o.EW)((()=>"".concat(c.value,"-h"))),u=(0,o.KR)("slide-out");return(0,o.wB)((()=>n.value),((e,a)=>{u.value=e<a?"slide-out":"slide-in",(0,o.dY)((()=>{i.value=t.content[n.value]}))})),{t:r.Tl,internalId:c,headingId:p,hasNext:d,hasPrevious:l,currentIndex:n,shownElement:i,transitionName:u,translatedHeadline:e,mdiChevronLeft:a.LyG,mdiChevronRight:a.mI8,mdiCircleOutline:a.h$D,mdiCircleSlice8:a.xSL}}});var u=n(85072),A=n.n(u),v=n(97825),m=n.n(v),C=n(77659),h=n.n(C),b=n(55056),_=n.n(b),x=n(10540),g=n.n(x),f=n(41113),y=n.n(f),I=n(26046),w={};w.styleTagTransform=y(),w.setAttributes=_(),w.insert=h().bind(null,"head"),w.domAPI=m(),w.insertStyleElement=g(),A()(I.A,w),I.A&&I.A.locals&&I.A.locals;var k=n(43591),E={};E.styleTagTransform=y(),E.setAttributes=_(),E.insert=h().bind(null,"head"),E.domAPI=m(),E.insertStyleElement=g(),A()(k.A,E),k.A&&k.A.locals&&k.A.locals;const N=(0,n(14486).A)(p,(function(){var t,e=this,n=e._self._c;return e._self._setupProxy,n("section",{attrs:{"aria-roledescription":e.t("settings","Carousel"),"aria-labelledby":e.headingId?"".concat(e.headingId):void 0}},[e.headline?n("h3",{attrs:{id:e.headingId}},[e._v("\n\t\t"+e._s(e.translatedHeadline)+"\n\t")]):e._e(),e._v(" "),n("div",{staticClass:"app-discover-carousel__wrapper"},[n("div",{staticClass:"app-discover-carousel__button-wrapper"},[n("NcButton",{staticClass:"app-discover-carousel__button app-discover-carousel__button--previous",attrs:{type:"tertiary-no-background","aria-label":e.t("settings","Previous slide"),disabled:!e.hasPrevious},on:{click:function(t){e.currentIndex-=1}},scopedSlots:e._u([{key:"icon",fn:function(){return[n("NcIconSvgWrapper",{attrs:{path:e.mdiChevronLeft}})]},proxy:!0}])})],1),e._v(" "),n("Transition",{attrs:{name:e.transitionName,mode:"out-in"}},[n("PostType",e._b({key:null!==(t=e.shownElement.id)&&void 0!==t?t:e.currentIndex,attrs:{"aria-labelledby":"".concat(e.internalId,"-tab-").concat(e.currentIndex),"dom-id":"".concat(e.internalId,"-tabpanel-").concat(e.currentIndex),inline:"",role:"tabpanel"}},"PostType",e.shownElement,!1))],1),e._v(" "),n("div",{staticClass:"app-discover-carousel__button-wrapper"},[n("NcButton",{staticClass:"app-discover-carousel__button app-discover-carousel__button--next",attrs:{type:"tertiary-no-background","aria-label":e.t("settings","Next slide"),disabled:!e.hasNext},on:{click:function(t){e.currentIndex+=1}},scopedSlots:e._u([{key:"icon",fn:function(){return[n("NcIconSvgWrapper",{attrs:{path:e.mdiChevronRight}})]},proxy:!0}])})],1)],1),e._v(" "),n("div",{staticClass:"app-discover-carousel__tabs",attrs:{role:"tablist","aria-label":e.t("settings","Choose slide to display")}},e._l(e.content.length,(function(t){return n("NcButton",{key:t,attrs:{id:"".concat(e.internalId,"-tab-").concat(t),"aria-label":e.t("settings","{index} of {total}",{index:t,total:e.content.length}),"aria-controls":"".concat(e.internalId,"-tabpanel-").concat(t),"aria-selected":"".concat(e.currentIndex===t-1),role:"tab",type:"tertiary-no-background"},on:{click:function(n){e.currentIndex=t-1}},scopedSlots:e._u([{key:"icon",fn:function(){return[n("NcIconSvgWrapper",{attrs:{path:e.currentIndex===t-1?e.mdiCircleSlice8:e.mdiCircleOutline}})]},proxy:!0}],null,!0)})})),1)])}),[],!1,null,"bbc71512",null).exports},8753:(t,e,n)=>{n.r(e),n.d(e,{default:()=>w});var a=n(9165),r=n(99498),o=n(97786),i=n(85471),s=n(77796),d=n(74640),l=n(6695);const c=(0,i.pM)({components:{NcIconSvgWrapper:l.A},props:{...s.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))),n=(0,d.O)((0,i.EW)((()=>t.text))),s=(0,d.O)((0,i.EW)((()=>{var e;return null===(e=t.media)||void 0===e?void 0:e.content}))),l=(0,i.EW)((()=>null!==s.value?[s.value.src].flat():void 0)),c=(0,i.EW)((()=>{var t,e;return null!==(t=null===(e=s.value)||void 0===e?void 0:e.alt)&&void 0!==t?t:""})),p=(0,i.EW)((()=>{var t;return!0===(null==l||null===(t=l.value)||void 0===t?void 0:t[0].mime.startsWith("image/"))})),u=(0,i.EW)((()=>!e.value&&!n.value)),A=(0,i.EW)((()=>{var e,n;return null!==(e=null===(n=s.value)||void 0===n?void 0:n.link)&&void 0!==e?e:t.link})),v=(0,i.KR)(!1),m=(0,i.EW)((()=>{var t;return(null===(t=s.value)||void 0===t?void 0:t.link)&&v.value})),C=(0,i.KR)(),h=(0,o.ITo)(C,{threshold:.3});return(0,i.nT)((()=>{if(!p.value&&C.value){const t=C.value;h.value?(t.muted=!0,t.play()):(t.pause(),t.ended&&(t.currentTime=0,v.value=!1))}})),{mdiPlayCircleOutline:a.Nwy,translatedText:n,translatedHeadline:e,mediaElement:C,mediaSources:l,mediaAlt:c,mediaLink:A,hasPlaybackEnded:v,showPlayVideo:m,isFullWidth:u,isImage:p,generatePrivacyUrl:t=>t.startsWith("/")?t:(0,r.Jv)("/settings/api/apps/media?fileName={fileName}",{fileName:t})}}});var p=n(85072),u=n.n(p),A=n(97825),v=n.n(A),m=n(77659),C=n.n(m),h=n(55056),b=n.n(h),_=n(10540),x=n.n(_),g=n(41113),f=n.n(g),y=n(56336),I={};I.styleTagTransform=f(),I.setAttributes=b(),I.insert=C().bind(null,"head"),I.domAPI=v(),I.insertStyleElement=x(),u()(y.A,I),y.A&&y.A.locals&&y.A.locals;const w=(0,n(14486).A)(c,(function(){var t,e,n=this,a=n._self._c;return n._self._setupProxy,a("article",{staticClass:"app-discover-post",class:{"app-discover-post--reverse":n.media&&"start"===n.media.alignment},attrs:{id:n.domId}},[n.headline||n.text?a(n.link?"a":"div",{tag:"component",staticClass:"app-discover-post__text",attrs:{href:n.link,target:n.link?"_blank":void 0}},[a(n.inline?"h4":"h3",{tag:"component"},[n._v(n._s(n.translatedHeadline))]),n._v(" "),a("p",[n._v(n._s(n.translatedText))])],1):n._e(),n._v(" "),n.mediaSources?a(n.mediaLink?"a":"div",{tag:"component",staticClass:"app-discover-post__media",class:{"app-discover-post__media--fullwidth":n.isFullWidth,"app-discover-post__media--start":"start"===(null===(t=n.media)||void 0===t?void 0:t.alignment),"app-discover-post__media--end":"end"===(null===(e=n.media)||void 0===e?void 0:e.alignment)},attrs:{href:n.mediaLink,target:n.mediaLink?"_blank":void 0}},[a(n.isImage?"picture":"video",{ref:"mediaElement",tag:"component",staticClass:"app-discover-post__media-element",attrs:{muted:!n.isImage,playsinline:!n.isImage,preload:!n.isImage&&"auto"},on:{ended:function(t){n.hasPlaybackEnded=!0}}},[n._l(n.mediaSources,(function(t){return a("source",{key:t.src,attrs:{src:n.isImage?void 0:n.generatePrivacyUrl(t.src),srcset:n.isImage?n.generatePrivacyUrl(t.src):void 0,type:t.mime}})})),n._v(" "),n.isImage?a("img",{attrs:{src:n.generatePrivacyUrl(n.mediaSources[0].src),alt:n.mediaAlt}}):n._e()],2),n._v(" "),a("div",{staticClass:"app-discover-post__play-icon-wrapper"},[!n.isImage&&n.showPlayVideo?a("NcIconSvgWrapper",{staticClass:"app-discover-post__play-icon",attrs:{path:n.mdiPlayCircleOutline,size:92}}):n._e()],1)],1):n._e()],1)}),[],!1,null,"24eed252",null).exports}}]);
  3. //# sourceMappingURL=8484-8484.js.map?v=b17aa925d530b02516b7