From eab4b350772f591ba10c70bc4c244bfdf4482c28 Mon Sep 17 00:00:00 2001
From: Jon Staab <shtaab@gmail.com>
Date: Thu, 3 Oct 2024 14:32:55 -0700
Subject: [PATCH] Add mute settings

---
 src/app/commands.ts                      |   2 -
 src/app/components/Name.svelte           |  11 +++
 src/app/components/PeopleItem.svelte     |  40 ++++----
 src/lib/components/Tippy.svelte          |   4 +-
 src/lib/editor/Suggestions.svelte        |  22 +++--
 src/routes/discover/+page.svelte         |  12 +--
 src/routes/discover/themes/+page.svelte  |  12 +--
 src/routes/settings/+page.svelte         | 113 ++++++++++++++++++++++-
 src/routes/settings/profile/+page.svelte | 106 ++++++++++-----------
 static/flotilla.png                      | Bin 0 -> 9524 bytes
 10 files changed, 218 insertions(+), 104 deletions(-)
 create mode 100644 src/app/components/Name.svelte
 create mode 100644 static/flotilla.png

diff --git a/src/app/commands.ts b/src/app/commands.ts
index 5a4d33d..86c06f2 100644
--- a/src/app/commands.ts
+++ b/src/app/commands.ts
@@ -151,8 +151,6 @@ export const setRelayPolicy = (url: string, read: boolean, write: boolean) =>
       tags.push(["r", url, "write"])
     }
 
-    console.log(tags)
-
     return tags
   })
 
diff --git a/src/app/components/Name.svelte b/src/app/components/Name.svelte
new file mode 100644
index 0000000..a390c4d
--- /dev/null
+++ b/src/app/components/Name.svelte
@@ -0,0 +1,11 @@
+<script lang="ts">
+  import {loadProfile, deriveProfileDisplay} from "@welshman/app"
+
+  export let pubkey
+
+  const profileDisplay = deriveProfileDisplay(pubkey)
+
+  loadProfile(pubkey)
+</script>
+
+{$profileDisplay}
diff --git a/src/app/components/PeopleItem.svelte b/src/app/components/PeopleItem.svelte
index e615868..0fa8554 100644
--- a/src/app/components/PeopleItem.svelte
+++ b/src/app/components/PeopleItem.svelte
@@ -31,26 +31,24 @@
   })
 </script>
 
-<div class="card bg-base-100 shadow-xl">
-  <div class="card-body">
-    <Profile {pubkey} />
-    <ProfileInfo {pubkey} />
-    {#if roots.length > 0}
-      {@const event = first(sortBy(e => -e.created_at, roots))}
-      {@const relays = ctx.app.router.Event(event).getUrls()}
-      {@const nevent = nip19.neventEncode({id: event.id, relays})}
-      {@const following = getListValues("p", $userFollows).includes(pubkey)}
-      <div class="divider" />
-      <Link external class="chat chat-start" href={entityLink(nevent)}>
-        <div class="chat-bubble">
-          <Content hideMedia={!following} {event} />
-          <p class="text-xs text-right">{formatTimestamp(event.created_at)}</p>
-        </div>
-      </Link>
-      <div class="flex gap-2">
-        <div class="badge badge-neutral">{roots.length} recent {roots.length === 1 ? 'note' : 'notes'}</div>
-        <div class="badge badge-neutral">Last posted {formatTimestampRelative(event.created_at)}</div>
+<div class="card2 bg-alt shadow-xl">
+  <Profile {pubkey} />
+  <ProfileInfo {pubkey} />
+  {#if roots.length > 0}
+    {@const event = first(sortBy(e => -e.created_at, roots))}
+    {@const relays = ctx.app.router.Event(event).getUrls()}
+    {@const nevent = nip19.neventEncode({id: event.id, relays})}
+    {@const following = getListValues("p", $userFollows).includes(pubkey)}
+    <div class="divider" />
+    <Link external class="chat chat-start" href={entityLink(nevent)}>
+      <div class="chat-bubble">
+        <Content hideMedia={!following} {event} />
+        <p class="text-xs text-right">{formatTimestamp(event.created_at)}</p>
       </div>
-    {/if}
-  </div>
+    </Link>
+    <div class="flex gap-2">
+      <div class="badge badge-neutral">{roots.length} recent {roots.length === 1 ? 'note' : 'notes'}</div>
+      <div class="badge badge-neutral">Last posted {formatTimestampRelative(event.created_at)}</div>
+    </div>
+  {/if}
 </div>
diff --git a/src/lib/components/Tippy.svelte b/src/lib/components/Tippy.svelte
index 0e3c412..a27dd0a 100644
--- a/src/lib/components/Tippy.svelte
+++ b/src/lib/components/Tippy.svelte
@@ -27,4 +27,6 @@
   })
 </script>
 
-<div bind:this={element} />
+<div bind:this={element}>
+  <slot />
+</div>
diff --git a/src/lib/editor/Suggestions.svelte b/src/lib/editor/Suggestions.svelte
index 22b0847..23694ac 100644
--- a/src/lib/editor/Suggestions.svelte
+++ b/src/lib/editor/Suggestions.svelte
@@ -2,8 +2,9 @@
 
 <script lang="ts">
   import {throttle} from "throttle-debounce"
-  import {slide} from "svelte/transition"
+  import {fly, slide} from "svelte/transition"
   import {clamp} from "@welshman/lib"
+  import Icon from '@lib/components/Icon.svelte'
   import {theme} from "@app/theme"
 
   export let term
@@ -25,7 +26,6 @@
 
   const setIndex = (newIndex: number, block: any) => {
     index = clamp([0, items.length - 1], newIndex)
-    element.querySelector(`button:nth-child(${index})`)?.scrollIntoView({block})
   }
 
   export const onKeyDown = (e: any) => {
@@ -64,11 +64,12 @@
   <div
     data-theme={$theme}
     bind:this={element}
-    transition:slide|local={{duration: 100}}
-    class="mt-2 max-h-[350px] overflow-y-auto overflow-x-hidden shadow-xl">
+    transition:fly
+    class="mt-2 max-h-[350px] overflow-y-auto overflow-x-hidden shadow-xl {$$props.class}"
+    style={$$props.style}>
     {#if term && allowCreate}
       <button
-        class="white-space-nowrap block w-full min-w-0 cursor-pointer overflow-x-hidden text-ellipsis px-4 py-2 text-left transition-colors hover:bg-primary hover:text-primary-content"
+        class="white-space-nowrap block w-full min-w-0 cursor-pointer overflow-x-hidden text-ellipsis px-4 py-2 text-left transition-all hover:brightness-150"
         on:mousedown|preventDefault
         on:click|preventDefault={() => select(term)}>
         Use "<svelte:component this={component} value={term} />"
@@ -76,17 +77,20 @@
     {/if}
     {#each items as value, i (value)}
       <button
-        class="white-space-nowrap block w-full min-w-0 cursor-pointer overflow-x-hidden text-ellipsis px-4 py-2 text-left transition-colors hover:bg-primary hover:text-primary-content"
-        class:bg-primary={index === i}
-        class:text-primary-content={index === i}
+        class="white-space-nowrap block w-full min-w-0 cursor-pointer overflow-x-hidden text-ellipsis px-4 py-2 text-left transition-all hover:brightness-150 flex items-center"
         on:mousedown|preventDefault
         on:click|preventDefault={() => select(value)}>
+        {#if index === i}
+          <div transition:slide={{axis: 'x'}} class="pr-2">
+            <Icon icon="alt-arrow-right" />
+          </div>
+        {/if}
         <svelte:component this={component} {value} />
       </button>
     {/each}
   </div>
   {#if loading}
-    <div transition:slide|local class="bg-tinted-700 flex gap-2 px-4 py-2 text-neutral-200">
+    <div transition:slide|local class="flex gap-2 px-4 py-2">
       <div>
         <i class="fa fa-circle-notch fa-spin" />
       </div>
diff --git a/src/routes/discover/+page.svelte b/src/routes/discover/+page.svelte
index b1139ab..e2764db 100644
--- a/src/routes/discover/+page.svelte
+++ b/src/routes/discover/+page.svelte
@@ -47,7 +47,7 @@
     let:item={relay}>
     <a
       href={makeSpacePath(relay.url)}
-      class="card bg-base-100 shadow-xl transition-all hover:shadow-2xl hover:brightness-[1.1]">
+      class="card2 bg-alt shadow-xl transition-all hover:shadow-2xl hover:brightness-[1.1]">
       <div class="center avatar mt-8">
         <div
           class="center relative !flex w-20 rounded-full border-2 border-solid border-base-300 bg-base-300">
@@ -67,12 +67,10 @@
           </div>
         </div>
       {/if}
-      <div class="card-body">
-        <h2 class="card-title justify-center">{displayRelayUrl(relay.url)}</h2>
-        {#if relay.profile?.description}
-          <p class="py-4 text-center text-sm">{relay.profile.description}</p>
-        {/if}
-      </div>
+      <h2 class="text-center">{displayRelayUrl(relay.url)}</h2>
+      {#if relay.profile?.description}
+        <p class="py-4 text-center text-sm">{relay.profile.description}</p>
+      {/if}
     </a>
   </Masonry>
 </div>
diff --git a/src/routes/discover/themes/+page.svelte b/src/routes/discover/themes/+page.svelte
index 1b43f10..2174956 100644
--- a/src/routes/discover/themes/+page.svelte
+++ b/src/routes/discover/themes/+page.svelte
@@ -19,14 +19,10 @@
   </label>
   <div class="grid grid-cols-2 gap-4 md:grid-cols-2">
     {#each searchThemes.searchValues(term) as name}
-      <div class="card bg-base-100 shadow-xl" data-theme={name}>
-        <div class="card-body">
-          <h2 class="card2 card-title justify-center capitalize">{name}</h2>
-          <div class="card-actions">
-            <button class="btn btn-primary w-full" on:click={() => theme.set(name)}
-              >Use Theme</button>
-          </div>
-        </div>
+      <div class="card2 bg-alt shadow-xl flex flex-col justify-center gap-4" data-theme={name}>
+        <h2 class="card2 bg-alt text-center capitalize">{name}</h2>
+        <button class="btn btn-primary w-full" on:click={() => theme.set(name)}
+          >Use Theme</button>
       </div>
     {/each}
   </div>
diff --git a/src/routes/settings/+page.svelte b/src/routes/settings/+page.svelte
index 5f25a83..89c781f 100644
--- a/src/routes/settings/+page.svelte
+++ b/src/routes/settings/+page.svelte
@@ -1 +1,112 @@
-Settings: who needs em?
+<script lang="ts">
+  import {nip19} from 'nostr-tools'
+  import type {SvelteComponent} from 'svelte'
+  import tippy, {type Instance} from "tippy.js"
+  import {append, always, remove, uniq} from '@welshman/lib'
+  import {getListValues, MUTES} from '@welshman/util'
+  import {userMutes, profileSearch, tagPubkey} from '@welshman/app'
+  import Icon from '@lib/components/Icon.svelte'
+  import Field from '@lib/components/Field.svelte'
+  import Tippy from '@lib/components/Tippy.svelte'
+  import Link from '@lib/components/Link.svelte'
+  import Button from '@lib/components/Button.svelte'
+  import Suggestions from '@lib/editor/Suggestions.svelte'
+  import SuggestionProfile from '@lib/editor/SuggestionProfile.svelte'
+  import Name from '@app/components/Name.svelte'
+  import {entityLink} from '@app/state'
+  import {updateList} from '@app/commands'
+  import {pushToast} from '@app/toast'
+
+  let term = ""
+  let input: Element
+  let popover: Instance
+  let instance: SvelteComponent
+  let mutedPubkeys = getListValues("p", $userMutes)
+
+  const addMute = (pubkey: string) => {
+    term = ""
+    popover.hide()
+    mutedPubkeys = uniq(append(pubkey, mutedPubkeys))
+  }
+
+  const removeMute = (pubkey: string) => {
+    mutedPubkeys = remove(pubkey, mutedPubkeys)
+  }
+
+  const onKeyDown = (e: Event) => {
+    if (instance.onKeyDown(e)) {
+      e.preventDefault()
+    }
+  }
+
+  const reset = () => {
+    mutedPubkeys = getListValues("p", $userMutes)
+  }
+
+  const onSubmit = async () => {
+    await updateList(MUTES, always(mutedPubkeys.map(tagPubkey)))
+
+    pushToast({message: "Your settings have been saved!"})
+  }
+
+  $: {
+    if (term) {
+      popover?.show()
+    } else {
+      popover?.hide()
+    }
+  }
+</script>
+
+<form class="content column gap-4" on:submit|preventDefault={onSubmit}>
+  <div class="card2 bg-alt shadow-xl">
+    <Field>
+      <p slot="label">Muted Accounts</p>
+      <div slot="input" class="flex flex-col gap-2">
+        <div>
+          {#each mutedPubkeys as pubkey (pubkey)}
+            <div class="badge badge-neutral mr-1 flex-inline gap-1">
+              <Button on:click={() => removeMute(pubkey)}>
+                <Icon icon="close-circle" size={4} class="-ml-1 mt-px" />
+              </Button>
+              <Link href={entityLink(nip19.npubEncode(pubkey))}>
+                <Name {pubkey} />
+              </Link>
+            </div>
+          {/each}
+        </div>
+        <label class="input input-bordered flex w-full items-center gap-2" bind:this={input}>
+          <Icon icon="magnifer" />
+          <input class="grow" type="text" bind:value={term} on:keydown={onKeyDown} />
+        </label>
+        <Tippy
+          bind:popover
+          bind:instance
+          component={Suggestions}
+          props={{
+            term,
+            select: addMute,
+            search: profileSearch,
+            component: SuggestionProfile,
+            class: 'rounded-box',
+            style: `left: 4px; width: ${input?.clientWidth + 12}px`,
+          }}
+          params={{
+            trigger: "manual",
+            interactive: true,
+            maxWidth: 'none',
+            getReferenceClientRect: () => input.getBoundingClientRect(),
+          }}
+        />
+      </div>
+    </Field>
+    <div class="flex flex-row items-center justify-between gap-4 mt-4">
+      <Button class="btn btn-neutral" on:click={reset}>
+        Discard Changes
+      </Button>
+      <Button type="submit" class="btn btn-primary">
+        Save Changes
+      </Button>
+    </div>
+  </div>
+</form>
diff --git a/src/routes/settings/profile/+page.svelte b/src/routes/settings/profile/+page.svelte
index 34d7f64..cdc1900 100644
--- a/src/routes/settings/profile/+page.svelte
+++ b/src/routes/settings/profile/+page.svelte
@@ -51,68 +51,64 @@
 </script>
 
 <div class="content column gap-4">
-  <div class="card bg-base-100 shadow-xl">
-    <div class="card-body">
-      <div class="flex gap-2 justify-between">
-        <div class="flex gap-3 max-w-full">
-          <div class="py-1">
-            <Avatar src={profile?.picture} size={10} />
+  <div class="card2 bg-alt shadow-xl">
+    <div class="flex gap-2 justify-between">
+      <div class="flex gap-3 max-w-full">
+        <div class="py-1">
+          <Avatar src={profile?.picture} size={10} />
+        </div>
+        <div class="flex flex-col min-w-0">
+          <div class="flex gap-2 items-center">
+            <div class="text-bold text-ellipsis overflow-hidden">
+              {displayProfile(profile, pubkeyDisplay)}
+            </div>
           </div>
-          <div class="flex flex-col min-w-0">
-            <div class="flex gap-2 items-center">
-              <div class="text-bold text-ellipsis overflow-hidden">
-                {displayProfile(profile, pubkeyDisplay)}
-              </div>
-            </div>
-            <div class="text-sm opacity-75 text-ellipsis overflow-hidden">
-              {profile?.nip05 ? displayNip05(profile.nip05) : pubkeyDisplay}
-            </div>
+          <div class="text-sm opacity-75 text-ellipsis overflow-hidden">
+            {profile?.nip05 ? displayNip05(profile.nip05) : pubkeyDisplay}
           </div>
         </div>
-        <Button class="btn btn-neutral btn-circle w-12 h-12 center -mt-4 -mr-4" on:click={toggleEdit}>
-          <Icon icon="pen-new-square" />
-        </Button>
       </div>
-      {#key profile.about}
-        <Content event={{content: profile.about, tags: []}} hideMedia />
-      {/key}
+      <Button class="btn btn-neutral btn-circle w-12 h-12 center -mt-4 -mr-4" on:click={toggleEdit}>
+        <Icon icon="pen-new-square" />
+      </Button>
     </div>
+    {#key profile.about}
+      <Content event={{content: profile.about, tags: []}} hideMedia />
+    {/key}
   </div>
   {#if editing}
-    <form class="card bg-base-100 shadow-xl" transition:slide on:submit|preventDefault={saveEdit}>
-      <div class="card-body">
-        <div class="flex justify-center py-2">
-          <InputProfilePicture bind:file bind:url={profile.picture} />
-        </div>
-        <Field>
-          <p slot="label">Username</p>
-          <label class="input input-bordered flex w-full items-center gap-2" slot="input">
-            <Icon icon="user-circle" />
-            <input bind:value={profile.name} class="grow" type="text" />
-          </label>
-        </Field>
-        <Field>
-          <p slot="label">About You</p>
-          <textarea class="textarea textarea-bordered leading-4" rows="3" bind:value={profile.about} slot="input" />
-        </Field>
-        <Field>
-          <p slot="label">Address</p>
-          <label class="input input-bordered flex w-full items-center gap-2" slot="input">
-            <Icon icon="remote-controller-minimalistic" />
-            <input bind:value={profile.nip05} class="grow" type="text" />
-          </label>
-          <p slot="info">
-            <Button class="link" on:click={() => pushModal(InfoHandle)}>What is a nostr address?</Button>
-          </p>
-        </Field>
-        <div class="flex flex-row items-center justify-between gap-4 mt-4">
-          <Button class="btn btn-neutral" on:click={stopEdit}>
-            Discard Changes
-          </Button>
-          <Button type="submit" class="btn btn-primary">
-            Save Changes
-          </Button>
-        </div>
+    <form class="card2 bg-alt shadow-xl" transition:slide on:submit|preventDefault={saveEdit}>
+      <div class="flex justify-center py-2">
+        <InputProfilePicture bind:file bind:url={profile.picture} />
+      </div>
+      <Field>
+        <p slot="label">Username</p>
+        <label class="input input-bordered flex w-full items-center gap-2" slot="input">
+          <Icon icon="user-circle" />
+          <input bind:value={profile.name} class="grow" type="text" />
+        </label>
+      </Field>
+      <Field>
+        <p slot="label">About You</p>
+        <textarea class="textarea textarea-bordered leading-4" rows="3" bind:value={profile.about} slot="input" />
+      </Field>
+      <Field>
+        <p slot="label">Nostr Address</p>
+        <label class="input input-bordered flex w-full items-center gap-2" slot="input">
+          <Icon icon="remote-controller-minimalistic" />
+          <input bind:value={profile.nip05} class="grow" type="text" />
+        </label>
+        <p slot="info">
+          <Button class="link" on:click={() => pushModal(InfoHandle)}>What is a nostr address?</Button>
+        </p>
+      </Field>
+      <div class="flex flex-row items-center justify-between gap-4 mt-4">
+        <Button class="btn btn-neutral" on:click={stopEdit}>
+          Discard Changes
+        </Button>
+        <Button type="submit" class="btn btn-primary">
+          Save Changes
+        </Button>
       </div>
     </form>
   {/if}
diff --git a/static/flotilla.png b/static/flotilla.png
new file mode 100644
index 0000000000000000000000000000000000000000..8d64430c3a28841ebfe449335b4c9fdfee87e6da
GIT binary patch
literal 9524
zcmd6NXH-*77w!o?LO=pY6HsbEnhGMt0HKE#Is!t(S9<SC%L@pC3L+63B@rS*0O6&B
zAP9(p^xmXNl^(j3d+`14UEh!U@7}xCWvwh`_RQ=(XU@#*XFvPIV~liQXL!y4007g|
z)iebFD)i}(few`P3c0-k|3Q6pZ~6lOBirc@0=!P+0)-HNQymmg*l~Ultk5{C8>$09
zaT4R<ZCU^j{-&p?ZXN<z8NU@|*I)I1$~%?mGPNSR6v3t8;;u7Wchu8!O=A${JDRSL
zceK9J%ps5Mur_CVsLm|ldZWxragKMGhmr?W+%2Aa+#Haw(AzGF$Z+;}DmiMmJY?}<
z?r_eI6}0;Q^PfU870yTz+1mKfA<lRv;QB*Hb4{i!-7NOSCuu#hI?}31ddbYlaM=h?
zxSAA^ri;pX!yhhockibOl8?zu;!`S}_pC(B+k<^BtwQ9xsl1bM{4^08bsq)A8Yd=2
zaHl(L=T196oi5nVGiEa5(6peLy@D$@kZqWaf!D{TfvuJy9pxYMEHano$x<IGzvOjF
zLq$W9F;v!XZMJif1D^L*{Q8|=(6D`niV&<UxdRfdHH}-Q=ap#K!o~2off~22eNeZ5
z#mCo1vfWlFs7tmeOo@_)ed`?qFJj}g3U_kw7$#ipgo+-Z5Rk!vL3QU0HiLk43{}SE
zh3|n-(P}h8y@fl#3AAxb2v2yxq|_S_6<>H3-38F4FG@6MjzUF-;L#oHpw5CAc>Y(y
z)iJQ>83V6%>f+wfknKK)ito6ITu5u<AaIRrzWu#fnxE{t|1H~YJMDWNeE+>`<SH$j
zp%~spCAy>NspCI;9{j3Rd&P%gHcWo|GcPlmuzqLhd+&B{Om)xHh_{GEK`n*wLyzXk
z$a^kbuZ~}TI51C6X<N@lrfyKeJ6vD0B>2g{w}Dp6=SIxFqejU#xW&MEZ+CHb*bQyw
z-Q2F?tH{}HDRHQ<ih`!Hq4QTdPk!fQ^+q>1fRDy2F3M>c9wBKJF4~{hnP+QnDE4yF
z4;5b)9<rqxY<781kWgmNA5i$`o$PmZg6sOvQi*;P)Ls~G{RZ<kIiuj9X{$QA!_)8h
zsm6DwqYlsD`Mq7|2|naw-m?a>VyC?v6?POBKFYjN`uWuK{@$>{hsd+M7hWzX6Pre2
z;DdvO>ho`Gs+atapEkzMA70}|JA*G%<aFRPtv+2k*&?%7x7W+_p8Sd1BhQ!~?gq^X
z29W_#e08BibjKwJ&+fOq>7z`ft5NZFXVLkFh_Wt`=#E>;KO*eQmdwJJe_cHcVm;M)
z>(6A|qWbC5Lo1fde2I%j8jFvyZ^<!mcQ&-`KhypntJzeK?6-&Ch5s=#_{Yq^`X<5O
zIjO>S+chyf_SC!;C?8nEER7OMEHbaTp%Ce;2Bqm3N6&Od62D5zug4ad5iX{PbXN~q
z*mQ8_6BYs5zDkZR#c<vL`|$pGy$uRDu9r*YxA)KCPk!~~DqNlXxtm3<4d%z`#qd^B
zRD94vH-S=3Mj9vdHm?~_B2Bkvw<N<d=96gu+WC;%Kob}P|J_SgcP1l!GO%x@V&I|O
zP235A*4ux#pEZz6$3)SRkwvOe@$ca1fK&?s7l8)NUIr1HS;>g}1GNgM=xY?Bo2x}f
z6;D>BUvseA79aGErR?Q`JHh_Yjg0J~kBSdxL(6^n;2Zifp?6p-b>1pG{|Er3+%!O`
zCWk?0r2k$Jzh<CY`8Ma5o-h;?H}I-JmbAXWT5g1Z0DWh{>sUSp4yeJ1Gyq29|GsEh
zD^cYP;Bx){P<?SZzE^+>xUYsNPECqD*?aVL@d&{2S8^0Z&19*By^cIqnhy~J2x9pN
zUy)=QH3z6jDqIiPdWCtLs!LVv^|W^ayw|wszz4QN3q!&&wO?+ue+ZLGeJ_L$iPxn%
z(3C8G4DMq==z>tOCLgisDp<N&+;lev-uY0Nu-4%yj#WooHXE;$dIroD%Y~kS#9-cT
zb=M@FSk}po!2qYcLCs=KEyVU%%i8gw-u~2eAf!Pub?!s*)=SJ%@e=I?ojOjyF7N&m
zcKst!{Qaew;FAdlO?Z8O-eBuV#O@1K+FD`!{e?~)RlZroDm`#Xe0pmtZr0toOBt2x
zj8r+e8(`C<N{uVa7Cb7s4};yGwd~^UcUZ?8f090_t}%ewNEr)}PVcY7-ztWzy<eMm
z6?0sXh<A$i-1MWe2F;6uv+j$bEMGntM%kZ5-!K`kJ`z4T46GVPo*~?xn=+#{PL!+S
zLiQ&aJIX3PjLub9sO5!iE~+LaMTD#!@3p&j-9zPyW&CV$&@{>df`poXqV^80V>^F3
z?u{jm_Wqvv39Hb`V-(M9BKPy@M=~iHBev_8d2neHERzS)(9BJ8uj5m(&pC0egMCY7
z+a=x(CvppN#6Dk&JCG0x`G~Nf+_-voA^ThNx_I>a$LY3gQyS?@Be<mFUmHo8k--b>
zzHv|zGdZ@x-*-ty_Q>aQm_*fH-I>g0nU@R#*QA@p1O#sIM_xmQu?IZEEWMu>8zU5C
zWG*WSAf2f@oTtpfhjCX!<-Thj_Ucux!qI#d>8)RlD!UPFNu`VeHu(o%N_kczWERd7
z`_vyztprn*w<ZULh_-a=tRas_=O_4&<rmnAeV1b^s#tYKrbH7@evdowA7y$w{Jyfl
zMC`jrnOaE+?XTghwP<dmycy(kjZ2r9-ip|_IecQ#w|W-Mx3N6unIyJYrh;g_dt&wF
zGyRU!&dZdUEP;smxmB;z4%vJADVvRmg|gAR!sEN?lFOqDt`W1|vn?!91H3c^R_!9s
z1rn)o+Fun{BeoopYNdm57`LinJJYlujKFJ=X0d+vfG#&w?(EzP^lN=87sBnpobior
z7W*t)14Nm1po3|pIh;`3DpeVr!Tuo(UYd$=%S}p*i1>8>!X2P1phbZHD1g268ODt`
zoDtj+$q3k7<XB|1^;r?d+q@s6l+V(2NoR@e_sc{Lu%e|Xr=G9BxECPY@{5>w4p|Yx
z+hmXU=_@kPQk6cxL~WykD0?WSfE(a_7v{!Ts1;+XKjcTf@bJ7&`Q(TOq6`PNC5l%}
zrbW5a6Z@#j#{ebg1$H}S22yMZXvswJ)0$xG92*)I6o!ujTdUi&@a<xFo@KqMn_d8)
z!lq=U6WCf->D-vhfLo<VR?>mh=bMXz5H*?Xw0sHqz5;@89%L2aQ3W{){8(9gAZ(<q
z^)Cu)ZPbmf$onwA>7Gnc?pOS6WIa}}wI3X}8?DWXhF$%1b+Iq_oLY`~oS9$*U&e#Z
z<wsgPwP%sVdvuqr{FQSaO}v^r$zE#f|Fl_k;-(|G`2Em}6t~;rZ4~|GEE;Au{t6HC
zp@vy;BE@@n6-iTVQxwW{u=MBo?~GHup^eShU57s%O$$V4r?<R-<)NE<Do=W+E+kxu
za16N|*7{LgHPyiZjx1SbRaNjk+~}T>QRNjtp5akP$m_N?Pf%g0r5Q8bI!<BQy}c$`
zixO3t2gXf{RsP8NMxEnj?fsM0rP|3_0&9$^#&`Nk%5MlJi^r#q>-0Ft#2QOi_(Vhm
z#ZQ&2i*rUKEM={`mY>(@4}`FM3I5XX14@eZp;p-Hq^y5yd?Z#Q9c#QVaao1e2PuG@
zr%%g_Gj54Z3w>W*TywY{R1}QLh1k&p<3&BmJ8t#+r1h%9zh0~_mL>n9daaIFdG!k*
zRF(T@A1%*Mohf8=p&^z!N59=OV<zhrF(#JwUTMr}E?6?L+>NSbMTeGFGEdqAgVVao
zx2y_vk4bhG)!r7akug2|?b0upuzZoogT)289GUa3Ib!(|E3e|FSHF44i?@se1M@rg
z?`PXs9QgQRaN}&~&?~a_uzI)HA6IvD5G#N83j+ftwa(TSBP_&H`nszC_SO&O9Sy|F
zOR%M|F|Q|rfy77Qg8+lGH~!j<>0!QUNHr;%xBC=4p|K4eVB=;w04S7ITE+9RqLm%x
zp*Tb9u>nsDSDl!iMDxx7Mxe5aXh9kW8=slg@d8B<%jZF$<@z|Cq_z7$sQ});{`6(e
zJ|9~N8G7$$@lCgdnSmr#@|vbT^)YzIFCvB{h^2RD-JVU;V=tK+1xc10AUwO5^Y+i{
zK!8z9T?;sSX=16C^h+A-D4o_v0goq`5jdv-RS{!9rh-gWu7mJwUo-*gcVL-mb$$v%
zXNaXDg){)xnU0y+^ATnwO4TYl@Kj*s_wmmAQ017ObL_(+SYUbJ0?Wr;kH0Y^vKnK+
zvPQ>#xW@P!G5ocTvkE}y?f0RKF+H)cggt$r9?3M#(x43`!CrgTXnkY@idejsepK2v
zd@)z>od+so*;AUGQ`lYMf3Wgvp`=zTPL1mP{ITKd5~`1*pPWVWnrru%0BL#_Tjs?n
zP6BOv`^b5@cKT+yJgx-Wl%*FpxISIGxsxewMP4IKtM1aUkr5{!Erc%YMx72e9ZwIi
zsZ@qmpZdEie&@)@5*dyO&S;gBFjm!ynVqfUkey%G99d0+Y1uCESdM!C+0akG`T7RK
zOU>I;tvFQsCA##OMCpBHYu);tIY9$9Dv03oV=plyXGgudF35P_JF@n=X9$KkMnZ;f
z;HrZcUsj^G31gd$zCL$QuGAhi4XbH*Tia-Jm5&}joO}P^aqG`Jqp=JmSkVeyP07P(
zmbZ6LL#Z2o&a{b1UHoisgAaIC(|U^RlKHheQaV4~ICQs*#!g>(r1Sc5G%qWf_bJ6g
zhHD{tekvsnyrnph;<LB28*DB1vX|T`08i>A`$n<m#pT`fj9U&?tI%`(Eoq$*Dv7*s
zgEXrfJ;FA7hFZN0BwibjntSEUrFI<1{+5*M+_#uAmwr)xKW>%UdGR?%GGi%I?hWI;
zbI8s$bNyoXsCe2@Z{7=dudn62a=jZS9CDwSJ3l+`Gz&hlKa;u7qU}7zCO<_PTWy@L
zreQPsG@gd3zL+zPRp^K_{$5_w`h4t4m}$1coIjGYaelse%`T?%)!3)s6k4-L#iJm9
z)FNG4Q1mZl#!SlTt<$-$n0c`N>aH=%3>XWV$qYx-TqFiii_JcB3OzS<`*)$za9~7z
z6;q~jNqEkDMrSxO>}O{X!@G!$<%&0~Xa(7aTcI*P1BTxj2d((mzj^_E7lHU>vab=c
zGg<~Exl1@$Ygb(l7b9p@2mJG>oz;Nv#Z3Cr+VN5956w^BsKpVZBr2Xc*W{D+jT+V3
z;hdCP9*NkcLb05j{>6&l4I?o<@-V++jU6Xc<4?qD3u%g)%x1tR_t5RPA>vl!h04^l
zUK1d|`V?3H9<90OvmT_maktBUcE{F73bn|S=ME7Z`vTjF#xBJS%R~O?OJmPiq1#Hr
zx>YpGL-O?yw=~d;k+f>Y(04(t;zvj@da~&SJ#@cRgASz2KPvZb>u%w2D3?1c+FdE$
zmTns8U^Q6TAnz7|&nN%Nn5r@j>sI&o|EgLW$;w;p@RwgBmeNu50C2jnzl>ZxQLeDL
z6ks42`O-8&r@{V}nN1SLMq`Tk49=Y#B|bkr(O^&N6~+%-zz<9^p8-asbHdp34G;y5
zC4PWQ6?@&HLmbAYyG197ta}BZR~v<aD3F`>5-a*rYfdu)AW&yyWbpr67w4k|0@Pcz
z^(=+)mOtO>0o9+IQ^;&+@|CYJHLDO~+gBKyztz0}r7vo`2{AoqnEa@_<msxdgz%P6
zpV=Bf7PzR#LB(X<+Y2z9k+`6C!}FLP2|pfCtL_=G3CoLMzebP-QgRLm+lr1xTb)H)
zS*L|i<2vr~e0Us1is|71YlIS`m6vu}h+7Tu3V_n3S(73>raFPm8wjxA`N$zDf-ih3
z#2r9QNb#%GUz9*CN@T=Qt6AL*7Qdy1kSe}@%~cDEE99vb#3~X?oAk#1c}=61Q}u6c
z(baMo2zYaeDiw~_hiO9qzSJi#L5-<jS6={xnP<Dz;2hx5?5DNSp2;VKRE*7MJ~R-J
zUV{e%`L-uiK(*u>6B})W)Qq4sQ0>j$2S>}>)zhjugmjX{@NShjM%;0w6yA-2#1ri^
zEDRj2yQe*l(ub0Gyk_YLGITkv>~?5G|5th=2%t6rilYTVr3dvZV`cxwZstO9)pP{0
zo_e7gHwF;^$AijEJQXC^edGp5Lex4*_#X_?B6t9>ng(N_ZSX0=pFS|<`>(JpP*Q`c
zOW+3uoW=d)E})C^wD?CC6d=T6sDSqu!QuZq(byTF{8F>9mVy7iae`dD-Jx|vpbgXJ
z^e<PNy7R_VF6W8nAHt^m%*1`-uY{e;G?b3*oaQvhTmP5wu%J<&+4r~6K=kX)3h;D>
zMrVBO)h!{sitAj~|DQ3;DSF>;*elah+XdGM1zjM_Pnl_Vl#cwU=0fJo4zf&RCBkrE
zu+~LIS-<(6VsLJXa)%q4A`zA+klBP448s|+q2*08VD?m_n;!N1AYQ71%$KZRo~Kq`
z4_i%Sj4^$pl4(L^S@u``{^2+2DeBUAOkQ#;>3H+O4MGKoendDYl!s}zPNn|Gmt)}R
z(|>XLR5^cue$+&$$Kfv#BUO2Qg8pHgoC8(m6+S_9U;Du9HU3E^0T=k3+}1!+`2{;&
z#=MO%EC-+@{l+9u2oDhEH~&r{2ZBRvjR2sFP4NuT99)R&H_xZg;R<<UI7mvU+%GG8
z{Q^9|{i*)FPT@*CCeJtW@EwMV!1-~$AKYFcx)*?P1*jX8Bx1_^0H#)PlieDPkV?+l
z3kKBU+A}@Te8f`Cpfdn2k$336?P=4P`5CpAyK8~q4ilL(#?s@MmCvHv7)T;?mqXZr
zuG?O-_C^S)DJpQYt_G!9vs<IUGg67ucct#KFneJrEe4*ZG&+DlHnldaj>1$&)!=~z
ziD1Mn@Rq#zpceoF%(x+z_`(bLLJZTUFhGdjtY2IukDW=)D`fZzQA-D7_Q!jHdvZo`
z(Fkp=CfNiz39FwIU&Uc<gI%{1RPvD8i6&iKvnSFiSaD*&gQWzV*ajNd`nJ(6lSP?I
zF{W=+PpGhG&Qu9AJycQo4Z4bJ5>69;%^e>4^URlQ5IIPf7)Y1QTSQe4j%MQ5qHxzj
z`H}am&6CYyjnT7c49~|v5Mc+#UWqVr{<L;;FZ<!!gFVx|Yyv4Q#5NvdqrOjN>h+0a
z0?29pw-c>8wAsJC<+o>kJH_ebh4Tp<8UEb=7+LuY9FaT|D#KTQExmm|?LV;sJCY*s
zxZ|^!+vj=35B7E)@fH0HBnzg^tWDZWfMp;u%&~kt(6?UkMP|!7xF<on=}&xMaBaLX
z==w%E53%%_)tCM#`7VcF8OwQ$0@NLH57@lP;2j(S61$rq_ds@@VxnGn+-4Ni54)~B
ztkq(W9%B0hV`CAhbfLurcoNwEt<a58QkoA$`v0`yuGUUAjkd=0B=~ilNWU0Lq8cKz
zv~ltLoK9Jy1R4k35DQzVFt5uwz1GQBx?oRyE*WX(D2|73kdM7SD{W$BnJuSpdS4>b
zRYM3zOnx7X5C!jf7Nk`TsDY983%fiqJv^qZGXU<|)vvYZh^4W1+1^xujpXcdtp^Nr
zNc$JaK7dUDSJQQC&?PjkTxUfCrLTAY*=8Wgj|qHIl-dnyfdHQ7b#d)K+D^Ne1?h1D
zQnPQrZ9_?cuxT=YJ16lmuD}pc@a=~*;5mE4BOK*wIEM#ZL@0WLg80G)K6aq=$$s`P
zR`lQ>xArBh2h{E!B3pNrxig%aaO2&hUFiW~d|}(EpNl`QtzD>(xMjt90#a0es~eS%
z7lIDj40(M$ju~f(U}pZ(PzDaa4=(q!&pW&T?8UUnb_R#tBTRL&$8Q);+n?0l4gxM8
zLjW+Gx51qvl*!isz~eRjZv`(D$qjU=eG{tiGC+*uMGOI+Jl(oipTJG6Q9c2<AS!&l
zahQ>ZpBEJX9@1D)$xJZ>gqNEaZZH8ZAQXLb5r3`z)bLE{A86@&0K>iW8S(Uw>3Mhk
zh)zvoC}{LNvGn4pE{0JrUSa$-gw}B=P|rUcG%86fRnIu0tFPl&ob1KkiRqzhPgQ!Z
z0{nh9-5tH*o^mRB$1%032kZ!P+@|@f5k&Y$bCaqpjTjK}W6qxk!8#nx8x(ms*C%8M
z43&X70?&$ekb<2|76q1H*QAtdAUxIO`);KkWdXQxpWvQUFqrwKg$M<L1ZRCj>QAee
z`(X8jT+=`J!9WBIQRru>iacX0EA$bbDW~PTUeiBL0~)U-IxM+$my4`7DuOSU%*o$^
z3?=-W>>7ZQq-^sg45@%??wiBGaV*gVaJ2H%e~4bdwYKL#%|(3BWPiiABOeO@cymYo
zG!$btx1!Ddnz6uCuU#486b!~@))rLQJ9HKNbjo1&raU<CW-{vAIH;!-Y{9wvH~jR1
zlKAp0pSP+`?>vW8o+Inkh~a}IS?sGg0UwxUN{}&PW#~{DLPi7mEpDfQ;*Fv_n)>Q|
z(UmyN2=%GB(XHng6yMC3sIr3MF5NU75g?X|^#{|fT2M_&Sf=dgBUX|}t09#M{n<xw
zbm-4=FCg_>vTE7uQU{c4XTAgkb7%UM*KaZWjz^GfFmqcT@bSX)HPHBuF+#q6euD2u
zl6k~D0QjeL)+vW^EvIAL9;R*5Lx9T;hJQ$brs$1y->N)0X5gS8Os42{-+5H7x{>Lj
zJg`uf#=I;m_YmXuH1aWvz}-PwU@Nsv<c$tO{`*S9w_2ZDfSQ1zo%FB@D)+V>C(vbF
zNbMp@>{EO6i|PwR&7qQ+Km<vIS$u&6WJ{C({6|hXkRp1&R1HLr1LIb;1EYTK(!@S&
zNrRU{5Ou)t&z;G2`z~u#ZbRO`5-a)o@W`~Z054f$pAUt%rq>DrGAqHN+>>5Nkofte
zXH2#bneYVy;*?WtP#`f>^BkydPS;zxh`0GXjt0iDZ3VYtOdm<|<6Rh;3AG+oWsfm#
z$-`F)q^{!z{+S&>qH^!f+4>kYKuVuTRRqD&QgX_)^MYvHwc^<UQ&jE)J56ZUmFO)i
zTdz|ptF>ej7$Jrg9B)xJerb!^ph0qMTe8xx^S24mWu8Jm@uQ0Klp8AsS*tP1@tw*m
z0O9XVITq$0j5c86BJC12z#}1M1qr}mmT*h0xbw{~AZkM9R*>(7{>1GVQ=KvXH2xZJ
z5Uc2icY`N90a2Kxhx^YVCAB^jG!S|<Q@>i($o`Qs3K6JV#+gAsRl|h~zx<+45tVy~
zAACdA4p8i_)2_%X{iRbnlBKTJto_mxYFzsJ)lz>4Qw1m~v30SYG6@9T`KPisk@=L(
zTuIK%_TdH(okip5+_P$ZMBtF>m$)Q5ZD^5}qRMjlOpIwuyG+)1M<}+D$$K{%v-I~c
z?lwBZ4pt;C9(gyUMj*!2_)zr55kcuWD=^mgQ(<vEn!pJP%@u+>jqYBD()+NnDR}Qb
z!Ym~Zw~zDtQ~4NDT2i=vta1|ju2Ndk{@M)(^2J%ElLT`kV@z3Ya7}Q(h@4vaK%MUv
z1glT?J!P_U&UME4djj<wcGO+osN9yktO7?U!G4=(kp~yShQ6VYM4D~`CTZ^qAKenZ
zh)3L6tO#y~*ZcRoJ96u_sINgqobs&wE{dpWZrfPbiqgekrqir?BY&{zt7Tez_#0g9
z2}bL)Xce>ZA5y8fI;BU#6<+=sAhYiXGW*G=%)WjTyh}_l9t4Xo;QDF;4}}W_@$W@a
zanfvh`6xs&-kPdfSGZV$*z_FiC?XgiICjQbokM>%ZX$ed^+d(s@}3z`iV2+AnV+aM
zc-DW@#8HYrn5wk@uvl0yej7|VDLnKAN_7(tb9JYcKzN>hEh$@hm#VPgF<5@?AGSVO
zqs&4LIvPlq`n}im8!hxR$}>1#FcTBdF3jRpyNf*>5uS|w4z_dm^Xc95x$ta=i%6rU
zkbP(on4GQanBq|j>AGK%;yH1B_{$tr1az^+LOI3)VZrke_2)pyKH}zgMK|)WWv|O0
zG0bxn^s>eYzVf9~&xWpD0xRgm!(IA`F-7Jf$Z1tGqr+?D*iyJy*%I`m)Gu`Z;Y7vP
z>L!ae(EW7HmXlI__5CFB;FlcXjvu?j5B@R5I#r|Nuo8b1lxN=Y(A+_yPKK`P(AVJK
zw87#^<&Etx>J{mHM<)eYC(BPTQRy#Rj5(C59%n9P?frefKT9_u;8#-l$dCe&X3$bV
zm6G|vGTO_qi6uWrsek89KuG5V?`t(ggBF<boDus&44EI+TN-X&h+M~pIiK%3i;9mp
ztJ>uu9%)f17(Tgn!B7bABC|owCo3>?d}!P0mh~zI-YytHP|a(3nr$n<HT3RV4E#xP
zNO71lE>YQ5OQ|$La|T?upcYBE6o|ryXvIccL|B?>v1F%RL74qXy6)R2`3Oi6U&-y2
z!(6qu?fHmePR04Gq?2D8<ABn8o`J+q5y$OQp@Q+{Z0O}SM9$uHR<OW{Lj%qD<q0R{
zu-}xmG?y%1F#9L^lEB#NS)QVPxY|$=oS5#Cr5^(~y!eukp4aQKW-;n<!Ub}=3tU7n
z@h9r?p!s}HMV$8=jkj%JFOipo<V`u9<G%Co@TvR2>s85@NIga5(Q-{=9AsIYLw93$
zG`jJ()6)gEOX$)E9HK)h`03mHV|jFCYw^Md+F%S41r7R(UzgrHa;JTY{!yHz#u|gj
z2wJuwl|eYf2vJ<l-knVfZlK}yy_S7+@P-PSp${2cp8`>~`Qg0%@JM8W(<`on)pAvV
zqksUL><`hf%h|9t1`#h!*<yE;>mAYAGd(Y;PSe#MF<3{dm>w93YaXu}s3)ASjVLyW
ziuYtg4<_f#K012Qe4!4mTf|RnvSbh~*FqFXlS1&1_BIvhKd6@0(hY){bBTtgcTf@;
zPu6i=w@6NqDd2Bthl&KDWQ)a7x!MW7>>Dy<ouZql_;k2I-+w-S5c9nvA(-UkAlZZH
znJhSe*<f}sFDdyByX5zzot6t<ER(RxVAA#C%Y&K9!-)geG-i4eJj6V<LogyQvyF0r
zN2^d!92U*N^*#0$9KHM;>z30tEv9u}C`XQ6brieGu%m_OW{7e<$=l0CW_X7Ghr;8W
z&T;(Zu9JUWosB_+M@!aopt&kjBEnSSlhbNWa^B3LR>#Q|f137-co*RYbK}DRy^Per
zt@la=sVvNOn-^?c_=%cX+u|=%VK-iQzhC=4(=ulK%OdIQw|!o+b{8`$-qOWgmizv@
zGg)}bC-Tj#QQy6<d^%myV1sLbEJ^O1YPgjr3HHV0r}w6Mgz#g+Q4GAGZxZ`fVUD6j
z>3@5On0{W&EwlidAwxxj1e>!Dt+=(Cci%D`fX@Ssiho0v4m3!Sc<9KlnF1!b@87V`
z970APgIVYVtfN-S*NxpUj6w6+qQ{uGDKu>QB(BKQ-45}2psq%5K@s|I_6w+&w>Ejp
znJ>F-m!P-rsL-D5BtV||%^$)9-lpA`qH;By#JZhY_w-V}HYX|O=*b7O_b1H^EYGJK
zQG0<s^rLcfor2jcH2OQIbHHya($&b8QAYo!Aon0a;C$VqTsftiKsJCfvpY@iqC}**
z__A<zdaP40;+(2tZh4(o%S!H@U9~q*k?T3T4FP(GKhxgL&qp+|bcvy$(%re(``5P8
z_@$;>x~|qI#K0xH$FNtnn2H!tP|Kn>Shy+xULaW5FZy1U2x;E?NCDNk2;j9IqCsAT
m@m;`rEYbP@$)`Y;n<o&@D9Z?<<V5qS0X;1v%|aA5>VE*t`Y8(l

literal 0
HcmV?d00001