npm - @things-factory/kpi - Versions diffs - 10.1.248 → 10.1.250 - Mend

@things-factory/kpi 10.1.248 → 10.1.250

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 (409) hide show

package/dist-client/pages/kpi-dashboard/kpi-dashboard.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"kpi-dashboard.js","sourceRoot":"","sources":["../../../client/pages/kpi-dashboard/kpi-dashboard.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,KAAK,CAAA;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzC,OAAO,4BAA4B,CAAA;AAEnC,OAAO,2BAA2B,CAAA;AAClC,OAAO,2BAA2B,CAAA;AAClC,OAAO,sBAAsB,CAAA;AAC7B,OAAO,oBAAoB,CAAA;AAC3B,OAAO,mBAAmB,CAAA;AAC1B,OAAO,mBAAmB,CAAA;AAC1B,OAAO,8BAA8B,CAAA;AACrC,OAAO,gCAAgC,CAAA;AAEvC,oBAAoB;AACpB,OAAO,yBAAyB,CAAA;AAChC,OAAO,+BAA+B,CAAA;AACtC,OAAO,+BAA+B,CAAA;AAG/B,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,QAAQ;IAAvC;;QAsFI,eAAU,GAAU,EAAE,CAAA;QACtB,YAAO,GAAG,IAAI,CAAA;QACd,UAAK,GAAG,EAAE,CAAA;QACV,WAAM,GAAU,EAAE,CAAA;QAClB,qBAAgB,GAAY,KAAK,CAAA;QACjC,mBAAc,GAAU,EAAE,CAAA;QAC1B,iBAAY,GAAW,EAAE,CAAA;QACzB,kBAAa,GAAU,EAAE,CAAA,CAAC,gBAAgB;QAC1C,sBAAiB,GAAG,IAAI,CAAA,CAAC,eAAe;QACxC,uBAAkB,GAAW,OAAO,CAAA,CAAC,wBAAwB;QAC7D,sBAAiB,GAAW,EAAE,CAAA,CAAC,WAAW;IAiwBrD,CAAC;aAh2BQ,WAAM,GAAG;QACd,eAAe;QACf,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgFF;KACF,AAnFY,CAmFZ;IAcD,wBAAwB;IACxB,IAAY,YAAY;QACtB,MAAM,GAAG,GAAG,IAAI,IAAI,EAAE,CAAA;QACtB,MAAM,IAAI,GAAG,GAAG,CAAC,WAAW,EAAE,CAAA;QAC9B,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAA;QACzD,OAAO,GAAG,IAAI,IAAI,KAAK,EAAE,CAAA;IAC3B,CAAC;IAED,kBAAkB;IAClB,IAAY,qBAAqB;QAC/B,IAAI,CAAC,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,aAAa,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO,EAAE,CAAA;QAErE,OAAO,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,UAAU,KAAK,OAAO,IAAI,IAAI,CAAC,SAAS,KAAK,IAAI,CAAC,iBAAiB,CAAC,CAAA;IACpH,CAAC;IAED,4BAA4B;IAC5B,IAAY,oBAAoB;QAC9B,OAAO,CAAC,OAAO,CAAC,CAAA;IAClB,CAAC;IAED,uBAAuB;IACvB,IAAY,mBAAmB;QAC7B,IAAI,CAAC,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,aAAa,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO,EAAE,CAAA;QAErE,MAAM,UAAU,GAAG,IAAI,GAAG,EAAU,CAAA;QACpC,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YAChC,IAAI,IAAI,CAAC,UAAU,KAAK,OAAO,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;gBAClD,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;YAChC,CAAC;QACH,CAAC,CAAC,CAAA;QAEF,OAAO,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,IAAI,EAAE,CAAC,OAAO,EAAE,CAAA,CAAC,aAAa;IAC9D,CAAC;IAED,WAAW;IACX,IAAY,iBAAiB;QAC3B,MAAM,aAAa,GAAG,IAAI,CAAC,qBAAqB,CAAA;QAChD,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO,IAAI,CAAA;QAE3C,MAAM,SAAS,GAAG,aAAa,CAAC,MAAM,CAAA;QACtC,MAAM,UAAU,GAAG,IAAI,GAAG,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,EAAE,QAAQ,EAAE,IAAI,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAA;QACzF,MAAM,eAAe,GAAG,UAAU,CAAC,IAAI,CAAA;QAEvC,MAAM,KAAK,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAA;QACpE,MAAM,OAAO,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAA;QACxE,MAAM,OAAO,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,iBAAiB,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAA;QAEnF,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAA;QACtF,MAAM,SAAS,GAAG,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAA;QAC9F,MAAM,SAAS,GAAG,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAA;QAE9F,OAAO;YACL,SAAS;YACT,eAAe;YACf,OAAO,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;YAC3B,SAAS,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC;YAC/B,SAAS,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC;YAC/B,UAAU,EAAE,IAAI,CAAC,kBAAkB;YACnC,SAAS,EAAE,IAAI,CAAC,iBAAiB;SAClC,CAAA;IACH,CAAC;IAED,qCAAqC;IAC7B,mBAAmB,CAAC,KAAY;QACtC,2BAA2B;IAC7B,CAAC;IAED,YAAY;IACJ,kBAAkB,CAAC,KAAY;QACrC,MAAM,MAAM,GAAG,KAAK,CAAC,MAA2B,CAAA;QAChD,IAAI,CAAC,iBAAiB,GAAG,MAAM,CAAC,KAAK,CAAA;IACvC,CAAC;IAED,mCAAmC;IACnC,IAAY,gBAAgB;QAC1B,MAAM,aAAa,GAAG,IAAI,CAAC,qBAAqB,CAAA;QAChD,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO,EAAE,CAAA;QAEzC,oBAAoB;QACpB,MAAM,aAAa,GAAG,IAAI,GAAG,EAAiB,CAAA;QAE9C,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YAC3B,IAAI,IAAI,CAAC,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;gBAC7B,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAA;gBAC3C,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,YAAY,CAAC,EAAE,CAAC;oBACrC,aAAa,CAAC,GAAG,CAAC,YAAY,EAAE,EAAE,CAAC,CAAA;gBACrC,CAAC;gBACD,aAAa,CAAC,GAAG,CAAC,YAAY,CAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;YAC7C,CAAC;QACH,CAAC,CAAC,CAAA;QAEF,4BAA4B;QAC5B,MAAM,MAAM,GAAU,EAAE,CAAA;QACxB,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC,CAAA;QAEnD,UAAU,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;YAC5B,MAAM,KAAK,GAAG,aAAa,CAAC,GAAG,CAAC,QAAQ,CAAE,CAAA;YAC1C,MAAM,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAA;YAC5D,MAAM,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAA;YAChE,MAAM,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,iBAAiB,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAA;YAE3E,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBACrB,MAAM,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,CAAA;YAChG,CAAC;YACD,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBACvB,MAAM,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,CAAA;YACrG,CAAC;YACD,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBACvB,MAAM,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,CAAA;YACtG,CAAC;QACH,CAAC,CAAC,CAAA;QAEF,OAAO,MAAM,CAAA;IACf,CAAC;IAED,IAAY,sBAAsB;QAChC,MAAM,aAAa,GAAG,IAAI,CAAC,qBAAqB,CAAA;QAChD,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO,EAAE,CAAA;QAEzC,MAAM,UAAU,GAAG,IAAI,GAAG,EAAU,CAAA;QACpC,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YAC3B,IAAI,IAAI,CAAC,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;gBAC7B,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;YACxC,CAAC;QACH,CAAC,CAAC,CAAA;QAEF,OAAO,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;IAC/B,CAAC;IAED,IAAY,kBAAkB;QAC5B,OAAO,CAAC,IAAI,EAAE,KAAK,EAAE,MAAM,CAAC,CAAA;IAC9B,CAAC;IAED,iCAAiC;IACjC,IAAY,kBAAkB;QAC5B,MAAM,aAAa,GAAG,IAAI,CAAC,qBAAqB,CAAA;QAChD,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO,EAAE,CAAA;QAEzC,oBAAoB;QACpB,MAAM,aAAa,GAAG,IAAI,GAAG,EAAiB,CAAA;QAE9C,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YAC3B,IAAI,IAAI,CAAC,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;gBAC7B,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAA;gBAC3C,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,YAAY,CAAC,EAAE,CAAC;oBACrC,aAAa,CAAC,GAAG,CAAC,YAAY,EAAE,EAAE,CAAC,CAAA;gBACrC,CAAC;gBACD,aAAa,CAAC,GAAG,CAAC,YAAY,CAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;YAC7C,CAAC;QACH,CAAC,CAAC,CAAA;QAEF,MAAM,MAAM,GAAU,EAAE,CAAA;QACxB,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC,CAAA;QAEnD,UAAU,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;YAC5B,MAAM,KAAK,GAAG,aAAa,CAAC,GAAG,CAAC,QAAQ,CAAE,CAAA;YAE1C,kBAAkB;YAClB,MAAM,QAAQ,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAA;YAC/D,MAAM,UAAU,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAA;YACnE,MAAM,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAA;YACjE,MAAM,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAA;YACjE,MAAM,MAAM,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAA;YACrE,MAAM,MAAM,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAA;YAErE,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBACxB,MAAM,WAAW,GAAG,CAAC,GAAG,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAA;gBACvD,MAAM,GAAG,GAAG,WAAW,CAAC,CAAC,CAAC,CAAA;gBAC1B,MAAM,GAAG,GAAG,WAAW,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;gBAC/C,MAAM,IAAI,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAA;gBAClE,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA;gBAEvG,MAAM,EAAE,GAAG,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAA;gBAC1D,MAAM,EAAE,GAAG,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAA;gBAEhE,MAAM,CAAC,IAAI,CAAC;oBACV,KAAK,EAAE,QAAQ;oBACf,GAAG;oBACH,EAAE;oBACF,MAAM;oBACN,EAAE;oBACF,GAAG;oBACH,IAAI;oBACJ,KAAK,EAAE,IAAI,CAAC,eAAe;iBAC5B,CAAC,CAAA;YACJ,CAAC;QACH,CAAC,CAAC,CAAA;QAEF,OAAO,MAAM,CAAA;IACf,CAAC;IAED,IAAY,oBAAoB;QAC9B,MAAM,aAAa,GAAG,IAAI,CAAC,qBAAqB,CAAA;QAChD,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO,EAAE,CAAA;QAEzC,MAAM,UAAU,GAAG,IAAI,GAAG,EAAU,CAAA;QACpC,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YAC3B,IAAI,IAAI,CAAC,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;gBAC7B,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;YACxC,CAAC;QACH,CAAC,CAAC,CAAA;QAEF,OAAO,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;IAC/B,CAAC;IAED,IAAY,mBAAmB;QAC7B,OAAO,IAAI,CAAA;IACb,CAAC;IAED,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAA;QACzB,IAAI,CAAC,eAAe,EAAE,CAAA;QACtB,IAAI,CAAC,kBAAkB,EAAE,CAAA;IAC3B,CAAC;IAED,WAAW,CAAC,OAAY,EAAE,SAAc;QACtC,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YAChB,IAAI,CAAC,eAAe,EAAE,CAAA;YACtB,IAAI,CAAC,kBAAkB,EAAE,CAAA;QAC3B,CAAC;IACH,CAAC;IAED,KAAK,CAAC,eAAe;QACnB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAA;QACnB,IAAI,CAAC,KAAK,GAAG,EAAE,CAAA;QACf,IAAI,CAAC;YACH,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;gBAClC,KAAK,EAAE,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAoCT;aACF,CAAC,CAAA;YACF,IAAI,CAAC,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,aAAa,IAAI,EAAE,CAAA;YACnD,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,SAAS,IAAI,EAAE,CAAA;QAC7C,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC;YACX,IAAI,CAAC,KAAK,GAAG,2BAA2B,CAAA;QAC1C,CAAC;gBAAS,CAAC;YACT,IAAI,CAAC,OAAO,GAAG,KAAK,CAAA;QACtB,CAAC;IACH,CAAC;IAED,KAAK,CAAC,kBAAkB;QACtB,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAA;QAC7B,IAAI,CAAC;YACH,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;gBAClC,KAAK,EAAE,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAmCT;aACF,CAAC,CAAA;YACF,IAAI,CAAC,aAAa,GAAG,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAC,KAAK,IAAI,EAAE,CAAA;YAE5D,iBAAiB;YACjB,MAAM,YAAY,GAAG,IAAI,CAAC,YAAY,CAAA;YACtC,MAAM,cAAc,GAAG,IAAI,CAAC,mBAAmB,CAAA;YAE/C,IAAI,cAAc,CAAC,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC;gBAC1C,yBAAyB;gBACzB,IAAI,CAAC,iBAAiB,GAAG,YAAY,CAAA;YACvC,CAAC;iBAAM,IAAI,cAAc,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBACrC,8BAA8B;gBAC9B,IAAI,CAAC,iBAAiB,GAAG,cAAc,CAAC,CAAC,CAAC,CAAA;YAC5C,CAAC;iBAAM,CAAC;gBACN,oBAAoB;gBACpB,IAAI,CAAC,iBAAiB,GAAG,YAAY,CAAA;YACvC,CAAC;QACH,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC;YACX,OAAO,CAAC,KAAK,CAAC,yBAAyB,EAAE,CAAC,CAAC,CAAA;QAC7C,CAAC;gBAAS,CAAC;YACT,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAA;QAChC,CAAC;IACH,CAAC;IAED,KAAK,CAAC,gBAAgB,CAAC,GAAG;QACxB,yBAAyB;QACzB,IAAI,CAAC;YACH,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;gBAClC,KAAK,EAAE,GAAG,CAAA;;;;;;;;;;;;;SAaT;gBACD,SAAS,EAAE,EAAE,KAAK,EAAE,GAAG,CAAC,EAAE,EAAE;aAC7B,CAAC,CAAA;YACF,IAAI,CAAC,cAAc,GAAG,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,SAAS,IAAI,EAAE,CAAA;YACvD,IAAI,CAAC,YAAY,GAAG,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,IAAI,EAAE,CAAA;YAChD,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAA;QAC9B,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC;YACX,KAAK,CAAC,qBAAqB,CAAC,CAAA;QAC9B,CAAC;IACH,CAAC;IACD,iBAAiB;QACf,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAA;QAC7B,IAAI,CAAC,cAAc,GAAG,EAAE,CAAA;QACxB,IAAI,CAAC,YAAY,GAAG,EAAE,CAAA;IACxB,CAAC;IAED,eAAe,CAAC,GAAQ;QACtB,MAAM,QAAQ,GAAG,GAAG,CAAC,KAAK,EAAE,KAAK,IAAI,CAAC,CAAA;QACtC,MAAM,WAAW,GAAG,GAAG,CAAC,WAAW,IAAI,GAAG,CAAA;QAC1C,MAAM,IAAI,GAAG,GAAG,CAAC,IAAI,IAAI,EAAE,CAAA;QAC3B,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,IAAI,MAAM,CAAA;QACrC,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,IAAI,EAAE,CAAA;QACjC,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,IAAI,SAAS,CAAA;QACxC,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,IAAI,aAAa,CAAA;QAC1C,MAAM,QAAQ,GAAG,OAAO,CAAC,QAAQ,IAAI,CAAC,CAAA;QACtC,MAAM,QAAQ,GAAG,OAAO,CAAC,QAAQ,IAAI,GAAG,CAAA;QACxC,MAAM,aAAa,GAAG,OAAO,CAAC,aAAa,IAAI,CAAC,CAAA;QAEhD,MAAM,cAAc,GAAG,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAA;QAEhG,QAAQ,OAAO,EAAE,CAAC;YAChB,KAAK,OAAO;gBACV,MAAM,eAAe,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,GAAG,QAAQ,CAAC,GAAG,CAAC,QAAQ,GAAG,QAAQ,CAAC,CAAC,GAAG,GAAG,EAAE,GAAG,CAAC,CAAA;gBAC5F,OAAO,IAAI,CAAA;;;qGAGkF,KAAK,SAAS,eAAe;oBACpH,GAAG,gBAAgB,eAAe,GAAG,GAAG;;;gIAG0E,KAAK;;kBAEnH,cAAc,GAAG,IAAI;;;;SAI9B,CAAA;YAEH,KAAK,UAAU;gBACb,MAAM,kBAAkB,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,GAAG,QAAQ,CAAC,GAAG,CAAC,QAAQ,GAAG,QAAQ,CAAC,CAAC,GAAG,GAAG,EAAE,GAAG,CAAC,CAAA;gBAC/F,OAAO,IAAI,CAAA;;;uCAGoB,KAAK,sBAAsB,kBAAkB;;kFAEF,KAAK;gBACvE,cAAc,GAAG,IAAI;;;SAG5B,CAAA;YAEH,KAAK,MAAM;gBACT,OAAO,IAAI,CAAA;;oCAEiB,KAAK,qBAAqB,IAAI;kEACA,KAAK,qBAAqB,cAAc,GAAG,IAAI;;SAExG,CAAA;YAEH,KAAK,aAAa;gBAChB,MAAM,gBAAgB,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,GAAG,QAAQ,CAAC,GAAG,CAAC,QAAQ,GAAG,QAAQ,CAAC,CAAC,GAAG,GAAG,EAAE,GAAG,CAAC,CAAA;gBAC7F,OAAO,IAAI,CAAA;;;;;;sEAMmD,gBAAgB,gBAAgB,KAAK;;;kEAGzC,KAAK,qBAAqB,cAAc,GAAG,IAAI;;SAExG,CAAA;YAEH,KAAK,aAAa;gBAChB,MAAM,eAAe,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,GAAG,QAAQ,CAAC,GAAG,CAAC,QAAQ,GAAG,QAAQ,CAAC,CAAC,GAAG,GAAG,EAAE,GAAG,CAAC,CAAA;gBAC5F,MAAM,KAAK,GAAG,CAAC,eAAe,GAAG,GAAG,CAAC,GAAG,GAAG,GAAG,EAAE,CAAA,CAAC,eAAe;gBAChE,OAAO,IAAI,CAAA;;;qGAGkF,KAAK,WAAW,KAAK,gBAAgB,KAAK;;;gIAGf,KAAK;;kBAEnH,cAAc,GAAG,IAAI;;;;SAI9B,CAAA;YAEH,KAAK,QAAQ;gBACX,MAAM,gBAAgB,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,GAAG,QAAQ,CAAC,GAAG,CAAC,QAAQ,GAAG,QAAQ,CAAC,CAAC,GAAG,GAAG,EAAE,GAAG,CAAC,CAAA;gBAC7F,MAAM,gBAAgB,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,WAAW,GAAG,QAAQ,CAAC,GAAG,CAAC,QAAQ,GAAG,QAAQ,CAAC,CAAC,GAAG,GAAG,EAAE,GAAG,CAAC,CAAA;gBAChG,OAAO,IAAI,CAAA;;;uCAGoB,KAAK,sBAAsB,gBAAgB;;sDAE5B,gBAAgB;;;kFAGY,KAAK;gBACvE,cAAc,GAAG,IAAI;;;SAG5B,CAAA;YAEH,KAAK,MAAM;gBACT,OAAO,IAAI,CAAA;;kEAE+C,KAAK,MAAM,cAAc,GAAG,IAAI;;SAEzF,CAAA;YAEH,KAAK,OAAO;gBACV,OAAO,IAAI,CAAA;;;wEAGqD,KAAK;iBAC5D,cAAc,GAAG,IAAI;;;SAG7B,CAAA;YAEH,SAAS,4CAA4C;gBACnD,OAAO,IAAI,CAAA,2BAA2B,cAAc,GAAG,IAAI,SAAS,CAAA;QACxE,CAAC;IACH,CAAC;IAED,IAAI,OAAO;QACT,OAAO;YACL,KAAK,EAAE,UAAU;YACjB,WAAW,EAAE,sCAAsC;SAC7C,CAAA;IACV,CAAC;IAED,MAAM;QACJ,IAAI,IAAI,CAAC,OAAO;YAAE,OAAO,OAAO,CAAA;QAChC,IAAI,IAAI,CAAC,KAAK;YAAE,OAAO,IAAI,CAAA,QAAQ,IAAI,CAAC,KAAK,QAAQ,CAAA;QACrD,OAAO,IAAI,CAAA;;;;;;;;;;;;;;;;2BAgBY,IAAI,CAAC,iBAAiB;4BACrB,IAAI,CAAC,kBAAkB;;;oBAG/B,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAC5B,IAAI,CAAC,EAAE,CAAC,IAAI,CAAA,kBAAkB,IAAI,KAAK,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,WAAW,CACnG;;;gBAGH,IAAI,CAAC,iBAAiB;YACtB,CAAC,CAAC,IAAI,CAAA;;;sCAGgB,IAAI,CAAC,iBAAiB,CAAC,SAAS;;;uCAG/B,IAAI,CAAC,iBAAiB,CAAC,eAAe;;;qCAGxC,IAAI,CAAC,iBAAiB,CAAC,OAAO;;;sCAG7B,IAAI,CAAC,iBAAiB,CAAC,SAAS;;;uCAG/B,IAAI,CAAC,iBAAiB,CAAC,SAAS;;;mBAGpD;YACH,CAAC,CAAC,OAAO;;;;;;;gBAOT,IAAI,CAAC,iBAAiB;YACtB,CAAC,CAAC,IAAI,CAAA;;yBAEG;YACT,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC,MAAM,GAAG,CAAC;gBAChC,CAAC,CAAC,IAAI,CAAA;8BACM,IAAI,CAAC,gBAAgB;oCACf,IAAI,CAAC,sBAAsB;sCACzB,IAAI;wCACF;gBACtB,CAAC,CAAC,IAAI,CAAA;;2BAEG;;;;;;;;;;;gBAWX,IAAI,CAAC,iBAAiB;YACtB,CAAC,CAAC,IAAI,CAAA;;yBAEG;YACT,CAAC,CAAC,IAAI,CAAC,kBAAkB,CAAC,MAAM,GAAG,CAAC;gBAClC,CAAC,CAAC,IAAI,CAAA;8BACM,IAAI,CAAC,kBAAkB;gCACrB,IAAI,CAAC,oBAAoB;sCACnB,IAAI;0CACA;gBACxB,CAAC,CAAC,IAAI,CAAA;;2BAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UA6CjB,IAAI,CAAC,gBAAgB;YACrB,CAAC,CAAC,IAAI,CAAA;;;;;;;;sBAQM,IAAI,CAAC,YAAY;;;sBAGjB,IAAI,CAAC,cAAc,CAAC,MAAM,KAAK,CAAC;gBAChC,CAAC,CAAC,IAAI,CAAA,wCAAwC;gBAC9C,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,GAAG,CACrB,CAAC,CAAC,EAAE,CACF,IAAI,CAAA;iCACC,CAAC,CAAC,OAAO,KAAK,CAAC,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,OAAO,EAAE,IAAI,IAAI,EAAE;kCACrE,CACT;;6EAEoD,GAAG,EAAE,CAAC,IAAI,CAAC,iBAAiB,EAAE;;;;;aAK9F;YACH,CAAC,CAAC,OAAO;UACT,IAAI,CAAC,UAAU,CAAC,GAAG,CACnB,GAAG,CAAC,EAAE,CAAC,IAAI,CAAA;;4CAEuB,GAAG,CAAC,IAAI;;kBAElC,CAAC,GAAG,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,GAAG,CACpB,GAAG,CAAC,EAAE,CAAC,IAAI,CAAA;;8CAEiB,GAAG,CAAC,IAAI;wBAC9B,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC;oDACG,GAAG,CAAC,WAAW,IAAI,GAAG,GAAG,GAAG,CAAC,IAAI,IAAI,EAAE;;;;0BAIjE,CAAC,GAAG,EAAE;YACN,MAAM,MAAM,GAAG,GAAG,CAAC,MAAM,IAAI,EAAE,CAAA;YAC/B,MAAM,QAAQ,GAAG,GAAG,CAAC,KAAK,EAAE,KAAK,CAAA;YAEjC,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBACtB,+BAA+B;gBAC/B,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,QAAQ,IAAI,CAAC,CAAC,QAAQ,IAAI,QAAQ,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAA;gBACvF,IAAI,YAAY,EAAE,CAAC;oBACjB,OAAO,IAAI,CAAA;8HACqF,YAAY,CAAC,KAAK;wBAChH,SAAS,yGAAyG,YAAY,CAAC,KAAK;wBACpI,SAAS;mCACN,YAAY,CAAC,IAAI,IAAI,YAAY,CAAC,QAAQ,IAAI,YAAY,CAAC,QAAQ,GAAG,GAAG,CAAC,IAAI;wBACjF,EAAE;kCACA,YAAY,CAAC,KAAK,IAAI,EAAE;gCAC1B,CAAA;gBACJ,CAAC;qBAAM,CAAC;oBACN,OAAO,IAAI,CAAA,yDAAyD,CAAA;gBACtE,CAAC;YACH,CAAC;iBAAM,CAAC;gBACN,+BAA+B;gBAC/B,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;oBACpB,MAAM,cAAc,GAAG,QAAQ,IAAI,CAAC,CAAC,QAAQ,IAAI,QAAQ,IAAI,CAAC,CAAC,QAAQ,CAAA;oBACvE,OAAO,IAAI,CAAA;uFAC8C,cAAc;wBACnE,CAAC,CAAC,UAAU;wBACZ,CAAC,CAAC,SAAS,kBAAkB,cAAc;wBAC3C,CAAC,CAAC,MAAM;wBACR,CAAC,CAAC,KAAK,eAAe,cAAc;wBACpC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,SAAS,CAAC;wBACxB,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,MAAM,CAAC,UAAU,cAAc;wBAC7C,CAAC,CAAC,OAAO;wBACT,CAAC,CAAC,MAAM,cAAc,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,gBAAgB,cAAc;wBACrF,CAAC,CAAC,MAAM;wBACR,CAAC,CAAC,QAAQ,eAAe,cAAc;wBACvC,CAAC,CAAC,+BAA+B;wBACjC,CAAC,CAAC,MAAM,WAAW,cAAc,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,KAAK,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,MAAM;mCAC/E,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,QAAQ,GAAG,GAAG,CAAC,IAAI,IAAI,EAAE,KAAK,CAAC,CAAC,KAAK,IAAI,EAAE;gCACxE,CAAA;gBACJ,CAAC,CAAC,CAAA;YACJ,CAAC;QACH,CAAC,CAAC,EAAE;;;;;0BAKF,GAAG,CAAC,SAAS,IAAI,GAAG,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC;YACzC,CAAC,CAAC,IAAI,CAAA;kCACE,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,OAAO,KAAK,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,EAAE;gCAC7E,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE,IAAI,IAAI,EAAE;8BACtC;YACJ,CAAC,CAAC,IAAI,CAAA,oCAAoC;;;mCAGjC,GAAG,EAAE,CAAC,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC;;;;;;;0BAOzC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,EAAE,EAAE,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC;YACxD,CAAC,CAAC,IAAI,CAAC,MAAM;iBACR,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,EAAE,EAAE,KAAK,GAAG,CAAC,EAAE,CAAC;iBACjC,GAAG,CACF,CAAC,CAAC,EAAE,CACF,IAAI,CAAA;gIAC0F,CAAC,CAAC,KAAK;gBACnG,UAAU;gBACR,CAAC,CAAC,SAAS;gBACX,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,SAAS;oBACrB,CAAC,CAAC,SAAS;oBACX,CAAC,CAAC,SAAS;uCACZ,CAAC,CAAC,OAAO;oCACZ,CACL;YACL,CAAC,CAAC,IAAI,CAAA,+DAA+D;;;mBAG5E,CACF;;;WAGN,CACF;;KAEJ,CAAA;IACH,CAAC;;AA1wBQ;IAAR,KAAK,EAAE;;oDAAuB;AACtB;IAAR,KAAK,EAAE;;iDAAe;AACd;IAAR,KAAK,EAAE;;+CAAW;AACV;IAAR,KAAK,EAAE;;gDAAmB;AAClB;IAAR,KAAK,EAAE;;0DAAkC;AACjC;IAAR,KAAK,EAAE;;wDAA2B;AAC1B;IAAR,KAAK,EAAE;;sDAA0B;AACzB;IAAR,KAAK,EAAE;;uDAA0B;AACzB;IAAR,KAAK,EAAE;;2DAAyB;AACxB;IAAR,KAAK,EAAE;;4DAAqC;AACpC;IAAR,KAAK,EAAE;;2DAA+B;AAhG5B,gBAAgB;IAD5B,aAAa,CAAC,eAAe,CAAC;GAClB,gBAAgB,CAi2B5B","sourcesContent":["import { html, css, nothing } from 'lit'\nimport { customElement } from 'lit/decorators.js'\nimport { PageView } from '@operato/shell'\nimport { ScrollbarStyles } from '@operato/styles'\nimport { client } from '@operato/graphql'\nimport gql from 'graphql-tag'\nimport { state } from 'lit/decorators.js'\nimport '@material/web/icon/icon.js'\n\nimport './kpi-performance-summary'\nimport './kpi-grade-visualization'\nimport './kpi-history-viewer'\nimport './kpi-list-summary'\nimport './kpi-value-entry'\nimport './kpi-alert-panel'\nimport '../../charts/kpi-radar-chart'\nimport '../../charts/kpi-boxplot-chart'\n\n// 3레벨 KPI 플로팅 컴포넌트들\nimport './cards/kpi-level1-card'\nimport './cards/kpi-level2-comparison'\nimport './cards/kpi-level3-comparison'\n\n@customElement('kpi-dashboard')\nexport class KpiDashboardPage extends PageView {\n static styles = [\n ScrollbarStyles,\n css`\n :host {\n display: flex;\n flex-direction: column;\n overflow-y: auto;\n }\n .dashboard-root {\n flex: 1;\n padding: 24px;\n }\n .charts-section {\n display: flex;\n flex-direction: column;\n gap: 40px;\n margin-bottom: 48px;\n align-items: flex-start;\n }\n .chart-card {\n background: #fff;\n border-radius: 12px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);\n border: 1px solid #ececec;\n padding: 24px 32px;\n min-width: 340px;\n flex: 1;\n display: flex;\n flex-direction: column;\n align-items: stretch;\n min-height: 500px;\n }\n .chart-title {\n font-size: 1.1rem;\n font-weight: bold;\n margin-bottom: 12px;\n }\n .chart-container {\n width: 100%;\n height: 340px;\n min-height: 340px;\n }\n .category-section {\n margin-bottom: 40px;\n }\n .category-title {\n font-size: 1.3rem;\n font-weight: bold;\n margin-bottom: 16px;\n }\n .kpi-cards {\n display: flex;\n gap: 24px;\n flex-wrap: wrap;\n }\n .kpi-card {\n background: #fff;\n border-radius: 12px;\n padding: 24px 32px;\n min-width: 220px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n margin-bottom: 8px;\n border: 1px solid #ececec;\n }\n .kpi-name {\n font-size: 1.1rem;\n font-weight: 500;\n margin-bottom: 8px;\n }\n .kpi-value {\n font-size: 2.2rem;\n font-weight: bold;\n color: #3a3ad6;\n margin-bottom: 4px;\n }\n .kpi-target {\n font-size: 1rem;\n color: #888;\n }\n `\n ]\n\n @state() categories: any[] = []\n @state() loading = true\n @state() error = ''\n @state() alerts: any[] = []\n @state() showHistoryModal: boolean = false\n @state() modalHistories: any[] = []\n @state() modalKpiName: string = ''\n @state() kpiStatistics: any[] = [] // 실제 KPI 통계 데이터\n @state() statisticsLoading = true // 통계 데이터 로딩 상태\n @state() selectedPeriodType: string = 'MONTH' // 선택된 기간 타입 (MONTH로 고정)\n @state() selectedValueDate: string = '' // 선택된 값 날짜\n\n // 현재 월을 YYYY-MM 형식으로 반환\n private get currentMonth(): string {\n const now = new Date()\n const year = now.getFullYear()\n const month = String(now.getMonth() + 1).padStart(2, '0')\n return `${year}-${month}`\n }\n\n // 필터링된 KPI 통계 데이터\n private get filteredKpiStatistics(): any[] {\n if (!this.kpiStatistics || this.kpiStatistics.length === 0) return []\n\n return this.kpiStatistics.filter(stat => stat.periodType === 'MONTH' && stat.valueDate === this.selectedValueDate)\n }\n\n // 사용 가능한 기간 타입들 (MONTH로 고정)\n private get availablePeriodTypes(): string[] {\n return ['MONTH']\n }\n\n // MONTH 기간에 사용 가능한 날짜들\n private get availableValueDates(): string[] {\n if (!this.kpiStatistics || this.kpiStatistics.length === 0) return []\n\n const valueDates = new Set<string>()\n this.kpiStatistics.forEach(stat => {\n if (stat.periodType === 'MONTH' && stat.valueDate) {\n valueDates.add(stat.valueDate)\n }\n })\n\n return Array.from(valueDates).sort().reverse() // 최신 날짜부터 정렬\n }\n\n // 통계 요약 정보\n private get statisticsSummary(): any {\n const filteredStats = this.filteredKpiStatistics\n if (filteredStats.length === 0) return null\n\n const totalKpis = filteredStats.length\n const categories = new Set(filteredStats.map(s => s.kpi?.category?.name).filter(Boolean))\n const totalCategories = categories.size\n\n const means = filteredStats.map(s => s.mean || 0).filter(v => v > 0)\n const medians = filteredStats.map(s => s.median || 0).filter(v => v > 0)\n const stdDevs = filteredStats.map(s => s.standardDeviation || 0).filter(v => v > 0)\n\n const avgMean = means.length > 0 ? means.reduce((a, b) => a + b, 0) / means.length : 0\n const avgMedian = medians.length > 0 ? medians.reduce((a, b) => a + b, 0) / medians.length : 0\n const avgStdDev = stdDevs.length > 0 ? stdDevs.reduce((a, b) => a + b, 0) / stdDevs.length : 0\n\n return {\n totalKpis,\n totalCategories,\n avgMean: avgMean.toFixed(2),\n avgMedian: avgMedian.toFixed(2),\n avgStdDev: avgStdDev.toFixed(2),\n periodType: this.selectedPeriodType,\n valueDate: this.selectedValueDate\n }\n }\n\n // 기간 타입 변경 핸들러 (사용하지 않음 - MONTH로 고정)\n private _onPeriodTypeChange(event: Event) {\n // MONTH로 고정되어 있으므로 변경하지 않음\n }\n\n // 날짜 변경 핸들러\n private _onValueDateChange(event: Event) {\n const target = event.target as HTMLSelectElement\n this.selectedValueDate = target.value\n }\n\n // 실제 KPI 통계 데이터를 기반으로 한 레이더 차트 데이터\n private get realKpiRadarData(): any[] {\n const filteredStats = this.filteredKpiStatistics\n if (filteredStats.length === 0) return []\n\n // 카테고리별로 통계 데이터 그룹화\n const categoryStats = new Map<string, any[]>()\n\n filteredStats.forEach(stat => {\n if (stat.kpi?.category?.name) {\n const categoryName = stat.kpi.category.name\n if (!categoryStats.has(categoryName)) {\n categoryStats.set(categoryName, [])\n }\n categoryStats.get(categoryName)!.push(stat)\n }\n })\n\n // 각 카테고리별로 평균, 중앙값, 표준편차 계산\n const result: any[] = []\n const categories = Array.from(categoryStats.keys())\n\n categories.forEach(category => {\n const stats = categoryStats.get(category)!\n const means = stats.map(s => s.mean || 0).filter(v => v > 0)\n const medians = stats.map(s => s.median || 0).filter(v => v > 0)\n const stdDevs = stats.map(s => s.standardDeviation || 0).filter(v => v > 0)\n\n if (means.length > 0) {\n result.push({ group: '평균', category, value: means.reduce((a, b) => a + b, 0) / means.length })\n }\n if (medians.length > 0) {\n result.push({ group: '중앙값', category, value: medians.reduce((a, b) => a + b, 0) / medians.length })\n }\n if (stdDevs.length > 0) {\n result.push({ group: '표준편차', category, value: stdDevs.reduce((a, b) => a + b, 0) / stdDevs.length })\n }\n })\n\n return result\n }\n\n private get realKpiRadarCategories(): string[] {\n const filteredStats = this.filteredKpiStatistics\n if (filteredStats.length === 0) return []\n\n const categories = new Set<string>()\n filteredStats.forEach(stat => {\n if (stat.kpi?.category?.name) {\n categories.add(stat.kpi.category.name)\n }\n })\n\n return Array.from(categories)\n }\n\n private get realKpiRadarGroups(): string[] {\n return ['평균', '중앙값', '표준편차']\n }\n\n // 실제 KPI 통계 데이터를 기반으로 한 박스플롯 데이터\n private get realKpiBoxplotData(): any[] {\n const filteredStats = this.filteredKpiStatistics\n if (filteredStats.length === 0) return []\n\n // 카테고리별로 통계 데이터 그룹화\n const categoryStats = new Map<string, any[]>()\n\n filteredStats.forEach(stat => {\n if (stat.kpi?.category?.name) {\n const categoryName = stat.kpi.category.name\n if (!categoryStats.has(categoryName)) {\n categoryStats.set(categoryName, [])\n }\n categoryStats.get(categoryName)!.push(stat)\n }\n })\n\n const result: any[] = []\n const categories = Array.from(categoryStats.keys())\n\n categories.forEach(category => {\n const stats = categoryStats.get(category)!\n\n // 각 KPI의 통계값들을 수집\n const allMeans = stats.map(s => s.mean || 0).filter(v => v > 0)\n const allMedians = stats.map(s => s.median || 0).filter(v => v > 0)\n const allMins = stats.map(s => s.minimum || 0).filter(v => v > 0)\n const allMaxs = stats.map(s => s.maximum || 0).filter(v => v > 0)\n const allQ1s = stats.map(s => s.percentile25 || 0).filter(v => v > 0)\n const allQ3s = stats.map(s => s.percentile75 || 0).filter(v => v > 0)\n\n if (allMeans.length > 0) {\n const sortedMeans = [...allMeans].sort((a, b) => a - b)\n const min = sortedMeans[0]\n const max = sortedMeans[sortedMeans.length - 1]\n const mean = allMeans.reduce((a, b) => a + b, 0) / allMeans.length\n const median = allMedians.length > 0 ? allMedians.reduce((a, b) => a + b, 0) / allMedians.length : mean\n\n const q1 = sortedMeans[Math.floor(sortedMeans.length / 4)]\n const q3 = sortedMeans[Math.floor((sortedMeans.length * 3) / 4)]\n\n result.push({\n group: category,\n min,\n q1,\n median,\n q3,\n max,\n mean,\n value: mean // 현재 값으로 평균 사용\n })\n }\n })\n\n return result\n }\n\n private get realKpiBoxplotGroups(): string[] {\n const filteredStats = this.filteredKpiStatistics\n if (filteredStats.length === 0) return []\n\n const categories = new Set<string>()\n filteredStats.forEach(stat => {\n if (stat.kpi?.category?.name) {\n categories.add(stat.kpi.category.name)\n }\n })\n\n return Array.from(categories)\n }\n\n private get realKpiCurrentGroup() {\n return '평균'\n }\n\n connectedCallback() {\n super.connectedCallback()\n this.fetchCategories()\n this.fetchKpiStatistics()\n }\n\n pageUpdated(changes: any, lifecycle: any) {\n if (this.active) {\n this.fetchCategories()\n this.fetchKpiStatistics()\n }\n }\n\n async fetchCategories() {\n this.loading = true\n this.error = ''\n try {\n const response = await client.query({\n query: gql`\n query {\n kpiCategories: kpisLevel1 {\n id\n name\n kpis: children {\n id\n name\n value {\n value\n valueDate\n }\n targetValue\n unit\n grades\n vizType\n vizMeta\n histories(limit: 1) {\n version\n updatedAt\n updater {\n name\n }\n }\n }\n }\n kpiAlerts {\n id\n kpi {\n id\n }\n message\n level\n createdAt\n }\n }\n `\n })\n this.categories = response.data.kpiCategories || []\n this.alerts = response.data.kpiAlerts || []\n } catch (e) {\n this.error = 'KPI 카테고리 데이터를 불러오지 못했습니다.'\n } finally {\n this.loading = false\n }\n }\n\n async fetchKpiStatistics() {\n this.statisticsLoading = true\n try {\n const response = await client.query({\n query: gql`\n query {\n kpiStatistics {\n items {\n id\n valueDate\n periodType\n count\n sum\n range\n mean\n median\n minimum\n maximum\n standardDeviation\n variance\n percentile25\n percentile75\n iqr\n lowerFence\n upperFence\n additionalStatistics\n metadata\n kpi {\n id\n name\n unit\n category: parent {\n id\n name\n }\n }\n }\n }\n }\n `\n })\n this.kpiStatistics = response.data.kpiStatistics.items || []\n\n // 현재 월을 기본값으로 설정\n const currentMonth = this.currentMonth\n const availableDates = this.availableValueDates\n\n if (availableDates.includes(currentMonth)) {\n // 현재 월 데이터가 있으면 현재 월로 설정\n this.selectedValueDate = currentMonth\n } else if (availableDates.length > 0) {\n // 현재 월 데이터가 없으면 가장 최근 데이터로 설정\n this.selectedValueDate = availableDates[0]\n } else {\n // 데이터가 없으면 현재 월로 설정\n this.selectedValueDate = currentMonth\n }\n } catch (e) {\n console.error('KPI 통계 데이터를 불러오지 못했습니다:', e)\n } finally {\n this.statisticsLoading = false\n }\n }\n\n async openHistoryModal(kpi) {\n // 전체 이력 fetch (limit 없이)\n try {\n const response = await client.query({\n query: gql`\n query ($kpiId: String!) {\n kpi(id: $kpiId) {\n name\n histories {\n version\n updatedAt\n updater {\n name\n }\n }\n }\n }\n `,\n variables: { kpiId: kpi.id }\n })\n this.modalHistories = response.data.kpi.histories || []\n this.modalKpiName = response.data.kpi.name || ''\n this.showHistoryModal = true\n } catch (e) {\n alert('이력 데이터를 불러오지 못했습니다.')\n }\n }\n closeHistoryModal() {\n this.showHistoryModal = false\n this.modalHistories = []\n this.modalKpiName = ''\n }\n\n _renderKpiValue(kpi: any) {\n const kpiValue = kpi.value?.value ?? 0\n const targetValue = kpi.targetValue ?? 100\n const unit = kpi.unit ?? ''\n const vizType = kpi.vizType || 'CARD'\n const vizMeta = kpi.vizMeta || {}\n const color = vizMeta.color || '#3a3ad6'\n const icon = vizMeta.icon || 'trending_up'\n const minValue = vizMeta.minValue || 0\n const maxValue = vizMeta.maxValue || 100\n const decimalPlaces = vizMeta.decimalPlaces || 0\n\n const formattedValue = typeof kpiValue === 'number' ? kpiValue.toFixed(decimalPlaces) : kpiValue\n\n switch (vizType) {\n case 'GAUGE':\n const gaugePercentage = Math.min(((kpiValue - minValue) / (maxValue - minValue)) * 100, 100)\n return html`\n <div style=\"text-align:center;margin:16px 0;\">\n <div\n style=\"width:120px;height:60px;border-radius:60px 60px 0 0;background:conic-gradient(${color} 0deg ${gaugePercentage *\n 3.6}deg, #e0e0e0 ${gaugePercentage * 3.6}deg 360deg);margin:0 auto;position:relative;\"\n >\n <div\n style=\"position:absolute;bottom:0;left:50%;transform:translateX(-50%);font-size:1.2rem;font-weight:bold;color:${color};\"\n >\n ${formattedValue}${unit}\n </div>\n </div>\n </div>\n `\n\n case 'PROGRESS':\n const progressPercentage = Math.min(((kpiValue - minValue) / (maxValue - minValue)) * 100, 100)\n return html`\n <div style=\"margin:16px 0;\">\n <div style=\"background:#e0e0e0;height:20px;border-radius:10px;overflow:hidden;\">\n <div style=\"background:${color};height:100%;width:${progressPercentage}%;transition:width 0.3s;\"></div>\n </div>\n <div style=\"text-align:center;margin-top:8px;font-weight:bold;color:${color};font-size:1.2rem;\">\n ${formattedValue}${unit}\n </div>\n </div>\n `\n\n case 'ICON':\n return html`\n <div style=\"text-align:center;margin:16px 0;\">\n <md-icon style=\"color:${color};font-size:48px;\">${icon}</md-icon>\n <div style=\"font-size:1.5rem;font-weight:bold;color:${color};margin-top:8px;\">${formattedValue}${unit}</div>\n </div>\n `\n\n case 'THERMOMETER':\n const thermoPercentage = Math.min(((kpiValue - minValue) / (maxValue - minValue)) * 100, 100)\n return html`\n <div style=\"text-align:center;margin:16px 0;\">\n <div\n style=\"width:40px;height:120px;background:#e0e0e0;border-radius:20px;margin:0 auto;position:relative;overflow:hidden;\"\n >\n <div\n style=\"position:absolute;bottom:0;width:100%;height:${thermoPercentage}%;background:${color};border-radius:20px;\"\n ></div>\n </div>\n <div style=\"font-size:1.2rem;font-weight:bold;color:${color};margin-top:8px;\">${formattedValue}${unit}</div>\n </div>\n `\n\n case 'SPEEDOMETER':\n const speedPercentage = Math.min(((kpiValue - minValue) / (maxValue - minValue)) * 100, 100)\n const angle = (speedPercentage / 100) * 180 - 90 // -90도에서 90도까지\n return html`\n <div style=\"text-align:center;margin:16px 0;\">\n <div\n style=\"width:120px;height:60px;border-radius:60px 60px 0 0;background:conic-gradient(${color} -90deg ${angle}deg, #e0e0e0 ${angle}deg 90deg);margin:0 auto;position:relative;\"\n >\n <div\n style=\"position:absolute;bottom:0;left:50%;transform:translateX(-50%);font-size:1.2rem;font-weight:bold;color:${color};\"\n >\n ${formattedValue}${unit}\n </div>\n </div>\n </div>\n `\n\n case 'BULLET':\n const bulletPercentage = Math.min(((kpiValue - minValue) / (maxValue - minValue)) * 100, 100)\n const targetPercentage = Math.min(((targetValue - minValue) / (maxValue - minValue)) * 100, 100)\n return html`\n <div style=\"margin:16px 0;\">\n <div style=\"background:#e0e0e0;height:30px;border-radius:15px;overflow:hidden;position:relative;\">\n <div style=\"background:${color};height:100%;width:${bulletPercentage}%;transition:width 0.3s;\"></div>\n <div\n style=\"position:absolute;top:0;left:${targetPercentage}%;width:2px;height:100%;background:#333;\"\n ></div>\n </div>\n <div style=\"text-align:center;margin-top:8px;font-weight:bold;color:${color};font-size:1.2rem;\">\n ${formattedValue}${unit}\n </div>\n </div>\n `\n\n case 'TEXT':\n return html`\n <div style=\"text-align:center;margin:16px 0;\">\n <div style=\"font-size:1.5rem;font-weight:bold;color:${color};\">${formattedValue}${unit}</div>\n </div>\n `\n\n case 'BADGE':\n return html`\n <div style=\"text-align:center;margin:16px 0;\">\n <span\n style=\"display:inline-block;padding:8px 16px;background:${color};color:white;border-radius:20px;font-size:1.2rem;font-weight:bold;\"\n >${formattedValue}${unit}</span\n >\n </div>\n `\n\n default: // CARD, BAR, LINE, PIE, DONUT, RADAR, TABLE\n return html` <div class=\"kpi-value\">${formattedValue}${unit}</div> `\n }\n }\n\n get context() {\n return {\n title: 'KPI 대시보드',\n description: '조직 KPI 실적, 등급, 이력, 시각화 등 KPI 전용 대시보드'\n } as any\n }\n\n render() {\n if (this.loading) return nothing\n if (this.error) return html`<div>${this.error}</div>`\n return html`\n <div class=\"dashboard-root\">\n \n <div class=\"charts-section\">\n \n <div style=\"margin-bottom: 24px; background: #f8f9fa; padding: 16px; border-radius: 8px;\">\n <div style=\"display: flex; gap: 16px; align-items: center; flex-wrap: wrap;\">\n <div style=\"display: flex; align-items: center; gap: 8px;\">\n <label style=\"font-weight: 500; color: #333;\">기간:</label>\n <span style=\"padding: 6px 12px; background: #e9ecef; border-radius: 4px; color: #495057;\">\n MONTH (월별)\n </span>\n </div>\n <div style=\"display: flex; align-items: center; gap: 8px;\">\n <label style=\"font-weight: 500; color: #333;\">날짜:</label>\n <select\n .value=${this.selectedValueDate}\n @change=${this._onValueDateChange}\n style=\"padding: 6px 12px; border: 1px solid #ddd; border-radius: 4px; background: white;\"\n >\n ${this.availableValueDates.map(\n date => html`<option value=\"${date}\">${date}${date === this.currentMonth ? ' (현재)' : ''}</option>`\n )}\n </select>\n </div>\n ${this.statisticsSummary\n ? html`\n <div style=\"display: flex; gap: 16px; margin-left: auto;\">\n <span style=\"color: #666; font-size: 0.9em;\">\n <b>KPI:</b> ${this.statisticsSummary.totalKpis}개\n </span>\n <span style=\"color: #666; font-size: 0.9em;\">\n <b>카테고리:</b> ${this.statisticsSummary.totalCategories}개\n </span>\n <span style=\"color: #666; font-size: 0.9em;\">\n <b>평균:</b> ${this.statisticsSummary.avgMean}\n </span>\n <span style=\"color: #666; font-size: 0.9em;\">\n <b>중앙값:</b> ${this.statisticsSummary.avgMedian}\n </span>\n <span style=\"color: #666; font-size: 0.9em;\">\n <b>표준편차:</b> ${this.statisticsSummary.avgStdDev}\n </span>\n </div>\n `\n : nothing}\n </div>\n </div>\n\n <div class=\"chart-card\">\n <div class=\"chart-title\">실제 KPI 통계 비교 (Radar)</div>\n <div class=\"chart-container\">\n ${this.statisticsLoading\n ? html`<div style=\"display:flex;align-items:center;justify-content:center;height:100%;color:#666;\">\n 통계 데이터 로딩 중...\n </div>`\n : this.realKpiRadarData.length > 0\n ? html`<kpi-radar-chart\n .data=${this.realKpiRadarData}\n .categories=${this.realKpiRadarCategories}\n .currentGroup=${'평균'}\n ></kpi-radar-chart>`\n : html`<div style=\"display:flex;align-items:center;justify-content:center;height:100%;color:#666;\">\n 선택된 기간에 통계 데이터가 없습니다.\n </div>`}\n </div>\n <div style=\"margin-top:12px;color:#666;font-size:0.98em;\">\n ※ <b>실제 KPI 통계 Radar 차트</b>는 실제 KPIStatistic 데이터를 기반으로 각 카테고리별 평균, 중앙값,\n 표준편차를 비교합니다.<br />\n <b>평균</b>은 산술평균, <b>중앙값</b>은 50분위수, <b>표준편차</b>는 데이터 분산 정도를 나타냅니다.\n </div>\n </div>\n <div class=\"chart-card\">\n <div class=\"chart-title\">실제 KPI 통계 분포 (Boxplot)</div>\n <div class=\"chart-container\">\n ${this.statisticsLoading\n ? html`<div style=\"display:flex;align-items:center;justify-content:center;height:100%;color:#666;\">\n 통계 데이터 로딩 중...\n </div>`\n : this.realKpiBoxplotData.length > 0\n ? html`<kpi-boxplot-chart\n .data=${this.realKpiBoxplotData}\n .groups=${this.realKpiBoxplotGroups}\n .currentGroup=${'평균'}\n ></kpi-boxplot-chart>`\n : html`<div style=\"display:flex;align-items:center;justify-content:center;height:100%;color:#666;\">\n 선택된 기간에 통계 데이터가 없습니다.\n </div>`}\n </div>\n <div style=\"margin-top:12px;color:#666;font-size:0.98em;\">\n ※ <b>실제 KPI 통계 Boxplot</b>은 실제 KPIStatistic 데이터를 기반으로 각 카테고리별 통계값의 분포를\n 보여줍니다.<br />\n 각 카테고리의 <b>평균값들</b>을 기준으로 분포를 계산하여, 카테고리 간 통계적 특성을 비교할 수 있습니다.\n </div>\n </div>\n </div>\n\n \n <div class=\"charts-section\">\n <div style=\"margin-bottom: 24px;\">\n <h2 style=\"font-size: 1.5rem; font-weight: bold; color: #333; text-align: center; margin-bottom: 8px;\">\n 3레벨 KPI 분석\n </h2>\n <p style=\"text-align: center; color: #666; font-size: 0.95rem;\">\n 실제 KPIStatistic 데이터를 기반으로 한 다층적 분석\n </p>\n </div>\n\n \n <div style=\"margin-bottom: 32px;\">\n <h3 style=\"font-size: 1.2rem; font-weight: 600; color: #495057; margin-bottom: 16px;\">\n 📊 1레벨: 그룹 총 스코어\n </h3>\n <kpi-level1-card></kpi-level1-card>\n </div>\n\n \n <div style=\"margin-bottom: 32px;\">\n <h3 style=\"font-size: 1.2rem; font-weight: 600; color: #495057; margin-bottom: 16px;\">\n 📈 2레벨: 카테고리 비교 분석\n </h3>\n <kpi-level2-comparison></kpi-level2-comparison>\n </div>\n\n \n <div style=\"margin-bottom: 32px;\">\n <h3 style=\"font-size: 1.2rem; font-weight: 600; color: #495057; margin-bottom: 16px;\">\n 🔍 3레벨: 개별 KPI 상세 분석\n </h3>\n <kpi-level3-comparison></kpi-level3-comparison>\n </div>\n </div>\n ${this.showHistoryModal\n ? html`\n <div\n style=\"position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,0.25);z-index:1000;display:flex;align-items:center;justify-content:center;\"\n >\n <div\n style=\"background:#fff;padding:32px 40px;border-radius:16px;min-width:340px;max-width:90vw;max-height:80vh;overflow:auto;box-shadow:0 4px 24px rgba(0,0,0,0.15);\"\n >\n <div style=\"font-size:1.2rem;font-weight:bold;margin-bottom:16px;\">\n ${this.modalKpiName} 변경 이력\n </div>\n <ul style=\"padding:0;list-style:none;\">\n ${this.modalHistories.length === 0\n ? html`<li style=\"color:#bbb;\">이력이 없습니다.</li>`\n : this.modalHistories.map(\n h =>\n html`<li style=\"margin-bottom:8px;\">\n v${h.version} (${h.updatedAt?.slice(0, 10) ?? ''} ${h.updater?.name ?? ''})\n </li>`\n )}\n </ul>\n <button style=\"margin-top:16px;padding:6px 18px;\" @click=${() => this.closeHistoryModal()}>\n 닫기\n </button>\n </div>\n </div>\n `\n : nothing}\n ${this.categories.map(\n cat => html`\n <div class=\"category-section\">\n <div class=\"category-title\">${cat.name}</div>\n <div class=\"kpi-cards\">\n ${(cat.kpis || []).map(\n kpi => html`\n <div class=\"kpi-card\">\n <div class=\"kpi-name\">${kpi.name}</div>\n ${this._renderKpiValue(kpi)}\n <div class=\"kpi-target\">목표: ${kpi.targetValue ?? '-'}${kpi.unit ?? ''}</div>\n \n <div style=\"margin-top:8px;\">\n <b>등급:</b>\n ${(() => {\n const grades = kpi.grades || []\n const kpiValue = kpi.value?.value\n\n if (grades.length > 5) {\n // 5개를 넘으면 현재 값에 해당하는 grade만 표시\n const currentGrade = grades.find(g => kpiValue >= g.minValue && kpiValue <= g.maxValue)\n if (currentGrade) {\n return html`<span\n style=\"display:inline-block;margin-right:8px;padding:4px 12px;border-radius:12px;background:${currentGrade.color ??\n '#3a3ad6'};color:white;font-size:1em;font-weight:bold;box-shadow:0 2px 8px rgba(58,58,214,0.3);border:2px solid ${currentGrade.color ??\n '#3a3ad6'};\"\n >${currentGrade.name}(${currentGrade.minValue}~${currentGrade.maxValue}${kpi.unit ??\n ''},\n ${currentGrade.score ?? ''}점)</span\n >`\n } else {\n return html`<span style=\"color:#bbb;font-size:0.95em;\">등급 없음</span>`\n }\n } else {\n // 5개 이하면 전체 리스트 표시하되 현재 등급은 강조\n return grades.map(g => {\n const isCurrentGrade = kpiValue >= g.minValue && kpiValue <= g.maxValue\n return html`<span\n style=\"display:inline-block;margin-right:8px;padding:${isCurrentGrade\n ? '4px 12px'\n : '2px 8px'};border-radius:${isCurrentGrade\n ? '12px'\n : '8px'};background:${isCurrentGrade\n ? (g.color ?? '#3a3ad6')\n : (g.color ?? '#eee')};color:${isCurrentGrade\n ? 'white'\n : '#222'};font-size:${isCurrentGrade ? '1em' : '0.95em'};font-weight:${isCurrentGrade\n ? 'bold'\n : 'normal'};box-shadow:${isCurrentGrade\n ? '0 2px 8px rgba(58,58,214,0.3)'\n : 'none'};border:${isCurrentGrade ? `2px solid ${g.color ?? '#3a3ad6'}` : 'none'};\"\n >${g.name}(${g.minValue}~${g.maxValue}${kpi.unit ?? ''}, ${g.score ?? ''}점)</span\n >`\n })\n }\n })()}\n </div>\n \n <div style=\"margin-top:8px;font-size:0.95em;color:#888;\">\n <b>최근 변경:</b>\n ${kpi.histories && kpi.histories.length > 0\n ? html`<span style=\"margin-right:8px;\"\n >v${kpi.histories[0].version} (${kpi.histories[0].updatedAt?.slice(0, 10) ?? ''}\n ${kpi.histories[0].updater?.name ?? ''})</span\n >`\n : html`<span style=\"color:#bbb\">없음</span>`}\n <button\n style=\"margin-left:8px;font-size:0.95em;padding:2px 8px;\"\n @click=${() => this.openHistoryModal(kpi)}\n >\n 더보기\n </button>\n </div>\n \n <div style=\"margin-top:8px;\">\n ${this.alerts.filter(a => a.kpi?.id === kpi.id).length > 0\n ? this.alerts\n .filter(a => a.kpi?.id === kpi.id)\n .map(\n a =>\n html`<span\n style=\"display:inline-block;margin-right:8px;padding:2px 8px;border-radius:8px;background:${a.level ===\n 'critical'\n ? '#ffb3b3'\n : a.level === 'warning'\n ? '#ffe082'\n : '#e0e0e0'};color:#b71c1c;font-size:0.95em;\"\n >${a.message}</span\n >`\n )\n : html`<span style=\"color:#4caf50;font-size:0.95em;\">이상/경고 없음</span>`}\n </div>\n </div>\n `\n )}\n </div>\n </div>\n `\n )}\n </div>\n `\n }\n}\n"]}

package/dist-client/pages/kpi-dashboard/kpi-grade-visualization.d.ts ADDED Viewed

@@ -0,0 +1,12 @@
+import { LitElement } from 'lit';
+export declare class KpiGradeVisualization extends LitElement {
+    static styles: import("lit").CSSResult;
+    grades: {
+        kpi: string;
+        grade: string;
+        color: string;
+        desc: string;
+        value: number;
+    }[];
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist-client/pages/kpi-dashboard/kpi-grade-visualization.js ADDED Viewed

@@ -0,0 +1,82 @@
+import { __decorate, __metadata } from "tslib";
+import { html, css, LitElement } from 'lit';
+import { customElement, state } from 'lit/decorators.js';
+let KpiGradeVisualization = class KpiGradeVisualization extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.grades = [
+            { kpi: '불량률', grade: 'A', color: '#4caf50', desc: '우수', value: 0.8 },
+            { kpi: '불량률', grade: 'B', color: '#ff9800', desc: '양호', value: 1.5 },
+            { kpi: '불량률', grade: 'C', color: '#f44336', desc: '주의', value: 2.7 }
+        ];
+    }
+    static { this.styles = css `
+    .grade-container {
+      background: #fff;
+      border-radius: 16px;
+      padding: 32px;
+      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
+      margin-bottom: 16px;
+    }
+    .grade-title {
+      font-size: 1.5rem;
+      font-weight: bold;
+      margin-bottom: 16px;
+    }
+    .grade-cards {
+      display: flex;
+      gap: 24px;
+      flex-wrap: wrap;
+    }
+    .grade-card {
+      background: #f0f7fa;
+      border-radius: 12px;
+      padding: 20px 28px;
+      min-width: 180px;
+      flex: 1;
+      box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03);
+      display: flex;
+      flex-direction: column;
+      align-items: flex-start;
+    }
+    .grade-label {
+      font-size: 1.1rem;
+      font-weight: 500;
+      margin-bottom: 8px;
+    }
+    .grade-value {
+      font-size: 2rem;
+      font-weight: bold;
+      margin-bottom: 4px;
+    }
+    .grade-desc {
+      font-size: 1rem;
+      color: #888;
+    }
+  `; }
+    render() {
+        return html `
+      <div class="grade-container">
+        <div class="grade-title">KPI 등급/구간 시각화</div>
+        <div class="grade-cards">
+          ${this.grades.map(g => html `
+              <div class="grade-card" style="border-left: 8px solid ${g.color}">
+                <div class="grade-label">${g.kpi} - ${g.grade}등급</div>
+                <div class="grade-value" style="color:${g.color}">${g.value}</div>
+                <div class="grade-desc">${g.desc}</div>
+              </div>
+            `)}
+        </div>
+      </div>
+    `;
+    }
+};
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], KpiGradeVisualization.prototype, "grades", void 0);
+KpiGradeVisualization = __decorate([
+    customElement('kpi-grade-visualization')
+], KpiGradeVisualization);
+export { KpiGradeVisualization };
+//# sourceMappingURL=kpi-grade-visualization.js.map

package/dist-client/pages/kpi-dashboard/kpi-grade-visualization.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"kpi-grade-visualization.js","sourceRoot":"","sources":["../../../client/pages/kpi-dashboard/kpi-grade-visualization.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAGjD,IAAM,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,UAAU;IAA9C;;QA8CI,WAAM,GAAG;YAChB,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE;YACpE,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE;YACpE,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE;SACrE,CAAA;IAoBH,CAAC;aArEQ,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2ClB,AA3CY,CA2CZ;IAQD,MAAM;QACJ,OAAO,IAAI,CAAA;;;;YAIH,IAAI,CAAC,MAAM,CAAC,GAAG,CACf,CAAC,CAAC,EAAE,CAAC,IAAI,CAAA;sEACiD,CAAC,CAAC,KAAK;2CAClC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,KAAK;wDACL,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,KAAK;0CACjC,CAAC,CAAC,IAAI;;aAEnC,CACF;;;KAGN,CAAA;IACH,CAAC;;AAvBQ;IAAR,KAAK,EAAE;;qDAIP;AAlDU,qBAAqB;IADjC,aAAa,CAAC,yBAAyB,CAAC;GAC5B,qBAAqB,CAsEjC","sourcesContent":["import { html, css, LitElement } from 'lit'\nimport { customElement, state } from 'lit/decorators.js'\n\n@customElement('kpi-grade-visualization')\nexport class KpiGradeVisualization extends LitElement {\n static styles = css`\n .grade-container {\n background: #fff;\n border-radius: 16px;\n padding: 32px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n margin-bottom: 16px;\n }\n .grade-title {\n font-size: 1.5rem;\n font-weight: bold;\n margin-bottom: 16px;\n }\n .grade-cards {\n display: flex;\n gap: 24px;\n flex-wrap: wrap;\n }\n .grade-card {\n background: #f0f7fa;\n border-radius: 12px;\n padding: 20px 28px;\n min-width: 180px;\n flex: 1;\n box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03);\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n }\n .grade-label {\n font-size: 1.1rem;\n font-weight: 500;\n margin-bottom: 8px;\n }\n .grade-value {\n font-size: 2rem;\n font-weight: bold;\n margin-bottom: 4px;\n }\n .grade-desc {\n font-size: 1rem;\n color: #888;\n }\n `\n\n @state() grades = [\n { kpi: '불량률', grade: 'A', color: '#4caf50', desc: '우수', value: 0.8 },\n { kpi: '불량률', grade: 'B', color: '#ff9800', desc: '양호', value: 1.5 },\n { kpi: '불량률', grade: 'C', color: '#f44336', desc: '주의', value: 2.7 }\n ]\n\n render() {\n return html`\n <div class=\"grade-container\">\n <div class=\"grade-title\">KPI 등급/구간 시각화</div>\n <div class=\"grade-cards\">\n ${this.grades.map(\n g => html`\n <div class=\"grade-card\" style=\"border-left: 8px solid ${g.color}\">\n <div class=\"grade-label\">${g.kpi} - ${g.grade}등급</div>\n <div class=\"grade-value\" style=\"color:${g.color}\">${g.value}</div>\n <div class=\"grade-desc\">${g.desc}</div>\n </div>\n `\n )}\n </div>\n </div>\n `\n }\n}\n"]}

package/dist-client/pages/kpi-dashboard/kpi-history-viewer.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+import { LitElement } from 'lit';
+export declare class KpiHistoryViewer extends LitElement {
+    static styles: import("lit").CSSResult;
+    histories: {
+        date: string;
+        action: string;
+        user: string;
+        desc: string;
+    }[];
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist-client/pages/kpi-dashboard/kpi-history-viewer.js ADDED Viewed

@@ -0,0 +1,65 @@
+import { __decorate, __metadata } from "tslib";
+import { html, css, LitElement } from 'lit';
+import { customElement, state } from 'lit/decorators.js';
+let KpiHistoryViewer = class KpiHistoryViewer extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.histories = [
+            { date: '2024-06-01', action: 'Release', user: '홍길동', desc: '불량률 KPI 산식 변경 및 버전 Release' },
+            { date: '2024-05-15', action: 'Revert', user: '김감리', desc: '불량률 KPI 이전 버전 복원' },
+            { date: '2024-05-01', action: 'Release', user: '홍길동', desc: '불량률 KPI 신규 등록 및 Release' }
+        ];
+    }
+    static { this.styles = css `
+    .history-container {
+      background: #fff;
+      border-radius: 16px;
+      padding: 32px;
+      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
+      margin-bottom: 16px;
+    }
+    .history-title {
+      font-size: 1.5rem;
+      font-weight: bold;
+      margin-bottom: 16px;
+    }
+    .history-list {
+      list-style: none;
+      padding: 0;
+      margin: 0;
+    }
+    .history-item {
+      padding: 12px 0;
+      border-bottom: 1px solid #eee;
+      font-size: 1.1rem;
+    }
+    .history-meta {
+      color: #888;
+      font-size: 0.95rem;
+    }
+  `; }
+    render() {
+        return html `
+      <div class="history-container">
+        <div class="history-title">KPI 이력/버전 관리</div>
+        <ul class="history-list">
+          ${this.histories.map(h => html `
+              <li class="history-item">
+                <div>${h.action} - ${h.desc}</div>
+                <div class="history-meta">${h.date} / ${h.user}</div>
+              </li>
+            `)}
+        </ul>
+      </div>
+    `;
+    }
+};
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], KpiHistoryViewer.prototype, "histories", void 0);
+KpiHistoryViewer = __decorate([
+    customElement('kpi-history-viewer')
+], KpiHistoryViewer);
+export { KpiHistoryViewer };
+//# sourceMappingURL=kpi-history-viewer.js.map

package/dist-client/pages/kpi-dashboard/kpi-history-viewer.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"kpi-history-viewer.js","sourceRoot":"","sources":["../../../client/pages/kpi-dashboard/kpi-history-viewer.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAGjD,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,UAAU;IAAzC;;QA8BI,cAAS,GAAG;YACnB,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,4BAA4B,EAAE;YAC1F,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,kBAAkB,EAAE;YAC/E,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,yBAAyB,EAAE;SACxF,CAAA;IAmBH,CAAC;aApDQ,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BlB,AA3BY,CA2BZ;IAQD,MAAM;QACJ,OAAO,IAAI,CAAA;;;;YAIH,IAAI,CAAC,SAAS,CAAC,GAAG,CAClB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAA;;uBAEE,CAAC,CAAC,MAAM,MAAM,CAAC,CAAC,IAAI;4CACC,CAAC,CAAC,IAAI,MAAM,CAAC,CAAC,IAAI;;aAEjD,CACF;;;KAGN,CAAA;IACH,CAAC;;AAtBQ;IAAR,KAAK,EAAE;;mDAIP;AAlCU,gBAAgB;IAD5B,aAAa,CAAC,oBAAoB,CAAC;GACvB,gBAAgB,CAqD5B","sourcesContent":["import { html, css, LitElement } from 'lit'\nimport { customElement, state } from 'lit/decorators.js'\n\n@customElement('kpi-history-viewer')\nexport class KpiHistoryViewer extends LitElement {\n static styles = css`\n .history-container {\n background: #fff;\n border-radius: 16px;\n padding: 32px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n margin-bottom: 16px;\n }\n .history-title {\n font-size: 1.5rem;\n font-weight: bold;\n margin-bottom: 16px;\n }\n .history-list {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n .history-item {\n padding: 12px 0;\n border-bottom: 1px solid #eee;\n font-size: 1.1rem;\n }\n .history-meta {\n color: #888;\n font-size: 0.95rem;\n }\n `\n\n @state() histories = [\n { date: '2024-06-01', action: 'Release', user: '홍길동', desc: '불량률 KPI 산식 변경 및 버전 Release' },\n { date: '2024-05-15', action: 'Revert', user: '김감리', desc: '불량률 KPI 이전 버전 복원' },\n { date: '2024-05-01', action: 'Release', user: '홍길동', desc: '불량률 KPI 신규 등록 및 Release' }\n ]\n\n render() {\n return html`\n <div class=\"history-container\">\n <div class=\"history-title\">KPI 이력/버전 관리</div>\n <ul class=\"history-list\">\n ${this.histories.map(\n h => html`\n <li class=\"history-item\">\n <div>${h.action} - ${h.desc}</div>\n <div class=\"history-meta\">${h.date} / ${h.user}</div>\n </li>\n `\n )}\n </ul>\n </div>\n `\n }\n}\n"]}

package/dist-client/pages/kpi-dashboard/kpi-list-summary.d.ts ADDED Viewed

@@ -0,0 +1,13 @@
+import { LitElement } from 'lit';
+export declare class KpiListSummary extends LitElement {
+    static styles: import("lit").CSSResult;
+    kpis: Array<{
+        name: string;
+        desc: string;
+    }>;
+    loading: boolean;
+    error: string;
+    connectedCallback(): void;
+    fetchKpis(): Promise<void>;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist-client/pages/kpi-dashboard/kpi-list-summary.js ADDED Viewed

@@ -0,0 +1,115 @@
+import { __decorate, __metadata } from "tslib";
+import { html, css, LitElement } from 'lit';
+import { customElement, state } from 'lit/decorators.js';
+import { client } from '@operato/graphql';
+import gql from 'graphql-tag';
+let KpiListSummary = class KpiListSummary extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.kpis = [];
+        this.loading = true;
+        this.error = '';
+    }
+    static { this.styles = css `
+    .list-container {
+      background: #fff;
+      border-radius: 16px;
+      padding: 32px;
+      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
+      margin-bottom: 16px;
+    }
+    .list-title {
+      font-size: 1.5rem;
+      font-weight: bold;
+      margin-bottom: 16px;
+    }
+    .kpi-list {
+      list-style: none;
+      padding: 0;
+      margin: 0;
+    }
+    .kpi-item {
+      padding: 10px 0;
+      border-bottom: 1px solid #eee;
+      font-size: 1.1rem;
+      cursor: pointer;
+      transition: background 0.2s;
+    }
+    .kpi-item:hover {
+      background: #f0f0f0;
+    }
+  `; }
+    connectedCallback() {
+        super.connectedCallback();
+        this.fetchKpis();
+    }
+    async fetchKpis() {
+        this.loading = true;
+        this.error = '';
+        try {
+            const response = await client.query({
+                query: gql `
+          query {
+            kpis {
+              items {
+                id
+                name
+                description
+                formula
+              }
+              total
+            }
+          }
+        `
+            });
+            this.kpis = (response.data.kpis.items || []).map(kpi => ({
+                name: kpi.name,
+                desc: kpi.formula || kpi.description || ''
+            }));
+        }
+        catch (e) {
+            this.error = 'KPI 목록을 불러오지 못했습니다.';
+        }
+        finally {
+            this.loading = false;
+        }
+    }
+    render() {
+        if (this.loading) {
+            return html `<div class="list-container">로딩 중...</div>`;
+        }
+        if (this.error) {
+            return html `<div class="list-container">${this.error}</div>`;
+        }
+        return html `
+      <div class="list-container">
+        <div class="list-title">KPI 목록/검색/상세</div>
+        <ul class="kpi-list">
+          ${this.kpis.map(kpi => html `
+              <li class="kpi-item">
+                <div><b>${kpi.name}</b></div>
+                <div style="font-size:0.95rem;color:#888;">${kpi.desc}</div>
+              </li>
+            `)}
+        </ul>
+      </div>
+    `;
+    }
+};
+__decorate([
+    state(),
+    __metadata("design:type", Array)
+], KpiListSummary.prototype, "kpis", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], KpiListSummary.prototype, "loading", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], KpiListSummary.prototype, "error", void 0);
+KpiListSummary = __decorate([
+    customElement('kpi-list-summary')
+], KpiListSummary);
+export { KpiListSummary };
+//# sourceMappingURL=kpi-list-summary.js.map

package/dist-client/pages/kpi-dashboard/kpi-list-summary.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"kpi-list-summary.js","sourceRoot":"","sources":["../../../client/pages/kpi-dashboard/kpi-list-summary.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,GAAG,MAAM,aAAa,CAAA;AAGtB,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,UAAU;IAAvC;;QA+BI,SAAI,GAA0C,EAAE,CAAA;QAChD,YAAO,GAAG,IAAI,CAAA;QACd,UAAK,GAAG,EAAE,CAAA;IA4DrB,CAAC;aA5FQ,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BlB,AA5BY,CA4BZ;IAMD,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAA;QACzB,IAAI,CAAC,SAAS,EAAE,CAAA;IAClB,CAAC;IAED,KAAK,CAAC,SAAS;QACb,IAAI,CAAC,OAAO,GAAG,IAAI,CAAA;QACnB,IAAI,CAAC,KAAK,GAAG,EAAE,CAAA;QACf,IAAI,CAAC;YACH,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;gBAClC,KAAK,EAAE,GAAG,CAAA;;;;;;;;;;;;SAYT;aACF,CAAC,CAAA;YACF,IAAI,CAAC,IAAI,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;gBACvD,IAAI,EAAE,GAAG,CAAC,IAAI;gBACd,IAAI,EAAE,GAAG,CAAC,OAAO,IAAI,GAAG,CAAC,WAAW,IAAI,EAAE;aAC3C,CAAC,CAAC,CAAA;QACL,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC;YACX,IAAI,CAAC,KAAK,GAAG,qBAAqB,CAAA;QACpC,CAAC;gBAAS,CAAC;YACT,IAAI,CAAC,OAAO,GAAG,KAAK,CAAA;QACtB,CAAC;IACH,CAAC;IAED,MAAM;QACJ,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACjB,OAAO,IAAI,CAAA,2CAA2C,CAAA;QACxD,CAAC;QACD,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YACf,OAAO,IAAI,CAAA,+BAA+B,IAAI,CAAC,KAAK,QAAQ,CAAA;QAC9D,CAAC;QACD,OAAO,IAAI,CAAA;;;;YAIH,IAAI,CAAC,IAAI,CAAC,GAAG,CACb,GAAG,CAAC,EAAE,CAAC,IAAI,CAAA;;0BAEG,GAAG,CAAC,IAAI;6DAC2B,GAAG,CAAC,IAAI;;aAExD,CACF;;;KAGN,CAAA;IACH,CAAC;;AA7DQ;IAAR,KAAK,EAAE;8BAAO,KAAK;4CAAqC;AAChD;IAAR,KAAK,EAAE;;+CAAe;AACd;IAAR,KAAK,EAAE;;6CAAW;AAjCR,cAAc;IAD1B,aAAa,CAAC,kBAAkB,CAAC;GACrB,cAAc,CA6F1B","sourcesContent":["import { html, css, LitElement } from 'lit'\nimport { customElement, state } from 'lit/decorators.js'\nimport { client } from '@operato/graphql'\nimport gql from 'graphql-tag'\n\n@customElement('kpi-list-summary')\nexport class KpiListSummary extends LitElement {\n static styles = css`\n .list-container {\n background: #fff;\n border-radius: 16px;\n padding: 32px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n margin-bottom: 16px;\n }\n .list-title {\n font-size: 1.5rem;\n font-weight: bold;\n margin-bottom: 16px;\n }\n .kpi-list {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n .kpi-item {\n padding: 10px 0;\n border-bottom: 1px solid #eee;\n font-size: 1.1rem;\n cursor: pointer;\n transition: background 0.2s;\n }\n .kpi-item:hover {\n background: #f0f0f0;\n }\n `\n\n @state() kpis: Array<{ name: string; desc: string }> = []\n @state() loading = true\n @state() error = ''\n\n connectedCallback() {\n super.connectedCallback()\n this.fetchKpis()\n }\n\n async fetchKpis() {\n this.loading = true\n this.error = ''\n try {\n const response = await client.query({\n query: gql`\n query {\n kpis {\n items {\n id\n name\n description\n formula\n }\n total\n }\n }\n `\n })\n this.kpis = (response.data.kpis.items || []).map(kpi => ({\n name: kpi.name,\n desc: kpi.formula || kpi.description || ''\n }))\n } catch (e) {\n this.error = 'KPI 목록을 불러오지 못했습니다.'\n } finally {\n this.loading = false\n }\n }\n\n render() {\n if (this.loading) {\n return html`<div class=\"list-container\">로딩 중...</div>`\n }\n if (this.error) {\n return html`<div class=\"list-container\">${this.error}</div>`\n }\n return html`\n <div class=\"list-container\">\n <div class=\"list-title\">KPI 목록/검색/상세</div>\n <ul class=\"kpi-list\">\n ${this.kpis.map(\n kpi => html`\n <li class=\"kpi-item\">\n <div><b>${kpi.name}</b></div>\n <div style=\"font-size:0.95rem;color:#888;\">${kpi.desc}</div>\n </li>\n `\n )}\n </ul>\n </div>\n `\n }\n}\n"]}

package/dist-client/pages/kpi-dashboard/kpi-performance-summary.d.ts ADDED Viewed

@@ -0,0 +1,15 @@
+import { LitElement } from 'lit';
+export declare class KpiPerformanceSummary extends LitElement {
+    static styles: import("lit").CSSResult;
+    kpis: Array<{
+        name: string;
+        value: string | number;
+        target: string | number;
+        unit: string;
+    }>;
+    loading: boolean;
+    error: string;
+    connectedCallback(): void;
+    fetchKpis(): Promise<void>;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist-client/pages/kpi-dashboard/kpi-performance-summary.js ADDED Viewed

@@ -0,0 +1,146 @@
+import { __decorate, __metadata } from "tslib";
+import { html, css, LitElement } from 'lit';
+import { customElement, state } from 'lit/decorators.js';
+import { client } from '@operato/graphql';
+import gql from 'graphql-tag';
+let KpiPerformanceSummary = class KpiPerformanceSummary extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.kpis = [];
+        this.loading = true;
+        this.error = '';
+    }
+    static { this.styles = css `
+    .summary-container {
+      background: #fff;
+      border-radius: 16px;
+      padding: 32px;
+      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
+      margin-bottom: 16px;
+    }
+    .summary-title {
+      font-size: 1.5rem;
+      font-weight: bold;
+      margin-bottom: 16px;
+    }
+    .kpi-cards {
+      display: flex;
+      gap: 24px;
+      flex-wrap: wrap;
+    }
+    .kpi-card {
+      background: #f7f7fa;
+      border-radius: 12px;
+      padding: 24px 32px;
+      min-width: 220px;
+      flex: 1;
+      box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03);
+      display: flex;
+      flex-direction: column;
+      align-items: flex-start;
+    }
+    .kpi-name {
+      font-size: 1.1rem;
+      font-weight: 500;
+      margin-bottom: 8px;
+    }
+    .kpi-value {
+      font-size: 2.2rem;
+      font-weight: bold;
+      color: #3a3ad6;
+      margin-bottom: 4px;
+    }
+    .kpi-target {
+      font-size: 1rem;
+      color: #888;
+    }
+  `; }
+    connectedCallback() {
+        super.connectedCallback();
+        this.fetchKpis();
+    }
+    async fetchKpis() {
+        this.loading = true;
+        this.error = '';
+        try {
+            const response = await client.query({
+                query: gql `
+          query {
+            kpis {
+              items {
+                id
+                name
+                description
+                value
+                targetValue
+                unit
+              }
+              total
+            }
+          }
+        `
+            });
+            this.kpis = (response.data.kpis.items || []).map(kpi => {
+                // value가 JSON 형태로 반환되므로 적절히 처리
+                let value = '-';
+                if (kpi.value && typeof kpi.value === 'object') {
+                    value = kpi.value.value ?? kpi.value.latestValue ?? '-';
+                }
+                else if (kpi.value) {
+                    value = kpi.value;
+                }
+                return {
+                    name: kpi.name,
+                    value: value,
+                    target: kpi.targetValue ?? '-',
+                    unit: kpi.unit ?? ''
+                };
+            });
+        }
+        catch (e) {
+            this.error = 'KPI 데이터를 불러오지 못했습니다.';
+        }
+        finally {
+            this.loading = false;
+        }
+    }
+    render() {
+        if (this.loading) {
+            return html `<div class="summary-container">로딩 중...</div>`;
+        }
+        if (this.error) {
+            return html `<div class="summary-container">${this.error}</div>`;
+        }
+        return html `
+      <div class="summary-container">
+        <div class="summary-title">KPI 실적 현황</div>
+        <div class="kpi-cards">
+          ${this.kpis.map(kpi => html `
+              <div class="kpi-card">
+                <div class="kpi-name">${kpi.name}</div>
+                <div class="kpi-value">${kpi.value}${kpi.unit}</div>
+                <div class="kpi-target">목표: ${kpi.target}${kpi.unit}</div>
+              </div>
+            `)}
+        </div>
+      </div>
+    `;
+    }
+};
+__decorate([
+    state(),
+    __metadata("design:type", Array)
+], KpiPerformanceSummary.prototype, "kpis", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], KpiPerformanceSummary.prototype, "loading", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], KpiPerformanceSummary.prototype, "error", void 0);
+KpiPerformanceSummary = __decorate([
+    customElement('kpi-performance-summary')
+], KpiPerformanceSummary);
+export { KpiPerformanceSummary };
+//# sourceMappingURL=kpi-performance-summary.js.map

package/dist-client/pages/kpi-dashboard/kpi-performance-summary.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"kpi-performance-summary.js","sourceRoot":"","sources":["../../../client/pages/kpi-dashboard/kpi-performance-summary.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, css, LitElement } from 'lit'\nimport { customElement, state } from 'lit/decorators.js'\nimport { client } from '@operato/graphql'\nimport gql from 'graphql-tag'\n\n@customElement('kpi-performance-summary')\nexport class KpiPerformanceSummary extends LitElement {\n static styles = css`\n .summary-container {\n background: #fff;\n border-radius: 16px;\n padding: 32px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n margin-bottom: 16px;\n }\n .summary-title {\n font-size: 1.5rem;\n font-weight: bold;\n margin-bottom: 16px;\n }\n .kpi-cards {\n display: flex;\n gap: 24px;\n flex-wrap: wrap;\n }\n .kpi-card {\n background: #f7f7fa;\n border-radius: 12px;\n padding: 24px 32px;\n min-width: 220px;\n flex: 1;\n box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03);\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n }\n .kpi-name {\n font-size: 1.1rem;\n font-weight: 500;\n margin-bottom: 8px;\n }\n .kpi-value {\n font-size: 2.2rem;\n font-weight: bold;\n color: #3a3ad6;\n margin-bottom: 4px;\n }\n .kpi-target {\n font-size: 1rem;\n color: #888;\n }\n `\n\n @state() kpis: Array<{ name: string; value: string | number; target: string | number; unit: string }> = []\n @state() loading = true\n @state() error = ''\n\n connectedCallback() {\n super.connectedCallback()\n this.fetchKpis()\n }\n\n async fetchKpis() {\n this.loading = true\n this.error = ''\n try {\n const response = await client.query({\n query: gql`\n query {\n kpis {\n items {\n id\n name\n description\n value\n targetValue\n unit\n }\n total\n }\n }\n `\n })\n this.kpis = (response.data.kpis.items || []).map(kpi => {\n // value가 JSON 형태로 반환되므로 적절히 처리\n let value = '-'\n if (kpi.value && typeof kpi.value === 'object') {\n value = kpi.value.value ?? kpi.value.latestValue ?? '-'\n } else if (kpi.value) {\n value = kpi.value\n }\n\n return {\n name: kpi.name,\n value: value,\n target: kpi.targetValue ?? '-',\n unit: kpi.unit ?? ''\n }\n })\n } catch (e) {\n this.error = 'KPI 데이터를 불러오지 못했습니다.'\n } finally {\n this.loading = false\n }\n }\n\n render() {\n if (this.loading) {\n return html`<div class=\"summary-container\">로딩 중...</div>`\n }\n if (this.error) {\n return html`<div class=\"summary-container\">${this.error}</div>`\n }\n return html`\n <div class=\"summary-container\">\n <div class=\"summary-title\">KPI 실적 현황</div>\n <div class=\"kpi-cards\">\n ${this.kpis.map(\n kpi => html`\n <div class=\"kpi-card\">\n <div class=\"kpi-name\">${kpi.name}</div>\n <div class=\"kpi-value\">${kpi.value}${kpi.unit}</div>\n <div class=\"kpi-target\">목표: ${kpi.target}${kpi.unit}</div>\n </div>\n `\n )}\n </div>\n </div>\n `\n }\n}\n"]}