epic-designer-gold 1.0.31 → 1.0.33

package/dist/index-CnPBVx5Y.cjs

@@ -0,0 +1,181 @@
+"use strict";const F=require("./_commonjsHelpers-DwTZ_eVU.cjs"),b=require("./index-BU3ulVXO.cjs"),Ct=require("./index-t1QZ07qC.cjs"),H=require("./_vue_commonjs-external-CccDNqHl.cjs"),De=require("./index-CqIGF1hQ.cjs"),xe=require("./index-BtKa0UKV.cjs"),Pt=require("./fade-in-scale-up.cssr-D5DdSaTl.cjs");function Mt(e,o){for(var r=0;r<o.length;r++){const n=o[r];if(typeof n!="string"&&!Array.isArray(n)){for(const a in n)if(a!=="default"&&!(a in e)){const t=Object.getOwnPropertyDescriptor(n,a);t&&Object.defineProperty(e,a,t.get?t:{enumerable:!0,get:()=>n[a]})}}}return Object.freeze(Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}))}var Qe={},et={},tt={},Ve={},ue={};Object.defineProperty(ue,"__esModule",{value:!0});ue.self=rt;const Ut=b.useTheme,At=b.common,Rt=De.styles,Dt=xe.styles;function rt(e){const{fontSize:o,boxShadow2:r,popoverColor:n,textColor2:a,borderRadius:t,borderColor:i,heightSmall:s,heightMedium:f,heightLarge:k,fontSizeSmall:z,fontSizeMedium:M,fontSizeLarge:I,dividerColor:j}=e;return{panelFontSize:o,boxShadow:r,color:n,textColor:a,borderRadius:t,border:`1px solid ${i}`,heightSmall:s,heightMedium:f,heightLarge:k,fontSizeSmall:z,fontSizeMedium:M,fontSizeLarge:I,dividerColor:j}}const Vt=(0,Ut.createTheme)({name:"ColorPicker",common:At.commonLight,peers:{Input:Dt.inputLight,Button:Rt.buttonLight},self:rt});ue.default=Vt;Object.defineProperty(Ve,"__esModule",{value:!0});const Ht=b.common,zt=De.styles,It=xe.styles,jt=ue,qt={name:"ColorPicker",common:Ht.commonDark,peers:{Input:It.inputDark,Button:zt.buttonDark},self:jt.self};Ve.default=qt;(function(e){var o=F.commonjsGlobal&&F.commonjsGlobal.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(e,"__esModule",{value:!0}),e.colorPickerLight=e.colorPickerDark=void 0;var r=Ve;Object.defineProperty(e,"colorPickerDark",{enumerable:!0,get:function(){return o(r).default}});var n=ue;Object.defineProperty(e,"colorPickerLight",{enumerable:!0,get:function(){return o(n).default}})})(tt);var He={},y={};Object.defineProperty(y,"__esModule",{value:!0});y.deriveDefaultValue=Ot;y.getModeFromValue=ot;y.getWCAGContrast=Et;y.floor=Ft;y.normalizeHue=Tt;y.normalizeAlpha=Nt;y.convertColor=Gt;const c=b.require$$0,Bt=b._utils;function Ot(e,o){switch(e[0]){case"hex":return o?"#000000FF":"#000000";case"rgb":return o?"rgba(0, 0, 0, 1)":"rgb(0, 0, 0)";case"hsl":return o?"hsla(0, 0%, 0%, 1)":"hsl(0, 0%, 0%)";case"hsv":return o?"hsva(0, 0%, 0%, 1)":"hsv(0, 0%, 0%)"}return process.env.NODE_ENV!=="production"&&(0,Bt.warn)("color-picker","props.modes is invalid."),"#000000"}function ot(e){return e===null?null:/^ *#/.test(e)?"hex":e.includes("rgb")?"rgb":e.includes("hsl")?"hsl":e.includes("hsv")?"hsv":null}function Et(e,o=[255,255,255],r="AA"){const[n,a,t,i]=(0,c.rgba)((0,c.toHslaString)(e));if(i===1){const j=fe([n,a,t]),W=fe(o);return(Math.max(j,W)+.05)/(Math.min(j,W)+.05)>=(r==="AA"?4.5:7)}const s=Math.round(n*i+o[0]*(1-i)),f=Math.round(a*i+o[1]*(1-i)),k=Math.round(t*i+o[2]*(1-i)),z=fe([s,f,k]),M=fe(o);return(Math.max(z,M)+.05)/(Math.min(z,M)+.05)>=(r==="AA"?4.5:7)}function fe(e){const[o,r,n]=e.map(a=>(a/=255,a<=.03928?a/12.92:Math.pow((a+.055)/1.055,2.4)));return .2126*o+.7152*r+.0722*n}function Ft(e){return e.map(o=>Math.floor(o))}function Tt(e){return e=Math.round(e),e>=360?359:e<0?0:e}function Nt(e){return e=Math.round(e*100)/100,e>1?1:e<0?0:e}const Lt={rgb:{hex(e){return(0,c.toHexaString)((0,c.rgba)(e))},hsl(e){const[o,r,n,a]=(0,c.rgba)(e);return(0,c.toHslaString)([...(0,c.rgb2hsl)(o,r,n),a])},hsv(e){const[o,r,n,a]=(0,c.rgba)(e);return(0,c.toHsvaString)([...(0,c.rgb2hsv)(o,r,n),a])}},hex:{rgb(e){return(0,c.toRgbaString)((0,c.rgba)(e))},hsl(e){const[o,r,n,a]=(0,c.rgba)(e);return(0,c.toHslaString)([...(0,c.rgb2hsl)(o,r,n),a])},hsv(e){const[o,r,n,a]=(0,c.rgba)(e);return(0,c.toHsvaString)([...(0,c.rgb2hsv)(o,r,n),a])}},hsl:{hex(e){const[o,r,n,a]=(0,c.hsla)(e);return(0,c.toHexaString)([...(0,c.hsl2rgb)(o,r,n),a])},rgb(e){const[o,r,n,a]=(0,c.hsla)(e);return(0,c.toRgbaString)([...(0,c.hsl2rgb)(o,r,n),a])},hsv(e){const[o,r,n,a]=(0,c.hsla)(e);return(0,c.toHsvaString)([...(0,c.hsl2hsv)(o,r,n),a])}},hsv:{hex(e){const[o,r,n,a]=(0,c.hsva)(e);return(0,c.toHexaString)([...(0,c.hsv2rgb)(o,r,n),a])},rgb(e){const[o,r,n,a]=(0,c.hsva)(e);return(0,c.toRgbaString)([...(0,c.hsv2rgb)(o,r,n),a])},hsl(e){const[o,r,n,a]=(0,c.hsva)(e);return(0,c.toHslaString)([...(0,c.hsv2hsl)(o,r,n),a])}}};function Gt(e,o,r){return r=r||ot(e),r?r===o?e:Lt[r][o](e):null}Object.defineProperty(He,"__esModule",{value:!0});const pe=b.require$$0$1,Kt=b.require$$0,A=H.require$$2,Xt=y,ae="12px",Zt=12,G="6px";He.default=(0,A.defineComponent)({name:"AlphaSlider",props:{clsPrefix:{type:String,required:!0},rgba:{type:Array,default:null},alpha:{type:Number,default:0},onUpdateAlpha:{type:Function,required:!0},onComplete:Function},setup(e){const o=(0,A.ref)(null);function r(t){!o.value||!e.rgba||((0,pe.on)("mousemove",document,n),(0,pe.on)("mouseup",document,a),n(t))}function n(t){const{value:i}=o;if(!i)return;const{width:s,left:f}=i.getBoundingClientRect(),k=(t.clientX-f)/(s-Zt);e.onUpdateAlpha((0,Xt.normalizeAlpha)(k))}function a(){var t;(0,pe.off)("mousemove",document,n),(0,pe.off)("mouseup",document,a),(t=e.onComplete)===null||t===void 0||t.call(e)}return{railRef:o,railBackgroundImage:(0,A.computed)(()=>{const{rgba:t}=e;return t?`linear-gradient(to right, rgba(${t[0]}, ${t[1]}, ${t[2]}, 0) 0%, rgba(${t[0]}, ${t[1]}, ${t[2]}, 1) 100%)`:""}),handleMouseDown:r}},render(){const{clsPrefix:e}=this;return(0,A.h)("div",{class:`${e}-color-picker-slider`,ref:"railRef",style:{height:ae,borderRadius:G},onMousedown:this.handleMouseDown},(0,A.h)("div",{style:{borderRadius:G,position:"absolute",left:0,right:0,top:0,bottom:0,overflow:"hidden"}},(0,A.h)("div",{class:`${e}-color-picker-checkboard`}),(0,A.h)("div",{class:`${e}-color-picker-slider__image`,style:{backgroundImage:this.railBackgroundImage}})),this.rgba&&(0,A.h)("div",{style:{position:"absolute",left:G,right:G,top:0,bottom:0}},(0,A.h)("div",{class:`${e}-color-picker-handle`,style:{left:`calc(${this.alpha*100}% - ${G})`,borderRadius:G,width:ae,height:ae}},(0,A.h)("div",{class:`${e}-color-picker-handle__fill`,style:{backgroundColor:(0,Kt.toRgbaString)(this.rgba),borderRadius:G,width:ae,height:ae}}))))}});var ze={},Ie={},oe={};Object.defineProperty(oe,"__esModule",{value:!0});oe.colorPickerInjectionKey=void 0;const Wt=b._utils;oe.colorPickerInjectionKey=(0,Wt.createInjectionKey)("n-color-picker");Object.defineProperty(Ie,"__esModule",{value:!0});const ie=H.require$$2,Yt=xe.input,Jt=oe;function Qt(e){return/^\d{1,3}\.?\d*$/.test(e.trim())?Math.max(0,Math.min(Number.parseInt(e),255)):!1}function er(e){return/^\d{1,3}\.?\d*$/.test(e.trim())?Math.max(0,Math.min(Number.parseInt(e),360)):!1}function tr(e){return/^\d{1,3}\.?\d*$/.test(e.trim())?Math.max(0,Math.min(Number.parseInt(e),100)):!1}function rr(e){const o=e.trim();return/^#[0-9a-fA-F]+$/.test(o)?[4,5,7,9].includes(o.length):!1}function or(e){return/^\d{1,3}\.?\d*%$/.test(e.trim())?Math.max(0,Math.min(Number.parseInt(e)/100,100)):!1}const nr={paddingSmall:"0 4px"};Ie.default=(0,ie.defineComponent)({name:"ColorInputUnit",props:{label:{type:String,required:!0},value:{type:[Number,String],default:null},showAlpha:Boolean,onUpdateValue:{type:Function,required:!0}},setup(e){const o=(0,ie.ref)(""),{themeRef:r}=(0,ie.inject)(Jt.colorPickerInjectionKey,null);(0,ie.watchEffect)(()=>{o.value=n()});function n(){const{value:i}=e;if(i===null)return"";const{label:s}=e;return s==="HEX"?i:s==="A"?`${Math.floor(i*100)}%`:String(Math.floor(i))}function a(i){o.value=i}function t(i){let s,f;switch(e.label){case"HEX":f=rr(i),f&&e.onUpdateValue(i),o.value=n();break;case"H":s=er(i),s===!1?o.value=n():e.onUpdateValue(s);break;case"S":case"L":case"V":s=tr(i),s===!1?o.value=n():e.onUpdateValue(s);break;case"A":s=or(i),s===!1?o.value=n():e.onUpdateValue(s);break;case"R":case"G":case"B":s=Qt(i),s===!1?o.value=n():e.onUpdateValue(s);break}}return{mergedTheme:r,inputValue:o,handleInputChange:t,handleInputUpdateValue:a}},render(){const{mergedTheme:e}=this;return(0,ie.h)(Yt.NInput,{size:"small",placeholder:this.label,theme:e.peers.Input,themeOverrides:e.peerOverrides.Input,builtinThemeOverrides:nr,value:this.inputValue,onUpdateValue:this.handleInputUpdateValue,onChange:this.handleInputChange,style:this.label==="A"?"flex-grow: 1.25;":""})}});var lr=F.commonjsGlobal&&F.commonjsGlobal.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(ze,"__esModule",{value:!0});const R=b.require$$0,te=H.require$$2,ar=xe.input,We=lr(Ie);ze.default=(0,te.defineComponent)({name:"ColorInput",props:{clsPrefix:{type:String,required:!0},mode:{type:String,required:!0},modes:{type:Array,required:!0},showAlpha:{type:Boolean,required:!0},value:{type:String,default:null},valueArr:{type:Array,default:null},onUpdateValue:{type:Function,required:!0},onUpdateMode:{type:Function,required:!0}},setup(e){return{handleUnitUpdateValue(o,r){const{showAlpha:n}=e;if(e.mode==="hex"){e.onUpdateValue((n?R.toHexaString:R.toHexString)(r));return}let a;switch(e.valueArr===null?a=[0,0,0,0]:a=Array.from(e.valueArr),e.mode){case"hsv":a[o]=r,e.onUpdateValue((n?R.toHsvaString:R.toHsvString)(a));break;case"rgb":a[o]=r,e.onUpdateValue((n?R.toRgbaString:R.toRgbString)(a));break;case"hsl":a[o]=r,e.onUpdateValue((n?R.toHslaString:R.toHslString)(a));break}}}},render(){const{clsPrefix:e,modes:o}=this;return(0,te.h)("div",{class:`${e}-color-picker-input`},(0,te.h)("div",{class:`${e}-color-picker-input__mode`,onClick:this.onUpdateMode,style:{cursor:o.length===1?"":"pointer"}},this.mode.toUpperCase()+(this.showAlpha?"A":"")),(0,te.h)(ar.NInputGroup,null,{default:()=>{const{mode:r,valueArr:n,showAlpha:a}=this;if(r==="hex"){let t=null;try{t=n===null?null:(a?R.toHexaString:R.toHexString)(n)}catch{}return(0,te.h)(We.default,{label:"HEX",showAlpha:a,value:t,onUpdateValue:i=>{this.handleUnitUpdateValue(0,i)}})}return(r+(a?"a":"")).split("").map((t,i)=>(0,te.h)(We.default,{label:t.toUpperCase(),value:n===null?null:n[i],onUpdateValue:s=>{this.handleUnitUpdateValue(i,s)}}))}}))}});var je={};Object.defineProperty(je,"__esModule",{value:!0});const Re=b.require$$0,se=H.require$$2,ir=b._utils,Ye=y;function sr(e,o){if(o==="hsv"){const[r,n,a,t]=(0,Re.hsva)(e);return(0,Re.toRgbaString)([...(0,Re.hsv2rgb)(r,n,a),t])}return e}function ur(e){const o=document.createElement("canvas").getContext("2d");return o?(o.fillStyle=e,o.fillStyle):"#000000"}je.default=(0,se.defineComponent)({name:"ColorPickerSwatches",props:{clsPrefix:{type:String,required:!0},mode:{type:String,required:!0},swatches:{type:Array,required:!0},onUpdateColor:{type:Function,required:!0}},setup(e){const o=(0,se.computed)(()=>e.swatches.map(t=>{const i=(0,Ye.getModeFromValue)(t);return{value:t,mode:i,legalValue:sr(t,i)}}));function r(t){const{mode:i}=e;let{value:s,mode:f}=t;return f||(f="hex",/^[a-zA-Z]+$/.test(s)?s=ur(s):((0,ir.warn)("color-picker",`color ${s} in swatches is invalid.`),s="#000000")),f===i?s:(0,Ye.convertColor)(s,i,f)}function n(t){e.onUpdateColor(r(t))}function a(t,i){t.key==="Enter"&&n(i)}return{parsedSwatchesRef:o,handleSwatchSelect:n,handleSwatchKeyDown:a}},render(){const{clsPrefix:e}=this;return(0,se.h)("div",{class:`${e}-color-picker-swatches`},this.parsedSwatchesRef.map(o=>(0,se.h)("div",{class:`${e}-color-picker-swatch`,tabindex:0,onClick:()=>{this.handleSwatchSelect(o)},onKeydown:r=>{this.handleSwatchKeyDown(r,o)}},(0,se.h)("div",{class:`${e}-color-picker-swatch__fill`,style:{background:o.legalValue}}))))}});var qe={};Object.defineProperty(qe,"__esModule",{value:!0});const cr=b.require$$0,K=H.require$$2,dr=oe,hr=y;qe.default=(0,K.defineComponent)({name:"ColorPickerTrigger",slots:Object,props:{clsPrefix:{type:String,required:!0},value:{type:String,default:null},hsla:{type:Array,default:null},disabled:Boolean,onClick:Function},setup(e){const{colorPickerSlots:o,renderLabelRef:r}=(0,K.inject)(dr.colorPickerInjectionKey,null);return()=>{const{hsla:n,value:a,clsPrefix:t,onClick:i,disabled:s}=e,f=o.label||r.value;return(0,K.h)("div",{class:[`${t}-color-picker-trigger`,s&&`${t}-color-picker-trigger--disabled`],onClick:s?void 0:i},(0,K.h)("div",{class:`${t}-color-picker-trigger__fill`},(0,K.h)("div",{class:`${t}-color-picker-checkboard`}),(0,K.h)("div",{style:{position:"absolute",left:0,right:0,top:0,bottom:0,backgroundColor:n?(0,cr.toHslaString)(n):""}}),a&&n?(0,K.h)("div",{class:`${t}-color-picker-trigger__value`,style:{color:(0,hr.getWCAGContrast)(n)?"white":"black"}},f?f(a):a):null))}}});var Be={};Object.defineProperty(Be,"__esModule",{value:!0});const ge=H.require$$2,Je=y;Be.default=(0,ge.defineComponent)({name:"ColorPreview",props:{clsPrefix:{type:String,required:!0},mode:{type:String,required:!0},color:{type:String,default:null,validator:e=>{const o=(0,Je.getModeFromValue)(e);return!!(!e||o&&o!=="hsv")}},onUpdateColor:{type:Function,required:!0}},setup(e){function o(r){var n;const a=r.target.value;(n=e.onUpdateColor)===null||n===void 0||n.call(e,(0,Je.convertColor)(a.toUpperCase(),e.mode,"hex")),r.stopPropagation()}return{handleChange:o}},render(){const{clsPrefix:e}=this;return(0,ge.h)("div",{class:`${e}-color-picker-preview__preview`},(0,ge.h)("span",{class:`${e}-color-picker-preview__fill`,style:{background:this.color||"#000000"}}),(0,ge.h)("input",{class:`${e}-color-picker-preview__input`,type:"color",value:this.color,onChange:this.handleChange}))}});var Oe={};Object.defineProperty(Oe,"__esModule",{value:!0});const ve=b.require$$0$1,X=H.require$$2,fr=y,re="12px",pr=12,Z="6px",gr=6,vr="linear-gradient(90deg,red,#ff0 16.66%,#0f0 33.33%,#0ff 50%,#00f 66.66%,#f0f 83.33%,red)";Oe.default=(0,X.defineComponent)({name:"HueSlider",props:{clsPrefix:{type:String,required:!0},hue:{type:Number,required:!0},onUpdateHue:{type:Function,required:!0},onComplete:Function},setup(e){const o=(0,X.ref)(null);function r(t){o.value&&((0,ve.on)("mousemove",document,n),(0,ve.on)("mouseup",document,a),n(t))}function n(t){const{value:i}=o;if(!i)return;const{width:s,left:f}=i.getBoundingClientRect(),k=(0,fr.normalizeHue)((t.clientX-f-gr)/(s-pr)*360);e.onUpdateHue(k)}function a(){var t;(0,ve.off)("mousemove",document,n),(0,ve.off)("mouseup",document,a),(t=e.onComplete)===null||t===void 0||t.call(e)}return{railRef:o,handleMouseDown:r}},render(){const{clsPrefix:e}=this;return(0,X.h)("div",{class:`${e}-color-picker-slider`,style:{height:re,borderRadius:Z}},(0,X.h)("div",{ref:"railRef",style:{boxShadow:"inset 0 0 2px 0 rgba(0, 0, 0, .24)",boxSizing:"border-box",backgroundImage:vr,height:re,borderRadius:Z,position:"relative"},onMousedown:this.handleMouseDown},(0,X.h)("div",{style:{position:"absolute",left:Z,right:Z,top:0,bottom:0}},(0,X.h)("div",{class:`${e}-color-picker-handle`,style:{left:`calc((${this.hue}%) / 359 * 100 - ${Z})`,borderRadius:Z,width:re,height:re}},(0,X.h)("div",{class:`${e}-color-picker-handle__fill`,style:{backgroundColor:`hsl(${this.hue}, 100%, 50%)`,borderRadius:Z,width:re,height:re}})))))}});var Ee={};Object.defineProperty(Ee,"__esModule",{value:!0});const be=b.require$$0$1,E=H.require$$2,me="12px",_e="6px";Ee.default=(0,E.defineComponent)({name:"Pallete",props:{clsPrefix:{type:String,required:!0},rgba:{type:Array,default:null},displayedHue:{type:Number,required:!0},displayedSv:{type:Array,required:!0},onUpdateSV:{type:Function,required:!0},onComplete:Function},setup(e){const o=(0,E.ref)(null);function r(t){o.value&&((0,be.on)("mousemove",document,n),(0,be.on)("mouseup",document,a),n(t))}function n(t){const{value:i}=o;if(!i)return;const{width:s,height:f,left:k,bottom:z}=i.getBoundingClientRect(),M=(z-t.clientY)/f,I=(t.clientX-k)/s,j=100*(I>1?1:I<0?0:I),W=100*(M>1?1:M<0?0:M);e.onUpdateSV(j,W)}function a(){var t;(0,be.off)("mousemove",document,n),(0,be.off)("mouseup",document,a),(t=e.onComplete)===null||t===void 0||t.call(e)}return{palleteRef:o,handleColor:(0,E.computed)(()=>{const{rgba:t}=e;return t?`rgb(${t[0]}, ${t[1]}, ${t[2]})`:""}),handleMouseDown:r}},render(){const{clsPrefix:e}=this;return(0,E.h)("div",{class:`${e}-color-picker-pallete`,onMousedown:this.handleMouseDown,ref:"palleteRef"},(0,E.h)("div",{class:`${e}-color-picker-pallete__layer`,style:{backgroundImage:`linear-gradient(90deg, white, hsl(${this.displayedHue}, 100%, 50%))`}}),(0,E.h)("div",{class:`${e}-color-picker-pallete__layer ${e}-color-picker-pallete__layer--shadowed`,style:{backgroundImage:"linear-gradient(180deg, rgba(0, 0, 0, 0%), rgba(0, 0, 0, 100%))"}}),this.rgba&&(0,E.h)("div",{class:`${e}-color-picker-handle`,style:{width:me,height:me,borderRadius:_e,left:`calc(${this.displayedSv[0]}% - ${_e})`,bottom:`calc(${this.displayedSv[1]}% - ${_e})`}},(0,E.h)("div",{class:`${e}-color-picker-handle__fill`,style:{backgroundColor:this.handleColor,borderRadius:_e,width:me,height:me}})))}});var Fe={};Object.defineProperty(Fe,"__esModule",{value:!0});const br=Pt.fadeInScaleUp_cssr,u=b.cssr;Fe.default=(0,u.c)([(0,u.cB)("color-picker",`
+ display: inline-block;
+ box-sizing: border-box;
+ height: var(--n-height);
+ font-size: var(--n-font-size);
+ width: 100%;
+ position: relative;
+ `),(0,u.cB)("color-picker-panel",`
+ margin: 4px 0;
+ width: 240px;
+ font-size: var(--n-panel-font-size);
+ color: var(--n-text-color);
+ background-color: var(--n-color);
+ transition:
+ box-shadow .3s var(--n-bezier),
+ color .3s var(--n-bezier),
+ background-color .3s var(--n-bezier);
+ border-radius: var(--n-border-radius);
+ box-shadow: var(--n-box-shadow);
+ `,[(0,br.fadeInScaleUpTransition)(),(0,u.cB)("input",`
+ text-align: center;
+ `)]),(0,u.cB)("color-picker-checkboard",`
+ background: white; 
+ position: absolute;
+ left: 0;
+ right: 0;
+ top: 0;
+ bottom: 0;
+ `,[(0,u.c)("&::after",`
+ background-image: linear-gradient(45deg, #DDD 25%, #0000 25%), linear-gradient(-45deg, #DDD 25%, #0000 25%), linear-gradient(45deg, #0000 75%, #DDD 75%), linear-gradient(-45deg, #0000 75%, #DDD 75%);
+ background-size: 12px 12px;
+ background-position: 0 0, 0 6px, 6px -6px, -6px 0px;
+ background-repeat: repeat;
+ content: "";
+ position: absolute;
+ left: 0;
+ right: 0;
+ top: 0;
+ bottom: 0;
+ `)]),(0,u.cB)("color-picker-slider",`
+ margin-bottom: 8px;
+ position: relative;
+ box-sizing: border-box;
+ `,[(0,u.cE)("image",`
+ position: absolute;
+ left: 0;
+ right: 0;
+ top: 0;
+ bottom: 0;
+ `),(0,u.c)("&::after",`
+ content: "";
+ position: absolute;
+ border-radius: inherit;
+ left: 0;
+ right: 0;
+ top: 0;
+ bottom: 0;
+ box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, .24);
+ pointer-events: none;
+ `)]),(0,u.cB)("color-picker-handle",`
+ z-index: 1;
+ box-shadow: 0 0 2px 0 rgba(0, 0, 0, .45);
+ position: absolute;
+ background-color: white;
+ overflow: hidden;
+ `,[(0,u.cE)("fill",`
+ box-sizing: border-box;
+ border: 2px solid white;
+ `)]),(0,u.cB)("color-picker-pallete",`
+ height: 180px;
+ position: relative;
+ margin-bottom: 8px;
+ cursor: crosshair;
+ `,[(0,u.cE)("layer",`
+ position: absolute;
+ left: 0;
+ right: 0;
+ top: 0;
+ bottom: 0;
+ `,[(0,u.cM)("shadowed",`
+ box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, .24);
+ `)])]),(0,u.cB)("color-picker-preview",`
+ display: flex;
+ `,[(0,u.cE)("sliders",`
+ flex: 1 0 auto;
+ `),(0,u.cE)("preview",`
+ position: relative;
+ height: 30px;
+ width: 30px;
+ margin: 0 0 8px 6px;
+ border-radius: 50%;
+ box-shadow: rgba(0, 0, 0, .15) 0px 0px 0px 1px inset;
+ overflow: hidden;
+ `),(0,u.cE)("fill",`
+ display: block;
+ width: 30px;
+ height: 30px;
+ `),(0,u.cE)("input",`
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 30px;
+ height: 30px;
+ opacity: 0;
+ z-index: 1;
+ `)]),(0,u.cB)("color-picker-input",`
+ display: flex;
+ align-items: center;
+ `,[(0,u.cB)("input",`
+ flex-grow: 1;
+ flex-basis: 0;
+ `),(0,u.cE)("mode",`
+ width: 72px;
+ text-align: center;
+ `)]),(0,u.cB)("color-picker-control",`
+ padding: 12px;
+ `),(0,u.cB)("color-picker-action",`
+ display: flex;
+ margin-top: -4px;
+ border-top: 1px solid var(--n-divider-color);
+ padding: 8px 12px;
+ justify-content: flex-end;
+ `,[(0,u.cB)("button","margin-left: 8px;")]),(0,u.cB)("color-picker-trigger",`
+ border: var(--n-border);
+ height: 100%;
+ box-sizing: border-box;
+ border-radius: var(--n-border-radius);
+ transition: border-color .3s var(--n-bezier);
+ cursor: pointer;
+ `,[(0,u.cE)("value",`
+ white-space: nowrap;
+ position: relative;
+ `),(0,u.cE)("fill",`
+ border-radius: var(--n-border-radius);
+ position: absolute;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ left: 4px;
+ right: 4px;
+ top: 4px;
+ bottom: 4px;
+ `),(0,u.cM)("disabled","cursor: not-allowed"),(0,u.cB)("color-picker-checkboard",`
+ border-radius: var(--n-border-radius);
+ `,[(0,u.c)("&::after",`
+ --n-block-size: calc((var(--n-height) - 8px) / 3);
+ background-size: calc(var(--n-block-size) * 2) calc(var(--n-block-size) * 2);
+ background-position: 0 0, 0 var(--n-block-size), var(--n-block-size) calc(-1 * var(--n-block-size)), calc(-1 * var(--n-block-size)) 0px; 
+ `)])]),(0,u.cB)("color-picker-swatches",`
+ display: grid;
+ grid-gap: 8px;
+ flex-wrap: wrap;
+ position: relative;
+ grid-template-columns: repeat(auto-fill, 18px);
+ margin-top: 10px;
+ `,[(0,u.cB)("color-picker-swatch",`
+ width: 18px;
+ height: 18px;
+ background-image: linear-gradient(45deg, #DDD 25%, #0000 25%), linear-gradient(-45deg, #DDD 25%, #0000 25%), linear-gradient(45deg, #0000 75%, #DDD 75%), linear-gradient(-45deg, #0000 75%, #DDD 75%);
+ background-size: 8px 8px;
+ background-position: 0px 0, 0px 4px, 4px -4px, -4px 0px;
+ background-repeat: repeat;
+ `,[(0,u.cE)("fill",`
+ position: relative;
+ width: 100%;
+ height: 100%;
+ border-radius: 3px;
+ box-shadow: rgba(0, 0, 0, .15) 0px 0px 0px 1px inset;
+ cursor: pointer;
+ `),(0,u.c)("&:focus",`
+ outline: none;
+ `,[(0,u.cE)("fill",[(0,u.c)("&::after",`
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background: inherit;
+ filter: blur(2px);
+ content: "";
+ `)])])])])]);(function(e){var o=F.commonjsGlobal&&F.commonjsGlobal.__importDefault||function(d){return d&&d.__esModule?d:{default:d}};Object.defineProperty(e,"__esModule",{value:!0}),e.colorPickerProps=void 0;const r=b.require$$0,n=Ct.require$$2,a=b.require$$1,t=H.require$$2,i=b.require$$4,s=b._mixins,f=b._utils,k=De.button,z=tt,M=o(He),I=o(ze),j=o(je),W=o(qe),Te=o(Be),nt=oe,lt=o(Oe),at=o(Ee),it=o(Fe),ke=y;e.colorPickerProps=Object.assign(Object.assign({},s.useTheme.props),{value:String,show:{type:Boolean,default:void 0},defaultShow:Boolean,defaultValue:String,modes:{type:Array,default:()=>["rgb","hex","hsl"]},placement:{type:String,default:"bottom-start"},to:f.useAdjustedTo.propTo,showAlpha:{type:Boolean,default:!0},showPreview:Boolean,swatches:Array,disabled:{type:Boolean,default:void 0},actions:{type:Array,default:null},internalActions:Array,size:String,renderLabel:Function,onComplete:Function,onConfirm:Function,onClear:Function,"onUpdate:show":[Function,Array],onUpdateShow:[Function,Array],"onUpdate:value":[Function,Array],onUpdateValue:[Function,Array]}),e.default=(0,t.defineComponent)({name:"ColorPicker",props:e.colorPickerProps,slots:Object,setup(d,{slots:T}){const Ne=(0,t.ref)(null);let ne=null;const ye=(0,s.useFormItem)(d),{mergedSizeRef:Le,mergedDisabledRef:st}=ye,{localeRef:ce}=(0,s.useLocale)("global"),{mergedClsPrefixRef:Se,namespaceRef:ut,inlineThemeDisabled:we}=(0,s.useConfig)(d),$e=(0,s.useTheme)("ColorPicker","-color-picker",it.default,z.colorPickerLight,d,Se);(0,t.provide)(nt.colorPickerInjectionKey,{themeRef:$e,renderLabelRef:(0,t.toRef)(d,"renderLabel"),colorPickerSlots:T});const Ge=(0,t.ref)(d.defaultShow),Ke=(0,a.useMergedState)((0,t.toRef)(d,"show"),Ge);function de(l){const{onUpdateShow:h,"onUpdate:show":g}=d;h&&(0,f.call)(h,l),g&&(0,f.call)(g,l),Ge.value=l}const{defaultValue:Xe}=d,Ze=(0,t.ref)(Xe===void 0?(0,ke.deriveDefaultValue)(d.modes,d.showAlpha):Xe),S=(0,a.useMergedState)((0,t.toRef)(d,"value"),Ze),Y=(0,t.ref)([S.value]),D=(0,t.ref)(0),Ce=(0,t.computed)(()=>(0,ke.getModeFromValue)(S.value)),{modes:ct}=d,U=(0,t.ref)((0,ke.getModeFromValue)(S.value)||ct[0]||"rgb");function dt(){const{modes:l}=d,{value:h}=U,g=l.findIndex(v=>v===h);~g?U.value=l[(g+1)%l.length]:U.value="rgb"}let $,C,J,Q,q,B,O,P;const le=(0,t.computed)(()=>{const{value:l}=S;if(!l)return null;switch(Ce.value){case"hsv":return(0,r.hsva)(l);case"hsl":return[$,C,J,P]=(0,r.hsla)(l),[...(0,r.hsl2hsv)($,C,J),P];case"rgb":case"hex":return[q,B,O,P]=(0,r.rgba)(l),[...(0,r.rgb2hsv)(q,B,O),P]}}),N=(0,t.computed)(()=>{const{value:l}=S;if(!l)return null;switch(Ce.value){case"rgb":case"hex":return(0,r.rgba)(l);case"hsv":return[$,C,Q,P]=(0,r.hsva)(l),[...(0,r.hsv2rgb)($,C,Q),P];case"hsl":return[$,C,J,P]=(0,r.hsla)(l),[...(0,r.hsl2rgb)($,C,J),P]}}),Pe=(0,t.computed)(()=>{const{value:l}=S;if(!l)return null;switch(Ce.value){case"hsl":return(0,r.hsla)(l);case"hsv":return[$,C,Q,P]=(0,r.hsva)(l),[...(0,r.hsv2hsl)($,C,Q),P];case"rgb":case"hex":return[q,B,O,P]=(0,r.rgba)(l),[...(0,r.rgb2hsl)(q,B,O),P]}}),ht=(0,t.computed)(()=>{switch(U.value){case"rgb":case"hex":return N.value;case"hsv":return le.value;case"hsl":return Pe.value}}),he=(0,t.ref)(0),Me=(0,t.ref)(1),Ue=(0,t.ref)([0,0]);function ft(l,h){const{value:g}=le,v=he.value,m=g?g[3]:1;Ue.value=[l,h];const{showAlpha:p}=d;switch(U.value){case"hsv":_((p?r.toHsvaString:r.toHsvString)([v,l,h,m]),"cursor");break;case"hsl":_((p?r.toHslaString:r.toHslString)([...(0,r.hsv2hsl)(v,l,h),m]),"cursor");break;case"rgb":_((p?r.toRgbaString:r.toRgbString)([...(0,r.hsv2rgb)(v,l,h),m]),"cursor");break;case"hex":_((p?r.toHexaString:r.toHexString)([...(0,r.hsv2rgb)(v,l,h),m]),"cursor");break}}function pt(l){he.value=l;const{value:h}=le;if(!h)return;const[,g,v,m]=h,{showAlpha:p}=d;switch(U.value){case"hsv":_((p?r.toHsvaString:r.toHsvString)([l,g,v,m]),"cursor");break;case"rgb":_((p?r.toRgbaString:r.toRgbString)([...(0,r.hsv2rgb)(l,g,v),m]),"cursor");break;case"hex":_((p?r.toHexaString:r.toHexString)([...(0,r.hsv2rgb)(l,g,v),m]),"cursor");break;case"hsl":_((p?r.toHslaString:r.toHslString)([...(0,r.hsv2hsl)(l,g,v),m]),"cursor");break}}function gt(l){switch(U.value){case"hsv":[$,C,Q]=le.value,_((0,r.toHsvaString)([$,C,Q,l]),"cursor");break;case"rgb":[q,B,O]=N.value,_((0,r.toRgbaString)([q,B,O,l]),"cursor");break;case"hex":[q,B,O]=N.value,_((0,r.toHexaString)([q,B,O,l]),"cursor");break;case"hsl":[$,C,J]=Pe.value,_((0,r.toHslaString)([$,C,J,l]),"cursor");break}Me.value=l}function _(l,h){h==="cursor"?ne=l:ne=null;const{nTriggerFormChange:g,nTriggerFormInput:v}=ye,{onUpdateValue:m,"onUpdate:value":p}=d;m&&(0,f.call)(m,l),p&&(0,f.call)(p,l),g(),v(),Ze.value=l}function vt(l){_(l,"input"),(0,t.nextTick)(ee)}function ee(l=!0){const{value:h}=S;if(h){const{nTriggerFormChange:g,nTriggerFormInput:v}=ye,{onComplete:m}=d;m&&m(h);const{value:p}=Y,{value:w}=D;l&&(p.splice(w+1,p.length,h),D.value=w+1),g(),v()}}function bt(){const{value:l}=D;l-1<0||(_(Y.value[l-1],"input"),ee(!1),D.value=l-1)}function mt(){const{value:l}=D;l<0||l+1>=Y.value.length||(_(Y.value[l+1],"input"),ee(!1),D.value=l+1)}function _t(){_(null,"input");const{onClear:l}=d;l&&l(),de(!1)}function xt(){const{value:l}=S,{onConfirm:h}=d;h&&h(l),de(!1)}const kt=(0,t.computed)(()=>D.value>=1),yt=(0,t.computed)(()=>{const{value:l}=Y;return l.length>1&&D.value<l.length-1});(0,t.watch)(Ke,l=>{l||(Y.value=[S.value],D.value=0)}),(0,t.watchEffect)(()=>{if(!(ne&&ne===S.value)){const{value:l}=le;l&&(he.value=l[0],Me.value=l[3],Ue.value=[l[1],l[2]])}ne=null});const Ae=(0,t.computed)(()=>{const{value:l}=Le,{common:{cubicBezierEaseInOut:h},self:{textColor:g,color:v,panelFontSize:m,boxShadow:p,border:w,borderRadius:x,dividerColor:L,[(0,f.createKey)("height",l)]:wt,[(0,f.createKey)("fontSize",l)]:$t}}=$e.value;return{"--n-bezier":h,"--n-text-color":g,"--n-color":v,"--n-panel-font-size":m,"--n-font-size":$t,"--n-box-shadow":p,"--n-border":w,"--n-border-radius":x,"--n-height":wt,"--n-divider-color":L}}),V=we?(0,s.useThemeClass)("color-picker",(0,t.computed)(()=>Le.value[0]),Ae,d):void 0;function St(){var l;const{value:h}=N,{value:g}=he,{internalActions:v,modes:m,actions:p}=d,{value:w}=$e,{value:x}=Se;return(0,t.h)("div",{class:[`${x}-color-picker-panel`,V==null?void 0:V.themeClass.value],onDragstart:L=>{L.preventDefault()},style:we?void 0:Ae.value},(0,t.h)("div",{class:`${x}-color-picker-control`},(0,t.h)(at.default,{clsPrefix:x,rgba:h,displayedHue:g,displayedSv:Ue.value,onUpdateSV:ft,onComplete:ee}),(0,t.h)("div",{class:`${x}-color-picker-preview`},(0,t.h)("div",{class:`${x}-color-picker-preview__sliders`},(0,t.h)(lt.default,{clsPrefix:x,hue:g,onUpdateHue:pt,onComplete:ee}),d.showAlpha?(0,t.h)(M.default,{clsPrefix:x,rgba:h,alpha:Me.value,onUpdateAlpha:gt,onComplete:ee}):null),d.showPreview?(0,t.h)(Te.default,{clsPrefix:x,mode:U.value,color:N.value&&(0,r.toHexString)(N.value),onUpdateColor:L=>{_(L,"input")}}):null),(0,t.h)(I.default,{clsPrefix:x,showAlpha:d.showAlpha,mode:U.value,modes:m,onUpdateMode:dt,value:S.value,valueArr:ht.value,onUpdateValue:vt}),((l=d.swatches)===null||l===void 0?void 0:l.length)&&(0,t.h)(j.default,{clsPrefix:x,mode:U.value,swatches:d.swatches,onUpdateColor:L=>{_(L,"input")}})),p!=null&&p.length?(0,t.h)("div",{class:`${x}-color-picker-action`},p.includes("confirm")&&(0,t.h)(k.NButton,{size:"small",onClick:xt,theme:w.peers.Button,themeOverrides:w.peerOverrides.Button},{default:()=>ce.value.confirm}),p.includes("clear")&&(0,t.h)(k.NButton,{size:"small",onClick:_t,disabled:!S.value,theme:w.peers.Button,themeOverrides:w.peerOverrides.Button},{default:()=>ce.value.clear})):null,T.action?(0,t.h)("div",{class:`${x}-color-picker-action`},{default:T.action}):v?(0,t.h)("div",{class:`${x}-color-picker-action`},v.includes("undo")&&(0,t.h)(k.NButton,{size:"small",onClick:bt,disabled:!kt.value,theme:w.peers.Button,themeOverrides:w.peerOverrides.Button},{default:()=>ce.value.undo}),v.includes("redo")&&(0,t.h)(k.NButton,{size:"small",onClick:mt,disabled:!yt.value,theme:w.peers.Button,themeOverrides:w.peerOverrides.Button},{default:()=>ce.value.redo})):null)}return{mergedClsPrefix:Se,namespace:ut,selfRef:Ne,hsla:Pe,rgba:N,mergedShow:Ke,mergedDisabled:st,isMounted:(0,a.useIsMounted)(),adjustedTo:(0,f.useAdjustedTo)(d),mergedValue:S,handleTriggerClick(){de(!0)},handleClickOutside(l){var h;!((h=Ne.value)===null||h===void 0)&&h.contains((0,r.getPreciseEventTarget)(l))||de(!1)},renderPanel:St,cssVars:we?void 0:Ae,themeClass:V==null?void 0:V.themeClass,onRender:V==null?void 0:V.onRender}},render(){const{mergedClsPrefix:d,onRender:T}=this;return T==null||T(),(0,t.h)("div",{class:[this.themeClass,`${d}-color-picker`],ref:"selfRef",style:this.cssVars},(0,t.h)(i.VBinder,null,{default:()=>[(0,t.h)(i.VTarget,null,{default:()=>(0,t.h)(W.default,{clsPrefix:d,value:this.mergedValue,hsla:this.hsla,disabled:this.mergedDisabled,onClick:this.handleTriggerClick})}),(0,t.h)(i.VFollower,{placement:this.placement,show:this.mergedShow,containerClass:this.namespace,teleportDisabled:this.adjustedTo===f.useAdjustedTo.tdkey,to:this.adjustedTo},{default:()=>(0,t.h)(t.Transition,{name:"fade-in-scale-up-transition",appear:this.isMounted},{default:()=>this.mergedShow?(0,t.withDirectives)(this.renderPanel(),[[n.clickoutside,this.handleClickOutside,void 0,{capture:!0}]]):null})})]}))}})})(et);(function(e){var o=F.commonjsGlobal&&F.commonjsGlobal.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(e,"__esModule",{value:!0}),e.NColorPicker=e.colorPickerProps=void 0;var r=et;Object.defineProperty(e,"colorPickerProps",{enumerable:!0,get:function(){return r.colorPickerProps}}),Object.defineProperty(e,"NColorPicker",{enumerable:!0,get:function(){return o(r).default}})})(Qe);const mr=Mt({__proto__:null},[Qe]);exports.index=mr;

package/dist/index-CpTUkT9o.cjs

@@ -0,0 +1,159 @@
+"use strict";const k=require("./_commonjsHelpers-DwTZ_eVU.cjs"),M=require("./index-BU3ulVXO.cjs"),pe=require("./_vue_commonjs-external-CccDNqHl.cjs"),oo=require("./fade-in-scale-up.cssr-D5DdSaTl.cjs");function to(l,m){for(var d=0;d<m.length;d++){const c=m[d];if(typeof c!="string"&&!Array.isArray(c)){for(const n in c)if(n!=="default"&&!(n in l)){const p=Object.getOwnPropertyDescriptor(c,n);p&&Object.defineProperty(l,n,p.get?p:{enumerable:!0,get:()=>c[n]})}}}return Object.freeze(Object.defineProperty(l,Symbol.toStringTag,{value:"Module"}))}var xe={},we={},_e={},te={},L={};Object.defineProperty(L,"__esModule",{value:!0});L.default={railHeight:"4px",railWidthVertical:"4px",handleSize:"18px",dotHeight:"8px",dotWidth:"8px",dotBorderRadius:"4px"};var ro=k.commonjsGlobal&&k.commonjsGlobal.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(te,"__esModule",{value:!0});const no=M.common,ao=ro(L),lo={name:"Slider",common:no.commonDark,self(l){const m="0 2px 8px 0 rgba(0, 0, 0, 0.12)",{railColor:d,modalColor:c,primaryColorSuppl:n,popoverColor:p,textColor2:y,cardColor:x,borderRadius:V,fontSize:D,opacityDisabled:S}=l;return Object.assign(Object.assign({},ao.default),{fontSize:D,markFontSize:D,railColor:d,railColorHover:d,fillColor:n,fillColorHover:n,opacityDisabled:S,handleColor:"#FFF",dotColor:x,dotColorModal:c,dotColorPopover:p,handleBoxShadow:"0px 2px 4px 0 rgba(0, 0, 0, 0.4)",handleBoxShadowHover:"0px 2px 4px 0 rgba(0, 0, 0, 0.4)",handleBoxShadowActive:"0px 2px 4px 0 rgba(0, 0, 0, 0.4)",handleBoxShadowFocus:"0px 2px 4px 0 rgba(0, 0, 0, 0.4)",indicatorColor:p,indicatorBoxShadow:m,indicatorTextColor:y,indicatorBorderRadius:V,dotBorder:`2px solid ${d}`,dotBorderActive:`2px solid ${n}`,dotBoxShadow:""})}};te.default=lo;var re={},io=k.commonjsGlobal&&k.commonjsGlobal.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(re,"__esModule",{value:!0});const so=M.common,co=io(L);function uo(l){const m="rgba(0, 0, 0, .85)",d="0 2px 8px 0 rgba(0, 0, 0, 0.12)",{railColor:c,primaryColor:n,baseColor:p,cardColor:y,modalColor:x,popoverColor:V,borderRadius:D,fontSize:S,opacityDisabled:K}=l;return Object.assign(Object.assign({},co.default),{fontSize:S,markFontSize:S,railColor:c,railColorHover:c,fillColor:n,fillColorHover:n,opacityDisabled:K,handleColor:"#FFF",dotColor:y,dotColorModal:x,dotColorPopover:V,handleBoxShadow:"0 1px 4px 0 rgba(0, 0, 0, 0.3), inset 0 0 1px 0 rgba(0, 0, 0, 0.05)",handleBoxShadowHover:"0 1px 4px 0 rgba(0, 0, 0, 0.3), inset 0 0 1px 0 rgba(0, 0, 0, 0.05)",handleBoxShadowActive:"0 1px 4px 0 rgba(0, 0, 0, 0.3), inset 0 0 1px 0 rgba(0, 0, 0, 0.05)",handleBoxShadowFocus:"0 1px 4px 0 rgba(0, 0, 0, 0.3), inset 0 0 1px 0 rgba(0, 0, 0, 0.05)",indicatorColor:m,indicatorBoxShadow:d,indicatorTextColor:p,indicatorBorderRadius:D,dotBorder:`2px solid ${c}`,dotBorderActive:`2px solid ${n}`,dotBoxShadow:""})}const ho={name:"Slider",common:so.commonLight,self:uo};re.default=ho;(function(l){var m=k.commonjsGlobal&&k.commonjsGlobal.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(l,"__esModule",{value:!0}),l.sliderLight=l.sliderDark=void 0;var d=te;Object.defineProperty(l,"sliderDark",{enumerable:!0,get:function(){return m(d).default}});var c=re;Object.defineProperty(l,"sliderLight",{enumerable:!0,get:function(){return m(c).default}})})(_e);var ne={};Object.defineProperty(ne,"__esModule",{value:!0});const ge=oo.fadeInScaleUp_cssr,r=M.cssr;ne.default=(0,r.c)([(0,r.cB)("slider",`
+ display: block;
+ padding: calc((var(--n-handle-size) - var(--n-rail-height)) / 2) 0;
+ position: relative;
+ z-index: 0;
+ width: 100%;
+ cursor: pointer;
+ user-select: none;
+ -webkit-user-select: none;
+ `,[(0,r.cM)("reverse",[(0,r.cB)("slider-handles",[(0,r.cB)("slider-handle-wrapper",`
+ transform: translate(50%, -50%);
+ `)]),(0,r.cB)("slider-dots",[(0,r.cB)("slider-dot",`
+ transform: translateX(50%, -50%);
+ `)]),(0,r.cM)("vertical",[(0,r.cB)("slider-handles",[(0,r.cB)("slider-handle-wrapper",`
+ transform: translate(-50%, -50%);
+ `)]),(0,r.cB)("slider-marks",[(0,r.cB)("slider-mark",`
+ transform: translateY(calc(-50% + var(--n-dot-height) / 2));
+ `)]),(0,r.cB)("slider-dots",[(0,r.cB)("slider-dot",`
+ transform: translateX(-50%) translateY(0);
+ `)])])]),(0,r.cM)("vertical",`
+ box-sizing: content-box;
+ padding: 0 calc((var(--n-handle-size) - var(--n-rail-height)) / 2);
+ width: var(--n-rail-width-vertical);
+ height: 100%;
+ `,[(0,r.cB)("slider-handles",`
+ top: calc(var(--n-handle-size) / 2);
+ right: 0;
+ bottom: calc(var(--n-handle-size) / 2);
+ left: 0;
+ `,[(0,r.cB)("slider-handle-wrapper",`
+ top: unset;
+ left: 50%;
+ transform: translate(-50%, 50%);
+ `)]),(0,r.cB)("slider-rail",`
+ height: 100%;
+ `,[(0,r.cE)("fill",`
+ top: unset;
+ right: 0;
+ bottom: unset;
+ left: 0;
+ `)]),(0,r.cM)("with-mark",`
+ width: var(--n-rail-width-vertical);
+ margin: 0 32px 0 8px;
+ `),(0,r.cB)("slider-marks",`
+ top: calc(var(--n-handle-size) / 2);
+ right: unset;
+ bottom: calc(var(--n-handle-size) / 2);
+ left: 22px;
+ font-size: var(--n-mark-font-size);
+ `,[(0,r.cB)("slider-mark",`
+ transform: translateY(50%);
+ white-space: nowrap;
+ `)]),(0,r.cB)("slider-dots",`
+ top: calc(var(--n-handle-size) / 2);
+ right: unset;
+ bottom: calc(var(--n-handle-size) / 2);
+ left: 50%;
+ `,[(0,r.cB)("slider-dot",`
+ transform: translateX(-50%) translateY(50%);
+ `)])]),(0,r.cM)("disabled",`
+ cursor: not-allowed;
+ opacity: var(--n-opacity-disabled);
+ `,[(0,r.cB)("slider-handle",`
+ cursor: not-allowed;
+ `)]),(0,r.cM)("with-mark",`
+ width: 100%;
+ margin: 8px 0 32px 0;
+ `),(0,r.c)("&:hover",[(0,r.cB)("slider-rail",{backgroundColor:"var(--n-rail-color-hover)"},[(0,r.cE)("fill",{backgroundColor:"var(--n-fill-color-hover)"})]),(0,r.cB)("slider-handle",{boxShadow:"var(--n-handle-box-shadow-hover)"})]),(0,r.cM)("active",[(0,r.cB)("slider-rail",{backgroundColor:"var(--n-rail-color-hover)"},[(0,r.cE)("fill",{backgroundColor:"var(--n-fill-color-hover)"})]),(0,r.cB)("slider-handle",{boxShadow:"var(--n-handle-box-shadow-hover)"})]),(0,r.cB)("slider-marks",`
+ position: absolute;
+ top: 18px;
+ left: calc(var(--n-handle-size) / 2);
+ right: calc(var(--n-handle-size) / 2);
+ `,[(0,r.cB)("slider-mark",`
+ position: absolute;
+ transform: translateX(-50%);
+ white-space: nowrap;
+ `)]),(0,r.cB)("slider-rail",`
+ width: 100%;
+ position: relative;
+ height: var(--n-rail-height);
+ background-color: var(--n-rail-color);
+ transition: background-color .3s var(--n-bezier);
+ border-radius: calc(var(--n-rail-height) / 2);
+ `,[(0,r.cE)("fill",`
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ border-radius: calc(var(--n-rail-height) / 2);
+ transition: background-color .3s var(--n-bezier);
+ background-color: var(--n-fill-color);
+ `)]),(0,r.cB)("slider-handles",`
+ position: absolute;
+ top: 0;
+ right: calc(var(--n-handle-size) / 2);
+ bottom: 0;
+ left: calc(var(--n-handle-size) / 2);
+ `,[(0,r.cB)("slider-handle-wrapper",`
+ outline: none;
+ position: absolute;
+ top: 50%;
+ transform: translate(-50%, -50%);
+ cursor: pointer;
+ display: flex;
+ `,[(0,r.cB)("slider-handle",`
+ height: var(--n-handle-size);
+ width: var(--n-handle-size);
+ border-radius: 50%;
+ overflow: hidden;
+ transition: box-shadow .2s var(--n-bezier), background-color .3s var(--n-bezier);
+ background-color: var(--n-handle-color);
+ box-shadow: var(--n-handle-box-shadow);
+ `,[(0,r.c)("&:hover",`
+ box-shadow: var(--n-handle-box-shadow-hover);
+ `)]),(0,r.c)("&:focus",[(0,r.cB)("slider-handle",`
+ box-shadow: var(--n-handle-box-shadow-focus);
+ `,[(0,r.c)("&:hover",`
+ box-shadow: var(--n-handle-box-shadow-active);
+ `)])])])]),(0,r.cB)("slider-dots",`
+ position: absolute;
+ top: 50%;
+ left: calc(var(--n-handle-size) / 2);
+ right: calc(var(--n-handle-size) / 2);
+ `,[(0,r.cM)("transition-disabled",[(0,r.cB)("slider-dot","transition: none;")]),(0,r.cB)("slider-dot",`
+ transition:
+ border-color .3s var(--n-bezier),
+ box-shadow .3s var(--n-bezier),
+ background-color .3s var(--n-bezier);
+ position: absolute;
+ transform: translate(-50%, -50%);
+ height: var(--n-dot-height);
+ width: var(--n-dot-width);
+ border-radius: var(--n-dot-border-radius);
+ overflow: hidden;
+ box-sizing: border-box;
+ border: var(--n-dot-border);
+ background-color: var(--n-dot-color);
+ `,[(0,r.cM)("active","border: var(--n-dot-border-active);")])])]),(0,r.cB)("slider-handle-indicator",`
+ font-size: var(--n-font-size);
+ padding: 6px 10px;
+ border-radius: var(--n-indicator-border-radius);
+ color: var(--n-indicator-text-color);
+ background-color: var(--n-indicator-color);
+ box-shadow: var(--n-indicator-box-shadow);
+ `,[(0,ge.fadeInScaleUpTransition)()]),(0,r.cB)("slider-handle-indicator",`
+ font-size: var(--n-font-size);
+ padding: 6px 10px;
+ border-radius: var(--n-indicator-border-radius);
+ color: var(--n-indicator-text-color);
+ background-color: var(--n-indicator-color);
+ box-shadow: var(--n-indicator-box-shadow);
+ `,[(0,r.cM)("top",`
+ margin-bottom: 12px;
+ `),(0,r.cM)("right",`
+ margin-left: 12px;
+ `),(0,r.cM)("bottom",`
+ margin-top: 12px;
+ `),(0,r.cM)("left",`
+ margin-right: 12px;
+ `),(0,ge.fadeInScaleUpTransition)()]),(0,r.insideModal)((0,r.cB)("slider",[(0,r.cB)("slider-dot","background-color: var(--n-dot-color-modal);")])),(0,r.insidePopover)((0,r.cB)("slider",[(0,r.cB)("slider-dot","background-color: var(--n-dot-color-popover);")]))]);var q={};Object.defineProperty(q,"__esModule",{value:!0});q.isTouchEvent=vo;q.useRefs=mo;const fo=pe.require$$2;function vo(l){return window.TouchEvent&&l instanceof window.TouchEvent}function mo(){const l=new Map,m=d=>c=>{l.set(d,c)};return(0,fo.onBeforeUpdate)(()=>{l.clear()}),[l,m]}(function(l){var m=k.commonjsGlobal&&k.commonjsGlobal.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(l,"__esModule",{value:!0}),l.sliderProps=void 0;const d=M.require$$0$1,c=M.require$$1,n=pe.require$$2,p=M.require$$4,y=M._mixins,x=M._utils,V=_e,D=m(ne),S=q,K=0;l.sliderProps=Object.assign(Object.assign({},y.useTheme.props),{to:x.useAdjustedTo.propTo,defaultValue:{type:[Number,Array],default:0},marks:Object,disabled:{type:Boolean,default:void 0},formatTooltip:Function,keyboard:{type:Boolean,default:!0},min:{type:Number,default:0},max:{type:Number,default:100},step:{type:[Number,String],default:1},range:Boolean,value:[Number,Array],placement:String,showTooltip:{type:Boolean,default:void 0},tooltip:{type:Boolean,default:!0},vertical:Boolean,reverse:Boolean,"onUpdate:value":[Function,Array],onUpdateValue:[Function,Array],onDragstart:[Function],onDragend:[Function]}),l.default=(0,n.defineComponent)({name:"Slider",props:l.sliderProps,slots:Object,setup(a){const{mergedClsPrefixRef:u,namespaceRef:X,inlineThemeDisabled:R}=(0,y.useConfig)(a),h=(0,y.useTheme)("Slider","-slider",D.default,V.sliderLight,a,u),b=(0,n.ref)(null),[F,$]=(0,S.useRefs)(),[ye,Be]=(0,S.useRefs)(),ke=(0,n.ref)(new Set),ae=(0,y.useFormItem)(a),{mergedDisabledRef:O}=ae,le=(0,n.computed)(()=>{const{step:e}=a;if(Number(e)<=0||e==="mark")return 0;const o=e.toString();let t=0;return o.includes(".")&&(t=o.length-o.indexOf(".")-1),t}),Y=(0,n.ref)(a.defaultValue),Se=(0,n.toRef)(a,"value"),W=(0,c.useMergedState)(Se,Y),w=(0,n.computed)(()=>{const{value:e}=W;return(a.range?e:[e]).map(fe)}),ie=(0,n.computed)(()=>w.value.length>2),Ce=(0,n.computed)(()=>a.placement===void 0?a.vertical?"right":"top":a.placement),se=(0,n.computed)(()=>{const{marks:e}=a;return e?Object.keys(e).map(Number.parseFloat):null}),_=(0,n.ref)(-1),de=(0,n.ref)(-1),T=(0,n.ref)(-1),z=(0,n.ref)(!1),H=(0,n.ref)(!1),J=(0,n.computed)(()=>{const{vertical:e,reverse:o}=a;return e?o?"top":"bottom":o?"right":"left"}),Me=(0,n.computed)(()=>{if(ie.value)return;const e=w.value,o=I(a.range?Math.min(...e):a.min),t=I(a.range?Math.max(...e):e[0]),{value:i}=J;return a.vertical?{[i]:`${o}%`,height:`${t-o}%`}:{[i]:`${o}%`,width:`${t-o}%`}}),Re=(0,n.computed)(()=>{const e=[],{marks:o}=a;if(o){const t=w.value.slice();t.sort((g,v)=>g-v);const{value:i}=J,{value:s}=ie,{range:f}=a,B=s?()=>!1:g=>f?g>=t[0]&&g<=t[t.length-1]:g<=t[0];for(const g of Object.keys(o)){const v=Number(g);e.push({active:B(v),key:v,label:o[g],style:{[i]:`${I(v)}%`}})}}return e});function Te(e,o){const t=I(e),{value:i}=J;return{[i]:`${t}%`,zIndex:o===_.value?1:0}}function ce(e){return a.showTooltip||T.value===e||_.value===e&&z.value}function ze(e){return z.value?!(_.value===e&&de.value===e):!0}function De(e){var o;~e&&(_.value=e,(o=F.get(e))===null||o===void 0||o.focus())}function je(){ye.forEach((e,o)=>{ce(o)&&e.syncPosition()})}function ue(e){const{"onUpdate:value":o,onUpdateValue:t}=a,{nTriggerFormInput:i,nTriggerFormChange:s}=ae;t&&(0,x.call)(t,e),o&&(0,x.call)(o,e),Y.value=e,i(),s()}function he(e){const{range:o}=a;if(o){if(Array.isArray(e)){const{value:t}=w;e.join()!==t.join()&&ue(e)}}else Array.isArray(e)||w.value[0]!==e&&ue(e)}function Q(e,o){if(a.range){const t=w.value.slice();t.splice(o,1,e),he(t)}else he(e)}function Z(e,o,t){const i=t!==void 0;t||(t=e-o>0?1:-1);const s=se.value||[],{step:f}=a;if(f==="mark"){const v=A(e,s.concat(o),i?t:void 0);return v?v.value:o}if(f<=0)return o;const{value:B}=le;let g;if(i){const v=Number((o/f).toFixed(B)),C=Math.floor(v),ee=v>C?C:C-1,oe=v<C?C:C+1;g=A(o,[Number((ee*f).toFixed(B)),Number((oe*f).toFixed(B)),...s],t)}else{const v=Ve(e);g=A(e,[...s,v])}return g?fe(g.value):o}function fe(e){return Math.min(a.max,Math.max(a.min,e))}function I(e){const{max:o,min:t}=a;return(e-t)/(o-t)*100}function Pe(e){const{max:o,min:t}=a;return t+(o-t)*e}function Ve(e){const{step:o,min:t}=a;if(Number(o)<=0||o==="mark")return e;const i=Math.round((e-t)/o)*o+t;return Number(i.toFixed(le.value))}function A(e,o=se.value,t){if(!(o!=null&&o.length))return null;let i=null,s=-1;for(;++s<o.length;){const f=o[s]-e,B=Math.abs(f);(t===void 0||f*t>0)&&(i===null||B<i.distance)&&(i={index:s,distance:B,value:o[s]})}return i}function ve(e){const o=b.value;if(!o)return;const t=(0,S.isTouchEvent)(e)?e.touches[0]:e,i=o.getBoundingClientRect();let s;return a.vertical?s=(i.bottom-t.clientY)/i.height:s=(t.clientX-i.left)/i.width,a.reverse&&(s=1-s),Pe(s)}function $e(e){if(O.value||!a.keyboard)return;const{vertical:o,reverse:t}=a;switch(e.key){case"ArrowUp":e.preventDefault(),E(o&&t?-1:1);break;case"ArrowRight":e.preventDefault(),E(!o&&t?-1:1);break;case"ArrowDown":e.preventDefault(),E(o&&t?1:-1);break;case"ArrowLeft":e.preventDefault(),E(!o&&t?1:-1);break}}function E(e){const o=_.value;if(o===-1)return;const{step:t}=a,i=w.value[o],s=Number(t)<=0||t==="mark"?i:i+t*e;Q(Z(s,i,e>0?1:-1),o)}function Fe(e){var o,t;if(O.value||!(0,S.isTouchEvent)(e)&&e.button!==K)return;const i=ve(e);if(i===void 0)return;const s=w.value.slice(),f=a.range?(t=(o=A(i,s))===null||o===void 0?void 0:o.index)!==null&&t!==void 0?t:-1:0;f!==-1&&(e.preventDefault(),De(f),Oe(),Q(Z(i,w.value[f]),f))}function Oe(){z.value||(z.value=!0,a.onDragstart&&(0,x.call)(a.onDragstart),(0,d.on)("touchend",document,G),(0,d.on)("mouseup",document,G),(0,d.on)("touchmove",document,U),(0,d.on)("mousemove",document,U))}function N(){z.value&&(z.value=!1,a.onDragend&&(0,x.call)(a.onDragend),(0,d.off)("touchend",document,G),(0,d.off)("mouseup",document,G),(0,d.off)("touchmove",document,U),(0,d.off)("mousemove",document,U))}function U(e){const{value:o}=_;if(!z.value||o===-1){N();return}const t=ve(e);t!==void 0&&Q(Z(t,w.value[o]),o)}function G(){N()}function He(e){_.value=e,O.value||(T.value=e)}function Ie(e){_.value===e&&(_.value=-1,N()),T.value===e&&(T.value=-1)}function Ae(e){T.value=e}function Ee(e){T.value===e&&(T.value=-1)}(0,n.watch)(_,(e,o)=>void(0,n.nextTick)(()=>de.value=o)),(0,n.watch)(W,()=>{if(a.marks){if(H.value)return;H.value=!0,(0,n.nextTick)(()=>{H.value=!1})}(0,n.nextTick)(je)}),(0,n.onBeforeUnmount)(()=>{N()});const me=(0,n.computed)(()=>{const{self:{markFontSize:e,railColor:o,railColorHover:t,fillColor:i,fillColorHover:s,handleColor:f,opacityDisabled:B,dotColor:g,dotColorModal:v,handleBoxShadow:C,handleBoxShadowHover:ee,handleBoxShadowActive:oe,handleBoxShadowFocus:Ne,dotBorder:Ue,dotBoxShadow:Ge,railHeight:Le,railWidthVertical:qe,handleSize:Ke,dotHeight:Xe,dotWidth:Ye,dotBorderRadius:We,fontSize:Je,dotBorderActive:Qe,dotColorPopover:Ze},common:{cubicBezierEaseInOut:eo}}=h.value;return{"--n-bezier":eo,"--n-dot-border":Ue,"--n-dot-border-active":Qe,"--n-dot-border-radius":We,"--n-dot-box-shadow":Ge,"--n-dot-color":g,"--n-dot-color-modal":v,"--n-dot-color-popover":Ze,"--n-dot-height":Xe,"--n-dot-width":Ye,"--n-fill-color":i,"--n-fill-color-hover":s,"--n-font-size":Je,"--n-handle-box-shadow":C,"--n-handle-box-shadow-active":oe,"--n-handle-box-shadow-focus":Ne,"--n-handle-box-shadow-hover":ee,"--n-handle-color":f,"--n-handle-size":Ke,"--n-opacity-disabled":B,"--n-rail-color":o,"--n-rail-color-hover":t,"--n-rail-height":Le,"--n-rail-width-vertical":qe,"--n-mark-font-size":e}}),j=R?(0,y.useThemeClass)("slider",void 0,me,a):void 0,be=(0,n.computed)(()=>{const{self:{fontSize:e,indicatorColor:o,indicatorBoxShadow:t,indicatorTextColor:i,indicatorBorderRadius:s}}=h.value;return{"--n-font-size":e,"--n-indicator-border-radius":s,"--n-indicator-box-shadow":t,"--n-indicator-color":o,"--n-indicator-text-color":i}}),P=R?(0,y.useThemeClass)("slider-indicator",void 0,be,a):void 0;return{mergedClsPrefix:u,namespace:X,uncontrolledValue:Y,mergedValue:W,mergedDisabled:O,mergedPlacement:Ce,isMounted:(0,c.useIsMounted)(),adjustedTo:(0,x.useAdjustedTo)(a),dotTransitionDisabled:H,markInfos:Re,isShowTooltip:ce,shouldKeepTooltipTransition:ze,handleRailRef:b,setHandleRefs:$,setFollowerRefs:Be,fillStyle:Me,getHandleStyle:Te,activeIndex:_,arrifiedValues:w,followerEnabledIndexSet:ke,handleRailMouseDown:Fe,handleHandleFocus:He,handleHandleBlur:Ie,handleHandleMouseEnter:Ae,handleHandleMouseLeave:Ee,handleRailKeyDown:$e,indicatorCssVars:R?void 0:be,indicatorThemeClass:P==null?void 0:P.themeClass,indicatorOnRender:P==null?void 0:P.onRender,cssVars:R?void 0:me,themeClass:j==null?void 0:j.themeClass,onRender:j==null?void 0:j.onRender}},render(){var a;const{mergedClsPrefix:u,themeClass:X,formatTooltip:R}=this;return(a=this.onRender)===null||a===void 0||a.call(this),(0,n.h)("div",{class:[`${u}-slider`,X,{[`${u}-slider--disabled`]:this.mergedDisabled,[`${u}-slider--active`]:this.activeIndex!==-1,[`${u}-slider--with-mark`]:this.marks,[`${u}-slider--vertical`]:this.vertical,[`${u}-slider--reverse`]:this.reverse}],style:this.cssVars,onKeydown:this.handleRailKeyDown,onMousedown:this.handleRailMouseDown,onTouchstart:this.handleRailMouseDown},(0,n.h)("div",{class:`${u}-slider-rail`},(0,n.h)("div",{class:`${u}-slider-rail__fill`,style:this.fillStyle}),this.marks?(0,n.h)("div",{class:[`${u}-slider-dots`,this.dotTransitionDisabled&&`${u}-slider-dots--transition-disabled`]},this.markInfos.map(h=>(0,n.h)("div",{key:h.key,class:[`${u}-slider-dot`,{[`${u}-slider-dot--active`]:h.active}],style:h.style}))):null,(0,n.h)("div",{ref:"handleRailRef",class:`${u}-slider-handles`},this.arrifiedValues.map((h,b)=>{const F=this.isShowTooltip(b);return(0,n.h)(p.VBinder,null,{default:()=>[(0,n.h)(p.VTarget,null,{default:()=>(0,n.h)("div",{ref:this.setHandleRefs(b),class:`${u}-slider-handle-wrapper`,tabindex:this.mergedDisabled?-1:0,role:"slider","aria-valuenow":h,"aria-valuemin":this.min,"aria-valuemax":this.max,"aria-orientation":this.vertical?"vertical":"horizontal","aria-disabled":this.disabled,style:this.getHandleStyle(h,b),onFocus:()=>{this.handleHandleFocus(b)},onBlur:()=>{this.handleHandleBlur(b)},onMouseenter:()=>{this.handleHandleMouseEnter(b)},onMouseleave:()=>{this.handleHandleMouseLeave(b)}},(0,x.resolveSlot)(this.$slots.thumb,()=>[(0,n.h)("div",{class:`${u}-slider-handle`})]))}),this.tooltip&&(0,n.h)(p.VFollower,{ref:this.setFollowerRefs(b),show:F,to:this.adjustedTo,enabled:this.showTooltip&&!this.range||this.followerEnabledIndexSet.has(b),teleportDisabled:this.adjustedTo===x.useAdjustedTo.tdkey,placement:this.mergedPlacement,containerClass:this.namespace},{default:()=>(0,n.h)(n.Transition,{name:"fade-in-scale-up-transition",appear:this.isMounted,css:this.shouldKeepTooltipTransition(b),onEnter:()=>{this.followerEnabledIndexSet.add(b)},onAfterLeave:()=>{this.followerEnabledIndexSet.delete(b)}},{default:()=>{var $;return F?(($=this.indicatorOnRender)===null||$===void 0||$.call(this),(0,n.h)("div",{class:[`${u}-slider-handle-indicator`,this.indicatorThemeClass,`${u}-slider-handle-indicator--${this.mergedPlacement}`],style:this.indicatorCssVars},typeof R=="function"?R(h):h)):null}})})]})})),this.marks?(0,n.h)("div",{class:`${u}-slider-marks`},this.markInfos.map(h=>(0,n.h)("div",{key:h.key,class:`${u}-slider-mark`,style:h.style},typeof h.label=="function"?h.label():h.label))):null))}})})(we);(function(l){var m=k.commonjsGlobal&&k.commonjsGlobal.__importDefault||function(c){return c&&c.__esModule?c:{default:c}};Object.defineProperty(l,"__esModule",{value:!0}),l.sliderProps=l.NSlider=void 0;var d=we;Object.defineProperty(l,"NSlider",{enumerable:!0,get:function(){return m(d).default}}),Object.defineProperty(l,"sliderProps",{enumerable:!0,get:function(){return d.sliderProps}})})(xe);const bo=to({__proto__:null},[xe]);exports.index=bo;

package/dist/index-CqIGF1hQ.cjs

@@ -0,0 +1,86 @@
+"use strict";const M=require("./_commonjsHelpers-DwTZ_eVU.cjs"),T=require("./index-BU3ulVXO.cjs"),Oo=require("./_vue_commonjs-external-CccDNqHl.cjs"),fo=require("./index-t1QZ07qC.cjs"),Ro=require("./index-BtKa0UKV.cjs");var _o={},So={},oo={};Object.defineProperty(oo,"__esModule",{value:!0});oo.createHoverColor=ko;oo.createPressedColor=Wo;const To=T.require$$0;function ko(n){return(0,To.composite)(n,[255,255,255,.16])}function Wo(n){return(0,To.composite)(n,[0,0,0,.12])}var eo={};Object.defineProperty(eo,"__esModule",{value:!0});eo.buttonGroupInjectionKey=void 0;const No=T._utils;eo.buttonGroupInjectionKey=(0,No.createInjectionKey)("n-button-group");var yo={},vo={},Y={},ho={};Object.defineProperty(ho,"__esModule",{value:!0});ho.default={paddingTiny:"0 6px",paddingSmall:"0 10px",paddingMedium:"0 14px",paddingLarge:"0 18px",paddingRoundTiny:"0 10px",paddingRoundSmall:"0 14px",paddingRoundMedium:"0 18px",paddingRoundLarge:"0 22px",iconMarginTiny:"6px",iconMarginSmall:"6px",iconMarginMedium:"6px",iconMarginLarge:"6px",iconSizeTiny:"14px",iconSizeSmall:"18px",iconSizeMedium:"18px",iconSizeLarge:"20px",rippleDuration:".6s"};var qo=M.commonjsGlobal&&M.commonjsGlobal.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(Y,"__esModule",{value:!0});Y.self=Ho;const Lo=T.common,Qo=qo(ho);function Ho(n){const{heightTiny:h,heightSmall:P,heightMedium:D,heightLarge:a,borderRadius:p,fontSizeTiny:F,fontSizeSmall:ro,fontSizeMedium:r,fontSizeLarge:m,opacityDisabled:to,textColor2:g,textColor3:no,primaryColorHover:x,primaryColorPressed:H,borderColor:e,primaryColor:C,baseColor:s,infoColor:f,infoColorHover:y,infoColorPressed:k,successColor:_,successColorHover:S,successColorPressed:W,warningColor:z,warningColorHover:$,warningColorPressed:N,errorColor:B,errorColorHover:E,errorColorPressed:j,fontWeight:lo,buttonColor2:J,buttonColor2Hover:V,buttonColor2Pressed:q,fontWeightStrong:K}=n;return Object.assign(Object.assign({},Qo.default),{heightTiny:h,heightSmall:P,heightMedium:D,heightLarge:a,borderRadiusTiny:p,borderRadiusSmall:p,borderRadiusMedium:p,borderRadiusLarge:p,fontSizeTiny:F,fontSizeSmall:ro,fontSizeMedium:r,fontSizeLarge:m,opacityDisabled:to,colorOpacitySecondary:"0.16",colorOpacitySecondaryHover:"0.22",colorOpacitySecondaryPressed:"0.28",colorSecondary:J,colorSecondaryHover:V,colorSecondaryPressed:q,colorTertiary:J,colorTertiaryHover:V,colorTertiaryPressed:q,colorQuaternary:"#0000",colorQuaternaryHover:V,colorQuaternaryPressed:q,color:"#0000",colorHover:"#0000",colorPressed:"#0000",colorFocus:"#0000",colorDisabled:"#0000",textColor:g,textColorTertiary:no,textColorHover:x,textColorPressed:H,textColorFocus:x,textColorDisabled:g,textColorText:g,textColorTextHover:x,textColorTextPressed:H,textColorTextFocus:x,textColorTextDisabled:g,textColorGhost:g,textColorGhostHover:x,textColorGhostPressed:H,textColorGhostFocus:x,textColorGhostDisabled:g,border:`1px solid ${e}`,borderHover:`1px solid ${x}`,borderPressed:`1px solid ${H}`,borderFocus:`1px solid ${x}`,borderDisabled:`1px solid ${e}`,rippleColor:C,colorPrimary:C,colorHoverPrimary:x,colorPressedPrimary:H,colorFocusPrimary:x,colorDisabledPrimary:C,textColorPrimary:s,textColorHoverPrimary:s,textColorPressedPrimary:s,textColorFocusPrimary:s,textColorDisabledPrimary:s,textColorTextPrimary:C,textColorTextHoverPrimary:x,textColorTextPressedPrimary:H,textColorTextFocusPrimary:x,textColorTextDisabledPrimary:g,textColorGhostPrimary:C,textColorGhostHoverPrimary:x,textColorGhostPressedPrimary:H,textColorGhostFocusPrimary:x,textColorGhostDisabledPrimary:C,borderPrimary:`1px solid ${C}`,borderHoverPrimary:`1px solid ${x}`,borderPressedPrimary:`1px solid ${H}`,borderFocusPrimary:`1px solid ${x}`,borderDisabledPrimary:`1px solid ${C}`,rippleColorPrimary:C,colorInfo:f,colorHoverInfo:y,colorPressedInfo:k,colorFocusInfo:y,colorDisabledInfo:f,textColorInfo:s,textColorHoverInfo:s,textColorPressedInfo:s,textColorFocusInfo:s,textColorDisabledInfo:s,textColorTextInfo:f,textColorTextHoverInfo:y,textColorTextPressedInfo:k,textColorTextFocusInfo:y,textColorTextDisabledInfo:g,textColorGhostInfo:f,textColorGhostHoverInfo:y,textColorGhostPressedInfo:k,textColorGhostFocusInfo:y,textColorGhostDisabledInfo:f,borderInfo:`1px solid ${f}`,borderHoverInfo:`1px solid ${y}`,borderPressedInfo:`1px solid ${k}`,borderFocusInfo:`1px solid ${y}`,borderDisabledInfo:`1px solid ${f}`,rippleColorInfo:f,colorSuccess:_,colorHoverSuccess:S,colorPressedSuccess:W,colorFocusSuccess:S,colorDisabledSuccess:_,textColorSuccess:s,textColorHoverSuccess:s,textColorPressedSuccess:s,textColorFocusSuccess:s,textColorDisabledSuccess:s,textColorTextSuccess:_,textColorTextHoverSuccess:S,textColorTextPressedSuccess:W,textColorTextFocusSuccess:S,textColorTextDisabledSuccess:g,textColorGhostSuccess:_,textColorGhostHoverSuccess:S,textColorGhostPressedSuccess:W,textColorGhostFocusSuccess:S,textColorGhostDisabledSuccess:_,borderSuccess:`1px solid ${_}`,borderHoverSuccess:`1px solid ${S}`,borderPressedSuccess:`1px solid ${W}`,borderFocusSuccess:`1px solid ${S}`,borderDisabledSuccess:`1px solid ${_}`,rippleColorSuccess:_,colorWarning:z,colorHoverWarning:$,colorPressedWarning:N,colorFocusWarning:$,colorDisabledWarning:z,textColorWarning:s,textColorHoverWarning:s,textColorPressedWarning:s,textColorFocusWarning:s,textColorDisabledWarning:s,textColorTextWarning:z,textColorTextHoverWarning:$,textColorTextPressedWarning:N,textColorTextFocusWarning:$,textColorTextDisabledWarning:g,textColorGhostWarning:z,textColorGhostHoverWarning:$,textColorGhostPressedWarning:N,textColorGhostFocusWarning:$,textColorGhostDisabledWarning:z,borderWarning:`1px solid ${z}`,borderHoverWarning:`1px solid ${$}`,borderPressedWarning:`1px solid ${N}`,borderFocusWarning:`1px solid ${$}`,borderDisabledWarning:`1px solid ${z}`,rippleColorWarning:z,colorError:B,colorHoverError:E,colorPressedError:j,colorFocusError:E,colorDisabledError:B,textColorError:s,textColorHoverError:s,textColorPressedError:s,textColorFocusError:s,textColorDisabledError:s,textColorTextError:B,textColorTextHoverError:E,textColorTextPressedError:j,textColorTextFocusError:E,textColorTextDisabledError:g,textColorGhostError:B,textColorGhostHoverError:E,textColorGhostPressedError:j,textColorGhostFocusError:E,textColorGhostDisabledError:B,borderError:`1px solid ${B}`,borderHoverError:`1px solid ${E}`,borderPressedError:`1px solid ${j}`,borderFocusError:`1px solid ${E}`,borderDisabledError:`1px solid ${B}`,rippleColorError:B,waveOpacity:"0.6",fontWeight:lo,fontWeightStrong:K})}const Vo={name:"Button",common:Lo.commonLight,self:Ho};Y.default=Vo;Object.defineProperty(vo,"__esModule",{value:!0});const Xo=T.common,Yo=Y,Ao={name:"Button",common:Xo.commonDark,self(n){const h=(0,Yo.self)(n);return h.waveOpacity="0.8",h.colorOpacitySecondary="0.16",h.colorOpacitySecondaryHover="0.2",h.colorOpacitySecondaryPressed="0.12",h}};vo.default=Ao;var A={},po={};Object.defineProperty(po,"__esModule",{value:!0});const Q=T.cssr;po.default=(0,Q.cB)("button",[(0,Q.cM)("rtl",`
+ direction: rtl;
+ `,[(0,Q.cE)("icon",{margin:"var(--n-icon-margin)",marginRight:0}),(0,Q.cE)("content",[(0,Q.c)("~",[(0,Q.cE)("icon",{margin:"var(--n-icon-margin)",marginLeft:0})])])])]);var Jo=M.commonjsGlobal&&M.commonjsGlobal.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(A,"__esModule",{value:!0});A.buttonRtl=void 0;const Uo=Jo(po);A.buttonRtl={name:"Button",style:Uo.default};(function(n){var h=M.commonjsGlobal&&M.commonjsGlobal.__importDefault||function(p){return p&&p.__esModule?p:{default:p}};Object.defineProperty(n,"__esModule",{value:!0}),n.buttonRtl=n.buttonLight=n.buttonDark=void 0;var P=vo;Object.defineProperty(n,"buttonDark",{enumerable:!0,get:function(){return h(P).default}});var D=Y;Object.defineProperty(n,"buttonLight",{enumerable:!0,get:function(){return h(D).default}});var a=A;Object.defineProperty(n,"buttonRtl",{enumerable:!0,get:function(){return a.buttonRtl}})})(yo);var Co={};Object.defineProperty(Co,"__esModule",{value:!0});const Zo=fo.fadeInWidthExpand_cssr,oe=fo.iconSwitch_cssr,ee=T._utils,t=T.cssr;Co.default=(0,t.c)([(0,t.cB)("button",`
+ margin: 0;
+ font-weight: var(--n-font-weight);
+ line-height: 1;
+ font-family: inherit;
+ padding: var(--n-padding);
+ height: var(--n-height);
+ font-size: var(--n-font-size);
+ border-radius: var(--n-border-radius);
+ color: var(--n-text-color);
+ background-color: var(--n-color);
+ width: var(--n-width);
+ white-space: nowrap;
+ outline: none;
+ position: relative;
+ z-index: auto;
+ border: none;
+ display: inline-flex;
+ flex-wrap: nowrap;
+ flex-shrink: 0;
+ align-items: center;
+ justify-content: center;
+ user-select: none;
+ -webkit-user-select: none;
+ text-align: center;
+ cursor: pointer;
+ text-decoration: none;
+ transition:
+ color .3s var(--n-bezier),
+ background-color .3s var(--n-bezier),
+ opacity .3s var(--n-bezier),
+ border-color .3s var(--n-bezier);
+ `,[(0,t.cM)("color",[(0,t.cE)("border",{borderColor:"var(--n-border-color)"}),(0,t.cM)("disabled",[(0,t.cE)("border",{borderColor:"var(--n-border-color-disabled)"})]),(0,t.cNotM)("disabled",[(0,t.c)("&:focus",[(0,t.cE)("state-border",{borderColor:"var(--n-border-color-focus)"})]),(0,t.c)("&:hover",[(0,t.cE)("state-border",{borderColor:"var(--n-border-color-hover)"})]),(0,t.c)("&:active",[(0,t.cE)("state-border",{borderColor:"var(--n-border-color-pressed)"})]),(0,t.cM)("pressed",[(0,t.cE)("state-border",{borderColor:"var(--n-border-color-pressed)"})])])]),(0,t.cM)("disabled",{backgroundColor:"var(--n-color-disabled)",color:"var(--n-text-color-disabled)"},[(0,t.cE)("border",{border:"var(--n-border-disabled)"})]),(0,t.cNotM)("disabled",[(0,t.c)("&:focus",{backgroundColor:"var(--n-color-focus)",color:"var(--n-text-color-focus)"},[(0,t.cE)("state-border",{border:"var(--n-border-focus)"})]),(0,t.c)("&:hover",{backgroundColor:"var(--n-color-hover)",color:"var(--n-text-color-hover)"},[(0,t.cE)("state-border",{border:"var(--n-border-hover)"})]),(0,t.c)("&:active",{backgroundColor:"var(--n-color-pressed)",color:"var(--n-text-color-pressed)"},[(0,t.cE)("state-border",{border:"var(--n-border-pressed)"})]),(0,t.cM)("pressed",{backgroundColor:"var(--n-color-pressed)",color:"var(--n-text-color-pressed)"},[(0,t.cE)("state-border",{border:"var(--n-border-pressed)"})])]),(0,t.cM)("loading","cursor: wait;"),(0,t.cB)("base-wave",`
+ pointer-events: none;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ animation-iteration-count: 1;
+ animation-duration: var(--n-ripple-duration);
+ animation-timing-function: var(--n-bezier-ease-out), var(--n-bezier-ease-out);
+ `,[(0,t.cM)("active",{zIndex:1,animationName:"button-wave-spread, button-wave-opacity"})]),ee.isBrowser&&"MozBoxSizing"in document.createElement("div").style?(0,t.c)("&::moz-focus-inner",{border:0}):null,(0,t.cE)("border, state-border",`
+ position: absolute;
+ left: 0;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ border-radius: inherit;
+ transition: border-color .3s var(--n-bezier);
+ pointer-events: none;
+ `),(0,t.cE)("border",`
+ border: var(--n-border);
+ `),(0,t.cE)("state-border",`
+ border: var(--n-border);
+ border-color: #0000;
+ z-index: 1;
+ `),(0,t.cE)("icon",`
+ margin: var(--n-icon-margin);
+ margin-left: 0;
+ height: var(--n-icon-size);
+ width: var(--n-icon-size);
+ max-width: var(--n-icon-size);
+ font-size: var(--n-icon-size);
+ position: relative;
+ flex-shrink: 0;
+ `,[(0,t.cB)("icon-slot",`
+ height: var(--n-icon-size);
+ width: var(--n-icon-size);
+ position: absolute;
+ left: 0;
+ top: 50%;
+ transform: translateY(-50%);
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ `,[(0,oe.iconSwitchTransition)({top:"50%",originalTransform:"translateY(-50%)"})]),(0,Zo.fadeInWidthExpandTransition)()]),(0,t.cE)("content",`
+ display: flex;
+ align-items: center;
+ flex-wrap: nowrap;
+ min-width: 0;
+ `,[(0,t.c)("~",[(0,t.cE)("icon",{margin:"var(--n-icon-margin)",marginRight:0})])]),(0,t.cM)("block",`
+ display: flex;
+ width: 100%;
+ `),(0,t.cM)("dashed",[(0,t.cE)("border, state-border",{borderStyle:"dashed !important"})]),(0,t.cM)("disabled",{cursor:"not-allowed",opacity:"var(--n-opacity-disabled)"})]),(0,t.c)("@keyframes button-wave-spread",{from:{boxShadow:"0 0 0.5px 0 var(--n-ripple-color)"},to:{boxShadow:"0 0 0.5px 4.5px var(--n-ripple-color)"}}),(0,t.c)("@keyframes button-wave-opacity",{from:{opacity:"var(--n-wave-opacity)"},to:{opacity:0}})]);(function(n){var h=M.commonjsGlobal&&M.commonjsGlobal.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0}),n.XButton=n.buttonProps=void 0;const P=T.require$$0,D=T.require$$1,a=Oo.require$$2,p=fo._internal,F=T._mixins,ro=T.useRtl,r=T._utils,m=oo,to=Ro.browser,g=eo,no=yo,x=h(Co);n.buttonProps=Object.assign(Object.assign({},F.useTheme.props),{color:String,textColor:String,text:Boolean,block:Boolean,loading:Boolean,disabled:Boolean,circle:Boolean,size:String,ghost:Boolean,round:Boolean,secondary:Boolean,tertiary:Boolean,quaternary:Boolean,strong:Boolean,focusable:{type:Boolean,default:!0},keyboard:{type:Boolean,default:!0},tag:{type:String,default:"button"},type:{type:String,default:"default"},dashed:Boolean,renderIcon:Function,iconPlacement:{type:String,default:"left"},attrType:{type:String,default:"button"},bordered:{type:Boolean,default:!0},onClick:[Function,Array],nativeFocusBehavior:{type:Boolean,default:!to.isSafari}});const H=(0,a.defineComponent)({name:"Button",props:n.buttonProps,slots:Object,setup(e){process.env.NODE_ENV!=="production"&&(0,a.watchEffect)(()=>{const{dashed:l,ghost:b,text:w,secondary:o,tertiary:X,quaternary:L}=e;(l||b||w)&&(o||X||L)&&(0,r.warnOnce)("button","`dashed`, `ghost` and `text` props can't be used along with `secondary`, `tertiary` and `quaternary` props.")});const C=(0,a.ref)(null),s=(0,a.ref)(null),f=(0,a.ref)(!1),y=(0,D.useMemo)(()=>!e.quaternary&&!e.tertiary&&!e.secondary&&!e.text&&(!e.color||e.ghost||e.dashed)&&e.bordered),k=(0,a.inject)(g.buttonGroupInjectionKey,{}),{mergedSizeRef:_}=(0,F.useFormItem)({},{defaultSize:"medium",mergedSize:l=>{const{size:b}=e;if(b)return b;const{size:w}=k;if(w)return w;const{mergedSize:o}=l||{};return o?o.value:"medium"}}),S=(0,a.computed)(()=>e.focusable&&!e.disabled),W=l=>{var b;S.value||l.preventDefault(),!e.nativeFocusBehavior&&(l.preventDefault(),!e.disabled&&S.value&&((b=C.value)===null||b===void 0||b.focus({preventScroll:!0})))},z=l=>{var b;if(!e.disabled&&!e.loading){const{onClick:w}=e;w&&(0,r.call)(w,l),e.text||(b=s.value)===null||b===void 0||b.play()}},$=l=>{switch(l.key){case"Enter":if(!e.keyboard)return;f.value=!1}},N=l=>{switch(l.key){case"Enter":if(!e.keyboard||e.loading){l.preventDefault();return}f.value=!0}},B=()=>{f.value=!1},{inlineThemeDisabled:E,mergedClsPrefixRef:j,mergedRtlRef:lo}=(0,F.useConfig)(e),J=(0,F.useTheme)("Button","-button",x.default,no.buttonLight,e,j),V=(0,ro.useRtl)("Button",lo,j),q=(0,a.computed)(()=>{const l=J.value,{common:{cubicBezierEaseInOut:b,cubicBezierEaseOut:w},self:o}=l,{rippleDuration:X,opacityDisabled:L,fontWeight:so,fontWeightStrong:io}=o,G=_.value,{dashed:ao,type:O,ghost:co,text:I,color:c,round:mo,circle:uo,textColor:R,secondary:Eo,tertiary:go,quaternary:wo,strong:Do}=e,zo={"--n-font-weight":Do?io:so};let d={"--n-color":"initial","--n-color-hover":"initial","--n-color-pressed":"initial","--n-color-focus":"initial","--n-color-disabled":"initial","--n-ripple-color":"initial","--n-text-color":"initial","--n-text-color-hover":"initial","--n-text-color-pressed":"initial","--n-text-color-focus":"initial","--n-text-color-disabled":"initial"};const U=O==="tertiary",Po=O==="default",i=U?"default":O;if(I){const u=R||c;d={"--n-color":"#0000","--n-color-hover":"#0000","--n-color-pressed":"#0000","--n-color-focus":"#0000","--n-color-disabled":"#0000","--n-ripple-color":"#0000","--n-text-color":u||o[(0,r.createKey)("textColorText",i)],"--n-text-color-hover":u?(0,m.createHoverColor)(u):o[(0,r.createKey)("textColorTextHover",i)],"--n-text-color-pressed":u?(0,m.createPressedColor)(u):o[(0,r.createKey)("textColorTextPressed",i)],"--n-text-color-focus":u?(0,m.createHoverColor)(u):o[(0,r.createKey)("textColorTextHover",i)],"--n-text-color-disabled":u||o[(0,r.createKey)("textColorTextDisabled",i)]}}else if(co||ao){const u=R||c;d={"--n-color":"#0000","--n-color-hover":"#0000","--n-color-pressed":"#0000","--n-color-focus":"#0000","--n-color-disabled":"#0000","--n-ripple-color":c||o[(0,r.createKey)("rippleColor",i)],"--n-text-color":u||o[(0,r.createKey)("textColorGhost",i)],"--n-text-color-hover":u?(0,m.createHoverColor)(u):o[(0,r.createKey)("textColorGhostHover",i)],"--n-text-color-pressed":u?(0,m.createPressedColor)(u):o[(0,r.createKey)("textColorGhostPressed",i)],"--n-text-color-focus":u?(0,m.createHoverColor)(u):o[(0,r.createKey)("textColorGhostHover",i)],"--n-text-color-disabled":u||o[(0,r.createKey)("textColorGhostDisabled",i)]}}else if(Eo){const u=Po?o.textColor:U?o.textColorTertiary:o[(0,r.createKey)("color",i)],v=c||u,Z=O!=="default"&&O!=="tertiary";d={"--n-color":Z?(0,P.changeColor)(v,{alpha:Number(o.colorOpacitySecondary)}):o.colorSecondary,"--n-color-hover":Z?(0,P.changeColor)(v,{alpha:Number(o.colorOpacitySecondaryHover)}):o.colorSecondaryHover,"--n-color-pressed":Z?(0,P.changeColor)(v,{alpha:Number(o.colorOpacitySecondaryPressed)}):o.colorSecondaryPressed,"--n-color-focus":Z?(0,P.changeColor)(v,{alpha:Number(o.colorOpacitySecondaryHover)}):o.colorSecondaryHover,"--n-color-disabled":o.colorSecondary,"--n-ripple-color":"#0000","--n-text-color":v,"--n-text-color-hover":v,"--n-text-color-pressed":v,"--n-text-color-focus":v,"--n-text-color-disabled":v}}else if(go||wo){const u=Po?o.textColor:U?o.textColorTertiary:o[(0,r.createKey)("color",i)],v=c||u;go?(d["--n-color"]=o.colorTertiary,d["--n-color-hover"]=o.colorTertiaryHover,d["--n-color-pressed"]=o.colorTertiaryPressed,d["--n-color-focus"]=o.colorSecondaryHover,d["--n-color-disabled"]=o.colorTertiary):(d["--n-color"]=o.colorQuaternary,d["--n-color-hover"]=o.colorQuaternaryHover,d["--n-color-pressed"]=o.colorQuaternaryPressed,d["--n-color-focus"]=o.colorQuaternaryHover,d["--n-color-disabled"]=o.colorQuaternary),d["--n-ripple-color"]="#0000",d["--n-text-color"]=v,d["--n-text-color-hover"]=v,d["--n-text-color-pressed"]=v,d["--n-text-color-focus"]=v,d["--n-text-color-disabled"]=v}else d={"--n-color":c||o[(0,r.createKey)("color",i)],"--n-color-hover":c?(0,m.createHoverColor)(c):o[(0,r.createKey)("colorHover",i)],"--n-color-pressed":c?(0,m.createPressedColor)(c):o[(0,r.createKey)("colorPressed",i)],"--n-color-focus":c?(0,m.createHoverColor)(c):o[(0,r.createKey)("colorFocus",i)],"--n-color-disabled":c||o[(0,r.createKey)("colorDisabled",i)],"--n-ripple-color":c||o[(0,r.createKey)("rippleColor",i)],"--n-text-color":R||(c?o.textColorPrimary:U?o.textColorTertiary:o[(0,r.createKey)("textColor",i)]),"--n-text-color-hover":R||(c?o.textColorHoverPrimary:o[(0,r.createKey)("textColorHover",i)]),"--n-text-color-pressed":R||(c?o.textColorPressedPrimary:o[(0,r.createKey)("textColorPressed",i)]),"--n-text-color-focus":R||(c?o.textColorFocusPrimary:o[(0,r.createKey)("textColorFocus",i)]),"--n-text-color-disabled":R||(c?o.textColorDisabledPrimary:o[(0,r.createKey)("textColorDisabled",i)])};let bo={"--n-border":"initial","--n-border-hover":"initial","--n-border-pressed":"initial","--n-border-focus":"initial","--n-border-disabled":"initial"};I?bo={"--n-border":"none","--n-border-hover":"none","--n-border-pressed":"none","--n-border-focus":"none","--n-border-disabled":"none"}:bo={"--n-border":o[(0,r.createKey)("border",i)],"--n-border-hover":o[(0,r.createKey)("borderHover",i)],"--n-border-pressed":o[(0,r.createKey)("borderPressed",i)],"--n-border-focus":o[(0,r.createKey)("borderFocus",i)],"--n-border-disabled":o[(0,r.createKey)("borderDisabled",i)]};const{[(0,r.createKey)("height",G)]:xo,[(0,r.createKey)("fontSize",G)]:$o,[(0,r.createKey)("padding",G)]:Bo,[(0,r.createKey)("paddingRound",G)]:Go,[(0,r.createKey)("iconSize",G)]:Mo,[(0,r.createKey)("borderRadius",G)]:jo,[(0,r.createKey)("iconMargin",G)]:Ko,waveOpacity:Io}=o,Fo={"--n-width":uo&&!I?xo:"initial","--n-height":I?"initial":xo,"--n-font-size":$o,"--n-padding":uo||I?"initial":mo?Go:Bo,"--n-icon-size":Mo,"--n-icon-margin":Ko,"--n-border-radius":I?"initial":uo||mo?xo:jo};return Object.assign(Object.assign(Object.assign(Object.assign({"--n-bezier":b,"--n-bezier-ease-out":w,"--n-ripple-duration":X,"--n-opacity-disabled":L,"--n-wave-opacity":Io},zo),d),bo),Fo)}),K=E?(0,F.useThemeClass)("button",(0,a.computed)(()=>{let l="";const{dashed:b,type:w,ghost:o,text:X,color:L,round:so,circle:io,textColor:G,secondary:ao,tertiary:O,quaternary:co,strong:I}=e;b&&(l+="a"),o&&(l+="b"),X&&(l+="c"),so&&(l+="d"),io&&(l+="e"),ao&&(l+="f"),O&&(l+="g"),co&&(l+="h"),I&&(l+="i"),L&&(l+=`j${(0,r.color2Class)(L)}`),G&&(l+=`k${(0,r.color2Class)(G)}`);const{value:c}=_;return l+=`l${c[0]}`,l+=`m${w[0]}`,l}),q,e):void 0;return{selfElRef:C,waveElRef:s,mergedClsPrefix:j,mergedFocusable:S,mergedSize:_,showBorder:y,enterPressed:f,rtlEnabled:V,handleMousedown:W,handleKeydown:N,handleBlur:B,handleKeyup:$,handleClick:z,customColorCssVars:(0,a.computed)(()=>{const{color:l}=e;if(!l)return null;const b=(0,m.createHoverColor)(l);return{"--n-border-color":l,"--n-border-color-hover":b,"--n-border-color-pressed":(0,m.createPressedColor)(l),"--n-border-color-focus":b,"--n-border-color-disabled":l}}),cssVars:E?void 0:q,themeClass:K==null?void 0:K.themeClass,onRender:K==null?void 0:K.onRender}},render(){const{mergedClsPrefix:e,tag:C,onRender:s}=this;s==null||s();const f=(0,r.resolveWrappedSlot)(this.$slots.default,y=>y&&(0,a.h)("span",{class:`${e}-button__content`},y));return(0,a.h)(C,{ref:"selfElRef",class:[this.themeClass,`${e}-button`,`${e}-button--${this.type}-type`,`${e}-button--${this.mergedSize}-type`,this.rtlEnabled&&`${e}-button--rtl`,this.disabled&&`${e}-button--disabled`,this.block&&`${e}-button--block`,this.enterPressed&&`${e}-button--pressed`,!this.text&&this.dashed&&`${e}-button--dashed`,this.color&&`${e}-button--color`,this.secondary&&`${e}-button--secondary`,this.loading&&`${e}-button--loading`,this.ghost&&`${e}-button--ghost`],tabindex:this.mergedFocusable?0:-1,type:this.attrType,style:this.cssVars,disabled:this.disabled,onClick:this.handleClick,onBlur:this.handleBlur,onMousedown:this.handleMousedown,onKeyup:this.handleKeyup,onKeydown:this.handleKeydown},this.iconPlacement==="right"&&f,(0,a.h)(p.NFadeInExpandTransition,{width:!0},{default:()=>(0,r.resolveWrappedSlot)(this.$slots.icon,y=>(this.loading||this.renderIcon||y)&&(0,a.h)("span",{class:`${e}-button__icon`,style:{margin:(0,r.isSlotEmpty)(this.$slots.default)?"0":""}},(0,a.h)(p.NIconSwitchTransition,null,{default:()=>this.loading?(0,a.h)(p.NBaseLoading,{clsPrefix:e,key:"loading",class:`${e}-icon-slot`,strokeWidth:20}):(0,a.h)("div",{key:"icon",class:`${e}-icon-slot`,role:"none"},this.renderIcon?this.renderIcon():y)})))}),this.iconPlacement==="left"&&f,this.text?null:(0,a.h)(p.NBaseWave,{ref:"waveElRef",clsPrefix:e}),this.showBorder?(0,a.h)("div",{"aria-hidden":!0,class:`${e}-button__border`,style:this.customColorCssVars}):null,this.showBorder?(0,a.h)("div",{"aria-hidden":!0,class:`${e}-button__state-border`,style:this.customColorCssVars}):null)}});n.default=H,n.XButton=H})(So);(function(n){var h=M.commonjsGlobal&&M.commonjsGlobal.__importDefault||function(D){return D&&D.__esModule?D:{default:D}};Object.defineProperty(n,"__esModule",{value:!0}),n.NxButton=n.NButton=n.buttonProps=void 0;var P=So;Object.defineProperty(n,"buttonProps",{enumerable:!0,get:function(){return P.buttonProps}}),Object.defineProperty(n,"NButton",{enumerable:!0,get:function(){return h(P).default}}),Object.defineProperty(n,"NxButton",{enumerable:!0,get:function(){return P.XButton}})})(_o);exports.button=_o;exports.rtl=A;exports.styles=yo;