igniteui-angular 22.0.0-rc.1 → 22.0.0

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 (100) hide show
  1. package/fesm2022/igniteui-angular-accordion.mjs +1 -1
  2. package/fesm2022/igniteui-angular-accordion.mjs.map +1 -1
  3. package/fesm2022/igniteui-angular-action-strip.mjs +1 -1
  4. package/fesm2022/igniteui-angular-action-strip.mjs.map +1 -1
  5. package/fesm2022/igniteui-angular-button-group.mjs +1 -1
  6. package/fesm2022/igniteui-angular-button-group.mjs.map +1 -1
  7. package/fesm2022/igniteui-angular-calendar.mjs +1 -1
  8. package/fesm2022/igniteui-angular-calendar.mjs.map +1 -1
  9. package/fesm2022/igniteui-angular-card.mjs +6 -6
  10. package/fesm2022/igniteui-angular-card.mjs.map +1 -1
  11. package/fesm2022/igniteui-angular-carousel.mjs +6 -6
  12. package/fesm2022/igniteui-angular-carousel.mjs.map +1 -1
  13. package/fesm2022/igniteui-angular-chips.mjs +34 -34
  14. package/fesm2022/igniteui-angular-chips.mjs.map +1 -1
  15. package/fesm2022/igniteui-angular-core.mjs +6 -6
  16. package/fesm2022/igniteui-angular-core.mjs.map +1 -1
  17. package/fesm2022/igniteui-angular-date-picker.mjs +2 -2
  18. package/fesm2022/igniteui-angular-date-picker.mjs.map +1 -1
  19. package/fesm2022/igniteui-angular-directives.mjs +12 -12
  20. package/fesm2022/igniteui-angular-directives.mjs.map +1 -1
  21. package/fesm2022/igniteui-angular-drop-down.mjs +5 -5
  22. package/fesm2022/igniteui-angular-drop-down.mjs.map +1 -1
  23. package/fesm2022/igniteui-angular-grids-core.mjs +35 -23
  24. package/fesm2022/igniteui-angular-grids-core.mjs.map +1 -1
  25. package/fesm2022/igniteui-angular-grids-grid.mjs +51 -51
  26. package/fesm2022/igniteui-angular-grids-grid.mjs.map +1 -1
  27. package/fesm2022/igniteui-angular-grids-hierarchical-grid.mjs +7 -7
  28. package/fesm2022/igniteui-angular-grids-hierarchical-grid.mjs.map +1 -1
  29. package/fesm2022/igniteui-angular-grids-tree-grid.mjs +5 -5
  30. package/fesm2022/igniteui-angular-grids-tree-grid.mjs.map +1 -1
  31. package/fesm2022/igniteui-angular-icon.mjs +4 -4
  32. package/fesm2022/igniteui-angular-icon.mjs.map +1 -1
  33. package/fesm2022/igniteui-angular-input-group.mjs +18 -18
  34. package/fesm2022/igniteui-angular-input-group.mjs.map +1 -1
  35. package/fesm2022/igniteui-angular-list.mjs +5 -5
  36. package/fesm2022/igniteui-angular-list.mjs.map +1 -1
  37. package/fesm2022/igniteui-angular-navbar.mjs +5 -5
  38. package/fesm2022/igniteui-angular-navbar.mjs.map +1 -1
  39. package/fesm2022/igniteui-angular-paginator.mjs +2 -2
  40. package/fesm2022/igniteui-angular-paginator.mjs.map +1 -1
  41. package/fesm2022/igniteui-angular-progressbar.mjs +7 -7
  42. package/fesm2022/igniteui-angular-progressbar.mjs.map +1 -1
  43. package/fesm2022/igniteui-angular-query-builder.mjs +2 -2
  44. package/fesm2022/igniteui-angular-query-builder.mjs.map +1 -1
  45. package/fesm2022/igniteui-angular-radio.mjs +5 -5
  46. package/fesm2022/igniteui-angular-radio.mjs.map +1 -1
  47. package/fesm2022/igniteui-angular-select.mjs +217 -209
  48. package/fesm2022/igniteui-angular-select.mjs.map +1 -1
  49. package/fesm2022/igniteui-angular-slider.mjs +17 -17
  50. package/fesm2022/igniteui-angular-slider.mjs.map +1 -1
  51. package/fesm2022/igniteui-angular-snackbar.mjs +1 -1
  52. package/fesm2022/igniteui-angular-snackbar.mjs.map +1 -1
  53. package/fesm2022/igniteui-angular-splitter.mjs +2 -2
  54. package/fesm2022/igniteui-angular-splitter.mjs.map +1 -1
  55. package/fesm2022/igniteui-angular-stepper.mjs +2 -2
  56. package/fesm2022/igniteui-angular-stepper.mjs.map +1 -1
  57. package/fesm2022/igniteui-angular-time-picker.mjs +1 -1
  58. package/fesm2022/igniteui-angular-time-picker.mjs.map +1 -1
  59. package/fesm2022/igniteui-angular-tree.mjs +1 -1
  60. package/fesm2022/igniteui-angular-tree.mjs.map +1 -1
  61. package/input-group/README.md +1 -1
  62. package/migrations/migration-collection.json +5 -0
  63. package/migrations/update-22_0_0/index.d.ts +3 -0
  64. package/migrations/update-22_0_0/index.js +86 -0
  65. package/migrations/update-22_0_0/index.spec.d.ts +1 -0
  66. package/migrations/update-22_0_0/index.spec.js +116 -0
  67. package/package.json +2 -2
  68. package/skills/igniteui-angular-grids/references/sizing.md +1 -0
  69. package/skills/igniteui-angular-grids/references/structure.md +1 -0
  70. package/skills/igniteui-angular-grids/references/types.md +2 -1
  71. package/types/igniteui-angular-accordion.d.ts +3 -3
  72. package/types/igniteui-angular-action-strip.d.ts +1 -1
  73. package/types/igniteui-angular-button-group.d.ts +1 -1
  74. package/types/igniteui-angular-calendar.d.ts +1 -1
  75. package/types/igniteui-angular-card.d.ts +6 -6
  76. package/types/igniteui-angular-carousel.d.ts +6 -6
  77. package/types/igniteui-angular-chips.d.ts +38 -38
  78. package/types/igniteui-angular-core.d.ts +9 -9
  79. package/types/igniteui-angular-date-picker.d.ts +4 -4
  80. package/types/igniteui-angular-directives.d.ts +15 -15
  81. package/types/igniteui-angular-drop-down.d.ts +6 -6
  82. package/types/igniteui-angular-grids-core.d.ts +31 -29
  83. package/types/igniteui-angular-grids-grid.d.ts +51 -51
  84. package/types/igniteui-angular-grids-hierarchical-grid.d.ts +7 -7
  85. package/types/igniteui-angular-grids-tree-grid.d.ts +7 -7
  86. package/types/igniteui-angular-icon.d.ts +4 -4
  87. package/types/igniteui-angular-input-group.d.ts +17 -17
  88. package/types/igniteui-angular-list.d.ts +7 -7
  89. package/types/igniteui-angular-navbar.d.ts +7 -7
  90. package/types/igniteui-angular-paginator.d.ts +2 -2
  91. package/types/igniteui-angular-progressbar.d.ts +7 -7
  92. package/types/igniteui-angular-query-builder.d.ts +3 -3
  93. package/types/igniteui-angular-radio.d.ts +5 -5
  94. package/types/igniteui-angular-select.d.ts +91 -7
  95. package/types/igniteui-angular-slider.d.ts +17 -17
  96. package/types/igniteui-angular-snackbar.d.ts +1 -1
  97. package/types/igniteui-angular-splitter.d.ts +3 -3
  98. package/types/igniteui-angular-stepper.d.ts +2 -2
  99. package/types/igniteui-angular-time-picker.d.ts +1 -1
  100. package/types/igniteui-angular-tree.d.ts +2 -2
@@ -3,7 +3,7 @@ import { HostBinding, Input, Directive, booleanAttribute, ChangeDetectionStrateg
3
3
 
4
4
  let NEXT_ID = 0;
5
5
  /**
6
- * IgxCardMedia is container for the card media section.
6
+ * Card media is container for the card media section.
7
7
  * Use it to wrap images and videos.
8
8
  */
9
9
  class IgxCardMediaDirective {
@@ -68,7 +68,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImpor
68
68
  type: Input
69
69
  }] } });
70
70
  /**
71
- * IgxCardHeader is container for the card header
71
+ * Card header is container for the card header
72
72
  */
73
73
  class IgxCardHeaderComponent {
74
74
  constructor() {
@@ -102,7 +102,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImpor
102
102
  args: [{ transform: booleanAttribute }]
103
103
  }] } });
104
104
  /**
105
- * IgxCardThumbnail is container for the card thumbnail section.
105
+ * Card thumbnail is container for the card thumbnail section.
106
106
  * Use it to wrap anything you want to be used as a thumbnail.
107
107
  */
108
108
  class IgxCardThumbnailDirective {
@@ -161,7 +161,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImpor
161
161
  args: ['class.igx-card-header__subtitle']
162
162
  }] } });
163
163
  /**
164
- * IgxCardContent is container for the card content.
164
+ * Card content is container for the card content.
165
165
  */
166
166
  class IgxCardContentDirective {
167
167
  constructor() {
@@ -183,7 +183,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImpor
183
183
  args: ['class.igx-card-content']
184
184
  }] } });
185
185
  /**
186
- * IgxCardFooter is container for the card footer
186
+ * Card footer is container for the card footer
187
187
  */
188
188
  class IgxCardFooterDirective {
189
189
  constructor() {
@@ -337,7 +337,7 @@ const IgxCardActionsLayout = {
337
337
  JUSTIFY: 'justify'
338
338
  };
339
339
  /**
340
- * IgxCardActions is container for the card actions.
340
+ * Card actions is container for the card actions.
341
341
  */
342
342
  class IgxCardActionsComponent {
343
343
  constructor() {
@@ -1 +1 @@
1
- {"version":3,"file":"igniteui-angular-card.mjs","sources":["../../../projects/igniteui-angular/card/src/card/card.component.ts","../../../projects/igniteui-angular/card/src/card/card-header.component.html","../../../projects/igniteui-angular/card/src/card/card.component.html","../../../projects/igniteui-angular/card/src/card/card-actions.component.html","../../../projects/igniteui-angular/card/src/card/public_api.ts","../../../projects/igniteui-angular/card/src/card/card.module.ts","../../../projects/igniteui-angular/card/src/igniteui-angular-card.ts"],"sourcesContent":["import { Component, Directive, HostBinding, Input, OnInit, OnChanges, SimpleChanges, booleanAttribute, inject, ChangeDetectionStrategy } from '@angular/core';\n\nlet NEXT_ID = 0;\n\n/**\n * IgxCardMedia is container for the card media section.\n * Use it to wrap images and videos.\n */\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: 'igx-card-media',\n standalone: true\n})\nexport class IgxCardMediaDirective {\n /** @hidden @internal */\n @HostBinding('class.igx-card__media')\n public cssClass = 'igx-card__media';\n\n /**\n * Sets the `width` and `min-width` style property\n * of the media container. If not provided it will be set to `auto`.\n *\n * @example\n * ```html\n * <igx-card-media width=\"300px\"></igx-card-media>\n * ```\n */\n @HostBinding('style.width')\n @HostBinding('style.min-width')\n @Input()\n public width = 'auto';\n\n /**\n * Sets the `height` style property of the media container.\n * If not provided it will be set to `auto`.\n *\n * @example\n * ```html\n * <igx-card-media height=\"50%\"></igx-card-media>\n * ```\n */\n @HostBinding('style.height')\n @Input()\n public height = 'auto';\n\n /**\n * Sets the `role` attribute of the media container.\n */\n @HostBinding('attr.role')\n @Input()\n public role = 'img';\n}\n\n/**\n * IgxCardHeader is container for the card header\n */\n@Component({\n selector: 'igx-card-header',\n templateUrl: 'card-header.component.html',\n changeDetection: ChangeDetectionStrategy.Eager,\n standalone: true\n})\nexport class IgxCardHeaderComponent {\n /** @hidden @internal */\n @HostBinding('class.igx-card-header')\n public cssClass = 'igx-card-header';\n\n /**\n * Sets the layout style of the header.\n * By default the header elements(thumbnail and title/subtitle) are aligned horizontally.\n *\n * @example\n * ```html\n * <igx-card-header [vertical]=\"true\"></igx-card-header>\n * ```\n */\n @HostBinding('class.igx-card-header--vertical')\n @Input({ transform: booleanAttribute })\n public vertical = false;\n}\n\n/**\n * IgxCardThumbnail is container for the card thumbnail section.\n * Use it to wrap anything you want to be used as a thumbnail.\n */\n@Directive({\n selector: '[igxCardThumbnail]',\n standalone: true\n})\nexport class IgxCardThumbnailDirective { }\n\n/**\n * igxCardHeaderTitle is used to denote the header title in a card.\n * Use it to tag text nodes.\n */\n@Directive({\n selector: '[igxCardHeaderTitle]',\n standalone: true\n})\nexport class IgxCardHeaderTitleDirective {\n /** @hidden @internal */\n @HostBinding('class.igx-card-header__title')\n public cssClass = 'igx-card__header__title';\n}\n\n/**\n * igxCardHeaderSubtitle is used to denote the header subtitle in a card.\n * Use it to tag text nodes.\n */\n@Directive({\n selector: '[igxCardHeaderSubtitle]',\n standalone: true\n})\nexport class IgxCardHeaderSubtitleDirective {\n /** @hidden @internal */\n @HostBinding('class.igx-card-header__subtitle')\n public cssClass = 'igx-card-header__subtitle';\n}\n/**\n * IgxCardContent is container for the card content.\n */\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: 'igx-card-content',\n standalone: true\n})\nexport class IgxCardContentDirective {\n /** @hidden @internal */\n @HostBinding('class.igx-card-content')\n public cssClass = 'igx-card-content';\n}\n\n/**\n * IgxCardFooter is container for the card footer\n */\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: 'igx-card-footer',\n standalone: true\n})\nexport class IgxCardFooterDirective {\n /**\n * Sets the value of the `role` attribute of the card footer.\n * By default the value is set to `footer`.\n *\n * @example\n * ```html\n * <igx-card-footer role=\"footer\"></igx-card-footer>\n * ```\n */\n @HostBinding('attr.role')\n @Input()\n public role = 'footer';\n}\n\n/**\n * Card provides a way to display organized content in appealing way.\n *\n * @igxModule IgxCardModule\n *\n * @igxTheme igx-card-theme, igx-icon-theme, igx-button-theme\n *\n * @igxKeywords card, button, avatar, icon\n *\n * @igxGroup Layouts\n *\n * @remarks\n * The Ignite UI Card serves as a container that allows custom content to be organized in an appealing way. There are\n * five sections in a card that you can use to organize your content. These are header, media, content, actions, and footer.\n *\n * @example\n * ```html\n * <igx-card>\n * <igx-card-header>\n * <h3 igxCardHeaderTitle>{{title}}</h3>\n * <h5 igxCardHeaderSubtitle>{{subtitle}}</h5>\n * </igx-card-header>\n * <igx-card-actions>\n * <button type=\"button\" igxButton igxRipple>Share</button>\n * <button type=\"button\" igxButton igxRipple>Play Album</button>\n * </igx-card-actions>\n * </igx-card>\n * ```\n */\n\n@Component({\n selector: 'igx-card',\n templateUrl: 'card.component.html',\n changeDetection: ChangeDetectionStrategy.Eager,\n standalone: true\n})\nexport class IgxCardComponent {\n /**\n * Sets/gets the `id` of the card.\n * If not set, `id` will have value `\"igx-card-0\"`;\n *\n * @example\n * ```html\n * <igx-card id=\"my-first-card\"></igx-card>\n * ```\n * ```typescript\n * let cardId = this.card.id;\n * ```\n */\n @HostBinding('attr.id')\n @Input()\n public id = `igx-card-${NEXT_ID++}`;\n\n /**\n * Sets the `igx-card` css class to the card component.\n *\n * @hidden\n * @internal\n */\n @HostBinding('class.igx-card')\n public cssClass = 'igx-card';\n\n /**\n * Sets the value of the `role` attribute of the card.\n * By default the value is set to `group`.\n *\n * @example\n * ```html\n * <igx-card role=\"group\"></igx-card>\n * ```\n */\n @HostBinding('attr.role')\n @Input()\n public role = 'group';\n\n /**\n * Sets/gets whether the card is elevated.\n * Default value is `false`.\n *\n * @example\n * ```html\n * <igx-card elevated></igx-card>\n * ```\n * ```typescript\n * let cardElevation = this.card.elevated;\n * ```\n */\n @Input({transform: booleanAttribute})\n @HostBinding('class.igx-card--elevated')\n public elevated = false;\n\n /**\n * Sets the value of the `horizontal` attribute of the card.\n * Setting this to `true` will make the different card sections align horizontally,\n * essentially flipping the card to the side.\n *\n * @example\n * ```html\n * <igx-card [horizontal]=\"true\"></igx-card>\n * ```\n */\n @HostBinding('class.igx-card--horizontal')\n @Input({ transform: booleanAttribute })\n public horizontal = false;\n}\n\nexport const IgxCardActionsLayout = {\n START: 'start',\n JUSTIFY: 'justify'\n} as const;\nexport type IgxCardActionsLayout = (typeof IgxCardActionsLayout)[keyof typeof IgxCardActionsLayout];\n\n/**\n * IgxCardActions is container for the card actions.\n */\n@Component({\n selector: 'igx-card-actions',\n templateUrl: 'card-actions.component.html',\n changeDetection: ChangeDetectionStrategy.Eager,\n standalone: true\n})\nexport class IgxCardActionsComponent implements OnInit, OnChanges {\n public card = inject<IgxCardComponent>(IgxCardComponent, { optional: true });\n\n /**\n * Sets the layout style of the actions.\n * You can justify the elements slotted in the igx-card-action container\n * so that they are positioned equally from one another taking up all the\n * space available along the card actions axis.\n *\n * @example\n * ```html\n * <igx-card-actions layout=\"justify\"></igx-card-actions>\n * ```\n */\n @HostBinding('class.igx-card-actions')\n @Input()\n public layout: IgxCardActionsLayout | string = IgxCardActionsLayout.START;\n\n /**\n * Sets the vertical attribute of the actions.\n * When set to `true` the actions will be layed out vertically.\n */\n @HostBinding('class.igx-card-actions--vertical')\n @Input({ transform: booleanAttribute })\n public vertical = false;\n\n /**\n * A getter that returns `true` when the layout has been\n * set to `justify`.\n */\n @HostBinding('class.igx-card-actions--justify')\n public get isJustifyLayout() {\n return this.layout === IgxCardActionsLayout.JUSTIFY;\n }\n\n private isVerticalSet = false;\n\n /**\n * @hidden\n * @internal\n */\n public ngOnChanges(changes: SimpleChanges) {\n for (const prop in changes) {\n if (prop === 'vertical') {\n this.isVerticalSet = true;\n }\n }\n }\n\n /**\n * @hidden\n * @internal\n */\n public ngOnInit() {\n if (!this.isVerticalSet && this.card.horizontal) {\n this.vertical = true;\n }\n }\n}\n","<div class=\"igx-card-header__thumbnail\">\n <ng-content select=\"igx-avatar, igx-card-media, [igxCardThumbnail]\"></ng-content>\n</div>\n\n<div class=\"igx-card-header__titles\">\n <ng-content select=\"\n [igxCardHeaderTitle],\n [igxCardHeaderSubtitle],\n .igx-card-header__title,\n .igx-card-header__title--small,\n .igx-card-header__subtitle\">\n </ng-content>\n</div>\n\n<ng-content></ng-content>\n","<ng-content></ng-content>\n","<div #buttons class=\"igx-card-actions__start\">\n <ng-content select=\"[igxStart], [igxButton]:not([igxEnd])\"></ng-content>\n</div>\n\n<ng-content></ng-content>\n\n<div class=\"igx-card-actions__end\">\n <ng-content select=\"[igxEnd], [igxIconButton]:not([igxStart]), igx-icon:not([igxStart])\"></ng-content>\n</div>\n","import {\n IgxCardActionsComponent,\n IgxCardComponent,\n IgxCardContentDirective,\n IgxCardFooterDirective,\n IgxCardHeaderComponent,\n IgxCardHeaderSubtitleDirective,\n IgxCardHeaderTitleDirective,\n IgxCardMediaDirective,\n IgxCardThumbnailDirective\n} from './card.component';\n\nexport * from './card.component';\n\n/* NOTE: Card directives collection for ease-of-use import in standalone components scenario */\nexport const IGX_CARD_DIRECTIVES = [\n IgxCardComponent,\n IgxCardHeaderComponent,\n IgxCardMediaDirective,\n IgxCardContentDirective,\n IgxCardActionsComponent,\n IgxCardFooterDirective,\n IgxCardHeaderTitleDirective,\n IgxCardHeaderSubtitleDirective,\n IgxCardThumbnailDirective\n] as const;\n","import { NgModule } from '@angular/core';\nimport { IGX_CARD_DIRECTIVES } from './public_api';\n\n/**\n * @hidden\n * IMPORTANT: The following is NgModule exported for backwards-compatibility before standalone components\n */\n@NgModule({\n imports: [\n ...IGX_CARD_DIRECTIVES\n ],\n exports: [\n ...IGX_CARD_DIRECTIVES\n ]\n})\nexport class IgxCardModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["i1.IgxCardComponent","i1.IgxCardHeaderComponent","i1.IgxCardMediaDirective","i1.IgxCardContentDirective","i1.IgxCardActionsComponent","i1.IgxCardFooterDirective","i1.IgxCardHeaderTitleDirective","i1.IgxCardHeaderSubtitleDirective","i1.IgxCardThumbnailDirective"],"mappings":"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"}
1
+ {"version":3,"file":"igniteui-angular-card.mjs","sources":["../../../projects/igniteui-angular/card/src/card/card.component.ts","../../../projects/igniteui-angular/card/src/card/card-header.component.html","../../../projects/igniteui-angular/card/src/card/card.component.html","../../../projects/igniteui-angular/card/src/card/card-actions.component.html","../../../projects/igniteui-angular/card/src/card/public_api.ts","../../../projects/igniteui-angular/card/src/card/card.module.ts","../../../projects/igniteui-angular/card/src/igniteui-angular-card.ts"],"sourcesContent":["import { Component, Directive, HostBinding, Input, OnInit, OnChanges, SimpleChanges, booleanAttribute, inject, ChangeDetectionStrategy } from '@angular/core';\n\nlet NEXT_ID = 0;\n\n/**\n * Card media is container for the card media section.\n * Use it to wrap images and videos.\n */\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: 'igx-card-media',\n standalone: true\n})\nexport class IgxCardMediaDirective {\n /** @hidden @internal */\n @HostBinding('class.igx-card__media')\n public cssClass = 'igx-card__media';\n\n /**\n * Sets the `width` and `min-width` style property\n * of the media container. If not provided it will be set to `auto`.\n *\n * @example\n * ```html\n * <igx-card-media width=\"300px\"></igx-card-media>\n * ```\n */\n @HostBinding('style.width')\n @HostBinding('style.min-width')\n @Input()\n public width = 'auto';\n\n /**\n * Sets the `height` style property of the media container.\n * If not provided it will be set to `auto`.\n *\n * @example\n * ```html\n * <igx-card-media height=\"50%\"></igx-card-media>\n * ```\n */\n @HostBinding('style.height')\n @Input()\n public height = 'auto';\n\n /**\n * Sets the `role` attribute of the media container.\n */\n @HostBinding('attr.role')\n @Input()\n public role = 'img';\n}\n\n/**\n * Card header is container for the card header\n */\n@Component({\n selector: 'igx-card-header',\n templateUrl: 'card-header.component.html',\n changeDetection: ChangeDetectionStrategy.Eager,\n standalone: true\n})\nexport class IgxCardHeaderComponent {\n /** @hidden @internal */\n @HostBinding('class.igx-card-header')\n public cssClass = 'igx-card-header';\n\n /**\n * Sets the layout style of the header.\n * By default the header elements(thumbnail and title/subtitle) are aligned horizontally.\n *\n * @example\n * ```html\n * <igx-card-header [vertical]=\"true\"></igx-card-header>\n * ```\n */\n @HostBinding('class.igx-card-header--vertical')\n @Input({ transform: booleanAttribute })\n public vertical = false;\n}\n\n/**\n * Card thumbnail is container for the card thumbnail section.\n * Use it to wrap anything you want to be used as a thumbnail.\n */\n@Directive({\n selector: '[igxCardThumbnail]',\n standalone: true\n})\nexport class IgxCardThumbnailDirective { }\n\n/**\n * igxCardHeaderTitle is used to denote the header title in a card.\n * Use it to tag text nodes.\n */\n@Directive({\n selector: '[igxCardHeaderTitle]',\n standalone: true\n})\nexport class IgxCardHeaderTitleDirective {\n /** @hidden @internal */\n @HostBinding('class.igx-card-header__title')\n public cssClass = 'igx-card__header__title';\n}\n\n/**\n * igxCardHeaderSubtitle is used to denote the header subtitle in a card.\n * Use it to tag text nodes.\n */\n@Directive({\n selector: '[igxCardHeaderSubtitle]',\n standalone: true\n})\nexport class IgxCardHeaderSubtitleDirective {\n /** @hidden @internal */\n @HostBinding('class.igx-card-header__subtitle')\n public cssClass = 'igx-card-header__subtitle';\n}\n/**\n * Card content is container for the card content.\n */\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: 'igx-card-content',\n standalone: true\n})\nexport class IgxCardContentDirective {\n /** @hidden @internal */\n @HostBinding('class.igx-card-content')\n public cssClass = 'igx-card-content';\n}\n\n/**\n * Card footer is container for the card footer\n */\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: 'igx-card-footer',\n standalone: true\n})\nexport class IgxCardFooterDirective {\n /**\n * Sets the value of the `role` attribute of the card footer.\n * By default the value is set to `footer`.\n *\n * @example\n * ```html\n * <igx-card-footer role=\"footer\"></igx-card-footer>\n * ```\n */\n @HostBinding('attr.role')\n @Input()\n public role = 'footer';\n}\n\n/**\n * Card provides a way to display organized content in appealing way.\n *\n * @igxModule IgxCardModule\n *\n * @igxTheme igx-card-theme, igx-icon-theme, igx-button-theme\n *\n * @igxKeywords card, button, avatar, icon\n *\n * @igxGroup Layouts\n *\n * @remarks\n * The Ignite UI Card serves as a container that allows custom content to be organized in an appealing way. There are\n * five sections in a card that you can use to organize your content. These are header, media, content, actions, and footer.\n *\n * @example\n * ```html\n * <igx-card>\n * <igx-card-header>\n * <h3 igxCardHeaderTitle>{{title}}</h3>\n * <h5 igxCardHeaderSubtitle>{{subtitle}}</h5>\n * </igx-card-header>\n * <igx-card-actions>\n * <button type=\"button\" igxButton igxRipple>Share</button>\n * <button type=\"button\" igxButton igxRipple>Play Album</button>\n * </igx-card-actions>\n * </igx-card>\n * ```\n */\n\n@Component({\n selector: 'igx-card',\n templateUrl: 'card.component.html',\n changeDetection: ChangeDetectionStrategy.Eager,\n standalone: true\n})\nexport class IgxCardComponent {\n /**\n * Sets/gets the `id` of the card.\n * If not set, `id` will have value `\"igx-card-0\"`;\n *\n * @example\n * ```html\n * <igx-card id=\"my-first-card\"></igx-card>\n * ```\n * ```typescript\n * let cardId = this.card.id;\n * ```\n */\n @HostBinding('attr.id')\n @Input()\n public id = `igx-card-${NEXT_ID++}`;\n\n /**\n * Sets the `igx-card` css class to the card component.\n *\n * @hidden\n * @internal\n */\n @HostBinding('class.igx-card')\n public cssClass = 'igx-card';\n\n /**\n * Sets the value of the `role` attribute of the card.\n * By default the value is set to `group`.\n *\n * @example\n * ```html\n * <igx-card role=\"group\"></igx-card>\n * ```\n */\n @HostBinding('attr.role')\n @Input()\n public role = 'group';\n\n /**\n * Sets/gets whether the card is elevated.\n * Default value is `false`.\n *\n * @example\n * ```html\n * <igx-card elevated></igx-card>\n * ```\n * ```typescript\n * let cardElevation = this.card.elevated;\n * ```\n */\n @Input({transform: booleanAttribute})\n @HostBinding('class.igx-card--elevated')\n public elevated = false;\n\n /**\n * Sets the value of the `horizontal` attribute of the card.\n * Setting this to `true` will make the different card sections align horizontally,\n * essentially flipping the card to the side.\n *\n * @example\n * ```html\n * <igx-card [horizontal]=\"true\"></igx-card>\n * ```\n */\n @HostBinding('class.igx-card--horizontal')\n @Input({ transform: booleanAttribute })\n public horizontal = false;\n}\n\nexport const IgxCardActionsLayout = {\n START: 'start',\n JUSTIFY: 'justify'\n} as const;\nexport type IgxCardActionsLayout = (typeof IgxCardActionsLayout)[keyof typeof IgxCardActionsLayout];\n\n/**\n * Card actions is container for the card actions.\n */\n@Component({\n selector: 'igx-card-actions',\n templateUrl: 'card-actions.component.html',\n changeDetection: ChangeDetectionStrategy.Eager,\n standalone: true\n})\nexport class IgxCardActionsComponent implements OnInit, OnChanges {\n public card = inject<IgxCardComponent>(IgxCardComponent, { optional: true });\n\n /**\n * Sets the layout style of the actions.\n * You can justify the elements slotted in the igx-card-action container\n * so that they are positioned equally from one another taking up all the\n * space available along the card actions axis.\n *\n * @example\n * ```html\n * <igx-card-actions layout=\"justify\"></igx-card-actions>\n * ```\n */\n @HostBinding('class.igx-card-actions')\n @Input()\n public layout: IgxCardActionsLayout | string = IgxCardActionsLayout.START;\n\n /**\n * Sets the vertical attribute of the actions.\n * When set to `true` the actions will be layed out vertically.\n */\n @HostBinding('class.igx-card-actions--vertical')\n @Input({ transform: booleanAttribute })\n public vertical = false;\n\n /**\n * A getter that returns `true` when the layout has been\n * set to `justify`.\n */\n @HostBinding('class.igx-card-actions--justify')\n public get isJustifyLayout() {\n return this.layout === IgxCardActionsLayout.JUSTIFY;\n }\n\n private isVerticalSet = false;\n\n /**\n * @hidden\n * @internal\n */\n public ngOnChanges(changes: SimpleChanges) {\n for (const prop in changes) {\n if (prop === 'vertical') {\n this.isVerticalSet = true;\n }\n }\n }\n\n /**\n * @hidden\n * @internal\n */\n public ngOnInit() {\n if (!this.isVerticalSet && this.card.horizontal) {\n this.vertical = true;\n }\n }\n}\n","<div class=\"igx-card-header__thumbnail\">\n <ng-content select=\"igx-avatar, igx-card-media, [igxCardThumbnail]\"></ng-content>\n</div>\n\n<div class=\"igx-card-header__titles\">\n <ng-content select=\"\n [igxCardHeaderTitle],\n [igxCardHeaderSubtitle],\n .igx-card-header__title,\n .igx-card-header__title--small,\n .igx-card-header__subtitle\">\n </ng-content>\n</div>\n\n<ng-content></ng-content>\n","<ng-content></ng-content>\n","<div #buttons class=\"igx-card-actions__start\">\n <ng-content select=\"[igxStart], [igxButton]:not([igxEnd])\"></ng-content>\n</div>\n\n<ng-content></ng-content>\n\n<div class=\"igx-card-actions__end\">\n <ng-content select=\"[igxEnd], [igxIconButton]:not([igxStart]), igx-icon:not([igxStart])\"></ng-content>\n</div>\n","import {\n IgxCardActionsComponent,\n IgxCardComponent,\n IgxCardContentDirective,\n IgxCardFooterDirective,\n IgxCardHeaderComponent,\n IgxCardHeaderSubtitleDirective,\n IgxCardHeaderTitleDirective,\n IgxCardMediaDirective,\n IgxCardThumbnailDirective\n} from './card.component';\n\nexport * from './card.component';\n\n/* NOTE: Card directives collection for ease-of-use import in standalone components scenario */\nexport const IGX_CARD_DIRECTIVES = [\n IgxCardComponent,\n IgxCardHeaderComponent,\n IgxCardMediaDirective,\n IgxCardContentDirective,\n IgxCardActionsComponent,\n IgxCardFooterDirective,\n IgxCardHeaderTitleDirective,\n IgxCardHeaderSubtitleDirective,\n IgxCardThumbnailDirective\n] as const;\n","import { NgModule } from '@angular/core';\nimport { IGX_CARD_DIRECTIVES } from './public_api';\n\n/**\n * @hidden\n * IMPORTANT: The following is NgModule exported for backwards-compatibility before standalone components\n */\n@NgModule({\n imports: [\n ...IGX_CARD_DIRECTIVES\n ],\n exports: [\n ...IGX_CARD_DIRECTIVES\n ]\n})\nexport class IgxCardModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["i1.IgxCardComponent","i1.IgxCardHeaderComponent","i1.IgxCardMediaDirective","i1.IgxCardContentDirective","i1.IgxCardActionsComponent","i1.IgxCardFooterDirective","i1.IgxCardHeaderTitleDirective","i1.IgxCardHeaderSubtitleDirective","i1.IgxCardThumbnailDirective"],"mappings":"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"}
@@ -223,7 +223,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImpor
223
223
 
224
224
  /**
225
225
  * A slide component that usually holds an image and/or a caption text.
226
- * IgxSlideComponent is usually a child component of an IgxCarouselComponent.
226
+ * Slide is usually a child component of a carousel.
227
227
  *
228
228
  * ```
229
229
  * <igx-slide [input bindings] >
@@ -731,7 +731,7 @@ class IgxCarouselComponent extends IgxCarouselComponentBase {
731
731
  this.prevButtonTemplate = null;
732
732
  /**
733
733
  * An event that is emitted after a slide transition has happened.
734
- * Provides references to the `IgxCarouselComponent` and `IgxSlideComponent` as event arguments.
734
+ * Provides references to the carousel and slide components as event arguments.
735
735
  * ```html
736
736
  * <igx-carousel (slideChanged)="slideChanged($event)"></igx-carousel>
737
737
  * ```
@@ -741,7 +741,7 @@ class IgxCarouselComponent extends IgxCarouselComponentBase {
741
741
  this.slideChanged = new EventEmitter();
742
742
  /**
743
743
  * An event that is emitted after a slide has been added to the carousel.
744
- * Provides references to the `IgxCarouselComponent` and `IgxSlideComponent` as event arguments.
744
+ * Provides references to the carousel and slide components as event arguments.
745
745
  * ```html
746
746
  * <igx-carousel (slideAdded)="slideAdded($event)"></igx-carousel>
747
747
  * ```
@@ -751,7 +751,7 @@ class IgxCarouselComponent extends IgxCarouselComponentBase {
751
751
  this.slideAdded = new EventEmitter();
752
752
  /**
753
753
  * An event that is emitted after a slide has been removed from the carousel.
754
- * Provides references to the `IgxCarouselComponent` and `IgxSlideComponent` as event arguments.
754
+ * Provides references to the carousel and slide components as event arguments.
755
755
  * ```html
756
756
  * <igx-carousel (slideRemoved)="slideRemoved($event)"></igx-carousel>
757
757
  * ```
@@ -761,7 +761,7 @@ class IgxCarouselComponent extends IgxCarouselComponentBase {
761
761
  this.slideRemoved = new EventEmitter();
762
762
  /**
763
763
  * An event that is emitted after the carousel has been paused.
764
- * Provides a reference to the `IgxCarouselComponent` as an event argument.
764
+ * Provides a reference to the carousel as an event argument.
765
765
  * ```html
766
766
  * <igx-carousel (carouselPaused)="carouselPaused($event)"></igx-carousel>
767
767
  * ```
@@ -771,7 +771,7 @@ class IgxCarouselComponent extends IgxCarouselComponentBase {
771
771
  this.carouselPaused = new EventEmitter();
772
772
  /**
773
773
  * An event that is emitted after the carousel has resumed transitioning between `slides`.
774
- * Provides a reference to the `IgxCarouselComponent` as an event argument.
774
+ * Provides a reference to the carousel as an event argument.
775
775
  * ```html
776
776
  * <igx-carousel (carouselPlaying)="carouselPlaying($event)"></igx-carousel>
777
777
  * ```