realchart 1.4.25 → 1.4.26

package/ie/pictogram.ie.js

@@ -1,6 +1,6 @@
 
 /** 
- * RealChart Pictogram v1.4.25
+ * RealChart Pictogram v1.4.26
  * Copyright (C) 2023-2026 WooriTech Inc.
  * All Rights Reserved. 
  */

package/ie/split.ie.js

@@ -1,6 +1,6 @@
 
 /** 
- * RealChart Split v1.4.25
+ * RealChart Split v1.4.26
  * Copyright (C) 2023-2026 WooriTech Inc.
  * All Rights Reserved. 
  */

package/ie/treemap.ie.js

@@ -1,6 +1,6 @@
 
 /** 
- * RealChart Treemap v1.4.25
+ * RealChart Treemap v1.4.26
  * Copyright (C) 2023-2026 WooriTech Inc.
  * All Rights Reserved. 
  */

package/ie/vector.ie.js

@@ -1,6 +1,6 @@
 
 /** 
- * RealChart Vector v1.4.25
+ * RealChart Vector v1.4.26
  * Copyright (C) 2023-2026 WooriTech Inc.
  * All Rights Reserved. 
  */

package/ie/wordcloud.ie.js

@@ -1,6 +1,6 @@
 
 /** 
- * RealChart Wordcloud v1.4.25
+ * RealChart Wordcloud v1.4.26
  * Copyright (C) 2023-2026 WooriTech Inc.
  * All Rights Reserved. 
  */

package/index.d.ts

@@ -1262,6 +1262,8 @@ type PointLabelPosition = typeof _PointLabelPosition[keyof typeof _PointLabelPos
  *      }
  *  };
  * ```
+ *
+ * @css 'rct-point-label'
  */
 interface DataPointLabelOptions extends IconedTextOptions {
     /**
@@ -1402,6 +1404,8 @@ interface StackLabelCallbackArgs {
  *      }]
  *  };
  * ```
+ *
+ * @css 'rct-stack-label'
  */
 interface StackLabelOptions extends IconedTextOptions {
     /**
@@ -1490,6 +1494,8 @@ interface TrendlineAreaOptions extends ChartItemOptions {
 }
 /**
  * 추세선 라벨 옵션.<br/>
+ *
+ * @css 'rct-series-trendline-label'
  */
 interface TrendlineLabelOptions extends Omit<IconedTextOptions, 'numberFormat' | 'numberSymbols'> {
     /**
@@ -1602,6 +1608,7 @@ type TrendLineType = typeof _TrendLineType[keyof typeof _TrendLineType];
  * {@link https://realchart.co.kr/config/config/base/series series}의 'trendLine' 항목으로 설정한다.<br/>
  * polar 차트에서는 {@link variableArea}, {@link fixedArea} 속성들은 지원되지 않는다.
  *
+ * @css 'rct-series-trendline'
  * @enum
  */
 interface TrendlineOptions extends ChartItemOptions {
@@ -2635,6 +2642,7 @@ declare const BarRangeSeriesType = "barrange";
  * |{@link lowField}|속성 값, 또는 'low' 속성 값이 low 값이 dl된다.|
  * |{@link colorField}|속성 값, 또는 'color' 속성 값으로 데이터포인트의 개별 색상으로 지정된다.|
  *
+ * @css 'rct-barrange-series'
  */
 interface BarRangeSeriesOptions extends LowRangedSeriesOptions {
     /**
@@ -2837,6 +2845,7 @@ type LineStepDirection = typeof _LineStepDirection[keyof typeof _LineStepDirecti
  * |{@link colorField}|속성 값, 또는 'color' 속성 값으로 데이터포인트의 개별 색상으로 지정된다.|
  * |{@link iconField}|속성 값, 또는 'icon' 속성 값으로 데이터포인트의 개별 이미지가 지정된다.|
  *
+ * @css 'rct-line-series'
  */
 interface LineSeriesOptions extends LineSeriesBaseOptions {
     /** @fixed line */
@@ -2917,6 +2926,7 @@ declare const SplineSeriesType = "spline";
  * |{@link colorField}|속성 값, 또는 'color' 속성 값으로 데이터포인트의 개별 색상으로 지정된다.|
  * |{@link iconField}|속성 값, 또는 'icon' 속성 값으로 데이터포인트의 개별 이미지가 지정된다.|
  *
+ * @css 'rct-line-series'
  */
 interface SplineSeriesOptions extends LineSeriesOptions {
     /** @dummy */
@@ -2951,6 +2961,7 @@ interface SplineSeriesOptions extends LineSeriesOptions {
  * |{@link colorField}|속성 값, 또는 'color' 속성 값으로 데이터포인트의 개별 색상으로 지정된다.|
  * |{@link iconField}|속성 값, 또는 'icon' 속성 값으로 데이터포인트의 개별 이미지가 지정된다.|
  *
+ * @css 'rct-area-series'
  */
 interface AreaSeriesOptions extends LineSeriesOptions {
     /** @fixed area */
@@ -3001,6 +3012,7 @@ declare const BellCurveSeriesType = "bellcurve";
  * |{@link colorField}|속성 값, 또는 'color' 속성 값으로 데이터포인트의 개별 색상으로 지정된다.|
  * |{@link iconField}|속성 값, 또는 'icon' 속성 값으로 데이터포인트의 개별 이미지가 지정된다.|
  *
+ * @css 'rct-bellcurve-series'
  */
 interface BellCurveSeriesOptions extends AreaSeriesOptions {
     /** @dummy */
@@ -3054,6 +3066,7 @@ declare const BoxPlotSeriesType = "boxplot";
  * |{@link colorField}|속성 값, 또는 'color' 속성 값으로 데이터포인트의 개별 색상으로 지정된다.|
  * |{@link iconField}|속성 값, 또는 'icon' 속성 값으로 데이터포인트의 개별 이미지가 지정된다.|
  *
+ * @css 'rct-boxplot-series'
  */
 interface BoxPlotSeriesOptions extends LowRangedSeriesOptions {
     /**
@@ -3241,6 +3254,7 @@ declare const BubbleSeriesType = "bubble";
  * |{@link colorField}|속성 값, 또는 'color' 속성 값으로 데이터포인트의 개별 색상으로 지정된다.|
  * |{@link iconField}|속성 값, 또는 'icon' 속성 값으로 데이터포인트의 개별 이미지가 지정된다.|
  *
+ * @css 'rct-bubble-series'
  */
 interface BubbleSeriesOptions extends MarkerSeriesOptions {
     /**
@@ -3337,6 +3351,7 @@ interface BumpSeriesGroupOptions extends SeriesGroupOptions<LineSeriesMarkerOpti
  * |{@link colorField}|속성 값, 또는 'color' 속성 값으로 데이터포인트의 개별 색상으로 지정된다.|
  * |{@link iconField}|속성 값, 또는 'icon' 속성 값으로 데이터포인트의 개별 이미지가 지정된다.|
  *
+ * @css 'rct-candlestick-series'
  */
 interface CandlestickSeriesOptions extends LowRangedSeriesOptions {
     /** @fixed candlestick */
@@ -3406,6 +3421,7 @@ declare const CircleBarSeriesType = "circlebar";
  * |{@link colorField}|속성 값, 또는 'color' 속성 값으로 데이터포인트의 개별 색상으로 지정된다.|
  * |{@link iconField}|속성 값, 또는 'icon' 속성 값으로 데이터포인트의 개별 이미지가 지정된다.|
  *
+ * @css 'rct-circlebar-series'
 */
 interface CircleBarSeriesOptions extends BarSeriesBaseOptions {
     /**
@@ -3468,6 +3484,7 @@ declare const DumbbellSeriesType = "dumbbell";
  * |{@link colorField}|속성 값, 또는 'color' 속성 값으로 데이터포인트의 개별 색상으로 지정된다.|
  * |{@link iconField}|속성 값, 또는 'icon' 속성 값으로 데이터포인트의 개별 이미지가 지정된다.|
  *
+ * @css 'rct-dumbbell-series'
  */
 interface DumbbellSeriesOptions extends LowRangedSeriesOptions {
     /**
@@ -3507,6 +3524,7 @@ declare const EqualizerSeriesType = "equalizer";
  * |{@link colorField}|속성 값, 또는 'color' 속성 값으로 데이터포인트의 개별 색상으로 지정된다.|
  * |{@link iconField}|속성 값, 또는 'icon' 속성 값으로 데이터포인트의 개별 이미지가 지정된다.|
  *
+ * @css 'rct-equalizer-series'
  */
 interface EqualizerSeriesOptions extends BasedSeriesOptions {
     /**
@@ -3565,6 +3583,7 @@ declare const ErrorBarSeriesType = "errorbar";
  * |{@link colorField}|속성 값, 또는 'color' 속성 값으로 데이터포인트의 개별 색상으로 지정된다.|
  * |{@link iconField}|속성 값, 또는 'icon' 속성 값으로 데이터포인트의 개별 이미지가 지정된다.|
  *
+ * @css 'rct-errorbar-series'
  */
 interface ErrorBarSeriesOptions extends LowRangedSeriesOptions {
     /**
@@ -3748,6 +3767,7 @@ declare const ArearangeSeriesType = "arearange";
  * |{@link colorField}|속성 값, 또는 'color' 속성 값으로 데이터포인트의 개별 색상으로 지정된다.|
  * |{@link iconField}|속성 값, 또는 'icon' 속성 값으로 데이터포인트의 개별 이미지가 지정된다.|
  *
+ * @css 'rct-arearange-series'
  */
 interface AreaRangeSeriesOptions extends LineSeriesBaseOptions {
     /**
@@ -3836,6 +3856,7 @@ declare const LollipopSeriesType = "lollipop";
  * |{@link iconField}|속성 값, 또는 'icon' 속성 값으로 데이터포인트의 개별 이미지가 지정된다.|
  * |{@link radiusField}|속성 값, 또는 'radius' 속성 값으로 데이터포인트의 radius 크기가 지정된다.|
  *
+ * @css 'rct-lollipop-series'
  */
 interface LollipopSeriesOptions extends BasedSeriesOptions {
     /**
@@ -3880,6 +3901,7 @@ declare const OhlcSeriesType = "ohlc";
  * |{@link colorField}|속성 값, 또는 'color' 속성 값으로 데이터포인트의 개별 색상으로 지정된다.|
  * |{@link iconField}|속성 값, 또는 'icon' 속성 값으로 데이터포인트의 개별 이미지가 지정된다.|
  *
+ * @css 'rct-ohlc-series'
  */
 interface OhlcSeriesOptions extends CandlestickSeriesOptions {
     /**
@@ -3911,6 +3933,7 @@ declare const ParetoSeriesType = "pareto";
  * |{@link colorField}|속성 값, 또는 'color' 속성 값으로 데이터포인트의 개별 색상으로 지정된다.|
  * |{@link iconField}|속성 값, 또는 'icon' 속성 값으로 데이터포인트의 개별 이미지가 지정된다.|
  *
+ * @css 'rct-pareto-series'
  */
 interface ParetoSeriesOptions extends LineSeriesBaseOptions {
     /**
@@ -4064,6 +4087,7 @@ declare const PieSeriesType = "pie";
  * |{@link colorField}|속성 값, 또는 'color' 속성 값으로 데이터포인트의 개별 색상으로 지정된다.|
  * |{@link iconField}|속성 값, 또는 'icon' 속성 값으로 데이터포인트의 개별 이미지가 지정된다.|
  *
+ * @css 'rct-pie-series'
  */
 interface PieSeriesOptions extends RadialSeriesOptions {
     /**
@@ -4141,6 +4165,7 @@ declare const ScatterSeriesType = "scatter";
  * |{@link colorField}|속성 값, 또는 'color' 속성 값으로 데이터포인트의 개별 색상으로 지정된다.|
  * |{@link iconField}|속성 값, 또는 'icon' 속성 값으로 데이터포인트의 개별 이미지가 지정된다.|
  *
+ * @css 'rct-scatter-series'
  */
 interface ScatterSeriesOptions extends MarkerSeriesOptions {
     /**
@@ -4207,6 +4232,7 @@ declare const WaterfallSeriesType = "waterfall";
  * |isMid|이 속성이 true이면, 해당 포인트는 시리즈 시작부터 또는 이전 중간 합계 이후의 누적 합계를 나타낸다.|
  * |{@link iconField}|속성 값, 또는 'icon' 속성 값으로 데이터포인트의 개별 이미지가 지정된다.|
  *
+ * @css 'rct-waterfall-series'
  */
 interface WaterfallSeriesOptions extends ClusterableSeriesOptions {
     /**
@@ -5474,6 +5500,7 @@ interface ChartOptionsOptions extends ChartItemOptions {
     resizeDelay?: number;
 }
 /**
+ * @css 'rct-body-image'
  */
 interface BackgroundImageOptions extends ChartItemOptions {
     /**
@@ -5498,6 +5525,7 @@ declare const _ZoomType: {
 /** @dummy */
 type ZoomType = typeof _ZoomType[keyof typeof _ZoomType];
 /**
+ * @css 'rct-reset-zoom'
  */
 interface ZoomButtonOptions extends ChartItemOptions {
     /**
@@ -5511,6 +5539,7 @@ interface ZoomButtonOptions extends ChartItemOptions {
     visible?: boolean;
 }
 /**
+ * @css 'rct-empty-view'
  */
 interface EmptyViewOptions extends ChartTextOptions {
     /**
@@ -5594,6 +5623,8 @@ interface BodyDepthLineOptions extends ChartItemOptions {
 }
 /**
  * {@link BodyDepth.depth depth}가 지정된 body 영역의 양 축 방향에 표시되는 side panel 설정 옵션.<br/>
+ *
+ * @css 'rct-body-depth-side'
  */
 interface BodyDepthSideOptions extends ChartItemOptions {
     /**
@@ -5613,6 +5644,8 @@ interface BodyDepthSideOptions extends ChartItemOptions {
  * body 깊이 설정 옵션.<br/>
  * x 축이고 첫번째 연결된 시리즈가 depth가 설정된 { 'bar'} 시리즈를 표시할 때, 축 깊이를 설정한다.<br/>
  * 차트나 분할 pane에 연결된 첫번째 x축일 때만 의미가 있다.
+ *
+ * @css 'rct-body-depth'
  */
 interface BodyDepthOptions extends ChartItemOptions {
     /**
@@ -5720,10 +5753,12 @@ interface BodyOptions extends ChartItemOptions {
     depth?: BodyDepthOptions | number | boolean;
 }
 /**
+ * @css 'rct-navigator-handle'
  */
 interface NavigiatorHandleOptions extends ChartItemOptions {
 }
 /**
+ * @css 'rct-navigator-mask'
  */
 interface NavigiatorMaskOptions extends ChartItemOptions {
 }
@@ -5735,6 +5770,7 @@ interface NavigiatorMaskOptions extends ChartItemOptions {
  * 내비게이터의 x축 종류는 명시적으로 설정하지 않으면 소스 시리즈의 x축 type을 따라간다.
  * y축은 항상 {@link https://realchart.co.kr/config/config/yAxis/linear linear}로 생성된다.
  *
+ * @css 'rct-navigator'
  */
 interface SeriesNavigatorOptions extends ChartItemOptions {
     /**
@@ -5822,7 +5858,8 @@ interface SeriesNavigatorOptions extends ChartItemOptions {
  *  };
  * ```
  *
- * ***className&nbsp;*** 'rct-credits'
+ *
+ * @css 'rct-credits'
  */
 interface CreditsOptions extends ChartItemOptions {
     /**
@@ -5920,6 +5957,8 @@ declare const _PointHoverScope: {
 type PointHoverScope = typeof _PointHoverScope[keyof typeof _PointHoverScope];
 /**
  * 데이터포인트에 마우스가 올라갈 때 처리하는 방식 설정 옵션.<br/>
+ *
+ * @css 'rct-point-hover'
  */
 interface PointHoveringOptions extends ChartItemOptions {
     /**
@@ -6389,6 +6428,7 @@ interface PaneBodyOptions extends BodyOptions {
  * 시리즈는 {@link https://realchart.co.kr/config/config/base/series/xAxis xAxis}, {@link https://realchart.co.kr/config/config/base/series/yAxis yAxis} 설정에 따라 연결된 axis 위치에 따라 자동으로 결정된다.
  *
  * @modules split
+ * @css 'rct-panes'
  */
 interface SplitOptions extends ChartItemOptions {
     /**
@@ -6596,6 +6636,8 @@ declare const _HtmlButtonHintMode: {
 type HtmlButtonHintMode = typeof _HtmlButtonHintMode[keyof typeof _HtmlButtonHintMode];
 /**
  * HTML 버튼 옵션<br/>
+ *
+ * @css 'rct-html-button'
  */
 interface HtmlButtonOptions extends Omit<ChartItemOptions, 'style'> {
     /**
@@ -6756,6 +6798,7 @@ interface GaugeBaseOptions extends ChartItemOptions {
 /**
  * 단일 값을 다양한 방식으로 표시한다.<br/>
  *
+ * @css 'rct-gauge'
  */
 interface GaugeOptions extends GaugeBaseOptions {
     /**
@@ -6770,6 +6813,7 @@ interface GaugeOptions extends GaugeBaseOptions {
 /**
  * 같은 종류의 단일 게이지들을 여러 개 묶어서 관련된 값을 표시한다.<br/>
  *
+ * @css 'rct-gauge-group'
  */
 interface GaugeGroupOptions<T extends ValueGaugeOptions = ValueGaugeOptions> extends GaugeBaseOptions {
     /**
@@ -7079,6 +7123,7 @@ declare const BulletGaugeType = "bullet";
  * 또, {@link band}를 같이 표시하면, 여러 값 범위 중 어디에 속한 상태인 지를 나타낼 수 있다.
  *
  * @modules gauge
+ * @css 'rct-bullet-gauge'
  */
 interface BulletGaugeOptions extends LinearGaugeBaseOptions {
     /**
@@ -7123,6 +7168,7 @@ declare const BulletGaugeGroupType = "bulletgroup";
  * {@link https://realchart.co.kr/docs/api/options/GaugeOptions#type type}은 'bulletgroup'이다.
  *
  * @modules gauge
+ * @css 'rct-bullet-gauge-group'
  */
 interface BulletGaugeGroupOptions extends LinearGaugeGroupBaseOptions<BulletGaugeOptions> {
     /** @dummy */
@@ -7422,6 +7468,8 @@ declare const _GaugeItemPosition: {
 type GaugeItemPosition = typeof _GaugeItemPosition[keyof typeof _GaugeItemPosition];
 /**
  * Gauge scale.
+ *
+ * @css 'rct-gauge-scale'
  */
 interface GaugeScaleOptions extends ChartItemOptions {
     /**
@@ -7592,6 +7640,7 @@ declare const CircleGaugeType = "circle";
  * 지정된 최대 각도 내에서 현재 값의 비율을 원호로 표시한다.<br/>
  *
  * @modules gauge
+ * @css 'rct-circle-gauge'
  */
 interface CircleGaugeOptions extends CircularGaugeOptions {
     /**
@@ -7634,6 +7683,7 @@ declare const CircleGaugeGroupType = "circlegroup";
  * {@link https://realchart.co.kr/docs/api/options/GaugeOptions#type type}은 'circlegroup'이다.
  *
  * @modules gauge
+ * @css 'rct-circle-gauge-group'
  */
 interface CircleGaugeGroupOptions extends CircularGaugeGroupOptions {
     /** @dummy */
@@ -7738,6 +7788,7 @@ declare const ClockGaugeType = "clock";
  * 원형 아날로그 시계를 표시한다.<br/>
  *
  * @modules gauge
+ * @css 'rct-clock-gauge'
  */
 interface ClockGaugeOptions extends GaugeOptions {
     /**
@@ -7833,6 +7884,7 @@ declare const LinearGaugeType = "linear";
  * 또, {@link band}를 같이 표시하면, 여러 값 범위 중 어디에 속한 상태인 지를 나타낼 수 있다.<br/>
  *
  * @modules gauge
+ * @css 'rct-linear-gauge'
  */
 interface LinearGaugeOptions extends LinearGaugeBaseOptions {
     /**
@@ -7855,6 +7907,7 @@ declare const LinearGaugeGroupType = "lineargroup";
  * {@link https://realchart.co.kr/docs/api/options/GaugeOptions#type type}은 'lineargroup'이다.<br/>
  *
  * @modules gauge
+ * @css 'rct-linear-gauge-group'
  */
 interface LinearGaugeGroupOptions extends LinearGaugeGroupBaseOptions<LinearGaugeOptions> {
     /**
@@ -10200,6 +10253,12 @@ declare class NavigatorMask extends ChartItem<NavigiatorMaskOptions> {
  * y축은 항상 **'linear'**로 생성된다.
  */
 declare class SeriesNavigator extends ChartItem<SeriesNavigatorOptions> {
+    /** 핸들 원의 반지름 (px). {@link HANDLE_TRACK_HEIGHT} 기준으로 적정 크기로 고정. */
+    static readonly HANDLE_RADIUS = 9.75;
+    /** 스크롤 track 높이 (px). */
+    static readonly HANDLE_TRACK_HEIGHT = 6;
+    /** thickness 하단에서 track 중심까지의 거리 (px). {@link HANDLE_TRACK_HEIGHT} / 2 */
+    static readonly HANDLE_TRACK_OFFSET: number;
     static defaults: SeriesNavigatorOptions;
     private _handle;
     private _mask;
@@ -10225,9 +10284,30 @@ declare class SeriesNavigator extends ChartItem<SeriesNavigatorOptions> {
      * 경계선 설정 모델.
      */
     get borderLine(): ChartItem<ChartItemOptions>;
+    /**
+     * 네비게이터 두께를 반환한다.
+     * @default 45
+     */
     getThickness(): number;
+    /**
+     * 네비게이터와 차트 본체 방향 사이의 간격을 반환한다.
+     * @default 8
+     */
     getGap(): number;
+    /**
+     * 네비게이터와 차트 본체 반대 방향 사이의 간격을 반환한다.
+     * @default 3
+     */
     getGapFar(): number;
+    /**
+     * thickness 하단에서 핸들 원 하단까지의 거리 (px).
+     */
+    getHandleOverflow(): number;
+    /**
+     * gap·thickness·gapFar를 합한 navigator 전체 예약 크기 (px).<br/>
+     * gap은 ChartView layout에서 transY로, thickness는 navigator 뷰 높이로 적용된다.<br/>
+     * gapFar가 {@link getHandleOverflow}보다 작으면 핸들 clipping 방지를 위해 후자를 사용한다.
+     */
     getSize(): number;
     axisLen(): number;
     axis(): Axis;
@@ -11248,6 +11328,8 @@ interface AxisItemOptions extends ChartItemOptions {
 }
 /**
  * 축 타이틀 설정 옵션.<br/>
+ *
+ * @css 'rct-axis-title'
  */
 interface AxisTitleOptions extends AxisItemOptions {
     /**
@@ -11327,6 +11409,8 @@ declare const _AxisUnitLabelPosition: {
 type AxisUnitLabelPosition = typeof _AxisUnitLabelPosition[keyof typeof _AxisUnitLabelPosition];
 /**
  * 축 타이틀과 별도로 tick label 표시 값들의 단위 등을 표시한다.<br/>
+ *
+ * @css 'rct-axis-unit-label'
  */
 interface AxisUnitLabelOptions extends AxisItemOptions {
     /**
@@ -11350,6 +11434,8 @@ interface AxisUnitLabelOptions extends AxisItemOptions {
 }
 /**
  * 축 선(line) 설정 모델.<br/>
+ *
+ * @css 'rct-axis-line'
  */
 interface AxisLineOptions extends AxisItemOptions {
     /**
@@ -11382,6 +11468,8 @@ interface AxisSectorLineOptions extends AxisLineOptions {
  *      },
  *  };
  * ```
+ *
+ * @css 'rct-axis-tick'
  */
 interface AxisTickOptions extends AxisItemOptions {
     /**
@@ -11628,6 +11716,8 @@ interface AxisLabelArgs {
  * //4. 1~3 모두 설정되지 않은 경우 autoArrange 설정에 따라 자동 배치한다.
  * //5. 배치 후 공간을 초과하는 label은 wrap 속성에 따라 줄나누기를 하거나,
  * //  ellipsis('...')로 처리해서 표시한다.
+ *
+ * @css 'rct-axis-label'
  */
 interface AxisLabelOptions extends IconedTextOptions {
     /**
@@ -11769,6 +11859,8 @@ interface AxisLabelOptions extends IconedTextOptions {
 }
 /**
  * 축 그리드 사이에 생성된 영역 표시 설정 모델.
+ *
+ * @css 'rct-axis-grid-rows'
  */
 interface AxisGridRowsOptions extends AxisItemOptions {
     /**
@@ -11850,6 +11942,8 @@ type AxisGuideOptionsType = AxisLineGuideOptions | AxisRangeGuideOptions;
  * 선분이나 영역으로 축 위의 특정한 값(들)을 구분 표시한다.<br/>
  * 기본적으로 이 축에 연결된 모든 body에 모두 표시된다.
  * col, row를 지정해서 특정 body에만 표시되도록 할 수 있다.
+ *
+ * @css 'rct-axis-guide'
  */
 interface AxisGuideOptions extends AxisItemOptions {
     /**
@@ -11913,6 +12007,8 @@ interface AxisRangeGuideOptions extends AxisGuideOptions {
  * Axis tick의 위치에 수평 혹은 수직선으로 plot 영역을 구분 표시한다.<br/>
  * {@link visible} 기본값이 undefined인데,
  * visible이 undefined나 null로 지정되면, 축 위치에 따라 visible 여부가 결정된다.
+ *
+ * @css 'rct-axis-grid-line'
  */
 interface AxisGridOptions extends AxisItemOptions {
     /**
@@ -12021,6 +12117,8 @@ interface CrosshairCallbackArgs {
 }
 /**
  * 직선 또는 bar 형태로 축 위의 마우스 위치를 표시하는 구성 요소 옵션.<br/>
+ *
+ * @css 'rct-crosshair-line' (카테고리 축: 'rct-crosshair-bar')
  */
 interface CrosshairOptions extends ChartItemOptions {
     /**
@@ -12133,6 +12231,8 @@ type AxisPosition = typeof _AxisPosition[keyof typeof _AxisPosition];
 /**
  * 축 스크롤바 모델.<br/>
  * 축 스크롤 상태를 표시하고, 사용자가 스크롤 범위나 위치를 변경할 수 있다.
+ *
+ * @css 'rct-axis-scrollbar'
  */
 interface AxisScrollBarOptions extends AxisItemOptions {
     /**
@@ -12181,6 +12281,7 @@ type AxisType = 'category' | 'linear' | 'log' | 'time';
  *
  * 축으로 자동 설정된다.<br/>
  *
+ * @css 'rct-axis'
  */
 interface AxisOptions extends ChartItemOptions {
     /**
@@ -12561,6 +12662,8 @@ interface AxisBaseLineOptions extends AxisLineOptions {
 }
 /**
  * 연속축 break 설정 모델.<br/>
+ *
+ * @css 'rct-axis-break'
  */
 interface AxisBreakOptions extends AxisItemOptions {
     /**
@@ -13209,6 +13312,7 @@ interface AnnotationClickArgs {
  * 보조로 표시할 수 있는 {@link https://realchart.co.kr/config/config/annotation/text 텍스트}나
  * {@link https://realchart.co.kr/config/config/annotation/image 이미지} 또는 {@link https://realchart.co.kr/config/config/annotation/shape 도형}.<br/>
  *
+ * @css 'rct-annotation'
  */
 interface AnnotationOptions extends ChartItemOptions {
     /**
@@ -14517,6 +14621,7 @@ declare class ChartTextElement extends GroupElement {
     _icon: ImageElement;
     private _model;
     private _box;
+    private _iconBox;
     private _failedIconUrl;
     constructor(doc: Document, styleName?: string);
     /** text */
@@ -14525,6 +14630,12 @@ declare class ChartTextElement extends GroupElement {
     setModel<OP extends ChartTextOptions>(doc: Document, model: IconedText<OP>, icon: string, dynStyle: SVGStyleOrClass): ChartTextElement;
     setContrast(target: Element): ChartTextElement;
     layout(align: Align): ChartTextElement;
+    /**
+     * {@link layout} 기준 콘텐츠 박스(group local 좌표).
+     * DOM `getBBox()`에 확보한 아이콘 영역을 합쳐, 아이콘이 비동기 로드되기 전에도
+     * 아이콘을 포함한 크기로 중앙 정렬할 수 있게 한다. 아이콘이 없으면 `getBBox()`와 동일하다.
+     */
+    getLayoutBox(): IRect;
     setOutline<OP extends ChartTextOptions>(model: IconedText<OP>): void;
     getBBox(): IRect;
 }