@everymatrix/lottery-program-wof 1.3.2

package/src/themes.ts

@@ -0,0 +1,206 @@
+import { partitions1, partitions2, partitions3 } from "./themes.partitions"
+
+const sizeSchema1 = {
+  radius    : 247,
+  rRingInner: 253,
+  rRingOuter: 294,
+  rBg1: 300,
+}
+
+const sizeSchema2 = {
+  radius    : 253,
+  rRingInner: 259,
+  rRingOuter: 280,
+  rBg1: 286,
+}
+
+const backgroundSchema1 = {
+  isShowingBulb: false,
+  base: {
+    linearGradient: {
+      steps: [
+        {
+          offset: 0,
+          color: '#FFB915',
+        },
+        {
+          offset: 0.24,
+          color: '#BF8500',
+        },
+        {
+          offset: 0.41,
+          color: '#FFE26A',
+        },
+        {
+          offset: 0.46,
+          color: '#FFDD63',
+        },
+        {
+          offset: 0.53,
+          color: '#FFCF51',
+        },
+        {
+          offset: 0.58,
+          color: '#FFC13F',
+        },
+        {
+          offset: 0.82,
+          color: '#FFB915',
+        },
+        {
+          offset: 1,
+          color: '#FFF100',
+        },
+      ]
+    }
+  },
+  small: {
+    linearGradient: {
+      steps: [
+        {
+          offset: 0.4, 
+          color: "#303030",
+        },
+        {
+          offset: 1, 
+          color: "#000604",
+        },
+      ]
+    }
+  }
+
+  
+}
+
+const backgroundSchema2 = {
+  isShowingBulb: true,
+  base: {
+    linearGradient: {
+      steps: [
+        {
+          offset: "0.00312487",
+          color: "#454545",
+        },
+        {
+          offset: "0.310417",
+        },
+        {
+          offset: "0.628125",
+          color: "#575757",
+        },
+        {
+          offset: "1",
+        },
+      ]
+    }
+  },
+  small: {
+    linearGradient: {
+      steps: [
+        {
+          offset: "0.0604165",
+          color: "#FFB915",
+        },
+        {
+          offset: "0.2375",
+          color: "#B6820A",
+        },
+        {
+          offset: "0.477083",
+          color: "#FFE685",
+        },
+        {
+          offset: "0.721875",
+          color: "#FFB915",
+        },
+        {
+          offset: "1",
+          color: "#FFD600",
+        },
+      ]
+    }
+  }
+}
+
+const backgroundSchema3 = {
+  isShowingBulb: false,
+  base: {
+    linearGradient: {
+      steps: [
+        {
+          offset: 0,
+          color: '#FEDC31',
+        },
+        {
+          offset: 0.09,
+          color: '#FDC347',
+        },
+        {
+          offset: 0.27,
+          color: '#FC8682',
+        },
+        {
+          offset: 0.52,
+          color: '#FA2CD7',
+        },
+        {
+          offset: 0.76,
+          color: '#987CDB',
+        },
+        {
+          offset: 1,
+          color: '#33D0E0',
+        },
+      ]
+    }
+  },
+  small: {
+    linearGradient: {
+      steps: [
+        {
+          offset: 0.4, 
+          color: "#303030",
+        },
+        {
+          offset: 1, 
+          color: "#000604",
+        },
+      ]
+    }
+  }
+
+  
+}
+
+export const themes = [
+  {
+    size: sizeSchema1,
+    background: backgroundSchema1,
+    partitions: partitions1,
+  },
+  {
+    size: sizeSchema2,
+    background: backgroundSchema2,
+    partitions: partitions1,
+  },
+  {
+    size: sizeSchema1,
+    background: backgroundSchema3,
+    partitions: partitions2,
+  },
+  {
+    size: sizeSchema1,
+    background: backgroundSchema1,
+    partitions: partitions3,
+  },
+  {
+    size: sizeSchema1,
+    background: backgroundSchema1,
+    partitions: partitions3,
+  },
+  {
+    size: sizeSchema2,
+    background: backgroundSchema2,
+    partitions: partitions3,
+  },
+]

package/src/types.business.ts

@@ -0,0 +1,4 @@
+import type { LotteryProgramILotteryProgramForPlayer } from "./api";
+
+
+export type LotteryProgramForPlayer = LotteryProgramILotteryProgramForPlayer

package/src/types.ts

@@ -0,0 +1,74 @@
+declare global {
+  namespace svelte.JSX {
+    interface SVGProps<T> {
+      part?: string
+    }
+  }
+}
+
+export interface Point {
+  x: number;
+  y: number;
+}
+
+export enum PointerMode {
+  Arrow     = "Arrow",
+  Partition = "Partition",
+}
+
+export enum ArrowMode {
+  DownFromTop      = "DownFromTop",
+  UpFromCenter     = "UpFromCenter",
+  DownFromCenter   = "DownFromCenter",
+  UpFromBottom     = "UpFromBottom",
+}
+
+export enum Api {
+  lotteries = 'lotteries',
+  outcome   = 'outcome',
+  draw      = 'draw',
+}
+
+export interface ApiConfigs {
+  [Api.lotteries]: {
+    session?: string
+  },
+  [Api.outcome]: {
+    session?: string
+    id: string
+  },
+  [Api.draw]: {
+    session?: string
+    id: string
+  },
+  
+}
+
+export enum Lang { 
+  en = 'en',
+  fr = 'fr',
+  de = 'de',
+  tr = 'tr'
+}
+
+type StringWithLang = {
+  [key in Lang]: string
+}
+
+export interface Partition {
+  name:   StringWithLang
+  image1: StringWithLang
+  image2: StringWithLang
+  image3: StringWithLang
+}
+
+
+export enum Tab {
+  Program = 'Program',
+  Outcomes = 'Outcomes'
+}
+
+
+
+
+

package/src/util.ts

@@ -0,0 +1,83 @@
+export const imageLoader = (src: string) => {
+  return new Promise((resolve, reject) => {
+    let img = new Image()
+    img.onload = () => resolve(img)
+    img.onerror = reject
+    img.src = src
+  })
+}
+
+export const classWithPart = (partAndClass, extraClass = '') => ({
+  part: partAndClass,
+  class: [partAndClass, extraClass].join(' '),
+})
+
+export const clamp = (num: number, min: number, max?: number) => {
+  if(max){
+    return Math.min(Math.max(num, min), max)
+  }else{
+    return Math.max(num, min)
+  }
+}
+
+export const imageLoaderSvg = (src: string) => {
+  return new Promise((resolve, reject) => {
+    let img = document.createElementNS("http://www.w3.org/2000/svg", "image")
+    img.onload = () => resolve(img)
+    img.onerror = () => resolve(img) //reject
+    img.href.baseVal = src
+  })
+}
+
+const cvtCaseFromCamelToKebab = (text: string) => 
+  text
+    .split(/(?=[A-Z])/)
+    .map(s => s.toLocaleLowerCase())
+    .join('-')
+
+export const setProps = <T extends Element>(element: T, props: any) => {
+  Object.keys(props).map(_key => {
+    element.setAttribute(cvtCaseFromCamelToKebab(_key), props[_key])
+  })
+}
+
+export const setPropsSVG = <T extends SVGElement>(element: T, props: any) => {
+  Object.keys(props).map(_key => {
+    element.setAttributeNS("http://www.w3.org/2000/svg", cvtCaseFromCamelToKebab(_key), props[_key])
+  })
+}
+
+export const delay = (time: number) => new Promise(res => setTimeout(res, time * 1000));
+
+type MapObjectValueToTuple<T extends Object> = T[keyof T][]
+
+export const mapObjectValueToTuple = 
+  <T>(object: T): MapObjectValueToTuple<T> => 
+    Object.keys(object).map(key => object[key])
+
+interface fetcherArgs {
+  path: string, 
+  params?: Object, 
+  options?: RequestInit
+}
+
+export const fetcher = async (config: fetcherArgs) => {
+
+  const { path, params, options } = config
+
+  const url = new URL(path)
+
+  Object.keys(params).map(_key => {
+    url.searchParams.append(_key, params[_key])
+  })
+
+  let res: any 
+  try {
+    res = await fetch(url.toString(), options)
+    res = await res.json()
+  } catch (e) {
+    console.log(e);
+  }
+
+  return res
+}

package/stories/LotteryProgramWof.stories.js

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

package/svelte.config.js

@@ -0,0 +1,7 @@
+module.exports = {
+  svelte: {
+    "language-server": {
+      runtime: `sass`
+    }
+  }
+}

package/tsconfig.json

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