@villedemontreal/angular-ui 14.1.0 → 15.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/alert/alert.component.mjs +15 -15
- package/esm2020/lib/alert/module.mjs +4 -4
- package/esm2020/lib/avatar/avatar.component.mjs +6 -6
- package/esm2020/lib/avatar/module.mjs +4 -4
- package/esm2020/lib/badge/badge.component.mjs +3 -3
- package/esm2020/lib/badge/module.mjs +4 -4
- package/esm2020/lib/bao.module.mjs +12 -11
- package/esm2020/lib/breadcrumb/breadcrumb.component.mjs +3 -3
- package/esm2020/lib/breadcrumb/module.mjs +4 -4
- package/esm2020/lib/button/button.component.mjs +3 -3
- package/esm2020/lib/button/module.mjs +4 -4
- package/esm2020/lib/card/card.component.mjs +15 -15
- package/esm2020/lib/card/module.mjs +4 -4
- package/esm2020/lib/checkbox/checkbox-group.component.mjs +3 -3
- package/esm2020/lib/checkbox/checkbox.component.mjs +10 -10
- package/esm2020/lib/checkbox/module.mjs +4 -4
- package/esm2020/lib/common-components/error-text/errorText.component.mjs +3 -3
- package/esm2020/lib/common-components/guiding-text/guidingText.component.mjs +3 -3
- package/esm2020/lib/common-components/label-text/labelText.component.mjs +3 -3
- package/esm2020/lib/common-components/module.mjs +4 -4
- package/esm2020/lib/common-components/title-text/titleText.component.mjs +3 -3
- package/esm2020/lib/core/colors.mjs +9 -9
- package/esm2020/lib/dropdown-menu/dropdown-menu.component.mjs +42 -26
- package/esm2020/lib/dropdown-menu/module.mjs +4 -4
- package/esm2020/lib/file/file-input.component.mjs +9 -9
- package/esm2020/lib/file/file-intl.mjs +6 -6
- package/esm2020/lib/file/file-preview.component.mjs +3 -3
- package/esm2020/lib/file/module.mjs +4 -4
- package/esm2020/lib/header-info/header-info.component.mjs +18 -18
- package/esm2020/lib/header-info/module.mjs +4 -4
- package/esm2020/lib/hyperlink/hyperlink.component.mjs +3 -3
- package/esm2020/lib/hyperlink/module.mjs +4 -4
- package/esm2020/lib/icon/bao-icon-registry.mjs +3 -3
- package/esm2020/lib/icon/icon.component.mjs +3 -3
- package/esm2020/lib/icon/module.mjs +4 -4
- package/esm2020/lib/list/list.component.mjs +15 -15
- package/esm2020/lib/list/module.mjs +4 -4
- package/esm2020/lib/modal/modal-container.mjs +7 -7
- package/esm2020/lib/modal/modal-directives.mjs +3 -3
- package/esm2020/lib/modal/modal-ref.mjs +4 -4
- package/esm2020/lib/modal/modal.mjs +6 -6
- package/esm2020/lib/modal/module.mjs +4 -4
- package/esm2020/lib/radio/module.mjs +4 -4
- package/esm2020/lib/radio/radio-group.component.mjs +3 -3
- package/esm2020/lib/radio/radio.component.mjs +6 -6
- package/esm2020/lib/snack-bar/index.mjs +12 -0
- package/esm2020/lib/snack-bar/module.mjs +52 -0
- package/esm2020/lib/snack-bar/simple-snack-bar.component.mjs +92 -0
- package/esm2020/lib/snack-bar/snack-bar-animations.mjs +28 -0
- package/esm2020/lib/snack-bar/snack-bar-config.mjs +37 -0
- package/esm2020/lib/snack-bar/snack-bar-container.mjs +272 -0
- package/esm2020/lib/snack-bar/snack-bar-ref.mjs +75 -0
- package/esm2020/lib/snack-bar/snack-bar.mjs +251 -0
- package/esm2020/lib/summary/list-summary.component.mjs +6 -6
- package/esm2020/lib/summary/module.mjs +4 -4
- package/esm2020/lib/summary/summary.component.mjs +8 -8
- package/esm2020/lib/tabs/module.mjs +4 -4
- package/esm2020/lib/tabs/tabs.component.mjs +12 -12
- package/esm2020/lib/tag/module.mjs +4 -4
- package/esm2020/lib/tag/tag.component.mjs +3 -3
- package/esm2020/public-api.mjs +2 -1
- package/fesm2015/villedemontreal-angular-ui.mjs +1103 -310
- package/fesm2015/villedemontreal-angular-ui.mjs.map +1 -1
- package/fesm2020/villedemontreal-angular-ui.mjs +1099 -310
- package/fesm2020/villedemontreal-angular-ui.mjs.map +1 -1
- package/lib/alert/alert.component.d.ts +5 -5
- package/lib/avatar/avatar.component.d.ts +2 -2
- package/lib/badge/badge.component.d.ts +1 -1
- package/lib/bao.module.d.ts +2 -1
- package/lib/breadcrumb/breadcrumb.component.d.ts +1 -1
- package/lib/button/button.component.d.ts +1 -1
- package/lib/card/card.component.d.ts +5 -5
- package/lib/checkbox/checkbox-group.component.d.ts +1 -1
- package/lib/checkbox/checkbox.component.d.ts +2 -2
- package/lib/common-components/error-text/errorText.component.d.ts +1 -1
- package/lib/common-components/guiding-text/guidingText.component.d.ts +1 -1
- package/lib/common-components/label-text/labelText.component.d.ts +1 -1
- package/lib/common-components/title-text/titleText.component.d.ts +1 -1
- package/lib/dropdown-menu/dropdown-menu.component.d.ts +16 -10
- package/lib/file/file-input.component.d.ts +3 -3
- package/lib/file/file-preview.component.d.ts +1 -1
- package/lib/header-info/header-info.component.d.ts +6 -6
- package/lib/hyperlink/hyperlink.component.d.ts +1 -1
- package/lib/icon/icon.component.d.ts +1 -1
- package/lib/list/list.component.d.ts +5 -5
- package/lib/modal/modal-config.d.ts +2 -2
- package/lib/modal/modal-container.d.ts +2 -2
- package/lib/modal/modal-directives.d.ts +1 -1
- package/lib/modal/modal.d.ts +1 -1
- package/lib/radio/radio-group.component.d.ts +1 -1
- package/lib/radio/radio.component.d.ts +2 -2
- package/lib/snack-bar/index.d.ts +6 -0
- package/lib/snack-bar/module.d.ts +13 -0
- package/lib/snack-bar/simple-snack-bar.component.d.ts +51 -0
- package/lib/snack-bar/snack-bar-animations.d.ts +8 -0
- package/lib/snack-bar/snack-bar-config.d.ts +51 -0
- package/lib/snack-bar/snack-bar-container.d.ts +111 -0
- package/lib/snack-bar/snack-bar-ref.d.ts +51 -0
- package/lib/snack-bar/snack-bar.d.ts +89 -0
- package/lib/summary/list-summary.component.d.ts +2 -2
- package/lib/summary/summary.component.d.ts +2 -2
- package/lib/tabs/tabs.component.d.ts +4 -4
- package/lib/tag/tag.component.d.ts +1 -1
- package/package.json +5 -5
- package/public-api.d.ts +1 -0
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { SecurityContext, Injectable, Inject, Component, ViewEncapsulation, ChangeDetectionStrategy, Input, NgModule, Directive, EventEmitter, Output, CUSTOM_ELEMENTS_SCHEMA, ViewChild, forwardRef, InjectionToken, ContentChildren, Optional, HostListener, ContentChild, Injector, TemplateRef, SkipSelf, ViewChildren } from '@angular/core';
|
|
2
|
+
import { SecurityContext, Injectable, Inject, Component, ViewEncapsulation, ChangeDetectionStrategy, Input, NgModule, Directive, EventEmitter, Output, CUSTOM_ELEMENTS_SCHEMA, ViewChild, forwardRef, InjectionToken, ContentChildren, Optional, HostListener, ContentChild, Injector, TemplateRef, SkipSelf, ViewChildren, inject } from '@angular/core';
|
|
3
3
|
import * as i1$1 from '@angular/common';
|
|
4
4
|
import { DOCUMENT, CommonModule } from '@angular/common';
|
|
5
5
|
import * as i1 from '@angular/platform-browser';
|
|
@@ -12,30 +12,33 @@ import * as i2 from '@angular/cdk/collections';
|
|
|
12
12
|
import * as i1$4 from '@angular/cdk/overlay';
|
|
13
13
|
import { OverlayConfig, OverlayModule } from '@angular/cdk/overlay';
|
|
14
14
|
import * as i3 from '@angular/cdk/portal';
|
|
15
|
-
import { BasePortalOutlet, CdkPortalOutlet, ComponentPortal, TemplatePortal, PortalModule, DomPortal } from '@angular/cdk/portal';
|
|
15
|
+
import { BasePortalOutlet, CdkPortalOutlet, ComponentPortal, TemplatePortal, PortalModule, DomPortal, PortalInjector } from '@angular/cdk/portal';
|
|
16
16
|
import { Subject, filter, take, defer, startWith } from 'rxjs';
|
|
17
|
+
import * as i1$5 from '@angular/cdk/platform';
|
|
17
18
|
import { _getFocusedElementPierceShadowDom } from '@angular/cdk/platform';
|
|
18
19
|
import { ESCAPE, hasModifierKey } from '@angular/cdk/keycodes';
|
|
20
|
+
import { take as take$1 } from 'rxjs/operators';
|
|
21
|
+
import { trigger, state, style, transition, animate } from '@angular/animations';
|
|
19
22
|
|
|
20
23
|
function baoColorToHex(baoColor) {
|
|
21
24
|
switch (baoColor) {
|
|
22
|
-
case "action" /* ACTION */:
|
|
25
|
+
case "action" /* BaoColors.ACTION */:
|
|
23
26
|
return '#097D6C';
|
|
24
|
-
case "primary" /* PRIMARY */:
|
|
27
|
+
case "primary" /* BaoColors.PRIMARY */:
|
|
25
28
|
return '#000000';
|
|
26
|
-
case "primary-reversed" /* PRIMARY_REVERSED */:
|
|
29
|
+
case "primary-reversed" /* BaoColors.PRIMARY_REVERSED */:
|
|
27
30
|
return '#FFFFFF';
|
|
28
|
-
case "secondary" /* SECONDARY */:
|
|
31
|
+
case "secondary" /* BaoColors.SECONDARY */:
|
|
29
32
|
return '#637381';
|
|
30
|
-
case "tertiary" /* TERTIARY */:
|
|
33
|
+
case "tertiary" /* BaoColors.TERTIARY */:
|
|
31
34
|
return '#ADB5BD';
|
|
32
|
-
case "informative" /* INFORMATIVE */:
|
|
35
|
+
case "informative" /* BaoColors.INFORMATIVE */:
|
|
33
36
|
return '#0079C4';
|
|
34
|
-
case "negative" /* NEGATIVE */:
|
|
37
|
+
case "negative" /* BaoColors.NEGATIVE */:
|
|
35
38
|
return '#D3310A';
|
|
36
|
-
case "positive" /* POSITIVE */:
|
|
39
|
+
case "positive" /* BaoColors.POSITIVE */:
|
|
37
40
|
return '#0DA566';
|
|
38
|
-
case "warning" /* WARNING */:
|
|
41
|
+
case "warning" /* BaoColors.WARNING */:
|
|
39
42
|
return '#FFB833';
|
|
40
43
|
default:
|
|
41
44
|
return '#097D6C';
|
|
@@ -196,9 +199,9 @@ class BaoIconDictionary {
|
|
|
196
199
|
return svg;
|
|
197
200
|
}
|
|
198
201
|
}
|
|
199
|
-
BaoIconDictionary.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
200
|
-
BaoIconDictionary.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
201
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
202
|
+
BaoIconDictionary.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoIconDictionary, deps: [{ token: DOCUMENT }, { token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
203
|
+
BaoIconDictionary.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoIconDictionary, providedIn: 'root' });
|
|
204
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoIconDictionary, decorators: [{
|
|
202
205
|
type: Injectable,
|
|
203
206
|
args: [{ providedIn: 'root' }]
|
|
204
207
|
}], ctorParameters: function () { return [{ type: undefined, decorators: [{
|
|
@@ -332,9 +335,9 @@ class BaoIconComponent {
|
|
|
332
335
|
: '';
|
|
333
336
|
}
|
|
334
337
|
}
|
|
335
|
-
BaoIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
336
|
-
BaoIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
337
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
338
|
+
BaoIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoIconComponent, deps: [{ token: i0.ElementRef }, { token: BaoIconDictionary }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
339
|
+
BaoIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.3", type: BaoIconComponent, selector: "bao-icon", inputs: { color: "color", size: "size", svgIcon: "svgIcon", title: "title" }, host: { attributes: { "role": "img" }, properties: { "class.bao-icon": "true", "class.notranslate": "true", "class.bao-icon-medium": "size === \"medium\"", "class.bao-icon-small": "size === \"small\"", "class.bao-icon-x-small": "size === \"x-small\"", "class.bao-icon-xx-small": "size === \"xx-small\"", "attr.data-bao-icon-type": "\"svg\"", "style.color": "hexColor" } }, exportAs: ["baoIcon"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["bao-icon{background-repeat:no-repeat;display:inline-block;fill:currentColor;line-height:normal}bao-icon svg{height:100%;width:100%}bao-icon.bao-icon-medium{height:2.5rem;width:2.5rem}bao-icon.bao-icon-small{height:2rem;width:2rem;line-height:1.75rem}bao-icon.bao-icon-x-small{height:1.5rem;width:1.5rem;line-height:.5rem}bao-icon.bao-icon-xx-small{height:1rem;width:1rem;line-height:.85rem}bao-icon.bao-icon-spinner{animation:spin .75s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
340
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoIconComponent, decorators: [{
|
|
338
341
|
type: Component,
|
|
339
342
|
args: [{ template: '<ng-content></ng-content>', selector: 'bao-icon', exportAs: 'baoIcon', host: {
|
|
340
343
|
role: 'img',
|
|
@@ -366,10 +369,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
366
369
|
const ICON_DIRECTIVES = [BaoIconComponent];
|
|
367
370
|
class BaoIconModule {
|
|
368
371
|
}
|
|
369
|
-
BaoIconModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
370
|
-
BaoIconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
371
|
-
BaoIconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
372
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
372
|
+
BaoIconModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
373
|
+
BaoIconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.3", ngImport: i0, type: BaoIconModule, declarations: [BaoIconComponent], imports: [CommonModule], exports: [BaoIconComponent] });
|
|
374
|
+
BaoIconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoIconModule, imports: [CommonModule] });
|
|
375
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoIconModule, decorators: [{
|
|
373
376
|
type: NgModule,
|
|
374
377
|
args: [{
|
|
375
378
|
imports: [CommonModule],
|
|
@@ -439,9 +442,9 @@ class BaoButtonComponent {
|
|
|
439
442
|
this.cdr.detectChanges();
|
|
440
443
|
}
|
|
441
444
|
}
|
|
442
|
-
BaoButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
443
|
-
BaoButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
444
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
445
|
+
BaoButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoButtonComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
446
|
+
BaoButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.3", type: BaoButtonComponent, selector: "button[bao-button]", inputs: { displayType: "displayType", level: "level", size: "size", loading: "loading", reversed: "reversed", loadingSpinnerAriaLabel: "loadingSpinnerAriaLabel", fullWidth: "fullWidth" }, host: { properties: { "class.bao-button-utility": "displayType === \"utility\"", "class.bao-button-editorial": "displayType === \"editorial\"", "class.bao-button-primary": "level === \"primary\"", "class.bao-button-secondary": "level === \"secondary\"", "class.bao-button-tertiary": "level === \"tertiary\"", "class.bao-button-large": "size === \"large\"", "class.bao-button-medium": "size === \"medium\"", "class.bao-button-small": "size === \"small\"", "class.bao-button-reversed": "reversed === true", "class.bao-button-loading": "loading === true", "class.bao-button-no-text": "noText === true", "class.bao-button-full-width": "fullWidth === true" }, classAttribute: "bao-button" }, ngImport: i0, template: "<bao-icon\n *ngIf=\"loading && !rightIcon\"\n class=\"loading-spinner\"\n svgIcon=\"icon-spinner\"\n [title]=\"loadingSpinnerAriaLabel\"\n></bao-icon>\n<ng-content></ng-content>\n<bao-icon\n *ngIf=\"loading && rightIcon\"\n class=\"loading-spinner loading-spinner-right\"\n svgIcon=\"icon-spinner\"\n [title]=\"loadingSpinnerAriaLabel\"\n></bao-icon>\n", styles: [".bao-button{font-weight:700;font-size:.875rem;line-height:1.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;user-select:none;cursor:pointer;display:inline-flex;align-items:center}.bao-button.bao-button-full-width{width:100%;display:block}.bao-button span{font-weight:700;font-size:.875rem;line-height:1.25rem}.bao-button:focus{outline:none;box-shadow:0 0 0 .1875rem #98bcde}.bao-button:focus.bao-button-reversed{outline:none;box-shadow:0 0 0 .1875rem #98bcde;box-shadow:0 0 0 .1875rem #ffffff4d}.bao-button:disabled,.bao-button.bao-button-loading{cursor:not-allowed}.bao-button.bao-button-utility{border-radius:.25rem;padding:.5625rem 1rem}.bao-button.bao-button-utility:disabled.bao-button-secondary,.bao-button.bao-button-utility:disabled.bao-button-tertiary{color:#adb2bd}.bao-button.bao-button-primary{background-color:#097d6c;border:solid .0625rem #097d6c;color:#fff}.bao-button.bao-button-primary.bao-button-reversed{background-color:#fff;border:solid .0625rem #ffffff;color:#000}.bao-button.bao-button-primary:hover{background-color:#075b4f}.bao-button.bao-button-primary:hover.bao-button-reversed{background-color:#eefaf8;color:#097d6c}.bao-button.bao-button-primary:focus.bao-button-reversed{background-color:#eefaf8;color:#097d6c}.bao-button.bao-button-primary:disabled,.bao-button.bao-button-primary.bao-button-loading{color:#637381;background-color:#dee2e6;border:solid .0625rem #dee2e6}.bao-button.bao-button-primary:disabled.bao-button-reversed,.bao-button.bao-button-primary.bao-button-loading.bao-button-reversed{background-color:#ffffff4d;border:solid .0625rem gba(#ffffff,.3);color:#ffffff80}.bao-button.bao-button-secondary{background-color:#fff0;color:#097d6c;border:solid .0625rem #ced4da}.bao-button.bao-button-secondary.bao-button-reversed{background-color:#fff0;color:#fff;border:solid .0625rem rgba(206,212,218,.5)}.bao-button.bao-button-secondary:hover{border:solid .0625rem #097d6c;background-color:#eefaf8}.bao-button.bao-button-secondary:hover.bao-button-reversed{background-color:#fff0;color:#fff;border:solid .0625rem #ced4da}.bao-button.bao-button-secondary:focus{border:solid .0625rem #097d6c;background-color:#eefaf8}.bao-button.bao-button-secondary:focus.bao-button-reversed{background-color:#ffffff4d;color:#fff;border:solid .0625rem #ced4da}.bao-button.bao-button-secondary:disabled,.bao-button.bao-button-secondary.bao-button-loading{color:#637381}.bao-button.bao-button-secondary:disabled:hover,.bao-button.bao-button-secondary.bao-button-loading:hover{border-color:#ced4da;background-color:#fff}.bao-button.bao-button-secondary:disabled:hover.bao-button-reversed,.bao-button.bao-button-secondary.bao-button-loading:hover.bao-button-reversed{border:solid .0625rem rgba(206,212,218,.5);background-color:#fff0;color:#637381}.bao-button.bao-button-secondary:disabled:focus,.bao-button.bao-button-secondary.bao-button-loading:focus{border-color:#ced4da;background-color:#fff}.bao-button.bao-button-secondary:disabled:focus.bao-button-reversed,.bao-button.bao-button-secondary.bao-button-loading:focus.bao-button-reversed{background-color:#fff0}.bao-button.bao-button-tertiary{border:solid .0625rem rgba(255,255,255,.0001);background-color:#fff0;color:#097d6c}.bao-button.bao-button-tertiary.bao-button-reversed{color:#fff}.bao-button.bao-button-tertiary:hover{background-color:#eefaf8}.bao-button.bao-button-tertiary:hover.bao-button-reversed{background-color:#ffffff4d;color:#fff}.bao-button.bao-button-tertiary:focus{background-color:#eefaf8}.bao-button.bao-button-tertiary:focus.bao-button-reversed{background-color:#ffffff4d;color:#fff}.bao-button.bao-button-tertiary:disabled,.bao-button.bao-button-tertiary.bao-button-loading{color:#637381}.bao-button.bao-button-tertiary:disabled:hover,.bao-button.bao-button-tertiary.bao-button-loading:hover{background-color:#fff0}.bao-button.bao-button-tertiary:disabled:hover.bao-button-reversed,.bao-button.bao-button-tertiary.bao-button-loading:hover.bao-button-reversed{color:#637381}.bao-button.bao-button-tertiary:disabled:focus,.bao-button.bao-button-tertiary.bao-button-loading:focus{background-color:#fff0}.bao-button.bao-button-tertiary:disabled:focus.bao-button-reversed,.bao-button.bao-button-tertiary.bao-button-loading:focus.bao-button-reversed{color:#637381}.bao-button.bao-button-editorial{border-radius:1.25rem;padding:.625rem 2rem}.bao-button.bao-button-editorial.bao-button-small{padding:.4375rem 1rem}.bao-button.bao-button-editorial.bao-button-large{border-radius:4rem;font-weight:700;font-size:1rem;line-height:1.5rem;padding:.9375rem 2rem}.bao-button.bao-button-editorial.bao-button-medium{padding:.5625rem 2rem}.bao-button.bao-button-editorial:disabled.bao-button-secondary,.bao-button.bao-button-editorial:disabled.bao-button-tertiary{color:#adb2bd}.bao-button.bao-button-small{font-weight:700;font-size:.75rem;line-height:1rem;padding:.4375rem}.bao-button.bao-button-small span{font-weight:700;font-size:.75rem;line-height:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bao-button .loading-spinner{margin-right:.5rem;margin-left:-.5rem}.bao-button .loading-spinner-right{margin-right:-.5rem;margin-left:.5rem}.bao-button.bao-button-no-text .loading-spinner-right{margin:-.125rem -.5625rem}.bao-button.bao-button-small .loading-spinner{width:1rem;height:1rem;margin-right:.25rem;margin-left:0}.bao-button.bao-button-small .loading-spinner-right{margin-right:0;margin-left:.25rem}.bao-button.bao-button-loading>bao-icon:not(.loading-spinner){display:none}.bao-button>.bao-button-no-text.bao-button-loading>.loading-spinner{margin:-.125rem -.5625rem}.bao-button>bao-icon{margin:-.125rem 0rem}.bao-button>bao-icon:first-child:not(.loading-spinner){margin-right:.5rem;margin-left:-.5rem}.bao-button>bao-icon:last-child:not(.loading-spinner){margin-left:.5rem;margin-right:-.5rem}.bao-button>bao-icon:first-child:last-child:not(.loading-spinner){margin:-.125rem -.5625rem}.bao-button.bao-button-small>bao-icon{height:1rem;width:1rem;margin:-.125rem 0rem}.bao-button.bao-button-small>bao-icon:first-child:not(.loading-spinner){margin-left:0rem;margin-right:.25rem}.bao-button.bao-button-small>bao-icon:last-child:not(.loading-spinner){margin-left:.25rem;margin-right:0rem}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: BaoIconComponent, selector: "bao-icon", inputs: ["color", "size", "svgIcon", "title"], exportAs: ["baoIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
447
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoButtonComponent, decorators: [{
|
|
445
448
|
type: Component,
|
|
446
449
|
args: [{ selector: 'button[bao-button]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
447
450
|
class: 'bao-button',
|
|
@@ -482,10 +485,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
482
485
|
const BUTTON_DIRECTIVES = [BaoButtonComponent];
|
|
483
486
|
class BaoButtonModule {
|
|
484
487
|
}
|
|
485
|
-
BaoButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
486
|
-
BaoButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
487
|
-
BaoButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
488
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
488
|
+
BaoButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
489
|
+
BaoButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.3", ngImport: i0, type: BaoButtonModule, declarations: [BaoButtonComponent], imports: [CommonModule, BaoIconModule], exports: [BaoButtonComponent, BaoIconModule] });
|
|
490
|
+
BaoButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoButtonModule, imports: [CommonModule, BaoIconModule, BaoIconModule] });
|
|
491
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoButtonModule, decorators: [{
|
|
489
492
|
type: NgModule,
|
|
490
493
|
args: [{
|
|
491
494
|
imports: [CommonModule, BaoIconModule],
|
|
@@ -514,9 +517,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
514
517
|
*/
|
|
515
518
|
class BaoAlertTitle {
|
|
516
519
|
}
|
|
517
|
-
BaoAlertTitle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
518
|
-
BaoAlertTitle.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
519
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
520
|
+
BaoAlertTitle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoAlertTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
521
|
+
BaoAlertTitle.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.3", type: BaoAlertTitle, selector: "bao-alert-title", host: { classAttribute: "bao-alert-title" }, ngImport: i0 });
|
|
522
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoAlertTitle, decorators: [{
|
|
520
523
|
type: Directive,
|
|
521
524
|
args: [{
|
|
522
525
|
selector: 'bao-alert-title',
|
|
@@ -532,9 +535,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
532
535
|
*/
|
|
533
536
|
class BaoAlertContent {
|
|
534
537
|
}
|
|
535
|
-
BaoAlertContent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
536
|
-
BaoAlertContent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
537
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
538
|
+
BaoAlertContent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoAlertContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
539
|
+
BaoAlertContent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.3", type: BaoAlertContent, selector: "bao-alert-content", host: { classAttribute: "bao-alert-content" }, ngImport: i0 });
|
|
540
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoAlertContent, decorators: [{
|
|
538
541
|
type: Directive,
|
|
539
542
|
args: [{
|
|
540
543
|
selector: 'bao-alert-content',
|
|
@@ -550,9 +553,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
550
553
|
*/
|
|
551
554
|
class BaoAlertActions {
|
|
552
555
|
}
|
|
553
|
-
BaoAlertActions.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
554
|
-
BaoAlertActions.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
555
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
556
|
+
BaoAlertActions.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoAlertActions, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
557
|
+
BaoAlertActions.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.3", type: BaoAlertActions, selector: "bao-alert-actions", host: { classAttribute: "bao-alert-actions" }, exportAs: ["baoAlertActions"], ngImport: i0 });
|
|
558
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoAlertActions, decorators: [{
|
|
556
559
|
type: Directive,
|
|
557
560
|
args: [{
|
|
558
561
|
selector: 'bao-alert-actions',
|
|
@@ -571,9 +574,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
571
574
|
*/
|
|
572
575
|
class BaoAlertLink {
|
|
573
576
|
}
|
|
574
|
-
BaoAlertLink.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
575
|
-
BaoAlertLink.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
576
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
577
|
+
BaoAlertLink.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoAlertLink, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
578
|
+
BaoAlertLink.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.3", type: BaoAlertLink, selector: "bao-alert-link", host: { classAttribute: "bao-alert-link" }, ngImport: i0 });
|
|
579
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoAlertLink, decorators: [{
|
|
577
580
|
type: Directive,
|
|
578
581
|
args: [{
|
|
579
582
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
@@ -630,9 +633,9 @@ class BaoAlertComponent {
|
|
|
630
633
|
this.dismiss.emit();
|
|
631
634
|
}
|
|
632
635
|
}
|
|
633
|
-
BaoAlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
634
|
-
BaoAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
635
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
636
|
+
BaoAlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
637
|
+
BaoAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.3", type: BaoAlertComponent, selector: "bao-alert", inputs: { type: "type", dismissible: "dismissible" }, outputs: { dismiss: "dismiss" }, host: { attributes: { "role": "alert" }, properties: { "class.bao-alert-success": "type === \"success\"", "class.bao-alert-danger": "type === \"danger\"", "class.bao-alert-warning": "type === \"warning\"", "class.bao-alert-info": "type === \"info\"", "class.bao-alert-emergency": "type === \"emergency\"" }, classAttribute: "bao-alert bao-alert-with-icon bao-alert-dismissible fade show" }, usesOnChanges: true, ngImport: i0, template: "<bao-icon [svgIcon]=\"iconType\" [title]=\"iconTitle\"></bao-icon>\n<div class=\"bao-alert-content-container\">\n <ng-content></ng-content>\n</div>\n<button\n bao-button\n *ngIf=\"dismissible\"\n type=\"utility\"\n level=\"tertiary\"\n data-dismiss=\"alert\"\n role=\"button\"\n aria-label=\"Cacher le message\"\n (click)=\"onDismissClicked()\"\n>\n <bao-icon svgIcon=\"icon-x\"></bao-icon>\n</button>\n", styles: [".bao-alert{font-weight:400;font-size:1rem;line-height:1.5rem;display:flex;padding:1rem;margin-bottom:1rem;border-radius:0rem}.bao-alert .bao-alert-content-container{margin:0 .5rem 0 1rem;display:flex;flex-direction:column}.bao-alert .bao-alert-title{font-weight:700;padding-bottom:.5rem}.bao-alert a{font-weight:700}.bao-alert.bao-alert-dismissible .bao-button[data-dismiss=alert]{background-color:#fff0;border-radius:0rem;height:2.5rem;width:2.5rem;margin-left:auto;margin-right:-.5rem;margin-top:-.5rem}.bao-alert.bao-alert-dismissible .bao-button[data-dismiss=alert]:hover,.bao-alert.bao-alert-dismissible .bao-button[data-dismiss=alert]:focus{opacity:.75}.bao-alert .bao-alert-actions .bao-button{margin:1rem 1rem 0 0}.bao-alert-info{background-color:#e6f5f9;border-left:.125rem solid #0079c4;border-top:none;border-right:none;border-bottom:none;color:#004b7b}.bao-alert-info .bao-alert-title,.bao-alert-info a{color:#004b7b}.bao-alert-info a:hover,.bao-alert-info a:focus{background-color:#f2fafc}.bao-alert-info .bao-icon svg{fill:#004b7b}.bao-alert-info .bao-button.bao-button-primary{background-color:#004b7b;border-color:#004b7b}.bao-alert-info .bao-button.bao-button-primary:hover,.bao-alert-info .bao-button.bao-button-primary:focus{background-color:#002c48;border-color:#002c48}.bao-alert-info .bao-button.bao-button-primary:focus{box-shadow:0 0 0 .1875rem #004b7b4d}.bao-alert-info .bao-button.bao-button-secondary{background-color:#e6f5f9;color:#004b7b}.bao-alert-info .bao-button.bao-button-secondary:hover,.bao-alert-info .bao-button.bao-button-secondary:focus{background-color:#e6f5f9;border-color:#004b7b}.bao-alert-info .bao-button.bao-button-secondary:focus{box-shadow:0 0 0 .1875rem #004b7b4d}.bao-alert-info .bao-button.bao-button-tertiary{background-color:#e6f5f9;color:#004b7b}.bao-alert-info .bao-button.bao-button-tertiary:hover,.bao-alert-info .bao-button.bao-button-tertiary:focus{background-color:#e6f5f9}.bao-alert-info .bao-button.bao-button-tertiary:focus{box-shadow:0 0 0 .1875rem #004b7b4d}.bao-alert-success{background-color:#e7f6f0;border-left:.125rem solid #0da566;border-top:none;border-right:none;border-bottom:none;color:#025d29}.bao-alert-success .bao-alert-title,.bao-alert-success a{color:#025d29}.bao-alert-success a:hover,.bao-alert-success a:focus{background-color:#f2faf7}.bao-alert-success .bao-icon svg{fill:#025d29}.bao-alert-success .bao-button.bao-button-primary{background-color:#025d29;border-color:#025d29}.bao-alert-success .bao-button.bao-button-primary:hover,.bao-alert-success .bao-button.bao-button-primary:focus{background-color:#012b13;border-color:#012b13}.bao-alert-success .bao-button.bao-button-primary:focus{box-shadow:0 0 0 .1875rem #025d294d}.bao-alert-success .bao-button.bao-button-secondary{background-color:#e7f6f0;color:#025d29}.bao-alert-success .bao-button.bao-button-secondary:hover,.bao-alert-success .bao-button.bao-button-secondary:focus{background-color:#e7f6f0;border-color:#025d29}.bao-alert-success .bao-button.bao-button-secondary:focus{box-shadow:0 0 0 .1875rem #025d294d}.bao-alert-success .bao-button.bao-button-tertiary{background-color:#e7f6f0;color:#025d29}.bao-alert-success .bao-button.bao-button-tertiary:hover,.bao-alert-success .bao-button.bao-button-tertiary:focus{background-color:#e7f6f0}.bao-alert-success .bao-button.bao-button-tertiary:focus{box-shadow:0 0 0 .1875rem #025d294d}.bao-alert-warning{background-color:#fefae6;border-left:.125rem solid #ffb833;border-top:none;border-right:none;border-bottom:none;color:#6c4600}.bao-alert-warning .bao-alert-title,.bao-alert-warning a{color:#6c4600}.bao-alert-warning a:hover,.bao-alert-warning a:focus{background-color:#fffdf5}.bao-alert-warning .bao-icon svg{fill:#6c4600}.bao-alert-warning .bao-button.bao-button-primary{background-color:#6c4600;border-color:#6c4600}.bao-alert-warning .bao-button.bao-button-primary:hover,.bao-alert-warning .bao-button.bao-button-primary:focus{background-color:#392500;border-color:#392500}.bao-alert-warning .bao-button.bao-button-primary:focus{box-shadow:0 0 0 .1875rem #6c46004d}.bao-alert-warning .bao-button.bao-button-secondary{background-color:#fefae6;color:#6c4600}.bao-alert-warning .bao-button.bao-button-secondary:hover,.bao-alert-warning .bao-button.bao-button-secondary:focus{background-color:#fefae6;border-color:#6c4600}.bao-alert-warning .bao-button.bao-button-secondary:focus{box-shadow:0 0 0 .1875rem #6c46004d}.bao-alert-warning .bao-button.bao-button-tertiary{background-color:#fefae6;color:#6c4600}.bao-alert-warning .bao-button.bao-button-tertiary:hover,.bao-alert-warning .bao-button.bao-button-tertiary:focus{background-color:#fefae6}.bao-alert-warning .bao-button.bao-button-tertiary:focus{box-shadow:0 0 0 .1875rem #6c46004d}.bao-alert-danger{background-color:#ffebe6;border-left:.125rem solid #d3310a;border-top:none;border-right:none;border-bottom:none;color:#851a00}.bao-alert-danger .bao-alert-title,.bao-alert-danger a{color:#851a00}.bao-alert-danger a:hover,.bao-alert-danger a:focus{background-color:#fff7f5}.bao-alert-danger .bao-icon svg{fill:#851a00}.bao-alert-danger .bao-button.bao-button-primary{background-color:#851a00;border-color:#851a00}.bao-alert-danger .bao-button.bao-button-primary:hover,.bao-alert-danger .bao-button.bao-button-primary:focus{background-color:#521000;border-color:#521000}.bao-alert-danger .bao-button.bao-button-primary:focus{box-shadow:0 0 0 .1875rem #851a004d}.bao-alert-danger .bao-button.bao-button-secondary{background-color:#ffebe6;color:#851a00}.bao-alert-danger .bao-button.bao-button-secondary:hover,.bao-alert-danger .bao-button.bao-button-secondary:focus{background-color:#ffebe6;border-color:#851a00}.bao-alert-danger .bao-button.bao-button-secondary:focus{box-shadow:0 0 0 .1875rem #851a004d}.bao-alert-danger .bao-button.bao-button-tertiary{background-color:#ffebe6;color:#851a00}.bao-alert-danger .bao-button.bao-button-tertiary:hover,.bao-alert-danger .bao-button.bao-button-tertiary:focus{background-color:#ffebe6}.bao-alert-danger .bao-button.bao-button-tertiary:focus{box-shadow:0 0 0 .1875rem #851a004d}.bao-alert-emergency{background-color:#ffebe6;border-left:.125rem solid #d3310a;border-top:none;border-right:none;border-bottom:none;color:#851a00}.bao-alert-emergency .bao-alert-title,.bao-alert-emergency a{color:#851a00}.bao-alert-emergency a:hover,.bao-alert-emergency a:focus{background-color:#fff7f5}.bao-alert-emergency .bao-icon svg{fill:#851a00}.bao-alert-emergency .bao-button.bao-button-primary{background-color:#851a00;border-color:#851a00}.bao-alert-emergency .bao-button.bao-button-primary:hover,.bao-alert-emergency .bao-button.bao-button-primary:focus{background-color:#521000;border-color:#521000}.bao-alert-emergency .bao-button.bao-button-primary:focus{box-shadow:0 0 0 .1875rem #851a004d}.bao-alert-emergency .bao-button.bao-button-secondary{background-color:#ffebe6;color:#851a00}.bao-alert-emergency .bao-button.bao-button-secondary:hover,.bao-alert-emergency .bao-button.bao-button-secondary:focus{background-color:#ffebe6;border-color:#851a00}.bao-alert-emergency .bao-button.bao-button-secondary:focus{box-shadow:0 0 0 .1875rem #851a004d}.bao-alert-emergency .bao-button.bao-button-tertiary{background-color:#ffebe6;color:#851a00}.bao-alert-emergency .bao-button.bao-button-tertiary:hover,.bao-alert-emergency .bao-button.bao-button-tertiary:focus{background-color:#ffebe6}.bao-alert-emergency .bao-button.bao-button-tertiary:focus{box-shadow:0 0 0 .1875rem #851a004d}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: BaoIconComponent, selector: "bao-icon", inputs: ["color", "size", "svgIcon", "title"], exportAs: ["baoIcon"] }, { kind: "component", type: BaoButtonComponent, selector: "button[bao-button]", inputs: ["displayType", "level", "size", "loading", "reversed", "loadingSpinnerAriaLabel", "fullWidth"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
638
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoAlertComponent, decorators: [{
|
|
636
639
|
type: Component,
|
|
637
640
|
args: [{ selector: 'bao-alert', encapsulation: ViewEncapsulation.None, host: {
|
|
638
641
|
class: 'bao-alert bao-alert-with-icon bao-alert-dismissible fade show',
|
|
@@ -665,8 +668,8 @@ const ALERT_DIRECTIVES = [
|
|
|
665
668
|
];
|
|
666
669
|
class BaoAlertModule {
|
|
667
670
|
}
|
|
668
|
-
BaoAlertModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
669
|
-
BaoAlertModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
671
|
+
BaoAlertModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
672
|
+
BaoAlertModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.3", ngImport: i0, type: BaoAlertModule, declarations: [BaoAlertTitle,
|
|
670
673
|
BaoAlertContent,
|
|
671
674
|
BaoAlertActions,
|
|
672
675
|
BaoAlertLink,
|
|
@@ -675,8 +678,8 @@ BaoAlertModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version:
|
|
|
675
678
|
BaoAlertActions,
|
|
676
679
|
BaoAlertLink,
|
|
677
680
|
BaoAlertComponent, BaoIconModule, BaoButtonModule] });
|
|
678
|
-
BaoAlertModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
679
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
681
|
+
BaoAlertModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoAlertModule, imports: [CommonModule, BaoIconModule, BaoButtonModule, BaoIconModule, BaoButtonModule] });
|
|
682
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoAlertModule, decorators: [{
|
|
680
683
|
type: NgModule,
|
|
681
684
|
args: [{
|
|
682
685
|
imports: [CommonModule, BaoIconModule, BaoButtonModule],
|
|
@@ -713,9 +716,9 @@ class BaoBreadcrumbComponent {
|
|
|
713
716
|
this.renderer.setAttribute(children[children.length - 1], Object.keys(LAST_NODE_ATTRIBUTE)[0], Object.values(LAST_NODE_ATTRIBUTE)[0]);
|
|
714
717
|
}
|
|
715
718
|
}
|
|
716
|
-
BaoBreadcrumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
717
|
-
BaoBreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
718
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
719
|
+
BaoBreadcrumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoBreadcrumbComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
720
|
+
BaoBreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.3", type: BaoBreadcrumbComponent, selector: "bao-breadcrumb", host: { classAttribute: "bao-breadcrumb" }, viewQueries: [{ propertyName: "staticContainer", first: true, predicate: ["container"], descendants: true }], ngImport: i0, template: "<nav\n #container\n class=\"bao-breadcrumb-nav\"\n aria-label=\"Breadcrumb\"\n (cdkObserveContent)=\"onContentChange()\"\n>\n <ng-content></ng-content>\n</nav>\n", styles: [".bao-breadcrumb-nav{display:inline-flex;flex-direction:row;flex-wrap:wrap}.bao-breadcrumb-nav>a{font-weight:700;font-size:.75rem;line-height:1rem;display:inline-flex;align-items:end;text-decoration:none;text-transform:uppercase;color:#637381;margin-bottom:.5rem;margin-right:.25rem;border-bottom:none;background-color:#fff0}.bao-breadcrumb-nav>a:hover{color:#097d6c}.bao-breadcrumb-nav>a:last-child{margin-right:0}.bao-breadcrumb-nav>a:last-child:after{content:none}.bao-breadcrumb-nav>a:after{display:inline-block;content:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ADB5BD' fill-rule='evenodd'><path d='M12.586 12L9.293 8.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L12.586 12z'/></svg>\");height:1rem;width:1rem;margin-left:.25rem;color:#637381;background-color:#fff0;cursor:default;flex-shrink:0}\n"], dependencies: [{ kind: "directive", type: i1$2.CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
721
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoBreadcrumbComponent, decorators: [{
|
|
719
722
|
type: Component,
|
|
720
723
|
args: [{ selector: 'bao-breadcrumb', encapsulation: ViewEncapsulation.None, host: {
|
|
721
724
|
class: 'bao-breadcrumb'
|
|
@@ -733,10 +736,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
733
736
|
const BREADCRUMB_DIRECTIVES = [BaoBreadcrumbComponent];
|
|
734
737
|
class BaoBreadcrumbModule {
|
|
735
738
|
}
|
|
736
|
-
BaoBreadcrumbModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
737
|
-
BaoBreadcrumbModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
738
|
-
BaoBreadcrumbModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
739
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
739
|
+
BaoBreadcrumbModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoBreadcrumbModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
740
|
+
BaoBreadcrumbModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.3", ngImport: i0, type: BaoBreadcrumbModule, declarations: [BaoBreadcrumbComponent], imports: [CommonModule, ObserversModule], exports: [BaoBreadcrumbComponent] });
|
|
741
|
+
BaoBreadcrumbModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoBreadcrumbModule, imports: [CommonModule, ObserversModule] });
|
|
742
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoBreadcrumbModule, decorators: [{
|
|
740
743
|
type: NgModule,
|
|
741
744
|
args: [{
|
|
742
745
|
imports: [CommonModule, ObserversModule],
|
|
@@ -777,9 +780,9 @@ class BaoCardComponent {
|
|
|
777
780
|
this.padding = 'normal';
|
|
778
781
|
}
|
|
779
782
|
}
|
|
780
|
-
BaoCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
781
|
-
BaoCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
782
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
783
|
+
BaoCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
784
|
+
BaoCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.3", type: BaoCardComponent, selector: "bao-card, [bao-card], [baoCard]", inputs: { padding: "padding" }, host: { properties: { "class.bao-card-large-padding": "padding === \"large\"" }, classAttribute: "bao-card" }, ngImport: i0, template: "<ng-content select=\"bao-card-header\"></ng-content>\n<ng-content select=\"bao-card-content\"></ng-content>\n", styles: ["ul.cards{padding-left:0}ul.cards>li{display:flex}.bao-card{background-color:#fff;border:.063rem solid #ced4da;border-radius:.25rem;display:block;font-weight:400;margin-bottom:2rem;padding:1rem;text-decoration:none;width:100%}.bao-card:hover,.bao-card:focus{text-decoration:none;background-color:#fff;border:1px solid transparent;box-shadow:0 .5rem 2rem #0000001a}.bao-card:hover .bao-card-content .bao-card-title,.bao-card:focus .bao-card-content .bao-card-title{color:#097d6c}.bao-card:hover>bao-card-header,.bao-card:focus>bao-card-header{color:#097d6c}.bao-card .bao-card-content{display:flex;flex-flow:column}.bao-card .bao-card-content>:last-child{margin-bottom:0}.bao-card .bao-card-content .bao-card-title{font-weight:700;font-size:1.25rem;line-height:1.75rem;color:#000;margin:0 0 1rem}.bao-card .bao-card-content .bao-card-title:last-child{margin-bottom:0}.bao-card .bao-card-content .bao-card-text-interface{line-height:1.5rem;color:#637381}.bao-card>bao-card-header{color:#adb2bd}.bao-card>bao-card-header+bao-card-content{margin-top:1rem}.bao-card.bao-card-large-padding{padding:2rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
785
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoCardComponent, decorators: [{
|
|
783
786
|
type: Component,
|
|
784
787
|
args: [{ selector: 'bao-card, [bao-card], [baoCard]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
785
788
|
class: 'bao-card',
|
|
@@ -793,9 +796,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
793
796
|
*/
|
|
794
797
|
class BaoCardHeader {
|
|
795
798
|
}
|
|
796
|
-
BaoCardHeader.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
797
|
-
BaoCardHeader.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
798
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
799
|
+
BaoCardHeader.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoCardHeader, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
800
|
+
BaoCardHeader.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.3", type: BaoCardHeader, selector: "bao-card-header, [bao-card-header], [baoCardHeader]", host: { classAttribute: "bao-card-header" }, ngImport: i0 });
|
|
801
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoCardHeader, decorators: [{
|
|
799
802
|
type: Directive,
|
|
800
803
|
args: [{
|
|
801
804
|
selector: 'bao-card-header, [bao-card-header], [baoCardHeader]',
|
|
@@ -807,9 +810,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
807
810
|
*/
|
|
808
811
|
class BaoCardContent {
|
|
809
812
|
}
|
|
810
|
-
BaoCardContent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
811
|
-
BaoCardContent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
812
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
813
|
+
BaoCardContent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoCardContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
814
|
+
BaoCardContent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.3", type: BaoCardContent, selector: "bao-card-content, [bao-card-content], [baoCardContent]", host: { classAttribute: "bao-card-content" }, ngImport: i0 });
|
|
815
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoCardContent, decorators: [{
|
|
813
816
|
type: Directive,
|
|
814
817
|
args: [{
|
|
815
818
|
selector: 'bao-card-content, [bao-card-content], [baoCardContent]',
|
|
@@ -821,9 +824,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
821
824
|
*/
|
|
822
825
|
class BaoCardTitle {
|
|
823
826
|
}
|
|
824
|
-
BaoCardTitle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
825
|
-
BaoCardTitle.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
826
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
827
|
+
BaoCardTitle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoCardTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
828
|
+
BaoCardTitle.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.3", type: BaoCardTitle, selector: "bao-card-title, [bao-card-title], [baoCardTitle]", host: { classAttribute: "bao-card-title" }, ngImport: i0 });
|
|
829
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoCardTitle, decorators: [{
|
|
827
830
|
type: Directive,
|
|
828
831
|
args: [{
|
|
829
832
|
selector: `bao-card-title, [bao-card-title], [baoCardTitle]`,
|
|
@@ -837,9 +840,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
837
840
|
*/
|
|
838
841
|
class BaoCardTextInterface {
|
|
839
842
|
}
|
|
840
|
-
BaoCardTextInterface.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
841
|
-
BaoCardTextInterface.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
842
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
843
|
+
BaoCardTextInterface.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoCardTextInterface, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
844
|
+
BaoCardTextInterface.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.3", type: BaoCardTextInterface, selector: "bao-card-text-interface, [bao-card-text-interface], [baoCardTextInterface]", host: { classAttribute: "bao-card-text-interface" }, ngImport: i0 });
|
|
845
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoCardTextInterface, decorators: [{
|
|
843
846
|
type: Directive,
|
|
844
847
|
args: [{
|
|
845
848
|
selector: `bao-card-text-interface, [bao-card-text-interface], [baoCardTextInterface]`,
|
|
@@ -863,8 +866,8 @@ const CARD_DIRECTIVES = [
|
|
|
863
866
|
];
|
|
864
867
|
class BaoCardModule {
|
|
865
868
|
}
|
|
866
|
-
BaoCardModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
867
|
-
BaoCardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
869
|
+
BaoCardModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
870
|
+
BaoCardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.3", ngImport: i0, type: BaoCardModule, declarations: [BaoCardComponent,
|
|
868
871
|
BaoCardContent,
|
|
869
872
|
BaoCardHeader,
|
|
870
873
|
BaoCardTextInterface,
|
|
@@ -873,8 +876,8 @@ BaoCardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version:
|
|
|
873
876
|
BaoCardHeader,
|
|
874
877
|
BaoCardTextInterface,
|
|
875
878
|
BaoCardTitle] });
|
|
876
|
-
BaoCardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
877
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
879
|
+
BaoCardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoCardModule, imports: [CommonModule] });
|
|
880
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoCardModule, decorators: [{
|
|
878
881
|
type: NgModule,
|
|
879
882
|
args: [{
|
|
880
883
|
imports: [CommonModule],
|
|
@@ -896,9 +899,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
896
899
|
*/
|
|
897
900
|
class BaoErrorTextComponent {
|
|
898
901
|
}
|
|
899
|
-
BaoErrorTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
900
|
-
BaoErrorTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
901
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
902
|
+
BaoErrorTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoErrorTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
903
|
+
BaoErrorTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.3", type: BaoErrorTextComponent, selector: "bao-error, [bao-error]", ngImport: i0, template: '<div class="bao-error"><ng-content></ng-content></div>', isInline: true, styles: [".bao-error{color:#851a00;font-weight:700;font-size:.875rem;line-height:1.25rem}\n"], encapsulation: i0.ViewEncapsulation.None });
|
|
904
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoErrorTextComponent, decorators: [{
|
|
902
905
|
type: Component,
|
|
903
906
|
args: [{ selector: 'bao-error, [bao-error]', template: '<div class="bao-error"><ng-content></ng-content></div>', encapsulation: ViewEncapsulation.None, styles: [".bao-error{color:#851a00;font-weight:700;font-size:.875rem;line-height:1.25rem}\n"] }]
|
|
904
907
|
}] });
|
|
@@ -910,9 +913,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
910
913
|
*/
|
|
911
914
|
class BaoGuidingTextComponent {
|
|
912
915
|
}
|
|
913
|
-
BaoGuidingTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
914
|
-
BaoGuidingTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
915
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
916
|
+
BaoGuidingTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoGuidingTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
917
|
+
BaoGuidingTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.3", type: BaoGuidingTextComponent, selector: "bao-guiding-text, [bao-guiding-text]", ngImport: i0, template: '<div class="bao-guiding-text"><ng-content></ng-content></div>', isInline: true, styles: [".bao-guiding-text{color:#637381;font-size:.875rem;line-height:1.25rem}\n"], encapsulation: i0.ViewEncapsulation.None });
|
|
918
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoGuidingTextComponent, decorators: [{
|
|
916
919
|
type: Component,
|
|
917
920
|
args: [{ selector: 'bao-guiding-text, [bao-guiding-text]', template: '<div class="bao-guiding-text"><ng-content></ng-content></div>', encapsulation: ViewEncapsulation.None, styles: [".bao-guiding-text{color:#637381;font-size:.875rem;line-height:1.25rem}\n"] }]
|
|
918
921
|
}] });
|
|
@@ -927,9 +930,9 @@ class BaoLabelTextComponent {
|
|
|
927
930
|
this.required = false;
|
|
928
931
|
}
|
|
929
932
|
}
|
|
930
|
-
BaoLabelTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
931
|
-
BaoLabelTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
932
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
933
|
+
BaoLabelTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoLabelTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
934
|
+
BaoLabelTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.3", type: BaoLabelTextComponent, selector: "bao-label, [bao-label]", inputs: { required: "required" }, host: { classAttribute: "bao-label" }, ngImport: i0, template: '<ng-content></ng-content><span *ngIf="required"> *</span>', isInline: true, styles: [".bao-label{color:#212529!important;font-weight:700;line-height:1.5em;font-size:1rem;margin-bottom:.5rem}.bao-label span{color:#d3310a;margin:0}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
935
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoLabelTextComponent, decorators: [{
|
|
933
936
|
type: Component,
|
|
934
937
|
args: [{ selector: 'bao-label, [bao-label]', encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content><span *ngIf="required"> *</span>', host: { class: 'bao-label' }, styles: [".bao-label{color:#212529!important;font-weight:700;line-height:1.5em;font-size:1rem;margin-bottom:.5rem}.bao-label span{color:#d3310a;margin:0}\n"] }]
|
|
935
938
|
}], propDecorators: { required: [{
|
|
@@ -943,9 +946,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
943
946
|
*/
|
|
944
947
|
class BaoTitleTextComponent {
|
|
945
948
|
}
|
|
946
|
-
BaoTitleTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
947
|
-
BaoTitleTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
948
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
949
|
+
BaoTitleTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoTitleTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
950
|
+
BaoTitleTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.3", type: BaoTitleTextComponent, selector: "bao-title-text, [bao-title-text]", ngImport: i0, template: '<div class="bao-title-text"><ng-content></ng-content></div>', isInline: true, styles: [".bao-title-text{font-weight:700;font-size:1.25rem;line-height:1.75rem;margin:0rem 0rem .5rem 0;color:#212529}\n"], encapsulation: i0.ViewEncapsulation.None });
|
|
951
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoTitleTextComponent, decorators: [{
|
|
949
952
|
type: Component,
|
|
950
953
|
args: [{ selector: 'bao-title-text, [bao-title-text]', template: '<div class="bao-title-text"><ng-content></ng-content></div>', encapsulation: ViewEncapsulation.None, styles: [".bao-title-text{font-weight:700;font-size:1.25rem;line-height:1.75rem;margin:0rem 0rem .5rem 0;color:#212529}\n"] }]
|
|
951
954
|
}] });
|
|
@@ -963,16 +966,16 @@ const DIRECTIVES$2 = [
|
|
|
963
966
|
];
|
|
964
967
|
class BaoCommonComponentsModule {
|
|
965
968
|
}
|
|
966
|
-
BaoCommonComponentsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
967
|
-
BaoCommonComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
969
|
+
BaoCommonComponentsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoCommonComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
970
|
+
BaoCommonComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.3", ngImport: i0, type: BaoCommonComponentsModule, declarations: [BaoErrorTextComponent,
|
|
968
971
|
BaoGuidingTextComponent,
|
|
969
972
|
BaoLabelTextComponent,
|
|
970
973
|
BaoTitleTextComponent], imports: [CommonModule], exports: [BaoErrorTextComponent,
|
|
971
974
|
BaoGuidingTextComponent,
|
|
972
975
|
BaoLabelTextComponent,
|
|
973
976
|
BaoTitleTextComponent] });
|
|
974
|
-
BaoCommonComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
975
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
977
|
+
BaoCommonComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoCommonComponentsModule, imports: [CommonModule] });
|
|
978
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoCommonComponentsModule, decorators: [{
|
|
976
979
|
type: NgModule,
|
|
977
980
|
args: [{
|
|
978
981
|
imports: [CommonModule],
|
|
@@ -1024,9 +1027,9 @@ class BaoCheckboxGroupComponent {
|
|
|
1024
1027
|
this.ariaDescribedby = value ? `${this.id}-ariadescribedby` : undefined;
|
|
1025
1028
|
}
|
|
1026
1029
|
}
|
|
1027
|
-
BaoCheckboxGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1028
|
-
BaoCheckboxGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1029
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1030
|
+
BaoCheckboxGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoCheckboxGroupComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
1031
|
+
BaoCheckboxGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.3", type: BaoCheckboxGroupComponent, selector: "bao-checkbox-group, [bao-checkbox-group]", inputs: { id: "id" }, viewQueries: [{ propertyName: "staticContainer", first: true, predicate: ["container"], descendants: true }], ngImport: i0, template: "<fieldset\n class=\"bao-checkbox-group\"\n [id]=\"id\"\n [attr.aria-describedby]=\"ariaDescribedby\"\n>\n <ng-content></ng-content>\n <div\n class=\"bao-checkbox-group-description\"\n [attr.id]=\"ariaDescribedby\"\n #container\n (cdkObserveContent)=\"onContentChange()\"\n >\n <ng-content\n select=\"bao-error, [bao-error], bao-guiding-text, [bao-guiding-text]\"\n ></ng-content>\n </div>\n</fieldset>\n", styles: [".bao-checkbox-group .bao-label{margin-bottom:.5rem}.bao-checkbox-group .bao-error,.bao-checkbox-group .bao-guiding-text{margin-top:.5rem}\n"], dependencies: [{ kind: "directive", type: i1$2.CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
1032
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoCheckboxGroupComponent, decorators: [{
|
|
1030
1033
|
type: Component,
|
|
1031
1034
|
args: [{ selector: 'bao-checkbox-group, [bao-checkbox-group]', encapsulation: ViewEncapsulation.None, template: "<fieldset\n class=\"bao-checkbox-group\"\n [id]=\"id\"\n [attr.aria-describedby]=\"ariaDescribedby\"\n>\n <ng-content></ng-content>\n <div\n class=\"bao-checkbox-group-description\"\n [attr.id]=\"ariaDescribedby\"\n #container\n (cdkObserveContent)=\"onContentChange()\"\n >\n <ng-content\n select=\"bao-error, [bao-error], bao-guiding-text, [bao-guiding-text]\"\n ></ng-content>\n </div>\n</fieldset>\n", styles: [".bao-checkbox-group .bao-label{margin-bottom:.5rem}.bao-checkbox-group .bao-error,.bao-checkbox-group .bao-guiding-text{margin-top:.5rem}\n"] }]
|
|
1032
1035
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { id: [{
|
|
@@ -1209,11 +1212,11 @@ class BaoCheckboxComponent {
|
|
|
1209
1212
|
*/
|
|
1210
1213
|
getAriaState() {
|
|
1211
1214
|
if (this.checked) {
|
|
1212
|
-
return "true" /* TRUE */;
|
|
1215
|
+
return "true" /* eCheckboxAriaState.TRUE */;
|
|
1213
1216
|
}
|
|
1214
1217
|
return this.indeterminate
|
|
1215
|
-
? "mixed" /* MIXED */
|
|
1216
|
-
: "false" /* FALSE */;
|
|
1218
|
+
? "mixed" /* eCheckboxAriaState.MIXED */
|
|
1219
|
+
: "false" /* eCheckboxAriaState.FALSE */;
|
|
1217
1220
|
}
|
|
1218
1221
|
/**
|
|
1219
1222
|
* Emit new values whenever the checkbox object has change.
|
|
@@ -1269,15 +1272,15 @@ class BaoCheckboxComponent {
|
|
|
1269
1272
|
this.checked = !this.checked;
|
|
1270
1273
|
}
|
|
1271
1274
|
}
|
|
1272
|
-
BaoCheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1273
|
-
BaoCheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1275
|
+
BaoCheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoCheckboxComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1$3.FocusMonitor }], target: i0.ɵɵFactoryTarget.Component });
|
|
1276
|
+
BaoCheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.3", type: BaoCheckboxComponent, selector: "bao-checkbox, [bao-checkbox]", inputs: { id: "id", ariaLabel: ["aria-label", "ariaLabel"], brandBorder: "brandBorder", inline: "inline", name: "name", hiddenLabel: "hiddenLabel", checked: "checked", disabled: "disabled", required: "required", indeterminate: "indeterminate" }, outputs: { change: "change", indeterminateChange: "indeterminateChange" }, host: { properties: { "class.bao-checkbox-inline": "inline", "class.bao-checkbox-checked": "checked", "class.bao-checkbox-indeterminate": "indeterminate", "class.bao-checkbox-disabled": "disabled", "class.bao-checkbox-card": "brandBorder", "class.bao-checkbox-required": "required", "class.bao-checkbox-hidden-label": "hiddenLabel" }, classAttribute: "bao-checkbox" }, providers: [
|
|
1274
1277
|
{
|
|
1275
1278
|
provide: NG_VALUE_ACCESSOR,
|
|
1276
1279
|
useExisting: forwardRef(() => BaoCheckboxComponent),
|
|
1277
1280
|
multi: true
|
|
1278
1281
|
}
|
|
1279
1282
|
], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["input"], descendants: true }], ngImport: i0, template: "<input\n #input\n type=\"checkbox\"\n [id]=\"inputID\"\n [checked]=\"checked\"\n [disabled]=\"disabled\"\n [attr.name]=\"name\"\n [required]=\"required\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"ariaLabelledby\"\n [attr.aria-describedby]=\"ariaDescribedby\"\n [attr.aria-checked]=\"getAriaState()\"\n (change)=\"onInteractionEvent($event)\"\n (click)=\"onInputClick($event)\"\n role=\"checkbox\"\n/>\n<label class=\"bao-checkbox-content-container\" [attr.for]=\"inputID\">\n <div class=\"bao-checkbox-label\" [id]=\"ariaLabelledby\">\n <ng-content></ng-content>\n </div>\n <ng-content\n select=\"bao-checkbox-description, [bao-checkbox-description], [baoCheckboxDescription]\"\n ></ng-content>\n</label>\n", styles: [".bao-checkbox{display:block;font-size:1rem;line-height:1.5rem;min-height:1.5rem;padding-top:.5rem;padding-bottom:.5rem;padding-left:2rem;position:relative;z-index:1}.bao-checkbox input{box-sizing:border-box;left:0;opacity:0;overflow:visible;padding:0;position:absolute;z-index:-1}.bao-checkbox input:focus~.bao-checkbox-content-container:before{box-shadow:0 0 0 .1875rem #0079c480}.bao-checkbox label.bao-checkbox-content-container{color:#212529;font-weight:400;font-size:1rem;line-height:1.5rem;margin-bottom:0;position:relative;vertical-align:top}.bao-checkbox label.bao-checkbox-content-container:before{border-radius:.125rem;box-sizing:border-box;position:absolute;top:0;left:-2rem;display:block;margin:.125rem;width:1.25rem;height:1.25rem;pointer-events:none;content:\"\";background-color:#fff;border:#ced4da solid 1px;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.bao-checkbox label.bao-checkbox-content-container:after{box-sizing:border-box;background:no-repeat 50%/1.5rem;content:\"\";display:block;height:1.5rem;left:-2rem;margin:0;position:absolute;top:0;width:1.5rem}.bao-checkbox label.bao-checkbox-content-container .bao-checkbox-label{color:#212529;display:block}.bao-checkbox label.bao-checkbox-content-container .bao-checkbox-description{color:#637381;display:block;margin-top:.5rem}.bao-checkbox.bao-checkbox-inline{display:inline-flex;margin-right:1rem}.bao-checkbox.bao-checkbox-card{padding:0;margin-bottom:1rem}.bao-checkbox.bao-checkbox-card:last-of-type{margin-bottom:0}.bao-checkbox.bao-checkbox-card label.bao-checkbox-content-container{display:flex;flex-direction:column;flex:1;justify-content:center;padding:1rem 1rem 1rem 3.5rem;position:relative;border:1px solid #ced4da;border-radius:.25rem;color:#637381;min-height:3.5rem}.bao-checkbox.bao-checkbox-card label.bao-checkbox-content-container:before{top:1rem;left:0;margin-left:1.125rem}.bao-checkbox.bao-checkbox-card label.bao-checkbox-content-container:after{top:1rem;left:0;margin-left:1rem}.bao-checkbox.bao-checkbox-indeterminate .bao-checkbox-content-container:after{background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23097d6c' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e\")}.bao-checkbox input:checked~.bao-checkbox-content-container:before{border-color:#097d6c;background-color:#097d6c}.bao-checkbox input:checked~.bao-checkbox-content-container:after{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='%23ffffff' d='M16.7 8.3C17.1 8.7 17.1 9.3 16.7 9.7L10.7 15.7 10.7 15.7C10.6 15.9 10.4 15.9 10.2 16L10.1 16 10.1 16 9.9 16C9.7 16 9.5 15.9 9.3 15.7L7.3 13.7C6.9 13.3 6.9 12.7 7.3 12.3 7.7 11.9 8.3 11.9 8.7 12.3L10 13.6 15.3 8.3C15.7 7.9 16.3 7.9 16.7 8.3Z'/%3e%3c/svg%3e\")}.bao-checkbox input:disabled~.bao-checkbox-content-container{color:#adb2bd;border-color:#dee2e6}.bao-checkbox input:disabled~.bao-checkbox-content-container:before{border-color:#ced4da;background-color:#ced4da}.bao-checkbox input:disabled~.bao-checkbox-content-container .bao-checkbox-label,.bao-checkbox input:disabled~.bao-checkbox-content-container .bao-checkbox-description{color:#adb2bd}.bao-checkbox.bao-checkbox-hidden-label .bao-checkbox-label{clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute}.bao-checkbox.bao-checkbox-hidden-label label.bao-checkbox-content-container .bao-checkbox-description{margin-top:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
1280
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1283
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoCheckboxComponent, decorators: [{
|
|
1281
1284
|
type: Component,
|
|
1282
1285
|
args: [{ selector: 'bao-checkbox, [bao-checkbox]', providers: [
|
|
1283
1286
|
{
|
|
@@ -1326,9 +1329,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
1326
1329
|
}] } });
|
|
1327
1330
|
class BaoCheckBoxDescription {
|
|
1328
1331
|
}
|
|
1329
|
-
BaoCheckBoxDescription.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1330
|
-
BaoCheckBoxDescription.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1331
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1332
|
+
BaoCheckBoxDescription.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoCheckBoxDescription, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
1333
|
+
BaoCheckBoxDescription.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.3", type: BaoCheckBoxDescription, selector: "bao-checkbox-description, [bao-checkbox-description], [baoCheckboxDescription]", host: { classAttribute: "bao-checkbox-description" }, ngImport: i0 });
|
|
1334
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoCheckBoxDescription, decorators: [{
|
|
1332
1335
|
type: Directive,
|
|
1333
1336
|
args: [{
|
|
1334
1337
|
selector: 'bao-checkbox-description, [bao-checkbox-description], [baoCheckboxDescription]',
|
|
@@ -1348,14 +1351,14 @@ const CHECKBOX_DIRECTIVES = [
|
|
|
1348
1351
|
];
|
|
1349
1352
|
class BaoCheckboxModule {
|
|
1350
1353
|
}
|
|
1351
|
-
BaoCheckboxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1352
|
-
BaoCheckboxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
1354
|
+
BaoCheckboxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1355
|
+
BaoCheckboxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.3", ngImport: i0, type: BaoCheckboxModule, declarations: [BaoCheckboxComponent,
|
|
1353
1356
|
BaoCheckboxGroupComponent,
|
|
1354
1357
|
BaoCheckBoxDescription], imports: [CommonModule, BaoCommonComponentsModule, ObserversModule], exports: [BaoCheckboxComponent,
|
|
1355
1358
|
BaoCheckboxGroupComponent,
|
|
1356
1359
|
BaoCheckBoxDescription] });
|
|
1357
|
-
BaoCheckboxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1358
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1360
|
+
BaoCheckboxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoCheckboxModule, imports: [CommonModule, BaoCommonComponentsModule, ObserversModule] });
|
|
1361
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoCheckboxModule, decorators: [{
|
|
1359
1362
|
type: NgModule,
|
|
1360
1363
|
args: [{
|
|
1361
1364
|
imports: [CommonModule, BaoCommonComponentsModule, ObserversModule],
|
|
@@ -1399,9 +1402,9 @@ class BaoHeaderInfoComponent {
|
|
|
1399
1402
|
this.brandBorder = false;
|
|
1400
1403
|
}
|
|
1401
1404
|
}
|
|
1402
|
-
BaoHeaderInfoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1403
|
-
BaoHeaderInfoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1404
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1405
|
+
BaoHeaderInfoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoHeaderInfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1406
|
+
BaoHeaderInfoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.3", type: BaoHeaderInfoComponent, selector: "bao-header-info", inputs: { notch: "notch", imageUrl: "imageUrl", brandBorder: "brandBorder" }, host: { properties: { "class.document-heading-left-notch": "notch === \"left\"" }, classAttribute: "bao-document-heading" }, ngImport: i0, template: "<div *ngIf=\"imageUrl\" class=\"document-heading-image-container\">\n <div\n [ngStyle]=\"{\n 'background-image': 'url(\\'' + imageUrl + '\\')'}\"\n class=\"document-heading-background\"\n ></div>\n</div>\n\n<div class=\"bao-container document-heading-header-container\">\n <div class=\"bao-row document-heading-header\">\n <div class=\"bao-col-12 bao-col-lg-7\">\n <ng-content select=\"bao-header-info-title-group\"></ng-content>\n <div class=\"bao-header-content\">\n <ng-content></ng-content>\n </div>\n <div *ngIf=\"brandBorder\" class=\"brand-border-bottom\"></div>\n </div>\n </div>\n <div *ngIf=\"notch\" class=\"document-heading-wrapper notch\">\n <div class=\"document-heading-content-wrapper\">\n <div class=\"document-heading-content\"></div>\n </div>\n </div>\n</div>\n", styles: [".bao-container{padding-right:16px;padding-left:16px;margin-right:auto;margin-left:auto;width:100%}@media (min-width: 576px){.bao-container{max-width:576px}}@media (min-width: 768px){.bao-container{max-width:768px}}@media (min-width: 992px){.bao-container{max-width:992px}}@media (min-width: 1200px){.bao-container{max-width:1200px}}.bao-row{display:flex;flex-wrap:wrap;margin-right:-16px;margin-left:-16px}.bao-col-12,.bao-col-lg-7{position:relative;width:100%;padding-right:1rem;padding-left:1rem}@media (min-width: 992px){.bao-col-lg-7{flex:0 0 58.33333%;max-width:58.33333%}}.bao-header-info-title-group,.bao-header-info-content,.document-heading-subtitle,.document-heading-surtitle{display:block}.document-heading-header-container{position:relative!important}.bao-document-heading{display:block;padding:2rem 0;position:relative;width:100%}.bao-document-heading .document-heading-title{font-weight:700;color:#212529;font-size:2rem;line-height:2.5rem;margin-bottom:0}.bao-document-heading .document-heading-surtitle{font-weight:700;font-size:1rem;line-height:1.5rem;margin-bottom:1rem;color:#212529}.bao-document-heading .document-heading-subtitle{font-weight:400;font-size:1rem;line-height:1.5rem;color:#000}.bao-document-heading .bao-header-info-title-group>*:not(:first-child){margin-top:1rem}.bao-document-heading .bao-header-content:not(:empty){margin-top:2rem}.bao-document-heading .brand-border-bottom{margin-top:2rem}.bao-document-heading .document-heading-background{background-color:#f8f9fa;background-position:center center;background-repeat:no-repeat;background-size:cover;height:100%;overflow:hidden;position:absolute;top:0;width:100%;z-index:0}.bao-document-heading .document-heading-content{background-color:#fff;height:2rem;padding-left:1rem;padding-right:1rem;position:relative;bottom:-2rem}@media (min-width: 768px){.bao-document-heading .document-heading-title{font-weight:700;color:#212529;font-size:2.5rem;line-height:3.5rem}.bao-document-heading .document-heading-surtitle{font-weight:700;font-size:1.25rem;line-height:1.75rem;margin-bottom:1rem;color:#212529}.bao-document-heading .document-heading-subtitle{font-weight:400;font-size:1.25rem;line-height:1.75rem;color:#000}}@media (min-width: 992px){.bao-document-heading{padding-top:4rem;padding-bottom:4rem}.bao-document-heading .document-heading-content{bottom:-4rem;height:3.5rem;margin:auto}.bao-document-heading.document-heading-left-notch .document-heading-content{max-width:66.66667%;margin:0}.bao-document-heading.document-heading-left-notch .document-heading-content:before{content:\"\";background:#ffffff;width:1000px;height:100%;position:absolute;left:-1000px}.bao-document-heading.document-heading-left-notch .document-heading-content:after{content:\"\";background:#ffffff;width:1rem;height:100%;position:absolute}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
1407
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoHeaderInfoComponent, decorators: [{
|
|
1405
1408
|
type: Component,
|
|
1406
1409
|
args: [{ selector: 'bao-header-info', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
1407
1410
|
class: 'bao-document-heading',
|
|
@@ -1416,9 +1419,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
1416
1419
|
}] } });
|
|
1417
1420
|
class BaoHeaderInfoTitleGroupComponent {
|
|
1418
1421
|
}
|
|
1419
|
-
BaoHeaderInfoTitleGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1420
|
-
BaoHeaderInfoTitleGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1421
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1422
|
+
BaoHeaderInfoTitleGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoHeaderInfoTitleGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1423
|
+
BaoHeaderInfoTitleGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.3", type: BaoHeaderInfoTitleGroupComponent, selector: "bao-header-info-title-group", host: { classAttribute: "bao-header-info-title-group" }, ngImport: i0, template: "<ng-content></ng-content>\n<ng-content\n select=\"bao-header-surtitle, [bao-header-surtitle], [baoHeaderSurtitle], \n bao-header-title, [bao-header-title], [baoHeaderTitle],\n bao-header-subtitle, [bao-header-subtitle], [baoHeaderSubtitle]\"\n></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
1424
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoHeaderInfoTitleGroupComponent, decorators: [{
|
|
1422
1425
|
type: Component,
|
|
1423
1426
|
args: [{ selector: 'bao-header-info-title-group', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
1424
1427
|
class: 'bao-header-info-title-group'
|
|
@@ -1426,9 +1429,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
1426
1429
|
}] });
|
|
1427
1430
|
class BaoHeaderInfoContent {
|
|
1428
1431
|
}
|
|
1429
|
-
BaoHeaderInfoContent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1430
|
-
BaoHeaderInfoContent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1431
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1432
|
+
BaoHeaderInfoContent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoHeaderInfoContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
1433
|
+
BaoHeaderInfoContent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.3", type: BaoHeaderInfoContent, selector: "bao-header-info-content", host: { classAttribute: "bao-header-info-content" }, ngImport: i0 });
|
|
1434
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoHeaderInfoContent, decorators: [{
|
|
1432
1435
|
type: Directive,
|
|
1433
1436
|
args: [{
|
|
1434
1437
|
selector: 'bao-header-info-content',
|
|
@@ -1439,9 +1442,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
1439
1442
|
}] });
|
|
1440
1443
|
class BaoHeaderInfoSurtitle {
|
|
1441
1444
|
}
|
|
1442
|
-
BaoHeaderInfoSurtitle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1443
|
-
BaoHeaderInfoSurtitle.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1444
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1445
|
+
BaoHeaderInfoSurtitle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoHeaderInfoSurtitle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
1446
|
+
BaoHeaderInfoSurtitle.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.3", type: BaoHeaderInfoSurtitle, selector: "bao-header-info-surtitle, [bao-header-info-surtitle], [baoHeaderInfoSurtitle]", host: { classAttribute: "document-heading-surtitle" }, ngImport: i0 });
|
|
1447
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoHeaderInfoSurtitle, decorators: [{
|
|
1445
1448
|
type: Directive,
|
|
1446
1449
|
args: [{
|
|
1447
1450
|
selector: 'bao-header-info-surtitle, [bao-header-info-surtitle], [baoHeaderInfoSurtitle]',
|
|
@@ -1452,9 +1455,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
1452
1455
|
}] });
|
|
1453
1456
|
class BaoHeaderInfoSubtitle {
|
|
1454
1457
|
}
|
|
1455
|
-
BaoHeaderInfoSubtitle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1456
|
-
BaoHeaderInfoSubtitle.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1457
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1458
|
+
BaoHeaderInfoSubtitle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoHeaderInfoSubtitle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
1459
|
+
BaoHeaderInfoSubtitle.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.3", type: BaoHeaderInfoSubtitle, selector: "bao-header-info-subtitle, [bao-header-info-subtitle], [baoHeaderInfoSubtitle]", host: { classAttribute: "document-heading-subtitle" }, ngImport: i0 });
|
|
1460
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoHeaderInfoSubtitle, decorators: [{
|
|
1458
1461
|
type: Directive,
|
|
1459
1462
|
args: [{
|
|
1460
1463
|
selector: 'bao-header-info-subtitle, [bao-header-info-subtitle], [baoHeaderInfoSubtitle]',
|
|
@@ -1465,9 +1468,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
1465
1468
|
}] });
|
|
1466
1469
|
class BaoHeaderInfoTitle {
|
|
1467
1470
|
}
|
|
1468
|
-
BaoHeaderInfoTitle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1469
|
-
BaoHeaderInfoTitle.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1470
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1471
|
+
BaoHeaderInfoTitle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoHeaderInfoTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
1472
|
+
BaoHeaderInfoTitle.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.3", type: BaoHeaderInfoTitle, selector: "bao-header-info-title, [bao-header-info-title], [baoHeaderInfoTitle]", host: { classAttribute: "document-heading-title" }, ngImport: i0 });
|
|
1473
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoHeaderInfoTitle, decorators: [{
|
|
1471
1474
|
type: Directive,
|
|
1472
1475
|
args: [{
|
|
1473
1476
|
selector: 'bao-header-info-title, [bao-header-info-title], [baoHeaderInfoTitle]',
|
|
@@ -1492,8 +1495,8 @@ const DIRECTIVES$1 = [
|
|
|
1492
1495
|
];
|
|
1493
1496
|
class BaoHeaderInfoModule {
|
|
1494
1497
|
}
|
|
1495
|
-
BaoHeaderInfoModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1496
|
-
BaoHeaderInfoModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
1498
|
+
BaoHeaderInfoModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoHeaderInfoModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1499
|
+
BaoHeaderInfoModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.3", ngImport: i0, type: BaoHeaderInfoModule, declarations: [BaoHeaderInfoComponent,
|
|
1497
1500
|
BaoHeaderInfoContent,
|
|
1498
1501
|
BaoHeaderInfoTitleGroupComponent,
|
|
1499
1502
|
BaoHeaderInfoSubtitle,
|
|
@@ -1504,8 +1507,8 @@ BaoHeaderInfoModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", ver
|
|
|
1504
1507
|
BaoHeaderInfoSubtitle,
|
|
1505
1508
|
BaoHeaderInfoSurtitle,
|
|
1506
1509
|
BaoHeaderInfoTitle] });
|
|
1507
|
-
BaoHeaderInfoModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1508
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1510
|
+
BaoHeaderInfoModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoHeaderInfoModule, imports: [CommonModule] });
|
|
1511
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoHeaderInfoModule, decorators: [{
|
|
1509
1512
|
type: NgModule,
|
|
1510
1513
|
args: [{
|
|
1511
1514
|
imports: [CommonModule],
|
|
@@ -1533,9 +1536,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
1533
1536
|
*/
|
|
1534
1537
|
class BaoListItem {
|
|
1535
1538
|
}
|
|
1536
|
-
BaoListItem.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1537
|
-
BaoListItem.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1538
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1539
|
+
BaoListItem.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoListItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1540
|
+
BaoListItem.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.3", type: BaoListItem, selector: "bao-list-item, [bao-list-item]", host: { attributes: { "role": "listitem" }, classAttribute: "bao-list-item" }, ngImport: i0, template: "<div class=\"bao-list-item-header\">\n <ng-content select=\"baoIconItemType, [baoIconItemType]\"></ng-content>\n</div>\n<div class=\"bao-list-item-content\">\n <div class=\"bao-list-item-text\">\n <ng-content></ng-content>\n </div>\n <div class=\"bao-list-item-tag\">\n <ng-content\n select=\"bao-tag, [bao-tag], baoIconTag, [baoIconTag]\"\n ></ng-content>\n </div>\n</div>\n", styles: [".bao-container{padding-right:16px;padding-left:16px;margin-right:auto;margin-left:auto;width:100%}@media (min-width: 576px){.bao-container{max-width:576px}}@media (min-width: 768px){.bao-container{max-width:768px}}@media (min-width: 992px){.bao-container{max-width:992px}}@media (min-width: 1200px){.bao-container{max-width:1200px}}.bao-row{display:flex;flex-wrap:wrap;margin-right:-16px;margin-left:-16px}.bao-col-12,.bao-col-lg-7{position:relative;width:100%;padding-right:1rem;padding-left:1rem}@media (min-width: 992px){.bao-col-lg-7{flex:0 0 58.33333%;max-width:58.33333%}}.bao-list{padding:0;margin:0}.bao-list>.bao-list-item:last-child{border-radius:.125rem;box-shadow:inset 0 .0625rem #ced4da,inset 0 -.0625rem #ced4da}.bao-list>a.bao-list-item{border-bottom:none}.bao-list>a.bao-list-item:focus{box-shadow:0 0 0 .1875rem #98bcde;background-color:#f8f9fa}.bao-list>a.bao-list-item:focus .bao-list-item-title{color:#097d6c}.bao-list>a.bao-list-item:hover{background-color:#f8f9fa}.bao-list>a.bao-list-item:hover .bao-list-item-text,.bao-list>a.bao-list-item:hover .bao-list-item-title{color:#097d6c}.bao-list .bao-list-item{display:flex;padding:1rem;background-color:#fff0;border-radius:.125rem .125rem 0rem 0rem;box-shadow:inset 0 .0625rem #ced4da}.bao-list .bao-list-item>.bao-list-item-header{align-self:flex-start;color:#adb2bd;line-height:0}.bao-list .bao-list-item>.bao-list-item-header .bao-icon{margin-right:1em}.bao-list .bao-list-item>.bao-list-item-content{display:flex;flex-grow:2}@media (min-width: 0){.bao-list .bao-list-item>.bao-list-item-content{flex-direction:column}}@media (min-width: 768px){.bao-list .bao-list-item>.bao-list-item-content{flex-direction:row;justify-content:space-between}}.bao-list .bao-list-item>.bao-list-item-content>.bao-list-item-text{display:flex;flex-direction:column;color:#212529;font-weight:700;font-size:1rem;line-height:1.5rem}.bao-list .bao-list-item>.bao-list-item-content>.bao-list-item-text>.bao-list-item-title{font-weight:700;font-size:1rem;line-height:1.5rem}.bao-list .bao-list-item>.bao-list-item-content>.bao-list-item-text>ul.bao-list-item-description{padding:0;margin:0}@media (min-width: 768px){.bao-list .bao-list-item>.bao-list-item-content>.bao-list-item-text>ul.bao-list-item-description{display:inline-flex;flex-wrap:wrap}}.bao-list .bao-list-item>.bao-list-item-content>.bao-list-item-text>.bao-list-item-description{color:#637381;margin-right:0 1rem}.bao-list .bao-list-item>.bao-list-item-content>.bao-list-item-text>.bao-list-item-description>*{font-weight:400;font-size:.875rem;line-height:1.25rem;list-style-type:none}@media (min-width: 0){.bao-list .bao-list-item>.bao-list-item-content>.bao-list-item-text>.bao-list-item-description{display:block}.bao-list .bao-list-item>.bao-list-item-content>.bao-list-item-text>.bao-list-item-description>*{margin-bottom:.25rem}.bao-list .bao-list-item>.bao-list-item-content>.bao-list-item-text>.bao-list-item-description>*:last-child{margin-bottom:0}}@media (min-width: 768px){.bao-list .bao-list-item>.bao-list-item-content>.bao-list-item-text>.bao-list-item-description>li{display:inline-flex;align-items:center;margin-bottom:0}.bao-list .bao-list-item>.bao-list-item-content>.bao-list-item-text>.bao-list-item-description>li:before{content:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ADB5BD' fill-rule='evenodd'><circle cx='12' cy='12' r='2'/></svg>\");height:1rem;width:1rem;margin:0 .25rem;flex-shrink:0}.bao-list .bao-list-item>.bao-list-item-content>.bao-list-item-text>.bao-list-item-description>li:first-child:before{content:none}}.bao-list .bao-list-item>.bao-list-item-content>.bao-list-item-tag{line-height:0}@media (min-width: 0){.bao-list .bao-list-item>.bao-list-item-content>.bao-list-item-tag>*{margin:.5rem 0 0}}@media (min-width: 768px){.bao-list .bao-list-item>.bao-list-item-content>.bao-list-item-tag>*{margin:0 0 0 1rem}}\n"], encapsulation: i0.ViewEncapsulation.None });
|
|
1541
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoListItem, decorators: [{
|
|
1539
1542
|
type: Component,
|
|
1540
1543
|
args: [{ selector: 'bao-list-item, [bao-list-item]', encapsulation: ViewEncapsulation.None, host: {
|
|
1541
1544
|
class: 'bao-list-item',
|
|
@@ -1544,9 +1547,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
1544
1547
|
}] });
|
|
1545
1548
|
class BaoList {
|
|
1546
1549
|
}
|
|
1547
|
-
BaoList.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1548
|
-
BaoList.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1549
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1550
|
+
BaoList.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoList, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
1551
|
+
BaoList.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.3", type: BaoList, selector: "bao-list, [bao-list]", host: { attributes: { "role": "list" }, classAttribute: "bao-list" }, ngImport: i0 });
|
|
1552
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoList, decorators: [{
|
|
1550
1553
|
type: Directive,
|
|
1551
1554
|
args: [{
|
|
1552
1555
|
selector: 'bao-list, [bao-list]',
|
|
@@ -1558,9 +1561,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
1558
1561
|
}] });
|
|
1559
1562
|
class BaoNavList {
|
|
1560
1563
|
}
|
|
1561
|
-
BaoNavList.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1562
|
-
BaoNavList.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1563
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1564
|
+
BaoNavList.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoNavList, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
1565
|
+
BaoNavList.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.3", type: BaoNavList, selector: "bao-nav-list, [bao-nav-list]", host: { attributes: { "role": "navigation" }, classAttribute: "bao-list" }, ngImport: i0 });
|
|
1566
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoNavList, decorators: [{
|
|
1564
1567
|
type: Directive,
|
|
1565
1568
|
args: [{
|
|
1566
1569
|
selector: 'bao-nav-list, [bao-nav-list]',
|
|
@@ -1572,9 +1575,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
1572
1575
|
}] });
|
|
1573
1576
|
class BaoListItemDescription {
|
|
1574
1577
|
}
|
|
1575
|
-
BaoListItemDescription.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1576
|
-
BaoListItemDescription.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1577
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1578
|
+
BaoListItemDescription.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoListItemDescription, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
1579
|
+
BaoListItemDescription.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.3", type: BaoListItemDescription, selector: "bao-list-item-description, [bao-list-item-description]", host: { classAttribute: "bao-list-item-description" }, ngImport: i0 });
|
|
1580
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoListItemDescription, decorators: [{
|
|
1578
1581
|
type: Directive,
|
|
1579
1582
|
args: [{
|
|
1580
1583
|
selector: 'bao-list-item-description, [bao-list-item-description]',
|
|
@@ -1585,9 +1588,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
1585
1588
|
}] });
|
|
1586
1589
|
class BaoListItemTitle {
|
|
1587
1590
|
}
|
|
1588
|
-
BaoListItemTitle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1589
|
-
BaoListItemTitle.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1590
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1591
|
+
BaoListItemTitle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoListItemTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
1592
|
+
BaoListItemTitle.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.3", type: BaoListItemTitle, selector: "bao-list-item-title, [bao-list-item-title]", host: { classAttribute: "bao-list-item-title" }, ngImport: i0 });
|
|
1593
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoListItemTitle, decorators: [{
|
|
1591
1594
|
type: Directive,
|
|
1592
1595
|
args: [{
|
|
1593
1596
|
selector: 'bao-list-item-title, [bao-list-item-title]',
|
|
@@ -1611,8 +1614,8 @@ const DIRECTIVES = [
|
|
|
1611
1614
|
];
|
|
1612
1615
|
class BaoListModule {
|
|
1613
1616
|
}
|
|
1614
|
-
BaoListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1615
|
-
BaoListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
1617
|
+
BaoListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1618
|
+
BaoListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.3", ngImport: i0, type: BaoListModule, declarations: [BaoListItem,
|
|
1616
1619
|
BaoList,
|
|
1617
1620
|
BaoNavList,
|
|
1618
1621
|
BaoListItemDescription,
|
|
@@ -1621,8 +1624,8 @@ BaoListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version:
|
|
|
1621
1624
|
BaoNavList,
|
|
1622
1625
|
BaoListItemDescription,
|
|
1623
1626
|
BaoListItemTitle] });
|
|
1624
|
-
BaoListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1625
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1627
|
+
BaoListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoListModule, imports: [CommonModule] });
|
|
1628
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoListModule, decorators: [{
|
|
1626
1629
|
type: NgModule,
|
|
1627
1630
|
args: [{
|
|
1628
1631
|
imports: [CommonModule],
|
|
@@ -1837,8 +1840,8 @@ class BaoRadioButtonGroupComponent {
|
|
|
1837
1840
|
this.ariaDescribedby = value ? `${this.id}-ariadescribedby` : null;
|
|
1838
1841
|
}
|
|
1839
1842
|
}
|
|
1840
|
-
BaoRadioButtonGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1841
|
-
BaoRadioButtonGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1843
|
+
BaoRadioButtonGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoRadioButtonGroupComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
1844
|
+
BaoRadioButtonGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.3", type: BaoRadioButtonGroupComponent, selector: "bao-radio-button-group, [bao-radio-button-group], [baoRadioButtonGroup]", inputs: { id: "id", name: "name", value: "value", selected: "selected", disabled: "disabled", required: "required" }, outputs: { change: "change" }, providers: [
|
|
1842
1845
|
{
|
|
1843
1846
|
provide: NG_VALUE_ACCESSOR,
|
|
1844
1847
|
useExisting: forwardRef(() => BaoRadioButtonGroupComponent),
|
|
@@ -1846,7 +1849,7 @@ BaoRadioButtonGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14
|
|
|
1846
1849
|
},
|
|
1847
1850
|
{ provide: BAO_RADIO_GROUP, useExisting: BaoRadioButtonGroupComponent }
|
|
1848
1851
|
], queries: [{ propertyName: "staticContainer", predicate: i0.forwardRef(function () { return BaoRadioButtonComponent; }), descendants: true }], viewQueries: [{ propertyName: "staticContainer", first: true, predicate: ["container"], descendants: true }], exportAs: ["baoRadioGroup"], ngImport: i0, template: "<fieldset\n role=\"radiogroup\"\n class=\"bao-radio-button-group\"\n [id]=\"id\"\n [attr.aria-describedby]=\"ariaDescribedby\"\n>\n <ng-content></ng-content>\n <div\n class=\"bao-radio-button-group-description\"\n [attr.id]=\"ariaDescribedby\"\n #container\n (cdkObserveContent)=\"onContentChange()\"\n >\n <ng-content\n select=\"bao-error, [bao-error], bao-guiding-text, [bao-guiding-text]\"\n ></ng-content>\n </div>\n</fieldset>\n", styles: [".bao-radio-button-group .bao-legend{margin-bottom:.5rem}.bao-radio-button-group .bao-error,.bao-radio-button-group .bao-guiding-text{margin-top:.5rem}\n"], dependencies: [{ kind: "directive", type: i1$2.CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
1849
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1852
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoRadioButtonGroupComponent, decorators: [{
|
|
1850
1853
|
type: Component,
|
|
1851
1854
|
args: [{ selector: 'bao-radio-button-group, [bao-radio-button-group], [baoRadioButtonGroup]', exportAs: 'baoRadioGroup', encapsulation: ViewEncapsulation.None, providers: [
|
|
1852
1855
|
{
|
|
@@ -2095,15 +2098,15 @@ class BaoRadioButtonComponent {
|
|
|
2095
2098
|
}
|
|
2096
2099
|
}
|
|
2097
2100
|
}
|
|
2098
|
-
BaoRadioButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2099
|
-
BaoRadioButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2101
|
+
BaoRadioButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoRadioButtonComponent, deps: [{ token: BAO_RADIO_GROUP, optional: true }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1$3.FocusMonitor }, { token: i2.UniqueSelectionDispatcher }], target: i0.ɵɵFactoryTarget.Component });
|
|
2102
|
+
BaoRadioButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.3", type: BaoRadioButtonComponent, selector: "bao-radio-button, [bao-radio-button]", inputs: { id: "id", ariaLabel: ["aria-label", "ariaLabel"], brandBorder: "brandBorder", inline: "inline", name: "name", hiddenLabel: "hiddenLabel", checked: "checked", value: "value", disabled: "disabled", required: "required" }, outputs: { change: "change" }, host: { properties: { "class.bao-radio-button-inline": "inline", "class.bao-radio-button-checked": "checked", "class.bao-radio-button-disabled": "disabled", "class.bao-radio-button-card": "brandBorder", "class.bao-radio-button-hidden-label": "hiddenLabel" }, classAttribute: "bao-radio-button" }, providers: [
|
|
2100
2103
|
{
|
|
2101
2104
|
provide: NG_VALUE_ACCESSOR,
|
|
2102
2105
|
useExisting: forwardRef(() => BaoRadioButtonComponent),
|
|
2103
2106
|
multi: true
|
|
2104
2107
|
}
|
|
2105
2108
|
], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["input"], descendants: true }], ngImport: i0, template: "<input\n #input\n type=\"radio\"\n [id]=\"inputID\"\n [checked]=\"checked\"\n [disabled]=\"disabled\"\n [attr.name]=\"name\"\n [attr.value]=\"value\"\n [required]=\"required\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"ariaLabelledby\"\n [attr.aria-describedby]=\"ariaDescribedby\"\n (change)=\"onInputInteraction($event)\"\n role=\"radio\"\n/>\n<label class=\"bao-radio-button-content-container\" [attr.for]=\"inputID\">\n <div class=\"bao-radio-button-label\" [id]=\"ariaLabelledby\">\n <ng-content></ng-content>\n </div>\n <ng-content\n select=\"bao-radio-button-description, [bao-radio-button-description], [baoRadioButtonDescription]\"\n ></ng-content>\n</label>\n", styles: [".bao-radio-button{display:block;font-size:1rem;line-height:1.5rem;min-height:1.5rem;padding-top:.5rem;padding-bottom:.5rem;padding-left:2rem;position:relative;z-index:1}.bao-radio-button input{box-sizing:border-box;left:0;opacity:0;overflow:visible;padding:0;position:absolute;z-index:-1}.bao-radio-button input:focus~.bao-radio-button-content-container:before{box-shadow:0 0 0 .1875rem #0079c480}.bao-radio-button label.bao-radio-button-content-container{color:#212529;font-weight:400;font-size:1rem;line-height:1.5rem;margin-bottom:0;position:relative;vertical-align:top}.bao-radio-button label.bao-radio-button-content-container:before{border-radius:50%;box-sizing:border-box;position:absolute;top:0;left:-2rem;display:block;margin:.125rem;width:1.25rem;height:1.25rem;pointer-events:none;content:\"\";background-color:#fff;border:#ced4da solid 1px;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.bao-radio-button label.bao-radio-button-content-container:after{box-sizing:border-box;background:no-repeat 50%/1.5rem;content:\"\";display:block;height:1.5rem;left:-2rem;margin:0;position:absolute;top:0;width:1.5rem}.bao-radio-button label.bao-radio-button-content-container .bao-radio-button-label{color:#212529;display:block}.bao-radio-button label.bao-radio-button-content-container .bao-radio-button-description{color:#637381;display:block;margin-top:.5rem}.bao-radio-button.bao-radio-button-inline{display:inline-flex;margin-right:1rem}.bao-radio-button.bao-radio-button-card{padding:0;margin-bottom:1rem}.bao-radio-button.bao-radio-button-card:last-of-type{margin-bottom:0}.bao-radio-button.bao-radio-button-card label.bao-radio-button-content-container{display:flex;flex-direction:column;flex:1;justify-content:center;padding:1rem 1rem 1rem 3.5rem;position:relative;border:1px solid #ced4da;border-radius:.25rem;color:#637381;min-height:3.5rem}.bao-radio-button.bao-radio-button-card label.bao-radio-button-content-container:before{top:1rem;left:0;margin-left:1.125rem}.bao-radio-button.bao-radio-button-card label.bao-radio-button-content-container:after{top:1rem;left:0;margin-left:1rem}.bao-radio-button input:checked~.bao-radio-button-content-container:before{border-color:#097d6c;background-color:#097d6c}.bao-radio-button input:checked~.bao-radio-button-content-container:after{background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3ccircle cx='12' cy='12' r='4' fill='%23ffffff'/%3e%3c/svg%3e\")}.bao-radio-button input:disabled~.bao-radio-button-content-container{color:#adb2bd;border-color:#dee2e6}.bao-radio-button input:disabled~.bao-radio-button-content-container:before{border-color:#ced4da;background-color:#ced4da}.bao-radio-button input:disabled~.bao-radio-button-content-container .bao-radio-button-label,.bao-radio-button input:disabled~.bao-radio-button-content-container .bao-radio-button-description{color:#adb2bd}.bao-radio-button.bao-radio-button-hidden-label .bao-radio-button-label{clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute}.bao-radio-button.bao-radio-button-hidden-label label.bao-radio-button-content-container .bao-radio-button-description{margin-top:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
2106
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2109
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoRadioButtonComponent, decorators: [{
|
|
2107
2110
|
type: Component,
|
|
2108
2111
|
args: [{ selector: 'bao-radio-button, [bao-radio-button]', providers: [
|
|
2109
2112
|
{
|
|
@@ -2153,9 +2156,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
2153
2156
|
}] } });
|
|
2154
2157
|
class BaoRadioDescription {
|
|
2155
2158
|
}
|
|
2156
|
-
BaoRadioDescription.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2157
|
-
BaoRadioDescription.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2158
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2159
|
+
BaoRadioDescription.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoRadioDescription, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
2160
|
+
BaoRadioDescription.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.3", type: BaoRadioDescription, selector: "bao-radio-button-description, [bao-radio-button-description], [baoRadioButtonDescription]", host: { classAttribute: "bao-radio-button-description" }, ngImport: i0 });
|
|
2161
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoRadioDescription, decorators: [{
|
|
2159
2162
|
type: Directive,
|
|
2160
2163
|
args: [{
|
|
2161
2164
|
selector: 'bao-radio-button-description, [bao-radio-button-description], [baoRadioButtonDescription]',
|
|
@@ -2175,8 +2178,8 @@ const RADIO_DIRECTIVES = [
|
|
|
2175
2178
|
];
|
|
2176
2179
|
class BaoRadioModule {
|
|
2177
2180
|
}
|
|
2178
|
-
BaoRadioModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2179
|
-
BaoRadioModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
2181
|
+
BaoRadioModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoRadioModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2182
|
+
BaoRadioModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.3", ngImport: i0, type: BaoRadioModule, declarations: [BaoRadioButtonComponent,
|
|
2180
2183
|
BaoRadioDescription,
|
|
2181
2184
|
BaoRadioButtonGroupComponent], imports: [CommonModule,
|
|
2182
2185
|
FormsModule,
|
|
@@ -2186,13 +2189,13 @@ BaoRadioModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version:
|
|
|
2186
2189
|
ObserversModule], exports: [BaoRadioButtonComponent,
|
|
2187
2190
|
BaoRadioDescription,
|
|
2188
2191
|
BaoRadioButtonGroupComponent] });
|
|
2189
|
-
BaoRadioModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
2192
|
+
BaoRadioModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoRadioModule, imports: [CommonModule,
|
|
2190
2193
|
FormsModule,
|
|
2191
2194
|
ReactiveFormsModule,
|
|
2192
2195
|
BaoCommonComponentsModule,
|
|
2193
2196
|
BaoButtonModule,
|
|
2194
2197
|
ObserversModule] });
|
|
2195
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2198
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoRadioModule, decorators: [{
|
|
2196
2199
|
type: NgModule,
|
|
2197
2200
|
args: [{
|
|
2198
2201
|
imports: [
|
|
@@ -2262,9 +2265,9 @@ class BaoTagComponent {
|
|
|
2262
2265
|
}
|
|
2263
2266
|
}
|
|
2264
2267
|
}
|
|
2265
|
-
BaoTagComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2266
|
-
BaoTagComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2267
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2268
|
+
BaoTagComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoTagComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2269
|
+
BaoTagComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.3", type: BaoTagComponent, selector: "bao-tag, [bao-tag], [baoTag]", inputs: { type: "type", variant: "variant", hiddenText: "hiddenText" }, host: { properties: { "class.bao-tag-neutral-light": "type === \"neutral\" && variant === \"light\"", "class.bao-tag-neutral-strong": "type === \"neutral\" && variant === \"strong\"", "class.bao-tag-info-light": "type === \"info\" && variant === \"light\"", "class.bao-tag-info-strong": "type === \"info\" && variant === \"strong\"", "class.bao-tag-positive-light": "type === \"positive\" && variant === \"light\"", "class.bao-tag-positive-strong": "type === \"positive\" && variant === \"strong\"", "class.bao-tag-alert-light": "type === \"alert\" && variant === \"light\"", "class.bao-tag-alert-strong": "type === \"alert\" && variant === \"strong\"", "class.bao-tag-negative-light": "type === \"negative\" && variant === \"light\"", "class.bao-tag-negative-strong": "type === \"negative\" && variant === \"strong\"" }, classAttribute: "bao-tag" }, ngImport: i0, template: "<ng-content select=\"bao-icon\"></ng-content>\n<ng-content></ng-content>\n", styles: [".bao-tag{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:.125rem;line-height:1.5rem}.bao-tag.has-icon{padding-left:.25rem}.bao-tag.bao-tag-info-light{background-color:#e6f5f9;color:#004b7b}.bao-tag.bao-tag-info-strong{background-color:#0079c4;color:#fff}.bao-tag.bao-tag-positive-light{background-color:#e7f6f0;color:#025d29}.bao-tag.bao-tag-positive-strong{background-color:#0da566;color:#fff}.bao-tag.bao-tag-negative-light{background-color:#ffebe6;color:#851a00}.bao-tag.bao-tag-negative-strong{background-color:#d3310a;color:#fff}.bao-tag.bao-tag-alert-light{background-color:#fefae6;color:#6c4600}.bao-tag.bao-tag-alert-strong{background-color:#ffb833;color:#212529}.bao-tag.bao-tag-neutral-light{background-color:#dee2e6;color:#212529}.bao-tag.bao-tag-neutral-strong{background-color:#212529;color:#fff}.bao-tag>span{font-weight:700;font-size:.875rem;line-height:1.25rem}.bao-tag>.bao-icon{height:1rem;width:1rem;margin-right:.25rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
2270
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoTagComponent, decorators: [{
|
|
2268
2271
|
type: Component,
|
|
2269
2272
|
args: [{ selector: 'bao-tag, [bao-tag], [baoTag]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
2270
2273
|
class: 'bao-tag',
|
|
@@ -2295,10 +2298,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
2295
2298
|
const TAG_DIRECTIVES = [BaoTagComponent];
|
|
2296
2299
|
class BaoTagModule {
|
|
2297
2300
|
}
|
|
2298
|
-
BaoTagModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2299
|
-
BaoTagModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
2300
|
-
BaoTagModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
2301
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2301
|
+
BaoTagModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoTagModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2302
|
+
BaoTagModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.3", ngImport: i0, type: BaoTagModule, declarations: [BaoTagComponent], imports: [CommonModule], exports: [BaoTagComponent] });
|
|
2303
|
+
BaoTagModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoTagModule, imports: [CommonModule] });
|
|
2304
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoTagModule, decorators: [{
|
|
2302
2305
|
type: NgModule,
|
|
2303
2306
|
args: [{
|
|
2304
2307
|
imports: [CommonModule],
|
|
@@ -2327,7 +2330,7 @@ class BaoSummaryComponent {
|
|
|
2327
2330
|
* RESPONSIVE (viewport width <=> is 576px)
|
|
2328
2331
|
* COMPACT (viewport width < 576px)
|
|
2329
2332
|
*/
|
|
2330
|
-
this.displayMode = "responsive" /* RESPONSIVE */;
|
|
2333
|
+
this.displayMode = "responsive" /* EDisplayMode.RESPONSIVE */;
|
|
2331
2334
|
/**
|
|
2332
2335
|
* Initialize the ID for summary
|
|
2333
2336
|
*/
|
|
@@ -2379,9 +2382,9 @@ class BaoSummaryComponent {
|
|
|
2379
2382
|
return element;
|
|
2380
2383
|
}
|
|
2381
2384
|
}
|
|
2382
|
-
BaoSummaryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2383
|
-
BaoSummaryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2384
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2385
|
+
BaoSummaryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoSummaryComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2386
|
+
BaoSummaryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.3", type: BaoSummaryComponent, selector: "bao-summary, [bao-summary], [baoSummary]", inputs: { displayMode: "displayMode", id: "id" }, host: { properties: { "class.bao-displaymode-compact": "displayMode === \"compact\"" }, classAttribute: "bao-summary" }, ngImport: i0, template: "<ng-content select=\"bao-label\"></ng-content>\n<ng-content select=\"bao-guiding-text, [bao-guiding-text]\"></ng-content>\n\n<div class=\"bao-summary-content\">\n <div class=\"bao-summary-text\">\n <ng-content select=\"bao-title-text, [bao-title-text]\"></ng-content>\n <ng-content select=\"bao-summary-description\"></ng-content>\n <ng-content\n select=\"bao-list-summary, [bao-list-summary], [baoListSummary]\"\n ></ng-content>\n </div>\n <ng-content select=\"button[bao-button]\"></ng-content>\n</div>\n<ng-content select=\"bao-error, [bao-error]\"></ng-content>\n", styles: [".bao-container{padding-right:16px;padding-left:16px;margin-right:auto;margin-left:auto;width:100%}@media (min-width: 576px){.bao-container{max-width:576px}}@media (min-width: 768px){.bao-container{max-width:768px}}@media (min-width: 992px){.bao-container{max-width:992px}}@media (min-width: 1200px){.bao-container{max-width:1200px}}.bao-row{display:flex;flex-wrap:wrap;margin-right:-16px;margin-left:-16px}.bao-col-12,.bao-col-lg-7{position:relative;width:100%;padding-right:1rem;padding-left:1rem}@media (min-width: 992px){.bao-col-lg-7{flex:0 0 58.33333%;max-width:58.33333%}}.bao-summary .bao-label,.bao-summary .bao-guiding-text{margin:0 0 .5rem}.bao-summary .bao-summary-content{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;border:.063rem solid #ced4da;box-sizing:border-box;border-radius:.25rem;padding:.5rem .5rem 1rem 1rem}.bao-summary .bao-summary-content .bao-summary-text{display:flex;flex-direction:column;padding:.5rem .5rem 0 0}.bao-summary .bao-summary-content .bao-summary-text .bao-summary-description{font-weight:400;font-size:1rem;line-height:1.5rem}.bao-summary .bao-summary-content .bao-summary-text .bao-summary-description p{margin-bottom:0}.bao-summary .bao-summary-content button.buttonText{display:none}.bao-summary .bao-summary-content button.buttonIcon{margin-left:.5rem}@media (min-width: 576px){.bao-summary:not(.bao-displaymode-compact) .bao-summary-content{padding:1.5rem 1.5rem 2rem 2rem}.bao-summary:not(.bao-displaymode-compact) .bao-summary-content button.buttonText{display:block;margin-left:.5rem}.bao-summary:not(.bao-displaymode-compact) .bao-summary-content button.buttonIcon{display:none}}.bao-summary .bao-error{margin-top:.5rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
2387
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoSummaryComponent, decorators: [{
|
|
2385
2388
|
type: Component,
|
|
2386
2389
|
args: [{ selector: 'bao-summary, [bao-summary], [baoSummary]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
2387
2390
|
class: 'bao-summary',
|
|
@@ -2394,9 +2397,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
2394
2397
|
}] } });
|
|
2395
2398
|
class BaoSummaryDescription {
|
|
2396
2399
|
}
|
|
2397
|
-
BaoSummaryDescription.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2398
|
-
BaoSummaryDescription.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2399
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2400
|
+
BaoSummaryDescription.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoSummaryDescription, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
2401
|
+
BaoSummaryDescription.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.3", type: BaoSummaryDescription, selector: "bao-summary-description, [bao-summary-description], [baoSummaryDescription]", host: { classAttribute: "bao-summary-description" }, ngImport: i0 });
|
|
2402
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoSummaryDescription, decorators: [{
|
|
2400
2403
|
type: Directive,
|
|
2401
2404
|
args: [{
|
|
2402
2405
|
selector: 'bao-summary-description, [bao-summary-description], [baoSummaryDescription]',
|
|
@@ -2411,9 +2414,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
2411
2414
|
*/
|
|
2412
2415
|
class BaoListSummaryItem {
|
|
2413
2416
|
}
|
|
2414
|
-
BaoListSummaryItem.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2415
|
-
BaoListSummaryItem.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2416
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2417
|
+
BaoListSummaryItem.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoListSummaryItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2418
|
+
BaoListSummaryItem.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.3", type: BaoListSummaryItem, selector: "bao-list-summary-item, [bao-list-summary-item], [baoListSummaryItem]", host: { attributes: { "role": "listitem" }, classAttribute: "bao-list-summary-item" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, styles: ["@charset \"UTF-8\";.bao-list-summary-item{font-weight:600;color:#000}.bao-list-summary-item:before{content:\"\\2022\";color:#d3310a;font-weight:700;display:inline-block;width:1em;margin-left:-1em}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
2419
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoListSummaryItem, decorators: [{
|
|
2417
2420
|
type: Component,
|
|
2418
2421
|
args: [{ selector: 'bao-list-summary-item, [bao-list-summary-item], [baoListSummaryItem]', template: `<ng-content></ng-content>`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
2419
2422
|
class: 'bao-list-summary-item',
|
|
@@ -2422,9 +2425,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
2422
2425
|
}] });
|
|
2423
2426
|
class BaoListSummary {
|
|
2424
2427
|
}
|
|
2425
|
-
BaoListSummary.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2426
|
-
BaoListSummary.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2427
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2428
|
+
BaoListSummary.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoListSummary, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2429
|
+
BaoListSummary.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.3", type: BaoListSummary, selector: "bao-list-summary, [bao-list-summary], [baoListSummary]", host: { attributes: { "role": "list" }, classAttribute: "bao-list-summary" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, styles: [".bao-list-summary{padding-left:2rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
2430
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoListSummary, decorators: [{
|
|
2428
2431
|
type: Component,
|
|
2429
2432
|
args: [{ selector: 'bao-list-summary, [bao-list-summary], [baoListSummary]', template: `<ng-content></ng-content>`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
2430
2433
|
class: 'bao-list-summary',
|
|
@@ -2445,16 +2448,16 @@ const SUMMARY_DIRECTIVES = [
|
|
|
2445
2448
|
];
|
|
2446
2449
|
class BaoSummaryModule {
|
|
2447
2450
|
}
|
|
2448
|
-
BaoSummaryModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2449
|
-
BaoSummaryModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
2451
|
+
BaoSummaryModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoSummaryModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2452
|
+
BaoSummaryModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.3", ngImport: i0, type: BaoSummaryModule, declarations: [BaoSummaryComponent,
|
|
2450
2453
|
BaoSummaryDescription,
|
|
2451
2454
|
BaoListSummary,
|
|
2452
2455
|
BaoListSummaryItem], imports: [CommonModule, BaoCommonComponentsModule], exports: [BaoSummaryComponent,
|
|
2453
2456
|
BaoSummaryDescription,
|
|
2454
2457
|
BaoListSummary,
|
|
2455
2458
|
BaoListSummaryItem] });
|
|
2456
|
-
BaoSummaryModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
2457
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2459
|
+
BaoSummaryModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoSummaryModule, imports: [CommonModule, BaoCommonComponentsModule] });
|
|
2460
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoSummaryModule, decorators: [{
|
|
2458
2461
|
type: NgModule,
|
|
2459
2462
|
args: [{
|
|
2460
2463
|
imports: [CommonModule, BaoCommonComponentsModule],
|
|
@@ -2476,9 +2479,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
2476
2479
|
*/
|
|
2477
2480
|
class BaoAvatarContent {
|
|
2478
2481
|
}
|
|
2479
|
-
BaoAvatarContent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2480
|
-
BaoAvatarContent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2481
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2482
|
+
BaoAvatarContent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoAvatarContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
2483
|
+
BaoAvatarContent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.3", type: BaoAvatarContent, selector: "bao-avatar-content, [bao-avatar-content]", host: { classAttribute: "bao-avatar-content" }, exportAs: ["baoAvatarContent"], ngImport: i0 });
|
|
2484
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoAvatarContent, decorators: [{
|
|
2482
2485
|
type: Directive,
|
|
2483
2486
|
args: [{
|
|
2484
2487
|
selector: 'bao-avatar-content, [bao-avatar-content]',
|
|
@@ -2546,9 +2549,9 @@ class BaoAvatarComponent {
|
|
|
2546
2549
|
this.renderer.addClass(this.nativeElement, 'display-color');
|
|
2547
2550
|
}
|
|
2548
2551
|
}
|
|
2549
|
-
BaoAvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2550
|
-
BaoAvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2551
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2552
|
+
BaoAvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoAvatarComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2553
|
+
BaoAvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.3", type: BaoAvatarComponent, selector: "bao-avatar", inputs: { profileName: "profileName", color: "color" }, host: { properties: { "class.bao-avatar-color-1": "color === \"background-color-1\"", "class.bao-avatar-color-2": "color === \"background-color-2\"", "class.bao-avatar-color-3": "color === \"background-color-3\"", "class.bao-avatar-color-4": "color === \"background-color-4\"", "class.bao-avatar-color-5": "color === \"background-color-5\"", "class.bao-avatar-color-6": "color === \"background-color-6\"", "class.bao-avatar-color-7": "color === \"background-color-7\"", "class.bao-avatar-color-8": "color === \"background-color-8\"", "class.bao-avatar-color-9": "color === \"background-color-9\"", "class.bao-avatar-color-10": "color === \"background-color-10\"" }, classAttribute: "bao-avatar" }, ngImport: i0, template: "<ng-content select=\"bao-avatar-content, [bao-avatar-content]\"></ng-content>\n", styles: [".bao-avatar-color-1.display-color{background-color:#0380a9}.bao-avatar-color-2.display-color{background-color:#bd4f00}.bao-avatar-color-3.display-color{background-color:#448600}.bao-avatar-color-4.display-color{background-color:#dc00ac}.bao-avatar-color-5.display-color{background-color:#01866e}.bao-avatar-color-6.display-color{background-color:#e00}.bao-avatar-color-7.display-color{background-color:#980bad}.bao-avatar-color-8.display-color{background-color:#0057ff}.bao-avatar-color-9.display-color{background-color:#a36b00}.bao-avatar-color-10.display-color{background-color:#e0007c}.bao-avatar{display:inline-flex;justify-content:center;align-items:center;border:.0625rem solid transparent;width:1.5rem;height:1.5rem;border-radius:2rem}.bao-avatar>span.bao-avatar-content{font-weight:700;font-size:.875rem;line-height:1.25rem;text-transform:uppercase;color:#fff}.bao-avatar>img.bao-avatar-content{border-radius:2rem;max-width:100%}\n"], encapsulation: i0.ViewEncapsulation.None });
|
|
2554
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoAvatarComponent, decorators: [{
|
|
2552
2555
|
type: Component,
|
|
2553
2556
|
args: [{ selector: 'bao-avatar', encapsulation: ViewEncapsulation.None, host: {
|
|
2554
2557
|
class: 'bao-avatar',
|
|
@@ -2577,10 +2580,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
2577
2580
|
const AVATAR_DIRECTIVES = [BaoAvatarComponent, BaoAvatarContent];
|
|
2578
2581
|
class BaoAvatarModule {
|
|
2579
2582
|
}
|
|
2580
|
-
BaoAvatarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2581
|
-
BaoAvatarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
2582
|
-
BaoAvatarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
2583
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2583
|
+
BaoAvatarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2584
|
+
BaoAvatarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.3", ngImport: i0, type: BaoAvatarModule, declarations: [BaoAvatarComponent, BaoAvatarContent], imports: [CommonModule], exports: [BaoAvatarComponent, BaoAvatarContent] });
|
|
2585
|
+
BaoAvatarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoAvatarModule, imports: [CommonModule] });
|
|
2586
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoAvatarModule, decorators: [{
|
|
2584
2587
|
type: NgModule,
|
|
2585
2588
|
args: [{
|
|
2586
2589
|
imports: [CommonModule],
|
|
@@ -2626,9 +2629,9 @@ class BaoTabHeader {
|
|
|
2626
2629
|
this.renderer.setAttribute(this.nativeElement, 'tabindex', '-1');
|
|
2627
2630
|
}
|
|
2628
2631
|
}
|
|
2629
|
-
BaoTabHeader.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2630
|
-
BaoTabHeader.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2631
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2632
|
+
BaoTabHeader.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoTabHeader, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
2633
|
+
BaoTabHeader.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.3", type: BaoTabHeader, selector: "bao-tab-header, [bao-tab-header]", outputs: { onTabClick: "onTabClick" }, host: { listeners: { "click": "onClick($event.target)" }, classAttribute: "bao-tab-header" }, exportAs: ["baoTabHeader"], ngImport: i0 });
|
|
2634
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoTabHeader, decorators: [{
|
|
2632
2635
|
type: Directive,
|
|
2633
2636
|
args: [{
|
|
2634
2637
|
selector: 'bao-tab-header, [bao-tab-header]',
|
|
@@ -2658,9 +2661,9 @@ class BaoTabPanel {
|
|
|
2658
2661
|
this.renderer.setAttribute(this.nativeElement, 'aria-expanded', 'false');
|
|
2659
2662
|
}
|
|
2660
2663
|
}
|
|
2661
|
-
BaoTabPanel.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2662
|
-
BaoTabPanel.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2663
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2664
|
+
BaoTabPanel.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoTabPanel, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
2665
|
+
BaoTabPanel.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.3", type: BaoTabPanel, selector: "bao-panel, [bao-panel]", host: { classAttribute: "bao-panel" }, exportAs: ["baoPanel"], ngImport: i0 });
|
|
2666
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoTabPanel, decorators: [{
|
|
2664
2667
|
type: Directive,
|
|
2665
2668
|
args: [{
|
|
2666
2669
|
selector: 'bao-panel, [bao-panel]',
|
|
@@ -2792,9 +2795,9 @@ class BaoTablistComponent {
|
|
|
2792
2795
|
return nextIndexInTablist.toString();
|
|
2793
2796
|
}
|
|
2794
2797
|
}
|
|
2795
|
-
BaoTablistComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2796
|
-
BaoTablistComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2797
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2798
|
+
BaoTablistComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoTablistComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2799
|
+
BaoTablistComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.3", type: BaoTablistComponent, selector: "bao-tablist, [bao-tablist]", inputs: { size: "size", ariaLabel: "ariaLabel" }, outputs: { activeTabChange: "activeTabChange" }, host: { listeners: { "window:keydown.arrowleft": "leftKeyEvent()", "window:keydown.arrowright": "rightKeyEvent()", "window:keydown.tab": "tabKeyEvent()", "window:keydown.shift.tab": "tabShiftKeyEvent()" }, properties: { "class.bao-tablist-small": "size === \"small\"", "class.bao-tablist-medium": "size === \"medium\"", "class.bao-tablist-large": "size === \"large\"" }, classAttribute: "bao-tablist" }, queries: [{ propertyName: "tabHeaders", predicate: BaoTabHeader }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".bao-tablist{color:#637381;display:block;overflow:auto;white-space:nowrap;box-shadow:inset 0 -.125rem #ced4da}.bao-tablist.bao-tablist-small{font-weight:700;font-size:.75rem;line-height:1rem}.bao-tablist.bao-tablist-small>.bao-tab-header{padding:.5rem}.bao-tablist.bao-tablist-medium{font-weight:700;font-size:.875rem;line-height:1.25rem}.bao-tablist.bao-tablist-medium>.bao-tab-header{padding:.625rem 1rem}.bao-tablist.bao-tablist-large{font-weight:700;font-size:1rem;line-height:1.5rem}.bao-tablist.bao-tablist-large>.bao-tab-header{padding:1rem}.bao-tablist button{all:unset}.bao-tablist>.bao-tab-header:hover:not(:disabled){color:#097d6c;cursor:pointer;box-shadow:inset 0 -.125rem #097d6c}.bao-tablist>.bao-tab-header.active{color:#097d6c;box-shadow:inset 0 -.125rem #097d6c}.bao-tablist>.bao-tab-header:focus.focus-visible{box-shadow:inset 0 0 0 .1875rem #98bcde;color:#637381}.bao-tablist>.bao-tab-header:disabled{color:#adb2bd}\n"], encapsulation: i0.ViewEncapsulation.None });
|
|
2800
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoTablistComponent, decorators: [{
|
|
2798
2801
|
type: Component,
|
|
2799
2802
|
args: [{ selector: 'bao-tablist, [bao-tablist]', encapsulation: ViewEncapsulation.None, host: {
|
|
2800
2803
|
class: 'bao-tablist',
|
|
@@ -2872,9 +2875,9 @@ class BaoTabsContainer {
|
|
|
2872
2875
|
});
|
|
2873
2876
|
}
|
|
2874
2877
|
}
|
|
2875
|
-
BaoTabsContainer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2876
|
-
BaoTabsContainer.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2877
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2878
|
+
BaoTabsContainer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoTabsContainer, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
2879
|
+
BaoTabsContainer.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.3", type: BaoTabsContainer, selector: "bao-tabs, [bao-tabs]", host: { classAttribute: "bao-tabs" }, queries: [{ propertyName: "tablist", first: true, predicate: BaoTablistComponent, descendants: true }], exportAs: ["baoTabs"], ngImport: i0 });
|
|
2880
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoTabsContainer, decorators: [{
|
|
2878
2881
|
type: Directive,
|
|
2879
2882
|
args: [{
|
|
2880
2883
|
selector: 'bao-tabs, [bao-tabs]',
|
|
@@ -2901,16 +2904,16 @@ const TABS_DIRECTIVES = [
|
|
|
2901
2904
|
];
|
|
2902
2905
|
class BaoTabsModule {
|
|
2903
2906
|
}
|
|
2904
|
-
BaoTabsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2905
|
-
BaoTabsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
2907
|
+
BaoTabsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoTabsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2908
|
+
BaoTabsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.3", ngImport: i0, type: BaoTabsModule, declarations: [BaoTabsContainer,
|
|
2906
2909
|
BaoTablistComponent,
|
|
2907
2910
|
BaoTabHeader,
|
|
2908
2911
|
BaoTabPanel], imports: [CommonModule], exports: [BaoTabsContainer,
|
|
2909
2912
|
BaoTablistComponent,
|
|
2910
2913
|
BaoTabHeader,
|
|
2911
2914
|
BaoTabPanel] });
|
|
2912
|
-
BaoTabsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
2913
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2915
|
+
BaoTabsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoTabsModule, imports: [CommonModule] });
|
|
2916
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoTabsModule, decorators: [{
|
|
2914
2917
|
type: NgModule,
|
|
2915
2918
|
args: [{
|
|
2916
2919
|
imports: [CommonModule],
|
|
@@ -3169,9 +3172,9 @@ class _BaoModalContainerBase extends BasePortalOutlet {
|
|
|
3169
3172
|
return element === activeElement || element.contains(activeElement);
|
|
3170
3173
|
}
|
|
3171
3174
|
}
|
|
3172
|
-
_BaoModalContainerBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3173
|
-
_BaoModalContainerBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
3174
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3175
|
+
_BaoModalContainerBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: _BaoModalContainerBase, deps: [{ token: i0.ElementRef }, { token: i1$3.ConfigurableFocusTrapFactory }, { token: i0.ChangeDetectorRef }, { token: DOCUMENT, optional: true }, { token: BaoModalInitialConfig }, { token: i1$3.InteractivityChecker }, { token: i0.NgZone }, { token: i1$3.FocusMonitor }], target: i0.ɵɵFactoryTarget.Directive });
|
|
3176
|
+
_BaoModalContainerBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.3", type: _BaoModalContainerBase, viewQueries: [{ propertyName: "_portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }], usesInheritance: true, ngImport: i0 });
|
|
3177
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: _BaoModalContainerBase, decorators: [{
|
|
3175
3178
|
type: Directive
|
|
3176
3179
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1$3.ConfigurableFocusTrapFactory }, { type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
|
|
3177
3180
|
type: Optional
|
|
@@ -3206,9 +3209,9 @@ class BaoModalContainer extends _BaoModalContainerBase {
|
|
|
3206
3209
|
this._animationStateChanged.next({ state: 'opened', totalTime });
|
|
3207
3210
|
}
|
|
3208
3211
|
}
|
|
3209
|
-
BaoModalContainer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3210
|
-
BaoModalContainer.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
3211
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3212
|
+
BaoModalContainer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoModalContainer, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
3213
|
+
BaoModalContainer.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.3", type: BaoModalContainer, selector: "bao-modal-container", host: { attributes: { "tabindex": "-1", "aria-modal": "true" }, properties: { "id": "_id", "attr.role": "_config.role", "attr.aria-labelledby": "_config.ariaLabel ? null : _ariaLabelledBy", "attr.aria-label": "_config.ariaLabel", "attr.aria-describedby": "_config.ariaDescribedBy || null" }, classAttribute: "bao-modal-container" }, usesInheritance: true, ngImport: i0, template: "<ng-template cdkPortalOutlet></ng-template>\n", styles: [".bao-container{padding-right:16px;padding-left:16px;margin-right:auto;margin-left:auto;width:100%}@media (min-width: 576px){.bao-container{max-width:576px}}@media (min-width: 768px){.bao-container{max-width:768px}}@media (min-width: 992px){.bao-container{max-width:992px}}@media (min-width: 1200px){.bao-container{max-width:1200px}}.bao-row{display:flex;flex-wrap:wrap;margin-right:-16px;margin-left:-16px}.bao-col-12,.bao-col-lg-7{position:relative;width:100%;padding-right:1rem;padding-left:1rem}@media (min-width: 992px){.bao-col-lg-7{flex:0 0 58.33333%;max-width:58.33333%}}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex}.cdk-overlay-pane.bao-modal-mobil-full{width:100%;height:100%}.cdk-overlay-pane.bao-modal-mobil-compact{width:300px;height:100%}@media (min-width: 768px){.cdk-overlay-pane{width:500px;height:auto}.cdk-overlay-pane.bao-modal-lg{width:calc(100% - 4rem);height:calc(100% - 4rem)}.cdk-overlay-pane.bao-modal-md,.cdk-overlay-pane.bao-modal-sm{width:500px;height:auto}}@media (min-width: 992px){.cdk-overlay-pane{width:500px;height:auto}.cdk-overlay-pane.bao-modal-lg{width:calc(100% - 4rem);height:calc(100% - 4rem)}.cdk-overlay-pane.bao-modal-md{width:800px;height:auto}.cdk-overlay-pane.bao-modal-sm{width:500px;height:auto}}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.5}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:black}.cdk-overlay-transparent-backdrop,.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:.5}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.bao-modal-container{display:block;overflow:auto;width:100%;height:100%;min-height:inherit;max-height:inherit;background-color:#fff;background-clip:padding-box;border:0 solid rgba(0,0,0,.2);border-radius:.5rem;outline:0}.bao-modal-content{display:flex;flex-direction:column;height:100%}.bao-modal-header{flex:0 0 auto;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid #ced4da;border-top-left-radius:.5rem;border-top-right-radius:.5rem}.bao-modal-header .bao-modal-title{font-size:1rem;line-height:1.5rem;margin:1rem 0 1rem 1rem}.bao-modal-header button{margin:.5rem}.bao-modal-body{display:block;padding:1rem;overflow:auto;flex-grow:1}@media (min-width: 768px){.bao-modal-body{padding:2rem}}.bao-modal-footer{display:flex;flex-wrap:wrap;padding:1rem;border-top:1px solid #ced4da;border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.bao-modal-footer.bao-modal-footer-order{justify-content:unset;flex-direction:column-reverse}.bao-modal-footer button{text-align:center}.bao-modal-footer .bao-button-primary,.bao-modal-footer .bao-button-secondary{width:100%;display:block}.bao-modal-footer .bao-button-secondary{margin-bottom:.5rem}.bao-modal-footer .bao-button-tertiary{display:none}@media (min-width: 768px){.bao-modal-footer{justify-content:flex-end}.bao-modal-footer.bao-modal-footer-order{flex-direction:row-reverse}.bao-modal-footer .bao-button-primary{margin-left:1rem}.bao-modal-footer .bao-button-secondary{margin-bottom:0}.bao-modal-footer .bao-button-primary,.bao-modal-footer .bao-button-secondary{width:auto}.bao-modal-footer .bao-button-tertiary{display:block}}\n"], dependencies: [{ kind: "directive", type: i3.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
|
|
3214
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoModalContainer, decorators: [{
|
|
3212
3215
|
type: Component,
|
|
3213
3216
|
args: [{ selector: 'bao-modal-container', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.Default, host: {
|
|
3214
3217
|
class: 'bao-modal-container',
|
|
@@ -3219,18 +3222,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
3219
3222
|
'[attr.aria-labelledby]': '_config.ariaLabel ? null : _ariaLabelledBy',
|
|
3220
3223
|
'[attr.aria-label]': '_config.ariaLabel',
|
|
3221
3224
|
'[attr.aria-describedby]': '_config.ariaDescribedBy || null'
|
|
3222
|
-
}, template: "<ng-template cdkPortalOutlet></ng-template>\n", styles: [".bao-container{padding-right:16px;padding-left:16px;margin-right:auto;margin-left:auto;width:100%}@media (min-width: 576px){.bao-container{max-width:576px}}@media (min-width: 768px){.bao-container{max-width:768px}}@media (min-width: 992px){.bao-container{max-width:992px}}@media (min-width: 1200px){.bao-container{max-width:1200px}}.bao-row{display:flex;flex-wrap:wrap;margin-right:-16px;margin-left:-16px}.bao-col-12,.bao-col-lg-7{position:relative;width:100%;padding-right:1rem;padding-left:1rem}@media (min-width: 992px){.bao-col-lg-7{flex:0 0 58.33333%;max-width:58.33333%}}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex}.cdk-overlay-pane.bao-modal-mobil-full{width:100%;height:100%}.cdk-overlay-pane.bao-modal-mobil-compact{width:300px;height:100%}@media (min-width: 768px){.cdk-overlay-pane{width:500px;height:auto}.cdk-overlay-pane.bao-modal-lg{width:calc(100% - 4rem);height:calc(100% - 4rem)}.cdk-overlay-pane.bao-modal-md,.cdk-overlay-pane.bao-modal-sm{width:500px;height:auto}}@media (min-width: 992px){.cdk-overlay-pane{width:500px;height:auto}.cdk-overlay-pane.bao-modal-lg{width:calc(100% - 4rem);height:calc(100% - 4rem)}.cdk-overlay-pane.bao-modal-md{width:800px;height:auto}.cdk-overlay-pane.bao-modal-sm{width:500px;height:auto}}.cdk-overlay-backdrop{position:absolute;
|
|
3225
|
+
}, template: "<ng-template cdkPortalOutlet></ng-template>\n", styles: [".bao-container{padding-right:16px;padding-left:16px;margin-right:auto;margin-left:auto;width:100%}@media (min-width: 576px){.bao-container{max-width:576px}}@media (min-width: 768px){.bao-container{max-width:768px}}@media (min-width: 992px){.bao-container{max-width:992px}}@media (min-width: 1200px){.bao-container{max-width:1200px}}.bao-row{display:flex;flex-wrap:wrap;margin-right:-16px;margin-left:-16px}.bao-col-12,.bao-col-lg-7{position:relative;width:100%;padding-right:1rem;padding-left:1rem}@media (min-width: 992px){.bao-col-lg-7{flex:0 0 58.33333%;max-width:58.33333%}}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex}.cdk-overlay-pane.bao-modal-mobil-full{width:100%;height:100%}.cdk-overlay-pane.bao-modal-mobil-compact{width:300px;height:100%}@media (min-width: 768px){.cdk-overlay-pane{width:500px;height:auto}.cdk-overlay-pane.bao-modal-lg{width:calc(100% - 4rem);height:calc(100% - 4rem)}.cdk-overlay-pane.bao-modal-md,.cdk-overlay-pane.bao-modal-sm{width:500px;height:auto}}@media (min-width: 992px){.cdk-overlay-pane{width:500px;height:auto}.cdk-overlay-pane.bao-modal-lg{width:calc(100% - 4rem);height:calc(100% - 4rem)}.cdk-overlay-pane.bao-modal-md{width:800px;height:auto}.cdk-overlay-pane.bao-modal-sm{width:500px;height:auto}}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.5}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:black}.cdk-overlay-transparent-backdrop,.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:.5}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.bao-modal-container{display:block;overflow:auto;width:100%;height:100%;min-height:inherit;max-height:inherit;background-color:#fff;background-clip:padding-box;border:0 solid rgba(0,0,0,.2);border-radius:.5rem;outline:0}.bao-modal-content{display:flex;flex-direction:column;height:100%}.bao-modal-header{flex:0 0 auto;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid #ced4da;border-top-left-radius:.5rem;border-top-right-radius:.5rem}.bao-modal-header .bao-modal-title{font-size:1rem;line-height:1.5rem;margin:1rem 0 1rem 1rem}.bao-modal-header button{margin:.5rem}.bao-modal-body{display:block;padding:1rem;overflow:auto;flex-grow:1}@media (min-width: 768px){.bao-modal-body{padding:2rem}}.bao-modal-footer{display:flex;flex-wrap:wrap;padding:1rem;border-top:1px solid #ced4da;border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.bao-modal-footer.bao-modal-footer-order{justify-content:unset;flex-direction:column-reverse}.bao-modal-footer button{text-align:center}.bao-modal-footer .bao-button-primary,.bao-modal-footer .bao-button-secondary{width:100%;display:block}.bao-modal-footer .bao-button-secondary{margin-bottom:.5rem}.bao-modal-footer .bao-button-tertiary{display:none}@media (min-width: 768px){.bao-modal-footer{justify-content:flex-end}.bao-modal-footer.bao-modal-footer-order{flex-direction:row-reverse}.bao-modal-footer .bao-button-primary{margin-left:1rem}.bao-modal-footer .bao-button-secondary{margin-bottom:0}.bao-modal-footer .bao-button-primary,.bao-modal-footer .bao-button-secondary{width:auto}.bao-modal-footer .bao-button-tertiary{display:block}}\n"] }]
|
|
3223
3226
|
}] });
|
|
3224
3227
|
|
|
3225
3228
|
// Counter for unique modal ids.
|
|
3226
|
-
let uniqueId = 0;
|
|
3229
|
+
let uniqueId$1 = 0;
|
|
3227
3230
|
/**
|
|
3228
3231
|
* Reference to a modal opened via the BaoModalService.
|
|
3229
3232
|
*/
|
|
3230
3233
|
class BaoModalRef {
|
|
3231
3234
|
constructor(_overlayRef, _containerInstance,
|
|
3232
3235
|
/** Id of the modal. */
|
|
3233
|
-
id = `bao-modal-${uniqueId++}`) {
|
|
3236
|
+
id = `bao-modal-${uniqueId$1++}`) {
|
|
3234
3237
|
this._overlayRef = _overlayRef;
|
|
3235
3238
|
this._containerInstance = _containerInstance;
|
|
3236
3239
|
this.id = id;
|
|
@@ -3243,7 +3246,7 @@ class BaoModalRef {
|
|
|
3243
3246
|
/** Subject for notifying the user that the modal has started closing. */
|
|
3244
3247
|
this._beforeClosed = new Subject();
|
|
3245
3248
|
/** Current state of the modal. */
|
|
3246
|
-
this._state = 0 /* OPEN */;
|
|
3249
|
+
this._state = 0 /* BaoModalState.OPEN */;
|
|
3247
3250
|
// Pass the id along to the container.
|
|
3248
3251
|
_containerInstance._id = id;
|
|
3249
3252
|
// Emit when opening animation completes
|
|
@@ -3308,7 +3311,7 @@ class BaoModalRef {
|
|
|
3308
3311
|
// vast majority of cases the timeout will have been cleared before it has the chance to fire.
|
|
3309
3312
|
this._closeFallbackTimeout = setTimeout(() => this._finishModalClose(), event.totalTime + 100);
|
|
3310
3313
|
});
|
|
3311
|
-
this._state = 1 /* CLOSING */;
|
|
3314
|
+
this._state = 1 /* BaoModalState.CLOSING */;
|
|
3312
3315
|
this._containerInstance._startExitAnimation();
|
|
3313
3316
|
}
|
|
3314
3317
|
startOpenAnimation() {
|
|
@@ -3395,7 +3398,7 @@ class BaoModalRef {
|
|
|
3395
3398
|
* and disposing the overlay.
|
|
3396
3399
|
*/
|
|
3397
3400
|
_finishModalClose() {
|
|
3398
|
-
this._state = 2 /* CLOSED */;
|
|
3401
|
+
this._state = 2 /* BaoModalState.CLOSED */;
|
|
3399
3402
|
this._overlayRef.dispose();
|
|
3400
3403
|
}
|
|
3401
3404
|
/** Fetches the position strategy object from the overlay ref. */
|
|
@@ -3657,9 +3660,9 @@ class BaoModalBase {
|
|
|
3657
3660
|
};
|
|
3658
3661
|
}
|
|
3659
3662
|
}
|
|
3660
|
-
BaoModalBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3661
|
-
BaoModalBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
3662
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3663
|
+
BaoModalBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoModalBase, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
|
|
3664
|
+
BaoModalBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.3", type: BaoModalBase, ngImport: i0 });
|
|
3665
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoModalBase, decorators: [{
|
|
3663
3666
|
type: Directive
|
|
3664
3667
|
}], ctorParameters: function () { return [{ type: i1$4.Overlay }, { type: i0.Injector }, { type: undefined }, { type: i1$4.OverlayContainer }, { type: i0.Type }, { type: i0.Type }, { type: i0.InjectionToken }]; } });
|
|
3665
3668
|
/**
|
|
@@ -3670,9 +3673,9 @@ class BaoModal extends BaoModalBase {
|
|
|
3670
3673
|
super(overlay, injector, parentModal, overlayContainer, BaoModalRef, BaoModalContainer, BAO_MODAL_DATA);
|
|
3671
3674
|
}
|
|
3672
3675
|
}
|
|
3673
|
-
BaoModal.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3674
|
-
BaoModal.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
3675
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3676
|
+
BaoModal.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoModal, deps: [{ token: i1$4.Overlay }, { token: i0.Injector }, { token: BaoModal, optional: true, skipSelf: true }, { token: i1$4.OverlayContainer }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
3677
|
+
BaoModal.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoModal });
|
|
3678
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoModal, decorators: [{
|
|
3676
3679
|
type: Injectable
|
|
3677
3680
|
}], ctorParameters: function () { return [{ type: i1$4.Overlay }, { type: i0.Injector }, { type: BaoModal, decorators: [{
|
|
3678
3681
|
type: Optional
|
|
@@ -3721,9 +3724,9 @@ class BaoModalClose {
|
|
|
3721
3724
|
_closeModalVia(this.modalRef, event.screenX === 0 && event.screenY === 0 ? 'keyboard' : 'mouse', this.dialogResult);
|
|
3722
3725
|
}
|
|
3723
3726
|
}
|
|
3724
|
-
BaoModalClose.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3725
|
-
BaoModalClose.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
3726
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3727
|
+
BaoModalClose.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoModalClose, deps: [{ token: BaoModalRef, optional: true }, { token: i0.ElementRef }, { token: BaoModal }], target: i0.ɵɵFactoryTarget.Directive });
|
|
3728
|
+
BaoModalClose.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.3", type: BaoModalClose, selector: "[bao-modal-close], [baoModalClose]", inputs: { ariaLabel: ["aria-label", "ariaLabel"], type: "type", dialogResult: ["bao-modal-close", "dialogResult"], _baoModalClose: ["baoModalClose", "_baoModalClose"] }, host: { listeners: { "click": "_onButtonClick($event)" }, properties: { "attr.aria-label": "ariaLabel || null", "attr.type": "type" } }, exportAs: ["BaoModalClose"], usesOnChanges: true, ngImport: i0 });
|
|
3729
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoModalClose, decorators: [{
|
|
3727
3730
|
type: Directive,
|
|
3728
3731
|
args: [{
|
|
3729
3732
|
selector: '[bao-modal-close], [baoModalClose]',
|
|
@@ -3767,10 +3770,10 @@ function getClosestDialog(element, openDialogs) {
|
|
|
3767
3770
|
const MODAL_DIRECTIVES = [BaoModalContainer, BaoModalClose];
|
|
3768
3771
|
class BaoModalModule {
|
|
3769
3772
|
}
|
|
3770
|
-
BaoModalModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3771
|
-
BaoModalModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
3772
|
-
BaoModalModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
3773
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3773
|
+
BaoModalModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
3774
|
+
BaoModalModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.3", ngImport: i0, type: BaoModalModule, declarations: [BaoModalContainer, BaoModalClose], imports: [CommonModule, OverlayModule, PortalModule], exports: [BaoModalContainer, BaoModalClose] });
|
|
3775
|
+
BaoModalModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoModalModule, providers: [BaoModal], imports: [CommonModule, OverlayModule, PortalModule] });
|
|
3776
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoModalModule, decorators: [{
|
|
3774
3777
|
type: NgModule,
|
|
3775
3778
|
args: [{
|
|
3776
3779
|
imports: [CommonModule, OverlayModule, PortalModule],
|
|
@@ -3839,9 +3842,9 @@ class BaoHyperlinkComponent {
|
|
|
3839
3842
|
}
|
|
3840
3843
|
}
|
|
3841
3844
|
}
|
|
3842
|
-
BaoHyperlinkComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3843
|
-
BaoHyperlinkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
3844
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3845
|
+
BaoHyperlinkComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoHyperlinkComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
3846
|
+
BaoHyperlinkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.3", type: BaoHyperlinkComponent, selector: "bao-hyperlink, [bao-hyperlink]", inputs: { size: "size" }, host: { properties: { "class.bao-hyperlink-medium": "size === \"medium\"", "class.bao-hyperlink-small": "size === \"small\"", "class.bao-hyperlink-extra-small": "size === \"extra-small\"" }, classAttribute: "bao-hyperlink" }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".bao-hyperlink:not(li){display:inline-flex;font-size:inherit;line-height:inherit}.bao-hyperlink:not(li)>a{box-shadow:inset 0 -1px #097d6c;text-decoration:none;border-bottom:none;font-size:inherit}li.bao-hyperlink{display:flex}li.bao-hyperlink>a{text-decoration:none;border-bottom:none}li.bao-hyperlink>a:hover{box-shadow:inset 0 -1px #097d6c}li.bao-hyperlink.bao-hyperlink-extra-small a{font-weight:700;font-size:.75rem;line-height:1rem}li.bao-hyperlink.bao-hyperlink-extra-small .bao-icon{height:1rem;width:1rem}li.bao-hyperlink.bao-hyperlink-small a{font-weight:700;font-size:.875rem;line-height:1.25rem}li.bao-hyperlink.bao-hyperlink-small .bao-icon{height:1.25rem;width:1.25rem}li.bao-hyperlink.bao-hyperlink-medium a{font-weight:700;font-size:1rem;line-height:1.5rem}li.bao-hyperlink.bao-hyperlink-medium .bao-icon{height:1.5rem;width:1.5rem}.bao-hyperlink{align-items:center}.bao-hyperlink>.bao-icon{color:#097d6c;flex-shrink:0}.bao-hyperlink.has-right-icon>.bao-icon{margin-left:.25rem}.bao-hyperlink.has-left-icon>.bao-icon{margin-right:.5rem}ul.bao-hyperlink-list-parent{list-style-type:none}\n"], encapsulation: i0.ViewEncapsulation.None });
|
|
3847
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoHyperlinkComponent, decorators: [{
|
|
3845
3848
|
type: Component,
|
|
3846
3849
|
args: [{ selector: 'bao-hyperlink, [bao-hyperlink]', encapsulation: ViewEncapsulation.None, host: {
|
|
3847
3850
|
class: 'bao-hyperlink',
|
|
@@ -3861,10 +3864,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
3861
3864
|
const HYPERLINK_DIRECTIVES = [BaoHyperlinkComponent];
|
|
3862
3865
|
class BaoHyperlinkModule {
|
|
3863
3866
|
}
|
|
3864
|
-
BaoHyperlinkModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3865
|
-
BaoHyperlinkModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
3866
|
-
BaoHyperlinkModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
3867
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3867
|
+
BaoHyperlinkModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoHyperlinkModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
3868
|
+
BaoHyperlinkModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.3", ngImport: i0, type: BaoHyperlinkModule, declarations: [BaoHyperlinkComponent], imports: [CommonModule], exports: [BaoHyperlinkComponent] });
|
|
3869
|
+
BaoHyperlinkModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoHyperlinkModule, imports: [CommonModule] });
|
|
3870
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoHyperlinkModule, decorators: [{
|
|
3868
3871
|
type: NgModule,
|
|
3869
3872
|
args: [{
|
|
3870
3873
|
imports: [CommonModule],
|
|
@@ -3897,6 +3900,10 @@ class BaoDropdownMenuItem {
|
|
|
3897
3900
|
* Is the list item disabled
|
|
3898
3901
|
*/
|
|
3899
3902
|
this.disabled = false;
|
|
3903
|
+
/**
|
|
3904
|
+
* Emits when menu item is clicked
|
|
3905
|
+
*/
|
|
3906
|
+
this.itemClicked = new EventEmitter();
|
|
3900
3907
|
}
|
|
3901
3908
|
get nativeElement() {
|
|
3902
3909
|
return this.elementRef.nativeElement;
|
|
@@ -3977,20 +3984,26 @@ class BaoDropdownMenuItem {
|
|
|
3977
3984
|
}
|
|
3978
3985
|
}
|
|
3979
3986
|
/**
|
|
3980
|
-
* This method propagates a click event to menu item children with inputs (checkbox, radio button)
|
|
3987
|
+
* This method propagates a click event to menu item children with inputs (checkbox, radio button).
|
|
3988
|
+
* It emits event to close menu if item does not contain an input.
|
|
3981
3989
|
*/
|
|
3982
3990
|
propagateClick() {
|
|
3991
|
+
let closeMenu = true;
|
|
3983
3992
|
for (let i = 0; i < this.nativeElement.children.length; i++) {
|
|
3984
3993
|
if (this.nativeElement.children.item(i).firstElementChild.localName ==
|
|
3985
3994
|
'input') {
|
|
3986
3995
|
this.nativeElement.children.item(i).firstElementChild.click();
|
|
3996
|
+
closeMenu = false;
|
|
3987
3997
|
}
|
|
3988
3998
|
}
|
|
3999
|
+
if (closeMenu) {
|
|
4000
|
+
this.itemClicked.emit();
|
|
4001
|
+
}
|
|
3989
4002
|
}
|
|
3990
4003
|
}
|
|
3991
|
-
BaoDropdownMenuItem.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3992
|
-
BaoDropdownMenuItem.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
3993
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4004
|
+
BaoDropdownMenuItem.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoDropdownMenuItem, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: BaoDropdownMenuComponent }], target: i0.ɵɵFactoryTarget.Directive });
|
|
4005
|
+
BaoDropdownMenuItem.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.3", type: BaoDropdownMenuItem, selector: "bao-dropdown-menu-item, [bao-dropdown-menu-item]", inputs: { disabled: "disabled" }, outputs: { itemClicked: "itemClicked" }, host: { listeners: { "window:keyup.space": "spaceKeyEvent()", "click": "onClick($event.target)", "window:keyup.enter": "enterKeyEvent()" }, properties: { "class.bao-dropdown-menu-item-disabled": "disabled===true" }, classAttribute: "bao-dropdown-menu-item" }, usesOnChanges: true, ngImport: i0 });
|
|
4006
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoDropdownMenuItem, decorators: [{
|
|
3994
4007
|
type: Directive,
|
|
3995
4008
|
args: [{
|
|
3996
4009
|
selector: 'bao-dropdown-menu-item, [bao-dropdown-menu-item]',
|
|
@@ -4001,6 +4014,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
4001
4014
|
}]
|
|
4002
4015
|
}], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: BaoDropdownMenuComponent }]; }, propDecorators: { disabled: [{
|
|
4003
4016
|
type: Input
|
|
4017
|
+
}], itemClicked: [{
|
|
4018
|
+
type: Output
|
|
4004
4019
|
}], spaceKeyEvent: [{
|
|
4005
4020
|
type: HostListener,
|
|
4006
4021
|
args: ['window:keyup.space']
|
|
@@ -4009,7 +4024,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
4009
4024
|
args: ['click', ['$event.target']]
|
|
4010
4025
|
}], enterKeyEvent: [{
|
|
4011
4026
|
type: HostListener,
|
|
4012
|
-
args: ['window:
|
|
4027
|
+
args: ['window:keyup.enter']
|
|
4013
4028
|
}] } });
|
|
4014
4029
|
class BaoDropdownMenuComponent {
|
|
4015
4030
|
constructor(cdr, renderer, elementRef) {
|
|
@@ -4087,6 +4102,9 @@ class BaoDropdownMenuComponent {
|
|
|
4087
4102
|
this.renderer.setAttribute(this.nativeElement, 'id', this.menuId);
|
|
4088
4103
|
this._menuPortal = new DomPortal(this._menuContent);
|
|
4089
4104
|
}
|
|
4105
|
+
ngAfterContentInit() {
|
|
4106
|
+
this._listItems.forEach((item) => item.itemClicked.subscribe(() => this.isClosedByKeyEvent.emit()));
|
|
4107
|
+
}
|
|
4090
4108
|
focusFirstItem() {
|
|
4091
4109
|
this._activeItemIndex = 0;
|
|
4092
4110
|
this._listItems.first.nativeElement.focus();
|
|
@@ -4152,9 +4170,9 @@ class BaoDropdownMenuComponent {
|
|
|
4152
4170
|
(currentIndex == this._listItems.length - 1 && isDown));
|
|
4153
4171
|
}
|
|
4154
4172
|
}
|
|
4155
|
-
BaoDropdownMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4156
|
-
BaoDropdownMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
4157
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4173
|
+
BaoDropdownMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoDropdownMenuComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
4174
|
+
BaoDropdownMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.3", type: BaoDropdownMenuComponent, selector: "bao-dropdown-menu", outputs: { isOpenChange: "isOpenChange", isClosedByKeyEvent: "isClosedByKeyEvent" }, host: { listeners: { "window:keyup.arrowup": "upKeyEvent()", "window:keyup.arrowdown": "downKeyEvent()", "window:keydown.tab": "tabKeyEvent()", "window:keydown.shift.tab": "shiftTabKeyEvent()" }, properties: { "class.bao-overlay-transparent-backdrop": "isOpen===false", "class.bao-dropdown-menu-closed": "isOpen===false", "attr.aria-expanded": "isOpen" }, classAttribute: "bao-dropdown-menu-container" }, queries: [{ propertyName: "_listItems", predicate: BaoDropdownMenuItem, descendants: true }], viewQueries: [{ propertyName: "_menuContent", first: true, predicate: ["menuContent"], descendants: true }], ngImport: i0, template: "<div #menuContent class=\"bao-dropdown-menu\" tabindex=\"-1\">\n <ng-content></ng-content>\n</div>\n", styles: [".bao-dropdown-menu-container.bao-dropdown-menu-closed{display:none}.bao-dropdown-menu{min-width:16rem;max-width:32rem;overflow-y:auto;background:#ffffff;box-shadow:0 .5rem 2rem #0000001a;border-radius:.25rem;padding-top:.5rem;padding-bottom:.5rem}.bao-dropdown-menu .bao-overlay-transparent-backdrop{background-color:#fff0;display:none}.bao-dropdown-menu ul{list-style-type:none;padding:0;margin:0}.bao-dropdown-menu h5{padding:.5rem 0 .5rem 1rem;margin:0}.bao-dropdown-menu .bao-dropdown-menu-item{display:flex;align-items:center;text-decoration:none;border-bottom:none;cursor:default}.bao-dropdown-menu .bao-dropdown-menu-item:hover{background-color:#f8f9fa}.bao-dropdown-menu .bao-dropdown-menu-item:active{background-color:#eefaf8}.bao-dropdown-menu .bao-dropdown-menu-item:focus{box-shadow:inset 0 0 0 .25rem #98bcde}.bao-dropdown-menu .bao-dropdown-menu-item.active-link{background-color:#eefaf8}.bao-dropdown-menu .bao-dropdown-menu-item.has-element-right{padding-right:1.5rem}.bao-dropdown-menu .bao-dropdown-menu-item.has-element-left{padding-left:1rem}.bao-dropdown-menu .bao-dropdown-menu-item.bao-dropdown-menu-item-disabled{cursor:not-allowed;pointer-events:none}.bao-dropdown-menu .bao-dropdown-menu-item.bao-dropdown-menu-item-disabled:hover,.bao-dropdown-menu .bao-dropdown-menu-item.bao-dropdown-menu-item-disabled:active{background:#ffffff}.bao-dropdown-menu .bao-dropdown-menu-item.bao-dropdown-menu-item-disabled .bao-dropdown-menu-item-content .bao-dropdown-menu-item-label,.bao-dropdown-menu .bao-dropdown-menu-item.bao-dropdown-menu-item-disabled .bao-dropdown-menu-item-content .bao-dropdown-menu-item-description{color:#adb2bd}.bao-dropdown-menu .bao-dropdown-menu-item>.bao-dropdown-menu-item-content{display:flex;flex-direction:column;margin:.5rem 1rem;background-color:inherit}.bao-dropdown-menu .bao-dropdown-menu-item>.bao-dropdown-menu-item-content .bao-dropdown-menu-item-label{font-weight:400;font-size:1rem;line-height:1.5rem;color:#212529}.bao-dropdown-menu .bao-dropdown-menu-item>.bao-dropdown-menu-item-content .bao-dropdown-menu-item-description{font-weight:400;font-size:.875rem;line-height:1.25rem;color:#637381}.bao-dropdown-menu .bao-dropdown-menu-item>.bao-icon{color:#adb2bd;flex-shrink:0}.bao-dropdown-menu .bao-dropdown-menu-divider hr{margin-top:.5rem;margin-bottom:.5rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
4175
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoDropdownMenuComponent, decorators: [{
|
|
4158
4176
|
type: Component,
|
|
4159
4177
|
args: [{ selector: 'bao-dropdown-menu', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
4160
4178
|
class: 'bao-dropdown-menu-container',
|
|
@@ -4207,8 +4225,9 @@ class BaoDropdownMenuTrigger {
|
|
|
4207
4225
|
}
|
|
4208
4226
|
/** Enter key event triggers click event which opens menu,
|
|
4209
4227
|
* then focus is put on first item in the menu */
|
|
4210
|
-
enterKeyEvent() {
|
|
4228
|
+
enterKeyEvent(event) {
|
|
4211
4229
|
if (this._isMenuOpen && document.activeElement === this.nativeElement) {
|
|
4230
|
+
event.stopImmediatePropagation();
|
|
4212
4231
|
this.menu.focusFirstItem();
|
|
4213
4232
|
}
|
|
4214
4233
|
}
|
|
@@ -4293,9 +4312,9 @@ class BaoDropdownMenuTrigger {
|
|
|
4293
4312
|
});
|
|
4294
4313
|
}
|
|
4295
4314
|
}
|
|
4296
|
-
BaoDropdownMenuTrigger.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4297
|
-
BaoDropdownMenuTrigger.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
4298
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4315
|
+
BaoDropdownMenuTrigger.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoDropdownMenuTrigger, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1$4.Overlay }], target: i0.ɵɵFactoryTarget.Directive });
|
|
4316
|
+
BaoDropdownMenuTrigger.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.3", type: BaoDropdownMenuTrigger, selector: "bao-dropdown-menu-trigger, [bao-dropdown-menu-trigger], [baoDropdownMenuTriggerFor]", inputs: { menu: ["baoDropdownMenuTriggerFor", "menu"] }, host: { listeners: { "window:keyup.escape": "escapeKeyEvent()", "window:keyup.enter": "enterKeyEvent($event)", "click": "onClick()" }, classAttribute: "bao-dropdown-menu-trigger" }, ngImport: i0 });
|
|
4317
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoDropdownMenuTrigger, decorators: [{
|
|
4299
4318
|
type: Directive,
|
|
4300
4319
|
args: [{
|
|
4301
4320
|
selector: 'bao-dropdown-menu-trigger, [bao-dropdown-menu-trigger], [baoDropdownMenuTriggerFor]',
|
|
@@ -4309,7 +4328,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
4309
4328
|
args: ['window:keyup.escape']
|
|
4310
4329
|
}], enterKeyEvent: [{
|
|
4311
4330
|
type: HostListener,
|
|
4312
|
-
args: ['window:keyup.enter']
|
|
4331
|
+
args: ['window:keyup.enter', ['$event']]
|
|
4313
4332
|
}], onClick: [{
|
|
4314
4333
|
type: HostListener,
|
|
4315
4334
|
args: ['click']
|
|
@@ -4340,9 +4359,9 @@ class BaoDropdownMenuSection {
|
|
|
4340
4359
|
this.renderer.insertBefore(this.nativeElement, titleElement, children[listIndex]);
|
|
4341
4360
|
}
|
|
4342
4361
|
}
|
|
4343
|
-
BaoDropdownMenuSection.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4344
|
-
BaoDropdownMenuSection.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
4345
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4362
|
+
BaoDropdownMenuSection.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoDropdownMenuSection, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
|
|
4363
|
+
BaoDropdownMenuSection.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.3", type: BaoDropdownMenuSection, selector: "bao-dropdown-menu-section, [bao-dropdown-menu-section]", host: { classAttribute: "bao-dropdown-menu-section" }, ngImport: i0 });
|
|
4364
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoDropdownMenuSection, decorators: [{
|
|
4346
4365
|
type: Directive,
|
|
4347
4366
|
args: [{
|
|
4348
4367
|
selector: 'bao-dropdown-menu-section, [bao-dropdown-menu-section]',
|
|
@@ -4354,9 +4373,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
4354
4373
|
*/
|
|
4355
4374
|
class BaoDropdownMenuItemLabel {
|
|
4356
4375
|
}
|
|
4357
|
-
BaoDropdownMenuItemLabel.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4358
|
-
BaoDropdownMenuItemLabel.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
4359
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4376
|
+
BaoDropdownMenuItemLabel.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoDropdownMenuItemLabel, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
4377
|
+
BaoDropdownMenuItemLabel.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.3", type: BaoDropdownMenuItemLabel, selector: "bao-dropdown-menu-item-label, [bao-dropdown-menu-item-label]", host: { classAttribute: "bao-dropdown-menu-item-label" }, ngImport: i0 });
|
|
4378
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoDropdownMenuItemLabel, decorators: [{
|
|
4360
4379
|
type: Directive,
|
|
4361
4380
|
args: [{
|
|
4362
4381
|
selector: 'bao-dropdown-menu-item-label, [bao-dropdown-menu-item-label]',
|
|
@@ -4368,9 +4387,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
4368
4387
|
*/
|
|
4369
4388
|
class BaoDropdownMenuItemDescription {
|
|
4370
4389
|
}
|
|
4371
|
-
BaoDropdownMenuItemDescription.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4372
|
-
BaoDropdownMenuItemDescription.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
4373
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4390
|
+
BaoDropdownMenuItemDescription.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoDropdownMenuItemDescription, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
4391
|
+
BaoDropdownMenuItemDescription.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.3", type: BaoDropdownMenuItemDescription, selector: "bao-dropdown-menu-item-description, [bao-dropdown-menu-item-description]", host: { classAttribute: "bao-dropdown-menu-item-description" }, ngImport: i0 });
|
|
4392
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoDropdownMenuItemDescription, decorators: [{
|
|
4374
4393
|
type: Directive,
|
|
4375
4394
|
args: [{
|
|
4376
4395
|
selector: 'bao-dropdown-menu-item-description, [bao-dropdown-menu-item-description]',
|
|
@@ -4392,9 +4411,9 @@ class BaoDropdownMenuDivider {
|
|
|
4392
4411
|
this.renderer.setAttribute(this.nativeElement, 'role', 'separator');
|
|
4393
4412
|
}
|
|
4394
4413
|
}
|
|
4395
|
-
BaoDropdownMenuDivider.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4396
|
-
BaoDropdownMenuDivider.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
4397
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4414
|
+
BaoDropdownMenuDivider.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoDropdownMenuDivider, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
4415
|
+
BaoDropdownMenuDivider.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.3", type: BaoDropdownMenuDivider, selector: "bao-dropdown-menu-divider, [bao-dropdown-menu-divider]", host: { classAttribute: "bao-dropdown-menu-divider" }, ngImport: i0, template: `<hr />`, isInline: true });
|
|
4416
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoDropdownMenuDivider, decorators: [{
|
|
4398
4417
|
type: Component,
|
|
4399
4418
|
args: [{
|
|
4400
4419
|
template: `<hr />`,
|
|
@@ -4419,8 +4438,8 @@ const DROPDOWN_MENU_DIRECTIVES = [
|
|
|
4419
4438
|
];
|
|
4420
4439
|
class BaoDropdownMenuModule {
|
|
4421
4440
|
}
|
|
4422
|
-
BaoDropdownMenuModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4423
|
-
BaoDropdownMenuModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
4441
|
+
BaoDropdownMenuModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoDropdownMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
4442
|
+
BaoDropdownMenuModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.3", ngImport: i0, type: BaoDropdownMenuModule, declarations: [BaoDropdownMenuComponent,
|
|
4424
4443
|
BaoDropdownMenuTrigger,
|
|
4425
4444
|
BaoDropdownMenuItem,
|
|
4426
4445
|
BaoDropdownMenuSection,
|
|
@@ -4433,8 +4452,8 @@ BaoDropdownMenuModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", v
|
|
|
4433
4452
|
BaoDropdownMenuItemLabel,
|
|
4434
4453
|
BaoDropdownMenuItemDescription,
|
|
4435
4454
|
BaoDropdownMenuDivider] });
|
|
4436
|
-
BaoDropdownMenuModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
4437
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4455
|
+
BaoDropdownMenuModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoDropdownMenuModule, imports: [CommonModule, ObserversModule, OverlayModule, PortalModule] });
|
|
4456
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoDropdownMenuModule, decorators: [{
|
|
4438
4457
|
type: NgModule,
|
|
4439
4458
|
args: [{
|
|
4440
4459
|
imports: [CommonModule, ObserversModule, OverlayModule, PortalModule],
|
|
@@ -4518,9 +4537,9 @@ class BaoFilePreviewComponent {
|
|
|
4518
4537
|
return `${(size / multiplicator).toFixed(toFixed)} ${unit}`;
|
|
4519
4538
|
}
|
|
4520
4539
|
}
|
|
4521
|
-
BaoFilePreviewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4522
|
-
BaoFilePreviewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
4523
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4540
|
+
BaoFilePreviewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoFilePreviewComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
4541
|
+
BaoFilePreviewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.3", type: BaoFilePreviewComponent, selector: "bao-file-preview, [bao-file-preview]", inputs: { file: "file", isLoading: "isLoading" }, host: { classAttribute: "bao-file-preview" }, ngImport: i0, template: "<div class=\"bao-file-info\">\n <ng-content select=\"bao-icon\"></ng-content>\n <bao-icon\n *ngIf=\"insertGenericIcon && !thumbnailURL\"\n class=\"bao-file-media\"\n svgIcon=\"icon-file\"\n >\n </bao-icon>\n <ng-container *ngIf=\"thumbnailURL && !isLoading\">\n <img\n class=\"bao-file-media\"\n [src]=\"thumbnailURL\"\n width=\"40px\"\n height=\"40px\"\n />\n </ng-container>\n <div class=\"bao-file-text\">\n <div class=\"bao-file-name\">{{ file.name }}</div>\n <div class=\"bao-file-size\">{{ fileSize }}</div>\n </div>\n</div>\n<ng-container *ngIf=\"!isLoading\">\n <ng-content select=\"button[bao-button]\"></ng-content>\n <ng-content select=\"baoDropdownTriggerFor\"></ng-content>\n</ng-container>\n<bao-icon\n *ngIf=\"isLoading\"\n class=\"loading-spinner\"\n svgIcon=\"icon-spinner\"\n title=\"chargement\"\n></bao-icon>\n", styles: [".bao-file-preview{display:flex;align-items:center;justify-content:space-between;padding-top:.625rem;padding-bottom:.625rem;list-style-type:none}.bao-file-preview>.bao-file-info{display:flex;align-items:center}.bao-file-preview>.bao-file-info>.bao-icon{color:#adb2bd;flex-shrink:0}.bao-file-preview>.bao-file-info>.bao-file-media{margin-right:1rem}.bao-file-preview>.bao-file-info>.bao-file-text{display:inline-flex;flex-direction:column;margin-right:1rem}.bao-file-preview>.bao-file-info>.bao-file-text>.bao-file-name{overflow:hidden;font-weight:700;font-size:.875rem;line-height:1.25rem;color:#212529}.bao-file-preview>.bao-file-info>.bao-file-text>.bao-file-size{font-weight:400;font-size:.75rem;line-height:1rem;color:#637381}.bao-file-preview .loading-spinner{color:#097d6c}.bao-file-preview .bao-dropdown-menu-container{position:absolute;margin-left:auto}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: BaoIconComponent, selector: "bao-icon", inputs: ["color", "size", "svgIcon", "title"], exportAs: ["baoIcon"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
4542
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoFilePreviewComponent, decorators: [{
|
|
4524
4543
|
type: Component,
|
|
4525
4544
|
args: [{ selector: 'bao-file-preview, [bao-file-preview]', encapsulation: ViewEncapsulation.None, host: {
|
|
4526
4545
|
class: 'bao-file-preview'
|
|
@@ -4557,9 +4576,9 @@ class BaoFileIntl {
|
|
|
4557
4576
|
this.invalidFileTypeErrorMessage = "Ce format de fichier n'est pas autorisé";
|
|
4558
4577
|
}
|
|
4559
4578
|
}
|
|
4560
|
-
BaoFileIntl.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4561
|
-
BaoFileIntl.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
4562
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4579
|
+
BaoFileIntl.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoFileIntl, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
4580
|
+
BaoFileIntl.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoFileIntl, providedIn: 'root' });
|
|
4581
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoFileIntl, decorators: [{
|
|
4563
4582
|
type: Injectable,
|
|
4564
4583
|
args: [{ providedIn: 'root' }]
|
|
4565
4584
|
}] });
|
|
@@ -4576,9 +4595,9 @@ class BaoFileIntlEnglish extends BaoFileIntl {
|
|
|
4576
4595
|
this.invalidFileTypeErrorMessage = 'The format of this file is unauthorized';
|
|
4577
4596
|
}
|
|
4578
4597
|
}
|
|
4579
|
-
BaoFileIntlEnglish.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4580
|
-
BaoFileIntlEnglish.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
4581
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4598
|
+
BaoFileIntlEnglish.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoFileIntlEnglish, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
|
|
4599
|
+
BaoFileIntlEnglish.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoFileIntlEnglish });
|
|
4600
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoFileIntlEnglish, decorators: [{
|
|
4582
4601
|
type: Injectable
|
|
4583
4602
|
}] });
|
|
4584
4603
|
/** @docs-private */
|
|
@@ -4762,8 +4781,8 @@ class BaoFileInputComponent {
|
|
|
4762
4781
|
this.renderer.setAttribute(inputElement, 'aria-describedby', textsIds.join(' '));
|
|
4763
4782
|
}
|
|
4764
4783
|
}
|
|
4765
|
-
BaoFileInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4766
|
-
BaoFileInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
4784
|
+
BaoFileInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoFileInputComponent, deps: [{ token: BaoFileIntl }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
4785
|
+
BaoFileInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.3", type: BaoFileInputComponent, selector: "bao-file-input, [bao-file-input]", inputs: { inputId: ["id", "inputId"], label: "label", size: "size", maximalFileSize: "maximalFileSize", acceptedMIMETypes: "acceptedMIMETypes", required: "required", disabled: "disabled" }, outputs: { uploadedFile: "uploadedFile" }, host: { listeners: { "window:keyup.enter": "enterKeyEvent()", "window:keyup.tab": "tabKeyEvent()", "window:keyup.shift.tab": "shiftTabKeyEvent()" }, properties: { "class.bao-file-label-small": "size === \"small\"", "class.bao-file-label-medium": "size === \"medium\"", "class.bao-file-input-disabled": "disabled" }, classAttribute: "bao-file-input" }, providers: [
|
|
4767
4786
|
{
|
|
4768
4787
|
provide: NG_VALUE_ACCESSOR,
|
|
4769
4788
|
// tslint:disable-next-line:no-forward-ref
|
|
@@ -4771,7 +4790,7 @@ BaoFileInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
|
|
|
4771
4790
|
multi: true
|
|
4772
4791
|
}
|
|
4773
4792
|
], queries: [{ propertyName: "_files", predicate: BaoFilePreviewComponent, descendants: true }, { propertyName: "_errorForm", predicate: BaoErrorTextComponent, descendants: true }], viewQueries: [{ propertyName: "uploader", first: true, predicate: ["uploader"], descendants: true }, { propertyName: "dropzoneElement", first: true, predicate: ["dropzone"], descendants: true }, { propertyName: "_errorTexts", predicate: BaoErrorTextComponent, descendants: true }], ngImport: i0, template: "<label bao-label [required]=\"required\" [for]=\"inputId\">{{ label }}</label>\n<ng-content select=\"bao-guiding-text\"></ng-content>\n<div\n baoFileDrop\n class=\"file-drop-zone\"\n (fileDrop)=\"uploadFile($event)\"\n #dropzone\n>\n <button\n bao-button\n type=\"button\"\n displayType=\"utility\"\n level=\"secondary\"\n [disabled]=\"disabled\"\n (click)=\"uploader.click()\"\n aria-hidden=\"true\"\n tabIndex=\"-1\"\n >\n {{ intl.dropzoneButtonLabel }}\n </button>\n <input\n [id]=\"inputId\"\n type=\"file\"\n class=\"sr-only\"\n [disabled]=\"disabled\"\n (change)=\"uploadFile($event.target.files[0])\"\n #uploader\n />\n <ng-container\n ><div #ref>\n <ng-content select=\"bao-file-dropzone-instructions\"></ng-content></div\n ></ng-container>\n <ng-container *ngIf=\"ref.childNodes.length === 0\"\n ><bao-file-dropzone-instructions>{{\n intl.defaultDropzoneInstructions\n }}</bao-file-dropzone-instructions></ng-container\n >\n</div>\n<bao-error *ngIf=\"isFileTooBig\">\n {{ intl.fileTooBigErrorMessage }}\n</bao-error>\n<bao-error *ngIf=\"isFileTypeInvalid\">\n {{ intl.invalidFileTypeErrorMessage }}\n</bao-error>\n<ng-content select=\"bao-error\"></ng-content>\n<ng-content></ng-content>\n", styles: ["bao-file-input{width:100%;display:inline-flex;flex-direction:column}bao-file-input>ul{padding:0;margin:0}bao-file-input .bao-label>span{font-size:inherit;font-weight:inherit}bao-file-input.bao-file-label-small label{font-weight:700;font-size:.875rem;line-height:1.25rem}bao-file-input.bao-file-label-medium label{font-weight:700;font-size:1rem;line-height:1.5rem}bao-file-input .bao-guiding-text{margin-bottom:.5rem}bao-file-input .file-drop-zone{padding:.5rem;background-color:#fff;border-radius:.25rem;border-style:dashed;border-color:#ced4da;border-width:1px;display:inline-flex;align-items:center}bao-file-input .file-drop-zone:focus-within.dropzone-focus{box-shadow:0 0 0 .1875rem #98bcde;background-color:#eefaf8}bao-file-input .file-drop-zone>.bao-button{margin-right:.5rem}bao-file-input .file-drop-zone.drag-over{background-color:#eefaf8;border-color:#097d6c;cursor:drag}bao-file-input .file-drop-zone.drag-over>.bao-button{background-color:#eefaf8}bao-file-input.bao-file-input-disabled .file-drop-zone{background-color:#f8f9fa;border-color:#ced4da}bao-file-input.bao-file-input-disabled .file-drop-zone .bao-button{background-color:#f8f9fa}bao-file-input.bao-file-input-disabled .file-drop-zone .bao-button:hover{background-color:#f8f9fa}bao-file-input .bao-file-preview:first-child{margin-top:1rem}bao-file-input .bao-error{margin-top:.5rem}\n"], dependencies: [{ kind: "directive", type: i0.forwardRef(function () { return i1$1.NgIf; }), selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i0.forwardRef(function () { return BaoErrorTextComponent; }), selector: "bao-error, [bao-error]" }, { kind: "component", type: i0.forwardRef(function () { return BaoLabelTextComponent; }), selector: "bao-label, [bao-label]", inputs: ["required"] }, { kind: "component", type: i0.forwardRef(function () { return BaoButtonComponent; }), selector: "button[bao-button]", inputs: ["displayType", "level", "size", "loading", "reversed", "loadingSpinnerAriaLabel", "fullWidth"] }, { kind: "directive", type: i0.forwardRef(function () { return BaoFileDropzoneIntructions; }), selector: "bao-file-dropzone-instructions, [bao-file-dropzone-instructions]" }, { kind: "directive", type: i0.forwardRef(function () { return BaoFileDropDirective; }), selector: "[baoFileDrop]", outputs: ["fileDrop"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
4774
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4793
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoFileInputComponent, decorators: [{
|
|
4775
4794
|
type: Component,
|
|
4776
4795
|
args: [{ selector: 'bao-file-input, [bao-file-input]', providers: [
|
|
4777
4796
|
{
|
|
@@ -4858,9 +4877,9 @@ class BaoFileDropDirective {
|
|
|
4858
4877
|
: event.originalEvent.dataTransfer;
|
|
4859
4878
|
}
|
|
4860
4879
|
}
|
|
4861
|
-
BaoFileDropDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4862
|
-
BaoFileDropDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
4863
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4880
|
+
BaoFileDropDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoFileDropDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
4881
|
+
BaoFileDropDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.3", type: BaoFileDropDirective, selector: "[baoFileDrop]", outputs: { fileDrop: "fileDrop" }, host: { listeners: { "dragover": "onDragOver($event)", "dragleave": "onDragLeave($event)", "drop": "onDrop($event)" }, properties: { "class.drag-over": "_isDragOver == true" } }, ngImport: i0 });
|
|
4882
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoFileDropDirective, decorators: [{
|
|
4864
4883
|
type: Directive,
|
|
4865
4884
|
args: [{
|
|
4866
4885
|
selector: '[baoFileDrop]',
|
|
@@ -4890,9 +4909,9 @@ class BaoFileDropzoneIntructions {
|
|
|
4890
4909
|
this.renderer.setAttribute(this.nativeElement, 'aria-hidden', 'true');
|
|
4891
4910
|
}
|
|
4892
4911
|
}
|
|
4893
|
-
BaoFileDropzoneIntructions.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4894
|
-
BaoFileDropzoneIntructions.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
4895
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4912
|
+
BaoFileDropzoneIntructions.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoFileDropzoneIntructions, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
4913
|
+
BaoFileDropzoneIntructions.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.3", type: BaoFileDropzoneIntructions, selector: "bao-file-dropzone-instructions, [bao-file-dropzone-instructions]", host: { classAttribute: "bao-file-dropzone-instructions" }, ngImport: i0 });
|
|
4914
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoFileDropzoneIntructions, decorators: [{
|
|
4896
4915
|
type: Directive,
|
|
4897
4916
|
args: [{
|
|
4898
4917
|
selector: 'bao-file-dropzone-instructions, [bao-file-dropzone-instructions]',
|
|
@@ -4915,8 +4934,8 @@ const FILE_DIRECTIVES = [
|
|
|
4915
4934
|
];
|
|
4916
4935
|
class BaoFileModule {
|
|
4917
4936
|
}
|
|
4918
|
-
BaoFileModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4919
|
-
BaoFileModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
4937
|
+
BaoFileModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoFileModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
4938
|
+
BaoFileModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.3", ngImport: i0, type: BaoFileModule, declarations: [BaoFileInputComponent,
|
|
4920
4939
|
BaoFileDropzoneIntructions,
|
|
4921
4940
|
BaoFileDropDirective,
|
|
4922
4941
|
BaoFilePreviewComponent], imports: [CommonModule,
|
|
@@ -4927,12 +4946,12 @@ BaoFileModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version:
|
|
|
4927
4946
|
BaoFileDropzoneIntructions,
|
|
4928
4947
|
BaoFileDropDirective,
|
|
4929
4948
|
BaoFilePreviewComponent] });
|
|
4930
|
-
BaoFileModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
4949
|
+
BaoFileModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoFileModule, providers: [BAO_FILE_INTL_PROVIDER], imports: [CommonModule,
|
|
4931
4950
|
BaoDropdownMenuModule,
|
|
4932
4951
|
BaoCommonComponentsModule,
|
|
4933
4952
|
BaoIconModule,
|
|
4934
4953
|
BaoButtonModule] });
|
|
4935
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4954
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoFileModule, decorators: [{
|
|
4936
4955
|
type: NgModule,
|
|
4937
4956
|
args: [{
|
|
4938
4957
|
imports: [
|
|
@@ -4948,6 +4967,770 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
4948
4967
|
}]
|
|
4949
4968
|
}] });
|
|
4950
4969
|
|
|
4970
|
+
/** Injection token that can be used to access the data that was passed in to a snack bar. */
|
|
4971
|
+
const BAO_SNACK_BAR_DATA = new InjectionToken('BaoSnackBarData');
|
|
4972
|
+
/**
|
|
4973
|
+
* Configuration used when opening a snack-bar.
|
|
4974
|
+
*/
|
|
4975
|
+
class BaoSnackBarConfig {
|
|
4976
|
+
constructor() {
|
|
4977
|
+
/** The message to display in the snackbar. */
|
|
4978
|
+
this.message = 'No message';
|
|
4979
|
+
/** The type of snackbar template to display. */
|
|
4980
|
+
this.toastType = 'info';
|
|
4981
|
+
/**
|
|
4982
|
+
* The attached action to the snack bar. If the name of the action matches an icon provided as part of
|
|
4983
|
+
* angular-ui icon dictionnary an icon will be displayed instead of text.
|
|
4984
|
+
* */
|
|
4985
|
+
this.actionLabelOrIcon = '';
|
|
4986
|
+
/** Displays the close button when set to true */
|
|
4987
|
+
this.showClose = false;
|
|
4988
|
+
/** The length of time in milliseconds to wait before automatically dismissing the snack bar. */
|
|
4989
|
+
this.duration = 5000;
|
|
4990
|
+
/** The politeness level for the MatAriaLiveAnnouncer announcement. */
|
|
4991
|
+
this.politeness = 'assertive';
|
|
4992
|
+
/**
|
|
4993
|
+
* Message to be announced by the LiveAnnouncer. When opening a snackbar without a custom
|
|
4994
|
+
* component or template, the announcement message will default to the specified message.
|
|
4995
|
+
*/
|
|
4996
|
+
this.announcementMessage = '';
|
|
4997
|
+
/** Data being injected into the child component. */
|
|
4998
|
+
this.data = null;
|
|
4999
|
+
/** The horizontal position to place the snack bar. */
|
|
5000
|
+
this.horizontalPosition = 'left';
|
|
5001
|
+
/** The vertical position to place the snack bar. */
|
|
5002
|
+
this.verticalPosition = 'bottom';
|
|
5003
|
+
}
|
|
5004
|
+
}
|
|
5005
|
+
|
|
5006
|
+
/** Maximum amount of milliseconds that can be passed into setTimeout. */
|
|
5007
|
+
const MAX_TIMEOUT = Math.pow(2, 31) - 1;
|
|
5008
|
+
/**
|
|
5009
|
+
* Reference to a snack bar dispatched from the snack bar service.
|
|
5010
|
+
*/
|
|
5011
|
+
class BaoSnackBarRef {
|
|
5012
|
+
constructor(containerInstance, _overlayRef) {
|
|
5013
|
+
this._overlayRef = _overlayRef;
|
|
5014
|
+
/** Subject for notifying the user that the snack bar has been dismissed. */
|
|
5015
|
+
this._afterDismissed = new Subject();
|
|
5016
|
+
/** Subject for notifying the user that the snack bar has opened and appeared. */
|
|
5017
|
+
this._afterOpened = new Subject();
|
|
5018
|
+
/** Subject for notifying the user that the snack bar action was called. */
|
|
5019
|
+
this._onAction = new Subject();
|
|
5020
|
+
/** Whether the snack bar was dismissed using the action button. */
|
|
5021
|
+
this._dismissedByAction = false;
|
|
5022
|
+
this.containerInstance = containerInstance;
|
|
5023
|
+
// Dismiss snackbar on action.
|
|
5024
|
+
this.onAction().subscribe(() => this.dismiss());
|
|
5025
|
+
containerInstance._onExit.subscribe(() => this.finishDismiss());
|
|
5026
|
+
}
|
|
5027
|
+
/** Dismisses the snack bar. */
|
|
5028
|
+
dismiss() {
|
|
5029
|
+
if (!this._afterDismissed.closed) {
|
|
5030
|
+
this.containerInstance.exit();
|
|
5031
|
+
}
|
|
5032
|
+
clearTimeout(this._durationTimeoutId);
|
|
5033
|
+
}
|
|
5034
|
+
/** Marks the snackbar action clicked. */
|
|
5035
|
+
dismissWithAction() {
|
|
5036
|
+
if (!this._onAction.closed) {
|
|
5037
|
+
this._dismissedByAction = true;
|
|
5038
|
+
this._onAction.next();
|
|
5039
|
+
this._onAction.complete();
|
|
5040
|
+
}
|
|
5041
|
+
}
|
|
5042
|
+
/** Dismisses the snack bar after some duration */
|
|
5043
|
+
dismissAfter(duration) {
|
|
5044
|
+
// Note that we need to cap the duration to the maximum value for setTimeout, because
|
|
5045
|
+
// it'll revert to 1 if somebody passes in something greater (e.g. `Infinity`). See #17234.
|
|
5046
|
+
// @TODO: window.setTimeout() ?
|
|
5047
|
+
this._durationTimeoutId = window.setTimeout(() => this.dismiss(), Math.min(duration, MAX_TIMEOUT));
|
|
5048
|
+
}
|
|
5049
|
+
/** Marks the snackbar as opened */
|
|
5050
|
+
open() {
|
|
5051
|
+
if (!this._afterOpened.closed) {
|
|
5052
|
+
this._afterOpened.next();
|
|
5053
|
+
this._afterOpened.complete();
|
|
5054
|
+
}
|
|
5055
|
+
}
|
|
5056
|
+
/** Gets an observable that is notified when the snack bar is finished closing. */
|
|
5057
|
+
afterDismissed() {
|
|
5058
|
+
return this._afterDismissed;
|
|
5059
|
+
}
|
|
5060
|
+
/** Gets an observable that is notified when the snack bar has opened and appeared. */
|
|
5061
|
+
afterOpened() {
|
|
5062
|
+
return this.containerInstance._onEnter;
|
|
5063
|
+
}
|
|
5064
|
+
/** Gets an observable that is notified when the snack bar action is called. */
|
|
5065
|
+
onAction() {
|
|
5066
|
+
return this._onAction;
|
|
5067
|
+
}
|
|
5068
|
+
/** Cleans up the DOM after closing. */
|
|
5069
|
+
finishDismiss() {
|
|
5070
|
+
this._overlayRef.dispose();
|
|
5071
|
+
if (!this._onAction.closed) {
|
|
5072
|
+
this._onAction.complete();
|
|
5073
|
+
}
|
|
5074
|
+
this._afterDismissed.next({ dismissedByAction: this._dismissedByAction });
|
|
5075
|
+
this._afterDismissed.complete();
|
|
5076
|
+
this._dismissedByAction = false;
|
|
5077
|
+
}
|
|
5078
|
+
}
|
|
5079
|
+
|
|
5080
|
+
/*
|
|
5081
|
+
* Copyright (c) 2023 Ville de Montreal. All rights reserved.
|
|
5082
|
+
* Licensed under the MIT license.
|
|
5083
|
+
* See LICENSE file in the project root for full license information.
|
|
5084
|
+
*/
|
|
5085
|
+
const toastTypeToAttributes = {
|
|
5086
|
+
info: {
|
|
5087
|
+
toastClass: 'bao-snackbar-info',
|
|
5088
|
+
icon: 'icon-info',
|
|
5089
|
+
iconTitle: 'Information',
|
|
5090
|
+
politeness: 'assertive'
|
|
5091
|
+
},
|
|
5092
|
+
success: {
|
|
5093
|
+
toastClass: 'bao-snackbar-success',
|
|
5094
|
+
icon: 'icon-check-circle',
|
|
5095
|
+
iconTitle: 'Succès',
|
|
5096
|
+
politeness: 'polite'
|
|
5097
|
+
},
|
|
5098
|
+
danger: {
|
|
5099
|
+
toastClass: 'bao-snackbar-danger',
|
|
5100
|
+
icon: 'icon-error',
|
|
5101
|
+
iconTitle: 'Erreur',
|
|
5102
|
+
politeness: 'assertive'
|
|
5103
|
+
}
|
|
5104
|
+
};
|
|
5105
|
+
/**
|
|
5106
|
+
* A component used to open as the default snack bar, matching material spec.
|
|
5107
|
+
* This should only be used internally by the snack bar service.
|
|
5108
|
+
*/
|
|
5109
|
+
class BaoSimpleSnackBarComponent {
|
|
5110
|
+
constructor(snackBarRef, data) {
|
|
5111
|
+
this.snackBarRef = snackBarRef;
|
|
5112
|
+
this.showCloseTitle = 'Fermer le message';
|
|
5113
|
+
this.data = data;
|
|
5114
|
+
}
|
|
5115
|
+
/** Returns the politeness */
|
|
5116
|
+
get politeness() {
|
|
5117
|
+
return (toastTypeToAttributes[this.data.toastType]?.politeness ||
|
|
5118
|
+
toastTypeToAttributes['info'].politeness);
|
|
5119
|
+
}
|
|
5120
|
+
/** Returns the toast class */
|
|
5121
|
+
get toastClass() {
|
|
5122
|
+
return (toastTypeToAttributes[this.data.toastType]?.toastClass ||
|
|
5123
|
+
toastTypeToAttributes['info'].toastClass);
|
|
5124
|
+
}
|
|
5125
|
+
/** Returns the toast icon */
|
|
5126
|
+
get toastIcon() {
|
|
5127
|
+
return (toastTypeToAttributes[this.data.toastType]?.icon ||
|
|
5128
|
+
toastTypeToAttributes['info'].icon);
|
|
5129
|
+
}
|
|
5130
|
+
/** Returns the toast icon title */
|
|
5131
|
+
get toastIconTitle() {
|
|
5132
|
+
return (toastTypeToAttributes[this.data.toastType]?.iconTitle ||
|
|
5133
|
+
toastTypeToAttributes['info'].iconTitle);
|
|
5134
|
+
}
|
|
5135
|
+
/** If the action button should be shown. */
|
|
5136
|
+
get hasAction() {
|
|
5137
|
+
return !!this.data.actionLabelOrIcon;
|
|
5138
|
+
}
|
|
5139
|
+
/** If the action is an icon */
|
|
5140
|
+
get isActionIcon() {
|
|
5141
|
+
return !!ICONS_DCT[this.data.actionLabelOrIcon];
|
|
5142
|
+
}
|
|
5143
|
+
/** Performs the action on the snack bar. */
|
|
5144
|
+
action() {
|
|
5145
|
+
this.snackBarRef.dismissWithAction();
|
|
5146
|
+
}
|
|
5147
|
+
/** Closes the snack bar. */
|
|
5148
|
+
close() {
|
|
5149
|
+
this.snackBarRef.dismiss();
|
|
5150
|
+
}
|
|
5151
|
+
}
|
|
5152
|
+
BaoSimpleSnackBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoSimpleSnackBarComponent, deps: [{ token: BaoSnackBarRef }, { token: BAO_SNACK_BAR_DATA }], target: i0.ɵɵFactoryTarget.Component });
|
|
5153
|
+
BaoSimpleSnackBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.3", type: BaoSimpleSnackBarComponent, selector: "bao-simple-snack-bar", host: { classAttribute: "bao-simple-snackbar" }, ngImport: i0, template: "<div\n class=\"bao-snackbar show\"\n [ngClass]=\"toastClass\"\n [attr.aria-live]=\"politeness\"\n aria-atomic=\"true\"\n>\n <div class=\"bao-snackbar-icon\">\n <bao-icon [svgIcon]=\"toastIcon\" [title]=\"toastIconTitle\"></bao-icon>\n </div>\n <div class=\"bao-snackbar-body\">\n {{ data.message }}\n </div>\n <div class=\"bao-snackbar-action\">\n <div *ngIf=\"hasAction\">\n <button\n bao-button\n role=\"button\"\n type=\"utility\"\n level=\"tertiary\"\n [reversed]=\"true\"\n [title]=\"data.actionLabelOrIcon\"\n (click)=\"action()\"\n >\n <bao-icon\n *ngIf=\"isActionIcon; else isActionText\"\n [svgIcon]=\"data.actionLabelOrIcon\"\n [title]=\"data.actionLabelOrIcon\"\n ></bao-icon>\n <ng-template #isActionText\n ><span>{{ data.actionLabelOrIcon }}</span></ng-template\n >\n </button>\n </div>\n <div *ngIf=\"data.showClose\">\n <button\n bao-button\n role=\"button\"\n type=\"utility\"\n level=\"tertiary\"\n [reversed]=\"true\"\n title=\"{{ showCloseTitle }}\"\n (click)=\"close()\"\n >\n <bao-icon svgIcon=\"icon-x\" title=\"{{ showCloseTitle }}\"></bao-icon>\n </button>\n </div>\n </div>\n</div>\n", styles: [".bao-container{padding-right:16px;padding-left:16px;margin-right:auto;margin-left:auto;width:100%}@media (min-width: 576px){.bao-container{max-width:576px}}@media (min-width: 768px){.bao-container{max-width:768px}}@media (min-width: 992px){.bao-container{max-width:992px}}@media (min-width: 1200px){.bao-container{max-width:1200px}}.bao-row{display:flex;flex-wrap:wrap;margin-right:-16px;margin-left:-16px}.bao-col-12,.bao-col-lg-7{position:relative;width:100%;padding-right:1rem;padding-left:1rem}@media (min-width: 992px){.bao-col-lg-7{flex:0 0 58.33333%;max-width:58.33333%}}.bao-snackbar{overflow:hidden;font-size:.875rem;line-height:1.25rem;color:#fff;background-color:#004b7b;background-clip:padding-box;box-shadow:0 2px 8px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;border-radius:.25rem;width:100%}.bao-snackbar:not(:last-child){margin-bottom:1rem}.bao-snackbar.showing{opacity:1}.bao-snackbar.show{display:inline-flex;opacity:1}.bao-snackbar.hide{display:none}@media (min-width: 768px){.bao-snackbar{margin:1rem;width:auto}}.bao-snackbar-icon{display:inline-flex;align-items:center;flex-grow:0;margin:1rem 0 1rem 1rem}.bao-snackbar-body{display:flex;align-items:center;padding:1rem;margin:0}.bao-snackbar-action{display:flex;align-items:center;margin-left:auto}.bao-snackbar-action:last-child{margin-right:.5rem}.bao-snackbar-info{color:#fff;background-color:#004b7b}.bao-snackbar-success{color:#fff;background-color:#025d29}.bao-snackbar-danger{color:#fff;background-color:#851a00}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: BaoButtonComponent, selector: "button[bao-button]", inputs: ["displayType", "level", "size", "loading", "reversed", "loadingSpinnerAriaLabel", "fullWidth"] }, { kind: "component", type: BaoIconComponent, selector: "bao-icon", inputs: ["color", "size", "svgIcon", "title"], exportAs: ["baoIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
5154
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoSimpleSnackBarComponent, decorators: [{
|
|
5155
|
+
type: Component,
|
|
5156
|
+
args: [{ selector: 'bao-simple-snack-bar', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
5157
|
+
class: 'bao-simple-snackbar'
|
|
5158
|
+
}, template: "<div\n class=\"bao-snackbar show\"\n [ngClass]=\"toastClass\"\n [attr.aria-live]=\"politeness\"\n aria-atomic=\"true\"\n>\n <div class=\"bao-snackbar-icon\">\n <bao-icon [svgIcon]=\"toastIcon\" [title]=\"toastIconTitle\"></bao-icon>\n </div>\n <div class=\"bao-snackbar-body\">\n {{ data.message }}\n </div>\n <div class=\"bao-snackbar-action\">\n <div *ngIf=\"hasAction\">\n <button\n bao-button\n role=\"button\"\n type=\"utility\"\n level=\"tertiary\"\n [reversed]=\"true\"\n [title]=\"data.actionLabelOrIcon\"\n (click)=\"action()\"\n >\n <bao-icon\n *ngIf=\"isActionIcon; else isActionText\"\n [svgIcon]=\"data.actionLabelOrIcon\"\n [title]=\"data.actionLabelOrIcon\"\n ></bao-icon>\n <ng-template #isActionText\n ><span>{{ data.actionLabelOrIcon }}</span></ng-template\n >\n </button>\n </div>\n <div *ngIf=\"data.showClose\">\n <button\n bao-button\n role=\"button\"\n type=\"utility\"\n level=\"tertiary\"\n [reversed]=\"true\"\n title=\"{{ showCloseTitle }}\"\n (click)=\"close()\"\n >\n <bao-icon svgIcon=\"icon-x\" title=\"{{ showCloseTitle }}\"></bao-icon>\n </button>\n </div>\n </div>\n</div>\n", styles: [".bao-container{padding-right:16px;padding-left:16px;margin-right:auto;margin-left:auto;width:100%}@media (min-width: 576px){.bao-container{max-width:576px}}@media (min-width: 768px){.bao-container{max-width:768px}}@media (min-width: 992px){.bao-container{max-width:992px}}@media (min-width: 1200px){.bao-container{max-width:1200px}}.bao-row{display:flex;flex-wrap:wrap;margin-right:-16px;margin-left:-16px}.bao-col-12,.bao-col-lg-7{position:relative;width:100%;padding-right:1rem;padding-left:1rem}@media (min-width: 992px){.bao-col-lg-7{flex:0 0 58.33333%;max-width:58.33333%}}.bao-snackbar{overflow:hidden;font-size:.875rem;line-height:1.25rem;color:#fff;background-color:#004b7b;background-clip:padding-box;box-shadow:0 2px 8px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;border-radius:.25rem;width:100%}.bao-snackbar:not(:last-child){margin-bottom:1rem}.bao-snackbar.showing{opacity:1}.bao-snackbar.show{display:inline-flex;opacity:1}.bao-snackbar.hide{display:none}@media (min-width: 768px){.bao-snackbar{margin:1rem;width:auto}}.bao-snackbar-icon{display:inline-flex;align-items:center;flex-grow:0;margin:1rem 0 1rem 1rem}.bao-snackbar-body{display:flex;align-items:center;padding:1rem;margin:0}.bao-snackbar-action{display:flex;align-items:center;margin-left:auto}.bao-snackbar-action:last-child{margin-right:.5rem}.bao-snackbar-info{color:#fff;background-color:#004b7b}.bao-snackbar-success{color:#fff;background-color:#025d29}.bao-snackbar-danger{color:#fff;background-color:#851a00}\n"] }]
|
|
5159
|
+
}], ctorParameters: function () { return [{ type: BaoSnackBarRef }, { type: undefined, decorators: [{
|
|
5160
|
+
type: Inject,
|
|
5161
|
+
args: [BAO_SNACK_BAR_DATA]
|
|
5162
|
+
}] }]; } });
|
|
5163
|
+
|
|
5164
|
+
/*
|
|
5165
|
+
* Copyright (c) 2023 Ville de Montreal. All rights reserved.
|
|
5166
|
+
* Licensed under the MIT license.
|
|
5167
|
+
* See LICENSE file in the project root for full license information.
|
|
5168
|
+
*/
|
|
5169
|
+
/**
|
|
5170
|
+
* Animations used by the Material snack bar.
|
|
5171
|
+
* @docs-private
|
|
5172
|
+
*/
|
|
5173
|
+
const matSnackBarAnimations = {
|
|
5174
|
+
/** Animation that shows and hides a snack bar. */
|
|
5175
|
+
snackBarState: trigger('state', [
|
|
5176
|
+
state('void, hidden', style({
|
|
5177
|
+
transform: 'scale(0.8)',
|
|
5178
|
+
opacity: 0
|
|
5179
|
+
})),
|
|
5180
|
+
state('visible', style({
|
|
5181
|
+
transform: 'scale(1)',
|
|
5182
|
+
opacity: 1
|
|
5183
|
+
})),
|
|
5184
|
+
transition('* => visible', animate('150ms cubic-bezier(0, 0, 0.2, 1)')),
|
|
5185
|
+
transition('* => void, * => hidden', animate('75ms cubic-bezier(0.4, 0.0, 1, 1)', style({
|
|
5186
|
+
opacity: 0
|
|
5187
|
+
})))
|
|
5188
|
+
])
|
|
5189
|
+
};
|
|
5190
|
+
|
|
5191
|
+
let uniqueId = 0;
|
|
5192
|
+
/**
|
|
5193
|
+
* Internal component that wraps user-provided snack bar content.
|
|
5194
|
+
* @docs-private
|
|
5195
|
+
*/
|
|
5196
|
+
class BaoSnackBarContainerComponent extends BasePortalOutlet {
|
|
5197
|
+
constructor(_ngZone, _elementRef, _changeDetectorRef, _platform,
|
|
5198
|
+
/** The snack bar configuration. */
|
|
5199
|
+
snackBarConfig) {
|
|
5200
|
+
super();
|
|
5201
|
+
this._ngZone = _ngZone;
|
|
5202
|
+
this._elementRef = _elementRef;
|
|
5203
|
+
this._changeDetectorRef = _changeDetectorRef;
|
|
5204
|
+
this._platform = _platform;
|
|
5205
|
+
this.snackBarConfig = snackBarConfig;
|
|
5206
|
+
this._document = inject(DOCUMENT);
|
|
5207
|
+
this._trackedModals = new Set();
|
|
5208
|
+
/** Subject for notifying that the snack bar has announced to screen readers. */
|
|
5209
|
+
this._onAnnounce = new Subject();
|
|
5210
|
+
/** Subject for notifying that the snack bar has exited from view. */
|
|
5211
|
+
this._onExit = new Subject();
|
|
5212
|
+
/** Subject for notifying that the snack bar has finished entering the view. */
|
|
5213
|
+
this._onEnter = new Subject();
|
|
5214
|
+
/** The state of the snack bar animations. */
|
|
5215
|
+
this._animationState = 'void';
|
|
5216
|
+
/** The number of milliseconds to wait before announcing the snack bar's content. */
|
|
5217
|
+
this._announceDelay = 150;
|
|
5218
|
+
/** Whether the component has been destroyed. */
|
|
5219
|
+
this._destroyed = false;
|
|
5220
|
+
/** Unique ID of the aria-live element. */
|
|
5221
|
+
this._liveElementId = `bao-snack-bar-container-live-${uniqueId++}`;
|
|
5222
|
+
/**
|
|
5223
|
+
* Attaches a DOM portal to the snack bar container.
|
|
5224
|
+
* @deprecated To be turned into a method.
|
|
5225
|
+
* @breaking-change 10.0.0
|
|
5226
|
+
*/
|
|
5227
|
+
this.attachDomPortal = (portal) => {
|
|
5228
|
+
this.assertNotAttached();
|
|
5229
|
+
const result = this._portalOutlet.attachDomPortal(portal);
|
|
5230
|
+
this._afterPortalAttached();
|
|
5231
|
+
return result;
|
|
5232
|
+
};
|
|
5233
|
+
// Use aria-live rather than a live role like 'alert' or 'status'
|
|
5234
|
+
// because NVDA and JAWS have show inconsistent behavior with live roles.
|
|
5235
|
+
if (snackBarConfig.politeness === 'assertive' &&
|
|
5236
|
+
!snackBarConfig.announcementMessage) {
|
|
5237
|
+
this._live = 'assertive';
|
|
5238
|
+
}
|
|
5239
|
+
else if (snackBarConfig.politeness === 'off') {
|
|
5240
|
+
this._live = 'off';
|
|
5241
|
+
}
|
|
5242
|
+
else {
|
|
5243
|
+
this._live = 'polite';
|
|
5244
|
+
}
|
|
5245
|
+
// Only set role for Firefox. Set role based on aria-live because setting role="alert" implies
|
|
5246
|
+
// aria-live="assertive" which may cause issues if aria-live is set to "polite" above.
|
|
5247
|
+
if (this._platform.FIREFOX) {
|
|
5248
|
+
if (this._live === 'polite') {
|
|
5249
|
+
this._role = 'status';
|
|
5250
|
+
}
|
|
5251
|
+
if (this._live === 'assertive') {
|
|
5252
|
+
this._role = 'alert';
|
|
5253
|
+
}
|
|
5254
|
+
}
|
|
5255
|
+
}
|
|
5256
|
+
/** Attach a component portal as content to this snack bar container. */
|
|
5257
|
+
attachComponentPortal(portal) {
|
|
5258
|
+
this.assertNotAttached();
|
|
5259
|
+
this.applySnackBarClasses();
|
|
5260
|
+
const result = this._portalOutlet.attachComponentPortal(portal);
|
|
5261
|
+
this._afterPortalAttached();
|
|
5262
|
+
return result;
|
|
5263
|
+
}
|
|
5264
|
+
/** Attach a template portal as content to this snack bar container. */
|
|
5265
|
+
attachTemplatePortal(portal) {
|
|
5266
|
+
this.assertNotAttached();
|
|
5267
|
+
this.applySnackBarClasses();
|
|
5268
|
+
const result = this._portalOutlet.attachTemplatePortal(portal);
|
|
5269
|
+
this._afterPortalAttached();
|
|
5270
|
+
return result;
|
|
5271
|
+
}
|
|
5272
|
+
/** Handle end of animations, updating the state of the snackbar. */
|
|
5273
|
+
onAnimationEnd(event) {
|
|
5274
|
+
const { fromState, toState } = event;
|
|
5275
|
+
if ((toState === 'void' && fromState !== 'void') || toState === 'hidden') {
|
|
5276
|
+
this.completeExit();
|
|
5277
|
+
}
|
|
5278
|
+
if (toState === 'visible') {
|
|
5279
|
+
// Note: we shouldn't use `this` inside the zone callback,
|
|
5280
|
+
// because it can cause a memory leak.
|
|
5281
|
+
const onEnter = this._onEnter;
|
|
5282
|
+
this._ngZone.run(() => {
|
|
5283
|
+
onEnter.next();
|
|
5284
|
+
onEnter.complete();
|
|
5285
|
+
});
|
|
5286
|
+
}
|
|
5287
|
+
}
|
|
5288
|
+
/** Begin animation of snack bar entrance into view. */
|
|
5289
|
+
enter() {
|
|
5290
|
+
if (!this._destroyed) {
|
|
5291
|
+
this._animationState = 'visible';
|
|
5292
|
+
this._changeDetectorRef.detectChanges();
|
|
5293
|
+
this.screenReaderAnnounce();
|
|
5294
|
+
}
|
|
5295
|
+
}
|
|
5296
|
+
/** Begin animation of the snack bar exiting from view. */
|
|
5297
|
+
exit() {
|
|
5298
|
+
// Note: this one transitions to `hidden`, rather than `void`, in order to handle the case
|
|
5299
|
+
// where multiple snack bars are opened in quick succession (e.g. two consecutive calls to
|
|
5300
|
+
// `MatSnackBar.open`).
|
|
5301
|
+
this._animationState = 'hidden';
|
|
5302
|
+
// Mark this element with an 'exit' attribute to indicate that the snackbar has
|
|
5303
|
+
// been dismissed and will soon be removed from the DOM. This is used by the snackbar
|
|
5304
|
+
// test harness.
|
|
5305
|
+
this._elementRef.nativeElement.setAttribute('mat-exit', '');
|
|
5306
|
+
// If the snack bar hasn't been announced by the time it exits it wouldn't have been open
|
|
5307
|
+
// long enough to visually read it either, so clear the timeout for announcing.
|
|
5308
|
+
clearTimeout(this._announceTimeoutId);
|
|
5309
|
+
return this._onExit;
|
|
5310
|
+
}
|
|
5311
|
+
/** Makes sure the exit callbacks have been invoked when the element is destroyed. */
|
|
5312
|
+
ngOnDestroy() {
|
|
5313
|
+
this._destroyed = true;
|
|
5314
|
+
this.completeExit();
|
|
5315
|
+
}
|
|
5316
|
+
/**
|
|
5317
|
+
* Waits for the zone to settle before removing the element. Helps prevent
|
|
5318
|
+
* errors where we end up removing an element which is in the middle of an animation.
|
|
5319
|
+
*/
|
|
5320
|
+
completeExit() {
|
|
5321
|
+
this._ngZone.onMicrotaskEmpty.pipe(take$1(1)).subscribe(() => {
|
|
5322
|
+
this._onExit.next();
|
|
5323
|
+
this._onExit.complete();
|
|
5324
|
+
});
|
|
5325
|
+
}
|
|
5326
|
+
/** Applies the various positioning and user-configured CSS classes to the snack bar. */
|
|
5327
|
+
applySnackBarClasses() {
|
|
5328
|
+
const element = this._elementRef.nativeElement;
|
|
5329
|
+
const panelClasses = this.snackBarConfig.panelClass;
|
|
5330
|
+
if (panelClasses) {
|
|
5331
|
+
if (Array.isArray(panelClasses)) {
|
|
5332
|
+
// Note that we can't use a spread here, because IE doesn't support multiple arguments.
|
|
5333
|
+
panelClasses.forEach(cssClass => element.classList.add(cssClass));
|
|
5334
|
+
}
|
|
5335
|
+
else {
|
|
5336
|
+
element.classList.add(panelClasses);
|
|
5337
|
+
}
|
|
5338
|
+
}
|
|
5339
|
+
if (this.snackBarConfig.horizontalPosition === 'center') {
|
|
5340
|
+
element.classList.add('bao-snack-bar-center');
|
|
5341
|
+
}
|
|
5342
|
+
if (this.snackBarConfig.verticalPosition === 'top') {
|
|
5343
|
+
element.classList.add('bao-snack-bar-top');
|
|
5344
|
+
}
|
|
5345
|
+
}
|
|
5346
|
+
/**
|
|
5347
|
+
* Called after the portal contents have been attached. Can be
|
|
5348
|
+
* used to modify the DOM once it's guaranteed to be in place.
|
|
5349
|
+
*/
|
|
5350
|
+
_afterPortalAttached() {
|
|
5351
|
+
const element = this._elementRef.nativeElement;
|
|
5352
|
+
const panelClasses = this.snackBarConfig.panelClass;
|
|
5353
|
+
if (panelClasses) {
|
|
5354
|
+
if (Array.isArray(panelClasses)) {
|
|
5355
|
+
// Note that we can't use a spread here, because IE doesn't support multiple arguments.
|
|
5356
|
+
panelClasses.forEach(cssClass => element.classList.add(cssClass));
|
|
5357
|
+
}
|
|
5358
|
+
else {
|
|
5359
|
+
element.classList.add(panelClasses);
|
|
5360
|
+
}
|
|
5361
|
+
}
|
|
5362
|
+
this._exposeToModals();
|
|
5363
|
+
}
|
|
5364
|
+
/**
|
|
5365
|
+
* Some browsers won't expose the accessibility node of the live element if there is an
|
|
5366
|
+
* `aria-modal` and the live element is outside of it. This method works around the issue by
|
|
5367
|
+
* pointing the `aria-owns` of all modals to the live element.
|
|
5368
|
+
*/
|
|
5369
|
+
_exposeToModals() {
|
|
5370
|
+
// Note that the selector here is limited to CDK overlays at the moment in order to reduce the
|
|
5371
|
+
// section of the DOM we need to look through. This should cover all the cases we support, but
|
|
5372
|
+
// the selector can be expanded if it turns out to be too narrow.
|
|
5373
|
+
const id = this._liveElementId;
|
|
5374
|
+
const modals = this._document.querySelectorAll('body > .cdk-overlay-container [aria-modal="true"]');
|
|
5375
|
+
for (let i = 0; i < modals.length; i++) {
|
|
5376
|
+
const modal = modals[i];
|
|
5377
|
+
const ariaOwns = modal.getAttribute('aria-owns');
|
|
5378
|
+
this._trackedModals.add(modal);
|
|
5379
|
+
if (!ariaOwns) {
|
|
5380
|
+
modal.setAttribute('aria-owns', id);
|
|
5381
|
+
}
|
|
5382
|
+
else if (ariaOwns.indexOf(id) === -1) {
|
|
5383
|
+
modal.setAttribute('aria-owns', ariaOwns + ' ' + id);
|
|
5384
|
+
}
|
|
5385
|
+
}
|
|
5386
|
+
}
|
|
5387
|
+
/** Clears the references to the live element from any modals it was added to. */
|
|
5388
|
+
_clearFromModals() {
|
|
5389
|
+
this._trackedModals.forEach(modal => {
|
|
5390
|
+
const ariaOwns = modal.getAttribute('aria-owns');
|
|
5391
|
+
if (ariaOwns) {
|
|
5392
|
+
const newValue = ariaOwns.replace(this._liveElementId, '').trim();
|
|
5393
|
+
if (newValue.length > 0) {
|
|
5394
|
+
modal.setAttribute('aria-owns', newValue);
|
|
5395
|
+
}
|
|
5396
|
+
else {
|
|
5397
|
+
modal.removeAttribute('aria-owns');
|
|
5398
|
+
}
|
|
5399
|
+
}
|
|
5400
|
+
});
|
|
5401
|
+
this._trackedModals.clear();
|
|
5402
|
+
}
|
|
5403
|
+
/** Asserts that no content is already attached to the container. */
|
|
5404
|
+
assertNotAttached() {
|
|
5405
|
+
if (this._portalOutlet.hasAttached()) {
|
|
5406
|
+
throw Error('Attempting to attach snack bar content after content is already attached');
|
|
5407
|
+
}
|
|
5408
|
+
}
|
|
5409
|
+
/**
|
|
5410
|
+
* Starts a timeout to move the snack bar content to the live region so screen readers will
|
|
5411
|
+
* announce it.
|
|
5412
|
+
*/
|
|
5413
|
+
screenReaderAnnounce() {
|
|
5414
|
+
if (!this._announceTimeoutId) {
|
|
5415
|
+
this._ngZone.runOutsideAngular(() => {
|
|
5416
|
+
this._announceTimeoutId = window.setTimeout(() => {
|
|
5417
|
+
const inertElement = this._elementRef.nativeElement.querySelector('[aria-hidden]');
|
|
5418
|
+
const liveElement = this._elementRef.nativeElement.querySelector('[aria-live]');
|
|
5419
|
+
if (inertElement && liveElement) {
|
|
5420
|
+
// If an element in the snack bar content is focused before being moved
|
|
5421
|
+
// track it and restore focus after moving to the live region.
|
|
5422
|
+
let focusedElement = null;
|
|
5423
|
+
if (this._platform.isBrowser &&
|
|
5424
|
+
document.activeElement instanceof HTMLElement &&
|
|
5425
|
+
inertElement.contains(document.activeElement)) {
|
|
5426
|
+
focusedElement = document.activeElement;
|
|
5427
|
+
}
|
|
5428
|
+
inertElement.removeAttribute('aria-hidden');
|
|
5429
|
+
liveElement.appendChild(inertElement);
|
|
5430
|
+
focusedElement?.focus();
|
|
5431
|
+
this._onAnnounce.next();
|
|
5432
|
+
this._onAnnounce.complete();
|
|
5433
|
+
}
|
|
5434
|
+
}, this._announceDelay);
|
|
5435
|
+
});
|
|
5436
|
+
}
|
|
5437
|
+
}
|
|
5438
|
+
}
|
|
5439
|
+
BaoSnackBarContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoSnackBarContainerComponent, deps: [{ token: i0.NgZone }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1$5.Platform }, { token: BaoSnackBarConfig }], target: i0.ɵɵFactoryTarget.Component });
|
|
5440
|
+
BaoSnackBarContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.3", type: BaoSnackBarContainerComponent, selector: "bao-snack-bar-container", host: { listeners: { "@state.done": "onAnimationEnd($event)" }, properties: { "@state": "_animationState" }, classAttribute: "bao-snack-bar-container" }, viewQueries: [{ propertyName: "_portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<!-- Initialy holds the snack bar content, will be empty after announcing to screen readers. -->\n<div aria-hidden=\"true\">\n <ng-template cdkPortalOutlet></ng-template>\n</div>\n\n<!-- Will receive the snack bar content from the non-live div, move will happen a short delay after opening -->\n<div\n [attr.aria-live]=\"_live\"\n [attr.role]=\"_role\"\n [attr.id]=\"_liveElementId\"\n></div>\n", styles: [".bao-container{padding-right:16px;padding-left:16px;margin-right:auto;margin-left:auto;width:100%}@media (min-width: 576px){.bao-container{max-width:576px}}@media (min-width: 768px){.bao-container{max-width:768px}}@media (min-width: 992px){.bao-container{max-width:992px}}@media (min-width: 1200px){.bao-container{max-width:1200px}}.bao-row{display:flex;flex-wrap:wrap;margin-right:-16px;margin-left:-16px}.bao-col-12,.bao-col-lg-7{position:relative;width:100%;padding-right:1rem;padding-left:1rem}@media (min-width: 992px){.bao-col-lg-7{flex:0 0 58.33333%;max-width:58.33333%}}.cdk-overlay-pane{width:100%}@media (min-width: 768px){.cdk-overlay-pane{margin:0;width:auto}}.bao-snack-bar-container{border-radius:.25rem;box-sizing:border-box;display:block;margin:1rem;max-width:100vw;min-width:15rem;min-height:3rem;transform-origin:center;width:100%}\n"], dependencies: [{ kind: "directive", type: i3.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], animations: [matSnackBarAnimations.snackBarState], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
|
|
5441
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoSnackBarContainerComponent, decorators: [{
|
|
5442
|
+
type: Component,
|
|
5443
|
+
args: [{ selector: 'bao-snack-bar-container', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, animations: [matSnackBarAnimations.snackBarState], host: {
|
|
5444
|
+
class: 'bao-snack-bar-container',
|
|
5445
|
+
'[@state]': '_animationState',
|
|
5446
|
+
'(@state.done)': 'onAnimationEnd($event)'
|
|
5447
|
+
}, template: "<!-- Initialy holds the snack bar content, will be empty after announcing to screen readers. -->\n<div aria-hidden=\"true\">\n <ng-template cdkPortalOutlet></ng-template>\n</div>\n\n<!-- Will receive the snack bar content from the non-live div, move will happen a short delay after opening -->\n<div\n [attr.aria-live]=\"_live\"\n [attr.role]=\"_role\"\n [attr.id]=\"_liveElementId\"\n></div>\n", styles: [".bao-container{padding-right:16px;padding-left:16px;margin-right:auto;margin-left:auto;width:100%}@media (min-width: 576px){.bao-container{max-width:576px}}@media (min-width: 768px){.bao-container{max-width:768px}}@media (min-width: 992px){.bao-container{max-width:992px}}@media (min-width: 1200px){.bao-container{max-width:1200px}}.bao-row{display:flex;flex-wrap:wrap;margin-right:-16px;margin-left:-16px}.bao-col-12,.bao-col-lg-7{position:relative;width:100%;padding-right:1rem;padding-left:1rem}@media (min-width: 992px){.bao-col-lg-7{flex:0 0 58.33333%;max-width:58.33333%}}.cdk-overlay-pane{width:100%}@media (min-width: 768px){.cdk-overlay-pane{margin:0;width:auto}}.bao-snack-bar-container{border-radius:.25rem;box-sizing:border-box;display:block;margin:1rem;max-width:100vw;min-width:15rem;min-height:3rem;transform-origin:center;width:100%}\n"] }]
|
|
5448
|
+
}], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1$5.Platform }, { type: BaoSnackBarConfig }]; }, propDecorators: { _portalOutlet: [{
|
|
5449
|
+
type: ViewChild,
|
|
5450
|
+
args: [CdkPortalOutlet, { static: true }]
|
|
5451
|
+
}] } });
|
|
5452
|
+
|
|
5453
|
+
function baoFactory() {
|
|
5454
|
+
return new BaoSnackBarConfig();
|
|
5455
|
+
}
|
|
5456
|
+
/** Injection token that can be used to specify default snack bar. */
|
|
5457
|
+
const BAO_SNACK_BAR_DEFAULT_OPTIONS = new InjectionToken('bao-snack-bar-default-options', {
|
|
5458
|
+
providedIn: 'root',
|
|
5459
|
+
factory: baoFactory
|
|
5460
|
+
});
|
|
5461
|
+
/**
|
|
5462
|
+
* Service to dispatch Material Design snack bar messages.
|
|
5463
|
+
*/
|
|
5464
|
+
class BaoSnackBarService {
|
|
5465
|
+
constructor(_overlay, _live, _injector, _parentSnackBar, _defaultConfig) {
|
|
5466
|
+
this._overlay = _overlay;
|
|
5467
|
+
this._live = _live;
|
|
5468
|
+
this._injector = _injector;
|
|
5469
|
+
this._parentSnackBar = _parentSnackBar;
|
|
5470
|
+
this._defaultConfig = _defaultConfig;
|
|
5471
|
+
/** The component that should be rendered as the snack bar's simple component. */
|
|
5472
|
+
this.simpleSnackBarComponent = BaoSimpleSnackBarComponent;
|
|
5473
|
+
/** The container component that attaches the provided template or component. */
|
|
5474
|
+
this.snackBarContainerComponent = BaoSnackBarContainerComponent;
|
|
5475
|
+
/**
|
|
5476
|
+
* Reference to the current snack bar in the view *at this level* (in the Angular injector tree).
|
|
5477
|
+
* If there is a parent snack-bar service, all operations should delegate to that parent
|
|
5478
|
+
* via `_openedSnackBarRef`.
|
|
5479
|
+
*/
|
|
5480
|
+
this._snackBarRefAtThisLevel = null;
|
|
5481
|
+
}
|
|
5482
|
+
/** Reference to the currently opened snackbar at *any* level. */
|
|
5483
|
+
get _openedSnackBarRef() {
|
|
5484
|
+
const parent = this._parentSnackBar;
|
|
5485
|
+
return parent ? parent._openedSnackBarRef : this._snackBarRefAtThisLevel;
|
|
5486
|
+
}
|
|
5487
|
+
set _openedSnackBarRef(value) {
|
|
5488
|
+
if (this._parentSnackBar) {
|
|
5489
|
+
this._parentSnackBar._openedSnackBarRef = value;
|
|
5490
|
+
}
|
|
5491
|
+
else {
|
|
5492
|
+
this._snackBarRefAtThisLevel = value;
|
|
5493
|
+
}
|
|
5494
|
+
}
|
|
5495
|
+
/**
|
|
5496
|
+
* Creates and dispatches a snack bar with a custom component for the content, removing any
|
|
5497
|
+
* currently opened snack bars.
|
|
5498
|
+
*
|
|
5499
|
+
* @param component Component to be instantiated.
|
|
5500
|
+
* @param config Extra configuration for the snack bar.
|
|
5501
|
+
*/
|
|
5502
|
+
openFromComponent(component, config) {
|
|
5503
|
+
return this.attach(component, config);
|
|
5504
|
+
}
|
|
5505
|
+
/**
|
|
5506
|
+
* Creates and dispatches a snack bar with a custom template for the content, removing any
|
|
5507
|
+
* currently opened snack bars.
|
|
5508
|
+
*
|
|
5509
|
+
* @param template Template to be instantiated.
|
|
5510
|
+
* @param config Extra configuration for the snack bar.
|
|
5511
|
+
*/
|
|
5512
|
+
openFromTemplate(template, config) {
|
|
5513
|
+
// eslint-disable-next-line @typescript-eslint/no-unsafe-return
|
|
5514
|
+
return this.attach(template, config);
|
|
5515
|
+
}
|
|
5516
|
+
/**
|
|
5517
|
+
* Opens a snackbar with a message and an optional action.
|
|
5518
|
+
* @param message The message to show in the snackbar.
|
|
5519
|
+
* @param toastType The type of of toast to display the snackbar.
|
|
5520
|
+
* @param actionLabelOrIcon The label or icon for the snackbar action.
|
|
5521
|
+
* @param showClose If true, the snackbar will require user interaction to close.
|
|
5522
|
+
* @param config Additional configuration options for the snackbar.
|
|
5523
|
+
*/
|
|
5524
|
+
open(config) {
|
|
5525
|
+
const _config = { ...this._defaultConfig, ...config };
|
|
5526
|
+
// Since the user doesn't have access to the component, we can
|
|
5527
|
+
// override the data to pass in our own message, action and type.
|
|
5528
|
+
_config.data = {
|
|
5529
|
+
message: _config.message,
|
|
5530
|
+
toastType: _config.toastType,
|
|
5531
|
+
actionLabelOrIcon: _config.actionLabelOrIcon,
|
|
5532
|
+
showClose: _config.showClose
|
|
5533
|
+
};
|
|
5534
|
+
if (_config.showClose)
|
|
5535
|
+
_config.duration = 0;
|
|
5536
|
+
if (!_config.announcementMessage) {
|
|
5537
|
+
_config.announcementMessage = _config.message;
|
|
5538
|
+
}
|
|
5539
|
+
return this.openFromComponent(this.simpleSnackBarComponent, _config);
|
|
5540
|
+
}
|
|
5541
|
+
/**
|
|
5542
|
+
* Dismisses the currently-visible snack bar.
|
|
5543
|
+
*/
|
|
5544
|
+
dismiss() {
|
|
5545
|
+
if (this._openedSnackBarRef) {
|
|
5546
|
+
this._openedSnackBarRef.dismiss();
|
|
5547
|
+
}
|
|
5548
|
+
}
|
|
5549
|
+
ngOnDestroy() {
|
|
5550
|
+
// Only dismiss the snack bar at the current level on destroy.
|
|
5551
|
+
if (this._snackBarRefAtThisLevel) {
|
|
5552
|
+
this._snackBarRefAtThisLevel.dismiss();
|
|
5553
|
+
}
|
|
5554
|
+
}
|
|
5555
|
+
/**
|
|
5556
|
+
* Attaches the snack bar container component to the overlay.
|
|
5557
|
+
*/
|
|
5558
|
+
attachSnackBarContainer(overlayRef, config) {
|
|
5559
|
+
const userInjector = config && config.viewContainerRef && config.viewContainerRef.injector;
|
|
5560
|
+
const injector = new PortalInjector(userInjector || this._injector, new WeakMap([[BaoSnackBarConfig, config]]));
|
|
5561
|
+
const containerPortal = new ComponentPortal(this.snackBarContainerComponent, config.viewContainerRef, injector);
|
|
5562
|
+
const containerRef = overlayRef.attach(containerPortal);
|
|
5563
|
+
containerRef.instance.snackBarConfig = config;
|
|
5564
|
+
return containerRef.instance;
|
|
5565
|
+
}
|
|
5566
|
+
/**
|
|
5567
|
+
* Places a new component or a template as the content of the snack bar container.
|
|
5568
|
+
*/
|
|
5569
|
+
attach(content, userConfig) {
|
|
5570
|
+
const config = {
|
|
5571
|
+
...new BaoSnackBarConfig(),
|
|
5572
|
+
...this._defaultConfig,
|
|
5573
|
+
...userConfig
|
|
5574
|
+
};
|
|
5575
|
+
const overlayRef = this.createOverlay(config);
|
|
5576
|
+
const container = this.attachSnackBarContainer(overlayRef, config);
|
|
5577
|
+
const snackBarRef = new BaoSnackBarRef(container, overlayRef);
|
|
5578
|
+
if (content instanceof TemplateRef) {
|
|
5579
|
+
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
|
|
5580
|
+
const portal = new TemplatePortal(content, null, {
|
|
5581
|
+
$implicit: config.data,
|
|
5582
|
+
snackBarRef
|
|
5583
|
+
});
|
|
5584
|
+
snackBarRef.instance = container.attachTemplatePortal(portal);
|
|
5585
|
+
}
|
|
5586
|
+
else {
|
|
5587
|
+
const injector = this.createInjector(config, snackBarRef);
|
|
5588
|
+
const portal = new ComponentPortal(content, undefined, injector);
|
|
5589
|
+
const contentRef = container.attachComponentPortal(portal);
|
|
5590
|
+
// We can't pass this via the injector, because the injector is created earlier.
|
|
5591
|
+
snackBarRef.instance = contentRef.instance;
|
|
5592
|
+
}
|
|
5593
|
+
this.animateSnackBar(snackBarRef, config);
|
|
5594
|
+
this._openedSnackBarRef = snackBarRef;
|
|
5595
|
+
// eslint-disable-next-line @typescript-eslint/no-unsafe-return
|
|
5596
|
+
return this._openedSnackBarRef;
|
|
5597
|
+
}
|
|
5598
|
+
/** Animates the old snack bar out and the new one in. */
|
|
5599
|
+
animateSnackBar(snackBarRef, config) {
|
|
5600
|
+
// When the snackbar is dismissed, clear the reference to it.
|
|
5601
|
+
snackBarRef.afterDismissed().subscribe(() => {
|
|
5602
|
+
// Clear the snackbar ref if it hasn't already been replaced by a newer snackbar.
|
|
5603
|
+
// eslint-disable-next-line eqeqeq
|
|
5604
|
+
if (this._openedSnackBarRef == snackBarRef) {
|
|
5605
|
+
this._openedSnackBarRef = null;
|
|
5606
|
+
}
|
|
5607
|
+
if (config.announcementMessage) {
|
|
5608
|
+
this._live.clear();
|
|
5609
|
+
}
|
|
5610
|
+
});
|
|
5611
|
+
if (this._openedSnackBarRef) {
|
|
5612
|
+
// If a snack bar is already in view, dismiss it and enter the
|
|
5613
|
+
// new snack bar after exit animation is complete.
|
|
5614
|
+
this._openedSnackBarRef.afterDismissed().subscribe(() => {
|
|
5615
|
+
snackBarRef.containerInstance.enter();
|
|
5616
|
+
});
|
|
5617
|
+
this._openedSnackBarRef.dismiss();
|
|
5618
|
+
}
|
|
5619
|
+
else {
|
|
5620
|
+
// If no snack bar is in view, enter the new snack bar.
|
|
5621
|
+
snackBarRef.containerInstance.enter();
|
|
5622
|
+
}
|
|
5623
|
+
// If a dismiss timeout is provided, set up dismiss based on after the snackbar is opened.
|
|
5624
|
+
if (config.duration && config.duration > 0) {
|
|
5625
|
+
snackBarRef
|
|
5626
|
+
.afterOpened()
|
|
5627
|
+
.subscribe(() => snackBarRef.dismissAfter(config.duration));
|
|
5628
|
+
}
|
|
5629
|
+
if (config.announcementMessage) {
|
|
5630
|
+
void this._live.announce(config.announcementMessage, config.politeness);
|
|
5631
|
+
}
|
|
5632
|
+
}
|
|
5633
|
+
/**
|
|
5634
|
+
* Creates a new overlay and places it in the correct location.
|
|
5635
|
+
* @param config The user-specified snack bar config.
|
|
5636
|
+
*/
|
|
5637
|
+
createOverlay(config) {
|
|
5638
|
+
const overlayConfig = new OverlayConfig();
|
|
5639
|
+
overlayConfig.direction = config.direction;
|
|
5640
|
+
const positionStrategy = this._overlay.position().global();
|
|
5641
|
+
// Set horizontal position.
|
|
5642
|
+
const isRtl = config.direction === 'rtl';
|
|
5643
|
+
const isLeft = config.horizontalPosition === 'left' ||
|
|
5644
|
+
(config.horizontalPosition === 'start' && !isRtl) ||
|
|
5645
|
+
(config.horizontalPosition === 'end' && isRtl);
|
|
5646
|
+
const isRight = !isLeft && config.horizontalPosition !== 'center';
|
|
5647
|
+
if (isLeft) {
|
|
5648
|
+
positionStrategy.left('0');
|
|
5649
|
+
}
|
|
5650
|
+
else if (isRight) {
|
|
5651
|
+
positionStrategy.right('0');
|
|
5652
|
+
}
|
|
5653
|
+
else {
|
|
5654
|
+
positionStrategy.centerHorizontally();
|
|
5655
|
+
}
|
|
5656
|
+
// Set horizontal position.
|
|
5657
|
+
if (config.verticalPosition === 'top') {
|
|
5658
|
+
positionStrategy.top('0');
|
|
5659
|
+
}
|
|
5660
|
+
else {
|
|
5661
|
+
positionStrategy.bottom('0');
|
|
5662
|
+
}
|
|
5663
|
+
overlayConfig.positionStrategy = positionStrategy;
|
|
5664
|
+
return this._overlay.create(overlayConfig);
|
|
5665
|
+
}
|
|
5666
|
+
/**
|
|
5667
|
+
* Creates an injector to be used inside of a snack bar component.
|
|
5668
|
+
* @param config Config that was used to create the snack bar.
|
|
5669
|
+
* @param snackBarRef Reference to the snack bar.
|
|
5670
|
+
*/
|
|
5671
|
+
createInjector(config, snackBarRef) {
|
|
5672
|
+
const userInjector = config && config.viewContainerRef && config.viewContainerRef.injector;
|
|
5673
|
+
return new PortalInjector(userInjector || this._injector, new WeakMap([
|
|
5674
|
+
[BaoSnackBarRef, snackBarRef],
|
|
5675
|
+
[BAO_SNACK_BAR_DATA, config.data]
|
|
5676
|
+
]));
|
|
5677
|
+
}
|
|
5678
|
+
}
|
|
5679
|
+
BaoSnackBarService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoSnackBarService, deps: [{ token: i1$4.Overlay }, { token: i1$3.LiveAnnouncer }, { token: i0.Injector }, { token: BaoSnackBarService, optional: true, skipSelf: true }, { token: BAO_SNACK_BAR_DEFAULT_OPTIONS }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
5680
|
+
BaoSnackBarService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoSnackBarService, providedIn: 'root' });
|
|
5681
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoSnackBarService, decorators: [{
|
|
5682
|
+
type: Injectable,
|
|
5683
|
+
args: [{ providedIn: 'root' }]
|
|
5684
|
+
}], ctorParameters: function () { return [{ type: i1$4.Overlay }, { type: i1$3.LiveAnnouncer }, { type: i0.Injector }, { type: BaoSnackBarService, decorators: [{
|
|
5685
|
+
type: Optional
|
|
5686
|
+
}, {
|
|
5687
|
+
type: SkipSelf
|
|
5688
|
+
}] }, { type: BaoSnackBarConfig, decorators: [{
|
|
5689
|
+
type: Inject,
|
|
5690
|
+
args: [BAO_SNACK_BAR_DEFAULT_OPTIONS]
|
|
5691
|
+
}] }]; } });
|
|
5692
|
+
|
|
5693
|
+
/*
|
|
5694
|
+
* Copyright (c) 2023 Ville de Montreal. All rights reserved.
|
|
5695
|
+
* Licensed under the MIT license.
|
|
5696
|
+
* See LICENSE file in the project root for full license information.
|
|
5697
|
+
*/
|
|
5698
|
+
const SNACKBAR_DIRECTIVES = [
|
|
5699
|
+
BaoSimpleSnackBarComponent,
|
|
5700
|
+
BaoSnackBarContainerComponent
|
|
5701
|
+
];
|
|
5702
|
+
class BaoSnackBarModule {
|
|
5703
|
+
}
|
|
5704
|
+
BaoSnackBarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoSnackBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
5705
|
+
BaoSnackBarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.3", ngImport: i0, type: BaoSnackBarModule, declarations: [BaoSimpleSnackBarComponent,
|
|
5706
|
+
BaoSnackBarContainerComponent], imports: [CommonModule,
|
|
5707
|
+
OverlayModule,
|
|
5708
|
+
PortalModule,
|
|
5709
|
+
BaoButtonModule,
|
|
5710
|
+
BaoIconModule], exports: [BaoSimpleSnackBarComponent,
|
|
5711
|
+
BaoSnackBarContainerComponent] });
|
|
5712
|
+
BaoSnackBarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoSnackBarModule, providers: [BaoSnackBarService, BaoSnackBarConfig], imports: [CommonModule,
|
|
5713
|
+
OverlayModule,
|
|
5714
|
+
PortalModule,
|
|
5715
|
+
BaoButtonModule,
|
|
5716
|
+
BaoIconModule] });
|
|
5717
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoSnackBarModule, decorators: [{
|
|
5718
|
+
type: NgModule,
|
|
5719
|
+
args: [{
|
|
5720
|
+
imports: [
|
|
5721
|
+
CommonModule,
|
|
5722
|
+
OverlayModule,
|
|
5723
|
+
PortalModule,
|
|
5724
|
+
BaoButtonModule,
|
|
5725
|
+
BaoIconModule
|
|
5726
|
+
],
|
|
5727
|
+
providers: [BaoSnackBarService, BaoSnackBarConfig],
|
|
5728
|
+
declarations: SNACKBAR_DIRECTIVES,
|
|
5729
|
+
exports: SNACKBAR_DIRECTIVES,
|
|
5730
|
+
entryComponents: [SNACKBAR_DIRECTIVES]
|
|
5731
|
+
}]
|
|
5732
|
+
}] });
|
|
5733
|
+
|
|
4951
5734
|
/*
|
|
4952
5735
|
* Copyright (c) 2023 Ville de Montreal. All rights reserved.
|
|
4953
5736
|
* Licensed under the MIT license.
|
|
@@ -4955,8 +5738,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
4955
5738
|
*/
|
|
4956
5739
|
class BaoModule {
|
|
4957
5740
|
}
|
|
4958
|
-
BaoModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4959
|
-
BaoModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
5741
|
+
BaoModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
5742
|
+
BaoModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.3", ngImport: i0, type: BaoModule, imports: [BaoIconModule,
|
|
4960
5743
|
BaoButtonModule,
|
|
4961
5744
|
BaoAlertModule,
|
|
4962
5745
|
BaoCardModule,
|
|
@@ -4978,11 +5761,11 @@ BaoModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.
|
|
|
4978
5761
|
BaoModalModule,
|
|
4979
5762
|
BaoHyperlinkModule,
|
|
4980
5763
|
BaoDropdownMenuModule,
|
|
4981
|
-
BaoFileModule
|
|
5764
|
+
BaoFileModule,
|
|
5765
|
+
BaoSnackBarModule
|
|
4982
5766
|
// TODO: reactivate once component does not depend on global css BaoBadgeModule,
|
|
4983
|
-
// TODO: reactivate once component does not depend on global css BaoSnackBarModule,
|
|
4984
5767
|
] });
|
|
4985
|
-
BaoModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
5768
|
+
BaoModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoModule, imports: [BaoIconModule,
|
|
4986
5769
|
BaoButtonModule,
|
|
4987
5770
|
BaoAlertModule,
|
|
4988
5771
|
BaoCardModule,
|
|
@@ -5004,11 +5787,11 @@ BaoModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.
|
|
|
5004
5787
|
BaoModalModule,
|
|
5005
5788
|
BaoHyperlinkModule,
|
|
5006
5789
|
BaoDropdownMenuModule,
|
|
5007
|
-
BaoFileModule
|
|
5790
|
+
BaoFileModule,
|
|
5791
|
+
BaoSnackBarModule
|
|
5008
5792
|
// TODO: reactivate once component does not depend on global css BaoBadgeModule,
|
|
5009
|
-
// TODO: reactivate once component does not depend on global css BaoSnackBarModule,
|
|
5010
5793
|
] });
|
|
5011
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
5794
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoModule, decorators: [{
|
|
5012
5795
|
type: NgModule,
|
|
5013
5796
|
args: [{
|
|
5014
5797
|
imports: [
|
|
@@ -5037,9 +5820,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
5037
5820
|
BaoModalModule,
|
|
5038
5821
|
BaoHyperlinkModule,
|
|
5039
5822
|
BaoDropdownMenuModule,
|
|
5040
|
-
BaoFileModule
|
|
5823
|
+
BaoFileModule,
|
|
5824
|
+
BaoSnackBarModule
|
|
5041
5825
|
// TODO: reactivate once component does not depend on global css BaoBadgeModule,
|
|
5042
|
-
// TODO: reactivate once component does not depend on global css BaoSnackBarModule,
|
|
5043
5826
|
]
|
|
5044
5827
|
}]
|
|
5045
5828
|
}] });
|
|
@@ -5054,9 +5837,9 @@ class BaoBadgeComponent {
|
|
|
5054
5837
|
this.type = '';
|
|
5055
5838
|
}
|
|
5056
5839
|
}
|
|
5057
|
-
BaoBadgeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
5058
|
-
BaoBadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
5059
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
5840
|
+
BaoBadgeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5841
|
+
BaoBadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.3", type: BaoBadgeComponent, selector: "bao-badge", inputs: { type: "type" }, host: { properties: { "class.positive": "type === \"success\"", "class.negative": "type === \"danger\"", "class.warning": "type === \"warning\"", "class.informative": "type === \"info\"" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:inline-block;border:.0625rem solid transparent;color:#fff;padding:0 .4375rem;border-radius:10rem;min-width:1.5rem;font-size:.875rem;font-weight:700;line-height:1.25rem;text-align:center;white-space:nowrap;overflow:hidden;vertical-align:baseline}:host.informative{background-color:#0079c4}:host.positive{background-color:#0da566}:host.warning{background-color:#ffb833;color:#000}:host.negative{background-color:#d3310a}\n"] });
|
|
5842
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoBadgeComponent, decorators: [{
|
|
5060
5843
|
type: Component,
|
|
5061
5844
|
args: [{ selector: 'bao-badge', host: {
|
|
5062
5845
|
class: '',
|
|
@@ -5077,10 +5860,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
5077
5860
|
const BADGE_DIRECTIVES = [BaoBadgeComponent];
|
|
5078
5861
|
class BaoBadgeModule {
|
|
5079
5862
|
}
|
|
5080
|
-
BaoBadgeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
5081
|
-
BaoBadgeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
5082
|
-
BaoBadgeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
5083
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
5863
|
+
BaoBadgeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
5864
|
+
BaoBadgeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.3", ngImport: i0, type: BaoBadgeModule, declarations: [BaoBadgeComponent], imports: [CommonModule], exports: [BaoBadgeComponent] });
|
|
5865
|
+
BaoBadgeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoBadgeModule, imports: [CommonModule] });
|
|
5866
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoBadgeModule, decorators: [{
|
|
5084
5867
|
type: NgModule,
|
|
5085
5868
|
args: [{
|
|
5086
5869
|
imports: [CommonModule],
|
|
@@ -5119,9 +5902,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
5119
5902
|
* See LICENSE file in the project root for full license information.
|
|
5120
5903
|
*/
|
|
5121
5904
|
|
|
5905
|
+
/*
|
|
5906
|
+
* Copyright (c) 2023 Ville de Montreal. All rights reserved.
|
|
5907
|
+
* Licensed under the MIT license.
|
|
5908
|
+
* See LICENSE file in the project root for full license information.
|
|
5909
|
+
*/
|
|
5910
|
+
|
|
5122
5911
|
/**
|
|
5123
5912
|
* Generated bundle index. Do not edit.
|
|
5124
5913
|
*/
|
|
5125
5914
|
|
|
5126
|
-
export { BAO_FILE_INTL_PROVIDER, BAO_FILE_INTL_PROVIDER_FACTORY, BAO_MODAL_DATA, BAO_RADIO_GROUP, BaoAlertActions, BaoAlertComponent, BaoAlertContent, BaoAlertLink, BaoAlertModule, BaoAlertTitle, BaoAvatarComponent, BaoAvatarContent, BaoAvatarModule, BaoBadgeComponent, BaoBadgeModule, BaoBreadcrumbComponent, BaoBreadcrumbModule, BaoButtonComponent, BaoButtonModule, BaoCardComponent, BaoCardContent, BaoCardHeader, BaoCardModule, BaoCardTextInterface, BaoCardTitle, BaoCheckBoxDescription, BaoCheckboxComponent, BaoCheckboxGroupComponent, BaoCheckboxModule, BaoCommonComponentsModule, BaoDropdownMenuComponent, BaoDropdownMenuDivider, BaoDropdownMenuItem, BaoDropdownMenuItemDescription, BaoDropdownMenuItemLabel, BaoDropdownMenuModule, BaoDropdownMenuSection, BaoDropdownMenuTrigger, BaoErrorTextComponent, BaoFileDropDirective, BaoFileDropzoneIntructions, BaoFileInputComponent, BaoFileIntl, BaoFileIntlEnglish, BaoFileModule, BaoFilePreviewComponent, BaoGuidingTextComponent, BaoHeaderInfoComponent, BaoHeaderInfoContent, BaoHeaderInfoModule, BaoHeaderInfoSubtitle, BaoHeaderInfoSurtitle, BaoHeaderInfoTitle, BaoHeaderInfoTitleGroupComponent, BaoHyperlinkComponent, BaoHyperlinkModule, BaoIconComponent, BaoIconModule, BaoLabelTextComponent, BaoList, BaoListItem, BaoListItemDescription, BaoListItemTitle, BaoListModule, BaoListSummary, BaoListSummaryItem, BaoModal, BaoModalBase, BaoModalClose, BaoModalContainer, BaoModalInitialConfig, BaoModalModule, BaoModalRef, BaoModule, BaoNavList, BaoRadioButtonComponent, BaoRadioButtonGroupComponent, BaoRadioDescription, BaoRadioModule, BaoSummaryComponent, BaoSummaryDescription, BaoSummaryModule, BaoTabHeader, BaoTabPanel, BaoTablistComponent, BaoTabsContainer, BaoTabsModule, BaoTagComponent, BaoTagModule, BaoTitleTextComponent, _BaoModalContainerBase, _closeModalVia, eModalDesktopWidthSize, eModalMobileWidthSize, throwBaoModalContentAlreadyAttachedError };
|
|
5915
|
+
export { BAO_FILE_INTL_PROVIDER, BAO_FILE_INTL_PROVIDER_FACTORY, BAO_MODAL_DATA, BAO_RADIO_GROUP, BAO_SNACK_BAR_DATA, BAO_SNACK_BAR_DEFAULT_OPTIONS, BaoAlertActions, BaoAlertComponent, BaoAlertContent, BaoAlertLink, BaoAlertModule, BaoAlertTitle, BaoAvatarComponent, BaoAvatarContent, BaoAvatarModule, BaoBadgeComponent, BaoBadgeModule, BaoBreadcrumbComponent, BaoBreadcrumbModule, BaoButtonComponent, BaoButtonModule, BaoCardComponent, BaoCardContent, BaoCardHeader, BaoCardModule, BaoCardTextInterface, BaoCardTitle, BaoCheckBoxDescription, BaoCheckboxComponent, BaoCheckboxGroupComponent, BaoCheckboxModule, BaoCommonComponentsModule, BaoDropdownMenuComponent, BaoDropdownMenuDivider, BaoDropdownMenuItem, BaoDropdownMenuItemDescription, BaoDropdownMenuItemLabel, BaoDropdownMenuModule, BaoDropdownMenuSection, BaoDropdownMenuTrigger, BaoErrorTextComponent, BaoFileDropDirective, BaoFileDropzoneIntructions, BaoFileInputComponent, BaoFileIntl, BaoFileIntlEnglish, BaoFileModule, BaoFilePreviewComponent, BaoGuidingTextComponent, BaoHeaderInfoComponent, BaoHeaderInfoContent, BaoHeaderInfoModule, BaoHeaderInfoSubtitle, BaoHeaderInfoSurtitle, BaoHeaderInfoTitle, BaoHeaderInfoTitleGroupComponent, BaoHyperlinkComponent, BaoHyperlinkModule, BaoIconComponent, BaoIconModule, BaoLabelTextComponent, BaoList, BaoListItem, BaoListItemDescription, BaoListItemTitle, BaoListModule, BaoListSummary, BaoListSummaryItem, BaoModal, BaoModalBase, BaoModalClose, BaoModalContainer, BaoModalInitialConfig, BaoModalModule, BaoModalRef, BaoModule, BaoNavList, BaoRadioButtonComponent, BaoRadioButtonGroupComponent, BaoRadioDescription, BaoRadioModule, BaoSimpleSnackBarComponent, BaoSnackBarConfig, BaoSnackBarContainerComponent, BaoSnackBarModule, BaoSnackBarRef, BaoSnackBarService, BaoSummaryComponent, BaoSummaryDescription, BaoSummaryModule, BaoTabHeader, BaoTabPanel, BaoTablistComponent, BaoTabsContainer, BaoTabsModule, BaoTagComponent, BaoTagModule, BaoTitleTextComponent, _BaoModalContainerBase, _closeModalVia, baoFactory, eModalDesktopWidthSize, eModalMobileWidthSize, throwBaoModalContentAlreadyAttachedError };
|
|
5127
5916
|
//# sourceMappingURL=villedemontreal-angular-ui.mjs.map
|