@visitscotland/component-library
Version:
VisitScotland Component Library
1 lines • 3.65 kB
JavaScript
(self.webpackChunk_visitscotland_component_library=self.webpackChunk_visitscotland_component_library||[]).push([[2152],{101:function(){},12152:function(t,e,n){"use strict";n.r(e);var s=n(23477),o=n(71496);n(38427);const r=(0,n(66262).A)(o.A,[["render",s.X]]);e.default=r},13637:function(t,e,n){"use strict";n.d(e,{X:function(){return f}});var s=n(20641),o=n(90033),r=n(53751),i={key:0,class:"vs-site-search-form","data-test":"vs-site-search-form"},c={class:"cludo-input-form d-flex align-items-start",role:"search",id:"cludo-search-input"},a={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 m=(0,s.g2)("VsIcon"),p=(0,s.g2)("VsInput"),b=(0,s.g2)("VsButton"),v=(0,s.g2)("VsCol"),g=(0,s.g2)("VsRow"),_=(0,s.g2)("VsContainer");return d.showSearchForm?((0,s.uX)(),(0,s.CE)("div",i,[(0,s.bF)(_,{fluid:"lg"},{default:(0,s.k6)((function(){return[(0,s.bF)(g,null,{default:(0,s.k6)((function(){return[(0,s.bF)(v,{cols:"12"},{default:(0,s.k6)((function(){return[(0,s.Lk)("div",c,[(0,s.Lk)("div",a,[(0,s.Lk)("label",u,[(0,s.Lk)("span",l,(0,o.toDisplayString)(n.labelText),1),(0,s.bF)(m,{icon:"vs-icon-control-search",size:"xs"})]),(0,s.bF)(p,{class:"vs-site-search-form__input cludo-input-form__input",ref:"searchInput",name:"searchrequest",type:"search","field-name":"site-search",placeholder:n.labelText,"auto-complete":!1,onUpdated:h.updateVal},null,8,["placeholder","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:"subtle",icon:"vs-icon-control-dismiss",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)}},19348:function(t,e,n){"use strict";var s=n(46422),o=n(22142),r=n(48836),i=n(11438);e.A={name:"VsSiteSearchForm",status:"prototype",release:"0.0.1",components:{VsIcon:s.default,VsInput:o.default,VsButton:r.default,VsCol:i.Il,VsRow:i.AQ,VsContainer:i.T$},props:{isShowing:{type:Boolean,default:!1},labelText:{type:String,default:""},submitButtonText:{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)}}}},23477:function(t,e,n){"use strict";n.d(e,{X:function(){return s.X}});var s=n(13637)},38427:function(t,e,n){"use strict";n(76503)},71496:function(t,e,n){"use strict";n.d(e,{A:function(){return s.A}});var s=n(19348)},76503:function(t,e,n){"use strict";var s=n(85072),o=n.n(s),r=n(97825),i=n.n(r),c=n(77659),a=n.n(c),u=n(55056),l=n.n(u),f=n(10540),d=n.n(f),h=n(41113),m=n.n(h),p=n(101),b=n.n(p),v={};v.styleTagTransform=m(),v.setAttributes=l(),v.insert=a().bind(null,"head"),v.domAPI=i(),v.insertStyleElement=d(),o()(b(),v),b()&&b().locals&&b().locals}}]);