@bravura/ui 6.0.1 → 7.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (128) hide show
  1. package/CHANGELOG.md +15 -1
  2. package/README.md +1 -0
  3. package/alert/index.d.ts +126 -3
  4. package/alert/testing/index.d.ts +28 -5
  5. package/behavior/index.d.ts +231 -3
  6. package/clip-note/index.d.ts +125 -3
  7. package/common/index.d.ts +24 -3
  8. package/currency-input/index.d.ts +69 -3
  9. package/decimal-input/index.d.ts +39 -3
  10. package/discrete-input/index.d.ts +139 -3
  11. package/fesm2022/bravura-ui-alert.mjs +18 -21
  12. package/fesm2022/bravura-ui-alert.mjs.map +1 -1
  13. package/fesm2022/bravura-ui-behavior.mjs +18 -18
  14. package/fesm2022/bravura-ui-behavior.mjs.map +1 -1
  15. package/fesm2022/bravura-ui-clip-note.mjs +10 -10
  16. package/fesm2022/bravura-ui-clip-note.mjs.map +1 -1
  17. package/fesm2022/bravura-ui-common.mjs +5 -6
  18. package/fesm2022/bravura-ui-common.mjs.map +1 -1
  19. package/fesm2022/bravura-ui-currency-input.mjs +7 -7
  20. package/fesm2022/bravura-ui-currency-input.mjs.map +1 -1
  21. package/fesm2022/bravura-ui-decimal-input.mjs +7 -7
  22. package/fesm2022/bravura-ui-decimal-input.mjs.map +1 -1
  23. package/fesm2022/bravura-ui-discrete-input.mjs +14 -39
  24. package/fesm2022/bravura-ui-discrete-input.mjs.map +1 -1
  25. package/fesm2022/bravura-ui-file-upload.mjs +18 -18
  26. package/fesm2022/bravura-ui-file-upload.mjs.map +1 -1
  27. package/fesm2022/bravura-ui-form-field.mjs +10 -10
  28. package/fesm2022/bravura-ui-form-field.mjs.map +1 -1
  29. package/fesm2022/bravura-ui-icon-font.mjs +7 -7
  30. package/fesm2022/bravura-ui-icon-font.mjs.map +1 -1
  31. package/fesm2022/bravura-ui-panel.mjs +16 -16
  32. package/fesm2022/bravura-ui-panel.mjs.map +1 -1
  33. package/fesm2022/bravura-ui-phone-number.mjs +13 -13
  34. package/fesm2022/bravura-ui-phone-number.mjs.map +1 -1
  35. package/fesm2022/bravura-ui-radio-panel.mjs +12 -14
  36. package/fesm2022/bravura-ui-radio-panel.mjs.map +1 -1
  37. package/fesm2022/bravura-ui-selection-panel.mjs +11 -11
  38. package/fesm2022/bravura-ui-selection-panel.mjs.map +1 -1
  39. package/fesm2022/bravura-ui-skeletons.mjs +10 -10
  40. package/fesm2022/bravura-ui-skeletons.mjs.map +1 -1
  41. package/fesm2022/bravura-ui-stepper.mjs +18 -18
  42. package/fesm2022/bravura-ui-stepper.mjs.map +1 -1
  43. package/fesm2022/bravura-ui-tooltip.mjs +13 -13
  44. package/fesm2022/bravura-ui-tooltip.mjs.map +1 -1
  45. package/file-upload/index.d.ts +200 -3
  46. package/form-field/index.d.ts +49 -3
  47. package/icon-font/index.d.ts +79 -3
  48. package/index.d.ts +3 -5
  49. package/package.json +20 -20
  50. package/panel/index.d.ts +107 -3
  51. package/phone-number/index.d.ts +108 -3
  52. package/radio-panel/index.d.ts +71 -3
  53. package/radio-panel/testing/index.d.ts +32 -5
  54. package/selection-panel/index.d.ts +149 -3
  55. package/skeletons/index.d.ts +79 -3
  56. package/stepper/index.d.ts +106 -3
  57. package/tooltip/index.d.ts +83 -3
  58. package/alert/alert-container.component.d.ts +0 -71
  59. package/alert/alert-message.component.d.ts +0 -47
  60. package/alert/alert.module.d.ts +0 -14
  61. package/alert/public-api.d.ts +0 -1
  62. package/alert/testing/test-api.d.ts +0 -24
  63. package/behavior/await.directive.d.ts +0 -71
  64. package/behavior/behavior.module.d.ts +0 -17
  65. package/behavior/observe-content-class.directive.d.ts +0 -29
  66. package/behavior/public-api.d.ts +0 -5
  67. package/behavior/sizing-monitor.directive.d.ts +0 -23
  68. package/behavior/sizing.directive.d.ts +0 -98
  69. package/clip-note/clip-note.component.d.ts +0 -45
  70. package/clip-note/clip-note.directive.d.ts +0 -69
  71. package/clip-note/clip-note.module.d.ts +0 -19
  72. package/clip-note/public-api.d.ts +0 -1
  73. package/common/common-utils.d.ts +0 -11
  74. package/common/common.module.d.ts +0 -11
  75. package/common/public-api.d.ts +0 -2
  76. package/currency-input/currency-input.directive.d.ts +0 -62
  77. package/currency-input/currency-input.module.d.ts +0 -10
  78. package/currency-input/public-api.d.ts +0 -1
  79. package/decimal-input/decimal-input.directive.d.ts +0 -32
  80. package/decimal-input/decimal-input.module.d.ts +0 -10
  81. package/decimal-input/public-api.d.ts +0 -1
  82. package/discrete-input/discrete-input.component.d.ts +0 -141
  83. package/discrete-input/discrete-input.module.d.ts +0 -11
  84. package/discrete-input/public-api.d.ts +0 -2
  85. package/file-upload/file-upload.component.d.ts +0 -148
  86. package/file-upload/file-upload.module.d.ts +0 -14
  87. package/file-upload/file-upload.service.d.ts +0 -42
  88. package/file-upload/public-api.d.ts +0 -6
  89. package/form-field/form-field.component.d.ts +0 -39
  90. package/form-field/form-field.module.d.ts +0 -13
  91. package/form-field/public-api.d.ts +0 -2
  92. package/icon-font/icon-font.module.d.ts +0 -12
  93. package/icon-font/icon.directive.d.ts +0 -46
  94. package/icon-font/public-api.d.ts +0 -3
  95. package/icon-font/utilities.d.ts +0 -20
  96. package/panel/panel-section.component.d.ts +0 -15
  97. package/panel/panel.component.d.ts +0 -60
  98. package/panel/panel.module.d.ts +0 -16
  99. package/panel/public-api.d.ts +0 -1
  100. package/panel/tinted.directive.d.ts +0 -26
  101. package/phone-number/phone-number.directive.d.ts +0 -66
  102. package/phone-number/phone-number.module.d.ts +0 -17
  103. package/phone-number/phone-number.pipe.d.ts +0 -13
  104. package/phone-number/phone-number.validator.d.ts +0 -31
  105. package/phone-number/public-api.d.ts +0 -1
  106. package/public-api.d.ts +0 -1
  107. package/radio-panel/public-api.d.ts +0 -3
  108. package/radio-panel/radio-panel-item.component.d.ts +0 -22
  109. package/radio-panel/radio-panel.component.d.ts +0 -38
  110. package/radio-panel/radio-panel.module.d.ts +0 -15
  111. package/radio-panel/testing/test-api.d.ts +0 -27
  112. package/selection-panel/public-api.d.ts +0 -3
  113. package/selection-panel/selection-panel-item.component.d.ts +0 -77
  114. package/selection-panel/selection-panel.directive.d.ts +0 -67
  115. package/selection-panel/selection-panel.module.d.ts +0 -13
  116. package/skeletons/public-api.d.ts +0 -3
  117. package/skeletons/skeleton-loader-presets.directive.d.ts +0 -23
  118. package/skeletons/skeleton-loader.component.d.ts +0 -44
  119. package/skeletons/skeletons.module.d.ts +0 -16
  120. package/stepper/public-api.d.ts +0 -3
  121. package/stepper/step-label-top.directive.d.ts +0 -17
  122. package/stepper/stepper-animation.d.ts +0 -6
  123. package/stepper/stepper.component.d.ts +0 -75
  124. package/stepper/stepper.module.d.ts +0 -17
  125. package/tooltip/public-api.d.ts +0 -3
  126. package/tooltip/tooltip.component.d.ts +0 -26
  127. package/tooltip/tooltip.directive.d.ts +0 -48
  128. package/tooltip/tooltip.module.d.ts +0 -13
@@ -1,71 +0,0 @@
1
- import { AfterViewInit, DoCheck, ElementRef, ViewContainerRef } from '@angular/core';
2
- import { MatButton, MatFabAnchor, MatFabButton, MatIconAnchor, MatIconButton, MatMiniFabAnchor, MatMiniFabButton } from '@angular/material/button';
3
- import { Subscription } from 'rxjs';
4
- import * as i0 from "@angular/core";
5
- /**
6
- * Use this directive on a `MatButton` element to provide an alternative view when an async operation is in progress.
7
- *
8
- * For example:
9
- *
10
- * ```
11
- * <button (click)="submit();" [buiAwait]="submitSubscription" buiAwaitAriaLabel="submitting">Submit</button>
12
- * ```
13
- *
14
- * Please refer to [Material Design](https://material.io/components/progress-indicators#circular-progress-indicators)
15
- * for more details of integrating circular spinner component with action buttons.
16
- *
17
- * The operation is considered 'in progress' when the bound property `buiAwait` evaluates to
18
- *
19
- * - `true`; or
20
- * - a `number` within 0 - 100; or
21
- * - an instance of `rxjs/Subscription` and `buiAwait.closed` is falsy
22
- *
23
- * When in progress
24
- *
25
- * - the button's caption will be hidden;
26
- * - a `<mat-progress-spinner>` will be displayed in place of the caption;
27
- * - the button will be disabled by setting the property `disabled` of the `MatButton` instance.
28
- */
29
- export declare class AwaitDirective implements AfterViewInit, DoCheck {
30
- private readonly _eRef;
31
- readonly _button: MatButton;
32
- readonly _iconButton: MatIconButton;
33
- readonly _iconAnchor: MatIconAnchor;
34
- readonly _fab: MatFabButton;
35
- readonly _fabAnchor: MatFabAnchor;
36
- readonly _miniFab: MatMiniFabButton;
37
- readonly _miniFabAnchor: MatMiniFabAnchor;
38
- private readonly doc;
39
- private _viewCont;
40
- /**
41
- * Indicates the `in progress` status of an async operation.
42
- *
43
- * The operation is considered 'in progress' when the property evaluates to
44
- *
45
- * - `true`; or
46
- * - a `number` within 0 - 100; or
47
- * - an instance of `rxjs/Subscription` and `buiAwait.closed` is falsy
48
- *
49
- * When it is a number, it represets the progress in percentage term.
50
- */
51
- buiAwait: null | undefined | boolean | Subscription | number;
52
- /** The ARIA label to be put on the spinner. The default value is `"In progress"`. */
53
- buiAwaitAriaLabel: string;
54
- /** The diameter of the in-progress spinner. The default value is `20`. */
55
- buiAwaitDiameter: number;
56
- private _overlayEl;
57
- private _processing;
58
- private _spinnerRef;
59
- private _captionWrapper;
60
- private button;
61
- constructor(_eRef: ElementRef<HTMLElement>, _button: MatButton, _iconButton: MatIconButton, _iconAnchor: MatIconAnchor, _fab: MatFabButton, _fabAnchor: MatFabAnchor, _miniFab: MatMiniFabButton, _miniFabAnchor: MatMiniFabAnchor, doc: Document, _viewCont: ViewContainerRef);
62
- /** @ignore */
63
- ngAfterViewInit(): void;
64
- /** @ignore */
65
- ngDoCheck(): void;
66
- /** @ignore */
67
- private get _isDeterminate();
68
- private _statusChanged;
69
- static ɵfac: i0.ɵɵFactoryDeclaration<AwaitDirective, [null, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; }, null, null]>;
70
- static ɵdir: i0.ɵɵDirectiveDeclaration<AwaitDirective, "[buiAwait]", never, { "buiAwait": { "alias": "buiAwait"; "required": false; }; "buiAwaitAriaLabel": { "alias": "buiAwaitAriaLabel"; "required": false; }; "buiAwaitDiameter": { "alias": "buiAwaitDiameter"; "required": false; }; }, {}, never, never, false, never>;
71
- }
@@ -1,17 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- import * as i1 from "./sizing.directive";
3
- import * as i2 from "./sizing-monitor.directive";
4
- import * as i3 from "./await.directive";
5
- import * as i4 from "./observe-content-class.directive";
6
- import * as i5 from "@angular/common";
7
- import * as i6 from "@angular/material/button";
8
- import * as i7 from "@angular/material/progress-spinner";
9
- import * as i8 from "@angular/cdk/observers";
10
- /**
11
- * For functionality that cannot be easily achieved via CSS.
12
- */
13
- export declare class BehaviorModule {
14
- static ɵfac: i0.ɵɵFactoryDeclaration<BehaviorModule, never>;
15
- static ɵmod: i0.ɵɵNgModuleDeclaration<BehaviorModule, [typeof i1.SizingDirective, typeof i2.SizingMonitorDirective, typeof i3.AwaitDirective, typeof i4.ObserveContentClassDirective], [typeof i5.CommonModule, typeof i6.MatButtonModule, typeof i7.MatProgressSpinnerModule, typeof i8.ObserversModule], [typeof i1.SizingDirective, typeof i2.SizingMonitorDirective, typeof i3.AwaitDirective, typeof i7.MatProgressSpinnerModule, typeof i4.ObserveContentClassDirective]>;
16
- static ɵinj: i0.ɵɵInjectorDeclaration<BehaviorModule>;
17
- }
@@ -1,29 +0,0 @@
1
- import { ContentObserver } from '@angular/cdk/observers';
2
- import { ElementRef, OnDestroy, OnInit } from '@angular/core';
3
- import * as i0 from "@angular/core";
4
- /**
5
- * Use `[bui-class.not-empty]` to specify a style class activated only when the host element has DOM children;
6
- *
7
- * use `[bui-class.empty]` for a style class activated when it has no DOM children.
8
- *
9
- * Use `[bui-class.no-text]` to specify a style class activated only when the host element has text content;
10
- *
11
- * use `[bui-class.has-text]` for a style class activated when it has no text content.
12
- */
13
- export declare class ObserveContentClassDirective implements OnDestroy, OnInit {
14
- private readonly subscription;
15
- private readonly element;
16
- private classToRemove;
17
- private classEmpty?;
18
- private classNotEmpty?;
19
- private classNoText?;
20
- private classHasText?;
21
- constructor(observer: ContentObserver, elementRef: ElementRef<HTMLElement>);
22
- ngOnInit(): void;
23
- ngOnDestroy(): void;
24
- private checkClass;
25
- private checkClassWith;
26
- private addClass;
27
- static ɵfac: i0.ɵɵFactoryDeclaration<ObserveContentClassDirective, never>;
28
- static ɵdir: i0.ɵɵDirectiveDeclaration<ObserveContentClassDirective, "[bui-class.empty],[bui-class.not-empty],[bui-class.no-text],[bui-class.has-text]", never, { "classEmpty": { "alias": "bui-class.empty"; "required": false; }; "classNotEmpty": { "alias": "bui-class.not-empty"; "required": false; }; "classNoText": { "alias": "bui-class.no-text"; "required": false; }; "classHasText": { "alias": "bui-class.has-text"; "required": false; }; }, {}, never, never, false, never>;
29
- }
@@ -1,5 +0,0 @@
1
- export * from './sizing.directive';
2
- export * from './sizing-monitor.directive';
3
- export * from './behavior.module';
4
- export * from './await.directive';
5
- export * from './observe-content-class.directive';
@@ -1,23 +0,0 @@
1
- import { ElementRef } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- /**
4
- * Use this directive to designate a target HTML element, based on which the child elements'
5
- * `[buiSizing]` directives will calculate the sizes.
6
- *
7
- * ```html
8
- * <div [buiSizingMonitor]>
9
- * <div [buiSizing]="...">
10
- * </div>
11
- * <div>
12
- * <div [buiSizing]="...">
13
- * </div>
14
- * </div>
15
- * <div>
16
- * ```
17
- */
18
- export declare class SizingMonitorDirective {
19
- readonly element: ElementRef<HTMLElement>;
20
- constructor(element: ElementRef<HTMLElement>);
21
- static ɵfac: i0.ɵɵFactoryDeclaration<SizingMonitorDirective, never>;
22
- static ɵdir: i0.ɵɵDirectiveDeclaration<SizingMonitorDirective, "[buiSizingMonitor]", never, {}, {}, never, never, false, never>;
23
- }
@@ -1,98 +0,0 @@
1
- import { ElementRef, EventEmitter, NgZone, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
2
- import { SizingMonitorDirective } from './sizing-monitor.directive';
3
- import * as i0 from "@angular/core";
4
- /**
5
- * This directive monitors the changes in the width of the `sizingBy` target, and apply specified style
6
- * classes and/or inline styles to the current element dynamically.
7
- *
8
- * In order for the layout engine to efficiently calculate and stabilize the dimensions, the effective style property
9
- * `box-sizing` of the `sizingBy` target element must be set to `border-box`.
10
- *
11
- * The directive uses [ResizeObserver API](https://developer.mozilla.org/en-US/docs/Web/API/Resize_Observer_API)
12
- * to capture the events of element resizing. Please use a polyfill if you want to support older browsers
13
- * that do not implement ResizeObserver API.
14
- *
15
- * Examples:
16
- *
17
- * ```html
18
- * <div #parentElement>
19
- * <div [buiSizing]="{'400': 'small', '800': 'medium', '~': 'large'}" [buiSizingBy]="parentElement"></div>
20
- * <div [buiSizing]="['small', 'medium', 'large']" [buiSizingBy]="'root'"></div>
21
- * <div [buiSizing]="{'650': 'border-color: #28569', '~': 'bg-muted; border-style: dotted'}" [buiSizingBy]="parentElement"></div>
22
- * </div>
23
- * ```
24
- */
25
- export declare class SizingDirective implements OnChanges, OnDestroy {
26
- private _doc;
27
- private _defaultTarget;
28
- private _zone;
29
- /**
30
- * @ignore
31
- */
32
- static defaultSizingBreakpoints: string[];
33
- /**
34
- * Specifies the breakpoint widths and the style classes.
35
- *
36
- * The sizing spec `{"400": "small", "800": "medium", "~": "large"}` tells the directive to apply
37
- * a style class `small` when the width of the monitored target is smaller than 400 pixels,
38
- * `medium` when the width is between 400 and 800 pixels, and `large` when above.
39
- *
40
- * @example {'400': 'small', '800': 'medium', '~': 'large'}
41
- */
42
- buiSizing: string | Array<string> | {
43
- [key: string]: string;
44
- };
45
- /**
46
- * The alias of `buiSizingBy`.
47
- * @default 'root'
48
- * @deprecated
49
- * @ignore
50
- */
51
- sizingBy: 'root' | 'parent' | HTMLElement;
52
- /**
53
- * Designate an element to be monitored for recalculating the style classes of the current element.
54
- *
55
- * - `root` specifies the document root or the enclosing shadow host. This is the default value.
56
- * - `parent` specifies the parent element.
57
- *
58
- * @default 'root'
59
- * @alias sizingBy
60
- */
61
- get buiSizingBy(): 'root' | 'parent' | HTMLElement;
62
- set buiSizingBy(target: 'root' | 'parent' | HTMLElement);
63
- /**
64
- * Emits `{width, height}` when the monitor target element resizes.
65
- *
66
- * Note that the dimensions emitted are of the [sizingBy] target, but not the current element.
67
- */
68
- buiResized: EventEmitter<{
69
- width: number;
70
- height: number;
71
- }>;
72
- /**
73
- * Recalculate the height of this element according to the height of the monitored target.
74
- */
75
- buiFixedHeight: boolean;
76
- private _monitorTarget;
77
- private _observer;
78
- private _sizingSpec;
79
- private _width;
80
- private _height;
81
- private _reflowFrameCount;
82
- private _element;
83
- private _frameHandlerId;
84
- constructor(_doc: Document, _defaultTarget: SizingMonitorDirective, elemRef: ElementRef<HTMLElement>, _zone: NgZone);
85
- ngOnChanges(_: SimpleChanges): void;
86
- ngOnDestroy(): void;
87
- private _initOrReset;
88
- private _setUpNodeMonitor;
89
- private _tearDownNodeMonitor;
90
- private _runWithObserver;
91
- private _calculateSize;
92
- private _applyClassesOrStyles;
93
- private _removeClassesOrStyles;
94
- private _reflowHeight;
95
- private _toNumber;
96
- static ɵfac: i0.ɵɵFactoryDeclaration<SizingDirective, [null, { optional: true; }, null, null]>;
97
- static ɵdir: i0.ɵɵDirectiveDeclaration<SizingDirective, "[buiSizing],[buiResized],[buiSizingBy],[buiFixedHeight]", never, { "buiSizing": { "alias": "buiSizing"; "required": false; }; "sizingBy": { "alias": "sizingBy"; "required": false; }; "buiSizingBy": { "alias": "buiSizingBy"; "required": false; }; "buiFixedHeight": { "alias": "buiFixedHeight"; "required": false; }; }, { "buiResized": "buiResized"; }, never, never, false, never>;
98
- }
@@ -1,45 +0,0 @@
1
- import { Directionality } from '@angular/cdk/bidi';
2
- import { ChangeDetectorRef, ElementRef, EmbeddedViewRef, EventEmitter, OnDestroy, OnInit, TemplateRef } from '@angular/core';
3
- import { ThemePalette } from '@angular/material/core';
4
- import * as i0 from "@angular/core";
5
- export declare class ClipNoteComponent implements OnInit, OnDestroy {
6
- private _cd;
7
- private _dir;
8
- private _elemRef;
9
- buttonText: string;
10
- get buttonState(): string;
11
- get buttonIconState(): string;
12
- panelState: 'open' | 'closed-ltr' | 'closed-rtl';
13
- direction: string;
14
- _contentView?: EmbeddedViewRef<any>;
15
- _content?: string;
16
- _color: ThemePalette;
17
- _buttonAnimating: boolean;
18
- _icon?: string;
19
- _hasContent: boolean;
20
- readonly opened: EventEmitter<void>;
21
- readonly closed: EventEmitter<void>;
22
- private _hovering;
23
- private _destroyed$;
24
- private _toggleQueue;
25
- private _viewDiv;
26
- private _noteViewRef;
27
- private _fallbackTemplate;
28
- constructor(_cd: ChangeDetectorRef, _dir: Directionality, _elemRef: ElementRef<HTMLElement>);
29
- ngOnInit(): void;
30
- ngOnDestroy(): void;
31
- _mouseOverButton(hovering: boolean): void;
32
- toggle(): void;
33
- _scheduleToggle(): void;
34
- _checkToggle(): void;
35
- open(): void;
36
- close(): void;
37
- _emit(): void;
38
- _contentChanged(content?: string | TemplateRef<any>): void;
39
- _checkContent(initial?: boolean): void;
40
- _assignColor(color: ThemePalette): void;
41
- _assignButtonText(text: string): void;
42
- _assignButtonIcon(icon?: string): void;
43
- static ɵfac: i0.ɵɵFactoryDeclaration<ClipNoteComponent, [null, null, { host: true; }]>;
44
- static ɵcmp: i0.ɵɵComponentDeclaration<ClipNoteComponent, "bui-clip-note", never, {}, {}, never, never, false, never>;
45
- }
@@ -1,69 +0,0 @@
1
- import { AfterViewInit, ElementRef, EventEmitter, InjectionToken, TemplateRef, ViewContainerRef } from '@angular/core';
2
- import { ThemePalette } from '@angular/material/core';
3
- import * as i0 from "@angular/core";
4
- export interface ClipNoteDefaultConfig {
5
- color: ThemePalette;
6
- caption: string;
7
- }
8
- /** Used to provide default config for clip notes. */
9
- export declare const CLIP_NOTE_DEFAULT_CONFIG: InjectionToken<ClipNoteDefaultConfig>;
10
- /**
11
- * A clip note consists of a toggle button and a floating 'notepad' element, attached to the top end of the host element's
12
- * viewable area. The 'notepad' normally collapses away and only reveals itself when the toggle button is active.
13
- *
14
- * The toggle button clips on the edge of the host element and expands to display the full caption when hovered. It hides itself
15
- * automatically when there is no content provided via the `buiClipNote` property of the directive.
16
- *
17
- * The clip note component is suitable for large page container elements with visible boundaries. It can present contextual
18
- * information regarding and in addition to the content displayed in the main view area.
19
- *
20
- * The properties `buiClipNoteColor` and `buiClipNoteCaption` customise the appearance of the clip note, the default values of which
21
- * can optionally be provided by the `ClipNoteModule.forConfig()` method.
22
- *
23
- */
24
- export declare class ClipNoteDirective implements AfterViewInit {
25
- private _elementRef;
26
- private _vc;
27
- /**
28
- * Provide content to the clip note's floating notepad element.
29
- * It accepts a `string` of HTML content or a `TemplateRef` object.
30
- */
31
- get buiClipNote(): string | TemplateRef<any> | undefined;
32
- set buiClipNote(note: string | TemplateRef<any> | undefined);
33
- /**
34
- * Customise the theme color alias.
35
- * @default 'primary'
36
- */
37
- get buiClipNoteColor(): ThemePalette;
38
- set buiClipNoteColor(color: ThemePalette);
39
- /**
40
- * Customise the icon on the toggle button. With this property specified, the animation on the icon
41
- * will not be active.
42
- */
43
- get buiClipNoteIcon(): string | undefined;
44
- set buiClipNoteIcon(icon: string | undefined);
45
- /**
46
- * The caption of the toggle button when expanded.
47
- */
48
- get buiClipNoteCaption(): string;
49
- set buiClipNoteCaption(text: string);
50
- /** Emits when the panel opens */
51
- readonly buiClipNoteOpened: EventEmitter<void>;
52
- /** Emits when the panel closes */
53
- readonly buiClipNoteClosed: EventEmitter<void>;
54
- private _content?;
55
- private _color;
56
- private _compRef;
57
- private _caption;
58
- private _icon?;
59
- constructor(_elementRef: ElementRef<HTMLElement>, _vc: ViewContainerRef, _config: ClipNoteDefaultConfig);
60
- ngAfterViewInit(): void;
61
- ngOnDestroy(): void;
62
- /** Open the note panel */
63
- open(): void;
64
- /** Close the note panel */
65
- close(): void;
66
- private _processContent;
67
- static ɵfac: i0.ɵɵFactoryDeclaration<ClipNoteDirective, [{ host: true; }, null, null]>;
68
- static ɵdir: i0.ɵɵDirectiveDeclaration<ClipNoteDirective, "[buiClipNote]", ["buiClipNote"], { "buiClipNote": { "alias": "buiClipNote"; "required": false; }; "buiClipNoteColor": { "alias": "buiClipNoteColor"; "required": false; }; "buiClipNoteIcon": { "alias": "buiClipNoteIcon"; "required": false; }; "buiClipNoteCaption": { "alias": "buiClipNoteCaption"; "required": false; }; }, { "buiClipNoteOpened": "buiClipNoteOpened"; "buiClipNoteClosed": "buiClipNoteClosed"; }, never, never, false, never>;
69
- }
@@ -1,19 +0,0 @@
1
- import { ModuleWithProviders } from '@angular/core';
2
- import { ClipNoteDefaultConfig, ClipNoteDirective } from './clip-note.directive';
3
- import * as i0 from "@angular/core";
4
- import * as i1 from "./clip-note.component";
5
- import * as i2 from "./clip-note.directive";
6
- import * as i3 from "@angular/common";
7
- import * as i4 from "@angular/material/button";
8
- import * as i5 from "@angular/material/icon";
9
- import * as i6 from "@angular/cdk/bidi";
10
- import * as i7 from "@bravura/ui/common";
11
- import * as i8 from "@angular/cdk/observers";
12
- import * as i9 from "@bravura/ui/icon-font";
13
- export declare class ClipNoteModule {
14
- static forConfig(config: ClipNoteDefaultConfig): ModuleWithProviders<ClipNoteModule>;
15
- static ɵfac: i0.ɵɵFactoryDeclaration<ClipNoteModule, never>;
16
- static ɵmod: i0.ɵɵNgModuleDeclaration<ClipNoteModule, [typeof i1.ClipNoteComponent, typeof i2.ClipNoteDirective], [typeof i3.CommonModule, typeof i4.MatButtonModule, typeof i5.MatIconModule, typeof i6.BidiModule, typeof i7.BuiCommonModule, typeof i8.ObserversModule, typeof i9.IconFontModule], [typeof i2.ClipNoteDirective]>;
17
- static ɵinj: i0.ɵɵInjectorDeclaration<ClipNoteModule>;
18
- }
19
- export { ClipNoteDirective };
@@ -1 +0,0 @@
1
- export * from './clip-note.module';
@@ -1,11 +0,0 @@
1
- export declare function generateID(): string;
2
- export declare function isElementInViewport(el: HTMLElement): boolean;
3
- /**
4
- * Uses canvas.measureText to compute and return the width of the given text of given font in pixels.
5
- *
6
- * @param {String} text The text to be rendered.
7
- * @param el the element used to compute the font styles
8
- *
9
- * @see https://stackoverflow.com/questions/118241/calculate-text-width-with-javascript/21015393#21015393
10
- */
11
- export declare function getTextWidth(text: string, el?: HTMLElement): number;
@@ -1,11 +0,0 @@
1
- import { Direction, Directionality } from '@angular/cdk/bidi';
2
- import * as i0 from "@angular/core";
3
- import * as i1 from "@angular/cdk/bidi";
4
- /** Resolves a string value to a specific direction. */
5
- export declare function _resolveDirectionality(rawValue: string): Direction;
6
- export declare class BuiCommonModule {
7
- constructor(dir: Directionality, thisModule: BuiCommonModule, document: Document);
8
- static ɵfac: i0.ɵɵFactoryDeclaration<BuiCommonModule, [null, { optional: true; skipSelf: true; }, null]>;
9
- static ɵmod: i0.ɵɵNgModuleDeclaration<BuiCommonModule, never, [typeof i1.BidiModule], [typeof i1.BidiModule]>;
10
- static ɵinj: i0.ɵɵInjectorDeclaration<BuiCommonModule>;
11
- }
@@ -1,2 +0,0 @@
1
- export * from './common-utils';
2
- export * from './common.module';
@@ -1,62 +0,0 @@
1
- import { ElementRef, OnChanges, OnInit, Renderer2 } from '@angular/core';
2
- import { ControlValueAccessor } from '@angular/forms';
3
- import { MatFormField } from '@angular/material/form-field';
4
- import * as i0 from "@angular/core";
5
- export declare const noop_consumer: (_: any) => void;
6
- /**
7
- * This directive will enhance an input element to format the numbers entered to a currency amount.
8
- */
9
- export declare class CurrencyInputDirective implements OnInit, OnChanges, ControlValueAccessor {
10
- private _el;
11
- private _renderer;
12
- private _locale;
13
- private _defaultCurrencyCode;
14
- private _field?;
15
- /**
16
- * true to allow negative input, otherwise false
17
- * Default to false.
18
- */
19
- allowNegative: boolean;
20
- /**
21
- * Provide the currency code to format the entered amount.
22
- * Uses angular token DEFAULT_CURRENCY_CODE by default.
23
- */
24
- currencyCode: string;
25
- /**
26
- * true if no decimal digits allowed, otherwise false.
27
- * Default to false.
28
- */
29
- baseUnitOnly: boolean;
30
- /**
31
- * The format the of the amount either in wide or narrow.
32
- */
33
- format: 'narrow' | 'wide';
34
- private placeholder;
35
- private autocomplete;
36
- private type;
37
- private inputMode;
38
- private change;
39
- private onTouch;
40
- private _safari;
41
- private _symbol;
42
- private _decimalPipe;
43
- private _ds;
44
- private _trailing;
45
- constructor(_el: ElementRef<HTMLInputElement>, _renderer: Renderer2, _locale: string, _defaultCurrencyCode: string, _field?: MatFormField | undefined);
46
- ngOnInit(): void;
47
- ngOnChanges(): void;
48
- onInput(): void;
49
- onFocus(): void;
50
- onblur(): void;
51
- writeValue(value: any): void;
52
- registerOnChange(fn: any): void;
53
- registerOnTouched(fn: any): void;
54
- private _updatePlaceholder;
55
- private _currencyUpdated;
56
- private _formatCurrency;
57
- private _formatNumber;
58
- private _convert;
59
- private get _0Text();
60
- static ɵfac: i0.ɵɵFactoryDeclaration<CurrencyInputDirective, [{ self: true; }, null, null, null, { optional: true; }]>;
61
- static ɵdir: i0.ɵɵDirectiveDeclaration<CurrencyInputDirective, "input[buiCurrencyInput],input[currencyCode],input[data-type=currency]", never, { "allowNegative": { "alias": "allowNegative"; "required": false; }; "currencyCode": { "alias": "currencyCode"; "required": false; }; "baseUnitOnly": { "alias": "baseUnitOnly"; "required": false; }; "format": { "alias": "format"; "required": false; }; }, {}, never, never, false, never>;
62
- }
@@ -1,10 +0,0 @@
1
- import { CurrencyInputDirective } from './currency-input.directive';
2
- import * as i0 from "@angular/core";
3
- import * as i1 from "./currency-input.directive";
4
- import * as i2 from "@angular/common";
5
- export declare class CurrencyInputModule {
6
- static ɵfac: i0.ɵɵFactoryDeclaration<CurrencyInputModule, never>;
7
- static ɵmod: i0.ɵɵNgModuleDeclaration<CurrencyInputModule, [typeof i1.CurrencyInputDirective], [typeof i2.CommonModule], [typeof i1.CurrencyInputDirective]>;
8
- static ɵinj: i0.ɵɵInjectorDeclaration<CurrencyInputModule>;
9
- }
10
- export { CurrencyInputDirective };
@@ -1 +0,0 @@
1
- export * from './currency-input.module';
@@ -1,32 +0,0 @@
1
- import { ElementRef, OnChanges, Renderer2 } from '@angular/core';
2
- import { ControlValueAccessor } from '@angular/forms';
3
- import * as i0 from "@angular/core";
4
- export declare const noop_consumer: (_: any) => void;
5
- /**
6
- * This directive will enhance an input element to format the numbers entered to a decimal amount.
7
- */
8
- export declare class DecimalInputDirective implements OnChanges, ControlValueAccessor {
9
- private _el;
10
- private _renderer;
11
- /**
12
- * number of decimal places allowed
13
- */
14
- buiDecimalInput: number;
15
- private placeholder;
16
- private autocomplete;
17
- private type;
18
- private inputMode;
19
- private change;
20
- private onTouch;
21
- constructor(_el: ElementRef<HTMLInputElement>, _renderer: Renderer2);
22
- ngOnChanges(): void;
23
- onInput(): void;
24
- onKeypress(evt: KeyboardEvent): void;
25
- onblur(): void;
26
- writeValue(value: any): void;
27
- registerOnChange(fn: any): void;
28
- registerOnTouched(fn: any): void;
29
- private _resetDecimalPlaces;
30
- static ɵfac: i0.ɵɵFactoryDeclaration<DecimalInputDirective, [{ self: true; }, null]>;
31
- static ɵdir: i0.ɵɵDirectiveDeclaration<DecimalInputDirective, "input[buiDecimalInput]", never, { "buiDecimalInput": { "alias": "buiDecimalInput"; "required": false; }; }, {}, never, never, false, never>;
32
- }
@@ -1,10 +0,0 @@
1
- import { DecimalInputDirective } from './decimal-input.directive';
2
- import * as i0 from "@angular/core";
3
- import * as i1 from "./decimal-input.directive";
4
- import * as i2 from "@angular/common";
5
- export declare class DecimalInputModule {
6
- static ɵfac: i0.ɵɵFactoryDeclaration<DecimalInputModule, never>;
7
- static ɵmod: i0.ɵɵNgModuleDeclaration<DecimalInputModule, [typeof i1.DecimalInputDirective], [typeof i2.CommonModule], [typeof i1.DecimalInputDirective]>;
8
- static ɵinj: i0.ɵɵInjectorDeclaration<DecimalInputModule>;
9
- }
10
- export { DecimalInputDirective };
@@ -1 +0,0 @@
1
- export * from './decimal-input.module';