tecitheme 0.10.7 → 0.10.8

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/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.7",
+  "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"
   }
-}
+}