@useinsider/ab-components 0.0.90 → 0.0.91

package/dist/ab-components.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),Ot="_button__size_default_aw3lw_1",Pt="_button__size_small_aw3lw_8",Dt="_button_aw3lw_1",Ht="_button__label_aw3lw_60",Ft="_button__solid_aw3lw_72",Wt="_fill_aw3lw_1302",fe={button__size_default:Ot,button__size_small:Pt,button:Dt,button__label:Ht,"button__solid-primary":"_button__solid-primary_aw3lw_72","no-hover-effect":"_no-hover-effect_aw3lw_79","button--selected":"_button--selected_aw3lw_99","button__solid-subtle-primary":"_button__solid-subtle-primary_aw3lw_105","button__solid-secondary":"_button__solid-secondary_aw3lw_138","button__solid-neutral":"_button__solid-neutral_aw3lw_171","button__solid-danger":"_button__solid-danger_aw3lw_204","button__solid-warning":"_button__solid-warning_aw3lw_237","button__solid-smart":"_button__solid-smart_aw3lw_270","button__solid-toolbar-primary":"_button__solid-toolbar-primary_aw3lw_303","button__solid-toolbar-smart":"_button__solid-toolbar-smart_aw3lw_336","button__ghost-primary":"_button__ghost-primary_aw3lw_369","button__ghost-subtle-primary":"_button__ghost-subtle-primary_aw3lw_402","button__ghost-secondary":"_button__ghost-secondary_aw3lw_435","button__ghost-neutral":"_button__ghost-neutral_aw3lw_468","button__ghost-danger":"_button__ghost-danger_aw3lw_501","button__ghost-warning":"_button__ghost-warning_aw3lw_534","button__ghost-smart":"_button__ghost-smart_aw3lw_567","button__ghost-toolbar-primary":"_button__ghost-toolbar-primary_aw3lw_600","button__ghost-toolbar-smart":"_button__ghost-toolbar-smart_aw3lw_633","button__text-primary":"_button__text-primary_aw3lw_666","button__text-text":"_button__text-text_aw3lw_699","button__text-subtle-primary":"_button__text-subtle-primary_aw3lw_732","button__text-secondary":"_button__text-secondary_aw3lw_765","button__text-neutral":"_button__text-neutral_aw3lw_798","button__text-danger":"_button__text-danger_aw3lw_831","button__text-warning":"_button__text-warning_aw3lw_864","button__text-smart":"_button__text-smart_aw3lw_897","button__outline-primary":"_button__outline-primary_aw3lw_930","button__outline-subtle-primary":"_button__outline-subtle-primary_aw3lw_966","button__outline-secondary":"_button__outline-secondary_aw3lw_1002","button__outline-neutral":"_button__outline-neutral_aw3lw_1038","button__outline-danger":"_button__outline-danger_aw3lw_1074","button__outline-warning":"_button__outline-warning_aw3lw_1110","button__outline-smart":"_button__outline-smart_aw3lw_1146",button__solid:Ft,fill:Wt},Ut=["disabled"],ze=e.defineComponent({__name:"Button",props:{variant:{},color:{},size:{default:"default"},leftIconName:{},rightIconName:{},iconSize:{default:16},iconColor:{},loadingStatus:{type:Boolean,default:!1},successStatus:{type:Boolean,default:!1},label:{},disabled:{type:Boolean,default:!1},fill:{type:Boolean,default:!1},selected:{type:Boolean,default:!1},customClass:{}},emits:["click"],setup(t,{emit:l}){const n=t,o=l,r=i=>{n.disabled||o("click",i)},c=e.computed(()=>n.loadingStatus?"loading-circle":n.successStatus?"line-check-natural":n.leftIconName),a=e.computed(()=>{const i=[fe.button,fe[`button__${n.variant}`],fe[`button__${n.variant}-${n.color}`],fe[`button__size_${n.size}`]];return n.fill&&i.push(fe.fill),n.selected&&i.push(fe["button--selected"]),n.customClass&&i.push(n.customClass),i});return(i,s)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(a.value),disabled:n.disabled,onClick:r},[c.value?(e.openBlock(),e.createBlock(e.unref(H),{key:0,color:i.iconColor,name:c.value,size:i.iconSize},null,8,["color","name","size"])):e.createCommentVNode("",!0),i.label?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(fe).button__label)},e.toDisplayString(i.label),3)):e.createCommentVNode("",!0),i.rightIconName?(e.openBlock(),e.createBlock(e.unref(H),{key:2,color:i.iconColor,name:i.rightIconName,size:i.iconSize},null,8,["color","name","size"])):e.createCommentVNode("",!0)],10,Ut))}}),qt="_chip__label_1hm91_1",Yt="_chip_1hm91_1",Kt="_chip__remove_1hm91_54",Qt="_chip__icon_1hm91_71",Gt="_chip__thumbnail_1hm91_80",jt="_chip__thumbnailImage_1hm91_89",ie={chip__label:qt,chip:Yt,chip__remove:Kt,"chip--clickable":"_chip--clickable_1hm91_58","chip--default":"_chip--default_1hm91_61",chip__icon:Qt,chip__thumbnail:Gt,chip__thumbnailImage:jt},Xt=["alt","src"],Zt=e.defineComponent({__name:"Chip",props:{label:{},thumbnailUrl:{},thumbnailAlt:{},iconName:{},removable:{type:Boolean,default:!1},clickable:{type:Boolean,default:!1},variant:{default:"default"}},emits:["remove","click"],setup(t,{emit:l}){const n=t,o=l,r=e.computed(()=>[ie.chip,ie[`chip--${n.variant}`],{[ie["chip--clickable"]]:n.clickable}]);function c(){n.clickable&&o("click")}function a(i){i.stopPropagation(),o("remove")}return(i,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(r.value),onClick:c},[i.thumbnailUrl||i.iconName?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(ie).chip__thumbnail)},[i.thumbnailUrl?(e.openBlock(),e.createElementBlock("img",{key:0,alt:i.thumbnailAlt||i.label,class:e.normalizeClass(e.unref(ie).chip__thumbnailImage),src:i.thumbnailUrl},null,10,Xt)):i.iconName?(e.openBlock(),e.createBlock(e.unref(H),{key:1,class:e.normalizeClass(e.unref(ie).chip__icon),name:i.iconName,size:24},null,8,["class","name"])):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.createElementVNode("span",{class:e.normalizeClass(e.unref(ie).chip__label)},e.toDisplayString(i.label),3),i.removable?(e.openBlock(),e.createElementBlock("button",{key:1,type:"button",class:e.normalizeClass(e.unref(ie).chip__remove),onClick:a},[e.createVNode(e.unref(H),{name:"chip-close",size:4})],2)):e.createCommentVNode("",!0)],2))}}),Jt="_checkbox__label_wgkvb_1",en="_checkbox_wgkvb_1",tn="_checkbox__input_wgkvb_57",nn="_checkbox__box_wgkvb_65",on="_checkbox__disabled_wgkvb_87",ln="_checkbox__checked_wgkvb_87",ye={checkbox__label:Jt,checkbox:en,checkbox__input:tn,checkbox__box:nn,checkbox__disabled:on,checkbox__checked:ln},an=["for"],rn=["id","checked","disabled","name","value"],sn=e.defineComponent({__name:"Checkbox",props:{id:{},name:{default:""},label:{default:""},checked:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},value:{default:""},modelValue:{type:Boolean}},emits:["update:modelValue","change"],setup(t,{emit:l}){const n=t,o=l,r=e.computed(()=>n.modelValue!==void 0?n.modelValue:n.checked);function c(a){if(n.disabled){a.preventDefault();return}const s=a.target.checked;o("update:modelValue",s),o("change",s)}return(a,i)=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass([e.unref(ye).checkbox,{[e.unref(ye).checkbox__checked]:r.value,[e.unref(ye).checkbox__disabled]:a.disabled}]),for:a.id},[e.createElementVNode("input",{id:a.id,type:"checkbox",checked:r.value,class:e.normalizeClass(e.unref(ye).checkbox__input),disabled:a.disabled,name:a.name,value:a.value,onChange:c},null,42,rn),e.createElementVNode("span",{class:e.normalizeClass(e.unref(ye).checkbox__box)},[r.value?(e.openBlock(),e.createBlock(e.unref(H),{key:0,name:"line-check-netural",size:16})):e.createCommentVNode("",!0)],2),a.label?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(ye).checkbox__label)},e.toDisplayString(a.label),3)):e.createCommentVNode("",!0),e.renderSlot(a.$slots,"default")],10,an))}}),cn="_colorPreview_16zoj_36",un="_colorPreview__container_16zoj_55",dn="_colorPreview__swatch_16zoj_61",Oe={colorPreview:cn,"colorPreview--default":"_colorPreview--default_16zoj_42","colorPreview--medium":"_colorPreview--medium_16zoj_46","colorPreview--small":"_colorPreview--small_16zoj_50",colorPreview__container:un,colorPreview__swatch:dn},pn=e.defineComponent({__name:"ColorPreview",props:{colors:{},size:{default:"default"}},setup(t){const l=t,n=e.computed(()=>[Oe.colorPreview,Oe[`colorPreview--${l.size}`]]);return(o,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(n.value)},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(Oe).colorPreview__container)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.colors,(c,a)=>(e.openBlock(),e.createElementBlock("div",{key:a,class:e.normalizeClass(e.unref(Oe).colorPreview__swatch),style:e.normalizeStyle({backgroundColor:c})},null,6))),128))],2)],2))}}),_n={key:0,class:"in-basic-text-input-wrapper__label"},fn=["innerHTML"],mn={class:"in-basic-text-input-wrapper__input-field"},hn={key:0,class:"in-basic-text-input-wrapper__slot-left"},gn=["id","autocomplete","disabled","maxlength","min","name","max","placeholder","readonly","type","value"],vn={key:2,class:"in-basic-text-input-wrapper__suffix-text"},bn={key:4,class:"in-basic-text-input-wrapper__slot-right"},wn={key:1,class:"in-basic-text-input-wrapper__helper-container"},yn={key:0,class:"in-basic-text-input-wrapper__helper-message"},kn={key:0,class:"in-basic-text-input-wrapper__helper-text"},Cn={key:1,class:"in-basic-text-input-wrapper__helper-text"},Bn=e.defineComponent({__name:"InBasicTextInput",props:{id:{},name:{},theme:{default:"grey"},modelValue:{default:""},labelStatus:{type:Boolean,default:!0},labelText:{default:""},type:{default:"text"},states:{default:"default"},placeholderText:{},disabledStatus:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},leftIconStatus:{type:Boolean,default:!1},leftIconName:{default:void 0},rightIconStatus:{type:Boolean,default:!1},rightIconName:{default:void 0},suffixTextStatus:{type:Boolean,default:!1},suffixText:{default:""},autoComplete:{default:"off"},maxCharacterLength:{default:""},minValue:{default:0},maxValue:{default:""},autoFocus:{type:Boolean,default:!1},allowDecimal:{type:Boolean,default:!1},allowComma:{type:Boolean,default:!0},preventXss:{type:Boolean,default:!0},helperMessageStatus:{type:Boolean,default:!0},helperMessage:{default:""},stateMessage:{default:""}},emits:["update:modelValue","input","change","focus","blur","keyup","keypress","click","paste","leftIconClick","rightIconClick"],setup(t,{emit:l}){const n=t,o=l,r=e.ref(""),c=e.computed(()=>n.preventXss?String(n.labelText).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#039;"):n.labelText),a=e.computed(()=>n.states==="default"),i=e.computed(()=>n.states==="warning"||n.states==="error"),s=e.computed(()=>n.helperMessageStatus||i.value),u=e.computed(()=>n.type==="number"),d=e.computed(()=>{const p=["e","E","+","\\"],_=typeof n.minValue=="number"?n.minValue:Number(n.minValue);return!isNaN(_)&&_>=0&&p.push("-"),n.allowDecimal||p.push("."),n.allowComma||p.push(","),p}),h=p=>d.value.includes(p),b=p=>{var _;if(n.preventXss&&(p!=null&&p.target)){const k=String(p.target.value).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#039;");p.target.value!==k&&(p.target.value=k)}return r.value=((_=p==null?void 0:p.target)==null?void 0:_.value)||"",p},f=p=>{if(!(p!=null&&p.target))return;const _=p.target,{selectionStart:k}=_;if(k===null)return;const w=k-1,{value:v}=p.target,V=y(),N=[...v.matchAll(V)].map(M=>M.index);p.target.value=v.replace(V,""),N.length>0&&w>=0&&_.setSelectionRange(w,w)},x=p=>{if(!(p!=null&&p.target))return;const{value:_}=p.target,k=p.target,{selectionStart:w}=k;if(w===null)return;const v=w-1,V=B(),N=[..._.matchAll(V)].map(D=>D.index),M=_.split("");N.length>1&&v>=0&&(M[v]=""),p.target.value=M.join(""),N.length>1&&v>=0&&k.setSelectionRange(v,v)},B=()=>{let p="";return n.allowDecimal&&(p+="."),n.allowComma&&(p+=","),new RegExp(`[${p}]`,"g")},y=()=>{let p="0-9";return n.allowDecimal&&(p+="\\."),n.allowComma&&(p+=","),new RegExp(`[^${p}]+`,"g")},m=p=>{o("keyup",p)},g=p=>{p.key==="Enter"&&o("keypress",p),u.value&&h(p.key)&&p.preventDefault()},A=p=>{o("focus",p)},E=p=>{o("blur",p)},z=p=>{o("click",p)},L=p=>{var w;const _=p;u.value&&(f(_),x(_)),b(_);const k=((w=_==null?void 0:_.target)==null?void 0:w.value)||"";r.value=k,o("input",k),o("update:modelValue",k)},S=p=>{var w;const _=p;u.value&&(f(_),x(_)),b(_);const k=((w=_==null?void 0:_.target)==null?void 0:w.value)||"";r.value=k,o("change",k),o("update:modelValue",k)},$=p=>{var Le,oe;if(n.maxCharacterLength&&typeof n.maxCharacterLength=="number"){const W=p.target,K=W.selectionStart,le=W.selectionEnd;if(K===null||le===null)return;const{value:Ve}=W,ae=((Le=p.clipboardData)==null?void 0:Le.getData("text/plain"))||"",Qe=Ve.length,pe=le-K,_e=n.maxCharacterLength-Qe+pe;if(_e<=0){p.preventDefault();return}const Ee=ae.slice(0,_e);if(Ee!==ae){p.preventDefault();const we=Ve.slice(0,K)+Ee+Ve.slice(le);W.value=we;const ut=K+Ee.length;W.setSelectionRange(ut,ut),r.value=we,o("input",we),o("update:modelValue",we);return}}if(!u.value)return;p.preventDefault();const _=p.target,k=_.selectionStart,w=_.selectionEnd;if(k===null||w===null)return;const{value:v}=_,V=v.includes(".")||v.includes(","),N=((oe=p.clipboardData)==null?void 0:oe.getData("text/plain"))||"",M=B(),D=y();let O=N.replace(D,"");const Ke=[...O.matchAll(M)],ne=[];Ke.forEach(W=>{W.index!==void 0&&ne.push(W.index)});const de=O.split("");V||ne.shift(),ne.forEach(W=>{de[W]=""}),O=de.join("");const Re=k+O.length,be=v.slice(0,k)+O+v.slice(w);_.value=be,_.setSelectionRange(Re,Re),r.value=be,o("input",be),o("update:modelValue",be)},C=p=>{o("leftIconClick",p)},I=p=>{o("rightIconClick",p)},T=()=>{e.nextTick(()=>{var p;(p=P.value)==null||p.focus()})},P=e.ref(null),q=e.ref(null);return e.watch(()=>n.modelValue,p=>{r.value=p},{immediate:!0}),e.watch(()=>n.autoFocus,p=>{p&&T()}),e.onMounted(()=>{n.autoFocus&&T()}),(p,_)=>(e.openBlock(),e.createElementBlock("fieldset",{ref_key:"componentRoot",ref:q,class:e.normalizeClass(["in-basic-text-input-wrapper qa-text-input",[`in-basic-text-input-wrapper__${p.states}`,`in-basic-text-input-wrapper__${p.theme}`,{"in-basic-text-input-wrapper__disable":p.disabledStatus}]])},[p.labelStatus?(e.openBlock(),e.createElementBlock("label",_n,[e.createElementVNode("span",{innerHTML:c.value},null,8,fn)])):e.createCommentVNode("",!0),e.createElementVNode("div",mn,[p.$slots.leftSlot?(e.openBlock(),e.createElementBlock("div",hn,[e.renderSlot(p.$slots,"leftSlot",{},void 0,!0)])):e.createCommentVNode("",!0),p.leftIconStatus?(e.openBlock(),e.createBlock(e.unref(H),{key:1,class:"in-basic-text-input-wrapper__icon-left",name:p.leftIconName,size:24,onClick:C},null,8,["name"])):e.createCommentVNode("",!0),e.createElementVNode("input",{id:p.id,ref_key:"textInput",ref:P,class:"in-basic-text-input-wrapper__input",autocomplete:p.autoComplete,disabled:p.disabledStatus,maxlength:typeof p.maxCharacterLength=="number"?p.maxCharacterLength:void 0,min:typeof p.minValue=="number"?p.minValue:void 0,name:p.name,max:typeof p.maxValue=="number"?p.maxValue:void 0,placeholder:p.placeholderText,readonly:p.readonly,type:p.type,value:r.value,onBlur:E,onChange:S,onClick:z,onFocus:A,onInput:L,onKeypress:g,onKeyup:m,onPaste:$},null,40,gn),p.suffixTextStatus&&p.suffixText?(e.openBlock(),e.createElementBlock("span",vn,e.toDisplayString(p.suffixText),1)):e.createCommentVNode("",!0),p.rightIconStatus?(e.openBlock(),e.createBlock(e.unref(H),{key:3,class:"in-basic-text-input-wrapper__icon-right",name:p.rightIconName,size:24,onClick:I},null,8,["name"])):e.createCommentVNode("",!0),p.$slots.rightSlot?(e.openBlock(),e.createElementBlock("div",bn,[e.renderSlot(p.$slots,"rightSlot",{},void 0,!0)])):e.createCommentVNode("",!0)]),s.value?(e.openBlock(),e.createElementBlock("div",wn,[p.helperMessageStatus||i.value?(e.openBlock(),e.createElementBlock("div",yn,[a.value?(e.openBlock(),e.createElementBlock("p",kn,e.toDisplayString(p.helperMessage),1)):e.createCommentVNode("",!0),i.value&&!p.disabledStatus?(e.openBlock(),e.createElementBlock("p",Cn,e.toDisplayString(p.stateMessage),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],2))}}),j=(t,l)=>{const n=t.__vccOpts||t;for(const[o,r]of l)n[o]=r;return n},nt=j(Bn,[["__scopeId","data-v-d1065d86"]]),xn={key:0,class:"color-swatch__transparent"},An=e.defineComponent({__name:"ColorSwatch",props:{color:{},isTransparent:{type:Boolean}},emits:["click"],setup(t){const l=t,n=e.computed(()=>{if(l.color.startsWith("#")&&l.color.length===9)return!0;if(l.color.startsWith("rgba")){const o=l.color.match(/[\d.]+\)$/);if(o)return parseFloat(o[0])<1}return!1});return(o,r)=>(e.openBlock(),e.createElementBlock("div",{class:"color-swatch",onClick:r[0]||(r[0]=c=>o.$emit("click"))},[o.isTransparent||n.value?(e.openBlock(),e.createElementBlock("div",xn,[r[1]||(r[1]=e.createElementVNode("div",{class:"color-swatch__checkerboard"},null,-1)),n.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"color-swatch__color-overlay",style:e.normalizeStyle({background:o.color})},null,4)):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock("div",{key:1,class:"color-swatch__color",style:e.normalizeStyle({background:o.color})},null,4))]))}}),dt=j(An,[["__scopeId","data-v-acd257b0"]]),Vn={class:"color-picker"},En={class:"color-picker__header-wrapper"},Sn={class:"color-picker__header"},In={class:"color-picker__title"},zn={key:0,class:"color-picker__tabs"},Nn={class:"color-picker__content-wrapper"},Mn={class:"color-picker__gradient-wrapper"},Tn={class:"color-picker__color-area"},$n={class:"color-picker__hue-wrapper"},Rn={class:"color-picker__opacity-wrapper"},Ln={class:"color-picker__hex-input-wrapper"},On={key:0,class:"color-picker__preset-row"},Pn={key:1,class:"color-picker__preset-row"},Dn={key:2,class:"color-picker__preset-row"},Hn=e.defineComponent({__name:"ColorPicker",props:{color:{default:"#666666"},title:{default:"Text Color"},showSaveButton:{type:Boolean,default:!1},presetColors:{default:()=>["transparent","#000000","#333333","#666666","#999999","#CCCCCC","#FFFFFF","#F43736","#FF9800","#FFC207","#FFEB3B","#CDDC39","#8BC44A","#4CAF51","#009688","#07BCD4","#05AAF4","#3F52B5"]},firstRowCount:{default:10},showOpacityInHex:{type:Boolean,default:!0}},emits:["color-change","close"],setup(t,{emit:l}){const n=t,o=l,r=e.ref(0),c=e.ref(0),a=e.ref(.4),i=e.ref(1),s=e.ref("666666"),u=e.ref([]),d=e.ref(!1),h=e.ref(null),b=e.ref(null),f=e.ref(null),x=e.computed(()=>{const _=n.presetColors||[],k=[],w=11,v=n.firstRowCount;if(_.length===0)return k;k.push(_.slice(0,v));for(let V=v;V<_.length;V+=w)k.push(_.slice(V,V+w));return k}),B=e.computed(()=>{const _=r.value,k=1-Math.abs(_*6%2-1);let w=0,v=0,V=0;return _<1/6?(w=1,v=k):_<2/6?(w=k,v=1):_<3/6?(v=1,V=k):_<4/6?(v=k,V=1):_<5/6?(w=k,V=1):(w=1,V=k),`rgb(${Math.round(w*255)}, ${Math.round(v*255)}, ${Math.round(V*255)})`}),y=e.computed(()=>{const _=r.value,k=c.value,w=a.value,v=w*k,V=v*(1-Math.abs(_*6%2-1)),N=w-v;let M=0,D=0,O=0;return _<1/6?(M=v,D=V):_<2/6?(M=V,D=v):_<3/6?(D=v,O=V):_<4/6?(D=V,O=v):_<5/6?(M=V,O=v):(M=v,O=V),M=Math.round((M+N)*255),D=Math.round((D+N)*255),O=Math.round((O+N)*255),`rgb(${M}, ${D}, ${O})`}),m=e.computed(()=>{const _=y.value.match(/\d+/g);return _?i.value<1?`rgba(${_[0]}, ${_[1]}, ${_[2]}, ${i.value})`:`rgb(${_[0]}, ${_[1]}, ${_[2]})`:y.value});e.watch([r,c,a,i],()=>{g(),d.value||o("color-change",m.value)}),e.watch(()=>n.color,_=>{_&&(d.value=!0,_.toLowerCase()==="transparent"?p():C(_),setTimeout(()=>{d.value=!1},0))},{immediate:!0});function g(){if(i.value===0){s.value="";return}const _=y.value.match(/\d+/g);if(!_)return;const k=_.map(w=>parseInt(w).toString(16).padStart(2,"0")).join("").toUpperCase();if(n.showOpacityInHex){const w=Math.round(i.value*255).toString(16).padStart(2,"0").toUpperCase();s.value=k+w}else s.value=k}function A(_){const k=V=>{if(!h.value)return;const N=h.value.getBoundingClientRect(),M=Math.max(0,Math.min(1,(V.clientX-N.left)/N.width)),D=Math.max(0,Math.min(1,(V.clientY-N.top)/N.height));c.value=M,a.value=1-D};k(_);const w=V=>{k(V)},v=()=>{document.removeEventListener("mousemove",w),document.removeEventListener("mouseup",v)};document.addEventListener("mousemove",w),document.addEventListener("mouseup",v)}function E(_){const k=V=>{if(!b.value)return;const N=b.value.getBoundingClientRect(),M=Math.max(0,Math.min(1,(V.clientY-N.top)/N.height));r.value=M};k(_);const w=V=>{k(V)},v=()=>{document.removeEventListener("mousemove",w),document.removeEventListener("mouseup",v)};document.addEventListener("mousemove",w),document.addEventListener("mouseup",v)}function z(_){const k=V=>{if(!f.value)return;const N=f.value.getBoundingClientRect(),M=Math.max(0,Math.min(1,(V.clientX-N.left)/N.width));i.value=1-M};k(_);const w=V=>{k(V)},v=()=>{document.removeEventListener("mousemove",w),document.removeEventListener("mouseup",v)};document.addEventListener("mousemove",w),document.addEventListener("mouseup",v)}function L(_){const k=n.showOpacityInHex?8:6,w=String(_).replace(/[^0-9A-Fa-f]/g,"").slice(0,k).toUpperCase();s.value=w,n.showOpacityInHex?(w.length===6||w.length===8)&&C(w):w.length===6&&C(w)}function S(_){var V;const k=((V=_.clipboardData)==null?void 0:V.getData("text"))||"",w=n.showOpacityInHex?8:6,v=k.replace(/^#/,"").replace(/[^0-9A-Fa-f]/g,"").slice(0,w).toUpperCase();n.showOpacityInHex?v.length===6||v.length===8?(s.value=v,C(v),_.preventDefault()):v.length>0&&(s.value=v,_.preventDefault()):v.length===6?(s.value=v,C(v),_.preventDefault()):v.length>0&&(s.value=v,_.preventDefault())}function $(){const _=n.showOpacityInHex?8:6;s.value.length!==_&&g()}function C(_){const k=_.startsWith("#")?_.slice(1):_,w=/^([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(k),v=/^([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(k),V=v||w;if(!V){const oe=/rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*([\d.]+))?\)/.exec(_);if(oe){const W=parseInt(oe[1],10)/255,K=parseInt(oe[2],10)/255,le=parseInt(oe[3],10)/255,Ve=oe[4]?parseFloat(oe[4]):1,ae=Math.max(W,K,le),Qe=Math.min(W,K,le),pe=ae-Qe;let _e=0;pe!==0&&(ae===W?_e=((K-le)/pe+(K<le?6:0))/6:ae===K?_e=((le-W)/pe+2)/6:_e=((W-K)/pe+4)/6);const Ee=ae===0?0:pe/ae,we=ae;r.value=_e,c.value=Ee,a.value=we,i.value=Ve,g();return}return}const N=parseInt(V[1],16)/255,M=parseInt(V[2],16)/255,D=parseInt(V[3],16)/255;v&&V[4]?i.value=parseInt(V[4],16)/255:i.value=1;const O=Math.max(N,M,D),Ke=Math.min(N,M,D),ne=O-Ke;let de=0;ne!==0&&(O===N?de=((M-D)/ne+(M<D?6:0))/6:O===M?de=((D-N)/ne+2)/6:de=((N-M)/ne+4)/6);const Re=O===0?0:ne/O,be=O;r.value=de,c.value=Re,a.value=be;const Le=_.replace(/^#/,"");s.value=Le.slice(0,6).toUpperCase()}function I(_){i.value=_}function T(){const _=y.value.match(/\d+/g);if(!_)return"ffffff";const k=_.map(v=>parseInt(v).toString(16).padStart(2,"0")).join("").toUpperCase(),w=Math.round(i.value*255).toString(16).padStart(2,"0").toUpperCase();return`#${k}${w}`}function P(){const _=T();u.value.includes(_)||u.value.push(_)}function q(_){C(_)}function p(){s.value="",i.value=0,r.value=0,c.value=0,a.value=.4,o("color-change","transparent")}return(_,k)=>(e.openBlock(),e.createElementBlock("div",Vn,[e.createElementVNode("div",En,[e.createElementVNode("div",Sn,[e.createElementVNode("h3",In,e.toDisplayString(_.title),1)]),_.$slots.tabs?(e.openBlock(),e.createElementBlock("div",zn,[e.renderSlot(_.$slots,"tabs",{},void 0,!0)])):e.createCommentVNode("",!0)]),e.createElementVNode("div",Nn,[e.createElementVNode("div",Mn,[e.createElementVNode("div",Tn,[e.createElementVNode("div",{ref_key:"colorPickerRef",ref:h,class:"color-picker__color-canvas",style:e.normalizeStyle({background:`linear-gradient(to bottom, transparent, black),
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),Ot="_button__size_default_aw3lw_1",Pt="_button__size_small_aw3lw_8",Dt="_button_aw3lw_1",Ht="_button__label_aw3lw_60",Ft="_button__solid_aw3lw_72",Wt="_fill_aw3lw_1302",fe={button__size_default:Ot,button__size_small:Pt,button:Dt,button__label:Ht,"button__solid-primary":"_button__solid-primary_aw3lw_72","no-hover-effect":"_no-hover-effect_aw3lw_79","button--selected":"_button--selected_aw3lw_99","button__solid-subtle-primary":"_button__solid-subtle-primary_aw3lw_105","button__solid-secondary":"_button__solid-secondary_aw3lw_138","button__solid-neutral":"_button__solid-neutral_aw3lw_171","button__solid-danger":"_button__solid-danger_aw3lw_204","button__solid-warning":"_button__solid-warning_aw3lw_237","button__solid-smart":"_button__solid-smart_aw3lw_270","button__solid-toolbar-primary":"_button__solid-toolbar-primary_aw3lw_303","button__solid-toolbar-smart":"_button__solid-toolbar-smart_aw3lw_336","button__ghost-primary":"_button__ghost-primary_aw3lw_369","button__ghost-subtle-primary":"_button__ghost-subtle-primary_aw3lw_402","button__ghost-secondary":"_button__ghost-secondary_aw3lw_435","button__ghost-neutral":"_button__ghost-neutral_aw3lw_468","button__ghost-danger":"_button__ghost-danger_aw3lw_501","button__ghost-warning":"_button__ghost-warning_aw3lw_534","button__ghost-smart":"_button__ghost-smart_aw3lw_567","button__ghost-toolbar-primary":"_button__ghost-toolbar-primary_aw3lw_600","button__ghost-toolbar-smart":"_button__ghost-toolbar-smart_aw3lw_633","button__text-primary":"_button__text-primary_aw3lw_666","button__text-text":"_button__text-text_aw3lw_699","button__text-subtle-primary":"_button__text-subtle-primary_aw3lw_732","button__text-secondary":"_button__text-secondary_aw3lw_765","button__text-neutral":"_button__text-neutral_aw3lw_798","button__text-danger":"_button__text-danger_aw3lw_831","button__text-warning":"_button__text-warning_aw3lw_864","button__text-smart":"_button__text-smart_aw3lw_897","button__outline-primary":"_button__outline-primary_aw3lw_930","button__outline-subtle-primary":"_button__outline-subtle-primary_aw3lw_966","button__outline-secondary":"_button__outline-secondary_aw3lw_1002","button__outline-neutral":"_button__outline-neutral_aw3lw_1038","button__outline-danger":"_button__outline-danger_aw3lw_1074","button__outline-warning":"_button__outline-warning_aw3lw_1110","button__outline-smart":"_button__outline-smart_aw3lw_1146",button__solid:Ft,fill:Wt},Ut=["disabled"],ze=e.defineComponent({__name:"Button",props:{variant:{},color:{},size:{default:"default"},leftIconName:{},rightIconName:{},iconSize:{default:16},iconColor:{},loadingStatus:{type:Boolean,default:!1},successStatus:{type:Boolean,default:!1},label:{},disabled:{type:Boolean,default:!1},fill:{type:Boolean,default:!1},selected:{type:Boolean,default:!1},customClass:{}},emits:["click"],setup(t,{emit:l}){const n=t,o=l,r=i=>{n.disabled||o("click",i)},c=e.computed(()=>n.loadingStatus?"loading-circle":n.successStatus?"line-check-natural":n.leftIconName),a=e.computed(()=>{const i=[fe.button,fe[`button__${n.variant}`],fe[`button__${n.variant}-${n.color}`],fe[`button__size_${n.size}`]];return n.fill&&i.push(fe.fill),n.selected&&i.push(fe["button--selected"]),n.customClass&&i.push(n.customClass),i});return(i,s)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(a.value),disabled:n.disabled,onClick:r},[c.value?(e.openBlock(),e.createBlock(e.unref(H),{key:0,color:i.iconColor,name:c.value,size:i.iconSize},null,8,["color","name","size"])):e.createCommentVNode("",!0),i.label?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(fe).button__label)},e.toDisplayString(i.label),3)):e.createCommentVNode("",!0),i.rightIconName?(e.openBlock(),e.createBlock(e.unref(H),{key:2,color:i.iconColor,name:i.rightIconName,size:i.iconSize},null,8,["color","name","size"])):e.createCommentVNode("",!0)],10,Ut))}}),qt="_chip__label_1hm91_1",Yt="_chip_1hm91_1",Kt="_chip__remove_1hm91_54",Qt="_chip__icon_1hm91_71",Gt="_chip__thumbnail_1hm91_80",jt="_chip__thumbnailImage_1hm91_89",ie={chip__label:qt,chip:Yt,chip__remove:Kt,"chip--clickable":"_chip--clickable_1hm91_58","chip--default":"_chip--default_1hm91_61",chip__icon:Qt,chip__thumbnail:Gt,chip__thumbnailImage:jt},Xt=["alt","src"],Zt=e.defineComponent({__name:"Chip",props:{label:{},thumbnailUrl:{},thumbnailAlt:{},iconName:{},removable:{type:Boolean,default:!1},clickable:{type:Boolean,default:!1},variant:{default:"default"}},emits:["remove","click"],setup(t,{emit:l}){const n=t,o=l,r=e.computed(()=>[ie.chip,ie[`chip--${n.variant}`],{[ie["chip--clickable"]]:n.clickable}]);function c(){n.clickable&&o("click")}function a(i){i.stopPropagation(),o("remove")}return(i,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(r.value),onClick:c},[i.thumbnailUrl||i.iconName?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(ie).chip__thumbnail)},[i.thumbnailUrl?(e.openBlock(),e.createElementBlock("img",{key:0,alt:i.thumbnailAlt||i.label,class:e.normalizeClass(e.unref(ie).chip__thumbnailImage),src:i.thumbnailUrl},null,10,Xt)):i.iconName?(e.openBlock(),e.createBlock(e.unref(H),{key:1,class:e.normalizeClass(e.unref(ie).chip__icon),name:i.iconName,size:24},null,8,["class","name"])):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.createElementVNode("span",{class:e.normalizeClass(e.unref(ie).chip__label)},e.toDisplayString(i.label),3),i.removable?(e.openBlock(),e.createElementBlock("button",{key:1,type:"button",class:e.normalizeClass(e.unref(ie).chip__remove),onClick:a},[e.createVNode(e.unref(H),{name:"chip-close",size:4})],2)):e.createCommentVNode("",!0)],2))}}),Jt="_checkbox__label_wgkvb_1",en="_checkbox_wgkvb_1",tn="_checkbox__input_wgkvb_57",nn="_checkbox__box_wgkvb_65",on="_checkbox__disabled_wgkvb_87",ln="_checkbox__checked_wgkvb_87",ye={checkbox__label:Jt,checkbox:en,checkbox__input:tn,checkbox__box:nn,checkbox__disabled:on,checkbox__checked:ln},an=["for"],rn=["id","checked","disabled","name","value"],sn=e.defineComponent({__name:"Checkbox",props:{id:{},name:{default:""},label:{default:""},checked:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},value:{default:""},modelValue:{type:Boolean}},emits:["update:modelValue","change"],setup(t,{emit:l}){const n=t,o=l,r=e.computed(()=>n.modelValue!==void 0?n.modelValue:n.checked);function c(a){if(n.disabled){a.preventDefault();return}const s=a.target.checked;o("update:modelValue",s),o("change",s)}return(a,i)=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass([e.unref(ye).checkbox,{[e.unref(ye).checkbox__checked]:r.value,[e.unref(ye).checkbox__disabled]:a.disabled}]),for:a.id},[e.createElementVNode("input",{id:a.id,type:"checkbox",checked:r.value,class:e.normalizeClass(e.unref(ye).checkbox__input),disabled:a.disabled,name:a.name,value:a.value,onChange:c},null,42,rn),e.createElementVNode("span",{class:e.normalizeClass(e.unref(ye).checkbox__box)},[r.value?(e.openBlock(),e.createBlock(e.unref(H),{key:0,name:"line-check-netural",size:16})):e.createCommentVNode("",!0)],2),a.label?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(ye).checkbox__label)},e.toDisplayString(a.label),3)):e.createCommentVNode("",!0),e.renderSlot(a.$slots,"default")],10,an))}}),cn="_colorPreview_16zoj_36",un="_colorPreview__container_16zoj_55",dn="_colorPreview__swatch_16zoj_61",Oe={colorPreview:cn,"colorPreview--default":"_colorPreview--default_16zoj_42","colorPreview--medium":"_colorPreview--medium_16zoj_46","colorPreview--small":"_colorPreview--small_16zoj_50",colorPreview__container:un,colorPreview__swatch:dn},pn=e.defineComponent({__name:"ColorPreview",props:{colors:{},size:{default:"default"}},setup(t){const l=t,n=e.computed(()=>[Oe.colorPreview,Oe[`colorPreview--${l.size}`]]);return(o,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(n.value)},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(Oe).colorPreview__container)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.colors,(c,a)=>(e.openBlock(),e.createElementBlock("div",{key:a,class:e.normalizeClass(e.unref(Oe).colorPreview__swatch),style:e.normalizeStyle({backgroundColor:c})},null,6))),128))],2)],2))}}),_n={key:0,class:"in-basic-text-input-wrapper__label"},fn=["innerHTML"],mn={class:"in-basic-text-input-wrapper__input-field"},hn={key:0,class:"in-basic-text-input-wrapper__slot-left"},gn=["id","autocomplete","disabled","max","maxlength","min","name","placeholder","readonly","type","value"],vn={key:2,class:"in-basic-text-input-wrapper__suffix-text"},bn={key:4,class:"in-basic-text-input-wrapper__slot-right"},wn={key:1,class:"in-basic-text-input-wrapper__helper-container"},yn={key:0,class:"in-basic-text-input-wrapper__helper-message"},kn={key:0,class:"in-basic-text-input-wrapper__helper-text"},Cn={key:1,class:"in-basic-text-input-wrapper__helper-text"},Bn=e.defineComponent({__name:"InBasicTextInput",props:{id:{},name:{},theme:{default:"grey"},modelValue:{default:""},labelStatus:{type:Boolean,default:!0},labelText:{default:""},type:{default:"text"},states:{default:"default"},placeholderText:{},disabledStatus:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},leftIconStatus:{type:Boolean,default:!1},leftIconName:{default:void 0},rightIconStatus:{type:Boolean,default:!1},rightIconName:{default:void 0},suffixTextStatus:{type:Boolean,default:!1},suffixText:{default:""},autoComplete:{default:"off"},maxCharacterLength:{default:""},minValue:{default:0},maxValue:{default:""},autoFocus:{type:Boolean,default:!1},allowDecimal:{type:Boolean,default:!1},allowComma:{type:Boolean,default:!0},preventXss:{type:Boolean,default:!0},helperMessageStatus:{type:Boolean,default:!0},helperMessage:{default:""},stateMessage:{default:""}},emits:["update:modelValue","input","change","focus","blur","keyup","keypress","click","paste","leftIconClick","rightIconClick"],setup(t,{emit:l}){const n=t,o=l,r=e.ref(""),c=e.computed(()=>n.preventXss?String(n.labelText).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#039;"):n.labelText),a=e.computed(()=>n.states==="default"),i=e.computed(()=>n.states==="warning"||n.states==="error"),s=e.computed(()=>n.helperMessageStatus||i.value),u=e.computed(()=>n.type==="number"),d=e.computed(()=>{const p=["e","E","+","\\"],_=typeof n.minValue=="number"?n.minValue:Number(n.minValue);return!isNaN(_)&&_>=0&&p.push("-"),n.allowDecimal||p.push("."),n.allowComma||p.push(","),p}),h=p=>d.value.includes(p),b=p=>{var _;if(n.preventXss&&(p!=null&&p.target)){const k=String(p.target.value).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#039;");p.target.value!==k&&(p.target.value=k)}return r.value=((_=p==null?void 0:p.target)==null?void 0:_.value)||"",p},f=p=>{if(!(p!=null&&p.target))return;const _=p.target,{selectionStart:k}=_;if(k===null)return;const w=k-1,{value:v}=p.target,V=y(),N=[...v.matchAll(V)].map(M=>M.index);p.target.value=v.replace(V,""),N.length>0&&w>=0&&_.setSelectionRange(w,w)},x=p=>{if(!(p!=null&&p.target))return;const{value:_}=p.target,k=p.target,{selectionStart:w}=k;if(w===null)return;const v=w-1,V=B(),N=[..._.matchAll(V)].map(D=>D.index),M=_.split("");N.length>1&&v>=0&&(M[v]=""),p.target.value=M.join(""),N.length>1&&v>=0&&k.setSelectionRange(v,v)},B=()=>{let p="";return n.allowDecimal&&(p+="."),n.allowComma&&(p+=","),new RegExp(`[${p}]`,"g")},y=()=>{let p="0-9";return n.allowDecimal&&(p+="\\."),n.allowComma&&(p+=","),new RegExp(`[^${p}]+`,"g")},m=p=>{o("keyup",p)},g=p=>{p.key==="Enter"&&o("keypress",p),u.value&&h(p.key)&&p.preventDefault()},A=p=>{o("focus",p)},E=p=>{o("blur",p)},z=p=>{o("click",p)},L=p=>{var w;const _=p;u.value&&(f(_),x(_)),b(_);const k=((w=_==null?void 0:_.target)==null?void 0:w.value)||"";r.value=k,o("input",k),o("update:modelValue",k)},S=p=>{var w;const _=p;u.value&&(f(_),x(_)),b(_);const k=((w=_==null?void 0:_.target)==null?void 0:w.value)||"";r.value=k,o("change",k),o("update:modelValue",k)},$=p=>{var Le,oe;if(n.maxCharacterLength&&typeof n.maxCharacterLength=="number"){const W=p.target,K=W.selectionStart,le=W.selectionEnd;if(K===null||le===null)return;const{value:Ve}=W,ae=((Le=p.clipboardData)==null?void 0:Le.getData("text/plain"))||"",Qe=Ve.length,pe=le-K,_e=n.maxCharacterLength-Qe+pe;if(_e<=0){p.preventDefault();return}const Ee=ae.slice(0,_e);if(Ee!==ae){p.preventDefault();const we=Ve.slice(0,K)+Ee+Ve.slice(le);W.value=we;const ut=K+Ee.length;W.setSelectionRange(ut,ut),r.value=we,o("input",we),o("update:modelValue",we);return}}if(!u.value)return;p.preventDefault();const _=p.target,k=_.selectionStart,w=_.selectionEnd;if(k===null||w===null)return;const{value:v}=_,V=v.includes(".")||v.includes(","),N=((oe=p.clipboardData)==null?void 0:oe.getData("text/plain"))||"",M=B(),D=y();let O=N.replace(D,"");const Ke=[...O.matchAll(M)],ne=[];Ke.forEach(W=>{W.index!==void 0&&ne.push(W.index)});const de=O.split("");V||ne.shift(),ne.forEach(W=>{de[W]=""}),O=de.join("");const Re=k+O.length,be=v.slice(0,k)+O+v.slice(w);_.value=be,_.setSelectionRange(Re,Re),r.value=be,o("input",be),o("update:modelValue",be)},C=p=>{o("leftIconClick",p)},I=p=>{o("rightIconClick",p)},T=()=>{e.nextTick(()=>{var p;(p=P.value)==null||p.focus()})},P=e.ref(null),q=e.ref(null);return e.watch(()=>n.modelValue,p=>{r.value=p},{immediate:!0}),e.watch(()=>n.autoFocus,p=>{p&&T()}),e.onMounted(()=>{n.autoFocus&&T()}),(p,_)=>(e.openBlock(),e.createElementBlock("fieldset",{ref_key:"componentRoot",ref:q,class:e.normalizeClass(["in-basic-text-input-wrapper qa-text-input",[`in-basic-text-input-wrapper__${p.states}`,`in-basic-text-input-wrapper__${p.theme}`,{"in-basic-text-input-wrapper__disable":p.disabledStatus}]])},[p.labelStatus?(e.openBlock(),e.createElementBlock("label",_n,[e.createElementVNode("span",{innerHTML:c.value},null,8,fn)])):e.createCommentVNode("",!0),e.createElementVNode("div",mn,[p.$slots.leftSlot?(e.openBlock(),e.createElementBlock("div",hn,[e.renderSlot(p.$slots,"leftSlot",{},void 0,!0)])):e.createCommentVNode("",!0),p.leftIconStatus?(e.openBlock(),e.createBlock(e.unref(H),{key:1,class:"in-basic-text-input-wrapper__icon-left",name:p.leftIconName,size:24,onClick:C},null,8,["name"])):e.createCommentVNode("",!0),e.createElementVNode("input",{id:p.id,ref_key:"textInput",ref:P,class:"in-basic-text-input-wrapper__input",autocomplete:p.autoComplete,disabled:p.disabledStatus,max:typeof p.maxValue=="number"?p.maxValue:void 0,maxlength:typeof p.maxCharacterLength=="number"?p.maxCharacterLength:void 0,min:typeof p.minValue=="number"?p.minValue:void 0,name:p.name,placeholder:p.placeholderText,readonly:p.readonly,type:p.type,value:r.value,onBlur:E,onChange:S,onClick:z,onFocus:A,onInput:L,onKeypress:g,onKeyup:m,onPaste:$},null,40,gn),p.suffixTextStatus&&p.suffixText?(e.openBlock(),e.createElementBlock("span",vn,e.toDisplayString(p.suffixText),1)):e.createCommentVNode("",!0),p.rightIconStatus?(e.openBlock(),e.createBlock(e.unref(H),{key:3,class:"in-basic-text-input-wrapper__icon-right",name:p.rightIconName,size:24,onClick:I},null,8,["name"])):e.createCommentVNode("",!0),p.$slots.rightSlot?(e.openBlock(),e.createElementBlock("div",bn,[e.renderSlot(p.$slots,"rightSlot",{},void 0,!0)])):e.createCommentVNode("",!0)]),s.value?(e.openBlock(),e.createElementBlock("div",wn,[p.helperMessageStatus||i.value?(e.openBlock(),e.createElementBlock("div",yn,[a.value?(e.openBlock(),e.createElementBlock("p",kn,e.toDisplayString(p.helperMessage),1)):e.createCommentVNode("",!0),i.value&&!p.disabledStatus?(e.openBlock(),e.createElementBlock("p",Cn,e.toDisplayString(p.stateMessage),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],2))}}),j=(t,l)=>{const n=t.__vccOpts||t;for(const[o,r]of l)n[o]=r;return n},nt=j(Bn,[["__scopeId","data-v-9a80ceac"]]),xn={key:0,class:"color-swatch__transparent"},An=e.defineComponent({__name:"ColorSwatch",props:{color:{},isTransparent:{type:Boolean}},emits:["click"],setup(t){const l=t,n=e.computed(()=>{if(l.color.startsWith("#")&&l.color.length===9)return!0;if(l.color.startsWith("rgba")){const o=l.color.match(/[\d.]+\)$/);if(o)return parseFloat(o[0])<1}return!1});return(o,r)=>(e.openBlock(),e.createElementBlock("div",{class:"color-swatch",onClick:r[0]||(r[0]=c=>o.$emit("click"))},[o.isTransparent||n.value?(e.openBlock(),e.createElementBlock("div",xn,[r[1]||(r[1]=e.createElementVNode("div",{class:"color-swatch__checkerboard"},null,-1)),n.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"color-swatch__color-overlay",style:e.normalizeStyle({background:o.color})},null,4)):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock("div",{key:1,class:"color-swatch__color",style:e.normalizeStyle({background:o.color})},null,4))]))}}),dt=j(An,[["__scopeId","data-v-acd257b0"]]),Vn={class:"color-picker"},En={class:"color-picker__header-wrapper"},Sn={class:"color-picker__header"},In={class:"color-picker__title"},zn={key:0,class:"color-picker__tabs"},Nn={class:"color-picker__content-wrapper"},Mn={class:"color-picker__gradient-wrapper"},Tn={class:"color-picker__color-area"},$n={class:"color-picker__hue-wrapper"},Rn={class:"color-picker__opacity-wrapper"},Ln={class:"color-picker__hex-input-wrapper"},On={key:0,class:"color-picker__preset-row"},Pn={key:1,class:"color-picker__preset-row"},Dn={key:2,class:"color-picker__preset-row"},Hn=e.defineComponent({__name:"ColorPicker",props:{color:{default:"#666666"},title:{default:"Text Color"},showSaveButton:{type:Boolean,default:!1},presetColors:{default:()=>["transparent","#000000","#333333","#666666","#999999","#CCCCCC","#FFFFFF","#F43736","#FF9800","#FFC207","#FFEB3B","#CDDC39","#8BC44A","#4CAF51","#009688","#07BCD4","#05AAF4","#3F52B5"]},firstRowCount:{default:10},showOpacityInHex:{type:Boolean,default:!0}},emits:["color-change","close"],setup(t,{emit:l}){const n=t,o=l,r=e.ref(0),c=e.ref(0),a=e.ref(.4),i=e.ref(1),s=e.ref("666666"),u=e.ref([]),d=e.ref(!1),h=e.ref(null),b=e.ref(null),f=e.ref(null),x=e.computed(()=>{const _=n.presetColors||[],k=[],w=11,v=n.firstRowCount;if(_.length===0)return k;k.push(_.slice(0,v));for(let V=v;V<_.length;V+=w)k.push(_.slice(V,V+w));return k}),B=e.computed(()=>{const _=r.value,k=1-Math.abs(_*6%2-1);let w=0,v=0,V=0;return _<1/6?(w=1,v=k):_<2/6?(w=k,v=1):_<3/6?(v=1,V=k):_<4/6?(v=k,V=1):_<5/6?(w=k,V=1):(w=1,V=k),`rgb(${Math.round(w*255)}, ${Math.round(v*255)}, ${Math.round(V*255)})`}),y=e.computed(()=>{const _=r.value,k=c.value,w=a.value,v=w*k,V=v*(1-Math.abs(_*6%2-1)),N=w-v;let M=0,D=0,O=0;return _<1/6?(M=v,D=V):_<2/6?(M=V,D=v):_<3/6?(D=v,O=V):_<4/6?(D=V,O=v):_<5/6?(M=V,O=v):(M=v,O=V),M=Math.round((M+N)*255),D=Math.round((D+N)*255),O=Math.round((O+N)*255),`rgb(${M}, ${D}, ${O})`}),m=e.computed(()=>{const _=y.value.match(/\d+/g);return _?i.value<1?`rgba(${_[0]}, ${_[1]}, ${_[2]}, ${i.value})`:`rgb(${_[0]}, ${_[1]}, ${_[2]})`:y.value});e.watch([r,c,a,i],()=>{g(),d.value||o("color-change",m.value)}),e.watch(()=>n.color,_=>{_&&(d.value=!0,_.toLowerCase()==="transparent"?p():C(_),setTimeout(()=>{d.value=!1},0))},{immediate:!0});function g(){if(i.value===0){s.value="";return}const _=y.value.match(/\d+/g);if(!_)return;const k=_.map(w=>parseInt(w).toString(16).padStart(2,"0")).join("").toUpperCase();if(n.showOpacityInHex){const w=Math.round(i.value*255).toString(16).padStart(2,"0").toUpperCase();s.value=k+w}else s.value=k}function A(_){const k=V=>{if(!h.value)return;const N=h.value.getBoundingClientRect(),M=Math.max(0,Math.min(1,(V.clientX-N.left)/N.width)),D=Math.max(0,Math.min(1,(V.clientY-N.top)/N.height));c.value=M,a.value=1-D};k(_);const w=V=>{k(V)},v=()=>{document.removeEventListener("mousemove",w),document.removeEventListener("mouseup",v)};document.addEventListener("mousemove",w),document.addEventListener("mouseup",v)}function E(_){const k=V=>{if(!b.value)return;const N=b.value.getBoundingClientRect(),M=Math.max(0,Math.min(1,(V.clientY-N.top)/N.height));r.value=M};k(_);const w=V=>{k(V)},v=()=>{document.removeEventListener("mousemove",w),document.removeEventListener("mouseup",v)};document.addEventListener("mousemove",w),document.addEventListener("mouseup",v)}function z(_){const k=V=>{if(!f.value)return;const N=f.value.getBoundingClientRect(),M=Math.max(0,Math.min(1,(V.clientX-N.left)/N.width));i.value=1-M};k(_);const w=V=>{k(V)},v=()=>{document.removeEventListener("mousemove",w),document.removeEventListener("mouseup",v)};document.addEventListener("mousemove",w),document.addEventListener("mouseup",v)}function L(_){const k=n.showOpacityInHex?8:6,w=String(_).replace(/[^0-9A-Fa-f]/g,"").slice(0,k).toUpperCase();s.value=w,n.showOpacityInHex?(w.length===6||w.length===8)&&C(w):w.length===6&&C(w)}function S(_){var V;const k=((V=_.clipboardData)==null?void 0:V.getData("text"))||"",w=n.showOpacityInHex?8:6,v=k.replace(/^#/,"").replace(/[^0-9A-Fa-f]/g,"").slice(0,w).toUpperCase();n.showOpacityInHex?v.length===6||v.length===8?(s.value=v,C(v),_.preventDefault()):v.length>0&&(s.value=v,_.preventDefault()):v.length===6?(s.value=v,C(v),_.preventDefault()):v.length>0&&(s.value=v,_.preventDefault())}function $(){const _=n.showOpacityInHex?8:6;s.value.length!==_&&g()}function C(_){const k=_.startsWith("#")?_.slice(1):_,w=/^([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(k),v=/^([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(k),V=v||w;if(!V){const oe=/rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*([\d.]+))?\)/.exec(_);if(oe){const W=parseInt(oe[1],10)/255,K=parseInt(oe[2],10)/255,le=parseInt(oe[3],10)/255,Ve=oe[4]?parseFloat(oe[4]):1,ae=Math.max(W,K,le),Qe=Math.min(W,K,le),pe=ae-Qe;let _e=0;pe!==0&&(ae===W?_e=((K-le)/pe+(K<le?6:0))/6:ae===K?_e=((le-W)/pe+2)/6:_e=((W-K)/pe+4)/6);const Ee=ae===0?0:pe/ae,we=ae;r.value=_e,c.value=Ee,a.value=we,i.value=Ve,g();return}return}const N=parseInt(V[1],16)/255,M=parseInt(V[2],16)/255,D=parseInt(V[3],16)/255;v&&V[4]?i.value=parseInt(V[4],16)/255:i.value=1;const O=Math.max(N,M,D),Ke=Math.min(N,M,D),ne=O-Ke;let de=0;ne!==0&&(O===N?de=((M-D)/ne+(M<D?6:0))/6:O===M?de=((D-N)/ne+2)/6:de=((N-M)/ne+4)/6);const Re=O===0?0:ne/O,be=O;r.value=de,c.value=Re,a.value=be;const Le=_.replace(/^#/,"");s.value=Le.slice(0,6).toUpperCase()}function I(_){i.value=_}function T(){const _=y.value.match(/\d+/g);if(!_)return"ffffff";const k=_.map(v=>parseInt(v).toString(16).padStart(2,"0")).join("").toUpperCase(),w=Math.round(i.value*255).toString(16).padStart(2,"0").toUpperCase();return`#${k}${w}`}function P(){const _=T();u.value.includes(_)||u.value.push(_)}function q(_){C(_)}function p(){s.value="",i.value=0,r.value=0,c.value=0,a.value=.4,o("color-change","transparent")}return(_,k)=>(e.openBlock(),e.createElementBlock("div",Vn,[e.createElementVNode("div",En,[e.createElementVNode("div",Sn,[e.createElementVNode("h3",In,e.toDisplayString(_.title),1)]),_.$slots.tabs?(e.openBlock(),e.createElementBlock("div",zn,[e.renderSlot(_.$slots,"tabs",{},void 0,!0)])):e.createCommentVNode("",!0)]),e.createElementVNode("div",Nn,[e.createElementVNode("div",Mn,[e.createElementVNode("div",Tn,[e.createElementVNode("div",{ref_key:"colorPickerRef",ref:h,class:"color-picker__color-canvas",style:e.normalizeStyle({background:`linear-gradient(to bottom, transparent, black),
                         linear-gradient(to right, white, ${B.value})`}),onMousedown:A},[e.createElementVNode("div",{class:"color-picker__color-indicator",style:e.normalizeStyle({left:`${c.value*100}%`,top:`${(1-a.value)*100}%`})},null,4)],36)]),e.createElementVNode("div",$n,[e.createElementVNode("div",{ref_key:"hueSliderRef",ref:b,class:"color-picker__hue-slider",onMousedown:E},[e.createElementVNode("div",{class:"color-picker__hue-indicator",style:e.normalizeStyle({top:`${r.value*100}%`})},null,4)],544)])]),e.createElementVNode("div",Rn,[e.createElementVNode("div",{ref_key:"opacitySliderRef",ref:f,class:"color-picker__opacity-slider",onMousedown:z},[k[1]||(k[1]=e.createElementVNode("div",{class:"color-picker__opacity-checkerboard"},null,-1)),e.createElementVNode("div",{class:"color-picker__opacity-gradient",style:e.normalizeStyle({background:`linear-gradient(to right, ${y.value}, transparent)`})},null,4),e.createElementVNode("div",{class:"color-picker__opacity-handle",style:e.normalizeStyle({left:`${(1-i.value)*100}%`})},null,4)],544)]),e.createElementVNode("div",Ln,[e.createVNode(nt,{id:"color-picker-hex-input",name:"hex-input","placeholder-text":"",type:"text","helper-message-status":!1,"label-status":!1,modelValue:s.value,"onUpdate:modelValue":k[0]||(k[0]=w=>s.value=w),onBlur:$,onInput:L,onPaste:S},null,8,["modelValue"])]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(x.value,(w,v)=>(e.openBlock(),e.createElementBlock("div",{key:`preset-row-${v}`,class:"color-picker__preset-row"},[v===0?(e.openBlock(),e.createElementBlock("div",{key:0,class:"color-picker__no-color",onClick:p},[e.createVNode(e.unref(H),{name:"no-color",size:14})])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(w,(V,N)=>(e.openBlock(),e.createBlock(dt,{key:`preset-${v}-${N}`,color:V,"is-transparent":V==="transparent",onClick:M=>V==="transparent"?I(0):C(V)},null,8,["color","is-transparent","onClick"]))),128))]))),128)),x.value.length===0?(e.openBlock(),e.createElementBlock("div",On,[e.createElementVNode("div",{class:"color-picker__no-color",onClick:p},[e.createVNode(e.unref(H),{name:"no-color",size:14})])])):e.createCommentVNode("",!0),_.showSaveButton&&u.value.length>0?(e.openBlock(),e.createElementBlock("div",Pn,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.value,(w,v)=>(e.openBlock(),e.createBlock(dt,{key:`saved-${v}`,color:w,onClick:V=>q(w)},null,8,["color","onClick"]))),128)),e.createElementVNode("button",{class:"color-picker__save-button",title:"Save current color",onClick:P})])):_.showSaveButton?(e.openBlock(),e.createElementBlock("div",Dn,[e.createElementVNode("button",{class:"color-picker__save-button",title:"Save current color",onClick:P})])):e.createCommentVNode("",!0)])]))}}),Fn=j(Hn,[["__scopeId","data-v-f9f196ce"]]),ot={mounted(t,l){t.clickOutsideEvent=o=>{const r=(l.value.exclude||[]).filter(a=>a.value).map(a=>a.value);[t,...r].some(a=>a&&(a===o.target||a.contains(o.target)))||l.value.handler()};const n=l.value.capture??!1;t.clickOutsideCapture=n,document.addEventListener("click",t.clickOutsideEvent,n)},unmounted(t){if(t.clickOutsideEvent){const l=t.clickOutsideCapture??!1;document.removeEventListener("click",t.clickOutsideEvent,l)}}},Wn=(t,l)=>{var o;let n=0;for(const r of t)if(r.toLowerCase()===((o=l[n])==null?void 0:o.toLowerCase())&&n++,n===l.length)return!0;return!1},Ct=(t,l,n)=>{if(!n.trim())return t;const o=n.toLowerCase();return t.filter(r=>{const c=String(r[l]);return Wn(c.toLowerCase(),o)}).sort((r,c)=>{const a=String(r[l]).toLowerCase(),i=String(c[l]).toLowerCase();return a===o?-1:i===o?1:a.startsWith(o)&&!i.startsWith(o)?-1:!a.startsWith(o)&&i.startsWith(o)?1:a.length-i.length})},Un="_menu_1sfnf_1",qn="_dropdown_1sfnf_1",Yn="_dropdown__valueContent_1sfnf_50",Kn="_dropdown__label_1sfnf_61",Qn="_dropdown__value_1sfnf_50",Gn="_dropdown__placeholder_1sfnf_69",jn="_dropdown__arrowIcon_1sfnf_77",Xn="_menu__searchContainer_1sfnf_92",Zn="_menu__searchInputWrap_1sfnf_96",Jn="_menu__searchInput_1sfnf_96",eo="_menu__errorMessage_1sfnf_115",to="_menu__addButton_1sfnf_122",no="_menu__itemContainer_1sfnf_130",oo="_menu__item_1sfnf_130",F={menu:Un,dropdown:qn,dropdown__valueContent:Yn,"dropdown__valueContent--open":"_dropdown__valueContent--open_1sfnf_58",dropdown__label:Kn,dropdown__value:Qn,dropdown__placeholder:Gn,dropdown__arrowIcon:jn,menu__searchContainer:Xn,menu__searchInputWrap:Zn,menu__searchInput:Jn,"menu__searchInput--error":"_menu__searchInput--error_1sfnf_112",menu__errorMessage:eo,menu__addButton:to,menu__itemContainer:no,menu__item:oo,"menu__item--active":"_menu__item--active_1sfnf_169"},lo=["for"],ao=["placeholder"],ro=["onClick"],io=e.defineComponent({__name:"DropdownMenu",props:{id:{},label:{},modelValue:{default:""},menuHeight:{default:154},placeholder:{},addable:{type:Boolean,default:!1},addButtonText:{},searchable:{type:Boolean,default:!1},searchPlaceHolder:{},items:{},validateAddItem:{type:Function,default:()=>null}},emits:["update:modelValue","add-error","item-added","select-item"],setup(t,{emit:l}){const n=ot,o=t,r=l,c=e.ref(),a=e.ref(),i=e.ref(!1),s=e.ref(null),u=e.ref(""),d=e.ref(null),h=e.ref({x:0,y:0,width:0,shouldOpenUp:!1,height:o.menuHeight}),b=e.reactive([...o.items]),f=e.reactive([...o.items]),x=()=>{if(!c.value)return;const{offsetTop:C,offsetLeft:I,offsetWidth:T}=c.value,P=window.innerHeight,q=C+c.value.offsetHeight,p=q+o.menuHeight>P;h.value={x:I+window.scrollX,y:p?C+window.scrollY:q+window.scrollY,width:T,shouldOpenUp:p,height:o.menuHeight}},B=()=>{x(),i.value=!i.value},y=()=>{d.value=null,u.value="",b.splice(0,b.length,...f)},m=()=>{i.value=!1,y()},g=C=>{s.value=C,r("select-item",C),r("update:modelValue",C.value),m()},A=()=>{const C=u.value.trim(),I=o.validateAddItem(C,f);if(I){d.value=I,r("add-error",I);return}const T={text:C,value:C};f.push(T),y(),r("item-added",T)},E=()=>{const C=Ct(f,"text",u.value);b.splice(0,b.length,...C)},z=()=>{d.value=""},L=e.computed(()=>({top:h.value.shouldOpenUp?`${h.value.y-10}px`:`${h.value.y}px`,left:`${h.value.x}px`,width:`${h.value.width}px`,height:`${o.menuHeight}px`}));e.onMounted(()=>{if(x(),o.modelValue){const C=f.find(I=>I.value===o.modelValue);C&&(s.value=C)}});const S=e.computed(()=>s.value?s.value.text:"");e.watch(()=>o.modelValue,C=>{var I;if(((I=s.value)==null?void 0:I.value)!==C){const T=f.find(P=>P.value===C);T&&(s.value=T)}}),e.watch(()=>o.items,C=>{f.splice(0,f.length,...C),b.splice(0,b.length,...C)},{deep:!0});const $=e.ref({handler:m,exclude:[c,a]});return(C,I)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{ref_key:"dropdownRef",ref:c,class:e.normalizeClass(e.unref(F).dropdown)},[C.label?(e.openBlock(),e.createElementBlock("label",{key:0,class:e.normalizeClass(e.unref(F).dropdown__label),for:C.id},e.toDisplayString(C.label),11,lo)):e.createCommentVNode("",!0),e.createElementVNode("button",{class:e.normalizeClass([e.unref(F).dropdown__valueContent,{[e.unref(F)["dropdown__valueContent--open"]]:i.value}]),onClick:B},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(F).dropdown__value)},e.toDisplayString(S.value),3),C.placeholder&&!S.value?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(F).dropdown__placeholder)},e.toDisplayString(C.placeholder),3)):e.createCommentVNode("",!0),(e.openBlock(),e.createElementBlock("svg",{fill:"none",height:"17",viewBox:"0 0 16 17",width:"16",xmlns:"http://www.w3.org/2000/svg",class:e.normalizeClass(e.unref(F).dropdown__arrowIcon)},I[2]||(I[2]=[e.createElementVNode("path",{d:"M8 11.2021L4.5359 6.70215L11.4641 6.70215L8 11.2021Z",fill:"#91949F"},null,-1)]),2))],2)],2),e.withDirectives((e.openBlock(),e.createElementBlock("div",{ref_key:"menuRef",ref:a,class:e.normalizeClass(e.unref(F).menu),style:e.normalizeStyle(L.value),onClick:I[1]||(I[1]=e.withModifiers(()=>{},["prevent"]))},[o.searchable?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(F).menu__searchContainer)},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(F).menu__searchInputWrap)},[e.withDirectives(e.createElementVNode("input",{type:"text",class:e.normalizeClass([e.unref(F).menu__searchInput,{[e.unref(F)["menu__searchInput--error"]]:d.value}]),placeholder:C.searchPlaceHolder,"onUpdate:modelValue":I[0]||(I[0]=T=>u.value=T),onFocus:z,onInput:E},null,42,ao),[[e.vModelText,u.value]]),d.value?(e.openBlock(),e.createElementBlock("p",{key:0,class:e.normalizeClass(e.unref(F).menu__errorMessage)},e.toDisplayString(d.value),3)):e.createCommentVNode("",!0)],2),o.addable?(e.openBlock(),e.createElementBlock("button",{key:0,class:e.normalizeClass(e.unref(F).menu__addButton),onClick:A},e.toDisplayString(C.addButtonText),3)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.createElementVNode("ul",{class:e.normalizeClass(e.unref(F).menu__itemContainer)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(b,(T,P)=>(e.openBlock(),e.createElementBlock("li",{key:`${T.value}-${P}`,class:e.normalizeClass([e.unref(F).menu__item,{[e.unref(F)["menu__item--active"]]:s.value&&T.value===s.value.value}]),onClick:q=>g(T)},e.toDisplayString(T.text),11,ro))),128))],2)],6)),[[e.vShow,i.value],[e.unref(n),$.value]])],64))}}),pt={"mixed-text-color-icon":{viewBox:"0 0 24 24",content:`
         <path d="M20 18H4C2.9 18 2 18.9 2 20C2 21.1 2.9 22 4 22H20C21.1 22 22 21.1 22 20C22 18.9 21.1 18 20 18Z" fill="url(#pattern0_5043_65214)"/>
         <path class="preserve-fill" d="M11.9997 2C12.3784 2 12.7248 2.21401 12.8942 2.55273L18.8942 14.5527C19.1412 15.0467 18.9409 15.6475 18.447 15.8945C17.953 16.1414 17.3521 15.9412 17.1052 15.4473L15.3815 12H8.61785L6.89422 15.4473C6.6472 15.9412 6.04637 16.1415 5.55242 15.8945C5.05863 15.6475 4.85828 15.0466 5.10516 14.5527L11.1052 2.55273L11.1764 2.43164C11.3613 2.16374 11.6683 2.00009 11.9997 2ZM9.61785 10H14.3815L11.9997 5.23633L9.61785 10Z" fill="#495366"/>