@codemonster-ru/vueforge 0.6.0 → 0.7.0

package/dist/index.css

@@ -1 +1 @@
-.vf-link{color:inherit;cursor:pointer;text-decoration:none}.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}.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}.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;padding:var(--vf-button-padding);font-size:var(--vf-button-font-size);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:.6;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);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);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)}.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);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);outline:none;display:inline-flex;align-items:center;justify-content:space-between;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}.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)}.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)}.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-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)}

package/dist/index.ts.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as X, ref as N, computed as w, watch as le, resolveComponent as be, openBlock as g, createElementBlock as h, normalizeClass as C, renderSlot as k, Fragment as oe, createTextVNode as J, toDisplayString as M, createBlock as W, withCtx as I, createCommentVNode as _, createElementVNode as B, renderList as ge, withKeys as K, withModifiers as G, unref as U, createVNode as he, nextTick as de, onMounted as Re, onBeforeUnmount as Se, Teleport as Le, withDirectives as me, vShow as ye, reactive as Ve, createSlots as ze } from "vue";
+import { defineComponent as X, ref as N, computed as w, watch as le, resolveComponent as ge, openBlock as b, createElementBlock as h, normalizeClass as C, renderSlot as k, Fragment as oe, createTextVNode as J, toDisplayString as M, createBlock as W, withCtx as I, createCommentVNode as _, createElementVNode as B, renderList as be, withKeys as K, withModifiers as G, unref as U, createVNode as he, nextTick as de, onMounted as Te, onBeforeUnmount as Se, Teleport as Le, withDirectives as me, vShow as ye, reactive as Ve, createSlots as ze } from "vue";
 import { useRoute as We, useRouter as Me } from "vue-router";
 import { CmIcon as Z } from "@codemonster-ru/vueiconify";
 const He = ["href", "aria-disabled", "tabindex"], ke = /* @__PURE__ */ X({
@@ -30,8 +30,8 @@ const He = ["href", "aria-disabled", "tabindex"], ke = /* @__PURE__ */ X({
     return le(a, (p) => {
       p && (r("active"), r("onActive")), r("update:active", p);
     }), (p, y) => {
-      const m = be("router-link");
-      return l.value === "a" ? (g(), h("a", {
+      const m = ge("router-link");
+      return l.value === "a" ? (b(), h("a", {
         key: 0,
         href: i.value,
         class: C(["vf-link", { "vf-link_active": v.value, "vf-link_disabled": p.disabled }]),
@@ -39,10 +39,10 @@ const He = ["href", "aria-disabled", "tabindex"], ke = /* @__PURE__ */ X({
         tabindex: p.disabled ? -1 : void 0,
         onClick: f
       }, [
-        p.$slots.default ? k(p.$slots, "default", { key: 0 }) : (g(), h(oe, { key: 1 }, [
+        p.$slots.default ? k(p.$slots, "default", { key: 0 }) : (b(), h(oe, { key: 1 }, [
           J(M(p.label), 1)
         ], 64))
-      ], 10, He)) : (g(), W(m, {
+      ], 10, He)) : (b(), W(m, {
         key: 1,
         ref_key: "link",
         ref: s,
@@ -55,7 +55,7 @@ const He = ["href", "aria-disabled", "tabindex"], ke = /* @__PURE__ */ X({
         onClick: f
       }, {
         default: I(() => [
-          p.$slots.default ? k(p.$slots, "default", { key: 0 }) : (g(), h(oe, { key: 1 }, [
+          p.$slots.default ? k(p.$slots, "default", { key: 0 }) : (b(), h(oe, { key: 1 }, [
             J(M(p.label), 1)
           ], 64))
         ]),
@@ -82,17 +82,17 @@ const He = ["href", "aria-disabled", "tabindex"], ke = /* @__PURE__ */ X({
   class: "vf-card__footer"
 };
 function je(t, e) {
-  return g(), h("div", Pe, [
-    t.$slots.default ? (g(), h("div", Ae, [
+  return b(), h("div", Pe, [
+    t.$slots.default ? (b(), h("div", Ae, [
       k(t.$slots, "default")
     ])) : _("", !0),
-    t.$slots.header ? (g(), h("div", De, [
+    t.$slots.header ? (b(), h("div", De, [
       k(t.$slots, "header")
     ])) : _("", !0),
-    t.$slots.body ? (g(), h("div", Ne, [
+    t.$slots.body ? (b(), h("div", Ne, [
       k(t.$slots, "body")
     ])) : _("", !0),
-    t.$slots.footer ? (g(), h("div", Ie, [
+    t.$slots.footer ? (b(), h("div", Ie, [
       k(t.$slots, "footer")
     ])) : _("", !0)
   ]);
@@ -135,12 +135,12 @@ const Xe = /* @__PURE__ */ Oe(Ee, [["render", je]]), Ye = {
       },
       { deep: !0, immediate: !0 }
     ), (d, a) => {
-      const v = be("VfMenu");
-      return g(), h("div", {
+      const v = ge("VfMenu");
+      return b(), h("div", {
         class: C(["vf-menu", `vf-menu_${d.orientation}`])
       }, [
         B("ul", Ye, [
-          (g(!0), h(oe, null, ge(n.value, (f, p) => (g(), h("li", {
+          (b(!0), h(oe, null, be(n.value, (f, p) => (b(), h("li", {
             key: c(f, p),
             class: "vf-menu__item",
             role: "none"
@@ -148,7 +148,7 @@ const Xe = /* @__PURE__ */ Oe(Ee, [["render", je]]), Ye = {
             d.$slots[c(f, p)] ? k(d.$slots, c(f, p), {
               key: 0,
               item: { ...f, class: "vf-menu__link" }
-            }) : f.separator ? (g(), h("hr", Ke)) : f.items && f.items.length ? (g(), h(oe, { key: 2 }, [
+            }) : f.separator ? (b(), h("hr", Ke)) : f.items && f.items.length ? (b(), h(oe, { key: 2 }, [
               B("div", {
                 class: C(["vf-menu__parent", { "vf-menu__parent_active": f.active }]),
                 role: "menuitem",
@@ -160,7 +160,7 @@ const Xe = /* @__PURE__ */ Oe(Ee, [["render", je]]), Ye = {
                   K(G((y) => l(f), ["prevent"]), ["space"])
                 ]
               }, [
-                f.icon ? (g(), W(U(Z), {
+                f.icon ? (b(), W(U(Z), {
                   key: 0,
                   icon: f.icon,
                   class: "vf-menu__icon"
@@ -168,13 +168,13 @@ const Xe = /* @__PURE__ */ Oe(Ee, [["render", je]]), Ye = {
                 J(" " + M(f.label) + " ", 1),
                 he(U(Z), { icon: "chevronDown" })
               ], 42, Ge),
-              f.items ? (g(), W(v, {
+              f.items ? (b(), W(v, {
                 key: 0,
                 items: f.items,
                 class: C(["vf-menu__submenu", { "vf-menu__submenu_visible": f.subMenuVisible }]),
                 onOnActive: u
               }, null, 8, ["items", "class"])) : _("", !0)
-            ], 64)) : (g(), W(ke, {
+            ], 64)) : (b(), W(ke, {
               key: 3,
               to: f.to,
               href: f.href ?? f.url,
@@ -188,7 +188,7 @@ const Xe = /* @__PURE__ */ Oe(Ee, [["render", je]]), Ye = {
               onActive: (y) => u(f)
             }, {
               default: I(() => [
-                f.icon ? (g(), W(U(Z), {
+                f.icon ? (b(), W(U(Z), {
                   key: 0,
                   icon: f.icon,
                   class: "vf-menu__icon"
@@ -225,33 +225,33 @@ const Xe = /* @__PURE__ */ Oe(Ee, [["render", je]]), Ye = {
       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;
     }), l = w(() => ["vf-button__icon", `vf-button__icon_${e.iconPos}`]), u = w(() => ["vf-button__label"]);
-    return (d, a) => n.value ? (g(), h("button", {
+    return (d, a) => n.value ? (b(), h("button", {
       key: 0,
       type: c.value,
       class: C(i.value),
       disabled: e.loading || e.disabled
     }, [
-      e.icon && !e.loading ? (g(), W(U(Z), {
+      e.icon && !e.loading ? (b(), W(U(Z), {
         key: 0,
         icon: e.icon,
         class: C(l.value)
       }, null, 8, ["icon", "class"])) : _("", !0),
-      e.loading ? (g(), W(U(Z), {
+      e.loading ? (b(), W(U(Z), {
         key: 1,
         icon: "circleNotch",
         class: C(l.value),
         spin: ""
       }, null, 8, ["class"])) : _("", !0),
-      d.$slots.default ? (g(), h("span", {
+      d.$slots.default ? (b(), h("span", {
         key: 2,
         class: C(u.value)
       }, [
         k(d.$slots, "default")
-      ], 2)) : d.label ? (g(), h("span", {
+      ], 2)) : d.label ? (b(), h("span", {
         key: 3,
         class: C(u.value)
       }, M(d.label), 3)) : _("", !0)
-    ], 10, qe)) : (g(), W(ke, {
+    ], 10, qe)) : (b(), W(ke, {
       key: 1,
       to: e.to,
       href: e.href ?? e.url,
@@ -260,17 +260,17 @@ const Xe = /* @__PURE__ */ Oe(Ee, [["render", je]]), Ye = {
       disabled: e.loading || e.disabled
     }, {
       default: I(() => [
-        e.icon ? (g(), W(U(Z), {
+        e.icon ? (b(), W(U(Z), {
           key: 0,
           icon: e.icon,
           class: C(l.value)
         }, null, 8, ["icon", "class"])) : _("", !0),
-        d.$slots.default ? (g(), h("span", {
+        d.$slots.default ? (b(), h("span", {
           key: 1,
           class: C(u.value)
         }, [
           k(d.$slots, "default")
-        ], 2)) : d.label ? (g(), h("span", {
+        ], 2)) : d.label ? (b(), h("span", {
           key: 2,
           class: C(u.value)
         }, M(d.label), 3)) : _("", !0)
@@ -304,10 +304,10 @@ const Xe = /* @__PURE__ */ Oe(Ee, [["render", je]]), Ye = {
       const d = u.target;
       r("update:modelValue", d.value), r("input", u);
     }, s = (u) => r("change", u), i = (u) => r("focus", u), l = (u) => r("blur", u);
-    return (u, d) => (g(), h("div", {
+    return (u, d) => (b(), h("div", {
       class: C(n.value)
     }, [
-      u.$slots.prefix ? (g(), h("span", Ue, [
+      u.$slots.prefix ? (b(), h("span", Ue, [
         k(u.$slots, "prefix")
       ])) : _("", !0),
       B("input", {
@@ -322,7 +322,7 @@ const Xe = /* @__PURE__ */ Oe(Ee, [["render", je]]), Ye = {
         onFocus: i,
         onBlur: l
       }, null, 40, Ze),
-      u.$slots.suffix ? (g(), h("span", Je, [
+      u.$slots.suffix ? (b(), h("span", Je, [
         k(u.$slots, "suffix")
       ])) : _("", !0)
     ], 2));
@@ -353,7 +353,7 @@ const Xe = /* @__PURE__ */ Oe(Ee, [["render", je]]), Ye = {
 function Qe(t) {
   return typeof window > "u" ? !1 : window.getComputedStyle(t).position === "fixed";
 }
-const et = (t, e) => t.strategy ? t.strategy : Qe(e) ? "fixed" : "absolute", Y = (t, e) => et(t, e) === "fixed", R = (t, e, r = {}) => {
+const et = (t, e) => t.strategy ? t.strategy : Qe(e) ? "fixed" : "absolute", Y = (t, e) => et(t, e) === "fixed", T = (t, e, r = {}) => {
   const o = t.getBoundingClientRect(), n = e ? e.offsetParent : null, c = e ? Y(r, e) : !1;
   if (n && !c) {
     const s = n.getBoundingClientRect(), i = n.scrollLeft, l = n.scrollTop;
@@ -507,8 +507,8 @@ const et = (t, e) => t.strategy ? t.strategy : Qe(e) ? "fixed" : "absolute", Y =
       const x = te(i);
       let $ = x, H = ee[x];
       f.forEach((q) => {
-        const b = te(q), F = ee[b];
-        F > H && (H = F, $ = b);
+        const g = te(q), F = ee[g];
+        F > H && (H = F, $ = g);
       });
       const A = Ft($, i, f), S = ae(l, s, A, v), D = j(v, "offset");
       if (D) {
@@ -593,84 +593,84 @@ const et = (t, e) => t.strategy ? t.strategy : Qe(e) ? "fixed" : "absolute", Y =
   }
   return () => o.forEach((n) => n());
 }, ut = (t, e, r = {}) => {
-  const o = R(t, e, r);
+  const o = T(t, e, r);
   return {
     x: o.left - e.getBoundingClientRect().width / 2 + o.width / 2,
     y: o.top - e.getBoundingClientRect().height,
     placement: "top"
   };
 }, ft = (t, e, r = {}) => {
-  const o = R(t, e, r);
+  const o = T(t, e, r);
   return {
     x: o.left,
     y: o.top - e.getBoundingClientRect().height,
     placement: "top-start"
   };
 }, vt = (t, e, r = {}) => {
-  const o = R(t, e, r);
+  const o = T(t, e, r);
   return {
     x: o.left - e.getBoundingClientRect().width + o.width,
     y: o.top - e.getBoundingClientRect().height,
     placement: "top-end"
   };
 }, pt = (t, e, r = {}) => {
-  const o = R(t, e, r);
+  const o = T(t, e, r);
   return {
     x: o.left + o.width,
     y: o.top - e.getBoundingClientRect().height / 2 + o.height / 2,
     placement: "right"
   };
-}, bt = (t, e, r = {}) => {
-  const o = R(t, e, r);
+}, gt = (t, e, r = {}) => {
+  const o = T(t, e, r);
   return {
     x: o.left + o.width,
     y: o.top,
     placement: "right-start"
   };
-}, gt = (t, e, r = {}) => {
-  const o = R(t, e, r);
+}, bt = (t, e, r = {}) => {
+  const o = T(t, e, r);
   return {
     x: o.left + o.width,
     y: o.top + o.height - e.getBoundingClientRect().height,
     placement: "right-end"
   };
 }, ht = (t, e, r = {}) => {
-  const o = R(t, e, r);
+  const o = T(t, e, r);
   return {
     x: o.left + o.width / 2 - e.getBoundingClientRect().width / 2,
     y: o.top + o.height,
     placement: "bottom"
   };
 }, mt = (t, e, r = {}) => {
-  const o = R(t, e, r);
+  const o = T(t, e, r);
   return {
     x: o.left,
     y: o.top + o.height,
     placement: "bottom-start"
   };
 }, yt = (t, e, r = {}) => {
-  const o = R(t, e, r);
+  const o = T(t, e, r);
   return {
     x: o.left - e.getBoundingClientRect().width + o.width,
     y: o.top + o.height,
     placement: "bottom-end"
   };
 }, kt = (t, e, r = {}) => {
-  const o = R(t, e, r);
+  const o = T(t, e, r);
   return {
     x: o.left - e.getBoundingClientRect().width,
     y: o.top + o.height / 2 - e.getBoundingClientRect().height / 2,
     placement: "left"
   };
 }, Ct = (t, e, r = {}) => {
-  const o = R(t, e, r);
+  const o = T(t, e, r);
   return {
     x: o.left - e.getBoundingClientRect().width,
     y: o.top,
     placement: "left-start"
   };
 }, wt = (t, e, r = {}) => {
-  const o = R(t, e, r);
+  const o = T(t, e, r);
   return {
     x: o.left - e.getBoundingClientRect().width,
     y: o.top + o.height - e.getBoundingClientRect().height,
@@ -687,9 +687,9 @@ const et = (t, e) => t.strategy ? t.strategy : Qe(e) ? "fixed" : "absolute", Y =
     case "right":
       return pt(t, e, o);
     case "right-start":
-      return bt(t, e, o);
-    case "right-end":
       return gt(t, e, o);
+    case "right-end":
+      return bt(t, e, o);
     case "bottom":
       return ht(t, e, o);
     case "bottom-start":
@@ -779,7 +779,7 @@ const et = (t, e) => t.strategy ? t.strategy : Qe(e) ? "fixed" : "absolute", Y =
     } else
       i.y = v.y;
   o(i);
-}), xt = ["disabled", "aria-expanded", "onKeydown"], Tt = ["data-placement"], Rt = ["disabled", "aria-selected", "onClick"], fo = /* @__PURE__ */ X({
+}), xt = ["disabled", "aria-expanded", "onKeydown"], Rt = ["data-placement"], Tt = ["disabled", "aria-selected", "onClick"], fo = /* @__PURE__ */ X({
   __name: "select",
   props: {
     modelValue: { default: void 0 },
@@ -795,48 +795,48 @@ const et = (t, e) => t.strategy ? t.strategy : Qe(e) ? "fixed" : "absolute", Y =
     let r = 0;
     const o = e, n = t, c = N(null), s = N(null), i = N(null), l = N(!1), u = N("bottom"), d = N("bottom"), a = `vf-select-panel-${++r}`;
     let v = null;
-    const f = w(() => n.options.map((b) => ({
-      label: b[n.optionLabel],
-      value: b[n.optionValue],
-      disabled: b.disabled
-    }))), p = w(() => f.value.find((b) => b.value === n.modelValue)), y = w(() => {
-      var b;
-      return ((b = p.value) == null ? void 0 : b.label) ?? "";
+    const f = w(() => n.options.map((g) => ({
+      label: g[n.optionLabel],
+      value: g[n.optionValue],
+      disabled: g.disabled
+    }))), p = w(() => f.value.find((g) => g.value === n.modelValue)), y = w(() => {
+      var g;
+      return ((g = p.value) == null ? void 0 : g.label) ?? "";
     }), m = w(() => {
-      const b = ["vf-select", l.value ? "vf-select_open" : ""];
-      return n.size !== "normal" && b.push(`vf-select_${n.size}`), n.disabled && b.push("vf-select_disabled"), b.filter(Boolean);
-    }), Q = (b) => b.value === n.modelValue, ee = (b) => {
-      b.disabled || (o("update:modelValue", b.value), o("change", b.value), H());
-    }, x = (b) => o("focus", b), $ = (b) => o("blur", b), H = () => {
+      const g = ["vf-select", l.value ? "vf-select_open" : ""];
+      return n.size !== "normal" && g.push(`vf-select_${n.size}`), n.disabled && g.push("vf-select_disabled"), g.filter(Boolean);
+    }), Q = (g) => g.value === n.modelValue, ee = (g) => {
+      g.disabled || (o("update:modelValue", g.value), o("change", g.value), H());
+    }, x = (g) => o("focus", g), $ = (g) => o("blur", g), H = () => {
       l.value = !1, u.value = "bottom", d.value = "bottom";
     }, A = () => {
       n.disabled || (l.value = !l.value, l.value && (u.value = "bottom", d.value = "bottom"));
     }, S = async () => {
-      var b, F;
-      l.value || (l.value = !0, await de()), (F = (b = i.value) == null ? void 0 : b.querySelector(".vf-select__option:not(.is-disabled)")) == null || F.focus();
-    }, D = (b) => {
-      var T;
+      var g, F;
+      l.value || (l.value = !0, await de()), (F = (g = i.value) == null ? void 0 : g.querySelector(".vf-select__option:not(.is-disabled)")) == null || F.focus();
+    }, D = (g) => {
+      var R;
       if (!l.value || !c.value)
         return;
-      const F = b.target;
-      c.value.contains(F) || (T = i.value) != null && T.contains(F) || H();
+      const F = g.target;
+      c.value.contains(F) || (R = i.value) != null && R.contains(F) || H();
     }, q = () => {
       if (!s.value || !i.value)
         return;
-      const b = s.value, F = i.value, T = async () => {
+      const g = s.value, F = i.value, R = async () => {
         const {
           x: Be,
           y: xe,
-          placement: Te
-        } = await Bt(b, F, {
+          placement: Re
+        } = await Bt(g, F, {
           placement: u.value,
           strategy: "fixed",
           middleware: [st(2), nt({ placements: ["bottom", "top"] })]
         });
-        d.value = Te ?? u.value, F.style.minWidth = `${b.getBoundingClientRect().width}px`, F.style.left = `${Be}px`, F.style.top = `${xe}px`;
+        d.value = Re ?? u.value, F.style.minWidth = `${g.getBoundingClientRect().width}px`, F.style.left = `${Be}px`, F.style.top = `${xe}px`;
       }, re = async () => {
-        await T();
-      }, $e = dt(b, () => {
+        await R();
+      }, $e = dt(g, () => {
         re();
       }), ne = () => {
         re();
@@ -848,8 +848,8 @@ const et = (t, e) => t.strategy ? t.strategy : Qe(e) ? "fixed" : "absolute", Y =
         }
       }, v.update();
     };
-    return le(l, async (b) => {
-      if (!b) {
+    return le(l, async (g) => {
+      if (!g) {
         v && (v.destroy(), v = null);
         return;
       }
@@ -860,11 +860,11 @@ const et = (t, e) => t.strategy ? t.strategy : Qe(e) ? "fixed" : "absolute", Y =
         v == null || v.update();
       },
       { deep: !0 }
-    ), Re(() => {
+    ), Te(() => {
       document.addEventListener("click", D);
     }), Se(() => {
       document.removeEventListener("click", D), v == null || v.destroy(), v = null;
-    }), (b, F) => (g(), h("div", {
+    }), (g, F) => (b(), h("div", {
       ref_key: "root",
       ref: c,
       class: C(m.value)
@@ -874,7 +874,7 @@ const et = (t, e) => t.strategy ? t.strategy : Qe(e) ? "fixed" : "absolute", Y =
         ref: s,
         class: "vf-select__control",
         type: "button",
-        disabled: b.disabled,
+        disabled: g.disabled,
         "aria-expanded": l.value,
         "aria-controls": a,
         "aria-haspopup": "listbox",
@@ -889,13 +889,13 @@ const et = (t, e) => t.strategy ? t.strategy : Qe(e) ? "fixed" : "absolute", Y =
       }, [
         B("span", {
           class: C(["vf-select__label", { "vf-select__label_placeholder": !y.value }])
-        }, M(y.value || b.placeholder), 3),
+        }, M(y.value || g.placeholder), 3),
         F[0] || (F[0] = B("span", {
           class: "vf-select__chevron",
           "aria-hidden": "true"
         }, "▾", -1))
       ], 40, xt),
-      (g(), W(Le, { to: "body" }, [
+      (b(), W(Le, { to: "body" }, [
         me(B("div", {
           id: a,
           ref_key: "panel",
@@ -904,16 +904,16 @@ const et = (t, e) => t.strategy ? t.strategy : Qe(e) ? "fixed" : "absolute", Y =
           role: "listbox",
           "data-placement": d.value
         }, [
-          (g(!0), h(oe, null, ge(f.value, (T) => (g(), h("button", {
-            key: T.value,
-            class: C(["vf-select__option", { "is-active": Q(T), "is-disabled": T.disabled }]),
+          (b(!0), h(oe, null, be(f.value, (R) => (b(), h("button", {
+            key: R.value,
+            class: C(["vf-select__option", { "is-active": Q(R), "is-disabled": R.disabled }]),
             type: "button",
             role: "option",
-            disabled: T.disabled,
-            "aria-selected": Q(T),
-            onClick: (re) => ee(T)
-          }, M(T.label), 11, Rt))), 128))
-        ], 8, Tt), [
+            disabled: R.disabled,
+            "aria-selected": Q(R),
+            onClick: (re) => ee(R)
+          }, M(R.label), 11, Tt))), 128))
+        ], 8, Rt), [
           [ye, l.value]
         ])
       ]))
@@ -938,7 +938,7 @@ const et = (t, e) => t.strategy ? t.strategy : Qe(e) ? "fixed" : "absolute", Y =
       const i = s.target;
       r("update:modelValue", i.checked), r("change", s);
     };
-    return (s, i) => (g(), h("label", {
+    return (s, i) => (b(), h("label", {
       class: C(n.value)
     }, [
       B("input", {
@@ -949,7 +949,7 @@ const et = (t, e) => t.strategy ? t.strategy : Qe(e) ? "fixed" : "absolute", Y =
         onChange: c
       }, null, 40, St),
       i[0] || (i[0] = B("span", { class: "vf-checkbox__box" }, null, -1)),
-      s.label || s.$slots.default ? (g(), h("span", Lt, [
+      s.label || s.$slots.default ? (b(), h("span", Lt, [
         k(s.$slots, "default", {}, () => [
           J(M(s.label), 1)
         ])
@@ -975,7 +975,7 @@ const et = (t, e) => t.strategy ? t.strategy : Qe(e) ? "fixed" : "absolute", Y =
       const i = s.target;
       r("update:modelValue", i.checked), r("change", s);
     };
-    return (s, i) => (g(), h("label", {
+    return (s, i) => (b(), h("label", {
       class: C(n.value)
     }, [
       B("input", {
@@ -988,14 +988,14 @@ const et = (t, e) => t.strategy ? t.strategy : Qe(e) ? "fixed" : "absolute", Y =
       i[0] || (i[0] = B("span", { class: "vf-switch__track" }, [
         B("span", { class: "vf-switch__thumb" })
       ], -1)),
-      s.label || s.$slots.default ? (g(), h("span", zt, [
+      s.label || s.$slots.default ? (b(), h("span", zt, [
         k(s.$slots, "default", {}, () => [
           J(M(s.label), 1)
         ])
       ])) : _("", !0)
     ], 2));
   }
-}), Wt = { class: "vf-popover" }, Mt = ["aria-expanded", "onKeydown"], bo = /* @__PURE__ */ X({
+}), Wt = { class: "vf-popover" }, Mt = ["aria-expanded", "onKeydown"], go = /* @__PURE__ */ X({
   __name: "popover",
   emits: ["click", "onClick"],
   setup(t, { expose: e, emit: r }) {
@@ -1004,7 +1004,7 @@ const et = (t, e) => t.strategy ? t.strategy : Qe(e) ? "fixed" : "absolute", Y =
     const s = `vf-popover-panel-${++c}`, i = () => n.visible = !0, l = () => n.visible = !1, u = () => n.visible = !n.visible, d = () => {
       u(), o("click"), o("onClick");
     };
-    return e({ show: i, hide: l, toggle: u }), (a, v) => (g(), h("div", Wt, [
+    return e({ show: i, hide: l, toggle: u }), (a, v) => (b(), h("div", Wt, [
       B("div", {
         class: "vf-popover__button",
         role: "button",
@@ -1189,7 +1189,7 @@ const Gt = (t) => ({
     return;
   const r = ce(e.preset, e.overrides), { selector: o, darkSelector: n } = Gt(e);
   E = { ...e }, Kt(r, o, n);
-}, go = (t) => {
+}, bo = (t) => {
   if (!E)
     return;
   const e = t.overrides === void 0 ? E.overrides : ce(E.overrides ?? {}, t.overrides ?? {}), r = {
@@ -1216,6 +1216,24 @@ const Gt = (t) => ({
     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)"
+  },
   colorScheme: {
     light: {
       bgColor: "#ffffff",
@@ -1237,9 +1255,9 @@ const Gt = (t) => ({
     }
   }
 }, qt = {
-  fontSize: "1rem",
-  padding: "6px 10px",
-  borderRadius: "6px",
+  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: {
@@ -1381,19 +1399,20 @@ const Gt = (t) => ({
 }, Ut = {
   padding: "12px",
   borderColor: "var(--vf-border-color)",
-  borderRadius: "6px"
+  borderRadius: "var(--vf-radii-md)"
 }, Zt = {}, Jt = {
   gap: "0.5rem",
-  fontSize: "1rem",
-  padding: "0.5rem 0.75rem",
-  borderRadius: "6px",
+  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: "0.6",
+  disabledOpacity: "var(--vf-states-disabled-opacity)",
   small: {
     padding: "0.375rem 0.5rem",
     fontSize: "0.875rem"
@@ -1429,26 +1448,26 @@ const Gt = (t) => ({
   backgroundColor: "var(--vf-bg-color)"
 }, oo = {
   minWidth: "12rem",
-  fontSize: "1rem",
+  fontSize: "var(--vf-typography-font-size)",
   controlGap: "0.75rem",
   chevronSize: "0.9em",
-  padding: "0.5rem 0.75rem",
-  borderRadius: "6px",
+  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: "0.6",
+  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: "0 0 0 3px rgba(var(--vf-blue-600-rgb), 0.12)",
+  focusRingShadow: "var(--vf-states-focus-ring-shadow)",
   optionPadding: "0.5rem 0.6rem",
-  optionBorderRadius: "6px",
+  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)",
@@ -1463,7 +1482,7 @@ const Gt = (t) => ({
 }, ro = {
   size: "1rem",
   gap: "0.5rem",
-  borderRadius: "4px",
+  borderRadius: "var(--vf-radii-sm)",
   checkBorderRadius: "2px",
   borderColor: "var(--vf-border-color)",
   backgroundColor: "var(--vf-bg-color)",
@@ -1471,7 +1490,7 @@ const Gt = (t) => ({
   checkedBorderColor: "var(--vf-blue)",
   checkColor: "#ffffff",
   textColor: "var(--vf-text-color)",
-  disabledOpacity: "0.6"
+  disabledOpacity: "var(--vf-states-disabled-opacity)"
 }, no = {
   width: "2.25rem",
   height: "1.25rem",
@@ -1483,7 +1502,7 @@ const Gt = (t) => ({
   checkedBackgroundColor: "var(--vf-blue)",
   thumbColor: "#ffffff",
   textColor: "var(--vf-text-color)",
-  disabledOpacity: "0.6"
+  disabledOpacity: "var(--vf-states-disabled-opacity)"
 }, yo = {
   ...pe,
   components: {
@@ -1508,11 +1527,11 @@ export {
   uo as Input,
   ke as Link,
   io as Menu,
-  bo as Popover,
+  go as Popover,
   fo as Select,
   po as Switch,
   mo as VueForge,
   ho as getTheme,
   Fe as setTheme,
-  go as updateTheme
+  bo as updateTheme
 };

package/dist/index.ts.umd.js

@@ -1,3 +1,3 @@
-(function(g,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):(g=typeof globalThis<"u"?globalThis:g||self,t(g.index={},g.Vue,g.VueRouter,g.index))})(this,function(g,t,U,W){"use strict";var Z=document.createElement("style");Z.textContent=`.vf-link{color:inherit;cursor:pointer;text-decoration:none}.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}.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}.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;padding:var(--vf-button-padding);font-size:var(--vf-button-font-size);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:.6;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);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);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)}.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);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);outline:none;display:inline-flex;align-items:center;justify-content:space-between;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}.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)}.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)}.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)}
-/*$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),i=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"),u=t.computed(()=>r.to),f=t.computed(()=>r.to?d.resolve(r.to):null),c=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?c.value:r.active),v=p=>{if(!r.disabled){n("click",p);return}p.preventDefault(),p.stopPropagation()};return t.watch(c,p=>{p&&(n("active"),n("onActive")),n("update:active",p)}),(p,_)=>{const h=t.resolveComponent("router-link");return a.value==="a"?(t.openBlock(),t.createElementBlock("a",{key:0,href:i.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:v},[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(h,{key:1,ref_key:"link",ref:s,to:u.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:v},{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"]))}}}),ce=(o,e)=>{const n=o.__vccOpts||o;for(const[r,l]of e)n[r]=l;return n},se={},ie={class:"vf-card"},de={key:0,class:"vf-card__default"},fe={key:1,class:"vf-card__header"},ue={key:2,class:"vf-card__body"},ve={key:3,class:"vf-card__footer"};function be(o,e){return t.openBlock(),t.createElementBlock("div",ie,[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",ue,[t.renderSlot(o.$slots,"body")])):t.createCommentVNode("",!0),o.$slots.footer?(t.openBlock(),t.createElementBlock("div",ve,[t.renderSlot(o.$slots,"footer")])):t.createCommentVNode("",!0)])}const J=ce(se,[["render",be]]),pe={class:"vf-menu__list",role:"menu"},me={key:1,class:"vf-menu__separator",role:"separator"},he=["aria-expanded","onClick","onKeydown"],ge=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,c)=>`${f.label??f.to??f.href??f.url??"item"}_${c.toString()}`,s=f=>f.to?"router-link":"a",i=f=>f.map(c=>({...c,items:c.items?i(c.items):void 0})),a=f=>{f.items&&f.items.length?(l.value.map(c=>{c!==f&&(c.subMenuVisible=!1)}),f.subMenuVisible=!f.subMenuVisible):Object.prototype.hasOwnProperty.call(f,"command")&&typeof f.command=="function"&&f.command()},u=f=>{var c;for(const b in l.value){const v=l.value[b];Object.prototype.hasOwnProperty.call(v,"items")&&((c=v.items)!=null&&c.some(p=>p===f)?(v.active=!0,v.subMenuVisible=!0):(v.active=!1,v.subMenuVisible=!1))}n("active",f),n("onActive",f)};return t.watch(()=>r.items,f=>{l.value=i(f)},{deep:!0,immediate:!0}),(f,c)=>{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,(v,p)=>(t.openBlock(),t.createElementBlock("li",{key:d(v,p),class:"vf-menu__item",role:"none"},[f.$slots[d(v,p)]?t.renderSlot(f.$slots,d(v,p),{key:0,item:{...v,class:"vf-menu__link"}}):v.separator?(t.openBlock(),t.createElementBlock("hr",me)):v.items&&v.items.length?(t.openBlock(),t.createElementBlock(t.Fragment,{key:2},[t.createElementVNode("div",{class:t.normalizeClass(["vf-menu__parent",{"vf-menu__parent_active":v.active}]),role:"menuitem",tabindex:"0","aria-expanded":v.subMenuVisible?"true":"false",onClick:_=>a(v),onKeydown:[t.withKeys(t.withModifiers(_=>a(v),["prevent"]),["enter"]),t.withKeys(t.withModifiers(_=>a(v),["prevent"]),["space"])]},[v.icon?(t.openBlock(),t.createBlock(t.unref(W.CmIcon),{key:0,icon:v.icon,class:"vf-menu__icon"},null,8,["icon"])):t.createCommentVNode("",!0),t.createTextVNode(" "+t.toDisplayString(v.label)+" ",1),t.createVNode(t.unref(W.CmIcon),{icon:"chevronDown"})],42,he),v.items?(t.openBlock(),t.createBlock(b,{key:0,items:v.items,class:t.normalizeClass(["vf-menu__submenu",{"vf-menu__submenu_visible":v.subMenuVisible}]),onOnActive:u},null,8,["items","class"])):t.createCommentVNode("",!0)],64)):(t.openBlock(),t.createBlock(K,{key:3,to:v.to,href:v.href??v.url,as:s(v),class:"vf-menu__link",active:v.active,disabled:v.disabled,role:"menuitem","aria-disabled":v.disabled?"true":"false",onClick:_=>a(v),onActive:_=>u(v)},{default:t.withCtx(()=>[v.icon?(t.openBlock(),t.createBlock(t.unref(W.CmIcon),{key:0,icon:v.icon,class:"vf-menu__icon"},null,8,["icon"])):t.createCommentVNode("",!0),t.createTextVNode(" "+t.toDisplayString(v.label),1)]),_:2},1032,["to","href","as","active","disabled","aria-disabled","onClick","onActive"]))]))),128))])],2)}}}),_e=["type","disabled"],ke=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"),i=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}`]),u=t.computed(()=>["vf-button__label"]);return(f,c)=>l.value?(t.openBlock(),t.createElementBlock("button",{key:0,type:d.value,class:t.normalizeClass(i.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(u.value)},[t.renderSlot(f.$slots,"default")],2)):f.label?(t.openBlock(),t.createElementBlock("span",{key:3,class:t.normalizeClass(u.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(i.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(u.value)},[t.renderSlot(f.$slots,"default")],2)):f.label?(t.openBlock(),t.createElementBlock("span",{key:2,class:t.normalizeClass(u.value)},t.toDisplayString(f.label),3)):t.createCommentVNode("",!0)]),_:3},8,["to","href","as","class","disabled"]))}}),ye={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 u=["vf-input",`vf-input_${r.variant}`];return r.size!=="normal"&&u.push(`vf-input_${r.size}`),r.disabled&&u.push("vf-input_disabled"),u}),d=u=>{const f=u.target;n("update:modelValue",f.value),n("input",u)},s=u=>n("change",u),i=u=>n("focus",u),a=u=>n("blur",u);return(u,f)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(l.value)},[u.$slots.prefix?(t.openBlock(),t.createElementBlock("span",ye,[t.renderSlot(u.$slots,"prefix")])):t.createCommentVNode("",!0),t.createElementVNode("input",{class:"vf-input__control",type:u.type,value:u.modelValue,placeholder:u.placeholder,disabled:u.disabled,readonly:u.readonly,onInput:d,onChange:s,onFocus:i,onBlur:a},null,40,we),u.$slots.suffix?(t.openBlock(),t.createElementBlock("span",Ce,[t.renderSlot(u.$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",N=(o,e)=>Fe(o,e)==="fixed",C=(o,e,n={})=>{const r=o.getBoundingClientRect(),l=e?e.offsetParent:null,d=e?N(n,e):!1;if(l&&!d){const s=l.getBoundingClientRect(),i=l.scrollLeft,a=l.scrollTop;return{left:r.left-s.left+i,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}},R=(o,e)=>{var n;return(n=o.middleware)==null?void 0:n.find(r=>r.name===e)},ee=(o,e)=>!!R(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"&&N(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"&&N(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"&&N(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"&&N(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 i=A(d,r,l,o),a=R(o,"offset");if(a){const u=a.fn({x:i.x,y:i.y,options:o,primaryX:e,primaryY:n,floating:r,placement:l,reference:d,scrollDirection:s});i.x=u.x,i.y=u.y}return Ge(i,r,d,o)?{x:i.x,y:i.y,placement:l}:!1},Se=o=>({name:"flip",params:o,fn:({x:e,y:n,options:r,primaryX:l,primaryY:d,floating:s,placement:i,reference:a,scrollDirection:u})=>{var f;const c={x:e,y:n,placement:i},b={...r,middleware:(f=r.middleware)==null?void 0:f.filter(w=>w.name!=="shift")},v=(o==null?void 0:o.placements)??Q,p=!(o!=null&&o.placements),_=p?Q:v;let h=!1;const O=w=>{if(h)return;const y=oe({options:b,primaryX:l,primaryY:d,floating:s,placement:w,reference:a,scrollDirection:u});y&&(c.x=y.x,c.y=y.y,c.placement=y.placement,h=!0)},P=Ze(a,s,b);if(!p&&v.includes(i)&&O(i),h||_.forEach(O),!h){const w=v.reduce((y,T)=>{const L=oe({options:b,primaryX:l,primaryY:d,floating:s,placement:T,reference:a,scrollDirection:u});if(!L)return y;const B=H(T),M=P[B];return!y||M>y.space?{result:L,space:M}:y},null);w&&(c.x=w.result.x,c.y=w.result.y,c.placement=w.result.placement,h=!0)}if(!h&&v.length>0){const w=H(i);let y=w,T=P[w];v.forEach(D=>{const m=H(D),k=P[m];k>T&&(T=k,y=m)});const L=Ue(y,i,v),B=A(a,s,L,b),M=R(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:u});B.x=D.x,B.y=D.y}c.x=B.x,c.y=B.y,c.placement=B.placement}return c}}),Ee=(o,e,n,r,l)=>{var d,s,i;let a=0;r.startsWith("right")?a=-2:r.startsWith("left")&&(a=o);const u=R(e,"arrow"),f=R(e,"shift");if(u){const c=((d=u.params)==null?void 0:d.arrow).getBoundingClientRect();r.startsWith("right")?a-=c.width/2:r.startsWith("left")&&(a+=c.width/2)}if(ee(e,"shift")&&u){let c=null,b=0;f&&(c=(s=f.params)==null?void 0:s.parent);const v=(i=u.params)==null?void 0:i.arrow;b=v.getBoundingClientRect().width/2,b+=Re(v),b-=o,r.startsWith("right")?$(n-a,l,c,e)<=o?$(n,l,c,e)>0?a=o-$(n,l,c,e):a=o:z(n-a-b,l,c,e)<=o&&(z(n-a-b,l,c,e)>=0?(a=-2-(z(n-a-b,l,c,e)+o),c&&(a=-2)):a=-2):r.startsWith("left")?$(n-a+b,l,c,e)<=o?(a=o+$(n-b,l,c,e),a<=o&&(a=o)):z(n-a,l,c,e)<=o&&(a=-2+z(n,l,c,e),a<=-2&&(a=-2)):$(n-a,l,c,e)<=o?$(n-a,l,c,e)<=o&&$(n,l,c,e)>0?a=o-$(n,l,c,e):a=o:z(n-a,l,c,e)<=o&&(z(n-a,l,c,e)<=o&&z(n,l,c,e)>0?a=-(o-z(n,l,c,e)):a=-2)}return a},Te=(o,e,n,r,l)=>{var d,s,i;let a=0;r.startsWith("top")?a=o:r.startsWith("bottom")&&(a=-2);const u=R(e,"arrow"),f=R(e,"shift");if(u){const c=((d=u.params)==null?void 0:d.arrow).getBoundingClientRect();r.startsWith("top")?a+=c.height/2:r.startsWith("bottom")&&(a-=c.height/2)}if(ee(e,"shift")&&u){let c=null,b=0;f&&(c=(s=f.params)==null?void 0:s.parent);const v=(i=u.params)==null?void 0:i.arrow;b=v.getBoundingClientRect().height/2,b+=Le(v),b-=o,r.startsWith("top")?F(n-a,l,c,e)<=o?F(n,l,c,e)>=0?a=-(o-F(n,l,c,e)):a=-2:S(n-a+b,l,c,e)<=o&&(a=o+S(n-b,l,c,e),a<=o&&(a=o)):r.startsWith("bottom")?F(n-a-b,l,c,e)<=o?F(n-a-b,l,c,e)>=0?(a=-2-(F(n-a-b,l,c,e)+o),c&&(a=-2)):a=-2:S(n-a,l,c,e)<=o&&(S(n,l,c,e)>=0?a=o-S(n,l,c,e):a=o):F(n-a,l,c,e)<=o?F(n-a,l,c,e)>=0?a=-(o-F(n-a,l,c,e)):a=-2:S(n-a,l,c,e)<=o&&(S(n-a,l,c,e)>=0?a=o-S(n-a,l,c,e):a=o)}return a},Ne=o=>({name:"offset",params:{value:o},fn:({x:e,y:n,options:r,primaryX:l,primaryY:d,floating:s,placement:i})=>({x:e-Ee(o,r,l,i,s),y:n-Te(o,r,d,i,s),placement:i})}),Re=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(N(r,e)){if(typeof window>"u")return!0;const c=o.x,b=o.y,v=c+e.clientWidth,p=b+e.clientHeight;return c>=0&&b>=0&&v<=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 c=s.getBoundingClientRect(),b=c.left+o.x,v=c.top+o.y,p=b+e.clientWidth,_=v+e.clientHeight;return b>=0&&v>=0&&p<=l&&_<=d}const i=o.x,a=o.y,u=i+e.clientWidth,f=a+e.clientHeight;return i>=0&&a>=0&&u<=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=N(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",i={x:0,y:0,placement:s,middlewareData:{}},a=A(o,e,s,n);i.x=a.x,i.y=a.y,i.placement=a.placement;const u=i.x,f=i.y,c=$e(o);(l=n.middleware)==null||l.forEach(_=>{const h=_.fn({x:i.x,y:i.y,options:n,primaryX:u,primaryY:f,floating:e,placement:i.placement,reference:o,scrollDirection:c});i.x=h.x,i.y=h.y,i.placement=h.placement,_.name==="arrow"&&(h.baseX=h.x,h.baseY=h.y,h.x=h.arrowX??h.x,h.y=h.arrowY??h.y),i.middlewareData[_.name]=h});const b=A(o,e,i.placement,n),v=R(n,"offset"),p=v?(d=v.params)==null?void 0:d.value:0;if(Number.isFinite(i.x)||(i.x=b.x),!Number.isFinite(i.y))if(N(n,e)){const _=o.getBoundingClientRect(),h=e.getBoundingClientRect().height;i.placement.startsWith("top")?i.y=_.top-h-p:i.placement.startsWith("bottom")?i.y=_.bottom+p:i.y=b.y}else i.y=b.y;r(i)}),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),i=t.ref(null),a=t.ref(!1),u=t.ref("bottom"),f=t.ref("bottom"),c=`vf-select-panel-${++n}`;let b=null;const v=t.computed(()=>l.options.map(m=>({label:m[l.optionLabel],value:m[l.optionValue],disabled:m.disabled}))),p=t.computed(()=>v.value.find(m=>m.value===l.modelValue)),_=t.computed(()=>{var m;return((m=p.value)==null?void 0:m.label)??""}),h=t.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)}),O=m=>m.value===l.modelValue,P=m=>{m.disabled||(r("update:modelValue",m.value),r("change",m.value),T())},w=m=>r("focus",m),y=m=>r("blur",m),T=()=>{a.value=!1,u.value="bottom",f.value="bottom"},L=()=>{l.disabled||(a.value=!a.value,a.value&&(u.value="bottom",f.value="bottom"))},B=async()=>{var m,k;a.value||(a.value=!0,await t.nextTick()),(k=(m=i.value)==null?void 0:m.querySelector(".vf-select__option:not(.is-disabled)"))==null||k.focus()},M=m=>{var x;if(!a.value||!d.value)return;const k=m.target;d.value.contains(k)||(x=i.value)!=null&&x.contains(k)||T()},D=()=>{if(!s.value||!i.value)return;const m=s.value,k=i.value,x=async()=>{const{x:Eo,y:To,placement:No}=await Je(m,k,{placement:u.value,strategy:"fixed",middleware:[Ne(2),Se({placements:["bottom","top"]})]});f.value=No??u.value,k.style.minWidth=`${m.getBoundingClientRect().width}px`,k.style.left=`${Eo}px`,k.style.top=`${To}px`},j=async()=>{await x()},So=Me(m,()=>{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 m=>{if(!m){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}),(m,k)=>(t.openBlock(),t.createElementBlock("div",{ref_key:"root",ref:d,class:t.normalizeClass(h.value)},[t.createElementVNode("button",{ref_key:"trigger",ref:s,class:"vf-select__control",type:"button",disabled:m.disabled,"aria-expanded":a.value,"aria-controls":c,"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:y},[t.createElementVNode("span",{class:t.normalizeClass(["vf-select__label",{"vf-select__label_placeholder":!_.value}])},t.toDisplayString(_.value||m.placeholder),3),k[0]||(k[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:c,ref_key:"panel",ref:i,class:"vf-select__panel",role:"listbox","data-placement":f.value},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(v.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 i=s.target;n("update:modelValue",i.checked),n("change",s)};return(s,i)=>(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),i[0]||(i[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"],co={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 i=s.target;n("update:modelValue",i.checked),n("change",s)};return(s,i)=>(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),i[0]||(i[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",co,[t.renderSlot(s.$slots,"default",{},()=>[t.createTextVNode(t.toDisplayString(s.label),1)])])):t.createCommentVNode("",!0)],2))}}),io={class:"vf-popover"},fo=["aria-expanded","onKeydown"],uo=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}`,i=()=>l.visible=!0,a=()=>l.visible=!1,u=()=>l.visible=!l.visible,f=()=>{u(),r("click"),r("onClick")};return e({show:i,hide:a,toggle:u}),(c,b)=>(t.openBlock(),t.createElementBlock("div",io,[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(c.$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},[c.$slots.default?{name:"default",fn:t.withCtx(()=>[t.renderSlot(c.$slots,"default")]),key:"0"}:void 0,c.$slots.header||c.$slots.popoverHeader?{name:"header",fn:t.withCtx(()=>[t.renderSlot(c.$slots,"header"),c.$slots.header?t.createCommentVNode("",!0):t.renderSlot(c.$slots,"popoverHeader",{key:0})]),key:"1"}:void 0,c.$slots.body||c.$slots.popoverBody?{name:"body",fn:t.withCtx(()=>[t.renderSlot(c.$slots,"body"),c.$slots.body?t.createCommentVNode("",!0):t.renderSlot(c.$slots,"popoverBody",{key:0})]),key:"2"}:void 0,c.$slots.footer||c.$slots.popoverFooter?{name:"footer",fn:t.withCtx(()=>[t.renderSlot(c.$slots,"footer"),c.$slots.footer?t.createCommentVNode("",!0):t.renderSlot(c.$slots,"popoverFooter",{key:0})]),key:"3"}:void 0]),1536),[[t.vShow,l.visible]])]))}}),vo=["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=>!vo.includes(e)).map(e=>bo(e)).join("-").toLowerCase(),mo=o=>/^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/.test(o),Y=o=>{if(!mo(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}`},ho=(o,e,n)=>{const r=o/255,l=e/255,d=n/255,s=Math.max(r,l,d),i=Math.min(r,l,d),a=s-i;let u=0,f=0;const c=(s+i)/2;if(a!==0){switch(f=a/(1-Math.abs(2*c-1)),s){case r:u=(l-d)/a%6;break;case l:u=(d-r)/a+2;break;case d:u=(r-l)/a+4;break}u*=60,u<0&&(u+=360)}return[u,f*100,c*100]},go=(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)),i=l-d/2;let a=0,u=0,f=0;o>=0&&o<60?(a=d,u=s,f=0):o>=60&&o<120?(a=s,u=d,f=0):o>=120&&o<180?(a=0,u=d,f=s):o>=180&&o<240?(a=0,u=s,f=d):o>=240&&o<300?(a=s,u=0,f=d):(a=d,u=0,f=s);const c=Math.round((a+i)*255),b=Math.round((u+i)*255),v=Math.round((f+i)*255);return[c,b,v]},_o=(o,e,n)=>`#${[o,e,n].map(r=>r.toString(16).padStart(2,"0")).join("")}`,ko=(o,e,n)=>Math.min(n,Math.max(e,o)),yo=(o,e)=>{const n=Y(o);if(!n)return o;const[r,l,d]=te(n),[s,i,a]=ho(r,l,d),f=(e-5)*7,c=ko(a+f,0,100),[b,v,p]=go(s,i,c);return _o(b,v,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 i=l[s],a=d.concat([s]);if(i&&typeof i=="object"){r(i,a);continue}if(typeof i!="string")continue;const f=a.includes("colorScheme")&&a.includes("dark")?n:e,c=po(a);if(f.push(`--vf-${c}: ${i}`),a.includes("colors")){const b=Y(i);if(!b)continue;if(f.push(`--vf-${c}-rgb: ${re(b)}`),s!=="white")for(let v=1;v<10;++v){const p=yo(b,v);f.push(`--vf-${c}-${v}00: ${p}`),f.push(`--vf-${c}-${v}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(`
-`)};let E=null;const Bo=o=>({selector:o.selector??":root",darkSelector:o.darkSelector??":root[data-theme=dark]"}),G=o=>{const e=ne(o);if(!e)return;const n=q(e.preset,e.overrides),{selector:r,darkSelector:l}=Bo(e);E={...e},xo(n,r,l)},Fo=o=>{if(!E)return;const e=o.overrides===void 0?E.overrides:q(E.overrides??{},o.overrides??{}),n={preset:o.preset??E.preset,overrides:e,selector:o.selector??E.selector,darkSelector:o.darkSelector??E.darkSelector};G(n)},$o=()=>E?{...E}:null,zo={install(o,e={}){const n=ne(e.theme);n&&G(n)}},le={colors:{white:"#ffffff",green:"#0cbc87",red:"#d6293e",yellow:"#f7c32e",sky:"#0ea5e9",blue:"#007bff",purple:"#6f42c1",gray:"#adb5bd"},borderWidth:"1px",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"}}},Vo={...le,components:{base:le,button:{fontSize:"1rem",padding:"6px 10px",borderRadius:"6px",roundedBorderRadius:"2rem",iconGap:"6px",small:{fontSize:"0.875rem",padding:"4px 8px"},large:{fontSize:"1.125rem",padding:"4px 8px"},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:"6px"},codeBlock:{},input:{gap:"0.5rem",fontSize:"1rem",padding:"0.5rem 0.75rem",borderRadius:"6px",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)",hoverBorderColor:"var(--vf-blue-500)",disabledOpacity:"0.6",small:{padding:"0.375rem 0.5rem",fontSize:"0.875rem"},large:{padding:"0.625rem 0.875rem",fontSize:"1.125rem"}},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"}},popover:{backgroundColor:"var(--vf-bg-color)"},select:{minWidth:"12rem",fontSize:"1rem",controlGap:"0.75rem",chevronSize:"0.9em",padding:"0.5rem 0.75rem",borderRadius:"6px",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:"0.6",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:"0 0 0 3px rgba(var(--vf-blue-600-rgb), 0.12)",optionPadding:"0.5rem 0.6rem",optionBorderRadius:"6px",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:"0.375rem 0.5rem",fontSize:"0.875rem"},large:{padding:"0.625rem 0.875rem",fontSize:"1.125rem"}},checkbox:{size:"1rem",gap:"0.5rem",borderRadius:"4px",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:"0.6"},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:"0.6"}}};g.Button=ke,g.Card=J,g.Checkbox=lo,g.DefaultTheme=Vo,g.Input=xe,g.Link=K,g.Menu=ge,g.Popover=uo,g.Select=to,g.Switch=so,g.VueForge=zo,g.getTheme=$o,g.setTheme=G,g.updateTheme=Fo,Object.defineProperty(g,Symbol.toStringTag,{value:"Module"})});
+(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)}
+/*$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(`
+`)};let E=null;const Bo=o=>({selector:o.selector??":root",darkSelector:o.darkSelector??":root[data-theme=dark]"}),G=o=>{const e=ne(o);if(!e)return;const n=q(e.preset,e.overrides),{selector:r,darkSelector:l}=Bo(e);E={...e},xo(n,r,l)},Fo=o=>{if(!E)return;const e=o.overrides===void 0?E.overrides:q(E.overrides??{},o.overrides??{}),n={preset:o.preset??E.preset,overrides:e,selector:o.selector??E.selector,darkSelector:o.darkSelector??E.darkSelector};G(n)},$o=()=>E?{...E}:null,zo={install(o,e={}){const n=ne(e.theme);n&&G(n)}},le={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)"},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"}}},Vo={...le,components:{base:le,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:"0.875rem",padding:"4px 8px"},large:{fontSize:"1.125rem",padding:"4px 8px"},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:"0.375rem 0.5rem",fontSize:"0.875rem"},large:{padding:"0.625rem 0.875rem",fontSize:"1.125rem"}},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"}},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:"0.375rem 0.5rem",fontSize:"0.875rem"},large:{padding:"0.625rem 0.875rem",fontSize:"1.125rem"}},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)"}}};m.Button=ye,m.Card=J,m.Checkbox=lo,m.DefaultTheme=Vo,m.Input=xe,m.Link=K,m.Menu=me,m.Popover=vo,m.Select=to,m.Switch=so,m.VueForge=zo,m.getTheme=$o,m.setTheme=G,m.updateTheme=Fo,Object.defineProperty(m,Symbol.toStringTag,{value:"Module"})});

package/dist/package/themes/default/base.d.ts

@@ -10,6 +10,24 @@ declare const _default: {
         gray: string;
     };
     borderWidth: string;
+    controls: {
+        height: string;
+        paddingY: string;
+        paddingX: string;
+    };
+    radii: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    typography: {
+        fontSize: string;
+        lineHeight: string;
+    };
+    states: {
+        disabledOpacity: string;
+        focusRingShadow: string;
+    };
     colorScheme: {
         light: {
             bgColor: string;

package/dist/package/themes/default/components/input.d.ts

@@ -8,6 +8,7 @@ declare const _default: {
     textColor: string;
     placeholderColor: string;
     focusBorderColor: string;
+    focusRingShadow: string;
     hoverBorderColor: string;
     disabledOpacity: string;
     small: {

package/dist/package/themes/default/index.d.ts

@@ -12,6 +12,24 @@ declare const _default: {
                 gray: string;
             };
             borderWidth: string;
+            controls: {
+                height: string;
+                paddingY: string;
+                paddingX: string;
+            };
+            radii: {
+                sm: string;
+                md: string;
+                lg: string;
+            };
+            typography: {
+                fontSize: string;
+                lineHeight: string;
+            };
+            states: {
+                disabledOpacity: string;
+                focusRingShadow: string;
+            };
             colorScheme: {
                 light: {
                     bgColor: string;
@@ -192,6 +210,7 @@ declare const _default: {
             textColor: string;
             placeholderColor: string;
             focusBorderColor: string;
+            focusRingShadow: string;
             hoverBorderColor: string;
             disabledOpacity: string;
             small: {
@@ -303,6 +322,24 @@ declare const _default: {
         gray: string;
     };
     borderWidth: string;
+    controls: {
+        height: string;
+        paddingY: string;
+        paddingX: string;
+    };
+    radii: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    typography: {
+        fontSize: string;
+        lineHeight: string;
+    };
+    states: {
+        disabledOpacity: string;
+        focusRingShadow: string;
+    };
     colorScheme: {
         light: {
             bgColor: string;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@codemonster-ru/vueforge",
-    "version": "0.6.0",
+    "version": "0.7.0",
     "description": "Open source UI components for Vue.js.",
     "license": "MIT",
     "author": "Kirill Kolesnikov",
@@ -73,6 +73,6 @@
         "vue-tsc": "^2.0.21"
     },
     "dependencies": {
-        "@codemonster-ru/floater.js": "^1.0.7"
+        "@codemonster-ru/floater.js": "^1.0.8"
     }
 }