balala-revogrid 1.0.0

package/dist/collection/components/header/revogr-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"revogr-header.js","sourceRoot":"","sources":["../../../src/components/header/revogr-header.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,OAAO,EACP,KAAK,EAEL,CAAC,EACD,IAAI,EACJ,IAAI,GAEL,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,MAAM,cAAc,CAAC;AAEjC,OAAO,EAAE,cAAc,EAAU,MAAM,QAAQ,CAAC;AAChD,OAAO,EAAE,uBAAuB,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC/E,OAAO,cAAqC,MAAM,mBAAmB,CAAC;AAetE,OAAO,mBAEN,MAAM,yBAAyB,CAAC;AAMjC,MAAM,OAAO,qBAAqB;IAJlC;QAwCE;;WAEG;QACK,kBAAa,GAAG,CAAC,CAAC;QA8B1B;;WAEG;QACK,mBAAc,GAAQ,EAAE,CAAC;KAyZlC;IApVS,QAAQ,CAAC,EAAE,KAAK,EAAsB,EAAE,KAAa;QAC3D,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QAChC,MAAM,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC;4CAE9B,GAAG,KACN,IAAI,EAAE,KAAK,IAAI,SAAS;SAE3B,CAAC,CAAC;QACH,IAAI,KAAK,CAAC,gBAAgB,EAAE,CAAC;YAC3B,OAAO;QACT,CAAC;QACD,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,CAAC,CAAC;IAClD,CAAC;IAEO,aAAa,CACnB,QAAgB,EAChB,UAAkB,EAClB,QAAgB;;QAEhB,MAAM,KAAK,GAAwB,EAAE,CAAC;QACtC,+CAA+C;QAC/C,MAAM,KAAK,GAAG,MAAA,IAAI,CAAC,aAAa,mCAAI,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QAClE,MAAM,IAAI,GAAG,KAAK,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;QACvC,MAAM,MAAM,GAAG,QAAQ,GAAG,CAAC,QAAQ,GAAG,UAAU,GAAG,CAAC,CAAC,CAAC;QACtD,KAAK,IAAI,CAAC,GAAG,UAAU,EAAE,CAAC,IAAI,QAAQ,EAAE,CAAC,EAAE,EAAE,CAAC;YAC5C,MAAM,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;YACrB,IAAI,IAAI,EAAE,CAAC;gBACT,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC;YAChC,CAAC;QACH,CAAC;QACD,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAChC,CAAC;IAED,kBAAkB;QAChB,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC9C,CAAC;IAED;;;OAGG;IACK,aAAa,CAAC,CAAa;QACjC,WAAW;QACX,MAAM,cAAc,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,wBAAwB,CAAC,CAAC;QACtE,IAAI,CAAC,cAAc,EAAE,CAAC;YACpB,OAAO;QACT,CAAC;QAED,YAAY;QACZ,MAAM,WAAW,GAAG,cAAc,CAAC,WAAW,IAAI,CAAC,CAAC;QACpD,MAAM,WAAW,GAAG,cAAc,CAAC,WAAW,IAAI,CAAC,CAAC;QACpD,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,WAAW,GAAG,WAAW,CAAC,CAAC;QAC7D,MAAM,gBAAgB,GAAG,EAAE,CAAC;QAE5B,2BAA2B;QAC3B,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;QAChC,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;QAChC,MAAM,kBAAkB,GAAG,CAAC,IAAI,GAAG,IAAI,IAAI,IAAI,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,IAAI,IAAI,GAAG,CAAC,CAAC,CAAC;QAEjF,2BAA2B;QAC3B,IAAI,kBAAkB,IAAI,aAAa,IAAI,gBAAgB,EAAE,CAAC;YAC5D,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,OAAO;QACT,CAAC;QAED,4BAA4B;QAC5B,IAAI,kBAAkB,EAAE,CAAC;YACvB,CAAC,CAAC,eAAe,EAAE,CAAC;YAEpB,gBAAgB;YAChB,MAAM,WAAW,GAAG,IAAI,WAAW,CAAC,uBAAuB,EAAE;gBAC3D,OAAO,EAAE,IAAI;gBACb,MAAM,EAAE;oBACN,MAAM,EAAE,CAAC,CAAC,MAAM;oBAChB,MAAM,EAAE,CAAC,CAAC,MAAM;oBAChB,QAAQ,EAAE,CAAC,CAAC,QAAQ;oBACpB,cAAc,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE;iBACzC;aACF,CAAC,CAAC;YACH,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;QAC1C,CAAC;IACH,CAAC;IAED;;;OAGG;IACK,uBAAuB;QAC7B,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;YACxB,OAAO,SAAS,CAAC;QACnB,CAAC;QAED,mBAAmB;QACnB,MAAM,aAAa,GAAG,gBAAgB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACrD,MAAM,SAAS,GAAG,aAAa,CAAC,gBAAgB,CAAC,wBAAwB,CAAC,CAAC,IAAI,EAAE,CAAC;QAElF,IAAI,SAAS,EAAE,CAAC;YACd,MAAM,WAAW,GAAG,UAAU,CAAC,SAAS,CAAC,CAAC;YAC1C,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC;gBACxB,OAAO,WAAW,GAAG,CAAC,CAAC;YACzB,CAAC;QACH,CAAC;QAED,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,MAAM;;QACJ,+CAA+C;QAC/C,wBAAwB;QACxB,MAAM,IAAI,GAAG,MAAA,IAAI,CAAC,aAAa,mCAAI,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QACjE,MAAM,KAAK,GAAG,MAAA,IAAI,CAAC,cAAc,mCAAI,MAAA,IAAI,CAAC,cAAc,0CAAE,GAAG,CAAC,OAAO,CAAC,CAAC;QAEvE,aAAa;QACb,IAAI,IAAI,CAAC,IAAI,KAAK,YAAY,EAAE,CAAC;YAC/B,MAAM,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;YACzB,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;YACtC,OAAO,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,IAAI,WAAW,EAAE;gBACpC,SAAS,EAAE,IAAI,CAAC,MAAM;gBACtB,YAAY,EAAE,MAAA,IAAI,CAAC,OAAO,0CAAE,MAAM;gBAClC,SAAS,EAAE,CAAC,CAAC,IAAI,CAAC,aAAa;gBAC/B,aAAa,EAAE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,SAAS;gBAClC,YAAY,EAAE,MAAA,MAAA,IAAI,CAAC,OAAO,0CAAG,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,SAAS,CAAC,0CAAE,IAAI;gBACvD,YAAY,EAAE,MAAA,MAAA,IAAI,CAAC,OAAO,0CAAG,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,SAAS,CAAC,0CAAE,IAAI;gBACvD,YAAY,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS;gBAChC,WAAW,EAAE,MAAA,MAAA,IAAI,CAAC,OAAO,0CAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,CAAC,0CAAE,IAAI;gBACrD,WAAW,EAAE,MAAA,MAAA,IAAI,CAAC,OAAO,0CAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,CAAC,0CAAE,IAAI;gBACrD,WAAW,EAAE,MAAA,IAAI,CAAC,OAAO,0CAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC;aACxD,CAAC,CAAC;QACL,CAAC;QAED,aAAa;QACb,MAAM,cAAc,GAAG,IAAI,CAAC,uBAAuB,EAAE,CAAC;QAEtD,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC,mBAAmB,CAAC,IAAI,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC;QAC/F,MAAM,QAAQ,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC;QAE9C,mCAAmC;QACnC,MAAM,SAAS,GAAG,IAAI,CAAC,aAAa,GAAG,CAAC,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,CAAC;QAC9D,MAAM,SAAS,GAAG,SAAS,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,QAAiB,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;QAE5E,wBAAwB;QACxB,MAAM,cAAc,GAAG,IAAI,CAAC,uBAAuB,EAAE,CAAC;QACtD,MAAM,QAAQ,GAAG,cAAc,KAAK,SAAS;YAC3C,CAAC,CAAC,EAAE,MAAM,EAAE,GAAG,cAAc,IAAI,EAAE,UAAU,EAAE,GAAG,cAAc,IAAI,EAAE;YACtE,CAAC,CAAC,SAAS,CAAC;QAEd,OAAO,CACL,EAAC,IAAI,qDAAC,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,CAAa,EAAE,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC;YACvE,4DAAK,KAAK,EAAC,aAAa,EAAC,KAAK,EAAE,QAAQ;gBACrC,QAAQ;gBACR,cAAc,CACX;YACN,4DAAK,KAAK,EAAE,GAAG,gBAAgB,IAAI,uBAAuB,EAAE,EAAE,KAAK,EAAE,QAAQ,IAC1E,YAAY,CACT,CACD,CACR,CAAC;IACJ,CAAC;IAED;;OAEG;IACK,uBAAuB;QAC7B,MAAM,cAAc,GAAG,IAAI,GAAG,EAAU,CAAC;QACzC,IAAI,IAAI,CAAC,aAAa,GAAG,CAAC,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YAC1C,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC,EAAE,EAAE,CAAC;gBAC5C,IAAI,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;oBACnB,KAAK,MAAM,KAAK,IAAI,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;wBACnC,KAAK,MAAM,GAAG,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;4BAChC,cAAc,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;wBAC1B,CAAC;oBACH,CAAC;gBACH,CAAC;YACH,CAAC;QACH,CAAC;QACD,OAAO,cAAc,CAAC;IACxB,CAAC;IAEO,mBAAmB,CACzB,IAA2B,EAC3B,KAAuB,EACvB,cAA2B;;QAE3B,MAAM,YAAY,GAAY,EAAE,CAAC,CAAI,yBAAyB;QAC9D,MAAM,cAAc,GAAY,EAAE,CAAC,CAAE,sBAAsB;QAE3D,kBAAkB;QAClB,MAAM,YAAY,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC5E,MAAM,YAAY,GAAG,MAAA,IAAI,CAAC,YAAY,mCAAI,KAAK,CAAC;QAChD,MAAM,QAAQ,GAAG,MAAA,IAAI,CAAC,QAAQ,mCAAI,KAAK,CAAC;QAExC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YACrC,MAAM,KAAK,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;YACtB,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;YAC9C,MAAM,SAAS,GAAG,IAAI,CAAC,aAAa,GAAG,CAAC,IAAI,cAAc,CAAC,GAAG,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;YAEhF,uCAAuC;YACvC,MAAM,eAAe,GAAG,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,MAAK,KAAK,IAAI,IAAI,CAAC,SAAS,CAAC;YAEvE,mCAAmC;YACnC,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,IAAI,CAAC,GAAG,CAAC,CAAC;YAE3C,YAAY;YACZ,MAAM,YAAY,GAAG,KAAK,CAAC,SAAS,KAAK,YAAY,CAAC;YACtD,MAAM,wBAAwB,GAAG,YAAY,IAAI,CAC/C,CAAC,YAAY,IAAI,IAAI,CAAC,IAAI,KAAK,WAAW,CAAC;gBAC3C,CAAC,CAAC,YAAY,IAAI,QAAQ,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,CAAC;gBACpD,CAAC,CAAC,YAAY,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,IAAI,KAAK,aAAa,CAAC,CAC5D,CAAC;YAEF,MAAM,KAAK,GAAsB;gBAC/B,KAAK;gBACL,MAAM,EAAE,KAAK;gBACb,IAAI,kCACC,OAAO,KACV,KAAK,EAAE,KAAK,CAAC,SAAS,EACtB,SAAS,EAAE,IAAI,CAAC,SAAS,GAC1B;gBACD,SAAS,EAAE,CAAC,CAAC,IAAI,CAAC,YAAY;gBAC9B,SAAS,EAAE,eAAe;gBAC1B,MAAM;gBACN,cAAc,EAAE,IAAI,CAAC,cAAc;gBACnC,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;gBAChD,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC;gBAC5C,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAC,CAAC;gBAC7C,SAAS;gBACT,MAAM,EAAE,IAAI,CAAC,aAAa,GAAG,CAAC,IAAI,CAAC,SAAS;gBAC5C,aAAa,EAAE,IAAI,CAAC,aAAa;gBACjC,WAAW;gBACX,SAAS,EAAE,SAAS;gBACpB,YAAY;gBACZ,YAAY,EAAE,wBAAwB;aACvC,CAAC;YAEF,MAAM,KAAK,GAAG,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAClD,IAAI,CAAC,KAAK,CAAC,gBAAgB,EAAE,CAAC;gBAC5B,6CAA6C;gBAC7C,yCAAyC;gBACzC,mCAAmC;gBACnC,MAAM,SAAS,GAAG,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI;oBAC7B,CAAC,CAAC,UAAU,IAAI,CAAC,IAAI,IAAI,OAAO,CAAC,IAAI,EAAE;oBACvC,CAAC,CAAC,UAAU,IAAI,CAAC,IAAI,QAAQ,KAAK,CAAC,SAAS,EAAE,CAAC;gBAEjD,IAAI,SAAS,EAAE,CAAC;oBACd,yBAAyB;oBACzB,YAAY,CAAC,IAAI,CAAC,EAAC,cAAc,kBAAC,GAAG,EAAE,SAAS,IAAM,KAAK,CAAC,MAAa,EAAI,CAAC,CAAC;gBACjF,CAAC;qBAAM,IAAI,IAAI,CAAC,aAAa,GAAG,CAAC,EAAE,CAAC;oBAClC,iCAAiC;oBACjC,cAAc,CAAC,IAAI,CAAC,EAAC,cAAc,kBAAC,GAAG,EAAE,SAAS,IAAM,KAAK,CAAC,MAAa,EAAI,CAAC,CAAC;gBACnF,CAAC;qBAAM,CAAC;oBACN,2BAA2B;oBAC3B,YAAY,CAAC,IAAI,CAAC,EAAC,cAAc,kBAAC,GAAG,EAAE,SAAS,IAAM,KAAK,CAAC,MAAa,EAAI,CAAC,CAAC;gBACjF,CAAC;YACH,CAAC;QACH,CAAC;QACD,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,CAAC;IAC1C,CAAC;IAEO,qBAAqB;;QAC3B,MAAM,QAAQ,GAAY,EAAE,CAAC;QAC7B,+CAA+C;QAC/C,MAAM,IAAI,GAAG,MAAA,IAAI,CAAC,aAAa,mCAAI,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QACjE,MAAM,YAAY,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC5E,MAAM,YAAY,GAAG,MAAA,IAAI,CAAC,YAAY,mCAAI,KAAK,CAAC;QAChD,MAAM,QAAQ,GAAG,MAAA,IAAI,CAAC,QAAQ,mCAAI,KAAK,CAAC;QAExC,gDAAgD;QAChD,MAAM,cAAc,GAAG,MAAA,IAAI,CAAC,cAAc,mCAAI,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC;QAEtE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC,EAAE,EAAE,CAAC;YAC5C,IAAI,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;gBACnB,KAAK,IAAI,KAAK,IAAI,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;oBACjC,MAAM,eAAe,GAAG,MAAA,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,mCAAI,CAAC,CAAC,CAAC;oBAC/C,IAAI,eAAe,GAAG,CAAC,CAAC,EAAE,CAAC;wBACzB,MAAM,aAAa,GAAG,eAAe,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC;wBAEjE,MAAM,UAAU,GAAG,cAAc,CAC/B,cAAc,EACd,eAAe,CAChB,CAAC,KAAK,CAAC;wBACR,MAAM,QAAQ,GAAG,cAAc,CAC7B,cAAc,EACd,aAAa,CACd,CAAC,GAAG,CAAC;wBAEN,eAAe;wBACf,MAAM,uBAAuB,GAAG,aAAa,KAAK,YAAY,CAAC;wBAC/D,MAAM,wBAAwB,GAAG,uBAAuB,IAAI,CAC1D,CAAC,YAAY,IAAI,IAAI,CAAC,IAAI,KAAK,WAAW,CAAC;4BAC3C,CAAC,CAAC,YAAY,IAAI,QAAQ,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,CAAC;4BACpD,CAAC,CAAC,YAAY,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,IAAI,KAAK,aAAa,CAAC,CAC5D,CAAC;wBAEF,MAAM,KAAK,GAA6B;4BACtC,SAAS,EAAE,IAAI,CAAC,SAAS;4BACzB,KAAK,EAAE,UAAU;4BACjB,GAAG,EAAE,QAAQ;4BACb,KAAK;4BACL,MAAM,EAAE,IAAI,CAAC,aAAa;4BAC1B,SAAS,EAAE,KAAK,EAAE,aAAa;4BAC/B,cAAc,EAAE,IAAI,CAAC,cAAc;4BACnC,QAAQ,EAAE,CAAC,CAAC,EAAE;;gCACZ,OAAA,IAAI,CAAC,aAAa,CAChB,MAAA,CAAC,CAAC,QAAQ,mCAAI,CAAC,EACf,eAAe,EACf,aAAa,CACd,CAAA;6BAAA;4BACH,YAAY,EAAE,wBAAwB;yBACvC,CAAC;wBACF,MAAM,KAAK,GAAG,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;wBACvD,IAAI,CAAC,KAAK,CAAC,gBAAgB,EAAE,CAAC;4BAC5B,kCAAkC;4BAClC,wBAAwB;4BACxB,MAAM,UAAU,GAAG,MAAA,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,mCAAI,eAAe,CAAC;4BACvD,MAAM,QAAQ,GAAG,gBAAgB,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,UAAU,EAAE,CAAC;4BAChE,QAAQ,CAAC,IAAI,CAAC,EAAC,mBAAmB,kBAAC,GAAG,EAAE,QAAQ,IAAM,KAAK,CAAC,MAAa,EAAI,CAAC,CAAC;wBACjF,CAAC;oBACH,CAAC;gBACH,CAAC;YACH,CAAC;YACD,MAAM,cAAc,GAAG,IAAI,CAAC,uBAAuB,EAAE,CAAC;YACtD,MAAM,aAAa,GAAG,cAAc,KAAK,SAAS;gBAChD,CAAC,CAAC,EAAE,MAAM,EAAE,GAAG,cAAc,IAAI,EAAE;gBACnC,CAAC,CAAC,SAAS,CAAC;YACd,QAAQ,CAAC,IAAI,CAAC,WAAK,KAAK,EAAE,GAAG,gBAAgB,QAAQ,EAAE,KAAK,EAAE,aAAa,GAAI,CAAC,CAAC;QACnF,CAAC;QACD,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,IAAI,SAAS;QACX,OAAO;YACL,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,IAAI,EAAE,IAAI,CAAC,OAAO;YAClB,QAAQ,EAAE,IAAI,CAAC,WAAW;YAC1B,SAAS,EAAE,IAAI,CAAC,YAAY;YAC5B,SAAS,EAAE,IAAI,CAAC,cAAc;SAC/B,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Prop,\n  type VNode,\n} from '@stencil/core';\nimport keyBy from 'lodash/keyBy';\n\nimport { getItemByIndex, Groups } from '@store';\nimport { HEADER_ACTUAL_ROW_CLASS, HEADER_ROW_CLASS } from '../../utils/consts';\nimport HeaderRenderer, { HeaderRenderProps } from './header-renderer';\nimport { ResizeProps } from './resizable.directive';\nimport type {\n  ColumnRegular,\n  DimensionSettingsState,\n  InitialHeaderClick,\n  ViewportState,\n  ViewSettingSizeProp,\n  DimensionCols,\n  SelectionStoreState,\n  RangeArea,\n  VirtualPositionItem,\n  ProvidersColumns,\n} from '@type';\nimport type { Observable } from '../../utils';\nimport GroupHeaderRenderer, {\n  HeaderGroupRendererProps,\n} from './header-group-renderer';\n\n@Component({     \n  tag: 'revogr-header',\n  styleUrl: 'revogr-header-style.scss',\n})\nexport class RevogrHeaderComponent {\n  // #region Properties\n  /**\n   * Stores\n   */\n  /** Viewport X */\n  @Prop({ mutable: false }) viewportCol: Observable<ViewportState>;\n  /** Dimension settings X */\n  @Prop({ mutable: false }) dimensionCol: Observable<DimensionSettingsState>;\n  /** Selection, range, focus */\n  @Prop({ mutable: false }) selectionStore: Observable<SelectionStoreState>;\n\n  /**\n   * Viewport items (alternative to Observable)\n   * When provided, this will be used instead of reading from viewportCol Observable\n   * This allows parent component to control rendering timing\n   */\n  @Prop() viewportItems?: VirtualPositionItem[];\n\n  /**\n   * Dimension state (alternative to Observable)\n   * When provided, this will be used instead of reading from dimensionCol Observable\n   * This allows parent component to control rendering timing\n   */\n  @Prop() dimensionState?: DimensionSettingsState;\n  \n  /**\n   * Selection range (alternative to Observable)\n   * When provided, this will be used instead of reading from selectionStore Observable\n   */\n  @Prop() selectionRange?: RangeArea | null;\n\n  /**\n   * Column groups\n   */\n  @Prop() groups: Groups;\n  /**\n   * Grouping depth, how many levels of grouping\n   */\n  @Prop() groupingDepth = 0;\n\n  /**\n   * Readonly mode\n   */\n  @Prop() readonly: boolean;\n  /**\n   * If columns can be resized\n   */\n  @Prop() canResize: boolean;\n  /**\n   * Defines resize position\n   */\n  @Prop() resizeHandler: ResizeProps['active'];\n\n  /**\n   * Columns - defines an array of grid columns.\n   */\n  @Prop() colData: ColumnRegular[];\n\n  /**\n   * Column filter\n   */\n  @Prop() columnFilter: boolean;\n\n  /**\n   * Column type\n   */\n  @Prop() type!: DimensionCols | 'rowHeaders';\n\n  /**\n   * Extra properties to pass into header renderer, such as vue or react components to handle parent\n   */\n  @Prop() additionalData: any = {};\n  \n  /**\n   * Whether there are colPinEnd columns in the grid\n   * Used to determine which column should get the last-column class\n   */\n  @Prop() hasColPinEnd?: boolean;\n  \n  /**\n   * Whether there are rgCol columns in the grid\n   * Used to determine which column should get the last-column class\n   */\n  @Prop() hasRgCol?: boolean;\n  // #endregion\n\n  // #region Events\n\n  /**\n   * On initial header click\n   */\n  @Event({\n    eventName: 'beforeheaderclick',\n  })\n  initialHeaderClick: EventEmitter<InitialHeaderClick>;\n\n  /**\n   * On header resize\n   */\n  @Event({\n    eventName: 'headerresize',\n  })\n  headerresize: EventEmitter<ViewSettingSizeProp>;\n\n  /**\n   * On before header resize\n   */\n  @Event({ eventName: 'beforeheaderresize', cancelable: true })\n  beforeResize: EventEmitter<ColumnRegular[]>;\n\n  /**\n   * On header double click\n   */\n  @Event({\n    eventName: 'headerdblclick',\n  })\n  headerdblClick: EventEmitter<InitialHeaderClick>;\n\n  /**\n   * Before each header cell render function. Allows to override cell properties\n   */\n  @Event({ eventName: 'beforeheaderrender' })\n  beforeHeaderRender: EventEmitter<HeaderRenderProps>;\n\n  /**\n   * Before each group header cell render function. Allows to override group header cell properties\n   */\n  @Event({ eventName: 'beforegroupheaderrender' })\n  beforeGroupHeaderRender: EventEmitter<HeaderGroupRendererProps>;\n\n  /**\n   * After all header cells rendered. Finalizes cell rendering.\n   */\n  @Event({ eventName: 'afterheaderrender' })\n  afterHeaderRender: EventEmitter<ProvidersColumns>;\n\n  // #endregion\n\n  @Element() element!: HTMLElement;\n\n  private onResize({ width }: { width?: number }, index: number) {\n    const col = this.colData[index];\n    const event = this.beforeResize.emit([\n      {\n        ...col,\n        size: width || undefined,\n      },\n    ]);\n    if (event.defaultPrevented) {\n      return;\n    }\n    this.headerresize.emit({ [index]: width || 0 });\n  }\n\n  private onResizeGroup(\n    changedX: number,\n    startIndex: number,\n    endIndex: number,\n  ) {\n    const sizes: ViewSettingSizeProp = {};\n    // 优先使用 viewportItems prop，如果没有则从 Observable 读取\n    const items = this.viewportItems ?? this.viewportCol.get('items');\n    const cols = keyBy(items, 'itemIndex');\n    const change = changedX / (endIndex - startIndex + 1);\n    for (let i = startIndex; i <= endIndex; i++) {\n      const item = cols[i];\n      if (item) {\n        sizes[i] = item.size + change;\n      }\n    }\n    this.headerresize.emit(sizes);\n  }\n\n  componentDidRender() {\n    this.afterHeaderRender.emit(this.providers);\n  }\n\n  /**\n   * 处理表头区域的滚轮事件\n   * 阻止滚轮事件冒泡，避免表头抖动\n   */\n  private onHeaderWheel(e: WheelEvent) {\n    // 获取视口滚动组件\n    const viewportScroll = this.element.closest('revogr-viewport-scroll');\n    if (!viewportScroll) {\n      return;\n    }\n    \n    // 检查是否有滚动空间\n    const scrollWidth = viewportScroll.scrollWidth || 0;\n    const clientWidth = viewportScroll.clientWidth || 0;\n    const maxScrollLeft = Math.max(0, scrollWidth - clientWidth);\n    const SCROLL_THRESHOLD = 10;\n    \n    // 判断是否为水平滚动（包含 Shift + 滚轮）\n    const absX = Math.abs(e.deltaX);\n    const absY = Math.abs(e.deltaY);\n    const isHorizontalScroll = (absX > absY && absX > 0) || (e.shiftKey && absY > 0);\n    \n    // 如果是水平滚动且没有滚动空间，阻止默认行为和冒泡\n    if (isHorizontalScroll && maxScrollLeft <= SCROLL_THRESHOLD) {\n      e.preventDefault();\n      e.stopPropagation();\n      return;\n    }\n    \n    // 如果有滚动空间，阻止冒泡但允许事件传递给父容器处理\n    if (isHorizontalScroll) {\n      e.stopPropagation();\n      \n      // 派发自定义事件让父容器处理\n      const customEvent = new CustomEvent('mousewheel-horizontal', {\n        bubbles: true,\n        detail: {\n          deltaX: e.deltaX,\n          deltaY: e.deltaY,\n          shiftKey: e.shiftKey,\n          preventDefault: () => e.preventDefault(),\n        },\n      });\n      this.element.dispatchEvent(customEvent);\n    }\n  }\n\n  /**\n   * 获取多行表头的每行高度\n   * 从 CSS 变量 --rg-header-row-height 读取并除以2\n   */\n  private getMultiHeaderRowHeight(): number | undefined {\n    if (!this.groupingDepth) {\n      return undefined;\n    }\n\n    // 从 CSS 变量读取默认表头高度\n    const computedStyle = getComputedStyle(this.element);\n    const cssHeight = computedStyle.getPropertyValue('--rg-header-row-height').trim();\n    \n    if (cssHeight) {\n      const heightValue = parseFloat(cssHeight);\n      if (!isNaN(heightValue)) {\n        return heightValue / 2;\n      }\n    }\n\n    return undefined;\n  }\n\n  render() {\n    // 优先使用 viewportItems prop，如果没有则从 Observable 读取\n    // 这样可以让父组件控制渲染时机，实现同步渲染\n    const cols = this.viewportItems ?? this.viewportCol.get('items');\n    const range = this.selectionRange ?? this.selectionStore?.get('range');\n\n    // 调试：打印数据源信息\n    if (this.type !== 'rowHeaders') {\n      const firstCol = cols[0];\n      const lastCol = cols[cols.length - 1];\n      console.log(`[${this.type}] render:`, {\n        colsCount: cols.length,\n        colDataCount: this.colData?.length,\n        usingProp: !!this.viewportItems,\n        firstColIndex: firstCol?.itemIndex,\n        firstColProp: this.colData?.[firstCol?.itemIndex]?.prop,\n        firstColName: this.colData?.[firstCol?.itemIndex]?.name,\n        lastColIndex: lastCol?.itemIndex,\n        lastColProp: this.colData?.[lastCol?.itemIndex]?.prop,\n        lastColName: this.colData?.[lastCol?.itemIndex]?.name,\n        allColProps: this.colData?.map(c => c?.prop).join(', '),\n      });\n    }\n\n    // 获取分组列的索引集合\n    const groupedIndexes = this.getGroupedColumnIndexes();\n    \n    const { groupedCells, ungroupedCells } = this.renderHeaderColumns(cols, range, groupedIndexes);\n    const groupRow = this.renderGroupingColumns();\n\n    // 当有分组但 viewport 数据还没准备好时，隐藏表头避免闪烁\n    const isLoading = this.groupingDepth > 0 && cols.length === 0;\n    const hostStyle = isLoading ? { visibility: 'hidden' as const } : undefined;\n\n    // 计算多行表头的每行样式（只在有分组时应用）\n    const multiRowHeight = this.getMultiHeaderRowHeight();\n    const rowStyle = multiRowHeight !== undefined\n      ? { height: `${multiRowHeight}px`, lineHeight: `${multiRowHeight}px` } \n      : undefined;\n\n    return (\n      <Host style={hostStyle} onWheel={(e: WheelEvent) => this.onHeaderWheel(e)}>\n        <div class=\"group-rgRow\" style={rowStyle}>\n          {groupRow}\n          {ungroupedCells}\n        </div>\n        <div class={`${HEADER_ROW_CLASS} ${HEADER_ACTUAL_ROW_CLASS}`} style={rowStyle}>\n          {groupedCells}\n        </div>\n      </Host>\n    );\n  }\n\n  /**\n   * 获取属于分组的列索引集合\n   */\n  private getGroupedColumnIndexes(): Set<number> {\n    const groupedIndexes = new Set<number>();\n    if (this.groupingDepth > 0 && this.groups) {\n      for (let i = 0; i < this.groupingDepth; i++) {\n        if (this.groups[i]) {\n          for (const group of this.groups[i]) {\n            for (const idx of group.indexes) {\n              groupedIndexes.add(idx);\n            }\n          }\n        }\n      }\n    }\n    return groupedIndexes;\n  }\n\n  private renderHeaderColumns(\n    cols: VirtualPositionItem[],\n    range: RangeArea | null,\n    groupedIndexes: Set<number>,\n  ) {\n    const groupedCells: VNode[] = [];    // 分组列的子列，放在 actual-rgRow\n    const ungroupedCells: VNode[] = [];  // 非分组列，放在 group-rgRow\n    \n    // 判断是否需要给最后一列添加类名\n    const lastColIndex = cols.length > 0 ? cols[cols.length - 1].itemIndex : -1;\n    const hasColPinEnd = this.hasColPinEnd ?? false;\n    const hasRgCol = this.hasRgCol ?? false;\n    \n    for (let i = 0; i < cols.length; i++) {\n      const rgCol = cols[i];\n      const colData = this.colData[rgCol.itemIndex];\n      const isGrouped = this.groupingDepth > 0 && groupedIndexes.has(rgCol.itemIndex);\n      \n      // 支持列级别的 resizable 配置，默认跟随全局 canResize\n      const columnCanResize = colData?.resizable !== false && this.canResize;\n      \n      // 统一使用右侧拖拽线，让拖拽行为一致（往右拖=变宽，往左拖=变窄）\n      const active = this.resizeHandler || ['r'];\n      \n      // 判断是否是最后一列\n      const isLastColumn = rgCol.itemIndex === lastColIndex;\n      const shouldAddLastColumnClass = isLastColumn && (\n        (hasColPinEnd && this.type === 'colPinEnd') || \n        (!hasColPinEnd && hasRgCol && this.type === 'rgCol') ||\n        (!hasColPinEnd && !hasRgCol && this.type === 'colPinStart')\n      );\n      \n      const props: HeaderRenderProps = {\n        range,\n        column: rgCol,\n        data: {\n          ...colData,\n          index: rgCol.itemIndex,\n          providers: this.providers,\n        },\n        canFilter: !!this.columnFilter,\n        canResize: columnCanResize,\n        active,\n        additionalData: this.additionalData,\n        onResize: e => this.onResize(e, rgCol.itemIndex),\n        onDblClick: e => this.headerdblClick.emit(e),\n        onClick: e => this.initialHeaderClick.emit(e),\n        // 传递合并信息\n        merged: this.groupingDepth > 0 && !isGrouped,\n        groupingDepth: this.groupingDepth,\n        // 传递是否属于编组\n        isGrouped: isGrouped,\n        // 传递是否是最后一列\n        isLastColumn: shouldAddLastColumnClass,\n      };\n      \n      const event = this.beforeHeaderRender.emit(props);\n      if (!event.defaultPrevented) {\n        // 为每个 HeaderRenderer 添加基于列 prop 和区域类型的稳定 key\n        // key 必须包含区域类型（this.type），这样当列在不同区域之间移动时\n        // Stencil 会正确地销毁旧组件并创建新组件，而不是错误地复用\n        const columnKey = colData?.prop \n          ? `header-${this.type}-${colData.prop}` \n          : `header-${this.type}-idx-${rgCol.itemIndex}`;\n        \n        if (isGrouped) {\n          // 分组列的子列，放在 actual-rgRow\n          groupedCells.push(<HeaderRenderer key={columnKey} {...event.detail as any} />);\n        } else if (this.groupingDepth > 0) {\n          // 非分组列且有分组存在，放在 group-rgRow（跨两行）\n          ungroupedCells.push(<HeaderRenderer key={columnKey} {...event.detail as any} />);\n        } else {\n          // 没有分组，所有列都放在 actual-rgRow\n          groupedCells.push(<HeaderRenderer key={columnKey} {...event.detail as any} />);\n        }\n      }\n    }\n    return { groupedCells, ungroupedCells };\n  }\n\n  private renderGroupingColumns(): VNode[] {\n    const groupRow: VNode[] = [];\n    // 优先使用 viewportItems prop，如果没有则从 Observable 读取\n    const cols = this.viewportItems ?? this.viewportCol.get('items');\n    const lastColIndex = cols.length > 0 ? cols[cols.length - 1].itemIndex : -1;\n    const hasColPinEnd = this.hasColPinEnd ?? false;\n    const hasRgCol = this.hasRgCol ?? false;\n    \n    // 优先使用 dimensionState prop，如果没有则从 Observable 读取\n    const dimensionState = this.dimensionState ?? this.dimensionCol.state;\n    \n    for (let i = 0; i < this.groupingDepth; i++) {\n      if (this.groups[i]) {\n        for (let group of this.groups[i]) {\n          const groupStartIndex = group.indexes[0] ?? -1;\n          if (groupStartIndex > -1) {\n            const groupEndIndex = groupStartIndex + group.indexes.length - 1;\n\n            const groupStart = getItemByIndex(\n              dimensionState,\n              groupStartIndex,\n            ).start;\n            const groupEnd = getItemByIndex(\n              dimensionState,\n              groupEndIndex,\n            ).end;\n\n            // 判断编组是否包含最后一列\n            const groupContainsLastColumn = groupEndIndex === lastColIndex;\n            const shouldAddLastColumnClass = groupContainsLastColumn && (\n              (hasColPinEnd && this.type === 'colPinEnd') || \n              (!hasColPinEnd && hasRgCol && this.type === 'rgCol') ||\n              (!hasColPinEnd && !hasRgCol && this.type === 'colPinStart')\n            );\n\n            const props: HeaderGroupRendererProps = {\n              providers: this.providers,\n              start: groupStart,\n              end: groupEnd,\n              group,\n              active: this.resizeHandler,\n              canResize: false, // 编组头不允许调整宽度\n              additionalData: this.additionalData,\n              onResize: e =>\n                this.onResizeGroup(\n                  e.changedX ?? 0,\n                  groupStartIndex,\n                  groupEndIndex,\n                ),\n              isLastColumn: shouldAddLastColumnClass,\n            };\n            const event = this.beforeGroupHeaderRender.emit(props);\n            if (!event.defaultPrevented) {\n              // 为 GroupHeaderRenderer 添加稳定的 key\n              // 使用编组的第一个索引作为 key 的一部分\n              const firstIndex = group.indexes[0] ?? groupStartIndex;\n              const groupKey = `group-header-${this.type}-${i}-${firstIndex}`;\n              groupRow.push(<GroupHeaderRenderer key={groupKey} {...event.detail as any} />);\n            }\n          }\n        }\n      }\n      const multiRowHeight = this.getMultiHeaderRowHeight();\n      const groupDivStyle = multiRowHeight !== undefined\n        ? { height: `${multiRowHeight}px` } \n        : undefined;\n      groupRow.push(<div class={`${HEADER_ROW_CLASS} group`} style={groupDivStyle} />);\n    }\n    return groupRow;\n  }\n\n  get providers(): ProvidersColumns<DimensionCols | 'rowHeaders'> {\n    return {\n      type: this.type,\n      readonly: this.readonly,\n      data: this.colData,\n      viewport: this.viewportCol,\n      dimension: this.dimensionCol,\n      selection: this.selectionStore,\n    };\n  }\n}\n"]}

package/dist/collection/components/order/order-renderer.js

@@ -0,0 +1,50 @@
+/*!
+ * Built by Revolist OU ❤️
+ */
+import { h } from "@stencil/core";
+/**
+ * Draw drag
+ */
+export class OrdererService {
+    constructor() {
+        this.parentY = 0;
+    }
+    start(parent, { pos, text, event }) {
+        var _a;
+        const { top } = parent.getBoundingClientRect();
+        this.parentY = top;
+        if (this.text) {
+            this.text.innerText = text;
+        }
+        this.move(pos);
+        this.moveTip({ x: event.x, y: event.y });
+        (_a = this.el) === null || _a === void 0 ? void 0 : _a.classList.remove('hidden');
+    }
+    end() {
+        var _a;
+        (_a = this.el) === null || _a === void 0 ? void 0 : _a.classList.add('hidden');
+    }
+    move(pos) {
+        this.moveElement(pos.end - this.parentY);
+    }
+    moveTip({ x, y }) {
+        if (!this.draggable) {
+            return;
+        }
+        this.draggable.style.left = `${x}px`;
+        this.draggable.style.top = `${y}px`;
+    }
+    moveElement(y) {
+        if (!this.rgRow) {
+            return;
+        }
+        this.rgRow.style.transform = `translateY(${y}px)`;
+    }
+}
+const OrderRenderer = ({ ref }) => {
+    const service = new OrdererService();
+    ref(service);
+    return (h("div", { class: "draggable-wrapper hidden", ref: e => (service.el = e) }, h("div", { class: "draggable", ref: el => (service.draggable = el) }, h("span", { class: "revo-alt-icon" }), h("span", { ref: e => (service.text = e) })), h("div", { class: "drag-position", ref: e => (service.rgRow = e) })));
+};
+export default OrderRenderer;
+//# sourceMappingURL=order-renderer.js.map

package/dist/collection/components/order/order-renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"order-renderer.js","sourceRoot":"","sources":["../../../src/components/order/order-renderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAc,MAAM,eAAe,CAAC;AAM9C;;GAEG;AACH,MAAM,OAAO,cAAc;IAA3B;QACU,YAAO,GAAG,CAAC,CAAC;IAoCtB,CAAC;IA9BC,KAAK,CAAC,MAAmB,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAA0D;;QACrG,MAAM,EAAE,GAAG,EAAE,GAAG,MAAM,CAAC,qBAAqB,EAAE,CAAC;QAC/C,IAAI,CAAC,OAAO,GAAG,GAAG,CAAC;QACnB,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACd,IAAI,CAAC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QAC7B,CAAC;QACD,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACf,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;QACzC,MAAA,IAAI,CAAC,EAAE,0CAAE,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IACtC,CAAC;IACD,GAAG;;QACD,MAAA,IAAI,CAAC,EAAE,0CAAE,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IACnC,CAAC;IACD,IAAI,CAAC,GAAiB;QACpB,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC;IAC3C,CAAC;IACD,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC,EAAQ;QACpB,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;YACpB,OAAO;QACT,CAAC;QACD,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,CAAC,IAAI,CAAC;QACrC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC,IAAI,CAAC;IACtC,CAAC;IAEO,WAAW,CAAC,CAAS;QAC3B,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;YAChB,OAAO;QACT,CAAC;QACD,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS,GAAG,cAAc,CAAC,KAAK,CAAC;IACpD,CAAC;CACF;AAED,MAAM,aAAa,GAAG,CAAC,EAAE,GAAG,EAAS,EAAW,EAAE;IAChD,MAAM,OAAO,GAAG,IAAI,cAAc,EAAE,CAAC;IACrC,GAAG,CAAC,OAAO,CAAC,CAAC;IACb,OAAO,CACL,WAAK,KAAK,EAAC,0BAA0B,EAAC,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,CAAC;QAC9D,WAAK,KAAK,EAAC,WAAW,EAAC,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,SAAS,GAAG,EAAE,CAAC;YACxD,YAAM,KAAK,EAAC,eAAe,GAAG;YAC9B,YAAM,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,IAAI,GAAG,CAAC,CAAC,GAAI,CAClC;QACN,WAAK,KAAK,EAAC,eAAe,EAAC,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC,GAAI,CACxD,CACP,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,aAAa,CAAC","sourcesContent":["import { h, type VNode } from '@stencil/core';\nimport { PositionItem } from '@type';\nimport { Cell } from '@type';\n\ntype Props = { ref: { (e: OrdererService): void } };\n\n/**\n * Draw drag\n */\nexport class OrdererService {\n  private parentY = 0;\n  el?: HTMLElement;\n  rgRow?: HTMLElement;\n  text?: HTMLElement;\n  draggable?: HTMLElement;\n\n  start(parent: HTMLElement, { pos, text, event }: { pos: PositionItem; text: string; event: MouseEvent }) {\n    const { top } = parent.getBoundingClientRect();\n    this.parentY = top;\n    if (this.text) {\n      this.text.innerText = text;\n    }\n    this.move(pos);\n    this.moveTip({ x: event.x, y: event.y });\n    this.el?.classList.remove('hidden');\n  }\n  end() {\n    this.el?.classList.add('hidden');\n  }\n  move(pos: PositionItem) {\n    this.moveElement(pos.end - this.parentY);\n  }\n  moveTip({ x, y }: Cell) {\n    if (!this.draggable) {\n      return;\n    }\n    this.draggable.style.left = `${x}px`;\n    this.draggable.style.top = `${y}px`;\n  }\n\n  private moveElement(y: number) {\n    if (!this.rgRow) {\n      return;\n    }\n    this.rgRow.style.transform = `translateY(${y}px)`;\n  }\n}\n\nconst OrderRenderer = ({ ref }: Props): VNode[] => {\n  const service = new OrdererService();\n  ref(service);\n  return (\n    <div class=\"draggable-wrapper hidden\" ref={e => (service.el = e)}>\n      <div class=\"draggable\" ref={el => (service.draggable = el)}>\n        <span class=\"revo-alt-icon\" />\n        <span ref={e => (service.text = e)} />\n      </div>\n      <div class=\"drag-position\" ref={e => (service.rgRow = e)} />\n    </div>\n  );\n};\nexport default OrderRenderer;\n"]}

package/dist/collection/components/order/order-row.service.js

@@ -0,0 +1,72 @@
+/*!
+ * Built by Revolist OU ❤️
+ */
+import { getItemByPosition } from "../../store/index";
+export default class RowOrderService {
+    constructor(config) {
+        this.config = config;
+        this.currentCell = null;
+        this.previousRow = null;
+    }
+    /** Drag finished, calculate and apply changes */
+    endOrder(e, data) {
+        if (this.currentCell === null) {
+            return;
+        }
+        const newRow = this.getCell(e, data);
+        // if position changed
+        if (newRow.y !== this.currentCell.y) {
+            // rgRow dragged out table
+            if (newRow.y < 0) {
+                newRow.y = 0;
+            }
+            // rgRow dragged to the top
+            else if (newRow.y < this.currentCell.y) {
+                newRow.y++;
+            }
+            this.config.positionChanged(this.currentCell.y, newRow.y);
+        }
+        this.clear();
+    }
+    /** Drag started, reserve initial cell for farther use */
+    startOrder(e, data) {
+        this.currentCell = this.getCell(e, data);
+        return this.currentCell;
+    }
+    move(y, data) {
+        const rgRow = this.getRow(y, data);
+        // if rgRow same as previous or below range (-1 = 0) do nothing
+        if (this.previousRow === rgRow.itemIndex || rgRow.itemIndex < -1) {
+            return null;
+        }
+        this.previousRow = rgRow.itemIndex;
+        return rgRow;
+    }
+    /** Drag stopped, probably cursor outside of document area */
+    clear() {
+        this.currentCell = null;
+        this.previousRow = null;
+    }
+    /** Calculate cell based on x, y position */
+    getRow(y, { el, rows }) {
+        const { top } = el.getBoundingClientRect();
+        const topRelative = y - top;
+        const rgRow = getItemByPosition(rows, topRelative);
+        const absolutePosition = {
+            itemIndex: rgRow.itemIndex,
+            start: rgRow.start + top,
+            end: rgRow.end + top,
+        };
+        return absolutePosition;
+    }
+    /** Calculate cell based on x, y position */
+    getCell({ x, y }, { el, rows, cols }) {
+        const { top, left } = el.getBoundingClientRect();
+        const topRelative = y - top;
+        const leftRelative = x - left;
+        const rgRow = getItemByPosition(rows, topRelative);
+        const rgCol = getItemByPosition(cols, leftRelative);
+        return { x: rgCol.itemIndex, y: rgRow.itemIndex };
+    }
+}
+//# sourceMappingURL=order-row.service.js.map

package/dist/collection/components/order/order-row.service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"order-row.service.js","sourceRoot":"","sources":["../../../src/components/order/order-row.service.ts"],"names":[],"mappings":"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","sourcesContent":["import { getItemByPosition } from '@store';\nimport { DimensionSettingsState, PositionItem, Cell } from '@type';\n\ntype EventData = { el: HTMLElement; rows: DimensionSettingsState; cols: DimensionSettingsState };\ninterface Config {\n  positionChanged(from: number, to: number): void;\n}\n\nexport default class RowOrderService {\n  private currentCell: Cell | null = null;\n  private previousRow: number | null = null;\n\n  constructor(private config: Config) {}\n\n  /** Drag finished, calculate and apply changes */\n  endOrder(e: MouseEvent, data: EventData) {\n    if (this.currentCell === null) {\n      return;\n    }\n    const newRow = this.getCell(e, data);\n\n    // if position changed\n    if (newRow.y !== this.currentCell.y) {\n      // rgRow dragged out table\n      if (newRow.y < 0) {\n        newRow.y = 0;\n      }\n      // rgRow dragged to the top\n      else if (newRow.y < this.currentCell.y) {\n        newRow.y++;\n      }\n      this.config.positionChanged(this.currentCell.y, newRow.y);\n    }\n    this.clear();\n  }\n\n  /** Drag started, reserve initial cell for farther use */\n  startOrder(e: MouseEvent, data: EventData): Cell {\n    this.currentCell = this.getCell(e, data);\n    return this.currentCell;\n  }\n\n  move(y: number, data: EventData): PositionItem | null {\n    const rgRow = this.getRow(y, data);\n    // if rgRow same as previous or below range (-1 = 0) do nothing\n    if (this.previousRow === rgRow.itemIndex || rgRow.itemIndex < -1) {\n      return null;\n    }\n    this.previousRow = rgRow.itemIndex;\n    return rgRow;\n  }\n\n  /** Drag stopped, probably cursor outside of document area */\n  clear() {\n    this.currentCell = null;\n    this.previousRow = null;\n  }\n\n  /** Calculate cell based on x, y position */\n  getRow(y: number, { el, rows }: EventData): PositionItem {\n    const { top } = el.getBoundingClientRect();\n    const topRelative = y - top;\n    const rgRow = getItemByPosition(rows, topRelative);\n    const absolutePosition = {\n      itemIndex: rgRow.itemIndex,\n      start: rgRow.start + top,\n      end: rgRow.end + top,\n    };\n    return absolutePosition;\n  }\n\n  /** Calculate cell based on x, y position */\n  getCell({ x, y }: Cell, { el, rows, cols }: EventData): Cell {\n    const { top, left } = el.getBoundingClientRect();\n    const topRelative = y - top;\n    const leftRelative = x - left;\n    const rgRow = getItemByPosition(rows, topRelative);\n    const rgCol = getItemByPosition(cols, leftRelative);\n    return { x: rgCol.itemIndex, y: rgRow.itemIndex };\n  }\n}\n"]}