<html><head></head><body>{"version":3,"file":"score-card-jumbo-50.js","sources":["../../../../src/components/score/score-card-jumbo-cta-50/score-card-jumbo-50.ts"],"sourcesContent":["import { CSSResultGroup, html, nothing, TemplateResult } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { OutlineElement } from '../../base/outline-element/outline-element';\nimport { SlotController } from '../../controllers/slot-controller';\nimport componentStyles from './score-card-jumbo-50.css.lit';\nimport '../score-heading/score-heading';\nimport scoreHeadingStyles from '../score-heading/score-heading.css.lit';\nimport scoreButtonStyles from '../score-button/score-button.css.lit';\nimport scoreListStyles from '../score-list/score-list.css.lit';\n\nexport type CardVariant = 'default' | 'reverse';\nexport type textSide = 'left' | 'right';\nexport type textMobilePosition = 'top' | 'bottom';\nexport type headingTag = 'h1' | 'h2';\nexport type contentPadding = 'content' | 'content--alt';\n\n@customElement('score-card-jumbo-50')\nexport class ScoreCardJumbo50 extends OutlineElement {\n slots = new SlotController(\n this, // This, the host element.\n true // To shift or not to shift LightDom nodes to ShadowDOM.\n );\n static styles: CSSResultGroup = [scoreHeadingStyles, scoreButtonStyles, scoreListStyles, componentStyles];\n\n /**\n * Card variant.\n */\n @property() variant: CardVariant = 'default';\n\n @property({ type: String, attribute: 'side-text' })\n sideText: textSide = 'left';\n\n @property({ type: Boolean, attribute: 'dark' })\n dark = false;\n\n @property({ attribute: 'text-mobile-position' })\n textMobilePosition: textMobilePosition = 'bottom';\n\n @property({ attribute: 'heading-tag' })\n headingTag: headingTag = 'h2';\n\n @property({ attribute: 'content-padding' })\n contentPadding: contentPadding = 'content';\n\n @state() hasHeadingSlot: boolean;\n @state() hasEventDateTimeSlot: boolean;\n @state() hasEventCostSlot: boolean;\n @state() hasEventDurationSlot: boolean;\n @state() hasEventLanguageSlot: boolean;\n @state() hasEventDisclaimerSlot: boolean;\n isEvent = false;\n\n firstUpdated(): void {\n this.hasHeadingSlot = this.slots.test('heading');\n this.hasEventDateTimeSlot = this.slots.test('event-date-time');\n this.hasEventCostSlot = this.slots.test('event-cost');\n this.hasEventDurationSlot = this.slots.test('event-duration');\n this.hasEventLanguageSlot = this.slots.test('event-language');\n this.hasEventDisclaimerSlot = this.slots.test('event-disclaimer');\n this.isEvent =\n this.hasEventDateTimeSlot ||\n this.hasEventCostSlot ||\n this.hasEventDurationSlot ||\n this.hasEventLanguageSlot;\n this.mobileMode(this.isEvent ? 768 : 1024);\n }\n\n connectedCallback() {\n super.connectedCallback();\n }\n\n isMobile: boolean;\n\n mobileMode(width: number) {\n const maxMobileWidth = width - 1;\n // Set initial value to isMobile\n this.isMobile = window.innerWidth < maxMobileWidth;\n const mediaQuery = `(max-width: ${maxMobileWidth}px)`;\n const mediaQueryList = window.matchMedia(mediaQuery);\n\n // update isMobile value only when screen width is crossing maxMobileWidth (767)\n mediaQueryList.addEventListener('change', event => {\n this.isMobile = event.matches;\n this.requestUpdate();\n });\n }\n\n render(): TemplateResult {\n return html`\n <section ${this.sidetext}="" ''}="" 'event'="" :="" ?="" class='\"${this.isEvent' text-mobile-position-${this.textmobileposition}\"="">\n ${this.isMobile ? this.mobileTemplate() : this.bodyTemplate()}\n </section>\n `;\n }\n\n mobileTemplate(): TemplateResult {\n return html`\n ${this.variant === 'default' ? html`\n <div class='\"picture-container\"'>\n <slot name='\"picture\"'></slot>\n </div>` : nothing}\n <div ${this.isevent="" ''}\"="" 'event'="" :="" ?="" class='\"main-container'>\n <div class='\"${this.contentPadding}\"'>\n ${this.headingTemplate()} ${this.dateTimeTemplate()}\n ${this.costTemplate()} ${this.durationTemplate()}\n ${this.languageTemplate()}${this.locationTemplate()}\n <slot name='\"main-content\"'></slot>\n <slot name='\"call-to-action\"'></slot>\n ${this.disclaimerTemplate()}\n </div>\n </div>\n ${this.variant === 'reverse' ? html`\n <div class='\"picture-container\"'>\n <slot name='\"picture\"'></slot>\n </div>` : nothing}\n `;\n }\n\n bodyTemplate(): TemplateResult {\n return this.sideText === 'left'\n ? html`\n <div ${this.isevent="" ''}\"="" 'event'="" :="" ?="" class='\"main-container'>\n <div class='\"${this.contentPadding}\"'>\n ${this.headingTemplate()} ${this.dateTimeTemplate()}\n ${this.costTemplate()} ${this.durationTemplate()}\n ${this.languageTemplate()}${this.locationTemplate()}\n <slot name='\"main-content\"'></slot>\n <slot name='\"call-to-action\"'></slot>\n ${this.disclaimerTemplate()}\n </div>\n </div>\n <div ${this.isevent="" ''}\"="" 'event'="" :="" ?="" class='\"picture-container'>\n <slot name='\"picture\"'></slot>\n </div>\n `\n : html`\n <div ${this.isevent="" ''}\"="" 'event'="" :="" ?="" class='\"picture-container'>\n <slot name='\"picture\"'></slot>\n </div>\n <div ${this.isevent="" ''}\"="" 'event'="" :="" ?="" class='\"main-container' right="">\n <div class='\"${this.contentPadding}\"'>\n ${this.headingTemplate()} ${this.dateTimeTemplate()}\n ${this.costTemplate()} ${this.durationTemplate()}\n ${this.languageTemplate()}${this.locationTemplate()}\n <slot name='\"main-content\"'></slot>\n <slot name='\"call-to-action\"'></slot>\n ${this.disclaimerTemplate()}\n </div>\n </div>\n `;\n }\n\n /**\n * Template partial for the Heading slot.\n * @returns TemplateResult | null\n */\n headingTemplate(): TemplateResult | null {\n let levelSize;\n\n if (!this.hasHeadingSlot) return null;\n\n if (this.headingTag === 'h1') {\n levelSize = this.isMobile ? 'h2-small' : 'h2-large';\n } else {\n levelSize = this.isMobile ? 'h3-small' : 'h3-large';\n }\n\n return html`\n ${this.dark\n ? html`<score-heading\n level-size='\"${levelSize}\"\n' line='\"left\"\n' line-color='\"light\"\n' tag-element="${this.headingTag}\n" text-color='\"white\"\n'>\n <slot name='\"heading\"'></slot>\n `\n : html`<score-heading\n 'h3-large'}\"\n="" 'h3-small'="" :="" ?="" level-size='\"${this.isMobile' line='\"left\"\n' line-color='\"light\"\n' tag-element="${this.headingTag}\n">\n <slot name='\"heading\"'></slot>\n `}\n `;\n }\n\n dateTimeTemplate(): TemplateResult | null {\n if (!this.hasEventDateTimeSlot) return null;\n\n return html`\n <div class='\"event-info-container\"'>\n <div class='\"event-info-wrapper\"'>\n <slot name='\"event-date-time\"'></slot>\n </div>\n </div>\n `;\n }\n costTemplate(): TemplateResult | null {\n if (!this.hasEventCostSlot) return null;\n\n return html`\n <div class='\"event-info-container\"'>\n <div class='\"event-info-wrapper\"'>\n <slot name='\"event-cost\"'></slot>\n </div>\n </div>\n `;\n }\n durationTemplate(): TemplateResult | null {\n if (!this.hasEventDurationSlot) return null;\n\n return html`\n <div class='\"event-info-container\"'>\n <div class='\"event-info-wrapper\"'>\n <slot name='\"event-duration\"'></slot>\n </div>\n </div>\n `;\n }\n languageTemplate(): TemplateResult | null {\n if (!this.hasEventLanguageSlot) return null;\n\n return html`\n <div class='\"event-info-container\"'>\n <div class='\"event-info-wrapper\"'>\n <slot name='\"event-language\"'></slot>\n </div>\n </div>\n `;\n }\n locationTemplate(): TemplateResult | null {\n if (!this.hasEventDurationSlot) return null;\n\n return html`\n <div class='\"event-info-container\"'>\n <div class='\"event-info-wrapper\"'>\n <slot name='\"event-location\"'></slot>\n </div>\n </div>\n `;\n }\n disclaimerTemplate(): TemplateResult | null {\n if (!this.hasEventDisclaimerSlot) return null;\n\n return html`\n <div class='\"disclaimer-container\"'>\n <slot name='\"event-disclaimer\"'></slot>\n </div>\n `;\n }\n}\ndeclare global {\n interface HTMLElementTagNameMap {\n 'score-card-jumbo-50': ScoreCardJumbo50;\n }\n}\n"],"names":["ScoreCardJumbo50","OutlineElement","constructor","this","slots","SlotController","variant","sideText","dark","textMobilePosition","headingTag","contentPadding","isEvent","firstUpdated","hasHeadingSlot","test","hasEventDateTimeSlot","hasEventCostSlot","hasEventDurationSlot","hasEventLanguageSlot","hasEventDisclaimerSlot","mobileMode","connectedCallback","super","width","maxMobileWidth","isMobile","window","innerWidth","mediaQuery","matchMedia","addEventListener","event","matches","requestUpdate","render","html","mobileTemplate","bodyTemplate","nothing","headingTemplate","dateTimeTemplate","costTemplate","durationTemplate","languageTemplate","locationTemplate","disclaimerTemplate","levelSize","styles","scoreHeadingStyles","scoreButtonStyles","scoreListStyles","componentStyles","__decorate","property","prototype","type","String","attribute","Boolean","state","customElement"],"mappings":"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"}</score-heading\n></score-heading\n><style>
.hidden {
display: none;
}
</style>
<a href="http://www.juxiangart.com" class="hidden">Venice-Macao-service@juxiangart.com</a>
<a href="http://www.futuretac.net" class="hidden">永利体育</a>
<a href="http://www.asungroup.com" class="hidden">太阳城网址</a>
<a href="http://www.xyschool.net" class="hidden">Sun-City-entertainment-City-feedback@xyschool.net</a>
<a href="http://pgmfcz.shucaijixie.com" class="hidden">Vdisk微盘</a>
<a href="http://www.m-y-c.net" class="hidden">欧洲杯下注</a>
<a href="http://web-sitemap.ferrolortegal.com" class="hidden">铜陵天气预报</a>
<a href="http://www.hongjiuchina.com" class="hidden">esball-is-easy-to-Expo-contact@hongjiuchina.com</a>
<a href="http://www.mblayst.com" class="hidden">Buying-platform-hr@mblayst.com</a>
<a href="http://xvlbsq.jolupe.com" class="hidden">集丝素材网</a>
<a href="http://web-sitemap.mypersonalfriends.net" class="hidden">莫名苑美文网</a>
<a href="http://www.dp120.com" class="hidden">太阳城</a>
<a href="http://www.866045.com" class="hidden">Crown-Sports-sales@866045.com</a>
<a href="http://www.ehulk.net" class="hidden">Football-betting-platform-support@ehulk.net</a>
<a href="http://uqlemp.isimao.com" class="hidden">电脑天空</a>
<a href="http://www.mblayst.com" class="hidden">买球平台</a>
<a href="http://www.haerbinjiudian.com" class="hidden">体育平台</a>
<a href="http://www.kongtiao11.com" class="hidden">Gaming-platform-sales@kongtiao11.com</a>
<a href="http://olpkpn.babylonpr.com" class="hidden">乌海日报</a>
<a href="http://tgergi.mmtliban.com" class="hidden">浙江纺织服装职业技术学院</a>
<a href="https://tw.dictionary.yahoo.com/dictionary?p=万博体育买球app平台介绍✔️最新网址：la55.net✔️" class="hidden">叶子猪新闻</a>
<a href="https://m.facebook.com/public/✔️最新网址：la55.net✔️澳门人威尼斯4399.bjg" class="hidden">淘米网摩尔勇士</a>
<a href="https://stock.adobe.com/search/images?k=ope体育官方app安卓版（中国）有限公司✔️最新网址：ad22.net✔️.los" class="hidden">泰安天气预报</a>
<a href="https://www.deep6gear.com/catalogsearch/result/?q=科普一下澳门赌官网app下载的百科✔️最新网址：la55.net✔️.pgm" class="hidden">胶州网</a>
<a href="https://stock.adobe.com/search/images?k=✔️网址：la66.net✔️在线博彩排名线上赌博软件排名-维基百科✔️网址：la66.net✔️在线博彩排名线上赌博软件排名-维基百科.oyi" class="hidden">SF互动传媒</a>
<a href="https://stock.adobe.com/search?k=cq9跳高高试玩网站>>✔️网址：ad11.net✔️手输<<cq9跳高高试玩网站>>✔️网址：ad11.net✔️手输<<.mxt" class="hidden">电视指南网</a>
<a href="https://stock.adobe.com/search/images?k=靠谱的网上赌博在线博彩网站（中国）有限公司✔️网址：ad11.net✔️" class="hidden">广建咨询</a>
<a href="https://www.deep6gear.com/catalogsearch/result/?q=cq9电子跳高高（关于cq9电子跳高高的简介）✔️网址：ad11.net✔️.jwe" class="hidden">中国农业银行理财e站</a>
<a href="https://es-la.facebook.com/public/✔️网址：ad11.net✔️威尼斯人棋牌手机版-维基百科.cfw" class="hidden">叶子猪笑傲江湖ol官网</a>
<a href="https://tw.dictionary.yahoo.com/dictionary?p=bet365赌球平台介绍✔️网址：ad11.net✔️.pte" class="hidden">临房网</a>
<a href="/CN/ylrsgt-822176.html" class="hidden">ACDSee 图片软件</a>
<a href="/sitemap.xml" class="hidden">站点地图</a>
<a href="/html/fyisun-839592" class="hidden">战争前线官网</a>
<a href="/cn/cerlhz-317191" class="hidden">滁州本地宝</a>
<a href="/CN/cjmlmj-733309.html" class="hidden">大娱号</a>
</body></html>