Ignite UI for Web Components 変更ログ

Ignite UI for Web Components の各バージョンのすべての重要な変更は、このページに記載されています。

7.1.0 (June 2026)

機能拡張

igniteui-webcomponents-charts

• MarkerType 列挙型に Checkmark オプションが追加されました。シリーズで MarkerType.Checkmark を使用すると、円の中に V 字型のチェックマーク アイコンを表示できます。新しい MarkerAutomaticBehavior.Checkmark 列挙値でチャート内のすべてのシリーズにチェックマーク形状を適用でき、SeriesViewer.CheckmarkMarkerTemplate プロパティでテンプレートをカスタマイズできます。
• マーカーをサポートするチャート シリーズで MarkerSize がサポートされ、デバイス非依存ピクセル単位でマーカー サイズを制御できるようになりました。NaN に設定するとテンプレート ベースの既定サイズに戻ります。

バグ修正

7.0.0 (February 2026)

igniteui-webcomponents-charts

バグ修正

igniteui-webcomponents

新機能

• AI 支援開発 - Copilot スキル

  • igniteui-webcomponents パッケージの skills/ ディレクトリに 4 つのエンドユーザー スキルが同梱されるようになりました。GitHub Copilot やその他の LLM エージェントに一般的なタスクのステップバイステップのガイダンスを提供します:
    • igniteui-wc-choose-components - 特定の UI パターンに適したコンポーネントを識別する。
    • igniteui-wc-integrate-with-framework - React、Angular、Vue、またはバニラ JS でコンポーネントをセットアップして使用する。
    • igniteui-wc-customize-component-theme - CSS カスタム プロパティ、パーツ、テーマ システムを使用してカスタム スタイルを適用する。
    • igniteui-wc-optimize-bundle-size - 選択的インポートと遅延読み込みを使用して本番バンドル サイズを削減する。

• チャット

  • adoptRootStyles を実行時にオン/オフ切り替えできるようになりました。

重大な変更

• テーマ

  • 他の Ignite UI コンポーネント ライブラリに合わせるため、コンポーネント テーマの CSS カスタム プロパティのグローバル プレフィックスを変更しました。

• チャット

  • typingIndicator テンプレート レンダラーを削除しました。代わりに typing-indicator スロットを使用してください。

• ツールチップ

  • 非推奨の disableArrow プロパティを削除しました。

• ライブラリ

  • 必要な最小 Node バージョンが >= 22 になりました。

バグ修正

igniteui-webcomponents-grids (グリッド)

• IgcGrid、IgcTreeGrid、IgcHierarchicalGrid、IgcPivotGrid
  • グリッドに表示されるデータに基づいてスクロール スロットルを動的に調整することでパフォーマンスを改善しました。

重大な変更

• IgcGrid、IgcTreeGrid、IgcHierarchicalGrid、IgcPivotGrid
  • 元の data 配列の変更 (元の配列へのレコードの追加/削除/移動など) は自動的に検出されなくなりました。変更を検出するには、コンポーネントに配列参照の変更が必要です。

ローカライゼーション (i18n)

• IgcGrid、IgcTreeGrid、IgcHierarchicalGrid、IgcPivotGrid、IgcCombo、IgcDatePicker、IgcDateRangePicker、IgcCalendar、IgcCarousel、IgcChip、IgcInput、IgcTree
  • グリッド コンポーネントで日付や数値などのデータをフォーマットおよびレンダリングするための新しい Intl 実装。以前 igniteui-webcomponents で使用されていた IgcCalendar、IgcDatePicker、IgcDateRangePicker の Intl 実装を更新しました。
  • 現在サポートされているすべての言語のリソース文字列を持つすべてのコンポーネントに対する新しいローカライゼーション実装。
  • 新しいパブリック ローカライゼーション API と、新しいリソースを含む igniteui-i18n-resources という名前のパッケージ。 PDF エクスポート
• グリッド データを PDF 形式にエクスポートできる PDF エクスポート機能を追加しました。

Popover API ドロップダウン メニューとダイアログが HTML Popover API を使用するようになり、より優れた配置とアクセシビリティを提供します。

機能拡張

igniteui-webcomponents-charts

• IgcDataChart での水平方向の範囲レンダリングをサポートする RangeBarSeries が追加されました。

6.3.1 (December 2025)

機能拡張

igniteui-webcomponents-charts

DataPieChart および ProportionalCategoryAngleAxis に OthersCategoryBrush と OthersCategoryOutline を追加しました。

バグ修正

機能拡張

• AI-Assisted Development - Copilot Skills

  • Four end-user skills are now shipped with the igniteui-webcomponents package under the skills/ directory providing step-by-step guidance to GitHub Copilot and other LLM agents for common tasks:
    • igniteui-wc-choose-components - Identify the right component for a given UI pattern.
    • igniteui-wc-integrate-with-framework - Set up and use components in React, Angular, Vue, or vanilla JS.
    • igniteui-wc-customize-component-theme - Apply custom styles via CSS custom properties, parts, and the theming system.
    • igniteui-wc-optimize-bundle-size - Reduce production bundle size through selective imports and lazy loading.

• Chat

  • adoptRootStyles can now be toggled on/off at runtime.

チャート

• TimeXAxisLabelFormat に LabelFormatOverride イベントが追加され、TimeXAxis のすべての時間形式レベルでイベントを使用して書式設定をオーバーライドできるようになりました。

• プロパティの有効な値を見つけやすくするために、より多くの項目を考慮するようにスキーマ生成を調整しました。

• Tooltip

  • Removed the disableArrow deprecated property.

• Library

  • Minimum Node version required is now >= 22.

6.3.0 (November 2025)

igniteui-webcomponents-charts (チャート)

• IgcGrid, IgcTreeGrid, IgcHierarchicalGrid, IgcPivotGrid
  • Improved performance by dynamically adjusting the scroll throttle based on the data displayed in grid.

Breaking Changes

• IgcGrid, IgcTreeGrid, IgcHierarchicalGrid, IgcPivotGrid
  • Original data array mutations (like adding/removing/moving records in the original array) are no longer detected automatically. Components need an array reference change for the change to be detected.

Localization(i18n)

• IgcGrid, IgcTreeGrid, IgcHierarchicalGrid, IgcPivotGrid, IgcCombo, IgcDatePicker, IgcDateRangePicker, IgcCalendar, IgcCarousel, IgcChip, IgcInput, IgcTree
  • New Intl implementation for the grid components that format and render data like dates and numbers. Updated Intl implementation for IgcCalendar, IgcDatePicker, and IgcDateRangePicker that previously used it in igniteui-webcomponents.
  • New localization implementation for the currently supported languages for all components that have resource strings in the currently supported languages.
  • New public localization API and package named igniteui-i18n-resources containing the new resources that are used in conjunction. PDF export
• Added PDF export functionality allowing users to export grid data to PDF format.

Popover API Dropdown menus and dialogs are now using HTML Popover API to provide better positioning and accessibility.

Preview ユーザー注釈

Preview 軸注釈の衝突検出

igniteui-webcomponents-maps (地理マップ)

• Azure Map Imagery は RTM になりました。

バグ修正

6.3.6 (November 2025)

新しいコンポーネント

• Chat コンポーネントを追加しました。

• Adjusted the schema generation to account for more items to make it more likely to find valid values for properties.

igniteui-webcomponents-grids (グリッド)

バグ修正

6.2.1 (September 2025)

In Ignite UI for Web Components, you can now annotate the DataChart with slice, strip, and point annotations at runtime using the new user annotations feature. This allows the end user to add more details to the plot such as calling out single important events such as company quarter reports by using the slice annotation or events that have a duration by using the strip annotation. You can also call out individual points on the plotted series by using the point annotation or any combination of these three.

This is directly integrated with the available tools of the Toolbar.

igniteui-webcomponents-maps

Ability for axis annotations to automatically detect collisions and truncate to fit better. To enable this feature you must set the following properties:

• ShouldAvoidAnnotationCollisions
• ShouldAutoTruncateAnnotations

Preview Azure マップ画像のサポート

IgcGeographicMap は、 Azure ベースのマップ画像をサポートし、開発者は複数のアプリケーション タイプにわたって詳細かつ動的なマップを表示できるようになりました。複数のマップ レイヤーを組み合わせて地理データを視覚化し、インタラクティブなマッピング エクスペリエンスを簡単に作成できます。

igniteui-webcomponents-charts

Preview 新しい軸ラベル イベント

Preview 対応軸

X 軸と Y 軸に CompanionAxis プロパティが追加され、既存の軸を簡単に複製できるようになりました。CompanionAxisEnabled プロパティを有効にすると、複製された軸はチャートの反対側に配置され、そこから各軸プロパティを設定できます。

Preview RadialPieSeries インセット アウトライン

RadialPieSeries のアウトライン レンダリング方法を制御するために UseInsetOutlines プロパティが追加されました。true に設定すると、アウトラインがスライス形状の内側に描画され、false (既定値) に設定すると、アウトラインはスライス形状の端に半分内側・半分外側で描画されます。

重大な変更

        <igc-column field="field" merge="true"></igc-column>

• IgcChartMouseEventArgs クラスの PlotAreaPosition プロパティと ChartPosition プロパティが逆になっている問題が修正されました。これにより、PlotAreaPosition と ChartPosition が返す値が変更されます。

        <igc-grid cellMergeMode="always">
        </igc-grid>

The default cellMergeMode is onSort.

The functionality can be modified by setting a custom mergeStrategy on the grid, in case some other merge conditions or logic is needed for a custom scenario.

It’s possible also to set a mergeComparer on the individual columns, in case some custom handling is needed for a particular data field.

• Added ability to pin individual columns to a specific side (start or end of the grid), so that you can now have pinning from both sides. This can be done either declaratively by setting the pinningPosition property on the column:

        <igc-column field="Col1" pinned="true" pinningPosition="pinningPosition">
        </igc-column>

pinningPosition = ColumnPinningPosition.End;

Or with the API, via optional parameter:

grid.pinColumn('Col1', 0, ColumnPinningPosition.End);
grid.pinColumn('Col2', 0, ColumnPinningPosition.Start);

If property pinningPosition is not set on a column, the column will default to the position specified on the grid’s pinning options for columns.

• Sorting improvements
  • Improved sorting algorithm efficiency using Schwartzian transformation. This is a technique, also known as decorate-sort-undecorate, which avoids recomputing the sort keys by temporarily associating them with the original data records.
  • Refactored sorting algorithms from recursive to iterative.
• Groupby improvements
  • Refactored grouping algorithm from recursive to iterative.
  • Optimized grouping operations.

igniteui-webcomponents-grids

Preview セル サフィックス コンテンツ

バグ修正

機能拡張

The IgcGeographicMap now supports Azure-based map imagery, allowing developers to display detailed, dynamic maps across multiple application types. You can combine multiple map layers, visualize geographic data, and create interactive mapping experiences with ease.

Note: Support for Bing Maps imagery is being phased out. Existing enterprise keys can still be used to access Bing Maps, ensuring your current applications continue to function while you transition to Azure maps.

Explore some of the publicly available Azure maps here.

IgcBulletGraph

チャート

• DataToolTipLayer、ItemToolTipLayer、CategoryToolTipLayer にスタイル設定用の新しいプロパティが追加されました: ToolTipBackground、ToolTipBorderBrush、および ToolTipBorderThickness。

• DataLegend にスタイル設定用の新しいプロパティが追加されました: ContentBackground、ContentBorderBrush、および ContentBorderThickness。ContentBorderBrush と ContentBorderThickness はそれぞれ既定で transparent と 0 に設定されているため、境界線を表示するにはこれらのプロパティを設定する必要があります。

IgcDataGrid

• DataGrid に新しいプロパティ stopPropagation が追加されました。これにより、マウス イベントが親要素へバブリングするのを防止できます。

IgcLinearGauge

• Preview 新しい LabelsVisible プロパティが追加されました。

Breaking Changes

• A fix was made due to an issue where the PlotAreaPosition and ChartPosition properties on IgcChartMouseEventArgs class were reversed. This will change the values that PlotAreaPosition and ChartPosition return.

6.2.0 (August 2025)

機能拡張

• フォームに関連付けられたカスタム要素は、:state() CSS セレクターを使用してスタイル設定するための ig-invalid カスタム状態を公開するようになりました。 詳細はこちらをご参照ください

• フォーム関連カスタム要素の有効性の動作: 要素は :user-invalid を模倣しようとし、UI またはフォームの requestSubmit()/reset() 呼び出しを介して操作されない限り、無効スタイルは適用されません。

• SuffixText
• SuffixTextColor

• SuffixTextFont

• SuffixIconName
• SuffixIconCollectionName
• SuffixIconStroke
• SuffixIconFill
• SuffixIconViewBoxLeft
• SuffixIconViewBoxTop
• SuffixIconViewBoxWidth
• SuffixIconViewBoxHeight
• TextDecoration

Please note that the maximum size available for the icons is 24x24. You can provide an icon that is larger or smaller than this, but you will need to configure the viewbox settings in order to properly scale it to fit in the 24x24 space so it is fully visible.

バグ修正

6.1.0 (July 2025)

重大な変更

• Preview Added new LabelsVisible property

File Input

• igcChange および igcCancel イベントの詳細では、基になるコンポーネントの files プロパティが返されるようになりました。

• New properties added to the DataLegend to aid in styling: ContentBackground, ContentBorderBrush, and ContentBorderThickness. The ContentBorderBrush and ContentBorderThickness default to transparent and 0 respectively, so in order to see these borders, you will need to set these properties.

• Added a new property to IgcChartMouseEventArgs called WorldPosition that provides the world relative position of the mouse. This position will be a value between 0 and 1 for both the X and Y axis within the axis space.

• Added HighlightingFadeOpacity to SeriesViewer and DomainChart. This allows you to configure the opacity applied to highlighted series.

• Expose CalloutLabelUpdating event for domain charts.

Tooltip

• Tooltip イベントは、detail プロパティに anchor ターゲットを返さなくなりました。

動作変更

• Preview Added new LabelsVisible property

Tooltip

機能拡張

• すべてのテーマにわたってフォームに関連付けられたほとんどのコンポーネントの読み取り専用スタイルを更新し、コンポーネントが読み取り専用状態にあることをより適切に示せるようになりました。

バグ修正

6.0.1 (July 2025)

• New Component - Date Range Picker

バグ修正

igniteui-webcomponents-charts

• 軸ラベルに使用できる New MaximumExtent および MaximumExtentPercentage プロパティを追加しました。

6.0.0 (June 2025)

• Tooltip events will no longer return its anchor target in its detail property

igniteui-webcomponents-maps 地理マップ

igniteui-webcomponents-charts

• Preview チャート データ注釈レイヤーを追加しました:
  • データ注釈バンド レイヤー
  • データ注釈ライン レイヤー
  • データ注釈矩形レイヤー
  • データ注釈スライス レイヤー
  • データ注釈ストリップ レイヤー

igniteui-webcomponents-dashboards (ダッシュボード)

• IgcDashboardTile では、ソート、グループ化、フィルタリング、選択などの集計を DataGrid ビューからチャート視覚化に伝播できるようになりました。これは現在、IgcDashboardTile の IgcDataSource を IgcLocalDataSource のインスタンスにバインドすることによってサポートされています。

igniteui-webcomponents-grids

重大な変更

機能拡張

Toolbar

• ツールバーから追加された値レイヤーが凡例に表示されるようになりました。
• ズーム リセット ツールはズーム ドロップダウンに移動されました。

Data Pie Chart

• チャートは GetOthersContext() メソッドを公開するようになりました。これにより、Others (その他) スライスのコンテンツが返されます。

バグ修正

5.4.0 (April 2025)

Microsoft Bing Blogs

igniteui-webcomponents-grids

• すべてのグリッド

  • IgcFilteringExpressionsTree プロパティを使用して初期フィルタリングの適用が可能になりました。

• The Data Tooltip and Data Legend expose Preview LayoutMode property that you can use to layout the contents of the tooltip or legend in a table or vertical layout structure.

• Preview The DefaultInteraction property of the charts has been updated to include a new enumeration - DragSelect in which the dragged preview Rect will select the points contained within.

• Preview The ValueOverlay and ValueLayer, in addition to the Preview Chart Data Annotations listed above now expose an OverlayText property that can be used to overlay additional annotation text in the plot area. These appearance of these annotations can be configured by using the many OverlayText-prefixed properties. For example, the OverlayTextBrush property will configure the color of the overlay text.

• New Trendline Layer series type that allows you to apply a single trend line per trend line layer to a particular series. This allows the usage of multiple trend lines on a single series since you can have multiple TrendlineLayer series types in the chart.

バグ修正

5.3.0 (February 2025)

Breaking Changes

• The IgcDataGrid & IgcMultiColumnComboBox are now part of the igniteui-webcomponents-data-grids package.

機能拡張

Toolbar

• Toolbar と ToolPanel に新しい GroupHeaderTextStyle プロパティを追加しました。設定されている場合、すべての ToolActionGroupHeader アクションに適用されます。
• タイトル テキストの水平方向の配置を制御する TitleHorizontalAlignment という新しいプロパティを ToolAction に追加しました。
• ToolActionSubPanel に、パネル内の項目間の間隔を制御する ItemSpacing という新しいプロパティを追加しました。

バグ修正

次の表は、このリリースの Ignite UI for Web Components ツールセットに対して行われたバグ修正を示しています。

5.2.0 (January 2025)

• バグ修正

igniteui-webcomponents-grids

5.1.1 (December 2024)

• All Grids
  • Allow applying initial filtering through IgcFilteringExpressionsTree property

igniteui-webcomponents-charts

• Preview Dashboard Tile コンポーネントは、バインドされた ItemsSource コレクションまたは単一のポイントを分析および視覚化し、データのスキーマとカウントに基づいて適切なデータ視覚化を返すコンテナー コントロールです。このコントロールは、組み込みの Toolbar コンポーネントを利用して、実行時に視覚化を変更できるようにし、最小限のコードでデータのさまざまな視覚化を表示できるようにします。

igniteui-webcomponents-charts (入力)

5.0.0 (September 2024)

igniteui-webcomponents-charts

• 新しいデータ円チャート - DataPieChart は円ャートを表示する新しいコンポーネントです。このコンポーネントは、CategoryChart と同様に動作し、基になるデータ モデルのプロパティを自動的に検出しながら、ItemLegend コンポーネントを介して選択、強調表示、アニメーション、凡例のサポートを可能にします。

igniteui-webcomponents-grids

• すべてのグリッド
  • 新しい RowClick イベントが追加されました。
• PivotGrid
  • IgcPivotDimension に sortable プロパティが追加されました。
  • 水平レイアウトが追加されました。新しい pivotUI プロパティ内で rowLayout horizontal として有効にできます。
  • 水平レイアウトのみの行ディメンション サマリーが追加されました。horizontalSummary を true に設定することで、各 IgcPivotDimension に対して有効にできます。
  • 水平集計の位置を設定するための horizontalSummariesPosition プロパティを pivotUI に追加しました。
  • 行ディメンションの行ヘッダーが追加されました。新しい pivotUI プロパティ内で showHeaders true として有効にできます。
  • キーボード ナビゲーションで行ディメンションヘッダーや列ヘッダーから行ヘッダーへ移動できるようになりました。
  • キーボード操作で行ディメンションの縮小 (ALT + ↑ ↓ ← →) および行ヘッダーのソート (CTRL + ↑ ↓) ができるようになりました。

重大な変更:

• すべてのグリッド
  • RowIsland
  • displayDensity の非推奨のプロパティが削除されました。
  • actualColumns、contentColumns プロパティの名前を、actualColumnList および contentColumnList に変更しました。すべての列を取得するには、column または columnList プロパティを使用してください。
  • rowDelete および rowAdd イベント引数タイプの名前を IgcRowDataCancelableEventArgs に変更しました。
  • contextMenu イベント引数タイプの名前を IgcGridContextMenuEventArgs に変更しました。
  • IgcGridEditEventArgs、IgcGridEditDoneEventArgs、IgcPinRowEventArgs イベントの rowID および primaryKey プロパティが削除されました。代わりに rowKey を使用してください。
• PivotGrid
  • showPivotConfigurationUI プロパティが削除されました。pivotUI を使用して、その中に新しい showConfiguration オプションを設定してください。
• Column
  • movable プロパティが削除されました。グリッドの moving プロパティを使用してください。
  • columnChildren プロパティが削除されました。代わりに childColumns を使用してください。
• ColumnGroup
  • children プロパティが削除されました。代わりに childColumns を使用してください。
• Paginator
  • isFirstPageDisabled および isLastPageDisabled プロパティが削除されました。代わりに、isFirstPage および isLastPage を使用してください。

4.8.1 (June 2024)

• Bug Fixes

igniteui-webcomponents

• Input、Textarea - ユーザー入力を制限することなく検証ルールを適用できるように ValidateOnly を公開しました。
• Dropdown - IgcPositionStrategy プロパティは非推奨です。ドロップダウンは、ブラウザー ビューポートの最上位レイヤーにコンテナーをレンダリングするために Popover API を使用するようになったため、このプロパティは廃止されました。
• DockManager - IgcSplitPane の IsMaximized は非推奨です。分割ペイン レベルで isMaximized を true に設定しても、分割ペインはコンテナーとしてのみ機能し、最大化されて表示される実際のコンテンツがないため、実際の効果はありません。代わりに、IgcTabGroupPane および/または IgcContentPane の IsMaximized プロパティを使用してください。

igniteui-webcomponents-grids

igniteui-webcomponents-charts

• データ凡例のグループ化 と データ ツールチップのグループ化 - 新しいグループ化機能が追加されました。GroupRowVisible プロパティは、各シリーズのグループ化を切り替え、オプトインすると DataLegendGroup プロパティを介してグループ テキストを割り当てることができます 同じ値が複数のシリーズに適用されている場合、それらはグループ化されて表示されます。すべてのユーザー向けに分類および整理する必要がある大規模なデータセットに役立ちます。

igniteui-webcomponents-gauges

• RadialGauge
  • ハイライト針の新しいラベル。HighlightLabelText と HighlightLabelSnapsToNeedlePivot および、その他の HighlightLabel の多くのスタイル関連プロパティが追加されました。

4.8.0 (March 2024)

igniteui-webcomponents-grids

• 新しい HierarchicalGrid ンポーネント

• New Proportional Category Angle Axis - New axes for the Radial Pie Series in the DataChart, to plot slices similar to a pie chart, a type of data visualization where data points are represented as segments within a circular graph.

• Toolbar

  • New ToolActionCheckboxList A new CheckboxList ToolAction that displays a collection of items with checkboxes for selecting. A grid inside ToolAction CheckboxList grows in height up to 5 items, then a scrollbar is displayed. Requires IgcCheckboxListModule to be registered.

  • New Filtering Support

  • Axis Field Changes New default IconMenu in Toolbar when targeting CategoryChart. Label fields are mapped to the X-axis and Value fields are mapped to the Y-axis. Target chart reacts in realtime to changes made. IconMenu is hidden when chart has no ItemsSource set.

igniteui-webcomponents-charts

• InitialFilter プロパティによる新しいデータ フィルタリング。フィルター式を適用して、チャート データをレコードのサブセットにフィルターします。大規模なデータのドリルダウンに使用できます。

• RadialChart

  • 新しいラベル モード CategoryAngleAxis は、ラベルの位置をさらに構成できる LabelMode プロパティを公開するようになりました。これにより、Center 列挙型を選択してデフォルト モードを切り替えることも、ラベルを円形のプロット領域に近づける新しいモード ClosestPoint を使用することもできます。

igniteui-webcomponents-gauges

4.7.0 (January 2024)

• Input, Textarea - exposed ValidateOnly to enable validation rules being enforced without restricting user input.
• Dropdown - IgcPositionStrategy property is deprecated. The dropdown now uses the Popover API to render its container in the top layer of the browser viewport, making the property obsolete.
• DockManager - IgcSplitPane IsMaximized is deprecated. Having isMaximized set to true on a split pane level has no real effect as split panes serve as containers only, meaning they have no actual content to be shown maximized. Use the IsMaximized property of IgcTabGroupPane and/or IgcContentPane instead.

igniteui-webcomponents-charts

• チャートのハイライト表示フィルター - CategoryChart と DataChart は、データのサブセットの内外でハイライト表示およびアニメーション化する方法を公開するようになりました。このハイライトの表示はシリーズのタイプによって異なります。列およびエリア シリーズの場合、サブセットはデータの合計セットの上に表示され、サブセットはシリーズの実際のブラシによって色付けされ、合計セットは不透明度を下げます。折れ線シリーズの場合、サブセットは点線で表示されます。

4.6.0 (December 2023)

• Data Legend Grouping & Data Tooltip Grouping - New grouping feature added. The property GroupRowVisible toggles grouping with each series opting in can assign group text via the DataLegendGroup property. If the same value is applied to more than one series then they will appear grouped. Useful for large datasets that need to be categorized and organized for all users.

• Chart Selection - New series selection styling. This is adopted broadly across all category, financial and radial series for CategoryChart and DataChart. Series can be clicked and shown a different color, brightened or faded, and focus outlines. Manage which items are effected through individual series or entire data item. Multiple series and markers are supported. Useful for illustrating various differences or similarities between values of a particular data item. Also SelectedSeriesItemsChanged event and SelectedSeriesItems are available for additional help to build out robust business requirements surrounding other actions that can take place within an application such as a popup or other screen with data analysis based on the selection.

• Proportional Category Angle Axis - New axes for the Radial Pie Series in the DataChart, to enable creating pie charts in the allowing robust visualizations using all the added power of the data chart.

• Treemap Highlighting - Now exposes a HighlightingMode property that allows you to configure the mouse-over highlighting of the items in the tree map. This property takes two options: Brighten where the highlight will apply to the item that you hover the mouse over only, and FadeOthers where the highlight of the hovered item will remain the same, but everything else will fade out. This highlight is animated, and can be controlled using the HighlightingTransitionDuration property.

• Treemap Percent-based Highlighting - New percent-based highlighting, allowing nodes to represent progress or subset of a collection. The appearance is shown as a fill-in of its backcolor up to a specific value either by a member on your data item or by supplying a new HighlightedItemsSource. Can be toggled via HighlightedValuesDisplayMode and styled via FillBrushes.

• Toolbar - New IsHighlighted option for ToolAction for outlining a border around specific tools of choice.

igniteui-webcomponents-grids

• 新機能 (Grid) - 状態保持。

4.3.2 (October 2023)

igniteui-webcomponents-layouts

• Preview Toolbar
  • クリップボードを介してチャートを画像に保存するための保存ツール アクションが追加されました。
  • ツールバーの Orientation プロパティを介して垂直方向が追加されました。デフォルトでは、ツールバーは水平方向ですが、ツールバーを垂直方向に表示できるようになり、ツールが左右にポップアップ表示されます。
  • ツールバーの renderImageFromText メソッドを介してカスタム SVG アイコンのサポートが追加され、カスタム ツールの作成がさらに強化されました。

4.3.0 (June 2023)

• New Data Filtering via the InitialFilter property. Apply filter expressions to filter the chart data to a subset of records. Can be used for drill down large data.

• RadialChart

  • New Label Mode The CategoryAngleAxis for the now exposes a LabelMode property that allows you to further configure the location of the labels. This allows you to toggle between the default mode by selecting the Center enum, or use the new mode, ClosestPoint, which will bring the labels closer to the circular plot area.

igniteui-webcomponents-layouts

• Preview Toolbar - このコンポーネントは、主にチャート コンポーネントで使用される UI 操作のコンパニオン コンテナーです。ツールバーは、DataChart または CategoryChart コンポーネントにリンクされると、プロパティとツール項目のプリセットで動的に更新されます。プロジェクト用のカスタム ツールを作成して、エンド ユーザーが変更を提供できるようになり、無限のカスタマイズが可能になります。

igniteui-webcomponents-charts

4.2.5 (April 2023)

• Chart Highlight Filter - The CategoryChart and DataChart now expose a way to highlight and animate in and out of a subset of data. The display of this highlight depends on the series type. For column and area series, the subset will be shown on top of the total set of data where the subset will be colored by the actual brush of the series, and the total set will have a reduced opacity. For line series, the subset will be shown as a dotted line.

igniteui-webcomponents-grids

igniteui-webcomponents-inputs

• IgcDateTimeInput で StepDownAsync(DateTimeInputDatePart.Date, SpinDelta.Date)、DateTimeInputDatePart ではなく DatePart に切り詰められるようになりました。
• IgcRadio および IgcRadioGroup で、無効な状態のスタイルとともにコンポーネントの検証が追加されました。
• IgcMask - マスク パターン リテラルをエスケープする機能が追加されました。
• IgcBadge - バッジの形状を制御する Shape プロパティが追加され、Square または Rounded のいずれかになります。デフォルトでは、バッジの形状は Rounded です。
• IgcAvatar - RoundShape プロパティは非推奨になり、将来のバージョンで削除される予定です。ユーザーは、新しく追加された Shape 属性によってアバターの形状を制御できます。形状属性は、Square、Rounded、または Circle です。アバターの図形はデフォルトで Square です。

4.0.4 (December 2022)

igniteui-webcomponents-grids

• 新しい Pivot Grid コンポーネント。

4.0.0 (November 2022)

igniteui-webcomponents-grids

• 新しい Grid コンポーネント。
• 新しい Tree Grid コンポーネント。
• IgcDataGrid:
  • IgcColumn を IgcDataGridColumn に変更しました。
  • GridCellEventArgs を IgcDataGridCellEventArgs に変更しました。
  • GridSelectionMode を IgcDataGridSelectionMode に変更しました。
  • SummaryOperand を DataSourceSummaryOperand に変更しました。

3.2.1 (June 2022)

• ValueLayer - A new series type named the ValueLayer is now exposed which can allow you to render an overlay for different focal points of the plotted data such as Maximum, Minimum, and Average. This is applied to the CategoryChart and FinancialChart by adding to the new ValueLines collection.

• It is now possible to apply a dash array to the different parts of the series of the DataChart. You can apply this to the series plotted in the chart, the gridlines of the chart, and the trendlines of the series plotted in the chart.

igniteui-webcomponents-grids

igniteui-webcomponents-charts

• 高度に構成可能な DataLegend コンポーネントを追加しました。これは、Legend とよく似ていますが、シリーズの値を表示し、シリーズの行と値の列をフィルタリングし、値のスタイルとフォーマットを行うための多くの構成プロパティを提供します。

• 高度に構成可能な DataToolTip が追加されました。これは、シリーズの値とタイトル、およびシリーズの凡例バッジをツールチップに表示します。これは、すべてのチャート タイプのデフォルトのツールチップになりました。

• 積層シリーズのアニメーションとトランジションインのサポートが追加されました。IsTransitionInEnabled プロパティを true に設定すると、アニメーションを有効にできます。そこから、TransitionInDuration プロパティを設定してアニメーションが完了するまでの時間を決定し、TransitionInMode でアニメーションのタイプを決定できます。

• 追加された AssigningCategoryStyle イベントは、DataChart のすべてのシリーズで利用できるようになりました。このイベントは、背景色の Fill やハイライト表示など、シリーズ項目の外観を条件付きで構成する場合に処理されます。

• CalloutLayer の新しい AllowedPositions 列挙体。チャート内のどこにコールアウトを配置するかを制限するために使用されます。デフォルトでは、コールアウトは最適な場所に配置されますが、これは TopLeft、TopRight、BottomLeft、または BottomRight を強制するために使用されます。

• 注釈レイヤーに追加された新しいコーナー半径プロパティ。各コールアウトのコーナーを丸めるために使用されます。コーナー半径がデフォルトで追加されていることに注意してください。

  • CalloutLayer の CalloutCornerRadius
  • FinalValueLayer の AxisAnnotationBackgroundCornerRadius
  • CrosshairLayer の XAxisAnnotationBackgroundCornerRadius と YAxisAnnotationBackgroundCornerRadius

• さまざまな方法でスクロールバーを有効にするための新しい HorizontalViewScrollbarMode および VerticalViewScrollbarMode 列挙体。IsVerticalZoomEnabled または IsHorizontalZoomEnabled と組み合わせると、チャートをナビゲートするための軸に沿ったスクロールバーを、常設またはフェードインおよびフェードアウトすることができます。

• 新しい FavorLabellingScaleEnd は、軸がスケールの最後にラベルを表示することを優先するかどうかを決定します。数値軸 (NumericXAxis、NumericYAxis、PercentChangeAxis など) とのみ互換性があります。

• 新しい IsSplineShapePartOfRange は、軸に要求された軸範囲にスプライン形状を含めるかどうかを決定します。

• 新しい XAxisMaximumGap は、XAxisGap を使用するときにプロットされたシリーズの最大許容値を決定します。ギャップは、プロットされたシリーズの列またはバー間のスペースの量を決定します。

• 新しい XAxisMinimumGapSize は、XAxisGap を使用するときに、プロットされたシリーズの最小許容ピクセルベース値を決定し、各カテゴリ間に常にある程度の間隔があることを保証します。

• PivotGrid: The IgcPivotDateDimension properties InBaseDimension and InOption have been deprecated and renamed to BaseDimension and Options respectively.

1.4.2 (December 2021)

• IgcDateTimeInput, the StepDownAsync(DateTimeInputDatePart.Date, SpinDelta.Date) is now trimmed down to DatePart instead of DateTimeInputDatePart
• IgcRadio and IgcRadioGroup, added component validation along with styles for invalid state
• IgcMask, added the capability to escape mask pattern literals.
• IgcBadge added a Shape property that controls the shape of the badge and can be either Square or Rounded. The default shape of the badge is rounded.
• IgcAvatar, the RoundShape property has been deprecated and will be removed in a future version. Users can control the shape of the avatar by the newly added Shape attribute that can be Square, Rounded or Circle. The default shape of the avatar is Square.

igniteui-webcomponents-grids

igniteui-webcomponents-inputs

• Date Picker:
  • ValueChanged イベントを SelectedValueChanged に変更しました。
• Multi-Column ComboBox:
  • TextChanged イベントを TextValueChanged に変更しました。
  • ValueChanged イベントを SelectedValueChanged に変更しました。

1.4.1 (November 2021)

igniteui-webcomponents-grids

• IgcDataGrid:
  • 新規機能:
  • フィルター行
  • レイアウトのカスタマイズ読み込み/保存
  • 列をグループ化するための GroupBy 領域
  • セルの結合
  • 新規 API:
  • SelectionChanged イベントを追加しました。複数行の選択など、選択のインタラクションの変化を検出するために使用されます。
  • 重大な変更:
  • グリッドの SummaryScope プロパティのタイプを DataSourceSummaryScope から SummaryScope に変更しました。
  • GroupHeaderDisplayMode プロパティのタイプを DataSourceSectionHeaderDisplayMode から GroupHeaderDisplayMode に変更しました。

igniteui-webcomponents-charts

このリリースでは、地理マップとすべてのチャート コンポーネントのビジュアル デザインと構成オプションにいくつかの改善と簡素化が導入されています。

• FinancialChart と CategoryChart の YAxisLabelLocation プロパティのタイプを AxisLabelLocation から YAxisLabelLocation に変更しました。
• FinancialChart の XAxisLabelLocation プロパティのタイプを AxisLabelLocation から XAxisLabelLocation に変更しました。
• CategoryChart に XAxisLabelLocation プロパティを追加しました。
• 凡例で GeographicMap の地理的なシリーズを表すためのサポートが追加されました。
• FinancialChart と CategoryChart にデフォルトの十字線を追加しました。
• FinancialChart と CategoryChart にデフォルトの十字線の注釈を追加しました。
• FinancialChart にデフォルトで最終値の注釈を追加しました
• カテゴリ チャートとファイナンシャル チャートに新しいプロパティを追加しました：
  • 十字線をカスタマイズするための CrosshairsLineThickness およびその他のプロパティ。
  • 十字線の注釈をカスタマイズするための CrosshairsAnnotationXAxisBackground およびその他のプロパティ。
  • 最終値の注釈をカスタマイズするための FinalValueAnnotationsBackground およびその他のプロパティ。
  • シリーズ塗りつぶしの不透明度を変更できる AreaFillOpacity (エリア チャートなど)
  • マーカーの厚さを変更できる MarkerThickness
• カテゴリ チャート、ファイナンシャル チャート、データ チャート、および地理マップに新しいプロパティを追加しました。
  • 同じチャート内の複数のシリーズにどのマーカー タイプを割り当てることができる MarkerAutomaticBehavior
  • 凡例で表されるすべてのシリーズのバッジの形状を設定するための LegendItemBadgeShape
  • 凡例のすべてのシリーズにバッジの複雑さを設定するための LegendItemBadgeMode
• データ チャートと地理マップのシリーズに新しいプロパティを追加しました。
  • 凡例で表される特定のシリーズにバッジの形状を設定するための LegendItemBadgeShape
  • 凡例の特定のシリーズにバッジの複雑さを設定するための LegendItemBadgeMode
• カテゴリ チャートとシリーズで、デフォルトの垂直十字線ストロークを #000000 から #BBBBBB に変更しました。
• 同じチャートにプロットされたすべてのシリーズのマーカーの図形を円に変更しました。これは、チャートの MarkerAutomaticBehavior プロパティを SmartIndexed 列挙値に設定することで元に戻すことができます。
• チャートの凡例のシリーズの簡略化された図形で、円、線、または四角のみを表示します。これは、チャートの LegendItemBadgeMode プロパティを MatchSeries 列挙値に設定することで元に戻すことができます。
• アクセシビリティを向上させるために、すべてのチャートに表示されるシリーズとマーカーのカラー パレットを変更しました

1.3.0 (April 2021)

igniteui-webcomponents-grids

• IgcDataGrid:
  • EditOnKeyPress を追加しました - 別名 Excel スタイルの編集。入力するとすぐに編集を開始します。
  • IgcEditModeClickAction プロパティを追加しました - デフォルトでは、編集モードに入るにはダブル クリックが必要です。これを SingleClick に設定して、新しいセルを選択するときに編集モードを実行できるようにすることができます。
  • IgcEnterKeyBehaviors プロパティ (別名 Excel スタイルのナビゲーション (Enter 動作)) を追加して、Enter キーの動作を制御します。例えば、オプションは (なし、編集、上、下、左、右に移動) です。
  • IgcEnterKeyBehaviorAfterEdit プロパティを追加しました - 編集モードでは、このプロパティは Enter キーが押されたときを制御します。例えば、オプションは (下、上、右、左のセルに移動) です。
  • SelectAllRows メソッドを追加しました。
  • 行範囲の選択を追加しました - GridSelectionMode プロパティを MultipleRow に設定すると、次の新しい機能が含まれるようになりました:
  • クリックしてドラッグし、行を選択します。
  • SHIFT キーを押しながらクリックして、複数の行を選択します。
  • SHIFT キーを押しながら ↑ + ↓ 矢印キーを押して、複数の行を選択します。
  • スペース バーを押すと、MultipleRow または SingleRow に設定された GridSelectionMode プロパティを介してアクティブな行の選択が切り替わります。
  • 列オプション ダイアログに列集計を追加しました。

igniteui-webcomponents-charts

• Date Picker:
  • ShowTodayButton - 現在の日付のボタンの表示を切り替えます。
  • Label - 日付値の上にラベルを追加します。
  • Placeholder プロパティ - 値が選択されていない場合にカスタム テキストを追加します。
  • FormatString - 入力日付文字列をカスタマイズします。(例: yyyy-MM-dd)
  • DateFormat - 選択した日付を LongDate または ShortDate のどちらとして表示するかを指定します。
  • FirstDayOfWeek - 週の最初の曜日を指定します。
  • FirstWeekOfYear - 年の最初の週をいつ表示するかを指定します。例えば、最初の 1 週間、最初の 4 日間の週です。
  • ShowWeekNumbers - 週番号の表示を切り替えます。
  • MinDate & MaxDate - 使用可能の選択できる日付の範囲を指定する日付制限。
  • アクセシビリティの追加

igniteui-webcomponents-maps

igniteui-webcomponents-charts

このリリースでは、すべてのチャート コンポーネントに、いくつかの新しく改善されたビジュアル デザインと構成オプションが導入されています。例えば、DataChart、CategoryChart、および FinancialChart。

• 棒/縦棒/ウォーターフォール シリーズを、角丸ではなく角が四角になるように変更しました。
• heat min プロパティの 散布高密度シリーズの色を #8a5bb1 から #000000 に変更しました。
• heat max プロパティの 散布高密度シリーズの色を #ee5879 から #ee5879 に変更しました。
• ファイナンシャル/ウォーターフォール シリーズの NegativeBrush および NegativeOutline プロパティを #C62828 から #ee5879 に変更しました。
• マーカーの厚さを 1 pxから 2 pxに変更しました。
• PointSeries、BubbleSeries、ScatterSeries、PolarScatterSeries のマーカーのアウトラインに一致するようにマーカーの塗りつぶしを変更しました。MarkerFillMode プロパティを Normal に設定すると、この変更を元に戻すことができます。
• TimeXAxis および OrdinalTimeXAxis のラベリングを圧縮しました。
• 新しいマーカー プロパティ:
  • series.MarkerFillMode - マーカーがアウトラインに依存するように、MatchMarkerOutline に設定できます。
  • series.MarkerFillOpacity - 0〜1 の値に設定できます。
  • series.MarkerOutlineMode - マーカーのアウトラインが塗りブラシの色に依存するように、MatchMarkerBrush に設定できます。
• 新シリーズ プロパティ:
  • series.OutlineMode - シリーズ アウトラインの表示を切り替えるように設定できます。データ チャートの場合、プロパティはシリーズ上にあることに注意してください。
• チャートがデフォルトのズーム レベルにあるときにビューポートに導入されるブリード オーバー領域を定義する新しいチャート プロパティを追加しました。一般的な使用例では、軸と最初/最後のデータ ポイントの間にスペースを提供します。以下にリストされている ComputedPlotAreaMarginMode は、マーカーが有効になっているときに自動的にマージンを設定することに注意してください。その他は、厚さを表す Double を指定するように設計されており、PlotAreaMarginLeft などがチャートの 4 辺すべてにスペースを調整します。
  • chart.PlotAreaMarginLeft
  • chart.PlotAreaMarginTop
  • chart.PlotAreaMarginRight
  • chart.PlotAreaMarginBottom
  • chart.ComputedPlotAreaMarginMode
• 新しいハイライト表示プロパティ:
  • chart.HighlightingMode - ホバーされたシリーズとホバーされていないシリーズをフェードまたは明るくするかを設定します。
  • chart.HighlightingBehavior - 真上または最も近い項目など、マウスの位置に応じてシリーズをハイライト表示するかどうかを設定します。
  • 以前のリリースでは、ハイライト表示はホバー時にフェードするように制限されていたことに注意してください。
• 積層型、散布、極座標、ラジアル、およびシェイプ シリーズにハイライト表示を追加しました。
• 積層型、散布、極座標、ラジアル、およびシェイプ シリーズに注釈レイヤーを追加しました。
• 積層型シリーズ内の個々の積層フラグメントのデータ ソースをオーバーライドするためのサポートが追加されました。
• 積層型、散布、範囲、極座標、ラジアル、シェイプ シリーズにカスタム スタイルのイベントを追加しました。
• 垂直ズームをシリーズ コンテンツに自動的に同期するサポートが追加されました。
• 表示された最初のラベルに基づいてチャートの水平マージンを自動的に拡張するサポートが追加されました。
• シリーズとマーカーの再設計されたカラー パレット:

チャート凡例

• バブル、ドーナツ、および円チャートで使用できる水平方向の Orientation プロパティを ItemLegend に追加しました
• LegendHighlightingMode プロパティの追加 - 凡例項目にホバーした時にシリーズのハイライト表示を有効にします

1.1.3 (November 2020)

igniteui-webcomponents-grids

• IgcDataGrid:

1.1.2 (April 2020)

This release introduces a few improvements and simplifications to visual design and configuration options for the geographic map and all chart components.

• Changed YAxisLabelLocation property’s type to YAxisLabelLocation from AxisLabelLocation in FinancialChart and CategoryChart
• Changed XAxisLabelLocation property’s type to XAxisLabelLocation from AxisLabelLocation in FinancialChart
• Added XAxisLabelLocation property to CategoryChart
• Added support for representing geographic series of GeographicMap in a legend
• Added crosshair lines by default in FinancialChart and CategoryChart
• Added crosshair annotations by default in FinancialChart and CategoryChart
• Added final value annotation by default in FinancialChart
• Added new properties in Category Chart and Financial Chart:
  • CrosshairsLineThickness and other properties for customizing crosshairs lines
  • CrosshairsAnnotationXAxisBackground and other properties for customizing crosshairs annotations
  • FinalValueAnnotationsBackground and other properties for customizing final value annotations
  • AreaFillOpacity that allow changing opacity of series fill (e.g. Area chart)
  • MarkerThickness that allows changing thickness of markers
• Added new properties in Category Chart, Financial Chart, Data Chart, and Geographic Map:
  • MarkerAutomaticBehavior that allows which marker type is assigned to multiple series in the same chart
  • LegendItemBadgeShape for setting badge shape of all series represented in a legend
  • LegendItemBadgeMode for setting badge complexity on all series in a legend
• Added new properties in Series in Data Chart and Geographic Map:
  • LegendItemBadgeShape for setting badge shape on specific series represented in a legend
  • LegendItemBadgeMode for setting badge complexity on specific series in a legend
• Changed default vertical crosshair line stroke from #000000 to #BBBBBB in category chart and series
• Changed shape of markers to circle for all series plotted in the same chart. This can be reverted by setting chart’s MarkerAutomaticBehavior property to SmartIndexed enum value
• Simplified shapes of series in chart’s legend to display only circle, line, or square. This can be reverted by setting chart’s LegendItemBadgeMode property to MatchSeries enum value
• Changed color palette of series and markers displayed in all charts to improve accessibility

igniteui-webcomponents-grids

1.0.6

• IgcDataGrid:
  • Added EditOnKeyPress aka Excel-style Editing, instantly begin editing when typing.
  • Added IgcEditModeClickAction property - By default double-clicking is required to enter edit mode. This can be set to SingleClick to allow for edit mode to occur when selecting a new cell.
  • Added IgcEnterKeyBehaviors property - aka Excel-style Navigation (Enter Behavior) – controls the behavior of the enter key, e.g. Options are (none, edit, move up, down, left, right)
  • Added IgcEnterKeyBehaviorAfterEdit property - While in edit-mode, this property controls when enter is pressed, e.g. Options are (moves to the cell below, above, right, left)
  • Added SelectAllRows - method.
  • Added Row Range Selection - With GridSelectionMode property set to MultipleRow the following new functionality is now included:
  • Click and drag to select rows
  • SHIFT and click to select multiple rows.
  • SHIFT and press the ↑ + ↓ arrow keys to select multiple rows.
  • Pressing space bar toggles selection of active row via GridSelectionMode property set to MultipleRow or SingleRow
  • Added Column Summaries to Column Options Dialog.

すべてのパッケージ

• Import ステートメントの変更

igniteui-webcomponents

• Added support for wrap around display of the map (scroll infinitely horizontally)
• Added support for shifting display of some map series while wrapping around the coordinate origin
• Added support for highlighting of the shape series
• Added support for some annotation layers for the shape series

5.1.0 (October 2024)

This release introduces several new and improved visual design and configuration options for all of the chart components, e.g. DataChart, CategoryChart, and FinancialChart.

• Changed Bar/Column/Waterfall series to have square corners instead of rounded corners
• Changed Scatter High Density series’ colors for heat min property from #8a5bb1 to #000000
• Changed Scatter High Density series’ colors for heat max property from #ee5879 to #ee5879
• Changed Financial/Waterfall series’ NegativeBrush and NegativeOutline properties from #C62828 to #ee5879
• Changed marker’s thickness to 2px from 1px
• Changed marker’s fill to match the marker’s outline for PointSeries, BubbleSeries, ScatterSeries, PolarScatterSeries. You can use set MarkerFillMode property to Normal to undo this change
• Compressed labelling for the TimeXAxis and OrdinalTimeXAxis
• New Marker Properties:
  • series.MarkerFillMode - Can be set to MatchMarkerOutline so the marker depends on the outline
  • series.MarkerFillOpacity - Can be set to a value 0 to 1
  • series.MarkerOutlineMode - Can be set to MatchMarkerBrush so the marker’s outline depends on the fill brush color
• New Series Property:
  • series.OutlineMode - Can be set to toggle the series outline visibility. Note, for Data Chart, the property is on the series
• New chart properties that define bleed over area introduced into the viewport when the chart is at the default zoom level. A common use case is to provide space between the axes and first/last data points. Note, the ComputedPlotAreaMarginMode, listed below, will automatically set the margin when markers are enabled. The others are designed to specify a Double to represent the thickness, where PlotAreaMarginLeft etc. adjusts the space to all four sides of the chart:
  • chart.PlotAreaMarginLeft
  • chart.PlotAreaMarginTop
  • chart.PlotAreaMarginRight
  • chart.PlotAreaMarginBottom
  • chart.ComputedPlotAreaMarginMode
• New Highlighting Properties
  • chart.HighlightingMode - Sets whether hovered or non-hovered series to fade, brighten
  • chart.HighlightingBehavior - Sets whether the series highlights depending on mouse position e.g. directly over or nearest item
  • Note, in previous releases the highlighting was limited to fade on hover.
• Added Highlighting Stacked, Scatter, Polar, Radial, and Shape series:
• Added Annotation layers to Stacked, Scatter, Polar, Radial, and Shape series:
• Added support for overriding the data source of individual stack fragments within a stacked series
• Added custom style events to Stacked, Scatter, Range, Polar, Radial, and Shape series
• Added support to automatically sync the vertical zoom to the series content
• Added support to automatically expanding the horizontal margins of the chart based on the initial labels displayed
• Redesigned color palette of series and markers:

for example:

追加

• 新しい Carousel コンポーネント。

5.0.0 (August 2024)

4.11.1 (July 2024)

• IgcDataGrid:

• Changed name of PropertyPath

The data grid component property propertyPath has been renamed to field. This applies to all Column types, GroupDescription, SortDescription & SummaryDescription.

<igc-text-column field="Name"></igc-text-column>

import { IgcColumnSummaryDescription, IgcColumnSortDescription, IgcColumnGroupDescription} from 'igniteui-webcomponents-data-grids'
const productCount = new IgcColumnSummaryDescription();
productCount.field = "ProductName";
const colSortDesc = new IgcColumnSortDescription();
colSortDesc.field = "UnitsInStock";
const income = new IgcColumnGroupDescription();
income.field = "Income";

変更

4.11.0 (July 2024)

• IgcDataGrid:

• Changed Name of Live Grid - the data grid component and it’s corresponding module’s names have changed from “LiveGrid” to “DataGrid”.

The new code for importing the grid and it’s corresponding module is:

import { IgcDataGrid } from "igniteui-webcomponents-data-grids";
import { IgcDataGridModule } from 'igniteui-webcomponents-data-grids';

• Required Peer Dependency for IgcDataGrid

The data grid component requires the “inputs” package.

**npm install --save igniteui-webcomponents-inputs**

変更

4.10.0 (July 2024)

• Changed Import Statements

Import statements have been simplified to use just package names instead of full paths to API classes and enums.

• Code After Changes

Now, you need to use just package names instead of full paths to API classes and enums.

Please also note that the name of the Data Grid component and its corresponding modules have also changed.

// gauges:
import { IgcLinearGaugeComponent } from "igniteui-webcomponents-gauges";
import { IgcLinearGaugeModule } from "igniteui-webcomponents-gauges";
import { IgcLinearGraphRange } from "igniteui-webcomponents-gauges";
import { IgcRadialGaugeComponent } from 'igniteui-webcomponents-gauges';
import { IgcRadialGaugeModule } from 'igniteui-webcomponents-gauges';
import { IgcRadialGaugeRange } from 'igniteui-webcomponents-gauges';
import { SweepDirection } from 'igniteui-webcomponents-core';
// charts:
import { IgcFinancialChartComponent } from "igniteui-webcomponents-charts";
import { IgcFinancialChartModule } from "igniteui-webcomponents-charts";
import { IgcDataChartComponent } from "igniteui-webcomponents-charts";
import { IgcDataChartCoreModule } from "igniteui-webcomponents-charts";
// maps:
import { IgcGeographicMapComponent } from "igniteui-webcomponents-maps";
import { IgcGeographicMapModule } from "igniteui-webcomponents-maps";
// grids:
import { IgcDataGridComponent } from "igniteui-webcomponents-data-grids";
import { IgcDataGridModule } from "igniteui-webcomponents-data-grids";

• Code Before Changes

Before, you had to import using full paths to API classes and enums:

// gauges:
import { IgcLinearGaugeComponent } from 'igniteui-webcomponents-gauges/ES5/igc-linear-gauge-component';
import { IgcLinearGaugeModule } from 'igniteui-webcomponents-gauges/ES5/igc-linear-gauge-module';
import { IgcLinearGraphRange } from 'igniteui-webcomponents-gauges/ES5/igc-linear-graph-range';

import { IgcRadialGaugeComponent } from "igniteui-webcomponents-gauges/ES5/igc-radial-gauge-component";
import { IgcRadialGaugeModule } from "igniteui-webcomponents-gauges/ES5/igc-radial-gauge-module";
import { IgcRadialGaugeRange } from "igniteui-webcomponents-gauges/ES5/igc-radial-gauge-range";
import { SweepDirection } from "igniteui-webcomponents-core/ES5/SweepDirection";

// charts:
import { IgcFinancialChartComponent } from "igniteui-webcomponents-charts/ES5/igc-financial-chart-component";
import { IgcFinancialChartModule } from "igniteui-webcomponents-charts/ES5/igc-financial-chart-module";
import { IgcDataChartComponent } from "igniteui-webcomponents-charts/ES5/igc-data-chart-component";
import { IgcDataChartCoreModule } from "igniteui-webcomponents-charts/ES5/igc-data-chart-core-module";

// maps:
import { IgcGeographicMapComponent } from "igniteui-webcomponents-maps/ES5/igc-geographic-map-component";
import { IgcGeographicMapModule } from "igniteui-webcomponents-maps/ES5/igc-geographic-map-module";

// grids:
import { IgcLiveGridModule } from 'igniteui-webcomponents-data-grids/ES5/igc-live-grid-module';
import { IgcLiveGridComponent } from 'igniteui-webcomponents-data-grids/ES5/igc-live-grid-component';

追加

非推奨

修正

• Input、Textarea- 値に undefined を渡すと、基になる入力値が undefined に設定されます。
• MaskInput - フォームの reset の呼び出し後、基になる入力値とプレースホルダーの状態が正しく更新されます。
• Tree - 項目 indicator CSS パーツに --ig-size を設定すると、アイコンのサイズが変更されるようになりました。
• DateTimeInput - 特定のシナリオで igcChange が二重に発行されます。
• NavDrawer - ミニ バリアントは、開いた状態でない場合、最初は描画されません。
• Combo:
  • ENTER キーを使用してエントリを選択すると、単一選択モードで正しく機能するようになりました。
  • DisableFiltering オプションをオンにすると、以前に入力した検索語句がクリアされるようになりました。
  • 単一選択モードで、選択した項目に既に一致する検索語を入力すると、正しく機能するようになりました。

4.9.0 (April 2024)

• Icon
  • Added setIconRef method. This allows to register and replace icons by SVG files.
  • All components now use icons by reference internally so that it’s easy to replace them without explicitly providing custom templates.
• RadioGroup
  • Added name and value properties.

Breaking Changes

• Removed Form component. Use native form instead.
• Removed size property in favor of the --ig-size CSS custom property for the following components:
  • Avatar, Button,IconButton, Calendar, Chip, Dropdown, Icon, Input, List, Rating, Snackbar, Tabs, Tree
• Removed custom igcFocus and igcBlur events. Use the native focus and blur events instead for the following components:
  • Button, IconButton, Checkbox, Switch, Combo, DateTimeInput, Input, MaskInput, Radio, IgcSelectComponent, Textarea
• Checkbox, Switch ,Radio
  • Changed igcChange event arguments from CustomEvent<boolean> to CustomEvent<{ checked: boolean; value: string | undefined }>
• Combo, IgcSelectComponent
  • Removed positionStrategy, flip, sameWidth properties.
• Dialog
  • Renamed The closeOnEscape property to keepOpenOnEscape.
• Dropdown
  • Removed positionStrategy property.
• Input
  • Removed maxlength and minlength properties. Use the native maxLength and minLength properties or max and min instead.
  • Renamed readonly and inputmode properties to readOnly and inputMode.
• RangeSlider
  • Renamed ariaThumbLower/ariaThumbUpper properties to thumbLabelLower/thumbLabelUpper.
• Rating
  • Renamed readonly property to readOnly.

追加

変更

• Combo、Select、Dropdown - ネイティブの Popover API を使用するようになりました。

非推奨

修正

• DateTimeInput - コンポーネントが読み取り専用モードの場合、Material テーマのラベルが壊れます。

4.8.2 (April 2024)

修正

• Textarea - サフィックスのないテキスト領域のサイズ変更ハンドルの位置。
• Tabs - 単一の呼び出しスタックでタブ グループとタブを動的に作成および追加するときにエラーが発生します。
• Checkbox/Switch - 最初にチェックしたときにフォームの送信に参加します。
• Dialog - コンポーネントが実際に閉じられる/非表示になる前に igcClosed が発生します。

4.8.1 (April 2024)

• Input Inputmode property. Aligned with the native inputMode DOM property instead.

修正

• DateTimeInput - InputFormat は、既に設定されている値には適用されません。
• Checkbox、Radio、Switch - フォーム検証を同期的に適用します。
• Select、Dropdown - ドロップダウン/選択項目スロット内のラップ要素をクリックしても項目を選択できません。
• Tree - アクティブ状態は、クリック時に正しいツリー ノードに正しく適用されます。

4.8.0 (March 2024)

追加

• Combo では、GroupSorting を none に設定できるようになりました。これにより、提供されたデータの順序でグループが表示されます。
• Button/IconButton - テーマ間でビジュアルの外観が更新され、新しい状態が追加されました。
• NavBar - Bootstrap テーマに境界線が追加されました。

変更

• Combo でのグループ化ではデータがソートされなくなりました。GroupSorting プロパティは、グループのソート方向にのみ影響するようになりました。動作変更: 以前のリリースでは、グループのソート方向によって項目もソートされていました。この動作を実現したい場合は、既にソートされたデータを Combo に渡すことができます。

非推奨

• Slider - aria-label-upper と aria-label-lower は非推奨であり、次のメジャー リリースで削除されます。代わりに、thumb-label-upper と thumb-label-lower を使用してください。

修正

• Button - スロットアイコンのサイズ。
• ButtonGroup
  • Fluent テーマの外観を更新しました。
  • Safari での無効状態。
• Combo/Select - スタイルの問題。
• Slider
  • スライダー トラックのクリックは、トラック要素の幅を計算の基準として使用します。
  • スライダーのつまみを連続的にドラッグし、上限/下限を超えても、入力イベントは発生されません。
  • min/max の前に upper-bound/lower-bound を設定する場合、スライダーはバインドされたプロパティを min/max の以前の値で上書きしません。
  • スライダーのつまみにバインドされた aria-label は結果のレンダリングでリセットされなくなりました。
• Input
  • デフォルトの検証は同期的に実行されます。
  • スタイルの問題。
• DateTimeInput - setRangeText() は基になる値を更新します。

4.7.0 (January 2024)

追加

• Tree - ノードをクリックすると展開状態が変更されるかどうかを決定する ToggleNodeOnClick プロパティが追加されました。デフォルトは false です。

変更

修正

• Dropdown、Select、および Combo のアクティブ項目のビジュアル スタイル。
• NavDrawer - ミニ バリアントの壊れたビジュアル スタイル。

4.6.0 (December 2023)

追加

• Snackbar に action スロットが追加されました。
• indicator-expanded スロットが ExpansionPanel に追加されました。
• toggle-icon-expanded スロットが Select に追加されました。
• Select、Dropdown - selectedItem、items、groups ゲッターを公開しました。

変更

• パッケージを Lit v3 に更新しました。
• コンポーネントのダーク バリアントはシャドウ ルートにバインドされるようになりました。
• コンポーネントは現在のテーマに基づいてデフォルトのサイズを実装します。
• ButtonGroup - イベントをキャンセル不可に変更しました。
• コンポーネント CSS を最適化し、バンドル サイズを縮小しました。
• Icon、Select、Dropdown、List の WAI-ARIA が改善されました。

修正

• Textarea にスタイル設定パーツがありません。
• TreeItem の無効なスタイル。
• Snackbar の不要なスタイルを削除しました。
• TreeItem ホバー状態のビジュアル デザイン。
• ビューを切り替えても Calendar のフォーカス状態が維持されません。

4.5.0 (October 2023)

• Button - Slotted icon size.
• ButtonGroup
  • Updated Fluent theme look.
  • Disabled state in Safari.
• Combo/Select - Style issues.
• Slider
  • Clicks on the slider track now use the track element width as a basis for the calculation.
  • Input events are no longer emitted while continuously dragging the slider thumb and exceeding upper/lower bounds.
  • When setting upper-bound/lower-bound before min/max, the slider will no longer overwrite the bound properties with the previous values of min/max.
  • The aria-label bound to the slider thumb is no longer reset on consequent renders.
• Input
  • Default validators are run synchronously.
  • Style issues.
• DateTimeInput - setRangeText() updates underlying value.

追加

非推奨

size プロパティと属性は、すべてのコンポーネントで非推奨になりました。代わりに --ig-size CSS カスタム プロパティを使用してください。次の例では、Avatar コンポーネントのサイズを小さく設定します:

• Rating - AllowReset added. When enabled selecting the same value will reset the component. Behavioral change: In previous releases this was the default behavior of the rating component. Make sure to set allowReset if you need to keep this behavior in your application.

修正

• Safari でのコンボ項目の位置。
• RTL コンテキストのカレンダー ナビゲーション ボタン。
• IgcComboChangeEventArgs タイプのエクスポート。
• 遅延データ バインディングを使用したコンボ値と選択状態。
• さまざまなスタイルとテーマの修正と調整

4.4.0 (August 2023)

• Active item visual styles for Dropdown, Select and Combo.
• NavDrawer - mini variant broken visual style.

追加

変更

• Rating - Fluent テーマのカラー。
• Stepper - インジケーターのスタイルとカラー スキーマ。

非推奨

• IgcForm コンポーネントは非推奨です。
• Input:
  • minlength プロパティは非推奨になり、次のメジャー バージョンで削除される予定です。代わりに minLength を使用してください。
  • maxlength プロパティは非推奨になり、次のメジャー バージョンで削除される予定です。代わりに maxLength を使用してください。
  • readonly プロパティは非推奨になり、次のメジャー バージョンで削除される予定です。代わりに readOnly を使用してください。
• MaskInput:
  • readonly プロパティは非推奨になり、次のメジャー バージョンで削除される予定です。代わりに readOnly を使用してください。
• DateTimeInput:
  • readonly プロパティは非推奨になり、次のメジャー バージョンで削除される予定です。代わりに readOnly を使用してください。
  • minValue プロパティは非推奨になり、次のメジャー バージョンで削除される予定です。代わりに min を使用してください。
  • maxValue プロパティは非推奨になり、次のメジャー バージョンで削除される予定です。代わりに max を使用してください。
• Rating:
  • readonly プロパティは非推奨になり、次のメジャー バージョンで削除される予定です。代わりに readOnly を使用してください。

削除済

• デフォルトの属性を隠していた独自の dir 属性が削除されました。これは互換性のある変更です。
• Slider - ariaLabel シャドウ プロパティ。これは互換性のある変更です。
• Checkbox - ariaLabelledBy シャドウ属性。これは互換性のある変更です。
• Switch - ariaLabelledBy シャドウ属性。これは互換性のある変更です。
• Radio - ariaLabelledBy シャドウ属性。これは互換性のある変更です。

修正

4.3.1 (August 2023)

• New Text Area component.
• New Button Group component.
• New ToggleButton.
• NavDrawer now supports CSS transitions.
• Position attribute for Toast and Snackbar.

追加

• Tree - コンポーネントアニメーション。
• コンポーネントの境界半径は、そのスキーマから使用されます。

igc-avatar {
  --ig-size: var(--ig-size-small);
}

変更

• Combo、Input、Select - スキーマのカラー。
• Dropdown - スキーマのカラー。
• Icon - テーマのスタイルとサイズが更新されました。

修正

4.3.0 (June 2023)

• The following components are now Form Associated Custom Elements. They are automatically associated with a parent <form> and behave like a browser-provided control:
  • Button & IconButton
  • Checkbox
  • Combo
  • DateTimeInput
  • Input
  • MaskInput
  • Radio
  • Rating
  • Single Slider
  • Select
  • Switch
• Stepper now supports animations.

追加

• Combo:
  • matchDiacritics をフィルタリング オプション プロパティに追加しました。デフォルトは false です。true に設定すると、フィルターはアクセント付き文字とその基本文字を区別します。それ以外の場合、文字列は正規化されてから照合されます。
  • 現在の選択内容をデータ オブジェクトの配列として返す selection プロパティ。
• Card: 明示的な高さのサポート
• Dialog: アニメーションの追加

変更

• Combo:
  • value は読み取り専用ではなくなり、明示的に設定できるようになりました。value 属性は宣言型のバインディングもサポートしており、有効な JSON 文字列化配列を受け入れます。

非推奨

• Select: sameWidth、positionStrategy、flip は非推奨になりました。これらは次のメジャー リリースで削除される予定です。

修正

• Select: prefix/suffix/helper-text スロットが描画されません。
• Tabs: ネストされたタブの選択。
• Dialog: 背景は要素をオーバーレイしません。
• Dropdown: 最初に開いた状態でのリストボックスの位置。
• Stepper: 親コンテナ内で垂直方向に引き伸ばします。
• Navbar: Fluent テーマの間違ったカラー。
• 高さが指定されていない場合、アニメーション プレーヤーはエラーを発生します。
• DateTimeInput: Chromium ベースのブラウザーでの Intl.DateTimeFormat の問題。

4.2.3 (April 2023)

非推奨

• Dialog - closeOnEscape プロパティは非推奨となり、代わりに新しい keepOpenOnEscape プロパティが使用されます。

修正

• Radio- 選択されたフォーカス状態のカラー。
• IconButton - 他のデザイン システム製品に合わせてアイコンのサイズを設定します。
• Chip - Fluent および Material テーマのアウトライン スタイルが削除されました。
• Calendar - 設定された値の日付へのナビゲーション。
• Tabs - 親の高さを完全には取得しません。

4.2.2 (March 2023)

• Combo - single selection not working in certain scenarios.
• Dropdown - various styling fixes.
• IconButton - border radius with ripple.
• IconButton - fixed wrong color in Fluent theme.
• Input - various styling fixes.
• TreeItem - assign closest igc-tree-item ancestor as a parent.
• Tabs - internal hidden styles and custom display property.

非推奨

修正

• Button - UI の不一致。
• Calendar - Fluent テーマの不一致。
• Combo - API 経由の選択は検索リストでは機能しません。
• Dialog - Fluent テーマの不一致。
• Input - UI の不一致。
• Toast - Fluent テーマの不一致。
• defineAllComponents にコンポーネントがありません。
• Avatar、Badge、Button、IconButton のホスト サイズが間違っています。

4.2.1 (February 2023)

• Combo:

  • value is no longer readonly and can be explicitly set. The value attribute also supports declarative binding, accepting a valid JSON stringified array.
  • value type changed from string[] to ComboValue<T>[] where

  ComboValue<T> = T | T[keyof T]

  • igcChange event object properties are also changed to reflect the new value type:

interface IgcComboChangeEventArgs<T> {
  newValue: ComboValue<T>[];
  items: T[];
  type: ComboChangeType;
}

修正

• Combo - 単一選択モードでのフィルタリングでは一致する項目がアクティブ化されません。

4.2.0 (January 2023)

• Select: prefix/suffix/helper-text slots not being rendered.
• Tabs: Nested tabs selection.
• Dialog: Backdrop doesn’t overlay elements.
• Dropdown: Listbox position on initial open state.
• Stepper: Stretch vertically in parent container.
• Navbar: Wrong colors in fluent theme.
• Animation player throws errors when height is unspecified.
• DateTimeInput: Intl.DateTimeFormat issues in Chromium based browsers.

追加

修正

• Input - UI の不一致。
• Badge - igc-icon とフォント アイコンが正しく描画されません。
• Radio - UI の不一致。
• NavDrawer - 項目のマージンをオーバーライドできません。

4.1.1 (January 2023)

• Radio- colors in selected focus state.
• IconButton - set icon size to match other design system products.
• Chip - removed outline styles for Fluent and Material themes.
• Calendar - navigation to date on set value.
• Tabs - not taking the full height of their parents.

修正

4.1.0 (December 2022)

• Button - The prefix/suffix slots are no longer needed and will be removed in the next major release.

追加

• 新しい Stepper コンポーネント。
• 新しい Combo コンポーネント。
• MaskInput - コンポーネント内のシンボルを削除するときにリテラル位置をスキップします。

修正

4.0.0 (November 2022)

• Combo - Matching item not activated on filtering in single selection mode.

変更

3.4.2 (November 2022)

• Combo - Single Selection mode via the single-select attribute.

修正

• IgcDateRangeType のインポート エラーを解決しました。

3.4.1 (September 2022)

変更

• Slider - 最新の Fluent 仕様に合わせてテーマを更新しました。
• Calendar - 週末の色を更新しました。

修正

3.4.0 (September 2022)

• New Stepper component.
• New Combo component.
• MaskInput - Skip literal positions when deleting symbols in the component

追加

• 新しい Dialog コンポーネント。
• 新しい Select コンポーネント。

修正

3.3.1 (August 2022)

• Themes
  • Build - Utilize Ignite UI Theming package when building themes.
  • Sizing - Introduced CSS variables that allow runtime CSS configuration of the size for all or individual components.
  • Spacing - Introduced CSS variables that allow runtime CSS configuration of the internal spacing (padding/margin) of components.
  • Scrollbars - Added the ability to style application-level scrollbars by setting the ig-scrollbar CSS class on any element.

変更

修正

• Dropdown - トップレベルのイベント リスナーを破棄します。
• LinearProgress - Safari での不確定なアニメーション。
• RadioGroup - 子ラジオ コンポーネントの自動登録。

3.3.0 (July 2022)

追加

• 新しい DateTimeInput コンポーネント。
• 新しい Tabs コンポーネント。
• 新しい Accordion コンポーネント。
• テーマのタイポグラフィ スタイル。

変更

• Rating - 単一選択と空のシンボルのサポートが追加されました。
• Slider - スライダー ステップの描画を改善しました。
• コンポーネントは、defineComponents で登録されると、その依存関係を自動登録するようになりました。

修正

3.2.0 (May 2022)

• New Dialog component.
• New Select component.

追加

• 新しい MaskInput コンポーネント。
• 新しい ExpansionPanel コンポーネント。
• 新しい Tree コンポーネント。
• Rating - シンボルのサイズを制御するために、selected CSS パーツと公開された CSS 変数を追加しました。
• IconButton - スロット化されたコンテンツを許可します。

修正

3.1.0 (April 2022)

• Tree - Removed theme-specified height.

追加

• Chip: prefix と suffix のスロットを追加しました。
• Snackbar: toggle メソッドを追加しました。

非推奨

修正

• Chip:
  • 内部アイコンを自動読み込みます。
  • 選択したチップの位置がずれています。
• パッケージ: ESM 内部インポート パス。

3.0.0 (April 2022)

• Rating - Added support for single selection and empty symbols.
• Slider - Improved slider steps rendering.
• Components will now auto register their dependencies when they are registered in defineComponents

import { IgcDropdownComponent, defineComponents } from 'igniteui-webcomponents';
// will automatically register the dropdown item & group elements
// as well as their dependencies if any
defineComponents(IgcDropdownComponent);

Check the official documentation for more information.

変更

• 重大な変更: すべてのドロップダウン関連クラスの名前が IgcDropDown* から IgcDropdown* に変更されました。

2.2.0 (April 2022)

追加

• 新しい DropDown コンポーネント。
• Calendar: アクティブ日付は属性を介して設定できます。

2.1.1 (March 2022)

• NavDrawer - Various styles fixes.
• Buttons - Vertical align and focus management.
• Input - Overflow for suffix/prefix.
• Switch - Collapse with small sizes.
• List - Overflow behavior.

追加

2.1.0 (March 2022)

• Chip: Added prefix and suffix slots.
• Snackbar: Added toggle method.

追加

• 新しい LinearProgress コンポーネント。
• 新しい CircularProgress コンポーネント。
• 新しい Chip コンポーネント。
• 新しい Snackbar コンポーネント。
• 新しい Toast コンポーネント。
• 新しい Rating コンポーネント。
• コンポーネントテーマは、configureTheme(theme: Theme) 関数を呼び出すことで実行時に変更できます。

2.0.0 (February 2022)

• Chip:
  • Auto load internal icons.
  • Selected chip is misaligned.
• Package: ESM internal import paths.

追加

変更

• チェックボックス/スイッチの検証状態を修正しました。
• Calendar の value: Date | Date[] プロパティを 2 つのプロパティに分割しました: value: Date おとび values: Date[]。“
• Calendar の hasHeader プロパティと has-header 属性をそれぞれ hideHeader と hide-header に置き換えました。
• Card の outlined プロパティを elevated に置き換えました。

削除済

1.0.0 (November 2021)

Ignite UI Web Components の初期リリース

追加

igniteui-dockmanager

• Control border radius and elevation from --igc-radius-factor and --igc-elevation-factor:

Example:

/* Make all components square and remove all shadows */
:root {
  --igc-radius-factor: 0;
  --igc-elevation-factor: 0;
}

1.14.4

非推奨

• IgcSplitPane の IsMaximized は非推奨です。分割ペイン レベルで isMaximized を true に設定しても、分割ペインはコンテナーとしてのみ機能し、最大化されて表示される実際のコンテンツがないため、実際の効果はありません。代わりに、IgcTabGroupPane および/または IgcContentPane の IsMaximized プロパティを使用してください。

1.14.3

修正

• ドック マネージャーは、Vite ベースのビルドでエラーをスローします。
• 空のルート分割ペインのエッジにドッキングするとエラーが発生します。

1.14.2

• Fix checkbox/switch validity status
• Split Calendar‘s value: Date | Date[] property into two properties - value: Date and values: Date[]
• Replaced Calendar‘s hasHeader property & has-header attribute with hideHeader & hide-header respectively.
• Replaced Card‘s outlined property with elevated.

修正

• すばやくドラッグして、パネルをドック マネージャーの境界内に制限します。

1.14.1

Initial release of Ignite UI Web Components

修正

• 近接ドックの RTL チェック

1.14.0

新機能

機能拡張

• 要素の contentId を CSS パーツとして追加します。

修正

1.13.0

• Dock manager throws errors with Vite-based builds.
• Docking to edge in an empty root split pane throws errors.

新機能

機能拡張

• レイアウトでペインの最大化された状態を保存します。

修正

1.12.5

• Proximity dock rtl check

新機能

修正

• ТabGroupPane: ピン固定されていない複数のペインのうち 1 つをピン固定すると、すべてのペインがピン固定されます。
• RTL モードでコンテキスト メニューが正しく配置されません。
• キーボードとドッキングすると、アクティブなペインは保持されません。

1.12.4

• Add contentId of elements as CSS parts.

修正

• フローティング ペイン内に複数のタブ グループ ペインがある場合、アクティブ ペインが誤って設定されます。

1.12.3

修正

• 別のウィンドウにペインをドロップするとエラーが発生します。

1.12.2

• Save pane maximized state in layout.

機能拡張

• tabs-more-menu-content と tabs-more-menu-item CSS パーツを追加しました。

修正

1.12.1

• Add paneScroll event.

機能拡張

• splitterResizeStart イベントと splitterResizeEnd イベントにペイン情報を含めます。
• DockManager がクラスとしてエクスポートされるようになりました。

修正

1.12.0

• Active pane incorrectly set when more than one Tab Group Pane is within a Floating Pane.

修正

1.11.3

• Error is thrown when dropping pane in a separate window.

新機能

1.11.2

• Add tabs-more-menu-content and tabs-more-menu-item CSS parts.

新機能

• tab-header-close-button CSS パーツに hovered オプションを追加しました。

1.11.1

修正

• tab-header の CSS パーツの修正。

1.11.0

• Contents in slots with unpinnedHeaderId are not updated correctly.

新機能

1.10.0

• Docking not working with allowFloating: false.
• Flyout pane closing while active.
• Focusable elements does not receive focus.
• Navigating with pane navigator does not bring selected floating window on top.
• Event splitterResizeStart can’t be cancelled.
• Tabs context menu not positioning correctly.

新機能

修正

• アクティブなペインはフロート/ドック上で保持されません。
• スプリッター スタイルは適用されません。
• カスタマイズされたヘッダー ボタンの click イベントが機能しません。
• スプリッター上でドラッグ中に誤ったドック インジケーターが削除されました。

1.9.0

修正

• スタイルは適用されません。
• RTL モードでのサイズ変更。

1.8.0

新機能

• ドック マネージャーのボタンをカスタマイズします。
• レイアウトが更新されたときに発生する LayoutChange イベント。

1.7.0

新機能

• カスタマイズ可能なフローティング ペイン ヘッダー。
• ペインごとの Disabled プロパティ。
• DocumentOnly プロパティは、コンテンツ ペインをドキュメント ホスト内にのみドッキングできるようにします。
• 分割ペインとタブ グループ ペインの空の領域を表示できるようにする AllowEmpty プロパティ。
• ドック マネージャーの DisableKeyboardNavigation プロパティ。

修正

1.6.0

• Add ShowHeaderIconOnHover property.

新機能

• ドック マネージャーのペインとタブをカスタマイズします。

修正

1.5.0

• Styles not applied.
• Resize in RTL mode.

新機能

修正

• ピン固定されていないペインは、そのコンテンツをクリックすると自動的に閉じます。
• 同じタブ グループにピン固定されていないペインがある場合、オーバーフロー メニューから選択されたペインはアクティブ化されません。

1.4.1

修正

• タブ グループ内に配置された allowPinning: false が指定されたペインはピン固定を解除できます。
• キーボードを使用して最大化されたペインから移動するときに、最大化されたペインを正規化します。

1.4.0

• Docking indicators appear over the currently dragged floating pane.

新機能

修正

• アクティブ化されたときにペインを選択します。
• アクティブ化されると、ピン固定されていないペインがフライアウトされます。
• ペイン内で外部ポップアップをホストするときにエラーが発生します。
• ネストされた Dock Manager コンポーネントではタブ選択が失われます。
• フローティングとドッキングが無効になっているペインを含むフローティング ペインは移動できません。
• 空のドック マネージャー内にフローティング ペインをドッキングするときに例外が発生します。

1.3.0

• A floating pane is draggable outside of the page.

新機能

1.2.0

• AllowMaximize property per pane.

新機能

• アクティブ ペイン。
• ローカライズのサポート

修正

1.1.0

• Pane with allowPinning: false placed inside tab group can be unpinned.
• Normalize a maximized pane when navigating away from it via the keyboard.

新機能

1.0.3

• Reorder tabs without creating floating pane.
• Keyboard navigation.
• Pane navigator.
• Enable/disable floating pane resizing.
• Events for floating pane resizing.

機能拡張

• キーボードを使用してスプリッターのサイズを変更します。

1.0.2

修正

• ペインは最小サイズに変更すると表示されなくなります。

1.0.1

機能拡張

• アクティブ カラーの CSS 変数を追加します。
• コンテキスト メニューにキーボード サポートを追加します。

修正

• コンテキスト メニューを開いたときに最初のクリックで選択が機能しません。
• 兄弟タブをピン固定/ピン固定解除した後、単一のタブが正しく描画されません。

1.0.0

New features

• Maximizing panes.
• Docking preview shadow.
• ARIA support.
• API for external drag/drop support.
• Properties and events for user interactions such as closing, pinning, dragging.
• Support for ng update for Angular projects.

1.0.3

Enhancements

• Resize splitter using the keyboard.

1.0.2

Fixed

• Pane goes out of view when resized to its minimum size.

1.0.1

Enhancements

• Add active color css variable.
• Add keyboard support for context menu.

Fixed

• Selection is not working on first click when context menu is opened.
• Single tab is not rendered correctly after pinning/unpinning its sibling.

1.0.0

Initial release of Ignite UI Dock Manager.