https://bloomthis.co/cdn/shop/t/84/assets/homepage-banner-search.js?v=123425360792974932991750648306

1"use strict";(function(){function homepageBannerSearchPhase1Init2(){if(isReturningUser())return;const style=document.createElement("style");style.textContent=`
2#section-slideshow .SectionHeader__Heading {
3  margin-bottom: 10px;
4}
5#section-slideshow .flickity-viewport {
6  overflow: visible;
7}
8.quick-flower-finder-form {
9  position: relative;
10  max-width: 245px;
11  margin-bottom: 10px;
12  margin-left: auto;
13  margin-right: auto;
14}
15@media (min-width: 538px) {
16  .quick-flower-finder-form {
17    max-width: 600px;
18  }
19}
20@media (max-width: 537px) {
21  .quick-flower-finder-form {
22    margin-left: 0;
23    margin-right: 0;
24  }
25}
26@media (min-width: 1008px) {
27  .quick-flower-finder-form {
28    margin-left: 0;
29  }
30}
31.quick-flower-finder-search-icon {
32  width: 28px;
33  height: 28px;
34  position: absolute;
35  top: -5px;
36  left: 10px;
37  display: flex;
38  justify-content: center;
39  align-items: center;
40  color: black;
41}
42.quick-flower-finder-search-icon > .Icon--search {
43  width: 22px;
44  height: auto;
45}
46.quick-flower-finder-input {
47  width: 100%;
48  padding-top: 12px;
49  padding-bottom: 12px;
50  padding-left: 45px;
51  padding-right: 52px;
52  border: none;
53  border-radius: 1000px;
54  display: block;
55  background-color: #ffffffcc;
56  color: black;
57  font-family: Karla, sans-serif;
58  font-size: 18px;
59}
60.quick-flower-finder-input::placeholder {
61  color: #a9a9a9;
62  text-align: center;
63}
64@media (min-width: 538px) {
65  .quick-flower-finder-input::placeholder {
66    text-align: left;
67  }
68}
69.quick-flower-finder-go-button {
70  width: 46px;
71  height: 46px;
72  position: absolute;
73  top: -15px;
74  right: 0;
75  display: flex;
76  justify-content: center;
77  align-items: center;
78  background-color: transparent;
79  color: black;
80}
81.quick-flower-finder-go-button > svg {
82  width: 23px;
83}
84.quick-flower-finder-recommendation-list {
85  width: calc(100% - 40px);
86  position: absolute;
87  top: calc(100% + 2px);
88  left: 20px;
89  padding: 8px 16px;
90  display: none;
91  flex-direction: column;
92  column-gap: 10px;
93  row-gap: 5px;
94  margin-top:0 !important;
95  background-color: #ffffffcc;
96  z-index: 1;
97}
98.quick-flower-finder-input:focus +.quick-flower-finder-recommendation-list,
99.quick-flower-finder-input:focus-visible +.quick-flower-finder-recommendation-list,
100.quick-flower-finder-recommendation-list:hover {
101  display: flex;
102}
103.quick-flower-finder-recommendation-item {
104  display: block;
105  color: black;
106  text-align: left;
107  background:none !important;
108  transition:none !important;
109  margin-block-start:0 !important;
110}
111.quick-flower-finder-recommendation-item:hover {

112  color: #ff8056;
113  text-decoration: underline;
114  transition:none;
115}
116`,document.head.append(style);const slideshowTitle=document.querySelector(".slideshow__slide-content .h1"),form=document.createElement("form");form.classList.add("quick-flower-finder-form"),form.action="/search",form.addEventListener("submit",e=>{e.currentTarget.q.value=e.currentTarget.searchInput.value+" and tag:active"});const searchIcon=document.createElement("div");searchIcon.classList.add("quick-flower-finder-search-icon"),searchIcon.innerHTML=`
117<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" style="fill: rgba(0, 0, 0, 1);transform: ;msFilter:;"><path d="M10 18a7.952 7.952 0 0 0 4.897-1.688l4.396 4.396 1.414-1.414-4.396-4.396A7.952 7.952 0 0 0 18 10c0-4.411-3.589-8-8-8s-8 3.589-8 8 3.589 8 8 8zm0-14c3.309 0 6 2.691 6 6s-2.691 6-6 6-6-2.691-6-6 2.691-6 6-6z"></path></svg>
118  `;const input=document.createElement("input");input.classList.add("quick-flower-finder-input"),input.placeholder="Search BloomThis",input.value=new URLSearchParams(location.href).get("q"),form.searchInput=input;const goButton=document.createElement("button");goButton.classList.add("quick-flower-finder-go-button"),goButton.type="submit",goButton.innerHTML='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path d="m24 40-2.1-2.15L34.25 25.5H8v-3h26.25L21.9 10.15 24 8l16 16Z"/></svg>';const hiddenInput=document.createElement("input");hiddenInput.type="hidden",hiddenInput.name="q";const recommendations=document.createElement("div");recommendations.classList.add("quick-flower-finder-recommendation-list"),addAnchors(recommendations,[{href:"/search?q=Tulips*%20and%20tag:active&amp;type=product",text:"Tulips"},{href:"/search?q=Sunflowers*%20and%20tag:active&amp;type=product",text:"Sunflowers"},{href:"/search?q=Lilies*%20and%20tag:active&amp;type=product",text:"Lilies"},{href:"/search?q=Orchids*%20and%20tag:active&amp;type=product",text:"Orchids"},{href:"/search?q=Baby's%20Breath*%20and%20tag:active&amp;type=product",text:"Baby's Breath"},{href:"/search?q=Roses*%20and%20tag:active&amp;type=product",text:"Roses"}]),form.append(input,recommendations,searchIcon,goButton,hiddenInput),console.log(slideshowTitle),slideshowTitle.after(form)}window.homepageBannerSearchPhase1Init=homepageBannerSearchPhase1Init2;function addAnchors(container,anchors){for(const x of anchors){const anchor=document.createElement("a");anchor.classList.add("quick-flower-finder-recommendation-item"),anchor.href=x.href,anchor.textContent=x.text,container.append(anchor)}}function isReturningUser(){const now=new Date;let firstVisit=localStorage.getItem("firstVisit");return firstVisit?(firstVisit=new Date(firstVisit),now-firstVisit>1800*1e3):(localStorage.setItem("firstVisit",now),!1)}document.dispatchEvent(new CustomEvent("homepage-banner-search:ready"))})(),homepageBannerSearchPhase1Init();
119//# sourceMappingURL=/cdn/shop/t/84/assets/homepage-banner-search.js.map?v=123425360792974932991750648306