@everymatrix/casino-tournaments-details 1.0.16 → 1.0.70

package/src/CasinoTournamentsDetails.svelte

@@ -1,134 +0,0 @@
-<svelte:options tag={null} />
-
-<script lang="ts">
-  import { onMount } from 'svelte';
-
-  export let title = '';
-  export let text = '';
-
-  export let clientstyling:string = '';
-  export let clientstylingurl:string = '';
-
-  let customStylingContainer: HTMLElement;
-  let displayNone:boolean = false;
-
-  let collapsed:Boolean = false;
-
-  const collapseText = () => {
-    collapsed = !collapsed;
-  }
-
-  const setClientStyling = ():void => {
-    let sheet = document.createElement('style');
-    sheet.innerHTML = clientstyling;
-    customStylingContainer.appendChild(sheet);
-  }
-
-  const setClientStylingURL = ():void => {
-    displayNone = true;
-
-    let url:URL = new URL(clientstylingurl);
-    let cssFile:HTMLElement = document.createElement('style');
-
-    fetch(url.href)
-      .then((res:any) => res.text())
-      .then((data:any) => {
-        cssFile.innerHTML = data
-
-        if (customStylingContainer) {
-          setTimeout(() => { customStylingContainer.appendChild(cssFile) }, 1);
-          setTimeout(() => { displayNone = false; }, 500);
-        }
-      });
-}
-
-  const setContent = (element:HTMLElement, content:any) => {
-    let htmlContent = document.createElement("div");
-    htmlContent.innerHTML = content;
-    element.append(htmlContent);
-  }
-  
-$: customStylingContainer && clientstyling && setClientStyling();
-$: customStylingContainer && clientstylingurl && setClientStylingURL();
-</script>
-
-<div bind:this={customStylingContainer} class="DetailsCard" part="DetailsCard">
-  {#if title}
-    <div class="DetailsTitle" part="DetailsTitle">
-      <p class="Title" part="Title">{title}</p>
-      <div class="CollapseButtonDetails" part="CollapseButtonDetails" on:click={() => collapseText()}>
-        {#if !collapsed}
-          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-            <path d="M18 15l-6-6-6 6"/>
-          </svg>
-        {:else}
-          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-            <path d="M6 9l6 6 6-6"/>
-          </svg>
-        {/if}
-      </div>
-    </div>
-  {/if}
-
-  {#if text && !collapsed}
-    <div class="DetailsContent sc" part="DetailsContent" use:setContent={text}>
-    </div>
-  {/if}
-</div>
-
-
-<style lang="scss">
-  $primary-background-color: var(--emfe-w-color-contrast, #07072A);
-  $primary-font-color: var(--emfe-w-color-white, #FFFFFF);
-
-  :host {
-    font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
-  }
-
-  *,
-  *::before,
-  *::after {
-    box-sizing: border-box;
-  }
-
-  .Title {
-    text-transform: uppercase;
-  }
-
-  .DetailsCard {
-    border: 1px solid var(--emfe-w-color-contrast, #07072A);
-    color: $primary-font-color;
-    width: 100%;
-    margin: 25px 0 25px 0;
-  }
-
-  .DetailsTitle {
-    padding: 0 20px;
-    height: 60px;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    background: var(--emfe-w-color-contrast, #07072A);
-  }
-
-  .DetailsContent {
-    overflow: auto;
-    height: 150px;
-    font-size: 14px;
-    padding: 10px 10px 10px 20px;
-    margin: 10px 20px 10px 0;
-  }
-
-  .sc::-webkit-scrollbar {
-    width: 5px;
-    height: 5px;
-  }
-  .sc::-webkit-scrollbar-track {
-    background-color: rgba(255, 255, 255, 0.1);
-    border-radius: 10px;
-  }
-  .sc::-webkit-scrollbar-thumb {
-    background-color: var(--emfe-w-color-white, #FFFFFF);
-    border-radius: 10px;
-  }
-</style>

package/src/index.ts

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

package/stories/CasinoTournamentsDetails.stories.js

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

package/tsconfig.json

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