@randevcx/ranui
Version:
UI Component library based on `Web Component`
1 lines • 332 kB
JavaScript
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).ranui={})}(this,(function(e){"use strict";var t=Object.defineProperty,A=(e,A,i)=>(((e,A,i)=>{A in e?t(e,A,{enumerable:!0,configurable:!0,writable:!0,value:i}):e[A]=i})(e,"symbol"!=typeof A?A+"":A,i),i);var i=Object.defineProperty,r=(e,t,A)=>(((e,t,A)=>{t in e?i(e,t,{enumerable:!0,configurable:!0,writable:!0,value:A}):e[t]=A})(e,"symbol"!=typeof t?t+"":t,A),A);const n="undefined"!=typeof window,o=()=>{if(!n)return!1;const e=window.navigator.userAgent;return!!/Android|webOS|iPhone|iPod|iPad|BlackBerry/i.test(e)},g=[1116352408,1899447441,3049323471,3921009573,961987163,1508970993,2453635748,2870763221,3624381080,310598401,607225278,1426881987,1925078388,2162078206,2614888103,3248222580,3835390401,4022224774,264347078,604807628,770255983,1249150122,1555081692,1996064986,2554220882,2821834349,2952996808,3210313671,3336571891,3584528711,113926993,338241895,666307205,773529912,1294757372,1396182291,1695183700,1986661051,2177026350,2456956037,2730485921,2820302411,3259730800,3345764771,3516065817,3600352804,4094571909,275423344,430227734,506948616,659060556,883997877,958139571,1322822218,1537002063,1747873779,1955562222,2024104815,2227730452,2361852424,2428436474,2756734187,3204031479,3329325298];class s{constructor(e,t){r(this,"highOrder"),r(this,"lowOrder"),this.highOrder=e,this.lowOrder=t}}new s(g[0],3609767458),new s(g[1],602891725),new s(g[2],3964484399),new s(g[3],2173295548),new s(g[4],4081628472),new s(g[5],3053834265),new s(g[6],2937671579),new s(g[7],3664609560),new s(g[8],2734883394),new s(g[9],1164996542),new s(g[10],1323610764),new s(g[11],3590304994),new s(g[12],4068182383),new s(g[13],991336113),new s(g[14],633803317),new s(g[15],3479774868),new s(g[16],2666613458),new s(g[17],944711139),new s(g[18],2341262773),new s(g[19],2007800933),new s(g[20],1495990901),new s(g[21],1856431235),new s(g[22],3175218132),new s(g[23],2198950837),new s(g[24],3999719339),new s(g[25],766784016),new s(g[26],2566594879),new s(g[27],3203337956),new s(g[28],1034457026),new s(g[29],2466948901),new s(g[30],3758326383),new s(g[31],168717936),new s(g[32],1188179964),new s(g[33],1546045734),new s(g[34],1522805485),new s(g[35],2643833823),new s(g[36],2343527390),new s(g[37],1014477480),new s(g[38],1206759142),new s(g[39],344077627),new s(g[40],1290863460),new s(g[41],3158454273),new s(g[42],3505952657),new s(g[43],106217008),new s(g[44],3606008344),new s(g[45],1432725776),new s(g[46],1467031594),new s(g[47],851169720),new s(g[48],3100823752),new s(g[49],1363258195),new s(g[50],3750685593),new s(g[51],3785050280),new s(g[52],3318307427),new s(g[53],3812723403),new s(g[54],2003034995),new s(g[55],3602036899),new s(g[56],1575990012),new s(g[57],1125592928),new s(g[58],2716904306),new s(g[59],442776044),new s(g[60],593698344),new s(g[61],3733110249),new s(g[62],2999351573),new s(g[63],3815920427),new s(3391569614,3928383900),new s(3515267271,566280711),new s(3940187606,3454069534),new s(4118630271,4000239992),new s(116418474,1914138554),new s(174292421,2731055270),new s(289380356,3203993006),new s(460393269,320620315),new s(685471733,587496836),new s(852142971,1086792851),new s(1017036298,365543100),new s(1126000580,2618297676),new s(1288033470,3409855158),new s(1501505948,4234509866),new s(1607167915,987167468),new s(1816402316,1246189591),new s(0,1),new s(0,32898),new s(2147483648,32906),new s(2147483648,2147516416),new s(0,32907),new s(0,2147483649),new s(2147483648,2147516545),new s(2147483648,32777),new s(0,138),new s(0,136),new s(0,2147516425),new s(0,2147483658),new s(0,2147516555),new s(2147483648,139),new s(2147483648,32905),new s(2147483648,32771),new s(2147483648,32770),new s(2147483648,128),new s(0,32778),new s(2147483648,2147483658),new s(2147483648,2147516545),new s(2147483648,32896),new s(0,2147483649),new s(2147483648,2147516424);const a=(e,t)=>{if("undefined"==typeof document)return;const A=e.classList;A.contains(t)||A.add(t)},p=(e,t)=>{if("undefined"==typeof document)return;const A=e.classList;A.contains(t)&&A.remove(t)},c=new Map([[100,"Continue"],[101,"Switching Protocols"],[102,"Processing"],[103,"Early Hints"],[200,"OK"],[201,"Created"],[202,"Accepted"],[203,"Non-Authoritative Information"],[204,"No Content"],[205,"Reset Content"],[206,"Partial Content"],[207,"Multi-Status"],[208,"Already Reported"],[226,"IM Used"],[300,"Multiple Choices"],[301,"Moved Permanently"],[302,"Found"],[303,"See Other"],[304,"Not Modified"],[305,"Use Proxy"],[307,"Temporary Redirect"],[308,"Permanent Redirect"],[400,"Bad Request"],[401,"Unauthorized"],[402,"Payment Required"],[403,"Forbidden"],[404,"Not Found"],[405,"Method Not Allowed"],[406,"Not Acceptable"],[407,"Proxy Authentication Required"],[408,"Request Timeout"],[409,"Conflict"],[410,"Gone"],[411,"Length Required"],[412,"Precondition Failed"],[413,"Payload Too Large"],[414,"URI Too Long"],[415,"Unsupported Media Type"],[416,"Range Not Satisfiable"],[417,"Expectation Failed"],[418,"I'm a Teapot"],[421,"Misdirected Request"],[422,"Unprocessable Entity"],[423,"Locked"],[424,"Failed Dependency"],[425,"Too Early"],[426,"Upgrade Required"],[428,"Precondition Required"],[429,"Too Many Requests"],[431,"Request Header Fields Too Large"],[451,"Unavailable For Legal Reasons"],[500,"Internal Server Error"],[501,"Not Implemented"],[502,"Bad Gateway"],[503,"Service Unavailable"],[504,"Gateway Timeout"],[505,"HTTP Version Not Supported"],[506,"Variant Also Negotiates"],[507,"Insufficient Storage"],[508,"Loop Detected"],[509,"Bandwidth Limit Exceeded"],[510,"Not Extended"],[511,"Network Authentication Required"]]);(function(e){const t=new Map;for(const[A,i]of e)t.set(i.toLowerCase(),A)})(c),function(e){const t=[];for(const[A,i]of e)t.push(A)}(c);const l=class{constructor(){r(this,"getDecimalLength",(e=>{const[t,A]=e.toString().split(".");return A?A.length:0})),r(this,"amend",((e,t=15)=>parseFloat(Number(e).toPrecision(t)))),r(this,"power",((e,t)=>Math.pow(10,Math.max(this.getDecimalLength(e),this.getDecimalLength(t)))))}};r(l,"handleMethod",((e,t)=>{const A=new l,{power:i,amend:r}=A,n=i(e,t),o=r(e*n),g=r(t*n);return e=>{switch(e){case"+":return(o+g)/n;case"-":return(o-g)/n;case"*":return o*g/(n*n);case"/":return o/g}}})),r(l,"add",((e,t)=>l.handleMethod(e,t)("+"))),r(l,"divide",((e,t)=>l.handleMethod(e,t)("/"))),r(l,"multiply",((e,t)=>l.handleMethod(e,t)("*"))),r(l,"subtract",((e,t)=>l.handleMethod(e,t)("-")));const w="http://www.w3.org/1999/xlink";const B=function(){if("undefined"!=typeof window&&!customElements.get("ra-icon")){class e extends HTMLElement{constructor(){super(),A(this,"_icon"),A(this,"_div"),A(this,"loadLocal",(()=>new Promise(((e,t)=>{((e,t,A)=>{const i=e[t];return i?"function"==typeof i?i():Promise.resolve(i):new Promise(((e,i)=>{("function"==typeof queueMicrotask?queueMicrotask:setTimeout)(i.bind(null,new Error("Unknown variable dynamic import: "+t+(t.split("/").length!==A?". Note that variables only represent file names one level deep.":""))))}))})(Object.assign({"../../assets/icons/add-user.svg":()=>Promise.resolve().then((()=>f)),"../../assets/icons/arrow-down.svg":()=>Promise.resolve().then((()=>D)),"../../assets/icons/book.svg":()=>Promise.resolve().then((()=>U)),"../../assets/icons/check-circle-fill.svg":()=>Promise.resolve().then((()=>Y)),"../../assets/icons/check-circle.svg":()=>Promise.resolve().then((()=>M)),"../../assets/icons/close-circle-fill.svg":()=>Promise.resolve().then((()=>F)),"../../assets/icons/close-circle.svg":()=>Promise.resolve().then((()=>S)),"../../assets/icons/close.svg":()=>Promise.resolve().then((()=>O)),"../../assets/icons/eye-close.svg":()=>Promise.resolve().then((()=>H)),"../../assets/icons/eye.svg":()=>Promise.resolve().then((()=>K)),"../../assets/icons/home.svg":()=>Promise.resolve().then((()=>R)),"../../assets/icons/info-circle-fill.svg":()=>Promise.resolve().then((()=>G)),"../../assets/icons/info-circle.svg":()=>Promise.resolve().then((()=>y)),"../../assets/icons/loading.svg":()=>Promise.resolve().then((()=>Z)),"../../assets/icons/lock.svg":()=>Promise.resolve().then((()=>N)),"../../assets/icons/message.svg":()=>Promise.resolve().then((()=>J)),"../../assets/icons/power-off.svg":()=>Promise.resolve().then((()=>P)),"../../assets/icons/preview.svg":()=>Promise.resolve().then((()=>z)),"../../assets/icons/setting.svg":()=>Promise.resolve().then((()=>T)),"../../assets/icons/sprite.svg":()=>Promise.resolve().then((()=>V)),"../../assets/icons/team.svg":()=>Promise.resolve().then((()=>W)),"../../assets/icons/unlock.svg":()=>Promise.resolve().then((()=>q)),"../../assets/icons/user.svg":()=>Promise.resolve().then((()=>j)),"../../assets/icons/warning-circle-fill.svg":()=>Promise.resolve().then((()=>_)),"../../assets/icons/warning-circle.svg":()=>Promise.resolve().then((()=>$))}),`../../assets/icons/${this.name}.svg`,5).then((A=>{if(A&&A.default&&A.default._identification){const{data:t}=A.default;this._icon&&this._div.removeChild(this._icon),this._icon=((e,t="text/xml")=>{if(window.DOMParser)return(new window.DOMParser).parseFromString(e,t).documentElement;if(void 0!==window.ActiveXObject){const t=new window.ActiveXObject("Microsoft.XMLDOM");return t.async="false",t.loadXML(e),t}})(t,"image/svg+xml"),this._icon&&(this._div.appendChild(this._icon),this.setSize(),this.setColor(),e())}else this.loadNs(),t(`\n couldn't be loaded by ra-icon, message: ${this.name} icon is undefined`)})).catch((e=>{this.loadNs()}))})))),A(this,"loadNs",(()=>{this._icon&&this._div&&this._div.removeChild(this._icon),this._icon=document.createElement("svg"),this._icon.setAttribute("class","icon"),this._icon.setAttribute("viewBox","0 0 1024 1024"),this._icon.setAttribute("width","100"),this._icon.setAttribute("height","100");const e=document.createElementNS(w,"use");e.setAttributeNS(w,"xlink:href",`../../assets/iconfont/icon.svg#icon-${this.name}`),this._icon.appendChild(e),this._div.appendChild(this._icon)})),A(this,"setIcon",(async()=>{this.name&&this.loadLocal()})),A(this,"setSize",(()=>{this._icon&&this.size&&(this._icon.setAttribute("width",this.size),this._icon.setAttribute("height",this.size))})),A(this,"setColor",(()=>{this._icon&&(this.color?this._icon.setAttribute("fill",this.color):this._icon.setAttribute("fill","currentColor"))})),A(this,"setSpin",(()=>{this.spin&&this.style.setProperty("animation-duration",`${this.spin}s`)})),this._div=document.createElement("div"),this._div.setAttribute("class","ran-icon"),this._div.setAttribute("part","ran-icon")}static get observedAttributes(){return["name","size","color","spin"]}get name(){return this.getAttribute("name")}set name(e){e&&this.setAttribute("name",e)}get size(){return this.getAttribute("size")}set size(e){e&&this.setAttribute("size",e)}get color(){return this.getAttribute("color")}set color(e){e&&this.setAttribute("color",e)}get spin(){return this.getAttribute("spin")}set spin(e){null!=e&&this.setAttribute("spin",e)}connectedCallback(){this.appendChild(this._div),this.setIcon()}attributeChangedCallback(e,t,A){A!==t&&("name"===e&&this.setIcon(),"size"===e&&this.setSize(),"color"===e&&this.setColor(),"spin"===e&&this.setSpin())}}customElements.define("ra-icon",e)}}(),d=Object.freeze(Object.defineProperty({__proto__:null,default:B},Symbol.toStringTag,{value:"Module"})),C=[!1,"false",null,void 0],I=e=>{const t=e.hasAttribute("disabled"),A=e.getAttribute("disabled");return!(!t||C.includes(A))};function h(e=""){return class{constructor(t=e){A(this,"message"),this.message=t}}}const u=()=>"undefined"!=typeof document?HTMLElement:null;class m extends(u()){constructor(){super(),A(this,"_input"),A(this,"_label"),A(this,"_inputContent"),A(this,"_icon"),A(this,"customInput",(e=>{e.stopPropagation(),e.preventDefault();const{target:t,data:A=""}=e;this.value=(null==t?void 0:t.value)||A||"",this.customChange(),this.dispatchEvent(new CustomEvent("input",{detail:{value:this.value}}))})),A(this,"customChange",(()=>{this.dispatchEvent(new CustomEvent("change",{detail:{value:this.value}}))})),A(this,"listenPlaceholder",((e,t)=>{"placeholder"===e&&this._inputContent&&(null!=t?this._inputContent.setAttribute("placeholder",t):this._inputContent.removeAttribute("placeholder"))})),A(this,"listenLabel",((e,t)=>{"label"===e&&this._inputContent&&(null!=t?this._label?this._label.innerHTML=t:(this._label=document.createElement("label"),this._label.innerHTML=t,this._label.setAttribute("class","ran-input-label"),this._label.setAttribute("part","ran-input-label"),this._input.appendChild(this._label)):(this._input.removeAttribute("label"),this._label&&(this._input.removeChild(this._label),this._label=void 0)))})),A(this,"listenType",((e,t)=>{"type"===e&&this._inputContent&&(t?this._inputContent.setAttribute("type",t):(this._inputContent.removeAttribute("type"),this._inputContent.removeAttribute("min"),this._inputContent.removeAttribute("max"),this._inputContent.removeAttribute("step")))})),A(this,"listenStatus",((e,t)=>{"status"===e&&this._input&&(t?this._input.setAttribute("status",t):this._input.removeAttribute("status"))})),A(this,"listenDisabled",((e,t)=>{"disabled"===e&&this._input&&(C.includes(t)?this._input.removeAttribute("disabled"):(this._input.setAttribute("disabled",""),this._inputContent.setAttribute("disabled","")))})),A(this,"listenIcon",((e,t,A)=>{"icon"===e&&t&&t!==A&&(this.removeAttribute("label"),this.setAttribute("icon",t),this.dealIcon())})),A(this,"dealIcon",(()=>{if(!this._icon){this._icon=document.createElement("ra-icon");const{width:e,height:t}=this._inputContent.getBoundingClientRect(),A=Math.min(e,t);this._icon.setAttribute("size",`${A}`),this._inputContent.insertAdjacentElement("beforebegin",this._icon)}this.icon&&this._icon.setAttribute("name",this.icon)})),A(this,"listenEvent",((e,t,A)=>{this.listenPlaceholder(e,A),this.listenLabel(e,A),this.listenStatus(e,A),this.listenDisabled(e,A),this.listenIcon(e,A,t),"value"===e&&t!==A&&(this._inputContent.value=A,this._input.setAttribute("value",A))})),this._input=document.createElement("div"),this._input.setAttribute("class","ran-input"),this._input.setAttribute("part","ran-input"),this._inputContent=document.createElement("input"),this._inputContent.setAttribute("class","ran-input-content"),this._inputContent.setAttribute("part","ran-input-content"),this._input.appendChild(this._inputContent)}static get observedAttributes(){return["label","disabled","name","placeholder","type","icon","value","status","prefix","suffix","allowclear","count","maxlength","showcount","onPressEnter","variant","minrows","maxrows"]}get value(){return this.getAttribute("value")||""}set value(e){!I(this)&&e?(this.setAttribute("value",e),this._input.setAttribute("value",e)):(this.removeAttribute("value"),this._input.removeAttribute("value"))}get placeholder(){return this.getAttribute("placeholder")||""}set placeholder(e){e?this.setAttribute("placeholder",e):this.removeAttribute("placeholder")}get required(){return this.getAttribute("required")||""}set required(e){e&&"false"!==e?this.setAttribute("required",""):this.removeAttribute("required")}get disabled(){return`${I(this)}`}set disabled(e){C.includes(e)?(this.removeAttribute("disabled"),this._input.removeAttribute("disabled"),this._inputContent.removeAttribute("disabled")):(this.setAttribute("disabled",""),this._input.setAttribute("disabled",""),this._inputContent.setAttribute("disabled",""))}get label(){return this.getAttribute("label")||""}set label(e){this.setAttribute("label",e)}get status(){return this.getAttribute("status")||""}set status(e){e?(this.setAttribute("status",e),this._input.setAttribute("status",e)):(this.removeAttribute("status"),this._input.removeAttribute("status"))}get name(){return this.getAttribute("name")||""}set name(e){this.setAttribute("name",e)}get min(){return this.getAttribute("min")||""}set min(e){"number"===this.type&&this.setAttribute("min",e)}get max(){return this.getAttribute("max")||""}set max(e){"number"===this.type&&this.setAttribute("max",e)}get step(){return this.getAttribute("step")||""}set step(e){"number"===this.type&&this.setAttribute("step",e)}get icon(){return this.getAttribute("icon")||""}set icon(e){e?this.setAttribute("icon",e):this.removeAttribute("icon")}get prefix(){return this.getAttribute("prefix")||""}set prefix(e){e?this.setAttribute("prefix",e):this.removeAttribute("prefix")}get suffix(){return this.getAttribute("suffix")||""}set suffix(e){e?this.setAttribute("suffix",e):this.removeAttribute("suffix")}get type(){return this.getAttribute("type")||""}set type(e){e?this.setAttribute("type",e):this.removeAttribute("type")}connectedCallback(){this.value&&(this._inputContent.value=this.value,this._input.setAttribute("value",this.value)),this.status&&this._input.setAttribute("status",this.status),I(this)&&(this._input.setAttribute("disabled",""),this._inputContent.setAttribute("disabled","")),this.type&&this._inputContent.setAttribute("type",this.type),this._inputContent.addEventListener("input",this.customInput),"complete"===document.readyState&&this.dealIcon(),this.appendChild(this._input)}disconnectCallback(){this._inputContent.removeEventListener("input",this.customInput)}attributeChangedCallback(e,t,A){this.listenEvent(e,t,A)}}const E="undefined"==typeof window||customElements.get("ra-input")?h("document is undefined or ra-input is exist"):(customElements.define("ra-input",m),m),Q=Object.freeze(Object.defineProperty({__proto__:null,Input:m,default:E},Symbol.toStringTag,{value:"Module"}));!function(){if("undefined"==typeof document||customElements.get("r-option"))return h("document is undefined or r-option is exist");{class e extends HTMLElement{constructor(){super(),A(this,"_option"),A(this,"_optionContent"),A(this,"_shadowDom"),A(this,"_slot"),this._slot=document.createElement("slot"),this._option=document.createElement("div"),this._option.setAttribute("class","ran-option"),this._optionContent=document.createElement("div"),this._optionContent.setAttribute("class","ran-option-content"),this._optionContent.appendChild(this._slot),this._option.appendChild(this._optionContent);const e=this.attachShadow({mode:"closed"}),t=document.createElement("style");t.textContent='.remove-wap-active-focus{outline:0;-webkit-tap-highlight-color:transparent}.remove-wap-active-focus:active,.remove-wap-active-focus:focus{outline:0;-webkit-tap-highlight-color:transparent}html.dark .r-preview-mask .r-preview-contain{background-color:#191919!important}@keyframes ranui-select-dropdown-down-in{0%{transform:scaleY(.8);transform-origin:100% 100%;opacity:0}to{transform:scaleY(1);transform-origin:100% 100%;opacity:1}}@keyframes ranui-select-dropdown-down-out{0%{transform:scaleY(1);transform-origin:100% 100%;opacity:1}to{transform:scaleY(.8);transform-origin:100% 100%;opacity:0}}@keyframes ranui-select-dropdown-up-in{0%{transform:scaleY(.8);transform-origin:0% 0%;opacity:0}to{transform:scaleY(1);transform-origin:0% 0%;opacity:1}}@keyframes ranui-select-dropdown-up-out{0%{transform:scaleY(1);transform-origin:0% 0%;opacity:1}to{transform:scaleY(.8);transform-origin:0% 0%;opacity:0}}.ran-select-dropdown-down-in{animation:ranui-select-dropdown-up-in .2s;animation-fill-mode:forwards}.ran-select-dropdown-down-out{animation:ranui-select-dropdown-up-out .2s;animation-fill-mode:forwards}.ran-select-dropdown-up-in{animation:ranui-select-dropdown-down-in .2s;animation-fill-mode:forwards}.ran-select-dropdown-up-out{animation:ranui-select-dropdown-down-out .2s;animation-fill-mode:forwards}.ranui-select-dropdown{position:absolute;transform-origin:var(--ran-x, 50%) var(--ran-y, 50%);box-sizing:border-box;margin:0;padding:4px;color:#000000e0;font-size:14px;list-style:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";z-index:1050;overflow:hidden;font-variant:initial;background:#fff;border-radius:8px;outline:none;box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d;cursor:pointer}.ranui-select-dropdown-option-item{position:relative;display:block;padding:5px 12px;color:#000000e0;font-weight:400;font-size:14px;transition:background .3s ease;border-radius:4px}.ranui-select-dropdown-option-item:hover{background-color:#0000000a}.ranui-select-dropdown-option-item-content{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#000000e0;font-size:14px;line-height:1.57142857;box-sizing:border-box;list-style:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-variant:initial}.ranui-select-dropdown-option-active{background-color:#e6f7ff;font-weight:700}.ranui-select-dropdown-option-active:hover{background-color:#e6f7ff}',e.appendChild(t),this._shadowDom=e,e.appendChild(this._option)}static get observedAttributes(){return["disabled","sheet","value"]}get value(){return this.getAttribute("value")}set value(e){this.setAttribute("value",e||"")}get sheet(){return this.getAttribute("sheet")}set sheet(e){this.setAttribute("sheet",e||"")}get disabled(){return I(this)}set disabled(e){e&&"false"!==e?this.setAttribute("disabled",""):this.removeAttribute("disabled")}handlerExternalCss(){if(this.sheet)try{const e=new CSSStyleSheet;e.insertRule(this.sheet),this._shadowDom.adoptedStyleSheets=[e]}catch(e){console.error(`Failed to parse the rule in CSSStyleSheet: ${this.sheet}`)}}connectedCallback(){}disconnectCallback(){}attributeChangedCallback(e,t,A){"disabled"===e&&this._option&&(A&&"false"!==A?this._option.removeAttribute("disabled"):this._option.setAttribute("disabled","")),"sheet"===e&&this._shadowDom&&t!==A&&this.handlerExternalCss()}}}}();const x={bottom:{add:"ran-select-dropdown-down-in",remove:"ran-select-dropdown-down-out"},top:{add:"ran-select-dropdown-up-in",remove:"ran-select-dropdown-up-out"}},v=(()=>{let e;return function(t,A=300){return function(...i){e&&(clearTimeout(e),e=void 0);const r=this;e||(e=setTimeout((()=>{t.apply(r,i),clearTimeout(e),e=void 0}),A))}}})();class L extends(u()){constructor(){super(),A(this,"removeTimeId"),A(this,"_select"),A(this,"_selection"),A(this,"_search"),A(this,"_icon"),A(this,"_selectDropdown"),A(this,"_selectionDropdown"),A(this,"_selectDropDownInTimeId"),A(this,"_selectDropDownOutTimeId"),A(this,"_optionList"),A(this,"_optionLabelMapValue"),A(this,"_optionValueMapLabel"),A(this,"_activeOption"),A(this,"_text"),A(this,"_selector"),A(this,"onSearch"),A(this,"setSelectDropdownDisplayNone",(()=>{this._selectDropDownOutTimeId||this._selectionDropdown&&"none"!==this._selectionDropdown.style.display&&(a(this._selectionDropdown,x[this.placement].remove),this._selectDropDownOutTimeId=setTimeout((()=>{var e;null==(e=this._selectionDropdown)||e.style.setProperty("display","none"),this._selectionDropdown&&p(this._selectionDropdown,x[this.placement].remove),clearTimeout(this._selectDropDownOutTimeId),this._selectDropDownOutTimeId=void 0}),300))})),A(this,"setSelectDropdownDisplayBlock",(()=>{var e;this._selectDropDownInTimeId||this._selectionDropdown&&"block"!==this._selectionDropdown.style.display&&(a(this._selectionDropdown,x[this.placement].add),null==(e=this._selectionDropdown)||e.style.setProperty("display","block"),this._selectDropDownInTimeId=setTimeout((()=>{this._selectionDropdown&&p(this._selectionDropdown,x[this.placement].add),clearTimeout(this._selectDropDownInTimeId),this._selectDropDownInTimeId=void 0}),200))})),A(this,"placementPosition",(()=>{if(!this._selectionDropdown||!this._selectDropdown)return;const e=this.getBoundingClientRect(),{top:t,left:A,bottom:i,width:r,height:n,x:o,y:g,right:s}=e,a=document.getElementById(this.getPopupContainerId);this._selectionDropdown.style.setProperty("--ran-x",`${t+window.scrollX}`),this._selectionDropdown.style.setProperty("--ran-y",`${A+window.scrollY}`);let p=i+window.scrollY,c=A+window.scrollX;this._selectionDropdown.style.setProperty("width",`${r}px`),"top"===this.placement&&(p=t+window.scrollY-this._selectionDropdown.clientHeight),this.getPopupContainerId&&a&&(p="top"===this.placement?t-a.getBoundingClientRect().top-this._selectionDropdown.clientHeight:a.getBoundingClientRect().height,c=0),this._selectionDropdown.style.setProperty("inset",`${p}px auto auto ${c}px`)})),A(this,"selectMouseDown",(e=>{e.stopPropagation(),I(this)||(this.removeDropDownTimeId(),this.setSelectDropdownDisplayNone(),this.setSelectDropdownDisplayBlock(),this.placementPosition())})),A(this,"removeDropDownTimeId",(()=>{this._search.setAttribute("value",""),this.trigger.includes("hover")&&!o()&&(clearTimeout(this.removeTimeId),this.removeTimeId=void 0)})),A(this,"selectBlur",(()=>{this.removeTimeId&&this.removeDropDownTimeId(),this.removeTimeId=setTimeout((()=>{this.removeDropDownTimeId(),this.setSelectDropdownDisplayNone()}),100)})),A(this,"clickOption",(e=>{var t,A;e.stopPropagation();let i=e.target;if((null==(t=i.classList)?void 0:t.contains("ranui-select-dropdown-option-item"))&&(i=i.children[0]),!(null==(A=i.classList)?void 0:A.contains("ranui-select-dropdown-option-item-content")))return;const r=i.innerHTML,n=this._optionLabelMapValue.get(r);n&&(this.setAttribute("value",n),this._text.innerHTML=r,this._text.setAttribute("title",r),this._search.setAttribute("placeholder",r));const o=this.getBoundingClientRect(),{height:g}=o;this._text.style.setProperty("line-height",`${g}px`),this._activeOption&&p(this._activeOption,"ranui-select-dropdown-option-active"),setTimeout((()=>{this._activeOption=(null==i?void 0:i.parentElement)||void 0,this._activeOption&&a(this._activeOption,"ranui-select-dropdown-option-active")}),200),this.setSelectDropdownDisplayNone(),this.dispatchEvent(new CustomEvent("change",{detail:{value:n,label:r}})),this.removeDropDownTimeId()})),A(this,"createOption",(()=>{if(!this._selectDropdown){this.appendChild(this._select);const e=document.getElementById(this.getPopupContainerId)||document.body;this._selectDropdown=document.createElement("div"),this._selectDropdown.style.setProperty("-webkit-tap-highlight-color","transparent"),this._selectDropdown.style.setProperty("outline","0"),this._selectDropdown.addEventListener("click",this.clickOption),this._selectionDropdown=document.createElement("div"),this._selectionDropdown.style.setProperty("-webkit-tap-highlight-color","transparent"),this._selectionDropdown.style.setProperty("outline","0"),this.dropdownclass?this._selectionDropdown.setAttribute("class",`${this.dropdownclass} ranui-select-dropdown`):this._selectionDropdown.setAttribute("class","ranui-select-dropdown"),this.trigger.includes("hover")&&!o()&&(this._selectDropdown.addEventListener("mouseleave",this.selectBlur),this._selectDropdown.addEventListener("mouseenter",this.removeDropDownTimeId)),this._selectDropdown.appendChild(this._selectionDropdown),this._selectionDropdown.style.setProperty("display","none"),e.appendChild(this._selectDropdown)}this.addOptionToSlot()})),A(this,"removeSelectDropdown",(()=>{try{if(this._selectDropdown){(document.getElementById(this.getPopupContainerId)||document.body).removeChild(this._selectDropdown)}}catch(e){}})),A(this,"addOptionToSlot",(()=>{var e;const t=this.children||[];this._optionList=[];for(const A of t)if("R-OPTION"===A.tagName){const t=A.innerHTML,i=A.getAttribute("value")||"";null==(e=this._optionList)||e.push({label:t,value:i}),this._optionLabelMapValue.set(t,i),this._optionValueMapLabel.set(i,t)}this.createSelectDropdownContent(this._optionList)})),A(this,"createSelectDropdownContent",((e=[])=>{var t,A;0===e.length?null==(t=this._selectDropdown)||t.style.setProperty("display","none"):null==(A=this._selectDropdown)||A.style.setProperty("display","block"),this._selectionDropdown&&(this._selectionDropdown.innerHTML=""),e.forEach((e=>{if(this._selectionDropdown){const{label:t,value:A}=e,i=document.createElement("div");(this.getAttribute("defaultValue")||this.getAttribute("value"))===A?(i.setAttribute("class","ranui-select-dropdown-option-active ranui-select-dropdown-option-item"),this._activeOption=i):i.setAttribute("class","ranui-select-dropdown-option-item");const r=document.createElement("div");r.setAttribute("class","ranui-select-dropdown-option-item-content"),r.innerHTML=`${t}`,r.setAttribute("value",`${A}`),r.setAttribute("title",`${t}`),i.appendChild(r),this._selectionDropdown.appendChild(i)}})),this.setDefaultValue()})),A(this,"setDefaultValue",(()=>{const e=this.getAttribute("defaultValue")||this.getAttribute("value");if(!e)return;const t=this._optionValueMapLabel.get(e);if(!t)return;this.setAttribute("value",e);const A=this.getBoundingClientRect(),{height:i}=A;this._text.style.setProperty("line-height",`${i}px`),this._text.innerHTML=t,this._text.setAttribute("title",t)})),A(this,"changeSearch",(e=>{const t=e.detail.value||"";if(this.dispatchEvent(new CustomEvent("search",{detail:{value:t}})),this._selectionDropdown&&(this._selectionDropdown.innerHTML=""),t.length>0){const e=this._optionList.map((e=>{const{label:A}=e;if(`${A}`.toLowerCase().includes(t))return{label:A,value:e.value}})).filter((e=>e));this.createSelectDropdownContent(e)}else this.createSelectDropdownContent(this._optionList)})),A(this,"setShowSearch",(()=>{this.onSearch=v(this.changeSearch),this.onSearch&&this._search.addEventListener("change",this.onSearch),this.onSearch&&this._search.addEventListener("click",this.onSearch)})),A(this,"removeShowSearch",(()=>{this.onSearch&&this._search.removeEventListener("change",this.onSearch),this.onSearch&&this._search.removeEventListener("click",this.onSearch)})),A(this,"listenActionEvent",(()=>{this.removeEventListener("mouseenter",this.selectMouseDown),this.removeEventListener("mouseleave",this.selectBlur),this.removeEventListener("click",this.selectMouseDown),this.removeEventListener("blur",this.selectBlur),this.trigger.includes("hover")&&!o()&&(this.addEventListener("mouseenter",this.selectMouseDown),this.addEventListener("mouseleave",this.selectBlur)),this.trigger.includes("click")&&(this.addEventListener("click",this.selectMouseDown),this.addEventListener("blur",this.selectBlur))})),A(this,"clickRemoveSelect",(e=>{e.stopPropagation(),this.setSelectDropdownDisplayNone()})),this._select=document.createElement("div"),this._select.setAttribute("class","ran-select"),this._select.setAttribute("part","select"),this._selection=document.createElement("div"),this._selection.setAttribute("class","selection"),this._selection.setAttribute("part","selection"),this._selector=document.createElement("div"),this._search=document.createElement("ra-input"),this._search.setAttribute("class","selection-search"),this._search.setAttribute("part","search"),this._search.setAttribute("type","search"),this._search.setAttribute("autocomplete","off"),this._text=document.createElement("span"),this._text.setAttribute("class","selection-item"),this._text.setAttribute("part","selection-item"),this._icon=document.createElement("ra-icon"),this._icon.setAttribute("class","icon"),this._icon.setAttribute("part","icon"),this._icon.setAttribute("name","arrow-down"),this._icon.setAttribute("color","#d9d9d9"),this._icon.setAttribute("size","16"),this._selector.appendChild(this._text),this._selector.appendChild(this._search),this._selection.appendChild(this._icon),this._selection.appendChild(this._selector),this._select.appendChild(this._selection),this._optionList=[],this._optionLabelMapValue=new Map,this._optionValueMapLabel=new Map}static get observedAttributes(){return["disabled","sheet","clear","type","defaultValue","showSearch","placement","getPopupContainerId","dropdownclass","trigger"]}get value(){return this.getAttribute("value")||""}set value(e){!I(this)&&e?this.setAttribute("value",e):this.removeAttribute("value")}get defaultValue(){return this.getAttribute("defaultValue")||""}set defaultValue(e){this.setAttribute("defaultValue",e||"")}get showSearch(){return this.getAttribute("showSearch")||""}set showSearch(e){this.setAttribute("showSearch",e||"")}get type(){return this.getAttribute("type")||""}set type(e){this.setAttribute("type",e||"")}get placement(){return this.getAttribute("placement")||"bottom"}set placement(e){this.setAttribute("placement",e||"")}get sheet(){return this.getAttribute("sheet")||""}set sheet(e){this.setAttribute("sheet",e||"")}get getPopupContainerId(){return this.getAttribute("getPopupContainerId")||""}set getPopupContainerId(e){this.setAttribute("getPopupContainerId",e||"")}get dropdownclass(){return this.getAttribute("dropdownclass")||""}set dropdownclass(e){this.setAttribute("dropdownclass",e||"")}get trigger(){return this.getAttribute("trigger")||"click"}set trigger(e){this.setAttribute("trigger",e||"")}get disabled(){return I(this)}set disabled(e){e&&"false"!==e?(this.setAttribute("disabled",""),this._selection.setAttribute("disabled","")):(this.removeAttribute("disabled"),this._selection.removeAttribute("disabled"))}connectedCallback(){this.createOption(),this.listenActionEvent(),this.setShowSearch(),document.addEventListener("click",this.clickRemoveSelect)}disconnectCallback(){var e;this.removeEventListener("mouseenter",this.selectMouseDown),this.removeEventListener("mouseleave",this.selectBlur),this.removeEventListener("click",this.selectMouseDown),this.removeEventListener("blur",this.selectBlur),this.removeSelectDropdown(),null==(e=this._selectDropdown)||e.removeEventListener("click",this.clickOption),document.removeEventListener("click",this.clickRemoveSelect)}attributeChangedCallback(e,t,A){"disabled"===e&&this._select&&(A&&"false"!==A?(this._select.removeAttribute("disabled"),this._selection.removeAttribute("disabled")):(this._select.setAttribute("disabled",""),this._selection.setAttribute("disabled","")))}}const k="undefined"==typeof document||customElements.get("ra-select")?h("document is undefined or ra-select is exist"):(customElements.define("ra-select",L),L),b=Object.freeze(Object.defineProperty({__proto__:null,Select:L,default:k},Symbol.toStringTag,{value:"Module"}));if("undefined"!=typeof document){const e=document.createElement("style");e.textContent=":host([type=\"toast\"]){--ranui-message-background: rgba(0, 0, 0, .7);--ranui-message-color: #fff;--ranui-message-border-radius: 7px}.ran-message-notice{padding:8px;text-align:center;max-width:90%;margin:0 auto;word-break:break-all}.ran-message-notice-content{display:inline-block;padding:10px 16px;background:var(--ranui-message-background, #fff);border-radius:var(--ranui-message-border-radius, 8px);box-shadow:0 3px 6px -4px #0000001f,0 6px 16px #00000014,0 9px 28px 8px #0000000d;pointer-events:all}.ran-message-notice-content-info{align-items:center;display:flex}.ran-message-notice-content-info span{margin:0;padding:0;color:var(--ranui-message-color, #000000d9);font-size:14px;font-variant:tabular-nums;list-style:none;font-feature-settings:\"tnum\";z-index:1010;width:100%;pointer-events:none}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes MessageMoveIn{0%{padding:0;transform:translateY(-100%);opacity:0}to{padding:8px;transform:translateY(0);opacity:1}}@keyframes MessageMoveOut{0%{max-height:150px;padding:8px;opacity:1}to{max-height:0;padding:0;opacity:0}}.ranui-message{box-sizing:border-box;margin:0;padding:0;color:#000000d9;font-size:14px;font-variant:tabular-nums;line-height:1.5715;list-style:none;font-feature-settings:\"tnum\";position:fixed;top:8px;left:0;z-index:1010;width:100%;pointer-events:none}.ranui-message .message-in{animation-name:MessageMoveIn;animation-duration:.3s;animation-timing-function:cubic-bezier(.78,.14,.15,.86)}.ranui-message .message-leave{animation-name:MessageMoveOut;animation-duration:.3s;animation-timing-function:cubic-bezier(.78,.14,.15,.86)}r-progress:active,r-progress:focus{outline:0;-webkit-tap-highlight-color:transparent}.ran-progress{position:relative;cursor:pointer;width:100%;height:100%}.ran-progress:active,.ran-progress:focus{outline:0;-webkit-tap-highlight-color:transparent}.ran-progress-wrap{width:100%;height:8px;border-radius:20px;background:var(--ran-progress-wrap, #5b5b5b);position:relative;overflow:hidden}.ran-progress-wrap-value{position:absolute;top:0;left:0;height:100%;width:100%;transform:scaleX(0);transform-origin:0 0;will-change:transform;background:var(--ran-progress-wrap-value, linear-gradient(90deg, #0bc8bb 2.42%, #00d297 98.79%));border-radius:20px}.ran-progress-dot{position:absolute;top:-5px;left:-9px;border-radius:50%;width:18px;height:18px;background:var(--ran-progress-dot, linear-gradient(90deg, #0bc8bb 2.42%, #00d297 98.79%));cursor:pointer}.remove-wap-active-focus{outline:0;-webkit-tap-highlight-color:transparent}.remove-wap-active-focus:active,.remove-wap-active-focus:focus{outline:0;-webkit-tap-highlight-color:transparent}html.dark .r-preview-mask .r-preview-contain{background-color:#191919!important}.r-preview{width:100%;height:100%}.r-preview-slot{display:block}:host{cursor:pointer;--el-text-color-primary: #303133;--el-loading-color: #409eff}.r-preview-mask{display:flex;flex-flow:column nowrap;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000073;z-index:1081}.r-preview-mask .r-preview-loading{position:absolute;top:30%;left:50%;transform:translate(-50%);display:flex;flex-flow:column;align-items:center}.r-preview-mask .r-preview-loading-text{color:var(--el-text-color-primary);font-size:16px}.r-preview-mask .r-preview-options{width:100%;pointer-events:auto;display:flex;flex-flow:row-reverse nowrap;align-items:center;justify-content:space-between;flex:0 0 68px}.r-preview-mask .r-preview-options-close{margin:14px;border:none;cursor:pointer;transition:all .3s;-webkit-user-select:none;user-select:none}.r-preview-mask .r-preview-options-false{flex:0 0 0px}.r-preview-mask .r-preview-contain{width:100%;margin:0 auto;display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;flex:1;overflow:hidden}.r-preview-mask .r-preview-contain .r-preview-context{margin:0 auto;height:100%;display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:safe center;overflow:auto}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main{width:100%;height:100%;margin-bottom:10px}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet{font-size:13px;line-height:normal;-webkit-user-select:none;user-select:none;-moz-user-select:none;font-family:Lato,Source Sans Pro,Roboto,Helvetica,Arial,sans-serif;box-sizing:content-box;background:#fff;-webkit-font-smoothing:antialiased}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet textarea{font:400 13px Arial,Lato,Source Sans Pro,Roboto,Helvetica,sans-serif}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-sheet{position:relative;overflow:hidden}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-table{vertical-align:bottom}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-tooltip{font-family:inherit;position:absolute;padding:5px 10px;color:#fff;border-radius:1px;background:#000;font-size:12px;z-index:201}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-tooltip:before{pointer-events:none;position:absolute;left:calc(50% - 4px);top:-4px;content:\"\";width:8px;height:8px;background:inherit;-webkit-transform:rotate(45deg);transform:rotate(45deg);z-index:1;box-shadow:1px 1px 3px -1px #0000004d}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-color-palette{padding:5px}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-color-palette table{margin:0;padding:0;border-collapse:separate;border-spacing:2;background:#fff}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-color-palette table td{margin:0;cursor:pointer;border:1px solid transparent}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-color-palette table td:hover{border-color:#ddd}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-color-palette table td .x-spreadsheet-color-palette-cell{width:16px;height:16px}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-border-palette{padding:6px}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-border-palette table{margin:0;padding:0;border-collapse:separate;border-spacing:0;background:#fff;table-layout:fixed}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-border-palette table td{margin:0}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-border-palette .x-spreadsheet-border-palette-left{border-right:1px solid #eee;padding-right:6px}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-border-palette .x-spreadsheet-border-palette-left .x-spreadsheet-border-palette-cell{width:30px;height:30px;cursor:pointer;text-align:center}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-border-palette .x-spreadsheet-border-palette-left .x-spreadsheet-border-palette-cell:hover{background-color:#eee}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-border-palette .x-spreadsheet-border-palette-right{padding-left:6px}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-border-palette .x-spreadsheet-border-palette-right .x-spreadsheet-line-type{position:relative;left:0;top:-3px}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-dropdown{position:relative}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-dropdown .x-spreadsheet-dropdown-content{position:absolute;z-index:200;background:#fff;box-shadow:1px 2px 5px 2px #33333326}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-dropdown.bottom-left .x-spreadsheet-dropdown-content{top:calc(100% + 5px);left:0}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-dropdown.bottom-right .x-spreadsheet-dropdown-content{top:calc(100% + 5px);right:0}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-dropdown.top-left .x-spreadsheet-dropdown-content{bottom:calc(100% + 5px);left:0}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-dropdown.top-right .x-spreadsheet-dropdown-content{bottom:calc(100% + 5px);right:0}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-dropdown .x-spreadsheet-dropdown-title{padding:0 5px;display:inline-block}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-resizer{position:absolute;z-index:11}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-resizer .x-spreadsheet-resizer-hover{background-color:#4b89ff40}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-resizer .x-spreadsheet-resizer-line{position:absolute}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-resizer.horizontal{cursor:row-resize}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-resizer.horizontal .x-spreadsheet-resizer-line{border-bottom:2px dashed #4b89ff;left:0;bottom:0}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-resizer.vertical{cursor:col-resize}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-resizer.vertical .x-spreadsheet-resizer-line{border-right:2px dashed #4b89ff;top:0;right:0}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-scrollbar{position:absolute;bottom:0;right:0;background-color:#f4f5f8;opacity:.9;z-index:12}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-scrollbar.horizontal{right:15px;overflow-x:scroll;overflow-y:hidden}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-scrollbar.horizontal>div{height:1px;background:#ddd}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-scrollbar.vertical{bottom:15px;overflow-x:hidden;overflow-y:scroll}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-scrollbar.vertical>div{width:1px;background:#ddd}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-overlayer{position:absolute;left:0;top:0;z-index:10}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-overlayer .x-spreadsheet-overlayer-content{position:absolute;overflow:hidden;pointer-events:none;width:100%;height:100%}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-editor,.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-selector{box-sizing:content-box;position:absolute;overflow:hidden;pointer-events:none;top:0;left:0;width:100%;height:100%}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-selector .hide-input{position:absolute;z-index:0}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-selector .hide-input input{padding:0;width:0;border:none!important}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-selector .x-spreadsheet-selector-area{position:absolute;border:2px solid #4b89ff;background:#4b89ff1a;z-index:5}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-selector .x-spreadsheet-selector-clipboard,.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-selector .x-spreadsheet-selector-autofill{position:absolute;background:transparent;z-index:100}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-selector .x-spreadsheet-selector-clipboard{border:2px dashed #4b89ff}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-selector .x-spreadsheet-selector-autofill{border:1px dashed rgba(0,0,0,.45)}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-selector .x-spreadsheet-selector-corner{pointer-events:auto;position:absolute;cursor:crosshair;font-size:0;height:5px;width:5px;right:-5px;bottom:-5px;border:2px solid #ffffff;background:#4b89ff}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-editor{z-index:20}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-editor .x-spreadsheet-editor-area{position:absolute;text-align:left;border:2px solid #4b89ff;line-height:0;z-index:100;pointer-events:auto}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-editor .x-spreadsheet-editor-area textarea{box-sizing:content-box;border:none;padding:0 3px;outline:none;resize:none;text-align:start;overflow-y:hidden;font:400 13px Arial,Lato,Source Sans Pro,Roboto,Helvetica,sans-serif;color:inherit;white-space:normal;word-wrap:break-word;line-height:22px;margin:0}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-editor .x-spreadsheet-editor-area .textline{overflow:hidden;visibility:hidden;position:fixed;top:0;left:0}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-item{-webkit-user-select:none;user-select:none;background:0;border:1px solid transparent;outline:none;height:26px;color:#000000e6;line-height:26px;list-style:none;padding:2px 10px;cursor:default;text-align:left;overflow:hidden}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-item.disabled{pointer-events:none;opacity:.5}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-item:hover,.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-item.active{background:#0000000d}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-item.divider{height:0;padding:0;margin:5px 0;border:none;border-bottom:1px solid rgba(0,0,0,.1)}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-item .label{float:right;opacity:.65;font-size:1em}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-item.state,.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-header.state{padding-left:35px!important;position:relative}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-item.state:before,.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-header.state:before{content:\"\";position:absolute;width:10px;height:10px;left:12px;top:calc(50% - 5px);background:#00000014;border-radius:2px}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-item.state.checked:before,.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-header.state.checked:before{background:#4b89ff}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-checkbox{position:relative;display:inline-block;backface-visibility:hidden;outline:0;vertical-align:baseline;font-style:normal;font-size:1rem;line-height:1em}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-checkbox>input{position:absolute;top:0;left:0;opacity:0!important