Skip to content

Commit e2cdff0

Browse files
1307-Dev1307-Dev
committed
Added passive prop for action card and psuh card
1 parent c3fca36 commit e2cdff0

File tree

7 files changed

+48
-13
lines changed

7 files changed

+48
-13
lines changed

‎packages/angular/src/components.ts‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -8,14 +8,14 @@ import { Components } from '@siemens/ix';
88

99

1010
@ProxyCmp({
11-
inputs: ['ariaLabelCard', 'ariaLabelIcon', 'heading', 'icon', 'selected', 'subheading', 'variant']
11+
inputs: ['ariaLabelCard', 'ariaLabelIcon', 'heading', 'icon', 'passive', 'selected', 'subheading', 'variant']
1212
})
1313
@Component({
1414
selector: 'ix-action-card',
1515
changeDetection: ChangeDetectionStrategy.OnPush,
1616
template: '<ng-content></ng-content>',
1717
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
18-
inputs: ['ariaLabelCard', 'ariaLabelIcon', 'heading', 'icon', 'selected', 'subheading', 'variant'],
18+
inputs: ['ariaLabelCard', 'ariaLabelIcon', 'heading', 'icon', 'passive', 'selected', 'subheading', 'variant'],
1919
standalone: false
2020
})
2121
export class IxActionCard {
@@ -2191,14 +2191,14 @@ export declare interface IxProgressIndicator extends Components.IxProgressIndica
21912191

21922192

21932193
@ProxyCmp({
2194-
inputs: ['ariaLabelIcon', 'expanded', 'heading', 'icon', 'notification', 'subheading', 'variant']
2194+
inputs: ['ariaLabelIcon', 'expanded', 'heading', 'icon', 'notification', 'passive', 'subheading', 'variant']
21952195
})
21962196
@Component({
21972197
selector: 'ix-push-card',
21982198
changeDetection: ChangeDetectionStrategy.OnPush,
21992199
template: '<ng-content></ng-content>',
22002200
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
2201-
inputs: ['ariaLabelIcon', 'expanded', 'heading', 'icon', 'notification', 'subheading', 'variant'],
2201+
inputs: ['ariaLabelIcon', 'expanded', 'heading', 'icon', 'notification', 'passive', 'subheading', 'variant'],
22022202
standalone: false
22032203
})
22042204
export class IxPushCard {

‎packages/angular/standalone/src/components.ts‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -109,14 +109,14 @@ import { defineCustomElement as defineIxWorkflowStep } from '@siemens/ix/compone
109109
import { defineCustomElement as defineIxWorkflowSteps } from '@siemens/ix/components/ix-workflow-steps.js';
110110
@ProxyCmp({
111111
defineCustomElementFn: defineIxActionCard,
112-
inputs: ['ariaLabelCard', 'ariaLabelIcon', 'heading', 'icon', 'selected', 'subheading', 'variant']
112+
inputs: ['ariaLabelCard', 'ariaLabelIcon', 'heading', 'icon', 'passive', 'selected', 'subheading', 'variant']
113113
})
114114
@Component({
115115
selector: 'ix-action-card',
116116
changeDetection: ChangeDetectionStrategy.OnPush,
117117
template: '<ng-content></ng-content>',
118118
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
119-
inputs: ['ariaLabelCard', 'ariaLabelIcon', 'heading', 'icon', 'selected', 'subheading', 'variant'],
119+
inputs: ['ariaLabelCard', 'ariaLabelIcon', 'heading', 'icon', 'passive', 'selected', 'subheading', 'variant'],
120120
})
121121
export class IxActionCard {
122122
protected el: HTMLIxActionCardElement;
@@ -2292,14 +2292,14 @@ export declare interface IxProgressIndicator extends Components.IxProgressIndica
22922292

22932293
@ProxyCmp({
22942294
defineCustomElementFn: defineIxPushCard,
2295-
inputs: ['ariaLabelIcon', 'expanded', 'heading', 'icon', 'notification', 'subheading', 'variant']
2295+
inputs: ['ariaLabelIcon', 'expanded', 'heading', 'icon', 'notification', 'passive', 'subheading', 'variant']
22962296
})
22972297
@Component({
22982298
selector: 'ix-push-card',
22992299
changeDetection: ChangeDetectionStrategy.OnPush,
23002300
template: '<ng-content></ng-content>',
23012301
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
2302-
inputs: ['ariaLabelIcon', 'expanded', 'heading', 'icon', 'notification', 'subheading', 'variant'],
2302+
inputs: ['ariaLabelIcon', 'expanded', 'heading', 'icon', 'notification', 'passive', 'subheading', 'variant'],
23032303
})
23042304
export class IxPushCard {
23052305
protected el: HTMLIxPushCardElement;

‎packages/core/src/components.d.ts‎

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -126,6 +126,11 @@ export namespace Components {
126126
* @default undefined
127127
*/
128128
"icon": string | undefined;
129+
/**
130+
* If true, disables hover and active styles and changes cursor to default
131+
* @default false
132+
*/
133+
"passive": boolean;
129134
/**
130135
* Card selection
131136
* @default false
@@ -2887,6 +2892,11 @@ export namespace Components {
28872892
* Card KPI value
28882893
*/
28892894
"notification"?: string;
2895+
/**
2896+
* If true, disables hover and active styles and changes cursor to default
2897+
* @default false
2898+
*/
2899+
"passive": boolean;
28902900
/**
28912901
* Card subheading
28922902
*/
@@ -5900,6 +5910,11 @@ declare namespace LocalJSX {
59005910
* @default undefined
59015911
*/
59025912
"icon"?: string | undefined;
5913+
/**
5914+
* If true, disables hover and active styles and changes cursor to default
5915+
* @default false
5916+
*/
5917+
"passive"?: boolean;
59035918
/**
59045919
* Card selection
59055920
* @default false
@@ -8855,6 +8870,11 @@ declare namespace LocalJSX {
88558870
* Card KPI value
88568871
*/
88578872
"notification"?: string;
8873+
/**
8874+
* If true, disables hover and active styles and changes cursor to default
8875+
* @default false
8876+
*/
8877+
"passive"?: boolean;
88588878
/**
88598879
* Card subheading
88608880
*/

‎packages/core/src/components/action-card/action-card.tsx‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -56,6 +56,11 @@ export class IxActionCard {
5656
*/
5757
@Prop() ariaLabelCard?: string;
5858

59+
/**
60+
* If true, disables hover and active styles and changes cursor to default
61+
*/
62+
@Prop() passive: boolean = false;
63+
5964
private getSubheadingTextColor() {
6065
return this.variant === 'outline' || this.variant === 'filled'
6166
? 'soft'
@@ -73,6 +78,7 @@ export class IxActionCard {
7378
<ix-card
7479
selected={this.selected}
7580
variant={this.variant}
81+
passive={this.passive}
7682
class={'pointer'}
7783
aria-label={this.ariaLabelCard}
7884
aria-labelledby={ariaLabelledBy}

‎packages/core/src/components/push-card/push-card.tsx‎

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -53,10 +53,15 @@ export class PushCard {
5353
*/
5454
@Prop() expanded: boolean = false;
5555

56+
/**
57+
* If true, disables hover and active styles and changes cursor to default
58+
*/
59+
@Prop() passive: boolean = false;
60+
5661
render() {
5762
return (
5863
<Host class={`card-${this.variant}`}>
59-
<ix-card variant={this.variant}>
64+
<ix-card variant={this.variant} passive={this.passive}>
6065
<ix-card-content>
6166
<ix-card-title>
6267
{this.icon ? (

‎packages/react/src/components.server.ts‎

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -125,7 +125,8 @@ export const IxActionCard: StencilReactComponent<IxActionCardElement, IxActionCa
125125
heading: 'heading',
126126
subheading: 'subheading',
127127
selected: 'selected',
128-
ariaLabelCard: 'aria-label-card'
128+
ariaLabelCard: 'aria-label-card',
129+
passive: 'passive'
129130
},
130131
hydrateModule: import('@siemens/ix/hydrate') as Promise<HydrateModule>,
131132
clientModule: clientComponents.IxActionCard as ReactWebComponent<IxActionCardElement, IxActionCardEvents>,
@@ -1507,7 +1508,8 @@ export const IxPushCard: StencilReactComponent<IxPushCardElement, IxPushCardEven
15071508
heading: 'heading',
15081509
subheading: 'subheading',
15091510
variant: 'variant',
1510-
expanded: 'expanded'
1511+
expanded: 'expanded',
1512+
passive: 'passive'
15111513
},
15121514
hydrateModule: import('@siemens/ix/hydrate') as Promise<HydrateModule>,
15131515
clientModule: clientComponents.IxPushCard as ReactWebComponent<IxPushCardElement, IxPushCardEvents>,

‎packages/vue/src/components.ts‎

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -116,7 +116,8 @@ export const IxActionCard: StencilVueComponent<JSX.IxActionCard> = /*@__PURE__*/
116116
'heading',
117117
'subheading',
118118
'selected',
119-
'ariaLabelCard'
119+
'ariaLabelCard',
120+
'passive'
120121
]);
121122

122123

@@ -1109,7 +1110,8 @@ export const IxPushCard: StencilVueComponent<JSX.IxPushCard> = /*@__PURE__*/ def
11091110
'heading',
11101111
'subheading',
11111112
'variant',
1112-
'expanded'
1113+
'expanded',
1114+
'passive'
11131115
]);
11141116

11151117

0 commit comments

Comments
 (0)