@discue/ui-components
Version:
The themeable open source Vue.js UI component library of discue.io
2 lines (1 loc) • 45.8 kB
JavaScript
(function(y,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("vue-router")):typeof define=="function"&&define.amd?define(["exports","vue","vue-router"],e):(y=typeof globalThis<"u"?globalThis:y||self,e(y["discue/ui-components"]={},y.Vue,y.vueRouter))})(this,function(y,e,F){"use strict";const D="backToTop.color.default",M="formElement.borderSize.default",A="formElement.borderColor.default",U="formElement.borderColor.active",H="formElement.borderColor.attention",q="formElement.borderRingSize.default",P="formElement.borderRingColor.default",j="formElementLabel.size.default",G="formElementLabel.color.default",W="formElementLabel.color.attention",Z="formElementLabel.background.default",K="formElementLabel.weight.default",X="formElementHint.size.default",Y="formElementHint.color.default",J="formElementHint.weight.default",Q="formElementError.size.default",v="formElementError.color.default",ee="formElementError.color.hint",te="formElementError.weight.default",Ve="text.size.default",Ie="text.size.small",ze="text.size.large",$e="text.size.xlarge",N="text.color.default",Fe="text.color.light",De="text.color.highlight",Me="text.weight.default",Ae="text.weight.highlight",S="formElementInput.fontWeight.default",R="formElementInput.textSize.default",oe="formElementInput.caretColor.default",ne="formElementInput.textColor.default",le="formElementInput.backgroundColor.default",re="formElementInput.placeholderColor.default",ae="formElementSelect.fontWeight.default",V="formElementSelect.textSize.default",se="formElementSelect.textColor.default",Ue="formElementRadio.fontWeight.default",ie="formElementRadio.textSize.default",I="formElementRadio.textColor.default",ce="formElementRadio.textColor.disabled",de="button.background.default",ue="button.background.attention",fe="button.background.secondary",me="button.background.inherit",He="button.borderColor.default",pe="button.borderColor.secondary",he="button.borderColor.attention",Ee="button.borderColor.inverted",ge="button.color.default",ye="button.color.attention",be="button.color.secondary",_e="button.color.light",qe="button.color.highlight",Pe="button.color.inherit",ke="button.size.default",we="button.size.small",Te="button.weight.default",je="link.size.default",Ge="link.size.small",We="link.size.large",Ze="link.color.default",Ke="link.color.attention",Xe="link.color.secondary",Ye="link.color.light",Je="link.color.highlight",Qe="link.color.inherit",ve="link.border.default",et="link.border.attention",tt="link.border.secondary",ot="link.weight.default",z=e.ref("text-lg"),$=e.ref("font-medium placeholder:font-normal"),xe={backToTop:{color:{default:e.ref("text-gray-900 dark:text-primary-500")}},formElement:{borderSize:{default:e.ref("border-2")},borderColor:{default:e.ref("border-gray-500"),active:e.ref("border-gray-800 dark:border-gray-500"),attention:e.ref("border-attention-800")},borderRingSize:{default:e.ref("hover:ring-2")},borderRingColor:{default:e.ref("hover:ring-primary-500")}},formElementLabel:{size:{default:e.ref("text-md")},color:{default:e.ref("text-gray-800 dark:text-gray-400"),attention:e.ref("text-attention-800")},background:{default:e.ref("bg-inherit dark:bg-gray-800")},weight:{default:e.ref("font-bold")}},formElementHint:{size:{default:e.ref("text-xs")},color:{default:e.ref("text-gray-400")},weight:{default:e.ref("font-medium")}},formElementError:{size:{default:e.ref("text-xs")},color:{default:e.ref("text-attention-800"),hint:e.ref("text-gray-800")},weight:{default:e.ref("font-medium")}},text:{size:{default:e.ref("text-md"),small:e.ref("text-sm"),large:e.ref("text-lg"),xlarge:e.ref("text-xl")},color:{default:e.ref("text-gray-900 dark:text-gray-500"),light:e.ref("text-gray-100 dark:text-gray-900"),highlight:e.ref("text-gray-900 dark:text-gray-500")},weight:{default:e.ref("font-base"),highlight:e.ref("font-medium")}},formElementInput:{fontWeight:{default:$},textSize:{default:z},caretColor:{default:e.ref("caret-gray-900 dark:text-gray-400")},textColor:{default:e.ref("text-gray-900 dark:text-gray-500")},backgroundColor:{default:e.ref("bg-inherit")},placeholderColor:{default:e.ref("placeholder:text-gray-500 dark:placeholder:text-gray-700")}},formElementSelect:{fontWeight:{default:$},textSize:{default:z},textColor:{default:e.ref("text-gray-900 dark:text-gray-400")}},formElementRadio:{fontWeight:{default:$},textSize:{default:z},textColor:{default:e.ref("text-gray-900 dark:text-gray-500"),disabled:e.ref("text-gray-500 dark:text-gray-800")}},button:{background:{default:e.ref("bg-gray-900 dark:bg-gray-800"),attention:e.ref("bg-attention-800"),secondary:e.ref("bg-gray-500"),inherit:e.ref("bg-inherit")},borderColor:{default:e.ref(),secondary:e.ref("hover:border-gray-500"),attention:e.ref("hover:border-attention-800"),inverted:e.ref("hover:border-gray-900")},color:{default:e.ref("text-gray-900"),attention:e.ref("text-attention-800"),secondary:e.ref("text-gray-500"),light:e.ref("text-gray-100"),highlight:e.ref("text-gray-900"),inherit:e.ref("text-inherit")},size:{default:e.ref("text-xl"),small:e.ref("text-md")},weight:{default:e.ref("font-bold")}},link:{size:{default:e.ref("text-xl"),small:e.ref("text-md"),large:e.ref("text-2xl")},color:{default:e.ref("text-gray-900 dark:text-gray-300"),attention:e.ref("text-attention-800"),secondary:e.ref("text-gray-500"),light:e.ref("text-gray-100 dark:text-gray-200"),highlight:e.ref("text-gray-900"),inherit:e.ref("text-inherit")},border:{default:e.ref("hover:border-gray-900 dark:hover:border-gray-400"),attention:e.ref("hover:border-attention-500"),secondary:e.ref("hover:border-gray-500")},weight:{default:e.ref("font-bold")}}};function Be(t){return t.split(".").reduce((o,a)=>o[a],xe)}const Ce=function(t,n){const o=Be(t);if(!o)throw new Error(`Could not find a theme property with key ${t}. Does property exist?`);o.value=n},nt=function(t,n){n&&Object.entries(n).forEach(([o,a])=>{Ce(o,a)})},r=function(t){return Be(t)},lt=Object.freeze(Object.defineProperty({__proto__:null,BACK_TO_TOP_COLOR_DEFAULT:D,BUTTON_BACKGROUND_ATTENTION:ue,BUTTON_BACKGROUND_DEFAULT:de,BUTTON_BACKGROUND_INHERIT:me,BUTTON_BACKGROUND_SECONDARY:fe,BUTTON_BORDER_COLOR_ATTENTION:he,BUTTON_BORDER_COLOR_DEFAULT:He,BUTTON_BORDER_COLOR_INVERTED:Ee,BUTTON_BORDER_COLOR_SECONDARY:pe,BUTTON_COLOR_ATTENTION:ye,BUTTON_COLOR_DEFAULT:ge,BUTTON_COLOR_HIGHLIGHT:qe,BUTTON_COLOR_INHERIT:Pe,BUTTON_COLOR_LIGHT:_e,BUTTON_COLOR_SECONDARY:be,BUTTON_SIZE_DEFAULT:ke,BUTTON_SIZE_SMALL:we,BUTTON_WEIGHT_DEFAULT:Te,FORM_ELEMENT_BORDER_COLOR_ACTIVE:U,FORM_ELEMENT_BORDER_COLOR_ATTENTION:H,FORM_ELEMENT_BORDER_COLOR_DEFAULT:A,FORM_ELEMENT_BORDER_RING_COLOR_DEFAULT:P,FORM_ELEMENT_BORDER_RING_SIZE_DEFAULT:q,FORM_ELEMENT_BORDER_SIZE_DEFAULT:M,FORM_ELEMENT_ERROR_COLOR_DEFAULT:v,FORM_ELEMENT_ERROR_COLOR_HINT:ee,FORM_ELEMENT_ERROR_SIZE_DEFAULT:Q,FORM_ELEMENT_ERROR_WEIGHT_DEFAULT:te,FORM_ELEMENT_HINT_COLOR_DEFAULT:Y,FORM_ELEMENT_HINT_SIZE_DEFAULT:X,FORM_ELEMENT_HINT_WEIGHT_DEFAULT:J,FORM_ELEMENT_INPUT_BACKGROUND_COLOR_DEFAULT:le,FORM_ELEMENT_INPUT_CARET_COLOR_DEFAULT:oe,FORM_ELEMENT_INPUT_FONT_WEIGHT_DEFAULT:S,FORM_ELEMENT_INPUT_PLACEHOLDER_COLOR_DEFAULT:re,FORM_ELEMENT_INPUT_TEXT_COLOR_DEFAULT:ne,FORM_ELEMENT_INPUT_TEXT_SIZE_DEFAULT:R,FORM_ELEMENT_LABEL_BACKGROUND_DEFAULT:Z,FORM_ELEMENT_LABEL_COLOR_ATTENTION:W,FORM_ELEMENT_LABEL_COLOR_DEFAULT:G,FORM_ELEMENT_LABEL_SIZE_DEFAULT:j,FORM_ELEMENT_LABEL_WEIGHT_DEFAULT:K,FORM_ELEMENT_RADIO_FONT_WEIGHT_DEFAULT:Ue,FORM_ELEMENT_RADIO_TEXT_COLOR_DEFAULT:I,FORM_ELEMENT_RADIO_TEXT_COLOR_DISABLED:ce,FORM_ELEMENT_RADIO_TEXT_SIZE_DEFAULT:ie,FORM_ELEMENT_SELECT_FONT_WEIGHT_DEFAULT:ae,FORM_ELEMENT_SELECT_TEXT_COLOR_DEFAULT:se,FORM_ELEMENT_SELECT_TEXT_SIZE_DEFAULT:V,LINK_BORDER_ATTENTION:et,LINK_BORDER_DEFAULT:ve,LINK_BORDER_SECONDARY:tt,LINK_COLOR_ATTENTION:Ke,LINK_COLOR_DEFAULT:Ze,LINK_COLOR_HIGHLIGHT:Je,LINK_COLOR_INHERIT:Qe,LINK_COLOR_LIGHT:Ye,LINK_COLOR_SECONDARY:Xe,LINK_SIZE_DEFAULT:je,LINK_SIZE_LARGE:We,LINK_SIZE_SMALL:Ge,LINK_WEIGHT_DEFAULT:ot,TEXT_COLOR_DEFAULT:N,TEXT_COLOR_HIGHLIGHT:De,TEXT_COLOR_LIGHT:Fe,TEXT_SIZE_DEFAULT:Ve,TEXT_SIZE_LARGE:ze,TEXT_SIZE_SMALL:Ie,TEXT_SIZE_XLARGE:$e,TEXT_WEIGHT_DEFAULT:Me,TEXT_WEIGHT_HIGHLIGHT:Ae,getTheme:function(){return xe},getThemeProperty:r,install:nt,update:Ce},Symbol.toStringTag,{value:"Module"}));function rt(t,n){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor","aria-hidden":"true","data-slot":"icon"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"m4.5 15.75 7.5-7.5 7.5 7.5"})])}function at(t,n){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor","aria-hidden":"true","data-slot":"icon"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M11.35 3.836c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75 2.25 2.25 0 0 0-.1-.664m-5.8 0A2.251 2.251 0 0 1 13.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m8.9-4.414c.376.023.75.05 1.124.08 1.131.094 1.976 1.057 1.976 2.192V16.5A2.25 2.25 0 0 1 18 18.75h-2.25m-7.5-10.5H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V18.75m-7.5-10.5h6.375c.621 0 1.125.504 1.125 1.125v9.375m-8.25-3 1.5 1.5 3-3.75"})])}function st(t,n){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor","aria-hidden":"true","data-slot":"icon"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M15.666 3.888A2.25 2.25 0 0 0 13.5 2.25h-3c-1.03 0-1.9.693-2.166 1.638m7.332 0c.055.194.084.4.084.612v0a.75.75 0 0 1-.75.75H9a.75.75 0 0 1-.75-.75v0c0-.212.03-.418.084-.612m7.332 0c.646.049 1.288.11 1.927.184 1.1.128 1.907 1.077 1.907 2.185V19.5a2.25 2.25 0 0 1-2.25 2.25H6.75A2.25 2.25 0 0 1 4.5 19.5V6.257c0-1.108.806-2.057 1.907-2.185a48.208 48.208 0 0 1 1.927-.184"})])}function it(t,n,o){var a,c,s;o===void 0&&(o={});var m=(a=o.isImmediate)!=null&&a,f=(c=o.callback)!=null&&c,p=o.maxWait,g=Date.now(),k=[];function _(){if(p!==void 0){var i=Date.now()-g;if(i+n>=p)return p-i}return n}var u=function(){var i=[].slice.call(arguments),l=this;return new Promise(function(d,h){var w=m&&s===void 0;if(s!==void 0&&clearTimeout(s),s=setTimeout(function(){if(s=void 0,g=Date.now(),!m){var E=t.apply(l,i);f&&f(E),k.forEach(function(x){return(0,x.resolve)(E)}),k=[]}},_()),w){var b=t.apply(l,i);return f&&f(b),d(b)}k.push({resolve:d,reject:h})})};return u.cancel=function(i){s!==void 0&&clearTimeout(s),k.forEach(function(l){return(0,l.reject)(i)}),k=[]},u}const ct={__name:"back-to-top",props:{offset:{type:Number,default:300}},setup(t){const n=t,o=e.computed(()=>`dsq-back-to-top bg-inherit -m-2 ${r(D).value}`),a=e.ref(0),c=e.computed(()=>a.value>n.offset),s=it(()=>{a.value=m()},100),m=()=>window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0,f=()=>{window.scrollTo({top:0,behavior:"smooth"})};return e.onMounted(()=>{a.value=m(),window.addEventListener("scroll",()=>s())}),(p,g)=>(e.openBlock(),e.createBlock(e.Transition,{name:"dsq-back-to-top"},{default:e.withCtx(()=>[c.value?(e.openBlock(),e.createElementBlock("button",{key:0,class:e.normalizeClass(o.value),onClick:f},[e.createVNode(e.unref(rt),{class:"w-12 h-12"})],2)):e.createCommentVNode("",!0)]),_:1}))}},dt={class:"absolute right-4"},ut={class:"w-6 h-6",fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",viewBox:"0 0 24 24"},ft={__name:"banner",props:{show:{type:Boolean,default:!1},parent:{type:String,required:!0},bottom:{type:Boolean,default:!1},closeButtonTitle:{type:String,default:"Close"}},emits:["open","close"],setup(t,{emit:n}){const o=n,a=t,c=e.ref(!1),s=e.computed(()=>a.show?!c.value&&a.show:!1),m=e.computed(()=>{let p="pl-3 py-3 pr-12 w-full bg-lime-300 flex items-center justify-center font-medium shadow-sm ";return a.bottom?p+="bottom-0 ":p+="top-0 ",a.parent?p+="fixed z-50":p+="absolute z-10",p}),f=()=>{c.value=!0};return e.watchEffect(()=>{s.value?o("open"):o("close")}),(p,g)=>(e.openBlock(),e.createBlock(e.Teleport,{class:"w-full relative",disabled:!t.parent,to:t.parent},[s.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["dsq-banner",m.value])},[e.renderSlot(p.$slots,"default"),e.createElementVNode("div",dt,[e.createElementVNode("button",{class:"p-1 rounded-full hover:shadow-sm cursor-pointer flex items-center justify-center text-gray-900 hover:text-lime-300 bg-inherit hover:bg-gray-900",type:"button",onClick:f},[(e.openBlock(),e.createElementBlock("svg",ut,[e.createElementVNode("title",null,e.toDisplayString(t.closeButtonTitle),1),g[0]||(g[0]=e.createElementVNode("path",{d:"M6 18L18 6M6 6l12 12"},null,-1))]))])])],2)):e.createCommentVNode("",!0)],8,["disabled","to"]))}};function mt(t,n){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor","aria-hidden":"true","data-slot":"icon"},[e.createElementVNode("path",{"fill-rule":"evenodd",d:"M6.22 4.22a.75.75 0 0 1 1.06 0l3.25 3.25a.75.75 0 0 1 0 1.06l-3.25 3.25a.75.75 0 0 1-1.06-1.06L8.94 8 6.22 5.28a.75.75 0 0 1 0-1.06Z","clip-rule":"evenodd"})])}function pt(t,n){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor","aria-hidden":"true","data-slot":"icon"},[e.createElementVNode("path",{d:"M8.543 2.232a.75.75 0 0 0-1.085 0l-5.25 5.5A.75.75 0 0 0 2.75 9H4v4a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1v-1a1 1 0 1 1 2 0v1a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1V9h1.25a.75.75 0 0 0 .543-1.268l-5.25-5.5Z"})])}function ht(t,n){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor","aria-hidden":"true","data-slot":"icon"},[e.createElementVNode("path",{"fill-rule":"evenodd",d:"M3.05 3.05a7 7 0 1 1 9.9 9.9 7 7 0 0 1-9.9-9.9Zm1.627.566 7.707 7.707a5.501 5.501 0 0 0-7.707-7.707Zm6.646 8.768L3.616 4.677a5.501 5.501 0 0 0 7.707 7.707Z","clip-rule":"evenodd"})])}const Et=["href","rel","target"],Ne={__name:"nav-link",props:{href:{type:String,required:!0},invert:{type:Boolean,default:!1},inheritColor:{type:Boolean,default:!1},small:{type:Boolean,default:!1},secondary:{type:Boolean,default:!1},attention:{type:Boolean,default:!1},target:{type:String},light:{type:Boolean,default:!1},window:{type:Object,__hideInPreview:!0}},setup(t){const n=F.useRouter(),o=t,a=e.computed(()=>o.small?r("link.size.small").value:r("link.size.default").value),c=e.computed(()=>o.inheritColor?"":o.invert?r("link.color.light").value:o.secondary?r("link.color.secondary").value:o.attention?r("link.color.attention").value:r("link.color.default").value),s=e.computed(()=>o.secondary?r("link.border.secondary").value:o.attention?r("link.border.attention").value:r("link.border.default").value),m=e.computed(()=>o.invert?o.secondary?r("button.background.secondary").value:o.attention?r("button.background.attention").value:r("button.background.default").value:""),f=e.computed(()=>o.light?"":r("link.weight.default").value),p=e.computed(()=>o.small?"hover:border-b-2":"hover:border-b-4"),g=e.computed(()=>{const b=["no-underline!"];return u.value&&b.push("external-link-icon"),o.invert?b.push(`p-3 ${c.value} ${s.value} ${a.value} ${m.value} ${f.value} hover:shadow-md rounded-lg transform transition-transform hover:-translate-y-1`):b.push(`${a.value} ${c.value} ${s.value} animate ${f.value} ${p.value} cursor-pointer`),b.join(" ")}),k=e.computed(()=>o.href[0]==="/"||o.href.indexOf(".")===-1),_=e.computed(()=>{const{hostname:b}=(o.window??window).location;return b}),u=e.computed(()=>{const b=_.value.split(".").slice(-2).join(".");return!o.href.includes(b)&&!k.value}),i=e.computed(()=>k.value||o.href.includes(`/${_.value}/`)),l=e.computed(()=>o.href.includes("#")),d=e.computed(()=>u.value?"noopener noreferrer":""),h=e.computed(()=>o.target?o.target:u.value?"_blank":"_self");function w(b){if(l.value&&i.value){const E=o.href.substring(o.href.indexOf("#")),x=window.document.querySelector(E);if(x){x.scrollTo({behavior:"smooth"});return}}k.value&&(b.preventDefault(),b.stopImmediatePropagation(),n.push(o.href))}return(b,E)=>(e.openBlock(),e.createElementBlock("a",{class:e.normalizeClass(["dsq-nav-link",g.value]),href:t.href,rel:d.value,target:h.value,onClick:E[0]||(E[0]=x=>w(x))},[e.renderSlot(b.$slots,"default")],10,Et))}},T={__name:"text",props:{highlight:{type:Boolean,default:!1},light:{type:Boolean,default:!1},small:{type:Boolean,default:!1},large:{type:Boolean,default:!1},extraLarge:{type:Boolean,default:!1},inheritColor:{type:Boolean,default:!1},inheritFontSize:{type:Boolean,default:!1}},setup(t){const n=t,o=e.computed(()=>n.highlight?r("text.weight.highlight").value:r("text.weight.default").value),a=e.computed(()=>n.inheritColor?"":n.light?r("text.color.light").value:n.highlight?r("text.color.highlight").value:r("text.color.default").value),c=e.computed(()=>n.inheritFontSize?"":n.small?r("text.size.small").value:n.large?r("text.size.large").value:n.extraLarge?r("text.size.xlarge").value:r("text.size.default").value),s=e.computed(()=>`${c.value} ${o.value} ${a.value}`);return(m,f)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(["dsq-text",s.value])},[e.renderSlot(m.$slots,"default")],2))}},gt={"aria-label":"Breadcrumb",class:"dsq-breadcrumbs flex bg-inherit"},yt={class:"inline-flex items-center space-x-1 md:space-x-3 rtl:space-x-reverse"},bt={class:"flex items-center"},_t={key:3,class:"ms-1 md:ms-2 font-medium text-gray-500 dark:text-gray-700"},kt={__name:"breadcrumbs",props:{crumbs:{type:Array,required:!0,validator(t){return t.every(n=>typeof n.name=="string"&&(n.path===void 0||n.path.startsWith("/")))}}},setup(t){const n=t;function o(a){return a<n.crumbs.length-1}return(a,c)=>(e.openBlock(),e.createElementBlock("nav",gt,[e.createElementVNode("ol",yt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.crumbs,(s,m)=>(e.openBlock(),e.createElementBlock("li",{key:m,class:"inline-flex items-center"},[e.createElementVNode("div",bt,[m===0?(e.openBlock(),e.createBlock(e.unref(pt),{key:0,class:"w-5 h-5 mr-1 text-gray-500 dark:text-gray-700 mr-2"})):(e.openBlock(),e.createBlock(e.unref(mt),{key:1,class:"w-6 h-6 mr-1 text-gray-500 dark:text-gray-700"})),s.path?(e.openBlock(),e.createBlock(Ne,{key:2,class:"ms-1 md:ms-2 text-gray-500 dark:text-gray-700 font-medium",href:s.path,"inherit-color":!0,light:o(m),small:!0},{default:e.withCtx(()=>[e.createVNode(T,{"inherit-color":!0,small:!0},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(s.name),1)]),_:2},1024)]),_:2},1032,["href","light"])):(e.openBlock(),e.createElementBlock("span",_t,[e.createVNode(T,{"inherit-color":!0,light:o(m),small:!0},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(s.name),1)]),_:2},1032,["light"])]))])]))),128))])]))}},wt=["id"],Tt={key:0,class:"component-properties-model-value"},xt={key:1,class:"component-properties-preview"},Bt={class:""},Ct={class:"grid grid-cols-4 pb-4 pl-4 rounded-t-lg border-b-2 border-stone-300"},Nt=["value","onInput"],Lt=["value","onInput"],Ot=["value","onInput"],St={key:2,class:"component-emits-preview"},Rt={class:""},Vt={class:"grid grid-cols-4 pb-4 pl-4 rounded-t-lg border-b-2 border-stone-300"},It={__name:"dynamic-component-display",props:{type:{type:String,required:!0},name:{type:String,required:!0},showProperties:{type:Boolean,default:!0},showEvents:{type:Boolean,default:!0},initialValue:{type:String},attachVModel:{type:Boolean,default:!1}},setup(t){const n=e.useAttrs(),o=t,a=e.ref(o.initialValue),c=e.computed(()=>o.type.toLocaleLowerCase()+"-preview"),s=e.computed(()=>e.getCurrentInstance().appContext.components[o.type].props);function m(u,i,l){return i[u]!=null?i[u]:l}const f=e.computed(()=>{const u=Object.entries(s.value).reduce((i,[l,d])=>(i[l]=m(l,n,d.default),i),{});return s.value.name&&(u.name=m("name",o,s.value.name.default)),e.reactive(u)}),p=e.computed(()=>{let u=s.value;return u||(u={}),Object.entries(u).sort(([i],[l])=>i.localeCompare(l)).reduce((i,[l,d],h)=>{var w,b;return d.__hideInPreview?i:Object.assign(i,e.reactive({[l]:{name:l,type:((w=d.type)==null?void 0:w.prototype.constructor.name)||"unknown",allowInput:((b=d.type)==null?void 0:b.prototype.constructor.name)!=="Function"||!1,default:d.default,index:h}}))},{})}),g=e.computed(()=>e.getCurrentInstance().appContext.components[o.type].emits),k=e.computed(()=>{var u;return((u=g.value)==null?void 0:u.length)>0});function _(u,i){const{value:l}=i.target;u.type==="Boolean"?l==="false"?f.value[u.name]=!1:f.value[u.name]=!!l:u.type==="Array"?f.value[u.name]=JSON.parse(l):u.type==="Number"?f.value[u.name]=Number(l):f.value[u.name]=l}return(u,i)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{id:c.value,class:"component-preview bg-stone-300 dark:bg-gray-800 shadow-inner rounded-lg my-4 py-4 flex flex-col justify-center items-center w-full"},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.type),e.mergeProps(f.value,{modelValue:a.value,"onUpdate:modelValue":i[0]||(i[0]=l=>a.value=l)}),e.createSlots({_:2},[e.renderList(u.$slots,(l,d)=>({name:d,fn:e.withCtx(()=>[e.renderSlot(u.$slots,d)])}))]),1040,["modelValue"]))],8,wt),t.attachVModel?(e.openBlock(),e.createElementBlock("div",Tt,[e.createVNode(T,null,{default:e.withCtx(()=>[i[1]||(i[1]=e.createTextVNode(" Component Value: ")),e.createVNode(T,{highlight:!0},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.value),1)]),_:1})]),_:1})])):e.createCommentVNode("",!0),t.showProperties?(e.openBlock(),e.createElementBlock("div",xt,[i[7]||(i[7]=e.createElementVNode("h3",{class:"text-xl font-medium inline-block"}," Properties ",-1)),e.createElementVNode("div",Bt,[e.createElementVNode("div",Ct,[e.createElementVNode("div",null,[e.createVNode(T,{class:"uppercase",highlight:!0,small:!0},{default:e.withCtx(()=>i[2]||(i[2]=[e.createTextVNode(" Name ")])),_:1})]),e.createElementVNode("div",null,[e.createVNode(T,{class:"uppercase",highlight:!0,small:!0},{default:e.withCtx(()=>i[3]||(i[3]=[e.createTextVNode(" Type ")])),_:1})]),e.createElementVNode("div",null,[e.createVNode(T,{class:"uppercase",highlight:!0,small:!0},{default:e.withCtx(()=>i[4]||(i[4]=[e.createTextVNode(" Default ")])),_:1})]),e.createElementVNode("div",null,[e.createVNode(T,{class:"uppercase",highlight:!0,small:!0},{default:e.withCtx(()=>i[5]||(i[5]=[e.createTextVNode(" Value ")])),_:1})])]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.value,l=>(e.openBlock(),e.createElementBlock("div",{key:l.name,class:"grid grid-cols-4 border-b-2 border-stone-300 border-solid py-4 pl-4"},[e.createElementVNode("div",null,[e.createVNode(T,{class:"",small:!1},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.name),1)]),_:2},1024)]),e.createElementVNode("div",null,[e.createVNode(T,{class:"",small:!1},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.type),1)]),_:2},1024)]),e.createElementVNode("div",null,[e.createVNode(T,{class:"",small:!1},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.default),1)]),_:2},1024)]),e.createElementVNode("div",null,[l.allowInput&&l.type==="Boolean"?(e.openBlock(),e.createElementBlock("select",{key:0,class:"w-24 text-lg",value:f.value[l.name],onInput:d=>_(l,d)},i[6]||(i[6]=[e.createElementVNode("option",{class:"w-24 text-lg"}," true ",-1),e.createElementVNode("option",{class:"w-24 text-lg"}," false ",-1)]),40,Nt)):l.allowInput&&l.type==="Array"?(e.openBlock(),e.createElementBlock("input",{key:1,class:"text-base border-b-2 border-b-solid border-gray-900 w-20",value:JSON.stringify(f.value[l.name]),onInput:d=>_(l,d)},null,40,Lt)):l.allowInput?(e.openBlock(),e.createElementBlock("input",{key:2,class:"text-base border-b-2 border-b-solid border-gray-900 w-20",value:f.value[l.name],onInput:d=>_(l,d)},null,40,Ot)):e.createCommentVNode("",!0)])]))),128))])])):e.createCommentVNode("",!0),k.value&&t.showEvents?(e.openBlock(),e.createElementBlock("div",St,[i[9]||(i[9]=e.createElementVNode("h3",{class:"text-xl font-medium inline-block"}," Emits ",-1)),e.createElementVNode("div",Rt,[e.createElementVNode("div",Vt,[e.createElementVNode("div",null,[e.createVNode(T,{class:"uppercase",highlight:!0,small:!0},{default:e.withCtx(()=>i[8]||(i[8]=[e.createTextVNode(" Event ")])),_:1})])]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(g.value,l=>(e.openBlock(),e.createElementBlock("div",{key:l,class:"grid grid-cols-4 border-b-2 border-stone-300 border-solid py-4 pl-4"},[e.createElementVNode("div",null,[e.createVNode(T,{class:"",small:!1},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l),1)]),_:2},1024)])]))),128))])])):e.createCommentVNode("",!0)],64))}},zt={class:"flex flex-col"},$t={__name:"drop-down-menu-banner-item",props:{show:{type:Boolean,default:!0}},setup(t){return(n,o)=>t.show?(e.openBlock(),e.createElementBlock("li",{key:0,class:"dsq-drop-down-menu-banner-item p-3 rounded-t-md border-b border-gray-400 cursor-default",onClick:o[0]||(o[0]=e.withModifiers(()=>{},["prevent"]))},[e.createElementVNode("div",zt,[e.renderSlot(n.$slots,"default")])])):e.createCommentVNode("",!0)}},Ft={class:"flex items-center text-gray-500 group-hover:text-gray-900"},Dt={__name:"drop-down-menu-item",props:{show:{type:Boolean,default:!0},label:{type:String,required:!0},href:{type:String,required:!0}},setup(t){const n=F.useRouter(),o=t;function a(){o.href&&n.push({path:o.href})}return(c,s)=>t.show?(e.openBlock(),e.createElementBlock("li",{key:0,class:"dsq-drop-down-menu-item flex flex-row items-center hover:bg-gray-300 p-4 font-medium group z-10 cursor-pointer",onClick:e.withModifiers(a,["prevent"])},[e.createElementVNode("div",Ft,[e.renderSlot(c.$slots,"default")]),e.createElementVNode("span",null,e.toDisplayString(t.label),1)])):e.createCommentVNode("",!0)}},Mt=()=>function(t,n){let o=!1,a=0,c=0;function s(){o||(o=!0,clearTimeout(c),t.call(),a=setTimeout(()=>{o=!1},n),c=setTimeout(t,n+5))}return s.clear=function(){clearTimeout(a),clearTimeout(c)},s},Le=(t,n)=>{const o=t.__vccOpts||t;for(const[a,c]of n)o[a]=c;return o},At={class:"text-left text-lg"},Oe="scroll",Ut=Le({__name:"drop-down-menu",props:{show:{type:Boolean,default:!0},calculatePositionDynamically:{type:Boolean,default:!0}},setup(t){const n=t,a=Mt()(p,50);let c=!1;const s=e.ref();e.watch([n,s],p),e.onBeforeUnmount(()=>{c&&window.removeEventListener(Oe,p),a.clear()});function m(){c||(c=!0,window.addEventListener(Oe,a,{passive:!0}))}function f(){c=!1}function p(){if(n.calculatePositionDynamically)n.show&&s.value?(g(),m()):!n.show&&c&&f();else return}function g(){const u=s.value.parentElement.getBoundingClientRect(),{top:i}=u;if(k(u)){const l=s.value;let d=l.getBoundingClientRect();l.style.top=`${i}px`;for(let h=1;k(d)===!1&&h<20;h++)l.style.top=`${i-20*h}px`,d=l.getBoundingClientRect()}}function k(_){return _.top>=0&&_.left>=0&&_.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&_.right<=(window.innerWidth||document.documentElement.clientWidth)}return(_,u)=>(e.openBlock(),e.createBlock(e.Transition,{name:"modal"},{default:e.withCtx(()=>[t.show?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"menu",ref:s,class:"dsq-drop-down-menu bg-gray-50 text-gray-900 fixed shadow-md font-normal rounded-md w-48 border-2 border-gray-200 duration-200 ease-in-out transition"},[e.createElementVNode("ul",At,[e.renderSlot(_.$slots,"default",{},void 0,!0)])],512)):e.createCommentVNode("",!0)]),_:3}))}},[["__scopeId","data-v-b4d166b1"]]),Ht=["id"],Se={__name:"form-element-error-message",props:{id:{type:String,required:!0},invalid:{type:Boolean,default:!1},showErrorAsHint:{type:Boolean,default:!1},description:{type:String}},setup(t){const n=t,o=e.computed(()=>{const a=["dsq-form-element-error-message"];return n.showErrorAsHint?a.push(r(ee).value):a.push(r(v).value),a.push(r(Q).value),a.push(r(te).value),a.join(" ")});return(a,c)=>t.invalid?(e.openBlock(),e.createElementBlock("span",{key:0,id:t.id,class:e.normalizeClass(o.value)},e.toDisplayString(t.description),11,Ht)):e.createCommentVNode("",!0)}},qt=["id"],Pt={__name:"form-elements-container",props:{id:{type:String,required:!0},class:{type:String,required:!0}},setup(t){const n=t,o=e.computed(()=>`flex flex-col space-y-5 ${n.class}`);return(a,c)=>(e.openBlock(),e.createElementBlock("div",{id:t.id},[e.createElementVNode("div",{class:e.normalizeClass(o.value)},[e.renderSlot(a.$slots,"default")],2)],8,qt))}},jt=["id"],Gt={class:"relative flex bg-inherit"},Wt=["for"],L={__name:"form-element-container-with-label",props:{id:{type:String,required:!0},description:{type:String},label:{type:String,required:!0},disabled:{type:Boolean,default:!1},focussed:{type:Boolean,default:!1},focusInputCallback:{type:Function,default:()=>{}},forceShowErrorMessage:{type:Boolean,default:!1},pattern:{type:String},showPatternHint:{type:Boolean,default:!0},format:{type:String},showFormatHint:{type:Boolean,default:!1},inputInvalid:{type:Boolean,default:!1}},setup(t){const n=t,o=e.ref(!1),a=e.ref(!1),c=e.ref(!1),s=e.computed(()=>n.forceShowErrorMessage&&n.inputInvalid||a.value&&n.inputInvalid),m=e.computed(()=>`${n.id}ElementContainer`),f=e.computed(()=>`${n.id}ElementError`),p=e.computed(()=>n.pattern&&n.showPatternHint&&n.focussed&&!g.value),g=e.computed(()=>n.format&&n.showFormatHint&&n.focussed),k=e.computed(()=>o.value||n.focussed),_=e.computed(()=>{const E=["dsq-form-element-container-with-label border-solid bg-inherit flex flex-col rounded-sm"];return E.push([r(M).value]),n.disabled?E.push("cursor-not-allowed"):E.push("cursor-text"),k.value?(E.push(r(U).value),E.push(r(q).value,r(P).value)):s.value?E.push(r(H).value):E.push(r(A).value),E.join(" ")}),u=e.computed(()=>["w-5","top-[0.1rem]"].join(" ")),i=e.computed(()=>{const E=["flex justify-center items-center space-x-1 h-8 px-2 absolute -top-[1.1rem]",r(j).value,r(Z).value,r(K).value];return n.disabled?E.push("cursor-not-allowed","-left-[1.1rem]"):E.push("cursor-text","-left-[0.65rem]"),s.value&&!k.value?E.push(r(W).value):E.push(r(G).value),E.join(" ")}),l=e.computed(()=>["dsq-form-element-hint absolute -top-[.2rem] p-1.5 right-0 leading-7 italic ml-auto transition-opacity duration-200 ease-in",r(Y).value,r(X).value,r(J).value].join(" ")),d=e.watchEffect(()=>{o.value?c.value=!0:c.value&&n.focussed===!1&&(a.value=!0,d())});function h(){o.value=!0}function w(){o.value=!1}function b(E){setTimeout(()=>{n.focusInputCallback(E)})}return(E,x)=>(e.openBlock(),e.createElementBlock("div",{id:m.value,class:e.normalizeClass(_.value),onFocusin:h,onFocusout:w,onMouseleave:w,onMouseover:h},[e.createElementVNode("div",Gt,[e.createElementVNode("div",{class:e.normalizeClass(i.value)},[t.disabled?(e.openBlock(),e.createBlock(e.unref(ht),{key:0,class:e.normalizeClass(u.value)},null,8,["class"])):e.createCommentVNode("",!0),e.createElementVNode("label",{for:t.id,onMousedown:b},e.toDisplayString(t.label),41,Wt)],2),e.createVNode(e.Transition,{name:"form-element-hint"},{default:e.withCtx(()=>[p.value?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(l.value),onMousedown:b},"Allowed values: "+e.toDisplayString(t.pattern),35)):e.createCommentVNode("",!0)]),_:1}),e.createVNode(e.Transition,{name:"form-element-hint"},{default:e.withCtx(()=>[g.value?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(l.value),onMousedown:b},"Allowed format: "+e.toDisplayString(t.format),35)):e.createCommentVNode("",!0)]),_:1})]),e.createElementVNode("div",{class:e.normalizeClass([s.value?"":"pb-1"])},[e.renderSlot(E.$slots,"default")],2),e.createVNode(Se,{id:f.value,class:"px-3 pb-1",description:t.description,invalid:s.value&&a.value},null,8,["id","description","invalid"])],42,jt))}},Zt={class:"relative pl-3 mt-4 mb-1 flex flex-row items-center"},Kt={key:1,class:"absolute bg-transparent right-0 p-2 text-green-700 outline-hidden","click.prevent":""},Xt={key:2,class:"absolute bg-transparent right-0 p-2 text-attention outline-hidden","click.prevent":""},Yt={__name:"form-immutable-text",props:{enableCopyToClipboard:{type:Boolean,default:!0},id:{type:String,required:!0},label:{type:String,required:!0},text:{type:String,required:!0}},setup(t){const n=t,o=e.ref(!1),a=e.ref(!1),c=e.ref(),s=e.computed(()=>[r(R).value,r(S).value]),m=e.computed(()=>n.text&&n.enableCopyToClipboard&&typeof window.ClipboardItem=="function"&&!o.value&&!a.value);async function f(){try{await navigator.clipboard.writeText(n.text),o.value=!0,a.value=!1}catch{o.value=!1,a.value=!0,c.value="Sorry, we were not able to copy to the clipboard at this time. Please copy the text manually."}}return(p,g)=>(e.openBlock(),e.createBlock(L,{id:t.id,description:c.value,disabled:!0,"focus-input-callback":p.focusInput,focussed:!1,"force-show-error-message":!0,"input-invalid":a.value,label:t.label,"show-format-hint":!1,"show-pattern-hint":!1,value:p.modelValue},{default:e.withCtx(()=>[e.createElementVNode("div",Zt,[e.createElementVNode("div",{class:e.normalizeClass(["mr-8",s.value])},[e.createVNode(T,{id:t.id,"inherit-font-size":!0},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.text),1)]),_:1},8,["id"])],2),m.value?(e.openBlock(),e.createElementBlock("button",{key:0,class:"absolute bg-transparent right-0 pl-2 py-2 pr-3 text-gray-700 cursor-pointer transform transition-transform hover:-translate-y-1 outline-hidden",onClick:e.withModifiers(f,["prevent"])},[e.createVNode(e.unref(st),{class:"h-6 w-6 stroke-2"})])):e.createCommentVNode("",!0),o.value?(e.openBlock(),e.createElementBlock("button",Kt,[e.createVNode(e.unref(at),{class:"h-6 w-6"})])):e.createCommentVNode("",!0),a.value?(e.openBlock(),e.createElementBlock("button",Xt,g[0]||(g[0]=[e.createElementVNode("svg",{class:"h-6 w-6",fill:"none",stroke:"currentColor","stroke-width":"2",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("path",{d:"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-5 10.5l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0","stroke-linecap":"round","stroke-linejoin":"round"})],-1)]))):e.createCommentVNode("",!0)])]),_:1},8,["id","description","focus-input-callback","input-invalid","label","value"]))}},Jt={class:"h-0 w-0 invisible absolute"},Qt=["id","checked","disabled","name","required","value"],vt=["for"],eo={class:"flex items-center"},to={class:"stroke-current h-6 w-6",fill:"none",stroke:"currentColor","stroke-width":"2",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},oo={key:0,d:"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z","stroke-linecap":"round","stroke-linejoin":"round"},no={key:1,d:"M8 01M21 12a9 9 0 11-18 0 9 9 0 0118 0z","stroke-linecap":"round","stroke-linejoin":"round"},lo={__name:"form-input-radio",props:{id:{type:String,required:!0},name:{type:String,required:!0},label:{type:String,required:!0},invalidMessage:{type:String},invalid:{type:Boolean,default:!1},description:{type:String},required:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},modelValue:{type:String,required:!0},options:{type:Array,default:()=>[]},vertical:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(t,{emit:n}){const o=t,a=n,c=e.ref(!1),s=e.computed(()=>o.invalidMessage?o.invalidMessage:o.description),m=e.computed(()=>o.options.length===1),f=e.computed(()=>o.disabled||m.value),p=e.computed(()=>{const l=["flex flex-row items-center w-full space-x-2 px-3 py-1 leading-7",r(ie).value];return f.value?(l.push("disabled cursor-not-allowed"),m.value?l.push(`${r(I).value}`):l.push(`${r(ce).value}`)):l.push(`${r(I).value} cursor-pointer`),l.join(" ")}),g=e.computed(()=>{const l=["dsq-form-input-radio-wrapper pt-4 flex"];return o.vertical?l.push("flex-row"):l.push("flex-col"),l.join(" ")}),k=e.computed(()=>{const l=["dsq-form-input-radio-option text-gray-100 flex flex-row items-center"];return f.value||(o.vertical?l.push("w-1/2"):l.push("w-full")),l.join(" ")});function _(l){if(f.value){l.preventBubbling();return}const d=l.target.value;a("update:modelValue",d),u()}function u(){c.value=!0,setTimeout(i,1e3)}function i(){c.value=!1}return(l,d)=>(e.openBlock(),e.createBlock(L,{id:t.id,description:s.value,disabled:f.value,focussed:c.value,"input-invalid":t.invalid,label:t.label},{default:e.withCtx(()=>[e.createElementVNode("fieldset",{class:e.normalizeClass(g.value)},[e.createElementVNode("legend",Jt,e.toDisplayString(t.label),1),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.options,h=>(e.openBlock(),e.createElementBlock("div",{key:h.value,class:e.normalizeClass(k.value)},[e.createElementVNode("input",{id:"radio_"+t.id+"_"+h.value+"_id",autocomplete:"off",checked:h.default===!0||t.modelValue==h.value,class:"hidden peer checked:bg-gray-900 rounded-sm outline-hidden text-gray-100 placeholder:text-gray-300 py-2 px-3 leading-8",disabled:f.value,name:t.name,required:t.required,type:"radio",value:h.value,onInput:d[0]||(d[0]=w=>_(w))},null,40,Qt),e.createElementVNode("label",{class:e.normalizeClass(p.value),for:"radio_"+t.id+"_"+h.value+"_id",onBlur:d[1]||(d[1]=w=>i()),onFocus:d[2]||(d[2]=w=>u()),onFocusin:d[3]||(d[3]=w=>u()),onFocusout:d[4]||(d[4]=w=>i())},[e.createElementVNode("div",eo,[(e.openBlock(),e.createElementBlock("svg",to,[t.modelValue==h.value?(e.openBlock(),e.createElementBlock("path",oo)):(e.openBlock(),e.createElementBlock("path",no))]))]),e.createVNode(T,{class:"pb-0.5",highlight:t.modelValue==h.value,"inherit-color":!0,"inherit-font-size":!0},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(h.label),1)]),_:2},1032,["highlight"])],42,vt)],2))),128))],2)]),_:1},8,["id","description","disabled","focussed","input-invalid","label"]))}},ro=["id","disabled","value"],ao=["value"],so={__name:"form-input-select",props:{id:{type:String,required:!0},label:{type:String,required:!0},disabled:{type:Boolean,default:!1},description:{type:String},forceShowErrorMessage:{type:Boolean,default:!1},modelValue:{type:Number},elements:{type:Array,default:()=>[]},trackBy:{type:String,default:"id"}},emits:["update:modelValue"],setup(t,{emit:n}){const o=t,a=n,c=e.ref(null),s=e.ref(!1),m=e.ref(!1),f=e.computed(()=>o.modelValue===void 0||o.modelValue===null?null:Number.isInteger(o.modelValue)?o.modelValue:typeof o.modelValue=="string"?o.elements.findIndex(l=>o.modelValue===l[o.trackBy]):null),p=e.computed(()=>["dsq-form-input-select px-2 pb-1 pt-4 border-none w-full bg-inherit opacity-100 focus:outline-hidden cursor-pointer",r(se).value,r(V).value,r(ae).value].join(" ")),g=e.computed(()=>["w-24",r(V).value].join(" "));function k(){m.value=!0}function _(){m.value=!1}function u(l){c.value.dispatchEvent(l)}function i(){const l=c.value.value;a("update:modelValue",parseInt(l))}return(l,d)=>(e.openBlock(),e.createBlock(L,{id:t.id,description:t.description,disabled:t.disabled,"focus-input-callback":u,focussed:m.value,"force-show-error-message":t.forceShowErrorMessage,"input-invalid":s.value,label:t.label,"show-format-hint":!1,"show-pattern-hint":!1},{default:e.withCtx(()=>[e.createElementVNode("select",{id:t.id,ref_key:"select",ref:c,class:e.normalizeClass(p.value),disabled:t.disabled,value:f.value,onBlur:d[0]||(d[0]=h=>_()),onFocus:d[1]||(d[1]=h=>k()),onFocusin:d[2]||(d[2]=h=>k()),onFocusout:d[3]||(d[3]=h=>_()),onInput:i},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.elements,(h,w)=>(e.openBlock(),e.createElementBlock("option",{key:h.id,class:e.normalizeClass(g.value),value:w},e.toDisplayString(h.name||h.alias),11,ao))),128))],42,ro)]),_:1},8,["id","description","disabled","focussed","force-show-error-message","input-invalid","label"]))}},io=["id","disabled","name","pattern","placeholder","required","type"],co=Le({__name:"form-input",props:{id:{type:String,required:!0},name:{type:String,required:!0},disabled:{type:Boolean,default:!1},type:{type:String,default:"text"},modelValue:{type:String},label:{type:String,required:!0},invalidMessage:{type:String},invalid:{type:Boolean},placeholder:{type:String},description:{type:String},required:{type:Boolean,default:!0},pattern:{type:String,default:".*"},patternUnicode:{type:Boolean,default:!1},showPatternHint:{type:Boolean,default:!0},format:{type:String},showFormatHint:{type:Boolean,default:!1},allowedCharactersSupersetPattern:{type:String}},emits:["update:modelValue"],setup(t,{emit:n}){const o=t,a=n,c=e.ref(null),s=e.ref(!1),m=e.ref(!1),f=e.ref(!1),p=e.ref(""),g=e.ref(),k=e.computed(()=>new RegExp(o.pattern,"u"));e.watchEffect(()=>{g.value=o.modelValue}),e.watch(g,x=>{if(!o.disabled){if(o.pattern){if(k.value.test(x))p.value="",m.value=!1,f.value=!1;else if(m.value=!0,d.value){const C=x.match(d.value,"gu"),Re=[...new Set(C)];Re.length&&(f.value=!0),p.value=Re.join(", ")}}m.value===!1&&a("update:modelValue",x)}});const _=e.computed(()=>o.invalidMessage||l.value||o.description),u=e.computed(()=>m.value||o.invalid),i=e.computed(()=>o.invalid||f.value),l=e.computed(()=>p.value?`Sorry, the following characters are not allowed here: ${p.value}`:""),d=e.computed(()=>o.allowedCharactersSupersetPattern?new RegExp(`[^(${o.allowedCharactersSupersetPattern})]`,"gu"):null),h=e.computed(()=>{const x=["dsq-form-input w-full mt-4 outline-hidden px-3 leading-8 placeholder:italic",r(oe).value,r(le).value,r(re).value,r(R).value,r(ne).value,r(S).value];return o.disabled?x.push("cursor-not-allowed"):x.push("cursor-text"),x.join(" ")});function w(){c.value.focus()}function b(){s.value=!1}function E(){s.value=!0}return(x,B)=>(e.openBlock(),e.createBlock(L,{id:t.id,description:_.value,disabled:t.disabled,"focus-input-callback":w,focussed:s.value,"force-show-error-message":i.value,format:t.format,"input-invalid":u.value,label:t.label,pattern:t.pattern,"show-format-hint":t.showFormatHint,"show-pattern-hint":t.showPatternHint,value:t.modelValue},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("input",{id:t.id,ref_key:"input",ref:c,"onUpdate:modelValue":B[0]||(B[0]=C=>g.value=C),autocomplete:"off",class:e.normalizeClass(h.value),disabled:t.disabled,name:t.name,pattern:t.pattern,placeholder:t.placeholder,required:t.required,type:t.type,onBlur:B[1]||(B[1]=C=>b()),onFocus:B[2]||(B[2]=C=>E()),onFocusin:B[3]||(B[3]=C=>E()),onFocusout:B[4]||(B[4]=C=>b())},null,42,io),[[e.vModelDynamic,g.value]])]),_:1},8,["id","description","disabled","focussed","force-show-error-message","format","input-invalid","label","pattern","show-format-hint","show-pattern-hint","value"]))}},[["__scopeId","data-v-e7ef34c6"]]),uo={class:"dsq-headline"},O=e.defineComponent({__name:"headline",props:{level:{type:Number,default:1,validator:t=>t>0&&t<4}},setup(t){const n=t,o=e.computed(()=>`h${n.level}`),a=e.computed(()=>{switch(n.level){case 1:return c();case 2:return s();case 3:return m();default:throw new Error(`There was not specification for a headline with level ${n.level}`,JSON.stringify(n))}}),c=()=>`text-3xl tracking-tight leading-snug font-extrabold ${r(N).value}`,s=()=>`text-2xl leading-relaxed font-bold ${r(N).value}`,m=()=>`text-xl leading-relaxed font-medium ${r(N).value}`;return(f,p)=>(e.openBlock(),e.createElementBlock("div",uo,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.value),{class:e.normalizeClass(a.value)},{default:e.withCtx(()=>[e.renderSlot(f.$slots,"default")]),_:3},8,["class"]))]))}}),fo={class:"dsq-headlines flex flex-col justify-between"},mo=e.defineComponent({__name:"headlines",props:{showHeadline:{type:Boolean,default:!0},showSubline:{type:Boolean,default:!0},showSubSubline:{type:Boolean,default:!0}},setup(t){return(n,o)=>(e.openBlock(),e.createElementBlock("div",fo,[t.showHeadline&&n.$slots.headline?(e.openBlock(),e.createBlock(O,{key:0,level:1},{default:e.withCtx(()=>[e.renderSlot(n.$slots,"headline")]),_:3})):e.createCommentVNode("",!0),t.showSubline&&n.$slots.subline?(e.openBlock(),e.createBlock(O,{key:1,level:2},{default:e.withCtx(()=>[e.renderSlot(n.$slots,"subline")]),_:3})):e.createCommentVNode("",!0),t.showSubSubline&&n.$slots.subsubline?(e.openBlock(),e.createBlock(O,{key:2,level:3},{default:e.withCtx(()=>[e.renderSlot(n.$slots,"subsubline")]),_:3})):e.createCommentVNode("",!0),e.renderSlot(n.$slots,"text")]))}}),po=["type"],ho={__name:"nav-button",props:{type:{type:String,default:"submit"},invert:{type:Boolean,default:!1},small:{type:Boolean,default:!1},secondary:{type:Boolean,default:!1},attention:{type:Boolean,default:!1},click:{type:Function,required:!0}},setup(t){const n=t,o=e.computed(()=>n.small?r(we).value:r(ke).value),a=e.computed(()=>n.invert?n.secondary?`${r(be).value} ${r(pe).value}`:n.attention?`${r(ye).value} ${r(he).value}`:`${r(ge).value} ${r(Ee).value}`:r(_e).value),c=e.computed(()=>r(Te).value),s=e.computed(()=>n.invert?r(me).value:n.secondary?r(fe).value:n.attention?r(ue).value:r(de).value),m=e.computed(()=>n.invert?`${o.value} ${a.value} ${s.value} animate ${c.value} hover:border-b-4 cursor-pointer`:`flex cursor-pointer p-3 ${a.value} ${o.value} ${s.value} ${c.value} hover:shadow-md rounded-lg transform transition-transform hover:-translate-y-1`);function f(p){n.click&&n.click(p)}return(p,g)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["dsq-nav-button",m.value]),type:t.type,onClick:f},[e.renderSlot(p.$slots,"default")],10,po))}},Eo=lt;y.BackToTop=ct,y.Banner=ft,y.Breadcrumbs=kt,y.DropDownMenu=Ut,y.DropDownMenuBannerItem=$t,y.DropDownMenuItem=Dt,y.DynamicComponentDisplay=It,y.FormElementErrorMessage=Se,y.FormElementsContainer=Pt,y.FormImmutableText=Yt,y.FormInput=co,y.FormInputRadio=lo,y.FormInputSelect=so,y.Headline=O,y.Headlines=mo,y.NavButton=ho,y.NavLink=Ne,y.Text=T,y.theme=Eo,Object.defineProperty(y,Symbol.toStringTag,{value:"Module"})});