@everymatrix/lottery-tipping-ticket-controller 1.87.28 → 1.87.29

package/dist/collection/components/lottery-tipping-ticket-banner/locale.utils.js

@@ -1,36 +0,0 @@
-const DEFAULT_LANGUAGE = 'en';
-const SUPPORTED_LANGUAGES = ['ro', 'en', 'fr', 'ar', 'hr'];
-const TRANSLATIONS = {
-    en: {
-        stop: 'Stop',
-        at: 'at',
-        turnover: 'Turnover: '
-    },
-    ro: {
-        stop: 'Oprește',
-        at: 'la'
-    },
-    fr: {
-        stop: 'Arrêtez',
-        at: 'à'
-    },
-    ar: {
-        stop: 'توقف',
-        at: 'في'
-    },
-    hr: {
-        stop: 'Stop',
-        at: 'u'
-    }
-};
-export const translate = (key, customLang) => {
-    const lang = customLang;
-    return TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];
-};
-export const getTranslations = (data) => {
-    Object.keys(data).forEach((item) => {
-        for (let key in data[item]) {
-            TRANSLATIONS[item][key] = data[item][key];
-        }
-    });
-};

package/dist/collection/components/lottery-tipping-ticket-banner/lottery-tipping-ticket-banner.css

@@ -1,73 +0,0 @@
-.lottery-tipping-ticket-banner__container {
-  font-family: system-ui, sans-serif;
-  font-size: 14px;
-  container-type: inline-size;
-}
-
-.banner {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  justify-content: space-between;
-  padding: 0 1rem;
-  background: var(--emw--color-primary, #fed275);
-  border-top: 2px solid var(--emw--color-primary, #fed275);
-  border-bottom: 2px solid var(--emw--color-primary, #fed275);
-  gap: 0.5rem;
-  white-space: nowrap;
-  position: relative;
-  height: 46px;
-}
-
-.left {
-  flex: 1;
-  gap: 0.4rem;
-}
-.left .logo {
-  width: 216px;
-  position: absolute;
-  top: -7px;
-}
-
-.brand {
-  font-weight: 700;
-  color: var(--emw--color-typography, #000);
-}
-
-.mid {
-  flex: 1;
-  font-size: 1.5rem;
-  font-weight: 800;
-  font-style: italic;
-  letter-spacing: 0.04em;
-  color: var(--emw--color-typography, #000);
-  text-align: center;
-}
-
-.right {
-  flex: 1;
-  display: flex;
-  gap: 0.4rem;
-  flex-wrap: wrap;
-  justify-content: flex-end;
-}
-
-@container (max-width: 420px) {
-  .mid {
-    text-align: right;
-  }
-  .right {
-    justify-content: center;
-  }
-}
-.pill {
-  padding: 0.25rem 0.7rem;
-  font-size: 0.9rem;
-  color: var(--emw--color-gray-400, #000);
-  display: inline-flex;
-  align-items: baseline;
-}
-
-.pill > strong {
-  font-weight: 700;
-}

package/dist/collection/components/lottery-tipping-ticket-banner/lottery-tipping-ticket-banner.js

@@ -1,259 +0,0 @@
-import { h } from "@stencil/core";
-import { setClientStyling, setClientStylingURL, setStreamStyling } from "../../../../../../../../libs/common/src/styling/index";
-import { isToday } from "date-fns";
-import { resolveTranslationUrl } from "../../utils/locale.utils";
-import { formatDate } from "../../utils/utils";
-import { translate } from "./locale.utils";
-export class LotteryTippingTicketBanner {
-    constructor() {
-        this.mbSource = undefined;
-        this.clientStyling = undefined;
-        this.clientStylingUrl = undefined;
-        this.language = 'en';
-        this.translationUrl = '';
-        this.logoUrl = undefined;
-        this.stopTime = '';
-        this.period = undefined;
-        this.formattedTurnover = undefined;
-    }
-    get formattedStopTime() {
-        let _temp = '';
-        if (!this.stopTime) {
-            return _temp;
-        }
-        _temp = formatDate({ date: this.stopTime, format: 'dd/MM/yyyy HH:mm' });
-        if (isToday(new Date(this.stopTime))) {
-            _temp = formatDate({ date: this.stopTime, format: 'HH:mm' });
-        }
-        return _temp;
-    }
-    get formattedPeriod() {
-        let _temp = '';
-        _temp = formatDate({ date: this.period, format: 'EEEE' });
-        if (_temp.toLowerCase() === 'wednesday') {
-            _temp = 'MIDWEEK';
-        }
-        return _temp.toUpperCase();
-    }
-    handleClientStylingChange(newValue, oldValue) {
-        if (newValue != oldValue) {
-            setClientStyling(this.stylingContainer, this.clientStyling);
-        }
-    }
-    handleClientStylingUrlChange(newValue, oldValue) {
-        if (newValue != oldValue) {
-            setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
-        }
-    }
-    handleMbSourceChange(newValue, oldValue) {
-        if (newValue != oldValue) {
-            setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
-        }
-    }
-    async componentWillLoad() {
-        if (this.translationUrl) {
-            resolveTranslationUrl(this.translationUrl);
-        }
-    }
-    componentDidLoad() {
-        if (this.stylingContainer) {
-            if (this.mbSource)
-                setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
-            if (this.clientStyling)
-                setClientStyling(this.stylingContainer, this.clientStyling);
-            if (this.clientStylingUrl)
-                setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
-        }
-    }
-    disconnectedCallback() {
-        this.stylingSubscription && this.stylingSubscription.unsubscribe();
-    }
-    render() {
-        return (h("div", { key: 'e9286d0a6a9433698703b9c04d6d50892a7b3168', ref: (el) => (this.stylingContainer = el), class: "lottery-tipping-ticket-banner__container" }, h("section", { key: 'd787e64156f76cf6d12bd552513971301534860c', class: "banner" }, h("div", { key: '027baf0c88733d1430801c96b5b338f79f92f22c', class: "left" }, this.logoUrl && h("img", { key: '7b41d5635a2121ccf394aca19de48e10e9a93357', alt: "Betting", src: this.logoUrl, class: "logo" })), h("div", { key: '73e6c3ffa336b020a3819a72b71117b8084381b1', class: "mid period" }, this.formattedPeriod), h("div", { key: '922ae894814157f68aa8f0774c8aa5ca06e1e7cd', class: "right" }, h("span", { key: 'efaf79b1ff5617f2ba92cfef464232041cd87fbf', class: "pill" }, h("strong", { key: 'c842562b15a13407038933da9d1cc7c6fafa0b76' }, translate('stop', this.language)), "\u00A0", translate('at', this.language), "\u00A0", this.formattedStopTime), h("span", { key: '3e79a5ec17cbcf0896d58196286fa0b637988f69', class: "pill" }, h("strong", { key: '1158b00abffb1c6bf04e9eec10b4c996d04f118e' }, translate('turnover', this.language)), "\u00A0", this.formattedTurnover)))));
-    }
-    static get is() { return "lottery-tipping-ticket-banner"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["lottery-tipping-ticket-banner.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["lottery-tipping-ticket-banner.css"]
-        };
-    }
-    static get assetsDirs() { return ["../static"]; }
-    static get properties() {
-        return {
-            "mbSource": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "mb-source",
-                "reflect": true
-            },
-            "clientStyling": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "client-styling",
-                "reflect": true
-            },
-            "clientStylingUrl": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "client-styling-url",
-                "reflect": true
-            },
-            "language": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "language",
-                "reflect": true,
-                "defaultValue": "'en'"
-            },
-            "translationUrl": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "translation-url",
-                "reflect": true,
-                "defaultValue": "''"
-            },
-            "logoUrl": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "logo image URL for the header section"
-                },
-                "attribute": "logo-url",
-                "reflect": true
-            },
-            "stopTime": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "draw stop time"
-                },
-                "attribute": "stop-time",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "period": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "draw period"
-                },
-                "attribute": "period",
-                "reflect": false
-            },
-            "formattedTurnover": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "turnover formatted with unit and thousand separator"
-                },
-                "attribute": "formatted-turnover",
-                "reflect": false
-            }
-        };
-    }
-    static get watchers() {
-        return [{
-                "propName": "clientStyling",
-                "methodName": "handleClientStylingChange"
-            }, {
-                "propName": "clientStylingUrl",
-                "methodName": "handleClientStylingUrlChange"
-            }, {
-                "propName": "mbSource",
-                "methodName": "handleMbSourceChange"
-            }];
-    }
-}

package/dist/types/components/lottery-tipping-ticket-banner/locale.utils.d.ts

@@ -1,2 +0,0 @@
-export declare const translate: (key: string, customLang?: any) => string;
-export declare const getTranslations: (data: any) => void;

package/dist/types/components/lottery-tipping-ticket-banner/lottery-tipping-ticket-banner.d.ts

@@ -1,28 +0,0 @@
-export declare class LotteryTippingTicketBanner {
-    mbSource: string;
-    clientStyling: string;
-    clientStylingUrl: string;
-    language: string;
-    translationUrl: string;
-    /**
-     * logo image URL for the header section
-     */
-    logoUrl: string;
-    private stylingContainer;
-    private stylingSubscription;
-    /** draw stop time */
-    stopTime: string;
-    /** draw period */
-    period: string;
-    /** turnover formatted with unit and thousand separator */
-    formattedTurnover: string;
-    get formattedStopTime(): string;
-    get formattedPeriod(): string;
-    handleClientStylingChange(newValue: any, oldValue: any): void;
-    handleClientStylingUrlChange(newValue: any, oldValue: any): void;
-    handleMbSourceChange(newValue: any, oldValue: any): void;
-    componentWillLoad(): Promise<void>;
-    componentDidLoad(): void;
-    disconnectedCallback(): void;
-    render(): any;
-}