igniteui-angular 20.2.0-alpha.4 → 20.2.0-alpha.5

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 (48) hide show
  1. package/chat-extras/index.d.ts +13 -0
  2. package/fesm2022/igniteui-angular-chat-extras.mjs +85 -0
  3. package/fesm2022/igniteui-angular-chat-extras.mjs.map +1 -0
  4. package/fesm2022/igniteui-angular.mjs +150 -133
  5. package/fesm2022/igniteui-angular.mjs.map +1 -1
  6. package/index.d.ts +119 -24
  7. package/lib/core/styles/components/badge/_badge-component.scss +4 -0
  8. package/lib/core/styles/components/badge/_badge-theme.scss +65 -15
  9. package/lib/core/styles/components/checkbox/_checkbox-component.scss +57 -22
  10. package/lib/core/styles/components/checkbox/_checkbox-theme.scss +21 -6
  11. package/lib/core/styles/components/combo/_combo-theme.scss +20 -16
  12. package/lib/core/styles/components/list/_list-theme.scss +2 -1
  13. package/lib/core/styles/components/navbar/_navbar-theme.scss +14 -12
  14. package/lib/core/styles/components/select/_select-theme.scss +1 -1
  15. package/lib/core/styles/components/snackbar/_snackbar-theme.scss +2 -5
  16. package/lib/core/styles/components/time-picker/_time-picker-theme.scss +0 -15
  17. package/lib/core/styles/components/tooltip/_tooltip-theme.scss +5 -1
  18. package/lib/core/styles/typography/_bootstrap.scss +1 -1
  19. package/lib/core/styles/typography/_fluent.scss +1 -1
  20. package/lib/core/styles/typography/_indigo.scss +1 -3
  21. package/lib/core/styles/typography/_material.scss +1 -1
  22. package/package.json +5 -1
  23. package/styles/igniteui-angular-dark.css +1 -1
  24. package/styles/igniteui-angular.css +1 -1
  25. package/styles/igniteui-bootstrap-dark.css +1 -1
  26. package/styles/igniteui-bootstrap-light.css +1 -1
  27. package/styles/igniteui-dark-green.css +1 -1
  28. package/styles/igniteui-fluent-dark-excel.css +1 -1
  29. package/styles/igniteui-fluent-dark-word.css +1 -1
  30. package/styles/igniteui-fluent-dark.css +1 -1
  31. package/styles/igniteui-fluent-light-excel.css +1 -1
  32. package/styles/igniteui-fluent-light-word.css +1 -1
  33. package/styles/igniteui-fluent-light.css +1 -1
  34. package/styles/igniteui-indigo-dark.css +1 -1
  35. package/styles/igniteui-indigo-light.css +1 -1
  36. package/styles/maps/igniteui-angular-dark.css.map +1 -1
  37. package/styles/maps/igniteui-angular.css.map +1 -1
  38. package/styles/maps/igniteui-bootstrap-dark.css.map +1 -1
  39. package/styles/maps/igniteui-bootstrap-light.css.map +1 -1
  40. package/styles/maps/igniteui-dark-green.css.map +1 -1
  41. package/styles/maps/igniteui-fluent-dark-excel.css.map +1 -1
  42. package/styles/maps/igniteui-fluent-dark-word.css.map +1 -1
  43. package/styles/maps/igniteui-fluent-dark.css.map +1 -1
  44. package/styles/maps/igniteui-fluent-light-excel.css.map +1 -1
  45. package/styles/maps/igniteui-fluent-light-word.css.map +1 -1
  46. package/styles/maps/igniteui-fluent-light.css.map +1 -1
  47. package/styles/maps/igniteui-indigo-dark.css.map +1 -1
  48. package/styles/maps/igniteui-indigo-light.css.map +1 -1
package/index.d.ts CHANGED
@@ -11,7 +11,7 @@ import { DomSanitizer, SafeHtml, EventManager, HammerGestureConfig } from '@angu
11
11
  import { HttpClient } from '@angular/common/http';
12
12
  import * as igniteui_angular from 'igniteui-angular';
13
13
  import { IMXIcon } from '@igniteui/material-icons-extended';
14
- import { ChatRenderers, ChatAttachmentRenderContext, ChatMessageRenderContext, ChatInputRenderContext, ChatRenderContext, IgcChatMessageAttachment, IgcChatMessage, IgcChatOptions, IgcChatMessageReaction } from 'igniteui-webcomponents';
14
+ import { ChatRenderers, ChatAttachmentRenderContext, ChatMessageRenderContext, ChatInputRenderContext, ChatRenderContext, IgcChatMessageAttachment, IgcChatMessage, IgcChatComponent, IgcChatOptions, IgcChatMessageReaction } from 'igniteui-webcomponents';
15
15
 
16
16
  /**
17
17
  * Common interface for Components with show and collapse functionality
@@ -2103,6 +2103,9 @@ declare class IgxToggleDirective implements IToggleView, OnInit, OnDestroy {
2103
2103
  * @hidden
2104
2104
  */
2105
2105
  get hiddenClass(): boolean;
2106
+ /**
2107
+ * @hidden
2108
+ */
2106
2109
  get hiddenWebkitClass(): boolean;
2107
2110
  /**
2108
2111
  * @hidden
@@ -9325,9 +9328,10 @@ declare const IgxBaseButtonType: {
9325
9328
  readonly Contained: "contained";
9326
9329
  readonly Outlined: "outlined";
9327
9330
  };
9328
- declare abstract class IgxButtonBaseDirective {
9331
+ declare abstract class IgxButtonBaseDirective implements AfterViewInit {
9329
9332
  element: ElementRef;
9330
9333
  private _platformUtil;
9334
+ private _viewInit;
9331
9335
  /**
9332
9336
  * Emitted when the button is clicked.
9333
9337
  */
@@ -9378,6 +9382,7 @@ declare abstract class IgxButtonBaseDirective {
9378
9382
  */
9379
9383
  get disabledAttribute(): true;
9380
9384
  protected constructor(element: ElementRef);
9385
+ ngAfterViewInit(): void;
9381
9386
  /**
9382
9387
  * @hidden
9383
9388
  * @internal
@@ -15116,6 +15121,17 @@ declare class IgxBadgeComponent {
15116
15121
  * ```
15117
15122
  */
15118
15123
  outlined: boolean;
15124
+ /**
15125
+ * Sets/gets whether the badge is displayed as a dot.
15126
+ * When true, the badge will be rendered as a minimal 8px indicator without any content.
15127
+ * Default value is `false`.
15128
+ *
15129
+ * @example
15130
+ * ```html
15131
+ * <igx-badge dot type="success"></igx-badge>
15132
+ * ```
15133
+ */
15134
+ dot: boolean;
15119
15135
  /**
15120
15136
  * Defines a human-readable, accessor, author-localized description for
15121
15137
  * the `type` and the `icon` or `value` of the element.
@@ -15129,8 +15145,9 @@ declare class IgxBadgeComponent {
15129
15145
  get warningClass(): boolean;
15130
15146
  get errorClass(): boolean;
15131
15147
  static ɵfac: i0.ɵɵFactoryDeclaration<IgxBadgeComponent, never>;
15132
- static ɵcmp: i0.ɵɵComponentDeclaration<IgxBadgeComponent, "igx-badge", never, { "id": { "alias": "id"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconSet": { "alias": "iconSet"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "outlined": { "alias": "outlined"; "required": false; }; }, {}, never, ["*"], true, never>;
15148
+ static ɵcmp: i0.ɵɵComponentDeclaration<IgxBadgeComponent, "igx-badge", never, { "id": { "alias": "id"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconSet": { "alias": "iconSet"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "outlined": { "alias": "outlined"; "required": false; }; "dot": { "alias": "dot"; "required": false; }; }, {}, never, ["*"], true, never>;
15133
15149
  static ngAcceptInputType_outlined: unknown;
15150
+ static ngAcceptInputType_dot: unknown;
15134
15151
  }
15135
15152
 
15136
15153
  /**
@@ -44298,20 +44315,12 @@ declare class IgxTreeModule {
44298
44315
  static ɵinj: i0.ɵɵInjectorDeclaration<IgxTreeModule>;
44299
44316
  }
44300
44317
 
44301
- declare class MarkdownPipe implements PipeTransform {
44302
- private _service;
44303
- private _sanitizer;
44304
- transform(text?: string): Promise<SafeHtml>;
44305
- static ɵfac: i0.ɵɵFactoryDeclaration<MarkdownPipe, never>;
44306
- static ɵpipe: i0.ɵɵPipeDeclaration<MarkdownPipe, "fromMarkdown", true>;
44307
- }
44308
-
44309
44318
  type ChatContextUnion = ChatAttachmentRenderContext | ChatMessageRenderContext | ChatInputRenderContext | ChatRenderContext;
44310
44319
  type ChatContextType<T extends ChatContextUnion> = T extends ChatAttachmentRenderContext ? IgcChatMessageAttachment : T extends ChatMessageRenderContext ? IgcChatMessage : T extends ChatInputRenderContext ? {
44311
- value: T['value'];
44312
- attachments: T['attachments'];
44320
+ value: string;
44321
+ attachments: IgcChatMessageAttachment[];
44313
44322
  } : T extends ChatRenderContext ? {
44314
- instance: T['instance'];
44323
+ instance: IgcChatComponent;
44315
44324
  } : never;
44316
44325
  type ExtractChatContext<T> = T extends (ctx: infer R) => any ? R : never;
44317
44326
  type ChatTemplatesContextMap = {
@@ -44319,65 +44328,151 @@ type ChatTemplatesContextMap = {
44319
44328
  $implicit: ChatContextType<ExtractChatContext<NonNullable<ChatRenderers[K]>> & ChatContextUnion>;
44320
44329
  };
44321
44330
  };
44331
+ /**
44332
+ * Template references for customizing chat component rendering.
44333
+ * Each property corresponds to a specific part of the chat UI that can be customized.
44334
+ *
44335
+ * @example
44336
+ * ```typescript
44337
+ * templates = {
44338
+ * messageContent: this.customMessageTemplate,
44339
+ * attachment: this.customAttachmentTemplate
44340
+ * }
44341
+ * ```
44342
+ */
44322
44343
  type IgxChatTemplates = {
44323
- [K in keyof ChatRenderers]?: TemplateRef<ChatTemplatesContextMap[K]>;
44344
+ [K in keyof Omit<ChatRenderers, 'typingIndicator'>]?: TemplateRef<ChatTemplatesContextMap[K]>;
44324
44345
  };
44346
+ /**
44347
+ * Configuration options for the chat component.
44348
+ */
44325
44349
  type IgxChatOptions = Omit<IgcChatOptions, 'renderers'>;
44350
+ /**
44351
+ * Angular wrapper component for the Ignite UI Web Components Chat component.
44352
+ *
44353
+ * This component provides an Angular-friendly interface to the igc-chat web component,
44354
+ * including support for Angular templates, signals, and change detection.
44355
+ *
44356
+ * Uses OnPush change detection strategy for optimal performance. All inputs are signals,
44357
+ * so changes are automatically tracked and propagated to the underlying web component.
44358
+ *
44359
+ * @example
44360
+ * ```typescript
44361
+ * <igx-chat
44362
+ * [messages]="messages"
44363
+ * [draftMessage]="draft"
44364
+ * [options]="chatOptions"
44365
+ * [templates]="chatTemplates"
44366
+ * (messageCreated)="onMessageCreated($event)"
44367
+ * />
44368
+ * ```
44369
+ */
44326
44370
  declare class IgxChatComponent implements OnInit, OnDestroy {
44327
44371
  private readonly _view;
44328
44372
  private readonly _templateViewRefs;
44329
44373
  private _oldTemplates;
44330
- protected readonly _mergedOptions: i0.WritableSignal<IgcChatOptions>;
44331
44374
  protected readonly _transformedTemplates: i0.WritableSignal<ChatRenderers>;
44375
+ protected readonly _mergedOptions: i0.Signal<IgcChatOptions>;
44376
+ /** Array of chat messages to display */
44332
44377
  readonly messages: i0.InputSignal<IgcChatMessage[]>;
44378
+ /** Draft message with text and optional attachments */
44333
44379
  readonly draftMessage: i0.InputSignal<{
44334
44380
  text: string;
44335
44381
  attachments?: IgcChatMessageAttachment[];
44336
44382
  }>;
44383
+ /** Configuration options for the chat component */
44337
44384
  readonly options: i0.InputSignal<IgxChatOptions>;
44385
+ /** Custom templates for rendering chat elements */
44338
44386
  readonly templates: i0.InputSignal<IgxChatTemplates>;
44387
+ /** Emitted when a new message is created */
44339
44388
  readonly messageCreated: i0.OutputEmitterRef<IgcChatMessage>;
44389
+ /** Emitted when a user reacts to a message */
44340
44390
  readonly messageReact: i0.OutputEmitterRef<IgcChatMessageReaction>;
44391
+ /** Emitted when an attachment is clicked */
44341
44392
  readonly attachmentClick: i0.OutputEmitterRef<IgcChatMessageAttachment>;
44393
+ /** Emitted when attachment drag starts */
44342
44394
  readonly attachmentDrag: i0.OutputEmitterRef<void>;
44395
+ /** Emitted when attachment is dropped */
44343
44396
  readonly attachmentDrop: i0.OutputEmitterRef<void>;
44397
+ /** Emitted when typing indicator state changes */
44344
44398
  readonly typingChange: i0.OutputEmitterRef<boolean>;
44399
+ /** Emitted when the input receives focus */
44345
44400
  readonly inputFocus: i0.OutputEmitterRef<void>;
44401
+ /** Emitted when the input loses focus */
44346
44402
  readonly inputBlur: i0.OutputEmitterRef<void>;
44403
+ /** Emitted when the input value changes */
44347
44404
  readonly inputChange: i0.OutputEmitterRef<string>;
44348
44405
  /** @internal */
44349
44406
  ngOnInit(): void;
44350
44407
  /** @internal */
44351
44408
  ngOnDestroy(): void;
44352
44409
  constructor();
44353
- private _mergeOptions;
44354
44410
  private _setTemplates;
44355
44411
  private _createTemplateRenderer;
44356
44412
  static ɵfac: i0.ɵɵFactoryDeclaration<IgxChatComponent, never>;
44357
44413
  static ɵcmp: i0.ɵɵComponentDeclaration<IgxChatComponent, "igx-chat", never, { "messages": { "alias": "messages"; "required": false; "isSignal": true; }; "draftMessage": { "alias": "draftMessage"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "templates": { "alias": "templates"; "required": false; "isSignal": true; }; }, { "messageCreated": "messageCreated"; "messageReact": "messageReact"; "attachmentClick": "attachmentClick"; "attachmentDrag": "attachmentDrag"; "attachmentDrop": "attachmentDrop"; "typingChange": "typingChange"; "inputFocus": "inputFocus"; "inputBlur": "inputBlur"; "inputChange": "inputChange"; }, never, ["*"], true, never>;
44358
44414
  }
44359
- interface ChatTemplateContext<T> {
44360
- $implicit: T;
44361
- }
44415
+ /**
44416
+ * Context provided to the chat input template.
44417
+ */
44362
44418
  interface ChatInputContext {
44419
+ /** The current input value */
44363
44420
  $implicit: string;
44421
+ /** Array of attachments associated with the input */
44364
44422
  attachments: IgcChatMessageAttachment[];
44365
44423
  }
44424
+ /**
44425
+ * Directive providing type information for chat message template contexts.
44426
+ * Use this directive on ng-template elements that render chat messages.
44427
+ *
44428
+ * @example
44429
+ * ```html
44430
+ * <ng-template igxChatMessageContext let-message>
44431
+ * <div>{{ message.text }}</div>
44432
+ * </ng-template>
44433
+ * ```
44434
+ */
44366
44435
  declare class IgxChatMessageContextDirective {
44367
- static ngTemplateContextGuard(_: IgxChatMessageContextDirective, ctx: unknown): ctx is ChatTemplateContext<IgcChatMessage>;
44436
+ static ngTemplateContextGuard(_: IgxChatMessageContextDirective, ctx: unknown): ctx is {
44437
+ $implicit: IgcChatMessage;
44438
+ };
44368
44439
  static ɵfac: i0.ɵɵFactoryDeclaration<IgxChatMessageContextDirective, never>;
44369
44440
  static ɵdir: i0.ɵɵDirectiveDeclaration<IgxChatMessageContextDirective, "[igxChatMessageContext]", never, {}, {}, never, never, true, never>;
44370
44441
  }
44442
+ /**
44443
+ * Directive providing type information for chat attachment template contexts.
44444
+ * Use this directive on ng-template elements that render message attachments.
44445
+ *
44446
+ * @example
44447
+ * ```html
44448
+ * <ng-template igxChatAttachmentContext let-attachment>
44449
+ * <img [src]="attachment.url" />
44450
+ * </ng-template>
44451
+ * ```
44452
+ */
44371
44453
  declare class IgxChatAttachmentContextDirective {
44372
- static ngTemplateContextGuard(_: IgxChatAttachmentContextDirective, ctx: unknown): ctx is ChatTemplateContext<IgcChatMessageAttachment>;
44454
+ static ngTemplateContextGuard(_: IgxChatAttachmentContextDirective, ctx: unknown): ctx is {
44455
+ $implicit: IgcChatMessageAttachment;
44456
+ };
44373
44457
  static ɵfac: i0.ɵɵFactoryDeclaration<IgxChatAttachmentContextDirective, never>;
44374
44458
  static ɵdir: i0.ɵɵDirectiveDeclaration<IgxChatAttachmentContextDirective, "[igxChatAttachmentContext]", never, {}, {}, never, never, true, never>;
44375
44459
  }
44460
+ /**
44461
+ * Directive providing type information for chat input template contexts.
44462
+ * Use this directive on ng-template elements that render the chat input.
44463
+ *
44464
+ * @example
44465
+ * ```html
44466
+ * <ng-template igxChatInputContext let-value let-attachments="attachments">
44467
+ * <input [value]="value" />
44468
+ * </ng-template>
44469
+ * ```
44470
+ */
44376
44471
  declare class IgxChatInputContextDirective {
44377
44472
  static ngTemplateContextGuard(_: IgxChatInputContextDirective, ctx: unknown): ctx is ChatInputContext;
44378
44473
  static ɵfac: i0.ɵɵFactoryDeclaration<IgxChatInputContextDirective, never>;
44379
44474
  static ɵdir: i0.ɵɵDirectiveDeclaration<IgxChatInputContextDirective, "[igxChatInputContext]", never, {}, {}, never, never, true, never>;
44380
44475
  }
44381
44476
 
44382
- export { AbsolutePosition, AbsoluteScrollStrategy, ActionStripResourceStringsEN, AutoPositionStrategy, BannerResourceStringsEN, BaseFilteringStrategy, BlockScrollStrategy, ButtonGroupAlignment, ByLevelTreeGridMergeStrategy, CachedDataCloneStrategy, Calendar, CalendarResourceStringsEN, CalendarSelection, CarouselAnimationType, CarouselHammerConfig, CarouselIndicatorsOrientation, CarouselResourceStringsEN, ChipResourceStringsEN, CloseScrollStrategy, ColumnDisplayOrder, ColumnPinningPosition, ComboResourceStringsEN, ConnectedPositioningStrategy, ContainerPositionStrategy, CsvFileTypes, DEFAULT_OWNER, DEFAULT_PIVOT_KEYS, DataType, DataUtil, DatePart, DatePickerResourceStringsEN, DateRangePickerFormatPipe, DateRangePickerResourceStringsEN, DateRangeType, DefaultDataCloneStrategy, DefaultMergeStrategy, DefaultPivotGridRecordSortingStrategy, DefaultPivotSortingStrategy, DefaultSortingStrategy, DefaultTreeGridMergeStrategy, DimensionValuesFilteringStrategy, Direction, DragDirection, ElasticPositionStrategy, ExpansionPanelHeaderIconPosition, ExportHeaderType, ExportRecordType, ExpressionsTreeUtil, FilterMode, FilterUtil, FilteringExpressionsTree, FilteringExpressionsTreeType, FilteringLogic, FilteringStrategy, FormattedValuesFilteringStrategy, FormattedValuesSortingStrategy, GRID_LEVEL_COL, GRID_PARENT, GRID_ROOT_SUMMARY, GlobalPositionStrategy, GridCellMergeMode, GridColumnDataType, GridPagingMode, GridResourceStringsEN, GridSelectionMode, GridSummaryCalculationMode, GridSummaryPosition, GroupMemberCountSortingStrategy, GroupedRecords, HorizontalAlignment, HorizontalAnimationType, IGX_ACCORDION_DIRECTIVES, IGX_ACTION_STRIP_DIRECTIVES, IGX_BANNER_DIRECTIVES, IGX_BOTTOM_NAV_DIRECTIVES, IGX_BUTTON_GROUP_DIRECTIVES, IGX_CALENDAR_DIRECTIVES, IGX_CALENDAR_VIEW_ITEM, IGX_CARD_DIRECTIVES, IGX_CAROUSEL_DIRECTIVES, IGX_CHIPS_DIRECTIVES, IGX_CIRCULAR_PROGRESS_BAR_DIRECTIVES, IGX_COMBO_DIRECTIVES, IGX_DATE_PICKER_DIRECTIVES, IGX_DATE_RANGE_PICKER_DIRECTIVES, IGX_DIALOG_DIRECTIVES, IGX_DRAG_DROP_DIRECTIVES, IGX_DROP_DOWN_DIRECTIVES, IGX_EXPANSION_PANEL_DIRECTIVES, IGX_GRID_ACTION_STRIP_DIRECTIVES, IGX_GRID_BASE, IGX_GRID_COMMON_DIRECTIVES, IGX_GRID_DIRECTIVES, IGX_GRID_SERVICE_BASE, IGX_GRID_VALIDATION_DIRECTIVES, IGX_HIERARCHICAL_GRID_DIRECTIVES, IGX_INPUT_GROUP_DIRECTIVES, IGX_INPUT_GROUP_TYPE, IGX_LINEAR_PROGRESS_BAR_DIRECTIVES, IGX_LIST_DIRECTIVES, IGX_NAVBAR_DIRECTIVES, IGX_NAVIGATION_DRAWER_DIRECTIVES, IGX_PAGINATOR_DIRECTIVES, IGX_PIVOT_GRID_DIRECTIVES, IGX_PROGRESS_BAR_DIRECTIVES, IGX_QUERY_BUILDER_DIRECTIVES, IGX_RADIO_GROUP_DIRECTIVES, IGX_SELECT_DIRECTIVES, IGX_SIMPLE_COMBO_DIRECTIVES, IGX_SLIDER_DIRECTIVES, IGX_SPLITTER_DIRECTIVES, IGX_STEPPER_DIRECTIVES, IGX_TABS_DIRECTIVES, IGX_TIME_PICKER_DIRECTIVES, IGX_TOOLTIP_DIRECTIVES, IGX_TREE_DIRECTIVES, IGX_TREE_GRID_DIRECTIVES, ITreeGridAggregation, IgSizeDirective, IgcFormControlDirective, IgcFormsModule, IgxAccordionComponent, IgxAccordionModule, IgxActionStripComponent, IgxActionStripMenuItemDirective, IgxActionStripModule, IgxAdvancedFilteringDialogComponent, IgxAppendDropStrategy, IgxAutocompleteDirective, IgxAutocompleteModule, IgxAvatarComponent, IgxAvatarModule, IgxAvatarSize, IgxAvatarType, IgxBadgeComponent, IgxBadgeModule, IgxBadgeType, IgxBannerActionsDirective, IgxBannerComponent, IgxBannerModule, IgxBaseExporter, IgxBaseTransactionService, IgxBooleanFilteringOperand, IgxBottomNavComponent, IgxBottomNavContentComponent, IgxBottomNavHeaderComponent, IgxBottomNavHeaderIconDirective, IgxBottomNavHeaderLabelDirective, IgxBottomNavItemComponent, IgxBottomNavModule, IgxButtonDirective, IgxButtonGroupComponent, IgxButtonGroupModule, IgxButtonModule, IgxButtonType, IgxCSVTextDirective, IgxCalendarComponent, IgxCalendarHeaderTemplateDirective, IgxCalendarHeaderTitleTemplateDirective, IgxCalendarModule, IgxCalendarMonthDirective, IgxCalendarScrollPageDirective, IgxCalendarSubheaderTemplateDirective, IgxCalendarView, IgxCalendarViewBaseDirective, IgxCalendarYearDirective, IgxCardActionsComponent, IgxCardActionsLayout, IgxCardComponent, IgxCardContentDirective, IgxCardFooterDirective, IgxCardHeaderComponent, IgxCardHeaderSubtitleDirective, IgxCardHeaderTitleDirective, IgxCardMediaDirective, IgxCardModule, IgxCardThumbnailDirective, IgxCarouselComponent, IgxCarouselIndicatorDirective, IgxCarouselModule, IgxCarouselNextButtonDirective, IgxCarouselPrevButtonDirective, IgxCellEditorTemplateDirective, IgxCellFooterTemplateDirective, IgxCellHeaderTemplateDirective, IgxCellTemplateDirective, IgxCellValidationErrorDirective, IgxChatAttachmentContextDirective, IgxChatComponent, IgxChatInputContextDirective, IgxChatMessageContextDirective, IgxCheckboxComponent, IgxCheckboxModule, IgxChildGridRowComponent, IgxChipComponent, IgxChipTypeVariant, IgxChipsAreaComponent, IgxChipsModule, IgxCircularProgressBarComponent, IgxCollapsibleIndicatorTemplateDirective, IgxColumPatternValidatorDirective, IgxColumnActionsBaseDirective, IgxColumnActionsComponent, IgxColumnComponent, IgxColumnEmailValidatorDirective, IgxColumnGroupComponent, IgxColumnHidingDirective, IgxColumnLayoutComponent, IgxColumnMaxLengthValidatorDirective, IgxColumnMaxValidatorDirective, IgxColumnMinLengthValidatorDirective, IgxColumnMinValidatorDirective, IgxColumnPinningDirective, IgxColumnRequiredValidatorDirective, IgxComboAddItemDirective, IgxComboClearIconDirective, IgxComboComponent, IgxComboEmptyDirective, IgxComboFooterDirective, IgxComboHeaderDirective, IgxComboHeaderItemDirective, IgxComboItemDirective, IgxComboModule, IgxComboToggleIconDirective, IgxCsvExporterOptions, IgxCsvExporterService, IgxDataLoadingTemplateDirective, IgxDataRecordSorting, IgxDateFilteringOperand, IgxDatePickerComponent, IgxDatePickerModule, IgxDateRangeEndComponent, IgxDateRangeInputsBaseComponent, IgxDateRangePickerComponent, IgxDateRangePickerModule, IgxDateRangeSeparatorDirective, IgxDateRangeStartComponent, IgxDateSummaryOperand, IgxDateTimeEditorDirective, IgxDateTimeEditorModule, IgxDateTimeFilteringOperand, IgxDaysViewComponent, IgxDefaultDropStrategy, IgxDialogActionsDirective, IgxDialogComponent, IgxDialogModule, IgxDialogTitleDirective, IgxDividerDirective, IgxDividerModule, IgxDividerType, IgxDragDirective, IgxDragDropModule, IgxDragHandleDirective, IgxDragIgnoreDirective, IgxDragIndicatorIconDirective, IgxDragLocation, IgxDropDirective, IgxDropDownComponent, IgxDropDownGroupComponent, IgxDropDownItemComponent, IgxDropDownItemNavigationDirective, IgxDropDownModule, IgxEmptyListTemplateDirective, IgxExcelExporterOptions, IgxExcelExporterService, IgxExcelStyleClearFiltersComponent, IgxExcelStyleColumnOperationsTemplateDirective, IgxExcelStyleConditionalFilterComponent, IgxExcelStyleDateExpressionComponent, IgxExcelStyleFilterOperationsTemplateDirective, IgxExcelStyleHeaderComponent, IgxExcelStyleHeaderIconDirective, IgxExcelStyleHidingComponent, IgxExcelStyleLoadingValuesTemplateDirective, IgxExcelStyleMovingComponent, IgxExcelStylePinningComponent, IgxExcelStyleSearchComponent, IgxExcelStyleSelectingComponent, IgxExcelStyleSortingComponent, IgxExcelTextDirective, IgxExpansionPanelBodyComponent, IgxExpansionPanelComponent, IgxExpansionPanelDescriptionDirective, IgxExpansionPanelHeaderComponent, IgxExpansionPanelIconDirective, IgxExpansionPanelModule, IgxExpansionPanelTitleDirective, IgxExporterOptionsBase, IgxFilterCellTemplateDirective, IgxFilterDirective, IgxFilterModule, IgxFilterOptions, IgxFilterPipe, IgxFilteringOperand, IgxFlatTransactionFactory, IgxFlexDirective, IgxFocusDirective, IgxFocusModule, IgxFocusTrapDirective, IgxFocusTrapModule, IgxForOfContext, IgxForOfDirective, IgxForOfModule, IgxGridActionButtonComponent, IgxGridActionsBaseDirective, IgxGridCell, IgxGridComponent, IgxGridDetailTemplateDirective, IgxGridEditingActionsComponent, IgxGridEmptyTemplateDirective, IgxGridExcelStyleFilteringComponent, IgxGridFooterComponent, IgxGridForOfContext, IgxGridForOfDirective, IgxGridHeaderComponent, IgxGridHeaderGroupComponent, IgxGridHeaderRowComponent, IgxGridLoadingTemplateDirective, IgxGridModule, IgxGridPinningActionsComponent, IgxGridRow, IgxGridStateDirective, IgxGridToolbarActionsComponent, IgxGridToolbarAdvancedFilteringComponent, IgxGridToolbarComponent, IgxGridToolbarDirective, IgxGridToolbarExporterComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarTitleComponent, IgxGridTransaction, IgxGroupAreaDropDirective, IgxGroupByRow, IgxGroupByRowSelectorDirective, IgxGroupByRowTemplateDirective, IgxGroupedTreeGridSorting, IgxGrouping, IgxHeadSelectorDirective, IgxHeaderCollapsedIndicatorDirective, IgxHeaderExpandedIndicatorDirective, IgxHierarchicalGridComponent, IgxHierarchicalGridModule, IgxHierarchicalGridRow, IgxHierarchicalTransactionFactory, IgxHierarchicalTransactionService, IgxHintDirective, IgxIconButtonDirective, IgxIconComponent, IgxIconModule, IgxIconService, IgxInputDirective, IgxInputGroupComponent, IgxInputGroupEnum, IgxInputGroupModule, IgxInputState, IgxInsertDropStrategy, IgxItemListDirective, IgxLabelDirective, IgxLayoutDirective, IgxLayoutModule, IgxLinearProgressBarComponent, IgxListActionDirective, IgxListBaseDirective, IgxListComponent, IgxListItemComponent, IgxListItemLeftPanningTemplateDirective, IgxListItemRightPanningTemplateDirective, IgxListLineDirective, IgxListLineSubTitleDirective, IgxListLineTitleDirective, IgxListModule, IgxListPanState, IgxListThumbnailDirective, IgxMaskDirective, IgxMaskModule, IgxMonthPickerComponent, IgxMonthsViewComponent, IgxNavDrawerItemDirective, IgxNavDrawerMiniTemplateDirective, IgxNavDrawerTemplateDirective, IgxNavbarActionDirective, IgxNavbarComponent, IgxNavbarModule, IgxNavbarTitleDirective, IgxNavigationCloseDirective, IgxNavigationDrawerComponent, IgxNavigationDrawerModule, IgxNavigationService, IgxNavigationToggleDirective, IgxNumberFilteringOperand, IgxNumberSummaryOperand, IgxOverlayOutletDirective, IgxOverlayService, IgxPageNavigationComponent, IgxPageSizeSelectorComponent, IgxPaginatorComponent, IgxPaginatorContentDirective, IgxPaginatorDirective, IgxPaginatorModule, IgxPickerActionsDirective, IgxPickerClearComponent, IgxPickerToggleComponent, IgxPivotAggregate, IgxPivotDataSelectorComponent, IgxPivotDateAggregate, IgxPivotDateDimension, IgxPivotGridComponent, IgxPivotGridModule, IgxPivotGridRow, IgxPivotNumericAggregate, IgxPivotRowDimensionHeaderTemplateDirective, IgxPivotTimeAggregate, IgxPivotValueChipTemplateDirective, IgxPrefixDirective, IgxPrependDropStrategy, IgxProgressBarGradientDirective, IgxProgressBarModule, IgxProgressBarTextTemplateDirective, IgxProgressType, IgxQueryBuilderComponent, IgxQueryBuilderHeaderComponent, IgxQueryBuilderModule, IgxQueryBuilderSearchValueTemplateDirective, IgxRadioComponent, IgxRadioGroupDirective, IgxRadioModule, IgxRippleDirective, IgxRippleModule, IgxRowAddTextDirective, IgxRowCollapsedIndicatorDirective, IgxRowDirective, IgxRowDragGhostDirective, IgxRowEditActionsDirective, IgxRowEditTabStopDirective, IgxRowEditTextDirective, IgxRowExpandedIndicatorDirective, IgxRowIslandComponent, IgxRowSelectorDirective, IgxScrollInertiaDirective, IgxScrollInertiaModule, IgxSelectComponent, IgxSelectFooterDirective, IgxSelectGroupComponent, IgxSelectHeaderDirective, IgxSelectItemComponent, IgxSelectModule, IgxSelectToggleIconDirective, IgxSimpleComboComponent, IgxSimpleComboModule, IgxSlideComponent, IgxSliderComponent, IgxSliderModule, IgxSliderType, IgxSnackbarComponent, IgxSnackbarModule, IgxSortAscendingHeaderIconDirective, IgxSortDescendingHeaderIconDirective, IgxSortHeaderIconDirective, IgxSorting, IgxSplitBarComponent, IgxSplitterComponent, IgxSplitterModule, IgxSplitterPaneComponent, IgxStepActiveIndicatorDirective, IgxStepCompletedIndicatorDirective, IgxStepComponent, IgxStepContentDirective, IgxStepIndicatorDirective, IgxStepInvalidIndicatorDirective, IgxStepSubtitleDirective, IgxStepTitleDirective, IgxStepType, IgxStepperComponent, IgxStepperModule, IgxStepperOrientation, IgxStepperTitlePosition, IgxStringFilteringOperand, IgxSuffixDirective, IgxSummaryOperand, IgxSummaryRow, IgxSummaryTemplateDirective, IgxSwitchComponent, IgxSwitchModule, IgxTabContentComponent, IgxTabHeaderComponent, IgxTabHeaderIconDirective, IgxTabHeaderLabelDirective, IgxTabItemComponent, IgxTabsAlignment, IgxTabsComponent, IgxTabsModule, IgxTemplateOutletDirective, IgxTextAlign, IgxTextHighlightDirective, IgxTextHighlightModule, IgxTextHighlightService, IgxTextSelectionDirective, IgxTextSelectionModule, IgxThumbFromTemplateDirective, IgxThumbToTemplateDirective, IgxTickLabelTemplateDirective, IgxTimeFilteringOperand, IgxTimeItemDirective, IgxTimePickerComponent, IgxTimePickerModule, IgxTimeSummaryOperand, IgxToastComponent, IgxToastModule, IgxToggleActionDirective, IgxToggleDirective, IgxToggleModule, IgxTooltipDirective, IgxTooltipModule, IgxTooltipTargetDirective, IgxTransactionService, IgxTreeComponent, IgxTreeExpandIndicatorDirective, IgxTreeGridComponent, IgxTreeGridGroupByAreaComponent, IgxTreeGridGroupingPipe, IgxTreeGridModule, IgxTreeGridRow, IgxTreeModule, IgxTreeNodeComponent, IgxTreeNodeLinkDirective, IgxTreeSelectionType, IgxYearsViewComponent, IndigoIcons, InputResourceStringsEN, LabelPosition, ListResourceStringsEN, MarkdownPipe, NoOpScrollStrategy, NoopFilteringStrategy, NoopPivotDimensionsStrategy, NoopSortingStrategy, PaginatorResourceStringsEN, PagingError, PickerInteractionMode, PivotColumnDimensionsStrategy, PivotDimensionType, PivotRowDimensionsStrategy, PivotRowLayoutType, PivotSummaryPosition, Point, QueryBuilderResourceStringsEN, RadioGroupAlignment, RelativePosition, RelativePositionStrategy, RowPinningPosition, ScrollDirection, ScrollStrategy, Size$1 as Size, SliderHandle, SortingDirection, SplitterType, THEME_TOKEN, TRANSACTION_TYPE, ThemeToken, TickLabelsOrientation, TicksOrientation, TimePickerResourceStringsEN, TooltipPositionStrategy, TransactionEventOrigin, TransactionType, TreeGridFilteringStrategy, TreeGridFormattedValuesFilteringStrategy, TreeGridMatchingRecordsOnlyFilteringStrategy, TreeResourceStringsEN, VerticalAlignment, VerticalAnimationType, WEEKDAYS, changei18n, comboIgnoreDiacriticsFilter, igxI18N, isLeap, monthRange, range, weekDay };
44383
- export type { Action, ArrowFit, AutocompleteOverlaySettings, AutocompleteSelectionChangingEventArgs, BannerCancelEventArgs, BannerEventArgs, CancelableBrowserEventArgs, CancelableEventArgs, CarouselAnimationSettings, CellType, ChatTemplateContext, ColumnType, CustomDateRange, DatePartDeltas, DateRange, DateRangeDescriptor, DimensionValueType, EntityType, FamilyMeta, FieldType, FlatGridType, GridFeatures, GridKeydownTargetType, GridSVGIcon, GridSelectionRange, GridServiceType, GridType, GridValidationTrigger, HeaderType, HierarchicalGridType, HierarchicalState, HierarchicalTransaction, HierarchicalTransactionService, IAccordionCancelableEventArgs, IAccordionEventArgs, IActionStripResourceStrings, IActiveHighlightInfo, IActiveNodeChangeEventArgs, IBannerResourceStrings, IBaseChipEventArgs, IBaseChipsAreaEventArgs, IBaseSearchInfo, IButtonEventArgs, IButtonGroupEventArgs, ICachedViewLoadedEventArgs, ICalendarResourceStrings, ICarouselResourceStrings, ICellPosition, IChangeCheckboxEventArgs, IChangeProgressEventArgs, IChipClickEventArgs, IChipEnterDragAreaEventArgs, IChipKeyDownEventArgs, IChipResourceStrings, IChipSelectEventArgs, IChipsAreaReorderEventArgs, IChipsAreaSelectEventArgs, IClipboardOptions, IColumnEditorOptions, IColumnExportingEventArgs, IColumnInfo, IColumnList, IColumnMovingEndEventArgs, IColumnMovingEventArgs, IColumnMovingStartEventArgs, IColumnPipeArgs, IColumnResizeEventArgs, IColumnResizingEventArgs, IColumnSelectionEventArgs, IColumnSelectionState, IColumnState, IColumnToggledEventArgs, IColumnVisibilityChangedEventArgs, IColumnVisibilityChangingEventArgs, IColumnsAutoGeneratedEventArgs, IComboFilteringOptions, IComboItemAdditionEvent, IComboResourceStrings, IComboSearchInputEventArgs, IComboSelectionChangingEventArgs, ICsvExportEndedEventArgs, IDataCloneStrategy, IDateParts, IDatePickerResourceStrings, IDatePickerValidationFailedEventArgs, IDateRangePickerResourceStrings, IDialogCancellableEventArgs, IDialogEventArgs, IDimensionsChange, IDragBaseEventArgs, IDragCustomTransitionArgs, IDragGhostBaseEventArgs, IDragMoveEventArgs, IDragStartEventArgs, IDropBaseEventArgs, IDropDownNavigationDirective, IDropDroppedEventArgs, IDropStrategy, IExcelExportEndedEventArgs, IExpansionPanelEventArgs, IExportRecord, IExpressionTree, IFieldEditorOptions, IFieldPipeArgs, IFieldValidationState, IFilteringEventArgs, IFilteringExpression, IFilteringExpressionsTree, IFilteringOperation, IFilteringState, IFilteringStrategy, IForOfDataChangeEventArgs, IForOfDataChangingEventArgs, IForOfState, IFormattedParts, IFormattingOptions, IFormattingViews, IGridCellEventArgs, IGridClipboardEvent, IGridContextMenuEventArgs, IGridCreatedEventArgs, IGridDataBindable, IGridEditDoneEventArgs, IGridEditEventArgs, IGridFormGroupCreatedEventArgs, IGridGroupingStrategy, IGridKeydownEventArgs, IGridMergeStrategy, IGridResourceStrings, IGridRowEventArgs, IGridScrollEventArgs, IGridSortingStrategy, IGridState, IGridStateCollection, IGridStateOptions, IGridToolbarExportEventArgs, IGridValidationState, IGridValidationStatusEventArgs, IGroupByExpandState, IGroupByKey, IGroupByRecord, IGroupingDoneEventArgs, IGroupingExpression, IGroupingState, IInputResourceStrings, IListItemClickEventArgs, IListItemPanningEventArgs, IListResourceStrings, IMaskEventArgs, IMergeByResult, IMultiRowLayoutNode, IPageCancellableEventArgs, IPageEventArgs, IPaginatorResourceStrings, IPagingState, IPanStateChangeEventArgs, IPathSegment, IPinColumnCancellableEventArgs, IPinColumnEventArgs, IPinRowEventArgs, IPinningConfig, IPivotAggregator, IPivotConfiguration, IPivotConfigurationChangedEventArgs, IPivotDateDimensionOptions, IPivotDimension, IPivotDimensionData, IPivotDimensionStrategy, IPivotGridColumn, IPivotGridGroupRecord, IPivotGridHorizontalGroup, IPivotGridRecord, IPivotKeys, IPivotUISettings, IPivotValue, IPositionStrategy, IQueryBuilderResourceStrings, IRangeSliderValue, IRecordValidationState, IResourceStrings, IRowDataCancelableEventArgs, IRowDataEventArgs, IRowDragEndEventArgs, IRowDragStartEventArgs, IRowExportingEventArgs, IRowSelectionEventArgs, IRowToggleEventArgs, IScrollStrategy, ISearchInfo, ISelectionEventArgs, ISelectionKeyboardState, ISelectionNode, ISelectionPointerState, ISimpleComboSelectionChangingEventArgs, ISizeInfo, ISlideEventArgs, ISliderValueChangeEventArgs, ISortingEventArgs, ISortingExpression, ISortingOptions, ISortingStrategy, ISplitterBarResizeEventArgs, IStepChangedEventArgs, IStepChangingEventArgs, ISummaryExpression, ISummaryRecord, ITabsSelectedIndexChangingEventArgs, ITabsSelectedItemChangeEventArgs, ITimePickerResourceStrings, IToggleView, ITooltipHideEventArgs, ITooltipShowEventArgs, ITreeGridRecord, ITreeNodeEditedEvent, ITreeNodeEditingEvent, ITreeNodeSelectionEvent, ITreeNodeToggledEventArgs, ITreeNodeTogglingEventArgs, ITreeResourceStrings, IValuesChange, IViewChangeEventArgs, IViewDateChangeEventArgs, IconFamily, IconMeta, IconReference, IgxCellTemplateContext, IgxChatOptions, IgxChatTemplates, IgxColumnTemplateContext, IgxDateTimeEditorEventArgs, IgxDragCustomEventDetails, IgxExporterEvent, IgxExporterOptions, IgxFilterItem, IgxGridEmptyTemplateContext, IgxGridHeaderTemplateContext, IgxGridMasterDetailContext, IgxGridPaginatorTemplateContext, IgxGridRowDragGhostContext, IgxGridRowEditActionsTemplateContext, IgxGridRowEditTemplateContext, IgxGridRowEditTextTemplateContext, IgxGridRowTemplateContext, IgxGridTemplateContext, IgxGridToolbarTemplateContext, IgxGroupByRowSelectorTemplateContext, IgxGroupByRowSelectorTemplateDetails, IgxGroupByRowTemplateContext, IgxHeadSelectorTemplateContext, IgxHeadSelectorTemplateDetails, IgxIconButtonType, IgxIconLoadedEvent, IgxInputGroupType, IgxPivotGridValueTemplateContext, IgxRowSelectorTemplateContext, IgxRowSelectorTemplateDetails, IgxSummaryResult, IgxSummaryTemplateContext, IgxTheme, IgxTimePickerValidationFailedEventArgs, IgxTree, IgxTreeNode, IgxTreeSearchResolver, MRLColumnSizeInfo, MRLResizeColumnInfo, OverlayAnimationEventArgs, OverlayCancelableEventArgs, OverlayClosingEventArgs, OverlayCreateSettings, OverlayEventArgs, OverlaySettings, PivotAggregation, PivotAggregationType, PivotGridType, PivotRowHeaderGroupType, PositionSettings, RowType, SelectionState, State, StateUpdateEvent, ToggleViewCancelableEventArgs, ToggleViewEventArgs, Transaction, TransactionService, TreeGridType, ValidationStatus };
44477
+ export { AbsolutePosition, AbsoluteScrollStrategy, ActionStripResourceStringsEN, AutoPositionStrategy, BannerResourceStringsEN, BaseFilteringStrategy, BlockScrollStrategy, ButtonGroupAlignment, ByLevelTreeGridMergeStrategy, CachedDataCloneStrategy, Calendar, CalendarResourceStringsEN, CalendarSelection, CarouselAnimationType, CarouselHammerConfig, CarouselIndicatorsOrientation, CarouselResourceStringsEN, ChipResourceStringsEN, CloseScrollStrategy, ColumnDisplayOrder, ColumnPinningPosition, ComboResourceStringsEN, ConnectedPositioningStrategy, ContainerPositionStrategy, CsvFileTypes, DEFAULT_OWNER, DEFAULT_PIVOT_KEYS, DataType, DataUtil, DatePart, DatePickerResourceStringsEN, DateRangePickerFormatPipe, DateRangePickerResourceStringsEN, DateRangeType, DefaultDataCloneStrategy, DefaultMergeStrategy, DefaultPivotGridRecordSortingStrategy, DefaultPivotSortingStrategy, DefaultSortingStrategy, DefaultTreeGridMergeStrategy, DimensionValuesFilteringStrategy, Direction, DragDirection, ElasticPositionStrategy, ExpansionPanelHeaderIconPosition, ExportHeaderType, ExportRecordType, ExpressionsTreeUtil, FilterMode, FilterUtil, FilteringExpressionsTree, FilteringExpressionsTreeType, FilteringLogic, FilteringStrategy, FormattedValuesFilteringStrategy, FormattedValuesSortingStrategy, GRID_LEVEL_COL, GRID_PARENT, GRID_ROOT_SUMMARY, GlobalPositionStrategy, GridCellMergeMode, GridColumnDataType, GridPagingMode, GridResourceStringsEN, GridSelectionMode, GridSummaryCalculationMode, GridSummaryPosition, GroupMemberCountSortingStrategy, GroupedRecords, HorizontalAlignment, HorizontalAnimationType, IGX_ACCORDION_DIRECTIVES, IGX_ACTION_STRIP_DIRECTIVES, IGX_BANNER_DIRECTIVES, IGX_BOTTOM_NAV_DIRECTIVES, IGX_BUTTON_GROUP_DIRECTIVES, IGX_CALENDAR_DIRECTIVES, IGX_CALENDAR_VIEW_ITEM, IGX_CARD_DIRECTIVES, IGX_CAROUSEL_DIRECTIVES, IGX_CHIPS_DIRECTIVES, IGX_CIRCULAR_PROGRESS_BAR_DIRECTIVES, IGX_COMBO_DIRECTIVES, IGX_DATE_PICKER_DIRECTIVES, IGX_DATE_RANGE_PICKER_DIRECTIVES, IGX_DIALOG_DIRECTIVES, IGX_DRAG_DROP_DIRECTIVES, IGX_DROP_DOWN_DIRECTIVES, IGX_EXPANSION_PANEL_DIRECTIVES, IGX_GRID_ACTION_STRIP_DIRECTIVES, IGX_GRID_BASE, IGX_GRID_COMMON_DIRECTIVES, IGX_GRID_DIRECTIVES, IGX_GRID_SERVICE_BASE, IGX_GRID_VALIDATION_DIRECTIVES, IGX_HIERARCHICAL_GRID_DIRECTIVES, IGX_INPUT_GROUP_DIRECTIVES, IGX_INPUT_GROUP_TYPE, IGX_LINEAR_PROGRESS_BAR_DIRECTIVES, IGX_LIST_DIRECTIVES, IGX_NAVBAR_DIRECTIVES, IGX_NAVIGATION_DRAWER_DIRECTIVES, IGX_PAGINATOR_DIRECTIVES, IGX_PIVOT_GRID_DIRECTIVES, IGX_PROGRESS_BAR_DIRECTIVES, IGX_QUERY_BUILDER_DIRECTIVES, IGX_RADIO_GROUP_DIRECTIVES, IGX_SELECT_DIRECTIVES, IGX_SIMPLE_COMBO_DIRECTIVES, IGX_SLIDER_DIRECTIVES, IGX_SPLITTER_DIRECTIVES, IGX_STEPPER_DIRECTIVES, IGX_TABS_DIRECTIVES, IGX_TIME_PICKER_DIRECTIVES, IGX_TOOLTIP_DIRECTIVES, IGX_TREE_DIRECTIVES, IGX_TREE_GRID_DIRECTIVES, ITreeGridAggregation, IgSizeDirective, IgcFormControlDirective, IgcFormsModule, IgxAccordionComponent, IgxAccordionModule, IgxActionStripComponent, IgxActionStripMenuItemDirective, IgxActionStripModule, IgxAdvancedFilteringDialogComponent, IgxAppendDropStrategy, IgxAutocompleteDirective, IgxAutocompleteModule, IgxAvatarComponent, IgxAvatarModule, IgxAvatarSize, IgxAvatarType, IgxBadgeComponent, IgxBadgeModule, IgxBadgeType, IgxBannerActionsDirective, IgxBannerComponent, IgxBannerModule, IgxBaseExporter, IgxBaseTransactionService, IgxBooleanFilteringOperand, IgxBottomNavComponent, IgxBottomNavContentComponent, IgxBottomNavHeaderComponent, IgxBottomNavHeaderIconDirective, IgxBottomNavHeaderLabelDirective, IgxBottomNavItemComponent, IgxBottomNavModule, IgxButtonDirective, IgxButtonGroupComponent, IgxButtonGroupModule, IgxButtonModule, IgxButtonType, IgxCSVTextDirective, IgxCalendarComponent, IgxCalendarHeaderTemplateDirective, IgxCalendarHeaderTitleTemplateDirective, IgxCalendarModule, IgxCalendarMonthDirective, IgxCalendarScrollPageDirective, IgxCalendarSubheaderTemplateDirective, IgxCalendarView, IgxCalendarViewBaseDirective, IgxCalendarYearDirective, IgxCardActionsComponent, IgxCardActionsLayout, IgxCardComponent, IgxCardContentDirective, IgxCardFooterDirective, IgxCardHeaderComponent, IgxCardHeaderSubtitleDirective, IgxCardHeaderTitleDirective, IgxCardMediaDirective, IgxCardModule, IgxCardThumbnailDirective, IgxCarouselComponent, IgxCarouselIndicatorDirective, IgxCarouselModule, IgxCarouselNextButtonDirective, IgxCarouselPrevButtonDirective, IgxCellEditorTemplateDirective, IgxCellFooterTemplateDirective, IgxCellHeaderTemplateDirective, IgxCellTemplateDirective, IgxCellValidationErrorDirective, IgxChatAttachmentContextDirective, IgxChatComponent, IgxChatInputContextDirective, IgxChatMessageContextDirective, IgxCheckboxComponent, IgxCheckboxModule, IgxChildGridRowComponent, IgxChipComponent, IgxChipTypeVariant, IgxChipsAreaComponent, IgxChipsModule, IgxCircularProgressBarComponent, IgxCollapsibleIndicatorTemplateDirective, IgxColumPatternValidatorDirective, IgxColumnActionsBaseDirective, IgxColumnActionsComponent, IgxColumnComponent, IgxColumnEmailValidatorDirective, IgxColumnGroupComponent, IgxColumnHidingDirective, IgxColumnLayoutComponent, IgxColumnMaxLengthValidatorDirective, IgxColumnMaxValidatorDirective, IgxColumnMinLengthValidatorDirective, IgxColumnMinValidatorDirective, IgxColumnPinningDirective, IgxColumnRequiredValidatorDirective, IgxComboAddItemDirective, IgxComboClearIconDirective, IgxComboComponent, IgxComboEmptyDirective, IgxComboFooterDirective, IgxComboHeaderDirective, IgxComboHeaderItemDirective, IgxComboItemDirective, IgxComboModule, IgxComboToggleIconDirective, IgxCsvExporterOptions, IgxCsvExporterService, IgxDataLoadingTemplateDirective, IgxDataRecordSorting, IgxDateFilteringOperand, IgxDatePickerComponent, IgxDatePickerModule, IgxDateRangeEndComponent, IgxDateRangeInputsBaseComponent, IgxDateRangePickerComponent, IgxDateRangePickerModule, IgxDateRangeSeparatorDirective, IgxDateRangeStartComponent, IgxDateSummaryOperand, IgxDateTimeEditorDirective, IgxDateTimeEditorModule, IgxDateTimeFilteringOperand, IgxDaysViewComponent, IgxDefaultDropStrategy, IgxDialogActionsDirective, IgxDialogComponent, IgxDialogModule, IgxDialogTitleDirective, IgxDividerDirective, IgxDividerModule, IgxDividerType, IgxDragDirective, IgxDragDropModule, IgxDragHandleDirective, IgxDragIgnoreDirective, IgxDragIndicatorIconDirective, IgxDragLocation, IgxDropDirective, IgxDropDownComponent, IgxDropDownGroupComponent, IgxDropDownItemComponent, IgxDropDownItemNavigationDirective, IgxDropDownModule, IgxEmptyListTemplateDirective, IgxExcelExporterOptions, IgxExcelExporterService, IgxExcelStyleClearFiltersComponent, IgxExcelStyleColumnOperationsTemplateDirective, IgxExcelStyleConditionalFilterComponent, IgxExcelStyleDateExpressionComponent, IgxExcelStyleFilterOperationsTemplateDirective, IgxExcelStyleHeaderComponent, IgxExcelStyleHeaderIconDirective, IgxExcelStyleHidingComponent, IgxExcelStyleLoadingValuesTemplateDirective, IgxExcelStyleMovingComponent, IgxExcelStylePinningComponent, IgxExcelStyleSearchComponent, IgxExcelStyleSelectingComponent, IgxExcelStyleSortingComponent, IgxExcelTextDirective, IgxExpansionPanelBodyComponent, IgxExpansionPanelComponent, IgxExpansionPanelDescriptionDirective, IgxExpansionPanelHeaderComponent, IgxExpansionPanelIconDirective, IgxExpansionPanelModule, IgxExpansionPanelTitleDirective, IgxExporterOptionsBase, IgxFilterCellTemplateDirective, IgxFilterDirective, IgxFilterModule, IgxFilterOptions, IgxFilterPipe, IgxFilteringOperand, IgxFlatTransactionFactory, IgxFlexDirective, IgxFocusDirective, IgxFocusModule, IgxFocusTrapDirective, IgxFocusTrapModule, IgxForOfContext, IgxForOfDirective, IgxForOfModule, IgxGridActionButtonComponent, IgxGridActionsBaseDirective, IgxGridCell, IgxGridComponent, IgxGridDetailTemplateDirective, IgxGridEditingActionsComponent, IgxGridEmptyTemplateDirective, IgxGridExcelStyleFilteringComponent, IgxGridFooterComponent, IgxGridForOfContext, IgxGridForOfDirective, IgxGridHeaderComponent, IgxGridHeaderGroupComponent, IgxGridHeaderRowComponent, IgxGridLoadingTemplateDirective, IgxGridModule, IgxGridPinningActionsComponent, IgxGridRow, IgxGridStateDirective, IgxGridToolbarActionsComponent, IgxGridToolbarAdvancedFilteringComponent, IgxGridToolbarComponent, IgxGridToolbarDirective, IgxGridToolbarExporterComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarTitleComponent, IgxGridTransaction, IgxGroupAreaDropDirective, IgxGroupByRow, IgxGroupByRowSelectorDirective, IgxGroupByRowTemplateDirective, IgxGroupedTreeGridSorting, IgxGrouping, IgxHeadSelectorDirective, IgxHeaderCollapsedIndicatorDirective, IgxHeaderExpandedIndicatorDirective, IgxHierarchicalGridComponent, IgxHierarchicalGridModule, IgxHierarchicalGridRow, IgxHierarchicalTransactionFactory, IgxHierarchicalTransactionService, IgxHintDirective, IgxIconButtonDirective, IgxIconComponent, IgxIconModule, IgxIconService, IgxInputDirective, IgxInputGroupComponent, IgxInputGroupEnum, IgxInputGroupModule, IgxInputState, IgxInsertDropStrategy, IgxItemListDirective, IgxLabelDirective, IgxLayoutDirective, IgxLayoutModule, IgxLinearProgressBarComponent, IgxListActionDirective, IgxListBaseDirective, IgxListComponent, IgxListItemComponent, IgxListItemLeftPanningTemplateDirective, IgxListItemRightPanningTemplateDirective, IgxListLineDirective, IgxListLineSubTitleDirective, IgxListLineTitleDirective, IgxListModule, IgxListPanState, IgxListThumbnailDirective, IgxMaskDirective, IgxMaskModule, IgxMonthPickerComponent, IgxMonthsViewComponent, IgxNavDrawerItemDirective, IgxNavDrawerMiniTemplateDirective, IgxNavDrawerTemplateDirective, IgxNavbarActionDirective, IgxNavbarComponent, IgxNavbarModule, IgxNavbarTitleDirective, IgxNavigationCloseDirective, IgxNavigationDrawerComponent, IgxNavigationDrawerModule, IgxNavigationService, IgxNavigationToggleDirective, IgxNumberFilteringOperand, IgxNumberSummaryOperand, IgxOverlayOutletDirective, IgxOverlayService, IgxPageNavigationComponent, IgxPageSizeSelectorComponent, IgxPaginatorComponent, IgxPaginatorContentDirective, IgxPaginatorDirective, IgxPaginatorModule, IgxPickerActionsDirective, IgxPickerClearComponent, IgxPickerToggleComponent, IgxPivotAggregate, IgxPivotDataSelectorComponent, IgxPivotDateAggregate, IgxPivotDateDimension, IgxPivotGridComponent, IgxPivotGridModule, IgxPivotGridRow, IgxPivotNumericAggregate, IgxPivotRowDimensionHeaderTemplateDirective, IgxPivotTimeAggregate, IgxPivotValueChipTemplateDirective, IgxPrefixDirective, IgxPrependDropStrategy, IgxProgressBarGradientDirective, IgxProgressBarModule, IgxProgressBarTextTemplateDirective, IgxProgressType, IgxQueryBuilderComponent, IgxQueryBuilderHeaderComponent, IgxQueryBuilderModule, IgxQueryBuilderSearchValueTemplateDirective, IgxRadioComponent, IgxRadioGroupDirective, IgxRadioModule, IgxRippleDirective, IgxRippleModule, IgxRowAddTextDirective, IgxRowCollapsedIndicatorDirective, IgxRowDirective, IgxRowDragGhostDirective, IgxRowEditActionsDirective, IgxRowEditTabStopDirective, IgxRowEditTextDirective, IgxRowExpandedIndicatorDirective, IgxRowIslandComponent, IgxRowSelectorDirective, IgxScrollInertiaDirective, IgxScrollInertiaModule, IgxSelectComponent, IgxSelectFooterDirective, IgxSelectGroupComponent, IgxSelectHeaderDirective, IgxSelectItemComponent, IgxSelectModule, IgxSelectToggleIconDirective, IgxSimpleComboComponent, IgxSimpleComboModule, IgxSlideComponent, IgxSliderComponent, IgxSliderModule, IgxSliderType, IgxSnackbarComponent, IgxSnackbarModule, IgxSortAscendingHeaderIconDirective, IgxSortDescendingHeaderIconDirective, IgxSortHeaderIconDirective, IgxSorting, IgxSplitBarComponent, IgxSplitterComponent, IgxSplitterModule, IgxSplitterPaneComponent, IgxStepActiveIndicatorDirective, IgxStepCompletedIndicatorDirective, IgxStepComponent, IgxStepContentDirective, IgxStepIndicatorDirective, IgxStepInvalidIndicatorDirective, IgxStepSubtitleDirective, IgxStepTitleDirective, IgxStepType, IgxStepperComponent, IgxStepperModule, IgxStepperOrientation, IgxStepperTitlePosition, IgxStringFilteringOperand, IgxSuffixDirective, IgxSummaryOperand, IgxSummaryRow, IgxSummaryTemplateDirective, IgxSwitchComponent, IgxSwitchModule, IgxTabContentComponent, IgxTabHeaderComponent, IgxTabHeaderIconDirective, IgxTabHeaderLabelDirective, IgxTabItemComponent, IgxTabsAlignment, IgxTabsComponent, IgxTabsModule, IgxTemplateOutletDirective, IgxTextAlign, IgxTextHighlightDirective, IgxTextHighlightModule, IgxTextHighlightService, IgxTextSelectionDirective, IgxTextSelectionModule, IgxThumbFromTemplateDirective, IgxThumbToTemplateDirective, IgxTickLabelTemplateDirective, IgxTimeFilteringOperand, IgxTimeItemDirective, IgxTimePickerComponent, IgxTimePickerModule, IgxTimeSummaryOperand, IgxToastComponent, IgxToastModule, IgxToggleActionDirective, IgxToggleDirective, IgxToggleModule, IgxTooltipDirective, IgxTooltipModule, IgxTooltipTargetDirective, IgxTransactionService, IgxTreeComponent, IgxTreeExpandIndicatorDirective, IgxTreeGridComponent, IgxTreeGridGroupByAreaComponent, IgxTreeGridGroupingPipe, IgxTreeGridModule, IgxTreeGridRow, IgxTreeModule, IgxTreeNodeComponent, IgxTreeNodeLinkDirective, IgxTreeSelectionType, IgxYearsViewComponent, IndigoIcons, InputResourceStringsEN, LabelPosition, ListResourceStringsEN, NoOpScrollStrategy, NoopFilteringStrategy, NoopPivotDimensionsStrategy, NoopSortingStrategy, PaginatorResourceStringsEN, PagingError, PickerInteractionMode, PivotColumnDimensionsStrategy, PivotDimensionType, PivotRowDimensionsStrategy, PivotRowLayoutType, PivotSummaryPosition, Point, QueryBuilderResourceStringsEN, RadioGroupAlignment, RelativePosition, RelativePositionStrategy, RowPinningPosition, ScrollDirection, ScrollStrategy, Size$1 as Size, SliderHandle, SortingDirection, SplitterType, THEME_TOKEN, TRANSACTION_TYPE, ThemeToken, TickLabelsOrientation, TicksOrientation, TimePickerResourceStringsEN, TooltipPositionStrategy, TransactionEventOrigin, TransactionType, TreeGridFilteringStrategy, TreeGridFormattedValuesFilteringStrategy, TreeGridMatchingRecordsOnlyFilteringStrategy, TreeResourceStringsEN, VerticalAlignment, VerticalAnimationType, WEEKDAYS, changei18n, comboIgnoreDiacriticsFilter, igxI18N, isLeap, monthRange, range, weekDay };
44478
+ export type { Action, ArrowFit, AutocompleteOverlaySettings, AutocompleteSelectionChangingEventArgs, BannerCancelEventArgs, BannerEventArgs, CancelableBrowserEventArgs, CancelableEventArgs, CarouselAnimationSettings, CellType, ChatInputContext, ColumnType, CustomDateRange, DatePartDeltas, DateRange, DateRangeDescriptor, DimensionValueType, EntityType, FamilyMeta, FieldType, FlatGridType, GridFeatures, GridKeydownTargetType, GridSVGIcon, GridSelectionRange, GridServiceType, GridType, GridValidationTrigger, HeaderType, HierarchicalGridType, HierarchicalState, HierarchicalTransaction, HierarchicalTransactionService, IAccordionCancelableEventArgs, IAccordionEventArgs, IActionStripResourceStrings, IActiveHighlightInfo, IActiveNodeChangeEventArgs, IBannerResourceStrings, IBaseChipEventArgs, IBaseChipsAreaEventArgs, IBaseSearchInfo, IButtonEventArgs, IButtonGroupEventArgs, ICachedViewLoadedEventArgs, ICalendarResourceStrings, ICarouselResourceStrings, ICellPosition, IChangeCheckboxEventArgs, IChangeProgressEventArgs, IChipClickEventArgs, IChipEnterDragAreaEventArgs, IChipKeyDownEventArgs, IChipResourceStrings, IChipSelectEventArgs, IChipsAreaReorderEventArgs, IChipsAreaSelectEventArgs, IClipboardOptions, IColumnEditorOptions, IColumnExportingEventArgs, IColumnInfo, IColumnList, IColumnMovingEndEventArgs, IColumnMovingEventArgs, IColumnMovingStartEventArgs, IColumnPipeArgs, IColumnResizeEventArgs, IColumnResizingEventArgs, IColumnSelectionEventArgs, IColumnSelectionState, IColumnState, IColumnToggledEventArgs, IColumnVisibilityChangedEventArgs, IColumnVisibilityChangingEventArgs, IColumnsAutoGeneratedEventArgs, IComboFilteringOptions, IComboItemAdditionEvent, IComboResourceStrings, IComboSearchInputEventArgs, IComboSelectionChangingEventArgs, ICsvExportEndedEventArgs, IDataCloneStrategy, IDateParts, IDatePickerResourceStrings, IDatePickerValidationFailedEventArgs, IDateRangePickerResourceStrings, IDialogCancellableEventArgs, IDialogEventArgs, IDimensionsChange, IDragBaseEventArgs, IDragCustomTransitionArgs, IDragGhostBaseEventArgs, IDragMoveEventArgs, IDragStartEventArgs, IDropBaseEventArgs, IDropDownNavigationDirective, IDropDroppedEventArgs, IDropStrategy, IExcelExportEndedEventArgs, IExpansionPanelEventArgs, IExportRecord, IExpressionTree, IFieldEditorOptions, IFieldPipeArgs, IFieldValidationState, IFilteringEventArgs, IFilteringExpression, IFilteringExpressionsTree, IFilteringOperation, IFilteringState, IFilteringStrategy, IForOfDataChangeEventArgs, IForOfDataChangingEventArgs, IForOfState, IFormattedParts, IFormattingOptions, IFormattingViews, IGridCellEventArgs, IGridClipboardEvent, IGridContextMenuEventArgs, IGridCreatedEventArgs, IGridDataBindable, IGridEditDoneEventArgs, IGridEditEventArgs, IGridFormGroupCreatedEventArgs, IGridGroupingStrategy, IGridKeydownEventArgs, IGridMergeStrategy, IGridResourceStrings, IGridRowEventArgs, IGridScrollEventArgs, IGridSortingStrategy, IGridState, IGridStateCollection, IGridStateOptions, IGridToolbarExportEventArgs, IGridValidationState, IGridValidationStatusEventArgs, IGroupByExpandState, IGroupByKey, IGroupByRecord, IGroupingDoneEventArgs, IGroupingExpression, IGroupingState, IInputResourceStrings, IListItemClickEventArgs, IListItemPanningEventArgs, IListResourceStrings, IMaskEventArgs, IMergeByResult, IMultiRowLayoutNode, IPageCancellableEventArgs, IPageEventArgs, IPaginatorResourceStrings, IPagingState, IPanStateChangeEventArgs, IPathSegment, IPinColumnCancellableEventArgs, IPinColumnEventArgs, IPinRowEventArgs, IPinningConfig, IPivotAggregator, IPivotConfiguration, IPivotConfigurationChangedEventArgs, IPivotDateDimensionOptions, IPivotDimension, IPivotDimensionData, IPivotDimensionStrategy, IPivotGridColumn, IPivotGridGroupRecord, IPivotGridHorizontalGroup, IPivotGridRecord, IPivotKeys, IPivotUISettings, IPivotValue, IPositionStrategy, IQueryBuilderResourceStrings, IRangeSliderValue, IRecordValidationState, IResourceStrings, IRowDataCancelableEventArgs, IRowDataEventArgs, IRowDragEndEventArgs, IRowDragStartEventArgs, IRowExportingEventArgs, IRowSelectionEventArgs, IRowToggleEventArgs, IScrollStrategy, ISearchInfo, ISelectionEventArgs, ISelectionKeyboardState, ISelectionNode, ISelectionPointerState, ISimpleComboSelectionChangingEventArgs, ISizeInfo, ISlideEventArgs, ISliderValueChangeEventArgs, ISortingEventArgs, ISortingExpression, ISortingOptions, ISortingStrategy, ISplitterBarResizeEventArgs, IStepChangedEventArgs, IStepChangingEventArgs, ISummaryExpression, ISummaryRecord, ITabsSelectedIndexChangingEventArgs, ITabsSelectedItemChangeEventArgs, ITimePickerResourceStrings, IToggleView, ITooltipHideEventArgs, ITooltipShowEventArgs, ITreeGridRecord, ITreeNodeEditedEvent, ITreeNodeEditingEvent, ITreeNodeSelectionEvent, ITreeNodeToggledEventArgs, ITreeNodeTogglingEventArgs, ITreeResourceStrings, IValuesChange, IViewChangeEventArgs, IViewDateChangeEventArgs, IconFamily, IconMeta, IconReference, IgxCellTemplateContext, IgxChatOptions, IgxChatTemplates, IgxColumnTemplateContext, IgxDateTimeEditorEventArgs, IgxDragCustomEventDetails, IgxExporterEvent, IgxExporterOptions, IgxFilterItem, IgxGridEmptyTemplateContext, IgxGridHeaderTemplateContext, IgxGridMasterDetailContext, IgxGridPaginatorTemplateContext, IgxGridRowDragGhostContext, IgxGridRowEditActionsTemplateContext, IgxGridRowEditTemplateContext, IgxGridRowEditTextTemplateContext, IgxGridRowTemplateContext, IgxGridTemplateContext, IgxGridToolbarTemplateContext, IgxGroupByRowSelectorTemplateContext, IgxGroupByRowSelectorTemplateDetails, IgxGroupByRowTemplateContext, IgxHeadSelectorTemplateContext, IgxHeadSelectorTemplateDetails, IgxIconButtonType, IgxIconLoadedEvent, IgxInputGroupType, IgxPivotGridValueTemplateContext, IgxRowSelectorTemplateContext, IgxRowSelectorTemplateDetails, IgxSummaryResult, IgxSummaryTemplateContext, IgxTheme, IgxTimePickerValidationFailedEventArgs, IgxTree, IgxTreeNode, IgxTreeSearchResolver, MRLColumnSizeInfo, MRLResizeColumnInfo, OverlayAnimationEventArgs, OverlayCancelableEventArgs, OverlayClosingEventArgs, OverlayCreateSettings, OverlayEventArgs, OverlaySettings, PivotAggregation, PivotAggregationType, PivotGridType, PivotRowHeaderGroupType, PositionSettings, RowType, SelectionState, State, StateUpdateEvent, ToggleViewCancelableEventArgs, ToggleViewEventArgs, Transaction, TransactionService, TreeGridType, ValidationStatus };
@@ -35,6 +35,10 @@
35
35
  @extend %igx-badge--error !optional;
36
36
  }
37
37
 
38
+ @include m(dot) {
39
+ @extend %igx-badge--dot !optional;
40
+ }
41
+
38
42
  @include m(outlined) {
39
43
  @extend %igx-badge--outlined !optional;
40
44
  }
@@ -6,12 +6,15 @@
6
6
  /// @param {Map} $theme - The theme used to style the component.
7
7
  @mixin badge($theme) {
8
8
  @include css-vars($theme);
9
-
9
+ $theme-variant: map.get($theme, '_meta', 'variant');
10
10
  $variant: map.get($theme, '_meta', 'theme');
11
11
 
12
12
  %igx-badge-display {
13
- --size: #{rem(22px)};
14
- --_badge-size: var(--size);
13
+ @include sizable();
14
+
15
+ --component-size: var(--ig-size, #{var-get($theme, 'default-size')});
16
+ --badge-size: var(--component-size);
17
+ --_badge-size: #{var-get($theme, 'size')};
15
18
 
16
19
  display: inline-flex;
17
20
  justify-content: center;
@@ -25,18 +28,18 @@
25
28
  overflow: hidden;
26
29
 
27
30
  igx-icon {
28
- --size: var(--igx-icon-size, calc(var(--_badge-size) / 2));
31
+ --size: var(--igx-icon-size, #{sizable(rem(12px), rem(14px), rem(16px))});
32
+ --component-size: var(--badge-size);
29
33
 
30
34
  display: inline-flex;
31
35
  justify-content: center;
32
36
  align-items: center;
33
- font-weight: 400;
34
37
  color: var-get($theme, 'icon-color');
35
38
  }
36
39
 
37
40
  @if $variant == 'indigo' {
38
41
  igx-icon {
39
- $icon-size: rem(12px);
42
+ $icon-size: sizable(rem(8px), rem(10px), rem(12px));
40
43
 
41
44
  --ig-icon-size: #{$icon-size};
42
45
  --igx-icon-size: #{$icon-size};
@@ -45,7 +48,7 @@
45
48
  }
46
49
 
47
50
  %igx-badge--outlined {
48
- box-shadow: inset 0 0 0 rem(if($variant != 'bootstrap', 2px, 1px)) var-get($theme, 'border-color');
51
+ box-shadow: 0 0 0 rem(2px) var-get($theme, 'border-color');
49
52
  }
50
53
 
51
54
  %igx-badge--square {
@@ -54,23 +57,57 @@
54
57
 
55
58
  %igx-badge-value {
56
59
  white-space: nowrap;
57
- padding-inline: pad-inline(rem(4px));
60
+ padding-inline: pad-inline(rem(4px), rem(6px), if($variant == 'indigo', rem(6px), rem(8px)));
58
61
  }
59
62
 
60
63
  %igx-badge--success {
61
- background: color($color: 'success');
64
+ background: color($color: 'success', $variant: if($variant != 'material', if($variant == 'indigo', 700, 500), 900));
62
65
  }
63
66
 
64
67
  %igx-badge--info {
65
- background: color($color: 'info');
68
+ background: color($color: 'info', $variant: if($variant != 'material', if($variant == 'fluent', 700, 500), 800));
66
69
  }
67
70
 
68
71
  %igx-badge--warn {
69
72
  background: color($color: 'warn');
73
+
74
+ @if $variant == 'indigo' and $theme-variant == 'light' {
75
+ color: color($color: 'gray', $variant: 900);
76
+
77
+ igx-icon {
78
+ color: color($color: 'gray', $variant: 900);
79
+ }
80
+ } @else if $variant == 'indigo' and $theme-variant == 'dark' {
81
+ color: color($color: 'gray', $variant: 50);
82
+
83
+ igx-icon {
84
+ color: color($color: 'gray', $variant: 50);
85
+ }
86
+ } @else {
87
+ color: contrast-color($color: 'warn', $variant: 500);
88
+
89
+ igx-icon {
90
+ color: contrast-color($color: 'warn', $variant: 500);
91
+ }
92
+ }
70
93
  }
71
94
 
72
95
  %igx-badge--error {
73
- background: color($color: 'error');
96
+ background: color($color: 'error', $variant: if($variant == 'material', 700, 500));
97
+ color: contrast-color($color: 'error', $variant: if($variant == 'bootstrap', 100, 900));
98
+ }
99
+
100
+ %igx-badge--dot {
101
+ --_dot-size: #{var-get($theme, 'dot-size')};
102
+
103
+ min-width: var(--_dot-size);
104
+ min-height: var(--_dot-size);
105
+ padding: 0;
106
+
107
+ igx-icon,
108
+ > * {
109
+ display: none;
110
+ }
74
111
  }
75
112
 
76
113
  %igx-badge--hidden {
@@ -79,15 +116,28 @@
79
116
  }
80
117
 
81
118
  /// Adds typography styles for the igx-badge component.
82
- /// Uses the 'caption' category from the typographic scale.
119
+ /// Uses 'caption' and 'body-2' categories from the typographic scale.
83
120
  /// @group typography
84
121
  /// @param {Map} $categories [(text: 'caption')] - The categories from the typographic scale used for type styles.
85
- @mixin badge-typography($categories: (text: 'caption')) {
122
+ @mixin badge-typography($categories: (text: null), $theme: null) {
86
123
  $text: map.get($categories, 'text');
87
124
 
88
125
  %igx-badge-display {
89
- @include type-style($text) {
90
- margin: 0;
126
+ @if $text {
127
+ @include type-style($text);
128
+ } @else {
129
+ @if $theme == 'indigo' {
130
+ @include type-style('button', false) {
131
+ font-size: sizable(rem(9px), rem(10px), var(--ig-button-font-size));
132
+ line-height: sizable(rem(12px), rem(14px), var(--ig-button-line-height));
133
+ }
134
+ } @else {
135
+ font-size: sizable(var(--ig-caption-font-size), var(--ig-body-2-font-size), var(--ig-body-2-font-size));
136
+ font-weight: sizable(var(--ig-caption-font-weight), var(--ig-body-2-font-weight), var(--ig-body-2-font-weight));
137
+ line-height: sizable(var(--ig-caption-line-height), var(--ig-body-2-line-height), var(--ig-body-2-line-height));
138
+ letter-spacing: sizable(var(--ig-caption-letter-spacing), var(--ig-body-2-letter-spacing), var(--ig-body-2-letter-spacing));
139
+ text-transform: sizable(var(--ig-caption-text-transform), var(--ig-body-2-text-transform), var(--ig-body-2-text-transform));
140
+ }
91
141
  }
92
142
  }
93
143
  }
@@ -14,10 +14,22 @@
14
14
  @extend %cbx-display !optional;
15
15
 
16
16
  &:hover {
17
+ @include e(label) {
18
+ @extend %cbx-label--hover !optional;
19
+ }
20
+
21
+ @include e(label, $m: before) {
22
+ @extend %cbx-label--hover !optional;
23
+ }
24
+
17
25
  @include e(ripple) {
18
26
  @extend %cbx-ripple--hover !optional;
19
27
  }
20
28
 
29
+ @include e(composite) {
30
+ @extend %cbx-composite--hover !optional;
31
+ }
32
+
21
33
  @include e(composite-mark) {
22
34
  @extend %cbx-composite-mark--fluent !optional;
23
35
  }
@@ -60,30 +72,10 @@
60
72
  @extend %cbx-ripple !optional;
61
73
  }
62
74
 
63
- @include m(bootstrap) {
64
- @include e(composite) {
65
- &:hover {
66
- @extend %cbx-composite--hover !optional;
67
- }
68
- }
69
- }
70
-
71
75
  @include m(indigo) {
72
- @include e(composite) {
73
- &:hover {
74
- @extend %cbx-composite--hover !optional;
75
- }
76
- }
77
-
78
76
  @include e(composite-mark) {
79
77
  @extend %cbx-composite-mark-indigo !optional;
80
78
  }
81
-
82
- @include e(label) {
83
- &:hover {
84
- @extend %cbx-label--hover !optional;
85
- }
86
- }
87
79
  }
88
80
 
89
81
  @include m(invalid) {
@@ -99,6 +91,10 @@
99
91
  @extend %cbx-label--invalid !optional;
100
92
  }
101
93
 
94
+ @include e(label, $m: before) {
95
+ @extend %cbx-label--invalid !optional;
96
+ }
97
+
102
98
  &:hover {
103
99
  @include e(ripple) {
104
100
  @extend %cbx-ripple--hover !optional;
@@ -112,6 +108,14 @@
112
108
  @include e(composite-mark) {
113
109
  @extend %cbx-composite-mark--invalid--fluent !optional;
114
110
  }
111
+
112
+ @include e(label) {
113
+ @extend %cbx-label--invalid !optional;
114
+ }
115
+
116
+ @include e(label, $m: before) {
117
+ @extend %cbx-label--invalid !optional;
118
+ }
115
119
  }
116
120
 
117
121
  &:active {
@@ -183,6 +187,12 @@
183
187
  @include e(ripple) {
184
188
  @extend %cbx-ripple--focused-invalid !optional;
185
189
  }
190
+
191
+ &:hover {
192
+ @include e(ripple) {
193
+ @extend %cbx-ripple--hover-invalid !optional;
194
+ }
195
+ }
186
196
  }
187
197
 
188
198
  @include mx(indigo, focused, invalid) {
@@ -239,11 +249,19 @@
239
249
  @include e(composite) {
240
250
  @extend %cbx-composite--x--hover !optional;
241
251
  }
252
+
253
+ @include e(composite-mark) {
254
+ @extend %cbx-composite-mark--in--fluent !optional;
255
+ }
242
256
  }
243
257
  }
244
258
 
245
259
  @include mx(material, disabled, indeterminate) {
246
- @extend %igx-checkbox--disabled-indeterminate-material !optional;
260
+ @extend %igx-checkbox--disabled-indeterminate !optional;
261
+ }
262
+
263
+ @include mx(bootstrap, disabled, indeterminate) {
264
+ @extend %igx-checkbox--disabled-indeterminate !optional;
247
265
  }
248
266
 
249
267
  @include mx(fluent, disabled, indeterminate) {
@@ -251,7 +269,9 @@
251
269
  }
252
270
 
253
271
  @include mx(indigo, disabled, indeterminate) {
254
- @extend %igx-checkbox--disabled-indeterminate-indigo !optional;
272
+ @include e(composite) {
273
+ @extend %igx-checkbox--disabled-indeterminate-indigo !optional;
274
+ }
255
275
  }
256
276
 
257
277
  @include mx(indigo, focused, indeterminate) {
@@ -324,6 +344,21 @@
324
344
  @extend %cbx-ripple--focused !optional;
325
345
  @extend %cbx-ripple--focused-checked !optional;
326
346
  }
347
+
348
+ &:hover {
349
+ @include e(ripple) {
350
+ @extend %cbx-ripple--focused !optional;
351
+ @extend %cbx-ripple--focused--hover-checked !optional;
352
+ }
353
+ }
354
+ }
355
+
356
+ @include mx(focused, invalid, checked) {
357
+ &:hover {
358
+ @include e(ripple) {
359
+ @extend %cbx-ripple--hover-invalid !optional;
360
+ }
361
+ }
327
362
  }
328
363
 
329
364
  @include mx(focused, indeterminate) {