<turbo-frame id="lui-page-header" class="lui-page-header"> <div class="lui-page-header__container"> <div class="lui-page-header__container__tag_list"> </div> <div class="lui-page-header__container__header_zone"> <div class="lui-page-header__container__header_zone___content"> <div class="lui-header lui-header--page"> <div class="lui-header__title_container"> <span class="lui-header__title_container__title"> Settings </span> </div> </div> <div class="lui-page-header__container__header_zone___content__details"> <turbo-frame id="lui-model_association_list_pokemon_1_types_token__wrapper_frame" class="block w-fit"> <div data-controller="association-overlay-toggle model-association-list" data-model-association-list-frame-id-value="lui-model_association_list_pokemon_1_types_token__wrapper_frame" data-entangled-group="" class="lui-model-association-list"> <div id="lui-model_association_list_pokemon_1_types_token_" class="lui-token-list lui-token-list--horizontal" data-controller="token-list" data-token-list-frame-id-value="lui-model_association_list_pokemon_1_types_token__frame" data-token-list-model-association-overlay-outlet="#lui-model_association_list_pokemon_1_types_token_ .lui-association-overlay"> <turbo-frame class="lui-token-list__items" id="lui-model_association_list_pokemon_1_types_token__frame"> <div data-controller="drag" class="lui-token-list__items"> <div class="types_pokemon_1__attached_type_4" data-model-association-overlay-target="attachedItem" data-label="grass"> <form class="flex items-center h-full w-full" action="/loopos_ui/associations" accept-charset="UTF-8" method="post"><input type="hidden" name="_method" value="delete" /><input type="hidden" name="authenticity_token" value="ynsG7AjUKVxWqrHw2MhBngphjT4Pvf1Ulh1kXy3D7CMR_sphT4anC2dsOm0HmJ2NqBKHC8Gp6zr2VZhIG70UZg" /> <input value="{"model_class":"Pokemon","model_id":1,"association":"types","association_query_sql":null,"component_class":"LooposUi::Token","selected_container_id":"association_overlay_selected_pokemon_1_types_","results_container_id":"association_overlay_results_pokemon_1_types_","results_container_new_cell_id":"association_overlay_results_new_pokemon_1_types_","association_params":{},"turbo_id":"types_pokemon_1_","config":{"can_create_new":true,"create_new":{},"case_sensitive":false,"draggable":false,"custom_detach_action":null},"handle_lists":true,"list_data":{"frame_id":"lui-model_association_list_pokemon_1_types_token__frame"},"policy":{"new":true,"attach":true,"detach":true},"entity_argument_builder":null,"show_results":true,"show_selected":true}" type="hidden" name="context" id="context" /> <input value="4" type="hidden" name="association_id" id="association_id" /> <span id="lui-token_2474417061" class="lui-token lui-entity-token lui-entity-token-general" style="color: #212529;"> <span class="lui-token__text">grass</span> <div class="lui-token__actions"> <button class="flex" type="submit"><i class="fa-regular fa-xmark"></i></button> </div> </span> </form> </div> <div class="types_pokemon_1__attached_type_8" data-model-association-overlay-target="attachedItem" data-label="poison"> <form class="flex items-center h-full w-full" action="/loopos_ui/associations" accept-charset="UTF-8" method="post"><input type="hidden" name="_method" value="delete" /><input type="hidden" name="authenticity_token" value="l8XNT8q1gt3bQ0I7AzxPFuGJp2pSwGV0ZqTCOkwEY2NMQAHCjecMiuqFyabcbJMFQ_qtX5zUcxoG7D4tenqbJg" /> <input value="{"model_class":"Pokemon","model_id":1,"association":"types","association_query_sql":null,"component_class":"LooposUi::Token","selected_container_id":"association_overlay_selected_pokemon_1_types_","results_container_id":"association_overlay_results_pokemon_1_types_","results_container_new_cell_id":"association_overlay_results_new_pokemon_1_types_","association_params":{},"turbo_id":"types_pokemon_1_","config":{"can_create_new":true,"create_new":{},"case_sensitive":false,"draggable":false,"custom_detach_action":null},"handle_lists":true,"list_data":{"frame_id":"lui-model_association_list_pokemon_1_types_token__frame"},"policy":{"new":true,"attach":true,"detach":true},"entity_argument_builder":null,"show_results":true,"show_selected":true}" type="hidden" name="context" id="context" /> <input value="8" type="hidden" name="association_id" id="association_id" /> <span id="lui-token_8670528836" class="lui-token lui-entity-token lui-entity-token-general" style="color: #212529;"> <span class="lui-token__text">poison</span> <div class="lui-token__actions"> <button class="flex" type="submit"><i class="fa-regular fa-xmark"></i></button> </div> </span> </form> </div> </div> </turbo-frame> <div data-model-association-list-target="popover" data-controller="popover" data-popover-open-value="false" data-popover-rotate-toggle-value="false" class="lui-popover"> <button popovertarget="popover-0391589fd67b6acaeb49-target" data-controller="popover-toggle" data-popover-target="toggle" data-popover-toggle-position-value="bottom_left" data-popover-toggle-anchor-value="top_left" data-popover-toggle-on-close-value="" data-popover-toggle-rotate-value="false" type="button" class="lui-popover-toggle-wrapper"> <button class="lui-button lui-button--icon-only lui-button--neutral--tertiary lui-button--size-tiny w-fit w-fit relative" data-controller="lui--button popover-toggle" data-popover-target="toggle" data-popover-toggle-position-value="bottom_left" data-popover-toggle-anchor-value="top_left" data-popover-toggle-on-close-value="" data-popover-toggle-rotate-value="false" popovertarget="popover-0391589fd67b6acaeb49-target"> <div class="opacity-100 inline-flex" data-lui--button-target="leadingIcon"> <div class="flex items-center justify-center" style="width: 12px; height: 12px;"><i class="lui-button__icon lui-button__icon--tiny fa-regular fa-plus" data-lui--button-target="leadingIcon"></i></div> </div> <div class="absolute w-full flex items-center justify-center opacity-0" data-lui--button-target="loadingIcon"> <i class="lui-m_icon animate-spin material-symbols-outlined" style="--lui-micon-size: 12px;"> progress_activity </i> </div> </button> </button> <div id="popover-0391589fd67b6acaeb49-target" popover="manual" data-popover-target="popover" class="pointer-events-none w-full h-full bg-transparent overflow-hidden"> <div class="bg-white lui-popover-inner absolute pointer-events-auto"> <turbo-frame class="relative" id="types_pokemon_1_"> <div id="model-association-overlay-c62a9f8323cbd54e8820" class="lui-association-overlay" data-controller="model-association-overlay" data-model-association-overlay-case-sensitive-value="false" data-model-association-overlay-show-results-value="true"> <div class="lui-association-overlay__selected_list"> <div class="flex items-center gap-2 flex-wrap" id="association_overlay_selected_pokemon_1_types_" data-controller="drag"> <div class="types_pokemon_1__attached_type_4" data-model-association-overlay-target="attachedItem" data-label="grass"> <form class="flex items-center h-full w-full" action="/loopos_ui/associations" accept-charset="UTF-8" method="post"><input type="hidden" name="_method" value="delete" /><input type="hidden" name="authenticity_token" value="8hNTjFr99CL6dX1imIk3UM7mO4qnsOlwF0A_y43ykTAplp8BHa96dcuz9v9H2etDbJUxv2mk_x53CMPcu4xpdQ" /> <input value="{"model_class":"Pokemon","model_id":1,"association":"types","association_query_sql":null,"component_class":"LooposUi::Token","selected_container_id":"association_overlay_selected_pokemon_1_types_","results_container_id":"association_overlay_results_pokemon_1_types_","results_container_new_cell_id":"association_overlay_results_new_pokemon_1_types_","association_params":{},"turbo_id":"types_pokemon_1_","config":{"can_create_new":true,"create_new":{},"case_sensitive":false,"draggable":false,"custom_detach_action":null},"handle_lists":true,"list_data":{"frame_id":"lui-model_association_list_pokemon_1_types_token__frame"},"policy":{"new":true,"attach":true,"detach":true},"entity_argument_builder":null,"show_results":true,"show_selected":true}" type="hidden" name="context" id="context" /> <input value="4" type="hidden" name="association_id" id="association_id" /> <span id="lui-token_5215854990" class="lui-token lui-entity-token lui-entity-token-general" style="color: #212529;"> <span class="lui-token__text">grass</span> <div class="lui-token__actions"> <button class="flex" type="submit"><i class="fa-regular fa-xmark"></i></button> </div> </span> </form> </div> <div class="types_pokemon_1__attached_type_8" data-model-association-overlay-target="attachedItem" data-label="poison"> <form class="flex items-center h-full w-full" action="/loopos_ui/associations" accept-charset="UTF-8" method="post"><input type="hidden" name="_method" value="delete" /><input type="hidden" name="authenticity_token" value="F-avFTUjxZWouFLzYTTvSJ0t960fvGB75eBGf3PJtoPMY2OYcnFLwpl-2W6-ZDNbP179mNGodhWFqLpoRbdOxg" /> <input value="{"model_class":"Pokemon","model_id":1,"association":"types","association_query_sql":null,"component_class":"LooposUi::Token","selected_container_id":"association_overlay_selected_pokemon_1_types_","results_container_id":"association_overlay_results_pokemon_1_types_","results_container_new_cell_id":"association_overlay_results_new_pokemon_1_types_","association_params":{},"turbo_id":"types_pokemon_1_","config":{"can_create_new":true,"create_new":{},"case_sensitive":false,"draggable":false,"custom_detach_action":null},"handle_lists":true,"list_data":{"frame_id":"lui-model_association_list_pokemon_1_types_token__frame"},"policy":{"new":true,"attach":true,"detach":true},"entity_argument_builder":null,"show_results":true,"show_selected":true}" type="hidden" name="context" id="context" /> <input value="8" type="hidden" name="association_id" id="association_id" /> <span id="lui-token_1569762617" class="lui-token lui-entity-token lui-entity-token-general" style="color: #212529;"> <span class="lui-token__text">poison</span> <div class="lui-token__actions"> <button class="flex" type="submit"><i class="fa-regular fa-xmark"></i></button> </div> </span> </form> </div> </div> </div> <div class="lui-association-overlay__divider"></div> <div class="lui-association-overlay__search"> <i class="fa-regular fa-search text-[8px] font-bold"></i> <input type="text" placeholder="Search or text for new" data-model-association-overlay-target="input" autocomplete="off"> </div> <div class="lui-association-overlay__divider"></div> <div class="lui-association-overlay__results overflow-scroll" id="association_overlay_results_pokemon_1_types_" data-model-association-overlay-target="resultsContainer"> <div class="lui-association-overlay__results__cell lui-association-overlay__results__cell--missing" data-model-association-overlay-target="result" data-label="normal" id="types_pokemon_1__missing_type_1"> <form class="flex items-center h-full w-full" action="/loopos_ui/associations" accept-charset="UTF-8" method="post"><input type="hidden" name="_method" value="patch" /><input type="hidden" name="authenticity_token" value="pES-7KnngfB9wL-DUEs7OrWdfz5FJCyRNhf7rHg6ohTWZJmNQwWCRshmmrbnjZ5-UKC36izxU1nwjPfP3rbVXg" /> <input value="{"model_class":"Pokemon","model_id":1,"association":"types","association_query_sql":null,"component_class":"LooposUi::Token","selected_container_id":"association_overlay_selected_pokemon_1_types_","results_container_id":"association_overlay_results_pokemon_1_types_","results_container_new_cell_id":"association_overlay_results_new_pokemon_1_types_","association_params":{},"turbo_id":"types_pokemon_1_","config":{"can_create_new":true,"create_new":{},"case_sensitive":false,"draggable":false,"custom_detach_action":null},"handle_lists":true,"list_data":{"frame_id":"lui-model_association_list_pokemon_1_types_token__frame"},"policy":{"new":true,"attach":true,"detach":true},"entity_argument_builder":null,"show_results":true,"show_selected":true}" type="hidden" name="context" id="context" /> <input value="1" type="hidden" name="association_id" id="association_id" /> <button name="button" type="submit" class="flex items-center w-full h-full"> <span id="lui-token_181919465" class="lui-token locked lui-entity-token lui-entity-token-general" style="color: #212529;"> <span class="lui-token__text">normal</span> <div class="lui-token__actions"> </div> </span> </button></form> </div> <div class="lui-association-overlay__results__cell lui-association-overlay__results__cell--missing" data-model-association-overlay-target="result" data-label="fire" id="types_pokemon_1__missing_type_2"> <form class="flex items-center h-full w-full" action="/loopos_ui/associations" accept-charset="UTF-8" method="post"><input type="hidden" name="_method" value="patch" /><input type="hidden" name="authenticity_token" value="36Wkt3Fo__uIdhwJpfF5AkMR7K8J2GQ93FzvB46Un6KthYPWm4r8TT3QOTwSN9xGpiwke2ANG_Uax-NkKBjo6A" /> <input value="{"model_class":"Pokemon","model_id":1,"association":"types","association_query_sql":null,"component_class":"LooposUi::Token","selected_container_id":"association_overlay_selected_pokemon_1_types_","results_container_id":"association_overlay_results_pokemon_1_types_","results_container_new_cell_id":"association_overlay_results_new_pokemon_1_types_","association_params":{},"turbo_id":"types_pokemon_1_","config":{"can_create_new":true,"create_new":{},"case_sensitive":false,"draggable":false,"custom_detach_action":null},"handle_lists":true,"list_data":{"frame_id":"lui-model_association_list_pokemon_1_types_token__frame"},"policy":{"new":true,"attach":true,"detach":true},"entity_argument_builder":null,"show_results":true,"show_selected":true}" type="hidden" name="context" id="context" /> <input value="2" type="hidden" name="association_id" id="association_id" /> <button name="button" type="submit" class="flex items-center w-full h-full"> <span id="lui-token_1776370626" class="lui-token locked lui-entity-token lui-entity-token-general" style="color: #212529;"> <span class="lui-token__text">fire</span> <div class="lui-token__actions"> </div> </span> </button></form> </div> <div class="lui-association-overlay__results__cell lui-association-overlay__results__cell--missing" data-model-association-overlay-target="result" data-label="water" id="types_pokemon_1__missing_type_3"> <form class="flex items-center h-full w-full" action="/loopos_ui/associations" accept-charset="UTF-8" method="post"><input type="hidden" name="_method" value="patch" /><input type="hidden" name="authenticity_token" value="tBUJzdtP7kwEdFsYRsf0YetU28rA7fRNdMoRMg_CJJDGNS6sMa3t-rHSfi3xAVElDmkTHqk4i4WyUR1RqU5T2g" /> <input value="{"model_class":"Pokemon","model_id":1,"association":"types","association_query_sql":null,"component_class":"LooposUi::Token","selected_container_id":"association_overlay_selected_pokemon_1_types_","results_container_id":"association_overlay_results_pokemon_1_types_","results_container_new_cell_id":"association_overlay_results_new_pokemon_1_types_","association_params":{},"turbo_id":"types_pokemon_1_","config":{"can_create_new":true,"create_new":{},"case_sensitive":false,"draggable":false,"custom_detach_action":null},"handle_lists":true,"list_data":{"frame_id":"lui-model_association_list_pokemon_1_types_token__frame"},"policy":{"new":true,"attach":true,"detach":true},"entity_argument_builder":null,"show_results":true,"show_selected":true}" type="hidden" name="context" id="context" /> <input value="3" type="hidden" name="association_id" id="association_id" /> <button name="button" type="submit" class="flex items-center w-full h-full"> <span id="lui-token_7693960500" class="lui-token locked lui-entity-token lui-entity-token-general" style="color: #212529;"> <span class="lui-token__text">water</span> <div class="lui-token__actions"> </div> </span> </button></form> </div> <div class="lui-association-overlay__results__cell lui-association-overlay__results__cell--missing" data-model-association-overlay-target="result" data-label="electric" id="types_pokemon_1__missing_type_5"> <form class="flex items-center h-full w-full" action="/loopos_ui/associations" accept-charset="UTF-8" method="post"><input type="hidden" name="_method" value="patch" /><input type="hidden" name="authenticity_token" value="mSkHVCfhlNY4ZBIEzQ4kHrfz00AjzXxlnkWyF3LCl7DrCSA1zQOXYI3CNzF6yIFaUs4blEoYA61Y3r501E7g-g" /> <input value="{"model_class":"Pokemon","model_id":1,"association":"types","association_query_sql":null,"component_class":"LooposUi::Token","selected_container_id":"association_overlay_selected_pokemon_1_types_","results_container_id":"association_overlay_results_pokemon_1_types_","results_container_new_cell_id":"association_overlay_results_new_pokemon_1_types_","association_params":{},"turbo_id":"types_pokemon_1_","config":{"can_create_new":true,"create_new":{},"case_sensitive":false,"draggable":false,"custom_detach_action":null},"handle_lists":true,"list_data":{"frame_id":"lui-model_association_list_pokemon_1_types_token__frame"},"policy":{"new":true,"attach":true,"detach":true},"entity_argument_builder":null,"show_results":true,"show_selected":true}" type="hidden" name="context" id="context" /> <input value="5" type="hidden" name="association_id" id="association_id" /> <button name="button" type="submit" class="flex items-center w-full h-full"> <span id="lui-token_6658527362" class="lui-token locked lui-entity-token lui-entity-token-general" style="color: #212529;"> <span class="lui-token__text">electric</span> <div class="lui-token__actions"> </div> </span> </button></form> </div> <div class="lui-association-overlay__results__cell lui-association-overlay__results__cell--missing" data-model-association-overlay-target="result" data-label="ice" id="types_pokemon_1__missing_type_6"> <form class="flex items-center h-full w-full" action="/loopos_ui/associations" accept-charset="UTF-8" method="post"><input type="hidden" name="_method" value="patch" /><input type="hidden" name="authenticity_token" value="zwGW6CJujTkn9PLwUDGV0Bm7pHPabdFmWrbD7bXFA_i9IbGJyIyOj5JS18Xn9zCU_IZsp7O4rq6cLc-OE0l0sg" /> <input value="{"model_class":"Pokemon","model_id":1,"association":"types","association_query_sql":null,"component_class":"LooposUi::Token","selected_container_id":"association_overlay_selected_pokemon_1_types_","results_container_id":"association_overlay_results_pokemon_1_types_","results_container_new_cell_id":"association_overlay_results_new_pokemon_1_types_","association_params":{},"turbo_id":"types_pokemon_1_","config":{"can_create_new":true,"create_new":{},"case_sensitive":false,"draggable":false,"custom_detach_action":null},"handle_lists":true,"list_data":{"frame_id":"lui-model_association_list_pokemon_1_types_token__frame"},"policy":{"new":true,"attach":true,"detach":true},"entity_argument_builder":null,"show_results":true,"show_selected":true}" type="hidden" name="context" id="context" /> <input value="6" type="hidden" name="association_id" id="association_id" /> <button name="button" type="submit" class="flex items-center w-full h-full"> <span id="lui-token_2440458756" class="lui-token locked lui-entity-token lui-entity-token-general" style="color: #212529;"> <span class="lui-token__text">ice</span> <div class="lui-token__actions"> </div> </span> </button></form> </div> <div class="lui-association-overlay__results__cell lui-association-overlay__results__cell--missing" data-model-association-overlay-target="result" data-label="fighting" id="types_pokemon_1__missing_type_7"> <form class="flex items-center h-full w-full" action="/loopos_ui/associations" accept-charset="UTF-8" method="post"><input type="hidden" name="_method" value="patch" /><input type="hidden" name="authenticity_token" value="dW6yenCkYpzCIYIhzuqjUzOTnr0lAgh13krOJR1hRaMHTpUbmkZhKneHpxR5LAYX1q5WaUzXd70Y0cJGu-0y6Q" /> <input value="{"model_class":"Pokemon","model_id":1,"association":"types","association_query_sql":null,"component_class":"LooposUi::Token","selected_container_id":"association_overlay_selected_pokemon_1_types_","results_container_id":"association_overlay_results_pokemon_1_types_","results_container_new_cell_id":"association_overlay_results_new_pokemon_1_types_","association_params":{},"turbo_id":"types_pokemon_1_","config":{"can_create_new":true,"create_new":{},"case_sensitive":false,"draggable":false,"custom_detach_action":null},"handle_lists":true,"list_data":{"frame_id":"lui-model_association_list_pokemon_1_types_token__frame"},"policy":{"new":true,"attach":true,"detach":true},"entity_argument_builder":null,"show_results":true,"show_selected":true}" type="hidden" name="context" id="context" /> <input value="7" type="hidden" name="association_id" id="association_id" /> <button name="button" type="submit" class="flex items-center w-full h-full"> <span id="lui-token_1531621719" class="lui-token locked lui-entity-token lui-entity-token-general" style="color: #212529;"> <span class="lui-token__text">fighting</span> <div class="lui-token__actions"> </div> </span> </button></form> </div> <div class="lui-association-overlay__results__cell lui-association-overlay__results__cell--missing" data-model-association-overlay-target="result" data-label="ground" id="types_pokemon_1__missing_type_9"> <form class="flex items-center h-full w-full" action="/loopos_ui/associations" accept-charset="UTF-8" method="post"><input type="hidden" name="_method" value="patch" /><input type="hidden" name="authenticity_token" value="lNAZjVyFHmR2_mKXolx-PUgbO3NDb5RnoA6mluKfXpjm8D7stmcd0sNYR6IVmtt5rSbzpyq6669mlar1RBMp0g" /> <input value="{"model_class":"Pokemon","model_id":1,"association":"types","association_query_sql":null,"component_class":"LooposUi::Token","selected_container_id":"association_overlay_selected_pokemon_1_types_","results_container_id":"association_overlay_results_pokemon_1_types_","results_container_new_cell_id":"association_overlay_results_new_pokemon_1_types_","association_params":{},"turbo_id":"types_pokemon_1_","config":{"can_create_new":true,"create_new":{},"case_sensitive":false,"draggable":false,"custom_detach_action":null},"handle_lists":true,"list_data":{"frame_id":"lui-model_association_list_pokemon_1_types_token__frame"},"policy":{"new":true,"attach":true,"detach":true},"entity_argument_builder":null,"show_results":true,"show_selected":true}" type="hidden" name="context" id="context" /> <input value="9" type="hidden" name="association_id" id="association_id" /> <button name="button" type="submit" class="flex items-center w-full h-full"> <span id="lui-token_7821441232" class="lui-token locked lui-entity-token lui-entity-token-general" style="color: #212529;"> <span class="lui-token__text">ground</span> <div class="lui-token__actions"> </div> </span> </button></form> </div> <div class="lui-association-overlay__results__cell lui-association-overlay__results__cell--missing" data-model-association-overlay-target="result" data-label="flying" id="types_pokemon_1__missing_type_10"> <form class="flex items-center h-full w-full" action="/loopos_ui/associations" accept-charset="UTF-8" method="post"><input type="hidden" name="_method" value="patch" /><input type="hidden" name="authenticity_token" value="tuqPsTWXcaa96GTx-JU-XgznBqPgUoenFsp23rL4MSnEyqjQ33VyEAhOQcRPU5sa6drOd4mH-G_QUXq9FHRGYw" /> <input value="{"model_class":"Pokemon","model_id":1,"association":"types","association_query_sql":null,"component_class":"LooposUi::Token","selected_container_id":"association_overlay_selected_pokemon_1_types_","results_container_id":"association_overlay_results_pokemon_1_types_","results_container_new_cell_id":"association_overlay_results_new_pokemon_1_types_","association_params":{},"turbo_id":"types_pokemon_1_","config":{"can_create_new":true,"create_new":{},"case_sensitive":false,"draggable":false,"custom_detach_action":null},"handle_lists":true,"list_data":{"frame_id":"lui-model_association_list_pokemon_1_types_token__frame"},"policy":{"new":true,"attach":true,"detach":true},"entity_argument_builder":null,"show_results":true,"show_selected":true}" type="hidden" name="context" id="context" /> <input value="10" type="hidden" name="association_id" id="association_id" /> <button name="button" type="submit" class="flex items-center w-full h-full"> <span id="lui-token_2902670536" class="lui-token locked lui-entity-token lui-entity-token-general" style="color: #212529;"> <span class="lui-token__text">flying</span> <div class="lui-token__actions"> </div> </span> </button></form> </div> <div class="lui-association-overlay__results__cell lui-association-overlay__results__cell--missing" data-model-association-overlay-target="result" data-label="psychic" id="types_pokemon_1__missing_type_11"> <form class="flex items-center h-full w-full" action="/loopos_ui/associations" accept-charset="UTF-8" method="post"><input type="hidden" name="_method" value="patch" /><input type="hidden" name="authenticity_token" value="qC-HdTbZVJcrlSIudxab-ToF-xATLqr1i8nsFH1-kNbaD6AU3DtXIZ4zBxvA0D693zgzxHr71T1NUuB32_LnnA" /> <input value="{"model_class":"Pokemon","model_id":1,"association":"types","association_query_sql":null,"component_class":"LooposUi::Token","selected_container_id":"association_overlay_selected_pokemon_1_types_","results_container_id":"association_overlay_results_pokemon_1_types_","results_container_new_cell_id":"association_overlay_results_new_pokemon_1_types_","association_params":{},"turbo_id":"types_pokemon_1_","config":{"can_create_new":true,"create_new":{},"case_sensitive":false,"draggable":false,"custom_detach_action":null},"handle_lists":true,"list_data":{"frame_id":"lui-model_association_list_pokemon_1_types_token__frame"},"policy":{"new":true,"attach":true,"detach":true},"entity_argument_builder":null,"show_results":true,"show_selected":true}" type="hidden" name="context" id="context" /> <input value="11" type="hidden" name="association_id" id="association_id" /> <button name="button" type="submit" class="flex items-center w-full h-full"> <span id="lui-token_1475808767" class="lui-token locked lui-entity-token lui-entity-token-general" style="color: #212529;"> <span class="lui-token__text">psychic</span> <div class="lui-token__actions"> </div> </span> </button></form> </div> <div class="lui-association-overlay__results__cell lui-association-overlay__results__cell--missing" data-model-association-overlay-target="result" data-label="bug" id="types_pokemon_1__missing_type_12"> <form class="flex items-center h-full w-full" action="/loopos_ui/associations" accept-charset="UTF-8" method="post"><input type="hidden" name="_method" value="patch" /><input type="hidden" name="authenticity_token" value="FrmRecJs-crNMavXKUkLKC0s9QCOqboSS47SW9f4QIVkmbYYKI76fHiXjuKej65syBE91Od8xdqNFd44cXQ3zw" /> <input value="{"model_class":"Pokemon","model_id":1,"association":"types","association_query_sql":null,"component_class":"LooposUi::Token","selected_container_id":"association_overlay_selected_pokemon_1_types_","results_container_id":"association_overlay_results_pokemon_1_types_","results_container_new_cell_id":"association_overlay_results_new_pokemon_1_types_","association_params":{},"turbo_id":"types_pokemon_1_","config":{"can_create_new":true,"create_new":{},"case_sensitive":false,"draggable":false,"custom_detach_action":null},"handle_lists":true,"list_data":{"frame_id":"lui-model_association_list_pokemon_1_types_token__frame"},"policy":{"new":true,"attach":true,"detach":true},"entity_argument_builder":null,"show_results":true,"show_selected":true}" type="hidden" name="context" id="context" /> <input value="12" type="hidden" name="association_id" id="association_id" /> <button name="button" type="submit" class="flex items-center w-full h-full"> <span id="lui-token_1514812509" class="lui-token locked lui-entity-token lui-entity-token-general" style="color: #212529;"> <span class="lui-token__text">bug</span> <div class="lui-token__actions"> </div> </span> </button></form> </div> <div class="lui-association-overlay__results__cell lui-association-overlay__results__cell--missing" data-model-association-overlay-target="result" data-label="rock" id="types_pokemon_1__missing_type_13"> <form class="flex items-center h-full w-full" action="/loopos_ui/associations" accept-charset="UTF-8" method="post"><input type="hidden" name="_method" value="patch" /><input type="hidden" name="authenticity_token" value="rLsBSRHZSDFu4URPHgitMocllnyDLZOOpxXOMXQhFHPemyYo-ztLh9tHYXqpzgh2YhheqOr47EZhjsJS0q1jOQ" /> <input value="{"model_class":"Pokemon","model_id":1,"association":"types","association_query_sql":null,"component_class":"LooposUi::Token","selected_container_id":"association_overlay_selected_pokemon_1_types_","results_container_id":"association_overlay_results_pokemon_1_types_","results_container_new_cell_id":"association_overlay_results_new_pokemon_1_types_","association_params":{},"turbo_id":"types_pokemon_1_","config":{"can_create_new":true,"create_new":{},"case_sensitive":false,"draggable":false,"custom_detach_action":null},"handle_lists":true,"list_data":{"frame_id":"lui-model_association_list_pokemon_1_types_token__frame"},"policy":{"new":true,"attach":true,"detach":true},"entity_argument_builder":null,"show_results":true,"show_selected":true}" type="hidden" name="context" id="context" /> <input value="13" type="hidden" name="association_id" id="association_id" /> <button name="button" type="submit" class="flex items-center w-full h-full"> <span id="lui-token_9508286743" class="lui-token locked lui-entity-token lui-entity-token-general" style="color: #212529;"> <span class="lui-token__text">rock</span> <div class="lui-token__actions"> </div> </span> </button></form> </div> <div class="lui-association-overlay__results__cell lui-association-overlay__results__cell--missing" data-model-association-overlay-target="result" data-label="ghost" id="types_pokemon_1__missing_type_14"> <form class="flex items-center h-full w-full" action="/loopos_ui/associations" accept-charset="UTF-8" method="post"><input type="hidden" name="_method" value="patch" /><input type="hidden" name="authenticity_token" value="KtrknTD-JTsPOMh5sdDnx1v1aM8KpurZcd20-mFQPv1Y-sP82hwmjbqe7UwGFkKDvsigG2NzlRG3RriZx9xJtw" /> <input value="{"model_class":"Pokemon","model_id":1,"association":"types","association_query_sql":null,"component_class":"LooposUi::Token","selected_container_id":"association_overlay_selected_pokemon_1_types_","results_container_id":"association_overlay_results_pokemon_1_types_","results_container_new_cell_id":"association_overlay_results_new_pokemon_1_types_","association_params":{},"turbo_id":"types_pokemon_1_","config":{"can_create_new":true,"create_new":{},"case_sensitive":false,"draggable":false,"custom_detach_action":null},"handle_lists":true,"list_data":{"frame_id":"lui-model_association_list_pokemon_1_types_token__frame"},"policy":{"new":true,"attach":true,"detach":true},"entity_argument_builder":null,"show_results":true,"show_selected":true}" type="hidden" name="context" id="context" /> <input value="14" type="hidden" name="association_id" id="association_id" /> <button name="button" type="submit" class="flex items-center w-full h-full"> <span id="lui-token_5362092628" class="lui-token locked lui-entity-token lui-entity-token-general" style="color: #212529;"> <span class="lui-token__text">ghost</span> <div class="lui-token__actions"> </div> </span> </button></form> </div> <div class="lui-association-overlay__results__cell lui-association-overlay__results__cell--missing" data-model-association-overlay-target="result" data-label="dragon" id="types_pokemon_1__missing_type_15"> <form class="flex items-center h-full w-full" action="/loopos_ui/associations" accept-charset="UTF-8" method="post"><input type="hidden" name="_method" value="patch" /><input type="hidden" name="authenticity_token" value="EHdh2aRNvqVaHW1GE4y4d_XwXbhX88v_oJCBdIc3Q6liV0a4Tq-9E--7SHOkSh0zEM2VbD4mtDdmC40XIbs04w" /> <input value="{"model_class":"Pokemon","model_id":1,"association":"types","association_query_sql":null,"component_class":"LooposUi::Token","selected_container_id":"association_overlay_selected_pokemon_1_types_","results_container_id":"association_overlay_results_pokemon_1_types_","results_container_new_cell_id":"association_overlay_results_new_pokemon_1_types_","association_params":{},"turbo_id":"types_pokemon_1_","config":{"can_create_new":true,"create_new":{},"case_sensitive":false,"draggable":false,"custom_detach_action":null},"handle_lists":true,"list_data":{"frame_id":"lui-model_association_list_pokemon_1_types_token__frame"},"policy":{"new":true,"attach":true,"detach":true},"entity_argument_builder":null,"show_results":true,"show_selected":true}" type="hidden" name="context" id="context" /> <input value="15" type="hidden" name="association_id" id="association_id" /> <button name="button" type="submit" class="flex items-center w-full h-full"> <span id="lui-token_65226010" class="lui-token locked lui-entity-token lui-entity-token-general" style="color: #212529;"> <span class="lui-token__text">dragon</span> <div class="lui-token__actions"> </div> </span> </button></form> </div> <div class="lui-association-overlay__results__cell lui-association-overlay__results__cell--missing" data-model-association-overlay-target="result" data-label="dark" id="types_pokemon_1__missing_type_16"> <form class="flex items-center h-full w-full" action="/loopos_ui/associations" accept-charset="UTF-8" method="post"><input type="hidden" name="_method" value="patch" /><input type="hidden" name="authenticity_token" value="cVCbeRfpK8B1c_6Y68fkldL09eoiIHWonl-DP0SqMqoDcLwY_QsodsDV261cAUHRN8k9Pkv1CmBYxI9c4iZF4A" /> <input value="{"model_class":"Pokemon","model_id":1,"association":"types","association_query_sql":null,"component_class":"LooposUi::Token","selected_container_id":"association_overlay_selected_pokemon_1_types_","results_container_id":"association_overlay_results_pokemon_1_types_","results_container_new_cell_id":"association_overlay_results_new_pokemon_1_types_","association_params":{},"turbo_id":"types_pokemon_1_","config":{"can_create_new":true,"create_new":{},"case_sensitive":false,"draggable":false,"custom_detach_action":null},"handle_lists":true,"list_data":{"frame_id":"lui-model_association_list_pokemon_1_types_token__frame"},"policy":{"new":true,"attach":true,"detach":true},"entity_argument_builder":null,"show_results":true,"show_selected":true}" type="hidden" name="context" id="context" /> <input value="16" type="hidden" name="association_id" id="association_id" /> <button name="button" type="submit" class="flex items-center w-full h-full"> <span id="lui-token_3805063338" class="lui-token locked lui-entity-token lui-entity-token-general" style="color: #212529;"> <span class="lui-token__text">dark</span> <div class="lui-token__actions"> </div> </span> </button></form> </div> <div class="lui-association-overlay__results__cell lui-association-overlay__results__cell--missing" data-model-association-overlay-target="result" data-label="steel" id="types_pokemon_1__missing_type_17"> <form class="flex items-center h-full w-full" action="/loopos_ui/associations" accept-charset="UTF-8" method="post"><input type="hidden" name="_method" value="patch" /><input type="hidden" name="authenticity_token" value="31hpoPhmvMR8Sr2A83iFjK33BBKsIU7e1LCs6zITEzGteE7BEoS_csnsmLVEviDISMrMxsX0MRYSK6CIlJ9kew" /> <input value="{"model_class":"Pokemon","model_id":1,"association":"types","association_query_sql":null,"component_class":"LooposUi::Token","selected_container_id":"association_overlay_selected_pokemon_1_types_","results_container_id":"association_overlay_results_pokemon_1_types_","results_container_new_cell_id":"association_overlay_results_new_pokemon_1_types_","association_params":{},"turbo_id":"types_pokemon_1_","config":{"can_create_new":true,"create_new":{},"case_sensitive":false,"draggable":false,"custom_detach_action":null},"handle_lists":true,"list_data":{"frame_id":"lui-model_association_list_pokemon_1_types_token__frame"},"policy":{"new":true,"attach":true,"detach":true},"entity_argument_builder":null,"show_results":true,"show_selected":true}" type="hidden" name="context" id="context" /> <input value="17" type="hidden" name="association_id" id="association_id" /> <button name="button" type="submit" class="flex items-center w-full h-full"> <span id="lui-token_2807543204" class="lui-token locked lui-entity-token lui-entity-token-general" style="color: #212529;"> <span class="lui-token__text">steel</span> <div class="lui-token__actions"> </div> </span> </button></form> </div> <div class="lui-association-overlay__results__cell lui-association-overlay__results__cell--missing" data-model-association-overlay-target="result" data-label="fairy" id="types_pokemon_1__missing_type_18"> <form class="flex items-center h-full w-full" action="/loopos_ui/associations" accept-charset="UTF-8" method="post"><input type="hidden" name="_method" value="patch" /><input type="hidden" name="authenticity_token" value="4owplbNv520xSibo8V0vQp_wvemhYliJ6_bk8EONd9iQrA70WY3k24TsA91Gm4oGes11Pci3J0EtbeiT5QEAkg" /> <input value="{"model_class":"Pokemon","model_id":1,"association":"types","association_query_sql":null,"component_class":"LooposUi::Token","selected_container_id":"association_overlay_selected_pokemon_1_types_","results_container_id":"association_overlay_results_pokemon_1_types_","results_container_new_cell_id":"association_overlay_results_new_pokemon_1_types_","association_params":{},"turbo_id":"types_pokemon_1_","config":{"can_create_new":true,"create_new":{},"case_sensitive":false,"draggable":false,"custom_detach_action":null},"handle_lists":true,"list_data":{"frame_id":"lui-model_association_list_pokemon_1_types_token__frame"},"policy":{"new":true,"attach":true,"detach":true},"entity_argument_builder":null,"show_results":true,"show_selected":true}" type="hidden" name="context" id="context" /> <input value="18" type="hidden" name="association_id" id="association_id" /> <button name="button" type="submit" class="flex items-center w-full h-full"> <span id="lui-token_9974911290" class="lui-token locked lui-entity-token lui-entity-token-general" style="color: #212529;"> <span class="lui-token__text">fairy</span> <div class="lui-token__actions"> </div> </span> </button></form> </div> <div class="hidden! lui-association-overlay__results__cell" data-model-association-overlay-target="new" id="types_pokemon_1__new"> <div class="flex items-center w-full"> <div class="w-full"> <span id="lui-token_9205056638" class="lui-token lui-entity-token lui-entity-token-general" style="color: #212529;" data-model-association-overlay-target="newLabelWrapper"> <span class="lui-token__text">%new%</span> <div class="lui-token__actions"> </div> </span> </div> <form class="flex items-center h-full w-full" action="/loopos_ui/associations" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2jUfzZouRZ0aOc5MqnGOULbwBiJ7QM6yKCawXzDP_dYI1-_EiWFt98O5HOivmuL_yfzwowlZbkpL_22V3BtylA" /> <input type="hidden" name="context" id="context" value="{"model_class":"Pokemon","model_id":1,"association":"types","association_query_sql":null,"component_class":"LooposUi::Token","selected_container_id":"association_overlay_selected_pokemon_1_types_","results_container_id":"association_overlay_results_pokemon_1_types_","results_container_new_cell_id":"association_overlay_results_new_pokemon_1_types_","association_params":{},"turbo_id":"types_pokemon_1_","config":{"can_create_new":true,"create_new":{},"case_sensitive":false,"draggable":false,"custom_detach_action":null},"handle_lists":true,"list_data":{"frame_id":"lui-model_association_list_pokemon_1_types_token__frame"},"policy":{"new":true,"attach":true,"detach":true},"entity_argument_builder":null,"show_results":true,"show_selected":true}" /> <input data-model-association-overlay-target="newInput" type="hidden" name="new_association[name]" id="new_association_name" /> <div class="flex w-full justify-end"> <button class="lui-button lui-button--neutral--tertiary lui-button--size-tiny w-fit w-fit relative" data-controller="lui--button" data-action="model-association-overlay#onResultsContainerChange"> <div class="opacity-100 inline-flex" data-lui--button-target="leadingIcon"> <div class="flex items-center justify-center" style="width: 12px; height: 12px;"><i class="lui-button__icon lui-button__icon--tiny fa-regular fa-plus" data-lui--button-target="leadingIcon"></i></div> </div> <span class="lui-button__text opacity-100 inline-flex" data-lui--button-target="text"> Create New </span> <div class="absolute w-full flex items-center justify-center opacity-0" data-lui--button-target="loadingIcon"> <i class="lui-m_icon animate-spin material-symbols-outlined" style="--lui-micon-size: 12px;"> progress_activity </i> </div> </button> </div> </form> </div> </div> <div class="hidden lui-association-overlay__empty-search" data-model-association-overlay-target="emptySearch">No results found</div> </div> </div> </turbo-frame> </div> </div> </div> </div> </div> </turbo-frame> <turbo-frame id="lui-model_association_list_pokemon_1_types_token__wrapper_frame" class="block w-fit"> <div data-controller="association-overlay-toggle model-association-list" data-model-association-list-frame-id-value="lui-model_association_list_pokemon_1_types_token__wrapper_frame" data-entangled-group="" class="lui-model-association-list"> <div id="lui-model_association_list_pokemon_1_types_token_" class="lui-token-list lui-token-list--horizontal" data-controller="token-list" data-token-list-frame-id-value="lui-model_association_list_pokemon_1_types_token__frame" data-token-list-model-association-overlay-outlet="#lui-model_association_list_pokemon_1_types_token_ .lui-association-overlay"> <turbo-frame class="lui-token-list__items" id="lui-model_association_list_pokemon_1_types_token__frame"> <div data-controller="drag" class="lui-token-list__items"> <div class="types_pokemon_1__attached_type_4" data-model-association-overlay-target="attachedItem" data-label="grass"> <form class="flex items-center h-full w-full" action="/loopos_ui/associations" accept-charset="UTF-8" method="post"><input type="hidden" name="_method" value="delete" /><input type="hidden" name="authenticity_token" value="MeMIWGlVvbuYhkPJIzZJSDSOtxzgO73H9JoaaiJLeZHqZsTVLgcz7KlAyFT8ZpVblv29KS4vq6mU0uZ9FDWB1A" /> <input value="{"model_class":"Pokemon","model_id":1,"association":"types","association_query_sql":null,"component_class":"LooposUi::Token","selected_container_id":"association_overlay_selected_pokemon_1_types_","results_container_id":"association_overlay_results_pokemon_1_types_","results_container_new_cell_id":"association_overlay_results_new_pokemon_1_types_","association_params":{},"turbo_id":"types_pokemon_1_","config":{"can_create_new":true,"create_new":{},"case_sensitive":false,"draggable":false,"custom_detach_action":null},"handle_lists":true,"list_data":{"frame_id":"lui-model_association_list_pokemon_1_types_token__frame"},"policy":{"new":true,"attach":true,"detach":true},"entity_argument_builder":null,"show_results":true,"show_selected":true}" type="hidden" name="context" id="context" /> <input value="4" type="hidden" name="association_id" id="association_id" /> <span id="lui-token_1680139525" class="lui-token lui-entity-token lui-entity-token-general" style="color: #212529;"> <span class="lui-token__text">grass</span> <div class="lui-token__actions"> <button class="flex" type="submit"><i class="fa-regular fa-xmark"></i></button> </div> </span> </form> </div> <div class="types_pokemon_1__attached_type_8" data-model-association-overlay-target="attachedItem" data-label="poison"> <form class="flex items-center h-full w-full" action="/loopos_ui/associations" accept-charset="UTF-8" method="post"><input type="hidden" name="_method" value="delete" /><input type="hidden" name="authenticity_token" value="LL2HQMS4wORkufqwjJoMSPFu2SBQeZtYRYxWJZGadLP3OEvNg-pOs1V_cS1TytBbUx3TFZ5tjTYlxKoyp-SM9g" /> <input value="{"model_class":"Pokemon","model_id":1,"association":"types","association_query_sql":null,"component_class":"LooposUi::Token","selected_container_id":"association_overlay_selected_pokemon_1_types_","results_container_id":"association_overlay_results_pokemon_1_types_","results_container_new_cell_id":"association_overlay_results_new_pokemon_1_types_","association_params":{},"turbo_id":"types_pokemon_1_","config":{"can_create_new":true,"create_new":{},"case_sensitive":false,"draggable":false,"custom_detach_action":null},"handle_lists":true,"list_data":{"frame_id":"lui-model_association_list_pokemon_1_types_token__frame"},"policy":{"new":true,"attach":true,"detach":true},"entity_argument_builder":null,"show_results":true,"show_selected":true}" type="hidden" name="context" id="context" /> <input value="8" type="hidden" name="association_id" id="association_id" /> <span id="lui-token_4575178121" class="lui-token lui-entity-token lui-entity-token-general" style="color: #212529;"> <span class="lui-token__text">poison</span> <div class="lui-token__actions"> <button class="flex" type="submit"><i class="fa-regular fa-xmark"></i></button> </div> </span> </form> </div> </div> </turbo-frame> <div data-model-association-list-target="popover" data-controller="popover" data-popover-open-value="false" data-popover-rotate-toggle-value="false" class="lui-popover"> <button popovertarget="popover-605943a4df69fccaed35-target" data-controller="popover-toggle" data-popover-target="toggle" data-popover-toggle-position-value="bottom_left" data-popover-toggle-anchor-value="top_left" data-popover-toggle-on-close-value="" data-popover-toggle-rotate-value="false" type="button" class="lui-popover-toggle-wrapper"> <button class="lui-button lui-button--icon-only lui-button--neutral--tertiary lui-button--size-tiny w-fit w-fit relative" data-controller="lui--button popover-toggle" data-popover-target="toggle" data-popover-toggle-position-value="bottom_left" data-popover-toggle-anchor-value="top_left" data-popover-toggle-on-close-value="" data-popover-toggle-rotate-value="false" popovertarget="popover-605943a4df69fccaed35-target"> <div class="opacity-100 inline-flex" data-lui--button-target="leadingIcon"> <div class="flex items-center justify-center" style="width: 12px; height: 12px;"><i class="lui-button__icon lui-button__icon--tiny fa-regular fa-plus" data-lui--button-target="leadingIcon"></i></div> </div> <div class="absolute w-full flex items-center justify-center opacity-0" data-lui--button-target="loadingIcon"> <i class="lui-m_icon animate-spin material-symbols-outlined" style="--lui-micon-size: 12px;"> progress_activity </i> </div> </button> </button> <div id="popover-605943a4df69fccaed35-target" popover="manual" data-popover-target="popover" class="pointer-events-none w-full h-full bg-transparent overflow-hidden"> <div class="bg-white lui-popover-inner absolute pointer-events-auto"> <turbo-frame class="relative" id="types_pokemon_1_"> <div id="model-association-overlay-5ee9f73b5175b73ccfd8" class="lui-association-overlay" data-controller="model-association-overlay" data-model-association-overlay-case-sensitive-value="false" data-model-association-overlay-show-results-value="true"> <div class="lui-association-overlay__selected_list"> <div class="flex items-center gap-2 flex-wrap" id="association_overlay_selected_pokemon_1_types_" data-controller="drag"> <div class="types_pokemon_1__attached_type_4" data-model-association-overlay-target="attachedItem" data-label="grass"> <form class="flex items-center h-full w-full" action="/loopos_ui/associations" accept-charset="UTF-8" method="post"><input type="hidden" name="_method" value="delete" /><input type="hidden" name="authenticity_token" value="BJNX00sZbuoVJU0ZAfjmqDKvYfo3upbETSK6-ooW6_rfFpteDEvgvSTjxoTeqDq7kNxrz_mugKotakbtvGgTvw" /> <input value="{"model_class":"Pokemon","model_id":1,"association":"types","association_query_sql":null,"component_class":"LooposUi::Token","selected_container_id":"association_overlay_selected_pokemon_1_types_","results_container_id":"association_overlay_results_pokemon_1_types_","results_container_new_cell_id":"association_overlay_results_new_pokemon_1_types_","association_params":{},"turbo_id":"types_pokemon_1_","config":{"can_create_new":true,"create_new":{},"case_sensitive":false,"draggable":false,"custom_detach_action":null},"handle_lists":true,"list_data":{"frame_id":"lui-model_association_list_pokemon_1_types_token__frame"},"policy":{"new":true,"attach":true,"detach":true},"entity_argument_builder":null,"show_results":true,"show_selected":true}" type="hidden" name="context" id="context" /> <input value="4" type="hidden" name="association_id" id="association_id" /> <span id="lui-token_9604626872" class="lui-token lui-entity-token lui-entity-token-general" style="color: #212529;"> <span class="lui-token__text">grass</span> <div class="lui-token__actions"> <button class="flex" type="submit"><i class="fa-regular fa-xmark"></i></button> </div> </span> </form> </div> <div class="types_pokemon_1__attached_type_8" data-model-association-overlay-target="attachedItem" data-label="poison"> <form class="flex items-center h-full w-full" action="/loopos_ui/associations" accept-charset="UTF-8" method="post"><input type="hidden" name="_method" value="delete" /><input type="hidden" name="authenticity_token" value="aAX4pz19vCWR54s0pzzZjKwC3UlFeVj3O7j2K5sWTKuzgDQqei8ycqAhAKl4bAWfDnHXfIttTplb8Ao8rWi07g" /> <input value="{"model_class":"Pokemon","model_id":1,"association":"types","association_query_sql":null,"component_class":"LooposUi::Token","selected_container_id":"association_overlay_selected_pokemon_1_types_","results_container_id":"association_overlay_results_pokemon_1_types_","results_container_new_cell_id":"association_overlay_results_new_pokemon_1_types_","association_params":{},"turbo_id":"types_pokemon_1_","config":{"can_create_new":true,"create_new":{},"case_sensitive":false,"draggable":false,"custom_detach_action":null},"handle_lists":true,"list_data":{"frame_id":"lui-model_association_list_pokemon_1_types_token__frame"},"policy":{"new":true,"attach":true,"detach":true},"entity_argument_builder":null,"show_results":true,"show_selected":true}" type="hidden" name="context" id="context" /> <input value="8" type="hidden" name="association_id" id="association_id" /> <span id="lui-token_1998971406" class="lui-token lui-entity-token lui-entity-token-general" style="color: #212529;"> <span class="lui-token__text">poison</span> <div class="lui-token__actions"> <button class="flex" type="submit"><i class="fa-regular fa-xmark"></i></button> </div> </span> </form> </div> </div> </div> <div class="lui-association-overlay__divider"></div> <div class="lui-association-overlay__search"> <i class="fa-regular fa-search text-[8px] font-bold"></i> <input type="text" placeholder="Search or text for new" data-model-association-overlay-target="input" autocomplete="off"> </div> <div class="lui-association-overlay__divider"></div> <div class="lui-association-overlay__results overflow-scroll" id="association_overlay_results_pokemon_1_types_" data-model-association-overlay-target="resultsContainer"> <div class="lui-association-overlay__results__cell lui-association-overlay__results__cell--missing" data-model-association-overlay-target="result" data-label="normal" id="types_pokemon_1__missing_type_1"> <form class="flex items-center h-full w-full" action="/loopos_ui/associations" accept-charset="UTF-8" method="post"><input type="hidden" name="_method" value="patch" /><input type="hidden" name="authenticity_token" value="jD7jZPImFmRSuABnMuH6pJjv0pKHW_GBmLDpdWzvs8n-HsQFGMQV0uceJVKFJ1_gfdIaRu6OjkleK-UWymPEgw" /> <input value="{"model_class":"Pokemon","model_id":1,"association":"types","association_query_sql":null,"component_class":"LooposUi::Token","selected_container_id":"association_overlay_selected_pokemon_1_types_","results_container_id":"association_overlay_results_pokemon_1_types_","results_container_new_cell_id":"association_overlay_results_new_pokemon_1_types_","association_params":{},"turbo_id":"types_pokemon_1_","config":{"can_create_new":true,"create_new":{},"case_sensitive":false,"draggable":false,"custom_detach_action":null},"handle_lists":true,"list_data":{"frame_id":"lui-model_association_list_pokemon_1_types_token__frame"},"policy":{"new":true,"attach":true,"detach":true},"entity_argument_builder":null,"show_results":true,"show_selected":true}" type="hidden" name="context" id="context" /> <input value="1" type="hidden" name="association_id" id="association_id" /> <button name="button" type="submit" class="flex items-center w-full h-full"> <span id="lui-token_3633890962" class="lui-token locked lui-entity-token lui-entity-token-general" style="color: #212529;"> <span class="lui-token__text">normal</span> <div class="lui-token__actions"> </div> </span> </button></form> </div> <div class="lui-association-overlay__results__cell lui-association-overlay__results__cell--missing" data-model-association-overlay-target="result" data-label="fire" id="types_pokemon_1__missing_type_2"> <form class="flex items-center h-full w-full" action="/loopos_ui/associations" accept-charset="UTF-8" method="post"><input type="hidden" name="_method" value="patch" /><input type="hidden" name="authenticity_token" value="UcKKeOq1QOEvO6YSElP5povO52VhchmE_xk_lh0QRA8j4q0ZAFdDV5qdgyellVzibvMvsQinZkw5gjP1u5wzRQ" /> <input value="{"model_class":"Pokemon","model_id":1,"association":"types","association_query_sql":null,"component_class":"LooposUi::Token","selected_container_id":"association_overlay_selected_pokemon_1_types_","results_container_id":"association_overlay_results_pokemon_1_types_","results_container_new_cell_id":"association_overlay_results_new_pokemon_1_types_","association_params":{},"turbo_id":"types_pokemon_1_","config":{"can_create_new":true,"create_new":{},"case_sensitive":false,"draggable":false,"custom_detach_action":null},"handle_lists":true,"list_data":{"frame_id":"lui-model_association_list_pokemon_1_types_token__frame"},"policy":{"new":true,"attach":true,"detach":true},"entity_argument_builder":null,"show_results":true,"show_selected":true}" type="hidden" name="context" id="context" /> <input value="2" type="hidden" name="association_id" id="association_id" /> <button name="button" type="submit" class="flex items-center w-full h-full"> <span id="lui-token_5432969054" class="lui-token locked lui-entity-token lui-entity-token-general" style="color: #212529;"> <span class="lui-token__text">fire</span> <div class="lui-token__actions"> </div> </span> </button></form> </div> <div class="lui-association-overlay__results__cell lui-association-overlay__results__cell--missing" data-model-association-overlay-target="result" data-label="water" id="types_pokemon_1__missing_type_3"> <form class="flex items-center h-full w-full" action="/loopos_ui/associations" accept-charset="UTF-8" method="post"><input type="hidden" name="_method" value="patch" /><input type="hidden" name="authenticity_token" value="p8TdpKbSY42X3XXO8HEsyyANtRZRK9gsC1FANgujzw_V5PrFTDBgOyJ7UPtHt4mPxTB9wjj-p-TNykxVrS-4RQ" /> <input value="{"model_class":"Pokemon","model_id":1,"association":"types","association_query_sql":null,"component_class":"LooposUi::Token","selected_container_id":"association_overlay_selected_pokemon_1_types_","results_container_id":"association_overlay_results_pokemon_1_types_","results_container_new_cell_id":"association_overlay_results_new_pokemon_1_types_","association_params":{},"turbo_id":"types_pokemon_1_","config":{"can_create_new":true,"create_new":{},"case_sensitive":false,"draggable":false,"custom_detach_action":null},"handle_lists":true,"list_data":{"frame_id":"lui-model_association_list_pokemon_1_types_token__frame"},"policy":{"new":true,"attach":true,"detach":true},"entity_argument_builder":null,"show_results":true,"show_selected":true}" type="hidden" name="context" id="context" /> <input value="3" type="hidden" name="association_id" id="association_id" /> <button name="button" type="submit" class="flex items-center w-full h-full"> <span id="lui-token_9158206488" class="lui-token locked lui-entity-token lui-entity-token-general" style="color: #212529;"> <span class="lui-token__text">water</span> <div class="lui-token__actions"> </div> </span> </button></form> </div> <div class="lui-association-overlay__results__cell lui-association-overlay__results__cell--missing" data-model-association-overlay-target="result" data-label="electric" id="types_pokemon_1__missing_type_5"> <form class="flex items-center h-full w-full" action="/loopos_ui/associations" accept-charset="UTF-8" method="post"><input type="hidden" name="_method" value="patch" /><input type="hidden" name="authenticity_token" value="WHNfHLB000tjL2tFtyjCcST9rRYbk21kij2CsGyuu1kqU3h9WpbQ_daJTnAA7mc1wcBlwnJGEqxMpo7TyiLMEw" /> <input value="{"model_class":"Pokemon","model_id":1,"association":"types","association_query_sql":null,"component_class":"LooposUi::Token","selected_container_id":"association_overlay_selected_pokemon_1_types_","results_container_id":"association_overlay_results_pokemon_1_types_","results_container_new_cell_id":"association_overlay_results_new_pokemon_1_types_","association_params":{},"turbo_id":"types_pokemon_1_","config":{"can_create_new":true,"create_new":{},"case_sensitive":false,"draggable":false,"custom_detach_action":null},"handle_lists":true,"list_data":{"frame_id":"lui-model_association_list_pokemon_1_types_token__frame"},"policy":{"new":true,"attach":true,"detach":true},"entity_argument_builder":null,"show_results":true,"show_selected":true}" type="hidden" name="context" id="context" /> <input value="5" type="hidden" name="association_id" id="association_id" /> <button name="button" type="submit" class="flex items-center w-full h-full"> <span id="lui-token_222646500" class="lui-token locked lui-entity-token lui-entity-token-general" style="color: #212529;"> <span class="lui-token__text">electric</span> <div class="lui-token__actions"> </div> </span> </button></form> </div> <div class="lui-association-overlay__results__cell lui-association-overlay__results__cell--missing" data-model-association-overlay-target="result" data-label="ice" id="types_pokemon_1__missing_type_6"> <form class="flex items-center h-full w-full" action="/loopos_ui/associations" accept-charset="UTF-8" method="post"><input type="hidden" name="_method" value="patch" /><input type="hidden" name="authenticity_token" value="O-7QGXUtxm7mqObI480OEKjl2jlz3btCvb2POqnQpnFJzvd4n8_F2FMOw_1UC6tUTdgS7RoIxIp7JoNZD1zROw" /> <input value="{"model_class":"Pokemon","model_id":1,"association":"types","association_query_sql":null,"component_class":"LooposUi::Token","selected_container_id":"association_overlay_selected_pokemon_1_types_","results_container_id":"association_overlay_results_pokemon_1_types_","results_container_new_cell_id":"association_overlay_results_new_pokemon_1_types_","association_params":{},"turbo_id":"types_pokemon_1_","config":{"can_create_new":true,"create_new":{},"case_sensitive":false,"draggable":false,"custom_detach_action":null},"handle_lists":true,"list_data":{"frame_id":"lui-model_association_list_pokemon_1_types_token__frame"},"policy":{"new":true,"attach":true,"detach":true},"entity_argument_builder":null,"show_results":true,"show_selected":true}" type="hidden" name="context" id="context" /> <input value="6" type="hidden" name="association_id" id="association_id" /> <button name="button" type="submit" class="flex items-center w-full h-full"> <span id="lui-token_9610425221" class="lui-token locked lui-entity-token lui-entity-token-general" style="color: #212529;"> <span class="lui-token__text">ice</span> <div class="lui-token__actions"> </div> </span> </button></form> </div> <div class="lui-association-overlay__results__cell lui-association-overlay__results__cell--missing" data-model-association-overlay-target="result" data-label="fighting" id="types_pokemon_1__missing_type_7"> <form class="flex items-center h-full w-full" action="/loopos_ui/associations" accept-charset="UTF-8" method="post"><input type="hidden" name="_method" value="patch" /><input type="hidden" name="authenticity_token" value="70mjehXzOu-zKiygiJ6C3jq-saGAvqqRcyOLGdlP4XqdaYQb_xE5WQaMCZU_WCea34N5delr1Vm1uId6f8OWMA" /> <input value="{"model_class":"Pokemon","model_id":1,"association":"types","association_query_sql":null,"component_class":"LooposUi::Token","selected_container_id":"association_overlay_selected_pokemon_1_types_","results_container_id":"association_overlay_results_pokemon_1_types_","results_container_new_cell_id":"association_overlay_results_new_pokemon_1_types_","association_params":{},"turbo_id":"types_pokemon_1_","config":{"can_create_new":true,"create_new":{},"case_sensitive":false,"draggable":false,"custom_detach_action":null},"handle_lists":true,"list_data":{"frame_id":"lui-model_association_list_pokemon_1_types_token__frame"},"policy":{"new":true,"attach":true,"detach":true},"entity_argument_builder":null,"show_results":true,"show_selected":true}" type="hidden" name="context" id="context" /> <input value="7" type="hidden" name="association_id" id="association_id" /> <button name="button" type="submit" class="flex items-center w-full h-full"> <span id="lui-token_1006410545" class="lui-token locked lui-entity-token lui-entity-token-general" style="color: #212529;"> <span class="lui-token__text">fighting</span> <div class="lui-token__actions"> </div> </span> </button></form> </div> <div class="lui-association-overlay__results__cell lui-association-overlay__results__cell--missing" data-model-association-overlay-target="result" data-label="ground" id="types_pokemon_1__missing_type_9"> <form class="flex items-center h-full w-full" action="/loopos_ui/associations" accept-charset="UTF-8" method="post"><input type="hidden" name="_method" value="patch" /><input type="hidden" name="authenticity_token" value="ku-t8QAp0iqdcLCQ3TTXZ9UN-lOyOqMdStS0I7CNeiHgz4qQ6svRnCjWlaVq8nIjMDAyh9vv3NWMT7hAFgENaw" /> <input value="{"model_class":"Pokemon","model_id":1,"association":"types","association_query_sql":null,"component_class":"LooposUi::Token","selected_container_id":"association_overlay_selected_pokemon_1_types_","results_container_id":"association_overlay_results_pokemon_1_types_","results_container_new_cell_id":"association_overlay_results_new_pokemon_1_types_","association_params":{},"turbo_id":"types_pokemon_1_","config":{"can_create_new":true,"create_new":{},"case_sensitive":false,"draggable":false,"custom_detach_action":null},"handle_lists":true,"list_data":{"frame_id":"lui-model_association_list_pokemon_1_types_token__frame"},"policy":{"new":true,"attach":true,"detach":true},"entity_argument_builder":null,"show_results":true,"show_selected":true}" type="hidden" name="context" id="context" /> <input value="9" type="hidden" name="association_id" id="association_id" /> <button name="button" type="submit" class="flex items-center w-full h-full"> <span id="lui-token_8083101637" class="lui-token locked lui-entity-token lui-entity-token-general" style="color: #212529;"> <span class="lui-token__text">ground</span> <div class="lui-token__actions"> </div> </span> </button></form> </div> <div class="lui-association-overlay__results__cell lui-association-overlay__results__cell--missing" data-model-association-overlay-target="result" data-label="flying" id="types_pokemon_1__missing_type_10"> <form class="flex items-center h-full w-full" action="/loopos_ui/associations" accept-charset="UTF-8" method="post"><input type="hidden" name="_method" value="patch" /><input type="hidden" name="authenticity_token" value="RLM9sOh2HKfwEm3-mZeI8VFfOhy1bilZxXmmgJOljQY2kxrRApQfEUW0SMsuUS21tGLyyNy7VpED4qrjNSn6TA" /> <input value="{"model_class":"Pokemon","model_id":1,"association":"types","association_query_sql":null,"component_class":"LooposUi::Token","selected_container_id":"association_overlay_selected_pokemon_1_types_","results_container_id":"association_overlay_results_pokemon_1_types_","results_container_new_cell_id":"association_overlay_results_new_pokemon_1_types_","association_params":{},"turbo_id":"types_pokemon_1_","config":{"can_create_new":true,"create_new":{},"case_sensitive":false,"draggable":false,"custom_detach_action":null},"handle_lists":true,"list_data":{"frame_id":"lui-model_association_list_pokemon_1_types_token__frame"},"policy":{"new":true,"attach":true,"detach":true},"entity_argument_builder":null,"show_results":true,"show_selected":true}" type="hidden" name="context" id="context" /> <input value="10" type="hidden" name="association_id" id="association_id" /> <button name="button" type="submit" class="flex items-center w-full h-full"> <span id="lui-token_5949402131" class="lui-token locked lui-entity-token lui-entity-token-general" style="color: #212529;"> <span class="lui-token__text">flying</span> <div class="lui-token__actions"> </div> </span> </button></form> </div> <div class="lui-association-overlay__results__cell lui-association-overlay__results__cell--missing" data-model-association-overlay-target="result" data-label="psychic" id="types_pokemon_1__missing_type_11"> <form class="flex items-center h-full w-full" action="/loopos_ui/associations" accept-charset="UTF-8" method="post"><input type="hidden" name="_method" value="patch" /><input type="hidden" name="authenticity_token" value="6f9vmWGum8OtNazgu4su2a-EBK7ftaDTwmBtQtt58Lmb30j4i0yYdRiTidUMTYudSrnMerZg3xsE-2EhffWH8w" /> <input value="{"model_class":"Pokemon","model_id":1,"association":"types","association_query_sql":null,"component_class":"LooposUi::Token","selected_container_id":"association_overlay_selected_pokemon_1_types_","results_container_id":"association_overlay_results_pokemon_1_types_","results_container_new_cell_id":"association_overlay_results_new_pokemon_1_types_","association_params":{},"turbo_id":"types_pokemon_1_","config":{"can_create_new":true,"create_new":{},"case_sensitive":false,"draggable":false,"custom_detach_action":null},"handle_lists":true,"list_data":{"frame_id":"lui-model_association_list_pokemon_1_types_token__frame"},"policy":{"new":true,"attach":true,"detach":true},"entity_argument_builder":null,"show_results":true,"show_selected":true}" type="hidden" name="context" id="context" /> <input value="11" type="hidden" name="association_id" id="association_id" /> <button name="button" type="submit" class="flex items-center w-full h-full"> <span id="lui-token_9553542728" class="lui-token locked lui-entity-token lui-entity-token-general" style="color: #212529;"> <span class="lui-token__text">psychic</span> <div class="lui-token__actions"> </div> </span> </button></form> </div> <div class="lui-association-overlay__results__cell lui-association-overlay__results__cell--missing" data-model-association-overlay-target="result" data-label="bug" id="types_pokemon_1__missing_type_12"> <form class="flex items-center h-full w-full" action="/loopos_ui/associations" accept-charset="UTF-8" method="post"><input type="hidden" name="_method" value="patch" /><input type="hidden" name="authenticity_token" value="VyfJnaXgYA--sGUglnYeaoOaKqSlQamGibJcKY0ENTolB-78TwJjuQsWQBUhsLsuZqficMyU1k5PKVBKK4hCcA" /> <input value="{"model_class":"Pokemon","model_id":1,"association":"types","association_query_sql":null,"component_class":"LooposUi::Token","selected_container_id":"association_overlay_selected_pokemon_1_types_","results_container_id":"association_overlay_results_pokemon_1_types_","results_container_new_cell_id":"association_overlay_results_new_pokemon_1_types_","association_params":{},"turbo_id":"types_pokemon_1_","config":{"can_create_new":true,"create_new":{},"case_sensitive":false,"draggable":false,"custom_detach_action":null},"handle_lists":true,"list_data":{"frame_id":"lui-model_association_list_pokemon_1_types_token__frame"},"policy":{"new":true,"attach":true,"detach":true},"entity_argument_builder":null,"show_results":true,"show_selected":true}" type="hidden" name="context" id="context" /> <input value="12" type="hidden" name="association_id" id="association_id" /> <button name="button" type="submit" class="flex items-center w-full h-full"> <span id="lui-token_3917432518" class="lui-token locked lui-entity-token lui-entity-token-general" style="color: #212529;"> <span class="lui-token__text">bug</span> <div class="lui-token__actions"> </div> </span> </button></form> </div> <div class="lui-association-overlay__results__cell lui-association-overlay__results__cell--missing" data-model-association-overlay-target="result" data-label="rock" id="types_pokemon_1__missing_type_13"> <form class="flex items-center h-full w-full" action="/loopos_ui/associations" accept-charset="UTF-8" method="post"><input type="hidden" name="_method" value="patch" /><input type="hidden" name="authenticity_token" value="Rxjh7jL003HTMnGdz1Gpfu2mBfhtEnYheeM11VFo9Gs1OMaP2BbQx2aUVKh4lww6CJvNLATHCem_eDm29-SDIQ" /> <input value="{"model_class":"Pokemon","model_id":1,"association":"types","association_query_sql":null,"component_class":"LooposUi::Token","selected_container_id":"association_overlay_selected_pokemon_1_types_","results_container_id":"association_overlay_results_pokemon_1_types_","results_container_new_cell_id":"association_overlay_results_new_pokemon_1_types_","association_params":{},"turbo_id":"types_pokemon_1_","config":{"can_create_new":true,"create_new":{},"case_sensitive":false,"draggable":false,"custom_detach_action":null},"handle_lists":true,"list_data":{"frame_id":"lui-model_association_list_pokemon_1_types_token__frame"},"policy":{"new":true,"attach":true,"detach":true},"entity_argument_builder":null,"show_results":true,"show_selected":true}" type="hidden" name="context" id="context" /> <input value="13" type="hidden" name="association_id" id="association_id" /> <button name="button" type="submit" class="flex items-center w-full h-full"> <span id="lui-token_1479021817" class="lui-token locked lui-entity-token lui-entity-token-general" style="color: #212529;"> <span class="lui-token__text">rock</span> <div class="lui-token__actions"> </div> </span> </button></form> </div> <div class="lui-association-overlay__results__cell lui-association-overlay__results__cell--missing" data-model-association-overlay-target="result" data-label="ghost" id="types_pokemon_1__missing_type_14"> <form class="flex items-center h-full w-full" action="/loopos_ui/associations" accept-charset="UTF-8" method="post"><input type="hidden" name="_method" value="patch" /><input type="hidden" name="authenticity_token" value="-Y_-Dw74KteUNJZKA1zGYgzggZ8iyQUAxvZwxtWhbpiLr9lu5BopYSGSs3-0mmMm6d1JS0scesgAbXylcy0Z0g" /> <input value="{"model_class":"Pokemon","model_id":1,"association":"types","association_query_sql":null,"component_class":"LooposUi::Token","selected_container_id":"association_overlay_selected_pokemon_1_types_","results_container_id":"association_overlay_results_pokemon_1_types_","results_container_new_cell_id":"association_overlay_results_new_pokemon_1_types_","association_params":{},"turbo_id":"types_pokemon_1_","config":{"can_create_new":true,"create_new":{},"case_sensitive":false,"draggable":false,"custom_detach_action":null},"handle_lists":true,"list_data":{"frame_id":"lui-model_association_list_pokemon_1_types_token__frame"},"policy":{"new":true,"attach":true,"detach":true},"entity_argument_builder":null,"show_results":true,"show_selected":true}" type="hidden" name="context" id="context" /> <input value="14" type="hidden" name="association_id" id="association_id" /> <button name="button" type="submit" class="flex items-center w-full h-full"> <span id="lui-token_5745583536" class="lui-token locked lui-entity-token lui-entity-token-general" style="color: #212529;"> <span class="lui-token__text">ghost</span> <div class="lui-token__actions"> </div> </span> </button></form> </div> <div class="lui-association-overlay__results__cell lui-association-overlay__results__cell--missing" data-model-association-overlay-target="result" data-label="dragon" id="types_pokemon_1__missing_type_15"> <form class="flex items-center h-full w-full" action="/loopos_ui/associations" accept-charset="UTF-8" method="post"><input type="hidden" name="_method" value="patch" /><input type="hidden" name="authenticity_token" value="3Ypz3z-XGxbk1Lqf1Jn5rNPPfDZe9aHbImoROk8YweKvqlS-1XUYoFFyn6pjX1zoNvK04jcg3hPk8R1Z6ZS2qA" /> <input value="{"model_class":"Pokemon","model_id":1,"association":"types","association_query_sql":null,"component_class":"LooposUi::Token","selected_container_id":"association_overlay_selected_pokemon_1_types_","results_container_id":"association_overlay_results_pokemon_1_types_","results_container_new_cell_id":"association_overlay_results_new_pokemon_1_types_","association_params":{},"turbo_id":"types_pokemon_1_","config":{"can_create_new":true,"create_new":{},"case_sensitive":false,"draggable":false,"custom_detach_action":null},"handle_lists":true,"list_data":{"frame_id":"lui-model_association_list_pokemon_1_types_token__frame"},"policy":{"new":true,"attach":true,"detach":true},"entity_argument_builder":null,"show_results":true,"show_selected":true}" type="hidden" name="context" id="context" /> <input value="15" type="hidden" name="association_id" id="association_id" /> <button name="button" type="submit" class="flex items-center w-full h-full"> <span id="lui-token_5309901276" class="lui-token locked lui-entity-token lui-entity-token-general" style="color: #212529;"> <span class="lui-token__text">dragon</span> <div class="lui-token__actions"> </div> </span> </button></form> </div> <div class="lui-association-overlay__results__cell lui-association-overlay__results__cell--missing" data-model-association-overlay-target="result" data-label="dark" id="types_pokemon_1__missing_type_16"> <form class="flex items-center h-full w-full" action="/loopos_ui/associations" accept-charset="UTF-8" method="post"><input type="hidden" name="_method" value="patch" /><input type="hidden" name="authenticity_token" value="gKI45GfQvuX3T1QhiA66AFsPMnRkYFqbfEbCcFHyu67ygh-FjTK9U0LpcRQ_yB9EvjL6oA21JVO63c4T937M5A" /> <input value="{"model_class":"Pokemon","model_id":1,"association":"types","association_query_sql":null,"component_class":"LooposUi::Token","selected_container_id":"association_overlay_selected_pokemon_1_types_","results_container_id":"association_overlay_results_pokemon_1_types_","results_container_new_cell_id":"association_overlay_results_new_pokemon_1_types_","association_params":{},"turbo_id":"types_pokemon_1_","config":{"can_create_new":true,"create_new":{},"case_sensitive":false,"draggable":false,"custom_detach_action":null},"handle_lists":true,"list_data":{"frame_id":"lui-model_association_list_pokemon_1_types_token__frame"},"policy":{"new":true,"attach":true,"detach":true},"entity_argument_builder":null,"show_results":true,"show_selected":true}" type="hidden" name="context" id="context" /> <input value="16" type="hidden" name="association_id" id="association_id" /> <button name="button" type="submit" class="flex items-center w-full h-full"> <span id="lui-token_7351318025" class="lui-token locked lui-entity-token lui-entity-token-general" style="color: #212529;"> <span class="lui-token__text">dark</span> <div class="lui-token__actions"> </div> </span> </button></form> </div> <div class="lui-association-overlay__results__cell lui-association-overlay__results__cell--missing" data-model-association-overlay-target="result" data-label="steel" id="types_pokemon_1__missing_type_17"> <form class="flex items-center h-full w-full" action="/loopos_ui/associations" accept-charset="UTF-8" method="post"><input type="hidden" name="_method" value="patch" /><input type="hidden" name="authenticity_token" value="b6XJyzQpT6u_HbUxgIY0UBz99Zfof6GxUsuRXSs4Jiwdhe6q3stMHQq7kAQ3QJEU-cA9Q4Gq3nmUUJ0-jbRRZg" /> <input value="{"model_class":"Pokemon","model_id":1,"association":"types","association_query_sql":null,"component_class":"LooposUi::Token","selected_container_id":"association_overlay_selected_pokemon_1_types_","results_container_id":"association_overlay_results_pokemon_1_types_","results_container_new_cell_id":"association_overlay_results_new_pokemon_1_types_","association_params":{},"turbo_id":"types_pokemon_1_","config":{"can_create_new":true,"create_new":{},"case_sensitive":false,"draggable":false,"custom_detach_action":null},"handle_lists":true,"list_data":{"frame_id":"lui-model_association_list_pokemon_1_types_token__frame"},"policy":{"new":true,"attach":true,"detach":true},"entity_argument_builder":null,"show_results":true,"show_selected":true}" type="hidden" name="context" id="context" /> <input value="17" type="hidden" name="association_id" id="association_id" /> <button name="button" type="submit" class="flex items-center w-full h-full"> <span id="lui-token_8928872532" class="lui-token locked lui-entity-token lui-entity-token-general" style="color: #212529;"> <span class="lui-token__text">steel</span> <div class="lui-token__actions"> </div> </span> </button></form> </div> <div class="lui-association-overlay__results__cell lui-association-overlay__results__cell--missing" data-model-association-overlay-target="result" data-label="fairy" id="types_pokemon_1__missing_type_18"> <form class="flex items-center h-full w-full" action="/loopos_ui/associations" accept-charset="UTF-8" method="post"><input type="hidden" name="_method" value="patch" /><input type="hidden" name="authenticity_token" value="JIFNnS6y6YTGUYz3YDO79oAjFd5NxG5TebI0BCw0heZWoWr8xFDqMnP3qcLX9R6yZR7dCiQREZu_KThnirjyrA" /> <input value="{"model_class":"Pokemon","model_id":1,"association":"types","association_query_sql":null,"component_class":"LooposUi::Token","selected_container_id":"association_overlay_selected_pokemon_1_types_","results_container_id":"association_overlay_results_pokemon_1_types_","results_container_new_cell_id":"association_overlay_results_new_pokemon_1_types_","association_params":{},"turbo_id":"types_pokemon_1_","config":{"can_create_new":true,"create_new":{},"case_sensitive":false,"draggable":false,"custom_detach_action":null},"handle_lists":true,"list_data":{"frame_id":"lui-model_association_list_pokemon_1_types_token__frame"},"policy":{"new":true,"attach":true,"detach":true},"entity_argument_builder":null,"show_results":true,"show_selected":true}" type="hidden" name="context" id="context" /> <input value="18" type="hidden" name="association_id" id="association_id" /> <button name="button" type="submit" class="flex items-center w-full h-full"> <span id="lui-token_2194263485" class="lui-token locked lui-entity-token lui-entity-token-general" style="color: #212529;"> <span class="lui-token__text">fairy</span> <div class="lui-token__actions"> </div> </span> </button></form> </div> <div class="hidden! lui-association-overlay__results__cell" data-model-association-overlay-target="new" id="types_pokemon_1__new"> <div class="flex items-center w-full"> <div class="w-full"> <span id="lui-token_5897773874" class="lui-token lui-entity-token lui-entity-token-general" style="color: #212529;" data-model-association-overlay-target="newLabelWrapper"> <span class="lui-token__text">%new%</span> <div class="lui-token__actions"> </div> </span> </div> <form class="flex items-center h-full w-full" action="/loopos_ui/associations" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4P67P3CeiCoAEp8hNiTzTqiNYcYwMjOn_eyv50gxgY4yHEs2Y9GgQNmSTYUzz5_h14GXR0Irk1-eNXItpOUOzA" /> <input type="hidden" name="context" id="context" value="{"model_class":"Pokemon","model_id":1,"association":"types","association_query_sql":null,"component_class":"LooposUi::Token","selected_container_id":"association_overlay_selected_pokemon_1_types_","results_container_id":"association_overlay_results_pokemon_1_types_","results_container_new_cell_id":"association_overlay_results_new_pokemon_1_types_","association_params":{},"turbo_id":"types_pokemon_1_","config":{"can_create_new":true,"create_new":{},"case_sensitive":false,"draggable":false,"custom_detach_action":null},"handle_lists":true,"list_data":{"frame_id":"lui-model_association_list_pokemon_1_types_token__frame"},"policy":{"new":true,"attach":true,"detach":true},"entity_argument_builder":null,"show_results":true,"show_selected":true}" /> <input data-model-association-overlay-target="newInput" type="hidden" name="new_association[name]" id="new_association_name" /> <div class="flex w-full justify-end"> <button class="lui-button lui-button--neutral--tertiary lui-button--size-tiny w-fit w-fit relative" data-controller="lui--button" data-action="model-association-overlay#onResultsContainerChange"> <div class="opacity-100 inline-flex" data-lui--button-target="leadingIcon"> <div class="flex items-center justify-center" style="width: 12px; height: 12px;"><i class="lui-button__icon lui-button__icon--tiny fa-regular fa-plus" data-lui--button-target="leadingIcon"></i></div> </div> <span class="lui-button__text opacity-100 inline-flex" data-lui--button-target="text"> Create New </span> <div class="absolute w-full flex items-center justify-center opacity-0" data-lui--button-target="loadingIcon"> <i class="lui-m_icon animate-spin material-symbols-outlined" style="--lui-micon-size: 12px;"> progress_activity </i> </div> </button> </div> </form> </div> </div> <div class="hidden lui-association-overlay__empty-search" data-model-association-overlay-target="emptySearch">No results found</div> </div> </div> </turbo-frame> </div> </div> </div> </div> </div> </turbo-frame> </div> </div> </div> </div></turbo-frame>PageHeader
Description
Related components
| Used Components | Components where is Used |
|---|---|
| Label |
Usage rules
- ✅ Do
- ❌ Don't
<%= render LooposUi::PageHeader.new(title: "Settings") do |page_header| %> <% page_header.with_header(title: "Settings") %> <% page_header.with_detail do %> <%= render LooposUi::ModelAssociationList.new( model: Pokemon.first, association: :types, component_class: LooposUi::Token ) %> <% end %> <% page_header.with_detail do %> <%= render LooposUi::ModelAssociationList.new( model: Pokemon.first, association: :types, component_class: LooposUi::Token ) %> <% end %><% end %>No notes provided.
No params configured.
Description
PageHeader is a unified header component used to display page headers with titles, images, tokens, details, and additional contextual information. It replaces the older LooposUi::ShowHeader and LooposUi::IndexHeader components.
The component is wrapped in a turbo-frame (lui-page-header) to support dynamic updates.
Arguments
| Property | Default | Required | Description |
|---|---|---|---|
title |
nil |
No | Main title text. If not provided and a model is present, it will attempt to use resource.model_title |
model |
nil |
No | Model instance for resource-aware features (auto-title, etc.) |
Slots
Required Slots
header - Required - An instance of LooposUi::Header component
The main header content including title, description, icons, and token zones. This slot is mandatory and the component will raise an error if not provided.
Optional Slots
tokens - Multiple token components displayed at the top of the header
Renders multiple token components (e.g., LooposUi::Token) in a tag list above the header zone.
image - An instance of LooposUi::V2::Image component
Displays an image associated with the page/model, typically positioned to the left of the header content.
token_zone - Token zone content
Area for displaying tokens and labels within the header structure.
details - Multiple detail sections
Renders multiple detail sections below the header content. Each detail is rendered in sequence.
with_detail_zone - Detail zone helper method
Special method to add detail zones. You can add up to 3 detail zones using this method. Raises an error if more than 3 are added.
right_side - Right side content
Content displayed on the right side of the header container. (Deprecated, may be removed)
bottom_side - Bottom side content
Content displayed below the header container. (Deprecated, may be removed)
title_zone - Custom title zone
Custom title content. If not provided and title is set, a default title zone will be created.
title_labels - Multiple title label components
Renders multiple label components next to the title. Supports types:
- manual - Custom block content
- counter - LooposUi::CounterLabel component
- state - LooposUi::StateLabel component
- double_state - LooposUi::DoubleStateLabel component
Notes
- The
headerslot is required and the component will raise anArgumentErrorif not provided. - The component uses a turbo-frame wrapper, so it can be updated dynamically via Turbo.
- You can add up to 3 detail zones using
with_detail_zonemethod. - The
titleargument is optional, but if amodelis provided and notitle_zoneis set, it will attempt to auto-populate the title from the model. - The
right_sideandbottom_sideslots are deprecated and may be removed in future versions.