prlg-ui 1.3.0 → 1.3.1
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/SortDownFillIcon-7Z207bxw.js +270 -0
- package/dist/SortDownFillIcon-CSQH3vsY.cjs +1 -0
- package/dist/fonts/Roboto/Roboto-Black.woff +0 -0
- package/dist/fonts/Roboto/Roboto-Black.woff2 +0 -0
- package/dist/fonts/Roboto/Roboto-Bold.woff +0 -0
- package/dist/fonts/Roboto/Roboto-Bold.woff2 +0 -0
- package/dist/fonts/Roboto/Roboto-ExtraBold.woff +0 -0
- package/dist/fonts/Roboto/Roboto-ExtraBold.woff2 +0 -0
- package/dist/fonts/Roboto/Roboto-ExtraLight.woff +0 -0
- package/dist/fonts/Roboto/Roboto-ExtraLight.woff2 +0 -0
- package/dist/fonts/Roboto/Roboto-Light.woff +0 -0
- package/dist/fonts/Roboto/Roboto-Light.woff2 +0 -0
- package/dist/fonts/Roboto/Roboto-Medium.woff +0 -0
- package/dist/fonts/Roboto/Roboto-Medium.woff2 +0 -0
- package/dist/fonts/Roboto/Roboto-Regular.woff +0 -0
- package/dist/fonts/Roboto/Roboto-Regular.woff2 +0 -0
- package/dist/fonts/Roboto/Roboto-SemiBold.woff +0 -0
- package/dist/fonts/Roboto/Roboto-SemiBold.woff2 +0 -0
- package/dist/fonts/Roboto/Roboto-Thin.woff +0 -0
- package/dist/fonts/Roboto/Roboto-Thin.woff2 +0 -0
- package/dist/icons/index.cjs.js +1 -0
- package/dist/icons/index.es.js +1095 -0
- package/dist/icons.d.ts +150 -0
- package/dist/index.d.ts +1035 -0
- package/dist/prlg-ui.cjs.js +1 -0
- package/dist/prlg-ui.css +1 -0
- package/dist/prlg-ui.es.js +2804 -0
- package/dist/scss/colors.scss +134 -0
- package/dist/scss/fonts.scss +3 -0
- package/dist/scss/main.scss +36 -0
- package/dist/scss/mixins.scss +177 -0
- package/dist/scss/reset.scss +51 -0
- package/dist/scss/root-vars.scss +4 -0
- package/dist/useBodyScroll.util-BgQeA8Dg.js +82 -0
- package/dist/useBodyScroll.util-D-eNxODy.cjs +1 -0
- package/dist/utils/Portal/Portal.vue +27 -0
- package/dist/utils/Portal/index.ts +3 -0
- package/dist/utils/Portal.vue +27 -0
- package/dist/utils/date.util.ts +30 -0
- package/dist/utils/dayjs.util.ts +26 -0
- package/dist/utils/eventBus.util.ts +43 -0
- package/dist/utils/index.cjs.js +1 -0
- package/dist/utils/index.es.js +2346 -0
- package/dist/utils/index.ts +3 -0
- package/dist/utils/isClient.util.ts +3 -0
- package/dist/utils/onClickOutside.util.ts +57 -0
- package/dist/utils/parseDate.util.ts +41 -0
- package/dist/utils/price.util.ts +21 -0
- package/dist/utils/useBodyScroll.util.ts +33 -0
- package/dist/utils.d.ts +93 -0
- package/dist/vite.svg +1 -0
- package/package.json +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),C=require("./SortDownFillIcon-CSQH3vsY.cjs"),J=require("./useBodyScroll.util-D-eNxODy.cjs"),Xe={key:1,class:"button__content"},re=e.defineComponent({__name:"Button",props:{label:{},size:{default:"default"},variant:{default:"primary"},url:{},rounded:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},buttonStyle:{},icon:{},iconPosition:{default:"left"},iconOnly:{type:Boolean,default:!1},full:{type:Boolean}},setup(t){const n=e.computed(()=>t.variant==="link"&&t.url||t.url?e.resolveComponent("RouterLink"):"button"),o=e.computed(()=>["button",`button--${t.size}`,`button--${t.variant}`,{"button--rounded":t.rounded,[`button--${t.buttonStyle}`]:t.buttonStyle,[`button--icon-${t.iconPosition}`]:t.icon,"button--only-icon":t.iconOnly,"button--full":t.full}]);return(l,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.value),{to:l.url,class:e.normalizeClass(o.value),disabled:l.disabled},{default:e.withCtx(()=>[l.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.icon),{key:0,class:"button__icon"})):e.createCommentVNode("",!0),l.iconOnly?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",Xe,[e.renderSlot(l.$slots,"default"),l.label&&!l.$slots.default?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(l.label),1)],64)):e.createCommentVNode("",!0)]))]),_:3},8,["to","class","disabled"]))}}),Ze={class:"sleed-deal"},Ke=["onClick"],Je={class:"sleed-deal-menu__item-label"},Qe=e.defineComponent({__name:"SleedDeal",props:{items:{default:()=>[]},icon:{},variant:{default:"primary"},size:{default:"default"}},setup(t){const n=e.ref(!1),o=e.useTemplateRef("menuRef"),l=e.useTemplateRef("targetRef"),r=()=>{n.value=!n.value},a=s=>{s.command&&s.command(),n.value=!1};return e.onMounted(()=>{J.onClickOutside(o.value,()=>{n.value=!1},{ignore:[l.value?.$el]})}),(s,c)=>(e.openBlock(),e.createElementBlock("div",Ze,[e.createElementVNode("div",{ref_key:"menuRef",ref:o,class:e.normalizeClass(["sleed-deal-menu sleed-deal__items",{"sleed-deal-menu--open":n.value}])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.items,i=>(e.openBlock(),e.createElementBlock("div",{class:"sleed-deal-menu__item",key:i.label,onClick:u=>a(i)},[i.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(i.icon),{key:0,class:"sleed-deal-menu__item-icon"})):e.createCommentVNode("",!0),e.createElementVNode("span",Je,e.toDisplayString(i.label),1)],8,Ke))),128))],2),e.createVNode(e.unref(re),{ref_key:"targetRef",ref:l,variant:s.variant,contrast:"","icon-only":"",icon:s.icon?s.icon:e.unref(C.PlusIcon),rounded:"",size:s.size,onClick:r},null,8,["variant","icon","size"])]))}}),et=["for"],tt=["id","value","indeterminate","disabled","checked"],ot={class:"checkbox__field"},nt={class:"dot"},lt={key:0,width:"14",height:"12",viewBox:"0 0 14 12",xmlns:"http://www.w3.org/2000/svg"},st={key:1,width:"13",height:"3",viewBox:"0 0 13 3",xmlns:"http://www.w3.org/2000/svg"},rt={key:0,class:"checkbox__label"},ue=e.defineComponent({__name:"Checkbox",props:e.mergeModels({label:{},value:{},disabled:{type:Boolean,default:!1},checked:{type:Boolean},size:{default:"default"}},{modelValue:{type:[Array,String,Boolean,null]},modelModifiers:{}}),emits:e.mergeModels(["change"],["update:modelValue"]),setup(t,{emit:n}){const o=n,l=e.useModel(t,"modelValue"),r=e.useId(),a=e.computed(()=>["checkbox",`checkbox--${t.size}`,{"checkbox--disabled":t.disabled}]);return(s,c)=>(e.openBlock(),e.createElementBlock("label",{for:e.unref(r),class:e.normalizeClass(a.value)},[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":c[0]||(c[0]=i=>l.value=i),id:e.unref(r),type:"checkbox",value:s.value,indeterminate:l.value===null,class:"checkbox__input",disabled:s.disabled,checked:s.checked,onChange:c[1]||(c[1]=i=>o("change",s.value))},null,40,tt),[[e.vModelCheckbox,l.value]]),e.createElementVNode("div",ot,[e.createElementVNode("div",nt,[l.value||s.checked?(e.openBlock(),e.createElementBlock("svg",lt,c[2]||(c[2]=[e.createElementVNode("path",{d:"M4.50746 9.32454L1.40518 5.87678L0.371094 7.02603L4.50746 11.623L13.3711 1.7723L12.337 0.623047L4.50746 9.32454Z",fill:"white"},null,-1)]))):l.value===null?(e.openBlock(),e.createElementBlock("svg",st,c[3]||(c[3]=[e.createElementVNode("path",{d:"M0.371094 1.62305L12.3711 1.62305",stroke:"white","stroke-width":"2"},null,-1)]))):e.createCommentVNode("",!0)])]),s.label||s.$slots.label?(e.openBlock(),e.createElementBlock("span",rt,[e.createTextVNode(e.toDisplayString(s.label)+" ",1),e.renderSlot(s.$slots,"label")])):e.createCommentVNode("",!0)],10,et))}}),at={class:"table-header"},it={class:"table-header__row"},ct=["onClick","aria-sort"],ut={class:"table-header__cell-content"},dt={key:1,class:"table-header__cell-title"},mt=e.defineComponent({__name:"TableHeader",props:{columns:{},sortFields:{},sortOrders:{},sortMode:{},selectionState:{}},emits:["update:sortFields","update:sortOrders","toggle-select-all"],setup(t,{emit:n}){const o=t,l=n,r=e.computed({get(){return o.selectionState==="partial"?null:o.selectionState==="all"},set(){}}),a=i=>{if(!i.field||!o.sortMode)return;const u=[...o.sortFields||[]],d=[...o.sortOrders||[]],m=u.indexOf(i.field);o.sortMode==="single"?m===0?d[0]=d[0]===1?-1:1:(u.splice(0,u.length,i.field),d.splice(0,d.length,1)):o.sortMode==="multiple"&&(m>=0?d[m]=d[m]===1?-1:1:(u.push(i.field),d.push(1))),l("update:sortFields",u),l("update:sortOrders",d)},s=i=>{if(!i.field||!o.sortFields?.includes(i.field))return;const u=o.sortFields.indexOf(i.field);return o.sortOrders[u]===1?"ascending":"descending"},c=i=>{const u=o.sortFields?.indexOf(i)??-1;return u>=0?o.sortOrders[u]:void 0};return(i,u)=>(e.openBlock(),e.createElementBlock("thead",at,[e.createElementVNode("tr",it,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.columns,d=>(e.openBlock(),e.createElementBlock("th",{key:d.field||d.header,style:e.normalizeStyle(d.headerStyle),onClick:m=>d.selectionMode?null:a(d),class:e.normalizeClass([{sortable:d.field&&i.sortMode&&!d.selectionMode},"table-header__cell"]),"aria-sort":s(d),role:"columnheader"},[e.createElementVNode("div",ut,[d.selectionMode&&d.selectionMode==="multiple"?(e.openBlock(),e.createBlock(e.unref(ue),{key:0,modelValue:r.value,"onUpdate:modelValue":u[0]||(u[0]=m=>r.value=m),onChange:u[1]||(u[1]=m=>i.$emit("toggle-select-all")),class:"selection-checkbox","aria-label":"Select all rows"},null,8,["modelValue"])):(e.openBlock(),e.createElementBlock("span",dt,e.toDisplayString(d.header),1)),d.field&&i.sortFields?.includes(d.field)&&!d.selectionMode?(e.openBlock(),e.createElementBlock("span",{key:2,class:e.normalizeClass(["sort-icon",{"sort-icon--up":c(d.field)===1},{"sort-icon--down":c(d.field)!==1}]),"aria-hidden":"true"},[e.createVNode(e.unref(C.SortUpFillIcon),{class:"sort-icon__up"}),e.createVNode(e.unref(C.SortDownFillIcon),{class:"sort-icon__down"})],2)):e.createCommentVNode("",!0)])],14,ct))),128))])]))}}),ft=["id","value","disabled"],pt=["for"],ye=e.defineComponent({__name:"Radio",props:e.mergeModels({label:{},disabled:{type:Boolean,default:!1},value:{},size:{default:"default"}},{modelValue:{},modelModifiers:{}}),emits:e.mergeModels(["change"],["update:modelValue"]),setup(t,{emit:n}){const o=e.useModel(t,"modelValue"),l=e.useId(),r=n,a=e.computed(()=>["radio",`radio--${t.size}`]);return(s,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(a.value)},[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":c[0]||(c[0]=i=>o.value=i),type:"radio",name:"radio",id:e.unref(l),class:"radio__input",value:s.value,disabled:s.disabled,onChange:c[1]||(c[1]=i=>r("change",s.value))},null,40,ft),[[e.vModelRadio,o.value]]),c[2]||(c[2]=e.createElementVNode("div",{class:"radio__track"},[e.createElementVNode("div",{class:"radio__thumb"})],-1)),e.createElementVNode("label",{for:e.unref(l),class:"radio__label"},[s.label?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(s.label),1)],64)):e.renderSlot(s.$slots,"default",{key:1})],8,pt)],2))}}),vt=["rowspan"],gt={key:3},ht=e.defineComponent({__name:"TableCell",props:{column:{},item:{},index:{},selection:{},rowGroupMode:{},groupRowsBy:{},slots:{},prevItem:{},data:{}},emits:["toggle-row-selection"],setup(t){const n=t,o=s=>{const{selection:c,column:i}=n;return i.selectionMode==="single"?c===s:i.selectionMode==="multiple"&&Array.isArray(c)?c.includes(s):!1},l=(s,c)=>c&&c.split(".").reduce((i,u)=>i?.[u],s)||"",r=(s,c)=>{if(!n.rowGroupMode||!n.groupRowsBy||c===0)return!1;const i=l(s,n.groupRowsBy),u=n.prevItem?l(n.prevItem,n.groupRowsBy):"";return i===u},a=(s,c,i)=>{if(n.rowGroupMode!=="rowspan"||!n.groupRowsBy||i.field!==n.groupRowsBy)return 1;if(r(s,c))return 0;const u=l(s,n.groupRowsBy);let d=1;const m=n.data||[];for(let y=c+1;y<m.length&&l(m[y],n.groupRowsBy)===u;y++)d++;return d};return(s,c)=>e.withDirectives((e.openBlock(),e.createElementBlock("td",{style:e.normalizeStyle(s.column.style),rowspan:a(s.item,s.index,s.column),class:"table-body__cell"},[s.column.selectionMode&&s.column.selectionMode==="multiple"?(e.openBlock(),e.createBlock(e.unref(ue),{key:0,onChange:c[0]||(c[0]=i=>s.$emit("toggle-row-selection",s.item)),checked:o(s.item),class:"selection-checkbox"},null,8,["checked"])):e.createCommentVNode("",!0),s.column.selectionMode&&s.column.selectionMode!=="multiple"?(e.openBlock(),e.createBlock(e.unref(ye),{key:1,onChange:c[1]||(c[1]=i=>s.$emit("toggle-row-selection",s.item)),checked:o(s.item),class:"selection-checkbox"},null,8,["checked"])):s.column.bodySlot?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(s.column.bodySlot),{key:2,data:s.item,index:s.index,field:s.column.field},null,8,["data","index","field"])):(e.openBlock(),e.createElementBlock("span",gt,e.toDisplayString(l(s.item,s.column.field)),1))],12,vt)),[[e.vShow,a(s.item,s.index,s.column)>0]])}}),yt=e.defineComponent({__name:"TableRow",props:{item:{},index:{},columns:{},selection:{},rowGroupMode:{},groupRowsBy:{},slots:{},data:{}},emits:["toggle-row-selection"],setup(t){const n=t,o=(r,a)=>`table-row row-${a}`,l=e.computed(()=>n.index>0?n.data[n.index-1]:void 0);return(r,a)=>(e.openBlock(),e.createElementBlock("tr",{class:e.normalizeClass(o(r.item,r.index))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.columns,s=>(e.openBlock(),e.createBlock(ht,{key:s.field||s.header,column:s,item:r.item,index:r.index,selection:r.selection,"row-group-mode":r.rowGroupMode,"group-rows-by":r.groupRowsBy,slots:r.slots,"prev-item":l.value,data:r.data,onToggleRowSelection:a[0]||(a[0]=c=>r.$emit("toggle-row-selection",c))},null,8,["column","item","index","selection","row-group-mode","group-rows-by","slots","prev-item","data"]))),128))],2))}}),wt=e.defineComponent({__name:"TableBody",props:{columns:{},data:{},selection:{},rowGroupMode:{},groupRowsBy:{},slots:{}},emits:["toggle-row-selection"],setup(t){const n=(o,l)=>o.id?`row-${o.id}`:`row-${l}`;return(o,l)=>(e.openBlock(),e.createElementBlock("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.data,(r,a)=>(e.openBlock(),e.createBlock(yt,{key:n(r,a),item:r,index:a,columns:o.columns,selection:o.selection,"row-group-mode":o.rowGroupMode,"group-rows-by":o.groupRowsBy,slots:o.slots,data:o.data,onToggleRowSelection:l[0]||(l[0]=s=>o.$emit("toggle-row-selection",s))},null,8,["item","index","columns","selection","row-group-mode","group-rows-by","slots","data"]))),128))]))}}),kt={key:0},bt=["colspan"],Bt=e.defineComponent({__name:"TableFooter",props:{slots:{},page:{},rowsPerPage:{},totalRows:{},colspan:{},pagination:{type:Boolean}},emits:["update:page","update:rowsPerPage"],setup(t){return(n,o)=>(e.openBlock(),e.createElementBlock("tfoot",null,[e.renderSlot(n.$slots,"footer"),n.slots.footer?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("tr",kt,[e.createElementVNode("td",{colspan:n.colspan},null,8,bt)]))]))}}),we=e.defineComponent({__name:"Spinner",props:{strokeWidth:{default:3},size:{default:"default"}},setup(t){const n=e.computed(()=>typeof t.strokeWidth=="string"?`${t.strokeWidth.split("px")[0]}px`:`${t.strokeWidth}px`),o=e.computed(()=>({"--spinner-stroke-width":n.value})),l=e.computed(()=>["spinner",`spinner--${t.size}`]);return(r,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(l.value),"aria-label":"Loading",style:e.normalizeStyle(o.value)},a[0]||(a[0]=[e.createElementVNode("span",{class:"spinner__circle"},null,-1)]),6))}}),Ct={class:"data-table"},Vt={key:0,class:"loading-overlay"},$t=e.defineComponent({__name:"DataTable",props:{value:{default:()=>[]},tableStyle:{},rowGroupMode:{},groupRowsBy:{},sortMode:{},sortFields:{default:()=>[]},sortOrders:{default:()=>[1]},selection:{default:()=>[]},page:{default:1},rowsPerPage:{default:10},totalRows:{},loading:{type:Boolean,default:!1},pagination:{type:Boolean}},emits:["update:sortFields","update:sortOrders","update:selection","update:page","update:rowsPerPage"],setup(t,{emit:n}){const o=t,l=n,r=e.useSlots(),a=e.ref([]),s=f=>{a.value.push(f)},c=f=>{const h=a.value.indexOf(f);h>-1&&a.value.splice(h,1)};e.provide("registerColumn",s),e.provide("unregisterColumn",c);const i=e.computed(()=>{if(!a.value.some(p=>p.selectionMode==="multiple")||!o.value.length)return"none";const h=Array.isArray(o.selection)?o.selection.length:0;return h===0?"none":h===o.value.length?"all":"partial"}),u=()=>{a.value.some(h=>h.selectionMode==="multiple")&&(i.value==="all"?l("update:selection",[]):l("update:selection",[...o.value]))},d=f=>{const h=a.value.some(v=>v.selectionMode==="single"),p=a.value.some(v=>v.selectionMode==="multiple");if(h)l("update:selection",o.selection===f?null:f);else if(p){const v=Array.isArray(o.selection)?[...o.selection]:[],w=v.indexOf(f);w>-1?v.splice(w,1):v.push(f),l("update:selection",v)}},m=e.computed(()=>{let f=[...o.value];if(o.sortFields&&o.sortMode==="multiple"&&o.sortFields.length>0)f.sort((h,p)=>{for(let v=0;v<o.sortFields.length;v++){const w=o.sortFields[v],k=o.sortOrders[v]||1,b=g(h,w),B=g(p,w);if(b<B)return-1*k;if(b>B)return 1*k}return 0});else if(o.sortFields&&o.sortMode==="single"&&o.sortFields.length>0){const h=o.sortFields[0],p=o.sortOrders[0]||1;f.sort((v,w)=>{const k=g(v,h),b=g(w,h);return k<b?-1*p:k>b?1*p:0})}return f}),y=e.computed(()=>{const f=(o.page-1)*o.rowsPerPage,h=f+o.rowsPerPage;return m.value.slice(f,h)}),g=(f,h)=>h&&h.split(".").reduce((p,v)=>p?.[v],f)||"";return e.onMounted(()=>{console.log(r)}),(f,h)=>(e.openBlock(),e.createElementBlock("div",Ct,[e.renderSlot(f.$slots,"default"),e.createElementVNode("div",{class:e.normalizeClass(["table-container",{loading:f.loading}])},[e.createElementVNode("table",{style:e.normalizeStyle(f.tableStyle),class:"table"},[e.createVNode(mt,{columns:a.value,"sort-fields":f.sortFields,"sort-orders":f.sortOrders,"sort-mode":f.sortMode,"selection-state":i.value,"onUpdate:sortFields":h[0]||(h[0]=p=>f.$emit("update:sortFields",p)),"onUpdate:sortOrders":h[1]||(h[1]=p=>f.$emit("update:sortOrders",p)),onToggleSelectAll:u},null,8,["columns","sort-fields","sort-orders","sort-mode","selection-state"]),e.createVNode(wt,{columns:a.value,data:y.value,selection:f.selection,"row-group-mode":f.rowGroupMode,"group-rows-by":f.groupRowsBy,slots:e.unref(r),onToggleRowSelection:d},null,8,["columns","data","selection","row-group-mode","group-rows-by","slots"]),e.createVNode(Bt,{slots:e.unref(r),page:f.page,"rows-per-page":f.rowsPerPage,"total-rows":f.totalRows||f.value.length,colspan:a.value.length,pagination:f.pagination,"onUpdate:page":h[2]||(h[2]=p=>f.$emit("update:page",p)),"onUpdate:rowsPerPage":h[3]||(h[3]=p=>f.$emit("update:rowsPerPage",p))},null,8,["slots","page","rows-per-page","total-rows","colspan","pagination"])],4),f.loading?(e.openBlock(),e.createElementBlock("div",Vt,[e.createVNode(e.unref(we))])):e.createCommentVNode("",!0)],2)]))}}),Et=e.defineComponent({__name:"Column",props:{field:{},header:{},style:{},headerStyle:{},selectionMode:{}},setup(t){const n=t,o=e.useSlots(),l=e.inject("registerColumn"),r=e.inject("unregisterColumn"),a={field:n.field,header:n.header,style:n.style,headerStyle:n.headerStyle,bodySlot:o.body?o.body:void 0,selectionMode:n.selectionMode};return e.onMounted(()=>{console.log(a),l?.(a)}),e.onUnmounted(()=>{r?.(a)}),(s,c)=>e.createCommentVNode("",!0)}}),St={class:"chip-checkbox"},xt=["name","id","value"],Nt={class:"chip-checkbox__text"},Tt=e.defineComponent({__name:"ChipCheckbox",props:e.mergeModels({value:{},label:{},id:{}},{modelValue:{required:!0},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const n=e.useModel(t,"modelValue"),o=e.useId();return(l,r)=>(e.openBlock(),e.createElementBlock("div",St,[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":r[0]||(r[0]=a=>n.value=a),type:"checkbox",name:e.unref(o),id:e.unref(o),value:l.value},null,8,xt),[[e.vModelCheckbox,n.value]]),r[1]||(r[1]=e.createElementVNode("div",{class:"chip-checkbox__icon"},[e.createElementVNode("svg",{width:"14",height:"11",viewBox:"0 0 14 11",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("path",{d:"M4.75012 8.13031L1.62262 5.00281L0.557617 6.06031L4.75012 10.2528L13.7501 1.25281L12.6926 0.195312L4.75012 8.13031Z",fill:"#00AB2E"})])],-1)),e.createElementVNode("span",Nt,e.toDisplayString(l.label),1)]))}}),Rt={class:"tag__content"},Mt={key:0,class:"tag__icon"},At={class:"tag__text"},Ae=e.defineComponent({__name:"Tag",props:{removable:{type:Boolean,default:!1},icon:{},iconPosition:{default:"left"},outlined:{type:Boolean,default:!1},variant:{default:"primary"},strong:{type:Boolean,default:!1}},emits:["remove"],setup(t,{emit:n}){const o=n,l=e.computed(()=>["tag",`tag--${t.variant}`,{"tag--outlined":t.outlined,"tag--removable":t.removable,"tag--with-icon":t.icon,[`tag--icon-${t.iconPosition}`]:t.iconPosition&&t.icon,"tag--strong":t.strong}]);return(r,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(l.value)},[e.createElementVNode("div",Rt,[r.icon?(e.openBlock(),e.createElementBlock("div",Mt,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.icon)))])):e.createCommentVNode("",!0),e.createElementVNode("div",At,[e.renderSlot(r.$slots,"default")])]),r.removable?(e.openBlock(),e.createElementBlock("button",{key:0,class:"tag__remove",onClick:a[0]||(a[0]=e.withModifiers(s=>o("remove"),["stop"]))},[e.createVNode(e.unref(C.CloseRoundedIcon))])):e.createCommentVNode("",!0)],2))}}),Ot=["for"],Dt={class:"input__wrapper"},Pt=["id","placeholder","name","disabled","type"],Lt={class:"input__actions"},_t={key:1,class:"input__error"},ke=e.defineComponent({__name:"InputText",props:e.mergeModels({label:{},placeholder:{},allowClear:{type:Boolean},name:{},disabled:{type:Boolean},error:{type:Boolean},errorText:{},type:{default:"text"},size:{default:"default"},inputId:{},variant:{default:"outlined"},value:{}},{modelValue:{required:!0},modelModifiers:{}}),emits:e.mergeModels(["blur","input"],["update:modelValue"]),setup(t,{emit:n}){const o=n,l=e.useModel(t,"modelValue"),r=e.useId(),a=e.ref(!1),s=e.computed(()=>["input",`input--${t.size}`,`input--${t.variant}`,{"input--disabled":t.disabled,"input--error":t.error}]),c=e.computed(()=>t.type==="password"?a.value?"text":"password":t.type);return(i,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(s.value)},[i.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:i.inputId??e.unref(r),class:"input__label"},e.toDisplayString(i.label),9,Ot)):e.createCommentVNode("",!0),e.createElementVNode("div",Dt,[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":u[0]||(u[0]=d=>l.value=d),id:i.inputId??e.unref(r),placeholder:i.placeholder,name:i.name,class:"input__field",disabled:i.disabled,type:c.value,onClick:u[1]||(u[1]=d=>o("blur")),onBlur:u[2]||(u[2]=d=>o("blur")),onInput:u[3]||(u[3]=d=>o("input",d))},null,40,Pt),[[e.vModelDynamic,l.value]]),e.createElementVNode("div",Lt,[i.type==="text"&&i.allowClear&&l.value&&l.value.length>0?(e.openBlock(),e.createElementBlock("button",{key:0,class:"input__clear",onClick:u[4]||(u[4]=d=>l.value="")},[e.createVNode(e.unref(C.CloseRoundedIcon))])):e.createCommentVNode("",!0),i.type==="password"?(e.openBlock(),e.createElementBlock("button",{key:1,class:"input__eye",onClick:u[5]||(u[5]=d=>a.value=!a.value)},[a.value?(e.openBlock(),e.createBlock(e.unref(C.EyeIcon),{key:0})):(e.openBlock(),e.createBlock(e.unref(C.EyeCloseIcon),{key:1}))])):e.createCommentVNode("",!0)])]),i.error&&i.errorText?(e.openBlock(),e.createElementBlock("small",_t,e.toDisplayString(i.errorText),1)):e.createCommentVNode("",!0)],2))}}),zt={class:"icon-field__content"},Oe=e.defineComponent({__name:"IconField",props:{icon:{},position:{default:"left"},disabled:{type:Boolean}},setup(t){const n=e.computed(()=>["icon-field",{[`icon-field--${t.position}`]:t.position,"icon-field--disabled":t.disabled}]);return(o,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(n.value)},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.icon),{class:"icon-field__icon"})),e.createElementVNode("div",zt,[e.renderSlot(o.$slots,"default")])],2))}}),It={class:e.normalizeClass(["dropdown-option"])},Ft=e.defineComponent({__name:"DropdownOption",props:e.mergeModels({item:{},multiple:{type:Boolean,default:!1}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const n=e.useModel(t,"modelValue");return(o,l)=>(e.openBlock(),e.createElementBlock("div",It,[o.multiple?(e.openBlock(),e.createBlock(e.unref(ue),{key:0,modelValue:n.value,"onUpdate:modelValue":l[0]||(l[0]=r=>n.value=r),value:o.item.value},{label:e.withCtx(()=>[o.$slots.option?e.renderSlot(o.$slots,"option",{key:0,option:o.item}):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(o.item.label),1)],64))]),_:3},8,["modelValue","value"])):(e.openBlock(),e.createBlock(e.unref(ye),{key:1,modelValue:n.value,"onUpdate:modelValue":l[1]||(l[1]=r=>n.value=r),value:o.item.value},{default:e.withCtx(()=>[o.$slots.option?e.renderSlot(o.$slots,"option",{key:0,option:o.item}):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(o.item.label),1)],64))]),_:3},8,["modelValue","value"]))]))}}),Ht={key:0,class:"dropdown__field-inner_tags"},jt={key:1,class:"dropdown__field-inner__text"},Ut={class:"dropdown__popover",ref:"popover"},Wt={class:"dropdown__popover-wrapper"},qt={key:0,class:"dropdown__popover-search"},Gt={key:1,class:"dropdown__popover-loading"},Yt={key:2,class:"dropdown__popover-list"},Xt=e.defineComponent({__name:"Dropdown",props:e.mergeModels({options:{},optionLabel:{},optionValue:{},placeholder:{},searchable:{type:Boolean,default:!1},multiple:{type:Boolean,default:!1},returnObject:{type:Boolean,default:!1},loading:{type:Boolean}},{modelValue:{required:!0},modelModifiers:{}}),emits:e.mergeModels(["search"],["update:modelValue"]),setup(t,{emit:n}){const o=n,l=e.computed(()=>t.optionValue?t.optionValue:"value"),r=e.computed(()=>t.optionLabel?t.optionLabel:"label"),a=e.useModel(t,"modelValue"),s=e.computed({get(){return t.returnObject?Array.isArray(a.value)?a.value.map(p=>p[l.value]):a.value[l.value]:a.value},set(p){if(Array.isArray(p)){const v=p.map(w=>{const k=t.options.find(b=>b[l.value]===w);return k||w});a.value=t.returnObject?v:p}else{const v=t.options.find(w=>w[l.value]===p);a.value=t.returnObject?v:p}}}),c=e.computed(()=>(console.log(Array.isArray(a.value)),Array.isArray(a.value)&&a.value.length===0||typeof a.value=="string"&&a.value.length===0)),i=e.ref(""),u=e.ref(!1),d=e.computed(()=>["dropdown",{"dropdown--open":u.value,"dropdown--searchable":t.searchable}]),m=e.computed(()=>{const p=t.options.find(v=>v.value===s.value);return p?p[r.value]:""}),y=p=>{const v=t.options.find(w=>w[l.value]===p);return v?v[r.value]:p},g=p=>{if(!Array.isArray(a.value))return;const v=s.value.findIndex(w=>w===p);v>-1&&s.value.splice(v,1)},f=e.useTemplateRef("trigger"),h=e.useTemplateRef("popover");return e.onMounted(()=>{J.onClickOutside(h.value,()=>{u.value=!1},{ignore:[f.value]})}),(p,v)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(d.value)},[e.createElementVNode("div",{class:"dropdown__field",ref:"trigger",onClick:v[0]||(v[0]=w=>u.value=!u.value)},[e.createElementVNode("div",{class:e.normalizeClass(["dropdown__field-inner",[{"dropdown__field-inner--multiple":p.multiple},{"dropdown__field-inner--placeholder":!a.value}]])},[p.multiple?(e.openBlock(),e.createElementBlock("div",Ht,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value,w=>(e.openBlock(),e.createBlock(e.unref(Ae),{variant:"secondary",key:w,removable:"",onRemove:k=>g(w)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(y(w)),1)]),_:2},1032,["onRemove"]))),128))])):(e.openBlock(),e.createElementBlock("span",jt,e.toDisplayString(c.value?p.placeholder:m.value),1))],2),v[4]||(v[4]=e.createElementVNode("div",{class:"dropdown__field-arrow"},[e.createElementVNode("svg",{width:"10",height:"6",viewBox:"0 0 10 6",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("path",{d:"M4.9996 5.50009C4.90106 5.50055 4.80342 5.48133 4.71241 5.44355C4.6214 5.40577 4.53885 5.3502 4.4696 5.28009L0.999603 1.78009C0.908212 1.63913 0.866791 1.47157 0.881978 1.30427C0.897166 1.13696 0.968083 0.979602 1.08336 0.857406C1.19864 0.73521 1.35161 0.655255 1.51774 0.630355C1.68388 0.605456 1.85357 0.637055 1.9996 0.720087L4.9996 3.72009L7.9996 0.720087C8.14564 0.637055 8.31533 0.605456 8.48146 0.630355C8.6476 0.655255 8.80056 0.73521 8.91584 0.857406C9.03112 0.979602 9.10204 1.13696 9.11723 1.30427C9.13241 1.47157 9.09099 1.63913 8.9996 1.78009L5.4996 5.28009C5.36709 5.4145 5.18823 5.4932 4.9996 5.50009Z",fill:"currentColor"})])],-1))],512),e.createElementVNode("div",Ut,[e.createElementVNode("div",Wt,[p.searchable?(e.openBlock(),e.createElementBlock("div",qt,[e.createVNode(e.unref(Oe),{icon:e.unref(C.SearchIcon),disabled:p.loading},{default:e.withCtx(()=>[e.createVNode(e.unref(ke),{modelValue:i.value,"onUpdate:modelValue":v[1]||(v[1]=w=>i.value=w),onInput:v[2]||(v[2]=w=>o("search",i.value)),disabled:p.loading},null,8,["modelValue","disabled"])]),_:1},8,["icon","disabled"])])):e.createCommentVNode("",!0),p.loading?(e.openBlock(),e.createElementBlock("div",Gt,[e.createVNode(e.unref(we))])):(e.openBlock(),e.createElementBlock("div",Yt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.options,(w,k)=>(e.openBlock(),e.createBlock(Ft,{key:k,modelValue:s.value,"onUpdate:modelValue":v[3]||(v[3]=b=>s.value=b),item:w,multiple:p.multiple},null,8,["modelValue","item","multiple"]))),128))]))])],512)],2))}}),Zt={class:"input-number__wrapper"},Kt=["max"],Jt=e.defineComponent({__name:"InputNumber",props:e.mergeModels({viewButtons:{type:Boolean,default:!1},max:{},countInPackage:{default:1},icon:{},iconPosition:{default:"left"},formatter:{type:Function}},{modelValue:{required:!0},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const n=e.useModel(t,"modelValue"),o=e.ref(typeof t.formatter=="function"?t.formatter(n.value):String(n.value));e.watch(n,i=>{o.value=typeof t.formatter=="function"?t.formatter(i):String(i)});const l=i=>{let d=i.target.value;d=d.replace(/[^\d]/g,"");let m=parseInt(d);m<1&&(m=1),t.max&&m>t.max&&(m=t.max),m%t.countInPackage!==0&&(m=Math.floor(m/t.countInPackage)*t.countInPackage+t.countInPackage),o.value=typeof t.formatter=="function"?t.formatter(m):String(m),n.value=m},r=()=>{o.value=typeof t.formatter=="function"?t.formatter(n.value):String(n.value)},a=()=>{if(t.max&&n.value===t.max)return;let i=n.value+t.countInPackage;t.max&&i>t.max&&(i=t.max),n.value=i},s=()=>{if(n.value===1)return;let i=n.value-t.countInPackage;i<1&&(i=1),n.value=i},c=e.computed(()=>["input-number",{"input-number--view-buttons":t.viewButtons,[`input-number--icon-${t.iconPosition}`]:t.icon}]);return e.onMounted(()=>{n.value=t.countInPackage,o.value=typeof t.formatter=="function"?t.formatter(n.value):String(n.value)}),(i,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(c.value)},[i.viewButtons?(e.openBlock(),e.createBlock(e.unref(re),{key:0,contrast:"",icon:e.unref(C.MinusIcon),class:"input-number__button input-number__button--decrement","icon-only":"",size:"small",disabled:i.countInPackage?n.value===i.countInPackage:n.value===1,onClick:s},null,8,["icon","disabled"])):e.createCommentVNode("",!0),e.createElementVNode("div",Zt,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(i.icon))),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":u[0]||(u[0]=d=>o.value=d),type:"text",name:"input-number",id:"input-number",class:"input-number__input",max:i.max,onInput:l,onBlur:r},null,40,Kt),[[e.vModelText,o.value]])]),i.viewButtons?(e.openBlock(),e.createBlock(e.unref(re),{key:1,contrast:"",icon:e.unref(C.PlusIcon),class:"input-number__button input-number__button--increment","icon-only":"",size:"small",onClick:a,disabled:!!i.max&&n.value===i.max},null,8,["icon","disabled"])):e.createCommentVNode("",!0)],2))}}),Qt={class:"input-phone"},eo=e.defineComponent({__name:"InputPhone",props:e.mergeModels({label:{},placeholder:{},allowClear:{type:Boolean},name:{},disabled:{type:Boolean},error:{type:Boolean},errorText:{},type:{},size:{},inputId:{},variant:{},value:{}},{modelValue:{required:!0},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const n=t,o=e.useModel(t,"modelValue"),l=e.ref("+7"),r=a=>{if(a&&!a.isTrusted)return;const s=l.value.replace(/\D/g,"").match(/(\d{0,1})(\d{0,3})(\d{0,3})(\d{0,2})(\d{0,2})/);if(!s)return l.value;!s[2]&&s[1]!==""?l.value=s[1]==="7"?`${s[1]}`:"7"+s[1]:l.value=s[3]?s[1]+" ("+s[2]+") "+s[3]+(s[4]?"-"+s[4]:"")+(s[5]?"-"+s[5]:""):`${s[1]} `+s[2],o.value=l.value.replace(/\D/g,"")};return(a,s)=>(e.openBlock(),e.createElementBlock("div",Qt,[e.createVNode(e.unref(ke),e.mergeProps({modelValue:l.value,"onUpdate:modelValue":s[0]||(s[0]=c=>l.value=c),onInput:s[1]||(s[1]=c=>r(c))},n),null,16,["modelValue"])]))}}),to=["id","disabled"],oo=e.defineComponent({__name:"Switch",props:e.mergeModels({disabled:{type:Boolean}},{modelValue:{type:Boolean,required:!0},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const n=e.useModel(t,"modelValue"),o=e.useId();return(l,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["switch",{"switch--disabled":l.disabled}])},[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":r[0]||(r[0]=a=>n.value=a),type:"checkbox",name:"switch",id:e.unref(o),class:"switch__input",disabled:l.disabled},null,8,to),[[e.vModelCheckbox,n.value]]),r[1]||(r[1]=e.createElementVNode("div",{class:"switch__track"},[e.createElementVNode("div",{class:"switch__thumb"})],-1))],2))}}),no=["for"],lo=["id","placeholder","name","disabled","rows","cols"],so=e.defineComponent({__name:"Textarea",props:e.mergeModels({label:{},placeholder:{},name:{},disabled:{type:Boolean},rows:{default:1},cols:{default:30},maxHeight:{default:200},error:{type:Boolean,default:!1},inputId:{},size:{default:"default"}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const n=e.useModel(t,"modelValue"),o=e.ref(null),l=e.useId(),r=()=>{const s=o.value;if(!s)return;const c={small:26,default:32,large:37}[t.size];s.style.height="auto",t.maxHeight&&(s.style.maxHeight=t.maxHeight+"px"),s.style.height=Math.min(s.scrollHeight,t.maxHeight||s.scrollHeight)+"px",s.scrollHeight<c&&(s.style.height=c*t.rows+"px")};e.onMounted(()=>{r()}),e.watch(()=>[t.rows,t.maxHeight],()=>{r()});const a=e.computed(()=>["textarea",`textarea--${t.size}`,{"textarea--disabled":t.disabled,"textarea--error":t.error}]);return(s,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(a.value)},[e.createElementVNode("label",{for:s.inputId??e.unref(l),class:"textarea__label"},e.toDisplayString(s.label),9,no),e.withDirectives(e.createElementVNode("textarea",{"onUpdate:modelValue":c[0]||(c[0]=i=>n.value=i),ref_key:"textareaRef",ref:o,class:"textarea__field",id:s.inputId??e.unref(l),placeholder:s.placeholder,name:s.name,disabled:s.disabled,rows:s.rows,cols:s.cols,onInput:r},null,40,lo),[[e.vModelText,n.value]])],2))}}),ro={class:"breadcrumb"},ao={key:0,class:"breadcrumb__item breadcrumb__seporator"},io=e.defineComponent({__name:"Breadcrumb",props:{items:{}},setup(t){const n=o=>o.url?e.resolveComponent("RouterLink"):"div";return(o,l)=>(e.openBlock(),e.createElementBlock("div",ro,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.items,(r,a)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n(r)),{to:r.url,class:e.normalizeClass(["breadcrumb__item",{"breadcrumb__item--disabled":!r.url}])},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.label),1)]),_:2},1032,["to","class"])),a!==o.items.length-1?(e.openBlock(),e.createElementBlock("div",ao,"/")):e.createCommentVNode("",!0)],64))),256))]))}}),co={class:"toast-message__icon"},uo={class:"toast-message__content"},mo={class:"toast-message__title"},fo={key:0,class:"toast-message__text"},po=e.defineComponent({__name:"ToastMessage",props:{msg:{}},emits:["close"],setup(t,{emit:n}){const o=n,l=e.reactive({success:e.shallowRef(C.CheckIcon),error:e.shallowRef(C.BanIcon),warn:e.shallowRef(C.ErrorIcon),info:e.shallowRef(C.InfoIcon)}),r=e.computed(()=>t.msg.severity?t.msg.icon?t.msg.icon:l[t.msg.severity]:l.info),a=e.computed(()=>["toast-message",`toast-message--${t.msg.severity}`]),s=e.ref(null),c=e.ref(void 0),i=()=>{console.log(c.value),s.value=setTimeout(()=>{u({message:t.msg,type:"life-end"})},c.value)},u=y=>{o("close",y)},d=()=>{m(),u({message:t.msg,type:"close"})},m=()=>{s.value&&(clearTimeout(s.value),s.value=null)};return e.onMounted(()=>{t.msg.life&&(c.value=t.msg.life,i())}),(y,g)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(a.value)},[e.createElementVNode("div",co,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.value)))]),e.createElementVNode("div",uo,[e.createElementVNode("div",mo,e.toDisplayString(y.msg.summary),1),y.msg.detail?(e.openBlock(),e.createElementBlock("div",fo,e.toDisplayString(y.msg.detail),1)):e.createCommentVNode("",!0)]),e.createElementVNode("button",{class:"toast-message__close",onClick:d},[e.createVNode(e.unref(C.CloseIcon))])],2))}}),x=J.EventBus(),vo={class:"toast-container"},go=e.defineComponent({__name:"Toast",props:{group:{},position:{},message:{}},setup(t){let n=0;const o=e.ref([]),l=u=>{u.id==null&&(u.id=n++),o.value=[...o.value,u]},r=u=>{const d=o.value.findIndex(m=>m.id===u.message.id);d!==-1&&o.value.splice(d,1)},a=u=>{t.group==u.group&&l(u)},s=u=>{r({message:u})},c=u=>{u===u&&(o.value=[])},i=()=>{o.value=[]};return e.onMounted(()=>{x.on("add",a),x.on("remove",s),x.on("remove-group",c),x.on("remove-all-groups",i)}),e.onUnmounted(()=>{x.off("add",a),x.off("remove",s),x.off("remove-group",c),x.off("remove-all-groups",i)}),(u,d)=>(e.openBlock(),e.createBlock(e.unref(J._sfc_main),null,{default:e.withCtx(()=>[e.createElementVNode("div",vo,[e.createVNode(e.TransitionGroup,{name:"toast-fade",tag:"div"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.value,m=>(e.openBlock(),e.createBlock(po,{key:m.id,msg:m,onClose:d[0]||(d[0]=y=>r(y))},null,8,["msg"]))),128))]),_:1})])]),_:1}))}}),De=Symbol();function ho(){const t=e.inject(De);if(!t)throw new Error("No PrimeVue Toast provided!");return t}const yo={install:t=>{const n={add:o=>{x.emit("add",o)},remove:o=>{x.emit("remove",o)},removeGroup:o=>{x.emit("remove-group",o)},removeAllGroups:()=>{x.emit("remove-all-groups")}};t.config.globalProperties.$toast=n,t.provide(De,n)}},wo={key:0,class:"badge__value"},Pe=e.defineComponent({__name:"Badge",props:{value:{},variant:{default:"primary"},strong:{type:Boolean}},setup(t){const n=e.computed(()=>["badge",{"badge--strong":t.strong,"badge--empty":!t.value||typeof t.value=="string"&&!t.value.trim(),[`badge--${t.variant}`]:t.variant}]);return(o,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(n.value)},[o.value?(e.openBlock(),e.createElementBlock("div",wo,e.toDisplayString(o.value),1)):e.createCommentVNode("",!0)],2))}}),ko=e.defineComponent({__name:"OverlayBadge",props:{value:{},variant:{},position:{default:"right"},viewBadge:{type:Boolean,default:!0},offset:{default:()=>({x:-5,y:-7})}},setup(t){const n=e.computed(()=>typeof t.offset=="number"?{left:`calc(100% + ${t.offset}px)`,top:`${t.offset}px`}:{left:`calc(100% + ${t.offset.x}px)`,top:`${t.offset.y}px`});return(o,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["overlay-badge",{[`overlay-badge--${o.position}`]:o.position}])},[o.viewBadge?(e.openBlock(),e.createBlock(e.unref(Pe),{key:0,value:o.value,variant:o.variant,class:"overlay-badge__badge",style:e.normalizeStyle(n.value)},null,8,["value","variant","style"])):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"default")],2))}}),bo=e.defineComponent({__name:"Skeleton",props:{width:{default:100},height:{default:20},borderRadius:{default:8},shape:{default:"rectangle"},size:{}},setup(t){const n=e.computed(()=>["skeleton",`skeleton--${t.shape}`,{"skeleton--square":t.size}]),o=e.computed(()=>({"--size":t.size,width:typeof t.width=="string"?t.width:`${t.width}px`,height:typeof t.height=="string"?t.height:`${t.height}px`,borderRadius:typeof t.borderRadius=="string"?t.borderRadius:`${t.borderRadius}px`}));return(l,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(n.value),style:e.normalizeStyle(o.value)},null,6))}}),Bo={class:"drawer-wrapper"},Co={class:"drawer-close"},Vo=e.defineComponent({__name:"Drawer",props:{position:{default:"left"},width:{default:300}},setup(t,{expose:n}){const{lockScroll:o,unlockScroll:l}=J.useBodyScroll(),r=e.ref(!1),a=e.computed(()=>typeof t.width=="number"?`${t.width}px`:`${t.width.split("px")[0]}px`),s=()=>{r.value=!0,o()},c=()=>{r.value=!1,l()};return n({isOpen:r,open:s,close:c}),(i,u)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{name:"drawer-animate"},{default:e.withCtx(()=>[r.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["drawer",{[`drawer--${i.position}`]:i.position}]),style:e.normalizeStyle({"--widthDrawer":a.value})},[e.createElementVNode("div",{class:"drawer-overlay",onClick:u[0]||(u[0]=d=>c())}),e.createElementVNode("div",Bo,[e.createElementVNode("div",Co,[e.createElementVNode("button",{onClick:u[1]||(u[1]=d=>c())},[e.createVNode(e.unref(C.CloseRoundedIcon))])]),e.renderSlot(i.$slots,"default")])],6)):e.createCommentVNode("",!0)]),_:3})]))}}),$o={class:"modal__header"},Eo={key:0,class:"modal__header-title"},So={class:"modal__body"},xo=e.defineComponent({__name:"Modal",props:e.mergeModels({title:{},style:{},position:{default:"center"}},{open:{type:Boolean,required:!0},openModifiers:{}}),emits:["update:open"],setup(t){const n=e.useModel(t,"open"),{unlockScroll:o,lockScroll:l}=J.useBodyScroll(),r=e.computed(()=>["modal",`modal--${t.position}`]);return e.watch(n,()=>{n.value?l():o()}),(a,s)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{name:"modal-content-fade"},{default:e.withCtx(()=>[n.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(r.value)},[e.createElementVNode("div",{class:"modal__overlay",onClick:s[0]||(s[0]=c=>n.value=!1)}),e.createElementVNode("div",{class:"modal__content",style:e.normalizeStyle(a.style)},[e.createElementVNode("div",$o,[a.title?(e.openBlock(),e.createElementBlock("h2",Eo,e.toDisplayString(a.title),1)):e.createCommentVNode("",!0),e.createElementVNode("button",{text:"",class:"modal__header-close",onClick:s[1]||(s[1]=c=>n.value=!1)},[e.createVNode(e.unref(C.CloseIcon))])]),e.createElementVNode("div",So,[e.renderSlot(a.$slots,"default")])],4)],2)):e.createCommentVNode("",!0)]),_:3})]))}}),Z=Math.min,q=Math.max,ae=Math.round,se=Math.floor,D=t=>({x:t,y:t}),No={left:"right",right:"left",bottom:"top",top:"bottom"},To={start:"end",end:"start"};function ve(t,n,o){return q(t,Z(n,o))}function oe(t,n){return typeof t=="function"?t(n):t}function G(t){return t.split("-")[0]}function ne(t){return t.split("-")[1]}function Le(t){return t==="x"?"y":"x"}function be(t){return t==="y"?"height":"width"}const Ro=new Set(["top","bottom"]);function F(t){return Ro.has(G(t))?"y":"x"}function Be(t){return Le(F(t))}function Mo(t,n,o){o===void 0&&(o=!1);const l=ne(t),r=Be(t),a=be(r);let s=r==="x"?l===(o?"end":"start")?"right":"left":l==="start"?"bottom":"top";return n.reference[a]>n.floating[a]&&(s=ie(s)),[s,ie(s)]}function Ao(t){const n=ie(t);return[ge(t),n,ge(n)]}function ge(t){return t.replace(/start|end/g,n=>To[n])}const Se=["left","right"],xe=["right","left"],Oo=["top","bottom"],Do=["bottom","top"];function Po(t,n,o){switch(t){case"top":case"bottom":return o?n?xe:Se:n?Se:xe;case"left":case"right":return n?Oo:Do;default:return[]}}function Lo(t,n,o,l){const r=ne(t);let a=Po(G(t),o==="start",l);return r&&(a=a.map(s=>s+"-"+r),n&&(a=a.concat(a.map(ge)))),a}function ie(t){return t.replace(/left|right|bottom|top/g,n=>No[n])}function _o(t){return{top:0,right:0,bottom:0,left:0,...t}}function _e(t){return typeof t!="number"?_o(t):{top:t,right:t,bottom:t,left:t}}function ce(t){const{x:n,y:o,width:l,height:r}=t;return{width:l,height:r,top:o,left:n,right:n+l,bottom:o+r,x:n,y:o}}function Ne(t,n,o){let{reference:l,floating:r}=t;const a=F(n),s=Be(n),c=be(s),i=G(n),u=a==="y",d=l.x+l.width/2-r.width/2,m=l.y+l.height/2-r.height/2,y=l[c]/2-r[c]/2;let g;switch(i){case"top":g={x:d,y:l.y-r.height};break;case"bottom":g={x:d,y:l.y+l.height};break;case"right":g={x:l.x+l.width,y:m};break;case"left":g={x:l.x-r.width,y:m};break;default:g={x:l.x,y:l.y}}switch(ne(n)){case"start":g[s]-=y*(o&&u?-1:1);break;case"end":g[s]+=y*(o&&u?-1:1);break}return g}const zo=async(t,n,o)=>{const{placement:l="bottom",strategy:r="absolute",middleware:a=[],platform:s}=o,c=a.filter(Boolean),i=await(s.isRTL==null?void 0:s.isRTL(n));let u=await s.getElementRects({reference:t,floating:n,strategy:r}),{x:d,y:m}=Ne(u,l,i),y=l,g={},f=0;for(let h=0;h<c.length;h++){const{name:p,fn:v}=c[h],{x:w,y:k,data:b,reset:B}=await v({x:d,y:m,initialPlacement:l,placement:y,strategy:r,middlewareData:g,rects:u,platform:s,elements:{reference:t,floating:n}});d=w??d,m=k??m,g={...g,[p]:{...g[p],...b}},B&&f<=50&&(f++,typeof B=="object"&&(B.placement&&(y=B.placement),B.rects&&(u=B.rects===!0?await s.getElementRects({reference:t,floating:n,strategy:r}):B.rects),{x:d,y:m}=Ne(u,y,i)),h=-1)}return{x:d,y:m,placement:y,strategy:r,middlewareData:g}};async function ze(t,n){var o;n===void 0&&(n={});const{x:l,y:r,platform:a,rects:s,elements:c,strategy:i}=t,{boundary:u="clippingAncestors",rootBoundary:d="viewport",elementContext:m="floating",altBoundary:y=!1,padding:g=0}=oe(n,t),f=_e(g),p=c[y?m==="floating"?"reference":"floating":m],v=ce(await a.getClippingRect({element:(o=await(a.isElement==null?void 0:a.isElement(p)))==null||o?p:p.contextElement||await(a.getDocumentElement==null?void 0:a.getDocumentElement(c.floating)),boundary:u,rootBoundary:d,strategy:i})),w=m==="floating"?{x:l,y:r,width:s.floating.width,height:s.floating.height}:s.reference,k=await(a.getOffsetParent==null?void 0:a.getOffsetParent(c.floating)),b=await(a.isElement==null?void 0:a.isElement(k))?await(a.getScale==null?void 0:a.getScale(k))||{x:1,y:1}:{x:1,y:1},B=ce(a.convertOffsetParentRelativeRectToViewportRelativeRect?await a.convertOffsetParentRelativeRectToViewportRelativeRect({elements:c,rect:w,offsetParent:k,strategy:i}):w);return{top:(v.top-B.top+f.top)/b.y,bottom:(B.bottom-v.bottom+f.bottom)/b.y,left:(v.left-B.left+f.left)/b.x,right:(B.right-v.right+f.right)/b.x}}const Io=t=>({name:"arrow",options:t,async fn(n){const{x:o,y:l,placement:r,rects:a,platform:s,elements:c,middlewareData:i}=n,{element:u,padding:d=0}=oe(t,n)||{};if(u==null)return{};const m=_e(d),y={x:o,y:l},g=Be(r),f=be(g),h=await s.getDimensions(u),p=g==="y",v=p?"top":"left",w=p?"bottom":"right",k=p?"clientHeight":"clientWidth",b=a.reference[f]+a.reference[g]-y[g]-a.floating[f],B=y[g]-a.reference[g],S=await(s.getOffsetParent==null?void 0:s.getOffsetParent(u));let V=S?S[k]:0;(!V||!await(s.isElement==null?void 0:s.isElement(S)))&&(V=c.floating[k]||a.floating[f]);const z=b/2-B/2,O=V/2-h[f]/2-1,N=Z(m[v],O),j=Z(m[w],O),U=N,ee=V-h[f]-j,$=V/2-h[f]/2+z,W=ve(U,$,ee),_=!i.arrow&&ne(r)!=null&&$!==W&&a.reference[f]/2-($<U?N:j)-h[f]/2<0,T=_?$<U?$-U:$-ee:0;return{[g]:y[g]+T,data:{[g]:W,centerOffset:$-W-T,..._&&{alignmentOffset:T}},reset:_}}}),Fo=function(t){return t===void 0&&(t={}),{name:"flip",options:t,async fn(n){var o,l;const{placement:r,middlewareData:a,rects:s,initialPlacement:c,platform:i,elements:u}=n,{mainAxis:d=!0,crossAxis:m=!0,fallbackPlacements:y,fallbackStrategy:g="bestFit",fallbackAxisSideDirection:f="none",flipAlignment:h=!0,...p}=oe(t,n);if((o=a.arrow)!=null&&o.alignmentOffset)return{};const v=G(r),w=F(c),k=G(c)===c,b=await(i.isRTL==null?void 0:i.isRTL(u.floating)),B=y||(k||!h?[ie(c)]:Ao(c)),S=f!=="none";!y&&S&&B.push(...Lo(c,h,f,b));const V=[c,...B],z=await ze(n,p),O=[];let N=((l=a.flip)==null?void 0:l.overflows)||[];if(d&&O.push(z[v]),m){const $=Mo(r,s,b);O.push(z[$[0]],z[$[1]])}if(N=[...N,{placement:r,overflows:O}],!O.every($=>$<=0)){var j,U;const $=(((j=a.flip)==null?void 0:j.index)||0)+1,W=V[$];if(W&&(!(m==="alignment"?w!==F(W):!1)||N.every(R=>R.overflows[0]>0&&F(R.placement)===w)))return{data:{index:$,overflows:N},reset:{placement:W}};let _=(U=N.filter(T=>T.overflows[0]<=0).sort((T,R)=>T.overflows[1]-R.overflows[1])[0])==null?void 0:U.placement;if(!_)switch(g){case"bestFit":{var ee;const T=(ee=N.filter(R=>{if(S){const I=F(R.placement);return I===w||I==="y"}return!0}).map(R=>[R.placement,R.overflows.filter(I=>I>0).reduce((I,Ye)=>I+Ye,0)]).sort((R,I)=>R[1]-I[1])[0])==null?void 0:ee[0];T&&(_=T);break}case"initialPlacement":_=c;break}if(r!==_)return{reset:{placement:_}}}return{}}}},Ho=new Set(["left","top"]);async function jo(t,n){const{placement:o,platform:l,elements:r}=t,a=await(l.isRTL==null?void 0:l.isRTL(r.floating)),s=G(o),c=ne(o),i=F(o)==="y",u=Ho.has(s)?-1:1,d=a&&i?-1:1,m=oe(n,t);let{mainAxis:y,crossAxis:g,alignmentAxis:f}=typeof m=="number"?{mainAxis:m,crossAxis:0,alignmentAxis:null}:{mainAxis:m.mainAxis||0,crossAxis:m.crossAxis||0,alignmentAxis:m.alignmentAxis};return c&&typeof f=="number"&&(g=c==="end"?f*-1:f),i?{x:g*d,y:y*u}:{x:y*u,y:g*d}}const Uo=function(t){return t===void 0&&(t=0),{name:"offset",options:t,async fn(n){var o,l;const{x:r,y:a,placement:s,middlewareData:c}=n,i=await jo(n,t);return s===((o=c.offset)==null?void 0:o.placement)&&(l=c.arrow)!=null&&l.alignmentOffset?{}:{x:r+i.x,y:a+i.y,data:{...i,placement:s}}}}},Wo=function(t){return t===void 0&&(t={}),{name:"shift",options:t,async fn(n){const{x:o,y:l,placement:r}=n,{mainAxis:a=!0,crossAxis:s=!1,limiter:c={fn:p=>{let{x:v,y:w}=p;return{x:v,y:w}}},...i}=oe(t,n),u={x:o,y:l},d=await ze(n,i),m=F(G(r)),y=Le(m);let g=u[y],f=u[m];if(a){const p=y==="y"?"top":"left",v=y==="y"?"bottom":"right",w=g+d[p],k=g-d[v];g=ve(w,g,k)}if(s){const p=m==="y"?"top":"left",v=m==="y"?"bottom":"right",w=f+d[p],k=f-d[v];f=ve(w,f,k)}const h=c.fn({...n,[y]:g,[m]:f});return{...h,data:{x:h.x-o,y:h.y-l,enabled:{[y]:a,[m]:s}}}}}};function de(){return typeof window<"u"}function Q(t){return Ie(t)?(t.nodeName||"").toLowerCase():"#document"}function E(t){var n;return(t==null||(n=t.ownerDocument)==null?void 0:n.defaultView)||window}function L(t){var n;return(n=(Ie(t)?t.ownerDocument:t.document)||window.document)==null?void 0:n.documentElement}function Ie(t){return de()?t instanceof Node||t instanceof E(t).Node:!1}function M(t){return de()?t instanceof Element||t instanceof E(t).Element:!1}function P(t){return de()?t instanceof HTMLElement||t instanceof E(t).HTMLElement:!1}function Te(t){return!de()||typeof ShadowRoot>"u"?!1:t instanceof ShadowRoot||t instanceof E(t).ShadowRoot}const qo=new Set(["inline","contents"]);function le(t){const{overflow:n,overflowX:o,overflowY:l,display:r}=A(t);return/auto|scroll|overlay|hidden|clip/.test(n+l+o)&&!qo.has(r)}const Go=new Set(["table","td","th"]);function Yo(t){return Go.has(Q(t))}const Xo=[":popover-open",":modal"];function me(t){return Xo.some(n=>{try{return t.matches(n)}catch{return!1}})}const Zo=["transform","translate","scale","rotate","perspective"],Ko=["transform","translate","scale","rotate","perspective","filter"],Jo=["paint","layout","strict","content"];function Ce(t){const n=Ve(),o=M(t)?A(t):t;return Zo.some(l=>o[l]?o[l]!=="none":!1)||(o.containerType?o.containerType!=="normal":!1)||!n&&(o.backdropFilter?o.backdropFilter!=="none":!1)||!n&&(o.filter?o.filter!=="none":!1)||Ko.some(l=>(o.willChange||"").includes(l))||Jo.some(l=>(o.contain||"").includes(l))}function Qo(t){let n=H(t);for(;P(n)&&!K(n);){if(Ce(n))return n;if(me(n))return null;n=H(n)}return null}function Ve(){return typeof CSS>"u"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}const en=new Set(["html","body","#document"]);function K(t){return en.has(Q(t))}function A(t){return E(t).getComputedStyle(t)}function fe(t){return M(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.scrollX,scrollTop:t.scrollY}}function H(t){if(Q(t)==="html")return t;const n=t.assignedSlot||t.parentNode||Te(t)&&t.host||L(t);return Te(n)?n.host:n}function Fe(t){const n=H(t);return K(n)?t.ownerDocument?t.ownerDocument.body:t.body:P(n)&&le(n)?n:Fe(n)}function te(t,n,o){var l;n===void 0&&(n=[]),o===void 0&&(o=!0);const r=Fe(t),a=r===((l=t.ownerDocument)==null?void 0:l.body),s=E(r);if(a){const c=he(s);return n.concat(s,s.visualViewport||[],le(r)?r:[],c&&o?te(c):[])}return n.concat(r,te(r,[],o))}function he(t){return t.parent&&Object.getPrototypeOf(t.parent)?t.frameElement:null}function He(t){const n=A(t);let o=parseFloat(n.width)||0,l=parseFloat(n.height)||0;const r=P(t),a=r?t.offsetWidth:o,s=r?t.offsetHeight:l,c=ae(o)!==a||ae(l)!==s;return c&&(o=a,l=s),{width:o,height:l,$:c}}function $e(t){return M(t)?t:t.contextElement}function X(t){const n=$e(t);if(!P(n))return D(1);const o=n.getBoundingClientRect(),{width:l,height:r,$:a}=He(n);let s=(a?ae(o.width):o.width)/l,c=(a?ae(o.height):o.height)/r;return(!s||!Number.isFinite(s))&&(s=1),(!c||!Number.isFinite(c))&&(c=1),{x:s,y:c}}const tn=D(0);function je(t){const n=E(t);return!Ve()||!n.visualViewport?tn:{x:n.visualViewport.offsetLeft,y:n.visualViewport.offsetTop}}function on(t,n,o){return n===void 0&&(n=!1),!o||n&&o!==E(t)?!1:n}function Y(t,n,o,l){n===void 0&&(n=!1),o===void 0&&(o=!1);const r=t.getBoundingClientRect(),a=$e(t);let s=D(1);n&&(l?M(l)&&(s=X(l)):s=X(t));const c=on(a,o,l)?je(a):D(0);let i=(r.left+c.x)/s.x,u=(r.top+c.y)/s.y,d=r.width/s.x,m=r.height/s.y;if(a){const y=E(a),g=l&&M(l)?E(l):l;let f=y,h=he(f);for(;h&&l&&g!==f;){const p=X(h),v=h.getBoundingClientRect(),w=A(h),k=v.left+(h.clientLeft+parseFloat(w.paddingLeft))*p.x,b=v.top+(h.clientTop+parseFloat(w.paddingTop))*p.y;i*=p.x,u*=p.y,d*=p.x,m*=p.y,i+=k,u+=b,f=E(h),h=he(f)}}return ce({width:d,height:m,x:i,y:u})}function Ee(t,n){const o=fe(t).scrollLeft;return n?n.left+o:Y(L(t)).left+o}function Ue(t,n,o){o===void 0&&(o=!1);const l=t.getBoundingClientRect(),r=l.left+n.scrollLeft-(o?0:Ee(t,l)),a=l.top+n.scrollTop;return{x:r,y:a}}function nn(t){let{elements:n,rect:o,offsetParent:l,strategy:r}=t;const a=r==="fixed",s=L(l),c=n?me(n.floating):!1;if(l===s||c&&a)return o;let i={scrollLeft:0,scrollTop:0},u=D(1);const d=D(0),m=P(l);if((m||!m&&!a)&&((Q(l)!=="body"||le(s))&&(i=fe(l)),P(l))){const g=Y(l);u=X(l),d.x=g.x+l.clientLeft,d.y=g.y+l.clientTop}const y=s&&!m&&!a?Ue(s,i,!0):D(0);return{width:o.width*u.x,height:o.height*u.y,x:o.x*u.x-i.scrollLeft*u.x+d.x+y.x,y:o.y*u.y-i.scrollTop*u.y+d.y+y.y}}function ln(t){return Array.from(t.getClientRects())}function sn(t){const n=L(t),o=fe(t),l=t.ownerDocument.body,r=q(n.scrollWidth,n.clientWidth,l.scrollWidth,l.clientWidth),a=q(n.scrollHeight,n.clientHeight,l.scrollHeight,l.clientHeight);let s=-o.scrollLeft+Ee(t);const c=-o.scrollTop;return A(l).direction==="rtl"&&(s+=q(n.clientWidth,l.clientWidth)-r),{width:r,height:a,x:s,y:c}}function rn(t,n){const o=E(t),l=L(t),r=o.visualViewport;let a=l.clientWidth,s=l.clientHeight,c=0,i=0;if(r){a=r.width,s=r.height;const u=Ve();(!u||u&&n==="fixed")&&(c=r.offsetLeft,i=r.offsetTop)}return{width:a,height:s,x:c,y:i}}const an=new Set(["absolute","fixed"]);function cn(t,n){const o=Y(t,!0,n==="fixed"),l=o.top+t.clientTop,r=o.left+t.clientLeft,a=P(t)?X(t):D(1),s=t.clientWidth*a.x,c=t.clientHeight*a.y,i=r*a.x,u=l*a.y;return{width:s,height:c,x:i,y:u}}function Re(t,n,o){let l;if(n==="viewport")l=rn(t,o);else if(n==="document")l=sn(L(t));else if(M(n))l=cn(n,o);else{const r=je(t);l={x:n.x-r.x,y:n.y-r.y,width:n.width,height:n.height}}return ce(l)}function We(t,n){const o=H(t);return o===n||!M(o)||K(o)?!1:A(o).position==="fixed"||We(o,n)}function un(t,n){const o=n.get(t);if(o)return o;let l=te(t,[],!1).filter(c=>M(c)&&Q(c)!=="body"),r=null;const a=A(t).position==="fixed";let s=a?H(t):t;for(;M(s)&&!K(s);){const c=A(s),i=Ce(s);!i&&c.position==="fixed"&&(r=null),(a?!i&&!r:!i&&c.position==="static"&&!!r&&an.has(r.position)||le(s)&&!i&&We(t,s))?l=l.filter(d=>d!==s):r=c,s=H(s)}return n.set(t,l),l}function dn(t){let{element:n,boundary:o,rootBoundary:l,strategy:r}=t;const s=[...o==="clippingAncestors"?me(n)?[]:un(n,this._c):[].concat(o),l],c=s[0],i=s.reduce((u,d)=>{const m=Re(n,d,r);return u.top=q(m.top,u.top),u.right=Z(m.right,u.right),u.bottom=Z(m.bottom,u.bottom),u.left=q(m.left,u.left),u},Re(n,c,r));return{width:i.right-i.left,height:i.bottom-i.top,x:i.left,y:i.top}}function mn(t){const{width:n,height:o}=He(t);return{width:n,height:o}}function fn(t,n,o){const l=P(n),r=L(n),a=o==="fixed",s=Y(t,!0,a,n);let c={scrollLeft:0,scrollTop:0};const i=D(0);function u(){i.x=Ee(r)}if(l||!l&&!a)if((Q(n)!=="body"||le(r))&&(c=fe(n)),l){const g=Y(n,!0,a,n);i.x=g.x+n.clientLeft,i.y=g.y+n.clientTop}else r&&u();a&&!l&&r&&u();const d=r&&!l&&!a?Ue(r,c):D(0),m=s.left+c.scrollLeft-i.x-d.x,y=s.top+c.scrollTop-i.y-d.y;return{x:m,y,width:s.width,height:s.height}}function pe(t){return A(t).position==="static"}function Me(t,n){if(!P(t)||A(t).position==="fixed")return null;if(n)return n(t);let o=t.offsetParent;return L(t)===o&&(o=o.ownerDocument.body),o}function qe(t,n){const o=E(t);if(me(t))return o;if(!P(t)){let r=H(t);for(;r&&!K(r);){if(M(r)&&!pe(r))return r;r=H(r)}return o}let l=Me(t,n);for(;l&&Yo(l)&&pe(l);)l=Me(l,n);return l&&K(l)&&pe(l)&&!Ce(l)?o:l||Qo(t)||o}const pn=async function(t){const n=this.getOffsetParent||qe,o=this.getDimensions,l=await o(t.floating);return{reference:fn(t.reference,await n(t.floating),t.strategy),floating:{x:0,y:0,width:l.width,height:l.height}}};function vn(t){return A(t).direction==="rtl"}const gn={convertOffsetParentRelativeRectToViewportRelativeRect:nn,getDocumentElement:L,getClippingRect:dn,getOffsetParent:qe,getElementRects:pn,getClientRects:ln,getDimensions:mn,getScale:X,isElement:M,isRTL:vn};function Ge(t,n){return t.x===n.x&&t.y===n.y&&t.width===n.width&&t.height===n.height}function hn(t,n){let o=null,l;const r=L(t);function a(){var c;clearTimeout(l),(c=o)==null||c.disconnect(),o=null}function s(c,i){c===void 0&&(c=!1),i===void 0&&(i=1),a();const u=t.getBoundingClientRect(),{left:d,top:m,width:y,height:g}=u;if(c||n(),!y||!g)return;const f=se(m),h=se(r.clientWidth-(d+y)),p=se(r.clientHeight-(m+g)),v=se(d),k={rootMargin:-f+"px "+-h+"px "+-p+"px "+-v+"px",threshold:q(0,Z(1,i))||1};let b=!0;function B(S){const V=S[0].intersectionRatio;if(V!==i){if(!b)return s();V?s(!1,V):l=setTimeout(()=>{s(!1,1e-7)},1e3)}V===1&&!Ge(u,t.getBoundingClientRect())&&s(),b=!1}try{o=new IntersectionObserver(B,{...k,root:r.ownerDocument})}catch{o=new IntersectionObserver(B,k)}o.observe(t)}return s(!0),a}function yn(t,n,o,l){l===void 0&&(l={});const{ancestorScroll:r=!0,ancestorResize:a=!0,elementResize:s=typeof ResizeObserver=="function",layoutShift:c=typeof IntersectionObserver=="function",animationFrame:i=!1}=l,u=$e(t),d=r||a?[...u?te(u):[],...te(n)]:[];d.forEach(v=>{r&&v.addEventListener("scroll",o,{passive:!0}),a&&v.addEventListener("resize",o)});const m=u&&c?hn(u,o):null;let y=-1,g=null;s&&(g=new ResizeObserver(v=>{let[w]=v;w&&w.target===u&&g&&(g.unobserve(n),cancelAnimationFrame(y),y=requestAnimationFrame(()=>{var k;(k=g)==null||k.observe(n)})),o()}),u&&!i&&g.observe(u),g.observe(n));let f,h=i?Y(t):null;i&&p();function p(){const v=Y(t);h&&!Ge(h,v)&&o(),h=v,f=requestAnimationFrame(p)}return o(),()=>{var v;d.forEach(w=>{r&&w.removeEventListener("scroll",o),a&&w.removeEventListener("resize",o)}),m?.(),(v=g)==null||v.disconnect(),g=null,i&&cancelAnimationFrame(f)}}const wn=Uo,kn=Wo,bn=Fo,Bn=Io,Cn=(t,n,o)=>{const l=new Map,r={platform:gn,...o},a={...r.platform,_c:l};return zo(t,n,{...r,platform:a})},Vn={class:"popover-wrapper"},$n={class:"popover__content"},En=e.defineComponent({__name:"Popover",props:{placement:{default:"bottom"},size:{default:"default"},trigger:{default:"click"},offset:{type:[Number,Object,Function],default:8},popoverClass:{},disabled:{type:Boolean,default:!1},showArrow:{type:Boolean,default:!0},hoverDelay:{default:200}},emits:["show","hide"],setup(t,{emit:n}){const o=t,l=n,r=e.ref(),a=e.ref(),s=e.ref(!1),c=e.ref("bottom"),i=e.ref({}),u=e.ref({});let d=null,m=null;const y=e.computed(()=>o.trigger==="hover"),g=async()=>{o.disabled||(m&&(clearTimeout(m),m=null),s.value=!0,l("show"),await e.nextTick(),await p())},f=()=>{y.value&&m&&clearTimeout(m);const k=y.value?o.hoverDelay:0;m=setTimeout(()=>{s.value=!1,l("hide"),d&&(d(),d=null)},k)},h=()=>{o.trigger==="click"&&(s.value?f():g())},p=async()=>{if(!r.value||!a.value)return;const k=a.value.querySelector(".popover__arrow"),{x:b,y:B,placement:S,middlewareData:V}=await Cn(r.value,a.value,{placement:o.placement,middleware:[wn(o.offset),bn(),kn({padding:8}),...o.showArrow&&k?[Bn({element:k})]:[]]});if(c.value=S,i.value={position:"absolute",top:`${B}px`,left:`${b}px`,zIndex:1e3},o.showArrow&&V.arrow){const{x:z,y:O}=V.arrow,N=S.split("-")[0],j={top:"bottom",right:"left",bottom:"top",left:"right"}[N];u.value={left:z!=null?`${z}px`:"",top:O!=null?`${O}px`:"",right:"",bottom:"",[j]:"-10px"}}},v=k=>{r.value&&a.value&&!r.value.contains(k.target)&&!a.value.contains(k.target)&&f()};e.onMounted(()=>{document.addEventListener("click",v)}),e.onUnmounted(()=>{document.removeEventListener("click",v),d&&d(),m&&clearTimeout(m)});const w=()=>{r.value&&a.value&&(d=yn(r.value,a.value,p))};return e.watch(s,k=>{k?e.nextTick(w):d&&(d(),d=null)}),(k,b)=>(e.openBlock(),e.createElementBlock("div",Vn,[e.createElementVNode("div",{ref_key:"triggerRef",ref:r,class:"popover-trigger",onClick:h,onMouseenter:b[0]||(b[0]=B=>k.trigger==="hover"?g():null),onMouseleave:b[1]||(b[1]=B=>k.trigger==="hover"?f():null)},[e.renderSlot(k.$slots,"trigger")],544),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{name:"popover-fade"},{default:e.withCtx(()=>[s.value?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"popoverRef",ref:a,class:e.normalizeClass(["popover",[`popover--${c.value}`,k.popoverClass,`popover--${k.size}`]]),style:e.normalizeStyle(i.value),onMouseenter:b[2]||(b[2]=B=>k.trigger==="hover"?g():null),onMouseleave:b[3]||(b[3]=B=>k.trigger==="hover"?f():null)},[e.createElementVNode("div",$n,[e.renderSlot(k.$slots,"default")]),k.showArrow?(e.openBlock(),e.createElementBlock("div",{key:0,class:"popover__arrow",style:e.normalizeStyle(u.value)},null,4)):e.createCommentVNode("",!0)],38)):e.createCommentVNode("",!0)]),_:3})]))]))}}),Sn={class:"accordion"},xn=e.defineComponent({__name:"Accordion",props:{value:{},multiple:{type:Boolean}},setup(t){const n=t,o=e.ref(Array.isArray(n.value)?n.value:n.value!==void 0?[n.value]:[]);e.watch(()=>n.value,r=>{Array.isArray(r)?o.value=r:r!==void 0?o.value=[r]:o.value=[]});function l(r){n.multiple?o.value.includes(r)?o.value=o.value.filter(a=>a!==r):o.value.push(r):o.value=o.value[0]===r?[]:[r]}return e.provide("accordionOpenValues",o),e.provide("accordionToggle",l),e.provide("accordionIsMultiple",n.multiple??!1),(r,a)=>(e.openBlock(),e.createElementBlock("div",Sn,[e.renderSlot(r.$slots,"default")]))}}),Nn=e.defineComponent({__name:"AccordionContent",setup(t){const n=e.inject("panelIsOpen"),o=e.ref(null),l=e.ref("0px"),r=e.ref(n.value);return e.watch(n,async a=>{a?(r.value=!0,await e.nextTick(),l.value=o.value?.scrollHeight+"px"):(l.value=o.value?.scrollHeight+"px",await e.nextTick(),l.value="0px",setTimeout(()=>r.value=!1,300))}),e.onMounted(()=>{n.value&&o.value&&(l.value=o.value.scrollHeight+"px")}),(a,s)=>(e.openBlock(),e.createElementBlock("div",{class:"accordion-content-wrapper",style:e.normalizeStyle({height:e.unref(n)?l.value:"0px"})},[e.withDirectives(e.createElementVNode("div",{ref_key:"contentRef",ref:o,class:"accordion-content"},[e.renderSlot(a.$slots,"default")],512),[[e.vShow,r.value]])],4))}}),Tn={class:"accordion-header__content"},Rn={class:"accordion-header__arrow"},Mn=e.defineComponent({__name:"AccordionHeader",setup(t){const n=e.inject("panelIsOpen"),o=e.inject("panelToggle");return(l,r)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["accordion-header",{"accordion-header--active":e.unref(n)}]),onClick:r[0]||(r[0]=(...a)=>e.unref(o)&&e.unref(o)(...a))},[e.createElementVNode("span",Tn,[e.renderSlot(l.$slots,"default")]),e.createElementVNode("span",Rn,[e.createVNode(e.unref(C.AngleRightIcon))])],2))}}),An={class:"accordion-panel"},On=e.defineComponent({__name:"AccordionPanel",props:{value:{}},setup(t){const n=t,o=e.inject("accordionOpenValues"),l=e.inject("accordionToggle"),r=e.computed(()=>o?.value.includes(n.value));return e.provide("panelValue",n.value),e.provide("panelIsOpen",r),e.provide("panelToggle",()=>l?.(n.value)),(a,s)=>(e.openBlock(),e.createElementBlock("div",An,[e.renderSlot(a.$slots,"default")]))}}),Dn={key:0,class:"divider__content"},Pn=e.defineComponent({__name:"Divider",props:{layouts:{default:"horizontal"},type:{default:"solid"},align:{default:"center"}},setup(t){const n=e.computed(()=>["divider",`divider--${t.layouts}`,`divider--${t.type}`,`divider--${t.align}`]);return(o,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(n.value)},[o.$slots.default?(e.openBlock(),e.createElementBlock("div",Dn,[e.renderSlot(o.$slots,"default")])):e.createCommentVNode("",!0)],2))}}),Ln=["aria-selected"],_n=e.defineComponent({__name:"Tab",props:{value:{}},setup(t){const n=t,o=e.inject("tabsValue"),l=e.inject("setTabsValue"),r=e.computed(()=>o?.value===n.value);return(a,s)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["tab",{"tab--active":r.value}]),onClick:s[0]||(s[0]=()=>e.unref(l)?.(a.value)),role:"tab","aria-selected":r.value},[e.renderSlot(a.$slots,"default")],10,Ln))}}),zn={class:"tabs"},In=e.defineComponent({__name:"Tabs",props:{value:{}},emits:["update:value"],setup(t,{emit:n}){const o=t,l=n,r=e.ref(o.value);e.watch(()=>o.value,s=>{r.value=s});function a(s){r.value=s,l("update:value",s)}return e.provide("tabsValue",r),e.provide("setTabsValue",a),(s,c)=>(e.openBlock(),e.createElementBlock("div",zn,[e.renderSlot(s.$slots,"default")]))}}),Fn={class:"tab-panel",role:"tabpanel"},Hn=e.defineComponent({__name:"TabPanel",props:{value:{}},setup(t){const n=t,o=e.inject("tabsValue"),l=e.computed(()=>o?.value===n.value);return(r,a)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",Fn,[e.renderSlot(r.$slots,"default")],512)),[[e.vShow,l.value]])}}),jn={class:"tab-list",role:"tablist"},Un={class:"tab-list__content"},Wn=e.defineComponent({__name:"TabList",setup(t){return(n,o)=>(e.openBlock(),e.createElementBlock("div",jn,[e.createElementVNode("div",Un,[e.renderSlot(n.$slots,"default")])]))}}),qn={class:"tab-panels"},Gn=e.defineComponent({__name:"TabPanels",setup(t){return(n,o)=>(e.openBlock(),e.createElementBlock("div",qn,[e.renderSlot(n.$slots,"default")]))}});exports.Accordion=xn;exports.AccordionContent=Nn;exports.AccordionHeader=Mn;exports.AccordionPanel=On;exports.Badge=Pe;exports.Breadcrumb=io;exports.Button=re;exports.Checkbox=ue;exports.ChipCheckbox=Tt;exports.Column=Et;exports.DataTable=$t;exports.Divider=Pn;exports.Drawer=Vo;exports.Dropdown=Xt;exports.IconField=Oe;exports.InputNumber=Jt;exports.InputPhone=eo;exports.InputText=ke;exports.Modal=xo;exports.OverlayBadge=ko;exports.Popover=En;exports.Radio=ye;exports.Skeleton=bo;exports.SleedDeal=Qe;exports.Spinner=we;exports.Switch=oo;exports.Tab=_n;exports.TabList=Wn;exports.TabPanel=Hn;exports.TabPanels=Gn;exports.Tabs=In;exports.Tag=Ae;exports.Textarea=so;exports.Toast=go;exports.ToastService=yo;exports.useToast=ho;
|
package/dist/prlg-ui.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@charset "UTF-8";.button{--button-bg-color: var(--theme-neutral-0);--button-color: var(--theme-neutral-900);--button-padding: var(--button-padding-y) var(--button-padding-x);min-width:max-content;width:max-content;height:auto;padding:var(--button-padding);border-radius:var(--button-border-radius);font-weight:500;font-size:var(--button-font-size);line-height:var(--button-line-height);color:var(--button-color);background-color:var(--button-bg-color);gap:var(--button-gap);display:flex;align-items:center;justify-content:center;text-decoration:none;border:none;outline:none;transition:.3s background-color ease-in-out}.button__icon{width:var(--button-icon-size);height:var(--button-icon-size)}.button__content{display:flex;justify-content:flex-start;align-items:center;gap:var(--button-gap)}.button:disabled{cursor:default}.button.button--primary{--button-bg-color: var(--theme-primary-500);--button-color: var(--theme-neutral-0)}.button.button--primary:hover{--button-bg-color: var(--theme-primary-400)}.button.button--primary:focus{--button-bg-color: var(--theme-primary-400);box-shadow:0 0 0 4px var(--theme-primary-200_25)}.button.button--primary:active{--button-bg-color: var(--theme-primary-600);box-shadow:none}.button.button--primary:disabled{--button-bg-color: var(--theme-neutral-surface-disabled);--button-color: var(--theme-neutral-text-disabled);box-shadow:none}.button.button--danger{--button-bg-color: var(--theme-error-500);--button-color: var(--theme-neutral-0)}.button.button--danger:hover{--button-bg-color: var(--theme-error-400)}.button.button--danger:focus{--button-bg-color: var(--theme-error-400);box-shadow:0 0 0 4px var(--theme-error-200)}.button.button--danger:active{--button-bg-color: var(--theme-error-600);box-shadow:none}.button.button--danger:disabled{--button-bg-color: var(--theme-neutral-surface-disabled);--button-color: var(--theme-neutral-text-disabled);box-shadow:none}.button.button--contrast.button--primary{--button-bg-color: var(--theme-primary-200_25);--button-color: var(--theme-primary-500)}.button.button--contrast.button--primary:hover{--button-bg-color: var(--theme-primary-250)}.button.button--contrast.button--primary:focus{--button-bg-color: var(--theme-primary-250);box-shadow:0 0 0 4px var(--theme-primary-200_25)}.button.button--contrast.button--primary:active{--button-bg-color: var(--theme-primary-200);box-shadow:none}.button.button--contrast.button--primary:disabled{--button-bg-color: var(--theme-neutral-surface-disabled);--button-color: var(--theme-neutral-text-disabled)}.button.button--contrast.button--danger{--button-bg-color: var(--theme-error-100_50);--button-color: var(--theme-error-500)}.button.button--contrast.button--danger:hover{--button-bg-color: var(--theme-error-100)}.button.button--contrast.button--danger:focus{--button-bg-color: var(--theme-error-100);box-shadow:0 0 0 4px var(--theme-error-200)}.button.button--contrast.button--danger:active{--button-bg-color: var(--theme-error-200);box-shadow:none}.button.button--contrast.button--danger:disabled{--button-bg-color: var(--theme-neutral-surface-disabled);--button-color: var(--theme-neutral-text-disabled)}.button.button--outlined{padding:calc(var(--button-padding-y) - 1px) calc(var(--button-padding-x) - 1px)}.button.button--outlined.button--primary{--button-bg-color: var(--theme-neutral-0);--button-color: var(--theme-primary-500);border:1px solid var(--theme-primary-500)}.button.button--outlined.button--primary:hover{--button-bg-color: var(--theme-primary-50)}.button.button--outlined.button--primary:focus{--button-bg-color: var(--theme-primary-50);padding:var(--button-padding);border:0;box-shadow:0 0 0 4px var(--theme-primary-200)}.button.button--outlined.button--primary:active{padding:calc(var(--button-padding-y) - 1px) calc(var(--button-padding-x) - 1px);background-color:var(--theme-primary-200_25);border:1px solid var(--theme-primary-500);box-shadow:none}.button.button--outlined.button--primary:disabled{--button-bg-color: var(--theme-neutral-0);--button-color: var(--theme-neutral-text-disabled);border:1px solid var(--theme-neutral-border-disabled)}.button.button--outlined.button--danger{--button-bg-color: var(--theme-neutral-0);--button-color: var(--theme-error-500);border:1px solid var(--theme-error-500)}.button.button--outlined.button--danger:hover{--button-bg-color: var(--theme-error-100_50)}.button.button--outlined.button--danger:focus{--button-bg-color: var(--theme-error-100_50);border:1px solid var(--theme-error-500);box-shadow:1px 1px 4px 8px #ffd4d466}.button.button--outlined.button--danger:active{--button-bg-color: var(--theme-error-200);box-shadow:none}.button.button--outlined.button--danger:disabled{--button-bg-color: var(--theme-neutral-0);--button-color: var(--theme-neutral-text-disabled);border:1px solid var(--theme-neutral-border-disabled)}.button.button--outlined.button--secondary{--button-bg-color: var(--theme-neutral-0);--button-color: var(--theme-neutral-500);border:1px solid var(--theme-neutral-border-default)}.button.button--outlined.button--secondary:hover{--button-bg-color: var(--theme-neutral-200)}.button.button--outlined.button--secondary:focus{--button-bg-color: var(--theme-neutral-100);padding:var(--button-padding);border:none;box-shadow:0 0 0 4px var(--theme-primary-200)}.button.button--outlined.button--secondary:active{--button-bg-color: var(--theme-neutral-400_40);--button-color: var(--theme-neutral-500);padding:calc(var(--button-padding-y) - 1px) calc(var(--button-padding-x) - 1px);box-shadow:none;border:1px solid var(--theme-neutral-border-default)}.button.button--outlined.button--secondary:disabled{--button-color: var(--theme-neutral-text-disabled)}.button.button--text-filled{--button-bg-color: transparent;--button-color: var(--theme-text-icon-body)}.button.button--text-filled.button--primary{--button-bg-color: transparent}.button.button--text-filled.button--primary:hover{--button-bg-color: var(--theme-primary-200_25);box-shadow:none}.button.button--text-filled.button--primary:focus{--button-bg-color: var(--theme-primary-200_25);box-shadow:0 0 0 4px var(--theme-primary-500_5)}.button.button--text-filled.button--primary:active{--button-bg-color: var(--theme-primary-200_50);box-shadow:none}.button.button--text-filled.button--danger{--button-bg-color: transparent;--button-color: var(--theme-error-500)}.button.button--text-filled.button--danger:hover{--button-bg-color: var(--theme-error-100_50)}.button.button--text-filled.button--danger:focus{--button-bg-color: var(--theme-error-100_50);box-shadow:1px 1px 4px 4px #ffc5c566}.button.button--text-filled.button--danger:active{--button-bg-color: var(--theme-error-200);box-shadow:none}.button.button--text-filled.button--danger:disabled{--button-bg-color: transparent;--button-color: var(--theme-neutral-text-disabled)}.button.button--text{--button-bg-color: var(--theme-neutral-0);--button-color: var(--theme-text-icon-body)}.button.button--text:disabled{--button-bg-color: var(--theme-neutral-0);--button-color: var(--theme-neutral-text-disabled)}.button.button--text.button--primary:hover{--button-color: var(--theme-primary-500);--button-bg-color: var(--theme-neutral-0)}.button.button--text.button--primary:focus{--button-color: var(--theme-primary-500);--button-bg-color: var(--theme-neutral-0);box-shadow:0 0 0 4px var(--theme-primary-200)}.button.button--text.button--primary:active{--button-bg-color: var(--theme-neutral-0);--button-color: var(--theme-primary-600);box-shadow:none}.button.button--text.button--danger:hover{--button-color: var(--theme-error-500);--button-bg-color: var(--theme-neutral-0)}.button.button--text.button--danger:focus{--button-color: var(--theme-error-500);--button-bg-color: var(--theme-neutral-0);box-shadow:0 0 0 4px var(--theme-error-200)}.button.button--text.button--danger:active{--button-bg-color: var(--theme-neutral-0);--button-color: var(--theme-error-600);box-shadow:none}.button.button--link{width:max-content;height:max-content;--button-bg-color: transparent;--button-color: var(--theme-info-400)}.button.button--link:hover{text-decoration:underline}.button.button--extrasmall{--button-padding-x: 16px;--button-padding-y: 4px;--button-font-size: 12px;--button-line-height: 16px;--button-gap: 4px;--button-border-radius: 8px;--button-icon-size: 16px}.button.button--extrasmall.button--only-icon{--button-padding-x: 4px;--button-padding-y: 4px}.button.button--extrasmall.button--only-icon .button__icon{width:16px;height:16px}.button.button--small{--button-padding-y: 8px;--button-padding-x: 16px;--button-border-radius: 8px;--button-font-size: 14px;--button-line-height: 16px;--button-gap: 4px;--button-icon-size: 16px}.button.button--small.button--only-icon{--button-padding-x: 8px;--button-padding-y: 8px}.button.button--small.button--only-icon .button__icon{width:16px;height:16px}.button.button--default{--button-padding-y: 12px;--button-padding-x: 20px;--button-border-radius: 12px;--button-gap: 8px;--button-font-size: 16px;--button-line-height: 20px;--button-icon-size: 20px}.button.button--default.button--only-icon{--button-padding-x: 12px;--button-padding-y: 12px}.button.button--large{--button-padding-y: 16px;--button-padding-x: 24px;--button-font-size: 20px;--button-line-height: 24px;--button-gap: 12px;--button-icon-size: 24px;--button-border-radius: 12px}.button.button--large.button--only-icon{--button-padding-y: 16px;--button-padding-x: 16px}.button.button--icon-right{flex-direction:row-reverse}.button.button--full{width:100%!important}.button.button--rounded{--button-border-radius: 100px}.sleed-deal{position:relative;display:flex;align-items:center;justify-content:center}.sleed-deal-menu{position:absolute;bottom:calc(100% + 10px);left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background-color:#fff;box-shadow:0 4px 12px #0000001a;padding:4px;border-radius:10px;min-width:100px;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.sleed-deal-menu.sleed-deal-menu--open{opacity:1;visibility:visible;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.sleed-deal-menu__item{display:flex;justify-content:flex-start;align-items:center;gap:4px;padding:4px 6px;border-radius:10px;cursor:pointer}.sleed-deal-menu__item-icon{width:32px;height:32px;background-color:var(--theme-primary-50);color:var(--theme-primary-500);padding:8px;border-radius:100%}.sleed-deal-menu__item-label{width:max-content;font-size:14px}.sleed-deal-menu__item:hover{background-color:var(--theme-primary-50)}.checkbox{--checkbox-size: 20px;--checkbox-label-size: 15px;width:max-content;position:relative;display:flex;align-items:flex-start;gap:8px;cursor:pointer}.checkbox.checkbox--disabled{cursor:default}.checkbox__input{display:none}.checkbox__input:checked~.checkbox__field,.checkbox__input:indeterminate~.checkbox__field{background-color:var(--theme-primary-500);border-color:var(--theme-primary-500)}.checkbox__input:checked~.checkbox__field .dot,.checkbox__input:indeterminate~.checkbox__field .dot{opacity:1;visibility:visible;transition:var(--animate-duration) opacity ease-in-out,var(--animate-duration) visibility ease-in-out}.checkbox__input:checked~.checkbox__field:hover,.checkbox__input:indeterminate~.checkbox__field:hover{background-color:#55cd75;border-color:#55cd75}.checkbox__input:focus:checked~.checkbox__field{background-color:var(--theme-primary-200_15);border-color:var(--theme-primary-500)}.checkbox__input:active:checked~.checkbox__field{background-color:var(--theme-primary-700);border-color:var(--theme-primary-700)}.checkbox__input:disabled~.checkbox__field{border-color:#dcdcdc}.checkbox__input:disabled~.checkbox__label{color:#dcdcdc}.checkbox__input:disabled:checked~.checkbox__field{background-color:#dcdcdc}.checkbox__field{min-width:var(--checkbox-size);width:var(--checkbox-size);height:var(--checkbox-size);border-radius:4px;border:1px solid var(--theme-neutral-border-default);background-color:var(--theme-neutral-0);display:flex;justify-content:center;align-items:center}.checkbox__field .dot{width:100%;height:100%;opacity:0;visibility:hidden;transition:var(--animate-duration) opacity ease-in-out,var(--animate-duration) visibility ease-in-out;display:flex;justify-content:center;align-items:center}.checkbox__label{font-size:15px;line-height:130%;color:var(--theme-neutral-text-title)}.checkbox.checkbox--small{--checkbox-size: 16px;--checkbox-label-size: 12px}.checkbox.checkbox--large{--checkbox-size: 24px;--checkbox-label-size: 18px}.table-header__cell{position:relative;background-color:var(--theme-neutral-surface-icon);padding:8px 12px;text-align:left}.table-header__cell:first-child{border-top-left-radius:12px}.table-header__cell:last-child{border-top-right-radius:12px}.table-header__cell:not(:last-child):before{position:absolute;top:50%;right:0;transform:translateY(-50%);content:"";width:1px;height:60%;background-color:#0000000f}.table-header__cell.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.table-header__cell.sortable:hover{background-color:#f3f4f6}.table-header__cell-content{display:flex;justify-content:flex-start;align-items:center}.table-header__cell .sort-icon{display:flex;flex-direction:column;align-items:center;margin-left:8px;color:var(--theme-neutral-icon-caption)}.table-header__cell .sort-icon.sort-icon--up .sort-icon__up,.table-header__cell .sort-icon.sort-icon--down .sort-icon__down{color:var(--theme-primary-500)}.table-header__cell .sort-icon svg{width:12px}.table-header__cell-title{font-weight:700;font-size:12px;line-height:150%;color:#000000d9}.radio{width:auto;height:auto;position:relative;display:flex;justify-content:flex-start;align-items:flex-start;gap:8px}.radio__input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;z-index:3;cursor:pointer}.radio__input:focus+.radio__track{box-shadow:0 0 0 9px #eafef0;border-color:var(--theme-primary-150)}.radio__input:active+.radio__track{box-shadow:none;border-color:var(--theme-primary-700)}.radio__input:checked+.radio__track{border-color:var(--theme-primary-500)}.radio__input:checked+.radio__track .radio__thumb{opacity:1;visibility:visible}.radio__track{min-width:20px;width:20px;height:20px;border-radius:100%;background-color:var(--theme-neutral-surface-default);border:1px solid var(--theme-neutral-border-default);cursor:pointer;margin-top:1px;display:flex;justify-content:center;align-items:center}.radio__track .radio__thumb{width:14px;height:14px;border-radius:100%;background-color:var(--theme-primary-500);opacity:0;visibility:hidden;transition:.3s opacity ease-in-out,.3s visibility ease-in-out}.radio__label{font-size:14px;color:var(--theme-neutral-text-body);margin-top:2px}.radio.radio--small .radio__label{font-size:12px}.radio.radio--large .radio__label{font-size:16px}.selection-checkbox{cursor:pointer;margin:0}.table-body__cell{padding:12px 8px 12px 12px}.table-row:hover{background-color:#f9fafb}.pagination{display:flex;justify-content:space-between;align-items:center;padding:12px}.pagination-controls{display:flex;align-items:center;gap:12px}.pagination-button{padding:8px 16px;border:1px solid #e5e7eb;background-color:#f9fafb;border-radius:4px;cursor:pointer}.pagination-button:disabled{background-color:#e5e7eb;cursor:not-allowed}.pagination-button:hover:not(:disabled){background-color:#f3f4f6}.pagination-info{font-size:14px}.rows-per-page{display:flex;align-items:center;gap:8px}.rows-per-page select{padding:4px;border-radius:4px;border:1px solid #e5e7eb}.spinner{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px}.spinner.spinner--small{width:30px;height:30px}.spinner.spinner--large{width:70px;height:70px}.spinner__circle{box-sizing:border-box;display:block;width:100%;height:100%;border:var(--spinner-stroke-width) solid transparent;border-top-color:var(--theme-primary-500);border-radius:50%;animation:spinner-rotate .8s linear infinite}@keyframes spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.data-table{width:100%;overflow:auto}.table-container{position:relative}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px;text-align:left;border-bottom:1px solid #e5e7eb}.loading-overlay{position:absolute;inset:0;background:#0003;display:flex;align-items:center;justify-content:center;z-index:10}.loading .table{opacity:.5}.chip-checkbox{position:relative;width:max-content;display:flex;justify-content:flex-start;align-items:center;padding:7px 8px;border-radius:12px;transition:.3s background-color ease-in-out,.3s gap ease-in-out;cursor:pointer}.chip-checkbox:has(input:checked){background-color:var(--theme-neutral-surface-icon);gap:8px}.chip-checkbox input{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer}.chip-checkbox input:checked~.chip-checkbox__icon{width:18px;opacity:1;visibility:visible}.chip-checkbox__icon{width:0;height:18px;opacity:0;visibility:hidden;transition:.3s opacity ease-in-out,.3s visibility ease-in-out,.3s width ease-in-out;overflow:hidden;display:flex;justify-content:center;align-items:center}.chip-checkbox__icon svg{width:100%;height:100%}.chip-checkbox__text{font-size:12px;line-height:120%;color:var(--theme-neutral-text-body)}.tag{display:inline-flex;align-items:center;border-radius:12px;padding:4px 12px;font-size:12px;line-height:1;gap:8px;cursor:default}.tag__content{display:flex;justify-content:flex-start;align-items:center;gap:8px}.tag.tag--primary{background:var(--theme-primary-200_25);color:var(--theme-primary-900)}.tag.tag--primary .tag__icon{color:var(--theme-primary-600)}.tag.tag--secondary{background:var(--theme-neutral-surface-icon);color:var(--theme-neutral-text-subtitle)}.tag.tag--secondary .tag__icon{color:var(--theme-neutral-icon-primary)}.tag.tag--info{background:var(--theme-info-100_50);color:var(--theme-info-800)}.tag.tag--info .tag__icon{color:var(--theme-info-800)}.tag.tag--strong{font-weight:500}.tag.tag--with-icon{line-height:22px}.tag.tag--icon-right .tag__content{flex-direction:row-reverse}.tag__icon,.tag__remove{background:none;border:none;min-width:12px;width:12px;height:12px;padding:0;color:var(--theme-neutral-icon-primary);cursor:default;display:flex;justify-content:center;align-items:center}.tag__icon svg,.tag__remove svg{width:100%;height:100%}.tag__remove{cursor:pointer}.tag__remove:hover{color:var(--theme-neutral-text-body)}.tag__text{max-width:120px;width:max-content;padding-top:1px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.input{width:100%;height:auto;display:flex;flex-direction:column;gap:4px}.input.input--disabled .input__label{color:var(--theme-neutral-icon-disabled)}.input.input--disabled .input__field{border-color:var(--theme-neutral-border-disabled)}.input.input--error .input__label{color:var(--theme-error-500)}.input.input--error .input__field{border-color:var(--theme-error-500)!important;color:var(--theme-error-500)}.input.input--error .input__field::placeholder{color:var(--theme-error-500)}.input.input--small .input__field{height:26px;font-size:12px;line-height:150%}.input.input--small .input__field::placeholder{font-size:12px;line-height:150%}.input.input--large .input__field{height:37px;font-size:16px;line-height:130%}.input.input--large .input__field::placeholder{font-size:16px;line-height:130%}.input.input--outlined .input__field{border-color:var(--theme-neutral-border-default)}.input.input--outlined .input__field:hover{border-color:var(--theme-primary-500)}.input.input--outlined .input__field:focus{border-color:var(--theme-primary-500)}.input.input--outlined .input__field:disabled{border-color:var(--theme-neutral-border-disabled)}.input.input--fill .input__field{background-color:var(--theme-neutral-100)}.input__label{font-size:12px;font-weight:500;color:var(--theme-neutral-text-body);padding-left:8px}.input__wrapper{position:relative;display:flex;align-items:center;gap:4px}.input__field{width:100%;height:32px;border:1px solid transparent;background-color:var(--theme-neutral-0);border-radius:8px;display:flex;justify-content:flex-start;align-items:center;padding-left:8px;padding-bottom:2px}.input__field::placeholder{max-width:100%;font-family:Roboto,sans-serif;font-size:15px;line-height:24px;color:var(--theme-neutral-icon-disabled);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.input__actions{width:max-content;height:100%;display:flex;justify-content:center;align-items:center;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.input__clear{width:12px;height:12px;background-color:transparent;display:flex;justify-content:center;align-items:center}.input__clear svg{width:100%}.input__clear:hover{color:var(--theme-primary-500)}.input__eye{display:flex;justify-content:center;align-items:center;color:var(--theme-neutral-text-caption)}.input__error{font-size:10px;line-height:1;color:var(--theme-error-500);padding:4px 8px}.icon-field{width:100%;height:max-content;display:flex;justify-content:flex-start;align-items:center;border:1px solid var(--theme-neutral-border-default);border-radius:8px;padding:0 8px}.icon-field.icon-field--left{flex-direction:row}.icon-field.icon-field--right{flex-direction:row-reverse}.icon-field.icon-field--disabled{border-color:var(--theme-neutral-border-disabled)}.icon-field.icon-field--disabled .icon-field__icon{color:var(--theme-neutral-border-disabled)}.icon-field__icon{color:var(--theme-neutral-icon-disabled)}.icon-field__content{width:100%;display:flex;justify-content:flex-start;align-items:center}.icon-field__content>*{width:100%}.icon-field__content .input__field{border-width:0}.dropdown-option{width:100%;height:auto;display:flex;justify-content:flex-start;align-items:flex-start;font-size:15px;line-height:120%;color:var(--theme-neutral-text-title);cursor:pointer;padding:8px 0;transition:background .15s}.dropdown-option:not(:last-child){border-bottom:1px solid var(--theme-color-m)}.dropdown-option--selected{background:var(--theme-primary-100);color:var(--theme-primary-700);font-weight:600}.dropdown{width:100%;height:max-content;position:relative}.dropdown.dropdown--open .dropdown__field-arrow{transform:translateY(-50%) scaleY(-1);transition:var(--animate-duration) transform ease-in-out}.dropdown.dropdown--open .dropdown__popover{max-height:300px;opacity:1;pointer-events:auto}.dropdown__field{position:relative;width:100%;height:max-content;cursor:pointer}.dropdown__field-inner{display:flex;align-items:center;flex-wrap:nowrap;min-height:32px;width:100%;padding:0 12px;background:var(--theme-neutral-bg-default);border:1px solid var(--theme-neutral-border-default);border-radius:8px;gap:4px;overflow:hidden}.dropdown__field-inner__text{width:max-content;font-size:14px;line-height:1;color:var(--theme-neutral-text-body);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.dropdown__field-inner_tags{max-width:calc(100% - 14px);width:100%;overflow:hidden;display:flex;justify-content:flex-start;align-items:center;gap:4px}.dropdown__field-inner--multiple{cursor:pointer}.dropdown__field-inner--placeholder .dropdown__field-inner__text{color:var(--theme-neutral-text-caption)}.dropdown__field-input{flex:1 1 60px;min-width:60px;border:none;outline:none;background:transparent;font-size:15px;line-height:130%;color:var(--theme-neutral-text-default);padding:4px 0;height:28px;cursor:pointer}.dropdown__field-input:hover{border-color:var(--theme-primary-400)}.dropdown__field-arrow{width:10px;height:10px;position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--theme-neutral-icon-default);display:flex;justify-content:center;align-items:center;transition:var(--animate-duration) transform ease-in-out}.dropdown__popover{position:absolute;top:calc(100% + 10px);left:0;width:100%;max-height:0;opacity:0;background-color:var(--theme-neutral-0);border-radius:8px;box-shadow:-1px 1px 10px #8d8f9340;transition:max-height .3s ease,opacity .3s ease;pointer-events:none;overflow:auto}.dropdown__popover-wrapper{width:100%;height:100%;padding:12px;display:flex;flex-direction:column;gap:12px}.dropdown__popover-loading{width:100%;height:150px;display:flex;justify-content:center;align-items:center}.dropdown__popover-search{padding:8px 12px;position:sticky;top:0;background-color:#fff}.dropdown__popover__list{width:100%;height:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.input-number{display:flex;align-items:center;gap:4px}.input-number__wrapper{display:flex;justify-content:flex-start;align-items:center;gap:8px;border-radius:10px;border:1px solid var(--theme-neutral-border-default);overflow:hidden;padding:0 16px}.input-number__input{min-width:56px;width:100%;height:36px;text-align:left;font-size:15px;line-height:24px;color:var(--theme-neutral-600)}.input-number__input::-webkit-inner-spin-button{display:none}.input-number__button{width:36px;height:36px}.input-number.input-number--view-buttons .input-number__wrapper{width:auto;padding:0}.input-number.input-number--view-buttons .input-number__input{width:56px;height:34px;text-align:center}.input-number.input-number--icon-left .input-number__wrapper{padding-left:8px}.input-number.input-number--icon-right .input-number__wrapper{flex-direction:row-reverse}.switch{width:48px;height:24px;position:relative;cursor:pointer}.switch.switch--disabled{cursor:default}.switch:hover .switch__thumb{box-shadow:0 2px 6px 2px #0000000d,0 1px 2px #0000001a}.switch:hover .switch__input:checked+.switch__track{background-color:var(--theme-primary-300)}.switch:focus .switch__input:checked+.switch__track{background-color:var(--theme-primary-300)}.switch__input{width:100%;height:100%;opacity:0;position:absolute;top:0;left:0;z-index:3;cursor:pointer}.switch__input:checked+.switch__track{background-color:var(--theme-primary-500)}.switch__input:checked+.switch__track .switch__thumb{transform:translate(24px)}.switch__input:disabled+.switch__track{background-color:var(--theme-neutral-surface-disabled)}.switch__input:disabled+.switch__track .switch__thumb{background-color:var(--theme-neutral-text-disabled)}.switch__track{width:100%;height:100%;background-color:var(--theme-neutral-250);border-radius:100px;padding:2px;transition:.3s background-color ease-in-out}.switch__thumb{min-width:20px;width:20px;height:20px;background-color:var(--theme-neutral-0);border-radius:100%;transition:.3s transform ease-in-out}.textarea{max-width:100%;display:flex;flex-direction:column;gap:4px}.textarea.textarea--disabled .textarea__label{color:var(--theme-neutral-icon-disabled)}.textarea.textarea--error .textarea__label{color:var(--theme-error-500)}.textarea.textarea--error .textarea__field{border-color:var(--theme-error-500)}.textarea.textarea--small .textarea__field{height:26px;font-size:12px;line-height:150%}.textarea.textarea--small .textarea__field::placeholder{font-size:12px;line-height:150%}.textarea.textarea--large .textarea__field{height:37px;font-size:16px;line-height:130%}.textarea__label{font-size:12px;font-weight:500;line-height:150%;padding-left:8px}.textarea__field{max-width:100%;width:100%;min-height:32px;height:32px;padding:5px 12px;border:1px solid #E0E0E0;border-radius:8px;font-size:15px;line-height:130%}.textarea__field::placeholder{font-size:15px;line-height:130%;color:var(--theme-neutral-icon-disabled)}.breadcrumb{width:auto;display:flex;justify-content:flex-start;align-items:center}.breadcrumb__item{font-size:14px;line-height:1;color:var(--theme-neutral-text-caption)}.breadcrumb__item.breadcrumb__item--disabled{color:var(--theme-neutral-text-body);cursor:default}.breadcrumb__item:not(.breadcrumb__item--disabled,.breadcrumb__seporator):hover{text-decoration:underline}.breadcrumb__seporator{padding:0 8px;display:flex;justify-content:center;align-items:center;cursor:default}.toast-message{min-width:379px;width:auto;height:auto;display:flex;justify-content:flex-start;align-items:flex-start;gap:8px;padding:12px;border-radius:8px}.toast-message__icon{min-width:16px;width:16px;height:16px}.toast-message__icon svg{width:100%;height:100%}.toast-message__content{width:100%;height:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:2px}.toast-message__title{font-weight:500;font-size:16px;line-height:1;color:var(--theme-neutral-text-title)}.toast-message__text{font-size:15px;line-height:24px;color:var(--theme-neutral-text-body)}.toast-message__close{min-width:24px;width:24px;height:24px;display:flex;justify-content:center;align-items:center;color:var(--theme-neutral-icon-secondary);align-self:center}.toast-message__close svg{width:100%;height:100%}.toast-message.toast-message--info{background-color:var(--theme-info-100_50)}.toast-message.toast-message--info .toast-message__icon{color:var(--theme-info-500)}.toast-message.toast-message--error{background-color:var(--theme-error-100_50)}.toast-message.toast-message--error .toast-message__icon{color:var(--theme-error-500)}.toast-message.toast-message--warn{background-color:var(--theme-warn-100)}.toast-message.toast-message--warn .toast-message__icon{color:var(--theme-warn-500)}.toast-message.toast-message--success{background-color:var(--theme-primary-50)}.toast-message.toast-message--success .toast-message__icon{color:var(--theme-primary-500)}.toast-container{position:fixed;top:1rem;right:1rem;z-index:9999;display:flex;flex-direction:column;gap:.5rem}.toast-fade-enter-active,.toast-fade-leave-active{transition:opacity .3s,transform .3s}.toast-fade-enter-from,.toast-fade-leave-to{opacity:0;transform:translateY(-10px)}.badge{min-width:17px;min-height:17px;width:max-content;height:max-content;border-radius:8px;padding:2px 5px;font-weight:400;font-size:12px;line-height:100%;border:1px solid var(--theme-neutral-0)}.badge.badge--empty{min-width:8px;min-height:8px;width:8px;height:8px;aspect-ratio:1/1;padding:0}.badge.badge--primary{background-color:var(--theme-primary-500);color:var(--theme-neutral-0)}.badge.badge--danger{background-color:var(--theme-error-500);color:var(--theme-neutral-0)}.badge.badge--neutral{background-color:var(--theme-neutral-250);color:var(--theme-neutral-text-body)}.badge.badge--strong{font-weight:700}.overlay-badge{position:relative;width:max-content;height:max-content}.overlay-badge.overlay-badge--right .overlay-badge__badge{left:calc(100% - 5px)}.overlay-badge.overlay-badge--left .overlay-badge__badge{left:-4px}.overlay-badge__badge{position:absolute;top:-4px}.skeleton{position:relative;overflow:hidden;background-color:var(--theme-neutral-250)}.skeleton:after{content:"";animation:skeleton-animation 1.2s infinite;height:100%;left:0;position:absolute;right:0;top:0;transform:translate(-100%);z-index:1;background:linear-gradient(90deg,#fff0,#fff6,#fff0)}.skeleton.skeleton--circle{border-radius:100%!important}.skeleton.skeleton--square{width:var(--size)!important;height:var(--size)!important;aspect-ratio:1/1}@keyframes skeleton-animation{0%{transform:translate(-100%)}to{transform:translate(100%)}}.drawer{position:fixed;inset:0;width:100dvw;height:100dvh;z-index:1000;display:flex;justify-content:flex-start}.drawer.drawer--right{justify-content:flex-end}.drawer.drawer--right .drawer-close{left:-44px;border-radius:20px 0 0 20px}.drawer.drawer--top{align-items:flex-start;justify-content:flex-start}.drawer.drawer--top .drawer-wrapper{width:100%;height:var(--widthDrawer)}.drawer.drawer--bottom{align-items:flex-end;justify-content:flex-start}.drawer.drawer--bottom .drawer-wrapper{width:100%;height:var(--widthDrawer)}.drawer-overlay{position:absolute;width:100%;height:100%;background-color:#16161633}.drawer-wrapper{position:relative;width:var(--widthDrawer);height:100%;background-color:var(--theme-neutral-0);padding:20px 16px;box-shadow:0 3px 4px #00000040}.drawer-close{position:absolute;width:44px;height:40px;right:-44px;display:flex;justify-content:center;align-items:center;background-color:var(--theme-neutral-0);padding:8px 8px 8px 12px;border-radius:0 20px 20px 0;cursor:pointer}.drawer-close button{display:flex;justify-content:center;align-items:center}.drawer-close:hover svg{color:var(--theme-primary-500);transition:.3s color ease-in-out}.drawer-close svg{width:18px;height:18px;color:var(--theme-neutral-text-caption);transition:.3s color ease-in-out}.drawer-animate-enter-from .drawer-overlay{opacity:0;visibility:hidden}.drawer-animate-enter-from .drawer-wrapper{transform:translate(-100%)}.drawer-animate-enter-from.drawer--right .drawer-wrapper{transform:translate(calc(100% + 44px))}.drawer-animate-enter-from.drawer--top .drawer-wrapper{transform:translateY(-100%)}.drawer-animate-enter-from.drawer--bottom .drawer-wrapper{transform:translateY(100%)}.drawer-animate-enter-to .drawer-overlay{opacity:1;visibility:visible}.drawer-animate-enter-to.drawer--left .drawer-wrapper,.drawer-animate-enter-to.drawer--right .drawer-wrapper{transform:translate(0)}.drawer-animate-enter-to.drawer--top .drawer-wrapper,.drawer-animate-enter-to.drawer--bottom .drawer-wrapper{transform:translateY(0)}.drawer-animate-leave-from .drawer-overlay{opacity:1;visibility:visible}.drawer-animate-leave-from.drawer--left .drawer-wrapper,.drawer-animate-leave-from.drawer--right .drawer-wrapper{transform:translate(0)}.drawer-animate-leave-from.drawer--top .drawer-wrapper,.drawer-animate-leave-from.drawer--bottom .drawer-wrapper{transform:translateY(0)}.drawer-animate-leave-to .drawer-overlay{opacity:0;visibility:hidden}.drawer-animate-leave-to.drawer--left .drawer-wrapper{transform:translate(-100%)}.drawer-animate-leave-to.drawer--right .drawer-wrapper{transform:translate(calc(100% + 44px))}.drawer-animate-leave-to.drawer--top .drawer-wrapper{transform:translateY(-100%)}.drawer-animate-leave-to.drawer--bottom .drawer-wrapper{transform:translateY(100%)}.drawer-animate-enter-active{transition:all .5s ease-in-out}.drawer-animate-enter-active .drawer-overlay{transition:opacity .5s ease-in-out,visibility .5s ease-in-out}.drawer-animate-enter-active .drawer-wrapper{transition:transform .3s ease-in-out;transition-delay:.15s}.drawer-animate-leave-active{transition:all .5s ease-in-out}.drawer-animate-leave-active .drawer-overlay{transition:opacity .5s ease-in-out,visibility .5s ease-in-out}.drawer-animate-leave-active .drawer-wrapper{transition:transform .3s ease-in-out}.modal{position:fixed;inset:0;width:100vw;height:100vh;z-index:1001;display:flex;justify-content:center;align-items:center;opacity:1;visibility:visible;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.modal.modal--center{align-items:center}.modal.modal--top{align-items:flex-start;padding-top:5vh}.modal.modal--bottom{align-items:flex-end;padding-bottom:5vh}.modal__overlay{position:absolute;inset:0;width:100%;height:100%;background-color:#16161633}.modal__content{position:relative;max-width:80vw;min-width:200px;max-height:80vh;background-color:var(--theme-neutral-0);border-radius:12px;padding:24px;box-shadow:0 4px 12px #00000040;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:20px}.modal__header{width:100%;height:42px;display:flex;justify-content:space-between;align-items:center;padding-bottom:12px}.modal__header-title{font-size:20px;font-weight:500;color:var(--theme-neutral-text-title)}.modal__header-close{cursor:pointer;color:#a1a1a1;transition:color .3s ease-in-out;margin-left:auto}.modal__header-close:hover{color:var(--theme-primary-500);transition:color .3s ease-in-out}.modal__body{width:100%;height:100%;flex-grow:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;overflow:hidden}.modal-content-fade-enter-active,.modal-content-fade-leave-active{transition:opacity .3s ease,visibility .3s ease}.modal-content-fade-enter-from,.modal-content-fade-leave-to{opacity:0;visibility:hidden}.modal-content-fade-enter-to,.modal-content-fade-leave-from{opacity:1;visibility:visible}.popover-wrapper{display:flex}.popover-trigger{display:inline-block;cursor:pointer}.popover{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 12px 25px #0000001a,0 0 8px #0000001a;will-change:transform,opacity}.popover.popover--small .popover__content{padding:8px 12px}.popover.popover--small .popover__arrow{width:18px;height:18px}.popover__content{padding:12px 16px;background:#fff;border-radius:16px}.popover__arrow{position:absolute;background:#fff;width:20px;height:20px;transform:rotate(45deg);border:1px solid #e5e7eb;z-index:-1;border-radius:4px}.popover--top .popover__arrow{border-top:none;border-left:none}.popover--bottom .popover__arrow{border-bottom:none;border-right:none}.popover--left .popover__arrow{border-left:none;border-bottom:none}.popover--right .popover__arrow{border-right:none;border-top:none}.popover-fade-enter-active,.popover-fade-leave-active{transition:opacity .15s ease-out,transform .15s ease-out}.popover-fade-enter-from,.popover-fade-leave-to{opacity:0;transform:scale(.95)}.popover-fade-enter-to,.popover-fade-leave-from{opacity:1;transform:scale(1)}.accordion{width:100%;height:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:12px}.accordion-content-wrapper{overflow:hidden;transition:height .3s ease}.accordion-header{width:100%;height:auto;display:flex;justify-content:space-between;align-items:center;background-color:var(--theme-neutral-surface-icon);padding:15px 16px}.accordion-header.accordion-header--active .accordion-header__arrow{transform:rotate(90deg);background-color:var(--theme-neutral-0);color:var(--theme-primary-500);margin-left:0}.accordion-header__content{width:100%;height:100%;display:flex;justify-content:flex-start}.accordion-header__arrow{width:32px;height:32px;border-radius:100%;border:1px solid var(--theme-primary-500);display:flex;justify-content:center;align-items:center;color:var(--theme-neutral-0);background-color:var(--theme-primary-500);transition:.3s transform ease-in-out,.3s background-color ease-in-out,.3s transform ease-in-out}.accordion-header__arrow svg{width:20px;height:20px}.accordion-panel{width:100%;height:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;border-radius:12px;overflow:hidden;border:1px solid rgba(144,164,174,.4)}.divider{position:relative;width:100%;height:1px;display:flex;align-items:center}.divider:before{position:absolute;content:""}.divider__content{width:max-content;font-size:14px;line-height:120%;color:var(--theme-neutral-text-body);padding:4px 8px;background-color:var(--theme-neutral-0);z-index:1}.divider.divider--center{justify-content:center}.divider.divider--left{justify-content:flex-start}.divider.divider--left .divider__content{margin-left:30px}.divider.divider--right{justify-content:flex-end}.divider.divider--right .divider__content{margin-right:30px}.divider.divider--horizontal:before{width:100%;height:auto;border-block-start:1px solid var(--theme-neutral-250)}.divider.divider--horizontal.divider--solid:before{border-block-start-style:solid}.divider.divider--horizontal.divider--dashed:before{border-block-start-style:dashed}.divider.divider--horizontal.divider--dotted:before{border-block-start-style:dotted}.divider.divider--vertical{width:1px;min-height:100%}.divider.divider--vertical:before{inset-block-start:0;inset-inline-start:50%;height:100%;content:"";border-inline-start:1px solid var(--theme-neutral-250)}.divider.divider--vertical.divider--solid:before{border-block-start-style:solid}.divider.divider--vertical.divider--dashed:before{border-block-start-style:dashed}.divider.divider--vertical.divider--dotted:before{border-block-start-style:dotted}.tab{width:max-content;height:max-content;position:relative;padding:8px 4px;font-size:14px;line-height:22px;color:var(--theme-neutral-text-body);cursor:pointer;margin-bottom:-1px;border-radius:8px}.tab:after{opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;content:"";width:100%;height:2px;background-color:var(--theme-primary-500);position:absolute;left:0;right:0;bottom:0}.tab.tab--active{color:var(--theme-primary-500)}.tab.tab--active:after{opacity:1;visibility:visible}.tabs{width:100%;height:auto}.tab-panel{padding:16px}.tab-list{position:relative;width:100%;height:auto;overflow-x:scroll;overflow-y:hidden;box-sizing:content-box;scrollbar-width:thin;scrollbar-color:var(--theme-neutral-border-default) transparent}.tab-list::-webkit-scrollbar{width:0;height:8px}.tab-list::-webkit-scrollbar-thumb{background-color:var(--theme-neutral-border-default);border-radius:4px}.tab-list::-webkit-scrollbar-track{background:transparent}.tab-list::-webkit-scrollbar-corner{background:transparent}.tab-list__content{position:relative;min-width:100%;width:max-content;height:auto;display:flex;justify-content:flex-start;align-items:center;gap:24px}.tab-list__content:after{content:"";position:absolute;bottom:0;left:0;right:0;width:100%;height:1px;background-color:var(--theme-color-m)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%}body{font-family:Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5;color:#333}a{text-decoration:none;color:inherit}button{border:none;background:none;cursor:pointer;font:inherit}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}input,textarea,select{font:inherit;border:none;outline:none}h1,h2,h3,h4,h5,h6{font-weight:400}:root{--theme-color-m: #E3E9ED;--animate-duration: .3s}:root{--theme-neutral-0: #ffffff;--theme-neutral-100: #FDFDFD;--theme-neutral-200: #FAFAFA;--theme-neutral-250: #EBEBEB;--theme-neutral-250_40: #EBEBEB66;--theme-neutral-300: #CECECE;--theme-neutral-300_40: #CECECE66;--theme-neutral-400: #BFBFBF;--theme-neutral-400_40: #BFBFBF66;--theme-neutral-500: #A1A1A1;--theme-neutral-600: #525252;--theme-neutral-700: #3D3D3D;--theme-neutral-800: #292929;--theme-neutral-850: #1F1F1F;--theme-neutral-950: #0A0A0A;--theme-neutral-surface-bg: var(--theme-neutral-100);--theme-neutral-surface-default: var(--theme-neutral-0);--theme-neutral-surface-subtitle: var(--theme-neutral-200);--theme-neutral-surface-icon: #F1F4F5;--theme-neutral-surface-disabled: var(--theme-neutral-250_40);--theme-text-icon-body: #3B3B3B;--theme-neutral-text-title: var(--theme-neutral-950);--theme-neutral-text-subtitle: var(--theme-neutral-800);--theme-neutral-text-body: var(--theme-neutral-700);--theme-neutral-text-caption: var(--theme-neutral-500);--theme-neutral-text-disabled: var(--theme-neutral-400_40);--theme-neutral-text-negative: var(--theme-neutral-0);--theme-neutral-icon-primary: #90A4AE;--theme-neutral-icon-secondary: var(--theme-neutral-400);--theme-neutral-icon-caption: var(--theme-neutral-500);--theme-neutral-icon-disabled: #B5B5B5;--theme-neutral-icon-negative: var(--theme-neutral-0);--theme-neutral-border-default: var(--theme-neutral-300);--theme-neutral-border-darker: var(--theme-neutral-400);--theme-neutral-border-divider: #E3E9ED;--theme-neutral-border-disabled: var(--theme-neutral-400_40);--theme-main-interface-shadow: 0 2px 8.8px 2px #0000000D, 0 0 13.4px 0 #0000000A;--theme-hover-interface-shadow: 0 2px 8.8px 2px #0000000D, 0 1px 1px 0 #0000000A}:root{--theme-primary-50: #EAFEF0;--theme-primary-50_40: #EAFEF066;--theme-primary-100: #BFF7CD;--theme-primary-200: #AAEEBC;--theme-primary-200_15: #94E6AA;--theme-primary-200_25: #94E6AA40;--theme-primary-200_50: #94E6AA80;--theme-primary-250: #CAF3D5;--theme-primary-300: #7FDD98;--theme-primary-400: #2ABC51;--theme-primary-500_5: #00AB2E0D;--theme-primary-500: #00AB2E;--theme-primary-600: #008925;--theme-primary-700: #00671C;--theme-primary-800: #004412;--theme-primary-900: #002209;--theme-primary-surface-default: var(--theme-primary-500);--theme-primary-surface-subtitle: var(--theme-primary-50);--theme-primary-surface-darker: var(--theme-primary-600);--theme-primary-surface-lighter: var(--theme-primary-200_25);--theme-primary-surface-hover: var(--theme-primary-50_40);--theme-primary-border-default: var(--theme-primary-700);--theme-primary-border-subtitle: var(--theme-primary-600);--theme-primary-border-darker: var(--theme-primary-800);--theme-primary-border-lighter: var(--theme-primary-200);--theme-primary-icon-default: var(--theme-primary-500)}:root{--theme-info-100: #E3EEFA;--theme-info-100_50: #E3EEFA80;--theme-info-200: #C2D9F5;--theme-info-300: #6EA6E7;--theme-info-400: #2674CE;--theme-info-500: #235FA4;--theme-info-600: #02538F;--theme-info-700: #134A73;--theme-info-800: #152D4F;--theme-info-900: #161E33}:root{--theme-warn-100: #FDF4EA;--theme-warn-200: #FADFC1;--theme-warn-300: #F4C083;--theme-warn-400: #F1AB5A;--theme-warn-500: #ED9631;--theme-warn-600: #D47D16;--theme-warn-700: #AC6410;--theme-warn-800: #814A09;--theme-warn-900: #492C0A}:root{--theme-error-100: #FCEAEA;--theme-error-100_50: #FCEAEA80;--theme-error-200_50: #FCEAEA;--theme-error-200: #FFD4D4;--theme-error-300: #F4A6A6;--theme-error-400: #DF575C;--theme-error-500: #DE292F;--theme-error-600: #BD2429;--theme-error-700: #921D21;--theme-error-800: #6E1820;--theme-error-900: #4E1012}:root{--theme-shadow-button: 0px 2px 8.8px 2px #0000000D, 0px 1px 1px 0px #0000000A}:root{--modal-z-index: 1000}@font-face{font-family:Roboto;font-weight:100;src:url(./fonts/Roboto/Roboto-Thin.woff2) format("woff2"),url(./fonts/Roboto/Roboto-Thin.woff) format("woff")}@font-face{font-family:Roboto;font-weight:200;src:url(./fonts/Roboto/Roboto-ExtraLight.woff2) format("woff2"),url(./fonts/Roboto/Roboto-ExtraLight.woff) format("woff")}@font-face{font-family:Roboto;font-weight:300;src:url(./fonts/Roboto/Roboto-Light.woff2) format("woff2"),url(./fonts/Roboto/Roboto-Light.woff) format("woff")}@font-face{font-family:Roboto;font-weight:400;src:url(./fonts/Roboto/Roboto-Regular.woff2) format("woff2"),url(./fonts/Roboto/Roboto-Regular.woff) format("woff")}@font-face{font-family:Roboto;font-weight:500;src:url(./fonts/Roboto/Roboto-Medium.woff2) format("woff2"),url(./fonts/Roboto/Roboto-Medium.woff) format("woff")}@font-face{font-family:Roboto;font-weight:600;src:url(./fonts/Roboto/Roboto-SemiBold.woff2) format("woff2"),url(./fonts/Roboto/Roboto-SemiBold.woff) format("woff")}@font-face{font-family:Roboto;font-weight:700;src:url(./fonts/Roboto/Roboto-Bold.woff2) format("woff2"),url(./fonts/Roboto/Roboto-Bold.woff) format("woff")}@font-face{font-family:Roboto;font-weight:800;src:url(./fonts/Roboto/Roboto-ExtraBold.woff2) format("woff2"),url(./fonts/Roboto/Roboto-ExtraBold.woff) format("woff")}@font-face{font-family:Roboto;font-weight:900;src:url(./fonts/Roboto/Roboto-Black.woff2) format("woff2"),url(./fonts/Roboto/Roboto-Black.woff) format("woff")}.container{width:100%;margin:0 auto;padding:0 10px;max-width:768px}@media screen and (min-width: 1010px){.container{max-width:991px}}@media screen and (min-width: 1220px){.container{max-width:1200px}}@media screen and (min-width: 1420px){.container{max-width:1400px}}@media screen and (min-width: 1620px){.container{max-width:1600px}}.page-title{font-weight:600;font-size:24px;line-height:120%;color:var(--theme-neutral-text-title);text-transform:uppercase}
|