@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,31 +12,34 @@ 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
17
|
import { __awaiter } from 'tslib';
|
|
18
|
+
import * as i1$5 from '@angular/cdk/platform';
|
|
18
19
|
import { _getFocusedElementPierceShadowDom } from '@angular/cdk/platform';
|
|
19
20
|
import { ESCAPE, hasModifierKey } from '@angular/cdk/keycodes';
|
|
21
|
+
import { take as take$1 } from 'rxjs/operators';
|
|
22
|
+
import { trigger, state, style, transition, animate } from '@angular/animations';
|
|
20
23
|
|
|
21
24
|
function baoColorToHex(baoColor) {
|
|
22
25
|
switch (baoColor) {
|
|
23
|
-
case "action" /* ACTION */:
|
|
26
|
+
case "action" /* BaoColors.ACTION */:
|
|
24
27
|
return '#097D6C';
|
|
25
|
-
case "primary" /* PRIMARY */:
|
|
28
|
+
case "primary" /* BaoColors.PRIMARY */:
|
|
26
29
|
return '#000000';
|
|
27
|
-
case "primary-reversed" /* PRIMARY_REVERSED */:
|
|
30
|
+
case "primary-reversed" /* BaoColors.PRIMARY_REVERSED */:
|
|
28
31
|
return '#FFFFFF';
|
|
29
|
-
case "secondary" /* SECONDARY */:
|
|
32
|
+
case "secondary" /* BaoColors.SECONDARY */:
|
|
30
33
|
return '#637381';
|
|
31
|
-
case "tertiary" /* TERTIARY */:
|
|
34
|
+
case "tertiary" /* BaoColors.TERTIARY */:
|
|
32
35
|
return '#ADB5BD';
|
|
33
|
-
case "informative" /* INFORMATIVE */:
|
|
36
|
+
case "informative" /* BaoColors.INFORMATIVE */:
|
|
34
37
|
return '#0079C4';
|
|
35
|
-
case "negative" /* NEGATIVE */:
|
|
38
|
+
case "negative" /* BaoColors.NEGATIVE */:
|
|
36
39
|
return '#D3310A';
|
|
37
|
-
case "positive" /* POSITIVE */:
|
|
40
|
+
case "positive" /* BaoColors.POSITIVE */:
|
|
38
41
|
return '#0DA566';
|
|
39
|
-
case "warning" /* WARNING */:
|
|
42
|
+
case "warning" /* BaoColors.WARNING */:
|
|
40
43
|
return '#FFB833';
|
|
41
44
|
default:
|
|
42
45
|
return '#097D6C';
|
|
@@ -197,9 +200,9 @@ class BaoIconDictionary {
|
|
|
197
200
|
return svg;
|
|
198
201
|
}
|
|
199
202
|
}
|
|
200
|
-
BaoIconDictionary.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
201
|
-
BaoIconDictionary.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
202
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
203
|
+
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 });
|
|
204
|
+
BaoIconDictionary.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoIconDictionary, providedIn: 'root' });
|
|
205
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoIconDictionary, decorators: [{
|
|
203
206
|
type: Injectable,
|
|
204
207
|
args: [{ providedIn: 'root' }]
|
|
205
208
|
}], ctorParameters: function () {
|
|
@@ -335,9 +338,9 @@ class BaoIconComponent {
|
|
|
335
338
|
: '';
|
|
336
339
|
}
|
|
337
340
|
}
|
|
338
|
-
BaoIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
339
|
-
BaoIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
340
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
341
|
+
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 });
|
|
342
|
+
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 });
|
|
343
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoIconComponent, decorators: [{
|
|
341
344
|
type: Component,
|
|
342
345
|
args: [{ template: '<ng-content></ng-content>', selector: 'bao-icon', exportAs: 'baoIcon', host: {
|
|
343
346
|
role: 'img',
|
|
@@ -369,10 +372,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
369
372
|
const ICON_DIRECTIVES = [BaoIconComponent];
|
|
370
373
|
class BaoIconModule {
|
|
371
374
|
}
|
|
372
|
-
BaoIconModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
373
|
-
BaoIconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
374
|
-
BaoIconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
375
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
375
|
+
BaoIconModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
376
|
+
BaoIconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.3", ngImport: i0, type: BaoIconModule, declarations: [BaoIconComponent], imports: [CommonModule], exports: [BaoIconComponent] });
|
|
377
|
+
BaoIconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoIconModule, imports: [CommonModule] });
|
|
378
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoIconModule, decorators: [{
|
|
376
379
|
type: NgModule,
|
|
377
380
|
args: [{
|
|
378
381
|
imports: [CommonModule],
|
|
@@ -442,9 +445,9 @@ class BaoButtonComponent {
|
|
|
442
445
|
this.cdr.detectChanges();
|
|
443
446
|
}
|
|
444
447
|
}
|
|
445
|
-
BaoButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
446
|
-
BaoButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
447
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
448
|
+
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 });
|
|
449
|
+
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 });
|
|
450
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoButtonComponent, decorators: [{
|
|
448
451
|
type: Component,
|
|
449
452
|
args: [{ selector: 'button[bao-button]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
450
453
|
class: 'bao-button',
|
|
@@ -485,10 +488,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
485
488
|
const BUTTON_DIRECTIVES = [BaoButtonComponent];
|
|
486
489
|
class BaoButtonModule {
|
|
487
490
|
}
|
|
488
|
-
BaoButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
489
|
-
BaoButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
490
|
-
BaoButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
491
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
491
|
+
BaoButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
492
|
+
BaoButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.3", ngImport: i0, type: BaoButtonModule, declarations: [BaoButtonComponent], imports: [CommonModule, BaoIconModule], exports: [BaoButtonComponent, BaoIconModule] });
|
|
493
|
+
BaoButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoButtonModule, imports: [CommonModule, BaoIconModule, BaoIconModule] });
|
|
494
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoButtonModule, decorators: [{
|
|
492
495
|
type: NgModule,
|
|
493
496
|
args: [{
|
|
494
497
|
imports: [CommonModule, BaoIconModule],
|
|
@@ -517,9 +520,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
517
520
|
*/
|
|
518
521
|
class BaoAlertTitle {
|
|
519
522
|
}
|
|
520
|
-
BaoAlertTitle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
521
|
-
BaoAlertTitle.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
522
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
523
|
+
BaoAlertTitle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoAlertTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
524
|
+
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 });
|
|
525
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoAlertTitle, decorators: [{
|
|
523
526
|
type: Directive,
|
|
524
527
|
args: [{
|
|
525
528
|
selector: 'bao-alert-title',
|
|
@@ -535,9 +538,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
535
538
|
*/
|
|
536
539
|
class BaoAlertContent {
|
|
537
540
|
}
|
|
538
|
-
BaoAlertContent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
539
|
-
BaoAlertContent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
540
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
541
|
+
BaoAlertContent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoAlertContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
542
|
+
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 });
|
|
543
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoAlertContent, decorators: [{
|
|
541
544
|
type: Directive,
|
|
542
545
|
args: [{
|
|
543
546
|
selector: 'bao-alert-content',
|
|
@@ -553,9 +556,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
553
556
|
*/
|
|
554
557
|
class BaoAlertActions {
|
|
555
558
|
}
|
|
556
|
-
BaoAlertActions.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
557
|
-
BaoAlertActions.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
558
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
559
|
+
BaoAlertActions.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoAlertActions, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
560
|
+
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 });
|
|
561
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoAlertActions, decorators: [{
|
|
559
562
|
type: Directive,
|
|
560
563
|
args: [{
|
|
561
564
|
selector: 'bao-alert-actions',
|
|
@@ -574,9 +577,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
574
577
|
*/
|
|
575
578
|
class BaoAlertLink {
|
|
576
579
|
}
|
|
577
|
-
BaoAlertLink.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
578
|
-
BaoAlertLink.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
579
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
580
|
+
BaoAlertLink.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoAlertLink, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
581
|
+
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 });
|
|
582
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoAlertLink, decorators: [{
|
|
580
583
|
type: Directive,
|
|
581
584
|
args: [{
|
|
582
585
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
@@ -633,9 +636,9 @@ class BaoAlertComponent {
|
|
|
633
636
|
this.dismiss.emit();
|
|
634
637
|
}
|
|
635
638
|
}
|
|
636
|
-
BaoAlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
637
|
-
BaoAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
638
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
639
|
+
BaoAlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
640
|
+
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 });
|
|
641
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoAlertComponent, decorators: [{
|
|
639
642
|
type: Component,
|
|
640
643
|
args: [{ selector: 'bao-alert', encapsulation: ViewEncapsulation.None, host: {
|
|
641
644
|
class: 'bao-alert bao-alert-with-icon bao-alert-dismissible fade show',
|
|
@@ -668,8 +671,8 @@ const ALERT_DIRECTIVES = [
|
|
|
668
671
|
];
|
|
669
672
|
class BaoAlertModule {
|
|
670
673
|
}
|
|
671
|
-
BaoAlertModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
672
|
-
BaoAlertModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
674
|
+
BaoAlertModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
675
|
+
BaoAlertModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.3", ngImport: i0, type: BaoAlertModule, declarations: [BaoAlertTitle,
|
|
673
676
|
BaoAlertContent,
|
|
674
677
|
BaoAlertActions,
|
|
675
678
|
BaoAlertLink,
|
|
@@ -678,8 +681,8 @@ BaoAlertModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version:
|
|
|
678
681
|
BaoAlertActions,
|
|
679
682
|
BaoAlertLink,
|
|
680
683
|
BaoAlertComponent, BaoIconModule, BaoButtonModule] });
|
|
681
|
-
BaoAlertModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
682
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
684
|
+
BaoAlertModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoAlertModule, imports: [CommonModule, BaoIconModule, BaoButtonModule, BaoIconModule, BaoButtonModule] });
|
|
685
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoAlertModule, decorators: [{
|
|
683
686
|
type: NgModule,
|
|
684
687
|
args: [{
|
|
685
688
|
imports: [CommonModule, BaoIconModule, BaoButtonModule],
|
|
@@ -716,9 +719,9 @@ class BaoBreadcrumbComponent {
|
|
|
716
719
|
this.renderer.setAttribute(children[children.length - 1], Object.keys(LAST_NODE_ATTRIBUTE)[0], Object.values(LAST_NODE_ATTRIBUTE)[0]);
|
|
717
720
|
}
|
|
718
721
|
}
|
|
719
|
-
BaoBreadcrumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
720
|
-
BaoBreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
721
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
722
|
+
BaoBreadcrumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoBreadcrumbComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
723
|
+
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 });
|
|
724
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoBreadcrumbComponent, decorators: [{
|
|
722
725
|
type: Component,
|
|
723
726
|
args: [{ selector: 'bao-breadcrumb', encapsulation: ViewEncapsulation.None, host: {
|
|
724
727
|
class: 'bao-breadcrumb'
|
|
@@ -736,10 +739,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
736
739
|
const BREADCRUMB_DIRECTIVES = [BaoBreadcrumbComponent];
|
|
737
740
|
class BaoBreadcrumbModule {
|
|
738
741
|
}
|
|
739
|
-
BaoBreadcrumbModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
740
|
-
BaoBreadcrumbModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
741
|
-
BaoBreadcrumbModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
742
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
742
|
+
BaoBreadcrumbModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoBreadcrumbModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
743
|
+
BaoBreadcrumbModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.3", ngImport: i0, type: BaoBreadcrumbModule, declarations: [BaoBreadcrumbComponent], imports: [CommonModule, ObserversModule], exports: [BaoBreadcrumbComponent] });
|
|
744
|
+
BaoBreadcrumbModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoBreadcrumbModule, imports: [CommonModule, ObserversModule] });
|
|
745
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoBreadcrumbModule, decorators: [{
|
|
743
746
|
type: NgModule,
|
|
744
747
|
args: [{
|
|
745
748
|
imports: [CommonModule, ObserversModule],
|
|
@@ -780,9 +783,9 @@ class BaoCardComponent {
|
|
|
780
783
|
this.padding = 'normal';
|
|
781
784
|
}
|
|
782
785
|
}
|
|
783
|
-
BaoCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
784
|
-
BaoCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
785
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
786
|
+
BaoCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
787
|
+
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 });
|
|
788
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoCardComponent, decorators: [{
|
|
786
789
|
type: Component,
|
|
787
790
|
args: [{ selector: 'bao-card, [bao-card], [baoCard]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
788
791
|
class: 'bao-card',
|
|
@@ -796,9 +799,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
796
799
|
*/
|
|
797
800
|
class BaoCardHeader {
|
|
798
801
|
}
|
|
799
|
-
BaoCardHeader.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
800
|
-
BaoCardHeader.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
801
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
802
|
+
BaoCardHeader.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoCardHeader, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
803
|
+
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 });
|
|
804
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoCardHeader, decorators: [{
|
|
802
805
|
type: Directive,
|
|
803
806
|
args: [{
|
|
804
807
|
selector: 'bao-card-header, [bao-card-header], [baoCardHeader]',
|
|
@@ -810,9 +813,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
810
813
|
*/
|
|
811
814
|
class BaoCardContent {
|
|
812
815
|
}
|
|
813
|
-
BaoCardContent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
814
|
-
BaoCardContent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
815
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
816
|
+
BaoCardContent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoCardContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
817
|
+
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 });
|
|
818
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoCardContent, decorators: [{
|
|
816
819
|
type: Directive,
|
|
817
820
|
args: [{
|
|
818
821
|
selector: 'bao-card-content, [bao-card-content], [baoCardContent]',
|
|
@@ -824,9 +827,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
824
827
|
*/
|
|
825
828
|
class BaoCardTitle {
|
|
826
829
|
}
|
|
827
|
-
BaoCardTitle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
828
|
-
BaoCardTitle.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
829
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
830
|
+
BaoCardTitle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoCardTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
831
|
+
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 });
|
|
832
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoCardTitle, decorators: [{
|
|
830
833
|
type: Directive,
|
|
831
834
|
args: [{
|
|
832
835
|
selector: `bao-card-title, [bao-card-title], [baoCardTitle]`,
|
|
@@ -840,9 +843,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
840
843
|
*/
|
|
841
844
|
class BaoCardTextInterface {
|
|
842
845
|
}
|
|
843
|
-
BaoCardTextInterface.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
844
|
-
BaoCardTextInterface.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
845
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
846
|
+
BaoCardTextInterface.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoCardTextInterface, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
847
|
+
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 });
|
|
848
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoCardTextInterface, decorators: [{
|
|
846
849
|
type: Directive,
|
|
847
850
|
args: [{
|
|
848
851
|
selector: `bao-card-text-interface, [bao-card-text-interface], [baoCardTextInterface]`,
|
|
@@ -866,8 +869,8 @@ const CARD_DIRECTIVES = [
|
|
|
866
869
|
];
|
|
867
870
|
class BaoCardModule {
|
|
868
871
|
}
|
|
869
|
-
BaoCardModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
870
|
-
BaoCardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
872
|
+
BaoCardModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
873
|
+
BaoCardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.3", ngImport: i0, type: BaoCardModule, declarations: [BaoCardComponent,
|
|
871
874
|
BaoCardContent,
|
|
872
875
|
BaoCardHeader,
|
|
873
876
|
BaoCardTextInterface,
|
|
@@ -876,8 +879,8 @@ BaoCardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version:
|
|
|
876
879
|
BaoCardHeader,
|
|
877
880
|
BaoCardTextInterface,
|
|
878
881
|
BaoCardTitle] });
|
|
879
|
-
BaoCardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
880
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
882
|
+
BaoCardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoCardModule, imports: [CommonModule] });
|
|
883
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoCardModule, decorators: [{
|
|
881
884
|
type: NgModule,
|
|
882
885
|
args: [{
|
|
883
886
|
imports: [CommonModule],
|
|
@@ -899,9 +902,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
899
902
|
*/
|
|
900
903
|
class BaoErrorTextComponent {
|
|
901
904
|
}
|
|
902
|
-
BaoErrorTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
903
|
-
BaoErrorTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
904
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
905
|
+
BaoErrorTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoErrorTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
906
|
+
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 });
|
|
907
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoErrorTextComponent, decorators: [{
|
|
905
908
|
type: Component,
|
|
906
909
|
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"] }]
|
|
907
910
|
}] });
|
|
@@ -913,9 +916,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
913
916
|
*/
|
|
914
917
|
class BaoGuidingTextComponent {
|
|
915
918
|
}
|
|
916
|
-
BaoGuidingTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
917
|
-
BaoGuidingTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
918
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
919
|
+
BaoGuidingTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoGuidingTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
920
|
+
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 });
|
|
921
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoGuidingTextComponent, decorators: [{
|
|
919
922
|
type: Component,
|
|
920
923
|
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"] }]
|
|
921
924
|
}] });
|
|
@@ -930,9 +933,9 @@ class BaoLabelTextComponent {
|
|
|
930
933
|
this.required = false;
|
|
931
934
|
}
|
|
932
935
|
}
|
|
933
|
-
BaoLabelTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
934
|
-
BaoLabelTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
935
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
936
|
+
BaoLabelTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoLabelTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
937
|
+
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 });
|
|
938
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoLabelTextComponent, decorators: [{
|
|
936
939
|
type: Component,
|
|
937
940
|
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"] }]
|
|
938
941
|
}], propDecorators: { required: [{
|
|
@@ -946,9 +949,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
946
949
|
*/
|
|
947
950
|
class BaoTitleTextComponent {
|
|
948
951
|
}
|
|
949
|
-
BaoTitleTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
950
|
-
BaoTitleTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
951
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
952
|
+
BaoTitleTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoTitleTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
953
|
+
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 });
|
|
954
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoTitleTextComponent, decorators: [{
|
|
952
955
|
type: Component,
|
|
953
956
|
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"] }]
|
|
954
957
|
}] });
|
|
@@ -966,16 +969,16 @@ const DIRECTIVES$2 = [
|
|
|
966
969
|
];
|
|
967
970
|
class BaoCommonComponentsModule {
|
|
968
971
|
}
|
|
969
|
-
BaoCommonComponentsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
970
|
-
BaoCommonComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
972
|
+
BaoCommonComponentsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoCommonComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
973
|
+
BaoCommonComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.3", ngImport: i0, type: BaoCommonComponentsModule, declarations: [BaoErrorTextComponent,
|
|
971
974
|
BaoGuidingTextComponent,
|
|
972
975
|
BaoLabelTextComponent,
|
|
973
976
|
BaoTitleTextComponent], imports: [CommonModule], exports: [BaoErrorTextComponent,
|
|
974
977
|
BaoGuidingTextComponent,
|
|
975
978
|
BaoLabelTextComponent,
|
|
976
979
|
BaoTitleTextComponent] });
|
|
977
|
-
BaoCommonComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
978
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
980
|
+
BaoCommonComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoCommonComponentsModule, imports: [CommonModule] });
|
|
981
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoCommonComponentsModule, decorators: [{
|
|
979
982
|
type: NgModule,
|
|
980
983
|
args: [{
|
|
981
984
|
imports: [CommonModule],
|
|
@@ -1027,9 +1030,9 @@ class BaoCheckboxGroupComponent {
|
|
|
1027
1030
|
this.ariaDescribedby = value ? `${this.id}-ariadescribedby` : undefined;
|
|
1028
1031
|
}
|
|
1029
1032
|
}
|
|
1030
|
-
BaoCheckboxGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1031
|
-
BaoCheckboxGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1032
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1033
|
+
BaoCheckboxGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoCheckboxGroupComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
1034
|
+
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 });
|
|
1035
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoCheckboxGroupComponent, decorators: [{
|
|
1033
1036
|
type: Component,
|
|
1034
1037
|
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"] }]
|
|
1035
1038
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { id: [{
|
|
@@ -1212,11 +1215,11 @@ class BaoCheckboxComponent {
|
|
|
1212
1215
|
*/
|
|
1213
1216
|
getAriaState() {
|
|
1214
1217
|
if (this.checked) {
|
|
1215
|
-
return "true" /* TRUE */;
|
|
1218
|
+
return "true" /* eCheckboxAriaState.TRUE */;
|
|
1216
1219
|
}
|
|
1217
1220
|
return this.indeterminate
|
|
1218
|
-
? "mixed" /* MIXED */
|
|
1219
|
-
: "false" /* FALSE */;
|
|
1221
|
+
? "mixed" /* eCheckboxAriaState.MIXED */
|
|
1222
|
+
: "false" /* eCheckboxAriaState.FALSE */;
|
|
1220
1223
|
}
|
|
1221
1224
|
/**
|
|
1222
1225
|
* Emit new values whenever the checkbox object has change.
|
|
@@ -1272,15 +1275,15 @@ class BaoCheckboxComponent {
|
|
|
1272
1275
|
this.checked = !this.checked;
|
|
1273
1276
|
}
|
|
1274
1277
|
}
|
|
1275
|
-
BaoCheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1276
|
-
BaoCheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1278
|
+
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 });
|
|
1279
|
+
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: [
|
|
1277
1280
|
{
|
|
1278
1281
|
provide: NG_VALUE_ACCESSOR,
|
|
1279
1282
|
useExisting: forwardRef(() => BaoCheckboxComponent),
|
|
1280
1283
|
multi: true
|
|
1281
1284
|
}
|
|
1282
1285
|
], 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 });
|
|
1283
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1286
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoCheckboxComponent, decorators: [{
|
|
1284
1287
|
type: Component,
|
|
1285
1288
|
args: [{ selector: 'bao-checkbox, [bao-checkbox]', providers: [
|
|
1286
1289
|
{
|
|
@@ -1329,9 +1332,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
1329
1332
|
}] } });
|
|
1330
1333
|
class BaoCheckBoxDescription {
|
|
1331
1334
|
}
|
|
1332
|
-
BaoCheckBoxDescription.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1333
|
-
BaoCheckBoxDescription.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1334
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1335
|
+
BaoCheckBoxDescription.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoCheckBoxDescription, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
1336
|
+
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 });
|
|
1337
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoCheckBoxDescription, decorators: [{
|
|
1335
1338
|
type: Directive,
|
|
1336
1339
|
args: [{
|
|
1337
1340
|
selector: 'bao-checkbox-description, [bao-checkbox-description], [baoCheckboxDescription]',
|
|
@@ -1351,14 +1354,14 @@ const CHECKBOX_DIRECTIVES = [
|
|
|
1351
1354
|
];
|
|
1352
1355
|
class BaoCheckboxModule {
|
|
1353
1356
|
}
|
|
1354
|
-
BaoCheckboxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1355
|
-
BaoCheckboxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
1357
|
+
BaoCheckboxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1358
|
+
BaoCheckboxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.3", ngImport: i0, type: BaoCheckboxModule, declarations: [BaoCheckboxComponent,
|
|
1356
1359
|
BaoCheckboxGroupComponent,
|
|
1357
1360
|
BaoCheckBoxDescription], imports: [CommonModule, BaoCommonComponentsModule, ObserversModule], exports: [BaoCheckboxComponent,
|
|
1358
1361
|
BaoCheckboxGroupComponent,
|
|
1359
1362
|
BaoCheckBoxDescription] });
|
|
1360
|
-
BaoCheckboxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1361
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1363
|
+
BaoCheckboxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoCheckboxModule, imports: [CommonModule, BaoCommonComponentsModule, ObserversModule] });
|
|
1364
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoCheckboxModule, decorators: [{
|
|
1362
1365
|
type: NgModule,
|
|
1363
1366
|
args: [{
|
|
1364
1367
|
imports: [CommonModule, BaoCommonComponentsModule, ObserversModule],
|
|
@@ -1402,9 +1405,9 @@ class BaoHeaderInfoComponent {
|
|
|
1402
1405
|
this.brandBorder = false;
|
|
1403
1406
|
}
|
|
1404
1407
|
}
|
|
1405
|
-
BaoHeaderInfoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1406
|
-
BaoHeaderInfoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1407
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1408
|
+
BaoHeaderInfoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoHeaderInfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1409
|
+
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 });
|
|
1410
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoHeaderInfoComponent, decorators: [{
|
|
1408
1411
|
type: Component,
|
|
1409
1412
|
args: [{ selector: 'bao-header-info', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
1410
1413
|
class: 'bao-document-heading',
|
|
@@ -1419,9 +1422,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
1419
1422
|
}] } });
|
|
1420
1423
|
class BaoHeaderInfoTitleGroupComponent {
|
|
1421
1424
|
}
|
|
1422
|
-
BaoHeaderInfoTitleGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1423
|
-
BaoHeaderInfoTitleGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1424
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1425
|
+
BaoHeaderInfoTitleGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoHeaderInfoTitleGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1426
|
+
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 });
|
|
1427
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoHeaderInfoTitleGroupComponent, decorators: [{
|
|
1425
1428
|
type: Component,
|
|
1426
1429
|
args: [{ selector: 'bao-header-info-title-group', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
1427
1430
|
class: 'bao-header-info-title-group'
|
|
@@ -1429,9 +1432,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
1429
1432
|
}] });
|
|
1430
1433
|
class BaoHeaderInfoContent {
|
|
1431
1434
|
}
|
|
1432
|
-
BaoHeaderInfoContent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1433
|
-
BaoHeaderInfoContent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1434
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1435
|
+
BaoHeaderInfoContent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoHeaderInfoContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
1436
|
+
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 });
|
|
1437
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoHeaderInfoContent, decorators: [{
|
|
1435
1438
|
type: Directive,
|
|
1436
1439
|
args: [{
|
|
1437
1440
|
selector: 'bao-header-info-content',
|
|
@@ -1442,9 +1445,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
1442
1445
|
}] });
|
|
1443
1446
|
class BaoHeaderInfoSurtitle {
|
|
1444
1447
|
}
|
|
1445
|
-
BaoHeaderInfoSurtitle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1446
|
-
BaoHeaderInfoSurtitle.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1447
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1448
|
+
BaoHeaderInfoSurtitle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoHeaderInfoSurtitle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
1449
|
+
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 });
|
|
1450
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoHeaderInfoSurtitle, decorators: [{
|
|
1448
1451
|
type: Directive,
|
|
1449
1452
|
args: [{
|
|
1450
1453
|
selector: 'bao-header-info-surtitle, [bao-header-info-surtitle], [baoHeaderInfoSurtitle]',
|
|
@@ -1455,9 +1458,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
1455
1458
|
}] });
|
|
1456
1459
|
class BaoHeaderInfoSubtitle {
|
|
1457
1460
|
}
|
|
1458
|
-
BaoHeaderInfoSubtitle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1459
|
-
BaoHeaderInfoSubtitle.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1460
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1461
|
+
BaoHeaderInfoSubtitle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoHeaderInfoSubtitle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
1462
|
+
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 });
|
|
1463
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoHeaderInfoSubtitle, decorators: [{
|
|
1461
1464
|
type: Directive,
|
|
1462
1465
|
args: [{
|
|
1463
1466
|
selector: 'bao-header-info-subtitle, [bao-header-info-subtitle], [baoHeaderInfoSubtitle]',
|
|
@@ -1468,9 +1471,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
1468
1471
|
}] });
|
|
1469
1472
|
class BaoHeaderInfoTitle {
|
|
1470
1473
|
}
|
|
1471
|
-
BaoHeaderInfoTitle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1472
|
-
BaoHeaderInfoTitle.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1473
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1474
|
+
BaoHeaderInfoTitle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoHeaderInfoTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
1475
|
+
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 });
|
|
1476
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoHeaderInfoTitle, decorators: [{
|
|
1474
1477
|
type: Directive,
|
|
1475
1478
|
args: [{
|
|
1476
1479
|
selector: 'bao-header-info-title, [bao-header-info-title], [baoHeaderInfoTitle]',
|
|
@@ -1495,8 +1498,8 @@ const DIRECTIVES$1 = [
|
|
|
1495
1498
|
];
|
|
1496
1499
|
class BaoHeaderInfoModule {
|
|
1497
1500
|
}
|
|
1498
|
-
BaoHeaderInfoModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1499
|
-
BaoHeaderInfoModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
1501
|
+
BaoHeaderInfoModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoHeaderInfoModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1502
|
+
BaoHeaderInfoModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.3", ngImport: i0, type: BaoHeaderInfoModule, declarations: [BaoHeaderInfoComponent,
|
|
1500
1503
|
BaoHeaderInfoContent,
|
|
1501
1504
|
BaoHeaderInfoTitleGroupComponent,
|
|
1502
1505
|
BaoHeaderInfoSubtitle,
|
|
@@ -1507,8 +1510,8 @@ BaoHeaderInfoModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", ver
|
|
|
1507
1510
|
BaoHeaderInfoSubtitle,
|
|
1508
1511
|
BaoHeaderInfoSurtitle,
|
|
1509
1512
|
BaoHeaderInfoTitle] });
|
|
1510
|
-
BaoHeaderInfoModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1511
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1513
|
+
BaoHeaderInfoModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoHeaderInfoModule, imports: [CommonModule] });
|
|
1514
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoHeaderInfoModule, decorators: [{
|
|
1512
1515
|
type: NgModule,
|
|
1513
1516
|
args: [{
|
|
1514
1517
|
imports: [CommonModule],
|
|
@@ -1536,9 +1539,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
1536
1539
|
*/
|
|
1537
1540
|
class BaoListItem {
|
|
1538
1541
|
}
|
|
1539
|
-
BaoListItem.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1540
|
-
BaoListItem.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1541
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1542
|
+
BaoListItem.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoListItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1543
|
+
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 });
|
|
1544
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoListItem, decorators: [{
|
|
1542
1545
|
type: Component,
|
|
1543
1546
|
args: [{ selector: 'bao-list-item, [bao-list-item]', encapsulation: ViewEncapsulation.None, host: {
|
|
1544
1547
|
class: 'bao-list-item',
|
|
@@ -1547,9 +1550,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
1547
1550
|
}] });
|
|
1548
1551
|
class BaoList {
|
|
1549
1552
|
}
|
|
1550
|
-
BaoList.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1551
|
-
BaoList.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1552
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1553
|
+
BaoList.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoList, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
1554
|
+
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 });
|
|
1555
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoList, decorators: [{
|
|
1553
1556
|
type: Directive,
|
|
1554
1557
|
args: [{
|
|
1555
1558
|
selector: 'bao-list, [bao-list]',
|
|
@@ -1561,9 +1564,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
1561
1564
|
}] });
|
|
1562
1565
|
class BaoNavList {
|
|
1563
1566
|
}
|
|
1564
|
-
BaoNavList.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1565
|
-
BaoNavList.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1566
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1567
|
+
BaoNavList.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoNavList, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
1568
|
+
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 });
|
|
1569
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoNavList, decorators: [{
|
|
1567
1570
|
type: Directive,
|
|
1568
1571
|
args: [{
|
|
1569
1572
|
selector: 'bao-nav-list, [bao-nav-list]',
|
|
@@ -1575,9 +1578,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
1575
1578
|
}] });
|
|
1576
1579
|
class BaoListItemDescription {
|
|
1577
1580
|
}
|
|
1578
|
-
BaoListItemDescription.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1579
|
-
BaoListItemDescription.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1580
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1581
|
+
BaoListItemDescription.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoListItemDescription, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
1582
|
+
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 });
|
|
1583
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoListItemDescription, decorators: [{
|
|
1581
1584
|
type: Directive,
|
|
1582
1585
|
args: [{
|
|
1583
1586
|
selector: 'bao-list-item-description, [bao-list-item-description]',
|
|
@@ -1588,9 +1591,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
1588
1591
|
}] });
|
|
1589
1592
|
class BaoListItemTitle {
|
|
1590
1593
|
}
|
|
1591
|
-
BaoListItemTitle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1592
|
-
BaoListItemTitle.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1593
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1594
|
+
BaoListItemTitle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoListItemTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
1595
|
+
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 });
|
|
1596
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoListItemTitle, decorators: [{
|
|
1594
1597
|
type: Directive,
|
|
1595
1598
|
args: [{
|
|
1596
1599
|
selector: 'bao-list-item-title, [bao-list-item-title]',
|
|
@@ -1614,8 +1617,8 @@ const DIRECTIVES = [
|
|
|
1614
1617
|
];
|
|
1615
1618
|
class BaoListModule {
|
|
1616
1619
|
}
|
|
1617
|
-
BaoListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1618
|
-
BaoListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
1620
|
+
BaoListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1621
|
+
BaoListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.3", ngImport: i0, type: BaoListModule, declarations: [BaoListItem,
|
|
1619
1622
|
BaoList,
|
|
1620
1623
|
BaoNavList,
|
|
1621
1624
|
BaoListItemDescription,
|
|
@@ -1624,8 +1627,8 @@ BaoListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version:
|
|
|
1624
1627
|
BaoNavList,
|
|
1625
1628
|
BaoListItemDescription,
|
|
1626
1629
|
BaoListItemTitle] });
|
|
1627
|
-
BaoListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1628
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1630
|
+
BaoListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoListModule, imports: [CommonModule] });
|
|
1631
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoListModule, decorators: [{
|
|
1629
1632
|
type: NgModule,
|
|
1630
1633
|
args: [{
|
|
1631
1634
|
imports: [CommonModule],
|
|
@@ -1840,8 +1843,8 @@ class BaoRadioButtonGroupComponent {
|
|
|
1840
1843
|
this.ariaDescribedby = value ? `${this.id}-ariadescribedby` : null;
|
|
1841
1844
|
}
|
|
1842
1845
|
}
|
|
1843
|
-
BaoRadioButtonGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1844
|
-
BaoRadioButtonGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1846
|
+
BaoRadioButtonGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoRadioButtonGroupComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
1847
|
+
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: [
|
|
1845
1848
|
{
|
|
1846
1849
|
provide: NG_VALUE_ACCESSOR,
|
|
1847
1850
|
useExisting: forwardRef(() => BaoRadioButtonGroupComponent),
|
|
@@ -1849,7 +1852,7 @@ BaoRadioButtonGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14
|
|
|
1849
1852
|
},
|
|
1850
1853
|
{ provide: BAO_RADIO_GROUP, useExisting: BaoRadioButtonGroupComponent }
|
|
1851
1854
|
], 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 });
|
|
1852
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1855
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoRadioButtonGroupComponent, decorators: [{
|
|
1853
1856
|
type: Component,
|
|
1854
1857
|
args: [{ selector: 'bao-radio-button-group, [bao-radio-button-group], [baoRadioButtonGroup]', exportAs: 'baoRadioGroup', encapsulation: ViewEncapsulation.None, providers: [
|
|
1855
1858
|
{
|
|
@@ -2098,15 +2101,15 @@ class BaoRadioButtonComponent {
|
|
|
2098
2101
|
}
|
|
2099
2102
|
}
|
|
2100
2103
|
}
|
|
2101
|
-
BaoRadioButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2102
|
-
BaoRadioButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2104
|
+
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 });
|
|
2105
|
+
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: [
|
|
2103
2106
|
{
|
|
2104
2107
|
provide: NG_VALUE_ACCESSOR,
|
|
2105
2108
|
useExisting: forwardRef(() => BaoRadioButtonComponent),
|
|
2106
2109
|
multi: true
|
|
2107
2110
|
}
|
|
2108
2111
|
], 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 });
|
|
2109
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2112
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoRadioButtonComponent, decorators: [{
|
|
2110
2113
|
type: Component,
|
|
2111
2114
|
args: [{ selector: 'bao-radio-button, [bao-radio-button]', providers: [
|
|
2112
2115
|
{
|
|
@@ -2158,9 +2161,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
2158
2161
|
}] } });
|
|
2159
2162
|
class BaoRadioDescription {
|
|
2160
2163
|
}
|
|
2161
|
-
BaoRadioDescription.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2162
|
-
BaoRadioDescription.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2163
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2164
|
+
BaoRadioDescription.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoRadioDescription, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
2165
|
+
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 });
|
|
2166
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoRadioDescription, decorators: [{
|
|
2164
2167
|
type: Directive,
|
|
2165
2168
|
args: [{
|
|
2166
2169
|
selector: 'bao-radio-button-description, [bao-radio-button-description], [baoRadioButtonDescription]',
|
|
@@ -2180,8 +2183,8 @@ const RADIO_DIRECTIVES = [
|
|
|
2180
2183
|
];
|
|
2181
2184
|
class BaoRadioModule {
|
|
2182
2185
|
}
|
|
2183
|
-
BaoRadioModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2184
|
-
BaoRadioModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
2186
|
+
BaoRadioModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoRadioModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2187
|
+
BaoRadioModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.3", ngImport: i0, type: BaoRadioModule, declarations: [BaoRadioButtonComponent,
|
|
2185
2188
|
BaoRadioDescription,
|
|
2186
2189
|
BaoRadioButtonGroupComponent], imports: [CommonModule,
|
|
2187
2190
|
FormsModule,
|
|
@@ -2191,13 +2194,13 @@ BaoRadioModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version:
|
|
|
2191
2194
|
ObserversModule], exports: [BaoRadioButtonComponent,
|
|
2192
2195
|
BaoRadioDescription,
|
|
2193
2196
|
BaoRadioButtonGroupComponent] });
|
|
2194
|
-
BaoRadioModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
2197
|
+
BaoRadioModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoRadioModule, imports: [CommonModule,
|
|
2195
2198
|
FormsModule,
|
|
2196
2199
|
ReactiveFormsModule,
|
|
2197
2200
|
BaoCommonComponentsModule,
|
|
2198
2201
|
BaoButtonModule,
|
|
2199
2202
|
ObserversModule] });
|
|
2200
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2203
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoRadioModule, decorators: [{
|
|
2201
2204
|
type: NgModule,
|
|
2202
2205
|
args: [{
|
|
2203
2206
|
imports: [
|
|
@@ -2267,9 +2270,9 @@ class BaoTagComponent {
|
|
|
2267
2270
|
}
|
|
2268
2271
|
}
|
|
2269
2272
|
}
|
|
2270
|
-
BaoTagComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2271
|
-
BaoTagComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2272
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2273
|
+
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 });
|
|
2274
|
+
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 });
|
|
2275
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoTagComponent, decorators: [{
|
|
2273
2276
|
type: Component,
|
|
2274
2277
|
args: [{ selector: 'bao-tag, [bao-tag], [baoTag]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
2275
2278
|
class: 'bao-tag',
|
|
@@ -2300,10 +2303,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
2300
2303
|
const TAG_DIRECTIVES = [BaoTagComponent];
|
|
2301
2304
|
class BaoTagModule {
|
|
2302
2305
|
}
|
|
2303
|
-
BaoTagModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2304
|
-
BaoTagModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
2305
|
-
BaoTagModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
2306
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2306
|
+
BaoTagModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoTagModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2307
|
+
BaoTagModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.3", ngImport: i0, type: BaoTagModule, declarations: [BaoTagComponent], imports: [CommonModule], exports: [BaoTagComponent] });
|
|
2308
|
+
BaoTagModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoTagModule, imports: [CommonModule] });
|
|
2309
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoTagModule, decorators: [{
|
|
2307
2310
|
type: NgModule,
|
|
2308
2311
|
args: [{
|
|
2309
2312
|
imports: [CommonModule],
|
|
@@ -2332,7 +2335,7 @@ class BaoSummaryComponent {
|
|
|
2332
2335
|
* RESPONSIVE (viewport width <=> is 576px)
|
|
2333
2336
|
* COMPACT (viewport width < 576px)
|
|
2334
2337
|
*/
|
|
2335
|
-
this.displayMode = "responsive" /* RESPONSIVE */;
|
|
2338
|
+
this.displayMode = "responsive" /* EDisplayMode.RESPONSIVE */;
|
|
2336
2339
|
/**
|
|
2337
2340
|
* Initialize the ID for summary
|
|
2338
2341
|
*/
|
|
@@ -2384,9 +2387,9 @@ class BaoSummaryComponent {
|
|
|
2384
2387
|
return element;
|
|
2385
2388
|
}
|
|
2386
2389
|
}
|
|
2387
|
-
BaoSummaryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2388
|
-
BaoSummaryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2389
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2390
|
+
BaoSummaryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoSummaryComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2391
|
+
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 });
|
|
2392
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoSummaryComponent, decorators: [{
|
|
2390
2393
|
type: Component,
|
|
2391
2394
|
args: [{ selector: 'bao-summary, [bao-summary], [baoSummary]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
2392
2395
|
class: 'bao-summary',
|
|
@@ -2399,9 +2402,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
2399
2402
|
}] } });
|
|
2400
2403
|
class BaoSummaryDescription {
|
|
2401
2404
|
}
|
|
2402
|
-
BaoSummaryDescription.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2403
|
-
BaoSummaryDescription.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2404
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2405
|
+
BaoSummaryDescription.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoSummaryDescription, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
2406
|
+
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 });
|
|
2407
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoSummaryDescription, decorators: [{
|
|
2405
2408
|
type: Directive,
|
|
2406
2409
|
args: [{
|
|
2407
2410
|
selector: 'bao-summary-description, [bao-summary-description], [baoSummaryDescription]',
|
|
@@ -2416,9 +2419,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
2416
2419
|
*/
|
|
2417
2420
|
class BaoListSummaryItem {
|
|
2418
2421
|
}
|
|
2419
|
-
BaoListSummaryItem.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2420
|
-
BaoListSummaryItem.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2421
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2422
|
+
BaoListSummaryItem.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoListSummaryItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2423
|
+
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 });
|
|
2424
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoListSummaryItem, decorators: [{
|
|
2422
2425
|
type: Component,
|
|
2423
2426
|
args: [{ selector: 'bao-list-summary-item, [bao-list-summary-item], [baoListSummaryItem]', template: `<ng-content></ng-content>`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
2424
2427
|
class: 'bao-list-summary-item',
|
|
@@ -2427,9 +2430,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
2427
2430
|
}] });
|
|
2428
2431
|
class BaoListSummary {
|
|
2429
2432
|
}
|
|
2430
|
-
BaoListSummary.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2431
|
-
BaoListSummary.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2432
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2433
|
+
BaoListSummary.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoListSummary, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2434
|
+
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 });
|
|
2435
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoListSummary, decorators: [{
|
|
2433
2436
|
type: Component,
|
|
2434
2437
|
args: [{ selector: 'bao-list-summary, [bao-list-summary], [baoListSummary]', template: `<ng-content></ng-content>`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
2435
2438
|
class: 'bao-list-summary',
|
|
@@ -2450,16 +2453,16 @@ const SUMMARY_DIRECTIVES = [
|
|
|
2450
2453
|
];
|
|
2451
2454
|
class BaoSummaryModule {
|
|
2452
2455
|
}
|
|
2453
|
-
BaoSummaryModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2454
|
-
BaoSummaryModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
2456
|
+
BaoSummaryModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoSummaryModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2457
|
+
BaoSummaryModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.3", ngImport: i0, type: BaoSummaryModule, declarations: [BaoSummaryComponent,
|
|
2455
2458
|
BaoSummaryDescription,
|
|
2456
2459
|
BaoListSummary,
|
|
2457
2460
|
BaoListSummaryItem], imports: [CommonModule, BaoCommonComponentsModule], exports: [BaoSummaryComponent,
|
|
2458
2461
|
BaoSummaryDescription,
|
|
2459
2462
|
BaoListSummary,
|
|
2460
2463
|
BaoListSummaryItem] });
|
|
2461
|
-
BaoSummaryModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
2462
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2464
|
+
BaoSummaryModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoSummaryModule, imports: [CommonModule, BaoCommonComponentsModule] });
|
|
2465
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoSummaryModule, decorators: [{
|
|
2463
2466
|
type: NgModule,
|
|
2464
2467
|
args: [{
|
|
2465
2468
|
imports: [CommonModule, BaoCommonComponentsModule],
|
|
@@ -2481,9 +2484,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
2481
2484
|
*/
|
|
2482
2485
|
class BaoAvatarContent {
|
|
2483
2486
|
}
|
|
2484
|
-
BaoAvatarContent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2485
|
-
BaoAvatarContent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2486
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2487
|
+
BaoAvatarContent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoAvatarContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
2488
|
+
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 });
|
|
2489
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoAvatarContent, decorators: [{
|
|
2487
2490
|
type: Directive,
|
|
2488
2491
|
args: [{
|
|
2489
2492
|
selector: 'bao-avatar-content, [bao-avatar-content]',
|
|
@@ -2551,9 +2554,9 @@ class BaoAvatarComponent {
|
|
|
2551
2554
|
this.renderer.addClass(this.nativeElement, 'display-color');
|
|
2552
2555
|
}
|
|
2553
2556
|
}
|
|
2554
|
-
BaoAvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2555
|
-
BaoAvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2556
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2557
|
+
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 });
|
|
2558
|
+
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 });
|
|
2559
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoAvatarComponent, decorators: [{
|
|
2557
2560
|
type: Component,
|
|
2558
2561
|
args: [{ selector: 'bao-avatar', encapsulation: ViewEncapsulation.None, host: {
|
|
2559
2562
|
class: 'bao-avatar',
|
|
@@ -2582,10 +2585,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
2582
2585
|
const AVATAR_DIRECTIVES = [BaoAvatarComponent, BaoAvatarContent];
|
|
2583
2586
|
class BaoAvatarModule {
|
|
2584
2587
|
}
|
|
2585
|
-
BaoAvatarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2586
|
-
BaoAvatarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
2587
|
-
BaoAvatarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
2588
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2588
|
+
BaoAvatarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2589
|
+
BaoAvatarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.3", ngImport: i0, type: BaoAvatarModule, declarations: [BaoAvatarComponent, BaoAvatarContent], imports: [CommonModule], exports: [BaoAvatarComponent, BaoAvatarContent] });
|
|
2590
|
+
BaoAvatarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoAvatarModule, imports: [CommonModule] });
|
|
2591
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoAvatarModule, decorators: [{
|
|
2589
2592
|
type: NgModule,
|
|
2590
2593
|
args: [{
|
|
2591
2594
|
imports: [CommonModule],
|
|
@@ -2631,9 +2634,9 @@ class BaoTabHeader {
|
|
|
2631
2634
|
this.renderer.setAttribute(this.nativeElement, 'tabindex', '-1');
|
|
2632
2635
|
}
|
|
2633
2636
|
}
|
|
2634
|
-
BaoTabHeader.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2635
|
-
BaoTabHeader.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2636
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2637
|
+
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 });
|
|
2638
|
+
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 });
|
|
2639
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoTabHeader, decorators: [{
|
|
2637
2640
|
type: Directive,
|
|
2638
2641
|
args: [{
|
|
2639
2642
|
selector: 'bao-tab-header, [bao-tab-header]',
|
|
@@ -2663,9 +2666,9 @@ class BaoTabPanel {
|
|
|
2663
2666
|
this.renderer.setAttribute(this.nativeElement, 'aria-expanded', 'false');
|
|
2664
2667
|
}
|
|
2665
2668
|
}
|
|
2666
|
-
BaoTabPanel.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2667
|
-
BaoTabPanel.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2668
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2669
|
+
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 });
|
|
2670
|
+
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 });
|
|
2671
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoTabPanel, decorators: [{
|
|
2669
2672
|
type: Directive,
|
|
2670
2673
|
args: [{
|
|
2671
2674
|
selector: 'bao-panel, [bao-panel]',
|
|
@@ -2797,9 +2800,9 @@ class BaoTablistComponent {
|
|
|
2797
2800
|
return nextIndexInTablist.toString();
|
|
2798
2801
|
}
|
|
2799
2802
|
}
|
|
2800
|
-
BaoTablistComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2801
|
-
BaoTablistComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2802
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2803
|
+
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 });
|
|
2804
|
+
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 });
|
|
2805
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoTablistComponent, decorators: [{
|
|
2803
2806
|
type: Component,
|
|
2804
2807
|
args: [{ selector: 'bao-tablist, [bao-tablist]', encapsulation: ViewEncapsulation.None, host: {
|
|
2805
2808
|
class: 'bao-tablist',
|
|
@@ -2877,9 +2880,9 @@ class BaoTabsContainer {
|
|
|
2877
2880
|
});
|
|
2878
2881
|
}
|
|
2879
2882
|
}
|
|
2880
|
-
BaoTabsContainer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2881
|
-
BaoTabsContainer.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2882
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2883
|
+
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 });
|
|
2884
|
+
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 });
|
|
2885
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoTabsContainer, decorators: [{
|
|
2883
2886
|
type: Directive,
|
|
2884
2887
|
args: [{
|
|
2885
2888
|
selector: 'bao-tabs, [bao-tabs]',
|
|
@@ -2906,16 +2909,16 @@ const TABS_DIRECTIVES = [
|
|
|
2906
2909
|
];
|
|
2907
2910
|
class BaoTabsModule {
|
|
2908
2911
|
}
|
|
2909
|
-
BaoTabsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2910
|
-
BaoTabsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
2912
|
+
BaoTabsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoTabsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2913
|
+
BaoTabsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.3", ngImport: i0, type: BaoTabsModule, declarations: [BaoTabsContainer,
|
|
2911
2914
|
BaoTablistComponent,
|
|
2912
2915
|
BaoTabHeader,
|
|
2913
2916
|
BaoTabPanel], imports: [CommonModule], exports: [BaoTabsContainer,
|
|
2914
2917
|
BaoTablistComponent,
|
|
2915
2918
|
BaoTabHeader,
|
|
2916
2919
|
BaoTabPanel] });
|
|
2917
|
-
BaoTabsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
2918
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2920
|
+
BaoTabsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoTabsModule, imports: [CommonModule] });
|
|
2921
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoTabsModule, decorators: [{
|
|
2919
2922
|
type: NgModule,
|
|
2920
2923
|
args: [{
|
|
2921
2924
|
imports: [CommonModule],
|
|
@@ -3178,9 +3181,9 @@ class _BaoModalContainerBase extends BasePortalOutlet {
|
|
|
3178
3181
|
return element === activeElement || element.contains(activeElement);
|
|
3179
3182
|
}
|
|
3180
3183
|
}
|
|
3181
|
-
_BaoModalContainerBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3182
|
-
_BaoModalContainerBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
3183
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3184
|
+
_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 });
|
|
3185
|
+
_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 });
|
|
3186
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: _BaoModalContainerBase, decorators: [{
|
|
3184
3187
|
type: Directive
|
|
3185
3188
|
}], ctorParameters: function () {
|
|
3186
3189
|
return [{ type: i0.ElementRef }, { type: i1$3.ConfigurableFocusTrapFactory }, { type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
|
|
@@ -3217,9 +3220,9 @@ class BaoModalContainer extends _BaoModalContainerBase {
|
|
|
3217
3220
|
this._animationStateChanged.next({ state: 'opened', totalTime });
|
|
3218
3221
|
}
|
|
3219
3222
|
}
|
|
3220
|
-
BaoModalContainer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3221
|
-
BaoModalContainer.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
3222
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3223
|
+
BaoModalContainer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoModalContainer, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
3224
|
+
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 });
|
|
3225
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoModalContainer, decorators: [{
|
|
3223
3226
|
type: Component,
|
|
3224
3227
|
args: [{ selector: 'bao-modal-container', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.Default, host: {
|
|
3225
3228
|
class: 'bao-modal-container',
|
|
@@ -3230,18 +3233,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
3230
3233
|
'[attr.aria-labelledby]': '_config.ariaLabel ? null : _ariaLabelledBy',
|
|
3231
3234
|
'[attr.aria-label]': '_config.ariaLabel',
|
|
3232
3235
|
'[attr.aria-describedby]': '_config.ariaDescribedBy || null'
|
|
3233
|
-
}, 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;
|
|
3236
|
+
}, 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"] }]
|
|
3234
3237
|
}] });
|
|
3235
3238
|
|
|
3236
3239
|
// Counter for unique modal ids.
|
|
3237
|
-
let uniqueId = 0;
|
|
3240
|
+
let uniqueId$1 = 0;
|
|
3238
3241
|
/**
|
|
3239
3242
|
* Reference to a modal opened via the BaoModalService.
|
|
3240
3243
|
*/
|
|
3241
3244
|
class BaoModalRef {
|
|
3242
3245
|
constructor(_overlayRef, _containerInstance,
|
|
3243
3246
|
/** Id of the modal. */
|
|
3244
|
-
id = `bao-modal-${uniqueId++}`) {
|
|
3247
|
+
id = `bao-modal-${uniqueId$1++}`) {
|
|
3245
3248
|
this._overlayRef = _overlayRef;
|
|
3246
3249
|
this._containerInstance = _containerInstance;
|
|
3247
3250
|
this.id = id;
|
|
@@ -3254,7 +3257,7 @@ class BaoModalRef {
|
|
|
3254
3257
|
/** Subject for notifying the user that the modal has started closing. */
|
|
3255
3258
|
this._beforeClosed = new Subject();
|
|
3256
3259
|
/** Current state of the modal. */
|
|
3257
|
-
this._state = 0 /* OPEN */;
|
|
3260
|
+
this._state = 0 /* BaoModalState.OPEN */;
|
|
3258
3261
|
// Pass the id along to the container.
|
|
3259
3262
|
_containerInstance._id = id;
|
|
3260
3263
|
// Emit when opening animation completes
|
|
@@ -3319,7 +3322,7 @@ class BaoModalRef {
|
|
|
3319
3322
|
// vast majority of cases the timeout will have been cleared before it has the chance to fire.
|
|
3320
3323
|
this._closeFallbackTimeout = setTimeout(() => this._finishModalClose(), event.totalTime + 100);
|
|
3321
3324
|
});
|
|
3322
|
-
this._state = 1 /* CLOSING */;
|
|
3325
|
+
this._state = 1 /* BaoModalState.CLOSING */;
|
|
3323
3326
|
this._containerInstance._startExitAnimation();
|
|
3324
3327
|
}
|
|
3325
3328
|
startOpenAnimation() {
|
|
@@ -3406,7 +3409,7 @@ class BaoModalRef {
|
|
|
3406
3409
|
* and disposing the overlay.
|
|
3407
3410
|
*/
|
|
3408
3411
|
_finishModalClose() {
|
|
3409
|
-
this._state = 2 /* CLOSED */;
|
|
3412
|
+
this._state = 2 /* BaoModalState.CLOSED */;
|
|
3410
3413
|
this._overlayRef.dispose();
|
|
3411
3414
|
}
|
|
3412
3415
|
/** Fetches the position strategy object from the overlay ref. */
|
|
@@ -3665,9 +3668,9 @@ class BaoModalBase {
|
|
|
3665
3668
|
});
|
|
3666
3669
|
}
|
|
3667
3670
|
}
|
|
3668
|
-
BaoModalBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3669
|
-
BaoModalBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
3670
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3671
|
+
BaoModalBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoModalBase, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
|
|
3672
|
+
BaoModalBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.3", type: BaoModalBase, ngImport: i0 });
|
|
3673
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoModalBase, decorators: [{
|
|
3671
3674
|
type: Directive
|
|
3672
3675
|
}], 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 }]; } });
|
|
3673
3676
|
/**
|
|
@@ -3678,9 +3681,9 @@ class BaoModal extends BaoModalBase {
|
|
|
3678
3681
|
super(overlay, injector, parentModal, overlayContainer, BaoModalRef, BaoModalContainer, BAO_MODAL_DATA);
|
|
3679
3682
|
}
|
|
3680
3683
|
}
|
|
3681
|
-
BaoModal.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3682
|
-
BaoModal.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
3683
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3684
|
+
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 });
|
|
3685
|
+
BaoModal.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoModal });
|
|
3686
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoModal, decorators: [{
|
|
3684
3687
|
type: Injectable
|
|
3685
3688
|
}], ctorParameters: function () {
|
|
3686
3689
|
return [{ type: i1$4.Overlay }, { type: i0.Injector }, { type: BaoModal, decorators: [{
|
|
@@ -3731,9 +3734,9 @@ class BaoModalClose {
|
|
|
3731
3734
|
_closeModalVia(this.modalRef, event.screenX === 0 && event.screenY === 0 ? 'keyboard' : 'mouse', this.dialogResult);
|
|
3732
3735
|
}
|
|
3733
3736
|
}
|
|
3734
|
-
BaoModalClose.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3735
|
-
BaoModalClose.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
3736
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3737
|
+
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 });
|
|
3738
|
+
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 });
|
|
3739
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoModalClose, decorators: [{
|
|
3737
3740
|
type: Directive,
|
|
3738
3741
|
args: [{
|
|
3739
3742
|
selector: '[bao-modal-close], [baoModalClose]',
|
|
@@ -3779,10 +3782,10 @@ function getClosestDialog(element, openDialogs) {
|
|
|
3779
3782
|
const MODAL_DIRECTIVES = [BaoModalContainer, BaoModalClose];
|
|
3780
3783
|
class BaoModalModule {
|
|
3781
3784
|
}
|
|
3782
|
-
BaoModalModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3783
|
-
BaoModalModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
3784
|
-
BaoModalModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
3785
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3785
|
+
BaoModalModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
3786
|
+
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] });
|
|
3787
|
+
BaoModalModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoModalModule, providers: [BaoModal], imports: [CommonModule, OverlayModule, PortalModule] });
|
|
3788
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoModalModule, decorators: [{
|
|
3786
3789
|
type: NgModule,
|
|
3787
3790
|
args: [{
|
|
3788
3791
|
imports: [CommonModule, OverlayModule, PortalModule],
|
|
@@ -3851,9 +3854,9 @@ class BaoHyperlinkComponent {
|
|
|
3851
3854
|
}
|
|
3852
3855
|
}
|
|
3853
3856
|
}
|
|
3854
|
-
BaoHyperlinkComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3855
|
-
BaoHyperlinkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
3856
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3857
|
+
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 });
|
|
3858
|
+
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 });
|
|
3859
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoHyperlinkComponent, decorators: [{
|
|
3857
3860
|
type: Component,
|
|
3858
3861
|
args: [{ selector: 'bao-hyperlink, [bao-hyperlink]', encapsulation: ViewEncapsulation.None, host: {
|
|
3859
3862
|
class: 'bao-hyperlink',
|
|
@@ -3873,10 +3876,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
3873
3876
|
const HYPERLINK_DIRECTIVES = [BaoHyperlinkComponent];
|
|
3874
3877
|
class BaoHyperlinkModule {
|
|
3875
3878
|
}
|
|
3876
|
-
BaoHyperlinkModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3877
|
-
BaoHyperlinkModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
3878
|
-
BaoHyperlinkModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
3879
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3879
|
+
BaoHyperlinkModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoHyperlinkModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
3880
|
+
BaoHyperlinkModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.3", ngImport: i0, type: BaoHyperlinkModule, declarations: [BaoHyperlinkComponent], imports: [CommonModule], exports: [BaoHyperlinkComponent] });
|
|
3881
|
+
BaoHyperlinkModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoHyperlinkModule, imports: [CommonModule] });
|
|
3882
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoHyperlinkModule, decorators: [{
|
|
3880
3883
|
type: NgModule,
|
|
3881
3884
|
args: [{
|
|
3882
3885
|
imports: [CommonModule],
|
|
@@ -3909,6 +3912,10 @@ class BaoDropdownMenuItem {
|
|
|
3909
3912
|
* Is the list item disabled
|
|
3910
3913
|
*/
|
|
3911
3914
|
this.disabled = false;
|
|
3915
|
+
/**
|
|
3916
|
+
* Emits when menu item is clicked
|
|
3917
|
+
*/
|
|
3918
|
+
this.itemClicked = new EventEmitter();
|
|
3912
3919
|
}
|
|
3913
3920
|
get nativeElement() {
|
|
3914
3921
|
return this.elementRef.nativeElement;
|
|
@@ -3989,20 +3996,26 @@ class BaoDropdownMenuItem {
|
|
|
3989
3996
|
}
|
|
3990
3997
|
}
|
|
3991
3998
|
/**
|
|
3992
|
-
* This method propagates a click event to menu item children with inputs (checkbox, radio button)
|
|
3999
|
+
* This method propagates a click event to menu item children with inputs (checkbox, radio button).
|
|
4000
|
+
* It emits event to close menu if item does not contain an input.
|
|
3993
4001
|
*/
|
|
3994
4002
|
propagateClick() {
|
|
4003
|
+
let closeMenu = true;
|
|
3995
4004
|
for (let i = 0; i < this.nativeElement.children.length; i++) {
|
|
3996
4005
|
if (this.nativeElement.children.item(i).firstElementChild.localName ==
|
|
3997
4006
|
'input') {
|
|
3998
4007
|
this.nativeElement.children.item(i).firstElementChild.click();
|
|
4008
|
+
closeMenu = false;
|
|
3999
4009
|
}
|
|
4000
4010
|
}
|
|
4011
|
+
if (closeMenu) {
|
|
4012
|
+
this.itemClicked.emit();
|
|
4013
|
+
}
|
|
4001
4014
|
}
|
|
4002
4015
|
}
|
|
4003
|
-
BaoDropdownMenuItem.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4004
|
-
BaoDropdownMenuItem.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
4005
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4016
|
+
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 });
|
|
4017
|
+
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 });
|
|
4018
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoDropdownMenuItem, decorators: [{
|
|
4006
4019
|
type: Directive,
|
|
4007
4020
|
args: [{
|
|
4008
4021
|
selector: 'bao-dropdown-menu-item, [bao-dropdown-menu-item]',
|
|
@@ -4013,6 +4026,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
4013
4026
|
}]
|
|
4014
4027
|
}], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: BaoDropdownMenuComponent }]; }, propDecorators: { disabled: [{
|
|
4015
4028
|
type: Input
|
|
4029
|
+
}], itemClicked: [{
|
|
4030
|
+
type: Output
|
|
4016
4031
|
}], spaceKeyEvent: [{
|
|
4017
4032
|
type: HostListener,
|
|
4018
4033
|
args: ['window:keyup.space']
|
|
@@ -4021,7 +4036,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
4021
4036
|
args: ['click', ['$event.target']]
|
|
4022
4037
|
}], enterKeyEvent: [{
|
|
4023
4038
|
type: HostListener,
|
|
4024
|
-
args: ['window:
|
|
4039
|
+
args: ['window:keyup.enter']
|
|
4025
4040
|
}] } });
|
|
4026
4041
|
class BaoDropdownMenuComponent {
|
|
4027
4042
|
constructor(cdr, renderer, elementRef) {
|
|
@@ -4099,6 +4114,9 @@ class BaoDropdownMenuComponent {
|
|
|
4099
4114
|
this.renderer.setAttribute(this.nativeElement, 'id', this.menuId);
|
|
4100
4115
|
this._menuPortal = new DomPortal(this._menuContent);
|
|
4101
4116
|
}
|
|
4117
|
+
ngAfterContentInit() {
|
|
4118
|
+
this._listItems.forEach((item) => item.itemClicked.subscribe(() => this.isClosedByKeyEvent.emit()));
|
|
4119
|
+
}
|
|
4102
4120
|
focusFirstItem() {
|
|
4103
4121
|
this._activeItemIndex = 0;
|
|
4104
4122
|
this._listItems.first.nativeElement.focus();
|
|
@@ -4164,9 +4182,9 @@ class BaoDropdownMenuComponent {
|
|
|
4164
4182
|
(currentIndex == this._listItems.length - 1 && isDown));
|
|
4165
4183
|
}
|
|
4166
4184
|
}
|
|
4167
|
-
BaoDropdownMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4168
|
-
BaoDropdownMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
4169
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4185
|
+
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 });
|
|
4186
|
+
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 });
|
|
4187
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoDropdownMenuComponent, decorators: [{
|
|
4170
4188
|
type: Component,
|
|
4171
4189
|
args: [{ selector: 'bao-dropdown-menu', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
4172
4190
|
class: 'bao-dropdown-menu-container',
|
|
@@ -4219,8 +4237,9 @@ class BaoDropdownMenuTrigger {
|
|
|
4219
4237
|
}
|
|
4220
4238
|
/** Enter key event triggers click event which opens menu,
|
|
4221
4239
|
* then focus is put on first item in the menu */
|
|
4222
|
-
enterKeyEvent() {
|
|
4240
|
+
enterKeyEvent(event) {
|
|
4223
4241
|
if (this._isMenuOpen && document.activeElement === this.nativeElement) {
|
|
4242
|
+
event.stopImmediatePropagation();
|
|
4224
4243
|
this.menu.focusFirstItem();
|
|
4225
4244
|
}
|
|
4226
4245
|
}
|
|
@@ -4305,9 +4324,9 @@ class BaoDropdownMenuTrigger {
|
|
|
4305
4324
|
});
|
|
4306
4325
|
}
|
|
4307
4326
|
}
|
|
4308
|
-
BaoDropdownMenuTrigger.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4309
|
-
BaoDropdownMenuTrigger.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
4310
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4327
|
+
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 });
|
|
4328
|
+
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 });
|
|
4329
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoDropdownMenuTrigger, decorators: [{
|
|
4311
4330
|
type: Directive,
|
|
4312
4331
|
args: [{
|
|
4313
4332
|
selector: 'bao-dropdown-menu-trigger, [bao-dropdown-menu-trigger], [baoDropdownMenuTriggerFor]',
|
|
@@ -4321,7 +4340,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
4321
4340
|
args: ['window:keyup.escape']
|
|
4322
4341
|
}], enterKeyEvent: [{
|
|
4323
4342
|
type: HostListener,
|
|
4324
|
-
args: ['window:keyup.enter']
|
|
4343
|
+
args: ['window:keyup.enter', ['$event']]
|
|
4325
4344
|
}], onClick: [{
|
|
4326
4345
|
type: HostListener,
|
|
4327
4346
|
args: ['click']
|
|
@@ -4352,9 +4371,9 @@ class BaoDropdownMenuSection {
|
|
|
4352
4371
|
this.renderer.insertBefore(this.nativeElement, titleElement, children[listIndex]);
|
|
4353
4372
|
}
|
|
4354
4373
|
}
|
|
4355
|
-
BaoDropdownMenuSection.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4356
|
-
BaoDropdownMenuSection.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
4357
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4374
|
+
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 });
|
|
4375
|
+
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 });
|
|
4376
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoDropdownMenuSection, decorators: [{
|
|
4358
4377
|
type: Directive,
|
|
4359
4378
|
args: [{
|
|
4360
4379
|
selector: 'bao-dropdown-menu-section, [bao-dropdown-menu-section]',
|
|
@@ -4366,9 +4385,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
4366
4385
|
*/
|
|
4367
4386
|
class BaoDropdownMenuItemLabel {
|
|
4368
4387
|
}
|
|
4369
|
-
BaoDropdownMenuItemLabel.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4370
|
-
BaoDropdownMenuItemLabel.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
4371
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4388
|
+
BaoDropdownMenuItemLabel.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoDropdownMenuItemLabel, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
4389
|
+
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 });
|
|
4390
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoDropdownMenuItemLabel, decorators: [{
|
|
4372
4391
|
type: Directive,
|
|
4373
4392
|
args: [{
|
|
4374
4393
|
selector: 'bao-dropdown-menu-item-label, [bao-dropdown-menu-item-label]',
|
|
@@ -4380,9 +4399,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
4380
4399
|
*/
|
|
4381
4400
|
class BaoDropdownMenuItemDescription {
|
|
4382
4401
|
}
|
|
4383
|
-
BaoDropdownMenuItemDescription.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4384
|
-
BaoDropdownMenuItemDescription.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
4385
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4402
|
+
BaoDropdownMenuItemDescription.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoDropdownMenuItemDescription, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
4403
|
+
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 });
|
|
4404
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoDropdownMenuItemDescription, decorators: [{
|
|
4386
4405
|
type: Directive,
|
|
4387
4406
|
args: [{
|
|
4388
4407
|
selector: 'bao-dropdown-menu-item-description, [bao-dropdown-menu-item-description]',
|
|
@@ -4404,9 +4423,9 @@ class BaoDropdownMenuDivider {
|
|
|
4404
4423
|
this.renderer.setAttribute(this.nativeElement, 'role', 'separator');
|
|
4405
4424
|
}
|
|
4406
4425
|
}
|
|
4407
|
-
BaoDropdownMenuDivider.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4408
|
-
BaoDropdownMenuDivider.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
4409
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4426
|
+
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 });
|
|
4427
|
+
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 });
|
|
4428
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoDropdownMenuDivider, decorators: [{
|
|
4410
4429
|
type: Component,
|
|
4411
4430
|
args: [{
|
|
4412
4431
|
template: `<hr />`,
|
|
@@ -4431,8 +4450,8 @@ const DROPDOWN_MENU_DIRECTIVES = [
|
|
|
4431
4450
|
];
|
|
4432
4451
|
class BaoDropdownMenuModule {
|
|
4433
4452
|
}
|
|
4434
|
-
BaoDropdownMenuModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4435
|
-
BaoDropdownMenuModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
4453
|
+
BaoDropdownMenuModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoDropdownMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
4454
|
+
BaoDropdownMenuModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.3", ngImport: i0, type: BaoDropdownMenuModule, declarations: [BaoDropdownMenuComponent,
|
|
4436
4455
|
BaoDropdownMenuTrigger,
|
|
4437
4456
|
BaoDropdownMenuItem,
|
|
4438
4457
|
BaoDropdownMenuSection,
|
|
@@ -4445,8 +4464,8 @@ BaoDropdownMenuModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", v
|
|
|
4445
4464
|
BaoDropdownMenuItemLabel,
|
|
4446
4465
|
BaoDropdownMenuItemDescription,
|
|
4447
4466
|
BaoDropdownMenuDivider] });
|
|
4448
|
-
BaoDropdownMenuModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
4449
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4467
|
+
BaoDropdownMenuModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoDropdownMenuModule, imports: [CommonModule, ObserversModule, OverlayModule, PortalModule] });
|
|
4468
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoDropdownMenuModule, decorators: [{
|
|
4450
4469
|
type: NgModule,
|
|
4451
4470
|
args: [{
|
|
4452
4471
|
imports: [CommonModule, ObserversModule, OverlayModule, PortalModule],
|
|
@@ -4530,9 +4549,9 @@ class BaoFilePreviewComponent {
|
|
|
4530
4549
|
return `${(size / multiplicator).toFixed(toFixed)} ${unit}`;
|
|
4531
4550
|
}
|
|
4532
4551
|
}
|
|
4533
|
-
BaoFilePreviewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4534
|
-
BaoFilePreviewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
4535
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4552
|
+
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 });
|
|
4553
|
+
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 });
|
|
4554
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoFilePreviewComponent, decorators: [{
|
|
4536
4555
|
type: Component,
|
|
4537
4556
|
args: [{ selector: 'bao-file-preview, [bao-file-preview]', encapsulation: ViewEncapsulation.None, host: {
|
|
4538
4557
|
class: 'bao-file-preview'
|
|
@@ -4569,9 +4588,9 @@ class BaoFileIntl {
|
|
|
4569
4588
|
this.invalidFileTypeErrorMessage = "Ce format de fichier n'est pas autorisé";
|
|
4570
4589
|
}
|
|
4571
4590
|
}
|
|
4572
|
-
BaoFileIntl.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4573
|
-
BaoFileIntl.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
4574
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4591
|
+
BaoFileIntl.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoFileIntl, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
4592
|
+
BaoFileIntl.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoFileIntl, providedIn: 'root' });
|
|
4593
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoFileIntl, decorators: [{
|
|
4575
4594
|
type: Injectable,
|
|
4576
4595
|
args: [{ providedIn: 'root' }]
|
|
4577
4596
|
}] });
|
|
@@ -4588,9 +4607,9 @@ class BaoFileIntlEnglish extends BaoFileIntl {
|
|
|
4588
4607
|
this.invalidFileTypeErrorMessage = 'The format of this file is unauthorized';
|
|
4589
4608
|
}
|
|
4590
4609
|
}
|
|
4591
|
-
BaoFileIntlEnglish.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4592
|
-
BaoFileIntlEnglish.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
4593
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4610
|
+
BaoFileIntlEnglish.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoFileIntlEnglish, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
|
|
4611
|
+
BaoFileIntlEnglish.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoFileIntlEnglish });
|
|
4612
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoFileIntlEnglish, decorators: [{
|
|
4594
4613
|
type: Injectable
|
|
4595
4614
|
}] });
|
|
4596
4615
|
/** @docs-private */
|
|
@@ -4774,8 +4793,8 @@ class BaoFileInputComponent {
|
|
|
4774
4793
|
this.renderer.setAttribute(inputElement, 'aria-describedby', textsIds.join(' '));
|
|
4775
4794
|
}
|
|
4776
4795
|
}
|
|
4777
|
-
BaoFileInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4778
|
-
BaoFileInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
4796
|
+
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 });
|
|
4797
|
+
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: [
|
|
4779
4798
|
{
|
|
4780
4799
|
provide: NG_VALUE_ACCESSOR,
|
|
4781
4800
|
// tslint:disable-next-line:no-forward-ref
|
|
@@ -4783,7 +4802,7 @@ BaoFileInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
|
|
|
4783
4802
|
multi: true
|
|
4784
4803
|
}
|
|
4785
4804
|
], 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 });
|
|
4786
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4805
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoFileInputComponent, decorators: [{
|
|
4787
4806
|
type: Component,
|
|
4788
4807
|
args: [{ selector: 'bao-file-input, [bao-file-input]', providers: [
|
|
4789
4808
|
{
|
|
@@ -4870,9 +4889,9 @@ class BaoFileDropDirective {
|
|
|
4870
4889
|
: event.originalEvent.dataTransfer;
|
|
4871
4890
|
}
|
|
4872
4891
|
}
|
|
4873
|
-
BaoFileDropDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4874
|
-
BaoFileDropDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
4875
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4892
|
+
BaoFileDropDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoFileDropDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
4893
|
+
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 });
|
|
4894
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoFileDropDirective, decorators: [{
|
|
4876
4895
|
type: Directive,
|
|
4877
4896
|
args: [{
|
|
4878
4897
|
selector: '[baoFileDrop]',
|
|
@@ -4902,9 +4921,9 @@ class BaoFileDropzoneIntructions {
|
|
|
4902
4921
|
this.renderer.setAttribute(this.nativeElement, 'aria-hidden', 'true');
|
|
4903
4922
|
}
|
|
4904
4923
|
}
|
|
4905
|
-
BaoFileDropzoneIntructions.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4906
|
-
BaoFileDropzoneIntructions.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
4907
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4924
|
+
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 });
|
|
4925
|
+
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 });
|
|
4926
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoFileDropzoneIntructions, decorators: [{
|
|
4908
4927
|
type: Directive,
|
|
4909
4928
|
args: [{
|
|
4910
4929
|
selector: 'bao-file-dropzone-instructions, [bao-file-dropzone-instructions]',
|
|
@@ -4927,8 +4946,8 @@ const FILE_DIRECTIVES = [
|
|
|
4927
4946
|
];
|
|
4928
4947
|
class BaoFileModule {
|
|
4929
4948
|
}
|
|
4930
|
-
BaoFileModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4931
|
-
BaoFileModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
4949
|
+
BaoFileModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoFileModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
4950
|
+
BaoFileModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.3", ngImport: i0, type: BaoFileModule, declarations: [BaoFileInputComponent,
|
|
4932
4951
|
BaoFileDropzoneIntructions,
|
|
4933
4952
|
BaoFileDropDirective,
|
|
4934
4953
|
BaoFilePreviewComponent], imports: [CommonModule,
|
|
@@ -4939,12 +4958,12 @@ BaoFileModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version:
|
|
|
4939
4958
|
BaoFileDropzoneIntructions,
|
|
4940
4959
|
BaoFileDropDirective,
|
|
4941
4960
|
BaoFilePreviewComponent] });
|
|
4942
|
-
BaoFileModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
4961
|
+
BaoFileModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoFileModule, providers: [BAO_FILE_INTL_PROVIDER], imports: [CommonModule,
|
|
4943
4962
|
BaoDropdownMenuModule,
|
|
4944
4963
|
BaoCommonComponentsModule,
|
|
4945
4964
|
BaoIconModule,
|
|
4946
4965
|
BaoButtonModule] });
|
|
4947
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4966
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoFileModule, decorators: [{
|
|
4948
4967
|
type: NgModule,
|
|
4949
4968
|
args: [{
|
|
4950
4969
|
imports: [
|
|
@@ -4960,6 +4979,774 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
4960
4979
|
}]
|
|
4961
4980
|
}] });
|
|
4962
4981
|
|
|
4982
|
+
/** Injection token that can be used to access the data that was passed in to a snack bar. */
|
|
4983
|
+
const BAO_SNACK_BAR_DATA = new InjectionToken('BaoSnackBarData');
|
|
4984
|
+
/**
|
|
4985
|
+
* Configuration used when opening a snack-bar.
|
|
4986
|
+
*/
|
|
4987
|
+
class BaoSnackBarConfig {
|
|
4988
|
+
constructor() {
|
|
4989
|
+
/** The message to display in the snackbar. */
|
|
4990
|
+
this.message = 'No message';
|
|
4991
|
+
/** The type of snackbar template to display. */
|
|
4992
|
+
this.toastType = 'info';
|
|
4993
|
+
/**
|
|
4994
|
+
* The attached action to the snack bar. If the name of the action matches an icon provided as part of
|
|
4995
|
+
* angular-ui icon dictionnary an icon will be displayed instead of text.
|
|
4996
|
+
* */
|
|
4997
|
+
this.actionLabelOrIcon = '';
|
|
4998
|
+
/** Displays the close button when set to true */
|
|
4999
|
+
this.showClose = false;
|
|
5000
|
+
/** The length of time in milliseconds to wait before automatically dismissing the snack bar. */
|
|
5001
|
+
this.duration = 5000;
|
|
5002
|
+
/** The politeness level for the MatAriaLiveAnnouncer announcement. */
|
|
5003
|
+
this.politeness = 'assertive';
|
|
5004
|
+
/**
|
|
5005
|
+
* Message to be announced by the LiveAnnouncer. When opening a snackbar without a custom
|
|
5006
|
+
* component or template, the announcement message will default to the specified message.
|
|
5007
|
+
*/
|
|
5008
|
+
this.announcementMessage = '';
|
|
5009
|
+
/** Data being injected into the child component. */
|
|
5010
|
+
this.data = null;
|
|
5011
|
+
/** The horizontal position to place the snack bar. */
|
|
5012
|
+
this.horizontalPosition = 'left';
|
|
5013
|
+
/** The vertical position to place the snack bar. */
|
|
5014
|
+
this.verticalPosition = 'bottom';
|
|
5015
|
+
}
|
|
5016
|
+
}
|
|
5017
|
+
|
|
5018
|
+
/** Maximum amount of milliseconds that can be passed into setTimeout. */
|
|
5019
|
+
const MAX_TIMEOUT = Math.pow(2, 31) - 1;
|
|
5020
|
+
/**
|
|
5021
|
+
* Reference to a snack bar dispatched from the snack bar service.
|
|
5022
|
+
*/
|
|
5023
|
+
class BaoSnackBarRef {
|
|
5024
|
+
constructor(containerInstance, _overlayRef) {
|
|
5025
|
+
this._overlayRef = _overlayRef;
|
|
5026
|
+
/** Subject for notifying the user that the snack bar has been dismissed. */
|
|
5027
|
+
this._afterDismissed = new Subject();
|
|
5028
|
+
/** Subject for notifying the user that the snack bar has opened and appeared. */
|
|
5029
|
+
this._afterOpened = new Subject();
|
|
5030
|
+
/** Subject for notifying the user that the snack bar action was called. */
|
|
5031
|
+
this._onAction = new Subject();
|
|
5032
|
+
/** Whether the snack bar was dismissed using the action button. */
|
|
5033
|
+
this._dismissedByAction = false;
|
|
5034
|
+
this.containerInstance = containerInstance;
|
|
5035
|
+
// Dismiss snackbar on action.
|
|
5036
|
+
this.onAction().subscribe(() => this.dismiss());
|
|
5037
|
+
containerInstance._onExit.subscribe(() => this.finishDismiss());
|
|
5038
|
+
}
|
|
5039
|
+
/** Dismisses the snack bar. */
|
|
5040
|
+
dismiss() {
|
|
5041
|
+
if (!this._afterDismissed.closed) {
|
|
5042
|
+
this.containerInstance.exit();
|
|
5043
|
+
}
|
|
5044
|
+
clearTimeout(this._durationTimeoutId);
|
|
5045
|
+
}
|
|
5046
|
+
/** Marks the snackbar action clicked. */
|
|
5047
|
+
dismissWithAction() {
|
|
5048
|
+
if (!this._onAction.closed) {
|
|
5049
|
+
this._dismissedByAction = true;
|
|
5050
|
+
this._onAction.next();
|
|
5051
|
+
this._onAction.complete();
|
|
5052
|
+
}
|
|
5053
|
+
}
|
|
5054
|
+
/** Dismisses the snack bar after some duration */
|
|
5055
|
+
dismissAfter(duration) {
|
|
5056
|
+
// Note that we need to cap the duration to the maximum value for setTimeout, because
|
|
5057
|
+
// it'll revert to 1 if somebody passes in something greater (e.g. `Infinity`). See #17234.
|
|
5058
|
+
// @TODO: window.setTimeout() ?
|
|
5059
|
+
this._durationTimeoutId = window.setTimeout(() => this.dismiss(), Math.min(duration, MAX_TIMEOUT));
|
|
5060
|
+
}
|
|
5061
|
+
/** Marks the snackbar as opened */
|
|
5062
|
+
open() {
|
|
5063
|
+
if (!this._afterOpened.closed) {
|
|
5064
|
+
this._afterOpened.next();
|
|
5065
|
+
this._afterOpened.complete();
|
|
5066
|
+
}
|
|
5067
|
+
}
|
|
5068
|
+
/** Gets an observable that is notified when the snack bar is finished closing. */
|
|
5069
|
+
afterDismissed() {
|
|
5070
|
+
return this._afterDismissed;
|
|
5071
|
+
}
|
|
5072
|
+
/** Gets an observable that is notified when the snack bar has opened and appeared. */
|
|
5073
|
+
afterOpened() {
|
|
5074
|
+
return this.containerInstance._onEnter;
|
|
5075
|
+
}
|
|
5076
|
+
/** Gets an observable that is notified when the snack bar action is called. */
|
|
5077
|
+
onAction() {
|
|
5078
|
+
return this._onAction;
|
|
5079
|
+
}
|
|
5080
|
+
/** Cleans up the DOM after closing. */
|
|
5081
|
+
finishDismiss() {
|
|
5082
|
+
this._overlayRef.dispose();
|
|
5083
|
+
if (!this._onAction.closed) {
|
|
5084
|
+
this._onAction.complete();
|
|
5085
|
+
}
|
|
5086
|
+
this._afterDismissed.next({ dismissedByAction: this._dismissedByAction });
|
|
5087
|
+
this._afterDismissed.complete();
|
|
5088
|
+
this._dismissedByAction = false;
|
|
5089
|
+
}
|
|
5090
|
+
}
|
|
5091
|
+
|
|
5092
|
+
/*
|
|
5093
|
+
* Copyright (c) 2023 Ville de Montreal. All rights reserved.
|
|
5094
|
+
* Licensed under the MIT license.
|
|
5095
|
+
* See LICENSE file in the project root for full license information.
|
|
5096
|
+
*/
|
|
5097
|
+
const toastTypeToAttributes = {
|
|
5098
|
+
info: {
|
|
5099
|
+
toastClass: 'bao-snackbar-info',
|
|
5100
|
+
icon: 'icon-info',
|
|
5101
|
+
iconTitle: 'Information',
|
|
5102
|
+
politeness: 'assertive'
|
|
5103
|
+
},
|
|
5104
|
+
success: {
|
|
5105
|
+
toastClass: 'bao-snackbar-success',
|
|
5106
|
+
icon: 'icon-check-circle',
|
|
5107
|
+
iconTitle: 'Succès',
|
|
5108
|
+
politeness: 'polite'
|
|
5109
|
+
},
|
|
5110
|
+
danger: {
|
|
5111
|
+
toastClass: 'bao-snackbar-danger',
|
|
5112
|
+
icon: 'icon-error',
|
|
5113
|
+
iconTitle: 'Erreur',
|
|
5114
|
+
politeness: 'assertive'
|
|
5115
|
+
}
|
|
5116
|
+
};
|
|
5117
|
+
/**
|
|
5118
|
+
* A component used to open as the default snack bar, matching material spec.
|
|
5119
|
+
* This should only be used internally by the snack bar service.
|
|
5120
|
+
*/
|
|
5121
|
+
class BaoSimpleSnackBarComponent {
|
|
5122
|
+
constructor(snackBarRef, data) {
|
|
5123
|
+
this.snackBarRef = snackBarRef;
|
|
5124
|
+
this.showCloseTitle = 'Fermer le message';
|
|
5125
|
+
this.data = data;
|
|
5126
|
+
}
|
|
5127
|
+
/** Returns the politeness */
|
|
5128
|
+
get politeness() {
|
|
5129
|
+
var _a;
|
|
5130
|
+
return (((_a = toastTypeToAttributes[this.data.toastType]) === null || _a === void 0 ? void 0 : _a.politeness) ||
|
|
5131
|
+
toastTypeToAttributes['info'].politeness);
|
|
5132
|
+
}
|
|
5133
|
+
/** Returns the toast class */
|
|
5134
|
+
get toastClass() {
|
|
5135
|
+
var _a;
|
|
5136
|
+
return (((_a = toastTypeToAttributes[this.data.toastType]) === null || _a === void 0 ? void 0 : _a.toastClass) ||
|
|
5137
|
+
toastTypeToAttributes['info'].toastClass);
|
|
5138
|
+
}
|
|
5139
|
+
/** Returns the toast icon */
|
|
5140
|
+
get toastIcon() {
|
|
5141
|
+
var _a;
|
|
5142
|
+
return (((_a = toastTypeToAttributes[this.data.toastType]) === null || _a === void 0 ? void 0 : _a.icon) ||
|
|
5143
|
+
toastTypeToAttributes['info'].icon);
|
|
5144
|
+
}
|
|
5145
|
+
/** Returns the toast icon title */
|
|
5146
|
+
get toastIconTitle() {
|
|
5147
|
+
var _a;
|
|
5148
|
+
return (((_a = toastTypeToAttributes[this.data.toastType]) === null || _a === void 0 ? void 0 : _a.iconTitle) ||
|
|
5149
|
+
toastTypeToAttributes['info'].iconTitle);
|
|
5150
|
+
}
|
|
5151
|
+
/** If the action button should be shown. */
|
|
5152
|
+
get hasAction() {
|
|
5153
|
+
return !!this.data.actionLabelOrIcon;
|
|
5154
|
+
}
|
|
5155
|
+
/** If the action is an icon */
|
|
5156
|
+
get isActionIcon() {
|
|
5157
|
+
return !!ICONS_DCT[this.data.actionLabelOrIcon];
|
|
5158
|
+
}
|
|
5159
|
+
/** Performs the action on the snack bar. */
|
|
5160
|
+
action() {
|
|
5161
|
+
this.snackBarRef.dismissWithAction();
|
|
5162
|
+
}
|
|
5163
|
+
/** Closes the snack bar. */
|
|
5164
|
+
close() {
|
|
5165
|
+
this.snackBarRef.dismiss();
|
|
5166
|
+
}
|
|
5167
|
+
}
|
|
5168
|
+
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 });
|
|
5169
|
+
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 });
|
|
5170
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoSimpleSnackBarComponent, decorators: [{
|
|
5171
|
+
type: Component,
|
|
5172
|
+
args: [{ selector: 'bao-simple-snack-bar', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
5173
|
+
class: 'bao-simple-snackbar'
|
|
5174
|
+
}, 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"] }]
|
|
5175
|
+
}], ctorParameters: function () {
|
|
5176
|
+
return [{ type: BaoSnackBarRef }, { type: undefined, decorators: [{
|
|
5177
|
+
type: Inject,
|
|
5178
|
+
args: [BAO_SNACK_BAR_DATA]
|
|
5179
|
+
}] }];
|
|
5180
|
+
} });
|
|
5181
|
+
|
|
5182
|
+
/*
|
|
5183
|
+
* Copyright (c) 2023 Ville de Montreal. All rights reserved.
|
|
5184
|
+
* Licensed under the MIT license.
|
|
5185
|
+
* See LICENSE file in the project root for full license information.
|
|
5186
|
+
*/
|
|
5187
|
+
/**
|
|
5188
|
+
* Animations used by the Material snack bar.
|
|
5189
|
+
* @docs-private
|
|
5190
|
+
*/
|
|
5191
|
+
const matSnackBarAnimations = {
|
|
5192
|
+
/** Animation that shows and hides a snack bar. */
|
|
5193
|
+
snackBarState: trigger('state', [
|
|
5194
|
+
state('void, hidden', style({
|
|
5195
|
+
transform: 'scale(0.8)',
|
|
5196
|
+
opacity: 0
|
|
5197
|
+
})),
|
|
5198
|
+
state('visible', style({
|
|
5199
|
+
transform: 'scale(1)',
|
|
5200
|
+
opacity: 1
|
|
5201
|
+
})),
|
|
5202
|
+
transition('* => visible', animate('150ms cubic-bezier(0, 0, 0.2, 1)')),
|
|
5203
|
+
transition('* => void, * => hidden', animate('75ms cubic-bezier(0.4, 0.0, 1, 1)', style({
|
|
5204
|
+
opacity: 0
|
|
5205
|
+
})))
|
|
5206
|
+
])
|
|
5207
|
+
};
|
|
5208
|
+
|
|
5209
|
+
let uniqueId = 0;
|
|
5210
|
+
/**
|
|
5211
|
+
* Internal component that wraps user-provided snack bar content.
|
|
5212
|
+
* @docs-private
|
|
5213
|
+
*/
|
|
5214
|
+
class BaoSnackBarContainerComponent extends BasePortalOutlet {
|
|
5215
|
+
constructor(_ngZone, _elementRef, _changeDetectorRef, _platform,
|
|
5216
|
+
/** The snack bar configuration. */
|
|
5217
|
+
snackBarConfig) {
|
|
5218
|
+
super();
|
|
5219
|
+
this._ngZone = _ngZone;
|
|
5220
|
+
this._elementRef = _elementRef;
|
|
5221
|
+
this._changeDetectorRef = _changeDetectorRef;
|
|
5222
|
+
this._platform = _platform;
|
|
5223
|
+
this.snackBarConfig = snackBarConfig;
|
|
5224
|
+
this._document = inject(DOCUMENT);
|
|
5225
|
+
this._trackedModals = new Set();
|
|
5226
|
+
/** Subject for notifying that the snack bar has announced to screen readers. */
|
|
5227
|
+
this._onAnnounce = new Subject();
|
|
5228
|
+
/** Subject for notifying that the snack bar has exited from view. */
|
|
5229
|
+
this._onExit = new Subject();
|
|
5230
|
+
/** Subject for notifying that the snack bar has finished entering the view. */
|
|
5231
|
+
this._onEnter = new Subject();
|
|
5232
|
+
/** The state of the snack bar animations. */
|
|
5233
|
+
this._animationState = 'void';
|
|
5234
|
+
/** The number of milliseconds to wait before announcing the snack bar's content. */
|
|
5235
|
+
this._announceDelay = 150;
|
|
5236
|
+
/** Whether the component has been destroyed. */
|
|
5237
|
+
this._destroyed = false;
|
|
5238
|
+
/** Unique ID of the aria-live element. */
|
|
5239
|
+
this._liveElementId = `bao-snack-bar-container-live-${uniqueId++}`;
|
|
5240
|
+
/**
|
|
5241
|
+
* Attaches a DOM portal to the snack bar container.
|
|
5242
|
+
* @deprecated To be turned into a method.
|
|
5243
|
+
* @breaking-change 10.0.0
|
|
5244
|
+
*/
|
|
5245
|
+
this.attachDomPortal = (portal) => {
|
|
5246
|
+
this.assertNotAttached();
|
|
5247
|
+
const result = this._portalOutlet.attachDomPortal(portal);
|
|
5248
|
+
this._afterPortalAttached();
|
|
5249
|
+
return result;
|
|
5250
|
+
};
|
|
5251
|
+
// Use aria-live rather than a live role like 'alert' or 'status'
|
|
5252
|
+
// because NVDA and JAWS have show inconsistent behavior with live roles.
|
|
5253
|
+
if (snackBarConfig.politeness === 'assertive' &&
|
|
5254
|
+
!snackBarConfig.announcementMessage) {
|
|
5255
|
+
this._live = 'assertive';
|
|
5256
|
+
}
|
|
5257
|
+
else if (snackBarConfig.politeness === 'off') {
|
|
5258
|
+
this._live = 'off';
|
|
5259
|
+
}
|
|
5260
|
+
else {
|
|
5261
|
+
this._live = 'polite';
|
|
5262
|
+
}
|
|
5263
|
+
// Only set role for Firefox. Set role based on aria-live because setting role="alert" implies
|
|
5264
|
+
// aria-live="assertive" which may cause issues if aria-live is set to "polite" above.
|
|
5265
|
+
if (this._platform.FIREFOX) {
|
|
5266
|
+
if (this._live === 'polite') {
|
|
5267
|
+
this._role = 'status';
|
|
5268
|
+
}
|
|
5269
|
+
if (this._live === 'assertive') {
|
|
5270
|
+
this._role = 'alert';
|
|
5271
|
+
}
|
|
5272
|
+
}
|
|
5273
|
+
}
|
|
5274
|
+
/** Attach a component portal as content to this snack bar container. */
|
|
5275
|
+
attachComponentPortal(portal) {
|
|
5276
|
+
this.assertNotAttached();
|
|
5277
|
+
this.applySnackBarClasses();
|
|
5278
|
+
const result = this._portalOutlet.attachComponentPortal(portal);
|
|
5279
|
+
this._afterPortalAttached();
|
|
5280
|
+
return result;
|
|
5281
|
+
}
|
|
5282
|
+
/** Attach a template portal as content to this snack bar container. */
|
|
5283
|
+
attachTemplatePortal(portal) {
|
|
5284
|
+
this.assertNotAttached();
|
|
5285
|
+
this.applySnackBarClasses();
|
|
5286
|
+
const result = this._portalOutlet.attachTemplatePortal(portal);
|
|
5287
|
+
this._afterPortalAttached();
|
|
5288
|
+
return result;
|
|
5289
|
+
}
|
|
5290
|
+
/** Handle end of animations, updating the state of the snackbar. */
|
|
5291
|
+
onAnimationEnd(event) {
|
|
5292
|
+
const { fromState, toState } = event;
|
|
5293
|
+
if ((toState === 'void' && fromState !== 'void') || toState === 'hidden') {
|
|
5294
|
+
this.completeExit();
|
|
5295
|
+
}
|
|
5296
|
+
if (toState === 'visible') {
|
|
5297
|
+
// Note: we shouldn't use `this` inside the zone callback,
|
|
5298
|
+
// because it can cause a memory leak.
|
|
5299
|
+
const onEnter = this._onEnter;
|
|
5300
|
+
this._ngZone.run(() => {
|
|
5301
|
+
onEnter.next();
|
|
5302
|
+
onEnter.complete();
|
|
5303
|
+
});
|
|
5304
|
+
}
|
|
5305
|
+
}
|
|
5306
|
+
/** Begin animation of snack bar entrance into view. */
|
|
5307
|
+
enter() {
|
|
5308
|
+
if (!this._destroyed) {
|
|
5309
|
+
this._animationState = 'visible';
|
|
5310
|
+
this._changeDetectorRef.detectChanges();
|
|
5311
|
+
this.screenReaderAnnounce();
|
|
5312
|
+
}
|
|
5313
|
+
}
|
|
5314
|
+
/** Begin animation of the snack bar exiting from view. */
|
|
5315
|
+
exit() {
|
|
5316
|
+
// Note: this one transitions to `hidden`, rather than `void`, in order to handle the case
|
|
5317
|
+
// where multiple snack bars are opened in quick succession (e.g. two consecutive calls to
|
|
5318
|
+
// `MatSnackBar.open`).
|
|
5319
|
+
this._animationState = 'hidden';
|
|
5320
|
+
// Mark this element with an 'exit' attribute to indicate that the snackbar has
|
|
5321
|
+
// been dismissed and will soon be removed from the DOM. This is used by the snackbar
|
|
5322
|
+
// test harness.
|
|
5323
|
+
this._elementRef.nativeElement.setAttribute('mat-exit', '');
|
|
5324
|
+
// If the snack bar hasn't been announced by the time it exits it wouldn't have been open
|
|
5325
|
+
// long enough to visually read it either, so clear the timeout for announcing.
|
|
5326
|
+
clearTimeout(this._announceTimeoutId);
|
|
5327
|
+
return this._onExit;
|
|
5328
|
+
}
|
|
5329
|
+
/** Makes sure the exit callbacks have been invoked when the element is destroyed. */
|
|
5330
|
+
ngOnDestroy() {
|
|
5331
|
+
this._destroyed = true;
|
|
5332
|
+
this.completeExit();
|
|
5333
|
+
}
|
|
5334
|
+
/**
|
|
5335
|
+
* Waits for the zone to settle before removing the element. Helps prevent
|
|
5336
|
+
* errors where we end up removing an element which is in the middle of an animation.
|
|
5337
|
+
*/
|
|
5338
|
+
completeExit() {
|
|
5339
|
+
this._ngZone.onMicrotaskEmpty.pipe(take$1(1)).subscribe(() => {
|
|
5340
|
+
this._onExit.next();
|
|
5341
|
+
this._onExit.complete();
|
|
5342
|
+
});
|
|
5343
|
+
}
|
|
5344
|
+
/** Applies the various positioning and user-configured CSS classes to the snack bar. */
|
|
5345
|
+
applySnackBarClasses() {
|
|
5346
|
+
const element = this._elementRef.nativeElement;
|
|
5347
|
+
const panelClasses = this.snackBarConfig.panelClass;
|
|
5348
|
+
if (panelClasses) {
|
|
5349
|
+
if (Array.isArray(panelClasses)) {
|
|
5350
|
+
// Note that we can't use a spread here, because IE doesn't support multiple arguments.
|
|
5351
|
+
panelClasses.forEach(cssClass => element.classList.add(cssClass));
|
|
5352
|
+
}
|
|
5353
|
+
else {
|
|
5354
|
+
element.classList.add(panelClasses);
|
|
5355
|
+
}
|
|
5356
|
+
}
|
|
5357
|
+
if (this.snackBarConfig.horizontalPosition === 'center') {
|
|
5358
|
+
element.classList.add('bao-snack-bar-center');
|
|
5359
|
+
}
|
|
5360
|
+
if (this.snackBarConfig.verticalPosition === 'top') {
|
|
5361
|
+
element.classList.add('bao-snack-bar-top');
|
|
5362
|
+
}
|
|
5363
|
+
}
|
|
5364
|
+
/**
|
|
5365
|
+
* Called after the portal contents have been attached. Can be
|
|
5366
|
+
* used to modify the DOM once it's guaranteed to be in place.
|
|
5367
|
+
*/
|
|
5368
|
+
_afterPortalAttached() {
|
|
5369
|
+
const element = this._elementRef.nativeElement;
|
|
5370
|
+
const panelClasses = this.snackBarConfig.panelClass;
|
|
5371
|
+
if (panelClasses) {
|
|
5372
|
+
if (Array.isArray(panelClasses)) {
|
|
5373
|
+
// Note that we can't use a spread here, because IE doesn't support multiple arguments.
|
|
5374
|
+
panelClasses.forEach(cssClass => element.classList.add(cssClass));
|
|
5375
|
+
}
|
|
5376
|
+
else {
|
|
5377
|
+
element.classList.add(panelClasses);
|
|
5378
|
+
}
|
|
5379
|
+
}
|
|
5380
|
+
this._exposeToModals();
|
|
5381
|
+
}
|
|
5382
|
+
/**
|
|
5383
|
+
* Some browsers won't expose the accessibility node of the live element if there is an
|
|
5384
|
+
* `aria-modal` and the live element is outside of it. This method works around the issue by
|
|
5385
|
+
* pointing the `aria-owns` of all modals to the live element.
|
|
5386
|
+
*/
|
|
5387
|
+
_exposeToModals() {
|
|
5388
|
+
// Note that the selector here is limited to CDK overlays at the moment in order to reduce the
|
|
5389
|
+
// section of the DOM we need to look through. This should cover all the cases we support, but
|
|
5390
|
+
// the selector can be expanded if it turns out to be too narrow.
|
|
5391
|
+
const id = this._liveElementId;
|
|
5392
|
+
const modals = this._document.querySelectorAll('body > .cdk-overlay-container [aria-modal="true"]');
|
|
5393
|
+
for (let i = 0; i < modals.length; i++) {
|
|
5394
|
+
const modal = modals[i];
|
|
5395
|
+
const ariaOwns = modal.getAttribute('aria-owns');
|
|
5396
|
+
this._trackedModals.add(modal);
|
|
5397
|
+
if (!ariaOwns) {
|
|
5398
|
+
modal.setAttribute('aria-owns', id);
|
|
5399
|
+
}
|
|
5400
|
+
else if (ariaOwns.indexOf(id) === -1) {
|
|
5401
|
+
modal.setAttribute('aria-owns', ariaOwns + ' ' + id);
|
|
5402
|
+
}
|
|
5403
|
+
}
|
|
5404
|
+
}
|
|
5405
|
+
/** Clears the references to the live element from any modals it was added to. */
|
|
5406
|
+
_clearFromModals() {
|
|
5407
|
+
this._trackedModals.forEach(modal => {
|
|
5408
|
+
const ariaOwns = modal.getAttribute('aria-owns');
|
|
5409
|
+
if (ariaOwns) {
|
|
5410
|
+
const newValue = ariaOwns.replace(this._liveElementId, '').trim();
|
|
5411
|
+
if (newValue.length > 0) {
|
|
5412
|
+
modal.setAttribute('aria-owns', newValue);
|
|
5413
|
+
}
|
|
5414
|
+
else {
|
|
5415
|
+
modal.removeAttribute('aria-owns');
|
|
5416
|
+
}
|
|
5417
|
+
}
|
|
5418
|
+
});
|
|
5419
|
+
this._trackedModals.clear();
|
|
5420
|
+
}
|
|
5421
|
+
/** Asserts that no content is already attached to the container. */
|
|
5422
|
+
assertNotAttached() {
|
|
5423
|
+
if (this._portalOutlet.hasAttached()) {
|
|
5424
|
+
throw Error('Attempting to attach snack bar content after content is already attached');
|
|
5425
|
+
}
|
|
5426
|
+
}
|
|
5427
|
+
/**
|
|
5428
|
+
* Starts a timeout to move the snack bar content to the live region so screen readers will
|
|
5429
|
+
* announce it.
|
|
5430
|
+
*/
|
|
5431
|
+
screenReaderAnnounce() {
|
|
5432
|
+
if (!this._announceTimeoutId) {
|
|
5433
|
+
this._ngZone.runOutsideAngular(() => {
|
|
5434
|
+
this._announceTimeoutId = window.setTimeout(() => {
|
|
5435
|
+
const inertElement = this._elementRef.nativeElement.querySelector('[aria-hidden]');
|
|
5436
|
+
const liveElement = this._elementRef.nativeElement.querySelector('[aria-live]');
|
|
5437
|
+
if (inertElement && liveElement) {
|
|
5438
|
+
// If an element in the snack bar content is focused before being moved
|
|
5439
|
+
// track it and restore focus after moving to the live region.
|
|
5440
|
+
let focusedElement = null;
|
|
5441
|
+
if (this._platform.isBrowser &&
|
|
5442
|
+
document.activeElement instanceof HTMLElement &&
|
|
5443
|
+
inertElement.contains(document.activeElement)) {
|
|
5444
|
+
focusedElement = document.activeElement;
|
|
5445
|
+
}
|
|
5446
|
+
inertElement.removeAttribute('aria-hidden');
|
|
5447
|
+
liveElement.appendChild(inertElement);
|
|
5448
|
+
focusedElement === null || focusedElement === void 0 ? void 0 : focusedElement.focus();
|
|
5449
|
+
this._onAnnounce.next();
|
|
5450
|
+
this._onAnnounce.complete();
|
|
5451
|
+
}
|
|
5452
|
+
}, this._announceDelay);
|
|
5453
|
+
});
|
|
5454
|
+
}
|
|
5455
|
+
}
|
|
5456
|
+
}
|
|
5457
|
+
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 });
|
|
5458
|
+
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 });
|
|
5459
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoSnackBarContainerComponent, decorators: [{
|
|
5460
|
+
type: Component,
|
|
5461
|
+
args: [{ selector: 'bao-snack-bar-container', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, animations: [matSnackBarAnimations.snackBarState], host: {
|
|
5462
|
+
class: 'bao-snack-bar-container',
|
|
5463
|
+
'[@state]': '_animationState',
|
|
5464
|
+
'(@state.done)': 'onAnimationEnd($event)'
|
|
5465
|
+
}, 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"] }]
|
|
5466
|
+
}], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1$5.Platform }, { type: BaoSnackBarConfig }]; }, propDecorators: { _portalOutlet: [{
|
|
5467
|
+
type: ViewChild,
|
|
5468
|
+
args: [CdkPortalOutlet, { static: true }]
|
|
5469
|
+
}] } });
|
|
5470
|
+
|
|
5471
|
+
function baoFactory() {
|
|
5472
|
+
return new BaoSnackBarConfig();
|
|
5473
|
+
}
|
|
5474
|
+
/** Injection token that can be used to specify default snack bar. */
|
|
5475
|
+
const BAO_SNACK_BAR_DEFAULT_OPTIONS = new InjectionToken('bao-snack-bar-default-options', {
|
|
5476
|
+
providedIn: 'root',
|
|
5477
|
+
factory: baoFactory
|
|
5478
|
+
});
|
|
5479
|
+
/**
|
|
5480
|
+
* Service to dispatch Material Design snack bar messages.
|
|
5481
|
+
*/
|
|
5482
|
+
class BaoSnackBarService {
|
|
5483
|
+
constructor(_overlay, _live, _injector, _parentSnackBar, _defaultConfig) {
|
|
5484
|
+
this._overlay = _overlay;
|
|
5485
|
+
this._live = _live;
|
|
5486
|
+
this._injector = _injector;
|
|
5487
|
+
this._parentSnackBar = _parentSnackBar;
|
|
5488
|
+
this._defaultConfig = _defaultConfig;
|
|
5489
|
+
/** The component that should be rendered as the snack bar's simple component. */
|
|
5490
|
+
this.simpleSnackBarComponent = BaoSimpleSnackBarComponent;
|
|
5491
|
+
/** The container component that attaches the provided template or component. */
|
|
5492
|
+
this.snackBarContainerComponent = BaoSnackBarContainerComponent;
|
|
5493
|
+
/**
|
|
5494
|
+
* Reference to the current snack bar in the view *at this level* (in the Angular injector tree).
|
|
5495
|
+
* If there is a parent snack-bar service, all operations should delegate to that parent
|
|
5496
|
+
* via `_openedSnackBarRef`.
|
|
5497
|
+
*/
|
|
5498
|
+
this._snackBarRefAtThisLevel = null;
|
|
5499
|
+
}
|
|
5500
|
+
/** Reference to the currently opened snackbar at *any* level. */
|
|
5501
|
+
get _openedSnackBarRef() {
|
|
5502
|
+
const parent = this._parentSnackBar;
|
|
5503
|
+
return parent ? parent._openedSnackBarRef : this._snackBarRefAtThisLevel;
|
|
5504
|
+
}
|
|
5505
|
+
set _openedSnackBarRef(value) {
|
|
5506
|
+
if (this._parentSnackBar) {
|
|
5507
|
+
this._parentSnackBar._openedSnackBarRef = value;
|
|
5508
|
+
}
|
|
5509
|
+
else {
|
|
5510
|
+
this._snackBarRefAtThisLevel = value;
|
|
5511
|
+
}
|
|
5512
|
+
}
|
|
5513
|
+
/**
|
|
5514
|
+
* Creates and dispatches a snack bar with a custom component for the content, removing any
|
|
5515
|
+
* currently opened snack bars.
|
|
5516
|
+
*
|
|
5517
|
+
* @param component Component to be instantiated.
|
|
5518
|
+
* @param config Extra configuration for the snack bar.
|
|
5519
|
+
*/
|
|
5520
|
+
openFromComponent(component, config) {
|
|
5521
|
+
return this.attach(component, config);
|
|
5522
|
+
}
|
|
5523
|
+
/**
|
|
5524
|
+
* Creates and dispatches a snack bar with a custom template for the content, removing any
|
|
5525
|
+
* currently opened snack bars.
|
|
5526
|
+
*
|
|
5527
|
+
* @param template Template to be instantiated.
|
|
5528
|
+
* @param config Extra configuration for the snack bar.
|
|
5529
|
+
*/
|
|
5530
|
+
openFromTemplate(template, config) {
|
|
5531
|
+
// eslint-disable-next-line @typescript-eslint/no-unsafe-return
|
|
5532
|
+
return this.attach(template, config);
|
|
5533
|
+
}
|
|
5534
|
+
/**
|
|
5535
|
+
* Opens a snackbar with a message and an optional action.
|
|
5536
|
+
* @param message The message to show in the snackbar.
|
|
5537
|
+
* @param toastType The type of of toast to display the snackbar.
|
|
5538
|
+
* @param actionLabelOrIcon The label or icon for the snackbar action.
|
|
5539
|
+
* @param showClose If true, the snackbar will require user interaction to close.
|
|
5540
|
+
* @param config Additional configuration options for the snackbar.
|
|
5541
|
+
*/
|
|
5542
|
+
open(config) {
|
|
5543
|
+
const _config = Object.assign(Object.assign({}, this._defaultConfig), config);
|
|
5544
|
+
// Since the user doesn't have access to the component, we can
|
|
5545
|
+
// override the data to pass in our own message, action and type.
|
|
5546
|
+
_config.data = {
|
|
5547
|
+
message: _config.message,
|
|
5548
|
+
toastType: _config.toastType,
|
|
5549
|
+
actionLabelOrIcon: _config.actionLabelOrIcon,
|
|
5550
|
+
showClose: _config.showClose
|
|
5551
|
+
};
|
|
5552
|
+
if (_config.showClose)
|
|
5553
|
+
_config.duration = 0;
|
|
5554
|
+
if (!_config.announcementMessage) {
|
|
5555
|
+
_config.announcementMessage = _config.message;
|
|
5556
|
+
}
|
|
5557
|
+
return this.openFromComponent(this.simpleSnackBarComponent, _config);
|
|
5558
|
+
}
|
|
5559
|
+
/**
|
|
5560
|
+
* Dismisses the currently-visible snack bar.
|
|
5561
|
+
*/
|
|
5562
|
+
dismiss() {
|
|
5563
|
+
if (this._openedSnackBarRef) {
|
|
5564
|
+
this._openedSnackBarRef.dismiss();
|
|
5565
|
+
}
|
|
5566
|
+
}
|
|
5567
|
+
ngOnDestroy() {
|
|
5568
|
+
// Only dismiss the snack bar at the current level on destroy.
|
|
5569
|
+
if (this._snackBarRefAtThisLevel) {
|
|
5570
|
+
this._snackBarRefAtThisLevel.dismiss();
|
|
5571
|
+
}
|
|
5572
|
+
}
|
|
5573
|
+
/**
|
|
5574
|
+
* Attaches the snack bar container component to the overlay.
|
|
5575
|
+
*/
|
|
5576
|
+
attachSnackBarContainer(overlayRef, config) {
|
|
5577
|
+
const userInjector = config && config.viewContainerRef && config.viewContainerRef.injector;
|
|
5578
|
+
const injector = new PortalInjector(userInjector || this._injector, new WeakMap([[BaoSnackBarConfig, config]]));
|
|
5579
|
+
const containerPortal = new ComponentPortal(this.snackBarContainerComponent, config.viewContainerRef, injector);
|
|
5580
|
+
const containerRef = overlayRef.attach(containerPortal);
|
|
5581
|
+
containerRef.instance.snackBarConfig = config;
|
|
5582
|
+
return containerRef.instance;
|
|
5583
|
+
}
|
|
5584
|
+
/**
|
|
5585
|
+
* Places a new component or a template as the content of the snack bar container.
|
|
5586
|
+
*/
|
|
5587
|
+
attach(content, userConfig) {
|
|
5588
|
+
const config = Object.assign(Object.assign(Object.assign({}, new BaoSnackBarConfig()), this._defaultConfig), userConfig);
|
|
5589
|
+
const overlayRef = this.createOverlay(config);
|
|
5590
|
+
const container = this.attachSnackBarContainer(overlayRef, config);
|
|
5591
|
+
const snackBarRef = new BaoSnackBarRef(container, overlayRef);
|
|
5592
|
+
if (content instanceof TemplateRef) {
|
|
5593
|
+
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
|
|
5594
|
+
const portal = new TemplatePortal(content, null, {
|
|
5595
|
+
$implicit: config.data,
|
|
5596
|
+
snackBarRef
|
|
5597
|
+
});
|
|
5598
|
+
snackBarRef.instance = container.attachTemplatePortal(portal);
|
|
5599
|
+
}
|
|
5600
|
+
else {
|
|
5601
|
+
const injector = this.createInjector(config, snackBarRef);
|
|
5602
|
+
const portal = new ComponentPortal(content, undefined, injector);
|
|
5603
|
+
const contentRef = container.attachComponentPortal(portal);
|
|
5604
|
+
// We can't pass this via the injector, because the injector is created earlier.
|
|
5605
|
+
snackBarRef.instance = contentRef.instance;
|
|
5606
|
+
}
|
|
5607
|
+
this.animateSnackBar(snackBarRef, config);
|
|
5608
|
+
this._openedSnackBarRef = snackBarRef;
|
|
5609
|
+
// eslint-disable-next-line @typescript-eslint/no-unsafe-return
|
|
5610
|
+
return this._openedSnackBarRef;
|
|
5611
|
+
}
|
|
5612
|
+
/** Animates the old snack bar out and the new one in. */
|
|
5613
|
+
animateSnackBar(snackBarRef, config) {
|
|
5614
|
+
// When the snackbar is dismissed, clear the reference to it.
|
|
5615
|
+
snackBarRef.afterDismissed().subscribe(() => {
|
|
5616
|
+
// Clear the snackbar ref if it hasn't already been replaced by a newer snackbar.
|
|
5617
|
+
// eslint-disable-next-line eqeqeq
|
|
5618
|
+
if (this._openedSnackBarRef == snackBarRef) {
|
|
5619
|
+
this._openedSnackBarRef = null;
|
|
5620
|
+
}
|
|
5621
|
+
if (config.announcementMessage) {
|
|
5622
|
+
this._live.clear();
|
|
5623
|
+
}
|
|
5624
|
+
});
|
|
5625
|
+
if (this._openedSnackBarRef) {
|
|
5626
|
+
// If a snack bar is already in view, dismiss it and enter the
|
|
5627
|
+
// new snack bar after exit animation is complete.
|
|
5628
|
+
this._openedSnackBarRef.afterDismissed().subscribe(() => {
|
|
5629
|
+
snackBarRef.containerInstance.enter();
|
|
5630
|
+
});
|
|
5631
|
+
this._openedSnackBarRef.dismiss();
|
|
5632
|
+
}
|
|
5633
|
+
else {
|
|
5634
|
+
// If no snack bar is in view, enter the new snack bar.
|
|
5635
|
+
snackBarRef.containerInstance.enter();
|
|
5636
|
+
}
|
|
5637
|
+
// If a dismiss timeout is provided, set up dismiss based on after the snackbar is opened.
|
|
5638
|
+
if (config.duration && config.duration > 0) {
|
|
5639
|
+
snackBarRef
|
|
5640
|
+
.afterOpened()
|
|
5641
|
+
.subscribe(() => snackBarRef.dismissAfter(config.duration));
|
|
5642
|
+
}
|
|
5643
|
+
if (config.announcementMessage) {
|
|
5644
|
+
void this._live.announce(config.announcementMessage, config.politeness);
|
|
5645
|
+
}
|
|
5646
|
+
}
|
|
5647
|
+
/**
|
|
5648
|
+
* Creates a new overlay and places it in the correct location.
|
|
5649
|
+
* @param config The user-specified snack bar config.
|
|
5650
|
+
*/
|
|
5651
|
+
createOverlay(config) {
|
|
5652
|
+
const overlayConfig = new OverlayConfig();
|
|
5653
|
+
overlayConfig.direction = config.direction;
|
|
5654
|
+
const positionStrategy = this._overlay.position().global();
|
|
5655
|
+
// Set horizontal position.
|
|
5656
|
+
const isRtl = config.direction === 'rtl';
|
|
5657
|
+
const isLeft = config.horizontalPosition === 'left' ||
|
|
5658
|
+
(config.horizontalPosition === 'start' && !isRtl) ||
|
|
5659
|
+
(config.horizontalPosition === 'end' && isRtl);
|
|
5660
|
+
const isRight = !isLeft && config.horizontalPosition !== 'center';
|
|
5661
|
+
if (isLeft) {
|
|
5662
|
+
positionStrategy.left('0');
|
|
5663
|
+
}
|
|
5664
|
+
else if (isRight) {
|
|
5665
|
+
positionStrategy.right('0');
|
|
5666
|
+
}
|
|
5667
|
+
else {
|
|
5668
|
+
positionStrategy.centerHorizontally();
|
|
5669
|
+
}
|
|
5670
|
+
// Set horizontal position.
|
|
5671
|
+
if (config.verticalPosition === 'top') {
|
|
5672
|
+
positionStrategy.top('0');
|
|
5673
|
+
}
|
|
5674
|
+
else {
|
|
5675
|
+
positionStrategy.bottom('0');
|
|
5676
|
+
}
|
|
5677
|
+
overlayConfig.positionStrategy = positionStrategy;
|
|
5678
|
+
return this._overlay.create(overlayConfig);
|
|
5679
|
+
}
|
|
5680
|
+
/**
|
|
5681
|
+
* Creates an injector to be used inside of a snack bar component.
|
|
5682
|
+
* @param config Config that was used to create the snack bar.
|
|
5683
|
+
* @param snackBarRef Reference to the snack bar.
|
|
5684
|
+
*/
|
|
5685
|
+
createInjector(config, snackBarRef) {
|
|
5686
|
+
const userInjector = config && config.viewContainerRef && config.viewContainerRef.injector;
|
|
5687
|
+
return new PortalInjector(userInjector || this._injector, new WeakMap([
|
|
5688
|
+
[BaoSnackBarRef, snackBarRef],
|
|
5689
|
+
[BAO_SNACK_BAR_DATA, config.data]
|
|
5690
|
+
]));
|
|
5691
|
+
}
|
|
5692
|
+
}
|
|
5693
|
+
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 });
|
|
5694
|
+
BaoSnackBarService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoSnackBarService, providedIn: 'root' });
|
|
5695
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoSnackBarService, decorators: [{
|
|
5696
|
+
type: Injectable,
|
|
5697
|
+
args: [{ providedIn: 'root' }]
|
|
5698
|
+
}], ctorParameters: function () {
|
|
5699
|
+
return [{ type: i1$4.Overlay }, { type: i1$3.LiveAnnouncer }, { type: i0.Injector }, { type: BaoSnackBarService, decorators: [{
|
|
5700
|
+
type: Optional
|
|
5701
|
+
}, {
|
|
5702
|
+
type: SkipSelf
|
|
5703
|
+
}] }, { type: BaoSnackBarConfig, decorators: [{
|
|
5704
|
+
type: Inject,
|
|
5705
|
+
args: [BAO_SNACK_BAR_DEFAULT_OPTIONS]
|
|
5706
|
+
}] }];
|
|
5707
|
+
} });
|
|
5708
|
+
|
|
5709
|
+
/*
|
|
5710
|
+
* Copyright (c) 2023 Ville de Montreal. All rights reserved.
|
|
5711
|
+
* Licensed under the MIT license.
|
|
5712
|
+
* See LICENSE file in the project root for full license information.
|
|
5713
|
+
*/
|
|
5714
|
+
const SNACKBAR_DIRECTIVES = [
|
|
5715
|
+
BaoSimpleSnackBarComponent,
|
|
5716
|
+
BaoSnackBarContainerComponent
|
|
5717
|
+
];
|
|
5718
|
+
class BaoSnackBarModule {
|
|
5719
|
+
}
|
|
5720
|
+
BaoSnackBarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoSnackBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
5721
|
+
BaoSnackBarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.3", ngImport: i0, type: BaoSnackBarModule, declarations: [BaoSimpleSnackBarComponent,
|
|
5722
|
+
BaoSnackBarContainerComponent], imports: [CommonModule,
|
|
5723
|
+
OverlayModule,
|
|
5724
|
+
PortalModule,
|
|
5725
|
+
BaoButtonModule,
|
|
5726
|
+
BaoIconModule], exports: [BaoSimpleSnackBarComponent,
|
|
5727
|
+
BaoSnackBarContainerComponent] });
|
|
5728
|
+
BaoSnackBarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoSnackBarModule, providers: [BaoSnackBarService, BaoSnackBarConfig], imports: [CommonModule,
|
|
5729
|
+
OverlayModule,
|
|
5730
|
+
PortalModule,
|
|
5731
|
+
BaoButtonModule,
|
|
5732
|
+
BaoIconModule] });
|
|
5733
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoSnackBarModule, decorators: [{
|
|
5734
|
+
type: NgModule,
|
|
5735
|
+
args: [{
|
|
5736
|
+
imports: [
|
|
5737
|
+
CommonModule,
|
|
5738
|
+
OverlayModule,
|
|
5739
|
+
PortalModule,
|
|
5740
|
+
BaoButtonModule,
|
|
5741
|
+
BaoIconModule
|
|
5742
|
+
],
|
|
5743
|
+
providers: [BaoSnackBarService, BaoSnackBarConfig],
|
|
5744
|
+
declarations: SNACKBAR_DIRECTIVES,
|
|
5745
|
+
exports: SNACKBAR_DIRECTIVES,
|
|
5746
|
+
entryComponents: [SNACKBAR_DIRECTIVES]
|
|
5747
|
+
}]
|
|
5748
|
+
}] });
|
|
5749
|
+
|
|
4963
5750
|
/*
|
|
4964
5751
|
* Copyright (c) 2023 Ville de Montreal. All rights reserved.
|
|
4965
5752
|
* Licensed under the MIT license.
|
|
@@ -4967,8 +5754,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
4967
5754
|
*/
|
|
4968
5755
|
class BaoModule {
|
|
4969
5756
|
}
|
|
4970
|
-
BaoModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4971
|
-
BaoModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
5757
|
+
BaoModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
5758
|
+
BaoModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.3", ngImport: i0, type: BaoModule, imports: [BaoIconModule,
|
|
4972
5759
|
BaoButtonModule,
|
|
4973
5760
|
BaoAlertModule,
|
|
4974
5761
|
BaoCardModule,
|
|
@@ -4990,11 +5777,11 @@ BaoModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.
|
|
|
4990
5777
|
BaoModalModule,
|
|
4991
5778
|
BaoHyperlinkModule,
|
|
4992
5779
|
BaoDropdownMenuModule,
|
|
4993
|
-
BaoFileModule
|
|
5780
|
+
BaoFileModule,
|
|
5781
|
+
BaoSnackBarModule
|
|
4994
5782
|
// TODO: reactivate once component does not depend on global css BaoBadgeModule,
|
|
4995
|
-
// TODO: reactivate once component does not depend on global css BaoSnackBarModule,
|
|
4996
5783
|
] });
|
|
4997
|
-
BaoModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
5784
|
+
BaoModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoModule, imports: [BaoIconModule,
|
|
4998
5785
|
BaoButtonModule,
|
|
4999
5786
|
BaoAlertModule,
|
|
5000
5787
|
BaoCardModule,
|
|
@@ -5016,11 +5803,11 @@ BaoModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.
|
|
|
5016
5803
|
BaoModalModule,
|
|
5017
5804
|
BaoHyperlinkModule,
|
|
5018
5805
|
BaoDropdownMenuModule,
|
|
5019
|
-
BaoFileModule
|
|
5806
|
+
BaoFileModule,
|
|
5807
|
+
BaoSnackBarModule
|
|
5020
5808
|
// TODO: reactivate once component does not depend on global css BaoBadgeModule,
|
|
5021
|
-
// TODO: reactivate once component does not depend on global css BaoSnackBarModule,
|
|
5022
5809
|
] });
|
|
5023
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
5810
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoModule, decorators: [{
|
|
5024
5811
|
type: NgModule,
|
|
5025
5812
|
args: [{
|
|
5026
5813
|
imports: [
|
|
@@ -5049,9 +5836,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
5049
5836
|
BaoModalModule,
|
|
5050
5837
|
BaoHyperlinkModule,
|
|
5051
5838
|
BaoDropdownMenuModule,
|
|
5052
|
-
BaoFileModule
|
|
5839
|
+
BaoFileModule,
|
|
5840
|
+
BaoSnackBarModule
|
|
5053
5841
|
// TODO: reactivate once component does not depend on global css BaoBadgeModule,
|
|
5054
|
-
// TODO: reactivate once component does not depend on global css BaoSnackBarModule,
|
|
5055
5842
|
]
|
|
5056
5843
|
}]
|
|
5057
5844
|
}] });
|
|
@@ -5066,9 +5853,9 @@ class BaoBadgeComponent {
|
|
|
5066
5853
|
this.type = '';
|
|
5067
5854
|
}
|
|
5068
5855
|
}
|
|
5069
|
-
BaoBadgeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
5070
|
-
BaoBadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
5071
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
5856
|
+
BaoBadgeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5857
|
+
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"] });
|
|
5858
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoBadgeComponent, decorators: [{
|
|
5072
5859
|
type: Component,
|
|
5073
5860
|
args: [{ selector: 'bao-badge', host: {
|
|
5074
5861
|
class: '',
|
|
@@ -5089,10 +5876,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
5089
5876
|
const BADGE_DIRECTIVES = [BaoBadgeComponent];
|
|
5090
5877
|
class BaoBadgeModule {
|
|
5091
5878
|
}
|
|
5092
|
-
BaoBadgeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
5093
|
-
BaoBadgeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
5094
|
-
BaoBadgeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
5095
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
5879
|
+
BaoBadgeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
5880
|
+
BaoBadgeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.3", ngImport: i0, type: BaoBadgeModule, declarations: [BaoBadgeComponent], imports: [CommonModule], exports: [BaoBadgeComponent] });
|
|
5881
|
+
BaoBadgeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoBadgeModule, imports: [CommonModule] });
|
|
5882
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoBadgeModule, decorators: [{
|
|
5096
5883
|
type: NgModule,
|
|
5097
5884
|
args: [{
|
|
5098
5885
|
imports: [CommonModule],
|
|
@@ -5131,9 +5918,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
5131
5918
|
* See LICENSE file in the project root for full license information.
|
|
5132
5919
|
*/
|
|
5133
5920
|
|
|
5921
|
+
/*
|
|
5922
|
+
* Copyright (c) 2023 Ville de Montreal. All rights reserved.
|
|
5923
|
+
* Licensed under the MIT license.
|
|
5924
|
+
* See LICENSE file in the project root for full license information.
|
|
5925
|
+
*/
|
|
5926
|
+
|
|
5134
5927
|
/**
|
|
5135
5928
|
* Generated bundle index. Do not edit.
|
|
5136
5929
|
*/
|
|
5137
5930
|
|
|
5138
|
-
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 };
|
|
5931
|
+
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 };
|
|
5139
5932
|
//# sourceMappingURL=villedemontreal-angular-ui.mjs.map
|