@beterdichtbij/component-library 0.11.4 → 0.11.5

package/dist/bd-component-lib.umd.js

@@ -124,4 +124,4 @@ img.ProseMirror-separator {
 1. Must only contain digits, lowercase ASCII letters or "-"
 2. Cannot start or end with "-"
 3. "-" cannot repeat`);ze.customSchemes.push([n,e])}function T2(){ze.scanner=y2(ze.customSchemes);for(let n=0;n<ze.tokenQueue.length;n++)ze.tokenQueue[n][1]({scanner:ze.scanner});ze.parser=S2(ze.scanner.tokens);for(let n=0;n<ze.pluginQueue.length;n++)ze.pluginQueue[n][1]({scanner:ze.scanner,parser:ze.parser});ze.initialized=!0}function A2(n){return ze.initialized||T2(),E2(ze.parser.start,n,v2(ze.scanner.start,n))}function La(n,e,t){if(e===void 0&&(e=null),t===void 0&&(t=null),e&&typeof e=="object"){if(t)throw Error(`linkifyjs: Invalid link type ${e}; must be a string`);t=e,e=null}const r=new Ra(t),o=A2(n),i=[];for(let s=0;s<o.length;s++){const l=o[s];l.isLink&&(!e||l.t===e)&&r.check(l)&&i.push(l.toFormattedObject(r))}return i}function O2(n){return new ft({key:new Ft("autolink"),appendTransaction:(e,t,r)=>{const o=e.some(c=>c.docChanged)&&!t.doc.eq(r.doc),i=e.some(c=>c.getMeta("preventAutolink"));if(!o||i)return;const{tr:s}=r,l=U0(t.doc,[...e]);if(Z0(l).forEach(({newRange:c})=>{const u=j0(r.doc,c,p=>p.isTextblock);let d,f;if(u.length>1?(d=u[0],f=r.doc.textBetween(d.pos,d.pos+d.node.nodeSize,void 0," ")):u.length&&r.doc.textBetween(c.from,c.to," "," ").endsWith(" ")&&(d=u[0],f=r.doc.textBetween(d.pos,c.to,void 0," ")),d&&f){const p=f.split(" ").filter(y=>y!=="");if(p.length<=0)return!1;const h=p[p.length-1],g=d.pos+f.lastIndexOf(h);if(!h)return!1;La(h).filter(y=>y.isLink).map(y=>({...y,from:g+y.start+1,to:g+y.end+1})).filter(y=>r.schema.marks.code?!r.doc.rangeHasMark(y.from,y.to,r.schema.marks.code):!0).filter(y=>n.validate?n.validate(y.value):!0).forEach(y=>{Xs(y.from,y.to,r.doc).some(S=>S.mark.type===n.type)||s.addMark(y.from,y.to,n.type.create({href:y.href}))})}}),!!s.steps.length)return s}})}function M2(n){return new ft({key:new Ft("handleClickLink"),props:{handleClick:(e,t,r)=>{var o,i;if(r.button!==0||r.target.nodeName!=="A")return!1;const l=Pu(e.state,n.type.name),a=r.target,c=(o=a==null?void 0:a.href)!==null&&o!==void 0?o:l.href,u=(i=a==null?void 0:a.target)!==null&&i!==void 0?i:l.target;return a&&c?(e.editable&&window.open(c,u),!0):!1}}})}function I2(n){return new ft({key:new Ft("handlePasteLink"),props:{handlePaste:(e,t,r)=>{var o;const{state:i}=e,{selection:s}=i,{empty:l}=s;if(l)return!1;let a="";r.content.forEach(h=>{a+=h.textContent});const c=La(a).find(h=>h.isLink&&h.value===a);if(!a||!c)return!1;const u=(o=t.clipboardData)===null||o===void 0?void 0:o.getData("text/html"),d=/href="([^"]*)"/,f=u==null?void 0:u.match(d),p=f?f[1]:c.href;return n.editor.commands.setMark(n.type,{href:p}),!0}}})}const N2=Yt.create({name:"link",priority:1e3,keepOnSplit:!1,onCreate(){this.options.protocols.forEach(n=>{if(typeof n=="string"){jd(n);return}jd(n.scheme,n.optionalSlashes)})},onDestroy(){w2()},inclusive(){return this.options.autolink},addOptions(){return{openOnClick:!0,linkOnPaste:!0,autolink:!0,protocols:[],HTMLAttributes:{target:"_blank",rel:"noopener noreferrer nofollow",class:null},validate:void 0}},addAttributes(){return{href:{default:null},target:{default:this.options.HTMLAttributes.target},rel:{default:this.options.HTMLAttributes.rel},class:{default:this.options.HTMLAttributes.class}}},parseHTML(){return[{tag:'a[href]:not([href *= "javascript:" i])'}]},renderHTML({HTMLAttributes:n}){return["a",ct(this.options.HTMLAttributes,n),0]},addCommands(){return{setLink:n=>({chain:e})=>e().setMark(this.name,n).setMeta("preventAutolink",!0).run(),toggleLink:n=>({chain:e})=>e().toggleMark(this.name,n,{extendEmptyMarkRange:!0}).setMeta("preventAutolink",!0).run(),unsetLink:()=>({chain:n})=>n().unsetMark(this.name,{extendEmptyMarkRange:!0}).setMeta("preventAutolink",!0).run()}},addPasteRules(){return[Hr({find:n=>La(n).filter(e=>this.options.validate?this.options.validate(e.value):!0).filter(e=>e.isLink).map(e=>({text:e.value,index:e.start,data:e})),type:this.type,getAttributes:(n,e)=>{var t,r;const o=(t=e==null?void 0:e.clipboardData)===null||t===void 0?void 0:t.getData("text/html"),i=/href="([^"]*)"/,s=o==null?void 0:o.match(i);return s?{href:s[1]}:{href:(r=n.data)===null||r===void 0?void 0:r.href}}})]},addProseMirrorPlugins(){const n=[];return this.options.autolink&&n.push(O2({type:this.type,validate:this.options.validate})),this.options.openOnClick&&n.push(M2({type:this.type})),this.options.linkOnPaste&&n.push(I2({editor:this.editor,type:this.type})),n}}).extend({addAttributes(){var n;return{...(n=this.parent)==null?void 0:n.call(this),title:{default:null,parseHTML:e=>e.getAttribute("title"),renderHTML:e=>({title:e.title})}}}}),R2=Tt.create({name:"placeholder",addOptions(){return{emptyEditorClass:"is-editor-empty",emptyNodeClass:"is-empty",placeholder:"Write something …",showOnlyWhenEditable:!0,showOnlyCurrent:!0,includeChildren:!1}},addProseMirrorPlugins(){return[new ft({key:new Ft("placeholder"),props:{decorations:({doc:n,selection:e})=>{const t=this.editor.isEditable||!this.options.showOnlyWhenEditable,{anchor:r}=e,o=[];if(!t)return null;const i=n.type.createAndFill(),s=(i==null?void 0:i.sameMarkup(n))&&i.content.findDiffStart(n.content)===null;return n.descendants((l,a)=>{const c=r>=a&&r<=a+l.nodeSize,u=!l.isLeaf&&!l.childCount;if((c||!this.options.showOnlyCurrent)&&u){const d=[this.options.emptyNodeClass];s&&d.push(this.options.emptyEditorClass);const f=wt.node(a,a+l.nodeSize,{class:d.join(" "),"data-placeholder":typeof this.options.placeholder=="function"?this.options.placeholder({editor:this.editor,node:l,pos:a,hasAnchor:c}):this.options.placeholder});o.push(f)}return this.options.includeChildren}),We.create(n,o)}}})]}}),D2=/(?:^|\s)((?:\*\*)((?:[^*]+))(?:\*\*))$/,L2=/(?:^|\s)((?:\*\*)((?:[^*]+))(?:\*\*))/g,P2=/(?:^|\s)((?:__)((?:[^__]+))(?:__))$/,B2=/(?:^|\s)((?:__)((?:[^__]+))(?:__))/g,F2=Yt.create({name:"bold",addOptions(){return{HTMLAttributes:{}}},parseHTML(){return[{tag:"strong"},{tag:"b",getAttrs:n=>n.style.fontWeight!=="normal"&&null},{style:"font-weight",getAttrs:n=>/^(bold(er)?|[5-9]\d{2,})$/.test(n)&&null}]},renderHTML({HTMLAttributes:n}){return["strong",ct(this.options.HTMLAttributes,n),0]},addCommands(){return{setBold:()=>({commands:n})=>n.setMark(this.name),toggleBold:()=>({commands:n})=>n.toggleMark(this.name),unsetBold:()=>({commands:n})=>n.unsetMark(this.name)}},addKeyboardShortcuts(){return{"Mod-b":()=>this.editor.commands.toggleBold(),"Mod-B":()=>this.editor.commands.toggleBold()}},addInputRules(){return[Wo({find:D2,type:this.type}),Wo({find:P2,type:this.type})]},addPasteRules(){return[Hr({find:L2,type:this.type}),Hr({find:B2,type:this.type})]}}),z2=/(?:^|\s)((?:\*)((?:[^*]+))(?:\*))$/,V2=/(?:^|\s)((?:\*)((?:[^*]+))(?:\*))/g,$2=/(?:^|\s)((?:_)((?:[^_]+))(?:_))$/,U2=/(?:^|\s)((?:_)((?:[^_]+))(?:_))/g,H2=Yt.create({name:"italic",addOptions(){return{HTMLAttributes:{}}},parseHTML(){return[{tag:"em"},{tag:"i",getAttrs:n=>n.style.fontStyle!=="normal"&&null},{style:"font-style=italic"}]},renderHTML({HTMLAttributes:n}){return["em",ct(this.options.HTMLAttributes,n),0]},addCommands(){return{setItalic:()=>({commands:n})=>n.setMark(this.name),toggleItalic:()=>({commands:n})=>n.toggleMark(this.name),unsetItalic:()=>({commands:n})=>n.unsetMark(this.name)}},addKeyboardShortcuts(){return{"Mod-i":()=>this.editor.commands.toggleItalic(),"Mod-I":()=>this.editor.commands.toggleItalic()}},addInputRules(){return[Wo({find:z2,type:this.type}),Wo({find:$2,type:this.type})]},addPasteRules(){return[Hr({find:V2,type:this.type}),Hr({find:U2,type:this.type})]}}),j2=Yt.create({name:"underline",addOptions(){return{HTMLAttributes:{}}},parseHTML(){return[{tag:"u"},{style:"text-decoration",consuming:!1,getAttrs:n=>n.includes("underline")?{}:!1}]},renderHTML({HTMLAttributes:n}){return["u",ct(this.options.HTMLAttributes,n),0]},addCommands(){return{setUnderline:()=>({commands:n})=>n.setMark(this.name),toggleUnderline:()=>({commands:n})=>n.toggleMark(this.name),unsetUnderline:()=>({commands:n})=>n.unsetMark(this.name)}},addKeyboardShortcuts(){return{"Mod-u":()=>this.editor.commands.toggleUnderline(),"Mod-U":()=>this.editor.commands.toggleUnderline()}}}),W2=At.create({name:"listItem",addOptions(){return{HTMLAttributes:{},bulletListTypeName:"bulletList",orderedListTypeName:"orderedList"}},content:"paragraph block*",defining:!0,parseHTML(){return[{tag:"li"}]},renderHTML({HTMLAttributes:n}){return["li",ct(this.options.HTMLAttributes,n),0]},addKeyboardShortcuts(){return{Enter:()=>this.editor.commands.splitListItem(this.name),Tab:()=>this.editor.commands.sinkListItem(this.name),"Shift-Tab":()=>this.editor.commands.liftListItem(this.name)}}}),K2=At.create({name:"listItem",addOptions(){return{HTMLAttributes:{},bulletListTypeName:"bulletList",orderedListTypeName:"orderedList"}},content:"paragraph block*",defining:!0,parseHTML(){return[{tag:"li"}]},renderHTML({HTMLAttributes:n}){return["li",ct(this.options.HTMLAttributes,n),0]},addKeyboardShortcuts(){return{Enter:()=>this.editor.commands.splitListItem(this.name),Tab:()=>this.editor.commands.sinkListItem(this.name),"Shift-Tab":()=>this.editor.commands.liftListItem(this.name)}}}),Wd=Yt.create({name:"textStyle",addOptions(){return{HTMLAttributes:{}}},parseHTML(){return[{tag:"span",getAttrs:n=>n.hasAttribute("style")?{}:!1}]},renderHTML({HTMLAttributes:n}){return["span",ct(this.options.HTMLAttributes,n),0]},addCommands(){return{removeEmptyTextStyle:()=>({state:n,commands:e})=>{const t=Ho(n,this.type);return Object.entries(t).some(([,o])=>!!o)?!0:e.unsetMark(this.name)}}}}),Kd=/^\s*([-+*])\s$/,G2=At.create({name:"bulletList",addOptions(){return{itemTypeName:"listItem",HTMLAttributes:{},keepMarks:!1,keepAttributes:!1}},group:"block list",content(){return`${this.options.itemTypeName}+`},parseHTML(){return[{tag:"ul"}]},renderHTML({HTMLAttributes:n}){return["ul",ct(this.options.HTMLAttributes,n),0]},addCommands(){return{toggleBulletList:()=>({commands:n,chain:e})=>this.options.keepAttributes?e().toggleList(this.name,this.options.itemTypeName,this.options.keepMarks).updateAttributes(K2.name,this.editor.getAttributes(Wd.name)).run():n.toggleList(this.name,this.options.itemTypeName,this.options.keepMarks)}},addKeyboardShortcuts(){return{"Mod-Shift-8":()=>this.editor.commands.toggleBulletList()}},addInputRules(){let n=Ko({find:Kd,type:this.type});return(this.options.keepMarks||this.options.keepAttributes)&&(n=Ko({find:Kd,type:this.type,keepMarks:this.options.keepMarks,keepAttributes:this.options.keepAttributes,getAttributes:()=>this.editor.getAttributes(Wd.name),editor:this.editor})),[n]}}),J2=At.create({name:"listItem",addOptions(){return{HTMLAttributes:{},bulletListTypeName:"bulletList",orderedListTypeName:"orderedList"}},content:"paragraph block*",defining:!0,parseHTML(){return[{tag:"li"}]},renderHTML({HTMLAttributes:n}){return["li",ct(this.options.HTMLAttributes,n),0]},addKeyboardShortcuts(){return{Enter:()=>this.editor.commands.splitListItem(this.name),Tab:()=>this.editor.commands.sinkListItem(this.name),"Shift-Tab":()=>this.editor.commands.liftListItem(this.name)}}}),Gd=Yt.create({name:"textStyle",addOptions(){return{HTMLAttributes:{}}},parseHTML(){return[{tag:"span",getAttrs:n=>n.hasAttribute("style")?{}:!1}]},renderHTML({HTMLAttributes:n}){return["span",ct(this.options.HTMLAttributes,n),0]},addCommands(){return{removeEmptyTextStyle:()=>({state:n,commands:e})=>{const t=Ho(n,this.type);return Object.entries(t).some(([,o])=>!!o)?!0:e.unsetMark(this.name)}}}}),Jd=/^(\d+)\.\s$/,Y2=At.create({name:"orderedList",addOptions(){return{itemTypeName:"listItem",HTMLAttributes:{},keepMarks:!1,keepAttributes:!1}},group:"block list",content(){return`${this.options.itemTypeName}+`},addAttributes(){return{start:{default:1,parseHTML:n=>n.hasAttribute("start")?parseInt(n.getAttribute("start")||"",10):1}}},parseHTML(){return[{tag:"ol"}]},renderHTML({HTMLAttributes:n}){const{start:e,...t}=n;return e===1?["ol",ct(this.options.HTMLAttributes,t),0]:["ol",ct(this.options.HTMLAttributes,n),0]},addCommands(){return{toggleOrderedList:()=>({commands:n,chain:e})=>this.options.keepAttributes?e().toggleList(this.name,this.options.itemTypeName,this.options.keepMarks).updateAttributes(J2.name,this.editor.getAttributes(Gd.name)).run():n.toggleList(this.name,this.options.itemTypeName,this.options.keepMarks)}},addKeyboardShortcuts(){return{"Mod-Shift-7":()=>this.editor.commands.toggleOrderedList()}},addInputRules(){let n=Ko({find:Jd,type:this.type,getAttributes:e=>({start:+e[1]}),joinPredicate:(e,t)=>t.childCount+t.attrs.start===+e[1]});return(this.options.keepMarks||this.options.keepAttributes)&&(n=Ko({find:Jd,type:this.type,keepMarks:this.options.keepMarks,keepAttributes:this.options.keepAttributes,getAttributes:e=>({start:+e[1],...this.editor.getAttributes(Gd.name)}),joinPredicate:(e,t)=>t.childCount+t.attrs.start===+e[1],editor:this.editor})),[n]}}),X2=At.create({name:"hardBreak",addOptions(){return{keepMarks:!0,HTMLAttributes:{}}},inline:!0,group:"inline",selectable:!1,parseHTML(){return[{tag:"br"}]},renderHTML({HTMLAttributes:n}){return["br",ct(this.options.HTMLAttributes,n)]},renderText(){return`
-`},addCommands(){return{setHardBreak:()=>({commands:n,chain:e,state:t,editor:r})=>n.first([()=>n.exitCode(),()=>n.command(()=>{const{selection:o,storedMarks:i}=t;if(o.$from.parent.type.spec.isolating)return!1;const{keepMarks:s}=this.options,{splittableMarks:l}=r.extensionManager,a=i||o.$to.parentOffset&&o.$from.marks();return e().insertContent({type:this.name}).command(({tr:c,dispatch:u})=>{if(u&&a&&s){const d=a.filter(f=>l.includes(f.type.name));c.ensureMarks(d)}return!0}).run()})])}},addKeyboardShortcuts(){return{"Mod-Enter":()=>this.editor.commands.setHardBreak(),"Shift-Enter":()=>this.editor.commands.setHardBreak()}}}),Pa={BASIC:"basic",FULL:"full"},Z2={class:"bd-markdown-editor__menu-bottom"},Q2={key:0,class:"vr"},_2={key:4,class:"vr"},q2={key:7,class:"vr"},Yd=m.defineComponent({__name:"BDMarkdownEditor",props:{placeholder:{default:"Typ een bericht"},errorText:{default:"er is iets fout gegaan"},state:{type:Boolean,default:void 0},variant:{default:Pa.BASIC},modelValue:{}},emits:["update:modelValue"],setup(n,{emit:e}){const t=n,r=Nn(t,"modelValue",e),o=[s2,a2,l2,R2.configure({placeholder:t.placeholder}),X2];t.variant===Pa.FULL&&o.push(F2,H2,j2,W2,G2,Y2,N2.configure({openOnClick:!1,validate:f=>/^https?:\/\//.test(f)}));const i=i2({content:r.value,extensions:o,onUpdate:({editor:f})=>{const{view:p,state:h}=f,{from:g,to:y}=p.state.selection;if(h.doc.textBetween(g-1,y,"")==" "&&f.getAttributes("link").href!=null&&f.chain().setTextSelection({from:g-1,to:y}).toggleLink({href:f.getAttributes("link").href}).setTextSelection({from:y,to:y}).run(),f.getText().trim()===""){e("update:modelValue","");return}e("update:modelValue",f.getHTML())}});m.watch(()=>t.modelValue,f=>{i.value.getHTML()!==f&&i.value.commands.setContent(f,!0,{preserveWhitespace:"full"})});const s=m.computed(()=>t.state?"is-invalid":null),l=m.computed(()=>d("bold")),a=m.computed(()=>d("italic")),c=m.computed(()=>d("underline"));m.computed(()=>d("bulletList")),m.computed(()=>d("orderedList"));const u=m.computed(()=>t.variant===Pa.FULL),d=f=>i.value&&i.value.isActive(f)?"active":null;return(f,p)=>(m.openBlock(),m.createElementBlock(m.Fragment,null,[m.createElementVNode("div",{class:m.normalizeClass(["bd-markdown-editor",s.value])},[m.createVNode(m.unref(o2),{editor:m.unref(i)},null,8,["editor"]),m.createElementVNode("div",Z2,[m.createVNode(Ht,{variant:"light",type:"button"},{default:m.withCtx(()=>[m.createVNode(m.unref(Er))]),_:1}),u.value?(m.openBlock(),m.createElementBlock("div",Q2)):m.createCommentVNode("",!0),u.value?(m.openBlock(),m.createBlock(Ht,{key:1,variant:"light",type:"button",class:m.normalizeClass(l.value),onClick:p[0]||(p[0]=h=>m.unref(i).chain().focus().toggleBold().run())},{default:m.withCtx(()=>[m.createVNode(m.unref(Hi))]),_:1},8,["class"])):m.createCommentVNode("",!0),u.value?(m.openBlock(),m.createBlock(Ht,{key:2,variant:"light",type:"button",class:m.normalizeClass(a.value),onClick:p[1]||(p[1]=h=>m.unref(i).chain().focus().toggleItalic().run())},{default:m.withCtx(()=>[m.createVNode(m.unref(Ui))]),_:1},8,["class"])):m.createCommentVNode("",!0),u.value?(m.openBlock(),m.createBlock(Ht,{key:3,variant:"light",type:"button",class:m.normalizeClass(c.value),onClick:p[2]||(p[2]=h=>m.unref(i).chain().focus().toggleUnderline().run())},{default:m.withCtx(()=>[m.createVNode(m.unref(ji))]),_:1},8,["class"])):m.createCommentVNode("",!0),u.value?(m.openBlock(),m.createElementBlock("div",_2)):m.createCommentVNode("",!0),u.value?(m.openBlock(),m.createBlock(Ht,{key:5,variant:"light",type:"button",class:"IsUnderlineActive",onClick:p[3]||(p[3]=h=>m.unref(i).chain().focus().toggleUnderline().run())},{default:m.withCtx(()=>[m.createVNode(m.unref(Wi))]),_:1})):m.createCommentVNode("",!0),u.value?(m.openBlock(),m.createBlock(Ht,{key:6,variant:"light",type:"button",class:"IsBulletListActive",onClick:p[4]||(p[4]=h=>m.unref(i).chain().focus().toggleBulletList().run())},{default:m.withCtx(()=>[m.createVNode(m.unref(Ki))]),_:1})):m.createCommentVNode("",!0),u.value?(m.openBlock(),m.createElementBlock("div",q2)):m.createCommentVNode("",!0),u.value?(m.openBlock(),m.createBlock(Ht,{key:8,variant:"light",type:"button",class:"IsOrderedListActive",onClick:p[5]||(p[5]=h=>m.unref(i).chain().focus().toggleOrderedList().run())},{default:m.withCtx(()=>[m.createVNode(m.unref(Gi))]),_:1})):m.createCommentVNode("",!0)])],2),m.createVNode(m.unref(fo),{text:t.errorText,state:t.state},null,8,["text","state"])],64))}}),eb={class:"bd-user"},tb={class:"bd-user__information"},nb={class:"text-break"},rb={class:"overflow-x-hidden"},Xd=m.defineComponent({__name:"BDUser",props:{name:{default:""},img:{default:{src:"",alt:""}},details:{default:void 0},hideImage:{type:Boolean,default:!1}},setup(n){const e=n,t=m.computed(()=>{var r;return typeof e.details=="string"?e.details:(r=e.details)==null?void 0:r.join(" • ")});return(r,o)=>(m.openBlock(),m.createElementBlock("div",eb,[e.hideImage?m.createCommentVNode("",!0):(m.openBlock(),m.createBlock(Ji,m.mergeProps({key:0},e.img,{size:"sm"}),null,16)),m.createElementVNode("div",tb,[m.createElementVNode("h5",nb,m.toDisplayString(e.name),1),m.createElementVNode("span",rb,m.toDisplayString(t.value),1)])]))}}),ob={class:"bd-dropdown dropdown"},Zd=m.defineComponent({__name:"BDDropdown",props:{size:{default:ot.MD},variant:{default:lo.PRIMARY},right:{type:Boolean,default:void 0},noFlip:{type:Boolean,default:void 0},toggleTag:{default:"button"},toggleClass:{},actionToggle:{type:Boolean,default:void 0},text:{default:""},offset:{default:void 0}},setup(n){const e=n,{uniqueIdentifier:t}=uo(),r=`__BD__DROPDOWN__${t.value}`,o=m.computed(()=>({class:{btn:e.toggleTag==="button",[`btn-${e.variant}`]:e.toggleTag==="button"&&e.variant,[`btn-${e.size}`]:e.toggleTag==="button"&&e.size,[`${e.toggleClass}`]:e.toggleClass!==void 0,"dropdown-toggle-action":e.actionToggle},"data-bs-display":e.noFlip?"static":null,"data-bs-offset":e.offset?e.offset:null,id:r})),i=m.computed(()=>({"dropdown-menu-end":e.right,"dropdown-menu-action":e.actionToggle})),s=m.computed(()=>({"aria-labelledby":r}));return(l,a)=>(m.openBlock(),m.createElementBlock("div",ob,[(m.openBlock(),m.createBlock(m.resolveDynamicComponent(e.toggleTag),m.mergeProps({class:"dropdown-toggle",target:"_self",role:"button","data-bs-toggle":"dropdown"},o.value),{default:m.withCtx(()=>[m.createTextVNode(m.toDisplayString(e.text),1)]),_:1},16)),m.createElementVNode("ul",m.mergeProps({class:["dropdown-menu",i.value]},s.value),[m.renderSlot(l.$slots,"default")],16)]))}}),ib={class:"modal bd-modal modal-lg",tabindex:"-1"},sb={class:"modal-dialog"},ab={class:"modal-content"},lb={class:"modal-header"},cb={class:"modal-title fw-light"},ub={class:"modal-body"},db={class:"modal-footer"},Qd=m.defineComponent({__name:"BDModal",props:{title:{default:""},submitButtonTitle:{default:"Opslaan"},hideFooterCancelButton:{type:Boolean,default:!1}},emits:["submit","cancel"],setup(n,{emit:e}){const t=n,r=()=>{e("submit")},o=()=>{e("cancel")};return(i,s)=>(m.openBlock(),m.createElementBlock("div",ib,[m.createElementVNode("div",sb,[m.createElementVNode("div",ab,[m.createElementVNode("div",lb,[m.createElementVNode("h2",cb,m.toDisplayString(t.title),1),m.createElementVNode("button",{type:"button",class:"btn-close w-auto","data-bs-dismiss":"modal","aria-label":"Sluiten",onClick:o},[m.createTextVNode("Sluiten "),m.createVNode(m.unref($i),{class:"bg-primary"})])]),m.createElementVNode("div",ub,[m.renderSlot(i.$slots,"default")]),m.createElementVNode("div",db,[m.createElementVNode("button",{type:"button",class:"btn btn-primary",onClick:r},m.toDisplayString(t.submitButtonTitle),1),t.hideFooterCancelButton?m.createCommentVNode("",!0):(m.openBlock(),m.createElementBlock("button",{key:0,type:"button",class:"btn btn-link","data-bs-dismiss":"modal",onClick:o,"aria-label":"Annuleren"},"Annuleren"))])])])]))}}),fb={PRIMARY:"primary",SECONDARY:"secondary",COLLEAGUE:"colleague",DANGER:"danger",OUT_PRIMARY:"outline-primary",OUT_PRIMARY_DARK:"outline-primary-dark",OUT_TERTIARY:"outline-tertiary",OUT_LINK:"link",LIGHT:"light",DARK:"dark"},Ht=m.defineComponent({__name:"BDButton",props:{size:{default:ot.MD},variant:{default:fb.PRIMARY},blockElement:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},to:{},target:{},text:{},rel:{}},emits:["click"],setup(n,{emit:e}){const t=n,r=m.computed(()=>({btn:!0,[`btn-${t.variant}`]:t.variant,[`btn-${t.size}`]:!0,"d-grid":t.blockElement&&typeof t.to=="string",[`${t.class}`]:t.class,disabled:t.disabled})),o=m.computed(()=>t.to?ao:"button"),i=m.computed(()=>{const l={};return t.to?(l.to=t.to,l.role="button"):l.type="submit",l}),s=()=>{e("click")};return(l,a)=>(m.openBlock(),m.createBlock(m.resolveDynamicComponent(o.value),m.mergeProps({class:["bd-btn",r.value]},i.value,{onClick:s}),{default:m.withCtx(()=>[m.renderSlot(l.$slots,"default",{},()=>[m.createTextVNode(m.toDisplayString(t.text),1)])]),_:3},16,["class"]))}}),pb={install:n=>{n.component("BDCol",Ua),n.component("BDContainer",Ha),n.component("BRow",ja),n.component("BDButton",Ht),n.component("BDLogo",Ka),n.component("BDLink",ao),n.component("BDDropdownItem",ul),n.component("BDDropdown",Zd),n.component("BDAlert",Ja),n.component("BDProfileImage",Ji),n.component("BDZoomslider",Za),n.component("BDCard",Xi),n.component("BDCollapsableCard",qa),n.component("BDFormInput",el),n.component("BDInputGroup",tl),n.component("BDFormInvalidFeedback",fo),n.component("BDBadge",nl),n.component("BDForm",rl),n.component("BDPagination",ol),n.component("BDDropzone",pl),n.component("BDMarkdownEditor",Yd),n.component("BDModal",Qd),n.component("BDFormSelect",il),n.component("BDUser",Xd),n.component("IconAttachment",Er),n.component("IconBold",Hi),n.component("IconBulletList",Wi),n.component("IconCaretDown",Wa),n.component("IconCaretLeft",Vi),n.component("IconCaretRight",zi),n.component("IconCheck",oo),n.component("IconClose",$i),n.component("IconError",io),n.component("IconFile",Fi),n.component("IconHyperlink",Gi),n.component("IconInfo",so),n.component("IconOrderedList",Ki),n.component("IconItalic",Ui),n.component("IconRemove",Bi),n.component("IconUnderline",ji),n.component("BDArticle",al),n.component("BDFormCheckbox",sl),n.component("BDToast",cl)}};xe.BDAlert=Ja,xe.BDArticle=al,xe.BDBadge=nl,xe.BDButton=Ht,xe.BDCard=Xi,xe.BDCol=Ua,xe.BDCollapsableCard=qa,xe.BDContainer=Ha,xe.BDDropdown=Zd,xe.BDDropdownItem=ul,xe.BDDropzone=pl,xe.BDForm=rl,xe.BDFormCheckbox=sl,xe.BDFormInput=el,xe.BDFormInvalidFeedback=fo,xe.BDFormSelect=il,xe.BDInputGroup=tl,xe.BDLink=ao,xe.BDLogo=Ka,xe.BDMarkdownEditor=Yd,xe.BDModal=Qd,xe.BDPagination=ol,xe.BDProfileImage=Ji,xe.BDRow=ja,xe.BDToast=cl,xe.BDUser=Xd,xe.BDZoomslider=Za,xe.IconAttachment=Er,xe.IconBold=Hi,xe.IconBulletList=Wi,xe.IconCaretLeft=Vi,xe.IconCaretRight=zi,xe.IconCheck=oo,xe.IconClose=$i,xe.IconError=io,xe.IconFile=Fi,xe.IconHyperlink=Gi,xe.IconInfo=so,xe.IconItalic=Ui,xe.IconOrderedList=Ki,xe.IconRemove=Bi,xe.IconUnderline=ji,xe.default=pb,Object.defineProperties(xe,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+`},addCommands(){return{setHardBreak:()=>({commands:n,chain:e,state:t,editor:r})=>n.first([()=>n.exitCode(),()=>n.command(()=>{const{selection:o,storedMarks:i}=t;if(o.$from.parent.type.spec.isolating)return!1;const{keepMarks:s}=this.options,{splittableMarks:l}=r.extensionManager,a=i||o.$to.parentOffset&&o.$from.marks();return e().insertContent({type:this.name}).command(({tr:c,dispatch:u})=>{if(u&&a&&s){const d=a.filter(f=>l.includes(f.type.name));c.ensureMarks(d)}return!0}).run()})])}},addKeyboardShortcuts(){return{"Mod-Enter":()=>this.editor.commands.setHardBreak(),"Shift-Enter":()=>this.editor.commands.setHardBreak()}}}),Pa={BASIC:"basic",FULL:"full"},Z2={class:"bd-markdown-editor__menu-bottom"},Q2={key:0,class:"vr"},_2={key:4,class:"vr"},q2={key:7,class:"vr"},Yd=m.defineComponent({__name:"BDMarkdownEditor",props:{placeholder:{default:"Typ een bericht"},errorText:{default:"er is iets fout gegaan"},state:{type:Boolean,default:void 0},variant:{default:Pa.BASIC},modelValue:{}},emits:["update:modelValue"],setup(n,{emit:e}){const t=n,r=Nn(t,"modelValue",e),o=[s2,a2,l2,R2.configure({placeholder:t.placeholder}),X2];t.variant===Pa.FULL&&o.push(F2,H2,j2,W2,G2,Y2,N2.configure({openOnClick:!1,validate:f=>/^https?:\/\//.test(f)}));const i=i2({content:r.value,extensions:o,onUpdate:({editor:f})=>{const{view:p,state:h}=f,{from:g,to:y}=p.state.selection;if(h.doc.textBetween(g-1,y,"")==" "&&f.getAttributes("link").href!=null&&f.chain().setTextSelection({from:g-1,to:y}).toggleLink({href:f.getAttributes("link").href}).setTextSelection({from:y,to:y}).run(),f.getText().trim()===""){e("update:modelValue","");return}e("update:modelValue",f.getHTML())}});m.watch(()=>t.modelValue,f=>{i.value.getHTML()!==f&&i.value.commands.setContent(f,!0,{preserveWhitespace:"full"})});const s=m.computed(()=>t.state?"is-invalid":null),l=m.computed(()=>d("bold")),a=m.computed(()=>d("italic")),c=m.computed(()=>d("underline"));m.computed(()=>d("bulletList")),m.computed(()=>d("orderedList"));const u=m.computed(()=>t.variant===Pa.FULL),d=f=>i.value&&i.value.isActive(f)?"active":null;return(f,p)=>(m.openBlock(),m.createElementBlock(m.Fragment,null,[m.createElementVNode("div",{class:m.normalizeClass(["bd-markdown-editor",s.value])},[m.createVNode(m.unref(o2),{editor:m.unref(i)},null,8,["editor"]),m.createElementVNode("div",Z2,[m.createVNode(Ht,{variant:"light",type:"button"},{default:m.withCtx(()=>[m.createVNode(m.unref(Er))]),_:1}),u.value?(m.openBlock(),m.createElementBlock("div",Q2)):m.createCommentVNode("",!0),u.value?(m.openBlock(),m.createBlock(Ht,{key:1,variant:"light",type:"button",class:m.normalizeClass(l.value),onClick:p[0]||(p[0]=h=>m.unref(i).chain().focus().toggleBold().run())},{default:m.withCtx(()=>[m.createVNode(m.unref(Hi))]),_:1},8,["class"])):m.createCommentVNode("",!0),u.value?(m.openBlock(),m.createBlock(Ht,{key:2,variant:"light",type:"button",class:m.normalizeClass(a.value),onClick:p[1]||(p[1]=h=>m.unref(i).chain().focus().toggleItalic().run())},{default:m.withCtx(()=>[m.createVNode(m.unref(Ui))]),_:1},8,["class"])):m.createCommentVNode("",!0),u.value?(m.openBlock(),m.createBlock(Ht,{key:3,variant:"light",type:"button",class:m.normalizeClass(c.value),onClick:p[2]||(p[2]=h=>m.unref(i).chain().focus().toggleUnderline().run())},{default:m.withCtx(()=>[m.createVNode(m.unref(ji))]),_:1},8,["class"])):m.createCommentVNode("",!0),u.value?(m.openBlock(),m.createElementBlock("div",_2)):m.createCommentVNode("",!0),u.value?(m.openBlock(),m.createBlock(Ht,{key:5,variant:"light",type:"button",class:"IsUnderlineActive",onClick:p[3]||(p[3]=h=>m.unref(i).chain().focus().toggleUnderline().run())},{default:m.withCtx(()=>[m.createVNode(m.unref(Wi))]),_:1})):m.createCommentVNode("",!0),u.value?(m.openBlock(),m.createBlock(Ht,{key:6,variant:"light",type:"button",class:"IsBulletListActive",onClick:p[4]||(p[4]=h=>m.unref(i).chain().focus().toggleBulletList().run())},{default:m.withCtx(()=>[m.createVNode(m.unref(Ki))]),_:1})):m.createCommentVNode("",!0),u.value?(m.openBlock(),m.createElementBlock("div",q2)):m.createCommentVNode("",!0),u.value?(m.openBlock(),m.createBlock(Ht,{key:8,variant:"light",type:"button",class:"IsOrderedListActive",onClick:p[5]||(p[5]=h=>m.unref(i).chain().focus().toggleOrderedList().run())},{default:m.withCtx(()=>[m.createVNode(m.unref(Gi))]),_:1})):m.createCommentVNode("",!0)])],2),m.createVNode(m.unref(fo),{text:t.errorText,state:t.state},null,8,["text","state"])],64))}}),eb={class:"bd-user"},tb={class:"bd-user__information"},nb={class:"text-break"},rb={class:"overflow-x-hidden"},Xd=m.defineComponent({__name:"BDUser",props:{name:{default:""},img:{default:{src:"",alt:""}},details:{default:void 0},hideImage:{type:Boolean,default:!1}},setup(n){const e=n,t=m.computed(()=>{var r;return typeof e.details=="string"?e.details:(r=e.details)==null?void 0:r.join(" • ")});return(r,o)=>(m.openBlock(),m.createElementBlock("div",eb,[e.hideImage?m.createCommentVNode("",!0):(m.openBlock(),m.createBlock(Ji,m.mergeProps({key:0},e.img,{size:"sm"}),null,16)),m.createElementVNode("div",tb,[m.createElementVNode("h5",nb,m.toDisplayString(e.name),1),m.createElementVNode("span",rb,m.toDisplayString(t.value),1)])]))}}),ob={class:"bd-dropdown dropdown"},Zd=m.defineComponent({__name:"BDDropdown",props:{size:{default:ot.MD},variant:{default:lo.PRIMARY},right:{type:Boolean,default:void 0},noFlip:{type:Boolean,default:void 0},toggleTag:{default:"button"},toggleClass:{},actionToggle:{type:Boolean,default:void 0},text:{default:""},offset:{default:void 0}},setup(n){const e=n,{uniqueIdentifier:t}=uo(),r=`__BD__DROPDOWN__${t.value}`,o=m.computed(()=>({class:{btn:e.toggleTag==="button",[`btn-${e.variant}`]:e.toggleTag==="button"&&e.variant,[`btn-${e.size}`]:e.toggleTag==="button"&&e.size,[`${e.toggleClass}`]:e.toggleClass!==void 0,"dropdown-toggle-action":e.actionToggle},"data-bs-display":e.noFlip?"static":null,"data-bs-offset":e.offset?e.offset:null,id:r})),i=m.computed(()=>({"dropdown-menu-end":e.right,"dropdown-menu-action":e.actionToggle})),s=m.computed(()=>({"aria-labelledby":r}));return(l,a)=>(m.openBlock(),m.createElementBlock("div",ob,[(m.openBlock(),m.createBlock(m.resolveDynamicComponent(e.toggleTag),m.mergeProps({class:"dropdown-toggle",target:"_self",role:"button","data-bs-toggle":"dropdown"},o.value),{default:m.withCtx(()=>[m.createElementVNode("span",null,m.toDisplayString(e.text),1)]),_:1},16)),m.createElementVNode("ul",m.mergeProps({class:["dropdown-menu",i.value]},s.value),[m.renderSlot(l.$slots,"default")],16)]))}}),ib={class:"modal bd-modal modal-lg",tabindex:"-1"},sb={class:"modal-dialog"},ab={class:"modal-content"},lb={class:"modal-header"},cb={class:"modal-title fw-light"},ub={class:"modal-body"},db={class:"modal-footer"},Qd=m.defineComponent({__name:"BDModal",props:{title:{default:""},submitButtonTitle:{default:"Opslaan"},hideFooterCancelButton:{type:Boolean,default:!1}},emits:["submit","cancel"],setup(n,{emit:e}){const t=n,r=()=>{e("submit")},o=()=>{e("cancel")};return(i,s)=>(m.openBlock(),m.createElementBlock("div",ib,[m.createElementVNode("div",sb,[m.createElementVNode("div",ab,[m.createElementVNode("div",lb,[m.createElementVNode("h2",cb,m.toDisplayString(t.title),1),m.createElementVNode("button",{type:"button",class:"btn-close w-auto","data-bs-dismiss":"modal","aria-label":"Sluiten",onClick:o},[m.createTextVNode("Sluiten "),m.createVNode(m.unref($i),{class:"bg-primary"})])]),m.createElementVNode("div",ub,[m.renderSlot(i.$slots,"default")]),m.createElementVNode("div",db,[m.createElementVNode("button",{type:"button",class:"btn btn-primary",onClick:r},m.toDisplayString(t.submitButtonTitle),1),t.hideFooterCancelButton?m.createCommentVNode("",!0):(m.openBlock(),m.createElementBlock("button",{key:0,type:"button",class:"btn btn-link","data-bs-dismiss":"modal",onClick:o,"aria-label":"Annuleren"},"Annuleren"))])])])]))}}),fb={PRIMARY:"primary",SECONDARY:"secondary",COLLEAGUE:"colleague",DANGER:"danger",OUT_PRIMARY:"outline-primary",OUT_PRIMARY_DARK:"outline-primary-dark",OUT_TERTIARY:"outline-tertiary",OUT_LINK:"link",LIGHT:"light",DARK:"dark"},Ht=m.defineComponent({__name:"BDButton",props:{size:{default:ot.MD},variant:{default:fb.PRIMARY},blockElement:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},to:{},target:{},text:{},rel:{}},emits:["click"],setup(n,{emit:e}){const t=n,r=m.computed(()=>({btn:!0,[`btn-${t.variant}`]:t.variant,[`btn-${t.size}`]:!0,"d-grid":t.blockElement&&typeof t.to=="string",[`${t.class}`]:t.class,disabled:t.disabled})),o=m.computed(()=>t.to?ao:"button"),i=m.computed(()=>{const l={};return t.to?(l.to=t.to,l.role="button"):l.type="submit",l}),s=()=>{e("click")};return(l,a)=>(m.openBlock(),m.createBlock(m.resolveDynamicComponent(o.value),m.mergeProps({class:["bd-btn",r.value]},i.value,{onClick:s}),{default:m.withCtx(()=>[m.renderSlot(l.$slots,"default",{},()=>[m.createTextVNode(m.toDisplayString(t.text),1)])]),_:3},16,["class"]))}}),pb={install:n=>{n.component("BDCol",Ua),n.component("BDContainer",Ha),n.component("BRow",ja),n.component("BDButton",Ht),n.component("BDLogo",Ka),n.component("BDLink",ao),n.component("BDDropdownItem",ul),n.component("BDDropdown",Zd),n.component("BDAlert",Ja),n.component("BDProfileImage",Ji),n.component("BDZoomslider",Za),n.component("BDCard",Xi),n.component("BDCollapsableCard",qa),n.component("BDFormInput",el),n.component("BDInputGroup",tl),n.component("BDFormInvalidFeedback",fo),n.component("BDBadge",nl),n.component("BDForm",rl),n.component("BDPagination",ol),n.component("BDDropzone",pl),n.component("BDMarkdownEditor",Yd),n.component("BDModal",Qd),n.component("BDFormSelect",il),n.component("BDUser",Xd),n.component("IconAttachment",Er),n.component("IconBold",Hi),n.component("IconBulletList",Wi),n.component("IconCaretDown",Wa),n.component("IconCaretLeft",Vi),n.component("IconCaretRight",zi),n.component("IconCheck",oo),n.component("IconClose",$i),n.component("IconError",io),n.component("IconFile",Fi),n.component("IconHyperlink",Gi),n.component("IconInfo",so),n.component("IconOrderedList",Ki),n.component("IconItalic",Ui),n.component("IconRemove",Bi),n.component("IconUnderline",ji),n.component("BDArticle",al),n.component("BDFormCheckbox",sl),n.component("BDToast",cl)}};xe.BDAlert=Ja,xe.BDArticle=al,xe.BDBadge=nl,xe.BDButton=Ht,xe.BDCard=Xi,xe.BDCol=Ua,xe.BDCollapsableCard=qa,xe.BDContainer=Ha,xe.BDDropdown=Zd,xe.BDDropdownItem=ul,xe.BDDropzone=pl,xe.BDForm=rl,xe.BDFormCheckbox=sl,xe.BDFormInput=el,xe.BDFormInvalidFeedback=fo,xe.BDFormSelect=il,xe.BDInputGroup=tl,xe.BDLink=ao,xe.BDLogo=Ka,xe.BDMarkdownEditor=Yd,xe.BDModal=Qd,xe.BDPagination=ol,xe.BDProfileImage=Ji,xe.BDRow=ja,xe.BDToast=cl,xe.BDUser=Xd,xe.BDZoomslider=Za,xe.IconAttachment=Er,xe.IconBold=Hi,xe.IconBulletList=Wi,xe.IconCaretLeft=Vi,xe.IconCaretRight=zi,xe.IconCheck=oo,xe.IconClose=$i,xe.IconError=io,xe.IconFile=Fi,xe.IconHyperlink=Gi,xe.IconInfo=so,xe.IconItalic=Ui,xe.IconOrderedList=Ki,xe.IconRemove=Bi,xe.IconUnderline=ji,xe.default=pb,Object.defineProperties(xe,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/dist/scss/component-library-styling.scss

@@ -1,4 +1,4 @@
-@import "../../node_modules/bootstrap/scss/bootstrap";
+@import "bootstrap/scss/mixins.scss";
 @import "mixins";
 @import "base";
 @import "button";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@beterdichtbij/component-library",
   "private": false,
-  "version": "0.11.4",
+  "version": "0.11.5",
   "author": "Ralph van der Neut <rvanderneut@beterdichtbij.nl>",
   "type": "module",
   "files": [
@@ -21,8 +21,8 @@
       }
     },
     "./dist/bd-component-lib.css": {
-      "import": "./dist/bd-component-lib.css",
-      "require": "./dist/bd-component-lib.css"
+      "import": "./dist/scss/component-library-styling.scss",
+      "require": "./dist/scss/component-library-styling.scss"
     }
   },
   "types": "./dist/main.d.ts",