@duyluonganduin/acl-web-components 0.0.8 → 0.0.10

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.
@@ -3,6 +3,20 @@ import { LitElement } from 'lit';
3
3
  import { nothing } from 'lit';
4
4
  import { TemplateResult } from 'lit-html';
5
5
 
6
+ export declare class AnduinAvatar extends LitElement {
7
+ static styles: CSSResult;
8
+ src: string;
9
+ name: string;
10
+ alt: string;
11
+ icon: string;
12
+ size: AvatarSize;
13
+ shape: AvatarShape;
14
+ private _imgError;
15
+ private _onImgError;
16
+ private _iconSize;
17
+ render(): TemplateResult<1>;
18
+ }
19
+
6
20
  export declare class AnduinBadge extends LitElement {
7
21
  static styles: CSSResult[];
8
22
  variant: string;
@@ -178,8 +192,10 @@ export declare class AnduinModal extends LitElement {
178
192
  static styles: CSSResult;
179
193
  open: boolean;
180
194
  heading: string;
195
+ hideHeader: boolean;
181
196
  hideFooter: boolean;
182
197
  maxWidth: '480' | '600' | '720' | '960' | '1160' | string;
198
+ fullscreen: boolean;
183
199
  private _leaving;
184
200
  private static readonly _PRESETS;
185
201
  updated(changed: Map<PropertyKey, unknown>): void;
@@ -199,18 +215,30 @@ export declare class AnduinPopover extends LitElement {
199
215
  static styles: CSSResult;
200
216
  open: boolean;
201
217
  placement: 'bottom-start' | 'bottom-end' | 'bottom' | 'top-start' | 'top-end' | 'top';
218
+ private _visible;
219
+ private _closing;
202
220
  private _triggerEl;
203
221
  private _panelEl;
222
+ private _closeTransitionEndHandler;
204
223
  private _onTriggerClick;
205
224
  private _onOutsideClick;
206
225
  private _onScrollOrResize;
226
+ private _onPopoverClose;
207
227
  connectedCallback(): void;
208
228
  disconnectedCallback(): void;
209
229
  updated(changed: Map<string, unknown>): void;
230
+ private _cancelCloseAnimation;
231
+ private _startCloseAnimation;
210
232
  private _updatePosition;
211
233
  render(): TemplateResult<1>;
212
234
  }
213
235
 
236
+ export declare class AnduinPopoverClose extends LitElement {
237
+ static styles: CSSResult;
238
+ private _onClick;
239
+ render(): TemplateResult<1>;
240
+ }
241
+
214
242
  export declare class AnduinProgress extends LitElement {
215
243
  static styles: CSSResult;
216
244
  percent: string;
@@ -313,6 +341,31 @@ export declare class AnduinTextarea extends LitElement {
313
341
  render(): TemplateResult<1>;
314
342
  }
315
343
 
344
+ export declare class AnduinToast extends LitElement {
345
+ static styles: CSSResult;
346
+ variant: ToastVariant;
347
+ heading: string;
348
+ description: string;
349
+ private _dismissing;
350
+ private _toastEl;
351
+ dismiss(): void;
352
+ private _onClose;
353
+ render(): TemplateResult<1>;
354
+ }
355
+
356
+ export declare class AnduinToaster extends LitElement {
357
+ static styles: CSSResult;
358
+ position: ToastPosition;
359
+ private _toasts;
360
+ private _nextId;
361
+ show(opts: ToastOptions): number;
362
+ dismiss(id: number): void;
363
+ private _dismissById;
364
+ private _removeById;
365
+ private _onDismiss;
366
+ render(): TemplateResult<1>;
367
+ }
368
+
316
369
  export declare class AnduinTooltip extends LitElement {
317
370
  static styles: CSSResult;
318
371
  disabled: boolean;
@@ -373,6 +426,10 @@ export declare class AnduinWellClose extends LitElement {
373
426
  render(): TemplateResult<1>;
374
427
  }
375
428
 
429
+ export declare type AvatarShape = 'circle' | 'rounded';
430
+
431
+ export declare type AvatarSize = 16 | 20 | 24 | 32;
432
+
376
433
  export declare const BADGE_STYLES: CSSResult;
377
434
 
378
435
  export declare type ButtonAppearance = 'filled' | 'outlined' | 'plain' | 'text';
@@ -404,6 +461,8 @@ export declare const INPUT_CLEAR = "anduin-input:clear";
404
461
 
405
462
  export declare const MENU_ITEM_CLICK = "anduin-menu-item:click";
406
463
 
464
+ export declare const POPOVER_CLOSE = "anduin-popover:close";
465
+
407
466
  export declare function resolveFileIcon(type: string, size: 16 | 24 | 32): FileIconDef | null;
408
467
 
409
468
  export declare const TAB_CHANGE = "anduin-tab:change";
@@ -418,6 +477,27 @@ export declare type TagVariant = 'gray' | 'primary' | 'success' | 'warning' | 'd
418
477
 
419
478
  export declare const TEXTAREA_CHANGE = "anduin-textarea:change";
420
479
 
480
+ export declare const toast: {
481
+ show(opts: ToastOptions): number;
482
+ success(heading: string, description?: string, opts?: Omit<ToastOptions, "variant" | "heading" | "description">): number;
483
+ danger(heading: string, description?: string, opts?: Omit<ToastOptions, "variant" | "heading" | "description">): number;
484
+ warning(heading: string, description?: string, opts?: Omit<ToastOptions, "variant" | "heading" | "description">): number;
485
+ primary(heading: string, description?: string, opts?: Omit<ToastOptions, "variant" | "heading" | "description">): number;
486
+ gray(heading: string, description?: string, opts?: Omit<ToastOptions, "variant" | "heading" | "description">): number;
487
+ };
488
+
489
+ export declare interface ToastOptions {
490
+ variant?: ToastVariant;
491
+ heading?: string;
492
+ description?: string;
493
+ duration?: number;
494
+ position?: ToastPosition;
495
+ }
496
+
497
+ export declare type ToastPosition = "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
498
+
499
+ export declare type ToastVariant = "gray" | "primary" | "success" | "warning" | "danger";
500
+
421
501
  export declare const TOOLTIP_CONTENT_POPUP_MOUNTED = "anduin-tooltip:content-popup-mounted";
422
502
 
423
503
  export declare const TOOLTIP_CONTENT_POPUP_UNMOUNTED = "anduin-tooltip:content-popup-unmounted";