@useinsider/ab-components 0.0.90 → 0.0.91-beta.1

package/dist/ab-components.umd.js

@@ -1,4 +1,4 @@
-(function($,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):($=typeof globalThis<"u"?globalThis:$||self,e($.AbComponents={},$.Vue))})(this,function($,e){"use strict";const pe={button__size_default:"_button__size_default_aw3lw_1",button__size_small:"_button__size_small_aw3lw_8",button:"_button_aw3lw_1",button__label:"_button__label_aw3lw_60","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:"_button__solid_aw3lw_72",fill:"_fill_aw3lw_1302"},Dt=["disabled"],Se=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=[pe.button,pe[`button__${n.variant}`],pe[`button__${n.variant}-${n.color}`],pe[`button__size_${n.size}`]];return n.fill&&i.push(pe.fill),n.selected&&i.push(pe["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(pe).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,Dt))}}),se={chip__label:"_chip__label_1hm91_1",chip:"_chip_1hm91_1",chip__remove:"_chip__remove_1hm91_54","chip--clickable":"_chip--clickable_1hm91_58","chip--default":"_chip--default_1hm91_61",chip__icon:"_chip__icon_1hm91_71",chip__thumbnail:"_chip__thumbnail_1hm91_80",chip__thumbnailImage:"_chip__thumbnailImage_1hm91_89"},Ht=["alt","src"],Ft=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(()=>[se.chip,se[`chip--${n.variant}`],{[se["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(se).chip__thumbnail)},[i.thumbnailUrl?(e.openBlock(),e.createElementBlock("img",{key:0,alt:i.thumbnailAlt||i.label,class:e.normalizeClass(e.unref(se).chip__thumbnailImage),src:i.thumbnailUrl},null,10,Ht)):i.iconName?(e.openBlock(),e.createBlock(e.unref(H),{key:1,class:e.normalizeClass(e.unref(se).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(se).chip__label)},e.toDisplayString(i.label),3),i.removable?(e.openBlock(),e.createElementBlock("button",{key:1,type:"button",class:e.normalizeClass(e.unref(se).chip__remove),onClick:a},[e.createVNode(e.unref(H),{name:"chip-close",size:4})],2)):e.createCommentVNode("",!0)],2))}}),ye={checkbox__label:"_checkbox__label_wgkvb_1",checkbox:"_checkbox_wgkvb_1",checkbox__input:"_checkbox__input_wgkvb_57",checkbox__box:"_checkbox__box_wgkvb_65",checkbox__disabled:"_checkbox__disabled_wgkvb_87",checkbox__checked:"_checkbox__checked_wgkvb_87"},Wt=["for"],vt=["id","checked","disabled","name","value"],Ut=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,vt),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,Wt))}}),Oe={colorPreview:"_colorPreview_16zoj_36","colorPreview--default":"_colorPreview--default_16zoj_42","colorPreview--medium":"_colorPreview--medium_16zoj_46","colorPreview--small":"_colorPreview--small_16zoj_50",colorPreview__container:"_colorPreview__container_16zoj_55",colorPreview__swatch:"_colorPreview__swatch_16zoj_61"},qt=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))}}),Yt={key:0,class:"in-basic-text-input-wrapper__label"},Kt=["innerHTML"],Qt={class:"in-basic-text-input-wrapper__input-field"},Gt={key:0,class:"in-basic-text-input-wrapper__slot-left"},jt=["id","autocomplete","disabled","maxlength","min","name","max","placeholder","readonly","type","value"],Xt={key:2,class:"in-basic-text-input-wrapper__suffix-text"},Zt={key:4,class:"in-basic-text-input-wrapper__slot-right"},Jt={key:1,class:"in-basic-text-input-wrapper__helper-container"},en={key:0,class:"in-basic-text-input-wrapper__helper-message"},tn={key:0,class:"in-basic-text-input-wrapper__helper-text"},nn={key:1,class:"in-basic-text-input-wrapper__helper-text"},on=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),d=e.computed(()=>n.type==="number"),u=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=>u.value.includes(p),w=p=>{var _;if(n.preventXss&&(p!=null&&p.target)){const C=String(p.target.value).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#039;");p.target.value!==C&&(p.target.value=C)}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:C}=_;if(C===null)return;const y=C-1,{value:b}=p.target,E=k(),M=[...b.matchAll(E)].map(T=>T.index);p.target.value=b.replace(E,""),M.length>0&&y>=0&&_.setSelectionRange(y,y)},A=p=>{if(!(p!=null&&p.target))return;const{value:_}=p.target,C=p.target,{selectionStart:y}=C;if(y===null)return;const b=y-1,E=x(),M=[..._.matchAll(E)].map(W=>W.index),T=_.split("");M.length>1&&b>=0&&(T[b]=""),p.target.value=T.join(""),M.length>1&&b>=0&&C.setSelectionRange(b,b)},x=()=>{let p="";return n.allowDecimal&&(p+="."),n.allowComma&&(p+=","),new RegExp(`[${p}]`,"g")},k=()=>{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),d.value&&h(p.key)&&p.preventDefault()},V=p=>{o("focus",p)},S=p=>{o("blur",p)},N=p=>{o("click",p)},P=p=>{var y;const _=p;d.value&&(f(_),A(_)),w(_);const C=((y=_==null?void 0:_.target)==null?void 0:y.value)||"";r.value=C,o("input",C),o("update:modelValue",C)},z=p=>{var y;const _=p;d.value&&(f(_),A(_)),w(_);const C=((y=_==null?void 0:_.target)==null?void 0:y.value)||"";r.value=C,o("change",C),o("update:modelValue",C)},O=p=>{var Ke,ae;if(n.maxCharacterLength&&typeof n.maxCharacterLength=="number"){const U=p.target,X=U.selectionStart,re=U.selectionEnd;if(X===null||re===null)return;const{value:Re}=U,ie=((Ke=p.clipboardData)==null?void 0:Ke.getData("text/plain"))||"",dt=Re.length,be=re-X,we=n.maxCharacterLength-dt+be;if(we<=0){p.preventDefault();return}const Le=ie.slice(0,we);if(Le!==ie){p.preventDefault();const Ee=Re.slice(0,X)+Le+Re.slice(re);U.value=Ee;const Pt=X+Le.length;U.setSelectionRange(Pt,Pt),r.value=Ee,o("input",Ee),o("update:modelValue",Ee);return}}if(!d.value)return;p.preventDefault();const _=p.target,C=_.selectionStart,y=_.selectionEnd;if(C===null||y===null)return;const{value:b}=_,E=b.includes(".")||b.includes(","),M=((ae=p.clipboardData)==null?void 0:ae.getData("text/plain"))||"",T=x(),W=k();let D=M.replace(W,"");const ct=[...D.matchAll(T)],le=[];ct.forEach(U=>{U.index!==void 0&&le.push(U.index)});const ge=D.split("");E||le.shift(),le.forEach(U=>{ge[U]=""}),D=ge.join("");const Ye=C+D.length,Ve=b.slice(0,C)+D+b.slice(y);_.value=Ve,_.setSelectionRange(Ye,Ye),r.value=Ve,o("input",Ve),o("update:modelValue",Ve)},B=p=>{o("leftIconClick",p)},I=p=>{o("rightIconClick",p)},R=()=>{e.nextTick(()=>{var p;(p=F.value)==null||p.focus()})},F=e.ref(null),K=e.ref(null);return e.watch(()=>n.modelValue,p=>{r.value=p},{immediate:!0}),e.watch(()=>n.autoFocus,p=>{p&&R()}),e.onMounted(()=>{n.autoFocus&&R()}),(p,_)=>(e.openBlock(),e.createElementBlock("fieldset",{ref_key:"componentRoot",ref:K,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",Yt,[e.createElementVNode("span",{innerHTML:c.value},null,8,Kt)])):e.createCommentVNode("",!0),e.createElementVNode("div",Qt,[p.$slots.leftSlot?(e.openBlock(),e.createElementBlock("div",Gt,[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:B},null,8,["name"])):e.createCommentVNode("",!0),e.createElementVNode("input",{id:p.id,ref_key:"textInput",ref:F,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:S,onChange:z,onClick:N,onFocus:V,onInput:P,onKeypress:g,onKeyup:m,onPaste:O},null,40,jt),p.suffixTextStatus&&p.suffixText?(e.openBlock(),e.createElementBlock("span",Xt,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",Zt,[e.renderSlot(p.$slots,"rightSlot",{},void 0,!0)])):e.createCommentVNode("",!0)]),s.value?(e.openBlock(),e.createElementBlock("div",Jt,[p.helperMessageStatus||i.value?(e.openBlock(),e.createElementBlock("div",en,[a.value?(e.openBlock(),e.createElementBlock("p",tn,e.toDisplayString(p.helperMessage),1)):e.createCommentVNode("",!0),i.value&&!p.disabledStatus?(e.openBlock(),e.createElementBlock("p",nn,e.toDisplayString(p.stateMessage),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],2))}}),Q=(t,l)=>{const n=t.__vccOpts||t;for(const[o,r]of l)n[o]=r;return n},Qe=Q(on,[["__scopeId","data-v-d1065d86"]]),ln={key:0,class:"color-swatch__transparent"},ut=Q(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",ln,[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))]))}}),[["__scopeId","data-v-acd257b0"]]),an={class:"color-picker"},rn={class:"color-picker__header-wrapper"},sn={class:"color-picker__header"},cn={class:"color-picker__title"},dn={key:0,class:"color-picker__tabs"},un={class:"color-picker__content-wrapper"},pn={class:"color-picker__gradient-wrapper"},_n={class:"color-picker__color-area"},fn={class:"color-picker__hue-wrapper"},mn={class:"color-picker__opacity-wrapper"},hn={class:"color-picker__hex-input-wrapper"},gn={key:0,class:"color-picker__preset-row"},bn={key:1,class:"color-picker__preset-row"},wn={key:2,class:"color-picker__preset-row"},yn=Q(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"),d=e.ref([]),u=e.ref(!1),h=e.ref(null),w=e.ref(null),f=e.ref(null),A=e.computed(()=>{const _=n.presetColors||[],C=[],y=11,b=n.firstRowCount;if(_.length===0)return C;C.push(_.slice(0,b));for(let E=b;E<_.length;E+=y)C.push(_.slice(E,E+y));return C}),x=e.computed(()=>{const _=r.value,C=1-Math.abs(_*6%2-1);let y=0,b=0,E=0;return _<1/6?(y=1,b=C):_<2/6?(y=C,b=1):_<3/6?(b=1,E=C):_<4/6?(b=C,E=1):_<5/6?(y=C,E=1):(y=1,E=C),`rgb(${Math.round(y*255)}, ${Math.round(b*255)}, ${Math.round(E*255)})`}),k=e.computed(()=>{const _=r.value,C=c.value,y=a.value,b=y*C,E=b*(1-Math.abs(_*6%2-1)),M=y-b;let T=0,W=0,D=0;return _<1/6?(T=b,W=E):_<2/6?(T=E,W=b):_<3/6?(W=b,D=E):_<4/6?(W=E,D=b):_<5/6?(T=E,D=b):(T=b,D=E),T=Math.round((T+M)*255),W=Math.round((W+M)*255),D=Math.round((D+M)*255),`rgb(${T}, ${W}, ${D})`}),m=e.computed(()=>{const _=k.value.match(/\d+/g);return _?i.value<1?`rgba(${_[0]}, ${_[1]}, ${_[2]}, ${i.value})`:`rgb(${_[0]}, ${_[1]}, ${_[2]})`:k.value});e.watch([r,c,a,i],()=>{g(),u.value||o("color-change",m.value)}),e.watch(()=>n.color,_=>{_&&(u.value=!0,_.toLowerCase()==="transparent"?p():B(_),setTimeout(()=>{u.value=!1},0))},{immediate:!0});function g(){if(i.value===0){s.value="";return}const _=k.value.match(/\d+/g);if(!_)return;const C=_.map(y=>parseInt(y).toString(16).padStart(2,"0")).join("").toUpperCase();if(n.showOpacityInHex){const y=Math.round(i.value*255).toString(16).padStart(2,"0").toUpperCase();s.value=C+y}else s.value=C}function V(_){const C=E=>{if(!h.value)return;const M=h.value.getBoundingClientRect(),T=Math.max(0,Math.min(1,(E.clientX-M.left)/M.width)),W=Math.max(0,Math.min(1,(E.clientY-M.top)/M.height));c.value=T,a.value=1-W};C(_);const y=E=>{C(E)},b=()=>{document.removeEventListener("mousemove",y),document.removeEventListener("mouseup",b)};document.addEventListener("mousemove",y),document.addEventListener("mouseup",b)}function S(_){const C=E=>{if(!w.value)return;const M=w.value.getBoundingClientRect(),T=Math.max(0,Math.min(1,(E.clientY-M.top)/M.height));r.value=T};C(_);const y=E=>{C(E)},b=()=>{document.removeEventListener("mousemove",y),document.removeEventListener("mouseup",b)};document.addEventListener("mousemove",y),document.addEventListener("mouseup",b)}function N(_){const C=E=>{if(!f.value)return;const M=f.value.getBoundingClientRect(),T=Math.max(0,Math.min(1,(E.clientX-M.left)/M.width));i.value=1-T};C(_);const y=E=>{C(E)},b=()=>{document.removeEventListener("mousemove",y),document.removeEventListener("mouseup",b)};document.addEventListener("mousemove",y),document.addEventListener("mouseup",b)}function P(_){const C=n.showOpacityInHex?8:6,y=String(_).replace(/[^0-9A-Fa-f]/g,"").slice(0,C).toUpperCase();s.value=y,n.showOpacityInHex?(y.length===6||y.length===8)&&B(y):y.length===6&&B(y)}function z(_){var E;const C=((E=_.clipboardData)==null?void 0:E.getData("text"))||"",y=n.showOpacityInHex?8:6,b=C.replace(/^#/,"").replace(/[^0-9A-Fa-f]/g,"").slice(0,y).toUpperCase();n.showOpacityInHex?b.length===6||b.length===8?(s.value=b,B(b),_.preventDefault()):b.length>0&&(s.value=b,_.preventDefault()):b.length===6?(s.value=b,B(b),_.preventDefault()):b.length>0&&(s.value=b,_.preventDefault())}function O(){const _=n.showOpacityInHex?8:6;s.value.length!==_&&g()}function B(_){const C=_.startsWith("#")?_.slice(1):_,y=/^([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(C),b=/^([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(C),E=b||y;if(!E){const ae=/rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*([\d.]+))?\)/.exec(_);if(ae){const U=parseInt(ae[1],10)/255,X=parseInt(ae[2],10)/255,re=parseInt(ae[3],10)/255,Re=ae[4]?parseFloat(ae[4]):1,ie=Math.max(U,X,re),dt=Math.min(U,X,re),be=ie-dt;let we=0;be!==0&&(ie===U?we=((X-re)/be+(X<re?6:0))/6:ie===X?we=((re-U)/be+2)/6:we=((U-X)/be+4)/6);const Le=ie===0?0:be/ie,Ee=ie;r.value=we,c.value=Le,a.value=Ee,i.value=Re,g();return}return}const M=parseInt(E[1],16)/255,T=parseInt(E[2],16)/255,W=parseInt(E[3],16)/255;b&&E[4]?i.value=parseInt(E[4],16)/255:i.value=1;const D=Math.max(M,T,W),ct=Math.min(M,T,W),le=D-ct;let ge=0;le!==0&&(D===M?ge=((T-W)/le+(T<W?6:0))/6:D===T?ge=((W-M)/le+2)/6:ge=((M-T)/le+4)/6);const Ye=D===0?0:le/D,Ve=D;r.value=ge,c.value=Ye,a.value=Ve;const Ke=_.replace(/^#/,"");s.value=Ke.slice(0,6).toUpperCase()}function I(_){i.value=_}function R(){const _=k.value.match(/\d+/g);if(!_)return"ffffff";const C=_.map(b=>parseInt(b).toString(16).padStart(2,"0")).join("").toUpperCase(),y=Math.round(i.value*255).toString(16).padStart(2,"0").toUpperCase();return`#${C}${y}`}function F(){const _=R();d.value.includes(_)||d.value.push(_)}function K(_){B(_)}function p(){s.value="",i.value=0,r.value=0,c.value=0,a.value=.4,o("color-change","transparent")}return(_,C)=>(e.openBlock(),e.createElementBlock("div",an,[e.createElementVNode("div",rn,[e.createElementVNode("div",sn,[e.createElementVNode("h3",cn,e.toDisplayString(_.title),1)]),_.$slots.tabs?(e.openBlock(),e.createElementBlock("div",dn,[e.renderSlot(_.$slots,"tabs",{},void 0,!0)])):e.createCommentVNode("",!0)]),e.createElementVNode("div",un,[e.createElementVNode("div",pn,[e.createElementVNode("div",_n,[e.createElementVNode("div",{ref_key:"colorPickerRef",ref:h,class:"color-picker__color-canvas",style:e.normalizeStyle({background:`linear-gradient(to bottom, transparent, black),
+(function($,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):($=typeof globalThis<"u"?globalThis:$||self,e($.AbComponents={},$.Vue))})(this,function($,e){"use strict";const pe={button__size_default:"_button__size_default_aw3lw_1",button__size_small:"_button__size_small_aw3lw_8",button:"_button_aw3lw_1",button__label:"_button__label_aw3lw_60","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:"_button__solid_aw3lw_72",fill:"_fill_aw3lw_1302"},Dt=["disabled"],Se=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=[pe.button,pe[`button__${n.variant}`],pe[`button__${n.variant}-${n.color}`],pe[`button__size_${n.size}`]];return n.fill&&i.push(pe.fill),n.selected&&i.push(pe["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(pe).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,Dt))}}),se={chip__label:"_chip__label_1hm91_1",chip:"_chip_1hm91_1",chip__remove:"_chip__remove_1hm91_54","chip--clickable":"_chip--clickable_1hm91_58","chip--default":"_chip--default_1hm91_61",chip__icon:"_chip__icon_1hm91_71",chip__thumbnail:"_chip__thumbnail_1hm91_80",chip__thumbnailImage:"_chip__thumbnailImage_1hm91_89"},Ht=["alt","src"],Ft=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(()=>[se.chip,se[`chip--${n.variant}`],{[se["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(se).chip__thumbnail)},[i.thumbnailUrl?(e.openBlock(),e.createElementBlock("img",{key:0,alt:i.thumbnailAlt||i.label,class:e.normalizeClass(e.unref(se).chip__thumbnailImage),src:i.thumbnailUrl},null,10,Ht)):i.iconName?(e.openBlock(),e.createBlock(e.unref(H),{key:1,class:e.normalizeClass(e.unref(se).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(se).chip__label)},e.toDisplayString(i.label),3),i.removable?(e.openBlock(),e.createElementBlock("button",{key:1,type:"button",class:e.normalizeClass(e.unref(se).chip__remove),onClick:a},[e.createVNode(e.unref(H),{name:"chip-close",size:4})],2)):e.createCommentVNode("",!0)],2))}}),ye={checkbox__label:"_checkbox__label_wgkvb_1",checkbox:"_checkbox_wgkvb_1",checkbox__input:"_checkbox__input_wgkvb_57",checkbox__box:"_checkbox__box_wgkvb_65",checkbox__disabled:"_checkbox__disabled_wgkvb_87",checkbox__checked:"_checkbox__checked_wgkvb_87"},Wt=["for"],vt=["id","checked","disabled","name","value"],Ut=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,vt),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,Wt))}}),Oe={colorPreview:"_colorPreview_16zoj_36","colorPreview--default":"_colorPreview--default_16zoj_42","colorPreview--medium":"_colorPreview--medium_16zoj_46","colorPreview--small":"_colorPreview--small_16zoj_50",colorPreview__container:"_colorPreview__container_16zoj_55",colorPreview__swatch:"_colorPreview__swatch_16zoj_61"},qt=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))}}),Yt={key:0,class:"in-basic-text-input-wrapper__label"},Kt=["innerHTML"],Qt={class:"in-basic-text-input-wrapper__input-field"},Gt={key:0,class:"in-basic-text-input-wrapper__slot-left"},jt=["id","autocomplete","disabled","max","maxlength","min","name","placeholder","readonly","type","value"],Xt={key:2,class:"in-basic-text-input-wrapper__suffix-text"},Zt={key:4,class:"in-basic-text-input-wrapper__slot-right"},Jt={key:1,class:"in-basic-text-input-wrapper__helper-container"},en={key:0,class:"in-basic-text-input-wrapper__helper-message"},tn={key:0,class:"in-basic-text-input-wrapper__helper-text"},nn={key:1,class:"in-basic-text-input-wrapper__helper-text"},on=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),d=e.computed(()=>n.type==="number"),u=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=>u.value.includes(p),w=p=>{var _;if(n.preventXss&&(p!=null&&p.target)){const C=String(p.target.value).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#039;");p.target.value!==C&&(p.target.value=C)}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:C}=_;if(C===null)return;const y=C-1,{value:b}=p.target,E=k(),M=[...b.matchAll(E)].map(T=>T.index);p.target.value=b.replace(E,""),M.length>0&&y>=0&&_.setSelectionRange(y,y)},A=p=>{if(!(p!=null&&p.target))return;const{value:_}=p.target,C=p.target,{selectionStart:y}=C;if(y===null)return;const b=y-1,E=x(),M=[..._.matchAll(E)].map(W=>W.index),T=_.split("");M.length>1&&b>=0&&(T[b]=""),p.target.value=T.join(""),M.length>1&&b>=0&&C.setSelectionRange(b,b)},x=()=>{let p="";return n.allowDecimal&&(p+="."),n.allowComma&&(p+=","),new RegExp(`[${p}]`,"g")},k=()=>{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),d.value&&h(p.key)&&p.preventDefault()},V=p=>{o("focus",p)},S=p=>{o("blur",p)},N=p=>{o("click",p)},P=p=>{var y;const _=p;d.value&&(f(_),A(_)),w(_);const C=((y=_==null?void 0:_.target)==null?void 0:y.value)||"";r.value=C,o("input",C),o("update:modelValue",C)},z=p=>{var y;const _=p;d.value&&(f(_),A(_)),w(_);const C=((y=_==null?void 0:_.target)==null?void 0:y.value)||"";r.value=C,o("change",C),o("update:modelValue",C)},O=p=>{var Ke,ae;if(n.maxCharacterLength&&typeof n.maxCharacterLength=="number"){const U=p.target,X=U.selectionStart,re=U.selectionEnd;if(X===null||re===null)return;const{value:Re}=U,ie=((Ke=p.clipboardData)==null?void 0:Ke.getData("text/plain"))||"",dt=Re.length,be=re-X,we=n.maxCharacterLength-dt+be;if(we<=0){p.preventDefault();return}const Le=ie.slice(0,we);if(Le!==ie){p.preventDefault();const Ee=Re.slice(0,X)+Le+Re.slice(re);U.value=Ee;const Pt=X+Le.length;U.setSelectionRange(Pt,Pt),r.value=Ee,o("input",Ee),o("update:modelValue",Ee);return}}if(!d.value)return;p.preventDefault();const _=p.target,C=_.selectionStart,y=_.selectionEnd;if(C===null||y===null)return;const{value:b}=_,E=b.includes(".")||b.includes(","),M=((ae=p.clipboardData)==null?void 0:ae.getData("text/plain"))||"",T=x(),W=k();let D=M.replace(W,"");const ct=[...D.matchAll(T)],le=[];ct.forEach(U=>{U.index!==void 0&&le.push(U.index)});const ge=D.split("");E||le.shift(),le.forEach(U=>{ge[U]=""}),D=ge.join("");const Ye=C+D.length,Ve=b.slice(0,C)+D+b.slice(y);_.value=Ve,_.setSelectionRange(Ye,Ye),r.value=Ve,o("input",Ve),o("update:modelValue",Ve)},B=p=>{o("leftIconClick",p)},I=p=>{o("rightIconClick",p)},R=()=>{e.nextTick(()=>{var p;(p=F.value)==null||p.focus()})},F=e.ref(null),K=e.ref(null);return e.watch(()=>n.modelValue,p=>{r.value=p},{immediate:!0}),e.watch(()=>n.autoFocus,p=>{p&&R()}),e.onMounted(()=>{n.autoFocus&&R()}),(p,_)=>(e.openBlock(),e.createElementBlock("fieldset",{ref_key:"componentRoot",ref:K,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",Yt,[e.createElementVNode("span",{innerHTML:c.value},null,8,Kt)])):e.createCommentVNode("",!0),e.createElementVNode("div",Qt,[p.$slots.leftSlot?(e.openBlock(),e.createElementBlock("div",Gt,[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:B},null,8,["name"])):e.createCommentVNode("",!0),e.createElementVNode("input",{id:p.id,ref_key:"textInput",ref:F,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:S,onChange:z,onClick:N,onFocus:V,onInput:P,onKeypress:g,onKeyup:m,onPaste:O},null,40,jt),p.suffixTextStatus&&p.suffixText?(e.openBlock(),e.createElementBlock("span",Xt,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",Zt,[e.renderSlot(p.$slots,"rightSlot",{},void 0,!0)])):e.createCommentVNode("",!0)]),s.value?(e.openBlock(),e.createElementBlock("div",Jt,[p.helperMessageStatus||i.value?(e.openBlock(),e.createElementBlock("div",en,[a.value?(e.openBlock(),e.createElementBlock("p",tn,e.toDisplayString(p.helperMessage),1)):e.createCommentVNode("",!0),i.value&&!p.disabledStatus?(e.openBlock(),e.createElementBlock("p",nn,e.toDisplayString(p.stateMessage),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],2))}}),Q=(t,l)=>{const n=t.__vccOpts||t;for(const[o,r]of l)n[o]=r;return n},Qe=Q(on,[["__scopeId","data-v-9a80ceac"]]),ln={key:0,class:"color-swatch__transparent"},ut=Q(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",ln,[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))]))}}),[["__scopeId","data-v-acd257b0"]]),an={class:"color-picker"},rn={class:"color-picker__header-wrapper"},sn={class:"color-picker__header"},cn={class:"color-picker__title"},dn={key:0,class:"color-picker__tabs"},un={class:"color-picker__content-wrapper"},pn={class:"color-picker__gradient-wrapper"},_n={class:"color-picker__color-area"},fn={class:"color-picker__hue-wrapper"},mn={class:"color-picker__opacity-wrapper"},hn={class:"color-picker__hex-input-wrapper"},gn={key:0,class:"color-picker__preset-row"},bn={key:1,class:"color-picker__preset-row"},wn={key:2,class:"color-picker__preset-row"},yn=Q(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"),d=e.ref([]),u=e.ref(!1),h=e.ref(null),w=e.ref(null),f=e.ref(null),A=e.computed(()=>{const _=n.presetColors||[],C=[],y=11,b=n.firstRowCount;if(_.length===0)return C;C.push(_.slice(0,b));for(let E=b;E<_.length;E+=y)C.push(_.slice(E,E+y));return C}),x=e.computed(()=>{const _=r.value,C=1-Math.abs(_*6%2-1);let y=0,b=0,E=0;return _<1/6?(y=1,b=C):_<2/6?(y=C,b=1):_<3/6?(b=1,E=C):_<4/6?(b=C,E=1):_<5/6?(y=C,E=1):(y=1,E=C),`rgb(${Math.round(y*255)}, ${Math.round(b*255)}, ${Math.round(E*255)})`}),k=e.computed(()=>{const _=r.value,C=c.value,y=a.value,b=y*C,E=b*(1-Math.abs(_*6%2-1)),M=y-b;let T=0,W=0,D=0;return _<1/6?(T=b,W=E):_<2/6?(T=E,W=b):_<3/6?(W=b,D=E):_<4/6?(W=E,D=b):_<5/6?(T=E,D=b):(T=b,D=E),T=Math.round((T+M)*255),W=Math.round((W+M)*255),D=Math.round((D+M)*255),`rgb(${T}, ${W}, ${D})`}),m=e.computed(()=>{const _=k.value.match(/\d+/g);return _?i.value<1?`rgba(${_[0]}, ${_[1]}, ${_[2]}, ${i.value})`:`rgb(${_[0]}, ${_[1]}, ${_[2]})`:k.value});e.watch([r,c,a,i],()=>{g(),u.value||o("color-change",m.value)}),e.watch(()=>n.color,_=>{_&&(u.value=!0,_.toLowerCase()==="transparent"?p():B(_),setTimeout(()=>{u.value=!1},0))},{immediate:!0});function g(){if(i.value===0){s.value="";return}const _=k.value.match(/\d+/g);if(!_)return;const C=_.map(y=>parseInt(y).toString(16).padStart(2,"0")).join("").toUpperCase();if(n.showOpacityInHex){const y=Math.round(i.value*255).toString(16).padStart(2,"0").toUpperCase();s.value=C+y}else s.value=C}function V(_){const C=E=>{if(!h.value)return;const M=h.value.getBoundingClientRect(),T=Math.max(0,Math.min(1,(E.clientX-M.left)/M.width)),W=Math.max(0,Math.min(1,(E.clientY-M.top)/M.height));c.value=T,a.value=1-W};C(_);const y=E=>{C(E)},b=()=>{document.removeEventListener("mousemove",y),document.removeEventListener("mouseup",b)};document.addEventListener("mousemove",y),document.addEventListener("mouseup",b)}function S(_){const C=E=>{if(!w.value)return;const M=w.value.getBoundingClientRect(),T=Math.max(0,Math.min(1,(E.clientY-M.top)/M.height));r.value=T};C(_);const y=E=>{C(E)},b=()=>{document.removeEventListener("mousemove",y),document.removeEventListener("mouseup",b)};document.addEventListener("mousemove",y),document.addEventListener("mouseup",b)}function N(_){const C=E=>{if(!f.value)return;const M=f.value.getBoundingClientRect(),T=Math.max(0,Math.min(1,(E.clientX-M.left)/M.width));i.value=1-T};C(_);const y=E=>{C(E)},b=()=>{document.removeEventListener("mousemove",y),document.removeEventListener("mouseup",b)};document.addEventListener("mousemove",y),document.addEventListener("mouseup",b)}function P(_){const C=n.showOpacityInHex?8:6,y=String(_).replace(/[^0-9A-Fa-f]/g,"").slice(0,C).toUpperCase();s.value=y,n.showOpacityInHex?(y.length===6||y.length===8)&&B(y):y.length===6&&B(y)}function z(_){var E;const C=((E=_.clipboardData)==null?void 0:E.getData("text"))||"",y=n.showOpacityInHex?8:6,b=C.replace(/^#/,"").replace(/[^0-9A-Fa-f]/g,"").slice(0,y).toUpperCase();n.showOpacityInHex?b.length===6||b.length===8?(s.value=b,B(b),_.preventDefault()):b.length>0&&(s.value=b,_.preventDefault()):b.length===6?(s.value=b,B(b),_.preventDefault()):b.length>0&&(s.value=b,_.preventDefault())}function O(){const _=n.showOpacityInHex?8:6;s.value.length!==_&&g()}function B(_){const C=_.startsWith("#")?_.slice(1):_,y=/^([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(C),b=/^([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(C),E=b||y;if(!E){const ae=/rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*([\d.]+))?\)/.exec(_);if(ae){const U=parseInt(ae[1],10)/255,X=parseInt(ae[2],10)/255,re=parseInt(ae[3],10)/255,Re=ae[4]?parseFloat(ae[4]):1,ie=Math.max(U,X,re),dt=Math.min(U,X,re),be=ie-dt;let we=0;be!==0&&(ie===U?we=((X-re)/be+(X<re?6:0))/6:ie===X?we=((re-U)/be+2)/6:we=((U-X)/be+4)/6);const Le=ie===0?0:be/ie,Ee=ie;r.value=we,c.value=Le,a.value=Ee,i.value=Re,g();return}return}const M=parseInt(E[1],16)/255,T=parseInt(E[2],16)/255,W=parseInt(E[3],16)/255;b&&E[4]?i.value=parseInt(E[4],16)/255:i.value=1;const D=Math.max(M,T,W),ct=Math.min(M,T,W),le=D-ct;let ge=0;le!==0&&(D===M?ge=((T-W)/le+(T<W?6:0))/6:D===T?ge=((W-M)/le+2)/6:ge=((M-T)/le+4)/6);const Ye=D===0?0:le/D,Ve=D;r.value=ge,c.value=Ye,a.value=Ve;const Ke=_.replace(/^#/,"");s.value=Ke.slice(0,6).toUpperCase()}function I(_){i.value=_}function R(){const _=k.value.match(/\d+/g);if(!_)return"ffffff";const C=_.map(b=>parseInt(b).toString(16).padStart(2,"0")).join("").toUpperCase(),y=Math.round(i.value*255).toString(16).padStart(2,"0").toUpperCase();return`#${C}${y}`}function F(){const _=R();d.value.includes(_)||d.value.push(_)}function K(_){B(_)}function p(){s.value="",i.value=0,r.value=0,c.value=0,a.value=.4,o("color-change","transparent")}return(_,C)=>(e.openBlock(),e.createElementBlock("div",an,[e.createElementVNode("div",rn,[e.createElementVNode("div",sn,[e.createElementVNode("h3",cn,e.toDisplayString(_.title),1)]),_.$slots.tabs?(e.openBlock(),e.createElementBlock("div",dn,[e.renderSlot(_.$slots,"tabs",{},void 0,!0)])):e.createCommentVNode("",!0)]),e.createElementVNode("div",un,[e.createElementVNode("div",pn,[e.createElementVNode("div",_n,[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, ${x.value})`}),onMousedown:V},[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",fn,[e.createElementVNode("div",{ref_key:"hueSliderRef",ref:w,class:"color-picker__hue-slider",onMousedown:S},[e.createElementVNode("div",{class:"color-picker__hue-indicator",style:e.normalizeStyle({top:`${r.value*100}%`})},null,4)],544)])]),e.createElementVNode("div",mn,[e.createElementVNode("div",{ref_key:"opacitySliderRef",ref:f,class:"color-picker__opacity-slider",onMousedown:N},[C[1]||(C[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, ${k.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",hn,[e.createVNode(Qe,{id:"color-picker-hex-input",name:"hex-input","placeholder-text":"",type:"text","helper-message-status":!1,"label-status":!1,modelValue:s.value,"onUpdate:modelValue":C[0]||(C[0]=y=>s.value=y),onBlur:O,onInput:P,onPaste:z},null,8,["modelValue"])]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(A.value,(y,b)=>(e.openBlock(),e.createElementBlock("div",{key:`preset-row-${b}`,class:"color-picker__preset-row"},[b===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(y,(E,M)=>(e.openBlock(),e.createBlock(ut,{key:`preset-${b}-${M}`,color:E,"is-transparent":E==="transparent",onClick:T=>E==="transparent"?I(0):B(E)},null,8,["color","is-transparent","onClick"]))),128))]))),128)),A.value.length===0?(e.openBlock(),e.createElementBlock("div",gn,[e.createElementVNode("div",{class:"color-picker__no-color",onClick:p},[e.createVNode(e.unref(H),{name:"no-color",size:14})])])):e.createCommentVNode("",!0),_.showSaveButton&&d.value.length>0?(e.openBlock(),e.createElementBlock("div",bn,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,(y,b)=>(e.openBlock(),e.createBlock(ut,{key:`saved-${b}`,color:y,onClick:E=>K(y)},null,8,["color","onClick"]))),128)),e.createElementVNode("button",{class:"color-picker__save-button",title:"Save current color",onClick:F})])):_.showSaveButton?(e.openBlock(),e.createElementBlock("div",wn,[e.createElementVNode("button",{class:"color-picker__save-button",title:"Save current color",onClick:F})])):e.createCommentVNode("",!0)])]))}}),[["__scopeId","data-v-f9f196ce"]]),Ge={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)}}},kn=(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},pt=(t,l,n)=>{if(!n.trim())return t;const o=n.toLowerCase();return t.filter(r=>{const c=String(r[l]);return kn(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})},v={menu:"_menu_1sfnf_1",dropdown:"_dropdown_1sfnf_1",dropdown__valueContent:"_dropdown__valueContent_1sfnf_50","dropdown__valueContent--open":"_dropdown__valueContent--open_1sfnf_58",dropdown__label:"_dropdown__label_1sfnf_61",dropdown__value:"_dropdown__value_1sfnf_50",dropdown__placeholder:"_dropdown__placeholder_1sfnf_69",dropdown__arrowIcon:"_dropdown__arrowIcon_1sfnf_77",menu__searchContainer:"_menu__searchContainer_1sfnf_92",menu__searchInputWrap:"_menu__searchInputWrap_1sfnf_96",menu__searchInput:"_menu__searchInput_1sfnf_96","menu__searchInput--error":"_menu__searchInput--error_1sfnf_112",menu__errorMessage:"_menu__errorMessage_1sfnf_115",menu__addButton:"_menu__addButton_1sfnf_122",menu__itemContainer:"_menu__itemContainer_1sfnf_130",menu__item:"_menu__item_1sfnf_130","menu__item--active":"_menu__item--active_1sfnf_169"},Cn=["for"],Bn=["placeholder"],xn=["onClick"],An=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=Ge,o=t,r=l,c=e.ref(),a=e.ref(),i=e.ref(!1),s=e.ref(null),d=e.ref(""),u=e.ref(null),h=e.ref({x:0,y:0,width:0,shouldOpenUp:!1,height:o.menuHeight}),w=e.reactive([...o.items]),f=e.reactive([...o.items]),A=()=>{if(!c.value)return;const{offsetTop:B,offsetLeft:I,offsetWidth:R}=c.value,F=window.innerHeight,K=B+c.value.offsetHeight,p=K+o.menuHeight>F;h.value={x:I+window.scrollX,y:p?B+window.scrollY:K+window.scrollY,width:R,shouldOpenUp:p,height:o.menuHeight}},x=()=>{A(),i.value=!i.value},k=()=>{u.value=null,d.value="",w.splice(0,w.length,...f)},m=()=>{i.value=!1,k()},g=B=>{s.value=B,r("select-item",B),r("update:modelValue",B.value),m()},V=()=>{const B=d.value.trim(),I=o.validateAddItem(B,f);if(I){u.value=I,r("add-error",I);return}const R={text:B,value:B};f.push(R),k(),r("item-added",R)},S=()=>{const B=pt(f,"text",d.value);w.splice(0,w.length,...B)},N=()=>{u.value=""},P=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(A(),o.modelValue){const B=f.find(I=>I.value===o.modelValue);B&&(s.value=B)}});const z=e.computed(()=>s.value?s.value.text:"");e.watch(()=>o.modelValue,B=>{var I;if(((I=s.value)==null?void 0:I.value)!==B){const R=f.find(F=>F.value===B);R&&(s.value=R)}}),e.watch(()=>o.items,B=>{f.splice(0,f.length,...B),w.splice(0,w.length,...B)},{deep:!0});const O=e.ref({handler:m,exclude:[c,a]});return(B,I)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{ref_key:"dropdownRef",ref:c,class:e.normalizeClass(e.unref(v).dropdown)},[B.label?(e.openBlock(),e.createElementBlock("label",{key:0,class:e.normalizeClass(e.unref(v).dropdown__label),for:B.id},e.toDisplayString(B.label),11,Cn)):e.createCommentVNode("",!0),e.createElementVNode("button",{class:e.normalizeClass([e.unref(v).dropdown__valueContent,{[e.unref(v)["dropdown__valueContent--open"]]:i.value}]),onClick:x},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(v).dropdown__value)},e.toDisplayString(z.value),3),B.placeholder&&!z.value?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(v).dropdown__placeholder)},e.toDisplayString(B.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(v).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(v).menu),style:e.normalizeStyle(P.value),onClick:I[1]||(I[1]=e.withModifiers(()=>{},["prevent"]))},[o.searchable?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(v).menu__searchContainer)},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(v).menu__searchInputWrap)},[e.withDirectives(e.createElementVNode("input",{type:"text",class:e.normalizeClass([e.unref(v).menu__searchInput,{[e.unref(v)["menu__searchInput--error"]]:u.value}]),placeholder:B.searchPlaceHolder,"onUpdate:modelValue":I[0]||(I[0]=R=>d.value=R),onFocus:N,onInput:S},null,42,Bn),[[e.vModelText,d.value]]),u.value?(e.openBlock(),e.createElementBlock("p",{key:0,class:e.normalizeClass(e.unref(v).menu__errorMessage)},e.toDisplayString(u.value),3)):e.createCommentVNode("",!0)],2),o.addable?(e.openBlock(),e.createElementBlock("button",{key:0,class:e.normalizeClass(e.unref(v).menu__addButton),onClick:V},e.toDisplayString(B.addButtonText),3)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.createElementVNode("ul",{class:e.normalizeClass(e.unref(v).menu__itemContainer)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(w,(R,F)=>(e.openBlock(),e.createElementBlock("li",{key:`${R.value}-${F}`,class:e.normalizeClass([e.unref(v).menu__item,{[e.unref(v)["menu__item--active"]]:s.value&&R.value===s.value.value}]),onClick:K=>g(R)},e.toDisplayString(R.text),11,xn))),128))],2)],6)),[[e.vShow,i.value],[e.unref(n),O.value]])],64))}}),_t={"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"/>