igniteui-angular 20.2.0-alpha.3 → 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/README.md +3 -1
- 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 +223 -165
- package/fesm2022/igniteui-angular.mjs.map +1 -1
- package/index.d.ts +129 -25
- 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 } 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
|
/**
|
|
@@ -16221,6 +16238,7 @@ declare abstract class IgxCalendarViewDirective implements ControlValueAccessor
|
|
|
16221
16238
|
declare class IgxMonthsViewComponent extends IgxCalendarViewDirective implements ControlValueAccessor {
|
|
16222
16239
|
#private;
|
|
16223
16240
|
el: ElementRef;
|
|
16241
|
+
private platform;
|
|
16224
16242
|
/**
|
|
16225
16243
|
* Sets/gets the `id` of the months view.
|
|
16226
16244
|
* If not set, the `id` will have value `"igx-months-view-0"`.
|
|
@@ -16309,6 +16327,7 @@ declare class IgxMonthsViewComponent extends IgxCalendarViewDirective implements
|
|
|
16309
16327
|
declare class IgxYearsViewComponent extends IgxCalendarViewDirective implements ControlValueAccessor {
|
|
16310
16328
|
#private;
|
|
16311
16329
|
el: ElementRef;
|
|
16330
|
+
private platform;
|
|
16312
16331
|
/**
|
|
16313
16332
|
* The default css class applied to the component.
|
|
16314
16333
|
*
|
|
@@ -16410,6 +16429,7 @@ declare class KeyboardNavigationService {
|
|
|
16410
16429
|
private ngZone;
|
|
16411
16430
|
private keyHandlers;
|
|
16412
16431
|
private eventUnsubscribeFn;
|
|
16432
|
+
private platform;
|
|
16413
16433
|
constructor(eventManager: EventManager, ngZone: NgZone);
|
|
16414
16434
|
attachKeyboardHandlers(elementRef: ElementRef, context: any): this;
|
|
16415
16435
|
detachKeyboardHandlers(): void;
|
|
@@ -34179,6 +34199,7 @@ declare abstract class IgxGridBaseDirective implements GridType, OnInit, DoCheck
|
|
|
34179
34199
|
* @hidden @internal
|
|
34180
34200
|
*/
|
|
34181
34201
|
repositionRowEditingOverlay(row: RowType): void;
|
|
34202
|
+
protected viewDetachHandler(args: any): void;
|
|
34182
34203
|
/**
|
|
34183
34204
|
* @hidden @internal
|
|
34184
34205
|
*/
|
|
@@ -37313,6 +37334,10 @@ declare class IgxGridComponent extends IgxGridBaseDirective implements GridType,
|
|
|
37313
37334
|
* @hidden @internal
|
|
37314
37335
|
*/
|
|
37315
37336
|
protected onColumnsAddedOrRemoved(): void;
|
|
37337
|
+
/**
|
|
37338
|
+
* @hidden
|
|
37339
|
+
*/
|
|
37340
|
+
protected onColumnsChanged(change: QueryList<IgxColumnComponent>): void;
|
|
37316
37341
|
/**
|
|
37317
37342
|
* @hidden @internal
|
|
37318
37343
|
*/
|
|
@@ -44290,20 +44315,12 @@ declare class IgxTreeModule {
|
|
|
44290
44315
|
static ɵinj: i0.ɵɵInjectorDeclaration<IgxTreeModule>;
|
|
44291
44316
|
}
|
|
44292
44317
|
|
|
44293
|
-
declare class MarkdownPipe implements PipeTransform {
|
|
44294
|
-
private _service;
|
|
44295
|
-
private _sanitizer;
|
|
44296
|
-
transform(text?: string): Promise<SafeHtml>;
|
|
44297
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<MarkdownPipe, never>;
|
|
44298
|
-
static ɵpipe: i0.ɵɵPipeDeclaration<MarkdownPipe, "fromMarkdown", true>;
|
|
44299
|
-
}
|
|
44300
|
-
|
|
44301
44318
|
type ChatContextUnion = ChatAttachmentRenderContext | ChatMessageRenderContext | ChatInputRenderContext | ChatRenderContext;
|
|
44302
44319
|
type ChatContextType<T extends ChatContextUnion> = T extends ChatAttachmentRenderContext ? IgcChatMessageAttachment : T extends ChatMessageRenderContext ? IgcChatMessage : T extends ChatInputRenderContext ? {
|
|
44303
|
-
value:
|
|
44304
|
-
attachments:
|
|
44320
|
+
value: string;
|
|
44321
|
+
attachments: IgcChatMessageAttachment[];
|
|
44305
44322
|
} : T extends ChatRenderContext ? {
|
|
44306
|
-
instance:
|
|
44323
|
+
instance: IgcChatComponent;
|
|
44307
44324
|
} : never;
|
|
44308
44325
|
type ExtractChatContext<T> = T extends (ctx: infer R) => any ? R : never;
|
|
44309
44326
|
type ChatTemplatesContextMap = {
|
|
@@ -44311,64 +44328,151 @@ type ChatTemplatesContextMap = {
|
|
|
44311
44328
|
$implicit: ChatContextType<ExtractChatContext<NonNullable<ChatRenderers[K]>> & ChatContextUnion>;
|
|
44312
44329
|
};
|
|
44313
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
|
+
*/
|
|
44314
44343
|
type IgxChatTemplates = {
|
|
44315
|
-
[K in keyof ChatRenderers]?: TemplateRef<ChatTemplatesContextMap[K]>;
|
|
44344
|
+
[K in keyof Omit<ChatRenderers, 'typingIndicator'>]?: TemplateRef<ChatTemplatesContextMap[K]>;
|
|
44316
44345
|
};
|
|
44346
|
+
/**
|
|
44347
|
+
* Configuration options for the chat component.
|
|
44348
|
+
*/
|
|
44317
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
|
+
*/
|
|
44318
44370
|
declare class IgxChatComponent implements OnInit, OnDestroy {
|
|
44319
44371
|
private readonly _view;
|
|
44320
44372
|
private readonly _templateViewRefs;
|
|
44321
44373
|
private _oldTemplates;
|
|
44322
|
-
protected readonly _mergedOptions: i0.WritableSignal<IgcChatOptions>;
|
|
44323
44374
|
protected readonly _transformedTemplates: i0.WritableSignal<ChatRenderers>;
|
|
44375
|
+
protected readonly _mergedOptions: i0.Signal<IgcChatOptions>;
|
|
44376
|
+
/** Array of chat messages to display */
|
|
44324
44377
|
readonly messages: i0.InputSignal<IgcChatMessage[]>;
|
|
44378
|
+
/** Draft message with text and optional attachments */
|
|
44325
44379
|
readonly draftMessage: i0.InputSignal<{
|
|
44326
44380
|
text: string;
|
|
44327
44381
|
attachments?: IgcChatMessageAttachment[];
|
|
44328
44382
|
}>;
|
|
44383
|
+
/** Configuration options for the chat component */
|
|
44329
44384
|
readonly options: i0.InputSignal<IgxChatOptions>;
|
|
44385
|
+
/** Custom templates for rendering chat elements */
|
|
44330
44386
|
readonly templates: i0.InputSignal<IgxChatTemplates>;
|
|
44387
|
+
/** Emitted when a new message is created */
|
|
44331
44388
|
readonly messageCreated: i0.OutputEmitterRef<IgcChatMessage>;
|
|
44389
|
+
/** Emitted when a user reacts to a message */
|
|
44390
|
+
readonly messageReact: i0.OutputEmitterRef<IgcChatMessageReaction>;
|
|
44391
|
+
/** Emitted when an attachment is clicked */
|
|
44332
44392
|
readonly attachmentClick: i0.OutputEmitterRef<IgcChatMessageAttachment>;
|
|
44393
|
+
/** Emitted when attachment drag starts */
|
|
44333
44394
|
readonly attachmentDrag: i0.OutputEmitterRef<void>;
|
|
44395
|
+
/** Emitted when attachment is dropped */
|
|
44334
44396
|
readonly attachmentDrop: i0.OutputEmitterRef<void>;
|
|
44397
|
+
/** Emitted when typing indicator state changes */
|
|
44335
44398
|
readonly typingChange: i0.OutputEmitterRef<boolean>;
|
|
44399
|
+
/** Emitted when the input receives focus */
|
|
44336
44400
|
readonly inputFocus: i0.OutputEmitterRef<void>;
|
|
44401
|
+
/** Emitted when the input loses focus */
|
|
44337
44402
|
readonly inputBlur: i0.OutputEmitterRef<void>;
|
|
44403
|
+
/** Emitted when the input value changes */
|
|
44338
44404
|
readonly inputChange: i0.OutputEmitterRef<string>;
|
|
44339
44405
|
/** @internal */
|
|
44340
44406
|
ngOnInit(): void;
|
|
44341
44407
|
/** @internal */
|
|
44342
44408
|
ngOnDestroy(): void;
|
|
44343
44409
|
constructor();
|
|
44344
|
-
private _mergeOptions;
|
|
44345
44410
|
private _setTemplates;
|
|
44346
44411
|
private _createTemplateRenderer;
|
|
44347
44412
|
static ɵfac: i0.ɵɵFactoryDeclaration<IgxChatComponent, never>;
|
|
44348
|
-
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"; "attachmentClick": "attachmentClick"; "attachmentDrag": "attachmentDrag"; "attachmentDrop": "attachmentDrop"; "typingChange": "typingChange"; "inputFocus": "inputFocus"; "inputBlur": "inputBlur"; "inputChange": "inputChange"; }, never, ["*"], true, never>;
|
|
44349
|
-
}
|
|
44350
|
-
interface ChatTemplateContext<T> {
|
|
44351
|
-
$implicit: T;
|
|
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>;
|
|
44352
44414
|
}
|
|
44415
|
+
/**
|
|
44416
|
+
* Context provided to the chat input template.
|
|
44417
|
+
*/
|
|
44353
44418
|
interface ChatInputContext {
|
|
44419
|
+
/** The current input value */
|
|
44354
44420
|
$implicit: string;
|
|
44421
|
+
/** Array of attachments associated with the input */
|
|
44355
44422
|
attachments: IgcChatMessageAttachment[];
|
|
44356
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
|
+
*/
|
|
44357
44435
|
declare class IgxChatMessageContextDirective {
|
|
44358
|
-
static ngTemplateContextGuard(_: IgxChatMessageContextDirective, ctx: unknown): ctx is
|
|
44436
|
+
static ngTemplateContextGuard(_: IgxChatMessageContextDirective, ctx: unknown): ctx is {
|
|
44437
|
+
$implicit: IgcChatMessage;
|
|
44438
|
+
};
|
|
44359
44439
|
static ɵfac: i0.ɵɵFactoryDeclaration<IgxChatMessageContextDirective, never>;
|
|
44360
44440
|
static ɵdir: i0.ɵɵDirectiveDeclaration<IgxChatMessageContextDirective, "[igxChatMessageContext]", never, {}, {}, never, never, true, never>;
|
|
44361
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
|
+
*/
|
|
44362
44453
|
declare class IgxChatAttachmentContextDirective {
|
|
44363
|
-
static ngTemplateContextGuard(_: IgxChatAttachmentContextDirective, ctx: unknown): ctx is
|
|
44454
|
+
static ngTemplateContextGuard(_: IgxChatAttachmentContextDirective, ctx: unknown): ctx is {
|
|
44455
|
+
$implicit: IgcChatMessageAttachment;
|
|
44456
|
+
};
|
|
44364
44457
|
static ɵfac: i0.ɵɵFactoryDeclaration<IgxChatAttachmentContextDirective, never>;
|
|
44365
44458
|
static ɵdir: i0.ɵɵDirectiveDeclaration<IgxChatAttachmentContextDirective, "[igxChatAttachmentContext]", never, {}, {}, never, never, true, never>;
|
|
44366
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
|
+
*/
|
|
44367
44471
|
declare class IgxChatInputContextDirective {
|
|
44368
44472
|
static ngTemplateContextGuard(_: IgxChatInputContextDirective, ctx: unknown): ctx is ChatInputContext;
|
|
44369
44473
|
static ɵfac: i0.ɵɵFactoryDeclaration<IgxChatInputContextDirective, never>;
|
|
44370
44474
|
static ɵdir: i0.ɵɵDirectiveDeclaration<IgxChatInputContextDirective, "[igxChatInputContext]", never, {}, {}, never, never, true, never>;
|
|
44371
44475
|
}
|
|
44372
44476
|
|
|
44373
|
-
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 };
|
|
44374
|
-
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
|
}
|