tecitheme 0.15.3 → 0.15.5

package/dist/components/FeatureAlternatingWithTestimonial.svelte

@@ -1,5 +1,5 @@
 <script>
-  import { conditionalTransition, getColorStyles, makeIdString, triggerWhenVisible } from "../utils";
+  import { conditionalTransition, getColorStyles, getTeciImageURL, makeIdString, triggerWhenVisible } from "../utils";
   import { onMount } from "svelte";
   import { fly, fade } from "svelte/transition";
   import Button from "./Button.svelte";
@@ -123,7 +123,7 @@
               in:conditionalTransition={{ fn: fade, condition: animate, delay: 200, duration: 1250, easing:cubicInOut, x: textPosition == "left" ? '100%' : '-100%'}}
               out:conditionalTransition={{fn: fade, condition: animate, delay: 200, duration: 1250, easing:cubicInOut, x: textPosition == "left" ? '100%' : '-100%'}}
             >
-              <img   class="w-full shadow-xl ring-1 ring-black/5 lg:absolute {textPosition == "left" ? "lg:left-0" : "right-0"} lg:h-full lg:w-auto lg:max-w-none" src="https://files.thunderheadeng.com/www/images/{image.url}" alt={image.alt}>
+              <img class="w-full shadow-xl ring-1 ring-black/5 lg:absolute {textPosition == "left" ? "lg:left-0" : "right-0"} lg:h-full lg:w-auto lg:max-w-none" src={getTeciImageURL(image.url, image.site ? image.site : "www")} alt={image.alt}>
             </div>
           {:else if animate}
             <div 

package/dist/components/Figure.svelte

@@ -1,33 +1,21 @@
 <script>
-    import { makeIdString } from "../utils";
+  import { getTeciImageURL, makeIdString } from "../utils";
 
   export let image = undefined;
   export let title = undefined;
   export let caption = undefined;
   export let link = undefined;
+  export let site = undefined;
 
-  let figureImage;
-  let figureLink;
+  let figureImage = getTeciImageURL(image, site);
+  let figureLink = link ? link : figureImage;
   let id = makeIdString(title);
-
-  if (image.startsWith("http")) {
-    figureImage = image;
-    figureLink = link ? link : image;
-  } else if (image.includes("gif")) {
-    figureImage = "https://files.thunderheadeng.com/www/images/" + image;
-    figureLink = link ? link : "https://files.thunderheadeng.com/www/images/" + image;
-  } else {
-    figureImage = "https://files.thunderheadeng.com/www/images/" +
-      image +
-      "?auto=compress&auto=format";
-    figureLink = link ? link : "https://files.thunderheadeng.com/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}>
+    <a class="inline-block w-full bg-slate-200 p-1" href={figureLink} rel="external">
       <img class="mx-auto w-auto" src={figureImage} alt={title} {title} />
     </a>
     {#if caption}

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

@@ -6,6 +6,7 @@ export default class Figure extends SvelteComponent<{
     link?: any;
     title?: any;
     image?: any;
+    site?: any;
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}> {
@@ -20,6 +21,7 @@ declare const __propDef: {
         link?: any;
         title?: any;
         image?: any;
+        site?: any;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/utils.js

@@ -457,7 +457,7 @@ export function makeIdString(text) {
  * @param {*} site ('www' or 'support') TECi image folder to pull from 
  */
 export function getTeciImageURL(imageSrc, site = "www") {
-  return imageSrc.startsWith("http") ? imageSrc : `https://files.thunderheadeng.com/${site}/images/${imageSrc}?fmt=auto`
+  return imageSrc.startsWith("http") ? imageSrc : `https://files.thunderheadeng.com/${site}/images/${imageSrc}`
 }
 
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tecitheme",
-  "version": "0.15.3",
+  "version": "0.15.5",
   "license": "MIT",
   "scripts": {
     "dev": "vite dev",