halleyx-ui-framework/dist/es/index.js

The Halleyx UI Framework is a Vue 3 component framework.

import{openBlock as e,createElementBlock as a,Fragment as i,createCommentVNode as o,createElementVNode as t,renderSlot as n,createBlock as l,Teleport as s,renderList as r,normalizeClass as c,toDisplayString as d,createTextVNode as m,createStaticVNode as u,normalizeStyle as f,resolveComponent as p,withCtx as h,ref as g,createVNode as b,withModifiers as A,withDirectives as y,vShow as v,vModelText as k,defineComponent as C,mergeProps as w,withKeys as S,resolveDirective as I,vModelDynamic as x,pushScopeId as E,popScopeId as R,inject as B,provide as M}from"vue";import q from"textarea-caret";import{PrismEditor as T}from"vue-prism-editor";import V from"js-beautify";import{VueDraggableNext as N}from"vue-draggable-next";import D from"vue3-apexcharts";import O from"vue3-country-flag-icon";import"vue3-country-flag-icon/dist/CountryFlag.css";import{Chart as L}from"chart.js";import*as P from"chartjs-chart-geo";import{ChoroplethController as U,GeoFeature as K,ColorScale as F,ProjectionScale as z}from"chartjs-chart-geo";import{directive as j}from"vue3-click-away";var H={name:"HlxAccordion",props:{accordionData:{type:Array,default:()=>[]},direction:{type:String,default:"right"},multiple:{type:Boolean,default:!1},expand:{type:Boolean,default:!1},headerBorder:{type:Boolean,default:!1}},emits:["accordionopen","accordionclose"],data:()=>({unique:Date.now().toString(36)+Math.random().toString(36).substr(2,5)}),mounted(){this.expand&&document.querySelectorAll(".accordion-item")?.forEach((e=>{e?.children[0]?.children[1]?.children[0]?.classList?.remove("icon-angle-right-regular"),e?.children[0]?.children[1]?.children[0]?.classList?.add("icon-angle-down-regular"),e.children[1].style.display="flex",this.$emit("accordionopen")}))},methods:{toggleView(e,a,i){0==i?"right icon-angle-right-regular"===document.querySelector("#arrow-"+a).className?(0==this.headerBorder&&(document.querySelectorAll(".accordion-header").forEach((e=>{e.classList.remove("noo-border")})),document.querySelector("#header-"+a)&&document.querySelector("#header-"+a).classList.add("noo-border")),document.querySelectorAll(".icon-angle-down-regular").forEach((e=>{"right icon-angle-down-regular"==e.className&&(document.querySelectorAll(".accordion-content").forEach((e=>{e.style.display="none"})),e.classList.remove("icon-angle-down-regular"),e.classList.add("icon-angle-right-regular"))})),document.querySelector("#arrow-"+a).classList.remove("icon-angle-right-regular"),document.querySelector("#arrow-"+a).classList.add("icon-angle-down-regular"),document.querySelector("#content-"+a).style.display="flex",this.$emit("accordionopen")):"right icon-angle-down-regular"===document.querySelector("#arrow-"+a).className&&(0==this.headerBorder&&(document.querySelectorAll(".accordion-header").forEach((e=>{e.classList.remove("noo-border")})),document.querySelector("#header-"+a)&&document.querySelector("#header-"+a).classList.add("noo-border")),document.querySelector("#arrow-"+a).classList.remove("icon-angle-down-regular"),document.querySelector("#arrow-"+a).classList.add("icon-angle-right-regular"),document.querySelector("#content-"+a).style.display="none",this.$emit("accordionclose")):"right icon-angle-right-regular"===document.querySelector("#arrow-"+a).className?(0==this.headerBorder&&document.querySelector("#header-"+a)&&document.querySelector("#header-"+a).classList.add("noo-border"),document.querySelector("#arrow-"+a).classList.remove("icon-angle-right-regular"),document.querySelector("#arrow-"+a).classList.add("icon-angle-down-regular"),document.querySelector("#content-"+a).style.display="flex",this.$emit("accordionopen")):"right icon-angle-down-regular"===document.querySelector("#arrow-"+a).className&&(document.querySelector("#header-"+a)&&document.querySelector("#header-"+a).classList.remove("noo-border"),document.querySelector("#arrow-"+a).classList.remove("icon-angle-down-regular"),document.querySelector("#arrow-"+a).classList.add("icon-angle-right-regular"),document.querySelector("#content-"+a).style.display="none",this.$emit("accordionclose"))}}};const G=["id","multiple"],Q=["id"],W={key:0,style:{display:"flex"}},J=["id"],Z={style:{width:"100%"}},X={key:1,style:{display:"flex"}},Y=["id"],_=["id"];H.render=function(l,s,r,c,d,m){return e(),a(i,null,[o(' <div class="accordion-container"> '),(e(),a("div",{id:["item-"+d.unique],key:d.unique,class:"accordion-item",multiple:r.multiple},[t("div",{id:["header-"+d.unique],class:"accordion-header",onClick:s[0]||(s[0]=e=>m.toggleView(e,d.unique,r.multiple))},["left"==r.direction?(e(),a("div",W,[t("i",{id:["arrow-"+d.unique],class:"right icon-angle-right-regular"},null,8,J)])):o("v-if",!0),t("header",Z,[n(l.$slots,"item-title")]),"right"==r.direction?(e(),a("div",X,[t("i",{id:["arrow-"+d.unique],class:"right icon-angle-right-regular"},null,8,Y)])):o("v-if",!0)],8,Q),t("div",{id:["content-"+d.unique],class:"accordion-content"},[n(l.$slots,"item-body")],8,_)],8,G)),o(" </div> ")],2112)},H.__file="src/components/AccordionComponent.vue";var $={name:"HlxAlertNotification",props:{notify:{type:Object,default:()=>({})},autoClose:{type:Boolean,default:()=>!0},delay:{type:Number,default:e=>e>3e3?e:2e3,validator:e=>e>3e3?e:2e3}},data:()=>({notifications:[],alertStatus:!1,typeData:""}),computed:{computedAlert(){return this.alertStatus}},watch:{notify:{handler(e){const a=(new Date).toISOString().replace(/[.\:-]/g,"")+crypto.randomUUID().toString(16).substring(1);Object.keys(e).length>0&&this.push({...e,id:a})},immediate:!0,deep:!0}},methods:{getClass:e=>e?.type?"alert-"+e?.type.toLowerCase():"alert-success",closeAlert(e){this.$refs["hlx-alert-"+e][0]?.classList.add("close"),setTimeout((()=>{this.notifications=this.notifications.filter((a=>a.id&&a.id!=e))}),1e3)},push(e){this.notifications.push({...e}),this.autoClose&&setTimeout((()=>{this.$refs["hlx-alert-"+e.id][0]?.classList.add("close"),setTimeout((()=>{this.notifications.shift()}),1e3)}),this.delay+1e3*this.notifications.length)},icon(e){if(e)switch(e.toLowerCase()){case"danger":case"warning":return"icon-exclamation-circle-regular";case"primary":return"icon-info-circle-regular";default:return"icon-check-circle-regular"}return"tick-bg"}}};const ee={key:0,class:"hlx-alert-wrapper"},ae=["id"],ie={class:"icon"},oe={class:"text"},te={class:"alert-description"},ne=["onClick"],le=[t("i",{class:"icon-times-filled"},null,-1)];$.render=function(n,m,u,f,p,h){return e(),l(s,{to:"body",class:"alert-not"},[p.notifications.length>0?(e(),a("section",ee,[(e(!0),a(i,null,r(p.notifications,(i=>(e(),a("div",{id:"alert"+i.id,ref_for:!0,ref:"hlx-alert-"+i.id,key:i,class:c(["hlx alert",h.getClass(i)])},[t("span",ie,[t("i",{class:c(h.icon(i.type))},null,2)]),t("div",oe,[t("p",te,d(i.message),1)]),t("button",{class:"close","aria-label":"close",onClick:e=>h.closeAlert(i.id)},[...le],8,ne)],10,ae)))),128))])):o("v-if",!0)])},$.__file="src/components/AlertComponent.vue";var se={name:"HlxBadge",props:{icon:{type:String,default:""},count:{type:Number,default:0}}};const re=["aria-label"],ce={class:"icon-button__badge",style:{"font-size":"10px"}};se.render=function(i,o,n,l,s,r){return e(),a("button",{id:"badge",type:"button",class:"icon-button","aria-label":n.icon},[t("span",{class:c(n.icon)},null,2),t("span",ce,d(n.count),1)],8,re)},se.__file="src/components/BadgeComponent.vue";var de={name:"HlxBreadcrumb",props:{labelValue:{type:String,default:"Back"},autoRoute:{type:Boolean,default:!1},type:{type:String,default:"back-breadcrumb"},items:{type:Array,required:!0},separator:{type:[String,Object],default:"/"}},emits:["path"],data:()=>({unique:Date.now().toString(36)+Math.random().toString(36).substr(2,5)}),computed:{isIconSeparator(){return"object"==typeof this.separator}},methods:{current(e){!0===this.autoRoute&&this.$router.back(),this.$emit("path",e)},tooltipover(e,a){let i=e,o=a;this.ellipsis(i,o)},tooltipleave(e,a){let i=e,o=a;this.ellipses(i,o)},ellipsis(e,a){console.log(e,a),this.$nextTick((()=>{const i=document.querySelector("#"+e);if(null!=i){if(i.clientWidth<i.scrollWidth)if("ellipsis"===(i.currentStyle||window.getComputedStyle(i)).textOverflow){const e=document.querySelector("."+a);console.log(i.getBoundingClientRect().top);let o=i.getBoundingClientRect().top,t=i.getBoundingClientRect().left+77;return e.style.display="block",e.style.top=o+"px",e.style.left=t+"px",!0}return!1}}))},ellipses(e,a){this.$nextTick((()=>{const i=document.querySelector("#"+e);if(null!=i){if(i.clientWidth<i.scrollWidth)if("ellipsis"===(i.currentStyle||window.getComputedStyle(i)).textOverflow){return document.querySelector("."+a).style.display="none",!0}return!1}}))}}};const me={class:"breadcrumb","aria-label":"Breadcrumb"},ue={key:0},fe=["onClick"],pe=["id","onMouseover","onMouseleave"],he=["id","onMouseover","onMouseleave"],ge={key:3,class:"breadcrumb-separator"},be={key:1},Ae=t("i",{style:{"font-weight":"800"},class:"icon-arrow-left-regular"},null,-1);de.render=function(n,l,s,u,f,p){return e(),a("nav",me,["Pathway-breadcrumb"===s.type?(e(),a("ul",ue,[(e(!0),a(i,null,r(s.items,((i,n)=>(e(),a("li",{key:n,onClick:e=>p.current(i)},[null!=i.icon?(e(),a("i",{key:0,"aria-hidden":"true",class:c(i.icon)},null,2)):o("v-if",!0),n===s.items.length-1?(e(),a("a",{key:1,id:"breadcrumb"+n+f.unique,style:{"white-space":"nowrap",overflow:"hidden","text-overflow":"ellipsis","min-width":"45px",width:"auto","max-width":"80px",display:"inline-block"},onMouseover:e=>p.tooltipover("breadcrumb"+n+f.unique,"tooltip-textbreadcrumb"+n+f.unique),onMouseleave:e=>p.tooltipleave("breadcrumb"+n+f.unique,"tooltip-textbreadcrumb"+n+f.unique)},[m(d(i.label)+" ",1),t("p",{id:"tooltip-text1",class:c("tooltip-textbreadcrumb"+n+f.unique)},d(i.label),3)],40,pe)):(e(),a("a",{key:2,id:"breadcrumb"+f.unique+n,class:"show-breadcrumb",style:{"white-space":"nowrap",overflow:"hidden","text-overflow":"ellipsis","min-width":"45px",width:"auto","max-width":"80px",display:"inline-block"},onMouseover:e=>p.tooltipover("breadcrumb"+f.unique+n,"tooltip-textbreadcrumb"+f.unique+n),onMouseleave:e=>p.tooltipleave("breadcrumb"+f.unique+n,"tooltip-textbreadcrumb"+f.unique+n)},[m(d(i.label)+" ",1),t("p",{id:"tooltip-text1",class:c("tooltip-textbreadcrumb"+f.unique+n)},d(i.label),3)],40,he)),o(' <router-link :to="item.link" :class="{ disabled: index === items.length - 1 } " >{{ item.label }}</router-link> '),n<s.items.length-1?(e(),a("span",ge,[p.isIconSeparator?(e(),a("i",{key:0,"aria-hidden":"true",class:c(s.separator.icon)},null,2)):(e(),a("span",be,d(s.separator),1))])):o("v-if",!0)],8,fe)))),128))])):o("v-if",!0),"back-breadcrumb"===s.type?(e(),a("div",{key:1,class:"back-breadcrumb",style:{display:"flex",cursor:"pointer","align-items":"center",gap:"8px","max-width":"100px"},onClick:l[0]||(l[0]=e=>p.current("back"))},[Ae,t("p",null,d(s.labelValue),1)])):o("v-if",!0)])},de.__file="src/components/BreadcrumbComponent.vue";var ye={name:"HlxButton",props:{value:{type:String,default:"Hlx click :)"},type:{type:String,default:"button"},name:{type:String,default:"hlx-button"},target:{type:String,default:"_blank"},href:{type:String,default:void 0},disabled:{type:Boolean,default:!1},label:{type:String,default:"Button"}},computed:{primaryClass(){return this.disabled?"disabled-button":""}},watch:{disabled:{handler(e){e&&this.primaryClass},immediate:!0}},methods:{clicked(){this.href&&this.$refs["link-ele"].click()}}};const ve=["value","type","name","aria-label"],ke=["aria-label","href","target"];ye.render=function(i,t,l,s,r,d){return e(),a("button",{id:"hlx-button-0009",ref:"hlx-button",value:l.value,type:l.type,name:l.name,class:c([d.primaryClass,"hlx-button"]),"aria-label":l.label,onClick:t[0]||(t[0]=(...e)=>d.clicked&&d.clicked(...e))},[n(i.$slots,"default"),null!=l.href?(e(),a("a",{key:0,ref:"link-ele","aria-label":l.label,href:l.href,target:l.target},null,8,ke)):o("v-if",!0)],10,ve)},ye.__file="src/components/ButtonComponent.vue";var Ce={name:"HlxCalendar",props:{disableWeekend:{type:Boolean,default:!1},dateFormatLanguage:{type:String,default:"en"},event:{type:[Array,PointerEvent],default:()=>[]},preValue:{type:[Date,String],default:""},startYear:{type:Number,default:1950},endYear:{type:Number,default:2050},holidayList:{type:Array,default:()=>[]}},emits:["selectedDate","formattedDate"],data:()=>({selectedMonth:"",selectedYear:"",selectedDay:"",formattedDate:"",staticDataDays:localStorage.getItem("dayDataShort")?JSON.parse(localStorage.getItem("dayDataShort")):{sun:"SUN",mon:"MON",tue:"TUE",wed:"WED",thu:"THU",fri:"FRI",sat:"SAT"},monthNames:localStorage.getItem("monthDataLong")?JSON.parse(localStorage.getItem("monthDataLong")):["January","February","March","April","May","June","July","August","September","October","November","December"]}),async mounted(){console.log("days111:::",JSON.parse(localStorage.getItem("dayDataShort"))),console.log("monthLong111:::",JSON.parse(localStorage.getItem("monthDataLong"))),console.log(this.event,"cal eve",this.dateFormatLanguage);const e=document.querySelector(".calendar"),a=document.querySelector(".light");e.clientY=this.event.clientY,a.right=this.event.clientX+"px";const i=["January","February","March","April","May","June","July","August","September","October","November","December"],o=[];let t=this.startYear;const n=this.endYear;for(;t<=n;)o.push(t++);const l=e.querySelector(".month-list");o.forEach(((e,a)=>{const i=document.createElement("div");i.innerHTML=`<div data-month="${a}" id="year${a}" class="idd${e}">${e}</div>`;let o=(new Date).getFullYear();o+=1,e===o&&(document.getElementById("year"+(a-1)).classList.add("theme-background"),document.getElementById("year"+(a-1)).style.color="white"),i.querySelector("div").onclick=()=>{l.classList.remove("show"),c.value=e,this.selectedMonth=r.value,this.selectedYear=c.value,this.generateCalendar(r.value,c.value)},l.appendChild(i)}));e.querySelector("#year").onclick=()=>{l.classList.add("show"),document.querySelector(".selected-curr-year")?.classList?.remove("selected-curr-year");let e=document.querySelector(".idd"+this.selectedYear);e.classList.add("selected-curr-year"),e.scrollIntoView({behavior:"smooth",block:"start"})};let s="";if(""===this.preValue)s=new Date;else{const e=this.preValue.split("-");s=new Date(e[2],e[1]-1,e[0])}const r={value:s.getMonth()},c={value:s.getFullYear()};this.selectedMonth=r.value,this.selectedYear=c.value,this.generateCalendar(r.value,c.value);const d=document.querySelector(".calendar");340===d.offsetHeight||(d.style.marginTop="0px"),document.querySelector("#prev-year").onclick=()=>{"January"===i[r.value]?(r.value=11,--c.value):--r.value,this.selectedMonth=r.value,this.selectedYear=c.value,this.generateCalendar(r.value,c.value);const e=document.querySelector(".calendar");340===e.offsetHeight||(e.style.marginTop="0")},document.querySelector("#next-year").onclick=()=>{const e=document.querySelector(".calendar");"December"===i[r.value]?(r.value=0,++c.value):++r.value,this.selectedMonth=r.value,this.selectedYear=c.value,this.generateCalendar(r.value,c.value),340===e.offsetHeight||(e.style.marginTop="0")};document.querySelectorAll(".disable-weekend").forEach((e=>{e.addEventListener("click",(e=>{e.stopPropagation(),e.preventDefault()}))}))},methods:{async translateStaticDataDays(e,a){const i=Object.keys(e).map((a=>e[a])),o=await this.languageTransferArray(i,a),t=Object.keys(e).reduce(((e,a,i)=>(e[a]=o[i],e)),{});return console.log("poiuytrewq:",t),t},log(e){console.log(e.target.innerHTML,"inner html"),""!==e.target.innerHTML&&e.target.innerHTML.length<=2&&(e.target.innerHTML.length<2?this.selectedDay=0+e.target.innerHTML:this.selectedDay=e.target.innerHTML,this.selectedDate=this.selectedDay+"-"+(this.selectedMonth+1<10?"0"+String(this.selectedMonth+1):this.selectedMonth+1)+"-"+this.selectedYear,this.$emit("selectedDate",this.selectedDate))},isLeapYear:e=>e%4==0&&e%100!=0&&e%400!=0||e%100==0&&e%400==0,getFebDays(e){return this.isLeapYear(e)?29:28},generateCalendar(e,a){console.log(e,a,"jui");const i=document.querySelector(".calendar"),o=i.querySelector(".calendar-days"),t=i.querySelector("#year"),n=[31,this.getFebDays(a),31,30,31,30,31,31,30,31,30,31];o.innerHTML="";let l="";if(""===this.preValue)l=new Date;else{const e=this.preValue.split("-");l=new Date(e[2],e[1]-1,e[0])}a||(a=l.getFullYear());const s=`${this.monthNames[e]}`;i.querySelector("#month-picker").innerHTML=s,t.innerHTML=a;const r=new Date(a,e,1);for(let i=0;i<=n[e]+r.getDay()-1;i++){const t=document.createElement("div");if(i>=r.getDay()){t.classList.add("calendar-day-hover");const o=i-r.getDay()+1;if(o>0&&o<=n[e]){const i=`${o}-${e+1}-${a}`;t.classList.add(i),console.log("fkoko",i),t.id="calender-day",this.holidayList.includes(i)&&(t.classList.remove("calendar-day-hover"),t.classList.add("disable-weekend")),t.innerHTML=o,o===l.getDate()&&a===l.getFullYear()&&e===l.getMonth()&&t.classList.add("curr-date")}}o.appendChild(t)}if(!0===this.disableWeekend){const e=document.querySelector(".calendar-days").children,a=[0,6,7,13,14,20,21,27,28,34,35];for(const i in a)e[a[i]]&&""!==e[a[i]].innerHTML&&(e[a[i]].classList.remove("calendar-day-hover"),e[a[i]].classList.add("disable-weekend"))}}}};const we={class:"light"},Se={class:"calendar"},Ie=u('<div class="calendar-header"><div class="year-picker"><span id="prev-year" class="year-change"><p style="margin:0px;"><i class="icon-angle-left-regular"></i></p></span><span><span id="month-picker" class="month-picker">February</span><span id="year">2021</span></span><span id="next-year" class="year-change"><p style="margin:0px;"><i class="icon-angle-right-regular"></i></p></span></div></div>',1),xe={class:"calendar-body"},Ee={class:"calendar-week-day"},Re=t("div",{class:"month-list"},null,-1);Ce.render=function(i,n,l,s,r,c){return e(),a("div",we,[t("div",Se,[Ie,t("div",xe,[t("div",Ee,[t("div",null,[o(" SUN "),m(" "+d(r.staticDataDays?.sun),1)]),t("div",null,[o(" MON "),m(" "+d(r.staticDataDays?.mon),1)]),t("div",null,[o(" TUE "),m(" "+d(r.staticDataDays?.tue),1)]),t("div",null,[o(" WED "),m(" "+d(r.staticDataDays?.wed),1)]),t("div",null,[o(" THU "),m(" "+d(r.staticDataDays?.thu),1)]),t("div",null,[o(" FRI "),m(" "+d(r.staticDataDays?.fri),1)]),t("div",null,[o(" SAT "),m(" "+d(r.staticDataDays?.sat),1)])]),t("div",{class:"calendar-days",onClick:n[0]||(n[0]=(...e)=>c.log&&c.log(...e))})]),o(' <div class="calendar-footer">\r\n\r\n        </div> '),Re])])},Ce.__file="src/components/CalendarComponent.vue";var Be={name:"HlxCard",components:{},props:{cardTitle:{type:Boolean,default:!1},cardFooter:{type:Boolean,default:!1},width:{type:Number,default:null},hover:{type:Boolean,default:!1},shadow:{type:Boolean,default:!1},padding:{type:Boolean,default:!1},active:{type:Boolean,default:!1},height:{type:Number,default:null}},computed:{headerHeight(){return this.cardTitle?60:0},footerHeight(){return this.cardFooter?60:0}},mounted(){}};const Me={key:0,class:"card-title"},qe={key:1,class:"card-footer"};Be.render=function(i,l,s,r,d,u){return e(),a("div",{class:c(["card",{cardhover:s.hover,cardshadow:s.shadow,padding:s.padding,cardActive:s.active}]),style:f("width:"+s.width+"px; height:"+s.height+"px;")},[1==s.cardTitle?(e(),a("div",Me,[t("header",null,[n(i.$slots,"card-title",{},(()=>[m("Card title")]))])])):o("v-if",!0),t("div",{class:"card-body",style:f(s.cardTitle&&s.cardFooter?{height:s.height-u.headerHeight-u.footerHeight+"px"}:{height:"100%"})},[o(" {{this.card_body}} "),t("main",null,[n(i.$slots,"card-body",{},(()=>[m("Card body")]))])],4),1==s.cardFooter?(e(),a("div",qe,[o(" {{this.cardFooter}} "),t("footer",null,[n(i.$slots,"card-footer",{},(()=>[m("Card footer")]))])])):o("v-if",!0)],6)},Be.__file="src/components/CardsComponent.vue";var Te={name:"HlxOverlay",props:{show:{type:Boolean,default:!1},height:{type:Number,default:0},top:{type:Number,default:0},width:{type:Number,default:0},left:{type:Number,default:0},conditionvalue:{type:Number,default:0},conditionup:{type:Number,default:0},conditiondown:{type:Number,default:0},search:{type:String,default:""}},emits:["close-overlay"],data:()=>({unique:Date.now().toString(36)+Math.random().toString(36).substr(2,5),containertop:0,containerwidth:0,containerleft:0,containerheight:0}),watch:{search:{handler(e){1==this.show?this.$nextTick((()=>{this.containerheight=document.querySelector("#container-overlay"+this.unique).offsetHeight,this.containertop=this.top,this.containerleft=this.left,this.containerwidth=this.width,window.innerHeight-this.containertop<this.conditionvalue?this.containertop=this.containertop-(this.containerheight+this.conditionup):this.containertop=this.containertop+this.conditiondown})):(this.containertop=0,this.containerleft=0,this.containerwidth=0,this.containerheight=0)}},show:{handler(e){1==e?this.$nextTick((()=>{this.containerheight=document.querySelector("#container-overlay"+this.unique).offsetHeight,this.containertop=this.top,this.containerleft=this.left,this.containerwidth=this.width,window.innerHeight-this.containertop<this.conditionvalue?this.containertop=this.containertop-(this.containerheight+this.conditionup):this.containertop=this.containertop+this.conditiondown})):(this.containertop=0,this.containerleft=0,this.containerwidth=0,this.containerheight=0)}},top:{handler(e){this.containertop=e,1==this.show?this.$nextTick((()=>{this.containerheight=document.querySelector("#container-overlay"+this.unique).offsetHeight,this.containertop=this.top,this.containerleft=this.left,this.containerwidth=this.width,window.innerHeight-this.containertop<this.conditionvalue?this.containertop=this.containertop-(this.containerheight+this.conditionup):this.containertop=this.containertop+this.conditiondown})):(this.containertop=0,this.containerleft=0,this.containerwidth=0,this.containerheight=0)},immediate:!0,deep:!0},left:{handler(e){this.containerleft=e},immediate:!0,deep:!0},width:{handler(e){this.containerwidth=e},immediate:!0,deep:!0}},methods:{emitfunction(e){console.log(e),this.$emit("close-overlay",e)}}};const Ve=["id"];Te.render=function(i,o,l,s,r,c){return e(),a("div",{class:"outer-overlay",onClick:o[0]||(o[0]=(...e)=>c.emitfunction&&c.emitfunction(...e))},[t("div",{id:"container-overlay"+r.unique,class:"container-overlay",style:f([{position:"fixed"},["width:"+l.width+"px","top:"+r.containertop+"px","left:"+l.left+"px"]])},[n(i.$slots,"overlay")],12,Ve)])},Te.__file="src/components/OverlayComponent.vue";var Ne={name:"HlxColorPalette",components:{hlxOverlay:Te},props:{preValue:{type:String,default:"#000000"},highlightColor:{type:Boolean,default:!1}},emits:["customChange"],data:()=>({containerleft:0,containertop:0,unique:Date.now().toString(36)+Math.random().toString(36).substr(2,5),colorcontainer:!1,fill_color:!0,colorvalue:"#000000",recent:!1,recentvalue:"",recentcolor:[],colordata:[{"#ffffff":["#f2f2f2","#d9d9d9","#bfbfbf","#a6a6a6","#808080"]},{"#000000":["#808080","#595959","#404040","#262626","#0d0d0d"]},{"#e7e6e6":["#d0cece","#aeaaaa","#757171","#3a3838","#161616"]},{"#44546a":["#d6dce4","#acb9ca","#8497b0","#333f4f","#222b35"]},{"#4472c4":["#d9e1f2","#b4c6e7","#8ea9db","#305496","#203764"]},{"#ed7d31":["#fce4d6","#f8cbad","#f4b084","#c65911","#833c0c"]},{"#a5a5a5":["#ededed","#dbdbdb","#c9c9c9","#7b7b7b","#525252"]},{"#ffc000":["#fff2cc","#ffe699","#ffd966","#bf8f00","#806000"]},{"#5b9bd5":["#ddebf7","#bdd7ee","#9bc2e6","#2f75b5","#1f4e78"]},{"#70ad47":["#e2efda","#c6e0b4","#a9d08e","#548235","#375623"]}],standardcolor:["#c00000","#ff0000","#ffc000","#ffff00","#92d050","#00b050","#00b0f0","#0070c0","#002060","#7030a0"],colorpick:""}),watch:{preValue:{handler(e){""!=e&&(this.colorvalue=e,this.$emit("customChange",this.colorvalue))},immediate:!0,deep:!0}},mounted(){!0===this.highlightColor?this.fill_color=!1:this.fill_color=!0;for(let e=0;e<this.colordata.length;e++)for(let a=0;a<Object.values(this.colordata[e])[0].length;a++);document.addEventListener("click",(e=>{"color-container"!=e.target.className&&"color-container-title"!=e.target.className&&"color-container-specific-color-checkbox-border"!=e.target.className&&"color-container-specific-color-checkbox-border-fill-color"!=e.target.className&&"color-container-specific-color"!=e.target.className&&"color-container-specific-color1"!=e.target.className&&"color-container-specific-color2"!=e.target.className&&"color-container-specific-color1-container"!=e.target.className&&"color-container2323"!=e.target.className&&"favcolor"!=e.target.className&&"color-palette-container"!=e.target.className&&"color-palette-icon"!=e.target.className&&"icon-color-fill"!=e.target.className&&"color-icon-border"!=e.target.className&&"color-palette-open-icon"!=e.target.className&&"icon-angle-down-regular"!=e.target.className&&(this.colorcontainer=!1)}))},methods:{getcolorvalue(e){this.recent=!0,this.colorvalue=e.target.value,this.$emit("customChange",this.colorvalue),1!=this.recentcolor.includes(this.colorvalue)&&(document.querySelectorAll(".color-container-specific-color-checkbox-border").forEach((e=>{e.classList.remove("add-border")})),this.recentvalue=this.colorvalue,this.recentcolor.push(this.colorvalue))},getcolor(e){document.querySelectorAll(".color-container-specific-color-checkbox-border").forEach((e=>{e.classList.remove("add-border")})),"color-container-specific-color-checkbox-border-fill-color"===e.target.className?(this.colorvalue=e.target.style.background,this.$emit("customChange",this.colorvalue),e.target.parentElement.classList.add("add-border"),this.colorcontainer=!1):"color-container-specific-color-checkbox-border"===e.target.className&&(this.colorvalue=e.target.children[0].style.background,this.$emit("customChange",this.colorvalue),e.target.classList.add("add-border"),this.colorcontainer=!1),this.recent=!0,1!=this.recentcolor.includes(this.colorvalue)&&(document.querySelectorAll(".color-container-specific-color-checkbox-border").forEach((e=>{e.classList.remove("add-border")})),this.recentvalue=this.colorvalue,this.recentcolor.push(this.colorvalue))},colorpalette(){this.$nextTick((()=>{this.containerleft=document.getElementById("color-palette-open-icon"+this.unique).getBoundingClientRect().left+5,this.containertop=document.getElementById("color-palette-open-icon"+this.unique).getBoundingClientRect().top+50})),console.log(this.containerleft,"left",this.containertop,"top"),!1===this.colorcontainer?this.colorcontainer=!0:!0===this.colorcontainer&&(this.colorcontainer=!1)},colorpicker(){this.colorpick=!0}}};const De={class:"color-palette-container"},Oe={class:"color-palette-icon"},Le={key:0,class:"icon-palette-regular"},Pe={key:1,class:"highlight-container"},Ue={key:0,class:"highlight-icon"},Ke=["id"],Fe=[t("i",{class:"icon-angle-down-regular"},null,-1)],ze=["id"],je=t("p",{class:"color-container-title"},"Theme Colors",-1),He={class:"color-container-specific-color"},Ge={class:"color-container-specific-color1"},Qe=t("p",{class:"color-container-title"},"Standard Colors",-1),We={class:"color-container-specific-color"},Je={class:"color-container2323"},Ze=["value"],Xe={key:0,class:"color-container-title"},Ye={class:"color-container-specific-color2"};Ne.render=function(n,s,c,d,m,u){const g=p("hlx-overlay");return e(),a("div",De,[t("div",Oe,[1==m.fill_color?(e(),a("i",Le)):o("v-if",!0),!0===c.highlightColor?(e(),a("div",Pe,[!0===c.highlightColor?(e(),a("p",Ue,"A")):o("v-if",!0),o(' <div class="higlight-icon-border" v-if="this.highlightColor === true"></div> ')])):o("v-if",!0),t("div",{class:"color-icon-border",style:f({background:m.colorvalue})},null,4)]),t("button",{id:"color-palette-open-icon"+m.unique,"aria-dis":"",class:"color-palette-open-icon",onClick:s[0]||(s[0]=(...e)=>u.colorpalette&&u.colorpalette(...e))},[...Fe],8,Ke),m.colorcontainer?(e(),l(g,{key:0,show:m.colorcontainer,top:m.containertop,left:m.containerleft,width:100,conditionvalue:150,conditionup:55,onCloseOverlay:n.onClose},{overlay:h((()=>[t("button",{id:"color-container"+m.unique,class:"color-container"},[je,t("button",He,[(e(!0),a(i,null,r(m.colordata,((i,o)=>(e(),a("button",{key:o,class:"color-container-specific-color-checkbox-border",onClick:s[1]||(s[1]=(...e)=>u.getcolor&&u.getcolor(...e))},[t("button",{class:"color-container-specific-color-checkbox-border-fill-color",style:f({background:Object.keys(m.colordata[o])[0]})},null,4)])))),128))]),t("button",Ge,[(e(!0),a(i,null,r(m.colordata,((o,n)=>(e(),a("button",{key:n,class:"color-container-specific-color1-container",onClick:s[2]||(s[2]=(...e)=>u.getcolor&&u.getcolor(...e))},[(e(!0),a(i,null,r(Object.values(m.colordata[n])[0].length,((i,o)=>(e(),a("button",{key:o,class:"color-container-specific-color-checkbox-border"},[t("button",{class:"color-container-specific-color-checkbox-border-fill-color",style:f({background:Object.values(m.colordata[n])[0][o]})},null,4)])))),128))])))),128))]),Qe,t("button",We,[(e(!0),a(i,null,r(m.standardcolor,((i,o)=>(e(),a("button",{key:o,class:"color-container-specific-color-checkbox-border",onClick:s[3]||(s[3]=(...e)=>u.getcolor&&u.getcolor(...e))},[t("button",{class:"color-container-specific-color-checkbox-border-fill-color",style:f({background:m.standardcolor[o]})},null,4)])))),128))]),t("button",Je,[t("input",{id:"favcolor",type:"color",name:"favcolor",value:m.recentvalue,class:"favcolor",onChange:s[4]||(s[4]=(...e)=>u.getcolorvalue&&u.getcolorvalue(...e))},null,40,Ze),t("p",{class:"color-container-title",onClick:s[5]||(s[5]=(...e)=>u.colorpicker&&u.colorpicker(...e))}," More Colors ")]),!0===m.recent?(e(),a("p",Xe," Recent color ")):o("v-if",!0),t("button",Ye,[(e(!0),a(i,null,r(m.recentcolor,((i,o)=>(e(),a("button",{key:o,class:"color-container-specific-color-checkbox-border",onClick:s[6]||(s[6]=(...e)=>u.getcolor&&u.getcolor(...e))},[t("button",{class:"color-container-specific-color-checkbox-border-fill-color",style:f({background:m.recentcolor[o]})},null,4)])))),128))])],8,ze)])),_:1},8,["show","top","left","onCloseOverlay"])):o("v-if",!0)])},Ne.__file="src/components/ColorpaletteComponent.vue";var _e="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},$e={exports:{}};!function(e){var a=function(e){var a=/(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i,i=0,o={},t={manual:e.Prism&&e.Prism.manual,disableWorkerMessageHandler:e.Prism&&e.Prism.disableWorkerMessageHandler,util:{encode:function e(a){return a instanceof n?new n(a.type,e(a.content),a.alias):Array.isArray(a)?a.map(e):a.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/\u00a0/g," ")},type:function(e){return Object.prototype.toString.call(e).slice(8,-1)},objId:function(e){return e.__id||Object.defineProperty(e,"__id",{value:++i}),e.__id},clone:function e(a,i){var o,n;switch(i=i||{},t.util.type(a)){case"Object":if(n=t.util.objId(a),i[n])return i[n];for(var l in o={},i[n]=o,a)a.hasOwnProperty(l)&&(o[l]=e(a[l],i));return o;case"Array":return n=t.util.objId(a),i[n]?i[n]:(o=[],i[n]=o,a.forEach((function(a,t){o[t]=e(a,i)})),o);default:return a}},getLanguage:function(e){for(;e;){var i=a.exec(e.className);if(i)return i[1].toLowerCase();e=e.parentElement}return"none"},setLanguage:function(e,i){e.className=e.className.replace(RegExp(a,"gi"),""),e.classList.add("language-"+i)},currentScript:function(){if("undefined"==typeof document)return null;if("currentScript"in document)return document.currentScript;try{throw new Error}catch(o){var e=(/at [^(\r\n]*\((.*):[^:]+:[^:]+\)$/i.exec(o.stack)||[])[1];if(e){var a=document.getElementsByTagName("script");for(var i in a)if(a[i].src==e)return a[i]}return null}},isActive:function(e,a,i){for(var o="no-"+a;e;){var t=e.classList;if(t.contains(a))return!0;if(t.contains(o))return!1;e=e.parentElement}return!!i}},languages:{plain:o,plaintext:o,text:o,txt:o,extend:function(e,a){var i=t.util.clone(t.languages[e]);for(var o in a)i[o]=a[o];return i},insertBefore:function(e,a,i,o){var n=(o=o||t.languages)[e],l={};for(var s in n)if(n.hasOwnProperty(s)){if(s==a)for(var r in i)i.hasOwnProperty(r)&&(l[r]=i[r]);i.hasOwnProperty(s)||(l[s]=n[s])}var c=o[e];return o[e]=l,t.languages.DFS(t.languages,(function(a,i){i===c&&a!=e&&(this[a]=l)})),l},DFS:function e(a,i,o,n){n=n||{};var l=t.util.objId;for(var s in a)if(a.hasOwnProperty(s)){i.call(a,s,a[s],o||s);var r=a[s],c=t.util.type(r);"Object"!==c||n[l(r)]?"Array"!==c||n[l(r)]||(n[l(r)]=!0,e(r,i,s,n)):(n[l(r)]=!0,e(r,i,null,n))}}},plugins:{},highlightAll:function(e,a){t.highlightAllUnder(document,e,a)},highlightAllUnder:function(e,a,i){var o={callback:i,container:e,selector:'code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code'};t.hooks.run("before-highlightall",o),o.elements=Array.prototype.slice.apply(o.container.querySelectorAll(o.selector)),t.hooks.run("before-all-elements-highlight",o);for(var n,l=0;n=o.elements[l++];)t.highlightElement(n,!0===a,o.callback)},highlightElement:function(a,i,o){var n=t.util.getLanguage(a),l=t.languages[n];t.util.setLanguage(a,n);var s=a.parentElement;s&&"pre"===s.nodeName.toLowerCase()&&t.util.setLanguage(s,n);var r={element:a,language:n,grammar:l,code:a.textContent};function c(e){r.highlightedCode=e,t.hooks.run("before-insert",r),r.element.innerHTML=r.highlightedCode,t.hooks.run("after-highlight",r),t.hooks.run("complete",r),o&&o.call(r.element)}if(t.hooks.run("before-sanity-check",r),(s=r.element.parentElement)&&"pre"===s.nodeName.toLowerCase()&&!s.hasAttribute("tabindex")&&s.setAttribute("tabindex","0"),!r.code)return t.hooks.run("complete",r),void(o&&o.call(r.element));if(t.hooks.run("before-highlight",r),r.grammar)if(i&&e.Worker){var d=new Worker(t.filename);d.onmessage=function(e){c(e.data)},d.postMessage(JSON.stringify({language:r.language,code:r.code,immediateClose:!0}))}else c(t.highlight(r.code,r.grammar,r.language));else c(t.util.encode(r.code))},highlight:function(e,a,i){var o={code:e,grammar:a,language:i};if(t.hooks.run("before-tokenize",o),!o.grammar)throw new Error('The language "'+o.language+'" has no grammar.');return o.tokens=t.tokenize(o.code,o.grammar),t.hooks.run("after-tokenize",o),n.stringify(t.util.encode(o.tokens),o.language)},tokenize:function(e,a){var i=a.rest;if(i){for(var o in i)a[o]=i[o];delete a.rest}var t=new r;return c(t,t.head,e),s(e,t,a,t.head,0),function(e){var a=[],i=e.head.next;for(;i!==e.tail;)a.push(i.value),i=i.next;return a}(t)},hooks:{all:{},add:function(e,a){var i=t.hooks.all;i[e]=i[e]||[],i[e].push(a)},run:function(e,a){var i=t.hooks.all[e];if(i&&i.length)for(var o,n=0;o=i[n++];)o(a)}},Token:n};function n(e,a,i,o){this.type=e,this.content=a,this.alias=i,this.length=0|(o||"").length}function l(e,a,i,o){e.lastIndex=a;var t=e.exec(i);if(t&&o&&t[1]){var n=t[1].length;t.index+=n,t[0]=t[0].slice(n)}return t}function s(e,a,i,o,r,m){for(var u in i)if(i.hasOwnProperty(u)&&i[u]){var f=i[u];f=Array.isArray(f)?f:[f];for(var p=0;p<f.length;++p){if(m&&m.cause==u+","+p)return;var h=f[p],g=h.inside,b=!!h.lookbehind,A=!!h.greedy,y=h.alias;if(A&&!h.pattern.global){var v=h.pattern.toString().match(/[imsuy]*$/)[0];h.pattern=RegExp(h.pattern.source,v+"g")}for(var k=h.pattern||h,C=o.next,w=r;C!==a.tail&&!(m&&w>=m.reach);w+=C.value.length,C=C.next){var S=C.value;if(a.length>e.length)return;if(!(S instanceof n)){var I,x=1;if(A){if(!(I=l(k,w,e,b))||I.index>=e.length)break;var E=I.index,R=I.index+I[0].length,B=w;for(B+=C.value.length;E>=B;)B+=(C=C.next).value.length;if(w=B-=C.value.length,C.value instanceof n)continue;for(var M=C;M!==a.tail&&(B<R||"string"==typeof M.value);M=M.next)x++,B+=M.value.length;x--,S=e.slice(w,B),I.index-=w}else if(!(I=l(k,0,S,b)))continue;E=I.index;var q=I[0],T=S.slice(0,E),V=S.slice(E+q.length),N=w+S.length;m&&N>m.reach&&(m.reach=N);var D=C.prev;if(T&&(D=c(a,D,T),w+=T.length),d(a,D,x),C=c(a,D,new n(u,g?t.tokenize(q,g):q,y,q)),V&&c(a,C,V),x>1){var O={cause:u+","+p,reach:N};s(e,a,i,C.prev,w,O),m&&O.reach>m.reach&&(m.reach=O.reach)}}}}}}function r(){var e={value:null,prev:null,next:null},a={value:null,prev:e,next:null};e.next=a,this.head=e,this.tail=a,this.length=0}function c(e,a,i){var o=a.next,t={value:i,prev:a,next:o};return a.next=t,o.prev=t,e.length++,t}function d(e,a,i){for(var o=a.next,t=0;t<i&&o!==e.tail;t++)o=o.next;a.next=o,o.prev=a,e.length-=t}if(e.Prism=t,n.stringify=function e(a,i){if("string"==typeof a)return a;if(Array.isArray(a)){var o="";return a.forEach((function(a){o+=e(a,i)})),o}var n={type:a.type,content:e(a.content,i),tag:"span",classes:["token",a.type],attributes:{},language:i},l=a.alias;l&&(Array.isArray(l)?Array.prototype.push.apply(n.classes,l):n.classes.push(l)),t.hooks.run("wrap",n);var s="";for(var r in n.attributes)s+=" "+r+'="'+(n.attributes[r]||"").replace(/"/g,"&quot;")+'"';return"<"+n.tag+' class="'+n.classes.join(" ")+'"'+s+">"+n.content+"</"+n.tag+">"},!e.document)return e.addEventListener?(t.disableWorkerMessageHandler||e.addEventListener("message",(function(a){var i=JSON.parse(a.data),o=i.language,n=i.code,l=i.immediateClose;e.postMessage(t.highlight(n,t.languages[o],o)),l&&e.close()}),!1),t):t;var m=t.util.currentScript();function u(){t.manual||t.highlightAll()}if(m&&(t.filename=m.src,m.hasAttribute("data-manual")&&(t.manual=!0)),!t.manual){var f=document.readyState;"loading"===f||"interactive"===f&&m&&m.defer?document.addEventListener("DOMContentLoaded",u):window.requestAnimationFrame?window.requestAnimationFrame(u):window.setTimeout(u,16)}return t}("undefined"!=typeof window?window:"undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?self:{});
/**
	 * Prism: Lightweight, robust, elegant syntax highlighting
	 *
	 * @license MIT <https://opensource.org/licenses/MIT>
	 * @author Lea Verou <https://lea.verou.me>
	 * @namespace
	 * @public
	 */e.exports&&(e.exports=a),void 0!==_e&&(_e.Prism=a)}($e);var ea=$e.exports;Prism.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|trait)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:break|catch|continue|do|else|finally|for|function|if|in|instanceof|new|null|return|throw|try|while)\b/,boolean:/\b(?:false|true)\b/,function:/\b\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/},Prism.languages.javascript=Prism.languages.extend("clike",{"class-name":[Prism.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,lookbehind:!0}],keyword:[{pattern:/((?:^|\})\s*)catch\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],function:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,number:{pattern:RegExp(/(^|[^\w$])/.source+"(?:"+/NaN|Infinity/.source+"|"+/0[bB][01]+(?:_[01]+)*n?/.source+"|"+/0[oO][0-7]+(?:_[0-7]+)*n?/.source+"|"+/0[xX][\dA-Fa-f]+(?:_[\dA-Fa-f]+)*n?/.source+"|"+/\d+(?:_\d+)*n/.source+"|"+/(?:\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\.\d+(?:_\d+)*)(?:[Ee][+-]?\d+(?:_\d+)*)?/.source+")"+/(?![\w$])/.source),lookbehind:!0},operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),Prism.languages.javascript["class-name"][0].pattern=/(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/,Prism.languages.insertBefore("javascript","keyword",{regex:{pattern:RegExp(/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)/.source+/\//.source+"(?:"+/(?:\[(?:[^\]\\\r\n]|\\.)*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}/.source+"|"+/(?:\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.)*\])*\])*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}v[dgimyus]{0,7}/.source+")"+/(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/.source),lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:Prism.languages.regex},"regex-delimiter":/^\/|\/$/,"regex-flags":/^[a-z]+$/}},"function-variable":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,lookbehind:!0,inside:Prism.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),Prism.languages.insertBefore("javascript","string",{hashbang:{pattern:/^#!.*/,greedy:!0,alias:"comment"},"template-string":{pattern:/`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/,alias:"punctuation"},rest:Prism.languages.javascript}},string:/[\s\S]+/}},"string-property":{pattern:/((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,lookbehind:!0,greedy:!0,alias:"property"}}),Prism.languages.insertBefore("javascript","operator",{"literal-property":{pattern:/((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,lookbehind:!0,alias:"property"}}),Prism.languages.markup&&(Prism.languages.markup.tag.addInlined("script","javascript"),Prism.languages.markup.tag.addAttribute(/on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)/.source,"javascript")),Prism.languages.js=Prism.languages.javascript,console.log("🚀 ~ file: CodeEditorComponent.vue:185 ~ highlight, languages:",ea.highlight,ea.languages);var aa={name:"HlxCodeEditor",components:{PrismEditor:T,hlxButton:ye},props:{emailTemplate:{type:Boolean,default:!1},readOnly:{type:Boolean,default:!1},customError:{type:Boolean,default:!1},customErrorMessage:{type:String,default:""},lineNumber:{type:Boolean,default:!1},intellisenseData:{type:Object,default:()=>({})},height:{type:Number,default:200},primaryColor:{type:String,default:"#905"},secondaryColor:{type:String,default:"#690"},beautify:{type:Boolean,default:!1},rows:{type:Number,default:10},preValue:{type:[String,Number,Array,Object],default:""}},emits:["code-changes","update:value","current-word","selected-option","at-enter","schema-replaced-data"],data:()=>({code:"",colorNumber:0,schemaOptions:[],keywordOptions:[],apiOptions:[],emailOptions:[],functionOptions:[],currentWord:"",currentWordPosition:null,unique:Date.now().toString(36)+Math.random().toString(36).substr(2,5),caretDivTop:0,caretDivLeft:0,ErrorMessage:""}),watch:{readOnly:{handler(){},immediate:!0,deep:!0},customError:{handler(e){this.ErrorMessage=e?this.customErrorMessage:""}},customErrorMessage:{handler(e){this.ErrorMessage=e}},code:{handler(){},immediate:!0},preValue:{handler(e){null!=e&&""!==e&&e!==this.code&&(this.code="string"==typeof e?e:JSON.stringify(e))},immediate:!0,deep:!0}},mounted(){if(this.generateColorClasses(1e3),this.bracketColor(),this.formatBeut(),!0===this.lineNumber){document.querySelector(`.my-editor${this.unique}`).children[1].children[0].rows=this.rows,document.querySelector(`.my-editor${this.unique}`).style.height=33*this.rows+"px"}else{document.querySelector(`.my-editor${this.unique}`).children[0].children[0].rows=this.rows,document.querySelector(`.my-editor${this.unique}`).style.height=33*this.rows+"px"}if(!this.beautify){document.querySelector(".my-editor"+this.unique).style.marginTop="0px"}},methods:{replacePlaceholders(){let e=this.code;this.intellisenseData.schema.forEach((a=>{const i=new RegExp(a.label,"g");e=e.replace(i,a.value)})),this.$emit("schema-replaced-data",e)},handleCodeKeydown(e){if(!0===this.readOnly)return e.preventDefault(),void e.stopPropagation();if(13===e.keyCode){const a={e:e,code:this.code};this.$emit("at-enter",a)}},preventTab(e){e.preventDefault()},handleKeyUp(e){this.code=e.target.value,this.$emit("update:value",this.code),this.$emit("code-changes",this.code),this.replacePlaceholders()},handlePaste(e,a){e.preventDefault();const i=e.target.selectionStart+e.clipboardData.getData("text").length,o=e.target.selectionEnd+e.clipboardData.getData("text").length,t=e.clipboardData.getData("text"),n=this.code,l=e.target.selectionStart,s=n.slice(0,l)+t+n.slice(l);this.code=s,this.$emit("code-changes",s),this.replacePlaceholders(),this.$emit("update:value",s),setTimeout((()=>{if(!0===this.lineNumber){const e=document.querySelector(`.my-editor${this.unique}`);e.children[1].children[0].focus(),e.children[1].children[0].setSelectionRange(i,o)}else{const e=document.querySelector(`.my-editor${this.unique}`);e.children[0].children[0].focus(),e.children[0].children[0].setSelectionRange(i,o)}}),100)},findClosestSpan(e,a,i){const o=document.querySelectorAll(".highlight-brace");if(o)for(let e=0;e<o.length;e++)o[e].classList.remove("highlight-brace");const t=document.querySelector(`.my-editor${this.unique}`).children[1],n=t.children[0],l=t.children[1];n.style.visibility="hidden";const s=t.getElementsByTagName("SPAN");let r=[],c=[],d=Number.MAX_SAFE_INTEGER,m=Number.MAX_SAFE_INTEGER;for(let e=0;e<s.length;e++){const a=s[e];if("PRE"===a.parentNode.tagName){const e=a.getBoundingClientRect().y;if(e<i){const o=i-e;o<d?(r=[a],d=o):o===d&&r.push(a)}}}for(let e=0;e<r.length;e++){const i=r[e];if("PRE"===i.parentNode.tagName){const e=i.getBoundingClientRect().x;if(e<a){const o=a-e;o<m?(c=[i],m=o):o===m&&c.push(i)}}}if(c[0]){const e=c[0].classList;for(let a=0;a<e.length;a++)if(e[a].startsWith("newColor")){const a=l.querySelectorAll("."+e[2]);for(let e=0;e<a.length;e++)a[e].classList.add("highlight-brace")}}n.style.visibility="visible"},enterKey(e){if(console.log("Enter key pressed"),1===this.rows&&13===e.keyCode&&e.preventDefault(),13===e.keyCode){const a={e:e,code:this.code};this.$emit("at-enter",a)}this.$emit("update:value",this.code),this.replacePlaceholders()},updateCaretCoordinates(e){const a=e.target;if(a&&void 0!==a.selectionEnd){const e=q(a,a.selectionEnd);!0===this.lineNumber&&(this.caretDivLeft=e.left+33,this.caretDivTop=e.top),!0===this.beautify&&(this.caretDivLeft=e.left,this.caretDivTop=e.top+30),!0===this.beautify&&!0===this.lineNumber&&(this.caretDivLeft=e.left+33,this.caretDivTop=e.top+30),!1===this.beautify&&!1===this.lineNumber&&(this.caretDivLeft=e.left,this.caretDivTop=e.top)}},generateColorClasses(e){for(let a=1;a<=e;a++){const e=".newColor"+a+" { color: "+this.getRandomColor()+" !important; }";this.addCSS(e)}const a=".my-editor"+this.unique+" .token.property",i=".my-editor"+this.unique+" .token.tag",o=".my-editor"+this.unique+" .token.boolean",t=".my-editor"+this.unique+" .token.property",n=".my-editor"+this.unique+" .token.number",l=".my-editor"+this.unique+" .token.constant",s=".my-editor"+this.unique+" .token.symbol",r=".my-editor"+this.unique+" .token.deleted",c=a+" { color: "+this.primaryColor+" !important; }",d=i+" { color: "+this.primaryColor+" !important; }",m=o+" { color: "+this.primaryColor+" !important; }",u=t+" { color: "+this.primaryColor+" !important; }",f=n+" { color: "+this.primaryColor+" !important; }",p=l+" { color: "+this.primaryColor+" !important; }",h=s+" { color: "+this.primaryColor+" !important; }",g=r+" { color: "+this.primaryColor+" !important; }";this.addCSS(c),this.addCSS(d),this.addCSS(m),this.addCSS(u),this.addCSS(f),this.addCSS(p),this.addCSS(h),this.addCSS(g);const b=".my-editor"+this.unique+" .token.selector",A=".my-editor"+this.unique+" .token.attr-name",y=".my-editor"+this.unique+" .token.string",v=".my-editor"+this.unique+" .token.char",k=".my-editor"+this.unique+" .token.builtin",C=".my-editor"+this.unique+" .token.inserted",w=b+" { color: "+this.secondaryColor+" !important; }",S=A+" { color: "+this.secondaryColor+" !important; }",I=y+" { color: "+this.secondaryColor+" !important; }",x=v+" { color: "+this.secondaryColor+" !important; }",E=k+" { color: "+this.secondaryColor+" !important; }",R=C+" { color: "+this.secondaryColor+" !important; }";this.addCSS(w),this.addCSS(S),this.addCSS(I),this.addCSS(x),this.addCSS(E),this.addCSS(R)},addCSS(e){const a=document.head,i=document.createElement("style");i.type="text/css",i.appendChild(document.createTextNode(e)),a.appendChild(i)},getCurrentWord(e){if(console.log("event"),"my-editor"===e.target.classList[1])if(!0===this.lineNumber){document.querySelector(`.my-editor${this.unique}`).children[1].children[0].focus()}else{document.querySelector(`.my-editor${this.unique}`).children[0].children[0].focus()}if(null!==e.data&&void 0!==e.data){this.updateCaretCoordinates(e);const a=e.target.value,i=e.target.selectionS