tecitheme 0.6.1 → 0.7.0

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

@@ -1,7 +1,7 @@
 /** @typedef {typeof __propDef.props}  SidebarContentProps */
 /** @typedef {typeof __propDef.events}  SidebarContentEvents */
 /** @typedef {typeof __propDef.slots}  SidebarContentSlots */
-export default class SidebarContent extends SvelteComponentTyped<{
+export default class SidebarContent extends SvelteComponent<{
     data: any;
     title: any;
     date: any;
@@ -15,7 +15,7 @@ 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;

package/dist/components/Stats.svelte

@@ -32,7 +32,7 @@
           </dl>
         </div>
         <figure>
-          <img class="w-full" alt="{(data.imageAltText?data.imageAltText:data.heading)}" src="https://teci-files.imgix.net/www/images/{data.image}?w=1152&fit=crop&auto=compress&auto=format">
+          <img class="w-full" alt="{(data.imageAltText?data.imageAltText:data.heading)}" src="https://teci.imgix.net/www/images/{data.image}?w=1152&fit=crop&auto=compress&auto=format">
         </figure>
       </div>
     </div>

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

@@ -1,7 +1,7 @@
 /** @typedef {typeof __propDef.props}  StatsProps */
 /** @typedef {typeof __propDef.events}  StatsEvents */
 /** @typedef {typeof __propDef.slots}  StatsSlots */
-export default class Stats extends SvelteComponentTyped<{
+export default class Stats extends SvelteComponent<{
     data: any;
 }, {
     [evt: string]: CustomEvent<any>;
@@ -10,7 +10,7 @@ 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;

package/dist/components/Testimonial.svelte

@@ -1,8 +1,10 @@
 <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;
@@ -11,7 +13,7 @@ import Icon from './Icon.svelte'
   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,14 +83,13 @@ 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">
             <img
               class="h-64 w-64 rounded-full xl:h-80 xl:w-80"
-              src="https://teci-files.imgix.net/www/images/{quote.image}?w=320&fit=facearea,crop&facepad=3&monochrome=9B9B9B&auto=compress&auto=format"
+              src="https://teci.imgix.net/www/images/{quote.image}?w=320&fit=facearea,crop&facepad=3&monochrome=9B9B9B&auto=compress&auto=format"
               alt="Image of {quote.fullname}"
               title="{quote.fullname}"
             />
@@ -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-files.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,7 +1,7 @@
 /** @typedef {typeof __propDef.props}  TestimonialProps */
 /** @typedef {typeof __propDef.events}  TestimonialEvents */
 /** @typedef {typeof __propDef.slots}  TestimonialSlots */
-export default class Testimonial extends SvelteComponentTyped<{
+export default class Testimonial extends SvelteComponent<{
     data: any;
 }, {
     [evt: string]: CustomEvent<any>;
@@ -10,7 +10,7 @@ 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;

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

@@ -1,7 +1,7 @@
 /** @typedef {typeof __propDef.props}  ThreeColumnProps */
 /** @typedef {typeof __propDef.events}  ThreeColumnEvents */
 /** @typedef {typeof __propDef.slots}  ThreeColumnSlots */
-export default class ThreeColumn extends SvelteComponentTyped<{
+export default class ThreeColumn extends SvelteComponent<{
     data: any;
 }, {
     [evt: string]: CustomEvent<any>;
@@ -10,7 +10,7 @@ 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;

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

@@ -47,7 +47,7 @@
   if (v) {
     if (v.includes("mp4")) {
       youtube = false;
-      videoURL = `https://teci-files.imgix.net/www/videos/${v}`;
+      videoURL = `https://teci.imgix.net/www/videos/${v}`;
     } else {
       youtube = true;
       videoID = v;
@@ -55,7 +55,7 @@
   } else if (data.v) {
     if (data.v.includes("mp4")) {
       youtube = false;
-      videoURL = `https://teci-files.imgix.net/www/videos/${data.v}`;
+      videoURL = `https://teci.imgix.net/www/videos/${data.v}`;
     } else {
       youtube = true;
       videoID = data.v;
@@ -66,9 +66,9 @@
   };
 
   if (thumbnail) {
-    thumb = `https://teci-files.imgix.net/www/images/${thumbnail}?w=1214&fit=clip&auto=compress&auto=format`;
+    thumb = `https://teci.imgix.net/www/images/${thumbnail}?w=1214&fit=clip&auto=compress&auto=format`;
   } else if (data.thumbnail) {
-    thumb = `https://teci-files.imgix.net/www/images/${data.thumbnail}?w=1214&fit=clip&auto=compress&auto=format`;
+    thumb = `https://teci.imgix.net/www/images/${data.thumbnail}?w=1214&fit=clip&auto=compress&auto=format`;
   } else if (videoID) {
     if (youtube) {
       thumb = `https://i.ytimg.com/vi/${videoID}/maxresdefault.jpg`;

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

@@ -1,7 +1,7 @@
 /** @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;
@@ -12,7 +12,7 @@ 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?: {};

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

@@ -50,9 +50,9 @@
   let featuredImage;
 
   if (image) {
-    featuredImage = "https://teci-files.imgix.net/www/images/" + image + "?w=1200&h=627&fit=crop&auto=compress&auto=format";
+    featuredImage = "https://teci.imgix.net/www/images/" + image + "?w=1200&h=627&fit=crop&auto=compress&auto=format";
   } else {
-    featuredImage = "https://teci-files.imgix.net/www/images/teci_icon_250.png";
+    featuredImage = "https://teci.imgix.net/www/images/teci_icon_250.png";
   }
 </script>
 

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

@@ -1,7 +1,7 @@
 /** @typedef {typeof __propDef.props}  BlocksProps */
 /** @typedef {typeof __propDef.events}  BlocksEvents */
 /** @typedef {typeof __propDef.slots}  BlocksSlots */
-export default class Blocks extends SvelteComponentTyped<{
+export default class Blocks extends SvelteComponent<{
     title: any;
     date: any;
     summary: any;
@@ -18,7 +18,7 @@ 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;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tecitheme",
-  "version": "0.6.1",
+  "version": "0.7.0",
   "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"
   }
 }