dreambuilders-ui 0.1.4 → 0.1.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/dreambuilders-ui.es.js +909 -0
  2. package/dist/{index.umd.js → dreambuilders-ui.umd.js} +1 -1
  3. package/dist/style.css +1 -1
  4. package/dist/types/index.d.ts +23 -0
  5. package/package.json +16 -12
  6. package/dist/index.mjs +0 -516
package/dist/{index.umd.js → dreambuilders-ui.umd.js} RENAMED
@@ -1 +1 @@
1
- (function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require("vue")):typeof define==`function`&&define.amd?define([`exports`,`vue`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.DreambuildersUi={},e.Vue))})(this,function(e,t){Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var n={key:0,class:`iconfont loading icon-loading`},r=(0,t.defineComponent)({name:`DbButton`,__name:`Button`,props:{type:{default:`default`},size:{default:`default`},nativeType:{default:`button`},tag:{default:`button`},loadingIcon:{default:``},icon:{default:``},color:{default:``},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},plain:{type:Boolean,default:!1},round:{type:Boolean,default:!1},dashed:{type:Boolean,default:!1},circle:{type:Boolean,default:!1},link:{type:Boolean,default:!1},text:{type:Boolean,default:!1},autofocus:{type:Boolean,default:!1}},emits:[`click`],setup(e,{emit:r}){let i=e,a=r,o=(0,t.computed)(()=>i.disabled||i.loading),s=(0,t.computed)(()=>[`db-button`,`db-button-type__${i.type}`,`db-button-size__${i.size}`,{"is-disabled":o.value,"is-plain":i.plain,"is-round":i.round,"is-dashed":i.dashed,"is-circle":i.circle,"is-link":i.link,"is-text":i.text,"is-loading":i.loading}]),c=(0,t.computed)(()=>{if(!i.color)return{};let e=i.color,t={"--db-button-background-color":e,"--db-button-border-color":e,"--db-button-color":`#ffffff`,"--db-button-background-color-hover":`color-mix(in srgb, ${e}, white 30%)`,"--db-button-border-color-hover":`color-mix(in srgb, ${e}, white 30%)`,"--db-button-color-hover":`#ffffff`,"--db-button-background-color-active":`color-mix(in srgb, ${e}, white 30%)`,"--db-button-border-color-active":`color-mix(in srgb, ${e}, white 30%)`,"--db-button-color-active":`#ffffff`};return i.plain&&(t[`--db-button-background-color`]=`transparent`,t[`--db-button-background-color-hover`]=`transparent`,t[`--db-button-background-color-active`]=`transparent`,t[`--db-button-color`]=e,t[`--db-button-color-hover`]=`color-mix(in srgb, ${e}, white 30%)`,t[`--db-button-color-active`]=`color-mix(in srgb, ${e}, white 30%)`,t[`--db-button-border-color`]=e,t[`--db-button-border-color-hover`]=`color-mix(in srgb, ${e}, white 30%)`,t[`--db-button-border-color-active`]=`color-mix(in srgb, ${e}, white 30%)`),i.text&&(t[`--db-button-background-color`]=`transparent`,t[`--db-button-background-color-hover`]=`color-mix(in srgb, ${e}, white 92%)`,t[`--db-button-background-color-active`]=`color-mix(in srgb, ${e}, white 92%)`,t[`--db-button-border-color`]=`transparent`,t[`--db-button-border-color-hover`]=`color-mix(in srgb, ${e}, white 92%)`,t[`--db-button-border-color-active`]=`color-mix(in srgb, ${e}, white 92%)`,t[`--db-button-color`]=e,t[`--db-button-color-hover`]=e,t[`--db-button-color-active`]=e),i.link&&(t[`--db-button-background-color`]=`transparent`,t[`--db-button-background-color-hover`]=`transparent`,t[`--db-button-background-color-active`]=`transparent`,t[`--db-button-border-color`]=`transparent`,t[`--db-button-border-color-hover`]=`transparent`,t[`--db-button-border-color-active`]=`transparent`,t[`--db-button-color`]=e,t[`--db-button-color-hover`]=`color-mix(in srgb, ${e}, white 30%)`,t[`--db-button-color-active`]=`color-mix(in srgb, ${e}, white 30%)`),t});function l(e){o.value||a(`click`,e)}return(r,i)=>((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(e.tag),{class:(0,t.normalizeClass)(s.value),type:e.nativeType,disabled:o.value,autofocus:e.autofocus,style:(0,t.normalizeStyle)(c.value),onClick:l},{default:(0,t.withCtx)(()=>[e.loading&&!e.loadingIcon?((0,t.openBlock)(),(0,t.createElementBlock)(`i`,n)):(0,t.createCommentVNode)(``,!0),e.loading&&e.loadingIcon?((0,t.openBlock)(),(0,t.createElementBlock)(`image`,{key:1,class:(0,t.normalizeClass)([`iconfont`,`loading`,`icon-${e.loadingIcon}`])},null,2)):(0,t.createCommentVNode)(``,!0),e.icon&&!e.loading?((0,t.openBlock)(),(0,t.createElementBlock)(`i`,{key:2,class:(0,t.normalizeClass)([`iconfont`,`icon-${e.icon}`])},null,2)):(0,t.createCommentVNode)(``,!0),(0,t.renderSlot)(r.$slots,`default`,{},void 0,!0)]),_:3},8,[`class`,`type`,`disabled`,`autofocus`,`style`]))}}),i=(e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n},a=i(r,[[`__scopeId`,`data-v-bc3a041a`]]),o=i((0,t.defineComponent)({name:`DbButtonGroup`,__name:`ButtonGroup`,props:{direction:{default:`horizontal`}},setup(e){let n=e,r=(0,t.computed)(()=>[`db-button-group`,`db-button-group-direction__${n.direction}`]);return(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)(r.value)},[(0,t.renderSlot)(e.$slots,`default`,{},void 0,!0)],2))}}),[[`__scopeId`,`data-v-d8f67fe3`]]),s={key:0,class:`db-input-group__prepend`},c=[`value`,`placeholder`,`disabled`,`readonly`,`rows`,`name`,`autocomplete`,`autofocus`,`form`,`maxlength`,`minlength`,`tabindex`],l={key:0,class:`db-input-limit`},u={class:`db-input-limit__inner`},d=[`type`,`value`,`placeholder`,`disabled`,`readonly`,`name`,`autocomplete`,`autofocus`,`form`,`maxlength`,`minlength`,`tabindex`],f={key:3,class:`db-input-group__append`},p=i((0,t.defineComponent)({name:`DbInput`,__name:`Input`,props:{modelValue:{default:``},type:{default:`text`},size:{default:`default`},placeholder:{default:``},clearable:{type:Boolean,default:!1},showPassword:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},suffixIcon:{},prefixIcon:{},rows:{default:2},autosize:{type:[Boolean,Object],default:!1},autocomplete:{default:`off`},autofocus:{type:Boolean,default:!1},form:{default:``},name:{default:``},minlength:{},maxlength:{},showWordLimit:{type:Boolean,default:!1},resize:{default:`vertical`},tabindex:{default:void 0}},emits:[`update:modelValue`,`input`,`change`,`focus`,`blur`,`clear`,`keydown`,`keyup`,`keypress`],setup(e,{expose:n,emit:r}){let i=e,a=r;n({focus:()=>p.value?.focus(),blur:()=>p.value?.blur(),select:()=>p.value?.select()});let o=(0,t.useSlots)(),p=(0,t.useTemplateRef)(`input-ref`),m=(0,t.ref)(!1),h=(0,t.ref)(!1),g=(0,t.computed)(()=>i.type===`textarea`),_=(0,t.computed)(()=>!!o.prepend),v=(0,t.computed)(()=>!!o.prepend),y=(0,t.computed)(()=>i.showPassword&&i.type===`password`?h.value?`text`:`password`:i.type),b=(0,t.computed)(()=>String(i.modelValue??``)),x=(0,t.computed)(()=>i.clearable&&b.value&&!i.disabled&&!i.readonly),S=(0,t.computed)(()=>b.value.length),C=(0,t.computed)(()=>i.showWordLimit&&i.maxlength!==void 0),w=(0,t.computed)(()=>`db-input-size__${i.size}`),T=(0,t.computed)(()=>g.value?[`db-textarea`,w.value,{"is-disabled":i.disabled,"is-focus":m.value}]:_.value||v.value?[`db-input-group`,w.value]:[`db-input`,w.value,{"is-disabled":i.disabled,"is-focus":m.value}]);function E(e){let n=e.target.value;a(`update:modelValue`,n),a(`input`,n),(0,t.nextTick)(()=>M())}function D(e){let t=e.target.value;a(`change`,t)}function O(e){m.value=!0,a(`focus`,e)}function k(e){m.value=!1,a(`blur`,e)}function A(){a(`update:modelValue`,``),a(`input`,``),a(`change`,``),a(`clear`),(0,t.nextTick)(()=>{p.value?.focus(),M()})}function j(){h.value=!h.value}function M(){if(!g.value||!i.autosize||!p.value)return;let e=p.value,{autosize:t}=i;e.style.height=`auto`;let n=e.scrollHeight;if(typeof t==`object`){let{minRows:e,maxRows:r}=t;if(e){let t=e*20+22;n=Math.max(n,t)}if(r){let e=r*20+22;n=Math.min(n,e)}}e.style.height=`${n}px`}return(0,t.onMounted)(()=>{M()}),(0,t.watch)(()=>i.modelValue,()=>(0,t.nextTick)(()=>M())),(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)(T.value)},[!g.value&&_.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,s,[(0,t.renderSlot)(n.$slots,`prepend`,{},void 0,!0)])):(0,t.createCommentVNode)(``,!0),g.value?((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:1},[(0,t.createElementVNode)(`textarea`,{ref:`input-ref`,class:`db-textarea__inner`,style:(0,t.normalizeStyle)({resize:e.resize}),value:b.value,placeholder:e.placeholder,disabled:e.disabled,readonly:e.readonly,rows:e.rows,name:e.name,autocomplete:e.autocomplete,autofocus:e.autofocus,form:e.form,maxlength:e.maxlength,minlength:e.minlength,tabindex:e.tabindex,onInput:E,onChange:D,onFocus:O,onBlur:k,onKeydown:r[0]||=e=>a(`keydown`,e),onKeyup:r[1]||=e=>a(`keyup`,e),onKeypress:r[2]||=e=>a(`keypress`,e)},null,44,c),C.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,l,[(0,t.createElementVNode)(`span`,u,(0,t.toDisplayString)(S.value)+`/`+(0,t.toDisplayString)(e.maxlength),1)])):(0,t.createCommentVNode)(``,!0)],64)):(0,t.createCommentVNode)(``,!0),g.value?(0,t.createCommentVNode)(``,!0):((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:2,class:(0,t.normalizeClass)([`db-input__wrapper`,{"is-focus":m.value,"is-disabled":e.disabled}])},[e.prefixIcon?((0,t.openBlock)(),(0,t.createElementBlock)(`i`,{key:0,class:(0,t.normalizeClass)([`iconfont`,`icon-${e.prefixIcon}`])},null,2)):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`input`,{ref:`input-ref`,class:`db-input__inner`,type:y.value,value:b.value,placeholder:e.placeholder,disabled:e.disabled,readonly:e.readonly,name:e.name,autocomplete:e.autocomplete,autofocus:e.autofocus,form:e.form,maxlength:e.maxlength,minlength:e.minlength,tabindex:e.tabindex,onInput:E,onChange:D,onFocus:O,onBlur:k,onKeydown:r[3]||=e=>a(`keydown`,e),onKeyup:r[4]||=e=>a(`keyup`,e),onKeypress:r[5]||=e=>a(`keypress`,e)},null,40,d),x.value?((0,t.openBlock)(),(0,t.createElementBlock)(`i`,{key:1,class:(0,t.normalizeClass)([`iconfont`,`icon-clear`]),onClick:(0,t.withModifiers)(A,[`stop`])})):(0,t.createCommentVNode)(``,!0),e.type===`password`&&e.showPassword?((0,t.openBlock)(),(0,t.createElementBlock)(`image`,{key:2,class:(0,t.normalizeClass)([`iconfont`,`icon-showPassword`]),onClick:(0,t.withModifiers)(j,[`stop`])})):(0,t.createCommentVNode)(``,!0),e.suffixIcon?((0,t.openBlock)(),(0,t.createElementBlock)(`i`,{key:3,class:(0,t.normalizeClass)([`iconfont`,`icon-${e.suffixIcon}`])},null,2)):(0,t.createCommentVNode)(``,!0)],2)),!g.value&&v.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,f,[(0,t.renderSlot)(n.$slots,`append`,{},void 0,!0)])):(0,t.createCommentVNode)(``,!0)],2))}}),[[`__scopeId`,`data-v-e3bb386b`]]),m=i((0,t.defineComponent)({name:`DbText`,__name:`Text`,props:{type:{default:`default`},size:{default:`default`},tag:{default:`span`},truncated:{type:Boolean,default:!1},lineClamp:{default:void 0},disabled:{type:Boolean,default:!1},strong:{type:Boolean,default:!1},italic:{type:Boolean,default:!1},underline:{type:Boolean,default:!1},delete:{type:Boolean,default:!1},marked:{type:Boolean,default:!1},code:{type:Boolean,default:!1},color:{default:``}},setup(e){let n=e,r=(0,t.computed)(()=>[`db-text`,`db-text-type__${n.type}`,`db-text-size__${n.size}`,{"is-truncated":n.truncated&&!n.lineClamp,"is-disabled":n.disabled,"is-strong":n.strong,"is-italic":n.italic,"is-underline":n.underline,"is-delete":n.delete,"is-marked":n.marked,"is-code":n.code}]),i=(0,t.computed)(()=>{let e={};return n.color&&(e.color=n.color),n.lineClamp&&(e.overflow=`hidden`,e.display=`-webkit-box`,e.WebkitBoxOrient=`vertical`,e.WebkitLineClamp=n.lineClamp,e.wordBreak=`break-all`),e});return(n,a)=>((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(e.tag),{class:(0,t.normalizeClass)(r.value),style:(0,t.normalizeStyle)(i.value)},{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(n.$slots,`default`,{},void 0,!0)]),_:3},8,[`class`,`style`]))}}),[[`__scopeId`,`data-v-b274d22b`]]),h={key:0,class:`db-alert__icon`},g={class:`db-alert__content`},_={class:`db-alert__title`},v={key:0,class:`db-alert__description`},y=i((0,t.defineComponent)({name:`DbAlert`,__name:`Alert`,props:{type:{default:`info`},title:{default:``},description:{default:``},closable:{type:Boolean,default:!0},closeText:{default:``},showIcon:{type:Boolean,default:!1},center:{type:Boolean,default:!1},effect:{default:`light`}},emits:[`close`],setup(e,{emit:n}){let r=e,i=n,o=(0,t.useSlots)(),s=(0,t.ref)(!0),c=(0,t.computed)(()=>r.description||o.description),l=(0,t.computed)(()=>[`db-alert`,`db-alert--${r.type}`,`db-alert--${r.effect}`,{"is-center":r.center,"is-with-description":c.value,"is-closable":r.closable}]);function u(e){s.value=!1,i(`close`,e)}return(n,r)=>((0,t.openBlock)(),(0,t.createBlock)(t.Transition,{name:`alert-fade`},{default:(0,t.withCtx)(()=>[s.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:(0,t.normalizeClass)(l.value),role:`alert`},[e.showIcon||(0,t.unref)(o).icon?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,h,[(0,t.renderSlot)(n.$slots,`icon`,{},()=>[(0,t.createElementVNode)(`i`,{class:(0,t.normalizeClass)([`iconfont`,`icon-${e.type}`])},null,2)],!0)])):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`div`,g,[(0,t.createElementVNode)(`span`,_,[(0,t.renderSlot)(n.$slots,`default`,{},()=>[(0,t.createTextVNode)((0,t.toDisplayString)(e.title),1)],!0)]),c.value?((0,t.openBlock)(),(0,t.createElementBlock)(`p`,v,[(0,t.renderSlot)(n.$slots,`description`,{},()=>[(0,t.createTextVNode)((0,t.toDisplayString)(e.description),1)],!0)])):(0,t.createCommentVNode)(``,!0)]),e.closable?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,{key:1,class:`db-alert__closebtn`,onClick:u},[(0,t.renderSlot)(n.$slots,`close`,{},()=>[(0,t.createVNode)((0,t.unref)(a),{link:``,icon:`close`,onClick:u},{default:(0,t.withCtx)(()=>[(0,t.createTextVNode)((0,t.toDisplayString)(e.closeText),1)]),_:1})],!0)])):(0,t.createCommentVNode)(``,!0)],2)):(0,t.createCommentVNode)(``,!0)]),_:3}))}}),[[`__scopeId`,`data-v-54b0171d`]]),b=[a,o,p,m,y];function x(e){b.forEach(t=>e.component(t.name,t))}var S={install:x};e.DbAlert=y,e.DbButton=a,e.DbButtonGroup=o,e.DbInput=p,e.DbText=m,e.default=S,e.install=x});
1
+ (function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require("vue")):typeof define==`function`&&define.amd?define([`exports`,`vue`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.DreambuildersUi={},e.Vue))})(this,function(e,t){Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var n={key:0,class:`iconfont loading icon-loading`},r=(0,t.defineComponent)({name:`DbButton`,__name:`Button`,props:{type:{default:`default`},size:{default:`default`},nativeType:{default:`button`},tag:{default:`button`},loadingIcon:{default:``},icon:{default:``},color:{default:``},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},plain:{type:Boolean,default:!1},round:{type:Boolean,default:!1},dashed:{type:Boolean,default:!1},circle:{type:Boolean,default:!1},link:{type:Boolean,default:!1},text:{type:Boolean,default:!1},autofocus:{type:Boolean,default:!1}},emits:[`click`],setup(e,{emit:r}){let i=e,a=r,o=(0,t.computed)(()=>i.disabled||i.loading),s=(0,t.computed)(()=>[`db-button`,`db-button-type__${i.type}`,`db-button-size__${i.size}`,{"is-disabled":o.value,"is-plain":i.plain,"is-round":i.round,"is-dashed":i.dashed,"is-circle":i.circle,"is-link":i.link,"is-text":i.text,"is-loading":i.loading}]),c=(0,t.computed)(()=>{if(!i.color)return{};let e=i.color,t={"--db-button-background-color":e,"--db-button-border-color":e,"--db-button-color":`#ffffff`,"--db-button-background-color-hover":`color-mix(in srgb, ${e}, white 30%)`,"--db-button-border-color-hover":`color-mix(in srgb, ${e}, white 30%)`,"--db-button-color-hover":`#ffffff`,"--db-button-background-color-active":`color-mix(in srgb, ${e}, white 30%)`,"--db-button-border-color-active":`color-mix(in srgb, ${e}, white 30%)`,"--db-button-color-active":`#ffffff`};return i.plain&&(t[`--db-button-background-color`]=`transparent`,t[`--db-button-background-color-hover`]=`transparent`,t[`--db-button-background-color-active`]=`transparent`,t[`--db-button-color`]=e,t[`--db-button-color-hover`]=`color-mix(in srgb, ${e}, white 30%)`,t[`--db-button-color-active`]=`color-mix(in srgb, ${e}, white 30%)`,t[`--db-button-border-color`]=e,t[`--db-button-border-color-hover`]=`color-mix(in srgb, ${e}, white 30%)`,t[`--db-button-border-color-active`]=`color-mix(in srgb, ${e}, white 30%)`),i.text&&(t[`--db-button-background-color`]=`transparent`,t[`--db-button-background-color-hover`]=`color-mix(in srgb, ${e}, white 92%)`,t[`--db-button-background-color-active`]=`color-mix(in srgb, ${e}, white 92%)`,t[`--db-button-border-color`]=`transparent`,t[`--db-button-border-color-hover`]=`color-mix(in srgb, ${e}, white 92%)`,t[`--db-button-border-color-active`]=`color-mix(in srgb, ${e}, white 92%)`,t[`--db-button-color`]=e,t[`--db-button-color-hover`]=e,t[`--db-button-color-active`]=e),i.link&&(t[`--db-button-background-color`]=`transparent`,t[`--db-button-background-color-hover`]=`transparent`,t[`--db-button-background-color-active`]=`transparent`,t[`--db-button-border-color`]=`transparent`,t[`--db-button-border-color-hover`]=`transparent`,t[`--db-button-border-color-active`]=`transparent`,t[`--db-button-color`]=e,t[`--db-button-color-hover`]=`color-mix(in srgb, ${e}, white 30%)`,t[`--db-button-color-active`]=`color-mix(in srgb, ${e}, white 30%)`),t});function l(e){o.value||a(`click`,e)}return(r,i)=>((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(e.tag),{class:(0,t.normalizeClass)(s.value),type:e.nativeType,disabled:o.value,autofocus:e.autofocus,style:(0,t.normalizeStyle)(c.value),onClick:l},{default:(0,t.withCtx)(()=>[e.loading&&!e.loadingIcon?((0,t.openBlock)(),(0,t.createElementBlock)(`i`,n)):(0,t.createCommentVNode)(``,!0),e.loading&&e.loadingIcon?((0,t.openBlock)(),(0,t.createElementBlock)(`image`,{key:1,class:(0,t.normalizeClass)([`iconfont`,`loading`,`icon-${e.loadingIcon}`])},null,2)):(0,t.createCommentVNode)(``,!0),e.icon&&!e.loading?((0,t.openBlock)(),(0,t.createElementBlock)(`i`,{key:2,class:(0,t.normalizeClass)([`iconfont`,`icon-${e.icon}`])},null,2)):(0,t.createCommentVNode)(``,!0),(0,t.renderSlot)(r.$slots,`default`,{},void 0,!0)]),_:3},8,[`class`,`type`,`disabled`,`autofocus`,`style`]))}}),i=(e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n},a=i(r,[[`__scopeId`,`data-v-bc3a041a`]]),o=i((0,t.defineComponent)({name:`DbButtonGroup`,__name:`ButtonGroup`,props:{direction:{default:`horizontal`}},setup(e){let n=e,r=(0,t.computed)(()=>[`db-button-group`,`db-button-group-direction__${n.direction}`]);return(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)(r.value)},[(0,t.renderSlot)(e.$slots,`default`,{},void 0,!0)],2))}}),[[`__scopeId`,`data-v-d8f67fe3`]]),s={key:0,class:`db-input-group__prepend`},c=[`value`,`placeholder`,`disabled`,`readonly`,`rows`,`name`,`autocomplete`,`autofocus`,`form`,`maxlength`,`minlength`,`tabindex`],l={key:0,class:`db-input-limit`},u={class:`db-input-limit__inner`},d=[`type`,`value`,`placeholder`,`disabled`,`readonly`,`name`,`autocomplete`,`autofocus`,`form`,`maxlength`,`minlength`,`tabindex`],f={key:3,class:`db-input-group__append`},p=i((0,t.defineComponent)({name:`DbInput`,__name:`Input`,props:{modelValue:{default:``},type:{default:`text`},size:{default:`default`},placeholder:{default:``},clearable:{type:Boolean,default:!1},showPassword:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},suffixIcon:{},prefixIcon:{},rows:{default:2},autosize:{type:[Boolean,Object],default:!1},autocomplete:{default:`off`},autofocus:{type:Boolean,default:!1},form:{default:``},name:{default:``},minlength:{},maxlength:{},showWordLimit:{type:Boolean,default:!1},resize:{default:`vertical`},tabindex:{default:void 0}},emits:[`update:modelValue`,`input`,`change`,`focus`,`blur`,`clear`,`keydown`,`keyup`,`keypress`],setup(e,{expose:n,emit:r}){let i=e,a=r;n({focus:()=>p.value?.focus(),blur:()=>p.value?.blur(),select:()=>p.value?.select()});let o=(0,t.useSlots)(),p=(0,t.useTemplateRef)(`input-ref`),m=(0,t.ref)(!1),h=(0,t.ref)(!1),g=(0,t.computed)(()=>i.type===`textarea`),_=(0,t.computed)(()=>!!o.prepend),v=(0,t.computed)(()=>!!o.prepend),y=(0,t.computed)(()=>i.showPassword&&i.type===`password`?h.value?`text`:`password`:i.type),b=(0,t.computed)(()=>String(i.modelValue??``)),x=(0,t.computed)(()=>i.clearable&&b.value&&!i.disabled&&!i.readonly),S=(0,t.computed)(()=>b.value.length),C=(0,t.computed)(()=>i.showWordLimit&&i.maxlength!==void 0),w=(0,t.computed)(()=>`db-input-size__${i.size}`),T=(0,t.computed)(()=>g.value?[`db-textarea`,w.value,{"is-disabled":i.disabled,"is-focus":m.value}]:_.value||v.value?[`db-input-group`,w.value]:[`db-input`,w.value,{"is-disabled":i.disabled,"is-focus":m.value}]);function E(e){let n=e.target.value;a(`update:modelValue`,n),a(`input`,n),(0,t.nextTick)(()=>M())}function D(e){let t=e.target.value;a(`change`,t)}function O(e){m.value=!0,a(`focus`,e)}function k(e){m.value=!1,a(`blur`,e)}function A(){a(`update:modelValue`,``),a(`input`,``),a(`change`,``),a(`clear`),(0,t.nextTick)(()=>{p.value?.focus(),M()})}function j(){h.value=!h.value}function M(){if(!g.value||!i.autosize||!p.value)return;let e=p.value,{autosize:t}=i;e.style.height=`auto`;let n=e.scrollHeight;if(typeof t==`object`){let{minRows:e,maxRows:r}=t;if(e){let t=e*20+22;n=Math.max(n,t)}if(r){let e=r*20+22;n=Math.min(n,e)}}e.style.height=`${n}px`}return(0,t.onMounted)(()=>{M()}),(0,t.watch)(()=>i.modelValue,()=>(0,t.nextTick)(()=>M())),(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)(T.value)},[!g.value&&_.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,s,[(0,t.renderSlot)(n.$slots,`prepend`,{},void 0,!0)])):(0,t.createCommentVNode)(``,!0),g.value?((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:1},[(0,t.createElementVNode)(`textarea`,{ref:`input-ref`,class:`db-textarea__inner`,style:(0,t.normalizeStyle)({resize:e.resize}),value:b.value,placeholder:e.placeholder,disabled:e.disabled,readonly:e.readonly,rows:e.rows,name:e.name,autocomplete:e.autocomplete,autofocus:e.autofocus,form:e.form,maxlength:e.maxlength,minlength:e.minlength,tabindex:e.tabindex,onInput:E,onChange:D,onFocus:O,onBlur:k,onKeydown:r[0]||=e=>a(`keydown`,e),onKeyup:r[1]||=e=>a(`keyup`,e),onKeypress:r[2]||=e=>a(`keypress`,e)},null,44,c),C.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,l,[(0,t.createElementVNode)(`span`,u,(0,t.toDisplayString)(S.value)+`/`+(0,t.toDisplayString)(e.maxlength),1)])):(0,t.createCommentVNode)(``,!0)],64)):(0,t.createCommentVNode)(``,!0),g.value?(0,t.createCommentVNode)(``,!0):((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:2,class:(0,t.normalizeClass)([`db-input__wrapper`,{"is-focus":m.value,"is-disabled":e.disabled}])},[e.prefixIcon?((0,t.openBlock)(),(0,t.createElementBlock)(`i`,{key:0,class:(0,t.normalizeClass)([`iconfont`,`icon-${e.prefixIcon}`])},null,2)):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`input`,{ref:`input-ref`,class:`db-input__inner`,type:y.value,value:b.value,placeholder:e.placeholder,disabled:e.disabled,readonly:e.readonly,name:e.name,autocomplete:e.autocomplete,autofocus:e.autofocus,form:e.form,maxlength:e.maxlength,minlength:e.minlength,tabindex:e.tabindex,onInput:E,onChange:D,onFocus:O,onBlur:k,onKeydown:r[3]||=e=>a(`keydown`,e),onKeyup:r[4]||=e=>a(`keyup`,e),onKeypress:r[5]||=e=>a(`keypress`,e)},null,40,d),x.value?((0,t.openBlock)(),(0,t.createElementBlock)(`i`,{key:1,class:(0,t.normalizeClass)([`iconfont`,`icon-clear`]),onClick:(0,t.withModifiers)(A,[`stop`])})):(0,t.createCommentVNode)(``,!0),e.type===`password`&&e.showPassword?((0,t.openBlock)(),(0,t.createElementBlock)(`image`,{key:2,class:(0,t.normalizeClass)([`iconfont`,`icon-showPassword`]),onClick:(0,t.withModifiers)(j,[`stop`])})):(0,t.createCommentVNode)(``,!0),e.suffixIcon?((0,t.openBlock)(),(0,t.createElementBlock)(`i`,{key:3,class:(0,t.normalizeClass)([`iconfont`,`icon-${e.suffixIcon}`])},null,2)):(0,t.createCommentVNode)(``,!0)],2)),!g.value&&v.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,f,[(0,t.renderSlot)(n.$slots,`append`,{},void 0,!0)])):(0,t.createCommentVNode)(``,!0)],2))}}),[[`__scopeId`,`data-v-e3bb386b`]]),m=i((0,t.defineComponent)({name:`DbText`,__name:`Text`,props:{type:{default:`default`},size:{default:`default`},tag:{default:`span`},truncated:{type:Boolean,default:!1},lineClamp:{default:void 0},disabled:{type:Boolean,default:!1},strong:{type:Boolean,default:!1},italic:{type:Boolean,default:!1},underline:{type:Boolean,default:!1},delete:{type:Boolean,default:!1},marked:{type:Boolean,default:!1},code:{type:Boolean,default:!1},color:{default:``}},setup(e){let n=e,r=(0,t.computed)(()=>[`db-text`,`db-text-type__${n.type}`,`db-text-size__${n.size}`,{"is-truncated":n.truncated&&!n.lineClamp,"is-disabled":n.disabled,"is-strong":n.strong,"is-italic":n.italic,"is-underline":n.underline,"is-delete":n.delete,"is-marked":n.marked,"is-code":n.code}]),i=(0,t.computed)(()=>{let e={};return n.color&&(e.color=n.color),n.lineClamp&&(e.overflow=`hidden`,e.display=`-webkit-box`,e.WebkitBoxOrient=`vertical`,e.WebkitLineClamp=n.lineClamp,e.wordBreak=`break-all`),e});return(n,a)=>((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(e.tag),{class:(0,t.normalizeClass)(r.value),style:(0,t.normalizeStyle)(i.value)},{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(n.$slots,`default`,{},void 0,!0)]),_:3},8,[`class`,`style`]))}}),[[`__scopeId`,`data-v-34a235e5`]]),h={key:0,class:`db-alert__icon`},g={class:`db-alert__content`},_={class:`db-alert__title`},v={key:0,class:`db-alert__description`},y=i((0,t.defineComponent)({name:`DbAlert`,__name:`Alert`,props:{type:{default:`info`},title:{default:``},description:{default:``},closable:{type:Boolean,default:!0},closeText:{default:``},showIcon:{type:Boolean,default:!1},center:{type:Boolean,default:!1},effect:{default:`light`}},emits:[`close`],setup(e,{emit:n}){let r=e,i=n,o=(0,t.useSlots)(),s=(0,t.ref)(!0),c=(0,t.computed)(()=>r.description||o.description),l=(0,t.computed)(()=>[`db-alert`,`db-alert--${r.type}`,`db-alert--${r.effect}`,{"is-center":r.center,"is-with-description":c.value,"is-closable":r.closable}]);function u(e){s.value=!1,i(`close`,e)}return(n,r)=>((0,t.openBlock)(),(0,t.createBlock)(t.Transition,{name:`alert-fade`},{default:(0,t.withCtx)(()=>[s.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:(0,t.normalizeClass)(l.value),role:`alert`},[e.showIcon||(0,t.unref)(o).icon?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,h,[(0,t.renderSlot)(n.$slots,`icon`,{},()=>[(0,t.createElementVNode)(`i`,{class:(0,t.normalizeClass)([`iconfont`,`icon-${e.type}`])},null,2)],!0)])):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`div`,g,[(0,t.createElementVNode)(`span`,_,[(0,t.renderSlot)(n.$slots,`default`,{},()=>[(0,t.createTextVNode)((0,t.toDisplayString)(e.title),1)],!0)]),c.value?((0,t.openBlock)(),(0,t.createElementBlock)(`p`,v,[(0,t.renderSlot)(n.$slots,`description`,{},()=>[(0,t.createTextVNode)((0,t.toDisplayString)(e.description),1)],!0)])):(0,t.createCommentVNode)(``,!0)]),e.closable?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,{key:1,class:`db-alert__closebtn`,onClick:u},[(0,t.renderSlot)(n.$slots,`close`,{},()=>[(0,t.createVNode)((0,t.unref)(a),{link:``,icon:`close`,onClick:u},{default:(0,t.withCtx)(()=>[(0,t.createTextVNode)((0,t.toDisplayString)(e.closeText),1)]),_:1})],!0)])):(0,t.createCommentVNode)(``,!0)],2)):(0,t.createCommentVNode)(``,!0)]),_:3}))}}),[[`__scopeId`,`data-v-4674a767`]]),b={class:`db-message__icon`},x={class:`db-message__content`},S=i((0,t.defineComponent)({name:`DbMessage`,__name:`Message`,props:{id:{},message:{},type:{default:`info`},duration:{default:3e3},showClose:{type:Boolean,default:!1},center:{type:Boolean,default:!1},plain:{type:Boolean,default:!1},offset:{default:20},onClose:{}},emits:[`mounted`],setup(e,{expose:n,emit:r}){let i=e,o=r,s=(0,t.ref)(!1),c=(0,t.ref)(i.offset),l=(0,t.useTemplateRef)(`message-ref`),u=null,d=(0,t.computed)(()=>[`db-message`,`db-message--${i.type}`,{"is-center":i.center,"is-plain":i.plain,"is-closable":i.showClose}]);function f(){i.duration<=0||(p(),u=window.setTimeout(()=>{m()},i.duration))}function p(){u&&=(clearTimeout(u),null)}function m(){s.value=!1,p(),i.onClose?.()}function h(){p()}function g(){f()}function _(e){c.value=e}return n({setTop:_,close:m,getHeight:()=>l.value?.offsetHeight||0}),(0,t.onMounted)(()=>{s.value=!0,(0,t.nextTick)(()=>{o(`mounted`,l.value?.offsetHeight||0),f()})}),(0,t.onUnmounted)(()=>{p()}),(n,r)=>((0,t.openBlock)(),(0,t.createBlock)(t.Transition,{name:`db-message-fade`},{default:(0,t.withCtx)(()=>[(0,t.withDirectives)((0,t.createElementVNode)(`div`,{ref:`message-ref`,class:(0,t.normalizeClass)(d.value),style:(0,t.normalizeStyle)({top:`${c.value}px`}),onMouseenter:h,onMouseleave:g},[(0,t.createElementVNode)(`span`,b,[(0,t.createElementVNode)(`i`,{class:(0,t.normalizeClass)([`iconfont`,`icon-${e.type}`])},null,2)]),(0,t.createElementVNode)(`p`,x,(0,t.toDisplayString)(e.message),1),e.showClose?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(a),{key:0,link:``,icon:`close`,onClick:m})):(0,t.createCommentVNode)(``,!0)],38),[[t.vShow,s.value]])]),_:1}))}}),[[`__scopeId`,`data-v-5de577c2`]]),C=[],w=1,T=16,E=20;function D(){let e=E;C.forEach(t=>{t.top=e,t.vm.setTop(e),e+=t.height+T})}function O(e){let t=C.findIndex(t=>t.id===e);t!==-1&&(C.splice(t,1),D())}function k(e){let n=typeof e==`string`?{message:e}:e,r=`db-message-${w++}`,i=document.createElement(`div`),a={id:r,vm:{close:()=>{},setTop:()=>{},getHeight:()=>0},top:E,height:0};function o(){n.onClose?.(),O(r),setTimeout(()=>{(0,t.render)(null,i),i.remove()},300)}function s(e){let t=C.find(e=>e.id===r);t&&(t.height=e,D())}let c=(0,t.createVNode)(S,{id:r,message:n.message,type:n.type||`info`,duration:n.duration??3e3,showClose:n.showClose||!1,center:n.center||!1,plain:n.plain||!1,offset:E,onClose:o,onMounted:s});return(0,t.render)(c,i),document.body.appendChild(i.firstElementChild),Promise.resolve().then(()=>{let e=c.component?.exposed;e&&(a.vm={close:e.close,setTop:e.setTop,getHeight:e.getHeight})}),C.push(a),{close:()=>a.vm.close()}}var A={open:k,primary(e){return k(typeof e==`string`?{message:e,type:`primary`}:{...e,type:`primary`})},success(e){return k(typeof e==`string`?{message:e,type:`success`}:{...e,type:`success`})},warning(e){return k(typeof e==`string`?{message:e,type:`warning`}:{...e,type:`warning`})},danger(e){return k(typeof e==`string`?{message:e,type:`danger`}:{...e,type:`danger`})},info(e){return k(typeof e==`string`?{message:e,type:`info`}:{...e,type:`info`})},closeAll:()=>{[...C].forEach(e=>e.vm.close())},install:e=>{e.config.globalProperties.Message=A}},j={class:`db-message-box__header`},M={class:`db-message-box__title`},N={class:`db-message-box__content`},P={class:`db-message-box__message`},F={key:1,class:`db-message-box__input`},I=[`value`,`placeholder`,`type`],L=[`value`,`placeholder`],R={class:`db-message-box__btns`},z=i((0,t.defineComponent)({name:`DbMessageBox`,__name:`MessageBox`,props:{visible:{type:Boolean},title:{default:`提示`},message:{default:``},type:{default:``},showCancelButton:{type:Boolean,default:!1},showConfirmButton:{type:Boolean,default:!0},cancelButtonText:{default:`取消`},confirmButtonText:{default:`确定`},confirmButtonType:{default:`primary`},cancelButtonType:{default:`default`},showInput:{type:Boolean,default:!1},inputPlaceholder:{default:``},inputValue:{default:``},inputType:{default:`text`},closeOnClickModal:{type:Boolean,default:!1},closeOnPressEscape:{type:Boolean,default:!0},showClose:{type:Boolean,default:!0},center:{type:Boolean,default:!1},lockScroll:{type:Boolean,default:!0}},emits:[`update:visible`,`confirm`,`cancel`,`close`,`input`],setup(e,{emit:n}){let r=e,i=n,o=(0,t.ref)(r.inputValue);(0,t.computed)(()=>[`db-message-box__input-inner`,`db-message-box__input--${r.inputType}`]);function s(){i(`update:visible`,!1)}function c(){i(`confirm`,o.value),s()}function l(){i(`cancel`),s()}function u(){i(`close`),s()}function d(){r.closeOnClickModal&&u()}function f(e){e.key===`Escape`&&r.closeOnPressEscape&&u(),e.key===`Enter`&&c()}return(0,t.watch)(()=>r.inputValue,e=>{o.value=e}),(0,t.watch)(()=>r.visible,e=>{r.lockScroll&&(document.body.style.overflow=e?`hidden`:``)}),(0,t.onMounted)(()=>{document.addEventListener(`keydown`,f)}),(0,t.onUnmounted)(()=>{document.removeEventListener(`keydown`,f),r.lockScroll&&(document.body.style.overflow=``)}),(n,r)=>((0,t.openBlock)(),(0,t.createBlock)(t.Transition,{name:`message-box-fade`},{default:(0,t.withCtx)(()=>[e.visible?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:`db-message-box__wrapper`,onClick:(0,t.withModifiers)(d,[`self`])},[(0,t.createVNode)(t.Transition,{name:`message-box-zoom`},{default:(0,t.withCtx)(()=>[e.visible?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:(0,t.normalizeClass)([`db-message-box`,{"is-center":e.center}])},[e.showClose?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(a),{key:0,class:`db-message-box__close`,link:``,icon:`close`,onClick:u})):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`div`,j,[(0,t.createElementVNode)(`span`,M,(0,t.toDisplayString)(e.title),1)]),(0,t.createElementVNode)(`div`,N,[e.type?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:(0,t.normalizeClass)([`db-message-box__status`,`db-message-box__status--${e.type}`])},[(0,t.createElementVNode)(`i`,{class:(0,t.normalizeClass)([`iconfont`,`icon-${e.type}`])},null,2)],2)):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`div`,P,[(0,t.renderSlot)(n.$slots,`default`,{},()=>[(0,t.createTextVNode)((0,t.toDisplayString)(e.message),1)],!0)]),e.showInput?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,F,[e.inputType===`textarea`?((0,t.openBlock)(),(0,t.createElementBlock)(`textarea`,{key:1,value:o.value,placeholder:e.inputPlaceholder,class:`db-message-box__textarea-inner`,onInput:r[1]||=e=>{o.value=e.target.value,i(`input`,o.value)}},null,40,L)):((0,t.openBlock)(),(0,t.createElementBlock)(`input`,{key:0,value:o.value,placeholder:e.inputPlaceholder,type:e.inputType,class:`db-message-box__input-inner`,onInput:r[0]||=e=>{o.value=e.target.value,i(`input`,o.value)}},null,40,I))])):(0,t.createCommentVNode)(``,!0)]),(0,t.createElementVNode)(`div`,R,[e.showCancelButton?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(a),{key:0,type:e.cancelButtonType,plain:!0,onClick:l},{default:(0,t.withCtx)(()=>[(0,t.createTextVNode)((0,t.toDisplayString)(e.cancelButtonText),1)]),_:1},8,[`type`])):(0,t.createCommentVNode)(``,!0),e.showConfirmButton?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(a),{key:1,type:e.confirmButtonType,onClick:c},{default:(0,t.withCtx)(()=>[(0,t.createTextVNode)((0,t.toDisplayString)(e.confirmButtonText),1)]),_:1},8,[`type`])):(0,t.createCommentVNode)(``,!0)])],2)):(0,t.createCommentVNode)(``,!0)]),_:3})])):(0,t.createCommentVNode)(``,!0)]),_:3}))}}),[[`__scopeId`,`data-v-ded9658b`]]),B=null,V=e=>new Promise((n,r)=>{B||(B=document.createElement(`div`),document.body.appendChild(B));let i=e=>{(0,t.render)(null,B),n(e)},a=()=>{(0,t.render)(null,B),r(Error(`cancel`))},o=()=>{(0,t.render)(null,B),r(Error(`close`))};(0,t.render)((0,t.createVNode)(z,{visible:!0,...e,onConfirm:i,onCancel:a,onClose:o,"onUpdate:visible":e=>{e||o()}}),B)}),H={open:V,alert:(e,t,n)=>V({message:e,title:t||`提示`,showCancelButton:!1,...n}),confirm:(e,t,n)=>V({message:e,title:t||`提示`,showCancelButton:!0,...n}),prompt:(e,t,n)=>V({message:e,title:t||`提示`,showCancelButton:!0,showInput:!0,...n}),install:e=>{e.config.globalProperties.MessageBox=H,e.component(`MessageBox`,z)}},U=[a,o,p,m,y,A,H];function W(e){U.forEach(t=>e.use(t))}var G={install:W,version:`1.0.0`};e.DbAlert=y,e.DbButton=a,e.DbButtonGroup=o,e.DbInput=p,e.DbMessage=A,e.DbMessageBox=H,e.DbMessageComponent=S,e.DbText=m,e.default=G});
package/dist/style.css CHANGED
@@ -1,2 +1,2 @@
1
- .db-button[data-v-bc3a041a]{--db-button-border-type:solid;--db-button-border-radius:var(--db-size-radius-base);box-sizing:border-box;-webkit-user-select:none;user-select:none;vertical-align:middle;cursor:pointer;justify-content:center;align-items:center;gap:var(--db-size-padding-base);font-size:var(--db-button-font-size);border-radius:var(--db-button-border-radius);padding:var(--db-button-padding-vertical) var(--db-button-padding-horizontal);border:.1rem var(--db-button-border-type) var(--db-button-border-color);background-color:var(--db-button-background-color);color:var(--db-button-color);outline:none;transition:all .2s;display:inline-flex}.db-button[data-v-bc3a041a]:not(:disabled):hover{border-color:var(--db-button-border-color-hover);background-color:var(--db-button-background-color-hover);color:var(--db-button-color-hover)}.db-button[data-v-bc3a041a]:not(:disabled):active{border-color:var(--db-button-border-color-active);background-color:var(--db-button-background-color-active);color:var(--db-button-color-active)}.db-button.is-disabled[data-v-bc3a041a]{cursor:not-allowed;border-color:var(--db-button-border-color-disabled);background-color:var(--db-button-background-color-disabled);color:var(--db-button-color-disabled)}.is-round[data-v-bc3a041a]{border-radius:2rem}.is-circle[data-v-bc3a041a]{aspect-ratio:1;--db-button-border-radius:50%;overflow:hidden}.is-circle.db-button-size__large[data-v-bc3a041a]{--db-button-padding-vertical:calc(var(--db-size-padding-base) * 1.5);--db-button-padding-horizontal:calc(var(--db-size-padding-base) * 1.5);width:calc(var(--db-button-font-size) * 3.5)}.is-circle.db-button-size__default[data-v-bc3a041a]{--db-button-padding-vertical:calc(var(--db-size-padding-base) * 1);--db-button-padding-horizontal:calc(var(--db-size-padding-base) * 1);width:calc(var(--db-button-font-size) * 3)}.is-circle.db-button-size__small[data-v-bc3a041a]{--db-button-padding-vertical:calc(var(--db-size-padding-base) * .5);--db-button-padding-horizontal:calc(var(--db-size-padding-base) * .5);width:calc(var(--db-button-font-size) * 3)}.db-button-size__large[data-v-bc3a041a]{--db-button-padding-vertical:calc(var(--db-size-padding-base) * 1.5);--db-button-padding-horizontal:calc(var(--db-size-padding-base) * 2.5);--db-button-font-size:var(--db-font-size-base)}.db-button-size__large.is-link[data-v-bc3a041a]{--db-button-padding-vertical:calc(var(--db-size-padding-base) * .25);--db-button-padding-horizontal:calc(var(--db-size-padding-base) * .25);--db-button-font-size:var(--db-font-size-large)}.db-button-size__default[data-v-bc3a041a]{--db-button-padding-vertical:calc(var(--db-size-padding-base) * 1);--db-button-padding-horizontal:calc(var(--db-size-padding-base) * 2);--db-button-font-size:var(--db-font-size-base)}.db-button-size__default.is-link[data-v-bc3a041a]{--db-button-padding-vertical:calc(var(--db-size-padding-base) * .25);--db-button-padding-horizontal:calc(var(--db-size-padding-base) * .25);--db-button-font-size:var(--db-font-size-base)}.db-button-size__small[data-v-bc3a041a]{--db-button-padding-vertical:calc(var(--db-size-padding-base) * .5);--db-button-padding-horizontal:calc(var(--db-size-padding-base) * 1.5);--db-button-font-size:var(--db-font-size-small)}.db-button-size__small.is-link[data-v-bc3a041a]{--db-button-padding-vertical:calc(var(--db-size-padding-base) * .25);--db-button-padding-horizontal:calc(var(--db-size-padding-base) * .25);--db-button-font-size:var(--db-font-size-small)}.db-button-type__default[data-v-bc3a041a]{--db-button-border-color:var(--db-color-border-base);--db-button-border-color-hover:var(--db-color-primary-light-3);--db-button-border-color-active:var(--db-color-primary-light-3);--db-button-border-color-disabled:var(--db-color-border-base);--db-button-background-color:var(--db-color-transparent);--db-button-background-color-hover:var(--db-color-primary-light-9);--db-button-background-color-active:var(--db-color-primary-light-9);--db-button-background-color-disabled:var(--db-color-transparent);--db-button-color:var(--db-color-text-regular);--db-button-color-hover:var(--db-color-primary);--db-button-color-active:var(--db-color-primary);--db-button-color-disabled:var(--db-color-text-disabled)}.db-button-type__default.is-plain[data-v-bc3a041a]{--db-button-border-color:var(--db-color-border-base);--db-button-border-color-hover:var(--db-color-primary);--db-button-border-color-active:var(--db-color-primary);--db-button-background-color:var(--db-color-transparent);--db-button-background-color-hover:var(--db-color-transparent);--db-button-background-color-active:var(--db-color-transparent);--db-button-color:var(--db-color-text-regular);--db-button-color-hover:var(--db-color-primary);--db-button-color-active:var(--db-color-primary)}.db-button-type__default.is-dashed[data-v-bc3a041a]{--db-button-border-type:dashed;--db-button-border-color:var(--db-color-border-base);--db-button-border-color-hover:var(--db-color-primary);--db-button-border-color-active:var(--db-color-primary);--db-button-background-color:var(--db-color-transparent);--db-button-background-color-hover:var(--db-color-transparent);--db-button-background-color-active:var(--db-color-transparent);--db-button-color:var(--db-color-text-regular);--db-button-color-hover:var(--db-color-primary);--db-button-color-active:var(--db-color-primary)}.db-button-type__default.is-text[data-v-bc3a041a]{--db-button-border-color:var(--db-color-transparent);--db-button-border-color-hover:var(--db-color-primary-light-9);--db-button-border-color-active:var(--db-color-primary-light-9);--db-button-border-color-disabled:var(--db-color-transparent);--db-button-background-color:var(--db-color-transparent);--db-button-background-color-hover:var(--db-color-primary-light-9);--db-button-background-color-active:var(--db-color-primary-light-9);--db-button-background-color-disabled:var(--db-color-transparent);--db-button-color:var(--db-color-text-regular);--db-button-color-hover:var(--db-color-text-regular);--db-button-color-active:var(--db-color-text-regular);--db-button-color-disabled:var(--db-color-text-disabled)}.db-button-type__default.is-link[data-v-bc3a041a]{--db-button-border-color:var(--db-color-transparent);--db-button-border-color-hover:var(--db-color-transparent);--db-button-border-color-active:var(--db-color-transparent);--db-button-border-color-disabled:var(--db-color-transparent);--db-button-background-color:var(--db-color-transparent);--db-button-background-color-hover:var(--db-color-transparent);--db-button-background-color-active:var(--db-color-transparent);--db-button-background-color-disabled:var(--db-color-transparent);--db-button-color:var(--db-color-text-regular);--db-button-color-hover:var(--db-color-text-secondary);--db-button-color-active:var(--db-color-text-secondary);--db-button-color-disabled:var(--db-color-text-disabled)}.db-button-type__primary[data-v-bc3a041a]{--db-button-border-color:var(--db-color-primary);--db-button-border-color-hover:var(--db-color-primary-light-3);--db-button-border-color-active:var(--db-color-primary-light-3);--db-button-border-color-disabled:var(--db-color-primary-light-5);--db-button-background-color:var(--db-color-primary);--db-button-background-color-hover:var(--db-color-primary-light-3);--db-button-background-color-active:var(--db-color-primary-light-3);--db-button-background-color-disabled:var(--db-color-primary-light-5);--db-button-color:var(--db-color-text-white);--db-button-color-hover:var(--db-color-text-white);--db-button-color-active:var(--db-color-text-white);--db-button-color-disabled:var(--db-color-text-white)}.db-button-type__primary.is-plain[data-v-bc3a041a]{--db-button-border-color:var(--db-color-primary);--db-button-border-color-hover:var(--db-color-primary);--db-button-border-color-active:var(--db-color-primary);--db-button-border-color-disabled:var(--db-color-primary-light-7);--db-button-background-color:var(--db-color-primary-light-9);--db-button-background-color-hover:var(--db-color-primary);--db-button-background-color-active:var(--db-color-primary);--db-button-background-color-disabled:var(--db-color-primary-light-9);--db-button-color:var(--db-color-primary);--db-button-color-hover:var(--db-color-text-white);--db-button-color-active:var(--db-color-text-white);--db-button-color-disabled:var(--db-color-primary-light-5)}.db-button-type__primary.is-dashed[data-v-bc3a041a]{--db-button-border-type:dashed;--db-button-border-color:var(--db-color-primary-light-3);--db-button-border-color-hover:var(--db-color-primary);--db-button-border-color-active:var(--db-color-primary);--db-button-background-color:var(--db-color-primary-light-9);--db-button-background-color-hover:var(--db-color-primary-light-9);--db-button-background-color-active:var(--db-color-primary-light-9);--db-button-color:var(--db-color-primary);--db-button-color-hover:var(--db-color-primary);--db-button-color-active:var(--db-color-primary)}.db-button-type__primary.is-text[data-v-bc3a041a]{--db-button-border-color:var(--db-color-transparent);--db-button-border-color-hover:var(--db-color-primary-light-9);--db-button-border-color-active:var(--db-color-primary-light-9);--db-button-border-color-disabled:var(--db-color-transparent);--db-button-background-color:var(--db-color-transparent);--db-button-background-color-hover:var(--db-color-primary-light-9);--db-button-background-color-active:var(--db-color-primary-light-9);--db-button-background-color-disabled:var(--db-color-transparent);--db-button-color:var(--db-color-primary);--db-button-color-hover:var(--db-color-primary);--db-button-color-active:var(--db-color-primary);--db-button-color-disabled:var(--db-color-primary-light-5)}.db-button-type__primary.is-link[data-v-bc3a041a]{--db-button-border-color:var(--db-color-transparent);--db-button-border-color-hover:var(--db-color-transparent);--db-button-border-color-active:var(--db-color-transparent);--db-button-border-color-disabled:var(--db-color-transparent);--db-button-background-color:var(--db-color-transparent);--db-button-background-color-hover:var(--db-color-transparent);--db-button-background-color-active:var(--db-color-transparent);--db-button-background-color-disabled:var(--db-color-transparent);--db-button-color:var(--db-color-primary);--db-button-color-hover:var(--db-color-primary-light-3);--db-button-color-active:var(--db-color-primary-light-3);--db-button-color-disabled:var(--db-color-primary-light-5)}.db-button-type__success[data-v-bc3a041a]{--db-button-border-color:var(--db-color-success);--db-button-border-color-hover:var(--db-color-success-light-3);--db-button-border-color-active:var(--db-color-success-light-3);--db-button-border-color-disabled:var(--db-color-success-light-5);--db-button-background-color:var(--db-color-success);--db-button-background-color-hover:var(--db-color-success-light-3);--db-button-background-color-active:var(--db-color-success-light-3);--db-button-background-color-disabled:var(--db-color-success-light-5);--db-button-color:var(--db-color-text-white);--db-button-color-hover:var(--db-color-text-white);--db-button-color-active:var(--db-color-text-white);--db-button-color-disabled:var(--db-color-text-white)}.db-button-type__success.is-plain[data-v-bc3a041a]{--db-button-border-color:var(--db-color-success);--db-button-border-color-hover:var(--db-color-success);--db-button-border-color-active:var(--db-color-success);--db-button-border-color-disabled:var(--db-color-success-light-7);--db-button-background-color:var(--db-color-success-light-9);--db-button-background-color-hover:var(--db-color-success);--db-button-background-color-active:var(--db-color-success);--db-button-background-color-disabled:var(--db-color-success-light-9);--db-button-color:var(--db-color-success);--db-button-color-hover:var(--db-color-text-white);--db-button-color-active:var(--db-color-text-white);--db-button-color-disabled:var(--db-color-success-light-5)}.db-button-type__success.is-dashed[data-v-bc3a041a]{--db-button-border-type:dashed;--db-button-border-color:var(--db-color-success-light-3);--db-button-border-color-hover:var(--db-color-success);--db-button-border-color-active:var(--db-color-success);--db-button-background-color:var(--db-color-success-light-9);--db-button-background-color-hover:var(--db-color-success-light-9);--db-button-background-color-active:var(--db-color-success-light-9);--db-button-color:var(--db-color-success);--db-button-color-hover:var(--db-color-success);--db-button-color-active:var(--db-color-success)}.db-button-type__success.is-text[data-v-bc3a041a]{--db-button-border-color:var(--db-color-transparent);--db-button-border-color-hover:var(--db-color-primary-light-9);--db-button-border-color-active:var(--db-color-primary-light-9);--db-button-border-color-disabled:var(--db-color-transparent);--db-button-background-color:var(--db-color-transparent);--db-button-background-color-hover:var(--db-color-primary-light-9);--db-button-background-color-active:var(--db-color-primary-light-9);--db-button-background-color-disabled:var(--db-color-transparent);--db-button-color:var(--db-color-success);--db-button-color-hover:var(--db-color-success);--db-button-color-active:var(--db-color-success);--db-button-color-disabled:var(--db-color-success-light-5)}.db-button-type__success.is-link[data-v-bc3a041a]{--db-button-border-color:var(--db-color-transparent);--db-button-border-color-hover:var(--db-color-transparent);--db-button-border-color-active:var(--db-color-transparent);--db-button-border-color-disabled:var(--db-color-transparent);--db-button-background-color:var(--db-color-transparent);--db-button-background-color-hover:var(--db-color-transparent);--db-button-background-color-active:var(--db-color-transparent);--db-button-background-color-disabled:var(--db-color-transparent);--db-button-color:var(--db-color-success);--db-button-color-hover:var(--db-color-success-light-3);--db-button-color-active:var(--db-color-success-light-3);--db-button-color-disabled:var(--db-color-success-light-5)}.db-button-type__warning[data-v-bc3a041a]{--db-button-border-color:var(--db-color-warning);--db-button-border-color-hover:var(--db-color-warning-light-3);--db-button-border-color-active:var(--db-color-warning-light-3);--db-button-border-color-disabled:var(--db-color-warning-light-5);--db-button-background-color:var(--db-color-warning);--db-button-background-color-hover:var(--db-color-warning-light-3);--db-button-background-color-active:var(--db-color-warning-light-3);--db-button-background-color-disabled:var(--db-color-warning-light-5);--db-button-color:var(--db-color-text-white);--db-button-color-hover:var(--db-color-text-white);--db-button-color-active:var(--db-color-text-white);--db-button-color-disabled:var(--db-color-text-white)}.db-button-type__warning.is-plain[data-v-bc3a041a]{--db-button-border-color:var(--db-color-warning);--db-button-border-color-hover:var(--db-color-warning);--db-button-border-color-active:var(--db-color-warning);--db-button-border-color-disabled:var(--db-color-warning-light-7);--db-button-background-color:var(--db-color-warning-light-9);--db-button-background-color-hover:var(--db-color-warning);--db-button-background-color-active:var(--db-color-warning);--db-button-background-color-disabled:var(--db-color-warning-light-9);--db-button-color:var(--db-color-warning);--db-button-color-hover:var(--db-color-text-white);--db-button-color-active:var(--db-color-text-white);--db-button-color-disabled:var(--db-color-warning-light-5)}.db-button-type__warning.is-dashed[data-v-bc3a041a]{--db-button-border-type:dashed;--db-button-border-color:var(--db-color-warning-light-3);--db-button-border-color-hover:var(--db-color-warning);--db-button-border-color-active:var(--db-color-warning);--db-button-background-color:var(--db-color-warning-light-9);--db-button-background-color-hover:var(--db-color-warning-light-9);--db-button-background-color-active:var(--db-color-warning-light-9);--db-button-color:var(--db-color-warning);--db-button-color-hover:var(--db-color-warning);--db-button-color-active:var(--db-color-warning)}.db-button-type__warning.is-text[data-v-bc3a041a]{--db-button-border-color:var(--db-color-transparent);--db-button-border-color-hover:var(--db-color-primary-light-9);--db-button-border-color-active:var(--db-color-primary-light-9);--db-button-border-color-disabled:var(--db-color-transparent);--db-button-background-color:var(--db-color-transparent);--db-button-background-color-hover:var(--db-color-primary-light-9);--db-button-background-color-active:var(--db-color-primary-light-9);--db-button-background-color-disabled:var(--db-color-transparent);--db-button-color:var(--db-color-warning);--db-button-color-hover:var(--db-color-warning);--db-button-color-active:var(--db-color-warning);--db-button-color-disabled:var(--db-color-warning-light-5)}.db-button-type__warning.is-link[data-v-bc3a041a]{--db-button-border-color:var(--db-color-transparent);--db-button-border-color-hover:var(--db-color-transparent);--db-button-border-color-active:var(--db-color-transparent);--db-button-border-color-disabled:var(--db-color-transparent);--db-button-background-color:var(--db-color-transparent);--db-button-background-color-hover:var(--db-color-transparent);--db-button-background-color-active:var(--db-color-transparent);--db-button-background-color-disabled:var(--db-color-transparent);--db-button-color:var(--db-color-warning);--db-button-color-hover:var(--db-color-warning-light-3);--db-button-color-active:var(--db-color-warning-light-3);--db-button-color-disabled:var(--db-color-warning-light-5)}.db-button-type__danger[data-v-bc3a041a]{--db-button-border-color:var(--db-color-danger);--db-button-border-color-hover:var(--db-color-danger-light-3);--db-button-border-color-active:var(--db-color-danger-light-3);--db-button-border-color-disabled:var(--db-color-danger-light-5);--db-button-background-color:var(--db-color-danger);--db-button-background-color-hover:var(--db-color-danger-light-3);--db-button-background-color-active:var(--db-color-danger-light-3);--db-button-background-color-disabled:var(--db-color-danger-light-5);--db-button-color:var(--db-color-text-white);--db-button-color-hover:var(--db-color-text-white);--db-button-color-active:var(--db-color-text-white);--db-button-color-disabled:var(--db-color-text-white)}.db-button-type__danger.is-plain[data-v-bc3a041a]{--db-button-border-color:var(--db-color-danger);--db-button-border-color-hover:var(--db-color-danger);--db-button-border-color-active:var(--db-color-danger);--db-button-border-color-disabled:var(--db-color-danger-light-7);--db-button-background-color:var(--db-color-danger-light-9);--db-button-background-color-hover:var(--db-color-danger);--db-button-background-color-active:var(--db-color-danger);--db-button-background-color-disabled:var(--db-color-danger-light-9);--db-button-color:var(--db-color-danger);--db-button-color-hover:var(--db-color-text-white);--db-button-color-active:var(--db-color-text-white);--db-button-color-disabled:var(--db-color-danger-light-5)}.db-button-type__danger.is-dashed[data-v-bc3a041a]{--db-button-border-type:dashed;--db-button-border-color:var(--db-color-danger-light-3);--db-button-border-color-hover:var(--db-color-danger);--db-button-border-color-active:var(--db-color-danger);--db-button-background-color:var(--db-color-danger-light-9);--db-button-background-color-hover:var(--db-color-danger-light-9);--db-button-background-color-active:var(--db-color-danger-light-9);--db-button-color:var(--db-color-danger);--db-button-color-hover:var(--db-color-danger);--db-button-color-active:var(--db-color-danger)}.db-button-type__danger.is-text[data-v-bc3a041a]{--db-button-border-color:var(--db-color-transparent);--db-button-border-color-hover:var(--db-color-primary-light-9);--db-button-border-color-active:var(--db-color-primary-light-9);--db-button-border-color-disabled:var(--db-color-transparent);--db-button-background-color:var(--db-color-transparent);--db-button-background-color-hover:var(--db-color-primary-light-9);--db-button-background-color-active:var(--db-color-primary-light-9);--db-button-background-color-disabled:var(--db-color-transparent);--db-button-color:var(--db-color-danger);--db-button-color-hover:var(--db-color-danger);--db-button-color-active:var(--db-color-danger);--db-button-color-disabled:var(--db-color-danger-light-5)}.db-button-type__danger.is-link[data-v-bc3a041a]{--db-button-border-color:var(--db-color-transparent);--db-button-border-color-hover:var(--db-color-transparent);--db-button-border-color-active:var(--db-color-transparent);--db-button-border-color-disabled:var(--db-color-transparent);--db-button-background-color:var(--db-color-transparent);--db-button-background-color-hover:var(--db-color-transparent);--db-button-background-color-active:var(--db-color-transparent);--db-button-background-color-disabled:var(--db-color-transparent);--db-button-color:var(--db-color-danger);--db-button-color-hover:var(--db-color-danger-light-3);--db-button-color-active:var(--db-color-danger-light-3);--db-button-color-disabled:var(--db-color-danger-light-5)}.db-button-type__info[data-v-bc3a041a]{--db-button-border-color:var(--db-color-info);--db-button-border-color-hover:var(--db-color-info-light-3);--db-button-border-color-active:var(--db-color-info-light-3);--db-button-border-color-disabled:var(--db-color-info-light-5);--db-button-background-color:var(--db-color-info);--db-button-background-color-hover:var(--db-color-info-light-3);--db-button-background-color-active:var(--db-color-info-light-3);--db-button-background-color-disabled:var(--db-color-info-light-5);--db-button-color:var(--db-color-text-white);--db-button-color-hover:var(--db-color-text-white);--db-button-color-active:var(--db-color-text-white);--db-button-color-disabled:var(--db-color-text-white)}.db-button-type__info.is-plain[data-v-bc3a041a]{--db-button-border-color:var(--db-color-info);--db-button-border-color-hover:var(--db-color-info);--db-button-border-color-active:var(--db-color-info);--db-button-border-color-disabled:var(--db-color-info-light-7);--db-button-background-color:var(--db-color-info-light-9);--db-button-background-color-hover:var(--db-color-info);--db-button-background-color-active:var(--db-color-info);--db-button-background-color-disabled:var(--db-color-info-light-9);--db-button-color:var(--db-color-info);--db-button-color-hover:var(--db-color-text-white);--db-button-color-active:var(--db-color-text-white);--db-button-color-disabled:var(--db-color-info-light-5)}.db-button-type__info.is-dashed[data-v-bc3a041a]{--db-button-border-type:dashed;--db-button-border-color:var(--db-color-info-light-3);--db-button-border-color-hover:var(--db-color-info);--db-button-border-color-active:var(--db-color-info);--db-button-background-color:var(--db-color-info-light-9);--db-button-background-color-hover:var(--db-color-info-light-9);--db-button-background-color-active:var(--db-color-info-light-9);--db-button-color:var(--db-color-info);--db-button-color-hover:var(--db-color-info);--db-button-color-active:var(--db-color-info)}.db-button-type__info.is-text[data-v-bc3a041a]{--db-button-border-color:var(--db-color-transparent);--db-button-border-color-hover:var(--db-color-primary-light-9);--db-button-border-color-active:var(--db-color-primary-light-9);--db-button-border-color-disabled:var(--db-color-transparent);--db-button-background-color:var(--db-color-transparent);--db-button-background-color-hover:var(--db-color-primary-light-9);--db-button-background-color-active:var(--db-color-primary-light-9);--db-button-background-color-disabled:var(--db-color-transparent);--db-button-color:var(--db-color-info);--db-button-color-hover:var(--db-color-info);--db-button-color-active:var(--db-color-info);--db-button-color-disabled:var(--db-color-info-light-5)}.db-button-type__info.is-link[data-v-bc3a041a]{--db-button-border-color:var(--db-color-transparent);--db-button-border-color-hover:var(--db-color-transparent);--db-button-border-color-active:var(--db-color-transparent);--db-button-border-color-disabled:var(--db-color-transparent);--db-button-background-color:var(--db-color-transparent);--db-button-background-color-hover:var(--db-color-transparent);--db-button-background-color-active:var(--db-color-transparent);--db-button-background-color-disabled:var(--db-color-transparent);--db-button-color:var(--db-color-info);--db-button-color-hover:var(--db-color-info-light-3);--db-button-color-active:var(--db-color-info-light-3);--db-button-color-disabled:var(--db-color-info-light-5)}.loading[data-v-bc3a041a]{animation:5s linear infinite rotation-bc3a041a}@keyframes rotation-bc3a041a{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.db-button-group[data-v-d8f67fe3]{gap:0;display:inline-flex}.db-button-group[data-v-d8f67fe3] .db-button{border-radius:0}.db-button-group.db-button-group-direction__horizontal[data-v-d8f67fe3]{flex-direction:row}.db-button-group.db-button-group-direction__horizontal[data-v-d8f67fe3] .db-button:first-child{border-top-left-radius:var(--db-size-radius-base);border-bottom-left-radius:var(--db-size-radius-base)}.db-button-group.db-button-group-direction__horizontal[data-v-d8f67fe3] .db-button:last-child{border-top-right-radius:var(--db-size-radius-base);border-bottom-right-radius:var(--db-size-radius-base)}.db-button-group.db-button-group-direction__vertical[data-v-d8f67fe3]{flex-direction:column}.db-button-group.db-button-group-direction__vertical[data-v-d8f67fe3] .db-button:first-child{border-top-left-radius:var(--db-size-radius-base);border-top-right-radius:var(--db-size-radius-base)}.db-button-group.db-button-group-direction__vertical[data-v-d8f67fe3] .db-button:last-child{border-bottom-left-radius:var(--db-size-radius-base);border-bottom-right-radius:var(--db-size-radius-base)}.db-input[data-v-e3bb386b]{vertical-align:middle;width:100%;font-size:var(--db-font-size-base);line-height:4rem;display:inline-flex;position:relative}.db-input__wrapper[data-v-e3bb386b]{gap:var(--db-size-padding-base);background-color:var(--db-color-background-base);border:1px solid var(--db-color-border-base);border-radius:var(--db-size-radius-base);box-sizing:border-box;flex:1;justify-content:center;align-items:center;width:100%;padding:0 15px;transition:all .3s cubic-bezier(.645,.045,.355,1);display:inline-flex}.db-input__wrapper[data-v-e3bb386b]:hover{border-color:var(--db-color-border-lighter)}.db-input__wrapper.is-focus[data-v-e3bb386b]{border-color:var(--db-color-primary);box-shadow:0 0 0 1px var(--db-color-primary) inset}.db-input__wrapper.is-disabled[data-v-e3bb386b]{background-color:var(--db-color-background-page);border-color:var(--db-color-border-base);cursor:not-allowed}.db-input__wrapper.is-disabled .db-input__inner[data-v-e3bb386b]{color:var(--db-color-text-disabled);cursor:not-allowed}.db-input__inner[data-v-e3bb386b]{width:100%;height:4rem;color:var(--db-color-text-regular);font-size:inherit;box-sizing:border-box;background:0 0;border:none;outline:none;flex:1;padding:0}.db-input__inner[data-v-e3bb386b]::placeholder{color:var(--db-color-text-placeholder)}.db-input-size__large[data-v-e3bb386b]{font-size:var(--db-font-size-large)}.db-input-size__large .db-input__inner[data-v-e3bb386b]{height:4.4rem}.db-input-size__large .db-input__wrapper[data-v-e3bb386b]{padding:0 var(--db-size-padding-large)}.db-input-size__small[data-v-e3bb386b]{font-size:var(--db-font-size-small)}.db-input-size__small .db-input__inner[data-v-e3bb386b]{height:3.2rem}.db-input-size__small .db-input__wrapper[data-v-e3bb386b]{padding:0 var(--db-size-padding-small)}.db-input__prefix[data-v-e3bb386b],.db-input__suffix[data-v-e3bb386b]{color:var(--db-color-info);font-size:inherit;flex-shrink:0;align-items:center;display:inline-flex}.db-input__prefix[data-v-e3bb386b]{margin-right:8px}.db-input__suffix[data-v-e3bb386b]{margin-left:8px}.db-input__suffix-inner[data-v-e3bb386b]{align-items:center;gap:6px;display:inline-flex}.db-input__icon[data-v-e3bb386b]{cursor:pointer;line-height:0;transition:color .2s}.db-input__icon[data-v-e3bb386b]:hover{color:var(--db-color-text-regular)}.db-input-group[data-v-e3bb386b]{align-items:stretch;width:100%;display:inline-flex}.db-input-group .db-input__wrapper[data-v-e3bb386b]{border-radius:0}.db-input-group>.db-input__wrapper[data-v-e3bb386b]:first-child,.db-input-group>.db-input:first-child .db-input__wrapper[data-v-e3bb386b]{border-radius:var(--db-size-radius-base) 0 0 var(--db-size-radius-base)}.db-input-group>.db-input__wrapper[data-v-e3bb386b]:last-child,.db-input-group>.db-input:last-child .db-input__wrapper[data-v-e3bb386b]{border-radius:0 var(--db-size-radius-base) var(--db-size-radius-base) 0}.db-input-group__prepend[data-v-e3bb386b],.db-input-group__append[data-v-e3bb386b]{border:1px solid var(--db-color-border-base);color:var(--db-color-text-regular);box-sizing:border-box;white-space:nowrap;background-color:#f5f7fa;justify-content:center;align-items:center;padding:0 20px;display:inline-flex}.db-input-group__prepend[data-v-e3bb386b]{border-radius:var(--db-size-radius-base) 0 0 var(--db-size-radius-base);border-right:none}.db-input-group__append[data-v-e3bb386b]{border-radius:0 var(--db-size-radius-base) var(--db-size-radius-base) 0;border-left:none}.db-textarea[data-v-e3bb386b]{vertical-align:bottom;width:100%;font-size:var(--db-font-size-base);display:inline-block;position:relative}.db-textarea__inner[data-v-e3bb386b]{resize:vertical;width:100%;min-height:80px;line-height:20px;font-size:inherit;color:var(--db-color-text-regular);background-color:var(--db-color-background-base);border:1px solid var(--db-color-border-base);border-radius:var(--db-size-radius-base);box-sizing:border-box;outline:none;padding:11px 15px;font-family:inherit;transition:all .3s cubic-bezier(.645,.045,.355,1);display:block}.db-textarea__inner[data-v-e3bb386b]:hover{border-color:var(--db-color-border-lighter)}.db-textarea__inner[data-v-e3bb386b]:focus{border-color:var(--db-color-primary);box-shadow:0 0 0 1px var(--db-color-primary) inset}.db-textarea__inner[data-v-e3bb386b]::placeholder{color:var(--db-color-text-placeholder)}.db-textarea__inner[data-v-e3bb386b]:disabled{background-color:var(--db-color-background-page);color:var(--db-color-text-disabled);cursor:not-allowed}.db-input__count[data-v-e3bb386b]{color:var(--db-color-info);pointer-events:none;font-size:12px;line-height:1;position:absolute;bottom:8px;right:12px}.db-input.is-disabled[data-v-e3bb386b],.db-textarea.is-disabled[data-v-e3bb386b]{cursor:not-allowed;opacity:.5}.db-text[data-v-b274d22b]{font-size:var(--db-font-size);color:var(--db-text-color);box-sizing:border-box;line-height:1.5;display:inline}.db-text.is-strong[data-v-b274d22b]{font-weight:700}.db-text.is-italic[data-v-b274d22b]{font-style:italic}.db-text.is-underline[data-v-b274d22b]{text-decoration:underline}.db-text.is-delete[data-v-b274d22b]{text-decoration:line-through}.db-text.is-disabled[data-v-b274d22b]{cursor:not-allowed;-webkit-user-select:none;user-select:none}.db-text.is-marked[data-v-b274d22b]{border-radius:2px;padding:0 2px}.db-text.is-code[data-v-b274d22b]{background-color:var(--db-color-background-page);border-radius:var(--db-border-radius-base);padding:2px 6px;font-family:Consolas,Monaco,Courier New,monospace;font-size:.9em}.db-text.is-truncated[data-v-b274d22b]{text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;max-width:100%;display:inline-block;overflow:hidden}.db-text-size__large[data-v-b274d22b]{--db-font-size:var(--db-font-size-large)}.db-text-size__default[data-v-b274d22b]{--db-font-size:var(--db-font-size-base)}.db-text-size__small[data-v-b274d22b]{--db-font-size:var(--db-font-size-small)}.db-text-type__primary[data-v-b274d22b]{--db-text-color:var(--db-color-primary)}.db-text-type__primary.is-disabled[data-v-b274d22b]{color:var(--db-color-primary-light-5)}.db-text-type__primary.is-marked[data-v-b274d22b]{background-color:var(--db-color-primary-light-9)}.db-text-type__success[data-v-b274d22b]{--db-text-color:var(--db-color-success)}.db-text-type__success.is-disabled[data-v-b274d22b]{color:var(--db-color-success-light-5)}.db-text-type__success.is-marked[data-v-b274d22b]{background-color:var(--db-color-success-light-9)}.db-text-type__warning[data-v-b274d22b]{--db-text-color:var(--db-color-warning)}.db-text-type__warning.is-disabled[data-v-b274d22b]{color:var(--db-color-warning-light-5)}.db-text-type__warning.is-marked[data-v-b274d22b]{background-color:var(--db-color-warning-light-9)}.db-text-type__danger[data-v-b274d22b]{--db-text-color:var(--db-color-danger)}.db-text-type__danger.is-disabled[data-v-b274d22b]{color:var(--db-color-danger-light-5)}.db-text-type__danger.is-marked[data-v-b274d22b]{background-color:var(--db-color-danger-light-9)}.db-text-type__info[data-v-b274d22b]{--db-text-color:var(--db-color-info)}.db-text-type__info.is-disabled[data-v-b274d22b]{color:var(--db-color-info-light-5)}.db-text-type__info.is-marked[data-v-b274d22b]{background-color:var(--db-color-info-light-9)}.db-text-type__default[data-v-b274d22b]{--db-text-color:var(--db-color-text-regular)}.db-text-type__default.is-disabled[data-v-b274d22b]{color:var(--db-color-text-disabled)}.db-text-type__default.is-marked[data-v-b274d22b]{background-color:var(--db-color-background-page)}.db-alert[data-v-54b0171d]{width:100%;padding:var(--db-size-padding-base) calc(var(--db-size-padding-base) * 2);box-sizing:border-box;border-radius:var(--db-size-radius-base);font-size:var(--db-font-size-small);background-color:var(--db-alert-background-color);border:.1rem solid #0000;border-color:var(--db-alert-border-color);color:var(--db-alert-font-color);align-items:center;transition:opacity .3s,transform .3s;display:flex;position:relative}.db-alert.is-center[data-v-54b0171d]{text-align:center;justify-content:center}.db-alert.is-with-description[data-v-54b0171d]{padding:calc(var(--db-size-padding-base) * 2);align-items:flex-start}.db-alert.is-with-description .db-alert__icon[data-v-54b0171d]{font-size:calc(var(--db-font-size-small) * 2);width:calc(var(--db-font-size-small) * 2);height:calc(var(--db-font-size-small) * 2)}.db-alert--primary.db-alert--light[data-v-54b0171d]{--db-alert-background-color:var(--db-color-primary-light-9);--db-alert-border-color:var(--db-color-primary-light-8);--db-alert-font-color:var(--db-color-primary)}.db-alert--primary.db-alert--dark[data-v-54b0171d]{--db-alert-background-color:var(--db-color-primary);--db-alert-border-color:var(--db-color-primary);--db-alert-font-color:var(--db-color-text-white)}.db-alert--success.db-alert--light[data-v-54b0171d]{--db-alert-background-color:var(--db-color-success-light-9);--db-alert-border-color:var(--db-color-success-light-8);--db-alert-font-color:var(--db-color-success)}.db-alert--success.db-alert--dark[data-v-54b0171d]{--db-alert-background-color:var(--db-color-success);--db-alert-border-color:var(--db-color-success);--db-alert-font-color:var(--db-color-text-white)}.db-alert--warning.db-alert--light[data-v-54b0171d]{--db-alert-background-color:var(--db-color-warning-light-9);--db-alert-border-color:var(--db-color-warning-light-8);--db-alert-font-color:var(--db-color-warning)}.db-alert--warning.db-alert--dark[data-v-54b0171d]{--db-alert-background-color:var(--db-color-warning);--db-alert-border-color:var(--db-color-warning);--db-alert-font-color:var(--db-color-text-white)}.db-alert--danger.db-alert--light[data-v-54b0171d]{--db-alert-background-color:var(--db-color-danger-light-9);--db-alert-border-color:var(--db-color-danger-light-8);--db-alert-font-color:var(--db-color-danger)}.db-alert--danger.db-alert--dark[data-v-54b0171d]{--db-alert-background-color:var(--db-color-danger);--db-alert-border-color:var(--db-color-danger);--db-alert-font-color:var(--db-color-text-white)}.db-alert--info.db-alert--light[data-v-54b0171d]{--db-alert-background-color:var(--db-color-info-light-9);--db-alert-border-color:var(--db-color-info-light-8);--db-alert-font-color:var(--db-color-info)}.db-alert--info.db-alert--dark[data-v-54b0171d]{--db-alert-background-color:var(--db-color-info);--db-alert-border-color:var(--db-color-info);--db-alert-font-color:var(--db-color-text-white)}.db-alert__icon[data-v-54b0171d]{font-size:var(--db-font-size-base);width:var(--db-font-size-base);height:var(--db-font-size-base);margin-right:var(--db-size-margin-base);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.db-alert__content[data-v-54b0171d]{flex:1;min-width:0}.db-alert__title[data-v-54b0171d]{font-size:var(--db-font-size-base);font-weight:500;display:block}.db-alert__description[data-v-54b0171d]{font-size:var(--db-font-size-small);margin:var(--db-size-margin-small) 0 0 0;opacity:.85}.alert-fade-enter-active[data-v-54b0171d],.alert-fade-leave-active[data-v-54b0171d]{transition:opacity .3s,transform .3s}.alert-fade-enter-from[data-v-54b0171d],.alert-fade-leave-to[data-v-54b0171d]{opacity:0;transform:translateY(-8px)}:root{--db-size-margin-large:1.2rem;--db-size-margin-base:.8rem;--db-size-margin-small:.4rem;--db-size-padding-large:1.2rem;--db-size-padding-base:.8rem;--db-size-padding-small:.4rem;--db-size-shadow-large:.6rem;--db-size-shadow-base:.4rem;--db-size-shadow-small:.2rem;--db-size-radius-large:.6rem;--db-size-radius-base:.4rem;--db-size-radius-small:.2rem;--db-font-size-large:1.6rem;--db-font-size-base:1.4rem;--db-font-size-small:1.2rem}[theme=default]{--db-color-primary:#409eff;--db-color-primary-dark-2:#337ecc;--db-color-primary-light-3:#79bbff;--db-color-primary-light-5:#a0cfff;--db-color-primary-light-7:#c6e2ff;--db-color-primary-light-8:#d9ecff;--db-color-primary-light-9:#ecf5ff;--db-color-success:#67c23a;--db-color-success-dark-2:#529b2e;--db-color-success-light-3:#95d475;--db-color-success-light-5:#b3e19d;--db-color-success-light-7:#d1edc4;--db-color-success-light-8:#e1f3d8;--db-color-success-light-9:#f0f9eb;--db-color-warning:#e6a23c;--db-color-warning-dark-2:#b88230;--db-color-warning-light-3:#eebe77;--db-color-warning-light-5:#f3d19e;--db-color-warning-light-7:#f8e3c5;--db-color-warning-light-8:#faecd8;--db-color-warning-light-9:#fdf6ec;--db-color-danger:#f56c6c;--db-color-danger-dark-2:#c45656;--db-color-danger-light-3:#f89898;--db-color-danger-light-5:#fab6b6;--db-color-danger-light-7:#fcd3d3;--db-color-danger-light-8:#fde2e2;--db-color-danger-light-9:#fef0f0;--db-color-info:#909399;--db-color-info-dark-2:#73767a;--db-color-info-light-3:#b1b3b8;--db-color-info-light-5:#c8c9cc;--db-color-info-light-7:#dedfe0;--db-color-info-light-8:#e9e9eb;--db-color-info-light-9:#f4f4f5;--db-color-transparent:transparent;--db-color-border-darker:#cdd0d6;--db-color-border-dark:#d4d7de;--db-color-border-base:#dcdfe6;--db-color-border-light:#e4e7ed;--db-color-border-lighter:#ebeef5;--db-color-border-extra-light:#f2f6fc;--db-color-text-primary:#303133;--db-color-text-regular:#606266;--db-color-text-secondary:#909399;--db-color-text-placeholder:#a8abb2;--db-color-text-disabled:#c0c4cc;--db-color-text-white:#fff;--db-color-background-base:#fff;--db-color-background-page:#f2f3f5;--db-color-basic-white:#fff;--db-color-basic-black:#000}html{font-size:clamp(10px,.520833vw,20px)}body{font-family:Helvetica Neue;font-size:var(--db-font-size-base);color:var(--db-color-text-regular);font-weight:400;line-height:1.5}
1
+ .db-button[data-v-bc3a041a]{--db-button-border-type:solid;--db-button-border-radius:var(--db-size-radius-base);box-sizing:border-box;-webkit-user-select:none;user-select:none;vertical-align:middle;cursor:pointer;justify-content:center;align-items:center;gap:var(--db-size-padding-base);font-size:var(--db-button-font-size);border-radius:var(--db-button-border-radius);padding:var(--db-button-padding-vertical) var(--db-button-padding-horizontal);border:.1rem var(--db-button-border-type) var(--db-button-border-color);background-color:var(--db-button-background-color);color:var(--db-button-color);outline:none;transition:all .2s;display:inline-flex}.db-button[data-v-bc3a041a]:not(:disabled):hover{border-color:var(--db-button-border-color-hover);background-color:var(--db-button-background-color-hover);color:var(--db-button-color-hover)}.db-button[data-v-bc3a041a]:not(:disabled):active{border-color:var(--db-button-border-color-active);background-color:var(--db-button-background-color-active);color:var(--db-button-color-active)}.db-button.is-disabled[data-v-bc3a041a]{cursor:not-allowed;border-color:var(--db-button-border-color-disabled);background-color:var(--db-button-background-color-disabled);color:var(--db-button-color-disabled)}.is-round[data-v-bc3a041a]{border-radius:2rem}.is-circle[data-v-bc3a041a]{aspect-ratio:1;--db-button-border-radius:50%;overflow:hidden}.is-circle.db-button-size__large[data-v-bc3a041a]{--db-button-padding-vertical:calc(var(--db-size-padding-base) * 1.5);--db-button-padding-horizontal:calc(var(--db-size-padding-base) * 1.5);width:calc(var(--db-button-font-size) * 3.5)}.is-circle.db-button-size__default[data-v-bc3a041a]{--db-button-padding-vertical:calc(var(--db-size-padding-base) * 1);--db-button-padding-horizontal:calc(var(--db-size-padding-base) * 1);width:calc(var(--db-button-font-size) * 3)}.is-circle.db-button-size__small[data-v-bc3a041a]{--db-button-padding-vertical:calc(var(--db-size-padding-base) * .5);--db-button-padding-horizontal:calc(var(--db-size-padding-base) * .5);width:calc(var(--db-button-font-size) * 3)}.db-button-size__large[data-v-bc3a041a]{--db-button-padding-vertical:calc(var(--db-size-padding-base) * 1.5);--db-button-padding-horizontal:calc(var(--db-size-padding-base) * 2.5);--db-button-font-size:var(--db-font-size-base)}.db-button-size__large.is-link[data-v-bc3a041a]{--db-button-padding-vertical:calc(var(--db-size-padding-base) * .25);--db-button-padding-horizontal:calc(var(--db-size-padding-base) * .25);--db-button-font-size:var(--db-font-size-large)}.db-button-size__default[data-v-bc3a041a]{--db-button-padding-vertical:calc(var(--db-size-padding-base) * 1);--db-button-padding-horizontal:calc(var(--db-size-padding-base) * 2);--db-button-font-size:var(--db-font-size-base)}.db-button-size__default.is-link[data-v-bc3a041a]{--db-button-padding-vertical:calc(var(--db-size-padding-base) * .25);--db-button-padding-horizontal:calc(var(--db-size-padding-base) * .25);--db-button-font-size:var(--db-font-size-base)}.db-button-size__small[data-v-bc3a041a]{--db-button-padding-vertical:calc(var(--db-size-padding-base) * .5);--db-button-padding-horizontal:calc(var(--db-size-padding-base) * 1.5);--db-button-font-size:var(--db-font-size-small)}.db-button-size__small.is-link[data-v-bc3a041a]{--db-button-padding-vertical:calc(var(--db-size-padding-base) * .25);--db-button-padding-horizontal:calc(var(--db-size-padding-base) * .25);--db-button-font-size:var(--db-font-size-small)}.db-button-type__default[data-v-bc3a041a]{--db-button-border-color:var(--db-color-border-base);--db-button-border-color-hover:var(--db-color-primary-light-3);--db-button-border-color-active:var(--db-color-primary-light-3);--db-button-border-color-disabled:var(--db-color-border-base);--db-button-background-color:var(--db-color-transparent);--db-button-background-color-hover:var(--db-color-primary-light-9);--db-button-background-color-active:var(--db-color-primary-light-9);--db-button-background-color-disabled:var(--db-color-transparent);--db-button-color:var(--db-color-text-regular);--db-button-color-hover:var(--db-color-primary);--db-button-color-active:var(--db-color-primary);--db-button-color-disabled:var(--db-color-text-disabled)}.db-button-type__default.is-plain[data-v-bc3a041a]{--db-button-border-color:var(--db-color-border-base);--db-button-border-color-hover:var(--db-color-primary);--db-button-border-color-active:var(--db-color-primary);--db-button-background-color:var(--db-color-transparent);--db-button-background-color-hover:var(--db-color-transparent);--db-button-background-color-active:var(--db-color-transparent);--db-button-color:var(--db-color-text-regular);--db-button-color-hover:var(--db-color-primary);--db-button-color-active:var(--db-color-primary)}.db-button-type__default.is-dashed[data-v-bc3a041a]{--db-button-border-type:dashed;--db-button-border-color:var(--db-color-border-base);--db-button-border-color-hover:var(--db-color-primary);--db-button-border-color-active:var(--db-color-primary);--db-button-background-color:var(--db-color-transparent);--db-button-background-color-hover:var(--db-color-transparent);--db-button-background-color-active:var(--db-color-transparent);--db-button-color:var(--db-color-text-regular);--db-button-color-hover:var(--db-color-primary);--db-button-color-active:var(--db-color-primary)}.db-button-type__default.is-text[data-v-bc3a041a]{--db-button-border-color:var(--db-color-transparent);--db-button-border-color-hover:var(--db-color-primary-light-9);--db-button-border-color-active:var(--db-color-primary-light-9);--db-button-border-color-disabled:var(--db-color-transparent);--db-button-background-color:var(--db-color-transparent);--db-button-background-color-hover:var(--db-color-primary-light-9);--db-button-background-color-active:var(--db-color-primary-light-9);--db-button-background-color-disabled:var(--db-color-transparent);--db-button-color:var(--db-color-text-regular);--db-button-color-hover:var(--db-color-text-regular);--db-button-color-active:var(--db-color-text-regular);--db-button-color-disabled:var(--db-color-text-disabled)}.db-button-type__default.is-link[data-v-bc3a041a]{--db-button-border-color:var(--db-color-transparent);--db-button-border-color-hover:var(--db-color-transparent);--db-button-border-color-active:var(--db-color-transparent);--db-button-border-color-disabled:var(--db-color-transparent);--db-button-background-color:var(--db-color-transparent);--db-button-background-color-hover:var(--db-color-transparent);--db-button-background-color-active:var(--db-color-transparent);--db-button-background-color-disabled:var(--db-color-transparent);--db-button-color:var(--db-color-text-regular);--db-button-color-hover:var(--db-color-text-secondary);--db-button-color-active:var(--db-color-text-secondary);--db-button-color-disabled:var(--db-color-text-disabled)}.db-button-type__primary[data-v-bc3a041a]{--db-button-border-color:var(--db-color-primary);--db-button-border-color-hover:var(--db-color-primary-light-3);--db-button-border-color-active:var(--db-color-primary-light-3);--db-button-border-color-disabled:var(--db-color-primary-light-5);--db-button-background-color:var(--db-color-primary);--db-button-background-color-hover:var(--db-color-primary-light-3);--db-button-background-color-active:var(--db-color-primary-light-3);--db-button-background-color-disabled:var(--db-color-primary-light-5);--db-button-color:var(--db-color-text-white);--db-button-color-hover:var(--db-color-text-white);--db-button-color-active:var(--db-color-text-white);--db-button-color-disabled:var(--db-color-text-white)}.db-button-type__primary.is-plain[data-v-bc3a041a]{--db-button-border-color:var(--db-color-primary);--db-button-border-color-hover:var(--db-color-primary);--db-button-border-color-active:var(--db-color-primary);--db-button-border-color-disabled:var(--db-color-primary-light-7);--db-button-background-color:var(--db-color-primary-light-9);--db-button-background-color-hover:var(--db-color-primary);--db-button-background-color-active:var(--db-color-primary);--db-button-background-color-disabled:var(--db-color-primary-light-9);--db-button-color:var(--db-color-primary);--db-button-color-hover:var(--db-color-text-white);--db-button-color-active:var(--db-color-text-white);--db-button-color-disabled:var(--db-color-primary-light-5)}.db-button-type__primary.is-dashed[data-v-bc3a041a]{--db-button-border-type:dashed;--db-button-border-color:var(--db-color-primary-light-3);--db-button-border-color-hover:var(--db-color-primary);--db-button-border-color-active:var(--db-color-primary);--db-button-background-color:var(--db-color-primary-light-9);--db-button-background-color-hover:var(--db-color-primary-light-9);--db-button-background-color-active:var(--db-color-primary-light-9);--db-button-color:var(--db-color-primary);--db-button-color-hover:var(--db-color-primary);--db-button-color-active:var(--db-color-primary)}.db-button-type__primary.is-text[data-v-bc3a041a]{--db-button-border-color:var(--db-color-transparent);--db-button-border-color-hover:var(--db-color-primary-light-9);--db-button-border-color-active:var(--db-color-primary-light-9);--db-button-border-color-disabled:var(--db-color-transparent);--db-button-background-color:var(--db-color-transparent);--db-button-background-color-hover:var(--db-color-primary-light-9);--db-button-background-color-active:var(--db-color-primary-light-9);--db-button-background-color-disabled:var(--db-color-transparent);--db-button-color:var(--db-color-primary);--db-button-color-hover:var(--db-color-primary);--db-button-color-active:var(--db-color-primary);--db-button-color-disabled:var(--db-color-primary-light-5)}.db-button-type__primary.is-link[data-v-bc3a041a]{--db-button-border-color:var(--db-color-transparent);--db-button-border-color-hover:var(--db-color-transparent);--db-button-border-color-active:var(--db-color-transparent);--db-button-border-color-disabled:var(--db-color-transparent);--db-button-background-color:var(--db-color-transparent);--db-button-background-color-hover:var(--db-color-transparent);--db-button-background-color-active:var(--db-color-transparent);--db-button-background-color-disabled:var(--db-color-transparent);--db-button-color:var(--db-color-primary);--db-button-color-hover:var(--db-color-primary-light-3);--db-button-color-active:var(--db-color-primary-light-3);--db-button-color-disabled:var(--db-color-primary-light-5)}.db-button-type__success[data-v-bc3a041a]{--db-button-border-color:var(--db-color-success);--db-button-border-color-hover:var(--db-color-success-light-3);--db-button-border-color-active:var(--db-color-success-light-3);--db-button-border-color-disabled:var(--db-color-success-light-5);--db-button-background-color:var(--db-color-success);--db-button-background-color-hover:var(--db-color-success-light-3);--db-button-background-color-active:var(--db-color-success-light-3);--db-button-background-color-disabled:var(--db-color-success-light-5);--db-button-color:var(--db-color-text-white);--db-button-color-hover:var(--db-color-text-white);--db-button-color-active:var(--db-color-text-white);--db-button-color-disabled:var(--db-color-text-white)}.db-button-type__success.is-plain[data-v-bc3a041a]{--db-button-border-color:var(--db-color-success);--db-button-border-color-hover:var(--db-color-success);--db-button-border-color-active:var(--db-color-success);--db-button-border-color-disabled:var(--db-color-success-light-7);--db-button-background-color:var(--db-color-success-light-9);--db-button-background-color-hover:var(--db-color-success);--db-button-background-color-active:var(--db-color-success);--db-button-background-color-disabled:var(--db-color-success-light-9);--db-button-color:var(--db-color-success);--db-button-color-hover:var(--db-color-text-white);--db-button-color-active:var(--db-color-text-white);--db-button-color-disabled:var(--db-color-success-light-5)}.db-button-type__success.is-dashed[data-v-bc3a041a]{--db-button-border-type:dashed;--db-button-border-color:var(--db-color-success-light-3);--db-button-border-color-hover:var(--db-color-success);--db-button-border-color-active:var(--db-color-success);--db-button-background-color:var(--db-color-success-light-9);--db-button-background-color-hover:var(--db-color-success-light-9);--db-button-background-color-active:var(--db-color-success-light-9);--db-button-color:var(--db-color-success);--db-button-color-hover:var(--db-color-success);--db-button-color-active:var(--db-color-success)}.db-button-type__success.is-text[data-v-bc3a041a]{--db-button-border-color:var(--db-color-transparent);--db-button-border-color-hover:var(--db-color-primary-light-9);--db-button-border-color-active:var(--db-color-primary-light-9);--db-button-border-color-disabled:var(--db-color-transparent);--db-button-background-color:var(--db-color-transparent);--db-button-background-color-hover:var(--db-color-primary-light-9);--db-button-background-color-active:var(--db-color-primary-light-9);--db-button-background-color-disabled:var(--db-color-transparent);--db-button-color:var(--db-color-success);--db-button-color-hover:var(--db-color-success);--db-button-color-active:var(--db-color-success);--db-button-color-disabled:var(--db-color-success-light-5)}.db-button-type__success.is-link[data-v-bc3a041a]{--db-button-border-color:var(--db-color-transparent);--db-button-border-color-hover:var(--db-color-transparent);--db-button-border-color-active:var(--db-color-transparent);--db-button-border-color-disabled:var(--db-color-transparent);--db-button-background-color:var(--db-color-transparent);--db-button-background-color-hover:var(--db-color-transparent);--db-button-background-color-active:var(--db-color-transparent);--db-button-background-color-disabled:var(--db-color-transparent);--db-button-color:var(--db-color-success);--db-button-color-hover:var(--db-color-success-light-3);--db-button-color-active:var(--db-color-success-light-3);--db-button-color-disabled:var(--db-color-success-light-5)}.db-button-type__warning[data-v-bc3a041a]{--db-button-border-color:var(--db-color-warning);--db-button-border-color-hover:var(--db-color-warning-light-3);--db-button-border-color-active:var(--db-color-warning-light-3);--db-button-border-color-disabled:var(--db-color-warning-light-5);--db-button-background-color:var(--db-color-warning);--db-button-background-color-hover:var(--db-color-warning-light-3);--db-button-background-color-active:var(--db-color-warning-light-3);--db-button-background-color-disabled:var(--db-color-warning-light-5);--db-button-color:var(--db-color-text-white);--db-button-color-hover:var(--db-color-text-white);--db-button-color-active:var(--db-color-text-white);--db-button-color-disabled:var(--db-color-text-white)}.db-button-type__warning.is-plain[data-v-bc3a041a]{--db-button-border-color:var(--db-color-warning);--db-button-border-color-hover:var(--db-color-warning);--db-button-border-color-active:var(--db-color-warning);--db-button-border-color-disabled:var(--db-color-warning-light-7);--db-button-background-color:var(--db-color-warning-light-9);--db-button-background-color-hover:var(--db-color-warning);--db-button-background-color-active:var(--db-color-warning);--db-button-background-color-disabled:var(--db-color-warning-light-9);--db-button-color:var(--db-color-warning);--db-button-color-hover:var(--db-color-text-white);--db-button-color-active:var(--db-color-text-white);--db-button-color-disabled:var(--db-color-warning-light-5)}.db-button-type__warning.is-dashed[data-v-bc3a041a]{--db-button-border-type:dashed;--db-button-border-color:var(--db-color-warning-light-3);--db-button-border-color-hover:var(--db-color-warning);--db-button-border-color-active:var(--db-color-warning);--db-button-background-color:var(--db-color-warning-light-9);--db-button-background-color-hover:var(--db-color-warning-light-9);--db-button-background-color-active:var(--db-color-warning-light-9);--db-button-color:var(--db-color-warning);--db-button-color-hover:var(--db-color-warning);--db-button-color-active:var(--db-color-warning)}.db-button-type__warning.is-text[data-v-bc3a041a]{--db-button-border-color:var(--db-color-transparent);--db-button-border-color-hover:var(--db-color-primary-light-9);--db-button-border-color-active:var(--db-color-primary-light-9);--db-button-border-color-disabled:var(--db-color-transparent);--db-button-background-color:var(--db-color-transparent);--db-button-background-color-hover:var(--db-color-primary-light-9);--db-button-background-color-active:var(--db-color-primary-light-9);--db-button-background-color-disabled:var(--db-color-transparent);--db-button-color:var(--db-color-warning);--db-button-color-hover:var(--db-color-warning);--db-button-color-active:var(--db-color-warning);--db-button-color-disabled:var(--db-color-warning-light-5)}.db-button-type__warning.is-link[data-v-bc3a041a]{--db-button-border-color:var(--db-color-transparent);--db-button-border-color-hover:var(--db-color-transparent);--db-button-border-color-active:var(--db-color-transparent);--db-button-border-color-disabled:var(--db-color-transparent);--db-button-background-color:var(--db-color-transparent);--db-button-background-color-hover:var(--db-color-transparent);--db-button-background-color-active:var(--db-color-transparent);--db-button-background-color-disabled:var(--db-color-transparent);--db-button-color:var(--db-color-warning);--db-button-color-hover:var(--db-color-warning-light-3);--db-button-color-active:var(--db-color-warning-light-3);--db-button-color-disabled:var(--db-color-warning-light-5)}.db-button-type__danger[data-v-bc3a041a]{--db-button-border-color:var(--db-color-danger);--db-button-border-color-hover:var(--db-color-danger-light-3);--db-button-border-color-active:var(--db-color-danger-light-3);--db-button-border-color-disabled:var(--db-color-danger-light-5);--db-button-background-color:var(--db-color-danger);--db-button-background-color-hover:var(--db-color-danger-light-3);--db-button-background-color-active:var(--db-color-danger-light-3);--db-button-background-color-disabled:var(--db-color-danger-light-5);--db-button-color:var(--db-color-text-white);--db-button-color-hover:var(--db-color-text-white);--db-button-color-active:var(--db-color-text-white);--db-button-color-disabled:var(--db-color-text-white)}.db-button-type__danger.is-plain[data-v-bc3a041a]{--db-button-border-color:var(--db-color-danger);--db-button-border-color-hover:var(--db-color-danger);--db-button-border-color-active:var(--db-color-danger);--db-button-border-color-disabled:var(--db-color-danger-light-7);--db-button-background-color:var(--db-color-danger-light-9);--db-button-background-color-hover:var(--db-color-danger);--db-button-background-color-active:var(--db-color-danger);--db-button-background-color-disabled:var(--db-color-danger-light-9);--db-button-color:var(--db-color-danger);--db-button-color-hover:var(--db-color-text-white);--db-button-color-active:var(--db-color-text-white);--db-button-color-disabled:var(--db-color-danger-light-5)}.db-button-type__danger.is-dashed[data-v-bc3a041a]{--db-button-border-type:dashed;--db-button-border-color:var(--db-color-danger-light-3);--db-button-border-color-hover:var(--db-color-danger);--db-button-border-color-active:var(--db-color-danger);--db-button-background-color:var(--db-color-danger-light-9);--db-button-background-color-hover:var(--db-color-danger-light-9);--db-button-background-color-active:var(--db-color-danger-light-9);--db-button-color:var(--db-color-danger);--db-button-color-hover:var(--db-color-danger);--db-button-color-active:var(--db-color-danger)}.db-button-type__danger.is-text[data-v-bc3a041a]{--db-button-border-color:var(--db-color-transparent);--db-button-border-color-hover:var(--db-color-primary-light-9);--db-button-border-color-active:var(--db-color-primary-light-9);--db-button-border-color-disabled:var(--db-color-transparent);--db-button-background-color:var(--db-color-transparent);--db-button-background-color-hover:var(--db-color-primary-light-9);--db-button-background-color-active:var(--db-color-primary-light-9);--db-button-background-color-disabled:var(--db-color-transparent);--db-button-color:var(--db-color-danger);--db-button-color-hover:var(--db-color-danger);--db-button-color-active:var(--db-color-danger);--db-button-color-disabled:var(--db-color-danger-light-5)}.db-button-type__danger.is-link[data-v-bc3a041a]{--db-button-border-color:var(--db-color-transparent);--db-button-border-color-hover:var(--db-color-transparent);--db-button-border-color-active:var(--db-color-transparent);--db-button-border-color-disabled:var(--db-color-transparent);--db-button-background-color:var(--db-color-transparent);--db-button-background-color-hover:var(--db-color-transparent);--db-button-background-color-active:var(--db-color-transparent);--db-button-background-color-disabled:var(--db-color-transparent);--db-button-color:var(--db-color-danger);--db-button-color-hover:var(--db-color-danger-light-3);--db-button-color-active:var(--db-color-danger-light-3);--db-button-color-disabled:var(--db-color-danger-light-5)}.db-button-type__info[data-v-bc3a041a]{--db-button-border-color:var(--db-color-info);--db-button-border-color-hover:var(--db-color-info-light-3);--db-button-border-color-active:var(--db-color-info-light-3);--db-button-border-color-disabled:var(--db-color-info-light-5);--db-button-background-color:var(--db-color-info);--db-button-background-color-hover:var(--db-color-info-light-3);--db-button-background-color-active:var(--db-color-info-light-3);--db-button-background-color-disabled:var(--db-color-info-light-5);--db-button-color:var(--db-color-text-white);--db-button-color-hover:var(--db-color-text-white);--db-button-color-active:var(--db-color-text-white);--db-button-color-disabled:var(--db-color-text-white)}.db-button-type__info.is-plain[data-v-bc3a041a]{--db-button-border-color:var(--db-color-info);--db-button-border-color-hover:var(--db-color-info);--db-button-border-color-active:var(--db-color-info);--db-button-border-color-disabled:var(--db-color-info-light-7);--db-button-background-color:var(--db-color-info-light-9);--db-button-background-color-hover:var(--db-color-info);--db-button-background-color-active:var(--db-color-info);--db-button-background-color-disabled:var(--db-color-info-light-9);--db-button-color:var(--db-color-info);--db-button-color-hover:var(--db-color-text-white);--db-button-color-active:var(--db-color-text-white);--db-button-color-disabled:var(--db-color-info-light-5)}.db-button-type__info.is-dashed[data-v-bc3a041a]{--db-button-border-type:dashed;--db-button-border-color:var(--db-color-info-light-3);--db-button-border-color-hover:var(--db-color-info);--db-button-border-color-active:var(--db-color-info);--db-button-background-color:var(--db-color-info-light-9);--db-button-background-color-hover:var(--db-color-info-light-9);--db-button-background-color-active:var(--db-color-info-light-9);--db-button-color:var(--db-color-info);--db-button-color-hover:var(--db-color-info);--db-button-color-active:var(--db-color-info)}.db-button-type__info.is-text[data-v-bc3a041a]{--db-button-border-color:var(--db-color-transparent);--db-button-border-color-hover:var(--db-color-primary-light-9);--db-button-border-color-active:var(--db-color-primary-light-9);--db-button-border-color-disabled:var(--db-color-transparent);--db-button-background-color:var(--db-color-transparent);--db-button-background-color-hover:var(--db-color-primary-light-9);--db-button-background-color-active:var(--db-color-primary-light-9);--db-button-background-color-disabled:var(--db-color-transparent);--db-button-color:var(--db-color-info);--db-button-color-hover:var(--db-color-info);--db-button-color-active:var(--db-color-info);--db-button-color-disabled:var(--db-color-info-light-5)}.db-button-type__info.is-link[data-v-bc3a041a]{--db-button-border-color:var(--db-color-transparent);--db-button-border-color-hover:var(--db-color-transparent);--db-button-border-color-active:var(--db-color-transparent);--db-button-border-color-disabled:var(--db-color-transparent);--db-button-background-color:var(--db-color-transparent);--db-button-background-color-hover:var(--db-color-transparent);--db-button-background-color-active:var(--db-color-transparent);--db-button-background-color-disabled:var(--db-color-transparent);--db-button-color:var(--db-color-info);--db-button-color-hover:var(--db-color-info-light-3);--db-button-color-active:var(--db-color-info-light-3);--db-button-color-disabled:var(--db-color-info-light-5)}.loading[data-v-bc3a041a]{animation:5s linear infinite rotation-bc3a041a}@keyframes rotation-bc3a041a{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.db-button-group[data-v-d8f67fe3]{gap:0;display:inline-flex}.db-button-group[data-v-d8f67fe3] .db-button{border-radius:0}.db-button-group.db-button-group-direction__horizontal[data-v-d8f67fe3]{flex-direction:row}.db-button-group.db-button-group-direction__horizontal[data-v-d8f67fe3] .db-button:first-child{border-top-left-radius:var(--db-size-radius-base);border-bottom-left-radius:var(--db-size-radius-base)}.db-button-group.db-button-group-direction__horizontal[data-v-d8f67fe3] .db-button:last-child{border-top-right-radius:var(--db-size-radius-base);border-bottom-right-radius:var(--db-size-radius-base)}.db-button-group.db-button-group-direction__vertical[data-v-d8f67fe3]{flex-direction:column}.db-button-group.db-button-group-direction__vertical[data-v-d8f67fe3] .db-button:first-child{border-top-left-radius:var(--db-size-radius-base);border-top-right-radius:var(--db-size-radius-base)}.db-button-group.db-button-group-direction__vertical[data-v-d8f67fe3] .db-button:last-child{border-bottom-left-radius:var(--db-size-radius-base);border-bottom-right-radius:var(--db-size-radius-base)}.db-input[data-v-e3bb386b]{vertical-align:middle;width:100%;font-size:var(--db-font-size-base);line-height:4rem;display:inline-flex;position:relative}.db-input__wrapper[data-v-e3bb386b]{gap:var(--db-size-padding-base);background-color:var(--db-color-background-base);border:1px solid var(--db-color-border-base);border-radius:var(--db-size-radius-base);box-sizing:border-box;flex:1;justify-content:center;align-items:center;width:100%;padding:0 15px;transition:all .3s cubic-bezier(.645,.045,.355,1);display:inline-flex}.db-input__wrapper[data-v-e3bb386b]:hover{border-color:var(--db-color-border-lighter)}.db-input__wrapper.is-focus[data-v-e3bb386b]{border-color:var(--db-color-primary);box-shadow:0 0 0 1px var(--db-color-primary) inset}.db-input__wrapper.is-disabled[data-v-e3bb386b]{background-color:var(--db-color-background-page);border-color:var(--db-color-border-base);cursor:not-allowed}.db-input__wrapper.is-disabled .db-input__inner[data-v-e3bb386b]{color:var(--db-color-text-disabled);cursor:not-allowed}.db-input__inner[data-v-e3bb386b]{width:100%;height:4rem;color:var(--db-color-text-regular);font-size:inherit;box-sizing:border-box;background:0 0;border:none;outline:none;flex:1;padding:0}.db-input__inner[data-v-e3bb386b]::placeholder{color:var(--db-color-text-placeholder)}.db-input-size__large[data-v-e3bb386b]{font-size:var(--db-font-size-large)}.db-input-size__large .db-input__inner[data-v-e3bb386b]{height:4.4rem}.db-input-size__large .db-input__wrapper[data-v-e3bb386b]{padding:0 var(--db-size-padding-large)}.db-input-size__small[data-v-e3bb386b]{font-size:var(--db-font-size-small)}.db-input-size__small .db-input__inner[data-v-e3bb386b]{height:3.2rem}.db-input-size__small .db-input__wrapper[data-v-e3bb386b]{padding:0 var(--db-size-padding-small)}.db-input__prefix[data-v-e3bb386b],.db-input__suffix[data-v-e3bb386b]{color:var(--db-color-info);font-size:inherit;flex-shrink:0;align-items:center;display:inline-flex}.db-input__prefix[data-v-e3bb386b]{margin-right:8px}.db-input__suffix[data-v-e3bb386b]{margin-left:8px}.db-input__suffix-inner[data-v-e3bb386b]{align-items:center;gap:6px;display:inline-flex}.db-input__icon[data-v-e3bb386b]{cursor:pointer;line-height:0;transition:color .2s}.db-input__icon[data-v-e3bb386b]:hover{color:var(--db-color-text-regular)}.db-input-group[data-v-e3bb386b]{align-items:stretch;width:100%;display:inline-flex}.db-input-group .db-input__wrapper[data-v-e3bb386b]{border-radius:0}.db-input-group>.db-input__wrapper[data-v-e3bb386b]:first-child,.db-input-group>.db-input:first-child .db-input__wrapper[data-v-e3bb386b]{border-radius:var(--db-size-radius-base) 0 0 var(--db-size-radius-base)}.db-input-group>.db-input__wrapper[data-v-e3bb386b]:last-child,.db-input-group>.db-input:last-child .db-input__wrapper[data-v-e3bb386b]{border-radius:0 var(--db-size-radius-base) var(--db-size-radius-base) 0}.db-input-group__prepend[data-v-e3bb386b],.db-input-group__append[data-v-e3bb386b]{border:1px solid var(--db-color-border-base);color:var(--db-color-text-regular);box-sizing:border-box;white-space:nowrap;background-color:#f5f7fa;justify-content:center;align-items:center;padding:0 20px;display:inline-flex}.db-input-group__prepend[data-v-e3bb386b]{border-radius:var(--db-size-radius-base) 0 0 var(--db-size-radius-base);border-right:none}.db-input-group__append[data-v-e3bb386b]{border-radius:0 var(--db-size-radius-base) var(--db-size-radius-base) 0;border-left:none}.db-textarea[data-v-e3bb386b]{vertical-align:bottom;width:100%;font-size:var(--db-font-size-base);display:inline-block;position:relative}.db-textarea__inner[data-v-e3bb386b]{resize:vertical;width:100%;min-height:80px;line-height:20px;font-size:inherit;color:var(--db-color-text-regular);background-color:var(--db-color-background-base);border:1px solid var(--db-color-border-base);border-radius:var(--db-size-radius-base);box-sizing:border-box;outline:none;padding:11px 15px;font-family:inherit;transition:all .3s cubic-bezier(.645,.045,.355,1);display:block}.db-textarea__inner[data-v-e3bb386b]:hover{border-color:var(--db-color-border-lighter)}.db-textarea__inner[data-v-e3bb386b]:focus{border-color:var(--db-color-primary);box-shadow:0 0 0 1px var(--db-color-primary) inset}.db-textarea__inner[data-v-e3bb386b]::placeholder{color:var(--db-color-text-placeholder)}.db-textarea__inner[data-v-e3bb386b]:disabled{background-color:var(--db-color-background-page);color:var(--db-color-text-disabled);cursor:not-allowed}.db-input__count[data-v-e3bb386b]{color:var(--db-color-info);pointer-events:none;font-size:12px;line-height:1;position:absolute;bottom:8px;right:12px}.db-input.is-disabled[data-v-e3bb386b],.db-textarea.is-disabled[data-v-e3bb386b]{cursor:not-allowed;opacity:.5}.db-text[data-v-34a235e5]{font-size:var(--db-font-size);color:var(--db-text-color);box-sizing:border-box;line-height:1.5;display:inline}.db-text.is-strong[data-v-34a235e5]{font-weight:700}.db-text.is-italic[data-v-34a235e5]{font-style:italic}.db-text.is-underline[data-v-34a235e5]{text-decoration:underline}.db-text.is-delete[data-v-34a235e5]{text-decoration:line-through}.db-text.is-disabled[data-v-34a235e5]{cursor:not-allowed;-webkit-user-select:none;user-select:none}.db-text.is-marked[data-v-34a235e5]{border-radius:2px;padding:0 2px}.db-text.is-code[data-v-34a235e5]{background-color:var(--db-color-background-page);border-radius:var(--db-border-radius-base);padding:2px 6px;font-family:Consolas,Monaco,Courier New,monospace;font-size:.9em}.db-text.is-truncated[data-v-34a235e5]{text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;max-width:100%;display:inline-block;overflow:hidden}.db-text-size__large[data-v-34a235e5]{--db-font-size:var(--db-font-size-large)}.db-text-size__default[data-v-34a235e5]{--db-font-size:var(--db-font-size-base)}.db-text-size__small[data-v-34a235e5]{--db-font-size:var(--db-font-size-small)}.db-text-type__primary[data-v-34a235e5]{--db-text-color:var(--db-color-primary)}.db-text-type__primary.is-disabled[data-v-34a235e5]{color:var(--db-color-primary-light-5)}.db-text-type__primary.is-marked[data-v-34a235e5]{background-color:var(--db-color-primary-light-9)}.db-text-type__success[data-v-34a235e5]{--db-text-color:var(--db-color-success)}.db-text-type__success.is-disabled[data-v-34a235e5]{color:var(--db-color-success-light-5)}.db-text-type__success.is-marked[data-v-34a235e5]{background-color:var(--db-color-success-light-9)}.db-text-type__warning[data-v-34a235e5]{--db-text-color:var(--db-color-warning)}.db-text-type__warning.is-disabled[data-v-34a235e5]{color:var(--db-color-warning-light-5)}.db-text-type__warning.is-marked[data-v-34a235e5]{background-color:var(--db-color-warning-light-9)}.db-text-type__danger[data-v-34a235e5]{--db-text-color:var(--db-color-danger)}.db-text-type__danger.is-disabled[data-v-34a235e5]{color:var(--db-color-danger-light-5)}.db-text-type__danger.is-marked[data-v-34a235e5]{background-color:var(--db-color-danger-light-9)}.db-text-type__info[data-v-34a235e5]{--db-text-color:var(--db-color-info)}.db-text-type__info.is-disabled[data-v-34a235e5]{color:var(--db-color-info-light-5)}.db-text-type__info.is-marked[data-v-34a235e5]{background-color:var(--db-color-info-light-9)}.db-text-type__default[data-v-34a235e5]{--db-text-color:var(--db-color-text-regular)}.db-text-type__default.is-disabled[data-v-34a235e5]{color:var(--db-color-text-disabled)}.db-text-type__default.is-marked[data-v-34a235e5]{background-color:var(--db-color-background-page)}.db-alert[data-v-4674a767]{width:100%;padding:var(--db-size-padding-base) calc(var(--db-size-padding-base) * 2);box-sizing:border-box;border-radius:var(--db-size-radius-base);font-size:var(--db-font-size-small);background-color:var(--db-alert-background-color);border:.1rem solid #0000;border-color:var(--db-alert-border-color);color:var(--db-alert-font-color);align-items:center;transition:opacity .3s,transform .3s;display:flex;position:relative}.db-alert.is-center[data-v-4674a767]{text-align:center;justify-content:center}.db-alert.is-with-description[data-v-4674a767]{padding:calc(var(--db-size-padding-base) * 2);align-items:flex-start}.db-alert.is-with-description .db-alert__icon[data-v-4674a767]{font-size:calc(var(--db-font-size-small) * 2);width:calc(var(--db-font-size-small) * 2);height:calc(var(--db-font-size-small) * 2)}.db-alert--primary.db-alert--light[data-v-4674a767]{--db-alert-background-color:var(--db-color-primary-light-9);--db-alert-border-color:var(--db-color-primary-light-8);--db-alert-font-color:var(--db-color-primary)}.db-alert--primary.db-alert--dark[data-v-4674a767]{--db-alert-background-color:var(--db-color-primary);--db-alert-border-color:var(--db-color-primary);--db-alert-font-color:var(--db-color-text-white)}.db-alert--success.db-alert--light[data-v-4674a767]{--db-alert-background-color:var(--db-color-success-light-9);--db-alert-border-color:var(--db-color-success-light-8);--db-alert-font-color:var(--db-color-success)}.db-alert--success.db-alert--dark[data-v-4674a767]{--db-alert-background-color:var(--db-color-success);--db-alert-border-color:var(--db-color-success);--db-alert-font-color:var(--db-color-text-white)}.db-alert--warning.db-alert--light[data-v-4674a767]{--db-alert-background-color:var(--db-color-warning-light-9);--db-alert-border-color:var(--db-color-warning-light-8);--db-alert-font-color:var(--db-color-warning)}.db-alert--warning.db-alert--dark[data-v-4674a767]{--db-alert-background-color:var(--db-color-warning);--db-alert-border-color:var(--db-color-warning);--db-alert-font-color:var(--db-color-text-white)}.db-alert--danger.db-alert--light[data-v-4674a767]{--db-alert-background-color:var(--db-color-danger-light-9);--db-alert-border-color:var(--db-color-danger-light-8);--db-alert-font-color:var(--db-color-danger)}.db-alert--danger.db-alert--dark[data-v-4674a767]{--db-alert-background-color:var(--db-color-danger);--db-alert-border-color:var(--db-color-danger);--db-alert-font-color:var(--db-color-text-white)}.db-alert--info.db-alert--light[data-v-4674a767]{--db-alert-background-color:var(--db-color-info-light-9);--db-alert-border-color:var(--db-color-info-light-8);--db-alert-font-color:var(--db-color-info)}.db-alert--info.db-alert--dark[data-v-4674a767]{--db-alert-background-color:var(--db-color-info);--db-alert-border-color:var(--db-color-info);--db-alert-font-color:var(--db-color-text-white)}.db-alert__icon[data-v-4674a767]{font-size:var(--db-font-size-base);width:var(--db-font-size-base);height:var(--db-font-size-base);margin-right:var(--db-size-margin-base);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.db-alert__content[data-v-4674a767]{flex:1;min-width:0}.db-alert__title[data-v-4674a767]{font-size:var(--db-font-size-base);font-weight:500;display:block}.db-alert__description[data-v-4674a767]{font-size:var(--db-font-size-small);margin:var(--db-size-margin-small) 0 0 0;opacity:.85}.alert-fade-enter-active[data-v-4674a767],.alert-fade-leave-active[data-v-4674a767]{transition:opacity .3s,transform .3s}.alert-fade-enter-from[data-v-4674a767],.alert-fade-leave-to[data-v-4674a767]{opacity:0;transform:translateY(-8px)}.db-message[data-v-5de577c2]{min-width:38rem;max-width:80vw;padding:calc(var(--db-size-padding-base) * 1.5) calc(var(--db-size-padding-base) * 2);box-sizing:border-box;border-radius:var(--db-size-radius-base);box-shadow:0 calc(var(--db-size-shadow-base) * .5) calc(var(--db-size-shadow-base) * 3) 0 rgb(from var(--db-color-basic-black) r g b / .1);z-index:3000;background-color:var(--db-message-background-color);border:.1rem solid var(--db-message-border-color);color:var(--db-message-font-color);align-items:center;transition:top .3s,opacity .3s,transform .3s;display:flex;position:fixed;left:50%;transform:translate(-50%)}.db-message.is-center[data-v-5de577c2]{text-align:center;justify-content:center}.db-message .db-message__icon[data-v-5de577c2]{margin-right:var(--db-size-margin-base);color:var(--db-message-icon-color);flex-shrink:0;align-items:center;line-height:1;display:inline-flex}.db-message .db-message__content[data-v-5de577c2]{word-break:break-word;flex:1;margin:0;padding:0;line-height:1.5}.db-message--primary[data-v-5de577c2]{--db-message-background-color:var(--db-color-primary-light-9);--db-message-border-color:var(--db-color-primary-light-5);--db-message-font-color:var(--db-color-primary);--db-message-icon-color:var(--db-color-primary)}.db-message--primary.is-plain[data-v-5de577c2]{--db-message-background-color:var(--db-color-background-base);--db-message-border-color:var(--db-color-transparent);--db-message-font-color:var(--db-color-primary);--db-message-icon-color:var(--db-color-primary)}.db-message--success[data-v-5de577c2]{--db-message-background-color:var(--db-color-success-light-9);--db-message-border-color:var(--db-color-success-light-5);--db-message-font-color:var(--db-color-success);--db-message-icon-color:var(--db-color-success)}.db-message--success.is-plain[data-v-5de577c2]{--db-message-background-color:var(--db-color-background-base);--db-message-border-color:var(--db-color-transparent);--db-message-font-color:var(--db-color-success);--db-message-icon-color:var(--db-color-success)}.db-message--warning[data-v-5de577c2]{--db-message-background-color:var(--db-color-warning-light-9);--db-message-border-color:var(--db-color-warning-light-5);--db-message-font-color:var(--db-color-warning);--db-message-icon-color:var(--db-color-warning)}.db-message--warning.is-plain[data-v-5de577c2]{--db-message-background-color:var(--db-color-background-base);--db-message-border-color:var(--db-color-transparent);--db-message-font-color:var(--db-color-warning);--db-message-icon-color:var(--db-color-warning)}.db-message--danger[data-v-5de577c2]{--db-message-background-color:var(--db-color-danger-light-9);--db-message-border-color:var(--db-color-danger-light-5);--db-message-font-color:var(--db-color-danger);--db-message-icon-color:var(--db-color-danger)}.db-message--danger.is-plain[data-v-5de577c2]{--db-message-background-color:var(--db-color-background-base);--db-message-border-color:var(--db-color-transparent);--db-message-font-color:var(--db-color-danger);--db-message-icon-color:var(--db-color-danger)}.db-message--info[data-v-5de577c2]{--db-message-background-color:var(--db-color-info-light-9);--db-message-border-color:var(--db-color-info-light-5);--db-message-font-color:var(--db-color-info);--db-message-icon-color:var(--db-color-info)}.db-message--info.is-plain[data-v-5de577c2]{--db-message-background-color:var(--db-color-background-base);--db-message-border-color:var(--db-color-transparent);--db-message-font-color:var(--db-color-info);--db-message-icon-color:var(--db-color-info)}.db-message-fade-enter-active[data-v-5de577c2],.db-message-fade-leave-active[data-v-5de577c2]{transition:opacity .3s,transform .3s}.db-message-fade-enter-from[data-v-5de577c2],.db-message-fade-leave-to[data-v-5de577c2]{opacity:0;transform:translate(-50%)translateY(-2rem)}.db-message-box__wrapper[data-v-ded9658b]{background-color:rgb(from var(--db-color-basic-black) r g b / .5);z-index:2000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.db-message-box[data-v-ded9658b]{border-radius:var(--db-size-radius-base);min-width:25vw;max-width:60vw;max-height:70vh;box-shadow:0 calc(var(--db-size-padding-base) * 1.5) calc(var(--db-size-padding-base) * 4) calc(var(--db-size-padding-base) * .5) rgb(from var(--db-color-basic-black) r g b / .04), 0 calc(var(--db-size-padding-base) * 1) calc(var(--db-size-padding-base) * 2.5) rgb(from var(--db-color-basic-black) r g b / .08);box-sizing:border-box;background-color:#fff;animation:.1s ease-in-out db-message-box-fade-in-ded9658b;position:absolute;top:40vh;overflow:hidden;transform:translateY(-50%)}.db-message-box.is-center[data-v-ded9658b]{text-align:center}.db-message-box.is-center .db-message-box__content[data-v-ded9658b],.db-message-box.is-center .db-message-box__btns[data-v-ded9658b]{justify-content:center}.db-message-box .db-message-box__close[data-v-ded9658b]{top:calc(var(--db-size-margin-base) * 2);right:calc(var(--db-size-margin-base) * 2);position:absolute}.db-message-box .db-message-box__header[data-v-ded9658b]{padding:calc(var(--db-size-padding-base) * 2) calc(var(--db-size-padding-base) * 2) calc(var(--db-size-padding-base) * 1);font-size:var(--db-font-size-large);color:var(--db-color-primary);font-weight:500;line-height:1}.db-message-box .db-message-box__header .db-message-box__title[data-v-ded9658b]{line-height:1.5;display:block}.db-message-box .db-message-box__content[data-v-ded9658b]{padding:calc(var(--db-size-padding-base) * 1) calc(var(--db-size-padding-base) * 2) calc(var(--db-size-padding-base) * 2.5);align-items:flex-start;gap:var(--db-size-padding-base);flex-wrap:wrap;display:flex}.db-message-box .db-message-box__content .db-message-box__status[data-v-ded9658b]{flex-shrink:0}.db-message-box .db-message-box__content .db-message-box__status.db-message-box__status--primary[data-v-ded9658b]{color:var(--db-color-primary)}.db-message-box .db-message-box__content .db-message-box__status.db-message-box__status--success[data-v-ded9658b]{color:var(--db-color-success)}.db-message-box .db-message-box__content .db-message-box__status.db-message-box__status--warning[data-v-ded9658b]{color:var(--db-color-warning)}.db-message-box .db-message-box__content .db-message-box__status.db-message-box__status--danger[data-v-ded9658b],.db-message-box .db-message-box__content .db-message-box__status.db-message-box__status--error[data-v-ded9658b]{color:var(--db-color-danger)}.db-message-box .db-message-box__content .db-message-box__status.db-message-box__status--info[data-v-ded9658b]{color:var(--db-color-info)}.db-message-box .db-message-box__content .db-message-box__message[data-v-ded9658b]{word-break:break-word;flex:1;min-width:0}.db-message-box .db-message-box__content .db-message-box__input[data-v-ded9658b]{width:100%;margin-top:var(--db-size-margin-large)}.db-message-box .db-message-box__content .db-message-box__input .db-message-box__input-inner[data-v-ded9658b]{width:100%;height:calc(var(--db-size-margin-base) * 4);padding:0 var(--db-size-padding-large);border:.1rem solid var(--db-color-border-base);border-radius:var(--db-size-radius-base);box-sizing:border-box;outline:none;transition:border-color .2s}.db-message-box .db-message-box__content .db-message-box__input .db-message-box__input-inner[data-v-ded9658b]:focus{border-color:var(--db-color-primary);box-shadow:0 0 0 .1rem var(--db-color-primary) inset}.db-message-box .db-message-box__content .db-message-box__input .db-message-box__textarea-inner[data-v-ded9658b]{width:100%;min-height:8rem;padding:calc(var(--db-size-padding-base) * 1) calc(var(--db-size-padding-base) * 1.5);border:.1rem solid var(--db-color-border-base);border-radius:var(--db-size-radius-base);box-sizing:border-box;resize:vertical;outline:none;font-family:inherit;transition:border-color .2s}.db-message-box .db-message-box__content .db-message-box__input .db-message-box__textarea-inner[data-v-ded9658b]:focus{border-color:var(--db-color-primary);box-shadow:0 0 0 .1rem var(--db-color-primary) inset}.db-message-box .db-message-box__btns[data-v-ded9658b]{padding:calc(var(--db-size-padding-base) * .5) calc(var(--db-size-padding-base) * 2) calc(var(--db-size-padding-base) * 2);justify-content:flex-end;gap:var(--db-size-padding-base);display:flex}.message-box-fade-enter-active[data-v-ded9658b],.message-box-fade-leave-active[data-v-ded9658b]{transition:opacity .3s}.message-box-fade-enter-from[data-v-ded9658b],.message-box-fade-leave-to[data-v-ded9658b]{opacity:0}.message-box-zoom-enter-active[data-v-ded9658b],.message-box-zoom-leave-active[data-v-ded9658b]{transition:transform .3s,opacity .3s}.message-box-zoom-enter-from[data-v-ded9658b],.message-box-zoom-leave-to[data-v-ded9658b]{opacity:0;transform:scale(.9)}@keyframes db-message-box-fade-in-ded9658b{0%{top:39vh}to{top:40vh}}:root{--db-size-margin-large:1.2rem;--db-size-margin-base:.8rem;--db-size-margin-small:.4rem;--db-size-padding-large:1.2rem;--db-size-padding-base:.8rem;--db-size-padding-small:.4rem;--db-size-shadow-large:.6rem;--db-size-shadow-base:.4rem;--db-size-shadow-small:.2rem;--db-size-radius-large:.6rem;--db-size-radius-base:.4rem;--db-size-radius-small:.2rem;--db-font-size-large:1.6rem;--db-font-size-base:1.4rem;--db-font-size-small:1.2rem}[theme=default]{--db-color-primary:#409eff;--db-color-primary-dark-2:#337ecc;--db-color-primary-light-3:#79bbff;--db-color-primary-light-5:#a0cfff;--db-color-primary-light-7:#c6e2ff;--db-color-primary-light-8:#d9ecff;--db-color-primary-light-9:#ecf5ff;--db-color-success:#67c23a;--db-color-success-dark-2:#529b2e;--db-color-success-light-3:#95d475;--db-color-success-light-5:#b3e19d;--db-color-success-light-7:#d1edc4;--db-color-success-light-8:#e1f3d8;--db-color-success-light-9:#f0f9eb;--db-color-warning:#e6a23c;--db-color-warning-dark-2:#b88230;--db-color-warning-light-3:#eebe77;--db-color-warning-light-5:#f3d19e;--db-color-warning-light-7:#f8e3c5;--db-color-warning-light-8:#faecd8;--db-color-warning-light-9:#fdf6ec;--db-color-danger:#f56c6c;--db-color-danger-dark-2:#c45656;--db-color-danger-light-3:#f89898;--db-color-danger-light-5:#fab6b6;--db-color-danger-light-7:#fcd3d3;--db-color-danger-light-8:#fde2e2;--db-color-danger-light-9:#fef0f0;--db-color-info:#909399;--db-color-info-dark-2:#73767a;--db-color-info-light-3:#b1b3b8;--db-color-info-light-5:#c8c9cc;--db-color-info-light-7:#dedfe0;--db-color-info-light-8:#e9e9eb;--db-color-info-light-9:#f4f4f5;--db-color-transparent:transparent;--db-color-border-darker:#cdd0d6;--db-color-border-dark:#d4d7de;--db-color-border-base:#dcdfe6;--db-color-border-light:#e4e7ed;--db-color-border-lighter:#ebeef5;--db-color-border-extra-light:#f2f6fc;--db-color-text-primary:#303133;--db-color-text-regular:#606266;--db-color-text-secondary:#909399;--db-color-text-placeholder:#a8abb2;--db-color-text-disabled:#c0c4cc;--db-color-text-white:#fff;--db-color-background-base:#fff;--db-color-background-page:#f2f3f5;--db-color-basic-white:#fff;--db-color-basic-black:#000}html{font-size:clamp(10px,.520833vw,20px)}body{font-family:Helvetica Neue;font-size:var(--db-font-size-base);color:var(--db-color-text-regular);font-weight:400;line-height:1.5}
2
2
  /*$vite$:1*/
package/dist/types/index.d.ts ADDED
@@ -0,0 +1,23 @@
1
+ /// <reference types="vite/client" />
2
+
3
+ declare module '*' {
4
+ import type { DefineComponent } from "vue";
5
+ const component: DefineComponent<{}, {}, any>;
6
+ export default component;
7
+ }
8
+
9
+ declare module "@vue/runtime-core" {
10
+ export interface GlobalComponents {
11
+ DbButton: (typeof import("@/components/button"))["DbButton"];
12
+ DbButtonGroup: (typeof import("@/components/button"))["DbButtonGroup"];
13
+ DbInput: (typeof import("@/components/input"))["DbInput"];
14
+ }
15
+
16
+ interface ComponentCustomProperties {
17
+ $confirm: (typeof import("@/components/message-box"))["DbMessageBox"]["confirm"];
18
+ $alert: (typeof import("@/components/message-box"))["DbMessageBox"]["alert"];
19
+ $msgbox: (typeof import("@/components/message-box"))["DbMessageBox"];
20
+ }
21
+ }
22
+
23
+ export {};
package/package.json CHANGED
@@ -1,20 +1,25 @@
1
1
  {
2
2
  "name": "dreambuilders-ui",
3
- "version": "0.1.4",
4
- "private": false,
5
- "main": "./dist/index.umd.js",
6
- "module": "./dist/index.es.js",
7
- "types": "./dist/index.d.ts",
3
+ "version": "0.1.5",
4
+ "type": "module",
5
+ "main": "./dist/dreambuilders-ui.umd.js",
6
+ "module": "./dist/dreambuilders-ui.es.js",
7
+ "types": "./dist/types/index.d.ts",
8
8
  "exports": {
9
9
  ".": {
10
- "import": "./dist/index.es.js",
11
- "require": "./dist/index.umd.js"
10
+ "import": "./dist/dreambuilders-ui.es.js",
11
+ "require": "./dist/dreambuilders-ui.umd.js",
12
+ "types": "./dist/types/index.d.ts"
12
13
  },
13
- "./dist/style.css": "./dist/style.css"
14
+ "./dist/dreambuilders-ui.css": "./dist/style.css"
14
15
  },
15
16
  "files": [
16
17
  "dist"
17
18
  ],
19
+ "sideEffects": [
20
+ "dist/style.css",
21
+ "*.css"
22
+ ],
18
23
  "scripts": {
19
24
  "dev": "vite",
20
25
  "build": "run-p type-check \"build-only {@}\" --",
@@ -23,18 +28,17 @@
23
28
  "build-only": "vite build",
24
29
  "type-check": "vue-tsc --build"
25
30
  },
26
- "dependencies": {
27
- "vue": "^3.5.38"
28
- },
29
31
  "devDependencies": {
30
32
  "@tsconfig/node24": "^24.0.4",
31
33
  "@types/node": "^24.13.2",
32
34
  "@vitejs/plugin-vue": "^6.0.7",
33
35
  "@vue/tsconfig": "^0.9.1",
34
36
  "npm-run-all2": "^9.0.2",
35
- "typescript": "~6.0.0",
37
+ "typescript": "~6.0.3",
36
38
  "vite": "^8.0.16",
39
+ "vite-plugin-dts": "^5.0.3",
37
40
  "vite-plugin-vue-devtools": "^8.1.2",
41
+ "vue": "^3.5.38",
38
42
  "vue-tsc": "^3.3.5"
39
43
  },
40
44
  "engines": {