https://ki.oracom.de/_nuxt/DRm0WZIU.js

1const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./fl6ifee7.js","./3IBV6Oo9.js","./entry.DdbkRzaT.css"])))=>i.map(i=>d[i]);
2import{w as F,U as W,aX as X,r as V,T as H,f as B,a as j,al as J,J as te,_ as ne,h as ae,a9 as le,o as y,c as S,z as g,W as P,aa as re,H as oe,I as z,ae as U,X as $,Q as se,S as ie,am as ue,aC as de,aG as ce,aH as fe,N as R,ab as he}from"./3IBV6Oo9.js";import{u as ge}from"./BHxz24fj.js";import me from"./DVs9X_Lt.js";import pe from"./BoJB1kY2.js";import"./Bj2jHKPw.js";function ve(e){function m(t){if(t.nodeType===Node.TEXT_NODE)return(t.textContent||"").replace(/\u200B/g,"");if(t.nodeType===Node.ELEMENT_NODE){const n=t;if(n.classList.contains("template-tag-wrapper"))return`{{${n.dataset.placeholder}}}`;if(n.tagName==="BR")return`
3`;if(n.tagName==="DIV"||n.tagName==="P"){let a="";return Array.from(n.childNodes).forEach(l=>{a+=m(l)}),a.endsWith(`
4`)?a:a+`
5`}else{let a="";return Array.from(n.childNodes).forEach(l=>{a+=m(l)}),a}}return""}function L(){if(!e.value)return"";let t="";return Array.from(e.value.childNodes).forEach(n=>{t+=m(n)}),t.replace(/\n$/,"")}function N(t,n){if(!e.value||!e.value.contains(t))return null;const a=document.createRange();a.selectNodeContents(e.value),a.setEnd(t,n);const l=document.createElement("div");l.appendChild(a.cloneContents());let c=0;return Array.from(l.childNodes).forEach(O=>{c+=m(O).length}),c}function b(){const t=window.getSelection();if(!t||t.rangeCount===0)return null;const n=t.getRangeAt(0);return N(n.startContainer,n.startOffset)}function o(){const t=window.getSelection();if(!t||t.rangeCount===0)return null;const n=t.getRangeAt(0),a=N(n.startContainer,n.startOffset),l=N(n.endContainer,n.endOffset);return a===null||l===null?null:[a,l]}function x(t){if(!e.value)return;const n=window.getSelection();if(!n)return;let a=0,l=null,c=0;function O(r){if(r.nodeType===Node.TEXT_NODE){const i=(r.textContent||"").replace(/\u200B/g,"").length;if(a+i>t)return l=r,c=t-a,!0;if(a+i===t){const p=r.nextSibling;return p&&p.nodeType===Node.TEXT_NODE?(l=p,c=0,!0):(l=r,c=r.textContent?.length||0,!0)}a+=i}else if(r.nodeType===Node.ELEMENT_NODE){const s=r;if(s.classList.contains("template-tag-wrapper")){const d=`{{${s.dataset.placeholder}}}`.length;if(a+d>t){const v=s.nextSibling;return v&&v.nodeType===Node.TEXT_NODE?(l=v,c=0):(l=s.parentNode,c=Array.from(s.parentNode?.childNodes||[]).indexOf(s)+1),!0}else if(a+d===t){const v=s.nextSibling;return v&&v.nodeType===Node.TEXT_NODE?(l=v,c=0):(l=s.parentNode,c=Array.from(s.parentNode?.childNodes||[]).indexOf(s)+1),!0}a+=d}else for(const i of Array.from(s.childNodes))if(O(i))return!0}return!1}for(const r of Array.from(e.value.childNodes))if(O(r))break;if(!l&&e.value.lastChild&&(l=e.value.lastChild,l.nodeType===Node.TEXT_NODE?c=l.textContent?.length||0:(l=e.value,c=e.value.childNodes.length)),l&&e.value)try{const r=document.createRange(),s=l,i=s.nodeType===Node.TEXT_NODE?s.textContent?.length||0:s.childNodes?.length||0;r.setStart(s,Math.min(c,i)),r.collapse(!0),n.removeAllRanges(),n.addRange(r)}catch{if(e.value){const r=document.createRange();r.selectNodeContents(e.value),r.collapse(!1),n.removeAllRanges(),n.addRange(r)}}}return{getCursorOffset:b,getSelectionOffsets:o,setCursorOffset:x,extractText:L}}function K(e,m){return e&&(e.displayText||e.label)||m}function xe(e){const{editorRef:m,modelValue:L,placeholders:N,isFocused:b,getCursorOffset:o,setCursorOffset:x}=e,t=V(!1),n=V(null),a=V([]),l=te();function c(i,p){const d=document.createElement("span");d.contentEditable="false",d.dataset.placeholder=i,d.className="template-tag-wrapper";const v=j(J,{variant:"context",label:p,showIndicator:!1,padding:"auto"});return l&&(v.appContext=l.appContext),X(v,d),a.value.push(d),d}function O(){a.value.forEach(i=>{X(null,i)}),a.value=[]}function r(){if(!m.value||t.value)return;t.value=!0;const i=n.value??o();n.value=null,O();const p=L.value,d=document.createDocumentFragment(),v=/\{\{(\w+)\}\}/g;let k=0,C;for(;(C=v.exec(p))!==null;){C.index>k&&d.appendChild(document.createTextNode(p.substring(k,C.index)));const E=C[1];if(!E)continue;const T=N.value.find(D=>D.key===E);if(T){p[C.index-1]===`
6`&&d.appendChild(document.createTextNode("​"));const D=K(T,E),I=c(E,D);d.appendChild(I),d.appendChild(document.createTextNode("​"))}else d.appendChild(document.createTextNode(C[0]));k=C.index+C[0].length}if(k<p.length&&d.appendChild(document.createTextNode(p.substring(k))),d.childNodes.length===0&&d.appendChild(document.createTextNode("​")),m.value.innerHTML="",m.value.a

6ppendChild(d),i!==null)x(i);else if(b.value){const E=window.getSelection();if(E)try{const T=document.createRange();T.selectNodeContents(m.value),T.collapse(!1),E.removeAllRanges(),E.addRange(T)}catch{}}t.value=!1}F(L,()=>{H(()=>r())},{immediate:!0});const s=B(()=>JSON.stringify(N.value.map(i=>[i.key,i.label,i.displayText??""])));return F(s,()=>{H(()=>r())},{immediate:!0}),W(()=>{O()}),{isRendering:t,pendingCursorOffset:n}}const ye={class:"template-tag-input"},Ce=["id","data-test","data-placeholder"],Te={key:3,class:"flex justify-between mt-2"},Ne=["data-test"],Ee=["data-test"],be={key:2},Oe={key:4,class:"placeholder-buttons gap-2 mt-2"},we=Object.assign({inheritAttrs:!1},{__name:"TemplateTagInput",props:{modelValue:{type:String,required:!0},label:{type:String,required:!1,default:""},infoText:{type:String,required:!1},placeholder:{type:String,required:!1,default:""},placeholders:{type:Array,required:!0},isRequired:{type:Boolean,required:!1,default:!1},isInvalid:{type:Boolean,required:!1,default:!1},errorMessage:{type:String,required:!1,default:""},maxLength:{type:Number,required:!1,default:void 0},showCharCounter:{type:Boolean,required:!1,default:!1},charCounterThreshold:{type:Number,required:!1,default:0},richText:{type:Boolean,required:!1,default:!0},height:{type:String,required:!1,default:"200px"}},emits:["update:modelValue","focus","blur"],setup(e,{emit:m}){const L=ce(()=>fe(()=>import("./fl6ifee7.js"),__vite__mapDeps([0,1,2]),import.meta.url)),N=V(!1);ae(()=>{N.value=!0});const b=le(),o=e,x=m,t=V(null),n=de(),a=V(null);function l(u){a.value=he(u)}const c=B(()=>o.richText?a.value!==null:t.value!==null),O=B(()=>o.placeholders.length===0?[]:[{rule:/\{\{(\w+)\}\}/,toDOM:u=>{const f=u.slice(2,-2),h=o.placeholders.find(q=>q.key===f),A=K(h,f),w=document.createElement("span");return w.className="template-tag-widget",w.dataset.placeholder=f,w.textContent=A,w}}]),r=V(!1),s=V(null),{getCursorOffset:i,getSelectionOffsets:p,setCursorOffset:d,extractText:v}=ve(t),{isRendering:k,pendingCursorOffset:C}=xe({editorRef:t,modelValue:R(o,"modelValue"),placeholders:R(o,"placeholders"),isFocused:r,getCursorOffset:i,setCursorOffset:d}),{textLength:E,isOverLimit:T,shouldShowCounter:D}=ge({modelValue:R(o,"modelValue"),maxLength:R(o,"maxLength"),showCharCounter:R(o,"showCharCounter"),charCounterThreshold:R(o,"charCounterThreshold")}),I=B(()=>["editor",{"editor--invalid":o.isInvalid||T.value},{"editor--focused":r.value},{"editor--empty":!o.modelValue&&!r.value}]);function G(u){if(!c.value)return;

6if(o.richText){const w=a.value,[q,ee]=w.getSelection();w.replaceSelection(`{{${u}}}`,q,ee);return}const f=`{{${u}}}`,h=s.value??o.modelValue.length,A=o.modelValue.slice(0,h)+f+o.modelValue.slice(h);C.value=h+f.length,x("update:modelValue",A)}function Q(){if(k.value)return;const u=v();u!==o.modelValue&&x("update:modelValue",u)}function Z(u){u.preventDefault();const f=u.clipboardData?.getData("text/plain")||"";if(!f)return;const h=p(),[A,w]=h??[o.modelValue.length,o.modelValue.length],q=o.modelValue.slice(0,A)+f+o.modelValue.slice(w);C.value=A+f.length,x("update:modelValue",q)}function Y(u){r.value=!0,x("focus",u)}function _(u){s.value=i(),r.value=!1,x("blur",u)}function M(){if(k.value||!t.value||document.activeElement!==t.value)return;const u=i();u!==null&&(s.value=u)}return F(()=>o.richText,u=>{document.removeEventListener("selectionchange",M),u||document.addEventListener("selectionchange",M)},{immediate:!0}),W(()=>{document.removeEventListener("selectionchange",M),a.value=null}),(u,f)=>(y(),S("div",ye,[j(pe,{label:e.label,"is-required":e.isRequired,"info-text":e.infoText,"input-id":g(n),"label-class":"text-body text-[var(--color-tertiary)] leading-none font-bold mt-[var(--spacing-lg)]"},null,8,["label","is-required","info-text","input-id"]),e.richText&&N.value?(y(),P(g(L),re({key:0},u.$attrs,{"model-value":e.modelValue,"editor-id":g(n),height:e.height,"is-disabled":!1,"is-invalid":e.isInvalid,placeholder:e.placeholder,"widget-rules":O.value,"aria-label":e.label||void 0,"onUpdate:modelValue":f[0]||(f[0]=h=>x("update:modelValue",h)),onReady:l,onFocus:f[1]||(f[1]=h=>x("focus",h)),onBlur:f[2]||(f[2]=h=>x("blur",h))}),null,16,["model-value","editor-id","height","is-invalid","placeholder","widget-rules","aria-label"])):e.richText&&!N.value?(y(),S("div",{key:1,class:"bg-base-100",style:oe({height:e.height})},null,4)):(y(),S("div",{key:2,id:g(n),ref_key:"editorRef",ref:t,contenteditable:"true",class:z(I.value),"data-test":g(b)["data-test"],"data-placeholder":e.placeholder,onInput:Q,onPaste:Z,onFocus:Y,onBlur:_},null,42,Ce)),e.isInvalid&&e.errorMessage||g(T)||e.showCharCounter&&g(D)?(y(),S("div",Te,[g(T)?(y(),S("div",{key:0,class:"error-message","data-test":g(b)["data-test"]?`${g(b)["data-test"]}-error`:void 0}," Höchstens "+U(e.maxLength)+" Zeichen erlaubt. ",9,Ne)):e.isInvalid&&e.errorMessage?(y(),S("div",{key:1,class:"error-message","data-test":g(b)["data-test"]?`${g(b)["data-test"]}-error`:void 0},U(e.errorMessage),9,Ee)):(y(),S("div",be)),e.showCharCounter&&g(D)?(y(),P(me,{key:3,"current-length":g(E),"max-length":e.maxLength,"is-over-limit":g(T)},null,8,["current-length","max-length","is-over-limit"])):$("",!0)])):$("",!0),e.placeholders.length>0?(y(),S("div",Oe,[(y(!0),S(se,null,ie(e.placeholders,h=>(y(),P(J,{key:h.key,"data-test":`placeholder-tag-${h.key}`,variant:"context",label:h.label,hover:c.value,"show-indicator":!1,class:z({"placeholder-tag--disabled":!c.value}),onMousedown:f[3]||(f[3]=ue(()=>{},["prevent"])),onClick:A=>G(h.key)},null,8,["data-test","label","hover","class","onClick"]))),128))])):$("",!0)]))}}),De=ne(we,[["__scopeId","data-v-352a8b99"]]);export{De as default};