Skip to content

Commit bf2d8a4

Browse files
committed
fix(progress-bar): revert virtualProp
1 parent bd86b8b commit bf2d8a4

5 files changed

Lines changed: 27 additions & 4 deletions

File tree

core/api.txt

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1931,6 +1931,7 @@ ion-popover,part,content
19311931
ion-progress-bar,shadow
19321932
ion-progress-bar,prop,buffer,number,1,false,false
19331933
ion-progress-bar,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
1934+
ion-progress-bar,prop,mode,"ios" | "md",undefined,false,false
19341935
ion-progress-bar,prop,reversed,boolean,false,false,false
19351936
ion-progress-bar,prop,shape,"rectangular" | "round" | undefined,undefined,false,false
19361937
ion-progress-bar,prop,type,"determinate" | "indeterminate",'determinate',false,false

core/src/components.d.ts

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2979,6 +2979,9 @@ export namespace Components {
29792979
*/
29802980
"triggerAction": TriggerAction;
29812981
}
2982+
/**
2983+
* *
2984+
*/
29822985
interface IonProgressBar {
29832986
/**
29842987
* If the buffer and value are smaller than 1, the buffer circles will show. The buffer should be between [0, 1].
@@ -2989,6 +2992,10 @@ export namespace Components {
29892992
* The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`. For more information on colors, see [theming](/docs/theming/basics).
29902993
*/
29912994
"color"?: Color;
2995+
/**
2996+
* The mode determines the platform behaviors of the component.
2997+
*/
2998+
"mode"?: "ios" | "md";
29922999
/**
29933000
* If true, reverse the progress bar direction.
29943001
* @default false
@@ -5366,6 +5373,9 @@ declare global {
53665373
prototype: HTMLIonPopoverElement;
53675374
new (): HTMLIonPopoverElement;
53685375
};
5376+
/**
5377+
* *
5378+
*/
53695379
interface HTMLIonProgressBarElement extends Components.IonProgressBar, HTMLStencilElement {
53705380
}
53715381
var HTMLIonProgressBarElement: {
@@ -8895,6 +8905,9 @@ declare namespace LocalJSX {
88958905
*/
88968906
"triggerAction"?: TriggerAction;
88978907
}
8908+
/**
8909+
* *
8910+
*/
88988911
interface IonProgressBar {
88998912
/**
89008913
* If the buffer and value are smaller than 1, the buffer circles will show. The buffer should be between [0, 1].
@@ -8905,6 +8918,10 @@ declare namespace LocalJSX {
89058918
* The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`. For more information on colors, see [theming](/docs/theming/basics).
89068919
*/
89078920
"color"?: Color;
8921+
/**
8922+
* The mode determines the platform behaviors of the component.
8923+
*/
8924+
"mode"?: "ios" | "md";
89088925
/**
89098926
* If true, reverse the progress bar direction.
89108927
* @default false
@@ -10653,6 +10670,9 @@ declare module "@stencil/core" {
1065310670
"ion-picker-legacy": LocalJSX.IonPickerLegacy & JSXBase.HTMLAttributes<HTMLIonPickerLegacyElement>;
1065410671
"ion-picker-legacy-column": LocalJSX.IonPickerLegacyColumn & JSXBase.HTMLAttributes<HTMLIonPickerLegacyColumnElement>;
1065510672
"ion-popover": LocalJSX.IonPopover & JSXBase.HTMLAttributes<HTMLIonPopoverElement>;
10673+
/**
10674+
* *
10675+
*/
1065610676
"ion-progress-bar": LocalJSX.IonProgressBar & JSXBase.HTMLAttributes<HTMLIonProgressBarElement>;
1065710677
"ion-radio": LocalJSX.IonRadio & JSXBase.HTMLAttributes<HTMLIonRadioElement>;
1065810678
"ion-radio-group": LocalJSX.IonRadioGroup & JSXBase.HTMLAttributes<HTMLIonRadioGroupElement>;

core/src/components/progress-bar/progress-bar.tsx

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,8 @@ import type { Color } from '../../interface';
99
import type { IonProgressBarShape } from './progress-bar.interfaces';
1010

1111
/**
12+
* * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
13+
*
1214
* @part progress - The progress bar that shows the current value when `type` is `"determinate"` and slides back and forth when `type` is `"indeterminate"`.
1315
* @part stream - The animated circles that appear while buffering. This only shows when `buffer` is set and `type` is `"determinate"`.
1416
* @part track - The track bar behind the progress bar. If the `buffer` property is set and `type` is `"determinate"` the track will be the

packages/angular/src/directives/proxies.ts

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1674,14 +1674,14 @@ Shorthand for ionPickerDidDismiss.
16741674

16751675

16761676
@ProxyCmp({
1677-
inputs: ['buffer', 'color', 'reversed', 'shape', 'type', 'value']
1677+
inputs: ['buffer', 'color', 'mode', 'reversed', 'shape', 'type', 'value']
16781678
})
16791679
@Component({
16801680
selector: 'ion-progress-bar',
16811681
changeDetection: ChangeDetectionStrategy.OnPush,
16821682
template: '<ng-content></ng-content>',
16831683
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
1684-
inputs: ['buffer', 'color', 'reversed', 'shape', 'type', 'value'],
1684+
inputs: ['buffer', 'color', 'mode', 'reversed', 'shape', 'type', 'value'],
16851685
})
16861686
export class IonProgressBar {
16871687
protected el: HTMLIonProgressBarElement;

packages/angular/standalone/src/directives/proxies.ts

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1618,14 +1618,14 @@ Shorthand for ionPickerDidDismiss.
16181618

16191619
@ProxyCmp({
16201620
defineCustomElementFn: defineIonProgressBar,
1621-
inputs: ['buffer', 'color', 'reversed', 'shape', 'type', 'value']
1621+
inputs: ['buffer', 'color', 'mode', 'reversed', 'shape', 'type', 'value']
16221622
})
16231623
@Component({
16241624
selector: 'ion-progress-bar',
16251625
changeDetection: ChangeDetectionStrategy.OnPush,
16261626
template: '<ng-content></ng-content>',
16271627
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
1628-
inputs: ['buffer', 'color', 'reversed', 'shape', 'type', 'value'],
1628+
inputs: ['buffer', 'color', 'mode', 'reversed', 'shape', 'type', 'value'],
16291629
standalone: true
16301630
})
16311631
export class IonProgressBar {

0 commit comments

Comments
 (0)