Merge branch 'main' into fix/12553

SAP · Jan 28, 2025 · df696e1 · df696e1
2 parents 1e66a07 + 943e050
commit df696e1
Show file tree

Hide file tree

Showing 107 changed files with 764 additions and 23 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -3,6 +3,39 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.54.2-rc.12](https://github.com/SAP/fundamental-ngx/compare/v0.54.2-rc.11...v0.54.2-rc.12) (2025-01-28)
+
+
+### Bug Fixes
+
+* **platform:** table multi-select checkbox a11y improvements ([#12962](https://github.com/SAP/fundamental-ngx/issues/12962)) ([b9ca460](https://github.com/SAP/fundamental-ngx/commit/b9ca460630560a070cb97dc4233e5d03e080f0fd))
+
+
+
+
+
+## [0.54.2-rc.11](https://github.com/SAP/fundamental-ngx/compare/v0.54.2-rc.10...v0.54.2-rc.11) (2025-01-27)
+
+
+### Features
+
+* **platform:** add option for configuring VHD dialog title heading level ([#12960](https://github.com/SAP/fundamental-ngx/issues/12960)) ([1976699](https://github.com/SAP/fundamental-ngx/commit/1976699249bd4d78fdfe9f0d94dca3135b96925d))
+
+
+
+
+
+## [0.54.2-rc.10](https://github.com/SAP/fundamental-ngx/compare/v0.54.2-rc.9...v0.54.2-rc.10) (2025-01-22)
+
+
+### Bug Fixes
+
+* **core:** add label wrapping behavior for Radio Button ([#12956](https://github.com/SAP/fundamental-ngx/issues/12956)) ([f4f64c0](https://github.com/SAP/fundamental-ngx/commit/f4f64c0444eb37e34bf68e9c3e3db6a3794e6d19))
+
+
+
+
+
 ## [0.54.2-rc.9](https://github.com/SAP/fundamental-ngx/compare/v0.54.2-rc.8...v0.54.2-rc.9) (2025-01-21)
 
 

diff --git a/lerna.json b/lerna.json
@@ -1,7 +1,7 @@
 {
     "$schema": "node_modules/lerna/schemas/lerna-schema.json",
     "packages": ["libs/*"],
-    "version": "0.54.2-rc.9",
+    "version": "0.54.2-rc.12",
     "conventionalCommits": true,
     "tagVersionPrefix": "v",
     "message": "chore(release): publish %v",

diff --git a/libs/btp/CHANGELOG.md b/libs/btp/CHANGELOG.md
@@ -3,6 +3,30 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.54.2-rc.12](https://github.com/SAP/fundamental-ngx/compare/v0.54.2-rc.11...v0.54.2-rc.12) (2025-01-28)
+
+**Note:** Version bump only for package @fundamental-ngx/btp
+
+
+
+
+
+## [0.54.2-rc.11](https://github.com/SAP/fundamental-ngx/compare/v0.54.2-rc.10...v0.54.2-rc.11) (2025-01-27)
+
+**Note:** Version bump only for package @fundamental-ngx/btp
+
+
+
+
+
+## [0.54.2-rc.10](https://github.com/SAP/fundamental-ngx/compare/v0.54.2-rc.9...v0.54.2-rc.10) (2025-01-22)
+
+**Note:** Version bump only for package @fundamental-ngx/btp
+
+
+
+
+
 ## [0.54.2-rc.9](https://github.com/SAP/fundamental-ngx/compare/v0.54.2-rc.8...v0.54.2-rc.9) (2025-01-21)
 
 **Note:** Version bump only for package @fundamental-ngx/btp

diff --git a/libs/btp/package.json b/libs/btp/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@fundamental-ngx/btp",
-    "version": "0.54.2-rc.9",
+    "version": "0.54.2-rc.12",
     "peerDependencies": {
         "@angular/common": "ANGULAR_VER_PLACEHOLDER",
         "@angular/core": "ANGULAR_VER_PLACEHOLDER",

diff --git a/libs/cdk/CHANGELOG.md b/libs/cdk/CHANGELOG.md
@@ -3,6 +3,30 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.54.2-rc.12](https://github.com/SAP/fundamental-ngx/compare/v0.54.2-rc.11...v0.54.2-rc.12) (2025-01-28)
+
+**Note:** Version bump only for package @fundamental-ngx/cdk
+
+
+
+
+
+## [0.54.2-rc.11](https://github.com/SAP/fundamental-ngx/compare/v0.54.2-rc.10...v0.54.2-rc.11) (2025-01-27)
+
+**Note:** Version bump only for package @fundamental-ngx/cdk
+
+
+
+
+
+## [0.54.2-rc.10](https://github.com/SAP/fundamental-ngx/compare/v0.54.2-rc.9...v0.54.2-rc.10) (2025-01-22)
+
+**Note:** Version bump only for package @fundamental-ngx/cdk
+
+
+
+
+
 ## [0.54.2-rc.9](https://github.com/SAP/fundamental-ngx/compare/v0.54.2-rc.8...v0.54.2-rc.9) (2025-01-21)
 
 **Note:** Version bump only for package @fundamental-ngx/cdk

diff --git a/libs/cdk/package.json b/libs/cdk/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/cdk",
-  "version": "0.54.2-rc.9",
+  "version": "0.54.2-rc.12",
   "schematics": "./schematics/collection.json",
   "description": "Fundamental Library for Angular - CDK",
   "license": "Apache-2.0",

diff --git a/libs/core/CHANGELOG.md b/libs/core/CHANGELOG.md
@@ -3,6 +3,36 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.54.2-rc.12](https://github.com/SAP/fundamental-ngx/compare/v0.54.2-rc.11...v0.54.2-rc.12) (2025-01-28)
+
+
+### Bug Fixes
+
+* **platform:** table multi-select checkbox a11y improvements ([#12962](https://github.com/SAP/fundamental-ngx/issues/12962)) ([b9ca460](https://github.com/SAP/fundamental-ngx/commit/b9ca460630560a070cb97dc4233e5d03e080f0fd))
+
+
+
+
+
+## [0.54.2-rc.11](https://github.com/SAP/fundamental-ngx/compare/v0.54.2-rc.10...v0.54.2-rc.11) (2025-01-27)
+
+**Note:** Version bump only for package @fundamental-ngx/core
+
+
+
+
+
+## [0.54.2-rc.10](https://github.com/SAP/fundamental-ngx/compare/v0.54.2-rc.9...v0.54.2-rc.10) (2025-01-22)
+
+
+### Bug Fixes
+
+* **core:** add label wrapping behavior for Radio Button ([#12956](https://github.com/SAP/fundamental-ngx/issues/12956)) ([f4f64c0](https://github.com/SAP/fundamental-ngx/commit/f4f64c0444eb37e34bf68e9c3e3db6a3794e6d19))
+
+
+
+
+
 ## [0.54.2-rc.9](https://github.com/SAP/fundamental-ngx/compare/v0.54.2-rc.8...v0.54.2-rc.9) (2025-01-21)
 
 **Note:** Version bump only for package @fundamental-ngx/core

diff --git a/libs/core/checkbox/checkbox/checkbox.component.html b/libs/core/checkbox/checkbox/checkbox.component.html
@@ -10,7 +10,7 @@
     [checked]="isChecked"
     [attr.tabindex]="tabIndexValue"
     [attr.role]="role"
-    [attr.aria-checked]="isChecked"
+    [attr.aria-checked]="isChecked ? 'true' : isIndeterminate ? 'mixed' : 'false'"
     [attr.aria-label]="ariaLabel"
     [attr.aria-labelledby]="ariaLabelledBy"
     [attr.aria-describedby]="ariaDescribedBy"

diff --git a/libs/core/package.json b/libs/core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/core",
-  "version": "0.54.2-rc.9",
+  "version": "0.54.2-rc.12",
   "schematics": "./schematics/collection.json",
   "ng-update": {
     "migrations": "./schematics/migrations.json"

diff --git a/libs/core/radio/radio-button/radio-button.component.html b/libs/core/radio/radio-button/radio-button.component.html
@@ -20,7 +20,14 @@
     [value]="value"
     [attr.value]="value"
 />
-<label class="fd-radio__label" [attr.title]="title" [for]="id" (click)="labelClicked($event)">
+<label
+    class="fd-radio__label"
+    [class.fd-radio__label--wrap]="wrapLabel && valignLabel === 'middle'"
+    [class.fd-radio__label--wrap-top-aligned]="wrapLabel && valignLabel === 'top'"
+    [attr.title]="title"
+    [for]="id"
+    (click)="labelClicked($event)"
+>
     <span class="fd-radio__text">
         <ng-content></ng-content>
     </span>

diff --git a/libs/core/radio/radio-button/radio-button.component.ts b/libs/core/radio/radio-button/radio-button.component.ts
@@ -1,6 +1,7 @@
 import { coerceNumberProperty, NumberInput } from '@angular/cdk/coercion';
 import {
     AfterViewInit,
+    booleanAttribute,
     ChangeDetectionStrategy,
     ChangeDetectorRef,
     Component,
@@ -132,6 +133,12 @@ export class RadioButtonComponent<T = any>
     @Input()
     standalone = false;
 
+    /** Whether input label should be wrapped */
+    @Input({ transform: booleanAttribute }) wrapLabel: boolean;
+
+    /** Vertical position of the label compared to the radio button */
+    @Input() valignLabel: 'top' | 'middle' = 'middle';
+
     /** Whether the radio button is checked. */
     get checked(): boolean {
         if (this.value === undefined) {

diff --git a/libs/cx/CHANGELOG.md b/libs/cx/CHANGELOG.md
@@ -3,6 +3,30 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.54.2-rc.12](https://github.com/SAP/fundamental-ngx/compare/v0.54.2-rc.11...v0.54.2-rc.12) (2025-01-28)
+
+**Note:** Version bump only for package @fundamental-ngx/cx
+
+
+
+
+
+## [0.54.2-rc.11](https://github.com/SAP/fundamental-ngx/compare/v0.54.2-rc.10...v0.54.2-rc.11) (2025-01-27)
+
+**Note:** Version bump only for package @fundamental-ngx/cx
+
+
+
+
+
+## [0.54.2-rc.10](https://github.com/SAP/fundamental-ngx/compare/v0.54.2-rc.9...v0.54.2-rc.10) (2025-01-22)
+
+**Note:** Version bump only for package @fundamental-ngx/cx
+
+
+
+
+
 ## [0.54.2-rc.9](https://github.com/SAP/fundamental-ngx/compare/v0.54.2-rc.8...v0.54.2-rc.9) (2025-01-21)
 
 **Note:** Version bump only for package @fundamental-ngx/cx

diff --git a/libs/cx/package.json b/libs/cx/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/cx",
-  "version": "0.54.2-rc.9",
+  "version": "0.54.2-rc.12",
   "schematics": "./schematics/collection.json",
   "description": "Fundamental Library for Angular - cx",
   "license": "Apache-2.0",

diff --git a/libs/datetime-adapter/CHANGELOG.md b/libs/datetime-adapter/CHANGELOG.md
@@ -3,6 +3,30 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.54.2-rc.12](https://github.com/SAP/fundamental-ngx/compare/v0.54.2-rc.11...v0.54.2-rc.12) (2025-01-28)
+
+**Note:** Version bump only for package @fundamental-ngx/datetime-adapter
+
+
+
+
+
+## [0.54.2-rc.11](https://github.com/SAP/fundamental-ngx/compare/v0.54.2-rc.10...v0.54.2-rc.11) (2025-01-27)
+
+**Note:** Version bump only for package @fundamental-ngx/datetime-adapter
+
+
+
+
+
+## [0.54.2-rc.10](https://github.com/SAP/fundamental-ngx/compare/v0.54.2-rc.9...v0.54.2-rc.10) (2025-01-22)
+
+**Note:** Version bump only for package @fundamental-ngx/datetime-adapter
+
+
+
+
+
 ## [0.54.2-rc.9](https://github.com/SAP/fundamental-ngx/compare/v0.54.2-rc.8...v0.54.2-rc.9) (2025-01-21)
 
 **Note:** Version bump only for package @fundamental-ngx/datetime-adapter

diff --git a/libs/datetime-adapter/package.json b/libs/datetime-adapter/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@fundamental-ngx/datetime-adapter",
-    "version": "0.54.2-rc.9",
+    "version": "0.54.2-rc.12",
     "description": "Datetime adapter for SAP Fundamentals, based on Day.js package",
     "license": "Apache-2.0",
     "homepage": "https://sap.github.io/fundamental-ngx/home",

diff --git a/libs/docs/core/radio/examples/index.ts b/libs/docs/core/radio/examples/index.ts
@@ -1,7 +1,8 @@
-import { RadioExamplesComponent } from './radio-example.component';
+import { RadioExampleComponent } from './radio-example.component';
 import { RadioFormGroupExampleComponent } from './radio-form-group-example.component';
+import { RadioTruncationExampleComponent } from './radio-truncation-example.component';
 
 export * from './radio-example.component';
 export * from './radio-form-group-example.component';
 
-export const examples = [RadioExamplesComponent, RadioFormGroupExampleComponent];
+export const examples = [RadioExampleComponent, RadioFormGroupExampleComponent, RadioTruncationExampleComponent];
diff --git a/libs/docs/core/radio/examples/radio-truncation-example.component.html b/libs/docs/core/radio/examples/radio-truncation-example.component.html
@@ -0,0 +1,45 @@
+<fieldset fd-fieldset style="max-width: 400px">
+    <legend fd-form-legend>Text Truncation in Radio buttons</legend>
+    <fd-form-group>
+        <div fd-form-item>
+            <fd-radio-button value="valt1" [id]="'radio-t-1'" name="radio-truncate-1" [(ngModel)]="optionVariable">
+                <b>Default text wrapping behaviour</b> Option One Lorem ipsum dolor sit amet consectetur adipisicing
+                elit. Odit nam totam maxime quis, sed molestiae quisquam eveniet ratione corporis quam libero omnis
+                dignissimos delectus error inventore ullam sequi. Dolores, quaerat? Lorem ipsum dolor sit, amet
+                consectetur adipisicing elit. Placeat sit dolor cumque. Doloremque repellat dicta, libero neque dolor
+                aliquam. Eius omnis libero aliquam quisquam magni harum aliquid officia maxime dignissimos!
+            </fd-radio-button>
+        </div>
+        <div fd-form-item>
+            <fd-radio-button
+                value="valt2"
+                [id]="'radio-t-2'"
+                name="radio-truncate-1"
+                [(ngModel)]="optionVariable"
+                wrapLabel
+            >
+                <b>Wrapping behaviour</b> Option Two Lorem ipsum dolor sit amet consectetur adipisicing elit. Odit nam
+                totam maxime quis, sed molestiae quisquam eveniet ratione corporis quam libero omnis dignissimos
+                delectus error inventore ullam sequi. Dolores, quaerat? Lorem ipsum dolor sit, amet consectetur
+                adipisicing elit. Placeat sit dolor cumque. Doloremque repellat dicta, libero neque dolor aliquam. Eius
+                omnis libero aliquam quisquam magni harum aliquid officia maxime dignissimos!
+            </fd-radio-button>
+        </div>
+        <div fd-form-item>
+            <fd-radio-button
+                value="valt3"
+                [id]="'radio-t-3'"
+                name="radio-truncate-1"
+                [(ngModel)]="optionVariable"
+                wrapLabel
+                valignLabel="top"
+            >
+                <b>Wrapping behaviour, top aligned</b> Option Three Lorem ipsum dolor sit amet consectetur adipisicing
+                elit. Odit nam totam maxime quis, sed molestiae quisquam eveniet ratione corporis quam libero omnis
+                dignissimos delectus error inventore ullam sequi. Dolores, quaerat? Lorem ipsum dolor sit, amet
+                consectetur adipisicing elit. Placeat sit dolor cumque. Doloremque repellat dicta, libero neque dolor
+                aliquam. Eius omnis libero aliquam quisquam magni harum aliquid officia maxime dignissimos!
+            </fd-radio-button>
+        </div>
+    </fd-form-group>
+</fieldset>
diff --git a/libs/docs/core/radio/examples/radio-truncation-example.component.ts b/libs/docs/core/radio/examples/radio-truncation-example.component.ts
@@ -0,0 +1,26 @@
+import { Component } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import {
+    FieldsetComponent,
+    FormGroupComponent,
+    FormItemComponent,
+    FormLegendDirective
+} from '@fundamental-ngx/core/form';
+import { RadioButtonComponent } from '@fundamental-ngx/core/radio';
+
+@Component({
+    selector: 'fd-radio-truncation-example',
+    templateUrl: './radio-truncation-example.component.html',
+    standalone: true,
+    imports: [
+        FieldsetComponent,
+        FormLegendDirective,
+        FormGroupComponent,
+        FormItemComponent,
+        RadioButtonComponent,
+        FormsModule
+    ]
+})
+export class RadioTruncationExampleComponent {
+    optionVariable = 'valt1';
+}
diff --git a/libs/docs/core/radio/radio-docs.component.html b/libs/docs/core/radio/radio-docs.component.html
@@ -15,3 +15,15 @@
     <fd-radio-form-group-example></fd-radio-form-group-example>
 </component-example>
 <code-example [exampleFiles]="formGroupRadioInput"></code-example>
+
+<fd-docs-section-title id="truncation" componentName="radio"> Radio Button Text Truncation </fd-docs-section-title>
+<description>
+    By default, long radio label truncates with ellipsis. For this behaviour no modifier class or property is needed.
+    For radio label that wraps on a new line to show the entire content, set the <code>wrapLabel</code> property to
+    true. For a top-left aligned label with wrap behaviour, set the <code>wrapLabel</code> property to true and specify
+    <code>valignLabel="top"</code>.
+</description>
+<component-example>
+    <fd-radio-truncation-example></fd-radio-truncation-example>
+</component-example>
+<code-example [exampleFiles]="radioTruncation"></code-example>