@getmicdrop/svelte-components 1.0.2 → 1.0.3

package/dist/components/pages/performers/VenueInfo.svelte

@@ -0,0 +1,90 @@
+<script>
+  import { parseLocation, microphonePlaceholder } from "../../../../utils/utils";
+
+  export let name = "";
+  export let image = "";
+  export let location = "";
+  export let size = "default"; // 'default' (80px) or 'small' (64px)
+
+  $: parsedLocation = parseLocation(location);
+
+  // Handle image URL - check if it's a full URL or needs the CDN prefix
+  $: imageUrl = (() => {
+    if (!image || !image.trim()) return microphonePlaceholder;
+    if (image.startsWith("http")) return image;
+    return `https://moxy.sfo3.digitaloceanspaces.com${image}`;
+  })();
+</script>
+
+<div class="venue-info" class:venue-info--small={size === 'small'}>
+  <div class="venue-image">
+    <img
+      src={imageUrl}
+      alt={name}
+      class="w-full h-full object-contain"
+    />
+  </div>
+  <div class="venue-details">
+    <h4 class="venue-name">{name}</h4>
+    {#if parsedLocation.street}
+      <p class="venue-location">{parsedLocation.street}</p>
+    {/if}
+    {#if parsedLocation.cityStateZip}
+      <p class="venue-location">{parsedLocation.cityStateZip}</p>
+    {/if}
+  </div>
+</div>
+
+<style>
+  .venue-info {
+    display: flex;
+    gap: 0.75rem;
+    min-height: 80px;
+  }
+
+  .venue-info--small {
+    min-height: 64px;
+    gap: 0.5rem;
+  }
+
+  .venue-image {
+    width: 80px;
+    height: 80px;
+    background-color: hsl(var(--BG-Secondary));
+    border-radius: 0.5rem;
+    overflow: hidden;
+    flex-shrink: 0;
+  }
+
+  .venue-info--small .venue-image {
+    width: 64px;
+    height: 64px;
+  }
+
+  .venue-details {
+    flex: 1;
+    min-width: 0;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+  }
+
+  .venue-name {
+    font-size: 1rem;
+    font-weight: 500;
+    color: hsl(var(--Text-Primary));
+    margin: 0;
+    line-height: 1.3;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+  }
+
+  .venue-location {
+    font-size: 0.875rem;
+    color: hsl(var(--Text-Tartiary));
+    margin: 0;
+    line-height: 1.4;
+  }
+</style>

package/dist/components/pages/performers/VenueInfo.svelte.d.ts

@@ -0,0 +1,32 @@
+/** @typedef {typeof __propDef.props}  VenueInfoProps */
+/** @typedef {typeof __propDef.events}  VenueInfoEvents */
+/** @typedef {typeof __propDef.slots}  VenueInfoSlots */
+export default class VenueInfo extends SvelteComponent<{
+    size?: string | undefined;
+    image?: string | undefined;
+    name?: string | undefined;
+    location?: string | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type VenueInfoProps = typeof __propDef.props;
+export type VenueInfoEvents = typeof __propDef.events;
+export type VenueInfoSlots = typeof __propDef.slots;
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        size?: string | undefined;
+        image?: string | undefined;
+        name?: string | undefined;
+        location?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+    exports?: undefined;
+    bindings?: undefined;
+};
+export {};
+//# sourceMappingURL=VenueInfo.svelte.d.ts.map

package/dist/components/pages/performers/VenueInfo.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VenueInfo.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/pages/performers/VenueInfo.svelte.js"],"names":[],"mappings":"AA2CA,wDAAwD;AACxD,0DAA0D;AAC1D,wDAAwD;AAExD;;;;;;;;CACC;6BALa,OAAO,SAAS,CAAC,KAAK;8BACtB,OAAO,SAAS,CAAC,MAAM;6BACvB,OAAO,SAAS,CAAC,KAAK;gCA7CJ,QAAQ;AA0CxC;;;;;;;;;;;;;EAAoH"}

package/dist/components/pages/performers/VenueItemCard.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=VenueItemCard.spec.d.ts.map

package/dist/components/pages/performers/VenueItemCard.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VenueItemCard.spec.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/pages/performers/VenueItemCard.spec.js"],"names":[],"mappings":""}