tecitheme 0.6.2 → 0.7.1

package/dist/components/SidebarContent.svelte

@@ -2,10 +2,10 @@
   import { onMount } from "svelte";
   import { buildToC } from "../utils.js";
 
-  export let data;
-  export let title;
-  export let date;
-  export let lastmod;
+  export let data = {};
+  export let title = undefined;
+  export let date = undefined;
+  export let lastmod = undefined;
   let id
 
   if (data.name) {

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

@@ -1,11 +1,11 @@
 /** @typedef {typeof __propDef.props}  SidebarContentProps */
 /** @typedef {typeof __propDef.events}  SidebarContentEvents */
 /** @typedef {typeof __propDef.slots}  SidebarContentSlots */
-export default class SidebarContent extends SvelteComponentTyped<{
-    data: any;
-    title: any;
-    date: any;
-    lastmod: any;
+export default class SidebarContent extends SvelteComponent<{
+    data?: {};
+    title?: any;
+    date?: any;
+    lastmod?: any;
 }, {
     [evt: string]: CustomEvent<any>;
 }, {
@@ -15,13 +15,13 @@ export default class SidebarContent extends SvelteComponentTyped<{
 export type SidebarContentProps = typeof __propDef.props;
 export type SidebarContentEvents = typeof __propDef.events;
 export type SidebarContentSlots = typeof __propDef.slots;
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
-        data: any;
-        title: any;
-        date: any;
-        lastmod: any;
+        data?: {};
+        title?: any;
+        date?: any;
+        lastmod?: any;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/components/Stats.svelte

@@ -1,6 +1,6 @@
 <script>
   import { getColorStyles } from '../utils'
-  export let data
+  export let data = {};
   let id
 
   if (data.name) {

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

@@ -1,8 +1,8 @@
 /** @typedef {typeof __propDef.props}  StatsProps */
 /** @typedef {typeof __propDef.events}  StatsEvents */
 /** @typedef {typeof __propDef.slots}  StatsSlots */
-export default class Stats extends SvelteComponentTyped<{
-    data: any;
+export default class Stats extends SvelteComponent<{
+    data?: {};
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}> {
@@ -10,10 +10,10 @@ export default class Stats extends SvelteComponentTyped<{
 export type StatsProps = typeof __propDef.props;
 export type StatsEvents = typeof __propDef.events;
 export type StatsSlots = typeof __propDef.slots;
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
-        data: any;
+        data?: {};
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/components/Testimonial.svelte

@@ -1,17 +1,19 @@
 <script>
+import Button from './Button.svelte'
 import Icon from './Icon.svelte'
 
   import { getColorStyles } from '../utils'
   import { slide } from 'svelte/transition';
+  import { quintInOut } from 'svelte/easing';
   import { onMount } from 'svelte'
 
-  export let data;
+  export let data = {};
 
   let index = 0;
   let interval = 12000;
   let auto = true;
   let slideInterval;
-  let id
+  let id;
 
   if (data.name) {
     id = encodeURIComponent(data.name).toLowerCase()
@@ -42,17 +44,6 @@ import Icon from './Icon.svelte'
     index = (index + 1) % data.quotes.length;
     setSlideAutomation();
   };
-
-  function fadeSlide(node, options) {
-    const slideTrans = slide(node, options);
-    return {
-      duration: options.duration,
-      css: (t) => `
-				${slideTrans.css(t)}
-				opacity: ${t};
-			`,
-    };
-  }
 </script>
 
 <section {id} class="overflow-hidden">
@@ -92,8 +83,7 @@ import Icon from './Icon.svelte'
       class="relative flex h-auto flex-col items-center justify-items-center"
     >
       {#each [data.quotes[index]] as quote (index)}
-        <div
-          transition:fadeSlide="{{ duration: 300 }}"
+        <div transition:slide={{ duration: 1000, easing:quintInOut, axis: 'y' }}
           class="relative mx-auto w-full lg:flex lg:items-center"
         >
           <div class="hidden lg:block lg:flex-shrink-0">
@@ -134,24 +124,31 @@ import Icon from './Icon.svelte'
                 </svg>
               </div>
               <footer class="mt-8">
-                <div class="flex">
-                  <div class="flex-shrink-0 lg:hidden">
-                    <img
-                      class="h-12 w-12 rounded-full"
-                      src="https://teci.imgix.net/www/images/{quote.image}?w=48&fit=clip&monochrome=9B9B9B&auto=compress&auto=format"
-                      alt="Thumbnail Image of {quote.fullname}"
-                    />
-                  </div>
-                  <div class="ml-4 lg:ml-0">
-                    <div class="text-base text-gray-900">
-                      {quote.fullname}
+                <div class="flex flex-col sm:flex-row justify-between">
+                  <div class="flex flex-row">
+                    <div class="flex-shrink-0 lg:hidden">
+                      <img
+                        class="h-12 w-12 rounded-full"
+                        src="https://teci.imgix.net/www/images/{quote.image}?w=48&fit=clip&monochrome=9B9B9B&auto=compress&auto=format"
+                        alt="Thumbnail Image of {quote.fullname}"
+                      />
                     </div>
-                    <div
-                      class="text-base font-medium {getColorStyles('text', data.color)}"
-                    >
-                      {quote.fulltitle}
+                    <div class="ml-4 lg:ml-0">
+                      <div class="text-base text-gray-900">
+                        {quote.fullname}
+                      </div>
+                      <div
+                        class="text-base font-medium {getColorStyles('text', data.color)}"
+                      >
+                        {quote.fulltitle}
+                      </div>
                     </div>
                   </div>
+                  {#if quote.url}
+                  <div class="sm:pl-4 pb-2 lg:pb-0 pt-4">
+                    <Button text="Read More" url={quote.url} justify="right" fullwidth=true color="ventus" />
+                  </div>
+                  {/if}
                 </div>
               </footer>
             </blockquote>

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

@@ -1,8 +1,8 @@
 /** @typedef {typeof __propDef.props}  TestimonialProps */
 /** @typedef {typeof __propDef.events}  TestimonialEvents */
 /** @typedef {typeof __propDef.slots}  TestimonialSlots */
-export default class Testimonial extends SvelteComponentTyped<{
-    data: any;
+export default class Testimonial extends SvelteComponent<{
+    data?: {};
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}> {
@@ -10,10 +10,10 @@ export default class Testimonial extends SvelteComponentTyped<{
 export type TestimonialProps = typeof __propDef.props;
 export type TestimonialEvents = typeof __propDef.events;
 export type TestimonialSlots = typeof __propDef.slots;
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
-        data: any;
+        data?: {};
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/components/ThreeColumn.svelte

@@ -1,6 +1,6 @@
 <script>
   import Card from "./Card.svelte";
-  export let data;
+  export let data = {};
   let id
 
   if (data.name) {

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

@@ -1,8 +1,8 @@
 /** @typedef {typeof __propDef.props}  ThreeColumnProps */
 /** @typedef {typeof __propDef.events}  ThreeColumnEvents */
 /** @typedef {typeof __propDef.slots}  ThreeColumnSlots */
-export default class ThreeColumn extends SvelteComponentTyped<{
-    data: any;
+export default class ThreeColumn extends SvelteComponent<{
+    data?: {};
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}> {
@@ -10,10 +10,10 @@ export default class ThreeColumn extends SvelteComponentTyped<{
 export type ThreeColumnProps = typeof __propDef.props;
 export type ThreeColumnEvents = typeof __propDef.events;
 export type ThreeColumnSlots = typeof __propDef.slots;
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
-        data: any;
+        data?: {};
     };
     events: {
         [evt: string]: CustomEvent<any>;

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

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: Record<string, never>;
     events: {
@@ -9,6 +9,6 @@ declare const __propDef: {
 export type TrialFormProps = typeof __propDef.props;
 export type TrialFormEvents = typeof __propDef.events;
 export type TrialFormSlots = typeof __propDef.slots;
-export default class TrialForm extends SvelteComponentTyped<TrialFormProps, TrialFormEvents, TrialFormSlots> {
+export default class TrialForm extends SvelteComponent<TrialFormProps, TrialFormEvents, TrialFormSlots> {
 }
 export {};

package/dist/components/Video.svelte

@@ -2,8 +2,8 @@
   import { onMount } from 'svelte'
 
   export let data={};
-  export let v="";
-  export let thumbnail="";
+  export let v = undefined;
+  export let thumbnail = undefined;
 
   let videoID="";
   let thumb="";

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

@@ -1,10 +1,10 @@
 /** @typedef {typeof __propDef.props}  VideoProps */
 /** @typedef {typeof __propDef.events}  VideoEvents */
 /** @typedef {typeof __propDef.slots}  VideoSlots */
-export default class Video extends SvelteComponentTyped<{
+export default class Video extends SvelteComponent<{
     data?: {};
-    v?: string;
-    thumbnail?: string;
+    v?: any;
+    thumbnail?: any;
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}> {
@@ -12,12 +12,12 @@ export default class Video extends SvelteComponentTyped<{
 export type VideoProps = typeof __propDef.props;
 export type VideoEvents = typeof __propDef.events;
 export type VideoSlots = typeof __propDef.slots;
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         data?: {};
-        v?: string;
-        thumbnail?: string;
+        v?: any;
+        thumbnail?: any;
     };
     events: {
         [evt: string]: CustomEvent<any>;

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

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

package/dist/layouts/blocks.svelte

@@ -39,13 +39,15 @@
     { ref: "testimonial", component: Testimonial },
   ];
 
-  export let title;
-  export let date;
-  export let summary;
-  export let image;
-  export let lastmod;
-  export let layout;
-  export let page_sections;
+  export let data = {};
+  export let form;
+  export let title = undefined;
+  export let date = undefined;
+  export let summary = undefined;
+  export let image = undefined;
+  export let lastmod = undefined;
+  export let layout = undefined;
+  export let page_sections = undefined;
 
   let featuredImage;
 
@@ -69,8 +71,6 @@
   <meta name="twitter:creator" content="@thunderheadeng" />
 	<meta property="og:image" content={featuredImage} />
 	<meta name="twitter:card" content={featuredImage} />
-  <!-- <meta property="og:image:width" content={coverWidth} />
-	<meta property="og:image:height" content={coverHeight} /> -->
 </svelte:head>
 
 <article class="flex flex-col space-y-16 {layout}">

package/dist/layouts/blocks.svelte.d.ts

@@ -1,14 +1,16 @@
 /** @typedef {typeof __propDef.props}  BlocksProps */
 /** @typedef {typeof __propDef.events}  BlocksEvents */
 /** @typedef {typeof __propDef.slots}  BlocksSlots */
-export default class Blocks extends SvelteComponentTyped<{
-    title: any;
-    date: any;
-    summary: any;
-    image: any;
-    lastmod: any;
-    layout: any;
-    page_sections: any;
+export default class Blocks extends SvelteComponent<{
+    form: any;
+    data?: {};
+    summary?: any;
+    title?: any;
+    image?: any;
+    date?: any;
+    lastmod?: any;
+    layout?: any;
+    page_sections?: any;
 }, {
     [evt: string]: CustomEvent<any>;
 }, {
@@ -18,16 +20,18 @@ export default class Blocks extends SvelteComponentTyped<{
 export type BlocksProps = typeof __propDef.props;
 export type BlocksEvents = typeof __propDef.events;
 export type BlocksSlots = typeof __propDef.slots;
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
-        title: any;
-        date: any;
-        summary: any;
-        image: any;
-        lastmod: any;
-        layout: any;
-        page_sections: any;
+        form: any;
+        data?: {};
+        summary?: any;
+        title?: any;
+        image?: any;
+        date?: any;
+        lastmod?: any;
+        layout?: any;
+        page_sections?: any;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tecitheme",
-  "version": "0.6.2",
+  "version": "0.7.1",
   "license": "MIT",
   "scripts": {
     "dev": "vite dev",
@@ -27,45 +27,45 @@
     "dist"
   ],
   "peerDependencies": {
-    "@sveltejs/kit": "^1.20.2",
-    "svelte": "^3.59.1"
+    "@sveltejs/kit": "^1.22.2",
+    "svelte": "^4.0.5"
   },
   "devDependencies": {
-    "@fontsource-variable/inter": "^5.0.3",
-    "@fontsource/material-icons-outlined": "^5.0.3",
+    "@fontsource-variable/inter": "^5.0.5",
+    "@fontsource/material-icons-outlined": "^5.0.5",
     "@sveltejs/adapter-static": "2.0.2",
-    "@sveltejs/kit": "^1.20.2",
-    "@sveltejs/package": "^2.0.2",
+    "@sveltejs/kit": "^1.22.2",
+    "@sveltejs/package": "^2.2.0",
     "@tailwindcss/forms": "^0.5.3",
     "@tailwindcss/typography": "^0.5.9",
-    "@tsconfig/svelte": "^4.0.1",
-    "@typescript-eslint/eslint-plugin": "^5.59.11",
-    "@typescript-eslint/parser": "^5.59.11",
+    "@tsconfig/svelte": "^5.0.0",
+    "@typescript-eslint/eslint-plugin": "^5.61.0",
+    "@typescript-eslint/parser": "^5.61.0",
     "autoprefixer": "^10.4.14",
-    "eslint": "^8.42.0",
+    "eslint": "^8.44.0",
     "eslint-config-prettier": "^8.8.0",
-    "eslint-plugin-svelte3": "^4.0.0",
+    "eslint-plugin-svelte": "^2.32.2",
     "html-to-text": "^9.0.5",
     "markdown-yaml-metadata-parser": "^3.0.0",
-    "mdsvex": "^0.10.6",
-    "postcss": "^8.4.24",
-    "prettier": "^2.8.8",
-    "prettier-plugin-tailwindcss": "^0.3.0",
+    "mdsvex": "^0.11.0",
+    "postcss": "^8.4.25",
+    "prettier": "^3.0.0",
+    "prettier-plugin-tailwindcss": "^0.4.0",
     "rehype-slug": "^5.1.0",
-    "svelte": "^3.59.1",
-    "svelte-check": "^3.4.3",
+    "svelte": "^4.0.5",
+    "svelte-check": "^3.4.6",
     "svelte-paginate": "^0.1.0",
     "svelte-preprocess": "^5.0.4",
-    "svelte2tsx": "^0.6.15",
+    "svelte2tsx": "^0.6.19",
     "sveltekit-autoimport": "^1.7.0",
     "tailwindcss": "^3.3.2",
-    "tslib": "^2.5.3",
-    "typescript": "^5.1.3",
+    "tslib": "^2.6.0",
+    "typescript": "^5.1.6",
     "uuid-by-string": "^4.0.0",
-    "vite": "^4.3.9"
+    "vite": "^4.4.3"
   },
   "dependencies": {
-    "katex": "^0.16.7",
-    "svelte": "^3.59.1"
+    "katex": "^0.16.8",
+    "svelte": "^4.0.5"
   }
 }