{"version":3,"names":["searchBlockCss","SearchBlockStyle0","SearchBlock","URLSearchParams","window","location","search","get","handleInputChange","event","this","searchQuery","target","value","render","h","Host","key","class","theme","role","method","id","action","type","name","placeholder","onInput","autocomplete","onClick"],"sources":["src/components/search-block/search-block.css?tag=search-block","src/components/search-block/search-block.tsx"],"sourcesContent":["/* @import '../../global/min-app.css'; */\n\n:host {\n  @apply selection:text-dark-blue selection:bg-logo-orange font-poppins;\n}\n\n#search-dropdown,\n#mobile-search-dropdown {\n  @apply !rounded-[8px] sm:!rounded-[12px];\n  border: 1px solid var(--ui-gray-4);\n  box-shadow: none !important;\n}\n\n.search-container.light .search-page-bar,\n.search-container.light .search-box,\n.search-container.light .search-page-clear,\n.search-container.light .search-page-submit {\n  @apply bg-white text-ui-gray-3 transition-colors !important;\n}\n\n.search-container.light .search-icon {\n  background-image: url('/wp-content/themes/3ecotheme/component-library/src/assets/general-icons/search-icon-blue.svg') !important;\n}\n\n.search-container.light .search-page-clear {\n  @apply hover:text-dark-blue !important;\n}\n\n.search-container.light .search-page-bar {\n  @apply border-medium-blue text-ui-gray-1 placeholder:text-ui-gray-3 !important;\n}\n\n.search-box {\n  @apply bg-dark-blue py-40px rounded-xl px-40px w-full mx-auto;\n}\n\n.search-page-bar-wrapper {\n  @apply w-full max-w-[900px] mx-auto relative;\n}\n\n.search-page-bar {\n  @apply w-full bg-dark-blue !text-white text-0 md:text-1 placeholder:text-white appearance-none font-poppins !border-t-0 !border-l-0 !border-r-0 border-b !rounded-none focus:outline-none;\n}\n\n.search-page-submit {\n  @apply bg-dark-blue text-white border-none;\n}\n\n\n.search-icon {\n  @apply absolute w-24px h-24px bottom-0 right-2px  fill-white;\n  background-image: url('/wp-content/themes/3ecotheme/component-library/src/assets/general-icons/search-icon-white.svg') !important;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n}\n\n\n.search-page-clear {\n  @apply appearance-none  px-4px bg-dark-blue text-white border-none cursor-pointer my-12px !font-poppins;\n}\n\n@media(max-width: 999px) {\n  .search-page-clear {\n    @apply !block;\n  }\n}","import { Component, Host, h, State, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'search-block',\n  styleUrl: 'search-block.css',\n  shadow: false,\n})\nexport class SearchBlock {\n  @State() searchQuery: string = new URLSearchParams(window.location.search).get('s') || '';\n  @Prop() theme: string;\n\n  handleInputChange(event) {\n    this.searchQuery = event.target.value;\n  }\n\n  render() {\n    //console.log(this.searchQuery);\n    return (\n      <Host>\n        <div class={`search-container  ${this.theme}`}>\n          <div class={`search-box ${this.theme}`}>\n            <h2 class=\"search-page-title\"></h2>\n            <form role=\"search\" method=\"get\" id=\"searchform\" class=\"searchform\" action=\"/\">\n              <div class=\"search-page-bar-wrapper \">\n                <label id=\"searchLabel\" class=\"relative\">\n                  <input\n                    class=\"search-page-bar !text-white\"\n                    type=\"text\"\n                    name=\"s\"\n                    id=\"s\"\n                    placeholder=\"Search 3Eco.com...\"\n                    value={this.searchQuery}\n                    onInput={event => this.handleInputChange(event)}\n                    autocomplete=\"off\"\n                  />\n                  <button type=\"submit\" class=\"search-page-submit search-icon  \" id=\"searchsubmit\">\n                  </button>\n                </label>\n                <button class=\"search-page-clear\" type=\"reset\" onClick={() => (this.searchQuery = '')}>\n                  Clear\n                </button>\n              </div>\n            </form>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAiB,2iGACvB,MAAAC,EAAeD,E,MCMFE,EAAW,M,0CACS,IAAIC,gBAAgBC,OAAOC,SAASC,QAAQC,IAAI,MAAQ,G,qBAGvF,iBAAAC,CAAkBC,GAChBC,KAAKC,YAAcF,EAAMG,OAAOC,K,CAGlC,MAAAC,GAEE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAO,qBAAqBR,KAAKS,SACpCJ,EAAA,OAAAE,IAAA,2CAAKC,MAAO,cAAcR,KAAKS,SAC7BJ,EAAA,MAAAE,IAAA,2CAAIC,MAAM,sBACVH,EAAA,QAAAE,IAAA,2CAAMG,KAAK,SAASC,OAAO,MAAMC,GAAG,aAAaJ,MAAM,aAAaK,OAAO,KACzER,EAAA,OAAAE,IAAA,2CAAKC,MAAM,4BACTH,EAAA,SAAAE,IAAA,2CAAOK,GAAG,cAAcJ,MAAM,YAC5BH,EAAA,SAAAE,IAAA,2CACEC,MAAM,8BACNM,KAAK,OACLC,KAAK,IACLH,GAAG,IACHI,YAAY,qBACZb,MAAOH,KAAKC,YACZgB,QAASlB,GAASC,KAAKF,kBAAkBC,GACzCmB,aAAa,QAEfb,EAAA,UAAAE,IAAA,2CAAQO,KAAK,SAASN,MAAM,mCAAmCI,GAAG,kBAGpEP,EAAA,UAAAE,IAAA,2CAAQC,MAAM,oBAAoBM,KAAK,QAAQK,QAAS,IAAOnB,KAAKC,YAAc,IAAG,a"}