https://silkeborgbib.dk/libraries/dpl-react/search-header.js?tlu1vu

1(globalThis.webpackChunk_danskernesdigitalebibliotek_dpl_react||=[]).push([[715],{48370(e,t,a){"use strict";var s=a(78948),r=a(71763),n=a(67989),o=a(3781),i=(a(97700),a(96676)),l=a(31399),d=a(19864),g=a(98684),c=a.n(g),u=a(37607),p=a.n(u),h=a(13526),m=a(94049),x=a(91987);const y=({q:e,getInputProps:t,getLabelProps:a,dataCy:s="search-header-input",qWithoutQuery:r,setQWithoutQuery:o,isHeaderDropdownOpen:i,setIsHeaderDropdownOpen:l,redirectUrl:d,advancedSearchUrl:g})=>{const u=(0,n.F)(),y=()=>{l(e=>!e)};return(0,x.jsxs)(x.Fragment,{children:[(0,x.jsxs)("form",{className:"header__menu-search",children:[(0,x.jsx)("label",{className:"hide-visually",...a(),children:u("searchHeaderInputLabelText")}),(0,x.jsx)("input",{required:!0,pattern:".*\\S+.*",title:u("searchNoValidCharactersErrorText"),name:"q",className:"header__menu-search-input text-body-medium-regular","data-cy":s,type:"text",placeholder:u("inputPlaceholderText"),onKeyUp:t=>{"Enter"===t.key&&r===e&&e.length&&(0,m.SE)(d)},...t({onChange:e=>{o(e.target.value)}})}),(0,x.jsx)("input",{type:"image",src:c(),alt:u("searchHeaderIconAltText"),className:"header__menu-search-icon",onClick:t=>{t.preventDefault(),r===e&&e.length&&(0,m.SE)(d)},onKeyUp:t=>{"Enter"===t.key&&r===e&&e.length&&(0,m.SE)(d)}}),(0,x.jsx)("input",{type:"image",src:p(),alt:u("searchHeaderDropdownText"),className:(0,h.A)("header__menu-dropdown-icon",{"header__menu-dropdown-icon--expanded":i}),onClick:e=>{e.preventDefault(),e.stopPropagation(),y()},onKeyUp:e=>{"Enter"!==e.key&&"ArrowDown"!==e.key||(e.preventDefault(),e.stopPropagation(),y())},tabIndex:0,"aria-label":u("searchHeaderDropdownText"),"data-cy":"search-header-dropdown-icon","aria-expanded":i})]}),(0,x.jsx)("a",{className:"header__advanced-desktop",href:String(g),children:u("headerDropdownItemAdvancedSearchText")})]})};var w=a(23288);const k=e=>[{render:e("autosuggestBookCategoryText"),term:w.wP.book,facet:"materialTypesSpecific"},{render:e("autosuggestEbookCategoryText"),term:w.wP.ebook,facet:"materialTypesSpecific"},{render:e("autosuggestFilmCategoryText"),term:w.wP.movie,facet:"workTypes"},{render:e("autosuggestAudioBookCategoryText"),term:w.wP.audioBook,facet:"materialTypesSpecific"},{render:e("autosuggestMusicCategoryText"),term:w.wP.music,facet:"workTypes"},{render:e("autosuggestGameCategoryText"),term:w.wP.game,facet:"workTypes"},{render:e("autosuggestAnimatedSeriesCategoryText"),term:w.wP.animatedSeries,facet:"materialTypesSpecific"}];function C(e){return e.type===d.Sg.Composit?e.work?.titles.main[0]||"incomplete data":e.term}const S=({categoryData:e,getItemProps:t,highlightedIndex:a,textAndMaterialDataLength:s,dataCy:r="autosuggest-category-item"})=>{const o=(0,n.F)();return(0,x.jsx)(x.Fragment,{children:e.map((e,n)=>{const i=n+s;return(0,x.jsxs)("li",{className:(0,h.A)("autosuggest__text-item text-body-medium-regular px-24",{"autosuggest__text-item--highlight":a===i}),...t({item:e,index:i}),"data-cy":r,children:[(0,x.jsx)("p",{className:"autosuggest__text text-body-medium-regular",children:`${e.term} ${o("inText")}`}),(0,x.jsx)("div",{className:"boxed-text text-tags noselect ml-8",children:k(o)[n].render})]},`${e.term}-${i}`)})})};var I=a(22523),f=a(12276),_=a(20993);const v=({materialData:e,getItemProps:t,highlightedIndex:a,textDataLength:s,dataCy:r="autosuggest-material-item"})=>{const o=(0,n.F)();return(0,x.jsx)(x.Fragment,{children:e.map((n,i)=>{const l=i+s,{work:d}=n;if(!d)return null;const{workId:g,titles:c,creators:u,manifestations:{all:p,bestRepresentation:m}}=d,y=(0,f.UV)(u),w=m&&(0,_.ov)([m]),k=(0,f.e$)(p??[]);return(0,x.jsx)("li",{className:(0,h.A)("autosuggest__material-item",{"autosuggest__material-item--two":2===e.length,"autosuggest__material-item--one":1===e.length,"autosuggest__material-item--highlight":a===l}),...t({item:n,index:l}),"data-cy":r,children:(0,x.jsxs)("div",{className:"autosuggest__material-card",children:[(0,x.jsx)(I.Y,{animate:!0,size:"xSmall",ids:k,bestRepresentation:m,shadow:"small"}),(0,x.jsxs)("div",{className:"autosuggest__info",children:[(0,x.jsx)("div",{lang:w,className:"text-body-medium-medium autosuggest__title",children:c.main[0]}),(0,x.jsx)("div",{className:"text-body-small-regular autosuggest__author",children:(0,f.sP)(y,o)})]})]})},g)})})}

1,D=({classes:e,item:t,index:a,getItemProps:s,dataCy:r="autosuggest-text-item"})=>{const o=t.work?.manifestations.bestRepresentation&&(0,_.ov)([t.work.manifestations.bestRepresentation]),i=(0,n.F)();return(0,x.jsx)("li",{className:e.textSuggestion,...s({item:t,index:a}),"data-cy":r,lang:o,children:(0,x.jsxs)("p",{className:"autosuggest__text text-body-medium-regular",children:[t.type===d.Sg.Creator?`${t.term} (${i("stringSuggestionAuthorText")})`:null,t.type===d.Sg.Subject?`${t.term} (${i("stringSuggestionTopicText")})`:null,t.type===d.Sg.Composit?`${t.work?.titles.main} (${i("stringSuggestionWorkText")})`:null,t.type===d.Sg.Title?`${t.term} (${i("stringSuggestionWorkText")})`:null]})})},T=({textData:e,highlightedIndex:t,getItemProps:a})=>e.map((e,s)=>{const r={textSuggestion:(0,h.A)("autosuggest__text-item text-body-medium-regular px-24",{"autosuggest__text-item--highlight":t===s})};return(0,x.jsx)(D,{classes:r,item:e,index:s,getItemProps:a},s)});var j=a(98481);const b=({textData:e,materialData:t,getMenuProps:a,highlightedIndex:s,getItemProps:r,isOpen:n,setIsOpen:o,categoryData:i,isLoading:l,dataCy:d="autosuggest"})=>l&&!e?null:(0,x.jsxs)(x.Fragment,{children:[(0,j.createPortal)((0,x.jsx)("div",{"aria-hidden":!0,className:"autosuggest-backdrop "+(n?"autosuggest-backdrop--open":""),onClick:()=>o(!1)}),document.body),(0,x.jsxs)("ul",{className:"autosuggest "+(n?"autosuggest--open":""),...a(),style:n?{}:{display:"none"},"data-cy":d,children:[(0,x.jsx)(T,{textData:e,highlightedIndex:s,getItemProps:r}),t.length>0&&(0,x.jsx)(v,{materialData:t,getItemProps:r,highlightedIndex:s,textDataLength:e.length}),i&&i.length>0&&(0,x.jsx)(S,{categoryData:i,getItemProps:r,highlightedIndex:s,textAndMaterialDataLength:e.length+t.length})]})]});var P=a(24829),N=a(18535);const A=({redirectTo:e,setIsHeaderDropdownOpen:t,headerDropdownRef:a,advancedSearchUrl:s})=>{const r=(0,n.F)();return(0,x.jsx)("div",{className:"header__menu-dropdown","data-cy":"search-header-dropdown",children:(0,x.jsx)("ul",{role:"menu",children:(0,x.jsx)("li",{role:"presentation",children:(0,x.jsx)("a",{ref:a,role:"menuitem",className:"header__menu-dropdown-item hide-linkstyle",href:String(s),onClick:t=>{t.preventDefault(),e(s)},onKeyUp:a=>"Enter"===a.key?(a.preventDefault(),e(s)):"ArrowDown"===a.key||"ArrowUp"===a.key||"Escape"===a.key?t(!1):null,onBlur:()=>t(!1),children:r("headerDropdownItemAdvancedSearchText")})})})})};var E=a(4929),U=a(94791);const B=()=>{const e=(0,n.F)(),t=(0,o.Ik)(),a=t("searchUrl"),s=t("materialUrl"),g=t("advancedSearchUrl"),c=function(){const e=(0,m.d6)("q");return"*"!==e&&e?e:""}(),[u,p]=(0,r.useState)(c),[h,w]=(0,r.useState)(u),[S,I]=(0,r.useState)([]),[f,_]=(0,r.useState)(""),[v,D]=(0,r.useState)(!1),[T,j]=(0,r.useState)(!1),{clearFilter:B}=(0,E.A)(),{data:L,isLoading:O,status:$}=(0,d.Yu)({q:u},{enabled:u.length>=3}),[F,M]=(0,r.useState)(!1),[H,K]=(0,r.useState)(null),{track:q}=(0,P.Jx)();(0,r.useEffect)(()=>{if(L){const e=L.localSuggest.result;I(e)}},[L]);const Q=S,R=[],W=[],V=[];let z,Z=[];Q&&(z=function(e){return e.find(e=>e.type!==d.Sg.Title&&e.type!==d.Sg.Composit)}(Q),Q.forEach(e=>{(e.type===d.Sg.Composit||e.type===d.Sg.Title)&&e.work&&W.length<3?W.push(e):R.push(e)}),Z=R.concat(W),z&&(k(e).forEach(()=>{V.push(z)}),Z=Z.concat(V))),(0,r.useEffect)(()=>{T&&S.length>0&&("success"===$||"pending"===$)?D(!0):D(!1)},[T,$,S,h]);const{getMenuProps:Y,highlightedIndex:G,getItemProps:J,getInputProps:X,getLabelProps:ee}=(0,i.Bp)({isOpen:v,items:Z,inputValue:h,defaultIsOpen:!1,onInputValueChange:function(t){const{inputValue:r,selectedItem:n,type:o}=t;if(void 0!==r){if(o===i.Bp.stateChangeTypes.InputChange)return p(r),w(r),void j(!0);if(w(r),n&&(o===i.Bp.stateChangeTypes.ItemClick||o===i.Bp.stateChangeTypes.InputKeyDownEnter))if(n.work?.workId&&W.includes(n))q("click",{id:N.o.autosuggestClick.id,name:N.o.autosuggestClick.name,trackedData:n.work.titles.main.join(", ")}).then(()=>{B(),(0,m.SE)((0,m.Qj)(s,n.work?.workId))});else{if(z&&t.selectedItem&&z.term===t.selectedItem.term&&H&&H>=R.concat(W).length){const s=H-(R.length+W.length),r=C(t.selectedItem);return void q("click",{id:N.o.autosuggestClick.id,name:N.o.autosuggestClick.name,trackedData:r}).then(()=>{const{term:t,facet:n}=k(e)[s];B(),(0,m.SE)((0,m.fN)({searchUrl:a,selectedItemString:r,filter:{[n]:t}}))})}

1if([d.Sg.Creator,d.Sg.Subject,d.Sg.Title].includes(n.type)){const e=n.term;let t;switch(n.type){case d.Sg.Creator:t=(0,m.Zp)(a,(0,U.n)(n.term));break;case d.Sg.Subject:t=(0,m.jk)(a,n.term);break;case d.Sg.Title:t=(0,m.zy)(a,'"'+n.term+'"')}return void q("click",{id:N.o.autosuggestClick.id,name:N.o.autosuggestClick.name,trackedData:e}).then(()=>{B(),(0,m.SE)(t)})}q("click",{id:N.o.autosuggestClick.id,name:N.o.autosuggestClick.name,trackedData:C(n)}).then(()=>{B(),(0,m.SE)((0,m.zy)(a,C(n)))})}}},onSelectedItemChange:function(e){const{selectedItem:t}=e;t&&_(C(t))},selectedItem:f,onHighlightedIndexChange:function(e){const{type:t}=e;let{highlightedIndex:a}=e;if(t===i.Bp.stateChangeTypes.MenuMouseLeave)return;if(t===i.Bp.stateChangeTypes.ItemMouseMove)return void(void 0!==a&&a>-1&&K(a));if(t!==i.Bp.stateChangeTypes.InputKeyDownArrowDown&&t!==i.Bp.stateChangeTypes.InputKeyDownArrowUp&&t!==i.Bp.stateChangeTypes.InputKeyDownEnter||void 0!==a&&a>-1&&K(a),a&&a<0)return void D(!1);a||(a=0);const s=C(Z[a]);t!==i.Bp.stateChangeTypes.InputKeyDownArrowDown&&t!==i.Bp.stateChangeTypes.InputKeyDownArrowUp?p(s):w(s)}}),te=r.useRef(null);(0,l.A)(te,()=>{setTimeout(()=>{M(!1)},100)});const ae=(0,m.zy)(a,u);return(0,x.jsx)("div",{className:"header__menu-second",children:(0,x.jsxs)("div",{className:"header__menu-search",children:[(0,x.jsx)(y,{q:u,getInputProps:X,getLabelProps:ee,qWithoutQuery:h,setQWithoutQuery:w,isHeaderDropdownOpen:F,setIsHeaderDropdownOpen:M,advancedSearchUrl:g,redirectUrl:ae}),(0,x.jsx)(b,{textData:R,materialData:W,categoryData:V,getMenuProps:Y,highlightedIndex:G,setIsOpen:D,getItemProps:J,isOpen:v,isLoading:O}),F&&(0,x.jsx)(A,{redirectTo:m.SE,setIsHeaderDropdownOpen:M,headerDropdownRef:te,advancedSearchUrl:g})]})})},L=(0,o.nU)((0,n.i)(()=>(0,x.jsx)(B,{})));(0,s.A)({appName:"search-header",app:L})},98684(e){e.exports="data:image/svg+xml,%3csvg width='24' height='24' viewBox='-2 -2 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.5 0C13.1944 0 17 3.80558 17 8.5C17 10.5772 16.2549 12.4804 15.0173 13.9569L19.5303 18.4697C19.8232 18.7626 19.8232 19.2374 19.5303 19.5303C19.2641 19.7966 18.8474 19.8208 18.5538 19.6029L18.4697 19.5303L13.9569 15.0173C12.4804 16.2549 10.5772 17 8.5 17C3.80558 17 0 13.1944 0 8.5C0 3.80558 3.80558 0 8.5 0ZM8.5 1.5C4.63401 1.5 1.5 4.63401 1.5 8.5C1.5 12.366 4.63401 15.5 8.5 15.5C12.366 15.5 15.5 12.366 15.5 8.5C15.5 4.63401 12.366 1.5 8.5 1.5Z' fill='black'/%3e %3c/svg%3e"}},e=>{e.O(0,[23],()=>e(48370)),e.O()}]);
2//# sourceMappingURL=search-header.js.map