hermes-web-ui 0.2.8 → 0.3.0

package/dist/client/assets/{Switch-Svs0Rnhi.js → Switch-DznAKpSq.js}

@@ -1,4 +1,4 @@
-import{C as e,N as t,ct as n,dt as r,j as i}from"./router-mPoLLYeq.js";import{B as a,K as o,R as s,U as c,a as l,at as u,c as d,ct as f,dt as p,lt as m,n as h,o as g,ot as _,q as v,r as y,tt as b,ut as x,z as S}from"./browser-DbKCW2k6.js";import{_ as C,m as w,y as T}from"./Scrollbar-BHJ682ve.js";var E={buttonHeightSmall:`14px`,buttonHeightMedium:`18px`,buttonHeightLarge:`22px`,buttonWidthSmall:`14px`,buttonWidthMedium:`18px`,buttonWidthLarge:`22px`,buttonWidthPressedSmall:`20px`,buttonWidthPressedMedium:`24px`,buttonWidthPressedLarge:`28px`,railHeightSmall:`18px`,railHeightMedium:`22px`,railHeightLarge:`26px`,railWidthSmall:`32px`,railWidthMedium:`40px`,railWidthLarge:`48px`};function D(e){let{primaryColor:t,opacityDisabled:n,borderRadius:r,textColor3:i}=e;return Object.assign(Object.assign({},E),{iconColor:i,textColor:`white`,loadingColor:t,opacityDisabled:n,railColor:`rgba(0, 0, 0, .14)`,railColorActive:t,buttonBoxShadow:`0 1px 4px 0 rgba(0, 0, 0, 0.3), inset 0 0 1px 0 rgba(0, 0, 0, 0.05)`,buttonColor:`#FFF`,railBorderRadiusSmall:r,railBorderRadiusMedium:r,railBorderRadiusLarge:r,buttonBorderRadiusSmall:r,buttonBorderRadiusMedium:r,buttonBorderRadiusLarge:r,boxShadowFocus:`0 0 0 2px ${b(t,{alpha:.2})}`})}var O={name:`Switch`,common:h,self:D},k=_(`switch`,`
+import{C as e,N as t,ct as n,dt as r,j as i}from"./router-k7Mt11r-.js";import{B as a,K as o,R as s,U as c,a as l,c as u,ct as d,dt as f,ft as p,n as m,nt as h,o as g,pt as _,q as v,r as y,st as b,ut as x,z as S}from"./browser-Bj_pylgC.js";import{b as C,h as w,v as T}from"./Scrollbar-CP3UrDPW.js";import{t as E}from"./_common-DgdkN_d5.js";function D(e){let{primaryColor:t,opacityDisabled:n,borderRadius:r,textColor3:i}=e;return Object.assign(Object.assign({},E),{iconColor:i,textColor:`white`,loadingColor:t,opacityDisabled:n,railColor:`rgba(0, 0, 0, .14)`,railColorActive:t,buttonBoxShadow:`0 1px 4px 0 rgba(0, 0, 0, 0.3), inset 0 0 1px 0 rgba(0, 0, 0, 0.05)`,buttonColor:`#FFF`,railBorderRadiusSmall:r,railBorderRadiusMedium:r,railBorderRadiusLarge:r,buttonBorderRadiusSmall:r,buttonBorderRadiusMedium:r,buttonBorderRadiusLarge:r,boxShadowFocus:`0 0 0 2px ${h(t,{alpha:.2})}`})}var O={name:`Switch`,common:m,self:D},k=d(`switch`,`
  height: var(--n-height);
  min-width: var(--n-width);
  vertical-align: middle;
@@ -8,20 +8,20 @@ import{C as e,N as t,ct as n,dt as r,j as i}from"./router-mPoLLYeq.js";import{B
  outline: none;
  justify-content: center;
  align-items: center;
-`,[f(`children-placeholder`,`
+`,[x(`children-placeholder`,`
  height: var(--n-rail-height);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  pointer-events: none;
  visibility: hidden;
- `),f(`rail-placeholder`,`
+ `),x(`rail-placeholder`,`
  display: flex;
  flex-wrap: none;
- `),f(`button-placeholder`,`
+ `),x(`button-placeholder`,`
  width: calc(1.75 * var(--n-rail-height));
  height: var(--n-rail-height);
- `),_(`base-loading`,`
+ `),d(`base-loading`,`
  position: absolute;
  top: 50%;
  left: 50%;
@@ -29,7 +29,7 @@ import{C as e,N as t,ct as n,dt as r,j as i}from"./router-mPoLLYeq.js";import{B
  font-size: calc(var(--n-button-width) - 4px);
  color: var(--n-loading-color);
  transition: color .3s var(--n-bezier);
- `,[l({left:`50%`,top:`50%`,originalTransform:`translateX(-50%) translateY(-50%)`})]),f(`checked, unchecked`,`
+ `,[l({left:`50%`,top:`50%`,originalTransform:`translateX(-50%) translateY(-50%)`})]),x(`checked, unchecked`,`
  transition: color .3s var(--n-bezier);
  color: var(--n-text-color);
  box-sizing: border-box;
@@ -40,16 +40,16 @@ import{C as e,N as t,ct as n,dt as r,j as i}from"./router-mPoLLYeq.js";import{B
  display: flex;
  align-items: center;
  line-height: 1;
- `),f(`checked`,`
+ `),x(`checked`,`
  right: 0;
  padding-right: calc(1.25 * var(--n-rail-height) - var(--n-offset));
- `),f(`unchecked`,`
+ `),x(`unchecked`,`
  left: 0;
  justify-content: flex-end;
  padding-left: calc(1.25 * var(--n-rail-height) - var(--n-offset));
- `),u(`&:focus`,[f(`rail`,`
+ `),b(`&:focus`,[x(`rail`,`
  box-shadow: var(--n-box-shadow-focus);
- `)]),m(`round`,[f(`rail`,`border-radius: calc(var(--n-rail-height) / 2);`,[f(`button`,`border-radius: calc(var(--n-button-height) / 2);`)])]),x(`disabled`,[x(`icon`,[m(`rubber-band`,[m(`pressed`,[f(`rail`,[f(`button`,`max-width: var(--n-button-width-pressed);`)])]),f(`rail`,[u(`&:active`,[f(`button`,`max-width: var(--n-button-width-pressed);`)])]),m(`active`,[m(`pressed`,[f(`rail`,[f(`button`,`left: calc(100% - var(--n-offset) - var(--n-button-width-pressed));`)])]),f(`rail`,[u(`&:active`,[f(`button`,`left: calc(100% - var(--n-offset) - var(--n-button-width-pressed));`)])])])])])]),m(`active`,[f(`rail`,[f(`button`,`left: calc(100% - var(--n-button-width) - var(--n-offset))`)])]),f(`rail`,`
+ `)]),f(`round`,[x(`rail`,`border-radius: calc(var(--n-rail-height) / 2);`,[x(`button`,`border-radius: calc(var(--n-button-height) / 2);`)])]),p(`disabled`,[p(`icon`,[f(`rubber-band`,[f(`pressed`,[x(`rail`,[x(`button`,`max-width: var(--n-button-width-pressed);`)])]),x(`rail`,[b(`&:active`,[x(`button`,`max-width: var(--n-button-width-pressed);`)])]),f(`active`,[f(`pressed`,[x(`rail`,[x(`button`,`left: calc(100% - var(--n-offset) - var(--n-button-width-pressed));`)])]),x(`rail`,[b(`&:active`,[x(`button`,`left: calc(100% - var(--n-offset) - var(--n-button-width-pressed));`)])])])])])]),f(`active`,[x(`rail`,[x(`button`,`left: calc(100% - var(--n-button-width) - var(--n-offset))`)])]),x(`rail`,`
  overflow: hidden;
  height: var(--n-rail-height);
  min-width: var(--n-rail-width);
@@ -61,7 +61,7 @@ import{C as e,N as t,ct as n,dt as r,j as i}from"./router-mPoLLYeq.js";import{B
  background .3s var(--n-bezier),
  box-shadow .3s var(--n-bezier);
  background-color: var(--n-rail-color);
- `,[f(`button-icon`,`
+ `,[x(`button-icon`,`
  color: var(--n-icon-color);
  transition: color .3s var(--n-bezier);
  font-size: calc(var(--n-button-height) - 4px);
@@ -74,7 +74,7 @@ import{C as e,N as t,ct as n,dt as r,j as i}from"./router-mPoLLYeq.js";import{B
  justify-content: center;
  align-items: center;
  line-height: 1;
- `,[l()]),f(`button`,`
+ `,[l()]),x(`button`,`
  align-items: center; 
  top: var(--n-offset);
  left: var(--n-offset);
@@ -94,9 +94,9 @@ import{C as e,N as t,ct as n,dt as r,j as i}from"./router-mPoLLYeq.js";import{B
  opacity .3s var(--n-bezier),
  max-width .3s var(--n-bezier),
  box-shadow .3s var(--n-bezier);
- `)]),m(`active`,[f(`rail`,`background-color: var(--n-rail-color-active);`)]),m(`loading`,[f(`rail`,`
+ `)]),f(`active`,[x(`rail`,`background-color: var(--n-rail-color-active);`)]),f(`loading`,[x(`rail`,`
  cursor: wait;
- `)]),m(`disabled`,[f(`rail`,`
+ `)]),f(`disabled`,[x(`rail`,`
  cursor: not-allowed;
  opacity: .5;
- `)])]),A=Object.assign(Object.assign({},d.props),{size:String,value:{type:[String,Number,Boolean],default:void 0},loading:Boolean,defaultValue:{type:[String,Number,Boolean],default:!1},disabled:{type:Boolean,default:void 0},round:{type:Boolean,default:!0},"onUpdate:value":[Function,Array],onUpdateValue:[Function,Array],checkedValue:{type:[String,Number,Boolean],default:!0},uncheckedValue:{type:[String,Number,Boolean],default:!1},railStyle:Function,rubberBand:{type:Boolean,default:!0},spinProps:Object,onChange:[Function,Array]}),j,M=i({name:`Switch`,props:A,slots:Object,setup(t){j===void 0&&(j=typeof CSS<`u`?CSS.supports===void 0?!1:CSS.supports(`width`,`max(1px)`):!0);let{mergedClsPrefixRef:i,inlineThemeDisabled:o,mergedComponentPropsRef:c}=a(t),l=d(`Switch`,`-switch`,k,O,t,i),u=s(t,{mergedSize(e){return t.size===void 0?e?e.mergedSize.value:c?.value?.Switch?.size||`medium`:t.size}}),{mergedSizeRef:f,mergedDisabledRef:m}=u,h=n(t.defaultValue),g=w(r(t,`value`),h),_=e(()=>g.value===t.checkedValue),y=n(!1),b=n(!1),x=e(()=>{let{railStyle:e}=t;if(e)return e({focused:b.value,checked:_.value})});function E(e){let{"onUpdate:value":n,onChange:r,onUpdateValue:i}=t,{nTriggerFormInput:a,nTriggerFormChange:o}=u;n&&v(n,e),i&&v(i,e),r&&v(r,e),h.value=e,a(),o()}function D(){let{nTriggerFormFocus:e}=u;e()}function A(){let{nTriggerFormBlur:e}=u;e()}function M(){t.loading||m.value||(g.value===t.checkedValue?E(t.uncheckedValue):E(t.checkedValue))}function N(){b.value=!0,D()}function P(){b.value=!1,A(),y.value=!1}function F(e){t.loading||m.value||e.key===` `&&(g.value===t.checkedValue?E(t.uncheckedValue):E(t.checkedValue),y.value=!1)}function I(e){t.loading||m.value||e.key===` `&&(e.preventDefault(),y.value=!0)}let L=e(()=>{let{value:e}=f,{self:{opacityDisabled:t,railColor:n,railColorActive:r,buttonBoxShadow:i,buttonColor:a,boxShadowFocus:o,loadingColor:s,textColor:c,iconColor:u,[p(`buttonHeight`,e)]:d,[p(`buttonWidth`,e)]:m,[p(`buttonWidthPressed`,e)]:h,[p(`railHeight`,e)]:g,[p(`railWidth`,e)]:_,[p(`railBorderRadius`,e)]:v,[p(`buttonBorderRadius`,e)]:y},common:{cubicBezierEaseInOut:b}}=l.value,x,S,w;return j?(x=`calc((${g} - ${d}) / 2)`,S=`max(${g}, ${d})`,w=`max(${_}, calc(${_} + ${d} - ${g}))`):(x=T((C(g)-C(d))/2),S=T(Math.max(C(g),C(d))),w=C(g)>C(d)?_:T(C(_)+C(d)-C(g))),{"--n-bezier":b,"--n-button-border-radius":y,"--n-button-box-shadow":i,"--n-button-color":a,"--n-button-width":m,"--n-button-width-pressed":h,"--n-button-height":d,"--n-height":S,"--n-offset":x,"--n-opacity-disabled":t,"--n-rail-border-radius":v,"--n-rail-color":n,"--n-rail-color-active":r,"--n-rail-height":g,"--n-rail-width":_,"--n-width":w,"--n-box-shadow-focus":o,"--n-loading-color":s,"--n-text-color":c,"--n-icon-color":u}}),R=o?S(`switch`,e(()=>f.value[0]),L,t):void 0;return{handleClick:M,handleBlur:P,handleFocus:N,handleKeyup:F,handleKeydown:I,mergedRailStyle:x,pressed:y,mergedClsPrefix:i,mergedValue:g,checked:_,mergedDisabled:m,cssVars:o?void 0:L,themeClass:R?.themeClass,onRender:R?.onRender}},render(){let{mergedClsPrefix:e,mergedDisabled:n,checked:r,mergedRailStyle:i,onRender:a,$slots:s}=this;a?.();let{checked:l,unchecked:u,icon:d,"checked-icon":f,"unchecked-icon":p}=s,m=!(c(d)&&c(f)&&c(p));return t(`div`,{role:`switch`,"aria-checked":r,class:[`${e}-switch`,this.themeClass,m&&`${e}-switch--icon`,r&&`${e}-switch--active`,n&&`${e}-switch--disabled`,this.round&&`${e}-switch--round`,this.loading&&`${e}-switch--loading`,this.pressed&&`${e}-switch--pressed`,this.rubberBand&&`${e}-switch--rubber-band`],tabindex:this.mergedDisabled?void 0:0,style:this.cssVars,onClick:this.handleClick,onFocus:this.handleFocus,onBlur:this.handleBlur,onKeyup:this.handleKeyup,onKeydown:this.handleKeydown},t(`div`,{class:`${e}-switch__rail`,"aria-hidden":`true`,style:i},o(l,n=>o(u,r=>n||r?t(`div`,{"aria-hidden":!0,class:`${e}-switch__children-placeholder`},t(`div`,{class:`${e}-switch__rail-placeholder`},t(`div`,{class:`${e}-switch__button-placeholder`}),n),t(`div`,{class:`${e}-switch__rail-placeholder`},t(`div`,{class:`${e}-switch__button-placeholder`}),r)):null)),t(`div`,{class:`${e}-switch__button`},o(d,n=>o(f,r=>o(p,i=>t(g,null,{default:()=>this.loading?t(y,Object.assign({key:`loading`,clsPrefix:e,strokeWidth:20},this.spinProps)):this.checked&&(r||n)?t(`div`,{class:`${e}-switch__button-icon`,key:r?`checked-icon`:`icon`},r||n):!this.checked&&(i||n)?t(`div`,{class:`${e}-switch__button-icon`,key:i?`unchecked-icon`:`icon`},i||n):null})))),o(l,n=>n&&t(`div`,{key:`checked`,class:`${e}-switch__checked`},n)),o(u,n=>n&&t(`div`,{key:`unchecked`,class:`${e}-switch__unchecked`},n)))))}});export{M as t};
+ `)])]),A=Object.assign(Object.assign({},u.props),{size:String,value:{type:[String,Number,Boolean],default:void 0},loading:Boolean,defaultValue:{type:[String,Number,Boolean],default:!1},disabled:{type:Boolean,default:void 0},round:{type:Boolean,default:!0},"onUpdate:value":[Function,Array],onUpdateValue:[Function,Array],checkedValue:{type:[String,Number,Boolean],default:!0},uncheckedValue:{type:[String,Number,Boolean],default:!1},railStyle:Function,rubberBand:{type:Boolean,default:!0},spinProps:Object,onChange:[Function,Array]}),j,M=i({name:`Switch`,props:A,slots:Object,setup(t){j===void 0&&(j=typeof CSS<`u`?CSS.supports===void 0?!1:CSS.supports(`width`,`max(1px)`):!0);let{mergedClsPrefixRef:i,inlineThemeDisabled:o,mergedComponentPropsRef:c}=a(t),l=u(`Switch`,`-switch`,k,O,t,i),d=s(t,{mergedSize(e){return t.size===void 0?e?e.mergedSize.value:c?.value?.Switch?.size||`medium`:t.size}}),{mergedSizeRef:f,mergedDisabledRef:p}=d,m=n(t.defaultValue),h=w(r(t,`value`),m),g=e(()=>h.value===t.checkedValue),y=n(!1),b=n(!1),x=e(()=>{let{railStyle:e}=t;if(e)return e({focused:b.value,checked:g.value})});function E(e){let{"onUpdate:value":n,onChange:r,onUpdateValue:i}=t,{nTriggerFormInput:a,nTriggerFormChange:o}=d;n&&v(n,e),i&&v(i,e),r&&v(r,e),m.value=e,a(),o()}function D(){let{nTriggerFormFocus:e}=d;e()}function A(){let{nTriggerFormBlur:e}=d;e()}function M(){t.loading||p.value||(h.value===t.checkedValue?E(t.uncheckedValue):E(t.checkedValue))}function N(){b.value=!0,D()}function P(){b.value=!1,A(),y.value=!1}function F(e){t.loading||p.value||e.key===` `&&(h.value===t.checkedValue?E(t.uncheckedValue):E(t.checkedValue),y.value=!1)}function I(e){t.loading||p.value||e.key===` `&&(e.preventDefault(),y.value=!0)}let L=e(()=>{let{value:e}=f,{self:{opacityDisabled:t,railColor:n,railColorActive:r,buttonBoxShadow:i,buttonColor:a,boxShadowFocus:o,loadingColor:s,textColor:c,iconColor:u,[_(`buttonHeight`,e)]:d,[_(`buttonWidth`,e)]:p,[_(`buttonWidthPressed`,e)]:m,[_(`railHeight`,e)]:h,[_(`railWidth`,e)]:g,[_(`railBorderRadius`,e)]:v,[_(`buttonBorderRadius`,e)]:y},common:{cubicBezierEaseInOut:b}}=l.value,x,S,w;return j?(x=`calc((${h} - ${d}) / 2)`,S=`max(${h}, ${d})`,w=`max(${g}, calc(${g} + ${d} - ${h}))`):(x=C((T(h)-T(d))/2),S=C(Math.max(T(h),T(d))),w=T(h)>T(d)?g:C(T(g)+T(d)-T(h))),{"--n-bezier":b,"--n-button-border-radius":y,"--n-button-box-shadow":i,"--n-button-color":a,"--n-button-width":p,"--n-button-width-pressed":m,"--n-button-height":d,"--n-height":S,"--n-offset":x,"--n-opacity-disabled":t,"--n-rail-border-radius":v,"--n-rail-color":n,"--n-rail-color-active":r,"--n-rail-height":h,"--n-rail-width":g,"--n-width":w,"--n-box-shadow-focus":o,"--n-loading-color":s,"--n-text-color":c,"--n-icon-color":u}}),R=o?S(`switch`,e(()=>f.value[0]),L,t):void 0;return{handleClick:M,handleBlur:P,handleFocus:N,handleKeyup:F,handleKeydown:I,mergedRailStyle:x,pressed:y,mergedClsPrefix:i,mergedValue:h,checked:g,mergedDisabled:p,cssVars:o?void 0:L,themeClass:R?.themeClass,onRender:R?.onRender}},render(){let{mergedClsPrefix:e,mergedDisabled:n,checked:r,mergedRailStyle:i,onRender:a,$slots:s}=this;a?.();let{checked:l,unchecked:u,icon:d,"checked-icon":f,"unchecked-icon":p}=s,m=!(c(d)&&c(f)&&c(p));return t(`div`,{role:`switch`,"aria-checked":r,class:[`${e}-switch`,this.themeClass,m&&`${e}-switch--icon`,r&&`${e}-switch--active`,n&&`${e}-switch--disabled`,this.round&&`${e}-switch--round`,this.loading&&`${e}-switch--loading`,this.pressed&&`${e}-switch--pressed`,this.rubberBand&&`${e}-switch--rubber-band`],tabindex:this.mergedDisabled?void 0:0,style:this.cssVars,onClick:this.handleClick,onFocus:this.handleFocus,onBlur:this.handleBlur,onKeyup:this.handleKeyup,onKeydown:this.handleKeydown},t(`div`,{class:`${e}-switch__rail`,"aria-hidden":`true`,style:i},o(l,n=>o(u,r=>n||r?t(`div`,{"aria-hidden":!0,class:`${e}-switch__children-placeholder`},t(`div`,{class:`${e}-switch__rail-placeholder`},t(`div`,{class:`${e}-switch__button-placeholder`}),n),t(`div`,{class:`${e}-switch__rail-placeholder`},t(`div`,{class:`${e}-switch__button-placeholder`}),r)):null)),t(`div`,{class:`${e}-switch__button`},o(d,n=>o(f,r=>o(p,i=>t(g,null,{default:()=>this.loading?t(y,Object.assign({key:`loading`,clsPrefix:e,strokeWidth:20},this.spinProps)):this.checked&&(r||n)?t(`div`,{class:`${e}-switch__button-icon`,key:r?`checked-icon`:`icon`},r||n):!this.checked&&(i||n)?t(`div`,{class:`${e}-switch__button-icon`,key:i?`unchecked-icon`:`icon`},i||n):null})))),o(l,n=>n&&t(`div`,{key:`checked`,class:`${e}-switch__checked`},n)),o(u,n=>n&&t(`div`,{key:`unchecked`,class:`${e}-switch__unchecked`},n)))))}});export{M as t};