Skip to content

Commit b681acc

Browse files
authored
Merge branch 'master' into rkaraivanov/combo-navigation-refactor
2 parents 4feaae1 + 770ee10 commit b681acc

File tree

18 files changed

+281
-237
lines changed

18 files changed

+281
-237
lines changed

CHANGELOG.md

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,11 @@ All notable changes to this project will be documented in this file.
44
The format is based on [Keep a Changelog](http://keepachangelog.com/)
55
and this project adheres to [Semantic Versioning](http://semver.org/).
66

7+
## Unreleased
8+
### Fixed
9+
- #### Rating
10+
- Inaccurate value rounding calculation when step is not 1 [#1560](https://github.com/IgniteUI/igniteui-webcomponents/issues/1560)
11+
712
## [5.2.1] - 2025-01-23
813
### Added
914
- #### Dialog

package-lock.json

Lines changed: 198 additions & 182 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

package.json

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -60,12 +60,12 @@
6060
"@custom-elements-manifest/analyzer": "^0.10.4",
6161
"@igniteui/material-icons-extended": "^3.1.0",
6262
"@open-wc/testing": "^4.0.0",
63-
"@storybook/addon-a11y": "^8.5.0",
64-
"@storybook/addon-actions": "^8.5.0",
65-
"@storybook/addon-essentials": "^8.5.0",
66-
"@storybook/addon-links": "^8.5.0",
67-
"@storybook/web-components": "^8.5.0",
68-
"@storybook/web-components-vite": "^8.5.0",
63+
"@storybook/addon-a11y": "^8.5.2",
64+
"@storybook/addon-actions": "^8.5.2",
65+
"@storybook/addon-essentials": "^8.5.2",
66+
"@storybook/addon-links": "^8.5.2",
67+
"@storybook/web-components": "^8.5.2",
68+
"@storybook/web-components-vite": "^8.5.2",
6969
"@types/mocha": "^10.0.10",
7070
"@web/dev-server-esbuild": "^1.0.3",
7171
"@web/test-runner": "^0.19.0",
@@ -81,27 +81,27 @@
8181
"ig-typedoc-theme": "^6.0.0",
8282
"igniteui-theming": "^14.3.1",
8383
"keep-a-changelog": "^2.5.3",
84-
"lint-staged": "^15.4.1",
84+
"lint-staged": "^15.4.3",
8585
"lit-analyzer": "^2.0.3",
8686
"madge": "^8.0.0",
8787
"node-watch": "^0.7.4",
88-
"playwright": "^1.49.1",
88+
"playwright": "^1.50.0",
8989
"postcss": "^8.5.1",
9090
"prettier": "^3.4.2",
9191
"rimraf": "^5.0.10",
9292
"sass-embedded": "^1.78.0",
9393
"sinon": "^19.0.2",
94-
"storybook": "^8.5.0",
95-
"stylelint": "^16.13.2",
94+
"storybook": "^8.5.2",
95+
"stylelint": "^16.14.1",
9696
"stylelint-config-standard-scss": "^14.0.0",
97-
"stylelint-prettier": "^5.0.2",
98-
"stylelint-scss": "^6.10.1",
97+
"stylelint-prettier": "^5.0.3",
98+
"stylelint-scss": "^6.11.0",
9999
"ts-lit-plugin": "^2.0.2",
100100
"tslib": "^2.8.1",
101101
"typedoc": "^0.27.6",
102102
"typedoc-plugin-localization": "^3.0.6",
103103
"typescript": "^5.7.3",
104-
"vite": "^6.0.10"
104+
"vite": "^6.0.11"
105105
},
106106
"browserslist": [
107107
"defaults"

src/components/button/button-base.ts

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -87,6 +87,8 @@ export abstract class IgcButtonBaseComponent extends EventEmitterMixin<
8787
this.toggleAttribute('disabled', Boolean(this._disabled));
8888
}
8989

90+
/* blazorCSSuppress */
91+
/* alternateType: object */
9092
/** Returns the HTMLFormElement associated with this element. */
9193
public get form() {
9294
return this.__internals.form;

src/components/combo/themes/shared/combo.material.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@ $dropdown-theme: dropdown-theme.$material;
1616

1717
margin-block-start: rem(4px);
1818
grid-auto-rows: minmax(rem(18px), auto);
19-
padding-inline-start: pad-inline(rem(12px), rem(14px), rem(16px));
19+
padding-inline: pad-inline(rem(14px), rem(16px), rem(18px));
2020
}
2121

2222
::slotted([slot='prefix']),

src/components/common/validators.ts

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,7 @@ import {
1111
type ValidatorHandler<T> = (host: T) => boolean;
1212
type ValidatorMessageFormat<T> = (host: T) => string;
1313

14+
/** @ignore */
1415
export interface Validator<T = any> {
1516
key: keyof ValidityStateFlags;
1617
message: string | ValidatorMessageFormat<T>;

src/components/date-picker/themes/shared/date-picker.common.scss

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,8 @@ $theme: $material;
66
$input-theme: input-theme.$material;
77

88
:host {
9+
--component-size: var(--ig-size, #{var-get($theme, 'default-size')});
10+
911
igc-dialog {
1012
box-shadow: none;
1113
border: none;
@@ -57,7 +59,7 @@ $input-theme: input-theme.$material;
5759
color: var-get($theme, 'helper-text-color');
5860
grid-auto-rows: minmax(rem(18px), auto);
5961
margin-block-start: rem(4px);
60-
padding-inline-start: pad-inline(rem(12px), rem(14px), rem(16px));
62+
padding-inline: pad-inline(rem(14px), rem(16px), rem(18px));
6163
}
6264
}
6365

src/components/input/themes/shared/input.material.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -39,7 +39,7 @@ $fs: rem(16px) !default;
3939
color: var-get($theme, 'helper-text-color');
4040
margin-block-start: rem(4px);
4141
grid-auto-rows: minmax(rem(18px), auto);
42-
padding-inline: pad-inline(rem(12px), rem(14px), rem(16px));
42+
padding-inline: pad-inline(rem(14px), rem(16px), rem(18px));
4343
}
4444
}
4545

src/components/progress/themes/animations.scss

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -29,7 +29,7 @@ $easing-curves: (
2929
}
3030

3131
// Primary animation
32-
@keyframes indeterminate-primary {
32+
@keyframes igc-indeterminate-primary {
3333
0% {
3434
transform: translateX(0);
3535
}
@@ -49,7 +49,7 @@ $easing-curves: (
4949
}
5050
}
5151

52-
@keyframes indeterminate-primary-scale {
52+
@keyframes igc-indeterminate-primary-scale {
5353
0% {
5454
transform: scaleX(0.08);
5555
}
@@ -70,7 +70,7 @@ $easing-curves: (
7070
}
7171

7272
// Secondary animation
73-
@keyframes indeterminate-secondary {
73+
@keyframes igc-indeterminate-secondary {
7474
0% {
7575
animation-timing-function: timing-function('secondary-translate-start');
7676
transform: translateX(0);
@@ -91,7 +91,7 @@ $easing-curves: (
9191
}
9292
}
9393

94-
@keyframes indeterminate-secondary-scale {
94+
@keyframes igc-indeterminate-secondary-scale {
9595
0% {
9696
animation-timing-function: timing-function('secondary-scale-slow-start');
9797
transform: scaleX(0.08);
@@ -113,7 +113,7 @@ $easing-curves: (
113113
}
114114

115115
// Fluent linear animations
116-
@keyframes indeterminate-bar-fluent {
116+
@keyframes igc-indeterminate-bar-fluent {
117117
0% {
118118
transform: translateX(-100%);
119119
transform-origin: left;
@@ -125,7 +125,7 @@ $easing-curves: (
125125
}
126126
}
127127

128-
@keyframes indeterminate-bar-fluent-rtl {
128+
@keyframes igc-indeterminate-bar-fluent-rtl {
129129
0% {
130130
transform: translateX(100%);
131131
transform-origin: right;
@@ -138,7 +138,7 @@ $easing-curves: (
138138
}
139139

140140
// Circular animations
141-
@keyframes indeterminate-accordion {
141+
@keyframes igc-indeterminate-accordion {
142142
0% {
143143
stroke-dashoffset: calc(#{$circumference} * 2);
144144
stroke-dasharray: calc(#{$circumference} * 9 / 10);
@@ -149,7 +149,7 @@ $easing-curves: (
149149
}
150150
}
151151

152-
@keyframes indeterminate-accordion-rtl {
152+
@keyframes igc-indeterminate-accordion-rtl {
153153
0% {
154154
stroke-dashoffset: calc(#{$circumference} * -2);
155155
stroke-dasharray: calc(#{$circumference} * 9 / 10);
@@ -162,7 +162,7 @@ $easing-curves: (
162162

163163
// Fluent: Circular progress animation for indeterminate state.
164164
// Dynamically changes stroke-dasharray and rotates for a smooth spinning effect.
165-
@keyframes indeterminate-circular-fluent {
165+
@keyframes igc-indeterminate-circular-fluent {
166166
0% {
167167
// Start the stroke at the correct position by adjusting the dasharray and dashoffset
168168
stroke-dasharray: calc(#{$circumference} * 0.0001), #{$circumference};
@@ -193,7 +193,7 @@ $easing-curves: (
193193
}
194194
}
195195

196-
@keyframes indeterminate-circular-fluent-rtl {
196+
@keyframes igc-indeterminate-circular-fluent-rtl {
197197
0% {
198198
stroke-dasharray: calc(#{$circumference} * 0.0001), #{$circumference};
199199

@@ -220,7 +220,7 @@ $easing-curves: (
220220
}
221221

222222
// Generic animations
223-
@keyframes rotate-center {
223+
@keyframes igc-rotate-center {
224224
0% {
225225
transform: rotate(0);
226226
}
@@ -230,14 +230,14 @@ $easing-curves: (
230230
}
231231
}
232232

233-
@keyframes initial-counter {
233+
@keyframes igc-initial-counter {
234234
from {
235235
--_progress-integer: 0;
236236
--_progress-fraction: 0;
237237
}
238238
}
239239

240-
@keyframes initial-width {
240+
@keyframes igc-initial-width {
241241
from {
242242
width: 0;
243243
}
@@ -247,7 +247,7 @@ $easing-curves: (
247247
}
248248
}
249249

250-
@keyframes initial-dashoffset {
250+
@keyframes igc-initial-dashoffset {
251251
from {
252252
/* Start with no progress (0%) */
253253
stroke-dashoffset: #{$circumference};

src/components/progress/themes/circular/circular.progress.base.scss

Lines changed: 6 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -30,17 +30,13 @@
3030
}
3131

3232
[part~='counter'] {
33-
animation: initial-counter var(--_transition-duration) ease-in-out;
33+
animation: igc-initial-counter var(--_transition-duration) ease-in-out;
3434
transition:
3535
--_progress-integer var(--_transition-duration) ease-in-out,
3636
--_progress-fraction var(--_transition-duration) ease-in-out;
3737
counter-reset:
3838
progress-integer var(--_progress-integer, 0)
3939
progress-fraction var(--_progress-fraction, 0);
40-
41-
&::before {
42-
@include type-style('subtitle-2');
43-
}
4440
}
4541

4642
[part~='counter']:not([part~='fraction'])::before {
@@ -58,7 +54,7 @@
5854
transform-origin: center;
5955

6056
&:not([part~='indeterminate']) [part~='fill'] {
61-
animation: initial-dashoffset var(--_transition-duration) linear;
57+
animation: igc-initial-dashoffset var(--_transition-duration) linear;
6258
stroke-dasharray: #{$circumference} #{$circumference};
6359
stroke-dashoffset: calc(#{$circumference} - var(--_progress-percentage) * #{$circumference});
6460
}
@@ -90,18 +86,18 @@
9086

9187
[part~='svg'][part~='indeterminate'] {
9288
transform-origin: 50% 50%;
93-
animation: 3s linear 0s infinite $animation-direction none running rotate-center;
89+
animation: 3s linear 0s infinite $animation-direction none running igc-rotate-center;
9490

9591
[part~='fill'] {
9692
stroke-dashoffset: calc(#{$circumference} * 2);
97-
animation: indeterminate-accordion 1.5s cubic-bezier(0, 0.085, 0.68, 0.53) $animation-direction infinite;
93+
animation: igc-indeterminate-accordion 1.5s cubic-bezier(0, 0.085, 0.68, 0.53) $animation-direction infinite;
9894
}
9995
}
10096

10197
:host(:dir(rtl)),
10298
:host([dir='rtl']) {
10399
[part~='svg'][part~='indeterminate'] [part~='fill'] {
104-
animation-name: indeterminate-accordion-rtl;
100+
animation-name: igc-indeterminate-accordion-rtl;
105101
}
106102

107103
[part~='indeterminate'] {
@@ -118,7 +114,7 @@
118114

119115
[part~='svg'] {
120116
&:not([part~='indeterminate']) [part~='fill'] {
121-
animation: initial-dashoffset-rtl var(--_transition-duration) linear;
117+
animation: igc-initial-dashoffset var(--_transition-duration) linear;
122118
stroke-dasharray: #{$circumference} #{$circumference};
123119
stroke-dashoffset: calc(#{$circumference} + var(--_progress-percentage) * #{$circumference});
124120
}

0 commit comments

Comments
 (0)