インフラジスティックス・ジャパン株式会社Blog

インフラジスティックス・ジャパン株式会社のチームメンバーが技術トレンド、製品Tips、サポート情報からライセンス、日々の業務から感じることなど、さまざまなトピックについてお伝えするBlogです。

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

Ignite UI for Angularリリースノート

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

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

はじめに

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

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

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

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

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

新機能

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

不具合修正

  • IgxGridState: 縮小可能な列グループが正しく動作しない問題 (#13919)。
  • fix(select): IgxSelectionAPIService のメモリ リークを修正しました (#13928)。


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

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

新機能

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

不具合修正

  • fix(density): NG0100 エラーを解決しました (#13892)。
  • ci(schematics): CI での schematics と migrations の構築 (#13903)。
  • fix:(button): bootstrap テーマの冗長なマージンの問題 (#13886)。
  • fix(calendar): 同じ日付がすでに設定されている場合、日付の設定はない問題 (#13891)。
  • chore(ssr): MutationObserver が存在しない場合は初期化しないようにしました (#13914)。
  • fix(hierarchical-grid): データがユーザーによって明示的に設定されている場合は、階層パイプ データを使用しないように修正しました (#13888)。
  • 集計を含むグループ化されたグリッドのエクスポートを修正しました (#13922)。

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

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

新機能

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

不具合修正

  • fix(buttonGroup): 初期化する際の buttonSelected 発行に関する問題を解決しました (#13862)。
  • fix(grid): コレクションが変更され、列が動的にレンダリングされるとき、ピン固定された列および列グループを処理するように修正しました (#13845)。
  • fix(button): ボタン アイコンのサイズを修正しました (#13885)。

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

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

新機能

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

不具合修正

  • fix(buttonGroup): 選択したプロパティの値が変更すると、ボタンの選択を解除するように修正しました (#13818)。
  • fix(grid): グループ化された IgxGrid での Shift キーを押しながらクリックする選択を修正しました (#13826)。
  • fix(i18n): Excel のマッチ数のローカリゼーションを更新しました (#13831)。
  • fix(tree-grid): 全てのデータから newSelection を取得するように修正しました (#13824)。

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

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

新機能

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

不具合修正

  • fix(igxDrag): ドラッグ要素を移動するときに ghost テンプレートを復元するように修正しました (#13808)。
  • fix(igxGrid): ズームアウトしたときに不一致がないように、グリッド幅を測定するときに float 値を保持するように修正しました (#13804)。

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

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

新機能

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

不具合修正

  • fix(*): ラベルのクリック時に input をフォーカスするように修正しました (#13779)。
  • fix(simple-combo): paste イベントを処理する修正を実装しました (#13789)。
  • fix(stepper): アクティブなステップをクリックしたときにエラーがスローされないようにしました (#13795)。

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

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

新機能

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

不具合修正

  • fix(igxHierarchicalGrid): ルート階層グリッドがアクション ストリップに対して、直接の子孫のみ取得することを確認するように修正しました (#13776)。

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

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

新機能

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

不具合修正

  • fix(hGrid): mch を使用して子グリッドのイベントを発行するように修正しました (#13734)。
  • chore(*): 'fflate' を v0.8.1 に更新しました (#13714)。
  • fix(navbar): AppBuilder 上でのアイコンの色を修正しました (#13758)。

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

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

新機能

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

不具合修正

  • chore(migrations): スタンドアロンの schematics を使用するように更新しました (#13754)。

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

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

新機能

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

不具合修正

  • docs(sassdoc): export/import スクリプトを元に戻しました (#13736)。
  • build(demo-app): ビルダー browser と組み込み hmr を使用するようになりました (#13738)。
  • fix(excel search): 一致しない場合の onFocus エラーを修正しました (#13745)。
  • キャッシュのリセットが呼び出されたときにサマリー サイズを再計算するように修正しました (#13728)。

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

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

新機能

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

不具合修正

  • refactor(*): アプリケーション ビルダーの  tree-shaking (#13701)。
  • fix(igxForOf): スクロール位置で state.startIndex をリセットしないように修正しました (#13720)。
  • 修正: column と columnGroup が同じヘッダーを持つ場合、setState() がエラーをスローする問題 (#13709)。
  • fix(migrations,ng-add): devkit/schematics の依存関係のカプセル化をオンにしました (#13712)。

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

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

新機能

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

不具合修正

  • fix(checkbox): checked 引数を必須にしました (#13715)。

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

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

新機能

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

不具合修正

  • fix(density): SSR の問題を解決するため globalThis を使用するように修正しました (#13694)。
  • refactor(*): コンポーネント スキーマのデフォルト サイズを使用するように修正しました (#13593)。
  • ESF キーボード ナビゲーションのアクティブな要素が最初または最後の場合はフォーカスを変更しないように修正しました (#13686)。
  • fix(grid): throttleTime からイベントの lead を削除しました (#13684)。
  • fix(tree): 新しいホバー選択カラー フォーム スキーマを使用し、不足しているホバー時の色をユーザーに公開しました (#13700)。

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

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

新機能

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

不具合修正

  • fix(simple-combo): ドロップダウンが開いているときに Enter キーでのみ選択するように修正しました (#13618)。
  • feat(*): puppeteer を再び追加しました (#13690)。
  • fix(grids): disablePinning プロパティを保存するように修正しました (#13651)。
  • fix(dropdown,select): tree-shaking 用の igxFor DI エイリアスを追加しました (#13678)。
  • fix(grid): 欠落している clipboardOptions のインターフェースを追加しました (#13682)。
  • fix(chip): igx-suffix および igx-prefix ディレクティブ内のアバターを修正しました (#13696)。


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

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

新機能

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

不具合修正

  • ci(publish): GITHUB_ENV に出力する NODE_OPTIONS は非推奨になりました (#13663)。
  • マスター上の typedoc バージョンをバンプしました (#13675)。

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

一般

  • IgxCard
    • 重大な変更 - type 属性は非推奨となり、将来のバージョンでは削除される予定です。Card (カード) コンポーネントのデフォルトのビューが outlined になりました。ユーザーは、新しく作成された elevated プロパティをカードに追加することで、elevated ビューに切り替えることができます。
  • standalone components のサポートが正式に開始されました。
    • IgxRadioGroupDirective および IgxRadioComponentIGX_RADIO_GROUP_DIRECTIVES を追加しました。
  • animationsigniteui-angular/animations/@infragistics/igniteui-angular/animations からインポートされるようになりました。
  • 製品の tree-shaking を改善しました。
    • igniteui-angular-i18n の tree-shaking が可能になりました。
    • igniteui-angular/animations の tree-shaking が可能になりました。
    • igniteui-angular コンポーネントの tree-shaking が改善されました。
    • 重大な変更 - getCurrentResourceStrings が削除されました。代わりに、特定のコンポーネント文字列インポートを使用してください。
      • 例: EN 文字列は igniteui-angular: import { GridResourceStringsEN } from 'igniteui-angular'; から取得されます。
      • 例: DE または他の言語文字列は igniteui-angular-i18n: import { GridResourceStringsDE } from 'igniteui-angular-i18n'; から取得されます。
  • DisplayDensity トークンと入力は非推奨になり、--ig-size テーマが優先されます。
  • ライブラリのサイズを縮小することに取り組んでいます。
    • IgxRadioComponent のサイズが半分に縮小されました。
    • IgxSwitchComponent のサイズが半分に縮小されました。
  • IgxRadioComponent
    • 重大な変更 - IChangeRadioEventArgsIChangeCheckboxEventArgs になりました。ng update17.0.0 に更新すると、この移行が自動で行なわれます。
    • 重大な変更 - RadioLabelPositionLabelPosition になりました。ng update17.0.0 に更新すると、この移行が自動で行なわれます。
  • IgxSwitchComponent
    • 重大な変更 - IChangeSwitchEventArgsIChangeCheckboxEventArgs になりました。ng update17.0.0 に更新すると、この移行が自動で行なわれます。
    • 重大な変更 - SwitchLabelPositionLabelPosition になりました。ng update17.0.0 に更新すると、この移行が自動で行なわれます。
  • IgxCombo
    • 重大な変更 - IComboSelectionChangingEventArgs プロパティ newSelection および oldSelection は、その機能をより適切に反映するために、それぞれ newValue および oldValue に名前変更されました。Combo の value と同様に、これらは valueKey が設定されているかどうかに応じて、指定されたプロパティ値か完全なデータ項目のいずれかを返しします。自動移行が利用可能で、ng update 時に適用されます。
    • IComboSelectionChangingEventArgs は、valueKey の影響を受けなくなり、古いプロパティの代わりに、一貫して Combo のデータからの項目を返す 2 つの新しいプロパティ newSelectionoldSelection を公開します。

      注: valueKey が設定されたリモート データ シナリオでは、現在読み込まれたデータ チャンクの一部ではない選択された項目は、valueKey プロパティを持つ部分項目データ オブジェクトとして出力されます。

    • 重大な変更 - IComboSelectionChangingEventArgs プロパティ added および removed には、設定されている valueKey に関係なく、常にデータ項目が含まれるようになりました。これにより、上記で説明したリモート データに対する同じ制限が、更新された newSelection プロパティと oldSelection プロパティに適用されます。
  • IgxSimpleCombo
    • 重大な変更 - ISimpleComboSelectionChangingEventArgs プロパティ newSelectionoldSelection は、その機能をより適切に反映するために、それぞれ newValueoldValue に名前変更されました。Combo の value と同様に、これらは valueKey が設定されているかどうかに応じて、指定されたプロパティ値か完全なデータ項目のいずれかを返しします。自動移行が利用可能で、ng update 時に適用されます。
    • ISimpleComboSelectionChangingEventArgs は、valueKey の影響を受けなくなり、古いプロパティの代わりに、一貫して Combo のデータからの項目を返す 2 つの新しいプロパティ newSelectionoldSelection を公開します。

      注: valueKey が設定されたリモート データ シナリオでは、現在読み込まれたデータ チャンクの一部ではない選択された項目は、valueKey プロパティを持つ部分項目データ オブジェクトとして出力されます。

    • 重大な変更 value プロパティと selection プロパティは、配列でラップされた値や空の配列ではなく、単一の値、データ項目、または undefined を正しく返し、formControlName/ngModel ディレクティブを使用した選択イベントから出力された値と一致するようになりました。
  • IgxComboIgxSimpleCombo
    • 重大な変更 displayValue プロパティは、期待どおりに (配列内の表示値ではなく) 表示テキストを返すようになりました。

新機能

  • refactor(animations): igniteui-angular/animations (#13494)。
  • refactor(switch): IgxCheckbox から継承 (#13543)。
  • refactor(radio): igxCheckbox から継承 (#13553)。
  • refactor(i18n, util): tree shaking i18n (#13493)。
  • refactor(rating): スキーマの色を使用するように rating テーマを更新しました (#13541)。
  • refactor(theming): 基本フォント サイズを設定するオプションを追加しました (#13587)。
  • fix(snackbar): igx-snackbar が igxButton を使用するようにしました (#13584)。
  • 16.1.x を master にマージ (#13579)。
  • refactor(i18n, util): tree shaking i18n (#13451)。
  • groupingDone が発行されたときに更新された値を返すようにしました (#13597)。
  • feat(card): types を非推奨にし、elevated 属性を追加しました (#13538)。
  • fix(esf): 条件付きフィルターのドロップダウン項目のフォーカスを修正しました (#13607)。
  • fix(IgxForOf): DOM でノードが見つからない場合のチェックを追加しました (#13603)。
  • refactor: ブール入力には booleanAttribute 変換を使用するようにしました (#13555)。
  • ビュー内でフォーカスされた要素をスクロールしたときにヘッダーのスクロール位置を調整するようにしました (#13601)。
  • fix(migrations): コメントを含む完全な ts を取得するようにしました (#13639)。
  • feat(migrations): アニメーションを igniteui-angular/animations に移動しました (#13643)。
  • docs(typedoc): typedoc テーマを更新してビルドを作り直しました (#13625)。
  • fix(overlay): 挿入されたドキュメントを show メソッドに使用するようにしました - 17.0 (#13634)。
  • 選択変更イベントを更新しました (#13619)。
  • fix(igxGrid): init でソート オプションが設定されている場合、sortingExpressions がクリアされないようにしました (#13610)。
  • fix(combos):公開された IgxInputState のプロパティの型を有効な正しい型に変更しました (#13646)。
  • fix(igxGrid): 非表示の空の列ヘッダーの自動サイズを正しく調整するようにしました (#13623)。
  • fix(simple-combo): value と selection は配列ではなく単一の値を返すようになりました (#13647)。
  • ng 17 へのアップデート (#13596)。
  • fix(combos): displayValue が文字列を返すようになりました (#13648)。
  • fix(igxPivotGrid): すべてのディメンションと値を削除したためにデータが空になった場合のチェックを追加しました (#13613)。
  • feat(esf): アクセシビリティのために一致カウント文字列を追加しました (#13645)。
  • fix(button-group): selected/deselected イベントの cancellable を元に戻し、cancellable イベントに selecting/deselecting を追加しました (#13632)。
  • chore(*): ng update公式バージョン17 対応 (#13652)。
  • docs(i18n): i18n 用のドキュメントとエクスポートを更新しました (#13658)。
  • fix(ESF): ESF 検索リストでのナビゲーションのサポートを追加しました (#13635)。
  • chore(*): roadmap-readme-update-17-release (#13661)。
  • chore(schematics): schematics を更新しました (#13662)。

サンプル

Ignite UI for Angular を初めて使う、という方は是非こちらから

Angular API

Ignite UI for Angular の API はこちらから

ナレッジベース

お客様の問題解決に役立つナレッジベースを公開しています。

ナレッジベースはこちらから

https://kb.jp.infragistics.com/