@bravura/ui 2.8.0 → 2.9.1
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/CHANGELOG.md +14 -0
- package/alert/testing/index.d.ts +5 -0
- package/alert/testing/test-api.d.ts +24 -0
- package/esm2020/alert/alert-message.component.mjs +3 -3
- package/esm2020/alert/testing/bravura-ui-alert-testing.mjs +5 -0
- package/esm2020/alert/testing/test-api.mjs +44 -0
- package/esm2020/radio-panel/testing/bravura-ui-radio-panel-testing.mjs +5 -0
- package/esm2020/radio-panel/testing/test-api.mjs +47 -0
- package/esm2020/tooltip/tooltip.component.mjs +13 -4
- package/fesm2015/bravura-ui-alert-testing.mjs +64 -0
- package/fesm2015/bravura-ui-alert-testing.mjs.map +1 -0
- package/fesm2015/bravura-ui-alert.mjs +2 -2
- package/fesm2015/bravura-ui-alert.mjs.map +1 -1
- package/fesm2015/bravura-ui-radio-panel-testing.mjs +63 -0
- package/fesm2015/bravura-ui-radio-panel-testing.mjs.map +1 -0
- package/fesm2015/bravura-ui-tooltip.mjs +12 -3
- package/fesm2015/bravura-ui-tooltip.mjs.map +1 -1
- package/fesm2020/bravura-ui-alert-testing.mjs +51 -0
- package/fesm2020/bravura-ui-alert-testing.mjs.map +1 -0
- package/fesm2020/bravura-ui-alert.mjs +2 -2
- package/fesm2020/bravura-ui-alert.mjs.map +1 -1
- package/fesm2020/bravura-ui-radio-panel-testing.mjs +54 -0
- package/fesm2020/bravura-ui-radio-panel-testing.mjs.map +1 -0
- package/fesm2020/bravura-ui-tooltip.mjs +12 -3
- package/fesm2020/bravura-ui-tooltip.mjs.map +1 -1
- package/package.json +17 -1
- package/radio-panel/testing/index.d.ts +5 -0
- package/radio-panel/testing/test-api.d.ts +28 -0
- package/tooltip/tooltip.component.d.ts +2 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
# Change history
|
|
2
2
|
|
|
3
|
+
## 2.9.0 (2023-07-31)
|
|
4
|
+
|
|
5
|
+
* test(radio-panel): export test harness ([8752238](https://scm.bravurasolutions.net/projects/DIGI/repos/ui-components/commits/8752238))
|
|
6
|
+
* test(radio-panel): fix coverage issues ([ca33bf2](https://scm.bravurasolutions.net/projects/DIGI/repos/ui-components/commits/ca33bf2))
|
|
7
|
+
* feat(alert): export test harness ([ebf61e1](https://scm.bravurasolutions.net/projects/DIGI/repos/ui-components/commits/ebf61e1))
|
|
8
|
+
* fix(alert): fix vertical alignment issue in alert message ([7c88be7](https://scm.bravurasolutions.net/projects/DIGI/repos/ui-components/commits/7c88be7))
|
|
9
|
+
* fix(alert): fix vertical alignment issue in projected content ([0e5cf68](https://scm.bravurasolutions.net/projects/DIGI/repos/ui-components/commits/0e5cf68))
|
|
10
|
+
|
|
11
|
+
## 2.8.0 (2023-06-22)
|
|
12
|
+
|
|
13
|
+
* build(alert): fix build error ([6d693b7](https://scm.bravurasolutions.net/projects/DIGI/repos/ui-components/commits/6d693b7))
|
|
14
|
+
* feat(alert): add support for content projection for the message ([5de8ae6](https://scm.bravurasolutions.net/projects/DIGI/repos/ui-components/commits/5de8ae6))
|
|
15
|
+
* refactor: fix typos ([a7b73b9](https://scm.bravurasolutions.net/projects/DIGI/repos/ui-components/commits/a7b73b9))
|
|
16
|
+
|
|
3
17
|
## <small>2.7.2 (2023-05-31)</small>
|
|
4
18
|
|
|
5
19
|
* fix(radio-panel): fix unstable rendering when panel width specified ([90d9eef](https://scm.bravurasolutions.net/projects/DIGI/repos/ui-components/commits/90d9eef))
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { ComponentHarness, TextOptions, BaseHarnessFilters, ComponentHarnessConstructor, HarnessPredicate } from '@angular/cdk/testing';
|
|
2
|
+
export interface AlertMessageHarnessFilters extends BaseHarnessFilters {
|
|
3
|
+
/** only select the alert with the content matching this regular expression */
|
|
4
|
+
content?: RegExp;
|
|
5
|
+
}
|
|
6
|
+
export declare class AlertMessageHarness extends ComponentHarness {
|
|
7
|
+
static hostSelector: string;
|
|
8
|
+
private _getBackdrop;
|
|
9
|
+
private _getDeleteButton;
|
|
10
|
+
private _getContentDiv;
|
|
11
|
+
static with<T extends AlertMessageHarness>(this: ComponentHarnessConstructor<T>, options?: AlertMessageHarnessFilters): HarnessPredicate<T>;
|
|
12
|
+
getColor(): Promise<string>;
|
|
13
|
+
delete(): Promise<void>;
|
|
14
|
+
getContent(options?: TextOptions): Promise<string>;
|
|
15
|
+
private static filterByContent;
|
|
16
|
+
}
|
|
17
|
+
export declare class AlertContainerHarness extends ComponentHarness {
|
|
18
|
+
static hostSelector: string;
|
|
19
|
+
private _items;
|
|
20
|
+
private _floatingFrame;
|
|
21
|
+
getAlertItem(content: RegExp): Promise<AlertMessageHarness | null>;
|
|
22
|
+
countAlertItems(): Promise<number>;
|
|
23
|
+
isFloated(): Promise<boolean>;
|
|
24
|
+
}
|
|
@@ -71,14 +71,14 @@ export class AlertMessageComponent {
|
|
|
71
71
|
}
|
|
72
72
|
}
|
|
73
73
|
AlertMessageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: AlertMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
74
|
-
AlertMessageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.3", type: AlertMessageComponent, selector: "bui-alert", inputs: { type: "type", message: "message", politeness: "politeness", dismissible: "dismissible", _id: ["id", "_id"] }, outputs: { dismissed: "dismissed", initialised: "initialised" }, host: { properties: { "class": "'bui-alert bui-host bui-alert-' + (type === 'warn' ? 'warning' : type) + (dismissible ? ' bui-alert-dismissible' : '')", "role": "politeness === 'off' ? 'region' : 'alert'", "attr.aria-live": "politeness === 'assertive' ? undefined : politeness", "id": "this._id" } }, ngImport: i0, template: "<div class=\"bui-alert-backdrop\"></div>\n<div class=\"bui-alert-frame\"></div>\n\n<div class=\"bui-alert-wrapper\">\n\t<div class=\"bui-alert-icon-area\">\n\t\t<mat-icon [buiIcon]=\"iconName\" variant=\"outlined\"></mat-icon>\n\t</div>\n\t<div class=\"bui-alert-content\">\n\t\t<div [innerHTML]=\"message\"></div>\n\t\t<ng-content></ng-content>\n\t</div>\n</div>\n\n<div class=\"bui-alert-button-area\" *ngIf=\"dismissible\">\n\t<div class=\"bui-alert-button-backdrop\"></div>\n\t<button mat-icon-button class=\"bui-alert-button\" (click)=\"_dismiss()\" aria-label=\"dismiss alert\">\n\t\t<mat-icon>cancel</mat-icon>\n\t</button>\n</div>\n", styles: [":host(:not([hidden])){display:block;padding:12px 14px 12px 19px;position:relative;border-radius:5px}:host-context([dir=rtl]) :host(:not([hidden])){padding:12px 19px 12px 14px}:host(:not([hidden])),:host(:not([hidden])) *{box-sizing:border-box}.bui-alert-backdrop,.bui-alert-frame{position:absolute;inset:0}.bui-alert-backdrop{opacity:.1}:host(.bui-alert-dismissible) .bui-alert-backdrop{clip-path:polygon(0 0,calc(100% - 25px) 0,calc(100% - 18.75px) 18.75px,100% 25px,100% 100%,0 100%)}:host-context([dir=rtl]) :host(.bui-alert-dismissible) .bui-alert-backdrop{clip-path:polygon(0 25px,0 100%,100% 100%,100% 0,25px 0,18.75px 18.75px)}.bui-alert-frame{border-radius:5px;border-width:1px 1px 1px 5px;border-style:solid}:host-context([dir=rtl]) .bui-alert-frame{border-width:1px 5px 1px 1px}:host(.bui-alert-dismissible) .bui-alert-frame{clip-path:polygon(0 0,calc(100% - 25px) 0,calc(100% - 25px) 25px,100% 25px,100% 100%,0 100%)}:host-context([dir=rtl]) :host(.bui-alert-dismissible) .bui-alert-frame{clip-path:polygon(0 25px,0 100%,100% 100%,100% 0,25px 0)}.bui-alert-button-area{position:absolute;right:-15px;top:-15px;width:40px;height:40px;border-radius:20px;display:flex;align-items:center;justify-content:center}:host-context([dir=rtl]) .bui-alert-button-area{right:unset;left:-15px}.bui-alert-button-backdrop{position:absolute;border-radius:20px;width:100%;height:100%;clip-path:polygon(0 15px,25px 15px,25px 100%,0% 100%)}:host-context([dir=rtl]) .bui-alert-button-backdrop{clip-path:polygon(15px 15px,15px 100%,100% 100%,100% 15px)}.bui-alert-wrapper{display:flex;align-items:stretch}.bui-alert-icon-area{flex-shrink:0;display:flex;justify-content:center;align-items:center;border-radius:5px;width:30px;height:30px;margin-right:14px;color:var(--bui-bg-card)}:host-context([dir=rtl]) .bui-alert-icon-area{margin-right:unset;margin-left:14px}.bui-alert-content{z-index:1;flex-grow:1}:host(.bui-alert-dismissible) .bui-alert-content{clip-path:polygon(0 0,calc(100% - 11px) 0,100% 13px,100% 100%,0 100%)}:host-context([dir=rtl]) :host(.bui-alert-dismissible) .bui-alert-content{clip-path:polygon(0 13px,0 100%,100% 100%,100% 0,11px 0)}:host(.bui-alert-success) .bui-alert-frame{border-color:var(--bui-color-success)}:host(.bui-alert-success) .bui-alert-backdrop,:host(.bui-alert-success) .bui-alert-icon-area{background-color:var(--bui-color-success)}:host(.bui-alert-success) .bui-alert-button-backdrop{border:1px var(--bui-color-success) solid}:host(.bui-alert-success) .bui-alert-button{color:var(--bui-color-success)}:host(.bui-alert-info) .bui-alert-frame{border-color:var(--bui-color-info)}:host(.bui-alert-info) .bui-alert-backdrop,:host(.bui-alert-info) .bui-alert-icon-area{background-color:var(--bui-color-info)}:host(.bui-alert-info) .bui-alert-button-backdrop{border:1px var(--bui-color-info) solid}:host(.bui-alert-info) .bui-alert-button{color:var(--bui-color-info)}:host(.bui-alert-warning) .bui-alert-frame{border-color:var(--bui-color-warning)}:host(.bui-alert-warning) .bui-alert-backdrop,:host(.bui-alert-warning) .bui-alert-icon-area{background-color:var(--bui-color-warning)}:host(.bui-alert-warning) .bui-alert-button-backdrop{border:1px var(--bui-color-warning) solid}:host(.bui-alert-warning) .bui-alert-button{color:var(--bui-color-warning)}:host(.bui-alert-error) .bui-alert-frame{border-color:var(--bui-color-error)}:host(.bui-alert-error) .bui-alert-backdrop,:host(.bui-alert-error) .bui-alert-icon-area{background-color:var(--bui-color-error)}:host(.bui-alert-error) .bui-alert-button-backdrop{border:1px var(--bui-color-error) solid}:host(.bui-alert-error) .bui-alert-button{color:var(--bui-color-error)}@polyfill-unscoped-rule{content: \".bui-alert .bui-alert-content > div > *:first-child\"; margin-top: 0;}@polyfill-unscoped-rule{content: \".bui-alert .bui-alert-content > div > *:last-child\"; margin-bottom: 0;}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3.IconDirective, selector: "[buiIcon]", inputs: ["buiIcon", "size", "variant"] }, { kind: "component", type: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
74
|
+
AlertMessageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.3", type: AlertMessageComponent, selector: "bui-alert", inputs: { type: "type", message: "message", politeness: "politeness", dismissible: "dismissible", _id: ["id", "_id"] }, outputs: { dismissed: "dismissed", initialised: "initialised" }, host: { properties: { "class": "'bui-alert bui-host bui-alert-' + (type === 'warn' ? 'warning' : type) + (dismissible ? ' bui-alert-dismissible' : '')", "role": "politeness === 'off' ? 'region' : 'alert'", "attr.aria-live": "politeness === 'assertive' ? undefined : politeness", "id": "this._id" } }, ngImport: i0, template: "<div class=\"bui-alert-backdrop\"></div>\n<div class=\"bui-alert-frame\"></div>\n\n<div class=\"bui-alert-wrapper\">\n\t<div class=\"bui-alert-icon-area\">\n\t\t<mat-icon [buiIcon]=\"iconName\" variant=\"outlined\"></mat-icon>\n\t</div>\n\t<div class=\"bui-alert-content\">\n\t\t<div [innerHTML]=\"message\" *ngIf=\"message\"></div>\n\t\t<ng-content></ng-content>\n\t</div>\n</div>\n\n<div class=\"bui-alert-button-area\" *ngIf=\"dismissible\">\n\t<div class=\"bui-alert-button-backdrop\"></div>\n\t<button mat-icon-button class=\"bui-alert-button\" (click)=\"_dismiss()\" aria-label=\"dismiss alert\">\n\t\t<mat-icon>cancel</mat-icon>\n\t</button>\n</div>\n", styles: [":host(:not([hidden])){display:block;padding:12px 14px 12px 19px;position:relative;border-radius:5px}:host-context([dir=rtl]) :host(:not([hidden])){padding:12px 19px 12px 14px}:host(:not([hidden])),:host(:not([hidden])) *{box-sizing:border-box}.bui-alert-backdrop,.bui-alert-frame{position:absolute;inset:0}.bui-alert-backdrop{opacity:.1}:host(.bui-alert-dismissible) .bui-alert-backdrop{clip-path:polygon(0 0,calc(100% - 25px) 0,calc(100% - 18.75px) 18.75px,100% 25px,100% 100%,0 100%)}:host-context([dir=rtl]) :host(.bui-alert-dismissible) .bui-alert-backdrop{clip-path:polygon(0 25px,0 100%,100% 100%,100% 0,25px 0,18.75px 18.75px)}.bui-alert-frame{border-radius:5px;border-width:1px 1px 1px 5px;border-style:solid}:host-context([dir=rtl]) .bui-alert-frame{border-width:1px 5px 1px 1px}:host(.bui-alert-dismissible) .bui-alert-frame{clip-path:polygon(0 0,calc(100% - 25px) 0,calc(100% - 25px) 25px,100% 25px,100% 100%,0 100%)}:host-context([dir=rtl]) :host(.bui-alert-dismissible) .bui-alert-frame{clip-path:polygon(0 25px,0 100%,100% 100%,100% 0,25px 0)}.bui-alert-button-area{position:absolute;right:-15px;top:-15px;width:40px;height:40px;border-radius:20px;display:flex;align-items:center;justify-content:center}:host-context([dir=rtl]) .bui-alert-button-area{right:unset;left:-15px}.bui-alert-button-backdrop{position:absolute;border-radius:20px;width:100%;height:100%;clip-path:polygon(0 15px,25px 15px,25px 100%,0% 100%)}:host-context([dir=rtl]) .bui-alert-button-backdrop{clip-path:polygon(15px 15px,15px 100%,100% 100%,100% 15px)}.bui-alert-wrapper{display:flex;align-items:stretch}.bui-alert-icon-area{flex-shrink:0;display:flex;justify-content:center;align-items:center;border-radius:5px;width:30px;height:30px;margin-right:14px;color:var(--bui-bg-card)}:host-context([dir=rtl]) .bui-alert-icon-area{margin-right:unset;margin-left:14px}.bui-alert-content{z-index:1;flex-grow:1;display:flex;flex-direction:column;justify-content:center;gap:1rem}:host(.bui-alert-dismissible) .bui-alert-content{clip-path:polygon(0 0,calc(100% - 11px) 0,100% 13px,100% 100%,0 100%)}:host-context([dir=rtl]) :host(.bui-alert-dismissible) .bui-alert-content{clip-path:polygon(0 13px,0 100%,100% 100%,100% 0,11px 0)}:host(.bui-alert-success) .bui-alert-frame{border-color:var(--bui-color-success)}:host(.bui-alert-success) .bui-alert-backdrop,:host(.bui-alert-success) .bui-alert-icon-area{background-color:var(--bui-color-success)}:host(.bui-alert-success) .bui-alert-button-backdrop{border:1px var(--bui-color-success) solid}:host(.bui-alert-success) .bui-alert-button{color:var(--bui-color-success)}:host(.bui-alert-info) .bui-alert-frame{border-color:var(--bui-color-info)}:host(.bui-alert-info) .bui-alert-backdrop,:host(.bui-alert-info) .bui-alert-icon-area{background-color:var(--bui-color-info)}:host(.bui-alert-info) .bui-alert-button-backdrop{border:1px var(--bui-color-info) solid}:host(.bui-alert-info) .bui-alert-button{color:var(--bui-color-info)}:host(.bui-alert-warning) .bui-alert-frame{border-color:var(--bui-color-warning)}:host(.bui-alert-warning) .bui-alert-backdrop,:host(.bui-alert-warning) .bui-alert-icon-area{background-color:var(--bui-color-warning)}:host(.bui-alert-warning) .bui-alert-button-backdrop{border:1px var(--bui-color-warning) solid}:host(.bui-alert-warning) .bui-alert-button{color:var(--bui-color-warning)}:host(.bui-alert-error) .bui-alert-frame{border-color:var(--bui-color-error)}:host(.bui-alert-error) .bui-alert-backdrop,:host(.bui-alert-error) .bui-alert-icon-area{background-color:var(--bui-color-error)}:host(.bui-alert-error) .bui-alert-button-backdrop{border:1px var(--bui-color-error) solid}:host(.bui-alert-error) .bui-alert-button{color:var(--bui-color-error)}@polyfill-unscoped-rule{content: \".bui-alert .bui-alert-content > div > *:first-child\"; margin-top: 0;}@polyfill-unscoped-rule{content: \".bui-alert .bui-alert-content > div > *:last-child\"; margin-bottom: 0;}@polyfill-unscoped-rule{content: \".bui-alert .bui-alert-content > *:first-child\"; margin-top: 0;}@polyfill-unscoped-rule{content: \".bui-alert .bui-alert-content > *:last-child\"; margin-bottom: 0;}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3.IconDirective, selector: "[buiIcon]", inputs: ["buiIcon", "size", "variant"] }, { kind: "component", type: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
75
75
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: AlertMessageComponent, decorators: [{
|
|
76
76
|
type: Component,
|
|
77
77
|
args: [{ selector: 'bui-alert', host: {
|
|
78
78
|
'[class]': `'bui-alert bui-host bui-alert-' + (type === 'warn' ? 'warning' : type) + (dismissible ? ' bui-alert-dismissible' : '')`,
|
|
79
79
|
'[role]': `politeness === 'off' ? 'region' : 'alert'`,
|
|
80
80
|
'[attr.aria-live]': `politeness === 'assertive' ? undefined : politeness`
|
|
81
|
-
}, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"bui-alert-backdrop\"></div>\n<div class=\"bui-alert-frame\"></div>\n\n<div class=\"bui-alert-wrapper\">\n\t<div class=\"bui-alert-icon-area\">\n\t\t<mat-icon [buiIcon]=\"iconName\" variant=\"outlined\"></mat-icon>\n\t</div>\n\t<div class=\"bui-alert-content\">\n\t\t<div [innerHTML]=\"message\"></div>\n\t\t<ng-content></ng-content>\n\t</div>\n</div>\n\n<div class=\"bui-alert-button-area\" *ngIf=\"dismissible\">\n\t<div class=\"bui-alert-button-backdrop\"></div>\n\t<button mat-icon-button class=\"bui-alert-button\" (click)=\"_dismiss()\" aria-label=\"dismiss alert\">\n\t\t<mat-icon>cancel</mat-icon>\n\t</button>\n</div>\n", styles: [":host(:not([hidden])){display:block;padding:12px 14px 12px 19px;position:relative;border-radius:5px}:host-context([dir=rtl]) :host(:not([hidden])){padding:12px 19px 12px 14px}:host(:not([hidden])),:host(:not([hidden])) *{box-sizing:border-box}.bui-alert-backdrop,.bui-alert-frame{position:absolute;inset:0}.bui-alert-backdrop{opacity:.1}:host(.bui-alert-dismissible) .bui-alert-backdrop{clip-path:polygon(0 0,calc(100% - 25px) 0,calc(100% - 18.75px) 18.75px,100% 25px,100% 100%,0 100%)}:host-context([dir=rtl]) :host(.bui-alert-dismissible) .bui-alert-backdrop{clip-path:polygon(0 25px,0 100%,100% 100%,100% 0,25px 0,18.75px 18.75px)}.bui-alert-frame{border-radius:5px;border-width:1px 1px 1px 5px;border-style:solid}:host-context([dir=rtl]) .bui-alert-frame{border-width:1px 5px 1px 1px}:host(.bui-alert-dismissible) .bui-alert-frame{clip-path:polygon(0 0,calc(100% - 25px) 0,calc(100% - 25px) 25px,100% 25px,100% 100%,0 100%)}:host-context([dir=rtl]) :host(.bui-alert-dismissible) .bui-alert-frame{clip-path:polygon(0 25px,0 100%,100% 100%,100% 0,25px 0)}.bui-alert-button-area{position:absolute;right:-15px;top:-15px;width:40px;height:40px;border-radius:20px;display:flex;align-items:center;justify-content:center}:host-context([dir=rtl]) .bui-alert-button-area{right:unset;left:-15px}.bui-alert-button-backdrop{position:absolute;border-radius:20px;width:100%;height:100%;clip-path:polygon(0 15px,25px 15px,25px 100%,0% 100%)}:host-context([dir=rtl]) .bui-alert-button-backdrop{clip-path:polygon(15px 15px,15px 100%,100% 100%,100% 15px)}.bui-alert-wrapper{display:flex;align-items:stretch}.bui-alert-icon-area{flex-shrink:0;display:flex;justify-content:center;align-items:center;border-radius:5px;width:30px;height:30px;margin-right:14px;color:var(--bui-bg-card)}:host-context([dir=rtl]) .bui-alert-icon-area{margin-right:unset;margin-left:14px}.bui-alert-content{z-index:1;flex-grow:1}:host(.bui-alert-dismissible) .bui-alert-content{clip-path:polygon(0 0,calc(100% - 11px) 0,100% 13px,100% 100%,0 100%)}:host-context([dir=rtl]) :host(.bui-alert-dismissible) .bui-alert-content{clip-path:polygon(0 13px,0 100%,100% 100%,100% 0,11px 0)}:host(.bui-alert-success) .bui-alert-frame{border-color:var(--bui-color-success)}:host(.bui-alert-success) .bui-alert-backdrop,:host(.bui-alert-success) .bui-alert-icon-area{background-color:var(--bui-color-success)}:host(.bui-alert-success) .bui-alert-button-backdrop{border:1px var(--bui-color-success) solid}:host(.bui-alert-success) .bui-alert-button{color:var(--bui-color-success)}:host(.bui-alert-info) .bui-alert-frame{border-color:var(--bui-color-info)}:host(.bui-alert-info) .bui-alert-backdrop,:host(.bui-alert-info) .bui-alert-icon-area{background-color:var(--bui-color-info)}:host(.bui-alert-info) .bui-alert-button-backdrop{border:1px var(--bui-color-info) solid}:host(.bui-alert-info) .bui-alert-button{color:var(--bui-color-info)}:host(.bui-alert-warning) .bui-alert-frame{border-color:var(--bui-color-warning)}:host(.bui-alert-warning) .bui-alert-backdrop,:host(.bui-alert-warning) .bui-alert-icon-area{background-color:var(--bui-color-warning)}:host(.bui-alert-warning) .bui-alert-button-backdrop{border:1px var(--bui-color-warning) solid}:host(.bui-alert-warning) .bui-alert-button{color:var(--bui-color-warning)}:host(.bui-alert-error) .bui-alert-frame{border-color:var(--bui-color-error)}:host(.bui-alert-error) .bui-alert-backdrop,:host(.bui-alert-error) .bui-alert-icon-area{background-color:var(--bui-color-error)}:host(.bui-alert-error) .bui-alert-button-backdrop{border:1px var(--bui-color-error) solid}:host(.bui-alert-error) .bui-alert-button{color:var(--bui-color-error)}@polyfill-unscoped-rule{content: \".bui-alert .bui-alert-content > div > *:first-child\"; margin-top: 0;}@polyfill-unscoped-rule{content: \".bui-alert .bui-alert-content > div > *:last-child\"; margin-bottom: 0;}\n"] }]
|
|
81
|
+
}, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"bui-alert-backdrop\"></div>\n<div class=\"bui-alert-frame\"></div>\n\n<div class=\"bui-alert-wrapper\">\n\t<div class=\"bui-alert-icon-area\">\n\t\t<mat-icon [buiIcon]=\"iconName\" variant=\"outlined\"></mat-icon>\n\t</div>\n\t<div class=\"bui-alert-content\">\n\t\t<div [innerHTML]=\"message\" *ngIf=\"message\"></div>\n\t\t<ng-content></ng-content>\n\t</div>\n</div>\n\n<div class=\"bui-alert-button-area\" *ngIf=\"dismissible\">\n\t<div class=\"bui-alert-button-backdrop\"></div>\n\t<button mat-icon-button class=\"bui-alert-button\" (click)=\"_dismiss()\" aria-label=\"dismiss alert\">\n\t\t<mat-icon>cancel</mat-icon>\n\t</button>\n</div>\n", styles: [":host(:not([hidden])){display:block;padding:12px 14px 12px 19px;position:relative;border-radius:5px}:host-context([dir=rtl]) :host(:not([hidden])){padding:12px 19px 12px 14px}:host(:not([hidden])),:host(:not([hidden])) *{box-sizing:border-box}.bui-alert-backdrop,.bui-alert-frame{position:absolute;inset:0}.bui-alert-backdrop{opacity:.1}:host(.bui-alert-dismissible) .bui-alert-backdrop{clip-path:polygon(0 0,calc(100% - 25px) 0,calc(100% - 18.75px) 18.75px,100% 25px,100% 100%,0 100%)}:host-context([dir=rtl]) :host(.bui-alert-dismissible) .bui-alert-backdrop{clip-path:polygon(0 25px,0 100%,100% 100%,100% 0,25px 0,18.75px 18.75px)}.bui-alert-frame{border-radius:5px;border-width:1px 1px 1px 5px;border-style:solid}:host-context([dir=rtl]) .bui-alert-frame{border-width:1px 5px 1px 1px}:host(.bui-alert-dismissible) .bui-alert-frame{clip-path:polygon(0 0,calc(100% - 25px) 0,calc(100% - 25px) 25px,100% 25px,100% 100%,0 100%)}:host-context([dir=rtl]) :host(.bui-alert-dismissible) .bui-alert-frame{clip-path:polygon(0 25px,0 100%,100% 100%,100% 0,25px 0)}.bui-alert-button-area{position:absolute;right:-15px;top:-15px;width:40px;height:40px;border-radius:20px;display:flex;align-items:center;justify-content:center}:host-context([dir=rtl]) .bui-alert-button-area{right:unset;left:-15px}.bui-alert-button-backdrop{position:absolute;border-radius:20px;width:100%;height:100%;clip-path:polygon(0 15px,25px 15px,25px 100%,0% 100%)}:host-context([dir=rtl]) .bui-alert-button-backdrop{clip-path:polygon(15px 15px,15px 100%,100% 100%,100% 15px)}.bui-alert-wrapper{display:flex;align-items:stretch}.bui-alert-icon-area{flex-shrink:0;display:flex;justify-content:center;align-items:center;border-radius:5px;width:30px;height:30px;margin-right:14px;color:var(--bui-bg-card)}:host-context([dir=rtl]) .bui-alert-icon-area{margin-right:unset;margin-left:14px}.bui-alert-content{z-index:1;flex-grow:1;display:flex;flex-direction:column;justify-content:center;gap:1rem}:host(.bui-alert-dismissible) .bui-alert-content{clip-path:polygon(0 0,calc(100% - 11px) 0,100% 13px,100% 100%,0 100%)}:host-context([dir=rtl]) :host(.bui-alert-dismissible) .bui-alert-content{clip-path:polygon(0 13px,0 100%,100% 100%,100% 0,11px 0)}:host(.bui-alert-success) .bui-alert-frame{border-color:var(--bui-color-success)}:host(.bui-alert-success) .bui-alert-backdrop,:host(.bui-alert-success) .bui-alert-icon-area{background-color:var(--bui-color-success)}:host(.bui-alert-success) .bui-alert-button-backdrop{border:1px var(--bui-color-success) solid}:host(.bui-alert-success) .bui-alert-button{color:var(--bui-color-success)}:host(.bui-alert-info) .bui-alert-frame{border-color:var(--bui-color-info)}:host(.bui-alert-info) .bui-alert-backdrop,:host(.bui-alert-info) .bui-alert-icon-area{background-color:var(--bui-color-info)}:host(.bui-alert-info) .bui-alert-button-backdrop{border:1px var(--bui-color-info) solid}:host(.bui-alert-info) .bui-alert-button{color:var(--bui-color-info)}:host(.bui-alert-warning) .bui-alert-frame{border-color:var(--bui-color-warning)}:host(.bui-alert-warning) .bui-alert-backdrop,:host(.bui-alert-warning) .bui-alert-icon-area{background-color:var(--bui-color-warning)}:host(.bui-alert-warning) .bui-alert-button-backdrop{border:1px var(--bui-color-warning) solid}:host(.bui-alert-warning) .bui-alert-button{color:var(--bui-color-warning)}:host(.bui-alert-error) .bui-alert-frame{border-color:var(--bui-color-error)}:host(.bui-alert-error) .bui-alert-backdrop,:host(.bui-alert-error) .bui-alert-icon-area{background-color:var(--bui-color-error)}:host(.bui-alert-error) .bui-alert-button-backdrop{border:1px var(--bui-color-error) solid}:host(.bui-alert-error) .bui-alert-button{color:var(--bui-color-error)}@polyfill-unscoped-rule{content: \".bui-alert .bui-alert-content > div > *:first-child\"; margin-top: 0;}@polyfill-unscoped-rule{content: \".bui-alert .bui-alert-content > div > *:last-child\"; margin-bottom: 0;}@polyfill-unscoped-rule{content: \".bui-alert .bui-alert-content > *:first-child\"; margin-top: 0;}@polyfill-unscoped-rule{content: \".bui-alert .bui-alert-content > *:last-child\"; margin-bottom: 0;}\n"] }]
|
|
82
82
|
}], ctorParameters: function () { return []; }, propDecorators: { type: [{
|
|
83
83
|
type: Input
|
|
84
84
|
}], message: [{
|
|
@@ -100,4 +100,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImpor
|
|
|
100
100
|
type: HostBinding,
|
|
101
101
|
args: ['id']
|
|
102
102
|
}] } });
|
|
103
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
103
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQtbWVzc2FnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9hbGVydC9hbGVydC1tZXNzYWdlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uL3Byb2plY3RzL3VpL2FsZXJ0L2FsZXJ0LW1lc3NhZ2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDOUQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDckgsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLG9CQUFvQixDQUFDOzs7Ozs7QUFFaEQsY0FBYztBQUNkLE1BQU0sS0FBSyxHQUFRO0lBQ2xCLE9BQU8sRUFBRSxjQUFjO0lBQ3ZCLElBQUksRUFBRSxNQUFNO0lBQ1osSUFBSSxFQUFFLGdCQUFnQjtJQUN0QixLQUFLLEVBQUUsUUFBUTtDQUNmLENBQUM7QUFFRixjQUFjO0FBQ2QsTUFBTSxrQkFBa0IsR0FBRztJQUMxQixPQUFPLEVBQUUsUUFBUTtJQUNqQixJQUFJLEVBQUUsUUFBUTtJQUNkLElBQUksRUFBRSxXQUFXO0lBQ2pCLEtBQUssRUFBRSxXQUFXO0NBQ2xCLENBQUM7QUFFRjs7Ozs7Ozs7Ozs7Ozs7R0FjRztBQVlILE1BQU0sT0FBTyxxQkFBcUI7SUEyQ2pDO1FBckNBLHdFQUF3RTtRQUV4RSxTQUFJLEdBQTBDLE9BQU8sQ0FBQztRQUV0RCxvREFBb0Q7UUFFcEQsWUFBTyxHQUFHLEVBQUUsQ0FBQztRQWViLDZHQUE2RztRQUU3RyxjQUFTLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUV2Qyw0R0FBNEc7UUFFNUcsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBSXpDLGNBQWM7UUFDZCxRQUFHLEdBQUcsYUFBYSxVQUFVLEVBQUUsRUFBRSxDQUFDO1FBRTFCLGlCQUFZLEdBQUcsS0FBSyxDQUFDO1FBQ3JCLFdBQU0sR0FBRyxLQUFLLENBQUM7SUFFUixDQUFDO0lBekJoQixtRUFBbUU7SUFDbkUsSUFDSSxXQUFXO1FBQ2QsT0FBTyxJQUFJLENBQUMsWUFBWSxDQUFDO0lBQzFCLENBQUM7SUFDRCxJQUFJLFdBQVcsQ0FBQyxLQUFVO1FBQ3pCLElBQUksQ0FBQyxZQUFZLEdBQUcscUJBQXFCLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDbEQsQ0FBQztJQW9CRCxRQUFRO1FBQ1AsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsVUFBVSxJQUFJLGtCQUFrQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUNuRSxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDakMsQ0FBQztJQUVELGNBQWM7SUFDZCxJQUFJLFFBQVE7UUFDWCxPQUFPLEtBQUssQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDekIsQ0FBQztJQUVELGNBQWM7SUFDZCxRQUFRO1FBQ1AsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQy9CLENBQUM7O2tIQTFEVyxxQkFBcUI7c0dBQXJCLHFCQUFxQix1aEJDOUNsQyxvcEJBbUJBOzJGRDJCYSxxQkFBcUI7a0JBWGpDLFNBQVM7K0JBQ0MsV0FBVyxRQUdmO3dCQUNMLFNBQVMsRUFBRSx3SEFBd0g7d0JBQ25JLFFBQVEsRUFBRSwyQ0FBMkM7d0JBQ3JELGtCQUFrQixFQUFFLHFEQUFxRDtxQkFDekUsbUJBQ2dCLHVCQUF1QixDQUFDLE1BQU07MEVBVS9DLElBQUk7c0JBREgsS0FBSztnQkFLTixPQUFPO3NCQUROLEtBQUs7Z0JBS04sVUFBVTtzQkFEVCxLQUFLO2dCQUtGLFdBQVc7c0JBRGQsS0FBSztnQkFVTixTQUFTO3NCQURSLE1BQU07Z0JBS1AsV0FBVztzQkFEVixNQUFNOztRQUtQLGNBQWM7UUFDZCxHQUFHO3NCQUhGLEtBQUs7dUJBQUMsSUFBSTs7c0JBQ1YsV0FBVzt1QkFBQyxJQUFJIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY29lcmNlQm9vbGVhblByb3BlcnR5IH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2NvZXJjaW9uJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSG9zdEJpbmRpbmcsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgZ2VuZXJhdGVJRCB9IGZyb20gJ0BicmF2dXJhL3VpL2NvbW1vbic7XG5cbi8qKiBAaWdub3JlICovXG5jb25zdCBJQ09OUzogYW55ID0ge1xuXHRzdWNjZXNzOiAnY2hlY2tfY2lyY2xlJyxcblx0aW5mbzogJ2luZm8nLFxuXHR3YXJuOiAncmVwb3J0X3Byb2JsZW0nLFxuXHRlcnJvcjogJ2NhbmNlbCdcbn07XG5cbi8qKiBAaWdub3JlICovXG5jb25zdCBERUZBVUxUX1BPTElURU5FU1MgPSB7XG5cdHN1Y2Nlc3M6ICdwb2xpdGUnLFxuXHRpbmZvOiAncG9saXRlJyxcblx0d2FybjogJ2Fzc2VydGl2ZScsXG5cdGVycm9yOiAnYXNzZXJ0aXZlJ1xufTtcblxuLyoqXG4gKiBBbiBhbGVydCBzdHlsZSBtZXNzYWdlIHVzdWFsbHkgYXBwZWFycyBpbiBhIGdsb2JhbCBub3RpZmljYXRpb24gYXJlYS5cbiAqXG4gKiBUaGUgYmFzZSBjb2xvciBvZiB0aGUgbWVzc2FnZSBpcyBkZXRlcm1pbmVkIGJ5IHRoZSBgdHlwZWAgb2YgdGhlIG1lc3NhZ2UgYW5kIGEgbGlzdCBvZiBwcmVkZWZpbmVkXG4gKiBDU1MgY3VzdG9tIHByb3BlcnRpZXMuXG4gKlxuICogYGBgc2Nzc1xuICogLS1idWktY29sb3Itc3VjY2VzczogIzUxOTYwMjtcbiAqIC0tYnVpLWNvbG9yLWluZm86ICMwZGNhZjA7XG4gKiAtLWJ1aS1jb2xvci13YXJuaW5nOiAjZmZjMTA3O1xuICogLS1idWktY29sb3ItZXJyb3I6ICNkYzM1NDU7XG4gKiBgYGBcbiAqXG4gKlxuICovXG5AQ29tcG9uZW50KHtcblx0c2VsZWN0b3I6ICdidWktYWxlcnQnLFxuXHR0ZW1wbGF0ZVVybDogJy4vYWxlcnQtbWVzc2FnZS5jb21wb25lbnQuaHRtbCcsXG5cdHN0eWxlVXJsczogWycuL2FsZXJ0LW1lc3NhZ2UuY29tcG9uZW50LnNjc3MnXSxcblx0aG9zdDoge1xuXHRcdCdbY2xhc3NdJzogYCdidWktYWxlcnQgYnVpLWhvc3QgYnVpLWFsZXJ0LScgKyAodHlwZSA9PT0gJ3dhcm4nID8gJ3dhcm5pbmcnIDogdHlwZSkgKyAoZGlzbWlzc2libGUgPyAnIGJ1aS1hbGVydC1kaXNtaXNzaWJsZScgOiAnJylgLFxuXHRcdCdbcm9sZV0nOiBgcG9saXRlbmVzcyA9PT0gJ29mZicgPyAncmVnaW9uJyA6ICdhbGVydCdgLFxuXHRcdCdbYXR0ci5hcmlhLWxpdmVdJzogYHBvbGl0ZW5lc3MgPT09ICdhc3NlcnRpdmUnID8gdW5kZWZpbmVkIDogcG9saXRlbmVzc2Bcblx0fSxcblx0Y2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgQWxlcnRNZXNzYWdlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblx0LyoqIEBpZ25vcmUgKi9cblx0c3RhdGljIG5nQWNjZXB0SW5wdXRUeXBlX2Rpc21pc3NpYmxlOiBib29sZWFuIHwgc3RyaW5nIHwgbnVsbCB8IHVuZGVmaW5lZDtcblx0LyoqIEBpZ25vcmUgKi9cblx0c3RhdGljIG5nQWNjZXB0SW5wdXRUeXBlX2JsaW5rOiBib29sZWFuIHwgc3RyaW5nIHwgbnVsbCB8IHVuZGVmaW5lZDtcblxuXHQvKiogVGhlIHR5cGUgb2YgdGhlIG1lc3NhZ2UsIHVzZWQgdG8gZGVyaXZlIHRoZSBpY29uIGFuZCBiYXNlIGNvbG9yLiAgKi9cblx0QElucHV0KClcblx0dHlwZTogJ3N1Y2Nlc3MnIHwgJ2luZm8nIHwgJ3dhcm4nIHwgJ2Vycm9yJyA9ICdlcnJvcic7XG5cblx0LyoqIFRoZSBtZXNzYWdlIHRvIGJlIGRpc3BsYXllZCwgSFRNTCBzdXBwb3J0ZWQuICAqL1xuXHRASW5wdXQoKVxuXHRtZXNzYWdlID0gJyc7XG5cblx0LyoqIFNwZWNpZmllcyB0aGUgQVJJQSBsaXZlIHJlZ2lvbiBwb2xpdGVuZXNzLiAqL1xuXHRASW5wdXQoKVxuXHRwb2xpdGVuZXNzITogJ29mZicgfCAncG9saXRlJyB8ICdhc3NlcnRpdmUnO1xuXG5cdC8qKiBXaGV0aGVyIHRvIGRpc3BsYXkgdGhlIGJ1dHRvbiB0byBmaXJlIHRoZSBgZGlzbWlzc2VkYCBldmVudC4gKi9cblx0QElucHV0KClcblx0Z2V0IGRpc21pc3NpYmxlKCkge1xuXHRcdHJldHVybiB0aGlzLl9kaXNtaXNzaWJsZTtcblx0fVxuXHRzZXQgZGlzbWlzc2libGUodmFsdWU6IGFueSkge1xuXHRcdHRoaXMuX2Rpc21pc3NpYmxlID0gY29lcmNlQm9vbGVhblByb3BlcnR5KHZhbHVlKTtcblx0fVxuXG5cdC8qKiBUbyBiZSBlbWl0dGVkIHdoZW4gdGhlIHVzZXIgY2hvb3NlIHRvIGRpc21pc3MgdGhlIG1lc3NhZ2UuIFRoZSBldmVudCBvYmplY3QgaXMgdGhlIElEIG9mIHRoZSBlbGVtZW50LiAgKi9cblx0QE91dHB1dCgpXG5cdGRpc21pc3NlZCA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuXG5cdC8qKiBUbyBiZSBlbWl0dGVkIHdoZW4gdGhlIGNvbXBvbmVudCBmaW5pc2hlcyBpbml0aWFsaXNhdGlvbi4gVGhlIGV2ZW50IG9iamVjdCBpcyB0aGUgSUQgb2YgdGhlIGVsZW1lbnQuICAqL1xuXHRAT3V0cHV0KClcblx0aW5pdGlhbGlzZWQgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcblxuXHRASW5wdXQoJ2lkJylcblx0QEhvc3RCaW5kaW5nKCdpZCcpXG5cdC8qKiBAaWdub3JlICovXG5cdF9pZCA9IGBidWktYWxlcnQtJHtnZW5lcmF0ZUlEKCl9YDtcblxuXHRwcml2YXRlIF9kaXNtaXNzaWJsZSA9IGZhbHNlO1xuXHRwcml2YXRlIF9ibGluayA9IGZhbHNlO1xuXG5cdGNvbnN0cnVjdG9yKCkge31cblxuXHRuZ09uSW5pdCgpOiB2b2lkIHtcblx0XHR0aGlzLnBvbGl0ZW5lc3MgPSB0aGlzLnBvbGl0ZW5lc3MgfHwgREVGQVVMVF9QT0xJVEVORVNTW3RoaXMudHlwZV07XG5cdFx0dGhpcy5pbml0aWFsaXNlZC5lbWl0KHRoaXMuX2lkKTtcblx0fVxuXG5cdC8qKiBAaWdub3JlICovXG5cdGdldCBpY29uTmFtZSgpOiBzdHJpbmcge1xuXHRcdHJldHVybiBJQ09OU1t0aGlzLnR5cGVdO1xuXHR9XG5cblx0LyoqIEBpZ25vcmUgKi9cblx0X2Rpc21pc3MoKSB7XG5cdFx0dGhpcy5kaXNtaXNzZWQuZW1pdCh0aGlzLl9pZCk7XG5cdH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJidWktYWxlcnQtYmFja2Ryb3BcIj48L2Rpdj5cbjxkaXYgY2xhc3M9XCJidWktYWxlcnQtZnJhbWVcIj48L2Rpdj5cblxuPGRpdiBjbGFzcz1cImJ1aS1hbGVydC13cmFwcGVyXCI+XG5cdDxkaXYgY2xhc3M9XCJidWktYWxlcnQtaWNvbi1hcmVhXCI+XG5cdFx0PG1hdC1pY29uIFtidWlJY29uXT1cImljb25OYW1lXCIgdmFyaWFudD1cIm91dGxpbmVkXCI+PC9tYXQtaWNvbj5cblx0PC9kaXY+XG5cdDxkaXYgY2xhc3M9XCJidWktYWxlcnQtY29udGVudFwiPlxuXHRcdDxkaXYgW2lubmVySFRNTF09XCJtZXNzYWdlXCIgKm5nSWY9XCJtZXNzYWdlXCI+PC9kaXY+XG5cdFx0PG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuXHQ8L2Rpdj5cbjwvZGl2PlxuXG48ZGl2IGNsYXNzPVwiYnVpLWFsZXJ0LWJ1dHRvbi1hcmVhXCIgKm5nSWY9XCJkaXNtaXNzaWJsZVwiPlxuXHQ8ZGl2IGNsYXNzPVwiYnVpLWFsZXJ0LWJ1dHRvbi1iYWNrZHJvcFwiPjwvZGl2PlxuXHQ8YnV0dG9uIG1hdC1pY29uLWJ1dHRvbiBjbGFzcz1cImJ1aS1hbGVydC1idXR0b25cIiAoY2xpY2spPVwiX2Rpc21pc3MoKVwiIGFyaWEtbGFiZWw9XCJkaXNtaXNzIGFsZXJ0XCI+XG5cdFx0PG1hdC1pY29uPmNhbmNlbDwvbWF0LWljb24+XG5cdDwvYnV0dG9uPlxuPC9kaXY+XG4iXX0=
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Generated bundle index. Do not edit.
|
|
3
|
+
*/
|
|
4
|
+
export * from './test-api';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJhdnVyYS11aS1hbGVydC10ZXN0aW5nLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkvYWxlcnQvdGVzdGluZy9icmF2dXJhLXVpLWFsZXJ0LXRlc3RpbmcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLFlBQVksQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi90ZXN0LWFwaSc7XG4iXX0=
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { ComponentHarness, HarnessPredicate } from '@angular/cdk/testing';
|
|
2
|
+
export class AlertMessageHarness extends ComponentHarness {
|
|
3
|
+
constructor() {
|
|
4
|
+
super(...arguments);
|
|
5
|
+
this._getBackdrop = this.locatorFor('.bui-alert-backdrop');
|
|
6
|
+
this._getDeleteButton = this.locatorFor('.bui-alert-button');
|
|
7
|
+
this._getContentDiv = this.locatorFor('.bui-alert-content');
|
|
8
|
+
}
|
|
9
|
+
static with(options = {}) {
|
|
10
|
+
return new HarnessPredicate(this, options).addOption('content', options.content, AlertMessageHarness.filterByContent);
|
|
11
|
+
}
|
|
12
|
+
async getColor() {
|
|
13
|
+
return (await this._getBackdrop()).getCssValue('background-color');
|
|
14
|
+
}
|
|
15
|
+
async delete() {
|
|
16
|
+
await (await this._getDeleteButton()).click();
|
|
17
|
+
}
|
|
18
|
+
async getContent(options) {
|
|
19
|
+
return (await this._getContentDiv()).text(options);
|
|
20
|
+
}
|
|
21
|
+
static async filterByContent(harness, content) {
|
|
22
|
+
const contentText = await harness.getContent();
|
|
23
|
+
return content.test(contentText);
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
AlertMessageHarness.hostSelector = '.bui-alert';
|
|
27
|
+
export class AlertContainerHarness extends ComponentHarness {
|
|
28
|
+
constructor() {
|
|
29
|
+
super(...arguments);
|
|
30
|
+
this._items = this.locatorForAll(AlertMessageHarness.with({ ancestor: '.bui-alert-fixed-panel' }));
|
|
31
|
+
this._floatingFrame = this.locatorFor('.bui-alert-float-panel-frame');
|
|
32
|
+
}
|
|
33
|
+
getAlertItem(content) {
|
|
34
|
+
return this.locatorForOptional(AlertMessageHarness.with({ ancestor: '.bui-alert-fixed-panel', content }))();
|
|
35
|
+
}
|
|
36
|
+
async countAlertItems() {
|
|
37
|
+
return (await this._items()).length;
|
|
38
|
+
}
|
|
39
|
+
async isFloated() {
|
|
40
|
+
return (await (await this._floatingFrame()).getCssValue('display')) !== 'none';
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
AlertContainerHarness.hostSelector = '.bui-alert-container';
|
|
44
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVzdC1hcGkuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9hbGVydC90ZXN0aW5nL3Rlc3QtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTixnQkFBZ0IsRUFJaEIsZ0JBQWdCLEVBQ2hCLE1BQU0sc0JBQXNCLENBQUM7QUFPOUIsTUFBTSxPQUFPLG1CQUFvQixTQUFRLGdCQUFnQjtJQUF6RDs7UUFFUyxpQkFBWSxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMscUJBQXFCLENBQUMsQ0FBQztRQUN0RCxxQkFBZ0IsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLG1CQUFtQixDQUFDLENBQUM7UUFDeEQsbUJBQWMsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLG9CQUFvQixDQUFDLENBQUM7SUE2QmhFLENBQUM7SUEzQkEsTUFBTSxDQUFDLElBQUksQ0FFVixVQUFzQyxFQUFFO1FBRXhDLE9BQU8sSUFBSSxnQkFBZ0IsQ0FBQyxJQUFJLEVBQUUsT0FBTyxDQUFDLENBQUMsU0FBUyxDQUNuRCxTQUFTLEVBQ1QsT0FBTyxDQUFDLE9BQU8sRUFDZixtQkFBbUIsQ0FBQyxlQUFlLENBQ25DLENBQUM7SUFDSCxDQUFDO0lBRUQsS0FBSyxDQUFDLFFBQVE7UUFDYixPQUFPLENBQUMsTUFBTSxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUMsQ0FBQyxXQUFXLENBQUMsa0JBQWtCLENBQUMsQ0FBQztJQUNwRSxDQUFDO0lBRUQsS0FBSyxDQUFDLE1BQU07UUFDWCxNQUFNLENBQUMsTUFBTSxJQUFJLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQyxDQUFDLEtBQUssRUFBRSxDQUFDO0lBQy9DLENBQUM7SUFFRCxLQUFLLENBQUMsVUFBVSxDQUFDLE9BQXFCO1FBQ3JDLE9BQU8sQ0FBQyxNQUFNLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUNwRCxDQUFDO0lBRU8sTUFBTSxDQUFDLEtBQUssQ0FBQyxlQUFlLENBQUMsT0FBNEIsRUFBRSxPQUFlO1FBQ2pGLE1BQU0sV0FBVyxHQUFHLE1BQU0sT0FBTyxDQUFDLFVBQVUsRUFBRSxDQUFDO1FBQy9DLE9BQU8sT0FBTyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQztJQUNsQyxDQUFDOztBQS9CTSxnQ0FBWSxHQUFHLFlBQVksQ0FBQztBQWtDcEMsTUFBTSxPQUFPLHFCQUFzQixTQUFRLGdCQUFnQjtJQUEzRDs7UUFHUyxXQUFNLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQyxtQkFBbUIsQ0FBQyxJQUFJLENBQUMsRUFBRSxRQUFRLEVBQUUsd0JBQXdCLEVBQUUsQ0FBQyxDQUFDLENBQUM7UUFDOUYsbUJBQWMsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLDhCQUE4QixDQUFDLENBQUM7SUFhMUUsQ0FBQztJQVhBLFlBQVksQ0FBQyxPQUFlO1FBQzNCLE9BQU8sSUFBSSxDQUFDLGtCQUFrQixDQUFDLG1CQUFtQixDQUFDLElBQUksQ0FBQyxFQUFFLFFBQVEsRUFBRSx3QkFBd0IsRUFBRSxPQUFPLEVBQUUsQ0FBQyxDQUFDLEVBQUUsQ0FBQztJQUM3RyxDQUFDO0lBRUQsS0FBSyxDQUFDLGVBQWU7UUFDcEIsT0FBTyxDQUFDLE1BQU0sSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDLENBQUMsTUFBTSxDQUFDO0lBQ3JDLENBQUM7SUFFRCxLQUFLLENBQUMsU0FBUztRQUNkLE9BQU8sQ0FBQyxNQUFNLENBQUMsTUFBTSxJQUFJLENBQUMsY0FBYyxFQUFFLENBQUMsQ0FBQyxXQUFXLENBQUMsU0FBUyxDQUFDLENBQUMsS0FBSyxNQUFNLENBQUM7SUFDaEYsQ0FBQzs7QUFmTSxrQ0FBWSxHQUFHLHNCQUFzQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcblx0Q29tcG9uZW50SGFybmVzcyxcblx0VGV4dE9wdGlvbnMsXG5cdEJhc2VIYXJuZXNzRmlsdGVycyxcblx0Q29tcG9uZW50SGFybmVzc0NvbnN0cnVjdG9yLFxuXHRIYXJuZXNzUHJlZGljYXRlXG59IGZyb20gJ0Bhbmd1bGFyL2Nkay90ZXN0aW5nJztcblxuZXhwb3J0IGludGVyZmFjZSBBbGVydE1lc3NhZ2VIYXJuZXNzRmlsdGVycyBleHRlbmRzIEJhc2VIYXJuZXNzRmlsdGVycyB7XG5cdC8qKiBvbmx5IHNlbGVjdCB0aGUgYWxlcnQgd2l0aCB0aGUgY29udGVudCBtYXRjaGluZyB0aGlzIHJlZ3VsYXIgZXhwcmVzc2lvbiAqL1xuXHRjb250ZW50PzogUmVnRXhwO1xufVxuXG5leHBvcnQgY2xhc3MgQWxlcnRNZXNzYWdlSGFybmVzcyBleHRlbmRzIENvbXBvbmVudEhhcm5lc3Mge1xuXHRzdGF0aWMgaG9zdFNlbGVjdG9yID0gJy5idWktYWxlcnQnO1xuXHRwcml2YXRlIF9nZXRCYWNrZHJvcCA9IHRoaXMubG9jYXRvckZvcignLmJ1aS1hbGVydC1iYWNrZHJvcCcpO1xuXHRwcml2YXRlIF9nZXREZWxldGVCdXR0b24gPSB0aGlzLmxvY2F0b3JGb3IoJy5idWktYWxlcnQtYnV0dG9uJyk7XG5cdHByaXZhdGUgX2dldENvbnRlbnREaXYgPSB0aGlzLmxvY2F0b3JGb3IoJy5idWktYWxlcnQtY29udGVudCcpO1xuXG5cdHN0YXRpYyB3aXRoPFQgZXh0ZW5kcyBBbGVydE1lc3NhZ2VIYXJuZXNzPihcblx0XHR0aGlzOiBDb21wb25lbnRIYXJuZXNzQ29uc3RydWN0b3I8VD4sXG5cdFx0b3B0aW9uczogQWxlcnRNZXNzYWdlSGFybmVzc0ZpbHRlcnMgPSB7fVxuXHQpOiBIYXJuZXNzUHJlZGljYXRlPFQ+IHtcblx0XHRyZXR1cm4gbmV3IEhhcm5lc3NQcmVkaWNhdGUodGhpcywgb3B0aW9ucykuYWRkT3B0aW9uKFxuXHRcdFx0J2NvbnRlbnQnLFxuXHRcdFx0b3B0aW9ucy5jb250ZW50LFxuXHRcdFx0QWxlcnRNZXNzYWdlSGFybmVzcy5maWx0ZXJCeUNvbnRlbnRcblx0XHQpO1xuXHR9XG5cblx0YXN5bmMgZ2V0Q29sb3IoKTogUHJvbWlzZTxzdHJpbmc+IHtcblx0XHRyZXR1cm4gKGF3YWl0IHRoaXMuX2dldEJhY2tkcm9wKCkpLmdldENzc1ZhbHVlKCdiYWNrZ3JvdW5kLWNvbG9yJyk7XG5cdH1cblxuXHRhc3luYyBkZWxldGUoKTogUHJvbWlzZTx2b2lkPiB7XG5cdFx0YXdhaXQgKGF3YWl0IHRoaXMuX2dldERlbGV0ZUJ1dHRvbigpKS5jbGljaygpO1xuXHR9XG5cblx0YXN5bmMgZ2V0Q29udGVudChvcHRpb25zPzogVGV4dE9wdGlvbnMpOiBQcm9taXNlPHN0cmluZz4ge1xuXHRcdHJldHVybiAoYXdhaXQgdGhpcy5fZ2V0Q29udGVudERpdigpKS50ZXh0KG9wdGlvbnMpO1xuXHR9XG5cblx0cHJpdmF0ZSBzdGF0aWMgYXN5bmMgZmlsdGVyQnlDb250ZW50KGhhcm5lc3M6IEFsZXJ0TWVzc2FnZUhhcm5lc3MsIGNvbnRlbnQ6IFJlZ0V4cCk6IFByb21pc2U8Ym9vbGVhbj4ge1xuXHRcdGNvbnN0IGNvbnRlbnRUZXh0ID0gYXdhaXQgaGFybmVzcy5nZXRDb250ZW50KCk7XG5cdFx0cmV0dXJuIGNvbnRlbnQudGVzdChjb250ZW50VGV4dCk7XG5cdH1cbn1cblxuZXhwb3J0IGNsYXNzIEFsZXJ0Q29udGFpbmVySGFybmVzcyBleHRlbmRzIENvbXBvbmVudEhhcm5lc3Mge1xuXHRzdGF0aWMgaG9zdFNlbGVjdG9yID0gJy5idWktYWxlcnQtY29udGFpbmVyJztcblxuXHRwcml2YXRlIF9pdGVtcyA9IHRoaXMubG9jYXRvckZvckFsbChBbGVydE1lc3NhZ2VIYXJuZXNzLndpdGgoeyBhbmNlc3RvcjogJy5idWktYWxlcnQtZml4ZWQtcGFuZWwnIH0pKTtcblx0cHJpdmF0ZSBfZmxvYXRpbmdGcmFtZSA9IHRoaXMubG9jYXRvckZvcignLmJ1aS1hbGVydC1mbG9hdC1wYW5lbC1mcmFtZScpO1xuXG5cdGdldEFsZXJ0SXRlbShjb250ZW50OiBSZWdFeHApOiBQcm9taXNlPEFsZXJ0TWVzc2FnZUhhcm5lc3MgfCBudWxsPiB7XG5cdFx0cmV0dXJuIHRoaXMubG9jYXRvckZvck9wdGlvbmFsKEFsZXJ0TWVzc2FnZUhhcm5lc3Mud2l0aCh7IGFuY2VzdG9yOiAnLmJ1aS1hbGVydC1maXhlZC1wYW5lbCcsIGNvbnRlbnQgfSkpKCk7XG5cdH1cblxuXHRhc3luYyBjb3VudEFsZXJ0SXRlbXMoKTogUHJvbWlzZTxudW1iZXI+IHtcblx0XHRyZXR1cm4gKGF3YWl0IHRoaXMuX2l0ZW1zKCkpLmxlbmd0aDtcblx0fVxuXG5cdGFzeW5jIGlzRmxvYXRlZCgpOiBQcm9taXNlPGJvb2xlYW4+IHtcblx0XHRyZXR1cm4gKGF3YWl0IChhd2FpdCB0aGlzLl9mbG9hdGluZ0ZyYW1lKCkpLmdldENzc1ZhbHVlKCdkaXNwbGF5JykpICE9PSAnbm9uZSc7XG5cdH1cbn1cbiJdfQ==
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Generated bundle index. Do not edit.
|
|
3
|
+
*/
|
|
4
|
+
export * from './test-api';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJhdnVyYS11aS1yYWRpby1wYW5lbC10ZXN0aW5nLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkvcmFkaW8tcGFuZWwvdGVzdGluZy9icmF2dXJhLXVpLXJhZGlvLXBhbmVsLXRlc3RpbmcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLFlBQVksQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi90ZXN0LWFwaSc7XG4iXX0=
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import { HarnessPredicate } from '@angular/cdk/testing';
|
|
2
|
+
import { MatRadioButtonHarness, _MatRadioGroupHarnessBase } from '@angular/material/radio/testing';
|
|
3
|
+
export class RadioPanelItemHarness extends MatRadioButtonHarness {
|
|
4
|
+
constructor() {
|
|
5
|
+
super(...arguments);
|
|
6
|
+
this.getLabelElement = this.locatorFor('label');
|
|
7
|
+
this._textLabel = this.locatorFor('label .bui-label-title');
|
|
8
|
+
this._clickLabel = this.getLabelElement;
|
|
9
|
+
}
|
|
10
|
+
/**
|
|
11
|
+
* Gets a `HarnessPredicate` that can be used to search for a radio button with specific
|
|
12
|
+
* attributes.
|
|
13
|
+
* @param options Options for filtering which radio button instances are considered a match.
|
|
14
|
+
* @return a `HarnessPredicate` configured with the given options.
|
|
15
|
+
*/
|
|
16
|
+
static with(options = {}) {
|
|
17
|
+
return new HarnessPredicate(this, options)
|
|
18
|
+
.addOption('label', options.label, (harness, label) => HarnessPredicate.stringMatches(harness.getLabelText(), label))
|
|
19
|
+
.addOption('value', options.value, (harness, value) => HarnessPredicate.stringMatches(harness.getValue(), value));
|
|
20
|
+
}
|
|
21
|
+
async click() {
|
|
22
|
+
const element = await this.getLabelElement();
|
|
23
|
+
element.click();
|
|
24
|
+
}
|
|
25
|
+
async getLabelCssValue(prop) {
|
|
26
|
+
const element = await this.getLabelElement();
|
|
27
|
+
return element.getCssValue(prop);
|
|
28
|
+
}
|
|
29
|
+
async getBorderColor() {
|
|
30
|
+
const label = await this.getLabelElement();
|
|
31
|
+
return label.getCssValue('border-color');
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
RadioPanelItemHarness.hostSelector = 'bui-radio-panel-item';
|
|
35
|
+
export class RadioPanelHarness extends _MatRadioGroupHarnessBase {
|
|
36
|
+
constructor() {
|
|
37
|
+
super(...arguments);
|
|
38
|
+
this._buttonClass = RadioPanelItemHarness;
|
|
39
|
+
this.getItem = (filters) => this.locatorFor(RadioPanelItemHarness.with(filters))();
|
|
40
|
+
}
|
|
41
|
+
async getFlexDir() {
|
|
42
|
+
return (await this.host()).getCssValue('flex-direction');
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
/** The selector for the host element of a `MatRadioGroup` instance. */
|
|
46
|
+
RadioPanelHarness.hostSelector = 'bui-radio-panel';
|
|
47
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVzdC1hcGkuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9yYWRpby1wYW5lbC90ZXN0aW5nL3Rlc3QtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBK0IsZ0JBQWdCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUNyRixPQUFPLEVBQ04scUJBQXFCLEVBRXJCLHlCQUF5QixFQUN6QixNQUFNLGlDQUFpQyxDQUFDO0FBTXpDLE1BQU0sT0FBTyxxQkFBc0IsU0FBUSxxQkFBcUI7SUFBaEU7O1FBRUMsb0JBQWUsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBRWpDLGVBQVUsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLHdCQUF3QixDQUFDLENBQUM7UUFDdkQsZ0JBQVcsR0FBRyxJQUFJLENBQUMsZUFBZSxDQUFDO0lBbUM5QyxDQUFDO0lBakNBOzs7OztPQUtHO0lBQ0gsTUFBTSxDQUFDLElBQUksQ0FFVixVQUF3QyxFQUFFO1FBRTFDLE9BQU8sSUFBSSxnQkFBZ0IsQ0FBQyxJQUFJLEVBQUUsT0FBTyxDQUFDO2FBQ3hDLFNBQVMsQ0FBQyxPQUFPLEVBQUUsT0FBTyxDQUFDLEtBQUssRUFBRSxDQUFDLE9BQU8sRUFBRSxLQUFLLEVBQUUsRUFBRSxDQUNyRCxnQkFBZ0IsQ0FBQyxhQUFhLENBQUMsT0FBTyxDQUFDLFlBQVksRUFBRSxFQUFFLEtBQUssQ0FBQyxDQUM3RDthQUNBLFNBQVMsQ0FBQyxPQUFPLEVBQUUsT0FBTyxDQUFDLEtBQUssRUFBRSxDQUFDLE9BQU8sRUFBRSxLQUFLLEVBQUUsRUFBRSxDQUNyRCxnQkFBZ0IsQ0FBQyxhQUFhLENBQUMsT0FBTyxDQUFDLFFBQVEsRUFBRSxFQUFFLEtBQUssQ0FBQyxDQUNsQyxDQUFDO0lBQzNCLENBQUM7SUFFRCxLQUFLLENBQUMsS0FBSztRQUNWLE1BQU0sT0FBTyxHQUFHLE1BQU0sSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQzdDLE9BQU8sQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUNqQixDQUFDO0lBRUQsS0FBSyxDQUFDLGdCQUFnQixDQUFDLElBQVk7UUFDbEMsTUFBTSxPQUFPLEdBQUcsTUFBTSxJQUFJLENBQUMsZUFBZSxFQUFFLENBQUM7UUFDN0MsT0FBTyxPQUFPLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ2xDLENBQUM7SUFFRCxLQUFLLENBQUMsY0FBYztRQUNuQixNQUFNLEtBQUssR0FBRyxNQUFNLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUMzQyxPQUFPLEtBQUssQ0FBQyxXQUFXLENBQUMsY0FBYyxDQUFDLENBQUM7SUFDMUMsQ0FBQzs7QUF0Q00sa0NBQVksR0FBRyxzQkFBc0IsQ0FBQztBQXlDOUMsTUFBTSxPQUFPLGlCQUFrQixTQUFRLHlCQUl0QztJQUpEOztRQVFXLGlCQUFZLEdBQUcscUJBQXFCLENBQUM7UUFFL0MsWUFBTyxHQUFHLENBQUMsT0FBc0MsRUFBRSxFQUFFLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxxQkFBcUIsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsRUFBRSxDQUFDO0lBSzlHLENBQUM7SUFIQSxLQUFLLENBQUMsVUFBVTtRQUNmLE9BQU8sQ0FBQyxNQUFNLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQyxDQUFDLFdBQVcsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO0lBQzFELENBQUM7O0FBVEQsdUVBQXVFO0FBQ2hFLDhCQUFZLEdBQUcsaUJBQWlCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnRIYXJuZXNzQ29uc3RydWN0b3IsIEhhcm5lc3NQcmVkaWNhdGUgfSBmcm9tICdAYW5ndWxhci9jZGsvdGVzdGluZyc7XG5pbXBvcnQge1xuXHRNYXRSYWRpb0J1dHRvbkhhcm5lc3MsXG5cdFJhZGlvQnV0dG9uSGFybmVzc0ZpbHRlcnMsXG5cdF9NYXRSYWRpb0dyb3VwSGFybmVzc0Jhc2Vcbn0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvcmFkaW8vdGVzdGluZyc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUmFkaW9QYW5lbEl0ZW1IYXJuZXNzRmlsdGVycyBleHRlbmRzIFJhZGlvQnV0dG9uSGFybmVzc0ZpbHRlcnMge1xuXHR2YWx1ZT86IHN0cmluZyB8IFJlZ0V4cDtcbn1cblxuZXhwb3J0IGNsYXNzIFJhZGlvUGFuZWxJdGVtSGFybmVzcyBleHRlbmRzIE1hdFJhZGlvQnV0dG9uSGFybmVzcyB7XG5cdHN0YXRpYyBob3N0U2VsZWN0b3IgPSAnYnVpLXJhZGlvLXBhbmVsLWl0ZW0nO1xuXHRnZXRMYWJlbEVsZW1lbnQgPSB0aGlzLmxvY2F0b3JGb3IoJ2xhYmVsJyk7XG5cblx0cHJvdGVjdGVkIF90ZXh0TGFiZWwgPSB0aGlzLmxvY2F0b3JGb3IoJ2xhYmVsIC5idWktbGFiZWwtdGl0bGUnKTtcblx0cHJvdGVjdGVkIF9jbGlja0xhYmVsID0gdGhpcy5nZXRMYWJlbEVsZW1lbnQ7XG5cblx0LyoqXG5cdCAqIEdldHMgYSBgSGFybmVzc1ByZWRpY2F0ZWAgdGhhdCBjYW4gYmUgdXNlZCB0byBzZWFyY2ggZm9yIGEgcmFkaW8gYnV0dG9uIHdpdGggc3BlY2lmaWNcblx0ICogYXR0cmlidXRlcy5cblx0ICogQHBhcmFtIG9wdGlvbnMgT3B0aW9ucyBmb3IgZmlsdGVyaW5nIHdoaWNoIHJhZGlvIGJ1dHRvbiBpbnN0YW5jZXMgYXJlIGNvbnNpZGVyZWQgYSBtYXRjaC5cblx0ICogQHJldHVybiBhIGBIYXJuZXNzUHJlZGljYXRlYCBjb25maWd1cmVkIHdpdGggdGhlIGdpdmVuIG9wdGlvbnMuXG5cdCAqL1xuXHRzdGF0aWMgd2l0aDxUIGV4dGVuZHMgTWF0UmFkaW9CdXR0b25IYXJuZXNzPihcblx0XHR0aGlzOiBDb21wb25lbnRIYXJuZXNzQ29uc3RydWN0b3I8VD4sXG5cdFx0b3B0aW9uczogUmFkaW9QYW5lbEl0ZW1IYXJuZXNzRmlsdGVycyA9IHt9XG5cdCk6IEhhcm5lc3NQcmVkaWNhdGU8VD4ge1xuXHRcdHJldHVybiBuZXcgSGFybmVzc1ByZWRpY2F0ZSh0aGlzLCBvcHRpb25zKVxuXHRcdFx0LmFkZE9wdGlvbignbGFiZWwnLCBvcHRpb25zLmxhYmVsLCAoaGFybmVzcywgbGFiZWwpID0+XG5cdFx0XHRcdEhhcm5lc3NQcmVkaWNhdGUuc3RyaW5nTWF0Y2hlcyhoYXJuZXNzLmdldExhYmVsVGV4dCgpLCBsYWJlbClcblx0XHRcdClcblx0XHRcdC5hZGRPcHRpb24oJ3ZhbHVlJywgb3B0aW9ucy52YWx1ZSwgKGhhcm5lc3MsIHZhbHVlKSA9PlxuXHRcdFx0XHRIYXJuZXNzUHJlZGljYXRlLnN0cmluZ01hdGNoZXMoaGFybmVzcy5nZXRWYWx1ZSgpLCB2YWx1ZSlcblx0XHRcdCkgYXMgSGFybmVzc1ByZWRpY2F0ZTxUPjtcblx0fVxuXG5cdGFzeW5jIGNsaWNrKCkge1xuXHRcdGNvbnN0IGVsZW1lbnQgPSBhd2FpdCB0aGlzLmdldExhYmVsRWxlbWVudCgpO1xuXHRcdGVsZW1lbnQuY2xpY2soKTtcblx0fVxuXG5cdGFzeW5jIGdldExhYmVsQ3NzVmFsdWUocHJvcDogc3RyaW5nKTogUHJvbWlzZTxzdHJpbmc+IHtcblx0XHRjb25zdCBlbGVtZW50ID0gYXdhaXQgdGhpcy5nZXRMYWJlbEVsZW1lbnQoKTtcblx0XHRyZXR1cm4gZWxlbWVudC5nZXRDc3NWYWx1ZShwcm9wKTtcblx0fVxuXG5cdGFzeW5jIGdldEJvcmRlckNvbG9yKCk6IFByb21pc2U8c3RyaW5nPiB7XG5cdFx0Y29uc3QgbGFiZWwgPSBhd2FpdCB0aGlzLmdldExhYmVsRWxlbWVudCgpO1xuXHRcdHJldHVybiBsYWJlbC5nZXRDc3NWYWx1ZSgnYm9yZGVyLWNvbG9yJyk7XG5cdH1cbn1cblxuZXhwb3J0IGNsYXNzIFJhZGlvUGFuZWxIYXJuZXNzIGV4dGVuZHMgX01hdFJhZGlvR3JvdXBIYXJuZXNzQmFzZTxcblx0dHlwZW9mIFJhZGlvUGFuZWxJdGVtSGFybmVzcyxcblx0UmFkaW9QYW5lbEl0ZW1IYXJuZXNzLFxuXHRSYWRpb0J1dHRvbkhhcm5lc3NGaWx0ZXJzXG4+IHtcblx0LyoqIFRoZSBzZWxlY3RvciBmb3IgdGhlIGhvc3QgZWxlbWVudCBvZiBhIGBNYXRSYWRpb0dyb3VwYCBpbnN0YW5jZS4gKi9cblx0c3RhdGljIGhvc3RTZWxlY3RvciA9ICdidWktcmFkaW8tcGFuZWwnO1xuXG5cdHByb3RlY3RlZCBfYnV0dG9uQ2xhc3MgPSBSYWRpb1BhbmVsSXRlbUhhcm5lc3M7XG5cblx0Z2V0SXRlbSA9IChmaWx0ZXJzPzogUmFkaW9QYW5lbEl0ZW1IYXJuZXNzRmlsdGVycykgPT4gdGhpcy5sb2NhdG9yRm9yKFJhZGlvUGFuZWxJdGVtSGFybmVzcy53aXRoKGZpbHRlcnMpKSgpO1xuXG5cdGFzeW5jIGdldEZsZXhEaXIoKTogUHJvbWlzZTxzdHJpbmc+IHtcblx0XHRyZXR1cm4gKGF3YWl0IHRoaXMuaG9zdCgpKS5nZXRDc3NWYWx1ZSgnZmxleC1kaXJlY3Rpb24nKTtcblx0fVxufVxuIl19
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, Inject, InjectionToken, ViewChild, ViewEncapsulation } from '@angular/core';
|
|
1
|
+
import { ChangeDetectionStrategy, Component, Inject, InjectionToken, ViewChild, ViewContainerRef, ViewEncapsulation } from '@angular/core';
|
|
2
2
|
import { matTooltipAnimations, TooltipComponent as MatTooltipComponent } from '@angular/material/tooltip';
|
|
3
3
|
import { getTextWidth } from '@bravura/ui/common';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
@@ -21,6 +21,12 @@ export class TooltipComponent extends MatTooltipComponent {
|
|
|
21
21
|
const width = Math.max(Math.sqrt(getTextWidth(this.message) * 40), 360);
|
|
22
22
|
this._tooltip.nativeElement.style.maxWidth = `${width}px`;
|
|
23
23
|
}
|
|
24
|
+
else if (this._tooltipInst.template) {
|
|
25
|
+
this.messageCont.clear();
|
|
26
|
+
const ref = this.messageCont.createEmbeddedView(this._tooltipInst.template);
|
|
27
|
+
ref.detectChanges();
|
|
28
|
+
this._tooltipInst.message = this.message = this.tooltipDiv.nativeElement.textContent;
|
|
29
|
+
}
|
|
24
30
|
super.show(delay);
|
|
25
31
|
}
|
|
26
32
|
get _self() {
|
|
@@ -28,7 +34,7 @@ export class TooltipComponent extends MatTooltipComponent {
|
|
|
28
34
|
}
|
|
29
35
|
}
|
|
30
36
|
TooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: TooltipComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.BreakpointObserver }, { token: BUI_TOOLTIP_TEMPLATE_REF }], target: i0.ɵɵFactoryTarget.Component });
|
|
31
|
-
TooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.3", type: TooltipComponent, selector: "bui-tooltip-component", host: { attributes: { "aria-hidden": "true" }, listeners: { "body:click": "this._handleBodyInteraction()", "body:auxclick": "this._handleBodyInteraction()" }, properties: { "style.zoom": "_visibility === \"visible\" ? 1 : null" }, classAttribute: "bui-tooltip-component bui-host" }, viewQueries: [{ propertyName: "_tooltip", first: true, predicate: ["tooltip"], descendants: true, static: true }, { propertyName: "tooltipDiv", first: true, predicate: ["tooltipDiv"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div\n\t#tooltip\n\tclass=\"mat-tooltip bui-tooltip\"\n\t[ngClass]=\"tooltipClass\"\n\t[class.mat-tooltip-handset]=\"(_isHandset | async)?.matches\"\n\t[@state]=\"_visibility\"\n\t(@state.start)=\"_self._animationStart && _self._animationStart()\"\n\t(@state.done)=\"_self._animationDone && _self._animationDone($event)\"\n\t(animationend)=\"_self._handleAnimationEnd && _self._handleAnimationEnd($event)\"\n>\n\t<
|
|
37
|
+
TooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.3", type: TooltipComponent, selector: "bui-tooltip-component", host: { attributes: { "aria-hidden": "true" }, listeners: { "body:click": "this._handleBodyInteraction()", "body:auxclick": "this._handleBodyInteraction()" }, properties: { "style.zoom": "_visibility === \"visible\" ? 1 : null" }, classAttribute: "bui-tooltip-component bui-host" }, viewQueries: [{ propertyName: "_tooltip", first: true, predicate: ["tooltip"], descendants: true, static: true }, { propertyName: "tooltipDiv", first: true, predicate: ["tooltipDiv"], descendants: true, static: true }, { propertyName: "messageCont", first: true, predicate: ["messageCont"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: "<div\n\t#tooltip\n\tclass=\"mat-tooltip bui-tooltip\"\n\t[ngClass]=\"tooltipClass\"\n\t[class.mat-tooltip-handset]=\"(_isHandset | async)?.matches\"\n\t[@state]=\"_visibility\"\n\t(@state.start)=\"_self._animationStart && _self._animationStart()\"\n\t(@state.done)=\"_self._animationDone && _self._animationDone($event)\"\n\t(animationend)=\"_self._handleAnimationEnd && _self._handleAnimationEnd($event)\"\n>\n\t<div #tooltipDiv>\n\t\t<ng-container #messageCont></ng-container>\n\t</div>\n</div>\n", styles: [".bui-tooltip.mat-tooltip{font-size:inherit}.bui-tooltip.mat-tooltip.bui-tooltip-400{max-width:400px!important}.bui-tooltip.mat-tooltip.bui-tooltip-500{max-width:500px!important}.bui-tooltip.mat-tooltip.bui-tooltip-600{max-width:600px!important}.bui-tooltip.mat-tooltip.bui-tooltip-700{max-width:700px!important}.bui-tooltip.mat-tooltip.bui-tooltip-800{max-width:800px!important}.bui-tooltip.mat-tooltip.bui-tooltip-900{max-width:900px!important}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], animations: [matTooltipAnimations.tooltipState], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
32
38
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: TooltipComponent, decorators: [{
|
|
33
39
|
type: Component,
|
|
34
40
|
args: [{ selector: 'bui-tooltip-component', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, animations: [matTooltipAnimations.tooltipState], host: {
|
|
@@ -39,7 +45,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImpor
|
|
|
39
45
|
'(body:click)': 'this._handleBodyInteraction()',
|
|
40
46
|
'(body:auxclick)': 'this._handleBodyInteraction()',
|
|
41
47
|
'aria-hidden': 'true'
|
|
42
|
-
}, template: "<div\n\t#tooltip\n\tclass=\"mat-tooltip bui-tooltip\"\n\t[ngClass]=\"tooltipClass\"\n\t[class.mat-tooltip-handset]=\"(_isHandset | async)?.matches\"\n\t[@state]=\"_visibility\"\n\t(@state.start)=\"_self._animationStart && _self._animationStart()\"\n\t(@state.done)=\"_self._animationDone && _self._animationDone($event)\"\n\t(animationend)=\"_self._handleAnimationEnd && _self._handleAnimationEnd($event)\"\n>\n\t<
|
|
48
|
+
}, template: "<div\n\t#tooltip\n\tclass=\"mat-tooltip bui-tooltip\"\n\t[ngClass]=\"tooltipClass\"\n\t[class.mat-tooltip-handset]=\"(_isHandset | async)?.matches\"\n\t[@state]=\"_visibility\"\n\t(@state.start)=\"_self._animationStart && _self._animationStart()\"\n\t(@state.done)=\"_self._animationDone && _self._animationDone($event)\"\n\t(animationend)=\"_self._handleAnimationEnd && _self._handleAnimationEnd($event)\"\n>\n\t<div #tooltipDiv>\n\t\t<ng-container #messageCont></ng-container>\n\t</div>\n</div>\n", styles: [".bui-tooltip.mat-tooltip{font-size:inherit}.bui-tooltip.mat-tooltip.bui-tooltip-400{max-width:400px!important}.bui-tooltip.mat-tooltip.bui-tooltip-500{max-width:500px!important}.bui-tooltip.mat-tooltip.bui-tooltip-600{max-width:600px!important}.bui-tooltip.mat-tooltip.bui-tooltip-700{max-width:700px!important}.bui-tooltip.mat-tooltip.bui-tooltip-800{max-width:800px!important}.bui-tooltip.mat-tooltip.bui-tooltip-900{max-width:900px!important}\n"] }]
|
|
43
49
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.BreakpointObserver }, { type: undefined, decorators: [{
|
|
44
50
|
type: Inject,
|
|
45
51
|
args: [BUI_TOOLTIP_TEMPLATE_REF]
|
|
@@ -49,6 +55,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImpor
|
|
|
49
55
|
}], tooltipDiv: [{
|
|
50
56
|
type: ViewChild,
|
|
51
57
|
args: ['tooltipDiv', { static: true }]
|
|
58
|
+
}], messageCont: [{
|
|
59
|
+
type: ViewChild,
|
|
60
|
+
args: ['messageCont', { static: true, read: ViewContainerRef }]
|
|
52
61
|
}] } });
|
|
53
62
|
TooltipComponent.ɵcmp.styles.push(MatTooltipComponent.ɵcmp.styles);
|
|
54
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
63
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy91aS90b29sdGlwL3Rvb2x0aXAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkvdG9vbHRpcC90b29sdGlwLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFDTix1QkFBdUIsRUFFdkIsU0FBUyxFQUVULE1BQU0sRUFDTixjQUFjLEVBRWQsU0FBUyxFQUNULGdCQUFnQixFQUNoQixpQkFBaUIsRUFDakIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLG9CQUFvQixFQUFFLGdCQUFnQixJQUFJLG1CQUFtQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDMUcsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLG9CQUFvQixDQUFDOzs7O0FBVWxEOztHQUVHO0FBQ0gsTUFBTSxDQUFDLE1BQU0sd0JBQXdCLEdBQUcsSUFBSSxjQUFjLENBQ3pELHVDQUF1QyxDQUN2QyxDQUFDO0FBbUJGLE1BQU0sT0FBTyxnQkFBaUIsU0FBUSxtQkFBbUI7SUFZeEQsWUFDQyxpQkFBb0MsRUFDcEMsbUJBQXVDLEVBQ0UsWUFBc0M7UUFFL0UsS0FBSyxDQUFDLGlCQUFpQixFQUFFLG1CQUFtQixDQUFDLENBQUM7UUFGTCxpQkFBWSxHQUFaLFlBQVksQ0FBMEI7UUFkeEUsaUJBQVksR0FBRyxFQUFFLENBQUM7SUFpQjFCLENBQUM7SUFFRCxJQUFJLENBQUMsS0FBYTtRQUNqQixJQUFJLElBQUksQ0FBQyxZQUFZLEtBQUssSUFBSSxDQUFDLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsUUFBUSxFQUFFO1lBQ3RFLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDO1lBQ3ZELElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQztZQUNqQyxNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLENBQUMsQ0FBQztZQUN4RSxJQUFJLENBQUMsUUFBUSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsUUFBUSxHQUFHLEdBQUcsS0FBSyxJQUFJLENBQUM7U0FDMUQ7YUFBTSxJQUFJLElBQUksQ0FBQyxZQUFZLENBQUMsUUFBUSxFQUFFO1lBQ3RDLElBQUksQ0FBQyxXQUFXLENBQUMsS0FBSyxFQUFFLENBQUM7WUFDekIsTUFBTSxHQUFHLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1lBQzVFLEdBQUcsQ0FBQyxhQUFhLEVBQUUsQ0FBQztZQUNwQixJQUFJLENBQUMsWUFBWSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLFdBQXFCLENBQUM7U0FDL0Y7UUFDRCxLQUFLLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ25CLENBQUM7SUFFRCxJQUFJLEtBQUs7UUFDUixPQUFPLElBQUksQ0FBQztJQUNiLENBQUM7OzZHQXJDVyxnQkFBZ0IscUZBZW5CLHdCQUF3QjtpR0FmckIsZ0JBQWdCLDRuQkFTb0IsZ0JBQWdCLGtFQ3pEakUsb2ZBY0EsOG5CRHVCYSxDQUFDLG9CQUFvQixDQUFDLFlBQVksQ0FBQzsyRkFXbkMsZ0JBQWdCO2tCQWpCNUIsU0FBUzsrQkFDQyx1QkFBdUIsaUJBR2xCLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0sY0FDbkMsQ0FBQyxvQkFBb0IsQ0FBQyxZQUFZLENBQUMsUUFDekM7d0JBQ0wsS0FBSyxFQUFFLGdDQUFnQzt3QkFDdkMsMEZBQTBGO3dCQUMxRiwyRkFBMkY7d0JBQzNGLGNBQWMsRUFBRSxzQ0FBc0M7d0JBQ3RELGNBQWMsRUFBRSwrQkFBK0I7d0JBQy9DLGlCQUFpQixFQUFFLCtCQUErQjt3QkFDbEQsYUFBYSxFQUFFLE1BQU07cUJBQ3JCOzswQkFpQkMsTUFBTTsyQkFBQyx3QkFBd0I7NENBWGpDLFFBQVE7c0JBRFAsU0FBUzt1QkFBQyxTQUFTLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFO2dCQUk5QixVQUFVO3NCQURqQixTQUFTO3VCQUFDLFlBQVksRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUU7Z0JBSWpDLFdBQVc7c0JBRGxCLFNBQVM7dUJBQUMsYUFBYSxFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsZ0JBQWdCLEVBQUU7O0FBK0JsRSxnQkFBd0IsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBRSxtQkFBMkIsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCcmVha3BvaW50T2JzZXJ2ZXIgfSBmcm9tICdAYW5ndWxhci9jZGsvbGF5b3V0JztcbmltcG9ydCB7XG5cdENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuXHRDaGFuZ2VEZXRlY3RvclJlZixcblx0Q29tcG9uZW50LFxuXHRFbGVtZW50UmVmLFxuXHRJbmplY3QsXG5cdEluamVjdGlvblRva2VuLFxuXHRUZW1wbGF0ZVJlZixcblx0Vmlld0NoaWxkLFxuXHRWaWV3Q29udGFpbmVyUmVmLFxuXHRWaWV3RW5jYXBzdWxhdGlvblxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IG1hdFRvb2x0aXBBbmltYXRpb25zLCBUb29sdGlwQ29tcG9uZW50IGFzIE1hdFRvb2x0aXBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC90b29sdGlwJztcbmltcG9ydCB7IGdldFRleHRXaWR0aCB9IGZyb20gJ0BicmF2dXJhL3VpL2NvbW1vbic7XG5cbi8qKlxuICogQGlnbm9yZVxuICovXG5pbnRlcmZhY2UgVG9vbHRpcFRlbXBsYXRlQ29udGFpbmVyIHtcblx0dGVtcGxhdGU/OiBUZW1wbGF0ZVJlZjxhbnk+O1xuXHRtZXNzYWdlPzogc3RyaW5nO1xufVxuXG4vKipcbiAqIEBpZ25vcmVcbiAqL1xuZXhwb3J0IGNvbnN0IEJVSV9UT09MVElQX1RFTVBMQVRFX1JFRiA9IG5ldyBJbmplY3Rpb25Ub2tlbjxUb29sdGlwVGVtcGxhdGVDb250YWluZXI+KFxuXHQnQGJyYXZ1cmEvdWkvdG9vbHRpcC90ZW1wbGF0ZUNvbnRhaW5lcidcbik7XG5cbkBDb21wb25lbnQoe1xuXHRzZWxlY3RvcjogJ2J1aS10b29sdGlwLWNvbXBvbmVudCcsXG5cdHRlbXBsYXRlVXJsOiAnLi90b29sdGlwLmNvbXBvbmVudC5odG1sJyxcblx0c3R5bGVVcmxzOiBbJy4vdG9vbHRpcC5jb21wb25lbnQuc2NzcyddLFxuXHRlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuXHRjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcblx0YW5pbWF0aW9uczogW21hdFRvb2x0aXBBbmltYXRpb25zLnRvb2x0aXBTdGF0ZV0sXG5cdGhvc3Q6IHtcblx0XHRjbGFzczogJ2J1aS10b29sdGlwLWNvbXBvbmVudCBidWktaG9zdCcsXG5cdFx0Ly8gRm9yY2VzIHRoZSBlbGVtZW50IHRvIGhhdmUgYSBsYXlvdXQgaW4gSUUgYW5kIEVkZ2UuIFRoaXMgZml4ZXMgaXNzdWVzIHdoZXJlIHRoZSBlbGVtZW50XG5cdFx0Ly8gd29uJ3QgYmUgcmVuZGVyZWQgaWYgdGhlIGFuaW1hdGlvbnMgYXJlIGRpc2FibGVkIG9yIHRoZXJlIGlzIG5vIHdlYiBhbmltYXRpb25zIHBvbHlmaWxsLlxuXHRcdCdbc3R5bGUuem9vbV0nOiAnX3Zpc2liaWxpdHkgPT09IFwidmlzaWJsZVwiID8gMSA6IG51bGwnLFxuXHRcdCcoYm9keTpjbGljayknOiAndGhpcy5faGFuZGxlQm9keUludGVyYWN0aW9uKCknLFxuXHRcdCcoYm9keTphdXhjbGljayknOiAndGhpcy5faGFuZGxlQm9keUludGVyYWN0aW9uKCknLFxuXHRcdCdhcmlhLWhpZGRlbic6ICd0cnVlJ1xuXHR9XG59KVxuZXhwb3J0IGNsYXNzIFRvb2x0aXBDb21wb25lbnQgZXh0ZW5kcyBNYXRUb29sdGlwQ29tcG9uZW50IHtcblx0cHJpdmF0ZSBfbWVzc2FnZUNvcHkgPSAnJztcblxuXHRAVmlld0NoaWxkKCd0b29sdGlwJywgeyBzdGF0aWM6IHRydWUgfSlcblx0X3Rvb2x0aXAhOiBFbGVtZW50UmVmPEhUTUxFbGVtZW50PjtcblxuXHRAVmlld0NoaWxkKCd0b29sdGlwRGl2JywgeyBzdGF0aWM6IHRydWUgfSlcblx0cHJpdmF0ZSB0b29sdGlwRGl2ITogRWxlbWVudFJlZjxIVE1MRGl2RWxlbWVudD47XG5cblx0QFZpZXdDaGlsZCgnbWVzc2FnZUNvbnQnLCB7IHN0YXRpYzogdHJ1ZSwgcmVhZDogVmlld0NvbnRhaW5lclJlZiB9KVxuXHRwcml2YXRlIG1lc3NhZ2VDb250ITogVmlld0NvbnRhaW5lclJlZjtcblxuXHRjb25zdHJ1Y3Rvcihcblx0XHRjaGFuZ2VEZXRlY3RvclJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYsXG5cdFx0X2JyZWFrcG9pbnRPYnNlcnZlcjogQnJlYWtwb2ludE9ic2VydmVyLFxuXHRcdEBJbmplY3QoQlVJX1RPT0xUSVBfVEVNUExBVEVfUkVGKSBwdWJsaWMgX3Rvb2x0aXBJbnN0OiBUb29sdGlwVGVtcGxhdGVDb250YWluZXJcblx0KSB7XG5cdFx0c3VwZXIoY2hhbmdlRGV0ZWN0b3JSZWYsIF9icmVha3BvaW50T2JzZXJ2ZXIpO1xuXHR9XG5cblx0c2hvdyhkZWxheTogbnVtYmVyKTogdm9pZCB7XG5cdFx0aWYgKHRoaXMuX21lc3NhZ2VDb3B5ICE9PSB0aGlzLm1lc3NhZ2UgJiYgIXRoaXMuX3Rvb2x0aXBJbnN0LnRlbXBsYXRlKSB7XG5cdFx0XHR0aGlzLnRvb2x0aXBEaXYubmF0aXZlRWxlbWVudC5pbm5lckhUTUwgPSB0aGlzLm1lc3NhZ2U7XG5cdFx0XHR0aGlzLl9tZXNzYWdlQ29weSA9IHRoaXMubWVzc2FnZTtcblx0XHRcdGNvbnN0IHdpZHRoID0gTWF0aC5tYXgoTWF0aC5zcXJ0KGdldFRleHRXaWR0aCh0aGlzLm1lc3NhZ2UpICogNDApLCAzNjApO1xuXHRcdFx0dGhpcy5fdG9vbHRpcC5uYXRpdmVFbGVtZW50LnN0eWxlLm1heFdpZHRoID0gYCR7d2lkdGh9cHhgO1xuXHRcdH0gZWxzZSBpZiAodGhpcy5fdG9vbHRpcEluc3QudGVtcGxhdGUpIHtcblx0XHRcdHRoaXMubWVzc2FnZUNvbnQuY2xlYXIoKTtcblx0XHRcdGNvbnN0IHJlZiA9IHRoaXMubWVzc2FnZUNvbnQuY3JlYXRlRW1iZWRkZWRWaWV3KHRoaXMuX3Rvb2x0aXBJbnN0LnRlbXBsYXRlKTtcblx0XHRcdHJlZi5kZXRlY3RDaGFuZ2VzKCk7XG5cdFx0XHR0aGlzLl90b29sdGlwSW5zdC5tZXNzYWdlID0gdGhpcy5tZXNzYWdlID0gdGhpcy50b29sdGlwRGl2Lm5hdGl2ZUVsZW1lbnQudGV4dENvbnRlbnQgYXMgc3RyaW5nO1xuXHRcdH1cblx0XHRzdXBlci5zaG93KGRlbGF5KTtcblx0fVxuXG5cdGdldCBfc2VsZigpOiBhbnkge1xuXHRcdHJldHVybiB0aGlzO1xuXHR9XG59XG5cbihUb29sdGlwQ29tcG9uZW50IGFzIGFueSkuybVjbXAuc3R5bGVzLnB1c2goKE1hdFRvb2x0aXBDb21wb25lbnQgYXMgYW55KS7JtWNtcC5zdHlsZXMpO1xuIiwiPGRpdlxuXHQjdG9vbHRpcFxuXHRjbGFzcz1cIm1hdC10b29sdGlwIGJ1aS10b29sdGlwXCJcblx0W25nQ2xhc3NdPVwidG9vbHRpcENsYXNzXCJcblx0W2NsYXNzLm1hdC10b29sdGlwLWhhbmRzZXRdPVwiKF9pc0hhbmRzZXQgfCBhc3luYyk/Lm1hdGNoZXNcIlxuXHRbQHN0YXRlXT1cIl92aXNpYmlsaXR5XCJcblx0KEBzdGF0ZS5zdGFydCk9XCJfc2VsZi5fYW5pbWF0aW9uU3RhcnQgJiYgX3NlbGYuX2FuaW1hdGlvblN0YXJ0KClcIlxuXHQoQHN0YXRlLmRvbmUpPVwiX3NlbGYuX2FuaW1hdGlvbkRvbmUgJiYgX3NlbGYuX2FuaW1hdGlvbkRvbmUoJGV2ZW50KVwiXG5cdChhbmltYXRpb25lbmQpPVwiX3NlbGYuX2hhbmRsZUFuaW1hdGlvbkVuZCAmJiBfc2VsZi5faGFuZGxlQW5pbWF0aW9uRW5kKCRldmVudClcIlxuPlxuXHQ8ZGl2ICN0b29sdGlwRGl2PlxuXHRcdDxuZy1jb250YWluZXIgI21lc3NhZ2VDb250PjwvbmctY29udGFpbmVyPlxuXHQ8L2Rpdj5cbjwvZGl2PlxuIl19
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
import { __awaiter } from 'tslib';
|
|
2
|
+
import { ComponentHarness, HarnessPredicate } from '@angular/cdk/testing';
|
|
3
|
+
|
|
4
|
+
class AlertMessageHarness extends ComponentHarness {
|
|
5
|
+
constructor() {
|
|
6
|
+
super(...arguments);
|
|
7
|
+
this._getBackdrop = this.locatorFor('.bui-alert-backdrop');
|
|
8
|
+
this._getDeleteButton = this.locatorFor('.bui-alert-button');
|
|
9
|
+
this._getContentDiv = this.locatorFor('.bui-alert-content');
|
|
10
|
+
}
|
|
11
|
+
static with(options = {}) {
|
|
12
|
+
return new HarnessPredicate(this, options).addOption('content', options.content, AlertMessageHarness.filterByContent);
|
|
13
|
+
}
|
|
14
|
+
getColor() {
|
|
15
|
+
return __awaiter(this, void 0, void 0, function* () {
|
|
16
|
+
return (yield this._getBackdrop()).getCssValue('background-color');
|
|
17
|
+
});
|
|
18
|
+
}
|
|
19
|
+
delete() {
|
|
20
|
+
return __awaiter(this, void 0, void 0, function* () {
|
|
21
|
+
yield (yield this._getDeleteButton()).click();
|
|
22
|
+
});
|
|
23
|
+
}
|
|
24
|
+
getContent(options) {
|
|
25
|
+
return __awaiter(this, void 0, void 0, function* () {
|
|
26
|
+
return (yield this._getContentDiv()).text(options);
|
|
27
|
+
});
|
|
28
|
+
}
|
|
29
|
+
static filterByContent(harness, content) {
|
|
30
|
+
return __awaiter(this, void 0, void 0, function* () {
|
|
31
|
+
const contentText = yield harness.getContent();
|
|
32
|
+
return content.test(contentText);
|
|
33
|
+
});
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
AlertMessageHarness.hostSelector = '.bui-alert';
|
|
37
|
+
class AlertContainerHarness extends ComponentHarness {
|
|
38
|
+
constructor() {
|
|
39
|
+
super(...arguments);
|
|
40
|
+
this._items = this.locatorForAll(AlertMessageHarness.with({ ancestor: '.bui-alert-fixed-panel' }));
|
|
41
|
+
this._floatingFrame = this.locatorFor('.bui-alert-float-panel-frame');
|
|
42
|
+
}
|
|
43
|
+
getAlertItem(content) {
|
|
44
|
+
return this.locatorForOptional(AlertMessageHarness.with({ ancestor: '.bui-alert-fixed-panel', content }))();
|
|
45
|
+
}
|
|
46
|
+
countAlertItems() {
|
|
47
|
+
return __awaiter(this, void 0, void 0, function* () {
|
|
48
|
+
return (yield this._items()).length;
|
|
49
|
+
});
|
|
50
|
+
}
|
|
51
|
+
isFloated() {
|
|
52
|
+
return __awaiter(this, void 0, void 0, function* () {
|
|
53
|
+
return (yield (yield this._floatingFrame()).getCssValue('display')) !== 'none';
|
|
54
|
+
});
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
AlertContainerHarness.hostSelector = '.bui-alert-container';
|
|
58
|
+
|
|
59
|
+
/**
|
|
60
|
+
* Generated bundle index. Do not edit.
|
|
61
|
+
*/
|
|
62
|
+
|
|
63
|
+
export { AlertContainerHarness, AlertMessageHarness };
|
|
64
|
+
//# sourceMappingURL=bravura-ui-alert-testing.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"bravura-ui-alert-testing.mjs","sources":["../../../projects/ui/alert/testing/test-api.ts","../../../projects/ui/alert/testing/bravura-ui-alert-testing.ts"],"sourcesContent":["import {\n\tComponentHarness,\n\tTextOptions,\n\tBaseHarnessFilters,\n\tComponentHarnessConstructor,\n\tHarnessPredicate\n} from '@angular/cdk/testing';\n\nexport interface AlertMessageHarnessFilters extends BaseHarnessFilters {\n\t/** only select the alert with the content matching this regular expression */\n\tcontent?: RegExp;\n}\n\nexport class AlertMessageHarness extends ComponentHarness {\n\tstatic hostSelector = '.bui-alert';\n\tprivate _getBackdrop = this.locatorFor('.bui-alert-backdrop');\n\tprivate _getDeleteButton = this.locatorFor('.bui-alert-button');\n\tprivate _getContentDiv = this.locatorFor('.bui-alert-content');\n\n\tstatic with<T extends AlertMessageHarness>(\n\t\tthis: ComponentHarnessConstructor<T>,\n\t\toptions: AlertMessageHarnessFilters = {}\n\t): HarnessPredicate<T> {\n\t\treturn new HarnessPredicate(this, options).addOption(\n\t\t\t'content',\n\t\t\toptions.content,\n\t\t\tAlertMessageHarness.filterByContent\n\t\t);\n\t}\n\n\tasync getColor(): Promise<string> {\n\t\treturn (await this._getBackdrop()).getCssValue('background-color');\n\t}\n\n\tasync delete(): Promise<void> {\n\t\tawait (await this._getDeleteButton()).click();\n\t}\n\n\tasync getContent(options?: TextOptions): Promise<string> {\n\t\treturn (await this._getContentDiv()).text(options);\n\t}\n\n\tprivate static async filterByContent(harness: AlertMessageHarness, content: RegExp): Promise<boolean> {\n\t\tconst contentText = await harness.getContent();\n\t\treturn content.test(contentText);\n\t}\n}\n\nexport class AlertContainerHarness extends ComponentHarness {\n\tstatic hostSelector = '.bui-alert-container';\n\n\tprivate _items = this.locatorForAll(AlertMessageHarness.with({ ancestor: '.bui-alert-fixed-panel' }));\n\tprivate _floatingFrame = this.locatorFor('.bui-alert-float-panel-frame');\n\n\tgetAlertItem(content: RegExp): Promise<AlertMessageHarness | null> {\n\t\treturn this.locatorForOptional(AlertMessageHarness.with({ ancestor: '.bui-alert-fixed-panel', content }))();\n\t}\n\n\tasync countAlertItems(): Promise<number> {\n\t\treturn (await this._items()).length;\n\t}\n\n\tasync isFloated(): Promise<boolean> {\n\t\treturn (await (await this._floatingFrame()).getCssValue('display')) !== 'none';\n\t}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './test-api';\n"],"names":[],"mappings":";;;AAaM,MAAO,mBAAoB,SAAQ,gBAAgB,CAAA;AAAzD,IAAA,WAAA,GAAA;;QAES,IAAA,CAAA,YAAY,GAAG,IAAI,CAAC,UAAU,CAAC,qBAAqB,CAAC,CAAC;QACtD,IAAA,CAAA,gBAAgB,GAAG,IAAI,CAAC,UAAU,CAAC,mBAAmB,CAAC,CAAC;QACxD,IAAA,CAAA,cAAc,GAAG,IAAI,CAAC,UAAU,CAAC,oBAAoB,CAAC,CAAC;KA6B/D;AA3BA,IAAA,OAAO,IAAI,CAEV,OAAA,GAAsC,EAAE,EAAA;QAExC,OAAO,IAAI,gBAAgB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,SAAS,CACnD,SAAS,EACT,OAAO,CAAC,OAAO,EACf,mBAAmB,CAAC,eAAe,CACnC,CAAC;KACF;IAEK,QAAQ,GAAA;;AACb,YAAA,OAAO,CAAC,MAAM,IAAI,CAAC,YAAY,EAAE,EAAE,WAAW,CAAC,kBAAkB,CAAC,CAAC;SACnE,CAAA,CAAA;AAAA,KAAA;IAEK,MAAM,GAAA;;YACX,MAAM,CAAC,MAAM,IAAI,CAAC,gBAAgB,EAAE,EAAE,KAAK,EAAE,CAAC;SAC9C,CAAA,CAAA;AAAA,KAAA;AAEK,IAAA,UAAU,CAAC,OAAqB,EAAA;;AACrC,YAAA,OAAO,CAAC,MAAM,IAAI,CAAC,cAAc,EAAE,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;SACnD,CAAA,CAAA;AAAA,KAAA;AAEO,IAAA,OAAa,eAAe,CAAC,OAA4B,EAAE,OAAe,EAAA;;AACjF,YAAA,MAAM,WAAW,GAAG,MAAM,OAAO,CAAC,UAAU,EAAE,CAAC;AAC/C,YAAA,OAAO,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;SACjC,CAAA,CAAA;AAAA,KAAA;;AA/BM,mBAAY,CAAA,YAAA,GAAG,YAAY,CAAC;AAkC9B,MAAO,qBAAsB,SAAQ,gBAAgB,CAAA;AAA3D,IAAA,WAAA,GAAA;;AAGS,QAAA,IAAA,CAAA,MAAM,GAAG,IAAI,CAAC,aAAa,CAAC,mBAAmB,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,wBAAwB,EAAE,CAAC,CAAC,CAAC;QAC9F,IAAA,CAAA,cAAc,GAAG,IAAI,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC;KAazE;AAXA,IAAA,YAAY,CAAC,OAAe,EAAA;AAC3B,QAAA,OAAO,IAAI,CAAC,kBAAkB,CAAC,mBAAmB,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,wBAAwB,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC;KAC5G;IAEK,eAAe,GAAA;;YACpB,OAAO,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,EAAE,MAAM,CAAC;SACpC,CAAA,CAAA;AAAA,KAAA;IAEK,SAAS,GAAA;;AACd,YAAA,OAAO,CAAC,MAAM,CAAC,MAAM,IAAI,CAAC,cAAc,EAAE,EAAE,WAAW,CAAC,SAAS,CAAC,MAAM,MAAM,CAAC;SAC/E,CAAA,CAAA;AAAA,KAAA;;AAfM,qBAAY,CAAA,YAAA,GAAG,sBAAsB;;ACjD7C;;AAEG;;;;"}
|
|
@@ -80,14 +80,14 @@ class AlertMessageComponent {
|
|
|
80
80
|
}
|
|
81
81
|
}
|
|
82
82
|
AlertMessageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: AlertMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
83
|
-
AlertMessageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.3", type: AlertMessageComponent, selector: "bui-alert", inputs: { type: "type", message: "message", politeness: "politeness", dismissible: "dismissible", _id: ["id", "_id"] }, outputs: { dismissed: "dismissed", initialised: "initialised" }, host: { properties: { "class": "'bui-alert bui-host bui-alert-' + (type === 'warn' ? 'warning' : type) + (dismissible ? ' bui-alert-dismissible' : '')", "role": "politeness === 'off' ? 'region' : 'alert'", "attr.aria-live": "politeness === 'assertive' ? undefined : politeness", "id": "this._id" } }, ngImport: i0, template: "<div class=\"bui-alert-backdrop\"></div>\n<div class=\"bui-alert-frame\"></div>\n\n<div class=\"bui-alert-wrapper\">\n\t<div class=\"bui-alert-icon-area\">\n\t\t<mat-icon [buiIcon]=\"iconName\" variant=\"outlined\"></mat-icon>\n\t</div>\n\t<div class=\"bui-alert-content\">\n\t\t<div [innerHTML]=\"message\"></div>\n\t\t<ng-content></ng-content>\n\t</div>\n</div>\n\n<div class=\"bui-alert-button-area\" *ngIf=\"dismissible\">\n\t<div class=\"bui-alert-button-backdrop\"></div>\n\t<button mat-icon-button class=\"bui-alert-button\" (click)=\"_dismiss()\" aria-label=\"dismiss alert\">\n\t\t<mat-icon>cancel</mat-icon>\n\t</button>\n</div>\n", styles: [":host(:not([hidden])){display:block;padding:12px 14px 12px 19px;position:relative;border-radius:5px}:host-context([dir=rtl]) :host(:not([hidden])){padding:12px 19px 12px 14px}:host(:not([hidden])),:host(:not([hidden])) *{box-sizing:border-box}.bui-alert-backdrop,.bui-alert-frame{position:absolute;inset:0}.bui-alert-backdrop{opacity:.1}:host(.bui-alert-dismissible) .bui-alert-backdrop{clip-path:polygon(0 0,calc(100% - 25px) 0,calc(100% - 18.75px) 18.75px,100% 25px,100% 100%,0 100%)}:host-context([dir=rtl]) :host(.bui-alert-dismissible) .bui-alert-backdrop{clip-path:polygon(0 25px,0 100%,100% 100%,100% 0,25px 0,18.75px 18.75px)}.bui-alert-frame{border-radius:5px;border-width:1px 1px 1px 5px;border-style:solid}:host-context([dir=rtl]) .bui-alert-frame{border-width:1px 5px 1px 1px}:host(.bui-alert-dismissible) .bui-alert-frame{clip-path:polygon(0 0,calc(100% - 25px) 0,calc(100% - 25px) 25px,100% 25px,100% 100%,0 100%)}:host-context([dir=rtl]) :host(.bui-alert-dismissible) .bui-alert-frame{clip-path:polygon(0 25px,0 100%,100% 100%,100% 0,25px 0)}.bui-alert-button-area{position:absolute;right:-15px;top:-15px;width:40px;height:40px;border-radius:20px;display:flex;align-items:center;justify-content:center}:host-context([dir=rtl]) .bui-alert-button-area{right:unset;left:-15px}.bui-alert-button-backdrop{position:absolute;border-radius:20px;width:100%;height:100%;clip-path:polygon(0 15px,25px 15px,25px 100%,0% 100%)}:host-context([dir=rtl]) .bui-alert-button-backdrop{clip-path:polygon(15px 15px,15px 100%,100% 100%,100% 15px)}.bui-alert-wrapper{display:flex;align-items:stretch}.bui-alert-icon-area{flex-shrink:0;display:flex;justify-content:center;align-items:center;border-radius:5px;width:30px;height:30px;margin-right:14px;color:var(--bui-bg-card)}:host-context([dir=rtl]) .bui-alert-icon-area{margin-right:unset;margin-left:14px}.bui-alert-content{z-index:1;flex-grow:1}:host(.bui-alert-dismissible) .bui-alert-content{clip-path:polygon(0 0,calc(100% - 11px) 0,100% 13px,100% 100%,0 100%)}:host-context([dir=rtl]) :host(.bui-alert-dismissible) .bui-alert-content{clip-path:polygon(0 13px,0 100%,100% 100%,100% 0,11px 0)}:host(.bui-alert-success) .bui-alert-frame{border-color:var(--bui-color-success)}:host(.bui-alert-success) .bui-alert-backdrop,:host(.bui-alert-success) .bui-alert-icon-area{background-color:var(--bui-color-success)}:host(.bui-alert-success) .bui-alert-button-backdrop{border:1px var(--bui-color-success) solid}:host(.bui-alert-success) .bui-alert-button{color:var(--bui-color-success)}:host(.bui-alert-info) .bui-alert-frame{border-color:var(--bui-color-info)}:host(.bui-alert-info) .bui-alert-backdrop,:host(.bui-alert-info) .bui-alert-icon-area{background-color:var(--bui-color-info)}:host(.bui-alert-info) .bui-alert-button-backdrop{border:1px var(--bui-color-info) solid}:host(.bui-alert-info) .bui-alert-button{color:var(--bui-color-info)}:host(.bui-alert-warning) .bui-alert-frame{border-color:var(--bui-color-warning)}:host(.bui-alert-warning) .bui-alert-backdrop,:host(.bui-alert-warning) .bui-alert-icon-area{background-color:var(--bui-color-warning)}:host(.bui-alert-warning) .bui-alert-button-backdrop{border:1px var(--bui-color-warning) solid}:host(.bui-alert-warning) .bui-alert-button{color:var(--bui-color-warning)}:host(.bui-alert-error) .bui-alert-frame{border-color:var(--bui-color-error)}:host(.bui-alert-error) .bui-alert-backdrop,:host(.bui-alert-error) .bui-alert-icon-area{background-color:var(--bui-color-error)}:host(.bui-alert-error) .bui-alert-button-backdrop{border:1px var(--bui-color-error) solid}:host(.bui-alert-error) .bui-alert-button{color:var(--bui-color-error)}@polyfill-unscoped-rule{content: \".bui-alert .bui-alert-content > div > *:first-child\"; margin-top: 0;}@polyfill-unscoped-rule{content: \".bui-alert .bui-alert-content > div > *:last-child\"; margin-bottom: 0;}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3.IconDirective, selector: "[buiIcon]", inputs: ["buiIcon", "size", "variant"] }, { kind: "component", type: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
83
|
+
AlertMessageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.3", type: AlertMessageComponent, selector: "bui-alert", inputs: { type: "type", message: "message", politeness: "politeness", dismissible: "dismissible", _id: ["id", "_id"] }, outputs: { dismissed: "dismissed", initialised: "initialised" }, host: { properties: { "class": "'bui-alert bui-host bui-alert-' + (type === 'warn' ? 'warning' : type) + (dismissible ? ' bui-alert-dismissible' : '')", "role": "politeness === 'off' ? 'region' : 'alert'", "attr.aria-live": "politeness === 'assertive' ? undefined : politeness", "id": "this._id" } }, ngImport: i0, template: "<div class=\"bui-alert-backdrop\"></div>\n<div class=\"bui-alert-frame\"></div>\n\n<div class=\"bui-alert-wrapper\">\n\t<div class=\"bui-alert-icon-area\">\n\t\t<mat-icon [buiIcon]=\"iconName\" variant=\"outlined\"></mat-icon>\n\t</div>\n\t<div class=\"bui-alert-content\">\n\t\t<div [innerHTML]=\"message\" *ngIf=\"message\"></div>\n\t\t<ng-content></ng-content>\n\t</div>\n</div>\n\n<div class=\"bui-alert-button-area\" *ngIf=\"dismissible\">\n\t<div class=\"bui-alert-button-backdrop\"></div>\n\t<button mat-icon-button class=\"bui-alert-button\" (click)=\"_dismiss()\" aria-label=\"dismiss alert\">\n\t\t<mat-icon>cancel</mat-icon>\n\t</button>\n</div>\n", styles: [":host(:not([hidden])){display:block;padding:12px 14px 12px 19px;position:relative;border-radius:5px}:host-context([dir=rtl]) :host(:not([hidden])){padding:12px 19px 12px 14px}:host(:not([hidden])),:host(:not([hidden])) *{box-sizing:border-box}.bui-alert-backdrop,.bui-alert-frame{position:absolute;inset:0}.bui-alert-backdrop{opacity:.1}:host(.bui-alert-dismissible) .bui-alert-backdrop{clip-path:polygon(0 0,calc(100% - 25px) 0,calc(100% - 18.75px) 18.75px,100% 25px,100% 100%,0 100%)}:host-context([dir=rtl]) :host(.bui-alert-dismissible) .bui-alert-backdrop{clip-path:polygon(0 25px,0 100%,100% 100%,100% 0,25px 0,18.75px 18.75px)}.bui-alert-frame{border-radius:5px;border-width:1px 1px 1px 5px;border-style:solid}:host-context([dir=rtl]) .bui-alert-frame{border-width:1px 5px 1px 1px}:host(.bui-alert-dismissible) .bui-alert-frame{clip-path:polygon(0 0,calc(100% - 25px) 0,calc(100% - 25px) 25px,100% 25px,100% 100%,0 100%)}:host-context([dir=rtl]) :host(.bui-alert-dismissible) .bui-alert-frame{clip-path:polygon(0 25px,0 100%,100% 100%,100% 0,25px 0)}.bui-alert-button-area{position:absolute;right:-15px;top:-15px;width:40px;height:40px;border-radius:20px;display:flex;align-items:center;justify-content:center}:host-context([dir=rtl]) .bui-alert-button-area{right:unset;left:-15px}.bui-alert-button-backdrop{position:absolute;border-radius:20px;width:100%;height:100%;clip-path:polygon(0 15px,25px 15px,25px 100%,0% 100%)}:host-context([dir=rtl]) .bui-alert-button-backdrop{clip-path:polygon(15px 15px,15px 100%,100% 100%,100% 15px)}.bui-alert-wrapper{display:flex;align-items:stretch}.bui-alert-icon-area{flex-shrink:0;display:flex;justify-content:center;align-items:center;border-radius:5px;width:30px;height:30px;margin-right:14px;color:var(--bui-bg-card)}:host-context([dir=rtl]) .bui-alert-icon-area{margin-right:unset;margin-left:14px}.bui-alert-content{z-index:1;flex-grow:1;display:flex;flex-direction:column;justify-content:center;gap:1rem}:host(.bui-alert-dismissible) .bui-alert-content{clip-path:polygon(0 0,calc(100% - 11px) 0,100% 13px,100% 100%,0 100%)}:host-context([dir=rtl]) :host(.bui-alert-dismissible) .bui-alert-content{clip-path:polygon(0 13px,0 100%,100% 100%,100% 0,11px 0)}:host(.bui-alert-success) .bui-alert-frame{border-color:var(--bui-color-success)}:host(.bui-alert-success) .bui-alert-backdrop,:host(.bui-alert-success) .bui-alert-icon-area{background-color:var(--bui-color-success)}:host(.bui-alert-success) .bui-alert-button-backdrop{border:1px var(--bui-color-success) solid}:host(.bui-alert-success) .bui-alert-button{color:var(--bui-color-success)}:host(.bui-alert-info) .bui-alert-frame{border-color:var(--bui-color-info)}:host(.bui-alert-info) .bui-alert-backdrop,:host(.bui-alert-info) .bui-alert-icon-area{background-color:var(--bui-color-info)}:host(.bui-alert-info) .bui-alert-button-backdrop{border:1px var(--bui-color-info) solid}:host(.bui-alert-info) .bui-alert-button{color:var(--bui-color-info)}:host(.bui-alert-warning) .bui-alert-frame{border-color:var(--bui-color-warning)}:host(.bui-alert-warning) .bui-alert-backdrop,:host(.bui-alert-warning) .bui-alert-icon-area{background-color:var(--bui-color-warning)}:host(.bui-alert-warning) .bui-alert-button-backdrop{border:1px var(--bui-color-warning) solid}:host(.bui-alert-warning) .bui-alert-button{color:var(--bui-color-warning)}:host(.bui-alert-error) .bui-alert-frame{border-color:var(--bui-color-error)}:host(.bui-alert-error) .bui-alert-backdrop,:host(.bui-alert-error) .bui-alert-icon-area{background-color:var(--bui-color-error)}:host(.bui-alert-error) .bui-alert-button-backdrop{border:1px var(--bui-color-error) solid}:host(.bui-alert-error) .bui-alert-button{color:var(--bui-color-error)}@polyfill-unscoped-rule{content: \".bui-alert .bui-alert-content > div > *:first-child\"; margin-top: 0;}@polyfill-unscoped-rule{content: \".bui-alert .bui-alert-content > div > *:last-child\"; margin-bottom: 0;}@polyfill-unscoped-rule{content: \".bui-alert .bui-alert-content > *:first-child\"; margin-top: 0;}@polyfill-unscoped-rule{content: \".bui-alert .bui-alert-content > *:last-child\"; margin-bottom: 0;}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3.IconDirective, selector: "[buiIcon]", inputs: ["buiIcon", "size", "variant"] }, { kind: "component", type: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
84
84
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: AlertMessageComponent, decorators: [{
|
|
85
85
|
type: Component,
|
|
86
86
|
args: [{ selector: 'bui-alert', host: {
|
|
87
87
|
'[class]': `'bui-alert bui-host bui-alert-' + (type === 'warn' ? 'warning' : type) + (dismissible ? ' bui-alert-dismissible' : '')`,
|
|
88
88
|
'[role]': `politeness === 'off' ? 'region' : 'alert'`,
|
|
89
89
|
'[attr.aria-live]': `politeness === 'assertive' ? undefined : politeness`
|
|
90
|
-
}, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"bui-alert-backdrop\"></div>\n<div class=\"bui-alert-frame\"></div>\n\n<div class=\"bui-alert-wrapper\">\n\t<div class=\"bui-alert-icon-area\">\n\t\t<mat-icon [buiIcon]=\"iconName\" variant=\"outlined\"></mat-icon>\n\t</div>\n\t<div class=\"bui-alert-content\">\n\t\t<div [innerHTML]=\"message\"></div>\n\t\t<ng-content></ng-content>\n\t</div>\n</div>\n\n<div class=\"bui-alert-button-area\" *ngIf=\"dismissible\">\n\t<div class=\"bui-alert-button-backdrop\"></div>\n\t<button mat-icon-button class=\"bui-alert-button\" (click)=\"_dismiss()\" aria-label=\"dismiss alert\">\n\t\t<mat-icon>cancel</mat-icon>\n\t</button>\n</div>\n", styles: [":host(:not([hidden])){display:block;padding:12px 14px 12px 19px;position:relative;border-radius:5px}:host-context([dir=rtl]) :host(:not([hidden])){padding:12px 19px 12px 14px}:host(:not([hidden])),:host(:not([hidden])) *{box-sizing:border-box}.bui-alert-backdrop,.bui-alert-frame{position:absolute;inset:0}.bui-alert-backdrop{opacity:.1}:host(.bui-alert-dismissible) .bui-alert-backdrop{clip-path:polygon(0 0,calc(100% - 25px) 0,calc(100% - 18.75px) 18.75px,100% 25px,100% 100%,0 100%)}:host-context([dir=rtl]) :host(.bui-alert-dismissible) .bui-alert-backdrop{clip-path:polygon(0 25px,0 100%,100% 100%,100% 0,25px 0,18.75px 18.75px)}.bui-alert-frame{border-radius:5px;border-width:1px 1px 1px 5px;border-style:solid}:host-context([dir=rtl]) .bui-alert-frame{border-width:1px 5px 1px 1px}:host(.bui-alert-dismissible) .bui-alert-frame{clip-path:polygon(0 0,calc(100% - 25px) 0,calc(100% - 25px) 25px,100% 25px,100% 100%,0 100%)}:host-context([dir=rtl]) :host(.bui-alert-dismissible) .bui-alert-frame{clip-path:polygon(0 25px,0 100%,100% 100%,100% 0,25px 0)}.bui-alert-button-area{position:absolute;right:-15px;top:-15px;width:40px;height:40px;border-radius:20px;display:flex;align-items:center;justify-content:center}:host-context([dir=rtl]) .bui-alert-button-area{right:unset;left:-15px}.bui-alert-button-backdrop{position:absolute;border-radius:20px;width:100%;height:100%;clip-path:polygon(0 15px,25px 15px,25px 100%,0% 100%)}:host-context([dir=rtl]) .bui-alert-button-backdrop{clip-path:polygon(15px 15px,15px 100%,100% 100%,100% 15px)}.bui-alert-wrapper{display:flex;align-items:stretch}.bui-alert-icon-area{flex-shrink:0;display:flex;justify-content:center;align-items:center;border-radius:5px;width:30px;height:30px;margin-right:14px;color:var(--bui-bg-card)}:host-context([dir=rtl]) .bui-alert-icon-area{margin-right:unset;margin-left:14px}.bui-alert-content{z-index:1;flex-grow:1}:host(.bui-alert-dismissible) .bui-alert-content{clip-path:polygon(0 0,calc(100% - 11px) 0,100% 13px,100% 100%,0 100%)}:host-context([dir=rtl]) :host(.bui-alert-dismissible) .bui-alert-content{clip-path:polygon(0 13px,0 100%,100% 100%,100% 0,11px 0)}:host(.bui-alert-success) .bui-alert-frame{border-color:var(--bui-color-success)}:host(.bui-alert-success) .bui-alert-backdrop,:host(.bui-alert-success) .bui-alert-icon-area{background-color:var(--bui-color-success)}:host(.bui-alert-success) .bui-alert-button-backdrop{border:1px var(--bui-color-success) solid}:host(.bui-alert-success) .bui-alert-button{color:var(--bui-color-success)}:host(.bui-alert-info) .bui-alert-frame{border-color:var(--bui-color-info)}:host(.bui-alert-info) .bui-alert-backdrop,:host(.bui-alert-info) .bui-alert-icon-area{background-color:var(--bui-color-info)}:host(.bui-alert-info) .bui-alert-button-backdrop{border:1px var(--bui-color-info) solid}:host(.bui-alert-info) .bui-alert-button{color:var(--bui-color-info)}:host(.bui-alert-warning) .bui-alert-frame{border-color:var(--bui-color-warning)}:host(.bui-alert-warning) .bui-alert-backdrop,:host(.bui-alert-warning) .bui-alert-icon-area{background-color:var(--bui-color-warning)}:host(.bui-alert-warning) .bui-alert-button-backdrop{border:1px var(--bui-color-warning) solid}:host(.bui-alert-warning) .bui-alert-button{color:var(--bui-color-warning)}:host(.bui-alert-error) .bui-alert-frame{border-color:var(--bui-color-error)}:host(.bui-alert-error) .bui-alert-backdrop,:host(.bui-alert-error) .bui-alert-icon-area{background-color:var(--bui-color-error)}:host(.bui-alert-error) .bui-alert-button-backdrop{border:1px var(--bui-color-error) solid}:host(.bui-alert-error) .bui-alert-button{color:var(--bui-color-error)}@polyfill-unscoped-rule{content: \".bui-alert .bui-alert-content > div > *:first-child\"; margin-top: 0;}@polyfill-unscoped-rule{content: \".bui-alert .bui-alert-content > div > *:last-child\"; margin-bottom: 0;}\n"] }]
|
|
90
|
+
}, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"bui-alert-backdrop\"></div>\n<div class=\"bui-alert-frame\"></div>\n\n<div class=\"bui-alert-wrapper\">\n\t<div class=\"bui-alert-icon-area\">\n\t\t<mat-icon [buiIcon]=\"iconName\" variant=\"outlined\"></mat-icon>\n\t</div>\n\t<div class=\"bui-alert-content\">\n\t\t<div [innerHTML]=\"message\" *ngIf=\"message\"></div>\n\t\t<ng-content></ng-content>\n\t</div>\n</div>\n\n<div class=\"bui-alert-button-area\" *ngIf=\"dismissible\">\n\t<div class=\"bui-alert-button-backdrop\"></div>\n\t<button mat-icon-button class=\"bui-alert-button\" (click)=\"_dismiss()\" aria-label=\"dismiss alert\">\n\t\t<mat-icon>cancel</mat-icon>\n\t</button>\n</div>\n", styles: [":host(:not([hidden])){display:block;padding:12px 14px 12px 19px;position:relative;border-radius:5px}:host-context([dir=rtl]) :host(:not([hidden])){padding:12px 19px 12px 14px}:host(:not([hidden])),:host(:not([hidden])) *{box-sizing:border-box}.bui-alert-backdrop,.bui-alert-frame{position:absolute;inset:0}.bui-alert-backdrop{opacity:.1}:host(.bui-alert-dismissible) .bui-alert-backdrop{clip-path:polygon(0 0,calc(100% - 25px) 0,calc(100% - 18.75px) 18.75px,100% 25px,100% 100%,0 100%)}:host-context([dir=rtl]) :host(.bui-alert-dismissible) .bui-alert-backdrop{clip-path:polygon(0 25px,0 100%,100% 100%,100% 0,25px 0,18.75px 18.75px)}.bui-alert-frame{border-radius:5px;border-width:1px 1px 1px 5px;border-style:solid}:host-context([dir=rtl]) .bui-alert-frame{border-width:1px 5px 1px 1px}:host(.bui-alert-dismissible) .bui-alert-frame{clip-path:polygon(0 0,calc(100% - 25px) 0,calc(100% - 25px) 25px,100% 25px,100% 100%,0 100%)}:host-context([dir=rtl]) :host(.bui-alert-dismissible) .bui-alert-frame{clip-path:polygon(0 25px,0 100%,100% 100%,100% 0,25px 0)}.bui-alert-button-area{position:absolute;right:-15px;top:-15px;width:40px;height:40px;border-radius:20px;display:flex;align-items:center;justify-content:center}:host-context([dir=rtl]) .bui-alert-button-area{right:unset;left:-15px}.bui-alert-button-backdrop{position:absolute;border-radius:20px;width:100%;height:100%;clip-path:polygon(0 15px,25px 15px,25px 100%,0% 100%)}:host-context([dir=rtl]) .bui-alert-button-backdrop{clip-path:polygon(15px 15px,15px 100%,100% 100%,100% 15px)}.bui-alert-wrapper{display:flex;align-items:stretch}.bui-alert-icon-area{flex-shrink:0;display:flex;justify-content:center;align-items:center;border-radius:5px;width:30px;height:30px;margin-right:14px;color:var(--bui-bg-card)}:host-context([dir=rtl]) .bui-alert-icon-area{margin-right:unset;margin-left:14px}.bui-alert-content{z-index:1;flex-grow:1;display:flex;flex-direction:column;justify-content:center;gap:1rem}:host(.bui-alert-dismissible) .bui-alert-content{clip-path:polygon(0 0,calc(100% - 11px) 0,100% 13px,100% 100%,0 100%)}:host-context([dir=rtl]) :host(.bui-alert-dismissible) .bui-alert-content{clip-path:polygon(0 13px,0 100%,100% 100%,100% 0,11px 0)}:host(.bui-alert-success) .bui-alert-frame{border-color:var(--bui-color-success)}:host(.bui-alert-success) .bui-alert-backdrop,:host(.bui-alert-success) .bui-alert-icon-area{background-color:var(--bui-color-success)}:host(.bui-alert-success) .bui-alert-button-backdrop{border:1px var(--bui-color-success) solid}:host(.bui-alert-success) .bui-alert-button{color:var(--bui-color-success)}:host(.bui-alert-info) .bui-alert-frame{border-color:var(--bui-color-info)}:host(.bui-alert-info) .bui-alert-backdrop,:host(.bui-alert-info) .bui-alert-icon-area{background-color:var(--bui-color-info)}:host(.bui-alert-info) .bui-alert-button-backdrop{border:1px var(--bui-color-info) solid}:host(.bui-alert-info) .bui-alert-button{color:var(--bui-color-info)}:host(.bui-alert-warning) .bui-alert-frame{border-color:var(--bui-color-warning)}:host(.bui-alert-warning) .bui-alert-backdrop,:host(.bui-alert-warning) .bui-alert-icon-area{background-color:var(--bui-color-warning)}:host(.bui-alert-warning) .bui-alert-button-backdrop{border:1px var(--bui-color-warning) solid}:host(.bui-alert-warning) .bui-alert-button{color:var(--bui-color-warning)}:host(.bui-alert-error) .bui-alert-frame{border-color:var(--bui-color-error)}:host(.bui-alert-error) .bui-alert-backdrop,:host(.bui-alert-error) .bui-alert-icon-area{background-color:var(--bui-color-error)}:host(.bui-alert-error) .bui-alert-button-backdrop{border:1px var(--bui-color-error) solid}:host(.bui-alert-error) .bui-alert-button{color:var(--bui-color-error)}@polyfill-unscoped-rule{content: \".bui-alert .bui-alert-content > div > *:first-child\"; margin-top: 0;}@polyfill-unscoped-rule{content: \".bui-alert .bui-alert-content > div > *:last-child\"; margin-bottom: 0;}@polyfill-unscoped-rule{content: \".bui-alert .bui-alert-content > *:first-child\"; margin-top: 0;}@polyfill-unscoped-rule{content: \".bui-alert .bui-alert-content > *:last-child\"; margin-bottom: 0;}\n"] }]
|
|
91
91
|
}], ctorParameters: function () { return []; }, propDecorators: { type: [{
|
|
92
92
|
type: Input
|
|
93
93
|
}], message: [{
|