epic-designer-gold 1.0.30 → 1.0.32

package/dist/index-BVGB9juO.cjs

@@ -0,0 +1,352 @@
+"use strict";const X=require("./_commonjsHelpers-DwTZ_eVU.cjs"),fe=require("./_vue_commonjs-external-CccDNqHl.cjs"),Be=require("./index-t1QZ07qC.cjs"),R=require("./index-BU3ulVXO.cjs");function vt(o,l){for(var c=0;c<l.length;c++){const b=l[c];if(typeof b!="string"&&!Array.isArray(b)){for(const f in b)if(f!=="default"&&!(f in o)){const n=Object.getOwnPropertyDescriptor(b,f);n&&Object.defineProperty(o,f,n.get?n:{enumerable:!0,get:()=>b[f]})}}}return Object.freeze(Object.defineProperty(o,Symbol.toStringTag,{value:"Module"}))}var we={},pe={},ae={};Object.defineProperty(ae,"__esModule",{value:!0});ae.tabsInjectionKey=void 0;const gt=R._utils;ae.tabsInjectionKey=(0,gt.createInjectionKey)("n-tabs");var ue={};(function(o){Object.defineProperty(o,"__esModule",{value:!0}),o.tabPaneProps=void 0;const l=fe.require$$2,c=R._utils,b=ae;o.tabPaneProps={tab:[String,Number,Object,Function],name:{type:[String,Number],required:!0},disabled:Boolean,displayDirective:{type:String,default:"if"},closable:{type:Boolean,default:void 0},tabProps:Object,label:[String,Number,Object,Function]},o.default=(0,l.defineComponent)({__TAB_PANE__:!0,name:"TabPane",alias:["TabPanel"],props:o.tabPaneProps,slots:Object,setup(f){process.env.NODE_ENV!=="production"&&(0,l.watchEffect)(()=>{f.label!==void 0&&(0,c.warnOnce)("tab-pane","`label` is deprecated, please use `tab` instead.")});const n=(0,l.inject)(b.tabsInjectionKey,null);return n||(0,c.throwError)("tab-pane","`n-tab-pane` must be placed inside `n-tabs`."),{style:n.paneStyleRef,class:n.paneClassRef,mergedClsPrefix:n.mergedClsPrefixRef}},render(){return(0,l.h)("div",{class:[`${this.mergedClsPrefix}-tab-pane`,this.class],style:this.style},this.$slots)}})})(ue);(function(o){Object.defineProperty(o,"__esModule",{value:!0}),o.tabProps=void 0;const l=fe.require$$2,c=Be._internal,b=Be.icons,f=R._utils,n=ae,F=ue;o.tabProps=Object.assign({internalLeftPadded:Boolean,internalAddable:Boolean,internalCreatedByPane:Boolean},(0,f.omit)(F.tabPaneProps,["displayDirective"])),o.default=(0,l.defineComponent)({__TAB__:!0,inheritAttrs:!1,name:"Tab",props:o.tabProps,setup(u){const{mergedClsPrefixRef:s,valueRef:P,typeRef:V,closableRef:G,tabStyleRef:$,addTabStyleRef:_,tabClassRef:O,addTabClassRef:D,tabChangeIdRef:W,onBeforeLeaveRef:z,triggerRef:a,handleAdd:h,activateTab:x,handleClose:A}=(0,l.inject)(n.tabsInjectionKey);return{trigger:a,mergedClosable:(0,l.computed)(()=>{if(u.internalAddable)return!1;const{closable:v}=u;return v===void 0?G.value:v}),style:$,addStyle:_,tabClass:O,addTabClass:D,clsPrefix:s,value:P,type:V,handleClose(v){v.stopPropagation(),!u.disabled&&A(u.name)},activateTab(){if(u.disabled)return;if(u.internalAddable){h();return}const{name:v}=u,H=++W.id;if(v!==P.value){const{value:m}=z;m?Promise.resolve(m(u.name,P.value)).then(S=>{S&&W.id===H&&x(v)}):x(v)}}}},render(){const{internalAddable:u,clsPrefix:s,name:P,disabled:V,label:G,tab:$,value:_,mergedClosable:O,trigger:D,$slots:{default:W}}=this,z=G??$;return(0,l.h)("div",{class:`${s}-tabs-tab-wrapper`},this.internalLeftPadded?(0,l.h)("div",{class:`${s}-tabs-tab-pad`}):null,(0,l.h)("div",Object.assign({key:P,"data-name":P,"data-disabled":V?!0:void 0},(0,l.mergeProps)({class:[`${s}-tabs-tab`,_===P&&`${s}-tabs-tab--active`,V&&`${s}-tabs-tab--disabled`,O&&`${s}-tabs-tab--closable`,u&&`${s}-tabs-tab--addable`,u?this.addTabClass:this.tabClass],onClick:D==="click"?this.activateTab:void 0,onMouseenter:D==="hover"?this.activateTab:void 0,style:u?this.addStyle:this.style},this.internalCreatedByPane?this.tabProps||{}:this.$attrs)),(0,l.h)("span",{class:`${s}-tabs-tab__label`},u?(0,l.h)(l.Fragment,null,(0,l.h)("div",{class:`${s}-tabs-tab__height-placeholder`}," "),(0,l.h)(c.NBaseIcon,{clsPrefix:s},{default:()=>(0,l.h)(b.AddIcon,null)})):W?W():typeof z=="object"?z:(0,f.render)(z??P)),O&&this.type==="card"?(0,l.h)(c.NBaseClose,{clsPrefix:s,class:`${s}-tabs-tab__close`,onClick:this.handleClose,disabled:V}):null))}})})(pe);var Te={},Re={},ve={},oe={},ge={};Object.defineProperty(ge,"__esModule",{value:!0});ge.default={tabFontSizeSmall:"14px",tabFontSizeMedium:"14px",tabFontSizeLarge:"16px",tabGapSmallLine:"36px",tabGapMediumLine:"36px",tabGapLargeLine:"36px",tabGapSmallLineVertical:"8px",tabGapMediumLineVertical:"8px",tabGapLargeLineVertical:"8px",tabPaddingSmallLine:"6px 0",tabPaddingMediumLine:"10px 0",tabPaddingLargeLine:"14px 0",tabPaddingVerticalSmallLine:"6px 12px",tabPaddingVerticalMediumLine:"8px 16px",tabPaddingVerticalLargeLine:"10px 20px",tabGapSmallBar:"36px",tabGapMediumBar:"36px",tabGapLargeBar:"36px",tabGapSmallBarVertical:"8px",tabGapMediumBarVertical:"8px",tabGapLargeBarVertical:"8px",tabPaddingSmallBar:"4px 0",tabPaddingMediumBar:"6px 0",tabPaddingLargeBar:"10px 0",tabPaddingVerticalSmallBar:"6px 12px",tabPaddingVerticalMediumBar:"8px 16px",tabPaddingVerticalLargeBar:"10px 20px",tabGapSmallCard:"4px",tabGapMediumCard:"4px",tabGapLargeCard:"4px",tabGapSmallCardVertical:"4px",tabGapMediumCardVertical:"4px",tabGapLargeCardVertical:"4px",tabPaddingSmallCard:"8px 16px",tabPaddingMediumCard:"10px 20px",tabPaddingLargeCard:"12px 24px",tabPaddingSmallSegment:"4px 0",tabPaddingMediumSegment:"6px 0",tabPaddingLargeSegment:"8px 0",tabPaddingVerticalLargeSegment:"0 8px",tabPaddingVerticalSmallCard:"8px 12px",tabPaddingVerticalMediumCard:"10px 16px",tabPaddingVerticalLargeCard:"12px 20px",tabPaddingVerticalSmallSegment:"0 4px",tabPaddingVerticalMediumSegment:"0 6px",tabGapSmallSegment:"0",tabGapMediumSegment:"0",tabGapLargeSegment:"0",tabGapSmallSegmentVertical:"0",tabGapMediumSegmentVertical:"0",tabGapLargeSegmentVertical:"0",panePaddingSmall:"8px 0 0 0",panePaddingMedium:"12px 0 0 0",panePaddingLarge:"16px 0 0 0",closeSize:"18px",closeIconSize:"14px"};var ht=X.commonjsGlobal&&X.commonjsGlobal.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(oe,"__esModule",{value:!0});oe.self=ze;const mt=R.common,xt=ht(ge);function ze(o){const{textColor2:l,primaryColor:c,textColorDisabled:b,closeIconColor:f,closeIconColorHover:n,closeIconColorPressed:F,closeColorHover:u,closeColorPressed:s,tabColor:P,baseColor:V,dividerColor:G,fontWeight:$,textColor1:_,borderRadius:O,fontSize:D,fontWeightStrong:W}=o;return Object.assign(Object.assign({},xt.default),{colorSegment:P,tabFontSizeCard:D,tabTextColorLine:_,tabTextColorActiveLine:c,tabTextColorHoverLine:c,tabTextColorDisabledLine:b,tabTextColorSegment:_,tabTextColorActiveSegment:l,tabTextColorHoverSegment:l,tabTextColorDisabledSegment:b,tabTextColorBar:_,tabTextColorActiveBar:c,tabTextColorHoverBar:c,tabTextColorDisabledBar:b,tabTextColorCard:_,tabTextColorHoverCard:_,tabTextColorActiveCard:c,tabTextColorDisabledCard:b,barColor:c,closeIconColor:f,closeIconColorHover:n,closeIconColorPressed:F,closeColorHover:u,closeColorPressed:s,closeBorderRadius:O,tabColor:P,tabColorSegment:V,tabBorderColor:G,tabFontWeightActive:$,tabFontWeight:$,tabBorderRadius:O,paneTextColor:l,fontWeightStrong:W})}const yt={name:"Tabs",common:mt.commonLight,self:ze};oe.default=yt;Object.defineProperty(ve,"__esModule",{value:!0});const Ct=R.common,Pt=oe,_t={name:"Tabs",common:Ct.commonDark,self(o){const l=(0,Pt.self)(o),{inputColor:c}=o;return l.colorSegment=c,l.tabColorSegment=c,l}};ve.default=_t;(function(o){var l=X.commonjsGlobal&&X.commonjsGlobal.__importDefault||function(f){return f&&f.__esModule?f:{default:f}};Object.defineProperty(o,"__esModule",{value:!0}),o.tabsLight=o.tabsDark=void 0;var c=ve;Object.defineProperty(o,"tabsDark",{enumerable:!0,get:function(){return l(c).default}});var b=oe;Object.defineProperty(o,"tabsLight",{enumerable:!0,get:function(){return l(b).default}})})(Re);var he={};Object.defineProperty(he,"__esModule",{value:!0});const e=R.cssr;he.default=(0,e.cB)("tabs",`
+ box-sizing: border-box;
+ width: 100%;
+ display: flex;
+ flex-direction: column;
+ transition:
+ background-color .3s var(--n-bezier),
+ border-color .3s var(--n-bezier);
+`,[(0,e.cM)("segment-type",[(0,e.cB)("tabs-rail",[(0,e.c)("&.transition-disabled",[(0,e.cB)("tabs-capsule",`
+ transition: none;
+ `)])])]),(0,e.cM)("top",[(0,e.cB)("tab-pane",`
+ padding: var(--n-pane-padding-top) var(--n-pane-padding-right) var(--n-pane-padding-bottom) var(--n-pane-padding-left);
+ `)]),(0,e.cM)("left",[(0,e.cB)("tab-pane",`
+ padding: var(--n-pane-padding-right) var(--n-pane-padding-bottom) var(--n-pane-padding-left) var(--n-pane-padding-top);
+ `)]),(0,e.cM)("left, right",`
+ flex-direction: row;
+ `,[(0,e.cB)("tabs-bar",`
+ width: 2px;
+ right: 0;
+ transition:
+ top .2s var(--n-bezier),
+ max-height .2s var(--n-bezier),
+ background-color .3s var(--n-bezier);
+ `),(0,e.cB)("tabs-tab",`
+ padding: var(--n-tab-padding-vertical); 
+ `)]),(0,e.cM)("right",`
+ flex-direction: row-reverse;
+ `,[(0,e.cB)("tab-pane",`
+ padding: var(--n-pane-padding-left) var(--n-pane-padding-top) var(--n-pane-padding-right) var(--n-pane-padding-bottom);
+ `),(0,e.cB)("tabs-bar",`
+ left: 0;
+ `)]),(0,e.cM)("bottom",`
+ flex-direction: column-reverse;
+ justify-content: flex-end;
+ `,[(0,e.cB)("tab-pane",`
+ padding: var(--n-pane-padding-bottom) var(--n-pane-padding-right) var(--n-pane-padding-top) var(--n-pane-padding-left);
+ `),(0,e.cB)("tabs-bar",`
+ top: 0;
+ `)]),(0,e.cB)("tabs-rail",`
+ position: relative;
+ padding: 3px;
+ border-radius: var(--n-tab-border-radius);
+ width: 100%;
+ background-color: var(--n-color-segment);
+ transition: background-color .3s var(--n-bezier);
+ display: flex;
+ align-items: center;
+ `,[(0,e.cB)("tabs-capsule",`
+ border-radius: var(--n-tab-border-radius);
+ position: absolute;
+ pointer-events: none;
+ background-color: var(--n-tab-color-segment);
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .08);
+ transition: transform 0.3s var(--n-bezier);
+ `),(0,e.cB)("tabs-tab-wrapper",`
+ flex-basis: 0;
+ flex-grow: 1;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ `,[(0,e.cB)("tabs-tab",`
+ overflow: hidden;
+ border-radius: var(--n-tab-border-radius);
+ width: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ `,[(0,e.cM)("active",`
+ font-weight: var(--n-font-weight-strong);
+ color: var(--n-tab-text-color-active);
+ `),(0,e.c)("&:hover",`
+ color: var(--n-tab-text-color-hover);
+ `)])])]),(0,e.cM)("flex",[(0,e.cB)("tabs-nav",`
+ width: 100%;
+ position: relative;
+ `,[(0,e.cB)("tabs-wrapper",`
+ width: 100%;
+ `,[(0,e.cB)("tabs-tab",`
+ margin-right: 0;
+ `)])])]),(0,e.cB)("tabs-nav",`
+ box-sizing: border-box;
+ line-height: 1.5;
+ display: flex;
+ transition: border-color .3s var(--n-bezier);
+ `,[(0,e.cE)("prefix, suffix",`
+ display: flex;
+ align-items: center;
+ `),(0,e.cE)("prefix","padding-right: 16px;"),(0,e.cE)("suffix","padding-left: 16px;")]),(0,e.cM)("top, bottom",[(0,e.c)(">",[(0,e.cB)("tabs-nav",[(0,e.cB)("tabs-nav-scroll-wrapper",[(0,e.c)("&::before",`
+ top: 0;
+ bottom: 0;
+ left: 0;
+ width: 20px;
+ `),(0,e.c)("&::after",`
+ top: 0;
+ bottom: 0;
+ right: 0;
+ width: 20px;
+ `),(0,e.cM)("shadow-start",[(0,e.c)("&::before",`
+ box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, .12);
+ `)]),(0,e.cM)("shadow-end",[(0,e.c)("&::after",`
+ box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, .12);
+ `)])])])])]),(0,e.cM)("left, right",[(0,e.cB)("tabs-nav-scroll-content",`
+ flex-direction: column;
+ `),(0,e.c)(">",[(0,e.cB)("tabs-nav",[(0,e.cB)("tabs-nav-scroll-wrapper",[(0,e.c)("&::before",`
+ top: 0;
+ left: 0;
+ right: 0;
+ height: 20px;
+ `),(0,e.c)("&::after",`
+ bottom: 0;
+ left: 0;
+ right: 0;
+ height: 20px;
+ `),(0,e.cM)("shadow-start",[(0,e.c)("&::before",`
+ box-shadow: inset 0 10px 8px -8px rgba(0, 0, 0, .12);
+ `)]),(0,e.cM)("shadow-end",[(0,e.c)("&::after",`
+ box-shadow: inset 0 -10px 8px -8px rgba(0, 0, 0, .12);
+ `)])])])])]),(0,e.cB)("tabs-nav-scroll-wrapper",`
+ flex: 1;
+ position: relative;
+ overflow: hidden;
+ `,[(0,e.cB)("tabs-nav-y-scroll",`
+ height: 100%;
+ width: 100%;
+ overflow-y: auto; 
+ scrollbar-width: none;
+ `,[(0,e.c)("&::-webkit-scrollbar, &::-webkit-scrollbar-track-piece, &::-webkit-scrollbar-thumb",`
+ width: 0;
+ height: 0;
+ display: none;
+ `)]),(0,e.c)("&::before, &::after",`
+ transition: box-shadow .3s var(--n-bezier);
+ pointer-events: none;
+ content: "";
+ position: absolute;
+ z-index: 1;
+ `)]),(0,e.cB)("tabs-nav-scroll-content",`
+ display: flex;
+ position: relative;
+ min-width: 100%;
+ min-height: 100%;
+ width: fit-content;
+ box-sizing: border-box;
+ `),(0,e.cB)("tabs-wrapper",`
+ display: inline-flex;
+ flex-wrap: nowrap;
+ position: relative;
+ `),(0,e.cB)("tabs-tab-wrapper",`
+ display: flex;
+ flex-wrap: nowrap;
+ flex-shrink: 0;
+ flex-grow: 0;
+ `),(0,e.cB)("tabs-tab",`
+ cursor: pointer;
+ white-space: nowrap;
+ flex-wrap: nowrap;
+ display: inline-flex;
+ align-items: center;
+ color: var(--n-tab-text-color);
+ font-size: var(--n-tab-font-size);
+ background-clip: padding-box;
+ padding: var(--n-tab-padding);
+ transition:
+ box-shadow .3s var(--n-bezier),
+ color .3s var(--n-bezier),
+ background-color .3s var(--n-bezier),
+ border-color .3s var(--n-bezier);
+ `,[(0,e.cM)("disabled",{cursor:"not-allowed"}),(0,e.cE)("close",`
+ margin-left: 6px;
+ transition:
+ background-color .3s var(--n-bezier),
+ color .3s var(--n-bezier);
+ `),(0,e.cE)("label",`
+ display: flex;
+ align-items: center;
+ z-index: 1;
+ `)]),(0,e.cB)("tabs-bar",`
+ position: absolute;
+ bottom: 0;
+ height: 2px;
+ border-radius: 1px;
+ background-color: var(--n-bar-color);
+ transition:
+ left .2s var(--n-bezier),
+ max-width .2s var(--n-bezier),
+ opacity .3s var(--n-bezier),
+ background-color .3s var(--n-bezier);
+ `,[(0,e.c)("&.transition-disabled",`
+ transition: none;
+ `),(0,e.cM)("disabled",`
+ background-color: var(--n-tab-text-color-disabled)
+ `)]),(0,e.cB)("tabs-pane-wrapper",`
+ position: relative;
+ overflow: hidden;
+ transition: max-height .2s var(--n-bezier);
+ `),(0,e.cB)("tab-pane",`
+ color: var(--n-pane-text-color);
+ width: 100%;
+ transition:
+ color .3s var(--n-bezier),
+ background-color .3s var(--n-bezier),
+ opacity .2s var(--n-bezier);
+ left: 0;
+ right: 0;
+ top: 0;
+ `,[(0,e.c)("&.next-transition-leave-active, &.prev-transition-leave-active, &.next-transition-enter-active, &.prev-transition-enter-active",`
+ transition:
+ color .3s var(--n-bezier),
+ background-color .3s var(--n-bezier),
+ transform .2s var(--n-bezier),
+ opacity .2s var(--n-bezier);
+ `),(0,e.c)("&.next-transition-leave-active, &.prev-transition-leave-active",`
+ position: absolute;
+ `),(0,e.c)("&.next-transition-enter-from, &.prev-transition-leave-to",`
+ transform: translateX(32px);
+ opacity: 0;
+ `),(0,e.c)("&.next-transition-leave-to, &.prev-transition-enter-from",`
+ transform: translateX(-32px);
+ opacity: 0;
+ `),(0,e.c)("&.next-transition-leave-from, &.next-transition-enter-to, &.prev-transition-leave-from, &.prev-transition-enter-to",`
+ transform: translateX(0);
+ opacity: 1;
+ `)]),(0,e.cB)("tabs-tab-pad",`
+ box-sizing: border-box;
+ width: var(--n-tab-gap);
+ flex-grow: 0;
+ flex-shrink: 0;
+ `),(0,e.cM)("line-type, bar-type",[(0,e.cB)("tabs-tab",`
+ font-weight: var(--n-tab-font-weight);
+ box-sizing: border-box;
+ vertical-align: bottom;
+ `,[(0,e.c)("&:hover",{color:"var(--n-tab-text-color-hover)"}),(0,e.cM)("active",`
+ color: var(--n-tab-text-color-active);
+ font-weight: var(--n-tab-font-weight-active);
+ `),(0,e.cM)("disabled",{color:"var(--n-tab-text-color-disabled)"})])]),(0,e.cB)("tabs-nav",[(0,e.cM)("line-type",[(0,e.cM)("top",[(0,e.cE)("prefix, suffix",`
+ border-bottom: 1px solid var(--n-tab-border-color);
+ `),(0,e.cB)("tabs-nav-scroll-content",`
+ border-bottom: 1px solid var(--n-tab-border-color);
+ `),(0,e.cB)("tabs-bar",`
+ bottom: -1px;
+ `)]),(0,e.cM)("left",[(0,e.cE)("prefix, suffix",`
+ border-right: 1px solid var(--n-tab-border-color);
+ `),(0,e.cB)("tabs-nav-scroll-content",`
+ border-right: 1px solid var(--n-tab-border-color);
+ `),(0,e.cB)("tabs-bar",`
+ right: -1px;
+ `)]),(0,e.cM)("right",[(0,e.cE)("prefix, suffix",`
+ border-left: 1px solid var(--n-tab-border-color);
+ `),(0,e.cB)("tabs-nav-scroll-content",`
+ border-left: 1px solid var(--n-tab-border-color);
+ `),(0,e.cB)("tabs-bar",`
+ left: -1px;
+ `)]),(0,e.cM)("bottom",[(0,e.cE)("prefix, suffix",`
+ border-top: 1px solid var(--n-tab-border-color);
+ `),(0,e.cB)("tabs-nav-scroll-content",`
+ border-top: 1px solid var(--n-tab-border-color);
+ `),(0,e.cB)("tabs-bar",`
+ top: -1px;
+ `)]),(0,e.cE)("prefix, suffix",`
+ transition: border-color .3s var(--n-bezier);
+ `),(0,e.cB)("tabs-nav-scroll-content",`
+ transition: border-color .3s var(--n-bezier);
+ `),(0,e.cB)("tabs-bar",`
+ border-radius: 0;
+ `)]),(0,e.cM)("card-type",[(0,e.cE)("prefix, suffix",`
+ transition: border-color .3s var(--n-bezier);
+ `),(0,e.cB)("tabs-pad",`
+ flex-grow: 1;
+ transition: border-color .3s var(--n-bezier);
+ `),(0,e.cB)("tabs-tab-pad",`
+ transition: border-color .3s var(--n-bezier);
+ `),(0,e.cB)("tabs-tab",`
+ font-weight: var(--n-tab-font-weight);
+ border: 1px solid var(--n-tab-border-color);
+ background-color: var(--n-tab-color);
+ box-sizing: border-box;
+ position: relative;
+ vertical-align: bottom;
+ display: flex;
+ justify-content: space-between;
+ font-size: var(--n-tab-font-size);
+ color: var(--n-tab-text-color);
+ `,[(0,e.cM)("addable",`
+ padding-left: 8px;
+ padding-right: 8px;
+ font-size: 16px;
+ justify-content: center;
+ `,[(0,e.cE)("height-placeholder",`
+ width: 0;
+ font-size: var(--n-tab-font-size);
+ `),(0,e.cNotM)("disabled",[(0,e.c)("&:hover",`
+ color: var(--n-tab-text-color-hover);
+ `)])]),(0,e.cM)("closable","padding-right: 8px;"),(0,e.cM)("active",`
+ background-color: #0000;
+ font-weight: var(--n-tab-font-weight-active);
+ color: var(--n-tab-text-color-active);
+ `),(0,e.cM)("disabled","color: var(--n-tab-text-color-disabled);")])]),(0,e.cM)("left, right",`
+ flex-direction: column; 
+ `,[(0,e.cE)("prefix, suffix",`
+ padding: var(--n-tab-padding-vertical);
+ `),(0,e.cB)("tabs-wrapper",`
+ flex-direction: column;
+ `),(0,e.cB)("tabs-tab-wrapper",`
+ flex-direction: column;
+ `,[(0,e.cB)("tabs-tab-pad",`
+ height: var(--n-tab-gap-vertical);
+ width: 100%;
+ `)])]),(0,e.cM)("top",[(0,e.cM)("card-type",[(0,e.cB)("tabs-scroll-padding","border-bottom: 1px solid var(--n-tab-border-color);"),(0,e.cE)("prefix, suffix",`
+ border-bottom: 1px solid var(--n-tab-border-color);
+ `),(0,e.cB)("tabs-tab",`
+ border-top-left-radius: var(--n-tab-border-radius);
+ border-top-right-radius: var(--n-tab-border-radius);
+ `,[(0,e.cM)("active",`
+ border-bottom: 1px solid #0000;
+ `)]),(0,e.cB)("tabs-tab-pad",`
+ border-bottom: 1px solid var(--n-tab-border-color);
+ `),(0,e.cB)("tabs-pad",`
+ border-bottom: 1px solid var(--n-tab-border-color);
+ `)])]),(0,e.cM)("left",[(0,e.cM)("card-type",[(0,e.cB)("tabs-scroll-padding","border-right: 1px solid var(--n-tab-border-color);"),(0,e.cE)("prefix, suffix",`
+ border-right: 1px solid var(--n-tab-border-color);
+ `),(0,e.cB)("tabs-tab",`
+ border-top-left-radius: var(--n-tab-border-radius);
+ border-bottom-left-radius: var(--n-tab-border-radius);
+ `,[(0,e.cM)("active",`
+ border-right: 1px solid #0000;
+ `)]),(0,e.cB)("tabs-tab-pad",`
+ border-right: 1px solid var(--n-tab-border-color);
+ `),(0,e.cB)("tabs-pad",`
+ border-right: 1px solid var(--n-tab-border-color);
+ `)])]),(0,e.cM)("right",[(0,e.cM)("card-type",[(0,e.cB)("tabs-scroll-padding","border-left: 1px solid var(--n-tab-border-color);"),(0,e.cE)("prefix, suffix",`
+ border-left: 1px solid var(--n-tab-border-color);
+ `),(0,e.cB)("tabs-tab",`
+ border-top-right-radius: var(--n-tab-border-radius);
+ border-bottom-right-radius: var(--n-tab-border-radius);
+ `,[(0,e.cM)("active",`
+ border-left: 1px solid #0000;
+ `)]),(0,e.cB)("tabs-tab-pad",`
+ border-left: 1px solid var(--n-tab-border-color);
+ `),(0,e.cB)("tabs-pad",`
+ border-left: 1px solid var(--n-tab-border-color);
+ `)])]),(0,e.cM)("bottom",[(0,e.cM)("card-type",[(0,e.cB)("tabs-scroll-padding","border-top: 1px solid var(--n-tab-border-color);"),(0,e.cE)("prefix, suffix",`
+ border-top: 1px solid var(--n-tab-border-color);
+ `),(0,e.cB)("tabs-tab",`
+ border-bottom-left-radius: var(--n-tab-border-radius);
+ border-bottom-right-radius: var(--n-tab-border-radius);
+ `,[(0,e.cM)("active",`
+ border-top: 1px solid #0000;
+ `)]),(0,e.cB)("tabs-tab-pad",`
+ border-top: 1px solid var(--n-tab-border-color);
+ `),(0,e.cB)("tabs-pad",`
+ border-top: 1px solid var(--n-tab-border-color);
+ `)])])])]);(function(o){var l=X.commonjsGlobal&&X.commonjsGlobal.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(o,"__esModule",{value:!0}),o.tabsProps=void 0;const c=R.lodashExports,b=R.require$$0,f=R.require$$1,n=fe.require$$2,F=R.require$$4,u=R._mixins,s=R._utils,P=Re,V=ae,G=l(he),$=l(pe),_=c.throttle;o.tabsProps=Object.assign(Object.assign({},u.useTheme.props),{value:[String,Number],defaultValue:[String,Number],trigger:{type:String,default:"click"},type:{type:String,default:"bar"},closable:Boolean,justifyContent:String,size:{type:String,default:"medium"},placement:{type:String,default:"top"},tabStyle:[String,Object],tabClass:String,addTabStyle:[String,Object],addTabClass:String,barWidth:Number,paneClass:String,paneStyle:[String,Object],paneWrapperClass:String,paneWrapperStyle:[String,Object],addable:[Boolean,Object],tabsPadding:{type:Number,default:0},animated:Boolean,onBeforeLeave:Function,onAdd:Function,"onUpdate:value":[Function,Array],onUpdateValue:[Function,Array],onClose:[Function,Array],labelSize:String,activeName:[String,Number],onActiveNameChange:[Function,Array]}),o.default=(0,n.defineComponent)({name:"Tabs",props:o.tabsProps,slots:Object,setup(a,{slots:h}){var x,A,v,H;process.env.NODE_ENV!=="production"&&(0,n.watchEffect)(()=>{a.labelSize!==void 0&&(0,s.warnOnce)("tabs","`label-size` is deprecated, please use `size` instead."),a.activeName!==void 0&&(0,s.warnOnce)("tabs","`active-name` is deprecated, please use `value` instead."),a.onActiveNameChange!==void 0&&(0,s.warnOnce)("tabs","`on-active-name-change` is deprecated, please use `on-update:value` instead.")});const{mergedClsPrefixRef:m,inlineThemeDisabled:S}=(0,u.useConfig)(a),I=(0,u.useTheme)("Tabs","-tabs",G.default,P.tabsLight,a,m),M=(0,n.ref)(null),B=(0,n.ref)(null),Q=(0,n.ref)(null),N=(0,n.ref)(null),y=(0,n.ref)(null),w=(0,n.ref)(null),K=(0,n.ref)(!0),k=(0,n.ref)(!0),J=(0,f.useCompitable)(a,["labelSize","size"]),L=(0,f.useCompitable)(a,["activeName","value"]),re=(0,n.ref)((A=(x=L.value)!==null&&x!==void 0?x:a.defaultValue)!==null&&A!==void 0?A:h.default?(H=(v=(0,s.flatten)(h.default())[0])===null||v===void 0?void 0:v.props)===null||H===void 0?void 0:H.name:null),T=(0,f.useMergedState)(L,re),p={id:0},C=(0,n.computed)(()=>{if(!(!a.justifyContent||a.type==="card"))return{display:"flex",justifyContent:a.justifyContent}});(0,n.watch)(T,()=>{p.id=0,ie(),xe()});function q(){var t;const{value:r}=T;return r===null?null:(t=M.value)===null||t===void 0?void 0:t.querySelector(`[data-name="${r}"]`)}function Me(t){if(a.type==="card")return;const{value:r}=B;if(!r)return;const i=r.style.opacity==="0";if(t){const d=`${m.value}-tabs-bar--disabled`,{barWidth:g,placement:j}=a;if(t.dataset.disabled==="true"?r.classList.add(d):r.classList.remove(d),["top","bottom"].includes(j)){if(me(["top","maxHeight","height"]),typeof g=="number"&&t.offsetWidth>=g){const E=Math.floor((t.offsetWidth-g)/2)+t.offsetLeft;r.style.left=`${E}px`,r.style.maxWidth=`${g}px`}else r.style.left=`${t.offsetLeft}px`,r.style.maxWidth=`${t.offsetWidth}px`;r.style.width="8192px",i&&(r.style.transition="none"),r.offsetWidth,i&&(r.style.transition="",r.style.opacity="1")}else{if(me(["left","maxWidth","width"]),typeof g=="number"&&t.offsetHeight>=g){const E=Math.floor((t.offsetHeight-g)/2)+t.offsetTop;r.style.top=`${E}px`,r.style.maxHeight=`${g}px`}else r.style.top=`${t.offsetTop}px`,r.style.maxHeight=`${t.offsetHeight}px`;r.style.height="8192px",i&&(r.style.transition="none"),r.offsetHeight,i&&(r.style.transition="",r.style.opacity="1")}}}function Le(){if(a.type==="card")return;const{value:t}=B;t&&(t.style.opacity="0")}function me(t){const{value:r}=B;if(r)for(const i of t)r.style[i]=""}function ie(){if(a.type==="card")return;const t=q();t?Me(t):Le()}function xe(){var t;const r=(t=y.value)===null||t===void 0?void 0:t.$el;if(!r)return;const i=q();if(!i)return;const{scrollLeft:d,offsetWidth:g}=r,{offsetLeft:j,offsetWidth:E}=i;d>j?r.scrollTo({top:0,left:j,behavior:"smooth"}):j+E>d+g&&r.scrollTo({top:0,left:j+E-g,behavior:"smooth"})}const le=(0,n.ref)(null);let de=0,U=null;function je(t){const r=le.value;if(r){de=t.getBoundingClientRect().height;const i=`${de}px`,d=()=>{r.style.height=i,r.style.maxHeight=i};U?(d(),U(),U=null):U=d}}function Ee(t){const r=le.value;if(r){const i=t.getBoundingClientRect().height,d=()=>{document.body.offsetHeight,r.style.maxHeight=`${i}px`,r.style.height=`${Math.max(de,i)}px`};U?(U(),U=null,d()):U=d}}function $e(){const t=le.value;if(t){t.style.maxHeight="",t.style.height="";const{paneWrapperStyle:r}=a;if(typeof r=="string")t.style.cssText=r;else if(r){const{maxHeight:i,height:d}=r;i!==void 0&&(t.style.maxHeight=i),d!==void 0&&(t.style.height=d)}}}const ye={value:[]},Ce=(0,n.ref)("next");function Oe(t){const r=T.value;let i="next";for(const d of ye.value){if(d===r)break;if(d===t){i="prev";break}}Ce.value=i,We(t)}function We(t){const{onActiveNameChange:r,onUpdateValue:i,"onUpdate:value":d}=a;r&&(0,s.call)(r,t),i&&(0,s.call)(i,t),d&&(0,s.call)(d,t),re.value=t}function Ae(t){const{onClose:r}=a;r&&(0,s.call)(r,t)}function Pe(){const{value:t}=B;if(!t)return;const r="transition-disabled";t.classList.add(r),ie(),t.classList.remove(r)}const Y=(0,n.ref)(null);function ce({transitionDisabled:t}){const r=M.value;if(!r)return;t&&r.classList.add("transition-disabled");const i=q();i&&Y.value&&(Y.value.style.width=`${i.offsetWidth}px`,Y.value.style.height=`${i.offsetHeight}px`,Y.value.style.transform=`translateX(${i.offsetLeft-(0,b.depx)(getComputedStyle(r).paddingLeft)}px)`,t&&Y.value.offsetWidth),t&&r.classList.remove("transition-disabled")}(0,n.watch)([T],()=>{a.type==="segment"&&(0,n.nextTick)(()=>{ce({transitionDisabled:!1})})}),(0,n.onMounted)(()=>{a.type==="segment"&&ce({transitionDisabled:!0})});let _e=0;function ke(t){var r;if(t.contentRect.width===0&&t.contentRect.height===0||_e===t.contentRect.width)return;_e=t.contentRect.width;const{type:i}=a;if((i==="line"||i==="bar")&&Pe(),i!=="segment"){const{placement:d}=a;be((d==="top"||d==="bottom"?(r=y.value)===null||r===void 0?void 0:r.$el:w.value)||null)}}const Ve=_(ke,64);(0,n.watch)([()=>a.justifyContent,()=>a.size],()=>{(0,n.nextTick)(()=>{const{type:t}=a;(t==="line"||t==="bar")&&Pe()})});const Z=(0,n.ref)(!1);function Ge(t){var r;const{target:i,contentRect:{width:d,height:g}}=t,j=i.parentElement.parentElement.offsetWidth,E=i.parentElement.parentElement.offsetHeight,{placement:te}=a;if(!Z.value)te==="top"||te==="bottom"?j<d&&(Z.value=!0):E<g&&(Z.value=!0);else{const{value:ne}=N;if(!ne)return;te==="top"||te==="bottom"?j-d>ne.$el.offsetWidth&&(Z.value=!1):E-g>ne.$el.offsetHeight&&(Z.value=!1)}be(((r=y.value)===null||r===void 0?void 0:r.$el)||null)}const De=_(Ge,64);function He(){const{onAdd:t}=a;t&&t(),(0,n.nextTick)(()=>{const r=q(),{value:i}=y;!r||!i||i.scrollTo({left:r.offsetLeft,top:0,behavior:"smooth"})})}function be(t){if(!t)return;const{placement:r}=a;if(r==="top"||r==="bottom"){const{scrollLeft:i,scrollWidth:d,offsetWidth:g}=t;K.value=i<=0,k.value=i+g>=d}else{const{scrollTop:i,scrollHeight:d,offsetHeight:g}=t;K.value=i<=0,k.value=i+g>=d}}const Ie=_(t=>{be(t.target)},64);(0,n.provide)(V.tabsInjectionKey,{triggerRef:(0,n.toRef)(a,"trigger"),tabStyleRef:(0,n.toRef)(a,"tabStyle"),tabClassRef:(0,n.toRef)(a,"tabClass"),addTabStyleRef:(0,n.toRef)(a,"addTabStyle"),addTabClassRef:(0,n.toRef)(a,"addTabClass"),paneClassRef:(0,n.toRef)(a,"paneClass"),paneStyleRef:(0,n.toRef)(a,"paneStyle"),mergedClsPrefixRef:m,typeRef:(0,n.toRef)(a,"type"),closableRef:(0,n.toRef)(a,"closable"),valueRef:T,tabChangeIdRef:p,onBeforeLeaveRef:(0,n.toRef)(a,"onBeforeLeave"),activateTab:Oe,handleClose:Ae,handleAdd:He}),(0,f.onFontsReady)(()=>{ie(),xe()}),(0,n.watchEffect)(()=>{const{value:t}=Q;if(!t)return;const{value:r}=m,i=`${r}-tabs-nav-scroll-wrapper--shadow-start`,d=`${r}-tabs-nav-scroll-wrapper--shadow-end`;K.value?t.classList.remove(i):t.classList.add(i),k.value?t.classList.remove(d):t.classList.add(d)});const Fe={syncBarPosition:()=>{ie()}},Ne=()=>{ce({transitionDisabled:!0})},Se=(0,n.computed)(()=>{const{value:t}=J,{type:r}=a,i={card:"Card",bar:"Bar",line:"Line",segment:"Segment"}[r],d=`${t}${i}`,{self:{barColor:g,closeIconColor:j,closeIconColorHover:E,closeIconColorPressed:te,tabColor:ne,tabBorderColor:Ke,paneTextColor:qe,tabFontWeight:Ue,tabBorderRadius:Xe,tabFontWeightActive:Je,colorSegment:Qe,fontWeightStrong:Ye,tabColorSegment:Ze,closeSize:et,closeIconSize:tt,closeColorHover:at,closeColorPressed:rt,closeBorderRadius:nt,[(0,s.createKey)("panePadding",t)]:se,[(0,s.createKey)("tabPadding",d)]:ot,[(0,s.createKey)("tabPaddingVertical",d)]:it,[(0,s.createKey)("tabGap",d)]:lt,[(0,s.createKey)("tabGap",`${d}Vertical`)]:st,[(0,s.createKey)("tabTextColor",r)]:dt,[(0,s.createKey)("tabTextColorActive",r)]:ct,[(0,s.createKey)("tabTextColorHover",r)]:bt,[(0,s.createKey)("tabTextColorDisabled",r)]:ft,[(0,s.createKey)("tabFontSize",t)]:pt},common:{cubicBezierEaseInOut:ut}}=I.value;return{"--n-bezier":ut,"--n-color-segment":Qe,"--n-bar-color":g,"--n-tab-font-size":pt,"--n-tab-text-color":dt,"--n-tab-text-color-active":ct,"--n-tab-text-color-disabled":ft,"--n-tab-text-color-hover":bt,"--n-pane-text-color":qe,"--n-tab-border-color":Ke,"--n-tab-border-radius":Xe,"--n-close-size":et,"--n-close-icon-size":tt,"--n-close-color-hover":at,"--n-close-color-pressed":rt,"--n-close-border-radius":nt,"--n-close-icon-color":j,"--n-close-icon-color-hover":E,"--n-close-icon-color-pressed":te,"--n-tab-color":ne,"--n-tab-font-weight":Ue,"--n-tab-font-weight-active":Je,"--n-tab-padding":ot,"--n-tab-padding-vertical":it,"--n-tab-gap":lt,"--n-tab-gap-vertical":st,"--n-pane-padding-left":(0,b.getPadding)(se,"left"),"--n-pane-padding-right":(0,b.getPadding)(se,"right"),"--n-pane-padding-top":(0,b.getPadding)(se,"top"),"--n-pane-padding-bottom":(0,b.getPadding)(se,"bottom"),"--n-font-weight-strong":Ye,"--n-tab-color-segment":Ze}}),ee=S?(0,u.useThemeClass)("tabs",(0,n.computed)(()=>`${J.value[0]}${a.type[0]}`),Se,a):void 0;return Object.assign({mergedClsPrefix:m,mergedValue:T,renderedNames:new Set,segmentCapsuleElRef:Y,tabsPaneWrapperRef:le,tabsElRef:M,barElRef:B,addTabInstRef:N,xScrollInstRef:y,scrollWrapperElRef:Q,addTabFixed:Z,tabWrapperStyle:C,handleNavResize:Ve,mergedSize:J,handleScroll:Ie,handleTabsResize:De,cssVars:S?void 0:Se,themeClass:ee==null?void 0:ee.themeClass,animationDirection:Ce,renderNameListRef:ye,yScrollElRef:w,handleSegmentResize:Ne,onAnimationBeforeLeave:je,onAnimationEnter:Ee,onAnimationAfterEnter:$e,onRender:ee==null?void 0:ee.onRender},Fe)},render(){const{mergedClsPrefix:a,type:h,placement:x,addTabFixed:A,addable:v,mergedSize:H,renderNameListRef:m,onRender:S,paneWrapperClass:I,paneWrapperStyle:M,$slots:{default:B,prefix:Q,suffix:N}}=this;S==null||S();const y=B?(0,s.flatten)(B()).filter(p=>p.type.__TAB_PANE__===!0):[],w=B?(0,s.flatten)(B()).filter(p=>p.type.__TAB__===!0):[],K=!w.length,k=h==="card",J=h==="segment",L=!k&&!J&&this.justifyContent;m.value=[];const re=()=>{const p=(0,n.h)("div",{style:this.tabWrapperStyle,class:`${a}-tabs-wrapper`},L?null:(0,n.h)("div",{class:`${a}-tabs-scroll-padding`,style:x==="top"||x==="bottom"?{width:`${this.tabsPadding}px`}:{height:`${this.tabsPadding}px`}}),K?y.map((C,q)=>(m.value.push(C.props.name),z((0,n.h)($.default,Object.assign({},C.props,{internalCreatedByPane:!0,internalLeftPadded:q!==0&&(!L||L==="center"||L==="start"||L==="end")}),C.children?{default:C.children.tab}:void 0)))):w.map((C,q)=>(m.value.push(C.props.name),z(q!==0&&!L?W(C):C))),!A&&v&&k?D(v,(K?y.length:w.length)!==0):null,L?null:(0,n.h)("div",{class:`${a}-tabs-scroll-padding`,style:{width:`${this.tabsPadding}px`}}));return(0,n.h)("div",{ref:"tabsElRef",class:`${a}-tabs-nav-scroll-content`},k&&v?(0,n.h)(F.VResizeObserver,{onResize:this.handleTabsResize},{default:()=>p}):p,k?(0,n.h)("div",{class:`${a}-tabs-pad`}):null,k?null:(0,n.h)("div",{ref:"barElRef",class:`${a}-tabs-bar`}))},T=J?"top":x;return(0,n.h)("div",{class:[`${a}-tabs`,this.themeClass,`${a}-tabs--${h}-type`,`${a}-tabs--${H}-size`,L&&`${a}-tabs--flex`,`${a}-tabs--${T}`],style:this.cssVars},(0,n.h)("div",{class:[`${a}-tabs-nav--${h}-type`,`${a}-tabs-nav--${T}`,`${a}-tabs-nav`]},(0,s.resolveWrappedSlot)(Q,p=>p&&(0,n.h)("div",{class:`${a}-tabs-nav__prefix`},p)),J?(0,n.h)(F.VResizeObserver,{onResize:this.handleSegmentResize},{default:()=>(0,n.h)("div",{class:`${a}-tabs-rail`,ref:"tabsElRef"},(0,n.h)("div",{class:`${a}-tabs-capsule`,ref:"segmentCapsuleElRef"},(0,n.h)("div",{class:`${a}-tabs-wrapper`},(0,n.h)("div",{class:`${a}-tabs-tab`}))),K?y.map((p,C)=>(m.value.push(p.props.name),(0,n.h)($.default,Object.assign({},p.props,{internalCreatedByPane:!0,internalLeftPadded:C!==0}),p.children?{default:p.children.tab}:void 0))):w.map((p,C)=>(m.value.push(p.props.name),C===0?p:W(p))))}):(0,n.h)(F.VResizeObserver,{onResize:this.handleNavResize},{default:()=>(0,n.h)("div",{class:`${a}-tabs-nav-scroll-wrapper`,ref:"scrollWrapperElRef"},["top","bottom"].includes(T)?(0,n.h)(F.VXScroll,{ref:"xScrollInstRef",onScroll:this.handleScroll},{default:re}):(0,n.h)("div",{class:`${a}-tabs-nav-y-scroll`,onScroll:this.handleScroll,ref:"yScrollElRef"},re()))}),A&&v&&k?D(v,!0):null,(0,s.resolveWrappedSlot)(N,p=>p&&(0,n.h)("div",{class:`${a}-tabs-nav__suffix`},p))),K&&(this.animated&&(T==="top"||T==="bottom")?(0,n.h)("div",{ref:"tabsPaneWrapperRef",style:M,class:[`${a}-tabs-pane-wrapper`,I]},O(y,this.mergedValue,this.renderedNames,this.onAnimationBeforeLeave,this.onAnimationEnter,this.onAnimationAfterEnter,this.animationDirection)):O(y,this.mergedValue,this.renderedNames)))}});function O(a,h,x,A,v,H,m){const S=[];return a.forEach(I=>{const{name:M,displayDirective:B,"display-directive":Q}=I.props,N=w=>B===w||Q===w,y=h===M;if(I.key!==void 0&&(I.key=M),y||N("show")||N("show:lazy")&&x.has(M)){x.has(M)||x.add(M);const w=!N("if");S.push(w?(0,n.withDirectives)(I,[[n.vShow,y]]):I)}}),m?(0,n.h)(n.TransitionGroup,{name:`${m}-transition`,onBeforeLeave:A,onEnter:v,onAfterEnter:H},{default:()=>S}):S}function D(a,h){return(0,n.h)($.default,{ref:"addTabInstRef",key:"__addable",name:"__addable",internalCreatedByPane:!0,internalAddable:!0,internalLeftPadded:h,disabled:typeof a=="object"&&a.disabled})}function W(a){const h=(0,n.cloneVNode)(a);return h.props?h.props.internalLeftPadded=!0:h.props={internalLeftPadded:!0},h}function z(a){return Array.isArray(a.dynamicProps)?a.dynamicProps.includes("internalLeftPadded")||a.dynamicProps.push("internalLeftPadded"):a.dynamicProps=["internalLeftPadded"],a}})(Te);(function(o){var l=X.commonjsGlobal&&X.commonjsGlobal.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(o,"__esModule",{value:!0}),o.tabsProps=o.NTabs=o.tabPaneProps=o.NTabPane=o.tabProps=o.NTab=void 0;var c=pe;Object.defineProperty(o,"NTab",{enumerable:!0,get:function(){return l(c).default}}),Object.defineProperty(o,"tabProps",{enumerable:!0,get:function(){return c.tabProps}});var b=ue;Object.defineProperty(o,"NTabPane",{enumerable:!0,get:function(){return l(b).default}}),Object.defineProperty(o,"tabPaneProps",{enumerable:!0,get:function(){return b.tabPaneProps}});var f=Te;Object.defineProperty(o,"NTabs",{enumerable:!0,get:function(){return l(f).default}}),Object.defineProperty(o,"tabsProps",{enumerable:!0,get:function(){return f.tabsProps}})})(we);const St=vt({__proto__:null},[we]);exports.index=St;

package/dist/index-BWTbnurN.cjs

@@ -0,0 +1,102 @@
+"use strict";const d=require("./_commonjsHelpers-DwTZ_eVU.cjs"),h=require("./index-BU3ulVXO.cjs"),be=require("./_vue_commonjs-external-CccDNqHl.cjs"),A=require("./index-t1QZ07qC.cjs");function ve(r,s){for(var n=0;n<s.length;n++){const i=s[n];if(typeof i!="string"&&!Array.isArray(i)){for(const o in i)if(o!=="default"&&!(o in r)){const u=Object.getOwnPropertyDescriptor(i,o);u&&Object.defineProperty(r,o,u.get?u:{enumerable:!0,get:()=>i[o]})}}}return Object.freeze(Object.defineProperty(r,Symbol.toStringTag,{value:"Module"}))}var U={},I={},X={},N={},D={};Object.defineProperty(D,"__esModule",{value:!0});D.default={buttonHeightSmall:"14px",buttonHeightMedium:"18px",buttonHeightLarge:"22px",buttonWidthSmall:"14px",buttonWidthMedium:"18px",buttonWidthLarge:"22px",buttonWidthPressedSmall:"20px",buttonWidthPressedMedium:"24px",buttonWidthPressedLarge:"28px",railHeightSmall:"18px",railHeightMedium:"22px",railHeightLarge:"26px",railWidthSmall:"32px",railWidthMedium:"40px",railWidthLarge:"48px"};var me=d.commonjsGlobal&&d.commonjsGlobal.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(N,"__esModule",{value:!0});const ge=h.require$$0,pe=h.common,_e=me(D),we={name:"Switch",common:pe.commonDark,self(r){const{primaryColorSuppl:s,opacityDisabled:n,borderRadius:i,primaryColor:o,textColor2:u,baseColor:p}=r;return Object.assign(Object.assign({},_e.default),{iconColor:p,textColor:u,loadingColor:s,opacityDisabled:n,railColor:"rgba(255, 255, 255, .20)",railColorActive:s,buttonBoxShadow:"0px 2px 4px 0 rgba(0, 0, 0, 0.4)",buttonColor:"#FFF",railBorderRadiusSmall:i,railBorderRadiusMedium:i,railBorderRadiusLarge:i,buttonBorderRadiusSmall:i,buttonBorderRadiusMedium:i,buttonBorderRadiusLarge:i,boxShadowFocus:`0 0 8px 0 ${(0,ge.changeColor)(o,{alpha:.3})}`})}};N.default=we;var T={},ye=d.commonjsGlobal&&d.commonjsGlobal.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(T,"__esModule",{value:!0});const xe=h.require$$0,Se=h.common,ke=ye(D);function Ce(r){const{primaryColor:s,opacityDisabled:n,borderRadius:i,textColor3:o}=r;return Object.assign(Object.assign({},ke.default),{iconColor:o,textColor:"white",loadingColor:s,opacityDisabled:n,railColor:"rgba(0, 0, 0, .14)",railColorActive:s,buttonBoxShadow:"0 1px 4px 0 rgba(0, 0, 0, 0.3), inset 0 0 1px 0 rgba(0, 0, 0, 0.05)",buttonColor:"#FFF",railBorderRadiusSmall:i,railBorderRadiusMedium:i,railBorderRadiusLarge:i,buttonBorderRadiusSmall:i,buttonBorderRadiusMedium:i,buttonBorderRadiusLarge:i,boxShadowFocus:`0 0 0 2px ${(0,xe.changeColor)(s,{alpha:.2})}`})}const Be={name:"Switch",common:Se.commonLight,self:Ce};T.default=Be;(function(r){var s=d.commonjsGlobal&&d.commonjsGlobal.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(r,"__esModule",{value:!0}),r.switchLight=r.switchDark=void 0;var n=N;Object.defineProperty(r,"switchDark",{enumerable:!0,get:function(){return s(n).default}});var i=T;Object.defineProperty(r,"switchLight",{enumerable:!0,get:function(){return s(i).default}})})(X);var H={};Object.defineProperty(H,"__esModule",{value:!0});const q=A.iconSwitch_cssr,t=h.cssr;H.default=(0,t.cB)("switch",`
+ height: var(--n-height);
+ min-width: var(--n-width);
+ vertical-align: middle;
+ user-select: none;
+ -webkit-user-select: none;
+ display: inline-flex;
+ outline: none;
+ justify-content: center;
+ align-items: center;
+`,[(0,t.cE)("children-placeholder",`
+ height: var(--n-rail-height);
+ display: flex;
+ flex-direction: column;
+ overflow: hidden;
+ pointer-events: none;
+ visibility: hidden;
+ `),(0,t.cE)("rail-placeholder",`
+ display: flex;
+ flex-wrap: none;
+ `),(0,t.cE)("button-placeholder",`
+ width: calc(1.75 * var(--n-rail-height));
+ height: var(--n-rail-height);
+ `),(0,t.cB)("base-loading",`
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translateX(-50%) translateY(-50%);
+ font-size: calc(var(--n-button-width) - 4px);
+ color: var(--n-loading-color);
+ transition: color .3s var(--n-bezier);
+ `,[(0,q.iconSwitchTransition)({left:"50%",top:"50%",originalTransform:"translateX(-50%) translateY(-50%)"})]),(0,t.cE)("checked, unchecked",`
+ transition: color .3s var(--n-bezier);
+ color: var(--n-text-color);
+ box-sizing: border-box;
+ position: absolute;
+ white-space: nowrap;
+ top: 0;
+ bottom: 0;
+ display: flex;
+ align-items: center;
+ line-height: 1;
+ `),(0,t.cE)("checked",`
+ right: 0;
+ padding-right: calc(1.25 * var(--n-rail-height) - var(--n-offset));
+ `),(0,t.cE)("unchecked",`
+ left: 0;
+ justify-content: flex-end;
+ padding-left: calc(1.25 * var(--n-rail-height) - var(--n-offset));
+ `),(0,t.c)("&:focus",[(0,t.cE)("rail",`
+ box-shadow: var(--n-box-shadow-focus);
+ `)]),(0,t.cM)("round",[(0,t.cE)("rail","border-radius: calc(var(--n-rail-height) / 2);",[(0,t.cE)("button","border-radius: calc(var(--n-button-height) / 2);")])]),(0,t.cNotM)("disabled",[(0,t.cNotM)("icon",[(0,t.cM)("rubber-band",[(0,t.cM)("pressed",[(0,t.cE)("rail",[(0,t.cE)("button","max-width: var(--n-button-width-pressed);")])]),(0,t.cE)("rail",[(0,t.c)("&:active",[(0,t.cE)("button","max-width: var(--n-button-width-pressed);")])]),(0,t.cM)("active",[(0,t.cM)("pressed",[(0,t.cE)("rail",[(0,t.cE)("button","left: calc(100% - var(--n-offset) - var(--n-button-width-pressed));")])]),(0,t.cE)("rail",[(0,t.c)("&:active",[(0,t.cE)("button","left: calc(100% - var(--n-offset) - var(--n-button-width-pressed));")])])])])])]),(0,t.cM)("active",[(0,t.cE)("rail",[(0,t.cE)("button","left: calc(100% - var(--n-button-width) - var(--n-offset))")])]),(0,t.cE)("rail",`
+ overflow: hidden;
+ height: var(--n-rail-height);
+ min-width: var(--n-rail-width);
+ border-radius: var(--n-rail-border-radius);
+ cursor: pointer;
+ position: relative;
+ transition:
+ opacity .3s var(--n-bezier),
+ background .3s var(--n-bezier),
+ box-shadow .3s var(--n-bezier);
+ background-color: var(--n-rail-color);
+ `,[(0,t.cE)("button-icon",`
+ color: var(--n-icon-color);
+ transition: color .3s var(--n-bezier);
+ font-size: calc(var(--n-button-height) - 4px);
+ position: absolute;
+ left: 0;
+ right: 0;
+ top: 0;
+ bottom: 0;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ line-height: 1;
+ `,[(0,q.iconSwitchTransition)()]),(0,t.cE)("button",`
+ align-items: center; 
+ top: var(--n-offset);
+ left: var(--n-offset);
+ height: var(--n-button-height);
+ width: var(--n-button-width-pressed);
+ max-width: var(--n-button-width);
+ border-radius: var(--n-button-border-radius);
+ background-color: var(--n-button-color);
+ box-shadow: var(--n-button-box-shadow);
+ box-sizing: border-box;
+ cursor: inherit;
+ content: "";
+ position: absolute;
+ transition:
+ background-color .3s var(--n-bezier),
+ left .3s var(--n-bezier),
+ opacity .3s var(--n-bezier),
+ max-width .3s var(--n-bezier),
+ box-shadow .3s var(--n-bezier);
+ `)]),(0,t.cM)("active",[(0,t.cE)("rail","background-color: var(--n-rail-color-active);")]),(0,t.cM)("loading",[(0,t.cE)("rail",`
+ cursor: wait;
+ `)]),(0,t.cM)("disabled",[(0,t.cE)("rail",`
+ cursor: not-allowed;
+ opacity: .5;
+ `)])]);(function(r){var s=d.commonjsGlobal&&d.commonjsGlobal.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(r,"__esModule",{value:!0}),r.switchProps=void 0;const n=h.require$$0,i=h.require$$1,o=be.require$$2,u=A._internal,p=h._mixins,l=h._utils,Y=X,J=s(H);r.switchProps=Object.assign(Object.assign({},p.useTheme.props),{size:{type:String,default:"medium"},value:{type:[String,Number,Boolean],default:void 0},loading:Boolean,defaultValue:{type:[String,Number,Boolean],default:!1},disabled:{type:Boolean,default:void 0},round:{type:Boolean,default:!0},"onUpdate:value":[Function,Array],onUpdateValue:[Function,Array],checkedValue:{type:[String,Number,Boolean],default:!0},uncheckedValue:{type:[String,Number,Boolean],default:!1},railStyle:Function,rubberBand:{type:Boolean,default:!0},onChange:[Function,Array]});let S;r.default=(0,o.defineComponent)({name:"Switch",props:r.switchProps,slots:Object,setup(e){process.env.NODE_ENV!=="production"&&(0,o.watchEffect)(()=>{e.onChange&&(0,l.warnOnce)("switch","`on-change` is deprecated, please use `on-update:value` instead.")}),S===void 0&&(typeof CSS<"u"?typeof CSS.supports<"u"?S=CSS.supports("width","max(1px)"):S=!1:S=!0);const{mergedClsPrefixRef:R,inlineThemeDisabled:k}=(0,p.useConfig)(e),F=(0,p.useTheme)("Switch","-switch",J.default,Y.switchLight,e,R),f=(0,p.useFormItem)(e),{mergedSizeRef:M,mergedDisabledRef:_}=f,C=(0,o.ref)(e.defaultValue),$=(0,o.toRef)(e,"value"),w=(0,i.useMergedState)($,C),B=(0,o.computed)(()=>w.value===e.checkedValue),y=(0,o.ref)(!1),c=(0,o.ref)(!1),b=(0,o.computed)(()=>{const{railStyle:a}=e;if(a)return a({focused:c.value,checked:B.value})});function v(a){const{"onUpdate:value":E,onChange:O,onUpdateValue:P}=e,{nTriggerFormInput:V,nTriggerFormChange:W}=f;E&&(0,l.call)(E,a),P&&(0,l.call)(P,a),O&&(0,l.call)(O,a),C.value=a,V(),W()}function Q(){const{nTriggerFormFocus:a}=f;a()}function Z(){const{nTriggerFormBlur:a}=f;a()}function ee(){e.loading||_.value||(w.value!==e.checkedValue?v(e.checkedValue):v(e.uncheckedValue))}function te(){c.value=!0,Q()}function oe(){c.value=!1,Z(),y.value=!1}function re(a){e.loading||_.value||a.key===" "&&(w.value!==e.checkedValue?v(e.checkedValue):v(e.uncheckedValue),y.value=!1)}function ie(a){e.loading||_.value||a.key===" "&&(a.preventDefault(),y.value=!0)}const G=(0,o.computed)(()=>{const{value:a}=M,{self:{opacityDisabled:E,railColor:O,railColorActive:P,buttonBoxShadow:V,buttonColor:W,boxShadowFocus:ne,loadingColor:ae,textColor:le,iconColor:ce,[(0,l.createKey)("buttonHeight",a)]:m,[(0,l.createKey)("buttonWidth",a)]:se,[(0,l.createKey)("buttonWidthPressed",a)]:de,[(0,l.createKey)("railHeight",a)]:g,[(0,l.createKey)("railWidth",a)]:j,[(0,l.createKey)("railBorderRadius",a)]:ue,[(0,l.createKey)("buttonBorderRadius",a)]:he},common:{cubicBezierEaseInOut:fe}}=F.value;let z,L,K;return S?(z=`calc((${g} - ${m}) / 2)`,L=`max(${g}, ${m})`,K=`max(${j}, calc(${j} + ${m} - ${g}))`):(z=(0,n.pxfy)(((0,n.depx)(g)-(0,n.depx)(m))/2),L=(0,n.pxfy)(Math.max((0,n.depx)(g),(0,n.depx)(m))),K=(0,n.depx)(g)>(0,n.depx)(m)?j:(0,n.pxfy)((0,n.depx)(j)+(0,n.depx)(m)-(0,n.depx)(g))),{"--n-bezier":fe,"--n-button-border-radius":he,"--n-button-box-shadow":V,"--n-button-color":W,"--n-button-width":se,"--n-button-width-pressed":de,"--n-button-height":m,"--n-height":L,"--n-offset":z,"--n-opacity-disabled":E,"--n-rail-border-radius":ue,"--n-rail-color":O,"--n-rail-color-active":P,"--n-rail-height":g,"--n-rail-width":j,"--n-width":K,"--n-box-shadow-focus":ne,"--n-loading-color":ae,"--n-text-color":le,"--n-icon-color":ce}}),x=k?(0,p.useThemeClass)("switch",(0,o.computed)(()=>M.value[0]),G,e):void 0;return{handleClick:ee,handleBlur:oe,handleFocus:te,handleKeyup:re,handleKeydown:ie,mergedRailStyle:b,pressed:y,mergedClsPrefix:R,mergedValue:w,checked:B,mergedDisabled:_,cssVars:k?void 0:G,themeClass:x==null?void 0:x.themeClass,onRender:x==null?void 0:x.onRender}},render(){const{mergedClsPrefix:e,mergedDisabled:R,checked:k,mergedRailStyle:F,onRender:f,$slots:M}=this;f==null||f();const{checked:_,unchecked:C,icon:$,"checked-icon":w,"unchecked-icon":B}=M,y=!((0,l.isSlotEmpty)($)&&(0,l.isSlotEmpty)(w)&&(0,l.isSlotEmpty)(B));return(0,o.h)("div",{role:"switch","aria-checked":k,class:[`${e}-switch`,this.themeClass,y&&`${e}-switch--icon`,k&&`${e}-switch--active`,R&&`${e}-switch--disabled`,this.round&&`${e}-switch--round`,this.loading&&`${e}-switch--loading`,this.pressed&&`${e}-switch--pressed`,this.rubberBand&&`${e}-switch--rubber-band`],tabindex:this.mergedDisabled?void 0:0,style:this.cssVars,onClick:this.handleClick,onFocus:this.handleFocus,onBlur:this.handleBlur,onKeyup:this.handleKeyup,onKeydown:this.handleKeydown},(0,o.h)("div",{class:`${e}-switch__rail`,"aria-hidden":"true",style:F},(0,l.resolveWrappedSlot)(_,c=>(0,l.resolveWrappedSlot)(C,b=>c||b?(0,o.h)("div",{"aria-hidden":!0,class:`${e}-switch__children-placeholder`},(0,o.h)("div",{class:`${e}-switch__rail-placeholder`},(0,o.h)("div",{class:`${e}-switch__button-placeholder`}),c),(0,o.h)("div",{class:`${e}-switch__rail-placeholder`},(0,o.h)("div",{class:`${e}-switch__button-placeholder`}),b)):null)),(0,o.h)("div",{class:`${e}-switch__button`},(0,l.resolveWrappedSlot)($,c=>(0,l.resolveWrappedSlot)(w,b=>(0,l.resolveWrappedSlot)(B,v=>(0,o.h)(u.NIconSwitchTransition,null,{default:()=>this.loading?(0,o.h)(u.NBaseLoading,{key:"loading",clsPrefix:e,strokeWidth:20}):this.checked&&(b||c)?(0,o.h)("div",{class:`${e}-switch__button-icon`,key:b?"checked-icon":"icon"},b||c):!this.checked&&(v||c)?(0,o.h)("div",{class:`${e}-switch__button-icon`,key:v?"unchecked-icon":"icon"},v||c):null})))),(0,l.resolveWrappedSlot)(_,c=>c&&(0,o.h)("div",{key:"checked",class:`${e}-switch__checked`},c)),(0,l.resolveWrappedSlot)(C,c=>c&&(0,o.h)("div",{key:"unchecked",class:`${e}-switch__unchecked`},c)))))}})})(I);(function(r){var s=d.commonjsGlobal&&d.commonjsGlobal.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(r,"__esModule",{value:!0}),r.switchProps=r.NSwitch=void 0;var n=I;Object.defineProperty(r,"NSwitch",{enumerable:!0,get:function(){return s(n).default}}),Object.defineProperty(r,"switchProps",{enumerable:!0,get:function(){return n.switchProps}})})(U);const je=ve({__proto__:null},[U]);exports.index=je;