tecitheme 0.10.6 → 0.10.8

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

@@ -3,11 +3,11 @@
 /** @typedef {typeof __propDef.slots}  ButtonSlots */
 export default class Button extends SvelteComponent<{
     text?: any;
+    fullwidth?: any;
     action?: any;
     url?: any;
     color?: any;
     justify?: any;
-    fullwidth?: any;
 }, {
     click: MouseEvent;
 } & {
@@ -21,11 +21,11 @@ import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         text?: any;
+        fullwidth?: any;
         action?: any;
         url?: any;
         color?: any;
         justify?: any;
-        fullwidth?: any;
     };
     events: {
         click: MouseEvent;

package/dist/components/PartnersList.svelte

@@ -1,9 +1,11 @@
 <script>
   import { filter_partners, get_supported_regions } from "../partners";
-  import { fade, slide } from "svelte/transition";
+  import { slide } from "svelte/transition";
   import { cubicIn, cubicOut } from "svelte/easing";
   import Icon from "./Icon.svelte";
-    import HeadingCentered from "./HeadingCentered.svelte";
+  import slugify from "slugify";
+  import { writable } from "svelte/store";
+  import { onMount } from "svelte";
 
   export let data;
   let {name, product} = data;
@@ -13,7 +15,7 @@
 
   //For tracking which List items are expaned
   let expanded = {};
-  partners.forEach(partner => expanded[partner.name] = false);
+  partners.forEach(partner => expanded[slugify(partner.name.toLowerCase())] = false);
 
   //List of all known regions
   let regions = get_supported_regions(product);
@@ -30,6 +32,16 @@
     let selectedRegions = Object.entries(regionSelector).filter(([_, v]) => v).map(([region, _]) => region);
     partners = filter_partners(product, selectedRegions).partners;
   }
+
+  //Get anchor tag to expand specific elements
+  onMount(async () => {
+    let anchor = window.location.href.split("#")[1];
+    if (!(anchor == undefined))
+    {
+      expanded[anchor] = true;
+    }
+  })
+
 </script>
 
 <div id={id} class="flex flex-col space-y-12 py-6">
@@ -76,11 +88,20 @@
       {#each partners as partner}
         <!-- List Items -->
         <li 
-          class="relative py-5 hover:bg-gray-50 transform"
+          id={slugify(partner.name.toLowerCase())}
+          class="relative py-5 hover:bg-gray-50 transform scroll-m-12"
           in:slide={{ duration: 250, easing: cubicOut }}
           out:slide={{ duration: 150, easing: cubicIn }}
         >
-          <button class="w-full" on:click={() => expanded[partner.name] = !expanded[partner.name]}>
+          <button class="w-full" on:click={() => {
+            expanded[slugify(partner.name.toLowerCase())] = !expanded[slugify(partner.name.toLowerCase())];
+
+            if (expanded[slugify(partner.name.toLowerCase())])
+            {
+              let url = window.location.href.split("#")[0]
+              window.location.href = url + "#" + slugify(partner.name.toLowerCase());               
+            }
+          }}>
             <div class="px-2">
               <div class="mx-auto flex justify-between gap-x-6">
                 
@@ -117,7 +138,7 @@
   
                   <!-- Caret -->
                   <svg
-                    class="ml-2 h-5 w-5 group-hover:text-gray-900 {expanded[partner.name] == true
+                    class="ml-2 h-5 w-5 group-hover:text-gray-900 {expanded[slugify(partner.name.toLowerCase())] == true
                       ? 'rotate-180 text-gray-900'
                       : 'text-gray-400'}"
                     xmlns="http://www.w3.org/2000/svg"
@@ -139,7 +160,7 @@
         </li>
   
         <!-- Expanding Info Panels -->
-        {#if expanded[partner.name]}
+        {#if expanded[slugify(partner.name.toLowerCase())]}
           <div 
             class="flex flex-col mx-auto px-6 bg-gray-50 transform"
             in:slide={{ duration: 250, easing: cubicOut }}

package/dist/index.d.ts

@@ -2,6 +2,7 @@ export * from "./utils.js";
 export { default as getContent } from "./get-content.js";
 export { default as Accordion } from "./components/Accordion.svelte";
 export { default as Banner } from "./components/Banner.svelte";
+export { default as Blocks } from "./layouts/blocks.svelte";
 export { default as Button } from "./components/Button.svelte";
 export { default as Card } from "./components/Card.svelte";
 export { default as CognitoForm } from "./components/CognitoForm.svelte";
@@ -22,6 +23,7 @@ export { default as MediaFeature } from "./components/MediaFeature.svelte";
 export { default as Modal } from "./components/Modal.svelte";
 export { default as NewsGrid } from "./components/NewsGrid.svelte";
 export { default as PageNav } from "./components/PageNav.svelte";
+export { default as PartnersList } from "./components/PartnersList.svelte";
 export { default as PricingTable } from "./components/PricingTable.svelte";
 export { default as SidebarContent } from "./components/SidebarContent.svelte";
 export { default as Stats } from "./components/Stats.svelte";

package/dist/index.js

@@ -2,6 +2,7 @@ export * from './utils.js';
 export { default as getContent } from './get-content.js';
 export { default as Accordion } from './components/Accordion.svelte';
 export { default as Banner } from './components/Banner.svelte';
+export { default as Blocks } from './layouts/blocks.svelte';
 export { default as Button } from './components/Button.svelte';
 export { default as Card } from './components/Card.svelte';
 export { default as CognitoForm } from './components/CognitoForm.svelte';
@@ -22,6 +23,7 @@ export { default as MediaFeature } from './components/MediaFeature.svelte';
 export { default as Modal } from './components/Modal.svelte';
 export { default as NewsGrid } from './components/NewsGrid.svelte';
 export { default as PageNav } from './components/PageNav.svelte';
+export { default as PartnersList} from './components/PartnersList.svelte';
 export { default as PricingTable } from './components/PricingTable.svelte';
 export { default as SidebarContent } from './components/SidebarContent.svelte';
 export { default as Stats } from './components/Stats.svelte';

package/dist/partners.json

@@ -678,6 +678,34 @@
         }
       ]
     },
+    {
+      "name": "Elfire",
+      "regions": ["Brazil"],
+      "address": ["Elfire Equipamentos de Segurança", "Av. Reg. Feijó, 944", "Vila Formosa, São Paulo", "SP, 03342-000, Brazil"],
+      "emails": [
+        {
+          "address": "marcio@elfire.com.br"
+        }
+      ],
+      "telephones": [
+        {
+          "name": "Telephone",
+          "number": "+55 11 32808097"
+        }
+      ],
+      "websites": [
+        {
+          "name": "https://www.elfire.com.br",
+          "address": "https://www.elfire.com.br"
+        }
+      ],
+      "products": [
+        {
+          "name": "Pyrosim",
+          "languages": ["English"]
+        }
+      ]
+    },
     {
       "name": "Thunderhead Engineering Consultants, Inc.",
       "regions": ["USA", "All Other Regions"],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tecitheme",
-  "version": "0.10.6",
+  "version": "0.10.8",
   "license": "MIT",
   "scripts": {
     "dev": "vite dev",
@@ -66,6 +66,7 @@
   },
   "dependencies": {
     "katex": "^0.16.8",
+    "slugify": "^1.6.6",
     "svelte": "^4.0.5"
   }
-}
+}