@mjsz-vbr-elements/internal 2.34.0

package/README.md

@@ -0,0 +1,7 @@
+# MJSZ VBR Elements V2
+
+A Magyar Jégkorong Szövetség versenybírósági rendszer adatainak megjelenítése / Data visualization for HIHF VBR system
+
+## Részletes információ / Informations:
+
+[Dokumentáció/Documentation](https://api.icehockey.hu/widgets/docs/v2/)

package/dist/index.iife.js

@@ -0,0 +1,8 @@
+/**
+ * name: @mjsz-vbr-elements/internal
+ * version: v2.34.0 - 15/12/2025, 12:56:01
+ * (c) 2025
+ * description: Data visualization for MJSZ VBR
+ * author: Ákos Stegner <akos.stegner@gmail.com>
+ */
+var MjszVbrElementsInternal=function(C,t,K,X){"use strict";function R(e){return t.getCurrentScope()?(t.onScopeDispose(e),!0):!1}function I(){const e=new Set,r=s=>{e.delete(s)};return{on:s=>{e.add(s);const n=()=>r(s);return R(n),{off:n}},off:r,trigger:(...s)=>Promise.all(Array.from(e).map(n=>n(...s))),clear:()=>{e.clear()}}}const Y=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const se=Object.prototype.toString,de=e=>se.call(e)==="[object Object]",me=()=>{};function U(...e){if(e.length!==1)return t.toRef(...e);const r=e[0];return typeof r=="function"?t.readonly(t.customRef(()=>({get:r,set:me}))):t.ref(r)}function Z(e,r=!1,a="Timeout"){return new Promise((d,i)=>{setTimeout(r?()=>i(a):d,e)})}function pe(e,...r){return r.some(a=>a in e)}function H(e){return Array.isArray(e)?e:[e]}function L(e,r=!1){function a(c,{flush:p="sync",deep:v=!1,timeout:w,throwOnTimeout:x}={}){let g=null;const A=[new Promise(z=>{g=t.watch(e,b=>{c(b)!==r&&(g?g():t.nextTick(()=>g?.()),z(b))},{flush:p,deep:v,immediate:!0})})];return w!=null&&A.push(Z(w,x).then(()=>t.toValue(e)).finally(()=>g?.())),Promise.race(A)}function d(c,p){if(!t.isRef(c))return a(b=>b===c,p);const{flush:v="sync",deep:w=!1,timeout:x,throwOnTimeout:g}=p??{};let y=null;const z=[new Promise(b=>{y=t.watch([e,c],([$,E])=>{r!==($===E)&&(y?y():t.nextTick(()=>y?.()),b($))},{flush:v,deep:w,immediate:!0})})];return x!=null&&z.push(Z(x,g).then(()=>t.toValue(e)).finally(()=>(y?.(),t.toValue(e)))),Promise.race(z)}function i(c){return a(p=>!!p,c)}function s(c){return d(null,c)}function n(c){return d(void 0,c)}function o(c){return a(Number.isNaN,c)}function l(c,p){return a(v=>{const w=Array.from(v);return w.includes(c)||w.includes(t.toValue(c))},p)}function m(c){return u(1,c)}function u(c=1,p){let v=-1;return a(()=>(v+=1,v>=c),p)}return Array.isArray(t.toValue(e))?{toMatch:a,toContains:l,changed:m,changedTimes:u,get not(){return L(e,!r)}}:{toMatch:a,toBe:d,toBeTruthy:i,toBeNull:s,toBeNaN:o,toBeUndefined:n,changed:m,changedTimes:u,get not(){return L(e,!r)}}}function he(e){return L(e)}function ee(e,r,a={}){const{immediate:d=!0,immediateCallback:i=!1}=a,s=t.shallowRef(!1);let n;function o(){n&&(clearTimeout(n),n=void 0)}function l(){s.value=!1,o()}function m(...u){i&&e(),o(),s.value=!0,n=setTimeout(()=>{s.value=!1,n=void 0,e(...u)},t.toValue(r))}return d&&(s.value=!0,Y&&m()),R(l),{isPending:t.shallowReadonly(s),start:m,stop:l}}function fe(e,r,a){return t.watch(e,r,{...a,immediate:!0})}const te=Y?window:void 0;function ue(e){var r;const a=t.toValue(e);return(r=a?.$el)!=null?r:a}function ve(...e){const r=[],a=()=>{r.forEach(o=>o()),r.length=0},d=(o,l,m,u)=>(o.addEventListener(l,m,u),()=>o.removeEventListener(l,m,u)),i=t.computed(()=>{const o=H(t.toValue(e[0])).filter(l=>l!=null);return o.every(l=>typeof l!="string")?o:void 0}),s=fe(()=>{var o,l;return[(l=(o=i.value)==null?void 0:o.map(m=>ue(m)))!=null?l:[te].filter(m=>m!=null),H(t.toValue(i.value?e[1]:e[0])),H(t.unref(i.value?e[2]:e[1])),t.toValue(i.value?e[3]:e[2])]},([o,l,m,u])=>{if(a(),!o?.length||!l?.length||!m?.length)return;const c=de(u)?{...u}:u;r.push(...o.flatMap(p=>l.flatMap(v=>m.map(w=>d(p,v,w,c)))))},{flush:"post"}),n=()=>{s(),a()};return R(a),n}const we={json:"application/json",text:"text/plain"};function re(e){return e&&pe(e,"immediate","refetch","initialData","timeout","beforeFetch","afterFetch","onFetchError","fetch","updateDataOnError")}function G(e){return typeof Headers<"u"&&e instanceof Headers?Object.fromEntries(e.entries()):e}function ge(e,...r){var a,d;const i=typeof AbortController=="function";let s={},n={immediate:!0,refetch:!1,timeout:0,updateDataOnError:!1};const o={method:"GET",type:"text",payload:void 0};r.length>0&&(re(r[0])?n={...n,...r[0]}:s=r[0]),r.length>1&&re(r[1])&&(n={...n,...r[1]});const{fetch:l=(d=(a=te)==null?void 0:a.fetch)!=null?d:globalThis?.fetch,initialData:m,timeout:u}=n,c=I(),p=I(),v=I(),w=t.shallowRef(!1),x=t.shallowRef(!1),g=t.shallowRef(!1),y=t.shallowRef(null),A=t.shallowRef(null),z=t.shallowRef(null),b=t.shallowRef(m||null),$=t.computed(()=>i&&x.value);let E,S;const W=h=>{i&&(E?.abort(h),E=new AbortController,E.signal.onabort=()=>g.value=!0,s={...s,signal:E.signal})},q=h=>{x.value=h,w.value=!h};u&&(S=ee(W,u,{immediate:!1}));let J=0;const F=async(h=!1)=>{var k,O;W(),q(!0),z.value=null,y.value=null,g.value=!1,J+=1;const D=J,B={method:o.method,headers:{}},V=t.toValue(o.payload);if(V){const f=G(B.headers),M=Object.getPrototypeOf(V);!o.payloadType&&V&&(M===Object.prototype||Array.isArray(M))&&!(V instanceof FormData)&&(o.payloadType="json"),o.payloadType&&(f["Content-Type"]=(k=we[o.payloadType])!=null?k:o.payloadType),B.body=o.payloadType==="json"?JSON.stringify(V):V}let ce=!1;const P={url:t.toValue(e),options:{...B,...s},cancel:()=>{ce=!0}};if(n.beforeFetch&&Object.assign(P,await n.beforeFetch(P)),ce||!l)return q(!1),Promise.resolve(null);let j=null;return S&&S.start(),l(P.url,{...B,...P.options,headers:{...G(B.headers),...G((O=P.options)==null?void 0:O.headers)}}).then(async f=>{if(A.value=f,y.value=f.status,j=await f.clone()[o.type](),!f.ok)throw b.value=m||null,new Error(f.statusText);return n.afterFetch&&({data:j}=await n.afterFetch({data:j,response:f,context:P,execute:F})),b.value=j,c.trigger(f),f}).catch(async f=>{let M=f.message||f.name;if(n.onFetchError&&({error:M,data:j}=await n.onFetchError({data:j,error:f,response:A.value,context:P,execute:F})),z.value=M,n.updateDataOnError&&(b.value=j),p.trigger(f),h)throw f;return null}).finally(()=>{D===J&&q(!1),S&&S.stop(),v.trigger(null)})},le=U(n.refetch);t.watch([le,U(e)],([h])=>h&&F(),{deep:!0});const N={isFinished:t.readonly(w),isFetching:t.readonly(x),statusCode:y,response:A,error:z,data:b,canAbort:$,aborted:g,abort:W,execute:F,onFetchResponse:c.on,onFetchError:p.on,onFetchFinally:v.on,get:T("GET"),put:T("PUT"),post:T("POST"),delete:T("DELETE"),patch:T("PATCH"),head:T("HEAD"),options:T("OPTIONS"),json:_("json"),text:_("text"),blob:_("blob"),arrayBuffer:_("arrayBuffer"),formData:_("formData")};function T(h){return(k,O)=>{if(!x.value)return o.method=h,o.payload=k,o.payloadType=O,t.isRef(o.payload)&&t.watch([le,U(o.payload)],([D])=>D&&F(),{deep:!0}),{...N,then(D,B){return Q().then(D,B)}}}}function Q(){return new Promise((h,k)=>{he(w).toBe(!0).then(()=>h(N)).catch(k)})}function _(h){return()=>{if(!x.value)return o.type=h,{...N,then(k,O){return Q().then(k,O)}}}}return n.immediate&&Promise.resolve().then(()=>F()),{...N,then(h,k){return Q().then(h,k)}}}function ye(e,r=3e4,{check:a,set:d}){const{start:i,stop:s}=ee(o,r,{immediate:!1});ve(e,"click",l=>{l.target===t.unref(e)&&o()}),t.watch(e,l=>{l&&(a?.()||(n(),i()))});function n(){d?.(),t.unref(e).showModal()}function o(){t.unref(e).close(),s()}return{hide:o}}const be=["width","height"],xe=["src","type"],ke={key:1},ze=["srcset","media"],Ae=["src"],Ee=["src"],oe=t.defineComponent({__name:"Media",props:{currentAd:{type:Object,required:!0},mobileBreakpoint:{type:String,required:!0}},setup(e){const r=e,a=t.computed(()=>`(min-width: ${r.currentAd?.breakpoint||r.mobileBreakpoint})`);function d(i){return`${K.VBR_API_BASE_URL.replace("/vbr","")}${i}`}return(i,s)=>(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.currentAd.link?"a":"div"),{href:e.currentAd.link||void 0},{default:t.withCtx(()=>[e.currentAd.media[0]?.mediaType?.includes("video")?(t.openBlock(),t.createElementBlock("video",{key:0,width:e.currentAd.media[0].width,height:e.currentAd.media[0].height,autoplay:"",muted:""},[t.createElementVNode("source",{src:e.currentAd.media[0]?.media,type:e.currentAd.media[0]?.mediaType},null,8,xe)],8,be)):(t.openBlock(),t.createElementBlock("picture",ke,[e.currentAd.type==="responsive"?(t.openBlock(),t.createElementBlock("source",{key:0,srcset:d(e.currentAd.media[1].path),media:a.value},null,8,ze)):t.createCommentVNode("",!0),e.currentAd.type==="popover"?(t.openBlock(),t.createElementBlock("img",{key:1,src:d(e.currentAd.media[0].path),style:t.normalizeStyle(`width: clamp(0px, ${e.currentAd.media[0].width}px, 750px); height: auto;`)},null,12,Ae)):(t.openBlock(),t.createElementBlock("img",{key:2,src:d(e.currentAd.media[0].path)},null,8,Ee))]))]),_:1},8,["href"]))}}),Te='dialog[data-v-27c6fb4c]:open{display:grid;grid-template-areas:"stack";opacity:1}dialog[data-v-27c6fb4c]{--popover-padding: var(--size-10);padding:var(--popover-padding);border-radius:8px;background-color:var(--mvw-color-white);opacity:0;transition:opacity .3s,overlay .3s allow-discrete,display .3s allow-discrete}dialog[data-v-27c6fb4c] :is(button,a){grid-area:stack}dialog[data-v-27c6fb4c] :where(a){outline:none}dialog[data-v-27c6fb4c] :where(img,video){display:block;object-fit:cover}dialog button[data-v-27c6fb4c]{align-self:start;justify-self:end}@starting-style{dialog[data-v-27c6fb4c]:open{opacity:0}}dialog[data-v-27c6fb4c]::backdrop{background-color:transparent;transition:display .3s allow-discrete,overlay .3s allow-discrete,background-color .3s;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}dialog[data-v-27c6fb4c]:open::backdrop{background-color:#000000bf}@starting-style{dialog[data-v-27c6fb4c]:open::backdrop{background-color:transparent}}.ad-placement-tool[data-v-27c6fb4c] :where(img,video){opacity:1}.ad-placement-tool .close[data-v-27c6fb4c]{position:absolute;right:calc(var(--popover-padding) * -1);top:calc(var(--popover-padding) * -1);width:24px;height:24px;margin:0;padding:0;background:#fff;border:none;border-end-start-radius:8px}.ad-placement-tool .close[data-v-27c6fb4c]:before,.ad-placement-tool .close[data-v-27c6fb4c]:after{position:absolute;left:43%;top:5px;content:" ";height:16px;width:2px;background-color:#333}.ad-placement-tool .close[data-v-27c6fb4c]:before{transform:rotate(45deg)}.ad-placement-tool .close[data-v-27c6fb4c]:after{transform:rotate(-45deg)}',Be='@layer normalize,theme,components.variables,components,utils;:where(:host,:root){--mvw-color-white: #fff;--mvw-color-black: #000;--mvw-color-primary-0: #ffffff;--mvw-color-primary-50: #eceff1;--mvw-color-primary-100: #cfd8dc;--mvw-color-primary-200: #b0bec5;--mvw-color-primary-300: #90a4ae;--mvw-color-primary-400: #78909c;--mvw-color-primary-500: #607d8b;--mvw-color-primary-600: #546e7a;--mvw-color-primary-700: #455a64;--mvw-color-primary-800: #37474f;--mvw-color-primary-900: #263238;--mvw-color-primary-950: #182024}:where(:host,:root){--mvw-color-secondary-100: #dcedc8;--mvw-color-secondary-200: #badb94;--mvw-color-secondary-300: #aed581;--mvw-color-secondary-400: #9ccc65;--mvw-color-secondary-500: #8bc34a;--mvw-color-secondary-700: #689f38;--mvw-color-secondary-800: #558b2f;--mvw-color-secondary-900: #33691e;--mvw-color-secondary-950: #14290c}:where(:host){--radius-1: 2px;--radius-2: 5px;--radius-3: 16px;--radius-4: 32px;--radius-5: 64px;--radius-6: 96px}:where(:host){--font-size-50: .625rem;--font-size-100: .6875rem;--font-size-200: .75rem;--font-size-300: .8125rem;--font-size-400: .875rem;--font-size-500: 1rem;--font-size-600: 1.125rem;--font-size-700: 1.25rem;--font-size-800: 1.5rem;--font-size-900: 1.75rem;--font-size-950: 2rem;--font-lineheight-50: .95;--font-lineheight-100: 1;--font-lineheight-200: 1.1;--font-lineheight-300: 1.25;--font-lineheight-400: 1.375;--font-lineheight-500: 1.5;--font-lineheight-600: 1.75;--font-lineheight-700: 2}:where(:host){--size-1: 1px;--size-2: .125rem;--size-4: .25rem;--size-6: .375rem;--size-8: .5rem;--size-10: .625rem;--size-12: .75rem;--size-16: 1rem;--size-24: 1.5rem;--size-32: 2rem}:where(:host){--shadow-color: 220 3% 15%;--shadow-strength: 1%;--inner-shadow-highlight: inset 0 -.5px 0 0 #fff, inset 0 .5px 0 0 #0001;--shadow-3: 0 -1px 3px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 7%)), 0 1px 2px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)), 0 2px 5px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)), 0 4px 12px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)), 0 12px 15px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 7%));--shadow-6: 0 -1px 2px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 7%)), 0 3px 2px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)), 0 7px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)), 0 12px 10px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)), 0 22px 18px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)), 0 41px 33px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 6%)), 0 100px 80px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 7%))}@media (prefers-color-scheme: dark){:where(:host){--shadow-color: 220 40% 2%;--shadow-strength: 25%;--inner-shadow-highlight: inset 0 -.5px 0 0 #fff1, inset 0 .5px 0 0 #0007}}:where(:host){--ease-spring-1: linear( 0, .009, .035 2.1%, .141, .281 6.7%, .723 12.9%, .938 16.7%, 1.017, 1.077, 1.121, 1.149 24.3%, 1.159, 1.163, 1.161, 1.154 29.9%, 1.129 32.8%, 1.051 39.6%, 1.017 43.1%, .991, .977 51%, .974 53.8%, .975 57.1%, .997 69.8%, 1.003 76.9%, 1.004 83.8%, 1 )}@layer normalize{*,:before,:after{box-sizing:border-box}*{scrollbar-width:thin}:where(img,svg,video,canvas,audio,iframe,embed,object){display:inline-block}:where(img,svg,video){block-size:auto;max-inline-size:100%}:where(img){opacity:0;transition:opacity .5s ease-out}:where(img).is-loaded{opacity:1}:where(svg:not([width])){inline-size:var(--size-16)}:where(input,button,textarea),:where(input[type=file])::-webkit-file-upload-button{color:inherit;font-size:inherit;font:inherit;letter-spacing:inherit}:where(a[href],area,button,[role=button],input,label[for],select,summary,textarea,[tabindex]:not([tabindex*="-"])){-webkit-tap-highlight-color:transparent;touch-action:manipulation}:where(:not(fieldset,progress,meter)){background-origin:border-box;background-repeat:no-repeat;border-style:solid;border-width:0}:where(button){appearance:button;-webkit-appearance:button;background-color:transparent;background-image:none}:where(dd,pre){margin:0}:where(ul,li){margin:0;padding:0}:where(ol,ul){list-style:none}}@layer theme{[data-theme=light],:host-context(.light){color-scheme:only light}[data-theme=dark],:host-context(.dark){color-scheme:only dark}:root,:host{font-family:var(--mvw-font, inherit);--mvw-color-live: #8bc34a;--mvw-color-error: #fb2c36;--mvw-color-warning: #ffc107;--mvw-color-info: #2870ed;--mvw-color-team: #ff6129;--mvw-link-color: light-dark(var(--mvw-color-secondary-700), var(--mvw-color-secondary-400));--mvw-link-hover-color: light-dark(var(--mvw-color-secondary-900), var(--mvw-color-secondary-200));--mvw-text-pale: light-dark(var(--mvw-color-primary-100), var(--mvw-color-primary-700));--mvw-text-faded: light-dark(var(--mvw-color-primary-200), var(--mvw-color-primary-600));--mvw-text-dimmed: light-dark(var(--mvw-color-primary-400), var(--mvw-color-primary-500));--mvw-text-muted: light-dark(var(--mvw-color-primary-500), var(--mvw-color-primary-400));--mvw-text-toned: light-dark(var(--mvw-color-primary-600), var(--mvw-color-primary-300));--mvw-text-default: light-dark(var(--mvw-color-primary-700), var(--mvw-color-primary-200));--mvw-text-highlighted: light-dark(var(--mvw-color-primary-900), var(--mvw-color-primary-50));--mvw-text-inverted: light-dark(var(--mvw-color-white), var(--mvw-color-primary-950));--mvw-bg-default: light-dark(var(--mvw-color-white), var(--mvw-color-primary-950));--mvw-bg-muted: light-dark(var(--mvw-color-primary-50), var(--mvw-color-primary-900));--mvw-bg-elevated: light-dark(var(--mvw-color-primary-100), var(--mvw-color-primary-800));--mvw-bg-accented: light-dark(var(--mvw-color-primary-200), var(--mvw-color-primary-700));--mvw-bg-highlighted: var(--mvw-color-secondary-500);--mvw-bg-inverted: light-dark(var(--mvw-color-primary-900), var(--mvw-color-primary-50));--mvw-border-faded: light-dark(var(--mvw-color-primary-100), var(--mvw-color-primary-800));--mvw-border-muted: light-dark(var(--mvw-color-primary-200), var(--mvw-color-primary-700));--mvw-border-highlighted: var(--mvw-color-secondary-500)}:where(a[href]){color:var(--mvw-link-color);text-decoration:none}:where(a[href]):hover{color:var(--mvw-link-hover-color)}:where(a[href]):visited{color:var(--mvw-link-color)}}@layer components{:where(.loading-indicator){padding:var(--size-16);font-weight:600;color:var(--mvw-loading-indicator-text-color, var(--mvw-text-toned));text-align:center}}@layer utils{.font-bold{font-weight:700}.italic{font-style:italic}.uppercase{text-transform:uppercase}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-start{text-align:start}.text-end{text-align:end}.text-center{text-align:center}.text-xs{font-size:var(--font-size-200)}.text-sm{font-size:var(--font-size-400)}.text-xl{font-size:var(--font-size-700)}.text-faded{color:var(--mvw-text-faded)}.text-dimmed{color:var(--mvw-text-dimmed)}.text-muted{color:var(--mvw-text-muted)}.text-toned{color:var(--mvw-text-toned)}.text-default{color:var(--mvw-text-default)}.text-highlighted{color:var(--mvw-text-highlighted)}.w-auto{width:auto}.mx-sm{margin-inline:var(--size-8)}.mb-sm{margin-block-end:var(--size-8)}.mb-md{margin-block-end:var(--size-16)}.mb-xl{margin-block-end:calc(var(--size-16) * 2)}.mt-md{margin-block-start:var(--size-16)}.mt-lg{margin-block-start:var(--size-24)}.mt-xl{margin-block-start:calc(var(--size-16) * 2)}.p-sm{padding-block:var(--size-8)}.py-md{padding-block:var(--size-16)}.flex{display:flex}.grid{display:grid}.block{display:block}.rounded{border-radius:1e5px}.sticky{position:sticky;top:var(--mvw-sticky-top-offset, 0);z-index:10}.blured-bg{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.grid-container{--min-width: 230px;--max-width: 1fr;--gap: var(--size-16);--align-items: center;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(var(--min-width),100%),var(--max-width)));align-items:var(--align-items);gap:var(--gap)}.flex-container{display:flex;flex-wrap:wrap;gap:var(--size-16)}.responsive-team-name{container-type:inline-size;container-name:team-name}.responsive-team-name>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.responsive-team-name>* .team-name-short{display:none}@container team-name (max-width: 200px){.responsive-team-name>* .team-name-long{display:none}.responsive-team-name>* .team-name-short{display:inline-block}}}',Pe=(e,r)=>{const a=e.__vccOpts||e;for(const[d,i]of r)a[d]=i;return a},je={key:0,class:"ad-placement-tool"},Ce={key:0,ref:"popover"},ae=Pe({__name:"AdPlacement.ce",props:{areaId:{type:String,default:""},mobileBreakpoint:{type:String,default:"768px"}},setup(e){const r=e,a=t.useTemplateRef("popover"),{isFinished:d,data:i,error:s}=ge(`${K.VBR_API_BASE_URL.replace("/vbr","")}/internal/ad-placement?areaid=${r.areaId}`,{timeout:1e3}).get().json(),{hide:n}=ye(a,t.computed(()=>i.value?.closeTimeout??3e4),{check:()=>X.cookie.checkCookie(`mjsz-popover-${i.value?._id}`),set:()=>X.cookie.setCookie(`mjsz-popover-${i.value?._id}`,1,i.value?.expiration??1)});return(o,l)=>t.unref(d)&&!t.unref(s)?(t.openBlock(),t.createElementBlock("div",je,[t.unref(i).type==="popover"?(t.openBlock(),t.createElementBlock("dialog",Ce,[t.createVNode(oe,{"current-ad":t.unref(i),"mobile-breakpoint":e.mobileBreakpoint},null,8,["current-ad","mobile-breakpoint"]),t.createElementVNode("button",{type:"button",class:"close",onClick:l[0]||(l[0]=(...m)=>t.unref(n)&&t.unref(n)(...m))})],512)):(t.openBlock(),t.createBlock(oe,{key:1,"current-ad":t.unref(i),"mobile-breakpoint":e.mobileBreakpoint},null,8,["current-ad","mobile-breakpoint"]))])):t.createCommentVNode("",!0)}},[["styles",[Te,Be]],["__scopeId","data-v-27c6fb4c"]]),ne=t.defineCustomElement(ae);function ie(){customElements.define("mjsz-ad-placement",ne)}const Fe={install:()=>ie()};return C.AdPlacement=ae,C.AdPlacementCE=ne,C.default=Fe,C.register=ie,Object.defineProperties(C,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}}),C}({},Vue,MjszVbrElementsCore,MjszVbrElementsCore);

package/dist/index.js

@@ -0,0 +1,527 @@
+/**
+ * name: @mjsz-vbr-elements/internal
+ * version: v2.34.0 - 15/12/2025, 12:56:01
+ * (c) 2025
+ * description: Data visualization for MJSZ VBR
+ * author: Ákos Stegner <akos.stegner@gmail.com>
+ */
+import { shallowRef as E, shallowReadonly as we, toRef as ge, readonly as Z, ref as ye, customRef as be, toValue as y, getCurrentScope as xe, onScopeDispose as ke, watch as M, nextTick as ae, isRef as se, computed as L, unref as x, defineComponent as ze, createBlock as de, openBlock as T, resolveDynamicComponent as Te, withCtx as Ae, createElementBlock as S, createElementVNode as me, createCommentVNode as ue, normalizeStyle as Ee, useTemplateRef as Fe, createVNode as Pe, defineCustomElement as Oe } from "vue";
+import { VBR_API_BASE_URL as pe } from "@mjsz-vbr-elements/core/constants";
+import { cookie as ne } from "@mjsz-vbr-elements/core/utils";
+function te(e) {
+  return xe() ? (ke(e), !0) : !1;
+}
+function R() {
+  const e = /* @__PURE__ */ new Set(), t = (c) => {
+    e.delete(c);
+  };
+  return {
+    on: (c) => {
+      e.add(c);
+      const a = () => t(c);
+      return te(a), {
+        off: a
+      };
+    },
+    off: t,
+    trigger: (...c) => Promise.all(Array.from(e).map((a) => a(...c))),
+    clear: () => {
+      e.clear();
+    }
+  };
+}
+const ve = typeof window < "u" && typeof document < "u";
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+const je = Object.prototype.toString, Ce = (e) => je.call(e) === "[object Object]", Be = () => {
+};
+function K(...e) {
+  if (e.length !== 1)
+    return ge(...e);
+  const t = e[0];
+  return typeof t == "function" ? Z(be(() => ({ get: t, set: Be }))) : ye(t);
+}
+function ie(e, t = !1, o = "Timeout") {
+  return new Promise((s, n) => {
+    setTimeout(t ? () => n(o) : s, e);
+  });
+}
+function Se(e, ...t) {
+  return t.some((o) => o in e);
+}
+function X(e) {
+  return Array.isArray(e) ? e : [e];
+}
+function ee(e, t = !1) {
+  function o(l, { flush: m = "sync", deep: h = !1, timeout: f, throwOnTimeout: k } = {}) {
+    let w = null;
+    const F = [new Promise((A) => {
+      w = M(
+        e,
+        (b) => {
+          l(b) !== t && (w ? w() : ae(() => w?.()), A(b));
+        },
+        {
+          flush: m,
+          deep: h,
+          immediate: !0
+        }
+      );
+    })];
+    return f != null && F.push(
+      ie(f, k).then(() => y(e)).finally(() => w?.())
+    ), Promise.race(F);
+  }
+  function s(l, m) {
+    if (!se(l))
+      return o((b) => b === l, m);
+    const { flush: h = "sync", deep: f = !1, timeout: k, throwOnTimeout: w } = m ?? {};
+    let g = null;
+    const A = [new Promise((b) => {
+      g = M(
+        [e, l],
+        ([V, P]) => {
+          t !== (V === P) && (g ? g() : ae(() => g?.()), b(V));
+        },
+        {
+          flush: h,
+          deep: f,
+          immediate: !0
+        }
+      );
+    })];
+    return k != null && A.push(
+      ie(k, w).then(() => y(e)).finally(() => (g?.(), y(e)))
+    ), Promise.race(A);
+  }
+  function n(l) {
+    return o((m) => !!m, l);
+  }
+  function c(l) {
+    return s(null, l);
+  }
+  function a(l) {
+    return s(void 0, l);
+  }
+  function r(l) {
+    return o(Number.isNaN, l);
+  }
+  function i(l, m) {
+    return o((h) => {
+      const f = Array.from(h);
+      return f.includes(l) || f.includes(y(l));
+    }, m);
+  }
+  function d(l) {
+    return v(1, l);
+  }
+  function v(l = 1, m) {
+    let h = -1;
+    return o(() => (h += 1, h >= l), m);
+  }
+  return Array.isArray(y(e)) ? {
+    toMatch: o,
+    toContains: i,
+    changed: d,
+    changedTimes: v,
+    get not() {
+      return ee(e, !t);
+    }
+  } : {
+    toMatch: o,
+    toBe: s,
+    toBeTruthy: n,
+    toBeNull: c,
+    toBeNaN: r,
+    toBeUndefined: a,
+    changed: d,
+    changedTimes: v,
+    get not() {
+      return ee(e, !t);
+    }
+  };
+}
+function De(e) {
+  return ee(e);
+}
+function he(e, t, o = {}) {
+  const {
+    immediate: s = !0,
+    immediateCallback: n = !1
+  } = o, c = E(!1);
+  let a;
+  function r() {
+    a && (clearTimeout(a), a = void 0);
+  }
+  function i() {
+    c.value = !1, r();
+  }
+  function d(...v) {
+    n && e(), r(), c.value = !0, a = setTimeout(() => {
+      c.value = !1, a = void 0, e(...v);
+    }, y(t));
+  }
+  return s && (c.value = !0, ve && d()), te(i), {
+    isPending: we(c),
+    start: d,
+    stop: i
+  };
+}
+function $e(e, t, o) {
+  return M(
+    e,
+    t,
+    {
+      ...o,
+      immediate: !0
+    }
+  );
+}
+const fe = ve ? window : void 0;
+function _e(e) {
+  var t;
+  const o = y(e);
+  return (t = o?.$el) != null ? t : o;
+}
+function Me(...e) {
+  const t = [], o = () => {
+    t.forEach((r) => r()), t.length = 0;
+  }, s = (r, i, d, v) => (r.addEventListener(i, d, v), () => r.removeEventListener(i, d, v)), n = L(() => {
+    const r = X(y(e[0])).filter((i) => i != null);
+    return r.every((i) => typeof i != "string") ? r : void 0;
+  }), c = $e(
+    () => {
+      var r, i;
+      return [
+        (i = (r = n.value) == null ? void 0 : r.map((d) => _e(d))) != null ? i : [fe].filter((d) => d != null),
+        X(y(n.value ? e[1] : e[0])),
+        X(x(n.value ? e[2] : e[1])),
+        // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
+        y(n.value ? e[3] : e[2])
+      ];
+    },
+    ([r, i, d, v]) => {
+      if (o(), !r?.length || !i?.length || !d?.length)
+        return;
+      const l = Ce(v) ? { ...v } : v;
+      t.push(
+        ...r.flatMap(
+          (m) => i.flatMap(
+            (h) => d.map((f) => s(m, h, f, l))
+          )
+        )
+      );
+    },
+    { flush: "post" }
+  ), a = () => {
+    c(), o();
+  };
+  return te(o), a;
+}
+const Ne = {
+  json: "application/json",
+  text: "text/plain"
+};
+function le(e) {
+  return e && Se(e, "immediate", "refetch", "initialData", "timeout", "beforeFetch", "afterFetch", "onFetchError", "fetch", "updateDataOnError");
+}
+function Y(e) {
+  return typeof Headers < "u" && e instanceof Headers ? Object.fromEntries(e.entries()) : e;
+}
+function Ie(e, ...t) {
+  var o, s;
+  const n = typeof AbortController == "function";
+  let c = {}, a = {
+    immediate: !0,
+    refetch: !1,
+    timeout: 0,
+    updateDataOnError: !1
+  };
+  const r = {
+    method: "GET",
+    type: "text",
+    payload: void 0
+  };
+  t.length > 0 && (le(t[0]) ? a = { ...a, ...t[0] } : c = t[0]), t.length > 1 && le(t[1]) && (a = { ...a, ...t[1] });
+  const {
+    fetch: i = (s = (o = fe) == null ? void 0 : o.fetch) != null ? s : globalThis?.fetch,
+    initialData: d,
+    timeout: v
+  } = a, l = R(), m = R(), h = R(), f = E(!1), k = E(!1), w = E(!1), g = E(null), F = E(null), A = E(null), b = E(d || null), V = L(() => n && k.value);
+  let P, N;
+  const W = (u) => {
+    n && (P?.abort(u), P = new AbortController(), P.signal.onabort = () => w.value = !0, c = {
+      ...c,
+      signal: P.signal
+    });
+  }, q = (u) => {
+    k.value = u, f.value = !u;
+  };
+  v && (N = he(W, v, { immediate: !1 }));
+  let J = 0;
+  const D = async (u = !1) => {
+    var z, $;
+    W(), q(!0), A.value = null, g.value = null, w.value = !1, J += 1;
+    const H = J, j = {
+      method: r.method,
+      headers: {}
+    }, _ = y(r.payload);
+    if (_) {
+      const p = Y(j.headers), U = Object.getPrototypeOf(_);
+      !r.payloadType && _ && (U === Object.prototype || Array.isArray(U)) && !(_ instanceof FormData) && (r.payloadType = "json"), r.payloadType && (p["Content-Type"] = (z = Ne[r.payloadType]) != null ? z : r.payloadType), j.body = r.payloadType === "json" ? JSON.stringify(_) : _;
+    }
+    let oe = !1;
+    const C = {
+      url: y(e),
+      options: {
+        ...j,
+        ...c
+      },
+      cancel: () => {
+        oe = !0;
+      }
+    };
+    if (a.beforeFetch && Object.assign(C, await a.beforeFetch(C)), oe || !i)
+      return q(!1), Promise.resolve(null);
+    let B = null;
+    return N && N.start(), i(
+      C.url,
+      {
+        ...j,
+        ...C.options,
+        headers: {
+          ...Y(j.headers),
+          ...Y(($ = C.options) == null ? void 0 : $.headers)
+        }
+      }
+    ).then(async (p) => {
+      if (F.value = p, g.value = p.status, B = await p.clone()[r.type](), !p.ok)
+        throw b.value = d || null, new Error(p.statusText);
+      return a.afterFetch && ({ data: B } = await a.afterFetch({
+        data: B,
+        response: p,
+        context: C,
+        execute: D
+      })), b.value = B, l.trigger(p), p;
+    }).catch(async (p) => {
+      let U = p.message || p.name;
+      if (a.onFetchError && ({ error: U, data: B } = await a.onFetchError({
+        data: B,
+        error: p,
+        response: F.value,
+        context: C,
+        execute: D
+      })), A.value = U, a.updateDataOnError && (b.value = B), m.trigger(p), u)
+        throw p;
+      return null;
+    }).finally(() => {
+      H === J && q(!1), N && N.stop(), h.trigger(null);
+    });
+  }, re = K(a.refetch);
+  M(
+    [
+      re,
+      K(e)
+    ],
+    ([u]) => u && D(),
+    { deep: !0 }
+  );
+  const G = {
+    isFinished: Z(f),
+    isFetching: Z(k),
+    statusCode: g,
+    response: F,
+    error: A,
+    data: b,
+    canAbort: V,
+    aborted: w,
+    abort: W,
+    execute: D,
+    onFetchResponse: l.on,
+    onFetchError: m.on,
+    onFetchFinally: h.on,
+    // method
+    get: O("GET"),
+    put: O("PUT"),
+    post: O("POST"),
+    delete: O("DELETE"),
+    patch: O("PATCH"),
+    head: O("HEAD"),
+    options: O("OPTIONS"),
+    // type
+    json: I("json"),
+    text: I("text"),
+    blob: I("blob"),
+    arrayBuffer: I("arrayBuffer"),
+    formData: I("formData")
+  };
+  function O(u) {
+    return (z, $) => {
+      if (!k.value)
+        return r.method = u, r.payload = z, r.payloadType = $, se(r.payload) && M(
+          [
+            re,
+            K(r.payload)
+          ],
+          ([H]) => H && D(),
+          { deep: !0 }
+        ), {
+          ...G,
+          then(H, j) {
+            return Q().then(H, j);
+          }
+        };
+    };
+  }
+  function Q() {
+    return new Promise((u, z) => {
+      De(f).toBe(!0).then(() => u(G)).catch(z);
+    });
+  }
+  function I(u) {
+    return () => {
+      if (!k.value)
+        return r.type = u, {
+          ...G,
+          then(z, $) {
+            return Q().then(z, $);
+          }
+        };
+    };
+  }
+  return a.immediate && Promise.resolve().then(() => D()), {
+    ...G,
+    then(u, z) {
+      return Q().then(u, z);
+    }
+  };
+}
+function He(e, t = 3e4, {
+  check: o,
+  set: s
+}) {
+  const { start: n, stop: c } = he(r, t, { immediate: !1 });
+  Me(e, "click", (i) => {
+    i.target === x(e) && r();
+  }), M(e, (i) => {
+    i && (o?.() || (a(), n()));
+  });
+  function a() {
+    s?.(), x(e).showModal();
+  }
+  function r() {
+    x(e).close(), c();
+  }
+  return {
+    hide: r
+  };
+}
+const Ue = ["width", "height"], Ve = ["src", "type"], Ge = { key: 1 }, Le = ["srcset", "media"], We = ["src"], qe = ["src"], ce = /* @__PURE__ */ ze({
+  __name: "Media",
+  props: {
+    currentAd: {
+      type: Object,
+      required: !0
+    },
+    mobileBreakpoint: {
+      type: String,
+      required: !0
+    }
+  },
+  setup(e) {
+    const t = e, o = L(() => `(min-width: ${t.currentAd?.breakpoint || t.mobileBreakpoint})`);
+    function s(n) {
+      return `${pe.replace("/vbr", "")}${n}`;
+    }
+    return (n, c) => (T(), de(Te(e.currentAd.link ? "a" : "div"), {
+      href: e.currentAd.link || void 0
+    }, {
+      default: Ae(() => [
+        e.currentAd.media[0]?.mediaType?.includes("video") ? (T(), S("video", {
+          key: 0,
+          width: e.currentAd.media[0].width,
+          height: e.currentAd.media[0].height,
+          autoplay: "",
+          muted: ""
+        }, [
+          me("source", {
+            src: e.currentAd.media[0]?.media,
+            type: e.currentAd.media[0]?.mediaType
+          }, null, 8, Ve)
+        ], 8, Ue)) : (T(), S("picture", Ge, [
+          e.currentAd.type === "responsive" ? (T(), S("source", {
+            key: 0,
+            srcset: s(e.currentAd.media[1].path),
+            media: o.value
+          }, null, 8, Le)) : ue("", !0),
+          e.currentAd.type === "popover" ? (T(), S("img", {
+            key: 1,
+            src: s(e.currentAd.media[0].path),
+            style: Ee(`width: clamp(0px, ${e.currentAd.media[0].width}px, 750px); height: auto;`)
+          }, null, 12, We)) : (T(), S("img", {
+            key: 2,
+            src: s(e.currentAd.media[0].path)
+          }, null, 8, qe))
+        ]))
+      ]),
+      _: 1
+    }, 8, ["href"]));
+  }
+}), Je = 'dialog[data-v-27c6fb4c]:open{display:grid;grid-template-areas:"stack";opacity:1}dialog[data-v-27c6fb4c]{--popover-padding: var(--size-10);padding:var(--popover-padding);border-radius:8px;background-color:var(--mvw-color-white);opacity:0;transition:opacity .3s,overlay .3s allow-discrete,display .3s allow-discrete}dialog[data-v-27c6fb4c] :is(button,a){grid-area:stack}dialog[data-v-27c6fb4c] :where(a){outline:none}dialog[data-v-27c6fb4c] :where(img,video){display:block;object-fit:cover}dialog button[data-v-27c6fb4c]{align-self:start;justify-self:end}@starting-style{dialog[data-v-27c6fb4c]:open{opacity:0}}dialog[data-v-27c6fb4c]::backdrop{background-color:transparent;transition:display .3s allow-discrete,overlay .3s allow-discrete,background-color .3s;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}dialog[data-v-27c6fb4c]:open::backdrop{background-color:#000000bf}@starting-style{dialog[data-v-27c6fb4c]:open::backdrop{background-color:transparent}}.ad-placement-tool[data-v-27c6fb4c] :where(img,video){opacity:1}.ad-placement-tool .close[data-v-27c6fb4c]{position:absolute;right:calc(var(--popover-padding) * -1);top:calc(var(--popover-padding) * -1);width:24px;height:24px;margin:0;padding:0;background:#fff;border:none;border-end-start-radius:8px}.ad-placement-tool .close[data-v-27c6fb4c]:before,.ad-placement-tool .close[data-v-27c6fb4c]:after{position:absolute;left:43%;top:5px;content:" ";height:16px;width:2px;background-color:#333}.ad-placement-tool .close[data-v-27c6fb4c]:before{transform:rotate(45deg)}.ad-placement-tool .close[data-v-27c6fb4c]:after{transform:rotate(-45deg)}', Qe = '@layer normalize,theme,components.variables,components,utils;:where(:host,:root){--mvw-color-white: #fff;--mvw-color-black: #000;--mvw-color-primary-0: #ffffff;--mvw-color-primary-50: #eceff1;--mvw-color-primary-100: #cfd8dc;--mvw-color-primary-200: #b0bec5;--mvw-color-primary-300: #90a4ae;--mvw-color-primary-400: #78909c;--mvw-color-primary-500: #607d8b;--mvw-color-primary-600: #546e7a;--mvw-color-primary-700: #455a64;--mvw-color-primary-800: #37474f;--mvw-color-primary-900: #263238;--mvw-color-primary-950: #182024}:where(:host,:root){--mvw-color-secondary-100: #dcedc8;--mvw-color-secondary-200: #badb94;--mvw-color-secondary-300: #aed581;--mvw-color-secondary-400: #9ccc65;--mvw-color-secondary-500: #8bc34a;--mvw-color-secondary-700: #689f38;--mvw-color-secondary-800: #558b2f;--mvw-color-secondary-900: #33691e;--mvw-color-secondary-950: #14290c}:where(:host){--radius-1: 2px;--radius-2: 5px;--radius-3: 16px;--radius-4: 32px;--radius-5: 64px;--radius-6: 96px}:where(:host){--font-size-50: .625rem;--font-size-100: .6875rem;--font-size-200: .75rem;--font-size-300: .8125rem;--font-size-400: .875rem;--font-size-500: 1rem;--font-size-600: 1.125rem;--font-size-700: 1.25rem;--font-size-800: 1.5rem;--font-size-900: 1.75rem;--font-size-950: 2rem;--font-lineheight-50: .95;--font-lineheight-100: 1;--font-lineheight-200: 1.1;--font-lineheight-300: 1.25;--font-lineheight-400: 1.375;--font-lineheight-500: 1.5;--font-lineheight-600: 1.75;--font-lineheight-700: 2}:where(:host){--size-1: 1px;--size-2: .125rem;--size-4: .25rem;--size-6: .375rem;--size-8: .5rem;--size-10: .625rem;--size-12: .75rem;--size-16: 1rem;--size-24: 1.5rem;--size-32: 2rem}:where(:host){--shadow-color: 220 3% 15%;--shadow-strength: 1%;--inner-shadow-highlight: inset 0 -.5px 0 0 #fff, inset 0 .5px 0 0 #0001;--shadow-3: 0 -1px 3px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 7%)), 0 1px 2px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)), 0 2px 5px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)), 0 4px 12px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)), 0 12px 15px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 7%));--shadow-6: 0 -1px 2px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 7%)), 0 3px 2px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)), 0 7px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)), 0 12px 10px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)), 0 22px 18px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)), 0 41px 33px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 6%)), 0 100px 80px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 7%))}@media (prefers-color-scheme: dark){:where(:host){--shadow-color: 220 40% 2%;--shadow-strength: 25%;--inner-shadow-highlight: inset 0 -.5px 0 0 #fff1, inset 0 .5px 0 0 #0007}}:where(:host){--ease-spring-1: linear( 0, .009, .035 2.1%, .141, .281 6.7%, .723 12.9%, .938 16.7%, 1.017, 1.077, 1.121, 1.149 24.3%, 1.159, 1.163, 1.161, 1.154 29.9%, 1.129 32.8%, 1.051 39.6%, 1.017 43.1%, .991, .977 51%, .974 53.8%, .975 57.1%, .997 69.8%, 1.003 76.9%, 1.004 83.8%, 1 )}@layer normalize{*,:before,:after{box-sizing:border-box}*{scrollbar-width:thin}:where(img,svg,video,canvas,audio,iframe,embed,object){display:inline-block}:where(img,svg,video){block-size:auto;max-inline-size:100%}:where(img){opacity:0;transition:opacity .5s ease-out}:where(img).is-loaded{opacity:1}:where(svg:not([width])){inline-size:var(--size-16)}:where(input,button,textarea),:where(input[type=file])::-webkit-file-upload-button{color:inherit;font-size:inherit;font:inherit;letter-spacing:inherit}:where(a[href],area,button,[role=button],input,label[for],select,summary,textarea,[tabindex]:not([tabindex*="-"])){-webkit-tap-highlight-color:transparent;touch-action:manipulation}:where(:not(fieldset,progress,meter)){background-origin:border-box;background-repeat:no-repeat;border-style:solid;border-width:0}:where(button){appearance:button;-webkit-appearance:button;background-color:transparent;background-image:none}:where(dd,pre){margin:0}:where(ul,li){margin:0;padding:0}:where(ol,ul){list-style:none}}@layer theme{[data-theme=light],:host-context(.light){color-scheme:only light}[data-theme=dark],:host-context(.dark){color-scheme:only dark}:root,:host{font-family:var(--mvw-font, inherit);--mvw-color-live: #8bc34a;--mvw-color-error: #fb2c36;--mvw-color-warning: #ffc107;--mvw-color-info: #2870ed;--mvw-color-team: #ff6129;--mvw-link-color: light-dark(var(--mvw-color-secondary-700), var(--mvw-color-secondary-400));--mvw-link-hover-color: light-dark(var(--mvw-color-secondary-900), var(--mvw-color-secondary-200));--mvw-text-pale: light-dark(var(--mvw-color-primary-100), var(--mvw-color-primary-700));--mvw-text-faded: light-dark(var(--mvw-color-primary-200), var(--mvw-color-primary-600));--mvw-text-dimmed: light-dark(var(--mvw-color-primary-400), var(--mvw-color-primary-500));--mvw-text-muted: light-dark(var(--mvw-color-primary-500), var(--mvw-color-primary-400));--mvw-text-toned: light-dark(var(--mvw-color-primary-600), var(--mvw-color-primary-300));--mvw-text-default: light-dark(var(--mvw-color-primary-700), var(--mvw-color-primary-200));--mvw-text-highlighted: light-dark(var(--mvw-color-primary-900), var(--mvw-color-primary-50));--mvw-text-inverted: light-dark(var(--mvw-color-white), var(--mvw-color-primary-950));--mvw-bg-default: light-dark(var(--mvw-color-white), var(--mvw-color-primary-950));--mvw-bg-muted: light-dark(var(--mvw-color-primary-50), var(--mvw-color-primary-900));--mvw-bg-elevated: light-dark(var(--mvw-color-primary-100), var(--mvw-color-primary-800));--mvw-bg-accented: light-dark(var(--mvw-color-primary-200), var(--mvw-color-primary-700));--mvw-bg-highlighted: var(--mvw-color-secondary-500);--mvw-bg-inverted: light-dark(var(--mvw-color-primary-900), var(--mvw-color-primary-50));--mvw-border-faded: light-dark(var(--mvw-color-primary-100), var(--mvw-color-primary-800));--mvw-border-muted: light-dark(var(--mvw-color-primary-200), var(--mvw-color-primary-700));--mvw-border-highlighted: var(--mvw-color-secondary-500)}:where(a[href]){color:var(--mvw-link-color);text-decoration:none}:where(a[href]):hover{color:var(--mvw-link-hover-color)}:where(a[href]):visited{color:var(--mvw-link-color)}}@layer components{:where(.loading-indicator){padding:var(--size-16);font-weight:600;color:var(--mvw-loading-indicator-text-color, var(--mvw-text-toned));text-align:center}}@layer utils{.font-bold{font-weight:700}.italic{font-style:italic}.uppercase{text-transform:uppercase}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-start{text-align:start}.text-end{text-align:end}.text-center{text-align:center}.text-xs{font-size:var(--font-size-200)}.text-sm{font-size:var(--font-size-400)}.text-xl{font-size:var(--font-size-700)}.text-faded{color:var(--mvw-text-faded)}.text-dimmed{color:var(--mvw-text-dimmed)}.text-muted{color:var(--mvw-text-muted)}.text-toned{color:var(--mvw-text-toned)}.text-default{color:var(--mvw-text-default)}.text-highlighted{color:var(--mvw-text-highlighted)}.w-auto{width:auto}.mx-sm{margin-inline:var(--size-8)}.mb-sm{margin-block-end:var(--size-8)}.mb-md{margin-block-end:var(--size-16)}.mb-xl{margin-block-end:calc(var(--size-16) * 2)}.mt-md{margin-block-start:var(--size-16)}.mt-lg{margin-block-start:var(--size-24)}.mt-xl{margin-block-start:calc(var(--size-16) * 2)}.p-sm{padding-block:var(--size-8)}.py-md{padding-block:var(--size-16)}.flex{display:flex}.grid{display:grid}.block{display:block}.rounded{border-radius:1e5px}.sticky{position:sticky;top:var(--mvw-sticky-top-offset, 0);z-index:10}.blured-bg{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.grid-container{--min-width: 230px;--max-width: 1fr;--gap: var(--size-16);--align-items: center;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(var(--min-width),100%),var(--max-width)));align-items:var(--align-items);gap:var(--gap)}.flex-container{display:flex;flex-wrap:wrap;gap:var(--size-16)}.responsive-team-name{container-type:inline-size;container-name:team-name}.responsive-team-name>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.responsive-team-name>* .team-name-short{display:none}@container team-name (max-width: 200px){.responsive-team-name>* .team-name-long{display:none}.responsive-team-name>* .team-name-short{display:inline-block}}}', Re = (e, t) => {
+  const o = e.__vccOpts || e;
+  for (const [s, n] of t)
+    o[s] = n;
+  return o;
+}, Ke = {
+  key: 0,
+  class: "ad-placement-tool"
+}, Xe = {
+  key: 0,
+  ref: "popover"
+}, Ye = {
+  __name: "AdPlacement.ce",
+  props: {
+    areaId: {
+      type: String,
+      default: ""
+    },
+    mobileBreakpoint: {
+      type: String,
+      default: "768px"
+    }
+  },
+  setup(e) {
+    const t = e, o = Fe("popover"), { isFinished: s, data: n, error: c } = Ie(`${pe.replace("/vbr", "")}/internal/ad-placement?areaid=${t.areaId}`, { timeout: 1e3 }).get().json(), { hide: a } = He(o, L(() => n.value?.closeTimeout ?? 3e4), {
+      check: () => ne.checkCookie(`mjsz-popover-${n.value?._id}`),
+      set: () => ne.setCookie(`mjsz-popover-${n.value?._id}`, 1, n.value?.expiration ?? 1)
+    });
+    return (r, i) => x(s) && !x(c) ? (T(), S("div", Ke, [
+      x(n).type === "popover" ? (T(), S("dialog", Xe, [
+        Pe(ce, {
+          "current-ad": x(n),
+          "mobile-breakpoint": e.mobileBreakpoint
+        }, null, 8, ["current-ad", "mobile-breakpoint"]),
+        me("button", {
+          type: "button",
+          class: "close",
+          onClick: i[0] || (i[0] = (...d) => x(a) && x(a)(...d))
+        })
+      ], 512)) : (T(), de(ce, {
+        key: 1,
+        "current-ad": x(n),
+        "mobile-breakpoint": e.mobileBreakpoint
+      }, null, 8, ["current-ad", "mobile-breakpoint"]))
+    ])) : ue("", !0);
+  }
+}, Ze = /* @__PURE__ */ Re(Ye, [["styles", [Je, Qe]], ["__scopeId", "data-v-27c6fb4c"]]), et = Oe(Ze);
+function tt() {
+  customElements.define("mjsz-ad-placement", et);
+}
+const nt = {
+  install: () => tt()
+};
+export {
+  Ze as AdPlacement,
+  et as AdPlacementCE,
+  nt as default,
+  tt as register
+};

package/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "@mjsz-vbr-elements/internal",
+  "type": "module",
+  "version": "2.34.0",
+  "private": false,
+  "description": "Data visualization for MJSZ VBR",
+  "author": "Ákos Stegner <akos.stegner@gmail.com>",
+  "license": "MIT",
+  "homepage": "https://api.icehockey.hu/widgets/docs/v2/",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/jegkorongszovetseg/hihf-vbr-widget-v2.git"
+  },
+  "exports": {
+    ".": {
+      "import": "./dist/index.js"
+    }
+  },
+  "module": "./dist/index.js",
+  "unpkg": "./dist/index.iife.js",
+  "jsdelivr": "./dist/index.iife.js",
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@vueuse/core": "^13.4.0",
+    "vue": "^3.5.22",
+    "@mjsz-vbr-elements/core": "^2.34.0",
+    "@mjsz-vbr-elements/shared": "^2.34.0"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^6.0.0",
+    "sass-embedded": "^1.89.2",
+    "vite": "^7.0.0",
+    "vite-plugin-banner": "^0.8.1",
+    "vite-plugin-compression2": "^2.2.0"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org"
+  },
+  "scripts": {
+    "build": "vite build"
+  }
+}