tecitheme 0.8.0 → 0.8.1

package/dist/components/Card.svelte

@@ -1,91 +0,0 @@
-<script>
-import Button from './Button.svelte'
-
-  //Allows icons from https://fonts.google.com/icons?selected=Material+Icons by name in the format 'icon-XXXX'.
-  import { getColorStyles } from '../utils'
-  import Icon from "./Icon.svelte";
-  export let data = {};
-  export let halfHeight = undefined;
-
-  let backgroundImage;
-
-  if (data.image) {
-    if (data.image.includes("gif")) {
-      backgroundImage = "https://teci.imgix.net/www/images/" + data.image;
-    } else {
-      backgroundImage =
-        "https://teci.imgix.net/www/images/" +
-        data.image +
-        "?w=698&h=392&fit=crop&auto=compress&auto=format";
-    }
-  }
-</script>
-
-<div class="group flex flex-col items-stretch space-y-2 border border-gray-100 p-2 hover:border-gray-200 hover:shadow-md">
-  {#if data.image}
-    <div
-      style="background-image: url({backgroundImage});"
-      class="w-full shrink-0 {halfHeight?'aspect-video':'aspect-square'} flex items-center justify-center border border-gray-200 bg-cover bg-no-repeat"
-    >
-      <div
-        class="{halfHeight
-          ? 'space-y-4'
-          : 'space-y-8'} flex h-full w-full flex-col items-center justify-center"
-      >
-        {#if data.links}
-          {#each data.links as link}
-            <a href={link.url} class="btn w-3/4 whitespace-nowrap text-center text-sm {getColorStyles('button', link.color)}">
-              {link.text}
-            </a>
-          {/each}
-        {:else}
-          <a href={data.cardURL} class="h-full w-full">
-            <span>&#8203;</span>
-          </a>
-        {/if}
-      </div>
-    </div>
-  {/if}
-  <a href={data.cardURL}>
-    <div class="flex flex-row items-start space-x-2">
-      {#if data.icon}
-        <div class="grid place-items-center">
-          <Icon classes={data.classes} icon={data.icon} />
-        </div>
-      {/if}
-      {#if data.heading || data.subheading}
-        <div class="flex flex-col font-medium leading-none">
-          {#if data.heading}
-            <h3 class="text-2xl leading-none text-gray-900">{data.heading}</h3>
-          {/if}
-          {#if data.subheading}
-            <p class="leading-6 {getColorStyles('text', data.subheadingColor)}">
-              {data.subheading}
-            </p>
-          {/if}
-        </div>
-      {/if}
-    </div>
-  </a>
-  {#if data.text}
-    <div class="flex w-full flex-1 flex-col">
-      {@html data.text}
-      {#if data.cardActionStyle == "link"}
-        <a
-          class="mt-2 inline-block text-sm font-medium text-teci-blue-light"
-          href={data.cardURL}
-        >
-          {data.cardLinkText}<span aria-hidden="true"> →</span>
-        </a>
-      {/if}
-    </div>
-  {/if}
-  {#if data.cardActionStyle == "button"}
-    <Button
-      url={data.cardURL}
-      text={data.cardLinkText}
-      color={data.cardLinkColor}
-      justify="right"
-    />
-  {/if}
-</div>

package/dist/components/Card.svelte.d.ts

@@ -1,25 +0,0 @@
-/** @typedef {typeof __propDef.props}  CardProps */
-/** @typedef {typeof __propDef.events}  CardEvents */
-/** @typedef {typeof __propDef.slots}  CardSlots */
-export default class Card extends SvelteComponent<{
-    data?: {};
-    halfHeight?: any;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type CardProps = typeof __propDef.props;
-export type CardEvents = typeof __propDef.events;
-export type CardSlots = typeof __propDef.slots;
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        data?: {};
-        halfHeight?: any;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export {};

package/dist/components/CognitoForm.svelte

@@ -1,24 +0,0 @@
-<script>
-	import { browser } from '$app/environment';
-  import { onMount } from 'svelte';
-
-  export let title = undefined;
-  export let data_key = undefined;
-  export let data_form = undefined;
-
-  let elem = undefined;
-
-  onMount(async () => {
-		elem = document.querySelector('form.cog-cognito');
-    if (elem) {
-      elem.classList.add('cog-disable-movement');  
-    }
-	});
-</script>
-
-{#if browser}
-<div class="prose max-w-none w-full">
-  <h1>{title}</h1>
-  <script src="https://www.cognitoforms.com/f/seamless.js" data-key={data_key} data-form={data_form}></script>
-</div>
-{/if}

package/dist/components/CognitoForm.svelte.d.ts

@@ -1,27 +0,0 @@
-/** @typedef {typeof __propDef.props}  CognitoFormProps */
-/** @typedef {typeof __propDef.events}  CognitoFormEvents */
-/** @typedef {typeof __propDef.slots}  CognitoFormSlots */
-export default class CognitoForm extends SvelteComponent<{
-    title?: any;
-    data_key?: any;
-    data_form?: any;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type CognitoFormProps = typeof __propDef.props;
-export type CognitoFormEvents = typeof __propDef.events;
-export type CognitoFormSlots = typeof __propDef.slots;
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        title?: any;
-        data_key?: any;
-        data_form?: any;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export {};

package/dist/components/ContentTwoColumns.svelte

@@ -1,54 +0,0 @@
-<script>
-  import { getColorStyles } from '../utils'
-  export let data = {};
-  let id
-
-  if (data.name) {
-    id = encodeURIComponent(data.name).toLowerCase()
-  }
-</script>
-
-<section {id} class="overflow-hidden mx-auto max-w-max lg:max-w-7xl">
-  <div class="relative z-10 mb-8 md:mb-2">
-    <div class="max-w-prose text-base lg:max-w-none">
-      <h2 class="font-semibold leading-6 {getColorStyles('text', data.color)}">{data.preheading}</h2>
-      <p class="mt-2 text-3xl font-bold leading-8 tracking-tight sm:text-4xl text-black">{data.heading}</p>
-    </div>
-  </div>
-  <div class="relative">
-    <svg class="absolute top-0 right-0 -mt-20 -mr-20 hidden md:block md:[overflow-anchor:none]" width="404" height="384" fill="none" viewBox="0 0 404 384" aria-hidden="true">
-      <defs>
-        <pattern id="95e8f2de-6d30-4b7e-8159-f791729db21b" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse">
-          <rect x="0" y="0" width="4" height="4" class="{getColorStyles('text', data.color)} opacity-20" fill="currentColor" />
-        </pattern>
-      </defs>
-      <rect width="404" height="384" fill="url(#95e8f2de-6d30-4b7e-8159-f791729db21b)" />
-    </svg>
-    <svg class="absolute bottom-0 left-0 -mb-20 -ml-20 hidden md:block md:[overflow-anchor:none]" width="404" height="384" fill="none" viewBox="0 0 404 384" aria-hidden="true">
-      <defs>
-        <pattern id="7a00fe67-0343-4a3c-8e81-c145097a3ce0" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse">
-          <rect x="0" y="0" width="4" height="4" class="{getColorStyles('text', data.color)} opacity-20" fill="currentColor" />
-        </pattern>
-      </defs>
-      <rect width="404" height="384" fill="url(#7a00fe67-0343-4a3c-8e81-c145097a3ce0)" />
-    </svg>
-    <div class="relative md:m-4 p-2 bg-white">
-      <div class="prose prose-lg columns-1 lg:columns-2 lg:max-w-none">
-        {@html data.body}
-      </div>
-      {#if data.ctas}
-      <div class="mt-8 flex gap-x-4 float-right py-1">
-        {#each data.ctas as cta}
-          <a href={cta.url} 
-            class="inline-block px-4 py-1.5 text-base font-semibold leading-7 shadow-sm ring-1 ring-gray-900/10 hover:ring-gray-900/20
-            {getColorStyles('button', cta.color)}"
-          >
-            {cta.text}
-            <span class="hidden sm:inline" aria-hidden="true">&rarr;</span>
-          </a>
-        {/each}
-      </div>
-      {/if}
-    </div>
-  </div>
-</section>

package/dist/components/ContentTwoColumns.svelte.d.ts

@@ -1,23 +0,0 @@
-/** @typedef {typeof __propDef.props}  ContentTwoColumnsProps */
-/** @typedef {typeof __propDef.events}  ContentTwoColumnsEvents */
-/** @typedef {typeof __propDef.slots}  ContentTwoColumnsSlots */
-export default class ContentTwoColumns extends SvelteComponent<{
-    data?: {};
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type ContentTwoColumnsProps = typeof __propDef.props;
-export type ContentTwoColumnsEvents = typeof __propDef.events;
-export type ContentTwoColumnsSlots = typeof __propDef.slots;
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        data?: {};
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export {};

package/dist/components/CountrySelector.svelte

@@ -1,167 +0,0 @@
-<script>
-  import Modal from './Modal.svelte';
-
-  export let resellerModal = true;
-  export let selection = 'sel';
-  export let allowContinue = false;
-
-  let modal;
-  let modalData;
-  let resellerIndex = -1;
-  
-  let resellerArray = [
-    ['BE', 'NL', 'LU'],
-    ['CN', 'HK'],
-    ['CZ', 'SK'],
-    ['EG', 'JO', 'LB', 'OM', 'QA', 'SA', 'AE'],
-    ['FR'],
-    ['DE', 'CH', 'AT', 'LI'],
-    ['GR','CY'],
-    ['IN', 'BD', 'LK', 'CM', 'BT', 'MM'],
-    ['IT', 'HU'],
-    ['JP'],
-    ['KR'],
-    ['PL', 'UA'],
-    ['RU', 'AM', 'AZ', 'BY', 'GE', 'KZ', 'KG', 'MD', 'TJ', 'TM', 'UZ'],
-    ['RO'],
-    ['SG', 'MY', 'ID', 'VN'],
-    ['ES'],
-  ];
-
-  let resellerLinks = [
-    'belgium-netherlands-and-luxembourg',
-    'china-and-hong-kong',
-    'czech-republic-and-slovak-republic',
-    'egypt-jordan-lebanon-oman-qatar-saudi-arabia-united-arab-emirates',
-    'france-and-french-language-customers-in-other-regions',
-    'germany-switzerland-austria-and-liechtenstein',
-    'greece-cyprus',
-    'india-bangladesh-sri-lanka-nepal-bhutan-myanmar',
-    'italy-hungary',
-    'japan',
-    'korea',
-    'poland-ukraine',
-    'russia-and-cis',
-    'romania',
-    'singapore-malaysia-indonesia-and-vietnam',
-    'spain',
-  ];
-
-  function isReseller() {
-    resellerIndex = resellerArray.findIndex((arr) => arr.includes(selection));
-    return resellerIndex > -1;
-  }
-
-  function handleSelection() {
-    if (resellerModal) {
-      if (selection != 'sel' && !isReseller()) {
-        allowContinue = true;
-      } else if (selection != 'sel' && isReseller()) {
-        modal.show();
-        allowContinue = false;
-      } else {
-        allowContinue = false;
-      }
-    }
-  }
-
-  $:modalData = {
-    modalContent: `<h2 class="text-lg leading-6 font-medium text-gray-900">Reseller Required</h2><div class="mt-2 px-7 py-3"><p class="text-sm text-gray-500">Thunderhead cannot sell to you directly, you must use the authorized reseller for your region.</p></div><div class="items-center px-4 py-3"><a href="https://www.thunderheadeng.com/partners#${resellerLinks[resellerIndex]}" id="ok-btn" class="px-4 py-2 bg-teci-blue-light text-white text-base font-medium w-full shadow-sm hover:bg-teci-blue-dark focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500">Reseller Contact Information</a></div>`,
-  };
-</script>
-
-<select
-  name="card_country"
-  bind:value="{selection}"
-  on:change="{handleSelection}"
->
-  <option value="sel">Select Your Country</option>
-  <option value="AI">Anguilla</option>
-  <option value="AR">Argentina</option>
-  <option value="AM">Armenia</option>
-  <option value="AU">Australia</option>
-  <option value="AT">Austria</option>
-  <option value="AZ">Azerbaijan</option>
-  <option value="BD">Bangladesh</option>
-  <option value="BY">Belarus</option>
-  <option value="BE">Belgium</option>
-  <option value="BR">Brazil</option>
-  <option value="CA">Canada</option>
-  <option value="CL">Chile</option>
-  <option value="HR">Croatia</option>
-  <option value="CN">China</option>
-  <option value="CR">Costa Rica</option>
-  <option value="CY">Cyprus</option>
-  <option value="CZ">Czech Republic</option>
-  <option value="DK">Denmark</option>
-  <option value="DO">Dominican Republic</option>
-  <option value="EC">Ecuador</option>
-  <option value="EG">Egypt</option>
-  <option value="EE">Estonia</option>
-  <option value="FO">Faroe Islands</option>
-  <option value="FI">Finland</option>
-  <option value="FR">France</option>
-  <option value="GE">Georgia</option>
-  <option value="DE">Germany</option>
-  <option value="GR">Greece</option>
-  <option value="HK">Hong Kong</option>
-  <option value="HU">Hungary</option>
-  <option value="IS">Iceland</option>
-  <option value="IN">India</option>
-  <option value="ID">Indonesia</option>
-  <option value="IE">Ireland</option>
-  <option value="IL">Israel</option>
-  <option value="IT">Italy</option>
-  <option value="JM">Jamaica</option>
-  <option value="JP">Japan</option>
-  <option value="JO">Jordan</option>
-  <option value="KZ">Kazakhstan</option>
-  <option value="KW">Kuwait</option>
-  <option value="KG">Kyrgyzstan</option>
-  <option value="LV">Latvia</option>
-  <option value="LB">Lebanon</option>
-  <option value="LT">Lithuania</option>
-  <option value="LU">Luxembourg</option>
-  <option value="MY">Malaysia</option>
-  <option value="MT">Malta</option>
-  <option value="MX">Mexico</option>
-  <option value="MD">Moldova</option>
-  <option value="MM">Myanmar</option>
-  <option value="CM">Nepal</option>
-  <option value="NL">Netherlands</option>
-  <option value="NZ">New Zealand</option>
-  <option value="NO">Norway</option>
-  <option value="OM">Oman</option>
-  <option value="PE">Peru</option>
-  <option value="PH">Philippines</option>
-  <option value="PL">Poland</option>
-  <option value="PT">Portugal</option>
-  <option value="QA">Qatar</option>
-  <option value="RO">Romania</option>
-  <option value="RU">Russia</option>
-  <option value="SA">Saudi Arabia</option>
-  <option value="SG">Singapore</option>
-  <option value="SK">Slovakia</option>
-  <option value="SI">Slovenia</option>
-  <option value="ZA">South Africa</option>
-  <option value="KR">South Korea</option>
-  <option value="ES">Spain</option>
-  <option value="LK">Sri Lanka</option>
-  <option value="SE">Sweden</option>
-  <option value="CH">Switzerland</option>
-  <option value="TW">Taiwan</option>
-  <option value="TJ">Tajikistan</option>
-  <option value="TH">Thailand</option>
-  <option value="TR">Turkey</option>
-  <option value="TM">Turkmenistan</option>
-  <option value="UA">Ukraine</option>
-  <option value="AE">United Arab Emirates</option>
-  <option value="GB">United Kingdom</option>
-  <option value="US">United States</option>
-  <option value="UY">Uruguay</option>
-  <option value="UZ">Uzbekistan</option>
-  <option value="VE">Venezuela</option>
-  <option value="VN">Viet Nam</option>
-</select>
-
-<Modal bind:this="{modal}" bind:data="{modalData}" />

package/dist/components/CountrySelector.svelte.d.ts

@@ -1,27 +0,0 @@
-/** @typedef {typeof __propDef.props}  CountrySelectorProps */
-/** @typedef {typeof __propDef.events}  CountrySelectorEvents */
-/** @typedef {typeof __propDef.slots}  CountrySelectorSlots */
-export default class CountrySelector extends SvelteComponent<{
-    resellerModal?: boolean;
-    selection?: string;
-    allowContinue?: boolean;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type CountrySelectorProps = typeof __propDef.props;
-export type CountrySelectorEvents = typeof __propDef.events;
-export type CountrySelectorSlots = typeof __propDef.slots;
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        resellerModal?: boolean;
-        selection?: string;
-        allowContinue?: boolean;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export {};

package/dist/components/FeatureGrid.svelte

@@ -1,44 +0,0 @@
-<script>
-import Icon from './Icon.svelte'
-
-  import { getColorStyles } from '../utils'
-  export let data = {};
-  let id
-
-  if (data.name) {
-    id = encodeURIComponent(data.name).toLowerCase()
-  }
-</script>
-
-<section {id} class="overflow-hidden mx-auto max-w-max lg:max-w-7xl">
-  <div class="sm:text-center">
-    {#if data.preheading}
-    <p class="mb-2 text-lg font-semibold leading-8 {getColorStyles('text', data.color)}">
-        {data.preheading}
-    </p>
-    {/if}
-    <h2 class="text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl">
-      {data.heading}
-    </h2>
-    {#if data.subheading}
-      <p class="mx-auto mt-6 max-w-2xl text-lg leading-8">
-        {data.subheading}
-      </p>
-    {/if}
-  </div>
-  <div class="mt-12 max-w-lg sm:mx-auto md:max-w-none">
-    <div class="grid grid-cols-1 gap-y-8 md:grid-cols-2 md:gap-x-12">
-      {#each data.blocks as block}
-        <div class="relative flex flex-row gap-6">
-          <div class="hidden sm:flex h-12 w-12 items-center justify-center sm:shrink-0 flex-shrink-0 {getColorStyles('background', data.color)}">
-            <Icon classes="w-auto" icon={block.icon} />
-          </div>
-          <div class="sm:min-w-0 sm:flex-1">
-            <p class="text-lg font-semibold leading-8 text-gray-900">{block.heading}</p>
-            <p class="mt-2 text-base leading-7">{block.body}</p>
-          </div>
-        </div>
-      {/each}
-    </div>
-  </div>
-</section>

package/dist/components/FeatureGrid.svelte.d.ts

@@ -1,23 +0,0 @@
-/** @typedef {typeof __propDef.props}  FeatureGridProps */
-/** @typedef {typeof __propDef.events}  FeatureGridEvents */
-/** @typedef {typeof __propDef.slots}  FeatureGridSlots */
-export default class FeatureGrid extends SvelteComponent<{
-    data?: {};
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type FeatureGridProps = typeof __propDef.props;
-export type FeatureGridEvents = typeof __propDef.events;
-export type FeatureGridSlots = typeof __propDef.slots;
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        data?: {};
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export {};

package/dist/components/Figure.svelte

@@ -1,40 +0,0 @@
-<script>
-  export let image = undefined;
-  export let title = undefined;
-  export let caption = undefined;
-  export let link = undefined;
-
-  let figureImage;
-  let figureLink;
-  let id
-
-  if (title) {
-    id = encodeURIComponent(title).toLowerCase()
-  }
-
-  if (image.startsWith("http")) {
-    figureImage = image;
-    figureLink = link ? link : image;
-  } else if (image.includes("gif")) {
-    figureImage = "https://teci.imgix.net/www/images/" + image;
-    figureLink = link ? link : "https://teci.imgix.net/www/images/" + image;
-  } else {
-    figureImage = "https://teci.imgix.net/www/images/" +
-      image +
-      "?auto=compress&auto=format";
-    figureLink = link ? link : "https://teci.imgix.net/www/images/" + image;
-  }
-</script>
-
-{#if image}
-<section {id} class="not-prose mb-8 flex justify-center">
-  <figure class="mx-auto w-auto border border-slate-100 p-2 shadow-lg">
-    <a class="inline-block w-full bg-slate-200 p-1" href={figureLink}>
-      <img class="mx-auto w-auto" src={figureImage} alt={title} {title} />
-    </a>
-    {#if caption}
-      <figcaption class="p-2 text-center">{@html caption}</figcaption>
-    {/if}
-  </figure>
-</section>
-{/if}

package/dist/components/Figure.svelte.d.ts

@@ -1,29 +0,0 @@
-/** @typedef {typeof __propDef.props}  FigureProps */
-/** @typedef {typeof __propDef.events}  FigureEvents */
-/** @typedef {typeof __propDef.slots}  FigureSlots */
-export default class Figure extends SvelteComponent<{
-    caption?: any;
-    link?: any;
-    title?: any;
-    image?: any;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type FigureProps = typeof __propDef.props;
-export type FigureEvents = typeof __propDef.events;
-export type FigureSlots = typeof __propDef.slots;
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        caption?: any;
-        link?: any;
-        title?: any;
-        image?: any;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export {};