<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="k_ytNyX0jzOGNJ-pxCqwFF_t6MFSmqLp8bcf0e_UoNceFP4slmXt5ac_8j3iU9H5y_QFtTFQb5dJbHPUEfOL0A" /> <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_6503213766" 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="oVcWI2m0fudMCyP4PSZh_QUNoas3wOrkV6O5lSyi-qEsv0U42iUcMW0ATmwbXwAQkRRM31QKJ5rveNWQ0oXRpg" /> <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_2322156580" 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-a59b7c9362b43c89437a-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-a59b7c9362b43c89437a-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-a59b7c9362b43c89437a-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-a2f8c39196d7e1ebc1a3" 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="F3oIOEjDeF6qXLZuX6r_E000JSu7_ZdvA_8dq70y-7maklsj-1IaiItX2_p5057-2S3IX9g3WhG7JHGuQxXQvg" /> <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_5793709857" 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="AO5O5shBxz1DPVaJ8Ldb4zjNxMrJVvtOkfm0AI1uKqaNBh39e9Cl62I2Ox3WzjoOrNQpvqqcNjApItgFc0kBoQ" /> <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_9912568611" 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="yr_MWnThQjRPwNF3ozjaM5hYpp57D0ODZZYhdigXHuJ8NNPDGGIShvj-I4VSI9gaWtp27-joM1_QFVX_hnTFHg" /> <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_6597424226" 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="QUCfwEQE0mEKR0iH_Iy4saSAlkf9yb4PYPCih0Wbbv73y4BZKIeC0715unUNl7qYZgJGNm4uztPVc9YO6_i1Ag" /> <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_8670528836" 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="kkIysvK0WAAOOaQOE3VU6Xtuhf98F_ylYxg4NlxozbIkyS0rnjcIsrkHVvziblbAuexVju_wjHnWm0y_8gsWTg" /> <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_9451751915" 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="tZYEX4OEkGUzdbr7bbFL2BCv4IpLIEou5rpIHBLOquIDHRvG7wfA14RLSAmcqknx0i0w-9jHOvJTOTyVvK1xHg" /> <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_5215854990" 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="GUqJz4lPA5ky34JqCMj5N4WDubeHzHvaKGr9SUHxtLOvwZZW5cxTK4XhcJj50_seRwFpxhQrCwad6YnA75JvTw" /> <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_1569762617" 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="tqxwl8liOQDMo8JSU5-AyMWkmbqX90TzMeyvSV5iqtsAJ28OpeFpsnudMKCihILhByZJywQQNC-Eb9vA8AFxJw" /> <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_5005363814" 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="dEeSwonEEDOtQbnJ8Mxj9prm-A3adzOh-9mg9lZ8T3XCzI1b5UdAgRp_SzsB12HfWGQofEmQQ31OWtR_-B-UiQ" /> <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_9404554452" 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="AZcGtFrimgGhjtYROr7PoDXtL093ERYnTu6Wck8NTuC3HBktNmHKsxawJOPLpc2J92__PuT2Zvv7beL74W6VHA" /> <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_5703447052" 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="7fZwOz7gm5TnLXIj9ZWSxX68oil4qYI8O6VIIgw7QmxbfW-iUmPLJlATgNEEjpDsvD5yWOtO8uCOJjyroliZkA" /> <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_3999329769" 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="6t_NgHrBYyrvMd3t-hKzuedBrW-4hcfFUc1UBo7LlVJcVNIZFkIzmFgPLx8LCbGQJcN9HititxnkTiCPIKhOrg" /> <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_3139447488" 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="jbzBkPCWeT8Ex9FnZqt8zfyd5z_DmQ1jRx-qds4ocyg7N94JnBUpjbP5I5WXsH7kPh83TlB-fb_ynN7_YEuo1A" /> <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_7821441232" 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="ycG5oQ_e6_e2E2cGUeO2ZVMiJkU20Bx2DODc7Vr36yh_SqY4Y127RQEtlfSg-LRMkaD2NKU3bKq5Y6hk9JQw1A" /> <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_2902670536" 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="pUhSYQliB_McOMhyJ9HMtFGTzo6247vYJdfDKs93zXITw034ZeFXQasGOoDWys6dkxEe_yUEywSQVLejYRQWjg" /> <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_1475808767" 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="h3KY9aUY5jjPR0Z7aaEJrVPZAH3rANl2drOPdLDBtdAx-YdsyZu2inh5tImYuguEkVvQDHjnqarDMPv9HqJuLA" /> <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_1514812509" 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="WGh_CEWzT7OrV_JCAz2w9cDtlUicSSb3zNxMoDibvTLu42CRKTAfARxpALDyJrLcAm9FOQ-uVit5Xzgplvhmzg" /> <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_9508286743" 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="fYVXx5idj0w9IjZdcL3P8ObTh-EDtMQ5s_YYjzHpoqDLDkhe9B7f_oocxK-Bps3ZJFFXkJBTtOUGdWwGn4p5XA" /> <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_5362092628" 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_2322156580" 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="62hZg4SVCbdu3Bpj1tOFTJ4umYa8FR5OdOqkPKFsO-jOsDPzZV7mIBYd_xw4GkYfVVeh2uAhVd52mIrTKmdyRg" /> <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="t5mhZIu6r1hsorfWngkFs3O7ITafQCWOW1HrYiyu6mM6cfJ_OCvNjk2p2kK4cGRe56LMQvyK6PDjiodn0onBZA" /> <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_4116004630" 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="IfvPQRadUACLvrhCATSCPTaKWig7bEj2i0yFHhM3sI6sE5xapQwy1qq11dYnTePQopO3XFimhYgzl-kb7RCbiQ" /> <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_2807543204" 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-8293596d3a118d52a3c5-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-8293596d3a118d52a3c5-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-8293596d3a118d52a3c5-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-7091d56e1a45e303e4b5" 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="fu7Q7GbRXUSZ6tyrgZ03pfTy7ay-cUzz4WO1mxw9DJ7zBoP31UA_krjhsT-n5FZIYOsA2N27gY1ZuNme4honmQ" /> <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_9608590673" 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="q05iB2zEPh4J-NU5VBMnFqW1SydYw3moeLmA2u-Ga7AmpjEc31VcyCjzuK1yakb7MaymUzsJtNbAYuzfEaFAtw" /> <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_1680139525" 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="5eUF1HHhcxdBB9jBvuUCiK7-PrQulaVzHk-rqoRMCspTbhpNHWIjpfY5KjNP_gChbHzuxb1y1a-rzN8jKi_RNg" /> <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_3405539807" 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="u6iwEp1MgMl7ElBtYl01Mza6uhjrHm5i2d1W3XupNJkNI6-L8c_Qe8wsop-TRjca9DhqaXj5Hr5sXiJU1crvZQ" /> <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_7032696096" 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="dgfiUfJLdAE37eSS2yUyTvTMEe0GD8PEB1EmgVJ6KW_AjP3Insgks4DTFmAqPjBnNk7BnJXosxiy0lII_Bnykw" /> <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_6040243962" 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="Fe3tZhvlEkFyIllG_MRzcE_E1ohJ8hRKGbiMXOo5s06jZvL_d2ZC88Ucq7QN33FZjUYG-doVZJasO_jVRFposg" /> <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_3239718155" 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="9fGKDW_Ce_-s3qyQxPMQ5zSFyAd8u2lg-zFbgKHvmGtDepWUA0ErTRvgXmI16BLO9gcYdu9cGbxOsi8JD4xDlw" /> <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_1998971406" 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="caN5ecy2f_eCBHIArLiHyA0lcFxCfNHBei1R6t-jb6PHKGbgoDUvRTU6gPJdo4Xhz6egLdGboR3PriVjccC0Xw" /> <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_5897773874" 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="yugCai0h3z89NU_6ZpMKaap3oVemElluouOlYGueXK98Yx3zQaKPjYoLvQiXiAhAaPVxJjX1KbIXYNHpxf2HUw" /> <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_3633890962" 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="CfryXwOcqsZdylvm7Rzi7dtD1JaVyab87-FNwZttzLu_ce3Gbx_6dOr0qRQcB-DEGcEE5wYu1iBaYjlINQ4XRw" /> <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_5432969054" 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="9HMuDId1CvjsVKhemWF_IjWV_vaDHOvy9SKg9zqiBelC-DGV6_ZaSltqWqxoen0L9xcuhxD7my5AodR-lMHeFQ" /> <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_9158206488" 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="uKS-JG0ID6_qGYgCH0JvojJ_a36bg5Hc7udSfLcfux0OL6G9AYtfHV0nevDuWW2L8P27Dwhk4QBbZCb1GXxg4Q" /> <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_222646500" 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="uqP_xzkZGwmTzA1PRl-7EqLVqSA0050qsdlQMQ9idH8MKOBeVZpLuyTy_723RLk7YFd5Uac07fYEWiS4oQGvgw" /> <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_9610425221" 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="8ThwJ6EA9UGegephEmuJ7MLeYKzg_hJtT_m-SzVuf5xHs2--zYOl8ym_GJPjcIvFAFyw3XMZYrH6esrCmw2kYA" /> <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_1006410545" 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="N98_aJlDhkweTdcEL8j5Wd7t6s_9vCFmr7uCfaRYAsuBVCDx9cDW_qlzJfbe0_twHG86vm5bUboaOPb0CjvZNw" /> <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_8083101637" 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="xDvna9MpgJ0djqL6LCeoFCSdGmGcyNDsoYv3pGAszE9ysPjyv6rQL6qwUAjdPKo95h_KEA8voDAUCIMtzk8Xsw" /> <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_5949402131" 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="XlGNsfHqAcLih9tnkDPUrGzcizStBkyW98Y_-Ls0aT7o2pIonWlRcFW5KZVhKNaFrl5bRT7hPEpCRUtxFVeywg" /> <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_9553542728" 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="h98__oTCw5QRrtJHtFsNpjaQK0E7bkJ7jnNlTiufx6IxVCBn6EGTJqaQILVFQA-P9BL7MKiJMqc78BHHhfwcXg" /> <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_3917432518" 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_4575178121" 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="LHqvVQItpvjIUBPWckh4opn4sA4s0VwJyQ0KBNth_x8JosUl4-ZJb7CR9qmcgbvxUoGIUnDlF5nLfyTrUGq2sQ" /> <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.