igniteui-angular 19.1.0-rc.0 → 19.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (46) hide show
  1. package/fesm2022/igniteui-angular.mjs +95 -15
  2. package/fesm2022/igniteui-angular.mjs.map +1 -1
  3. package/lib/checkbox/public_api.d.ts +1 -1
  4. package/lib/core/styles/components/combo/_combo-theme.scss +20 -3
  5. package/lib/core/styles/components/grid/_grid-theme.scss +2 -2
  6. package/lib/core/styles/components/input/_input-group-component.scss +18 -0
  7. package/lib/core/styles/components/input/_input-group-theme.scss +78 -1
  8. package/lib/core/styles/components/list/_list-component.scss +5 -0
  9. package/lib/core/styles/components/list/_list-theme.scss +91 -0
  10. package/lib/core/styles/components/progress/circular/_circular-component.scss +6 -0
  11. package/lib/core/styles/components/progress/circular/_circular-theme.scss +35 -15
  12. package/lib/core/styles/components/progress/linear/_linear-theme.scss +8 -17
  13. package/lib/core/styles/components/select/_select-theme.scss +12 -3
  14. package/lib/list/list-item.component.d.ts +19 -1
  15. package/lib/progressbar/progressbar.component.d.ts +30 -4
  16. package/migrations/migration-collection.json +5 -0
  17. package/migrations/update-19_1_1/changes/theme-changes.json +11 -0
  18. package/migrations/update-19_1_1/index.d.ts +3 -0
  19. package/migrations/update-19_1_1/index.js +18 -0
  20. package/package.json +3 -3
  21. package/styles/igniteui-angular-dark.css +1 -1
  22. package/styles/igniteui-angular.css +1 -1
  23. package/styles/igniteui-bootstrap-dark.css +1 -1
  24. package/styles/igniteui-bootstrap-light.css +1 -1
  25. package/styles/igniteui-dark-green.css +1 -1
  26. package/styles/igniteui-fluent-dark-excel.css +1 -1
  27. package/styles/igniteui-fluent-dark-word.css +1 -1
  28. package/styles/igniteui-fluent-dark.css +1 -1
  29. package/styles/igniteui-fluent-light-excel.css +1 -1
  30. package/styles/igniteui-fluent-light-word.css +1 -1
  31. package/styles/igniteui-fluent-light.css +1 -1
  32. package/styles/igniteui-indigo-dark.css +1 -1
  33. package/styles/igniteui-indigo-light.css +1 -1
  34. package/styles/maps/igniteui-angular-dark.css.map +1 -1
  35. package/styles/maps/igniteui-angular.css.map +1 -1
  36. package/styles/maps/igniteui-bootstrap-dark.css.map +1 -1
  37. package/styles/maps/igniteui-bootstrap-light.css.map +1 -1
  38. package/styles/maps/igniteui-dark-green.css.map +1 -1
  39. package/styles/maps/igniteui-fluent-dark-excel.css.map +1 -1
  40. package/styles/maps/igniteui-fluent-dark-word.css.map +1 -1
  41. package/styles/maps/igniteui-fluent-dark.css.map +1 -1
  42. package/styles/maps/igniteui-fluent-light-excel.css.map +1 -1
  43. package/styles/maps/igniteui-fluent-light-word.css.map +1 -1
  44. package/styles/maps/igniteui-fluent-light.css.map +1 -1
  45. package/styles/maps/igniteui-indigo-dark.css.map +1 -1
  46. package/styles/maps/igniteui-indigo-light.css.map +1 -1
@@ -94,6 +94,7 @@ export declare class IgxListItemComponent implements IListChild {
94
94
  */
95
95
  private lastPanDir;
96
96
  private _role;
97
+ private _selected;
97
98
  /**
98
99
  * Gets the `panState` of a `list item`.
99
100
  * ```typescript
@@ -189,6 +190,22 @@ export declare class IgxListItemComponent implements IListChild {
189
190
  */
190
191
  get role(): string;
191
192
  set role(val: string);
193
+ /**
194
+ * Sets/gets whether the `list item` is selected.
195
+ * Selection is only applied to non-header items.
196
+ * When selected, the CSS class 'igx-list__item-base--selected' is added to the item.
197
+ * ```html
198
+ * <igx-list-item [selected]="true">Selected Item</igx-list-item>
199
+ * ```
200
+ * ```typescript
201
+ * let isSelected = this.listItem.selected;
202
+ * this.listItem.selected = true;
203
+ * ```
204
+ *
205
+ * @memberof IgxListItemComponent
206
+ */
207
+ get selected(): boolean;
208
+ set selected(value: boolean);
192
209
  /**
193
210
  * Indicates whether `list item` should have header style.
194
211
  * ```typescript
@@ -265,7 +282,8 @@ export declare class IgxListItemComponent implements IListChild {
265
282
  */
266
283
  private resetPanPosition;
267
284
  static ɵfac: i0.ɵɵFactoryDeclaration<IgxListItemComponent, never>;
268
- static ɵcmp: i0.ɵɵComponentDeclaration<IgxListItemComponent, "igx-list-item", never, { "isHeader": { "alias": "isHeader"; "required": false; }; "hidden": { "alias": "hidden"; "required": false; }; "index": { "alias": "index"; "required": false; }; "role": { "alias": "role"; "required": false; }; }, {}, never, ["*", "[igxListThumbnail], igx-list__item-thumbnail, igx-avatar", "[igxListLine], .igx-list__item-lines, [igxListLineTitle], [igxListLineSubTitle], .igx-list__item-line-title, .igx-list__item-line-subtitle", "[igxListAction], .igx-list__item-actions"], true, never>;
285
+ static ɵcmp: i0.ɵɵComponentDeclaration<IgxListItemComponent, "igx-list-item", never, { "isHeader": { "alias": "isHeader"; "required": false; }; "hidden": { "alias": "hidden"; "required": false; }; "index": { "alias": "index"; "required": false; }; "role": { "alias": "role"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; }, {}, never, ["*", "[igxListThumbnail], igx-list__item-thumbnail, igx-avatar", "[igxListLine], .igx-list__item-lines, [igxListLineTitle], [igxListLineSubTitle], .igx-list__item-line-title, .igx-list__item-line-subtitle", "[igxListAction], .igx-list__item-actions"], true, never>;
269
286
  static ngAcceptInputType_isHeader: unknown;
270
287
  static ngAcceptInputType_hidden: unknown;
288
+ static ngAcceptInputType_selected: unknown;
271
289
  }
@@ -1,4 +1,4 @@
1
- import { EventEmitter, Renderer2, AfterViewInit, AfterContentInit, ChangeDetectorRef, NgZone } from '@angular/core';
1
+ import { EventEmitter, Renderer2, AfterContentInit, ChangeDetectorRef, NgZone } from '@angular/core';
2
2
  import { IgxProgressBarTextTemplateDirective, IgxProgressBarGradientDirective } from './progressbar.common';
3
3
  import { IBaseEventArgs } from '../core/utils';
4
4
  import * as i0 from "@angular/core";
@@ -295,7 +295,7 @@ export declare class IgxLinearProgressBarComponent extends BaseProgressDirective
295
295
  static ngAcceptInputType_textVisibility: unknown;
296
296
  static ngAcceptInputType_textTop: unknown;
297
297
  }
298
- export declare class IgxCircularProgressBarComponent extends BaseProgressDirective implements AfterViewInit, AfterContentInit {
298
+ export declare class IgxCircularProgressBarComponent extends BaseProgressDirective implements AfterContentInit {
299
299
  private renderer;
300
300
  /**
301
301
  * @hidden
@@ -343,9 +343,35 @@ export declare class IgxCircularProgressBarComponent extends BaseProgressDirecti
343
343
  */
344
344
  get textContent(): string;
345
345
  constructor(renderer: Renderer2);
346
+ /**
347
+ * Set type of the `IgxCircularProgressBarComponent`. Possible options - `default`, `success`, `info`, `warning`, and `error`.
348
+ * ```html
349
+ * <igx-circular-bar [type]="'error'"></igx-circular-bar>
350
+ * ```
351
+ */
352
+ type: string;
353
+ /**
354
+ * @hidden
355
+ */
356
+ get error(): boolean;
357
+ /**
358
+ * @hidden
359
+ */
360
+ get info(): boolean;
361
+ /**
362
+ * @hidden
363
+ */
364
+ get warning(): boolean;
365
+ /**
366
+ * @hidden
367
+ */
368
+ get success(): boolean;
369
+ /**
370
+ * @hidden
371
+ */
372
+ get strokeStyle(): string;
346
373
  ngAfterContentInit(): void;
347
- ngAfterViewInit(): void;
348
374
  static ɵfac: i0.ɵɵFactoryDeclaration<IgxCircularProgressBarComponent, never>;
349
- static ɵcmp: i0.ɵɵComponentDeclaration<IgxCircularProgressBarComponent, "igx-circular-bar", never, { "id": { "alias": "id"; "required": false; }; "textVisibility": { "alias": "textVisibility"; "required": false; }; }, {}, ["textTemplate", "gradientTemplate"], never, true, never>;
375
+ static ɵcmp: i0.ɵɵComponentDeclaration<IgxCircularProgressBarComponent, "igx-circular-bar", never, { "id": { "alias": "id"; "required": false; }; "textVisibility": { "alias": "textVisibility"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, ["textTemplate", "gradientTemplate"], never, true, never>;
350
376
  static ngAcceptInputType_textVisibility: unknown;
351
377
  }
@@ -211,6 +211,11 @@
211
211
  "version": "19.1.0",
212
212
  "description": "Updates Ignite UI for Angular from v18.2.3 to v19.1.0",
213
213
  "factory": "./update-19_1_0"
214
+ },
215
+ "migration-43": {
216
+ "version": "19.1.1",
217
+ "description": "Updates Ignite UI for Angular from v19.1.0 to v19.1.1",
218
+ "factory": "./update-19_1_1"
214
219
  }
215
220
  }
216
221
  }
@@ -0,0 +1,11 @@
1
+ {
2
+ "$schema": "../../common/schema/theme-changes.schema.json",
3
+ "changes": [
4
+ {
5
+ "name": "$progress-circle-color",
6
+ "replaceWith": "$fill-color-default",
7
+ "owner": "circular-theme",
8
+ "type": "property"
9
+ }
10
+ ]
11
+ }
@@ -0,0 +1,3 @@
1
+ import type { Rule } from '@angular-devkit/schematics';
2
+ declare const _default: () => Rule;
3
+ export default _default;
@@ -0,0 +1,18 @@
1
+ "use strict";
2
+ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
3
+ function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
4
+ return new (P || (P = Promise))(function (resolve, reject) {
5
+ function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
6
+ function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
7
+ function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
8
+ step((generator = generator.apply(thisArg, _arguments || [])).next());
9
+ });
10
+ };
11
+ Object.defineProperty(exports, "__esModule", { value: true });
12
+ const UpdateChanges_1 = require("../common/UpdateChanges");
13
+ const version = '19.1.1';
14
+ exports.default = () => (host, context) => __awaiter(void 0, void 0, void 0, function* () {
15
+ context.logger.info(`Applying migration for Ignite UI for Angular to version ${version}`);
16
+ const update = new UpdateChanges_1.UpdateChanges(__dirname, host, context);
17
+ update.applyChanges();
18
+ });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "igniteui-angular",
3
- "version": "19.1.0-rc.0",
3
+ "version": "19.1.1",
4
4
  "description": "Ignite UI for Angular is a dependency-free Angular toolkit for building modern web apps",
5
5
  "author": "Infragistics",
6
6
  "license": "SEE LICENSE IN LICENSE",
@@ -73,7 +73,7 @@
73
73
  "tslib": "^2.3.0",
74
74
  "igniteui-trial-watermark": "^3.0.2",
75
75
  "lodash-es": "^4.17.21",
76
- "igniteui-theming": "^15.0.0",
76
+ "igniteui-theming": "^16.0.0",
77
77
  "@igniteui/material-icons-extended": "^3.1.0"
78
78
  },
79
79
  "peerDependencies": {
@@ -93,7 +93,7 @@
93
93
  }
94
94
  },
95
95
  "igxDevDependencies": {
96
- "@igniteui/angular-schematics": "~19.0.1430"
96
+ "@igniteui/angular-schematics": "~19.1.14315"
97
97
  },
98
98
  "ng-update": {
99
99
  "migrations": "./migrations/migration-collection.json",