@mjsz-vbr-elements/elements 2.1.0-beta.21 → 2.1.0-beta.22

package/dist/index.iife.js

@@ -1,6 +1,6 @@
 /**
  * name: @mjsz-vbr-elements/elements
- * version: v2.1.0-beta.21 - 02/10/2023, 23:21:00
+ * version: v2.1.0-beta.22 - 03/10/2023, 20:44:41
  * (c) 2023
  * description: Data visualization for MJSZ VBR
  * author: Ákos Stegner <akos.stegner@gmail.com>
@@ -19,7 +19,7 @@ var MjszVbrElements=function(U,r,A){"use strict";function be(t){return r.getCurr
   LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
   OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
   PERFORMANCE OF THIS SOFTWARE.
-  ***************************************************************************** */function go(t,e){var o=typeof Symbol=="function"&&t[Symbol.iterator];if(!o)return t;var n,a,i=o.call(t),s=[];try{for(;(e===void 0||e-- >0)&&!(n=i.next()).done;)s.push(n.value)}catch(l){a={error:l}}finally{try{n&&!n.done&&(o=i.return)&&o.call(i)}finally{if(a)throw a.error}}return s}var ho;(function(t){t[t.NotStarted=0]="NotStarted",t[t.Running=1]="Running",t[t.Stopped=2]="Stopped"})(ho||(ho={}));var Us={type:"xstate.init"};function Ge(t){return t===void 0?[]:[].concat(t)}function bo(t,e){return typeof(t=typeof t=="string"&&e&&e[t]?e[t]:t)=="string"?{type:t}:typeof t=="function"?{type:t.name,exec:t}:t}function Fe(t){return function(e){return t===e}}function Ks(t){return typeof t=="string"?{type:t}:t}function yo(t,e){return{value:t,context:e,actions:[],changed:!1,matches:Fe(t)}}function wo(t,e,o){var n=e,a=!1;return[t.filter(function(i){if(i.type==="xstate.assign"){a=!0;var s=Object.assign({},n);return typeof i.assignment=="function"?s=i.assignment(n,o):Object.keys(i.assignment).forEach(function(l){s[l]=typeof i.assignment[l]=="function"?i.assignment[l](n,o):i.assignment[l]}),n=s,!1}return!0}),n,a]}function Ws(t,e){e===void 0&&(e={});var o=go(wo(Ge(t.states[t.initial].entry).map(function(s){return bo(s,e.actions)}),t.context,Us),2),n=o[0],a=o[1],i={config:t,_options:e,initialState:{value:t.initial,actions:n,context:a,matches:Fe(t.initial)},transition:function(s,l){var f,u,d=typeof s=="string"?{value:s,context:t.context}:s,c=d.value,p=d.context,m=Ks(l),h=t.states[c];if(h.on){var g=Ge(h.on[m.type]);try{for(var b=function(v){var _=typeof Symbol=="function"&&Symbol.iterator,C=_&&v[_],B=0;if(C)return C.call(v);if(v&&typeof v.length=="number")return{next:function(){return v&&B>=v.length&&(v=void 0),{value:v&&v[B++],done:!v}}};throw new TypeError(_?"Object is not iterable.":"Symbol.iterator is not defined.")}(g),w=b.next();!w.done;w=b.next()){var y=w.value;if(y===void 0)return yo(c,p);var x=typeof y=="string"?{target:y}:y,z=x.target,T=x.actions,D=T===void 0?[]:T,V=x.cond,R=V===void 0?function(){return!0}:V,j=z===void 0,N=z??c,O=t.states[N];if(R(p,m)){var F=go(wo((j?Ge(D):[].concat(h.exit,D,O.entry).filter(function(v){return v})).map(function(v){return bo(v,i._options.actions)}),p,m),3),P=F[0],S=F[1],k=F[2],E=z??c;return{value:E,context:S,actions:P,changed:z!==c||P.length>0||k,matches:Fe(E)}}}}catch(v){f={error:v}}finally{try{w&&!w.done&&(u=b.return)&&u.call(b)}finally{if(f)throw f.error}}}return yo(c,p)}};return i}const Zs=Ws({id:"sort",initial:bt,states:{[bt]:{on:{DIRECTION1:Gt,DIRECTION2:zt}},[Gt]:{on:{DIRECTION1:zt,DIRECTION2:bt}},[zt]:{on:{DIRECTION1:bt,DIRECTION2:Gt}}}}),qs=(t,e)=>{const o=e===zt?"DIRECTION2":"DIRECTION1";return Zs.transition(t,o).value};function ft(t={}){const{sortTarget:e=null,orders:o=[]}=t,n=r.reactive({sortTarget:e,orders:o});return{sort:n,change:({target:a,orders:i})=>{if(n.sortTarget!==a){n.sortTarget=a,n.orders=i;return}const s=i.map((l,f)=>({...l,direction:qs(n.orders[f].direction,l.direction)}));n.sortTarget=a,n.orders=s}}}const it=(t=[])=>({result:[...t],filteredRowsLength:0,isFiltered:!1,value(){return{rows:this.result,totalItems:this.filteredRowsLength,totalItems:this.isFiltered?this.filteredRowsLength:t.length}},filter(e,o=[],n=!1){if(e){const a=o.map(s=>n?De(zr(s),re(e)):De(Mt(s),Da,ba(e))),i=pr(Fn([...a]),this.result);this.isFiltered=!0,this.filteredRowsLength=i.length,this.result=i}return this},sorted(e){if(!e.sortTarget)return this;if(e.orders[0].direction===bt)return this;const o=ga(re(zt),xr(Sr),xr(aa));return this.result=Pr(e.orders.map(n=>Er(o(n.direction),Mt)(n.target)))(this.result),this},addIndex(e=null){return this.result.reduce((o,n,a)=>{const i=o[o.length-1]||[],s=e&&i[e]===n[e];return n.index=s?i.index:a+1,n.indexClass=s?"is-duplicated":null,o.push(n),o},[]),this},addContinuousIndex(){return this.result=this.result.map((e,o)=>({...e,index:o+1})),this},pagination(e,o){e=Number(e),o=Number(o);const n=(e-1)*o,a=n+o;return this.result=this.result.slice(n,a),this},playerName(){return this.result=this.result.map(e=>({...e,name:`${e.lastName} ${e.firstName}`})),this},schedule(e="",o="hu"){return this.result=this.result.map(n=>({...n,gameResult:`${n.homeTeamScore}-${n.awayTeamScore}`,gameDateDate:Re(n.gameDate,"L dddd",e,o),gameDateTime:Re(n.gameDate,"HH:mm",e,o)})),this},gameDateFilter(e){return e===null?this:(this.result=this.result.filter(o=>new Date(o.gameDate).getMonth()==e),this)},convertTimes(e=[]){return this.result=this.result.map(o=>(e.map(n=>o[n]?o[`${n}Sec`]=fo(o[n]):o),o)),this},groupByDays(){return this.result=ma(e=>Re(e.gameDate,"YYYY-MM-DD"))(this.result),this}}),Zt=(t,...e)=>Tt(Er(...e))(t),Ye=t=>({...t,...t.lastName&&{name:`${t.lastName} ${t.firstName}`}}),He=(t=[])=>e=>(t.map(o=>e[o]?e[`${o}Sec`]=fo(e[o]):e),e),Js=(t,e)=>new Date(t.gameDate).getTime()-new Date(e.gameDate).getTime(),Xs=Pr([Js,Sr(Mt("id"))]),Qs=(t,e)=>{const o=Ke("gameResolver")||t;return typeof o=="function"?o(e):o?o+e:Fa+e},kt=(t,e)=>{const o=Ke("teamResolver")||t;return typeof o=="function"?o(e):encodeURI(o?o+e:Ua+e)},Ue=(t,e)=>{const o=Ke("playerResolver")||t;return typeof o=="function"?o(e):encodeURI(o?o+e:Ha+e)},Ke=(t="")=>{var e;return(e=window==null?void 0:window.__MJSZ_VBR_WIDGET__)==null?void 0:e[t]},st=`h1,h2,h3,ul,li,dl,dt,dd{margin:0;padding:0}button{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0;border-width:0;-webkit-appearance:button;background-color:transparent;background-image:none;cursor:pointer}ol,ul{list-style:none}:root,:host{font-family:Roboto Condensed,Avenir,Helvetica,Arial,sans-serif;--vbr-widget-primary-color-0: #ffffff;--vbr-widget-primary-color-50: #eceff1;--vbr-widget-primary-color-100: #cfd8dc;--vbr-widget-primary-color-200: #b0bec5;--vbr-widget-primary-color-300: #90a4ae;--vbr-widget-primary-color-400: #78909c;--vbr-widget-primary-color-500: #607d8b;--vbr-widget-primary-color-600: #546e7a;--vbr-widget-primary-color-700: #455a64;--vbr-widget-primary-color-800: #37474f;--vbr-widget-primary-color-900: #263238;--vbr-widget-secondary-color-100: #dcedc8;--vbr-widget-secondary-color-200: #badb94;--vbr-widget-secondary-color-300: #aed581;--vbr-widget-secondary-color-400: #9ccc65;--vbr-widget-secondary-color-500: #8bc34a;--vbr-widget-secondary-color-700: #689f38;--vbr-widget-secondary-color-800: #558b2f;--vbr-widget-secondary-color-900: #33691e;--vbr-widget-danger-color-50: #ffebee;--vbr-widget-danger-color-100: #ffcdd2;--vbr-widget-danger-color-200: #ef9a9a;--vbr-widget-danger-color-300: #e57373;--vbr-widget-danger-color-400: #ef5350;--vbr-widget-danger-color-500: #f44336;--vbr-widget-danger-color-700: #d32f2f;--vbr-widget-danger-color-900: #b71c1c;--vbr-widget-danger-color-a400: #ff1744;--vbr-widget-live-game-color: #8bc34a;--vbr-widget-table-header-font-size: 12px;--vbr-widget-table-default-column-width: 30px;--vbr-widget-table-default-bg-color: var(--vbr-widget-primary-color-0);--vbr-widget-table-color: var(--vbr-widget-primary-color-800);--vbr-widget-table-neutral-color: var(--vbr-widget-primary-color-300);--vbr-widget-table-header-bg-color: var(--vbr-widget-primary-color-800);--vbr-widget-table-header-hover-bg-color: var(--vbr-widget-primary-color-700);--vbr-widget-table-header-color: var(--vbr-widget-primary-color-200);--vbr-widget-table-table-header-active-bg-color: var(--vbr-widget-primary-color-700);--vbr-widget-table-header-active-color: var(--vbr-widget-primary-color-0);--vbr-widget-table-hover-color: var(--vbr-widget-secondary-color-900);--vbr-widget-table-hover-bg-color: var(--vbr-widget-secondary-color-100);--vbr-widget-table-active-color: var(--vbr-widget-secondary-color-900);--vbr-widget-table-active-bg-color: var(--vbr-widget-secondary-color-200);--vbr-widget-table-active-even-bg-color: var(--vbr-widget-secondary-color-300);--vbr-widget-table-active-hover-color: var(--vbr-widget-secondary-color-900);--vbr-widget-table-active-hover-bg-color: var(--vbr-widget-secondary-color-400);--vbr-widget-table-portrait-border-color: var(--vbr-widget-primary-color-100);--vbr-widget-table-portrait-bg-color: var(--vbr-widget-primary-color-50);--vbr-widget-table-cell-light-color: var(--vbr-widget-primary-color-600);--vbr-widget-table-cell-dark-color: var(--vbr-widget-primary-color-900);--vbr-widget-table-stripped-bg-color: #f8f9fa;--vbr-widget-table-label-color: var(--vbr-widget-primary-color-500);--vbr-widget-table-label-bg-color: var(--vbr-widget-primary-color-50);--vbr-widget-table-cell-logo-size: 20px;--vbr-widget-table-cell-portrait-size: 26px;--vbr-widget-paginator-color: var(--vbr-widget-primary-color-500);--vbr-widget-paginator-bg-color: var(--vbr-widget-primary-color-0);--vbr-widget-paginator-hover-color: var(--vbr-widget-primary-color-700);--vbr-widget-paginator-hover-bg-color: var(--vbr-widget-primary-color-100);--vbr-widget-paginator-border-color: var(--vbr-widget-primary-color-100);--vbr-widget-paginator-active-color: var(--vbr-widget-primary-color-0);--vbr-widget-paginator-active-bg-color: var(--vbr-widget-primary-color-900);--vbr-widget-paginator-disabled-color: var(--vbr-widget-primary-color-200);--vbr-widget-tooltip-font-size: 12px;--vbr-widget-tooltip-color: #ffffff;--vbr-widget-tooltip-bg-color: #000000;--vbr-widget-popover-trigger-hover-bg-color: var(--vbr-widget-secondary-color-200);--vbr-widget-popover-trigger-focus-bg-color: var(--vbr-widget-secondary-color-300);--vbr-widget-popover-bg-color: var(--vbr-widget-primary-color-0);--vbr-widget-dropdown-item-color: var(--vbr-widget-primary-color-500);--vbr-widget-dropdown-item-hover-color: var(--vbr-widget-primary-color-800);--vbr-widget-dropdown-item-hover-bg-color: var(--vbr-widget-primary-color-50);--vbr-widget-error-notice-bg-color: var(--vbr-widget-danger-color-50);--vbr-widget-error-notice-border-color: var(--vbr-widget-danger-color-100);--vbr-widget-error-notice-color: var(--vbr-widget-danger-color-700);--vbr-widget-link-color: var(--vbr-widget-secondary-color-700);--vbr-widget-hover-color: var(--vbr-widget-secondary-color-900);--vbr-widget-base-input-color: var(--vbr-widget-primary-color-800);--vbr-widget-base-input-font-size: .875rem;--vbr-widget-base-input-border-color: var(--vbr-widget-primary-color-300);--vbr-widget-base-input-border-radius: 3px;--vbr-widget-form-label-color: var(--vbr-widget-primary-color-500);--vbr-widget-form-label-font-size: .75rem;--vbr-widget-timezone-selector-color: var(--vbr-widget-primary-color-500);--vbr-widget-timezone-selector-font-size: .8125rem;--vbr-widget-badge-bg-color: var(--vbr-widget-primary-color-50);--vbr-widget-badge-color: var(--vbr-widget-primary-color-400);--vbr-widget-badge-font-size: .625rem;--vbr-widget-tab-btn-padding: .625rem 1rem;--vbr-widget-tab-btn-font-size: 1rem;--vbr-widget-tab-btn-font-weight: 500;--vbr-widget-tab-btn-bg-color: var(--vbr-widget-primary-color-0);--vbr-widget-tab-btn-color: var(--vbr-widget-primary-color-300);--vbr-widget-tab-btn-border-color: transparent;--vbr-widget-tab-btn-border-style: solid;--vbr-widget-tab-btn-border-width: 0 0 3px 0;--vbr-widget-tab-btn-text-transform: uppercase;--vbr-widget-tab-btn-hover-color: var(--vbr-widget-primary-color-500);--vbr-widget-tab-btn-hover-bg-color: var(--vbr-widget-primary-color-0);--vbr-widget-tab-btn-hover-border-color: transparent;--vbr-widget-tab-btn-active-bg-color: var(--vbr-widget-primary-color-0);--vbr-widget-tab-btn-active-color: var(--vbr-widget-primary-color-900);--vbr-widget-tab-btn-active-border-color: var(--vbr-widget-secondary-color-500);--vbr-widget-progress-height: 10px;--vbr-widget-progress-border-radius: 5px;--vbr-widget-progress-bg-color: var(--vbr-widget-primary-color-50);--vbr-widget-progress-bar-color: var(--vbr-widget-live-game-color);--vbr-widget-progress-bar-stripe-color: rgba(255, 255, 255, .2);--vbr-widget-progress-bar-stripe-angle: 45deg;--vbr-widget-gamecenter-result-size: 6rem;--vbr-widget-gamecenter-result-weight: 700;--vbr-widget-gamecenter-result-color: var(--vbr-widget-primary-color-800);--vbr-widget-gamecenter-teamname-size: 1.3125rem;--vbr-widget-gamecenter-teamname-color: var(--vbr-widget-primary-color-800);--vbr-widget-gamecenter-teamname-weight: 700;--vbr-widget-gamecenter-title-color: var(--vbr-widget-primary-color-800);--vbr-widget-gamecenter-title-size: 1rem;--vbr-widget-gamecenter-title-weight: 700;--vbr-widget-gamecenter-gamedate-color: var(--vbr-widget-primary-color-500);--vbr-widget-gamecenter-gamedate-size: 1rem;--vbr-widget-gamecenter-local-gamedate-color: var(--vbr-widget-primary-color-500);--vbr-widget-gamecenter-local-gamedate-size: .8125rem;--vbr-widget-gamecenter-gamestatus-color: var(--vbr-widget-primary-color-600);--vbr-widget-gamecenter-gamestatus-size: 1rem;--vbr-widget-gamecenter-periodresults-color: var(--vbr-widget-primary-color-600);--vbr-widget-gamecenter-periodresults-size: 1.3125rem;--vbr-widget-gamecenter-period-header-bg-color: var(--vbr-widget-primary-color-800);--vbr-widget-gamecenter-period-header-color: var(--vbr-widget-primary-color-0);--vbr-widget-gamecenter-period-header-size: .8125rem;--vbr-widget-gamecenter-period-header-weight: 500;--vbr-widget-gamecenter-stats-bg-color: var(--vbr-widget-primary-color-50);--vbr-widget-gamecenter-stats-border-color: var(--vbr-widget-primary-color-100);--vbr-widget-gamecenter-stats-title-size: .8125rem;--vbr-widget-gamecenter-stats-title-color: var(--vbr-widget-primary-color-400);--vbr-widget-gamecenter-stats-size: 1rem;--vbr-widget-gamecenter-stats-color: var(--vbr-widget-primary-color-800);--vbr-widget-gamecenter-team-container-title-color: var(--vbr-widget-primary-color-800);--vbr-widget-gamecenter-team-container-title-bg-color: var(--vbr-widget-primary-color-100);--vbr-widget-gamecenter-team-container-border-color: var(--vbr-widget-primary-color-100);--vbr-widget-gamecenter-events-assitst-list-size: .9375rem;--vbr-widget-gamecenter-events-poi-list-size: .75rem;--vbr-widget-gamecenter-events-score-size: 1rem;--vbr-widget-gamecenter-events-penalty-size: .875rem;--vbr-widget-gamecenter-events-goalie-direction-size: .875rem}.transition-fade-enter-active,.transition-fade-leave-active{transition:all .25s ease}.transition-fade-enter-from,.transition-fade-leave-to{opacity:0;transform:translateY(5px)}img{opacity:0;transition:opacity .5s ease-out}img.is-loaded{opacity:1}a{color:var(--vbr-widget-link-color);text-decoration:none}a:hover{color:var(--vbr-widget-hover-color)}.floating-content.is-tooltip{background-color:var(--vbr-widget-tooltip-bg-color);color:var(--vbr-widget-tooltip-color);font-weight:700;padding:5px 10px;border-radius:4px;font-size:var(--vbr-widget-tooltip-font-size);white-space:nowrap;pointer-events:none}.floating-content.is-tooltip .is-arrow{background-color:var(--vbr-widget-tooltip-bg-color)}.floating-content.is-content{border-radius:4px;box-shadow:2px 14px 23px #00000040}.floating-content.is-content .is-arrow{background-color:var(--vbr-widget-primary-color-50)}.floating-content .is-arrow{position:absolute;width:8px;height:8px;transform:rotate(45deg)}[data-placement^=top] .floating-content .is-arrow{bottom:-4px}[data-placement^=bottom] .floating-content .is-arrow{top:-4px}[data-placement^=left] .floating-content .is-arrow{right:-4px}[data-placement^=right] .floating-content .is-arrow{left:-4px}.mjsz-vbr-error-notice{display:flex;align-items:center;justify-items:flex-start;margin:10px 0;padding:10px 20px;background-color:var(--vbr-widget-error-notice-bg-color);color:var(--vbr-widget-error-notice-color);border:1px solid var(--vbr-widget-error-notice-border-color)}.mjsz-vbr-error-notice .icon{margin-right:15px}.mjsz-vbr-timezone-selector{padding:3px 0;color:var(--vbr-widget-timezone-selector-color);font-size:var(--vbr-widget-timezone-selector-font-size);font-weight:500}.mjsz-vbr-timezone-selector .is-active{font-weight:700}.is-badge{display:inline-block;padding:.125rem .25rem;color:var(--vbr-widget-badge-color);font-size:var(--vbr-widget-badge-font-size);font-weight:700;text-transform:uppercase;background-color:var(--vbr-widget-badge-bg-color);border-radius:3px}.is-badge+.is-badge{margin-left:3px}.is-badge.is-invert{color:var(--vbr-widget-badge-bg-color);background-color:var(--vbr-widget-badge-color)}
+  ***************************************************************************** */function go(t,e){var o=typeof Symbol=="function"&&t[Symbol.iterator];if(!o)return t;var n,a,i=o.call(t),s=[];try{for(;(e===void 0||e-- >0)&&!(n=i.next()).done;)s.push(n.value)}catch(l){a={error:l}}finally{try{n&&!n.done&&(o=i.return)&&o.call(i)}finally{if(a)throw a.error}}return s}var ho;(function(t){t[t.NotStarted=0]="NotStarted",t[t.Running=1]="Running",t[t.Stopped=2]="Stopped"})(ho||(ho={}));var Us={type:"xstate.init"};function Ge(t){return t===void 0?[]:[].concat(t)}function bo(t,e){return typeof(t=typeof t=="string"&&e&&e[t]?e[t]:t)=="string"?{type:t}:typeof t=="function"?{type:t.name,exec:t}:t}function Fe(t){return function(e){return t===e}}function Ks(t){return typeof t=="string"?{type:t}:t}function yo(t,e){return{value:t,context:e,actions:[],changed:!1,matches:Fe(t)}}function wo(t,e,o){var n=e,a=!1;return[t.filter(function(i){if(i.type==="xstate.assign"){a=!0;var s=Object.assign({},n);return typeof i.assignment=="function"?s=i.assignment(n,o):Object.keys(i.assignment).forEach(function(l){s[l]=typeof i.assignment[l]=="function"?i.assignment[l](n,o):i.assignment[l]}),n=s,!1}return!0}),n,a]}function Ws(t,e){e===void 0&&(e={});var o=go(wo(Ge(t.states[t.initial].entry).map(function(s){return bo(s,e.actions)}),t.context,Us),2),n=o[0],a=o[1],i={config:t,_options:e,initialState:{value:t.initial,actions:n,context:a,matches:Fe(t.initial)},transition:function(s,l){var f,u,d=typeof s=="string"?{value:s,context:t.context}:s,c=d.value,p=d.context,m=Ks(l),h=t.states[c];if(h.on){var g=Ge(h.on[m.type]);try{for(var b=function(v){var _=typeof Symbol=="function"&&Symbol.iterator,C=_&&v[_],B=0;if(C)return C.call(v);if(v&&typeof v.length=="number")return{next:function(){return v&&B>=v.length&&(v=void 0),{value:v&&v[B++],done:!v}}};throw new TypeError(_?"Object is not iterable.":"Symbol.iterator is not defined.")}(g),w=b.next();!w.done;w=b.next()){var y=w.value;if(y===void 0)return yo(c,p);var x=typeof y=="string"?{target:y}:y,z=x.target,T=x.actions,D=T===void 0?[]:T,V=x.cond,R=V===void 0?function(){return!0}:V,j=z===void 0,N=z??c,O=t.states[N];if(R(p,m)){var F=go(wo((j?Ge(D):[].concat(h.exit,D,O.entry).filter(function(v){return v})).map(function(v){return bo(v,i._options.actions)}),p,m),3),P=F[0],S=F[1],k=F[2],E=z??c;return{value:E,context:S,actions:P,changed:z!==c||P.length>0||k,matches:Fe(E)}}}}catch(v){f={error:v}}finally{try{w&&!w.done&&(u=b.return)&&u.call(b)}finally{if(f)throw f.error}}}return yo(c,p)}};return i}const Zs=Ws({id:"sort",initial:bt,states:{[bt]:{on:{DIRECTION1:Gt,DIRECTION2:zt}},[Gt]:{on:{DIRECTION1:zt,DIRECTION2:bt}},[zt]:{on:{DIRECTION1:bt,DIRECTION2:Gt}}}}),qs=(t,e)=>{const o=e===zt?"DIRECTION2":"DIRECTION1";return Zs.transition(t,o).value};function ft(t={}){const{sortTarget:e=null,orders:o=[]}=t,n=r.reactive({sortTarget:e,orders:o});return{sort:n,change:({target:a,orders:i})=>{if(n.sortTarget!==a){n.sortTarget=a,n.orders=i;return}const s=i.map((l,f)=>({...l,direction:qs(n.orders[f].direction,l.direction)}));n.sortTarget=a,n.orders=s}}}const it=(t=[])=>({result:[...t],filteredRowsLength:0,isFiltered:!1,value(){return{rows:this.result,totalItems:this.filteredRowsLength,totalItems:this.isFiltered?this.filteredRowsLength:t.length}},filter(e,o=[],n=!1){if(e){const a=o.map(s=>n?De(zr(s),re(e)):De(Mt(s),Da,ba(e))),i=pr(Fn([...a]),this.result);this.isFiltered=!0,this.filteredRowsLength=i.length,this.result=i}return this},sorted(e){if(!e.sortTarget)return this;if(e.orders[0].direction===bt)return this;const o=ga(re(zt),xr(Sr),xr(aa));return this.result=Pr(e.orders.map(n=>Er(o(n.direction),Mt)(n.target)))(this.result),this},addIndex(e=null){return this.result.reduce((o,n,a)=>{const i=o[o.length-1]||[],s=e&&i[e]===n[e];return n.index=s?i.index:a+1,n.indexClass=s?"is-duplicated":null,o.push(n),o},[]),this},addContinuousIndex(){return this.result=this.result.map((e,o)=>({...e,index:o+1})),this},pagination(e,o){e=Number(e),o=Number(o);const n=(e-1)*o,a=n+o;return this.result=this.result.slice(n,a),this},playerName(){return this.result=this.result.map(e=>({...e,name:`${e.lastName} ${e.firstName}`})),this},schedule(e="",o="hu"){return this.result=this.result.map(n=>({...n,gameResult:`${n.homeTeamScore}-${n.awayTeamScore}`,gameDateDate:Re(n.gameDate,"L dddd",e,o),gameDateTime:Re(n.gameDate,"HH:mm",e,o)})),this},gameDateFilter(e){return e===null?this:(this.result=this.result.filter(o=>new Date(o.gameDate).getMonth()==e),this)},convertTimes(e=[]){return this.result=this.result.map(o=>(e.map(n=>o[n]?o[`${n}Sec`]=fo(o[n]):o),o)),this},groupByDays(){return this.result=ma(e=>Re(e.gameDate,"YYYY-MM-DD"))(this.result),this}}),Zt=(t,...e)=>Tt(Er(...e))(t),Ye=t=>({...t,...t.lastName&&{name:`${t.lastName} ${t.firstName}`}}),He=(t=[])=>e=>(t.map(o=>e[o]?e[`${o}Sec`]=fo(e[o]):e),e),Js=(t,e)=>new Date(t.gameDate).getTime()-new Date(e.gameDate).getTime(),Xs=Pr([Js,Sr(Mt("id"))]),Qs=(t,e)=>{const o=Ke("gameResolver")||t;return typeof o=="function"?o(e):o?o+e:Fa+e},kt=(t,e)=>{const o=Ke("teamResolver")||t;return typeof o=="function"?o(e):encodeURI(o?o+e:Ua+e)},Ue=(t,e)=>{const o=Ke("playerResolver")||t;return typeof o=="function"?o(e):encodeURI(o?o+e:Ha+e)},Ke=(t="")=>{var e;return(e=window==null?void 0:window.__MJSZ_VBR_WIDGET__)==null?void 0:e[t]},st=`h1,h2,h3,ul,li,dl,dt,dd{margin:0;padding:0}button{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0;border-width:0;-webkit-appearance:button;background-color:transparent;background-image:none;cursor:pointer}ol,ul{list-style:none}:root,:host{font-family:Roboto Condensed,Avenir,Helvetica,Arial,sans-serif;--vbr-widget-primary-color-0: #ffffff;--vbr-widget-primary-color-50: #eceff1;--vbr-widget-primary-color-100: #cfd8dc;--vbr-widget-primary-color-200: #b0bec5;--vbr-widget-primary-color-300: #90a4ae;--vbr-widget-primary-color-400: #78909c;--vbr-widget-primary-color-500: #607d8b;--vbr-widget-primary-color-600: #546e7a;--vbr-widget-primary-color-700: #455a64;--vbr-widget-primary-color-800: #37474f;--vbr-widget-primary-color-900: #263238;--vbr-widget-secondary-color-100: #dcedc8;--vbr-widget-secondary-color-200: #badb94;--vbr-widget-secondary-color-300: #aed581;--vbr-widget-secondary-color-400: #9ccc65;--vbr-widget-secondary-color-500: #8bc34a;--vbr-widget-secondary-color-700: #689f38;--vbr-widget-secondary-color-800: #558b2f;--vbr-widget-secondary-color-900: #33691e;--vbr-widget-danger-color-50: #ffebee;--vbr-widget-danger-color-100: #ffcdd2;--vbr-widget-danger-color-200: #ef9a9a;--vbr-widget-danger-color-300: #e57373;--vbr-widget-danger-color-400: #ef5350;--vbr-widget-danger-color-500: #f44336;--vbr-widget-danger-color-700: #d32f2f;--vbr-widget-danger-color-900: #b71c1c;--vbr-widget-danger-color-a400: #ff1744;--vbr-widget-live-game-color: #8bc34a;--vbr-widget-table-header-font-size: 12px;--vbr-widget-table-default-column-width: 30px;--vbr-widget-table-default-bg-color: var(--vbr-widget-primary-color-0);--vbr-widget-table-color: var(--vbr-widget-primary-color-800);--vbr-widget-table-neutral-color: var(--vbr-widget-primary-color-300);--vbr-widget-table-header-bg-color: var(--vbr-widget-primary-color-800);--vbr-widget-table-header-hover-bg-color: var(--vbr-widget-primary-color-700);--vbr-widget-table-header-color: var(--vbr-widget-primary-color-200);--vbr-widget-table-table-header-active-bg-color: var(--vbr-widget-primary-color-700);--vbr-widget-table-header-active-color: var(--vbr-widget-primary-color-0);--vbr-widget-table-hover-color: var(--vbr-widget-secondary-color-900);--vbr-widget-table-hover-bg-color: var(--vbr-widget-secondary-color-100);--vbr-widget-table-active-color: var(--vbr-widget-secondary-color-900);--vbr-widget-table-active-bg-color: var(--vbr-widget-secondary-color-200);--vbr-widget-table-active-even-bg-color: var(--vbr-widget-secondary-color-300);--vbr-widget-table-active-hover-color: var(--vbr-widget-secondary-color-900);--vbr-widget-table-active-hover-bg-color: var(--vbr-widget-secondary-color-400);--vbr-widget-table-portrait-border-color: var(--vbr-widget-primary-color-100);--vbr-widget-table-portrait-bg-color: var(--vbr-widget-primary-color-50);--vbr-widget-table-cell-light-color: var(--vbr-widget-primary-color-600);--vbr-widget-table-cell-dark-color: var(--vbr-widget-primary-color-900);--vbr-widget-table-stripped-bg-color: #f8f9fa;--vbr-widget-table-label-color: var(--vbr-widget-primary-color-500);--vbr-widget-table-label-bg-color: var(--vbr-widget-primary-color-50);--vbr-widget-table-cell-logo-size: 20px;--vbr-widget-table-cell-portrait-size: 26px;--vbr-widget-paginator-color: var(--vbr-widget-primary-color-500);--vbr-widget-paginator-bg-color: var(--vbr-widget-primary-color-0);--vbr-widget-paginator-hover-color: var(--vbr-widget-primary-color-700);--vbr-widget-paginator-hover-bg-color: var(--vbr-widget-primary-color-100);--vbr-widget-paginator-border-color: var(--vbr-widget-primary-color-100);--vbr-widget-paginator-active-color: var(--vbr-widget-primary-color-0);--vbr-widget-paginator-active-bg-color: var(--vbr-widget-primary-color-900);--vbr-widget-paginator-disabled-color: var(--vbr-widget-primary-color-200);--vbr-widget-tooltip-font-size: 12px;--vbr-widget-tooltip-color: #ffffff;--vbr-widget-tooltip-bg-color: #000000;--vbr-widget-popover-trigger-hover-bg-color: var(--vbr-widget-secondary-color-200);--vbr-widget-popover-trigger-focus-bg-color: var(--vbr-widget-secondary-color-300);--vbr-widget-popover-bg-color: var(--vbr-widget-primary-color-0);--vbr-widget-dropdown-item-color: var(--vbr-widget-primary-color-500);--vbr-widget-dropdown-item-hover-color: var(--vbr-widget-primary-color-800);--vbr-widget-dropdown-item-hover-bg-color: var(--vbr-widget-primary-color-50);--vbr-widget-error-notice-bg-color: var(--vbr-widget-danger-color-50);--vbr-widget-error-notice-border-color: var(--vbr-widget-danger-color-100);--vbr-widget-error-notice-color: var(--vbr-widget-danger-color-700);--vbr-widget-link-color: var(--vbr-widget-secondary-color-700);--vbr-widget-hover-color: var(--vbr-widget-secondary-color-900);--vbr-widget-base-input-color: var(--vbr-widget-primary-color-800);--vbr-widget-base-input-font-size: .875rem;--vbr-widget-base-input-border-color: var(--vbr-widget-primary-color-300);--vbr-widget-base-input-border-radius: 3px;--vbr-widget-form-label-color: var(--vbr-widget-primary-color-500);--vbr-widget-form-label-font-size: .75rem;--vbr-widget-timezone-selector-color: var(--vbr-widget-primary-color-500);--vbr-widget-timezone-selector-font-size: .8125rem;--vbr-widget-badge-bg-color: var(--vbr-widget-primary-color-50);--vbr-widget-badge-color: var(--vbr-widget-primary-color-400);--vbr-widget-badge-font-size: .625rem;--vbr-widget-badge-large-font-size: .6875rem;--vbr-widget-tab-btn-padding: .625rem 1rem;--vbr-widget-tab-btn-font-size: 1rem;--vbr-widget-tab-btn-font-weight: 500;--vbr-widget-tab-btn-bg-color: var(--vbr-widget-primary-color-0);--vbr-widget-tab-btn-color: var(--vbr-widget-primary-color-300);--vbr-widget-tab-btn-border-color: transparent;--vbr-widget-tab-btn-border-style: solid;--vbr-widget-tab-btn-border-width: 0 0 3px 0;--vbr-widget-tab-btn-text-transform: uppercase;--vbr-widget-tab-btn-hover-color: var(--vbr-widget-primary-color-500);--vbr-widget-tab-btn-hover-bg-color: var(--vbr-widget-primary-color-0);--vbr-widget-tab-btn-hover-border-color: transparent;--vbr-widget-tab-btn-active-bg-color: var(--vbr-widget-primary-color-0);--vbr-widget-tab-btn-active-color: var(--vbr-widget-primary-color-900);--vbr-widget-tab-btn-active-border-color: var(--vbr-widget-secondary-color-500);--vbr-widget-progress-height: 10px;--vbr-widget-progress-border-radius: 5px;--vbr-widget-progress-bg-color: var(--vbr-widget-primary-color-50);--vbr-widget-progress-bar-color: var(--vbr-widget-live-game-color);--vbr-widget-progress-bar-stripe-color: rgba(255, 255, 255, .2);--vbr-widget-progress-bar-stripe-angle: 45deg;--vbr-widget-gamecenter-result-size: 6rem;--vbr-widget-gamecenter-result-weight: 700;--vbr-widget-gamecenter-result-color: var(--vbr-widget-primary-color-800);--vbr-widget-gamecenter-teamname-size: 1.3125rem;--vbr-widget-gamecenter-teamname-color: var(--vbr-widget-primary-color-800);--vbr-widget-gamecenter-teamname-weight: 700;--vbr-widget-gamecenter-title-color: var(--vbr-widget-primary-color-800);--vbr-widget-gamecenter-title-size: 1rem;--vbr-widget-gamecenter-title-weight: 700;--vbr-widget-gamecenter-gamedate-color: var(--vbr-widget-primary-color-500);--vbr-widget-gamecenter-gamedate-size: 1rem;--vbr-widget-gamecenter-local-gamedate-color: var(--vbr-widget-primary-color-500);--vbr-widget-gamecenter-local-gamedate-size: .8125rem;--vbr-widget-gamecenter-gamestatus-color: var(--vbr-widget-primary-color-600);--vbr-widget-gamecenter-gamestatus-size: .9375rem;--vbr-widget-gamecenter-periodresults-color: var(--vbr-widget-primary-color-600);--vbr-widget-gamecenter-periodresults-size: 1.3125rem;--vbr-widget-gamecenter-period-header-bg-color: var(--vbr-widget-primary-color-800);--vbr-widget-gamecenter-period-header-color: var(--vbr-widget-primary-color-0);--vbr-widget-gamecenter-period-header-size: .8125rem;--vbr-widget-gamecenter-period-header-weight: 500;--vbr-widget-gamecenter-stats-bg-color: var(--vbr-widget-primary-color-50);--vbr-widget-gamecenter-stats-border-color: var(--vbr-widget-primary-color-100);--vbr-widget-gamecenter-stats-title-size: .8125rem;--vbr-widget-gamecenter-stats-title-color: var(--vbr-widget-primary-color-400);--vbr-widget-gamecenter-stats-size: 1rem;--vbr-widget-gamecenter-stats-color: var(--vbr-widget-primary-color-800);--vbr-widget-gamecenter-team-container-title-color: var(--vbr-widget-primary-color-800);--vbr-widget-gamecenter-team-container-title-bg-color: var(--vbr-widget-primary-color-100);--vbr-widget-gamecenter-team-container-border-color: var(--vbr-widget-primary-color-100);--vbr-widget-gamecenter-events-assitst-list-size: .9375rem;--vbr-widget-gamecenter-events-poi-list-size: .75rem;--vbr-widget-gamecenter-events-score-size: 1rem;--vbr-widget-gamecenter-events-penalty-size: .875rem;--vbr-widget-gamecenter-events-goalie-direction-size: .875rem}.transition-fade-enter-active,.transition-fade-leave-active{transition:all .25s ease}.transition-fade-enter-from,.transition-fade-leave-to{opacity:0;transform:translateY(5px)}img{opacity:0;transition:opacity .5s ease-out}img.is-loaded{opacity:1}a{color:var(--vbr-widget-link-color);text-decoration:none}a:hover{color:var(--vbr-widget-hover-color)}.floating-content.is-tooltip{background-color:var(--vbr-widget-tooltip-bg-color);color:var(--vbr-widget-tooltip-color);font-weight:700;padding:5px 10px;border-radius:4px;font-size:var(--vbr-widget-tooltip-font-size);white-space:nowrap;pointer-events:none}.floating-content.is-tooltip .is-arrow{background-color:var(--vbr-widget-tooltip-bg-color)}.floating-content.is-content{border-radius:4px;box-shadow:2px 14px 23px #00000040}.floating-content.is-content .is-arrow{background-color:var(--vbr-widget-primary-color-50)}.floating-content .is-arrow{position:absolute;width:8px;height:8px;transform:rotate(45deg)}[data-placement^=top] .floating-content .is-arrow{bottom:-4px}[data-placement^=bottom] .floating-content .is-arrow{top:-4px}[data-placement^=left] .floating-content .is-arrow{right:-4px}[data-placement^=right] .floating-content .is-arrow{left:-4px}.mjsz-vbr-error-notice{display:flex;align-items:center;justify-items:flex-start;margin:10px 0;padding:10px 20px;background-color:var(--vbr-widget-error-notice-bg-color);color:var(--vbr-widget-error-notice-color);border:1px solid var(--vbr-widget-error-notice-border-color)}.mjsz-vbr-error-notice .icon{margin-right:15px}.mjsz-vbr-timezone-selector{padding:3px 0;color:var(--vbr-widget-timezone-selector-color);font-size:var(--vbr-widget-timezone-selector-font-size);font-weight:500}.mjsz-vbr-timezone-selector .is-active{font-weight:700}.is-badge{display:inline-block;padding:.125rem .25rem;color:var(--vbr-widget-badge-color);font-size:var(--vbr-widget-badge-font-size);font-weight:700;text-transform:uppercase;background-color:var(--vbr-widget-badge-bg-color);border-radius:3px}.is-badge+.is-badge{margin-left:3px}.is-badge.is-invert{color:var(--vbr-widget-badge-bg-color);background-color:var(--vbr-widget-badge-color)}.is-badge.is-green{color:var(--vbr-widget-primary-color-0);background-color:var(--vbr-widget-live-game-color)}.is-badge.is-large{font-size:var(--vbr-widget-badge-large-font-size);padding:.15rem .35rem}
 `,lt=`.mjsz-vbr-table{border-collapse:collapse;border-spacing:0}.mjsz-vbr-table table,.mjsz-vbr-table caption,.mjsz-vbr-table tbody,.mjsz-vbr-table tfoot,.mjsz-vbr-table thead,.mjsz-vbr-table tr,.mjsz-vbr-table th,.mjsz-vbr-table td{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}.mjsz-vbr-table{color:var(--vbr-widget-table-color);background-color:var(--vbr-widget-table-default-bg-color)}.mjsz-vbr-table th{width:var(--vbr-widget-table-default-column-width);background-color:var(--vbr-widget-table-header-bg-color);font-size:var(--vbr-widget-table-header-font-size);font-weight:700;color:var(--vbr-widget-table-header-color);text-align:center}.mjsz-vbr-table th:focus-visible,.mjsz-vbr-table th:hover{background-color:var(--vbr-widget-table-header-hover-bg-color);outline:none}.mjsz-vbr-table th.is-sortable{position:relative;cursor:pointer}.mjsz-vbr-table th.is-sortable .icon-sort{opacity:.5}.mjsz-vbr-table th.is-active{background-color:var(--vbr-widget-table-table-header-active-bg-color);color:var(--vbr-widget-table-header-active-color)}.mjsz-vbr-table th.is-active .icon-sort{opacity:1}.mjsz-vbr-table th.is-asc,.mjsz-vbr-table th.is-desc{position:relative}.mjsz-vbr-table th.is-w-auto{width:auto}.mjsz-vbr-table th .is-icon-sort{width:11px;height:11px;margin-left:5px}.mjsz-vbr-table td{text-align:center}.mjsz-vbr-table td.is-active{font-weight:700;color:var(--vbr-widget-table-active-color);background-color:var(--vbr-widget-table-active-bg-color)}.mjsz-vbr-table td .is-text-light,.mjsz-vbr-table td.is-text-light{color:var(--vbr-widget-table-cell-light-color)}.mjsz-vbr-table td .is-text-dark,.mjsz-vbr-table td.is-text-dark{color:var(--vbr-widget-table-cell-dark-color)}.mjsz-vbr-table td .is-logo-image{display:inline-block;vertical-align:middle;width:var(--vbr-widget-table-cell-logo-size);height:var(--vbr-widget-table-cell-logo-size)}.mjsz-vbr-table td .is-portrait-image{display:inline-block;vertical-align:middle;width:var(--vbr-widget-table-cell-portrait-size);height:var(--vbr-widget-table-cell-portrait-size);object-fit:cover;object-position:top;overflow:hidden;border-radius:100%;border:1px solid var(--vbr-widget-primary-color-100)}.mjsz-vbr-table td .is-portrait-image img{width:var(--vbr-widget-table-cell-portrait-size);height:auto}.mjsz-vbr-table td.is-text-bold{font-weight:700}.mjsz-vbr-table td.is-text-italic{font-style:italic}.mjsz-vbr-table td.is-text-xl{font-size:1.2 rem}.mjsz-vbr-table td .is-text-accent{color:var(--vbr-widget-secondary-color-500)}.mjsz-vbr-table td.is-w-auto{width:auto}.mjsz-vbr-table td svg{width:16px;height:16px}.mjsz-vbr-table td button{padding:3px;line-height:0;border:none;outline:none;background-color:transparent}.mjsz-vbr-table td button:hover{background-color:var(--vbr-widget-popover-trigger-hover-bg-color)}.mjsz-vbr-table td button:active,.mjsz-vbr-table td button:focus{background-color:var(--vbr-widget-popover-trigger-focus-bg-color)}.mjsz-vbr-table td a{text-decoration:none}.mjsz-vbr-table td .label{padding:3px 6px;font-size:11px;font-weight:700;color:var(--vbr-widget-table-label-color);background-color:var(--vbr-widget-table-label-bg-color);border-radius:2px}.mjsz-vbr-table td .label:not(:last-of-type){margin-right:3px}.mjsz-vbr-table td a{color:var(--vbr-widget-link-color)}.mjsz-vbr-table td a:hover{color:var(--vbr-widget-hover-color)}.mjsz-vbr-table td .is-team-name-long{display:block}.mjsz-vbr-table td .is-team-name-short{display:none}@container table-wrapper (max-width: 768px){.mjsz-vbr-table td .is-team-name-long{display:none}.mjsz-vbr-table td .is-team-name-short{display:block}}.mjsz-vbr-table th,.mjsz-vbr-table td{padding:8px;white-space:nowrap;vertical-align:middle}.mjsz-vbr-table th.is-text-left,.mjsz-vbr-table td.is-text-left{text-align:left}.mjsz-vbr-table th.is-text-right,.mjsz-vbr-table td.is-text-right{text-align:right}.mjsz-vbr-table th.is-has-image,.mjsz-vbr-table td.is-has-image{padding:0 2px}.mjsz-vbr-table th .is-duplicated,.mjsz-vbr-table td .is-duplicated{color:var(--vbr-widget-table-neutral-color)}.mjsz-vbr-table tr:nth-child(even){background-color:var(--vbr-widget-table-stripped-bg-color)}.mjsz-vbr-table tr:nth-child(even) td.is-active{background-color:var(--vbr-widget-table-active-even-bg-color)}.mjsz-vbr-table tr:focus-within,.mjsz-vbr-table tr:hover{color:var(--vbr-widget-table-hover-color);background-color:var(--vbr-widget-table-hover-bg-color)}.mjsz-vbr-table tr:focus-within td.is-active,.mjsz-vbr-table tr:hover td.is-active{color:var(--vbr-widget-table-active-hover-color);background-color:var(--vbr-widget-table-active-hover-bg-color)}
 `,ct=`.mjsz-vbr-table-responsive{container-name:table-wrapper;container-type:inline-size;width:100%;overflow-x:auto}.mjsz-vbr-table-responsive table{width:100%}
 `,dt=(t,e)=>{const o=t.__vccOpts||t;for(const[n,a]of e)o[n]=a;return o},tl={__name:"Standings.ce",props:{...A.baseProps,...A.teamStatsProps,type:{type:String,default:"3",validator:t=>["2","3"].includes(t)}},setup(t){const e=t,o=r.ref(null),{onError:n,error:a,hasError:i}=ot(),s=r.computed(()=>e.locale),{state:l,isLoading:f}=Q(()=>at("/v2/standings",e.apiKey,{championshipId:Number(e.championshipId),division:e.division}),[],{onError:g=>n(g)}),{sort:u,change:d}=ft(),c=r.computed(()=>it(r.unref(l)).sorted(u).addContinuousIndex().value()),p=r.computed(()=>e.type==="3"?A.COLUMNS_STANDINGS_P_3:A.COLUMNS_STANDINGS_P_2),m=g=>d(g),h=g=>kt(e.externalTeamLink,g);return(g,b)=>(r.openBlock(),r.createElementBlock("div",null,[r.createVNode(r.unref(nt),{locale:s.value},{default:r.withCtx(()=>[r.unref(i)?(r.openBlock(),r.createBlock(r.unref(rt),{key:0,error:r.unref(a)},null,8,["error"])):r.createCommentVNode("",!0),r.createVNode(r.unref(ut),{columns:p.value,rows:c.value.rows,"is-loading":r.unref(f),"hide-columns":g.hideColumns,sort:r.unref(u),"external-team-resolver":h,"is-team-linked":g.isTeamLinked,"append-to":o.value,onSort:m},null,8,["columns","rows","is-loading","hide-columns","sort","is-team-linked","append-to"]),r.createElementVNode("div",{ref_key:"tooltipContainer",ref:o},null,512)]),_:1},8,["locale"])]))}},el=dt(tl,[["styles",[st,lt,ct]]]),rl={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},ol=r.createElementVNode("rect",{x:"2",y:"3",width:"20",height:"14",rx:"2",ry:"2"},null,-1),nl=r.createElementVNode("line",{x1:"8",y1:"21",x2:"16",y2:"21"},null,-1),al=r.createElementVNode("line",{x1:"12",y1:"17",x2:"12",y2:"21"},null,-1),il=[ol,nl,al];function sl(t,e){return r.openBlock(),r.createElementBlock("svg",rl,il)}const ll={render:sl},cl={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},dl=r.createElementVNode("circle",{cx:"12",cy:"12",r:"1"},null,-1),ul=r.createElementVNode("circle",{cx:"12",cy:"5",r:"1"},null,-1),fl=r.createElementVNode("circle",{cx:"12",cy:"19",r:"1"},null,-1),ml=[dl,ul,fl];function pl(t,e){return r.openBlock(),r.createElementBlock("svg",cl,ml)}const gl={render:pl},hl={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},bl=r.createElementVNode("path",{d:"M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"},null,-1),yl=r.createElementVNode("rect",{x:"8",y:"2",width:"8",height:"4",rx:"1",ry:"1"},null,-1),wl=[bl,yl];function vl(t,e){return r.openBlock(),r.createElementBlock("svg",hl,wl)}const kl={render:vl},xl={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},Sl=r.createElementVNode("path",{d:"M22.54 6.42a2.78 2.78 0 0 0-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 0 0-1.94 2A29 29 0 0 0 1 11.75a29 29 0 0 0 .46 5.33A2.78 2.78 0 0 0 3.4 19c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 0 0 1.94-2 29 29 0 0 0 .46-5.25 29 29 0 0 0-.46-5.33z"},null,-1),El=r.createElementVNode("polygon",{points:"9.75 15.02 15.5 11.75 9.75 8.48 9.75 15.02"},null,-1),Tl=[Sl,El];function zl(t,e){return r.openBlock(),r.createElementBlock("svg",xl,Tl)}const Pl={render:zl},_l={class:"is-team-name-long"},Nl={class:"is-team-name-short"},Cl={class:"is-team-name-long"},Al={class:"is-team-name-short"},jl={key:0,class:"is-text-dark"},Bl=["href","target"],Dl={key:0,class:"label"},Ol={key:1,class:"label"},Ll={key:2,class:"label"},$l={key:1},Vl=["onClick","onFocus","onBlur"],Ml={class:"is-dropdown-menu"},Il=["href","target"],Rl={key:0},Gl=["href"],Fl={__name:"ScheduleTable",props:{rows:{type:Array,default:()=>[]},isLoading:{type:Boolean,deafult:!1},hideColumns:{type:String,default:""},offsetName:{type:String,default:""},externalGameResolver:{type:Function,required:!0},externalGameResolverTarget:{type:String,default:"_blank"}},setup(t){const e=t,o=r.ref(null),{onError:n}=Qr(),{columns:a,error:i}=mo(A.COLUMNS_SCHEDULE,e.hideColumns,r.computed(()=>({offsetName:e.offsetName})));Bo(i,()=>n(new po(pe.message,{...pe.options,cause:{column:i.value}})),{immediate:!0});const{t:s}=At();return(l,f)=>(r.openBlock(),r.createElementBlock(r.Fragment,null,[r.createVNode(r.unref(eo),null,{default:r.withCtx(({el:u})=>[r.createVNode(r.unref(Jr),{columns:r.unref(a),rows:e.rows,"is-loading":t.isLoading,"append-to":o.value||u},{"cell-homeTeamName":r.withCtx(({row:d})=>[r.createElementVNode("span",_l,r.toDisplayString(d.homeTeam.longName),1),r.createElementVNode("span",Nl,r.toDisplayString(d.homeTeam.shortName),1)]),"cell-awayTeamName":r.withCtx(({row:d})=>[r.createElementVNode("span",Cl,r.toDisplayString(d.awayTeam.longName),1),r.createElementVNode("span",Al,r.toDisplayString(d.awayTeam.shortName),1)]),"cell-homeTeamLogo":r.withCtx(({row:d})=>[(r.openBlock(),r.createBlock(r.unref(fe),{class:"is-logo-image is-right",key:d.homeTeam.id,src:d.homeTeam.logo},null,8,["src"]))]),"cell-awayTeamLogo":r.withCtx(({row:d})=>[(r.openBlock(),r.createBlock(r.unref(fe),{class:"is-logo-image is-right",key:d.awayTeam.id,src:d.awayTeam.logo},null,8,["src"]))]),"cell-gameResult":r.withCtx(({row:d})=>[d.gameStatus===0?(r.openBlock(),r.createElementBlock("span",jl,"-:-")):(r.openBlock(),r.createElementBlock("a",{key:1,href:t.externalGameResolver(d.gameId),target:t.externalGameResolverTarget,class:r.normalizeClass({"is-text-dark":d.gameStatus!==1,"is-text-accent":d.gameStatus===1})},r.toDisplayString(d.homeTeamScore)+":"+r.toDisplayString(d.awayTeamScore),11,Bl))]),"cell-gameResultType":r.withCtx(({row:d})=>[d.isOvertime?(r.openBlock(),r.createElementBlock("span",Dl,r.toDisplayString(r.unref(s)("common.overtimeShort")),1)):r.createCommentVNode("",!0),d.isShootout?(r.openBlock(),r.createElementBlock("span",Ol,r.toDisplayString(r.unref(s)("common.shootoutShort")),1)):r.createCommentVNode("",!0),d.seriesStandings?(r.openBlock(),r.createElementBlock("span",Ll,r.toDisplayString(d.seriesStandings),1)):r.createCommentVNode("",!0)]),"cell-broadcast":r.withCtx(({row:d})=>[d.broadcast?(r.openBlock(),r.createBlock(r.unref(ll),{key:0})):(r.openBlock(),r.createElementBlock("span",$l))]),"cell-location":r.withCtx(({row:d})=>{var c;return[r.createTextVNode(r.toDisplayString(((c=d.location)==null?void 0:c.locationName)??""),1)]}),"cell-more":r.withCtx(({row:d})=>[r.createVNode(r.unref(qr),{offset:2,placement:"left",theme:"content","append-to":u},{default:r.withCtx(({setRef:c,show:p,hide:m})=>[r.createElementVNode("button",{ref:c,onClick:r.withModifiers(p,["stop"]),onFocus:p,onBlur:m},[r.createVNode(r.unref(gl))],40,Vl)]),content:r.withCtx(()=>[r.createElementVNode("ul",Ml,[r.createElementVNode("li",null,[r.createElementVNode("a",{href:t.externalGameResolver(d.gameId),class:"is-dropdown-item",target:t.externalGameResolverTarget},[r.createVNode(r.unref(kl),{width:"14"}),r.createTextVNode(" "+r.toDisplayString(r.unref(s)("common.report")),1)],8,Il)]),d.video?(r.openBlock(),r.createElementBlock("li",Rl,[r.createElementVNode("a",{href:d.video,class:"is-dropdown-item",target:"_blank"},[r.createVNode(r.unref(Pl),{width:"14"}),r.createTextVNode(" "+r.toDisplayString(r.unref(s)("common.video")),1)],8,Gl)])):r.createCommentVNode("",!0)])]),_:2},1032,["append-to"])]),loading:r.withCtx(()=>[r.createVNode(r.unref(to))]),_:2},1032,["columns","rows","is-loading","append-to"])]),_:1}),r.createElementVNode("div",{ref_key:"tooltipContainer",ref:o},null,512)],64))}},mt=`.mjsz-vbr-paginator{display:flex;flex-direction:row;list-style-type:none;margin:10px 0;padding:0}.mjsz-vbr-paginator button,.mjsz-vbr-paginator div{display:flex;align-items:center;justify-content:center;padding:6px 12px;text-decoration:none;cursor:pointer;color:var(--vbr-widget-paginator-color);border:1px solid var(--vbr-widget-paginator-border-color);background-color:var(--vbr-widget-paginator-bg-color);margin-left:-1px}.mjsz-vbr-paginator button .icon,.mjsz-vbr-paginator div .icon{width:16px;height:16px;margin:0 -4px}.mjsz-vbr-paginator button:hover:not(.mjsz-vbr-paginator button.is-disabled,.mjsz-vbr-paginator button.is-active),.mjsz-vbr-paginator div:hover:not(.mjsz-vbr-paginator div.is-disabled,.mjsz-vbr-paginator div.is-active){color:var(--vbr-widget-paginator-hover-color);background-color:var(--vbr-widget-paginator-hover-bg-color)}.mjsz-vbr-paginator button:disabled,.mjsz-vbr-paginator button.is-disabled,.mjsz-vbr-paginator div:disabled,.mjsz-vbr-paginator div.is-disabled{color:var(--vbr-widget-paginator-disabled-color);background-color:var(--vbr-widget-paginator-bg-color);pointer-events:none;cursor:default}.mjsz-vbr-paginator button.is-active,.mjsz-vbr-paginator div.is-active{color:var(--vbr-widget-paginator-active-color);background-color:var(--vbr-widget-paginator-active-bg-color);border-color:var(--vbr-widget-paginator-active-bg-color);cursor:default}

package/dist/index.js

@@ -1,6 +1,6 @@
 /**
  * name: @mjsz-vbr-elements/elements
- * version: v2.1.0-beta.21 - 02/10/2023, 23:21:00
+ * version: v2.1.0-beta.22 - 03/10/2023, 20:44:41
  * (c) 2023
  * description: Data visualization for MJSZ VBR
  * author: Ákos Stegner <akos.stegner@gmail.com>
@@ -4250,7 +4250,7 @@ const yt = (t = []) => ({
 }, vr = (t = "") => {
   var e;
   return (e = window == null ? void 0 : window.__MJSZ_VBR_WIDGET__) == null ? void 0 : e[t];
-}, wt = `h1,h2,h3,ul,li,dl,dt,dd{margin:0;padding:0}button{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0;border-width:0;-webkit-appearance:button;background-color:transparent;background-image:none;cursor:pointer}ol,ul{list-style:none}:root,:host{font-family:Roboto Condensed,Avenir,Helvetica,Arial,sans-serif;--vbr-widget-primary-color-0: #ffffff;--vbr-widget-primary-color-50: #eceff1;--vbr-widget-primary-color-100: #cfd8dc;--vbr-widget-primary-color-200: #b0bec5;--vbr-widget-primary-color-300: #90a4ae;--vbr-widget-primary-color-400: #78909c;--vbr-widget-primary-color-500: #607d8b;--vbr-widget-primary-color-600: #546e7a;--vbr-widget-primary-color-700: #455a64;--vbr-widget-primary-color-800: #37474f;--vbr-widget-primary-color-900: #263238;--vbr-widget-secondary-color-100: #dcedc8;--vbr-widget-secondary-color-200: #badb94;--vbr-widget-secondary-color-300: #aed581;--vbr-widget-secondary-color-400: #9ccc65;--vbr-widget-secondary-color-500: #8bc34a;--vbr-widget-secondary-color-700: #689f38;--vbr-widget-secondary-color-800: #558b2f;--vbr-widget-secondary-color-900: #33691e;--vbr-widget-danger-color-50: #ffebee;--vbr-widget-danger-color-100: #ffcdd2;--vbr-widget-danger-color-200: #ef9a9a;--vbr-widget-danger-color-300: #e57373;--vbr-widget-danger-color-400: #ef5350;--vbr-widget-danger-color-500: #f44336;--vbr-widget-danger-color-700: #d32f2f;--vbr-widget-danger-color-900: #b71c1c;--vbr-widget-danger-color-a400: #ff1744;--vbr-widget-live-game-color: #8bc34a;--vbr-widget-table-header-font-size: 12px;--vbr-widget-table-default-column-width: 30px;--vbr-widget-table-default-bg-color: var(--vbr-widget-primary-color-0);--vbr-widget-table-color: var(--vbr-widget-primary-color-800);--vbr-widget-table-neutral-color: var(--vbr-widget-primary-color-300);--vbr-widget-table-header-bg-color: var(--vbr-widget-primary-color-800);--vbr-widget-table-header-hover-bg-color: var(--vbr-widget-primary-color-700);--vbr-widget-table-header-color: var(--vbr-widget-primary-color-200);--vbr-widget-table-table-header-active-bg-color: var(--vbr-widget-primary-color-700);--vbr-widget-table-header-active-color: var(--vbr-widget-primary-color-0);--vbr-widget-table-hover-color: var(--vbr-widget-secondary-color-900);--vbr-widget-table-hover-bg-color: var(--vbr-widget-secondary-color-100);--vbr-widget-table-active-color: var(--vbr-widget-secondary-color-900);--vbr-widget-table-active-bg-color: var(--vbr-widget-secondary-color-200);--vbr-widget-table-active-even-bg-color: var(--vbr-widget-secondary-color-300);--vbr-widget-table-active-hover-color: var(--vbr-widget-secondary-color-900);--vbr-widget-table-active-hover-bg-color: var(--vbr-widget-secondary-color-400);--vbr-widget-table-portrait-border-color: var(--vbr-widget-primary-color-100);--vbr-widget-table-portrait-bg-color: var(--vbr-widget-primary-color-50);--vbr-widget-table-cell-light-color: var(--vbr-widget-primary-color-600);--vbr-widget-table-cell-dark-color: var(--vbr-widget-primary-color-900);--vbr-widget-table-stripped-bg-color: #f8f9fa;--vbr-widget-table-label-color: var(--vbr-widget-primary-color-500);--vbr-widget-table-label-bg-color: var(--vbr-widget-primary-color-50);--vbr-widget-table-cell-logo-size: 20px;--vbr-widget-table-cell-portrait-size: 26px;--vbr-widget-paginator-color: var(--vbr-widget-primary-color-500);--vbr-widget-paginator-bg-color: var(--vbr-widget-primary-color-0);--vbr-widget-paginator-hover-color: var(--vbr-widget-primary-color-700);--vbr-widget-paginator-hover-bg-color: var(--vbr-widget-primary-color-100);--vbr-widget-paginator-border-color: var(--vbr-widget-primary-color-100);--vbr-widget-paginator-active-color: var(--vbr-widget-primary-color-0);--vbr-widget-paginator-active-bg-color: var(--vbr-widget-primary-color-900);--vbr-widget-paginator-disabled-color: var(--vbr-widget-primary-color-200);--vbr-widget-tooltip-font-size: 12px;--vbr-widget-tooltip-color: #ffffff;--vbr-widget-tooltip-bg-color: #000000;--vbr-widget-popover-trigger-hover-bg-color: var(--vbr-widget-secondary-color-200);--vbr-widget-popover-trigger-focus-bg-color: var(--vbr-widget-secondary-color-300);--vbr-widget-popover-bg-color: var(--vbr-widget-primary-color-0);--vbr-widget-dropdown-item-color: var(--vbr-widget-primary-color-500);--vbr-widget-dropdown-item-hover-color: var(--vbr-widget-primary-color-800);--vbr-widget-dropdown-item-hover-bg-color: var(--vbr-widget-primary-color-50);--vbr-widget-error-notice-bg-color: var(--vbr-widget-danger-color-50);--vbr-widget-error-notice-border-color: var(--vbr-widget-danger-color-100);--vbr-widget-error-notice-color: var(--vbr-widget-danger-color-700);--vbr-widget-link-color: var(--vbr-widget-secondary-color-700);--vbr-widget-hover-color: var(--vbr-widget-secondary-color-900);--vbr-widget-base-input-color: var(--vbr-widget-primary-color-800);--vbr-widget-base-input-font-size: .875rem;--vbr-widget-base-input-border-color: var(--vbr-widget-primary-color-300);--vbr-widget-base-input-border-radius: 3px;--vbr-widget-form-label-color: var(--vbr-widget-primary-color-500);--vbr-widget-form-label-font-size: .75rem;--vbr-widget-timezone-selector-color: var(--vbr-widget-primary-color-500);--vbr-widget-timezone-selector-font-size: .8125rem;--vbr-widget-badge-bg-color: var(--vbr-widget-primary-color-50);--vbr-widget-badge-color: var(--vbr-widget-primary-color-400);--vbr-widget-badge-font-size: .625rem;--vbr-widget-tab-btn-padding: .625rem 1rem;--vbr-widget-tab-btn-font-size: 1rem;--vbr-widget-tab-btn-font-weight: 500;--vbr-widget-tab-btn-bg-color: var(--vbr-widget-primary-color-0);--vbr-widget-tab-btn-color: var(--vbr-widget-primary-color-300);--vbr-widget-tab-btn-border-color: transparent;--vbr-widget-tab-btn-border-style: solid;--vbr-widget-tab-btn-border-width: 0 0 3px 0;--vbr-widget-tab-btn-text-transform: uppercase;--vbr-widget-tab-btn-hover-color: var(--vbr-widget-primary-color-500);--vbr-widget-tab-btn-hover-bg-color: var(--vbr-widget-primary-color-0);--vbr-widget-tab-btn-hover-border-color: transparent;--vbr-widget-tab-btn-active-bg-color: var(--vbr-widget-primary-color-0);--vbr-widget-tab-btn-active-color: var(--vbr-widget-primary-color-900);--vbr-widget-tab-btn-active-border-color: var(--vbr-widget-secondary-color-500);--vbr-widget-progress-height: 10px;--vbr-widget-progress-border-radius: 5px;--vbr-widget-progress-bg-color: var(--vbr-widget-primary-color-50);--vbr-widget-progress-bar-color: var(--vbr-widget-live-game-color);--vbr-widget-progress-bar-stripe-color: rgba(255, 255, 255, .2);--vbr-widget-progress-bar-stripe-angle: 45deg;--vbr-widget-gamecenter-result-size: 6rem;--vbr-widget-gamecenter-result-weight: 700;--vbr-widget-gamecenter-result-color: var(--vbr-widget-primary-color-800);--vbr-widget-gamecenter-teamname-size: 1.3125rem;--vbr-widget-gamecenter-teamname-color: var(--vbr-widget-primary-color-800);--vbr-widget-gamecenter-teamname-weight: 700;--vbr-widget-gamecenter-title-color: var(--vbr-widget-primary-color-800);--vbr-widget-gamecenter-title-size: 1rem;--vbr-widget-gamecenter-title-weight: 700;--vbr-widget-gamecenter-gamedate-color: var(--vbr-widget-primary-color-500);--vbr-widget-gamecenter-gamedate-size: 1rem;--vbr-widget-gamecenter-local-gamedate-color: var(--vbr-widget-primary-color-500);--vbr-widget-gamecenter-local-gamedate-size: .8125rem;--vbr-widget-gamecenter-gamestatus-color: var(--vbr-widget-primary-color-600);--vbr-widget-gamecenter-gamestatus-size: 1rem;--vbr-widget-gamecenter-periodresults-color: var(--vbr-widget-primary-color-600);--vbr-widget-gamecenter-periodresults-size: 1.3125rem;--vbr-widget-gamecenter-period-header-bg-color: var(--vbr-widget-primary-color-800);--vbr-widget-gamecenter-period-header-color: var(--vbr-widget-primary-color-0);--vbr-widget-gamecenter-period-header-size: .8125rem;--vbr-widget-gamecenter-period-header-weight: 500;--vbr-widget-gamecenter-stats-bg-color: var(--vbr-widget-primary-color-50);--vbr-widget-gamecenter-stats-border-color: var(--vbr-widget-primary-color-100);--vbr-widget-gamecenter-stats-title-size: .8125rem;--vbr-widget-gamecenter-stats-title-color: var(--vbr-widget-primary-color-400);--vbr-widget-gamecenter-stats-size: 1rem;--vbr-widget-gamecenter-stats-color: var(--vbr-widget-primary-color-800);--vbr-widget-gamecenter-team-container-title-color: var(--vbr-widget-primary-color-800);--vbr-widget-gamecenter-team-container-title-bg-color: var(--vbr-widget-primary-color-100);--vbr-widget-gamecenter-team-container-border-color: var(--vbr-widget-primary-color-100);--vbr-widget-gamecenter-events-assitst-list-size: .9375rem;--vbr-widget-gamecenter-events-poi-list-size: .75rem;--vbr-widget-gamecenter-events-score-size: 1rem;--vbr-widget-gamecenter-events-penalty-size: .875rem;--vbr-widget-gamecenter-events-goalie-direction-size: .875rem}.transition-fade-enter-active,.transition-fade-leave-active{transition:all .25s ease}.transition-fade-enter-from,.transition-fade-leave-to{opacity:0;transform:translateY(5px)}img{opacity:0;transition:opacity .5s ease-out}img.is-loaded{opacity:1}a{color:var(--vbr-widget-link-color);text-decoration:none}a:hover{color:var(--vbr-widget-hover-color)}.floating-content.is-tooltip{background-color:var(--vbr-widget-tooltip-bg-color);color:var(--vbr-widget-tooltip-color);font-weight:700;padding:5px 10px;border-radius:4px;font-size:var(--vbr-widget-tooltip-font-size);white-space:nowrap;pointer-events:none}.floating-content.is-tooltip .is-arrow{background-color:var(--vbr-widget-tooltip-bg-color)}.floating-content.is-content{border-radius:4px;box-shadow:2px 14px 23px #00000040}.floating-content.is-content .is-arrow{background-color:var(--vbr-widget-primary-color-50)}.floating-content .is-arrow{position:absolute;width:8px;height:8px;transform:rotate(45deg)}[data-placement^=top] .floating-content .is-arrow{bottom:-4px}[data-placement^=bottom] .floating-content .is-arrow{top:-4px}[data-placement^=left] .floating-content .is-arrow{right:-4px}[data-placement^=right] .floating-content .is-arrow{left:-4px}.mjsz-vbr-error-notice{display:flex;align-items:center;justify-items:flex-start;margin:10px 0;padding:10px 20px;background-color:var(--vbr-widget-error-notice-bg-color);color:var(--vbr-widget-error-notice-color);border:1px solid var(--vbr-widget-error-notice-border-color)}.mjsz-vbr-error-notice .icon{margin-right:15px}.mjsz-vbr-timezone-selector{padding:3px 0;color:var(--vbr-widget-timezone-selector-color);font-size:var(--vbr-widget-timezone-selector-font-size);font-weight:500}.mjsz-vbr-timezone-selector .is-active{font-weight:700}.is-badge{display:inline-block;padding:.125rem .25rem;color:var(--vbr-widget-badge-color);font-size:var(--vbr-widget-badge-font-size);font-weight:700;text-transform:uppercase;background-color:var(--vbr-widget-badge-bg-color);border-radius:3px}.is-badge+.is-badge{margin-left:3px}.is-badge.is-invert{color:var(--vbr-widget-badge-bg-color);background-color:var(--vbr-widget-badge-color)}
+}, wt = `h1,h2,h3,ul,li,dl,dt,dd{margin:0;padding:0}button{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0;border-width:0;-webkit-appearance:button;background-color:transparent;background-image:none;cursor:pointer}ol,ul{list-style:none}:root,:host{font-family:Roboto Condensed,Avenir,Helvetica,Arial,sans-serif;--vbr-widget-primary-color-0: #ffffff;--vbr-widget-primary-color-50: #eceff1;--vbr-widget-primary-color-100: #cfd8dc;--vbr-widget-primary-color-200: #b0bec5;--vbr-widget-primary-color-300: #90a4ae;--vbr-widget-primary-color-400: #78909c;--vbr-widget-primary-color-500: #607d8b;--vbr-widget-primary-color-600: #546e7a;--vbr-widget-primary-color-700: #455a64;--vbr-widget-primary-color-800: #37474f;--vbr-widget-primary-color-900: #263238;--vbr-widget-secondary-color-100: #dcedc8;--vbr-widget-secondary-color-200: #badb94;--vbr-widget-secondary-color-300: #aed581;--vbr-widget-secondary-color-400: #9ccc65;--vbr-widget-secondary-color-500: #8bc34a;--vbr-widget-secondary-color-700: #689f38;--vbr-widget-secondary-color-800: #558b2f;--vbr-widget-secondary-color-900: #33691e;--vbr-widget-danger-color-50: #ffebee;--vbr-widget-danger-color-100: #ffcdd2;--vbr-widget-danger-color-200: #ef9a9a;--vbr-widget-danger-color-300: #e57373;--vbr-widget-danger-color-400: #ef5350;--vbr-widget-danger-color-500: #f44336;--vbr-widget-danger-color-700: #d32f2f;--vbr-widget-danger-color-900: #b71c1c;--vbr-widget-danger-color-a400: #ff1744;--vbr-widget-live-game-color: #8bc34a;--vbr-widget-table-header-font-size: 12px;--vbr-widget-table-default-column-width: 30px;--vbr-widget-table-default-bg-color: var(--vbr-widget-primary-color-0);--vbr-widget-table-color: var(--vbr-widget-primary-color-800);--vbr-widget-table-neutral-color: var(--vbr-widget-primary-color-300);--vbr-widget-table-header-bg-color: var(--vbr-widget-primary-color-800);--vbr-widget-table-header-hover-bg-color: var(--vbr-widget-primary-color-700);--vbr-widget-table-header-color: var(--vbr-widget-primary-color-200);--vbr-widget-table-table-header-active-bg-color: var(--vbr-widget-primary-color-700);--vbr-widget-table-header-active-color: var(--vbr-widget-primary-color-0);--vbr-widget-table-hover-color: var(--vbr-widget-secondary-color-900);--vbr-widget-table-hover-bg-color: var(--vbr-widget-secondary-color-100);--vbr-widget-table-active-color: var(--vbr-widget-secondary-color-900);--vbr-widget-table-active-bg-color: var(--vbr-widget-secondary-color-200);--vbr-widget-table-active-even-bg-color: var(--vbr-widget-secondary-color-300);--vbr-widget-table-active-hover-color: var(--vbr-widget-secondary-color-900);--vbr-widget-table-active-hover-bg-color: var(--vbr-widget-secondary-color-400);--vbr-widget-table-portrait-border-color: var(--vbr-widget-primary-color-100);--vbr-widget-table-portrait-bg-color: var(--vbr-widget-primary-color-50);--vbr-widget-table-cell-light-color: var(--vbr-widget-primary-color-600);--vbr-widget-table-cell-dark-color: var(--vbr-widget-primary-color-900);--vbr-widget-table-stripped-bg-color: #f8f9fa;--vbr-widget-table-label-color: var(--vbr-widget-primary-color-500);--vbr-widget-table-label-bg-color: var(--vbr-widget-primary-color-50);--vbr-widget-table-cell-logo-size: 20px;--vbr-widget-table-cell-portrait-size: 26px;--vbr-widget-paginator-color: var(--vbr-widget-primary-color-500);--vbr-widget-paginator-bg-color: var(--vbr-widget-primary-color-0);--vbr-widget-paginator-hover-color: var(--vbr-widget-primary-color-700);--vbr-widget-paginator-hover-bg-color: var(--vbr-widget-primary-color-100);--vbr-widget-paginator-border-color: var(--vbr-widget-primary-color-100);--vbr-widget-paginator-active-color: var(--vbr-widget-primary-color-0);--vbr-widget-paginator-active-bg-color: var(--vbr-widget-primary-color-900);--vbr-widget-paginator-disabled-color: var(--vbr-widget-primary-color-200);--vbr-widget-tooltip-font-size: 12px;--vbr-widget-tooltip-color: #ffffff;--vbr-widget-tooltip-bg-color: #000000;--vbr-widget-popover-trigger-hover-bg-color: var(--vbr-widget-secondary-color-200);--vbr-widget-popover-trigger-focus-bg-color: var(--vbr-widget-secondary-color-300);--vbr-widget-popover-bg-color: var(--vbr-widget-primary-color-0);--vbr-widget-dropdown-item-color: var(--vbr-widget-primary-color-500);--vbr-widget-dropdown-item-hover-color: var(--vbr-widget-primary-color-800);--vbr-widget-dropdown-item-hover-bg-color: var(--vbr-widget-primary-color-50);--vbr-widget-error-notice-bg-color: var(--vbr-widget-danger-color-50);--vbr-widget-error-notice-border-color: var(--vbr-widget-danger-color-100);--vbr-widget-error-notice-color: var(--vbr-widget-danger-color-700);--vbr-widget-link-color: var(--vbr-widget-secondary-color-700);--vbr-widget-hover-color: var(--vbr-widget-secondary-color-900);--vbr-widget-base-input-color: var(--vbr-widget-primary-color-800);--vbr-widget-base-input-font-size: .875rem;--vbr-widget-base-input-border-color: var(--vbr-widget-primary-color-300);--vbr-widget-base-input-border-radius: 3px;--vbr-widget-form-label-color: var(--vbr-widget-primary-color-500);--vbr-widget-form-label-font-size: .75rem;--vbr-widget-timezone-selector-color: var(--vbr-widget-primary-color-500);--vbr-widget-timezone-selector-font-size: .8125rem;--vbr-widget-badge-bg-color: var(--vbr-widget-primary-color-50);--vbr-widget-badge-color: var(--vbr-widget-primary-color-400);--vbr-widget-badge-font-size: .625rem;--vbr-widget-badge-large-font-size: .6875rem;--vbr-widget-tab-btn-padding: .625rem 1rem;--vbr-widget-tab-btn-font-size: 1rem;--vbr-widget-tab-btn-font-weight: 500;--vbr-widget-tab-btn-bg-color: var(--vbr-widget-primary-color-0);--vbr-widget-tab-btn-color: var(--vbr-widget-primary-color-300);--vbr-widget-tab-btn-border-color: transparent;--vbr-widget-tab-btn-border-style: solid;--vbr-widget-tab-btn-border-width: 0 0 3px 0;--vbr-widget-tab-btn-text-transform: uppercase;--vbr-widget-tab-btn-hover-color: var(--vbr-widget-primary-color-500);--vbr-widget-tab-btn-hover-bg-color: var(--vbr-widget-primary-color-0);--vbr-widget-tab-btn-hover-border-color: transparent;--vbr-widget-tab-btn-active-bg-color: var(--vbr-widget-primary-color-0);--vbr-widget-tab-btn-active-color: var(--vbr-widget-primary-color-900);--vbr-widget-tab-btn-active-border-color: var(--vbr-widget-secondary-color-500);--vbr-widget-progress-height: 10px;--vbr-widget-progress-border-radius: 5px;--vbr-widget-progress-bg-color: var(--vbr-widget-primary-color-50);--vbr-widget-progress-bar-color: var(--vbr-widget-live-game-color);--vbr-widget-progress-bar-stripe-color: rgba(255, 255, 255, .2);--vbr-widget-progress-bar-stripe-angle: 45deg;--vbr-widget-gamecenter-result-size: 6rem;--vbr-widget-gamecenter-result-weight: 700;--vbr-widget-gamecenter-result-color: var(--vbr-widget-primary-color-800);--vbr-widget-gamecenter-teamname-size: 1.3125rem;--vbr-widget-gamecenter-teamname-color: var(--vbr-widget-primary-color-800);--vbr-widget-gamecenter-teamname-weight: 700;--vbr-widget-gamecenter-title-color: var(--vbr-widget-primary-color-800);--vbr-widget-gamecenter-title-size: 1rem;--vbr-widget-gamecenter-title-weight: 700;--vbr-widget-gamecenter-gamedate-color: var(--vbr-widget-primary-color-500);--vbr-widget-gamecenter-gamedate-size: 1rem;--vbr-widget-gamecenter-local-gamedate-color: var(--vbr-widget-primary-color-500);--vbr-widget-gamecenter-local-gamedate-size: .8125rem;--vbr-widget-gamecenter-gamestatus-color: var(--vbr-widget-primary-color-600);--vbr-widget-gamecenter-gamestatus-size: .9375rem;--vbr-widget-gamecenter-periodresults-color: var(--vbr-widget-primary-color-600);--vbr-widget-gamecenter-periodresults-size: 1.3125rem;--vbr-widget-gamecenter-period-header-bg-color: var(--vbr-widget-primary-color-800);--vbr-widget-gamecenter-period-header-color: var(--vbr-widget-primary-color-0);--vbr-widget-gamecenter-period-header-size: .8125rem;--vbr-widget-gamecenter-period-header-weight: 500;--vbr-widget-gamecenter-stats-bg-color: var(--vbr-widget-primary-color-50);--vbr-widget-gamecenter-stats-border-color: var(--vbr-widget-primary-color-100);--vbr-widget-gamecenter-stats-title-size: .8125rem;--vbr-widget-gamecenter-stats-title-color: var(--vbr-widget-primary-color-400);--vbr-widget-gamecenter-stats-size: 1rem;--vbr-widget-gamecenter-stats-color: var(--vbr-widget-primary-color-800);--vbr-widget-gamecenter-team-container-title-color: var(--vbr-widget-primary-color-800);--vbr-widget-gamecenter-team-container-title-bg-color: var(--vbr-widget-primary-color-100);--vbr-widget-gamecenter-team-container-border-color: var(--vbr-widget-primary-color-100);--vbr-widget-gamecenter-events-assitst-list-size: .9375rem;--vbr-widget-gamecenter-events-poi-list-size: .75rem;--vbr-widget-gamecenter-events-score-size: 1rem;--vbr-widget-gamecenter-events-penalty-size: .875rem;--vbr-widget-gamecenter-events-goalie-direction-size: .875rem}.transition-fade-enter-active,.transition-fade-leave-active{transition:all .25s ease}.transition-fade-enter-from,.transition-fade-leave-to{opacity:0;transform:translateY(5px)}img{opacity:0;transition:opacity .5s ease-out}img.is-loaded{opacity:1}a{color:var(--vbr-widget-link-color);text-decoration:none}a:hover{color:var(--vbr-widget-hover-color)}.floating-content.is-tooltip{background-color:var(--vbr-widget-tooltip-bg-color);color:var(--vbr-widget-tooltip-color);font-weight:700;padding:5px 10px;border-radius:4px;font-size:var(--vbr-widget-tooltip-font-size);white-space:nowrap;pointer-events:none}.floating-content.is-tooltip .is-arrow{background-color:var(--vbr-widget-tooltip-bg-color)}.floating-content.is-content{border-radius:4px;box-shadow:2px 14px 23px #00000040}.floating-content.is-content .is-arrow{background-color:var(--vbr-widget-primary-color-50)}.floating-content .is-arrow{position:absolute;width:8px;height:8px;transform:rotate(45deg)}[data-placement^=top] .floating-content .is-arrow{bottom:-4px}[data-placement^=bottom] .floating-content .is-arrow{top:-4px}[data-placement^=left] .floating-content .is-arrow{right:-4px}[data-placement^=right] .floating-content .is-arrow{left:-4px}.mjsz-vbr-error-notice{display:flex;align-items:center;justify-items:flex-start;margin:10px 0;padding:10px 20px;background-color:var(--vbr-widget-error-notice-bg-color);color:var(--vbr-widget-error-notice-color);border:1px solid var(--vbr-widget-error-notice-border-color)}.mjsz-vbr-error-notice .icon{margin-right:15px}.mjsz-vbr-timezone-selector{padding:3px 0;color:var(--vbr-widget-timezone-selector-color);font-size:var(--vbr-widget-timezone-selector-font-size);font-weight:500}.mjsz-vbr-timezone-selector .is-active{font-weight:700}.is-badge{display:inline-block;padding:.125rem .25rem;color:var(--vbr-widget-badge-color);font-size:var(--vbr-widget-badge-font-size);font-weight:700;text-transform:uppercase;background-color:var(--vbr-widget-badge-bg-color);border-radius:3px}.is-badge+.is-badge{margin-left:3px}.is-badge.is-invert{color:var(--vbr-widget-badge-bg-color);background-color:var(--vbr-widget-badge-color)}.is-badge.is-green{color:var(--vbr-widget-primary-color-0);background-color:var(--vbr-widget-live-game-color)}.is-badge.is-large{font-size:var(--vbr-widget-badge-large-font-size);padding:.15rem .35rem}
 `, xt = `.mjsz-vbr-table{border-collapse:collapse;border-spacing:0}.mjsz-vbr-table table,.mjsz-vbr-table caption,.mjsz-vbr-table tbody,.mjsz-vbr-table tfoot,.mjsz-vbr-table thead,.mjsz-vbr-table tr,.mjsz-vbr-table th,.mjsz-vbr-table td{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}.mjsz-vbr-table{color:var(--vbr-widget-table-color);background-color:var(--vbr-widget-table-default-bg-color)}.mjsz-vbr-table th{width:var(--vbr-widget-table-default-column-width);background-color:var(--vbr-widget-table-header-bg-color);font-size:var(--vbr-widget-table-header-font-size);font-weight:700;color:var(--vbr-widget-table-header-color);text-align:center}.mjsz-vbr-table th:focus-visible,.mjsz-vbr-table th:hover{background-color:var(--vbr-widget-table-header-hover-bg-color);outline:none}.mjsz-vbr-table th.is-sortable{position:relative;cursor:pointer}.mjsz-vbr-table th.is-sortable .icon-sort{opacity:.5}.mjsz-vbr-table th.is-active{background-color:var(--vbr-widget-table-table-header-active-bg-color);color:var(--vbr-widget-table-header-active-color)}.mjsz-vbr-table th.is-active .icon-sort{opacity:1}.mjsz-vbr-table th.is-asc,.mjsz-vbr-table th.is-desc{position:relative}.mjsz-vbr-table th.is-w-auto{width:auto}.mjsz-vbr-table th .is-icon-sort{width:11px;height:11px;margin-left:5px}.mjsz-vbr-table td{text-align:center}.mjsz-vbr-table td.is-active{font-weight:700;color:var(--vbr-widget-table-active-color);background-color:var(--vbr-widget-table-active-bg-color)}.mjsz-vbr-table td .is-text-light,.mjsz-vbr-table td.is-text-light{color:var(--vbr-widget-table-cell-light-color)}.mjsz-vbr-table td .is-text-dark,.mjsz-vbr-table td.is-text-dark{color:var(--vbr-widget-table-cell-dark-color)}.mjsz-vbr-table td .is-logo-image{display:inline-block;vertical-align:middle;width:var(--vbr-widget-table-cell-logo-size);height:var(--vbr-widget-table-cell-logo-size)}.mjsz-vbr-table td .is-portrait-image{display:inline-block;vertical-align:middle;width:var(--vbr-widget-table-cell-portrait-size);height:var(--vbr-widget-table-cell-portrait-size);object-fit:cover;object-position:top;overflow:hidden;border-radius:100%;border:1px solid var(--vbr-widget-primary-color-100)}.mjsz-vbr-table td .is-portrait-image img{width:var(--vbr-widget-table-cell-portrait-size);height:auto}.mjsz-vbr-table td.is-text-bold{font-weight:700}.mjsz-vbr-table td.is-text-italic{font-style:italic}.mjsz-vbr-table td.is-text-xl{font-size:1.2 rem}.mjsz-vbr-table td .is-text-accent{color:var(--vbr-widget-secondary-color-500)}.mjsz-vbr-table td.is-w-auto{width:auto}.mjsz-vbr-table td svg{width:16px;height:16px}.mjsz-vbr-table td button{padding:3px;line-height:0;border:none;outline:none;background-color:transparent}.mjsz-vbr-table td button:hover{background-color:var(--vbr-widget-popover-trigger-hover-bg-color)}.mjsz-vbr-table td button:active,.mjsz-vbr-table td button:focus{background-color:var(--vbr-widget-popover-trigger-focus-bg-color)}.mjsz-vbr-table td a{text-decoration:none}.mjsz-vbr-table td .label{padding:3px 6px;font-size:11px;font-weight:700;color:var(--vbr-widget-table-label-color);background-color:var(--vbr-widget-table-label-bg-color);border-radius:2px}.mjsz-vbr-table td .label:not(:last-of-type){margin-right:3px}.mjsz-vbr-table td a{color:var(--vbr-widget-link-color)}.mjsz-vbr-table td a:hover{color:var(--vbr-widget-hover-color)}.mjsz-vbr-table td .is-team-name-long{display:block}.mjsz-vbr-table td .is-team-name-short{display:none}@container table-wrapper (max-width: 768px){.mjsz-vbr-table td .is-team-name-long{display:none}.mjsz-vbr-table td .is-team-name-short{display:block}}.mjsz-vbr-table th,.mjsz-vbr-table td{padding:8px;white-space:nowrap;vertical-align:middle}.mjsz-vbr-table th.is-text-left,.mjsz-vbr-table td.is-text-left{text-align:left}.mjsz-vbr-table th.is-text-right,.mjsz-vbr-table td.is-text-right{text-align:right}.mjsz-vbr-table th.is-has-image,.mjsz-vbr-table td.is-has-image{padding:0 2px}.mjsz-vbr-table th .is-duplicated,.mjsz-vbr-table td .is-duplicated{color:var(--vbr-widget-table-neutral-color)}.mjsz-vbr-table tr:nth-child(even){background-color:var(--vbr-widget-table-stripped-bg-color)}.mjsz-vbr-table tr:nth-child(even) td.is-active{background-color:var(--vbr-widget-table-active-even-bg-color)}.mjsz-vbr-table tr:focus-within,.mjsz-vbr-table tr:hover{color:var(--vbr-widget-table-hover-color);background-color:var(--vbr-widget-table-hover-bg-color)}.mjsz-vbr-table tr:focus-within td.is-active,.mjsz-vbr-table tr:hover td.is-active{color:var(--vbr-widget-table-active-hover-color);background-color:var(--vbr-widget-table-active-hover-bg-color)}
 `, kt = `.mjsz-vbr-table-responsive{container-name:table-wrapper;container-type:inline-size;width:100%;overflow-x:auto}.mjsz-vbr-table-responsive table{width:100%}
 `, Tt = (t, e) => {

package/package.json

@@ -2,7 +2,7 @@
   "name": "@mjsz-vbr-elements/elements",
   "description": "Data visualization for MJSZ VBR",
   "private": false,
-  "version": "2.1.0-beta.21",
+  "version": "2.1.0-beta.22",
   "author": "Ákos Stegner <akos.stegner@gmail.com>",
   "homepage": "https://api.icehockey.hu/widgets/docs/v2/",
   "type": "module",
@@ -19,8 +19,8 @@
   "dependencies": {
     "@vueuse/core": "^10.1.2",
     "vue": "^3.3.4",
-    "@mjsz-vbr-elements/shared": "^2.1.0-beta.21",
-    "@mjsz-vbr-elements/core": "^2.1.0-beta.21"
+    "@mjsz-vbr-elements/core": "^2.1.0-beta.22",
+    "@mjsz-vbr-elements/shared": "^2.1.0-beta.22"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^4.1.0",