stz-chart-maker 1.0.1

package/dist/index.js

@@ -0,0 +1,2179 @@
+/**
+ * ═════════════════════════════════════════════════════════════
+ * 📄 FILE     : Logger.ts
+ * 📁 PACKAGE  : chartjs-toolbox-
+ * 👤 AUTHOR   : stz
+ * 🕒 CREATED  : 25. 7. 18.
+ * ═════════════════════════════════════════════════════════════
+ * ═════════════════════════════════════════════════════════════
+ * 📝 DESCRIPTION
+ *   -
+ * ═════════════════════════════════════════════════════════════
+ * ═════════════════════════════════════════════════════════════
+ * 🔄 CHANGE LOG
+ *   - DATE : 2025/07/18 | Author : stz | 최초 생성
+ * ═════════════════════════════════════════════════════════════
+ */
+/** ■■■■■■■■■■■■■■■■  GLOBAL Logging contr    ■■■■■■■■■■■■■■■■*/
+const LoggerConfig = {
+    errorLogging: true,
+    debugLogging: true,
+};
+/** ■■■■■■■■■■■■■■■■ Apple System Default Color ■■■■■■■■■■■■■■■■*/
+const CHART_COLOR = [
+    '#FF3B30', // System Red
+    '#FF9500', // System Orange
+    '#FFCC00', // System Yellow
+    '#34C759', // System Green
+    '#00C7BE', // System Mint
+    '#30B0C7', // System Teal
+    '#32ADE6', // System Cyan
+    '#007AFF', // System Blue
+    '#5856D6', // System Indigo
+    '#AF52DE', // System Purple
+];
+const originalConsoleLog = console.log;
+console.log = (...args) => {
+    if (LoggerConfig.debugLogging) {
+        originalConsoleLog.apply(console, args);
+    }
+};
+
+var ErrorMsg;
+(function (ErrorMsg) {
+    // 공통 에러
+    ErrorMsg["CHART_TYPE_REQUIRED"] = "Chart type is required.";
+    ErrorMsg["INVALID_CHART_TYPE"] = "Invalid chart type. Supported types are bar, line, scatter, bubble, etc.";
+    ErrorMsg["DATASET_REQUIRED"] = "Datasets cannot be empty.";
+    ErrorMsg["NOT_SUPPORTED_OPTION"] = "It does not support that option.";
+    ErrorMsg["LABELS_REQUIRED"] = "Labels cannot be empty.";
+    ErrorMsg["OPTIONS_REQUIRED"] = "Options cannot be null or undefined.";
+    ErrorMsg["NOT_REGISTERED_CHART_TYPE"] = "This chart type is not registered. Please call ChartWrapper.register().";
+    // 데이터 관련 에러
+    ErrorMsg["EMPTY_REQUIRED_PROPERTY"] = "A required property is missing in the dataset or options.";
+    ErrorMsg["INVALID_DATA_STRUCTURE"] = "Invalid data structure. Please check the dataset or labels format.";
+    ErrorMsg["AXIS_KEY_REQUIRED"] = "xAxisKey or yAxisKey is required for parsing.";
+    ErrorMsg["DATA_LENGTH_MISMATCH"] = "Labels length does not match datasets data length.";
+    ErrorMsg["IMAGE_PROPERTY_MISSING"] = "Image property is missing in the dataset. Please provide a valid image URL.";
+    // 플러그인 관련 에러
+    ErrorMsg["PLUGIN_NOT_FOUND"] = "Plugin not found in options.plugins.";
+    ErrorMsg["PLUGIN_ALREADY_EXISTS"] = "Plugin already exists. Use setPlugin() to override.";
+    ErrorMsg["PLUGIN_REMOVE_FAILED"] = "Cannot remove a non-existing plugin.";
+    // Chart 인스턴스 관련 에러
+    ErrorMsg["CHART_INSTANCE_NOT_FOUND"] = "Chart instance is not initialized.";
+    ErrorMsg["CHART_ALREADY_INITIALIZED"] = "Chart instance is already initialized.";
+    // BarChart 전용 에러
+    ErrorMsg["INVALID_BAR_THICKNESS"] = "Bar thickness must be a positive number.";
+    ErrorMsg["INVALID_BAR_PERCENTAGE"] = "Bar percentage must be between 0 and 1.";
+    ErrorMsg["INVALID_CATEGORY_PERCENTAGE"] = "Category percentage must be between 0 and 1.";
+    // 기타
+    ErrorMsg["UNKNOWN_ERROR"] = "An unknown error has occurred.";
+    //스케일 관련 에러
+    ErrorMsg["INVALID_AXIS_KEY"] = "Invalid axis key provided. Please check the axis configuration.";
+})(ErrorMsg || (ErrorMsg = {}));
+var ErrorCode;
+(function (ErrorCode) {
+    // 공통 (1200)
+    ErrorCode[ErrorCode["CHART_TYPE_REQUIRED"] = 1200] = "CHART_TYPE_REQUIRED";
+    ErrorCode[ErrorCode["INVALID_CHART_TYPE"] = 1201] = "INVALID_CHART_TYPE";
+    ErrorCode[ErrorCode["OPTIONS_REQUIRED"] = 1202] = "OPTIONS_REQUIRED";
+    ErrorCode[ErrorCode["NOT_REGISTERED_CHART_TYPE"] = 1203] = "NOT_REGISTERED_CHART_TYPE";
+    // 데이터 관련 (2200)
+    ErrorCode[ErrorCode["DATASET_REQUIRED"] = 2200] = "DATASET_REQUIRED";
+    ErrorCode[ErrorCode["LABELS_REQUIRED"] = 2211] = "LABELS_REQUIRED";
+    ErrorCode[ErrorCode["EMPTY_REQUIRED_PROPERTY"] = 2212] = "EMPTY_REQUIRED_PROPERTY";
+    ErrorCode[ErrorCode["INVALID_DATA_STRUCTURE"] = 2213] = "INVALID_DATA_STRUCTURE";
+    ErrorCode[ErrorCode["AXIS_KEY_REQUIRED"] = 2214] = "AXIS_KEY_REQUIRED";
+    ErrorCode[ErrorCode["DATA_LENGTH_MISMATCH"] = 2215] = "DATA_LENGTH_MISMATCH";
+    ErrorCode[ErrorCode["NOT_SUPPORTED_OPTION"] = 2216] = "NOT_SUPPORTED_OPTION";
+    ErrorCode[ErrorCode["IMAGE_PROPERTY_MISSING"] = 2217] = "IMAGE_PROPERTY_MISSING";
+    // 플러그인 관련 (3220)
+    ErrorCode[ErrorCode["PLUGIN_NOT_FOUND"] = 3220] = "PLUGIN_NOT_FOUND";
+    ErrorCode[ErrorCode["PLUGIN_ALREADY_EXISTS"] = 3221] = "PLUGIN_ALREADY_EXISTS";
+    ErrorCode[ErrorCode["PLUGIN_REMOVE_FAILED"] = 3222] = "PLUGIN_REMOVE_FAILED";
+    // 인스턴스 관련 (4230)
+    ErrorCode[ErrorCode["CHART_INSTANCE_NOT_FOUND"] = 4230] = "CHART_INSTANCE_NOT_FOUND";
+    ErrorCode[ErrorCode["CHART_ALREADY_INITIALIZED"] = 4231] = "CHART_ALREADY_INITIALIZED";
+    // 기타 (5240)
+    ErrorCode[ErrorCode["INVALID_BAR_THICKNESS"] = 5240] = "INVALID_BAR_THICKNESS";
+    ErrorCode[ErrorCode["INVALID_BAR_PERCENTAGE"] = 5241] = "INVALID_BAR_PERCENTAGE";
+    ErrorCode[ErrorCode["INVALID_CATEGORY_PERCENTAGE"] = 5242] = "INVALID_CATEGORY_PERCENTAGE";
+    ErrorCode[ErrorCode["UNKNOWN_ERROR"] = 5249] = "UNKNOWN_ERROR";
+    // 스케일 관련 (6250)
+    ErrorCode[ErrorCode["INVALID_AXIS_KEY"] = 6250] = "INVALID_AXIS_KEY";
+})(ErrorCode || (ErrorCode = {}));
+const ErrorMessage = {
+    // 공통
+    [ErrorCode.CHART_TYPE_REQUIRED]: ErrorMsg.CHART_TYPE_REQUIRED,
+    [ErrorCode.INVALID_CHART_TYPE]: ErrorMsg.INVALID_CHART_TYPE,
+    [ErrorCode.OPTIONS_REQUIRED]: ErrorMsg.OPTIONS_REQUIRED,
+    [ErrorCode.NOT_REGISTERED_CHART_TYPE]: ErrorMsg.NOT_REGISTERED_CHART_TYPE,
+    // 데이터 관련
+    [ErrorCode.DATASET_REQUIRED]: ErrorMsg.DATASET_REQUIRED,
+    [ErrorCode.LABELS_REQUIRED]: ErrorMsg.LABELS_REQUIRED,
+    [ErrorCode.EMPTY_REQUIRED_PROPERTY]: ErrorMsg.EMPTY_REQUIRED_PROPERTY,
+    [ErrorCode.INVALID_DATA_STRUCTURE]: ErrorMsg.INVALID_DATA_STRUCTURE,
+    [ErrorCode.AXIS_KEY_REQUIRED]: ErrorMsg.AXIS_KEY_REQUIRED,
+    [ErrorCode.DATA_LENGTH_MISMATCH]: ErrorMsg.DATA_LENGTH_MISMATCH,
+    [ErrorCode.NOT_SUPPORTED_OPTION]: ErrorMsg.NOT_SUPPORTED_OPTION,
+    // 플러그인 관련
+    [ErrorCode.PLUGIN_NOT_FOUND]: ErrorMsg.PLUGIN_NOT_FOUND,
+    [ErrorCode.PLUGIN_ALREADY_EXISTS]: ErrorMsg.PLUGIN_ALREADY_EXISTS,
+    [ErrorCode.PLUGIN_REMOVE_FAILED]: ErrorMsg.PLUGIN_REMOVE_FAILED,
+    // 인스턴스 관련
+    [ErrorCode.CHART_INSTANCE_NOT_FOUND]: ErrorMsg.CHART_INSTANCE_NOT_FOUND,
+    [ErrorCode.CHART_ALREADY_INITIALIZED]: ErrorMsg.CHART_ALREADY_INITIALIZED,
+    // 기타
+    [ErrorCode.INVALID_BAR_THICKNESS]: ErrorMsg.INVALID_BAR_THICKNESS,
+    [ErrorCode.INVALID_BAR_PERCENTAGE]: ErrorMsg.INVALID_BAR_PERCENTAGE,
+    [ErrorCode.INVALID_CATEGORY_PERCENTAGE]: ErrorMsg.INVALID_CATEGORY_PERCENTAGE,
+    [ErrorCode.UNKNOWN_ERROR]: ErrorMsg.UNKNOWN_ERROR,
+    [ErrorCode.IMAGE_PROPERTY_MISSING]: ErrorMsg.IMAGE_PROPERTY_MISSING,
+    // 스케일 관련
+    [ErrorCode.INVALID_AXIS_KEY]: ErrorMsg.INVALID_AXIS_KEY,
+};
+
+class CustomError extends Error {
+    code;
+    detail;
+    constructor(code, detail) {
+        const ErrMsg = detail ? `${ErrorMessage[code]} - ${detail}` : ErrorMessage[code];
+        super(ErrMsg);
+        this.code = code;
+        this.detail = detail;
+        this.name = 'CustomError';
+        if (LoggerConfig.errorLogging) {
+            const codeStyle = 'color: green; font-weight: bold;';
+            const messageStyle = 'color: orange;';
+            console.error(`%c[${code}] %c${ErrMsg}`, codeStyle, messageStyle);
+        }
+    }
+}
+
+class ChartWrapper {
+    type;
+    labels;
+    datasets;
+    options;
+    plugins;
+    static registry = new Map();
+    constructor(type, labels, datasets, options, plugins) {
+        this.type = type;
+        this.labels = labels;
+        this.datasets = datasets;
+        this.options = options;
+        this.plugins = plugins;
+    }
+    //TODO : factory pattern dynamic method for maintenance sex sex big ass doggy styleQWA?. MN
+    static create(type, labels, datasets, options, plugins) {
+        const WrapperClass = this.registry.get(type);
+        if (!WrapperClass) {
+            throw new CustomError(ErrorCode.NOT_REGISTERED_CHART_TYPE, `type=${type}`);
+        }
+        return new WrapperClass(type, labels, datasets, options, plugins);
+    }
+    static register(type, wrapperClass) {
+        this.registry.set(type, wrapperClass);
+    }
+    /**
+     * 플러그인을 추가합니다.
+     * @param plugin
+     * @param replaceIfExists
+     *
+     */
+    setPlugin(plugin, replaceIfExists = true) {
+        if (!this.plugins) {
+            this.plugins = [];
+        }
+        if (plugin.id && replaceIfExists) {
+            const existingIndex = this.plugins.findIndex((p) => p.id === plugin.id);
+            if (existingIndex !== -1) {
+                this.plugins[existingIndex] = plugin;
+                return this;
+            }
+        }
+        this.plugins.push(plugin);
+        return this;
+    }
+    /**
+     * 차트 설정 객체를 생성합니다.
+     * @param {string} id
+     * @returns {ChartConfig}
+     * @Description 레거시 지원용
+     */
+    makeConfig(id) {
+        return this.build(id);
+    }
+    /**
+     * 플러그인을 제거합니다.
+     * @param pluginId
+     */
+    removePlugin(pluginId) {
+        if (!this.plugins || !Array.isArray(this.plugins)) {
+            return this;
+        }
+        this.plugins.length;
+        this.plugins = this.plugins.filter((p) => p.id !== pluginId);
+        return this;
+    }
+    /**
+     * 플러그인이 존재하는지 확인합니다.
+     * @param pluginId
+     */
+    hasPlugin(pluginId) {
+        if (!this.plugins || !Array.isArray(this.plugins)) {
+            return false;
+        }
+        return this.plugins.some((p) => p.id === pluginId);
+    }
+    build(id) {
+        this.normalize();
+        const chartId = id || `${this.type}_${Math.random()}`;
+        const config = {
+            _chartId: chartId,
+            type: this.type,
+            data: { labels: this.labels, datasets: this.datasets },
+            options: { ...this.options, _chartId: chartId },
+            plugins: this.plugins,
+        };
+        return this.configAop(config);
+    }
+}
+
+function a0_0x4af2(_0x4297ef,_0x3c4d84){const _0x5eed3d=a0_0x5eed();return a0_0x4af2=function(_0x4af297,_0x1d0aaf){_0x4af297=_0x4af297-0x195;let _0x2ac4f5=_0x5eed3d[_0x4af297];if(a0_0x4af2['cnrCGs']===undefined){var _0x2f632c=function(_0x4e29ba){const _0x3cc3f0='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=';let _0x19591f='',_0x2d1ac1='';for(let _0x3bddd5=0x0,_0x2b03c7,_0x34d1c4,_0xa8194c=0x0;_0x34d1c4=_0x4e29ba['charAt'](_0xa8194c++);~_0x34d1c4&&(_0x2b03c7=_0x3bddd5%0x4?_0x2b03c7*0x40+_0x34d1c4:_0x34d1c4,_0x3bddd5++%0x4)?_0x19591f+=String['fromCharCode'](0xff&_0x2b03c7>>(-2*_0x3bddd5&0x6)):0x0){_0x34d1c4=_0x3cc3f0['indexOf'](_0x34d1c4);}for(let _0x2672da=0x0,_0x5a9dfe=_0x19591f['length'];_0x2672da<_0x5a9dfe;_0x2672da++){_0x2d1ac1+='%'+('00'+_0x19591f['charCodeAt'](_0x2672da)['toString'](0x10))['slice'](-2);}return decodeURIComponent(_0x2d1ac1);};a0_0x4af2['sZUXQc']=_0x2f632c,_0x4297ef=arguments,a0_0x4af2['cnrCGs']=!![];}const _0x4ea7a7=_0x5eed3d[0x0],_0x399fa1=_0x4af297+_0x4ea7a7,_0x1caf89=_0x4297ef[_0x399fa1];return !_0x1caf89?(_0x2ac4f5=a0_0x4af2['sZUXQc'](_0x2ac4f5),_0x4297ef[_0x399fa1]=_0x2ac4f5):_0x2ac4f5=_0x1caf89,_0x2ac4f5;},a0_0x4af2(_0x4297ef,_0x3c4d84);}function a0_0x5eed(){const _0x4c3bf0=['rxPzCwq','BwfW','AuHMCLK','Dg9mB2nHBgvtDhjPBMC','mJy3odKXnLviDvvpyW','DMPiAKO','yxbWzw5Kq2HPBgq','zxjYB3i','Bg9N','rfLQquu','tNvSBa','cGRIOidIOidIOzxIOzxIOzxIOzxIOzxIOzxIOzxIOzxIOzxIOzxIOzxIOzxIOyxIOidIOPdIOPxIOPxIOPxIOPxIOPxIOPxIOPxIOPxIOPxIOPxIOPxIOPxIOPxIOPxIOPxIOPxIOPxIOPxIOPxIOPxIOPxIOPxIOPxIOPxIOPxIOPxIOPxIOPxIOPxIOPxIOPxIOidIOiak4Qgh4Qgh4Qgh4Qgh4Qca4Qca4Qca4Qca4Qca4Qca4Qca4Qca4Qca4Qkh4Qkh4Qkp4Qko4Qko4Qcg4Qca4Qca4Qca4Qca4Qca4Qca4Qca4Qca4Qca4Qca4QkO4QkQ4QkQ4QgQ4Qgc4Qca4Qca4Qca4Qca4Qca4Qca4Qca4Qca4Qca4Qca4Qca4Qca4QkQ4QkQ4QkQ4QcgcUkHH+kHH+kGGokGGokGGokGQokHQUkHQUkHQUkHJUkHRUkGGokGGokGGokIGokIH+kIH+kIH+kIH+kIH+kIL+kILEkGHokGGokGGokGGokHH+kJH+kIH+kIH+kIH+kIH+kIH+kIH+kIH+kIH+kIL+kILEkILEkILEkIHEkGGokGGokGGokGGokGGokIQUkIQUkIQUkHGWRIOyFIOyFIOydIOidIOidIOkJIOARIOBRIOBJIOBJIOBJIOBhIOO3IOOFIOOFIOOFIOQFIOQpIOipIOidIOQJIOQRIOidIOidIOidIOidIOyFIOyFIOyFIOAFIOzpIOzxIORxIOidIOidIOPZIOPZIOPZIOOZIOidIOidIOidIOidIOidIOQJIOQpIORpIORhIORhIOOuk4Qgo4Qgo4Qgo4Qgh4Qca4Qca4Qca4Qca4Qca4Qca4Qca4Qca4Qca4QgJ4QgJ4QgZ4QgX4QgX4Qgb4Qca4QkO4QkQ4Qca4Qca4Qca4Qca4Qgh4Qgh4Qgh4Qgh4Qca4Qca4Qca4Qg44Qg54Qg44Qg44Qca4Qca4Qca4Qca4Qca4QkO4Qk54Qk44Qg44QkC4QkC4QkC4QcgcUkIH+kIH+kIH+kIH+kIJ+kIJUkIH+kIJ+kIJUkIRUkIQUkGGokGGokGGokGGokHH+kHH+kHP+kHGEkGGokGUokHUokGGokGGokGGokGGokHH+kHH+kHH+kHH+kGGokGUokHUokHUokHUokGGokGGokGGokGGokGGokGOokHO+kHO+kHO+kHS+kHUokHSEkHSEkGGokGGaRIOOFIOOFIOidIOidIOidIOkJIOARIOARIOARIOARIOARIOidIOidIOidIOidIO4FIOOFIOQFIOihIOidIORJIORJIOidIOidIOidIOidIOyFIOyFIOyFIOyFIOidIORJIORJIOidIOidIOidIOidIOidIOidIOyFIOyFIOyFIOzFIOzxIOzxIOzxIO5xIOPxIOidIOiak4QkJ4QkJ4QkR4Qkk4Qca4Qca4Qca4Qca4Qca4Qca4Qca4Qca4Qga4QgD4QgC4QgC4QgC4QgC4Qcm4Qca4QkO4QkQ4Qca4Qca4Qca4Qca4Qgh4Qgh4Qgh4Qgh4Qca4QkW4QkX4Qcb4Qca4Qca4Qca4Qca4Qca4Qca4Qca4Qca4Qca4Qca4Qca4Qca4Qg44Qg44QgX4QgXcUkGGokGGokIH+kIH+kIH+kIJ+kIJUkIH+kIJ+kGRUkHUEkHUokHSokILEkILEkGTEkHSEkHUEkGKokGGokGQokHQUkHQUkHO+kHQ+kHQUkHQUkHQUkIJUkGHUkGGokIMokINokINokILEkINEkINokILEkINEkINokILEkINEkINokILEkINEkINokINokINokINokGRaRIOidIOidIOidIOidIOyFIOyFIOyFIOyFIOyFIOyFIO4FIOOFIOQFIOQpIOQpIOQVIOylIOidIOidIOidIOidIOidIOQRIOQRIOQRIOQRIOQRIOQRIOQpIOipIOidIOidIOidIORJIORJIORJIORJIORJIORJIORJIORJIORJIORJIORJIORJIORJIORJIORJIORJIOzekcG','B21PDa','BKD6u2q','yM9KEq','A0LUs1O','ChjVDg90ExbL','w29IAMvJDcbpyMPLy3rD','Dgv4DenVBNrLBNq','y2HPBgrYzw4','zxzLCNK','AxnpyMPLy3q','oty4nte1B0TWEvD6','y29UC3rYDwn0B3i','t2jQzwn0','CMvKDwnL','C2vQCe0','C2XPy2u','DgfIBgvFzgf0ys5JC3y','AgfZ','uK9JAxq','DujQAwO','DMfSDwvZ','u3rYAw5N','zNjVBq','mJm2odmWngXpufHsva','AxriyNe','zM9YrwfJAa','zLHzqvi','uvHmBgy','Dg9tDhjPBMC','quzxz04','ChvZAa','BgvUz3rO','yLHKBMi','C2v0','C3rYAw5N','z2v0vhLWzq','mtq1mgLMqxbHAW','y3jLyxrLt2jQzwn0vvjm','CMvTB3zLq2HPBgq','qxjYyxK','z2v0','mtu1mZK2nMLIDgXoBW','zg93BMXVywq','y2XPy2S','B1zLwMi','s1jZv2O','odKYmZiYmNzJAMTKCq','mtq1nKfTEhnYzG','Aw5JBhvKzxm','x19WCM90B19F','DNfRze0','nLzhDK1xva','BwvYz2u','mti4n0jmtKrxqG','AgfZt3DUuhjVCgvYDhK','mwfRseXsDG','C3vIC3rYAw5N','y2fSBa','CxvLCNLtzwXLy3rVCKfSBa','twP6DMW','Bhj6DeC','q1PmAvG','DgGSihrK','y2XVBMvezwvW','mJm3odrwELfADhK','AurjAg0'];a0_0x5eed=function(){return _0x4c3bf0;};return a0_0x5eed();}const a0_0xd09b08=a0_0x4af2;(function(_0xaa0e9,_0x539ed9){const _0x351f8d=a0_0x4af2,_0x3c349f=_0xaa0e9();while(!![]){try{const _0x288d21=-parseInt(_0x351f8d(0x1d2))/0x1*(-parseInt(_0x351f8d(0x1c4))/0x2)+-parseInt(_0x351f8d(0x1e1))/0x3+-parseInt(_0x351f8d(0x1b2))/0x4+parseInt(_0x351f8d(0x1a5))/0x5*(-parseInt(_0x351f8d(0x1ce))/0x6)+-parseInt(_0x351f8d(0x1ca))/0x7*(-parseInt(_0x351f8d(0x1db))/0x8)+-parseInt(_0x351f8d(0x1d0))/0x9*(parseInt(_0x351f8d(0x1bf))/0xa)+parseInt(_0x351f8d(0x1c9))/0xb;if(_0x288d21===_0x539ed9)break;else _0x3c349f['push'](_0x3c349f['shift']());}catch(_0x2df080){_0x3c349f['push'](_0x3c349f['shift']());}}}(a0_0x5eed,0x7bccb));const stzUtil={'dateFormatTs':_0x85e1ea=>{const _0x288fee=a0_0x4af2;if(_0x85e1ea&&_0x85e1ea[_0x288fee(0x1cb)]('T')){let _0x134ad2=_0x85e1ea['split']('T');return _0x134ad2[0x0];}return _0x85e1ea;},'dateFormatDots':_0x32aa25=>{const _0x5e3afc=a0_0x4af2;let _0x193aac=_0x32aa25[_0x5e3afc(0x1d3)](0x0,0x4),_0x2a7e63=_0x32aa25['substring'](0x4,0x6),_0x3ac482=_0x32aa25['substring'](0x6,0x8);return _0x193aac+'.'+_0x2a7e63+'.'+_0x3ac482;},'dateFormatDash':_0x586b61=>{const _0xb1e10f=a0_0x4af2;let _0xcb3bd2=_0x586b61[_0xb1e10f(0x1d3)](0x0,0x4),_0x2ea8be=_0x586b61[_0xb1e10f(0x1d3)](0x4,0x6),_0x5cc03f=_0x586b61[_0xb1e10f(0x1d3)](0x6,0x8);return _0xcb3bd2+'-'+_0x2ea8be+'-'+_0x5cc03f;},'dateFormatSlashes':_0x2ca74b=>{const _0x44fbf9=a0_0x4af2;let _0x44b021=_0x2ca74b[_0x44fbf9(0x1d3)](0x0,0x4),_0x48e045=_0x2ca74b['substring'](0x4,0x6),_0x2af2ea=_0x2ca74b[_0x44fbf9(0x1d3)](0x6,0x8);return _0x44b021+'/'+_0x48e045+'/'+_0x2af2ea;},'arrSumByLength':(_0x5becdf,_0x5e70be)=>{const _0x348eb0=a0_0x4af2,_0x442bfb={'iDIhm':function(_0x5a4d9d,_0x2e9d7a){return _0x5a4d9d<_0x2e9d7a;}};let _0x1b5b88=[];for(let _0x5e7b3c=0x0;_0x442bfb[_0x348eb0(0x1dc)](_0x5e7b3c,_0x5becdf['length']);_0x5e7b3c+=_0x5e70be){const _0x9d212f=_0x5becdf['slice'](_0x5e7b3c,_0x5e7b3c+_0x5e70be),_0x3ec6d9=_0x9d212f[_0x348eb0(0x1a3)](_0x21e5c6=>typeof _0x21e5c6==='string'),_0x35e28d=_0x9d212f[_0x348eb0(0x1a8)]((_0x40fa79,_0x49de3c)=>_0x40fa79+Number(_0x49de3c),0x0);_0x1b5b88[_0x348eb0(0x1b9)](_0x3ec6d9?_0x35e28d[_0x348eb0(0x1e0)]():_0x35e28d);}return _0x1b5b88;},'buildTree':(_0x39cc17,_0x40f58c,_0x420ae5,_0x8ab128=a0_0xd09b08(0x1a2))=>{const _0x38822e=a0_0xd09b08,_0x1e580e=[],_0x234ccc={};return _0x39cc17[_0x38822e(0x1b4)](_0x288ff0=>{const _0x2d0c7d=_0x38822e,_0x430707={..._0x288ff0,[_0x8ab128]:[]};_0x234ccc[_0x288ff0[_0x40f58c]]=_0x430707;if(!_0x288ff0[_0x420ae5])_0x1e580e[_0x2d0c7d(0x1b9)](_0x430707);else {const _0x337c30=_0x234ccc[_0x288ff0[_0x420ae5]];_0x337c30&&_0x337c30[_0x8ab128][_0x2d0c7d(0x1b9)](_0x430707);}}),_0x1e580e;},'downloadTableByCSV':(_0x3faa4d,_0x577d4b=a0_0xd09b08(0x1ab))=>{const _0x596efb=a0_0xd09b08,_0x17dfbc={'vjHjJ':_0x596efb(0x1d9),'uBjij':'Table\x20element\x20not\x20found.','lttCc':function(_0x2a42db,_0x141873){return _0x2a42db+_0x141873;},'QXLlf':'text/csv;charset=utf-8;'};if(!_0x3faa4d){console[_0x596efb(0x196)](_0x17dfbc[_0x596efb(0x1ae)]);return;}const _0x310786=Array[_0x596efb(0x1b1)](_0x3faa4d[_0x596efb(0x1d5)]('tr')),_0x4e06d1=_0x310786[_0x596efb(0x1de)](_0x2f58f2=>{const _0x46e239=_0x596efb,_0x3413c3=Array[_0x46e239(0x1b1)](_0x2f58f2[_0x46e239(0x1d5)](_0x17dfbc[_0x46e239(0x1e2)]));return _0x3413c3['map'](_0x4a314a=>'\x22'+_0x4a314a[_0x46e239(0x1a1)]+'\x22')['join'](',');})['join']('\x0a'),_0x5077d1='\ufeff',_0x5c0d92=new Blob([_0x17dfbc['lttCc'](_0x5077d1,_0x4e06d1)],{'type':_0x17dfbc[_0x596efb(0x1b6)]}),_0x22d411=URL[_0x596efb(0x1c0)](_0x5c0d92),_0x2817b6=document['createElement']('a');_0x2817b6['href']=_0x22d411,_0x2817b6[_0x596efb(0x1c5)]=_0x577d4b,document[_0x596efb(0x19d)][_0x596efb(0x195)](_0x2817b6),_0x2817b6[_0x596efb(0x1c6)](),document[_0x596efb(0x19d)][_0x596efb(0x1c1)](_0x2817b6),URL['revokeObjectURL'](_0x22d411);},'getType':_0x346b8e=>{const _0x150281=a0_0xd09b08;return Object[_0x150281(0x19f)][_0x150281(0x1b7)][_0x150281(0x1d4)](_0x346b8e)[_0x150281(0x1aa)](0x8,-1);},'isObject':_0x3313e8=>{const _0x29558f=a0_0xd09b08,_0x4ecb18={'Mjzvl':function(_0x10e4c2,_0x339ae6){return _0x10e4c2===_0x339ae6;},'DYjAE':_0x29558f(0x1a0)};return _0x4ecb18[_0x29558f(0x1d6)](Object[_0x29558f(0x19f)][_0x29558f(0x1b7)][_0x29558f(0x1d4)](_0x3313e8),_0x4ecb18[_0x29558f(0x198)]);},'omit':(_0x33a8fd,_0x3ec703)=>{const _0x520bfa=a0_0xd09b08,_0x1732ba={'AFWgN':'Null','sejpM':_0x520bfa(0x1a7),'CZLiX':function(_0x42d7f0,_0x6ca0f){return _0x42d7f0!==_0x6ca0f;},'iHfrY':'Array'},_0x1e6eba=stzUtil[_0x520bfa(0x1be)](_0x33a8fd);if(_0x1e6eba===_0x1732ba[_0x520bfa(0x1b8)]||_0x1e6eba!==_0x1732ba[_0x520bfa(0x1a9)]&&_0x1732ba[_0x520bfa(0x1d8)](_0x1e6eba,_0x1732ba[_0x520bfa(0x1df)]))return _0x33a8fd;if(_0x1e6eba===_0x1732ba['iHfrY'])return _0x33a8fd['map'](_0x26e6e7=>stzUtil[_0x520bfa(0x19b)](_0x26e6e7,_0x3ec703));const _0x572ff3={};for(const _0x32f743 in _0x33a8fd){if(_0x3ec703[_0x520bfa(0x1cb)](_0x32f743))continue;const _0x235037=_0x33a8fd[_0x32f743];_0x572ff3[_0x32f743]=stzUtil['omit'](_0x235037,_0x3ec703);}return _0x572ff3;},'pick':(_0x4d5b5a,_0x41324b)=>{const _0x4cdc29=a0_0xd09b08;if(Object[_0x4cdc29(0x19f)][_0x4cdc29(0x1d1)][_0x4cdc29(0x1d4)](_0x4d5b5a,_0x41324b)){const {[_0x41324b]:_0x48b65d,..._0x192d8}=_0x4d5b5a;return _0x192d8;}else throw new Error('Object\x20does\x20not\x20have\x20PROPERTY');},'makeComboItems':(_0x2bf4dd,_0x10cf0f,_0x5aa188)=>{return _0x2bf4dd['map'](_0x5b9720=>{return {'key':_0x5b9720[_0x10cf0f],'value':_0x5b9720[_0x5aa188],'label':_0x5b9720[_0x10cf0f]};});},'isEmpty':_0xbba018=>{const _0x2d7ca4=a0_0xd09b08,_0x2daf87={'EzYqd':function(_0x12a027,_0x52ab36){return _0x12a027===_0x52ab36;},'nGzSd':function(_0x1c7e3a,_0x40ee63){return _0x1c7e3a===_0x40ee63;},'lrztG':_0x2d7ca4(0x1b0),'dOTDE':function(_0x58d2d1,_0x472f29){return _0x58d2d1===_0x472f29;},'bXdnb':_0x2d7ca4(0x1c2),'oVeZb':function(_0x1b6e6f,_0x4dc17e){return _0x1b6e6f===_0x4dc17e;},'vqkdM':_0x2d7ca4(0x1a7),'mbXkC':function(_0x2a456a,_0x4880e7){return _0x2a456a===_0x4880e7;}},_0x45b94f=stzUtil[_0x2d7ca4(0x1be)](_0xbba018);if(_0x2daf87[_0x2d7ca4(0x1dd)](_0xbba018,null)||_0x2daf87[_0x2d7ca4(0x19c)](_0xbba018,undefined))return !![];if(_0x2daf87[_0x2d7ca4(0x1dd)](_0x45b94f,_0x2daf87[_0x2d7ca4(0x1d7)])&&_0x2daf87['dOTDE'](_0xbba018['trim'](),''))return !![];if(_0x2daf87['dOTDE'](_0x45b94f,_0x2daf87[_0x2d7ca4(0x1bb)])&&_0x2daf87[_0x2d7ca4(0x19c)](_0xbba018[_0x2d7ca4(0x1ba)],0x0))return !![];if(_0x2daf87[_0x2d7ca4(0x1c7)](_0x45b94f,_0x2daf87[_0x2d7ca4(0x1cd)])){if(_0x2daf87['mbXkC'](Object['keys'](_0xbba018)[_0x2d7ca4(0x1ba)],0x0))return !![];const _0x40c3bf=Object[_0x2d7ca4(0x1af)](_0xbba018)['every'](_0x2299b8=>_0x2299b8===null||_0x2299b8===undefined||_0x2299b8==='');if(_0x40c3bf)return !![];}return ![];},'cloneDeep':(_0x2f1be6,_0x1d152e=new Map())=>{const _0x222a3d=a0_0xd09b08,_0x43240e={'dHCBz':function(_0xf2259f,_0x4fb9aa){return _0xf2259f===_0x4fb9aa;},'fXYAR':'Object','AOIOq':function(_0x45bc52,_0x19aa0a){return _0x45bc52!==_0x19aa0a;},'kInKZ':'Array'},_0xb53aa8=stzUtil['getType'](_0x2f1be6);if(_0x43240e['dHCBz'](_0xb53aa8,_0x222a3d(0x199))||_0xb53aa8!==_0x43240e[_0x222a3d(0x1b5)]&&_0x43240e['AOIOq'](_0xb53aa8,_0x43240e[_0x222a3d(0x19e)]))return _0x2f1be6;if(_0x1d152e[_0x222a3d(0x1ac)](_0x2f1be6))return _0x1d152e[_0x222a3d(0x1c3)](_0x2f1be6);if(_0x43240e['dHCBz'](_0xb53aa8,_0x43240e['kInKZ'])){const _0x5372fe=[];_0x1d152e[_0x222a3d(0x1bc)](_0x2f1be6,_0x5372fe);for(const _0x27d990 of _0x2f1be6){_0x5372fe[_0x222a3d(0x1b9)](stzUtil[_0x222a3d(0x1da)](_0x27d990,_0x1d152e));}return _0x5372fe;}else {const _0x4e0e15={};for(const _0x576268 in _0x2f1be6){Object[_0x222a3d(0x19f)]['hasOwnProperty'][_0x222a3d(0x1d4)](_0x2f1be6,_0x576268)&&(_0x4e0e15[_0x576268]=stzUtil['cloneDeep'](_0x2f1be6[_0x576268],_0x1d152e));}return _0x4e0e15;}},'merge':(_0x2045d4,_0x4b8739)=>{const _0x40c934=a0_0xd09b08,_0x4e8801={'ROcit':_0x40c934(0x1cc),'itHbq':function(_0x5326b3,_0x3f28f9){return _0x5326b3===_0x3f28f9;},'KRsWj':_0x40c934(0x1bd)},_0x5b3116=new Set([_0x4e8801[_0x40c934(0x1ad)],_0x40c934(0x1a6),'prototype']);if(!stzUtil[_0x40c934(0x1a4)](_0x2045d4)||!stzUtil[_0x40c934(0x1a4)](_0x4b8739))return _0x4b8739;const _0x55f676={..._0x2045d4};for(const _0x35d05e of Reflect['ownKeys'](_0x4b8739)){if(_0x4e8801[_0x40c934(0x1b3)](typeof _0x35d05e,_0x4e8801[_0x40c934(0x1c8)])&&_0x5b3116[_0x40c934(0x1ac)](_0x35d05e))continue;const _0x2dc3ec=Reflect[_0x40c934(0x1c3)](_0x4b8739,_0x35d05e),_0x2e0688=Reflect[_0x40c934(0x1c3)](_0x2045d4,_0x35d05e);if(stzUtil[_0x40c934(0x1a4)](_0x2dc3ec)&&stzUtil[_0x40c934(0x1a4)](_0x2e0688)){const _0x37ae9f=stzUtil[_0x40c934(0x1cf)](_0x2e0688,_0x2dc3ec);Reflect[_0x40c934(0x1bc)](_0x55f676,_0x35d05e,_0x37ae9f);}else Reflect[_0x40c934(0x1bc)](_0x55f676,_0x35d05e,_0x2dc3ec);}return _0x55f676;}};
+
+/**
+ * ═════════════════════════════════════════════════════════════
+ * 📄 FILE     : Cartesian.ts
+ * 📁 PACKAGE  : chartjs-toolbox-
+ * 👤 AUTHOR   : stz
+ * 🕒 CREATED  : 25. 7. 24.
+ * ═════════════════════════════════════════════════════════════
+ * ═════════════════════════════════════════════════════════════
+ * 📝 DESCRIPTION
+ *   -
+ * ═════════════════════════════════════════════════════════════
+ * ═════════════════════════════════════════════════════════════
+ * 🔄 CHANGE LOG
+ *   - DATE : 2025/07/24 | Author : stz | 최초 생성
+ * ═════════════════════════════════════════════════════════════
+ */
+const DefaultZoomOptions = {
+    zoom: {
+        drag: {
+            enabled: true,
+            borderColor: 'rgba(0, 123, 255, 1)',
+            borderWidth: 1,
+            backgroundColor: 'rgba(0, 123, 255, 0.1)',
+        },
+        mode: 'xy',
+        overScaleMode: null,
+    },
+    pan: {
+        enabled: false,
+    },
+};
+const DefaultDataLabelsOptions = {
+    formatter: function (value, context) {
+        return value;
+    },
+    display: function (context) {
+        return true;
+    },
+    color: function (context) {
+        return '#000';
+    },
+    font: {
+        size: 13,
+        weight: 'bold',
+    },
+    anchor: 'end',
+    align: 'center',
+};
+
+class ChartInstance {
+    static map = new Map();
+    static register(id, instance) {
+        this.map.set(id, instance);
+    }
+    static get(id) {
+        return this.map.get(id);
+    }
+    static getChart(id) {
+        const chart = this.get(id);
+        if (stzUtil.isEmpty(chart)) {
+            throw new CustomError(ErrorCode.UNKNOWN_ERROR);
+        }
+        return chart;
+    }
+    static unregister(id) {
+        return this.map.delete(id);
+    }
+    static has(id) {
+        return this.map.has(id);
+    }
+    static clear() {
+        this.map.clear();
+    }
+    static update(id, instance, mode = 'default') {
+        const chart = this.get(id);
+        if (stzUtil.isEmpty(chart)) {
+            this.register(id, instance);
+            instance.update(mode);
+        }
+        else {
+            throw new CustomError(ErrorCode.UNKNOWN_ERROR);
+        }
+    }
+    static resize(id) {
+        const chart = this.get(id);
+        if (stzUtil.isEmpty(chart)) {
+            throw new CustomError(ErrorCode.UNKNOWN_ERROR);
+        }
+        chart.resize();
+    }
+}
+
+// 기본 Chart.js 플러그인들
+const noDataPlugin = {
+    id: 'noDataPlugin',
+    beforeUpdate: function (chart) {
+        // 필요시 구현
+    },
+    afterDraw: function (chart) {
+        const type = chart.config.type;
+        let hasNoData = false;
+        if (type === 'treemap') {
+            const treeData = chart.data.datasets?.[0]?.tree;
+            hasNoData = !Array.isArray(treeData) || treeData.length === 0;
+        }
+        else {
+            hasNoData = !chart.data.datasets || !Array.isArray(chart.data.datasets[0]?.data) || chart.data.datasets[0].data.length === 0;
+        }
+        if (hasNoData) {
+            const ctx = chart.ctx;
+            const width = chart.width;
+            const height = chart.height;
+            ctx.save();
+            ctx.textAlign = 'center';
+            ctx.textBaseline = 'middle';
+            ctx.font = '30px Arial';
+            ctx.fillText('No data available', width / 2, height / 2);
+            ctx.restore();
+        }
+    },
+    beforeDestroy(chart) {
+        console.log(`차트 사라짐 , ${chart.canvas.id}`);
+        chart._initVisible = false;
+        if (chart._initVisibleComp) {
+            delete chart._initVisibleComp;
+        }
+    },
+};
+// 줌 리셋 플러그인
+const zoomResetPlugin = {
+    id: 'zoomResetButton',
+    afterDraw(chart, args, options) {
+        const canvas = chart.canvas;
+        const parent = canvas.parentNode;
+        if (chart._zoomResetBtnDom)
+            return;
+        if (getComputedStyle(parent).position === 'static') {
+            parent.style.position = 'relative';
+        }
+        const button = document.createElement('button');
+        button.innerText = 'Zoom Reset';
+        button.className = 'chart-zoom-reset-btn';
+        Object.assign(button.style, {
+            position: 'absolute',
+            zIndex: '10',
+            padding: '4px 8px',
+            fontSize: '12px',
+            background: 'rgba(0,0,0,0.7)',
+            color: '#fff',
+            border: '1px solid #fff',
+            borderRadius: '4px',
+            cursor: 'pointer',
+            display: 'none',
+        });
+        button.onclick = () => {
+            if (chart.resetZoom) {
+                chart.resetZoom();
+            }
+            button.style.display = 'none';
+        };
+        parent.appendChild(button);
+        chart._zoomResetBtnDom = button;
+    },
+    afterEvent(chart, args) {
+        const button = chart._zoomResetBtnDom;
+        if (!button)
+            return;
+        const isZoomed = chart.isZoomedOrPanned?.();
+        if (!isZoomed) {
+            button.style.display = 'none';
+            return;
+        }
+        const { chartArea } = chart;
+        const x = chartArea.right - 90;
+        const y = chartArea.top + 10;
+        button.style.left = `${x}px`;
+        button.style.top = `${y}px`;
+        button.style.display = 'block';
+    },
+};
+// 도넛 차트 중앙 텍스트 플러그인
+const doughnutCenterTextPlugin = {
+    id: 'doughnutCenterTextPlugin',
+    afterDraw(chart) {
+        const parent = chart.canvas.parentNode;
+        if (chart.config.type !== 'doughnut')
+            return;
+        chart.canvas.style.zIndex = '1';
+        chart.canvas.style.position = 'relative';
+        const totalData = chart.config.data.datasets[0].data.reduce((a, b) => (Number(a) || 0) + (Number(b) || 0), 0);
+        if (totalData === 0) {
+            const textDiv = parent.querySelector('.chart-center-text');
+            if (textDiv)
+                textDiv.remove();
+            return;
+        }
+        if (getComputedStyle(parent).position === 'static') {
+            parent.style.position = 'relative';
+        }
+        let textDiv = parent.querySelector('.chart-center-text');
+        if (!textDiv) {
+            textDiv = document.createElement('div');
+            textDiv.className = 'chart-center-text d-flex flex-column justify-content-center align-items-center';
+            Object.assign(textDiv.style, {
+                position: 'absolute',
+                top: '50%',
+                left: '50%',
+                transform: 'translate(-50%, -50%)',
+                pointerEvents: 'none',
+                color: '#fff',
+                fontFamily: 'sans-serif',
+                textAlign: 'center',
+            });
+            parent.appendChild(textDiv);
+        }
+        // 중앙 HTML 설정 (외부에서 설정 가능)
+        const centerHtml = chart._centerHtml || '';
+        textDiv.innerHTML = centerHtml;
+    },
+};
+// 로딩 애니메이션 플러그인
+const loadingPlugin = {
+    id: 'loadingPlugin',
+    beforeInit(chart, args, options) {
+        chart._startLoading = true;
+    },
+    beforeDraw(chart) {
+        // 로딩 상태가 설정되어 있으면 애니메이션 시작
+        if (chart._startLoading) {
+            chart._startLoading = false;
+            this.startLoadingAnimation(chart);
+        }
+    },
+    startLoadingAnimation(chart) {
+        const canvas = chart.canvas;
+        const ctx = chart.ctx;
+        const dpr = window.devicePixelRatio || 1;
+        if (!canvas)
+            return;
+        const rect = canvas.getBoundingClientRect();
+        const width = rect.width;
+        const height = rect.height;
+        canvas.width = width * dpr;
+        canvas.height = height * dpr;
+        ctx.setTransform(1, 0, 0, 1, 0, 0);
+        ctx.scale(dpr, dpr);
+        let percentage = 0;
+        const centerX = width / 2;
+        const centerY = height / 2;
+        const radius = Math.min(width, height) * 0.25;
+        const animate = () => {
+            if (chart._cancelLoading) {
+                chart._cancelLoading = false;
+                chart.update();
+                return;
+            }
+            ctx.clearRect(0, 0, width, height);
+            // 반투명 배경
+            ctx.fillStyle = 'rgba(255,255,255,0.85)';
+            ctx.fillRect(0, 0, width, height);
+            // 퍼센티지 텍스트
+            ctx.fillStyle = '#007bff';
+            ctx.font = `bold ${Math.floor(height * 0.1)}px Arial`;
+            ctx.textAlign = 'center';
+            ctx.textBaseline = 'middle';
+            ctx.fillText(`${percentage} %`, centerX, centerY);
+            // 원형 프로그레스 바
+            ctx.beginPath();
+            ctx.lineWidth = 6;
+            ctx.strokeStyle = '#007bff';
+            const start = -Math.PI / 2;
+            const end = start + (percentage / 100) * 2 * Math.PI;
+            ctx.arc(centerX, centerY, radius, start, end);
+            ctx.stroke();
+            if (percentage >= 100 && chart) {
+                // 로딩 완료 후 차트 업데이트
+                setTimeout(() => {
+                    chart.update();
+                }, 500);
+            }
+            else {
+                percentage++;
+                requestAnimationFrame(animate);
+            }
+        };
+        requestAnimationFrame(animate);
+    },
+};
+const customLegend = {
+    id: 'htmlLegend',
+    _Default: {
+        containerID: '',
+        className: {
+            list: 'list-container',
+            item: 'legend-item',
+            box: 'legend-box',
+            text: 'text-container',
+        },
+        styles: {
+            text: { textDecoration: 'none', color: '#111827' },
+            textHidden: { textDecoration: 'line-through', color: '#9ca3af' },
+            box: (item, type) => ({
+                width: '12px',
+                height: '12px',
+                borderRadius: type === 'line' ? '50%' : '4px',
+                borderWidth: '2px',
+                backgroundColor: item.fillStyle,
+                borderColor: item.strokeStyle,
+            }),
+        },
+        getItemText: item => item.text,
+        getDatasetType: (chart, item) => {
+            const ds = chart.config.data?.datasets?.[item.datasetIndex];
+            if (ds?.type)
+                return ds.type;
+            const config = chart.config;
+            return 'type' in config ? config.type : undefined;
+        },
+    },
+    _fnc: (chart, id, options) => {
+        if (!id)
+            return;
+        const legendContainer = document.getElementById(id);
+        let listContainer = legendContainer?.querySelector('div');
+        if (!listContainer) {
+            listContainer = document.createElement('div');
+            listContainer.className = options.className.list;
+            legendContainer.appendChild(listContainer);
+        }
+        return listContainer;
+    },
+    afterUpdate(chart, args, options) {
+        if (!options || !options.containerID)
+            return;
+        const plainOptions = JSON.parse(JSON.stringify(options));
+        const merge = stzUtil.merge(this._Default, plainOptions);
+        const ul = this._fnc(chart, merge.containerID, merge);
+        if (!ul)
+            return console.error('none customLegend');
+        while (ul?.firstChild) {
+            ul.firstChild.remove();
+        }
+        const items = chart.options.plugins.legend.labels.generateLabels(chart);
+        items.forEach(item => {
+            const li = document.createElement('div');
+            li.className = merge.className.item;
+            const boxSpan = document.createElement('div');
+            boxSpan.className = merge.className.box;
+            boxSpan.style.backgroundColor = item.fillStyle;
+            boxSpan.style.borderColor = item.strokeStyle;
+            const textContainer = document.createElement('div');
+            textContainer.className = merge.className.text;
+            textContainer.style.color = item.fontColor;
+            li.addEventListener('click', () => {
+                const { type } = chart.config;
+                if (type === 'pie' || type === 'doughnut') {
+                    chart.toggleDataVisibility(item.index);
+                }
+                else {
+                    chart.setDatasetVisibility(item.datasetIndex, !chart.isDatasetVisible(item.datasetIndex));
+                }
+                chart.update();
+            });
+            const text = document.createTextNode(item.text);
+            textContainer.appendChild(text);
+            textContainer.style.textDecoration = item.hidden ? 'line-through' : '';
+            li.appendChild(boxSpan);
+            li.appendChild(textContainer);
+            ul?.appendChild(li);
+        });
+    },
+};
+const chartMountPlugin = {
+    id: 'chartMountedPlugin',
+    afterDraw(chart, args, options) {
+        if (!chart._mountedCalled) {
+            chart._mountedCalled = true;
+            requestAnimationFrame(() => {
+                if (typeof chart.config.options._mounted === 'function') {
+                    chart.config.options._mounted(chart);
+                }
+            });
+            const chartId = chart.options._chartId;
+            if (chartId) {
+                console.log('차트 인스턴스 바인드 성공');
+                ChartInstance.register(chartId, chart);
+            }
+        }
+    },
+};
+const blinkPlugin = {
+    id: `highlightThresholdPlugin`,
+    afterDatasetDraw(chart, args) {
+        const datasetMeta = chart.getDatasetMeta(args.index);
+        const dataset = chart.data.datasets[args.index];
+        chart.ctx;
+        datasetMeta.data.forEach((element, i) => {
+            dataset.data[i];
+        });
+    },
+};
+// 도넛 차트 중앙 HTML 생성 함수
+const makeCenterHtml = (percent, ok, warn, ng) => {
+    const warnHtml = warn ? `<span class="text-warning">${warn.toLocaleString()}</span><span class="text-white">/</span>` : '';
+    return `
+        <div class="fs-6 text-white">${percent.toLocaleString()}%</div>
+        ${ok !== undefined
+        ? `
+        <div>
+            <span class="text-success">${ok.toLocaleString()}</span>
+            <span class="text-white">/</span>
+            ${warnHtml}
+            <span class="text-danger">${ng?.toLocaleString() || 0}</span>
+        </div>`
+        : ''}
+    `;
+};
+const barScaleImgPlugin = {
+    id: 'scaleImg',
+    beforeDatasetsDraw(chart, args, options) {
+        const { ctx, data, scales: { x, y }, } = chart;
+        const imgSize = 30;
+        const isHorizontal = chart.options.indexAxis === 'y';
+        ctx.save();
+        data.datasets.forEach((dataset, idx) => {
+            const img = new Image();
+            img.src = dataset.image;
+            if (isHorizontal) {
+                ctx.drawImage(img, 0, y.getPixelForValue(idx) - imgSize / 2, imgSize, imgSize);
+            }
+            else {
+                ctx.drawImage(img, x.getPixelForValue(idx) - imgSize / 2, x.top, imgSize, imgSize);
+            }
+        });
+        ctx.restore();
+    },
+};
+const changeSetting = {
+    id: 'setting',
+    _Default: {
+        img: '/img/setting.svg',
+        iconSize: { w: 30, h: 30 },
+        radiusExtra: 2,
+        offset: { right: 10, top: 10 },
+        colors: {
+            fill: 'rgba(0,123,255,0.5)',
+            fillHover: 'rgba(0,150,255,0.8)',
+            stroke: 'rgba(0,123,255,1)',
+            strokeHover: 'rgba(0,150,255,1)',
+        },
+        borderWidth: { normal: 2, hover: 3 },
+        cursor: 'pointer',
+        onClick: ({ chart, event }) => {
+            alert('클릭');
+        },
+    },
+    afterInit(chart, args, options) {
+        const canvas = chart.canvas;
+        const opts = stzUtil.merge(this._Default, options);
+        chart.T$opts = opts;
+        if (!canvas)
+            return;
+        if (chart.T$settingClickHandler)
+            return;
+        const getXy = e => {
+            const rect = canvas.getBoundingClientRect();
+            const scaleX = canvas.width / rect.width;
+            const scaleY = canvas.height / rect.height;
+            return {
+                x: (e.clientX - rect.left) * scaleX,
+                y: (e.clientY - rect.top) * scaleY,
+            };
+        };
+        const handleClick = (e) => {
+            const { x, y } = getXy(e);
+            const r = chart.T$settingBtnRect;
+            if (!r)
+                return;
+            if (x >= r.left && x <= r.right && y >= r.top && y <= r.bottom) {
+                try {
+                    (opts.onClick || this._Default.onClick)({ chart, event: e });
+                }
+                catch (err) {
+                    console.error('error', err);
+                }
+            }
+        };
+        const handleMove = e => {
+            const { x, y } = getXy(e);
+            const r = chart.T$settingBtnCircle;
+            if (!r)
+                return;
+            const dx = x - r.cx;
+            const dy = y - r.cy;
+            const isHover = dx * dx + dy * dy <= r.radius * r.radius;
+            if (chart.T$isHover !== isHover) {
+                chart.T$isHover = isHover;
+                canvas.style.cursor = isHover ? opts.cursor || 'pointer' : 'default';
+                chart.update('none');
+            }
+        };
+        canvas.addEventListener('mousemove', handleMove);
+        canvas.addEventListener('click', handleClick);
+        chart._settingClickHandler = handleClick;
+        chart._settingMoveHandler = handleMove;
+        chart.T$settingImg = new Image();
+        chart.T$settingImg.src = opts.img;
+    },
+    beforeDraw(chart) {
+        const { ctx, chartArea: { right }, } = chart;
+        ctx.save();
+        const opts = chart.T$opts || this._Default;
+        const img = chart.T$settingImg;
+        const w = opts.iconSize?.w ?? 30;
+        const h = opts.iconSize?.h ?? 30;
+        const x = right - (w + (opts.offset?.right ?? 10));
+        const y = opts.offset?.top ?? 10;
+        const radius = Math.max(w, h) / 2 + (opts.radiusExtra ?? 0);
+        const centerX = x + w / 2;
+        const centerY = y + h / 2;
+        const isHover = !!chart.T$isHover;
+        ctx.lineWidth = isHover ? (opts.borderWidth?.hover ?? 3) : (opts.borderWidth?.normal ?? 2);
+        ctx.strokeStyle = isHover ? (opts.colors?.strokeHover ?? 'rgba(0,150,255,1)') : (opts.colors?.stroke ?? 'rgba(0,123,255,1)');
+        ctx.beginPath();
+        ctx.arc(centerX, centerY, radius, 0, Math.PI * 2);
+        ctx.stroke();
+        ctx.closePath();
+        ctx.beginPath();
+        ctx.arc(centerX, centerY, radius, 0, Math.PI * 2);
+        ctx.fillStyle = isHover ? (opts.colors?.fillHover ?? 'rgba(0,150,255,0.8)') : (opts.colors?.fill ?? 'rgba(0,123,255,0.5)');
+        ctx.fill();
+        ctx.closePath();
+        if (img) {
+            ctx.drawImage(img, x, y, w, h);
+        }
+        chart.T$settingBtnCircle = { cx: centerX, cy: centerY, radius };
+        chart.T$settingBtnRect = {
+            top: y,
+            bottom: y + h,
+            left: x,
+            right: x + w,
+        };
+        ctx.restore();
+    },
+    afterDestroy(chart) {
+        const canvas = chart.canvas;
+        if (canvas && chart.T$settingClickHandler) {
+            canvas.removeEventListener('click', chart._settingClickHandler);
+        }
+        if (canvas && chart._settingMoveHandler) {
+            canvas.removeEventListener('mousemove', chart._settingMoveHandler);
+        }
+        chart.T$settingClickHandler = null;
+        chart.T$settingBtnRect = null;
+        chart.T$settingImg = null;
+    },
+};
+const zoomRangeSlider = {
+    id: 'zoomRangeSlider',
+    var: {
+        min: 0,
+        isDragging: false,
+        circlePosition: null,
+    },
+    afterDatasetDraw(chart, args, options) {
+        const { ctx, chartArea: { left, right, top, bottom, width, height }, } = chart;
+        this.var.circlePosition = this.var.circlePosition || left;
+        ctx.beginPath();
+        ctx.fillStyle = '#e0e0e0';
+        ctx.roundRect(left, bottom + 40, width, 6, 3);
+        ctx.fill();
+        const activeWidth = this.var.circlePosition - left;
+        if (activeWidth > 0) {
+            ctx.beginPath();
+            ctx.fillStyle = '#4285f4';
+            ctx.roundRect(left, bottom + 40, activeWidth, 6, 3);
+            ctx.fill();
+        }
+        ctx.beginPath();
+        ctx.fillStyle = '#ffffff';
+        ctx.arc(this.var.circlePosition, bottom + 40, 8, 0, Math.PI * 2);
+        ctx.fill();
+        ctx.beginPath();
+        ctx.strokeStyle = '#4285f4';
+        ctx.lineWidth = 2;
+        ctx.arc(this.var.circlePosition, bottom + 40, 8, 0, Math.PI * 2);
+        ctx.stroke();
+        if (this.var.isDragging) {
+            ctx.beginPath();
+            ctx.fillStyle = 'rgba(66, 133, 244, 0.2)';
+            ctx.arc(this.var.circlePosition, bottom + 40, 12, 0, Math.PI * 2);
+            ctx.fill();
+        }
+    },
+    afterUpdate(chart, args, options) {
+        chart.options.scales.x.min = this.var.min;
+    },
+    afterEvent(chart, args, options) {
+        const { ctx, canvas, chartArea: { left, top, right, width }, } = chart;
+        canvas.addEventListener('mousedown', e => {
+            this.var.isDragging = true;
+        });
+        canvas.addEventListener('mouseup', e => {
+            this.var.isDragging = false;
+        });
+        if (args.event.type === 'mousemove' && this.var.isDragging) {
+            const val = args.event.x / (width + left);
+            this.var.min = val * chart.config.data.labels.length - 1;
+            args.changed = true;
+            this.var.circlePosition = args.event.x < left ? left : args.event.x > right ? right : args.event.x;
+            chart.update();
+        }
+    },
+};
+const CreateZoomRangeSlider = (colors = {}) => {
+    const { sliderTrackColor = '#e0e0e0', sliderActiveColor = '#4285f4', sliderHandleColor = '#ffffff', sliderHandleBorderColor = '#4285f4', sliderHandleHoverColor = 'rgba(66, 133, 244, 0.2)', } = colors;
+    return {
+        id: 'zoomRangeSlider',
+        var: {
+            min: 0,
+            isDragging: false,
+            circlePosition: null,
+        },
+        afterDatasetDraw(chart, args, options) {
+            const { ctx, chartArea: { left, right, top, bottom, width, height }, } = chart;
+            this.var.circlePosition = this.var.circlePosition || left;
+            ctx.beginPath();
+            ctx.fillStyle = sliderTrackColor;
+            ctx.roundRect(left, bottom + 40, width, 6, 3);
+            ctx.fill();
+            const activeWidth = this.var.circlePosition - left;
+            if (activeWidth > 0) {
+                ctx.beginPath();
+                ctx.fillStyle = sliderActiveColor;
+                ctx.roundRect(left, bottom + 40, activeWidth, 6, 3);
+                ctx.fill();
+            }
+            ctx.beginPath();
+            ctx.fillStyle = sliderHandleColor;
+            ctx.arc(this.var.circlePosition, bottom + 40, 8, 0, Math.PI * 2);
+            ctx.fill();
+            ctx.beginPath();
+            ctx.strokeStyle = sliderHandleBorderColor;
+            ctx.lineWidth = 2;
+            ctx.arc(this.var.circlePosition, bottom + 40, 8, 0, Math.PI * 2);
+            ctx.stroke();
+            if (this.var.isDragging) {
+                ctx.beginPath();
+                ctx.fillStyle = sliderHandleHoverColor;
+                ctx.arc(this.var.circlePosition, bottom + 40, 12, 0, Math.PI * 2);
+                ctx.fill();
+            }
+        },
+        afterUpdate(chart, args, options) {
+            chart.options.scales.x.min = this.var.min;
+        },
+        afterEvent(chart, args, options) {
+            const { ctx, canvas, chartArea: { left, top, right, width }, } = chart;
+            canvas.addEventListener('mousedown', (e) => {
+                this.var.isDragging = true;
+            });
+            canvas.addEventListener('mouseup', (e) => {
+                this.var.isDragging = false;
+            });
+            if (args.event.type === 'mousemove' && this.var.isDragging) {
+                const val = args.event.x / (width + left);
+                this.var.min = val * chart.config.data.labels.length - 1;
+                args.changed = true;
+                this.var.circlePosition = args.event.x < left ? left : args.event.x > right ? right : args.event.x;
+                chart.update();
+            }
+        },
+    };
+};
+
+// Bar 차트 기본 툴팁 콜백
+// 기존 (src/defaults/options/Bar.ts)
+const defaultBarTooltipCallback = (context) => {
+    const datasetLabel = context.dataset.label || '';
+    const value = context.parsed?.y ?? context.raw ?? 'No Data';
+    const formattedValue = typeof value === 'number' ? value.toLocaleString() : value;
+    return `${datasetLabel}: ${formattedValue}`;
+};
+// Bar 차트 기본 스케일 설정
+const defaultBarScales = {
+    x: {
+        type: 'category',
+        display: true,
+        ticks: {
+            display: true,
+            color: '#000',
+            autoSkip: true,
+            align: 'center',
+        },
+        grid: {
+            display: true,
+        },
+    },
+    y: {
+        type: 'linear',
+        display: true,
+        ticks: {
+            display: true,
+            color: '#000',
+            align: 'end',
+            autoSkip: true,
+        },
+        grid: {
+            display: true,
+        },
+    },
+};
+// Bar 차트 기본 옵션 생성 함수
+const createDefaultBarOptions = (userOptions = {}, defaultScales = defaultBarScales) => {
+    const userScales = userOptions.scales || {};
+    const mergedScales = {
+        ...defaultScales,
+        ...userScales,
+    };
+    return {
+        _mounted: userOptions._mounted ?? (() => { }),
+        indexAxis: userOptions?.indexAxis ?? 'x',
+        responsive: true,
+        maintainAspectRatio: false,
+        plugins: {
+            tooltip: {
+                enabled: userOptions.plugins?.tooltip?.enabled ?? true,
+                mode: userOptions.plugins?.tooltip?.mode ?? 'index',
+                intersect: userOptions.plugins?.tooltip?.intersect ?? false,
+                callbacks: {
+                    label: defaultBarTooltipCallback,
+                    ...(userOptions?.plugins?.tooltip?.callbacks ?? {}),
+                },
+            },
+            ...(userOptions?.plugins ?? {}),
+        },
+        scales: mergedScales,
+        ...stzUtil.omit(userOptions, ['scales', 'plugins', 'indexAxis']),
+    };
+};
+
+// Line 차트 기본 툴팁 콜백
+const defaultLineTooltipCallback = (context) => {
+    const dataset = context.dataset;
+    const parsed = context.parsed;
+    const raw = context.raw;
+    let value;
+    if (parsed && stzUtil.getType(parsed) === 'object') {
+        value = parsed.y ?? parsed.x;
+    }
+    else if (raw && stzUtil.getType(raw) === 'object' && dataset?.parsing) {
+        const parsing = dataset.parsing;
+        const yKey = parsing.yAxisKey;
+        value = raw[yKey];
+    }
+    else {
+        value = raw;
+    }
+    let formatted;
+    if (stzUtil.getType(value) === 'number') {
+        formatted = value.toFixed(2);
+    }
+    else if (value !== null && value !== undefined) {
+        formatted = String(value);
+    }
+    else {
+        formatted = 'No Data';
+    }
+    const label = dataset?.label ?? '값';
+    return `${label}: ${formatted}`;
+};
+// Line 차트 기본 스케일 설정
+const defaultLineScales = {
+    x: {
+        type: 'category',
+        display: true,
+        ticks: {
+            display: true,
+            color: '#000',
+            autoSkip: true,
+            align: 'center',
+        },
+        grid: {
+            display: true,
+        },
+    },
+    y: {
+        type: 'linear',
+        display: true,
+        ticks: {
+            display: true,
+            color: '#000',
+            align: 'end',
+            autoSkip: true,
+        },
+        grid: {
+            display: true,
+        },
+    },
+};
+const createDefaultLineOptions = (userOptions = {}, defaultScales = defaultLineScales) => {
+    console.log('createDefaultLineOptions called with userOptions:', userOptions);
+    const userScales = userOptions.scales || {};
+    return {
+        hover: undefined,
+        indexAxis: undefined,
+        _mounted: userOptions._mounted ?? (() => { }),
+        responsive: userOptions.responsive ?? true,
+        maintainAspectRatio: userOptions.maintainAspectRatio ?? false,
+        interaction: {
+            mode: userOptions.interaction?.mode ?? 'index',
+            intersect: userOptions.interaction?.intersect ?? false,
+        },
+        plugins: {
+            ...(userOptions.plugins || {}),
+            tooltip: {
+                enabled: userOptions.plugins?.tooltip?.enabled ?? true,
+                mode: userOptions.plugins?.tooltip?.mode ?? 'index',
+                intersect: userOptions.plugins?.tooltip?.intersect ?? false,
+                ...userOptions.plugins?.tooltip,
+                callbacks: {
+                    label: defaultLineTooltipCallback,
+                    ...userOptions?.plugins?.tooltip?.callbacks,
+                },
+            },
+        },
+        elements: {
+            point: {
+                radius: userOptions.elements?.point?.radius ?? 0,
+                hoverRadius: userOptions.elements?.point?.hoverRadius ?? 0,
+            },
+            line: {
+                tension: userOptions.elements?.line?.tension ?? 0.1,
+            },
+        },
+        scales: stzUtil.merge(defaultScales, userScales),
+    };
+};
+
+var LocalDefaults = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    CreateZoomRangeSlider: CreateZoomRangeSlider,
+    barScaleImgPlugin: barScaleImgPlugin,
+    blinkPlugin: blinkPlugin,
+    changeSetting: changeSetting,
+    chartMountPlugin: chartMountPlugin,
+    createDefaultBarOptions: createDefaultBarOptions,
+    createDefaultLineOptions: createDefaultLineOptions,
+    customLegend: customLegend,
+    defaultBarScales: defaultBarScales,
+    defaultBarTooltipCallback: defaultBarTooltipCallback,
+    defaultLineScales: defaultLineScales,
+    defaultLineTooltipCallback: defaultLineTooltipCallback,
+    doughnutCenterTextPlugin: doughnutCenterTextPlugin,
+    loadingPlugin: loadingPlugin,
+    makeCenterHtml: makeCenterHtml,
+    noDataPlugin: noDataPlugin,
+    zoomRangeSlider: zoomRangeSlider,
+    zoomResetPlugin: zoomResetPlugin
+});
+
+class CartesianChartWrapper extends ChartWrapper {
+    type;
+    _chartId;
+    constructor(type, labels, datasets, options, plugins) {
+        super(type, labels, datasets, options, plugins);
+        this.type = type;
+    }
+    get chartId() {
+        if (!this._chartId) {
+            this._chartId = `${this.type}_${Math.random()}`;
+        }
+        return this._chartId;
+    }
+    set chartId(value) {
+        this._chartId = value;
+        if (this.options && typeof this.options === 'object') {
+            this.options._chartId = value;
+        }
+    }
+    // 데이터 라벨 설정 메소드
+    requireLabels() {
+        return false;
+    }
+    // 데이터셋을 장식하는 메소드
+    decorateDataset(ds, idx) {
+        const c = CHART_COLOR[idx % CHART_COLOR.length];
+        ds.backgroundColor ??= c;
+        ds.borderColor ??= c;
+        ds.yAxisID ??= 'y';
+    }
+    mustHavePlugins() {
+        return [chartMountPlugin];
+    }
+    isLine() {
+        return this.type === 'line';
+    }
+    isScatter() {
+        return this.type === 'scatter';
+    }
+    isBar() {
+        return this.type === 'bar';
+    }
+    normalize() {
+        // 필수 플러그인 주입
+        const must = this.mustHavePlugins();
+        if (!this.plugins)
+            this.plugins = [...must];
+        else if (Array.isArray(this.plugins)) {
+            const ids = new Set(this.plugins.map((p) => p.id));
+            must.forEach(p => {
+                if (!ids.has(p.id))
+                    this.plugins.push(p);
+            });
+        }
+        else
+            this.plugins = [...must];
+        // 라벨 검증 + 데이터셋 기본값
+        if (this.requireLabels() && (!this.labels || this.labels.length === 0)) {
+            throw new CustomError(ErrorCode.LABELS_REQUIRED);
+        }
+    }
+    configAop(config) {
+        const handler = {
+            get: (target, prop, receiver) => {
+                if (prop === 'data') {
+                    const data = target.data;
+                    if (this.requireLabels() && (!data?.labels || data.labels.length === 0)) {
+                        throw new CustomError(ErrorCode.LABELS_REQUIRED);
+                    }
+                    if (data && Array.isArray(data.datasets) && data.datasets.length > 0) {
+                        data.datasets = data.datasets.map((ds, idx) => {
+                            if (!ds || stzUtil.getType(ds) !== 'object')
+                                return ds;
+                            this.decorateDataset(ds, idx);
+                            return ds;
+                        });
+                    }
+                }
+                if (prop === 'plugins') {
+                    const must = this.mustHavePlugins();
+                    if (!target.plugins)
+                        target.plugins = [...must];
+                    else if (target.options._loading)
+                        target.plugins.push(loadingPlugin);
+                    else if (stzUtil.getType(target.plugins) === 'Array') {
+                        const ids = new Set(target.plugins.map((p) => p.id));
+                        must.forEach(p => {
+                            if (!ids.has(p.id))
+                                target.plugins.push(p);
+                        });
+                    }
+                    else
+                        target.plugins = [...must];
+                }
+                return Reflect.get(target, prop, receiver);
+            },
+        };
+        return new Proxy(config, handler);
+    }
+    makeConfig(id = '') {
+        this.normalize();
+        if (id)
+            this.chartId = id;
+        const resolvedId = this.chartId;
+        const config = {
+            _chartId: resolvedId,
+            type: this.type,
+            data: { labels: this.labels, datasets: this.datasets },
+            options: {
+                ...this.options,
+                _chartId: id || `${this.type}_${Math.random()}`,
+            },
+            plugins: this.plugins,
+        };
+        const proxied = this.configAop(config);
+        void proxied.data;
+        void proxied.plugins;
+        return {
+            _chartId: proxied._chartId,
+            type: proxied.type,
+            data: proxied.data,
+            options: proxied.options,
+            plugins: proxied.plugins,
+        };
+    }
+    //카테시안 차트 타입인지 확인하는 메소드
+    /**
+     *  Cartesian chart type을 체크 합니다.
+     * @private
+     * *
+     * @remarks cartesina 차트의 타입인지 확인합니다
+     * @example
+     * @since 1.0.0
+     * @category Chart
+     * @defaultValue
+     *
+     */
+    isCartesianChartType() {
+        return ['line', 'bar', 'scatter', 'bubble'].includes(this.type);
+    }
+    // 스케일 설정 메소드
+    /**
+     * 카테시안 차트의 스케일을 설정합니다.
+     * @param scales
+     * *
+     * @remarks 카테시안 차트의 스케일을 설정합니다. 이 메소드는 차트의 축을 정의하는데 사용됩니다.
+     * @example
+     * @since 1.0.0
+     * @category Scales
+     * @defaultValue
+     *
+     */
+    setScales(scales) {
+        if (this.options && typeof this.options === 'object') {
+            this.options.scales = scales;
+        }
+        return this;
+    }
+    // 축 제목 설정 메소드
+    /**
+     * 카테시안 차트의 축 제목을 설정합니다.
+     * @param axis
+     * @param titleConfig
+     * *
+     * @remarks 원하는 축의 제목을 설정합니다.
+     * @example
+     * @since 1.0.0
+     * @category Scales
+     * @defaultValue
+     *
+     */
+    setAxisTitle(axis, titleConfig) {
+        if (this.options && typeof this.options === 'object') {
+            const customOptions = this.options;
+            if (!customOptions.scales) {
+                customOptions.scales = {};
+            }
+            if (!customOptions.scales[axis]) {
+                customOptions.scales[axis] = {};
+            }
+            if (customOptions.scales[axis]) {
+                customOptions.scales[axis].title = titleConfig;
+            }
+        }
+        return this;
+    }
+    // 그리드 옵션 설정 메소드
+    /**
+     * 카테시안 차트의 그리드 옵션을 설정합니다.
+     * @param axis
+     * @param gridOptions
+     * *
+     * @remarks 차트 뒷 배경의 그리드(선) 옵션을 설정합니다.
+     * @example
+     * @since 1.0.0
+     * @category Scales
+     * @defaultValue
+     *
+     */
+    setGridOptions(axis, gridOptions) {
+        if (this.options && typeof this.options === 'object') {
+            const customOptions = this.options;
+            if (!customOptions.scales) {
+                customOptions.scales = {};
+            }
+            if (!customOptions.scales[axis]) {
+                customOptions.scales[axis] = {};
+            }
+            if (customOptions.scales[axis]) {
+                customOptions.scales[axis].grid = {
+                    ...customOptions.scales[axis].grid,
+                    ...gridOptions,
+                };
+            }
+        }
+        return this;
+    }
+    /**
+     * 줌 기능을 추가합니다.
+     * @param defaultZoom
+     * @param zoomOption
+     * *
+     * @remarks 차트의 줌 기능을 추가합니다. 해당 기능은 플러그인 설치가 필요합니다.
+     * @example
+     * @since 1.0.0
+     * @category Plugins
+     * @defaultValue defaultZoom = false
+     *
+     */
+    addZoom(defaultZoom = false, zoomOption) {
+        if (stzUtil.isEmpty(this.options))
+            return this;
+        const customOptions = this.options;
+        if (stzUtil.isEmpty(customOptions.plugins)) {
+            customOptions.plugins = {};
+        }
+        const zoomConfig = defaultZoom ? stzUtil.cloneDeep(DefaultZoomOptions) : stzUtil.cloneDeep(zoomOption);
+        customOptions.plugins.zoom = stzUtil.merge(customOptions.plugins.zoom || {}, zoomConfig);
+        if (!this.plugins) {
+            this.plugins = [zoomResetPlugin];
+        }
+        else if (Array.isArray(this.plugins)) {
+            const exists = this.plugins.some((p) => p && p.id === zoomResetPlugin.id);
+            if (!exists)
+                this.plugins.push(zoomResetPlugin);
+        }
+        else {
+            this.plugins = [zoomResetPlugin];
+        }
+        return this;
+    }
+    /**
+     * 데이터 라벨 플러그인을 추가합니다.
+     * @param defultDataLabels
+     * @param dataLabelsOptions
+     * @Description 차트에 데이터 라벨을 추가합니다. 기본 옵션을 사용하거나 사용자 정의 옵션을 적용할 수 있습니다.
+     * @Category Plugins
+     * @since 1.0.0
+     * @defaultValue defultDataLabels = false
+     */
+    addDataLabels(defultDataLabels = false, dataLabelsOptions) {
+        if (stzUtil.isEmpty(this.options))
+            return this;
+        const customOptions = this.options;
+        if (stzUtil.isEmpty(customOptions.plugins)) {
+            customOptions.plugins = {};
+        }
+        const dataLabelsConfig = defultDataLabels
+            ? stzUtil.cloneDeep(DefaultDataLabelsOptions)
+            : stzUtil.cloneDeep(dataLabelsOptions);
+        customOptions.plugins.datalabels = dataLabelsConfig;
+        return this;
+    }
+    /**
+     * 데이터셋에 y축을 설정합니다.
+     * @param datasetIndex
+     * @param axisId
+     * *
+     * @remarks 각 데이터셋의 축을 설정합니다.
+     * @example
+     * @since 1.0.0
+     * @category Scales
+     * @defaultValue axisId = 'y'
+     *
+     */
+    setYAxisForDataset(datasetIndex, axisId = 'y') {
+        if (!this.datasets || !this.datasets[datasetIndex])
+            return this;
+        if (this.isCartesianChartType()) {
+            this.datasets[datasetIndex].yAxisID = axisId;
+            if (axisId === 'y1') {
+                this.ensureY1AxisExists();
+            }
+        }
+        return this;
+    }
+    // y1 스케일이 없으면 기본 구조로 추가
+    /**
+     * y1 축을 보장합니다.
+     * @private
+     * *
+     * @remarks y1 축이 없을 경우 기본 구조를 추가합니다. 이 메소드는 y1 축을 사용하는 차트에서 필요합니다.
+     * @example
+     * @since 1.0.0
+     * @category Scales
+     * @defaultValue
+     *
+     */
+    ensureY1AxisExists() {
+        const options = this.options;
+        if (typeof options !== 'object')
+            return;
+        if (!options.scales)
+            options.scales = {};
+        if (!('y1' in options.scales)) {
+            options.scales['y1'] = {
+                type: 'linear',
+                display: true,
+                position: 'right',
+                grid: {
+                    drawOnChartArea: false,
+                },
+                ticks: {
+                    color: '#000',
+                    align: 'start',
+                },
+            };
+        }
+    }
+    // 축 범위 설정 메소드
+    /**
+     * 카테시안 차트의 축 범위를 설정합니다.
+     * @param axis
+     * @param min
+     * @param max
+     *
+     * *
+     * @remarks 해당 차트의 스케일을 min, max 를 입력 받은 값으로 고정합니다.
+     * @example
+     * @since 1.0.0
+     * @category Scales
+     * @defaultValue
+     *
+     */
+    setAxisRange(axis, min, max) {
+        if (this.options && typeof this.options === 'object') {
+            const customOptions = this.options;
+            if (!customOptions.scales) {
+                customOptions.scales = {};
+            }
+            if (!customOptions.scales[axis]) {
+                customOptions.scales[axis] = {};
+            }
+            if (customOptions.scales[axis]) {
+                if (min !== undefined) {
+                    customOptions.scales[axis].min = min;
+                }
+                if (max !== undefined) {
+                    customOptions.scales[axis].max = max;
+                }
+            }
+        }
+        return this;
+    }
+    /**
+     * 데이터셋의 yAxisID를 설정합니다.
+     * @param datasetIndex
+     * @param axisID
+     * *
+     * @remarks 각 데이터셋의 축 아이디를 변경합니다.
+     * @example
+     * @since 1.0.0
+     * @category Scales
+     * @defaultValue
+     *
+     */
+    setYAxisID(datasetIndex, axisID) {
+        const Y_AXIS_SUPPORTED_TYPES = ['bar', 'line', 'scatter', 'bubble'];
+        if (this.datasets && this.datasets[datasetIndex]) {
+            if (Y_AXIS_SUPPORTED_TYPES.includes(this.type)) {
+                this.datasets[datasetIndex].yAxisID = axisID;
+            }
+            else {
+                throw new CustomError(ErrorCode.NOT_SUPPORTED_OPTION, `${this.type} support yAxisId option`);
+            }
+        }
+        return this;
+    }
+    /**
+     * 축의 위치를 설정합니다.
+     * @param axis
+     * @param position
+     * *
+     * @remarks 해당하는 축의 위치를 변경합니다.
+     * @example
+     * @since 1.0.0
+     * @category Scales
+     * @defaultValue
+     *
+     */
+    setAxisPosition(axis, position) {
+        if (this.options && this.options.scales && this.options.scales[axis]) {
+            const scale = this.options.scales[axis];
+            if ('position' in scale) {
+                scale.position = position;
+            }
+            else {
+                throw new CustomError(ErrorCode.NOT_SUPPORTED_OPTION, `${this.options.scales} not support scales position `);
+            }
+        }
+        return this;
+    }
+    /**
+     * 축에 이미지를 추가합니다.
+     * @param {string} axis
+     * @Deprecated
+     */
+    setAddImg(axis) {
+        if (!this.options) {
+            this.options = {};
+        }
+        const customOptions = this.options;
+        if (!customOptions.scales) {
+            customOptions.scales = {};
+        }
+        if (customOptions.scales[axis]) {
+            console.warn(`Axis "${axis}" already exists`);
+            return this;
+        }
+        if (!this.datasets || this.datasets.length === 0) {
+            throw new CustomError(ErrorCode.DATASET_REQUIRED);
+        }
+        const customDatasets = this.datasets;
+        for (let i = 0; i < customDatasets.length; i++) {
+            const dataset = customDatasets[i];
+            if (!dataset) {
+                throw new CustomError(ErrorCode.EMPTY_REQUIRED_PROPERTY, `Dataset at index ${i} is null or undefined`);
+            }
+            if (!dataset.image && (!dataset.images || dataset.images.length === 0)) {
+                throw new CustomError(ErrorCode.IMAGE_PROPERTY_MISSING, `Dataset "${dataset.label || `#${i}`}" has no image property`);
+            }
+        }
+        const isXAxis = axis.startsWith('x');
+        if (isXAxis) {
+            const xImagePlugin = {
+                //...xScalesImage,
+                id: `${axis}ScalesImage-${this._chartId}`,
+            };
+            this.setPlugin(xImagePlugin);
+        }
+        else {
+            const yImagePlugin = {
+                //...yScalesImage,
+                id: `${axis}ScalesImage-${this._chartId}`,
+            };
+            this.setPlugin(yImagePlugin);
+        }
+        return this;
+    }
+    /**
+     * 범위 슬라이더를 추가합니다.
+     * @param options - 슬라이더 커스터마이징 옵션
+     * @Deprecated
+     */
+    addRangeSlider(colors) {
+        const rangeSliderPlugin = CreateZoomRangeSlider(colors);
+        this.setPlugin(rangeSliderPlugin);
+        return this;
+    }
+    setPadding(padding) {
+        if (!this.options) {
+            this.options = {};
+        }
+        const customOptions = this.options;
+        if (!customOptions.layout) {
+            customOptions.layout = {};
+        }
+        customOptions.layout.padding = padding;
+        return this;
+    }
+    setBackgroundAlpha(alpha) {
+        if (alpha < 0 || alpha > 1) {
+            throw new CustomError(ErrorCode.UNKNOWN_ERROR, 'Alpha value must be between 0.0 and 1.0');
+        }
+        if (!this.datasets || this.datasets.length === 0) {
+            return this;
+        }
+        this.datasets.forEach(dataset => {
+            if (dataset) {
+                if (!dataset.backgroundColor && dataset.borderColor) {
+                    dataset.backgroundColor = dataset.borderColor;
+                }
+                if (dataset.backgroundColor) {
+                    if (typeof dataset.backgroundColor === 'string') {
+                        dataset.backgroundColor = this.addAlphaToColor(dataset.backgroundColor, alpha);
+                    }
+                    else if (Array.isArray(dataset.backgroundColor)) {
+                        dataset.backgroundColor = dataset.backgroundColor.map(color => typeof color === 'string' ? this.addAlphaToColor(color, alpha) : color);
+                    }
+                }
+            }
+        });
+        return this;
+    }
+    /**
+     * 색상에 알파 값을 추가합니다.
+     * @param color
+     * @param alpha
+     * @private
+     */
+    addAlphaToColor(color, alpha) {
+        if (color.startsWith('#')) {
+            const hex = color.slice(1);
+            let r, g, b;
+            if (hex.length === 3) {
+                r = parseInt(hex[0] + hex[0], 16);
+                g = parseInt(hex[1] + hex[1], 16);
+                b = parseInt(hex[2] + hex[2], 16);
+            }
+            else if (hex.length === 6) {
+                r = parseInt(hex.slice(0, 2), 16);
+                g = parseInt(hex.slice(2, 4), 16);
+                b = parseInt(hex.slice(4, 6), 16);
+            }
+            else {
+                return color; // 잘못된 hex 형식
+            }
+            return `rgba(${r}, ${g}, ${b}, ${alpha})`;
+        }
+        // rgb 색상인 경우 (rgb(255, 255, 255))
+        const rgbMatch = color.match(/rgb\((\d+),\s*(\d+),\s*(\d+)\)/);
+        if (rgbMatch) {
+            const [, r, g, b] = rgbMatch;
+            return `rgba(${r}, ${g}, ${b}, ${alpha})`;
+        }
+        // rgba 색상인 경우 (rgba(255, 255, 255, 0.5))
+        const rgbaMatch = color.match(/rgba\((\d+),\s*(\d+),\s*(\d+),\s*([0-9.]+)\)/);
+        if (rgbaMatch) {
+            const [, r, g, b] = rgbaMatch;
+            return `rgba(${r}, ${g}, ${b}, ${alpha})`;
+        }
+        // 색상 이름이나 다른 형식인 경우 그대로 반환
+        return color;
+    }
+    /**
+     *
+     * @param {string | false} xAxisKey
+     * @param {string | false} yAxisKey
+     * @description
+     * @Category options
+     * @Since 1.0.0
+     */
+    setParsingKey(xAxisKey, yAxisKey) {
+        if (this.options && stzUtil.getType(this.options) === 'Object') {
+            const opts = this.options;
+            opts.parsing =
+                xAxisKey !== false || yAxisKey !== false
+                    ? {
+                        ...(xAxisKey !== false && { xAxisKey }),
+                        ...(yAxisKey !== false && { yAxisKey }),
+                    }
+                    : false;
+        }
+        return this;
+    }
+    setDatasetParsing(datasetIndex, xAxisKey, yAxisKey) {
+        if (this.datasets && this.datasets[datasetIndex]) {
+            const parsing = {};
+            if (xAxisKey !== false)
+                parsing['xAxisKey'] = xAxisKey;
+            if (yAxisKey !== false)
+                parsing['yAxisKey'] = yAxisKey;
+            this.datasets[datasetIndex].parsing = parsing;
+        }
+        return this;
+    }
+    setAllDatasetsParsing(xAxisKey, yAxisKey) {
+        if (this.datasets) {
+            const parsing = {};
+            if (xAxisKey !== false)
+                parsing['xAxisKey'] = xAxisKey;
+            if (yAxisKey !== false)
+                parsing['yAxisKey'] = yAxisKey;
+            this.datasets.forEach(dataset => {
+                dataset.parsing = parsing;
+            });
+        }
+        return this;
+    }
+    customLegend(obj) {
+        if (!stzUtil.isEmpty(this.options) && stzUtil.getType(this.options) === 'Object') {
+            const customOptions = this.options;
+            if (!customOptions.plugins) {
+                customOptions.plugins = {};
+            }
+            customOptions.plugins.htmlLegend = obj;
+            this.setPlugin(customLegend);
+            console.log(this.options);
+        }
+        else {
+            throw new CustomError(ErrorCode.UNKNOWN_ERROR, 'Options is empty');
+        }
+        return this;
+    }
+}
+
+var ChartTypes;
+(function (ChartTypes) {
+    ChartTypes["BAR"] = "bar";
+    ChartTypes["LINE"] = "line";
+    ChartTypes["DOUGHNUT"] = "doughnut";
+    ChartTypes["PIE"] = "pie";
+    ChartTypes["RADAR"] = "radar";
+    ChartTypes["BUBBLE"] = "bubble";
+    ChartTypes["SCATTER"] = "scatter";
+    ChartTypes["TREE"] = "tree";
+})(ChartTypes || (ChartTypes = {}));
+
+class ChartFactory {
+    static registry = new Map();
+    static register(type, wrapperClass) {
+        this.registry.set(type, wrapperClass);
+    }
+    static create(type, ...args) {
+        const WrapperClass = this.registry.get(type);
+        if (!WrapperClass)
+            throw new CustomError(ErrorCode.NOT_REGISTERED_CHART_TYPE);
+        return new WrapperClass(...args);
+    }
+    static has(type) {
+        return this.registry.has(type);
+    }
+    static clear() {
+        this.registry.clear();
+    }
+}
+
+class BarChartWrapper extends CartesianChartWrapper {
+    constructor(type, labels, datasets, options, plugins) {
+        const mergedScales = {
+            ...defaultBarScales,
+            ...(options?.scales ?? {}),
+        };
+        const defaultOptions = createDefaultBarOptions(options, mergedScales);
+        super(type, labels, datasets, defaultOptions, plugins);
+        ChartFactory.register(ChartTypes.BAR, BarChartWrapper);
+    }
+    requireLabels() {
+        return false;
+    }
+    makeConfig(id) {
+        return super.makeConfig(id);
+    }
+    /**
+     *
+     * @param {number} datasetIndex
+     * @param {number} thickness
+     * @description 데이터셋의 Bar Thickness를 설정합니다.
+     * @Since 1.0.0
+     * @category dataset
+     */
+    setBarThickness(datasetIndex, thickness) {
+        if (this.datasets && this.datasets[datasetIndex]) {
+            this.datasets[datasetIndex].barThickness = thickness;
+        }
+        return this;
+    }
+    /**
+     *
+     * @param {number} thickness
+     * @description 모든 데이터셋의 Bar Thickness를 설정합니다.
+     * @Since 1.0.0
+     * @category dataset
+     */
+    setAllBarThickness(thickness) {
+        if (this.datasets) {
+            this.datasets.forEach((dataset, index) => {
+                this.setBarThickness(index, thickness);
+            });
+        }
+        return this;
+    }
+    // Max Bar Thickness 설정
+    /**
+     *
+     * @param {number} datasetIndex
+     * @param {number} maxThickness
+     * @description 데이터셋의 Max Bar Thickness를 설정합니다.
+     * @Since 1.0.0
+     * @category dataset
+     */
+    setMaxBarThickness(datasetIndex, maxThickness) {
+        if (this.datasets && this.datasets[datasetIndex]) {
+            this.datasets[datasetIndex].maxBarThickness = maxThickness;
+        }
+        return this;
+    }
+    // 모든 데이터셋의 Max Bar Thickness 설정
+    /**
+     *
+     * @param {number} maxThickness
+     * @description 모든 데이터셋의 Max Bar Thickness를 설정합니다.
+     * @Since 1.0.0
+     * @category dataset
+     */
+    setAllMaxBarThickness(maxThickness) {
+        if (this.datasets) {
+            this.datasets.forEach((dataset, index) => {
+                this.setMaxBarThickness(index, maxThickness);
+            });
+        }
+        return this;
+    }
+    // Bar Percentage 설정 (바 사이의 간격)
+    /**
+     *
+     * @param {number} datasetIndex
+     * @param {number} percentage
+     * @description 데이터셋의 Bar Percentage를 설정합니다.
+     * @Since 1.0.0
+     * @category dataset
+     */
+    setBarPercentage(datasetIndex, percentage) {
+        if (this.datasets && this.datasets[datasetIndex]) {
+            this.datasets[datasetIndex].barPercentage = percentage;
+        }
+        return this;
+    }
+    /**
+     *
+     * @param {number} percentage
+     * @description 모든 데이터셋의 Bar Percentage를 설정합니다.
+     * @Since 1.0.0
+     * @category dataset
+     */
+    setAllBarPercentage(percentage) {
+        if (this.datasets) {
+            this.datasets.forEach((dataset, index) => {
+                this.setBarPercentage(index, percentage);
+            });
+        }
+        return this;
+    }
+    // Category Percentage 설정 (카테고리 간격)
+    /**
+     *
+     * @param {number} datasetIndex
+     * @param {number} percentage
+     * @description 데이터셋의 Category Percentage를 설정합니다.
+     * @Since 1.0.0
+     * @category dataset
+     */
+    setCategoryPercentage(datasetIndex, percentage) {
+        if (this.datasets && this.datasets[datasetIndex]) {
+            this.datasets[datasetIndex].categoryPercentage = percentage;
+        }
+        return this;
+    }
+    /**
+     *
+     * @param {number} percentage
+     * @description 모든 데이터셋의 Category Percentage를 설정합니다.
+     * @Since 1.0.0
+     * @category dataset
+     */
+    setAllCategoryPercentage(percentage) {
+        if (this.datasets) {
+            this.datasets.forEach((dataset, index) => {
+                this.setCategoryPercentage(index, percentage);
+            });
+        }
+        return this;
+    }
+    /**
+     *
+     * @param {number} datasetIndex
+     * @param {number} borderWidth
+     * @description 데이터셋의 Border Width 설정합니다.
+     * @Since 1.0.0
+     * @category dataset
+     */
+    setBorderWidth(datasetIndex, borderWidth) {
+        if (this.datasets && this.datasets[datasetIndex]) {
+            this.datasets[datasetIndex].borderWidth = borderWidth;
+        }
+        return this;
+    }
+    /**
+     *
+     * @param {number} borderWidth
+     * @description 모든 데이터셋의 Border Width 설정합니다.
+     * @Since 1.0.0
+     * @category dataset
+     */
+    setAllBorderWidth(borderWidth) {
+        if (this.datasets) {
+            this.datasets.forEach(dataset => {
+                dataset.borderWidth = borderWidth;
+            });
+        }
+        return this;
+    }
+    /**
+     *
+     * @param {number} datasetIndex
+     * @param {number} borderRadius
+     * @description 데이터셋의 Border Radius 를 설정합니다.
+     * @Since 1.0.0
+     * @category dataset
+     */
+    setBorderRadius(datasetIndex, borderRadius) {
+        if (this.datasets && this.datasets[datasetIndex]) {
+            this.datasets[datasetIndex].borderRadius = borderRadius;
+        }
+        return this;
+    }
+    // 모든 데이터셋의 Border Radius 설정
+    /**
+     *
+     * @param {number} borderRadius
+     * @description 모든 데이터셋의 Border Radius 를 설정합니다.
+     * @Since 1.0.0
+     * @category dataset
+     */
+    setAllBorderRadius(borderRadius) {
+        if (this.datasets) {
+            this.datasets.forEach((dataset, index) => {
+                this.setBorderRadius(index, borderRadius);
+            });
+        }
+        return this;
+    }
+    /**
+     *
+     * @param {boolean} isStacked
+     * @description 모든 축에 대해 Stacked 옵션을 설정합니다.
+     * @Since 1.0.0
+     * @category scales
+     */
+    setStacked(isStacked) {
+        const scales = this.options?.scales;
+        if (!scales)
+            return this;
+        Object.entries(scales).forEach(([axis, axisOptions]) => {
+            if (axisOptions && typeof axisOptions === 'object') {
+                axisOptions.stacked = isStacked;
+            }
+        });
+        return this;
+    }
+    /**
+     *
+     * @param {string} axis
+     * @description 축에 이미지를 설정합니다. 축이 이미 존재하는 경우 경고 메시지를 출력합니다.
+     * @Since 1.0.0
+     * @category plugins
+     * @Returns {this}
+     */
+    setBarImg(axis) {
+        if (stzUtil.isEmpty(this.datasets))
+            return this;
+        if (!this.options) {
+            this.options = {};
+        }
+        const customOptions = this.options;
+        if (!customOptions.scales) {
+            customOptions.scales = {};
+        }
+        if (stzUtil.isEmpty(customOptions.scales[axis])) {
+            return this;
+        }
+        this.plugins?.push(barScaleImgPlugin);
+        return this;
+    }
+}
+
+class LineChartWrapper extends CartesianChartWrapper {
+    constructor(type, labels, datasets, options) {
+        const mergedScales = {
+            ...defaultLineScales,
+            ...(options?.scales ?? {}),
+        };
+        const defaultOptions = createDefaultLineOptions(options, mergedScales);
+        super(type, labels, datasets, defaultOptions);
+        ChartFactory.register(type, LineChartWrapper);
+    }
+    requireLabels() {
+        return this.options?.scales?.x?.type === 'category';
+    }
+    makeConfig(id) {
+        return super.makeConfig(id);
+    }
+    /**
+     *
+     * @param {number} datasetIndex
+     * @param {boolean} enable
+     * @param {string} backgroundColor
+     * @description 데이터셋의 Fill 설정을 합니다.
+     * @Since 1.0.0
+     * @category dataset
+     */
+    setFill(datasetIndex, enable, backgroundColor) {
+        if (this.datasets && this.datasets[datasetIndex]) {
+            if (enable) {
+                this.datasets[datasetIndex].fill = 'origin';
+                if (backgroundColor) {
+                    this.datasets[datasetIndex].backgroundColor = backgroundColor;
+                }
+                else if (!this.datasets[datasetIndex].backgroundColor) {
+                    this.datasets[datasetIndex].backgroundColor = 'rgba(75, 192, 192, 0.2)';
+                }
+            }
+            else {
+                this.datasets[datasetIndex].fill = false;
+            }
+        }
+        return this;
+    }
+    /**
+     *
+     * @param {boolean} enable
+     * @param {string} backgroundColor
+     * @description 모든 데이터셋의 Fill 설정을 합니다.
+     * @Since 1.0.0
+     * @category dataset
+     *
+     */
+    setAllFill(enable, backgroundColor) {
+        if (this.datasets) {
+            this.datasets.forEach((dataset, index) => {
+                this.setFill(index, enable, backgroundColor);
+            });
+        }
+        return this;
+    }
+    /**
+     *
+     * @param {number} datasetIndex
+     * @param {number} tension
+     * @description 라인 차트의 곡률을 설정합니다.
+     * @Since 1.0.0
+     * @category dataset
+     */
+    setTension(datasetIndex, tension) {
+        if (this.datasets && this.datasets[datasetIndex]) {
+            this.datasets[datasetIndex].tension = tension;
+        }
+        return this;
+    }
+    // 모든 데이터셋의 Tension 설정
+    /**
+     *
+     * @param {number} tension
+     * @description 모든 데이터셋의 곡률을 설정합니다.
+     * @Since 1.0.0
+     * @category dataset
+     *
+     */
+    setAllTension(tension) {
+        if (this.datasets) {
+            this.datasets.forEach((dataset, index) => {
+                this.setTension(index, tension);
+            });
+        }
+        return this;
+    }
+    /**
+     *
+     * @param {number} datasetIndex
+     * @param {number} borderWidth
+     * @description 데이터셋의 Border Width를 설정합니다.
+     * @Since 1.0.0
+     * @category dataset
+     */
+    setBorderWidth(datasetIndex, borderWidth) {
+        if (this.datasets && this.datasets[datasetIndex]) {
+            this.datasets[datasetIndex].borderWidth = borderWidth;
+        }
+        return this;
+    }
+    // 모든 데이터셋의 Border Width 설정
+    setAllBorderWidth(borderWidth) {
+        if (this.datasets) {
+            this.datasets.forEach((dataset, idx) => {
+                this.setBorderWidth(idx, borderWidth);
+            });
+        }
+        return this;
+    }
+    /**
+     *
+     * @param {number} datasetIndex
+     * @param {number} radius
+     * @description 라인 차트의 Point Radius를 설정합니다.
+     */
+    setPointRadius(datasetIndex, radius) {
+        if (this.datasets && this.datasets[datasetIndex]) {
+            this.datasets[datasetIndex].pointRadius = radius;
+        }
+        return this;
+    }
+    /**
+     *
+     * @param {number} radius
+     * @description 모든 라인 차트의 Point Radius를 설정합니다.
+     * @Since 1.0.0
+     * @category dataset
+     */
+    setAllPointRadius(radius) {
+        if (this.datasets) {
+            this.datasets.forEach((dataset, index) => {
+                this.setPointRadius(index, radius);
+            });
+        }
+        return this;
+    }
+    /**
+     *
+     * @param {number} datasetIndex
+     * @param {number} hoverRadius
+     * @description 데이터셋의 Point Hover Radius를 설정합니다.
+     * @Since 1.0.0
+     * @category dataset
+     */
+    setPointHoverRadius(datasetIndex, hoverRadius) {
+        if (this.datasets && this.datasets[datasetIndex]) {
+            this.datasets[datasetIndex].pointHoverRadius = hoverRadius;
+        }
+        return this;
+    }
+    /**
+     *
+     * @param {number} hoverRadius
+     * @description 모든 데이터셋의 Point Hover Radius를 설정합니다.
+     * @Since 1.0.0
+     * @category dataset
+     *
+     */
+    setAllPointHoverRadius(hoverRadius) {
+        if (this.datasets) {
+            this.datasets.forEach((dataset, index) => {
+                this.setPointHoverRadius(index, hoverRadius);
+            });
+        }
+        return this;
+    }
+}
+
+var Types = /*#__PURE__*/Object.freeze({
+    __proto__: null
+});
+
+const ChartToolBox = {
+    setErrorLog(enabled) {
+        LoggerConfig.errorLogging = enabled;
+    },
+    setDebugLog(enabled) {
+        LoggerConfig.debugLogging = enabled;
+    },
+};
+const T$ = {
+    create: ChartWrapper.create.bind(ChartWrapper),
+    register: ChartWrapper.register.bind(ChartWrapper),
+    ChartWrapper: ChartWrapper,
+    CartesianChartWrapper: CartesianChartWrapper,
+    BarChartWrapper: BarChartWrapper,
+    LineChartWrapper: LineChartWrapper,
+    defaultTypes: Types,
+    defaultsOptions: LocalDefaults,
+    toolBox: ChartToolBox,
+};
+
+export { BarChartWrapper, CartesianChartWrapper, ChartFactory, ChartInstance, ChartToolBox, ChartWrapper, CreateZoomRangeSlider, LineChartWrapper, T$, barScaleImgPlugin, blinkPlugin, changeSetting, chartMountPlugin, createDefaultBarOptions, createDefaultLineOptions, customLegend, T$ as default, defaultBarScales, defaultBarTooltipCallback, defaultLineScales, defaultLineTooltipCallback, doughnutCenterTextPlugin, loadingPlugin, makeCenterHtml, noDataPlugin, zoomRangeSlider, zoomResetPlugin };
+//# sourceMappingURL=index.js.map