diff --git a/.formatter.exs b/.formatter.exs
index cfd9318..beaf79d 100644
--- a/.formatter.exs
+++ b/.formatter.exs
@@ -11,6 +11,7 @@ locals_without_parens = [
   polymorphic_tables: 1,
   read_actions: 1,
   relationship_display_fields: 1,
+  show?: 1,
   show_action: 1,
   table_columns: 1,
   type: 1,
diff --git a/dev.exs b/dev.exs
index b85f42b..5b59fa4 100644
--- a/dev.exs
+++ b/dev.exs
@@ -38,7 +38,7 @@ defmodule DemoWeb.Router do
     pipe_through :browser
     import AshAdmin.Router
 
-    ash_admin("/", apis: [Demo.Accounts.Api, Demo.Tickets.Api])
+    ash_admin("/")
   end
 end
 
diff --git a/dev/resources/accounts/api.ex b/dev/resources/accounts/api.ex
index 39b2993..a3509c6 100644
--- a/dev/resources/accounts/api.ex
+++ b/dev/resources/accounts/api.ex
@@ -1,6 +1,11 @@
 defmodule Demo.Accounts.Api do
   @moduledoc false
-  use Ash.Api
+  use Ash.Api,
+    extensions: [AshAdmin.Api]
+
+  admin do
+    show? true
+  end
 
   resources do
     resource Demo.Accounts.User
diff --git a/dev/resources/tickets/api.ex b/dev/resources/tickets/api.ex
index 9b1c2ec..634fdcf 100644
--- a/dev/resources/tickets/api.ex
+++ b/dev/resources/tickets/api.ex
@@ -1,9 +1,14 @@
 defmodule Demo.Tickets.Api do
   @moduledoc false
-  use Ash.Api
+  use Ash.Api,
+    extensions: [AshAdmin.Api]
 
   alias Demo.Tickets.{Comment, Customer, Representative, Ticket, TicketLink, Organization}
 
+  admin do
+    show? true
+  end
+
   resources do
     resource(Customer)
     resource(Representative)
diff --git a/lib/ash_admin/actor_plug.ex b/lib/ash_admin/actor_plug.ex
index b4a93d7..f993c4c 100644
--- a/lib/ash_admin/actor_plug.ex
+++ b/lib/ash_admin/actor_plug.ex
@@ -36,7 +36,7 @@ defmodule AshAdmin.ActorPlug do
         session["actor_paused"]
       end
 
-    actor = actor_from_session(session)
+    actor = actor_from_session(conn.private.phoenix_endpoint, session)
 
     authorizing = session_bool(authorizing)
     actor_paused = session_bool(actor_paused)
@@ -56,37 +56,60 @@ defmodule AshAdmin.ActorPlug do
 
   def actor_session(conn, _), do: conn
 
-  def actor_api_from_session(%{"actor_api" => api}) do
-    Module.concat([api])
+  def actor_api_from_session(endpoint, %{"actor_api" => api}) do
+    otp_app = endpoint.config(:otp_app)
+    apis = Application.get_env(otp_app, :ash_apis)
+
+    Enum.find(apis, fn allowed_api ->
+      AshAdmin.Api.show?(allowed_api) && AshAdmin.Api.name(allowed_api) == api
+    end)
   end
 
-  def actor_from_session(%{
+  def actor_api_from_session(_, _), do: nil
+
+  def actor_from_session(endpoint, %{
         "actor_resource" => resource,
         "actor_api" => api,
         "actor_primary_key" => primary_key,
         "actor_action" => action
       })
       when not is_nil(resource) and not is_nil(api) do
-    resource = Module.concat([resource])
-    api = Module.concat([api])
+    otp_app = endpoint.config(:otp_app)
+    apis = Application.get_env(otp_app, :ash_apis)
 
-    action =
-      if action do
-        Ash.Resource.Info.action(resource, String.to_existing_atom(action), :read)
+    api =
+      Enum.find(apis, fn allowed_api ->
+        AshAdmin.Api.show?(allowed_api) && AshAdmin.Api.name(allowed_api) == api
+      end)
+
+    resource =
+      if api do
+        api
+        |> Ash.Api.resources()
+        |> Enum.find(fn api_resource ->
+          AshAdmin.Resource.name(api_resource) == resource
+        end)
       end
 
-    case decode_primary_key(resource, primary_key) do
-      :error ->
-        nil
+    if api && resource do
+      action =
+        if action do
+          Ash.Resource.Info.action(resource, String.to_existing_atom(action), :read)
+        end
 
-      {:ok, filter} ->
-        resource
-        |> Ash.Query.filter(^filter)
-        |> api.read_one!(action: action)
+      case decode_primary_key(resource, primary_key) do
+        :error ->
+          nil
+
+        {:ok, filter} ->
+          resource
+          |> Ash.Query.filter(^filter)
+          |> api.read_one!(action: action)
+      end
     end
   end
 
-  def actor_from_session(_), do: nil
+  def actor_from_session(_, _), do: nil
 
   def session_bool(value) do
     case value do
diff --git a/lib/ash_admin/api.ex b/lib/ash_admin/api.ex
index a17c4ae..eccf09d 100644
--- a/lib/ash_admin/api.ex
+++ b/lib/ash_admin/api.ex
@@ -4,7 +4,13 @@ defmodule AshAdmin.Api do
     name: :admin,
     schema: [
       name: [
-        type: :string
+        type: :string,
+        doc: "The name of the api in the dashboard. Will be derived if not set."
+      ],
+      show?: [
+        type: :boolean,
+        default: false,
+        doc: "Wether or not this api and its resources should be included in the admin dashboard"
       ]
     ]
   }
@@ -26,6 +32,10 @@ defmodule AshAdmin.Api do
     Ash.Dsl.Extension.get_opt(api, [:admin], :name, nil, true) || default_name(api)
   end
 
+  def show?(api) do
+    Ash.Dsl.Extension.get_opt(api, [:admin], :show?, false, true)
+  end
+
   defp default_name(api) do
     split = api |> Module.split()
 
diff --git a/lib/ash_admin/components/hero_icon.ex b/lib/ash_admin/components/hero_icon.ex
index 20406df..b1286b4 100644
--- a/lib/ash_admin/components/hero_icon.ex
+++ b/lib/ash_admin/components/hero_icon.ex
@@ -7,30 +7,30 @@ defmodule AshAdmin.Components.HeroIcon do
   prop(class, :css_class)
 
   def render(assigns) do
-    ~H"""
-    {{render_heroicon(@name, @type, assigns)}}
+    ~F"""
+    {render_heroicon(@name, @type, assigns)}
     """
   end
 
   defp render_heroicon("minus", "solid", assigns) do
-    ~H"""
-    <svg class={{@class}} xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+    ~F"""
+    <svg class={@class} xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
       <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 12H4" />
     </svg>
     """
   end
 
   defp render_heroicon("plus", "solid", assigns) do
-    ~H"""
-    <svg class={{@class}} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
+    ~F"""
+    <svg class={@class} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
       <path fill-rule="evenodd" d="M10 5a1 1 0 011 1v3h3a1 1 0 110 2h-3v3a1 1 0 11-2 0v-3H6a1 1 0 110-2h3V6a1 1 0 011-1z" clip-rule="evenodd" />
     </svg>
     """
   end
 
   defp render_heroicon("search-circle", "solid", assigns) do
-    ~H"""
-    <svg class={{@class}} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
+    ~F"""
+    <svg class={@class} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
       <path d="M9 9a2 2 0 114 0 2 2 0 01-4 0z" />
       <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm1-13a4 4 0 00-3.446 6.032l-2.261 2.26a1 1 0 101.414 1.415l2.261-2.261A4 4 0 1011 5z" clip-rule="evenodd" />
     </svg>
@@ -38,48 +38,48 @@ defmodule AshAdmin.Components.HeroIcon do
   end
 
   defp render_heroicon("key", "solid", assigns) do
-    ~H"""
-    <svg class={{@class}} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
+    ~F"""
+    <svg class={@class} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
       <path fill-rule="evenodd" d="M18 8a6 6 0 01-7.743 5.743L10 14l-1 1-1 1H6v2H2v-4l4.257-4.257A6 6 0 1118 8zm-6-4a1 1 0 100 2 2 2 0 012 2 1 1 0 102 0 4 4 0 00-4-4z" clip-rule="evenodd" />
     </svg>
     """
   end
 
   defp render_heroicon("check", "solid", assigns) do
-    ~H"""
-    <svg class={{@class}} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
+    ~F"""
+    <svg class={@class} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
       <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
     </svg>
     """
   end
 
   defp render_heroicon("x", "solid", assigns) do
-    ~H"""
-    <svg class={{@class}} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
+    ~F"""
+    <svg class={@class} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
       <path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd" />
     </svg>
     """
   end
 
   defp render_heroicon("information-circle", "solid", assigns) do
-    ~H"""
-    <svg class={{@class}} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
+    ~F"""
+    <svg class={@class} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
       <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z" clip-rule="evenodd" />
     </svg>
     """
   end
 
   defp render_heroicon("pencil", "solid", assigns) do
-    ~H"""
-    <svg class={{@class}} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
+    ~F"""
+    <svg class={@class} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
       <path d="M13.586 3.586a2 2 0 112.828 2.828l-.793.793-2.828-2.828.793-.793zM11.379 5.793L3 14.172V17h2.828l8.38-8.379-2.83-2.828z" />
     </svg>
     """
   end
 
   defp render_heroicon("x-circle", "solid", assigns) do
-    ~H"""
-    <svg class={{@class}} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
+    ~F"""
+    <svg class={@class} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
       <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd" />
     </svg>
     """
diff --git a/lib/ash_admin/components/resource/attribute_table.ex b/lib/ash_admin/components/resource/attribute_table.ex
index ad0fdea..b0ee3a5 100644
--- a/lib/ash_admin/components/resource/attribute_table.ex
+++ b/lib/ash_admin/components/resource/attribute_table.ex
@@ -5,8 +5,8 @@ defmodule AshAdmin.Components.Resource.AttributeTable do
   prop(resource, :any, required: true)
 
   def render(assigns) do
-    ~H"""
-    <div :if={{ Enum.any?(attributes(@resource)) }}>
+    ~F"""
+    <div :if={Enum.any?(attributes(@resource))}>
       <h1 class="text-center text-3xl rounded-t py-8">
         Attributes
       </h1>
@@ -24,20 +24,20 @@ defmodule AshAdmin.Components.Resource.AttributeTable do
         </thead>
         <tbody>
           <tr
-            class={{ "h-10", "bg-gray-200": rem(index, 2) == 0 }}
-            :for.with_index={{ {attribute, index} <- attributes(@resource) }}
+            class={"h-10", "bg-gray-200": rem(index, 2) == 0}
+            :for.with_index={{attribute, index} <- attributes(@resource)}
           >
             <th scope="row" class="text-center px-3">
-              {{ attribute.name }}
+              {attribute.name}
             </th>
             <td class="text-center px-3">
-              {{ attribute_type(attribute) }}
+              {attribute_type(attribute)}
             </td>
-            <td class="text-center max-w-sm min-w-sm">{{ attribute.description }}</td>
-            <td class="text-center">{{ to_string(attribute.primary_key?) }}</td>
-            <td class="text-center">{{ to_string(attribute.private?) }}</td>
-            <td class="text-center">{{ to_string(attribute.allow_nil?) }}</td>
-            <td class="text-center">{{ to_string(attribute.writable?) }}</td>
+            <td class="text-center max-w-sm min-w-sm">{attribute.description}</td>
+            <td class="text-center">{to_string(attribute.primary_key?)}</td>
+            <td class="text-center">{to_string(attribute.private?)}</td>
+            <td class="text-center">{to_string(attribute.allow_nil?)}</td>
+            <td class="text-center">{to_string(attribute.writable?)}</td>
           </tr>
         </tbody>
       </table>
diff --git a/lib/ash_admin/components/resource/data_table.ex b/lib/ash_admin/components/resource/data_table.ex
index e90c9aa..bbd6b6a 100644
--- a/lib/ash_admin/components/resource/data_table.ex
+++ b/lib/ash_admin/components/resource/data_table.ex
@@ -144,25 +144,25 @@ defmodule AshAdmin.Components.Resource.DataTable do
   end
 
   def render(assigns) do
-    ~H"""
+    ~F"""
     <div>
       <div class="sm:mt-0 bg-gray-300 min-h-screen">
         <div
-          :if={{ @action.arguments != [] }}
+          :if={@action.arguments != []}
           class="md:grid md:grid-cols-3 md:gap-6 md:mx-16 md:pt-10 mb-10"
         >
           <div class="md:mt-0 md:col-span-2">
             <div class="shadow-lg overflow-hidden pt-2 sm:rounded-md bg-white">
               <div class="px-4 sm:p-6">
                 <Form
-                  :if={{ @query }}
-                  as={{ :query }}
-                  for={{ @query }}
+                  :if={@query}
+                  as={:query}
+                  for={@query}
                   change="validate"
                   submit="save"
-                  :let={{ form: form }}
+                  :let={form: form}
                 >
-                  {{ AshAdmin.Components.Resource.Form.render_attributes(assigns, @resource, @action, form) }}
+                  {AshAdmin.Components.Resource.Form.render_attributes(assigns, @resource, @action, form)}
                   <div class="px-4 py-3 text-right sm:px-6">
                     <button
                       type="submit"
@@ -178,46 +178,46 @@ defmodule AshAdmin.Components.Resource.DataTable do
         </div>
 
         <div
-          :if={{ AshAdmin.Resource.polymorphic?(@resource) }}
+          :if={AshAdmin.Resource.polymorphic?(@resource)}
           class="md:grid md:grid-cols-3 md:gap-6 md:mx-16 md:pt-10 mb-10"
         >
           <div class="md:mt-0 md:col-span-2">
             <div class="px-4 sm:p-6">
               <AshAdmin.Components.Resource.SelectTable
-                resource={{ @resource }}
+                resource={@resource}
                 on_change="change_table"
-                table={{ @table }}
-                tables={{ @tables }}
+                table={@table}
+                tables={@tables}
               />
             </div>
           </div>
         </div>
 
-        <div :if={{ @action.arguments == [] || @params["args"] }} class="h-full overflow-scroll md:mx-4">
+        <div :if={@action.arguments == [] || @params["args"]} class="h-full overflow-scroll md:mx-4">
           <div class="shadow-lg overflow-scroll sm:rounded-md bg-white">
-            <div :if={{ match?({:error, _}, @data) }}>
-              {{ {:error, %{query: query}} = @data
-              nil }}
+            <div :if={match?({:error, _}, @data)}>
+              {{:error, %{query: query}} = @data
+              nil}
               <ul>
-                <li :for={{ error <- query.errors }}>
-                  {{ message(error) }}
+                <li :for={error <- query.errors}>
+                  {message(error)}
                 </li>
               </ul>
             </div>
             <div class="px-2">
-              {{ render_pagination_links(assigns, :top) }}
+              {render_pagination_links(assigns, :top)}
               <Table
-                :if={{ match?({:ok, _data}, @data) }}
-                table={{ @table }}
-                data={{ data(@data) }}
-                resource={{ @resource }}
-                api={{ @api }}
-                set_actor={{ @set_actor }}
-                attributes={{ AshAdmin.Resource.table_columns(@resource) }}
-                format_fields={{ AshAdmin.Resource.format_fields(@resource) }}
-                prefix={{ @prefix }}
+                :if={match?({:ok, _data}, @data)}
+                table={@table}
+                data={data(@data)}
+                resource={@resource}
+                api={@api}
+                set_actor={@set_actor}
+                attributes={AshAdmin.Resource.table_columns(@resource)}
+                format_fields={AshAdmin.Resource.format_fields(@resource)}
+                prefix={@prefix}
               />
-              {{ render_pagination_links(assigns, :bottom) }}
+              {render_pagination_links(assigns, :bottom)}
             </div>
           </div>
         </div>
@@ -264,36 +264,28 @@ defmodule AshAdmin.Components.Resource.DataTable do
   def handle_event("change_table", %{"table" => %{"table" => table}}, socket) do
     {:noreply,
      push_redirect(socket,
-       to:
-         ash_action_path(
-           socket.assigns.prefix,
-           socket.assigns.api,
-           socket.assigns.resource,
-           socket.assigns.action.type,
-           socket.assigns.action.name,
-           table
-         )
+       to: self_path(socket.assigns.url_path, socket.assigns.params, %{"table" => table})
      )}
   end
 
   defp render_pagination_links(assigns, placement) do
-    ~H"""
+    ~F"""
     <div
-      :if={{ (offset?(@data) || keyset?(@data)) && show_pagination_links?(@data, placement) }}
+      :if={(offset?(@data) || keyset?(@data)) && show_pagination_links?(@data, placement)}
       class="w-5/6 mx-auto"
     >
       <div class="bg-white px-4 py-3 flex items-center justify-between border-t border-gray-200 sm:px-6">
         <div class="flex-1 flex justify-between sm:hidden">
           <button
-            :if={{ !(keyset?(@data) && is_nil(@params["page"])) && prev_page?(@data) }}
+            :if={!(keyset?(@data) && is_nil(@params["page"])) && prev_page?(@data)}
             :on-click="prev_page"
             class="relative inline-flex items-center px-4 py-2 border border-gray-300 text-sm font-medium rounded-md text-gray-700 bg-white hover:text-gray-500"
           >
             Previous
           </button>
-          {{ render_pagination_information(assigns, true) }}
+          {render_pagination_information(assigns, true)}
           <button
-            :if={{ next_page?(@data) }}
+            :if={next_page?(@data)}
             :on-click="next_page"
             class="ml-3 relative inline-flex items-center px-4 py-2 border border-gray-300 text-sm font-medium rounded-md text-gray-700 bg-white hover:text-gray-500"
           >
@@ -302,12 +294,12 @@ defmodule AshAdmin.Components.Resource.DataTable do
         </div>
         <div class="hidden sm:flex-1 sm:flex sm:items-center sm:justify-between">
           <div>
-            {{ render_pagination_information(assigns) }}
+            {render_pagination_information(assigns)}
           </div>
           <div>
             <nav class="relative z-0 inline-flex rounded-md shadow-sm -space-x-px" aria-label="Pagination">
               <button
-                :if={{ !(keyset?(@data) && is_nil(@params["page"])) && prev_page?(@data) }}
+                :if={!(keyset?(@data) && is_nil(@params["page"])) && prev_page?(@data)}
                 :on-click="prev_page"
                 class="relative inline-flex items-center px-2 py-2 rounded-l-md border border-gray-300 bg-white text-sm font-medium text-gray-500 hover:bg-gray-50"
               >
@@ -327,13 +319,13 @@ defmodule AshAdmin.Components.Resource.DataTable do
                   />
                 </svg>
               </button>
-              <span :if={{ offset?(@data) }}>
-                {{ render_page_links(assigns, leading_page_nums(@data)) }}
-                {{ render_middle_page_num(assigns, @page_num, trailing_page_nums(@data)) }}
-                {{ render_page_links(assigns, trailing_page_nums(@data)) }}
+              <span :if={offset?(@data)}>
+                {render_page_links(assigns, leading_page_nums(@data))}
+                {render_middle_page_num(assigns, @page_num, trailing_page_nums(@data))}
+                {render_page_links(assigns, trailing_page_nums(@data))}
               </span>
               <button
-                :if={{ next_page?(@data) }}
+                :if={next_page?(@data)}
                 :on-click="next_page"
                 class="relative inline-flex items-center px-2 py-2 rounded-r-md border border-gray-300 bg-white text-sm font-medium text-gray-500 hover:bg-gray-50"
               >
@@ -362,33 +354,33 @@ defmodule AshAdmin.Components.Resource.DataTable do
   end
 
   defp render_page_links(assigns, page_nums) do
-    ~H"""
+    ~F"""
     <button
       :on-click="specific_page"
-      phx-value-page={{ i }}
-      :for={{ i <- page_nums }}
-      class={{
+      phx-value-page={i}
+      :for={i <- page_nums}
+      class={
         "relative inline-flex items-center px-4 py-2 border border-gray-300 bg-white text-sm font-medium text-gray-700 hover:bg-gray-50",
         "bg-gray-300": @page_num == i
-      }}
+      }
     >
-      {{ i }}
+      {i}
     </button>
     """
   end
 
   defp render_pagination_information(assigns, small? \\ false) do
-    ~H"""
-    <p class={{ "text-sm text-gray-700", "sm:hidden": small? }}>
-      <span :if={{ offset?(@data) }}>
+    ~F"""
+    <p class={"text-sm text-gray-700", "sm:hidden": small?}>
+      <span :if={offset?(@data)}>
         Showing
-        <span class="font-medium">{{ first(@data) }}</span>
+        <span class="font-medium">{first(@data)}</span>
         to
-        <span class="font-medium">{{ last(@data) }}</span>
+        <span class="font-medium">{last(@data)}</span>
         of
       </span>
-      <span :if={{ count(@data) }}>
-        <span class="font-medium">{{ count(@data) }}</span>
+      <span :if={count(@data)}>
+        <span class="font-medium">{count(@data)}</span>
         results
       </span>
     </p>
@@ -435,19 +427,19 @@ defmodule AshAdmin.Components.Resource.DataTable do
   defp render_middle_page_num(assigns, num, trailing_page_nums) do
     ellipsis? = num in trailing_page_nums || num <= 3
 
-    ~H"""
+    ~F"""
     <span
-      :if={{ show_ellipses?(@data) }}
-      class={{
+      :if={show_ellipses?(@data)}
+      class={
         "relative inline-flex items-center px-4 py-2 border border-gray-300 bg-white text-sm font-medium text-gray-700",
         "bg-gray-300": !ellipsis?
-      }}
+      }
     >
-      <span :if={{ ellipsis? }}>
+      <span :if={ellipsis?}>
         ...
       </span>
-      <span :if={{ !ellipsis? }}>
-        {{ num }}
+      <span :if={!ellipsis?}>
+        {num}
       </span>
     </span>
     """
diff --git a/lib/ash_admin/components/resource/form.ex b/lib/ash_admin/components/resource/form.ex
index 5ee79b2..f4cf4e6 100644
--- a/lib/ash_admin/components/resource/form.ex
+++ b/lib/ash_admin/components/resource/form.ex
@@ -90,23 +90,23 @@ defmodule AshAdmin.Components.Resource.Form do
   end
 
   def render(assigns) do
-    ~H"""
+    ~F"""
     <div class="md:pt-10 sm:mt-0 bg-gray-300 min-h-screen">
       <div class="md:grid md:grid-cols-3 md:gap-6 md:mx-16 md:mt-10">
         <div class="mt-5 md:mt-0 md:col-span-2">
-          {{ render_form(assigns) }}
+          {render_form(assigns)}
         </div>
       </div>
 
-      <div :if={{ @type != :create }} class="md:grid md:grid-cols-3 md:gap-6 md:mx-16 md:mt-10">
+      <div :if={@type != :create} class="md:grid md:grid-cols-3 md:gap-6 md:mx-16 md:mt-10">
         <div class="mt-5 md:mt-0 md:col-span-2">
-          {{ AshAdmin.Components.Resource.Show.render_show(
+          {AshAdmin.Components.Resource.Show.render_show(
             assigns,
             @record,
             @resource,
             "Original Record",
             false
-          ) }}
+          )}
         </div>
       </div>
     </div>
@@ -114,61 +114,61 @@ defmodule AshAdmin.Components.Resource.Form do
   end
 
   defp render_form(assigns) do
-    ~H"""
+    ~F"""
     <div class="shadow-lg overflow-hidden sm:rounded-md bg-white">
-      <div :if={{ @form.submitted_once? }} class="ml-4 mt-4 text-red-500">
+      <div :if={@form.submitted_once?} class="ml-4 mt-4 text-red-500">
         <ul>
-          <li :for={{ {field, message} <- AshPhoenix.Form.errors(@form) }}>
-            <span :if={{field}}>
-              {{ to_name(field) }}:
+          <li :for={{field, message} <- AshPhoenix.Form.errors(@form)}>
+            <span :if={field}>
+              {to_name(field)}:
             </span>
             <span>
-              {{message}}
+              {message}
             </span>
           </li>
         </ul>
       </div>
       <h1 class="text-lg mt-2 ml-4">
-        {{ String.capitalize(to_string(@action.type)) }} {{AshAdmin.Resource.name(@resource)}}
+        {String.capitalize(to_string(@action.type))} {AshAdmin.Resource.name(@resource)}
       </h1>
       <div class="flex justify-between col-span-6 mr-4 mt-2 overflow-auto px-4">
         <AshAdmin.Components.Resource.SelectTable
-          resource={{ @resource }}
+          resource={@resource}
           on_change="change_table"
-          table={{ @table }}
-          tables={{ @tables }}
+          table={@table}
+          tables={@tables}
         />
         <Form
-          as={{ :action }}
-          for={{ :action }}
+          as={:action}
+          for={:action}
           change="change_action"
-          opts={{id: @id <> "_action_form"}}
+          opts={id: @id <> "_action_form"}
         >
           <FieldContext name="action">
             <Label>Action</Label>
             <Select
-              opts={{disabled: Enum.count(actions(@resource, @type)) <= 1 }}
-              selected={{ to_string(@action.name) }} options={{ actions(@resource, @type) }} />
+              opts={disabled: Enum.count(actions(@resource, @type)) <= 1}
+              selected={to_string(@action.name)} options={actions(@resource, @type)} />
           </FieldContext>
         </Form>
       </div>
       <div class="px-4 py-5 sm:p-6">
         <Form
-          for={{ @form }}
+          for={@form}
           change="validate"
           submit="save"
-          opts={{ autocomplete: false, id: @id <> "_form" }}
-          :let={{ form: form }}
+          opts={autocomplete: false, id: @id <> "_form"}
+          :let={form: form}
         >
           <input hidden phx-hook="FormChange" id="resource_form">
-          <input :for={{kv <- form.hidden}} name={{form.name <> "[#{elem(kv, 0)}]"}} value={{elem(kv, 1)}} hidden>
-          {{ render_attributes(assigns, @resource, @action, form) }}
+          <input :for={kv <- form.hidden} name={form.name <> "[#{elem(kv, 0)}]"} value={elem(kv, 1)} hidden>
+          {render_attributes(assigns, @resource, @action, form)}
           <div class="px-4 py-3 text-right sm:px-6">
             <button
               type="submit"
               class="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"
             >
-              {{ save_button_text(@type) }}
+              {save_button_text(@type)}
             </button>
           </div>
         </Form>
@@ -188,72 +188,72 @@ defmodule AshAdmin.Components.Resource.Form do
         exactly \\ nil,
         skip \\ []
       ) do
-    ~H"""
-    {{ {attributes, flags, bottom_attributes, relationship_args} = attributes(resource, action, exactly)
-    nil }}
-    <Context put={{ Form, form: form }}>
+    ~F"""
+    {{attributes, flags, bottom_attributes, relationship_args} = attributes(resource, action, exactly)
+    nil}
+    <Context put={Form, form: form}>
       <div class="grid grid-cols-6 gap-6">
         <div
-          :for={{ attribute <- Enum.reject(attributes, &(&1.name in skip)) }}
-          class={{
+          :for={attribute <- Enum.reject(attributes, &(&1.name in skip))}
+          class={
             "col-span-6",
             "sm:col-span-2": short_text?(resource, attribute),
             "sm:col-span-3": !long_text?(resource, attribute)
-          }}
+          }
         >
-          <FieldContext name={{ attribute.name }}>
-            <Label class="block text-sm font-medium text-gray-700">{{ to_name(attribute.name) }}</Label>
-              {{ render_attribute_input(assigns, attribute, form) }}
-            <ErrorTag :if={{!Ash.Type.embedded_type?(attribute.type)}} field={{ attribute.name }} />
+          <FieldContext name={attribute.name}>
+            <Label class="block text-sm font-medium text-gray-700">{to_name(attribute.name)}</Label>
+              {render_attribute_input(assigns, attribute, form)}
+            <ErrorTag :if={!Ash.Type.embedded_type?(attribute.type)} field={attribute.name} />
           </FieldContext>
         </div>
       </div>
-      <div :if={{ !Enum.empty?(flags) }} class="hidden sm:block" aria-hidden="true">
+      <div :if={!Enum.empty?(flags)} class="hidden sm:block" aria-hidden="true">
         <div class="py-5">
           <div class="border-t border-gray-200" />
         </div>
       </div>
-      <div class="grid grid-cols-6 gap-6" :if={{ !Enum.empty?(flags) }}>
+      <div class="grid grid-cols-6 gap-6" :if={!Enum.empty?(flags)}>
         <div
-          :for={{ attribute <- flags }}
-          class={{
+          :for={attribute <- flags}
+          class={
             "col-span-6",
             "sm:col-span-2": short_text?(resource, attribute),
             "sm:col-span-3": !long_text?(resource, attribute)
-          }}
+          }
         >
-          <FieldContext name={{ attribute.name }}>
-            <Label class="block text-sm font-medium text-gray-700">{{ to_name(attribute.name) }}</Label>
-            {{ render_attribute_input(assigns, attribute, form) }}
-            <ErrorTag :if={{!Ash.Type.embedded_type?(attribute.type)}} field={{ attribute.name }} />
+          <FieldContext name={attribute.name}>
+            <Label class="block text-sm font-medium text-gray-700">{to_name(attribute.name)}</Label>
+            {render_attribute_input(assigns, attribute, form)}
+            <ErrorTag :if={!Ash.Type.embedded_type?(attribute.type)} field={attribute.name} />
           </FieldContext>
         </div>
       </div>
-      <div :if={{ !Enum.empty?(bottom_attributes) }} class="hidden sm:block" aria-hidden="true">
+      <div :if={!Enum.empty?(bottom_attributes)} class="hidden sm:block" aria-hidden="true">
         <div class="py-5">
           <div class="border-t border-gray-200" />
         </div>
       </div>
-      <div class="grid grid-cols-6 gap-6" :if={{ !Enum.empty?(bottom_attributes) }}>
+      <div class="grid grid-cols-6 gap-6" :if={!Enum.empty?(bottom_attributes)}>
         <div
-          :for={{ attribute <- bottom_attributes }}
-          class={{
+          :for={attribute <- bottom_attributes}
+          class={
             "col-span-6",
             "sm:col-span-2": short_text?(resource, attribute),
             "sm:col-span-3": !(long_text?(resource, attribute) || Ash.Type.embedded_type?(attribute.type))
-          }}
+          }
         >
-          <FieldContext name={{ attribute.name }}>
-            <Label class="block text-sm font-medium text-gray-700">{{ to_name(attribute.name) }}</Label>
-            {{ render_attribute_input(assigns, attribute, form) }}
-            <ErrorTag :if={{!Ash.Type.embedded_type?(attribute.type)}} field={{ attribute.name }} />
+          <FieldContext name={attribute.name}>
+            <Label class="block text-sm font-medium text-gray-700">{to_name(attribute.name)}</Label>
+            {render_attribute_input(assigns, attribute, form)}
+            <ErrorTag :if={!Ash.Type.embedded_type?(attribute.type)} field={attribute.name} />
           </FieldContext>
         </div>
       </div>
-      <div :for={{{relationship, argument, opts} <- relationship_args}}>
-        <FieldContext name={{argument.name}} :if={{relationship not in skip and argument.name not in skip}}>
-          <Label class="block text-sm font-medium text-gray-700">{{ to_name(argument.name)}}</Label>
-          {{ render_relationship_input(assigns, Ash.Resource.Info.relationship(form.source.resource, relationship), form, argument, opts) }}
+      <div :for={{relationship, argument, opts} <- relationship_args}>
+        <FieldContext name={argument.name} :if={relationship not in skip and argument.name not in skip}>
+          <Label class="block text-sm font-medium text-gray-700">{to_name(argument.name)}</Label>
+          {render_relationship_input(assigns, Ash.Resource.Info.relationship(form.source.resource, relationship), form, argument, opts)}
         </FieldContext>
       </div>
     </Context>
@@ -267,39 +267,39 @@ defmodule AshAdmin.Components.Resource.Form do
          argument,
          opts
        ) do
-    ~H"""
-    <div :if={{ !needs_to_load?(opts) || loaded?(form.source.source, relationship.name) }}>
+    ~F"""
+    <div :if={!needs_to_load?(opts) || loaded?(form.source.source, relationship.name)}>
       <Inputs
-        form={{ form }}
-        for={{ argument.name }}
-        :let={{ form: inner_form }}
+        form={form}
+        for={argument.name}
+        :let={form: inner_form}
       >
-        <div :if={{ @form.submitted_once? }} class="ml-4 mt-4 text-red-500">
+        <div :if={@form.submitted_once?} class="ml-4 mt-4 text-red-500">
           <ul>
-            <li :for={{ {field, message} <- AshPhoenix.Form.errors(@form, inner_form.name) }}>
-              <span :if={{field}}>
-                {{ to_name(field) }}:
+            <li :for={{field, message} <- AshPhoenix.Form.errors(@form, inner_form.name)}>
+              <span :if={field}>
+                {to_name(field)}:
               </span>
               <span>
-                {{message}}
+                {message}
               </span>
             </li>
           </ul>
         </div>
-        <input :for={{kv <- inner_form.hidden}} name={{inner_form.name <> "[#{elem(kv, 0)}]"}} value={{elem(kv, 1)}} hidden>
-        {{ render_attributes(
+        <input :for={kv <- inner_form.hidden} name={inner_form.name <> "[#{elem(kv, 0)}]"} value={elem(kv, 1)} hidden>
+        {render_attributes(
           assigns,
           inner_form.source.resource,
           inner_form.source.source.action,
           inner_form,
           relationship_fields(inner_form),
           skip_related(relationship)
-        ) }}
+        )}
         <button
         type="button"
         :on-click="remove_form"
-        :if={{can_remove_related?(inner_form, opts)}}
-        phx-value-path={{ inner_form.name }}
+        :if={can_remove_related?(inner_form, opts)}
+        phx-value-path={inner_form.name}
         class="flex h-6 w-6 mt-2 border-gray-600 hover:bg-gray-400 rounded-md justify-center items-center"
       >
         <HeroIcon name="minus" class="h-4 w-4 text-gray-500" />
@@ -309,9 +309,9 @@ defmodule AshAdmin.Components.Resource.Form do
       <button
         type="button"
         :on-click="add_form"
-        :if={{ can_add_related?(form, :read_action, argument)}}
-        phx-value-path={{ form.name <> "[#{argument.name}]" }}
-        phx-value-type={{ "lookup" }}
+        :if={can_add_related?(form, :read_action, argument)}
+        phx-value-path={form.name <> "[#{argument.name}]"}
+        phx-value-type={"lookup"}
         class="flex h-6 w-6 m-2 border-gray-600 hover:bg-gray-400 rounded-md justify-center items-center"
       >
         <HeroIcon name="search-circle" class="h-4 w-4 text-gray-500" />
@@ -320,9 +320,9 @@ defmodule AshAdmin.Components.Resource.Form do
       <button
         type="button"
         :on-click="add_form"
-        :if={{ can_add_related?(form, :create_action, argument) }}
-        phx-value-path={{ form.name <> "[#{argument.name}]" }}
-        phx-value-type={{"create"}}
+        :if={can_add_related?(form, :create_action, argument)}
+        phx-value-path={form.name <> "[#{argument.name}]"}
+        phx-value-type={"create"}
         class="flex h-6 w-6 m-2 border-gray-600 hover:bg-gray-400 rounded-md justify-center items-center"
       >
         <HeroIcon name="plus" class="h-4 w-4 text-gray-500" />
@@ -330,29 +330,29 @@ defmodule AshAdmin.Components.Resource.Form do
       <button
         type="button"
         :on-click="add_form"
-        :if={{ form.source.form_keys[argument.name][:read_form] && !relationship_set?(form.source.source, relationship.name, argument.name) }}
-        phx-value-path={{ form.name <> "[#{argument.name}]" }}
-        phx-value-type={{ "lookup" }}
+        :if={form.source.form_keys[argument.name][:read_form] && !relationship_set?(form.source.source, relationship.name, argument.name)}
+        phx-value-path={form.name <> "[#{argument.name}]"}
+        phx-value-type={"lookup"}
         class="flex h-6 w-6 m-2 border-gray-600 hover:bg-gray-400 rounded-md justify-center items-center"
       >
         <HeroIcon name="plus" class="h-4 w-4 text-gray-500" />
       </button>
     </div>
-    <div :if={{ needs_to_load?(opts) && !loaded?(form.source.source, relationship.name) }}>
+    <div :if={needs_to_load?(opts) && !loaded?(form.source.source, relationship.name)}>
       <button
         :on-click="load"
-        phx-value-path={{form.name}}
-        phx-value-relationship={{relationship.name}}
+        phx-value-path={form.name}
+        phx-value-relationship={relationship.name}
         type="button"
         class="flex py-2 ml-4 px-4 mt-2 bg-indigo-600 text-white border-gray-600 hover:bg-gray-400 rounded-md justify-center items-center"
       >
         Load
       </button>
-      <div :if={{ is_exception(@load_errors[relationship.name]) }}>
-        {{ Exception.message(@load_errors[relationship.name]) }}
+      <div :if={is_exception(@load_errors[relationship.name])}>
+        {Exception.message(@load_errors[relationship.name])}
       </div>
-      <div :if={{ @load_errors[relationship.name] && !is_exception(@load_errors[relationship.name]) }}>
-        {{ inspect(@load_errors[relationship.name]) }}
+      <div :if={@load_errors[relationship.name] && !is_exception(@load_errors[relationship.name])}>
+        {inspect(@load_errors[relationship.name])}
       </div>
     </div>
     """
@@ -478,13 +478,13 @@ defmodule AshAdmin.Components.Resource.Form do
         value,
         name
       ) do
-    ~H"""
+    ~F"""
     <Checkbox
-      form={{ form }}
-      value={{value(value, form, attribute)}}
-      name={{name || form.name <> "[#{attribute.name}]"}}
+      form={form}
+      value={value(value, form, attribute)}
+      name={name || form.name <> "[#{attribute.name}]"}
       class="focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300 rounded"
-      :props={{props(value, attribute)}}
+      :props={props(value, attribute)}
     />
     """
   end
@@ -498,13 +498,13 @@ defmodule AshAdmin.Components.Resource.Form do
         value,
         name
       ) do
-    ~H"""
+    ~F"""
     <Select
-    form={{ form }}
-    options={{ Nil: nil, True: "true", False: "false" }}
-    selected={{value(value, form, attribute)}}
-    name={{name || form.name <> "[#{attribute.name}]"}}
-    :props={{props(value, attribute)}} />
+    form={form}
+    options={Nil: nil, True: "true", False: "false"}
+    selected={value(value, form, attribute)}
+    name={name || form.name <> "[#{attribute.name}]"}
+    :props={props(value, attribute)} />
     """
   end
 
@@ -521,54 +521,54 @@ defmodule AshAdmin.Components.Resource.Form do
       when type in [Ash.Type.CiString, Ash.Type.String, Ash.Type.UUID, Ash.Type.Atom] do
     cond do
       type == Ash.Type.Atom && attribute.constraints[:one_of] ->
-        ~H"""
+        ~F"""
         <Select
-          form={{ form }}
-          :props={{props(value, attribute)}}
-          options={{ Enum.map(attribute.constraints[:one_of], &{to_name(&1), &1}) ++ allow_nil_option(attribute) }}
-          selected={{value(value, form, attribute)}}
-          name={{name || form.name <> "[#{attribute.name}]"}}
+          form={form}
+          :props={props(value, attribute)}
+          options={Enum.map(attribute.constraints[:one_of], &{to_name(&1), &1}) ++ allow_nil_option(attribute)}
+          selected={value(value, form, attribute)}
+          name={name || form.name <> "[#{attribute.name}]"}
         />
         """
 
       long_text?(form.source.resource, attribute) ->
-        ~H"""
+        ~F"""
         <TextArea
-          form={{ form }}
-          :props={{props(value, attribute)}}
-          name={{name || form.name <> "[#{attribute.name}]"}}
-          opts={{
+          form={form}
+          :props={props(value, attribute)}
+          name={name || form.name <> "[#{attribute.name}]"}
+          opts={
             type: text_input_type(attribute),
             placeholder: placeholder(default),
             phx_hook: "MaintainAttrs",
             data_attrs: "style"
-          }}
-          value={{value(value, form, attribute)}}
+          }
+          value={value(value, form, attribute)}
           class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md resize-y"
         />
         """
 
       short_text?(form.source.resource, attribute) ->
-        ~H"""
+        ~F"""
         <TextInput
-          form={{ form }}
-          :props={{props(value, attribute)}}
-          opts={{ type: text_input_type(attribute), placeholder: placeholder(default) }}
-          value={{value(value, form, attribute)}}
+          form={form}
+          :props={props(value, attribute)}
+          opts={type: text_input_type(attribute), placeholder: placeholder(default)}
+          value={value(value, form, attribute)}
           class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md"
-          name={{name || form.name <> "[#{attribute.name}]"}}
+          name={name || form.name <> "[#{attribute.name}]"}
         />
         """
 
       true ->
-        ~H"""
+        ~F"""
         <TextInput
-          form={{ form }}
-          :props={{props(value, attribute)}}
-          opts={{ type: text_input_type(attribute), placeholder: placeholder(default) }}
-          value={{value(value, form, attribute)}}
+          form={form}
+          :props={props(value, attribute)}
+          opts={type: text_input_type(attribute), placeholder: placeholder(default)}
+          value={value(value, form, attribute)}
           class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md"
-          name={{name || form.name <> "[#{attribute.name}]"}}
+          name={name || form.name <> "[#{attribute.name}]"}
         />
         """
     end
@@ -587,33 +587,33 @@ defmodule AshAdmin.Components.Resource.Form do
   def render_attribute_input(assigns, %{type: Ash.Type.Map} = attribute, form, value, name) do
     encoded = Jason.encode!(value(value, form, attribute))
 
-    ~H"""
+    ~F"""
     <div>
       <div
       phx-hook="JsonEditor"
       phx-update="ignore"
-      data-input-id={{form.id <> "_#{attribute.name}"}}
-      id={{form.id <> "_#{attribute.name}_json"}}
+      data-input-id={form.id <> "_#{attribute.name}"}
+      id={form.id <> "_#{attribute.name}_json"}
       />
 
       <HiddenInput
-        opts={{phx_hook: "JsonEditorSource", data_editor_id: form.id <> "_#{attribute.name}_json"}}
-        form={{ form }}
-        value={{encoded}}
-        name={{name || form.name <> "[#{attribute.name}]"}}
-        id={{form.id <> "_#{attribute.name}"}}
+        opts={phx_hook: "JsonEditorSource", data_editor_id: form.id <> "_#{attribute.name}_json"}
+        form={form}
+        value={encoded}
+        name={name || form.name <> "[#{attribute.name}]"}
+        id={form.id <> "_#{attribute.name}"}
         class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md"
       />
     </div>
     """
   rescue
     _ ->
-      ~H"""
+      ~F"""
       <TextInput
-        form={{ form }}
-        opts={{ disabled: true }}
-        value={{"..."}}
-        name={{name || form.name <> "[#{attribute.name}]"}}
+        form={form}
+        opts={disabled: true}
+        value={"..."}
+        name={name || form.name <> "[#{attribute.name}]"}
         class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md"
       />
       """
@@ -622,26 +622,26 @@ defmodule AshAdmin.Components.Resource.Form do
   def render_attribute_input(assigns, attribute, form, value, name) do
     cond do
       Ash.Type.embedded_type?(attribute.type) ->
-        ~H"""
-        <Inputs form={{ form }} for={{ attribute.name }} :let={{ form: inner_form }}>
-          <input :for={{kv <- inner_form.hidden}} name={{inner_form.name <> "[#{elem(kv, 0)}]"}} value={{elem(kv, 1)}} hidden>
+        ~F"""
+        <Inputs form={form} for={attribute.name} :let={form: inner_form}>
+          <input :for={kv <- inner_form.hidden} name={inner_form.name <> "[#{elem(kv, 0)}]"} value={elem(kv, 1)} hidden>
           <button
             type="button"
             :on-click="remove_form"
-            phx-value-path={{ inner_form.name }}
+            phx-value-path={inner_form.name}
             class="flex h-6 w-6 mt-2 border-gray-600 hover:bg-gray-400 rounded-md justify-center items-center"
           >
             <HeroIcon name="minus" class="h-4 w-4 text-gray-500" />
           </button>
 
-          {{ render_attributes(assigns, inner_form.source.resource, inner_form.source.source.action, inner_form) }}
+          {render_attributes(assigns, inner_form.source.resource, inner_form.source.source.action, inner_form)}
         </Inputs>
         <button
           type="button"
           :on-click="add_form"
-          :if={{can_append_embed?(form.source.source, attribute.name)}}
-          phx-value-pkey={{embedded_type_pkey(attribute.type)}}
-          phx-value-path={{ name || form.name <> "[#{attribute.name}]" }}
+          :if={can_append_embed?(form.source.source, attribute.name)}
+          phx-value-pkey={embedded_type_pkey(attribute.type)}
+          phx-value-path={name || form.name <> "[#{attribute.name}]"}
           class="flex h-6 w-6 mt-2 border-gray-600 hover:bg-gray-400 rounded-md justify-center items-center"
         >
           <HeroIcon name="plus" class="h-4 w-4 text-gray-500" />
@@ -649,13 +649,13 @@ defmodule AshAdmin.Components.Resource.Form do
         """
 
       is_atom(attribute.type) && :erlang.function_exported(attribute.type, :values, 0) ->
-        ~H"""
+        ~F"""
         <Select
-          form={{ form }}
-          :props={{props(value, attribute)}}
-          options={{ Enum.map(attribute.type.values(), &{to_name(&1), &1}) ++ allow_nil_option(attribute) }}
-          selected={{value(value, form, attribute)}}
-          name={{name || form.name <> "[#{attribute.name}]"}}
+          form={form}
+          :props={props(value, attribute)}
+          options={Enum.map(attribute.type.values(), &{to_name(&1), &1}) ++ allow_nil_option(attribute)}
+          selected={value(value, form, attribute)}
+          name={name || form.name <> "[#{attribute.name}]"}
         />
         """
 
@@ -667,16 +667,16 @@ defmodule AshAdmin.Components.Resource.Form do
   defp render_fallback_attribute(assigns, form, %{type: {:array, type}} = attribute, value, name) do
     name = name || form.name <> "[#{attribute.name}]"
 
-    ~H"""
+    ~F"""
     <div>
-      <div :for.with_index={{{value, index} <- list_value(value || Phoenix.HTML.FormData.input_value(form.source, form, attribute.name))}}>
-          {{render_attribute_input(assigns, %{attribute | type: type, constraints: attribute.constraints[:items] || []}, %{form | params: %{"#{attribute.name}" => form.params["#{attribute.name}"]["#{index}"]}}, {:value, value}, name <> "[#{index}]")}}
+      <div :for.with_index={{value, index} <- list_value(value || Phoenix.HTML.FormData.input_value(form.source, form, attribute.name))}>
+          {render_attribute_input(assigns, %{attribute | type: type, constraints: attribute.constraints[:items] || []}, %{form | params: %{"#{attribute.name}" => form.params["#{attribute.name}"]["#{index}"]}}, {:value, value}, name <> "[#{index}]")}
           <button
             type="button"
             :on-click="remove_value"
-            phx-value-path={{ form.name }}
-            phx-value-field={{ attribute.name}}
-            phx-value-index={{ index}}
+            phx-value-path={form.name}
+            phx-value-field={attribute.name}
+            phx-value-index={index}
             class="flex h-6 w-6 mt-2 border-gray-600 hover:bg-gray-400 rounded-md justify-center items-center"
           >
           <HeroIcon name="minus" class="h-4 w-4 text-gray-500" />
@@ -685,8 +685,8 @@ defmodule AshAdmin.Components.Resource.Form do
       <button
         type="button"
         :on-click="append_value"
-        phx-value-path={{ form.name }}
-        phx-value-field={{ attribute.name }}
+        phx-value-path={form.name}
+        phx-value-field={attribute.name}
         class="flex h-6 w-6 mt-2 border-gray-600 hover:bg-gray-400 rounded-md justify-center items-center"
       >
         <HeroIcon name="plus" class="h-4 w-4 text-gray-500" />
@@ -698,12 +698,12 @@ defmodule AshAdmin.Components.Resource.Form do
   defp render_fallback_attribute(assigns, form, attribute, value, name) do
     casted_value = Phoenix.HTML.Safe.to_iodata(value(value, form, attribute))
 
-    ~H"""
+    ~F"""
     <TextInput
-      form={{ form }}
-      opts={{ type: text_input_type(attribute), placeholder: placeholder(attribute.default) }}
-      value={{casted_value}}
-      name={{name || form.name <> "[#{attribute.name}]"}}
+      form={form}
+      opts={type: text_input_type(attribute), placeholder: placeholder(attribute.default)}
+      value={casted_value}
+      name={name || form.name <> "[#{attribute.name}]"}
       class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md"
     />
     """
@@ -711,23 +711,23 @@ defmodule AshAdmin.Components.Resource.Form do
     _ ->
       case Map.fetch(form.params, to_string(attribute.name)) do
         {:ok, value} ->
-          ~H"""
+          ~F"""
           <TextInput
-            form={{ form }}
-            opts={{ type: text_input_type(attribute), placeholder: placeholder(attribute.default) }}
-            value={{value}}
-            name={{name || form.name <> "[#{attribute.name}]"}}
+            form={form}
+            opts={type: text_input_type(attribute), placeholder: placeholder(attribute.default)}
+            value={value}
+            name={name || form.name <> "[#{attribute.name}]"}
             class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md"
           />
           """
 
         :error ->
-          ~H"""
+          ~F"""
           <TextInput
-            form={{ form }}
-            opts={{ disabled: true }}
-            value={{"..."}}
-            name={{name || form.name <> "[#{attribute.name}]"}}
+            form={form}
+            opts={disabled: true}
+            value={"..."}
+            name={name || form.name <> "[#{attribute.name}]"}
             class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md"
           />
           """
@@ -827,13 +827,7 @@ defmodule AshAdmin.Components.Resource.Form do
        socket
        |> redirect(
          to:
-           ash_show_path(
-             socket.assigns.prefix,
-             socket.assigns.api,
-             socket.assigns.resource,
-             record,
-             socket.assigns.table
-           )
+           "#{socket.assigns.prefix}?api=#{AshAdmin.Api.name(socket.assigns.api)}&resource=#{AshAdmin.Resource.name(socket.assigns.resource)}&tab=show&table=#{socket.assigns.table}&primary_key=#{encode_primary_key(record)}"
        )}
     else
       case Ash.Resource.Info.primary_action(socket.assigns.resource, :update) do
@@ -841,22 +835,15 @@ defmodule AshAdmin.Components.Resource.Form do
           {:noreply,
            redirect(socket,
              to:
-               ash_admin_path(socket.assigns.prefix, socket.assigns.api, socket.assigns.resource)
+               "#{socket.assigns.prefix}?api=#{AshAdmin.Api.name(socket.assigns.api)}&resource=#{AshAdmin.Resource.name(socket.assigns.resource)}"
            )}
 
-        update ->
+        _update ->
           {:noreply,
            socket
            |> redirect(
              to:
-               ash_update_path(
-                 socket.assigns.prefix,
-                 socket.assigns.api,
-                 socket.assigns.resource,
-                 record,
-                 update,
-                 socket.assigns.table
-               )
+               "#{socket.assigns.prefix}?api=#{AshAdmin.Api.name(socket.assigns.api)}&resource=#{AshAdmin.Resource.name(socket.assigns.resource)}&action_type=update&tab=update&table=#{socket.assigns.table}&primary_key=#{encode_primary_key(record)}"
            )}
       end
     end
@@ -867,42 +854,19 @@ defmodule AshAdmin.Components.Resource.Form do
       :create ->
         {:noreply,
          push_redirect(socket,
-           to:
-             ash_create_path(
-               socket.assigns.prefix,
-               socket.assigns.api,
-               socket.assigns.resource,
-               socket.assigns.action.name,
-               table
-             )
+           to: self_path(socket.assigns.url_path, socket.assigns.params, %{"table" => table})
          )}
 
       :update ->
         {:noreply,
          push_redirect(socket,
-           to:
-             ash_update_path(
-               socket.assigns.prefix,
-               socket.assigns.api,
-               socket.assigns.resource,
-               socket.assigns.record,
-               socket.assigns.action.name,
-               table
-             )
+           to: self_path(socket.assigns.url_path, socket.assigns.params, %{"table" => table})
          )}
 
       :destroy ->
         {:noreply,
          push_redirect(socket,
-           to:
-             ash_destroy_path(
-               socket.assigns.prefix,
-               socket.assigns.api,
-               socket.assigns.resource,
-               socket.assigns.record,
-               socket.assigns.action.name,
-               table
-             )
+           to: self_path(socket.assigns.url_path, socket.assigns.params, %{"table" => table})
          )}
     end
   end
@@ -926,42 +890,19 @@ defmodule AshAdmin.Components.Resource.Form do
       :create ->
         {:noreply,
          push_redirect(socket,
-           to:
-             ash_create_path(
-               socket.assigns.prefix,
-               socket.assigns.api,
-               socket.assigns.resource,
-               action.name,
-               socket.assigns.table
-             )
+           to: self_path(socket.assigns.url_path, socket.assigns.params, %{"action" => action})
          )}
 
       :update ->
         {:noreply,
          push_redirect(socket,
-           to:
-             ash_update_path(
-               socket.assigns.prefix,
-               socket.assigns.api,
-               socket.assigns.resource,
-               socket.assigns.record,
-               action.name,
-               socket.assigns.table
-             )
+           to: self_path(socket.assigns.url_path, socket.assigns.params, %{"action" => action})
          )}
 
       :destroy ->
         {:noreply,
          push_redirect(socket,
-           to:
-             ash_destroy_path(
-               socket.assigns.prefix,
-               socket.assigns.api,
-               socket.assigns.resource,
-               socket.assigns.record,
-               action.name,
-               socket.assigns.table
-             )
+           to: self_path(socket.assigns.url_path, socket.assigns.params, %{"action" => action})
          )}
     end
   end
@@ -1123,11 +1064,7 @@ defmodule AshAdmin.Components.Resource.Form do
          socket
          |> redirect(
            to:
-             ash_admin_path(
-               socket.assigns.prefix,
-               socket.assigns.api,
-               socket.assigns.resource
-             )
+             "#{socket.assigns.prefix}?api=#{AshAdmin.Api.name(socket.assigns.api)}&resource=#{AshAdmin.Resource.name(socket.assigns.resource)}"
          )}
 
       {:error, form} ->
diff --git a/lib/ash_admin/components/resource/nav.ex b/lib/ash_admin/components/resource/nav.ex
index d58218c..08f310e 100644
--- a/lib/ash_admin/components/resource/nav.ex
+++ b/lib/ash_admin/components/resource/nav.ex
@@ -3,7 +3,6 @@ defmodule AshAdmin.Components.Resource.Nav do
   use Surface.Component
   alias Surface.Components.LiveRedirect
   alias AshAdmin.Components.TopNav.Dropdown
-  import AshAdmin.Helpers
 
   prop(resource, :any, required: true)
   prop(api, :any, required: true)
@@ -13,29 +12,23 @@ defmodule AshAdmin.Components.Resource.Nav do
   prop(prefix, :any, default: nil)
 
   def render(assigns) do
-    ~H"""
+    ~F"""
     <nav class="bg-gray-800 w-full">
       <div class="px-4 sm:px-6 lg:px-8 w-full">
         <div class="flex items-center justify-between h-16 w-full">
           <div class="flex items-center w-full">
             <div class="flex-shrink-0">
               <h3 class="text-white text-lg">
-                <LiveRedirect to={{ ash_admin_path(@prefix, @api, @resource) }}>
-                  {{ AshAdmin.Resource.name(@resource) }}
+                <LiveRedirect to={"#{@prefix}?api=#{AshAdmin.Api.name(@api)}&resource=#{AshAdmin.Resource.name(@resource)}"}>
+                  {AshAdmin.Resource.name(@resource)}
                 </LiveRedirect>
               </h3>
             </div>
             <div class="w-full">
               <div class="ml-12 flex items-center space-x-1">
-                <div :if={{ has_create_action?(@resource) }} class="relative">
+                <div :if={has_create_action?(@resource)} class="relative">
                   <LiveRedirect
-                    to={{ash_create_path(
-                      @prefix,
-                      @api,
-                      @resource,
-                      Ash.Resource.Info.primary_action(@resource, :create).name,
-                      @table
-                    )}}
+                    to={"#{@prefix}?api=#{AshAdmin.Api.name(@api)}&resource=#{AshAdmin.Resource.name(@resource)}&action_type=create&action=#{Ash.Resource.Info.primary_action(@resource, :create).name}&tab=create&table=#{@table}"}
                     class="inline-flex justify-center w-full rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-sm font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-100 focus:ring-indigo-500"
                   >
                     Create
@@ -44,9 +37,9 @@ defmodule AshAdmin.Components.Resource.Nav do
 
                 <Dropdown
                   name="Read"
-                  id={{ "#{@resource}_data_dropdown" }}
-                  active={{ @tab == "data" }}
-                  groups={{ data_groups(@prefix, @api, @resource, @action, @table) }}
+                  id={"#{@resource}_data_dropdown"}
+                  active={@tab == "data"}
+                  groups={data_groups(@prefix, @api, @resource, @action, @table)}
                 />
               </div>
             </div>
@@ -68,7 +61,8 @@ defmodule AshAdmin.Components.Resource.Nav do
       |> Enum.map(fn action ->
         %{
           text: action_name(action),
-          to: ash_action_path(prefix, api, resource, :read, action.name, table),
+          to:
+            "#{prefix}?api=#{AshAdmin.Api.name(api)}&resource=#{AshAdmin.Resource.name(resource)}&table=#{table}&action_type=read&action=#{action.name}",
           active: current_action == action
         }
       end)
diff --git a/lib/ash_admin/components/resource/relationship_table.ex b/lib/ash_admin/components/resource/relationship_table.ex
index 8b7280d..fd598cc 100644
--- a/lib/ash_admin/components/resource/relationship_table.ex
+++ b/lib/ash_admin/components/resource/relationship_table.ex
@@ -1,7 +1,6 @@
 defmodule AshAdmin.Components.Resource.RelationshipTable do
   @moduledoc false
   use Surface.Component
-  import AshAdmin.Helpers
   alias Surface.Components.LiveRedirect
 
   prop(resource, :any, required: true)
@@ -9,8 +8,8 @@ defmodule AshAdmin.Components.Resource.RelationshipTable do
   prop(prefix, :any, required: true)
 
   def render(assigns) do
-    ~H"""
-    <div class="w-full" :if={{ Enum.any?(relationships(@resource)) }}>
+    ~F"""
+    <div class="w-full" :if={Enum.any?(relationships(@resource))}>
       <h1 class="text-center text-3xl rounded-t py-8">
         Relationships
       </h1>
@@ -25,20 +24,20 @@ defmodule AshAdmin.Components.Resource.RelationshipTable do
         </thead>
         <tbody>
           <tr
-            class={{ "h-10", "bg-gray-200": rem(index, 2) == 0 }}
-            :for.with_index={{ {relationship, index} <- relationships(@resource) }}
+            class={"h-10", "bg-gray-200": rem(index, 2) == 0}
+            :for.with_index={{relationship, index} <- relationships(@resource)}
           >
             <th scope="row">
-              {{ relationship.name }}
+              {relationship.name}
             </th>
             <td class="text-center">
-              {{ relationship.type }}</td>
+              {relationship.type}</td>
             <td class="text-center">
-              <LiveRedirect to={{ ash_admin_path(@prefix, @api, relationship.destination) }}>
-                {{ AshAdmin.Resource.name(relationship.destination) }}
+              <LiveRedirect to={"#{@prefix}?api=#{AshAdmin.Api.name(@api)}&resource=#{AshAdmin.Resource.name(relationship.destination)}"}>
+                {AshAdmin.Resource.name(relationship.destination)}
               </LiveRedirect>
             </td>
-            <td class="text-center max-w-sm min-w-sm">{{ relationship.description }}</td>
+            <td class="text-center max-w-sm min-w-sm">{relationship.description}</td>
           </tr>
         </tbody>
       </table>
diff --git a/lib/ash_admin/components/resource/resource.ex b/lib/ash_admin/components/resource/resource.ex
index 04be874..d0f5244 100644
--- a/lib/ash_admin/components/resource/resource.ex
+++ b/lib/ash_admin/components/resource/resource.ex
@@ -22,106 +22,107 @@ defmodule AshAdmin.Components.Resource do
   prop(table, :any, default: nil)
   prop(tables, :any, default: nil)
   prop(prefix, :any, default: nil)
+  prop(action_type, :atom)
 
   data(filter_open, :boolean, default: false)
   slot(default)
 
   def render(assigns) do
-    ~H"""
+    ~F"""
     <div class="content-center h-screen">
       <Nav
-        resource={{ @resource }}
-        api={{ @api }}
-        tab={{ @tab }}
-        action={{ @action }}
-        table={{ @table }}
-        prefix={{ @prefix }}
+        resource={@resource}
+        api={@api}
+        tab={@tab}
+        action={@action}
+        table={@table}
+        prefix={@prefix}
       />
       <div class="mx-24 relative grid grid-cols-1 justify-items-center">
       </div>
-      <slot />
-      <div :if={{ @record && match?({:ok, record} when not is_nil(record), @record) && @tab == "update" }}>
-        {{ {:ok, record} = @record
-        nil }}
+      <#slot />
+      <div :if={@record && match?({:ok, record} when not is_nil(record), @record) && @tab == "update"}>
+        {{:ok, record} = @record
+        nil}
         <Form
-          type={{ :update }}
-          record={{ record }}
-          resource={{ @resource }}
-          action={{ @action }}
-          api={{ @api }}
-          id={{ update_id(@resource) }}
-          actor={{ @actor }}
-          set_actor={{ @set_actor }}
-          authorizing={{ @authorizing }}
-          tenant={{ @tenant }}
-          table={{ @table }}
-          tables={{ @tables }}
-          prefix={{ @prefix }}
+          type={:update}
+          record={record}
+          resource={@resource}
+          action={@action}
+          api={@api}
+          id={update_id(@resource)}
+          actor={@actor}
+          set_actor={@set_actor}
+          authorizing={@authorizing}
+          tenant={@tenant}
+          table={@table}
+          tables={@tables}
+          prefix={@prefix}
         />
       </div>
-      <div :if={{ @record && match?({:ok, record} when not is_nil(record), @record) && @tab == "destroy" }}>
-        {{ {:ok, record} = @record
-        nil }}
+      <div :if={@record && match?({:ok, record} when not is_nil(record), @record) && @tab == "destroy"}>
+        {{:ok, record} = @record
+        nil}
         <Form
-          type={{ :destroy }}
-          record={{ record }}
-          resource={{ @resource }}
-          action={{ @action }}
-          set_actor={{ @set_actor }}
-          api={{ @api }}
-          id={{ destroy_id(@resource) }}
-          actor={{ @actor }}
-          authorizing={{ @authorizing }}
-          tenant={{ @tenant }}
-          table={{ @table }}
-          tables={{ @tables }}
-          prefix={{ @prefix }}
+          type={:destroy}
+          record={record}
+          resource={@resource}
+          action={@action}
+          set_actor={@set_actor}
+          api={@api}
+          id={destroy_id(@resource)}
+          actor={@actor}
+          authorizing={@authorizing}
+          tenant={@tenant}
+          table={@table}
+          tables={@tables}
+          prefix={@prefix}
         />
       </div>
       <Show
-        :if={{ @tab == "read" && match?({:ok, %_{}}, @record) }}
-        resource={{ @resource }}
-        api={{ @api }}
-        id={{ show_id(@resource) }}
-        record={{ unwrap(@record) }}
-        actor={{ @actor }}
-        authorizing={{ @authorizing }}
-        tenant={{ @tenant }}
-        set_actor={{ @set_actor }}
-        table={{ @table }}
-        prefix={{ @prefix }}
+        :if={@tab == "show" && match?({:ok, %_{}}, @record)}
+        resource={@resource}
+        api={@api}
+        id={show_id(@resource)}
+        record={unwrap(@record)}
+        actor={@actor}
+        authorizing={@authorizing}
+        tenant={@tenant}
+        set_actor={@set_actor}
+        table={@table}
+        prefix={@prefix}
       />
-      <Info :if={{ @tab == "info" }} resource={{ @resource }} api={{ @api }} prefix={{ @prefix }} />
+      <Info :if={@tab == "info" || (is_nil(@tab) && is_nil(@action_type))} resource={@resource} api={@api} prefix={@prefix} />
       <Form
-        :if={{ @tab == "create" }}
-        type={{ :create }}
-        resource={{ @resource }}
-        api={{ @api }}
-        set_actor={{ @set_actor }}
-        action={{ @action }}
-        id={{ create_id(@resource) }}
-        actor={{ @actor }}
-        authorizing={{ @authorizing }}
-        tenant={{ @tenant }}
-        table={{ @table }}
-        tables={{ @tables }}
-        prefix={{ @prefix }}
+        :if={@tab == "create"}
+        type={:create}
+        resource={@resource}
+        api={@api}
+        set_actor={@set_actor}
+        action={@action}
+        id={create_id(@resource)}
+        actor={@actor}
+        authorizing={@authorizing}
+        tenant={@tenant}
+        table={@table}
+        tables={@tables}
+        prefix={@prefix}
       />
       <DataTable
-        :if={{ @tab == "data" }}
-        resource={{ @resource }}
-        action={{ @action }}
-        actor={{ @actor }}
-        api={{ @api }}
-        url_path={{ @url_path }}
-        params={{ @params }}
-        set_actor={{ @set_actor }}
-        id={{ data_table_id(@resource) }}
-        authorizing={{ @authorizing }}
-        table={{ @table }}
-        tables={{ @tables }}
-        prefix={{ @prefix }}
-        tenant={{ @tenant }}
+        :if={@action_type == :read && @tab != "show"}
+        resource={@resource}
+        action={@action}
+        actor={@actor}
+        api={@api}
+        url_path={@url_path}
+        params={@params}
+        set_actor={@set_actor}
+        id={data_table_id(@resource)}
+        authorizing={@authorizing}
+        table={@table}
+        tables={@tables}
+        prefix={@prefix}
+        tenant={@tenant}
       />
     </div>
     """
diff --git a/lib/ash_admin/components/resource/resource_info.ex b/lib/ash_admin/components/resource/resource_info.ex
index 3fc63f0..6156a52 100644
--- a/lib/ash_admin/components/resource/resource_info.ex
+++ b/lib/ash_admin/components/resource/resource_info.ex
@@ -9,10 +9,10 @@ defmodule AshAdmin.Components.Resource.Info do
   prop(prefix, :any, required: true)
 
   def render(assigns) do
-    ~H"""
+    ~F"""
     <div class="relative mx-12">
-      <AttributeTable resource={{ @resource }} />
-      <RelationshipTable api={{ @api }} resource={{ @resource }} prefix={{ @prefix }} />
+      <AttributeTable resource={@resource} />
+      <RelationshipTable api={@api} resource={@resource} prefix={@prefix} />
     </div>
     """
   end
diff --git a/lib/ash_admin/components/resource/select_table.ex b/lib/ash_admin/components/resource/select_table.ex
index 9182551..5e83921 100644
--- a/lib/ash_admin/components/resource/select_table.ex
+++ b/lib/ash_admin/components/resource/select_table.ex
@@ -11,13 +11,13 @@ defmodule AshAdmin.Components.Resource.SelectTable do
   prop(tables, :any, required: true)
 
   def render(assigns) do
-    ~H"""
+    ~F"""
     <div>
-      <div :if={{ @resource && AshAdmin.Resource.polymorphic?(@resource) }}>
-        <Form as={{ :table }} for={{ :table }} change={{ @on_change }}>
+      <div :if={@resource && AshAdmin.Resource.polymorphic?(@resource)}>
+        <Form as={:table} for={:table} change={@on_change}>
           <FieldContext name="table">
             <Label>Table</Label>
-            <Select selected={{ @table }} options={{ @tables || [] }} />
+            <Select selected={@table} options={@tables || []} />
           </FieldContext>
         </Form>
       </div>
diff --git a/lib/ash_admin/components/resource/show.ex b/lib/ash_admin/components/resource/show.ex
index ec6ffc0..edd2042 100644
--- a/lib/ash_admin/components/resource/show.ex
+++ b/lib/ash_admin/components/resource/show.ex
@@ -21,16 +21,16 @@ defmodule AshAdmin.Components.Resource.Show do
   data(load_errors, :map, default: %{})
 
   def render(assigns) do
-    ~H"""
+    ~F"""
     <div class="md:pt-10 sm:mt-0 bg-gray-300 min-h-screen pb-20">
       <div class="md:grid md:grid-cols-3 md:gap-6 md:mx-16 md:mt-10">
         <div class="mt-5 md:mt-0 md:col-span-2">
-          {{ render_show(assigns, @record, @resource) }}
+          {render_show(assigns, @record, @resource)}
         </div>
       </div>
       <div class="md:grid md:grid-cols-3 md:gap-6 md:mx-16 md:mt-10">
         <div class="mt-5 md:mt-0 md:col-span-2">
-          {{ render_relationships(assigns, @record, @resource) }}
+          {render_relationships(assigns, @record, @resource)}
         </div>
       </div>
     </div>
@@ -38,48 +38,34 @@ defmodule AshAdmin.Components.Resource.Show do
   end
 
   def render_show(assigns, record, resource, title \\ nil, buttons? \\ true) do
-    ~H"""
+    ~F"""
     <div class="shadow-lg overflow-hidden sm:rounded-md bg-white">
-      <h1 :if={{ title }} class="pt-2 pl-4 text-lg">{{ title }}</h1>
+      <h1 :if={title} class="pt-2 pl-4 text-lg">{title}</h1>
       <button
-        :if={{ AshAdmin.Resource.actor?(@resource) }}
+        :if={AshAdmin.Resource.actor?(@resource)}
         class="float-right pt-4 pr-4"
-        :on-click={{ @set_actor }}
-        phx-value-resource={{ @resource }}
-        phx-value-api={{ @api }}
-        phx-value-pkey={{ encode_primary_key(@record) }}
+        :on-click={@set_actor}
+        phx-value-resource={@resource}
+        phx-value-api={@api}
+        phx-value-pkey={encode_primary_key(@record)}
       >
       <HeroIcon name="key" class="h-5 w-5 text-gray-500" />
       </button>
       <div class="px-4 py-5 sm:p-6">
         <div>
-          {{ render_attributes(assigns, record, resource) }}
-          <div :if={{ buttons? }} class="px-4 py-3 text-right sm:px-6">
+          {render_attributes(assigns, record, resource)}
+          <div :if={buttons?} class="px-4 py-3 text-right sm:px-6">
             <LiveRedirect
-              to={{ash_destroy_path(
-                @prefix,
-                @api,
-                @resource,
-                @record,
-                Ash.Resource.Info.primary_action(@resource, :destroy).name,
-                @table
-              )}}
-              :if={{ destroy?(@resource) }}
+              to={"#{@prefix}?api=#{AshAdmin.Api.name(@api)}&resource=#{AshAdmin.Resource.name(@resource)}&action_type=destroy&action=#{Ash.Resource.Info.primary_action(@resource, :destroy).name}&tab=destroy&table=#{@table}&primary_key=#{encode_primary_key(@record)}"}
+              :if={destroy?(@resource)}
               class="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"
             >
               Destroy
             </LiveRedirect>
 
             <LiveRedirect
-              to={{ash_update_path(
-                @prefix,
-                @api,
-                @resource,
-                @record,
-                Ash.Resource.Info.primary_action(@resource, :update).name,
-                @table
-              )}}
-              :if={{ update?(@resource) }}
+              to={"#{@prefix}?api=#{AshAdmin.Api.name(@api)}&resource=#{AshAdmin.Resource.name(@resource)}&action_type=update&action=#{Ash.Resource.Info.primary_action(@resource, :update).name}&tab=update&table=#{@table}&primary_key=#{encode_primary_key(@record)}"}
+              :if={update?(@resource)}
               class="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"
             >
               Update
@@ -92,35 +78,35 @@ defmodule AshAdmin.Components.Resource.Show do
   end
 
   defp render_relationships(assigns, _record, resource) do
-    ~H"""
+    ~F"""
     <div
-      :for={{ relationship <- AshAdmin.Components.Resource.Form.relationships(resource, :show) }}
+      :for={relationship <- AshAdmin.Components.Resource.Form.relationships(resource, :show)}
       class="shadow-lg overflow-hidden sm:rounded-md mb-2 bg-white"
     >
       <div class="px-4 py-5 mt-2">
         <div>
-          {{ to_name(relationship.name) }}
+          {to_name(relationship.name)}
           <button
-            :if={{ !loaded?(@record, relationship.name) }}
+            :if={!loaded?(@record, relationship.name)}
             :on-click="load"
-            phx-value-relationship={{ relationship.name }}
+            phx-value-relationship={relationship.name}
             type="button"
             class="flex py-2 ml-4 px-4 mt-2 bg-indigo-600 text-white border-gray-600 hover:bg-gray-400 rounded-md justify-center items-center"
           >
             Load
           </button>
           <button
-            :if={{ loaded?(@record, relationship.name) && relationship.cardinality == :many }}
+            :if={loaded?(@record, relationship.name) && relationship.cardinality == :many}
             :on-click="unload"
-            phx-value-relationship={{ relationship.name }}
+            phx-value-relationship={relationship.name}
             type="button"
             class="flex py-2 ml-4 px-4 mt-2 bg-indigo-600 text-white border-gray-600 hover:bg-gray-400 rounded-md justify-center items-center"
           >
             Unload
           </button>
 
-          <div :if={{ loaded?(@record, relationship.name) }}>
-            {{ render_relationship_data(assigns, @record, relationship) }}
+          <div :if={loaded?(@record, relationship.name)}>
+            {render_relationship_data(assigns, @record, relationship)}
           </div>
         </div>
       </div>
@@ -136,22 +122,16 @@ defmodule AshAdmin.Components.Resource.Show do
        }) do
     case Map.get(record, name) do
       nil ->
-        ~H"None"
+        ~F"None"
 
       record ->
-        ~H"""
+        ~F"""
         <div class="mb-10">
-          {{ render_attributes(assigns, record, destination) }}
+          {render_attributes(assigns, record, destination)}
           <div class="px-4 py-3 text-right sm:px-6">
             <LiveRedirect
-              :if={{ AshAdmin.Resource.show_action(destination) }}
-              to={{ash_show_path(
-                @prefix,
-                @api,
-                destination,
-                record,
-                context[:data_layer][:table]
-              )}}
+              :if={AshAdmin.Resource.show_action(destination)}
+              to={"#{@prefix}?api=#{AshAdmin.Api.name(@api)}&resource=#{AshAdmin.Resource.name(@resource)}&tab=show&table=#{context[:data_layer][:table]}&primary_key=#{encode_primary_key(@record)}"}
               class="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"
             >
               Show
@@ -171,74 +151,74 @@ defmodule AshAdmin.Components.Resource.Show do
        }) do
     data = Map.get(record, name)
 
-    ~H"""
+    ~F"""
     <div class="mb-10 overflow-scroll">
       <Table
-        data={{ data }}
-        resource={{ destination }}
-        api={{ @api }}
-        set_actor={{ @set_actor }}
-        table={{ context[:data_layer][:table] }}
-        prefix={{ @prefix }}
-        skip={{ [destination_field] }}
+        data={data}
+        resource={destination}
+        api={@api}
+        set_actor={@set_actor}
+        table={context[:data_layer][:table]}
+        prefix={@prefix}
+        skip={[destination_field]}
       />
     </div>
     """
   end
 
   defp render_attributes(assigns, record, resource) do
-    ~H"""
-    {{ {attributes, flags, bottom_attributes, _} =
+    ~F"""
+    {{attributes, flags, bottom_attributes, _} =
       AshAdmin.Components.Resource.Form.attributes(resource, :show)
 
-    nil }}
+    nil}
     <div class="grid grid-cols-6 gap-6">
       <div
-        :for={{ attribute <- attributes }}
-        class={{
+        :for={attribute <- attributes}
+        class={
           "col-span-6",
           "sm:col-span-2": short_text?(resource, attribute),
           "sm:col-span-3": !long_text?(resource, attribute)
-        }}
+        }
       >
-        <div class="block text-sm font-medium text-gray-700">{{ to_name(attribute.name) }}</div>
-        <div>{{ render_attribute(assigns, resource, record, attribute) }}</div>
+        <div class="block text-sm font-medium text-gray-700">{to_name(attribute.name)}</div>
+        <div>{render_attribute(assigns, resource, record, attribute)}</div>
       </div>
     </div>
-    <div :if={{ !Enum.empty?(flags) }} class="hidden sm:block" aria-hidden="true">
+    <div :if={!Enum.empty?(flags)} class="hidden sm:block" aria-hidden="true">
       <div class="py-5">
         <div class="border-t border-gray-200" />
       </div>
     </div>
-    <div class="grid grid-cols-6 gap-6" :if={{ !Enum.empty?(flags) }}>
+    <div class="grid grid-cols-6 gap-6" :if={!Enum.empty?(flags)}>
       <div
-        :for={{ attribute <- flags }}
-        class={{
+        :for={attribute <- flags}
+        class={
           "col-span-6",
           "sm:col-span-2": short_text?(resource, attribute),
           "sm:col-span-3": !long_text?(resource, attribute)
-        }}
+        }
       >
-        <div class="block text-sm font-medium text-gray-700">{{ to_name(attribute.name) }}</div>
-        <div>{{ render_attribute(assigns, resource, record, attribute) }}</div>
+        <div class="block text-sm font-medium text-gray-700">{to_name(attribute.name)}</div>
+        <div>{render_attribute(assigns, resource, record, attribute)}</div>
       </div>
     </div>
-    <div :if={{ !Enum.empty?(bottom_attributes) }} class="hidden sm:block" aria-hidden="true">
+    <div :if={!Enum.empty?(bottom_attributes)} class="hidden sm:block" aria-hidden="true">
       <div class="py-5">
         <div class="border-t border-gray-200" />
       </div>
     </div>
-    <div class="grid grid-cols-6 gap-6" :if={{ !Enum.empty?(bottom_attributes) }}>
+    <div class="grid grid-cols-6 gap-6" :if={!Enum.empty?(bottom_attributes)}>
       <div
-        :for={{ attribute <- bottom_attributes }}
-        class={{
+        :for={attribute <- bottom_attributes}
+        class={
           "col-span-6",
           "sm:col-span-2": short_text?(resource, attribute),
           "sm:col-span-3": !(long_text?(resource, attribute) || Ash.Type.embedded_type?(attribute.type))
-        }}
+        }
       >
-        <div class="block text-sm font-medium text-gray-700">{{ to_name(attribute.name) }}</div>
-        <div>{{ render_attribute(assigns, resource, record, attribute) }}</div>
+        <div class="block text-sm font-medium text-gray-700">{to_name(attribute.name)}</div>
+        <div>{render_attribute(assigns, resource, record, attribute)}</div>
       </div>
     </div>
     """
@@ -256,24 +236,24 @@ defmodule AshAdmin.Components.Resource.Show do
     all_classes = "mb-4 pb-4 shadow-md"
 
     if Map.get(record, name) in [[], nil] do
-      ~H"""
+      ~F"""
       None
       """
     else
       if nested? do
-        ~H"""
+        ~F"""
         <ul>
-          <li :for={{ value <- List.wrap(Map.get(record, name)) }} class={{ all_classes }}>
-            {{ render_attribute(assigns, resource, Map.put(record, name, value), %{attribute | type: type}, true) }}
+          <li :for={value <- List.wrap(Map.get(record, name))} class={all_classes}>
+            {render_attribute(assigns, resource, Map.put(record, name, value), %{attribute | type: type}, true)}
           </li>
         </ul>
         """
       else
-        ~H"""
+        ~F"""
         <div class="shadow-md border mt-4 mb-4 ml-4">
           <ul>
-            <li :for={{ value <- List.wrap(Map.get(record, name)) }} class={{ "my-4", all_classes }}>
-              {{ render_attribute(assigns, resource, Map.put(record, name, value), %{attribute | type: type}, true) }}
+            <li :for={value <- List.wrap(Map.get(record, name))} class={"my-4", all_classes}>
+              {render_attribute(assigns, resource, Map.put(record, name, value), %{attribute | type: type}, true)}
             </li>
           </ul>
         </div>
@@ -295,16 +275,16 @@ defmodule AshAdmin.Components.Resource.Show do
   defp render_attribute(assigns, _resource, record, %{type: Ash.Type.Map} = attribute, _nested?) do
     encoded = Jason.encode!(Map.get(record, attribute.name))
 
-    ~H"""
+    ~F"""
       <div
       phx-hook="JsonView"
-      data-json={{encoded}}
-      id={{"_#{AshAdmin.Helpers.encode_primary_key(record)}_#{attribute.name}_json"}}
+      data-json={encoded}
+      id={"_#{AshAdmin.Helpers.encode_primary_key(record)}_#{attribute.name}_json"}
       />
     """
   rescue
     _ ->
-      ~H"""
+      ~F"""
       ...
       """
   end
@@ -312,17 +292,17 @@ defmodule AshAdmin.Components.Resource.Show do
   defp render_attribute(assigns, _resource, record, %{name: name, type: Ash.Type.Boolean}, _) do
     case Map.get(record, name) do
       true ->
-        ~H"""
+        ~F"""
         <HeroIcon name="check" class="h-4 w-4 text-gray-600" />
         """
 
       false ->
-        ~H"""
+        ~F"""
         <HeroIcon name="x" class="h-4 w-4 text-gray-600" />
         """
 
       nil ->
-        ~H"""
+        ~F"""
         <HeroIcon name="minus" class="h-4 w-4 text-gray-600" />
         """
     end
@@ -333,20 +313,20 @@ defmodule AshAdmin.Components.Resource.Show do
       both_classes = "ml-1 pl-2 pr-2"
 
       if Map.get(record, attribute.name) in [nil, []] do
-        ~H"""
+        ~F"""
         None
         """
       else
         if nested? do
-          ~H"""
-          <div class={{ both_classes }}>
-            {{ render_attributes(assigns, Map.get(record, attribute.name), attribute.type) }}
+          ~F"""
+          <div class={both_classes}>
+            {render_attributes(assigns, Map.get(record, attribute.name), attribute.type)}
           </div>
           """
         else
-          ~H"""
-          <div class={{ "shadow-md border mt-4 mb-4 ml-2 rounded py-2 px-2", both_classes }}>
-            {{ render_attributes(assigns, Map.get(record, attribute.name), attribute.type) }}
+          ~F"""
+          <div class={"shadow-md border mt-4 mb-4 ml-2 rounded py-2 px-2", both_classes}>
+            {render_attributes(assigns, Map.get(record, attribute.name), attribute.type)}
           </div>
           """
         end
@@ -355,32 +335,32 @@ defmodule AshAdmin.Components.Resource.Show do
       if attribute.type == Ash.Type.String do
         cond do
           short_text?(resource, attribute) ->
-            ~H"""
-            {{ value!(Map.get(record, attribute.name)) }}
+            ~F"""
+            {value!(Map.get(record, attribute.name))}
             """
 
           long_text?(resource, attribute) ->
-            ~H"""
+            ~F"""
             <textarea
               rows="3"
               cols="40"
               disabled
               class="resize-y mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md"
-            >{{ value!(Map.get(record, attribute.name)) }}</textarea>
+            >{value!(Map.get(record, attribute.name))}</textarea>
             """
 
           true ->
-            ~H"""
+            ~F"""
             <textarea
               rows="1"
               cols="20"
               disabled
               class="resize-y mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md"
-            >{{ value!(Map.get(record, attribute.name)) }}</textarea>
+            >{value!(Map.get(record, attribute.name))}</textarea>
             """
         end
       else
-        ~H"{{ value!(Map.get(record, attribute.name)) }}"
+        ~F"{value!(Map.get(record, attribute.name))}"
       end
     end
   end
diff --git a/lib/ash_admin/components/resource/table.ex b/lib/ash_admin/components/resource/table.ex
index 7936384..ad55f60 100644
--- a/lib/ash_admin/components/resource/table.ex
+++ b/lib/ash_admin/components/resource/table.ex
@@ -19,57 +19,44 @@ defmodule AshAdmin.Components.Resource.Table do
   prop(format_fields, :any, default: [])
 
   def render(assigns) do
-    ~H"""
+    ~F"""
     <div>
       <table class="rounded-t-lg m-5 w-5/6 mx-auto text-left">
         <thead class="text-left border-b-2">
-          <th :for={{ attribute <- attributes(@resource, @attributes, @skip) }}>
-            {{ to_name(attribute.name) }}
+          <th :for={attribute <- attributes(@resource, @attributes, @skip)}>
+            {to_name(attribute.name)}
           </th>
         </thead>
         <tbody>
-          <tr :for={{ record <- @data }} class="border-b-2">
-            <td :for={{ attribute <- attributes(@resource, @attributes, @skip) }} class="py-3">{{ render_attribute(@api, record, attribute, @format_fields) }}</td>
-            <td :if={{ @actions && actions?(@resource) }}>
+          <tr :for={record <- @data} class="border-b-2">
+            <td :for={attribute <- attributes(@resource, @attributes, @skip)} class="py-3">{render_attribute(@api, record, attribute, @format_fields)}</td>
+            <td :if={@actions && actions?(@resource)}>
               <div class="flex h-max justify-items-center">
-                <div :if={{ AshAdmin.Resource.show_action(@resource) }}>
-                  <LiveRedirect to={{ ash_show_path(@prefix, @api, @resource, record, @table) }}>
+                <div :if={AshAdmin.Resource.show_action(@resource)}>
+                  <LiveRedirect to={"#{@prefix}?api=#{AshAdmin.Api.name(@api)}&resource=#{AshAdmin.Resource.name(@resource)}&tab=show&table=#{@table}&primary_key=#{encode_primary_key(record)}"}>
                     <HeroIcon name="information-circle" class="h-5 w-5 text-gray-500" />
                   </LiveRedirect>
                 </div>
 
-                <div :if={{ Ash.Resource.Info.primary_action(@resource, :update) }}>
-                  <LiveRedirect to={{ash_update_path(
-                    @prefix,
-                    @api,
-                    @resource,
-                    record,
-                    Ash.Resource.Info.primary_action(@resource, :update).name,
-                    @table
-                  )}}>
+                <div :if={Ash.Resource.Info.primary_action(@resource, :update)}>
+                  <LiveRedirect
+                    to={"#{@prefix}?api=#{AshAdmin.Api.name(@api)}&resource=#{AshAdmin.Resource.name(@resource)}&action_type=update&action=#{Ash.Resource.Info.primary_action(@resource, :update).name}&tab=update&table=#{@table}&primary_key=#{encode_primary_key(record)}"}>
                     <HeroIcon name="pencil" class="h-5 w-5 text-gray-500" />
                   </LiveRedirect>
                 </div>
 
-                <div :if={{ Ash.Resource.Info.primary_action(@resource, :destroy) }}>
-                  <LiveRedirect to={{ash_destroy_path(
-                    @prefix,
-                    @api,
-                    @resource,
-                    record,
-                    Ash.Resource.Info.primary_action(@resource, :destroy).name,
-                    @table
-                  )}}>
+                <div :if={Ash.Resource.Info.primary_action(@resource, :destroy)}>
+                  <LiveRedirect to={"#{@prefix}?api=#{AshAdmin.Api.name(@api)}&resource=#{AshAdmin.Resource.name(@resource)}&action_type=destroy&action=#{Ash.Resource.Info.primary_action(@resource, :destroy).name}&tab=destroy&table=#{@table}&primary_key=#{encode_primary_key(record)}"}>
                     <HeroIcon name="x-circle" class="h-5 w-5 text-gray-500" />
                   </LiveRedirect>
                 </div>
 
                 <button
-                  :if={{ AshAdmin.Resource.actor?(@resource) }}
-                  :on-click={{ @set_actor }}
-                  phx-value-resource={{ @resource }}
-                  phx-value-api={{ @api }}
-                  phx-value-pkey={{ encode_primary_key(record) }}
+                  :if={AshAdmin.Resource.actor?(@resource)}
+                  :on-click={@set_actor}
+                  phx-value-resource={@resource}
+                  phx-value-api={@api}
+                  phx-value-pkey={encode_primary_key(record)}
                 >
                   <HeroIcon name="key" class="h-5 w-5 text-gray-500" />
                 </button>
diff --git a/lib/ash_admin/components/top_nav.ex b/lib/ash_admin/components/top_nav.ex
index 0d79111..ba05cff 100644
--- a/lib/ash_admin/components/top_nav.ex
+++ b/lib/ash_admin/components/top_nav.ex
@@ -1,7 +1,6 @@
 defmodule AshAdmin.Components.TopNav do
   @moduledoc false
   use Surface.LiveComponent
-  import AshAdmin.Helpers
   alias Surface.Components.LiveRedirect
   alias AshAdmin.Components.TopNav.{ActorSelect, DrawerDropdown, TenantForm, Dropdown}
 
@@ -24,14 +23,14 @@ defmodule AshAdmin.Components.TopNav do
   prop(prefix, :any, required: true)
 
   def render(assigns) do
-    ~H"""
+    ~F"""
     <nav x-data="{ navOpen: false }" @keydown.window.escape="navOpen = false" class="bg-gray-800">
       <div class="px-4 sm:px-6 lg:px-8">
         <div class="flex items-center justify-between h-16">
           <div class="flex items-center w-full">
             <div class="flex-shrink-0">
               <h3 class="text-white text-lg">
-                <LiveRedirect to={{ ash_admin_path(@prefix) }}>
+                <LiveRedirect to={@prefix}>
                   Admin
                 </LiveRedirect>
               </h3>
@@ -40,34 +39,34 @@ defmodule AshAdmin.Components.TopNav do
               <div class="flex justify-between">
                 <div class="ml-10 flex items-center">
                   <Dropdown
-                    :for={{ api <- @apis }}
-                    active={{ api == @api }}
+                    :for={api <- @apis}
+                    active={api == @api}
                     class="mr-1"
-                    id={{ AshAdmin.Api.name(api) <> "_api_nav" }}
-                    name={{ AshAdmin.Api.name(api) }}
-                    groups={{ dropdown_groups(@prefix, @resource, api) }}
+                    id={AshAdmin.Api.name(api) <> "_api_nav"}
+                    name={AshAdmin.Api.name(api)}
+                    groups={dropdown_groups(@prefix, @resource, api)}
                   />
                 </div>
                 <div class="ml-10 flex items-center">
                   <ActorSelect
-                    :if={{ @actor_resources != []}}
-                    actor_resources={{ @actor_resources }}
-                    authorizing={{ @authorizing }}
-                    actor_paused={{ @actor_paused }}
-                    actor={{ @actor }}
-                    toggle_authorizing={{ @toggle_authorizing }}
-                    toggle_actor_paused={{ @toggle_actor_paused }}
-                    clear_actor={{ @clear_actor }}
-                    actor_api={{ @actor_api }}
-                    api={{ @api }}
-                    prefix={{ @prefix }}
+                    :if={@actor_resources != []}
+                    actor_resources={@actor_resources}
+                    authorizing={@authorizing}
+                    actor_paused={@actor_paused}
+                    actor={@actor}
+                    toggle_authorizing={@toggle_authorizing}
+                    toggle_actor_paused={@toggle_actor_paused}
+                    clear_actor={@clear_actor}
+                    actor_api={@actor_api}
+                    api={@api}
+                    prefix={@prefix}
                   />
                   <TenantForm
-                    :if={{ show_tenant_form?(@apis) }}
-                    tenant={{ @tenant }}
+                    :if={show_tenant_form?(@apis)}
+                    tenant={@tenant}
                     id="tenant_editor"
-                    set_tenant={{ @set_tenant }}
-                    clear_tenant={{ @clear_tenant }}
+                    set_tenant={@set_tenant}
+                    clear_tenant={@clear_tenant}
                   />
                 </div>
               </div>
@@ -104,33 +103,33 @@ defmodule AshAdmin.Components.TopNav do
         <div class="relative px-2 pt-2 pb-3 sm:px-3">
           <div class="block px-4 py-2 text-sm">
             <ActorSelect
-              :if={{ @actor_resources != [] }}
-              actor_resources={{ @actor_resources }}
-              authorizing={{ @authorizing }}
-              actor_paused={{ @actor_paused }}
-              actor={{ @actor }}
-              toggle_authorizing={{ @toggle_authorizing }}
-              toggle_actor_paused={{ @toggle_actor_paused }}
-              clear_actor={{ @clear_actor }}
-              actor_api={{ @actor_api }}
-              api={{ @api }}
-              prefix={{ @prefix }}
+              :if={@actor_resources != []}
+              actor_resources={@actor_resources}
+              authorizing={@authorizing}
+              actor_paused={@actor_paused}
+              actor={@actor}
+              toggle_authorizing={@toggle_authorizing}
+              toggle_actor_paused={@toggle_actor_paused}
+              clear_actor={@clear_actor}
+              actor_api={@actor_api}
+              api={@api}
+              prefix={@prefix}
             />
           </div>
           <div class="block px-4 py-2 text-sm">
             <TenantForm
-              :if={{ show_tenant_form?(@apis) }}
-              tenant={{ @tenant }}
+              :if={show_tenant_form?(@apis)}
+              tenant={@tenant}
               id="tenant_editor_drawer"
-              set_tenant={{ @set_tenant }}
-              clear_tenant={{ @clear_tenant }}
+              set_tenant={@set_tenant}
+              clear_tenant={@clear_tenant}
             />
           </div>
           <DrawerDropdown
-            :for={{ api <- @apis }}
-            id={{ AshAdmin.Api.name(api) <> "_api_nav_drawer" }}
-            name={{ AshAdmin.Api.name(api) }}
-            groups={{ dropdown_groups(@prefix, @resource, api) }}
+            :for={api <- @apis}
+            id={AshAdmin.Api.name(api) <> "_api_nav_drawer"}
+            name={AshAdmin.Api.name(api)}
+            groups={dropdown_groups(@prefix, @resource, api)}
           />
         </div>
       </div>
@@ -143,7 +142,8 @@ defmodule AshAdmin.Components.TopNav do
       for resource <- Ash.Api.resources(api) do
         %{
           text: AshAdmin.Resource.name(resource),
-          to: ash_admin_path(prefix, api, resource),
+          to:
+            "#{prefix}?api=#{AshAdmin.Api.name(api)}&resource=#{AshAdmin.Resource.name(resource)}",
           active: resource == current_resource
         }
       end
diff --git a/lib/ash_admin/components/top_nav/actor_select.ex b/lib/ash_admin/components/top_nav/actor_select.ex
index 0e173b0..5baa2e1 100644
--- a/lib/ash_admin/components/top_nav/actor_select.ex
+++ b/lib/ash_admin/components/top_nav/actor_select.ex
@@ -18,13 +18,13 @@ defmodule AshAdmin.Components.TopNav.ActorSelect do
   prop(prefix, :any, required: true)
 
   def render(assigns) do
-    ~H"""
+    ~F"""
     <div id="actor-hook" class="flex items-center mr-5 text-white" phx-hook="Actor">
       <div>
         <span>
-          <button :on-click={{ @toggle_authorizing }} type="button">
+          <button :on-click={@toggle_authorizing} type="button">
             <svg
-              :if={{ @authorizing }}
+              :if={@authorizing}
               width="1em"
               height="1em"
               viewBox="0 0 16 16"
@@ -37,7 +37,7 @@ defmodule AshAdmin.Components.TopNav.ActorSelect do
               />
             </svg>
             <svg
-              :if={{ !@authorizing }}
+              :if={!@authorizing}
               width="1em"
               height="1em"
               viewBox="0 0 16 16"
@@ -50,9 +50,9 @@ defmodule AshAdmin.Components.TopNav.ActorSelect do
               />
             </svg>
           </button>
-          <button :if={{@actor}} :on-click={{ @toggle_actor_paused }} type="button">
+          <button :if={@actor} :on-click={@toggle_actor_paused} type="button">
             <svg
-              :if={{ @actor_paused }}
+              :if={@actor_paused}
               width="1em"
               height="1em"
               viewBox="0 0 16 16"
@@ -62,7 +62,7 @@ defmodule AshAdmin.Components.TopNav.ActorSelect do
               <path d="M11.596 8.697l-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393z" />
             </svg>
             <svg
-              :if={{ !@actor_paused }}
+              :if={!@actor_paused}
               width="1em"
               height="1em"
               viewBox="0 0 16 16"
@@ -73,19 +73,12 @@ defmodule AshAdmin.Components.TopNav.ActorSelect do
             </svg>
           </button>
           <LiveRedirect
-            :if={{@actor}}
+            :if={@actor}
             class="hover:text-blue-400 hover:underline"
-            to={{ash_show_path(
-              @prefix,
-              @actor_api,
-              @actor.__struct__,
-              @actor,
-              nil
-            )}}
-          >
-            {{ user_display(@actor) }}
+            to={"#{@prefix}?api=#{AshAdmin.Api.name(@actor_api)}&resource=#{AshAdmin.Resource.name(@actor.__struct__)}&tab=show&primary_key=#{encode_primary_key(@actor)}"}>
+            {user_display(@actor)}
           </LiveRedirect>
-          <button :if={{@actor}} :on-click={{ @clear_actor }} type="button">
+          <button :if={@actor} :on-click={@clear_actor} type="button">
             <svg width="1em" height="1em" viewBox="0 0 16 16" fill="white" xmlns="http://www.w3.org/2000/svg">
               <path
                 fill-rule="evenodd"
@@ -99,44 +92,30 @@ defmodule AshAdmin.Components.TopNav.ActorSelect do
           </button>
         </span>
       </div>
-      <div :if={{ !@actor }}>
-        {{ render_actor_link(assigns, @actor_resources) }}
+      <div :if={!@actor}>
+        {render_actor_link(assigns, @actor_resources)}
       </div>
     </div>
     """
   end
 
   defp render_actor_link(assigns, [{api, resource}]) do
-    ~H"""
-    <LiveRedirect to={{ash_action_path(
-      @prefix,
-      api,
-      resource,
-      :read,
-      Ash.Resource.Info.primary_action(resource, :read).name,
-      nil
-    )}}>
-      Set {{ AshAdmin.Resource.name(resource) }}
+    ~F"""
+    <LiveRedirect to={"#{@prefix}?api=#{AshAdmin.Api.name(api)}&resource=#{AshAdmin.Resource.name(resource)}&action_type=read"}>
+      Set {AshAdmin.Resource.name(resource)}
     </LiveRedirect>
     """
   end
 
   defp render_actor_link(assigns, apis_and_resources) do
-    ~H"""
+    ~F"""
     <div aria-labelledby="actor-banner">
       <LiveRedirect
-        to={{ash_action_path(
-          @prefix,
-          api,
-          resource,
-          :read,
-          Ash.Resource.Info.primary_action(resource, :read).name,
-          nil
-        )}}
-        :for.with_index={{ {{api, resource}, i} <- apis_and_resources }}
+        to={"#{@prefix}?api=#{AshAdmin.Api.name(api)}&resource=#{AshAdmin.Resource.name(resource)}&action_type=read"}
+        :for.with_index={{{api, resource}, i} <- apis_and_resources}
       >
-        Set {{ AshAdmin.Resource.name(resource) }}
-        <span :if={{ i != Enum.count(apis_and_resources) - 1 }}>
+        Set {AshAdmin.Resource.name(resource)}
+        <span :if={i != Enum.count(apis_and_resources) - 1}>
           |
         </span>
       </LiveRedirect>
diff --git a/lib/ash_admin/components/top_nav/drawer_dropdown.ex b/lib/ash_admin/components/top_nav/drawer_dropdown.ex
index 7f8b807..5ece157 100644
--- a/lib/ash_admin/components/top_nav/drawer_dropdown.ex
+++ b/lib/ash_admin/components/top_nav/drawer_dropdown.ex
@@ -9,22 +9,22 @@ defmodule AshAdmin.Components.TopNav.DrawerDropdown do
   prop(id, :string, required: true)
 
   def render(assigns) do
-    ~H"""
+    ~F"""
     <div class="relative">
       <div x-data="{isOpen: false}">
         <a
           @click="isOpen = !isOpen"
-          id={{ "#{@id}_dropdown_drawer" }}
+          id={"#{@id}_dropdown_drawer"}
           class="mt-1 block px-3 py-2 rounded-t text-base font-medium text-gray-300 hover:text-white hover:bg-gray-700 focus:outline-none focus:text-white focus:bg-gray-700"
           href="#"
           x-bind:class="{'text-white bg-gray-700': isOpen}"
         >
-          {{ @name }}
+          {@name}
         </a>
 
         <div
-          :for={{ group <- @groups }}
-          aria-labelledby={{ "#{@id}_dropown_drawer" }}
+          :for={group <- @groups}
+          aria-labelledby={"#{@id}_dropown_drawer"}
           class="bg-gray-700 text-white"
           x-show="isOpen"
           role="menu"
@@ -36,12 +36,12 @@ defmodule AshAdmin.Components.TopNav.DrawerDropdown do
           x-transition:leave-end="opacity-0 transform -translate-y-3"
         >
           <LiveRedirect
-            :for={{ link <- group }}
-            to={{ link.to }}
+            :for={link <- group}
+            to={link.to}
             class="block px-4 py-2 text-sm hover:bg-gray-200 hover:text-gray-900"
-            opts={{ role: "menuitem" }}
+            opts={role: "menuitem"}
           >
-            {{ link.text }}
+            {link.text}
           </LiveRedirect>
         </div>
       </div>
diff --git a/lib/ash_admin/components/top_nav/dropdown.ex b/lib/ash_admin/components/top_nav/dropdown.ex
index 09dc207..1109c68 100644
--- a/lib/ash_admin/components/top_nav/dropdown.ex
+++ b/lib/ash_admin/components/top_nav/dropdown.ex
@@ -11,22 +11,22 @@ defmodule AshAdmin.Components.TopNav.Dropdown do
   prop(class, :css_class)
 
   def render(assigns) do
-    ~H"""
-    <div class={{ "relative", @class }}>
+    ~F"""
+    <div class={"relative", @class}>
       <div x-data="{isOpen: false}">
         <button
           type="button"
-          class={{
+          class={
             "inline-flex justify-center w-full rounded-md border border-gray-300 shadow-sm px-4 py-2 text-sm font-medium focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-100 focus:ring-indigo-500",
             "bg-gray-800 hover:bg-gray-900 text-white": @active,
             "bg-white text-gray-700 hover:bg-gray-300": !@active
-          }}
+          }
           @click="isOpen = !isOpen"
-          id={{ "#{@id}_dropown" }}
+          id={"#{@id}_dropown"}
           aria-haspopup="true"
           aria-expanded="true"
         >
-          {{ @name }}
+          {@name}
 
           <svg
             class="-mr-1 ml-2 h-5 w-5"
@@ -45,10 +45,10 @@ defmodule AshAdmin.Components.TopNav.Dropdown do
 
         <div
           x-show="isOpen"
-          class={{
+          class={
             "origin-top-right absolute left-0 mt-2 w-56 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5 divide-y divide-gray-100 z-10",
             "bg-gray-600 hover:bg-gray-700": single_active_group?(@groups)
-          }}
+          }
           x-transition:enter="transition ease-out duration-100"
           x-transition:enter-start="transform opacity-0 scale-95"
           x-transition:enter-end="transform opacity-0 scale-95"
@@ -58,26 +58,26 @@ defmodule AshAdmin.Components.TopNav.Dropdown do
           role="menu"
           aria-orientation="vertical"
           @click.away="isOpen=false"
-          id={{ "#{@id}_dropown" }}
+          id={"#{@id}_dropown"}
         >
           <div
-            :for={{ group <- @groups }}
+            :for={group <- @groups}
             class="py-1"
             role="menu"
             aria-orientation="vertical"
-            aria-labelledby={{ "#{@id}_dropown" }}
+            aria-labelledby={"#{@id}_dropown"}
           >
             <LiveRedirect
-              :for={{ link <- group }}
-              to={{ link.to }}
-              class={{
+              :for={link <- group}
+              to={link.to}
+              class={
                 "block px-4 py-2 text-sm ",
                 "bg-gray-600 text-white hover:bg-gray-700": Map.get(link, :active),
                 "text-gray-700 hover:bg-gray-100 hover:text-gray-900": !Map.get(link, :active)
-              }}
-              opts={{ role: "menuitem" }}
+              }
+              opts={role: "menuitem"}
             >
-              {{ link.text }}
+              {link.text}
             </LiveRedirect>
           </div>
         </div>
diff --git a/lib/ash_admin/components/top_nav/tenant_form.ex b/lib/ash_admin/components/top_nav/tenant_form.ex
index 369dd7d..4baa54f 100644
--- a/lib/ash_admin/components/top_nav/tenant_form.ex
+++ b/lib/ash_admin/components/top_nav/tenant_form.ex
@@ -9,10 +9,10 @@ defmodule AshAdmin.Components.TopNav.TenantForm do
   prop(set_tenant, :event, required: true)
 
   def render(assigns) do
-    ~H"""
+    ~F"""
     <div id="tenant-hook" class="relative text-white" phx-hook="Tenant">
-      <form :if={{ @editing_tenant }} :on-submit={{ @set_tenant }}>
-        <input type="text" name="tenant" value={{ @tenant }} class={{ "text-black": @editing_tenant }}>
+      <form :if={@editing_tenant} :on-submit={@set_tenant}>
+        <input type="text" name="tenant" value={@tenant} class={"text-black": @editing_tenant}>
         <button :on-click="stop_editing_tenant">
           <svg width="1em" height="1em" viewBox="0 0 16 16" fill="white" xmlns="http://www.w3.org/2000/svg">
             <path
@@ -26,7 +26,7 @@ defmodule AshAdmin.Components.TopNav.TenantForm do
           </svg>
         </button>
       </form>
-      <button :if={{ @tenant }} :on-click={{ @clear_tenant }}>
+      <button :if={@tenant} :on-click={@clear_tenant}>
         <svg width="1em" height="1em" viewBox="0 0 16 16" fill="white" xmlns="http://www.w3.org/2000/svg">
           <path
             fill-rule="evenodd"
@@ -34,8 +34,8 @@ defmodule AshAdmin.Components.TopNav.TenantForm do
           />
         </svg>
       </button>
-      <a :if={{ !@editing_tenant }} href="#" :on-click="start_editing_tenant">
-        {{ @tenant || "No tenant" }}
+      <a :if={!@editing_tenant} href="#" :on-click="start_editing_tenant">
+        {@tenant || "No tenant"}
       </a>
     </div>
     """
diff --git a/lib/ash_admin/helpers.ex b/lib/ash_admin/helpers.ex
index d6a1327..deb3e97 100644
--- a/lib/ash_admin/helpers.ex
+++ b/lib/ash_admin/helpers.ex
@@ -48,138 +48,6 @@ defmodule AshAdmin.Helpers do
     end
   end
 
-  defp prefix(nil, path), do: path
-  defp prefix(prefix, path), do: prefix <> path
-
-  def ash_admin_path(prefix) do
-    prefix(prefix, "/")
-  end
-
-  def ash_admin_path(prefix, api) do
-    prefix(prefix, "/#{AshAdmin.Api.name(api)}")
-  end
-
-  def ash_admin_path(prefix, api, resource) do
-    prefix(
-      prefix,
-      "/#{AshAdmin.Api.name(api)}/#{AshAdmin.Resource.name(resource)}"
-    )
-  end
-
-  def ash_create_path(prefix, api, resource) do
-    prefix(
-      prefix,
-      "/#{AshAdmin.Api.name(api)}/#{AshAdmin.Resource.name(resource)}/create"
-    )
-  end
-
-  def ash_create_path(prefix, api, resource, action_name, nil) do
-    prefix(
-      prefix,
-      "/#{AshAdmin.Api.name(api)}/#{AshAdmin.Resource.name(resource)}/create/#{action_name}"
-    )
-  end
-
-  def ash_create_path(prefix, api, resource, action_name, table) do
-    prefix(
-      prefix,
-      "/#{AshAdmin.Api.name(api)}/#{AshAdmin.Resource.name(resource)}/#{table}/create/#{
-        action_name
-      }"
-    )
-  end
-
-  def ash_update_path(prefix, api, resource, record) do
-    prefix(
-      prefix,
-      "/#{AshAdmin.Api.name(api)}/#{AshAdmin.Resource.name(resource)}/update/#{
-        encode_primary_key(record)
-      }"
-    )
-  end
-
-  def ash_update_path(prefix, api, resource, record, action_name, nil) do
-    prefix(
-      prefix,
-      "/#{AshAdmin.Api.name(api)}/#{AshAdmin.Resource.name(resource)}/update/#{action_name}/#{
-        encode_primary_key(record)
-      }"
-    )
-  end
-
-  def ash_update_path(prefix, api, resource, record, action_name, table) do
-    prefix(
-      prefix,
-      "/#{AshAdmin.Api.name(api)}/#{AshAdmin.Resource.name(resource)}/#{table}/update/#{
-        action_name
-      }/#{encode_primary_key(record)}"
-    )
-  end
-
-  def ash_destroy_path(prefix, api, resource, record) do
-    prefix(
-      prefix,
-      "/#{AshAdmin.Api.name(api)}/#{AshAdmin.Resource.name(resource)}/destroy/#{
-        encode_primary_key(record)
-      }"
-    )
-  end
-
-  def ash_destroy_path(prefix, api, resource, record, action_name, nil) do
-    prefix(
-      prefix,
-      "/#{AshAdmin.Api.name(api)}/#{AshAdmin.Resource.name(resource)}/destroy/#{action_name}/#{
-        encode_primary_key(record)
-      }"
-    )
-  end
-
-  def ash_destroy_path(prefix, api, resource, record, action_name, table) do
-    prefix(
-      prefix,
-      "/#{AshAdmin.Api.name(api)}/#{AshAdmin.Resource.name(resource)}/#{table}/destroy/#{
-        action_name
-      }#{encode_primary_key(record)}"
-    )
-  end
-
-  def ash_action_path(prefix, api, resource, action_type, action_name, nil) do
-    prefix(
-      prefix,
-      "/#{AshAdmin.Api.name(api)}/#{AshAdmin.Resource.name(resource)}/#{action_type}/#{
-        action_name
-      }"
-    )
-  end
-
-  def ash_action_path(prefix, api, resource, action_type, action_name, table) do
-    prefix(
-      prefix,
-      "/#{AshAdmin.Api.name(api)}/#{AshAdmin.Resource.name(resource)}/#{table}/#{action_type}/#{
-        action_name
-      }"
-    )
-  end
-
-  # sobelow_skip ["DOS.StringToAtom"]
-  def ash_show_path(prefix, api, resource, record, nil) do
-    prefix(
-      prefix,
-      "/#{AshAdmin.Api.name(api)}/#{AshAdmin.Resource.name(resource)}/show/#{
-        encode_primary_key(record)
-      }"
-    )
-  end
-
-  def ash_show_path(prefix, api, resource, record, table) do
-    prefix(
-      prefix,
-      "/#{AshAdmin.Api.name(api)}/#{AshAdmin.Resource.name(resource)}/#{table}/show/#{
-        encode_primary_key(record)
-      }"
-    )
-  end
-
   def encode_primary_key(record) do
     pkey = Ash.Resource.Info.primary_key(record.__struct__)
 
diff --git a/lib/ash_admin/pages/page_live.ex b/lib/ash_admin/pages/page_live.ex
index 254ca46..a5ad390 100644
--- a/lib/ash_admin/pages/page_live.ex
+++ b/lib/ash_admin/pages/page_live.ex
@@ -21,16 +21,11 @@ defmodule AshAdmin.PageLive do
   def mount(
         _params,
         %{
-          "prefix" => prefix,
-          "api" => api,
-          "apis" => apis,
-          "tab" => tab,
-          "action_type" => action_type,
-          "action_name" => action_name,
-          "resource" => resource
+          "prefix" => prefix
         } = session,
         socket
       ) do
+    otp_app = socket.endpoint.config(:otp_app)
     socket = assign(socket, :prefix, prefix)
 
     actor_paused =
@@ -40,79 +35,66 @@ defmodule AshAdmin.PageLive do
         AshAdmin.ActorPlug.session_bool(session["actor_paused"])
       end
 
-    action =
-      if action_type && action_name && resource do
-        Ash.Resource.Info.action(resource, action_name, action_type)
-      end
-
-    tables =
-      if resource do
-        AshAdmin.Resource.polymorphic_tables(resource, apis)
-      end
+    apis = apis(otp_app)
 
     {:ok,
      socket
      |> Surface.init()
      |> assign(:prefix, prefix)
-     |> assign(:api, api)
-     |> assign(:apis, apis)
-     |> assign(:resource, resource)
-     |> assign(:action, action)
      |> assign(:primary_key, nil)
      |> assign(:record, nil)
-     |> assign(:tab, tab)
-     |> assign(:actor_resources, actor_resources(apis))
+     |> assign(:apis, apis)
      |> assign(:tenant, session["tenant"])
-     |> assign(:actor, AshAdmin.ActorPlug.actor_from_session(session))
-     |> assign(:actor_api, AshAdmin.ActorPlug.actor_api_from_session(session))
+     |> assign(:actor, AshAdmin.ActorPlug.actor_from_session(socket.endpoint, session))
+     |> assign(:actor_api, AshAdmin.ActorPlug.actor_api_from_session(socket.endpoint, session))
+     |> assign(:actor_resources, actor_resources(apis))
      |> assign(
        :authorizing,
        AshAdmin.ActorPlug.session_bool(session["actor_authorizing"]) || false
      )
-     |> assign(:actor_paused, actor_paused)
-     |> assign(:tables, tables)
-     |> assign(:table, session["table"] || Enum.at(tables || [], 0))}
+     |> assign(:actor_paused, actor_paused)}
   end
 
   @impl true
   def render(assigns) do
-    ~H"""
+    ~F"""
     <TopNav
       id="top_nav"
-      apis={{ @apis }}
-      api={{ @api }}
-      actor_api={{ @actor_api }}
-      resource={{ @resource }}
-      tenant={{ @tenant }}
-      actor_resources={{ @actor_resources }}
-      authorizing={{ @authorizing }}
-      actor_paused={{ @actor_paused }}
-      actor={{ @actor }}
+      apis={@apis}
+      api={@api}
+      actor_api={@actor_api}
+      resource={@resource}
+      tenant={@tenant}
+      actor_resources={@actor_resources}
+      authorizing={@authorizing}
+      actor_paused={@actor_paused}
+      actor={@actor}
       set_tenant="set_tenant"
       clear_tenant="clear_tenant"
       toggle_authorizing="toggle_authorizing"
       toggle_actor_paused="toggle_actor_paused"
       clear_actor="clear_actor"
-      prefix={{ @prefix }}
+      prefix={@prefix}
     />
     <Resource
-      :if={{ @resource }}
-      id={{ @resource }}
-      resource={{ @resource }}
+      :if={@resource}
+      id={@resource}
+      resource={@resource}
       set_actor="set_actor"
-      primary_key={{ @primary_key }}
-      record={{ @record }}
-      api={{ @api }}
-      tab={{ @tab }}
-      url_path={{ @url_path }}
-      params={{ @params }}
-      action={{ @action }}
-      tenant={{ @tenant }}
-      actor={{ unless @actor_paused, do: @actor }}
-      authorizing={{ @authorizing }}
-      table={{ @table }}
-      tables={{ @tables }}
-      prefix={{ @prefix }}
+      primary_key={@primary_key}
+      record={@record}
+      api={@api}
+      tab={@tab}
+      action_type={@action_type}
+      url_path={@url_path}
+      params={@params}
+      action={@action}
+      tenant={@tenant}
+      actor={unless @actor_paused, do: @actor}
+      authorizing={@authorizing}
+      table={@table}
+      tables={@tables}
+      prefix={@prefix}
     />
     """
   end
@@ -128,13 +110,206 @@ defmodule AshAdmin.PageLive do
     end)
   end
 
+  defp apis(otp_app) do
+    otp_app
+    |> Application.get_env(:ash_apis)
+    |> Enum.filter(&AshAdmin.Api.show?/1)
+  end
+
+  # defp find_api(api, otp_app) do
+  #   otp_app
+  #   |> apis()
+  #   |> Enum.find(fn api ->
+  #     AshAdmin.Api.name(api) == api
+  #   end)
+  # end
+
+  # defp find_resource(api, resource, otp_app) do
+  #   case find_api(api, otp_app) do
+  #     nil ->
+  #       nil
+
+  #     api ->
+  #       api
+  #       |> Ash.Api.resources()
+  #       |> Enum.find(fn resource ->
+  #         AshAdmin.Resource.name(resource) == resource
+  #       end)
+  #   end
+  # end
+
+  # defp match_result(%{path: path}, otp_app) when path == "/" || path == "" do
+  #   {:ok, [api: Enum.at(apis(otp_app), 0)]}
+  # end
+
+  # defp match_result(url, otp_app) do
+  #   url.path
+  #   |> Enum.split("/")
+  #   |> case do
+  #     [api] ->
+  #       case find_api(api, otp_app) do
+  #         nil ->
+  #           :error
+
+  #         api ->
+  #           {:ok, api: api, tab: "info"}
+  #       end
+
+  #     [api, resource] ->
+  #       case find_resource(api, resource, otp_app) do
+  #         {api, resource} ->
+  #           {:ok, api: api, resource: resource, tab: "info"}
+
+  #         nil ->
+  #           :error
+  #       end
+
+  #     [api, resource, table_or_action_type] ->
+  #       case find_table_or_action_type(api, resource, table_or_action_type, otp_app) do
+  #         {:table, api, resource} ->
+  #           {:ok, api: api, resource: resource, table: table_or_action_type}
+
+  #         {:action, api, resource, action_type} ->
+  #           action = Ash.Resource.Info.primary_action!(resource, action_type)
+  #           {:ok, api: api, resource: resource, action_type: action_type, action: action.name}
+  #       end
+
+  #     [api, resource, table_or_action_type, action_type_or_action_name, otp_app] ->
+  #       case find_action_type_or_action_name(
+  #              api,
+  #              resource,
+  #              table_or_action_type,
+  #              action_type_or_action_name
+  #            ) do
+  #         {:action_name, api, resource, action_type, action_name} ->
+  #           {:ok, api: api, resource: resource, action_type: action_type, action: action_name}
+
+  #         {:action_type, api, resource, action_type} ->
+  #           action = Ash.Resource.Info.primary_action!(resource, action_type)
+
+  #           {:ok,
+  #            api: api,
+  #            resource: resource,
+  #            action_type: action_type,
+  #            action: action.name,
+  #            table: table_or_action_type}
+
+  #         {:action_type_with_pkey, api, resource, action_type, primary_key} ->
+  #           action = Ash.Resource.Info.primary_action!(resource, action_type)
+  #           {:ok, api: api, resource: resource, action_type: action_type, action: action.name}
+  #       end
+
+  #     [api, resource, table_or_action_type, action_type_or_action_name, primary_key] ->
+  #       case find_action_type_or_action_name_with_primary_key(
+  #              api,
+  #              resource,
+  #              table_or_action_type,
+  #              action_type_or_action_name,
+  #              otp_app
+  #            ) do
+  #         {:table, api, resource, action_type, primary_key} ->
+  #           action = Ash.Resource.Info.primary_action!(resource, action_type)
+
+  #           {:ok,
+  #            api: api,
+  #            resource: resource,
+  #            action_type: action_type,
+  #            primary_key: primary_key,
+  #            table: table_or_action_type,
+  #            action: action.name}
+
+  #         {:action_name, api, resource, action_type, action_name, primary_key} ->
+  #           {:ok,
+  #            api: api,
+  #            resource: resource,
+  #            action_type: action_type,
+  #            action: action_name,
+  #            primary_key: primary_key}
+  #       end
+  #     [api, resource, table, action_type, action_name, primary_key] ->
+  #       action_type = case action_type do
+  #         "update" -> :update
+  #         "destroy" -> :destroy
+  #       end
+  #       case find_resource(api, resource, otp_app) do
+
+  #       end
+
+  #   end
+  # end
+
+  defp assign_api(socket, api) do
+    api =
+      Enum.find(socket.assigns.apis, fn shown_api ->
+        AshAdmin.Api.name(shown_api) == api
+      end) || Enum.at(socket.assigns.apis, 0)
+
+    assign(socket, :api, api)
+  end
+
+  defp assign_resource(socket, resource) do
+    resources = Ash.Api.resources(socket.assigns.api)
+
+    resource =
+      Enum.find(resources, fn api_resource ->
+        AshAdmin.Resource.name(api_resource) == resource
+      end) || Enum.at(resources, 0)
+
+    assign(socket, :resource, resource)
+  end
+
+  defp assign_action(socket, action, action_type) do
+    action_type =
+      case action_type do
+        "read" -> :read
+        "update" -> :update
+        "create" -> :create
+        "destroy" -> :destroy
+        nil -> nil
+      end
+
+    if action_type do
+      action =
+        Enum.find(Ash.Resource.Info.actions(socket.assigns.resource), fn resource_action ->
+          to_string(resource_action.name) == action && resource_action.type == action_type
+        end) || Ash.Resource.Info.primary_action!(socket.assigns.resource, action_type)
+
+      assign(socket, action_type: action_type, action: action)
+    else
+      assign(socket, action: nil, action_type: nil)
+    end
+  end
+
+  defp assign_tables(socket, table) do
+    tables =
+      if socket.assigns.resource do
+        AshAdmin.Resource.polymorphic_tables(socket.assigns.resource, socket.assigns.apis)
+      else
+        []
+      end
+
+    if table && table != "" do
+      assign(socket, table: table, tables: tables)
+    else
+      assign(socket, table: Enum.at(tables, 0), tables: tables)
+    end
+  end
+
   @impl true
   def handle_params(params, url, socket) do
     url = URI.parse(url)
 
     socket =
-      if params["primary_key"] do
-        case decode_primary_key(socket.assigns.resource, params["primary_key"]) do
+      socket
+      |> assign_api(params["api"])
+      |> assign_resource(params["resource"])
+      |> assign_action(params["action"], params["action_type"])
+      |> assign_tables(params["table"])
+      |> assign(primary_key: params["primary_key"], tab: params["tab"])
+
+    socket =
+      if socket.assigns[:primary_key] do
+        case decode_primary_key(socket.assigns.resource, socket.assigns[:primary_key]) do
           {:ok, primary_key} ->
             actor =
               if socket.assigns.actor_paused do
@@ -157,9 +332,7 @@ defmodule AshAdmin.PageLive do
             case record do
               {:error, error} ->
                 Logger.warn(
-                  "Error while loading record on admin dashboard\n: #{
-                    Exception.format(:error, error)
-                  }"
+                  "Error while loading record on admin dashboard\n: #{Exception.format(:error, error)}"
                 )
 
               {:ok, _} ->
@@ -185,6 +358,10 @@ defmodule AshAdmin.PageLive do
      socket
      |> assign(:url_path, url.path)
      |> assign(:params, params)}
+
+    #   :error ->
+    #     {:error, "Not Found"}
+    # end
   end
 
   defp to_one_relationships(resource) do
@@ -238,15 +415,18 @@ defmodule AshAdmin.PageLive do
           |> Ash.Query.filter(^pkey_filter)
           |> api.read_one!(action: action)
 
+        api_name = AshAdmin.Api.name(api)
+        resource_name = AshAdmin.Resource.name(resource)
+
         {:noreply,
          socket
          |> push_event(
            "set_actor",
            %{
-             resource: to_string(resource),
+             resource: to_string(resource_name),
              primary_key: encode_primary_key(actor),
              action: to_string(action.name),
-             api: to_string(api)
+             api: to_string(api_name)
            }
          )
          |> assign(actor: actor, actor_api: api)}
diff --git a/lib/ash_admin/router.ex b/lib/ash_admin/router.ex
index bac3d0a..c28bf01 100644
--- a/lib/ash_admin/router.ex
+++ b/lib/ash_admin/router.ex
@@ -44,8 +44,6 @@ defmodule AshAdmin.Router do
   Defines an AshAdmin route.
   It expects the `path` the admin dashboard will be mounted at
   and a set of options.
-  ## Options
-    * `:apis` - The list of Apis to include in the admin dashboard
   ## Examples
       defmodule MyAppWeb.Router do
         use Phoenix.Router
@@ -63,260 +61,23 @@ defmodule AshAdmin.Router do
       end
   """
   defmacro ash_admin(path, opts \\ []) do
-    quote bind_quoted: binding() do
-      scope path, alias: false, as: false do
-        import Phoenix.LiveView.Router, only: [live: 4]
-
-        prefix =
-          if opts[:prefix] do
-            opts[:prefix] <> path
-          else
-            path
-          end
-
-        prefix = String.trim_trailing(prefix, "/")
-
-        apis = opts[:apis]
-        Enum.each(apis, &Code.ensure_compiled/1)
-        api = List.first(opts[:apis])
-
-        resource =
-          api
-          |> Ash.Api.resources()
-          |> List.first()
+    quote bind_quoted: [path: path, opts: opts] do
+      import Phoenix.LiveView.Router
+      live_socket_path = Keyword.get(opts, :live_socket_path, "/live")
 
+      live_session :default,
+        session: {AshAdmin.Router, :__session__, %{"prefix" => path}},
+        root_layout: {AshAdmin.LayoutView, :admin} do
         live(
-          "/",
+          "#{path}/*route",
           AshAdmin.PageLive,
           :page,
-          AshAdmin.Router.__options__(opts, %{
-            "prefix" => prefix,
-            "apis" => apis,
-            "api" => api,
-            "tab" => nil,
-            "resource" => nil,
-            "action_type" => nil,
-            "action_name" => nil
-          })
+          private: %{live_socket_path: live_socket_path}
         )
-
-        for api <- apis do
-          live(
-            "/#{AshAdmin.Api.name(api)}",
-            AshAdmin.PageLive,
-            :api_page,
-            AshAdmin.Router.__options__(opts, %{
-              "prefix" => prefix,
-              "apis" => apis,
-              "api" => api,
-              "tab" => "info",
-              "resource" => nil,
-              "action_type" => nil,
-              "action_name" => nil
-            })
-          )
-
-          for resource <- Ash.Api.resources(api) do
-            for {table, alias_part, polymorphic_part} <-
-                  AshAdmin.Router.polymorphic_parts(resource, apis) do
-              live(
-                "/#{AshAdmin.Api.name(api)}/#{AshAdmin.Resource.name(resource)}#{polymorphic_part}",
-                AshAdmin.PageLive,
-                :resource_page,
-                AshAdmin.Router.__options__(opts, %{
-                  "prefix" => prefix,
-                  "apis" => apis,
-                  "api" => api,
-                  "tab" => "info",
-                  "resource" => resource,
-                  "action_type" => nil,
-                  "action_name" => nil,
-                  "table" => table
-                })
-              )
-
-              if Enum.any?(Ash.Resource.Info.actions(resource), &(&1.type == :create)) do
-                live(
-                  "/#{AshAdmin.Api.name(api)}/#{AshAdmin.Resource.name(resource)}#{
-                    polymorphic_part
-                  }/create",
-                  AshAdmin.PageLive,
-                  :resource_page,
-                  AshAdmin.Router.__options__(opts, %{
-                    "prefix" => prefix,
-                    "apis" => apis,
-                    "api" => api,
-                    "resource" => resource,
-                    "tab" => "create",
-                    "action_type" => :create,
-                    "action_name" => Ash.Resource.Info.primary_action!(resource, :create).name,
-                    "table" => table
-                  })
-                )
-              end
-
-              for %{type: :create} = action <- Ash.Resource.Info.actions(resource) do
-                live(
-                  "/#{AshAdmin.Api.name(api)}/#{AshAdmin.Resource.name(resource)}#{
-                    polymorphic_part
-                  }/create/#{action.name}",
-                  AshAdmin.PageLive,
-                  :resource_page,
-                  AshAdmin.Router.__options__(opts, %{
-                    "prefix" => prefix,
-                    "apis" => apis,
-                    "api" => api,
-                    "resource" => resource,
-                    "tab" => "create",
-                    "action_type" => :create,
-                    "action_name" => action.name,
-                    "table" => table
-                  })
-                )
-              end
-
-              if Enum.any?(Ash.Resource.Info.actions(resource), &(&1.type == :update)) do
-                live(
-                  "/#{AshAdmin.Api.name(api)}/#{AshAdmin.Resource.name(resource)}#{
-                    polymorphic_part
-                  }/update/:primary_key",
-                  AshAdmin.PageLive,
-                  :resource_page,
-                  AshAdmin.Router.__options__(opts, %{
-                    "prefix" => prefix,
-                    "apis" => apis,
-                    "api" => api,
-                    "resource" => resource,
-                    "tab" => "update",
-                    "action_type" => :update,
-                    "action_name" => Ash.Resource.Info.primary_action!(resource, :update).name,
-                    "table" => table
-                  })
-                )
-
-                for %{type: :update} = action <- Ash.Resource.Info.actions(resource) do
-                  live(
-                    "/#{AshAdmin.Api.name(api)}/#{AshAdmin.Resource.name(resource)}#{
-                      polymorphic_part
-                    }/update/#{action.name}/:primary_key",
-                    AshAdmin.PageLive,
-                    :resource_page,
-                    AshAdmin.Router.__options__(opts, %{
-                      "prefix" => prefix,
-                      "apis" => apis,
-                      "api" => api,
-                      "resource" => resource,
-                      "tab" => "update",
-                      "action_type" => :update,
-                      "action_name" => action.name,
-                      "table" => table
-                    })
-                  )
-                end
-              end
-
-              if Enum.any?(Ash.Resource.Info.actions(resource), &(&1.type == :destroy)) do
-                live(
-                  "/#{AshAdmin.Api.name(api)}/#{AshAdmin.Resource.name(resource)}#{
-                    polymorphic_part
-                  }/destroy/:primary_key",
-                  AshAdmin.PageLive,
-                  :resource_page,
-                  AshAdmin.Router.__options__(opts, %{
-                    "prefix" => prefix,
-                    "apis" => apis,
-                    "api" => api,
-                    "resource" => resource,
-                    "tab" => "destroy",
-                    "action_type" => :destroy,
-                    "action_name" => Ash.Resource.Info.primary_action!(resource, :destroy).name,
-                    "table" => table
-                  })
-                )
-
-                for %{type: :destroy} = action <- Ash.Resource.Info.actions(resource) do
-                  live(
-                    "/#{AshAdmin.Api.name(api)}/#{AshAdmin.Resource.name(resource)}#{
-                      polymorphic_part
-                    }/destroy/#{action.name}/:primary_key",
-                    AshAdmin.PageLive,
-                    :resource_page,
-                    AshAdmin.Router.__options__(opts, %{
-                      "prefix" => prefix,
-                      "apis" => apis,
-                      "api" => api,
-                      "resource" => resource,
-                      "tab" => "destroy",
-                      "action_type" => :destroy,
-                      "action_name" => action.name,
-                      "table" => table
-                    })
-                  )
-                end
-              end
-
-              show_action = AshAdmin.Resource.show_action(resource)
-
-              if show_action do
-                action =
-                  Ash.Resource.Info.action(resource, AshAdmin.Resource.show_action(resource))
-
-                live(
-                  "/#{AshAdmin.Api.name(api)}/#{AshAdmin.Resource.name(resource)}#{
-                    polymorphic_part
-                  }/show/:primary_key",
-                  AshAdmin.PageLive,
-                  :show_page,
-                  AshAdmin.Router.__options__(opts, %{
-                    "prefix" => prefix,
-                    "apis" => apis,
-                    "api" => api,
-                    "resource" => resource,
-                    "tab" => "read",
-                    "action_type" => :read,
-                    "action_name" => action.name,
-                    "table" => table
-                  })
-                )
-              end
-
-              for %{type: :read} = action <- Ash.Resource.Info.actions(resource) do
-                live(
-                  "/#{AshAdmin.Api.name(api)}/#{AshAdmin.Resource.name(resource)}#{
-                    polymorphic_part
-                  }/#{action.type}/#{action.name}",
-                  AshAdmin.PageLive,
-                  :resource_page,
-                  AshAdmin.Router.__options__(opts, %{
-                    "prefix" => prefix,
-                    "apis" => apis,
-                    "api" => api,
-                    "resource" => resource,
-                    "tab" => "data",
-                    "action_type" => :read,
-                    "action_name" => action.name,
-                    "table" => table
-                  })
-                )
-              end
-            end
-          end
-        end
       end
     end
   end
 
-  @doc false
-  def __options__(options, session) do
-    live_socket_path = Keyword.get(options, :live_socket_path, "/live")
-
-    [
-      session: {__MODULE__, :__session__, [session]},
-      private: %{live_socket_path: live_socket_path},
-      layout: {AshAdmin.LayoutView, :admin}
-    ]
-  end
-
   @cookies_to_replicate [
     "tenant",
     "actor_resource",
@@ -339,15 +100,4 @@ defmodule AshAdmin.Router do
       end
     end)
   end
-
-  @doc false
-  def polymorphic_parts(resource, apis) do
-    case AshAdmin.Resource.polymorphic_tables(resource, apis) do
-      [] ->
-        [{nil, "", ""}]
-
-      tables ->
-        [{nil, "", ""} | Enum.map(tables, &{&1, &1, "/#{&1}"})]
-    end
-  end
 end
diff --git a/mix.exs b/mix.exs
index 74ec0c4..c40f6bb 100644
--- a/mix.exs
+++ b/mix.exs
@@ -88,14 +88,14 @@ defmodule AshAdmin.MixProject do
     [
       {:ash, "~> 1.47 and >= 1.47.3"},
       # {:ash, path: "../ash", override: true},
-      {:ash_phoenix, "~> 0.5 and >= 0.5.7"},
+      {:ash_phoenix, "~> 0.5 and >= 0.5.11"},
       # {:ash_phoenix, path: "../ash_phoenix"},
-      {:surface, "~> 0.4.1"},
-      {:phoenix_live_view, "~> 0.15.4"},
-      {:phoenix_html, "~> 2.14.1 or ~> 2.15"},
+      {:surface, "~> 0.5.1"},
+      {:phoenix_live_view, "~> 0.16"},
+      {:phoenix_html, "~> 3.0"},
       {:jason, "~> 1.0"},
       # Dev dependencies
-      {:surface_formatter, "~> 0.4.1", only: [:dev, :test]},
+      {:surface_formatter, "~> 0.5.0", only: [:dev, :test]},
       {:plug_cowboy, "~> 2.0", only: [:dev, :test]},
       {:phoenix_live_reload, "~> 1.2", only: [:dev, :test]},
       {:ash_postgres, "~> 0.40.9", only: [:dev, :test]},
diff --git a/mix.lock b/mix.lock
index 1d4e912..930e6cb 100644
--- a/mix.lock
+++ b/mix.lock
@@ -1,6 +1,6 @@
 %{
-  "ash": {:hex, :ash, "1.47.3", "6c00875d4c95e859f67073d032069b7ec3019e507d57d8d1ea8c8ecf79d1cec9", [:mix], [{:comparable, "~> 1.0", [hex: :comparable, repo: "hexpm", optional: false]}, {:decimal, "~> 2.0", [hex: :decimal, repo: "hexpm", optional: false]}, {:ecto, "~> 3.4", [hex: :ecto, repo: "hexpm", optional: false]}, {:ets, "~> 0.8.0", [hex: :ets, repo: "hexpm", optional: false]}, {:jason, ">= 1.0.0", [hex: :jason, repo: "hexpm", optional: false]}, {:nimble_options, "~> 0.3.5", [hex: :nimble_options, repo: "hexpm", optional: false]}, {:picosat_elixir, "~> 0.1.5", [hex: :picosat_elixir, repo: "hexpm", optional: false]}, {:timex, ">= 3.0.0", [hex: :timex, repo: "hexpm", optional: false]}], "hexpm", "0aa1b7ccf699624179a36d0603376bb4782ff032a7fc4a6b6671341990142e07"},
-  "ash_phoenix": {:hex, :ash_phoenix, "0.5.7", "0b11395376b135c9daa30b12b826428ca585003ad54255e05a57c2bb19c0f839", [:mix], [{:ash, "~> 1.46 and >= 1.46.8", [hex: :ash, repo: "hexpm", optional: false]}, {:phoenix, "~> 1.5.6", [hex: :phoenix, repo: "hexpm", optional: false]}, {:phoenix_html, "~> 2.14", [hex: :phoenix_html, repo: "hexpm", optional: false]}, {:phoenix_live_view, "~> 0.15", [hex: :phoenix_live_view, repo: "hexpm", optional: false]}], "hexpm", "e10e43fba8d467c9f13db7b5541ef0ac935111a688d628dc264655c3419edd5a"},
+  "ash": {:hex, :ash, "1.47.11", "1ce1f77cb0f687a01880b9573102f516be80c90880dcbe4cb53746e5ed765df9", [:mix], [{:comparable, "~> 1.0", [hex: :comparable, repo: "hexpm", optional: false]}, {:decimal, "~> 2.0", [hex: :decimal, repo: "hexpm", optional: false]}, {:ecto, "~> 3.4", [hex: :ecto, repo: "hexpm", optional: false]}, {:ets, "~> 0.8.0", [hex: :ets, repo: "hexpm", optional: false]}, {:jason, ">= 1.0.0", [hex: :jason, repo: "hexpm", optional: false]}, {:nimble_options, "~> 0.3.5", [hex: :nimble_options, repo: "hexpm", optional: false]}, {:picosat_elixir, "~> 0.2", [hex: :picosat_elixir, repo: "hexpm", optional: false]}, {:timex, ">= 3.0.0", [hex: :timex, repo: "hexpm", optional: false]}], "hexpm", "02b73a3fb80fd90c54301c69c5713e4422a538da0b2f76a1d0ab3cdadc6d94a2"},
+  "ash_phoenix": {:hex, :ash_phoenix, "0.5.11", "8c3ce8a5d79803b6e87bf2663e58d10d779fc27b90c00d71c3e8e713dedc3b3b", [:mix], [{:ash, "~> 1.47 and >= 1.47.8", [hex: :ash, repo: "hexpm", optional: false]}, {:phoenix, "~> 1.5.6", [hex: :phoenix, repo: "hexpm", optional: false]}, {:phoenix_html, "~> 2.14 or ~> 3.0", [hex: :phoenix_html, repo: "hexpm", optional: false]}, {:phoenix_live_view, "~> 0.15", [hex: :phoenix_live_view, repo: "hexpm", optional: false]}], "hexpm", "e7b6a2eac05105e56a34617a54eae7cc40cdfe7c12bb6166296b473be6389236"},
   "ash_policy_authorizer": {:hex, :ash_policy_authorizer, "0.16.2", "9d8446bd7d79ac2c77b459ca0e79cd4a3873eed57d6853aebf7bf01002d32693", [:mix], [{:ash, "~> 1.46", [hex: :ash, repo: "hexpm", optional: false]}], "hexpm", "508a0c17f906d5f21ef461026957258a3ba90d1ebd2e9ceb480e88f84e613e08"},
   "ash_postgres": {:hex, :ash_postgres, "0.40.9", "b184e6ddc200271157ff84bfadd5e2a212f363cf0cdcff15fe7d9b8d10f012ff", [:mix], [{:ash, "~> 1.46 and >= 1.46.11", [hex: :ash, repo: "hexpm", optional: false]}, {:ecto_sql, "~> 3.5", [hex: :ecto_sql, repo: "hexpm", optional: false]}, {:jason, "~> 1.0", [hex: :jason, repo: "hexpm", optional: false]}, {:postgrex, ">= 0.0.0", [hex: :postgrex, repo: "hexpm", optional: false]}], "hexpm", "6b2e62b1e47f0898c5f576ed68c3fe92feb59d69d4dfefcf51e3581afb72fd18"},
   "bunt": {:hex, :bunt, "0.2.0", "951c6e801e8b1d2cbe58ebbd3e616a869061ddadcc4863d0a2182541acae9a38", [:mix], [], "hexpm", "7af5c7e09fe1d40f76c8e4f9dd2be7cebd83909f31fee7cd0e9eadc567da8353"},
@@ -37,28 +37,28 @@
   "makeup_elixir": {:hex, :makeup_elixir, "0.15.1", "b5888c880d17d1cc3e598f05cdb5b5a91b7b17ac4eaf5f297cb697663a1094dd", [:mix], [{:makeup, "~> 1.0", [hex: :makeup, repo: "hexpm", optional: false]}, {:nimble_parsec, "~> 1.1", [hex: :nimble_parsec, repo: "hexpm", optional: false]}], "hexpm", "db68c173234b07ab2a07f645a5acdc117b9f99d69ebf521821d89690ae6c6ec8"},
   "makeup_erlang": {:hex, :makeup_erlang, "0.1.1", "3fcb7f09eb9d98dc4d208f49cc955a34218fc41ff6b84df7c75b3e6e533cc65f", [:mix], [{:makeup, "~> 1.0", [hex: :makeup, repo: "hexpm", optional: false]}], "hexpm", "174d0809e98a4ef0b3309256cbf97101c6ec01c4ab0b23e926a9e17df2077cbb"},
   "metrics": {:hex, :metrics, "1.0.1", "25f094dea2cda98213cecc3aeff09e940299d950904393b2a29d191c346a8486", [:rebar3], [], "hexpm", "69b09adddc4f74a40716ae54d140f93beb0fb8978d8636eaded0c31b6f099f16"},
-  "mime": {:hex, :mime, "1.6.0", "dabde576a497cef4bbdd60aceee8160e02a6c89250d6c0b29e56c0dfb00db3d2", [:mix], [], "hexpm", "31a1a8613f8321143dde1dafc36006a17d28d02bdfecb9e95a880fa7aabd19a7"},
+  "mime": {:hex, :mime, "2.0.1", "0de4c81303fe07806ebc2494d5321ce8fb4df106e34dd5f9d787b637ebadc256", [:mix], [], "hexpm", "7a86b920d2aedce5fb6280ac8261ac1a739ae6c1a1ad38f5eadf910063008942"},
   "mimerl": {:hex, :mimerl, "1.2.0", "67e2d3f571088d5cfd3e550c383094b47159f3eee8ffa08e64106cdf5e981be3", [:rebar3], [], "hexpm", "f278585650aa581986264638ebf698f8bb19df297f66ad91b18910dfc6e19323"},
   "nimble_options": {:hex, :nimble_options, "0.3.6", "365d03c05d43483d3eacf820671dafce5b49d692667b3bb8cae28447fd2414ef", [:mix], [], "hexpm", "1c1d3536c4aee1be2c8f3c691bf27c62dbd88d9bb3a0b1a011913453932e8c15"},
   "nimble_parsec": {:hex, :nimble_parsec, "1.1.0", "3a6fca1550363552e54c216debb6a9e95bd8d32348938e13de5eda962c0d7f89", [:mix], [], "hexpm", "08eb32d66b706e913ff748f11694b17981c0b04a33ef470e33e11b3d3ac8f54b"},
   "parse_trans": {:hex, :parse_trans, "3.3.1", "16328ab840cc09919bd10dab29e431da3af9e9e7e7e6f0089dd5a2d2820011d8", [:rebar3], [], "hexpm", "07cd9577885f56362d414e8c4c4e6bdf10d43a8767abb92d24cbe8b24c54888b"},
-  "phoenix": {:hex, :phoenix, "1.5.9", "a6368d36cfd59d917b37c44386e01315bc89f7609a10a45a22f47c007edf2597", [:mix], [{:jason, "~> 1.0", [hex: :jason, repo: "hexpm", optional: true]}, {:phoenix_html, "~> 2.13 or ~> 3.0", [hex: :phoenix_html, repo: "hexpm", optional: true]}, {:phoenix_pubsub, "~> 2.0", [hex: :phoenix_pubsub, repo: "hexpm", optional: false]}, {:plug, "~> 1.10", [hex: :plug, repo: "hexpm", optional: false]}, {:plug_cowboy, "~> 1.0 or ~> 2.2", [hex: :plug_cowboy, repo: "hexpm", optional: true]}, {:plug_crypto, "~> 1.1.2 or ~> 1.2", [hex: :plug_crypto, repo: "hexpm", optional: false]}, {:telemetry, "~> 0.4", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "7e4bce20a67c012f1fbb0af90e5da49fa7bf0d34e3a067795703b74aef75427d"},
-  "phoenix_html": {:hex, :phoenix_html, "2.14.3", "51f720d0d543e4e157ff06b65de38e13303d5778a7919bcc696599e5934271b8", [:mix], [{:plug, "~> 1.5", [hex: :plug, repo: "hexpm", optional: false]}], "hexpm", "efd697a7fff35a13eeeb6b43db884705cba353a1a41d127d118fda5f90c8e80f"},
+  "phoenix": {:hex, :phoenix, "1.5.12", "75fddb14c720388eea93d33886166a690416a7ff8633fbd93f364355b6fe1166", [:mix], [{:jason, "~> 1.0", [hex: :jason, repo: "hexpm", optional: true]}, {:phoenix_html, "~> 2.13 or ~> 3.0", [hex: :phoenix_html, repo: "hexpm", optional: true]}, {:phoenix_pubsub, "~> 2.0", [hex: :phoenix_pubsub, repo: "hexpm", optional: false]}, {:plug, "~> 1.10", [hex: :plug, repo: "hexpm", optional: false]}, {:plug_cowboy, "~> 1.0 or ~> 2.2", [hex: :plug_cowboy, repo: "hexpm", optional: true]}, {:plug_crypto, "~> 1.1.2 or ~> 1.2", [hex: :plug_crypto, repo: "hexpm", optional: false]}, {:telemetry, "~> 0.4", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "8f0ae6734fcc18bbaa646c161e2febc46fb899eae43f82679b92530983324113"},
+  "phoenix_html": {:hex, :phoenix_html, "3.0.2", "0d71bd7dfa5fad2103142206e25e16accd64f41bcbd0002af3f0da17e530968d", [:mix], [{:plug, "~> 1.5", [hex: :plug, repo: "hexpm", optional: true]}], "hexpm", "d6c6e85d9bef8d52a5a66fcccd15529651f379eaccbf10500343a17f6f814f82"},
   "phoenix_live_reload": {:hex, :phoenix_live_reload, "1.3.0", "f35f61c3f959c9a01b36defaa1f0624edd55b87e236b606664a556d6f72fd2e7", [:mix], [{:file_system, "~> 0.2.1 or ~> 0.3", [hex: :file_system, repo: "hexpm", optional: false]}, {:phoenix, "~> 1.4", [hex: :phoenix, repo: "hexpm", optional: false]}], "hexpm", "02c1007ae393f2b76ec61c1a869b1e617179877984678babde131d716f95b582"},
-  "phoenix_live_view": {:hex, :phoenix_live_view, "0.15.7", "09720b8e5151b3ca8ef739cd7626d4feb987c69ba0b509c9bbdb861d5a365881", [:mix], [{:jason, "~> 1.0", [hex: :jason, repo: "hexpm", optional: true]}, {:phoenix, "~> 1.5.7", [hex: :phoenix, repo: "hexpm", optional: false]}, {:phoenix_html, "~> 2.14", [hex: :phoenix_html, repo: "hexpm", optional: false]}, {:telemetry, "~> 0.4.2 or ~> 0.5", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "3a756cf662420272d0f1b3b908cce5222163b5a95aa9bab404f9d29aff53276e"},
+  "phoenix_live_view": {:hex, :phoenix_live_view, "0.16.1", "a17652e936718b6b6b52ef64d4b9860bc30c41b9a491e25f2b49a70604efa436", [:mix], [{:jason, "~> 1.0", [hex: :jason, repo: "hexpm", optional: true]}, {:phoenix, "~> 1.5.9 or ~> 1.6.0", [hex: :phoenix, repo: "hexpm", optional: false]}, {:phoenix_html, "~> 3.0", [hex: :phoenix_html, repo: "hexpm", optional: false]}, {:telemetry, "~> 0.4.2 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "94bbc572471ad151b756b38dd10acbf91e0bcc132ad8b78240baa0dcf77cea74"},
   "phoenix_pubsub": {:hex, :phoenix_pubsub, "2.0.0", "a1ae76717bb168cdeb10ec9d92d1480fec99e3080f011402c0a2d68d47395ffb", [:mix], [], "hexpm", "c52d948c4f261577b9c6fa804be91884b381a7f8f18450c5045975435350f771"},
-  "picosat_elixir": {:hex, :picosat_elixir, "0.1.5", "23673bd3080a4489401e25b4896aff1f1138d47b2f650eab724aad1506188ebb", [:make, :mix], [{:elixir_make, "~> 0.4", [hex: :elixir_make, repo: "hexpm", optional: false]}], "hexpm", "b30b3c3abd1f4281902d3b5bc9b67e716509092d6243b010c29d8be4a526e8c8"},
-  "plug": {:hex, :plug, "1.12.0", "39dc7f1ef8c46bb1bf6dd8f6a49f526c45b4b92ce553687fd885b559a46d0230", [:mix], [{:mime, "~> 1.0 or ~> 2.0", [hex: :mime, repo: "hexpm", optional: false]}, {:plug_crypto, "~> 1.1.1 or ~> 1.2", [hex: :plug_crypto, repo: "hexpm", optional: false]}, {:telemetry, "~> 0.4 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "5282c76e89efdf43f2e04bd268ca99d738039f9518137f02ff468cee3ba78096"},
+  "picosat_elixir": {:hex, :picosat_elixir, "0.2.1", "407dcb90755167fd9e3311b60565ff32ed0d234010363406c07cdb4175b95bc5", [:make, :mix], [{:elixir_make, "~> 0.6", [hex: :elixir_make, repo: "hexpm", optional: false]}], "hexpm", "68f4bdb2ac3b594209e54625d3d58c9e2e98b90f2ec8e03235f66e88c9eda5fe"},
+  "plug": {:hex, :plug, "1.12.1", "645678c800601d8d9f27ad1aebba1fdb9ce5b2623ddb961a074da0b96c35187d", [:mix], [{:mime, "~> 1.0 or ~> 2.0", [hex: :mime, repo: "hexpm", optional: false]}, {:plug_crypto, "~> 1.1.1 or ~> 1.2", [hex: :plug_crypto, repo: "hexpm", optional: false]}, {:telemetry, "~> 0.4.3 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "d57e799a777bc20494b784966dc5fbda91eb4a09f571f76545b72a634ce0d30b"},
   "plug_cowboy": {:hex, :plug_cowboy, "2.5.1", "7cc96ff645158a94cf3ec9744464414f02287f832d6847079adfe0b58761cbd0", [:mix], [{:cowboy, "~> 2.7", [hex: :cowboy, repo: "hexpm", optional: false]}, {:cowboy_telemetry, "~> 0.3", [hex: :cowboy_telemetry, repo: "hexpm", optional: false]}, {:plug, "~> 1.7", [hex: :plug, repo: "hexpm", optional: false]}, {:telemetry, "~> 0.4 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "107d0a5865fa92bcb48e631cc0729ae9ccfa0a9f9a1bd8f01acb513abf1c2d64"},
   "plug_crypto": {:hex, :plug_crypto, "1.2.2", "05654514ac717ff3a1843204b424477d9e60c143406aa94daf2274fdd280794d", [:mix], [], "hexpm", "87631c7ad914a5a445f0a3809f99b079113ae4ed4b867348dd9eec288cecb6db"},
   "postgrex": {:hex, :postgrex, "0.15.9", "46f8fe6f25711aeb861c4d0ae09780facfdf3adbd2fb5594ead61504dd489bda", [:mix], [{:connection, "~> 1.0", [hex: :connection, repo: "hexpm", optional: false]}, {:db_connection, "~> 2.1", [hex: :db_connection, repo: "hexpm", optional: false]}, {:decimal, "~> 1.5 or ~> 2.0", [hex: :decimal, repo: "hexpm", optional: false]}, {:jason, "~> 1.0", [hex: :jason, repo: "hexpm", optional: true]}], "hexpm", "610719103e4cb2223d4ab78f9f0f3e720320eeca6011415ab4137ddef730adee"},
   "ranch": {:hex, :ranch, "1.8.0", "8c7a100a139fd57f17327b6413e4167ac559fbc04ca7448e9be9057311597a1d", [:make, :rebar3], [], "hexpm", "49fbcfd3682fab1f5d109351b61257676da1a2fdbe295904176d5e521a2ddfe5"},
   "sobelow": {:hex, :sobelow, "0.11.1", "23438964486f8112b41e743bbfd402da3e5b296fdc9eacab29914b79c48916dd", [:mix], [{:jason, "~> 1.0", [hex: :jason, repo: "hexpm", optional: false]}], "hexpm", "9897363a7eff96f4809304a90aad819e2ad5e5d24db547af502885146746a53c"},
   "ssl_verify_fun": {:hex, :ssl_verify_fun, "1.1.6", "cf344f5692c82d2cd7554f5ec8fd961548d4fd09e7d22f5b62482e5aeaebd4b0", [:make, :mix, :rebar3], [], "hexpm", "bdb0d2471f453c88ff3908e7686f86f9be327d065cc1ec16fa4540197ea04680"},
-  "surface": {:hex, :surface, "0.4.1", "baecbf1f0e008ad19ef5a971e9db4ca1d69e8d72bb6cdae7a09f2bdc3bb4975f", [:mix], [{:jason, "~> 1.0", [hex: :jason, repo: "hexpm", optional: false]}, {:nimble_parsec, "~> 0.5 or ~> 1.0", [hex: :nimble_parsec, repo: "hexpm", optional: false]}, {:phoenix_live_view, "~> 0.15", [hex: :phoenix_live_view, repo: "hexpm", optional: false]}], "hexpm", "aa60074ccc3ad05db2b866275da159bf13e3c7f7810ebc0f8a098b44e10e58ad"},
-  "surface_formatter": {:hex, :surface_formatter, "0.4.1", "1f98b0751e010e94fca722fe6a8fecd03315e9e59d4f7ec3e5609e05d2051e9f", [:mix], [{:surface, "~> 0.4.0", [hex: :surface, repo: "hexpm", optional: false]}], "hexpm", "3dc3c4cabb06315a8f502ee4f240a33a2770830efef1f4b082d29e1e2a307e20"},
+  "surface": {:hex, :surface, "0.5.1", "2aa593d8ba5dde584e288f697ec8318352f2ff2037ad6d195788c702f104bff2", [:mix], [{:jason, "~> 1.0", [hex: :jason, repo: "hexpm", optional: false]}, {:phoenix_live_view, "~> 0.15", [hex: :phoenix_live_view, repo: "hexpm", optional: false]}], "hexpm", "a853bfe3479e1f711c84d69d988f85612bd2847dc18ada80be951af40dbe136c"},
+  "surface_formatter": {:hex, :surface_formatter, "0.5.4", "ce3332e2516615795d10bcf8fb10c765128ff9ccb0fa0e21aa4f384a58498d52", [:mix], [{:surface, "~> 0.5.0", [hex: :surface, repo: "hexpm", optional: false]}], "hexpm", "ea1a5666e4abf1a6c61048fb9a64040ce59865cf33002ca08d2011b6d700feb4"},
   "telemetry": {:hex, :telemetry, "0.4.3", "a06428a514bdbc63293cd9a6263aad00ddeb66f608163bdec7c8995784080818", [:rebar3], [], "hexpm", "eb72b8365ffda5bed68a620d1da88525e326cb82a75ee61354fc24b844768041"},
-  "timex": {:hex, :timex, "3.7.5", "3eca56e23bfa4e0848f0b0a29a92fa20af251a975116c6d504966e8a90516dfd", [:mix], [{:combine, "~> 0.10", [hex: :combine, repo: "hexpm", optional: false]}, {:gettext, "~> 0.10", [hex: :gettext, repo: "hexpm", optional: false]}, {:tzdata, "~> 1.0", [hex: :tzdata, repo: "hexpm", optional: false]}], "hexpm", "a15608dca680f2ef663d71c95842c67f0af08a0f3b1d00e17bbd22872e2874e4"},
+  "timex": {:hex, :timex, "3.7.6", "502d2347ec550e77fdf419bc12d15bdccd31266bb7d925b30bf478268098282f", [:mix], [{:combine, "~> 0.10", [hex: :combine, repo: "hexpm", optional: false]}, {:gettext, "~> 0.10", [hex: :gettext, repo: "hexpm", optional: false]}, {:tzdata, "~> 1.0", [hex: :tzdata, repo: "hexpm", optional: false]}], "hexpm", "a296327f79cb1ec795b896698c56e662ed7210cc9eb31f0ab365eb3a62e2c589"},
   "typable": {:hex, :typable, "0.3.0", "0431e121d124cd26f312123e313d2689b9a5322b15add65d424c07779eaa3ca1", [:mix], [], "hexpm", "880a0797752da1a4c508ac48f94711e04c86156f498065a83d160eef945858f8"},
   "tzdata": {:hex, :tzdata, "1.1.0", "72f5babaa9390d0f131465c8702fa76da0919e37ba32baa90d93c583301a8359", [:mix], [{:hackney, "~> 1.17", [hex: :hackney, repo: "hexpm", optional: false]}], "hexpm", "18f453739b48d3dc5bcf0e8906d2dc112bb40baafe2c707596d89f3c8dd14034"},
   "unicode_util_compat": {:hex, :unicode_util_compat, "0.7.0", "bc84380c9ab48177092f43ac89e4dfa2c6d62b40b8bd132b1059ecc7232f9a78", [:rebar3], [], "hexpm", "25eee6d67df61960cf6a794239566599b09e17e668d3700247bc498638152521"},
diff --git a/priv/static/js/app.js b/priv/static/js/app.js
index c35454e..1138b74 100644
--- a/priv/static/js/app.js
+++ b/priv/static/js/app.js
@@ -1,2 +1,2 @@
 /*! For license information please see app.js.LICENSE.txt */
-!function(e){var t={};function n(i){if(t[i])return t[i].exports;var r=t[i]={i:i,l:!1,exports:{}};return e[i].call(r.exports,r,r.exports,n),r.l=!0,r.exports}n.m=e,n.c=t,n.d=function(e,t,i){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:i})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var i=Object.create(null);if(n.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(i,r,function(t){return e[t]}.bind(null,r));return i},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/js/",n(n.s=3)}([function(e,t,n){var i,r;void 0===(r="function"==typeof(i=function(){var e,t,n={version:"0.2.0"},i=n.settings={minimum:.08,easing:"ease",positionUsing:"",speed:200,trickle:!0,trickleRate:.02,trickleSpeed:800,showSpinner:!0,barSelector:'[role="bar"]',spinnerSelector:'[role="spinner"]',parent:"body",template:'<div class="bar" role="bar"><div class="peg"></div></div><div class="spinner" role="spinner"><div class="spinner-icon"></div></div>'};function r(e,t,n){return e<t?t:e>n?n:e}function o(e){return 100*(-1+e)}n.configure=function(e){var t,n;for(t in e)void 0!==(n=e[t])&&e.hasOwnProperty(t)&&(i[t]=n);return this},n.status=null,n.set=function(e){var t=n.isStarted();e=r(e,i.minimum,1),n.status=1===e?null:e;var u=n.render(!t),c=u.querySelector(i.barSelector),l=i.speed,d=i.easing;return u.offsetWidth,a((function(t){""===i.positionUsing&&(i.positionUsing=n.getPositioningCSS()),s(c,function(e,t,n){var r;return(r="translate3d"===i.positionUsing?{transform:"translate3d("+o(e)+"%,0,0)"}:"translate"===i.positionUsing?{transform:"translate("+o(e)+"%,0)"}:{"margin-left":o(e)+"%"}).transition="all "+t+"ms "+n,r}(e,l,d)),1===e?(s(u,{transition:"none",opacity:1}),u.offsetWidth,setTimeout((function(){s(u,{transition:"all "+l+"ms linear",opacity:0}),setTimeout((function(){n.remove(),t()}),l)}),l)):setTimeout(t,l)})),this},n.isStarted=function(){return"number"==typeof n.status},n.start=function(){n.status||n.set(0);var e=function(){setTimeout((function(){n.status&&(n.trickle(),e())}),i.trickleSpeed)};return i.trickle&&e(),this},n.done=function(e){return e||n.status?n.inc(.3+.5*Math.random()).set(1):this},n.inc=function(e){var t=n.status;return t?("number"!=typeof e&&(e=(1-t)*r(Math.random()*t,.1,.95)),t=r(t+e,0,.994),n.set(t)):n.start()},n.trickle=function(){return n.inc(Math.random()*i.trickleRate)},e=0,t=0,n.promise=function(i){return i&&"resolved"!==i.state()?(0===t&&n.start(),e++,t++,i.always((function(){0==--t?(e=0,n.done()):n.set((e-t)/e)})),this):this},n.render=function(e){if(n.isRendered())return document.getElementById("nprogress");c(document.documentElement,"nprogress-busy");var t=document.createElement("div");t.id="nprogress",t.innerHTML=i.template;var r,a=t.querySelector(i.barSelector),u=e?"-100":o(n.status||0),l=document.querySelector(i.parent);return s(a,{transition:"all 0 linear",transform:"translate3d("+u+"%,0,0)"}),i.showSpinner||(r=t.querySelector(i.spinnerSelector))&&h(r),l!=document.body&&c(l,"nprogress-custom-parent"),l.appendChild(t),t},n.remove=function(){l(document.documentElement,"nprogress-busy"),l(document.querySelector(i.parent),"nprogress-custom-parent");var e=document.getElementById("nprogress");e&&h(e)},n.isRendered=function(){return!!document.getElementById("nprogress")},n.getPositioningCSS=function(){var e=document.body.style,t="WebkitTransform"in e?"Webkit":"MozTransform"in e?"Moz":"msTransform"in e?"ms":"OTransform"in e?"O":"";return t+"Perspective"in e?"translate3d":t+"Transform"in e?"translate":"margin"};var a=function(){var e=[];function t(){var n=e.shift();n&&n(t)}return function(n){e.push(n),1==e.length&&t()}}(),s=function(){var e=["Webkit","O","Moz","ms"],t={};function n(n){return n=n.replace(/^-ms-/,"ms-").replace(/-([\da-z])/gi,(function(e,t){return t.toUpperCase()})),t[n]||(t[n]=function(t){var n=document.body.style;if(t in n)return t;for(var i,r=e.length,o=t.charAt(0).toUpperCase()+t.slice(1);r--;)if((i=e[r]+o)in n)return i;return t}(n))}function i(e,t,i){t=n(t),e.style[t]=i}return function(e,t){var n,r,o=arguments;if(2==o.length)for(n in t)void 0!==(r=t[n])&&t.hasOwnProperty(n)&&i(e,n,r);else i(e,o[1],o[2])}}();function u(e,t){return("string"==typeof e?e:d(e)).indexOf(" "+t+" ")>=0}function c(e,t){var n=d(e),i=n+t;u(n,t)||(e.className=i.substring(1))}function l(e,t){var n,i=d(e);u(e,t)&&(n=i.replace(" "+t+" "," "),e.className=n.substring(1,n.length-1))}function d(e){return(" "+(e.className||"")+" ").replace(/\s+/gi," ")}function h(e){e&&e.parentNode&&e.parentNode.removeChild(e)}return n})?i.call(t,n,t,e):i)||(e.exports=r)},function(e,t,n){e.exports=function(e){var t={};function n(i){if(t[i])return t[i].exports;var r=t[i]={i:i,l:!1,exports:{}};return e[i].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=e,n.c=t,n.d=function(e,t,i){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:i})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var i=Object.create(null);if(n.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(i,r,function(t){return e[t]}.bind(null,r));return i},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=0)}([function(e,t,n){(function(t){e.exports=t.Phoenix=n(2)}).call(this,n(1))},function(e,t){var n;n=function(){return this}();try{n=n||new Function("return this")()}catch(e){"object"==typeof window&&(n=window)}e.exports=n},function(e,t,n){"use strict";function i(e){return function(e){if(Array.isArray(e))return s(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||a(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function r(e){return(r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function o(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e)){var n=[],i=!0,r=!1,o=void 0;try{for(var a,s=e[Symbol.iterator]();!(i=(a=s.next()).done)&&(n.push(a.value),!t||n.length!==t);i=!0);}catch(e){r=!0,o=e}finally{try{i||null==s.return||s.return()}finally{if(r)throw o}}return n}}(e,t)||a(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function a(e,t){if(e){if("string"==typeof e)return s(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(n):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?s(e,t):void 0}}function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,i=new Array(t);n<t;n++)i[n]=e[n];return i}function u(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function c(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function l(e,t,n){return t&&c(e.prototype,t),n&&c(e,n),e}n.r(t),n.d(t,"Channel",(function(){return P})),n.d(t,"Serializer",(function(){return T})),n.d(t,"Socket",(function(){return L})),n.d(t,"LongPoll",(function(){return O})),n.d(t,"Ajax",(function(){return R})),n.d(t,"Presence",(function(){return D}));var d="undefined"!=typeof self?self:null,h="undefined"!=typeof window?window:null,f=d||h||void 0,p="closed",v="errored",m="joined",g="joining",y="leaving",b="phx_close",k="phx_error",w="phx_join",x="phx_reply",E="phx_leave",S=[b,k,w,x,E],A="websocket",_=function(e){return"function"==typeof e?e:function(){return e}},C=function(){function e(t,n,i,r){u(this,e),this.channel=t,this.event=n,this.payload=i||function(){return{}},this.receivedResp=null,this.timeout=r,this.timeoutTimer=null,this.recHooks=[],this.sent=!1}return l(e,[{key:"resend",value:function(e){this.timeout=e,this.reset(),this.send()}},{key:"send",value:function(){this.hasReceived("timeout")||(this.startTimeout(),this.sent=!0,this.channel.socket.push({topic:this.channel.topic,event:this.event,payload:this.payload(),ref:this.ref,join_ref:this.channel.joinRef()}))}},{key:"receive",value:function(e,t){return this.hasReceived(e)&&t(this.receivedResp.response),this.recHooks.push({status:e,callback:t}),this}},{key:"reset",value:function(){this.cancelRefEvent(),this.ref=null,this.refEvent=null,this.receivedResp=null,this.sent=!1}},{key:"matchReceive",value:function(e){var t=e.status,n=e.response;e.ref,this.recHooks.filter((function(e){return e.status===t})).forEach((function(e){return e.callback(n)}))}},{key:"cancelRefEvent",value:function(){this.refEvent&&this.channel.off(this.refEvent)}},{key:"cancelTimeout",value:function(){clearTimeout(this.timeoutTimer),this.timeoutTimer=null}},{key:"startTimeout",value:function(){var e=this;this.timeoutTimer&&this.cancelTimeout(),this.ref=this.channel.socket.makeRef(),this.refEvent=this.channel.replyEventName(this.ref),this.channel.on(this.refEvent,(function(t){e.cancelRefEvent(),e.cancelTimeout(),e.receivedResp=t,e.matchReceive(t)})),this.timeoutTimer=setTimeout((function(){e.trigger("timeout",{})}),this.timeout)}},{key:"hasReceived",value:function(e){return this.receivedResp&&this.receivedResp.status===e}},{key:"trigger",value:function(e,t){this.channel.trigger(this.refEvent,{status:e,response:t})}}]),e}(),P=function(){function e(t,n,i){var r=this;u(this,e),this.state=p,this.topic=t,this.params=_(n||{}),this.socket=i,this.bindings=[],this.bindingRef=0,this.timeout=this.socket.timeout,this.joinedOnce=!1,this.joinPush=new C(this,w,this.params,this.timeout),this.pushBuffer=[],this.stateChangeRefs=[],this.rejoinTimer=new j((function(){r.socket.isConnected()&&r.rejoin()}),this.socket.rejoinAfterMs),this.stateChangeRefs.push(this.socket.onError((function(){return r.rejoinTimer.reset()}))),this.stateChangeRefs.push(this.socket.onOpen((function(){r.rejoinTimer.reset(),r.isErrored()&&r.rejoin()}))),this.joinPush.receive("ok",(function(){r.state=m,r.rejoinTimer.reset(),r.pushBuffer.forEach((function(e){return e.send()})),r.pushBuffer=[]})),this.joinPush.receive("error",(function(){r.state=v,r.socket.isConnected()&&r.rejoinTimer.scheduleTimeout()})),this.onClose((function(){r.rejoinTimer.reset(),r.socket.hasLogger()&&r.socket.log("channel","close ".concat(r.topic," ").concat(r.joinRef())),r.state=p,r.socket.remove(r)})),this.onError((function(e){r.socket.hasLogger()&&r.socket.log("channel","error ".concat(r.topic),e),r.isJoining()&&r.joinPush.reset(),r.state=v,r.socket.isConnected()&&r.rejoinTimer.scheduleTimeout()})),this.joinPush.receive("timeout",(function(){r.socket.hasLogger()&&r.socket.log("channel","timeout ".concat(r.topic," (").concat(r.joinRef(),")"),r.joinPush.timeout),new C(r,E,_({}),r.timeout).send(),r.state=v,r.joinPush.reset(),r.socket.isConnected()&&r.rejoinTimer.scheduleTimeout()})),this.on(x,(function(e,t){r.trigger(r.replyEventName(t),e)}))}return l(e,[{key:"join",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.timeout;if(this.joinedOnce)throw new Error("tried to join multiple times. 'join' can only be called a single time per channel instance");return this.timeout=e,this.joinedOnce=!0,this.rejoin(),this.joinPush}},{key:"onClose",value:function(e){this.on(b,e)}},{key:"onError",value:function(e){return this.on(k,(function(t){return e(t)}))}},{key:"on",value:function(e,t){var n=this.bindingRef++;return this.bindings.push({event:e,ref:n,callback:t}),n}},{key:"off",value:function(e,t){this.bindings=this.bindings.filter((function(n){return!(n.event===e&&(void 0===t||t===n.ref))}))}},{key:"canPush",value:function(){return this.socket.isConnected()&&this.isJoined()}},{key:"push",value:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.timeout;if(t=t||{},!this.joinedOnce)throw new Error("tried to push '".concat(e,"' to '").concat(this.topic,"' before joining. Use channel.join() before pushing events"));var i=new C(this,e,(function(){return t}),n);return this.canPush()?i.send():(i.startTimeout(),this.pushBuffer.push(i)),i}},{key:"leave",value:function(){var e=this,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.timeout;this.rejoinTimer.reset(),this.joinPush.cancelTimeout(),this.state=y;var n=function(){e.socket.hasLogger()&&e.socket.log("channel","leave ".concat(e.topic)),e.trigger(b,"leave")},i=new C(this,E,_({}),t);return i.receive("ok",(function(){return n()})).receive("timeout",(function(){return n()})),i.send(),this.canPush()||i.trigger("ok",{}),i}},{key:"onMessage",value:function(e,t,n){return t}},{key:"isLifecycleEvent",value:function(e){return S.indexOf(e)>=0}},{key:"isMember",value:function(e,t,n,i){return!(this.topic!==e||i&&i!==this.joinRef()&&this.isLifecycleEvent(t)&&(this.socket.hasLogger()&&this.socket.log("channel","dropping outdated message",{topic:e,event:t,payload:n,joinRef:i}),1))}},{key:"joinRef",value:function(){return this.joinPush.ref}},{key:"rejoin",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.timeout;this.isLeaving()||(this.socket.leaveOpenTopic(this.topic),this.state=g,this.joinPush.resend(e))}},{key:"trigger",value:function(e,t,n,i){var r=this.onMessage(e,t,n,i);if(t&&!r)throw new Error("channel onMessage callbacks must return the payload, modified or unmodified");for(var o=this.bindings.filter((function(t){return t.event===e})),a=0;a<o.length;a++)o[a].callback(r,n,i||this.joinRef())}},{key:"replyEventName",value:function(e){return"chan_reply_".concat(e)}},{key:"isClosed",value:function(){return this.state===p}},{key:"isErrored",value:function(){return this.state===v}},{key:"isJoined",value:function(){return this.state===m}},{key:"isJoining",value:function(){return this.state===g}},{key:"isLeaving",value:function(){return this.state===y}}]),e}(),T={HEADER_LENGTH:1,META_LENGTH:4,KINDS:{push:0,reply:1,broadcast:2},encode:function(e,t){if(e.payload.constructor===ArrayBuffer)return t(this.binaryEncode(e));var n=[e.join_ref,e.ref,e.topic,e.event,e.payload];return t(JSON.stringify(n))},decode:function(e,t){if(e.constructor===ArrayBuffer)return t(this.binaryDecode(e));var n=o(JSON.parse(e),5);return t({join_ref:n[0],ref:n[1],topic:n[2],event:n[3],payload:n[4]})},binaryEncode:function(e){var t=e.join_ref,n=e.ref,i=e.event,r=e.topic,o=e.payload,a=this.META_LENGTH+t.length+n.length+r.length+i.length,s=new ArrayBuffer(this.HEADER_LENGTH+a),u=new DataView(s),c=0;u.setUint8(c++,this.KINDS.push),u.setUint8(c++,t.length),u.setUint8(c++,n.length),u.setUint8(c++,r.length),u.setUint8(c++,i.length),Array.from(t,(function(e){return u.setUint8(c++,e.charCodeAt(0))})),Array.from(n,(function(e){return u.setUint8(c++,e.charCodeAt(0))})),Array.from(r,(function(e){return u.setUint8(c++,e.charCodeAt(0))})),Array.from(i,(function(e){return u.setUint8(c++,e.charCodeAt(0))}));var l=new Uint8Array(s.byteLength+o.byteLength);return l.set(new Uint8Array(s),0),l.set(new Uint8Array(o),s.byteLength),l.buffer},binaryDecode:function(e){var t=new DataView(e),n=t.getUint8(0),i=new TextDecoder;switch(n){case this.KINDS.push:return this.decodePush(e,t,i);case this.KINDS.reply:return this.decodeReply(e,t,i);case this.KINDS.broadcast:return this.decodeBroadcast(e,t,i)}},decodePush:function(e,t,n){var i=t.getUint8(1),r=t.getUint8(2),o=t.getUint8(3),a=this.HEADER_LENGTH+this.META_LENGTH-1,s=n.decode(e.slice(a,a+i));a+=i;var u=n.decode(e.slice(a,a+r));a+=r;var c=n.decode(e.slice(a,a+o));return a+=o,{join_ref:s,ref:null,topic:u,event:c,payload:e.slice(a,e.byteLength)}},decodeReply:function(e,t,n){var i=t.getUint8(1),r=t.getUint8(2),o=t.getUint8(3),a=t.getUint8(4),s=this.HEADER_LENGTH+this.META_LENGTH,u=n.decode(e.slice(s,s+i));s+=i;var c=n.decode(e.slice(s,s+r));s+=r;var l=n.decode(e.slice(s,s+o));s+=o;var d=n.decode(e.slice(s,s+a));s+=a;var h=e.slice(s,e.byteLength);return{join_ref:u,ref:c,topic:l,event:x,payload:{status:d,response:h}}},decodeBroadcast:function(e,t,n){var i=t.getUint8(1),r=t.getUint8(2),o=this.HEADER_LENGTH+2,a=n.decode(e.slice(o,o+i));o+=i;var s=n.decode(e.slice(o,o+r));return o+=r,{join_ref:null,ref:null,topic:a,event:s,payload:e.slice(o,e.byteLength)}}},L=function(){function e(t){var n=this,i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};u(this,e),this.stateChangeCallbacks={open:[],close:[],error:[],message:[]},this.channels=[],this.sendBuffer=[],this.ref=0,this.timeout=i.timeout||1e4,this.transport=i.transport||f.WebSocket||O,this.defaultEncoder=T.encode.bind(T),this.defaultDecoder=T.decode.bind(T),this.closeWasClean=!1,this.unloaded=!1,this.binaryType=i.binaryType||"arraybuffer",this.transport!==O?(this.encode=i.encode||this.defaultEncoder,this.decode=i.decode||this.defaultDecoder):(this.encode=this.defaultEncoder,this.decode=this.defaultDecoder),h&&h.addEventListener&&h.addEventListener("beforeunload",(function(e){n.conn&&(n.unloaded=!0,n.abnormalClose("unloaded"))})),this.heartbeatIntervalMs=i.heartbeatIntervalMs||3e4,this.rejoinAfterMs=function(e){return i.rejoinAfterMs?i.rejoinAfterMs(e):[1e3,2e3,5e3][e-1]||1e4},this.reconnectAfterMs=function(e){return n.unloaded?100:i.reconnectAfterMs?i.reconnectAfterMs(e):[10,50,100,150,200,250,500,1e3,2e3][e-1]||5e3},this.logger=i.logger||null,this.longpollerTimeout=i.longpollerTimeout||2e4,this.params=_(i.params||{}),this.endPoint="".concat(t,"/").concat(A),this.vsn=i.vsn||"2.0.0",this.heartbeatTimer=null,this.pendingHeartbeatRef=null,this.reconnectTimer=new j((function(){n.teardown((function(){return n.connect()}))}),this.reconnectAfterMs)}return l(e,[{key:"protocol",value:function(){return location.protocol.match(/^https/)?"wss":"ws"}},{key:"endPointURL",value:function(){var e=R.appendParams(R.appendParams(this.endPoint,this.params()),{vsn:this.vsn});return"/"!==e.charAt(0)?e:"/"===e.charAt(1)?"".concat(this.protocol(),":").concat(e):"".concat(this.protocol(),"://").concat(location.host).concat(e)}},{key:"disconnect",value:function(e,t,n){this.closeWasClean=!0,this.reconnectTimer.reset(),this.teardown(e,t,n)}},{key:"connect",value:function(e){var t=this;e&&(console&&console.log("passing params to connect is deprecated. Instead pass :params to the Socket constructor"),this.params=_(e)),this.conn||(this.closeWasClean=!1,this.conn=new this.transport(this.endPointURL()),this.conn.binaryType=this.binaryType,this.conn.timeout=this.longpollerTimeout,this.conn.onopen=function(){return t.onConnOpen()},this.conn.onerror=function(e){return t.onConnError(e)},this.conn.onmessage=function(e){return t.onConnMessage(e)},this.conn.onclose=function(e){return t.onConnClose(e)})}},{key:"log",value:function(e,t,n){this.logger(e,t,n)}},{key:"hasLogger",value:function(){return null!==this.logger}},{key:"onOpen",value:function(e){var t=this.makeRef();return this.stateChangeCallbacks.open.push([t,e]),t}},{key:"onClose",value:function(e){var t=this.makeRef();return this.stateChangeCallbacks.close.push([t,e]),t}},{key:"onError",value:function(e){var t=this.makeRef();return this.stateChangeCallbacks.error.push([t,e]),t}},{key:"onMessage",value:function(e){var t=this.makeRef();return this.stateChangeCallbacks.message.push([t,e]),t}},{key:"onConnOpen",value:function(){this.hasLogger()&&this.log("transport","connected to ".concat(this.endPointURL())),this.unloaded=!1,this.closeWasClean=!1,this.flushSendBuffer(),this.reconnectTimer.reset(),this.resetHeartbeat(),this.stateChangeCallbacks.open.forEach((function(e){return(0,o(e,2)[1])()}))}},{key:"resetHeartbeat",value:function(){var e=this;this.conn&&this.conn.skipHeartbeat||(this.pendingHeartbeatRef=null,clearInterval(this.heartbeatTimer),this.heartbeatTimer=setInterval((function(){return e.sendHeartbeat()}),this.heartbeatIntervalMs))}},{key:"teardown",value:function(e,t,n){var i=this;if(!this.conn)return e&&e();this.waitForBufferDone((function(){i.conn&&(t?i.conn.close(t,n||""):i.conn.close()),i.waitForSocketClosed((function(){i.conn&&(i.conn.onclose=function(){},i.conn=null),e&&e()}))}))}},{key:"waitForBufferDone",value:function(e){var t=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;5!==n&&this.conn&&this.conn.bufferedAmount?setTimeout((function(){t.waitForBufferDone(e,n+1)}),150*n):e()}},{key:"waitForSocketClosed",value:function(e){var t=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;5!==n&&this.conn&&3!==this.conn.readyState?setTimeout((function(){t.waitForSocketClosed(e,n+1)}),150*n):e()}},{key:"onConnClose",value:function(e){this.hasLogger()&&this.log("transport","close",e),this.triggerChanError(),clearInterval(this.heartbeatTimer),this.closeWasClean||this.reconnectTimer.scheduleTimeout(),this.stateChangeCallbacks.close.forEach((function(t){return(0,o(t,2)[1])(e)}))}},{key:"onConnError",value:function(e){this.hasLogger()&&this.log("transport",e),this.triggerChanError(),this.stateChangeCallbacks.error.forEach((function(t){return(0,o(t,2)[1])(e)}))}},{key:"triggerChanError",value:function(){this.channels.forEach((function(e){e.isErrored()||e.isLeaving()||e.isClosed()||e.trigger(k)}))}},{key:"connectionState",value:function(){switch(this.conn&&this.conn.readyState){case 0:return"connecting";case 1:return"open";case 2:return"closing";default:return"closed"}}},{key:"isConnected",value:function(){return"open"===this.connectionState()}},{key:"remove",value:function(e){this.off(e.stateChangeRefs),this.channels=this.channels.filter((function(t){return t.joinRef()!==e.joinRef()}))}},{key:"off",value:function(e){for(var t in this.stateChangeCallbacks)this.stateChangeCallbacks[t]=this.stateChangeCallbacks[t].filter((function(t){var n=o(t,1)[0];return-1===e.indexOf(n)}))}},{key:"channel",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=new P(e,t,this);return this.channels.push(n),n}},{key:"push",value:function(e){var t=this;if(this.hasLogger()){var n=e.topic,i=e.event,r=e.payload,o=e.ref,a=e.join_ref;this.log("push","".concat(n," ").concat(i," (").concat(a,", ").concat(o,")"),r)}this.isConnected()?this.encode(e,(function(e){return t.conn.send(e)})):this.sendBuffer.push((function(){return t.encode(e,(function(e){return t.conn.send(e)}))}))}},{key:"makeRef",value:function(){var e=this.ref+1;return e===this.ref?this.ref=0:this.ref=e,this.ref.toString()}},{key:"sendHeartbeat",value:function(){if(this.isConnected()){if(this.pendingHeartbeatRef)return this.pendingHeartbeatRef=null,this.hasLogger()&&this.log("transport","heartbeat timeout. Attempting to re-establish connection"),void this.abnormalClose("heartbeat timeout");this.pendingHeartbeatRef=this.makeRef(),this.push({topic:"phoenix",event:"heartbeat",payload:{},ref:this.pendingHeartbeatRef})}}},{key:"abnormalClose",value:function(e){this.closeWasClean=!1,1===this.conn.readyState&&this.conn.close(1e3,e)}},{key:"flushSendBuffer",value:function(){this.isConnected()&&this.sendBuffer.length>0&&(this.sendBuffer.forEach((function(e){return e()})),this.sendBuffer=[])}},{key:"onConnMessage",value:function(e){var t=this;this.decode(e.data,(function(e){var n=e.topic,i=e.event,r=e.payload,a=e.ref,s=e.join_ref;a&&a===t.pendingHeartbeatRef&&(t.pendingHeartbeatRef=null),t.hasLogger()&&t.log("receive","".concat(r.status||""," ").concat(n," ").concat(i," ").concat(a&&"("+a+")"||""),r);for(var u=0;u<t.channels.length;u++){var c=t.channels[u];c.isMember(n,i,r,s)&&c.trigger(i,r,a,s)}for(var l=0;l<t.stateChangeCallbacks.message.length;l++)(0,o(t.stateChangeCallbacks.message[l],2)[1])(e)}))}},{key:"leaveOpenTopic",value:function(e){var t=this.channels.find((function(t){return t.topic===e&&(t.isJoined()||t.isJoining())}));t&&(this.hasLogger()&&this.log("transport",'leaving duplicate topic "'.concat(e,'"')),t.leave())}}]),e}(),O=function(){function e(t){u(this,e),this.endPoint=null,this.token=null,this.skipHeartbeat=!0,this.onopen=function(){},this.onerror=function(){},this.onmessage=function(){},this.onclose=function(){},this.pollEndpoint=this.normalizeEndpoint(t),this.readyState=0,this.poll()}return l(e,[{key:"normalizeEndpoint",value:function(e){return e.replace("ws://","http://").replace("wss://","https://").replace(new RegExp("(.*)/"+A),"$1/longpoll")}},{key:"endpointURL",value:function(){return R.appendParams(this.pollEndpoint,{token:this.token})}},{key:"closeAndRetry",value:function(){this.close(),this.readyState=0}},{key:"ontimeout",value:function(){this.onerror("timeout"),this.closeAndRetry()}},{key:"poll",value:function(){var e=this;1!==this.readyState&&0!==this.readyState||R.request("GET",this.endpointURL(),"application/json",null,this.timeout,this.ontimeout.bind(this),(function(t){if(t){var n=t.status,i=t.token,r=t.messages;e.token=i}else n=0;switch(n){case 200:r.forEach((function(t){return e.onmessage({data:t})})),e.poll();break;case 204:e.poll();break;case 410:e.readyState=1,e.onopen(),e.poll();break;case 403:e.onerror(),e.close();break;case 0:case 500:e.onerror(),e.closeAndRetry();break;default:throw new Error("unhandled poll status ".concat(n))}}))}},{key:"send",value:function(e){var t=this;R.request("POST",this.endpointURL(),"application/json",e,this.timeout,this.onerror.bind(this,"timeout"),(function(e){e&&200===e.status||(t.onerror(e&&e.status),t.closeAndRetry())}))}},{key:"close",value:function(e,t){this.readyState=3,this.onclose()}}]),e}(),R=function(){function e(){u(this,e)}return l(e,null,[{key:"request",value:function(e,t,n,i,r,o,a){if(f.XDomainRequest){var s=new XDomainRequest;this.xdomainRequest(s,e,t,i,r,o,a)}else{var u=new f.XMLHttpRequest;this.xhrRequest(u,e,t,n,i,r,o,a)}}},{key:"xdomainRequest",value:function(e,t,n,i,r,o,a){var s=this;e.timeout=r,e.open(t,n),e.onload=function(){var t=s.parseJSON(e.responseText);a&&a(t)},o&&(e.ontimeout=o),e.onprogress=function(){},e.send(i)}},{key:"xhrRequest",value:function(e,t,n,i,r,o,a,s){var u=this;e.open(t,n,!0),e.timeout=o,e.setRequestHeader("Content-Type",i),e.onerror=function(){s&&s(null)},e.onreadystatechange=function(){if(e.readyState===u.states.complete&&s){var t=u.parseJSON(e.responseText);s(t)}},a&&(e.ontimeout=a),e.send(r)}},{key:"parseJSON",value:function(e){if(!e||""===e)return null;try{return JSON.parse(e)}catch(t){return console&&console.log("failed to parse JSON response",e),null}}},{key:"serialize",value:function(e,t){var n=[];for(var i in e)if(e.hasOwnProperty(i)){var o=t?"".concat(t,"[").concat(i,"]"):i,a=e[i];"object"===r(a)?n.push(this.serialize(a,o)):n.push(encodeURIComponent(o)+"="+encodeURIComponent(a))}return n.join("&")}},{key:"appendParams",value:function(e,t){if(0===Object.keys(t).length)return e;var n=e.match(/\?/)?"&":"?";return"".concat(e).concat(n).concat(this.serialize(t))}}]),e}();R.states={complete:4};var D=function(){function e(t){var n=this,i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};u(this,e);var r=i.events||{state:"presence_state",diff:"presence_diff"};this.state={},this.pendingDiffs=[],this.channel=t,this.joinRef=null,this.caller={onJoin:function(){},onLeave:function(){},onSync:function(){}},this.channel.on(r.state,(function(t){var i=n.caller,r=i.onJoin,o=i.onLeave,a=i.onSync;n.joinRef=n.channel.joinRef(),n.state=e.syncState(n.state,t,r,o),n.pendingDiffs.forEach((function(t){n.state=e.syncDiff(n.state,t,r,o)})),n.pendingDiffs=[],a()})),this.channel.on(r.diff,(function(t){var i=n.caller,r=i.onJoin,o=i.onLeave,a=i.onSync;n.inPendingSyncState()?n.pendingDiffs.push(t):(n.state=e.syncDiff(n.state,t,r,o),a())}))}return l(e,[{key:"onJoin",value:function(e){this.caller.onJoin=e}},{key:"onLeave",value:function(e){this.caller.onLeave=e}},{key:"onSync",value:function(e){this.caller.onSync=e}},{key:"list",value:function(t){return e.list(this.state,t)}},{key:"inPendingSyncState",value:function(){return!this.joinRef||this.joinRef!==this.channel.joinRef()}}],[{key:"syncState",value:function(e,t,n,i){var r=this,o=this.clone(e),a={},s={};return this.map(o,(function(e,n){t[e]||(s[e]=n)})),this.map(t,(function(e,t){var n=o[e];if(n){var i=t.metas.map((function(e){return e.phx_ref})),u=n.metas.map((function(e){return e.phx_ref})),c=t.metas.filter((function(e){return u.indexOf(e.phx_ref)<0})),l=n.metas.filter((function(e){return i.indexOf(e.phx_ref)<0}));c.length>0&&(a[e]=t,a[e].metas=c),l.length>0&&(s[e]=r.clone(n),s[e].metas=l)}else a[e]=t})),this.syncDiff(o,{joins:a,leaves:s},n,i)}},{key:"syncDiff",value:function(e,t,n,r){var o=t.joins,a=t.leaves,s=this.clone(e);return n||(n=function(){}),r||(r=function(){}),this.map(o,(function(e,t){var r=s[e];if(s[e]=t,r){var o,a=s[e].metas.map((function(e){return e.phx_ref})),u=r.metas.filter((function(e){return a.indexOf(e.phx_ref)<0}));(o=s[e].metas).unshift.apply(o,i(u))}n(e,r,t)})),this.map(a,(function(e,t){var n=s[e];if(n){var i=t.metas.map((function(e){return e.phx_ref}));n.metas=n.metas.filter((function(e){return i.indexOf(e.phx_ref)<0})),r(e,n,t),0===n.metas.length&&delete s[e]}})),s}},{key:"list",value:function(e,t){return t||(t=function(e,t){return t}),this.map(e,(function(e,n){return t(e,n)}))}},{key:"map",value:function(e,t){return Object.getOwnPropertyNames(e).map((function(n){return t(n,e[n])}))}},{key:"clone",value:function(e){return JSON.parse(JSON.stringify(e))}}]),e}(),j=function(){function e(t,n){u(this,e),this.callback=t,this.timerCalc=n,this.timer=null,this.tries=0}return l(e,[{key:"reset",value:function(){this.tries=0,clearTimeout(this.timer)}},{key:"scheduleTimeout",value:function(){var e=this;clearTimeout(this.timer),this.timer=setTimeout((function(){e.tries=e.tries+1,e.callback()}),this.timerCalc(this.tries+1))}}]),e}()}])},function(e,t,n){e.exports=function(e){var t={};function n(i){if(t[i])return t[i].exports;var r=t[i]={i:i,l:!1,exports:{}};return e[i].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=e,n.c=t,n.d=function(e,t,i){n.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:i})},n.r=function(e){Object.defineProperty(e,"__esModule",{value:!0})},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=2)}([function(e,t,n){"use strict";n.r(t);var i,r="undefined"==typeof document?void 0:document,o=!!r&&"content"in r.createElement("template"),a=!!r&&r.createRange&&"createContextualFragment"in r.createRange();function s(e){return e=e.trim(),o?function(e){var t=r.createElement("template");return t.innerHTML=e,t.content.childNodes[0]}(e):a?function(e){return i||(i=r.createRange()).selectNode(r.body),i.createContextualFragment(e).childNodes[0]}(e):function(e){var t=r.createElement("body");return t.innerHTML=e,t.childNodes[0]}(e)}function u(e,t){var n,i,r=e.nodeName,o=t.nodeName;return r===o||(n=r.charCodeAt(0),i=o.charCodeAt(0),n<=90&&i>=97?r===o.toUpperCase():i<=90&&n>=97&&o===r.toUpperCase())}function c(e,t,n){e[n]!==t[n]&&(e[n]=t[n],e[n]?e.setAttribute(n,""):e.removeAttribute(n))}var l={OPTION:function(e,t){var n=e.parentNode;if(n){var i=n.nodeName.toUpperCase();"OPTGROUP"===i&&(i=(n=n.parentNode)&&n.nodeName.toUpperCase()),"SELECT"!==i||n.hasAttribute("multiple")||(e.hasAttribute("selected")&&!t.selected&&(e.setAttribute("selected","selected"),e.removeAttribute("selected")),n.selectedIndex=-1)}c(e,t,"selected")},INPUT:function(e,t){c(e,t,"checked"),c(e,t,"disabled"),e.value!==t.value&&(e.value=t.value),t.hasAttribute("value")||e.removeAttribute("value")},TEXTAREA:function(e,t){var n=t.value;e.value!==n&&(e.value=n);var i=e.firstChild;if(i){var r=i.nodeValue;if(r==n||!n&&r==e.placeholder)return;i.nodeValue=n}},SELECT:function(e,t){if(!t.hasAttribute("multiple")){for(var n,i,r=-1,o=0,a=e.firstChild;a;)if("OPTGROUP"===(i=a.nodeName&&a.nodeName.toUpperCase()))a=(n=a).firstChild;else{if("OPTION"===i){if(a.hasAttribute("selected")){r=o;break}o++}!(a=a.nextSibling)&&n&&(a=n.nextSibling,n=null)}e.selectedIndex=r}}};function d(){}function h(e){if(e)return e.getAttribute&&e.getAttribute("id")||e.id}var f=function(e){return function(t,n,i){if(i||(i={}),"string"==typeof n)if("#document"===t.nodeName||"HTML"===t.nodeName||"BODY"===t.nodeName){var o=n;(n=r.createElement("html")).innerHTML=o}else n=s(n);var a=i.getNodeKey||h,c=i.onBeforeNodeAdded||d,f=i.onNodeAdded||d,p=i.onBeforeElUpdated||d,v=i.onElUpdated||d,m=i.onBeforeNodeDiscarded||d,g=i.onNodeDiscarded||d,y=i.onBeforeElChildrenUpdated||d,b=!0===i.childrenOnly,k=Object.create(null),w=[];function x(e){w.push(e)}function E(e,t,n){!1!==m(e)&&(t&&t.removeChild(e),g(e),function e(t,n){if(1===t.nodeType)for(var i=t.firstChild;i;){var r=void 0;n&&(r=a(i))?x(r):(g(i),i.firstChild&&e(i,n)),i=i.nextSibling}}(e,n))}function S(e){f(e);for(var t=e.firstChild;t;){var n=t.nextSibling,i=a(t);if(i){var r=k[i];r&&u(t,r)?(t.parentNode.replaceChild(r,t),A(r,t)):S(t)}else S(t);t=n}}function A(t,n,i){var o=a(n);if(o&&delete k[o],!i){if(!1===p(t,n))return;if(e(t,n),v(t),!1===y(t,n))return}"TEXTAREA"!==t.nodeName?function(e,t){var n,i,o,s,d,h=t.firstChild,f=e.firstChild;e:for(;h;){for(s=h.nextSibling,n=a(h);f;){if(o=f.nextSibling,h.isSameNode&&h.isSameNode(f)){h=s,f=o;continue e}i=a(f);var p=f.nodeType,v=void 0;if(p===h.nodeType&&(1===p?(n?n!==i&&((d=k[n])?o===d?v=!1:(e.insertBefore(d,f),i?x(i):E(f,e,!0),f=d):v=!1):i&&(v=!1),(v=!1!==v&&u(f,h))&&A(f,h)):3!==p&&8!=p||(v=!0,f.nodeValue!==h.nodeValue&&(f.nodeValue=h.nodeValue))),v){h=s,f=o;continue e}i?x(i):E(f,e,!0),f=o}if(n&&(d=k[n])&&u(d,h))e.appendChild(d),A(d,h);else{var m=c(h);!1!==m&&(m&&(h=m),h.actualize&&(h=h.actualize(e.ownerDocument||r)),e.appendChild(h),S(h))}h=s,f=o}!function(e,t,n){for(;t;){var i=t.nextSibling;(n=a(t))?x(n):E(t,e,!0),t=i}}(e,f,i);var g=l[e.nodeName];g&&g(e,t)}(t,n):l.TEXTAREA(t,n)}!function e(t){if(1===t.nodeType||11===t.nodeType)for(var n=t.firstChild;n;){var i=a(n);i&&(k[i]=n),e(n),n=n.nextSibling}}(t);var _=t,C=_.nodeType,P=n.nodeType;if(!b)if(1===C)1===P?u(t,n)||(g(t),_=function(e,t){for(var n=e.firstChild;n;){var i=n.nextSibling;t.appendChild(n),n=i}return t}(t,function(e,t){return t&&"http://www.w3.org/1999/xhtml"!==t?r.createElementNS(t,e):r.createElement(e)}(n.nodeName,n.namespaceURI))):_=n;else if(3===C||8===C){if(P===C)return _.nodeValue!==n.nodeValue&&(_.nodeValue=n.nodeValue),_;_=n}if(_===n)g(t);else{if(n.isSameNode&&n.isSameNode(_))return;if(A(_,n,b),w)for(var T=0,L=w.length;T<L;T++){var O=k[w[T]];O&&E(O,O.parentNode,!1)}}return!b&&_!==t&&t.parentNode&&(_.actualize&&(_=_.actualize(t.ownerDocument||r)),t.parentNode.replaceChild(_,t)),_}}((function(e,t){var n,i,r,o,a=t.attributes;if(11!==t.nodeType&&11!==e.nodeType){for(var s=a.length-1;s>=0;s--)i=(n=a[s]).name,r=n.namespaceURI,o=n.value,r?(i=n.localName||i,e.getAttributeNS(r,i)!==o&&("xmlns"===n.prefix&&(i=n.name),e.setAttributeNS(r,i,o))):e.getAttribute(i)!==o&&e.setAttribute(i,o);for(var u=e.attributes,c=u.length-1;c>=0;c--)i=(n=u[c]).name,(r=n.namespaceURI)?(i=n.localName||i,t.hasAttributeNS(r,i)||e.removeAttributeNS(r,i)):t.hasAttribute(i)||e.removeAttribute(i)}}));function p(e){return x(e)||m(e)||E(e)||w()}function v(e){return function(e){if(Array.isArray(e))return S(e)}(e)||m(e)||E(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function m(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}function g(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function y(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?g(Object(n),!0).forEach((function(t){b(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):g(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function b(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function k(e,t){return x(e)||function(e,t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e)){var n=[],i=!0,r=!1,o=void 0;try{for(var a,s=e[Symbol.iterator]();!(i=(a=s.next()).done)&&(n.push(a.value),!t||n.length!==t);i=!0);}catch(e){r=!0,o=e}finally{try{i||null==s.return||s.return()}finally{if(r)throw o}}return n}}(e,t)||E(e,t)||w()}function w(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function x(e){if(Array.isArray(e))return e}function E(e,t){if(e){if("string"==typeof e)return S(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?S(e,t):void 0}}function S(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,i=new Array(t);n<t;n++)i[n]=e[n];return i}function A(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function C(e,t,n){return t&&_(e.prototype,t),n&&_(e,n),e}function P(e){return(P="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}n.d(t,"debug",(function(){return B})),n.d(t,"Rendered",(function(){return te})),n.d(t,"LiveSocket",(function(){return ne})),n.d(t,"Browser",(function(){return ie})),n.d(t,"DOM",(function(){return re})),n.d(t,"View",(function(){return se}));var T=[1e3,3e3],L="data-phx-view",O=["phx-click-loading","phx-change-loading","phx-submit-loading","phx-keydown-loading","phx-keyup-loading","phx-blur-loading","phx-focus-loading"],R="data-phx-component",D="data-phx-ref",j="data-phx-upload-ref",I="[".concat(L,"]"),N=["text","textarea","number","email","password","search","tel","url","date","time"],M=["checkbox","radio"],U="phx-",H={debounce:300,throttle:300},F=function(e,t){return console.error&&console.error(e,t)},B=function(e,t,n,i){e.liveSocket.isDebugEnabled()&&console.log("".concat(e.id," ").concat(t,": ").concat(n," - "),i)},J=function(e){return"function"==typeof e?e:function(){return e}},$=function(e){return JSON.parse(JSON.stringify(e))},z=function(e,t,n){do{if(e.matches("[".concat(t,"]")))return e;e=e.parentElement||e.parentNode}while(null!==e&&1===e.nodeType&&!(n&&n.isSameNode(e)||e.matches(I)));return null},q=function(e){return null!==e&&"object"===P(e)&&!(e instanceof Array)},W=function(e){for(var t in e)return!1;return!0},V=function(e,t){return e&&t(e)},K=function(){function e(t,n,i){A(this,e),this.ref=Y.genFileRef(n),this.fileEl=t,this.file=n,this.view=i,this.meta=null,this._isCancelled=!1,this._isDone=!1,this._progress=0,this._lastProgressSent=-1,this._onDone=function(){}}return C(e,null,[{key:"isActive",value:function(e,t){var n=void 0===t._phxRef,i=e.getAttribute("data-phx-active-refs").split(",").indexOf(Y.genFileRef(t))>=0;return t.size>0&&(n||i)}},{key:"isPreflighted",value:function(e,t){return e.getAttribute("data-phx-preflighted-refs").split(",").indexOf(Y.genFileRef(t))>=0&&this.isActive(e,t)}}]),C(e,[{key:"metadata",value:function(){return this.meta}},{key:"progress",value:function(e){var t=this;this._progress=Math.floor(e),this._progress>this._lastProgressSent&&(this._progress>=100?(this._progress=100,this._lastProgressSent=100,this._isDone=!0,this.view.pushFileProgress(this.fileEl,this.ref,100,(function(){Y.untrackFile(t.fileEl,t.file),t._onDone()}))):(this._lastProgressSent=this._progress,this.view.pushFileProgress(this.fileEl,this.ref,this._progress)))}},{key:"cancel",value:function(){this._isCancelled=!0,this._isDone=!0,this._onDone()}},{key:"isDone",value:function(){return this._isDone}},{key:"error",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"failed";Y.clearFiles(this.fileEl),this.view.pushFileProgress(this.fileEl,this.ref,{error:e})}},{key:"onDone",value:function(e){this._onDone=e}},{key:"toPreflightPayload",value:function(){return{last_modified:this.file.lastModified,name:this.file.name,size:this.file.size,type:this.file.type,ref:this.ref}}},{key:"uploader",value:function(e){if(this.meta.uploader){var t=e[this.meta.uploader]||F("no uploader configured for ".concat(this.meta.uploader));return{name:this.meta.uploader,callback:t}}return{name:"channel",callback:Z}}},{key:"zipPostFlight",value:function(e){this.meta=e.entries[this.ref],this.meta||F("no preflight upload response returned with ref ".concat(this.ref),{input:this.fileEl,response:e})}}]),e}(),G={LiveFileUpload:{preflightedRefs:function(){return this.el.getAttribute("data-phx-preflighted-refs")},mounted:function(){this.preflightedWas=this.preflightedRefs()},updated:function(){var e=this.preflightedRefs();this.preflightedWas!==e&&(this.preflightedWas=e,""===e&&this.__view.cancelSubmit(this.el.form))}}};G.LiveImgPreview={mounted:function(){var e=this;this.ref=this.el.getAttribute("data-phx-entry-ref"),this.inputEl=document.getElementById(this.el.getAttribute(j)),Y.getEntryDataURL(this.inputEl,this.ref,(function(t){return e.el.src=t}))}};var X=0,Y=function(){function e(t,n,i){A(this,e),this.view=n,this.onComplete=i,this._entries=Array.from(e.filesAwaitingPreflight(t)||[]).map((function(e){return new K(t,e,n)})),this.numEntriesInProgress=this._entries.length}return C(e,null,[{key:"genFileRef",value:function(e){var t=e._phxRef;return void 0!==t?t:(e._phxRef=(X++).toString(),e._phxRef)}},{key:"getEntryDataURL",value:function(e,t,n){var i=this,r=this.activeFiles(e).find((function(e){return i.genFileRef(e)===t})),o=new FileReader;o.onload=function(e){return n(e.target.result)},o.readAsDataURL(r)}},{key:"hasUploadsInProgress",value:function(e){var t=0;return re.findUploadInputs(e).forEach((function(e){e.getAttribute("data-phx-preflighted-refs")!==e.getAttribute("data-phx-done-refs")&&t++})),t>0}},{key:"serializeUploads",value:function(e){var t=this,n={};return this.activeFiles(e,"serialize").forEach((function(i){var r={path:e.name},o=e.getAttribute(j);n[o]=n[o]||[],r.ref=t.genFileRef(i),r.name=i.name,r.type=i.type,r.size=i.size,n[o].push(r)})),n}},{key:"clearFiles",value:function(e){e.value=null,e.removeAttribute(j),re.putPrivate(e,"files",[])}},{key:"untrackFile",value:function(e,t){re.putPrivate(e,"files",re.private(e,"files").filter((function(e){return!Object.is(e,t)})))}},{key:"trackFiles",value:function(e,t){var n=this;if(null!==e.getAttribute("multiple")){var i=t.filter((function(t){return!n.activeFiles(e).find((function(e){return Object.is(e,t)}))}));re.putPrivate(e,"files",this.activeFiles(e).concat(i)),e.value=null}else re.putPrivate(e,"files",t)}},{key:"activeFileInputs",value:function(e){var t=this,n=re.findUploadInputs(e);return Array.from(n).filter((function(e){return e.files&&t.activeFiles(e).length>0}))}},{key:"activeFiles",value:function(e){return(re.private(e,"files")||[]).filter((function(t){return K.isActive(e,t)}))}},{key:"inputsAwaitingPreflight",value:function(e){var t=this,n=re.findUploadInputs(e);return Array.from(n).filter((function(e){return t.filesAwaitingPreflight(e).length>0}))}},{key:"filesAwaitingPreflight",value:function(e){return this.activeFiles(e).filter((function(t){return!K.isPreflighted(e,t)}))}}]),C(e,[{key:"entries",value:function(){return this._entries}},{key:"initAdapterUpload",value:function(e,t,n){var i=this;this._entries=this._entries.map((function(t){return t.zipPostFlight(e),t.onDone((function(){i.numEntriesInProgress--,0===i.numEntriesInProgress&&i.onComplete()})),t}));var r=this._entries.reduce((function(e,t){var i=t.uploader(n.uploaders),r=i.name,o=i.callback;return e[r]=e[r]||{callback:o,entries:[]},e[r].entries.push(t),e}),{});for(var o in r){var a=r[o];(0,a.callback)(a.entries,t,e,n)}}}]),e}(),Z=function(e,t,n,i){e.forEach((function(e){new Q(e,n.config.chunk_size,i).upload()}))},Q=function(){function e(t,n,i){A(this,e),this.liveSocket=i,this.entry=t,this.offset=0,this.chunkSize=n,this.chunkTimer=null,this.uploadChannel=i.channel("lvu:".concat(t.ref),{token:t.metadata()})}return C(e,[{key:"error",value:function(e){clearTimeout(this.chunkTimer),this.uploadChannel.leave(),this.entry.error(e)}},{key:"upload",value:function(){var e=this;this.uploadChannel.onError((function(t){return e.error(t)})),this.uploadChannel.join().receive("ok",(function(t){return e.readNextChunk()})).receive("error",(function(t){return e.error(t)}))}},{key:"isDone",value:function(){return this.offset>=this.entry.file.size}},{key:"readNextChunk",value:function(){var e=this,t=new window.FileReader,n=this.entry.file.slice(this.offset,this.chunkSize+this.offset);t.onload=function(t){if(null!==t.target.error)return F("Read error: "+t.target.error);e.offset+=t.target.result.byteLength,e.pushChunk(t.target.result)},t.readAsArrayBuffer(n)}},{key:"pushChunk",value:function(e){var t=this;this.uploadChannel.isJoined()&&this.uploadChannel.push("chunk",e).receive("ok",(function(){t.entry.progress(t.offset/t.entry.file.size*100),t.isDone()||(t.chunkTimer=setTimeout((function(){return t.readNextChunk()}),t.liveSocket.getLatencySim()||0))}))}}]),e}(),ee=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=new FormData(e),i=[];n.forEach((function(e,t,n){e instanceof File&&i.push(t)})),i.forEach((function(e){return n.delete(e)}));var r,o=new URLSearchParams,a=function(e){if("undefined"==typeof Symbol||null==e[Symbol.iterator]){if(Array.isArray(e)||(e=E(e))){var t=0,n=function(){};return{s:n,n:function(){return t>=e.length?{done:!0}:{done:!1,value:e[t++]}},e:function(e){throw e},f:n}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,r,o=!0,a=!1;return{s:function(){i=e[Symbol.iterator]()},n:function(){var e=i.next();return o=e.done,e},e:function(e){a=!0,r=e},f:function(){try{o||null==i.return||i.return()}finally{if(a)throw r}}}}(n.entries());try{for(a.s();!(r=a.n()).done;){var s=k(r.value,2),u=s[0],c=s[1];o.append(u,c)}}catch(e){a.e(e)}finally{a.f()}for(var l in t)o.append(l,t[l]);return o.toString()},te=function(){function e(t,n){A(this,e),this.viewId=t,this.rendered={},this.mergeDiff(n)}return C(e,null,[{key:"extract",value:function(e){var t=e.r,n=e.e,i=e.t;return delete e.r,delete e.e,delete e.t,{diff:e,title:i,reply:t||null,events:n||[]}}}]),C(e,[{key:"parentViewId",value:function(){return this.viewId}},{key:"toString",value:function(e){return this.recursiveToString(this.rendered,this.rendered.c,e)}},{key:"recursiveToString",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:e.c,n=arguments.length>2?arguments[2]:void 0,i={buffer:"",components:t,onlyCids:n=n?new Set(n):null};return this.toOutputBuffer(e,i),i.buffer}},{key:"componentCIDs",value:function(e){return Object.keys(e.c||{}).map((function(e){return parseInt(e)}))}},{key:"isComponentOnlyDiff",value:function(e){return!!e.c&&1===Object.keys(e).length}},{key:"getComponent",value:function(e,t){return e.c[t]}},{key:"mergeDiff",value:function(e){var t=e.c,n={};if(delete e.c,this.rendered=this.mutableMerge(this.rendered,e),this.rendered.c=this.rendered.c||{},t){var i=this.rendered.c;for(var r in t)t[r]=this.cachedFindComponent(r,t[r],i,t,n);for(var o in t)i[o]=t[o];e.c=t}}},{key:"cachedFindComponent",value:function(e,t,n,i,r){if(r[e])return r[e];var o,a,s,u=t.s;return"number"==typeof u?(a=(s=u>0?this.cachedFindComponent(u,i[u],n,i,r):n[-u]).s,(o=this.cloneMerge(s,t)).s=a):o=void 0!==t.s?t:this.cloneMerge(n[e]||{},t),r[e]=o,o}},{key:"mutableMerge",value:function(e,t){return void 0!==t.s?t:(this.doMutableMerge(e,t),e)}},{key:"doMutableMerge",value:function(e,t){for(var n in t){var i=t[n],r=e[n];q(i)&&void 0===i.s&&q(r)?this.doMutableMerge(r,i):e[n]=i}}},{key:"cloneMerge",value:function(e,t){var n=y(y({},e),t);for(var i in n){var r=t[i],o=e[i];q(r)&&void 0===r.s&&q(o)&&(n[i]=this.cloneMerge(o,r))}return n}},{key:"componentToString",value:function(e){return this.recursiveCIDToString(this.rendered.c,e)}},{key:"pruneCIDs",value:function(e){var t=this;e.forEach((function(e){return delete t.rendered.c[e]}))}},{key:"get",value:function(){return this.rendered}},{key:"isNewFingerprint",value:function(){return!!(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}).s}},{key:"toOutputBuffer",value:function(e,t){if(e.d)return this.comprehensionToBuffer(e,t);var n=e.s;t.buffer+=n[0];for(var i=1;i<n.length;i++)this.dynamicToBuffer(e[i-1],t),t.buffer+=n[i]}},{key:"comprehensionToBuffer",value:function(e,t){for(var n=e.d,i=e.s,r=0;r<n.length;r++){var o=n[r];t.buffer+=i[0];for(var a=1;a<i.length;a++)this.dynamicToBuffer(o[a-1],t),t.buffer+=i[a]}}},{key:"dynamicToBuffer",value:function(e,t){"number"==typeof e?t.buffer+=this.recursiveCIDToString(t.components,e,t.onlyCids):q(e)?this.toOutputBuffer(e,t):t.buffer+=e}},{key:"recursiveCIDToString",value:function(e,t,n){var i=this,r=e[t]||F("no component for CID ".concat(t),e),o=document.createElement("template");o.innerHTML=this.recursiveToString(r,e,n);var a=o.content,s=n&&!n.has(t),u=k(Array.from(a.childNodes).reduce((function(e,n,r){var a=k(e,2),u=a[0],c=a[1];return n.nodeType===Node.ELEMENT_NODE?n.getAttribute(R)?[u,!0]:(n.setAttribute(R,t),n.id||(n.id="".concat(i.parentViewId(),"-").concat(t,"-").concat(r)),s&&(n.setAttribute("data-phx-skip",""),n.innerHTML=""),[!0,c]):""!==n.nodeValue.trim()?(F("only HTML element tags are allowed at the root of components.\n\n"+'got: "'.concat(n.nodeValue.trim(),'"\n\n')+"within:\n",o.innerHTML.trim()),n.replaceWith(i.createSpan(n.nodeValue,t)),[!0,c]):(n.remove(),[u,c])}),[!1,!1]),2),c=u[0],l=u[1];return c||l?!c&&l?(F("expected at least one HTML element tag directly inside a component, but only subcomponents were found. A component must render at least one HTML tag directly inside itself.",o.innerHTML.trim()),o.innerHTML):o.innerHTML:(F("expected at least one HTML element tag inside a component, but the component is empty:\n",o.innerHTML.trim()),this.createSpan("",t).outerHTML)}},{key:"createSpan",value:function(e,t){var n=document.createElement("span");return n.innerText=e,n.setAttribute(R,t),n}}]),e}(),ne=function(){function e(t,n){var i=this,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if(A(this,e),this.unloaded=!1,!n||"Object"===n.constructor.name)throw new Error('\n      a phoenix Socket must be provided as the second argument to the LiveSocket constructor. For example:\n\n          import {Socket} from "phoenix"\n          import {LiveSocket} from "phoenix_live_view"\n          let liveSocket = new LiveSocket("/live", Socket, {...})\n      ');this.socket=new n(t,r),this.bindingPrefix=r.bindingPrefix||U,this.opts=r,this.params=J(r.params||{}),this.viewLogger=r.viewLogger,this.metadataCallbacks=r.metadata||{},this.defaults=Object.assign($(H),r.defaults||{}),this.activeElement=null,this.prevActive=null,this.silenced=!1,this.main=null,this.linkRef=1,this.roots={},this.href=window.location.href,this.pendingLink=null,this.currentLocation=$(window.location),this.hooks=r.hooks||{},this.uploaders=r.uploaders||{},this.loaderTimeout=r.loaderTimeout||1,this.localStorage=r.localStorage||window.localStorage,this.sessionStorage=r.sessionStorage||window.sessionStorage,this.boundTopLevelEvents=!1,this.domCallbacks=Object.assign({onNodeAdded:J(),onBeforeElUpdated:J()},r.dom||{}),window.addEventListener("pagehide",(function(e){i.unloaded=!0})),this.socket.onOpen((function(){i.isUnloaded()&&window.location.reload()}))}return C(e,[{key:"isProfileEnabled",value:function(){return"true"===this.sessionStorage.getItem("phx:live-socket:profiling")}},{key:"isDebugEnabled",value:function(){return"true"===this.sessionStorage.getItem("phx:live-socket:debug")}},{key:"enableDebug",value:function(){this.sessionStorage.setItem("phx:live-socket:debug","true")}},{key:"enableProfiling",value:function(){this.sessionStorage.setItem("phx:live-socket:profiling","true")}},{key:"disableDebug",value:function(){this.sessionStorage.removeItem("phx:live-socket:debug")}},{key:"disableProfiling",value:function(){this.sessionStorage.removeItem("phx:live-socket:profiling")}},{key:"enableLatencySim",value:function(e){this.enableDebug(),console.log("latency simulator enabled for the duration of this browser session. Call disableLatencySim() to disable"),this.sessionStorage.setItem("phx:live-socket:latency-sim",e)}},{key:"disableLatencySim",value:function(){this.sessionStorage.removeItem("phx:live-socket:latency-sim")}},{key:"getLatencySim",value:function(){var e=this.sessionStorage.getItem("phx:live-socket:latency-sim");return e?parseInt(e):null}},{key:"getSocket",value:function(){return this.socket}},{key:"connect",value:function(){var e=this,t=function(){e.joinRootViews()&&(e.bindTopLevelEvents(),e.socket.connect())};["complete","loaded","interactive"].indexOf(document.readyState)>=0?t():document.addEventListener("DOMContentLoaded",(function(){return t()}))}},{key:"disconnect",value:function(e){this.socket.disconnect(e)}},{key:"triggerDOM",value:function(e,t){var n;(n=this.domCallbacks)[e].apply(n,v(t))}},{key:"time",value:function(e,t){if(!this.isProfileEnabled()||!console.time)return t();console.time(e);var n=t();return console.timeEnd(e),n}},{key:"log",value:function(e,t,n){if(this.viewLogger){var i=k(n(),2),r=i[0],o=i[1];this.viewLogger(e,t,r,o)}else if(this.isDebugEnabled()){var a=k(n(),2),s=a[0],u=a[1];B(e,t,s,u)}}},{key:"onChannel",value:function(e,t,n){var i=this;e.on(t,(function(e){var t=i.getLatencySim();t?(console.log("simulating ".concat(t,"ms of latency from server to client")),setTimeout((function(){return n(e)}),t)):n(e)}))}},{key:"wrapPush",value:function(e,t,n){var i=this,r=this.getLatencySim(),o=e.joinCount;if(!r)return t.timeout?n().receive("timeout",(function(){e.joinCount===o&&i.reloadWithJitter(e,(function(){i.log(e,"timeout",(function(){return["received timeout while communicating with server. Falling back to hard refresh for recovery"]}))}))})):n();console.log("simulating ".concat(r,"ms of latency from client to server"));var a={receives:[],receive:function(e,t){this.receives.push([e,t])}};return setTimeout((function(){a.receives.reduce((function(e,t){var n=k(t,2),i=n[0],r=n[1];return e.receive(i,r)}),n())}),r),a}},{key:"reloadWithJitter",value:function(e,t){var n=this;e.destroy(),this.disconnect();var i=T[0],r=T[1],o=Math.floor(Math.random()*(r-i+1))+i,a=ie.updateLocal(this.localStorage,e.name(),"consecutive-reloads",0,(function(e){return e+1}));t?t():this.log(e,"join",(function(){return["encountered ".concat(a," consecutive reloads")]})),a>10&&(this.log(e,"join",(function(){return["exceeded ".concat(10," consecutive reloads. Entering failsafe mode")]})),o=3e4),setTimeout((function(){n.hasPendingLink()?window.location=n.pendingLink:window.location.reload()}),o)}},{key:"getHookCallbacks",value:function(e){return e&&e.startsWith("Phoenix.")?G[e.split(".")[1]]:this.hooks[e]}},{key:"isUnloaded",value:function(){return this.unloaded}},{key:"isConnected",value:function(){return this.socket.isConnected()}},{key:"getBindingPrefix",value:function(){return this.bindingPrefix}},{key:"binding",value:function(e){return"".concat(this.getBindingPrefix()).concat(e)}},{key:"channel",value:function(e,t){return this.socket.channel(e,t)}},{key:"joinRootViews",value:function(){var e=this,t=!1;return re.all(document,"".concat(I,":not([").concat("data-phx-parent-id","])"),(function(n){if(!e.getRootById(n.id)){var i=e.joinRootView(n,e.getHref());e.root=e.root||i,n.getAttribute("data-phx-main")&&(e.main=i)}t=!0})),t}},{key:"redirect",value:function(e,t){this.disconnect(),ie.redirect(e,t)}},{key:"replaceMain",value:function(e,t){var n=this,i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:this.setPendingLink(e),o=this.main.el;this.main.showLoader(this.loaderTimeout),this.main.destroy(),ie.fetchPage(e,(function(a,s){if(200!==a)return n.redirect(e);var u=document.createElement("template");u.innerHTML=s;var c=u.content.childNodes[0];if(!c||!n.isPhxView(c))return n.redirect(e);n.joinRootView(c,e,t,(function(e,t){1===t&&(n.commitPendingLink(r)?(o.replaceWith(e.el),n.main=e,i&&i()):e.destroy())}))}))}},{key:"isPhxView",value:function(e){return e.getAttribute&&null!==e.getAttribute(L)}},{key:"joinRootView",value:function(e,t,n,i){var r=new se(e,this,null,t,n);return this.roots[r.id]=r,r.join(i),r}},{key:"owner",value:function(e,t){var n=this,i=V(e.closest(I),(function(e){return n.getViewByEl(e)}));i&&t(i)}},{key:"withinOwners",value:function(e,t){var n=this;this.owner(e,(function(i){var r=e.getAttribute(n.binding("target"));null===r?t(i,e):i.withinTargets(r,t)}))}},{key:"getViewByEl",value:function(e){var t=e.getAttribute("data-phx-root-id");return V(this.getRootById(t),(function(t){return t.getDescendentByEl(e)}))}},{key:"getRootById",value:function(e){return this.roots[e]}},{key:"destroyAllViews",value:function(){for(var e in this.roots)this.roots[e].destroy(),delete this.roots[e]}},{key:"destroyViewByEl",value:function(e){var t=this.getRootById(e.getAttribute("data-phx-root-id"));t&&t.destroyDescendent(e.id)}},{key:"setActiveElement",value:function(e){var t=this;if(this.activeElement!==e){this.activeElement=e;var n=function(){e===t.activeElement&&(t.activeElement=null),e.removeEventListener("mouseup",t),e.removeEventListener("touchend",t)};e.addEventListener("mouseup",n),e.addEventListener("touchend",n)}}},{key:"getActiveElement",value:function(){return document.activeElement===document.body?this.activeElement||document.activeElement:document.activeElement||document.body}},{key:"dropActiveElement",value:function(e){this.prevActive&&e.ownsElement(this.prevActive)&&(this.prevActive=null)}},{key:"restorePreviouslyActiveFocus",value:function(){this.prevActive&&this.prevActive!==document.body&&this.prevActive.focus()}},{key:"blurActiveElement",value:function(){this.prevActive=this.getActiveElement(),this.prevActive!==document.body&&this.prevActive.blur()}},{key:"bindTopLevelEvents",value:function(){var e=this;this.boundTopLevelEvents||(this.boundTopLevelEvents=!0,document.body.addEventListener("click",(function(){})),window.addEventListener("pageshow",(function(t){t.persisted&&(e.getSocket().disconnect(),e.withPageLoading({to:window.location.href,kind:"redirect"}),window.location.reload())}),!0),this.bindClicks(),this.bindNav(),this.bindForms(),this.bind({keyup:"keyup",keydown:"keydown"},(function(t,n,i,r,o,a,s){var u=r.getAttribute(e.binding("key")),c=t.key&&t.key.toLowerCase();u&&u.toLowerCase()!==c||i.pushKey(r,o,n,a,y({key:t.key},e.eventMeta(n,t,r)))})),this.bind({blur:"focusout",focus:"focusin"},(function(t,n,i,r,o,a,s){s||i.pushEvent(n,r,o,a,e.eventMeta(n,t,r))})),this.bind({blur:"blur",focus:"focus"},(function(t,n,i,r,o,a,s){s&&"window"!==!s&&i.pushEvent(n,r,o,a,e.eventMeta(n,t,r))})),window.addEventListener("dragover",(function(e){return e.preventDefault()})),window.addEventListener("drop",(function(t){t.preventDefault();var n=V(z(t.target,e.binding("drop-target")),(function(t){return t.getAttribute(e.binding("drop-target"))})),i=n&&document.getElementById(n),r=Array.from(t.dataTransfer.files||[]);i&&!i.disabled&&0!==r.length&&i.files instanceof FileList&&(Y.trackFiles(i,r),i.dispatchEvent(new Event("input",{bubbles:!0})))})))}},{key:"eventMeta",value:function(e,t,n){var i=this.metadataCallbacks[e];return i?i(t,n):{}}},{key:"setPendingLink",value:function(e){return this.linkRef++,this.pendingLink=e,this.linkRef}},{key:"commitPendingLink",value:function(e){return this.linkRef===e&&(this.href=this.pendingLink,this.pendingLink=null,!0)}},{key:"getHref",value:function(){return this.href}},{key:"hasPendingLink",value:function(){return!!this.pendingLink}},{key:"bind",value:function(e,t){var n=this,i=function(i){var r=e[i];n.on(r,(function(e){var r=n.binding(i),o=n.binding("window-".concat(i)),a=e.target.getAttribute&&e.target.getAttribute(r);a?n.debounce(e.target,e,(function(){n.withinOwners(e.target,(function(n,r){t(e,i,n,e.target,r,a,null)}))})):re.all(document,"[".concat(o,"]"),(function(r){var a=r.getAttribute(o);n.debounce(r,e,(function(){n.withinOwners(r,(function(n,o){t(e,i,n,r,o,a,"window")}))}))}))}))};for(var r in e)i(r)}},{key:"bindClicks",value:function(){this.bindClick("click","click",!1),this.bindClick("mousedown","capture-click",!0)}},{key:"bindClick",value:function(e,t,n){var i=this,r=this.binding(t);window.addEventListener(e,(function(e){if(i.isConnected()){var t=null,o=(t=n?e.target.matches("[".concat(r,"]"))?e.target:e.target.querySelector("[".concat(r,"]")):z(e.target,r))&&t.getAttribute(r);o&&("#"===t.getAttribute("href")&&e.preventDefault(),i.debounce(t,e,(function(){i.withinOwners(t,(function(n,r){n.pushEvent("click",t,r,o,i.eventMeta("click",e,t))}))})))}}),n)}},{key:"bindNav",value:function(){var e=this;if(ie.canPushState()){history.scrollRestoration&&(history.scrollRestoration="manual");var t=null;window.addEventListener("scroll",(function(e){clearTimeout(t),t=setTimeout((function(){ie.updateCurrentState((function(e){return Object.assign(e,{scroll:window.scrollY})}))}),100)})),window.addEventListener("popstate",(function(t){if(e.registerNewLocation(window.location)){var n=t.state||{},i=n.type,r=n.id,o=n.root,a=n.scroll,s=window.location.href;e.main.isConnected()&&"patch"===i&&r===e.main.id?e.main.pushLinkPatch(s,null):e.replaceMain(s,null,(function(){o&&e.replaceRootHistory(),"number"==typeof a&&setTimeout((function(){window.scrollTo(0,a)}),0)}))}}),!1),window.addEventListener("click",(function(t){var n=z(t.target,"data-phx-link"),i=n&&n.getAttribute("data-phx-link"),r=t.metaKey||t.ctrlKey||1===t.button;if(i&&e.isConnected()&&e.main&&!r){var o=n.href,a=n.getAttribute("data-phx-link-state");if(t.preventDefault(),e.pendingLink!==o)if("patch"===i)e.pushHistoryPatch(o,a,n);else{if("redirect"!==i)throw new Error("expected ".concat("data-phx-link",' to be "patch" or "redirect", got: ').concat(i));e.historyRedirect(o,a)}}}),!1)}}},{key:"withPageLoading",value:function(e,t){re.dispatchEvent(window,"phx:page-loading-start",e);var n=function(){return re.dispatchEvent(window,"phx:page-loading-stop",e)};return t?t(n):n}},{key:"pushHistoryPatch",value:function(e,t,n){var i=this;this.withPageLoading({to:e,kind:"patch"},(function(r){i.main.pushLinkPatch(e,n,(function(n){i.historyPatch(e,t,n),r()}))}))}},{key:"historyPatch",value:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.setPendingLink(e);this.commitPendingLink(n)&&(ie.pushState(t,{type:"patch",id:this.main.id},e),this.registerNewLocation(window.location))}},{key:"historyRedirect",value:function(e,t,n){var i=this,r=window.scrollY;this.withPageLoading({to:e,kind:"redirect"},(function(o){i.replaceMain(e,n,(function(){ie.pushState(t,{type:"redirect",id:i.main.id,scroll:r},e),i.registerNewLocation(window.location),o()}))}))}},{key:"replaceRootHistory",value:function(){ie.pushState("replace",{root:!0,type:"patch",id:this.main.id})}},{key:"registerNewLocation",value:function(e){var t=this.currentLocation;return t.pathname+t.search!==e.pathname+e.search&&(this.currentLocation=$(e),!0)}},{key:"bindForms",value:function(){var e=this,t=0;this.on("submit",(function(t){var n=t.target.getAttribute(e.binding("submit"));n&&(t.preventDefault(),t.target.disabled=!0,e.withinOwners(t.target,(function(e,i){return e.submitForm(t.target,i,n)})))}),!1);for(var n=function(){var n=r[i];e.on(n,(function(i){var r=i.target,o=r.form&&r.form.getAttribute(e.binding("change"));if(o&&("number"!==r.type||!r.validity||!r.validity.badInput)){var a=t;t++;var s=re.private(r,"prev-iteration")||{},u=s.at,c=s.type;u===a-1&&n!==c||(re.putPrivate(r,"prev-iteration",{at:a,type:n}),e.debounce(r,i,(function(){e.withinOwners(r.form,(function(t,n){re.putPrivate(r,"phx-has-focused",!0),re.isTextualInput(r)||e.setActiveElement(r),t.pushInput(r,n,o,i.target)}))})))}}),!1)},i=0,r=["change","input"];i<r.length;i++)n()}},{key:"debounce",value:function(e,t,n){var i=this.binding("debounce"),r=this.binding("throttle"),o=this.defaults.debounce.toString(),a=this.defaults.throttle.toString();re.debounce(e,t,i,o,r,a,n)}},{key:"silenceEvents",value:function(e){this.silenced=!0,e(),this.silenced=!1}},{key:"on",value:function(e,t){var n=this;window.addEventListener(e,(function(e){n.silenced||t(e)}))}}]),e}(),ie={canPushState:function(){return void 0!==history.pushState},dropLocal:function(e,t,n){return e.removeItem(this.localKey(t,n))},updateLocal:function(e,t,n,i,r){var o=this.getLocal(e,t,n),a=this.localKey(t,n),s=null===o?i:r(o);return e.setItem(a,JSON.stringify(s)),s},getLocal:function(e,t,n){return JSON.parse(e.getItem(this.localKey(t,n)))},fetchPage:function(e,t){var n=new XMLHttpRequest;n.open("GET",e,!0),n.timeout=3e4,n.setRequestHeader("content-type","text/html"),n.setRequestHeader("cache-control","max-age=0, no-cache, no-store, must-revalidate, post-check=0, pre-check=0"),n.setRequestHeader("x-requested-with","live-link"),n.onerror=function(){return t(400)},n.ontimeout=function(){return t(504)},n.onreadystatechange=function(){if(4===n.readyState){var i=new URL(e),r=i.pathname+i.search,o=V(n.getResponseHeader("x-response-url")||n.responseURL,(function(e){return new URL(e)})),a=o?o.pathname+o.search:null;return"live-link"!==n.getResponseHeader("x-requested-with")?t(400):null===o||a!=r?t(302):200!==n.status?t(n.status):void t(200,n.responseText)}},n.send()},updateCurrentState:function(e){this.canPushState()&&history.replaceState(e(history.state||{}),"",window.location.href)},pushState:function(e,t,n){if(this.canPushState()){if(n!==window.location.href){if("redirect"==t.type&&t.scroll){var i=history.state||{};i.scroll=t.scroll,history.replaceState(i,"",window.location.href)}delete t.scroll,history[e+"State"](t,"",n||null);var r=this.getHashTargetEl(window.location.hash);r?r.scrollIntoView():"redirect"===t.type&&window.scroll(0,0)}}else this.redirect(n)},setCookie:function(e,t){document.cookie="".concat(e,"=").concat(t)},getCookie:function(e){return document.cookie.replace(new RegExp("(?:(?:^|.*;s*)".concat(e,"s*=s*([^;]*).*$)|^.*$")),"$1")},redirect:function(e,t){t&&ie.setCookie("__phoenix_flash__",t+"; max-age=60000; path=/"),window.location=e},localKey:function(e,t){return"".concat(e,"-").concat(t)},getHashTargetEl:function(e){var t=e.toString().substring(1);if(""!==t)return document.getElementById(t)||document.querySelector('a[name="'.concat(t,'"]'))}},re={byId:function(e){return document.getElementById(e)||F("no id found for ".concat(e))},removeClass:function(e,t){e.classList.remove(t),0===e.classList.length&&e.removeAttribute("class")},all:function(e,t,n){var i=Array.from(e.querySelectorAll(t));return n?i.forEach(n):i},childNodeLength:function(e){var t=document.createElement("template");return t.innerHTML=e,t.content.childElementCount},isUploadInput:function(e){return"file"===e.type&&null!==e.getAttribute(j)},findUploadInputs:function(e){return this.all(e,'input[type="file"]['.concat(j,"]"))},findComponentNodeList:function(e,t){return this.filterWithinSameLiveView(this.all(e,"[".concat(R,'="').concat(t,'"]')),e)},isPhxDestroyed:function(e){return!(!e.id||!re.private(e,"destroyed"))},markPhxChildDestroyed:function(e){e.setAttribute("data-phx-session",""),this.putPrivate(e,"destroyed",!0)},findPhxChildrenInFragment:function(e,t){var n=document.createElement("template");return n.innerHTML=e,this.findPhxChildren(n.content,t)},isIgnored:function(e,t){return"ignore"===(e.getAttribute(t)||e.getAttribute("data-phx-update"))},isPhxUpdate:function(e,t,n){return e.getAttribute&&n.indexOf(e.getAttribute(t))>=0},findPhxChildren:function(e,t){return this.all(e,"".concat(I,"[").concat("data-phx-parent-id",'="').concat(t,'"]'))},findParentCIDs:function(e,t){var n=this,i=new Set(t);return t.reduce((function(t,i){var r="[".concat(R,'="').concat(i,'"] [').concat(R,"]");return n.filterWithinSameLiveView(n.all(e,r),e).map((function(e){return parseInt(e.getAttribute(R))})).forEach((function(e){return t.delete(e)})),t}),i)},filterWithinSameLiveView:function(e,t){var n=this;return t.querySelector(I)?e.filter((function(e){return n.withinSameLiveView(e,t)})):e},withinSameLiveView:function(e,t){for(;e=e.parentNode;){if(e.isSameNode(t))return!0;if(e.getAttribute(L))return!1}},private:function(e,t){return e.phxPrivate&&e.phxPrivate[t]},deletePrivate:function(e,t){e.phxPrivate&&delete e.phxPrivate[t]},putPrivate:function(e,t,n){e.phxPrivate||(e.phxPrivate={}),e.phxPrivate[t]=n},copyPrivates:function(e,t){t.phxPrivate&&(e.phxPrivate=$(t.phxPrivate))},putTitle:function(e){var t=document.querySelector("title").dataset,n=t.prefix,i=t.suffix;document.title="".concat(n||"").concat(e).concat(i||"")},debounce:function(e,t,n,i,r,o,a){var s=this,u=e.getAttribute(n),c=e.getAttribute(r);""===u&&(u=i),""===c&&(c=o);var l=u||c;switch(l){case null:return a();case"blur":return void(this.once(e,"debounce-blur")&&e.addEventListener("blur",(function(){return a()})));default:var d=parseInt(l),h=this.incCycle(e,"debounce-trigger",(function(){return c?s.deletePrivate(e,"throttled"):a()}));if(isNaN(d))return F("invalid throttle/debounce value: ".concat(l));if(c){var f=!1;if("keydown"===t.type){var p=this.private(e,"debounce-prev-key");this.putPrivate(e,"debounce-prev-key",t.key),f=p!==t.key}if(!f&&this.private(e,"throttled"))return!1;a(),this.putPrivate(e,"throttled",!0),setTimeout((function(){return s.triggerCycle(e,"debounce-trigger")}),d)}else setTimeout((function(){return s.triggerCycle(e,"debounce-trigger",h)}),d);var v=e.form;v&&this.once(v,"bind-debounce")&&v.addEventListener("submit",(function(e){Array.from(new FormData(v).entries(),(function(e){var t=k(e,2),n=t[0],i=(t[1],v.querySelector('[name="'.concat(n,'"]')));s.incCycle(i,"debounce-trigger"),s.deletePrivate(i,"throttled")}))})),this.once(e,"bind-debounce")&&e.addEventListener("blur",(function(t){return s.triggerCycle(e,"debounce-trigger")}))}},triggerCycle:function(e,t,n){var i=k(this.private(e,t),2),r=i[0],o=i[1];n||(n=r),n===r&&(this.incCycle(e,t),o())},once:function(e,t){return!0!==this.private(e,t)&&(this.putPrivate(e,t,!0),!0)},incCycle:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:function(){},i=k(this.private(e,t)||[0,n],2),r=i[0];return i[1],r++,this.putPrivate(e,t,[r,n]),r},discardError:function(e,t,n){var i=t.getAttribute&&t.getAttribute(n),r=i&&e.querySelector('[id="'.concat(i,'"], [name="').concat(i,'"]'));r&&(this.private(r,"phx-has-focused")||this.private(r.form,"phx-has-submitted")||t.classList.add("phx-no-feedback"))},showError:function(e,t){var n=this;(e.id||e.name)&&this.all(e.form,"[".concat(t,'="').concat(e.id,'"], [').concat(t,'="').concat(e.name,'"]'),(function(e){n.removeClass(e,"phx-no-feedback")}))},isPhxChild:function(e){return e.getAttribute&&e.getAttribute("data-phx-parent-id")},dispatchEvent:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=new CustomEvent(t,{bubbles:!0,cancelable:!0,detail:n});e.dispatchEvent(i)},cloneNode:function(e,t){if(void 0===t)return e.cloneNode(!0);var n=e.cloneNode(!1);return n.innerHTML=t,n},mergeAttrs:function(e,t){for(var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=n.exclude||[],r=n.isIgnored,o=t.attributes,a=o.length-1;a>=0;a--){var s=o[a].name;i.indexOf(s)<0&&e.setAttribute(s,t.getAttribute(s))}for(var u=e.attributes,c=u.length-1;c>=0;c--){var l=u[c].name;r?l.startsWith("data-")&&!t.hasAttribute(l)&&e.removeAttribute(l):t.hasAttribute(l)||e.removeAttribute(l)}},mergeFocusedInput:function(e,t){e instanceof HTMLSelectElement||re.mergeAttrs(e,t,{except:["value"]}),t.readOnly?e.setAttribute("readonly",!0):e.removeAttribute("readonly")},hasSelectionRange:function(e){return e.setSelectionRange&&("text"===e.type||"textarea"===e.type)},restoreFocus:function(e,t,n){if(re.isTextualInput(e)){var i=e.matches(":focus");e.readOnly&&e.blur(),i||e.focus(),this.hasSelectionRange(e)&&e.setSelectionRange(t,n)}},isFormInput:function(e){return/^(?:input|select|textarea)$/i.test(e.tagName)&&"button"!==e.type},syncAttrsToProps:function(e){e instanceof HTMLInputElement&&M.indexOf(e.type.toLocaleLowerCase())>=0&&(e.checked=null!==e.getAttribute("checked"))},isTextualInput:function(e){return N.indexOf(e.type)>=0},isNowTriggerFormExternal:function(e,t){return e.getAttribute&&null!==e.getAttribute(t)},syncPendingRef:function(e,t,n){var i=e.getAttribute(D);return null===i||(re.isFormInput(e)||null!==e.getAttribute(n)?(re.isUploadInput(e)&&re.mergeAttrs(e,t,{isIgnored:!0}),re.putPrivate(e,D,t),!1):(O.forEach((function(n){e.classList.contains(n)&&t.classList.add(n)})),t.setAttribute(D,i),!0))},cleanChildNodes:function(e,t){if(re.isPhxUpdate(e,t,["append","prepend"])){var n=[];e.childNodes.forEach((function(e){e.id||(e.nodeType===Node.TEXT_NODE&&""===e.nodeValue.trim()||F("only HTML element tags with an id are allowed inside containers with phx-update.\n\n"+'removing illegal node: "'.concat((e.outerHTML||e.nodeValue).trim(),'"\n\n')),n.push(e))})),n.forEach((function(e){return e.remove()}))}}},oe=function(){function e(t,n,i){A(this,e);var r=new Set,o=new Set(v(n.children).map((function(e){return e.id}))),a=[];Array.from(t.children).forEach((function(e){if(e.id&&(r.add(e.id),o.has(e.id))){var t=e.previousElementSibling&&e.previousElementSibling.id;a.push({elementId:e.id,previousElementId:t})}})),this.containerId=n.id,this.updateType=i,this.elementsToModify=a,this.elementIdsToAdd=v(o).filter((function(e){return!r.has(e)}))}return C(e,[{key:"perform",value:function(){var e=re.byId(this.containerId);this.elementsToModify.forEach((function(t){t.previousElementId?V(document.getElementById(t.previousElementId),(function(e){V(document.getElementById(t.elementId),(function(t){t.previousElementSibling&&t.previousElementSibling.id==e.id||e.insertAdjacentElement("afterend",t)}))})):V(document.getElementById(t.elementId),(function(t){null==t.previousElementSibling||e.insertAdjacentElement("afterbegin",t)}))})),"prepend"==this.updateType&&this.elementIdsToAdd.reverse().forEach((function(t){V(document.getElementById(t),(function(t){return e.insertAdjacentElement("afterbegin",t)}))}))}}]),e}(),ae=function(){function e(t,n,i,r,o){A(this,e),this.view=t,this.liveSocket=t.liveSocket,this.container=n,this.id=i,this.rootID=t.root.id,this.html=r,this.targetCID=o,this.cidPatch="number"==typeof this.targetCID,this.callbacks={beforeadded:[],beforeupdated:[],beforephxChildAdded:[],afteradded:[],afterupdated:[],afterdiscarded:[],afterphxChildAdded:[]}}return C(e,null,[{key:"patchEl",value:function(e,t,n){f(e,t,{childrenOnly:!1,onBeforeElUpdated:function(e,t){if(n&&n.isSameNode(e)&&re.isFormInput(e))return re.mergeFocusedInput(e,t),!1}})}}]),C(e,[{key:"before",value:function(e,t){this.callbacks["before".concat(e)].push(t)}},{key:"after",value:function(e,t){this.callbacks["after".concat(e)].push(t)}},{key:"trackBefore",value:function(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),i=1;i<t;i++)n[i-1]=arguments[i];this.callbacks["before".concat(e)].forEach((function(e){return e.apply(void 0,n)}))}},{key:"trackAfter",value:function(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),i=1;i<t;i++)n[i-1]=arguments[i];this.callbacks["after".concat(e)].forEach((function(e){return e.apply(void 0,n)}))}},{key:"markPrunableContentForRemoval",value:function(){re.all(this.container,"[phx-update=append] > *, [phx-update=prepend] > *",(function(e){e.setAttribute("data-phx-remove","")}))}},{key:"perform",value:function(){var e=this,t=this.view,n=this.liveSocket,i=this.container,r=this.html,o=this.isCIDPatch()?this.targetCIDContainer(r):i;if(!this.isCIDPatch()||o){var a=n.getActiveElement(),s=a&&re.hasSelectionRange(a)?a:{},u=s.selectionStart,c=s.selectionEnd,l=n.binding("update"),d=n.binding("feedback-for"),h=n.binding("disable-with"),p=n.binding("trigger-action"),v=[],m=[],g=[],y=null,b=n.time("premorph container prep",(function(){return e.buildDiffHTML(i,r,l,o)}));return this.trackBefore("added",i),this.trackBefore("updated",i,i),n.time("morphdom",(function(){f(o,b,{childrenOnly:null===o.getAttribute(R),getNodeKey:function(e){return re.isPhxDestroyed(e)?null:e.id},onBeforeNodeAdded:function(t){return re.discardError(o,t,d),e.trackBefore("added",t),t},onNodeAdded:function(n){re.isNowTriggerFormExternal(n,p)&&(y=n),re.isPhxChild(n)&&t.ownsElement(n)&&e.trackAfter("phxChildAdded",n),v.push(n)},onNodeDiscarded:function(t){re.isPhxChild(t)&&n.destroyViewByEl(t),e.trackAfter("discarded",t)},onBeforeNodeDiscarded:function(t){return!((!t.getAttribute||null===t.getAttribute("data-phx-remove"))&&(null!==t.parentNode&&re.isPhxUpdate(t.parentNode,l,["append","prepend"])&&t.id||e.skipCIDSibling(t)))},onElUpdated:function(e){re.isNowTriggerFormExternal(e,p)&&(y=e),m.push(e)},onBeforeElUpdated:function(t,n){if(re.cleanChildNodes(n,l),e.skipCIDSibling(n))return!1;if(re.isIgnored(t,l))return e.trackBefore("updated",t,n),re.mergeAttrs(t,n,{isIgnored:!0}),m.push(t),!1;if("number"===t.type&&t.validity&&t.validity.badInput)return!1;if(!re.syncPendingRef(t,n,h))return re.isUploadInput(t)&&(e.trackBefore("updated",t,n),m.push(t)),!1;if(re.isPhxChild(n)){var i=t.getAttribute("data-phx-session");return re.mergeAttrs(t,n,{exclude:["data-phx-static"]}),""!==i&&t.setAttribute("data-phx-session",i),t.setAttribute("data-phx-root-id",e.rootID),!1}return re.copyPrivates(n,t),re.discardError(o,n,d),a&&t.isSameNode(a)&&re.isFormInput(t)&&!e.forceFocusedSelectUpdate(t,n)?(e.trackBefore("updated",t,n),re.mergeFocusedInput(t,n),re.syncAttrsToProps(t),m.push(t),!1):(re.isPhxUpdate(n,l,["append","prepend"])&&g.push(new oe(t,n,n.getAttribute(l))),re.syncAttrsToProps(n),e.trackBefore("updated",t,n),!0)}})})),n.isDebugEnabled()&&function(){for(var e=new Set,t=document.querySelectorAll("*[id]"),n=0,i=t.length;n<i;n++)e.has(t[n].id)?console.error("Multiple IDs detected: ".concat(t[n].id,". Ensure unique element ids.")):e.add(t[n].id)}(),g.length>0&&n.time("post-morph append/prepend restoration",(function(){g.forEach((function(e){return e.perform()}))})),n.silenceEvents((function(){return re.restoreFocus(a,u,c)})),re.dispatchEvent(document,"phx:update"),v.forEach((function(t){return e.trackAfter("added",t)})),m.forEach((function(t){return e.trackAfter("updated",t)})),y&&(n.disconnect(),y.submit()),!0}}},{key:"forceFocusedSelectUpdate",value:function(e,t){var n=["select","select-one","select-multiple"].find((function(t){return t===e.type}));return!0===e.multiple||n&&e.innerHTML!=t.innerHTML}},{key:"isCIDPatch",value:function(){return this.cidPatch}},{key:"skipCIDSibling",value:function(e){return e.nodeType===Node.ELEMENT_NODE&&null!==e.getAttribute("data-phx-skip")}},{key:"targetCIDContainer",value:function(e){if(this.isCIDPatch()){var t=p(re.findComponentNodeList(this.container,this.targetCID)),n=t[0];return 0===t.slice(1).length&&1===re.childNodeLength(e)?n:n&&n.parentNode}}},{key:"buildDiffHTML",value:function(e,t,n,i){var r=this,o=this.isCIDPatch(),a=o&&i.getAttribute(R)===this.targetCID.toString();if(!o||a)return t;var s=null,u=document.createElement("template");s=re.cloneNode(i);var c=p(re.findComponentNodeList(s,this.targetCID)),l=c[0],d=c.slice(1);return u.innerHTML=t,d.forEach((function(e){return e.remove()})),Array.from(s.childNodes).forEach((function(e){e.id&&e.nodeType===Node.ELEMENT_NODE&&e.getAttribute(R)!==r.targetCID.toString()&&(e.setAttribute("data-phx-skip",""),e.innerHTML="")})),Array.from(u.content.childNodes).forEach((function(e){return s.insertBefore(e,l)})),l.remove(),s.outerHTML}}]),e}(),se=function(){function e(t,n,i,r,o){var a=this;A(this,e),this.liveSocket=n,this.flash=o,this.parent=i,this.root=i?i.root:this,this.el=t,this.id=this.el.id,this.view=this.el.getAttribute(L),this.ref=0,this.childJoins=0,this.loaderTimer=null,this.pendingDiffs=[],this.pruningCIDs=[],this.href=r,this.joinCount=this.parent?this.parent.joinCount-1:0,this.joinPending=!0,this.destroyed=!1,this.joinCallback=function(){},this.stopCallback=function(){},this.pendingJoinOps=this.parent?null:[],this.viewHooks={},this.uploaders={},this.formSubmits=[],this.children=this.parent?null:{},this.root.children[this.id]={},this.channel=this.liveSocket.channel("lv:".concat(this.id),(function(){return{url:a.href,params:a.connectParams(),session:a.getSession(),static:a.getStatic(),flash:a.flash}})),this.showLoader(this.liveSocket.loaderTimeout),this.bindChannel()}return C(e,[{key:"isMain",value:function(){return this.liveSocket.main===this}},{key:"connectParams",value:function(){var e=this.liveSocket.params(this.view),t=re.all(document,"[".concat(this.binding("track-static"),"]")).map((function(e){return e.src||e.href})).filter((function(e){return"string"==typeof e}));return t.length>0&&(e._track_static=t),e._mounts=this.joinCount,e}},{key:"name",value:function(){return this.view}},{key:"isConnected",value:function(){return this.channel.canPush()}},{key:"getSession",value:function(){return this.el.getAttribute("data-phx-session")}},{key:"getStatic",value:function(){var e=this.el.getAttribute("data-phx-static");return""===e?null:e}},{key:"destroy",value:function(){var e=this,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:function(){};this.destroyAllChildren(),this.destroyed=!0,delete this.root.children[this.id],this.parent&&delete this.root.children[this.parent.id][this.id],clearTimeout(this.loaderTimer);var n=function(){for(var n in t(),e.viewHooks)e.destroyHook(e.viewHooks[n])};re.markPhxChildDestroyed(this.el),this.log("destroyed",(function(){return["the child has been removed from the parent"]})),this.channel.leave().receive("ok",n).receive("error",n).receive("timeout",n)}},{key:"setContainerClasses",value:function(){var e;this.el.classList.remove("phx-connected","phx-disconnected","phx-error"),(e=this.el.classList).add.apply(e,arguments)}},{key:"isLoading",value:function(){return this.el.classList.contains("phx-disconnected")}},{key:"showLoader",value:function(e){var t=this;if(clearTimeout(this.loaderTimer),e)this.loaderTimer=setTimeout((function(){return t.showLoader()}),e);else{for(var n in this.viewHooks)this.viewHooks[n].__disconnected();this.setContainerClasses("phx-disconnected")}}},{key:"hideLoader",value:function(){clearTimeout(this.loaderTimer),this.setContainerClasses("phx-connected")}},{key:"triggerReconnected",value:function(){for(var e in this.viewHooks)this.viewHooks[e].__reconnected()}},{key:"log",value:function(e,t){this.liveSocket.log(this,e,t)}},{key:"withinTargets",value:function(e,t){var n=this;if(e instanceof HTMLElement)return this.liveSocket.owner(e,(function(n){return t(n,e)}));if(/^(0|[1-9]\d*)$/.test(e)){var i=re.findComponentNodeList(this.el,e);0===i.length?F("no component found matching phx-target of ".concat(e)):t(this,i[0])}else{var r=Array.from(document.querySelectorAll(e));0===r.length&&F('nothing found matching the phx-target selector "'.concat(e,'"')),r.forEach((function(e){return n.liveSocket.owner(e,(function(n){return t(n,e)}))}))}}},{key:"applyDiff",value:function(e,t,n){this.log(e,(function(){return["",$(t)]}));var i=te.extract(t),r=i.diff,o=i.reply,a=i.events,s=i.title;return s&&re.putTitle(s),n({diff:r,reply:o,events:a}),o}},{key:"onJoin",value:function(e){var t=this,n=e.rendered;this.childJoins=0,this.joinPending=!0,this.flash=null,ie.dropLocal(this.liveSocket.localStorage,this.name(),"consecutive-reloads"),this.applyDiff("mount",n,(function(n){var i=n.diff,r=n.events;t.rendered=new te(t.id,i);var o=t.renderContainer(null,"join");t.dropPendingRefs();var a=t.formsForRecovery(o);t.joinCount++,a.length>0?a.forEach((function(e,n){t.pushFormRecovery(e,(function(e){n===a.length-1&&t.onJoinComplete(e,o,r)}))})):t.onJoinComplete(e,o,r)}))}},{key:"dropPendingRefs",value:function(){re.all(this.el,"[".concat(D,"]"),(function(e){return e.removeAttribute(D)}))}},{key:"onJoinComplete",value:function(e,t,n){var i=this,r=e.live_patch;if(this.joinCount>1||this.parent&&!this.parent.isJoinPending())return this.applyJoinPatch(r,t,n);0===re.findPhxChildrenInFragment(t,this.id).filter((function(e){var t=e.id&&i.el.querySelector("#".concat(e.id)),n=t&&t.getAttribute("data-phx-static");return n&&e.setAttribute("data-phx-static",n),i.joinChild(e)})).length?this.parent?(this.root.pendingJoinOps.push([this,function(){return i.applyJoinPatch(r,t,n)}]),this.parent.ackJoin(this)):(this.onAllChildJoinsComplete(),this.applyJoinPatch(r,t,n)):this.root.pendingJoinOps.push([this,function(){return i.applyJoinPatch(r,t,n)}])}},{key:"attachTrueDocEl",value:function(){this.el=re.byId(this.id),this.el.setAttribute("data-phx-root-id",this.root.id)}},{key:"dispatchEvents",value:function(e){e.forEach((function(e){var t=k(e,2),n=t[0],i=t[1];window.dispatchEvent(new CustomEvent("phx:hook:".concat(n),{detail:i}))}))}},{key:"applyJoinPatch",value:function(e,t,n){var i=this;this.attachTrueDocEl();var r=new ae(this,this.el,this.id,t,null);if(r.markPrunableContentForRemoval(),this.performPatch(r,!1),this.joinNewChildren(),re.all(this.el,"[".concat(this.binding("hook"),"], [data-phx-").concat("hook","]"),(function(e){var t=i.addHook(e);t&&t.__mounted()})),this.joinPending=!1,this.dispatchEvents(n),this.applyPendingUpdates(),e){var o=e.kind,a=e.to;this.liveSocket.historyPatch(a,o)}this.hideLoader(),this.joinCount>1&&this.triggerReconnected(),this.stopCallback()}},{key:"triggerBeforeUpdateHook",value:function(e,t){this.liveSocket.triggerDOM("onBeforeElUpdated",[e,t]);var n=this.getHook(e),i=n&&re.isIgnored(e,this.binding("update"));if(n&&!e.isEqualNode(t)&&(!i||!function(e,t){return JSON.stringify(e)===JSON.stringify(t)}(e.dataset,t.dataset)))return n.__beforeUpdate(),n}},{key:"performPatch",value:function(e,t){var n=this,i=[],r=!1,o=new Set;return e.after("added",(function(e){n.liveSocket.triggerDOM("onNodeAdded",[e]);var t=n.addHook(e);t&&t.__mounted()})),e.after("phxChildAdded",(function(e){return r=!0})),e.before("updated",(function(e,t){n.triggerBeforeUpdateHook(e,t)&&o.add(e.id)})),e.after("updated",(function(e){o.has(e.id)&&n.getHook(e).__updated()})),e.after("discarded",(function(e){var t=n.componentID(e);"number"==typeof t&&-1===i.indexOf(t)&&i.push(t);var r=n.getHook(e);r&&n.destroyHook(r)})),e.perform(),t&&this.maybePushComponentsDestroyed(i),r}},{key:"joinNewChildren",value:function(){var e=this;re.findPhxChildren(this.el,this.id).forEach((function(t){return e.joinChild(t)}))}},{key:"getChildById",value:function(e){return this.root.children[this.id][e]}},{key:"getDescendentByEl",value:function(e){return e.id===this.id?this:this.children[e.getAttribute("data-phx-parent-id")][e.id]}},{key:"destroyDescendent",value:function(e){for(var t in this.root.children)for(var n in this.root.children[t])if(n===e)return this.root.children[t][n].destroy()}},{key:"joinChild",value:function(t){if(!this.getChildById(t.id)){var n=new e(t,this.liveSocket,this);return this.root.children[this.id][n.id]=n,n.join(),this.childJoins++,!0}}},{key:"isJoinPending",value:function(){return this.joinPending}},{key:"ackJoin",value:function(e){this.childJoins--,0===this.childJoins&&(this.parent?this.parent.ackJoin(this):this.onAllChildJoinsComplete())}},{key:"onAllChildJoinsComplete",value:function(){this.joinCallback(),this.pendingJoinOps.forEach((function(e){var t=k(e,2),n=t[0],i=t[1];n.isDestroyed()||i()})),this.pendingJoinOps=[]}},{key:"update",value:function(e,t){var n=this;if(this.isJoinPending()||this.liveSocket.hasPendingLink())return this.pendingDiffs.push({diff:e,events:t});this.rendered.mergeDiff(e);var i=!1;this.rendered.isComponentOnlyDiff(e)?this.liveSocket.time("component patch complete",(function(){re.findParentCIDs(n.el,n.rendered.componentCIDs(e)).forEach((function(t){n.componentPatch(n.rendered.getComponent(e,t),t)&&(i=!0)}))})):W(e)||this.liveSocket.time("full patch complete",(function(){var t=n.renderContainer(e,"update"),r=new ae(n,n.el,n.id,t,null);i=n.performPatch(r,!0)})),this.dispatchEvents(t),i&&this.joinNewChildren()}},{key:"renderContainer",value:function(e,t){var n=this;return this.liveSocket.time("toString diff (".concat(t,")"),(function(){var t=n.el.tagName,i=e?n.rendered.componentCIDs(e).concat(n.pruningCIDs):null,r=n.rendered.toString(i);return"<".concat(t,">").concat(r,"</").concat(t,">")}))}},{key:"componentPatch",value:function(e,t){if(W(e))return!1;var n=this.rendered.componentToString(t),i=new ae(this,this.el,this.id,n,t);return this.performPatch(i,!0)}},{key:"getHook",value:function(e){return this.viewHooks[ce.elementID(e)]}},{key:"addHook",value:function(e){if(!ce.elementID(e)&&e.getAttribute){var t=e.getAttribute("data-phx-".concat("hook"))||e.getAttribute(this.binding("hook"));if(!t||this.ownsElement(e)){var n=this.liveSocket.getHookCallbacks(t);if(n){e.id||F('no DOM ID for hook "'.concat(t,'". Hooks require a unique ID on each element.'),e);var i=new ce(this,e,n);return this.viewHooks[ce.elementID(i.el)]=i,i}null!==t&&F('unknown hook found for "'.concat(t,'"'),e)}}}},{key:"destroyHook",value:function(e){e.__destroyed(),e.__cleanup__(),delete this.viewHooks[ce.elementID(e.el)]}},{key:"applyPendingUpdates",value:function(){var e=this;this.pendingDiffs.forEach((function(t){var n=t.diff,i=t.events;return e.update(n,i)})),this.pendingDiffs=[]}},{key:"onChannel",value:function(e,t){var n=this;this.liveSocket.onChannel(this.channel,e,(function(e){n.isJoinPending()?n.root.pendingJoinOps.push([n,function(){return t(e)}]):t(e)}))}},{key:"bindChannel",value:function(){var e=this;this.liveSocket.onChannel(this.channel,"diff",(function(t){e.applyDiff("update",t,(function(t){var n=t.diff,i=t.events;return e.update(n,i)}))})),this.onChannel("redirect",(function(t){var n=t.to,i=t.flash;return e.onRedirect({to:n,flash:i})})),this.onChannel("live_patch",(function(t){return e.onLivePatch(t)})),this.onChannel("live_redirect",(function(t){return e.onLiveRedirect(t)})),this.channel.onError((function(t){return e.onError(t)})),this.channel.onClose((function(t){return e.onClose(t)}))}},{key:"destroyAllChildren",value:function(){for(var e in this.root.children[this.id])this.getChildById(e).destroy()}},{key:"onLiveRedirect",value:function(e){var t=e.to,n=e.kind,i=e.flash,r=this.expandURL(t);this.liveSocket.historyRedirect(r,n,i)}},{key:"onLivePatch",value:function(e){var t=e.to,n=e.kind;this.href=this.expandURL(t),this.liveSocket.historyPatch(t,n)}},{key:"expandURL",value:function(e){return e.startsWith("/")?"".concat(window.location.protocol,"//").concat(window.location.host).concat(e):e}},{key:"onRedirect",value:function(e){var t=e.to,n=e.flash;this.liveSocket.redirect(t,n)}},{key:"isDestroyed",value:function(){return this.destroyed}},{key:"join",value:function(e){var t=this;this.parent||(this.stopCallback=this.liveSocket.withPageLoading({to:this.href,kind:"initial"})),this.joinCallback=function(){return e&&e(t,t.joinCount)},this.liveSocket.wrapPush(this,{timeout:!1},(function(){return t.channel.join().receive("ok",(function(e){return t.onJoin(e)})).receive("error",(function(e){return t.onJoinError(e)})).receive("timeout",(function(){return t.onJoinError({reason:"timeout"})}))}))}},{key:"onJoinError",value:function(e){return(e.redirect||e.live_redirect)&&(this.joinPending=!1,this.channel.leave()),e.redirect?this.onRedirect(e.redirect):e.live_redirect?this.onLiveRedirect(e.live_redirect):(this.log("error",(function(){return["unable to join",e]})),this.liveSocket.reloadWithJitter(this))}},{key:"onClose",value:function(e){if(!this.isDestroyed()){if(this.isJoinPending()&&"hidden"!==document.visibilityState||this.liveSocket.hasPendingLink()&&"leave"!==e)return this.liveSocket.reloadWithJitter(this);this.destroyAllChildren(),this.liveSocket.dropActiveElement(this),document.activeElement&&document.activeElement.blur(),this.liveSocket.isUnloaded()&&this.showLoader(200)}}},{key:"onError",value:function(e){this.onClose(e),this.log("error",(function(){return["view crashed",e]})),this.liveSocket.isUnloaded()||this.displayError()}},{key:"displayError",value:function(){this.isMain()&&re.dispatchEvent(window,"phx:page-loading-start",{to:this.href,kind:"error"}),this.showLoader(),this.setContainerClasses("phx-disconnected","phx-error")}},{key:"pushWithReply",value:function(e,t,n){var i=this,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:function(){};if(this.isConnected()){var o=k(e?e():[null,[]],2),a=o[0],s=k(o[1],1)[0],u=function(){};return s&&null!==s.getAttribute(this.binding("page-loading"))&&(u=this.liveSocket.withPageLoading({kind:"element",target:s})),"number"!=typeof n.cid&&delete n.cid,this.liveSocket.wrapPush(this,{timeout:!0},(function(){return i.channel.push(t,n,3e4).receive("ok",(function(e){var t=null;null!==a&&i.undoRefs(a),e.diff&&(t=i.applyDiff("update",e.diff,(function(e){var t=e.diff,n=e.events;i.update(t,n)}))),e.redirect&&i.onRedirect(e.redirect),e.live_patch&&i.onLivePatch(e.live_patch),e.live_redirect&&i.onLiveRedirect(e.live_redirect),u(),r(e,t)}))}))}}},{key:"undoRefs",value:function(e){var t=this;re.all(this.el,"[".concat(D,'="').concat(e,'"]'),(function(e){e.removeAttribute(D),null!==e.getAttribute("data-phx-readonly")&&(e.readOnly=!1,e.removeAttribute("data-phx-readonly")),null!==e.getAttribute("data-phx-disabled")&&(e.disabled=!1,e.removeAttribute("data-phx-disabled")),O.forEach((function(t){return re.removeClass(e,t)}));var n=e.getAttribute("data-phx-disable-with-restore");null!==n&&(e.innerText=n,e.removeAttribute("data-phx-disable-with-restore"));var i=re.private(e,D);if(i){var r=t.triggerBeforeUpdateHook(e,i);ae.patchEl(e,i,t.liveSocket.getActiveElement()),r&&r.__updated(),re.deletePrivate(e,D)}}))}},{key:"putRef",value:function(e,t){var n=this.ref++,i=this.binding("disable-with");return e.forEach((function(e){e.classList.add("phx-".concat(t,"-loading")),e.setAttribute(D,n);var r=e.getAttribute(i);null!==r&&(e.getAttribute("data-phx-disable-with-restore")||e.setAttribute("data-phx-disable-with-restore",e.innerText),e.innerText=r)})),[n,e]}},{key:"componentID",value:function(e){var t=e.getAttribute&&e.getAttribute(R);return t?parseInt(t):null}},{key:"targetComponentID",value:function(e,t){return e.getAttribute(this.binding("target"))?this.closestComponentID(t):null}},{key:"closestComponentID",value:function(e){var t=this;return e?V(e.closest("[".concat(R,"]")),(function(e){return t.ownsElement(e)&&t.componentID(e)})):null}},{key:"pushHookEvent",value:function(e,t,n,i){if(!this.isConnected())return this.log("hook",(function(){return["unable to push hook event. LiveView not connected",t,n]})),!1;var r=k(this.putRef([],"hook"),2),o=r[0],a=r[1];return this.pushWithReply((function(){return[o,a]}),"event",{type:"hook",event:t,value:n,cid:this.closestComponentID(e)},(function(e,t){return i(t,o)})),o}},{key:"extractMeta",value:function(e,t){for(var n=this.binding("value-"),i=0;i<e.attributes.length;i++){var r=e.attributes[i].name;r.startsWith(n)&&(t[r.replace(n,"")]=e.getAttribute(r))}return void 0!==e.value&&(t.value=e.value,"INPUT"===e.tagName&&M.indexOf(e.type)>=0&&!e.checked&&delete t.value),t}},{key:"pushEvent",value:function(e,t,n,i,r){var o=this;this.pushWithReply((function(){return o.putRef([t],e)}),"event",{type:e,event:i,value:this.extractMeta(t,r),cid:this.targetComponentID(t,n)})}},{key:"pushKey",value:function(e,t,n,i,r){var o=this;this.pushWithReply((function(){return o.putRef([e],n)}),"event",{type:n,event:i,value:this.extractMeta(e,r),cid:this.targetComponentID(e,t)})}},{key:"pushFileProgress",value:function(e,t,n){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:function(){};this.liveSocket.withinOwners(e.form,(function(r,o){r.pushWithReply(null,"progress",{event:e.getAttribute(r.binding("progress")),ref:e.getAttribute(j),entry_ref:t,progress:n,cid:r.targetComponentID(e.form,o)},i)}))}},{key:"pushInput",value:function(e,t,n,i,r){var o=this,a=this.targetComponentID(e.form,t),s=function(){return o.putRef([e,e.form],"change")},u=ee(e.form,{_target:i.name});e.files&&e.files.length>0&&Y.trackFiles(e,Array.from(e.files));var c={type:"form",event:n,value:u,uploads:Y.serializeUploads(e),cid:a};this.pushWithReply(s,"event",c,(function(n){if(re.showError(e,o.liveSocket.binding("feedback-for")),re.isUploadInput(e)&&null!==e.getAttribute("data-phx-auto-upload")){if(Y.filesAwaitingPreflight(e).length>0){var i=k(s(),2),u=i[0];i[1],o.uploadFiles(e.form,t,u,a,(function(t){r&&r(n),o.triggerAwaitingSubmit(e.form)}))}}else r&&r(n)}))}},{key:"triggerAwaitingSubmit",value:function(e){var t=this.getScheduledSubmit(e);if(t){var n=k(t,3),i=(n[0],n[1],n[2]);this.cancelSubmit(e),i()}}},{key:"getScheduledSubmit",value:function(e){return this.formSubmits.find((function(t){var n=k(t,2),i=n[0];return n[1],i.isSameNode(e)}))}},{key:"scheduleSubmit",value:function(e,t,n){if(this.getScheduledSubmit(e))return!0;this.formSubmits.push([e,t,n])}},{key:"cancelSubmit",value:function(e){var t=this;this.formSubmits=this.formSubmits.filter((function(n){var i=k(n,3),r=i[0],o=i[1];return i[2],!r.isSameNode(e)||(t.undoRefs(o),!1)}))}},{key:"pushFormSubmit",value:function(e,t,n,i){var r=this,o=function(e){return!(z(e,"".concat(r.binding("update"),"=ignore"),e.form)||z(e,"data-phx-update=ignore",e.form))},a=function(e){return e.hasAttribute(r.binding("disable-with"))},s=function(e){return"BUTTON"==e.tagName},u=function(e){return["INPUT","TEXTAREA","SELECT"].includes(e.tagName)},c=function(){var t=Array.from(e.elements),n=t.filter(a),i=t.filter(s).filter(o),c=t.filter(u).filter(o);return i.forEach((function(e){e.setAttribute("data-phx-disabled",e.disabled),e.disabled=!0})),c.forEach((function(e){e.setAttribute("data-phx-readonly",e.readOnly),e.readOnly=!0,e.files&&(e.setAttribute("data-phx-disabled",e.disabled),e.disabled=!0)})),e.setAttribute(r.binding("page-loading"),""),r.putRef([e].concat(n).concat(i).concat(c),"submit")},l=this.targetComponentID(e,t);if(Y.hasUploadsInProgress(e)){var d=k(c(),2),h=d[0];return d[1],this.scheduleSubmit(e,h,(function(){return r.pushFormSubmit(e,t,n,i)}))}if(Y.inputsAwaitingPreflight(e).length>0){var f=k(c(),2),p=f[0],v=f[1],m=function(){return[p,v]};this.uploadFiles(e,t,p,l,(function(t){var o=ee(e,{});r.pushWithReply(m,"event",{type:"form",event:n,value:o,cid:l},i)}))}else{var g=ee(e);this.pushWithReply(c,"event",{type:"form",event:n,value:g,cid:l},i)}}},{key:"uploadFiles",value:function(e,t,n,i,r){var o=this,a=this.joinCount;Y.activeFileInputs(e).forEach((function(e){var i=new Y(e,o,r);o.uploaders[e]=i;var s=i.entries().map((function(e){return e.toPreflightPayload()})),u={ref:e.getAttribute(j),entries:s,cid:o.targetComponentID(e.form,t)};o.log("upload",(function(){return["sending preflight request",u]})),o.pushWithReply(null,"allow_upload",u,(function(e){if(o.log("upload",(function(){return["got preflight response",e]})),e.error){o.undoRefs(n);var t=k(e.error,2),r=t[0],s=t[1];o.log("upload",(function(){return["error for entry ".concat(r),s]}))}else i.initAdapterUpload(e,(function(e){o.channel.onError((function(){o.joinCount===a&&e()}))}),o.liveSocket)}))}))}},{key:"pushFormRecovery",value:function(e,t){var n=this;this.liveSocket.withinOwners(e,(function(i,r){var o=e.elements[0],a=e.getAttribute(n.binding("auto-recover"))||e.getAttribute(n.binding("change"));i.pushInput(o,r,a,o,t)}))}},{key:"pushLinkPatch",value:function(e,t,n){var i=this,r=this.liveSocket.setPendingLink(e),o=t?function(){return i.putRef([t],"click")}:null;this.pushWithReply(o,"link",{url:e},(function(t){t.link_redirect?i.liveSocket.replaceMain(e,null,n,r):(i.liveSocket.commitPendingLink(r)&&(i.href=e),i.applyPendingUpdates(),n&&n(r))})).receive("timeout",(function(){return i.liveSocket.redirect(window.location.href)}))}},{key:"formsForRecovery",value:function(e){var t=this;if(0===this.joinCount)return[];var n=this.binding("change"),i=document.createElement("template");return i.innerHTML=e,re.all(this.el,"form[".concat(n,"]")).filter((function(e){return t.ownsElement(e)})).filter((function(e){return e.elements.length>0})).filter((function(e){return"ignore"!==e.getAttribute(t.binding("auto-recover"))})).filter((function(e){return i.content.querySelector("form[".concat(n,'="').concat(e.getAttribute(n),'"]'))}))}},{key:"maybePushComponentsDestroyed",value:function(e){var t,n=this,i=e.filter((function(e){return 0===re.findComponentNodeList(n.el,e).length}));i.length>0&&((t=this.pruningCIDs).push.apply(t,v(i)),this.pushWithReply(null,"cids_will_destroy",{cids:i},(function(){n.pruningCIDs=n.pruningCIDs.filter((function(e){return-1!==i.indexOf(e)}));var e=i.filter((function(e){return 0===re.findComponentNodeList(n.el,e).length}));e.length>0&&n.pushWithReply(null,"cids_destroyed",{cids:e},(function(e){n.rendered.pruneCIDs(e.cids)}))})))}},{key:"ownsElement",value:function(e){return e.getAttribute("data-phx-parent-id")===this.id||V(e.closest(I),(function(e){return e.id}))===this.id}},{key:"submitForm",value:function(e,t,n){var i=this;re.putPrivate(e,"phx-has-submitted",!0),this.liveSocket.blurActiveElement(this),this.pushFormSubmit(e,t,n,(function(){i.liveSocket.restorePreviouslyActiveFocus()}))}},{key:"binding",value:function(e){return this.liveSocket.binding(e)}}]),e}(),ue=1,ce=function(){function e(t,n,i){for(var r in A(this,e),this.__view=t,this.__liveSocket=t.liveSocket,this.__callbacks=i,this.__listeners=new Set,this.__isDisconnected=!1,this.el=n,this.viewName=t.name(),this.el.phxHookId=this.constructor.makeID(),this.__callbacks)this[r]=this.__callbacks[r]}return C(e,null,[{key:"makeID",value:function(){return ue++}},{key:"elementID",value:function(e){return e.phxHookId}}]),C(e,[{key:"__mounted",value:function(){this.mounted&&this.mounted()}},{key:"__updated",value:function(){this.updated&&this.updated()}},{key:"__beforeUpdate",value:function(){this.beforeUpdate&&this.beforeUpdate()}},{key:"__destroyed",value:function(){this.destroyed&&this.destroyed()}},{key:"__reconnected",value:function(){this.__isDisconnected&&(this.__isDisconnected=!1,this.reconnected&&this.reconnected())}},{key:"__disconnected",value:function(){this.__isDisconnected=!0,this.disconnected&&this.disconnected()}},{key:"pushEvent",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:function(){};return this.__view.pushHookEvent(null,e,t,n)}},{key:"pushEventTo",value:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:function(){};return this.__view.withinTargets(e,(function(e,r){return e.pushHookEvent(r,t,n,i)}))}},{key:"handleEvent",value:function(e,t){var n=function(n,i){return i?e:t(n.detail)};return window.addEventListener("phx:hook:".concat(e),n),this.__listeners.add(n),n}},{key:"removeHandleEvent",value:function(e){var t=e(null,!0);window.removeEventListener("phx:hook:".concat(t),e),this.__listeners.delete(e)}},{key:"__cleanup__",value:function(){var e=this;this.__listeners.forEach((function(t){return e.removeHandleEvent(t)}))}}]),e}();t.default=ne},function(e,t){var n;n=function(){return this}();try{n=n||Function("return this")()||(0,eval)("this")}catch(e){"object"==typeof window&&(n=window)}e.exports=n},function(e,t,n){(function(t){t.Phoenix||(t.Phoenix={}),e.exports=t.Phoenix.LiveView=n(0)}).call(this,n(1))}])},function(e,t,n){e.exports=n(4)},function(e,t,n){"use strict";n.r(t);n(5),n(6);var i=n(1),r=n(0),o=n.n(r),a=n(2);n(7);let s=document.querySelector("html").getAttribute("phx-socket")||"/live",u=document.querySelector("meta[name='csrf-token']").getAttribute("content"),c={};const l={};c.JsonEditor={mounted(){const e=this.el.getAttribute("data-input-id"),t=this;this.editor=new JSONEditor(this.el,{onChangeText:t=>{const n=document.getElementById(e);try{JSON.parse(t),n.value=t,n.dispatchEvent(new Event("change",{bubbles:!0}))}catch(e){}},onChange:()=>{try{const n=document.getElementById(e);json=t.editor.get(),n.value=JSON.stringify(json),n.dispatchEvent(new Event("change",{bubbles:!0}))}catch(e){}},onModeChange:e=>{t.mode=e},modes:["text","tree"]},JSON.parse(document.getElementById(e).value)),l[this.el.id]=this.editor}},c.JsonEditorSource={updated(){try{let e=l[this.el.getAttribute("data-editor-id")];"tree"===e.getMode()?e.update(JSON.parse(this.el.value)):console.log(e.get())!==console.log(JSON.parse(this.el.value))&&e.setText(this.el.value)}catch(e){}}},c.JsonView={updated(){const e=JSON.parse(this.el.getAttribute("data-json"));this.editor=new JSONEditor(this.el,{mode:"preview"},e)},mounted(){const e=JSON.parse(this.el.getAttribute("data-json"));this.editor=new JSONEditor(this.el,{mode:"preview"},e)}},c.Actor={mounted(){this.handleEvent("set_actor",e=>{document.cookie="actor_resource="+e.resource+";path=/",document.cookie="actor_primary_key="+e.primary_key+";path=/",document.cookie="actor_action="+e.action+";path=/",document.cookie="actor_api="+e.api+";path=/"}),this.handleEvent("clear_actor",()=>{document.cookie="actor_resource=;path=/",document.cookie="actor_primary_key=;path=/",document.cookie="actor_action;path=/",document.cookie="actor_api=;path=/",document.cookie="actor_authorizing=false;path=/",document.cookie="actor_paused=true;path=/"}),this.handleEvent("toggle_authorizing",e=>{document.cookie="actor_authorizing="+e.authorizing+";path=/"}),this.handleEvent("toggle_actor_paused",e=>{document.cookie="actor_paused="+e.actor_paused+";path=/"})}},c.Tenant={mounted(){this.handleEvent("set_tenant",e=>{document.cookie="tenant="+e.tenant+";path=/"}),this.handleEvent("clear_tenant",()=>{document.cookie="tenant=;path=/"})}},c.FormChange={mounted(){this.handleEvent("form_change",()=>{this.el.dispatchEvent(new Event("change",{bubbles:!0}))})}},c.MaintainAttrs={attrs(){return this.el.getAttribute("data-attrs").split(", ")},beforeUpdate(){this.prevAttrs=this.attrs().map(e=>[e,this.el.getAttribute(e)])},updated(){this.prevAttrs.forEach(([e,t])=>this.el.setAttribute(e,t))}};let d=new a.LiveSocket(s,i.Socket,{hooks:c,dom:{onBeforeElUpdated(e,t){e.__x&&window.Alpine.clone(e.__x,t)}},params:{_csrf_token:u}});window.addEventListener("phx:page-loading-start",e=>o.a.start()),window.addEventListener("phx:page-loading-stop",e=>o.a.done()),d.connect(),window.liveSocket=d},function(e,t,n){},function(e,t,n){"use strict";!function(){var e=function(){if("function"==typeof window.CustomEvent)return window.CustomEvent;function e(e,t){t=t||{bubbles:!1,cancelable:!1,detail:void 0};var n=document.createEvent("CustomEvent");return n.initCustomEvent(e,t.bubbles,t.cancelable,t.detail),n}return e.prototype=window.Event.prototype,e}();function t(e,t){var n=document.createElement("input");return n.type="hidden",n.name=e,n.value=t,n}function n(e){var n=e.getAttribute("data-to"),i=t("_method",e.getAttribute("data-method")),r=t("_csrf_token",e.getAttribute("data-csrf")),o=document.createElement("form"),a=e.getAttribute("target");o.method="get"===e.getAttribute("data-method")?"get":"post",o.action=n,o.style.display="hidden",a&&(o.target=a),o.appendChild(r),o.appendChild(i),document.body.appendChild(o),o.submit()}window.addEventListener("click",(function(t){for(var i=t.target;i&&i.getAttribute;){var r=new e("phoenix.link.click",{bubbles:!0,cancelable:!0});if(!i.dispatchEvent(r))return t.preventDefault(),t.stopImmediatePropagation(),!1;if(i.getAttribute("data-method"))return n(i),t.preventDefault(),!1;i=i.parentNode}}),!1),window.addEventListener("phoenix.link.click",(function(e){var t=e.target.getAttribute("data-confirm");t&&!window.confirm(t)&&e.preventDefault()}),!1)}()},function(e,t,n){e.exports=function(){"use strict";function e(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function t(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function n(n){for(var i=1;i<arguments.length;i++){var r=null!=arguments[i]?arguments[i]:{};i%2?t(Object(r),!0).forEach((function(t){e(n,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(r)):t(Object(r)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(r,e))}))}return n}function i(e){return Array.from(new Set(e))}function r(){return navigator.userAgent.includes("Node.js")||navigator.userAgent.includes("jsdom")}function o(e,t){return e==t}function a(e,t){"template"!==e.tagName.toLowerCase()?console.warn(`Alpine: [${t}] directive should only be added to <template> tags. See https://github.com/alpinejs/alpine#${t}`):1!==e.content.childElementCount&&console.warn(`Alpine: <template> tag with [${t}] encountered with multiple element roots. Make sure <template> only has a single child element.`)}function s(e){return e.toLowerCase().replace(/-(\w)/g,(e,t)=>t.toUpperCase())}function u(e,t){var n;return function(){var i=this,r=arguments,o=function(){n=null,e.apply(i,r)};clearTimeout(n),n=setTimeout(o,t)}}function c(e,t,n={}){return"function"==typeof e?e.call(t):new Function(["$data",...Object.keys(n)],`var __alpine_result; with($data) { __alpine_result = ${e} }; return __alpine_result`)(t,...Object.values(n))}const l=/^x-(on|bind|data|text|html|model|if|for|show|cloak|transition|ref|spread)\b/;function d(e){const t=p(e.name);return l.test(t)}function h(e,t,n){let i=Array.from(e.attributes).filter(d).map(f),r=i.filter(e=>"spread"===e.type)[0];if(r){let e=c(r.expression,t.$data);i=i.concat(Object.entries(e).map(([e,t])=>f({name:e,value:t})))}return n?i.filter(e=>e.type===n):function(e){let t=["bind","model","show","catch-all"];return e.sort((e,n)=>{let i=-1===t.indexOf(e.type)?"catch-all":e.type,r=-1===t.indexOf(n.type)?"catch-all":n.type;return t.indexOf(i)-t.indexOf(r)})}(i)}function f({name:e,value:t}){const n=p(e),i=n.match(l),r=n.match(/:([a-zA-Z0-9\-:]+)/),o=n.match(/\.[^.\]]+(?=[^\]]*$)/g)||[];return{type:i?i[1]:null,value:r?r[1]:null,modifiers:o.map(e=>e.replace(".","")),expression:t}}function p(e){return e.startsWith("@")?e.replace("@","x-on:"):e.startsWith(":")?e.replace(":","x-bind:"):e}function v(e,t=Boolean){return e.split(" ").filter(t)}function m(e,t,n,i,r=!1){if(r)return t();if(e.__x_transition&&"in"===e.__x_transition.type)return;const o=h(e,i,"transition"),a=h(e,i,"show")[0];if(a&&a.modifiers.includes("transition")){let i=a.modifiers;if(i.includes("out")&&!i.includes("in"))return t();const r=i.includes("in")&&i.includes("out");i=r?i.filter((e,t)=>t<i.indexOf("out")):i,function(e,t,n,i){const r={duration:y(t,"duration",150),origin:y(t,"origin","center"),first:{opacity:0,scale:y(t,"scale",95)},second:{opacity:1,scale:100}};b(e,t,n,()=>{},i,r,"in")}(e,i,t,n)}else o.some(e=>["enter","enter-start","enter-end"].includes(e.value))?function(e,t,n,i,r){const o=v(k((n.find(e=>"enter"===e.value)||{expression:""}).expression,e,t)),a=v(k((n.find(e=>"enter-start"===e.value)||{expression:""}).expression,e,t)),s=v(k((n.find(e=>"enter-end"===e.value)||{expression:""}).expression,e,t));w(e,o,a,s,i,()=>{},"in",r)}(e,i,o,t,n):t()}function g(e,t,n,i,r=!1){if(r)return t();if(e.__x_transition&&"out"===e.__x_transition.type)return;const o=h(e,i,"transition"),a=h(e,i,"show")[0];if(a&&a.modifiers.includes("transition")){let i=a.modifiers;if(i.includes("in")&&!i.includes("out"))return t();const r=i.includes("in")&&i.includes("out");i=r?i.filter((e,t)=>t>i.indexOf("out")):i,function(e,t,n,i,r){const o={duration:n?y(t,"duration",150):y(t,"duration",150)/2,origin:y(t,"origin","center"),first:{opacity:1,scale:100},second:{opacity:0,scale:y(t,"scale",95)}};b(e,t,()=>{},i,r,o,"out")}(e,i,r,t,n)}else o.some(e=>["leave","leave-start","leave-end"].includes(e.value))?function(e,t,n,i,r){const o=v(k((n.find(e=>"leave"===e.value)||{expression:""}).expression,e,t)),a=v(k((n.find(e=>"leave-start"===e.value)||{expression:""}).expression,e,t)),s=v(k((n.find(e=>"leave-end"===e.value)||{expression:""}).expression,e,t));w(e,o,a,s,()=>{},i,"out",r)}(e,i,o,t,n):t()}function y(e,t,n){if(-1===e.indexOf(t))return n;const i=e[e.indexOf(t)+1];if(!i)return n;if("scale"===t&&!E(i))return n;if("duration"===t){let e=i.match(/([0-9]+)ms/);if(e)return e[1]}return"origin"===t&&["top","right","left","center","bottom"].includes(e[e.indexOf(t)+2])?[i,e[e.indexOf(t)+2]].join(" "):i}function b(e,t,n,i,r,o,a){e.__x_transition&&e.__x_transition.cancel&&e.__x_transition.cancel();const s=e.style.opacity,u=e.style.transform,c=e.style.transformOrigin,l=!t.includes("opacity")&&!t.includes("scale"),d=l||t.includes("opacity"),h=l||t.includes("scale"),f={start(){d&&(e.style.opacity=o.first.opacity),h&&(e.style.transform=`scale(${o.first.scale/100})`)},during(){h&&(e.style.transformOrigin=o.origin),e.style.transitionProperty=[d?"opacity":"",h?"transform":""].join(" ").trim(),e.style.transitionDuration=o.duration/1e3+"s",e.style.transitionTimingFunction="cubic-bezier(0.4, 0.0, 0.2, 1)"},show(){n()},end(){d&&(e.style.opacity=o.second.opacity),h&&(e.style.transform=`scale(${o.second.scale/100})`)},hide(){i()},cleanup(){d&&(e.style.opacity=s),h&&(e.style.transform=u),h&&(e.style.transformOrigin=c),e.style.transitionProperty=null,e.style.transitionDuration=null,e.style.transitionTimingFunction=null}};x(e,f,a,r)}const k=(e,t,n)=>"function"==typeof e?n.evaluateReturnExpression(t,e):e;function w(e,t,n,i,r,o,a,s){e.__x_transition&&e.__x_transition.cancel&&e.__x_transition.cancel();const u=e.__x_original_classes||[],c={start(){e.classList.add(...n)},during(){e.classList.add(...t)},show(){r()},end(){e.classList.remove(...n.filter(e=>!u.includes(e))),e.classList.add(...i)},hide(){o()},cleanup(){e.classList.remove(...t.filter(e=>!u.includes(e))),e.classList.remove(...i.filter(e=>!u.includes(e)))}};x(e,c,a,s)}function x(e,t,n,i){const r=S(()=>{t.hide(),e.isConnected&&t.cleanup(),delete e.__x_transition});e.__x_transition={type:n,cancel:S(()=>{i("cancelled"),r()}),finish:r,nextFrame:null},t.start(),t.during(),e.__x_transition.nextFrame=requestAnimationFrame(()=>{let n=1e3*Number(getComputedStyle(e).transitionDuration.replace(/,.*/,"").replace("s",""));0===n&&(n=1e3*Number(getComputedStyle(e).animationDuration.replace("s",""))),t.show(),e.__x_transition.nextFrame=requestAnimationFrame(()=>{t.end(),setTimeout(e.__x_transition.finish,n)})})}function E(e){return!Array.isArray(e)&&!isNaN(e)}function S(e){let t=!1;return function(){t||(t=!0,e.apply(this,arguments))}}function A(e,t,i,r,o){a(t,"x-for");let s=_("function"==typeof i?e.evaluateReturnExpression(t,i):i),u=function(e,t,n,i){let r=h(t,e,"if")[0];if(r&&!e.evaluateReturnExpression(t,r.expression))return[];let o=e.evaluateReturnExpression(t,n.items,i);return E(o)&&o>0&&(o=Array.from(Array(o).keys(),e=>e+1)),o}(e,t,s,o),c=t;u.forEach((i,a)=>{let l=function(e,t,i,r,o){let a=o?n({},o):{};return a[e.item]=t,e.index&&(a[e.index]=i),e.collection&&(a[e.collection]=r),a}(s,i,a,u,o()),d=function(e,t,n,i){let r=h(t,e,"bind").filter(e=>"key"===e.value)[0];return r?e.evaluateReturnExpression(t,r.expression,()=>i):n}(e,t,a,l),f=function(e,t){if(!e)return;if(e.__x_for_key===t)return e;let n=e;for(;n;){if(n.__x_for_key===t)return n.parentElement.insertBefore(n,e);n=!(!n.nextElementSibling||void 0===n.nextElementSibling.__x_for_key)&&n.nextElementSibling}}(c.nextElementSibling,d);f?(delete f.__x_for_key,f.__x_for=l,e.updateElements(f,()=>f.__x_for)):(f=function(e,t){let n=document.importNode(e.content,!0);return t.parentElement.insertBefore(n,t.nextElementSibling),t.nextElementSibling}(t,c),m(f,()=>{},()=>{},e,r),f.__x_for=l,e.initializeElements(f,()=>f.__x_for)),c=f,c.__x_for_key=d}),function(e,t){for(var n=!(!e.nextElementSibling||void 0===e.nextElementSibling.__x_for_key)&&e.nextElementSibling;n;){let e=n,i=n.nextElementSibling;g(n,()=>{e.remove()},()=>{},t),n=!(!i||void 0===i.__x_for_key)&&i}}(c,e)}function _(e){let t=/,([^,\}\]]*)(?:,([^,\}\]]*))?$/,n=e.match(/([\s\S]*?)\s+(?:in|of)\s+([\s\S]*)/);if(!n)return;let i={};i.items=n[2].trim();let r=n[1].trim().replace(/^\(|\)$/g,""),o=r.match(t);return o?(i.item=r.replace(t,"").trim(),i.index=o[1].trim(),o[2]&&(i.collection=o[2].trim())):i.item=r,i}function C(e,t,n,r,a,u,c){var l=e.evaluateReturnExpression(t,r,a);if("value"===n){if(fe.ignoreFocusedForValueBinding&&document.activeElement.isSameNode(t))return;if(void 0===l&&r.match(/\./)&&(l=""),"radio"===t.type)void 0===t.attributes.value&&"bind"===u?t.value=l:"bind"!==u&&(t.checked=o(t.value,l));else if("checkbox"===t.type)"boolean"==typeof l||[null,void 0].includes(l)||"bind"!==u?"bind"!==u&&(Array.isArray(l)?t.checked=l.some(e=>o(e,t.value)):t.checked=!!l):t.value=String(l);else if("SELECT"===t.tagName)!function(e,t){const n=[].concat(t).map(e=>e+"");Array.from(e.options).forEach(e=>{e.selected=n.includes(e.value||e.text)})}(t,l);else{if(t.value===l)return;t.value=l}}else if("class"===n)if(Array.isArray(l)){const e=t.__x_original_classes||[];t.setAttribute("class",i(e.concat(l)).join(" "))}else if("object"==typeof l)Object.keys(l).sort((e,t)=>l[e]-l[t]).forEach(e=>{l[e]?v(e).forEach(e=>t.classList.add(e)):v(e).forEach(e=>t.classList.remove(e))});else{const e=t.__x_original_classes||[],n=v(l);t.setAttribute("class",i(e.concat(n)).join(" "))}else n=c.includes("camel")?s(n):n,[null,void 0,!1].includes(l)?t.removeAttribute(n):function(e){return["disabled","checked","required","readonly","hidden","open","selected","autofocus","itemscope","multiple","novalidate","allowfullscreen","allowpaymentrequest","formnovalidate","autoplay","controls","loop","muted","playsinline","default","ismap","reversed","async","defer","nomodule"].includes(e)}(n)?P(t,n,n):P(t,n,l)}function P(e,t,n){e.getAttribute(t)!=n&&e.setAttribute(t,n)}function T(e,t,n,i,r,o={}){const a={passive:i.includes("passive")};if(i.includes("camel")&&(n=s(n)),i.includes("away")){let s=u=>{t.contains(u.target)||t.offsetWidth<1&&t.offsetHeight<1||(L(e,r,u,o),i.includes("once")&&document.removeEventListener(n,s,a))};document.addEventListener(n,s,a)}else{let s=i.includes("window")?window:i.includes("document")?document:t,c=u=>{s!==window&&s!==document||document.body.contains(t)?function(e){return["keydown","keyup"].includes(e)}(n)&&function(e,t){let n=t.filter(e=>!["window","document","prevent","stop"].includes(e));if(n.includes("debounce")){let e=n.indexOf("debounce");n.splice(e,E((n[e+1]||"invalid-wait").split("ms")[0])?2:1)}if(0===n.length)return!1;if(1===n.length&&n[0]===O(e.key))return!1;const i=["ctrl","shift","alt","meta","cmd","super"].filter(e=>n.includes(e));return n=n.filter(e=>!i.includes(e)),!(i.length>0&&i.filter(t=>("cmd"!==t&&"super"!==t||(t="meta"),e[t+"Key"])).length===i.length&&n[0]===O(e.key))}(u,i)||(i.includes("prevent")&&u.preventDefault(),i.includes("stop")&&u.stopPropagation(),i.includes("self")&&u.target!==t)||L(e,r,u,o).then(e=>{!1===e?u.preventDefault():i.includes("once")&&s.removeEventListener(n,c,a)}):s.removeEventListener(n,c,a)};if(i.includes("debounce")){let e=i[i.indexOf("debounce")+1]||"invalid-wait",t=E(e.split("ms")[0])?Number(e.split("ms")[0]):250;c=u(c,t)}s.addEventListener(n,c,a)}}function L(e,t,i,r){return e.evaluateCommandExpression(i.target,t,()=>n(n({},r()),{},{$event:i}))}function O(e){switch(e){case"/":return"slash";case" ":case"Spacebar":return"space";default:return e&&e.replace(/([a-z])([A-Z])/g,"$1-$2").replace(/[_\s]/,"-").toLowerCase()}}function R(e,t,n){return"radio"===e.type&&(e.hasAttribute("name")||e.setAttribute("name",n)),(n,i)=>{if(n instanceof CustomEvent&&n.detail)return n.detail;if("checkbox"===e.type){if(Array.isArray(i)){const e=t.includes("number")?D(n.target.value):n.target.value;return n.target.checked?i.concat([e]):i.filter(t=>!o(t,e))}return n.target.checked}if("select"===e.tagName.toLowerCase()&&e.multiple)return t.includes("number")?Array.from(n.target.selectedOptions).map(e=>D(e.value||e.text)):Array.from(n.target.selectedOptions).map(e=>e.value||e.text);{const e=n.target.value;return t.includes("number")?D(e):t.includes("trim")?e.trim():e}}}function D(e){const t=e?parseFloat(e):null;return E(t)?t:e}const{isArray:j}=Array,{getPrototypeOf:I,create:N,defineProperty:M,defineProperties:U,isExtensible:H,getOwnPropertyDescriptor:F,getOwnPropertyNames:B,getOwnPropertySymbols:J,preventExtensions:$,hasOwnProperty:z}=Object,{push:q,concat:W,map:V}=Array.prototype;function K(e){return void 0===e}function G(e){return"function"==typeof e}const X=new WeakMap;function Y(e,t){X.set(e,t)}const Z=e=>X.get(e)||e;function Q(e,t){return e.valueIsObservable(t)?e.getProxy(t):t}function ee(e,t,n){W.call(B(n),J(n)).forEach(i=>{let r=F(n,i);r.configurable||(r=le(e,r,Q)),M(t,i,r)}),$(t)}class te{constructor(e,t){this.originalTarget=t,this.membrane=e}get(e,t){const{originalTarget:n,membrane:i}=this,r=n[t],{valueObserved:o}=i;return o(n,t),i.getProxy(r)}set(e,t,n){const{originalTarget:i,membrane:{valueMutated:r}}=this;return i[t]!==n?(i[t]=n,r(i,t)):"length"===t&&j(i)&&r(i,t),!0}deleteProperty(e,t){const{originalTarget:n,membrane:{valueMutated:i}}=this;return delete n[t],i(n,t),!0}apply(e,t,n){}construct(e,t,n){}has(e,t){const{originalTarget:n,membrane:{valueObserved:i}}=this;return i(n,t),t in n}ownKeys(e){const{originalTarget:t}=this;return W.call(B(t),J(t))}isExtensible(e){const t=H(e);if(!t)return t;const{originalTarget:n,membrane:i}=this,r=H(n);return r||ee(i,e,n),r}setPrototypeOf(e,t){}getPrototypeOf(e){const{originalTarget:t}=this;return I(t)}getOwnPropertyDescriptor(e,t){const{originalTarget:n,membrane:i}=this,{valueObserved:r}=this.membrane;r(n,t);let o=F(n,t);if(K(o))return o;const a=F(e,t);return K(a)?(o=le(i,o,Q),o.configurable||M(e,t,o),o):a}preventExtensions(e){const{originalTarget:t,membrane:n}=this;return ee(n,e,t),$(t),!0}defineProperty(e,t,n){const{originalTarget:i,membrane:r}=this,{valueMutated:o}=r,{configurable:a}=n;if(z.call(n,"writable")&&!z.call(n,"value")){const e=F(i,t);n.value=e.value}return M(i,t,function(e){return z.call(e,"value")&&(e.value=Z(e.value)),e}(n)),!1===a&&M(e,t,le(r,n,Q)),o(i,t),!0}}function ne(e,t){return e.valueIsObservable(t)?e.getReadOnlyProxy(t):t}class ie{constructor(e,t){this.originalTarget=t,this.membrane=e}get(e,t){const{membrane:n,originalTarget:i}=this,r=i[t],{valueObserved:o}=n;return o(i,t),n.getReadOnlyProxy(r)}set(e,t,n){return!1}deleteProperty(e,t){return!1}apply(e,t,n){}construct(e,t,n){}has(e,t){const{originalTarget:n,membrane:{valueObserved:i}}=this;return i(n,t),t in n}ownKeys(e){const{originalTarget:t}=this;return W.call(B(t),J(t))}setPrototypeOf(e,t){}getOwnPropertyDescriptor(e,t){const{originalTarget:n,membrane:i}=this,{valueObserved:r}=i;r(n,t);let o=F(n,t);if(K(o))return o;const a=F(e,t);return K(a)?(o=le(i,o,ne),z.call(o,"set")&&(o.set=void 0),o.configurable||M(e,t,o),o):a}preventExtensions(e){return!1}defineProperty(e,t,n){return!1}}function re(e){let t=void 0;return j(e)?t=[]:"object"==typeof e&&(t={}),t}const oe=Object.prototype;function ae(e){if(null===e)return!1;if("object"!=typeof e)return!1;if(j(e))return!0;const t=I(e);return t===oe||null===t||null===I(t)}const se=(e,t)=>{},ue=(e,t)=>{},ce=e=>e;function le(e,t,n){const{set:i,get:r}=t;return z.call(t,"value")?t.value=n(e,t.value):(K(r)||(t.get=function(){return n(e,r.call(Z(this)))}),K(i)||(t.set=function(t){i.call(Z(this),e.unwrapProxy(t))})),t}class de{constructor(e){if(this.valueDistortion=ce,this.valueMutated=ue,this.valueObserved=se,this.valueIsObservable=ae,this.objectGraph=new WeakMap,!K(e)){const{valueDistortion:t,valueMutated:n,valueObserved:i,valueIsObservable:r}=e;this.valueDistortion=G(t)?t:ce,this.valueMutated=G(n)?n:ue,this.valueObserved=G(i)?i:se,this.valueIsObservable=G(r)?r:ae}}getProxy(e){const t=Z(e),n=this.valueDistortion(t);if(this.valueIsObservable(n)){const i=this.getReactiveState(t,n);return i.readOnly===e?e:i.reactive}return n}getReadOnlyProxy(e){e=Z(e);const t=this.valueDistortion(e);return this.valueIsObservable(t)?this.getReactiveState(e,t).readOnly:t}unwrapProxy(e){return Z(e)}getReactiveState(e,t){const{objectGraph:n}=this;let i=n.get(t);if(i)return i;const r=this;return i={get reactive(){const n=new te(r,t),i=new Proxy(re(t),n);return Y(i,e),M(this,"reactive",{value:i}),i},get readOnly(){const n=new ie(r,t),i=new Proxy(re(t),n);return Y(i,e),M(this,"readOnly",{value:i}),i}},n.set(t,i),i}}class he{constructor(e,t=null){this.$el=e;const n=this.$el.getAttribute("x-data"),i=""===n?"{}":n,r=this.$el.getAttribute("x-init");let o={$el:this.$el},a=t?t.$el:this.$el;Object.entries(fe.magicProperties).forEach(([e,t])=>{Object.defineProperty(o,"$"+e,{get:function(){return t(a)}})}),this.unobservedData=t?t.getUnobservedData():c(i,o);let{membrane:s,data:u}=this.wrapDataInObservable(this.unobservedData);var l;this.$data=u,this.membrane=s,this.unobservedData.$el=this.$el,this.unobservedData.$refs=this.getRefsProxy(),this.nextTickStack=[],this.unobservedData.$nextTick=e=>{this.nextTickStack.push(e)},this.watchers={},this.unobservedData.$watch=(e,t)=>{this.watchers[e]||(this.watchers[e]=[]),this.watchers[e].push(t)},Object.entries(fe.magicProperties).forEach(([e,t])=>{Object.defineProperty(this.unobservedData,"$"+e,{get:function(){return t(a)}})}),this.showDirectiveStack=[],this.showDirectiveLastElement,t||fe.onBeforeComponentInitializeds.forEach(e=>e(this)),r&&!t&&(this.pauseReactivity=!0,l=this.evaluateReturnExpression(this.$el,r),this.pauseReactivity=!1),this.initializeElements(this.$el),this.listenForNewElementsToInitialize(),"function"==typeof l&&l.call(this.$data),t||setTimeout(()=>{fe.onComponentInitializeds.forEach(e=>e(this))},0)}getUnobservedData(){return function(e,t){let n=e.unwrapProxy(t),i={};return Object.keys(n).forEach(e=>{["$el","$refs","$nextTick","$watch"].includes(e)||(i[e]=n[e])}),i}(this.membrane,this.$data)}wrapDataInObservable(e){var t=this;let n=u((function(){t.updateElements(t.$el)}),0);return function(e,t){let n=new de({valueMutated(e,n){t(e,n)}});return{data:n.getProxy(e),membrane:n}}(e,(e,i)=>{t.watchers[i]?t.watchers[i].forEach(t=>t(e[i])):Array.isArray(e)?Object.keys(t.watchers).forEach(n=>{let r=n.split(".");"length"!==i&&r.reduce((i,r)=>(Object.is(e,i[r])&&t.watchers[n].forEach(t=>t(e)),i[r]),t.unobservedData)}):Object.keys(t.watchers).filter(e=>e.includes(".")).forEach(n=>{let r=n.split(".");i===r[r.length-1]&&r.reduce((r,o)=>(Object.is(e,r)&&t.watchers[n].forEach(t=>t(e[i])),r[o]),t.unobservedData)}),t.pauseReactivity||n()})}walkAndSkipNestedComponents(e,t,n=(()=>{})){!function e(t,n){if(!1===n(t))return;let i=t.firstElementChild;for(;i;)e(i,n),i=i.nextElementSibling}(e,e=>e.hasAttribute("x-data")&&!e.isSameNode(this.$el)?(e.__x||n(e),!1):t(e))}initializeElements(e,t=(()=>{})){this.walkAndSkipNestedComponents(e,e=>void 0===e.__x_for_key&&void 0===e.__x_inserted_me&&void this.initializeElement(e,t),e=>{e.__x=new he(e)}),this.executeAndClearRemainingShowDirectiveStack(),this.executeAndClearNextTickStack(e)}initializeElement(e,t){e.hasAttribute("class")&&h(e,this).length>0&&(e.__x_original_classes=v(e.getAttribute("class"))),this.registerListeners(e,t),this.resolveBoundAttributes(e,!0,t)}updateElements(e,t=(()=>{})){this.walkAndSkipNestedComponents(e,e=>{if(void 0!==e.__x_for_key&&!e.isSameNode(this.$el))return!1;this.updateElement(e,t)},e=>{e.__x=new he(e)}),this.executeAndClearRemainingShowDirectiveStack(),this.executeAndClearNextTickStack(e)}executeAndClearNextTickStack(e){e===this.$el&&this.nextTickStack.length>0&&requestAnimationFrame(()=>{for(;this.nextTickStack.length>0;)this.nextTickStack.shift()()})}executeAndClearRemainingShowDirectiveStack(){this.showDirectiveStack.reverse().map(e=>new Promise((t,n)=>{e(t,n)})).reduce((e,t)=>e.then(()=>t.then(e=>{e()})),Promise.resolve(()=>{})).catch(e=>{if("cancelled"!==e)throw e}),this.showDirectiveStack=[],this.showDirectiveLastElement=void 0}updateElement(e,t){this.resolveBoundAttributes(e,!1,t)}registerListeners(e,t){h(e,this).forEach(({type:i,value:r,modifiers:o,expression:a})=>{switch(i){case"on":T(this,e,r,o,a,t);break;case"model":!function(e,t,i,r,o){var a="select"===t.tagName.toLowerCase()||["checkbox","radio"].includes(t.type)||i.includes("lazy")?"change":"input";T(e,t,a,i,`${r} = rightSideOfExpression($event, ${r})`,()=>n(n({},o()),{},{rightSideOfExpression:R(t,i,r)}))}(this,e,o,a,t)}})}resolveBoundAttributes(e,t=!1,n){let i=h(e,this);i.forEach(({type:r,value:o,modifiers:s,expression:u})=>{switch(r){case"model":C(this,e,"value",u,n,r,s);break;case"bind":if("template"===e.tagName.toLowerCase()&&"key"===o)return;C(this,e,o,u,n,r,s);break;case"text":var c=this.evaluateReturnExpression(e,u,n);!function(e,t,n){void 0===t&&n.match(/\./)&&(t=""),e.textContent=t}(e,c,u);break;case"html":!function(e,t,n,i){t.innerHTML=e.evaluateReturnExpression(t,n,i)}(this,e,u,n);break;case"show":c=this.evaluateReturnExpression(e,u,n),function(e,t,n,i,r=!1){const o=()=>{t.style.display="none",t.__x_is_shown=!1},a=()=>{1===t.style.length&&"none"===t.style.display?t.removeAttribute("style"):t.style.removeProperty("display"),t.__x_is_shown=!0};if(!0===r)return void(n?a():o());const s=(i,r)=>{n?(("none"===t.style.display||t.__x_transition)&&m(t,()=>{a()},r,e),i(()=>{})):"none"!==t.style.display?g(t,()=>{i(()=>{o()})},r,e):i(()=>{})};i.includes("immediate")?s(e=>e(),()=>{}):(e.showDirectiveLastElement&&!e.showDirectiveLastElement.contains(t)&&e.executeAndClearRemainingShowDirectiveStack(),e.showDirectiveStack.push(s),e.showDirectiveLastElement=t)}(this,e,c,s,t);break;case"if":if(i.some(e=>"for"===e.type))return;c=this.evaluateReturnExpression(e,u,n),function(e,t,n,i,r){a(t,"x-if");const o=t.nextElementSibling&&!0===t.nextElementSibling.__x_inserted_me;if(!n||o&&!t.__x_transition)!n&&o&&g(t.nextElementSibling,()=>{t.nextElementSibling.remove()},()=>{},e,i);else{const n=document.importNode(t.content,!0);t.parentElement.insertBefore(n,t.nextElementSibling),m(t.nextElementSibling,()=>{},()=>{},e,i),e.initializeElements(t.nextElementSibling,r),t.nextElementSibling.__x_inserted_me=!0}}(this,e,c,t,n);break;case"for":A(this,e,u,t,n);break;case"cloak":e.removeAttribute("x-cloak")}})}evaluateReturnExpression(e,t,i=(()=>{})){return c(t,this.$data,n(n({},i()),{},{$dispatch:this.getDispatchFunction(e)}))}evaluateCommandExpression(e,t,i=(()=>{})){return function(e,t,n={}){if("function"==typeof e)return Promise.resolve(e.call(t,n.$event));let i=Function;if(i=Object.getPrototypeOf((async function(){})).constructor,Object.keys(t).includes(e)){let i=new Function(["dataContext",...Object.keys(n)],`with(dataContext) { return ${e} }`)(t,...Object.values(n));return"function"==typeof i?Promise.resolve(i.call(t,n.$event)):Promise.resolve()}return Promise.resolve(new i(["dataContext",...Object.keys(n)],`with(dataContext) { ${e} }`)(t,...Object.values(n)))}(t,this.$data,n(n({},i()),{},{$dispatch:this.getDispatchFunction(e)}))}getDispatchFunction(e){return(t,n={})=>{e.dispatchEvent(new CustomEvent(t,{detail:n,bubbles:!0}))}}listenForNewElementsToInitialize(){const e=this.$el;new MutationObserver(e=>{for(let t=0;t<e.length;t++){const n=e[t].target.closest("[x-data]");if(n&&n.isSameNode(this.$el)){if("attributes"===e[t].type&&"x-data"===e[t].attributeName){const n=c(e[t].target.getAttribute("x-data")||"{}",{$el:this.$el});Object.keys(n).forEach(e=>{this.$data[e]!==n[e]&&(this.$data[e]=n[e])})}e[t].addedNodes.length>0&&e[t].addedNodes.forEach(e=>{1!==e.nodeType||e.__x_inserted_me||(!e.matches("[x-data]")||e.__x?this.initializeElements(e):e.__x=new he(e))})}}}).observe(e,{childList:!0,attributes:!0,subtree:!0})}getRefsProxy(){var e=this;return new Proxy({},{get(t,n){return"$isAlpineProxy"===n||(e.walkAndSkipNestedComponents(e.$el,e=>{e.hasAttribute("x-ref")&&e.getAttribute("x-ref")===n&&(i=e)}),i);var i}})}}const fe={version:"2.7.3",pauseMutationObserver:!1,magicProperties:{},onComponentInitializeds:[],onBeforeComponentInitializeds:[],ignoreFocusedForValueBinding:!1,start:async function(){r()||await new Promise(e=>{"loading"==document.readyState?document.addEventListener("DOMContentLoaded",e):e()}),this.discoverComponents(e=>{this.initializeComponent(e)}),document.addEventListener("turbolinks:load",()=>{this.discoverUninitializedComponents(e=>{this.initializeComponent(e)})}),this.listenForNewUninitializedComponentsAtRunTime()},discoverComponents:function(e){document.querySelectorAll("[x-data]").forEach(t=>{e(t)})},discoverUninitializedComponents:function(e,t=null){const n=(t||document).querySelectorAll("[x-data]");Array.from(n).filter(e=>void 0===e.__x).forEach(t=>{e(t)})},listenForNewUninitializedComponentsAtRunTime:function(){const e=document.querySelector("body");new MutationObserver(e=>{if(!this.pauseMutationObserver)for(let t=0;t<e.length;t++)e[t].addedNodes.length>0&&e[t].addedNodes.forEach(e=>{1===e.nodeType&&(e.parentElement&&e.parentElement.closest("[x-data]")||this.discoverUninitializedComponents(e=>{this.initializeComponent(e)},e.parentElement))})}).observe(e,{childList:!0,attributes:!0,subtree:!0})},initializeComponent:function(e){if(!e.__x)try{e.__x=new he(e)}catch(e){setTimeout(()=>{throw e},0)}},clone:function(e,t){t.__x||(t.__x=new he(t,e))},addMagicProperty:function(e,t){this.magicProperties[e]=t},onComponentInitialized:function(e){this.onComponentInitializeds.push(e)},onBeforeComponentInitialized:function(e){this.onBeforeComponentInitializeds.push(e)}};return r()||(window.Alpine=fe,window.deferLoadingAlpine?window.deferLoadingAlpine((function(){window.Alpine.start()})):window.Alpine.start()),fe}()}]);
\ No newline at end of file
+!function(e){var t={};function i(n){if(t[n])return t[n].exports;var r=t[n]={i:n,l:!1,exports:{}};return e[n].call(r.exports,r,r.exports,i),r.l=!0,r.exports}i.m=e,i.c=t,i.d=function(e,t,n){i.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(i.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)i.d(n,r,function(t){return e[t]}.bind(null,r));return n},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="/js/",i(i.s=2)}([function(e,t,i){var n,r;void 0===(r="function"==typeof(n=function(){var e,t,i={version:"0.2.0"},n=i.settings={minimum:.08,easing:"ease",positionUsing:"",speed:200,trickle:!0,trickleRate:.02,trickleSpeed:800,showSpinner:!0,barSelector:'[role="bar"]',spinnerSelector:'[role="spinner"]',parent:"body",template:'<div class="bar" role="bar"><div class="peg"></div></div><div class="spinner" role="spinner"><div class="spinner-icon"></div></div>'};function r(e,t,i){return e<t?t:e>i?i:e}function o(e){return 100*(-1+e)}i.configure=function(e){var t,i;for(t in e)void 0!==(i=e[t])&&e.hasOwnProperty(t)&&(n[t]=i);return this},i.status=null,i.set=function(e){var t=i.isStarted();e=r(e,n.minimum,1),i.status=1===e?null:e;var l=i.render(!t),c=l.querySelector(n.barSelector),u=n.speed,h=n.easing;return l.offsetWidth,s((function(t){""===n.positionUsing&&(n.positionUsing=i.getPositioningCSS()),a(c,function(e,t,i){var r;return(r="translate3d"===n.positionUsing?{transform:"translate3d("+o(e)+"%,0,0)"}:"translate"===n.positionUsing?{transform:"translate("+o(e)+"%,0)"}:{"margin-left":o(e)+"%"}).transition="all "+t+"ms "+i,r}(e,u,h)),1===e?(a(l,{transition:"none",opacity:1}),l.offsetWidth,setTimeout((function(){a(l,{transition:"all "+u+"ms linear",opacity:0}),setTimeout((function(){i.remove(),t()}),u)}),u)):setTimeout(t,u)})),this},i.isStarted=function(){return"number"==typeof i.status},i.start=function(){i.status||i.set(0);var e=function(){setTimeout((function(){i.status&&(i.trickle(),e())}),n.trickleSpeed)};return n.trickle&&e(),this},i.done=function(e){return e||i.status?i.inc(.3+.5*Math.random()).set(1):this},i.inc=function(e){var t=i.status;return t?("number"!=typeof e&&(e=(1-t)*r(Math.random()*t,.1,.95)),t=r(t+e,0,.994),i.set(t)):i.start()},i.trickle=function(){return i.inc(Math.random()*n.trickleRate)},e=0,t=0,i.promise=function(n){return n&&"resolved"!==n.state()?(0===t&&i.start(),e++,t++,n.always((function(){0==--t?(e=0,i.done()):i.set((e-t)/e)})),this):this},i.render=function(e){if(i.isRendered())return document.getElementById("nprogress");c(document.documentElement,"nprogress-busy");var t=document.createElement("div");t.id="nprogress",t.innerHTML=n.template;var r,s=t.querySelector(n.barSelector),l=e?"-100":o(i.status||0),u=document.querySelector(n.parent);return a(s,{transition:"all 0 linear",transform:"translate3d("+l+"%,0,0)"}),n.showSpinner||(r=t.querySelector(n.spinnerSelector))&&d(r),u!=document.body&&c(u,"nprogress-custom-parent"),u.appendChild(t),t},i.remove=function(){u(document.documentElement,"nprogress-busy"),u(document.querySelector(n.parent),"nprogress-custom-parent");var e=document.getElementById("nprogress");e&&d(e)},i.isRendered=function(){return!!document.getElementById("nprogress")},i.getPositioningCSS=function(){var e=document.body.style,t="WebkitTransform"in e?"Webkit":"MozTransform"in e?"Moz":"msTransform"in e?"ms":"OTransform"in e?"O":"";return t+"Perspective"in e?"translate3d":t+"Transform"in e?"translate":"margin"};var s=function(){var e=[];function t(){var i=e.shift();i&&i(t)}return function(i){e.push(i),1==e.length&&t()}}(),a=function(){var e=["Webkit","O","Moz","ms"],t={};function i(i){return i=i.replace(/^-ms-/,"ms-").replace(/-([\da-z])/gi,(function(e,t){return t.toUpperCase()})),t[i]||(t[i]=function(t){var i=document.body.style;if(t in i)return t;for(var n,r=e.length,o=t.charAt(0).toUpperCase()+t.slice(1);r--;)if((n=e[r]+o)in i)return n;return t}(i))}function n(e,t,n){t=i(t),e.style[t]=n}return function(e,t){var i,r,o=arguments;if(2==o.length)for(i in t)void 0!==(r=t[i])&&t.hasOwnProperty(i)&&n(e,i,r);else n(e,o[1],o[2])}}();function l(e,t){return("string"==typeof e?e:h(e)).indexOf(" "+t+" ")>=0}function c(e,t){var i=h(e),n=i+t;l(i,t)||(e.className=n.substring(1))}function u(e,t){var i,n=h(e);l(e,t)&&(i=n.replace(" "+t+" "," "),e.className=i.substring(1,i.length-1))}function h(e){return(" "+(e.className||"")+" ").replace(/\s+/gi," ")}function d(e){e&&e.parentNode&&e.parentNode.removeChild(e)}return i})?n.call(t,i,t,e):n)||(e.exports=r)},function(e,t,i){e.exports=function(e){var t={};function i(n){if(t[n])return t[n].exports;var r=t[n]={i:n,l:!1,exports:{}};return e[n].call(r.exports,r,r.exports,i),r.l=!0,r.exports}return i.m=e,i.c=t,i.d=function(e,t,n){i.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(i.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)i.d(n,r,function(t){return e[t]}.bind(null,r));return n},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="",i(i.s=0)}([function(e,t,i){(function(t){e.exports=t.Phoenix=i(2)}).call(this,i(1))},function(e,t){var i;i=function(){return this}();try{i=i||new Function("return this")()}catch(e){"object"==typeof window&&(i=window)}e.exports=i},function(e,t,i){"use strict";function n(e){return function(e){if(Array.isArray(e))return a(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||s(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function r(e){return(r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function o(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e)){var i=[],n=!0,r=!1,o=void 0;try{for(var s,a=e[Symbol.iterator]();!(n=(s=a.next()).done)&&(i.push(s.value),!t||i.length!==t);n=!0);}catch(e){r=!0,o=e}finally{try{n||null==a.return||a.return()}finally{if(r)throw o}}return i}}(e,t)||s(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function s(e,t){if(e){if("string"==typeof e)return a(e,t);var i=Object.prototype.toString.call(e).slice(8,-1);return"Object"===i&&e.constructor&&(i=e.constructor.name),"Map"===i||"Set"===i?Array.from(i):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?a(e,t):void 0}}function a(e,t){(null==t||t>e.length)&&(t=e.length);for(var i=0,n=new Array(t);i<t;i++)n[i]=e[i];return n}function l(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function c(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function u(e,t,i){return t&&c(e.prototype,t),i&&c(e,i),e}i.r(t),i.d(t,"Channel",(function(){return P})),i.d(t,"Serializer",(function(){return T})),i.d(t,"Socket",(function(){return L})),i.d(t,"LongPoll",(function(){return O})),i.d(t,"Ajax",(function(){return R})),i.d(t,"Presence",(function(){return D}));var h="undefined"!=typeof self?self:null,d="undefined"!=typeof window?window:null,f=h||d||void 0,p="closed",m="errored",g="joined",v="joining",b="leaving",y="phx_close",k="phx_error",w="phx_join",E="phx_reply",x="phx_leave",S=[y,k,w,E,x],_="websocket",C=function(e){return"function"==typeof e?e:function(){return e}},A=function(){function e(t,i,n,r){l(this,e),this.channel=t,this.event=i,this.payload=n||function(){return{}},this.receivedResp=null,this.timeout=r,this.timeoutTimer=null,this.recHooks=[],this.sent=!1}return u(e,[{key:"resend",value:function(e){this.timeout=e,this.reset(),this.send()}},{key:"send",value:function(){this.hasReceived("timeout")||(this.startTimeout(),this.sent=!0,this.channel.socket.push({topic:this.channel.topic,event:this.event,payload:this.payload(),ref:this.ref,join_ref:this.channel.joinRef()}))}},{key:"receive",value:function(e,t){return this.hasReceived(e)&&t(this.receivedResp.response),this.recHooks.push({status:e,callback:t}),this}},{key:"reset",value:function(){this.cancelRefEvent(),this.ref=null,this.refEvent=null,this.receivedResp=null,this.sent=!1}},{key:"matchReceive",value:function(e){var t=e.status,i=e.response;e.ref,this.recHooks.filter((function(e){return e.status===t})).forEach((function(e){return e.callback(i)}))}},{key:"cancelRefEvent",value:function(){this.refEvent&&this.channel.off(this.refEvent)}},{key:"cancelTimeout",value:function(){clearTimeout(this.timeoutTimer),this.timeoutTimer=null}},{key:"startTimeout",value:function(){var e=this;this.timeoutTimer&&this.cancelTimeout(),this.ref=this.channel.socket.makeRef(),this.refEvent=this.channel.replyEventName(this.ref),this.channel.on(this.refEvent,(function(t){e.cancelRefEvent(),e.cancelTimeout(),e.receivedResp=t,e.matchReceive(t)})),this.timeoutTimer=setTimeout((function(){e.trigger("timeout",{})}),this.timeout)}},{key:"hasReceived",value:function(e){return this.receivedResp&&this.receivedResp.status===e}},{key:"trigger",value:function(e,t){this.channel.trigger(this.refEvent,{status:e,response:t})}}]),e}(),P=function(){function e(t,i,n){var r=this;l(this,e),this.state=p,this.topic=t,this.params=C(i||{}),this.socket=n,this.bindings=[],this.bindingRef=0,this.timeout=this.socket.timeout,this.joinedOnce=!1,this.joinPush=new A(this,w,this.params,this.timeout),this.pushBuffer=[],this.stateChangeRefs=[],this.rejoinTimer=new I((function(){r.socket.isConnected()&&r.rejoin()}),this.socket.rejoinAfterMs),this.stateChangeRefs.push(this.socket.onError((function(){return r.rejoinTimer.reset()}))),this.stateChangeRefs.push(this.socket.onOpen((function(){r.rejoinTimer.reset(),r.isErrored()&&r.rejoin()}))),this.joinPush.receive("ok",(function(){r.state=g,r.rejoinTimer.reset(),r.pushBuffer.forEach((function(e){return e.send()})),r.pushBuffer=[]})),this.joinPush.receive("error",(function(){r.state=m,r.socket.isConnected()&&r.rejoinTimer.scheduleTimeout()})),this.onClose((function(){r.rejoinTimer.reset(),r.socket.hasLogger()&&r.socket.log("channel","close ".concat(r.topic," ").concat(r.joinRef())),r.state=p,r.socket.remove(r)})),this.onError((function(e){r.socket.hasLogger()&&r.socket.log("channel","error ".concat(r.topic),e),r.isJoining()&&r.joinPush.reset(),r.state=m,r.socket.isConnected()&&r.rejoinTimer.scheduleTimeout()})),this.joinPush.receive("timeout",(function(){r.socket.hasLogger()&&r.socket.log("channel","timeout ".concat(r.topic," (").concat(r.joinRef(),")"),r.joinPush.timeout),new A(r,x,C({}),r.timeout).send(),r.state=m,r.joinPush.reset(),r.socket.isConnected()&&r.rejoinTimer.scheduleTimeout()})),this.on(E,(function(e,t){r.trigger(r.replyEventName(t),e)}))}return u(e,[{key:"join",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.timeout;if(this.joinedOnce)throw new Error("tried to join multiple times. 'join' can only be called a single time per channel instance");return this.timeout=e,this.joinedOnce=!0,this.rejoin(),this.joinPush}},{key:"onClose",value:function(e){this.on(y,e)}},{key:"onError",value:function(e){return this.on(k,(function(t){return e(t)}))}},{key:"on",value:function(e,t){var i=this.bindingRef++;return this.bindings.push({event:e,ref:i,callback:t}),i}},{key:"off",value:function(e,t){this.bindings=this.bindings.filter((function(i){return!(i.event===e&&(void 0===t||t===i.ref))}))}},{key:"canPush",value:function(){return this.socket.isConnected()&&this.isJoined()}},{key:"push",value:function(e,t){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.timeout;if(t=t||{},!this.joinedOnce)throw new Error("tried to push '".concat(e,"' to '").concat(this.topic,"' before joining. Use channel.join() before pushing events"));var n=new A(this,e,(function(){return t}),i);return this.canPush()?n.send():(n.startTimeout(),this.pushBuffer.push(n)),n}},{key:"leave",value:function(){var e=this,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.timeout;this.rejoinTimer.reset(),this.joinPush.cancelTimeout(),this.state=b;var i=function(){e.socket.hasLogger()&&e.socket.log("channel","leave ".concat(e.topic)),e.trigger(y,"leave")},n=new A(this,x,C({}),t);return n.receive("ok",(function(){return i()})).receive("timeout",(function(){return i()})),n.send(),this.canPush()||n.trigger("ok",{}),n}},{key:"onMessage",value:function(e,t,i){return t}},{key:"isLifecycleEvent",value:function(e){return S.indexOf(e)>=0}},{key:"isMember",value:function(e,t,i,n){return!(this.topic!==e||n&&n!==this.joinRef()&&this.isLifecycleEvent(t)&&(this.socket.hasLogger()&&this.socket.log("channel","dropping outdated message",{topic:e,event:t,payload:i,joinRef:n}),1))}},{key:"joinRef",value:function(){return this.joinPush.ref}},{key:"rejoin",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.timeout;this.isLeaving()||(this.socket.leaveOpenTopic(this.topic),this.state=v,this.joinPush.resend(e))}},{key:"trigger",value:function(e,t,i,n){var r=this.onMessage(e,t,i,n);if(t&&!r)throw new Error("channel onMessage callbacks must return the payload, modified or unmodified");for(var o=this.bindings.filter((function(t){return t.event===e})),s=0;s<o.length;s++)o[s].callback(r,i,n||this.joinRef())}},{key:"replyEventName",value:function(e){return"chan_reply_".concat(e)}},{key:"isClosed",value:function(){return this.state===p}},{key:"isErrored",value:function(){return this.state===m}},{key:"isJoined",value:function(){return this.state===g}},{key:"isJoining",value:function(){return this.state===v}},{key:"isLeaving",value:function(){return this.state===b}}]),e}(),T={HEADER_LENGTH:1,META_LENGTH:4,KINDS:{push:0,reply:1,broadcast:2},encode:function(e,t){if(e.payload.constructor===ArrayBuffer)return t(this.binaryEncode(e));var i=[e.join_ref,e.ref,e.topic,e.event,e.payload];return t(JSON.stringify(i))},decode:function(e,t){if(e.constructor===ArrayBuffer)return t(this.binaryDecode(e));var i=o(JSON.parse(e),5);return t({join_ref:i[0],ref:i[1],topic:i[2],event:i[3],payload:i[4]})},binaryEncode:function(e){var t=e.join_ref,i=e.ref,n=e.event,r=e.topic,o=e.payload,s=this.META_LENGTH+t.length+i.length+r.length+n.length,a=new ArrayBuffer(this.HEADER_LENGTH+s),l=new DataView(a),c=0;l.setUint8(c++,this.KINDS.push),l.setUint8(c++,t.length),l.setUint8(c++,i.length),l.setUint8(c++,r.length),l.setUint8(c++,n.length),Array.from(t,(function(e){return l.setUint8(c++,e.charCodeAt(0))})),Array.from(i,(function(e){return l.setUint8(c++,e.charCodeAt(0))})),Array.from(r,(function(e){return l.setUint8(c++,e.charCodeAt(0))})),Array.from(n,(function(e){return l.setUint8(c++,e.charCodeAt(0))}));var u=new Uint8Array(a.byteLength+o.byteLength);return u.set(new Uint8Array(a),0),u.set(new Uint8Array(o),a.byteLength),u.buffer},binaryDecode:function(e){var t=new DataView(e),i=t.getUint8(0),n=new TextDecoder;switch(i){case this.KINDS.push:return this.decodePush(e,t,n);case this.KINDS.reply:return this.decodeReply(e,t,n);case this.KINDS.broadcast:return this.decodeBroadcast(e,t,n)}},decodePush:function(e,t,i){var n=t.getUint8(1),r=t.getUint8(2),o=t.getUint8(3),s=this.HEADER_LENGTH+this.META_LENGTH-1,a=i.decode(e.slice(s,s+n));s+=n;var l=i.decode(e.slice(s,s+r));s+=r;var c=i.decode(e.slice(s,s+o));return s+=o,{join_ref:a,ref:null,topic:l,event:c,payload:e.slice(s,e.byteLength)}},decodeReply:function(e,t,i){var n=t.getUint8(1),r=t.getUint8(2),o=t.getUint8(3),s=t.getUint8(4),a=this.HEADER_LENGTH+this.META_LENGTH,l=i.decode(e.slice(a,a+n));a+=n;var c=i.decode(e.slice(a,a+r));a+=r;var u=i.decode(e.slice(a,a+o));a+=o;var h=i.decode(e.slice(a,a+s));a+=s;var d=e.slice(a,e.byteLength);return{join_ref:l,ref:c,topic:u,event:E,payload:{status:h,response:d}}},decodeBroadcast:function(e,t,i){var n=t.getUint8(1),r=t.getUint8(2),o=this.HEADER_LENGTH+2,s=i.decode(e.slice(o,o+n));o+=n;var a=i.decode(e.slice(o,o+r));return o+=r,{join_ref:null,ref:null,topic:s,event:a,payload:e.slice(o,e.byteLength)}}},L=function(){function e(t){var i=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};l(this,e),this.stateChangeCallbacks={open:[],close:[],error:[],message:[]},this.channels=[],this.sendBuffer=[],this.ref=0,this.timeout=n.timeout||1e4,this.transport=n.transport||f.WebSocket||O,this.defaultEncoder=T.encode.bind(T),this.defaultDecoder=T.decode.bind(T),this.closeWasClean=!1,this.unloaded=!1,this.binaryType=n.binaryType||"arraybuffer",this.transport!==O?(this.encode=n.encode||this.defaultEncoder,this.decode=n.decode||this.defaultDecoder):(this.encode=this.defaultEncoder,this.decode=this.defaultDecoder),d&&d.addEventListener&&d.addEventListener("beforeunload",(function(e){i.conn&&(i.unloaded=!0,i.abnormalClose("unloaded"))})),this.heartbeatIntervalMs=n.heartbeatIntervalMs||3e4,this.rejoinAfterMs=function(e){return n.rejoinAfterMs?n.rejoinAfterMs(e):[1e3,2e3,5e3][e-1]||1e4},this.reconnectAfterMs=function(e){return i.unloaded?100:n.reconnectAfterMs?n.reconnectAfterMs(e):[10,50,100,150,200,250,500,1e3,2e3][e-1]||5e3},this.logger=n.logger||null,this.longpollerTimeout=n.longpollerTimeout||2e4,this.params=C(n.params||{}),this.endPoint="".concat(t,"/").concat(_),this.vsn=n.vsn||"2.0.0",this.heartbeatTimer=null,this.pendingHeartbeatRef=null,this.reconnectTimer=new I((function(){i.teardown((function(){return i.connect()}))}),this.reconnectAfterMs)}return u(e,[{key:"protocol",value:function(){return location.protocol.match(/^https/)?"wss":"ws"}},{key:"endPointURL",value:function(){var e=R.appendParams(R.appendParams(this.endPoint,this.params()),{vsn:this.vsn});return"/"!==e.charAt(0)?e:"/"===e.charAt(1)?"".concat(this.protocol(),":").concat(e):"".concat(this.protocol(),"://").concat(location.host).concat(e)}},{key:"disconnect",value:function(e,t,i){this.closeWasClean=!0,this.reconnectTimer.reset(),this.teardown(e,t,i)}},{key:"connect",value:function(e){var t=this;e&&(console&&console.log("passing params to connect is deprecated. Instead pass :params to the Socket constructor"),this.params=C(e)),this.conn||(this.closeWasClean=!1,this.conn=new this.transport(this.endPointURL()),this.conn.binaryType=this.binaryType,this.conn.timeout=this.longpollerTimeout,this.conn.onopen=function(){return t.onConnOpen()},this.conn.onerror=function(e){return t.onConnError(e)},this.conn.onmessage=function(e){return t.onConnMessage(e)},this.conn.onclose=function(e){return t.onConnClose(e)})}},{key:"log",value:function(e,t,i){this.logger(e,t,i)}},{key:"hasLogger",value:function(){return null!==this.logger}},{key:"onOpen",value:function(e){var t=this.makeRef();return this.stateChangeCallbacks.open.push([t,e]),t}},{key:"onClose",value:function(e){var t=this.makeRef();return this.stateChangeCallbacks.close.push([t,e]),t}},{key:"onError",value:function(e){var t=this.makeRef();return this.stateChangeCallbacks.error.push([t,e]),t}},{key:"onMessage",value:function(e){var t=this.makeRef();return this.stateChangeCallbacks.message.push([t,e]),t}},{key:"onConnOpen",value:function(){this.hasLogger()&&this.log("transport","connected to ".concat(this.endPointURL())),this.unloaded=!1,this.closeWasClean=!1,this.flushSendBuffer(),this.reconnectTimer.reset(),this.resetHeartbeat(),this.stateChangeCallbacks.open.forEach((function(e){return(0,o(e,2)[1])()}))}},{key:"heartbeatTimeout",value:function(){this.pendingHeartbeatRef&&(this.pendingHeartbeatRef=null,this.hasLogger()&&this.log("transport","heartbeat timeout. Attempting to re-establish connection"),this.abnormalClose("heartbeat timeout"))}},{key:"resetHeartbeat",value:function(){var e=this;this.conn&&this.conn.skipHeartbeat||(this.pendingHeartbeatRef=null,clearTimeout(this.heartbeatTimer),setTimeout((function(){return e.sendHeartbeat()}),this.heartbeatIntervalMs))}},{key:"teardown",value:function(e,t,i){var n=this;if(!this.conn)return e&&e();this.waitForBufferDone((function(){n.conn&&(t?n.conn.close(t,i||""):n.conn.close()),n.waitForSocketClosed((function(){n.conn&&(n.conn.onclose=function(){},n.conn=null),e&&e()}))}))}},{key:"waitForBufferDone",value:function(e){var t=this,i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;5!==i&&this.conn&&this.conn.bufferedAmount?setTimeout((function(){t.waitForBufferDone(e,i+1)}),150*i):e()}},{key:"waitForSocketClosed",value:function(e){var t=this,i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;5!==i&&this.conn&&3!==this.conn.readyState?setTimeout((function(){t.waitForSocketClosed(e,i+1)}),150*i):e()}},{key:"onConnClose",value:function(e){this.hasLogger()&&this.log("transport","close",e),this.triggerChanError(),clearTimeout(this.heartbeatTimer),this.closeWasClean||this.reconnectTimer.scheduleTimeout(),this.stateChangeCallbacks.close.forEach((function(t){return(0,o(t,2)[1])(e)}))}},{key:"onConnError",value:function(e){this.hasLogger()&&this.log("transport",e),this.triggerChanError(),this.stateChangeCallbacks.error.forEach((function(t){return(0,o(t,2)[1])(e)}))}},{key:"triggerChanError",value:function(){this.channels.forEach((function(e){e.isErrored()||e.isLeaving()||e.isClosed()||e.trigger(k)}))}},{key:"connectionState",value:function(){switch(this.conn&&this.conn.readyState){case 0:return"connecting";case 1:return"open";case 2:return"closing";default:return"closed"}}},{key:"isConnected",value:function(){return"open"===this.connectionState()}},{key:"remove",value:function(e){this.off(e.stateChangeRefs),this.channels=this.channels.filter((function(t){return t.joinRef()!==e.joinRef()}))}},{key:"off",value:function(e){for(var t in this.stateChangeCallbacks)this.stateChangeCallbacks[t]=this.stateChangeCallbacks[t].filter((function(t){var i=o(t,1)[0];return-1===e.indexOf(i)}))}},{key:"channel",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},i=new P(e,t,this);return this.channels.push(i),i}},{key:"push",value:function(e){var t=this;if(this.hasLogger()){var i=e.topic,n=e.event,r=e.payload,o=e.ref,s=e.join_ref;this.log("push","".concat(i," ").concat(n," (").concat(s,", ").concat(o,")"),r)}this.isConnected()?this.encode(e,(function(e){return t.conn.send(e)})):this.sendBuffer.push((function(){return t.encode(e,(function(e){return t.conn.send(e)}))}))}},{key:"makeRef",value:function(){var e=this.ref+1;return e===this.ref?this.ref=0:this.ref=e,this.ref.toString()}},{key:"sendHeartbeat",value:function(){var e=this;this.pendingHeartbeatRef&&!this.isConnected()||(this.pendingHeartbeatRef=this.makeRef(),this.push({topic:"phoenix",event:"heartbeat",payload:{},ref:this.pendingHeartbeatRef}),this.heartbeatTimer=setTimeout((function(){return e.heartbeatTimeout()}),this.heartbeatIntervalMs))}},{key:"abnormalClose",value:function(e){this.closeWasClean=!1,this.isConnected()&&this.conn.close(1e3,e)}},{key:"flushSendBuffer",value:function(){this.isConnected()&&this.sendBuffer.length>0&&(this.sendBuffer.forEach((function(e){return e()})),this.sendBuffer=[])}},{key:"onConnMessage",value:function(e){var t=this;this.decode(e.data,(function(e){var i=e.topic,n=e.event,r=e.payload,s=e.ref,a=e.join_ref;s&&s===t.pendingHeartbeatRef&&(clearTimeout(t.heartbeatTimer),t.pendingHeartbeatRef=null,setTimeout((function(){return t.sendHeartbeat()}),t.heartbeatIntervalMs)),t.hasLogger()&&t.log("receive","".concat(r.status||""," ").concat(i," ").concat(n," ").concat(s&&"("+s+")"||""),r);for(var l=0;l<t.channels.length;l++){var c=t.channels[l];c.isMember(i,n,r,a)&&c.trigger(n,r,s,a)}for(var u=0;u<t.stateChangeCallbacks.message.length;u++)(0,o(t.stateChangeCallbacks.message[u],2)[1])(e)}))}},{key:"leaveOpenTopic",value:function(e){var t=this.channels.find((function(t){return t.topic===e&&(t.isJoined()||t.isJoining())}));t&&(this.hasLogger()&&this.log("transport",'leaving duplicate topic "'.concat(e,'"')),t.leave())}}]),e}(),O=function(){function e(t){l(this,e),this.endPoint=null,this.token=null,this.skipHeartbeat=!0,this.onopen=function(){},this.onerror=function(){},this.onmessage=function(){},this.onclose=function(){},this.pollEndpoint=this.normalizeEndpoint(t),this.readyState=0,this.poll()}return u(e,[{key:"normalizeEndpoint",value:function(e){return e.replace("ws://","http://").replace("wss://","https://").replace(new RegExp("(.*)/"+_),"$1/longpoll")}},{key:"endpointURL",value:function(){return R.appendParams(this.pollEndpoint,{token:this.token})}},{key:"closeAndRetry",value:function(){this.close(),this.readyState=0}},{key:"ontimeout",value:function(){this.onerror("timeout"),this.closeAndRetry()}},{key:"poll",value:function(){var e=this;1!==this.readyState&&0!==this.readyState||R.request("GET",this.endpointURL(),"application/json",null,this.timeout,this.ontimeout.bind(this),(function(t){if(t){var i=t.status,n=t.token,r=t.messages;e.token=n}else i=0;switch(i){case 200:r.forEach((function(t){setTimeout((function(){e.onmessage({data:t})}),0)})),e.poll();break;case 204:e.poll();break;case 410:e.readyState=1,e.onopen(),e.poll();break;case 403:e.onerror(),e.close();break;case 0:case 500:e.onerror(),e.closeAndRetry();break;default:throw new Error("unhandled poll status ".concat(i))}}))}},{key:"send",value:function(e){var t=this;R.request("POST",this.endpointURL(),"application/json",e,this.timeout,this.onerror.bind(this,"timeout"),(function(e){e&&200===e.status||(t.onerror(e&&e.status),t.closeAndRetry())}))}},{key:"close",value:function(e,t){this.readyState=3,this.onclose()}}]),e}(),R=function(){function e(){l(this,e)}return u(e,null,[{key:"request",value:function(e,t,i,n,r,o,s){if(f.XDomainRequest){var a=new XDomainRequest;this.xdomainRequest(a,e,t,n,r,o,s)}else{var l=new f.XMLHttpRequest;this.xhrRequest(l,e,t,i,n,r,o,s)}}},{key:"xdomainRequest",value:function(e,t,i,n,r,o,s){var a=this;e.timeout=r,e.open(t,i),e.onload=function(){var t=a.parseJSON(e.responseText);s&&s(t)},o&&(e.ontimeout=o),e.onprogress=function(){},e.send(n)}},{key:"xhrRequest",value:function(e,t,i,n,r,o,s,a){var l=this;e.open(t,i,!0),e.timeout=o,e.setRequestHeader("Content-Type",n),e.onerror=function(){a&&a(null)},e.onreadystatechange=function(){if(e.readyState===l.states.complete&&a){var t=l.parseJSON(e.responseText);a(t)}},s&&(e.ontimeout=s),e.send(r)}},{key:"parseJSON",value:function(e){if(!e||""===e)return null;try{return JSON.parse(e)}catch(t){return console&&console.log("failed to parse JSON response",e),null}}},{key:"serialize",value:function(e,t){var i=[];for(var n in e)if(e.hasOwnProperty(n)){var o=t?"".concat(t,"[").concat(n,"]"):n,s=e[n];"object"===r(s)?i.push(this.serialize(s,o)):i.push(encodeURIComponent(o)+"="+encodeURIComponent(s))}return i.join("&")}},{key:"appendParams",value:function(e,t){if(0===Object.keys(t).length)return e;var i=e.match(/\?/)?"&":"?";return"".concat(e).concat(i).concat(this.serialize(t))}}]),e}();R.states={complete:4};var D=function(){function e(t){var i=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};l(this,e);var r=n.events||{state:"presence_state",diff:"presence_diff"};this.state={},this.pendingDiffs=[],this.channel=t,this.joinRef=null,this.caller={onJoin:function(){},onLeave:function(){},onSync:function(){}},this.channel.on(r.state,(function(t){var n=i.caller,r=n.onJoin,o=n.onLeave,s=n.onSync;i.joinRef=i.channel.joinRef(),i.state=e.syncState(i.state,t,r,o),i.pendingDiffs.forEach((function(t){i.state=e.syncDiff(i.state,t,r,o)})),i.pendingDiffs=[],s()})),this.channel.on(r.diff,(function(t){var n=i.caller,r=n.onJoin,o=n.onLeave,s=n.onSync;i.inPendingSyncState()?i.pendingDiffs.push(t):(i.state=e.syncDiff(i.state,t,r,o),s())}))}return u(e,[{key:"onJoin",value:function(e){this.caller.onJoin=e}},{key:"onLeave",value:function(e){this.caller.onLeave=e}},{key:"onSync",value:function(e){this.caller.onSync=e}},{key:"list",value:function(t){return e.list(this.state,t)}},{key:"inPendingSyncState",value:function(){return!this.joinRef||this.joinRef!==this.channel.joinRef()}}],[{key:"syncState",value:function(e,t,i,n){var r=this,o=this.clone(e),s={},a={};return this.map(o,(function(e,i){t[e]||(a[e]=i)})),this.map(t,(function(e,t){var i=o[e];if(i){var n=t.metas.map((function(e){return e.phx_ref})),l=i.metas.map((function(e){return e.phx_ref})),c=t.metas.filter((function(e){return l.indexOf(e.phx_ref)<0})),u=i.metas.filter((function(e){return n.indexOf(e.phx_ref)<0}));c.length>0&&(s[e]=t,s[e].metas=c),u.length>0&&(a[e]=r.clone(i),a[e].metas=u)}else s[e]=t})),this.syncDiff(o,{joins:s,leaves:a},i,n)}},{key:"syncDiff",value:function(e,t,i,r){var o=t.joins,s=t.leaves,a=this.clone(e);return i||(i=function(){}),r||(r=function(){}),this.map(o,(function(e,t){var r=a[e];if(a[e]=t,r){var o,s=a[e].metas.map((function(e){return e.phx_ref})),l=r.metas.filter((function(e){return s.indexOf(e.phx_ref)<0}));(o=a[e].metas).unshift.apply(o,n(l))}i(e,r,t)})),this.map(s,(function(e,t){var i=a[e];if(i){var n=t.metas.map((function(e){return e.phx_ref}));i.metas=i.metas.filter((function(e){return n.indexOf(e.phx_ref)<0})),r(e,i,t),0===i.metas.length&&delete a[e]}})),a}},{key:"list",value:function(e,t){return t||(t=function(e,t){return t}),this.map(e,(function(e,i){return t(e,i)}))}},{key:"map",value:function(e,t){return Object.getOwnPropertyNames(e).map((function(i){return t(i,e[i])}))}},{key:"clone",value:function(e){return JSON.parse(JSON.stringify(e))}}]),e}(),I=function(){function e(t,i){l(this,e),this.callback=t,this.timerCalc=i,this.timer=null,this.tries=0}return u(e,[{key:"reset",value:function(){this.tries=0,clearTimeout(this.timer)}},{key:"scheduleTimeout",value:function(){var e=this;clearTimeout(this.timer),this.timer=setTimeout((function(){e.tries=e.tries+1,e.callback()}),this.timerCalc(this.tries+1))}}]),e}()}])},function(e,t,i){e.exports=i(6)},function(e,t,i){},function(e,t,i){"use strict";!function(){var e=function(){if("function"==typeof window.CustomEvent)return window.CustomEvent;function e(e,t){t=t||{bubbles:!1,cancelable:!1,detail:void 0};var i=document.createEvent("CustomEvent");return i.initCustomEvent(e,t.bubbles,t.cancelable,t.detail),i}return e.prototype=window.Event.prototype,e}();function t(e,t){var i=document.createElement("input");return i.type="hidden",i.name=e,i.value=t,i}function i(e,i){var n=e.getAttribute("data-to"),r=t("_method",e.getAttribute("data-method")),o=t("_csrf_token",e.getAttribute("data-csrf")),s=document.createElement("form"),a=e.getAttribute("target");s.method="get"===e.getAttribute("data-method")?"get":"post",s.action=n,s.style.display="hidden",a?s.target=a:i&&(s.target="_blank"),s.appendChild(o),s.appendChild(r),document.body.appendChild(s),s.submit()}window.addEventListener("click",(function(t){for(var n=t.target;n&&n.getAttribute;){var r=new e("phoenix.link.click",{bubbles:!0,cancelable:!0});if(!n.dispatchEvent(r))return t.preventDefault(),t.stopImmediatePropagation(),!1;if(n.getAttribute("data-method"))return i(n,t.metaKey||t.shiftKey),t.preventDefault(),!1;n=n.parentNode}}),!1),window.addEventListener("phoenix.link.click",(function(e){var t=e.target.getAttribute("data-confirm");t&&!window.confirm(t)&&e.preventDefault()}),!1)}()},function(e,t,i){e.exports=function(){"use strict";function e(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function t(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),i.push.apply(i,n)}return i}function i(i){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?t(Object(r),!0).forEach((function(t){e(i,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(i,Object.getOwnPropertyDescriptors(r)):t(Object(r)).forEach((function(e){Object.defineProperty(i,e,Object.getOwnPropertyDescriptor(r,e))}))}return i}function n(e){return Array.from(new Set(e))}function r(){return navigator.userAgent.includes("Node.js")||navigator.userAgent.includes("jsdom")}function o(e,t){return e==t}function s(e,t){"template"!==e.tagName.toLowerCase()?console.warn(`Alpine: [${t}] directive should only be added to <template> tags. See https://github.com/alpinejs/alpine#${t}`):1!==e.content.childElementCount&&console.warn(`Alpine: <template> tag with [${t}] encountered with multiple element roots. Make sure <template> only has a single child element.`)}function a(e){return e.toLowerCase().replace(/-(\w)/g,(e,t)=>t.toUpperCase())}function l(e,t){var i;return function(){var n=this,r=arguments,o=function(){i=null,e.apply(n,r)};clearTimeout(i),i=setTimeout(o,t)}}function c(e,t,i={}){return"function"==typeof e?e.call(t):new Function(["$data",...Object.keys(i)],`var __alpine_result; with($data) { __alpine_result = ${e} }; return __alpine_result`)(t,...Object.values(i))}const u=/^x-(on|bind|data|text|html|model|if|for|show|cloak|transition|ref|spread)\b/;function h(e){const t=p(e.name);return u.test(t)}function d(e,t,i){let n=Array.from(e.attributes).filter(h).map(f),r=n.filter(e=>"spread"===e.type)[0];if(r){let e=c(r.expression,t.$data);n=n.concat(Object.entries(e).map(([e,t])=>f({name:e,value:t})))}return i?n.filter(e=>e.type===i):function(e){let t=["bind","model","show","catch-all"];return e.sort((e,i)=>{let n=-1===t.indexOf(e.type)?"catch-all":e.type,r=-1===t.indexOf(i.type)?"catch-all":i.type;return t.indexOf(n)-t.indexOf(r)})}(n)}function f({name:e,value:t}){const i=p(e),n=i.match(u),r=i.match(/:([a-zA-Z0-9\-:]+)/),o=i.match(/\.[^.\]]+(?=[^\]]*$)/g)||[];return{type:n?n[1]:null,value:r?r[1]:null,modifiers:o.map(e=>e.replace(".","")),expression:t}}function p(e){return e.startsWith("@")?e.replace("@","x-on:"):e.startsWith(":")?e.replace(":","x-bind:"):e}function m(e,t=Boolean){return e.split(" ").filter(t)}function g(e,t,i,n,r=!1){if(r)return t();if(e.__x_transition&&"in"===e.__x_transition.type)return;const o=d(e,n,"transition"),s=d(e,n,"show")[0];if(s&&s.modifiers.includes("transition")){let n=s.modifiers;if(n.includes("out")&&!n.includes("in"))return t();const r=n.includes("in")&&n.includes("out");n=r?n.filter((e,t)=>t<n.indexOf("out")):n,function(e,t,i,n){const r={duration:b(t,"duration",150),origin:b(t,"origin","center"),first:{opacity:0,scale:b(t,"scale",95)},second:{opacity:1,scale:100}};y(e,t,i,()=>{},n,r,"in")}(e,n,t,i)}else o.some(e=>["enter","enter-start","enter-end"].includes(e.value))?function(e,t,i,n,r){const o=m(k((i.find(e=>"enter"===e.value)||{expression:""}).expression,e,t)),s=m(k((i.find(e=>"enter-start"===e.value)||{expression:""}).expression,e,t)),a=m(k((i.find(e=>"enter-end"===e.value)||{expression:""}).expression,e,t));w(e,o,s,a,n,()=>{},"in",r)}(e,n,o,t,i):t()}function v(e,t,i,n,r=!1){if(r)return t();if(e.__x_transition&&"out"===e.__x_transition.type)return;const o=d(e,n,"transition"),s=d(e,n,"show")[0];if(s&&s.modifiers.includes("transition")){let n=s.modifiers;if(n.includes("in")&&!n.includes("out"))return t();const r=n.includes("in")&&n.includes("out");n=r?n.filter((e,t)=>t>n.indexOf("out")):n,function(e,t,i,n,r){const o={duration:i?b(t,"duration",150):b(t,"duration",150)/2,origin:b(t,"origin","center"),first:{opacity:1,scale:100},second:{opacity:0,scale:b(t,"scale",95)}};y(e,t,()=>{},n,r,o,"out")}(e,n,r,t,i)}else o.some(e=>["leave","leave-start","leave-end"].includes(e.value))?function(e,t,i,n,r){const o=m(k((i.find(e=>"leave"===e.value)||{expression:""}).expression,e,t)),s=m(k((i.find(e=>"leave-start"===e.value)||{expression:""}).expression,e,t)),a=m(k((i.find(e=>"leave-end"===e.value)||{expression:""}).expression,e,t));w(e,o,s,a,()=>{},n,"out",r)}(e,n,o,t,i):t()}function b(e,t,i){if(-1===e.indexOf(t))return i;const n=e[e.indexOf(t)+1];if(!n)return i;if("scale"===t&&!x(n))return i;if("duration"===t){let e=n.match(/([0-9]+)ms/);if(e)return e[1]}return"origin"===t&&["top","right","left","center","bottom"].includes(e[e.indexOf(t)+2])?[n,e[e.indexOf(t)+2]].join(" "):n}function y(e,t,i,n,r,o,s){e.__x_transition&&e.__x_transition.cancel&&e.__x_transition.cancel();const a=e.style.opacity,l=e.style.transform,c=e.style.transformOrigin,u=!t.includes("opacity")&&!t.includes("scale"),h=u||t.includes("opacity"),d=u||t.includes("scale"),f={start(){h&&(e.style.opacity=o.first.opacity),d&&(e.style.transform=`scale(${o.first.scale/100})`)},during(){d&&(e.style.transformOrigin=o.origin),e.style.transitionProperty=[h?"opacity":"",d?"transform":""].join(" ").trim(),e.style.transitionDuration=o.duration/1e3+"s",e.style.transitionTimingFunction="cubic-bezier(0.4, 0.0, 0.2, 1)"},show(){i()},end(){h&&(e.style.opacity=o.second.opacity),d&&(e.style.transform=`scale(${o.second.scale/100})`)},hide(){n()},cleanup(){h&&(e.style.opacity=a),d&&(e.style.transform=l),d&&(e.style.transformOrigin=c),e.style.transitionProperty=null,e.style.transitionDuration=null,e.style.transitionTimingFunction=null}};E(e,f,s,r)}const k=(e,t,i)=>"function"==typeof e?i.evaluateReturnExpression(t,e):e;function w(e,t,i,n,r,o,s,a){e.__x_transition&&e.__x_transition.cancel&&e.__x_transition.cancel();const l=e.__x_original_classes||[],c={start(){e.classList.add(...i)},during(){e.classList.add(...t)},show(){r()},end(){e.classList.remove(...i.filter(e=>!l.includes(e))),e.classList.add(...n)},hide(){o()},cleanup(){e.classList.remove(...t.filter(e=>!l.includes(e))),e.classList.remove(...n.filter(e=>!l.includes(e)))}};E(e,c,s,a)}function E(e,t,i,n){const r=S(()=>{t.hide(),e.isConnected&&t.cleanup(),delete e.__x_transition});e.__x_transition={type:i,cancel:S(()=>{n("cancelled"),r()}),finish:r,nextFrame:null},t.start(),t.during(),e.__x_transition.nextFrame=requestAnimationFrame(()=>{let i=1e3*Number(getComputedStyle(e).transitionDuration.replace(/,.*/,"").replace("s",""));0===i&&(i=1e3*Number(getComputedStyle(e).animationDuration.replace("s",""))),t.show(),e.__x_transition.nextFrame=requestAnimationFrame(()=>{t.end(),setTimeout(e.__x_transition.finish,i)})})}function x(e){return!Array.isArray(e)&&!isNaN(e)}function S(e){let t=!1;return function(){t||(t=!0,e.apply(this,arguments))}}function _(e,t,n,r,o){s(t,"x-for");let a=C("function"==typeof n?e.evaluateReturnExpression(t,n):n),l=function(e,t,i,n){let r=d(t,e,"if")[0];if(r&&!e.evaluateReturnExpression(t,r.expression))return[];let o=e.evaluateReturnExpression(t,i.items,n);return x(o)&&o>0&&(o=Array.from(Array(o).keys(),e=>e+1)),o}(e,t,a,o),c=t;l.forEach((n,s)=>{let u=function(e,t,n,r,o){let s=o?i({},o):{};return s[e.item]=t,e.index&&(s[e.index]=n),e.collection&&(s[e.collection]=r),s}(a,n,s,l,o()),h=function(e,t,i,n){let r=d(t,e,"bind").filter(e=>"key"===e.value)[0];return r?e.evaluateReturnExpression(t,r.expression,()=>n):i}(e,t,s,u),f=function(e,t){if(!e)return;if(e.__x_for_key===t)return e;let i=e;for(;i;){if(i.__x_for_key===t)return i.parentElement.insertBefore(i,e);i=!(!i.nextElementSibling||void 0===i.nextElementSibling.__x_for_key)&&i.nextElementSibling}}(c.nextElementSibling,h);f?(delete f.__x_for_key,f.__x_for=u,e.updateElements(f,()=>f.__x_for)):(f=function(e,t){let i=document.importNode(e.content,!0);return t.parentElement.insertBefore(i,t.nextElementSibling),t.nextElementSibling}(t,c),g(f,()=>{},()=>{},e,r),f.__x_for=u,e.initializeElements(f,()=>f.__x_for)),c=f,c.__x_for_key=h}),function(e,t){for(var i=!(!e.nextElementSibling||void 0===e.nextElementSibling.__x_for_key)&&e.nextElementSibling;i;){let e=i,n=i.nextElementSibling;v(i,()=>{e.remove()},()=>{},t),i=!(!n||void 0===n.__x_for_key)&&n}}(c,e)}function C(e){let t=/,([^,\}\]]*)(?:,([^,\}\]]*))?$/,i=e.match(/([\s\S]*?)\s+(?:in|of)\s+([\s\S]*)/);if(!i)return;let n={};n.items=i[2].trim();let r=i[1].trim().replace(/^\(|\)$/g,""),o=r.match(t);return o?(n.item=r.replace(t,"").trim(),n.index=o[1].trim(),o[2]&&(n.collection=o[2].trim())):n.item=r,n}function A(e,t,i,r,s,l,c){var u=e.evaluateReturnExpression(t,r,s);if("value"===i){if(fe.ignoreFocusedForValueBinding&&document.activeElement.isSameNode(t))return;if(void 0===u&&r.match(/\./)&&(u=""),"radio"===t.type)void 0===t.attributes.value&&"bind"===l?t.value=u:"bind"!==l&&(t.checked=o(t.value,u));else if("checkbox"===t.type)"boolean"==typeof u||[null,void 0].includes(u)||"bind"!==l?"bind"!==l&&(Array.isArray(u)?t.checked=u.some(e=>o(e,t.value)):t.checked=!!u):t.value=String(u);else if("SELECT"===t.tagName)!function(e,t){const i=[].concat(t).map(e=>e+"");Array.from(e.options).forEach(e=>{e.selected=i.includes(e.value||e.text)})}(t,u);else{if(t.value===u)return;t.value=u}}else if("class"===i)if(Array.isArray(u)){const e=t.__x_original_classes||[];t.setAttribute("class",n(e.concat(u)).join(" "))}else if("object"==typeof u)Object.keys(u).sort((e,t)=>u[e]-u[t]).forEach(e=>{u[e]?m(e).forEach(e=>t.classList.add(e)):m(e).forEach(e=>t.classList.remove(e))});else{const e=t.__x_original_classes||[],i=m(u);t.setAttribute("class",n(e.concat(i)).join(" "))}else i=c.includes("camel")?a(i):i,[null,void 0,!1].includes(u)?t.removeAttribute(i):function(e){return["disabled","checked","required","readonly","hidden","open","selected","autofocus","itemscope","multiple","novalidate","allowfullscreen","allowpaymentrequest","formnovalidate","autoplay","controls","loop","muted","playsinline","default","ismap","reversed","async","defer","nomodule"].includes(e)}(i)?P(t,i,i):P(t,i,u)}function P(e,t,i){e.getAttribute(t)!=i&&e.setAttribute(t,i)}function T(e,t,i,n,r,o={}){const s={passive:n.includes("passive")};if(n.includes("camel")&&(i=a(i)),n.includes("away")){let a=l=>{t.contains(l.target)||t.offsetWidth<1&&t.offsetHeight<1||(L(e,r,l,o),n.includes("once")&&document.removeEventListener(i,a,s))};document.addEventListener(i,a,s)}else{let a=n.includes("window")?window:n.includes("document")?document:t,c=l=>{a!==window&&a!==document||document.body.contains(t)?function(e){return["keydown","keyup"].includes(e)}(i)&&function(e,t){let i=t.filter(e=>!["window","document","prevent","stop"].includes(e));if(i.includes("debounce")){let e=i.indexOf("debounce");i.splice(e,x((i[e+1]||"invalid-wait").split("ms")[0])?2:1)}if(0===i.length)return!1;if(1===i.length&&i[0]===O(e.key))return!1;const n=["ctrl","shift","alt","meta","cmd","super"].filter(e=>i.includes(e));return i=i.filter(e=>!n.includes(e)),!(n.length>0&&n.filter(t=>("cmd"!==t&&"super"!==t||(t="meta"),e[t+"Key"])).length===n.length&&i[0]===O(e.key))}(l,n)||(n.includes("prevent")&&l.preventDefault(),n.includes("stop")&&l.stopPropagation(),n.includes("self")&&l.target!==t)||L(e,r,l,o).then(e=>{!1===e?l.preventDefault():n.includes("once")&&a.removeEventListener(i,c,s)}):a.removeEventListener(i,c,s)};if(n.includes("debounce")){let e=n[n.indexOf("debounce")+1]||"invalid-wait",t=x(e.split("ms")[0])?Number(e.split("ms")[0]):250;c=l(c,t)}a.addEventListener(i,c,s)}}function L(e,t,n,r){return e.evaluateCommandExpression(n.target,t,()=>i(i({},r()),{},{$event:n}))}function O(e){switch(e){case"/":return"slash";case" ":case"Spacebar":return"space";default:return e&&e.replace(/([a-z])([A-Z])/g,"$1-$2").replace(/[_\s]/,"-").toLowerCase()}}function R(e,t,i){return"radio"===e.type&&(e.hasAttribute("name")||e.setAttribute("name",i)),(i,n)=>{if(i instanceof CustomEvent&&i.detail)return i.detail;if("checkbox"===e.type){if(Array.isArray(n)){const e=t.includes("number")?D(i.target.value):i.target.value;return i.target.checked?n.concat([e]):n.filter(t=>!o(t,e))}return i.target.checked}if("select"===e.tagName.toLowerCase()&&e.multiple)return t.includes("number")?Array.from(i.target.selectedOptions).map(e=>D(e.value||e.text)):Array.from(i.target.selectedOptions).map(e=>e.value||e.text);{const e=i.target.value;return t.includes("number")?D(e):t.includes("trim")?e.trim():e}}}function D(e){const t=e?parseFloat(e):null;return x(t)?t:e}const{isArray:I}=Array,{getPrototypeOf:j,create:N,defineProperty:M,defineProperties:$,isExtensible:U,getOwnPropertyDescriptor:H,getOwnPropertyNames:F,getOwnPropertySymbols:B,preventExtensions:J,hasOwnProperty:z}=Object,{push:W,concat:q,map:V}=Array.prototype;function K(e){return void 0===e}function G(e){return"function"==typeof e}const X=new WeakMap;function Y(e,t){X.set(e,t)}const Z=e=>X.get(e)||e;function Q(e,t){return e.valueIsObservable(t)?e.getProxy(t):t}function ee(e,t,i){q.call(F(i),B(i)).forEach(n=>{let r=H(i,n);r.configurable||(r=ue(e,r,Q)),M(t,n,r)}),J(t)}class te{constructor(e,t){this.originalTarget=t,this.membrane=e}get(e,t){const{originalTarget:i,membrane:n}=this,r=i[t],{valueObserved:o}=n;return o(i,t),n.getProxy(r)}set(e,t,i){const{originalTarget:n,membrane:{valueMutated:r}}=this;return n[t]!==i?(n[t]=i,r(n,t)):"length"===t&&I(n)&&r(n,t),!0}deleteProperty(e,t){const{originalTarget:i,membrane:{valueMutated:n}}=this;return delete i[t],n(i,t),!0}apply(e,t,i){}construct(e,t,i){}has(e,t){const{originalTarget:i,membrane:{valueObserved:n}}=this;return n(i,t),t in i}ownKeys(e){const{originalTarget:t}=this;return q.call(F(t),B(t))}isExtensible(e){const t=U(e);if(!t)return t;const{originalTarget:i,membrane:n}=this,r=U(i);return r||ee(n,e,i),r}setPrototypeOf(e,t){}getPrototypeOf(e){const{originalTarget:t}=this;return j(t)}getOwnPropertyDescriptor(e,t){const{originalTarget:i,membrane:n}=this,{valueObserved:r}=this.membrane;r(i,t);let o=H(i,t);if(K(o))return o;const s=H(e,t);return K(s)?(o=ue(n,o,Q),o.configurable||M(e,t,o),o):s}preventExtensions(e){const{originalTarget:t,membrane:i}=this;return ee(i,e,t),J(t),!0}defineProperty(e,t,i){const{originalTarget:n,membrane:r}=this,{valueMutated:o}=r,{configurable:s}=i;if(z.call(i,"writable")&&!z.call(i,"value")){const e=H(n,t);i.value=e.value}return M(n,t,function(e){return z.call(e,"value")&&(e.value=Z(e.value)),e}(i)),!1===s&&M(e,t,ue(r,i,Q)),o(n,t),!0}}function ie(e,t){return e.valueIsObservable(t)?e.getReadOnlyProxy(t):t}class ne{constructor(e,t){this.originalTarget=t,this.membrane=e}get(e,t){const{membrane:i,originalTarget:n}=this,r=n[t],{valueObserved:o}=i;return o(n,t),i.getReadOnlyProxy(r)}set(e,t,i){return!1}deleteProperty(e,t){return!1}apply(e,t,i){}construct(e,t,i){}has(e,t){const{originalTarget:i,membrane:{valueObserved:n}}=this;return n(i,t),t in i}ownKeys(e){const{originalTarget:t}=this;return q.call(F(t),B(t))}setPrototypeOf(e,t){}getOwnPropertyDescriptor(e,t){const{originalTarget:i,membrane:n}=this,{valueObserved:r}=n;r(i,t);let o=H(i,t);if(K(o))return o;const s=H(e,t);return K(s)?(o=ue(n,o,ie),z.call(o,"set")&&(o.set=void 0),o.configurable||M(e,t,o),o):s}preventExtensions(e){return!1}defineProperty(e,t,i){return!1}}function re(e){let t=void 0;return I(e)?t=[]:"object"==typeof e&&(t={}),t}const oe=Object.prototype;function se(e){if(null===e)return!1;if("object"!=typeof e)return!1;if(I(e))return!0;const t=j(e);return t===oe||null===t||null===j(t)}const ae=(e,t)=>{},le=(e,t)=>{},ce=e=>e;function ue(e,t,i){const{set:n,get:r}=t;return z.call(t,"value")?t.value=i(e,t.value):(K(r)||(t.get=function(){return i(e,r.call(Z(this)))}),K(n)||(t.set=function(t){n.call(Z(this),e.unwrapProxy(t))})),t}class he{constructor(e){if(this.valueDistortion=ce,this.valueMutated=le,this.valueObserved=ae,this.valueIsObservable=se,this.objectGraph=new WeakMap,!K(e)){const{valueDistortion:t,valueMutated:i,valueObserved:n,valueIsObservable:r}=e;this.valueDistortion=G(t)?t:ce,this.valueMutated=G(i)?i:le,this.valueObserved=G(n)?n:ae,this.valueIsObservable=G(r)?r:se}}getProxy(e){const t=Z(e),i=this.valueDistortion(t);if(this.valueIsObservable(i)){const n=this.getReactiveState(t,i);return n.readOnly===e?e:n.reactive}return i}getReadOnlyProxy(e){e=Z(e);const t=this.valueDistortion(e);return this.valueIsObservable(t)?this.getReactiveState(e,t).readOnly:t}unwrapProxy(e){return Z(e)}getReactiveState(e,t){const{objectGraph:i}=this;let n=i.get(t);if(n)return n;const r=this;return n={get reactive(){const i=new te(r,t),n=new Proxy(re(t),i);return Y(n,e),M(this,"reactive",{value:n}),n},get readOnly(){const i=new ne(r,t),n=new Proxy(re(t),i);return Y(n,e),M(this,"readOnly",{value:n}),n}},i.set(t,n),n}}class de{constructor(e,t=null){this.$el=e;const i=this.$el.getAttribute("x-data"),n=""===i?"{}":i,r=this.$el.getAttribute("x-init");let o={$el:this.$el},s=t?t.$el:this.$el;Object.entries(fe.magicProperties).forEach(([e,t])=>{Object.defineProperty(o,"$"+e,{get:function(){return t(s)}})}),this.unobservedData=t?t.getUnobservedData():c(n,o);let{membrane:a,data:l}=this.wrapDataInObservable(this.unobservedData);var u;this.$data=l,this.membrane=a,this.unobservedData.$el=this.$el,this.unobservedData.$refs=this.getRefsProxy(),this.nextTickStack=[],this.unobservedData.$nextTick=e=>{this.nextTickStack.push(e)},this.watchers={},this.unobservedData.$watch=(e,t)=>{this.watchers[e]||(this.watchers[e]=[]),this.watchers[e].push(t)},Object.entries(fe.magicProperties).forEach(([e,t])=>{Object.defineProperty(this.unobservedData,"$"+e,{get:function(){return t(s)}})}),this.showDirectiveStack=[],this.showDirectiveLastElement,t||fe.onBeforeComponentInitializeds.forEach(e=>e(this)),r&&!t&&(this.pauseReactivity=!0,u=this.evaluateReturnExpression(this.$el,r),this.pauseReactivity=!1),this.initializeElements(this.$el),this.listenForNewElementsToInitialize(),"function"==typeof u&&u.call(this.$data),t||setTimeout(()=>{fe.onComponentInitializeds.forEach(e=>e(this))},0)}getUnobservedData(){return function(e,t){let i=e.unwrapProxy(t),n={};return Object.keys(i).forEach(e=>{["$el","$refs","$nextTick","$watch"].includes(e)||(n[e]=i[e])}),n}(this.membrane,this.$data)}wrapDataInObservable(e){var t=this;let i=l((function(){t.updateElements(t.$el)}),0);return function(e,t){let i=new he({valueMutated(e,i){t(e,i)}});return{data:i.getProxy(e),membrane:i}}(e,(e,n)=>{t.watchers[n]?t.watchers[n].forEach(t=>t(e[n])):Array.isArray(e)?Object.keys(t.watchers).forEach(i=>{let r=i.split(".");"length"!==n&&r.reduce((n,r)=>(Object.is(e,n[r])&&t.watchers[i].forEach(t=>t(e)),n[r]),t.unobservedData)}):Object.keys(t.watchers).filter(e=>e.includes(".")).forEach(i=>{let r=i.split(".");n===r[r.length-1]&&r.reduce((r,o)=>(Object.is(e,r)&&t.watchers[i].forEach(t=>t(e[n])),r[o]),t.unobservedData)}),t.pauseReactivity||i()})}walkAndSkipNestedComponents(e,t,i=(()=>{})){!function e(t,i){if(!1===i(t))return;let n=t.firstElementChild;for(;n;)e(n,i),n=n.nextElementSibling}(e,e=>e.hasAttribute("x-data")&&!e.isSameNode(this.$el)?(e.__x||i(e),!1):t(e))}initializeElements(e,t=(()=>{})){this.walkAndSkipNestedComponents(e,e=>void 0===e.__x_for_key&&void 0===e.__x_inserted_me&&void this.initializeElement(e,t),e=>{e.__x=new de(e)}),this.executeAndClearRemainingShowDirectiveStack(),this.executeAndClearNextTickStack(e)}initializeElement(e,t){e.hasAttribute("class")&&d(e,this).length>0&&(e.__x_original_classes=m(e.getAttribute("class"))),this.registerListeners(e,t),this.resolveBoundAttributes(e,!0,t)}updateElements(e,t=(()=>{})){this.walkAndSkipNestedComponents(e,e=>{if(void 0!==e.__x_for_key&&!e.isSameNode(this.$el))return!1;this.updateElement(e,t)},e=>{e.__x=new de(e)}),this.executeAndClearRemainingShowDirectiveStack(),this.executeAndClearNextTickStack(e)}executeAndClearNextTickStack(e){e===this.$el&&this.nextTickStack.length>0&&requestAnimationFrame(()=>{for(;this.nextTickStack.length>0;)this.nextTickStack.shift()()})}executeAndClearRemainingShowDirectiveStack(){this.showDirectiveStack.reverse().map(e=>new Promise((t,i)=>{e(t,i)})).reduce((e,t)=>e.then(()=>t.then(e=>{e()})),Promise.resolve(()=>{})).catch(e=>{if("cancelled"!==e)throw e}),this.showDirectiveStack=[],this.showDirectiveLastElement=void 0}updateElement(e,t){this.resolveBoundAttributes(e,!1,t)}registerListeners(e,t){d(e,this).forEach(({type:n,value:r,modifiers:o,expression:s})=>{switch(n){case"on":T(this,e,r,o,s,t);break;case"model":!function(e,t,n,r,o){var s="select"===t.tagName.toLowerCase()||["checkbox","radio"].includes(t.type)||n.includes("lazy")?"change":"input";T(e,t,s,n,`${r} = rightSideOfExpression($event, ${r})`,()=>i(i({},o()),{},{rightSideOfExpression:R(t,n,r)}))}(this,e,o,s,t)}})}resolveBoundAttributes(e,t=!1,i){let n=d(e,this);n.forEach(({type:r,value:o,modifiers:a,expression:l})=>{switch(r){case"model":A(this,e,"value",l,i,r,a);break;case"bind":if("template"===e.tagName.toLowerCase()&&"key"===o)return;A(this,e,o,l,i,r,a);break;case"text":var c=this.evaluateReturnExpression(e,l,i);!function(e,t,i){void 0===t&&i.match(/\./)&&(t=""),e.textContent=t}(e,c,l);break;case"html":!function(e,t,i,n){t.innerHTML=e.evaluateReturnExpression(t,i,n)}(this,e,l,i);break;case"show":c=this.evaluateReturnExpression(e,l,i),function(e,t,i,n,r=!1){const o=()=>{t.style.display="none",t.__x_is_shown=!1},s=()=>{1===t.style.length&&"none"===t.style.display?t.removeAttribute("style"):t.style.removeProperty("display"),t.__x_is_shown=!0};if(!0===r)return void(i?s():o());const a=(n,r)=>{i?(("none"===t.style.display||t.__x_transition)&&g(t,()=>{s()},r,e),n(()=>{})):"none"!==t.style.display?v(t,()=>{n(()=>{o()})},r,e):n(()=>{})};n.includes("immediate")?a(e=>e(),()=>{}):(e.showDirectiveLastElement&&!e.showDirectiveLastElement.contains(t)&&e.executeAndClearRemainingShowDirectiveStack(),e.showDirectiveStack.push(a),e.showDirectiveLastElement=t)}(this,e,c,a,t);break;case"if":if(n.some(e=>"for"===e.type))return;c=this.evaluateReturnExpression(e,l,i),function(e,t,i,n,r){s(t,"x-if");const o=t.nextElementSibling&&!0===t.nextElementSibling.__x_inserted_me;if(!i||o&&!t.__x_transition)!i&&o&&v(t.nextElementSibling,()=>{t.nextElementSibling.remove()},()=>{},e,n);else{const i=document.importNode(t.content,!0);t.parentElement.insertBefore(i,t.nextElementSibling),g(t.nextElementSibling,()=>{},()=>{},e,n),e.initializeElements(t.nextElementSibling,r),t.nextElementSibling.__x_inserted_me=!0}}(this,e,c,t,i);break;case"for":_(this,e,l,t,i);break;case"cloak":e.removeAttribute("x-cloak")}})}evaluateReturnExpression(e,t,n=(()=>{})){return c(t,this.$data,i(i({},n()),{},{$dispatch:this.getDispatchFunction(e)}))}evaluateCommandExpression(e,t,n=(()=>{})){return function(e,t,i={}){if("function"==typeof e)return Promise.resolve(e.call(t,i.$event));let n=Function;if(n=Object.getPrototypeOf((async function(){})).constructor,Object.keys(t).includes(e)){let n=new Function(["dataContext",...Object.keys(i)],`with(dataContext) { return ${e} }`)(t,...Object.values(i));return"function"==typeof n?Promise.resolve(n.call(t,i.$event)):Promise.resolve()}return Promise.resolve(new n(["dataContext",...Object.keys(i)],`with(dataContext) { ${e} }`)(t,...Object.values(i)))}(t,this.$data,i(i({},n()),{},{$dispatch:this.getDispatchFunction(e)}))}getDispatchFunction(e){return(t,i={})=>{e.dispatchEvent(new CustomEvent(t,{detail:i,bubbles:!0}))}}listenForNewElementsToInitialize(){const e=this.$el;new MutationObserver(e=>{for(let t=0;t<e.length;t++){const i=e[t].target.closest("[x-data]");if(i&&i.isSameNode(this.$el)){if("attributes"===e[t].type&&"x-data"===e[t].attributeName){const i=c(e[t].target.getAttribute("x-data")||"{}",{$el:this.$el});Object.keys(i).forEach(e=>{this.$data[e]!==i[e]&&(this.$data[e]=i[e])})}e[t].addedNodes.length>0&&e[t].addedNodes.forEach(e=>{1!==e.nodeType||e.__x_inserted_me||(!e.matches("[x-data]")||e.__x?this.initializeElements(e):e.__x=new de(e))})}}}).observe(e,{childList:!0,attributes:!0,subtree:!0})}getRefsProxy(){var e=this;return new Proxy({},{get(t,i){return"$isAlpineProxy"===i||(e.walkAndSkipNestedComponents(e.$el,e=>{e.hasAttribute("x-ref")&&e.getAttribute("x-ref")===i&&(n=e)}),n);var n}})}}const fe={version:"2.7.3",pauseMutationObserver:!1,magicProperties:{},onComponentInitializeds:[],onBeforeComponentInitializeds:[],ignoreFocusedForValueBinding:!1,start:async function(){r()||await new Promise(e=>{"loading"==document.readyState?document.addEventListener("DOMContentLoaded",e):e()}),this.discoverComponents(e=>{this.initializeComponent(e)}),document.addEventListener("turbolinks:load",()=>{this.discoverUninitializedComponents(e=>{this.initializeComponent(e)})}),this.listenForNewUninitializedComponentsAtRunTime()},discoverComponents:function(e){document.querySelectorAll("[x-data]").forEach(t=>{e(t)})},discoverUninitializedComponents:function(e,t=null){const i=(t||document).querySelectorAll("[x-data]");Array.from(i).filter(e=>void 0===e.__x).forEach(t=>{e(t)})},listenForNewUninitializedComponentsAtRunTime:function(){const e=document.querySelector("body");new MutationObserver(e=>{if(!this.pauseMutationObserver)for(let t=0;t<e.length;t++)e[t].addedNodes.length>0&&e[t].addedNodes.forEach(e=>{1===e.nodeType&&(e.parentElement&&e.parentElement.closest("[x-data]")||this.discoverUninitializedComponents(e=>{this.initializeComponent(e)},e.parentElement))})}).observe(e,{childList:!0,attributes:!0,subtree:!0})},initializeComponent:function(e){if(!e.__x)try{e.__x=new de(e)}catch(e){setTimeout(()=>{throw e},0)}},clone:function(e,t){t.__x||(t.__x=new de(t,e))},addMagicProperty:function(e,t){this.magicProperties[e]=t},onComponentInitialized:function(e){this.onComponentInitializeds.push(e)},onBeforeComponentInitialized:function(e){this.onBeforeComponentInitializeds.push(e)}};return r()||(window.Alpine=fe,window.deferLoadingAlpine?window.deferLoadingAlpine((function(){window.Alpine.start()})):window.Alpine.start()),fe}()},function(e,t,i){"use strict";i.r(t);i(3),i(4);var n=i(1),r=i(0),o=i.n(r),s=[1e3,3e3],a=["phx-click-loading","phx-change-loading","phx-submit-loading","phx-keydown-loading","phx-keyup-loading","phx-blur-loading","phx-focus-loading"],l="data-phx-component",c="data-phx-ref",u="data-phx-upload-ref",h=["text","textarea","number","email","password","search","tel","url","date","time"],d=["checkbox","radio"],f="data-phx-session",p=`[${f}]`,m="data-phx-static",g={debounce:300,throttle:300},v="d",b="s",y="e",k="r",w="t",E=(e,t)=>console.error&&console.error(e,t);var x,S=e=>"function"==typeof e?e:function(){return e},_=e=>JSON.parse(JSON.stringify(e)),C=(e,t,i)=>{do{if(e.matches(`[${t}]`))return e;e=e.parentElement||e.parentNode}while(null!==e&&1===e.nodeType&&!(i&&i.isSameNode(e)||e.matches(p)));return null},A=e=>null!==e&&"object"==typeof e&&!(e instanceof Array),P=e=>{for(let t in e)return!1;return!0},T=(e,t)=>e&&t(e),L=function(e,t,i,n){e.forEach(e=>{new class{constructor(e,t,i){this.liveSocket=i,this.entry=e,this.offset=0,this.chunkSize=t,this.chunkTimer=null,this.uploadChannel=i.channel("lvu:"+e.ref,{token:e.metadata()})}error(e){clearTimeout(this.chunkTimer),this.uploadChannel.leave(),this.entry.error(e)}upload(){this.uploadChannel.onError(e=>this.error(e)),this.uploadChannel.join().receive("ok",e=>this.readNextChunk()).receive("error",e=>this.error(e))}isDone(){return this.offset>=this.entry.file.size}readNextChunk(){let e=new window.FileReader,t=this.entry.file.slice(this.offset,this.chunkSize+this.offset);e.onload=e=>{if(null!==e.target.error)return E("Read error: "+e.target.error);this.offset+=e.target.result.byteLength,this.pushChunk(e.target.result)},e.readAsArrayBuffer(t)}pushChunk(e){this.uploadChannel.isJoined()&&this.uploadChannel.push("chunk",e).receive("ok",()=>{this.entry.progress(this.offset/this.entry.file.size*100),this.isDone()||(this.chunkTimer=setTimeout(()=>this.readNextChunk(),this.liveSocket.getLatencySim()||0))})}}(e,i.config.chunk_size,n).upload()})},O={canPushState:()=>void 0!==history.pushState,dropLocal(e,t,i){return e.removeItem(this.localKey(t,i))},updateLocal(e,t,i,n,r){let o=this.getLocal(e,t,i),s=this.localKey(t,i),a=null===o?n:r(o);return e.setItem(s,JSON.stringify(a)),a},getLocal(e,t,i){return JSON.parse(e.getItem(this.localKey(t,i)))},updateCurrentState(e){this.canPushState()&&history.replaceState(e(history.state||{}),"",window.location.href)},pushState(e,t,i){if(this.canPushState()){if(i!==window.location.href){if("redirect"==t.type&&t.scroll){let e=history.state||{};e.scroll=t.scroll,history.replaceState(e,"",window.location.href)}delete t.scroll,history[e+"State"](t,"",i||null);let n=this.getHashTargetEl(window.location.hash);n?n.scrollIntoView():"redirect"===t.type&&window.scroll(0,0)}}else this.redirect(i)},setCookie(e,t){document.cookie=`${e}=${t}`},getCookie:e=>document.cookie.replace(new RegExp(`(?:(?:^|.*;s*)${e}s*=s*([^;]*).*$)|^.*$`),"$1"),redirect(e,t){t&&O.setCookie("__phoenix_flash__",t+"; max-age=60000; path=/"),window.location=e},localKey:(e,t)=>`${e}-${t}`,getHashTargetEl(e){let t=e.toString().substring(1);if(""!==t)return document.getElementById(t)||document.querySelector(`a[name="${t}"]`)}},R=O,D={byId:e=>document.getElementById(e)||E("no id found for "+e),removeClass(e,t){e.classList.remove(t),0===e.classList.length&&e.removeAttribute("class")},all(e,t,i){if(!e)return[];let n=Array.from(e.querySelectorAll(t));return i?n.forEach(i):n},childNodeLength(e){let t=document.createElement("template");return t.innerHTML=e,t.content.childElementCount},isUploadInput:e=>"file"===e.type&&null!==e.getAttribute(u),findUploadInputs(e){return this.all(e,`input[type="file"][${u}]`)},findComponentNodeList(e,t){return this.filterWithinSameLiveView(this.all(e,`[${l}="${t}"]`),e)},isPhxDestroyed:e=>!(!e.id||!D.private(e,"destroyed")),markPhxChildDestroyed(e){e.setAttribute(f,""),this.putPrivate(e,"destroyed",!0)},findPhxChildrenInFragment(e,t){let i=document.createElement("template");return i.innerHTML=e,this.findPhxChildren(i.content,t)},isIgnored:(e,t)=>"ignore"===(e.getAttribute(t)||e.getAttribute("data-phx-update")),isPhxUpdate:(e,t,i)=>e.getAttribute&&i.indexOf(e.getAttribute(t))>=0,findPhxChildren(e,t){return this.all(e,`${p}[data-phx-parent-id="${t}"]`)},findParentCIDs(e,t){let i=new Set(t);return t.reduce((t,i)=>{let n=`[${l}="${i}"] [${l}]`;return this.filterWithinSameLiveView(this.all(e,n),e).map(e=>parseInt(e.getAttribute(l))).forEach(e=>t.delete(e)),t},i)},filterWithinSameLiveView(e,t){return t.querySelector(p)?e.filter(e=>this.withinSameLiveView(e,t)):e},withinSameLiveView(e,t){for(;e=e.parentNode;){if(e.isSameNode(t))return!0;if(null!==e.getAttribute(f))return!1}},private:(e,t)=>e.phxPrivate&&e.phxPrivate[t],deletePrivate(e,t){e.phxPrivate&&delete e.phxPrivate[t]},putPrivate(e,t,i){e.phxPrivate||(e.phxPrivate={}),e.phxPrivate[t]=i},copyPrivates(e,t){t.phxPrivate&&(e.phxPrivate=_(t.phxPrivate))},putTitle(e){let t=document.querySelector("title"),{prefix:i,suffix:n}=t.dataset;document.title=`${i||""}${e}${n||""}`},debounce(e,t,i,n,r,o,s){let a=e.getAttribute(i),l=e.getAttribute(r);""===a&&(a=n),""===l&&(l=o);let c=a||l;switch(c){case null:return s();case"blur":return void(this.once(e,"debounce-blur")&&e.addEventListener("blur",()=>s()));default:let i=parseInt(c),n=()=>l?this.deletePrivate(e,"throttled"):s(),r=this.incCycle(e,"debounce-trigger",n);if(isNaN(i))return E("invalid throttle/debounce value: "+c);if(l){let n=!1;if("keydown"===t.type){let i=this.private(e,"debounce-prev-key");this.putPrivate(e,"debounce-prev-key",t.key),n=i!==t.key}if(!n&&this.private(e,"throttled"))return!1;s(),this.putPrivate(e,"throttled",!0),setTimeout(()=>this.triggerCycle(e,"debounce-trigger"),i)}else setTimeout(()=>this.triggerCycle(e,"debounce-trigger",r),i);let o=e.form;o&&this.once(o,"bind-debounce")&&o.addEventListener("submit",()=>{Array.from(new FormData(o).entries(),([e])=>{let t=o.querySelector(`[name="${e}"]`);this.incCycle(t,"debounce-trigger"),this.deletePrivate(t,"throttled")})}),this.once(e,"bind-debounce")&&e.addEventListener("blur",()=>this.triggerCycle(e,"debounce-trigger"))}},triggerCycle(e,t,i){let[n,r]=this.private(e,t);i||(i=n),i===n&&(this.incCycle(e,t),r())},once(e,t){return!0!==this.private(e,t)&&(this.putPrivate(e,t,!0),!0)},incCycle(e,t,i=function(){}){let[n]=this.private(e,t)||[0,i];return n++,this.putPrivate(e,t,[n,i]),n},discardError(e,t,i){let n=t.getAttribute&&t.getAttribute(i),r=n&&e.querySelector(`[id="${n}"], [name="${n}"]`);r&&(this.private(r,"phx-has-focused")||this.private(r.form,"phx-has-submitted")||t.classList.add("phx-no-feedback"))},showError(e,t){(e.id||e.name)&&this.all(e.form,`[${t}="${e.id}"], [${t}="${e.name}"]`,e=>{this.removeClass(e,"phx-no-feedback")})},isPhxChild:e=>e.getAttribute&&e.getAttribute("data-phx-parent-id"),dispatchEvent(e,t,i={}){let n=new CustomEvent(t,{bubbles:!0,cancelable:!0,detail:i});e.dispatchEvent(n)},cloneNode(e,t){if(void 0===t)return e.cloneNode(!0);{let i=e.cloneNode(!1);return i.innerHTML=t,i}},mergeAttrs(e,t,i={}){let n=i.exclude||[],r=i.isIgnored,o=t.attributes;for(let i=o.length-1;i>=0;i--){let r=o[i].name;n.indexOf(r)<0&&e.setAttribute(r,t.getAttribute(r))}let s=e.attributes;for(let i=s.length-1;i>=0;i--){let n=s[i].name;r?n.startsWith("data-")&&!t.hasAttribute(n)&&e.removeAttribute(n):t.hasAttribute(n)||e.removeAttribute(n)}},mergeFocusedInput(e,t){e instanceof HTMLSelectElement||D.mergeAttrs(e,t,{except:["value"]}),t.readOnly?e.setAttribute("readonly",!0):e.removeAttribute("readonly")},hasSelectionRange:e=>e.setSelectionRange&&("text"===e.type||"textarea"===e.type),restoreFocus(e,t,i){if(!D.isTextualInput(e))return;let n=e.matches(":focus");e.readOnly&&e.blur(),n||e.focus(),this.hasSelectionRange(e)&&e.setSelectionRange(t,i)},isFormInput:e=>/^(?:input|select|textarea)$/i.test(e.tagName)&&"button"!==e.type,syncAttrsToProps(e){e instanceof HTMLInputElement&&d.indexOf(e.type.toLocaleLowerCase())>=0&&(e.checked=null!==e.getAttribute("checked"))},syncPropsToAttrs(e){if(e instanceof HTMLSelectElement){let t=e.options.item(e.selectedIndex);t&&null===t.getAttribute("selected")&&t.setAttribute("selected","")}},isTextualInput:e=>h.indexOf(e.type)>=0,isNowTriggerFormExternal:(e,t)=>e.getAttribute&&null!==e.getAttribute(t),syncPendingRef(e,t,i){let n=e.getAttribute(c);return null===n||(D.isFormInput(e)||null!==e.getAttribute(i)?(D.isUploadInput(e)&&D.mergeAttrs(e,t,{isIgnored:!0}),D.putPrivate(e,c,t),!1):(a.forEach(i=>{e.classList.contains(i)&&t.classList.add(i)}),t.setAttribute(c,n),!0))},cleanChildNodes(e,t){if(D.isPhxUpdate(e,t,["append","prepend"])){let t=[];e.childNodes.forEach(e=>{if(!e.id){e.nodeType===Node.TEXT_NODE&&""===e.nodeValue.trim()||E(`only HTML element tags with an id are allowed inside containers with phx-update.\n\nremoving illegal node: "${(e.outerHTML||e.nodeValue).trim()}"\n\n`),t.push(e)}}),t.forEach(e=>e.remove())}},replaceRootContainer(e,t,i){let n=new Set(["id",f,m,"data-phx-main"]);if(e.tagName.toLowerCase()===t.toLowerCase())return Array.from(e.attributes).filter(e=>!n.has(e.name.toLowerCase())).forEach(t=>e.removeAttribute(t.name)),Object.keys(i).filter(e=>!n.has(e.toLowerCase())).forEach(t=>e.setAttribute(t,i[t])),e;{let r=document.createElement(t);return Object.keys(i).forEach(e=>r.setAttribute(e,i[e])),n.forEach(t=>r.setAttribute(t,e.getAttribute(t))),r.innerHTML=e.innerHTML,e.replaceWith(r),r}}},I=D,j=class{static isActive(e,t){let i=void 0===t._phxRef,n=e.getAttribute("data-phx-active-refs").split(",").indexOf(M.genFileRef(t))>=0;return t.size>0&&(i||n)}static isPreflighted(e,t){return e.getAttribute("data-phx-preflighted-refs").split(",").indexOf(M.genFileRef(t))>=0&&this.isActive(e,t)}constructor(e,t,i){this.ref=M.genFileRef(t),this.fileEl=e,this.file=t,this.view=i,this.meta=null,this._isCancelled=!1,this._isDone=!1,this._progress=0,this._lastProgressSent=-1,this._onDone=function(){},this._onElUpdated=this.onElUpdated.bind(this),this.fileEl.addEventListener("phx:live-file:updated",this._onElUpdated)}metadata(){return this.meta}progress(e){this._progress=Math.floor(e),this._progress>this._lastProgressSent&&(this._progress>=100?(this._progress=100,this._lastProgressSent=100,this._isDone=!0,this.view.pushFileProgress(this.fileEl,this.ref,100,()=>{M.untrackFile(this.fileEl,this.file),this._onDone()})):(this._lastProgressSent=this._progress,this.view.pushFileProgress(this.fileEl,this.ref,this._progress)))}cancel(){this._isCancelled=!0,this._isDone=!0,this._onDone()}isDone(){return this._isDone}error(e="failed"){this.view.pushFileProgress(this.fileEl,this.ref,{error:e}),M.clearFiles(this.fileEl)}onDone(e){this._onDone=()=>{this.fileEl.removeEventListener("phx:live-file:updated",this._onElUpdated),e()}}onElUpdated(){-1===this.fileEl.getAttribute("data-phx-active-refs").split(",").indexOf(this.ref)&&this.cancel()}toPreflightPayload(){return{last_modified:this.file.lastModified,name:this.file.name,size:this.file.size,type:this.file.type,ref:this.ref}}uploader(e){if(this.meta.uploader){let t=e[this.meta.uploader]||E("no uploader configured for "+this.meta.uploader);return{name:this.meta.uploader,callback:t}}return{name:"channel",callback:L}}zipPostFlight(e){this.meta=e.entries[this.ref],this.meta||E("no preflight upload response returned with ref "+this.ref,{input:this.fileEl,response:e})}},N=0,M=class{static genFileRef(e){let t=e._phxRef;return void 0!==t?t:(e._phxRef=(N++).toString(),e._phxRef)}static getEntryDataURL(e,t,i){let n=this.activeFiles(e).find(e=>this.genFileRef(e)===t);i(URL.createObjectURL(n))}static hasUploadsInProgress(e){let t=0;return I.findUploadInputs(e).forEach(e=>{e.getAttribute("data-phx-preflighted-refs")!==e.getAttribute("data-phx-done-refs")&&t++}),t>0}static serializeUploads(e){let t=this.activeFiles(e),i={};return t.forEach(t=>{let n={path:e.name},r=e.getAttribute(u);i[r]=i[r]||[],n.ref=this.genFileRef(t),n.name=t.name||n.ref,n.type=t.type,n.size=t.size,i[r].push(n)}),i}static clearFiles(e){e.value=null,e.removeAttribute(u),I.putPrivate(e,"files",[])}static untrackFile(e,t){I.putPrivate(e,"files",I.private(e,"files").filter(e=>!Object.is(e,t)))}static trackFiles(e,t){if(null!==e.getAttribute("multiple")){let i=t.filter(t=>!this.activeFiles(e).find(e=>Object.is(e,t)));I.putPrivate(e,"files",this.activeFiles(e).concat(i)),e.value=null}else I.putPrivate(e,"files",t)}static activeFileInputs(e){let t=I.findUploadInputs(e);return Array.from(t).filter(e=>e.files&&this.activeFiles(e).length>0)}static activeFiles(e){return(I.private(e,"files")||[]).filter(t=>j.isActive(e,t))}static inputsAwaitingPreflight(e){let t=I.findUploadInputs(e);return Array.from(t).filter(e=>this.filesAwaitingPreflight(e).length>0)}static filesAwaitingPreflight(e){return this.activeFiles(e).filter(t=>!j.isPreflighted(e,t))}constructor(e,t,i){this.view=t,this.onComplete=i,this._entries=Array.from(M.filesAwaitingPreflight(e)||[]).map(i=>new j(e,i,t)),this.numEntriesInProgress=this._entries.length}entries(){return this._entries}initAdapterUpload(e,t,i){this._entries=this._entries.map(t=>(t.zipPostFlight(e),t.onDone(()=>{this.numEntriesInProgress--,0===this.numEntriesInProgress&&this.onComplete()}),t));let n=this._entries.reduce((e,t)=>{let{name:n,callback:r}=t.uploader(i.uploaders);return e[n]=e[n]||{callback:r,entries:[]},e[n].entries.push(t),e},{});for(let r in n){let{callback:o,entries:s}=n[r];o(s,t,e,i)}}},$={LiveFileUpload:{activeRefs(){return this.el.getAttribute("data-phx-active-refs")},preflightedRefs(){return this.el.getAttribute("data-phx-preflighted-refs")},mounted(){this.preflightedWas=this.preflightedRefs()},updated(){let e=this.preflightedRefs();this.preflightedWas!==e&&(this.preflightedWas=e,""===e&&this.__view.cancelSubmit(this.el.form)),""===this.activeRefs()&&(this.el.value=null),this.el.dispatchEvent(new CustomEvent("phx:live-file:updated"))}},LiveImgPreview:{mounted(){this.ref=this.el.getAttribute("data-phx-entry-ref"),this.inputEl=document.getElementById(this.el.getAttribute(u)),M.getEntryDataURL(this.inputEl,this.ref,e=>{this.url=e,this.el.src=e})},destroyed(){URL.revokeObjectURL(this.url)}}};var U="undefined"==typeof document?void 0:document,H=!!U&&"content"in U.createElement("template"),F=!!U&&U.createRange&&"createContextualFragment"in U.createRange();function B(e){return e=e.trim(),H?function(e){var t=U.createElement("template");return t.innerHTML=e,t.content.childNodes[0]}(e):F?function(e){return x||(x=U.createRange()).selectNode(U.body),x.createContextualFragment(e).childNodes[0]}(e):function(e){var t=U.createElement("body");return t.innerHTML=e,t.childNodes[0]}(e)}function J(e,t){var i,n,r=e.nodeName,o=t.nodeName;return r===o||(i=r.charCodeAt(0),n=o.charCodeAt(0),i<=90&&n>=97?r===o.toUpperCase():n<=90&&i>=97&&o===r.toUpperCase())}function z(e,t,i){e[i]!==t[i]&&(e[i]=t[i],e[i]?e.setAttribute(i,""):e.removeAttribute(i))}var W={OPTION:function(e,t){var i=e.parentNode;if(i){var n=i.nodeName.toUpperCase();"OPTGROUP"===n&&(n=(i=i.parentNode)&&i.nodeName.toUpperCase()),"SELECT"!==n||i.hasAttribute("multiple")||(e.hasAttribute("selected")&&!t.selected&&(e.setAttribute("selected","selected"),e.removeAttribute("selected")),i.selectedIndex=-1)}z(e,t,"selected")},INPUT:function(e,t){z(e,t,"checked"),z(e,t,"disabled"),e.value!==t.value&&(e.value=t.value),t.hasAttribute("value")||e.removeAttribute("value")},TEXTAREA:function(e,t){var i=t.value;e.value!==i&&(e.value=i);var n=e.firstChild;if(n){var r=n.nodeValue;if(r==i||!i&&r==e.placeholder)return;n.nodeValue=i}},SELECT:function(e,t){if(!t.hasAttribute("multiple")){for(var i,n,r=-1,o=0,s=e.firstChild;s;)if("OPTGROUP"===(n=s.nodeName&&s.nodeName.toUpperCase()))s=(i=s).firstChild;else{if("OPTION"===n){if(s.hasAttribute("selected")){r=o;break}o++}!(s=s.nextSibling)&&i&&(s=i.nextSibling,i=null)}e.selectedIndex=r}}};function q(){}function V(e){if(e)return e.getAttribute&&e.getAttribute("id")||e.id}var K,G=(K=function(e,t){var i,n,r,o,s=t.attributes;if(11!==t.nodeType&&11!==e.nodeType){for(var a=s.length-1;a>=0;a--)n=(i=s[a]).name,r=i.namespaceURI,o=i.value,r?(n=i.localName||n,e.getAttributeNS(r,n)!==o&&("xmlns"===i.prefix&&(n=i.name),e.setAttributeNS(r,n,o))):e.getAttribute(n)!==o&&e.setAttribute(n,o);for(var l=e.attributes,c=l.length-1;c>=0;c--)n=(i=l[c]).name,(r=i.namespaceURI)?(n=i.localName||n,t.hasAttributeNS(r,n)||e.removeAttributeNS(r,n)):t.hasAttribute(n)||e.removeAttribute(n)}},function(e,t,i){if(i||(i={}),"string"==typeof t)if("#document"===e.nodeName||"HTML"===e.nodeName||"BODY"===e.nodeName){var n=t;(t=U.createElement("html")).innerHTML=n}else t=B(t);var r=i.getNodeKey||V,o=i.onBeforeNodeAdded||q,s=i.onNodeAdded||q,a=i.onBeforeElUpdated||q,l=i.onElUpdated||q,c=i.onBeforeNodeDiscarded||q,u=i.onNodeDiscarded||q,h=i.onBeforeElChildrenUpdated||q,d=!0===i.childrenOnly,f=Object.create(null),p=[];function m(e){p.push(e)}function g(e,t,i){!1!==c(e)&&(t&&t.removeChild(e),u(e),function e(t,i){if(1===t.nodeType)for(var n=t.firstChild;n;){var o=void 0;i&&(o=r(n))?m(o):(u(n),n.firstChild&&e(n,i)),n=n.nextSibling}}(e,i))}function v(e){s(e);for(var t=e.firstChild;t;){var i=t.nextSibling,n=r(t);if(n){var o=f[n];o&&J(t,o)?(t.parentNode.replaceChild(o,t),b(o,t)):v(t)}else v(t);t=i}}function b(e,t,i){var n=r(t);if(n&&delete f[n],!i){if(!1===a(e,t))return;if(K(e,t),l(e),!1===h(e,t))return}"TEXTAREA"!==e.nodeName?function(e,t){var i,n,s,a,l,c=t.firstChild,u=e.firstChild;e:for(;c;){for(a=c.nextSibling,i=r(c);u;){if(s=u.nextSibling,c.isSameNode&&c.isSameNode(u)){c=a,u=s;continue e}n=r(u);var h=u.nodeType,d=void 0;if(h===c.nodeType&&(1===h?(i?i!==n&&((l=f[i])?s===l?d=!1:(e.insertBefore(l,u),n?m(n):g(u,e,!0),u=l):d=!1):n&&(d=!1),(d=!1!==d&&J(u,c))&&b(u,c)):3!==h&&8!=h||(d=!0,u.nodeValue!==c.nodeValue&&(u.nodeValue=c.nodeValue))),d){c=a,u=s;continue e}n?m(n):g(u,e,!0),u=s}if(i&&(l=f[i])&&J(l,c))e.appendChild(l),b(l,c);else{var p=o(c);!1!==p&&(p&&(c=p),c.actualize&&(c=c.actualize(e.ownerDocument||U)),e.appendChild(c),v(c))}c=a,u=s}!function(e,t,i){for(;t;){var n=t.nextSibling;(i=r(t))?m(i):g(t,e,!0),t=n}}(e,u,n);var y=W[e.nodeName];y&&y(e,t)}(e,t):W.TEXTAREA(e,t)}!function e(t){if(1===t.nodeType||11===t.nodeType)for(var i=t.firstChild;i;){var n=r(i);n&&(f[n]=i),e(i),i=i.nextSibling}}(e);var y,k,w=e,E=w.nodeType,x=t.nodeType;if(!d)if(1===E)1===x?J(e,t)||(u(e),w=function(e,t){for(var i=e.firstChild;i;){var n=i.nextSibling;t.appendChild(i),i=n}return t}(e,(y=t.nodeName,(k=t.namespaceURI)&&"http://www.w3.org/1999/xhtml"!==k?U.createElementNS(k,y):U.createElement(y)))):w=t;else if(3===E||8===E){if(x===E)return w.nodeValue!==t.nodeValue&&(w.nodeValue=t.nodeValue),w;w=t}if(w===t)u(e);else{if(t.isSameNode&&t.isSameNode(w))return;if(b(w,t,d),p)for(var S=0,_=p.length;S<_;S++){var C=f[p[S]];C&&g(C,C.parentNode,!1)}}return!d&&w!==e&&e.parentNode&&(w.actualize&&(w=w.actualize(e.ownerDocument||U)),e.parentNode.replaceChild(w,e)),w}),X=class{static patchEl(e,t,i){G(e,t,{childrenOnly:!1,onBeforeElUpdated:(e,t)=>{if(i&&i.isSameNode(e)&&I.isFormInput(e))return I.mergeFocusedInput(e,t),!1}})}constructor(e,t,i,n,r){this.view=e,this.liveSocket=e.liveSocket,this.container=t,this.id=i,this.rootID=e.root.id,this.html=n,this.targetCID=r,this.cidPatch="number"==typeof this.targetCID,this.callbacks={beforeadded:[],beforeupdated:[],beforephxChildAdded:[],afteradded:[],afterupdated:[],afterdiscarded:[],afterphxChildAdded:[]}}before(e,t){this.callbacks["before"+e].push(t)}after(e,t){this.callbacks["after"+e].push(t)}trackBefore(e,...t){this.callbacks["before"+e].forEach(e=>e(...t))}trackAfter(e,...t){this.callbacks["after"+e].forEach(e=>e(...t))}markPrunableContentForRemoval(){I.all(this.container,"[phx-update=append] > *, [phx-update=prepend] > *",e=>{e.setAttribute("data-phx-remove","")})}perform(){let{view:e,liveSocket:t,container:i,html:n}=this,r=this.isCIDPatch()?this.targetCIDContainer(n):i;if(this.isCIDPatch()&&!r)return;let o=t.getActiveElement(),{selectionStart:s,selectionEnd:a}=o&&I.hasSelectionRange(o)?o:{},c=t.binding("update"),u=t.binding("feedback-for"),h=t.binding("disable-with"),d=t.binding("trigger-action"),p=[],g=[],v=[],b=null,y=t.time("premorph container prep",()=>this.buildDiffHTML(i,n,c,r));return this.trackBefore("added",i),this.trackBefore("updated",i,i),t.time("morphdom",()=>{G(r,y,{childrenOnly:null===r.getAttribute(l),getNodeKey:e=>I.isPhxDestroyed(e)?null:e.id,onBeforeNodeAdded:e=>(this.trackBefore("added",e),e),onNodeAdded:t=>{I.isNowTriggerFormExternal(t,d)&&(b=t),I.discardError(r,t,u),I.isPhxChild(t)&&e.ownsElement(t)&&this.trackAfter("phxChildAdded",t),p.push(t)},onNodeDiscarded:e=>{I.isPhxChild(e)&&t.destroyViewByEl(e),this.trackAfter("discarded",e)},onBeforeNodeDiscarded:e=>!(!e.getAttribute||null===e.getAttribute("data-phx-remove"))||(null===e.parentNode||!I.isPhxUpdate(e.parentNode,c,["append","prepend"])||!e.id)&&!this.skipCIDSibling(e),onElUpdated:e=>{I.isNowTriggerFormExternal(e,d)&&(b=e),g.push(e)},onBeforeElUpdated:(e,t)=>{if(I.cleanChildNodes(t,c),this.skipCIDSibling(t))return!1;if(I.isIgnored(e,c))return this.trackBefore("updated",e,t),I.mergeAttrs(e,t,{isIgnored:!0}),g.push(e),!1;if("number"===e.type&&e.validity&&e.validity.badInput)return!1;if(!I.syncPendingRef(e,t,h))return I.isUploadInput(e)&&(this.trackBefore("updated",e,t),g.push(e)),!1;if(I.isPhxChild(t)){let i=e.getAttribute(f);return I.mergeAttrs(e,t,{exclude:[m]}),""!==i&&e.setAttribute(f,i),e.setAttribute("data-phx-root-id",this.rootID),!1}return I.copyPrivates(t,e),I.discardError(r,t,u),I.syncPropsToAttrs(t),o&&e.isSameNode(o)&&I.isFormInput(e)&&!this.forceFocusedSelectUpdate(e,t)?(this.trackBefore("updated",e,t),I.mergeFocusedInput(e,t),I.syncAttrsToProps(e),g.push(e),!1):(I.isPhxUpdate(t,c,["append","prepend"])&&v.push(new class{constructor(e,t,i){let n=new Set,r=new Set([...t.children].map(e=>e.id)),o=[];Array.from(e.children).forEach(e=>{if(e.id&&(n.add(e.id),r.has(e.id))){let t=e.previousElementSibling&&e.previousElementSibling.id;o.push({elementId:e.id,previousElementId:t})}}),this.containerId=t.id,this.updateType=i,this.elementsToModify=o,this.elementIdsToAdd=[...r].filter(e=>!n.has(e))}perform(){let e=I.byId(this.containerId);this.elementsToModify.forEach(t=>{t.previousElementId?T(document.getElementById(t.previousElementId),e=>{T(document.getElementById(t.elementId),t=>{t.previousElementSibling&&t.previousElementSibling.id==e.id||e.insertAdjacentElement("afterend",t)})}):T(document.getElementById(t.elementId),t=>{null==t.previousElementSibling||e.insertAdjacentElement("afterbegin",t)})}),"prepend"==this.updateType&&this.elementIdsToAdd.reverse().forEach(t=>{T(document.getElementById(t),t=>e.insertAdjacentElement("afterbegin",t))})}}(e,t,t.getAttribute(c))),I.syncAttrsToProps(t),this.trackBefore("updated",e,t),!0)}})}),t.isDebugEnabled()&&function(){let e=new Set,t=document.querySelectorAll("*[id]");for(let i=0,n=t.length;i<n;i++)e.has(t[i].id)?console.error(`Multiple IDs detected: ${t[i].id}. Ensure unique element ids.`):e.add(t[i].id)}(),v.length>0&&t.time("post-morph append/prepend restoration",()=>{v.forEach(e=>e.perform())}),t.silenceEvents(()=>I.restoreFocus(o,s,a)),I.dispatchEvent(document,"phx:update"),p.forEach(e=>this.trackAfter("added",e)),g.forEach(e=>this.trackAfter("updated",e)),b&&(t.disconnect(),b.submit()),!0}forceFocusedSelectUpdate(e,t){let i=["select","select-one","select-multiple"].find(t=>t===e.type);return!0===e.multiple||i&&e.innerHTML!=t.innerHTML}isCIDPatch(){return this.cidPatch}skipCIDSibling(e){return e.nodeType===Node.ELEMENT_NODE&&null!==e.getAttribute("data-phx-skip")}targetCIDContainer(e){if(!this.isCIDPatch())return;let[t,...i]=I.findComponentNodeList(this.container,this.targetCID);return 0===i.length&&1===I.childNodeLength(e)?t:t&&t.parentNode}buildDiffHTML(e,t,i,n){let r=this.isCIDPatch(),o=r&&n.getAttribute(l)===this.targetCID.toString();if(!r||o)return t;{let e=null,i=document.createElement("template");e=I.cloneNode(n);let[r,...o]=I.findComponentNodeList(e,this.targetCID);return i.innerHTML=t,o.forEach(e=>e.remove()),Array.from(e.childNodes).forEach(e=>{e.id&&e.nodeType===Node.ELEMENT_NODE&&e.getAttribute(l)!==this.targetCID.toString()&&(e.setAttribute("data-phx-skip",""),e.innerHTML="")}),Array.from(i.content.childNodes).forEach(t=>e.insertBefore(t,r)),r.remove(),e.outerHTML}}},Y=class{static extract(e){let{[k]:t,[y]:i,[w]:n}=e;return delete e[k],delete e[y],delete e[w],{diff:e,title:n,reply:t||null,events:i||[]}}constructor(e,t){this.viewId=e,this.rendered={},this.mergeDiff(t)}parentViewId(){return this.viewId}toString(e){return this.recursiveToString(this.rendered,this.rendered.c,e)}recursiveToString(e,t=e.c,i){let n={buffer:"",components:t,onlyCids:i=i?new Set(i):null};return this.toOutputBuffer(e,n),n.buffer}componentCIDs(e){return Object.keys(e.c||{}).map(e=>parseInt(e))}isComponentOnlyDiff(e){return!!e.c&&1===Object.keys(e).length}getComponent(e,t){return e.c[t]}mergeDiff(e){let t=e.c,i={};if(delete e.c,this.rendered=this.mutableMerge(this.rendered,e),this.rendered.c=this.rendered.c||{},t){let r=this.rendered.c;for(let e in t)t[e]=this.cachedFindComponent(e,t[e],r,t,i);for(var n in t)r[n]=t[n];e.c=t}}cachedFindComponent(e,t,i,n,r){if(r[e])return r[e];{let o,s,a=t[b];if("number"==typeof a){let e;e=a>0?this.cachedFindComponent(a,n[a],i,n,r):i[-a],s=e[b],o=this.cloneMerge(e,t),o[b]=s}else o=void 0!==t[b]?t:this.cloneMerge(i[e]||{},t);return r[e]=o,o}}mutableMerge(e,t){return void 0!==t[b]?t:(this.doMutableMerge(e,t),e)}doMutableMerge(e,t){for(let i in t){let n=t[i],r=e[i];A(n)&&void 0===n[b]&&A(r)?this.doMutableMerge(r,n):e[i]=n}}cloneMerge(e,t){let i={...e,...t};for(let n in i){let r=t[n],o=e[n];A(r)&&void 0===r[b]&&A(o)&&(i[n]=this.cloneMerge(o,r))}return i}componentToString(e){return this.recursiveCIDToString(this.rendered.c,e)}pruneCIDs(e){e.forEach(e=>delete this.rendered.c[e])}get(){return this.rendered}isNewFingerprint(e={}){return!!e[b]}toOutputBuffer(e,t){if(e[v])return this.comprehensionToBuffer(e,t);let{[b]:i}=e;t.buffer+=i[0];for(let n=1;n<i.length;n++)this.dynamicToBuffer(e[n-1],t),t.buffer+=i[n]}comprehensionToBuffer(e,t){let{[v]:i,[b]:n}=e;for(let e=0;e<i.length;e++){let r=i[e];t.buffer+=n[0];for(let e=1;e<n.length;e++)this.dynamicToBuffer(r[e-1],t),t.buffer+=n[e]}}dynamicToBuffer(e,t){"number"==typeof e?t.buffer+=this.recursiveCIDToString(t.components,e,t.onlyCids):A(e)?this.toOutputBuffer(e,t):t.buffer+=e}recursiveCIDToString(e,t,i){let n=e[t]||E("no component for CID "+t,e),r=document.createElement("template");r.innerHTML=this.recursiveToString(n,e,i);let o=r.content,s=i&&!i.has(t),[a,c]=Array.from(o.childNodes).reduce(([e,i],n,o)=>n.nodeType===Node.ELEMENT_NODE?n.getAttribute(l)?[e,!0]:(n.setAttribute(l,t),n.id||(n.id=`${this.parentViewId()}-${t}-${o}`),s&&(n.setAttribute("data-phx-skip",""),n.innerHTML=""),[!0,i]):""!==n.nodeValue.trim()?(E(`only HTML element tags are allowed at the root of components.\n\ngot: "${n.nodeValue.trim()}"\n\nwithin:\n`,r.innerHTML.trim()),n.replaceWith(this.createSpan(n.nodeValue,t)),[!0,i]):(n.remove(),[e,i]),[!1,!1]);return a||c?!a&&c?(E("expected at least one HTML element tag directly inside a component, but only subcomponents were found. A component must render at least one HTML tag directly inside itself.",r.innerHTML.trim()),r.innerHTML):r.innerHTML:(E("expected at least one HTML element tag inside a component, but the component is empty:\n",r.innerHTML.trim()),this.createSpan("",t).outerHTML)}createSpan(e,t){let i=document.createElement("span");return i.innerText=e,i.setAttribute(l,t),i}},Z=1,Q=class{static makeID(){return Z++}static elementID(e){return e.phxHookId}constructor(e,t,i){this.__view=e,this.__liveSocket=e.liveSocket,this.__callbacks=i,this.__listeners=new Set,this.__isDisconnected=!1,this.el=t,this.el.phxHookId=this.constructor.makeID();for(let e in this.__callbacks)this[e]=this.__callbacks[e]}__mounted(){this.mounted&&this.mounted()}__updated(){this.updated&&this.updated()}__beforeUpdate(){this.beforeUpdate&&this.beforeUpdate()}__destroyed(){this.destroyed&&this.destroyed()}__reconnected(){this.__isDisconnected&&(this.__isDisconnected=!1,this.reconnected&&this.reconnected())}__disconnected(){this.__isDisconnected=!0,this.disconnected&&this.disconnected()}pushEvent(e,t={},i=function(){}){return this.__view.pushHookEvent(null,e,t,i)}pushEventTo(e,t,i={},n=function(){}){return this.__view.withinTargets(e,(e,r)=>e.pushHookEvent(r,t,i,n))}handleEvent(e,t){let i=(i,n)=>n?e:t(i.detail);return window.addEventListener("phx:hook:"+e,i),this.__listeners.add(i),i}removeHandleEvent(e){let t=e(null,!0);window.removeEventListener("phx:hook:"+t,e),this.__listeners.delete(e)}upload(e,t){return this.__view.dispatchUploads(e,t)}uploadTo(e,t,i){return this.__view.withinTargets(e,e=>e.dispatchUploads(t,i))}__cleanup__(){this.__listeners.forEach(e=>this.removeHandleEvent(e))}},ee=(e,t={})=>{let i=new FormData(e),n=[];i.forEach((e,t,i)=>{e instanceof File&&n.push(t)}),n.forEach(e=>i.delete(e));let r=new URLSearchParams;for(let[e,t]of i.entries())r.append(e,t);for(let e in t)r.append(e,t[e]);return r.toString()},te=class{constructor(e,t,i,n){this.liveSocket=t,this.flash=n,this.parent=i,this.root=i?i.root:this,this.el=e,this.id=this.el.id,this.ref=0,this.childJoins=0,this.loaderTimer=null,this.pendingDiffs=[],this.pruningCIDs=[],this.redirect=!1,this.href=null,this.joinCount=this.parent?this.parent.joinCount-1:0,this.joinPending=!0,this.destroyed=!1,this.joinCallback=function(){},this.stopCallback=function(){},this.pendingJoinOps=this.parent?null:[],this.viewHooks={},this.uploaders={},this.formSubmits=[],this.children=this.parent?null:{},this.root.children[this.id]={},this.channel=this.liveSocket.channel("lv:"+this.id,()=>({redirect:this.redirect?this.href:void 0,url:this.redirect?void 0:this.href||void 0,params:this.connectParams(),session:this.getSession(),static:this.getStatic(),flash:this.flash})),this.showLoader(this.liveSocket.loaderTimeout),this.bindChannel()}setHref(e){this.href=e}setRedirect(e){this.redirect=!0,this.href=e}isMain(){return this.liveSocket.main===this}connectParams(){let e=this.liveSocket.params(this.el),t=I.all(document,`[${this.binding("track-static")}]`).map(e=>e.src||e.href).filter(e=>"string"==typeof e);return t.length>0&&(e._track_static=t),e._mounts=this.joinCount,e}isConnected(){return this.channel.canPush()}getSession(){return this.el.getAttribute(f)}getStatic(){let e=this.el.getAttribute(m);return""===e?null:e}destroy(e=function(){}){this.destroyAllChildren(),this.destroyed=!0,delete this.root.children[this.id],this.parent&&delete this.root.children[this.parent.id][this.id],clearTimeout(this.loaderTimer);let t=()=>{e();for(let e in this.viewHooks)this.destroyHook(this.viewHooks[e])};I.markPhxChildDestroyed(this.el),this.log("destroyed",()=>["the child has been removed from the parent"]),this.channel.leave().receive("ok",t).receive("error",t).receive("timeout",t)}setContainerClasses(...e){this.el.classList.remove("phx-connected","phx-disconnected","phx-error"),this.el.classList.add(...e)}isLoading(){return this.el.classList.contains("phx-disconnected")}showLoader(e){if(clearTimeout(this.loaderTimer),e)this.loaderTimer=setTimeout(()=>this.showLoader(),e);else{for(let e in this.viewHooks)this.viewHooks[e].__disconnected();this.setContainerClasses("phx-disconnected")}}hideLoader(){clearTimeout(this.loaderTimer),this.setContainerClasses("phx-connected")}triggerReconnected(){for(let e in this.viewHooks)this.viewHooks[e].__reconnected()}log(e,t){this.liveSocket.log(this,e,t)}withinTargets(e,t){if(e instanceof HTMLElement)return this.liveSocket.owner(e,i=>t(i,e));if(/^(0|[1-9]\d*)$/.test(e)){let i=I.findComponentNodeList(this.el,e);0===i.length?E("no component found matching phx-target of "+e):t(this,i[0])}else{let i=Array.from(document.querySelectorAll(e));0===i.length&&E(`nothing found matching the phx-target selector "${e}"`),i.forEach(e=>this.liveSocket.owner(e,i=>t(i,e)))}}applyDiff(e,t,i){this.log(e,()=>["",_(t)]);let{diff:n,reply:r,events:o,title:s}=Y.extract(t);return s&&I.putTitle(s),i({diff:n,reply:r,events:o}),r}onJoin(e){let{rendered:t,container:i}=e;if(i){let[e,t]=i;this.el=I.replaceRootContainer(this.el,e,t)}this.childJoins=0,this.joinPending=!0,this.flash=null,R.dropLocal(this.liveSocket.localStorage,window.location.pathname,"consecutive-reloads"),this.applyDiff("mount",t,({diff:t,events:i})=>{this.rendered=new Y(this.id,t);let n=this.renderContainer(null,"join");this.dropPendingRefs();let r=this.formsForRecovery(n);this.joinCount++,r.length>0?r.forEach((e,t)=>{this.pushFormRecovery(e,e=>{t===r.length-1&&this.onJoinComplete(e,n,i)})}):this.onJoinComplete(e,n,i)})}dropPendingRefs(){I.all(this.el,`[${c}]`,e=>e.removeAttribute(c))}onJoinComplete({live_patch:e},t,i){if(this.joinCount>1||this.parent&&!this.parent.isJoinPending())return this.applyJoinPatch(e,t,i);0===I.findPhxChildrenInFragment(t,this.id).filter(e=>{let t=e.id&&this.el.querySelector(`[id="${e.id}"]`),i=t&&t.getAttribute(m);return i&&e.setAttribute(m,i),this.joinChild(e)}).length?this.parent?(this.root.pendingJoinOps.push([this,()=>this.applyJoinPatch(e,t,i)]),this.parent.ackJoin(this)):(this.onAllChildJoinsComplete(),this.applyJoinPatch(e,t,i)):this.root.pendingJoinOps.push([this,()=>this.applyJoinPatch(e,t,i)])}attachTrueDocEl(){this.el=I.byId(this.id),this.el.setAttribute("data-phx-root-id",this.root.id)}dispatchEvents(e){e.forEach(([e,t])=>{window.dispatchEvent(new CustomEvent("phx:hook:"+e,{detail:t}))})}applyJoinPatch(e,t,i){this.attachTrueDocEl();let n=new X(this,this.el,this.id,t,null);if(n.markPrunableContentForRemoval(),this.performPatch(n,!1),this.joinNewChildren(),I.all(this.el,`[${this.binding("hook")}], [data-phx-hook]`,e=>{let t=this.addHook(e);t&&t.__mounted()}),this.joinPending=!1,this.dispatchEvents(i),this.applyPendingUpdates(),e){let{kind:t,to:i}=e;this.liveSocket.historyPatch(i,t)}this.hideLoader(),this.joinCount>1&&this.triggerReconnected(),this.stopCallback()}triggerBeforeUpdateHook(e,t){this.liveSocket.triggerDOM("onBeforeElUpdated",[e,t]);let i=this.getHook(e),n=i&&I.isIgnored(e,this.binding("update"));if(i&&!e.isEqualNode(t)&&(!n||(r=e.dataset,o=t.dataset,JSON.stringify(r)!==JSON.stringify(o))))return i.__beforeUpdate(),i;var r,o}performPatch(e,t){let i=[],n=!1,r=new Set;return e.after("added",e=>{this.liveSocket.triggerDOM("onNodeAdded",[e]);let t=this.addHook(e);t&&t.__mounted()}),e.after("phxChildAdded",e=>n=!0),e.before("updated",(e,t)=>{this.triggerBeforeUpdateHook(e,t)&&r.add(e.id)}),e.after("updated",e=>{r.has(e.id)&&this.getHook(e).__updated()}),e.after("discarded",e=>{let t=this.componentID(e);"number"==typeof t&&-1===i.indexOf(t)&&i.push(t);let n=this.getHook(e);n&&this.destroyHook(n)}),e.perform(),t&&this.maybePushComponentsDestroyed(i),n}joinNewChildren(){I.findPhxChildren(this.el,this.id).forEach(e=>this.joinChild(e))}getChildById(e){return this.root.children[this.id][e]}getDescendentByEl(e){return e.id===this.id?this:this.children[e.getAttribute("data-phx-parent-id")][e.id]}destroyDescendent(e){for(let t in this.root.children)for(let i in this.root.children[t])if(i===e)return this.root.children[t][i].destroy()}joinChild(e){if(!this.getChildById(e.id)){let t=new te(e,this.liveSocket,this);return this.root.children[this.id][t.id]=t,t.join(),this.childJoins++,!0}}isJoinPending(){return this.joinPending}ackJoin(e){this.childJoins--,0===this.childJoins&&(this.parent?this.parent.ackJoin(this):this.onAllChildJoinsComplete())}onAllChildJoinsComplete(){this.joinCallback(),this.pendingJoinOps.forEach(([e,t])=>{e.isDestroyed()||t()}),this.pendingJoinOps=[]}update(e,t){if(this.isJoinPending()||this.liveSocket.hasPendingLink())return this.pendingDiffs.push({diff:e,events:t});this.rendered.mergeDiff(e);let i=!1;this.rendered.isComponentOnlyDiff(e)?this.liveSocket.time("component patch complete",()=>{I.findParentCIDs(this.el,this.rendered.componentCIDs(e)).forEach(t=>{this.componentPatch(this.rendered.getComponent(e,t),t)&&(i=!0)})}):P(e)||this.liveSocket.time("full patch complete",()=>{let t=this.renderContainer(e,"update"),n=new X(this,this.el,this.id,t,null);i=this.performPatch(n,!0)}),this.dispatchEvents(t),i&&this.joinNewChildren()}renderContainer(e,t){return this.liveSocket.time(`toString diff (${t})`,()=>{let t=this.el.tagName,i=e?this.rendered.componentCIDs(e).concat(this.pruningCIDs):null;return`<${t}>${this.rendered.toString(i)}</${t}>`})}componentPatch(e,t){if(P(e))return!1;let i=this.rendered.componentToString(t),n=new X(this,this.el,this.id,i,t);return this.performPatch(n,!0)}getHook(e){return this.viewHooks[Q.elementID(e)]}addHook(e){if(Q.elementID(e)||!e.getAttribute)return;let t=e.getAttribute("data-phx-hook")||e.getAttribute(this.binding("hook"));if(t&&!this.ownsElement(e))return;let i=this.liveSocket.getHookCallbacks(t);if(i){e.id||E(`no DOM ID for hook "${t}". Hooks require a unique ID on each element.`,e);let n=new Q(this,e,i);return this.viewHooks[Q.elementID(n.el)]=n,n}null!==t&&E(`unknown hook found for "${t}"`,e)}destroyHook(e){e.__destroyed(),e.__cleanup__(),delete this.viewHooks[Q.elementID(e.el)]}applyPendingUpdates(){this.pendingDiffs.forEach(({diff:e,events:t})=>this.update(e,t)),this.pendingDiffs=[]}onChannel(e,t){this.liveSocket.onChannel(this.channel,e,e=>{this.isJoinPending()?this.root.pendingJoinOps.push([this,()=>t(e)]):t(e)})}bindChannel(){this.liveSocket.onChannel(this.channel,"diff",e=>{this.applyDiff("update",e,({diff:e,events:t})=>this.update(e,t))}),this.onChannel("redirect",({to:e,flash:t})=>this.onRedirect({to:e,flash:t})),this.onChannel("live_patch",e=>this.onLivePatch(e)),this.onChannel("live_redirect",e=>this.onLiveRedirect(e)),this.channel.onError(e=>this.onError(e)),this.channel.onClose(e=>this.onClose(e))}destroyAllChildren(){for(let e in this.root.children[this.id])this.getChildById(e).destroy()}onLiveRedirect(e){let{to:t,kind:i,flash:n}=e,r=this.expandURL(t);this.liveSocket.historyRedirect(r,i,n)}onLivePatch(e){let{to:t,kind:i}=e;this.href=this.expandURL(t),this.liveSocket.historyPatch(t,i)}expandURL(e){return e.startsWith("/")?`${window.location.protocol}//${window.location.host}${e}`:e}onRedirect({to:e,flash:t}){this.liveSocket.redirect(e,t)}isDestroyed(){return this.destroyed}join(e){this.parent||(this.stopCallback=this.liveSocket.withPageLoading({to:this.href,kind:"initial"})),this.joinCallback=()=>e&&e(this.joinCount),this.liveSocket.wrapPush(this,{timeout:!1},()=>this.channel.join().receive("ok",e=>!this.isDestroyed()&&this.onJoin(e)).receive("error",e=>!this.isDestroyed()&&this.onJoinError(e)).receive("timeout",()=>!this.isDestroyed()&&this.onJoinError({reason:"timeout"})))}onJoinError(e){return"unauthorized"===e.reason||"stale"===e.reason?(this.log("error",()=>["unauthorized live_redirect. Falling back to page request",e]),this.onRedirect({to:this.href})):((e.redirect||e.live_redirect)&&(this.joinPending=!1,this.channel.leave()),e.redirect?this.onRedirect(e.redirect):e.live_redirect?this.onLiveRedirect(e.live_redirect):(this.log("error",()=>["unable to join",e]),this.liveSocket.reloadWithJitter(this)))}onClose(e){if(!this.isDestroyed()){if(this.isJoinPending()&&"hidden"!==document.visibilityState||this.liveSocket.hasPendingLink()&&"leave"!==e)return this.liveSocket.reloadWithJitter(this);this.destroyAllChildren(),this.liveSocket.dropActiveElement(this),document.activeElement&&document.activeElement.blur(),this.liveSocket.isUnloaded()&&this.showLoader(200)}}onError(e){this.onClose(e),this.log("error",()=>["view crashed",e]),this.liveSocket.isUnloaded()||this.displayError()}displayError(){this.isMain()&&I.dispatchEvent(window,"phx:page-loading-start",{to:this.href,kind:"error"}),this.showLoader(),this.setContainerClasses("phx-disconnected","phx-error")}pushWithReply(e,t,i,n=function(){}){if(!this.isConnected())return;let[r,[o]]=e?e():[null,[]],s=function(){};return o&&null!==o.getAttribute(this.binding("page-loading"))&&(s=this.liveSocket.withPageLoading({kind:"element",target:o})),"number"!=typeof i.cid&&delete i.cid,this.liveSocket.wrapPush(this,{timeout:!0},()=>this.channel.push(t,i,3e4).receive("ok",e=>{let t=null;null!==r&&this.undoRefs(r),e.diff&&(t=this.applyDiff("update",e.diff,({diff:e,events:t})=>{this.update(e,t)})),e.redirect&&this.onRedirect(e.redirect),e.live_patch&&this.onLivePatch(e.live_patch),e.live_redirect&&this.onLiveRedirect(e.live_redirect),s(),n(e,t)}))}undoRefs(e){I.all(this.el,`[${c}="${e}"]`,e=>{let t=e.getAttribute("data-phx-disabled");e.removeAttribute(c),null!==e.getAttribute("data-phx-readonly")&&(e.readOnly=!1,e.removeAttribute("data-phx-readonly")),null!==t&&(e.disabled="true"===t,e.removeAttribute("data-phx-disabled")),a.forEach(t=>I.removeClass(e,t));let i=e.getAttribute("data-phx-disable-with-restore");null!==i&&(e.innerText=i,e.removeAttribute("data-phx-disable-with-restore"));let n=I.private(e,c);if(n){let t=this.triggerBeforeUpdateHook(e,n);X.patchEl(e,n,this.liveSocket.getActiveElement()),t&&t.__updated(),I.deletePrivate(e,c)}})}putRef(e,t){let i=this.ref++,n=this.binding("disable-with");return e.forEach(e=>{e.classList.add(`phx-${t}-loading`),e.setAttribute(c,i);let r=e.getAttribute(n);null!==r&&(e.getAttribute("data-phx-disable-with-restore")||e.setAttribute("data-phx-disable-with-restore",e.innerText),e.innerText=r)}),[i,e]}componentID(e){let t=e.getAttribute&&e.getAttribute(l);return t?parseInt(t):null}targetComponentID(e,t){return e.getAttribute(this.binding("target"))?this.closestComponentID(t):null}closestComponentID(e){return e?T(e.closest(`[${l}]`),e=>this.ownsElement(e)&&this.componentID(e)):null}pushHookEvent(e,t,i,n){if(!this.isConnected())return this.log("hook",()=>["unable to push hook event. LiveView not connected",t,i]),!1;let[r,o]=this.putRef([],"hook");return this.pushWithReply(()=>[r,o],"event",{type:"hook",event:t,value:i,cid:this.closestComponentID(e)},(e,t)=>n(t,r)),r}extractMeta(e,t){let i=this.binding("value-");for(let n=0;n<e.attributes.length;n++){let r=e.attributes[n].name;r.startsWith(i)&&(t[r.replace(i,"")]=e.getAttribute(r))}return void 0!==e.value&&(t.value=e.value,"INPUT"===e.tagName&&d.indexOf(e.type)>=0&&!e.checked&&delete t.value),t}pushEvent(e,t,i,n,r){this.pushWithReply(()=>this.putRef([t],e),"event",{type:e,event:n,value:this.extractMeta(t,r),cid:this.targetComponentID(t,i)})}pushKey(e,t,i,n,r){this.pushWithReply(()=>this.putRef([e],i),"event",{type:i,event:n,value:this.extractMeta(e,r),cid:this.targetComponentID(e,t)})}pushFileProgress(e,t,i,n=function(){}){this.liveSocket.withinOwners(e.form,(r,o)=>{r.pushWithReply(null,"progress",{event:e.getAttribute(r.binding("progress")),ref:e.getAttribute(u),entry_ref:t,progress:i,cid:r.targetComponentID(e.form,o)},n)})}pushInput(e,t,i,n,r){let o,s=this.targetComponentID(e.form,t),a=()=>this.putRef([e,e.form],"change"),l=ee(e.form,{_target:n.name});e.files&&e.files.length>0&&M.trackFiles(e,Array.from(e.files)),o=M.serializeUploads(e);let c={type:"form",event:i,value:l,uploads:o,cid:s};this.pushWithReply(a,"event",c,i=>{if(I.showError(e,this.liveSocket.binding("feedback-for")),I.isUploadInput(e)&&null!==e.getAttribute("data-phx-auto-upload")){if(M.filesAwaitingPreflight(e).length>0){let[n,o]=a();this.uploadFiles(e.form,t,n,s,t=>{r&&r(i),this.triggerAwaitingSubmit(e.form)})}}else r&&r(i)})}triggerAwaitingSubmit(e){let t=this.getScheduledSubmit(e);if(t){let[i,n,r]=t;this.cancelSubmit(e),r()}}getScheduledSubmit(e){return this.formSubmits.find(([t,i])=>t.isSameNode(e))}scheduleSubmit(e,t,i){if(this.getScheduledSubmit(e))return!0;this.formSubmits.push([e,t,i])}cancelSubmit(e){this.formSubmits=this.formSubmits.filter(([t,i,n])=>!t.isSameNode(e)||(this.undoRefs(i),!1))}pushFormSubmit(e,t,i,n){let r=e=>!(C(e,this.binding("update")+"=ignore",e.form)||C(e,"data-phx-update=ignore",e.form)),o=e=>e.hasAttribute(this.binding("disable-with")),s=e=>"BUTTON"==e.tagName,a=e=>["INPUT","TEXTAREA","SELECT"].includes(e.tagName),l=()=>{let t=Array.from(e.elements),i=t.filter(o),n=t.filter(s).filter(r),l=t.filter(a).filter(r);return n.forEach(e=>{e.setAttribute("data-phx-disabled",e.disabled),e.disabled=!0}),l.forEach(e=>{e.setAttribute("data-phx-readonly",e.readOnly),e.readOnly=!0,e.files&&(e.setAttribute("data-phx-disabled",e.disabled),e.disabled=!0)}),e.setAttribute(this.binding("page-loading"),""),this.putRef([e].concat(i).concat(n).concat(l),"submit")},c=this.targetComponentID(e,t);if(M.hasUploadsInProgress(e)){let[r,o]=l();return this.scheduleSubmit(e,r,()=>this.pushFormSubmit(e,t,i,n))}if(M.inputsAwaitingPreflight(e).length>0){let[r,o]=l(),s=()=>[r,o];this.uploadFiles(e,t,r,c,t=>{let r=ee(e,{});this.pushWithReply(s,"event",{type:"form",event:i,value:r,cid:c},n)})}else{let t=ee(e);this.pushWithReply(l,"event",{type:"form",event:i,value:t,cid:c},n)}}uploadFiles(e,t,i,n,r){let o=this.joinCount,s=M.activeFileInputs(e),a=s.length;s.forEach(e=>{let n=new M(e,this,()=>{a--,0===a&&r()});this.uploaders[e]=n;let s=n.entries().map(e=>e.toPreflightPayload()),l={ref:e.getAttribute(u),entries:s,cid:this.targetComponentID(e.form,t)};this.log("upload",()=>["sending preflight request",l]),this.pushWithReply(null,"allow_upload",l,e=>{if(this.log("upload",()=>["got preflight response",e]),e.error){this.undoRefs(i);let[t,n]=e.error;this.log("upload",()=>["error for entry "+t,n])}else{let t=e=>{this.channel.onError(()=>{this.joinCount===o&&e()})};n.initAdapterUpload(e,t,this.liveSocket)}})})}dispatchUploads(e,t){let i=I.findUploadInputs(this.el).filter(t=>t.name===e);0===i.length?E(`no live file inputs found matching the name "${e}"`):i.length>1?E(`duplicate live file inputs found matching the name "${e}"`):I.dispatchEvent(i[0],"track-uploads",{files:t})}pushFormRecovery(e,t){this.liveSocket.withinOwners(e,(i,n)=>{let r=e.elements[0],o=e.getAttribute(this.binding("auto-recover"))||e.getAttribute(this.binding("change"));i.pushInput(r,n,o,r,t)})}pushLinkPatch(e,t,i){let n=this.liveSocket.setPendingLink(e),r=t?()=>this.putRef([t],"click"):null;this.pushWithReply(r,"live_patch",{url:e},t=>{t.link_redirect?this.liveSocket.replaceMain(e,null,i,n):(this.liveSocket.commitPendingLink(n)&&(this.href=e),this.applyPendingUpdates(),i&&i(n))}).receive("timeout",()=>this.liveSocket.redirect(window.location.href))}formsForRecovery(e){if(0===this.joinCount)return[];let t=this.binding("change"),i=document.createElement("template");return i.innerHTML=e,I.all(this.el,`form[${t}]`).filter(e=>this.ownsElement(e)).filter(e=>e.elements.length>0).filter(e=>"ignore"!==e.getAttribute(this.binding("auto-recover"))).filter(e=>i.content.querySelector(`form[${t}="${e.getAttribute(t)}"]`))}maybePushComponentsDestroyed(e){let t=e.filter(e=>0===I.findComponentNodeList(this.el,e).length);t.length>0&&(this.pruningCIDs.push(...t),this.pushWithReply(null,"cids_will_destroy",{cids:t},()=>{this.pruningCIDs=this.pruningCIDs.filter(e=>-1!==t.indexOf(e));let e=t.filter(e=>0===I.findComponentNodeList(this.el,e).length);e.length>0&&this.pushWithReply(null,"cids_destroyed",{cids:e},e=>{this.rendered.pruneCIDs(e.cids)})}))}ownsElement(e){return e.getAttribute("data-phx-parent-id")===this.id||T(e.closest(p),e=>e.id)===this.id}submitForm(e,t,i){I.putPrivate(e,"phx-has-submitted",!0),this.liveSocket.blurActiveElement(this),this.pushFormSubmit(e,t,i,()=>{this.liveSocket.restorePreviouslyActiveFocus()})}binding(e){return this.liveSocket.binding(e)}};i(5);let ie=document.querySelector("html").getAttribute("phx-socket")||"/live",ne=document.querySelector("meta[name='csrf-token']").getAttribute("content"),re={};const oe={};re.JsonEditor={mounted(){const e=this.el.getAttribute("data-input-id"),t=this;this.editor=new JSONEditor(this.el,{onChangeText:t=>{const i=document.getElementById(e);try{JSON.parse(t),i.value=t,i.dispatchEvent(new Event("change",{bubbles:!0}))}catch(e){}},onChange:()=>{try{const i=document.getElementById(e);json=t.editor.get(),i.value=JSON.stringify(json),i.dispatchEvent(new Event("change",{bubbles:!0}))}catch(e){}},onModeChange:e=>{t.mode=e},modes:["text","tree"]},JSON.parse(document.getElementById(e).value)),oe[this.el.id]=this.editor}},re.JsonEditorSource={updated(){try{let e=oe[this.el.getAttribute("data-editor-id")];"tree"===e.getMode()?e.update(JSON.parse(this.el.value)):console.log(e.get())!==console.log(JSON.parse(this.el.value))&&e.setText(this.el.value)}catch(e){}}},re.JsonView={updated(){const e=JSON.parse(this.el.getAttribute("data-json"));this.editor=new JSONEditor(this.el,{mode:"preview"},e)},mounted(){const e=JSON.parse(this.el.getAttribute("data-json"));this.editor=new JSONEditor(this.el,{mode:"preview"},e)}},re.Actor={mounted(){this.handleEvent("set_actor",e=>{document.cookie="actor_resource="+e.resource+";path=/",document.cookie="actor_primary_key="+e.primary_key+";path=/",document.cookie="actor_action="+e.action+";path=/",document.cookie="actor_api="+e.api+";path=/"}),this.handleEvent("clear_actor",()=>{document.cookie="actor_resource=;path=/",document.cookie="actor_primary_key=;path=/",document.cookie="actor_action;path=/",document.cookie="actor_api=;path=/",document.cookie="actor_authorizing=false;path=/",document.cookie="actor_paused=true;path=/"}),this.handleEvent("toggle_authorizing",e=>{document.cookie="actor_authorizing="+e.authorizing+";path=/"}),this.handleEvent("toggle_actor_paused",e=>{document.cookie="actor_paused="+e.actor_paused+";path=/"})}},re.Tenant={mounted(){this.handleEvent("set_tenant",e=>{document.cookie="tenant="+e.tenant+";path=/"}),this.handleEvent("clear_tenant",()=>{document.cookie="tenant=;path=/"})}},re.FormChange={mounted(){this.handleEvent("form_change",()=>{this.el.dispatchEvent(new Event("change",{bubbles:!0}))})}},re.MaintainAttrs={attrs(){return this.el.getAttribute("data-attrs").split(", ")},beforeUpdate(){this.prevAttrs=this.attrs().map(e=>[e,this.el.getAttribute(e)])},updated(){this.prevAttrs.forEach(([e,t])=>this.el.setAttribute(e,t))}};let se=new class{constructor(e,t,i={}){if(this.unloaded=!1,!t||"Object"===t.constructor.name)throw new Error('\n      a phoenix Socket must be provided as the second argument to the LiveSocket constructor. For example:\n\n          import {Socket} from "phoenix"\n          import LiveSocket from "phoenix_live_view"\n          let liveSocket = new LiveSocket("/live", Socket, {...})\n      ');this.socket=new t(e,i),this.bindingPrefix=i.bindingPrefix||"phx-",this.opts=i,this.params=S(i.params||{}),this.viewLogger=i.viewLogger,this.metadataCallbacks=i.metadata||{},this.defaults=Object.assign(_(g),i.defaults||{}),this.activeElement=null,this.prevActive=null,this.silenced=!1,this.main=null,this.linkRef=1,this.roots={},this.href=window.location.href,this.pendingLink=null,this.currentLocation=_(window.location),this.hooks=i.hooks||{},this.uploaders=i.uploaders||{},this.loaderTimeout=i.loaderTimeout||1,this.localStorage=i.localStorage||window.localStorage,this.sessionStorage=i.sessionStorage||window.sessionStorage,this.boundTopLevelEvents=!1,this.domCallbacks=Object.assign({onNodeAdded:S(),onBeforeElUpdated:S()},i.dom||{}),window.addEventListener("pagehide",e=>{this.unloaded=!0}),this.socket.onOpen(()=>{this.isUnloaded()&&window.location.reload()})}isProfileEnabled(){return"true"===this.sessionStorage.getItem("phx:live-socket:profiling")}isDebugEnabled(){return"true"===this.sessionStorage.getItem("phx:live-socket:debug")}enableDebug(){this.sessionStorage.setItem("phx:live-socket:debug","true")}enableProfiling(){this.sessionStorage.setItem("phx:live-socket:profiling","true")}disableDebug(){this.sessionStorage.removeItem("phx:live-socket:debug")}disableProfiling(){this.sessionStorage.removeItem("phx:live-socket:profiling")}enableLatencySim(e){this.enableDebug(),console.log("latency simulator enabled for the duration of this browser session. Call disableLatencySim() to disable"),this.sessionStorage.setItem("phx:live-socket:latency-sim",e)}disableLatencySim(){this.sessionStorage.removeItem("phx:live-socket:latency-sim")}getLatencySim(){let e=this.sessionStorage.getItem("phx:live-socket:latency-sim");return e?parseInt(e):null}getSocket(){return this.socket}connect(){let e=()=>{this.joinRootViews()&&(this.bindTopLevelEvents(),this.socket.connect())};["complete","loaded","interactive"].indexOf(document.readyState)>=0?e():document.addEventListener("DOMContentLoaded",()=>e())}disconnect(e){this.socket.disconnect(e)}triggerDOM(e,t){this.domCallbacks[e](...t)}time(e,t){if(!this.isProfileEnabled()||!console.time)return t();console.time(e);let i=t();return console.timeEnd(e),i}log(e,t,i){if(this.viewLogger){let[n,r]=i();this.viewLogger(e,t,n,r)}else if(this.isDebugEnabled()){let[n,r]=i();((e,t,i,n)=>{e.liveSocket.isDebugEnabled()&&console.log(`${e.id} ${t}: ${i} - `,n)})(e,t,n,r)}}onChannel(e,t,i){e.on(t,e=>{let t=this.getLatencySim();t?(console.log(`simulating ${t}ms of latency from server to client`),setTimeout(()=>i(e),t)):i(e)})}wrapPush(e,t,i){let n=this.getLatencySim(),r=e.joinCount;if(!n)return t.timeout?i().receive("timeout",()=>{e.joinCount!==r||e.isDestroyed()||this.reloadWithJitter(e,()=>{this.log(e,"timeout",()=>["received timeout while communicating with server. Falling back to hard refresh for recovery"])})}):i();console.log(`simulating ${n}ms of latency from client to server`);let o={receives:[],receive(e,t){this.receives.push([e,t])}};return setTimeout(()=>{e.isDestroyed()||o.receives.reduce((e,[t,i])=>e.receive(t,i),i())},n),o}reloadWithJitter(e,t){e.destroy(),this.disconnect();let[i,n]=s,r=Math.floor(Math.random()*(n-i+1))+i,o=R.updateLocal(this.localStorage,window.location.pathname,"consecutive-reloads",0,e=>e+1);t?t():this.log(e,"join",()=>[`encountered ${o} consecutive reloads`]),o>10&&(this.log(e,"join",()=>["exceeded 10 consecutive reloads. Entering failsafe mode"]),r=3e4),setTimeout(()=>{this.hasPendingLink()?window.location=this.pendingLink:window.location.reload()},r)}getHookCallbacks(e){return e&&e.startsWith("Phoenix.")?$[e.split(".")[1]]:this.hooks[e]}isUnloaded(){return this.unloaded}isConnected(){return this.socket.isConnected()}getBindingPrefix(){return this.bindingPrefix}binding(e){return`${this.getBindingPrefix()}${e}`}channel(e,t){return this.socket.channel(e,t)}joinRootViews(){let e=!1;return I.all(document,p+":not([data-phx-parent-id])",t=>{if(!this.getRootById(t.id)){let e=this.newRootView(t);e.setHref(this.getHref()),e.join(),t.getAttribute("data-phx-main")&&(this.main=e)}e=!0}),e}redirect(e,t){this.disconnect(),R.redirect(e,t)}replaceMain(e,t,i=null,n=this.setPendingLink(e)){let r=this.main.el,o=I.cloneNode(r,"");this.main.showLoader(this.loaderTimeout),this.main.destroy(),this.main=this.newRootView(o,t),this.main.setRedirect(e),this.main.join(e=>{1===e&&this.commitPendingLink(n)&&(r.replaceWith(o),i&&i())})}isPhxView(e){return e.getAttribute&&null!==e.getAttribute(f)}newRootView(e,t){let i=new te(e,this,null,t);return this.roots[i.id]=i,i}owner(e,t){let i=T(e.closest(p),e=>this.getViewByEl(e));i&&t(i)}withinOwners(e,t){this.owner(e,i=>{let n=e.getAttribute(this.binding("target"));null===n?t(i,e):i.withinTargets(n,t)})}getViewByEl(e){let t=e.getAttribute("data-phx-root-id");return T(this.getRootById(t),t=>t.getDescendentByEl(e))}getRootById(e){return this.roots[e]}destroyAllViews(){for(let e in this.roots)this.roots[e].destroy(),delete this.roots[e]}destroyViewByEl(e){let t=this.getRootById(e.getAttribute("data-phx-root-id"));t&&t.destroyDescendent(e.id)}setActiveElement(e){if(this.activeElement===e)return;this.activeElement=e;let t=()=>{e===this.activeElement&&(this.activeElement=null),e.removeEventListener("mouseup",this),e.removeEventListener("touchend",this)};e.addEventListener("mouseup",t),e.addEventListener("touchend",t)}getActiveElement(){return document.activeElement===document.body?this.activeElement||document.activeElement:document.activeElement||document.body}dropActiveElement(e){this.prevActive&&e.ownsElement(this.prevActive)&&(this.prevActive=null)}restorePreviouslyActiveFocus(){this.prevActive&&this.prevActive!==document.body&&this.prevActive.focus()}blurActiveElement(){this.prevActive=this.getActiveElement(),this.prevActive!==document.body&&this.prevActive.blur()}bindTopLevelEvents(){this.boundTopLevelEvents||(this.boundTopLevelEvents=!0,document.body.addEventListener("click",(function(){})),window.addEventListener("pageshow",e=>{e.persisted&&(this.getSocket().disconnect(),this.withPageLoading({to:window.location.href,kind:"redirect"}),window.location.reload())},!0),this.bindNav(),this.bindClicks(),this.bindForms(),this.bind({keyup:"keyup",keydown:"keydown"},(e,t,i,n,r,o,s)=>{let a=n.getAttribute(this.binding("key")),l=e.key&&e.key.toLowerCase();a&&a.toLowerCase()!==l||i.pushKey(n,r,t,o,{key:e.key,...this.eventMeta(t,e,n)})}),this.bind({blur:"focusout",focus:"focusin"},(e,t,i,n,r,o,s)=>{s||i.pushEvent(t,n,r,o,this.eventMeta(t,e,n))}),this.bind({blur:"blur",focus:"focus"},(e,t,i,n,r,o,s)=>{s&&"window"!==!s&&i.pushEvent(t,n,r,o,this.eventMeta(t,e,n))}),window.addEventListener("dragover",e=>e.preventDefault()),window.addEventListener("drop",e=>{e.preventDefault();let t=T(C(e.target,this.binding("drop-target")),e=>e.getAttribute(this.binding("drop-target"))),i=t&&document.getElementById(t),n=Array.from(e.dataTransfer.files||[]);i&&!i.disabled&&0!==n.length&&i.files instanceof FileList&&(M.trackFiles(i,n),i.dispatchEvent(new Event("input",{bubbles:!0})))}),this.on("track-uploads",e=>{let t=e.target;if(!I.isUploadInput(t))return;let i=Array.from(e.detail.files||[]).filter(e=>e instanceof File||e instanceof Blob);M.trackFiles(t,i),t.dispatchEvent(new Event("input",{bubbles:!0}))}))}eventMeta(e,t,i){let n=this.metadataCallbacks[e];return n?n(t,i):{}}setPendingLink(e){return this.linkRef++,this.pendingLink=e,this.linkRef}commitPendingLink(e){return this.linkRef===e&&(this.href=this.pendingLink,this.pendingLink=null,!0)}getHref(){return this.href}hasPendingLink(){return!!this.pendingLink}bind(e,t){for(let i in e){let n=e[i];this.on(n,e=>{let n=this.binding(i),r=this.binding("window-"+i),o=e.target.getAttribute&&e.target.getAttribute(n);o?this.debounce(e.target,e,()=>{this.withinOwners(e.target,(n,r)=>{t(e,i,n,e.target,r,o,null)})}):I.all(document,`[${r}]`,n=>{let o=n.getAttribute(r);this.debounce(n,e,()=>{this.withinOwners(n,(r,s)=>{t(e,i,r,n,s,o,"window")})})})})}}bindClicks(){this.bindClick("click","click",!1),this.bindClick("mousedown","capture-click",!0)}bindClick(e,t,i){let n=this.binding(t);window.addEventListener(e,e=>{if(!this.isConnected())return;let t=null;t=i?e.target.matches(`[${n}]`)?e.target:e.target.querySelector(`[${n}]`):C(e.target,n);let r=t&&t.getAttribute(n);r&&("#"===t.getAttribute("href")&&e.preventDefault(),this.debounce(t,e,()=>{this.withinOwners(t,(i,n)=>{i.pushEvent("click",t,n,r,this.eventMeta("click",e,t))})}))},i)}bindNav(){if(!R.canPushState())return;history.scrollRestoration&&(history.scrollRestoration="manual");let e=null;window.addEventListener("scroll",t=>{clearTimeout(e),e=setTimeout(()=>{R.updateCurrentState(e=>Object.assign(e,{scroll:window.scrollY}))},100)}),window.addEventListener("popstate",e=>{if(!this.registerNewLocation(window.location))return;let{type:t,id:i,root:n,scroll:r}=e.state||{},o=window.location.href;this.main.isConnected()&&"patch"===t&&i===this.main.id?this.main.pushLinkPatch(o,null):this.replaceMain(o,null,()=>{n&&this.replaceRootHistory(),"number"==typeof r&&setTimeout(()=>{window.scrollTo(0,r)},0)})},!1),window.addEventListener("click",e=>{let t=C(e.target,"data-phx-link"),i=t&&t.getAttribute("data-phx-link"),n=e.metaKey||e.ctrlKey||1===e.button;if(!i||!this.isConnected()||!this.main||n)return;let r=t.href,o=t.getAttribute("data-phx-link-state");if(e.preventDefault(),this.pendingLink!==r)if("patch"===i)this.pushHistoryPatch(r,o,t);else{if("redirect"!==i)throw new Error('expected data-phx-link to be "patch" or "redirect", got: '+i);this.historyRedirect(r,o)}},!1)}withPageLoading(e,t){I.dispatchEvent(window,"phx:page-loading-start",e);let i=()=>I.dispatchEvent(window,"phx:page-loading-stop",e);return t?t(i):i}pushHistoryPatch(e,t,i){this.withPageLoading({to:e,kind:"patch"},n=>{this.main.pushLinkPatch(e,i,i=>{this.historyPatch(e,t,i),n()})})}historyPatch(e,t,i=this.setPendingLink(e)){this.commitPendingLink(i)&&(R.pushState(t,{type:"patch",id:this.main.id},e),this.registerNewLocation(window.location))}historyRedirect(e,t,i){let n=window.scrollY;this.withPageLoading({to:e,kind:"redirect"},r=>{this.replaceMain(e,i,()=>{R.pushState(t,{type:"redirect",id:this.main.id,scroll:n},e),this.registerNewLocation(window.location),r()})})}replaceRootHistory(){R.pushState("replace",{root:!0,type:"patch",id:this.main.id})}registerNewLocation(e){let{pathname:t,search:i}=this.currentLocation;return t+i!==e.pathname+e.search&&(this.currentLocation=_(e),!0)}bindForms(){let e=0;this.on("submit",e=>{let t=e.target.getAttribute(this.binding("submit"));t&&(e.preventDefault(),e.target.disabled=!0,this.withinOwners(e.target,(i,n)=>i.submitForm(e.target,n,t)))},!1);for(let t of["change","input"])this.on(t,i=>{let n=i.target,r=n.form&&n.form.getAttribute(this.binding("change"));if(!r)return;if("number"===n.type&&n.validity&&n.validity.badInput)return;let o=e;e++;let{at:s,type:a}=I.private(n,"prev-iteration")||{};s===o-1&&t!==a||(I.putPrivate(n,"prev-iteration",{at:o,type:t}),this.debounce(n,i,()=>{this.withinOwners(n.form,(e,t)=>{I.putPrivate(n,"phx-has-focused",!0),I.isTextualInput(n)||this.setActiveElement(n),e.pushInput(n,t,r,i.target)})}))},!1)}debounce(e,t,i){let n=this.binding("debounce"),r=this.binding("throttle"),o=this.defaults.debounce.toString(),s=this.defaults.throttle.toString();I.debounce(e,t,n,o,r,s,i)}silenceEvents(e){this.silenced=!0,e(),this.silenced=!1}on(e,t){window.addEventListener(e,e=>{this.silenced||t(e)})}}(ie,n.Socket,{hooks:re,dom:{onBeforeElUpdated(e,t){e.__x&&window.Alpine.clone(e.__x,t)}},params:{_csrf_token:ne}});window.addEventListener("phx:page-loading-start",e=>o.a.start()),window.addEventListener("phx:page-loading-stop",e=>o.a.done()),se.connect(),window.liveSocket=se}]);
\ No newline at end of file