npm - @nd-storybook/storybook - Versions diffs - 0.3.22 → 0.3.23 - Mend

@nd-storybook/storybook 0.3.22 → 0.3.23

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/dist/index.cjs.js CHANGED Viewed

@@ -110,7 +110,7 @@ Valid keys: `+JSON.stringify(Object.keys(h),null,"  "));var P=e2(q,z,$,B,U+"."+z
                             m-0
                             ${a>0?"mt-s":""}
                         `,children:d.jsx(r5,{...l,id:l.id||`accordion-${a}`,isOpen:o.has(a),onToggle:()=>s(a),variant:n})},l.id||`accordion-${a}`))})]})}function Xn({title:e="Veelgestelde vragen",items:t,allowMultiple:r=!1,variant:n="default",className:o=""}){const i=t.map(s=>({id:s.id,question:s.question,answer:s.answer}));return d.jsx("div",{className:`faq ${o}`,children:d.jsx(n5,{title:e,items:i,allowMultiple:r,variant:n})})}const Jn={none:"p-none",xs:"p-xs",s:"p-s",m:"p-m",l:"p-l",xl:"p-xl"},Kn={default:"border-border-default",brand:"border-border-brand","accent-gray":"border-border-accent-gray","accent-gray-subtle":"border-border-accent-gray-subtle",disabled:"border-border-disabled",warning:"border-border-warning"},Qn={transparent:"bg-transparent","accent-gray":"bg-background-accent-gray"},e7=({children:e,padding:t="s",borderColor:r="accent-gray",background:n="transparent",className:o=""})=>{const i=Jn[t],s=Qn[n],a=n==="transparent"&&r!=="none"?`border border-width-s ${Kn[r]}`:"";return d.jsx("div",{className:`w-full ${i} ${s} ${a} ${o}`.trim(),children:e})},t7={light:"text-body-light",regular:"text-body-regular",bold:"text-body-bold"},r7=({icon:e,text:t,iconVariant:r="outline",iconSize:n="s",iconColor:o="brand",textWeight:i="light",className:s=""})=>{const l=t7[i];return d.jsxs("div",{className:`flex gap-xs items-center ${s}`,children:[d.jsx(s2,{name:e,variant:r,size:n,color:o}),d.jsx("span",{className:`${l} text-text-default`,children:t})]})},n7={info:{icon:"square",iconVariant:"fill",iconColor:"brand",borderColor:"accent-gray",background:"transparent"},"info-dark":{icon:"square",iconVariant:"fill",iconColor:"brand",borderColor:"none",background:"accent-gray"},warning:{icon:"warning-circle",iconVariant:"fill",iconColor:"warning",borderColor:"warning",background:"transparent"}},o5=({className:e="",children:t,variant:r="info"})=>{const n=n7[r];return d.jsx(e7,{borderColor:n.borderColor,background:n.background,className:e,children:d.jsx(r7,{icon:n.icon,text:t,iconVariant:n.iconVariant,iconColor:n.iconColor})})};function i5(e){const{label:t,value:r,skeleton:n,isLoading:o=!1,multiline:i=!1}=e,s=l=>l?i&&typeof l=="string"?l.split(`
-`).map((a,c)=>d.jsx("div",{children:a},c)):l:"-";return d.jsxs("div",{className:"dataframe-item",children:[d.jsx("div",{className:"dataframe-item__label",children:t}),d.jsx("div",{className:`dataframe-item__value ${i?"dataframe-item__value--multiline":""}`,children:o&&n?d.jsx("div",{className:"dataframe-item__skeleton-container",children:n.map((l,a)=>d.jsx("span",{className:`dataframe-item__skeleton ${l}`},a))}):s(r)})]})}function s5(e){const{title:t,items:r,children:n,editable:o=!1,onEdit:i,onSave:s,onCancel:l,editFields:a,collapsible:c=!1,isOpen:u=!0,onToggle:f,alert:m,actions:g,isLoading:p=!1}=e,[v,w]=C.useState(!1),[M,_]=C.useState({}),k=C.useMemo(()=>a||(r&&o?r.map(R=>{const O=R.label.toLowerCase();let I="full";(O.includes("voornaam")||O.includes("achternaam")||O.includes("telefoon")||O.includes("mobiel")||O.includes("postcode")||O.includes("plaats"))&&(I="half"),(O.includes("huisnummer")||O.includes("toevoeging"))&&(I="third"),(O.includes("email")||O.includes("adres"))&&(I="full");let Y="text";return O.includes("email")?Y="email":(O.includes("telefoon")||O.includes("mobiel"))&&(Y="tel"),{name:`field_${R.label.replace(/\s+/g,"_").toLowerCase()}`,label:R.label,value:typeof R.value=="string"?R.value:R.value?String(R.value):"",width:I,type:Y}}):[]),[a,r,o]),V=()=>{c&&f&&!v&&f()},x=()=>{if(i&&i(),k.length>0){const R={};k.forEach(O=>{R[O.name]=O.value||""}),_(R)}w(!0)},N=()=>{s&&s(M),w(!1)},Z=()=>{l&&l(),w(!1),_({})},J=(R,O)=>{_(I=>({...I,[R]:O}))},X=R=>{const O=[];let I=[],Y=0;return R.forEach(S=>{const j=S.width==="third"?.3333333333333333:S.width==="half"?.5:1;Y+j>1.01?(I.length>0&&O.push(I),I=[S],Y=j):(I.push(S),Y+=j)}),I.length>0&&O.push(I),O};return d.jsxs("div",{className:`dataframe ${c?"dataframe--collapsible":""}`,children:[d.jsxs("div",{className:"dataframe__header",onClick:V,children:[d.jsx("h2",{className:"dataframe__title",children:t}),d.jsxs("div",{className:"dataframe__header-actions",children:[!v&&o&&d.jsxs("button",{type:"button",className:"dataframe__edit-button border-button-border-pill text-button-text-pill",onClick:R=>{R.stopPropagation(),x()},children:[d.jsx(s2,{name:"pencil-simple-outline"}),d.jsx("span",{children:"Wijzigen"})]}),v&&d.jsxs("div",{className:"dataframe__edit-actions",children:[d.jsx("button",{type:"button",className:"dataframe__cancel-button text-link-text-default",onClick:R=>{R.stopPropagation(),Z()},children:"Annuleren"}),d.jsxs("button",{type:"button",className:"dataframe__save-button text-button-text-primary",onClick:R=>{R.stopPropagation(),N()},disabled:p,children:[d.jsx(s2,{name:"square-fill"}),d.jsx("span",{children:"Bevestigen"})]})]}),c&&!v&&d.jsx("button",{type:"button",className:"dataframe__toggle-button","aria-expanded":u,"aria-label":u?"Inklappen":"Uitklappen",children:d.jsx(s2,{name:u?"minus-outline":"plus-outline"})})]})]}),m&&d.jsx(o5,{variant:m.type,className:"mb-s",children:m.message}),(!c||u)&&d.jsxs(d.Fragment,{children:[v?d.jsx("div",{className:"dataframe__edit-content",children:k.length>0?X(k).map((R,O)=>d.jsx("div",{className:"dataframe__input-row",children:R.map(I=>d.jsxs("div",{className:"dataframe__input-container",style:{flex:I.width==="third"?"0 0 33.333%":I.width==="half"?"0 0 50%":"1"},children:[d.jsx("label",{className:"dataframe__input-label",children:I.label}),d.jsx("input",{type:I.type||"text",className:"dataframe__input border-form-border-input-field",value:M[I.name]||"",onChange:Y=>J(I.name,Y.target.value),disabled:I.disabled||p,readOnly:I.readonly,placeholder:I.placeholder})]},I.name))},O)):d.jsx("div",{className:"dataframe__content",children:d.jsx("p",{children:"No fields available for editing"})})}):d.jsxs("div",{className:"dataframe__content",children:[r&&r.map((R,O)=>d.jsx(i5,{...R},R.label||O)),n]}),g&&g.length>0&&!v&&d.jsx("div",{className:"dataframe__actions",children:g.map((R,O)=>d.jsxs("button",{type:"button",className:"dataframe__action-button border-button-border-pill text-button-text-pill",onClick:R.onClick,children:[R.icon&&d.jsx(s2,{name:R.icon}),d.jsx("span",{children:R.label})]},O))})]})]})}function o7(e){const{frames:t}=e;return d.jsx("div",{className:"dataframes",children:t.map((r,n)=>d.jsx(s5,{...r},r.title||n))})}const i7=e=>{const{label:t,help:r,errors:n}=e;function o(i){e.setValue(i.target.value)}return d.jsxs("div",{className:"nd-form-group",children:[t&&d.jsx("label",{className:"label",children:t}),d.jsx("input",{className:"nd-form-input",onChange:o,...e}),r&&d.jsx("span",{className:"help",children:r}),n&&n.map((i,s)=>d.jsx("span",{className:"error",children:i},s))]})},l5=({imageUrl:e,articleType:t,heading:r,variant:n="default",isPremium:o=!1,href:i,onClick:s,className:l="",videoDuration:a,publicationMonth:c,placeholderText:u})=>{const f=n==="de-nieuwe-koers"?"text-dnk-brand":n==="video"?"text-text-inverse":"text-text-brand",m=n==="de-nieuwe-koers"?"hover:border-dnk-brand":"hover:border-border-brand",g=()=>d.jsxs("div",{className:"flex items-center gap-xxs",children:[d.jsx("div",{className:`text-meta-uppercase ${f}`,children:t}),o&&n!=="de-nieuwe-koers"&&d.jsx(T1,{variant:"premium",size:"small"})]}),p=({inverse:M=!1,lines:_=5})=>d.jsx("h3",{className:`text-body-gulliver-semibold ${M?"text-text-inverse":"text-text-default"} line-clamp-${_}`,children:r});if(n==="video"){const M=d.jsxs("div",{className:"w-full h-[19.125rem] overflow-hidden relative",children:[e?d.jsx("img",{src:e,alt:r,className:"w-full h-[19.125rem] object-cover"}):d.jsx("div",{className:"w-full h-[19.125rem] bg-background-accent-gray"}),d.jsx("div",{className:"absolute inset-0 bg-gradient-to-t from-neutral-black via-neutral-black-30 to-transparent"}),d.jsxs("div",{className:"absolute inset-0 flex flex-col items-center justify-center",children:[d.jsx("div",{className:"group-hover:scale-110 transition-transform duration-300",children:d.jsx(s2,{name:"play-circle",variant:"fill",size:"xl",color:"inverse"})}),a&&d.jsx("span",{className:"text-meta-bold text-text-inverse",children:a})]}),d.jsxs("div",{className:"absolute bottom-0 left-0 right-0 p-s flex flex-col gap-xs",children:[d.jsx(g,{}),d.jsx(p,{inverse:!0,lines:3})]})]}),_=`inline-flex flex-col w-[13.25rem] group ${l}`.trim();return i?d.jsx("a",{href:i,onClick:s,draggable:!1,className:_,children:M}):d.jsx("div",{className:_,children:M})}if(n==="dnk-publications"){const M=d.jsxs(d.Fragment,{children:[d.jsx("div",{className:"w-[13.25rem] border border-width-s border-border-accent-gray-subtle hover:border-dnk-brand active:border-dnk-brand transition-colors overflow-hidden",children:e?d.jsx("img",{src:e,alt:r,className:"w-full h-[19.125rem] object-cover"}):d.jsx("div",{className:"w-full h-[19.125rem] bg-background-accent-gray flex items-center justify-center",children:u&&d.jsx("span",{className:"text-body-light text-text-default text-center px-s",children:u})})}),c&&d.jsx("div",{className:"w-full text-center pt-xs",children:d.jsx("span",{className:"text-meta-regular text-text-default",children:c})})]}),_=`inline-flex flex-col items-center ${l}`.trim();return i?d.jsx("a",{href:i,onClick:s,draggable:!1,className:_,children:M}):d.jsx("div",{className:_,children:M})}const v=d.jsxs(d.Fragment,{children:[d.jsxs("div",{className:"w-full h-[7.5rem] overflow-hidden relative",children:[e?d.jsx("img",{src:e,alt:r,className:"w-full h-[7.5rem] object-cover"}):d.jsx("div",{className:"w-full h-[7.5rem] bg-background-accent-gray"}),n==="de-nieuwe-koers"&&d.jsx("div",{className:"absolute bottom-xs left-xs",children:d.jsx(T1,{variant:"dnk",size:"small"})})]}),d.jsxs("div",{className:"flex flex-col gap-xs w-full h-[8.5rem]",children:[d.jsx(g,{}),d.jsx(p,{})]})]}),w=`inline-flex flex-col items-center w-[13.25rem] p-s gap-s bg-background-default border border-width-s border-border-accent-gray-subtle ${l}`.trim();return i?d.jsx("a",{href:i,onClick:s,className:`${w} transition-colors ${m}`,children:v}):d.jsx("div",{className:w,children:v})},L1=({children:e,className:t=""})=>d.jsxs("div",{className:`flex items-center gap-m ${t}`,children:[d.jsx("hr",{className:"flex-1 border-t border-width-s border-border-default"}),d.jsx("h2",{className:"text-center text-heading-uppercase text-text-default",children:e}),d.jsx("hr",{className:"flex-1 border-t border-width-s border-border-default"})]}),s7=({articles:e,videoConfig:t,title:r,showButton:n=!1,buttonLabel:o="",buttonUrl:i,onButtonClick:s,className:l="",enableSelection:a=!1,defaultSelectedIndex:c,onArticleSelect:u})=>{const f=C.useRef(null),m=C.useRef(!1),g=C.useRef(0),p=C.useRef(0),v=C.useRef(!1),[w,M]=C.useState(!1),[_,k]=C.useState(!0),[V,x]=C.useState(c!==void 0?c:null),[N,Z]=C.useState([]),[J,X]=C.useState(!1),[R,O]=C.useState(null);C.useEffect(()=>{if(!t)return;(async()=>{X(!0),O(null);try{const{apiEndpoint:j,channelId:L,playlistId:A,maxResults:H=10}=t,F=new URLSearchParams;L&&F.append("channelId",L),A&&F.append("playlistId",A),F.append("maxResults",H.toString());const h=`${j}?${F.toString()}`,y=await fetch(h);if(!y.ok)throw new Error(`Failed to fetch videos: ${y.statusText}`);const E=(await y.json()).map($=>({imageUrl:$.thumbnailUrl||`https://img.youtube.com/vi/${$.videoId}/mqdefault.jpg`,articleType:"Video",heading:$.title,variant:"video",videoDuration:$.duration,href:`https://www.youtube.com/watch?v=${$.videoId}`}));Z(E)}catch(j){O(j instanceof Error?j.message:"Error loading videos"),console.error("Video fetch error:",j)}finally{X(!1)}})()},[t]);const I=t?N:e||[],Y=()=>{if(!f.current)return;const{scrollLeft:S,scrollWidth:j,clientWidth:L}=f.current;M(S>0),k(S<j-L-1)};return C.useEffect(()=>{const S=f.current;if(!S)return;Y(),S.addEventListener("scroll",Y),window.addEventListener("resize",Y);const j=F=>{m.current=!0,v.current=!1,S.classList.remove("scroll-smooth"),g.current=F.pageX,p.current=S.scrollLeft},L=F=>{if(!m.current)return;const h=F.pageX,y=g.current-h;Math.abs(y)>3&&(F.preventDefault(),S.scrollLeft=p.current+y,v.current=!0)},A=()=>{S.classList.add("scroll-smooth"),m.current=!1},H=F=>{v.current&&(F.preventDefault(),F.stopPropagation()),v.current=!1};return S.addEventListener("mousedown",j),S.addEventListener("mousemove",L),S.addEventListener("mouseup",A),S.addEventListener("mouseleave",A),S.addEventListener("click",H,!0),()=>{S.removeEventListener("scroll",Y),window.removeEventListener("resize",Y),S.removeEventListener("mousedown",j),S.removeEventListener("mousemove",L),S.removeEventListener("mouseup",A),S.removeEventListener("mouseleave",A),S.removeEventListener("click",H,!0)}},[I]),J?d.jsxs("div",{className:`w-full flex flex-col gap-s ${l}`,children:[r&&d.jsx(L1,{children:r}),d.jsx("p",{className:"text-body-regular text-text-subtle",children:"Video's laden..."})]}):R?d.jsxs("div",{className:`w-full flex flex-col gap-s ${l}`,children:[r&&d.jsx(L1,{children:r}),d.jsxs("p",{className:"text-body-regular text-text-warning",children:["Fout bij laden: ",R]})]}):!I||I.length===0?null:d.jsxs("div",{className:`w-full flex flex-col gap-s ${l}`,children:[r&&d.jsx(L1,{children:r}),d.jsxs("div",{className:"relative",children:[w&&d.jsx("div",{className:"absolute left-0 top-0 bottom-0 w-m bg-gradient-to-r from-background-default to-transparent pointer-events-none z-10"}),_&&d.jsx("div",{className:"absolute right-0 top-0 bottom-0 w-m bg-gradient-to-l from-background-default to-transparent pointer-events-none z-10"}),d.jsx("div",{ref:f,className:"flex gap-m overflow-x-auto scroll-smooth py-s cursor-grab active:cursor-grabbing [&_img]:pointer-events-none",style:{scrollbarWidth:"thin",scrollbarColor:"var(--color-border-accent-gray) transparent"},children:I.map((S,j)=>{const L=a&&V===j,A=H=>{var F;a&&!v.current&&(H.preventDefault(),x(j),u==null||u(j)),(F=S.onClick)==null||F.call(S,H)};return d.jsx("div",{className:"flex-shrink-0",children:d.jsx(l5,{...S,onClick:a?A:S.onClick,className:`${S.className||""} ${L?"[&>div]:!border-dnk-brand":""}`.trim()})},j)})})]}),n&&d.jsx(W2,{variant:"pill",iconRight:"caret-right",href:i,onClick:s,className:"w-fit",children:o})]})};function a5(e,t){return function(){return e.apply(t,arguments)}}const{toString:l7}=Object.prototype,{getPrototypeOf:le}=Object,{iterator:e1,toStringTag:c5}=Symbol,t1=(e=>t=>{const r=l7.call(t);return e[r]||(e[r]=r.slice(8,-1).toLowerCase())})(Object.create(null)),v2=e=>(e=e.toLowerCase(),t=>t1(t)===e),r1=e=>t=>typeof t===e,{isArray:J2}=Array,c0=r1("undefined");function p0(e){return e!==null&&!c0(e)&&e.constructor!==null&&!c0(e.constructor)&&u2(e.constructor.isBuffer)&&e.constructor.isBuffer(e)}const u5=v2("ArrayBuffer");function a7(e){let t;return typeof ArrayBuffer<"u"&&ArrayBuffer.isView?t=ArrayBuffer.isView(e):t=e&&e.buffer&&u5(e.buffer),t}const c7=r1("string"),u2=r1("function"),d5=r1("number"),m0=e=>e!==null&&typeof e=="object",u7=e=>e===!0||e===!1,_0=e=>{if(t1(e)!=="object")return!1;const t=le(e);return(t===null||t===Object.prototype||Object.getPrototypeOf(t)===null)&&!(c5 in e)&&!(e1 in e)},d7=e=>{if(!m0(e)||p0(e))return!1;try{return Object.keys(e).length===0&&Object.getPrototypeOf(e)===Object.prototype}catch{return!1}},C7=v2("Date"),f7=v2("File"),h7=v2("Blob"),p7=v2("FileList"),m7=e=>m0(e)&&u2(e.pipe),g7=e=>{let t;return e&&(typeof FormData=="function"&&e instanceof FormData||u2(e.append)&&((t=t1(e))==="formdata"||t==="object"&&u2(e.toString)&&e.toString()==="[object FormData]"))},v7=v2("URLSearchParams"),[w7,x7,y7,b7]=["ReadableStream","Request","Response","Headers"].map(v2),k7=e=>e.trim?e.trim():e.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,"");function g0(e,t,{allOwnKeys:r=!1}={}){if(e===null||typeof e>"u")return;let n,o;if(typeof e!="object"&&(e=[e]),J2(e))for(n=0,o=e.length;n<o;n++)t.call(null,e[n],n,e);else{if(p0(e))return;const i=r?Object.getOwnPropertyNames(e):Object.keys(e),s=i.length;let l;for(n=0;n<s;n++)l=i[n],t.call(null,e[l],l,e)}}function C5(e,t){if(p0(e))return null;t=t.toLowerCase();const r=Object.keys(e);let n=r.length,o;for(;n-- >0;)if(o=r[n],t===o.toLowerCase())return o;return null}const F2=typeof globalThis<"u"?globalThis:typeof self<"u"?self:typeof window<"u"?window:global,f5=e=>!c0(e)&&e!==F2;function Z1(){const{caseless:e}=f5(this)&&this||{},t={},r=(n,o)=>{const i=e&&C5(t,o)||o;_0(t[i])&&_0(n)?t[i]=Z1(t[i],n):_0(n)?t[i]=Z1({},n):J2(n)?t[i]=n.slice():t[i]=n};for(let n=0,o=arguments.length;n<o;n++)arguments[n]&&g0(arguments[n],r);return t}const M7=(e,t,r,{allOwnKeys:n}={})=>(g0(t,(o,i)=>{r&&u2(o)?e[i]=a5(o,r):e[i]=o},{allOwnKeys:n}),e),E7=e=>(e.charCodeAt(0)===65279&&(e=e.slice(1)),e),L7=(e,t,r,n)=>{e.prototype=Object.create(t.prototype,n),e.prototype.constructor=e,Object.defineProperty(e,"super",{value:t.prototype}),r&&Object.assign(e.prototype,r)},j7=(e,t,r,n)=>{let o,i,s;const l={};if(t=t||{},e==null)return t;do{for(o=Object.getOwnPropertyNames(e),i=o.length;i-- >0;)s=o[i],(!n||n(s,e,t))&&!l[s]&&(t[s]=e[s],l[s]=!0);e=r!==!1&&le(e)}while(e&&(!r||r(e,t))&&e!==Object.prototype);return t},H7=(e,t,r)=>{e=String(e),(r===void 0||r>e.length)&&(r=e.length),r-=t.length;const n=e.indexOf(t,r);return n!==-1&&n===r},S7=e=>{if(!e)return null;if(J2(e))return e;let t=e.length;if(!d5(t))return null;const r=new Array(t);for(;t-- >0;)r[t]=e[t];return r},_7=(e=>t=>e&&t instanceof e)(typeof Uint8Array<"u"&&le(Uint8Array)),V7=(e,t)=>{const n=(e&&e[e1]).call(e);let o;for(;(o=n.next())&&!o.done;){const i=o.value;t.call(e,i[0],i[1])}},O7=(e,t)=>{let r;const n=[];for(;(r=e.exec(t))!==null;)n.push(r);return n},T7=v2("HTMLFormElement"),R7=e=>e.toLowerCase().replace(/[-_\s]([a-z\d])(\w*)/g,function(r,n,o){return n.toUpperCase()+o}),We=(({hasOwnProperty:e})=>(t,r)=>e.call(t,r))(Object.prototype),A7=v2("RegExp"),h5=(e,t)=>{const r=Object.getOwnPropertyDescriptors(e),n={};g0(r,(o,i)=>{let s;(s=t(o,i,e))!==!1&&(n[i]=s||o)}),Object.defineProperties(e,n)},$7=e=>{h5(e,(t,r)=>{if(u2(e)&&["arguments","caller","callee"].indexOf(r)!==-1)return!1;const n=e[r];if(u2(n)){if(t.enumerable=!1,"writable"in t){t.writable=!1;return}t.set||(t.set=()=>{throw Error("Can not rewrite read-only method '"+r+"'")})}})},P7=(e,t)=>{const r={},n=o=>{o.forEach(i=>{r[i]=!0})};return J2(e)?n(e):n(String(e).split(t)),r},N7=()=>{},F7=(e,t)=>e!=null&&Number.isFinite(e=+e)?e:t;function Z7(e){return!!(e&&u2(e.append)&&e[c5]==="FormData"&&e[e1])}const B7=e=>{const t=new Array(10),r=(n,o)=>{if(m0(n)){if(t.indexOf(n)>=0)return;if(p0(n))return n;if(!("toJSON"in n)){t[o]=n;const i=J2(n)?[]:{};return g0(n,(s,l)=>{const a=r(s,o+1);!c0(a)&&(i[l]=a)}),t[o]=void 0,i}}return n};return r(e,0)},D7=v2("AsyncFunction"),I7=e=>e&&(m0(e)||u2(e))&&u2(e.then)&&u2(e.catch),p5=((e,t)=>e?setImmediate:t?((r,n)=>(F2.addEventListener("message",({source:o,data:i})=>{o===F2&&i===r&&n.length&&n.shift()()},!1),o=>{n.push(o),F2.postMessage(r,"*")}))(`axios@${Math.random()}`,[]):r=>setTimeout(r))(typeof setImmediate=="function",u2(F2.postMessage)),q7=typeof queueMicrotask<"u"?queueMicrotask.bind(F2):typeof process<"u"&&process.nextTick||p5,U7=e=>e!=null&&u2(e[e1]),b={isArray:J2,isArrayBuffer:u5,isBuffer:p0,isFormData:g7,isArrayBufferView:a7,isString:c7,isNumber:d5,isBoolean:u7,isObject:m0,isPlainObject:_0,isEmptyObject:d7,isReadableStream:w7,isRequest:x7,isResponse:y7,isHeaders:b7,isUndefined:c0,isDate:C7,isFile:f7,isBlob:h7,isRegExp:A7,isFunction:u2,isStream:m7,isURLSearchParams:v7,isTypedArray:_7,isFileList:p7,forEach:g0,merge:Z1,extend:M7,trim:k7,stripBOM:E7,inherits:L7,toFlatObject:j7,kindOf:t1,kindOfTest:v2,endsWith:H7,toArray:S7,forEachEntry:V7,matchAll:O7,isHTMLForm:T7,hasOwnProperty:We,hasOwnProp:We,reduceDescriptors:h5,freezeMethods:$7,toObjectSet:P7,toCamelCase:R7,noop:N7,toFiniteNumber:F7,findKey:C5,global:F2,isContextDefined:f5,isSpecCompliantForm:Z7,toJSONObject:B7,isAsyncFn:D7,isThenable:I7,setImmediate:p5,asap:q7,isIterable:U7};function G(e,t,r,n,o){Error.call(this),Error.captureStackTrace?Error.captureStackTrace(this,this.constructor):this.stack=new Error().stack,this.message=e,this.name="AxiosError",t&&(this.code=t),r&&(this.config=r),n&&(this.request=n),o&&(this.response=o,this.status=o.status?o.status:null)}b.inherits(G,Error,{toJSON:function(){return{message:this.message,name:this.name,description:this.description,number:this.number,fileName:this.fileName,lineNumber:this.lineNumber,columnNumber:this.columnNumber,stack:this.stack,config:b.toJSONObject(this.config),code:this.code,status:this.status}}});const m5=G.prototype,g5={};["ERR_BAD_OPTION_VALUE","ERR_BAD_OPTION","ECONNABORTED","ETIMEDOUT","ERR_NETWORK","ERR_FR_TOO_MANY_REDIRECTS","ERR_DEPRECATED","ERR_BAD_RESPONSE","ERR_BAD_REQUEST","ERR_CANCELED","ERR_NOT_SUPPORT","ERR_INVALID_URL"].forEach(e=>{g5[e]={value:e}});Object.defineProperties(G,g5);Object.defineProperty(m5,"isAxiosError",{value:!0});G.from=(e,t,r,n,o,i)=>{const s=Object.create(m5);return b.toFlatObject(e,s,function(a){return a!==Error.prototype},l=>l!=="isAxiosError"),G.call(s,e.message,t,r,n,o),s.cause=e,s.name=e.name,i&&Object.assign(s,i),s};const z7=null;function B1(e){return b.isPlainObject(e)||b.isArray(e)}function v5(e){return b.endsWith(e,"[]")?e.slice(0,-2):e}function Ye(e,t,r){return e?e.concat(t).map(function(o,i){return o=v5(o),!r&&i?"["+o+"]":o}).join(r?".":""):t}function W7(e){return b.isArray(e)&&!e.some(B1)}const Y7=b.toFlatObject(b,{},null,function(t){return/^is[A-Z]/.test(t)});function n1(e,t,r){if(!b.isObject(e))throw new TypeError("target must be an object");t=t||new FormData,r=b.toFlatObject(r,{metaTokens:!0,dots:!1,indexes:!1},!1,function(v,w){return!b.isUndefined(w[v])});const n=r.metaTokens,o=r.visitor||u,i=r.dots,s=r.indexes,a=(r.Blob||typeof Blob<"u"&&Blob)&&b.isSpecCompliantForm(t);if(!b.isFunction(o))throw new TypeError("visitor must be a function");function c(p){if(p===null)return"";if(b.isDate(p))return p.toISOString();if(b.isBoolean(p))return p.toString();if(!a&&b.isBlob(p))throw new G("Blob is not supported. Use a Buffer instead.");return b.isArrayBuffer(p)||b.isTypedArray(p)?a&&typeof Blob=="function"?new Blob([p]):Buffer.from(p):p}function u(p,v,w){let M=p;if(p&&!w&&typeof p=="object"){if(b.endsWith(v,"{}"))v=n?v:v.slice(0,-2),p=JSON.stringify(p);else if(b.isArray(p)&&W7(p)||(b.isFileList(p)||b.endsWith(v,"[]"))&&(M=b.toArray(p)))return v=v5(v),M.forEach(function(k,V){!(b.isUndefined(k)||k===null)&&t.append(s===!0?Ye([v],V,i):s===null?v:v+"[]",c(k))}),!1}return B1(p)?!0:(t.append(Ye(w,v,i),c(p)),!1)}const f=[],m=Object.assign(Y7,{defaultVisitor:u,convertValue:c,isVisitable:B1});function g(p,v){if(!b.isUndefined(p)){if(f.indexOf(p)!==-1)throw Error("Circular reference detected in "+v.join("."));f.push(p),b.forEach(p,function(M,_){(!(b.isUndefined(M)||M===null)&&o.call(t,M,b.isString(_)?_.trim():_,v,m))===!0&&g(M,v?v.concat(_):[_])}),f.pop()}}if(!b.isObject(e))throw new TypeError("data must be an object");return g(e),t}function Ge(e){const t={"!":"%21","'":"%27","(":"%28",")":"%29","~":"%7E","%20":"+","%00":"\0"};return encodeURIComponent(e).replace(/[!'()~]|%20|%00/g,function(n){return t[n]})}function ae(e,t){this._pairs=[],e&&n1(e,this,t)}const w5=ae.prototype;w5.append=function(t,r){this._pairs.push([t,r])};w5.toString=function(t){const r=t?function(n){return t.call(this,n,Ge)}:Ge;return this._pairs.map(function(o){return r(o[0])+"="+r(o[1])},"").join("&")};function G7(e){return encodeURIComponent(e).replace(/%3A/gi,":").replace(/%24/g,"$").replace(/%2C/gi,",").replace(/%20/g,"+").replace(/%5B/gi,"[").replace(/%5D/gi,"]")}function x5(e,t,r){if(!t)return e;const n=r&&r.encode||G7;b.isFunction(r)&&(r={serialize:r});const o=r&&r.serialize;let i;if(o?i=o(t,r):i=b.isURLSearchParams(t)?t.toString():new ae(t,r).toString(n),i){const s=e.indexOf("#");s!==-1&&(e=e.slice(0,s)),e+=(e.indexOf("?")===-1?"?":"&")+i}return e}class Xe{constructor(){this.handlers=[]}use(t,r,n){return this.handlers.push({fulfilled:t,rejected:r,synchronous:n?n.synchronous:!1,runWhen:n?n.runWhen:null}),this.handlers.length-1}eject(t){this.handlers[t]&&(this.handlers[t]=null)}clear(){this.handlers&&(this.handlers=[])}forEach(t){b.forEach(this.handlers,function(n){n!==null&&t(n)})}}const y5={silentJSONParsing:!0,forcedJSONParsing:!0,clarifyTimeoutError:!1},X7=typeof URLSearchParams<"u"?URLSearchParams:ae,J7=typeof FormData<"u"?FormData:null,K7=typeof Blob<"u"?Blob:null,Q7={isBrowser:!0,classes:{URLSearchParams:X7,FormData:J7,Blob:K7},protocols:["http","https","file","blob","url","data"]},ce=typeof window<"u"&&typeof document<"u",D1=typeof navigator=="object"&&navigator||void 0,e8=ce&&(!D1||["ReactNative","NativeScript","NS"].indexOf(D1.product)<0),t8=typeof WorkerGlobalScope<"u"&&self instanceof WorkerGlobalScope&&typeof self.importScripts=="function",r8=ce&&window.location.href||"http://localhost",n8=Object.freeze(Object.defineProperty({__proto__:null,hasBrowserEnv:ce,hasStandardBrowserEnv:e8,hasStandardBrowserWebWorkerEnv:t8,navigator:D1,origin:r8},Symbol.toStringTag,{value:"Module"})),l2={...n8,...Q7};function o8(e,t){return n1(e,new l2.classes.URLSearchParams,{visitor:function(r,n,o,i){return l2.isNode&&b.isBuffer(r)?(this.append(n,r.toString("base64")),!1):i.defaultVisitor.apply(this,arguments)},...t})}function i8(e){return b.matchAll(/\w+|\[(\w*)]/g,e).map(t=>t[0]==="[]"?"":t[1]||t[0])}function s8(e){const t={},r=Object.keys(e);let n;const o=r.length;let i;for(n=0;n<o;n++)i=r[n],t[i]=e[i];return t}function b5(e){function t(r,n,o,i){let s=r[i++];if(s==="__proto__")return!0;const l=Number.isFinite(+s),a=i>=r.length;return s=!s&&b.isArray(o)?o.length:s,a?(b.hasOwnProp(o,s)?o[s]=[o[s],n]:o[s]=n,!l):((!o[s]||!b.isObject(o[s]))&&(o[s]=[]),t(r,n,o[s],i)&&b.isArray(o[s])&&(o[s]=s8(o[s])),!l)}if(b.isFormData(e)&&b.isFunction(e.entries)){const r={};return b.forEachEntry(e,(n,o)=>{t(i8(n),o,r,0)}),r}return null}function l8(e,t,r){if(b.isString(e))try{return(t||JSON.parse)(e),b.trim(e)}catch(n){if(n.name!=="SyntaxError")throw n}return(r||JSON.stringify)(e)}const v0={transitional:y5,adapter:["xhr","http","fetch"],transformRequest:[function(t,r){const n=r.getContentType()||"",o=n.indexOf("application/json")>-1,i=b.isObject(t);if(i&&b.isHTMLForm(t)&&(t=new FormData(t)),b.isFormData(t))return o?JSON.stringify(b5(t)):t;if(b.isArrayBuffer(t)||b.isBuffer(t)||b.isStream(t)||b.isFile(t)||b.isBlob(t)||b.isReadableStream(t))return t;if(b.isArrayBufferView(t))return t.buffer;if(b.isURLSearchParams(t))return r.setContentType("application/x-www-form-urlencoded;charset=utf-8",!1),t.toString();let l;if(i){if(n.indexOf("application/x-www-form-urlencoded")>-1)return o8(t,this.formSerializer).toString();if((l=b.isFileList(t))||n.indexOf("multipart/form-data")>-1){const a=this.env&&this.env.FormData;return n1(l?{"files[]":t}:t,a&&new a,this.formSerializer)}}return i||o?(r.setContentType("application/json",!1),l8(t)):t}],transformResponse:[function(t){const r=this.transitional||v0.transitional,n=r&&r.forcedJSONParsing,o=this.responseType==="json";if(b.isResponse(t)||b.isReadableStream(t))return t;if(t&&b.isString(t)&&(n&&!this.responseType||o)){const s=!(r&&r.silentJSONParsing)&&o;try{return JSON.parse(t)}catch(l){if(s)throw l.name==="SyntaxError"?G.from(l,G.ERR_BAD_RESPONSE,this,null,this.response):l}}return t}],timeout:0,xsrfCookieName:"XSRF-TOKEN",xsrfHeaderName:"X-XSRF-TOKEN",maxContentLength:-1,maxBodyLength:-1,env:{FormData:l2.classes.FormData,Blob:l2.classes.Blob},validateStatus:function(t){return t>=200&&t<300},headers:{common:{Accept:"application/json, text/plain, */*","Content-Type":void 0}}};b.forEach(["delete","get","head","post","put","patch"],e=>{v0.headers[e]={}});const a8=b.toObjectSet(["age","authorization","content-length","content-type","etag","expires","from","host","if-modified-since","if-unmodified-since","last-modified","location","max-forwards","proxy-authorization","referer","retry-after","user-agent"]),c8=e=>{const t={};let r,n,o;return e&&e.split(`
+`).map((a,c)=>d.jsx("div",{children:a},c)):l:"-";return d.jsxs("div",{className:"dataframe-item",children:[d.jsx("div",{className:"dataframe-item__label",children:t}),d.jsx("div",{className:`dataframe-item__value ${i?"dataframe-item__value--multiline":""}`,children:o&&n?d.jsx("div",{className:"dataframe-item__skeleton-container",children:n.map((l,a)=>d.jsx("span",{className:`dataframe-item__skeleton ${l}`},a))}):s(r)})]})}function s5(e){const{title:t,items:r,children:n,editable:o=!1,onEdit:i,onSave:s,onCancel:l,editFields:a,collapsible:c=!1,isOpen:u=!0,onToggle:f,alert:m,actions:g,isLoading:p=!1}=e,[v,w]=C.useState(!1),[M,_]=C.useState({}),k=C.useMemo(()=>a||(r&&o?r.map(R=>{const O=R.label.toLowerCase();let I="full";(O.includes("voornaam")||O.includes("achternaam")||O.includes("telefoon")||O.includes("mobiel")||O.includes("postcode")||O.includes("plaats"))&&(I="half"),(O.includes("huisnummer")||O.includes("toevoeging"))&&(I="third"),(O.includes("email")||O.includes("adres"))&&(I="full");let Y="text";return O.includes("email")?Y="email":(O.includes("telefoon")||O.includes("mobiel"))&&(Y="tel"),{name:`field_${R.label.replace(/\s+/g,"_").toLowerCase()}`,label:R.label,value:typeof R.value=="string"?R.value:R.value?String(R.value):"",width:I,type:Y}}):[]),[a,r,o]),V=()=>{c&&f&&!v&&f()},x=()=>{if(i&&i(),k.length>0){const R={};k.forEach(O=>{R[O.name]=O.value||""}),_(R)}w(!0)},N=()=>{s&&s(M),w(!1)},Z=()=>{l&&l(),w(!1),_({})},J=(R,O)=>{_(I=>({...I,[R]:O}))},X=R=>{const O=[];let I=[],Y=0;return R.forEach(S=>{const j=S.width==="third"?.3333333333333333:S.width==="half"?.5:1;Y+j>1.01?(I.length>0&&O.push(I),I=[S],Y=j):(I.push(S),Y+=j)}),I.length>0&&O.push(I),O};return d.jsxs("div",{className:`dataframe ${c?"dataframe--collapsible":""}`,children:[d.jsxs("div",{className:"dataframe__header",onClick:V,children:[d.jsx("h2",{className:"dataframe__title",children:t}),d.jsxs("div",{className:"dataframe__header-actions",children:[!v&&o&&d.jsxs("button",{type:"button",className:"dataframe__edit-button border-button-border-pill text-button-text-pill",onClick:R=>{R.stopPropagation(),x()},children:[d.jsx(s2,{name:"pencil-simple-outline"}),d.jsx("span",{children:"Wijzigen"})]}),v&&d.jsxs("div",{className:"dataframe__edit-actions",children:[d.jsx("button",{type:"button",className:"dataframe__cancel-button text-link-text-default",onClick:R=>{R.stopPropagation(),Z()},children:"Annuleren"}),d.jsxs("button",{type:"button",className:"dataframe__save-button text-button-text-primary",onClick:R=>{R.stopPropagation(),N()},disabled:p,children:[d.jsx(s2,{name:"square-fill"}),d.jsx("span",{children:"Bevestigen"})]})]}),c&&!v&&d.jsx("button",{type:"button",className:"dataframe__toggle-button","aria-expanded":u,"aria-label":u?"Inklappen":"Uitklappen",children:d.jsx(s2,{name:u?"minus-outline":"plus-outline"})})]})]}),m&&d.jsx(o5,{variant:m.type,className:"mb-s",children:m.message}),(!c||u)&&d.jsxs(d.Fragment,{children:[v?d.jsx("div",{className:"dataframe__edit-content",children:k.length>0?X(k).map((R,O)=>d.jsx("div",{className:"dataframe__input-row",children:R.map(I=>d.jsxs("div",{className:"dataframe__input-container",style:{flex:I.width==="third"?"0 0 33.333%":I.width==="half"?"0 0 50%":"1"},children:[d.jsx("label",{className:"dataframe__input-label",children:I.label}),d.jsx("input",{type:I.type||"text",className:"dataframe__input border-form-border-input-field",value:M[I.name]||"",onChange:Y=>J(I.name,Y.target.value),disabled:I.disabled||p,readOnly:I.readonly,placeholder:I.placeholder})]},I.name))},O)):d.jsx("div",{className:"dataframe__content",children:d.jsx("p",{children:"No fields available for editing"})})}):d.jsxs("div",{className:"dataframe__content",children:[r&&r.map((R,O)=>d.jsx(i5,{...R},R.label||O)),n]}),g&&g.length>0&&!v&&d.jsx("div",{className:"dataframe__actions",children:g.map((R,O)=>d.jsxs("button",{type:"button",className:"dataframe__action-button border-button-border-pill text-button-text-pill",onClick:R.onClick,children:[R.icon&&d.jsx(s2,{name:R.icon}),d.jsx("span",{children:R.label})]},O))})]})]})}function o7(e){const{frames:t}=e;return d.jsx("div",{className:"dataframes",children:t.map((r,n)=>d.jsx(s5,{...r},r.title||n))})}const i7=e=>{const{label:t,help:r,errors:n}=e;function o(i){e.setValue(i.target.value)}return d.jsxs("div",{className:"nd-form-group",children:[t&&d.jsx("label",{className:"label",children:t}),d.jsx("input",{className:"nd-form-input",onChange:o,...e}),r&&d.jsx("span",{className:"help",children:r}),n&&n.map((i,s)=>d.jsx("span",{className:"error",children:i},s))]})},l5=({imageUrl:e,articleType:t,heading:r,variant:n="default",isPremium:o=!1,href:i,onClick:s,className:l="",videoDuration:a,publicationMonth:c,placeholderText:u})=>{const f=n==="de-nieuwe-koers"?"text-dnk-brand":n==="video"?"text-text-inverse":"text-text-brand",m=n==="de-nieuwe-koers"?"hover:border-dnk-brand":"hover:border-border-brand",g=()=>d.jsxs("div",{className:"flex items-center gap-xxs",children:[d.jsx("div",{className:`text-meta-uppercase ${f}`,children:t}),o&&n!=="de-nieuwe-koers"&&d.jsx(T1,{variant:"premium",size:"small"})]}),p=({inverse:M=!1,lines:_=5})=>d.jsx("h3",{className:`text-body-gulliver-semibold ${M?"text-text-inverse":"text-text-default"} line-clamp-${_}`,children:r});if(n==="video"){const M=d.jsxs("div",{className:"w-full h-[19.125rem] overflow-hidden relative",children:[e?d.jsx("img",{src:e,alt:r,className:"w-full h-[19.125rem] object-cover"}):d.jsx("div",{className:"w-full h-[19.125rem] bg-background-accent-gray"}),d.jsx("div",{className:"absolute inset-0 bg-gradient-to-t from-neutral-black via-neutral-black-30 to-transparent"}),d.jsxs("div",{className:"absolute inset-0 flex flex-col items-center justify-center",children:[d.jsx("div",{className:"group-hover:scale-110 transition-transform duration-300",children:d.jsx(s2,{name:"play-circle",variant:"fill",size:"xl",color:"inverse"})}),a&&d.jsx("span",{className:"text-meta-bold text-text-inverse",children:a})]}),d.jsxs("div",{className:"absolute bottom-0 left-0 right-0 p-s flex flex-col gap-xs",children:[d.jsx(g,{}),d.jsx(p,{inverse:!0,lines:3})]})]}),_=`inline-flex flex-col w-[13.25rem] group ${l}`.trim();return i?d.jsx("a",{href:i,onClick:s,draggable:!1,className:_,children:M}):d.jsx("div",{className:_,children:M})}if(n==="dnk-publications"){const M=d.jsxs(d.Fragment,{children:[d.jsx("div",{className:"w-[13.25rem] border border-width-s border-border-accent-gray-subtle hover:border-dnk-brand active:border-dnk-brand transition-colors overflow-hidden",children:e?d.jsx("img",{src:e,alt:r,className:"w-full h-[19.125rem] object-cover"}):d.jsx("div",{className:"w-full h-[19.125rem] bg-background-accent-gray flex items-center justify-center",children:u&&d.jsx("span",{className:"text-body-light text-text-default text-center px-s",children:u})})}),c&&d.jsx("div",{className:"w-full text-center pt-xs",children:d.jsx("span",{className:"text-meta-regular text-text-default",children:c})})]}),_=`inline-flex flex-col items-center ${l}`.trim();return i?d.jsx("a",{href:i,onClick:s,draggable:!1,className:_,children:M}):d.jsx("div",{className:_,children:M})}const v=d.jsxs(d.Fragment,{children:[d.jsxs("div",{className:"w-full h-[7.5rem] overflow-hidden relative",children:[e?d.jsx("img",{src:e,alt:r,className:"w-full h-[7.5rem] object-cover"}):d.jsx("div",{className:"w-full h-[7.5rem] bg-background-accent-gray"}),n==="de-nieuwe-koers"&&d.jsx("div",{className:"absolute bottom-xs left-xs",children:d.jsx(T1,{variant:"dnk",size:"small"})})]}),d.jsxs("div",{className:"flex flex-col gap-xs w-full h-[8.5rem]",children:[d.jsx(g,{}),d.jsx(p,{})]})]}),w=`inline-flex flex-col items-center w-[13.25rem] p-s gap-s bg-background-default border border-width-s border-border-accent-gray-subtle ${l}`.trim();return i?d.jsx("a",{href:i,onClick:s,className:`${w} transition-colors ${m}`,children:v}):d.jsx("div",{className:w,children:v})},L1=({children:e,className:t=""})=>d.jsxs("div",{className:`flex items-center gap-m ${t}`,children:[d.jsx("hr",{className:"flex-1 border-t border-width-s border-border-default"}),d.jsx("h2",{className:"text-center text-heading-uppercase text-text-default",children:e}),d.jsx("hr",{className:"flex-1 border-t border-width-s border-border-default"})]}),s7=({articles:e,videoConfig:t,title:r,showButton:n=!1,buttonLabel:o="",buttonUrl:i,onButtonClick:s,className:l="",enableSelection:a=!1,defaultSelectedIndex:c,onArticleSelect:u})=>{const f=C.useRef(null),m=C.useRef(!1),g=C.useRef(0),p=C.useRef(0),v=C.useRef(!1),[w,M]=C.useState(!1),[_,k]=C.useState(!0),[V,x]=C.useState(c!==void 0?c:null),[N,Z]=C.useState([]),[J,X]=C.useState(!1),[R,O]=C.useState(null);C.useEffect(()=>{if(!t)return;(async()=>{X(!0),O(null);try{const{apiEndpoint:j,channelId:L,playlistId:A,maxResults:H=10}=t,F=new URLSearchParams;L&&F.append("channelId",L),A&&F.append("playlistId",A),F.append("maxResults",H.toString());const h=`${j}?${F.toString()}`,y=await fetch(h);if(!y.ok)throw new Error(`Failed to fetch videos: ${y.statusText}`);const E=(await y.json()).map($=>({imageUrl:$.thumbnailUrl||`https://img.youtube.com/vi/${$.videoId}/mqdefault.jpg`,articleType:"Video",heading:$.title,variant:"video",videoDuration:$.duration,href:`https://www.youtube.com/watch?v=${$.videoId}`}));Z(E)}catch(j){O(j instanceof Error?j.message:"Error loading videos"),console.error("Video fetch error:",j)}finally{X(!1)}})()},[t]);const I=t?N:e||[],Y=()=>{if(!f.current)return;const{scrollLeft:S,scrollWidth:j,clientWidth:L}=f.current;M(S>0),k(S<j-L-1)};return C.useEffect(()=>{const S=f.current;if(!S)return;Y(),S.addEventListener("scroll",Y),window.addEventListener("resize",Y);const j=F=>{m.current=!0,v.current=!1,S.classList.remove("scroll-smooth"),g.current=F.pageX,p.current=S.scrollLeft},L=F=>{if(!m.current)return;const h=F.pageX,y=g.current-h;Math.abs(y)>3&&(F.preventDefault(),S.scrollLeft=p.current+y,v.current=!0)},A=()=>{S.classList.add("scroll-smooth"),m.current=!1},H=F=>{v.current&&(F.preventDefault(),F.stopPropagation()),v.current=!1};return S.addEventListener("mousedown",j),S.addEventListener("mousemove",L),S.addEventListener("mouseup",A),S.addEventListener("mouseleave",A),S.addEventListener("click",H,!0),()=>{S.removeEventListener("scroll",Y),window.removeEventListener("resize",Y),S.removeEventListener("mousedown",j),S.removeEventListener("mousemove",L),S.removeEventListener("mouseup",A),S.removeEventListener("mouseleave",A),S.removeEventListener("click",H,!0)}},[I]),J?d.jsxs("div",{className:`w-full flex flex-col gap-s ${l}`,children:[r&&d.jsx(L1,{children:r}),d.jsx("p",{className:"text-body-regular text-text-subtle",children:"Video's laden..."})]}):R?d.jsxs("div",{className:`w-full flex flex-col gap-s ${l}`,children:[r&&d.jsx(L1,{children:r}),d.jsxs("p",{className:"text-body-regular text-text-warning",children:["Fout bij laden: ",R]})]}):!I||I.length===0?null:d.jsxs("div",{className:`w-full flex flex-col gap-s ${l}`,children:[r&&d.jsx(L1,{children:r}),d.jsxs("div",{className:"relative",children:[w&&d.jsx("div",{className:"absolute left-0 top-0 bottom-0 w-m bg-gradient-to-r from-background-default to-transparent pointer-events-none z-10"}),_&&d.jsx("div",{className:"absolute right-0 top-0 bottom-0 w-m bg-gradient-to-l from-background-default to-transparent pointer-events-none z-10"}),d.jsx("div",{ref:f,className:"flex gap-m overflow-x-auto scroll-smooth py-s cursor-grab active:cursor-grabbing [&_img]:pointer-events-none",style:{scrollbarWidth:"thin",scrollbarColor:"var(--color-border-accent-gray) transparent"},children:I.map((S,j)=>{const L=a&&V===j,A=H=>{var F;a&&!v.current&&(x(j),u==null||u(j),S.href||H.preventDefault()),(F=S.onClick)==null||F.call(S,H)};return d.jsx("div",{className:"flex-shrink-0",children:d.jsx(l5,{...S,onClick:a?A:S.onClick,className:`${S.className||""} ${L?"[&>div]:!border-dnk-brand":""}`.trim()})},j)})})]}),n&&d.jsx(W2,{variant:"pill",iconRight:"caret-right",href:i,onClick:s,className:"w-fit",children:o})]})};function a5(e,t){return function(){return e.apply(t,arguments)}}const{toString:l7}=Object.prototype,{getPrototypeOf:le}=Object,{iterator:e1,toStringTag:c5}=Symbol,t1=(e=>t=>{const r=l7.call(t);return e[r]||(e[r]=r.slice(8,-1).toLowerCase())})(Object.create(null)),v2=e=>(e=e.toLowerCase(),t=>t1(t)===e),r1=e=>t=>typeof t===e,{isArray:J2}=Array,c0=r1("undefined");function p0(e){return e!==null&&!c0(e)&&e.constructor!==null&&!c0(e.constructor)&&u2(e.constructor.isBuffer)&&e.constructor.isBuffer(e)}const u5=v2("ArrayBuffer");function a7(e){let t;return typeof ArrayBuffer<"u"&&ArrayBuffer.isView?t=ArrayBuffer.isView(e):t=e&&e.buffer&&u5(e.buffer),t}const c7=r1("string"),u2=r1("function"),d5=r1("number"),m0=e=>e!==null&&typeof e=="object",u7=e=>e===!0||e===!1,_0=e=>{if(t1(e)!=="object")return!1;const t=le(e);return(t===null||t===Object.prototype||Object.getPrototypeOf(t)===null)&&!(c5 in e)&&!(e1 in e)},d7=e=>{if(!m0(e)||p0(e))return!1;try{return Object.keys(e).length===0&&Object.getPrototypeOf(e)===Object.prototype}catch{return!1}},C7=v2("Date"),f7=v2("File"),h7=v2("Blob"),p7=v2("FileList"),m7=e=>m0(e)&&u2(e.pipe),g7=e=>{let t;return e&&(typeof FormData=="function"&&e instanceof FormData||u2(e.append)&&((t=t1(e))==="formdata"||t==="object"&&u2(e.toString)&&e.toString()==="[object FormData]"))},v7=v2("URLSearchParams"),[w7,x7,y7,b7]=["ReadableStream","Request","Response","Headers"].map(v2),k7=e=>e.trim?e.trim():e.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,"");function g0(e,t,{allOwnKeys:r=!1}={}){if(e===null||typeof e>"u")return;let n,o;if(typeof e!="object"&&(e=[e]),J2(e))for(n=0,o=e.length;n<o;n++)t.call(null,e[n],n,e);else{if(p0(e))return;const i=r?Object.getOwnPropertyNames(e):Object.keys(e),s=i.length;let l;for(n=0;n<s;n++)l=i[n],t.call(null,e[l],l,e)}}function C5(e,t){if(p0(e))return null;t=t.toLowerCase();const r=Object.keys(e);let n=r.length,o;for(;n-- >0;)if(o=r[n],t===o.toLowerCase())return o;return null}const F2=typeof globalThis<"u"?globalThis:typeof self<"u"?self:typeof window<"u"?window:global,f5=e=>!c0(e)&&e!==F2;function Z1(){const{caseless:e}=f5(this)&&this||{},t={},r=(n,o)=>{const i=e&&C5(t,o)||o;_0(t[i])&&_0(n)?t[i]=Z1(t[i],n):_0(n)?t[i]=Z1({},n):J2(n)?t[i]=n.slice():t[i]=n};for(let n=0,o=arguments.length;n<o;n++)arguments[n]&&g0(arguments[n],r);return t}const M7=(e,t,r,{allOwnKeys:n}={})=>(g0(t,(o,i)=>{r&&u2(o)?e[i]=a5(o,r):e[i]=o},{allOwnKeys:n}),e),E7=e=>(e.charCodeAt(0)===65279&&(e=e.slice(1)),e),L7=(e,t,r,n)=>{e.prototype=Object.create(t.prototype,n),e.prototype.constructor=e,Object.defineProperty(e,"super",{value:t.prototype}),r&&Object.assign(e.prototype,r)},j7=(e,t,r,n)=>{let o,i,s;const l={};if(t=t||{},e==null)return t;do{for(o=Object.getOwnPropertyNames(e),i=o.length;i-- >0;)s=o[i],(!n||n(s,e,t))&&!l[s]&&(t[s]=e[s],l[s]=!0);e=r!==!1&&le(e)}while(e&&(!r||r(e,t))&&e!==Object.prototype);return t},H7=(e,t,r)=>{e=String(e),(r===void 0||r>e.length)&&(r=e.length),r-=t.length;const n=e.indexOf(t,r);return n!==-1&&n===r},S7=e=>{if(!e)return null;if(J2(e))return e;let t=e.length;if(!d5(t))return null;const r=new Array(t);for(;t-- >0;)r[t]=e[t];return r},_7=(e=>t=>e&&t instanceof e)(typeof Uint8Array<"u"&&le(Uint8Array)),V7=(e,t)=>{const n=(e&&e[e1]).call(e);let o;for(;(o=n.next())&&!o.done;){const i=o.value;t.call(e,i[0],i[1])}},O7=(e,t)=>{let r;const n=[];for(;(r=e.exec(t))!==null;)n.push(r);return n},T7=v2("HTMLFormElement"),R7=e=>e.toLowerCase().replace(/[-_\s]([a-z\d])(\w*)/g,function(r,n,o){return n.toUpperCase()+o}),We=(({hasOwnProperty:e})=>(t,r)=>e.call(t,r))(Object.prototype),A7=v2("RegExp"),h5=(e,t)=>{const r=Object.getOwnPropertyDescriptors(e),n={};g0(r,(o,i)=>{let s;(s=t(o,i,e))!==!1&&(n[i]=s||o)}),Object.defineProperties(e,n)},$7=e=>{h5(e,(t,r)=>{if(u2(e)&&["arguments","caller","callee"].indexOf(r)!==-1)return!1;const n=e[r];if(u2(n)){if(t.enumerable=!1,"writable"in t){t.writable=!1;return}t.set||(t.set=()=>{throw Error("Can not rewrite read-only method '"+r+"'")})}})},P7=(e,t)=>{const r={},n=o=>{o.forEach(i=>{r[i]=!0})};return J2(e)?n(e):n(String(e).split(t)),r},N7=()=>{},F7=(e,t)=>e!=null&&Number.isFinite(e=+e)?e:t;function Z7(e){return!!(e&&u2(e.append)&&e[c5]==="FormData"&&e[e1])}const B7=e=>{const t=new Array(10),r=(n,o)=>{if(m0(n)){if(t.indexOf(n)>=0)return;if(p0(n))return n;if(!("toJSON"in n)){t[o]=n;const i=J2(n)?[]:{};return g0(n,(s,l)=>{const a=r(s,o+1);!c0(a)&&(i[l]=a)}),t[o]=void 0,i}}return n};return r(e,0)},D7=v2("AsyncFunction"),I7=e=>e&&(m0(e)||u2(e))&&u2(e.then)&&u2(e.catch),p5=((e,t)=>e?setImmediate:t?((r,n)=>(F2.addEventListener("message",({source:o,data:i})=>{o===F2&&i===r&&n.length&&n.shift()()},!1),o=>{n.push(o),F2.postMessage(r,"*")}))(`axios@${Math.random()}`,[]):r=>setTimeout(r))(typeof setImmediate=="function",u2(F2.postMessage)),q7=typeof queueMicrotask<"u"?queueMicrotask.bind(F2):typeof process<"u"&&process.nextTick||p5,U7=e=>e!=null&&u2(e[e1]),b={isArray:J2,isArrayBuffer:u5,isBuffer:p0,isFormData:g7,isArrayBufferView:a7,isString:c7,isNumber:d5,isBoolean:u7,isObject:m0,isPlainObject:_0,isEmptyObject:d7,isReadableStream:w7,isRequest:x7,isResponse:y7,isHeaders:b7,isUndefined:c0,isDate:C7,isFile:f7,isBlob:h7,isRegExp:A7,isFunction:u2,isStream:m7,isURLSearchParams:v7,isTypedArray:_7,isFileList:p7,forEach:g0,merge:Z1,extend:M7,trim:k7,stripBOM:E7,inherits:L7,toFlatObject:j7,kindOf:t1,kindOfTest:v2,endsWith:H7,toArray:S7,forEachEntry:V7,matchAll:O7,isHTMLForm:T7,hasOwnProperty:We,hasOwnProp:We,reduceDescriptors:h5,freezeMethods:$7,toObjectSet:P7,toCamelCase:R7,noop:N7,toFiniteNumber:F7,findKey:C5,global:F2,isContextDefined:f5,isSpecCompliantForm:Z7,toJSONObject:B7,isAsyncFn:D7,isThenable:I7,setImmediate:p5,asap:q7,isIterable:U7};function G(e,t,r,n,o){Error.call(this),Error.captureStackTrace?Error.captureStackTrace(this,this.constructor):this.stack=new Error().stack,this.message=e,this.name="AxiosError",t&&(this.code=t),r&&(this.config=r),n&&(this.request=n),o&&(this.response=o,this.status=o.status?o.status:null)}b.inherits(G,Error,{toJSON:function(){return{message:this.message,name:this.name,description:this.description,number:this.number,fileName:this.fileName,lineNumber:this.lineNumber,columnNumber:this.columnNumber,stack:this.stack,config:b.toJSONObject(this.config),code:this.code,status:this.status}}});const m5=G.prototype,g5={};["ERR_BAD_OPTION_VALUE","ERR_BAD_OPTION","ECONNABORTED","ETIMEDOUT","ERR_NETWORK","ERR_FR_TOO_MANY_REDIRECTS","ERR_DEPRECATED","ERR_BAD_RESPONSE","ERR_BAD_REQUEST","ERR_CANCELED","ERR_NOT_SUPPORT","ERR_INVALID_URL"].forEach(e=>{g5[e]={value:e}});Object.defineProperties(G,g5);Object.defineProperty(m5,"isAxiosError",{value:!0});G.from=(e,t,r,n,o,i)=>{const s=Object.create(m5);return b.toFlatObject(e,s,function(a){return a!==Error.prototype},l=>l!=="isAxiosError"),G.call(s,e.message,t,r,n,o),s.cause=e,s.name=e.name,i&&Object.assign(s,i),s};const z7=null;function B1(e){return b.isPlainObject(e)||b.isArray(e)}function v5(e){return b.endsWith(e,"[]")?e.slice(0,-2):e}function Ye(e,t,r){return e?e.concat(t).map(function(o,i){return o=v5(o),!r&&i?"["+o+"]":o}).join(r?".":""):t}function W7(e){return b.isArray(e)&&!e.some(B1)}const Y7=b.toFlatObject(b,{},null,function(t){return/^is[A-Z]/.test(t)});function n1(e,t,r){if(!b.isObject(e))throw new TypeError("target must be an object");t=t||new FormData,r=b.toFlatObject(r,{metaTokens:!0,dots:!1,indexes:!1},!1,function(v,w){return!b.isUndefined(w[v])});const n=r.metaTokens,o=r.visitor||u,i=r.dots,s=r.indexes,a=(r.Blob||typeof Blob<"u"&&Blob)&&b.isSpecCompliantForm(t);if(!b.isFunction(o))throw new TypeError("visitor must be a function");function c(p){if(p===null)return"";if(b.isDate(p))return p.toISOString();if(b.isBoolean(p))return p.toString();if(!a&&b.isBlob(p))throw new G("Blob is not supported. Use a Buffer instead.");return b.isArrayBuffer(p)||b.isTypedArray(p)?a&&typeof Blob=="function"?new Blob([p]):Buffer.from(p):p}function u(p,v,w){let M=p;if(p&&!w&&typeof p=="object"){if(b.endsWith(v,"{}"))v=n?v:v.slice(0,-2),p=JSON.stringify(p);else if(b.isArray(p)&&W7(p)||(b.isFileList(p)||b.endsWith(v,"[]"))&&(M=b.toArray(p)))return v=v5(v),M.forEach(function(k,V){!(b.isUndefined(k)||k===null)&&t.append(s===!0?Ye([v],V,i):s===null?v:v+"[]",c(k))}),!1}return B1(p)?!0:(t.append(Ye(w,v,i),c(p)),!1)}const f=[],m=Object.assign(Y7,{defaultVisitor:u,convertValue:c,isVisitable:B1});function g(p,v){if(!b.isUndefined(p)){if(f.indexOf(p)!==-1)throw Error("Circular reference detected in "+v.join("."));f.push(p),b.forEach(p,function(M,_){(!(b.isUndefined(M)||M===null)&&o.call(t,M,b.isString(_)?_.trim():_,v,m))===!0&&g(M,v?v.concat(_):[_])}),f.pop()}}if(!b.isObject(e))throw new TypeError("data must be an object");return g(e),t}function Ge(e){const t={"!":"%21","'":"%27","(":"%28",")":"%29","~":"%7E","%20":"+","%00":"\0"};return encodeURIComponent(e).replace(/[!'()~]|%20|%00/g,function(n){return t[n]})}function ae(e,t){this._pairs=[],e&&n1(e,this,t)}const w5=ae.prototype;w5.append=function(t,r){this._pairs.push([t,r])};w5.toString=function(t){const r=t?function(n){return t.call(this,n,Ge)}:Ge;return this._pairs.map(function(o){return r(o[0])+"="+r(o[1])},"").join("&")};function G7(e){return encodeURIComponent(e).replace(/%3A/gi,":").replace(/%24/g,"$").replace(/%2C/gi,",").replace(/%20/g,"+").replace(/%5B/gi,"[").replace(/%5D/gi,"]")}function x5(e,t,r){if(!t)return e;const n=r&&r.encode||G7;b.isFunction(r)&&(r={serialize:r});const o=r&&r.serialize;let i;if(o?i=o(t,r):i=b.isURLSearchParams(t)?t.toString():new ae(t,r).toString(n),i){const s=e.indexOf("#");s!==-1&&(e=e.slice(0,s)),e+=(e.indexOf("?")===-1?"?":"&")+i}return e}class Xe{constructor(){this.handlers=[]}use(t,r,n){return this.handlers.push({fulfilled:t,rejected:r,synchronous:n?n.synchronous:!1,runWhen:n?n.runWhen:null}),this.handlers.length-1}eject(t){this.handlers[t]&&(this.handlers[t]=null)}clear(){this.handlers&&(this.handlers=[])}forEach(t){b.forEach(this.handlers,function(n){n!==null&&t(n)})}}const y5={silentJSONParsing:!0,forcedJSONParsing:!0,clarifyTimeoutError:!1},X7=typeof URLSearchParams<"u"?URLSearchParams:ae,J7=typeof FormData<"u"?FormData:null,K7=typeof Blob<"u"?Blob:null,Q7={isBrowser:!0,classes:{URLSearchParams:X7,FormData:J7,Blob:K7},protocols:["http","https","file","blob","url","data"]},ce=typeof window<"u"&&typeof document<"u",D1=typeof navigator=="object"&&navigator||void 0,e8=ce&&(!D1||["ReactNative","NativeScript","NS"].indexOf(D1.product)<0),t8=typeof WorkerGlobalScope<"u"&&self instanceof WorkerGlobalScope&&typeof self.importScripts=="function",r8=ce&&window.location.href||"http://localhost",n8=Object.freeze(Object.defineProperty({__proto__:null,hasBrowserEnv:ce,hasStandardBrowserEnv:e8,hasStandardBrowserWebWorkerEnv:t8,navigator:D1,origin:r8},Symbol.toStringTag,{value:"Module"})),l2={...n8,...Q7};function o8(e,t){return n1(e,new l2.classes.URLSearchParams,{visitor:function(r,n,o,i){return l2.isNode&&b.isBuffer(r)?(this.append(n,r.toString("base64")),!1):i.defaultVisitor.apply(this,arguments)},...t})}function i8(e){return b.matchAll(/\w+|\[(\w*)]/g,e).map(t=>t[0]==="[]"?"":t[1]||t[0])}function s8(e){const t={},r=Object.keys(e);let n;const o=r.length;let i;for(n=0;n<o;n++)i=r[n],t[i]=e[i];return t}function b5(e){function t(r,n,o,i){let s=r[i++];if(s==="__proto__")return!0;const l=Number.isFinite(+s),a=i>=r.length;return s=!s&&b.isArray(o)?o.length:s,a?(b.hasOwnProp(o,s)?o[s]=[o[s],n]:o[s]=n,!l):((!o[s]||!b.isObject(o[s]))&&(o[s]=[]),t(r,n,o[s],i)&&b.isArray(o[s])&&(o[s]=s8(o[s])),!l)}if(b.isFormData(e)&&b.isFunction(e.entries)){const r={};return b.forEachEntry(e,(n,o)=>{t(i8(n),o,r,0)}),r}return null}function l8(e,t,r){if(b.isString(e))try{return(t||JSON.parse)(e),b.trim(e)}catch(n){if(n.name!=="SyntaxError")throw n}return(r||JSON.stringify)(e)}const v0={transitional:y5,adapter:["xhr","http","fetch"],transformRequest:[function(t,r){const n=r.getContentType()||"",o=n.indexOf("application/json")>-1,i=b.isObject(t);if(i&&b.isHTMLForm(t)&&(t=new FormData(t)),b.isFormData(t))return o?JSON.stringify(b5(t)):t;if(b.isArrayBuffer(t)||b.isBuffer(t)||b.isStream(t)||b.isFile(t)||b.isBlob(t)||b.isReadableStream(t))return t;if(b.isArrayBufferView(t))return t.buffer;if(b.isURLSearchParams(t))return r.setContentType("application/x-www-form-urlencoded;charset=utf-8",!1),t.toString();let l;if(i){if(n.indexOf("application/x-www-form-urlencoded")>-1)return o8(t,this.formSerializer).toString();if((l=b.isFileList(t))||n.indexOf("multipart/form-data")>-1){const a=this.env&&this.env.FormData;return n1(l?{"files[]":t}:t,a&&new a,this.formSerializer)}}return i||o?(r.setContentType("application/json",!1),l8(t)):t}],transformResponse:[function(t){const r=this.transitional||v0.transitional,n=r&&r.forcedJSONParsing,o=this.responseType==="json";if(b.isResponse(t)||b.isReadableStream(t))return t;if(t&&b.isString(t)&&(n&&!this.responseType||o)){const s=!(r&&r.silentJSONParsing)&&o;try{return JSON.parse(t)}catch(l){if(s)throw l.name==="SyntaxError"?G.from(l,G.ERR_BAD_RESPONSE,this,null,this.response):l}}return t}],timeout:0,xsrfCookieName:"XSRF-TOKEN",xsrfHeaderName:"X-XSRF-TOKEN",maxContentLength:-1,maxBodyLength:-1,env:{FormData:l2.classes.FormData,Blob:l2.classes.Blob},validateStatus:function(t){return t>=200&&t<300},headers:{common:{Accept:"application/json, text/plain, */*","Content-Type":void 0}}};b.forEach(["delete","get","head","post","put","patch"],e=>{v0.headers[e]={}});const a8=b.toObjectSet(["age","authorization","content-length","content-type","etag","expires","from","host","if-modified-since","if-unmodified-since","last-modified","location","max-forwards","proxy-authorization","referer","retry-after","user-agent"]),c8=e=>{const t={};let r,n,o;return e&&e.split(`
 `).forEach(function(s){o=s.indexOf(":"),r=s.substring(0,o).trim().toLowerCase(),n=s.substring(o+1).trim(),!(!r||t[r]&&a8[r])&&(r==="set-cookie"?t[r]?t[r].push(n):t[r]=[n]:t[r]=t[r]?t[r]+", "+n:n)}),t},Je=Symbol("internals");function t0(e){return e&&String(e).trim().toLowerCase()}function V0(e){return e===!1||e==null?e:b.isArray(e)?e.map(V0):String(e)}function u8(e){const t=Object.create(null),r=/([^\s,;=]+)\s*(?:=\s*([^,;]+))?/g;let n;for(;n=r.exec(e);)t[n[1]]=n[2];return t}const d8=e=>/^[-_a-zA-Z0-9^`|~,!#$%&'*+.]+$/.test(e.trim());function j1(e,t,r,n,o){if(b.isFunction(n))return n.call(this,t,r);if(o&&(t=r),!!b.isString(t)){if(b.isString(n))return t.indexOf(n)!==-1;if(b.isRegExp(n))return n.test(t)}}function C8(e){return e.trim().toLowerCase().replace(/([a-z\d])(\w*)/g,(t,r,n)=>r.toUpperCase()+n)}function f8(e,t){const r=b.toCamelCase(" "+t);["get","set","has"].forEach(n=>{Object.defineProperty(e,n+r,{value:function(o,i,s){return this[n].call(this,t,o,i,s)},configurable:!0})})}let d2=class{constructor(t){t&&this.set(t)}set(t,r,n){const o=this;function i(l,a,c){const u=t0(a);if(!u)throw new Error("header name must be a non-empty string");const f=b.findKey(o,u);(!f||o[f]===void 0||c===!0||c===void 0&&o[f]!==!1)&&(o[f||a]=V0(l))}const s=(l,a)=>b.forEach(l,(c,u)=>i(c,u,a));if(b.isPlainObject(t)||t instanceof this.constructor)s(t,r);else if(b.isString(t)&&(t=t.trim())&&!d8(t))s(c8(t),r);else if(b.isObject(t)&&b.isIterable(t)){let l={},a,c;for(const u of t){if(!b.isArray(u))throw TypeError("Object iterator must return a key-value pair");l[c=u[0]]=(a=l[c])?b.isArray(a)?[...a,u[1]]:[a,u[1]]:u[1]}s(l,r)}else t!=null&&i(r,t,n);return this}get(t,r){if(t=t0(t),t){const n=b.findKey(this,t);if(n){const o=this[n];if(!r)return o;if(r===!0)return u8(o);if(b.isFunction(r))return r.call(this,o,n);if(b.isRegExp(r))return r.exec(o);throw new TypeError("parser must be boolean|regexp|function")}}}has(t,r){if(t=t0(t),t){const n=b.findKey(this,t);return!!(n&&this[n]!==void 0&&(!r||j1(this,this[n],n,r)))}return!1}delete(t,r){const n=this;let o=!1;function i(s){if(s=t0(s),s){const l=b.findKey(n,s);l&&(!r||j1(n,n[l],l,r))&&(delete n[l],o=!0)}}return b.isArray(t)?t.forEach(i):i(t),o}clear(t){const r=Object.keys(this);let n=r.length,o=!1;for(;n--;){const i=r[n];(!t||j1(this,this[i],i,t,!0))&&(delete this[i],o=!0)}return o}normalize(t){const r=this,n={};return b.forEach(this,(o,i)=>{const s=b.findKey(n,i);if(s){r[s]=V0(o),delete r[i];return}const l=t?C8(i):String(i).trim();l!==i&&delete r[i],r[l]=V0(o),n[l]=!0}),this}concat(...t){return this.constructor.concat(this,...t)}toJSON(t){const r=Object.create(null);return b.forEach(this,(n,o)=>{n!=null&&n!==!1&&(r[o]=t&&b.isArray(n)?n.join(", "):n)}),r}[Symbol.iterator](){return Object.entries(this.toJSON())[Symbol.iterator]()}toString(){return Object.entries(this.toJSON()).map(([t,r])=>t+": "+r).join(`
 `)}getSetCookie(){return this.get("set-cookie")||[]}get[Symbol.toStringTag](){return"AxiosHeaders"}static from(t){return t instanceof this?t:new this(t)}static concat(t,...r){const n=new this(t);return r.forEach(o=>n.set(o)),n}static accessor(t){const n=(this[Je]=this[Je]={accessors:{}}).accessors,o=this.prototype;function i(s){const l=t0(s);n[l]||(f8(o,s),n[l]=!0)}return b.isArray(t)?t.forEach(i):i(t),this}};d2.accessor(["Content-Type","Content-Length","Accept","Accept-Encoding","User-Agent","Authorization"]);b.reduceDescriptors(d2.prototype,({value:e},t)=>{let r=t[0].toUpperCase()+t.slice(1);return{get:()=>e,set(n){this[r]=n}}});b.freezeMethods(d2);function H1(e,t){const r=this||v0,n=t||r,o=d2.from(n.headers);let i=n.data;return b.forEach(e,function(l){i=l.call(r,i,o.normalize(),t?t.status:void 0)}),o.normalize(),i}function k5(e){return!!(e&&e.__CANCEL__)}function K2(e,t,r){G.call(this,e??"canceled",G.ERR_CANCELED,t,r),this.name="CanceledError"}b.inherits(K2,G,{__CANCEL__:!0});function M5(e,t,r){const n=r.config.validateStatus;!r.status||!n||n(r.status)?e(r):t(new G("Request failed with status code "+r.status,[G.ERR_BAD_REQUEST,G.ERR_BAD_RESPONSE][Math.floor(r.status/100)-4],r.config,r.request,r))}function h8(e){const t=/^([-+\w]{1,25})(:?\/\/|:)/.exec(e);return t&&t[1]||""}function p8(e,t){e=e||10;const r=new Array(e),n=new Array(e);let o=0,i=0,s;return t=t!==void 0?t:1e3,function(a){const c=Date.now(),u=n[i];s||(s=c),r[o]=a,n[o]=c;let f=i,m=0;for(;f!==o;)m+=r[f++],f=f%e;if(o=(o+1)%e,o===i&&(i=(i+1)%e),c-s<t)return;const g=u&&c-u;return g?Math.round(m*1e3/g):void 0}}function m8(e,t){let r=0,n=1e3/t,o,i;const s=(c,u=Date.now())=>{r=u,o=null,i&&(clearTimeout(i),i=null),e(...c)};return[(...c)=>{const u=Date.now(),f=u-r;f>=n?s(c,u):(o=c,i||(i=setTimeout(()=>{i=null,s(o)},n-f)))},()=>o&&s(o)]}const F0=(e,t,r=3)=>{let n=0;const o=p8(50,250);return m8(i=>{const s=i.loaded,l=i.lengthComputable?i.total:void 0,a=s-n,c=o(a),u=s<=l;n=s;const f={loaded:s,total:l,progress:l?s/l:void 0,bytes:a,rate:c||void 0,estimated:c&&l&&u?(l-s)/c:void 0,event:i,lengthComputable:l!=null,[t?"download":"upload"]:!0};e(f)},r)},Ke=(e,t)=>{const r=e!=null;return[n=>t[0]({lengthComputable:r,total:e,loaded:n}),t[1]]},Qe=e=>(...t)=>b.asap(()=>e(...t)),g8=l2.hasStandardBrowserEnv?((e,t)=>r=>(r=new URL(r,l2.origin),e.protocol===r.protocol&&e.host===r.host&&(t||e.port===r.port)))(new URL(l2.origin),l2.navigator&&/(msie|trident)/i.test(l2.navigator.userAgent)):()=>!0,v8=l2.hasStandardBrowserEnv?{write(e,t,r,n,o,i){const s=[e+"="+encodeURIComponent(t)];b.isNumber(r)&&s.push("expires="+new Date(r).toGMTString()),b.isString(n)&&s.push("path="+n),b.isString(o)&&s.push("domain="+o),i===!0&&s.push("secure"),document.cookie=s.join("; ")},read(e){const t=document.cookie.match(new RegExp("(^|;\\s*)("+e+")=([^;]*)"));return t?decodeURIComponent(t[3]):null},remove(e){this.write(e,"",Date.now()-864e5)}}:{write(){},read(){return null},remove(){}};function w8(e){return/^([a-z][a-z\d+\-.]*:)?\/\//i.test(e)}function x8(e,t){return t?e.replace(/\/?\/$/,"")+"/"+t.replace(/^\/+/,""):e}function E5(e,t,r){let n=!w8(t);return e&&(n||r==!1)?x8(e,t):t}const e3=e=>e instanceof d2?{...e}:e;function D2(e,t){t=t||{};const r={};function n(c,u,f,m){return b.isPlainObject(c)&&b.isPlainObject(u)?b.merge.call({caseless:m},c,u):b.isPlainObject(u)?b.merge({},u):b.isArray(u)?u.slice():u}function o(c,u,f,m){if(b.isUndefined(u)){if(!b.isUndefined(c))return n(void 0,c,f,m)}else return n(c,u,f,m)}function i(c,u){if(!b.isUndefined(u))return n(void 0,u)}function s(c,u){if(b.isUndefined(u)){if(!b.isUndefined(c))return n(void 0,c)}else return n(void 0,u)}function l(c,u,f){if(f in t)return n(c,u);if(f in e)return n(void 0,c)}const a={url:i,method:i,data:i,baseURL:s,transformRequest:s,transformResponse:s,paramsSerializer:s,timeout:s,timeoutMessage:s,withCredentials:s,withXSRFToken:s,adapter:s,responseType:s,xsrfCookieName:s,xsrfHeaderName:s,onUploadProgress:s,onDownloadProgress:s,decompress:s,maxContentLength:s,maxBodyLength:s,beforeRedirect:s,transport:s,httpAgent:s,httpsAgent:s,cancelToken:s,socketPath:s,responseEncoding:s,validateStatus:l,headers:(c,u,f)=>o(e3(c),e3(u),f,!0)};return b.forEach(Object.keys({...e,...t}),function(u){const f=a[u]||o,m=f(e[u],t[u],u);b.isUndefined(m)&&f!==l||(r[u]=m)}),r}const L5=e=>{const t=D2({},e);let{data:r,withXSRFToken:n,xsrfHeaderName:o,xsrfCookieName:i,headers:s,auth:l}=t;t.headers=s=d2.from(s),t.url=x5(E5(t.baseURL,t.url,t.allowAbsoluteUrls),e.params,e.paramsSerializer),l&&s.set("Authorization","Basic "+btoa((l.username||"")+":"+(l.password?unescape(encodeURIComponent(l.password)):"")));let a;if(b.isFormData(r)){if(l2.hasStandardBrowserEnv||l2.hasStandardBrowserWebWorkerEnv)s.setContentType(void 0);else if((a=s.getContentType())!==!1){const[c,...u]=a?a.split(";").map(f=>f.trim()).filter(Boolean):[];s.setContentType([c||"multipart/form-data",...u].join("; "))}}if(l2.hasStandardBrowserEnv&&(n&&b.isFunction(n)&&(n=n(t)),n||n!==!1&&g8(t.url))){const c=o&&i&&v8.read(i);c&&s.set(o,c)}return t},y8=typeof XMLHttpRequest<"u",b8=y8&&function(e){return new Promise(function(r,n){const o=L5(e);let i=o.data;const s=d2.from(o.headers).normalize();let{responseType:l,onUploadProgress:a,onDownloadProgress:c}=o,u,f,m,g,p;function v(){g&&g(),p&&p(),o.cancelToken&&o.cancelToken.unsubscribe(u),o.signal&&o.signal.removeEventListener("abort",u)}let w=new XMLHttpRequest;w.open(o.method.toUpperCase(),o.url,!0),w.timeout=o.timeout;function M(){if(!w)return;const k=d2.from("getAllResponseHeaders"in w&&w.getAllResponseHeaders()),x={data:!l||l==="text"||l==="json"?w.responseText:w.response,status:w.status,statusText:w.statusText,headers:k,config:e,request:w};M5(function(Z){r(Z),v()},function(Z){n(Z),v()},x),w=null}"onloadend"in w?w.onloadend=M:w.onreadystatechange=function(){!w||w.readyState!==4||w.status===0&&!(w.responseURL&&w.responseURL.indexOf("file:")===0)||setTimeout(M)},w.onabort=function(){w&&(n(new G("Request aborted",G.ECONNABORTED,e,w)),w=null)},w.onerror=function(){n(new G("Network Error",G.ERR_NETWORK,e,w)),w=null},w.ontimeout=function(){let V=o.timeout?"timeout of "+o.timeout+"ms exceeded":"timeout exceeded";const x=o.transitional||y5;o.timeoutErrorMessage&&(V=o.timeoutErrorMessage),n(new G(V,x.clarifyTimeoutError?G.ETIMEDOUT:G.ECONNABORTED,e,w)),w=null},i===void 0&&s.setContentType(null),"setRequestHeader"in w&&b.forEach(s.toJSON(),function(V,x){w.setRequestHeader(x,V)}),b.isUndefined(o.withCredentials)||(w.withCredentials=!!o.withCredentials),l&&l!=="json"&&(w.responseType=o.responseType),c&&([m,p]=F0(c,!0),w.addEventListener("progress",m)),a&&w.upload&&([f,g]=F0(a),w.upload.addEventListener("progress",f),w.upload.addEventListener("loadend",g)),(o.cancelToken||o.signal)&&(u=k=>{w&&(n(!k||k.type?new K2(null,e,w):k),w.abort(),w=null)},o.cancelToken&&o.cancelToken.subscribe(u),o.signal&&(o.signal.aborted?u():o.signal.addEventListener("abort",u)));const _=h8(o.url);if(_&&l2.protocols.indexOf(_)===-1){n(new G("Unsupported protocol "+_+":",G.ERR_BAD_REQUEST,e));return}w.send(i||null)})},k8=(e,t)=>{const{length:r}=e=e?e.filter(Boolean):[];if(t||r){let n=new AbortController,o;const i=function(c){if(!o){o=!0,l();const u=c instanceof Error?c:this.reason;n.abort(u instanceof G?u:new K2(u instanceof Error?u.message:u))}};let s=t&&setTimeout(()=>{s=null,i(new G(`timeout ${t} of ms exceeded`,G.ETIMEDOUT))},t);const l=()=>{e&&(s&&clearTimeout(s),s=null,e.forEach(c=>{c.unsubscribe?c.unsubscribe(i):c.removeEventListener("abort",i)}),e=null)};e.forEach(c=>c.addEventListener("abort",i));const{signal:a}=n;return a.unsubscribe=()=>b.asap(l),a}},M8=function*(e,t){let r=e.byteLength;if(r<t){yield e;return}let n=0,o;for(;n<r;)o=n+t,yield e.slice(n,o),n=o},E8=async function*(e,t){for await(const r of L8(e))yield*M8(r,t)},L8=async function*(e){if(e[Symbol.asyncIterator]){yield*e;return}const t=e.getReader();try{for(;;){const{done:r,value:n}=await t.read();if(r)break;yield n}}finally{await t.cancel()}},t3=(e,t,r,n)=>{const o=E8(e,t);let i=0,s,l=a=>{s||(s=!0,n&&n(a))};return new ReadableStream({async pull(a){try{const{done:c,value:u}=await o.next();if(c){l(),a.close();return}let f=u.byteLength;if(r){let m=i+=f;r(m)}a.enqueue(new Uint8Array(u))}catch(c){throw l(c),c}},cancel(a){return l(a),o.return()}},{highWaterMark:2})},o1=typeof fetch=="function"&&typeof Request=="function"&&typeof Response=="function",j5=o1&&typeof ReadableStream=="function",j8=o1&&(typeof TextEncoder=="function"?(e=>t=>e.encode(t))(new TextEncoder):async e=>new Uint8Array(await new Response(e).arrayBuffer())),H5=(e,...t)=>{try{return!!e(...t)}catch{return!1}},H8=j5&&H5(()=>{let e=!1;const t=new Request(l2.origin,{body:new ReadableStream,method:"POST",get duplex(){return e=!0,"half"}}).headers.has("Content-Type");return e&&!t}),r3=64*1024,I1=j5&&H5(()=>b.isReadableStream(new Response("").body)),Z0={stream:I1&&(e=>e.body)};o1&&(e=>{["text","arrayBuffer","blob","formData","stream"].forEach(t=>{!Z0[t]&&(Z0[t]=b.isFunction(e[t])?r=>r[t]():(r,n)=>{throw new G(`Response type '${t}' is not supported`,G.ERR_NOT_SUPPORT,n)})})})(new Response);const S8=async e=>{if(e==null)return 0;if(b.isBlob(e))return e.size;if(b.isSpecCompliantForm(e))return(await new Request(l2.origin,{method:"POST",body:e}).arrayBuffer()).byteLength;if(b.isArrayBufferView(e)||b.isArrayBuffer(e))return e.byteLength;if(b.isURLSearchParams(e)&&(e=e+""),b.isString(e))return(await j8(e)).byteLength},_8=async(e,t)=>{const r=b.toFiniteNumber(e.getContentLength());return r??S8(t)},V8=o1&&(async e=>{let{url:t,method:r,data:n,signal:o,cancelToken:i,timeout:s,onDownloadProgress:l,onUploadProgress:a,responseType:c,headers:u,withCredentials:f="same-origin",fetchOptions:m}=L5(e);c=c?(c+"").toLowerCase():"text";let g=k8([o,i&&i.toAbortSignal()],s),p;const v=g&&g.unsubscribe&&(()=>{g.unsubscribe()});let w;try{if(a&&H8&&r!=="get"&&r!=="head"&&(w=await _8(u,n))!==0){let x=new Request(t,{method:"POST",body:n,duplex:"half"}),N;if(b.isFormData(n)&&(N=x.headers.get("content-type"))&&u.setContentType(N),x.body){const[Z,J]=Ke(w,F0(Qe(a)));n=t3(x.body,r3,Z,J)}}b.isString(f)||(f=f?"include":"omit");const M="credentials"in Request.prototype;p=new Request(t,{...m,signal:g,method:r.toUpperCase(),headers:u.normalize().toJSON(),body:n,duplex:"half",credentials:M?f:void 0});let _=await fetch(p,m);const k=I1&&(c==="stream"||c==="response");if(I1&&(l||k&&v)){const x={};["status","statusText","headers"].forEach(X=>{x[X]=_[X]});const N=b.toFiniteNumber(_.headers.get("content-length")),[Z,J]=l&&Ke(N,F0(Qe(l),!0))||[];_=new Response(t3(_.body,r3,Z,()=>{J&&J(),v&&v()}),x)}c=c||"text";let V=await Z0[b.findKey(Z0,c)||"text"](_,e);return!k&&v&&v(),await new Promise((x,N)=>{M5(x,N,{data:V,headers:d2.from(_.headers),status:_.status,statusText:_.statusText,config:e,request:p})})}catch(M){throw v&&v(),M&&M.name==="TypeError"&&/Load failed|fetch/i.test(M.message)?Object.assign(new G("Network Error",G.ERR_NETWORK,e,p),{cause:M.cause||M}):G.from(M,M&&M.code,e,p)}}),q1={http:z7,xhr:b8,fetch:V8};b.forEach(q1,(e,t)=>{if(e){try{Object.defineProperty(e,"name",{value:t})}catch{}Object.defineProperty(e,"adapterName",{value:t})}});const n3=e=>`- ${e}`,O8=e=>b.isFunction(e)||e===null||e===!1,S5={getAdapter:e=>{e=b.isArray(e)?e:[e];const{length:t}=e;let r,n;const o={};for(let i=0;i<t;i++){r=e[i];let s;if(n=r,!O8(r)&&(n=q1[(s=String(r)).toLowerCase()],n===void 0))throw new G(`Unknown adapter '${s}'`);if(n)break;o[s||"#"+i]=n}if(!n){const i=Object.entries(o).map(([l,a])=>`adapter ${l} `+(a===!1?"is not supported by the environment":"is not available in the build"));let s=t?i.length>1?`since :
 `+i.map(n3).join(`

package/dist/index.es.js CHANGED Viewed

@@ -4159,7 +4159,7 @@ const Vo = (e) => {
           children: D.map((H, L) => {
             const E = a && V === L, R = (j) => {
               var N;
-              a && !g.current && (j.preventDefault(), w(L), u == null || u(L)), (N = H.onClick) == null || N.call(H, j);
+              a && !g.current && (w(L), u == null || u(L), H.href || j.preventDefault()), (N = H.onClick) == null || N.call(H, j);
             };
             return /* @__PURE__ */ d.jsx("div", { className: "flex-shrink-0", children: /* @__PURE__ */ d.jsx(
               Yn,

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@nd-storybook/storybook",
-  "version": "0.3.22",
+  "version": "0.3.23",
   "type": "module",
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",