@functionalui/functionalui 0.2.6 → 0.2.7

package/dist/notification-system/index.mjs

@@ -1,158 +1,5 @@
 "use client";
-import { jsx as i, jsxs as p, Fragment as w } from "react/jsx-runtime";
-import { d as I } from "../react-spring_web.modern-DgQDaJ06.js";
-import { C as r } from "../component-C1Gs4nVu.js";
-import { u as M } from "../GlobalEventContext-DUmT3Vay.js";
-import { G as v } from "../GlobalEventPortal-GjfUDr2B.js";
-import { U as x } from "../UIcon-BHzbeYWw.js";
-import { L as z } from "../component-DRXQXr2G.js";
-import { T as F } from "../component-D0wwK4KY.js";
-import { C as R } from "../generics-D33J7ILI.js";
-import { b as A, S as d, R as E, d as T } from "../generics-C-WSPclF.js";
-import { h as b, i as L, b as C } from "../classes-CVxy1f4M.js";
-import { S } from "../generics-BrMr2-Gs.js";
-import { useMemo as y, useState as _, useEffect as D } from "react";
-const G = "_message_1i7cn_1", N = "_life_1i7cn_12", u = {
-  message: G,
-  life: N
-}, P = () => {
-  const { globalEventRef: a } = M();
-  return /* @__PURE__ */ i(v, { children: /* @__PURE__ */ i(
-    $,
-    {
-      children: (l) => {
-        a.current = l;
-      }
-    }
-  ) });
-};
-let W = 0;
-function $({
-  config: a = { tension: 125, friction: 20, precision: 0.1 },
-  timeout: l = 3e3,
-  children: c
-}) {
-  const s = y(() => /* @__PURE__ */ new WeakMap(), []), m = y(() => /* @__PURE__ */ new WeakMap(), []), [g, n] = _([]), h = I(g, {
-    from: { opacity: 0, height: 0, life: "100%", y: 0 },
-    keys: (t) => t.key,
-    enter: (t) => async (o, e) => {
-      m.set(t, e), await o({
-        opacity: 1,
-        height: s.get(t).offsetHeight + 10,
-        y: 30
-      }), await o({ life: "0%" });
-    },
-    leave: [{ opacity: 0, y: 50 }, { height: 0 }],
-    onRest: (t, o, e) => {
-      n(
-        (f) => f.filter((k) => k.key !== e.key)
-      );
-    },
-    config: (t, o, e) => (f) => e === "enter" && f === "life" ? { duration: t.type.isTimeout ? l : 1e3 * 60 * 60 * 24 } : a
-  });
-  return D(() => {
-    c(
-      (t, o, e) => {
-        n((f) => [
-          ...f,
-          { key: W++, msg: t, type: o, customAction: e }
-        ]);
-      }
-    );
-  }, [c]), /* @__PURE__ */ i(
-    z,
-    {
-      display: C.Flex,
-      flexDirection: L.Column,
-      flexAlignItem: b.FlexEnd,
-      style: { position: "fixed", zIndex: 1e3, bottom: "30px", right: "30px" },
-      children: h(({ life: t, ...o }, e) => /* @__PURE__ */ i(
-        j,
-        {
-          style: o,
-          refMap: s,
-          cancelMap: m,
-          type: e.type,
-          msg: e.msg,
-          life: t,
-          item: e,
-          customAction: e.customAction
-        }
-      ))
-    }
-  );
-}
-const j = ({
-  style: a,
-  refMap: l,
-  cancelMap: c,
-  type: s,
-  msg: m,
-  life: g,
-  item: n,
-  customAction: h
-}) => {
-  const [t, o] = _(!1);
-  return /* @__PURE__ */ i(
-    r,
-    {
-      style: a,
-      className: t ? `${u.message} disabled` : u.message,
-      children: /* @__PURE__ */ i("div", { ref: (e) => e && l.set(n, e), children: /* @__PURE__ */ i(
-        r,
-        {
-          bgColor: R.Secondary2,
-          borderRadius: E.Size4,
-          padding: d.Size3,
-          boxShadow: A.Size5,
-          style: { borderBottom: "none" },
-          children: /* @__PURE__ */ p(
-            z,
-            {
-              display: C.Flex,
-              flexAlignItem: b.Center,
-              style: { position: "relative", minWidth: "200px" },
-              children: [
-                /* @__PURE__ */ i(r, { marginRight: d.Size2, children: /* @__PURE__ */ i(
-                  x,
-                  {
-                    name: s.icon,
-                    size: S.Size6,
-                    colorLight: s.color,
-                    colorDark: s.color,
-                    withMargin: !1
-                  }
-                ) }),
-                /* @__PURE__ */ i(F, { fontSize: T.Size4, children: m || s.default }),
-                /* @__PURE__ */ p(r, { marginLeft: d.Auto, paddingLeft: d.Size3, children: [
-                  h && /* @__PURE__ */ i(r, { marginRight: d.Size3, children: h }),
-                  /* @__PURE__ */ i(
-                    x,
-                    {
-                      name: "x-circle",
-                      size: S.Size4,
-                      iconAction: () => {
-                        t || (c.has(n) && g.get() !== "0%" && c.get(n)(), o(!0));
-                      },
-                      withMargin: !1
-                    }
-                  )
-                ] }),
-                (s == null ? void 0 : s.isTimeout) && /* @__PURE__ */ i(
-                  r,
-                  {
-                    className: `${u.life} ${s.classname}`,
-                    style: { right: g, transform: "translateY(8px)" }
-                  }
-                )
-              ]
-            }
-          )
-        }
-      ) })
-    }
-  );
-}, ie = () => /* @__PURE__ */ i(w, { children: /* @__PURE__ */ i(P, {}) });
+import { N as i } from "../NotificationSystem-B5NXsG0a.js";
 export {
-  ie as NotificationSystem
+  i as NotificationSystem
 };

package/dist/radio/index.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),f=require("../react-spring_web.modern-W3Nkoq_6.cjs"),c=require("../component-D-EEi7NI.cjs"),j=require("../component-B1mkowwk.cjs"),y=require("../generics-DE1oV0MV.cjs"),p=require("../values-C40_Fyfk.cjs"),q=require("../generics-9F1CmKPb.cjs"),C=require("../classes-HsjFV5aN.cjs"),L=require("../generics-nyvJhwQE.cjs"),i=require("react"),k=({id:r,checked:e,size:a=L.Sizings.Size3,handleChange:s=()=>{},vertigo:l,ref:u,children:S,...x})=>{const[t,d]=i.useState(e),[g,m]=i.useState(!1),b=o=>{d(o),s(r,o)};return i.useEffect(()=>{const o=h=>{!g||t||h.key===" "&&b(!0)};return document&&document.addEventListener("keydown",o,!1),()=>{document&&document.removeEventListener("keydown",o,!1)}},[g,t]),i.useEffect(()=>{d(e)},[e]),n.jsx(c.Container,{onClick:()=>{l&&t||(d(!t),s(r,t))},style:{cursor:"pointer"},tabIndex:0,role:"button",onFocus:()=>m(!0),onBlur:()=>m(!1),children:n.jsxs(j.Layout,{display:C.Displays.Flex,flexAlignItem:C.FlexAlignItems.Center,children:[n.jsx(R,{checked:t,size:a}),n.jsx(c.Container,{marginLeft:q.Spacings.Size1,style:{transform:"translateY(-1px)",userSelect:"none"},children:S}),n.jsx("input",{ref:u,id:r,checked:t,onChange:()=>{},type:"radio",style:{appearance:"none",backgroundColor:"transparent",margin:0,display:"none"},...x})]})})},R=({checked:r,size:e})=>{const a=f.useTransition(r,{from:{opacity:0,scale:.6},enter:{opacity:1,scale:1},leave:{opacity:0,scale:.6},config:{...f.config.stiff}}),s=f.useSpring({borderColor:r?p.COLOR_VALUES[y.ColorPalettes.Primary5]:p.COLOR_VALUES[y.ColorPalettes.Grey5]});return n.jsx(c.Container,{style:{...s,width:e,height:e,borderRadius:"50%",borderWidth:2,borderStyle:"solid",display:"flex",justifyContent:"center",alignItems:"center"},children:a((l,u)=>u&&n.jsx(c.Container,{style:{...l,width:e-10,height:e-10,borderRadius:"50%",backgroundColor:p.COLOR_VALUES[y.ColorPalettes.Primary5]}}))})};exports.Radio=k;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Radio-QbaBzLpf.cjs");exports.Radio=e.Radio;

package/dist/radio/index.mjs

@@ -1,121 +1,5 @@
 "use client";
-import { jsx as o, jsxs as x } from "react/jsx-runtime";
-import { d as k, c as I, u as L } from "../react-spring_web.modern-DgQDaJ06.js";
-import { C as i } from "../component-C1Gs4nVu.js";
-import { L as w } from "../component-DRXQXr2G.js";
-import { C as d } from "../generics-D33J7ILI.js";
-import { a as u } from "../values-CSE3dLnv.js";
-import { S as F } from "../generics-C-WSPclF.js";
-import { h as A, b as E } from "../classes-CVxy1f4M.js";
-import { S as R } from "../generics-BrMr2-Gs.js";
-import { useState as y, useEffect as g } from "react";
-const W = ({
-  id: t,
-  checked: e,
-  size: a = R.Size3,
-  handleChange: s = () => {
-  },
-  vertigo: l,
-  ref: c,
-  children: h,
-  ...C
-}) => {
-  const [r, m] = y(e), [f, p] = y(!1), S = (n) => {
-    m(n), s(t, n);
-  };
-  return g(() => {
-    const n = (b) => {
-      !f || r || b.key === " " && S(!0);
-    };
-    return document && document.addEventListener("keydown", n, !1), () => {
-      document && document.removeEventListener("keydown", n, !1);
-    };
-  }, [f, r]), g(() => {
-    m(e);
-  }, [e]), /* @__PURE__ */ o(
-    i,
-    {
-      onClick: () => {
-        l && r || (m(!r), s(t, r));
-      },
-      style: { cursor: "pointer" },
-      tabIndex: 0,
-      role: "button",
-      onFocus: () => p(!0),
-      onBlur: () => p(!1),
-      children: /* @__PURE__ */ x(w, { display: E.Flex, flexAlignItem: A.Center, children: [
-        /* @__PURE__ */ o(j, { checked: r, size: a }),
-        /* @__PURE__ */ o(
-          i,
-          {
-            marginLeft: F.Size1,
-            style: { transform: "translateY(-1px)", userSelect: "none" },
-            children: h
-          }
-        ),
-        /* @__PURE__ */ o(
-          "input",
-          {
-            ref: c,
-            id: t,
-            checked: r,
-            onChange: () => {
-            },
-            type: "radio",
-            style: {
-              appearance: "none",
-              backgroundColor: "transparent",
-              margin: 0,
-              display: "none"
-            },
-            ...C
-          }
-        )
-      ] })
-    }
-  );
-}, j = ({ checked: t, size: e }) => {
-  const a = k(t, {
-    from: { opacity: 0, scale: 0.6 },
-    enter: { opacity: 1, scale: 1 },
-    leave: { opacity: 0, scale: 0.6 },
-    config: {
-      ...I.stiff
-    }
-  }), s = L({
-    borderColor: t ? u[d.Primary5] : u[d.Grey5]
-  });
-  return /* @__PURE__ */ o(
-    i,
-    {
-      style: {
-        ...s,
-        width: e,
-        height: e,
-        borderRadius: "50%",
-        borderWidth: 2,
-        borderStyle: "solid",
-        display: "flex",
-        justifyContent: "center",
-        alignItems: "center"
-      },
-      children: a(
-        (l, c) => c && /* @__PURE__ */ o(
-          i,
-          {
-            style: {
-              ...l,
-              width: e - 10,
-              height: e - 10,
-              borderRadius: "50%",
-              backgroundColor: u[d.Primary5]
-            }
-          }
-        )
-      )
-    }
-  );
-};
+import { R as a } from "../Radio-Dd5W2Lpf.js";
 export {
-  W as Radio
+  a as Radio
 };

package/dist/{react-spring_web.modern-DgQDaJ06.js → react-spring_web.modern-DUf5COpz.js}

@@ -1,5 +1,5 @@
 import * as _e from "react";
-import { useEffect as Qe, useLayoutEffect as Nn, useState as zn, useRef as H, forwardRef as Dn, useCallback as Qn, useMemo as ve, useContext as Yt } from "react";
+import { useState as Nn, useRef as H, useEffect as Qe, useLayoutEffect as zn, forwardRef as Dn, useCallback as Qn, useMemo as ve, useContext as Yt } from "react";
 import { unstable_batchedUpdates as Mn } from "react-dom";
 var yt = Ee(), S = (e) => Ce(e, yt), _t = Ee();
 S.write = (e) => Ce(e, _t);
@@ -586,14 +586,14 @@ function He(e) {
   return o.str(e) && (e[0] == "#" || /\d/.test(e) || // Do not identify a CSS variable as an AnimatedString if its SSR
   !xt() && Ge.test(e) || e in (ie || {}));
 }
-var ae = xt() ? Qe : Nn, bi = () => {
+var ae = xt() ? Qe : zn, bi = () => {
   const e = H(!1);
   return ae(() => (e.current = !0, () => {
     e.current = !1;
   }), []), e;
 };
 function Rt() {
-  const e = zn()[1], t = bi();
+  const e = Nn()[1], t = bi();
   return () => {
     t.current && e(Math.random());
   };

package/dist/select-spring/index.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),M=require("../component-B1mkowwk.cjs"),T=require("../generics-DE1oV0MV.cjs"),y=require("../classes-HsjFV5aN.cjs"),n=require("../types-DevrYOgX.cjs"),f=require("react"),F=require("../web-yC_cLoAC.cjs"),N=require("../useClickOutsideDOM-Dd6ewH8B.cjs"),b=require("../component-D-EEi7NI.cjs"),_=require("../component-Bh3EPTN0.cjs"),a=require("../generics-9F1CmKPb.cjs"),w=require("../react-spring_web.modern-W3Nkoq_6.cjs"),P=require("../component-D_igOAz3.cjs"),V=require("../component-BbvCmqLI.cjs"),h=require("../values-C40_Fyfk.cjs"),$=require("../UIcon-B5rpDmHC.cjs"),Z="_ul_5jv7w_1",G="_li_5jv7w_5",z={ul:Z,li:G},R={[n.DropdownPositions.Top]:{from:{y:-10},enter:{y:-1},leave:{y:-10}},[n.DropdownPositions.Bottom]:{from:{y:10},enter:{y:-1},leave:{y:10}}},J=({dropdownHeightStyle:e,isOpen:t,dropdownPosition:s,position:o,selectState:i,children:l})=>{switch(e){case n.DropdownHeightStyles.Default:return r.jsx(B,{dropdownHeightStyle:e,isOpen:t,dropdownPosition:s,position:o,selectState:i,children:l});case n.DropdownHeightStyles.AutoHeight:return r.jsx(X,{dropdownHeightStyle:e,isOpen:t,dropdownPosition:s,position:o,selectState:i,children:l});default:return r.jsx(B,{dropdownHeightStyle:e,isOpen:t,dropdownPosition:s,position:o,selectState:i,children:l})}},B=({isOpen:e,dropdownPosition:t,position:s,children:o})=>w.useTransition(e,{from:{opacity:0,...R[t].from},enter:{opacity:1,...R[t].enter},leave:{opacity:0,...R[t].leave}})((l,c)=>c&&r.jsx(P.F__Ul,{style:{...l,transformOrigin:t===n.DropdownPositions.Top?"bottom center":t===n.DropdownPositions.Bottom?"top center":s<0?"bottom center":"top center"},className:z.ul,children:o})),X=({isOpen:e,dropdownPosition:t,position:s,children:o})=>w.useTransition(e,{from:{opacity:0,scaleY:0},enter:{opacity:1,scaleY:1},leave:{opacity:0,scaleY:.5},config(l,c,d){return d==="leave"?{duration:100}:w.config.default}})((l,c)=>c&&r.jsx(P.F__Ul,{style:{...l,transformOrigin:t===n.DropdownPositions.Top?"bottom center":t===n.DropdownPositions.Bottom?"top center":s<0?"bottom center":"top center"},className:z.ul,children:o})),K=({handleSelectItem:e,id:t,idx:s,children:o,colorSet:i})=>{const[l,c]=w.useSpring(()=>({backgroundColor:h.COLOR_VALUES[T.ColorPalettes.Grey2]}));return r.jsx(V.F__Li,{className:z.li,paddingTop:a.Spacings.Size1,paddingBottom:a.Spacings.Size1,paddingLeft:a.Spacings.Size2,paddingRight:a.Spacings.Size2,marginTop:a.Spacings.Size0,style:{listStyle:"none",cursor:"pointer",userSelect:"none",...l},onMouseEnter:()=>{c.start({backgroundColor:h.COLOR_VALUES[h.ColorRanges[i][0]+2]})},onMouseLeave:()=>{c.start({backgroundColor:h.COLOR_VALUES[T.ColorPalettes.Grey2]})},onMouseDown:()=>{c.start({backgroundColor:h.COLOR_VALUES[h.ColorRanges[i][0]+3]})},onClick:()=>e(t,s),children:o})},Q=(e,t)=>{const[s,o]=f.useState(null);f.useEffect(()=>{const l=()=>{o({width:window?window.innerWidth:0,height:window?window.innerHeight:0})};return window&&window.addEventListener("resize",l),()=>{window&&window.removeEventListener("resize",l)}},[]);const i=e.height+10;return s&&i+e.top>s.height?-1:1},ee=({isSelectOpen:e,selectOptions:t,handleSelectItem:s,selectState:o,dropdownHeightStyle:i,dropdownPosition:l=n.DropdownPositions.Bottom,colorSet:c,headerHeight:d,w:m})=>{const[v,x]=F.useMeasure(),C=Q(x),g=C>0?d-1:-x.height;return r.jsx(b.Container,{ref:v,borderRadius:n.SELECT_STATES[o].dropdown.borderRadius,borderBottomLeftRadius:a.Radiuses.Size0,borderBottomRightRadius:a.Radiuses.Size0,borderWidth:n.SELECT_STATES[o].header.borderWidth,borderColor:n.SELECT_STATES[o].header.borderColor,style:{maxHeight:250,width:m,overflowY:"scroll",position:"absolute",transform:`translateY(${g}px)`,overscrollBehaviorY:"none"},children:r.jsx(J,{dropdownHeightStyle:i,isOpen:e,dropdownPosition:l,selectState:o,position:C,children:t.map((u,E)=>r.jsx(K,{handleSelectItem:s,id:u.id,idx:E,colorSet:c,children:r.jsx(b.Container,{paddingTop:a.Spacings.Size1,paddingBottom:a.Spacings.Size1,paddingLeft:a.Spacings.Size2,paddingRight:a.Spacings.Size2,children:r.jsx(_.Text_Span,{children:u.text})})},u.id))})})},te=({selectedValues:e,doubleZero:t,title:s,selectedValueStyles:o=n.SelectedValuesStyles.Text,sizes:i=n.SelectSizes.Medium})=>(e.length===1&&e[0].text,e.length<1?r.jsx(oe,{sizes:i,title:s}):o===n.SelectedValuesStyles.Text?r.jsx(r.Fragment,{children:e.map((l,c)=>r.jsx(_.Text_Span,{fontSize:n.SELECT_SIZES[i].font.size,children:l.text},c))}):r.jsx(r.Fragment,{children:e.map((l,c)=>r.jsx(_.Text_Span,{fontSize:n.SELECT_SIZES[i].font.size,children:l.text},c))})),oe=({title:e,sizes:t})=>r.jsx(_.Text_Span,{fontSize:n.SELECT_SIZES[t].font.size,children:e}),ne=({setOpenDropdown:e,openDropdown:t,title:s,doubleZero:o,selectState:i,selectedValues:l,selectedValueStyles:c,sizes:d=n.SelectSizes.Medium})=>r.jsx(b.Container,{style:{cursor:"pointer"},paddingTop:a.Spacings.Size1,paddingBottom:a.Spacings.Size1,paddingLeft:a.Spacings.Size2,paddingRight:a.Spacings.Size2,borderRadius:n.SELECT_STATES[i].header.borderRadius,borderWidth:n.SELECT_STATES[i].header.borderWidth,borderColor:n.SELECT_STATES[i].header.borderColor,borderTopLeftRadius:t?a.Radiuses.Size0:void 0,borderTopRightRadius:t?a.Radiuses.Size0:void 0,bgColor:n.SELECT_STATES[i].header.bgColor,onClick:()=>e(m=>!m),children:r.jsxs(M.Layout,{display:y.Displays.Flex,flexAlignItem:y.FlexAlignItems.Center,flexJustifyContent:y.FlexJustifyContents.SpaceBetween,children:[r.jsx(te,{sizes:d,selectedValues:l,doubleZero:o,title:s,selectedValueStyles:c}),r.jsx("div",{className:"icon",children:r.jsx(re,{isSelectOpen:t,sizes:d})})]})}),re=({isSelectOpen:e,sizes:t,cursor:s=a.Cursors.Pointer})=>{const o=w.useSpring({rotateX:e?180:0});return r.jsx(b.Container,{style:o,children:r.jsx($.UIcon,{name:"chevron-down",colorLight:T.ColorPalettes.Grey5,colorDark:T.ColorPalettes.Grey5,size:n.SELECT_SIZES[t].icon.size,cursor:s})})};function se(e,t){switch(t.type){case"field":return{...e,[t.field]:t.value};case"select":return{...e,selectedItemIdx:t.value,selectOptions:e.selectOptions.map((s,o)=>t.value===o?{...s,selected:!0}:{...s,selected:!1}),openDropdown:!1,selectState:n.SelectStates.Selected};case"open":return{...e,openDropdown:!0};case"close":return{...e,openDropdown:!1};case"open-close":return{...e,openDropdown:!e.openDropdown};case"parent-update-selected":return{...e,selectedItemIdx:t.value,selectOptions:e.selectOptions.map((s,o)=>({...s,selected:o===t.value}))};default:return e}}const ie=({id:e,title:t,options:s,selectedIdx:o=null,w:i=225,doubleZero:l=!1,required:c=!1,dropdownHeightStyle:d=n.DropdownHeightStyles.AutoHeight,state:m=n.SelectStates.Default,selectedValuesStyle:v=n.SelectedValuesStyles.Text,colorSet:x=T.ColorSets.Primarys,dropdownPosition:C=n.DropdownPositions.Bottom,setSelectedIdx:g,setInput:u})=>{const[E,k]=f.useState(!1),[H,p]=f.useReducer(se,{selectState:m,openDropdown:!1,selectedItemIdx:o,selectOptions:s}),{openDropdown:D,selectedItemIdx:j,selectOptions:L,selectState:A}=H;f.useEffect(()=>{k(!0),typeof o=="number"&&(g&&g(o),u&&u(S=>({...S,[e]:s[o]})))},[]),f.useEffect(()=>{typeof o=="number"&&p({type:"parent-update-selected",value:o})},[o]),f.useEffect(()=>{c&&E&&!D&&p(typeof j=="number"&&j!==-1?{type:"field",field:"selectState",value:n.SelectStates.Default}:{type:"field",field:"selectState",value:n.SelectStates.Error})},[E,D,c,j]);const I=(S,O)=>{p({type:"select",value:O}),g&&g(O),u&&u(Y=>({...Y,[S]:L[O]}))},W=N.useClickOutsideDOM(()=>{p({type:"close"})}),[U,q]=F.useMeasure();return r.jsxs(M.Layout,{ref:W,display:y.Displays.Flex,flexDirection:y.FlexDirections.Column,style:{width:i,maxWidth:i},children:[r.jsx("div",{ref:U,children:r.jsx(ne,{w:i,setOpenDropdown:()=>p({type:"open-close"}),selectState:A,setSelectState:S=>p({type:"field",field:"selectState",value:S}),openDropdown:D,title:t,doubleZero:l,selectedValues:L.filter(S=>S.selected===!0),selectedValueStyles:v,options:s})}),r.jsx(ee,{isSelectOpen:D,closeSelect:()=>p({type:"close"}),selectOptions:L,handleSelectItem:I,selectState:A,dropdownHeightStyle:d,dropdownPosition:C,colorSet:x,headerHeight:q.height,w:q.width})]})};exports.SelectSpring=ie;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../SelectSpring-DFKWTbF1.cjs");exports.SelectSpring=e.SelectSpring;