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.
- package/chat-extras/index.d.ts +13 -0
- package/fesm2022/igniteui-angular-chat-extras.mjs +85 -0
- package/fesm2022/igniteui-angular-chat-extras.mjs.map +1 -0
- package/fesm2022/igniteui-angular.mjs +150 -133
- package/fesm2022/igniteui-angular.mjs.map +1 -1
- package/index.d.ts +119 -24
- package/lib/core/styles/components/badge/_badge-component.scss +4 -0
- package/lib/core/styles/components/badge/_badge-theme.scss +65 -15
- package/lib/core/styles/components/checkbox/_checkbox-component.scss +57 -22
- package/lib/core/styles/components/checkbox/_checkbox-theme.scss +21 -6
- package/lib/core/styles/components/combo/_combo-theme.scss +20 -16
- package/lib/core/styles/components/list/_list-theme.scss +2 -1
- package/lib/core/styles/components/navbar/_navbar-theme.scss +14 -12
- package/lib/core/styles/components/select/_select-theme.scss +1 -1
- package/lib/core/styles/components/snackbar/_snackbar-theme.scss +2 -5
- package/lib/core/styles/components/time-picker/_time-picker-theme.scss +0 -15
- package/lib/core/styles/components/tooltip/_tooltip-theme.scss +5 -1
- package/lib/core/styles/typography/_bootstrap.scss +1 -1
- package/lib/core/styles/typography/_fluent.scss +1 -1
- package/lib/core/styles/typography/_indigo.scss +1 -3
- package/lib/core/styles/typography/_material.scss +1 -1
- package/package.json +5 -1
- package/styles/igniteui-angular-dark.css +1 -1
- package/styles/igniteui-angular.css +1 -1
- package/styles/igniteui-bootstrap-dark.css +1 -1
- package/styles/igniteui-bootstrap-light.css +1 -1
- package/styles/igniteui-dark-green.css +1 -1
- package/styles/igniteui-fluent-dark-excel.css +1 -1
- package/styles/igniteui-fluent-dark-word.css +1 -1
- package/styles/igniteui-fluent-dark.css +1 -1
- package/styles/igniteui-fluent-light-excel.css +1 -1
- package/styles/igniteui-fluent-light-word.css +1 -1
- package/styles/igniteui-fluent-light.css +1 -1
- package/styles/igniteui-indigo-dark.css +1 -1
- package/styles/igniteui-indigo-light.css +1 -1
- package/styles/maps/igniteui-angular-dark.css.map +1 -1
- package/styles/maps/igniteui-angular.css.map +1 -1
- package/styles/maps/igniteui-bootstrap-dark.css.map +1 -1
- package/styles/maps/igniteui-bootstrap-light.css.map +1 -1
- package/styles/maps/igniteui-dark-green.css.map +1 -1
- package/styles/maps/igniteui-fluent-dark-excel.css.map +1 -1
- package/styles/maps/igniteui-fluent-dark-word.css.map +1 -1
- package/styles/maps/igniteui-fluent-dark.css.map +1 -1
- package/styles/maps/igniteui-fluent-light-excel.css.map +1 -1
- package/styles/maps/igniteui-fluent-light-word.css.map +1 -1
- package/styles/maps/igniteui-fluent-light.css.map +1 -1
- package/styles/maps/igniteui-indigo-dark.css.map +1 -1
- 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:
|
|
44312
|
-
attachments:
|
|
44320
|
+
value: string;
|
|
44321
|
+
attachments: IgcChatMessageAttachment[];
|
|
44313
44322
|
} : T extends ChatRenderContext ? {
|
|
44314
|
-
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
|
-
|
|
44360
|
-
|
|
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
|
|
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
|
|
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,
|
|
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 };
|
|
@@ -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
|
-
|
|
14
|
-
|
|
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,
|
|
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:
|
|
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
|
|
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:
|
|
122
|
+
@mixin badge-typography($categories: (text: null), $theme: null) {
|
|
86
123
|
$text: map.get($categories, 'text');
|
|
87
124
|
|
|
88
125
|
%igx-badge-display {
|
|
89
|
-
@
|
|
90
|
-
|
|
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
|
|
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
|
-
@
|
|
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) {
|