@dssp/dkpi 1.0.0-alpha.9 → 1.0.0-alpha.91

package/dist-client/components/kpi-boxplot-chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kpi-boxplot-chart.js","sourceRoot":"","sources":["../../client/components/kpi-boxplot-chart.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC3D,OAAO,KAAK,EAAE,MAAM,IAAI,CAAA;AAGjB,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,UAAU;IAA1C;;QACsB,SAAI,GAAU,EAAE,CAAA;QAChB,WAAM,GAAa,EAAE,CAAA,CAAC,gCAAgC;QACrD,WAAM,GAAW,KAAK,CAAA;QACtB,WAAM,GAAW,KAAK,CAAA;QACtB,YAAO,GAAW,MAAM,CAAA;QACxB,cAAS,GAAW,QAAQ,CAAA;QAC5B,UAAK,GAAW,IAAI,CAAA;QACpB,UAAK,GAAW,IAAI,CAAA;QACpB,aAAQ,GAAW,OAAO,CAAA;QAC1B,iBAAY,GAAW,EAAE,CAAA;QACxB,qBAAgB,GAAY,KAAK,CAAA;QAC9D;;;WAGG;QACyB,eAAU,GAAW,SAAS,CAAA;QAC1D,iEAAiE;QACpC,eAAU,GAAY,IAAI,CAAA;QAe/C,eAAU,GAAG,CAAC,CAAA;QACd,gBAAW,GAAG,CAAC,CAAA;QAmCf,gBAAW,GAAG,CAAC,CAAM,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,KAAK,CAAA;IAuMpD,CAAC;IAvOC,MAAM;QACJ,OAAO,IAAI,CAAA;;cAED,IAAI,CAAC,UAAU;eACd,IAAI,CAAC,WAAW;qBACV,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,WAAW;;YAE5C,CAAA;IACV,CAAC;IAED,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAA;QACzB,IAAI,CAAC,cAAc,GAAG,IAAI,cAAc,CAAC,OAAO,CAAC,EAAE;YACjD,KAAK,MAAM,KAAK,IAAI,OAAO,EAAE,CAAC;gBAC5B,MAAM,IAAI,GAAG,KAAK,CAAC,WAAW,CAAA;gBAC9B,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,KAAK,CAAA;gBAC5B,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,MAAM,CAAA;gBAC9B,IAAI,CAAC,aAAa,EAAE,CAAA;YACtB,CAAC;QACH,CAAC,CAAC,CAAA;QACF,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;IACnC,CAAC;IAED,oBAAoB;;QAClB,MAAA,IAAI,CAAC,cAAc,0CAAE,UAAU,EAAE,CAAA;QACjC,KAAK,CAAC,oBAAoB,EAAE,CAAA;IAC9B,CAAC;IAED,OAAO;QACL,IAAI,CAAC,WAAW,EAAE,CAAA;IACpB,CAAC;IAID,WAAW;;QACT,MAAM,GAAG,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,CAAA;QAChE,GAAG,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAA;QAE3B,SAAS;QACT,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACzC,OAAM;QACR,CAAC;QACD,MAAM,CAAC,GAAG,IAAI,CAAC,UAAU,IAAI,GAAG,CAAA;QAChC,MAAM,CAAC,GAAG,IAAI,CAAC,WAAW,IAAI,GAAG,CAAA;QACjC,MAAM,MAAM,GAAG;YACb,GAAG,EAAE,EAAE;YACP,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;YACV,IAAI,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE;SACtC,CAAA;QACD,MAAM,KAAK,GAAG,CAAC,GAAG,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC,KAAK,CAAA;QAC5C,MAAM,KAAK,GAAG,CAAC,GAAG,MAAM,CAAC,GAAG,GAAG,MAAM,CAAC,MAAM,CAAA;QAE5C,sCAAsC;QACtC,MAAM,MAAM,GACV,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,IAAI,CAAC,CAAC,CAAC,CAAA;QACzH,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACxB,OAAO,CAAC,IAAI,CAAC,gCAAgC,EAAE,IAAI,CAAC,IAAI,CAAC,CAAA;YACzD,OAAM,CAAC,yBAAyB;QAClC,CAAC;QAED,MAAM,CAAC,GAAG,EAAE,CAAC,SAAS,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,CAAA;QAEtE,YAAY;QACZ,IAAI,CAAiC,CAAA;QAErC,IAAI,IAAI,CAAC,gBAAgB,EAAE,CAAC;YAC1B,8CAA8C;YAC9C,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;gBAChC,OAAO;oBACL,GAAG,EAAE,CAAC,CAAC,GAAG;oBACV,KAAK,EAAE,EAAE,CAAC,WAAW,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;iBAC3D,CAAA;YACH,CAAC,CAAC,CAAA;YAEF,qBAAqB;YACrB,CAAC,GAAG,CAAA,MAAA,OAAO,CAAC,CAAC,CAAC,0CAAE,KAAK,KAAI,EAAE,CAAC,WAAW,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAA;QAC9E,CAAC;aAAM,CAAC;YACN,uBAAuB;YACvB,CAAC,GAAG,EAAE,CAAC,WAAW,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAA;QACzD,CAAC;QAED,MAAM,CAAC,GAAG,GAAG,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,aAAa,MAAM,CAAC,IAAI,IAAI,MAAM,CAAC,GAAG,GAAG,CAAC,CAAA;QAEzH,UAAU;QACV,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC;YAC3B,MAAM,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC,CAAC,CAAA;YACjE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,MAAM,EAAE,CAAA;YAChC,KAAK,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,EAAE,GAAG,CAAC,CAAA;YACpG,KAAK,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,CAAA;QAC9E,CAAC;QAED,WAAW;QACX,MAAM,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,eAAe,KAAK,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAA;QACzG,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC,CAAA;QACzE,KAAK,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC,IAAI,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,CAAC,CAAA;QAE3H,wBAAwB;QACxB,MAAM,OAAO,GAAG,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,OAAO,EAAE,iBAAiB,CAAC,CAAC,IAAI,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAA;QAC7F,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,EAAE,oBAAoB,CAAC,CAAA;QACrF,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,CAAA;QAErE,MAAM,WAAW,GAAG,CAAC,GAAe,EAAE,KAAe,EAAE,EAAE;YACvD,MAAM,OAAO,GAAG,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA;YACtC,OAAO,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,CAAA;YACnC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;gBACxB,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;YAC/E,CAAC,CAAC,CAAA;YACF,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,EAAE,CAAA;YAC3D,MAAM,IAAI,GAAG,KAAK,CAAC,MAAM,GAAG,EAAE,GAAG,EAAE,CAAA;YACnC,MAAM,CAAC,EAAE,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,IAAI,EAAE,CAAC,CAAA;YAC5C,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,IAAI,GAAG,CAAC,GAAG,IAAI,GAAG,CAAC,CAAC,CAAA;YACjE,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,IAAI,GAAG,CAAC,EAAE,CAAC,CAAC,CAAA;YACrC,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAA;YAC3F,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,aAAa,EAAE,IAAI,EAAE,GAAG,CAAC,CAAA;YACnD,OAAO,CAAC,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC,KAAK,EAAE,CAAA;QAC/C,CAAC,CAAA;QACD,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAA;QAE9D,sBAAsB;QACtB,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE;;YACzB,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC,CAAA;YACxE,IAAI,CAAC,SAAS;gBAAE,OAAM;YAEtB,MAAM,cAAc,GAAG,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,CAAA;YACvG,IAAI,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC;gBAAE,OAAM;YAElE,MAAM,EAAE,GAAG,MAAA,CAAC,CAAC,SAAS,CAAC,mCAAI,CAAC,CAAA;YAE5B,IAAI,QAAQ,GAAG,CAAC,CAAA;YAChB,IAAI,IAAI,CAAC,gBAAgB,EAAE,CAAC;gBAC1B,QAAQ,GAAG,EAAE,CAAC,WAAW,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAA;YAChE,CAAC;YAED,MAAM,SAAS,GAAG,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;YACxC,MAAM,SAAS,GAAG,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;YAExC,KAAK;YACL,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC;iBACb,IAAI,CAAC,GAAG,EAAE,EAAE,CAAC;iBACb,IAAI,CAAC,GAAG,EAAE,QAAQ,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;iBAC1C,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,SAAS,EAAE,CAAC;iBAC5B,IAAI,CAAC,QAAQ,EAAE,QAAQ,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,QAAQ,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;iBACjF,IAAI,CAAC,MAAM,EAAE,SAAS,CAAC;iBACvB,IAAI,CAAC,SAAS,EAAE,GAAG,CAAC;iBACpB,IAAI,CAAC,QAAQ,EAAE,SAAS,CAAC;iBACzB,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC;iBACvB,KAAK,CAAC,QAAQ,EAAE,SAAS,CAAC;iBAC1B,EAAE,CAAC,YAAY,EAAE,CAAC,GAAe,EAAE,EAAE,CAAC,WAAW,CAAC,GAAG,EAAE;gBACtD,SAAS;gBACT,OAAO,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;gBAClD,OAAO,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;gBACjD,QAAQ,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;gBACtD,OAAO,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;gBACjD,OAAO,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;gBAClD,OAAO,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;aACpD,CAAC,CAAC;iBACF,EAAE,CAAC,YAAY,EAAE,WAAW,CAAC,CAAA;YAEhC,WAAW;YACX,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC;iBACb,IAAI,CAAC,IAAI,EAAE,EAAE,CAAC;iBACd,IAAI,CAAC,IAAI,EAAE,EAAE,GAAG,CAAC,CAAC,SAAS,EAAE,CAAC;iBAC9B,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAC,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;iBAC/C,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAC,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;iBAC/C,IAAI,CAAC,QAAQ,EAAE,SAAS,CAAC;iBACzB,IAAI,CAAC,cAAc,EAAE,GAAG,CAAC,CAAA;YAE5B,yBAAyB;YACzB,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC;iBACb,IAAI,CAAC,IAAI,EAAE,EAAE,GAAG,CAAC,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;iBAClC,IAAI,CAAC,IAAI,EAAE,EAAE,GAAG,CAAC,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;iBAClC,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAC;iBAC/B,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAC;iBAC/B,IAAI,CAAC,QAAQ,EAAE,SAAS,CAAC;iBACzB,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC,CAAA;YAE1B,uBAAuB;YACvB,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC;iBACb,IAAI,CAAC,IAAI,EAAE,EAAE,GAAG,CAAC,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;iBAClC,IAAI,CAAC,IAAI,EAAE,EAAE,GAAG,CAAC,CAAC,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;iBACxC,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAC;iBAC/B,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAC;iBAC/B,IAAI,CAAC,QAAQ,EAAE,SAAS,CAAC;iBACzB,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC,CAAA;YAC1B,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC;iBACb,IAAI,CAAC,IAAI,EAAE,EAAE,GAAG,CAAC,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;iBAClC,IAAI,CAAC,IAAI,EAAE,EAAE,GAAG,CAAC,CAAC,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;iBACxC,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAC;iBAC/B,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAC;iBAC/B,IAAI,CAAC,QAAQ,EAAE,SAAS,CAAC;iBACzB,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC,CAAA;YAE1B,WAAW;YACX,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC;iBACf,IAAI,CAAC,IAAI,EAAE,EAAE,GAAG,CAAC,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;iBAClC,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;iBAC7C,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;iBACZ,IAAI,CAAC,MAAM,EAAE,SAAS,CAAC;iBACvB,IAAI,CAAC,QAAQ,EAAE,MAAM,CAAC;iBACtB,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC;iBACvB,KAAK,CAAC,QAAQ,EAAE,SAAS,CAAC;iBAC1B,EAAE,CAAC,YAAY,EAAE,CAAC,GAAe,EAAE,EAAE,CAAC,WAAW,CAAC,GAAG,EAAE;gBACtD,GAAG,SAAS,OAAO;gBACnB,GAAG,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;aAChD,CAAC,CAAC;iBACF,EAAE,CAAC,YAAY,EAAE,WAAW,CAAC,CAAA;YAEhC,4BAA4B;YAC5B,IAAI,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,IAAI,EAAE,CAAC;gBACrC,MAAM,YAAY,GAAG,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;gBAC7C,MAAM,SAAS,GAAG,YAAY,GAAG,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,YAAY,GAAG,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;gBAEhG,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC;qBACf,IAAI,CAAC,IAAI,EAAE,EAAE,GAAG,CAAC,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;qBAClC,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAC;qBAClC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;qBACZ,IAAI,CAAC,MAAM,EAAE,SAAS,CAAC;qBACvB,IAAI,CAAC,QAAQ,EAAE,MAAM,CAAC;qBACtB,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC;qBACvB,KAAK,CAAC,QAAQ,EAAE,SAAS,CAAC;qBAC1B,EAAE,CAAC,YAAY,EAAE,CAAC,GAAe,EAAE,EAAE,CAAC,WAAW,CAAC,GAAG,EAAE;oBACtD,GAAG,SAAS,MAAM,IAAI,CAAC,UAAU,EAAE;oBACnC,MAAM,MAAM,CAAC,YAAY,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;oBACvC,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;iBAC5D,CAAC,CAAC;qBACF,EAAE,CAAC,YAAY,EAAE,WAAW,CAAC,CAAA;YAClC,CAAC;QACH,CAAC,CAAC,CAAA;QACF,8BAA8B;IAChC,CAAC;;AAvPM,wBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;GAWlB,AAXY,CAWZ;AA9B0B;IAA1B,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;;+CAAiB;AAChB;IAA1B,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;;iDAAsB;AACpB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;iDAAuB;AACtB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;iDAAuB;AACtB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;kDAAyB;AACxB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;oDAA6B;AAC5B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;gDAAqB;AACpB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;gDAAqB;AACpB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;mDAA2B;AAC1B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;uDAA0B;AACxB;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;;2DAAkC;AAKlC;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;qDAA+B;AAE7B;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;;qDAA2B;AAlB5C,iBAAiB;IAD7B,aAAa,CAAC,sBAAsB,CAAC;GACzB,iBAAiB,CA4Q7B","sourcesContent":["import { LitElement, html, css } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport * as d3 from 'd3'\n\n@customElement('sv-kpi-boxplot-chart')\nexport class SvKpiBoxplotChart extends LitElement {\n  @property({ type: Array }) data: any[] = []\n  @property({ type: Array }) groups: string[] = [] // 조직 단위 목록 (빈 배열이면 데이터에서 자동 추출)\n  @property({ type: String }) minKey: string = 'min'\n  @property({ type: String }) maxKey: string = 'max'\n  @property({ type: String }) meanKey: string = 'mean'\n  @property({ type: String }) medianKey: string = 'median'\n  @property({ type: String }) q1Key: string = 'q1'\n  @property({ type: String }) q3Key: string = 'q3'\n  @property({ type: String }) valueKey: string = 'value'\n  @property({ type: String }) currentGroup: string = ''\n  @property({ type: Boolean }) independentScale: boolean = false\n  /**\n   * 붉은 점 tooltip 라벨. 기본 '현재 프로젝트'(상세화면: 붉은 점 = 당해 프로젝트 값).\n   * 전국/지역 대시보드처럼 value 가 평균값이면 '평균' 으로 넘긴다.\n   */\n  @property({ type: String }) valueLabel: string = '현재 프로젝트'\n  /** 붉은 점 tooltip 의 '정상 범위/이상치' 상태 라인 표시 여부. 대시보드(평균)에서는 false. */\n  @property({ type: Boolean }) showStatus: boolean = true\n\n  static styles = css`\n    :host {\n      display: block;\n      width: 100%;\n      height: 100%;\n    }\n    svg {\n      width: 100%;\n      height: 100%;\n      display: block;\n    }\n  `\n\n  private chartWidth = 0\n  private chartHeight = 0\n  private resizeObserver?: ResizeObserver\n\n  render() {\n    return html`<svg\n      id=\"boxplot\"\n      width=${this.chartWidth}\n      height=${this.chartHeight}\n      viewBox=\"0 0 ${this.chartWidth} ${this.chartHeight}\"\n      preserveAspectRatio=\"xMidYMid meet\"\n    ></svg>`\n  }\n\n  connectedCallback() {\n    super.connectedCallback()\n    this.resizeObserver = new ResizeObserver(entries => {\n      for (const entry of entries) {\n        const rect = entry.contentRect\n        this.chartWidth = rect.width\n        this.chartHeight = rect.height\n        this.requestUpdate()\n      }\n    })\n    this.resizeObserver.observe(this)\n  }\n\n  disconnectedCallback() {\n    this.resizeObserver?.disconnect()\n    super.disconnectedCallback()\n  }\n\n  updated() {\n    this.drawBoxplot()\n  }\n\n  private getOrgValue = (d: any) => d.org || d.group\n\n  drawBoxplot() {\n    const svg = d3.select(this.renderRoot.querySelector('#boxplot'))\n    svg.selectAll('*').remove()\n\n    // 데이터 검증\n    if (!this.data || this.data.length === 0) {\n      return\n    }\n    const w = this.chartWidth || 300\n    const h = this.chartHeight || 300\n    const margin = {\n      top: 20,\n      right: 20,\n      bottom: 40,\n      left: this.independentScale ? 20 : 40\n    }\n    const plotW = w - margin.left - margin.right\n    const plotH = h - margin.top - margin.bottom\n\n    // x축: 조직 단위 (그룹) - org 또는 group 필드 지원\n    const groups =\n      this.groups.length > 0 ? this.groups : [...new Set(this.data.map(d => this.getOrgValue(d)).filter(org => org != null))]\n    if (groups.length === 0) {\n      console.warn('No valid groups found in data:', this.data)\n      return // 유효한 그룹이 없으면 차트를 그리지 않음\n    }\n\n    const x = d3.scaleBand().domain(groups).range([0, plotW]).padding(0.4)\n\n    // y축 스케일 설정\n    let y: d3.ScaleLinear<number, number>\n\n    if (this.independentScale) {\n      // 독립 스케일: 각 시리즈별로 개별 스케일 생성 (모두 0-100 범위로 통일)\n      const yScales = this.data.map(d => {\n        return {\n          org: d.org,\n          scale: d3.scaleLinear().domain([0, 100]).range([plotH, 0])\n        }\n      })\n\n      // 기본 y축은 첫 번째 스케일 사용\n      y = yScales[0]?.scale || d3.scaleLinear().domain([0, 100]).range([plotH, 0])\n    } else {\n      // 통합 스케일: 0-100 범위로 고정\n      y = d3.scaleLinear().domain([0, 100]).range([plotH, 0])\n    }\n\n    const g = svg.attr('width', w).attr('height', h).append('g').attr('transform', `translate(${margin.left},${margin.top})`)\n\n    // Y축 (왼쪽)\n    if (!this.independentScale) {\n      const yAxis = g.append('g').call(d3.axisLeft(y).tickSize(-plotW))\n      yAxis.select('.domain').remove()\n      yAxis.selectAll('.tick line').attr('stroke', '#e0e0e0').attr('stroke-width', 1).attr('opacity', 0.7)\n      yAxis.selectAll('.tick text').attr('fill', '#666').attr('font-size', '12px')\n    }\n\n    // X축 (아래쪽)\n    const xAxis = g.append('g').attr('transform', `translate(0,${plotH})`).call(d3.axisBottom(x).tickSize(0))\n    xAxis.select('.domain').attr('stroke', '#e0e0e0').attr('stroke-width', 1)\n    xAxis.selectAll('.tick text').attr('fill', '#333').attr('font-size', '13px').attr('font-weight', '500').attr('dy', '1.5em')\n\n    // 툴팁 (전체 공유, forEach 밖)\n    const tooltip = svg.append('g').attr('class', 'boxplot-tooltip').attr('visibility', 'hidden')\n    tooltip.append('rect').attr('rx', 4).attr('ry', 4).attr('fill', 'rgba(33,33,33,0.9)')\n    tooltip.append('text').attr('fill', '#fff').attr('font-size', '10px')\n\n    const showTooltip = (evt: MouseEvent, lines: string[]) => {\n      const tipText = tooltip.select('text')\n      tipText.selectAll('tspan').remove()\n      lines.forEach((line, i) => {\n        tipText.append('tspan').attr('x', 8).attr('dy', i === 0 ? 14 : 13).text(line)\n      })\n      const tipW = Math.max(...lines.map(l => l.length)) * 8 + 24\n      const tipH = lines.length * 13 + 10\n      const [mx, my] = d3.pointer(evt, svg.node())\n      const tx = Math.min(mx + 10, (this.chartWidth || 400) - tipW - 5)\n      const ty = Math.max(my - tipH - 5, 5)\n      tooltip.select('rect').attr('x', tx).attr('y', ty).attr('width', tipW).attr('height', tipH)\n      tipText.attr('transform', `translate(${tx},${ty})`)\n      tooltip.attr('visibility', 'visible').raise()\n    }\n    const hideTooltip = () => tooltip.attr('visibility', 'hidden')\n\n    // 박스플롯 - 각 그룹별로 박스 생성\n    groups.forEach(groupName => {\n      const groupData = this.data.find(d => this.getOrgValue(d) === groupName)\n      if (!groupData) return\n\n      const requiredFields = [this.minKey, this.maxKey, this.q1Key, this.q3Key, this.medianKey, this.meanKey]\n      if (requiredFields.some(field => groupData[field] == null)) return\n\n      const gx = x(groupName) ?? 0\n\n      let currentY = y\n      if (this.independentScale) {\n        currentY = d3.scaleLinear().domain([0, 100]).range([plotH, 0])\n      }\n\n      const actualMin = groupData[this.minKey]\n      const actualMax = groupData[this.maxKey]\n\n      // 박스\n      g.append('rect')\n        .attr('x', gx)\n        .attr('y', currentY(groupData[this.q3Key]))\n        .attr('width', x.bandwidth())\n        .attr('height', currentY(groupData[this.q1Key]) - currentY(groupData[this.q3Key]))\n        .attr('fill', '#B3D4FC')\n        .attr('opacity', 0.8)\n        .attr('stroke', '#7BB3F0')\n        .attr('stroke-width', 1)\n        .style('cursor', 'pointer')\n        .on('mouseenter', (evt: MouseEvent) => showTooltip(evt, [\n          groupName,\n          `최대: ${Number(groupData[this.maxKey]).toFixed(2)}`,\n          `Q3: ${Number(groupData[this.q3Key]).toFixed(2)}`,\n          `중앙값: ${Number(groupData[this.medianKey]).toFixed(2)}`,\n          `Q1: ${Number(groupData[this.q1Key]).toFixed(2)}`,\n          `최소: ${Number(groupData[this.minKey]).toFixed(2)}`,\n          `평균: ${Number(groupData[this.meanKey]).toFixed(2)}`\n        ]))\n        .on('mouseleave', hideTooltip)\n\n      // 중앙선(중앙값)\n      g.append('line')\n        .attr('x1', gx)\n        .attr('x2', gx + x.bandwidth())\n        .attr('y1', currentY(groupData[this.medianKey]))\n        .attr('y2', currentY(groupData[this.medianKey]))\n        .attr('stroke', '#7BB3F0')\n        .attr('stroke-width', 1.5)\n\n      // 수염 (fence 내부의 min-max)\n      g.append('line')\n        .attr('x1', gx + x.bandwidth() / 2)\n        .attr('x2', gx + x.bandwidth() / 2)\n        .attr('y1', currentY(actualMin))\n        .attr('y2', currentY(actualMax))\n        .attr('stroke', '#7BB3F0')\n        .attr('stroke-width', 1)\n\n      // min/max 선 (fence 내부)\n      g.append('line')\n        .attr('x1', gx + x.bandwidth() / 4)\n        .attr('x2', gx + (x.bandwidth() * 3) / 4)\n        .attr('y1', currentY(actualMin))\n        .attr('y2', currentY(actualMin))\n        .attr('stroke', '#7BB3F0')\n        .attr('stroke-width', 1)\n      g.append('line')\n        .attr('x1', gx + x.bandwidth() / 4)\n        .attr('x2', gx + (x.bandwidth() * 3) / 4)\n        .attr('y1', currentY(actualMax))\n        .attr('y2', currentY(actualMax))\n        .attr('stroke', '#7BB3F0')\n        .attr('stroke-width', 1)\n\n      // 평균값 (녹색)\n      g.append('circle')\n        .attr('cx', gx + x.bandwidth() / 2)\n        .attr('cy', currentY(groupData[this.meanKey]))\n        .attr('r', 3)\n        .attr('fill', '#4CAF50')\n        .attr('stroke', '#fff')\n        .attr('stroke-width', 1)\n        .style('cursor', 'pointer')\n        .on('mouseenter', (evt: MouseEvent) => showTooltip(evt, [\n          `${groupName} — 평균`,\n          `${Number(groupData[this.meanKey]).toFixed(2)}`\n        ]))\n        .on('mouseleave', hideTooltip)\n\n      // 현재 프로젝트 값 (붉은색으로 통일 · 강조)\n      if (groupData[this.valueKey] != null) {\n        const currentValue = groupData[this.valueKey]\n        const isOutlier = currentValue < groupData[this.minKey] || currentValue > groupData[this.maxKey]\n\n        g.append('circle')\n          .attr('cx', gx + x.bandwidth() / 2)\n          .attr('cy', currentY(currentValue))\n          .attr('r', 5)\n          .attr('fill', '#e53935')\n          .attr('stroke', '#fff')\n          .attr('stroke-width', 1)\n          .style('cursor', 'pointer')\n          .on('mouseenter', (evt: MouseEvent) => showTooltip(evt, [\n            `${groupName} — ${this.valueLabel}`,\n            `값: ${Number(currentValue).toFixed(2)}`,\n            ...(this.showStatus ? [isOutlier ? '⚠ 이상치' : '정상 범위'] : [])\n          ]))\n          .on('mouseleave', hideTooltip)\n      }\n    })\n    // 현재 그룹 값 강조는 이미 위에서 처리되므로 제거\n  }\n}\n"]}

package/dist-client/components/kpi-lookup-chart.d.ts

@@ -0,0 +1,58 @@
+import { LitElement } from 'lit';
+/**
+ * KPI 성과 분포 차트 컴포넌트
+ *
+ * - 0~1 스케일 KPI: 성과 분포 곡선 (grade table 기반 value→score 매핑 커브)
+ *   현재 프로젝트 위치를 곡선 위에 강조 표시
+ * - 1~5 평가형 KPI: 5단계 세그먼트 게이지 (배점 기준 디지털화)
+ */
+interface Grade {
+    name: string;
+    minValue: number;
+    maxValue: number;
+    score?: number;
+    color?: string;
+    description?: string;
+}
+export declare class KpiLookupChart extends LitElement {
+    grades: Grade[];
+    value: number | null;
+    unit: string;
+    kpiName: string;
+    showDots: boolean;
+    /** KPI scoreType: 'DIRECT' | 'FORMULA' | 'LOOKUP' | 'CUSTOM' | '' */
+    scoreType: string;
+    /** KPI valueType: 'MEASURED' | 'ASSESSED' | 'CALCULATED' | 'COMPOSITE' | '' */
+    valueType: string;
+    /**
+     * 권위 있는 성과 점수 (백엔드가 저장한 값). 주어지면 현재값 마커/라벨은
+     * 차트 자체 보간 대신 이 값을 그대로 사용한다 — 헤더와 동일 점수 보장.
+     */
+    score: number | null;
+    static styles: import("lit").CSSResult;
+    private chartWidth;
+    private chartHeight;
+    private resizeObserver?;
+    render(): import("lit-html").TemplateResult<1>;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(): void;
+    /**
+     * 1~5 평가형 KPI인지 판별 — 게이지로 표시할지 결정
+     *
+     * valueType/scoreType 기반 판별 (우선):
+     *   valueType='ASSESSED' → 평가형 (감리자 직접 입력, 게이지)
+     *   scoreType='LOOKUP'/'CUSTOM' → 분포 차트
+     *
+     * 미설정 시 폴백: grades 구조로 판별
+     */
+    private isAssessmentKpi;
+    private renderChart;
+    /** 1~5 평가형 KPI: 5단계 세그먼트 바 */
+    private renderAssessmentGauge;
+    /** grades에서 중간값(x) → score 포인트 배열 생성 */
+    private buildMidpoints;
+    /** 포인트 배열에서 value에 대한 score를 선형 보간 */
+    private interpolateScore;
+}
+export {};

package/dist-client/components/kpi-lookup-chart.js

@@ -0,0 +1,459 @@
+import { __decorate, __metadata } from "tslib";
+import { LitElement, html, css } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import * as d3 from 'd3';
+let KpiLookupChart = class KpiLookupChart extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.grades = [];
+        this.value = null;
+        this.unit = '';
+        this.kpiName = '';
+        this.showDots = false;
+        /** KPI scoreType: 'DIRECT' | 'FORMULA' | 'LOOKUP' | 'CUSTOM' | '' */
+        this.scoreType = '';
+        /** KPI valueType: 'MEASURED' | 'ASSESSED' | 'CALCULATED' | 'COMPOSITE' | '' */
+        this.valueType = '';
+        /**
+         * 권위 있는 성과 점수 (백엔드가 저장한 값). 주어지면 현재값 마커/라벨은
+         * 차트 자체 보간 대신 이 값을 그대로 사용한다 — 헤더와 동일 점수 보장.
+         */
+        this.score = null;
+        this.chartWidth = 0;
+        this.chartHeight = 0;
+    }
+    render() {
+        return html `
+      <svg
+        id="lookup-chart"
+        width=${this.chartWidth}
+        height=${this.chartHeight}
+        viewBox="0 0 ${this.chartWidth} ${this.chartHeight}"
+        preserveAspectRatio="xMidYMid meet"
+      ></svg>
+    `;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.resizeObserver = new ResizeObserver(entries => {
+            for (const entry of entries) {
+                const rect = entry.contentRect;
+                this.chartWidth = rect.width;
+                this.chartHeight = rect.height;
+                this.requestUpdate();
+            }
+        });
+        this.resizeObserver.observe(this);
+    }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+        super.disconnectedCallback();
+    }
+    updated() {
+        this.renderChart();
+    }
+    /**
+     * 1~5 평가형 KPI인지 판별 — 게이지로 표시할지 결정
+     *
+     * valueType/scoreType 기반 판별 (우선):
+     *   valueType='ASSESSED' → 평가형 (감리자 직접 입력, 게이지)
+     *   scoreType='LOOKUP'/'CUSTOM' → 분포 차트
+     *
+     * 미설정 시 폴백: grades 구조로 판별
+     */
+    isAssessmentKpi() {
+        if (this.valueType === 'ASSESSED')
+            return true;
+        if (this.scoreType === 'LOOKUP' || this.scoreType === 'CUSTOM')
+            return false;
+        // 폴백: grades 구조로 판별
+        if (!this.grades || !Array.isArray(this.grades) || this.grades.length === 0)
+            return true;
+        return (this.grades.length <= 5 &&
+            this.grades.every((g) => g.score >= 1 && g.score <= 5 && g.score === Math.floor(g.score) && g.minValue === g.score));
+    }
+    renderChart() {
+        var _a;
+        const svg = d3.select(this.renderRoot.querySelector('#lookup-chart'));
+        svg.selectAll('*').remove();
+        // grades가 배열이 아닌 경우 (2D lookup 객체 등) 또는 1~5 평가형 → 세그먼트 바
+        if (!Array.isArray(this.grades) || this.isAssessmentKpi()) {
+            this.renderAssessmentGauge(svg);
+            return;
+        }
+        const w = this.chartWidth || 400;
+        const h = this.chartHeight || 200;
+        const margin = { top: 20, right: 30, bottom: 45, left: 55 };
+        const plotW = w - margin.left - margin.right;
+        const plotH = h - margin.top - margin.bottom;
+        if (plotW <= 0 || plotH <= 0)
+            return;
+        const g = svg.append('g').attr('transform', `translate(${margin.left},${margin.top})`);
+        const sortedGrades = [...this.grades].sort((a, b) => a.minValue - b.minValue);
+        // 중간값 포인트 생성 (maxValue >= 99999인 마지막 구간 제외)
+        const points = this.buildMidpoints(sortedGrades);
+        if (points.length === 0)
+            return;
+        // 스케일 — grade의 minValue~maxValue 범위, 마지막 grade의 큰 maxValue(999, 99999 등) 제외
+        const allMaxValues = sortedGrades.map(g => g.maxValue).sort((a, b) => a - b);
+        const secondLargestMax = allMaxValues.length > 1 ? allMaxValues[allMaxValues.length - 2] : allMaxValues[0];
+        const lastGradeMin = sortedGrades[sortedGrades.length - 1].minValue;
+        // 양 끝 플롯이 y축·오른쪽 경계에 딱 붙도록 — xPad / .nice() 미적용.
+        // 다만 마지막 grade 가 (예: 99999) 의 outlier 라 그것까지 domain 에 포함하면
+        // 나머지 plot 들이 한쪽에 몰림. secondLargestMax (마지막 isLast 직전 grade 의
+        // maxValue) 를 우측 한계로 — 측정값의 자연 범위에 맞춤. isLast 같은 도메인 밖
+        // point 는 visiblePoints filter 로 제외.
+        let xMin = sortedGrades[0].minValue;
+        let xMax = Math.max(secondLargestMax, lastGradeMin);
+        if (this.value !== null && this.value !== undefined) {
+            xMax = Math.max(xMax, this.value);
+        }
+        const xScale = d3.scaleLinear().domain([xMin, xMax]).range([0, plotW]);
+        const yExtent = d3.extent(points, d => d.score);
+        const [yMin, yMax] = yExtent;
+        const yPad = (yMax - yMin) * 0.08 || 0.1;
+        const yScale = d3.scaleLinear().domain([yMin - yPad, yMax + yPad]).range([plotH, 0]).nice();
+        // isLast grade outlier 표시용 우측 확장 영역 — 최대 20px. scale 에는 영향 없음.
+        const TAIL_EXT = 20;
+        const tailX = plotW + TAIL_EXT / 2;
+        // 스코어 구간 배경 (연한 색상) — 확장 영역까지 포함하여 연속
+        const scoreColors = ['#e8f5e9', '#f1f8e9', '#fff9c4', '#fff3e0', '#fce4ec'];
+        const uniqueScores = [...new Set(points.map(p => p.score))].sort((a, b) => b - a);
+        uniqueScores.forEach((score, i) => {
+            const yPos = yScale(score);
+            const nextScore = i < uniqueScores.length - 1 ? uniqueScores[i + 1] : yMin - yPad;
+            const yNext = yScale(nextScore);
+            g.append('rect')
+                .attr('x', 0)
+                .attr('y', Math.min(yPos, yNext))
+                .attr('width', plotW + TAIL_EXT)
+                .attr('height', Math.abs(yNext - yPos))
+                .attr('fill', scoreColors[i % scoreColors.length])
+                .attr('opacity', 0.5);
+        });
+        // 정상 범위 plot 들 (isLast 제외) — 곡선·점 등은 이 점들로 그림.
+        const visiblePoints = points.filter(p => !p.isLast);
+        const lastPoint = points.find(p => p.isLast);
+        // 스코어 커브 (중간값 연결)
+        const line = d3
+            .line()
+            .x(d => xScale(d.x))
+            .y(d => yScale(d.score))
+            .curve(d3.curveMonotoneX);
+        g.append('path')
+            .datum(visiblePoints)
+            .attr('d', line)
+            .attr('fill', 'none')
+            .attr('stroke', '#1976d2')
+            .attr('stroke-width', 2.5);
+        // isLast outlier 표시 — 마지막 visible plot 에서 tailX 위치까지 dashed 연장 + circle.
+        if (lastPoint && visiblePoints.length > 0) {
+            const lastVis = visiblePoints[visiblePoints.length - 1];
+            g.append('line')
+                .attr('x1', xScale(lastVis.x))
+                .attr('x2', tailX)
+                .attr('y1', yScale(lastVis.score))
+                .attr('y2', yScale(lastPoint.score))
+                .attr('stroke', '#1976d2')
+                .attr('stroke-width', 2)
+                .attr('stroke-dasharray', '3,3')
+                .attr('opacity', 0.6);
+            g.append('circle')
+                .attr('cx', tailX)
+                .attr('cy', yScale(lastPoint.score))
+                .attr('r', 4)
+                .attr('fill', '#1976d2')
+                .attr('stroke', '#fff')
+                .attr('stroke-width', 1.5)
+                .attr('opacity', 0.7);
+        }
+        // 도트 + 툴팁 (showDots 모드)
+        if (this.showDots && visiblePoints.length > 0) {
+            const dotTooltip = svg.append('g').attr('class', 'dot-tooltip').attr('visibility', 'hidden');
+            dotTooltip.append('rect').attr('rx', 4).attr('ry', 4).attr('fill', 'rgba(33,33,33,0.9)');
+            dotTooltip.append('text').attr('fill', '#fff').attr('font-size', '10px');
+            const showDotTip = (evt, lines) => {
+                const tipText = dotTooltip.select('text');
+                tipText.selectAll('tspan').remove();
+                lines.forEach((ln, i) => {
+                    tipText.append('tspan').attr('x', 8).attr('dy', i === 0 ? 14 : 13).text(ln);
+                });
+                const tipW = Math.max(...lines.map(l => l.length)) * 8 + 24;
+                const tipH = lines.length * 13 + 10;
+                const [mx, my] = d3.pointer(evt, svg.node());
+                const tx = Math.min(mx + 12, w - tipW - 5);
+                const ty = Math.max(my - tipH - 8, 5);
+                dotTooltip.select('rect').attr('x', tx).attr('y', ty).attr('width', tipW).attr('height', tipH);
+                tipText.attr('transform', `translate(${tx},${ty})`);
+                dotTooltip.attr('visibility', 'visible').raise();
+            };
+            const hideDotTip = () => dotTooltip.attr('visibility', 'hidden');
+            // 가이드 라인 (hover 시 표시/숨김)
+            const guideLineX = g.append('line')
+                .attr('stroke', '#1976d2').attr('stroke-width', 1).attr('stroke-dasharray', '3,3')
+                .attr('opacity', 0.5).attr('visibility', 'hidden');
+            const guideLineY = g.append('line')
+                .attr('stroke', '#1976d2').attr('stroke-width', 1).attr('stroke-dasharray', '3,3')
+                .attr('opacity', 0.5).attr('visibility', 'hidden');
+            visiblePoints.forEach(pt => {
+                const cx = xScale(pt.x);
+                const cy = yScale(pt.score);
+                g.append('circle')
+                    .attr('cx', cx)
+                    .attr('cy', cy)
+                    .attr('r', 4)
+                    .attr('fill', '#1976d2')
+                    .attr('stroke', '#fff')
+                    .attr('stroke-width', 1.5)
+                    .style('cursor', 'pointer')
+                    .on('mouseenter', (evt) => {
+                    guideLineX.attr('x1', cx).attr('x2', cx).attr('y1', cy).attr('y2', plotH).attr('visibility', 'visible');
+                    guideLineY.attr('x1', 0).attr('x2', cx).attr('y1', cy).attr('y2', cy).attr('visibility', 'visible');
+                    const rangeText = pt.isLast
+                        ? `구간: ${pt.rangeMin.toFixed(4)}${this.unit} 이상`
+                        : `구간: ${pt.rangeMin.toFixed(4)} ~ ${pt.rangeMax.toFixed(4)}${this.unit}`;
+                    showDotTip(evt, [
+                        rangeText,
+                        `성과 점수: ${pt.score.toFixed(4)}`
+                    ]);
+                })
+                    .on('mouseleave', () => {
+                    guideLineX.attr('visibility', 'hidden');
+                    guideLineY.attr('visibility', 'hidden');
+                    hideDotTip();
+                });
+            });
+        }
+        // 축 — d3 자동 ticks + 양 끝점 (xMin, xMax) 강제 포함하여 마지막 plot 의 값이
+        // 라벨로 노출되도록.
+        const autoTicks = xScale.ticks(Math.min(points.length, 8));
+        const xTickValues = Array.from(new Set([...autoTicks, xMin, xMax])).sort((a, b) => a - b);
+        const tickFormat = (d) => (Number.isInteger(d) ? String(d) : d.toFixed(2));
+        const xAxisGroup = g.append('g')
+            .attr('transform', `translate(0,${plotH})`)
+            .call(d3.axisBottom(xScale).tickValues(xTickValues).tickFormat(tickFormat));
+        xAxisGroup.selectAll('text').attr('font-size', '10px');
+        // axis domain line 을 tail 확장 영역 끝까지 연장.
+        xAxisGroup.select('.domain').attr('d', `M0.5,6V0.5H${plotW + TAIL_EXT}.5V6`);
+        g.append('g').call(d3.axisLeft(yScale).ticks(5)).selectAll('text').attr('font-size', '10px');
+        // 축 라벨
+        g.append('text')
+            .attr('x', plotW / 2)
+            .attr('y', plotH + 35)
+            .attr('text-anchor', 'middle')
+            .attr('font-size', '11px')
+            .attr('fill', '#666')
+            .text(`측정값${this.unit ? ` (${this.unit})` : ''}`);
+        g.append('text')
+            .attr('transform', 'rotate(-90)')
+            .attr('x', -plotH / 2)
+            .attr('y', -40)
+            .attr('text-anchor', 'middle')
+            .attr('font-size', '11px')
+            .attr('fill', '#666')
+            .text('성과 점수');
+        // 현재 값 표시
+        if (this.value !== null && this.value !== undefined) {
+            // 점수는 백엔드 저장값(this.score)을 우선 사용 — 차트가 다른 방식으로
+            // 점수를 재계산하지 않도록. 저장값이 없을 때만 보간으로 대체.
+            const currentScore = (_a = this.score) !== null && _a !== void 0 ? _a : this.interpolateScore(points, this.value);
+            if (currentScore !== null) {
+                const cx = xScale(this.value);
+                const cy = yScale(currentScore);
+                // 가이드 라인
+                g.append('line')
+                    .attr('x1', cx).attr('x2', cx)
+                    .attr('y1', cy).attr('y2', plotH)
+                    .attr('stroke', '#e53935').attr('stroke-width', 1).attr('stroke-dasharray', '3,3');
+                g.append('line')
+                    .attr('x1', 0).attr('x2', cx)
+                    .attr('y1', cy).attr('y2', cy)
+                    .attr('stroke', '#e53935').attr('stroke-width', 1).attr('stroke-dasharray', '3,3');
+                // 현재 값 포인트 + 툴팁
+                const tooltip = svg.append('g')
+                    .attr('class', 'tooltip-group')
+                    .attr('visibility', 'hidden');
+                const tipRect = tooltip.append('rect')
+                    .attr('rx', 4).attr('ry', 4)
+                    .attr('fill', 'rgba(33,33,33,0.9)')
+                    .attr('stroke', '#e53935').attr('stroke-width', 1);
+                const tipText1 = tooltip.append('text')
+                    .attr('fill', '#fff').attr('font-size', '11px').attr('font-weight', '600');
+                const tipText2 = tooltip.append('text')
+                    .attr('fill', '#ccc').attr('font-size', '10px');
+                const tipContent1 = `현재 프로젝트`;
+                const tipContent2 = `측정값: ${this.value.toFixed(4)}${this.unit}  |  성과 점수: ${currentScore.toFixed(4)}`;
+                tipText1.text(tipContent1);
+                tipText2.text(tipContent2);
+                const tipW = Math.max(tipContent1.length, tipContent2.length) * 6.5 + 20;
+                const tipH = 40;
+                const tipX = Math.min(cx + margin.left + 12, w - tipW - 5);
+                const tipY = Math.max(cy + margin.top - tipH - 10, 5);
+                tipRect.attr('x', tipX).attr('y', tipY).attr('width', tipW).attr('height', tipH);
+                tipText1.attr('x', tipX + 8).attr('y', tipY + 15);
+                tipText2.attr('x', tipX + 8).attr('y', tipY + 30);
+                g.append('circle')
+                    .attr('cx', cx).attr('cy', cy)
+                    .attr('r', 7)
+                    .attr('fill', '#e53935').attr('stroke', '#fff').attr('stroke-width', 2)
+                    .style('cursor', 'pointer')
+                    .on('mouseenter', () => tooltip.attr('visibility', 'visible'))
+                    .on('mouseleave', () => tooltip.attr('visibility', 'hidden'));
+                // 측정값/성과 점수 상단 헤더 주석은 제거 (값은 마커 hover 툴팁으로 확인).
+            }
+        }
+        // 제목은 차트 외부에서 표시하므로 차트 내부에는 미표시
+    }
+    /** 1~5 평가형 KPI: 5단계 세그먼트 바 */
+    renderAssessmentGauge(svg) {
+        const w = this.chartWidth || 400;
+        const h = this.chartHeight || 200;
+        const currentScore = this.value !== null && this.value !== undefined ? Math.round(this.value) : 0;
+        // 제목은 차트 외부에서 표시하므로 차트 내부에는 미표시
+        const barY = h * 0.4;
+        const barH = 36;
+        const barMargin = 40;
+        const barW = w - barMargin * 2;
+        const segW = barW / 5;
+        const colors = ['#ef5350', '#ff9800', '#ffca28', '#66bb6a', '#2e7d32'];
+        const labels = ['1', '2', '3', '4', '5'];
+        // 5개 세그먼트
+        for (let i = 0; i < 5; i++) {
+            const x = barMargin + i * segW;
+            const isActive = currentScore === i + 1;
+            // 배경
+            svg.append('rect')
+                .attr('x', x + 2).attr('y', barY)
+                .attr('width', segW - 4).attr('height', barH)
+                .attr('rx', 6)
+                .attr('fill', isActive ? colors[i] : '#e0e0e0')
+                .attr('opacity', isActive ? 1 : 0.4);
+            // 숫자 라벨
+            svg.append('text')
+                .attr('x', x + segW / 2).attr('y', barY + barH / 2 + 5)
+                .attr('text-anchor', 'middle')
+                .attr('font-size', isActive ? '16px' : '13px')
+                .attr('font-weight', isActive ? 'bold' : 'normal')
+                .attr('fill', isActive ? '#fff' : '#999')
+                .text(labels[i]);
+            // 설명 라벨 (아래)
+            const descLabels = ['매우 미흡', '미흡', '보통', '양호', '우수'];
+            svg.append('text')
+                .attr('x', x + segW / 2).attr('y', barY + barH + 18)
+                .attr('text-anchor', 'middle')
+                .attr('font-size', '10px')
+                .attr('fill', isActive ? colors[i] : '#bbb')
+                .text(descLabels[i]);
+        }
+        // 현재 점수 강조
+        if (currentScore >= 1 && currentScore <= 5) {
+            const activeX = barMargin + (currentScore - 1) * segW;
+            // 위쪽 화살표
+            svg.append('text')
+                .attr('x', activeX + segW / 2).attr('y', barY - 8)
+                .attr('text-anchor', 'middle')
+                .attr('font-size', '14px').attr('font-weight', 'bold')
+                .attr('fill', colors[currentScore - 1])
+                .text(`${currentScore}점`);
+        }
+        else if (this.value !== null) {
+            svg.append('text')
+                .attr('x', w / 2).attr('y', barY - 8)
+                .attr('text-anchor', 'middle')
+                .attr('font-size', '13px').attr('fill', '#e53935')
+                .text(`Value: ${this.value}`);
+        }
+    }
+    /** grades에서 중간값(x) → score 포인트 배열 생성 */
+    buildMidpoints(grades) {
+        var _a;
+        const points = [];
+        for (let i = 0; i < grades.length; i++) {
+            const g = grades[i];
+            const score = (_a = g.score) !== null && _a !== void 0 ? _a : 0;
+            const isLast = g.maxValue >= 99999;
+            if (g.minValue === g.maxValue) {
+                const prevMax = i > 0 ? grades[i - 1].maxValue : 0;
+                points.push({ x: (prevMax + g.maxValue) / 2, score, rangeMin: prevMax, rangeMax: g.maxValue, isLast: false });
+            }
+            else if (isLast) {
+                points.push({ x: g.minValue, score, rangeMin: g.minValue, rangeMax: g.minValue, isLast: true });
+            }
+            else {
+                points.push({ x: (g.minValue + g.maxValue) / 2, score, rangeMin: g.minValue, rangeMax: g.maxValue, isLast: false });
+            }
+        }
+        return points;
+    }
+    /** 포인트 배열에서 value에 대한 score를 선형 보간 */
+    interpolateScore(points, value) {
+        if (points.length === 0)
+            return null;
+        if (points.length === 1)
+            return points[0].score;
+        // value가 범위 밖인 경우
+        if (value <= points[0].x)
+            return points[0].score;
+        if (value >= points[points.length - 1].x)
+            return points[points.length - 1].score;
+        // 두 포인트 사이에서 보간
+        for (let i = 0; i < points.length - 1; i++) {
+            if (value >= points[i].x && value <= points[i + 1].x) {
+                const t = (value - points[i].x) / (points[i + 1].x - points[i].x);
+                return points[i].score + t * (points[i + 1].score - points[i].score);
+            }
+        }
+        return points[points.length - 1].score;
+    }
+};
+KpiLookupChart.styles = css `
+    :host {
+      display: block;
+      width: 100%;
+      height: 100%;
+      min-height: 200px;
+    }
+    svg {
+      width: 100%;
+      height: 100%;
+      display: block;
+    }
+  `;
+__decorate([
+    property({ type: Array }),
+    __metadata("design:type", Array)
+], KpiLookupChart.prototype, "grades", void 0);
+__decorate([
+    property({ type: Number }),
+    __metadata("design:type", Object)
+], KpiLookupChart.prototype, "value", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], KpiLookupChart.prototype, "unit", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], KpiLookupChart.prototype, "kpiName", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Boolean)
+], KpiLookupChart.prototype, "showDots", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], KpiLookupChart.prototype, "scoreType", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], KpiLookupChart.prototype, "valueType", void 0);
+__decorate([
+    property({ type: Number }),
+    __metadata("design:type", Object)
+], KpiLookupChart.prototype, "score", void 0);
+KpiLookupChart = __decorate([
+    customElement('kpi-lookup-chart')
+], KpiLookupChart);
+export { KpiLookupChart };
+//# sourceMappingURL=kpi-lookup-chart.js.map