@everymatrix/casino-promotions-slider 1.13.0

package/src/i18n.js

@@ -0,0 +1,27 @@
+import {
+  dictionary,
+  locale,
+  addMessages,
+  _
+} from 'svelte-i18n';
+
+function setupI18n({ withLocale: _locale, translations }) {
+  locale.subscribe((data) => {
+    if (data == null) {
+      dictionary.set(translations);
+      locale.set(_locale);
+    }
+  }); // maybe we will need this to make sure that the i18n is set up only once
+  /*dictionary.set(translations);
+  locale.set(_locale);*/
+}
+
+function addNewMessages(lang, dict) {
+  addMessages(lang, dict);
+}
+
+function setLocale(_locale) {
+  locale.set(_locale);
+}
+
+export { _, setupI18n, addNewMessages, setLocale };

package/src/index.ts

@@ -0,0 +1,4 @@
+import CasinoPromotionsSlider from './CasinoPromotionsSlider.svelte';
+
+!customElements.get('casino-promotions-slider') && customElements.define('casino-promotions-slider', CasinoPromotionsSlider);
+export default CasinoPromotionsSlider;

package/src/translations.js

@@ -0,0 +1,51 @@
+export const TRANSLATIONS = {
+  "en": {
+    "promotionsTitle": "Promotions",
+    "promotionsSubTitle": "New hot offers everyday!",
+    "promotionsButton": "More Info",
+    "promotionsNone": "There are no promotions available at the moment.",
+    "promotionsLoading": "Loading, please wait ...",
+  },
+  "zh": {
+    "promotionsTitle": "促銷活動",
+    "promotionsSubTitle": "New hot offers everyday!",
+    "promotionsButton": "更多信息",
+    "promotionsNone": "目前沒有促銷活動。",
+    "promotionsLoading": "Loading, please wait ...",
+  },
+  "fr": {
+    "promotionsTitle": "Promotions",
+    "promotionsSubTitle": "New hot offers everyday!",
+    "promotionsButton": "Plus d'informations",
+    "promotionsNone": "Il n'y a pas de promotions disponibles pour le moment.",
+    "promotionsLoading": "Loading, please wait ...",
+  },
+  "tr": {
+    "promotionsTitle": "Promosyonlar",
+    "promotionsSubTitle": "New hot offers everyday!",
+    "promotionsButton": "Daha fazla bilgi",
+    "promotionsNone": "Şu anda herhangi bir promosyon bulunmamaktadır.",
+    "promotionsLoading": "Loading, please wait ...",
+  },
+  "ro": {
+    "promotionsTitle": "Promotii",
+    "promotionsSubTitle": "New hot offers everyday!",
+    "promotionsButton": "Detalii",
+    "promotionsNone": "Nu avem promotii disponibile momentan.",
+    "promotionsLoading": "Loading, please wait ...",
+  },
+  "es": {
+    "promotionsTitle": "Promociones",
+    "promotionsSubTitle": "New hot offers everyday!",
+    "promotionsButton": "Mas informaciones",
+    "promotionsNone": "Actualmente no hay promociones disponibles.",
+    "promotionsLoading": "Loading, please wait ...",
+  },
+  "pt": {
+    "promotionsTitle": "Promoções",
+    "promotionsSubTitle": "New hot offers everyday!",
+    "promotionsButton": "Mais informações",
+    "promotionsNone": "Não há promoções disponíveis no momento.",
+    "promotionsLoading": "Loading, please wait ...",
+  },
+};

package/stories/CasinoPromotionsSlider.stories.js

@@ -0,0 +1,13 @@
+import { html } from 'lit-element';
+
+import CasinoPromotionsSlider from '../src/CasinoPromotionsSlider';
+
+// This default export determines where your story goes in the story list
+export default {
+  title: 'CasinoPromotionsSlider',
+};
+
+// 👇 We create a “template” of how args map to rendering
+const CasinoPromotionsSlider = ({ aProperty }) => html`<casino-promotions-slider></casino-promotions-slider>`;
+
+export const FirstStory = CasinoPromotionsSlider.bind({});

package/tsconfig.json

@@ -0,0 +1,6 @@
+{
+  "extends": "@tsconfig/svelte/tsconfig.json",
+
+  "include": ["src/**/*"],
+  "exclude": ["node_modules/*", "__sapper__/*", "public/*"]
+}