@useinsider/ab-components 0.0.27 → 0.0.28
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ab-components.cjs.js +1 -1
- package/dist/ab-components.cjs.js.map +1 -1
- package/dist/ab-components.css +1 -1
- package/dist/ab-components.es.js +1615 -703
- package/dist/ab-components.es.js.map +1 -1
- package/dist/ab-components.iife.js +1 -1
- package/dist/ab-components.iife.js.map +1 -1
- package/dist/ab-components.umd.js +1 -1
- package/dist/ab-components.umd.js.map +1 -1
- package/dist/index.d.ts +17 -182
- package/package.json +19 -16
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var AbComponents=function(C,e){"use strict";const T={button__size_default:"_button__size_default_vssfh_1",button__size_small:"_button__size_small_vssfh_8",button:"_button_vssfh_1",button__label:"_button__label_vssfh_60","button__solid-primary":"_button__solid-primary_vssfh_72","no-hover-effect":"_no-hover-effect_vssfh_79","button--selected":"_button--selected_vssfh_101","button__solid-subtle-primary":"_button__solid-subtle-primary_vssfh_108","button__solid-secondary":"_button__solid-secondary_vssfh_144","button__solid-danger":"_button__solid-danger_vssfh_180","button__solid-warning":"_button__solid-warning_vssfh_216","button__solid-smart":"_button__solid-smart_vssfh_252","button__ghost-primary":"_button__ghost-primary_vssfh_288","button__ghost-subtle-primary":"_button__ghost-subtle-primary_vssfh_324","button__ghost-secondary":"_button__ghost-secondary_vssfh_360","button__ghost-danger":"_button__ghost-danger_vssfh_396","button__ghost-warning":"_button__ghost-warning_vssfh_432","button__ghost-smart":"_button__ghost-smart_vssfh_468","button__text-primary":"_button__text-primary_vssfh_504","button__text-text":"_button__text-text_vssfh_540","button__text-subtle-primary":"_button__text-subtle-primary_vssfh_576","button__text-secondary":"_button__text-secondary_vssfh_612","button__text-danger":"_button__text-danger_vssfh_648","button__text-warning":"_button__text-warning_vssfh_684","button__text-smart":"_button__text-smart_vssfh_720","button__outline-primary":"_button__outline-primary_vssfh_756","button__outline-subtle-primary":"_button__outline-subtle-primary_vssfh_793","button__outline-secondary":"_button__outline-secondary_vssfh_830","button__outline-danger":"_button__outline-danger_vssfh_867","button__outline-warning":"_button__outline-warning_vssfh_904","button__outline-smart":"_button__outline-smart_vssfh_941",button__solid:"_button__solid_vssfh_72",fill:"_fill_vssfh_992"},re=["disabled"],ae=e.defineComponent({__name:"Button",props:{variant:{},color:{},size:{default:"default"},leftIconName:{},rightIconName:{},loadingStatus:{type:Boolean,default:!1},successStatus:{type:Boolean,default:!1},label:{},disabled:{type:Boolean,default:!1},fill:{type:Boolean,default:!1}},emits:["click"],setup(i,{emit:n}){const r=i,o=n,a=p=>{r.disabled||o("click",p)},s=e.computed(()=>r.loadingStatus?"loading-circle":r.successStatus?"line-check-natural":r.leftIconName);return(p,t)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass([e.unref(T).button,e.unref(T)[`button__${p.variant}`],e.unref(T)[`button__${p.variant}-${p.color}`],e.unref(T)[`button__size_${p.size}`],{[e.unref(T).fill]:p.fill}]),disabled:r.disabled,onClick:a},[s.value?(e.openBlock(),e.createBlock(e.unref(H),{key:0,name:s.value},null,8,["name"])):e.createCommentVNode("",!0),p.label?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(T).button__label)},e.toDisplayString(p.label),3)):e.createCommentVNode("",!0),p.rightIconName?(e.openBlock(),e.createBlock(e.unref(H),{key:2,name:p.rightIconName},null,8,["name"])):e.createCommentVNode("",!0)],10,re))}}),le={mounted(i,n){i.clickOutsideEvent=r=>{const o=(n.value.exclude||[]).filter(s=>s.value).map(s=>s.value);[i,...o].some(s=>s&&(s===r.target||s.contains(r.target)))||n.value.handler()},document.addEventListener("click",i.clickOutsideEvent)},unmounted(i){i.clickOutsideEvent&&document.removeEventListener("click",i.clickOutsideEvent)}},se=(i,n)=>{var o;let r=0;for(const a of i)if(a.toLowerCase()===((o=n[r])==null?void 0:o.toLowerCase())&&r++,r===n.length)return!0;return!1},_e=(i,n,r)=>{if(!r.trim())return i;const o=r.toLowerCase();return i.filter(a=>{const s=String(a[n]);return se(s.toLowerCase(),o)}).sort((a,s)=>{const p=String(a[n]).toLowerCase(),t=String(s[n]).toLowerCase();return p===o?-1:t===o?1:p.startsWith(o)&&!t.startsWith(o)?-1:!p.startsWith(o)&&t.startsWith(o)?1:p.length-t.length})},g={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"},ie=["for"],ce=["placeholder"],pe=["onClick"],de=e.defineComponent({__name:"DropdownMenu",props:{id:{},label:{},modelValue:{default:""},menuHeight:{default:154},placeholder:{},addable:{type:Boolean},addButtonText:{},searchable:{type:Boolean},searchPlaceHolder:{},items:{},validateAddItem:{type:Function,default:()=>null}},emits:["update:modelValue","add-error","item-added","select-item"],setup(i,{emit:n}){const r=le,o=i,a=n,s=e.ref(),p=e.ref(),t=e.ref(!1),l=e.ref(null),u=e.ref(""),c=e.ref(null),z=e.ref({x:0,y:0,width:0,shouldOpenUp:!1,height:o.menuHeight}),x=e.reactive([...o.items]),y=e.reactive([...o.items]),D=()=>{if(!s.value)return;const{offsetTop:d,offsetLeft:f,offsetWidth:w}=s.value,I=window.innerHeight,O=d+s.value.offsetHeight,F=O+o.menuHeight>I;z.value={x:f+window.scrollX,y:F?d+window.scrollY:O+window.scrollY,width:w,shouldOpenUp:F,height:o.menuHeight}},k=()=>{D(),t.value=!t.value},N=()=>{c.value=null,u.value="",x.splice(0,x.length,...y)},G=()=>{t.value=!1,N()},U=d=>{l.value=d,a("select-item",d),a("update:modelValue",d.value),G()},M=()=>{const d=u.value.trim(),f=o.validateAddItem(d,y);if(f){c.value=f,a("add-error",f);return}const w={text:d,value:d};y.push(w),N(),a("item-added",w)},v=()=>{const d=_e(y,"text",u.value);x.splice(0,x.length,...d)},R=()=>{c.value=""},q=e.computed(()=>({top:z.value.shouldOpenUp?`${z.value.y-10}px`:`${z.value.y}px`,left:`${z.value.x}px`,width:`${z.value.width}px`,height:`${o.menuHeight}px`}));e.onMounted(()=>{if(D(),o.modelValue){const d=y.find(f=>f.value===o.modelValue);d&&(l.value=d)}});const j=e.computed(()=>l.value?l.value.text:"");e.watch(()=>o.modelValue,d=>{var f;if(((f=l.value)==null?void 0:f.value)!==d){const w=y.find(I=>I.value===d);w&&(l.value=w)}}),e.watch(()=>o.items,d=>{y.splice(0,y.length,...d),x.splice(0,x.length,...d)},{deep:!0});const Q=e.ref({handler:G,exclude:[s,p]});return(d,f)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{ref_key:"dropdownRef",ref:s,class:e.normalizeClass(e.unref(g).dropdown)},[d.label?(e.openBlock(),e.createElementBlock("label",{key:0,class:e.normalizeClass(e.unref(g).dropdown__label),for:d.id},e.toDisplayString(d.label),11,ie)):e.createCommentVNode("",!0),e.createElementVNode("button",{class:e.normalizeClass([e.unref(g).dropdown__valueContent,{[e.unref(g)["dropdown__valueContent--open"]]:t.value}]),onClick:k},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(g).dropdown__value)},e.toDisplayString(j.value),3),d.placeholder&&!j.value?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(g).dropdown__placeholder)},e.toDisplayString(d.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(g).dropdown__arrowIcon)},f[2]||(f[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:p,class:e.normalizeClass(e.unref(g).menu),style:e.normalizeStyle(q.value),onClick:f[1]||(f[1]=e.withModifiers(()=>{},["prevent"]))},[o.searchable?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(g).menu__searchContainer)},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(g).menu__searchInputWrap)},[e.withDirectives(e.createElementVNode("input",{type:"text",class:e.normalizeClass([e.unref(g).menu__searchInput,{[e.unref(g)["menu__searchInput--error"]]:c.value}]),placeholder:d.searchPlaceHolder,"onUpdate:modelValue":f[0]||(f[0]=w=>u.value=w),onFocus:R,onInput:v},null,42,ce),[[e.vModelText,u.value]]),c.value?(e.openBlock(),e.createElementBlock("p",{key:0,class:e.normalizeClass(e.unref(g).menu__errorMessage)},e.toDisplayString(c.value),3)):e.createCommentVNode("",!0)],2),o.addable?(e.openBlock(),e.createElementBlock("button",{key:0,class:e.normalizeClass(e.unref(g).menu__addButton),onClick:M},e.toDisplayString(d.addButtonText),3)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.createElementVNode("ul",{class:e.normalizeClass(e.unref(g).menu__itemContainer)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(x,(w,I)=>(e.openBlock(),e.createElementBlock("li",{key:`${w.value}-${I}`,class:e.normalizeClass([e.unref(g).menu__item,{[e.unref(g)["menu__item--active"]]:l.value&&w.value===l.value.value}]),onClick:O=>U(w)},e.toDisplayString(w.text),11,pe))),128))],2)],6)),[[e.vShow,t.value],[e.unref(r),Q.value]])],64))}}),ue=["fill","height","width"],fe=["xlink:href"],H=((i,n)=>{const r=i.__vccOpts||i;for(const[o,a]of n)r[o]=a;return r})(e.defineComponent({__name:"Icon",props:{name:{},size:{default:16},color:{}},setup(i){const n=i,r=e.computed(()=>typeof n.size=="number"?`${n.size}px`:n.size);return(o,a)=>(e.openBlock(),e.createElementBlock("svg",{class:"icon",fill:o.color||"currentColor",height:r.value,width:r.value},[e.createElementVNode("use",{"xlink:href":`#${o.name}`},null,8,fe)],8,ue))}}),[["__scopeId","data-v-f04c8857"]]),X={container:"_container_sgker_1",container__text:"_container__text_sgker_52",container__default:"_container__default_sgker_56",container__warning:"_container__warning_sgker_64",container__alert:"_container__alert_sgker_72",container__success:"_container__success_sgker_80"},me=e.defineComponent({__name:"OnPageMessage",props:{variant:{default:"default"},text:{}},setup(i){const n=i,r=e.computed(()=>{switch(n.variant){case"alert":return"icon-info-box-error";case"warning":return"line-caution-triangle";case"success":return"line-check-natural";default:return"filled-info-circle"}});return(o,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(X).container,e.unref(X)[`container__${o.variant}`]])},[e.createVNode(H,{name:r.value,size:24},null,8,["name"]),e.createElementVNode("span",{class:e.normalizeClass(e.unref(X).container__text)},e.toDisplayString(o.text),3)],2))}}),$={button__size_default:"_button__size_default_1663t_1",button__size_small:"_button__size_small_1663t_8",button:"_button_1663t_1",button__label:"_button__label_1663t_58","button--primary":"_button--primary_1663t_75","button--selected":"_button--selected_1663t_85","button--secondary":"_button--secondary_1663t_98","button--danger":"_button--danger_1663t_121","button--warning":"_button--warning_1663t_144","button--smart":"_button--smart_1663t_167",button__solid:"_button__solid_1663t_197",segmentGroup:"_segmentGroup_1663t_204","segmentGroup--vertical":"_segmentGroup--vertical_1663t_207","segmentGroup--horizontal":"_segmentGroup--horizontal_1663t_216",fill:"_fill_1663t_226"},be=["disabled","onClick"],ge=e.defineComponent({__name:"SegmentButton",props:{color:{},size:{default:"default"},align:{default:"horizontal"},disabled:{type:Boolean,default:!1},segments:{},fill:{type:Boolean},modelValue:{}},emits:["update:modelValue","click"],setup(i,{emit:n}){const r=i,o=n,a=e.ref(r.modelValue||""),s=t=>{r.disabled||t.disabled||(a.value=t.value,o("update:modelValue",t.value),o("click",t.value))};e.watch(()=>r.modelValue,t=>{a.value!==t&&(a.value=t||"")});const p=e.ref([...r.segments]);return e.watch(()=>r.segments,t=>{p.value=[...t],t.some(l=>l.value===a.value)||(a.value="",o("update:modelValue",""))},{deep:!0}),(t,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref($).segmentGroup,e.unref($)[`segmentGroup--${t.align}`],{[e.unref($).fill]:t.fill}])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.value,(u,c)=>(e.openBlock(),e.createElementBlock("button",{key:`${u.value}-${c}`,class:e.normalizeClass([e.unref($).button,e.unref($)[`button--${t.color}`],e.unref($)[`button__size_${t.size}`],e.unref($).fill,{[e.unref($)["button--selected"]]:u.value===a.value}]),disabled:u.disabled||r.disabled,onClick:z=>s(u)},[u.icon?(e.openBlock(),e.createBlock(e.unref(H),{key:0,name:u.icon},null,8,["name"])):e.createCommentVNode("",!0),u.label?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref($).button__label)},e.toDisplayString(u.label),3)):e.createCommentVNode("",!0)],10,be))),128))],2))}}),S={wrapper__counter:"_wrapper__counter_rlffg_1",wrapper__errorMessage:"_wrapper__errorMessage_rlffg_1",wrapper__label:"_wrapper__label_rlffg_1",wrapper__field:"_wrapper__field_rlffg_1",wrapper:"_wrapper_rlffg_1",wrapper__bottom:"_wrapper__bottom_rlffg_92","wrapper--error":"_wrapper--error_rlffg_105"},we=["for"],he=["id","maxlength","name","placeholder","value"],ke=["id","maxlength","name","placeholder","value"],ye=e.defineComponent({__name:"TextInput",props:{id:{},name:{},modelValue:{default:""},label:{default:""},placeholder:{default:""},maxLength:{default:void 0},maxHeight:{default:void 0},error:{default:""},multiline:{type:Boolean,default:!1},autoGrow:{type:Boolean,default:!1},counter:{type:Boolean}},emits:["update:modelValue","input","change","paste","focus","blur"],setup(i,{emit:n}){const r=i,o=n,a=e.ref(null),s=()=>{if(r.autoGrow&&a.value){a.value.style.height="";const t=Math.min(a.value.scrollHeight,r.maxHeight||a.value.scrollHeight);a.value.style.height=`${t}px`}},p=t=>{const l=t.target;o("input",t),o("update:modelValue",l.value),s()};return e.onMounted(()=>{s()}),(t,l)=>{var u;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(S).wrapper)},[t.label?(e.openBlock(),e.createElementBlock("label",{key:0,class:e.normalizeClass(e.unref(S).wrapper__label),for:t.id},e.toDisplayString(t.label),11,we)):e.createCommentVNode("",!0),t.multiline?(e.openBlock(),e.createElementBlock("textarea",{key:1,id:t.id,ref_key:"textareaRef",ref:a,class:e.normalizeClass([e.unref(S).wrapper__field,{[e.unref(S)["wrapper--error"]]:t.error}]),maxlength:t.maxLength,name:t.name,placeholder:t.placeholder,style:e.normalizeStyle(t.maxHeight?{maxHeight:`${t.maxHeight}px`}:void 0),value:t.modelValue,onBlur:l[0]||(l[0]=c=>o("blur",c)),onChange:l[1]||(l[1]=c=>t.$emit("change",c)),onFocus:l[2]||(l[2]=c=>o("focus",c)),onInput:p,onPaste:l[3]||(l[3]=c=>o("paste",c))},null,46,he)):(e.openBlock(),e.createElementBlock("input",{key:2,id:t.id,type:"text",class:e.normalizeClass([e.unref(S).wrapper__field,{[e.unref(S)["wrapper--error"]]:t.error}]),maxlength:t.maxLength,name:t.name,placeholder:t.placeholder,value:t.modelValue,onBlur:l[4]||(l[4]=c=>o("blur",c)),onChange:l[5]||(l[5]=c=>t.$emit("change",c)),onFocus:l[6]||(l[6]=c=>o("focus",c)),onInput:p,onPaste:l[7]||(l[7]=c=>o("paste",c))},null,42,ke)),e.createElementVNode("div",{class:e.normalizeClass(e.unref(S).wrapper__bottom)},[t.error?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(S).wrapper__errorMessage)},e.toDisplayString(t.error),3)):e.createCommentVNode("",!0),t.counter?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(S).wrapper__counter)},e.toDisplayString(((u=t.modelValue)==null?void 0:u.toString().length)||0),3)):e.createCommentVNode("",!0)],2)],2)}}}),E={wrapper__counter:"_wrapper__counter_86wjx_1",wrapper__errorMessage:"_wrapper__errorMessage_86wjx_1",wrapper__label:"_wrapper__label_86wjx_1",wrapper__field:"_wrapper__field_86wjx_8",wrapper:"_wrapper_86wjx_1",wrapper__size_default:"_wrapper__size_default_86wjx_52",wrapper__size_small:"_wrapper__size_small_86wjx_55",wrapper__bottom:"_wrapper__bottom_86wjx_92","wrapper--error":"_wrapper--error_86wjx_105"},Ce=["for"],ze=["id","max","maxlength","min","name","placeholder","value"],Be=e.defineComponent({__name:"NumberInput",props:{id:{},name:{},modelValue:{default:void 0},label:{default:""},placeholder:{default:""},maxLength:{default:void 0},error:{default:""},errorStatus:{type:Boolean},counter:{type:Boolean},min:{default:void 0},max:{default:void 0},size:{default:"default"}},emits:["update:modelValue","input","change","paste","focus","blur"],setup(i,{emit:n}){const r=i,o=n,a=t=>{if(t==="")return t;const l=Number(t);return typeof r.min=="number"&&l<r.min?r.min.toString():typeof r.max=="number"&&l>r.max?r.max.toString():l.toString()},s=t=>{const l=t.target,u=a(l.value);l.value=u,o("input",t),o("update:modelValue",Number(u))},p=t=>{const l=t.target,u=l.value,c=a(l.value===""?String(r.min||0):l.value);l.value=c,o("blur",t),u!==c&&o("update:modelValue",Number(c))};return(t,l)=>{var u;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(E).wrapper,e.unref(E)[`wrapper__size_${t.size}`]])},[t.label?(e.openBlock(),e.createElementBlock("label",{key:0,class:e.normalizeClass(e.unref(E).wrapper__label),for:t.id},e.toDisplayString(t.label),11,Ce)):e.createCommentVNode("",!0),e.createElementVNode("input",{id:t.id,type:"number",class:e.normalizeClass([e.unref(E).wrapper__field,{[e.unref(E)["wrapper--error"]]:t.error||t.errorStatus}]),max:t.max,maxlength:t.maxLength,min:t.min,name:t.name,placeholder:t.placeholder,value:t.modelValue,onBlur:p,onChange:l[0]||(l[0]=c=>t.$emit("change",c)),onFocus:l[1]||(l[1]=c=>o("focus",c)),onInput:s,onPaste:l[2]||(l[2]=c=>o("paste",c))},null,42,ze),t.counter||t.error?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(E).wrapper__bottom)},[t.error?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(E).wrapper__errorMessage)},e.toDisplayString(t.error),3)):e.createCommentVNode("",!0),t.counter?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(E).wrapper__counter)},e.toDisplayString(((u=t.modelValue)==null?void 0:u.toString().length)||0),3)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)],2)}}}),L={wrapper:"_wrapper_1hnht_36",wrapper__label:"_wrapper__label_1hnht_43",wrapper__input:"_wrapper__input_1hnht_67",wrapper_checked:"_wrapper_checked_1hnht_77",wrapper_disabled:"_wrapper_disabled_1hnht_84"},xe=["id","checked","disabled","name"],$e=["for"],Se=e.defineComponent({__name:"Toggle",props:{id:{},name:{},checked:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},emits:["click"],setup(i,{emit:n}){const r=i,o=n,a=()=>{o("click",!r.checked)};return(s,p)=>(e.openBlock(),e.createElementBlock("fieldset",{class:e.normalizeClass([e.unref(L).wrapper,{[e.unref(L).wrapper_checked]:s.checked,[e.unref(L).wrapper_disabled]:s.disabled}])},[e.createElementVNode("input",{id:s.id,type:"checkbox",checked:s.checked,class:e.normalizeClass(e.unref(L).wrapper__input),disabled:s.disabled,name:s.name,onClick:a},null,10,xe),e.createElementVNode("label",{class:e.normalizeClass(e.unref(L).wrapper__label),for:s.id},null,10,$e)],2))}});function Ee(i=""){return typeof i=="string"?i.replace(/<\/style>/gi,"").replace(/<(.*?) on(.*?)=['"](.*?)>/gi,"").replace(/(<meta |<style|<\/*script)(.*?)>/gi,"").replace(/(<([^>]+)>)/ig,"").replace(/<(.*?) (href|src)="j(.*)a(.*)v(.*)a(.*)s(.*)c(.*)r(.*)i(.*)p(.*)t(.*):(.*?)>/gi,""):i}const V={wrapper__box:"_wrapper__box_lzkx4_1",wrapper:"_wrapper_lzkx4_1",wrapper__icon:"_wrapper__icon_lzkx4_51","wrapper__box_bottom-start":"_wrapper__box_bottom-start_lzkx4_66","wrapper__box_bottom-center":"_wrapper__box_bottom-center_lzkx4_72","wrapper__box_bottom-end":"_wrapper__box_bottom-end_lzkx4_78","wrapper__box_top-start":"_wrapper__box_top-start_lzkx4_84","wrapper__box_top-center":"_wrapper__box_top-center_lzkx4_90","wrapper__box_top-end":"_wrapper__box_top-end_lzkx4_96","wrapper__box_right-start":"_wrapper__box_right-start_lzkx4_102","wrapper__box_right-center":"_wrapper__box_right-center_lzkx4_108","wrapper__box_right-end":"_wrapper__box_right-end_lzkx4_114","wrapper__box_left-start":"_wrapper__box_left-start_lzkx4_119","wrapper__box_left-center":"_wrapper__box_left-center_lzkx4_124","wrapper__box_left-end":"_wrapper__box_left-end_lzkx4_129",wrapper__text:"_wrapper__text_lzkx4_134","wrapper__box-content":"_wrapper__box-content_lzkx4_163","bottom-entrance":"_bottom-entrance_lzkx4_176","top-entrance":"_top-entrance_lzkx4_179","left-entrance":"_left-entrance_lzkx4_182","right-entrance":"_right-entrance_lzkx4_185","bottom-leave":"_bottom-leave_lzkx4_188","top-leave":"_top-leave_lzkx4_191","right-leave":"_right-leave_lzkx4_194","left-leave":"_left-leave_lzkx4_197"},Ve=["id"],Ne=["innerHTML"],Ie=e.defineComponent({__name:"Tooltip",props:{id:{},text:{},staticPosition:{default:"top center"},dynamicPosition:{type:Boolean},absolutePositionStatus:{type:Boolean,default:!1},offsetX:{default:4},offsetY:{default:4},maxHeight:{default:320},status:{type:Boolean,default:!0},preventXss:{type:Boolean},iconName:{default:void 0},absoluteTriangleAlignment:{default:"center"},absoluteTrianglePosition:{default:"top"},absolutePosition:{type:[Boolean,null,String,Object,Array]}},setup(i){const n=i,r=e.ref(null),o=e.ref("center"),a=e.ref("bottom"),s=e.ref("center"),p=e.ref(!1),t=e.ref(""),l=e.ref(!1),u=e.ref(!1),c=e.ref(""),z=e.ref("d-n"),x=e.ref(null),y=e.ref(null),D=e.ref(null),k=e.computed(()=>n.staticPosition.split(" ")[0]),N=e.computed(()=>n.staticPosition.split(" ")[1]),G=e.computed(()=>n.iconName?"mt-1":"mt-0"),U=e.computed(()=>n.preventXss?Ee(n.text):n.text),M=e.computed(()=>n.absolutePositionStatus?n.absoluteTrianglePosition:n.dynamicPosition&&p.value?a.value==="bottom"?"top":"bottom":k.value==="top"?"bottom":k.value==="bottom"?"top":k.value==="left"?"right":k.value==="right"?"left":"bottom"),v=e.computed(()=>n.absolutePositionStatus?"":l.value&&u.value||c.value==="icon"&&l.value?"opa-1":"opa-0"),R=e.computed(()=>n.absolutePositionStatus?n.absoluteTriangleAlignment:n.dynamicPosition&&p.value?o.value==="center"?"center":o.value==="end"?"end":o.value==="start"?"start":s.value:N.value==="center"?"center":N.value==="left"||N.value==="top"?"start":N.value==="right"||N.value==="bottom"?"end":"center"),q=e.computed(()=>n.absolutePositionStatus?"":n.dynamicPosition&&p.value?V[`wrapper__box_${a.value}-${o.value}`]:V[`wrapper__box_${k.value}-${R.value}`]),j=e.computed(()=>n.offsetX===0&&n.offsetY===0?{}:n.dynamicPosition?{[`margin-${a.value==="bottom"?"top":"bottom"}`]:`${n.offsetY}px`}:M.value==="top"||M.value==="bottom"?{[`margin-${M.value}`]:`${n.offsetY}px`}:{[`margin-${M.value}`]:`${n.offsetX}px`}),Q=_=>{const{offsetTop:m,offsetLeft:b,offsetWidth:B,offsetHeight:W}=_,P=m+W,J=b+B;return{top:m,left:b,width:B,bottom:P,right:J}},d=(_,m,b=!1)=>{if(!_||!y.value)return{left:!1,right:!1,top:!1,bottom:!1,center:!1};const B={left:0,right:0,top:0,bottom:0,width:0,height:0},W=y.value.offsetHeight,P=window.innerWidth,J=window.innerHeight,ee=_.offsetHeight,Y=_.offsetWidth||264,h=m&&Q(m)||B,te=b?h==null?void 0:h.right:h==null?void 0:h.left,oe=b?h==null?void 0:h.top:h==null?void 0:h.bottom,We=te+h.width+Y+n.offsetX<P,Ae=te+h.width/2-(Y+n.offsetX)>10,Ge=oe+ee<J-n.offsetY,Re=oe-(ee+W+n.offsetY)>0;let ne=!1;return n.iconName&&(ne=h.right+Y/2<P&&h.left-(Y+n.offsetX)/2>=10),{left:Ae,right:We,bottom:Ge,top:Re,center:ne}},f=()=>{e.nextTick(()=>{var P;p.value=!0;const{bottom:_,left:m,right:b,top:B,center:W}=d(D.value,(P=D.value)==null?void 0:P.parentNode);if(W){o.value="center",a.value=_&&!B?"bottom":"top";return}if(_&&m&&b&&B){o.value="center",a.value="top";return}if(B&&!_){if(b&&m){o.value="center",a.value="top";return}if(b&&!m){o.value="start",a.value="top";return}if(!b&&m){o.value="end",a.value="top";return}}if(_&&B){if(!b&&m){o.value="end",a.value="top",s.value="end";return}if(b&&!m){o.value="start",a.value="top",s.value="start";return}}if(_&&!B){if(b&&m){o.value="center",a.value="bottom",s.value="top";return}if(!b&&m){o.value="end",a.value="bottom",s.value="top";return}b&&!m&&(o.value="start",a.value="bottom",s.value="top")}})},w=_=>{if(!(_ instanceof HTMLElement))return!1;const m=_.scrollHeight>_.offsetHeight,b=window.getComputedStyle(_).overflowY,B=["auto","scroll"].includes(b);return m&&B},I=_=>{const m=(_==null?void 0:_.nodeType)===Node.COMMENT_NODE,b=(_==null?void 0:_.nodeType)===Node.DOCUMENT_NODE;return!_||m||b?document:w(_)?_:I(_.parentNode)},O=()=>{var _;(_=x.value)==null||_.removeEventListener("scroll",f),window==null||window.removeEventListener("resize",f)},F=()=>{e.nextTick(()=>{var _;x.value=I(y.value),(_=x.value)==null||_.addEventListener("scroll",f),window==null||window.addEventListener("resize",f)})},Te=()=>{c.value="wrapper",z.value="d-b",l.value=!0},Z=()=>{c.value="icon",z.value="d-b",u.value=!0},He=()=>{u.value=!1},De=()=>{c.value="",l.value=!1,u.value=!1},Le=()=>{De(),n.dynamicPosition?a.value==="bottom"?t.value="bottom-leave":a.value==="top"&&(t.value="top-leave"):k.value==="top"?t.value="top-leave":k.value==="bottom"?t.value="bottom-leave":k.value==="left"?t.value="left-leave":k.value==="right"&&(t.value="right-leave"),setTimeout(()=>{t.value="",z.value="d-n"},n.absolutePositionStatus?0:250)},Oe=()=>{Te(),f(),n.dynamicPosition?a.value==="bottom"?t.value="top-entrance":a.value==="top"&&(t.value="bottom-entrance"):k.value==="top"?t.value="bottom-entrance":k.value==="bottom"?t.value="top-entrance":k.value==="left"?t.value="right-entrance":k.value==="right"&&(t.value="left-entrance"),setTimeout(()=>{t.value=""},250)};return e.onMounted(()=>{n.dynamicPosition&&F()}),e.onBeforeUnmount(()=>{O()}),(_,m)=>(e.openBlock(),e.createElementBlock("div",{id:_.id,ref_key:"tooltipRootRef",ref:y,class:e.normalizeClass(e.unref(V).wrapper),onMouseenter:Oe,onMouseleave:Le},[_.iconName?(e.openBlock(),e.createBlock(e.unref(H),{key:0,ref_key:"tooltipIconRef",ref:r,class:e.normalizeClass(e.unref(V).wrapper__icon),name:_.iconName,onMouseenter:Z,onMouseleave:He},null,8,["class","name"])):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(V).wrapper__icon),onMouseenter:Z,onMouseleave:Z},[e.renderSlot(_.$slots,"triggerElement")],34)),_.status?(e.openBlock(),e.createElementBlock("div",{key:2,ref_key:"tooltipPopupRef",ref:D,class:e.normalizeClass([e.unref(V).wrapper__box,q.value,v.value,z.value]),style:e.normalizeStyle(_.absolutePosition)},[e.createVNode(e.unref(K),{"border-triangle":"","border-triangle-align":R.value,"border-triangle-position":M.value,class:e.normalizeClass([e.unref(V)["wrapper__box-content"],G.value,t.value]),style:e.normalizeStyle(j.value)},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(V).wrapper__text),style:e.normalizeStyle({maxHeight:`${_.maxHeight}px`,overflowY:"auto"})},[e.createElementVNode("div",{innerHTML:U.value},null,8,Ne),e.renderSlot(_.$slots,"contentSlot")],6)]),_:3},8,["border-triangle-align","border-triangle-position","class","style"])],6)):e.createCommentVNode("",!0)],42,Ve))}}),A={box:"_box_167wr_36","box_top-start":"_box_top-start_167wr_40","box_top-center":"_box_top-center_167wr_40","box_top-end":"_box_top-end_167wr_40","box_right-start":"_box_right-start_167wr_40","box_right-center":"_box_right-center_167wr_40","box_right-end":"_box_right-end_167wr_40","box_bottom-start":"_box_bottom-start_167wr_40","box_bottom-center":"_box_bottom-center_167wr_40","box_bottom-end":"_box_bottom-end_167wr_40","box_left-start":"_box_left-start_167wr_40","box_left-center":"_box_left-center_167wr_40","box_left-end":"_box_left-end_167wr_40",flipBox:"_flipBox_167wr_124"},Me=e.defineComponent({__name:"DefaultBox",props:{border:{},borderRadius:{default:"bor-r-1"},borderTriangle:{type:Boolean,default:!1},borderTriangleAlign:{default:"center"},borderTrianglePosition:{default:"top"}},emits:["click"],setup(i,{emit:n}){const r=i,o=n,a=e.computed(()=>r.borderTriangle?A[`box_${r.borderTrianglePosition}-${r.borderTriangleAlign}`]:"");function s(){o("click")}return(p,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(A).box,a.value,p.border,p.borderRadius]),onClick:s},[e.renderSlot(p.$slots,"default")],2))}}),Pe=e.defineComponent({__name:"FlipBox",props:{boxSpacing:{default:""}},setup(i){return(n,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(A).flipBox,n.boxSpacing])},[e.createElementVNode("div",null,[e.createElementVNode("div",{class:e.normalizeClass([e.unref(A).box,n.boxSpacing])},[e.renderSlot(n.$slots,"front")],2),e.createElementVNode("div",{class:e.normalizeClass([n.boxSpacing])},[e.renderSlot(n.$slots,"reverse")],2)])],2))}}),K=e.defineComponent({__name:"Box",props:{type:{default:"default"},borderTriangle:{type:Boolean,default:!1},borderTriangleAlign:{},borderTrianglePosition:{},boxSpacing:{default:""}},setup(i){const n={default:Me,flip:Pe};return(r,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n[r.type]),{"border-triangle":r.borderTriangle,"border-triangle-align":r.borderTriangleAlign,"border-triangle-position":r.borderTrianglePosition,"box-spacing":r.boxSpacing},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default"),e.renderSlot(r.$slots,"front"),e.renderSlot(r.$slots,"reverse")]),_:3},8,["border-triangle","border-triangle-align","border-triangle-position","box-spacing"]))}});return C.Box=K,C.Button=ae,C.DropdownMenu=de,C.Icon=H,C.NumberInput=Be,C.OnPageMessage=me,C.SegmentButton=ge,C.TextInput=ye,C.Toggle=Se,C.Tooltip=Ie,Object.defineProperty(C,Symbol.toStringTag,{value:"Module"}),C}({},Vue);
|
|
1
|
+
var AbComponents=function(A,e){"use strict";const Z={button__size_default:"_button__size_default_vssfh_1",button__size_small:"_button__size_small_vssfh_8",button:"_button_vssfh_1",button__label:"_button__label_vssfh_60","button__solid-primary":"_button__solid-primary_vssfh_72","no-hover-effect":"_no-hover-effect_vssfh_79","button--selected":"_button--selected_vssfh_101","button__solid-subtle-primary":"_button__solid-subtle-primary_vssfh_108","button__solid-secondary":"_button__solid-secondary_vssfh_144","button__solid-danger":"_button__solid-danger_vssfh_180","button__solid-warning":"_button__solid-warning_vssfh_216","button__solid-smart":"_button__solid-smart_vssfh_252","button__ghost-primary":"_button__ghost-primary_vssfh_288","button__ghost-subtle-primary":"_button__ghost-subtle-primary_vssfh_324","button__ghost-secondary":"_button__ghost-secondary_vssfh_360","button__ghost-danger":"_button__ghost-danger_vssfh_396","button__ghost-warning":"_button__ghost-warning_vssfh_432","button__ghost-smart":"_button__ghost-smart_vssfh_468","button__text-primary":"_button__text-primary_vssfh_504","button__text-text":"_button__text-text_vssfh_540","button__text-subtle-primary":"_button__text-subtle-primary_vssfh_576","button__text-secondary":"_button__text-secondary_vssfh_612","button__text-danger":"_button__text-danger_vssfh_648","button__text-warning":"_button__text-warning_vssfh_684","button__text-smart":"_button__text-smart_vssfh_720","button__outline-primary":"_button__outline-primary_vssfh_756","button__outline-subtle-primary":"_button__outline-subtle-primary_vssfh_793","button__outline-secondary":"_button__outline-secondary_vssfh_830","button__outline-danger":"_button__outline-danger_vssfh_867","button__outline-warning":"_button__outline-warning_vssfh_904","button__outline-smart":"_button__outline-smart_vssfh_941",button__solid:"_button__solid_vssfh_72",fill:"_fill_vssfh_992"},Ke=["disabled"],Qe=e.defineComponent({__name:"Button",props:{variant:{},color:{},size:{default:"default"},leftIconName:{},rightIconName:{},loadingStatus:{type:Boolean,default:!1},successStatus:{type:Boolean,default:!1},label:{},disabled:{type:Boolean,default:!1},fill:{type:Boolean,default:!1}},emits:["click"],setup(t,{emit:n}){const r=t,o=n,s=i=>{r.disabled||o("click",i)},a=e.computed(()=>r.loadingStatus?"loading-circle":r.successStatus?"line-check-natural":r.leftIconName);return(i,l)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass([e.unref(Z).button,e.unref(Z)[`button__${i.variant}`],e.unref(Z)[`button__${i.variant}-${i.color}`],e.unref(Z)[`button__size_${i.size}`],{[e.unref(Z).fill]:i.fill}]),disabled:r.disabled,onClick:s},[a.value?(e.openBlock(),e.createBlock(e.unref(J),{key:0,name:a.value},null,8,["name"])):e.createCommentVNode("",!0),i.label?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(Z).button__label)},e.toDisplayString(i.label),3)):e.createCommentVNode("",!0),i.rightIconName?(e.openBlock(),e.createBlock(e.unref(J),{key:2,name:i.rightIconName},null,8,["name"])):e.createCommentVNode("",!0)],10,Ke))}}),Ze={mounted(t,n){t.clickOutsideEvent=r=>{const o=(n.value.exclude||[]).filter(a=>a.value).map(a=>a.value);[t,...o].some(a=>a&&(a===r.target||a.contains(r.target)))||n.value.handler()},document.addEventListener("click",t.clickOutsideEvent)},unmounted(t){t.clickOutsideEvent&&document.removeEventListener("click",t.clickOutsideEvent)}},Je=(t,n)=>{var o;let r=0;for(const s of t)if(s.toLowerCase()===((o=n[r])==null?void 0:o.toLowerCase())&&r++,r===n.length)return!0;return!1},et=(t,n,r)=>{if(!r.trim())return t;const o=r.toLowerCase();return t.filter(s=>{const a=String(s[n]);return Je(a.toLowerCase(),o)}).sort((s,a)=>{const i=String(s[n]).toLowerCase(),l=String(a[n]).toLowerCase();return i===o?-1:l===o?1:i.startsWith(o)&&!l.startsWith(o)?-1:!i.startsWith(o)&&l.startsWith(o)?1:i.length-l.length})},S={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"},tt=["for"],nt=["placeholder"],ot=["onClick"],rt=e.defineComponent({__name:"DropdownMenu",props:{id:{},label:{},modelValue:{default:""},menuHeight:{default:154},placeholder:{},addable:{type:Boolean},addButtonText:{},searchable:{type:Boolean},searchPlaceHolder:{},items:{},validateAddItem:{type:Function,default:()=>null}},emits:["update:modelValue","add-error","item-added","select-item"],setup(t,{emit:n}){const r=Ze,o=t,s=n,a=e.ref(),i=e.ref(),l=e.ref(!1),c=e.ref(null),u=e.ref(""),f=e.ref(null),_=e.ref({x:0,y:0,width:0,shouldOpenUp:!1,height:o.menuHeight}),p=e.reactive([...o.items]),d=e.reactive([...o.items]),m=()=>{if(!a.value)return;const{offsetTop:w,offsetLeft:B,offsetWidth:z}=a.value,O=window.innerHeight,v=w+a.value.offsetHeight,$=v+o.menuHeight>O;_.value={x:B+window.scrollX,y:$?w+window.scrollY:v+window.scrollY,width:z,shouldOpenUp:$,height:o.menuHeight}},g=()=>{m(),l.value=!l.value},b=()=>{f.value=null,u.value="",p.splice(0,p.length,...d)},h=()=>{l.value=!1,b()},k=w=>{c.value=w,s("select-item",w),s("update:modelValue",w.value),h()},x=()=>{const w=u.value.trim(),B=o.validateAddItem(w,d);if(B){f.value=B,s("add-error",B);return}const z={text:w,value:w};d.push(z),b(),s("item-added",z)},E=()=>{const w=et(d,"text",u.value);p.splice(0,p.length,...w)},y=()=>{f.value=""},V=e.computed(()=>({top:_.value.shouldOpenUp?`${_.value.y-10}px`:`${_.value.y}px`,left:`${_.value.x}px`,width:`${_.value.width}px`,height:`${o.menuHeight}px`}));e.onMounted(()=>{if(m(),o.modelValue){const w=d.find(B=>B.value===o.modelValue);w&&(c.value=w)}});const C=e.computed(()=>c.value?c.value.text:"");e.watch(()=>o.modelValue,w=>{var B;if(((B=c.value)==null?void 0:B.value)!==w){const z=d.find(O=>O.value===w);z&&(c.value=z)}}),e.watch(()=>o.items,w=>{d.splice(0,d.length,...w),p.splice(0,p.length,...w)},{deep:!0});const T=e.ref({handler:h,exclude:[a,i]});return(w,B)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{ref_key:"dropdownRef",ref:a,class:e.normalizeClass(e.unref(S).dropdown)},[w.label?(e.openBlock(),e.createElementBlock("label",{key:0,class:e.normalizeClass(e.unref(S).dropdown__label),for:w.id},e.toDisplayString(w.label),11,tt)):e.createCommentVNode("",!0),e.createElementVNode("button",{class:e.normalizeClass([e.unref(S).dropdown__valueContent,{[e.unref(S)["dropdown__valueContent--open"]]:l.value}]),onClick:g},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(S).dropdown__value)},e.toDisplayString(C.value),3),w.placeholder&&!C.value?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(S).dropdown__placeholder)},e.toDisplayString(w.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(S).dropdown__arrowIcon)},B[2]||(B[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:i,class:e.normalizeClass(e.unref(S).menu),style:e.normalizeStyle(V.value),onClick:B[1]||(B[1]=e.withModifiers(()=>{},["prevent"]))},[o.searchable?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(S).menu__searchContainer)},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(S).menu__searchInputWrap)},[e.withDirectives(e.createElementVNode("input",{type:"text",class:e.normalizeClass([e.unref(S).menu__searchInput,{[e.unref(S)["menu__searchInput--error"]]:f.value}]),placeholder:w.searchPlaceHolder,"onUpdate:modelValue":B[0]||(B[0]=z=>u.value=z),onFocus:y,onInput:E},null,42,nt),[[e.vModelText,u.value]]),f.value?(e.openBlock(),e.createElementBlock("p",{key:0,class:e.normalizeClass(e.unref(S).menu__errorMessage)},e.toDisplayString(f.value),3)):e.createCommentVNode("",!0)],2),o.addable?(e.openBlock(),e.createElementBlock("button",{key:0,class:e.normalizeClass(e.unref(S).menu__addButton),onClick:x},e.toDisplayString(w.addButtonText),3)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.createElementVNode("ul",{class:e.normalizeClass(e.unref(S).menu__itemContainer)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p,(z,O)=>(e.openBlock(),e.createElementBlock("li",{key:`${z.value}-${O}`,class:e.normalizeClass([e.unref(S).menu__item,{[e.unref(S)["menu__item--active"]]:c.value&&z.value===c.value.value}]),onClick:v=>k(z)},e.toDisplayString(z.text),11,ot))),128))],2)],6)),[[e.vShow,l.value],[e.unref(r),T.value]])],64))}}),lt=["fill","height","width"],st=["xlink:href"],J=((t,n)=>{const r=t.__vccOpts||t;for(const[o,s]of n)r[o]=s;return r})(e.defineComponent({__name:"Icon",props:{name:{},size:{default:16},color:{}},setup(t){const n=t,r=e.computed(()=>typeof n.size=="number"?`${n.size}px`:n.size);return(o,s)=>(e.openBlock(),e.createElementBlock("svg",{class:"icon",fill:o.color||"currentColor",height:r.value,width:r.value},[e.createElementVNode("use",{"xlink:href":`#${o.name}`},null,8,st)],8,lt))}}),[["__scopeId","data-v-f04c8857"]]),be={container:"_container_sgker_1",container__text:"_container__text_sgker_52",container__default:"_container__default_sgker_56",container__warning:"_container__warning_sgker_64",container__alert:"_container__alert_sgker_72",container__success:"_container__success_sgker_80"},at=e.defineComponent({__name:"OnPageMessage",props:{variant:{default:"default"},text:{}},setup(t){const n=t,r=e.computed(()=>{switch(n.variant){case"alert":return"icon-info-box-error";case"warning":return"line-caution-triangle";case"success":return"line-check-natural";default:return"filled-info-circle"}});return(o,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(be).container,e.unref(be)[`container__${o.variant}`]])},[e.createVNode(J,{name:r.value,size:24},null,8,["name"]),e.createElementVNode("span",{class:e.normalizeClass(e.unref(be).container__text)},e.toDisplayString(o.text),3)],2))}}),F={button__size_default:"_button__size_default_1663t_1",button__size_small:"_button__size_small_1663t_8",button:"_button_1663t_1",button__label:"_button__label_1663t_58","button--primary":"_button--primary_1663t_75","button--selected":"_button--selected_1663t_85","button--secondary":"_button--secondary_1663t_98","button--danger":"_button--danger_1663t_121","button--warning":"_button--warning_1663t_144","button--smart":"_button--smart_1663t_167",button__solid:"_button__solid_1663t_197",segmentGroup:"_segmentGroup_1663t_204","segmentGroup--vertical":"_segmentGroup--vertical_1663t_207","segmentGroup--horizontal":"_segmentGroup--horizontal_1663t_216",fill:"_fill_1663t_226"},it=["disabled","onClick"],ct=e.defineComponent({__name:"SegmentButton",props:{color:{},size:{default:"default"},align:{default:"horizontal"},disabled:{type:Boolean,default:!1},segments:{},fill:{type:Boolean},modelValue:{}},emits:["update:modelValue","click"],setup(t,{emit:n}){const r=t,o=n,s=e.ref(r.modelValue||""),a=l=>{r.disabled||l.disabled||(s.value=l.value,o("update:modelValue",l.value),o("click",l.value))};e.watch(()=>r.modelValue,l=>{s.value!==l&&(s.value=l||"")});const i=e.ref([...r.segments]);return e.watch(()=>r.segments,l=>{i.value=[...l],l.some(c=>c.value===s.value)||(s.value="",o("update:modelValue",""))},{deep:!0}),(l,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(F).segmentGroup,e.unref(F)[`segmentGroup--${l.align}`],{[e.unref(F).fill]:l.fill}])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.value,(u,f)=>(e.openBlock(),e.createElementBlock("button",{key:`${u.value}-${f}`,class:e.normalizeClass([e.unref(F).button,e.unref(F)[`button--${l.color}`],e.unref(F)[`button__size_${l.size}`],e.unref(F).fill,{[e.unref(F)["button--selected"]]:u.value===s.value}]),disabled:u.disabled||r.disabled,onClick:_=>a(u)},[u.icon?(e.openBlock(),e.createBlock(e.unref(J),{key:0,name:u.icon},null,8,["name"])):e.createCommentVNode("",!0),u.label?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(F).button__label)},e.toDisplayString(u.label),3)):e.createCommentVNode("",!0)],10,it))),128))],2))}}),H={wrapper__counter:"_wrapper__counter_rlffg_1",wrapper__errorMessage:"_wrapper__errorMessage_rlffg_1",wrapper__label:"_wrapper__label_rlffg_1",wrapper__field:"_wrapper__field_rlffg_1",wrapper:"_wrapper_rlffg_1",wrapper__bottom:"_wrapper__bottom_rlffg_92","wrapper--error":"_wrapper--error_rlffg_105"},ut=["for"],ft=["id","maxlength","name","placeholder","value"],dt=["id","maxlength","name","placeholder","value"],_t=e.defineComponent({__name:"TextInput",props:{id:{},name:{},modelValue:{default:""},label:{default:""},placeholder:{default:""},maxLength:{default:void 0},maxHeight:{default:void 0},error:{default:""},multiline:{type:Boolean,default:!1},autoGrow:{type:Boolean,default:!1},counter:{type:Boolean}},emits:["update:modelValue","input","change","paste","focus","blur"],setup(t,{emit:n}){const r=t,o=n,s=e.ref(null),a=()=>{if(r.autoGrow&&s.value){s.value.style.height="";const l=Math.min(s.value.scrollHeight,r.maxHeight||s.value.scrollHeight);s.value.style.height=`${l}px`}},i=l=>{const c=l.target;o("input",l),o("update:modelValue",c.value),a()};return e.onMounted(()=>{a()}),(l,c)=>{var u;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(H).wrapper)},[l.label?(e.openBlock(),e.createElementBlock("label",{key:0,class:e.normalizeClass(e.unref(H).wrapper__label),for:l.id},e.toDisplayString(l.label),11,ut)):e.createCommentVNode("",!0),l.multiline?(e.openBlock(),e.createElementBlock("textarea",{key:1,id:l.id,ref_key:"textareaRef",ref:s,class:e.normalizeClass([e.unref(H).wrapper__field,{[e.unref(H)["wrapper--error"]]:l.error}]),maxlength:l.maxLength,name:l.name,placeholder:l.placeholder,style:e.normalizeStyle(l.maxHeight?{maxHeight:`${l.maxHeight}px`}:void 0),value:l.modelValue,onBlur:c[0]||(c[0]=f=>o("blur",f)),onChange:c[1]||(c[1]=f=>l.$emit("change",f)),onFocus:c[2]||(c[2]=f=>o("focus",f)),onInput:i,onPaste:c[3]||(c[3]=f=>o("paste",f))},null,46,ft)):(e.openBlock(),e.createElementBlock("input",{key:2,id:l.id,type:"text",class:e.normalizeClass([e.unref(H).wrapper__field,{[e.unref(H)["wrapper--error"]]:l.error}]),maxlength:l.maxLength,name:l.name,placeholder:l.placeholder,value:l.modelValue,onBlur:c[4]||(c[4]=f=>o("blur",f)),onChange:c[5]||(c[5]=f=>l.$emit("change",f)),onFocus:c[6]||(c[6]=f=>o("focus",f)),onInput:i,onPaste:c[7]||(c[7]=f=>o("paste",f))},null,42,dt)),e.createElementVNode("div",{class:e.normalizeClass(e.unref(H).wrapper__bottom)},[l.error?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(H).wrapper__errorMessage)},e.toDisplayString(l.error),3)):e.createCommentVNode("",!0),l.counter?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(H).wrapper__counter)},e.toDisplayString(((u=l.modelValue)==null?void 0:u.toString().length)||0),3)):e.createCommentVNode("",!0)],2)],2)}}}),j={wrapper__counter:"_wrapper__counter_86wjx_1",wrapper__errorMessage:"_wrapper__errorMessage_86wjx_1",wrapper__label:"_wrapper__label_86wjx_1",wrapper__field:"_wrapper__field_86wjx_8",wrapper:"_wrapper_86wjx_1",wrapper__size_default:"_wrapper__size_default_86wjx_52",wrapper__size_small:"_wrapper__size_small_86wjx_55",wrapper__bottom:"_wrapper__bottom_86wjx_92","wrapper--error":"_wrapper--error_86wjx_105"},pt=["for"],mt=["id","max","maxlength","min","name","placeholder","value"],ht=e.defineComponent({__name:"NumberInput",props:{id:{},name:{},modelValue:{default:void 0},label:{default:""},placeholder:{default:""},maxLength:{default:void 0},error:{default:""},errorStatus:{type:Boolean},counter:{type:Boolean},min:{default:void 0},max:{default:void 0},size:{default:"default"}},emits:["update:modelValue","input","change","paste","focus","blur"],setup(t,{emit:n}){const r=t,o=n,s=l=>{if(l==="")return l;const c=Number(l);return typeof r.min=="number"&&c<r.min?r.min.toString():typeof r.max=="number"&&c>r.max?r.max.toString():c.toString()},a=l=>{const c=l.target,u=s(c.value);c.value=u,o("input",l),o("update:modelValue",Number(u))},i=l=>{const c=l.target,u=c.value,f=s(c.value===""?String(r.min||0):c.value);c.value=f,o("blur",l),u!==f&&o("update:modelValue",Number(f))};return(l,c)=>{var u;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(j).wrapper,e.unref(j)[`wrapper__size_${l.size}`]])},[l.label?(e.openBlock(),e.createElementBlock("label",{key:0,class:e.normalizeClass(e.unref(j).wrapper__label),for:l.id},e.toDisplayString(l.label),11,pt)):e.createCommentVNode("",!0),e.createElementVNode("input",{id:l.id,type:"number",class:e.normalizeClass([e.unref(j).wrapper__field,{[e.unref(j)["wrapper--error"]]:l.error||l.errorStatus}]),max:l.max,maxlength:l.maxLength,min:l.min,name:l.name,placeholder:l.placeholder,value:l.modelValue,onBlur:i,onChange:c[0]||(c[0]=f=>l.$emit("change",f)),onFocus:c[1]||(c[1]=f=>o("focus",f)),onInput:a,onPaste:c[2]||(c[2]=f=>o("paste",f))},null,42,mt),l.counter||l.error?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(j).wrapper__bottom)},[l.error?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(j).wrapper__errorMessage)},e.toDisplayString(l.error),3)):e.createCommentVNode("",!0),l.counter?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(j).wrapper__counter)},e.toDisplayString(((u=l.modelValue)==null?void 0:u.toString().length)||0),3)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)],2)}}}),se={wrapper:"_wrapper_1hnht_36",wrapper__label:"_wrapper__label_1hnht_43",wrapper__input:"_wrapper__input_1hnht_67",wrapper_checked:"_wrapper_checked_1hnht_77",wrapper_disabled:"_wrapper_disabled_1hnht_84"},wt=["id","checked","disabled","name"],gt=["for"],bt=e.defineComponent({__name:"Toggle",props:{id:{},name:{},checked:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},emits:["click"],setup(t,{emit:n}){const r=t,o=n,s=()=>{o("click",!r.checked)};return(a,i)=>(e.openBlock(),e.createElementBlock("fieldset",{class:e.normalizeClass([e.unref(se).wrapper,{[e.unref(se).wrapper_checked]:a.checked,[e.unref(se).wrapper_disabled]:a.disabled}])},[e.createElementVNode("input",{id:a.id,type:"checkbox",checked:a.checked,class:e.normalizeClass(e.unref(se).wrapper__input),disabled:a.disabled,name:a.name,onClick:s},null,10,wt),e.createElementVNode("label",{class:e.normalizeClass(e.unref(se).wrapper__label),for:a.id},null,10,gt)],2))}}),ee=Math.min,U=Math.max,de=Math.round,_e=Math.floor,M=t=>({x:t,y:t}),yt={left:"right",right:"left",bottom:"top",top:"bottom"},kt={start:"end",end:"start"};function ye(t,n,r){return U(t,ee(n,r))}function ae(t,n){return typeof t=="function"?t(n):t}function X(t){return t.split("-")[0]}function ie(t){return t.split("-")[1]}function Oe(t){return t==="x"?"y":"x"}function ke(t){return t==="y"?"height":"width"}function te(t){return["top","bottom"].includes(X(t))?"y":"x"}function xe(t){return Oe(te(t))}function xt(t,n,r){r===void 0&&(r=!1);const o=ie(t),s=xe(t),a=ke(s);let i=s==="x"?o===(r?"end":"start")?"right":"left":o==="start"?"bottom":"top";return n.reference[a]>n.floating[a]&&(i=pe(i)),[i,pe(i)]}function Ct(t){const n=pe(t);return[Ce(t),n,Ce(n)]}function Ce(t){return t.replace(/start|end/g,n=>kt[n])}function Bt(t,n,r){const o=["left","right"],s=["right","left"],a=["top","bottom"],i=["bottom","top"];switch(t){case"top":case"bottom":return r?n?s:o:n?o:s;case"left":case"right":return n?a:i;default:return[]}}function Et(t,n,r,o){const s=ie(t);let a=Bt(X(t),r==="start",o);return s&&(a=a.map(i=>i+"-"+s),n&&(a=a.concat(a.map(Ce)))),a}function pe(t){return t.replace(/left|right|bottom|top/g,n=>yt[n])}function zt(t){return{top:0,right:0,bottom:0,left:0,...t}}function Ae(t){return typeof t!="number"?zt(t):{top:t,right:t,bottom:t,left:t}}function me(t){const{x:n,y:r,width:o,height:s}=t;return{width:o,height:s,top:r,left:n,right:n+o,bottom:r+s,x:n,y:r}}function Ne(t,n,r){let{reference:o,floating:s}=t;const a=te(n),i=xe(n),l=ke(i),c=X(n),u=a==="y",f=o.x+o.width/2-s.width/2,_=o.y+o.height/2-s.height/2,p=o[l]/2-s[l]/2;let d;switch(c){case"top":d={x:f,y:o.y-s.height};break;case"bottom":d={x:f,y:o.y+o.height};break;case"right":d={x:o.x+o.width,y:_};break;case"left":d={x:o.x-s.width,y:_};break;default:d={x:o.x,y:o.y}}switch(ie(n)){case"start":d[i]-=p*(r&&u?-1:1);break;case"end":d[i]+=p*(r&&u?-1:1);break}return d}const $t=async(t,n,r)=>{const{placement:o="bottom",strategy:s="absolute",middleware:a=[],platform:i}=r,l=a.filter(Boolean),c=await(i.isRTL==null?void 0:i.isRTL(n));let u=await i.getElementRects({reference:t,floating:n,strategy:s}),{x:f,y:_}=Ne(u,o,c),p=o,d={},m=0;for(let g=0;g<l.length;g++){const{name:b,fn:h}=l[g],{x:k,y:x,data:E,reset:y}=await h({x:f,y:_,initialPlacement:o,placement:p,strategy:s,middlewareData:d,rects:u,platform:i,elements:{reference:t,floating:n}});f=k??f,_=x??_,d={...d,[b]:{...d[b],...E}},y&&m<=50&&(m++,typeof y=="object"&&(y.placement&&(p=y.placement),y.rects&&(u=y.rects===!0?await i.getElementRects({reference:t,floating:n,strategy:s}):y.rects),{x:f,y:_}=Ne(u,p,c)),g=-1)}return{x:f,y:_,placement:p,strategy:s,middlewareData:d}};async function Ie(t,n){var r;n===void 0&&(n={});const{x:o,y:s,platform:a,rects:i,elements:l,strategy:c}=t,{boundary:u="clippingAncestors",rootBoundary:f="viewport",elementContext:_="floating",altBoundary:p=!1,padding:d=0}=ae(n,t),m=Ae(d),b=l[p?_==="floating"?"reference":"floating":_],h=me(await a.getClippingRect({element:(r=await(a.isElement==null?void 0:a.isElement(b)))==null||r?b:b.contextElement||await(a.getDocumentElement==null?void 0:a.getDocumentElement(l.floating)),boundary:u,rootBoundary:f,strategy:c})),k=_==="floating"?{x:o,y:s,width:i.floating.width,height:i.floating.height}:i.reference,x=await(a.getOffsetParent==null?void 0:a.getOffsetParent(l.floating)),E=await(a.isElement==null?void 0:a.isElement(x))?await(a.getScale==null?void 0:a.getScale(x))||{x:1,y:1}:{x:1,y:1},y=me(a.convertOffsetParentRelativeRectToViewportRelativeRect?await a.convertOffsetParentRelativeRectToViewportRelativeRect({elements:l,rect:k,offsetParent:x,strategy:c}):k);return{top:(h.top-y.top+m.top)/E.y,bottom:(y.bottom-h.bottom+m.bottom)/E.y,left:(h.left-y.left+m.left)/E.x,right:(y.right-h.right+m.right)/E.x}}const St=t=>({name:"arrow",options:t,async fn(n){const{x:r,y:o,placement:s,rects:a,platform:i,elements:l,middlewareData:c}=n,{element:u,padding:f=0}=ae(t,n)||{};if(u==null)return{};const _=Ae(f),p={x:r,y:o},d=xe(s),m=ke(d),g=await i.getDimensions(u),b=d==="y",h=b?"top":"left",k=b?"bottom":"right",x=b?"clientHeight":"clientWidth",E=a.reference[m]+a.reference[d]-p[d]-a.floating[m],y=p[d]-a.reference[d],V=await(i.getOffsetParent==null?void 0:i.getOffsetParent(u));let C=V?V[x]:0;(!C||!await(i.isElement==null?void 0:i.isElement(V)))&&(C=l.floating[x]||a.floating[m]);const T=E/2-y/2,w=C/2-g[m]/2-1,B=ee(_[h],w),z=ee(_[k],w),O=B,v=C-g[m]-z,$=C/2-g[m]/2+T,le=ye(O,$,v),W=!c.arrow&&ie(s)!=null&&$!==le&&a.reference[m]/2-($<O?B:z)-g[m]/2<0,P=W?$<O?$-O:$-v:0;return{[d]:p[d]+P,data:{[d]:le,centerOffset:$-le-P,...W&&{alignmentOffset:P}},reset:W}}}),Vt=function(t){return t===void 0&&(t={}),{name:"flip",options:t,async fn(n){var r,o;const{placement:s,middlewareData:a,rects:i,initialPlacement:l,platform:c,elements:u}=n,{mainAxis:f=!0,crossAxis:_=!0,fallbackPlacements:p,fallbackStrategy:d="bestFit",fallbackAxisSideDirection:m="none",flipAlignment:g=!0,...b}=ae(t,n);if((r=a.arrow)!=null&&r.alignmentOffset)return{};const h=X(s),k=te(l),x=X(l)===l,E=await(c.isRTL==null?void 0:c.isRTL(u.floating)),y=p||(x||!g?[pe(l)]:Ct(l)),V=m!=="none";!p&&V&&y.push(...Et(l,g,m,E));const C=[l,...y],T=await Ie(n,b),w=[];let B=((o=a.flip)==null?void 0:o.overflows)||[];if(f&&w.push(T[h]),_){const $=xt(s,i,E);w.push(T[$[0]],T[$[1]])}if(B=[...B,{placement:s,overflows:w}],!w.every($=>$<=0)){var z,O;const $=(((z=a.flip)==null?void 0:z.index)||0)+1,le=C[$];if(le)return{data:{index:$,overflows:B},reset:{placement:le}};let W=(O=B.filter(P=>P.overflows[0]<=0).sort((P,Y)=>P.overflows[1]-Y.overflows[1])[0])==null?void 0:O.placement;if(!W)switch(d){case"bestFit":{var v;const P=(v=B.filter(Y=>{if(V){const q=te(Y.placement);return q===k||q==="y"}return!0}).map(Y=>[Y.placement,Y.overflows.filter(q=>q>0).reduce((q,fn)=>q+fn,0)]).sort((Y,q)=>Y[1]-q[1])[0])==null?void 0:v[0];P&&(W=P);break}case"initialPlacement":W=l;break}if(s!==W)return{reset:{placement:W}}}return{}}}};async function Tt(t,n){const{placement:r,platform:o,elements:s}=t,a=await(o.isRTL==null?void 0:o.isRTL(s.floating)),i=X(r),l=ie(r),c=te(r)==="y",u=["left","top"].includes(i)?-1:1,f=a&&c?-1:1,_=ae(n,t);let{mainAxis:p,crossAxis:d,alignmentAxis:m}=typeof _=="number"?{mainAxis:_,crossAxis:0,alignmentAxis:null}:{mainAxis:_.mainAxis||0,crossAxis:_.crossAxis||0,alignmentAxis:_.alignmentAxis};return l&&typeof m=="number"&&(d=l==="end"?m*-1:m),c?{x:d*f,y:p*u}:{x:p*u,y:d*f}}const Rt=function(t){return t===void 0&&(t=0),{name:"offset",options:t,async fn(n){var r,o;const{x:s,y:a,placement:i,middlewareData:l}=n,c=await Tt(n,t);return i===((r=l.offset)==null?void 0:r.placement)&&(o=l.arrow)!=null&&o.alignmentOffset?{}:{x:s+c.x,y:a+c.y,data:{...c,placement:i}}}}},Ot=function(t){return t===void 0&&(t={}),{name:"shift",options:t,async fn(n){const{x:r,y:o,placement:s}=n,{mainAxis:a=!0,crossAxis:i=!1,limiter:l={fn:b=>{let{x:h,y:k}=b;return{x:h,y:k}}},...c}=ae(t,n),u={x:r,y:o},f=await Ie(n,c),_=te(X(s)),p=Oe(_);let d=u[p],m=u[_];if(a){const b=p==="y"?"top":"left",h=p==="y"?"bottom":"right",k=d+f[b],x=d-f[h];d=ye(k,d,x)}if(i){const b=_==="y"?"top":"left",h=_==="y"?"bottom":"right",k=m+f[b],x=m-f[h];m=ye(k,m,x)}const g=l.fn({...n,[p]:d,[_]:m});return{...g,data:{x:g.x-r,y:g.y-o,enabled:{[p]:a,[_]:i}}}}}};function he(){return typeof window<"u"}function K(t){return Be(t)?(t.nodeName||"").toLowerCase():"#document"}function R(t){var n;return(t==null||(n=t.ownerDocument)==null?void 0:n.defaultView)||window}function L(t){var n;return(n=(Be(t)?t.ownerDocument:t.document)||window.document)==null?void 0:n.documentElement}function Be(t){return he()?t instanceof Node||t instanceof R(t).Node:!1}function N(t){return he()?t instanceof Element||t instanceof R(t).Element:!1}function D(t){return he()?t instanceof HTMLElement||t instanceof R(t).HTMLElement:!1}function Me(t){return!he()||typeof ShadowRoot>"u"?!1:t instanceof ShadowRoot||t instanceof R(t).ShadowRoot}function ce(t){const{overflow:n,overflowX:r,overflowY:o,display:s}=I(t);return/auto|scroll|overlay|hidden|clip/.test(n+o+r)&&!["inline","contents"].includes(s)}function At(t){return["table","td","th"].includes(K(t))}function we(t){return[":popover-open",":modal"].some(n=>{try{return t.matches(n)}catch{return!1}})}function Ee(t){const n=ze(),r=N(t)?I(t):t;return["transform","translate","scale","rotate","perspective"].some(o=>r[o]?r[o]!=="none":!1)||(r.containerType?r.containerType!=="normal":!1)||!n&&(r.backdropFilter?r.backdropFilter!=="none":!1)||!n&&(r.filter?r.filter!=="none":!1)||["transform","translate","scale","rotate","perspective","filter"].some(o=>(r.willChange||"").includes(o))||["paint","layout","strict","content"].some(o=>(r.contain||"").includes(o))}function Nt(t){let n=G(t);for(;D(n)&&!ne(n);){if(Ee(n))return n;if(we(n))return null;n=G(n)}return null}function ze(){return typeof CSS>"u"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}function ne(t){return["html","body","#document"].includes(K(t))}function I(t){return R(t).getComputedStyle(t)}function ge(t){return N(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.scrollX,scrollTop:t.scrollY}}function G(t){if(K(t)==="html")return t;const n=t.assignedSlot||t.parentNode||Me(t)&&t.host||L(t);return Me(n)?n.host:n}function Le(t){const n=G(t);return ne(n)?t.ownerDocument?t.ownerDocument.body:t.body:D(n)&&ce(n)?n:Le(n)}function ue(t,n,r){var o;n===void 0&&(n=[]),r===void 0&&(r=!0);const s=Le(t),a=s===((o=t.ownerDocument)==null?void 0:o.body),i=R(s);if(a){const l=$e(i);return n.concat(i,i.visualViewport||[],ce(s)?s:[],l&&r?ue(l):[])}return n.concat(s,ue(s,[],r))}function $e(t){return t.parent&&Object.getPrototypeOf(t.parent)?t.frameElement:null}function De(t){const n=I(t);let r=parseFloat(n.width)||0,o=parseFloat(n.height)||0;const s=D(t),a=s?t.offsetWidth:r,i=s?t.offsetHeight:o,l=de(r)!==a||de(o)!==i;return l&&(r=a,o=i),{width:r,height:o,$:l}}function Se(t){return N(t)?t:t.contextElement}function oe(t){const n=Se(t);if(!D(n))return M(1);const r=n.getBoundingClientRect(),{width:o,height:s,$:a}=De(n);let i=(a?de(r.width):r.width)/o,l=(a?de(r.height):r.height)/s;return(!i||!Number.isFinite(i))&&(i=1),(!l||!Number.isFinite(l))&&(l=1),{x:i,y:l}}const It=M(0);function Pe(t){const n=R(t);return!ze()||!n.visualViewport?It:{x:n.visualViewport.offsetLeft,y:n.visualViewport.offsetTop}}function Mt(t,n,r){return n===void 0&&(n=!1),!r||n&&r!==R(t)?!1:n}function Q(t,n,r,o){n===void 0&&(n=!1),r===void 0&&(r=!1);const s=t.getBoundingClientRect(),a=Se(t);let i=M(1);n&&(o?N(o)&&(i=oe(o)):i=oe(t));const l=Mt(a,r,o)?Pe(a):M(0);let c=(s.left+l.x)/i.x,u=(s.top+l.y)/i.y,f=s.width/i.x,_=s.height/i.y;if(a){const p=R(a),d=o&&N(o)?R(o):o;let m=p,g=$e(m);for(;g&&o&&d!==m;){const b=oe(g),h=g.getBoundingClientRect(),k=I(g),x=h.left+(g.clientLeft+parseFloat(k.paddingLeft))*b.x,E=h.top+(g.clientTop+parseFloat(k.paddingTop))*b.y;c*=b.x,u*=b.y,f*=b.x,_*=b.y,c+=x,u+=E,m=R(g),g=$e(m)}}return me({width:f,height:_,x:c,y:u})}function Ve(t,n){const r=ge(t).scrollLeft;return n?n.left+r:Q(L(t)).left+r}function Fe(t,n,r){r===void 0&&(r=!1);const o=t.getBoundingClientRect(),s=o.left+n.scrollLeft-(r?0:Ve(t,o)),a=o.top+n.scrollTop;return{x:s,y:a}}function Lt(t){let{elements:n,rect:r,offsetParent:o,strategy:s}=t;const a=s==="fixed",i=L(o),l=n?we(n.floating):!1;if(o===i||l&&a)return r;let c={scrollLeft:0,scrollTop:0},u=M(1);const f=M(0),_=D(o);if((_||!_&&!a)&&((K(o)!=="body"||ce(i))&&(c=ge(o)),D(o))){const d=Q(o);u=oe(o),f.x=d.x+o.clientLeft,f.y=d.y+o.clientTop}const p=i&&!_&&!a?Fe(i,c,!0):M(0);return{width:r.width*u.x,height:r.height*u.y,x:r.x*u.x-c.scrollLeft*u.x+f.x+p.x,y:r.y*u.y-c.scrollTop*u.y+f.y+p.y}}function Dt(t){return Array.from(t.getClientRects())}function Pt(t){const n=L(t),r=ge(t),o=t.ownerDocument.body,s=U(n.scrollWidth,n.clientWidth,o.scrollWidth,o.clientWidth),a=U(n.scrollHeight,n.clientHeight,o.scrollHeight,o.clientHeight);let i=-r.scrollLeft+Ve(t);const l=-r.scrollTop;return I(o).direction==="rtl"&&(i+=U(n.clientWidth,o.clientWidth)-s),{width:s,height:a,x:i,y:l}}function Ft(t,n){const r=R(t),o=L(t),s=r.visualViewport;let a=o.clientWidth,i=o.clientHeight,l=0,c=0;if(s){a=s.width,i=s.height;const u=ze();(!u||u&&n==="fixed")&&(l=s.offsetLeft,c=s.offsetTop)}return{width:a,height:i,x:l,y:c}}function Ht(t,n){const r=Q(t,!0,n==="fixed"),o=r.top+t.clientTop,s=r.left+t.clientLeft,a=D(t)?oe(t):M(1),i=t.clientWidth*a.x,l=t.clientHeight*a.y,c=s*a.x,u=o*a.y;return{width:i,height:l,x:c,y:u}}function He(t,n,r){let o;if(n==="viewport")o=Ft(t,r);else if(n==="document")o=Pt(L(t));else if(N(n))o=Ht(n,r);else{const s=Pe(t);o={x:n.x-s.x,y:n.y-s.y,width:n.width,height:n.height}}return me(o)}function ve(t,n){const r=G(t);return r===n||!N(r)||ne(r)?!1:I(r).position==="fixed"||ve(r,n)}function vt(t,n){const r=n.get(t);if(r)return r;let o=ue(t,[],!1).filter(l=>N(l)&&K(l)!=="body"),s=null;const a=I(t).position==="fixed";let i=a?G(t):t;for(;N(i)&&!ne(i);){const l=I(i),c=Ee(i);!c&&l.position==="fixed"&&(s=null),(a?!c&&!s:!c&&l.position==="static"&&!!s&&["absolute","fixed"].includes(s.position)||ce(i)&&!c&&ve(t,i))?o=o.filter(f=>f!==i):s=l,i=G(i)}return n.set(t,o),o}function Wt(t){let{element:n,boundary:r,rootBoundary:o,strategy:s}=t;const i=[...r==="clippingAncestors"?we(n)?[]:vt(n,this._c):[].concat(r),o],l=i[0],c=i.reduce((u,f)=>{const _=He(n,f,s);return u.top=U(_.top,u.top),u.right=ee(_.right,u.right),u.bottom=ee(_.bottom,u.bottom),u.left=U(_.left,u.left),u},He(n,l,s));return{width:c.right-c.left,height:c.bottom-c.top,x:c.left,y:c.top}}function jt(t){const{width:n,height:r}=De(t);return{width:n,height:r}}function Gt(t,n,r){const o=D(n),s=L(n),a=r==="fixed",i=Q(t,!0,a,n);let l={scrollLeft:0,scrollTop:0};const c=M(0);if(o||!o&&!a)if((K(n)!=="body"||ce(s))&&(l=ge(n)),o){const p=Q(n,!0,a,n);c.x=p.x+n.clientLeft,c.y=p.y+n.clientTop}else s&&(c.x=Ve(s));const u=s&&!o&&!a?Fe(s,l):M(0),f=i.left+l.scrollLeft-c.x-u.x,_=i.top+l.scrollTop-c.y-u.y;return{x:f,y:_,width:i.width,height:i.height}}function Te(t){return I(t).position==="static"}function We(t,n){if(!D(t)||I(t).position==="fixed")return null;if(n)return n(t);let r=t.offsetParent;return L(t)===r&&(r=r.ownerDocument.body),r}function je(t,n){const r=R(t);if(we(t))return r;if(!D(t)){let s=G(t);for(;s&&!ne(s);){if(N(s)&&!Te(s))return s;s=G(s)}return r}let o=We(t,n);for(;o&&At(o)&&Te(o);)o=We(o,n);return o&&ne(o)&&Te(o)&&!Ee(o)?r:o||Nt(t)||r}const Yt=async function(t){const n=this.getOffsetParent||je,r=this.getDimensions,o=await r(t.floating);return{reference:Gt(t.reference,await n(t.floating),t.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}};function qt(t){return I(t).direction==="rtl"}const Ut={convertOffsetParentRelativeRectToViewportRelativeRect:Lt,getDocumentElement:L,getClippingRect:Wt,getOffsetParent:je,getElementRects:Yt,getClientRects:Dt,getDimensions:jt,getScale:oe,isElement:N,isRTL:qt};function Ge(t,n){return t.x===n.x&&t.y===n.y&&t.width===n.width&&t.height===n.height}function Xt(t,n){let r=null,o;const s=L(t);function a(){var l;clearTimeout(o),(l=r)==null||l.disconnect(),r=null}function i(l,c){l===void 0&&(l=!1),c===void 0&&(c=1),a();const u=t.getBoundingClientRect(),{left:f,top:_,width:p,height:d}=u;if(l||n(),!p||!d)return;const m=_e(_),g=_e(s.clientWidth-(f+p)),b=_e(s.clientHeight-(_+d)),h=_e(f),x={rootMargin:-m+"px "+-g+"px "+-b+"px "+-h+"px",threshold:U(0,ee(1,c))||1};let E=!0;function y(V){const C=V[0].intersectionRatio;if(C!==c){if(!E)return i();C?i(!1,C):o=setTimeout(()=>{i(!1,1e-7)},1e3)}C===1&&!Ge(u,t.getBoundingClientRect())&&i(),E=!1}try{r=new IntersectionObserver(y,{...x,root:s.ownerDocument})}catch{r=new IntersectionObserver(y,x)}r.observe(t)}return i(!0),a}function Kt(t,n,r,o){o===void 0&&(o={});const{ancestorScroll:s=!0,ancestorResize:a=!0,elementResize:i=typeof ResizeObserver=="function",layoutShift:l=typeof IntersectionObserver=="function",animationFrame:c=!1}=o,u=Se(t),f=s||a?[...u?ue(u):[],...ue(n)]:[];f.forEach(h=>{s&&h.addEventListener("scroll",r,{passive:!0}),a&&h.addEventListener("resize",r)});const _=u&&l?Xt(u,r):null;let p=-1,d=null;i&&(d=new ResizeObserver(h=>{let[k]=h;k&&k.target===u&&d&&(d.unobserve(n),cancelAnimationFrame(p),p=requestAnimationFrame(()=>{var x;(x=d)==null||x.observe(n)})),r()}),u&&!c&&d.observe(u),d.observe(n));let m,g=c?Q(t):null;c&&b();function b(){const h=Q(t);g&&!Ge(g,h)&&r(),g=h,m=requestAnimationFrame(b)}return r(),()=>{var h;f.forEach(k=>{s&&k.removeEventListener("scroll",r),a&&k.removeEventListener("resize",r)}),_==null||_(),(h=d)==null||h.disconnect(),d=null,c&&cancelAnimationFrame(m)}}const Qt=Rt,Zt=Ot,Jt=Vt,en=St,tn=(t,n,r)=>{const o=new Map,s={platform:Ut,...r},a={...s.platform,_c:o};return $t(t,n,{...s,platform:a})};function nn(t){return t!=null&&typeof t=="object"&&"$el"in t}function Re(t){if(nn(t)){const n=t.$el;return Be(n)&&K(n)==="#comment"?null:n}return t}function re(t){return typeof t=="function"?t():e.unref(t)}function on(t){return{name:"arrow",options:t,fn(n){const r=Re(re(t.element));return r==null?{}:en({element:r,padding:t.padding}).fn(n)}}}function Ye(t){return typeof window>"u"?1:(t.ownerDocument.defaultView||window).devicePixelRatio||1}function qe(t,n){const r=Ye(t);return Math.round(n*r)/r}function rn(t,n,r){r===void 0&&(r={});const o=r.whileElementsMounted,s=e.computed(()=>{var C;return(C=re(r.open))!=null?C:!0}),a=e.computed(()=>re(r.middleware)),i=e.computed(()=>{var C;return(C=re(r.placement))!=null?C:"bottom"}),l=e.computed(()=>{var C;return(C=re(r.strategy))!=null?C:"absolute"}),c=e.computed(()=>{var C;return(C=re(r.transform))!=null?C:!0}),u=e.computed(()=>Re(t.value)),f=e.computed(()=>Re(n.value)),_=e.ref(0),p=e.ref(0),d=e.ref(l.value),m=e.ref(i.value),g=e.shallowRef({}),b=e.ref(!1),h=e.computed(()=>{const C={position:d.value,left:"0",top:"0"};if(!f.value)return C;const T=qe(f.value,_.value),w=qe(f.value,p.value);return c.value?{...C,transform:"translate("+T+"px, "+w+"px)",...Ye(f.value)>=1.5&&{willChange:"transform"}}:{position:d.value,left:T+"px",top:w+"px"}});let k;function x(){if(u.value==null||f.value==null)return;const C=s.value;tn(u.value,f.value,{middleware:a.value,placement:i.value,strategy:l.value}).then(T=>{_.value=T.x,p.value=T.y,d.value=T.strategy,m.value=T.placement,g.value=T.middlewareData,b.value=C!==!1})}function E(){typeof k=="function"&&(k(),k=void 0)}function y(){if(E(),o===void 0){x();return}if(u.value!=null&&f.value!=null){k=o(u.value,f.value,x);return}}function V(){s.value||(b.value=!1)}return e.watch([a,i,l,s],x,{flush:"sync"}),e.watch([u,f],y,{flush:"sync"}),e.watch(s,V,{flush:"sync"}),e.getCurrentScope()&&e.onScopeDispose(E),{x:e.shallowReadonly(_),y:e.shallowReadonly(p),strategy:e.shallowReadonly(d),placement:e.shallowReadonly(m),middlewareData:e.shallowReadonly(g),isPositioned:e.shallowReadonly(b),floatingStyles:h,update:x}}let Ue=!1;const ln=()=>{if(Ue)return;Ue=!0;let t;Object.defineProperty(window,"wasTooltipShown",{get(){return clearTimeout(window.wasTooltipTimeout),window.wasTooltipTimeout=setTimeout(()=>{t=!1},2e3),t},set(n){t=n,clearTimeout(window.wasTooltipTimeout),n&&(window.wasTooltipTimeout=setTimeout(()=>{t=!1},2e3))},configurable:!0})};function sn(t=""){return typeof t=="string"?t.replace(/<\/style>/gi,"").replace(/<(.*?) on(.*?)=['"](.*?)>/gi,"").replace(/(<meta |<style|<\/*script)(.*?)>/gi,"").replace(/(<([^>]+)>)/ig,"").replace(/<(.*?) (href|src)="j(.*)a(.*)v(.*)a(.*)s(.*)c(.*)r(.*)i(.*)p(.*)t(.*):(.*?)>/gi,""):t}const fe={bubble:"_bubble_1qdad_1",trigger:"_trigger_1qdad_43",trigger__icon:"_trigger__icon_1qdad_51",arrow:"_arrow_1qdad_57",bubble__content:"_bubble__content_1qdad_79"},an=["innerHTML"],cn=["id"],Xe=1e3,un=e.defineComponent({__name:"Tooltip",props:{id:{},text:{},placement:{},status:{type:Boolean},preventXss:{type:Boolean},iconName:{}},setup(t){const n={top:"bottom",right:"left",bottom:"top",left:"right"};let r=null,o=null;typeof window<"u"&&window.wasTooltipShown===void 0&&(window.wasTooltipShown=!1);const s=t,a=e.ref(null),i=e.ref(null),l=e.ref(null),c=e.ref(!1),u=e.computed(()=>s.preventXss?sn(s.text):s.text),{floatingStyles:f,update:_,middlewareData:p,placement:d}=rn(i,a,{placement:e.computed(()=>s.placement||"bottom"),strategy:"fixed",whileElementsMounted:Kt,middleware:[Qt(10),Jt(),Zt(),on({element:l,padding:8})]}),m=()=>{r&&clearTimeout(r),o&&clearTimeout(o),window.wasTooltipShown?c.value=!0:r=setTimeout(()=>{c.value=!0,window.wasTooltipShown=!0},Xe)},g=()=>{o&&clearTimeout(o),o=setTimeout(()=>{c.value=!1,window.wasTooltipShown=!0},Xe)},b=()=>{o&&clearTimeout(o)},h=()=>{b(),m()},k=()=>{g()};e.watch(()=>s.placement,_),e.onBeforeMount(ln),e.onMounted(()=>{e.nextTick(_),window.addEventListener("resize",_)}),e.onBeforeUnmount(()=>{window.removeEventListener("resize",_)});const x=e.computed(()=>{const[y]=d.value.split("-");return{[n[y]]:"-4px"}}),E=e.computed(()=>{var y,V;return l.value?{left:((y=p.value.arrow)==null?void 0:y.x)!=null?`${p.value.arrow.x}px`:"",top:((V=p.value.arrow)==null?void 0:V.y)!=null?`${p.value.arrow.y}px`:"",right:"",bottom:"",...x.value}:{}});return(y,V)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[y.status||c.value?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"tooltipRef",ref:a,class:e.normalizeClass(e.unref(fe).bubble),style:e.normalizeStyle(e.unref(f)),onMouseenter:h,onMouseleave:k},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(fe).bubble__content)},[e.createElementVNode("div",{innerHTML:u.value},null,8,an),e.renderSlot(y.$slots,"contentSlot")],2),e.createElementVNode("div",{ref_key:"floatingArrowRef",ref:l,class:e.normalizeClass(e.unref(fe).arrow),style:e.normalizeStyle(E.value)},null,6)],38)):e.createCommentVNode("",!0)])),e.createElementVNode("div",{id:y.id,ref_key:"triggerRef",ref:i,class:e.normalizeClass(e.unref(fe).trigger),onMouseenter:h,onMouseleave:k},[y.iconName?(e.openBlock(),e.createBlock(e.unref(J),{key:0,color:e.unref(fe).trigger__icon,name:y.iconName},null,8,["color","name"])):e.renderSlot(y.$slots,"default",{key:1})],42,cn)],64))}});return A.Button=Qe,A.DropdownMenu=rt,A.Icon=J,A.NumberInput=ht,A.OnPageMessage=at,A.SegmentButton=ct,A.TextInput=_t,A.Toggle=bt,A.Tooltip=un,Object.defineProperty(A,Symbol.toStringTag,{value:"Module"}),A}({},Vue);
|
|
2
2
|
//# sourceMappingURL=ab-components.iife.js.map
|