fix: pass segment value in change event

telekom · Jan 25, 2024 · 96f0982 · 96f0982
1 parent ff396e6
commit 96f0982
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/packages/components/src/components/segment/segment.tsx b/packages/components/src/components/segment/segment.tsx
@@ -76,14 +76,17 @@ export class Segment {
   @Event({ eventName: 'scale-click' }) scaleClick!: EventEmitter<{
     id: string;
     selected: boolean;
+    value: string;
   }>;
   /** @deprecated in v3 in favor of kebab-case event names */
   @Event({ eventName: 'scaleClick' }) scaleClickLegacy!: EventEmitter<{
     id: string;
     selected: boolean;
+    value: string;
   }>;
 
   private focusableElement: HTMLElement;
+  private value: string;
 
   @Method()
   async setFocus() {
@@ -101,8 +104,9 @@ export class Segment {
     const hasText = nodeNames.includes('#text');
     const hasIcon = nodeNames.includes('SCALE-ICON')
     this.iconOnly = hasIcon && !hasText;
-    this.iconText = hasIcon && hasText;    
+    this.iconText = hasIcon && hasText;
     this.handleSelectedIcon();
+    this.value = this.hostElement.textContent.trim();
   }
 
   componentDidLoad() {
@@ -169,6 +173,7 @@ export class Segment {
       emitEvent(this, 'scaleClick', {
         id: this.segmentId,
         selected: this.selected,
+        value: this.value,
       });
     }
 

diff --git a/packages/components/src/components/segmented-button/segmented-button.tsx b/packages/components/src/components/segmented-button/segmented-button.tsx
@@ -27,6 +27,7 @@ import { emitEvent } from '../../utils/utils';
 interface SegmentStatus {
   id: string;
   selected: boolean;
+  value?: string;
 }
 
 @Component({
@@ -136,7 +137,6 @@ export class SegmentedButton {
     this.propagatePropsToChildren();
     this.position = 0;
     this.status = tempState;
-
   }
 
   componentWillUpdate() {