halleyx-ui-framework 11.7.48 → 11.7.49

package/dist/es/index.js

@@ -1,4 +1,4 @@
-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 y,withModifiers as v,withDirectives as b,vShow as k,vModelText as w,defineComponent as S,toRaw as C,mergeProps as x,withKeys as A,resolveDirective as R,vModelDynamic as I,inject as M,provide as E}from"vue";import $ from"textarea-caret";import{PrismEditor as _}from"vue-prism-editor";import B from"js-beautify";import{VueDraggableNext as T}from"vue-draggable-next";import N from"vue3-apexcharts";import q from"vue3-country-flag-icon";import"vue3-country-flag-icon/dist/CountryFlag.css";import{Chart as O}from"chart.js";import*as P from"chartjs-chart-geo";import{ChoroplethController as D,GeoFeature as z,ColorScale as L,ProjectionScale as V}from"chartjs-chart-geo";import{directive as j}from"vue3-click-away";var F={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 U=["id","multiple"],K=["id"],G={key:0,style:{display:"flex"}},H=["id"],W={style:{width:"100%"}},J={key:1,style:{display:"flex"}},Z=["id"],Y=["id"];F.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",G,[t("i",{id:["arrow-"+d.unique],class:"right icon-angle-right-regular"},null,8,H)])):o("v-if",!0),t("header",W,[n(l.$slots,"item-title")]),"right"==r.direction?(e(),a("div",J,[t("i",{id:["arrow-"+d.unique],class:"right icon-angle-right-regular"},null,8,Z)])):o("v-if",!0)],8,K),t("div",{id:["content-"+d.unique],class:"accordion-content"},[n(l.$slots,"item-body")],8,Y)],8,U)),o(" </div> ")],2112)},F.__file="src/components/AccordionComponent.vue";var X={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 Q={key:0,class:"hlx-alert-wrapper"},ee=["id"],ae={class:"icon"},ie={class:"text"},oe={class:"alert-description"},te=["onClick"];X.render=function(n,m,u,f,p,h){return e(),l(s,{to:"body",class:"alert-not"},[p.notifications.length>0?(e(),a("section",Q,[(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",ae,[t("i",{class:c(h.icon(i.type))},null,2)]),t("div",ie,[t("p",oe,d(i.message),1)]),t("button",{class:"close","aria-label":"close",onClick:e=>h.closeAlert(i.id)},[...m[0]||(m[0]=[t("i",{class:"icon-times-filled"},null,-1)])],8,te)],10,ee))),128))])):o("v-if",!0)])},X.__file="src/components/AlertComponent.vue";var ne={name:"HlxBadge",props:{icon:{type:String,default:""},count:{type:Number,default:0}}};const le=["aria-label"],se={class:"icon-button__badge",style:{"font-size":"10px"}};ne.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",se,d(n.count),1)],8,le)},ne.__file="src/components/BadgeComponent.vue";var re={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 ce={class:"breadcrumb","aria-label":"Breadcrumb"},de={key:0},me=["onClick"],ue=["id","onMouseover","onMouseleave"],fe=["id","onMouseover","onMouseleave"],pe={key:3,class:"breadcrumb-separator"},he={key:1};re.render=function(n,l,s,u,f,p){return e(),a("nav",ce,["Pathway-breadcrumb"===s.type?(e(),a("ul",de,[(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,ue)):(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,fe)),o(' <router-link :to="item.link" :class="{ disabled: index === items.length - 1 } " >{{ item.label }}</router-link> '),n<s.items.length-1?(e(),a("span",pe,[p.isIconSeparator?(e(),a("i",{key:0,"aria-hidden":"true",class:c(s.separator.icon)},null,2)):(e(),a("span",he,d(s.separator),1))])):o("v-if",!0)],8,me))),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"))},[l[1]||(l[1]=t("i",{style:{"font-weight":"800"},class:"icon-arrow-left-regular"},null,-1)),t("p",null,d(s.labelValue),1)])):o("v-if",!0)])},re.__file="src/components/BreadcrumbComponent.vue";var ge={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 ye=["value","type","name","aria-label"],ve=["aria-label","href","target"];ge.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,ve)):o("v-if",!0)],10,ye)},ge.__file="src/components/ButtonComponent.vue";var be={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){try{console.log(e?.target?.innerHTML??null,"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))}catch(e){console.error("ui kit calendar:: ",e),this.$emit("selectedDate",null)}},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 ke={class:"light"},we={class:"calendar"},Se={class:"calendar-body"},Ce={class:"calendar-week-day"};be.render=function(i,n,l,s,r,c){return e(),a("div",ke,[t("div",we,[n[1]||(n[1]=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)),t("div",Se,[t("div",Ce,[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> '),n[2]||(n[2]=t("div",{class:"month-list"},null,-1))])])},be.__file="src/components/CalendarComponent.vue";var xe={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 Ae={key:0,class:"card-title"},Re={key:1,class:"card-footer"};xe.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",Ae,[t("header",null,[n(i.$slots,"card-title",{},()=>[l[0]||(l[0]=m("Card title",-1))])])])):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",{},()=>[l[1]||(l[1]=m("Card body",-1))])])],4),1==s.cardFooter?(e(),a("div",Re,[o(" {{this.cardFooter}} "),t("footer",null,[n(i.$slots,"card-footer",{},()=>[l[2]||(l[2]=m("Card footer",-1))])])])):o("v-if",!0)],6)},xe.__file="src/components/CardsComponent.vue";var Ie={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 Me=["id"];Ie.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,Me)])},Ie.__file="src/components/OverlayComponent.vue";var Ee={name:"HlxColorPalette",components:{hlxOverlay:Ie},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 $e={class:"color-palette-container"},_e={class:"color-palette-icon"},Be={key:0,class:"icon-palette-regular"},Te={key:1,class:"highlight-container"},Ne={key:0,class:"highlight-icon"},qe=["id"],Oe=["id"],Pe={class:"color-container-specific-color"},De={class:"color-container-specific-color1"},ze={class:"color-container-specific-color"},Le={class:"color-container2323"},Ve=["value"],je={key:0,class:"color-container-title"},Fe={class:"color-container-specific-color2"};Ee.render=function(n,s,c,d,m,u){const g=p("hlx-overlay");return e(),a("div",$e,[t("div",_e,[1==m.fill_color?(e(),a("i",Be)):o("v-if",!0),!0===c.highlightColor?(e(),a("div",Te,[!0===c.highlightColor?(e(),a("p",Ne,"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))},[...s[7]||(s[7]=[t("i",{class:"icon-angle-down-regular"},null,-1)])],8,qe),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"},[s[8]||(s[8]=t("p",{class:"color-container-title"},"Theme Colors",-1)),t("button",Pe,[(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",De,[(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))]),s[9]||(s[9]=t("p",{class:"color-container-title"},"Standard Colors",-1)),t("button",ze,[(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",Le,[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,Ve),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",je," Recent color ")):o("v-if",!0),t("button",Fe,[(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,Oe)]),_:1},8,["show","top","left","onCloseOverlay"])):o("v-if",!0)])},Ee.__file="src/components/ColorpaletteComponent.vue";var Ue="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function Ke(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var Ge={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(document.currentScript&&"SCRIPT"===document.currentScript.tagName)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,y=!!h.lookbehind,v=!!h.greedy,b=h.alias;if(v&&!h.pattern.global){var k=h.pattern.toString().match(/[imsuy]*$/)[0];h.pattern=RegExp(h.pattern.source,k+"g")}for(var w=h.pattern||h,S=o.next,C=r;S!==a.tail&&!(m&&C>=m.reach);C+=S.value.length,S=S.next){var x=S.value;if(a.length>e.length)return;if(!(x instanceof n)){var A,R=1;if(v){if(!(A=l(w,C,e,y))||A.index>=e.length)break;var I=A.index,M=A.index+A[0].length,E=C;for(E+=S.value.length;I>=E;)E+=(S=S.next).value.length;if(C=E-=S.value.length,S.value instanceof n)continue;for(var $=S;$!==a.tail&&(E<M||"string"==typeof $.value);$=$.next)R++,E+=$.value.length;R--,x=e.slice(C,E),A.index-=C}else if(!(A=l(w,0,x,y)))continue;I=A.index;var _=A[0],B=x.slice(0,I),T=x.slice(I+_.length),N=C+x.length;m&&N>m.reach&&(m.reach=N);var q=S.prev;if(B&&(q=c(a,q,B),C+=B.length),d(a,q,R),S=c(a,q,new n(u,g?t.tokenize(_,g):_,b,_)),T&&c(a,S,T),R>1){var O={cause:u+","+p,reach:N};s(e,a,i,S.prev,C,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:{});
+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 y,withModifiers as v,withDirectives as b,vShow as k,vModelText as w,defineComponent as S,toRaw as C,mergeProps as x,withKeys as A,resolveDirective as R,vModelDynamic as I,inject as M,provide as E}from"vue";import $ from"textarea-caret";import{PrismEditor as _}from"vue-prism-editor";import B from"js-beautify";import{VueDraggableNext as T}from"vue-draggable-next";import N from"vue3-apexcharts";import q from"vue3-country-flag-icon";import"vue3-country-flag-icon/dist/CountryFlag.css";import{Chart as O}from"chart.js";import*as P from"chartjs-chart-geo";import{ChoroplethController as D,GeoFeature as z,ColorScale as L,ProjectionScale as V}from"chartjs-chart-geo";import{directive as j}from"vue3-click-away";var F={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 U=["id","multiple"],K=["id"],G={key:0,style:{display:"flex"}},H=["id"],W={style:{width:"100%"}},J={key:1,style:{display:"flex"}},Z=["id"],Y=["id"];F.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",G,[t("i",{id:["arrow-"+d.unique],class:"right icon-angle-right-regular"},null,8,H)])):o("v-if",!0),t("header",W,[n(l.$slots,"item-title")]),"right"==r.direction?(e(),a("div",J,[t("i",{id:["arrow-"+d.unique],class:"right icon-angle-right-regular"},null,8,Z)])):o("v-if",!0)],8,K),t("div",{id:["content-"+d.unique],class:"accordion-content"},[n(l.$slots,"item-body")],8,Y)],8,U)),o(" </div> ")],2112)},F.__file="src/components/AccordionComponent.vue";var X={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 Q={key:0,class:"hlx-alert-wrapper"},ee=["id"],ae={class:"icon"},ie={class:"text"},oe={class:"alert-description"},te=["onClick"];X.render=function(n,m,u,f,p,h){return e(),l(s,{to:"body",class:"alert-not"},[p.notifications.length>0?(e(),a("section",Q,[(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",ae,[t("i",{class:c(h.icon(i.type))},null,2)]),t("div",ie,[t("p",oe,d(i.message),1)]),t("button",{class:"close","aria-label":"close",onClick:e=>h.closeAlert(i.id)},[...m[0]||(m[0]=[t("i",{class:"icon-times-filled"},null,-1)])],8,te)],10,ee))),128))])):o("v-if",!0)])},X.__file="src/components/AlertComponent.vue";var ne={name:"HlxBadge",props:{icon:{type:String,default:""},count:{type:Number,default:0}}};const le=["aria-label"],se={class:"icon-button__badge",style:{"font-size":"10px"}};ne.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",se,d(n.count),1)],8,le)},ne.__file="src/components/BadgeComponent.vue";var re={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 ce={class:"breadcrumb","aria-label":"Breadcrumb"},de={key:0},me=["onClick"],ue=["id","onMouseover","onMouseleave"],fe=["id","onMouseover","onMouseleave"],pe={key:3,class:"breadcrumb-separator"},he={key:1};re.render=function(n,l,s,u,f,p){return e(),a("nav",ce,["Pathway-breadcrumb"===s.type?(e(),a("ul",de,[(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,ue)):(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,fe)),o(' <router-link :to="item.link" :class="{ disabled: index === items.length - 1 } " >{{ item.label }}</router-link> '),n<s.items.length-1?(e(),a("span",pe,[p.isIconSeparator?(e(),a("i",{key:0,"aria-hidden":"true",class:c(s.separator.icon)},null,2)):(e(),a("span",he,d(s.separator),1))])):o("v-if",!0)],8,me))),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"))},[l[1]||(l[1]=t("i",{style:{"font-weight":"800"},class:"icon-arrow-left-regular"},null,-1)),t("p",null,d(s.labelValue),1)])):o("v-if",!0)])},re.__file="src/components/BreadcrumbComponent.vue";var ge={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 ye=["value","type","name","aria-label"],ve=["aria-label","href","target"];ge.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,ve)):o("v-if",!0)],10,ye)},ge.__file="src/components/ButtonComponent.vue";var be={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},logCalender(e){try{console.log(e?.target?.innerHTML??null,"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))}catch(e){console.error("ui kit calendar:: ",e),this.$emit("selectedDate",null)}},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 ke={class:"light"},we={class:"calendar"},Se={class:"calendar-body"},Ce={class:"calendar-week-day"};be.render=function(i,n,l,s,r,c){return e(),a("div",ke,[t("div",we,[n[1]||(n[1]=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)),t("div",Se,[t("div",Ce,[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.logCalender&&c.logCalender(...e))})]),o(' <div class="calendar-footer">\r\n\r\n        </div> '),n[2]||(n[2]=t("div",{class:"month-list"},null,-1))])])},be.__file="src/components/CalendarComponent.vue";var xe={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 Ae={key:0,class:"card-title"},Re={key:1,class:"card-footer"};xe.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",Ae,[t("header",null,[n(i.$slots,"card-title",{},()=>[l[0]||(l[0]=m("Card title",-1))])])])):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",{},()=>[l[1]||(l[1]=m("Card body",-1))])])],4),1==s.cardFooter?(e(),a("div",Re,[o(" {{this.cardFooter}} "),t("footer",null,[n(i.$slots,"card-footer",{},()=>[l[2]||(l[2]=m("Card footer",-1))])])])):o("v-if",!0)],6)},xe.__file="src/components/CardsComponent.vue";var Ie={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 Me=["id"];Ie.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,Me)])},Ie.__file="src/components/OverlayComponent.vue";var Ee={name:"HlxColorPalette",components:{hlxOverlay:Ie},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 $e={class:"color-palette-container"},_e={class:"color-palette-icon"},Be={key:0,class:"icon-palette-regular"},Te={key:1,class:"highlight-container"},Ne={key:0,class:"highlight-icon"},qe=["id"],Oe=["id"],Pe={class:"color-container-specific-color"},De={class:"color-container-specific-color1"},ze={class:"color-container-specific-color"},Le={class:"color-container2323"},Ve=["value"],je={key:0,class:"color-container-title"},Fe={class:"color-container-specific-color2"};Ee.render=function(n,s,c,d,m,u){const g=p("hlx-overlay");return e(),a("div",$e,[t("div",_e,[1==m.fill_color?(e(),a("i",Be)):o("v-if",!0),!0===c.highlightColor?(e(),a("div",Te,[!0===c.highlightColor?(e(),a("p",Ne,"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))},[...s[7]||(s[7]=[t("i",{class:"icon-angle-down-regular"},null,-1)])],8,qe),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"},[s[8]||(s[8]=t("p",{class:"color-container-title"},"Theme Colors",-1)),t("button",Pe,[(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",De,[(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))]),s[9]||(s[9]=t("p",{class:"color-container-title"},"Standard Colors",-1)),t("button",ze,[(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",Le,[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,Ve),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",je," Recent color ")):o("v-if",!0),t("button",Fe,[(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,Oe)]),_:1},8,["show","top","left","onCloseOverlay"])):o("v-if",!0)])},Ee.__file="src/components/ColorpaletteComponent.vue";var Ue="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function Ke(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var Ge={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(document.currentScript&&"SCRIPT"===document.currentScript.tagName)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,y=!!h.lookbehind,v=!!h.greedy,b=h.alias;if(v&&!h.pattern.global){var k=h.pattern.toString().match(/[imsuy]*$/)[0];h.pattern=RegExp(h.pattern.source,k+"g")}for(var w=h.pattern||h,S=o.next,C=r;S!==a.tail&&!(m&&C>=m.reach);C+=S.value.length,S=S.next){var x=S.value;if(a.length>e.length)return;if(!(x instanceof n)){var A,R=1;if(v){if(!(A=l(w,C,e,y))||A.index>=e.length)break;var I=A.index,M=A.index+A[0].length,E=C;for(E+=S.value.length;I>=E;)E+=(S=S.next).value.length;if(C=E-=S.value.length,S.value instanceof n)continue;for(var $=S;$!==a.tail&&(E<M||"string"==typeof $.value);$=$.next)R++,E+=$.value.length;R--,x=e.slice(C,E),A.index-=C}else if(!(A=l(w,0,x,y)))continue;I=A.index;var _=A[0],B=x.slice(0,I),T=x.slice(I+_.length),N=C+x.length;m&&N>m.reach&&(m.reach=N);var q=S.prev;if(B&&(q=c(a,q,B),C+=B.length),d(a,q,R),S=c(a,q,new n(u,g?t.tokenize(_,g):_,b,_)),T&&c(a,S,T),R>1){var O={cause:u+","+p,reach:N};s(e,a,i,S.prev,C,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
 	 *