@codemonster-ru/vueforge 0.7.0 → 0.9.0
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/README.md +154 -0
- package/dist/index.css +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.ts.mjs +828 -645
- package/dist/index.ts.umd.js +3 -3
- package/dist/package/components/__tests__/modal.test.d.ts +1 -0
- package/dist/package/components/modal.vue.d.ts +55 -0
- package/dist/package/config/__tests__/theme-core.test.d.ts +1 -0
- package/dist/package/config/index.d.ts +3 -15
- package/dist/package/config/theme-core.d.ts +216 -0
- package/dist/package/config/theme-runtime.d.ts +10 -0
- package/dist/package/themes/default/base.d.ts +12 -0
- package/dist/package/themes/default/components/modal.d.ts +29 -0
- package/dist/package/themes/default/index.d.ts +52 -0
- package/package.json +9 -5
package/dist/index.ts.umd.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
(function(m,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue"),require("vue-router"),require("@codemonster-ru/vueiconify")):typeof define=="function"&&define.amd?define(["exports","vue","vue-router","@codemonster-ru/vueiconify"],t):(m=typeof globalThis<"u"?globalThis:m||self,t(m.index={},m.Vue,m.VueRouter,m.index))})(this,function(m,t,U,W){"use strict";var Z=document.createElement("style");Z.textContent=`.vf-link{color:inherit;cursor:pointer;text-decoration:none;font-size:var(--vf-typography-font-size);line-height:var(--vf-typography-line-height)}.vf-link:hover{color:var(--vf-link-hover-color)}.vf-link:active{color:var(--vf-link-active-color)}.vf-link.vf-link_disabled{cursor:not-allowed}.vf-link_active,.vf-link_partially-active{color:var(--vf-link-active-color)}.vf-card{border:var(--vf-border-width) solid var(--vf-card-border-color);border-radius:var(--vf-card-border-radius)}.vf-card__default{padding:var(--vf-card-padding)}.vf-menu{display:flex}.vf-menu_horizontal>.vf-menu__list{flex-direction:row}.vf-menu_horizontal>.vf-menu__list>.vf-menu__item{align-items:center}.vf-menu_horizontal>.vf-menu__list>.vf-menu__item:not(:first-child){margin-left:var(--vf-menu-item-margin-left)}.vf-menu_horizontal>.vf-menu__list>.vf-menu__item:not(:last-child){margin-right:var(--vf-menu-item-margin-right)}.vf-menu_horizontal>.vf-menu__list>.vf-menu__item>.vf-menu__separator{height:var(--vf-menu-separator-height);border-top:none;border-right:none;border-left:var(--vf-menu-separator-thickness) solid var(--vf-menu-separator-color);border-bottom:none}.vf-menu_vertical>.vf-menu__list{width:100%;flex-direction:column}.vf-menu_vertical>.vf-menu__list>.vf-menu__item{flex-direction:column}.vf-menu_vertical>.vf-menu__list>.vf-menu__item:not(:first-child){margin-top:var(--vf-menu-item-margin-top)}.vf-menu_vertical>.vf-menu__list>.vf-menu__item:not(:last-child){margin-bottom:var(--vf-menu-item-margin-bottom)}.vf-menu_vertical>.vf-menu__list>.vf-menu__item>.vf-menu{overflow:hidden}.vf-menu__list{margin:0;padding:0;display:flex;list-style:none}.vf-menu__separator{width:100%;height:var(--vf-menu-separator-thickness);border:none;margin:0;background-color:var(--vf-menu-separator-color)}.vf-menu__item{display:flex;font-weight:500}.vf-menu__link{display:flex;align-items:center;text-decoration:none;font-size:var(--vf-typography-font-size);line-height:var(--vf-typography-line-height)}.vf-menu__link:hover{color:var(--vf-menu-link-hover-color)}.vf-menu__parent{cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-size:var(--vf-typography-font-size);line-height:var(--vf-typography-line-height)}.vf-menu__parent:hover{color:var(--vf-menu-parent-hover-color)}.vf-menu__icon{margin-right:var(--vf-menu-icon-gap)}.vf-menu__submenu.vf-menu__submenu_visible{margin-top:var(--vf-menu-submenu-offset);margin-left:var(--vf-menu-submenu-offset)}.vf-menu__submenu:not(.vf-menu__submenu_visible){height:0}.vf-button{display:inline-flex;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;height:var(--vf-controls-height);box-sizing:border-box;padding:var(--vf-button-padding);font-size:var(--vf-button-font-size);line-height:var(--vf-typography-line-height);font-family:inherit;border-radius:var(--vf-button-border-radius);overflow:hidden}.vf-button_text{border:var(--vf-border-width) solid transparent;background-color:transparent}.vf-button_outlined{background-color:transparent}.vf-button_primary.vf-button_text{color:var(--vf-button-text-primary-color)}.vf-button_primary.vf-button_text:not(.vf-button_disabled):hover{background-color:var(--vf-button-text-primary-hover-background-color)}.vf-button_primary.vf-button_outlined{color:var(--vf-button-outlined-primary-color);border:var(--vf-border-width) solid var(--vf-button-outlined-primary-border-color)}.vf-button_primary.vf-button_outlined:not(.vf-button_disabled):hover{background-color:var(--vf-button-outlined-primary-hover-background-color)}.vf-button_primary:not(.vf-button_text):not(.vf-button_outlined){color:var(--vf-button-primary-color);border:var(--vf-border-width) solid var(--vf-button-primary-border-color);background-color:var(--vf-button-primary-background-color)}.vf-button_primary:not(.vf-button_text):not(.vf-button_outlined):not(.vf-button_disabled):hover{color:var(--vf-button-primary-hover-color);border:var(--vf-border-width) solid var(--vf-button-primary-hover-border-color);background-color:var(--vf-button-primary-hover-background-color)}.vf-button_primary:not(.vf-button_text):not(.vf-button_outlined):not(.vf-button_disabled):active{color:var(--vf-button-primary-active-color);border:var(--vf-border-width) solid var(--vf-button-primary-active-border-color);background-color:var(--vf-button-primary-active-background-color)}.vf-button_secondary.vf-button_text{color:var(--vf-button-text-secondary-color)}.vf-button_secondary.vf-button_text:not(.vf-button_disabled):hover{background-color:var(--vf-button-text-secondary-hover-background-color)}.vf-button_secondary.vf-button_outlined{color:var(--vf-button-outlined-secondary-color);border:var(--vf-border-width) solid var(--vf-button-outlined-secondary-border-color)}.vf-button_secondary.vf-button_outlined:not(.vf-button_disabled):hover{background-color:var(--vf-button-outlined-secondary-hover-background-color)}.vf-button_secondary:not(.vf-button_text):not(.vf-button_outlined){color:var(--vf-button-secondary-color);border:var(--vf-border-width) solid var(--vf-button-secondary-border-color);background-color:var(--vf-button-secondary-background-color)}.vf-button_secondary:not(.vf-button_text):not(.vf-button_outlined):not(.vf-button_disabled):hover{color:var(--vf-button-secondary-hover-color);border:var(--vf-border-width) solid var(--vf-button-secondary-hover-border-color);background-color:var(--vf-button-secondary-hover-background-color)}.vf-button_secondary:not(.vf-button_text):not(.vf-button_outlined):not(.vf-button_disabled):active{color:var(--vf-button-secondary-active-color);border:var(--vf-border-width) solid var(--vf-button-secondary-active-border-color);background-color:var(--vf-button-secondary-active-background-color)}.vf-button_success.vf-button_text{color:var(--vf-button-text-success-color)}.vf-button_success.vf-button_text:not(.vf-button_disabled):hover{background-color:var(--vf-button-text-success-hover-background-color)}.vf-button_success.vf-button_outlined{color:var(--vf-button-outlined-success-color);border:var(--vf-border-width) solid var(--vf-button-outlined-success-border-color)}.vf-button_success.vf-button_outlined:not(.vf-button_disabled):hover{background-color:var(--vf-button-outlined-success-hover-background-color)}.vf-button_success:not(.vf-button_text):not(.vf-button_outlined){color:var(--vf-button-success-color);border:var(--vf-border-width) solid var(--vf-button-success-border-color);background-color:var(--vf-button-success-background-color)}.vf-button_success:not(.vf-button_text):not(.vf-button_outlined):not(.vf-button_disabled):hover{color:var(--vf-button-success-hover-color);border:var(--vf-border-width) solid var(--vf-button-success-hover-border-color);background-color:var(--vf-button-success-hover-background-color)}.vf-button_success:not(.vf-button_text):not(.vf-button_outlined):not(.vf-button_disabled):active{color:var(--vf-button-success-active-color);border:var(--vf-border-width) solid var(--vf-button-success-active-border-color);background-color:var(--vf-button-success-active-background-color)}.vf-button_info.vf-button_text{color:var(--vf-button-text-info-color)}.vf-button_info.vf-button_text:not(.vf-button_disabled):hover{background-color:var(--vf-button-text-info-hover-background-color)}.vf-button_info.vf-button_outlined{color:var(--vf-button-outlined-info-color);border:var(--vf-border-width) solid var(--vf-button-outlined-info-border-color)}.vf-button_info.vf-button_outlined:not(.vf-button_disabled):hover{background-color:var(--vf-button-outlined-info-hover-background-color)}.vf-button_info:not(.vf-button_text):not(.vf-button_outlined){color:var(--vf-button-info-color);border:var(--vf-border-width) solid var(--vf-button-info-border-color);background-color:var(--vf-button-info-background-color)}.vf-button_info:not(.vf-button_text):not(.vf-button_outlined):not(.vf-button_disabled):hover{color:var(--vf-button-info-hover-color);border:var(--vf-border-width) solid var(--vf-button-info-hover-border-color);background-color:var(--vf-button-info-hover-background-color)}.vf-button_info:not(.vf-button_text):not(.vf-button_outlined):not(.vf-button_disabled):active{color:var(--vf-button-info-active-color);border:var(--vf-border-width) solid var(--vf-button-info-active-border-color);background-color:var(--vf-button-info-active-background-color)}.vf-button_warning.vf-button_text{color:var(--vf-button-text-warning-color)}.vf-button_warning.vf-button_text:not(.vf-button_disabled):hover{background-color:var(--vf-button-text-warning-hover-background-color)}.vf-button_warning.vf-button_outlined{color:var(--vf-button-outlined-warning-color);border:var(--vf-border-width) solid var(--vf-button-outlined-warning-border-color)}.vf-button_warning.vf-button_outlined:not(.vf-button_disabled):hover{background-color:var(--vf-button-outlined-warning-hover-background-color)}.vf-button_warning:not(.vf-button_text):not(.vf-button_outlined){color:var(--vf-button-warning-color);border:var(--vf-border-width) solid var(--vf-button-warning-border-color);background-color:var(--vf-button-warning-background-color)}.vf-button_warning:not(.vf-button_text):not(.vf-button_outlined):not(.vf-button_disabled):hover{color:var(--vf-button-warning-hover-color);border:var(--vf-border-width) solid var(--vf-button-warning-hover-border-color);background-color:var(--vf-button-warning-hover-background-color)}.vf-button_warning:not(.vf-button_text):not(.vf-button_outlined):not(.vf-button_disabled):active{color:var(--vf-button-warning-active-color);border:var(--vf-border-width) solid var(--vf-button-warning-active-border-color);background-color:var(--vf-button-warning-active-background-color)}.vf-button_danger.vf-button_text{color:var(--vf-button-text-danger-color)}.vf-button_danger.vf-button_text:not(.vf-button_disabled):hover{background-color:var(--vf-button-text-danger-hover-background-color)}.vf-button_danger.vf-button_outlined{color:var(--vf-button-outlined-danger-color);border:var(--vf-border-width) solid var(--vf-button-outlined-danger-border-color)}.vf-button_danger.vf-button_outlined:not(.vf-button_disabled):hover{background-color:var(--vf-button-outlined-danger-hover-background-color)}.vf-button_danger:not(.vf-button_text):not(.vf-button_outlined){color:var(--vf-button-danger-color);border:var(--vf-border-width) solid var(--vf-button-danger-border-color);background-color:var(--vf-button-danger-background-color)}.vf-button_danger:not(.vf-button_text):not(.vf-button_outlined):not(.vf-button_disabled):hover{color:var(--vf-button-danger-hover-color);border:var(--vf-border-width) solid var(--vf-button-danger-hover-border-color);background-color:var(--vf-button-danger-hover-background-color)}.vf-button_danger:not(.vf-button_text):not(.vf-button_outlined):not(.vf-button_disabled):active{color:var(--vf-button-danger-active-color);border:var(--vf-border-width) solid var(--vf-button-danger-active-border-color);background-color:var(--vf-button-danger-active-background-color)}.vf-button_vertical{flex-direction:column}.vf-button__icon{display:inline-block}.vf-button__icon_top+.vf-button__label{margin-top:var(--vf-button-icon-gap)}.vf-button__icon_right{order:1}.vf-button__icon_right+.vf-button__label{margin-right:var(--vf-button-icon-gap)}.vf-button__icon_bottom{order:1}.vf-button__icon_bottom+.vf-button__label{margin-bottom:var(--vf-button-icon-gap)}.vf-button__icon_left+.vf-button__label{margin-left:var(--vf-button-icon-gap)}.vf-button_disabled{opacity:var(--vf-states-disabled-opacity);cursor:default}.vf-button_rounded{border-radius:var(--vf-button-rounded-border-radius)}.vf-button_small{font-size:var(--vf-button-small-font-size);padding:var(--vf-button-small-padding)}.vf-button_large{font-size:var(--vf-button-large-font-size);padding:var(--vf-button-large-padding)}.vf-input{display:flex;align-items:center;gap:var(--vf-input-gap);height:var(--vf-controls-height);box-sizing:border-box;padding:var(--vf-input-padding);border-radius:var(--vf-input-border-radius);border:var(--vf-border-width) solid var(--vf-input-border-color);background-color:var(--vf-input-background-color);color:var(--vf-input-text-color);transition:border-color .2s ease}.vf-input__control{flex:1;border:none;background:transparent;color:inherit;font-size:var(--vf-input-font-size);line-height:var(--vf-typography-line-height);font-family:inherit;outline:none}.vf-input__control::placeholder{color:var(--vf-input-placeholder-color)}.vf-input:hover:not(.vf-input_disabled){border-color:var(--vf-input-hover-border-color)}.vf-input:focus-within:not(.vf-input_disabled){border-color:var(--vf-input-focus-border-color);box-shadow:var(--vf-input-focus-ring-shadow)}.vf-input_outlined{background-color:transparent}.vf-input_small{padding:var(--vf-input-small-padding)}.vf-input_small .vf-input__control{font-size:var(--vf-input-small-font-size)}.vf-input_large{padding:var(--vf-input-large-padding)}.vf-input_large .vf-input__control{font-size:var(--vf-input-large-font-size)}.vf-input_disabled{opacity:var(--vf-input-disabled-opacity);cursor:not-allowed}.vf-select{position:relative;display:inline-block;min-width:var(--vf-select-min-width);height:var(--vf-controls-height);box-sizing:border-box;border-radius:var(--vf-select-border-radius);border:var(--vf-border-width) solid var(--vf-select-border-color);background-color:var(--vf-select-background-color);color:var(--vf-select-text-color);transition:border-color .2s ease,box-shadow .2s ease}.vf-select__control{width:100%;padding:var(--vf-select-padding);border:none;background:transparent;color:inherit;font-size:var(--vf-select-font-size);line-height:var(--vf-typography-line-height);font-family:inherit;outline:none;display:inline-flex;align-items:center;justify-content:space-between;height:var(--vf-controls-height);box-sizing:border-box;gap:var(--vf-select-control-gap);cursor:pointer}.vf-select__label{text-align:left}.vf-select__label_placeholder{color:var(--vf-secondary-text-color)}.vf-select__chevron{font-size:var(--vf-select-chevron-size);opacity:.7}.vf-select__panel{position:fixed;z-index:50;padding:var(--vf-select-panel-padding);max-height:var(--vf-select-panel-max-height);overflow:auto;border-radius:calc(var(--vf-select-border-radius) + var(--vf-select-panel-radius-offset));border:var(--vf-border-width) solid var(--vf-select-panel-border-color);background-color:var(--vf-select-panel-background-color);box-shadow:var(--vf-select-panel-shadow);color:var(--vf-select-text-color)}.vf-select__option{width:100%;text-align:left;border:none;background:transparent;padding:var(--vf-select-option-padding);border-radius:var(--vf-select-option-border-radius);color:inherit;cursor:pointer;font-size:var(--vf-typography-font-size);line-height:var(--vf-typography-line-height);font-family:inherit}.vf-select__option:hover:not(.is-disabled),.vf-select__option:focus-visible:not(.is-disabled){background-color:var(--vf-select-option-hover-background-color);outline:none}.vf-select__option.is-active{background-color:var(--vf-select-option-active-background-color);color:var(--vf-select-option-active-text-color)}.vf-select__option.is-disabled{opacity:.6;cursor:not-allowed}.vf-select_open{border-color:var(--vf-select-focus-border-color);box-shadow:var(--vf-select-focus-ring-shadow)}.vf-select:hover:not(.vf-select_disabled){border-color:var(--vf-select-hover-border-color)}.vf-select:focus-within:not(.vf-select_disabled){border-color:var(--vf-select-focus-border-color)}.vf-select_small .vf-select__control{padding:var(--vf-select-small-padding);font-size:var(--vf-select-small-font-size)}.vf-select_large .vf-select__control{padding:var(--vf-select-large-padding);font-size:var(--vf-select-large-font-size)}.vf-select_disabled{opacity:var(--vf-select-disabled-opacity);cursor:not-allowed}.vf-select_disabled .vf-select__control{cursor:not-allowed}.vf-checkbox{display:inline-flex;align-items:center;gap:var(--vf-checkbox-gap);cursor:pointer;color:var(--vf-checkbox-text-color);font-size:var(--vf-typography-font-size);line-height:var(--vf-typography-line-height)}.vf-checkbox__control{position:absolute;opacity:0;pointer-events:none}.vf-checkbox__box{width:var(--vf-checkbox-size);height:var(--vf-checkbox-size);border:var(--vf-border-width) solid var(--vf-checkbox-border-color);border-radius:var(--vf-checkbox-border-radius);background-color:var(--vf-checkbox-background-color);display:inline-flex;align-items:center;justify-content:center;transition:background-color .2s ease,border-color .2s ease}.vf-checkbox__control:checked+.vf-checkbox__box{background-color:var(--vf-checkbox-checked-background-color);border-color:var(--vf-checkbox-checked-border-color)}.vf-checkbox__control:checked+.vf-checkbox__box:after{content:"";width:calc(var(--vf-checkbox-size) / 2);height:calc(var(--vf-checkbox-size) / 2);background-color:var(--vf-checkbox-check-color);border-radius:var(--vf-checkbox-check-border-radius)}.vf-checkbox_disabled{opacity:var(--vf-checkbox-disabled-opacity);cursor:not-allowed}.vf-switch{display:inline-flex;align-items:center;gap:var(--vf-switch-gap);cursor:pointer;color:var(--vf-switch-text-color);font-size:var(--vf-typography-font-size);line-height:var(--vf-typography-line-height)}.vf-switch__control{position:absolute;opacity:0;pointer-events:none}.vf-switch__track{position:relative;width:var(--vf-switch-width);height:var(--vf-switch-height);border-radius:var(--vf-switch-height);background-color:var(--vf-switch-background-color);transition:background-color .2s ease}.vf-switch__thumb{position:absolute;top:50%;left:var(--vf-switch-thumb-offset);width:var(--vf-switch-thumb-size);height:var(--vf-switch-thumb-size);border-radius:50%;background-color:var(--vf-switch-thumb-color);transform:translateY(-50%);transition:transform .2s ease}.vf-switch__control:checked+.vf-switch__track{background-color:var(--vf-switch-checked-background-color)}.vf-switch__control:checked+.vf-switch__track .vf-switch__thumb{transform:translate(calc(var(--vf-switch-width) - var(--vf-switch-thumb-size) - var(--vf-switch-thumb-translate-offset)),-50%)}.vf-switch_disabled{opacity:var(--vf-switch-disabled-opacity);cursor:not-allowed}.vf-popover{position:relative}.vf-popover__button{cursor:pointer;-webkit-user-select:none;user-select:none}.vf-popover__wrapper{position:absolute;background-color:var(--vf-popover-background-color)}
|
|
2
|
-
/*$vite$:1*/`,document.head.appendChild(Z);const ae=["href","aria-disabled","tabindex"],K=t.defineComponent({__name:"link",props:{to:{default:void 0},href:{default:void 0},url:{default:void 0},as:{default:void 0},type:{default:void 0},label:{default:""},active:{type:Boolean},disabled:{type:Boolean}},emits:["click","active","update:active","onActive"],setup(o,{emit:e}){const n=e,r=o,l=U.useRoute(),d=U.useRouter(),s=t.ref(null),c=t.computed(()=>r.href??r.url),a=t.computed(()=>r.as?r.as==="router-link"&&!r.to?"a":r.as:r.type==="router-link"||r.type==="a"?r.type==="router-link"&&!r.to?"a":r.type:r.to?"router-link":"a"),v=t.computed(()=>r.to),f=t.computed(()=>r.to?d.resolve(r.to):null),i=t.computed(()=>{if(a.value!=="router-link")return!1;const p=f.value;return p?p.name?l.matched.some(({name:_})=>_===p.name):p.fullPath?l.fullPath===p.fullPath:l.path===p.path:!1}),b=t.computed(()=>r.active===void 0?i.value:r.active),u=p=>{if(!r.disabled){n("click",p);return}p.preventDefault(),p.stopPropagation()};return t.watch(i,p=>{p&&(n("active"),n("onActive")),n("update:active",p)}),(p,_)=>{const g=t.resolveComponent("router-link");return a.value==="a"?(t.openBlock(),t.createElementBlock("a",{key:0,href:c.value,class:t.normalizeClass(["vf-link",{"vf-link_active":b.value,"vf-link_disabled":p.disabled}]),"aria-disabled":p.disabled,tabindex:p.disabled?-1:void 0,onClick:u},[p.$slots.default?t.renderSlot(p.$slots,"default",{key:0}):(t.openBlock(),t.createElementBlock(t.Fragment,{key:1},[t.createTextVNode(t.toDisplayString(p.label),1)],64))],10,ae)):(t.openBlock(),t.createBlock(g,{key:1,ref_key:"link",ref:s,to:v.value,class:t.normalizeClass(["vf-link",{"vf-link_active":b.value}]),"aria-disabled":p.disabled,tabindex:p.disabled?-1:void 0,"active-class":"vf-link_partially-active","exact-active-class":"vf-link_active",onClick:u},{default:t.withCtx(()=>[p.$slots.default?t.renderSlot(p.$slots,"default",{key:0}):(t.openBlock(),t.createElementBlock(t.Fragment,{key:1},[t.createTextVNode(t.toDisplayString(p.label),1)],64))]),_:3},8,["to","class","aria-disabled","tabindex"]))}}}),ie=(o,e)=>{const n=o.__vccOpts||o;for(const[r,l]of e)n[r]=l;return n},se={},ce={class:"vf-card"},de={key:0,class:"vf-card__default"},fe={key:1,class:"vf-card__header"},ve={key:2,class:"vf-card__body"},ue={key:3,class:"vf-card__footer"};function be(o,e){return t.openBlock(),t.createElementBlock("div",ce,[o.$slots.default?(t.openBlock(),t.createElementBlock("div",de,[t.renderSlot(o.$slots,"default")])):t.createCommentVNode("",!0),o.$slots.header?(t.openBlock(),t.createElementBlock("div",fe,[t.renderSlot(o.$slots,"header")])):t.createCommentVNode("",!0),o.$slots.body?(t.openBlock(),t.createElementBlock("div",ve,[t.renderSlot(o.$slots,"body")])):t.createCommentVNode("",!0),o.$slots.footer?(t.openBlock(),t.createElementBlock("div",ue,[t.renderSlot(o.$slots,"footer")])):t.createCommentVNode("",!0)])}const J=ie(se,[["render",be]]),pe={class:"vf-menu__list",role:"menu"},he={key:1,class:"vf-menu__separator",role:"separator"},ge=["aria-expanded","onClick","onKeydown"],me=t.defineComponent({name:"VfMenu",__name:"menu",props:{items:{},orientation:{default:"vertical"}},emits:["active","onActive"],setup(o,{emit:e}){const n=e,r=o,l=t.ref([]),d=(f,i)=>`${f.label??f.to??f.href??f.url??"item"}_${i.toString()}`,s=f=>f.to?"router-link":"a",c=f=>f.map(i=>({...i,items:i.items?c(i.items):void 0})),a=f=>{f.items&&f.items.length?(l.value.map(i=>{i!==f&&(i.subMenuVisible=!1)}),f.subMenuVisible=!f.subMenuVisible):Object.prototype.hasOwnProperty.call(f,"command")&&typeof f.command=="function"&&f.command()},v=f=>{var i;for(const b in l.value){const u=l.value[b];Object.prototype.hasOwnProperty.call(u,"items")&&((i=u.items)!=null&&i.some(p=>p===f)?(u.active=!0,u.subMenuVisible=!0):(u.active=!1,u.subMenuVisible=!1))}n("active",f),n("onActive",f)};return t.watch(()=>r.items,f=>{l.value=c(f)},{deep:!0,immediate:!0}),(f,i)=>{const b=t.resolveComponent("VfMenu");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["vf-menu",`vf-menu_${f.orientation}`])},[t.createElementVNode("ul",pe,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(l.value,(u,p)=>(t.openBlock(),t.createElementBlock("li",{key:d(u,p),class:"vf-menu__item",role:"none"},[f.$slots[d(u,p)]?t.renderSlot(f.$slots,d(u,p),{key:0,item:{...u,class:"vf-menu__link"}}):u.separator?(t.openBlock(),t.createElementBlock("hr",he)):u.items&&u.items.length?(t.openBlock(),t.createElementBlock(t.Fragment,{key:2},[t.createElementVNode("div",{class:t.normalizeClass(["vf-menu__parent",{"vf-menu__parent_active":u.active}]),role:"menuitem",tabindex:"0","aria-expanded":u.subMenuVisible?"true":"false",onClick:_=>a(u),onKeydown:[t.withKeys(t.withModifiers(_=>a(u),["prevent"]),["enter"]),t.withKeys(t.withModifiers(_=>a(u),["prevent"]),["space"])]},[u.icon?(t.openBlock(),t.createBlock(t.unref(W.CmIcon),{key:0,icon:u.icon,class:"vf-menu__icon"},null,8,["icon"])):t.createCommentVNode("",!0),t.createTextVNode(" "+t.toDisplayString(u.label)+" ",1),t.createVNode(t.unref(W.CmIcon),{icon:"chevronDown"})],42,ge),u.items?(t.openBlock(),t.createBlock(b,{key:0,items:u.items,class:t.normalizeClass(["vf-menu__submenu",{"vf-menu__submenu_visible":u.subMenuVisible}]),onOnActive:v},null,8,["items","class"])):t.createCommentVNode("",!0)],64)):(t.openBlock(),t.createBlock(K,{key:3,to:u.to,href:u.href??u.url,as:s(u),class:"vf-menu__link",active:u.active,disabled:u.disabled,role:"menuitem","aria-disabled":u.disabled?"true":"false",onClick:_=>a(u),onActive:_=>v(u)},{default:t.withCtx(()=>[u.icon?(t.openBlock(),t.createBlock(t.unref(W.CmIcon),{key:0,icon:u.icon,class:"vf-menu__icon"},null,8,["icon"])):t.createCommentVNode("",!0),t.createTextVNode(" "+t.toDisplayString(u.label),1)]),_:2},1032,["to","href","as","active","disabled","aria-disabled","onClick","onActive"]))]))),128))])],2)}}}),_e=["type","disabled"],ye=t.defineComponent({__name:"button",props:{to:{default:void 0},href:{default:void 0},url:{default:void 0},as:{default:void 0},icon:{default:void 0},type:{default:"button"},size:{default:"normal"},label:{default:""},loading:{type:Boolean,default:!1},rounded:{type:Boolean,default:!1},iconPos:{default:"left"},variant:{default:void 0},severity:{default:"primary"},disabled:{type:Boolean,default:!1}},setup(o){const e=o,n=["button","submit","reset"],r=f=>!!f&&n.includes(f),l=t.computed(()=>e.as?e.as==="button":!(e.to||e.href||e.url||e.type&&!r(e.type))),d=t.computed(()=>r(e.type)?e.type:"button"),s=t.computed(()=>e.as==="link"?e.to?"router-link":"a":e.type&&!r(e.type)?e.type==="router-link"&&e.to?"router-link":"a":e.to?"router-link":"a"),c=t.computed(()=>{let f=["vf-button",`vf-button_${e.severity}`];return["top","bottom"].includes(e.iconPos)&&f.push("vf-button_vertical"),e.variant==="text"&&f.push("vf-button_text"),e.variant==="outlined"&&f.push("vf-button_outlined"),["small","large"].indexOf(e.size)>-1&&f.push(`vf-button_${e.size}`),(e.loading||e.disabled)&&f.push("vf-button_disabled"),e.rounded&&f.push("vf-button_rounded"),f}),a=t.computed(()=>["vf-button__icon",`vf-button__icon_${e.iconPos}`]),v=t.computed(()=>["vf-button__label"]);return(f,i)=>l.value?(t.openBlock(),t.createElementBlock("button",{key:0,type:d.value,class:t.normalizeClass(c.value),disabled:e.loading||e.disabled},[e.icon&&!e.loading?(t.openBlock(),t.createBlock(t.unref(W.CmIcon),{key:0,icon:e.icon,class:t.normalizeClass(a.value)},null,8,["icon","class"])):t.createCommentVNode("",!0),e.loading?(t.openBlock(),t.createBlock(t.unref(W.CmIcon),{key:1,icon:"circleNotch",class:t.normalizeClass(a.value),spin:""},null,8,["class"])):t.createCommentVNode("",!0),f.$slots.default?(t.openBlock(),t.createElementBlock("span",{key:2,class:t.normalizeClass(v.value)},[t.renderSlot(f.$slots,"default")],2)):f.label?(t.openBlock(),t.createElementBlock("span",{key:3,class:t.normalizeClass(v.value)},t.toDisplayString(f.label),3)):t.createCommentVNode("",!0)],10,_e)):(t.openBlock(),t.createBlock(K,{key:1,to:e.to,href:e.href??e.url,as:s.value,class:t.normalizeClass(c.value),disabled:e.loading||e.disabled},{default:t.withCtx(()=>[e.icon?(t.openBlock(),t.createBlock(t.unref(W.CmIcon),{key:0,icon:e.icon,class:t.normalizeClass(a.value)},null,8,["icon","class"])):t.createCommentVNode("",!0),f.$slots.default?(t.openBlock(),t.createElementBlock("span",{key:1,class:t.normalizeClass(v.value)},[t.renderSlot(f.$slots,"default")],2)):f.label?(t.openBlock(),t.createElementBlock("span",{key:2,class:t.normalizeClass(v.value)},t.toDisplayString(f.label),3)):t.createCommentVNode("",!0)]),_:3},8,["to","href","as","class","disabled"]))}}),ke={key:0,class:"vf-input__prefix"},we=["type","value","placeholder","disabled","readonly"],Ce={key:1,class:"vf-input__suffix"},xe=t.defineComponent({__name:"input",props:{modelValue:{default:""},type:{default:"text"},placeholder:{default:""},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},size:{default:"normal"},variant:{default:"filled"}},emits:["update:modelValue","input","change","focus","blur"],setup(o,{emit:e}){const n=e,r=o,l=t.computed(()=>{const v=["vf-input",`vf-input_${r.variant}`];return r.size!=="normal"&&v.push(`vf-input_${r.size}`),r.disabled&&v.push("vf-input_disabled"),v}),d=v=>{const f=v.target;n("update:modelValue",f.value),n("input",v)},s=v=>n("change",v),c=v=>n("focus",v),a=v=>n("blur",v);return(v,f)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(l.value)},[v.$slots.prefix?(t.openBlock(),t.createElementBlock("span",ke,[t.renderSlot(v.$slots,"prefix")])):t.createCommentVNode("",!0),t.createElementVNode("input",{class:"vf-input__control",type:v.type,value:v.modelValue,placeholder:v.placeholder,disabled:v.disabled,readonly:v.readonly,onInput:d,onChange:s,onFocus:c,onBlur:a},null,40,we),v.$slots.suffix?(t.openBlock(),t.createElementBlock("span",Ce,[t.renderSlot(v.$slots,"suffix")])):t.createCommentVNode("",!0)],2))}}),Q=["top","top-start","top-end","right","right-start","right-end","bottom","bottom-start","bottom-end","left","left-start","left-end"],V=o=>{if(o==null||!(o instanceof HTMLElement))return null;if(typeof window<"u"){const e=window.getComputedStyle(o),n=`${e.overflowX}${e.overflowY}`;if(/(auto|scroll|overlay)/.test(n))return o}return o.scrollHeight>o.clientHeight||o.scrollWidth>o.clientWidth?o:V(o.parentNode)};function Be(o){return typeof window>"u"?!1:window.getComputedStyle(o).position==="fixed"}const Fe=(o,e)=>o.strategy?o.strategy:Be(e)?"fixed":"absolute",R=(o,e)=>Fe(o,e)==="fixed",C=(o,e,n={})=>{const r=o.getBoundingClientRect(),l=e?e.offsetParent:null,d=e?R(n,e):!1;if(l&&!d){const s=l.getBoundingClientRect(),c=l.scrollLeft,a=l.scrollTop;return{left:r.left-s.left+c,top:r.top-s.top+a,width:r.width,height:r.height}}return{left:r.left,top:r.top,width:r.width,height:r.height}},N=(o,e)=>{var n;return(n=o.middleware)==null?void 0:n.find(r=>r.name===e)},ee=(o,e)=>!!N(o,e),$e=o=>{const e=V(o);let n="";return e!==null&&((e.dataset.scrollTop===void 0||e.scrollTop===+e.dataset.scrollTop)&&(e.dataset.scrollTop="0"),(e.dataset.scrollLeft===void 0||e.scrollLeft===+e.dataset.scrollLeft)&&(e.dataset.scrollLeft="0"),e.scrollTop>+e.dataset.scrollTop?n="bottom":e.scrollTop<+e.dataset.scrollTop?n="top":e.scrollLeft>+e.dataset.scrollLeft?n="right":e.scrollLeft<+e.dataset.scrollLeft&&(n="left"),e.dataset.scrollTop=e.scrollTop<=0?"0":e.scrollTop.toString(),e.dataset.scrollLeft=e.scrollLeft<=0?"0":e.scrollLeft.toString()),n},ze=o=>o.scrollLeft+o.clientWidth,Ve=o=>o.scrollTop+o.clientHeight,F=(o,e,n=null,r={},l)=>{if(n===null&&typeof window<"u"&&R(r,e))return o;let d=0;if(n===null){const s=V(e);d=s?s.scrollTop:0}return o-d},$=(o,e,n=null,r={},l)=>{let d;if(n===null&&typeof window<"u"&&R(r,e))d=window.innerWidth;else if(n===null){const s=V(e);d=s?ze(s):0}else d=n.getBoundingClientRect().width;return-(o+e.clientWidth-d)},S=(o,e,n=null,r={},l)=>{let d;if(n===null&&typeof window<"u"&&R(r,e))d=window.innerHeight;else if(n===null){const s=V(e);d=s?Ve(s):0}else d=n.getBoundingClientRect().height;return-(o+e.clientHeight-d)},z=(o,e,n=null,r={},l)=>{if(n===null&&typeof window<"u"&&R(r,e))return o;let d=0;if(n===null){const s=V(e);d=s?s.scrollLeft:0}return o-d},oe=({options:o,primaryX:e,primaryY:n,floating:r,placement:l,reference:d,scrollDirection:s})=>{const c=A(d,r,l,o),a=N(o,"offset");if(a){const v=a.fn({x:c.x,y:c.y,options:o,primaryX:e,primaryY:n,floating:r,placement:l,reference:d,scrollDirection:s});c.x=v.x,c.y=v.y}return Ge(c,r,d,o)?{x:c.x,y:c.y,placement:l}:!1},Se=o=>({name:"flip",params:o,fn:({x:e,y:n,options:r,primaryX:l,primaryY:d,floating:s,placement:c,reference:a,scrollDirection:v})=>{var f;const i={x:e,y:n,placement:c},b={...r,middleware:(f=r.middleware)==null?void 0:f.filter(w=>w.name!=="shift")},u=(o==null?void 0:o.placements)??Q,p=!(o!=null&&o.placements),_=p?Q:u;let g=!1;const O=w=>{if(g)return;const k=oe({options:b,primaryX:l,primaryY:d,floating:s,placement:w,reference:a,scrollDirection:v});k&&(i.x=k.x,i.y=k.y,i.placement=k.placement,g=!0)},P=Ze(a,s,b);if(!p&&u.includes(c)&&O(c),g||_.forEach(O),!g){const w=u.reduce((k,T)=>{const L=oe({options:b,primaryX:l,primaryY:d,floating:s,placement:T,reference:a,scrollDirection:v});if(!L)return k;const B=H(T),M=P[B];return!k||M>k.space?{result:L,space:M}:k},null);w&&(i.x=w.result.x,i.y=w.result.y,i.placement=w.result.placement,g=!0)}if(!g&&u.length>0){const w=H(c);let k=w,T=P[w];u.forEach(D=>{const h=H(D),y=P[h];y>T&&(T=y,k=h)});const L=Ue(k,c,u),B=A(a,s,L,b),M=N(b,"offset");if(M){const D=M.fn({x:B.x,y:B.y,options:b,primaryX:l,primaryY:d,floating:s,placement:L,reference:a,scrollDirection:v});B.x=D.x,B.y=D.y}i.x=B.x,i.y=B.y,i.placement=B.placement}return i}}),Ee=(o,e,n,r,l)=>{var d,s,c;let a=0;r.startsWith("right")?a=-2:r.startsWith("left")&&(a=o);const v=N(e,"arrow"),f=N(e,"shift");if(v){const i=((d=v.params)==null?void 0:d.arrow).getBoundingClientRect();r.startsWith("right")?a-=i.width/2:r.startsWith("left")&&(a+=i.width/2)}if(ee(e,"shift")&&v){let i=null,b=0;f&&(i=(s=f.params)==null?void 0:s.parent);const u=(c=v.params)==null?void 0:c.arrow;b=u.getBoundingClientRect().width/2,b+=Ne(u),b-=o,r.startsWith("right")?$(n-a,l,i,e)<=o?$(n,l,i,e)>0?a=o-$(n,l,i,e):a=o:z(n-a-b,l,i,e)<=o&&(z(n-a-b,l,i,e)>=0?(a=-2-(z(n-a-b,l,i,e)+o),i&&(a=-2)):a=-2):r.startsWith("left")?$(n-a+b,l,i,e)<=o?(a=o+$(n-b,l,i,e),a<=o&&(a=o)):z(n-a,l,i,e)<=o&&(a=-2+z(n,l,i,e),a<=-2&&(a=-2)):$(n-a,l,i,e)<=o?$(n-a,l,i,e)<=o&&$(n,l,i,e)>0?a=o-$(n,l,i,e):a=o:z(n-a,l,i,e)<=o&&(z(n-a,l,i,e)<=o&&z(n,l,i,e)>0?a=-(o-z(n,l,i,e)):a=-2)}return a},Te=(o,e,n,r,l)=>{var d,s,c;let a=0;r.startsWith("top")?a=o:r.startsWith("bottom")&&(a=-2);const v=N(e,"arrow"),f=N(e,"shift");if(v){const i=((d=v.params)==null?void 0:d.arrow).getBoundingClientRect();r.startsWith("top")?a+=i.height/2:r.startsWith("bottom")&&(a-=i.height/2)}if(ee(e,"shift")&&v){let i=null,b=0;f&&(i=(s=f.params)==null?void 0:s.parent);const u=(c=v.params)==null?void 0:c.arrow;b=u.getBoundingClientRect().height/2,b+=Le(u),b-=o,r.startsWith("top")?F(n-a,l,i,e)<=o?F(n,l,i,e)>=0?a=-(o-F(n,l,i,e)):a=-2:S(n-a+b,l,i,e)<=o&&(a=o+S(n-b,l,i,e),a<=o&&(a=o)):r.startsWith("bottom")?F(n-a-b,l,i,e)<=o?F(n-a-b,l,i,e)>=0?(a=-2-(F(n-a-b,l,i,e)+o),i&&(a=-2)):a=-2:S(n-a,l,i,e)<=o&&(S(n,l,i,e)>=0?a=o-S(n,l,i,e):a=o):F(n-a,l,i,e)<=o?F(n-a,l,i,e)>=0?a=-(o-F(n-a,l,i,e)):a=-2:S(n-a,l,i,e)<=o&&(S(n-a,l,i,e)>=0?a=o-S(n-a,l,i,e):a=o)}return a},Re=o=>({name:"offset",params:{value:o},fn:({x:e,y:n,options:r,primaryX:l,primaryY:d,floating:s,placement:c})=>({x:e-Ee(o,r,l,c,s),y:n-Te(o,r,d,c,s),placement:c})}),Ne=o=>o.getBoundingClientRect().width!==o.clientWidth?(o.getBoundingClientRect().width-o.clientWidth)/2:0,Le=o=>o.getBoundingClientRect().height!==o.clientHeight?(o.getBoundingClientRect().height-o.clientHeight)/2:0,Me=(o,e)=>{const n=V(o),r=[];if(n!==null){const l=()=>e();n.addEventListener("scroll",l,!1),r.push(()=>n.removeEventListener("scroll",l,!1))}if(typeof window<"u"){const l=()=>e(),d=()=>e();window.addEventListener("scroll",l,!1),window.addEventListener("resize",d,!1),r.push(()=>window.removeEventListener("scroll",l,!1)),r.push(()=>window.removeEventListener("resize",d,!1))}if(typeof ResizeObserver<"u"&&o instanceof HTMLElement){const l=new ResizeObserver(()=>e());l.observe(o),r.push(()=>l.disconnect())}return()=>r.forEach(l=>l())},We=(o,e,n={})=>{const r=C(o,e,n);return{x:r.left-e.getBoundingClientRect().width/2+r.width/2,y:r.top-e.getBoundingClientRect().height,placement:"top"}},De=(o,e,n={})=>{const r=C(o,e,n);return{x:r.left,y:r.top-e.getBoundingClientRect().height,placement:"top-start"}},He=(o,e,n={})=>{const r=C(o,e,n);return{x:r.left-e.getBoundingClientRect().width+r.width,y:r.top-e.getBoundingClientRect().height,placement:"top-end"}},Oe=(o,e,n={})=>{const r=C(o,e,n);return{x:r.left+r.width,y:r.top-e.getBoundingClientRect().height/2+r.height/2,placement:"right"}},Pe=(o,e,n={})=>{const r=C(o,e,n);return{x:r.left+r.width,y:r.top,placement:"right-start"}},Ae=(o,e,n={})=>{const r=C(o,e,n);return{x:r.left+r.width,y:r.top+r.height-e.getBoundingClientRect().height,placement:"right-end"}},je=(o,e,n={})=>{const r=C(o,e,n);return{x:r.left+r.width/2-e.getBoundingClientRect().width/2,y:r.top+r.height,placement:"bottom"}},Ie=(o,e,n={})=>{const r=C(o,e,n);return{x:r.left,y:r.top+r.height,placement:"bottom-start"}},Ke=(o,e,n={})=>{const r=C(o,e,n);return{x:r.left-e.getBoundingClientRect().width+r.width,y:r.top+r.height,placement:"bottom-end"}},Ye=(o,e,n={})=>{const r=C(o,e,n);return{x:r.left-e.getBoundingClientRect().width,y:r.top+r.height/2-e.getBoundingClientRect().height/2,placement:"left"}},Xe=(o,e,n={})=>{const r=C(o,e,n);return{x:r.left-e.getBoundingClientRect().width,y:r.top,placement:"left-start"}},qe=(o,e,n={})=>{const r=C(o,e,n);return{x:r.left-e.getBoundingClientRect().width,y:r.top+r.height-e.getBoundingClientRect().height,placement:"left-end"}},A=(o,e,n,r={})=>{switch(n){case"top":return We(o,e,r);case"top-start":return De(o,e,r);case"top-end":return He(o,e,r);case"right":return Oe(o,e,r);case"right-start":return Pe(o,e,r);case"right-end":return Ae(o,e,r);case"bottom":return je(o,e,r);case"bottom-start":return Ie(o,e,r);case"bottom-end":return Ke(o,e,r);case"left":return Ye(o,e,r);case"left-start":return Xe(o,e,r);case"left-end":return qe(o,e,r);default:return{x:0,y:0,placement:""}}},Ge=(o,e,n,r={})=>{if(R(r,e)){if(typeof window>"u")return!0;const i=o.x,b=o.y,u=i+e.clientWidth,p=b+e.clientHeight;return i>=0&&b>=0&&u<=window.innerWidth&&p<=window.innerHeight}if(V(n)!==null)return F(o.y,e,null,r)>0&&$(o.x,e,null,r)>0&&S(o.y,e,null,r)>0&&z(o.x,e,null,r)>0;if(typeof window>"u")return!0;const l=window.innerWidth,d=window.innerHeight,s=(n instanceof HTMLElement?n.offsetParent:null)||e.offsetParent;if(s){const i=s.getBoundingClientRect(),b=i.left+o.x,u=i.top+o.y,p=b+e.clientWidth,_=u+e.clientHeight;return b>=0&&u>=0&&p<=l&&_<=d}const c=o.x,a=o.y,v=c+e.clientWidth,f=a+e.clientHeight;return c>=0&&a>=0&&v<=l&&f<=d},H=o=>o.startsWith("right")?"right":o.startsWith("left")?"left":o.startsWith("top")?"top":"bottom",Ue=(o,e,n)=>H(e)===o&&n.includes(e)?e:n.find(r=>H(r)===o)??n[0],Ze=(o,e,n={})=>{if(typeof window>"u")return{top:0,right:0,bottom:0,left:0};const r=R(n,e)?null:V(o),l=o.getBoundingClientRect(),d=r?r.getBoundingClientRect():{top:0,left:0,right:window.innerWidth,bottom:window.innerHeight};return{top:l.top-d.top,right:d.right-l.right,bottom:d.bottom-l.bottom,left:l.left-d.left}},Je=(o,e,n={})=>new Promise(r=>{var l,d;const s=n.placement?n.placement:"bottom",c={x:0,y:0,placement:s,middlewareData:{}},a=A(o,e,s,n);c.x=a.x,c.y=a.y,c.placement=a.placement;const v=c.x,f=c.y,i=$e(o);(l=n.middleware)==null||l.forEach(_=>{const g=_.fn({x:c.x,y:c.y,options:n,primaryX:v,primaryY:f,floating:e,placement:c.placement,reference:o,scrollDirection:i});c.x=g.x,c.y=g.y,c.placement=g.placement,_.name==="arrow"&&(g.baseX=g.x,g.baseY=g.y,g.x=g.arrowX??g.x,g.y=g.arrowY??g.y),c.middlewareData[_.name]=g});const b=A(o,e,c.placement,n),u=N(n,"offset"),p=u?(d=u.params)==null?void 0:d.value:0;if(Number.isFinite(c.x)||(c.x=b.x),!Number.isFinite(c.y))if(R(n,e)){const _=o.getBoundingClientRect(),g=e.getBoundingClientRect().height;c.placement.startsWith("top")?c.y=_.top-g-p:c.placement.startsWith("bottom")?c.y=_.bottom+p:c.y=b.y}else c.y=b.y;r(c)}),Qe=["disabled","aria-expanded","onKeydown"],eo=["data-placement"],oo=["disabled","aria-selected","onClick"],to=t.defineComponent({__name:"select",props:{modelValue:{default:void 0},options:{default:()=>[]},optionLabel:{default:"label"},optionValue:{default:"value"},placeholder:{default:""},disabled:{type:Boolean,default:!1},size:{default:"normal"}},emits:["update:modelValue","change","focus","blur"],setup(o,{emit:e}){let n=0;const r=e,l=o,d=t.ref(null),s=t.ref(null),c=t.ref(null),a=t.ref(!1),v=t.ref("bottom"),f=t.ref("bottom"),i=`vf-select-panel-${++n}`;let b=null;const u=t.computed(()=>l.options.map(h=>({label:h[l.optionLabel],value:h[l.optionValue],disabled:h.disabled}))),p=t.computed(()=>u.value.find(h=>h.value===l.modelValue)),_=t.computed(()=>{var h;return((h=p.value)==null?void 0:h.label)??""}),g=t.computed(()=>{const h=["vf-select",a.value?"vf-select_open":""];return l.size!=="normal"&&h.push(`vf-select_${l.size}`),l.disabled&&h.push("vf-select_disabled"),h.filter(Boolean)}),O=h=>h.value===l.modelValue,P=h=>{h.disabled||(r("update:modelValue",h.value),r("change",h.value),T())},w=h=>r("focus",h),k=h=>r("blur",h),T=()=>{a.value=!1,v.value="bottom",f.value="bottom"},L=()=>{l.disabled||(a.value=!a.value,a.value&&(v.value="bottom",f.value="bottom"))},B=async()=>{var h,y;a.value||(a.value=!0,await t.nextTick()),(y=(h=c.value)==null?void 0:h.querySelector(".vf-select__option:not(.is-disabled)"))==null||y.focus()},M=h=>{var x;if(!a.value||!d.value)return;const y=h.target;d.value.contains(y)||(x=c.value)!=null&&x.contains(y)||T()},D=()=>{if(!s.value||!c.value)return;const h=s.value,y=c.value,x=async()=>{const{x:Eo,y:To,placement:Ro}=await Je(h,y,{placement:v.value,strategy:"fixed",middleware:[Re(2),Se({placements:["bottom","top"]})]});f.value=Ro??v.value,y.style.minWidth=`${h.getBoundingClientRect().width}px`,y.style.left=`${Eo}px`,y.style.top=`${To}px`},j=async()=>{await x()},So=Me(h,()=>{j()}),I=()=>{j()};document.addEventListener("scroll",I,!0),window.addEventListener("resize",I,!1),b={update:j,destroy:()=>{So(),document.removeEventListener("scroll",I,!0),window.removeEventListener("resize",I,!1)}},b.update()};return t.watch(a,async h=>{if(!h){b&&(b.destroy(),b=null);return}await t.nextTick(),b||D(),b==null||b.update()}),t.watch(()=>l.options,()=>{b==null||b.update()},{deep:!0}),t.onMounted(()=>{document.addEventListener("click",M)}),t.onBeforeUnmount(()=>{document.removeEventListener("click",M),b==null||b.destroy(),b=null}),(h,y)=>(t.openBlock(),t.createElementBlock("div",{ref_key:"root",ref:d,class:t.normalizeClass(g.value)},[t.createElementVNode("button",{ref_key:"trigger",ref:s,class:"vf-select__control",type:"button",disabled:h.disabled,"aria-expanded":a.value,"aria-controls":i,"aria-haspopup":"listbox",onClick:L,onKeydown:[t.withKeys(t.withModifiers(B,["prevent"]),["down"]),t.withKeys(t.withModifiers(L,["prevent"]),["enter"]),t.withKeys(t.withModifiers(T,["prevent"]),["esc"])],onFocus:w,onBlur:k},[t.createElementVNode("span",{class:t.normalizeClass(["vf-select__label",{"vf-select__label_placeholder":!_.value}])},t.toDisplayString(_.value||h.placeholder),3),y[0]||(y[0]=t.createElementVNode("span",{class:"vf-select__chevron","aria-hidden":"true"},"▾",-1))],40,Qe),(t.openBlock(),t.createBlock(t.Teleport,{to:"body"},[t.withDirectives(t.createElementVNode("div",{id:i,ref_key:"panel",ref:c,class:"vf-select__panel",role:"listbox","data-placement":f.value},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(u.value,x=>(t.openBlock(),t.createElementBlock("button",{key:x.value,class:t.normalizeClass(["vf-select__option",{"is-active":O(x),"is-disabled":x.disabled}]),type:"button",role:"option",disabled:x.disabled,"aria-selected":O(x),onClick:j=>P(x)},t.toDisplayString(x.label),11,oo))),128))],8,eo),[[t.vShow,a.value]])]))],2))}}),ro=["checked","disabled"],no={key:0,class:"vf-checkbox__label"},lo=t.defineComponent({__name:"checkbox",props:{modelValue:{type:Boolean,default:!1},label:{default:""},disabled:{type:Boolean,default:!1}},emits:["update:modelValue","change"],setup(o,{emit:e}){const n=e,r=o,l=t.computed(()=>{const s=["vf-checkbox"];return r.disabled&&s.push("vf-checkbox_disabled"),s}),d=s=>{const c=s.target;n("update:modelValue",c.checked),n("change",s)};return(s,c)=>(t.openBlock(),t.createElementBlock("label",{class:t.normalizeClass(l.value)},[t.createElementVNode("input",{class:"vf-checkbox__control",type:"checkbox",checked:s.modelValue,disabled:s.disabled,onChange:d},null,40,ro),c[0]||(c[0]=t.createElementVNode("span",{class:"vf-checkbox__box"},null,-1)),s.label||s.$slots.default?(t.openBlock(),t.createElementBlock("span",no,[t.renderSlot(s.$slots,"default",{},()=>[t.createTextVNode(t.toDisplayString(s.label),1)])])):t.createCommentVNode("",!0)],2))}}),ao=["checked","disabled"],io={key:0,class:"vf-switch__label"},so=t.defineComponent({__name:"switch",props:{modelValue:{type:Boolean,default:!1},label:{default:""},disabled:{type:Boolean,default:!1}},emits:["update:modelValue","change"],setup(o,{emit:e}){const n=e,r=o,l=t.computed(()=>{const s=["vf-switch"];return r.disabled&&s.push("vf-switch_disabled"),s}),d=s=>{const c=s.target;n("update:modelValue",c.checked),n("change",s)};return(s,c)=>(t.openBlock(),t.createElementBlock("label",{class:t.normalizeClass(l.value)},[t.createElementVNode("input",{class:"vf-switch__control",type:"checkbox",checked:s.modelValue,disabled:s.disabled,onChange:d},null,40,ao),c[0]||(c[0]=t.createElementVNode("span",{class:"vf-switch__track"},[t.createElementVNode("span",{class:"vf-switch__thumb"})],-1)),s.label||s.$slots.default?(t.openBlock(),t.createElementBlock("span",io,[t.renderSlot(s.$slots,"default",{},()=>[t.createTextVNode(t.toDisplayString(s.label),1)])])):t.createCommentVNode("",!0)],2))}}),co={class:"vf-popover"},fo=["aria-expanded","onKeydown"],vo=t.defineComponent({__name:"popover",emits:["click","onClick"],setup(o,{expose:e,emit:n}){const r=n,l=t.reactive({visible:!1});let d=0;const s=`vf-popover-panel-${++d}`,c=()=>l.visible=!0,a=()=>l.visible=!1,v=()=>l.visible=!l.visible,f=()=>{v(),r("click"),r("onClick")};return e({show:c,hide:a,toggle:v}),(i,b)=>(t.openBlock(),t.createElementBlock("div",co,[t.createElementVNode("div",{class:"vf-popover__button",role:"button",tabindex:"0","aria-haspopup":"dialog","aria-expanded":l.visible,"aria-controls":s,onClick:f,onKeydown:[t.withKeys(t.withModifiers(f,["prevent"]),["enter"]),t.withKeys(t.withModifiers(f,["prevent"]),["space"])]},[t.renderSlot(i.$slots,"button")],40,fo),t.withDirectives(t.createVNode(J,{id:s,class:"vf-popover__wrapper"},t.createSlots({default:t.withCtx(()=>[b[0]||(b[0]=t.createElementVNode("div",{class:"vf-popover__arrow"},null,-1))]),_:2},[i.$slots.default?{name:"default",fn:t.withCtx(()=>[t.renderSlot(i.$slots,"default")]),key:"0"}:void 0,i.$slots.header||i.$slots.popoverHeader?{name:"header",fn:t.withCtx(()=>[t.renderSlot(i.$slots,"header"),i.$slots.header?t.createCommentVNode("",!0):t.renderSlot(i.$slots,"popoverHeader",{key:0})]),key:"1"}:void 0,i.$slots.body||i.$slots.popoverBody?{name:"body",fn:t.withCtx(()=>[t.renderSlot(i.$slots,"body"),i.$slots.body?t.createCommentVNode("",!0):t.renderSlot(i.$slots,"popoverBody",{key:0})]),key:"2"}:void 0,i.$slots.footer||i.$slots.popoverFooter?{name:"footer",fn:t.withCtx(()=>[t.renderSlot(i.$slots,"footer"),i.$slots.footer?t.createCommentVNode("",!0):t.renderSlot(i.$slots,"popoverFooter",{key:0})]),key:"3"}:void 0]),1536),[[t.vShow,l.visible]])]))}}),uo=["dark","light","theme","preset","colors","components","colorScheme"],bo=o=>{const e=o.replace(/([A-Z])/g,"-$1");return e.charAt(0).toUpperCase()+e.slice(1)},po=o=>o.filter(e=>!uo.includes(e)).map(e=>bo(e)).join("-").toLowerCase(),ho=o=>/^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/.test(o),Y=o=>{if(!ho(o))return null;if(o.length===4){const e=o[1],n=o[2],r=o[3];return`#${e}${e}${n}${n}${r}${r}`}return o.toLowerCase()},te=o=>{const e=Y(o);if(!e)return[0,0,0];const n=parseInt(e.slice(1),16),r=n>>16&255,l=n>>8&255,d=n&255;return[r,l,d]},re=o=>{const[e,n,r]=te(o);return`${e}, ${n}, ${r}`},go=(o,e,n)=>{const r=o/255,l=e/255,d=n/255,s=Math.max(r,l,d),c=Math.min(r,l,d),a=s-c;let v=0,f=0;const i=(s+c)/2;if(a!==0){switch(f=a/(1-Math.abs(2*i-1)),s){case r:v=(l-d)/a%6;break;case l:v=(d-r)/a+2;break;case d:v=(r-l)/a+4;break}v*=60,v<0&&(v+=360)}return[v,f*100,i*100]},mo=(o,e,n)=>{const r=e/100,l=n/100,d=(1-Math.abs(2*l-1))*r,s=d*(1-Math.abs(o/60%2-1)),c=l-d/2;let a=0,v=0,f=0;o>=0&&o<60?(a=d,v=s,f=0):o>=60&&o<120?(a=s,v=d,f=0):o>=120&&o<180?(a=0,v=d,f=s):o>=180&&o<240?(a=0,v=s,f=d):o>=240&&o<300?(a=s,v=0,f=d):(a=d,v=0,f=s);const i=Math.round((a+c)*255),b=Math.round((v+c)*255),u=Math.round((f+c)*255);return[i,b,u]},_o=(o,e,n)=>`#${[o,e,n].map(r=>r.toString(16).padStart(2,"0")).join("")}`,yo=(o,e,n)=>Math.min(n,Math.max(e,o)),ko=(o,e)=>{const n=Y(o);if(!n)return o;const[r,l,d]=te(n),[s,c,a]=go(r,l,d),f=(e-5)*7,i=yo(a+f,0,100),[b,u,p]=mo(s,c,i);return _o(b,u,p)},wo=o=>{if(typeof document>"u")return null;const e=document.getElementById(o);if(e&&e.tagName.toLowerCase()==="style")return e;const n=document.createElement("style");return n.id=o,document.head.appendChild(n),n},X=o=>!!o&&typeof o=="object"&&!Array.isArray(o),q=(o,e)=>{if(!e)return{...o};const n={...o};for(const r in e){const l=e[r],d=o[r];X(d)&&X(l)?n[r]=q(d,l):n[r]=l}return n},ne=o=>{if(!o)return null;if(X(o)&&"preset"in o){const e=o;return{preset:e.preset??{},overrides:e.overrides,selector:e.selector,darkSelector:e.darkSelector}}return{preset:o}},Co=o=>{const e=[],n=[],r=(l,d)=>{if(!(!l||typeof l!="object"))for(const s in l){const c=l[s],a=d.concat([s]);if(c&&typeof c=="object"){r(c,a);continue}if(typeof c!="string")continue;const f=a.includes("colorScheme")&&a.includes("dark")?n:e,i=po(a);if(f.push(`--vf-${i}: ${c}`),a.includes("colors")){const b=Y(c);if(!b)continue;if(f.push(`--vf-${i}-rgb: ${re(b)}`),s!=="white")for(let u=1;u<10;++u){const p=ko(b,u);f.push(`--vf-${i}-${u}00: ${p}`),f.push(`--vf-${i}-${u}00-rgb: ${re(p)}`)}}}};return r(o,[]),{baseVars:e,darkVars:n}},xo=(o,e,n)=>{const{baseVars:r,darkVars:l}=Co(o),d=wo("vueforge-theme");if(!d)return;const s=[];r.length&&s.push(`${e} { ${r.join(";")} }`),l.length&&s.push(`${n} { ${l.join(";")} }`),d.textContent=s.join(`
|
|
3
|
-
`)};let
|
|
1
|
+
(function(_,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("vue"),require("vue-router"),require("@codemonster-ru/vueiconify")):typeof define=="function"&&define.amd?define(["exports","vue","vue-router","@codemonster-ru/vueiconify"],o):(_=typeof globalThis<"u"?globalThis:_||self,o(_.index={},_.Vue,_.VueRouter,_.index))})(this,(function(_,o,J,P){"use strict";var Q=document.createElement("style");Q.textContent=`.vf-link{color:inherit;cursor:pointer;text-decoration:none;font-size:var(--vf-typography-font-size);line-height:var(--vf-typography-line-height)}.vf-link:hover{color:var(--vf-link-hover-color)}.vf-link:active{color:var(--vf-link-active-color)}.vf-link.vf-link_disabled{cursor:not-allowed}.vf-link_active,.vf-link_partially-active{color:var(--vf-link-active-color)}.vf-card{border:var(--vf-border-width) solid var(--vf-card-border-color);border-radius:var(--vf-card-border-radius)}.vf-card__default{padding:var(--vf-card-padding)}.vf-menu{display:flex}.vf-menu_horizontal>.vf-menu__list{flex-direction:row}.vf-menu_horizontal>.vf-menu__list>.vf-menu__item{align-items:center}.vf-menu_horizontal>.vf-menu__list>.vf-menu__item:not(:first-child){margin-left:var(--vf-menu-item-margin-left)}.vf-menu_horizontal>.vf-menu__list>.vf-menu__item:not(:last-child){margin-right:var(--vf-menu-item-margin-right)}.vf-menu_horizontal>.vf-menu__list>.vf-menu__item>.vf-menu__separator{height:var(--vf-menu-separator-height);border-top:none;border-right:none;border-left:var(--vf-menu-separator-thickness) solid var(--vf-menu-separator-color);border-bottom:none}.vf-menu_vertical>.vf-menu__list{width:100%;flex-direction:column}.vf-menu_vertical>.vf-menu__list>.vf-menu__item{flex-direction:column}.vf-menu_vertical>.vf-menu__list>.vf-menu__item:not(:first-child){margin-top:var(--vf-menu-item-margin-top)}.vf-menu_vertical>.vf-menu__list>.vf-menu__item:not(:last-child){margin-bottom:var(--vf-menu-item-margin-bottom)}.vf-menu_vertical>.vf-menu__list>.vf-menu__item>.vf-menu{overflow:hidden}.vf-menu__list{margin:0;padding:0;display:flex;list-style:none}.vf-menu__separator{width:100%;height:var(--vf-menu-separator-thickness);border:none;margin:0;background-color:var(--vf-menu-separator-color)}.vf-menu__item{display:flex;font-weight:500}.vf-menu__link{display:flex;align-items:center;text-decoration:none;font-size:var(--vf-typography-font-size);line-height:var(--vf-typography-line-height)}.vf-menu__link:hover{color:var(--vf-menu-link-hover-color)}.vf-menu__parent{cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-size:var(--vf-typography-font-size);line-height:var(--vf-typography-line-height)}.vf-menu__parent:hover{color:var(--vf-menu-parent-hover-color)}.vf-menu__icon{margin-right:var(--vf-menu-icon-gap)}.vf-menu__submenu.vf-menu__submenu_visible{margin-top:var(--vf-menu-submenu-offset);margin-left:var(--vf-menu-submenu-offset)}.vf-menu__submenu:not(.vf-menu__submenu_visible){height:0}.vf-button{display:inline-flex;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;height:var(--vf-controls-height);box-sizing:border-box;padding:var(--vf-button-padding);font-size:var(--vf-button-font-size);line-height:var(--vf-typography-line-height);font-family:inherit;border-radius:var(--vf-button-border-radius);overflow:hidden}.vf-button_text{border:var(--vf-border-width) solid transparent;background-color:transparent}.vf-button_outlined{background-color:transparent}.vf-button_primary.vf-button_text{color:var(--vf-button-text-primary-color)}.vf-button_primary.vf-button_text:not(.vf-button_disabled):hover{background-color:var(--vf-button-text-primary-hover-background-color)}.vf-button_primary.vf-button_outlined{color:var(--vf-button-outlined-primary-color);border:var(--vf-border-width) solid var(--vf-button-outlined-primary-border-color)}.vf-button_primary.vf-button_outlined:not(.vf-button_disabled):hover{background-color:var(--vf-button-outlined-primary-hover-background-color)}.vf-button_primary:not(.vf-button_text):not(.vf-button_outlined){color:var(--vf-button-primary-color);border:var(--vf-border-width) solid var(--vf-button-primary-border-color);background-color:var(--vf-button-primary-background-color)}.vf-button_primary:not(.vf-button_text):not(.vf-button_outlined):not(.vf-button_disabled):hover{color:var(--vf-button-primary-hover-color);border:var(--vf-border-width) solid var(--vf-button-primary-hover-border-color);background-color:var(--vf-button-primary-hover-background-color)}.vf-button_primary:not(.vf-button_text):not(.vf-button_outlined):not(.vf-button_disabled):active{color:var(--vf-button-primary-active-color);border:var(--vf-border-width) solid var(--vf-button-primary-active-border-color);background-color:var(--vf-button-primary-active-background-color)}.vf-button_secondary.vf-button_text{color:var(--vf-button-text-secondary-color)}.vf-button_secondary.vf-button_text:not(.vf-button_disabled):hover{background-color:var(--vf-button-text-secondary-hover-background-color)}.vf-button_secondary.vf-button_outlined{color:var(--vf-button-outlined-secondary-color);border:var(--vf-border-width) solid var(--vf-button-outlined-secondary-border-color)}.vf-button_secondary.vf-button_outlined:not(.vf-button_disabled):hover{background-color:var(--vf-button-outlined-secondary-hover-background-color)}.vf-button_secondary:not(.vf-button_text):not(.vf-button_outlined){color:var(--vf-button-secondary-color);border:var(--vf-border-width) solid var(--vf-button-secondary-border-color);background-color:var(--vf-button-secondary-background-color)}.vf-button_secondary:not(.vf-button_text):not(.vf-button_outlined):not(.vf-button_disabled):hover{color:var(--vf-button-secondary-hover-color);border:var(--vf-border-width) solid var(--vf-button-secondary-hover-border-color);background-color:var(--vf-button-secondary-hover-background-color)}.vf-button_secondary:not(.vf-button_text):not(.vf-button_outlined):not(.vf-button_disabled):active{color:var(--vf-button-secondary-active-color);border:var(--vf-border-width) solid var(--vf-button-secondary-active-border-color);background-color:var(--vf-button-secondary-active-background-color)}.vf-button_success.vf-button_text{color:var(--vf-button-text-success-color)}.vf-button_success.vf-button_text:not(.vf-button_disabled):hover{background-color:var(--vf-button-text-success-hover-background-color)}.vf-button_success.vf-button_outlined{color:var(--vf-button-outlined-success-color);border:var(--vf-border-width) solid var(--vf-button-outlined-success-border-color)}.vf-button_success.vf-button_outlined:not(.vf-button_disabled):hover{background-color:var(--vf-button-outlined-success-hover-background-color)}.vf-button_success:not(.vf-button_text):not(.vf-button_outlined){color:var(--vf-button-success-color);border:var(--vf-border-width) solid var(--vf-button-success-border-color);background-color:var(--vf-button-success-background-color)}.vf-button_success:not(.vf-button_text):not(.vf-button_outlined):not(.vf-button_disabled):hover{color:var(--vf-button-success-hover-color);border:var(--vf-border-width) solid var(--vf-button-success-hover-border-color);background-color:var(--vf-button-success-hover-background-color)}.vf-button_success:not(.vf-button_text):not(.vf-button_outlined):not(.vf-button_disabled):active{color:var(--vf-button-success-active-color);border:var(--vf-border-width) solid var(--vf-button-success-active-border-color);background-color:var(--vf-button-success-active-background-color)}.vf-button_info.vf-button_text{color:var(--vf-button-text-info-color)}.vf-button_info.vf-button_text:not(.vf-button_disabled):hover{background-color:var(--vf-button-text-info-hover-background-color)}.vf-button_info.vf-button_outlined{color:var(--vf-button-outlined-info-color);border:var(--vf-border-width) solid var(--vf-button-outlined-info-border-color)}.vf-button_info.vf-button_outlined:not(.vf-button_disabled):hover{background-color:var(--vf-button-outlined-info-hover-background-color)}.vf-button_info:not(.vf-button_text):not(.vf-button_outlined){color:var(--vf-button-info-color);border:var(--vf-border-width) solid var(--vf-button-info-border-color);background-color:var(--vf-button-info-background-color)}.vf-button_info:not(.vf-button_text):not(.vf-button_outlined):not(.vf-button_disabled):hover{color:var(--vf-button-info-hover-color);border:var(--vf-border-width) solid var(--vf-button-info-hover-border-color);background-color:var(--vf-button-info-hover-background-color)}.vf-button_info:not(.vf-button_text):not(.vf-button_outlined):not(.vf-button_disabled):active{color:var(--vf-button-info-active-color);border:var(--vf-border-width) solid var(--vf-button-info-active-border-color);background-color:var(--vf-button-info-active-background-color)}.vf-button_warning.vf-button_text{color:var(--vf-button-text-warning-color)}.vf-button_warning.vf-button_text:not(.vf-button_disabled):hover{background-color:var(--vf-button-text-warning-hover-background-color)}.vf-button_warning.vf-button_outlined{color:var(--vf-button-outlined-warning-color);border:var(--vf-border-width) solid var(--vf-button-outlined-warning-border-color)}.vf-button_warning.vf-button_outlined:not(.vf-button_disabled):hover{background-color:var(--vf-button-outlined-warning-hover-background-color)}.vf-button_warning:not(.vf-button_text):not(.vf-button_outlined){color:var(--vf-button-warning-color);border:var(--vf-border-width) solid var(--vf-button-warning-border-color);background-color:var(--vf-button-warning-background-color)}.vf-button_warning:not(.vf-button_text):not(.vf-button_outlined):not(.vf-button_disabled):hover{color:var(--vf-button-warning-hover-color);border:var(--vf-border-width) solid var(--vf-button-warning-hover-border-color);background-color:var(--vf-button-warning-hover-background-color)}.vf-button_warning:not(.vf-button_text):not(.vf-button_outlined):not(.vf-button_disabled):active{color:var(--vf-button-warning-active-color);border:var(--vf-border-width) solid var(--vf-button-warning-active-border-color);background-color:var(--vf-button-warning-active-background-color)}.vf-button_danger.vf-button_text{color:var(--vf-button-text-danger-color)}.vf-button_danger.vf-button_text:not(.vf-button_disabled):hover{background-color:var(--vf-button-text-danger-hover-background-color)}.vf-button_danger.vf-button_outlined{color:var(--vf-button-outlined-danger-color);border:var(--vf-border-width) solid var(--vf-button-outlined-danger-border-color)}.vf-button_danger.vf-button_outlined:not(.vf-button_disabled):hover{background-color:var(--vf-button-outlined-danger-hover-background-color)}.vf-button_danger:not(.vf-button_text):not(.vf-button_outlined){color:var(--vf-button-danger-color);border:var(--vf-border-width) solid var(--vf-button-danger-border-color);background-color:var(--vf-button-danger-background-color)}.vf-button_danger:not(.vf-button_text):not(.vf-button_outlined):not(.vf-button_disabled):hover{color:var(--vf-button-danger-hover-color);border:var(--vf-border-width) solid var(--vf-button-danger-hover-border-color);background-color:var(--vf-button-danger-hover-background-color)}.vf-button_danger:not(.vf-button_text):not(.vf-button_outlined):not(.vf-button_disabled):active{color:var(--vf-button-danger-active-color);border:var(--vf-border-width) solid var(--vf-button-danger-active-border-color);background-color:var(--vf-button-danger-active-background-color)}.vf-button_vertical{flex-direction:column}.vf-button__icon{display:inline-block}.vf-button__icon_top+.vf-button__label{margin-top:var(--vf-button-icon-gap)}.vf-button__icon_right{order:1}.vf-button__icon_right+.vf-button__label{margin-right:var(--vf-button-icon-gap)}.vf-button__icon_bottom{order:1}.vf-button__icon_bottom+.vf-button__label{margin-bottom:var(--vf-button-icon-gap)}.vf-button__icon_left+.vf-button__label{margin-left:var(--vf-button-icon-gap)}.vf-button_disabled{opacity:var(--vf-states-disabled-opacity);cursor:default}.vf-button_rounded{border-radius:var(--vf-button-rounded-border-radius)}.vf-button_small{font-size:var(--vf-button-small-font-size);padding:var(--vf-button-small-padding)}.vf-button_large{font-size:var(--vf-button-large-font-size);padding:var(--vf-button-large-padding)}.vf-input{display:flex;align-items:center;gap:var(--vf-input-gap);height:var(--vf-controls-height);box-sizing:border-box;padding:var(--vf-input-padding);border-radius:var(--vf-input-border-radius);border:var(--vf-border-width) solid var(--vf-input-border-color);background-color:var(--vf-input-background-color);color:var(--vf-input-text-color);transition:border-color .2s ease}.vf-input__control{flex:1;border:none;background:transparent;color:inherit;font-size:var(--vf-input-font-size);line-height:var(--vf-typography-line-height);font-family:inherit;outline:none}.vf-input__control::placeholder{color:var(--vf-input-placeholder-color)}.vf-input:hover:not(.vf-input_disabled){border-color:var(--vf-input-hover-border-color)}.vf-input:focus-within:not(.vf-input_disabled){border-color:var(--vf-input-focus-border-color);box-shadow:var(--vf-input-focus-ring-shadow)}.vf-input_outlined{background-color:transparent}.vf-input_small{padding:var(--vf-input-small-padding)}.vf-input_small .vf-input__control{font-size:var(--vf-input-small-font-size)}.vf-input_large{padding:var(--vf-input-large-padding)}.vf-input_large .vf-input__control{font-size:var(--vf-input-large-font-size)}.vf-input_disabled{opacity:var(--vf-input-disabled-opacity);cursor:not-allowed}.vf-select{position:relative;display:inline-block;min-width:var(--vf-select-min-width);height:var(--vf-controls-height);box-sizing:border-box;border-radius:var(--vf-select-border-radius);border:var(--vf-border-width) solid var(--vf-select-border-color);background-color:var(--vf-select-background-color);color:var(--vf-select-text-color);transition:border-color .2s ease,box-shadow .2s ease}.vf-select__control{width:100%;padding:var(--vf-select-padding);border:none;background:transparent;color:inherit;font-size:var(--vf-select-font-size);line-height:var(--vf-typography-line-height);font-family:inherit;outline:none;display:inline-flex;align-items:center;justify-content:space-between;height:var(--vf-controls-height);box-sizing:border-box;gap:var(--vf-select-control-gap);cursor:pointer}.vf-select__label{text-align:left}.vf-select__label_placeholder{color:var(--vf-secondary-text-color)}.vf-select__chevron{font-size:var(--vf-select-chevron-size);opacity:.7}.vf-select__panel{position:fixed;z-index:50;padding:var(--vf-select-panel-padding);max-height:var(--vf-select-panel-max-height);overflow:auto;border-radius:calc(var(--vf-select-border-radius) + var(--vf-select-panel-radius-offset));border:var(--vf-border-width) solid var(--vf-select-panel-border-color);background-color:var(--vf-select-panel-background-color);box-shadow:var(--vf-select-panel-shadow);color:var(--vf-select-text-color)}.vf-select__option{width:100%;text-align:left;border:none;background:transparent;padding:var(--vf-select-option-padding);border-radius:var(--vf-select-option-border-radius);color:inherit;cursor:pointer;font-size:var(--vf-typography-font-size);line-height:var(--vf-typography-line-height);font-family:inherit}.vf-select__option:hover:not(.is-disabled),.vf-select__option:focus-visible:not(.is-disabled){background-color:var(--vf-select-option-hover-background-color);outline:none}.vf-select__option.is-active{background-color:var(--vf-select-option-active-background-color);color:var(--vf-select-option-active-text-color)}.vf-select__option.is-disabled{opacity:.6;cursor:not-allowed}.vf-select_open{border-color:var(--vf-select-focus-border-color);box-shadow:var(--vf-select-focus-ring-shadow)}.vf-select:hover:not(.vf-select_disabled){border-color:var(--vf-select-hover-border-color)}.vf-select:focus-within:not(.vf-select_disabled){border-color:var(--vf-select-focus-border-color)}.vf-select_small .vf-select__control{padding:var(--vf-select-small-padding);font-size:var(--vf-select-small-font-size)}.vf-select_large .vf-select__control{padding:var(--vf-select-large-padding);font-size:var(--vf-select-large-font-size)}.vf-select_disabled{opacity:var(--vf-select-disabled-opacity);cursor:not-allowed}.vf-select_disabled .vf-select__control{cursor:not-allowed}.vf-checkbox{display:inline-flex;align-items:center;gap:var(--vf-checkbox-gap);cursor:pointer;color:var(--vf-checkbox-text-color);font-size:var(--vf-typography-font-size);line-height:var(--vf-typography-line-height)}.vf-checkbox__control{position:absolute;opacity:0;pointer-events:none}.vf-checkbox__box{width:var(--vf-checkbox-size);height:var(--vf-checkbox-size);border:var(--vf-border-width) solid var(--vf-checkbox-border-color);border-radius:var(--vf-checkbox-border-radius);background-color:var(--vf-checkbox-background-color);display:inline-flex;align-items:center;justify-content:center;transition:background-color .2s ease,border-color .2s ease}.vf-checkbox__control:checked+.vf-checkbox__box{background-color:var(--vf-checkbox-checked-background-color);border-color:var(--vf-checkbox-checked-border-color)}.vf-checkbox__control:checked+.vf-checkbox__box:after{content:"";width:calc(var(--vf-checkbox-size) / 2);height:calc(var(--vf-checkbox-size) / 2);background-color:var(--vf-checkbox-check-color);border-radius:var(--vf-checkbox-check-border-radius)}.vf-checkbox_disabled{opacity:var(--vf-checkbox-disabled-opacity);cursor:not-allowed}.vf-switch{display:inline-flex;align-items:center;gap:var(--vf-switch-gap);cursor:pointer;color:var(--vf-switch-text-color);font-size:var(--vf-typography-font-size);line-height:var(--vf-typography-line-height)}.vf-switch__control{position:absolute;opacity:0;pointer-events:none}.vf-switch__track{position:relative;width:var(--vf-switch-width);height:var(--vf-switch-height);border-radius:var(--vf-switch-height);background-color:var(--vf-switch-background-color);transition:background-color .2s ease}.vf-switch__thumb{position:absolute;top:50%;left:var(--vf-switch-thumb-offset);width:var(--vf-switch-thumb-size);height:var(--vf-switch-thumb-size);border-radius:50%;background-color:var(--vf-switch-thumb-color);transform:translateY(-50%);transition:transform .2s ease}.vf-switch__control:checked+.vf-switch__track{background-color:var(--vf-switch-checked-background-color)}.vf-switch__control:checked+.vf-switch__track .vf-switch__thumb{transform:translate(calc(var(--vf-switch-width) - var(--vf-switch-thumb-size) - var(--vf-switch-thumb-translate-offset)),-50%)}.vf-switch_disabled{opacity:var(--vf-switch-disabled-opacity);cursor:not-allowed}.vf-popover{position:relative}.vf-popover__button{cursor:pointer;-webkit-user-select:none;user-select:none}.vf-popover__wrapper{position:absolute;background-color:var(--vf-popover-background-color)}.vf-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--vf-modal-z-index);display:flex;align-items:center;justify-content:center}.vf-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--vf-modal-overlay-background-color)}.vf-modal__panel{position:relative;z-index:1;width:var(--vf-modal-width);max-width:var(--vf-modal-max-width);max-height:var(--vf-modal-max-height);padding:var(--vf-modal-padding);border-radius:var(--vf-modal-border-radius);background-color:var(--vf-modal-background-color);color:var(--vf-modal-text-color);box-shadow:var(--vf-modal-shadow);overflow:auto;outline:none}.vf-modal_sm .vf-modal__panel{width:var(--vf-modal-width-sm);max-width:var(--vf-modal-max-width-sm)}.vf-modal_lg .vf-modal__panel{width:var(--vf-modal-width-lg);max-width:var(--vf-modal-max-width-lg)}.vf-modal__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--vf-modal-header-gap)}.vf-modal__title{margin:0;font-size:var(--vf-modal-title-font-size);line-height:var(--vf-modal-title-line-height);font-weight:var(--vf-modal-title-font-weight)}.vf-modal__body{margin-bottom:var(--vf-modal-body-gap)}.vf-modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--vf-modal-footer-gap)}.vf-modal__close{position:absolute;top:var(--vf-modal-close-offset);right:var(--vf-modal-close-offset);width:var(--vf-modal-close-size);height:var(--vf-modal-close-size);border-radius:var(--vf-modal-close-radius);border:none;background:transparent;color:var(--vf-modal-close-color);cursor:pointer;font-size:var(--vf-modal-close-font-size);line-height:1}.vf-modal__close:hover{background-color:var(--vf-modal-close-hover-background-color)}
|
|
2
|
+
/*$vite$:1*/`,document.head.appendChild(Q);const io=["href","aria-disabled","tabindex"],X=o.defineComponent({__name:"link",props:{to:{default:void 0},href:{default:void 0},url:{default:void 0},as:{default:void 0},type:{default:void 0},label:{default:""},active:{type:Boolean},disabled:{type:Boolean}},emits:["click","active","update:active","onActive"],setup(t,{emit:e}){const n=e,r=t,l=J.useRoute(),f=J.useRouter(),s=o.ref(null),c=o.computed(()=>r.href??r.url),a=o.computed(()=>r.as?r.as==="router-link"&&!r.to?"a":r.as:r.type==="router-link"||r.type==="a"?r.type==="router-link"&&!r.to?"a":r.type:r.to?"router-link":"a"),v=o.computed(()=>r.to),d=o.computed(()=>r.to?f.resolve(r.to):null),i=o.computed(()=>{if(a.value!=="router-link")return!1;const p=d.value;return p?p.name?l.matched.some(({name:y})=>y===p.name):p.fullPath?l.fullPath===p.fullPath:l.path===p.path:!1}),u=o.computed(()=>r.active===void 0?i.value:r.active),b=p=>{if(!r.disabled){n("click",p);return}p.preventDefault(),p.stopPropagation()};return o.watch(i,p=>{p&&(n("active"),n("onActive")),n("update:active",p)}),(p,y)=>{const g=o.resolveComponent("router-link");return a.value==="a"?(o.openBlock(),o.createElementBlock("a",{key:0,href:c.value,class:o.normalizeClass(["vf-link",{"vf-link_active":u.value,"vf-link_disabled":p.disabled}]),"aria-disabled":p.disabled,tabindex:p.disabled?-1:void 0,onClick:b},[p.$slots.default?o.renderSlot(p.$slots,"default",{key:0}):(o.openBlock(),o.createElementBlock(o.Fragment,{key:1},[o.createTextVNode(o.toDisplayString(p.label),1)],64))],10,io)):(o.openBlock(),o.createBlock(g,{key:1,ref_key:"link",ref:s,to:v.value,class:o.normalizeClass(["vf-link",{"vf-link_active":u.value}]),"aria-disabled":p.disabled,tabindex:p.disabled?-1:void 0,"active-class":"vf-link_partially-active","exact-active-class":"vf-link_active",onClick:b},{default:o.withCtx(()=>[p.$slots.default?o.renderSlot(p.$slots,"default",{key:0}):(o.openBlock(),o.createElementBlock(o.Fragment,{key:1},[o.createTextVNode(o.toDisplayString(p.label),1)],64))]),_:3},8,["to","class","aria-disabled","tabindex"]))}}}),so=(t,e)=>{const n=t.__vccOpts||t;for(const[r,l]of e)n[r]=l;return n},co={},fo={class:"vf-card"},vo={key:0,class:"vf-card__default"},uo={key:1,class:"vf-card__header"},bo={key:2,class:"vf-card__body"},po={key:3,class:"vf-card__footer"};function mo(t,e){return o.openBlock(),o.createElementBlock("div",fo,[t.$slots.default?(o.openBlock(),o.createElementBlock("div",vo,[o.renderSlot(t.$slots,"default")])):o.createCommentVNode("",!0),t.$slots.header?(o.openBlock(),o.createElementBlock("div",uo,[o.renderSlot(t.$slots,"header")])):o.createCommentVNode("",!0),t.$slots.body?(o.openBlock(),o.createElementBlock("div",bo,[o.renderSlot(t.$slots,"body")])):o.createCommentVNode("",!0),t.$slots.footer?(o.openBlock(),o.createElementBlock("div",po,[o.renderSlot(t.$slots,"footer")])):o.createCommentVNode("",!0)])}const oo=so(co,[["render",mo]]),ho={class:"vf-menu__list",role:"menu"},go={key:1,class:"vf-menu__separator",role:"separator"},yo=["aria-expanded","onClick","onKeydown"],_o=o.defineComponent({name:"VfMenu",__name:"menu",props:{items:{},orientation:{default:"vertical"}},emits:["active","onActive"],setup(t,{emit:e}){const n=e,r=t,l=o.ref([]),f=(d,i)=>`${d.label??d.to??d.href??d.url??"item"}_${i.toString()}`,s=d=>d.to?"router-link":"a",c=d=>d.map(i=>({...i,items:i.items?c(i.items):void 0})),a=d=>{d.items&&d.items.length?(l.value.map(i=>{i!==d&&(i.subMenuVisible=!1)}),d.subMenuVisible=!d.subMenuVisible):Object.prototype.hasOwnProperty.call(d,"command")&&typeof d.command=="function"&&d.command()},v=d=>{var i;for(const u in l.value){const b=l.value[u];Object.prototype.hasOwnProperty.call(b,"items")&&((i=b.items)!=null&&i.some(p=>p===d)?(b.active=!0,b.subMenuVisible=!0):(b.active=!1,b.subMenuVisible=!1))}n("active",d),n("onActive",d)};return o.watch(()=>r.items,d=>{l.value=c(d)},{deep:!0,immediate:!0}),(d,i)=>{const u=o.resolveComponent("VfMenu");return o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(["vf-menu",`vf-menu_${d.orientation}`])},[o.createElementVNode("ul",ho,[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(l.value,(b,p)=>(o.openBlock(),o.createElementBlock("li",{key:f(b,p),class:"vf-menu__item",role:"none"},[d.$slots[f(b,p)]?o.renderSlot(d.$slots,f(b,p),{key:0,item:{...b,class:"vf-menu__link"}}):b.separator?(o.openBlock(),o.createElementBlock("hr",go)):b.items&&b.items.length?(o.openBlock(),o.createElementBlock(o.Fragment,{key:2},[o.createElementVNode("div",{class:o.normalizeClass(["vf-menu__parent",{"vf-menu__parent_active":b.active}]),role:"menuitem",tabindex:"0","aria-expanded":b.subMenuVisible?"true":"false",onClick:y=>a(b),onKeydown:[o.withKeys(o.withModifiers(y=>a(b),["prevent"]),["enter"]),o.withKeys(o.withModifiers(y=>a(b),["prevent"]),["space"])]},[b.icon?(o.openBlock(),o.createBlock(o.unref(P.CmIcon),{key:0,icon:b.icon,class:"vf-menu__icon"},null,8,["icon"])):o.createCommentVNode("",!0),o.createTextVNode(" "+o.toDisplayString(b.label)+" ",1),o.createVNode(o.unref(P.CmIcon),{icon:"chevronDown"})],42,yo),b.items?(o.openBlock(),o.createBlock(u,{key:0,items:b.items,class:o.normalizeClass(["vf-menu__submenu",{"vf-menu__submenu_visible":b.subMenuVisible}]),onOnActive:v},null,8,["items","class"])):o.createCommentVNode("",!0)],64)):(o.openBlock(),o.createBlock(X,{key:3,to:b.to,href:b.href??b.url,as:s(b),class:"vf-menu__link",active:b.active,disabled:b.disabled,role:"menuitem","aria-disabled":b.disabled?"true":"false",onClick:y=>a(b),onActive:y=>v(b)},{default:o.withCtx(()=>[b.icon?(o.openBlock(),o.createBlock(o.unref(P.CmIcon),{key:0,icon:b.icon,class:"vf-menu__icon"},null,8,["icon"])):o.createCommentVNode("",!0),o.createTextVNode(" "+o.toDisplayString(b.label),1)]),_:2},1032,["to","href","as","active","disabled","aria-disabled","onClick","onActive"]))]))),128))])],2)}}}),ko=["type","disabled"],wo=o.defineComponent({__name:"button",props:{to:{default:void 0},href:{default:void 0},url:{default:void 0},as:{default:void 0},icon:{default:void 0},type:{default:"button"},size:{default:"normal"},label:{default:""},loading:{type:Boolean,default:!1},rounded:{type:Boolean,default:!1},iconPos:{default:"left"},variant:{default:void 0},severity:{default:"primary"},disabled:{type:Boolean,default:!1}},setup(t){const e=t,n=["button","submit","reset"],r=d=>!!d&&n.includes(d),l=o.computed(()=>e.as?e.as==="button":!(e.to||e.href||e.url||e.type&&!r(e.type))),f=o.computed(()=>r(e.type)?e.type:"button"),s=o.computed(()=>e.as==="link"?e.to?"router-link":"a":e.type&&!r(e.type)?e.type==="router-link"&&e.to?"router-link":"a":e.to?"router-link":"a"),c=o.computed(()=>{let d=["vf-button",`vf-button_${e.severity}`];return["top","bottom"].includes(e.iconPos)&&d.push("vf-button_vertical"),e.variant==="text"&&d.push("vf-button_text"),e.variant==="outlined"&&d.push("vf-button_outlined"),["small","large"].indexOf(e.size)>-1&&d.push(`vf-button_${e.size}`),(e.loading||e.disabled)&&d.push("vf-button_disabled"),e.rounded&&d.push("vf-button_rounded"),d}),a=o.computed(()=>["vf-button__icon",`vf-button__icon_${e.iconPos}`]),v=o.computed(()=>["vf-button__label"]);return(d,i)=>l.value?(o.openBlock(),o.createElementBlock("button",{key:0,type:f.value,class:o.normalizeClass(c.value),disabled:e.loading||e.disabled},[e.icon&&!e.loading?(o.openBlock(),o.createBlock(o.unref(P.CmIcon),{key:0,icon:e.icon,class:o.normalizeClass(a.value)},null,8,["icon","class"])):o.createCommentVNode("",!0),e.loading?(o.openBlock(),o.createBlock(o.unref(P.CmIcon),{key:1,icon:"circleNotch",class:o.normalizeClass(a.value),spin:""},null,8,["class"])):o.createCommentVNode("",!0),d.$slots.default?(o.openBlock(),o.createElementBlock("span",{key:2,class:o.normalizeClass(v.value)},[o.renderSlot(d.$slots,"default")],2)):d.label?(o.openBlock(),o.createElementBlock("span",{key:3,class:o.normalizeClass(v.value)},o.toDisplayString(d.label),3)):o.createCommentVNode("",!0)],10,ko)):(o.openBlock(),o.createBlock(X,{key:1,to:e.to,href:e.href??e.url,as:s.value,class:o.normalizeClass(c.value),disabled:e.loading||e.disabled},{default:o.withCtx(()=>[e.icon?(o.openBlock(),o.createBlock(o.unref(P.CmIcon),{key:0,icon:e.icon,class:o.normalizeClass(a.value)},null,8,["icon","class"])):o.createCommentVNode("",!0),d.$slots.default?(o.openBlock(),o.createElementBlock("span",{key:1,class:o.normalizeClass(v.value)},[o.renderSlot(d.$slots,"default")],2)):d.label?(o.openBlock(),o.createElementBlock("span",{key:2,class:o.normalizeClass(v.value)},o.toDisplayString(d.label),3)):o.createCommentVNode("",!0)]),_:3},8,["to","href","as","class","disabled"]))}}),Co={key:0,class:"vf-input__prefix"},xo=["type","value","placeholder","disabled","readonly"],Bo={key:1,class:"vf-input__suffix"},zo=o.defineComponent({__name:"input",props:{modelValue:{default:""},type:{default:"text"},placeholder:{default:""},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},size:{default:"normal"},variant:{default:"filled"}},emits:["update:modelValue","input","change","focus","blur"],setup(t,{emit:e}){const n=e,r=t,l=o.computed(()=>{const v=["vf-input",`vf-input_${r.variant}`];return r.size!=="normal"&&v.push(`vf-input_${r.size}`),r.disabled&&v.push("vf-input_disabled"),v}),f=v=>{const d=v.target;n("update:modelValue",d.value),n("input",v)},s=v=>n("change",v),c=v=>n("focus",v),a=v=>n("blur",v);return(v,d)=>(o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(l.value)},[v.$slots.prefix?(o.openBlock(),o.createElementBlock("span",Co,[o.renderSlot(v.$slots,"prefix")])):o.createCommentVNode("",!0),o.createElementVNode("input",{class:"vf-input__control",type:v.type,value:v.modelValue,placeholder:v.placeholder,disabled:v.disabled,readonly:v.readonly,onInput:f,onChange:s,onFocus:c,onBlur:a},null,40,xo),v.$slots.suffix?(o.openBlock(),o.createElementBlock("span",Bo,[o.renderSlot(v.$slots,"suffix")])):o.createCommentVNode("",!0)],2))}}),eo=["top","top-start","top-end","right","right-start","right-end","bottom","bottom-start","bottom-end","left","left-start","left-end"],L=t=>{if(t==null||!(t instanceof HTMLElement))return null;if(typeof window<"u"){const e=window.getComputedStyle(t),n=`${e.overflowX}${e.overflowY}`;if(/(auto|scroll|overlay)/.test(n))return t}return t.scrollHeight>t.clientHeight||t.scrollWidth>t.clientWidth?t:L(t.parentNode)};function $o(t){return typeof window>"u"?!1:window.getComputedStyle(t).position==="fixed"}const Fo=(t,e)=>t.strategy?t.strategy:$o(e)?"fixed":"absolute",O=(t,e)=>Fo(t,e)==="fixed",$=(t,e,n={})=>{const r=t.getBoundingClientRect(),l=e?e.offsetParent:null,f=e?O(n,e):!1;if(l&&!f){const s=l.getBoundingClientRect(),c=l.scrollLeft,a=l.scrollTop;return{left:r.left-s.left+c,top:r.top-s.top+a,width:r.width,height:r.height}}return{left:r.left,top:r.top,width:r.width,height:r.height}},D=(t,e)=>{var n;return(n=t.middleware)==null?void 0:n.find(r=>r.name===e)},to=(t,e)=>!!D(t,e),Vo=t=>{const e=L(t);let n="";return e!==null&&((e.dataset.scrollTop===void 0||e.scrollTop===+e.dataset.scrollTop)&&(e.dataset.scrollTop="0"),(e.dataset.scrollLeft===void 0||e.scrollLeft===+e.dataset.scrollLeft)&&(e.dataset.scrollLeft="0"),e.scrollTop>+e.dataset.scrollTop?n="bottom":e.scrollTop<+e.dataset.scrollTop?n="top":e.scrollLeft>+e.dataset.scrollLeft?n="right":e.scrollLeft<+e.dataset.scrollLeft&&(n="left"),e.dataset.scrollTop=e.scrollTop<=0?"0":e.scrollTop.toString(),e.dataset.scrollLeft=e.scrollLeft<=0?"0":e.scrollLeft.toString()),n},So=t=>t.scrollLeft+t.clientWidth,Eo=t=>t.scrollTop+t.clientHeight,S=(t,e,n=null,r={},l)=>{if(n===null&&typeof window<"u"&&O(r,e))return t;let f=0;if(n===null){const s=L(e);f=s?s.scrollTop:0}return t-f},E=(t,e,n=null,r={},l)=>{let f;if(n===null&&typeof window<"u"&&O(r,e))f=window.innerWidth;else if(n===null){const s=L(e);f=s?So(s):0}else f=n.getBoundingClientRect().width;return-(t+e.clientWidth-f)},W=(t,e,n=null,r={},l)=>{let f;if(n===null&&typeof window<"u"&&O(r,e))f=window.innerHeight;else if(n===null){const s=L(e);f=s?Eo(s):0}else f=n.getBoundingClientRect().height;return-(t+e.clientHeight-f)},T=(t,e,n=null,r={},l)=>{if(n===null&&typeof window<"u"&&O(r,e))return t;let f=0;if(n===null){const s=L(e);f=s?s.scrollLeft:0}return t-f},ro=({options:t,primaryX:e,primaryY:n,floating:r,placement:l,reference:f,scrollDirection:s})=>{const c=A(f,r,l,t),a=D(t,"offset");if(a){const v=a.fn({x:c.x,y:c.y,options:t,primaryX:e,primaryY:n,floating:r,placement:l,reference:f,scrollDirection:s});c.x=v.x,c.y=v.y}return Zo(c,r,f,t)?{x:c.x,y:c.y,placement:l}:!1},To=t=>({name:"flip",params:t,fn:({x:e,y:n,options:r,primaryX:l,primaryY:f,floating:s,placement:c,reference:a,scrollDirection:v})=>{var d;const i={x:e,y:n,placement:c},u={...r,middleware:(d=r.middleware)==null?void 0:d.filter(C=>C.name!=="shift")},b=(t==null?void 0:t.placements)??eo,p=!(t!=null&&t.placements),y=p?eo:b;let g=!1;const w=C=>{if(g)return;const x=ro({options:u,primaryX:l,primaryY:f,floating:s,placement:C,reference:a,scrollDirection:v});x&&(i.x=x.x,i.y=x.y,i.placement=x.placement,g=!0)},N=Qo(a,s,u);if(!p&&b.includes(c)&&w(c),g||y.forEach(w),!g){const C=b.reduce((x,F)=>{const R=ro({options:u,primaryX:l,primaryY:f,floating:s,placement:F,reference:a,scrollDirection:v});if(!R)return x;const z=j(F),V=N[z];return!x||V>x.space?{result:R,space:V}:x},null);C&&(i.x=C.result.x,i.y=C.result.y,i.placement=C.result.placement,g=!0)}if(!g&&b.length>0){const C=j(c);let x=C,F=N[C];b.forEach(h=>{const m=j(h),k=N[m];k>F&&(F=k,x=m)});const R=Jo(x,c,b),z=A(a,s,R,u),V=D(u,"offset");if(V){const h=V.fn({x:z.x,y:z.y,options:u,primaryX:l,primaryY:f,floating:s,placement:R,reference:a,scrollDirection:v});z.x=h.x,z.y=h.y}i.x=z.x,i.y=z.y,i.placement=z.placement}return i}}),No=(t,e,n,r,l)=>{var f,s,c;let a=0;r.startsWith("right")?a=-t:r.startsWith("left")&&(a=t);const v=D(e,"arrow"),d=D(e,"shift");if(v){const i=((f=v.params)==null?void 0:f.arrow).getBoundingClientRect();r.startsWith("right")?a-=i.width/2:r.startsWith("left")&&(a+=i.width/2)}if(to(e,"shift")&&v){let i=null,u=0;d&&(i=(s=d.params)==null?void 0:s.parent);const b=(c=v.params)==null?void 0:c.arrow;u=b.getBoundingClientRect().width/2,u+=Wo(b),u-=t,r.startsWith("right")?E(n-a,l,i,e)<=t?E(n,l,i,e)>0?a=t-E(n,l,i,e):a=t:T(n-a-u,l,i,e)<=t&&(T(n-a-u,l,i,e)>=0?(a=-t-(T(n-a-u,l,i,e)+t),i&&(a=-t)):a=-t):r.startsWith("left")?E(n-a+u,l,i,e)<=t?(a=t+E(n-u,l,i,e),a<=t&&(a=t)):T(n-a,l,i,e)<=t&&(a=-t+T(n,l,i,e),a<=-t&&(a=-t)):E(n-a,l,i,e)<=t?E(n-a,l,i,e)<=t&&E(n,l,i,e)>0?a=t-E(n,l,i,e):a=t:T(n-a,l,i,e)<=t&&(T(n-a,l,i,e)<=t&&T(n,l,i,e)>0?a=-(t-T(n,l,i,e)):a=-t)}return a},Ro=(t,e,n,r,l)=>{var f,s,c;let a=0;r.startsWith("top")?a=t:r.startsWith("bottom")&&(a=-t);const v=D(e,"arrow"),d=D(e,"shift");if(v){const i=((f=v.params)==null?void 0:f.arrow).getBoundingClientRect();r.startsWith("top")?a+=i.height/2:r.startsWith("bottom")&&(a-=i.height/2)}if(to(e,"shift")&&v){let i=null,u=0;d&&(i=(s=d.params)==null?void 0:s.parent);const b=(c=v.params)==null?void 0:c.arrow;u=b.getBoundingClientRect().height/2,u+=Mo(b),u-=t,r.startsWith("top")?S(n-a,l,i,e)<=t?S(n,l,i,e)>=0?a=-(t-S(n,l,i,e)):a=-t:W(n-a+u,l,i,e)<=t&&(a=t+W(n-u,l,i,e),a<=t&&(a=t)):r.startsWith("bottom")?S(n-a-u,l,i,e)<=t?S(n-a-u,l,i,e)>=0?(a=-t-(S(n-a-u,l,i,e)+t),i&&(a=-t)):a=-t:W(n-a,l,i,e)<=t&&(W(n,l,i,e)>=0?a=t-W(n,l,i,e):a=t):S(n-a,l,i,e)<=t?S(n-a,l,i,e)>=0?a=-(t-S(n-a,l,i,e)):a=-t:W(n-a,l,i,e)<=t&&(W(n-a,l,i,e)>=0?a=t-W(n-a,l,i,e):a=t)}return a},Lo=t=>({name:"offset",params:{value:t},fn:({x:e,y:n,options:r,primaryX:l,primaryY:f,floating:s,placement:c})=>({x:e-No(t,r,l,c,s),y:n-Ro(t,r,f,c,s),placement:c})}),Wo=t=>t.getBoundingClientRect().width!==t.clientWidth?(t.getBoundingClientRect().width-t.clientWidth)/2:0,Mo=t=>t.getBoundingClientRect().height!==t.clientHeight?(t.getBoundingClientRect().height-t.clientHeight)/2:0,Oo=(t,e)=>{const n=L(t),r=[];if(n!==null){const l=()=>e();n.addEventListener("scroll",l,!1),r.push(()=>n.removeEventListener("scroll",l,!1))}if(typeof window<"u"){const l=()=>e(),f=()=>e();window.addEventListener("scroll",l,!1),window.addEventListener("resize",f,!1),r.push(()=>window.removeEventListener("scroll",l,!1)),r.push(()=>window.removeEventListener("resize",f,!1))}if(typeof ResizeObserver<"u"&&t instanceof HTMLElement){const l=new ResizeObserver(()=>e());l.observe(t),r.push(()=>l.disconnect())}return()=>r.forEach(l=>l())},Do=(t,e,n={})=>{const r=$(t,e,n);return{x:r.left-e.getBoundingClientRect().width/2+r.width/2,y:r.top-e.getBoundingClientRect().height,placement:"top"}},Ho=(t,e,n={})=>{const r=$(t,e,n);return{x:r.left,y:r.top-e.getBoundingClientRect().height,placement:"top-start"}},Po=(t,e,n={})=>{const r=$(t,e,n);return{x:r.left-e.getBoundingClientRect().width+r.width,y:r.top-e.getBoundingClientRect().height,placement:"top-end"}},jo=(t,e,n={})=>{const r=$(t,e,n);return{x:r.left+r.width,y:r.top-e.getBoundingClientRect().height/2+r.height/2,placement:"right"}},Ao=(t,e,n={})=>{const r=$(t,e,n);return{x:r.left+r.width,y:r.top,placement:"right-start"}},Io=(t,e,n={})=>{const r=$(t,e,n);return{x:r.left+r.width,y:r.top+r.height-e.getBoundingClientRect().height,placement:"right-end"}},Ko=(t,e,n={})=>{const r=$(t,e,n);return{x:r.left+r.width/2-e.getBoundingClientRect().width/2,y:r.top+r.height,placement:"bottom"}},Yo=(t,e,n={})=>{const r=$(t,e,n);return{x:r.left,y:r.top+r.height,placement:"bottom-start"}},Xo=(t,e,n={})=>{const r=$(t,e,n);return{x:r.left-e.getBoundingClientRect().width+r.width,y:r.top+r.height,placement:"bottom-end"}},Go=(t,e,n={})=>{const r=$(t,e,n);return{x:r.left-e.getBoundingClientRect().width,y:r.top+r.height/2-e.getBoundingClientRect().height/2,placement:"left"}},qo=(t,e,n={})=>{const r=$(t,e,n);return{x:r.left-e.getBoundingClientRect().width,y:r.top,placement:"left-start"}},Uo=(t,e,n={})=>{const r=$(t,e,n);return{x:r.left-e.getBoundingClientRect().width,y:r.top+r.height-e.getBoundingClientRect().height,placement:"left-end"}},A=(t,e,n,r={})=>{switch(n){case"top":return Do(t,e,r);case"top-start":return Ho(t,e,r);case"top-end":return Po(t,e,r);case"right":return jo(t,e,r);case"right-start":return Ao(t,e,r);case"right-end":return Io(t,e,r);case"bottom":return Ko(t,e,r);case"bottom-start":return Yo(t,e,r);case"bottom-end":return Xo(t,e,r);case"left":return Go(t,e,r);case"left-start":return qo(t,e,r);case"left-end":return Uo(t,e,r);default:return{x:0,y:0,placement:""}}},Zo=(t,e,n,r={})=>{if(O(r,e)){if(typeof window>"u")return!0;const i=t.x,u=t.y,b=i+e.clientWidth,p=u+e.clientHeight;return i>=0&&u>=0&&b<=window.innerWidth&&p<=window.innerHeight}if(L(n)!==null)return S(t.y,e,null,r)>0&&E(t.x,e,null,r)>0&&W(t.y,e,null,r)>0&&T(t.x,e,null,r)>0;if(typeof window>"u")return!0;const l=window.innerWidth,f=window.innerHeight,s=(n instanceof HTMLElement?n.offsetParent:null)||e.offsetParent;if(s){const i=s.getBoundingClientRect(),u=i.left+t.x,b=i.top+t.y,p=u+e.clientWidth,y=b+e.clientHeight;return u>=0&&b>=0&&p<=l&&y<=f}const c=t.x,a=t.y,v=c+e.clientWidth,d=a+e.clientHeight;return c>=0&&a>=0&&v<=l&&d<=f},j=t=>t.startsWith("right")?"right":t.startsWith("left")?"left":t.startsWith("top")?"top":"bottom",Jo=(t,e,n)=>j(e)===t&&n.includes(e)?e:n.find(r=>j(r)===t)??n[0],Qo=(t,e,n={})=>{if(typeof window>"u")return{top:0,right:0,bottom:0,left:0};const r=O(n,e)?null:L(t),l=t.getBoundingClientRect(),f=r?r.getBoundingClientRect():{top:0,left:0,right:window.innerWidth,bottom:window.innerHeight};return{top:l.top-f.top,right:f.right-l.right,bottom:f.bottom-l.bottom,left:l.left-f.left}},oe=(t,e,n={})=>new Promise(r=>{var l,f;const s=n.placement?n.placement:"bottom",c={x:0,y:0,placement:s,middlewareData:{}},a=A(t,e,s,n);c.x=a.x,c.y=a.y,c.placement=a.placement;const v=c.x,d=c.y,i=Vo(t);(l=n.middleware)==null||l.forEach(y=>{const g=y.fn({x:c.x,y:c.y,options:n,primaryX:v,primaryY:d,floating:e,placement:c.placement,reference:t,scrollDirection:i});c.x=g.x,c.y=g.y,c.placement=g.placement,y.name==="arrow"&&(g.baseX=g.x,g.baseY=g.y,g.x=g.arrowX??g.x,g.y=g.arrowY??g.y),c.middlewareData[y.name]=g});const u=A(t,e,c.placement,n),b=D(n,"offset"),p=b?(f=b.params)==null?void 0:f.value:0;if(Number.isFinite(c.x)||(c.x=u.x),!Number.isFinite(c.y))if(O(n,e)){const y=t.getBoundingClientRect(),g=e.getBoundingClientRect().height;c.placement.startsWith("top")?c.y=y.top-g-p:c.placement.startsWith("bottom")?c.y=y.bottom+p:c.y=u.y}else c.y=u.y;r(c)}),ee=["disabled","aria-expanded","onKeydown"],te=["data-placement"],re=["disabled","aria-selected","onClick"],ne=o.defineComponent({__name:"select",props:{modelValue:{default:void 0},options:{default:()=>[]},optionLabel:{default:"label"},optionValue:{default:"value"},placeholder:{default:""},disabled:{type:Boolean,default:!1},size:{default:"normal"}},emits:["update:modelValue","change","focus","blur"],setup(t,{emit:e}){let n=0;const r=e,l=t,f=o.ref(null),s=o.ref(null),c=o.ref(null),a=o.ref(!1),v=o.ref("bottom"),d=o.ref("bottom"),i=`vf-select-panel-${++n}`;let u=null;const b=o.computed(()=>l.options.map(m=>({label:m[l.optionLabel],value:m[l.optionValue],disabled:m.disabled}))),p=o.computed(()=>b.value.find(m=>m.value===l.modelValue)),y=o.computed(()=>{var m;return((m=p.value)==null?void 0:m.label)??""}),g=o.computed(()=>{const m=["vf-select",a.value?"vf-select_open":""];return l.size!=="normal"&&m.push(`vf-select_${l.size}`),l.disabled&&m.push("vf-select_disabled"),m.filter(Boolean)}),w=m=>m.value===l.modelValue,N=m=>{m.disabled||(r("update:modelValue",m.value),r("change",m.value),F())},C=m=>r("focus",m),x=m=>r("blur",m),F=()=>{a.value=!1,v.value="bottom",d.value="bottom"},R=()=>{l.disabled||(a.value=!a.value,a.value&&(v.value="bottom",d.value="bottom"))},z=async()=>{var m,k;a.value||(a.value=!0,await o.nextTick()),(k=(m=c.value)==null?void 0:m.querySelector(".vf-select__option:not(.is-disabled)"))==null||k.focus()},V=m=>{var B;if(!a.value||!f.value)return;const k=m.target;f.value.contains(k)||(B=c.value)!=null&&B.contains(k)||F()},h=()=>{if(!s.value||!c.value)return;const m=s.value,k=c.value,B=async()=>{const{x:Me,y:Oe,placement:De}=await oe(m,k,{placement:v.value,strategy:"fixed",middleware:[Lo(2),To({placements:["bottom","top"]})]});d.value=De??v.value,k.style.minWidth=`${m.getBoundingClientRect().width}px`,k.style.left=`${Me}px`,k.style.top=`${Oe}px`},H=async()=>{await B()},K=Oo(m,()=>{H()}),Y=()=>{H()};document.addEventListener("scroll",Y,!0),window.addEventListener("resize",Y,!1),u={update:H,destroy:()=>{K(),document.removeEventListener("scroll",Y,!0),window.removeEventListener("resize",Y,!1)}},u.update()};return o.watch(a,async m=>{if(!m){u&&(u.destroy(),u=null);return}await o.nextTick(),u||h(),u==null||u.update()}),o.watch(()=>l.options,()=>{u==null||u.update()},{deep:!0}),o.onMounted(()=>{document.addEventListener("click",V)}),o.onBeforeUnmount(()=>{document.removeEventListener("click",V),u==null||u.destroy(),u=null}),(m,k)=>(o.openBlock(),o.createElementBlock("div",{ref_key:"root",ref:f,class:o.normalizeClass(g.value)},[o.createElementVNode("button",{ref_key:"trigger",ref:s,class:"vf-select__control",type:"button",disabled:m.disabled,"aria-expanded":a.value,"aria-controls":i,"aria-haspopup":"listbox",onClick:R,onKeydown:[o.withKeys(o.withModifiers(z,["prevent"]),["down"]),o.withKeys(o.withModifiers(R,["prevent"]),["enter"]),o.withKeys(o.withModifiers(F,["prevent"]),["esc"])],onFocus:C,onBlur:x},[o.createElementVNode("span",{class:o.normalizeClass(["vf-select__label",{"vf-select__label_placeholder":!y.value}])},o.toDisplayString(y.value||m.placeholder),3),k[0]||(k[0]=o.createElementVNode("span",{class:"vf-select__chevron","aria-hidden":"true"},"▾",-1))],40,ee),(o.openBlock(),o.createBlock(o.Teleport,{to:"body"},[o.withDirectives(o.createElementVNode("div",{id:i,ref_key:"panel",ref:c,class:"vf-select__panel",role:"listbox","data-placement":d.value},[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(b.value,B=>(o.openBlock(),o.createElementBlock("button",{key:B.value,class:o.normalizeClass(["vf-select__option",{"is-active":w(B),"is-disabled":B.disabled}]),type:"button",role:"option",disabled:B.disabled,"aria-selected":w(B),onClick:H=>N(B)},o.toDisplayString(B.label),11,re))),128))],8,te),[[o.vShow,a.value]])]))],2))}}),le=["checked","disabled"],ae={key:0,class:"vf-checkbox__label"},ie=o.defineComponent({__name:"checkbox",props:{modelValue:{type:Boolean,default:!1},label:{default:""},disabled:{type:Boolean,default:!1}},emits:["update:modelValue","change"],setup(t,{emit:e}){const n=e,r=t,l=o.computed(()=>{const s=["vf-checkbox"];return r.disabled&&s.push("vf-checkbox_disabled"),s}),f=s=>{const c=s.target;n("update:modelValue",c.checked),n("change",s)};return(s,c)=>(o.openBlock(),o.createElementBlock("label",{class:o.normalizeClass(l.value)},[o.createElementVNode("input",{class:"vf-checkbox__control",type:"checkbox",checked:s.modelValue,disabled:s.disabled,onChange:f},null,40,le),c[0]||(c[0]=o.createElementVNode("span",{class:"vf-checkbox__box"},null,-1)),s.label||s.$slots.default?(o.openBlock(),o.createElementBlock("span",ae,[o.renderSlot(s.$slots,"default",{},()=>[o.createTextVNode(o.toDisplayString(s.label),1)])])):o.createCommentVNode("",!0)],2))}}),se=["checked","disabled"],ce={key:0,class:"vf-switch__label"},de=o.defineComponent({__name:"switch",props:{modelValue:{type:Boolean,default:!1},label:{default:""},disabled:{type:Boolean,default:!1}},emits:["update:modelValue","change"],setup(t,{emit:e}){const n=e,r=t,l=o.computed(()=>{const s=["vf-switch"];return r.disabled&&s.push("vf-switch_disabled"),s}),f=s=>{const c=s.target;n("update:modelValue",c.checked),n("change",s)};return(s,c)=>(o.openBlock(),o.createElementBlock("label",{class:o.normalizeClass(l.value)},[o.createElementVNode("input",{class:"vf-switch__control",type:"checkbox",checked:s.modelValue,disabled:s.disabled,onChange:f},null,40,se),c[0]||(c[0]=o.createElementVNode("span",{class:"vf-switch__track"},[o.createElementVNode("span",{class:"vf-switch__thumb"})],-1)),s.label||s.$slots.default?(o.openBlock(),o.createElementBlock("span",ce,[o.renderSlot(s.$slots,"default",{},()=>[o.createTextVNode(o.toDisplayString(s.label),1)])])):o.createCommentVNode("",!0)],2))}}),fe={class:"vf-popover"},ve=["aria-expanded","onKeydown"],ue=o.defineComponent({__name:"popover",emits:["click","onClick"],setup(t,{expose:e,emit:n}){const r=n,l=o.reactive({visible:!1});let f=0;const s=`vf-popover-panel-${++f}`,c=()=>l.visible=!0,a=()=>l.visible=!1,v=()=>l.visible=!l.visible,d=()=>{v(),r("click"),r("onClick")};return e({show:c,hide:a,toggle:v}),(i,u)=>(o.openBlock(),o.createElementBlock("div",fe,[o.createElementVNode("div",{class:"vf-popover__button",role:"button",tabindex:"0","aria-haspopup":"dialog","aria-expanded":l.visible,"aria-controls":s,onClick:d,onKeydown:[o.withKeys(o.withModifiers(d,["prevent"]),["enter"]),o.withKeys(o.withModifiers(d,["prevent"]),["space"])]},[o.renderSlot(i.$slots,"button")],40,ve),o.withDirectives(o.createVNode(oo,{id:s,class:"vf-popover__wrapper"},o.createSlots({default:o.withCtx(()=>[u[0]||(u[0]=o.createElementVNode("div",{class:"vf-popover__arrow"},null,-1))]),_:2},[i.$slots.default?{name:"default",fn:o.withCtx(()=>[o.renderSlot(i.$slots,"default")]),key:"0"}:void 0,i.$slots.header||i.$slots.popoverHeader?{name:"header",fn:o.withCtx(()=>[o.renderSlot(i.$slots,"header"),i.$slots.header?o.createCommentVNode("",!0):o.renderSlot(i.$slots,"popoverHeader",{key:0})]),key:"1"}:void 0,i.$slots.body||i.$slots.popoverBody?{name:"body",fn:o.withCtx(()=>[o.renderSlot(i.$slots,"body"),i.$slots.body?o.createCommentVNode("",!0):o.renderSlot(i.$slots,"popoverBody",{key:0})]),key:"2"}:void 0,i.$slots.footer||i.$slots.popoverFooter?{name:"footer",fn:o.withCtx(()=>[o.renderSlot(i.$slots,"footer"),i.$slots.footer?o.createCommentVNode("",!0):o.renderSlot(i.$slots,"popoverFooter",{key:0})]),key:"3"}:void 0]),1536),[[o.vShow,l.visible]])]))}}),be=["aria-labelledby","aria-describedby"],pe={key:0,class:"vf-modal__header"},me={key:0,class:"vf-modal__title"},he={key:3,class:"vf-modal__footer"},ge=o.defineComponent({__name:"modal",props:{modelValue:{type:Boolean,default:!1},title:{default:""},closeOnOverlay:{type:Boolean,default:!0},closeOnEsc:{type:Boolean,default:!0},showClose:{type:Boolean,default:!0},lockScroll:{type:Boolean,default:!0},size:{default:"md"}},emits:["update:modelValue","open","close"],setup(t,{expose:e,emit:n}){const r=n,l=t;let f=0,s=0,c="",a=null;const v=o.ref(null),d=o.useSlots(),i=`vf-modal-title-${++f}`,u=`vf-modal-body-${f}`,b=o.computed(()=>!!l.title||!!d.header),p=o.computed(()=>!!d.body||!!d.default),y=o.computed(()=>{const h=["vf-modal"];return l.size!=="md"&&h.push(`vf-modal_${l.size}`),h}),g=()=>r("update:modelValue",!0),w=()=>{r("update:modelValue",!1),r("close")},N=()=>{l.closeOnOverlay&&w()},C=h=>{!l.modelValue||!l.closeOnEsc||h.key==="Escape"&&(h.preventDefault(),w())},x=()=>v.value?Array.from(v.value.querySelectorAll('a[href],button:not([disabled]),textarea:not([disabled]),input:not([disabled]),select:not([disabled]),[tabindex]:not([tabindex="-1"])')).filter(m=>!m.hasAttribute("disabled")&&!m.getAttribute("aria-hidden")):[],F=()=>{var m;const h=x();h.length?h[0].focus():(m=v.value)==null||m.focus()},R=h=>{var K;if(h.key!=="Tab")return;const m=x();if(!m.length){h.preventDefault(),(K=v.value)==null||K.focus();return}const k=m[0],B=m[m.length-1],H=document.activeElement;if(h.shiftKey&&H===k){h.preventDefault(),B.focus();return}!h.shiftKey&&H===B&&(h.preventDefault(),k.focus())},z=()=>{!l.lockScroll||typeof document>"u"||(s===0&&(c=document.body.style.overflow,document.body.style.overflow="hidden"),s+=1)},V=()=>{!l.lockScroll||typeof document>"u"||(s=Math.max(0,s-1),s===0&&(document.body.style.overflow=c))};return o.watch(()=>l.modelValue,async h=>{h?(typeof document<"u"&&(a=document.activeElement),z(),r("open"),await o.nextTick(),F(),typeof document<"u"&&document.addEventListener("keydown",C)):(V(),typeof document<"u"&&(document.removeEventListener("keydown",C),a==null||a.focus()))},{immediate:!0}),o.onBeforeUnmount(()=>{V(),typeof document<"u"&&document.removeEventListener("keydown",C)}),e({open:g,close:w}),(h,m)=>(o.openBlock(),o.createBlock(o.Teleport,{to:"body"},[o.withDirectives(o.createElementVNode("div",{class:o.normalizeClass(y.value),role:"presentation"},[o.createElementVNode("div",{class:"vf-modal__overlay",onClick:N}),o.createElementVNode("div",{ref_key:"panel",ref:v,class:"vf-modal__panel",role:"dialog","aria-modal":"true","aria-labelledby":b.value?i:void 0,"aria-describedby":p.value?u:void 0,tabindex:"-1",onKeydown:R},[b.value?(o.openBlock(),o.createElementBlock("div",pe,[o.createElementVNode("div",{id:i,class:"vf-modal__header-content"},[o.renderSlot(h.$slots,"header",{},()=>[h.title?(o.openBlock(),o.createElementBlock("h3",me,o.toDisplayString(h.title),1)):o.createCommentVNode("",!0)])])])):o.createCommentVNode("",!0),h.showClose?o.renderSlot(h.$slots,"close",{key:1,close:w},()=>[o.createElementVNode("button",{type:"button",class:"vf-modal__close","aria-label":"Close",onClick:w},"×")]):o.createCommentVNode("",!0),h.$slots.body||h.$slots.default?(o.openBlock(),o.createElementBlock("div",{key:2,id:u,class:"vf-modal__body"},[o.renderSlot(h.$slots,"body"),h.$slots.body?o.createCommentVNode("",!0):o.renderSlot(h.$slots,"default",{key:0})])):o.createCommentVNode("",!0),h.$slots.footer?(o.openBlock(),o.createElementBlock("div",he,[o.renderSlot(h.$slots,"footer")])):o.createCommentVNode("",!0)],40,be)],2),[[o.vShow,h.modelValue]])]))}}),ye=["dark","light","theme","preset","colors","components","colorScheme"],_e=t=>{const e=t.replace(/([A-Z])/g,"-$1");return e.charAt(0).toUpperCase()+e.slice(1)},ke=t=>t.filter(e=>!ye.includes(e)).map(e=>_e(e)).join("-").toLowerCase(),G=t=>t.join("."),we=t=>/^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/.test(t),q=t=>{if(!we(t))return null;if(t.length===4){const e=t[1],n=t[2],r=t[3];return`#${e}${e}${n}${n}${r}${r}`}return t.toLowerCase()},no=t=>{const e=q(t);if(!e)return[0,0,0];const n=parseInt(e.slice(1),16),r=n>>16&255,l=n>>8&255,f=n&255;return[r,l,f]},lo=t=>{const[e,n,r]=no(t);return`${e}, ${n}, ${r}`},Ce=(t,e,n)=>{const r=t/255,l=e/255,f=n/255,s=Math.max(r,l,f),c=Math.min(r,l,f),a=s-c;let v=0,d=0;const i=(s+c)/2;if(a!==0){switch(d=a/(1-Math.abs(2*i-1)),s){case r:v=(l-f)/a%6;break;case l:v=(f-r)/a+2;break;case f:v=(r-l)/a+4;break}v*=60,v<0&&(v+=360)}return[v,d*100,i*100]},xe=(t,e,n)=>{const r=e/100,l=n/100,f=(1-Math.abs(2*l-1))*r,s=f*(1-Math.abs(t/60%2-1)),c=l-f/2;let a=0,v=0,d=0;t>=0&&t<60?(a=f,v=s,d=0):t>=60&&t<120?(a=s,v=f,d=0):t>=120&&t<180?(a=0,v=f,d=s):t>=180&&t<240?(a=0,v=s,d=f):t>=240&&t<300?(a=s,v=0,d=f):(a=f,v=0,d=s);const i=Math.round((a+c)*255),u=Math.round((v+c)*255),b=Math.round((d+c)*255);return[i,u,b]},Be=(t,e,n)=>`#${[t,e,n].map(r=>r.toString(16).padStart(2,"0")).join("")}`,ze=(t,e,n)=>Math.min(n,Math.max(e,t)),$e=(t,e)=>{const n=q(t);if(!n)return t;const[r,l,f]=no(n),[s,c,a]=Ce(r,l,f),d=(e-5)*7,i=ze(a+d,0,100),[u,b,p]=xe(s,c,i);return Be(u,b,p)},I=t=>!!t&&typeof t=="object"&&!Array.isArray(t),U=(t,e)=>{if(!e)return{...t};const n={...t};for(const r in e){const l=e[r],f=t[r];I(f)&&I(l)?n[r]=U(f,l):n[r]=l}return n},Fe=t=>{if(!t)return null;if(I(t)&&"preset"in t){const e=t;return{preset:e.preset??{},overrides:e.overrides,selector:e.selector,darkSelector:e.darkSelector,strict:e.strict}}return{preset:t}},Ve=t=>{const e=[],n=[],r=[],l=[],f=a=>r.push(a),s=a=>l.push(a),c=(a,v)=>{if(!(!a||typeof a!="object"))for(const d in a){const i=a[d],u=v.concat([d]);if(I(i)){c(i,u);continue}if(i&&typeof i=="object"){s(`Theme value "${G(u)}" is not a plain object or string and will be ignored.`);continue}if(typeof i!="string"){s(`Theme value "${G(u)}" is not a string and will be ignored.`);continue}const p=u.includes("colorScheme")&&u.includes("dark")?n:e,y=ke(u);if(p.push(`--vf-${y}: ${i}`),u.includes("colors")){const g=q(i);if(!g){f(`Theme color "${G(u)}" is not hex. Shade variables will not be generated for it.`);continue}if(p.push(`--vf-${y}-rgb: ${lo(g)}`),d!=="white")for(let w=1;w<10;++w){const N=$e(g,w);p.push(`--vf-${y}-${w}00: ${N}`),p.push(`--vf-${y}-${w}00-rgb: ${lo(N)}`)}}}};return c(t,[]),{baseVars:e,darkVars:n,warnings:r,errors:l}},Se=t=>{if(typeof document>"u")return null;const e=document.getElementById(t);if(e&&e.tagName.toLowerCase()==="style")return e;const n=document.createElement("style");return n.id=t,document.head.appendChild(n),n},Ee=t=>({selector:t.selector??":root",darkSelector:t.darkSelector??":root[data-theme=dark]"}),Te=(t,e,n,r)=>{const{baseVars:l,darkVars:f,warnings:s,errors:c}=Ve(t),a=Se("vueforge-theme");if(!a)return;if(c.length){if(r)throw new Error(`[VueForge] ${c.join(" ")}`);for(const d of c)console.warn(`[VueForge] ${d}`)}if(s.length)for(const d of s)console.warn(`[VueForge] ${d}`);const v=[];l.length&&v.push(`${e} { ${l.join(";")} }`),f.length&&v.push(`${n} { ${f.join(";")} }`),a.textContent=v.join(`
|
|
3
|
+
`)};let M=null;const Z=t=>{const e=Fe(t);if(!e)return;const n=U(e.preset,e.overrides),{selector:r,darkSelector:l}=Ee(e);M={...e},Te(n,r,l,e.strict)},Ne=t=>{if(!M)return;const e=t.overrides===void 0?M.overrides:U(M.overrides??{},t.overrides??{}),n={preset:t.preset??M.preset,overrides:e,selector:t.selector??M.selector,darkSelector:t.darkSelector??M.darkSelector};Z(n)},Re=()=>M?{...M}:null,Le={install(t,e={}){e.theme&&Z(e.theme)}},ao={colors:{white:"#ffffff",green:"#0cbc87",red:"#d6293e",yellow:"#f7c32e",sky:"#0ea5e9",blue:"#007bff",purple:"#6f42c1",gray:"#adb5bd"},borderWidth:"1px",controls:{height:"2rem",paddingY:"0.25rem",paddingX:"0.6rem"},radii:{sm:"4px",md:"6px",lg:"10px"},typography:{fontSize:"1rem",lineHeight:"1.4"},states:{disabledOpacity:"0.6",focusRingShadow:"0 0 0 3px rgba(var(--vf-blue-600-rgb), 0.12)"},sizes:{sm:{fontSize:"0.875rem",paddingY:"0.2rem",paddingX:"0.5rem"},lg:{fontSize:"1.125rem",paddingY:"0.5rem",paddingX:"1rem"}},colorScheme:{light:{bgColor:"#ffffff",bgSoftColor:"#f9f9f9",textColor:"rgba(60, 60, 67)",secondaryTextColor:"rgba(60, 60, 67, .78)",borderColor:"#c2c2c4",gutterColor:"#e2e2e3",dividerColor:"#e2e2e3"},dark:{bgColor:"#1a1a1a",bgSoftColor:"#242424",textColor:"rgba(255, 255, 255, .87)",secondaryTextColor:"rgba(235, 235, 235, .6)",borderColor:"#3c3f44",gutterColor:"#000000",dividerColor:"#2e2e32"}}},We={...ao,components:{base:ao,button:{fontSize:"var(--vf-typography-font-size)",padding:"var(--vf-controls-padding-y) var(--vf-controls-padding-x)",borderRadius:"var(--vf-radii-md)",roundedBorderRadius:"2rem",iconGap:"6px",small:{fontSize:"var(--vf-sizes-sm-font-size)",padding:"var(--vf-sizes-sm-padding-y) var(--vf-sizes-sm-padding-x)"},large:{fontSize:"var(--vf-sizes-lg-font-size)",padding:"var(--vf-sizes-lg-padding-y) var(--vf-sizes-lg-padding-x)"},colorScheme:{light:{primary:{color:"#FFFFFF",hoverColor:"#FFFFFF",borderColor:"var(--vf-blue)",activeColor:"#FFFFFF",backgroundColor:"var(--vf-blue)",hoverBorderColor:"var(--vf-blue-600)",activeBorderColor:"var(--vf-blue-700)",hoverBackgroundColor:"var(--vf-blue-600)",activeBackgroundColor:"var(--vf-blue-700)"},secondary:{color:"#FFFFFF",hoverColor:"#FFFFFF",borderColor:"var(--vf-gray)",activeColor:"#FFFFFF",backgroundColor:"var(--vf-gray)",hoverBorderColor:"var(--vf-gray-600)",activeBorderColor:"var(--vf-gray-700)",hoverBackgroundColor:"var(--vf-gray-600)",activeBackgroundColor:"var(--vf-gray-700)"},success:{color:"#FFFFFF",hoverColor:"#FFFFFF",borderColor:"var(--vf-green)",activeColor:"#FFFFFF",backgroundColor:"var(--vf-green)",hoverBorderColor:"var(--vf-green-600)",activeBorderColor:"var(--vf-green-700)",hoverBackgroundColor:"var(--vf-green-600)",activeBackgroundColor:"var(--vf-green-700)"},danger:{color:"#FFFFFF",hoverColor:"#FFFFFF",borderColor:"var(--vf-red)",activeColor:"#FFFFFF",backgroundColor:"var(--vf-red)",hoverBorderColor:"var(--vf-red-600)",activeBorderColor:"var(--vf-red-700)",hoverBackgroundColor:"var(--vf-red-600)",activeBackgroundColor:"var(--vf-red-700)"},warning:{color:"#FFFFFF",hoverColor:"#FFFFFF",borderColor:"var(--vf-yellow)",activeColor:"#FFFFFF",backgroundColor:"var(--vf-yellow)",hoverBorderColor:"var(--vf-yellow-600)",activeBorderColor:"var(--vf-yellow-700)",hoverBackgroundColor:"var(--vf-yellow-600)",activeBackgroundColor:"var(--vf-yellow-700)"},info:{color:"#FFFFFF",hoverColor:"#FFFFFF",borderColor:"var(--vf-sky)",activeColor:"#FFFFFF",backgroundColor:"var(--vf-sky)",hoverBorderColor:"var(--vf-sky-600)",activeBorderColor:"var(--vf-sky-700)",hoverBackgroundColor:"var(--vf-sky-600)",activeBackgroundColor:"var(--vf-sky-700)"},text:{primary:{color:"var(--vf-blue)",hoverBackgroundColor:"rgba(var(--vf-blue-600-rgb), .1)"},secondary:{color:"var(--vf-gray)",hoverBackgroundColor:"rgba(var(--vf-gray-600-rgb), .1)"},success:{color:"var(--vf-green)",hoverBackgroundColor:"rgba(var(--vf-green-600-rgb), .1)"},danger:{color:"var(--vf-red)",hoverBackgroundColor:"rgba(var(--vf-red-600-rgb), .1)"},warning:{color:"var(--vf-yellow)",hoverBackgroundColor:"rgba(var(--vf-yellow-600-rgb), .1)"},info:{color:"var(--vf-sky)",hoverBackgroundColor:"rgba(var(--vf-sky-600-rgb), .1)"}},outlined:{primary:{color:"var(--vf-blue)",borderColor:"rgba(var(--vf-blue-rgb), .4)",hoverBackgroundColor:"rgba(var(--vf-blue-600-rgb), .1)"},secondary:{color:"var(--vf-gray)",borderColor:"rgba(var(--vf-gray-rgb), .4)",hoverBackgroundColor:"rgba(var(--vf-gray-600-rgb), .1)"},success:{color:"var(--vf-green)",borderColor:"rgba(var(--vf-green-rgb), .4)",hoverBackgroundColor:"rgba(var(--vf-green-600-rgb), .1)"},danger:{color:"var(--vf-red)",borderColor:"rgba(var(--vf-red-rgb), .4)",hoverBackgroundColor:"rgba(var(--vf-red-600-rgb), .1)"},warning:{color:"var(--vf-yellow)",borderColor:"rgba(var(--vf-yellow-rgb), .4)",hoverBackgroundColor:"rgba(var(--vf-yellow-600-rgb), .1)"},info:{color:"var(--vf-sky)",borderColor:"rgba(var(--vf-sky-rgb), .4)",hoverBackgroundColor:"rgba(var(--vf-sky-600-rgb), .1)"}}}}},card:{padding:"12px",borderColor:"var(--vf-border-color)",borderRadius:"var(--vf-radii-md)"},codeBlock:{},input:{gap:"0.5rem",fontSize:"var(--vf-typography-font-size)",padding:"var(--vf-controls-padding-y) var(--vf-controls-padding-x)",borderRadius:"var(--vf-radii-md)",borderColor:"var(--vf-border-color)",backgroundColor:"var(--vf-bg-color)",textColor:"var(--vf-text-color)",placeholderColor:"var(--vf-secondary-text-color)",focusBorderColor:"var(--vf-blue-600)",focusRingShadow:"var(--vf-states-focus-ring-shadow)",hoverBorderColor:"var(--vf-blue-500)",disabledOpacity:"var(--vf-states-disabled-opacity)",small:{padding:"var(--vf-sizes-sm-padding-y) var(--vf-sizes-sm-padding-x)",fontSize:"var(--vf-sizes-sm-font-size)"},large:{padding:"var(--vf-sizes-lg-padding-y) var(--vf-sizes-lg-padding-x)",fontSize:"var(--vf-sizes-lg-font-size)"}},link:{hoverColor:"var(--vf-blue)",activeColor:"var(--vf-blue)"},menu:{iconGap:"6px",submenuOffset:"12px",separatorThickness:"1px",separatorHeight:"1rem",separatorColor:"var(--vf-border-color)",link:{hoverColor:"var(--vf-blue)",activeColor:"var(--vf-blue)"},parent:{hoverColor:"var(--vf-secondary-text-color)",activeColor:"var(--vf-blue)"},item:{marginTop:"0.5rem",marginRight:"0.5rem",marginBottom:"0.5rem",marginLeft:"0.5rem"}},modal:{width:"90vw",maxWidth:"520px",maxHeight:"80vh",widthSm:"90vw",maxWidthSm:"420px",widthLg:"90vw",maxWidthLg:"720px",padding:"1.25rem",borderRadius:"var(--vf-radii-lg)",backgroundColor:"var(--vf-bg-color)",textColor:"var(--vf-text-color)",overlayBackgroundColor:"rgba(0, 0, 0, 0.45)",shadow:"0 12px 40px rgba(0, 0, 0, 0.2)",zIndex:"100",headerGap:"0.75rem",bodyGap:"1rem",footerGap:"0.5rem",titleFontSize:"1.125rem",titleLineHeight:"1.4",titleFontWeight:"600",closeSize:"2rem",closeRadius:"999px",closeOffset:"0.5rem",closeColor:"var(--vf-text-color)",closeFontSize:"1.25rem",closeHoverBackgroundColor:"rgba(0, 0, 0, 0.06)"},popover:{backgroundColor:"var(--vf-bg-color)"},select:{minWidth:"12rem",fontSize:"var(--vf-typography-font-size)",controlGap:"0.75rem",chevronSize:"0.9em",padding:"var(--vf-controls-padding-y) var(--vf-controls-padding-x)",borderRadius:"var(--vf-radii-md)",borderColor:"var(--vf-border-color)",backgroundColor:"var(--vf-bg-color)",textColor:"var(--vf-text-color)",focusBorderColor:"var(--vf-blue-600)",hoverBorderColor:"var(--vf-blue-500)",disabledOpacity:"var(--vf-states-disabled-opacity)",panelBackgroundColor:"var(--vf-bg-color)",panelBorderColor:"var(--vf-border-color)",panelPadding:"0.35rem",panelMaxHeight:"16rem",panelRadiusOffset:"2px",panelShadow:"0 10px 30px rgba(0, 0, 0, 0.12)",focusRingShadow:"var(--vf-states-focus-ring-shadow)",optionPadding:"0.5rem 0.6rem",optionBorderRadius:"var(--vf-radii-md)",optionHoverBackgroundColor:"rgba(var(--vf-blue-600-rgb), 0.08)",optionActiveBackgroundColor:"rgba(var(--vf-blue-600-rgb), 0.14)",optionActiveTextColor:"var(--vf-text-color)",small:{padding:"var(--vf-sizes-sm-padding-y) var(--vf-sizes-sm-padding-x)",fontSize:"var(--vf-sizes-sm-font-size)"},large:{padding:"var(--vf-sizes-lg-padding-y) var(--vf-sizes-lg-padding-x)",fontSize:"var(--vf-sizes-lg-font-size)"}},checkbox:{size:"1rem",gap:"0.5rem",borderRadius:"var(--vf-radii-sm)",checkBorderRadius:"2px",borderColor:"var(--vf-border-color)",backgroundColor:"var(--vf-bg-color)",checkedBackgroundColor:"var(--vf-blue)",checkedBorderColor:"var(--vf-blue)",checkColor:"#ffffff",textColor:"var(--vf-text-color)",disabledOpacity:"var(--vf-states-disabled-opacity)"},switch:{width:"2.25rem",height:"1.25rem",thumbSize:"1rem",gap:"0.5rem",thumbOffset:"2px",thumbTranslateOffset:"4px",backgroundColor:"var(--vf-border-color)",checkedBackgroundColor:"var(--vf-blue)",thumbColor:"#ffffff",textColor:"var(--vf-text-color)",disabledOpacity:"var(--vf-states-disabled-opacity)"}}};_.Button=wo,_.Card=oo,_.Checkbox=ie,_.DefaultTheme=We,_.Input=zo,_.Link=X,_.Menu=_o,_.Modal=ge,_.Popover=ue,_.Select=ne,_.Switch=de,_.VueForge=Le,_.getTheme=Re,_.setTheme=Z,_.updateTheme=Ne,Object.defineProperty(_,Symbol.toStringTag,{value:"Module"})}));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
interface Props {
|
|
2
|
+
modelValue?: boolean;
|
|
3
|
+
title?: string;
|
|
4
|
+
closeOnOverlay?: boolean;
|
|
5
|
+
closeOnEsc?: boolean;
|
|
6
|
+
showClose?: boolean;
|
|
7
|
+
lockScroll?: boolean;
|
|
8
|
+
size?: 'sm' | 'md' | 'lg';
|
|
9
|
+
}
|
|
10
|
+
declare function __VLS_template(): {
|
|
11
|
+
attrs: Partial<{}>;
|
|
12
|
+
slots: {
|
|
13
|
+
header?(_: {}): any;
|
|
14
|
+
close?(_: {
|
|
15
|
+
close: () => void;
|
|
16
|
+
}): any;
|
|
17
|
+
body?(_: {}): any;
|
|
18
|
+
default?(_: {}): any;
|
|
19
|
+
footer?(_: {}): any;
|
|
20
|
+
};
|
|
21
|
+
refs: {
|
|
22
|
+
panel: HTMLDivElement;
|
|
23
|
+
};
|
|
24
|
+
rootEl: any;
|
|
25
|
+
};
|
|
26
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
27
|
+
declare const __VLS_component: import('vue').DefineComponent<Props, {
|
|
28
|
+
open: () => void;
|
|
29
|
+
close: () => void;
|
|
30
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
31
|
+
close: (...args: any[]) => void;
|
|
32
|
+
"update:modelValue": (...args: any[]) => void;
|
|
33
|
+
open: (...args: any[]) => void;
|
|
34
|
+
}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
|
|
35
|
+
onClose?: ((...args: any[]) => any) | undefined;
|
|
36
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
37
|
+
onOpen?: ((...args: any[]) => any) | undefined;
|
|
38
|
+
}>, {
|
|
39
|
+
title: string;
|
|
40
|
+
size: "sm" | "md" | "lg";
|
|
41
|
+
modelValue: boolean;
|
|
42
|
+
closeOnOverlay: boolean;
|
|
43
|
+
closeOnEsc: boolean;
|
|
44
|
+
showClose: boolean;
|
|
45
|
+
lockScroll: boolean;
|
|
46
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
47
|
+
panel: HTMLDivElement;
|
|
48
|
+
}, any>;
|
|
49
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
50
|
+
export default _default;
|
|
51
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
52
|
+
new (): {
|
|
53
|
+
$slots: S;
|
|
54
|
+
};
|
|
55
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -1,22 +1,10 @@
|
|
|
1
1
|
import { App } from 'vue';
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
preset: ThemePreset;
|
|
5
|
-
overrides?: ThemePreset;
|
|
6
|
-
selector?: string;
|
|
7
|
-
darkSelector?: string;
|
|
8
|
-
};
|
|
2
|
+
import { ThemeOptions, ThemePreset } from './theme-core';
|
|
3
|
+
import { getTheme, setTheme, updateTheme } from './theme-runtime';
|
|
9
4
|
type VueForgeOptions = {
|
|
10
5
|
theme?: ThemeOptions | ThemePreset;
|
|
11
6
|
};
|
|
12
|
-
export
|
|
13
|
-
export declare const updateTheme: (partial: Partial<ThemeOptions>) => void;
|
|
14
|
-
export declare const getTheme: () => {
|
|
15
|
-
preset: ThemePreset;
|
|
16
|
-
overrides?: ThemePreset;
|
|
17
|
-
selector?: string;
|
|
18
|
-
darkSelector?: string;
|
|
19
|
-
} | null;
|
|
7
|
+
export { setTheme, updateTheme, getTheme };
|
|
20
8
|
declare const _default: {
|
|
21
9
|
install(_app: App, options?: VueForgeOptions): void;
|
|
22
10
|
};
|
|
@@ -0,0 +1,216 @@
|
|
|
1
|
+
export type ThemeColorScheme = {
|
|
2
|
+
light?: Record<string, string>;
|
|
3
|
+
dark?: Record<string, string>;
|
|
4
|
+
};
|
|
5
|
+
export type ThemeSizes = {
|
|
6
|
+
sm?: Record<string, string>;
|
|
7
|
+
lg?: Record<string, string>;
|
|
8
|
+
};
|
|
9
|
+
export type ButtonTokens = {
|
|
10
|
+
fontSize?: string;
|
|
11
|
+
padding?: string;
|
|
12
|
+
borderRadius?: string;
|
|
13
|
+
roundedBorderRadius?: string;
|
|
14
|
+
iconGap?: string;
|
|
15
|
+
small?: {
|
|
16
|
+
fontSize?: string;
|
|
17
|
+
padding?: string;
|
|
18
|
+
};
|
|
19
|
+
large?: {
|
|
20
|
+
fontSize?: string;
|
|
21
|
+
padding?: string;
|
|
22
|
+
};
|
|
23
|
+
colorScheme?: Record<string, Record<string, Record<string, string>>>;
|
|
24
|
+
};
|
|
25
|
+
export type CardTokens = {
|
|
26
|
+
padding?: string;
|
|
27
|
+
borderColor?: string;
|
|
28
|
+
borderRadius?: string;
|
|
29
|
+
};
|
|
30
|
+
export type CheckboxTokens = {
|
|
31
|
+
size?: string;
|
|
32
|
+
gap?: string;
|
|
33
|
+
borderRadius?: string;
|
|
34
|
+
checkBorderRadius?: string;
|
|
35
|
+
borderColor?: string;
|
|
36
|
+
backgroundColor?: string;
|
|
37
|
+
checkedBackgroundColor?: string;
|
|
38
|
+
checkedBorderColor?: string;
|
|
39
|
+
checkColor?: string;
|
|
40
|
+
textColor?: string;
|
|
41
|
+
disabledOpacity?: string;
|
|
42
|
+
};
|
|
43
|
+
export type CodeBlockTokens = {
|
|
44
|
+
borderRadius?: string;
|
|
45
|
+
backgroundColor?: string;
|
|
46
|
+
textColor?: string;
|
|
47
|
+
};
|
|
48
|
+
export type InputTokens = {
|
|
49
|
+
gap?: string;
|
|
50
|
+
fontSize?: string;
|
|
51
|
+
padding?: string;
|
|
52
|
+
borderRadius?: string;
|
|
53
|
+
borderColor?: string;
|
|
54
|
+
backgroundColor?: string;
|
|
55
|
+
textColor?: string;
|
|
56
|
+
placeholderColor?: string;
|
|
57
|
+
focusBorderColor?: string;
|
|
58
|
+
focusRingShadow?: string;
|
|
59
|
+
hoverBorderColor?: string;
|
|
60
|
+
disabledOpacity?: string;
|
|
61
|
+
small?: {
|
|
62
|
+
padding?: string;
|
|
63
|
+
fontSize?: string;
|
|
64
|
+
};
|
|
65
|
+
large?: {
|
|
66
|
+
padding?: string;
|
|
67
|
+
fontSize?: string;
|
|
68
|
+
};
|
|
69
|
+
};
|
|
70
|
+
export type LinkTokens = {
|
|
71
|
+
hoverColor?: string;
|
|
72
|
+
activeColor?: string;
|
|
73
|
+
};
|
|
74
|
+
export type MenuTokens = {
|
|
75
|
+
iconGap?: string;
|
|
76
|
+
submenuOffset?: string;
|
|
77
|
+
separatorThickness?: string;
|
|
78
|
+
separatorHeight?: string;
|
|
79
|
+
separatorColor?: string;
|
|
80
|
+
link?: {
|
|
81
|
+
hoverColor?: string;
|
|
82
|
+
activeColor?: string;
|
|
83
|
+
};
|
|
84
|
+
parent?: {
|
|
85
|
+
hoverColor?: string;
|
|
86
|
+
activeColor?: string;
|
|
87
|
+
};
|
|
88
|
+
item?: {
|
|
89
|
+
marginTop?: string;
|
|
90
|
+
marginRight?: string;
|
|
91
|
+
marginBottom?: string;
|
|
92
|
+
marginLeft?: string;
|
|
93
|
+
};
|
|
94
|
+
};
|
|
95
|
+
export type ModalTokens = {
|
|
96
|
+
width?: string;
|
|
97
|
+
maxWidth?: string;
|
|
98
|
+
maxHeight?: string;
|
|
99
|
+
widthSm?: string;
|
|
100
|
+
maxWidthSm?: string;
|
|
101
|
+
widthLg?: string;
|
|
102
|
+
maxWidthLg?: string;
|
|
103
|
+
padding?: string;
|
|
104
|
+
borderRadius?: string;
|
|
105
|
+
backgroundColor?: string;
|
|
106
|
+
textColor?: string;
|
|
107
|
+
overlayBackgroundColor?: string;
|
|
108
|
+
shadow?: string;
|
|
109
|
+
zIndex?: string;
|
|
110
|
+
headerGap?: string;
|
|
111
|
+
bodyGap?: string;
|
|
112
|
+
footerGap?: string;
|
|
113
|
+
titleFontSize?: string;
|
|
114
|
+
titleLineHeight?: string;
|
|
115
|
+
titleFontWeight?: string;
|
|
116
|
+
closeSize?: string;
|
|
117
|
+
closeRadius?: string;
|
|
118
|
+
closeOffset?: string;
|
|
119
|
+
closeColor?: string;
|
|
120
|
+
closeFontSize?: string;
|
|
121
|
+
closeHoverBackgroundColor?: string;
|
|
122
|
+
};
|
|
123
|
+
export type PopoverTokens = {
|
|
124
|
+
borderRadius?: string;
|
|
125
|
+
borderColor?: string;
|
|
126
|
+
backgroundColor?: string;
|
|
127
|
+
shadow?: string;
|
|
128
|
+
};
|
|
129
|
+
export type SelectTokens = {
|
|
130
|
+
minWidth?: string;
|
|
131
|
+
fontSize?: string;
|
|
132
|
+
controlGap?: string;
|
|
133
|
+
chevronSize?: string;
|
|
134
|
+
padding?: string;
|
|
135
|
+
borderRadius?: string;
|
|
136
|
+
borderColor?: string;
|
|
137
|
+
backgroundColor?: string;
|
|
138
|
+
textColor?: string;
|
|
139
|
+
focusBorderColor?: string;
|
|
140
|
+
hoverBorderColor?: string;
|
|
141
|
+
disabledOpacity?: string;
|
|
142
|
+
panelBackgroundColor?: string;
|
|
143
|
+
panelBorderColor?: string;
|
|
144
|
+
panelPadding?: string;
|
|
145
|
+
panelMaxHeight?: string;
|
|
146
|
+
panelRadiusOffset?: string;
|
|
147
|
+
panelShadow?: string;
|
|
148
|
+
focusRingShadow?: string;
|
|
149
|
+
optionPadding?: string;
|
|
150
|
+
optionBorderRadius?: string;
|
|
151
|
+
optionHoverBackgroundColor?: string;
|
|
152
|
+
optionActiveBackgroundColor?: string;
|
|
153
|
+
optionActiveTextColor?: string;
|
|
154
|
+
small?: {
|
|
155
|
+
padding?: string;
|
|
156
|
+
fontSize?: string;
|
|
157
|
+
};
|
|
158
|
+
large?: {
|
|
159
|
+
padding?: string;
|
|
160
|
+
fontSize?: string;
|
|
161
|
+
};
|
|
162
|
+
};
|
|
163
|
+
export type SwitchTokens = {
|
|
164
|
+
width?: string;
|
|
165
|
+
height?: string;
|
|
166
|
+
thumbSize?: string;
|
|
167
|
+
gap?: string;
|
|
168
|
+
thumbOffset?: string;
|
|
169
|
+
thumbTranslateOffset?: string;
|
|
170
|
+
backgroundColor?: string;
|
|
171
|
+
checkedBackgroundColor?: string;
|
|
172
|
+
thumbColor?: string;
|
|
173
|
+
textColor?: string;
|
|
174
|
+
disabledOpacity?: string;
|
|
175
|
+
};
|
|
176
|
+
export type ThemeComponentTokens = {
|
|
177
|
+
button?: ButtonTokens;
|
|
178
|
+
card?: CardTokens;
|
|
179
|
+
checkbox?: CheckboxTokens;
|
|
180
|
+
codeBlock?: CodeBlockTokens;
|
|
181
|
+
input?: InputTokens;
|
|
182
|
+
link?: LinkTokens;
|
|
183
|
+
menu?: MenuTokens;
|
|
184
|
+
modal?: ModalTokens;
|
|
185
|
+
popover?: PopoverTokens;
|
|
186
|
+
select?: SelectTokens;
|
|
187
|
+
switch?: SwitchTokens;
|
|
188
|
+
[key: string]: unknown;
|
|
189
|
+
};
|
|
190
|
+
export type ThemeTokens = {
|
|
191
|
+
colors?: Record<string, string>;
|
|
192
|
+
colorScheme?: ThemeColorScheme;
|
|
193
|
+
radii?: Record<string, string>;
|
|
194
|
+
typography?: Record<string, string>;
|
|
195
|
+
states?: Record<string, string>;
|
|
196
|
+
controls?: Record<string, string>;
|
|
197
|
+
sizes?: ThemeSizes;
|
|
198
|
+
components?: ThemeComponentTokens;
|
|
199
|
+
[key: string]: unknown;
|
|
200
|
+
};
|
|
201
|
+
export type ThemePreset = ThemeTokens;
|
|
202
|
+
export type ThemeOptions = {
|
|
203
|
+
preset: ThemePreset;
|
|
204
|
+
overrides?: ThemePreset;
|
|
205
|
+
selector?: string;
|
|
206
|
+
darkSelector?: string;
|
|
207
|
+
strict?: boolean;
|
|
208
|
+
};
|
|
209
|
+
export declare const mergeDeep: (base: ThemePreset, overrides?: ThemePreset) => ThemePreset;
|
|
210
|
+
export declare const normalizeThemeOptions: (theme?: ThemeOptions | ThemePreset) => ThemeOptions | null;
|
|
211
|
+
export declare const buildThemeVariables: (theme: ThemePreset) => {
|
|
212
|
+
baseVars: string[];
|
|
213
|
+
darkVars: string[];
|
|
214
|
+
warnings: string[];
|
|
215
|
+
errors: string[];
|
|
216
|
+
};
|