Location Input Manager - Copy this Angular, Tailwind Component to your project

Design-a-versatile-and-intuitive-Locations-Input-Component-for-a-web-or-mobile-application-with-the-following-features:-Autocomplete-and-Search:-Enable-users-to-search-for-locations-using-an-autocomplete-feature.-Provide-real-time-suggestions-as-the-user-types,-leveraging-a-predefined-or-dynamic-list-of-locations.-Custom-Location-Input:-Allow-users-to-define-custom-locations-manually-by-specifying-four-distinct-criteria:-Country-Region-County-Locality-Multiple-Selections:-Support-selecting-multiple-locations-simultaneously.-Display-the-selected-locations-in-a-visually-distinct-format,-such-as-chips,-tags,-or-rows.-Allow-users-to-edit-or-remove-individual-locations-from-the-selection-easily.-Primary-Location-Selector:-Include-an-optional-feature-(controlled-by-a-boolean-flag)-to-enable-users-to-select-one-location-as-the-"Primary-Location"-from-the-list-of-selected-locations.-Clearly-highlight-the-primary-location-for-easy-identification.-UI/UX-Considerations:-Design-the-component-to-be-clean-and-intuitive,-ensuring-ease-of-use-across-desktop-and-mobile-environments.-Use-responsive-and-accessible-design-principles-to-accommodate-a-diverse-range-of-users.-Integration-&-Scalability:-Provide-flexibility-for-integration-with-APIs-or-databases-for-fetching-location-data.-Ensure-the-design-is-scalable-to-handle-large-datasets-and-multiple-concurrent-selections-without-performance-issues.-Deliver-the-design-in-a-clean,-modular,-and-maintainable-format,-emphasizing-reusability-and-extensibility.