npm - @sellmate/design-system - Versions diffs - 0.0.33 → 0.0.35 - Mend

@sellmate/design-system 0.0.33 → 0.0.35

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1691) hide show

package/dist/components/sd-table-backup.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"sd-table-backup.js","mappings":";;;;;;;;;;;;;AAAA,MAAM,UAAU,GAAG,kkOAAkkO;;MCwCxkO,OAAO,iBAAAA,kBAAA,CAAA,MAAA,OAAA,SAAAC,CAAA,CAAA;;;;;;;;;;;AAGX,IAAA,OAAO;AACU,IAAA,IAAI;AACJ,IAAA,QAAQ,GAAa,IAAI,GAAG,EAAE;IAC/C,MAAM,GAAW,IAAI;IACrB,UAAU,GAAY,KAAK;IAC3B,SAAS,GAAY,KAAK;AAC1B,IAAA,KAAK;AACL,IAAA,MAAM;IACN,YAAY,GAAY,KAAK;IAC7B,YAAY,GAAsC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE;IACvE,WAAW,GAAW,YAAY;IAClC,SAAS,GAAY,KAAK;AAC1B,IAAA,UAAU;AAKV,IAAA,gBAAgB;IAIhB,qBAAqB,GAAY,KAAK;IACtC,oBAAoB,GAAY,KAAK;AACrC,IAAA,iBAAiB,GAAmB;AAC3C,QAAA,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE;AAC/B,QAAA,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE;AAC/B,QAAA,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE;AAC/B,QAAA,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,EAAE;KACjC;AAEQ,IAAA,cAAc;AACd,IAAA,YAAY;AACZ,IAAA,mBAAmB;IAEnB,WAAW,GAAW,IAAI,CAAC,UAAU,EAAE,IAAI,IAAI,CAAC;IAChD,SAAS,GAAU,EAAE;AACrB,IAAA,aAAa,GAAa,IAAI,GAAG,EAAE;IACnC,YAAY,GAAa,EAAE;IAC3B,YAAY,GAAY,KAAK;IAC7B,aAAa,GAAY,KAAK;AAGvC,IAAA,mBAAmB,CAAC,OAAwB,EAAA;QAC3C,IAAI,CAAC,YAAY,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,KAAK,IAAI,KAAK,EAAE,EAAE,CAAC,CAAC;;AAIrE,IAAA,gBAAgB,CAAC,OAAc,EAAA;AAC9B,QAAA,IAAI,CAAC,SAAS,GAAG,CAAC,GAAG,OAAO,CAAC;;AAI9B,IAAA,oBAAoB,CAAC,WAAqB,EAAA;QACzC,IAAI,CAAC,aAAa,GAAG,IAAI,GAAG,CAAC,WAAW,CAAC;;AAI1C,IAAA,sBAAsB,CACrB,MAA6E,EAAA;QAE7E,IAAI,MAAM,EAAE,IAAI,IAAI,MAAM,CAAC,IAAI,KAAK,IAAI,CAAC,WAAW;AAAE,YAAA,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC,IAAI;;IAGrF,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,SAAS,GAAG,CAAC,IAAI,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC;QACvC,IAAI,CAAC,aAAa,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;AAC3C,QAAA,IAAI,CAAC,YAAY,GAAG,CAAC,IAAI,CAAC,OAAO,IAAI,EAAE,EAAE,GAAG,CAAC,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,KAAK,IAAI,KAAK,EAAE,EAAE,CAAC,CAAC;;IAGlF,gBAAgB,GAAA;;QAEf,IAAI,OAAO,MAAM,KAAK,WAAW;YAAE;QAEnC,MAAM,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,mBAAmB,CAAC;AACzD,QAAA,IAAI,CAAC,MAAM;YAAE;QAEb,MAAM,QAAQ,GAAG,MAAK;YACrB,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,MAAqB;AACtE,YAAA,IAAI,CAAC,YAAY,GAAG,UAAU,GAAG,CAAC;YAClC,IAAI,CAAC,aAAa,GAAG,UAAU,GAAG,WAAW,GAAG,WAAW;AAC5D,SAAC;AACD,QAAA,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAC9D,QAAA,QAAQ,EAAE;;;AAIX,IAAA,IAAY,cAAc,GAAA;AACzB,QAAA,OAAO,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,IAAI,GAAG,CAAC,OAAO,KAAK,KAAK,CAAC;;AAGzD,IAAA,IAAY,aAAa,GAAA;QACxB,IAAI,CAAC,IAAI,CAAC,UAAU,IAAI,CAAC,IAAI,CAAC,qBAAqB;YAAE,OAAO,IAAI,CAAC,SAAS;AAE1E,QAAA,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC,UAAU,IAAI,EAAE;QAEhE,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAClC,CAAC,IAAI,CAAC,WAAW,GAAG,CAAC,IAAI,WAAW,EACpC,IAAI,CAAC,WAAW,GAAG,WAAW,CAC9B;AAED,QAAA,OAAO,MAAM;;AAGd,IAAA,IAAY,cAAc,GAAA;AACzB,QAAA,MAAM,EAAE,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC,UAAU,IAAI,EAAE;QAE1E,OAAO,QAAQ,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,WAAW,CAAC,CAAC;;AAG1E,IAAA,IAAY,cAAc,GAAA;QACzB,OAAO;YACN,UAAU;YACV,IAAI,CAAC,YAAY,IAAI,yBAAyB;YAC9C,IAAI,CAAC,UAAU,IAAI,sBAAsB;YACzC,IAAI,CAAC,SAAS,IAAI,qBAAqB;AACvC,YAAA,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,IAAI,mBAAmB;YAC7C,CAAC,CAAC,IAAI,CAAC,YAAY,EAAE,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,KAAK,IAAI,CAAC,IAAI,CAAC;gBACzE,yBAAyB;YAC1B,IAAI,CAAC,YAAY,IAAI,yBAAyB;YAC9C,IAAI,CAAC,aAAa,IAAI,0BAA0B;AAChD;aACC,MAAM,CAAC,OAAO;aACd,IAAI,CAAC,GAAG,CAAC;;;AAIJ,IAAA,aAAa,CAAC,GAAQ,EAAA;AAC7B,QAAA,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;;AAG7E,IAAA,eAAe,CAAC,GAAQ,EAAA;QAC/B,MAAM,aAAa,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC;QACpD,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC;QACtC,MAAM,WAAW,GAAG;cACjB,aAAa,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC;AAC/D,cAAE,CAAC,GAAG,aAAa,EAAE,GAAG,CAAC;;AAG1B,QAAA,IAAI,WAAW,CAAC,MAAM,KAAK,aAAa,CAAC,MAAM;YAAE;QAEjD,IAAI,CAAC,aAAa,GAAG,IAAI,GAAG,CAAC,WAAW,CAAC;AACzC,QAAA,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;;AAGjD,IAAA,eAAe,CAAC,OAAoB,EAAA;QAC3C,IAAI,OAAO,EAAE;AACZ,YAAA,MAAM,QAAQ,GAAG,IAAI,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC;AACjD,YAAA,IAAI,CAAC,aAAa,GAAG,IAAI,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,aAAa,EAAE,GAAG,QAAQ,CAAC,CAAC;;aAC5D;AACN,YAAA,MAAM,eAAe,GAAG,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;AACnE,YAAA,IAAI,CAAC,aAAa,GAAG,IAAI,GAAG,CAC3B,CAAC,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAC9E;;AAGF,QAAA,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;;AAGzD,IAAA,IAAY,YAAY,GAAA;AACvB,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM;QACvC,MAAM,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,GAAG,IAClD,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,IAAI,CAClC,WAAW,IAAI,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAC5D,CACD,CAAC,MAAM;QAER,IAAI,aAAa,KAAK,CAAC;YAAE,OAAO,KAAK,CAAC;QACtC,IAAI,aAAa,KAAK,KAAK;YAAE,OAAO,IAAI,CAAC;QACzC,OAAO,IAAI,CAAC;;;AAIL,IAAA,cAAc,CAAC,MAAc,EAAA;AACpC,QAAA,MAAM,UAAU,GACf,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,IAAI,IAAI,CAAC,UAAU,GAAG,EAAE,GAAG,CAAC,CAAC;AAC3F,QAAA,MAAM,WAAW,GAAG,IAAI,CAAC;AACvB,aAAA,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,cAAc,CAAC,MAAM,IAAI,IAAI,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,MAAM;AAC/F,aAAA,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;QAC5B,OAAO;YACN,sBAAsB,EAAE,CAAG,EAAA,UAAU,CAAI,EAAA,CAAA;YACzC,uBAAuB,EAAE,CAAG,EAAA,WAAW,CAAI,EAAA,CAAA;YAC3C,OAAO,EAAE,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAI,EAAA,CAAA;YACzC,UAAU,EAAE,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAI,EAAA,CAAA;YAC5C,UAAU,EAAE,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAI,EAAA,CAAA;SAC5C;;IAGM,YAAY,CAAC,KAAa,EAAE,KAAiB,EAAA;;QAEpD,IAAI,OAAO,QAAQ,KAAK,WAAW;YAAE;AAErC,QAAA,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO;QAC5B,MAAM,UAAU,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC;AAE3C,QAAA,MAAM,eAAe,GAAG,CAAC,SAAqB,KAAI;AACjD,YAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,GAAG,SAAS,CAAC,OAAO,GAAG,MAAM,EAAE,EAAE,CAAC;AAEtE,YAAA,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,GAAG,MAAM,GAAG,KAAK,KAAK,GAAG,QAAQ,GAAG,KAAK,CAAC,CAAC;AAC9F,SAAC;QAED,MAAM,aAAa,GAAG,MAAK;AAC1B,YAAA,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,eAAe,CAAC;AAC1D,YAAA,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC;AACvD,SAAC;AAED,QAAA,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,eAAe,CAAC;AACvD,QAAA,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC;;IAG5C,YAAY,CAAC,MAAqB,EAAE,GAAQ,EAAA;QACnD,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM;AACtC,QAAA,MAAM,KAAK,GAAG,OAAO,KAAK,KAAK,UAAU,GAAG,KAAK,CAAC,GAAG,CAAC,GAAG,KAAK,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,IAAI,CAAC;AACvF,QAAA,OAAO,MAAM,GAAG,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,KAAK;;;IAInC,YAAY,GAAA;QACnB,QACC,CAAA,CAAA,OAAA,EAAA,IAAA,EACC,CAAA,CAAA,IAAA,EAAA,IAAA,EACE,IAAI,CAAC,UAAU,KACf,CAAA,CAAA,IAAA,EAAA,EACC,KAAK,EAAE;AACN,gBAAA,OAAO,EAAE,IAAI;AACb,gBAAA,iBAAiB,EAAE,IAAI;AACvB,gBAAA,aAAa,EAAE,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,IAAI,IAAI,CAAC,YAAY,CAAC,IAAI,GAAG,CAAC,CAAC;AAC5E,aAAA,EACD,KAAK,EAAE;AACN,gBAAA,sBAAsB,EAAE,KAAK;AAC7B,aAAA,EAAA,EAED,CAAA,CAAA,aAAA,EAAA,EACC,OAAO,EAAE,IAAI,CAAC,YAAY,EAC1B,QAAQ,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,MAAM,EACpC,UAAU,EAAE,CAAC,CAA2B,KAAK,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,EAAA,CAC7D,CACX,CACL,EACA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,MAAM,MACpC,UACC,GAAG,EAAE,GAAG,CAAC,IAAI,EACb,KAAK,EAAE;AACN,gBAAA,OAAO,EAAE,IAAI;AACb,gBAAA,CAAC,CAAG,EAAA,GAAG,CAAC,OAAO,CAAE,CAAA,GAAG,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC;AACxC,gBAAA,aAAa,EAAE,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,IAAI,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC;gBACjF,cAAc,EAAE,OAAO,CACtB,IAAI,CAAC,YAAY,CAAC,KAAK,IAAI,MAAM,IAAI,IAAI,CAAC,cAAc,CAAC,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,KAAM,CAC1F;AACD,gBAAA,kBAAkB,EAAE,OAAO,CAC1B,IAAI,CAAC,YAAY,CAAC,IAAI,IAAI,MAAM,KAAK,IAAI,CAAC,YAAY,CAAC,IAAI,GAAG,CAAC,CAC/D;AACD,gBAAA,mBAAmB,EAAE,OAAO,CAC3B,IAAI,CAAC,YAAY,CAAC,KAAK;AACtB,oBAAA,MAAM,KAAK,IAAI,CAAC,cAAc,CAAC,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,KAAM,CACjE;AACD,aAAA,EACD,KAAK,EAAE,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,EAAA,EAElC,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,kCAAkC,GAAG,CAAC,KAAK,IAAI,MAAM,CAAE,CAAA,EAAA,EAClE,CAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAE,eAAe,GAAG,CAAC,IAAI,CAAE,CAAA,EAAA,EACpC,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,uBAAuB,EAAA,EAAE,GAAG,CAAC,KAAK,CAAO,CAC9C,EAEN,GAAG,CAAC,eAAe,IAAI,CAAA,CAAA,SAAA,EAAA,EAAS,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,SAAS,EAAG,CAAA,EAE5E,GAAG,CAAC,OAAO,KACX,CAAgB,CAAA,YAAA,EAAA,EAAA,GAAA,GAAG,CAAC,cAAc,EAAA,EACjC,CAAK,CAAA,KAAA,EAAA,EAAA,IAAI,EAAC,SAAS,EAAA,EACjB,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,KACpB,CAAA,CAAA,GAAA,EAAA,IAAA,EAAI,IAAI,CAAK,CACb,CAAC,CACG,CACM,CACb,CACI,EAEL,IAAI,CAAC,SAAS,IAAI,OAAO,MAAM,KAAK,WAAW,KAC/C,CAAA,CAAA,KAAA,EAAA,EACC,KAAK,EAAC,gBAAgB,EACtB,WAAW,EAAE,CAAC,GAAe,KAAK,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,GAAG,CAAC,EAAA,CAC1D,CACP,CACG,CACL,CAAC,CACE,CACE;;IAIF,UAAU,GAAA;AACjB,QAAA,QACC,CAAA,CAAA,OAAA,EAAA,EAAA,IAAY,CAAC,IAAI,CAAC,aAAa,CAAC,MAAM,IAAI,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC,EAAA,EAChE,IAAI,CAAC,SAAS,KACd,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,mBAAmB,EAAA,EAC7B,CAAA,CAAA,oBAAA,EAAA,IAAA,CAAyC,CACpC,CACN,EACA,CAAC,IAAI,CAAC,aAAa,CAAC,MAAM,IAC1B,CAAA,CAAA,IAAA,EAAA,IAAA,EACC,CAAI,CAAA,IAAA,EAAA,EAAA,OAAO,EAAE,IAAI,CAAC,cAAc,CAAC,MAAM,IAAI,IAAI,CAAC,UAAU,GAAG,CAAC,GAAG,CAAC,CAAC,EAAA,EAClE,CAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,SAAS,IAAE,IAAI,CAAC,WAAW,CAAQ,CAC1C,CACD,KAEL,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,MAAM,MAClC,CAAI,CAAA,IAAA,EAAA,EAAA,GAAG,EAAE,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,KAAK,EAAC,yBAAyB,EAAA,EACxD,IAAI,CAAC,UAAU,KACf,CAAA,CAAA,IAAA,EAAA,EACC,KAAK,EAAE;AACN,gBAAA,OAAO,EAAE,IAAI;AACb,gBAAA,iBAAiB,EAAE,IAAI;AACvB,gBAAA,aAAa,EAAE,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,IAAI,IAAI,CAAC,YAAY,CAAC,IAAI,GAAG,CAAC,CAAC;AAC5E,aAAA,EACD,KAAK,EAAE;AACN,gBAAA,sBAAsB,EAAE,KAAK;aAC7B,EAAA,EAED,CAAA,CAAA,aAAA,EAAA,EACC,OAAO,EAAE,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,EAChC,QAAQ,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,MAAM,EACpC,UAAU,EAAE,MAAM,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,EAAA,CAC7B,CACX,CACL,EACA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,MAAM,KAAI;YAC3C,MAAM,QAAQ,GAAG,IAAI,CAAC,gBAAgB,GAAG,MAAM,EAAE,GAAG,CAAC;YAErD,QACC,CACC,CAAA,IAAA,EAAA,EAAA,GAAG,EAAE,MAAM,CAAC,IAAI,EAChB,IAAI,EAAE,CAAM,GAAA,EAAA,MAAM,CAAC,IAAI,CAAA,CAAE,EACzB,KAAK,EAAE;AACN,oBAAA,OAAO,EAAE,IAAI;oBACb,CAAC,CAAA,OAAA,EAAU,MAAM,CAAC,KAAK,IAAI,MAAM,CAAA,CAAE,GAAG,IAAI;AAC1C,oBAAA,aAAa,EAAE,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,IAAI,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC;AACjF,oBAAA,cAAc,EAAE,OAAO,CACtB,IAAI,CAAC,YAAY,CAAC,KAAK;AACtB,wBAAA,MAAM,IAAI,IAAI,CAAC,cAAc,CAAC,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,KAAM,CAChE;AACD,oBAAA,kBAAkB,EAAE,OAAO,CAC1B,IAAI,CAAC,YAAY,CAAC,IAAI,IAAI,MAAM,KAAK,IAAI,CAAC,YAAY,CAAC,IAAI,GAAG,CAAC,CAC/D;AACD,oBAAA,mBAAmB,EAAE,OAAO,CAC3B,IAAI,CAAC,YAAY,CAAC,KAAK;AACtB,wBAAA,MAAM,KAAK,IAAI,CAAC,cAAc,CAAC,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,KAAM,CACjE;AACD,oBAAA,CAAC,CAAG,EAAA,MAAM,CAAC,OAAO,CAAE,CAAA,GAAG,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC;AAC9C,iBAAA,EACD,KAAK,EAAE,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,EAAA,EAGlC,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAE,CAAa,UAAA,EAAA,MAAM,CAAC,IAAI,CAAI,CAAA,EAAA,MAAM,EAAE,EAAA,EAC9C,QAAQ,IACR,OAAO,QAAQ,KAAK,QAAQ,IAC3B,CAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,QAAQ,EAAS,CAAA,KAElC,QAAQ,CACR,KAED,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,GAAG,CAAC,CAC9B,CACK,CACH;AAEP,SAAC,CAAC,CACE,CACL,CAAC,CACF,CACM;;IAIV,MAAM,GAAA;QACL,QACC,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACJ,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAC,mBAAmB,EACzB,KAAK,EAAE;gBACN,eAAe,EAAE,IAAI,CAAC,KAAK;gBAC3B,gBAAgB,EAAE,IAAI,CAAC,MAAM;AAC7B,aAAA,EAAA,EAED,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,qBAAqB,EAAA,EAC/B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAA,EAC5B,CAAO,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,IAAI,CAAC,cAAc,EAAA,EAC5C,IAAI,CAAC,YAAY,EAAE,EAEnB,IAAI,CAAC,UAAU,EAAE,CACX,CACH,EAEN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,kBAAkB,EAAA,CAAO,CAC/B,EACL,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,KAC5C,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,sBAAsB,EAAA,EAChC,CACC,CAAA,eAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,WAAW,EAAE,CAAC,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,GAAG,IAAI,CAAC,WAAW,EAClF,QAAQ,EAAE,CAAC,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC,UAAU,CAAC,QAAQ,GAAG,IAAI,CAAC,cAAc,EACtF,YAAY,EAAE,CAAC,CAAsB,KAAI;AACxC,gBAAA,IAAI,CAAC,IAAI,CAAC,qBAAqB,EAAE;oBAChC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;;qBAC1B;AACN,oBAAA,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC,MAAM;oBAC3B,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC;;AAE1C,aAAC,EACe,CAAA,EAEhB,IAAI,CAAC,oBAAoB,KACzB,CACC,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,WAAW,EAClC,OAAO,EAAE,IAAI,CAAC,iBAAiB,EAC/B,KAAK,EAAC,OAAO,EACb,UAAU,EAAE,CAAC,CAAyD,KAAI;gBACzE,MAAM,kBAAkB,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC;AACtE,gBAAA,IAAI,CAAC,IAAI,CAAC,qBAAqB,EAAE;AAChC,oBAAA,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,kBAAkB,CAAC;;qBAC3C;AACN,oBAAA,MAAM,cAAc,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC,CAAC;oBAClD,IAAI,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,GAAG,cAAc,CAAC,CAAC;AAChF,oBAAA,IAAI,cAAc,GAAG,IAAI,CAAC,WAAW;AAErC,oBAAA,IAAI,cAAc,GAAG,WAAW,EAAE;wBACjC,cAAc,GAAG,WAAW;;oBAG7B,IAAI,CAAC,UAAU,GAAG;AACjB,wBAAA,IAAI,EAAE,cAAc;AACpB,wBAAA,WAAW,EAAE,cAAc;AAC3B,wBAAA,QAAQ,EAAE,WAAW;qBACrB;AACD,oBAAA,IAAI,CAAC,WAAW,GAAG,cAAc;AACjC,oBAAA,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,kBAAkB,CAAC;;aAElD,GACW,CACb,CACI,CACN,CACI,CACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/sd-table/sd-table.scss?tag=sd-table-backup","src/components/sd-table/sd-table-backup.tsx"],"sourcesContent":["@import 'variables.scss';\n@import 'extend.scss';\n\n.sd-table__wrapper {\n height: var(--table-height, auto);\n width: var(--table-width, 100%);\n color: $grey_95;\n\n .sd-table__container {\n width: 100%;\n height: auto;\n border: 1px solid $grey_30;\n border-radius: 8px;\n font-size: 12px;\n overflow: hidden;\n\n .sd-table__middle {\n overflow: auto;\n will-change: scroll-position;\n height: var(--table-height, auto);\n @extend %scrollBar;\n\n .sd-table {\n background-color: white;\n display: table;\n width: 100%;\n border-collapse: separate;\n border-spacing: 0;\n table-layout: fixed;\n position: relative;\n\n &--selectable {\n td.sd-td--selected,\n th.sd-th--selected {\n width: 52px !important;\n max-width: 52px !important;\n min-width: 52px !important;\n padding: 0 10px 0 24px;\n text-align: left;\n }\n }\n\n &--sticky-header {\n thead {\n position: sticky;\n top: 0;\n z-index: 120;\n }\n }\n\n &--sticky-column {\n th.sticky-left,\n th.sticky-right {\n position: sticky;\n background-color: $th-bg;\n z-index: 110 !important;\n }\n td.sticky-left,\n td.sticky-right {\n position: sticky;\n background-color: white;\n z-index: 100 !important;\n }\n\n .sticky-left {\n left: var(--sticky-left-offset, 0);\n }\n .sticky-right {\n right: var(--sticky-right-offset, 0);\n }\n\n th.sticky-cell {\n position: sticky;\n z-index: 102;\n background-color: $th-bg;\n }\n td.sticky-cell {\n position: sticky;\n z-index: 101;\n background-color: white;\n }\n }\n\n &--scrolled-left {\n th.sticky-left-edge,\n td.sticky-left-edge {\n overflow: visible;\n &:after {\n content: '';\n position: absolute;\n top: 0;\n left: 100%;\n right: -20px;\n width: 20px;\n height: 100%;\n z-index: 101 !important;\n box-shadow: inset 12px 0 20px -25px;\n opacity: 1;\n pointer-events: none;\n }\n }\n }\n\n &--scrolled-right {\n th.sticky-right-edge,\n td.sticky-right-edge {\n overflow: visible;\n\n &:after {\n content: '';\n position: absolute;\n top: 0;\n left: -20px;\n width: 20px;\n height: 100%;\n z-index: 101 !important;\n box-shadow: inset -12px 0 20px -25px;\n opacity: 1;\n pointer-events: none;\n }\n }\n }\n\n &--no-data {\n thead {\n opacity: 0.4;\n tr {\n th {\n &.sd-th {\n border-bottom: 1px solid rgba(225, 225, 225, 0.4) !important;\n }\n }\n }\n }\n }\n\n sd-td,\n sd-th,\n .sd-th__content--label {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n word-break: keep-all;\n }\n\n thead {\n height: 36px;\n\n sd-tr {\n width: 100%;\n\n sd-th {\n background: $th-bg;\n height: 36px;\n padding: 0 16px;\n font-weight: 500;\n vertical-align: middle;\n border-bottom: 1px solid $grey_30;\n -webkit-user-select: none;\n user-select: none;\n position: relative;\n\n &.sd-th {\n .sd-th__content {\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n gap: 4px;\n\n &--left {\n justify-content: flex-start;\n }\n &--center {\n justify-content: center;\n }\n &--right {\n justify-content: flex-end;\n }\n }\n\n .sd-th__resizer {\n position: absolute;\n top: 50%;\n right: 0;\n transform: translateY(-50%);\n width: 4px;\n height: 16px;\n cursor: col-resize;\n z-index: 3;\n border-left: 1px solid $grey_45;\n border-right: 1px solid $grey_45;\n }\n }\n }\n }\n }\n\n sd-tbody {\n .sd-table__loading {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: calc(var(--table-height, auto) - 36px);\n min-height: calc(100% - 36px);\n background: rgba(255, 255, 255, 0.6);\n z-index: 200;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n sd-tr {\n &:last-of-type {\n sd-td {\n border-bottom: none;\n }\n }\n sd-td {\n height: 44px;\n padding: 0 16px;\n border-bottom: 1px solid $grey_30;\n background: white;\n vertical-align: middle;\n\n &.sd-td {\n &--left {\n text-align: left;\n }\n &--center {\n text-align: center;\n }\n &--right {\n text-align: right;\n }\n }\n }\n }\n }\n }\n }\n\n .sd-table__bottom {\n background: white;\n text-align: center;\n }\n }\n\n .sd-table__pagination {\n position: relative;\n background: $grey_05;\n height: 48px;\n display: flex;\n align-items: center;\n justify-content: center;\n border: 1px solid $grey_30;\n border-top: none;\n border-radius: 8px;\n\n sd-select {\n position: absolute;\n right: 10px;\n top: 50%;\n transform: translateY(-50%);\n\n .sd-select {\n }\n }\n }\n}\n","import {\n Component,\n Element,\n Prop,\n State,\n Event,\n Watch,\n h,\n EventEmitter,\n Host,\n} from '@stencil/core';\nimport { CheckedType } from '../sd-checkbox/sd-checkbox';\nimport { SelectOption } from '../sd-select/sd-select';\nimport { SdSelectCustomEvent } from '../../components';\n\nexport type SdTableSortDir = 'asc' | 'desc' | 'none';\n\nexport interface SdTableColumn {\n name: string;\n label: string;\n field: string | ((row: any) => any);\n align?: 'left' | 'center' | 'right';\n width?: string;\n format?: (value: any, row: any) => string;\n visible?: boolean;\n usePageMoveIcon?: boolean;\n tooltip?: string[];\n tooltipOptions?: Record<string, any>;\n tdClass?: string;\n thClass?: string;\n}\n\nexport interface Row {\n [key: string]: any;\n}\n\n@Component({\n tag: 'sd-table-backup',\n styleUrl: 'sd-table.scss',\n})\nexport class SdTable {\n @Element() el!: HTMLElement;\n\n @Prop() columns!: SdTableColumn[];\n @Prop({ mutable: true }) rows!: Row[];\n @Prop({ mutable: true }) selected: Set<Row> = new Set();\n @Prop() rowKey: string = 'id';\n @Prop() selectable: boolean = false;\n @Prop() resizable: boolean = false;\n @Prop() width?: string;\n @Prop() height?: string;\n @Prop() stickyHeader: boolean = false;\n @Prop() stickyColumn: { left?: number; right?: number } = { left: 0, right: 0 };\n @Prop() noDataLabel: string = '데이터가 없습니다.';\n @Prop() isLoading: boolean = false;\n @Prop() pagination?: {\n page: number;\n rowsPerPage: number;\n lastPage?: number;\n };\n @Prop() bodyCellRenderer?: (\n column: SdTableColumn,\n row: Row,\n ) => HTMLElement | string | null | undefined;\n @Prop() useInternalPagination: boolean = false;\n @Prop() useRowsPerPageSelect: boolean = false;\n @Prop() rowsPerPageOption: SelectOption[] = [\n { label: '10개씩 보기', value: 10 },\n { label: '25개씩 보기', value: 25 },\n { label: '50개씩 보기', value: 50 },\n { label: '100개씩 보기', value: 100 },\n ];\n\n @Event() sdSelectChange!: EventEmitter<Row[]>;\n @Event() sdPageChange!: EventEmitter<number>;\n @Event() sdRowsPerPageChange!: EventEmitter<number>;\n\n @State() currentPage: number = this.pagination?.page || 1;\n @State() innerRows: Row[] = [];\n @State() innerSelected: Set<Row> = new Set();\n @State() columnWidths: number[] = [];\n @State() scrolledLeft: boolean = false;\n @State() scrolledRight: boolean = false;\n\n @Watch('columns')\n handleColumnsChange(newCols: SdTableColumn[]) {\n this.columnWidths = newCols.map(c => parseInt(c.width || '120', 10));\n }\n\n @Watch('rows')\n handleRowsChange(newRows: Row[]) {\n this.innerRows = [...newRows];\n }\n\n @Watch('selected')\n handleSelectedChange(newSelected: Set<Row>) {\n this.innerSelected = new Set(newSelected);\n }\n\n @Watch('pagination')\n handlePaginationChange(\n newVal?: { page: number; rowsPerPage: number; lastPage?: number } | undefined,\n ) {\n if (newVal?.page && newVal.page !== this.currentPage) this.currentPage = newVal.page;\n }\n\n componentWillLoad() {\n this.innerRows = [...(this.rows || [])];\n this.innerSelected = new Set(this.selected);\n this.columnWidths = (this.columns || []).map(c => parseInt(c.width || '120', 10));\n }\n\n componentDidLoad() {\n // SSR 환경 체크\n if (typeof window === 'undefined') return;\n\n const middle = this.el.querySelector('.sd-table__middle');\n if (!middle) return;\n\n const onScroll = () => {\n const { scrollLeft, scrollWidth, clientWidth } = middle as HTMLElement;\n this.scrolledLeft = scrollLeft > 0;\n this.scrolledRight = scrollLeft + clientWidth < scrollWidth;\n };\n middle.addEventListener('scroll', onScroll, { passive: true });\n onScroll();\n }\n\n // ----- Derived getters -----\n private get visibleColumns(): SdTableColumn[] {\n return this.columns.filter(col => col.visible !== false);\n }\n\n private get paginatedRows(): Row[] {\n if (!this.pagination || !this.useInternalPagination) return this.innerRows;\n\n const { rowsPerPage = this.rows.length } = this.pagination || {};\n\n const result = this.innerRows.slice(\n (this.currentPage - 1) * rowsPerPage,\n this.currentPage * rowsPerPage,\n );\n\n return result;\n }\n\n private get lastPageNumber(): number {\n const { lastPage, rowsPerPage = this.rows.length } = this.pagination || {};\n\n return lastPage ?? Math.max(1, Math.ceil(this.rows.length / rowsPerPage));\n }\n\n private get sdTableClasses() {\n return [\n 'sd-table',\n this.stickyHeader && 'sd-table--sticky-header',\n this.selectable && 'sd-table--selectable',\n this.resizable && 'sd-table--resizable',\n !this.innerRows.length && 'sd-table--no-data',\n ((this.stickyColumn?.left ?? 0) > 0 || (this.stickyColumn?.right ?? 0) > 0) &&\n 'sd-table--sticky-column',\n this.scrolledLeft && 'sd-table--scrolled-left',\n this.scrolledRight && 'sd-table--scrolled-right',\n ]\n .filter(Boolean)\n .join(' ');\n }\n\n // ----- Selection -----\n private isRowSelected(row: Row): boolean {\n return Array.from(this.innerSelected).some(r => r[this.rowKey] === row[this.rowKey]);\n }\n\n private updateRowSelect(row: Row) {\n const selectedArray = Array.from(this.innerSelected);\n const exists = this.isRowSelected(row);\n const newSelected = exists\n ? selectedArray.filter(r => r[this.rowKey] !== row[this.rowKey])\n : [...selectedArray, row];\n\n // 동일 상태면 set하지 않음 → 불필요 렌더 방지\n if (newSelected.length === selectedArray.length) return;\n\n this.innerSelected = new Set(newSelected);\n this.sdSelectChange.emit(Array.from(this.innerSelected));\n }\n\n private toggleSelectAll(checked: CheckedType) {\n if (checked) {\n const pageRows = new Set([...this.paginatedRows]);\n this.innerSelected = new Set([...this.innerSelected, ...pageRows]);\n } else {\n const currentPageKeys = this.paginatedRows.map(r => r[this.rowKey]);\n this.innerSelected = new Set(\n [...this.innerSelected].filter(r => !currentPageKeys.includes(r[this.rowKey])),\n );\n }\n\n this.sdSelectChange.emit(Array.from(this.innerSelected));\n }\n\n private get isAllChecked(): boolean | null {\n const total = this.paginatedRows.length;\n const selectedCount = this.paginatedRows.filter(row =>\n Array.from(this.innerSelected).some(\n selectedRow => selectedRow[this.rowKey] === row[this.rowKey],\n ),\n ).length;\n\n if (selectedCount === 0) return false; // 아무것도 안 선택됨\n if (selectedCount === total) return true; // 전부 선택됨\n return null; // 일부만 선택됨\n }\n\n // ----- Helpers -----\n private getStickyStyle(colIdx: number) {\n const leftOffset =\n this.columnWidths.slice(0, colIdx).reduce((a, b) => a + b, 0) + (this.selectable ? 52 : 0);\n const rightOffset = this.columnWidths\n .filter((_, i) => i >= this.visibleColumns.length - (this.stickyColumn.right || 0) && i > colIdx)\n .reduce((a, b) => a + b, 0);\n return {\n '--sticky-left-offset': `${leftOffset}px`,\n '--sticky-right-offset': `${rightOffset}px`,\n 'width': `${this.columnWidths[colIdx]}px`,\n 'minWidth': `${this.columnWidths[colIdx]}px`,\n 'maxWidth': `${this.columnWidths[colIdx]}px`,\n };\n }\n\n private handleResize(index: number, event: MouseEvent) {\n // SSR 환경 체크\n if (typeof document === 'undefined') return;\n\n const startX = event.clientX;\n const startWidth = this.columnWidths[index];\n\n const handleMouseMove = (moveEvent: MouseEvent) => {\n const newWidth = Math.max(startWidth + moveEvent.clientX - startX, 50);\n\n this.columnWidths = this.columnWidths.map((width, idx) => (idx === index ? newWidth : width));\n };\n\n const handleMouseUp = () => {\n document.removeEventListener('mousemove', handleMouseMove);\n document.removeEventListener('mouseup', handleMouseUp);\n };\n\n document.addEventListener('mousemove', handleMouseMove);\n document.addEventListener('mouseup', handleMouseUp);\n }\n\n private getCellValue(column: SdTableColumn, row: Row) {\n const { field, format, name } = column;\n const value = typeof field === 'function' ? field(row) : field ? row[field] : row[name];\n return format ? format(value, row) : value;\n }\n\n // ----- Render -----\n private renderHeader() {\n return (\n <thead>\n <tr>\n {this.selectable && (\n <th\n class={{\n 'sd-th': true,\n 'sd-th--selected': true,\n 'sticky-left': Boolean(this.stickyColumn.left && this.stickyColumn.left > 0),\n }}\n style={{\n '--sticky-left-offset': '0px',\n }}\n >\n <sd-checkbox\n checked={this.isAllChecked}\n disabled={!this.paginatedRows.length}\n onSdChange={(e: CustomEvent<CheckedType>) => this.toggleSelectAll(e.detail)}\n ></sd-checkbox>\n </th>\n )}\n {this.visibleColumns.map((col, colIdx) => (\n <th\n key={col.name}\n class={{\n 'sd-th': true,\n [`${col.thClass}`]: Boolean(col.thClass),\n 'sticky-left': Boolean(this.stickyColumn.left && colIdx < this.stickyColumn.left),\n 'sticky-right': Boolean(\n this.stickyColumn.right && colIdx >= this.visibleColumns.length - this.stickyColumn.right!,\n ),\n 'sticky-left-edge': Boolean(\n this.stickyColumn.left && colIdx === this.stickyColumn.left - 1,\n ),\n 'sticky-right-edge': Boolean(\n this.stickyColumn.right &&\n colIdx === this.visibleColumns.length - this.stickyColumn.right!,\n ),\n }}\n style={this.getStickyStyle(colIdx)}\n >\n <div class={`sd-th__content sd-th__content--${col.align || 'left'}`}>\n <slot name={`header-cell-${col.name}`}>\n <div class=\"sd-th__content--label\">{col.label}</div>\n </slot>\n\n {col.usePageMoveIcon && <sd-icon name=\"pageMove\" size=\"12\" color=\"#006AC1\" />}\n\n {col.tooltip && (\n <sd-tooltip {...col.tooltipOptions}>\n <div slot=\"content\">\n {col.tooltip.map(text => (\n <p>{text}</p>\n ))}\n </div>\n </sd-tooltip>\n )}\n </div>\n\n {this.resizable && typeof window !== 'undefined' && (\n <div\n class=\"sd-th__resizer\"\n onMouseDown={(evt: MouseEvent) => this.handleResize(colIdx, evt)}\n ></div>\n )}\n </th>\n ))}\n </tr>\n </thead>\n );\n }\n\n private renderBody() {\n return (\n <tbody {...(!this.paginatedRows.length && { part: 'tbody-empty' })}>\n {this.isLoading && (\n <div class=\"sd-table__loading\">\n <sd-loading-spinner></sd-loading-spinner>\n </div>\n )}\n {!this.paginatedRows.length ? (\n <tr>\n <td colSpan={this.visibleColumns.length + (this.selectable ? 1 : 0)}>\n <slot name=\"no-data\">{this.noDataLabel}</slot>\n </td>\n </tr>\n ) : (\n this.paginatedRows.map((row, rowIdx) => (\n <tr key={row[this.rowKey]} class=\"hover:bg-Grey_Lighten-6\">\n {this.selectable && (\n <td\n class={{\n 'sd-td': true,\n 'sd-td--selected': true,\n 'sticky-left': Boolean(this.stickyColumn.left && this.stickyColumn.left > 0),\n }}\n style={{\n '--sticky-left-offset': '0px',\n }}\n >\n <sd-checkbox\n checked={this.isRowSelected(row)}\n disabled={!this.paginatedRows.length}\n onSdChange={() => this.updateRowSelect(row)}\n ></sd-checkbox>\n </td>\n )}\n {this.visibleColumns.map((column, colIdx) => {\n const rendered = this.bodyCellRenderer?.(column, row);\n\n return (\n <td\n key={column.name}\n part={`td-${column.name}`}\n class={{\n 'sd-td': true,\n [`sd-td--${column.align || 'left'}`]: true,\n 'sticky-left': Boolean(this.stickyColumn.left && colIdx < this.stickyColumn.left),\n 'sticky-right': Boolean(\n this.stickyColumn.right &&\n colIdx >= this.visibleColumns.length - this.stickyColumn.right!,\n ),\n 'sticky-left-edge': Boolean(\n this.stickyColumn.left && colIdx === this.stickyColumn.left - 1,\n ),\n 'sticky-right-edge': Boolean(\n this.stickyColumn.right &&\n colIdx === this.visibleColumns.length - this.stickyColumn.right!,\n ),\n [`${column.tdClass}`]: Boolean(column.tdClass),\n }}\n style={this.getStickyStyle(colIdx)}\n >\n {/* slot을 사용하려는 항목 name과 행 인덱스를 키값으로 사용 */}\n <slot name={`body-cell-${column.name}-${rowIdx}`}>\n {rendered ? (\n typeof rendered === 'string' ? (\n <span innerHTML={rendered}></span>\n ) : (\n rendered\n )\n ) : (\n this.getCellValue(column, row)\n )}\n </slot>\n </td>\n );\n })}\n </tr>\n ))\n )}\n </tbody>\n );\n }\n\n render() {\n return (\n <Host>\n <div\n class=\"sd-table__wrapper\"\n style={{\n '--table-width': this.width,\n '--table-height': this.height,\n }}\n >\n <div class=\"sd-table__container\">\n <div class=\"sd-table__middle\">\n <table part=\"table\" class={this.sdTableClasses}>\n {this.renderHeader()}\n\n {this.renderBody()}\n </table>\n </div>\n\n <div class=\"sd-table__bottom\"></div>\n </div>\n {this.pagination && this.innerRows.length > 0 && (\n <div class=\"sd-table__pagination\">\n <sd-pagination\n currentPage={!this.useInternalPagination ? this.pagination.page : this.currentPage}\n lastPage={!this.useInternalPagination ? this.pagination.lastPage : this.lastPageNumber}\n onPageChange={(e: CustomEvent<number>) => {\n if (!this.useInternalPagination) {\n this.sdPageChange.emit(e.detail);\n } else {\n this.currentPage = e.detail;\n this.sdPageChange.emit(this.currentPage);\n }\n }}\n ></sd-pagination>\n\n {this.useRowsPerPageSelect && (\n <sd-select\n value={this.pagination.rowsPerPage}\n options={this.rowsPerPageOption}\n width=\"128px\"\n onSdChange={(e: SdSelectCustomEvent<{ value: string | number | null }>) => {\n const changedRowsPerPage = e.detail.value ? Number(e.detail.value) : 0;\n if (!this.useInternalPagination) {\n this.sdRowsPerPageChange.emit(changedRowsPerPage);\n } else {\n const newRowsPerPage = Number(e.detail.value || 0);\n let newLastPage = Math.max(1, Math.ceil(this.innerRows.length / newRowsPerPage));\n let newCurrentPage = this.currentPage;\n\n if (newCurrentPage > newLastPage) {\n newCurrentPage = newLastPage;\n }\n\n this.pagination = {\n page: newCurrentPage,\n rowsPerPage: newRowsPerPage,\n lastPage: newLastPage,\n };\n this.currentPage = newCurrentPage;\n this.sdRowsPerPageChange.emit(changedRowsPerPage);\n }\n }}\n ></sd-select>\n )}\n </div>\n )}\n </div>\n </Host>\n );\n }\n}\n\n// <div\n// style=\"\n// width: 100%;\n// height: 600px;\n// display: flex;\n// justify-content: center;\n// align-items: center;\n// gap: 40px;\n// margin-top: 100px;\n// \"\n// >\n// <sd-table id=\"sd-table-1\" use-rows-per-page-select></sd-table>\n// <button id=\"test\">시작</button>\n// </div>\n// document.addEventListener('DOMContentLoaded', event => {\n// const table = document.getElementById('sd-table-1');\n// const test = document.getElementById('test');\n// table.pagination = {\n// page: 1,\n// rowsPerPage: 50,\n// totalItems: 0,\n// lastPage: 1,\n// };\n// table.rows = [];\n// const ROWS = [\n// {\n// 'id': 1,\n// 'productInfo': {\n// name: 'Oversized Wool Autumn Jacket',\n// property: '블랙, OS',\n// barcode: [{ code: '123456789013456789' }],\n// code: 'OUTJK002BLKM',\n// category: '의류 > 아우터 > 자켓',\n// season: '2025 (S/S)',\n// },\n// 'avgCost': 150000,\n// 'totalStock': 5200,\n// 'movingStock': 250,\n// 'unshippedStock': 100,\n// '본사 창고': {\n// total: 100000,\n// scheduled: 5000,\n// },\n// '롯데 백화점 잠실점': {\n// total: 100000,\n// scheduled: 5000,\n// },\n// },\n// {\n// 'id': 2,\n// 'productInfo': {\n// name: 'Cotton Basic T-Shirt',\n// property: '화이트, L',\n// barcode: [{ code: '123456789013456780' }],\n// code: 'TSHRT001WHTL',\n// category: '의류 > 상의 > 티셔츠',\n// season: '2025 (S/S)',\n// },\n// 'avgCost': 25000,\n// 'totalStock': 8500,\n// 'movingStock': 400,\n// 'unshippedStock': 150,\n// '본사 창고': {\n// total: 100000,\n// scheduled: 5000,\n// },\n// '롯데 백화점 잠실점': {\n// total: 100000,\n// scheduled: 5000,\n// },\n// },\n// {\n// 'id': 3,\n// 'productInfo': {\n// name: 'Denim Straight Jeans',\n// property: '네이비, 30',\n// barcode: [{ code: '123456789013456781' }],\n// code: 'JEANS001NAVY30',\n// category: '의류 > 하의 > 청바지',\n// season: '2025 (F/W)',\n// isDeleted: true,\n// },\n// 'avgCost': 89000,\n// 'totalStock': 3200,\n// 'movingStock': 180,\n// 'unshippedStock': 80,\n// '본사 창고': {\n// total: 100000,\n// scheduled: 5000,\n// },\n// 'ABC 창고 (한솔 로지스틱스)': {\n// total: 2000,\n// scheduled: 100,\n// },\n// '롯데 백화점 잠실점': {\n// total: 100000,\n// scheduled: 5000,\n// },\n// },\n// {\n// 'id': 4,\n// 'productInfo': {\n// name: 'Leather Ankle Boots',\n// property: '브라운, 250',\n// barcode: [{ code: '123456789013456782' }],\n// code: 'BOOTS001BRN250',\n// category: '신발 > 부츠 > 앵클부츠',\n// season: '2025 (F/W)',\n// },\n// 'avgCost': 180000,\n// 'totalStock': 1800,\n// 'movingStock': 120,\n// 'unshippedStock': 60,\n// '본사 창고': {\n// total: 100000,\n// scheduled: 5000,\n// },\n// '롯데 백화점 잠실점': {\n// total: 100000,\n// scheduled: 5000,\n// },\n// },\n// {\n// 'id': 5,\n// 'productInfo': {\n// name: 'Cashmere Wool Scarf',\n// property: '그레이, OS',\n// barcode: [{ code: '123456789013456783' }],\n// code: 'SCARF001GRAY',\n// category: '액세서리 > 머플러 > 캐시미어',\n// season: '2025 (F/W)',\n// },\n// 'avgCost': 75000,\n// 'totalStock': 2400,\n// 'movingStock': 140,\n// 'unshippedStock': 70,\n// '본사 창고': {\n// total: 100000,\n// scheduled: 5000,\n// },\n// '롯데 백화점 잠실점': {\n// total: 100000,\n// scheduled: 5000,\n// },\n// },\n// {\n// 'id': 6,\n// 'productInfo': {\n// name: 'Minimalist Watch',\n// property: '실버, OS',\n// barcode: [{ code: '123456789013456784' }],\n// code: 'WATCH001SLV',\n// category: '액세서리 > 시계 > 손목시계',\n// season: '2025 (S/S)',\n// },\n// 'avgCost': 120000,\n// 'totalStock': 950,\n// 'movingStock': 85,\n// 'unshippedStock': 40,\n// '본사 창고': {\n// total: 65000,\n// scheduled: 2200,\n// },\n// },\n// {\n// 'id': 7,\n// 'productInfo': {\n// name: 'Sports Running Shoes',\n// property: '블랙, 270',\n// barcode: [{ code: '123456789013456785' }],\n// code: 'SHOES001BLK270',\n// category: '신발 > 운동화 > 러닝화',\n// season: '2025 (S/S)',\n// },\n// 'avgCost': 95000,\n// 'totalStock': 4200,\n// 'movingStock': 320,\n// 'unshippedStock': 160,\n// '본사 창고': {\n// total: 110000,\n// scheduled: 5500,\n// },\n// },\n// {\n// 'id': 8,\n// 'productInfo': {\n// name: 'Silk Blouse',\n// property: '크림, M',\n// barcode: [{ code: '123456789013456786' }],\n// code: 'BLOUSE001CRM',\n// category: '의류 > 상의 > 블라우스',\n// season: '2025 (S/S)',\n// },\n// 'avgCost': 135000,\n// 'totalStock': 1600,\n// 'movingStock': 95,\n// 'unshippedStock': 45,\n// '본사 창고': {\n// total: 72000,\n// scheduled: 3100,\n// },\n// },\n// {\n// 'id': 9,\n// 'productInfo': {\n// name: 'Canvas Tote Bag',\n// property: '베이지, L',\n// barcode: [{ code: '123456789013456787' }],\n// code: 'BAG001BGEL',\n// category: '가방 > 토트백 > 캔버스',\n// season: '2025 (S/S)',\n// },\n// 'avgCost': 45000,\n// 'totalStock': 3800,\n// 'movingStock': 280,\n// 'unshippedStock': 140,\n// '본사 창고': {\n// total: 88000,\n// scheduled: 4800,\n// },\n// },\n// {\n// 'id': 10,\n// 'productInfo': {\n// name: 'Wool Knit Sweater',\n// property: '차콜, XL',\n// barcode: [{ code: '123456789013456788' }],\n// code: 'KNIT001CHRXL',\n// category: '의류 > 상의 > 니트',\n// season: '2025 (F/W)',\n// },\n// 'avgCost': 98000,\n// 'totalStock': 2800,\n// 'movingStock': 190,\n// 'unshippedStock': 95,\n// '본사 창고': {\n// total: 76000,\n// scheduled: 3800,\n// },\n// },\n// {\n// 'id': 11,\n// 'productInfo': {\n// name: 'Baseball Cap',\n// property: '네이비, OS',\n// barcode: [{ code: '123456789013456789' }],\n// code: 'CAP001NAVY',\n// category: '액세서리 > 모자 > 야구모자',\n// season: '2025 (S/S)',\n// },\n// 'avgCost': 35000,\n// 'totalStock': 5400,\n// 'movingStock': 380,\n// 'unshippedStock': 190,\n// '본사 창고': {\n// total: 125000,\n// scheduled: 6200,\n// },\n// },\n// {\n// 'id': 12,\n// 'productInfo': {\n// name: 'Pleated Mini Skirt',\n// property: '체크, S',\n// barcode: [{ code: '123456789013456790' }],\n// code: 'SKIRT001CHKS',\n// category: '의류 > 하의 > 스커트',\n// season: '2025 (S/S)',\n// },\n// 'avgCost': 68000,\n// 'totalStock': 2200,\n// 'movingStock': 165,\n// 'unshippedStock': 82,\n// '본사 창고': {\n// total: 69000,\n// scheduled: 3400,\n// },\n// },\n// {\n// 'id': 13,\n// 'productInfo': {\n// name: 'Leather Belt',\n// property: '블랙, 95',\n// barcode: [{ code: '123456789013456791' }],\n// code: 'BELT001BLK95',\n// category: '액세서리 > 벨트 > 가죽벨트',\n// season: '2025 (F/W)',\n// },\n// 'avgCost': 55000,\n// 'totalStock': 1400,\n// 'movingStock': 85,\n// 'unshippedStock': 42,\n// '본사 창고': {\n// total: 58000,\n// scheduled: 2100,\n// },\n// },\n// {\n// 'id': 14,\n// 'productInfo': {\n// name: 'Hooded Sweatshirt',\n// property: '그레이, L',\n// barcode: [{ code: '123456789013456792' }],\n// code: 'HOOD001GRAYL',\n// category: '의류 > 상의 > 후디',\n// season: '2025 (F/W)',\n// },\n// 'avgCost': 78000,\n// 'totalStock': 3600,\n// 'movingStock': 245,\n// 'unshippedStock': 122,\n// '본사 창고': {\n// total: 92000,\n// scheduled: 4500,\n// },\n// },\n// {\n// 'id': 15,\n// 'productInfo': {\n// name: 'Chain Necklace',\n// property: '골드, OS',\n// barcode: [{ code: '123456789013456793' }],\n// code: 'NECK001GOLD',\n// category: '액세서리 > 목걸이 > 체인',\n// season: '2025 (S/S)',\n// },\n// 'avgCost': 85000,\n// 'totalStock': 880,\n// 'movingStock': 55,\n// 'unshippedStock': 28,\n// '본사 창고': {\n// total: 42000,\n// scheduled: 1800,\n// },\n// },\n// {\n// 'id': 16,\n// 'productInfo': {\n// name: 'Chino Pants',\n// property: '베이지, 32',\n// barcode: [{ code: '123456789013456794' }],\n// code: 'CHINO001BGE32',\n// category: '의류 > 하의 > 치노팬츠',\n// season: '2025 (S/S)',\n// },\n// 'avgCost': 72000,\n// 'totalStock': 2600,\n// 'movingStock': 185,\n// 'unshippedStock': 92,\n// '본사 창고': {\n// total: 78000,\n// scheduled: 3200,\n// },\n// },\n// {\n// 'id': 17,\n// 'productInfo': {\n// name: 'Crossbody Bag',\n// property: '블랙, M',\n// barcode: [{ code: '123456789013456795' }],\n// code: 'XBAG001BLKM',\n// category: '가방 > 크로스백 > 미니',\n// season: '2025 (F/W)',\n// },\n// 'avgCost': 125000,\n// 'totalStock': 1200,\n// 'movingStock': 75,\n// 'unshippedStock': 38,\n// '본사 창고': {\n// total: 55000,\n// scheduled: 2400,\n// },\n// },\n// {\n// 'id': 18,\n// 'productInfo': {\n// name: 'Flannel Shirt',\n// property: '레드체크, L',\n// barcode: [{ code: '123456789013456796' }],\n// code: 'SHIRT001REDL',\n// category: '의류 > 상의 > 셔츠',\n// season: '2025 (F/W)',\n// },\n// 'avgCost': 65000,\n// 'totalStock': 2100,\n// 'movingStock': 155,\n// 'unshippedStock': 78,\n// '본사 창고': {\n// total: 67000,\n// scheduled: 2900,\n// },\n// },\n// {\n// 'id': 19,\n// 'productInfo': {\n// name: 'Statement Earrings',\n// property: '실버, OS',\n// barcode: [{ code: '123456789013456797' }],\n// code: 'EAR001SLV',\n// category: '액세서리 > 귀걸이 > 드롭형',\n// season: '2025 (S/S)',\n// },\n// 'avgCost': 42000,\n// 'totalStock': 650,\n// 'movingStock': 45,\n// 'unshippedStock': 22,\n// '본사 창고': {\n// total: 35000,\n// scheduled: 1500,\n// },\n// },\n// {\n// 'id': 20,\n// 'productInfo': {\n// name: 'Cargo Shorts',\n// property: '카키, XL',\n// barcode: [{ code: '123456789013456798' }],\n// code: 'SHORT001KHIXL',\n// category: '의류 > 하의 > 반바지',\n// season: '2025 (S/S)',\n// },\n// 'avgCost': 58000,\n// 'totalStock': 1800,\n// 'movingStock': 125,\n// 'unshippedStock': 62,\n// '본사 창고': {\n// total: 62000,\n// scheduled: 2600,\n// },\n// },\n// {\n// 'id': 21,\n// 'productInfo': {\n// name: 'Bomber Jacket',\n// property: '올리브, M',\n// barcode: [{ code: '123456789013456799' }],\n// code: 'BOMB001OLVM',\n// category: '의류 > 아우터 > 봄버재킷',\n// season: '2025 (F/W)',\n// },\n// 'avgCost': 165000,\n// 'totalStock': 950,\n// 'movingStock': 68,\n// 'unshippedStock': 34,\n// '본사 창고': {\n// total: 48000,\n// scheduled: 2100,\n// },\n// },\n// {\n// 'id': 22,\n// 'productInfo': {\n// name: 'Sunglasses',\n// property: '블랙, OS',\n// barcode: [{ code: '123456789013456800' }],\n// code: 'SUN001BLK',\n// category: '액세서리 > 선글라스 > 웨이파러',\n// season: '2025 (S/S)',\n// },\n// 'avgCost': 88000,\n// 'totalStock': 720,\n// 'movingStock': 52,\n// 'unshippedStock': 26,\n// '본사 창고': {\n// total: 38000,\n// scheduled: 1700,\n// },\n// },\n// {\n// 'id': 23,\n// 'productInfo': {\n// name: 'Midi Dress',\n// property: '플로럴, S',\n// barcode: [{ code: '123456789013456801' }],\n// code: 'DRESS001FLRS',\n// category: '의류 > 원피스 > 미디원피스',\n// season: '2025 (S/S)',\n// },\n// 'avgCost': 145000,\n// 'totalStock': 1400,\n// 'movingStock': 95,\n// 'unshippedStock': 48,\n// '본사 창고': {\n// total: 58000,\n// scheduled: 2300,\n// },\n// },\n// {\n// 'id': 24,\n// 'productInfo': {\n// name: 'Sneakers High-top',\n// property: '화이트, 265',\n// barcode: [{ code: '123456789013456802' }],\n// code: 'SNEAK001WHT265',\n// category: '신발 > 운동화 > 하이탑',\n// season: '2025 (S/S)',\n// },\n// 'avgCost': 112000,\n// 'totalStock': 2200,\n// 'movingStock': 165,\n// 'unshippedStock': 82,\n// '본사 창고': {\n// total: 72000,\n// scheduled: 3100,\n// },\n// },\n// {\n// 'id': 25,\n// 'productInfo': {\n// name: 'Cardigan',\n// property: '베이지, M',\n// barcode: [{ code: '123456789013456803' }],\n// code: 'CARD001BGEM',\n// category: '의류 > 상의 > 가디건',\n// season: '2025 (F/W)',\n// },\n// 'avgCost': 92000,\n// 'totalStock': 1600,\n// 'movingStock': 115,\n// 'unshippedStock': 58,\n// '본사 창고': {\n// total: 62000,\n// scheduled: 2500,\n// },\n// },\n// {\n// 'id': 26,\n// 'productInfo': {\n// name: 'Bucket Hat',\n// property: '데님, OS',\n// barcode: [{ code: '123456789013456804' }],\n// code: 'BUCK001DENIM',\n// category: '액세서리 > 모자 > 버킷햇',\n// season: '2025 (S/S)',\n// },\n// 'avgCost': 38000,\n// 'totalStock': 3200,\n// 'movingStock': 245,\n// 'unshippedStock': 122,\n// '본사 창고': {\n// total: 85000,\n// scheduled: 4200,\n// },\n// },\n// {\n// 'id': 27,\n// 'productInfo': {\n// name: 'Track Pants',\n// property: '블랙, L',\n// barcode: [{ code: '123456789013456805' }],\n// code: 'TRACK001BLKL',\n// category: '의류 > 하의 > 트랙팬츠',\n// season: '2025 (F/W)',\n// },\n// 'avgCost': 65000,\n// 'totalStock': 2800,\n// 'movingStock': 195,\n// 'unshippedStock': 98,\n// '본사 창고': {\n// total: 78000,\n// scheduled: 3600,\n// },\n// },\n// {\n// 'id': 28,\n// 'productInfo': {\n// name: 'Leather Gloves',\n// property: '브라운, M',\n// barcode: [{ code: '123456789013456806' }],\n// code: 'GLOVE001BRNM',\n// category: '액세서리 > 장갑 > 가죽장갑',\n// season: '2025 (F/W)',\n// },\n// 'avgCost': 78000,\n// 'totalStock': 850,\n// 'movingStock': 58,\n// 'unshippedStock': 29,\n// '본사 창고': {\n// total: 42000,\n// scheduled: 1800,\n// },\n// },\n// {\n// 'id': 29,\n// 'productInfo': {\n// name: 'Polo Shirt',\n// property: '네이비, L',\n// barcode: [{ code: '123456789013456807' }],\n// code: 'POLO001NAVL',\n// category: '의류 > 상의 > 폴로셔츠',\n// season: '2025 (S/S)',\n// },\n// 'avgCost': 52000,\n// 'totalStock': 3400,\n// 'movingStock': 255,\n// 'unshippedStock': 128,\n// '본사 창고': {\n// total: 88000,\n// scheduled: 4500,\n// },\n// },\n// {\n// 'id': 30,\n// 'productInfo': {\n// name: 'Ankle Socks',\n// property: '화이트, OS',\n// barcode: [{ code: '123456789013456808' }],\n// code: 'SOCK001WHT',\n// category: '의류 > 양말 > 발목양말',\n// season: '2025 (S/S)',\n// },\n// 'avgCost': 8000,\n// 'totalStock': 8500,\n// 'movingStock': 650,\n// 'unshippedStock': 325,\n// '본사 창고': {\n// total: 180000,\n// scheduled: 9500,\n// },\n// },\n// {\n// 'id': 31,\n// 'productInfo': {\n// name: 'Puffer Vest',\n// property: '블랙, XL',\n// barcode: [{ code: '123456789013456809' }],\n// code: 'VEST001BLKXL',\n// category: '의류 > 아우터 > 패딩조끼',\n// season: '2025 (F/W)',\n// },\n// 'avgCost': 135000,\n// 'totalStock': 1200,\n// 'movingStock': 85,\n// 'unshippedStock': 42,\n// '본사 창고': {\n// total: 52000,\n// scheduled: 2200,\n// },\n// },\n// {\n// 'id': 32,\n// 'productInfo': {\n// name: 'Ring Set',\n// property: '골드, OS',\n// barcode: [{ code: '123456789013456810' }],\n// code: 'RING001GOLD',\n// category: '액세서리 > 반지 > 세트',\n// season: '2025 (S/S)',\n// },\n// 'avgCost': 65000,\n// 'totalStock': 480,\n// 'movingStock': 35,\n// 'unshippedStock': 18,\n// '본사 창고': {\n// total: 28000,\n// scheduled: 1200,\n// },\n// },\n// {\n// 'id': 33,\n// 'productInfo': {\n// name: 'Maxi Coat',\n// property: '캐멀, M',\n// barcode: [{ code: '123456789013456811' }],\n// code: 'COAT001CAMLM',\n// category: '의류 > 아우터 > 롱코트',\n// season: '2025 (F/W)',\n// },\n// 'avgCost': 285000,\n// 'totalStock': 650,\n// 'movingStock': 42,\n// 'unshippedStock': 21,\n// '본사 창고': {\n// total: 32000,\n// scheduled: 1400,\n// },\n// },\n// {\n// 'id': 34,\n// 'productInfo': {\n// name: 'Oxford Shoes',\n// property: '브라운, 270',\n// barcode: [{ code: '123456789013456812' }],\n// code: 'OX001BRN270',\n// category: '신발 > 드레스화 > 옥스퍼드',\n// season: '2025 (F/W)',\n// },\n// 'avgCost': 195000,\n// 'totalStock': 850,\n// 'movingStock': 58,\n// 'unshippedStock': 29,\n// '본사 창고': {\n// total: 42000,\n// scheduled: 1700,\n// },\n// },\n// {\n// 'id': 35,\n// 'productInfo': {\n// name: 'Wrap Skirt',\n// property: '올리브, S',\n// barcode: [{ code: '123456789013456813' }],\n// code: 'WRAP001OLVS',\n// category: '의류 > 하의 > 랩스커트',\n// season: '2025 (S/S)',\n// },\n// 'avgCost': 78000,\n// 'totalStock': 1400,\n// 'movingStock': 95,\n// 'unshippedStock': 48,\n// '본사 창고': {\n// total: 58000,\n// scheduled: 2300,\n// },\n// },\n// {\n// 'id': 36,\n// 'productInfo': {\n// name: 'Baseball Jacket',\n// property: '네이비/화이트, L',\n// barcode: [{ code: '123456789013456814' }],\n// code: 'BASE001NWHL',\n// category: '의류 > 아우터 > 야구점퍼',\n// season: '2025 (S/S)',\n// },\n// 'avgCost': 125000,\n// 'totalStock': 950,\n// 'movingStock': 68,\n// 'unshippedStock': 34,\n// '본사 창고': {\n// total: 48000,\n// scheduled: 2100,\n// },\n// },\n// {\n// 'id': 37,\n// 'productInfo': {\n// name: 'Messenger Bag',\n// property: '블랙, L',\n// barcode: [{ code: '123456789013456815' }],\n// code: 'MSG001BLKL',\n// category: '가방 > 메신저백 > 대형',\n// season: '2025 (F/W)',\n// },\n// 'avgCost': 158000,\n// 'totalStock': 720,\n// 'movingStock': 52,\n// 'unshippedStock': 26,\n// '본사 창고': {\n// total: 38000,\n// scheduled: 1600,\n// },\n// },\n// {\n// 'id': 38,\n// 'productInfo': {\n// name: 'Tank Top',\n// property: '그레이, M',\n// barcode: [{ code: '123456789013456816' }],\n// code: 'TANK001GRAM',\n// category: '의류 > 상의 > 나시',\n// season: '2025 (S/S)',\n// },\n// 'avgCost': 28000,\n// 'totalStock': 4200,\n// 'movingStock': 315,\n// 'unshippedStock': 158,\n// '본사 창고': {\n// total: 105000,\n// scheduled: 5500,\n// },\n// },\n// {\n// 'id': 39,\n// 'productInfo': {\n// name: 'Beanie',\n// property: '차콜, OS',\n// barcode: [{ code: '123456789013456817' }],\n// code: 'BEAN001CHR',\n// category: '액세서리 > 모자 > 비니',\n// season: '2025 (F/W)',\n// },\n// 'avgCost': 32000,\n// 'totalStock': 2800,\n// 'movingStock': 205,\n// 'unshippedStock': 102,\n// '본사 창고': {\n// total: 78000,\n// scheduled: 3800,\n// },\n// },\n// {\n// 'id': 40,\n// 'productInfo': {\n// name: 'Wide Leg Pants',\n// property: '블랙, L',\n// barcode: [{ code: '123456789013456818' }],\n// code: 'WIDE001BLKL',\n// category: '의류 > 하의 > 와이드팬츠',\n// season: '2025 (S/S)',\n// },\n// 'avgCost': 85000,\n// 'totalStock': 1800,\n// 'movingStock': 125,\n// 'unshippedStock': 62,\n// '본사 창고': {\n// total: 62000,\n// scheduled: 2600,\n// },\n// },\n// {\n// 'id': 41,\n// 'productInfo': {\n// name: 'Clutch Bag',\n// property: '골드, M',\n// barcode: [{ code: '123456789013456819' }],\n// code: 'CLUTCH001GLDM',\n// category: '가방 > 클러치백 > 이브닝',\n// season: '2025 (S/S)',\n// },\n// 'avgCost': 118000,\n// 'totalStock': 450,\n// 'movingStock': 32,\n// 'unshippedStock': 16,\n// '본사 창고': {\n// total: 25000,\n// scheduled: 1100,\n// },\n// },\n// {\n// 'id': 42,\n// 'productInfo': {\n// name: 'Thermal Underwear',\n// property: '화이트, L',\n// barcode: [{ code: '123456789013456820' }],\n// code: 'THERM001WHTL',\n// category: '의류 > 언더웨어 > 보온속옷',\n// season: '2025 (F/W)',\n// },\n// 'avgCost': 45000,\n// 'totalStock': 3200,\n// 'movingStock': 245,\n// 'unshippedStock': 122,\n// '본사 창고': {\n// total: 85000,\n// scheduled: 4200,\n// },\n// },\n// {\n// 'id': 43,\n// 'productInfo': {\n// name: 'Pocket Watch',\n// property: '실버, OS',\n// barcode: [{ code: '123456789013456821' }],\n// code: 'PWATCH001SLV',\n// category: '액세서리 > 시계 > 포켓워치',\n// season: '2025 (F/W)',\n// },\n// 'avgCost': 165000,\n// 'totalStock': 280,\n// 'movingStock': 18,\n// 'unshippedStock': 9,\n// '본사 창고': {\n// total: 15000,\n// scheduled: 650,\n// },\n// },\n// {\n// 'id': 44,\n// 'productInfo': {\n// name: 'Cropped Blazer',\n// property: '핑크, S',\n// barcode: [{ code: '123456789013456822' }],\n// code: 'BLAZ001PNKS',\n// category: '의류 > 아우터 > 블레이저',\n// season: '2025 (S/S)',\n// },\n// 'avgCost': 185000,\n// 'totalStock': 850,\n// 'movingStock': 58,\n// 'unshippedStock': 29,\n// '본사 창고': {\n// total: 42000,\n// scheduled: 1700,\n// },\n// },\n// {\n// 'id': 45,\n// 'productInfo': {\n// name: 'Loafers',\n// property: '블랙, 255',\n// barcode: [{ code: '123456789013456823' }],\n// code: 'LOAF001BLK255',\n// category: '신발 > 로퍼 > 클래식',\n// season: '2025 (F/W)',\n// },\n// 'avgCost': 145000,\n// 'totalStock': 1200,\n// 'movingStock': 85,\n// 'unshippedStock': 42,\n// '본사 창고': {\n// total: 52000,\n// scheduled: 2200,\n// },\n// },\n// {\n// 'id': 46,\n// 'productInfo': {\n// name: 'Gym Shorts',\n// property: '블랙, L',\n// barcode: [{ code: '123456789013456824' }],\n// code: 'GYM001BLKL',\n// category: '의류 > 스포츠웨어 > 반바지',\n// season: '2025 (S/S)',\n// },\n// 'avgCost': 38000,\n// 'totalStock': 2800,\n// 'movingStock': 205,\n// 'unshippedStock': 102,\n// '본사 창고': {\n// total: 78000,\n// scheduled: 3800,\n// },\n// },\n// {\n// 'id': 47,\n// 'productInfo': {\n// name: 'Hair Accessory Set',\n// property: '골드, OS',\n// barcode: [{ code: '123456789013456825' }],\n// code: 'HAIR001GLD',\n// category: '액세서리 > 헤어액세서리 > 세트',\n// season: '2025 (S/S)',\n// },\n// 'avgCost': 25000,\n// 'totalStock': 1400,\n// 'movingStock': 105,\n// 'unshippedStock': 52,\n// '본사 창고': {\n// total: 48000,\n// scheduled: 2400,\n// },\n// },\n// {\n// 'id': 48,\n// 'productInfo': {\n// name: 'Pea Coat',\n// property: '네이비, M',\n// barcode: [{ code: '123456789013456826' }],\n// code: 'PEA001NAVM',\n// category: '의류 > 아우터 > 피코트',\n// season: '2025 (F/W)',\n// },\n// 'avgCost': 225000,\n// 'totalStock': 650,\n// 'movingStock': 42,\n// 'unshippedStock': 21,\n// '본사 창고': {\n// total: 32000,\n// scheduled: 1400,\n// },\n// },\n// {\n// 'id': 49,\n// 'productInfo': {\n// name: 'Canvas Sneakers',\n// property: '화이트, 260',\n// barcode: [{ code: '123456789013456827' }],\n// code: 'CANV001WHT260',\n// category: '신발 > 캔버스화 > 로우탑',\n// season: '2025 (S/S)',\n// },\n// 'avgCost': 65000,\n// 'totalStock': 3200,\n// 'movingStock': 245,\n// 'unshippedStock': 122,\n// '본사 창고': {\n// total: 85000,\n// scheduled: 4200,\n// },\n// },\n// {\n// 'id': 50,\n// 'productInfo': {\n// name: 'Yoga Leggings',\n// property: '블랙, M',\n// barcode: [{ code: '123456789013456828' }],\n// code: 'YOGA001BLKM',\n// category: '의류 > 스포츠웨어 > 레깅스',\n// season: '2025 (S/S)',\n// },\n// 'avgCost': 55000,\n// 'totalStock': 2400,\n// 'movingStock': 175,\n// 'unshippedStock': 88,\n// '본사 창고': {\n// total: 68000,\n// scheduled: 3200,\n// },\n// },\n// {\n// 'id': 51,\n// 'productInfo': {\n// name: 'Bracelet',\n// property: '실버, OS',\n// barcode: [{ code: '123456789013456829' }],\n// code: 'BRAC001SLV',\n// category: '액세서리 > 팔찌 > 체인',\n// season: '2025 (S/S)',\n// },\n// 'avgCost': 48000,\n// 'totalStock': 950,\n// 'movingStock': 68,\n// 'unshippedStock': 34,\n// '본사 창고': {\n// total: 42000,\n// scheduled: 1800,\n// },\n// },\n// {\n// 'id': 52,\n// 'productInfo': {\n// name: 'Tweed Jacket',\n// property: '그레이, L',\n// barcode: [{ code: '123456789013456830' }],\n// code: 'TWEED001GRAYL',\n// category: '의류 > 아우터 > 트위드재킷',\n// season: '2025 (F/W)',\n// },\n// 'avgCost': 195000,\n// 'totalStock': 750,\n// 'movingStock': 52,\n// 'unshippedStock': 26,\n// '본사 창고': {\n// total: 38000,\n// scheduled: 1600,\n// },\n// },\n// {\n// 'id': 53,\n// 'productInfo': {\n// name: 'Platform Sandals',\n// property: '베이지, 240',\n// barcode: [{ code: '123456789013456831' }],\n// code: 'PLAT001BGE240',\n// category: '신발 > 샌들 > 플랫폼',\n// season: '2025 (S/S)',\n// },\n// 'avgCost': 88000,\n// 'totalStock': 1400,\n// 'movingStock': 95,\n// 'unshippedStock': 48,\n// '본사 창고': {\n// total: 58000,\n// scheduled: 2300,\n// },\n// },\n// {\n// 'id': 54,\n// 'productInfo': {\n// name: 'Compression Shirt',\n// property: '네이비, L',\n// barcode: [{ code: '123456789013456832' }],\n// code: 'COMP001NAVL',\n// category: '의류 > 스포츠웨어 > 압박셔츠',\n// season: '2025 (S/S)',\n// },\n// 'avgCost': 42000,\n// 'totalStock': 1800,\n// 'movingStock': 125,\n// 'unshippedStock': 62,\n// '본사 창고': {\n// total: 62000,\n// scheduled: 2600,\n// },\n// },\n// {\n// 'id': 55,\n// 'productInfo': {\n// name: 'Fedora Hat',\n// property: '브라운, OS',\n// barcode: [{ code: '123456789013456833' }],\n// code: 'FED001BRN',\n// category: '액세서리 > 모자 > 페도라',\n// season: '2025 (F/W)',\n// },\n// 'avgCost': 85000,\n// 'totalStock': 480,\n// 'movingStock': 35,\n// 'unshippedStock': 18,\n// '본사 창고': {\n// total: 28000,\n// scheduled: 1200,\n// },\n// },\n// {\n// 'id': 56,\n// 'productInfo': {\n// name: 'Bodycon Dress',\n// property: '블랙, S',\n// barcode: [{ code: '123456789013456834' }],\n// code: 'BODY001BLKS',\n// category: '의류 > 원피스 > 바디콘',\n// season: '2025 (S/S)',\n// },\n// 'avgCost': 92000,\n// 'totalStock': 1200,\n// 'movingStock': 85,\n// 'unshippedStock': 42,\n// '본사 창고': {\n// total: 52000,\n// scheduled: 2200,\n// },\n// },\n// {\n// 'id': 57,\n// 'productInfo': {\n// name: 'Hiking Boots',\n// property: '브라운, 275',\n// barcode: [{ code: '123456789013456835' }],\n// code: 'HIKE001BRN275',\n// category: '신발 > 등산화 > 하이킹',\n// season: '2025 (F/W)',\n// },\n// 'avgCost': 165000,\n// 'totalStock': 850,\n// 'movingStock': 58,\n// 'unshippedStock': 29,\n// '본사 창고': {\n// total: 42000,\n// scheduled: 1700,\n// },\n// },\n// {\n// 'id': 58,\n// 'productInfo': {\n// name: 'Sweatpants',\n// property: '그레이, XL',\n// barcode: [{ code: '123456789013456836' }],\n// code: 'SWEAT001GRAXL',\n// category: '의류 > 하의 > 스웻팬츠',\n// season: '2025 (F/W)',\n// },\n// 'avgCost': 52000,\n// 'totalStock': 2400,\n// 'movingStock': 175,\n// 'unshippedStock': 88,\n// '본사 창고': {\n// total: 68000,\n// scheduled: 3200,\n// },\n// },\n// {\n// 'id': 59,\n// 'productInfo': {\n// name: 'Brooch',\n// property: '골드, OS',\n// barcode: [{ code: '123456789013456837' }],\n// code: 'BRO001GLD',\n// category: '액세서리 > 브로치 > 클래식',\n// season: '2025 (F/W)',\n// },\n// 'avgCost': 68000,\n// 'totalStock': 320,\n// 'movingStock': 22,\n// 'unshippedStock': 11,\n// '본사 창고': {\n// total: 18000,\n// scheduled: 850,\n// },\n// },\n// {\n// 'id': 60,\n// 'productInfo': {\n// name: 'Windbreaker',\n// property: '네이비, L',\n// barcode: [{ code: '123456789013456838' }],\n// code: 'WIND001NAVL',\n// category: '의류 > 아우터 > 윈드브레이커',\n// season: '2025 (S/S)',\n// },\n// 'avgCost': 78000,\n// 'totalStock': 1600,\n// 'movingStock': 115,\n// 'unshippedStock': 58,\n// '본사 창고': {\n// total: 62000,\n// scheduled: 2500,\n// },\n// },\n// {\n// 'id': 61,\n// 'productInfo': {\n// name: 'Ballet Flats',\n// property: '베이지, 245',\n// barcode: [{ code: '123456789013456839' }],\n// code: 'BALL001BGE245',\n// category: '신발 > 플랫슈즈 > 발레플랫',\n// season: '2025 (S/S)',\n// },\n// 'avgCost': 75000,\n// 'totalStock': 1800,\n// 'movingStock': 125,\n// 'unshippedStock': 62,\n// '본사 창고': {\n// total: 62000,\n// scheduled: 2600,\n// },\n// },\n// {\n// 'id': 62,\n// 'productInfo': {\n// name: 'Vest Top',\n// property: '화이트, M',\n// barcode: [{ code: '123456789013456840' }],\n// code: 'VEST001WHTM',\n// category: '의류 > 상의 > 베스트탑',\n// season: '2025 (S/S)',\n// },\n// 'avgCost': 32000,\n// 'totalStock': 3200,\n// 'movingStock': 245,\n// 'unshippedStock': 122,\n// '본사 창고': {\n// total: 85000,\n// scheduled: 4200,\n// },\n// },\n// {\n// 'id': 63,\n// 'productInfo': {\n// name: 'Tie Clip',\n// property: '실버, OS',\n// barcode: [{ code: '123456789013456841' }],\n// code: 'TIE001SLV',\n// category: '액세서리 > 넥타이핀 > 클립형',\n// season: '2025 (F/W)',\n// },\n// 'avgCost': 45000,\n// 'totalStock': 280,\n// 'movingStock': 18,\n// 'unshippedStock': 9,\n// '본사 창고': {\n// total: 15000,\n// scheduled: 650,\n// },\n// },\n// {\n// 'id': 64,\n// 'productInfo': {\n// name: 'Quilted Jacket',\n// property: '올리브, L',\n// barcode: [{ code: '123456789013456842' }],\n// code: 'QUILT001OLVL',\n// category: '의류 > 아우터 > 퀼팅재킷',\n// season: '2025 (F/W)',\n// },\n// 'avgCost': 145000,\n// 'totalStock': 950,\n// 'movingStock': 68,\n// 'unshippedStock': 34,\n// '본사 창고': {\n// total: 48000,\n// scheduled: 2100,\n// },\n// },\n// {\n// 'id': 65,\n// 'productInfo': {\n// name: 'Wedge Heels',\n// property: '블랙, 250',\n// barcode: [{ code: '123456789013456843' }],\n// code: 'WEDGE001BLK250',\n// category: '신발 > 하이힐 > 웨지힐',\n// season: '2025 (S/S)',\n// },\n// 'avgCost': 98000,\n// 'totalStock': 1200,\n// 'movingStock': 85,\n// 'unshippedStock': 42,\n// '본사 창고': {\n// total: 52000,\n// scheduled: 2200,\n// },\n// },\n// {\n// 'id': 66,\n// 'productInfo': {\n// name: 'Sweat Shorts',\n// property: '그레이, L',\n// barcode: [{ code: '123456789013456844' }],\n// code: 'SWSHORT001GRAL',\n// category: '의류 > 스포츠웨어 > 스웻반바지',\n// season: '2025 (S/S)',\n// },\n// 'avgCost': 35000,\n// 'totalStock': 2800,\n// 'movingStock': 205,\n// 'unshippedStock': 102,\n// '본사 창고': {\n// total: 78000,\n// scheduled: 3800,\n// },\n// },\n// {\n// 'id': 67,\n// 'productInfo': {\n// name: 'Cufflinks',\n// property: '골드, OS',\n// barcode: [{ code: '123456789013456845' }],\n// code: 'CUFF001GLD',\n// category: '액세서리 > 커프스 > 골드',\n// season: '2025 (F/W)',\n// },\n// 'avgCost': 125000,\n// 'totalStock': 180,\n// 'movingStock': 12,\n// 'unshippedStock': 6,\n// '본사 창고': {\n// total: 10000,\n// scheduled: 450,\n// },\n// },\n// {\n// 'id': 68,\n// 'productInfo': {\n// name: 'Trench Coat',\n// property: '베이지, M',\n// barcode: [{ code: '123456789013456846' }],\n// code: 'TRENCH001BGEM',\n// category: '의류 > 아우터 > 트렌치코트',\n// season: '2025 (F/W)',\n// },\n// 'avgCost': 245000,\n// 'totalStock': 480,\n// 'movingStock': 32,\n// 'unshippedStock': 16,\n// '본사 창고': {\n// total: 25000,\n// scheduled: 1100,\n// },\n// },\n// {\n// 'id': 69,\n// 'productInfo': {\n// name: 'Slip-on Shoes',\n// property: '화이트, 265',\n// barcode: [{ code: '123456789013456847' }],\n// code: 'SLIP001WHT265',\n// category: '신발 > 슬립온 > 캐주얼',\n// season: '2025 (S/S)',\n// },\n// 'avgCost': 68000,\n// 'totalStock': 1600,\n// 'movingStock': 115,\n// 'unshippedStock': 58,\n// '본사 창고': {\n// total: 62000,\n// scheduled: 2500,\n// },\n// },\n// {\n// 'id': 70,\n// 'productInfo': {\n// name: 'Crop Top',\n// property: '핑크, S',\n// barcode: [{ code: '123456789013456848' }],\n// code: 'CROP001PNKS',\n// category: '의류 > 상의 > 크롭탑',\n// season: '2025 (S/S)',\n// },\n// 'avgCost': 38000,\n// 'totalStock': 2400,\n// 'movingStock': 175,\n// 'unshippedStock': 88,\n// '본사 창고': {\n// total: 68000,\n// scheduled: 3200,\n// },\n// },\n// {\n// 'id': 71,\n// 'productInfo': {\n// name: 'Wallet',\n// property: '블랙, OS',\n// barcode: [{ code: '123456789013456849' }],\n// code: 'WALL001BLK',\n// category: '액세서리 > 지갑 > 장지갑',\n// season: '2025 (F/W)',\n// },\n// 'avgCost': 85000,\n// 'totalStock': 950,\n// 'movingStock': 68,\n// 'unshippedStock': 34,\n// '본사 창고': {\n// total: 42000,\n// scheduled: 1800,\n// },\n// },\n// {\n// 'id': 72,\n// 'productInfo': {\n// name: 'Parka',\n// property: '카키, XL',\n// barcode: [{ code: '123456789013456850' }],\n// code: 'PARK001KHIXL',\n// category: '의류 > 아우터 > 파카',\n// season: '2025 (F/W)',\n// },\n// 'avgCost': 185000,\n// 'totalStock': 720,\n// 'movingStock': 52,\n// 'unshippedStock': 26,\n// '본사 창고': {\n// total: 38000,\n// scheduled: 1600,\n// },\n// },\n// {\n// 'id': 73,\n// 'productInfo': {\n// name: 'Moccasins',\n// property: '브라운, 270',\n// barcode: [{ code: '123456789013456851' }],\n// code: 'MOC001BRN270',\n// category: '신발 > 모카신 > 가죽',\n// season: '2025 (S/S)',\n// },\n// 'avgCost': 125000,\n// 'totalStock': 850,\n// 'movingStock': 58,\n// 'unshippedStock': 29,\n// '본사 창고': {\n// total: 42000,\n// scheduled: 1700,\n// },\n// },\n// {\n// 'id': 74,\n// 'productInfo': {\n// name: 'Sports Bra',\n// property: '블랙, M',\n// barcode: [{ code: '123456789013456852' }],\n// code: 'SBRA001BLKM',\n// category: '의류 > 스포츠웨어 > 스포츠브라',\n// season: '2025 (S/S)',\n// },\n// 'avgCost': 45000,\n// 'totalStock': 1800,\n// 'movingStock': 125,\n// 'unshippedStock': 62,\n// '본사 창고': {\n// total: 62000,\n// scheduled: 2600,\n// },\n// },\n// {\n// 'id': 75,\n// 'productInfo': {\n// name: 'Keychain',\n// property: '실버, OS',\n// barcode: [{ code: '123456789013456853' }],\n// code: 'KEY001SLV',\n// category: '액세서리 > 키체인 > 메탈',\n// season: '2025 (S/S)',\n// },\n// 'avgCost': 18000,\n// 'totalStock': 2800,\n// 'movingStock': 205,\n// 'unshippedStock': 102,\n// '본사 창고': {\n// total: 78000,\n// scheduled: 3800,\n// },\n// },\n// {\n// 'id': 76,\n// 'productInfo': {\n// name: 'Duffle Coat',\n// property: '네이비, L',\n// barcode: [{ code: '123456789013456854' }],\n// code: 'DUFF001NAVL',\n// category: '의류 > 아우터 > 더플코트',\n// season: '2025 (F/W)',\n// },\n// 'avgCost': 225000,\n// 'totalStock': 480,\n// 'movingStock': 32,\n// 'unshippedStock': 16,\n// '본사 창고': {\n// total: 25000,\n// scheduled: 1100,\n// },\n// },\n// {\n// 'id': 77,\n// 'productInfo': {\n// name: 'High-top Sneakers',\n// property: '레드, 260',\n// barcode: [{ code: '123456789013456855' }],\n// code: 'HSNEAK001RED260',\n// category: '신발 > 운동화 > 하이탑스니커즈',\n// season: '2025 (S/S)',\n// },\n// 'avgCost': 95000,\n// 'totalStock': 1400,\n// 'movingStock': 95,\n// 'unshippedStock': 48,\n// '본사 창고': {\n// total: 58000,\n// scheduled: 2300,\n// },\n// },\n// {\n// 'id': 78,\n// 'productInfo': {\n// name: 'Tube Top',\n// property: '화이트, S',\n// barcode: [{ code: '123456789013456856' }],\n// code: 'TUBE001WHTS',\n// category: '의류 > 상의 > 튜브톱',\n// season: '2025 (S/S)',\n// },\n// 'avgCost': 28000,\n// 'totalStock': 2200,\n// 'movingStock': 165,\n// 'unshippedStock': 82,\n// '본사 창고': {\n// total: 69000,\n// scheduled: 3400,\n// },\n// },\n// {\n// 'id': 79,\n// 'productInfo': {\n// name: 'Phone Case',\n// property: '블랙, OS',\n// barcode: [{ code: '123456789013456857' }],\n// code: 'PHONE001BLK',\n// category: '액세서리 > 폰케이스 > 실리콘',\n// season: '2025 (S/S)',\n// },\n// 'avgCost': 15000,\n// 'totalStock': 4200,\n// 'movingStock': 315,\n// 'unshippedStock': 158,\n// '본사 창고': {\n// total: 105000,\n// scheduled: 5500,\n// },\n// },\n// {\n// 'id': 80,\n// 'productInfo': {\n// name: 'Overcoat',\n// property: '차콜, L',\n// barcode: [{ code: '123456789013456858' }],\n// code: 'OVER001CHRL',\n// category: '의류 > 아우터 > 오버코트',\n// season: '2025 (F/W)',\n// },\n// 'avgCost': 285000,\n// 'totalStock': 350,\n// 'movingStock': 22,\n// 'unshippedStock': 11,\n// '본사 창고': {\n// total: 18000,\n// scheduled: 850,\n// },\n// },\n// {\n// 'id': 81,\n// 'productInfo': {\n// name: 'Espadrilles',\n// property: '베이지, 240',\n// barcode: [{ code: '123456789013456859' }],\n// code: 'ESP001BGE240',\n// category: '신발 > 에스파드리유 > 캔버스',\n// season: '2025 (S/S)',\n// },\n// 'avgCost': 58000,\n// 'totalStock': 1200,\n// 'movingStock': 85,\n// 'unshippedStock': 42,\n// '본사 창고': {\n// total: 52000,\n// scheduled: 2200,\n// },\n// },\n// {\n// 'id': 82,\n// 'productInfo': {\n// name: 'Tracksuit Set',\n// property: '그레이, L',\n// barcode: [{ code: '123456789013456860' }],\n// code: 'TRACK001GRAL',\n// category: '의류 > 스포츠웨어 > 트랙수트',\n// season: '2025 (F/W)',\n// },\n// 'avgCost': 125000,\n// 'totalStock': 950,\n// 'movingStock': 68,\n// 'unshippedStock': 34,\n// '본사 창고': {\n// total: 48000,\n// scheduled: 2100,\n// },\n// },\n// {\n// 'id': 83,\n// 'productInfo': {\n// name: 'Hair Band',\n// property: '블랙, OS',\n// barcode: [{ code: '123456789013456861' }],\n// code: 'HBAND001BLK',\n// category: '액세서리 > 헤어밴드 > 패브릭',\n// season: '2025 (S/S)',\n// },\n// 'avgCost': 12000,\n// 'totalStock': 3600,\n// 'movingStock': 275,\n// 'unshippedStock': 138,\n// '본사 창고': {\n// total: 95000,\n// scheduled: 4800,\n// },\n// },\n// {\n// 'id': 84,\n// 'productInfo': {\n// name: 'Cape Coat',\n// property: '와인, M',\n// barcode: [{ code: '123456789013456862' }],\n// code: 'CAPE001WINM',\n// category: '의류 > 아우터 > 케이프코트',\n// season: '2025 (F/W)',\n// },\n// 'avgCost': 195000,\n// 'totalStock': 420,\n// 'movingStock': 28,\n// 'unshippedStock': 14,\n// '본사 창고': {\n// total: 22000,\n// scheduled: 950,\n// },\n// },\n// {\n// 'id': 85,\n// 'productInfo': {\n// name: 'Boat Shoes',\n// property: '브라운, 265',\n// barcode: [{ code: '123456789013456863' }],\n// code: 'BOAT001BRN265',\n// category: '신발 > 보트슈즈 > 가죽',\n// season: '2025 (S/S)',\n// },\n// 'avgCost': 115000,\n// 'totalStock': 850,\n// 'movingStock': 58,\n// 'unshippedStock': 29,\n// '본사 창고': {\n// total: 42000,\n// scheduled: 1700,\n// },\n// },\n// {\n// 'id': 86,\n// 'productInfo': {\n// name: 'Joggers',\n// property: '블랙, XL',\n// barcode: [{ code: '123456789013456864' }],\n// code: 'JOG001BLKXL',\n// category: '의류 > 하의 > 조거팬츠',\n// season: '2025 (F/W)',\n// },\n// 'avgCost': 65000,\n// 'totalStock': 1800,\n// 'movingStock': 125,\n// 'unshippedStock': 62,\n// '본사 창고': {\n// total: 62000,\n// scheduled: 2600,\n// },\n// },\n// {\n// 'id': 87,\n// 'productInfo': {\n// name: 'Anklet',\n// property: '실버, OS',\n// barcode: [{ code: '123456789013456865' }],\n// code: 'ANKL001SLV',\n// category: '액세서리 > 발찌 > 체인',\n// season: '2025 (S/S)',\n// },\n// 'avgCost': 35000,\n// 'totalStock': 720,\n// 'movingStock': 52,\n// 'unshippedStock': 26,\n// '본사 창고': {\n// total: 38000,\n// scheduled: 1600,\n// },\n// },\n// {\n// 'id': 88,\n// 'productInfo': {\n// name: 'Field Jacket',\n// property: '올리브, L',\n// barcode: [{ code: '123456789013456866' }],\n// code: 'FIELD001OLVL',\n// category: '의류 > 아우터 > 필드재킷',\n// season: '2025 (F/W)',\n// },\n// 'avgCost': 155000,\n// 'totalStock': 680,\n// 'movingStock': 45,\n// 'unshippedStock': 22,\n// '본사 창고': {\n// total: 35000,\n// scheduled: 1400,\n// },\n// },\n// {\n// 'id': 89,\n// 'productInfo': {\n// name: 'Mary Jane Shoes',\n// property: '블랙, 245',\n// barcode: [{ code: '123456789013456867' }],\n// code: 'MARY001BLK245',\n// category: '신발 > 메리제인 > 가죽',\n// season: '2025 (S/S)',\n// },\n// 'avgCost': 95000,\n// 'totalStock': 1200,\n// 'movingStock': 85,\n// 'unshippedStock': 42,\n// '본사 창고': {\n// total: 52000,\n// scheduled: 2200,\n// },\n// },\n// {\n// 'id': 90,\n// 'productInfo': {\n// name: 'Skater Dress',\n// property: '블랙, M',\n// barcode: [{ code: '123456789013456868' }],\n// code: 'DRESS001BLKM',\n// category: '의류 > 원피스 > 스케이터드레스',\n// season: '2025 (S/S)',\n// },\n// 'avgCost': 95000,\n// 'totalStock': 900,\n// 'movingStock': 60,\n// 'unshippedStock': 30,\n// '본사 창고': {\n// total: 45000,\n// scheduled: 2000,\n// },\n// },\n// {\n// 'id': 91,\n// 'productInfo': {\n// name: 'Pencil Skirt',\n// property: '네이비, S',\n// barcode: [{ code: '123456789013456869' }],\n// code: 'SKIRT001NAVS',\n// category: '의류 > 하의 > 펜슬스커트',\n// season: '2025 (F/W)',\n// },\n// 'avgCost': 78000,\n// 'totalStock': 1100,\n// 'movingStock': 75,\n// 'unshippedStock': 37,\n// '본사 창고': {\n// total: 50000,\n// scheduled: 2500,\n// },\n// },\n// {\n// 'id': 92,\n// 'productInfo': {\n// name: 'Harem Pants',\n// property: '블랙, L',\n// barcode: [{ code: '123456789013456870' }],\n// code: 'PANTS001BLKL',\n// category: '의류 > 하의 > 해리팬츠',\n// season: '2025 (S/S)',\n// },\n// 'avgCost': 68000,\n// 'totalStock': 1300,\n// 'movingStock': 90,\n// 'unshippedStock': 45,\n// '본사 창고': {\n// total: 55000,\n// scheduled: 3000,\n// },\n// },\n// {\n// 'id': 93,\n// 'productInfo': {\n// name: 'Kimono Jacket',\n// property: '플로럴, M',\n// barcode: [{ code: '123456789013456871' }],\n// code: 'JACKET001FLRM',\n// category: '의류 > 아우터 > 기모노재킷',\n// season: '2025 (F/W)',\n// },\n// 'avgCost': 135000,\n// 'totalStock': 700,\n// 'movingStock': 50,\n// 'unshippedStock': 25,\n// '본사 창고': {\n// total: 40000,\n// scheduled: 1800,\n// },\n// },\n// {\n// 'id': 94,\n// 'productInfo': {\n// name: 'Puffer Jacket',\n// property: '레드, L',\n// barcode: [{ code: '123456789013456872' }],\n// code: 'PUFFER001REDL',\n// category: '의류 > 아우터 > 패딩자켓',\n// season: '2025 (F/W)',\n// },\n// 'avgCost': 198000,\n// 'totalStock': 600,\n// 'movingStock': 40,\n// 'unshippedStock': 20,\n// '본사 창고': {\n// total: 35000,\n// scheduled: 1500,\n// },\n// },\n// {\n// 'id': 95,\n// 'productInfo': {\n// name: 'Turtleneck Sweater',\n// property: '아이보리, M',\n// barcode: [{ code: '123456789013456873' }],\n// code: 'KNIT002IVRM',\n// category: '의류 > 상의 > 터틀넥니트',\n// season: '2025 (F/W)',\n// },\n// 'avgCost': 85000,\n// 'totalStock': 800,\n// 'movingStock': 55,\n// 'unshippedStock': 28,\n// '본사 창고': {\n// total: 45000,\n// scheduled: 2000,\n// },\n// },\n// {\n// 'id': 96,\n// 'productInfo': {\n// name: 'Cargo Pants',\n// property: '카키, XL',\n// barcode: [{ code: '123456789013456874' }],\n// code: 'PANTS002KHIXL',\n// category: '의류 > 하의 > 카고팬츠',\n// season: '2025 (S/S)',\n// },\n// 'avgCost': 78000,\n// 'totalStock': 900,\n// 'movingStock': 60,\n// 'unshippedStock': 30,\n// '본사 창고': {\n// total: 50000,\n// scheduled: 2500,\n// },\n// },\n// {\n// 'id': 97,\n// 'productInfo': {\n// name: 'Belted Coat',\n// property: '브라운, M',\n// barcode: [{ code: '123456789013456875' }],\n// code: 'COAT002BRNM',\n// category: '의류 > 아우터 > 벨트코트',\n// season: '2025 (F/W)',\n// },\n// 'avgCost': 198000,\n// 'totalStock': 550,\n// 'movingStock': 37,\n// 'unshippedStock': 18,\n// '본사 창고': {\n// total: 38000,\n// scheduled: 1600,\n// },\n// },\n// {\n// 'id': 98,\n// 'productInfo': {\n// name: 'Double-breasted Blazer',\n// property: '네이비, L',\n// barcode: [{ code: '123456789013456876' }],\n// code: 'BLAZ002NAVL',\n// category: '의류 > 아우터 > 더블재킷',\n// season: '2025 (F/W)',\n// },\n// 'avgCost': 185000,\n// 'totalStock': 700,\n// 'movingStock': 45,\n// 'unshippedStock': 22,\n// '본사 창고': {\n// total: 40000,\n// scheduled: 1800,\n// },\n// },\n// {\n// 'id': 99,\n// 'productInfo': {\n// name: 'Peacoat',\n// property: '블랙, M',\n// barcode: [{ code: '123456789013456877' }],\n// code: 'PEA002BLKM',\n// category: '의류 > 아우터 > 피코트',\n// season: '2025 (F/W)',\n// },\n// 'avgCost': 225000,\n// 'totalStock': 600,\n// 'movingStock': 40,\n// 'unshippedStock': 20,\n// '본사 창고': {\n// total: 35000,\n// scheduled: 1500,\n// },\n// },\n// {\n// 'id': 100,\n// 'productInfo': {\n// name: 'Trench Coat',\n// property: '베이지, L',\n// barcode: [{ code: '123456789013456878' }],\n// code: 'TRENCH002BGEL',\n// category: '의류 > 아우터 > 트렌치코트',\n// season: '2025 (F/W)',\n// },\n// 'avgCost': 245000,\n// 'totalStock': 480,\n// 'movingStock': 32,\n// 'unshippedStock': 16,\n// '본사 창고': {\n// total: 25000,\n// scheduled: 1100,\n// },\n// },\n// ];\n\n// table.columns = [\n// {\n// name: 'productInfo',\n// label: '품목명 / 품목 속성',\n// field: 'productInfo',\n// align: 'left',\n// width: '220',\n// },\n// {\n// name: 'productCode',\n// label: '품목 코드 / 품목 분류',\n// field: 'email',\n// align: 'center',\n// width: '160',\n// },\n// {\n// name: 'avgCost',\n// label: '평균 원가',\n// field: 'avgCost',\n// align: 'center',\n// width: '100',\n// format: value => `${value.toLocaleString()} 원`,\n// },\n// {\n// name: 'totalStock',\n// label: '총 재고',\n// field: 'totalStock',\n// align: 'center',\n// width: '100',\n// format: value => `${value.toLocaleString()} 개`,\n// },\n// {\n// name: 'movingStock',\n// label: '이동 중',\n// field: 'movingStock',\n// align: 'center',\n// width: '100',\n// format: value => `${value.toLocaleString()} 개`,\n// tooltip: [\n// '이동 중 재고는 출발지에서 출고 되었으나,',\n// '도착지로 아직 입고되지 않은 수량입니다.',\n// ],\n// tooltipOptions: { placement: 'bottom' },\n// },\n// {\n// name: 'unshippedStock',\n// label: '미발송',\n// field: 'unshippedStock',\n// align: 'center',\n// width: '100',\n// format: value => `${value.toLocaleString()} 개`,\n// },\n// ];\n// table.height = '600px';\n// function handlePagination(page) {\n// const pagination = table.pagination || { page: 1, rowsPerPage: 10 };\n// const res = getMockStockData(page, pagination.rowsPerPage);\n// console.log(res);\n// table.pagination = res.pagination;\n// table.rows = res.data;\n// }\n\n// table.addEventListener('sdPageChange', event => {\n// handlePagination(event.detail);\n// });\n\n// function getMockStockData(page = 1, rowsPerPage = 10) {\n// const startIndex = (page - 1) * rowsPerPage;\n// const endIndex = startIndex + rowsPerPage;\n// const paginatedData = ROWS.slice(startIndex, endIndex);\n\n// return {\n// data: paginatedData,\n// pagination: {\n// page,\n// rowsPerPage,\n// totalItems: ROWS.length,\n// lastPage: Math.ceil(ROWS.length / rowsPerPage),\n// },\n// };\n// }\n\n// function fetchData() {\n// const pagination = table.pagination || { page: 1, rowsPerPage: 10 };\n// const res = getMockStockData(pagination.page, pagination.rowsPerPage);\n// console.log(res);\n\n// table.pagination = res.pagination;\n// table.rows = res.data;\n// }\n\n// test.addEventListener('click', () => {\n// fetchData();\n// });\n// });\n"],"version":3}

package/dist/components/sd-table.js CHANGED Viewed

@@ -1,17 +1,19 @@
 import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-CbnL1UUF.js';
-import { d as defineCustomElement$c } from './p-BZjhXFoV.js';
-import { d as defineCustomElement$b } from './p-zEI1HiVv.js';
-import { d as defineCustomElement$a } from './p-X8UHtq2f.js';
-import { d as defineCustomElement$9 } from './p-RnzZWR4A.js';
-import { d as defineCustomElement$8 } from './p-Bry2vtXF.js';
-import { d as defineCustomElement$7 } from './p-DobE7cC4.js';
-import { d as defineCustomElement$6 } from './p-DXyjyA0e.js';
-import { d as defineCustomElement$5 } from './p-B5RhRjFk.js';
-import { d as defineCustomElement$4 } from './p-BNY55XpQ.js';
-import { d as defineCustomElement$3 } from './p-Dvtwm2UI.js';
-import { d as defineCustomElement$2 } from './p-BLVHOrsi.js';
+import { d as defineCustomElement$e } from './p-CqpahWAy.js';
+import { d as defineCustomElement$d } from './p-Du8-vyL0.js';
+import { d as defineCustomElement$c } from './p-GNK9vrin.js';
+import { d as defineCustomElement$b } from './p-ntW8MKYi.js';
+import { d as defineCustomElement$a } from './p-CSnKPDQz.js';
+import { d as defineCustomElement$9 } from './p-BEq3cGoC.js';
+import { d as defineCustomElement$8 } from './p-ybbnPl4X.js';
+import { d as defineCustomElement$7 } from './p-BEDQ2CIp.js';
+import { d as defineCustomElement$6 } from './p-CrmdI2cD.js';
+import { d as defineCustomElement$5 } from './p-BeBw4eSm.js';
+import { d as defineCustomElement$4 } from './p-BzdIpn5T.js';
+import { d as defineCustomElement$3 } from './p-BG0UE2wL.js';
+import { d as defineCustomElement$2 } from './p-D-s8kK6P.js';
-const sdTableCss = ".sd-table__wrapper .sd-table__container .sd-table__middle{overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar{opacity:0;background:#e5e5e5}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar:horizontal{height:8px}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar:vertical{width:8px}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar-thumb{height:80px;background-color:#cccccc;border-radius:4px}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar-track{background-color:transparent}.sd-table__wrapper{height:var(--table-height, auto);width:var(--table-width, 100%);color:#222222}.sd-table__wrapper .sd-table__container{width:100%;height:auto;border:1px solid #e1e1e1;border-radius:8px;font-size:12px;overflow:hidden}.sd-table__wrapper .sd-table__container .sd-table__middle{overflow:auto;will-change:scroll-position;height:var(--table-height, auto)}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;position:relative}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--selectable td.sd-td--selected,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--selectable th.sd-th--selected{width:52px !important;max-width:52px !important;min-width:52px !important;padding:0 10px 0 24px;text-align:left}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-header thead{position:sticky;top:0;z-index:120}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column th.sticky-left,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column th.sticky-right{position:sticky;background-color:#f5faff;z-index:110 !important}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column td.sticky-left,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column td.sticky-right{position:sticky;background-color:white;z-index:100 !important}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column .sticky-left{left:var(--sticky-left-offset, 0)}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column .sticky-right{right:var(--sticky-right-offset, 0)}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column th.sticky-cell{position:sticky;z-index:102;background-color:#f5faff}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column td.sticky-cell{position:sticky;z-index:101;background-color:white}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-left th.sticky-left-edge,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-left td.sticky-left-edge{overflow:visible}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-left th.sticky-left-edge:after,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-left td.sticky-left-edge:after{content:\"\";position:absolute;top:0;left:100%;right:-20px;width:20px;height:100%;z-index:101 !important;box-shadow:inset 12px 0 20px -25px;opacity:1;pointer-events:none}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-right th.sticky-right-edge,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-right td.sticky-right-edge{overflow:visible}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-right th.sticky-right-edge:after,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-right td.sticky-right-edge:after{content:\"\";position:absolute;top:0;left:-20px;width:20px;height:100%;z-index:101 !important;box-shadow:inset -12px 0 20px -25px;opacity:1;pointer-events:none}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--no-data thead{opacity:0.4}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--no-data thead tr th.sd-th{border-bottom:1px solid rgba(225, 225, 225, 0.4) !important}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table td,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table th,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table .sd-th__content--label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:keep-all}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead{height:36px}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr{width:100%}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th{background:#f5faff;height:36px;padding:0 16px;font-weight:500;vertical-align:middle;border-bottom:1px solid #e1e1e1;-webkit-user-select:none;user-select:none;position:relative}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__content{display:flex;flex-flow:row nowrap;align-items:center;gap:4px}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__content--left{justify-content:flex-start}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__content--center{justify-content:center}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__content--right{justify-content:flex-end}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__resizer{position:absolute;top:50%;right:0;transform:translateY(-50%);width:4px;height:16px;cursor:col-resize;z-index:3;border-left:1px solid #cccccc;border-right:1px solid #cccccc}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody .sd-table__loading{position:absolute;top:0;left:0;width:100%;height:calc(var(--table-height, auto) - 36px);min-height:calc(100% - 36px);background:rgba(255, 255, 255, 0.6);z-index:200;display:flex;align-items:center;justify-content:center}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody tr:last-of-type td{border-bottom:none}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody tr td{height:44px;padding:0 16px;border-bottom:1px solid #e1e1e1;background:white;vertical-align:middle}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody tr td.sd-td--left{text-align:left}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody tr td.sd-td--center{text-align:center}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody tr td.sd-td--right{text-align:right}.sd-table__wrapper .sd-table__container .sd-table__bottom{background:white;text-align:center}.sd-table__wrapper .sd-table__pagination{position:relative;background:#f9f9f9;height:48px;display:flex;align-items:center;justify-content:center;border:1px solid #e1e1e1;border-top:none;border-radius:8px}.sd-table__wrapper .sd-table__pagination sd-select{position:absolute;right:10px;top:50%;transform:translateY(-50%)}";
+const sdTableCss = ".sd-table__wrapper .sd-table__container .sd-table__middle{overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar{opacity:0;background:#e5e5e5}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar:horizontal{height:8px}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar:vertical{width:8px}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar-thumb{height:80px;background-color:#cccccc;border-radius:4px}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar-track{background-color:transparent}.sd-table__wrapper{height:var(--table-height, auto);width:var(--table-width, 100%);color:#222222}.sd-table__wrapper .sd-table__container{width:100%;height:auto;border:1px solid #e1e1e1;border-radius:8px;font-size:12px;overflow:hidden}.sd-table__wrapper .sd-table__container .sd-table__middle{overflow:auto;will-change:scroll-position;height:var(--table-height, auto)}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table{background-color:white;display:table;width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;position:relative}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--selectable td.sd-td--selected,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--selectable th.sd-th--selected{width:52px !important;max-width:52px !important;min-width:52px !important;padding:0 10px 0 24px;text-align:left}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-header thead{position:sticky;top:0;z-index:120}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column th.sticky-left,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column th.sticky-right{position:sticky;background-color:#f5faff;z-index:110 !important}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column td.sticky-left,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column td.sticky-right{position:sticky;background-color:white;z-index:100 !important}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column .sticky-left{left:var(--sticky-left-offset, 0)}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column .sticky-right{right:var(--sticky-right-offset, 0)}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column th.sticky-cell{position:sticky;z-index:102;background-color:#f5faff}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column td.sticky-cell{position:sticky;z-index:101;background-color:white}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-left th.sticky-left-edge,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-left td.sticky-left-edge{overflow:visible}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-left th.sticky-left-edge:after,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-left td.sticky-left-edge:after{content:\"\";position:absolute;top:0;left:100%;right:-20px;width:20px;height:100%;z-index:101 !important;box-shadow:inset 12px 0 20px -25px;opacity:1;pointer-events:none}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-right th.sticky-right-edge,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-right td.sticky-right-edge{overflow:visible}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-right th.sticky-right-edge:after,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-right td.sticky-right-edge:after{content:\"\";position:absolute;top:0;left:-20px;width:20px;height:100%;z-index:101 !important;box-shadow:inset -12px 0 20px -25px;opacity:1;pointer-events:none}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--no-data thead{opacity:0.4}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--no-data thead tr th.sd-th{border-bottom:1px solid rgba(225, 225, 225, 0.4) !important}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table sd-td,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table sd-th,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table .sd-th__content--label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:keep-all}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead{height:36px}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead sd-tr{width:100%}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead sd-tr sd-th{background:#f5faff;height:36px;padding:0 16px;font-weight:500;vertical-align:middle;border-bottom:1px solid #e1e1e1;-webkit-user-select:none;user-select:none;position:relative}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead sd-tr sd-th.sd-th .sd-th__content{display:flex;flex-flow:row nowrap;align-items:center;gap:4px}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead sd-tr sd-th.sd-th .sd-th__content--left{justify-content:flex-start}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead sd-tr sd-th.sd-th .sd-th__content--center{justify-content:center}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead sd-tr sd-th.sd-th .sd-th__content--right{justify-content:flex-end}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead sd-tr sd-th.sd-th .sd-th__resizer{position:absolute;top:50%;right:0;transform:translateY(-50%);width:4px;height:16px;cursor:col-resize;z-index:3;border-left:1px solid #cccccc;border-right:1px solid #cccccc}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table sd-tbody .sd-table__loading{position:absolute;top:0;left:0;width:100%;height:calc(var(--table-height, auto) - 36px);min-height:calc(100% - 36px);background:rgba(255, 255, 255, 0.6);z-index:200;display:flex;align-items:center;justify-content:center}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table sd-tbody sd-tr:last-of-type sd-td{border-bottom:none}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table sd-tbody sd-tr sd-td{height:44px;padding:0 16px;border-bottom:1px solid #e1e1e1;background:white;vertical-align:middle}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table sd-tbody sd-tr sd-td.sd-td--left{text-align:left}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table sd-tbody sd-tr sd-td.sd-td--center{text-align:center}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table sd-tbody sd-tr sd-td.sd-td--right{text-align:right}.sd-table__wrapper .sd-table__container .sd-table__bottom{background:white;text-align:center}.sd-table__wrapper .sd-table__pagination{position:relative;background:#f9f9f9;height:48px;display:flex;align-items:center;justify-content:center;border:1px solid #e1e1e1;border-top:none;border-radius:8px}.sd-table__wrapper .sd-table__pagination sd-select{position:absolute;right:10px;top:50%;transform:translateY(-50%)}";
 const SdTable$1 = /*@__PURE__*/ proxyCustomElement(class SdTable extends H {
     constructor(registerHost) {
@@ -119,21 +121,20 @@ const SdTable$1 = /*@__PURE__*/ proxyCustomElement(class SdTable extends H {
             .join(' ');
     }
     // ----- Selection -----
-    isRowSelected(row) {
-        return Array.from(this.innerSelected).some(r => r[this.rowKey] === row[this.rowKey]);
-    }
-    updateRowSelect(row) {
-        const selectedArray = Array.from(this.innerSelected);
-        const exists = this.isRowSelected(row);
-        const newSelected = exists
-            ? selectedArray.filter(r => r[this.rowKey] !== row[this.rowKey])
-            : [...selectedArray, row];
-        // 동일 상태면 set하지 않음 → 불필요 렌더 방지
-        if (newSelected.length === selectedArray.length)
-            return;
-        this.innerSelected = new Set(newSelected);
-        this.sdSelectChange.emit(Array.from(this.innerSelected));
-    }
+    //  private isRowSelected(row: Row): boolean {
+    //   return Array.from(this.innerSelected).some(r => r[this.rowKey] === row[this.rowKey]);
+    //  }
+    //  private updateRowSelect(row: Row) {
+    //   const selectedArray = Array.from(this.innerSelected);
+    //   const exists = this.isRowSelected(row);
+    //   const newSelected = exists
+    //    ? selectedArray.filter(r => r[this.rowKey] !== row[this.rowKey])
+    //    : [...selectedArray, row];
+    //   // 동일 상태면 set하지 않음 → 불필요 렌더 방지
+    //   if (newSelected.length === selectedArray.length) return;
+    //   this.innerSelected = new Set(newSelected);
+    //   this.sdSelectChange.emit(Array.from(this.innerSelected));
+    //  }
     toggleSelectAll(checked) {
         if (checked) {
             const pageRows = new Set([...this.paginatedRows]);
@@ -185,20 +186,20 @@ const SdTable$1 = /*@__PURE__*/ proxyCustomElement(class SdTable extends H {
         document.addEventListener('mousemove', handleMouseMove);
         document.addEventListener('mouseup', handleMouseUp);
     }
-    getCellValue(column, row) {
-        const { field, format, name } = column;
-        const value = typeof field === 'function' ? field(row) : field ? row[field] : row[name];
-        return format ? format(value, row) : value;
-    }
+    //  private getCellValue(column: SdTableColumn, row: Row) {
+    //   const { field, format, name } = column;
+    //   const value = typeof field === 'function' ? field(row) : field ? row[field] : row[name];
+    //   return format ? format(value, row) : value;
+    //  }
     // ----- Render -----
     renderHeader() {
-        return (h("thead", null, h("tr", null, this.selectable && (h("th", { class: {
+        return (h("thead", null, h("sd-tr", null, this.selectable && (h("sd-th", { class: {
                 'sd-th': true,
                 'sd-th--selected': true,
                 'sticky-left': Boolean(this.stickyColumn.left && this.stickyColumn.left > 0),
             }, style: {
                 '--sticky-left-offset': '0px',
-            } }, h("sd-checkbox", { checked: this.isAllChecked, disabled: !this.paginatedRows.length, onSdChange: (e) => this.toggleSelectAll(e.detail) }))), this.visibleColumns.map((col, colIdx) => (h("th", { key: col.name, class: {
+            } }, h("sd-checkbox", { checked: this.isAllChecked, disabled: !this.paginatedRows.length, onSdChange: (e) => this.toggleSelectAll(e.detail) }))), this.visibleColumns.map((col, colIdx) => (h("sd-th", { key: col.name, class: {
                 'sd-th': true,
                 [`${col.thClass}`]: Boolean(col.thClass),
                 'sticky-left': Boolean(this.stickyColumn.left && colIdx < this.stickyColumn.left),
@@ -208,33 +209,11 @@ const SdTable$1 = /*@__PURE__*/ proxyCustomElement(class SdTable extends H {
                     colIdx === this.visibleColumns.length - this.stickyColumn.right),
             }, style: this.getStickyStyle(colIdx) }, h("div", { class: `sd-th__content sd-th__content--${col.align || 'left'}` }, h("slot", { name: `header-cell-${col.name}` }, h("div", { class: "sd-th__content--label" }, col.label)), col.usePageMoveIcon && h("sd-icon", { name: "pageMove", size: "12", color: "#006AC1" }), col.tooltip && (h("sd-tooltip", { ...col.tooltipOptions }, h("div", { slot: "content" }, col.tooltip.map(text => (h("p", null, text))))))), this.resizable && typeof window !== 'undefined' && (h("div", { class: "sd-th__resizer", onMouseDown: (evt) => this.handleResize(colIdx, evt) }))))))));
     }
-    renderBody() {
-        return (h("tbody", { ...(!this.paginatedRows.length && { part: 'tbody-empty' }) }, this.isLoading && (h("div", { class: "sd-table__loading" }, h("sd-loading-spinner", null))), !this.paginatedRows.length ? (h("tr", null, h("td", { colSpan: this.visibleColumns.length + (this.selectable ? 1 : 0) }, h("slot", { name: "no-data" }, this.noDataLabel)))) : (this.paginatedRows.map((row, rowIdx) => (h("tr", { key: row[this.rowKey], class: "hover:bg-Grey_Lighten-6" }, this.selectable && (h("td", { class: {
-                'sd-td': true,
-                'sd-td--selected': true,
-                'sticky-left': Boolean(this.stickyColumn.left && this.stickyColumn.left > 0),
-            }, style: {
-                '--sticky-left-offset': '0px',
-            } }, h("sd-checkbox", { checked: this.isRowSelected(row), disabled: !this.paginatedRows.length, onSdChange: () => this.updateRowSelect(row) }))), this.visibleColumns.map((column, colIdx) => {
-            const rendered = this.bodyCellRenderer?.(column, row);
-            return (h("td", { key: column.name, part: `td-${column.name}`, class: {
-                    'sd-td': true,
-                    [`sd-td--${column.align || 'left'}`]: true,
-                    'sticky-left': Boolean(this.stickyColumn.left && colIdx < this.stickyColumn.left),
-                    'sticky-right': Boolean(this.stickyColumn.right &&
-                        colIdx >= this.visibleColumns.length - this.stickyColumn.right),
-                    'sticky-left-edge': Boolean(this.stickyColumn.left && colIdx === this.stickyColumn.left - 1),
-                    'sticky-right-edge': Boolean(this.stickyColumn.right &&
-                        colIdx === this.visibleColumns.length - this.stickyColumn.right),
-                    [`${column.tdClass}`]: Boolean(column.tdClass),
-                }, style: this.getStickyStyle(colIdx) }, h("slot", { name: `body-cell-${column.name}-${rowIdx}` }, rendered ? (typeof rendered === 'string' ? (h("span", { innerHTML: rendered })) : (rendered)) : (this.getCellValue(column, row)))));
-        })))))));
-    }
     render() {
-        return (h(Host, { key: 'aa1e42e5d432f870e347c0275c1f26145094917f' }, h("div", { key: '515e4e64722b2f897b65bffe9864df87a1ae4dfa', class: "sd-table__wrapper", style: {
+        return (h(Host, { key: 'e11aca4536ae59eb5f93ad2854b45480d8ff181e' }, h("div", { key: '41e2f02cd1135b954e9c0958aeb8698e94aacd35', class: "sd-table__wrapper", style: {
                 '--table-width': this.width,
                 '--table-height': this.height,
-            } }, h("div", { key: 'd58fefca8048e3c9d1ec0ea9f1153759fcd05fa5', class: "sd-table__container" }, h("div", { key: '16f40e51f0f468d41ae007dc94f0207a1f0b3194', class: "sd-table__middle" }, h("table", { key: 'ca86bc18a0edbd54c63bdec1791f5891ed7ef162', part: "table", class: this.sdTableClasses }, this.renderHeader(), this.renderBody())), h("div", { key: 'd7d4cae8ffbce4148fa8884b8cf417fbfef6a37b', class: "sd-table__bottom" })), this.pagination && this.innerRows.length > 0 && (h("div", { key: 'cdc3bdc388bdddb50f6e10e097a7b55d1ea8f8d9', class: "sd-table__pagination" }, h("sd-pagination", { key: 'bf9cd908fc6e29f7dddb1a9deb949b0cd688c51b', currentPage: !this.useInternalPagination ? this.pagination.page : this.currentPage, lastPage: !this.useInternalPagination ? this.pagination.lastPage : this.lastPageNumber, onPageChange: (e) => {
+            } }, h("div", { key: '0dd2d7545ca47b006943bb54f1d1e3f5fdadbf0a', class: "sd-table__container" }, h("div", { key: 'c9e11231857c078ccfe4271b83c6eed8939a1bc6', class: "sd-table__middle", role: "table" }, h("div", { key: '5ca555d143a14ffcf71277c36eb86e7c036ad6c3', part: "table", class: this.sdTableClasses }, this.renderHeader(), h("sd-tbody", { key: 'aafdc62718caa4f6ae0e27d6897c7330ba1714bf' }, h("slot", { key: 'e86270cf02953779e2e77b884765011c45024d24' })))), h("div", { key: '5190f448fc1f21a3bbe13470e1f0a21cd637fdb7', class: "sd-table__bottom" })), this.pagination && this.innerRows.length > 0 && (h("div", { key: 'd00820c55aca5b06ab14db71f3ef0345ae6b155f', class: "sd-table__pagination" }, h("sd-pagination", { key: '5dcac1d21e32bb912a335a2d2fd06fd23eb8e525', currentPage: !this.useInternalPagination ? this.pagination.page : this.currentPage, lastPage: !this.useInternalPagination ? this.pagination.lastPage : this.lastPageNumber, onPageChange: (e) => {
                 if (!this.useInternalPagination) {
                     this.sdPageChange.emit(e.detail);
                 }
@@ -242,7 +221,7 @@ const SdTable$1 = /*@__PURE__*/ proxyCustomElement(class SdTable extends H {
                     this.currentPage = e.detail;
                     this.sdPageChange.emit(this.currentPage);
                 }
-            } }), this.useRowsPerPageSelect && (h("sd-select", { key: 'd056dee730ae11c00a05028a2a296bb1c95f01fb', value: this.pagination.rowsPerPage, options: this.rowsPerPageOption, width: "128px", onSdChange: (e) => {
+            } }), this.useRowsPerPageSelect && (h("sd-select", { key: '241f2fe9ce56448e922760568963767d49a45fef', value: this.pagination.rowsPerPage, options: this.rowsPerPageOption, width: "128px", onSdChange: (e) => {
                 const changedRowsPerPage = e.detail.value ? Number(e.detail.value) : 0;
                 if (!this.useInternalPagination) {
                     this.sdRowsPerPageChange.emit(changedRowsPerPage);
@@ -305,7 +284,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["sd-table", "sd-button", "sd-checkbox", "sd-icon", "sd-input", "sd-loading-spinner", "sd-pagination", "sd-portal", "sd-select", "sd-select-option", "sd-tooltip", "sd-tooltip-portal"];
+    const components = ["sd-table", "sd-button", "sd-checkbox", "sd-icon", "sd-input", "sd-pagination", "sd-portal", "sd-select", "sd-select-option", "sd-tbody", "sd-th", "sd-tooltip", "sd-tooltip-portal", "sd-tr"];
     components.forEach(tagName => { switch (tagName) {
         case "sd-table":
             if (!customElements.get(tagName)) {
@@ -314,55 +293,65 @@ function defineCustomElement$1() {
             break;
         case "sd-button":
             if (!customElements.get(tagName)) {
-                defineCustomElement$c();
+                defineCustomElement$e();
             }
             break;
         case "sd-checkbox":
             if (!customElements.get(tagName)) {
-                defineCustomElement$b();
+                defineCustomElement$d();
             }
             break;
         case "sd-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$a();
+                defineCustomElement$c();
             }
             break;
         case "sd-input":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$b();
+            }
+            break;
+        case "sd-pagination":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$a();
+            }
+            break;
+        case "sd-portal":
             if (!customElements.get(tagName)) {
                 defineCustomElement$9();
             }
             break;
-        case "sd-loading-spinner":
+        case "sd-select":
             if (!customElements.get(tagName)) {
                 defineCustomElement$8();
             }
             break;
-        case "sd-pagination":
+        case "sd-select-option":
             if (!customElements.get(tagName)) {
                 defineCustomElement$7();
             }
             break;
-        case "sd-portal":
+        case "sd-tbody":
             if (!customElements.get(tagName)) {
                 defineCustomElement$6();
             }
             break;
-        case "sd-select":
+        case "sd-th":
             if (!customElements.get(tagName)) {
                 defineCustomElement$5();
             }
             break;
-        case "sd-select-option":
+        case "sd-tooltip":
             if (!customElements.get(tagName)) {
                 defineCustomElement$4();
             }
             break;
-        case "sd-tooltip":
+        case "sd-tooltip-portal":
             if (!customElements.get(tagName)) {
                 defineCustomElement$3();
             }
             break;
-        case "sd-tooltip-portal":
+        case "sd-tr":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();
             }