"use strict";(self["webpackChunkwordhelper"]=self["webpackChunkwordhelper"]||[]).push([[410],{43585:function(e,o,n){n.d(o,{A:function(){return $}});var r=n(55472),t=n(34707),i=n(56768),l=n(90144),c=n(85142),a=n(21905),s=n(79882),d=n(88733),h=n(70151),u=n(25216),b=n(37901),v=n(34350),g=n(25972),f=n(13707),p=n(64075),C=n(68411);function m(e){const{primaryColor:o,opacityDisabled:n,borderRadius:r,textColor3:t}=e,i="rgba(0, 0, 0, .14)";return Object.assign(Object.assign({},C.A),{iconColor:t,textColor:"white",loadingColor:o,opacityDisabled:n,railColor:i,railColorActive:o,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 ${(0,f.QX)(o,{alpha:.2})}`})}const w={name:"Switch",common:p.A,self:m};var x=w,y=n(3533),k=(0,v.cB)("switch","\n height: var(--n-height);\n min-width: var(--n-width);\n vertical-align: middle;\n user-select: none;\n -webkit-user-select: none;\n display: inline-flex;\n outline: none;\n justify-content: center;\n align-items: center;\n",[(0,v.cE)("children-placeholder","\n height: var(--n-rail-height);\n display: flex;\n flex-direction: column;\n overflow: hidden;\n pointer-events: none;\n visibility: hidden;\n "),(0,v.cE)("rail-placeholder","\n display: flex;\n flex-wrap: none;\n "),(0,v.cE)("button-placeholder","\n width: calc(1.75 * var(--n-rail-height));\n height: var(--n-rail-height);\n "),(0,v.cB)("base-loading","\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translateX(-50%) translateY(-50%);\n font-size: calc(var(--n-button-width) - 4px);\n color: var(--n-loading-color);\n transition: color .3s var(--n-bezier);\n ",[(0,y.N)({left:"50%",top:"50%",originalTransform:"translateX(-50%) translateY(-50%)"})]),(0,v.cE)("checked, unchecked","\n transition: color .3s var(--n-bezier);\n color: var(--n-text-color);\n box-sizing: border-box;\n position: absolute;\n white-space: nowrap;\n top: 0;\n bottom: 0;\n display: flex;\n align-items: center;\n line-height: 1;\n "),(0,v.cE)("checked","\n right: 0;\n padding-right: calc(1.25 * var(--n-rail-height) - var(--n-offset));\n "),(0,v.cE)("unchecked","\n left: 0;\n justify-content: flex-end;\n padding-left: calc(1.25 * var(--n-rail-height) - var(--n-offset));\n "),(0,v.c)("&:focus",[(0,v.cE)("rail","\n box-shadow: var(--n-box-shadow-focus);\n ")]),(0,v.cM)("round",[(0,v.cE)("rail","border-radius: calc(var(--n-rail-height) / 2);",[(0,v.cE)("button","border-radius: calc(var(--n-button-height) / 2);")])]),(0,v.C5)("disabled",[(0,v.C5)("icon",[(0,v.cM)("rubber-band",[(0,v.cM)("pressed",[(0,v.cE)("rail",[(0,v.cE)("button","max-width: var(--n-button-width-pressed);")])]),(0,v.cE)("rail",[(0,v.c)("&:active",[(0,v.cE)("button","max-width: var(--n-button-width-pressed);")])]),(0,v.cM)("active",[(0,v.cM)("pressed",[(0,v.cE)("rail",[(0,v.cE)("button","left: calc(100% - var(--n-offset) - var(--n-button-width-pressed));")])]),(0,v.cE)("rail",[(0,v.c)("&:active",[(0,v.cE)("button","left: calc(100% - var(--n-offset) - var(--n-button-width-pressed));")])])])])])]),(0,v.cM)("active",[(0,v.cE)("rail",[(0,v.cE)("button","left: calc(100% - var(--n-button-width) - var(--n-offset))")])]),(0,v.cE)("rail","\n overflow: hidden;\n height: var(--n-rail-height);\n min-width: var(--n-rail-width);\n border-radius: var(--n-rail-border-radius);\n cursor: pointer;\n position: relative;\n transition:\n opacity .3s var(--n-bezier),\n background .3s var(--n-bezier),\n box-shadow .3s var(--n-bezier);\n background-color: var(--n-rail-color);\n ",[(0,v.cE)("button-icon","\n color: var(--n-icon-color);\n transition: color .3s var(--n-bezier);\n font-size: calc(var(--n-button-height) - 4px);\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n line-height: 1;\n ",[(0,y.N)()]),(0,v.cE)("button",'\n align-items: center; \n top: var(--n-offset);\n left: var(--n-offset);\n height: var(--n-button-height);\n width: var(--n-button-width-pressed);\n max-width: var(--n-button-width);\n border-radius: var(--n-button-border-radius);\n background-color: var(--n-button-color);\n box-shadow: var(--n-button-box-shadow);\n box-sizing: border-box;\n cursor: inherit;\n content: "";\n position: absolute;\n transition:\n background-color .3s var(--n-bezier),\n left .3s var(--n-bezier),\n opacity .3s var(--n-bezier),\n max-width .3s var(--n-bezier),\n box-shadow .3s var(--n-bezier);\n ')]),(0,v.cM)("active",[(0,v.cE)("rail","background-color: var(--n-rail-color-active);")]),(0,v.cM)("loading",[(0,v.cE)("rail","\n cursor: wait;\n ")]),(0,v.cM)("disabled",[(0,v.cE)("rail","\n cursor: not-allowed;\n opacity: .5;\n ")])]);const E=Object.assign(Object.assign({},s.A.props),{size:{type:String,default:"medium"},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},onChange:[Function,Array]});let z;var $=(0,i.pM)({name:"Switch",props:E,slots:Object,setup(e){void 0===z&&(z="undefined"===typeof CSS||"undefined"!==typeof CSS.supports&&CSS.supports("width","max(1px)"));const{mergedClsPrefixRef:o,inlineThemeDisabled:n}=(0,d.Ay)(e),c=(0,s.A)("Switch","-switch",k,x,e,o),a=(0,h.A)(e),{mergedSizeRef:g,mergedDisabledRef:f}=a,p=(0,l.KR)(e.defaultValue),C=(0,l.lW)(e,"value"),m=(0,t.A)(C,p),w=(0,i.EW)(()=>m.value===e.checkedValue),y=(0,l.KR)(!1),E=(0,l.KR)(!1),$=(0,i.EW)(()=>{const{railStyle:o}=e;if(o)return o({focused:E.value,checked:w.value})});function S(o){const{"onUpdate:value":n,onChange:r,onUpdateValue:t}=e,{nTriggerFormInput:i,nTriggerFormChange:l}=a;n&&(0,b.T)(n,o),t&&(0,b.T)(t,o),r&&(0,b.T)(r,o),p.value=o,i(),l()}function B(){const{nTriggerFormFocus:e}=a;e()}function A(){const{nTriggerFormBlur:e}=a;e()}function F(){e.loading||f.value||(m.value!==e.checkedValue?S(e.checkedValue):S(e.uncheckedValue))}function I(){E.value=!0,B()}function R(){E.value=!1,A(),y.value=!1}function _(o){e.loading||f.value||" "===o.key&&(m.value!==e.checkedValue?S(e.checkedValue):S(e.uncheckedValue),y.value=!1)}function T(o){e.loading||f.value||" "===o.key&&(o.preventDefault(),y.value=!0)}const P=(0,i.EW)(()=>{const{value:e}=g,{self:{opacityDisabled:o,railColor:n,railColorActive:t,buttonBoxShadow:i,buttonColor:l,boxShadowFocus:a,loadingColor:s,textColor:d,iconColor:h,[(0,v.cF)("buttonHeight",e)]:u,[(0,v.cF)("buttonWidth",e)]:b,[(0,v.cF)("buttonWidthPressed",e)]:f,[(0,v.cF)("railHeight",e)]:p,[(0,v.cF)("railWidth",e)]:C,[(0,v.cF)("railBorderRadius",e)]:m,[(0,v.cF)("buttonBorderRadius",e)]:w},common:{cubicBezierEaseInOut:x}}=c.value;let y,k,E;return z?(y=`calc((${p} - ${u}) / 2)`,k=`max(${p}, ${u})`,E=`max(${C}, calc(${C} + ${u} - ${p}))`):(y=(0,r.Cw)(((0,r.eV)(p)-(0,r.eV)(u))/2),k=(0,r.Cw)(Math.max((0,r.eV)(p),(0,r.eV)(u))),E=(0,r.eV)(p)>(0,r.eV)(u)?C:(0,r.Cw)((0,r.eV)(C)+(0,r.eV)(u)-(0,r.eV)(p))),{"--n-bezier":x,"--n-button-border-radius":w,"--n-button-box-shadow":i,"--n-button-color":l,"--n-button-width":b,"--n-button-width-pressed":f,"--n-button-height":u,"--n-height":k,"--n-offset":y,"--n-opacity-disabled":o,"--n-rail-border-radius":m,"--n-rail-color":n,"--n-rail-color-active":t,"--n-rail-height":p,"--n-rail-width":C,"--n-width":E,"--n-box-shadow-focus":a,"--n-loading-color":s,"--n-text-color":d,"--n-icon-color":h}}),V=n?(0,u.R)("switch",(0,i.EW)(()=>g.value[0]),P,e):void 0;return{handleClick:F,handleBlur:R,handleFocus:I,handleKeyup:_,handleKeydown:T,mergedRailStyle:$,pressed:y,mergedClsPrefix:o,mergedValue:m,checked:w,mergedDisabled:f,cssVars:n?void 0:P,themeClass:null===V||void 0===V?void 0:V.themeClass,onRender:null===V||void 0===V?void 0:V.onRender}},render(){const{mergedClsPrefix:e,mergedDisabled:o,checked:n,mergedRailStyle:r,onRender:t,$slots:l}=this;null===t||void 0===t||t();const{checked:s,unchecked:d,icon:h,"checked-icon":u,"unchecked-icon":b}=l,v=!((0,g.yr)(h)&&(0,g.yr)(u)&&(0,g.yr)(b));return(0,i.h)("div",{role:"switch","aria-checked":n,class:[`${e}-switch`,this.themeClass,v&&`${e}-switch--icon`,n&&`${e}-switch--active`,o&&`${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},(0,i.h)("div",{class:`${e}-switch__rail`,"aria-hidden":"true",style:r},(0,g.iQ)(s,o=>(0,g.iQ)(d,n=>o||n?(0,i.h)("div",{"aria-hidden":!0,class:`${e}-switch__children-placeholder`},(0,i.h)("div",{class:`${e}-switch__rail-placeholder`},(0,i.h)("div",{class:`${e}-switch__button-placeholder`}),o),(0,i.h)("div",{class:`${e}-switch__rail-placeholder`},(0,i.h)("div",{class:`${e}-switch__button-placeholder`}),n)):null)),(0,i.h)("div",{class:`${e}-switch__button`},(0,g.iQ)(h,o=>(0,g.iQ)(u,n=>(0,g.iQ)(b,r=>(0,i.h)(c.A,null,{default:()=>this.loading?(0,i.h)(a.A,{key:"loading",clsPrefix:e,strokeWidth:20}):this.checked&&(n||o)?(0,i.h)("div",{class:`${e}-switch__button-icon`,key:n?"checked-icon":"icon"},n||o):this.checked||!r&&!o?null:(0,i.h)("div",{class:`${e}-switch__button-icon`,key:r?"unchecked-icon":"icon"},r||o)})))),(0,g.iQ)(s,o=>o&&(0,i.h)("div",{key:"checked",class:`${e}-switch__checked`},o)),(0,g.iQ)(d,o=>o&&(0,i.h)("div",{key:"unchecked",class:`${e}-switch__unchecked`},o)))))}})},64498:function(e,o,n){n.d(o,{A:function(){return B}});var r=n(55472),t=n(56768),i=n(90144),l=n(55405),c=n(81260),a=n(84279),s=n(4660),d=n(31603),h=n(73921),u=n(98351),b=n(79882),v=n(88733),g=n(25216),f=n(38741),p=n(34350),C=n(25972),m=n(13707),w=n(64075),x=n(98659);function y(e){const{lineHeight:o,borderRadius:n,fontWeightStrong:r,baseColor:t,dividerColor:i,actionColor:l,textColor1:c,textColor2:a,closeColorHover:s,closeColorPressed:d,closeIconColor:h,closeIconColorHover:u,closeIconColorPressed:b,infoColor:v,successColor:g,warningColor:f,errorColor:p,fontSize:C}=e;return Object.assign(Object.assign({},x.A),{fontSize:C,lineHeight:o,titleFontWeight:r,borderRadius:n,border:`1px solid ${i}`,color:l,titleTextColor:c,iconColor:a,contentTextColor:a,closeBorderRadius:n,closeColorHover:s,closeColorPressed:d,closeIconColor:h,closeIconColorHover:u,closeIconColorPressed:b,borderInfo:`1px solid ${(0,m.sN)(t,(0,m.QX)(v,{alpha:.25}))}`,colorInfo:(0,m.sN)(t,(0,m.QX)(v,{alpha:.08})),titleTextColorInfo:c,iconColorInfo:v,contentTextColorInfo:a,closeColorHoverInfo:s,closeColorPressedInfo:d,closeIconColorInfo:h,closeIconColorHoverInfo:u,closeIconColorPressedInfo:b,borderSuccess:`1px solid ${(0,m.sN)(t,(0,m.QX)(g,{alpha:.25}))}`,colorSuccess:(0,m.sN)(t,(0,m.QX)(g,{alpha:.08})),titleTextColorSuccess:c,iconColorSuccess:g,contentTextColorSuccess:a,closeColorHoverSuccess:s,closeColorPressedSuccess:d,closeIconColorSuccess:h,closeIconColorHoverSuccess:u,closeIconColorPressedSuccess:b,borderWarning:`1px solid ${(0,m.sN)(t,(0,m.QX)(f,{alpha:.33}))}`,colorWarning:(0,m.sN)(t,(0,m.QX)(f,{alpha:.08})),titleTextColorWarning:c,iconColorWarning:f,contentTextColorWarning:a,closeColorHoverWarning:s,closeColorPressedWarning:d,closeIconColorWarning:h,closeIconColorHoverWarning:u,closeIconColorPressedWarning:b,borderError:`1px solid ${(0,m.sN)(t,(0,m.QX)(p,{alpha:.25}))}`,colorError:(0,m.sN)(t,(0,m.QX)(p,{alpha:.08})),titleTextColorError:c,iconColorError:p,contentTextColorError:a,closeColorHoverError:s,closeColorPressedError:d,closeIconColorError:h,closeIconColorHoverError:u,closeIconColorPressedError:b})}const k={name:"Alert",common:w.A,self:y};var E=k,z=n(92548),$=(0,p.cB)("alert","\n line-height: var(--n-line-height);\n border-radius: var(--n-border-radius);\n position: relative;\n transition: background-color .3s var(--n-bezier);\n background-color: var(--n-color);\n text-align: start;\n word-break: break-word;\n",[(0,p.cE)("border","\n border-radius: inherit;\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n transition: border-color .3s var(--n-bezier);\n border: var(--n-border);\n pointer-events: none;\n "),(0,p.cM)("closable",[(0,p.cB)("alert-body",[(0,p.cE)("title","\n padding-right: 24px;\n ")])]),(0,p.cE)("icon",{color:"var(--n-icon-color)"}),(0,p.cB)("alert-body",{padding:"var(--n-padding)"},[(0,p.cE)("title",{color:"var(--n-title-text-color)"}),(0,p.cE)("content",{color:"var(--n-content-text-color)"})]),(0,z._)({originalTransition:"transform .3s var(--n-bezier)",enterToProps:{transform:"scale(1)"},leaveToProps:{transform:"scale(0.9)"}}),(0,p.cE)("icon","\n position: absolute;\n left: 0;\n top: 0;\n align-items: center;\n justify-content: center;\n display: flex;\n width: var(--n-icon-size);\n height: var(--n-icon-size);\n font-size: var(--n-icon-size);\n margin: var(--n-icon-margin);\n "),(0,p.cE)("close","\n transition:\n color .3s var(--n-bezier),\n background-color .3s var(--n-bezier);\n position: absolute;\n right: 0;\n top: 0;\n margin: var(--n-close-margin);\n "),(0,p.cM)("show-icon",[(0,p.cB)("alert-body",{paddingLeft:"calc(var(--n-icon-margin-left) + var(--n-icon-size) + var(--n-icon-margin-right))"})]),(0,p.cM)("right-adjust",[(0,p.cB)("alert-body",{paddingRight:"calc(var(--n-close-size) + var(--n-padding) + 2px)"})]),(0,p.cB)("alert-body","\n border-radius: var(--n-border-radius);\n transition: border-color .3s var(--n-bezier);\n ",[(0,p.cE)("title","\n transition: color .3s var(--n-bezier);\n font-size: 16px;\n line-height: 19px;\n font-weight: var(--n-title-font-weight);\n ",[(0,p.c)("& +",[(0,p.cE)("content",{marginTop:"9px"})])]),(0,p.cE)("content",{transition:"color .3s var(--n-bezier)",fontSize:"var(--n-font-size)"})]),(0,p.cE)("icon",{transition:"color .3s var(--n-bezier)"})]);const S=Object.assign(Object.assign({},b.A.props),{title:String,showIcon:{type:Boolean,default:!0},type:{type:String,default:"default"},bordered:{type:Boolean,default:!0},closable:Boolean,onClose:Function,onAfterLeave:Function,onAfterHide:Function});var B=(0,t.pM)({name:"Alert",inheritAttrs:!1,props:S,slots:Object,setup(e){const{mergedClsPrefixRef:o,mergedBorderedRef:n,inlineThemeDisabled:l,mergedRtlRef:c}=(0,v.Ay)(e),a=(0,b.A)("Alert","-alert",$,E,e,o),s=(0,f.I)("Alert",c,o),d=(0,t.EW)(()=>{const{common:{cubicBezierEaseInOut:o},self:n}=a.value,{fontSize:t,borderRadius:i,titleFontWeight:l,lineHeight:c,iconSize:s,iconMargin:d,iconMarginRtl:h,closeIconSize:u,closeBorderRadius:b,closeSize:v,closeMargin:g,closeMarginRtl:f,padding:C}=n,{type:m}=e,{left:w,right:x}=(0,r.Tj)(d);return{"--n-bezier":o,"--n-color":n[(0,p.cF)("color",m)],"--n-close-icon-size":u,"--n-close-border-radius":b,"--n-close-color-hover":n[(0,p.cF)("closeColorHover",m)],"--n-close-color-pressed":n[(0,p.cF)("closeColorPressed",m)],"--n-close-icon-color":n[(0,p.cF)("closeIconColor",m)],"--n-close-icon-color-hover":n[(0,p.cF)("closeIconColorHover",m)],"--n-close-icon-color-pressed":n[(0,p.cF)("closeIconColorPressed",m)],"--n-icon-color":n[(0,p.cF)("iconColor",m)],"--n-border":n[(0,p.cF)("border",m)],"--n-title-text-color":n[(0,p.cF)("titleTextColor",m)],"--n-content-text-color":n[(0,p.cF)("contentTextColor",m)],"--n-line-height":c,"--n-border-radius":i,"--n-font-size":t,"--n-title-font-weight":l,"--n-icon-size":s,"--n-icon-margin":d,"--n-icon-margin-rtl":h,"--n-close-size":v,"--n-close-margin":g,"--n-close-margin-rtl":f,"--n-padding":C,"--n-icon-margin-left":w,"--n-icon-margin-right":x}}),h=l?(0,g.R)("alert",(0,t.EW)(()=>e.type[0]),d,e):void 0,u=(0,i.KR)(!0),C=()=>{const{onAfterLeave:o,onAfterHide:n}=e;o&&o(),n&&n()},m=()=>{var o;Promise.resolve(null===(o=e.onClose)||void 0===o?void 0:o.call(e)).then(e=>{!1!==e&&(u.value=!1)})},w=()=>{C()};return{rtlEnabled:s,mergedClsPrefix:o,mergedBordered:n,visible:u,handleCloseClick:m,handleAfterLeave:w,mergedTheme:a,cssVars:l?void 0:d,themeClass:null===h||void 0===h?void 0:h.themeClass,onRender:null===h||void 0===h?void 0:h.onRender}},render(){var e;return null===(e=this.onRender)||void 0===e||e.call(this),(0,t.h)(l.A,{onAfterLeave:this.handleAfterLeave},{default:()=>{const{mergedClsPrefix:e,$slots:o}=this,n={class:[`${e}-alert`,this.themeClass,this.closable&&`${e}-alert--closable`,this.showIcon&&`${e}-alert--show-icon`,!this.title&&this.closable&&`${e}-alert--right-adjust`,this.rtlEnabled&&`${e}-alert--rtl`],style:this.cssVars,role:"alert"};return this.visible?(0,t.h)("div",Object.assign({},(0,t.v6)(this.$attrs,n)),this.closable&&(0,t.h)(c.A,{clsPrefix:e,class:`${e}-alert__close`,onClick:this.handleCloseClick}),this.bordered&&(0,t.h)("div",{class:`${e}-alert__border`}),this.showIcon&&(0,t.h)("div",{class:`${e}-alert__icon`,"aria-hidden":"true"},(0,C.Nj)(o.icon,()=>[(0,t.h)(a.A,{clsPrefix:e},{default:()=>{switch(this.type){case"success":return(0,t.h)(s.A,null);case"info":return(0,t.h)(d.A,null);case"warning":return(0,t.h)(h.A,null);case"error":return(0,t.h)(u.A,null);default:return null}}})])),(0,t.h)("div",{class:[`${e}-alert-body`,this.mergedBordered&&`${e}-alert-body--bordered`]},(0,C.iQ)(o.header,o=>{const n=o||this.title;return n?(0,t.h)("div",{class:`${e}-alert-body__title`},n):null}),o.default&&(0,t.h)("div",{class:`${e}-alert-body__content`},o))):null}})}})}}]);
//# sourceMappingURL=410.5d08c1a8.js.map