https://www.matrixprofessional.in/themes/matrix/async-chunks/pro-f…okbook-search-f0fbb5956d2377b4c53e-chunk.js

1/*! For license information please see pro-formula-lookbook-search-f0fbb5956d2377b4c53e-chunk.js.LICENSE.txt */
2"use strict";(self.webpackChunkwf_core_setup=self.webpackChunkwf_core_setup||[]).push([[173],{7794:(e,t,r)=>{r.r(t),r.d(t,{default:()=>b});var i=function(){var e=this,t=e._self._c;return t("div",{staticClass:"search-wrapper",class:{"search-visible":e.isSearchVisible&&!e.isSearchPerformed},style:"--lookbook-search-top-position: ".concat(e.searchListMobileTop)},[e.isTabletOrMobile&&e.isMobileView?[e.isSearchVisible?e._e():t("span",{staticClass:"cards-list-total-text"},[e._v(e._s(e.totalLooks)+" "+e._s(e.formulaText))]),e._v(" "),e.isSearchEnabled?[e.inputValue&&!e.isSearchPerformed||!e.isSearchVisible?t("button",{staticClass:"button recipe-btn",attrs:{"aria-label":e.searchAriaLabel},on:{click:e.toggleSearchAndTrigger}},[t("svg",{staticClass:"icon is-large"},[t("use",{attrs:{"xlink:href":"#proformula-search"}})])]):e._e(),e._v(" "),e.isSearchVisible&&!e.inputValue||e.isSearchPerformed?t("button",{staticClass:"button recipe-btn-clear",attrs:{"aria-label":e.closeAriaLabel},on:{click:e.toggleSearch}},[t("svg",{staticClass:"icon is-large"},[t("use",{attrs:{"xlink:href":"#proformula-clear"}})])]):e._e(),e._v(" "),e.isSearchVisible?t("div",{staticClass:"recipe-search-container mobileviews"},[t("div",{staticClass:"cards-list-search-contain"},[e.isSearchVisible?t("input",{ref:"searchInput",staticClass:"inner_search",attrs:{type:"text",autocomplete:"off",placeholder:e.watermarkText,"aria-label":e.watermarkText},domProps:{value:e.inputValue},on:{keydown:function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"enter",13,t.key,"Enter")?null:e.onEnterPress.apply(null,arguments)},input:e.onInput}}):e._e()])]):e._e(),e._v(" "),e.isSearchPerformed?t("span",{staticClass:"cards-list-total-text mobile-result",attrs:{role:"status"}},[e._v(e._s(e.totalLooks>0?e.resultText:e.noResultText)+' "'+e._s(e.query)+'"')]):e._e()]:e._e()]:e.isMobileView?e._e():[e.isTabletOrMobile||e.isSearchEnabled?e._e():t("span",{staticClass:"cards-list-total-text"},[e._v(e._s(e.totalLooks)+"\n            "+e._s(e.formulaText))]),e._v(" "),e.isSearchEnabled&&!e.isTabletOrMobile?t("div",{staticClass:"recipe-search-container"},[t("div",{staticClass:"cards-list-search-text"},[t("p",{attrs:{role:"status","aria-atomic":"true"}},[e.isTabletOrMobile||e.isSearchPerformed?e._e():t("span",{staticClass:"cards-list-total-text"},[e._v("\n                        "+e._s(e.totalLooks)+" "+e._s(e.formulaText)+"\n                    ")]),e._v(" "),e.isSearchPerformed?t("span",{staticClass:"cards-list-total-text"},[e._v("\n                        "+e._s(e.totalLooks>0?e.resultText:e.noResultText)+' "'+e._s(e.query)+'"\n                    ')]):e._e()])]),e._v(" "),t("div",{staticClass:"cards-list-search-contain"},[e.isSearchVisible?t("input",{ref:"searchInput",staticClass:"inner_search",attrs:{type:"text",autocomplete:"off",placeholder:e.watermarkText,"aria-label":e.watermarkText},domProps:{value:e.inputValue},on:{keydown:function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"enter",13,t.key,"Enter")?null:e.onEnterPress.apply(null,arguments)},input:e.onInput}}):e._e(),e._v(" "),t("button",{staticClass:"button recipe-btn",on:{click:function(){return e.isSearchVisible&&!e.inputValue||e.isSearchPerformed?e.toggleSearch():e.toggleSearchAndTrigger()}}},[t("svg",{staticClass:"icon is-large"},[t("use",{attrs:{"xlink:href":e.isSearchVisible&&!e.inputValue||e.isSearchPerformed?"#proformula-clear":"#proformula-search"}})]),e._v(" "),t("span",{staticClass:"is-sr-only"},[e._v(e._s(e.isSearchVisible&&!e.inputValue||e.isSearchPerformed?e.closeSrOnlyText:e.searchSrOnlyText))])])])]):e._e()]],2)};i._withStripped=!0;var n=r(5353),a=r(9343),o=r(8611);function s(e){return s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},s(e)}function c(){var e,t,r="function"==typeof Symbol?Symbol:{},i=r.iterator||"@@iterator",n=r.toStringTag||"@@toStringTag";function a(r,i,n,a){var c=i&&i.prototype instanceof s?i:s,u=Object.create(c.prototype);return l(u,"_invoke",function(r,i,n){var a,s,c,l=0,u=n||[],h=!1,p={p:0,n:0,v:e,a:f,f:f.bind(e,4),d:function(t,r){return a=t,s=0,c=e,p.n=r,o}};function f(r,i){for(s=r,c=i,t=0;!h&&l&&!n&&t<u.length;t++){var n,a=u[t],f=p.p,d=a[2];r>3?(n=d===i)&&(c=a[(s=a[4])?5:(s=3,3)],a[4]=a[5]=e):a[0]<=f&&((n=r<2&&f<a[1])?(s=0,p.v=i,p.n=a[1]):f<d&&(n=r<3||a[0]>i||i>d)&&(a[4]=r,a[5]=i,p.n=d,s=0))}if(n||r>1)return o;throw h=!0,i}

2return function(n,u,d){if(l>1)throw TypeError("Generator is already running");for(h&&1===u&&f(u,d),s=u,c=d;(t=s<2?e:c)||!h;){a||(s?s<3?(s>1&&(p.n=-1),f(s,c)):p.n=c:p.v=c);try{if(l=2,a){if(s||(n="next"),t=a[n]){if(!(t=t.call(a,c)))throw TypeError("iterator result is not an object");if(!t.done)return t;c=t.value,s<2&&(s=0)}else 1===s&&(t=a.return)&&t.call(a),s<2&&(c=TypeError("The iterator does not provide a '"+n+"' method"),s=1);a=e}else if((t=(h=p.n<0)?c:r.call(i,p))!==o)break}catch(t){a=e,s=1,c=t}finally{l=1}}return{value:t,done:h}}}(r,n,a),!0),u}var o={};function s(){}function u(){}function h(){}t=Object.getPrototypeOf;var p=[][i]?t(t([][i]())):(l(t={},i,function(){return this}),t),f=h.prototype=s.prototype=Object.create(p);function d(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,h):(e.__proto__=h,l(e,n,"GeneratorFunction")),e.prototype=Object.create(f),e}return u.prototype=h,l(f,"constructor",h),l(h,"constructor",u),u.displayName="GeneratorFunction",l(h,n,"GeneratorFunction"),l(f),l(f,n,"Generator"),l(f,i,function(){return this}),l(f,"toString",function(){return"[object Generator]"}),(c=function(){return{w:a,m:d}})()}function l(e,t,r,i){var n=Object.defineProperty;try{n({},"",{})}catch(e){n=0}l=function(e,t,r,i){function a(t,r){l(e,t,function(e){return this._invoke(t,r,e)})}t?n?n(e,t,{value:r,enumerable:!i,configurable:!i,writable:!i}):e[t]=r:(a("next",0),a("throw",1),a("return",2))},l(e,t,r,i)}function u(e,t,r,i,n,a,o){try{var s=e[a](o),c=s.value}catch(e){return void r(e)}s.done?t(c):Promise.resolve(c).then(i,n)}function h(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,i)}return r}function p(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?h(Object(r),!0).forEach(function(t){f(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):h(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}function f(e,t,r){return(t=function(e){var t=function(e){if("object"!=s(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,"string");if("object"!=s(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==s(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const d={name:"pro-formula-lookbook-search",data:function(){return{isSearchVisible:!1,hideTotalText:!1,isSearchPerformed:!1,query:"",hideButton:!1,inputValue:"",windowWidth:"",searchListMobileTop:0}},props:{enableSearch:{type:String,default:"false"},resultText:{type:String,required:!1,default:""},noResultText:{type:String,required:!1,default:""},searchText:{type:String,default:""},watermarkText:{type:String,default:"Search Formula or Look"},tagging:{type:String,required:!1,default:""},formulaText:{type:String,default:"Formulas"},searchSrOnlyText:{type:String,default:"search formula"},closeSrOnlyText:{type:String,default:"clear search"},searchAriaLabel:{type:String,default:"search formula"},closeAriaLabel:{type:String,default:"clear search"},apiUrl:{type:String,required:!0},isMobileView:{type:Boolean,default:!1},pageitemId:{type:String,default:""}},computed:p(p({},(0,n.L8)("proFormulaFiltering",[a.K])),{},{totalLooks:function(){return this[a.K].length},isTabletOrMobile:function(){return this.windowWidth<=1024},isSearchEnabled:function(){return"true"===this.enableSearch||!0===this.enableSearch}}),methods:p(p({},(0,n.i0)("proFormulaFiltering",[a.EF,a.em])),{},{toggleSearchAndTrigger:function(){this.isSearchVisible?this.onEnterPress():this.toggleSearch()},toggleSearch:function(){var e=this;this.isSearchVisible&&(this.query="",this.inputValue="",this.isSearchPerformed&&(this.searchRecipes(),this.isSearchPerformed=!1)),this.isSearchVisible=!this.isSearchVisible,this.isTabletOrMobile&&(this.hideButton=!this.hideButton,o.A.$emit("hideButton",this.hideButton)),this.$nextTick(function(){e.isSearchVisible&&e.$refs.searchInput.focus()})},onInput:function(e){this.inputValue=e.target.value},onEnterPress:function(){this.query=this.inputValue.trim(),this.searchRecipes()},searchRecipes:function(){var e,t=this;return(e=c().m(function e(){return c().w(function(e){for(;;)switch(e.n){case 0:return t[a.em](t.query),e.n=1,t[a.EF]({apiUrl:t.apiUrl,isLoadMore:!1,pageitemId:t.pageitemId});case 1:e.v&&window.dataLayer.push(p(p({},t.parseTagging(t.tagging)),{},{eventLabel:t.query.toLowerCase(),search_keyword:t.query.toLowerCase(),event_detail:"results found::".concat(t.totalLooks>0?"yes":"no")})),t.isSearchPerformed=""!=t.inputValue;case 2:return e.a(2)}},e)}),function(){var t=this,r=arguments;return new Promise(function(i,n){var a=e.apply(t,r);function o(e){u(a,i,n,o,s,"next",e)}function s(e){u(a,i,n,o,s,"throw",e)}o(void 0)})})()},parseTagging:function(e){try{return JSON.parse(e)}catch(e){return console.error("Error parsing JSON:",e),{}}},handleWindowResize:function(){this.windowWidth=window.innerWidth}}),created:function(){this.windowWidth=window.innerWidth,window.addEventListener("resize",this.handleWindowResize)},mounted:function(){var e=document.querySelector("#header");e&&(this.searchListMobileTop=e.offsetHeight.toString()+"px")}},b=(0,r(4486).A)(d,i,[],!1,null,null,null).exports}}]);