@visitscotland/component-library
Version:
VisitScotland Component Library
1 lines • 3.73 kB
JavaScript
(self.webpackChunk_visitscotland_component_library=self.webpackChunk_visitscotland_component_library||[]).push([[2152],{42994:function(){},19348:function(t,e,n){"use strict";var s=n(46422),o=n(22142),r=n(48836),a=n(11438);e.A={name:"VsSiteSearchForm",status:"prototype",release:"0.0.1",components:{VsIcon:s.default,VsInput:o.default,VsButton:r.default,VsCol:a.Il,VsRow:a.AQ,VsContainer:a.T$},props:{isShowing:{type:Boolean,default:!1},labelText:{type:String,default:""},submitButtonText:{type:String,default:""},clearButtonText:{type:String,default:""},closeButtonText:{type:String,default:""}},emits:["toggleAction"],data:function(){return{searchTerm:"",showSearchForm:!0}},watch:{isShowing:function(t){t&&this.focusOnInput()}},methods:{focusOnInput:function(){var t=this;this.$nextTick((function(){return t.$refs.searchInput.$refs.input.focus()}))},tabFromClose:function(t){t.shiftKey||this.closeSearchForm()},updateVal:function(t){this.searchTerm=t.value},onSubmit:function(t){""===this.searchTerm&&t.preventDefault()},closeSearchForm:function(){this.$emit("toggleAction",this.showSearchForm)}}}},70690:function(t,e,n){"use strict";n.d(e,{X:function(){return f}});var s=n(20641),o=n(90033),r=n(53751),a={key:0,class:"vs-site-search-form","data-test":"vs-site-search-form"},i={class:"cludo-input-form d-flex align-items-start",role:"search",id:"cludo-search-input"},c={class:"d-flex flex-column flex-grow-1 position-relative"},u={for:"site-search",class:"vs-site-search-form__label"},l={class:"visually-hidden"};function f(t,e,n,f,d,h){var p=(0,s.g2)("VsIcon"),m=(0,s.g2)("VsInput"),b=(0,s.g2)("VsButton"),g=(0,s.g2)("VsCol"),v=(0,s.g2)("VsRow"),y=(0,s.g2)("VsContainer");return d.showSearchForm?((0,s.uX)(),(0,s.CE)("div",a,[(0,s.bF)(y,{fluid:"lg"},{default:(0,s.k6)((function(){return[(0,s.bF)(v,null,{default:(0,s.k6)((function(){return[(0,s.bF)(g,{cols:"12"},{default:(0,s.k6)((function(){return[(0,s.Lk)("div",i,[(0,s.Lk)("div",c,[(0,s.Lk)("label",u,[(0,s.Lk)("span",l,(0,o.toDisplayString)(n.labelText),1),(0,s.bF)(p,{name:"search",size:"xs"})]),(0,s.bF)(m,{class:"vs-site-search-form__input cludo-input-form__input",ref:"searchInput",name:"searchrequest",type:"search","field-name":"site-search",placeholder:n.labelText,"clear-button-text":n.clearButtonText,"auto-complete":!1,onUpdated:h.updateVal},null,8,["placeholder","clear-button-text","onUpdated"])]),(0,s.bF)(b,{type:"submit",class:"vs-site-search-form__search-button cludo-input-form__search-button",variant:"primary",size:"lg",rounded:!1,onClick:h.closeSearchForm},{default:(0,s.k6)((function(){return[(0,s.eW)((0,o.toDisplayString)(n.submitButtonText),1)]})),_:1},8,["onClick"])])]})),_:1})]})),_:1})]})),_:1}),(0,s.bF)(b,{class:"vs-site-search-form__close-button d-none d-lg-block",variant:"transparent",icon:"close",size:"md","icon-only":"",onClick:h.closeSearchForm,onKeydown:(0,r.withKeys)(h.tabFromClose,["tab"])},{default:(0,s.k6)((function(){return[(0,s.eW)((0,o.toDisplayString)(n.closeButtonText),1)]})),_:1},8,["onClick","onKeydown"])])):(0,s.Q3)("",!0)}},11780:function(t,e,n){"use strict";var s=n(85072),o=n.n(s),r=n(97825),a=n.n(r),i=n(77659),c=n.n(i),u=n(55056),l=n.n(u),f=n(10540),d=n.n(f),h=n(41113),p=n.n(h),m=n(42994),b=n.n(m),g={};g.styleTagTransform=p(),g.setAttributes=l(),g.insert=c().bind(null,"head"),g.domAPI=a(),g.insertStyleElement=d(),o()(b(),g),b()&&b().locals&&b().locals},12152:function(t,e,n){"use strict";n.r(e);var s=n(92690),o=n(71496);n(34280);const r=(0,n(66262).A)(o.A,[["render",s.X]]);e.default=r},71496:function(t,e,n){"use strict";n.d(e,{A:function(){return s.A}});var s=n(19348)},92690:function(t,e,n){"use strict";n.d(e,{X:function(){return s.X}});var s=n(70690)},34280:function(t,e,n){"use strict";n(11780)}}]);