Ignite UI for Angular 18.1 リリースノート - インフラジスティックス・ジャパン株式会社Blog

Ignite UI for Angularリリースノート

インフラジスティックス・ジャパン株式会社、ローカライゼーションのルミです。Ignite UI for Angular 18.1 リリースいたしました。本リリースでは、様々な新機能と変更が含まれておりますので是非ご期待ください。詳細は以下をご覧ください。

Typedoc と Sass の API サイトで表示するバージョンを選択いただけますが、製品リリースから同バージョンの API ご提供までには通常数日いただいております。また前バージョンリリース以降に API の追加/変更がない場合、最新バージョンはドロップダウンに追加されない場合があることにご注意ください。

はじめに
- Ignite UI for Angular のバージョニング
Ignite UI for Angular 18.1.17 リリースノート
- 新機能
- 不具合修正
Ignite UI for Angular 18.1.16 リリースノート
- 新機能
- 不具合修正
Ignite UI for Angular 18.1.15 リリースノート
- 新機能
- 不具合修正
Ignite UI for Angular 18.1.14 リリースノート
- 新機能
- 不具合修正
Ignite UI for Angular 18.1.13 リリースノート
- 新機能
- 不具合修正
Ignite UI for Angular 18.1.12 リリースノート
- 新機能
- 不具合修正
Ignite UI for Angular 18.1.11 リリースノート
- 新機能
- 不具合修正
Ignite UI for Angular 18.1.10 リリースノート
- 新機能
- 不具合修正
Ignite UI for Angular 18.1.9 リリースノート
- 新機能
- 不具合修正
Ignite UI for Angular 18.1.8 リリースノート
- 新機能
- 不具合修正
Ignite UI for Angular 18.1.7 リリースノート
- 新機能
- 不具合修正
Ignite UI for Angular 18.1.6 リリースノート
- 新機能
- 不具合修正
Ignite UI for Angular 18.1.5 リリースノート
- 新機能
- 不具合修正
Ignite UI for Angular 18.1.4 リリースノート
- 新機能
- 不具合修正
Ignite UI for Angular 18.1.3 リリースノート
- 新機能
- 不具合修正
Ignite UI for Angular 18.1.2 リリースノート
- 新機能
- 不具合修正
Ignite UI for Angular 18.1.1 リリースノート
- 新機能
- 不具合修正
Ignite UI for Angular 18.1.0 リリースノート
新機能
一般
修正項目
サンプル
Angular API
ナレッジベース

はじめに

Ignite UI for Angular は、50 種類以上のマテリアルデザインに対応する Angular 対応コンポーネントです。モバイル向けのコンポーネントだけではなく、データグリッドや、コンボ、カレンаダーなど、業務アプリで必須の機能を持ったコンポーネントを提供しています。

Ignite UI for Angular のバージョニング

Ignite UI for Angular は、有名なセマンティックバージョニングとは異なる方式でバージョンがつけられています。詳しくは下記の記事をご覧ください。

Ignite UI for Angular 18.1.17 リリースノート

ここからは、GitHub の 18.1.17 リリースノートを訳したものです。読みやすいように意訳をいれていますので、必ず本文を確認してください。

新機能

本リリースに新機能・拡張機能は含まれておりません。

不具合修正

fix(igxGrid): Blazor の双方向バインドに SelectedRowsChange を使用するように修正しました (#14744)。
fix(slider): ARIA 属性とタブインデックスを修正してアクセシビリティを向上しました (#14794)。
fix(combo): touched プロパティを更新し、必要に応じてぼかしに無効な色を適用するように修正しました (#14923)。
fix(date-picker): キーボードナビゲーションとカレンダーのフォーカス処理 (#14936)。

Ignite UI for Angular 18.1.16 リリースノート

ここからは、GitHub の 18.1.16 リリースノートを訳したものです。読みやすいように意訳をいれていますので、必ず本文を確認してください。

新機能

本リリースに新機能・拡張機能は含まれておりません。

不具合修正

fix(pivot): ヘッダーに合わせて行の高さを固定するように修正しました (#14873)。

Ignite UI for Angular 18.1.15 リリースノート

ここからは、GitHub の 18.1.15 リリースノートを訳したものです。読みやすいように意訳をいれていますので、必ず本文を確認してください。

新機能

本リリースに新機能・拡張機能は含まれておりません。

不具合修正

クエリビルダーの式アクションを修正しました (#14884)。

Ignite UI for Angular 18.1.14 リリースノート

ここからは、GitHub の 18.1.14 リリースノートを訳したものです。読みやすいように意訳をいれていますので、必ず本文を確認してください。

新機能

本リリースに新機能・拡張機能は含まれておりません。

不具合修正

編集ボタンと閉じるボタンのタブインデックスが適切に設定され、スペース/Enter が機能するようになりました (#14866)。
fix(groupby): チップのタイトルにもパイプトリガーを使用するように修正しました (#14875)。

Ignite UI for Angular 18.1.13 リリースノート

ここからは、GitHub の 18.1.13 リリースノートを訳したものです。読みやすいように意訳をいれていますので、必ず本文を確認してください。

新機能

本リリースに新機能・拡張機能は含まれておりません。

不具合修正

IgxGridExcelStyleFilteringComponent の最小/最大高さに関するドキュメントを追加しました (#14614)。
fix(input-group): 入力されていないときのみラベルを遷移させるように修正しました (#14808)。
fix(tabs): Bootstrap テーマスタイルを修正しました (#14802)。
refactor(badge): パディングと表示タイプを更新しました (#14820)。
fix(query-builder): リソース文字列をヘッダーに適切に適用するように修正しました (#14730)。
行が更新され、フィルタリングが適用されたときに、選択した行を正しくクリアするように修正しました (#14805)。
fix(migrations): LS サーバーの resolve をスキーマのカプセル化で修正しました (#14835)。
fix(navdrawer): 境界線と遷移を修正しました (#14849)。

Ignite UI for Angular 18.1.12 リリースノート

ここからは、GitHub の 18.1.12 リリースノートを訳したものです。読みやすいように意訳をいれていますので、必ず本文を確認してください。

新機能

本リリースに新機能・拡張機能は含まれておりません。

不具合修正

selectedRows プロパティに不足している Blazor 属性を追加しました (#14717)。
fix(ci): 廃止された Azure ビルドを削除しました (#14783)。
fix(igx-grid): テンプレートで hidden=true が設定されている場合、igx-column-group を非表示にします (#14747)。
fix(igxPivot): 列が変更されたときに行のパイプを再トリガーします (#14771)。
refactor(banner-theme): アクション項目としてアンカー要素のサポートを追加しました (#14800)。
fix(navdrawer): item サイズと aside サイズのミニバリアントを追加しました (#14798)。

Ignite UI for Angular 18.1.11 リリースノート

ここからは、GitHub の 18.1.11 リリースノートを訳したものです。読みやすいように意訳をいれていますので、必ず本文を確認してください。

新機能

本リリースに新機能・拡張機能は含まれておりません。

不具合修正

fix(simple-combo): 空のコンボからタブキーで移動したときにフォームが変更されたと認識されないように修正しました (#14684)。
refactor(avatar): カードおよびリストコンポーネントでのデフォルトサイズを設定しました (#14739)。
fix(excel-export): exportData メソッド呼び出し時に columnExporting イベントでキャンセルをするとエラーが発生する問題を修正しました (#14741)。
fix(toggle): ドロップダウンがトグルにサイズを渡す方法を変更しました (#14634)。
label: ラベルディレクティブのスタイルをタイポグラフィスタイルを使用するように更新しました (#14668)。
refactor(grids): ウォーターマークの登録を移動しました (#14750)。
refactor(pivot): 初期化時に日付ディメンションの有効化設定を移動しました (#14753)。
fix(exporter): RowExportingEventArgs に owner を設定しました (#14767)。
fix(query-builder): 編集アイコンに aria-hidden エラーが発生しないように修正しました (#14719)。
fix(*): Puppeteer テスト用のデフォルトサイズを設定しました (#14763)。
fix(grids): 入力によって rowHeight が設定された場合、インラインの min-height をセルに設定します (#14638)。

Ignite UI for Angular 18.1.10 リリースノート

ここからは、GitHub の 18.1.10 リリースノートを訳したものです。読みやすいように意訳をいれていますので、必ず本文を確認してください。

新機能

本リリースに新機能・拡張機能は含まれておりません。

不具合修正

IgxCombo および IgxSimpleCombo のハードコード文字列をリソース文字列に置き換えました (#14696)。

Ignite UI for Angular 18.1.9 リリースノート

ここからは、GitHub の 18.1.9 リリースノートを訳したものです。読みやすいように意訳をいれていますので、必ず本文を確認してください。

新機能

本リリースに新機能・拡張機能は含まれておりません。

不具合修正

グリッドのグループ化: グループの展開状態を正しく復元し、日付/時間グループを適切に展開/縮小 (#14631)。
fix(simple-combo): リアクティブフォームで値が選択されていない場合は x アイコンボタンを非表示にします (#14568)。
input-group - プレフィックス/サフィックス内のアイコンのサイズを修正しました (#14645)。
test(calendar): 現在のカレンダーの日付に依存しないテストを作成しました (#14714)。
fix(pivot-grid-navigation): v6 をサポートするために rxjs 演算子のインポートを修正しました (#14690)。
fix(exporter): カスタム日付/数値集計の形式 (#14704)。
「chore(*): ピボットインターフェースを複合オブジェクトとしてマークしました。」を元に戻しました (#14712)。

Ignite UI for Angular 18.1.8 リリースノート

ここからは、GitHub の 18.1.8 リリースノートを訳したものです。読みやすいように意訳をいれていますので、必ず本文を確認してください。

新機能

本リリースに新機能・拡張機能は含まれておりません。

不具合修正

データ変更後の選択された行のテストとデモの修正 (#14691)。
refactor(themes): ボタンと入力グループのテーマキーを修正しました (#14699)。
fix(progress-theme): indigo テーマの誤ったスケールを修正しました (#14701)。
グリッドの編集行メッセージにローカライズを適用しました (#14679)。
fix(IgxPivotDateDimension): null チェックを追加しました (#14706)。

Ignite UI for Angular 18.1.7 リリースノート

ここからは、GitHub の 18.1.7 リリースノートを訳したものです。読みやすいように意訳をいれていますので、必ず本文を確認してください。

新機能

本リリースに新機能・拡張機能は含まれておりません。

不具合修正

fix(state): グリッド状態に contentParent デコレータを追加しました (#14663)。
fix(elements): ブロードキャスト同期に正しいアイコン名を割り当てるように修正しました (#14652)。
fix(icon, icon-service): 複合アイコンファミリが正しく機能しない問題 (#14674)。
chore(*): ピボットインターフェースを複合オブジェクトとしてマークしました (#14672)。

Ignite UI for Angular 18.1.6 リリースノート

ここからは、GitHub の 18.1.6 リリースノートを訳したものです。読みやすいように意訳をいれていますので、必ず本文を確認してください。

新機能

本リリースに新機能・拡張機能は含まれておりません。

不具合修正

Divider - サイズの動作を修正しました (#14623)。
fix(input-group): テーマがスタイルシートから読み込まれない問題 (#14639)。

Ignite UI for Angular 18.1.5 リリースノート

ここからは、GitHub の 18.1.5 リリースノートを訳したものです。読みやすいように意訳をいれていますので、必ず本文を確認してください。

新機能

本リリースに新機能・拡張機能は含まれておりません。

不具合修正

SSR エラーテーマサービス (#14616)。
fix(theme-service): グローバルテーマではなくコンポーネントスタイルシートからテーマを取得するように修正しました (#14622)。
fix(query-builder): dateTime の searchValueInput フォーカスの修正を行いました (#14575)。
refactor(icon-service): アイコン参照名と登録を更新しました (#14598)。

Ignite UI for Angular 18.1.4 リリースノート

ここからは、GitHub の 18.1.4 リリースノートを訳したものです。読みやすいように意訳をいれていますので、必ず本文を確認してください。

新機能

本リリースに新機能・拡張機能は含まれておりません。

不具合修正

feat(elements): アイコンを Web Components と同期するためのブロードキャストチャネルを追加しました (#14498)。
フィルター入力で負の値を許可します (#14583)。
refactor(circular-progress): タイポグラフィを削除しました (#14602)。

Ignite UI for Angular 18.1.3 リリースノート

ここからは、GitHub の 18.1.3 リリースノートを訳したものです。読みやすいように意訳をいれていますので、必ず本文を確認してください。

新機能

本リリースに新機能・拡張機能は含まれておりません。

不具合修正

ナビゲーションドロワー - リップルディレクティブで動作するようにマテリアルテーマのナビゲーションドロワー項目を修正しました (#14574)。

Ignite UI for Angular 18.1.2 リリースノート

ここからは、GitHub の 18.1.2 リリースノートを訳したものです。読みやすいように意訳をいれていますので、必ず本文を確認してください。

新機能

本リリースに新機能・拡張機能は含まれておりません。

不具合修正

chore(igxPivot): 列挙型の値の変換により tsPlain を削除しました (#14573)。
docs(h-grid): 内部の子行クラスをこのようにマークしました (#14578)。
fix(divider): inset 入力ターゲットを修正しました (#14586)。
fix(advance-filtering): 列が動的に変更された際のエラーを処理します (#14577)。
chore(*): モデルに一致するようにタグを更新しました (#14596)。
fix(drop-down): ブラケット構文を使用する際に ID 属性が正しく設定されることを保証します (#14584)。
fix(elements): ステートコンポーネントにおいてグリッド API の代わりにグリッドを注入します (#14594)。

Ignite UI for Angular 18.1.1 リリースノート

ここからは、GitHub の 18.1.1 リリースノートを訳したものです。読みやすいように意訳をいれていますので、必ず本文を確認してください。

新機能

本リリースに新機能・拡張機能は含まれておりません。

不具合修正

fix(simple-combo): Enter キーを押したときにグループヘッダーが選択する不具合を修正しました (#14430)。
refactor(icon-references): コンボと選択のアイコン参照名を更新しました (#14563)。

Ignite UI for Angular 18.1.0 リリースノート

新機能

IgxPivotGrid
- 行ディメンションの水平レイアウトを追加しました。pivotUI の rowLayout プロパティで設定できます。
- 水平レイアウトを使用する際に、水平の集計行を有効にするための horizontalSummary プロパティを各 IPivotDimension に追加しました。
- 水平集計の位置を設定するための horizontalSummariesPosition プロパティを pivotUI に追加しました。
- キーボードナビゲーションで行ディメンションヘッダーや列ヘッダーから行ヘッダーへ移動できるようになりました。
- キーボード操作で行ディメンションの縮小 (Alt + 矢印キー) および行ヘッダーのソート (Ctrl + 矢印上/下) ができるようになりました。
IgxIcon、IgxIconService
- IgxIconService を介して参照によるアイコンの登録が可能になりました。詳しくは、Icon Service のドキュメントを参照してください。
- すべてのコンポーネントが内部的な参照によるアイコンを使用するようになり、カスタムテンプレートを明示的に提供しなくても簡単に置き換えられるようになりました。
- registerFamilyAlias は廃止され、カスタムアイコンファミリを登録する際に type と prefix のメタデータを追加できる setFamily が使用できるようになりました。registerFamilyAlias からの移行は、次のようにしてください:

    this.iconService.registerFamilyAlias('my-family', 'my-family-class');
    this.iconService.setFamily('my-family', { className: 'my-family-class' });

一般

ColumnType、IgxColumn、IgxColumnGroup、IgxColumnLayout
- children クエリプロパティが非推奨となり、列配列を直接返す childColumns ゲッターに置き換えられました。
- 内部的と見なされ、使用が推奨されないいくつかのプロパティがパブリック API から非公開になりました。これらには、
  filterCell、headerCell、headerGroup、defaultMinWidth、gridRowSpan、gridColumnSpan および cells が含まれます。
IgxPaginator
- isFirstPageDisabled および isLastPageDisabled が非推奨となり、同一の isFirstPage および isLastPage ゲッターに置き換えられました。
IgxOverlayService
- Type と OverlaySettings を受け入れる attach メソッドのオーバーロードが、OverlayCreateSettings を 2 番目のパラメーターとして受け入れるようになりました。このインターフェースは、動的コンポーネントを作成する際に ElementInjector として使用される追加の injector プロパティで OverlaySettings を拡張します。

修正項目

feat(navdrawer): 無効なナブドロワーアイテムを実装しました (#14294)。
Indigo テーマ: List、Progress、および Dropdown を更新しました (#14265)。
refactor(icon-button): コンポーネントスタイルを更新しました (#14300)。
refactor(grid): lastSearchInfo を読み取り専用/取得専用としてマークしました (#14388)。
refactor(progress): タイポグラフィスタイルを更新しました (#14377)。
build(deps): igniteui-theming を 8.2.0 に変更しました (#14426)。
refactor(calendar): テーマクラスとプロパティを簡素化しました (#14400)。
refactor(exporter): 追加のピボットメソッドをプライベートにしました (#14434)。
feat(icons): サービスを介してアイコンを置き換える機能を追加しました (#14035)。
input-group - グリッドセルとグリッドフィルタリング行のコンテキストで入力グループをリファクタリングしました (#14337)。
feat(pivotGrid): キーボード操作で行ディメンションの展開/縮小 (#14342)。
feat(calendar): 週番号ヘッダーをローカライズしました (#14443)。
Indigo テーマ: Toast、Tooltip、Stepper、Rating を更新しました (#14380)。
refactor(grid-toolbar-exporter): 内部状態をマークし、メソッドパラメーターをクリーンアップしました (#14464)。
feat(pivotGrid): キーボード操作で行ディメンションヘッダーのソート (#14379)。
doc(tree-grid): キー入力のタイプを追加しました (#14487)。
refactor(grids): primaryKey を文字列としてマークしました (#14491)。
feat(igxPivotGrid): ピボットグリッドの水平行レイアウトを実装しました (#14347)。
ピボットの水平エクセルエクスポート (#14476)。
refactor(columns): children を非推奨とし、childColumns に置き換えました (#14489)。
docs(toolbar): アクショングリッドプロパティを内部としてマークしました (#14502)。
refactor(paginator): isFirstPageDisabled と isLastPageDisabled を非推奨にしました (#14497)。
refactor(row-island): 使用されていないゲッターを無効にし、API ドキュメントから非表示にしました (#14507)。
refactor(themes): 生成されたCSS テーマに --ig-theme を含むようにしました (#14508)。
feat(pivotGrid): 水平集計の top/bottom オプションを追加しました。関連ロジックの修正 (#14514)。
docs(column): 誤って公開されていたゲッターを非表示にしました (#14513)。
refactor(grids): 内部型の処理をクリーンアップしました (#14524)。
feat(*): グリッドコンポーネントをラップするための Angular Elements セットアップを追加しました (#14421)。
18.1 (7 月 24 日) 以前のロードマップを更新しました (#14516)。
feat(stepper): タイトルとコンテンツの位置を揃えました (#14534)。
feat(overlay): attach オーバーロード設定に要素インジェクタを追加しました (#14535)。
docs(nav-drawer): hidden プロパティを表示しました (#14541)。