tecitheme 0.0.17 → 0.0.20

package/components/HeadingCentered.svelte

@@ -1,26 +1,31 @@
 <script>
   //Based on: https://tailwindui.com/components/marketing/sections/header#component-2c3b25e7b9e4490edd7b6950692c0a11
-
-  export let data = {
-    toptext: 'Small Top Text ',
-    title: 'Big Title Text',
-    subtitle: 'Subtitle Text - Fairly long to see where the text wraps for this element, because who knows where things will end up.'
-  };
+  import Icon from "./Icon.svelte";
+  export let data;
 </script>
 
 <!-- This example requires Tailwind CSS v2.0+ -->
-<div class="w-full text-center">
-  {#if data.toptext}
-      <h2 class="text-base font-semibold text-teci-blue-dark tracking-wide uppercase">
-      {data.toptext}
-      </h2>
-  {/if}
-  <p class="mt-1 text-4xl font-bold text-gray-900 sm:text-5xl sm:tracking-tight lg:text-6xl">
-      {data.title}
-  </p>
-  {#if data.subtitle}
-  <p class="max-w-4xl mt-5 mx-auto text-xl text-gray-500">
-      {data.subtitle}
+<section class="w-full text-center">
+{#if data.toptext}
+  <p class="text-base font-semibold text-teci-blue-dark uppercase">
+    {data.toptext}
   </p>
+{/if}
+{#if (data.title || data.logo)}
+  {#if data.logo}
+    <div class="grid place-items-center">
+      <h1 class="sr-only">{data.title}</h1>
+      <Icon classes={data.classes} icon={data.logo} />
+    </div>
+  {:else}
+    <h1 class="mt-1 text-4xl font-bold text-gray-900 sm:text-5xl sm:tracking-tight lg:text-6xl">
+      {data.title}
+    </h1>
   {/if}
-</div>
+{/if}
+{#if data.subtitle}
+<p class="max-w-4xl mt-5 mx-auto text-xl text-gray-500">
+    {data.subtitle}
+</p>
+{/if}
+</section>

package/components/HeadingCentered.svelte.d.ts

@@ -2,11 +2,7 @@
 /** @typedef {typeof __propDef.events}  HeadingCenteredEvents */
 /** @typedef {typeof __propDef.slots}  HeadingCenteredSlots */
 export default class HeadingCentered extends SvelteComponentTyped<{
-    data?: {
-        toptext: string;
-        title: string;
-        subtitle: string;
-    };
+    data: any;
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}> {
@@ -17,11 +13,7 @@ export type HeadingCenteredSlots = typeof __propDef.slots;
 import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
-        data?: {
-            toptext: string;
-            title: string;
-            subtitle: string;
-        };
+        data: any;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/components/Icon.svelte

@@ -22,6 +22,15 @@
     title="PyroSim Results Icon"
   />
 </span>
+{:else if icon == 'pyrosim-logo'}
+<span class="not-prose">
+  <img
+    class={classes}
+    src="https://files.thunderheadeng.com/www/images/pyrosim_logo.svg"
+    alt="PyroSim Logo"
+    title="PyroSim Logo"
+  />
+</span>
 {:else if icon == 'pathfinder'}
 <span class="not-prose">
   <img
@@ -40,6 +49,15 @@
     title="Pathfinder Results Icon"
   />
 </span>
+{:else if icon == 'pathfinder-logo'}
+<span class="not-prose">
+  <img
+    class={classes}
+    src="https://files.thunderheadeng.com/www/images/pathfinder_logo.svg"
+    alt="Pathfinder Logo"
+    title="Pathfinder Logo"
+  />
+</span>
 {:else if icon == 'petrasim'}
 <span class="not-prose">
 	<img
@@ -49,6 +67,44 @@
     title="PetraSim Icon"
 	/>
 </span>
+{:else if icon == 'petrasim-logo'}
+<span class="not-prose">
+	<img
+		class={classes}
+		src="https://files.thunderheadeng.com/www/images/petrasim_logo.svg"
+		alt="PetraSim Logo"
+    title="PetraSim Logo"
+	/>
+</span>
+{:else if icon == 'teci-logo'}
+<span class="not-prose">
+	<img
+		class={classes}
+		src="https://files.thunderheadeng.com/www/images/teci_logo.svg"
+		alt="Thunderhead Logo"
+    title="Thunderhead Logo"
+	/>
+</span>
+{:else if icon == 'teci-icon'}
+<span class="not-prose">
+	<svg class={classes} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 250 250">
+		<path
+			style="fill:#0c3879;fill-rule:evenodd;stroke:none"
+			d="M88.113 220.536h97.672v97.672H88.113z"
+			transform="matrix(2.5596 0 0 2.5596 -225.533 -564.483)"
+		/>
+		<path
+			style="fill:#fff;fill-rule:evenodd;stroke:none"
+			d="M145.864 260.176h22.042c2.792 0 4.883.835 6.559 2.651 1.532 1.673 2.232 3.764 2.232 6.278 0 2.37-.7 4.464-2.232 6.277-1.676 1.675-3.767 2.651-6.559 2.651h-22.042v-17.857m0 23.159h22.042c2.792 0 4.883.838 6.559 2.65 1.532 1.674 2.232 3.768 2.232 6.278 0 2.373-.7 4.464-2.232 6.278-1.676 1.675-3.767 2.65-6.559 2.65h-22.042v-17.856"
+			transform="matrix(2.5596 0 0 2.5596 -225.533 -564.483)"
+		/>
+		<path
+			style="fill:#fff;fill-rule:evenodd;stroke:none"
+			d="M132.471 301.192c-5.861 0-8.79-3.07-8.79-8.929l-.138-37.389-20.648-.14c-7.116-1.254-10.185-9.626-5.165-15.206 1.535-1.535 3.63-2.373 6.14-2.651h26.926l1.675.14h35.435c2.792 0 4.883.836 6.559 2.649 1.532 1.675 2.232 3.767 2.232 6.28 0 2.37-.7 4.464-2.232 6.277-1.676 1.673-3.767 2.651-6.559 2.651H141.26V301.192h-8.788"
+			transform="matrix(2.5596 0 0 2.5596 -225.533 -564.483)"
+		/>
+	</svg>
+</span>
 {:else if icon?.startsWith("icon-")}
 <span class="material-icons-outlined {classes}">{icon?.slice(5)}</span>
 {:else}

package/components/MediaFeature.svelte

@@ -4,16 +4,18 @@ import Video from './Video.svelte'
   export let data;
 </script>
 
-<section class="w-full mx-auto flex flex-col md:flex-row items-center justify-center">
+<section class="w-full mx-auto flex flex-col md:flex-row items-start justify-center">
   {#if data.v}
-  <div class="w-full max-w-xl {data.position === 'right' ? 'mb-4 md:mb-0' : 'mb-0'}">
+  <div class="block w-full max-w-xl {data.position === 'right' ? 'mb-4 md:mb-0' : 'mb-0'}">
     <Video bind:data />
   </div>
   {:else if data.image}
-  <div class="block w-full max-w-xl mb-4 md:mb-0">
+  <div class="block w-full max-w-xl {data.position === 'right' ? 'mb-4 md:mb-0' : 'mb-0'}">
     <figure>
       <a href={data.image}>
-        <img class="aspect-video object-cover" src={data.image} alt={data.name}/>
+        <img class="w-full aspect-video object-cover border bg-black border-gray-200 shadow-md"
+          src={data.image} alt={data.name}
+        />
       </a>
     </figure>
   </div>

package/components/MetaSocial.svelte

@@ -0,0 +1,28 @@
+<script>
+  export let title
+  export let description
+  export let image
+  export let url
+
+  function imageURL(str)
+  {
+    var tarea = str;
+    if (tarea.indexOf("http://") == 0 || tarea.indexOf("https://") == 0) {
+      return true
+    }
+    return false
+  }
+</script>
+
+<meta property="og:type" content="website">
+<meta property="og:url" content="{url.href}">
+<meta name="og:title" content={title} >
+<meta name="og:description" content={description} >
+{#if imageURL(image)}
+<meta name="og:image" content="{image}" >
+{:else}
+<meta name="og:image" content="https://{url.hostname}{image}" >
+{/if}
+<meta name="twitter:card" content="summary_large_image">
+<meta name="twitter:site" content="@thunderheadeng">
+<meta name="twitter:creator" content="@thunderheadeng">

package/components/MetaSocial.svelte.d.ts

@@ -0,0 +1,29 @@
+/** @typedef {typeof __propDef.props}  MetaSocialProps */
+/** @typedef {typeof __propDef.events}  MetaSocialEvents */
+/** @typedef {typeof __propDef.slots}  MetaSocialSlots */
+export default class MetaSocial extends SvelteComponentTyped<{
+    title: any;
+    description: any;
+    image: any;
+    url: any;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type MetaSocialProps = typeof __propDef.props;
+export type MetaSocialEvents = typeof __propDef.events;
+export type MetaSocialSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        title: any;
+        description: any;
+        image: any;
+        url: any;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/components/NewsGrid.svelte

@@ -1,35 +1,124 @@
 <script>
-  import { DateTime } from "luxon";
+  import { DateTime } from 'luxon';
   import { getContext } from 'svelte';
+  import { paginate, PaginationNav } from 'svelte-paginate';
 
   export let data;
+
   const posts = getContext('newsPosts');
+
+  let filteredPosts = [];
+  let items = [];
+  let currentPage = 1;
+  let pageSize = data.pageSize;
+
+  function termExists(arr, terms) {
+    return terms.some((value) => {
+      return arr.includes(value);
+    });
+  }
+
+  function filterPosts(arr, terms) {
+    for (let i = 0; i < arr.length; ) {
+      if (termExists(arr[i].meta.categories, terms)) {
+        i++;
+        continue;
+      }
+      arr.splice(i, 1);
+    }
+    return arr;
+  }
+
+  if (data.filter) {
+    items = filterPosts(posts, data.filter);
+  } else {
+    items = posts;
+  }
+
+  $: paginatedItems = paginate({ items, pageSize, currentPage });
 </script>
 
-<div class="relative mx-auto w-full divide-y-2 divide-gray-200">
-  <div class="flex flex-col sm:flex-row justify-between sm:items-end space-y-4 sm:space-y-0">
+<div class="relative mx-auto w-full">
+  <div
+    class="flex flex-col justify-between space-y-4 border-b-2 border-gray-200 pb-4 sm:flex-row sm:items-end sm:space-y-0"
+  >
     <div>
-      <h1 class="text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl">{data.title}</h1>
+      <h1 class="text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl">
+        {data.title}
+      </h1>
       <p class="text-xl text-gray-500">{data.subtitle}</p>
     </div>
     <div class="w-32">
-      <button class="w-full flex items-center justify-center px-4 py-2 border border-transparent text-base leading-6 font-medium text-white hover:bg-teci-blue-dark bg-teci-blue-light focus:outline-none focus:border-teci-blue-dark transition duration-150 ease-in-out" 
-        data-token="1cb5a0d7baa67f6265665b6f911f3487" onclick="mjOpenPopin(event, this)"
+      <data
+        id="mj-w-res-data"
+        data-token="f594659941689957f270ca278a80dc7d"
+        class="mj-w-data"
+        data-apikey="3aOX"
+        data-w-id="Fbu"
+        data-lang="en_US"
+        data-base="https://app.mailjet.com"
+        data-width="640"
+        data-height="480"
+        data-statics="statics"></data>
+      <button
+        class="flex w-full items-center justify-center border border-transparent bg-teci-blue-light px-4 py-2 text-base font-medium leading-6 text-white transition duration-150 ease-in-out hover:bg-teci-blue-dark focus:border-teci-blue-dark focus:outline-none"
+        data-token="f594659941689957f270ca278a80dc7d"
+        onclick="mjOpenPopin(event, this)">Subscribe</button
       >
-        Subscribe
-      </button>
     </div>
   </div>
-  <div class="mt-6 grid gap-16 pt-10 md:grid-cols-2 lg:grid-cols-3 lg:gap-x-5 lg:gap-y-12">
-    {#each posts as post}
-    <a class="block h-full" href={post.path}>
-      <div class="flex flex-col items-stretch h-full">    
-        <time class="block mb-1 text-sm text-gray-500" datetime={post.meta.date}>{DateTime.fromISO(post.meta.date).toLocaleString()}</time>
-        <p class="mb-2 text-xl font-semibold text-gray-900">{post.meta.title}</p>
-        <p class="flex-1 mb-2 text-base text-gray-500">{post.meta.summary}</p>
-        <p class="text-sm font-semibold text-teci-blue-light hover:text-teci-blue-dark">Read full article<span aria-hidden="true">&nbsp;→</span></p> 
-      </div>
-    </a>
+  <div class="paginator mx-auto flex justify-center pt-4">
+    <PaginationNav
+      totalItems="{items.length}"
+      pageSize="{pageSize ? pageSize : 6}"
+      currentPage="{currentPage}"
+      limit="{1}"
+      showStepOptions="{true}"
+      on:setPage="{(e) => (currentPage = e.detail.page)}"
+    />
+  </div>
+  <div
+    class="grid gap-16 pt-8 md:grid-cols-2 lg:grid-cols-3 lg:gap-x-5 lg:gap-y-12"
+  >
+    {#each paginatedItems as post}
+      <a class="block h-full" href="{post.path}">
+        <div class="flex h-full flex-col items-stretch">
+          <time
+            class="mb-1 block text-sm text-gray-500"
+            datetime="{post.meta.date}"
+            >{DateTime.fromISO(post.meta.date).toLocaleString()}</time
+          >
+          <p class="mb-2 text-xl font-semibold text-gray-900">
+            {post.meta.title}
+          </p>
+          {#if post.meta.summary}
+            <p class="mb-2 flex-1 text-base text-gray-500">
+              {post.meta.summary.length > 190
+                ? post.meta.summary.substring(0, 190) + ' ...'
+                : post.meta.summary}
+            </p>
+          {:else}
+            <p class="mb-2 flex-1 text-base text-red-500">
+              Missing Summary Text
+            </p>
+          {/if}
+          <p
+            class="text-sm font-semibold text-teci-blue-light hover:text-teci-blue-dark"
+          >
+            Read full article<span aria-hidden="true">&nbsp;→</span>
+          </p>
+        </div>
+      </a>
     {/each}
   </div>
-</div>
+  <div class="paginator mx-auto flex justify-center pt-8">
+    <PaginationNav
+      totalItems="{items.length}"
+      pageSize="{pageSize ? pageSize : 6}"
+      currentPage="{currentPage}"
+      limit="{1}"
+      showStepOptions="{true}"
+      on:setPage="{(e) => (currentPage = e.detail.page)}"
+    />
+  </div>
+</div>

package/components/SidebarContent.svelte

@@ -26,11 +26,13 @@
 <section bind:clientWidth={w} class="relative flex flex-row { data.fullWidth ? 'mx-0' : 'mx-auto'} {(data.toc || data.rightRail) ? 'md:space-x-8' : 'space-x-0'}">
 
   <div id="content" class="prose w-full { data.fullWidth ? 'max-w-none' : 'max-w-prose'}">
+    {#if !data.hideTitle}
     <h1>{title}</h1>
-    {#if formattedDate}
-    <p>Published: {formattedDate}{#if (formattedLastModDate != formattedDate && formattedLastModDate)}, Updated: {formattedLastModDate}{/if}</p>
     {/if}
     <slot />
+    {#if (formattedDate && data.showDate)}
+    <p class="text-sm">Published: {formattedDate}{#if (formattedLastModDate != formattedDate && formattedLastModDate)}, Updated: {formattedLastModDate}{/if}</p>
+    {/if}
   </div>
   <aside class="relative w-0 {(data.toc || data.rightRail) ? 'md:w-60' : 'hidden'}">
     {#if data.toc}

package/components/ThreeColumn.svelte

@@ -7,13 +7,13 @@
 </script>
 
 <!-- This example requires Tailwind CSS v2.0+ -->
-<div class="mx-auto w-full">
+<section class="mx-auto w-full">
   {#if data.title}
     <h2 class="sr-only">{data.title}</h2>
   {/if}
-  <dl class="space-y-10 sm:grid sm:grid-cols-2 sm:gap-8 sm:space-y-0 md:grid-cols-3">
+  <div class="grid grid-cols-1 gap-4 md:grid-cols-3">
     {#each data.cards as card}
       <Card bind:data={card} bind:halfHeight={data.halfHeight} />
     {/each}
-  </dl>
-</div>
+  </div>
+</section>

package/components/TrialForm.svelte

@@ -1,4 +1,4 @@
-<script >import CountrySelector from './CountrySelector.svelte';
+<script>import CountrySelector from './CountrySelector.svelte';
 import Icon from './Icon.svelte';
 import { onMount } from 'svelte';
 import { scrollTo, validateEmail } from '../utils.js';
@@ -242,7 +242,7 @@ const submitForm = async () => {
 	</div>
 </div>
 
-<style >
+<style>
 	.confident {
 		@apply hidden;
 	}

package/components/Wrap.svelte

@@ -0,0 +1,12 @@
+<script>
+	export let tag = 'div';
+	export let when = true;
+</script>
+
+{#if when}
+<svelte:element this={tag} {...$$restProps}>
+	<slot/>
+</svelte:element>
+{:else}
+	<slot/>
+{/if}

package/components/Wrap.svelte.d.ts

@@ -0,0 +1,31 @@
+/** @typedef {typeof __propDef.props}  WrapProps */
+/** @typedef {typeof __propDef.events}  WrapEvents */
+/** @typedef {typeof __propDef.slots}  WrapSlots */
+export default class Wrap extends SvelteComponentTyped<{
+    [x: string]: any;
+    tag?: string;
+    when?: boolean;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}> {
+}
+export type WrapProps = typeof __propDef.props;
+export type WrapEvents = typeof __propDef.events;
+export type WrapSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        tag?: string;
+        when?: boolean;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export {};

package/layouts/blocks.svelte

@@ -1,4 +1,6 @@
 <script>
+  import {page} from "$app/stores"
+
   import CTA from '../components/CTA.svelte';
   import HeadingCentered from '../components/HeadingCentered.svelte';
   import MediaFeature from '../components/MediaFeature.svelte';
@@ -8,6 +10,7 @@
   import ThreeColumn from '../components/ThreeColumn.svelte';
   import TrialForm from '../components/TrialForm.svelte';
   import Video from '../components/Video.svelte';
+  import MetaSocial from '../components/MetaSocial.svelte';
   
   let blocks = [
     {ref: "cta-center", component: CTA},
@@ -25,21 +28,31 @@
   export let date;
   export let lastmod;
   export let summary;
+  export let images = [];
   export let layout;
   export let page_sections;
+
+  let featuredImage;
+
+  if (images.length > 0) {
+    featuredImage = images[0]
+  } else {
+    featuredImage = "https://www.thunderheadeng.com/wp-content/uploads/2022/01/femtc-brno.jpg"
+  }
 </script>
 
 <svelte:head>
   <title>{title} | Thunderhead Engineering</title>
   <meta name="description" content={summary}>
+  <MetaSocial title={title} description={summary} image={featuredImage} url={$page.url} />
 </svelte:head>
 
 <article class="flex flex-col space-y-12 {layout}">
   {#each page_sections as section}
     {#if (section) && (section.fieldGroup === "sidebar-content")}
-      <svelte:component this={blocks.find(obj=>obj.ref===section.fieldGroup).component} bind:data={section} {title} {date} {lastmod}><slot/></svelte:component>
+      <svelte:component this={blocks.find(obj=>obj.ref===section.fieldGroup).component} data={section} {title} {date} {lastmod}><slot/></svelte:component>
     {:else if (section) && (section.fieldGroup != "sidebar-content")}
-      <svelte:component this={blocks.find(obj=>obj.ref===section.fieldGroup).component} bind:data={section} />
+      <svelte:component this={blocks.find(obj=>obj.ref===section.fieldGroup).component} data={section} />
     {/if}
   {/each}
 </article>

package/layouts/blocks.svelte.d.ts

@@ -2,12 +2,13 @@
 /** @typedef {typeof __propDef.events}  BlocksEvents */
 /** @typedef {typeof __propDef.slots}  BlocksSlots */
 export default class Blocks extends SvelteComponentTyped<{
+    summary: any;
     title: any;
     date: any;
     lastmod: any;
-    summary: any;
     layout: any;
     page_sections: any;
+    images?: any[];
 }, {
     [evt: string]: CustomEvent<any>;
 }, {
@@ -20,12 +21,13 @@ export type BlocksSlots = typeof __propDef.slots;
 import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
+        summary: any;
         title: any;
         date: any;
         lastmod: any;
-        summary: any;
         layout: any;
         page_sections: any;
+        images?: any[];
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/package.json

@@ -1,49 +1,47 @@
 {
   "name": "tecitheme",
-  "version": "0.0.17",
+  "version": "0.0.20",
   "svelte": true,
   "devDependencies": {
     "@jsdevtools/rehype-toc": "^3.0.2",
-    "@sveltejs/adapter-auto": "next",
     "@sveltejs/adapter-netlify": "next",
     "@sveltejs/kit": "next",
-    "@tailwindcss/forms": "^0.5.0",
+    "@tailwindcss/forms": "^0.5.1",
     "@tailwindcss/typography": "^0.5.2",
-    "@types/cookie": "^0.5.0",
-    "@typescript-eslint/eslint-plugin": "^5.19.0",
-    "@typescript-eslint/parser": "^5.19.0",
-    "autoprefixer": "^10.4.4",
-    "dotenv": "^16.0.0",
+    "@types/cookie": "^0.5.1",
+    "@typescript-eslint/eslint-plugin": "^5.27.0",
+    "@typescript-eslint/parser": "^5.27.0",
+    "autoprefixer": "^10.4.7",
+    "dotenv": "^16.0.1",
     "encoding": "^0.1.13",
-    "eslint": "^8.13.0",
+    "eslint": "^8.16.0",
     "eslint-config-prettier": "^8.5.0",
-    "eslint-plugin-svelte3": "^3.4.1",
-    "luxon": "^2.3.1",
-    "mdsvex": "^0.10.5",
-    "postcss": "^8.4.12",
+    "eslint-plugin-svelte3": "^4.0.0",
+    "luxon": "^2.4.0",
+    "mdsvex": "^0.10.6",
+    "postcss": "^8.4.14",
     "prettier": "^2.6.2",
-    "prettier-plugin-tailwindcss": "^0.1.9",
+    "prettier-plugin-tailwindcss": "^0.1.11",
     "rehype-parse": "^8.0.4",
     "rehype-slug": "^5.0.1",
     "rehype-stringify": "^9.0.3",
     "stream": "^0.0.2",
-    "svelte": "^3.47.0",
-    "svelte-check": "^2.7.0",
-    "svelte-cubed": "^0.2.1",
+    "svelte": "^3.48.0",
+    "svelte-check": "^2.7.1",
+    "svelte-paginate": "^0.0.1",
     "svelte-preprocess": "^4.10.6",
-    "svelte2tsx": "^0.5.9",
+    "svelte2tsx": "^0.5.10",
     "tailwindcss": "^3.0.24",
-    "three": "^0.139.2",
-    "tslib": "^2.3.1",
-    "typescript": "^4.6.3",
-    "vite": "^2.9.5",
-    "vite-plugin-autoimport": "^1.6.3"
+    "tslib": "^2.4.0",
+    "typescript": "^4.7.2",
+    "vite": "^2.9.9",
+    "vite-plugin-autoimport": "^1.6.6"
   },
   "type": "module",
   "dependencies": {
     "@lukeed/uuid": "^2.0.0",
     "cookie": "^0.5.0",
-    "katex": "^0.15.3"
+    "katex": "^0.15.6"
   },
   "exports": {
     "./package.json": "./package.json",
@@ -60,12 +58,14 @@
     "./components/Icon.svelte": "./components/Icon.svelte",
     "./components/Math.svelte": "./components/Math.svelte",
     "./components/MediaFeature.svelte": "./components/MediaFeature.svelte",
+    "./components/MetaSocial.svelte": "./components/MetaSocial.svelte",
     "./components/Modal.svelte": "./components/Modal.svelte",
     "./components/NewsGrid.svelte": "./components/NewsGrid.svelte",
     "./components/SidebarContent.svelte": "./components/SidebarContent.svelte",
     "./components/ThreeColumn.svelte": "./components/ThreeColumn.svelte",
     "./components/TrialForm.svelte": "./components/TrialForm.svelte",
     "./components/Video.svelte": "./components/Video.svelte",
+    "./components/Wrap.svelte": "./components/Wrap.svelte",
     "./layouts/blocks.svelte": "./layouts/blocks.svelte",
     "./req_utils": "./req_utils.js",
     "./utils": "./utils.js",