@villedemontreal/angular-ui 2.2.1 → 3.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/alert/alert.component.mjs +24 -26
- package/esm2020/lib/alert/module.mjs +5 -5
- package/esm2020/lib/avatar/avatar.component.mjs +102 -0
- package/esm2020/lib/avatar/index.mjs +8 -0
- package/esm2020/lib/avatar/module.mjs +24 -0
- package/esm2020/lib/badge/badge.component.mjs +3 -3
- package/esm2020/lib/badge/module.mjs +5 -5
- package/esm2020/lib/bao.module.mjs +24 -14
- package/esm2020/lib/breadcrumb/breadcrumb.component.mjs +8 -8
- package/esm2020/lib/breadcrumb/module.mjs +5 -5
- package/esm2020/lib/button/button.component.mjs +7 -7
- package/esm2020/lib/button/module.mjs +5 -5
- package/esm2020/lib/card/card.component.mjs +15 -15
- package/esm2020/lib/card/module.mjs +5 -5
- package/esm2020/lib/checkbox/checkbox-group.component.mjs +8 -9
- package/esm2020/lib/checkbox/checkbox.component.mjs +45 -46
- package/esm2020/lib/checkbox/module.mjs +5 -5
- 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 +5 -5
- package/esm2020/lib/common-components/title-text/titleText.component.mjs +3 -3
- package/esm2020/lib/header-info/header-info.component.mjs +18 -18
- package/esm2020/lib/header-info/module.mjs +5 -5
- package/esm2020/lib/icon/bao-icon-registry.mjs +3 -3
- package/esm2020/lib/icon/icon.component.mjs +30 -34
- package/esm2020/lib/icon/icons-dictionary.mjs +3 -2
- package/esm2020/lib/icon/module.mjs +5 -5
- package/esm2020/lib/list/list.component.mjs +15 -15
- package/esm2020/lib/list/module.mjs +5 -5
- package/esm2020/lib/modal/index.mjs +12 -0
- package/esm2020/lib/modal/modal-animations.mjs +29 -0
- package/esm2020/lib/modal/modal-config.mjs +65 -0
- package/esm2020/lib/modal/modal-container.mjs +254 -0
- package/esm2020/lib/modal/modal-directives.mjs +84 -0
- package/esm2020/lib/modal/modal-ref.mjs +195 -0
- package/esm2020/lib/modal/modal.mjs +293 -0
- package/esm2020/lib/modal/module.mjs +44 -0
- package/esm2020/lib/radio/module.mjs +10 -12
- package/esm2020/lib/radio/radio-group.component.mjs +43 -44
- package/esm2020/lib/radio/radio.component.mjs +45 -46
- package/esm2020/lib/summary/list-summary.component.mjs +9 -16
- package/esm2020/lib/summary/module.mjs +5 -5
- package/esm2020/lib/summary/summary.component.mjs +10 -11
- package/esm2020/lib/tabs/index.mjs +8 -0
- package/esm2020/lib/tabs/module.mjs +35 -0
- package/esm2020/lib/tabs/tabs.component.mjs +295 -0
- package/esm2020/lib/tag/module.mjs +5 -5
- package/esm2020/lib/tag/tag.component.mjs +5 -5
- package/esm2020/public-api.mjs +4 -1
- package/fesm2015/villedemontreal-angular-ui.mjs +1778 -384
- package/fesm2015/villedemontreal-angular-ui.mjs.map +1 -1
- package/fesm2020/villedemontreal-angular-ui.mjs +1770 -384
- package/fesm2020/villedemontreal-angular-ui.mjs.map +1 -1
- package/{villedemontreal-angular-ui.d.ts → index.d.ts} +0 -0
- package/lib/alert/alert.component.d.ts +6 -7
- package/lib/avatar/avatar.component.d.ts +26 -0
- package/lib/avatar/index.d.ts +2 -0
- package/lib/avatar/module.d.ts +8 -0
- package/lib/badge/badge.component.d.ts +1 -1
- package/lib/bao.module.d.ts +4 -1
- package/lib/breadcrumb/breadcrumb.component.d.ts +2 -2
- package/lib/button/button.component.d.ts +2 -2
- package/lib/card/card.component.d.ts +5 -5
- package/lib/checkbox/checkbox-group.component.d.ts +3 -3
- package/lib/checkbox/checkbox.component.d.ts +28 -28
- 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/header-info/header-info.component.d.ts +6 -6
- package/lib/icon/icon.component.d.ts +11 -11
- package/lib/list/list.component.d.ts +5 -5
- package/lib/modal/index.d.ts +6 -0
- package/lib/modal/modal-animations.d.ts +8 -0
- package/lib/modal/modal-config.d.ts +105 -0
- package/lib/modal/modal-container.d.ts +106 -0
- package/lib/modal/modal-directives.d.ts +25 -0
- package/lib/modal/modal-ref.d.ts +91 -0
- package/lib/modal/modal.d.ts +91 -0
- package/lib/modal/module.d.ts +12 -0
- package/lib/radio/radio-group.component.d.ts +19 -19
- package/lib/radio/radio.component.d.ts +28 -28
- package/lib/summary/list-summary.component.d.ts +2 -2
- package/lib/summary/summary.component.d.ts +7 -7
- package/lib/tabs/index.d.ts +2 -0
- package/lib/tabs/module.d.ts +8 -0
- package/lib/tabs/tabs.component.d.ts +95 -0
- package/lib/tag/tag.component.d.ts +2 -2
- package/package.json +7 -7
- package/public-api.d.ts +3 -0
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { SecurityContext, Injectable, Inject, Component, ViewEncapsulation, ChangeDetectionStrategy,
|
|
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 } 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';
|
|
@@ -9,6 +9,15 @@ import { NG_VALUE_ACCESSOR, FormsModule, ReactiveFormsModule } from '@angular/fo
|
|
|
9
9
|
import * as i1$3 from '@angular/cdk/a11y';
|
|
10
10
|
import { coerceBooleanProperty } from '@angular/cdk/coercion';
|
|
11
11
|
import * as i2 from '@angular/cdk/collections';
|
|
12
|
+
import * as i1$4 from '@angular/cdk/overlay';
|
|
13
|
+
import { OverlayConfig, OverlayModule } from '@angular/cdk/overlay';
|
|
14
|
+
import * as i3 from '@angular/cdk/portal';
|
|
15
|
+
import { BasePortalOutlet, CdkPortalOutlet, ComponentPortal, TemplatePortal, PortalModule } from '@angular/cdk/portal';
|
|
16
|
+
import { Subject, filter, take, defer, startWith, Subscription } from 'rxjs';
|
|
17
|
+
import { _getFocusedElementPierceShadowDom } from '@angular/cdk/platform';
|
|
18
|
+
import { trigger, state, style, transition, group, animate, query, animateChild } from '@angular/animations';
|
|
19
|
+
import { ESCAPE, hasModifierKey } from '@angular/cdk/keycodes';
|
|
20
|
+
import { ANIMATION_MODULE_TYPE, BrowserAnimationsModule, NoopAnimationsModule } from '@angular/platform-browser/animations';
|
|
12
21
|
|
|
13
22
|
function baoColorToHex(baoColor) {
|
|
14
23
|
switch (baoColor) {
|
|
@@ -155,7 +164,8 @@ const ICONS_DCT = {
|
|
|
155
164
|
'icon-x-circle-full': "<path fill-rule='evenodd' d='M10.586 12l-2.829 2.828a1 1 0 001.415 1.415L12 13.414l2.828 2.829a1 1 0 001.415-1.415L13.414 12l2.829-2.828a1 1 0 10-1.415-1.415L12 10.586 9.172 7.757a1 1 0 00-1.415 1.415L10.586 12zM12 23C5.925 23 1 18.075 1 12S5.925 1 12 1s11 4.925 11 11-4.925 11-11 11z'/>",
|
|
156
165
|
'icon-x-circle': "<path fill-rule='evenodd' d='M10.586 12L7.757 9.172a1 1 0 011.415-1.415L12 10.586l2.828-2.829a1 1 0 011.415 1.415L13.414 12l2.829 2.828a1 1 0 01-1.415 1.415L12 13.414l-2.828 2.829a1 1 0 11-1.415-1.415L10.586 12zm10.956 5.477a1 1 0 01-1.734-.997A8.953 8.953 0 0021 12a9 9 0 10-9 9 8.953 8.953 0 004.484-1.195 1 1 0 01.998 1.733A10.953 10.953 0 0112 23C5.925 23 1 18.075 1 12S5.925 1 12 1s11 4.925 11 11c0 1.948-.508 3.824-1.458 5.477z'/>",
|
|
157
166
|
'icon-x': "<path fill-rule='evenodd' d='M12 13.414l-5.293 5.293a1 1 0 11-1.414-1.414L10.586 12 5.293 6.707a1 1 0 011.414-1.414l12 12a1 1 0 01-1.414 1.414L12 13.414zm5.293-8.121a1 1 0 011.414 1.414l-3 3a1 1 0 11-1.414-1.414l3-3z'/>",
|
|
158
|
-
'icon-spinner': "<path d='M24 12C24 14.3734 23.2962 16.6935 21.9776 18.6668C20.6591 20.6402 18.7849 22.1783 16.5922 23.0866C14.3995 23.9948 11.9867 24.2324 9.65892 23.7694C7.33114 23.3064 5.19295 22.1635 3.51472 20.4853C1.83649 18.8071 0.693599 16.6689 0.230577 14.3411C-0.232446 12.0133 0.00519403 9.60051 0.913446 7.4078C1.8217 5.21509 3.35977 3.34094 5.33316 2.02236C7.30655 0.703788 9.62662 -2.83022e-08 12 0L12 3C10.22 3 8.47991 3.52784 6.99987 4.51677C5.51983 5.50571 4.36627 6.91131 3.68508 8.55585C3.0039 10.2004 2.82567 12.01 3.17293 13.7558C3.5202 15.5016 4.37737 17.1053 5.63604 18.364C6.89471 19.6226 8.49836 20.4798 10.2442 20.8271C11.99 21.1743 13.7996 20.9961 15.4442 20.3149C17.0887 19.6337 18.4943 18.4802 19.4832 17.0001C20.4722 15.5201 21 13.78 21 12H24Z'/>"
|
|
167
|
+
'icon-spinner': "<path d='M24 12C24 14.3734 23.2962 16.6935 21.9776 18.6668C20.6591 20.6402 18.7849 22.1783 16.5922 23.0866C14.3995 23.9948 11.9867 24.2324 9.65892 23.7694C7.33114 23.3064 5.19295 22.1635 3.51472 20.4853C1.83649 18.8071 0.693599 16.6689 0.230577 14.3411C-0.232446 12.0133 0.00519403 9.60051 0.913446 7.4078C1.8217 5.21509 3.35977 3.34094 5.33316 2.02236C7.30655 0.703788 9.62662 -2.83022e-08 12 0L12 3C10.22 3 8.47991 3.52784 6.99987 4.51677C5.51983 5.50571 4.36627 6.91131 3.68508 8.55585C3.0039 10.2004 2.82567 12.01 3.17293 13.7558C3.5202 15.5016 4.37737 17.1053 5.63604 18.364C6.89471 19.6226 8.49836 20.4798 10.2442 20.8271C11.99 21.1743 13.7996 20.9961 15.4442 20.3149C17.0887 19.6337 18.4943 18.4802 19.4832 17.0001C20.4722 15.5201 21 13.78 21 12H24Z'/>",
|
|
168
|
+
'icon-emergency': "<path fill-rule='evenodd' clip-rule='evenodd' d='M11.067 7.87a.957.957 0 011.914 0v4.786a.957.957 0 11-1.914 0V7.87zM12.024 15.527a.958.958 0 10.001 1.916.958.958 0 00-.001-1.916z M9.878 1.879a3 3 0 014.243 0l8 7.999a3 3 0 010 4.242l-7.999 8.001a3 3 0 01-4.242 0l-8.001-7.999a3 3 0 010-4.242l7.999-8.001zm2.829 1.414a1 1 0 00-1.415 0l-8 8a1 1 0 00.001 1.415l8 8a1 1 0 001.415 0l8-8.002a1 1 0 000-1.414l-8.001-8z'/>"
|
|
159
169
|
};
|
|
160
170
|
|
|
161
171
|
/*
|
|
@@ -187,9 +197,9 @@ class BaoIconDictionary {
|
|
|
187
197
|
return svg;
|
|
188
198
|
}
|
|
189
199
|
}
|
|
190
|
-
BaoIconDictionary.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
191
|
-
BaoIconDictionary.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
192
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
200
|
+
BaoIconDictionary.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoIconDictionary, deps: [{ token: DOCUMENT }, { token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
201
|
+
BaoIconDictionary.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoIconDictionary, providedIn: 'root' });
|
|
202
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoIconDictionary, decorators: [{
|
|
193
203
|
type: Injectable,
|
|
194
204
|
args: [{ providedIn: 'root' }]
|
|
195
205
|
}], ctorParameters: function () { return [{ type: undefined, decorators: [{
|
|
@@ -202,7 +212,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
|
|
|
202
212
|
* Licensed under the MIT license.
|
|
203
213
|
* See LICENSE file in the project root for full license information.
|
|
204
214
|
*/
|
|
205
|
-
const SVG_NAMESPACE = 'http://www.w3.org/2000/svg';
|
|
215
|
+
const SVG_NAMESPACE$1 = 'http://www.w3.org/2000/svg';
|
|
206
216
|
const TITLE = 'title';
|
|
207
217
|
/**
|
|
208
218
|
* Component to display an icon. It can be used in the following ways:
|
|
@@ -212,7 +222,7 @@ const TITLE = 'title';
|
|
|
212
222
|
* `<bao-icon svgIcon="heart"></bao-icon>`
|
|
213
223
|
*/
|
|
214
224
|
class BaoIconComponent {
|
|
215
|
-
constructor(elementRef, iconRegistry, renderer
|
|
225
|
+
constructor(elementRef, iconRegistry, renderer) {
|
|
216
226
|
this.elementRef = elementRef;
|
|
217
227
|
this.iconRegistry = iconRegistry;
|
|
218
228
|
this.renderer = renderer;
|
|
@@ -220,11 +230,6 @@ class BaoIconComponent {
|
|
|
220
230
|
* The size of the icon
|
|
221
231
|
*/
|
|
222
232
|
this.size = 'x-small';
|
|
223
|
-
// If the user has not explicitly set aria-hidden, mark the icon as hidden, as this is
|
|
224
|
-
// the right thing to do for the majority of icon use-cases.
|
|
225
|
-
if (!ariaHidden) {
|
|
226
|
-
this.elementRef.nativeElement.setAttribute('aria-hidden', 'true');
|
|
227
|
-
}
|
|
228
233
|
this._titleId = '';
|
|
229
234
|
this._title = '';
|
|
230
235
|
this._svgIcon = '';
|
|
@@ -233,6 +238,18 @@ class BaoIconComponent {
|
|
|
233
238
|
get svgIcon() {
|
|
234
239
|
return this._svgIcon;
|
|
235
240
|
}
|
|
241
|
+
/** Title that will be used as an aria-label for the icon */
|
|
242
|
+
get title() {
|
|
243
|
+
return this._title;
|
|
244
|
+
}
|
|
245
|
+
get hexColor() {
|
|
246
|
+
if (this.color) {
|
|
247
|
+
return baoColorToHex(this.color);
|
|
248
|
+
}
|
|
249
|
+
}
|
|
250
|
+
get titleId() {
|
|
251
|
+
return this._titleId;
|
|
252
|
+
}
|
|
236
253
|
set svgIcon(value) {
|
|
237
254
|
if (value !== this._svgIcon) {
|
|
238
255
|
if (value) {
|
|
@@ -245,15 +262,6 @@ class BaoIconComponent {
|
|
|
245
262
|
this.renderer.addClass(this.elementRef.nativeElement, `bao-${this._svgIcon}`);
|
|
246
263
|
}
|
|
247
264
|
}
|
|
248
|
-
get hexColor() {
|
|
249
|
-
if (this.color) {
|
|
250
|
-
return baoColorToHex(this.color);
|
|
251
|
-
}
|
|
252
|
-
}
|
|
253
|
-
/** Title that will be used as an aria-label for the icon */
|
|
254
|
-
get title() {
|
|
255
|
-
return this._title;
|
|
256
|
-
}
|
|
257
265
|
set title(value) {
|
|
258
266
|
if (value !== this._title) {
|
|
259
267
|
this._title = value;
|
|
@@ -261,9 +269,6 @@ class BaoIconComponent {
|
|
|
261
269
|
this.updateSvgIcon(this.svgIcon, value);
|
|
262
270
|
}
|
|
263
271
|
}
|
|
264
|
-
get titleId() {
|
|
265
|
-
return this._titleId;
|
|
266
|
-
}
|
|
267
272
|
ngOnDestroy() {
|
|
268
273
|
if (this._elementsWithExternalReferences) {
|
|
269
274
|
this._elementsWithExternalReferences.clear();
|
|
@@ -305,26 +310,32 @@ class BaoIconComponent {
|
|
|
305
310
|
if (title) {
|
|
306
311
|
svg = this.addTitleToSVG(svg, title);
|
|
307
312
|
}
|
|
313
|
+
if (!title) {
|
|
314
|
+
svg.setAttribute('aria-hidden', 'true');
|
|
315
|
+
}
|
|
308
316
|
this.setSvgElement(svg);
|
|
309
317
|
}
|
|
310
318
|
}
|
|
311
319
|
addTitleToSVG(svg, title) {
|
|
312
|
-
const titleNode = this.renderer.createElement(TITLE, SVG_NAMESPACE);
|
|
320
|
+
const titleNode = this.renderer.createElement(TITLE, SVG_NAMESPACE$1);
|
|
313
321
|
titleNode.id = this._titleId;
|
|
314
322
|
const titleText = this.renderer.createText(title);
|
|
315
323
|
this.renderer.appendChild(titleNode, titleText);
|
|
316
324
|
this.renderer.appendChild(svg, titleNode);
|
|
325
|
+
svg.setAttribute('aria-labelledby', this._titleId);
|
|
317
326
|
return svg;
|
|
318
327
|
}
|
|
319
328
|
generateUniqueTitleId() {
|
|
320
329
|
return this.title
|
|
321
|
-
? `${this.title
|
|
330
|
+
? `${this.title
|
|
331
|
+
.replace(/[^A-Z0-9]+/gi, '')
|
|
332
|
+
.toLocaleLowerCase()}-${Math.floor(Math.random() * 10000000000000000)}`
|
|
322
333
|
: '';
|
|
323
334
|
}
|
|
324
335
|
}
|
|
325
|
-
BaoIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
326
|
-
BaoIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
327
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
336
|
+
BaoIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoIconComponent, deps: [{ token: i0.ElementRef }, { token: BaoIconDictionary }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
337
|
+
BaoIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.1", 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 });
|
|
338
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoIconComponent, decorators: [{
|
|
328
339
|
type: Component,
|
|
329
340
|
args: [{ template: '<ng-content></ng-content>', selector: 'bao-icon', exportAs: 'baoIcon', host: {
|
|
330
341
|
role: 'img',
|
|
@@ -336,20 +347,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
|
|
|
336
347
|
'[class.bao-icon-x-small]': 'size === "x-small"',
|
|
337
348
|
'[class.bao-icon-xx-small]': 'size === "xx-small"',
|
|
338
349
|
'[attr.data-bao-icon-type]': '"svg"',
|
|
339
|
-
'[attr.aria-labelledby]': 'titleId',
|
|
340
|
-
'[attr.aria-hidden]': '!title',
|
|
341
350
|
'[style.color]': 'hexColor'
|
|
342
|
-
}, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["bao-icon{background-repeat:no-repeat;display:inline-
|
|
343
|
-
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: BaoIconDictionary }, { type: i0.Renderer2 },
|
|
344
|
-
type: Attribute,
|
|
345
|
-
args: ['aria-hidden']
|
|
346
|
-
}] }]; }, propDecorators: { svgIcon: [{
|
|
351
|
+
}, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, 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"] }]
|
|
352
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: BaoIconDictionary }, { type: i0.Renderer2 }]; }, propDecorators: { color: [{
|
|
347
353
|
type: Input
|
|
348
|
-
}],
|
|
354
|
+
}], size: [{
|
|
349
355
|
type: Input
|
|
350
|
-
}],
|
|
356
|
+
}], svgIcon: [{
|
|
351
357
|
type: Input
|
|
352
|
-
}],
|
|
358
|
+
}], title: [{
|
|
353
359
|
type: Input
|
|
354
360
|
}] } });
|
|
355
361
|
|
|
@@ -361,10 +367,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
|
|
|
361
367
|
const ICON_DIRECTIVES = [BaoIconComponent];
|
|
362
368
|
class BaoIconModule {
|
|
363
369
|
}
|
|
364
|
-
BaoIconModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
365
|
-
BaoIconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "
|
|
366
|
-
BaoIconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
367
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
370
|
+
BaoIconModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
371
|
+
BaoIconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.1", ngImport: i0, type: BaoIconModule, declarations: [BaoIconComponent], imports: [CommonModule], exports: [BaoIconComponent] });
|
|
372
|
+
BaoIconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoIconModule, imports: [CommonModule] });
|
|
373
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoIconModule, decorators: [{
|
|
368
374
|
type: NgModule,
|
|
369
375
|
args: [{
|
|
370
376
|
imports: [CommonModule],
|
|
@@ -434,9 +440,9 @@ class BaoButtonComponent {
|
|
|
434
440
|
this.cdr.detectChanges();
|
|
435
441
|
}
|
|
436
442
|
}
|
|
437
|
-
BaoButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
438
|
-
BaoButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
439
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
443
|
+
BaoButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoButtonComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
444
|
+
BaoButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.1", 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 });
|
|
445
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoButtonComponent, decorators: [{
|
|
440
446
|
type: Component,
|
|
441
447
|
args: [{ selector: 'button[bao-button]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
442
448
|
class: 'bao-button',
|
|
@@ -452,7 +458,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
|
|
|
452
458
|
'[class.bao-button-loading]': 'loading === true',
|
|
453
459
|
'[class.bao-button-no-text]': 'noText === true',
|
|
454
460
|
'[class.bao-button-full-width]': 'fullWidth === true'
|
|
455
|
-
}, template: "<bao-icon\n *ngIf=\"loading && !rightIcon\"\n class=\"loading-spinner\"\n svgIcon=\"icon-spinner\"\n [title]=\"
|
|
461
|
+
}, 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"] }]
|
|
456
462
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { displayType: [{
|
|
457
463
|
type: Input
|
|
458
464
|
}], level: [{
|
|
@@ -477,10 +483,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
|
|
|
477
483
|
const BUTTON_DIRECTIVES = [BaoButtonComponent];
|
|
478
484
|
class BaoButtonModule {
|
|
479
485
|
}
|
|
480
|
-
BaoButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
481
|
-
BaoButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "
|
|
482
|
-
BaoButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
483
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
486
|
+
BaoButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
487
|
+
BaoButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.1", ngImport: i0, type: BaoButtonModule, declarations: [BaoButtonComponent], imports: [CommonModule, BaoIconModule], exports: [BaoButtonComponent, BaoIconModule] });
|
|
488
|
+
BaoButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoButtonModule, imports: [CommonModule, BaoIconModule, BaoIconModule] });
|
|
489
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoButtonModule, decorators: [{
|
|
484
490
|
type: NgModule,
|
|
485
491
|
args: [{
|
|
486
492
|
imports: [CommonModule, BaoIconModule],
|
|
@@ -509,9 +515,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
|
|
|
509
515
|
*/
|
|
510
516
|
class BaoAlertTitle {
|
|
511
517
|
}
|
|
512
|
-
BaoAlertTitle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
513
|
-
BaoAlertTitle.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "
|
|
514
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
518
|
+
BaoAlertTitle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoAlertTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
519
|
+
BaoAlertTitle.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.1", type: BaoAlertTitle, selector: "bao-alert-title", host: { classAttribute: "bao-alert-title" }, ngImport: i0 });
|
|
520
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoAlertTitle, decorators: [{
|
|
515
521
|
type: Directive,
|
|
516
522
|
args: [{
|
|
517
523
|
selector: 'bao-alert-title',
|
|
@@ -527,9 +533,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
|
|
|
527
533
|
*/
|
|
528
534
|
class BaoAlertContent {
|
|
529
535
|
}
|
|
530
|
-
BaoAlertContent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
531
|
-
BaoAlertContent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "
|
|
532
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
536
|
+
BaoAlertContent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoAlertContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
537
|
+
BaoAlertContent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.1", type: BaoAlertContent, selector: "bao-alert-content", host: { classAttribute: "bao-alert-content" }, ngImport: i0 });
|
|
538
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoAlertContent, decorators: [{
|
|
533
539
|
type: Directive,
|
|
534
540
|
args: [{
|
|
535
541
|
selector: 'bao-alert-content',
|
|
@@ -545,9 +551,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
|
|
|
545
551
|
*/
|
|
546
552
|
class BaoAlertActions {
|
|
547
553
|
}
|
|
548
|
-
BaoAlertActions.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
549
|
-
BaoAlertActions.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "
|
|
550
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
554
|
+
BaoAlertActions.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoAlertActions, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
555
|
+
BaoAlertActions.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.1", type: BaoAlertActions, selector: "bao-alert-actions", host: { classAttribute: "bao-alert-actions" }, exportAs: ["baoAlertActions"], ngImport: i0 });
|
|
556
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoAlertActions, decorators: [{
|
|
551
557
|
type: Directive,
|
|
552
558
|
args: [{
|
|
553
559
|
selector: 'bao-alert-actions',
|
|
@@ -566,9 +572,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
|
|
|
566
572
|
*/
|
|
567
573
|
class BaoAlertLink {
|
|
568
574
|
}
|
|
569
|
-
BaoAlertLink.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
570
|
-
BaoAlertLink.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "
|
|
571
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
575
|
+
BaoAlertLink.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoAlertLink, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
576
|
+
BaoAlertLink.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.1", type: BaoAlertLink, selector: "bao-alert-link", host: { classAttribute: "bao-alert-link" }, ngImport: i0 });
|
|
577
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoAlertLink, decorators: [{
|
|
572
578
|
type: Directive,
|
|
573
579
|
args: [{
|
|
574
580
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
@@ -591,12 +597,9 @@ class BaoAlertComponent {
|
|
|
591
597
|
/**
|
|
592
598
|
* Alert type
|
|
593
599
|
*/
|
|
594
|
-
this.type = '';
|
|
600
|
+
this.type = 'info';
|
|
595
601
|
this.dismissible = false;
|
|
596
|
-
this.showIcon = true;
|
|
597
602
|
this.dismiss = new EventEmitter();
|
|
598
|
-
this.iconType = 'icon-info';
|
|
599
|
-
this.iconTitle = 'Information';
|
|
600
603
|
}
|
|
601
604
|
ngOnChanges(changes) {
|
|
602
605
|
if (changes['type']) {
|
|
@@ -609,6 +612,7 @@ class BaoAlertComponent {
|
|
|
609
612
|
success: 'icon-check-circle',
|
|
610
613
|
danger: 'icon-error',
|
|
611
614
|
warning: 'icon-warning',
|
|
615
|
+
emergency: 'icon-emergency',
|
|
612
616
|
default: 'icon-info'
|
|
613
617
|
};
|
|
614
618
|
return typesAlertIcon[value] || typesAlertIcon.default;
|
|
@@ -618,6 +622,7 @@ class BaoAlertComponent {
|
|
|
618
622
|
success: 'Succès',
|
|
619
623
|
danger: 'Erreur',
|
|
620
624
|
warning: 'Attention',
|
|
625
|
+
emergency: 'Urgence',
|
|
621
626
|
default: 'Information'
|
|
622
627
|
};
|
|
623
628
|
return titleIcon[value] || titleIcon.default;
|
|
@@ -626,9 +631,9 @@ class BaoAlertComponent {
|
|
|
626
631
|
this.dismiss.emit();
|
|
627
632
|
}
|
|
628
633
|
}
|
|
629
|
-
BaoAlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
630
|
-
BaoAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
631
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
634
|
+
BaoAlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
635
|
+
BaoAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.1", 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 });
|
|
636
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoAlertComponent, decorators: [{
|
|
632
637
|
type: Component,
|
|
633
638
|
args: [{ selector: 'bao-alert', encapsulation: ViewEncapsulation.None, host: {
|
|
634
639
|
class: 'bao-alert bao-alert-with-icon bao-alert-dismissible fade show',
|
|
@@ -636,14 +641,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
|
|
|
636
641
|
'[class.bao-alert-danger]': 'type === "danger"',
|
|
637
642
|
'[class.bao-alert-warning]': 'type === "warning"',
|
|
638
643
|
'[class.bao-alert-info]': 'type === "info"',
|
|
644
|
+
'[class.bao-alert-emergency]': 'type === "emergency"',
|
|
639
645
|
role: 'alert'
|
|
640
|
-
}, template: "<
|
|
646
|
+
}, 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"] }]
|
|
641
647
|
}], propDecorators: { type: [{
|
|
642
648
|
type: Input
|
|
643
649
|
}], dismissible: [{
|
|
644
650
|
type: Input
|
|
645
|
-
}], showIcon: [{
|
|
646
|
-
type: Input
|
|
647
651
|
}], dismiss: [{
|
|
648
652
|
type: Output
|
|
649
653
|
}] } });
|
|
@@ -662,8 +666,8 @@ const ALERT_DIRECTIVES = [
|
|
|
662
666
|
];
|
|
663
667
|
class BaoAlertModule {
|
|
664
668
|
}
|
|
665
|
-
BaoAlertModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
666
|
-
BaoAlertModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "
|
|
669
|
+
BaoAlertModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
670
|
+
BaoAlertModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.1", ngImport: i0, type: BaoAlertModule, declarations: [BaoAlertTitle,
|
|
667
671
|
BaoAlertContent,
|
|
668
672
|
BaoAlertActions,
|
|
669
673
|
BaoAlertLink,
|
|
@@ -672,8 +676,8 @@ BaoAlertModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version:
|
|
|
672
676
|
BaoAlertActions,
|
|
673
677
|
BaoAlertLink,
|
|
674
678
|
BaoAlertComponent, BaoIconModule, BaoButtonModule] });
|
|
675
|
-
BaoAlertModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
676
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
679
|
+
BaoAlertModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoAlertModule, imports: [CommonModule, BaoIconModule, BaoButtonModule, BaoIconModule, BaoButtonModule] });
|
|
680
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoAlertModule, decorators: [{
|
|
677
681
|
type: NgModule,
|
|
678
682
|
args: [{
|
|
679
683
|
imports: [CommonModule, BaoIconModule, BaoButtonModule],
|
|
@@ -699,20 +703,20 @@ class BaoBreadcrumbComponent {
|
|
|
699
703
|
constructor(renderer) {
|
|
700
704
|
this.renderer = renderer;
|
|
701
705
|
}
|
|
702
|
-
setLastLinkAttribute() {
|
|
703
|
-
const children = Array.from(this.staticContainer.nativeElement.children);
|
|
704
|
-
this.renderer.setAttribute(children[children.length - 1], Object.keys(LAST_NODE_ATTRIBUTE)[0], Object.values(LAST_NODE_ATTRIBUTE)[0]);
|
|
705
|
-
}
|
|
706
706
|
ngAfterViewInit() {
|
|
707
707
|
this.setLastLinkAttribute();
|
|
708
708
|
}
|
|
709
709
|
onContentChange() {
|
|
710
710
|
this.setLastLinkAttribute();
|
|
711
711
|
}
|
|
712
|
+
setLastLinkAttribute() {
|
|
713
|
+
const children = Array.from(this.staticContainer.nativeElement.children);
|
|
714
|
+
this.renderer.setAttribute(children[children.length - 1], Object.keys(LAST_NODE_ATTRIBUTE)[0], Object.values(LAST_NODE_ATTRIBUTE)[0]);
|
|
715
|
+
}
|
|
712
716
|
}
|
|
713
|
-
BaoBreadcrumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
714
|
-
BaoBreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
715
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
717
|
+
BaoBreadcrumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoBreadcrumbComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
718
|
+
BaoBreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.1", 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 });
|
|
719
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoBreadcrumbComponent, decorators: [{
|
|
716
720
|
type: Component,
|
|
717
721
|
args: [{ selector: 'bao-breadcrumb', encapsulation: ViewEncapsulation.None, host: {
|
|
718
722
|
class: 'bao-breadcrumb'
|
|
@@ -730,10 +734,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
|
|
|
730
734
|
const BREADCRUMB_DIRECTIVES = [BaoBreadcrumbComponent];
|
|
731
735
|
class BaoBreadcrumbModule {
|
|
732
736
|
}
|
|
733
|
-
BaoBreadcrumbModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
734
|
-
BaoBreadcrumbModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "
|
|
735
|
-
BaoBreadcrumbModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
736
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
737
|
+
BaoBreadcrumbModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoBreadcrumbModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
738
|
+
BaoBreadcrumbModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.1", ngImport: i0, type: BaoBreadcrumbModule, declarations: [BaoBreadcrumbComponent], imports: [CommonModule, ObserversModule], exports: [BaoBreadcrumbComponent] });
|
|
739
|
+
BaoBreadcrumbModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoBreadcrumbModule, imports: [CommonModule, ObserversModule] });
|
|
740
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoBreadcrumbModule, decorators: [{
|
|
737
741
|
type: NgModule,
|
|
738
742
|
args: [{
|
|
739
743
|
imports: [CommonModule, ObserversModule],
|
|
@@ -774,9 +778,9 @@ class BaoCardComponent {
|
|
|
774
778
|
this.padding = 'normal';
|
|
775
779
|
}
|
|
776
780
|
}
|
|
777
|
-
BaoCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
778
|
-
BaoCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
779
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
781
|
+
BaoCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
782
|
+
BaoCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.1", 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 });
|
|
783
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoCardComponent, decorators: [{
|
|
780
784
|
type: Component,
|
|
781
785
|
args: [{ selector: 'bao-card, [bao-card], [baoCard]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
782
786
|
class: 'bao-card',
|
|
@@ -790,9 +794,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
|
|
|
790
794
|
*/
|
|
791
795
|
class BaoCardHeader {
|
|
792
796
|
}
|
|
793
|
-
BaoCardHeader.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
794
|
-
BaoCardHeader.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "
|
|
795
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
797
|
+
BaoCardHeader.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoCardHeader, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
798
|
+
BaoCardHeader.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.1", type: BaoCardHeader, selector: "bao-card-header, [bao-card-header], [baoCardHeader]", host: { classAttribute: "bao-card-header" }, ngImport: i0 });
|
|
799
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoCardHeader, decorators: [{
|
|
796
800
|
type: Directive,
|
|
797
801
|
args: [{
|
|
798
802
|
selector: 'bao-card-header, [bao-card-header], [baoCardHeader]',
|
|
@@ -804,9 +808,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
|
|
|
804
808
|
*/
|
|
805
809
|
class BaoCardContent {
|
|
806
810
|
}
|
|
807
|
-
BaoCardContent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
808
|
-
BaoCardContent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "
|
|
809
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
811
|
+
BaoCardContent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoCardContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
812
|
+
BaoCardContent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.1", type: BaoCardContent, selector: "bao-card-content, [bao-card-content], [baoCardContent]", host: { classAttribute: "bao-card-content" }, ngImport: i0 });
|
|
813
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoCardContent, decorators: [{
|
|
810
814
|
type: Directive,
|
|
811
815
|
args: [{
|
|
812
816
|
selector: 'bao-card-content, [bao-card-content], [baoCardContent]',
|
|
@@ -818,9 +822,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
|
|
|
818
822
|
*/
|
|
819
823
|
class BaoCardTitle {
|
|
820
824
|
}
|
|
821
|
-
BaoCardTitle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
822
|
-
BaoCardTitle.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "
|
|
823
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
825
|
+
BaoCardTitle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoCardTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
826
|
+
BaoCardTitle.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.1", type: BaoCardTitle, selector: "bao-card-title, [bao-card-title], [baoCardTitle]", host: { classAttribute: "bao-card-title" }, ngImport: i0 });
|
|
827
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoCardTitle, decorators: [{
|
|
824
828
|
type: Directive,
|
|
825
829
|
args: [{
|
|
826
830
|
selector: `bao-card-title, [bao-card-title], [baoCardTitle]`,
|
|
@@ -834,9 +838,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
|
|
|
834
838
|
*/
|
|
835
839
|
class BaoCardTextInterface {
|
|
836
840
|
}
|
|
837
|
-
BaoCardTextInterface.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
838
|
-
BaoCardTextInterface.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "
|
|
839
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
841
|
+
BaoCardTextInterface.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoCardTextInterface, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
842
|
+
BaoCardTextInterface.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.1", type: BaoCardTextInterface, selector: "bao-card-text-interface, [bao-card-text-interface], [baoCardTextInterface]", host: { classAttribute: "bao-card-text-interface" }, ngImport: i0 });
|
|
843
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoCardTextInterface, decorators: [{
|
|
840
844
|
type: Directive,
|
|
841
845
|
args: [{
|
|
842
846
|
selector: `bao-card-text-interface, [bao-card-text-interface], [baoCardTextInterface]`,
|
|
@@ -860,8 +864,8 @@ const CARD_DIRECTIVES = [
|
|
|
860
864
|
];
|
|
861
865
|
class BaoCardModule {
|
|
862
866
|
}
|
|
863
|
-
BaoCardModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
864
|
-
BaoCardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "
|
|
867
|
+
BaoCardModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
868
|
+
BaoCardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.1", ngImport: i0, type: BaoCardModule, declarations: [BaoCardComponent,
|
|
865
869
|
BaoCardContent,
|
|
866
870
|
BaoCardHeader,
|
|
867
871
|
BaoCardTextInterface,
|
|
@@ -870,8 +874,8 @@ BaoCardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version:
|
|
|
870
874
|
BaoCardHeader,
|
|
871
875
|
BaoCardTextInterface,
|
|
872
876
|
BaoCardTitle] });
|
|
873
|
-
BaoCardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
874
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
877
|
+
BaoCardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoCardModule, imports: [CommonModule] });
|
|
878
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoCardModule, decorators: [{
|
|
875
879
|
type: NgModule,
|
|
876
880
|
args: [{
|
|
877
881
|
imports: [CommonModule],
|
|
@@ -893,9 +897,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
|
|
|
893
897
|
*/
|
|
894
898
|
class BaoErrorTextComponent {
|
|
895
899
|
}
|
|
896
|
-
BaoErrorTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
897
|
-
BaoErrorTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
898
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
900
|
+
BaoErrorTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoErrorTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
901
|
+
BaoErrorTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.1", 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 });
|
|
902
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoErrorTextComponent, decorators: [{
|
|
899
903
|
type: Component,
|
|
900
904
|
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"] }]
|
|
901
905
|
}] });
|
|
@@ -907,9 +911,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
|
|
|
907
911
|
*/
|
|
908
912
|
class BaoGuidingTextComponent {
|
|
909
913
|
}
|
|
910
|
-
BaoGuidingTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
911
|
-
BaoGuidingTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
912
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
914
|
+
BaoGuidingTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoGuidingTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
915
|
+
BaoGuidingTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.1", 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 });
|
|
916
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoGuidingTextComponent, decorators: [{
|
|
913
917
|
type: Component,
|
|
914
918
|
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"] }]
|
|
915
919
|
}] });
|
|
@@ -924,9 +928,9 @@ class BaoLabelTextComponent {
|
|
|
924
928
|
this.required = false;
|
|
925
929
|
}
|
|
926
930
|
}
|
|
927
|
-
BaoLabelTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
928
|
-
BaoLabelTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
929
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
931
|
+
BaoLabelTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoLabelTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
932
|
+
BaoLabelTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.1", type: BaoLabelTextComponent, selector: "bao-label, [bao-label]", inputs: { required: "required" }, host: { classAttribute: "bao-label" }, ngImport: i0, template: '<div class="bao-label"><ng-content></ng-content><span *ngIf="required"> *</span></div>', isInline: true, styles: [".bao-label{color:#212529!important;font-weight:700;line-height:1.5em;font-size:1rem;margin-bottom:0}.bao-label span{color:#d3310a}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
933
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoLabelTextComponent, decorators: [{
|
|
930
934
|
type: Component,
|
|
931
935
|
args: [{ selector: 'bao-label, [bao-label]', encapsulation: ViewEncapsulation.None, template: '<div class="bao-label"><ng-content></ng-content><span *ngIf="required"> *</span></div>', host: { class: 'bao-label' }, styles: [".bao-label{color:#212529!important;font-weight:700;line-height:1.5em;font-size:1rem;margin-bottom:0}.bao-label span{color:#d3310a}\n"] }]
|
|
932
936
|
}], propDecorators: { required: [{
|
|
@@ -940,9 +944,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
|
|
|
940
944
|
*/
|
|
941
945
|
class BaoTitleTextComponent {
|
|
942
946
|
}
|
|
943
|
-
BaoTitleTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
944
|
-
BaoTitleTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
945
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
947
|
+
BaoTitleTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoTitleTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
948
|
+
BaoTitleTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.1", 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 });
|
|
949
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoTitleTextComponent, decorators: [{
|
|
946
950
|
type: Component,
|
|
947
951
|
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"] }]
|
|
948
952
|
}] });
|
|
@@ -966,16 +970,16 @@ const DIRECTIVES$2 = [
|
|
|
966
970
|
];
|
|
967
971
|
class BaoCommonComponentsModule {
|
|
968
972
|
}
|
|
969
|
-
BaoCommonComponentsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
970
|
-
BaoCommonComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "
|
|
973
|
+
BaoCommonComponentsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoCommonComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
974
|
+
BaoCommonComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.1", ngImport: i0, type: BaoCommonComponentsModule, declarations: [BaoErrorTextComponent,
|
|
971
975
|
BaoGuidingTextComponent,
|
|
972
976
|
BaoLabelTextComponent,
|
|
973
977
|
BaoTitleTextComponent], imports: [CommonModule], exports: [BaoErrorTextComponent,
|
|
974
978
|
BaoGuidingTextComponent,
|
|
975
979
|
BaoLabelTextComponent,
|
|
976
980
|
BaoTitleTextComponent] });
|
|
977
|
-
BaoCommonComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
978
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
981
|
+
BaoCommonComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoCommonComponentsModule, imports: [CommonModule] });
|
|
982
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoCommonComponentsModule, decorators: [{
|
|
979
983
|
type: NgModule,
|
|
980
984
|
args: [{
|
|
981
985
|
imports: [CommonModule],
|
|
@@ -996,15 +1000,14 @@ let checkboxGroupNextUniqueId = 0;
|
|
|
996
1000
|
class BaoCheckboxGroupComponent {
|
|
997
1001
|
constructor(cdr) {
|
|
998
1002
|
this.cdr = cdr;
|
|
999
|
-
this._uniqueId = `bao-checkbox-group-${++checkboxGroupNextUniqueId}`;
|
|
1000
|
-
/**
|
|
1001
|
-
* The checkbox group ID. It is set dynamically with an unique ID by default
|
|
1002
|
-
*/
|
|
1003
|
-
this.id = this._uniqueId;
|
|
1004
1003
|
/**
|
|
1005
1004
|
* The aria-describedby id for web accessibilty
|
|
1006
1005
|
*/
|
|
1007
1006
|
this.ariaDescribedby = undefined;
|
|
1007
|
+
this._uniqueId = `bao-checkbox-group-${++checkboxGroupNextUniqueId}`;
|
|
1008
|
+
if (!this.id) {
|
|
1009
|
+
this.id = this._uniqueId;
|
|
1010
|
+
}
|
|
1008
1011
|
}
|
|
1009
1012
|
ngAfterViewInit() {
|
|
1010
1013
|
this.setAriaDescribedByToDescription();
|
|
@@ -1028,9 +1031,9 @@ class BaoCheckboxGroupComponent {
|
|
|
1028
1031
|
this.ariaDescribedby = value ? `${this.id}-ariadescribedby` : undefined;
|
|
1029
1032
|
}
|
|
1030
1033
|
}
|
|
1031
|
-
BaoCheckboxGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1032
|
-
BaoCheckboxGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
1033
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1034
|
+
BaoCheckboxGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoCheckboxGroupComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
1035
|
+
BaoCheckboxGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.1", 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 });
|
|
1036
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoCheckboxGroupComponent, decorators: [{
|
|
1034
1037
|
type: Component,
|
|
1035
1038
|
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"] }]
|
|
1036
1039
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { id: [{
|
|
@@ -1049,14 +1052,6 @@ class BaoCheckboxComponent {
|
|
|
1049
1052
|
this.elementRef = elementRef;
|
|
1050
1053
|
this.cdr = cdr;
|
|
1051
1054
|
this.focusMonitor = focusMonitor;
|
|
1052
|
-
this._disabled = false;
|
|
1053
|
-
this._checked = false;
|
|
1054
|
-
this._indeterminate = false;
|
|
1055
|
-
this._uniqueId = `bao-checkbox-${++checkboxNextUniqueId}`;
|
|
1056
|
-
/**
|
|
1057
|
-
* The checkbox ID. It is set dynamically with an unique ID by default
|
|
1058
|
-
*/
|
|
1059
|
-
this.id = this._uniqueId;
|
|
1060
1055
|
/**
|
|
1061
1056
|
* Whether the checkbox has a border and is considered as a card.
|
|
1062
1057
|
*/
|
|
@@ -1077,8 +1072,15 @@ class BaoCheckboxComponent {
|
|
|
1077
1072
|
* Inderminate value of the checkbox whenever
|
|
1078
1073
|
*/
|
|
1079
1074
|
this.indeterminateChange = new EventEmitter();
|
|
1075
|
+
this._disabled = false;
|
|
1076
|
+
this._checked = false;
|
|
1077
|
+
this._indeterminate = false;
|
|
1078
|
+
this._uniqueId = `bao-checkbox-${++checkboxNextUniqueId}`;
|
|
1080
1079
|
this.onModelChange = () => undefined;
|
|
1081
1080
|
this.onTouch = () => undefined;
|
|
1081
|
+
if (!this.id) {
|
|
1082
|
+
this.id = this._uniqueId;
|
|
1083
|
+
}
|
|
1082
1084
|
}
|
|
1083
1085
|
/**
|
|
1084
1086
|
* Whether the checkbox is checked. Default value : false
|
|
@@ -1086,41 +1088,44 @@ class BaoCheckboxComponent {
|
|
|
1086
1088
|
get checked() {
|
|
1087
1089
|
return this._checked;
|
|
1088
1090
|
}
|
|
1089
|
-
set checked(value) {
|
|
1090
|
-
if (value !== this.checked) {
|
|
1091
|
-
this._checked = value;
|
|
1092
|
-
this.cdr.markForCheck();
|
|
1093
|
-
}
|
|
1094
|
-
}
|
|
1095
1091
|
/**
|
|
1096
1092
|
* Whether the checkbox is disabled. Default value : false
|
|
1097
1093
|
*/
|
|
1098
1094
|
get disabled() {
|
|
1099
1095
|
return this._disabled;
|
|
1100
1096
|
}
|
|
1101
|
-
set disabled(value) {
|
|
1102
|
-
// In the case the value is string or boolean
|
|
1103
|
-
const newValue = value;
|
|
1104
|
-
if (newValue !== this.disabled) {
|
|
1105
|
-
this._disabled = newValue;
|
|
1106
|
-
this.cdr.markForCheck();
|
|
1107
|
-
}
|
|
1108
|
-
}
|
|
1109
1097
|
/**
|
|
1110
1098
|
* Whether the checkbox is required. Default value : false
|
|
1111
1099
|
*/
|
|
1112
1100
|
get required() {
|
|
1113
1101
|
return this._required;
|
|
1114
1102
|
}
|
|
1115
|
-
set required(value) {
|
|
1116
|
-
this._required = value;
|
|
1117
|
-
}
|
|
1118
1103
|
/**
|
|
1119
1104
|
* Whether the checkbox is indeterminate. Default value : false
|
|
1120
1105
|
*/
|
|
1121
1106
|
get indeterminate() {
|
|
1122
1107
|
return this._indeterminate;
|
|
1123
1108
|
}
|
|
1109
|
+
get nativeElement() {
|
|
1110
|
+
return this.elementRef.nativeElement;
|
|
1111
|
+
}
|
|
1112
|
+
set checked(value) {
|
|
1113
|
+
if (value !== this.checked) {
|
|
1114
|
+
this._checked = value;
|
|
1115
|
+
this.cdr.markForCheck();
|
|
1116
|
+
}
|
|
1117
|
+
}
|
|
1118
|
+
set disabled(value) {
|
|
1119
|
+
// In the case the value is string or boolean
|
|
1120
|
+
const newValue = value;
|
|
1121
|
+
if (newValue !== this.disabled) {
|
|
1122
|
+
this._disabled = newValue;
|
|
1123
|
+
this.cdr.markForCheck();
|
|
1124
|
+
}
|
|
1125
|
+
}
|
|
1126
|
+
set required(value) {
|
|
1127
|
+
this._required = value;
|
|
1128
|
+
}
|
|
1124
1129
|
set indeterminate(value) {
|
|
1125
1130
|
const newValue = value;
|
|
1126
1131
|
if (newValue !== this._indeterminate) {
|
|
@@ -1130,9 +1135,6 @@ class BaoCheckboxComponent {
|
|
|
1130
1135
|
// Update the inderteminate value of the html element object
|
|
1131
1136
|
this.syncIndeterminate(this._indeterminate);
|
|
1132
1137
|
}
|
|
1133
|
-
get nativeElement() {
|
|
1134
|
-
return this.elementRef.nativeElement;
|
|
1135
|
-
}
|
|
1136
1138
|
ngOnInit() {
|
|
1137
1139
|
// Set all unique ids for the html elements
|
|
1138
1140
|
this.inputID = `${this.id}-input`;
|
|
@@ -1274,15 +1276,15 @@ class BaoCheckboxComponent {
|
|
|
1274
1276
|
this.checked = !this.checked;
|
|
1275
1277
|
}
|
|
1276
1278
|
}
|
|
1277
|
-
BaoCheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1278
|
-
BaoCheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
1279
|
+
BaoCheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoCheckboxComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1$3.FocusMonitor }], target: i0.ɵɵFactoryTarget.Component });
|
|
1280
|
+
BaoCheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.1", 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: [
|
|
1279
1281
|
{
|
|
1280
1282
|
provide: NG_VALUE_ACCESSOR,
|
|
1281
1283
|
useExisting: forwardRef(() => BaoCheckboxComponent),
|
|
1282
1284
|
multi: true
|
|
1283
1285
|
}
|
|
1284
|
-
], 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)
|
|
1285
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1286
|
+
], 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 });
|
|
1287
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoCheckboxComponent, decorators: [{
|
|
1286
1288
|
type: Component,
|
|
1287
1289
|
args: [{ selector: 'bao-checkbox, [bao-checkbox]', providers: [
|
|
1288
1290
|
{
|
|
@@ -1299,16 +1301,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
|
|
|
1299
1301
|
'[class.bao-checkbox-card]': 'brandBorder',
|
|
1300
1302
|
'[class.bao-checkbox-required]': 'required',
|
|
1301
1303
|
'[class.bao-checkbox-hidden-label]': 'hiddenLabel'
|
|
1302
|
-
}, 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)
|
|
1303
|
-
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1$3.FocusMonitor }]; }, propDecorators: {
|
|
1304
|
-
type: Input
|
|
1305
|
-
}], disabled: [{
|
|
1306
|
-
type: Input
|
|
1307
|
-
}], required: [{
|
|
1308
|
-
type: Input
|
|
1309
|
-
}], indeterminate: [{
|
|
1310
|
-
type: Input
|
|
1311
|
-
}], id: [{
|
|
1304
|
+
}, 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"] }]
|
|
1305
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1$3.FocusMonitor }]; }, propDecorators: { id: [{
|
|
1312
1306
|
type: Input
|
|
1313
1307
|
}], ariaLabel: [{
|
|
1314
1308
|
type: Input,
|
|
@@ -1328,12 +1322,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
|
|
|
1328
1322
|
}], inputElement: [{
|
|
1329
1323
|
type: ViewChild,
|
|
1330
1324
|
args: ['input', { static: false }]
|
|
1325
|
+
}], checked: [{
|
|
1326
|
+
type: Input
|
|
1327
|
+
}], disabled: [{
|
|
1328
|
+
type: Input
|
|
1329
|
+
}], required: [{
|
|
1330
|
+
type: Input
|
|
1331
|
+
}], indeterminate: [{
|
|
1332
|
+
type: Input
|
|
1331
1333
|
}] } });
|
|
1332
1334
|
class BaoCheckBoxDescription {
|
|
1333
1335
|
}
|
|
1334
|
-
BaoCheckBoxDescription.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1335
|
-
BaoCheckBoxDescription.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "
|
|
1336
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1336
|
+
BaoCheckBoxDescription.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoCheckBoxDescription, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
1337
|
+
BaoCheckBoxDescription.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.1", type: BaoCheckBoxDescription, selector: "bao-checkbox-description, [bao-checkbox-description], [baoCheckboxDescription]", host: { classAttribute: "bao-checkbox-description" }, ngImport: i0 });
|
|
1338
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoCheckBoxDescription, decorators: [{
|
|
1337
1339
|
type: Directive,
|
|
1338
1340
|
args: [{
|
|
1339
1341
|
selector: 'bao-checkbox-description, [bao-checkbox-description], [baoCheckboxDescription]',
|
|
@@ -1353,14 +1355,14 @@ const CHECKBOX_DIRECTIVES = [
|
|
|
1353
1355
|
];
|
|
1354
1356
|
class BaoCheckboxModule {
|
|
1355
1357
|
}
|
|
1356
|
-
BaoCheckboxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1357
|
-
BaoCheckboxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "
|
|
1358
|
+
BaoCheckboxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1359
|
+
BaoCheckboxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.1", ngImport: i0, type: BaoCheckboxModule, declarations: [BaoCheckboxComponent,
|
|
1358
1360
|
BaoCheckboxGroupComponent,
|
|
1359
1361
|
BaoCheckBoxDescription], imports: [CommonModule, BaoCommonComponentsModule, ObserversModule], exports: [BaoCheckboxComponent,
|
|
1360
1362
|
BaoCheckboxGroupComponent,
|
|
1361
1363
|
BaoCheckBoxDescription] });
|
|
1362
|
-
BaoCheckboxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1363
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1364
|
+
BaoCheckboxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoCheckboxModule, imports: [CommonModule, BaoCommonComponentsModule, ObserversModule] });
|
|
1365
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoCheckboxModule, decorators: [{
|
|
1364
1366
|
type: NgModule,
|
|
1365
1367
|
args: [{
|
|
1366
1368
|
imports: [CommonModule, BaoCommonComponentsModule, ObserversModule],
|
|
@@ -1398,9 +1400,9 @@ class BaoHeaderInfoComponent {
|
|
|
1398
1400
|
this.brandBorder = false;
|
|
1399
1401
|
}
|
|
1400
1402
|
}
|
|
1401
|
-
BaoHeaderInfoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1402
|
-
BaoHeaderInfoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
1403
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1403
|
+
BaoHeaderInfoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoHeaderInfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1404
|
+
BaoHeaderInfoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.1", 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 });
|
|
1405
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoHeaderInfoComponent, decorators: [{
|
|
1404
1406
|
type: Component,
|
|
1405
1407
|
args: [{ selector: 'bao-header-info', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
1406
1408
|
class: 'bao-document-heading',
|
|
@@ -1415,9 +1417,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
|
|
|
1415
1417
|
}] } });
|
|
1416
1418
|
class BaoHeaderInfoTitleGroupComponent {
|
|
1417
1419
|
}
|
|
1418
|
-
BaoHeaderInfoTitleGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1419
|
-
BaoHeaderInfoTitleGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
1420
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1420
|
+
BaoHeaderInfoTitleGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoHeaderInfoTitleGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1421
|
+
BaoHeaderInfoTitleGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.1", 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 });
|
|
1422
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoHeaderInfoTitleGroupComponent, decorators: [{
|
|
1421
1423
|
type: Component,
|
|
1422
1424
|
args: [{ selector: 'bao-header-info-title-group', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
1423
1425
|
class: 'bao-header-info-title-group'
|
|
@@ -1425,9 +1427,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
|
|
|
1425
1427
|
}] });
|
|
1426
1428
|
class BaoHeaderInfoContent {
|
|
1427
1429
|
}
|
|
1428
|
-
BaoHeaderInfoContent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1429
|
-
BaoHeaderInfoContent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "
|
|
1430
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1430
|
+
BaoHeaderInfoContent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoHeaderInfoContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
1431
|
+
BaoHeaderInfoContent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.1", type: BaoHeaderInfoContent, selector: "bao-header-info-content", host: { classAttribute: "bao-header-info-content" }, ngImport: i0 });
|
|
1432
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoHeaderInfoContent, decorators: [{
|
|
1431
1433
|
type: Directive,
|
|
1432
1434
|
args: [{
|
|
1433
1435
|
selector: 'bao-header-info-content',
|
|
@@ -1438,9 +1440,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
|
|
|
1438
1440
|
}] });
|
|
1439
1441
|
class BaoHeaderInfoSurtitle {
|
|
1440
1442
|
}
|
|
1441
|
-
BaoHeaderInfoSurtitle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1442
|
-
BaoHeaderInfoSurtitle.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "
|
|
1443
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1443
|
+
BaoHeaderInfoSurtitle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoHeaderInfoSurtitle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
1444
|
+
BaoHeaderInfoSurtitle.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.1", type: BaoHeaderInfoSurtitle, selector: "bao-header-info-surtitle, [bao-header-info-surtitle], [baoHeaderInfoSurtitle]", host: { classAttribute: "document-heading-surtitle" }, ngImport: i0 });
|
|
1445
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoHeaderInfoSurtitle, decorators: [{
|
|
1444
1446
|
type: Directive,
|
|
1445
1447
|
args: [{
|
|
1446
1448
|
selector: 'bao-header-info-surtitle, [bao-header-info-surtitle], [baoHeaderInfoSurtitle]',
|
|
@@ -1451,9 +1453,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
|
|
|
1451
1453
|
}] });
|
|
1452
1454
|
class BaoHeaderInfoSubtitle {
|
|
1453
1455
|
}
|
|
1454
|
-
BaoHeaderInfoSubtitle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1455
|
-
BaoHeaderInfoSubtitle.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "
|
|
1456
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1456
|
+
BaoHeaderInfoSubtitle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoHeaderInfoSubtitle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
1457
|
+
BaoHeaderInfoSubtitle.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.1", type: BaoHeaderInfoSubtitle, selector: "bao-header-info-subtitle, [bao-header-info-subtitle], [baoHeaderInfoSubtitle]", host: { classAttribute: "document-heading-subtitle" }, ngImport: i0 });
|
|
1458
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoHeaderInfoSubtitle, decorators: [{
|
|
1457
1459
|
type: Directive,
|
|
1458
1460
|
args: [{
|
|
1459
1461
|
selector: 'bao-header-info-subtitle, [bao-header-info-subtitle], [baoHeaderInfoSubtitle]',
|
|
@@ -1464,9 +1466,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
|
|
|
1464
1466
|
}] });
|
|
1465
1467
|
class BaoHeaderInfoTitle {
|
|
1466
1468
|
}
|
|
1467
|
-
BaoHeaderInfoTitle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1468
|
-
BaoHeaderInfoTitle.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "
|
|
1469
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1469
|
+
BaoHeaderInfoTitle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoHeaderInfoTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
1470
|
+
BaoHeaderInfoTitle.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.1", type: BaoHeaderInfoTitle, selector: "bao-header-info-title, [bao-header-info-title], [baoHeaderInfoTitle]", host: { classAttribute: "document-heading-title" }, ngImport: i0 });
|
|
1471
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoHeaderInfoTitle, decorators: [{
|
|
1470
1472
|
type: Directive,
|
|
1471
1473
|
args: [{
|
|
1472
1474
|
selector: 'bao-header-info-title, [bao-header-info-title], [baoHeaderInfoTitle]',
|
|
@@ -1491,8 +1493,8 @@ const DIRECTIVES$1 = [
|
|
|
1491
1493
|
];
|
|
1492
1494
|
class BaoHeaderInfoModule {
|
|
1493
1495
|
}
|
|
1494
|
-
BaoHeaderInfoModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1495
|
-
BaoHeaderInfoModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "
|
|
1496
|
+
BaoHeaderInfoModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoHeaderInfoModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1497
|
+
BaoHeaderInfoModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.1", ngImport: i0, type: BaoHeaderInfoModule, declarations: [BaoHeaderInfoComponent,
|
|
1496
1498
|
BaoHeaderInfoContent,
|
|
1497
1499
|
BaoHeaderInfoTitleGroupComponent,
|
|
1498
1500
|
BaoHeaderInfoSubtitle,
|
|
@@ -1503,8 +1505,8 @@ BaoHeaderInfoModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", ver
|
|
|
1503
1505
|
BaoHeaderInfoSubtitle,
|
|
1504
1506
|
BaoHeaderInfoSurtitle,
|
|
1505
1507
|
BaoHeaderInfoTitle] });
|
|
1506
|
-
BaoHeaderInfoModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1507
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1508
|
+
BaoHeaderInfoModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoHeaderInfoModule, imports: [CommonModule] });
|
|
1509
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoHeaderInfoModule, decorators: [{
|
|
1508
1510
|
type: NgModule,
|
|
1509
1511
|
args: [{
|
|
1510
1512
|
imports: [CommonModule],
|
|
@@ -1532,9 +1534,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
|
|
|
1532
1534
|
*/
|
|
1533
1535
|
class BaoListItem {
|
|
1534
1536
|
}
|
|
1535
|
-
BaoListItem.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1536
|
-
BaoListItem.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
1537
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1537
|
+
BaoListItem.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoListItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1538
|
+
BaoListItem.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.1", 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 });
|
|
1539
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoListItem, decorators: [{
|
|
1538
1540
|
type: Component,
|
|
1539
1541
|
args: [{ selector: 'bao-list-item, [bao-list-item]', encapsulation: ViewEncapsulation.None, host: {
|
|
1540
1542
|
class: 'bao-list-item',
|
|
@@ -1543,9 +1545,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
|
|
|
1543
1545
|
}] });
|
|
1544
1546
|
class BaoList {
|
|
1545
1547
|
}
|
|
1546
|
-
BaoList.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1547
|
-
BaoList.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "
|
|
1548
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1548
|
+
BaoList.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoList, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
1549
|
+
BaoList.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.1", type: BaoList, selector: "bao-list, [bao-list]", host: { attributes: { "role": "list" }, classAttribute: "bao-list" }, ngImport: i0 });
|
|
1550
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoList, decorators: [{
|
|
1549
1551
|
type: Directive,
|
|
1550
1552
|
args: [{
|
|
1551
1553
|
selector: 'bao-list, [bao-list]',
|
|
@@ -1557,9 +1559,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
|
|
|
1557
1559
|
}] });
|
|
1558
1560
|
class BaoNavList {
|
|
1559
1561
|
}
|
|
1560
|
-
BaoNavList.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1561
|
-
BaoNavList.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "
|
|
1562
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1562
|
+
BaoNavList.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoNavList, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
1563
|
+
BaoNavList.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.1", type: BaoNavList, selector: "bao-nav-list, [bao-nav-list]", host: { attributes: { "role": "navigation" }, classAttribute: "bao-list" }, ngImport: i0 });
|
|
1564
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoNavList, decorators: [{
|
|
1563
1565
|
type: Directive,
|
|
1564
1566
|
args: [{
|
|
1565
1567
|
selector: 'bao-nav-list, [bao-nav-list]',
|
|
@@ -1571,9 +1573,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
|
|
|
1571
1573
|
}] });
|
|
1572
1574
|
class BaoListItemDescription {
|
|
1573
1575
|
}
|
|
1574
|
-
BaoListItemDescription.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1575
|
-
BaoListItemDescription.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "
|
|
1576
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1576
|
+
BaoListItemDescription.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoListItemDescription, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
1577
|
+
BaoListItemDescription.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.1", type: BaoListItemDescription, selector: "bao-list-item-description, [bao-list-item-description]", host: { classAttribute: "bao-list-item-description" }, ngImport: i0 });
|
|
1578
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoListItemDescription, decorators: [{
|
|
1577
1579
|
type: Directive,
|
|
1578
1580
|
args: [{
|
|
1579
1581
|
selector: 'bao-list-item-description, [bao-list-item-description]',
|
|
@@ -1584,9 +1586,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
|
|
|
1584
1586
|
}] });
|
|
1585
1587
|
class BaoListItemTitle {
|
|
1586
1588
|
}
|
|
1587
|
-
BaoListItemTitle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1588
|
-
BaoListItemTitle.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "
|
|
1589
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1589
|
+
BaoListItemTitle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoListItemTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
1590
|
+
BaoListItemTitle.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.1", type: BaoListItemTitle, selector: "bao-list-item-title, [bao-list-item-title]", host: { classAttribute: "bao-list-item-title" }, ngImport: i0 });
|
|
1591
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoListItemTitle, decorators: [{
|
|
1590
1592
|
type: Directive,
|
|
1591
1593
|
args: [{
|
|
1592
1594
|
selector: 'bao-list-item-title, [bao-list-item-title]',
|
|
@@ -1610,8 +1612,8 @@ const DIRECTIVES = [
|
|
|
1610
1612
|
];
|
|
1611
1613
|
class BaoListModule {
|
|
1612
1614
|
}
|
|
1613
|
-
BaoListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1614
|
-
BaoListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "
|
|
1615
|
+
BaoListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1616
|
+
BaoListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.1", ngImport: i0, type: BaoListModule, declarations: [BaoListItem,
|
|
1615
1617
|
BaoList,
|
|
1616
1618
|
BaoNavList,
|
|
1617
1619
|
BaoListItemDescription,
|
|
@@ -1620,8 +1622,8 @@ BaoListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version:
|
|
|
1620
1622
|
BaoNavList,
|
|
1621
1623
|
BaoListItemDescription,
|
|
1622
1624
|
BaoListItemTitle] });
|
|
1623
|
-
BaoListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1624
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1625
|
+
BaoListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoListModule, imports: [CommonModule] });
|
|
1626
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoListModule, decorators: [{
|
|
1625
1627
|
type: NgModule,
|
|
1626
1628
|
args: [{
|
|
1627
1629
|
imports: [CommonModule],
|
|
@@ -1652,17 +1654,6 @@ let radioGroupNextUniqueId = 0;
|
|
|
1652
1654
|
class BaoRadioButtonGroupComponent {
|
|
1653
1655
|
constructor(cdr) {
|
|
1654
1656
|
this.cdr = cdr;
|
|
1655
|
-
this._value = null;
|
|
1656
|
-
this._name = null;
|
|
1657
|
-
this._selected = null;
|
|
1658
|
-
this._isInitialized = false;
|
|
1659
|
-
this._disabled = false;
|
|
1660
|
-
this._required = false;
|
|
1661
|
-
this._uniqueId = `bao-checkbox-group-${++radioGroupNextUniqueId}`;
|
|
1662
|
-
/**
|
|
1663
|
-
* The checkbox group ID. It is set dynamically with an unique ID by default
|
|
1664
|
-
*/
|
|
1665
|
-
this.id = this._uniqueId;
|
|
1666
1657
|
/**
|
|
1667
1658
|
* Emit the value of the selected radio button
|
|
1668
1659
|
*/
|
|
@@ -1671,8 +1662,18 @@ class BaoRadioButtonGroupComponent {
|
|
|
1671
1662
|
* The aria-describedby for web accessibilty
|
|
1672
1663
|
*/
|
|
1673
1664
|
this.ariaDescribedby = null;
|
|
1665
|
+
this._value = null;
|
|
1666
|
+
this._name = null;
|
|
1667
|
+
this._selected = null;
|
|
1668
|
+
this._isInitialized = false;
|
|
1669
|
+
this._disabled = false;
|
|
1670
|
+
this._required = false;
|
|
1671
|
+
this._uniqueId = `bao-checkbox-group-${++radioGroupNextUniqueId}`;
|
|
1674
1672
|
this.onModelChange = () => undefined;
|
|
1675
1673
|
this.onTouch = () => undefined;
|
|
1674
|
+
if (!this.id) {
|
|
1675
|
+
this.id = this._uniqueId;
|
|
1676
|
+
}
|
|
1676
1677
|
}
|
|
1677
1678
|
/**
|
|
1678
1679
|
* Define the name property of all radio buttons. Default : null
|
|
@@ -1680,50 +1681,50 @@ class BaoRadioButtonGroupComponent {
|
|
|
1680
1681
|
get name() {
|
|
1681
1682
|
return this._name;
|
|
1682
1683
|
}
|
|
1683
|
-
set name(value) {
|
|
1684
|
-
this._name = value;
|
|
1685
|
-
this.updateRadioButtonNames();
|
|
1686
|
-
}
|
|
1687
1684
|
/**
|
|
1688
1685
|
* Define the value of the selected radio button. Default : null
|
|
1689
1686
|
*/
|
|
1690
1687
|
get value() {
|
|
1691
1688
|
return this._value;
|
|
1692
1689
|
}
|
|
1693
|
-
set value(newValue) {
|
|
1694
|
-
if (this._value !== newValue) {
|
|
1695
|
-
this._value = newValue;
|
|
1696
|
-
this.updateSelectedRadioFromValue();
|
|
1697
|
-
this.checkSelectedRadioButton();
|
|
1698
|
-
}
|
|
1699
|
-
}
|
|
1700
1690
|
/**
|
|
1701
1691
|
* Define which radio button is selected. Default : null
|
|
1702
1692
|
*/
|
|
1703
1693
|
get selected() {
|
|
1704
1694
|
return this._selected;
|
|
1705
1695
|
}
|
|
1706
|
-
set selected(selected) {
|
|
1707
|
-
this._selected = selected;
|
|
1708
|
-
this.value = selected ? selected.value : null;
|
|
1709
|
-
this.checkSelectedRadioButton();
|
|
1710
|
-
}
|
|
1711
1696
|
/**
|
|
1712
1697
|
* Whether the radio button groupd is disabled. Default : false
|
|
1713
1698
|
*/
|
|
1714
1699
|
get disabled() {
|
|
1715
1700
|
return this._disabled;
|
|
1716
1701
|
}
|
|
1717
|
-
set disabled(value) {
|
|
1718
|
-
this._disabled = coerceBooleanProperty(value);
|
|
1719
|
-
this.markRadiosForCheck();
|
|
1720
|
-
}
|
|
1721
1702
|
/**
|
|
1722
1703
|
* Whether the radio button groupd is required. Default : false
|
|
1723
1704
|
*/
|
|
1724
1705
|
get required() {
|
|
1725
1706
|
return this._required;
|
|
1726
1707
|
}
|
|
1708
|
+
set name(value) {
|
|
1709
|
+
this._name = value;
|
|
1710
|
+
this.updateRadioButtonNames();
|
|
1711
|
+
}
|
|
1712
|
+
set value(newValue) {
|
|
1713
|
+
if (this._value !== newValue) {
|
|
1714
|
+
this._value = newValue;
|
|
1715
|
+
this.updateSelectedRadioFromValue();
|
|
1716
|
+
this.checkSelectedRadioButton();
|
|
1717
|
+
}
|
|
1718
|
+
}
|
|
1719
|
+
set selected(selected) {
|
|
1720
|
+
this._selected = selected;
|
|
1721
|
+
this.value = selected ? selected.value : null;
|
|
1722
|
+
this.checkSelectedRadioButton();
|
|
1723
|
+
}
|
|
1724
|
+
set disabled(value) {
|
|
1725
|
+
this._disabled = coerceBooleanProperty(value);
|
|
1726
|
+
this.markRadiosForCheck();
|
|
1727
|
+
}
|
|
1727
1728
|
set required(value) {
|
|
1728
1729
|
this._required = coerceBooleanProperty(value);
|
|
1729
1730
|
this.markRadiosForCheck();
|
|
@@ -1837,16 +1838,16 @@ class BaoRadioButtonGroupComponent {
|
|
|
1837
1838
|
this.ariaDescribedby = value ? `${this.id}-ariadescribedby` : null;
|
|
1838
1839
|
}
|
|
1839
1840
|
}
|
|
1840
|
-
BaoRadioButtonGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1841
|
-
BaoRadioButtonGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
1841
|
+
BaoRadioButtonGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoRadioButtonGroupComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
1842
|
+
BaoRadioButtonGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.1", type: BaoRadioButtonGroupComponent, selector: "bao-radio-button-group, [bao-radio-button-group], [baoRadioButtonGroup]", inputs: { id: "id", name: "name", value: "value", selected: "selected", disabled: "disabled", required: "required" }, outputs: { change: "change" }, providers: [
|
|
1842
1843
|
{
|
|
1843
1844
|
provide: NG_VALUE_ACCESSOR,
|
|
1844
1845
|
useExisting: forwardRef(() => BaoRadioButtonGroupComponent),
|
|
1845
1846
|
multi: true
|
|
1846
1847
|
},
|
|
1847
1848
|
{ provide: BAO_RADIO_GROUP, useExisting: BaoRadioButtonGroupComponent }
|
|
1848
|
-
], queries: [{ propertyName: "
|
|
1849
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1849
|
+
], 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 });
|
|
1850
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoRadioButtonGroupComponent, decorators: [{
|
|
1850
1851
|
type: Component,
|
|
1851
1852
|
args: [{ selector: 'bao-radio-button-group, [bao-radio-button-group], [baoRadioButtonGroup]', exportAs: 'baoRadioGroup', encapsulation: ViewEncapsulation.None, providers: [
|
|
1852
1853
|
{
|
|
@@ -1856,13 +1857,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
|
|
|
1856
1857
|
},
|
|
1857
1858
|
{ provide: BAO_RADIO_GROUP, useExisting: BaoRadioButtonGroupComponent }
|
|
1858
1859
|
], 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"] }]
|
|
1859
|
-
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: {
|
|
1860
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { id: [{
|
|
1861
|
+
type: Input
|
|
1862
|
+
}], change: [{
|
|
1863
|
+
type: Output
|
|
1864
|
+
}], staticContainer: [{
|
|
1860
1865
|
type: ContentChildren,
|
|
1861
1866
|
args: [forwardRef(() => BaoRadioButtonComponent), {
|
|
1862
1867
|
descendants: true
|
|
1863
1868
|
}]
|
|
1864
|
-
}
|
|
1865
|
-
type:
|
|
1869
|
+
}, {
|
|
1870
|
+
type: ViewChild,
|
|
1871
|
+
args: ['container', { static: false }]
|
|
1866
1872
|
}], name: [{
|
|
1867
1873
|
type: Input
|
|
1868
1874
|
}], value: [{
|
|
@@ -1873,11 +1879,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
|
|
|
1873
1879
|
type: Input
|
|
1874
1880
|
}], required: [{
|
|
1875
1881
|
type: Input
|
|
1876
|
-
}], change: [{
|
|
1877
|
-
type: Output
|
|
1878
|
-
}], staticContainer: [{
|
|
1879
|
-
type: ViewChild,
|
|
1880
|
-
args: ['container', { static: false }]
|
|
1881
1882
|
}] } });
|
|
1882
1883
|
|
|
1883
1884
|
/**
|
|
@@ -1890,15 +1891,6 @@ class BaoRadioButtonComponent {
|
|
|
1890
1891
|
this.cdr = cdr;
|
|
1891
1892
|
this.focusMonitor = focusMonitor;
|
|
1892
1893
|
this.radioDispatcher = radioDispatcher;
|
|
1893
|
-
this._checked = false;
|
|
1894
|
-
this._disabled = false;
|
|
1895
|
-
this._required = false;
|
|
1896
|
-
this._value = null;
|
|
1897
|
-
this._uniqueId = `bao-radio-button-${++radioNextUniqueId}`;
|
|
1898
|
-
/**
|
|
1899
|
-
* The radio button ID. It is set dynamically with an unique ID by default
|
|
1900
|
-
*/
|
|
1901
|
-
this.id = this._uniqueId;
|
|
1902
1894
|
/**
|
|
1903
1895
|
* The aria-label for web accessibility
|
|
1904
1896
|
*/
|
|
@@ -1931,6 +1923,11 @@ class BaoRadioButtonComponent {
|
|
|
1931
1923
|
* The aria-labeledby id for web accessibilty
|
|
1932
1924
|
*/
|
|
1933
1925
|
this.ariaLabelledby = null;
|
|
1926
|
+
this._checked = false;
|
|
1927
|
+
this._disabled = false;
|
|
1928
|
+
this._required = false;
|
|
1929
|
+
this._value = null;
|
|
1930
|
+
this._uniqueId = `bao-radio-button-${++radioNextUniqueId}`;
|
|
1934
1931
|
/** Unregister function for radioDispatcher */
|
|
1935
1932
|
this._removeUniqueSelectionListener = () => undefined;
|
|
1936
1933
|
this.radioGroup = radioGroup;
|
|
@@ -1939,6 +1936,9 @@ class BaoRadioButtonComponent {
|
|
|
1939
1936
|
this.checked = false;
|
|
1940
1937
|
}
|
|
1941
1938
|
});
|
|
1939
|
+
if (!this.id) {
|
|
1940
|
+
this.id = this._uniqueId;
|
|
1941
|
+
}
|
|
1942
1942
|
}
|
|
1943
1943
|
/**
|
|
1944
1944
|
* Whether the radio button is checked. Default : false
|
|
@@ -1946,6 +1946,27 @@ class BaoRadioButtonComponent {
|
|
|
1946
1946
|
get checked() {
|
|
1947
1947
|
return this._checked;
|
|
1948
1948
|
}
|
|
1949
|
+
/**
|
|
1950
|
+
* Define the radio button value. Default : null
|
|
1951
|
+
*/
|
|
1952
|
+
get value() {
|
|
1953
|
+
return this._value;
|
|
1954
|
+
}
|
|
1955
|
+
/**
|
|
1956
|
+
* Whether the radio button is disabled. Default : false
|
|
1957
|
+
*/
|
|
1958
|
+
get disabled() {
|
|
1959
|
+
return this._disabled || (this.radioGroup && this.radioGroup.disabled);
|
|
1960
|
+
}
|
|
1961
|
+
/**
|
|
1962
|
+
* Whether the radio button is required. Default : false
|
|
1963
|
+
*/
|
|
1964
|
+
get required() {
|
|
1965
|
+
return this._required || (this.radioGroup && this.radioGroup.required);
|
|
1966
|
+
}
|
|
1967
|
+
get nativeElement() {
|
|
1968
|
+
return this.elementRef.nativeElement;
|
|
1969
|
+
}
|
|
1949
1970
|
set checked(value) {
|
|
1950
1971
|
const newCheckedState = coerceBooleanProperty(value);
|
|
1951
1972
|
if (this._checked !== newCheckedState) {
|
|
@@ -1966,12 +1987,6 @@ class BaoRadioButtonComponent {
|
|
|
1966
1987
|
this.cdr.markForCheck();
|
|
1967
1988
|
}
|
|
1968
1989
|
}
|
|
1969
|
-
/**
|
|
1970
|
-
* Define the radio button value. Default : null
|
|
1971
|
-
*/
|
|
1972
|
-
get value() {
|
|
1973
|
-
return this._value;
|
|
1974
|
-
}
|
|
1975
1990
|
set value(value) {
|
|
1976
1991
|
if (value !== this._value) {
|
|
1977
1992
|
this._value = value;
|
|
@@ -1985,27 +2000,12 @@ class BaoRadioButtonComponent {
|
|
|
1985
2000
|
}
|
|
1986
2001
|
}
|
|
1987
2002
|
}
|
|
1988
|
-
/**
|
|
1989
|
-
* Whether the radio button is disabled. Default : false
|
|
1990
|
-
*/
|
|
1991
|
-
get disabled() {
|
|
1992
|
-
return this._disabled || (this.radioGroup && this.radioGroup.disabled);
|
|
1993
|
-
}
|
|
1994
2003
|
set disabled(value) {
|
|
1995
2004
|
this.setDisabled(coerceBooleanProperty(value));
|
|
1996
2005
|
}
|
|
1997
|
-
/**
|
|
1998
|
-
* Whether the radio button is required. Default : false
|
|
1999
|
-
*/
|
|
2000
|
-
get required() {
|
|
2001
|
-
return this._required || (this.radioGroup && this.radioGroup.required);
|
|
2002
|
-
}
|
|
2003
2006
|
set required(value) {
|
|
2004
2007
|
this._required = coerceBooleanProperty(value);
|
|
2005
2008
|
}
|
|
2006
|
-
get nativeElement() {
|
|
2007
|
-
return this.elementRef.nativeElement;
|
|
2008
|
-
}
|
|
2009
2009
|
focus(options, origin) {
|
|
2010
2010
|
if (origin) {
|
|
2011
2011
|
this.focusMonitor.focusVia(this.inputElement, origin, options);
|
|
@@ -2096,15 +2096,15 @@ class BaoRadioButtonComponent {
|
|
|
2096
2096
|
}
|
|
2097
2097
|
}
|
|
2098
2098
|
}
|
|
2099
|
-
BaoRadioButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2100
|
-
BaoRadioButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
2099
|
+
BaoRadioButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", 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 });
|
|
2100
|
+
BaoRadioButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.1", 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: [
|
|
2101
2101
|
{
|
|
2102
2102
|
provide: NG_VALUE_ACCESSOR,
|
|
2103
2103
|
useExisting: forwardRef(() => BaoRadioButtonComponent),
|
|
2104
2104
|
multi: true
|
|
2105
2105
|
}
|
|
2106
|
-
], 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)
|
|
2107
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2106
|
+
], 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 });
|
|
2107
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoRadioButtonComponent, decorators: [{
|
|
2108
2108
|
type: Component,
|
|
2109
2109
|
args: [{ selector: 'bao-radio-button, [bao-radio-button]', providers: [
|
|
2110
2110
|
{
|
|
@@ -2119,7 +2119,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
|
|
|
2119
2119
|
'[class.bao-radio-button-disabled]': 'disabled',
|
|
2120
2120
|
'[class.bao-radio-button-card]': 'brandBorder',
|
|
2121
2121
|
'[class.bao-radio-button-hidden-label]': 'hiddenLabel'
|
|
2122
|
-
}, 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)
|
|
2122
|
+
}, 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"] }]
|
|
2123
2123
|
}], ctorParameters: function () { return [{ type: BaoRadioButtonGroupComponent, decorators: [{
|
|
2124
2124
|
type: Optional
|
|
2125
2125
|
}, {
|
|
@@ -2136,6 +2136,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
|
|
|
2136
2136
|
type: Input
|
|
2137
2137
|
}], name: [{
|
|
2138
2138
|
type: Input
|
|
2139
|
+
}], hiddenLabel: [{
|
|
2140
|
+
type: Input
|
|
2141
|
+
}], change: [{
|
|
2142
|
+
type: Output
|
|
2143
|
+
}], inputElement: [{
|
|
2144
|
+
type: ViewChild,
|
|
2145
|
+
args: ['input', { static: false }]
|
|
2139
2146
|
}], checked: [{
|
|
2140
2147
|
type: Input
|
|
2141
2148
|
}], value: [{
|
|
@@ -2144,19 +2151,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
|
|
|
2144
2151
|
type: Input
|
|
2145
2152
|
}], required: [{
|
|
2146
2153
|
type: Input
|
|
2147
|
-
}], hiddenLabel: [{
|
|
2148
|
-
type: Input
|
|
2149
|
-
}], change: [{
|
|
2150
|
-
type: Output
|
|
2151
|
-
}], inputElement: [{
|
|
2152
|
-
type: ViewChild,
|
|
2153
|
-
args: ['input', { static: false }]
|
|
2154
2154
|
}] } });
|
|
2155
2155
|
class BaoRadioDescription {
|
|
2156
2156
|
}
|
|
2157
|
-
BaoRadioDescription.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2158
|
-
BaoRadioDescription.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "
|
|
2159
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2157
|
+
BaoRadioDescription.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoRadioDescription, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
2158
|
+
BaoRadioDescription.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.1", type: BaoRadioDescription, selector: "bao-radio-button-description, [bao-radio-button-description], [baoRadioButtonDescription]", host: { classAttribute: "bao-radio-button-description" }, ngImport: i0 });
|
|
2159
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoRadioDescription, decorators: [{
|
|
2160
2160
|
type: Directive,
|
|
2161
2161
|
args: [{
|
|
2162
2162
|
selector: 'bao-radio-button-description, [bao-radio-button-description], [baoRadioButtonDescription]',
|
|
@@ -2176,8 +2176,8 @@ const RADIO_DIRECTIVES = [
|
|
|
2176
2176
|
];
|
|
2177
2177
|
class BaoRadioModule {
|
|
2178
2178
|
}
|
|
2179
|
-
BaoRadioModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2180
|
-
BaoRadioModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "
|
|
2179
|
+
BaoRadioModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoRadioModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2180
|
+
BaoRadioModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.1", ngImport: i0, type: BaoRadioModule, declarations: [BaoRadioButtonComponent,
|
|
2181
2181
|
BaoRadioDescription,
|
|
2182
2182
|
BaoRadioButtonGroupComponent], imports: [CommonModule,
|
|
2183
2183
|
FormsModule,
|
|
@@ -2187,17 +2187,15 @@ BaoRadioModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version:
|
|
|
2187
2187
|
ObserversModule], exports: [BaoRadioButtonComponent,
|
|
2188
2188
|
BaoRadioDescription,
|
|
2189
2189
|
BaoRadioButtonGroupComponent] });
|
|
2190
|
-
BaoRadioModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
2191
|
-
|
|
2192
|
-
|
|
2193
|
-
|
|
2194
|
-
|
|
2195
|
-
|
|
2196
|
-
|
|
2197
|
-
|
|
2198
|
-
|
|
2199
|
-
type: NgModule,
|
|
2200
|
-
args: [{
|
|
2190
|
+
BaoRadioModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoRadioModule, imports: [CommonModule,
|
|
2191
|
+
FormsModule,
|
|
2192
|
+
ReactiveFormsModule,
|
|
2193
|
+
BaoCommonComponentsModule,
|
|
2194
|
+
BaoButtonModule,
|
|
2195
|
+
ObserversModule] });
|
|
2196
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoRadioModule, decorators: [{
|
|
2197
|
+
type: NgModule,
|
|
2198
|
+
args: [{
|
|
2201
2199
|
imports: [
|
|
2202
2200
|
CommonModule,
|
|
2203
2201
|
FormsModule,
|
|
@@ -2223,8 +2221,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
|
|
|
2223
2221
|
* See LICENSE file in the project root for full license information.
|
|
2224
2222
|
*/
|
|
2225
2223
|
const SPAN = 'span';
|
|
2226
|
-
const SPAN_TEXT_PROPERTY = 'textContent';
|
|
2227
|
-
const SCREEN_READER_CLASS_NAME = 'sr-only';
|
|
2224
|
+
const SPAN_TEXT_PROPERTY$1 = 'textContent';
|
|
2225
|
+
const SCREEN_READER_CLASS_NAME$1 = 'sr-only';
|
|
2228
2226
|
const BAO_ICON = 'bao-icon';
|
|
2229
2227
|
const HAS_ICON = 'has-icon';
|
|
2230
2228
|
class BaoTagComponent {
|
|
@@ -2253,8 +2251,8 @@ class BaoTagComponent {
|
|
|
2253
2251
|
}
|
|
2254
2252
|
addHiddenText() {
|
|
2255
2253
|
const screenReaderSpan = this.renderer.createElement(SPAN);
|
|
2256
|
-
this.renderer.setProperty(screenReaderSpan, SPAN_TEXT_PROPERTY, this.hiddenText);
|
|
2257
|
-
this.renderer.addClass(screenReaderSpan, SCREEN_READER_CLASS_NAME);
|
|
2254
|
+
this.renderer.setProperty(screenReaderSpan, SPAN_TEXT_PROPERTY$1, this.hiddenText);
|
|
2255
|
+
this.renderer.addClass(screenReaderSpan, SCREEN_READER_CLASS_NAME$1);
|
|
2258
2256
|
const labelChild = Array.from(this.nativeElement.children).find(c => c.localName === SPAN);
|
|
2259
2257
|
this.renderer.insertBefore(this.nativeElement, screenReaderSpan, labelChild);
|
|
2260
2258
|
}
|
|
@@ -2265,9 +2263,9 @@ class BaoTagComponent {
|
|
|
2265
2263
|
}
|
|
2266
2264
|
}
|
|
2267
2265
|
}
|
|
2268
|
-
BaoTagComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2269
|
-
BaoTagComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
2270
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2266
|
+
BaoTagComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoTagComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2267
|
+
BaoTagComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.1", 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 });
|
|
2268
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoTagComponent, decorators: [{
|
|
2271
2269
|
type: Component,
|
|
2272
2270
|
args: [{ selector: 'bao-tag, [bao-tag], [baoTag]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
2273
2271
|
class: 'bao-tag',
|
|
@@ -2281,7 +2279,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
|
|
|
2281
2279
|
'[class.bao-tag-alert-strong]': 'type === "alert" && variant === "strong"',
|
|
2282
2280
|
'[class.bao-tag-negative-light]': 'type === "negative" && variant === "light"',
|
|
2283
2281
|
'[class.bao-tag-negative-strong]': 'type === "negative" && variant === "strong"'
|
|
2284
|
-
}, 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;
|
|
2282
|
+
}, 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"] }]
|
|
2285
2283
|
}], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { type: [{
|
|
2286
2284
|
type: Input
|
|
2287
2285
|
}], variant: [{
|
|
@@ -2298,10 +2296,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
|
|
|
2298
2296
|
const TAG_DIRECTIVES = [BaoTagComponent];
|
|
2299
2297
|
class BaoTagModule {
|
|
2300
2298
|
}
|
|
2301
|
-
BaoTagModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2302
|
-
BaoTagModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "
|
|
2303
|
-
BaoTagModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
2304
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2299
|
+
BaoTagModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoTagModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2300
|
+
BaoTagModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.1", ngImport: i0, type: BaoTagModule, declarations: [BaoTagComponent], imports: [CommonModule], exports: [BaoTagComponent] });
|
|
2301
|
+
BaoTagModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoTagModule, imports: [CommonModule] });
|
|
2302
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoTagModule, decorators: [{
|
|
2305
2303
|
type: NgModule,
|
|
2306
2304
|
args: [{
|
|
2307
2305
|
imports: [CommonModule],
|
|
@@ -2335,10 +2333,9 @@ class BaoSummaryComponent {
|
|
|
2335
2333
|
* Initialize the ID for summary
|
|
2336
2334
|
*/
|
|
2337
2335
|
this._uniqueId = `bao-summary-${++summaryUniqueId}`;
|
|
2338
|
-
|
|
2339
|
-
|
|
2340
|
-
|
|
2341
|
-
this.id = this._uniqueId;
|
|
2336
|
+
if (!this.id) {
|
|
2337
|
+
this.id = this._uniqueId;
|
|
2338
|
+
}
|
|
2342
2339
|
}
|
|
2343
2340
|
get nativeElement() {
|
|
2344
2341
|
return this.elementRef.nativeElement;
|
|
@@ -2383,9 +2380,9 @@ class BaoSummaryComponent {
|
|
|
2383
2380
|
return element;
|
|
2384
2381
|
}
|
|
2385
2382
|
}
|
|
2386
|
-
BaoSummaryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2387
|
-
BaoSummaryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
2388
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2383
|
+
BaoSummaryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoSummaryComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2384
|
+
BaoSummaryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.1", 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 });
|
|
2385
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoSummaryComponent, decorators: [{
|
|
2389
2386
|
type: Component,
|
|
2390
2387
|
args: [{ selector: 'bao-summary, [bao-summary], [baoSummary]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
2391
2388
|
class: 'bao-summary',
|
|
@@ -2398,9 +2395,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
|
|
|
2398
2395
|
}] } });
|
|
2399
2396
|
class BaoSummaryDescription {
|
|
2400
2397
|
}
|
|
2401
|
-
BaoSummaryDescription.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2402
|
-
BaoSummaryDescription.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "
|
|
2403
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2398
|
+
BaoSummaryDescription.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoSummaryDescription, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
2399
|
+
BaoSummaryDescription.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.1", type: BaoSummaryDescription, selector: "bao-summary-description, [bao-summary-description], [baoSummaryDescription]", host: { classAttribute: "bao-summary-description" }, ngImport: i0 });
|
|
2400
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoSummaryDescription, decorators: [{
|
|
2404
2401
|
type: Directive,
|
|
2405
2402
|
args: [{
|
|
2406
2403
|
selector: 'bao-summary-description, [bao-summary-description], [baoSummaryDescription]',
|
|
@@ -2415,9 +2412,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
|
|
|
2415
2412
|
*/
|
|
2416
2413
|
class BaoListSummaryItem {
|
|
2417
2414
|
}
|
|
2418
|
-
BaoListSummaryItem.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2419
|
-
BaoListSummaryItem.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
2420
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2415
|
+
BaoListSummaryItem.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoListSummaryItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2416
|
+
BaoListSummaryItem.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.1", 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 });
|
|
2417
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoListSummaryItem, decorators: [{
|
|
2421
2418
|
type: Component,
|
|
2422
2419
|
args: [{ selector: 'bao-list-summary-item, [bao-list-summary-item], [baoListSummaryItem]', template: `<ng-content></ng-content>`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
2423
2420
|
class: 'bao-list-summary-item',
|
|
@@ -2426,21 +2423,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
|
|
|
2426
2423
|
}] });
|
|
2427
2424
|
class BaoListSummary {
|
|
2428
2425
|
}
|
|
2429
|
-
BaoListSummary.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2430
|
-
BaoListSummary.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
2431
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2426
|
+
BaoListSummary.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoListSummary, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2427
|
+
BaoListSummary.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.1", 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 });
|
|
2428
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoListSummary, decorators: [{
|
|
2432
2429
|
type: Component,
|
|
2433
|
-
args: [{
|
|
2434
|
-
selector: 'bao-list-summary, [bao-list-summary], [baoListSummary]',
|
|
2435
|
-
template: `<ng-content></ng-content>`,
|
|
2436
|
-
styles: ['.bao-list-summary { padding-left:2rem }'],
|
|
2437
|
-
encapsulation: ViewEncapsulation.None,
|
|
2438
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
2439
|
-
host: {
|
|
2430
|
+
args: [{ selector: 'bao-list-summary, [bao-list-summary], [baoListSummary]', template: `<ng-content></ng-content>`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
2440
2431
|
class: 'bao-list-summary',
|
|
2441
2432
|
role: 'list'
|
|
2442
|
-
}
|
|
2443
|
-
}]
|
|
2433
|
+
}, styles: [".bao-list-summary{padding-left:2rem}\n"] }]
|
|
2444
2434
|
}] });
|
|
2445
2435
|
|
|
2446
2436
|
/*
|
|
@@ -2456,16 +2446,16 @@ const SUMMARY_DIRECTIVES = [
|
|
|
2456
2446
|
];
|
|
2457
2447
|
class BaoSummaryModule {
|
|
2458
2448
|
}
|
|
2459
|
-
BaoSummaryModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2460
|
-
BaoSummaryModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "
|
|
2449
|
+
BaoSummaryModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoSummaryModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2450
|
+
BaoSummaryModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.1", ngImport: i0, type: BaoSummaryModule, declarations: [BaoSummaryComponent,
|
|
2461
2451
|
BaoSummaryDescription,
|
|
2462
2452
|
BaoListSummary,
|
|
2463
2453
|
BaoListSummaryItem], imports: [CommonModule, BaoCommonComponentsModule], exports: [BaoSummaryComponent,
|
|
2464
2454
|
BaoSummaryDescription,
|
|
2465
2455
|
BaoListSummary,
|
|
2466
2456
|
BaoListSummaryItem] });
|
|
2467
|
-
BaoSummaryModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
2468
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2457
|
+
BaoSummaryModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoSummaryModule, imports: [CommonModule, BaoCommonComponentsModule] });
|
|
2458
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoSummaryModule, decorators: [{
|
|
2469
2459
|
type: NgModule,
|
|
2470
2460
|
args: [{
|
|
2471
2461
|
imports: [CommonModule, BaoCommonComponentsModule],
|
|
@@ -2480,6 +2470,1389 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
|
|
|
2480
2470
|
* See LICENSE file in the project root for full license information.
|
|
2481
2471
|
*/
|
|
2482
2472
|
|
|
2473
|
+
/*
|
|
2474
|
+
* Copyright (c) 2022 Ville de Montreal. All rights reserved.
|
|
2475
|
+
* Licensed under the MIT license.
|
|
2476
|
+
* See LICENSE file in the project root for full license information.
|
|
2477
|
+
*/
|
|
2478
|
+
class BaoAvatarContent {
|
|
2479
|
+
}
|
|
2480
|
+
BaoAvatarContent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoAvatarContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
2481
|
+
BaoAvatarContent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.1", type: BaoAvatarContent, selector: "bao-avatar-content, [bao-avatar-content]", host: { classAttribute: "bao-avatar-content" }, exportAs: ["baoAvatarContent"], ngImport: i0 });
|
|
2482
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoAvatarContent, decorators: [{
|
|
2483
|
+
type: Directive,
|
|
2484
|
+
args: [{
|
|
2485
|
+
selector: 'bao-avatar-content, [bao-avatar-content]',
|
|
2486
|
+
exportAs: 'baoAvatarContent',
|
|
2487
|
+
host: {
|
|
2488
|
+
class: 'bao-avatar-content'
|
|
2489
|
+
}
|
|
2490
|
+
}]
|
|
2491
|
+
}] });
|
|
2492
|
+
const SVG_NAMESPACE = 'http://www.w3.org/2000/svg';
|
|
2493
|
+
const SVG_PROFILE_ICON = "<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><circle cx='12' cy='12' r='12' fill='#DEE2E6'/><path fill-rule='evenodd' clip-rule='evenodd' d='M20.6328 20.3314C18.4504 22.5932 15.3877 24 11.9964 24C8.60514 24 5.54243 22.5932 3.36 20.3314C3.99242 18.9554 5.38284 18 6.99642 18H16.9964C18.61 18 20.0004 18.9554 20.6328 20.3314ZM17.9964 10C17.9964 13.3137 15.3101 16 11.9964 16C8.68272 16 5.99642 13.3137 5.99642 10C5.99642 6.68629 8.68272 4 11.9964 4C15.3101 4 17.9964 6.68629 17.9964 10Z' fill='#ADB2BD'/></svg>";
|
|
2494
|
+
const SCREEN_READER_CLASS_NAME = 'sr-only';
|
|
2495
|
+
const SPAN_TEXT_PROPERTY = 'textContent';
|
|
2496
|
+
class BaoAvatarComponent {
|
|
2497
|
+
constructor(renderer, elementRef) {
|
|
2498
|
+
this.renderer = renderer;
|
|
2499
|
+
this.elementRef = elementRef;
|
|
2500
|
+
/**
|
|
2501
|
+
* Name of the profile to be used as title of the avatar.
|
|
2502
|
+
*/
|
|
2503
|
+
this.profileName = 'Avatar du profil';
|
|
2504
|
+
/**
|
|
2505
|
+
* ID of the background color to be used if avatar's content is text.
|
|
2506
|
+
*/
|
|
2507
|
+
this.color = 'background-color-1';
|
|
2508
|
+
}
|
|
2509
|
+
get nativeElement() {
|
|
2510
|
+
return this.elementRef.nativeElement;
|
|
2511
|
+
}
|
|
2512
|
+
ngAfterViewInit() {
|
|
2513
|
+
if (!this.nativeElement.childNodes.length) {
|
|
2514
|
+
this.addIcon();
|
|
2515
|
+
}
|
|
2516
|
+
if (this.nativeElement.firstChild.nodeName === 'SPAN') {
|
|
2517
|
+
this.formatInitials(this.nativeElement.firstChild);
|
|
2518
|
+
}
|
|
2519
|
+
this.setProfileName(this.profileName, this.nativeElement.firstChild);
|
|
2520
|
+
}
|
|
2521
|
+
addIcon() {
|
|
2522
|
+
const div = this.renderer.createElement('DIV');
|
|
2523
|
+
div.innerHTML = SVG_PROFILE_ICON;
|
|
2524
|
+
const svg = div.querySelector('svg');
|
|
2525
|
+
const titleNode = this.renderer.createElement('title', SVG_NAMESPACE);
|
|
2526
|
+
const titleText = this.renderer.createText(this.profileName);
|
|
2527
|
+
this.renderer.appendChild(titleNode, titleText);
|
|
2528
|
+
this.renderer.insertBefore(svg, titleNode, svg.firstChild);
|
|
2529
|
+
this.renderer.appendChild(this.nativeElement, svg);
|
|
2530
|
+
}
|
|
2531
|
+
setProfileName(name, content) {
|
|
2532
|
+
switch (content.nodeName) {
|
|
2533
|
+
case 'IMG':
|
|
2534
|
+
this.renderer.setAttribute(content, 'alt', name);
|
|
2535
|
+
break;
|
|
2536
|
+
case 'SPAN':
|
|
2537
|
+
this.renderer.setAttribute(content, 'aria-hidden', 'true');
|
|
2538
|
+
const screenReaderSpan = this.renderer.createElement('span');
|
|
2539
|
+
this.renderer.setProperty(screenReaderSpan, SPAN_TEXT_PROPERTY, name);
|
|
2540
|
+
this.renderer.addClass(screenReaderSpan, SCREEN_READER_CLASS_NAME);
|
|
2541
|
+
this.renderer.insertBefore(this.nativeElement, screenReaderSpan, content);
|
|
2542
|
+
break;
|
|
2543
|
+
}
|
|
2544
|
+
}
|
|
2545
|
+
formatInitials(content) {
|
|
2546
|
+
this.renderer.setValue(content.firstChild, content.firstChild.nodeValue.slice(0, 2));
|
|
2547
|
+
this.renderer.addClass(this.nativeElement, 'display-color');
|
|
2548
|
+
}
|
|
2549
|
+
}
|
|
2550
|
+
BaoAvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoAvatarComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2551
|
+
BaoAvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.1", 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 });
|
|
2552
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoAvatarComponent, decorators: [{
|
|
2553
|
+
type: Component,
|
|
2554
|
+
args: [{ selector: 'bao-avatar', encapsulation: ViewEncapsulation.None, host: {
|
|
2555
|
+
class: 'bao-avatar',
|
|
2556
|
+
'[class.bao-avatar-color-1]': 'color === "background-color-1"',
|
|
2557
|
+
'[class.bao-avatar-color-2]': 'color === "background-color-2"',
|
|
2558
|
+
'[class.bao-avatar-color-3]': 'color === "background-color-3"',
|
|
2559
|
+
'[class.bao-avatar-color-4]': 'color === "background-color-4"',
|
|
2560
|
+
'[class.bao-avatar-color-5]': 'color === "background-color-5"',
|
|
2561
|
+
'[class.bao-avatar-color-6]': 'color === "background-color-6"',
|
|
2562
|
+
'[class.bao-avatar-color-7]': 'color === "background-color-7"',
|
|
2563
|
+
'[class.bao-avatar-color-8]': 'color === "background-color-8"',
|
|
2564
|
+
'[class.bao-avatar-color-9]': 'color === "background-color-9"',
|
|
2565
|
+
'[class.bao-avatar-color-10]': 'color === "background-color-10"'
|
|
2566
|
+
}, 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"] }]
|
|
2567
|
+
}], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { profileName: [{
|
|
2568
|
+
type: Input
|
|
2569
|
+
}], color: [{
|
|
2570
|
+
type: Input
|
|
2571
|
+
}] } });
|
|
2572
|
+
|
|
2573
|
+
/*
|
|
2574
|
+
* Copyright (c) 2022 Ville de Montreal. All rights reserved.
|
|
2575
|
+
* Licensed under the MIT license.
|
|
2576
|
+
* See LICENSE file in the project root for full license information.
|
|
2577
|
+
*/
|
|
2578
|
+
const AVATAR_DIRECTIVES = [BaoAvatarComponent, BaoAvatarContent];
|
|
2579
|
+
class BaoAvatarModule {
|
|
2580
|
+
}
|
|
2581
|
+
BaoAvatarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2582
|
+
BaoAvatarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.1", ngImport: i0, type: BaoAvatarModule, declarations: [BaoAvatarComponent, BaoAvatarContent], imports: [CommonModule], exports: [BaoAvatarComponent, BaoAvatarContent] });
|
|
2583
|
+
BaoAvatarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoAvatarModule, imports: [CommonModule] });
|
|
2584
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoAvatarModule, decorators: [{
|
|
2585
|
+
type: NgModule,
|
|
2586
|
+
args: [{
|
|
2587
|
+
imports: [CommonModule],
|
|
2588
|
+
declarations: [AVATAR_DIRECTIVES],
|
|
2589
|
+
exports: [AVATAR_DIRECTIVES]
|
|
2590
|
+
}]
|
|
2591
|
+
}] });
|
|
2592
|
+
|
|
2593
|
+
/*
|
|
2594
|
+
* Copyright (c) 2022 Ville de Montreal. All rights reserved.
|
|
2595
|
+
* Licensed under the MIT license.
|
|
2596
|
+
* See LICENSE file in the project root for full license information.
|
|
2597
|
+
*/
|
|
2598
|
+
|
|
2599
|
+
/*
|
|
2600
|
+
* Copyright (c) 2022 Ville de Montreal. All rights reserved.
|
|
2601
|
+
* Licensed under the MIT license.
|
|
2602
|
+
* See LICENSE file in the project root for full license information.
|
|
2603
|
+
*/
|
|
2604
|
+
/**
|
|
2605
|
+
* Unique number to generate a unique ID
|
|
2606
|
+
*/
|
|
2607
|
+
let tabsNextUniqueId = 0;
|
|
2608
|
+
class BaoTabHeader {
|
|
2609
|
+
constructor(renderer, elementRef) {
|
|
2610
|
+
this.renderer = renderer;
|
|
2611
|
+
this.elementRef = elementRef;
|
|
2612
|
+
/**
|
|
2613
|
+
* Emits its index when tab is clicked
|
|
2614
|
+
*/
|
|
2615
|
+
this.onTabClick = new EventEmitter();
|
|
2616
|
+
}
|
|
2617
|
+
get nativeElement() {
|
|
2618
|
+
return this.elementRef.nativeElement;
|
|
2619
|
+
}
|
|
2620
|
+
onClick(el) {
|
|
2621
|
+
const tabIndex = el.id.split('-')[el.id.split('-').length - 1];
|
|
2622
|
+
this.onTabClick.emit(tabIndex);
|
|
2623
|
+
}
|
|
2624
|
+
ngAfterViewInit() {
|
|
2625
|
+
this.renderer.setAttribute(this.nativeElement, 'role', 'tab');
|
|
2626
|
+
this.renderer.setAttribute(this.nativeElement, 'aria-selected', 'false');
|
|
2627
|
+
this.renderer.setAttribute(this.nativeElement, 'tabindex', '-1');
|
|
2628
|
+
}
|
|
2629
|
+
}
|
|
2630
|
+
BaoTabHeader.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoTabHeader, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
2631
|
+
BaoTabHeader.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.1", 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 });
|
|
2632
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoTabHeader, decorators: [{
|
|
2633
|
+
type: Directive,
|
|
2634
|
+
args: [{
|
|
2635
|
+
selector: 'bao-tab-header, [bao-tab-header]',
|
|
2636
|
+
exportAs: 'baoTabHeader',
|
|
2637
|
+
host: {
|
|
2638
|
+
class: 'bao-tab-header'
|
|
2639
|
+
}
|
|
2640
|
+
}]
|
|
2641
|
+
}], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { onTabClick: [{
|
|
2642
|
+
type: Output
|
|
2643
|
+
}], onClick: [{
|
|
2644
|
+
type: HostListener,
|
|
2645
|
+
args: ['click', ['$event.target']]
|
|
2646
|
+
}] } });
|
|
2647
|
+
class BaoTabPanel {
|
|
2648
|
+
constructor(renderer, elementRef) {
|
|
2649
|
+
this.renderer = renderer;
|
|
2650
|
+
this.elementRef = elementRef;
|
|
2651
|
+
}
|
|
2652
|
+
get nativeElement() {
|
|
2653
|
+
return this.elementRef.nativeElement;
|
|
2654
|
+
}
|
|
2655
|
+
ngAfterViewInit() {
|
|
2656
|
+
this.renderer.setAttribute(this.nativeElement, 'role', 'tabpanel');
|
|
2657
|
+
this.renderer.setAttribute(this.nativeElement, 'hidden', 'true');
|
|
2658
|
+
this.renderer.setAttribute(this.nativeElement, 'tabindex', '0');
|
|
2659
|
+
this.renderer.setAttribute(this.nativeElement, 'aria-expanded', 'false');
|
|
2660
|
+
}
|
|
2661
|
+
}
|
|
2662
|
+
BaoTabPanel.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoTabPanel, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
2663
|
+
BaoTabPanel.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.1", type: BaoTabPanel, selector: "bao-panel, [bao-panel]", host: { classAttribute: "bao-panel" }, exportAs: ["baoPanel"], ngImport: i0 });
|
|
2664
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoTabPanel, decorators: [{
|
|
2665
|
+
type: Directive,
|
|
2666
|
+
args: [{
|
|
2667
|
+
selector: 'bao-panel, [bao-panel]',
|
|
2668
|
+
exportAs: 'baoPanel',
|
|
2669
|
+
host: {
|
|
2670
|
+
class: 'bao-panel'
|
|
2671
|
+
}
|
|
2672
|
+
}]
|
|
2673
|
+
}], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; } });
|
|
2674
|
+
class BaoTablistComponent {
|
|
2675
|
+
constructor(renderer, elementRef) {
|
|
2676
|
+
this.renderer = renderer;
|
|
2677
|
+
this.elementRef = elementRef;
|
|
2678
|
+
/**
|
|
2679
|
+
* Size of the tabs displayed
|
|
2680
|
+
*/
|
|
2681
|
+
this.size = 'large';
|
|
2682
|
+
/**
|
|
2683
|
+
* Optionnal value to be used as aria-label property on tablist component
|
|
2684
|
+
*/
|
|
2685
|
+
this.ariaLabel = 'onglets';
|
|
2686
|
+
/**
|
|
2687
|
+
* Emits the index of the new active tab
|
|
2688
|
+
*/
|
|
2689
|
+
this.activeTabChange = new EventEmitter();
|
|
2690
|
+
this.uniqueId = `bao-tablist-${tabsNextUniqueId++}`;
|
|
2691
|
+
}
|
|
2692
|
+
get nativeElement() {
|
|
2693
|
+
return this.elementRef.nativeElement;
|
|
2694
|
+
}
|
|
2695
|
+
get tabs() {
|
|
2696
|
+
return this.elementRef.nativeElement.children;
|
|
2697
|
+
}
|
|
2698
|
+
leftKeyEvent() {
|
|
2699
|
+
if (document.activeElement.parentElement.id === this.uniqueId) {
|
|
2700
|
+
this.activeTabIndex = this.getNextActivableTabIndex(parseInt(this.activeTabIndex), false);
|
|
2701
|
+
this.changeActiveTab(this.activeTabIndex, true);
|
|
2702
|
+
this.activeTabChange.emit(this.activeTabIndex);
|
|
2703
|
+
}
|
|
2704
|
+
}
|
|
2705
|
+
rightKeyEvent() {
|
|
2706
|
+
if (document.activeElement.parentElement.id === this.uniqueId) {
|
|
2707
|
+
this.activeTabIndex = this.getNextActivableTabIndex(parseInt(this.activeTabIndex), true);
|
|
2708
|
+
this.changeActiveTab(this.activeTabIndex, true);
|
|
2709
|
+
this.activeTabChange.emit(this.activeTabIndex);
|
|
2710
|
+
}
|
|
2711
|
+
}
|
|
2712
|
+
/**
|
|
2713
|
+
* Makes the focus visible on tab header when changing from mouse to keyboard navigation
|
|
2714
|
+
*/
|
|
2715
|
+
tabKeyEvent() {
|
|
2716
|
+
if (document.activeElement.parentElement.id === this.uniqueId) {
|
|
2717
|
+
this.renderer.addClass(this.tabs[this.activeTabIndex], 'focus-visible');
|
|
2718
|
+
}
|
|
2719
|
+
}
|
|
2720
|
+
/**
|
|
2721
|
+
* Makes the focus visible on tab header when changing from mouse to keyboard navigation
|
|
2722
|
+
*/
|
|
2723
|
+
tabShiftKeyEvent() {
|
|
2724
|
+
if (document.activeElement.parentElement.id === this.uniqueId) {
|
|
2725
|
+
this.renderer.addClass(this.tabs[this.activeTabIndex], 'focus-visible');
|
|
2726
|
+
}
|
|
2727
|
+
}
|
|
2728
|
+
ngAfterViewInit() {
|
|
2729
|
+
this.setTablistAttributes();
|
|
2730
|
+
if (this.nativeElement.childElementCount) {
|
|
2731
|
+
this.setInitialActiveTab();
|
|
2732
|
+
}
|
|
2733
|
+
}
|
|
2734
|
+
ngAfterContentInit() {
|
|
2735
|
+
this.tabHeaders.forEach((tab) => {
|
|
2736
|
+
tab.onTabClick.subscribe((index) => {
|
|
2737
|
+
this.renderer.removeClass(this.tabs[index], 'focus-visible');
|
|
2738
|
+
this.activeTabIndex = index;
|
|
2739
|
+
this.changeActiveTab(index, false);
|
|
2740
|
+
this.activeTabChange.emit(index);
|
|
2741
|
+
});
|
|
2742
|
+
});
|
|
2743
|
+
}
|
|
2744
|
+
ngOnDestroy() {
|
|
2745
|
+
this.tabHeaders.forEach((tab) => {
|
|
2746
|
+
tab.onTabClick.unsubscribe();
|
|
2747
|
+
});
|
|
2748
|
+
}
|
|
2749
|
+
setTablistAttributes() {
|
|
2750
|
+
this.renderer.setAttribute(this.nativeElement, 'role', 'tablist');
|
|
2751
|
+
this.renderer.setAttribute(this.nativeElement, 'aria-label', this.ariaLabel);
|
|
2752
|
+
this.renderer.setProperty(this.nativeElement, 'id', this.uniqueId);
|
|
2753
|
+
}
|
|
2754
|
+
setInitialActiveTab() {
|
|
2755
|
+
const firstTabIndex = Array.from(this.tabs).findIndex((tab) => !tab.attributes['disabled']);
|
|
2756
|
+
this.activeTabIndex = firstTabIndex.toString();
|
|
2757
|
+
this.renderer.setAttribute(this.tabs[firstTabIndex], 'aria-selected', 'true');
|
|
2758
|
+
this.renderer.addClass(this.tabs[firstTabIndex], 'active');
|
|
2759
|
+
this.renderer.addClass(this.tabs[firstTabIndex], 'focus-visible');
|
|
2760
|
+
this.renderer.removeAttribute(this.tabs[firstTabIndex], 'tabindex');
|
|
2761
|
+
}
|
|
2762
|
+
changeActiveTab(newActiveTabIndex, isFocusVisible) {
|
|
2763
|
+
Array.from(this.tabs).forEach((tab) => {
|
|
2764
|
+
if (tab.id === `bao-tab-${newActiveTabIndex}`) {
|
|
2765
|
+
if (isFocusVisible) {
|
|
2766
|
+
this.renderer.addClass(tab, 'focus-visible');
|
|
2767
|
+
}
|
|
2768
|
+
this.renderer.setAttribute(tab, 'aria-selected', 'true');
|
|
2769
|
+
this.renderer.addClass(tab, 'active');
|
|
2770
|
+
this.renderer.removeAttribute(tab, 'tabindex');
|
|
2771
|
+
tab.focus();
|
|
2772
|
+
}
|
|
2773
|
+
else {
|
|
2774
|
+
this.renderer.setAttribute(tab, 'aria-selected', 'false');
|
|
2775
|
+
this.renderer.removeClass(tab, 'active');
|
|
2776
|
+
this.renderer.setAttribute(tab, 'tabindex', '-1');
|
|
2777
|
+
this.renderer.removeClass(tab, 'focus-visible');
|
|
2778
|
+
}
|
|
2779
|
+
});
|
|
2780
|
+
}
|
|
2781
|
+
/**
|
|
2782
|
+
* Finds the next activable tab index when navigating with left and right arrow keys
|
|
2783
|
+
* @param currentIndex Tab index which currently has focus
|
|
2784
|
+
* @param isRight Whether the tab navigation is going in the right direction or not
|
|
2785
|
+
* @returns Index of the new tab that will receive focus
|
|
2786
|
+
*/
|
|
2787
|
+
getNextActivableTabIndex(currentIndex, isRight) {
|
|
2788
|
+
const nextIndex = isRight ? currentIndex + 1 : currentIndex - 1;
|
|
2789
|
+
const nextIndexInTablist = ((nextIndex % this.tabs.length) + this.tabs.length) % this.tabs.length;
|
|
2790
|
+
if (this.tabs[nextIndexInTablist].attributes['disabled']) {
|
|
2791
|
+
return this.getNextActivableTabIndex(nextIndexInTablist, isRight);
|
|
2792
|
+
}
|
|
2793
|
+
return nextIndexInTablist.toString();
|
|
2794
|
+
}
|
|
2795
|
+
}
|
|
2796
|
+
BaoTablistComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoTablistComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2797
|
+
BaoTablistComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.1", 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 });
|
|
2798
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoTablistComponent, decorators: [{
|
|
2799
|
+
type: Component,
|
|
2800
|
+
args: [{ selector: 'bao-tablist, [bao-tablist]', encapsulation: ViewEncapsulation.None, host: {
|
|
2801
|
+
class: 'bao-tablist',
|
|
2802
|
+
'[class.bao-tablist-small]': 'size === "small"',
|
|
2803
|
+
'[class.bao-tablist-medium]': 'size === "medium"',
|
|
2804
|
+
'[class.bao-tablist-large]': 'size === "large"'
|
|
2805
|
+
}, 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"] }]
|
|
2806
|
+
}], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { tabHeaders: [{
|
|
2807
|
+
type: ContentChildren,
|
|
2808
|
+
args: [BaoTabHeader]
|
|
2809
|
+
}], size: [{
|
|
2810
|
+
type: Input
|
|
2811
|
+
}], ariaLabel: [{
|
|
2812
|
+
type: Input
|
|
2813
|
+
}], activeTabChange: [{
|
|
2814
|
+
type: Output
|
|
2815
|
+
}], leftKeyEvent: [{
|
|
2816
|
+
type: HostListener,
|
|
2817
|
+
args: ['window:keydown.arrowleft']
|
|
2818
|
+
}], rightKeyEvent: [{
|
|
2819
|
+
type: HostListener,
|
|
2820
|
+
args: ['window:keydown.arrowright']
|
|
2821
|
+
}], tabKeyEvent: [{
|
|
2822
|
+
type: HostListener,
|
|
2823
|
+
args: ['window:keydown.tab']
|
|
2824
|
+
}], tabShiftKeyEvent: [{
|
|
2825
|
+
type: HostListener,
|
|
2826
|
+
args: ['window:keydown.shift.tab']
|
|
2827
|
+
}] } });
|
|
2828
|
+
class BaoTabsContainer {
|
|
2829
|
+
constructor(renderer, elementRef) {
|
|
2830
|
+
this.renderer = renderer;
|
|
2831
|
+
this.elementRef = elementRef;
|
|
2832
|
+
this.panelIdPrefix = 'bao-panel-';
|
|
2833
|
+
this.tabIdPrefix = 'bao-tab-';
|
|
2834
|
+
}
|
|
2835
|
+
get tabs() {
|
|
2836
|
+
return this.elementRef.nativeElement.querySelector('.bao-tablist').children;
|
|
2837
|
+
}
|
|
2838
|
+
get panels() {
|
|
2839
|
+
return this.elementRef.nativeElement.querySelectorAll('.bao-panel');
|
|
2840
|
+
}
|
|
2841
|
+
ngAfterViewInit() {
|
|
2842
|
+
this.setInitialActivePanel();
|
|
2843
|
+
Array.from(this.tabs).forEach((tab, idx) => {
|
|
2844
|
+
const tabId = `${this.tabIdPrefix}${idx}`;
|
|
2845
|
+
const panelId = `${this.panelIdPrefix}${idx}`;
|
|
2846
|
+
this.renderer.setProperty(tab, 'id', tabId);
|
|
2847
|
+
this.renderer.setProperty(this.panels[idx], 'id', panelId);
|
|
2848
|
+
this.renderer.setAttribute(tab, 'aria-controls', panelId);
|
|
2849
|
+
this.renderer.setAttribute(this.panels[idx], 'aria-labelledby', tabId);
|
|
2850
|
+
});
|
|
2851
|
+
}
|
|
2852
|
+
ngAfterContentInit() {
|
|
2853
|
+
this.tablist.activeTabChange.subscribe((index) => this.changeActivePanel(index));
|
|
2854
|
+
}
|
|
2855
|
+
ngOnDestroy() {
|
|
2856
|
+
this.tablist.activeTabChange.unsubscribe();
|
|
2857
|
+
}
|
|
2858
|
+
setInitialActivePanel() {
|
|
2859
|
+
const firstTabIndex = Array.from(this.tabs).findIndex((tab) => !tab.attributes['disabled']);
|
|
2860
|
+
this.renderer.removeAttribute(this.panels[firstTabIndex], 'hidden');
|
|
2861
|
+
this.renderer.setAttribute(this.panels[firstTabIndex], 'aria-expanded', 'true');
|
|
2862
|
+
}
|
|
2863
|
+
changeActivePanel(newActiveId) {
|
|
2864
|
+
this.panels.forEach((panel) => {
|
|
2865
|
+
if (panel.id === `${this.panelIdPrefix}${newActiveId}`) {
|
|
2866
|
+
this.renderer.removeAttribute(panel, 'hidden');
|
|
2867
|
+
this.renderer.setAttribute(panel, 'aria-expanded', 'true');
|
|
2868
|
+
}
|
|
2869
|
+
else {
|
|
2870
|
+
this.renderer.setAttribute(panel, 'hidden', 'true');
|
|
2871
|
+
this.renderer.setAttribute(panel, 'aria-expanded', 'false');
|
|
2872
|
+
}
|
|
2873
|
+
});
|
|
2874
|
+
}
|
|
2875
|
+
}
|
|
2876
|
+
BaoTabsContainer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoTabsContainer, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
2877
|
+
BaoTabsContainer.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.1", type: BaoTabsContainer, selector: "bao-tabs, [bao-tabs]", host: { classAttribute: "bao-tabs" }, queries: [{ propertyName: "tablist", first: true, predicate: BaoTablistComponent, descendants: true }], exportAs: ["baoTabs"], ngImport: i0 });
|
|
2878
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoTabsContainer, decorators: [{
|
|
2879
|
+
type: Directive,
|
|
2880
|
+
args: [{
|
|
2881
|
+
selector: 'bao-tabs, [bao-tabs]',
|
|
2882
|
+
exportAs: 'baoTabs',
|
|
2883
|
+
host: {
|
|
2884
|
+
class: 'bao-tabs'
|
|
2885
|
+
}
|
|
2886
|
+
}]
|
|
2887
|
+
}], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { tablist: [{
|
|
2888
|
+
type: ContentChild,
|
|
2889
|
+
args: [BaoTablistComponent]
|
|
2890
|
+
}] } });
|
|
2891
|
+
|
|
2892
|
+
/*
|
|
2893
|
+
* Copyright (c) 2022 Ville de Montreal. All rights reserved.
|
|
2894
|
+
* Licensed under the MIT license.
|
|
2895
|
+
* See LICENSE file in the project root for full license information.
|
|
2896
|
+
*/
|
|
2897
|
+
const TABS_DIRECTIVES = [
|
|
2898
|
+
BaoTabsContainer,
|
|
2899
|
+
BaoTablistComponent,
|
|
2900
|
+
BaoTabHeader,
|
|
2901
|
+
BaoTabPanel
|
|
2902
|
+
];
|
|
2903
|
+
class BaoTabsModule {
|
|
2904
|
+
}
|
|
2905
|
+
BaoTabsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoTabsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2906
|
+
BaoTabsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.1", ngImport: i0, type: BaoTabsModule, declarations: [BaoTabsContainer,
|
|
2907
|
+
BaoTablistComponent,
|
|
2908
|
+
BaoTabHeader,
|
|
2909
|
+
BaoTabPanel], imports: [CommonModule], exports: [BaoTabsContainer,
|
|
2910
|
+
BaoTablistComponent,
|
|
2911
|
+
BaoTabHeader,
|
|
2912
|
+
BaoTabPanel] });
|
|
2913
|
+
BaoTabsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoTabsModule, imports: [CommonModule] });
|
|
2914
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoTabsModule, decorators: [{
|
|
2915
|
+
type: NgModule,
|
|
2916
|
+
args: [{
|
|
2917
|
+
imports: [CommonModule],
|
|
2918
|
+
declarations: [TABS_DIRECTIVES],
|
|
2919
|
+
exports: [TABS_DIRECTIVES]
|
|
2920
|
+
}]
|
|
2921
|
+
}] });
|
|
2922
|
+
|
|
2923
|
+
/*
|
|
2924
|
+
* Copyright (c) 2022 Ville de Montreal. All rights reserved.
|
|
2925
|
+
* Licensed under the MIT license.
|
|
2926
|
+
* See LICENSE file in the project root for full license information.
|
|
2927
|
+
*/
|
|
2928
|
+
|
|
2929
|
+
/*
|
|
2930
|
+
* Copyright (c) 2022 Ville de Montreal. All rights reserved.
|
|
2931
|
+
* Licensed under the MIT license.
|
|
2932
|
+
* See LICENSE file in the project root for full license information.
|
|
2933
|
+
*/
|
|
2934
|
+
/**
|
|
2935
|
+
* Animations used by MatDialog.
|
|
2936
|
+
* @docs-private
|
|
2937
|
+
*/
|
|
2938
|
+
const baoModalAnimations = {
|
|
2939
|
+
/** Animation that is applied on the modal container by default. */
|
|
2940
|
+
modalContainer: trigger('modalContainer', [
|
|
2941
|
+
// Note: The `enter` animation transitions to `transform: none`, because for some reason
|
|
2942
|
+
// specifying the transform explicitly, causes IE both to blur the modal content and
|
|
2943
|
+
// decimate the animation performance. Leaving it as `none` solves both issues.
|
|
2944
|
+
state('void, exit', style({ opacity: 0, transform: 'scale(0.7)' })),
|
|
2945
|
+
state('enter', style({ transform: 'none' })),
|
|
2946
|
+
transition('* => enter', group([
|
|
2947
|
+
animate('150ms cubic-bezier(0, 0, 0.2, 1)', style({ transform: 'none', opacity: 1 })),
|
|
2948
|
+
query('@*', animateChild(), { optional: true })
|
|
2949
|
+
])),
|
|
2950
|
+
transition('* => void, * => exit', group([
|
|
2951
|
+
animate('75ms cubic-bezier(0.4, 0.0, 0.2, 1)', style({ opacity: 0 })),
|
|
2952
|
+
query('@*', animateChild(), { optional: true })
|
|
2953
|
+
]))
|
|
2954
|
+
])
|
|
2955
|
+
};
|
|
2956
|
+
|
|
2957
|
+
/*
|
|
2958
|
+
* Copyright (c) 2022 Ville de Montreal. All rights reserved.
|
|
2959
|
+
* Licensed under the MIT license.
|
|
2960
|
+
* See LICENSE file in the project root for full license information.
|
|
2961
|
+
*/
|
|
2962
|
+
var eModalDesktopWidthSize;
|
|
2963
|
+
(function (eModalDesktopWidthSize) {
|
|
2964
|
+
eModalDesktopWidthSize["SMALL"] = "bao-modal-sm";
|
|
2965
|
+
eModalDesktopWidthSize["MEDIUM"] = "bao-modal-md";
|
|
2966
|
+
eModalDesktopWidthSize["LARGE"] = "bao-modal-lg"; // Full width minus 32px (global margin : left and rigth)
|
|
2967
|
+
})(eModalDesktopWidthSize || (eModalDesktopWidthSize = {}));
|
|
2968
|
+
var eModalMobileWidthSize;
|
|
2969
|
+
(function (eModalMobileWidthSize) {
|
|
2970
|
+
eModalMobileWidthSize["FULL"] = "bao-modal-mobil-full";
|
|
2971
|
+
eModalMobileWidthSize["COMPACT"] = "bao-modal-mobil-compact"; // 300px
|
|
2972
|
+
})(eModalMobileWidthSize || (eModalMobileWidthSize = {}));
|
|
2973
|
+
/**
|
|
2974
|
+
* Configuration for opening a modal dialog with the BaoModal service.
|
|
2975
|
+
*/
|
|
2976
|
+
class BaoModalInitialConfig {
|
|
2977
|
+
constructor() {
|
|
2978
|
+
/** The ARIA role of the dialog element. */
|
|
2979
|
+
this.role = 'dialog';
|
|
2980
|
+
/** Custom class for the overlay pane. */
|
|
2981
|
+
this.panelClass = '';
|
|
2982
|
+
/** Whether the dialog has a backdrop. */
|
|
2983
|
+
this.hasBackdrop = true;
|
|
2984
|
+
/** Custom class for the backdrop. */
|
|
2985
|
+
this.backdropClass = '';
|
|
2986
|
+
/** Whether the user can use escape or clicking on the backdrop to close the modal. */
|
|
2987
|
+
this.disableClose = false;
|
|
2988
|
+
/** Width of the dialog. */
|
|
2989
|
+
this.width = '';
|
|
2990
|
+
/** Height of the dialog. */
|
|
2991
|
+
this.height = '';
|
|
2992
|
+
/** Max-width of the dialog. If a number is provided, assumes pixel units. Defaults to 80vw. */
|
|
2993
|
+
this.maxWidth = '80vw';
|
|
2994
|
+
/** Data being injected into the child component. */
|
|
2995
|
+
this.data = null;
|
|
2996
|
+
/** ID of the element that describes the dialog. */
|
|
2997
|
+
this.ariaDescribedBy = null;
|
|
2998
|
+
/** ID of the element that labels the dialog. */
|
|
2999
|
+
this.ariaLabelledBy = null;
|
|
3000
|
+
/** Aria label to assign to the dialog element. */
|
|
3001
|
+
this.ariaLabel = null;
|
|
3002
|
+
/**
|
|
3003
|
+
* Where the dialog should focus on open.
|
|
3004
|
+
*/
|
|
3005
|
+
this.autoFocus = 'first-tabbable';
|
|
3006
|
+
/**
|
|
3007
|
+
* Whether the dialog should restore focus to the
|
|
3008
|
+
* previously-focused element, after it's closed.
|
|
3009
|
+
*/
|
|
3010
|
+
this.restoreFocus = true;
|
|
3011
|
+
/** Whether to wait for the opening animation to finish before trapping focus. */
|
|
3012
|
+
this.delayFocusTrap = true;
|
|
3013
|
+
/**
|
|
3014
|
+
* Whether the dialog should close when the user goes backwards/forwards in history.
|
|
3015
|
+
* Note that this usually doesn't include clicking on links (unless the user is using
|
|
3016
|
+
* the `HashLocationStrategy`).
|
|
3017
|
+
*/
|
|
3018
|
+
this.closeOnNavigation = true;
|
|
3019
|
+
}
|
|
3020
|
+
}
|
|
3021
|
+
|
|
3022
|
+
/**
|
|
3023
|
+
* Throws an exception for the case when a ComponentPortal is
|
|
3024
|
+
* attached to a DomPortalOutlet without an origin.
|
|
3025
|
+
* @docs-private
|
|
3026
|
+
*/
|
|
3027
|
+
function throwBaoModalContentAlreadyAttachedError() {
|
|
3028
|
+
throw Error('Attempting to attach modal content after content is already attached');
|
|
3029
|
+
}
|
|
3030
|
+
/**
|
|
3031
|
+
* Base class for the `BaoModalContainer`. The base class does not implement
|
|
3032
|
+
* animations as these are left to implementers of the modal container.
|
|
3033
|
+
*/
|
|
3034
|
+
class _BaoModalContainerBase extends BasePortalOutlet {
|
|
3035
|
+
constructor(_elementRef, _focusTrapFactory, _changeDetectorRef, _document,
|
|
3036
|
+
/** The modal configuration. */
|
|
3037
|
+
_config, _interactivityChecker, _ngZone, _focusMonitor) {
|
|
3038
|
+
super();
|
|
3039
|
+
this._elementRef = _elementRef;
|
|
3040
|
+
this._focusTrapFactory = _focusTrapFactory;
|
|
3041
|
+
this._changeDetectorRef = _changeDetectorRef;
|
|
3042
|
+
this._config = _config;
|
|
3043
|
+
this._interactivityChecker = _interactivityChecker;
|
|
3044
|
+
this._ngZone = _ngZone;
|
|
3045
|
+
this._focusMonitor = _focusMonitor;
|
|
3046
|
+
/** Emits when an animation state changes. */
|
|
3047
|
+
this._animationStateChanged = new EventEmitter();
|
|
3048
|
+
/**
|
|
3049
|
+
* Type of interaction that led to the modal being closed. This is used to determine
|
|
3050
|
+
* whether the focus style will be applied when returning focus to its original location
|
|
3051
|
+
* after the modal is closed.
|
|
3052
|
+
*/
|
|
3053
|
+
this._closeInteractionType = null;
|
|
3054
|
+
/** Element that was focused before the modal was opened. Save this to restore upon close. */
|
|
3055
|
+
this._elementFocusedBeforeDialogWasOpened = null;
|
|
3056
|
+
this._ariaLabelledBy = _config.ariaLabelledBy || null;
|
|
3057
|
+
this._document = _document;
|
|
3058
|
+
}
|
|
3059
|
+
/** Initializes the modal container with the attached content. */
|
|
3060
|
+
_initializeWithAttachedContent() {
|
|
3061
|
+
this._setupFocusTrap();
|
|
3062
|
+
// Save the previously focused element. This element will be re-focused
|
|
3063
|
+
// when the modal closes.
|
|
3064
|
+
this._capturePreviouslyFocusedElement();
|
|
3065
|
+
}
|
|
3066
|
+
/**
|
|
3067
|
+
* Attach a ComponentPortal as content to this modal container.
|
|
3068
|
+
*/
|
|
3069
|
+
attachComponentPortal(portal) {
|
|
3070
|
+
return this._portalOutlet.attachComponentPortal(portal);
|
|
3071
|
+
}
|
|
3072
|
+
/**
|
|
3073
|
+
* Attach a TemplatePortal as content to this modal container.
|
|
3074
|
+
*/
|
|
3075
|
+
attachTemplatePortal(portal) {
|
|
3076
|
+
return this._portalOutlet.attachTemplatePortal(portal);
|
|
3077
|
+
}
|
|
3078
|
+
/** Moves focus back into the modal if it was moved out. */
|
|
3079
|
+
async _recaptureFocus() {
|
|
3080
|
+
if (!this._containsFocus()) {
|
|
3081
|
+
await this._trapFocus();
|
|
3082
|
+
}
|
|
3083
|
+
}
|
|
3084
|
+
/**
|
|
3085
|
+
* Moves the focus inside the focus trap. When autoFocus is not set to 'modal', if focus
|
|
3086
|
+
* cannot be moved then focus will go to the modal container.
|
|
3087
|
+
*/
|
|
3088
|
+
async _trapFocus() {
|
|
3089
|
+
const element = this._elementRef.nativeElement;
|
|
3090
|
+
// If were to attempt to focus immediately, then the content of the modal would not yet be
|
|
3091
|
+
// ready in instances where change detection has to run first. To deal with this, we simply
|
|
3092
|
+
// wait for the microtask queue to be empty when setting focus when autoFocus isn't set to
|
|
3093
|
+
// modal. If the element inside the modal can't be focused, then the container is focused
|
|
3094
|
+
// so the user can't tab into other elements behind it.
|
|
3095
|
+
switch (this._config.autoFocus) {
|
|
3096
|
+
case 'modal':
|
|
3097
|
+
// Ensure that focus is on the modal container. It's possible that a different
|
|
3098
|
+
// component tried to move focus while the open animation was running. See:
|
|
3099
|
+
// https://github.com/angular/components/issues/16215. Note that we only want to do this
|
|
3100
|
+
// if the focus isn't inside the modal already, because it's possible that the consumer
|
|
3101
|
+
// turned off `autoFocus` in order to move focus themselves.
|
|
3102
|
+
if (!this._containsFocus()) {
|
|
3103
|
+
element.focus();
|
|
3104
|
+
}
|
|
3105
|
+
break;
|
|
3106
|
+
case 'first-tabbable':
|
|
3107
|
+
// If we weren't able to find a focusable element in the modal, then focus the modal
|
|
3108
|
+
// container instead.
|
|
3109
|
+
const focusedSuccessfully = await this._focusTrap.focusInitialElementWhenReady();
|
|
3110
|
+
if (!focusedSuccessfully) {
|
|
3111
|
+
this._focusDialogContainer();
|
|
3112
|
+
}
|
|
3113
|
+
break;
|
|
3114
|
+
case 'first-heading':
|
|
3115
|
+
this._focusByCssSelector('h1, h2, h3, h4, h5, h6, [role="heading"]');
|
|
3116
|
+
break;
|
|
3117
|
+
default:
|
|
3118
|
+
this._focusByCssSelector(this._config.autoFocus);
|
|
3119
|
+
break;
|
|
3120
|
+
}
|
|
3121
|
+
}
|
|
3122
|
+
/** Restores focus to the element that was focused before the modal opened. */
|
|
3123
|
+
_restoreFocus() {
|
|
3124
|
+
const previousElement = this._elementFocusedBeforeDialogWasOpened;
|
|
3125
|
+
// We need the extra check, because IE can set the `activeElement` to null in some cases.
|
|
3126
|
+
if (this._config.restoreFocus &&
|
|
3127
|
+
previousElement &&
|
|
3128
|
+
typeof previousElement.focus === 'function') {
|
|
3129
|
+
const activeElement = _getFocusedElementPierceShadowDom();
|
|
3130
|
+
const element = this._elementRef.nativeElement;
|
|
3131
|
+
// Make sure that focus is still inside the modal or is on the body (usually because a
|
|
3132
|
+
// non-focusable element like the backdrop was clicked) before moving it. It's possible that
|
|
3133
|
+
// the consumer moved it themselves before the animation was done, in which case we shouldn't
|
|
3134
|
+
// do anything.
|
|
3135
|
+
if (!activeElement ||
|
|
3136
|
+
activeElement === this._document.body ||
|
|
3137
|
+
activeElement === element ||
|
|
3138
|
+
element.contains(activeElement)) {
|
|
3139
|
+
if (this._focusMonitor) {
|
|
3140
|
+
this._focusMonitor.focusVia(previousElement, this._closeInteractionType);
|
|
3141
|
+
this._closeInteractionType = null;
|
|
3142
|
+
}
|
|
3143
|
+
else {
|
|
3144
|
+
previousElement.focus();
|
|
3145
|
+
}
|
|
3146
|
+
}
|
|
3147
|
+
}
|
|
3148
|
+
if (this._focusTrap) {
|
|
3149
|
+
this._focusTrap.destroy();
|
|
3150
|
+
}
|
|
3151
|
+
}
|
|
3152
|
+
/**
|
|
3153
|
+
* Focuses the provided element. If the element is not focusable, it will add a tabIndex
|
|
3154
|
+
* attribute to forcefully focus it. The attribute is removed after focus is moved.
|
|
3155
|
+
*/
|
|
3156
|
+
_forceFocus(element, options) {
|
|
3157
|
+
if (!this._interactivityChecker.isFocusable(element)) {
|
|
3158
|
+
element.tabIndex = -1;
|
|
3159
|
+
// The tabindex attribute should be removed to avoid navigating to that element again
|
|
3160
|
+
this._ngZone.runOutsideAngular(() => {
|
|
3161
|
+
element.addEventListener('blur', () => element.removeAttribute('tabindex'));
|
|
3162
|
+
element.addEventListener('mousedown', () => element.removeAttribute('tabindex'));
|
|
3163
|
+
});
|
|
3164
|
+
}
|
|
3165
|
+
element.focus(options);
|
|
3166
|
+
}
|
|
3167
|
+
/**
|
|
3168
|
+
* Focuses the first element that matches the given selector within the focus trap.
|
|
3169
|
+
*/
|
|
3170
|
+
_focusByCssSelector(selector, options) {
|
|
3171
|
+
const elementToFocus = this._elementRef.nativeElement.querySelector(selector);
|
|
3172
|
+
if (elementToFocus) {
|
|
3173
|
+
this._forceFocus(elementToFocus, options);
|
|
3174
|
+
}
|
|
3175
|
+
}
|
|
3176
|
+
/** Sets up the focus trap. */
|
|
3177
|
+
_setupFocusTrap() {
|
|
3178
|
+
this._focusTrap = this._focusTrapFactory.create(this._elementRef.nativeElement);
|
|
3179
|
+
}
|
|
3180
|
+
/** Captures the element that was focused before the modal was opened. */
|
|
3181
|
+
_capturePreviouslyFocusedElement() {
|
|
3182
|
+
if (this._document) {
|
|
3183
|
+
this._elementFocusedBeforeDialogWasOpened =
|
|
3184
|
+
_getFocusedElementPierceShadowDom();
|
|
3185
|
+
}
|
|
3186
|
+
}
|
|
3187
|
+
/** Focuses the modal container. */
|
|
3188
|
+
_focusDialogContainer() {
|
|
3189
|
+
// Note that there is no focus method when rendering on the server.
|
|
3190
|
+
if (this._elementRef.nativeElement.focus) {
|
|
3191
|
+
this._elementRef.nativeElement.focus();
|
|
3192
|
+
}
|
|
3193
|
+
}
|
|
3194
|
+
/** Returns whether focus is inside the modal. */
|
|
3195
|
+
_containsFocus() {
|
|
3196
|
+
const element = this._elementRef.nativeElement;
|
|
3197
|
+
const activeElement = _getFocusedElementPierceShadowDom();
|
|
3198
|
+
return element === activeElement || element.contains(activeElement);
|
|
3199
|
+
}
|
|
3200
|
+
}
|
|
3201
|
+
_BaoModalContainerBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", 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 });
|
|
3202
|
+
_BaoModalContainerBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.1", type: _BaoModalContainerBase, viewQueries: [{ propertyName: "_portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }], usesInheritance: true, ngImport: i0 });
|
|
3203
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: _BaoModalContainerBase, decorators: [{
|
|
3204
|
+
type: Directive
|
|
3205
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1$3.ConfigurableFocusTrapFactory }, { type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
|
|
3206
|
+
type: Optional
|
|
3207
|
+
}, {
|
|
3208
|
+
type: Inject,
|
|
3209
|
+
args: [DOCUMENT]
|
|
3210
|
+
}] }, { type: BaoModalInitialConfig }, { type: i1$3.InteractivityChecker }, { type: i0.NgZone }, { type: i1$3.FocusMonitor }]; }, propDecorators: { _portalOutlet: [{
|
|
3211
|
+
type: ViewChild,
|
|
3212
|
+
args: [CdkPortalOutlet, { static: true }]
|
|
3213
|
+
}] } });
|
|
3214
|
+
class BaoModalContainer extends _BaoModalContainerBase {
|
|
3215
|
+
constructor() {
|
|
3216
|
+
super(...arguments);
|
|
3217
|
+
/** State of the modal animation. */
|
|
3218
|
+
this._state = 'enter';
|
|
3219
|
+
}
|
|
3220
|
+
/** Callback, invoked whenever an animation on the host completes. */
|
|
3221
|
+
async _onAnimationDone({ toState, totalTime }) {
|
|
3222
|
+
if (toState === 'enter') {
|
|
3223
|
+
await this._trapFocus();
|
|
3224
|
+
this._animationStateChanged.next({ state: 'opened', totalTime });
|
|
3225
|
+
}
|
|
3226
|
+
else if (toState === 'exit') {
|
|
3227
|
+
this._restoreFocus();
|
|
3228
|
+
this._animationStateChanged.next({ state: 'closed', totalTime });
|
|
3229
|
+
}
|
|
3230
|
+
}
|
|
3231
|
+
/** Callback, invoked when an animation on the host starts. */
|
|
3232
|
+
_onAnimationStart({ toState, totalTime }) {
|
|
3233
|
+
if (toState === 'enter') {
|
|
3234
|
+
this._animationStateChanged.next({ state: 'opening', totalTime });
|
|
3235
|
+
}
|
|
3236
|
+
else if (toState === 'exit' || toState === 'void') {
|
|
3237
|
+
this._animationStateChanged.next({ state: 'closing', totalTime });
|
|
3238
|
+
}
|
|
3239
|
+
}
|
|
3240
|
+
/** Starts the modal exit animation. */
|
|
3241
|
+
_startExitAnimation() {
|
|
3242
|
+
this._state = 'exit';
|
|
3243
|
+
// Mark the container for check so it can react if the
|
|
3244
|
+
// view container is using OnPush change detection.
|
|
3245
|
+
this._changeDetectorRef.markForCheck();
|
|
3246
|
+
}
|
|
3247
|
+
}
|
|
3248
|
+
BaoModalContainer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoModalContainer, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
3249
|
+
BaoModalContainer.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.1", type: BaoModalContainer, selector: "bao-modal-container", host: { attributes: { "tabindex": "-1", "aria-modal": "true" }, listeners: { "@modalContainer.start": "_onAnimationStart($event)", "@modalContainer.done": "_onAnimationDone($event)" }, 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", "@modalContainer": "_state" }, 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;top:0;bottom:0;left:0;right: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"] }], animations: [baoModalAnimations.modalContainer], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
|
|
3250
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoModalContainer, decorators: [{
|
|
3251
|
+
type: Component,
|
|
3252
|
+
args: [{ selector: 'bao-modal-container', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.Default, animations: [baoModalAnimations.modalContainer], host: {
|
|
3253
|
+
class: 'bao-modal-container',
|
|
3254
|
+
tabindex: '-1',
|
|
3255
|
+
'aria-modal': 'true',
|
|
3256
|
+
'[id]': '_id',
|
|
3257
|
+
'[attr.role]': '_config.role',
|
|
3258
|
+
'[attr.aria-labelledby]': '_config.ariaLabel ? null : _ariaLabelledBy',
|
|
3259
|
+
'[attr.aria-label]': '_config.ariaLabel',
|
|
3260
|
+
'[attr.aria-describedby]': '_config.ariaDescribedBy || null',
|
|
3261
|
+
'[@modalContainer]': '_state',
|
|
3262
|
+
'(@modalContainer.start)': '_onAnimationStart($event)',
|
|
3263
|
+
'(@modalContainer.done)': '_onAnimationDone($event)'
|
|
3264
|
+
}, 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;top:0;bottom:0;left:0;right: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"] }]
|
|
3265
|
+
}] });
|
|
3266
|
+
|
|
3267
|
+
// Counter for unique modal ids.
|
|
3268
|
+
let uniqueId = 0;
|
|
3269
|
+
/**
|
|
3270
|
+
* Reference to a modal opened via the BaoModalService.
|
|
3271
|
+
*/
|
|
3272
|
+
class BaoModalRef {
|
|
3273
|
+
constructor(_overlayRef, _containerInstance,
|
|
3274
|
+
/** Id of the modal. */
|
|
3275
|
+
id = `bao-modal-${uniqueId++}`) {
|
|
3276
|
+
this._overlayRef = _overlayRef;
|
|
3277
|
+
this._containerInstance = _containerInstance;
|
|
3278
|
+
this.id = id;
|
|
3279
|
+
/** Whether the user is allowed to close the modal. */
|
|
3280
|
+
this.disableClose = this._containerInstance._config.disableClose;
|
|
3281
|
+
/** Subject for notifying the user that the modal has finished opening. */
|
|
3282
|
+
this._afterOpened = new Subject();
|
|
3283
|
+
/** Subject for notifying the user that the modal has finished closing. */
|
|
3284
|
+
this._afterClosed = new Subject();
|
|
3285
|
+
/** Subject for notifying the user that the modal has started closing. */
|
|
3286
|
+
this._beforeClosed = new Subject();
|
|
3287
|
+
/** Current state of the modal. */
|
|
3288
|
+
this._state = 0 /* OPEN */;
|
|
3289
|
+
// Pass the id along to the container.
|
|
3290
|
+
_containerInstance._id = id;
|
|
3291
|
+
// Emit when opening animation completes
|
|
3292
|
+
_containerInstance._animationStateChanged
|
|
3293
|
+
.pipe(filter(event => event.state === 'opened'), take(1))
|
|
3294
|
+
.subscribe(() => {
|
|
3295
|
+
this._afterOpened.next();
|
|
3296
|
+
this._afterOpened.complete();
|
|
3297
|
+
});
|
|
3298
|
+
// Dispose overlay when closing animation is complete
|
|
3299
|
+
_containerInstance._animationStateChanged
|
|
3300
|
+
.pipe(filter(event => event.state === 'closed'), take(1))
|
|
3301
|
+
.subscribe(() => {
|
|
3302
|
+
clearTimeout(this._closeFallbackTimeout);
|
|
3303
|
+
this._finishModalClose();
|
|
3304
|
+
});
|
|
3305
|
+
_overlayRef.detachments().subscribe(() => {
|
|
3306
|
+
this._beforeClosed.next(this._result);
|
|
3307
|
+
this._beforeClosed.complete();
|
|
3308
|
+
this._afterClosed.next(this._result);
|
|
3309
|
+
this._afterClosed.complete();
|
|
3310
|
+
this.componentInstance = null;
|
|
3311
|
+
this._overlayRef.dispose();
|
|
3312
|
+
});
|
|
3313
|
+
_overlayRef
|
|
3314
|
+
.keydownEvents()
|
|
3315
|
+
.pipe(filter(event => {
|
|
3316
|
+
return (event.keyCode === ESCAPE &&
|
|
3317
|
+
!this.disableClose &&
|
|
3318
|
+
!hasModifierKey(event));
|
|
3319
|
+
}))
|
|
3320
|
+
.subscribe(event => {
|
|
3321
|
+
event.preventDefault();
|
|
3322
|
+
_closeModalVia(this, 'keyboard');
|
|
3323
|
+
});
|
|
3324
|
+
_overlayRef.backdropClick().subscribe(async () => {
|
|
3325
|
+
if (this.disableClose) {
|
|
3326
|
+
await this._containerInstance._recaptureFocus();
|
|
3327
|
+
}
|
|
3328
|
+
else {
|
|
3329
|
+
_closeModalVia(this, 'mouse');
|
|
3330
|
+
}
|
|
3331
|
+
});
|
|
3332
|
+
}
|
|
3333
|
+
/**
|
|
3334
|
+
* Close the modal.
|
|
3335
|
+
* @param modalResult Optional result to return to the modal opener.
|
|
3336
|
+
*/
|
|
3337
|
+
close(modalResult) {
|
|
3338
|
+
this._result = modalResult;
|
|
3339
|
+
// Transition the backdrop in parallel to the modal.
|
|
3340
|
+
this._containerInstance._animationStateChanged
|
|
3341
|
+
.pipe(filter(event => event.state === 'closing'), take(1))
|
|
3342
|
+
.subscribe(event => {
|
|
3343
|
+
this._beforeClosed.next(modalResult);
|
|
3344
|
+
this._beforeClosed.complete();
|
|
3345
|
+
this._overlayRef.detachBackdrop();
|
|
3346
|
+
// The logic that disposes of the overlay depends on the exit animation completing, however
|
|
3347
|
+
// it isn't guaranteed if the parent view is destroyed while it's running. Add a fallback
|
|
3348
|
+
// timeout which will clean everything up if the animation hasn't fired within the specified
|
|
3349
|
+
// amount of time plus 100ms. We don't need to run this outside the NgZone, because for the
|
|
3350
|
+
// vast majority of cases the timeout will have been cleared before it has the chance to fire.
|
|
3351
|
+
this._closeFallbackTimeout = setTimeout(() => this._finishModalClose(), event.totalTime + 100);
|
|
3352
|
+
});
|
|
3353
|
+
this._state = 1 /* CLOSING */;
|
|
3354
|
+
this._containerInstance._startExitAnimation();
|
|
3355
|
+
}
|
|
3356
|
+
/**
|
|
3357
|
+
* Gets an observable that is notified when the modal is finished opening.
|
|
3358
|
+
*/
|
|
3359
|
+
afterOpened() {
|
|
3360
|
+
return this._afterOpened;
|
|
3361
|
+
}
|
|
3362
|
+
/**
|
|
3363
|
+
* Gets an observable that is notified when the modal is finished closing.
|
|
3364
|
+
*/
|
|
3365
|
+
afterClosed() {
|
|
3366
|
+
return this._afterClosed;
|
|
3367
|
+
}
|
|
3368
|
+
/**
|
|
3369
|
+
* Gets an observable that is notified when the modal has started closing.
|
|
3370
|
+
*/
|
|
3371
|
+
beforeClosed() {
|
|
3372
|
+
return this._beforeClosed;
|
|
3373
|
+
}
|
|
3374
|
+
/**
|
|
3375
|
+
* Gets an observable that emits when the overlay's backdrop has been clicked.
|
|
3376
|
+
*/
|
|
3377
|
+
backdropClick() {
|
|
3378
|
+
return this._overlayRef.backdropClick();
|
|
3379
|
+
}
|
|
3380
|
+
/**
|
|
3381
|
+
* Gets an observable that emits when keydown events are targeted on the overlay.
|
|
3382
|
+
*/
|
|
3383
|
+
keydownEvents() {
|
|
3384
|
+
return this._overlayRef.keydownEvents();
|
|
3385
|
+
}
|
|
3386
|
+
/**
|
|
3387
|
+
* Updates the dialog's position.
|
|
3388
|
+
*/
|
|
3389
|
+
updatePosition(position) {
|
|
3390
|
+
const strategy = this._getPositionStrategy();
|
|
3391
|
+
if (position && (position.left || position.right)) {
|
|
3392
|
+
position.left
|
|
3393
|
+
? strategy.left(position.left)
|
|
3394
|
+
: strategy.right(position.right);
|
|
3395
|
+
}
|
|
3396
|
+
else {
|
|
3397
|
+
strategy.centerHorizontally();
|
|
3398
|
+
}
|
|
3399
|
+
if (position && (position.top || position.bottom)) {
|
|
3400
|
+
position.top
|
|
3401
|
+
? strategy.top(position.top)
|
|
3402
|
+
: strategy.bottom(position.bottom);
|
|
3403
|
+
}
|
|
3404
|
+
else {
|
|
3405
|
+
strategy.centerVertically();
|
|
3406
|
+
}
|
|
3407
|
+
this._overlayRef.updatePosition();
|
|
3408
|
+
return this;
|
|
3409
|
+
}
|
|
3410
|
+
/**
|
|
3411
|
+
* Updates the modal's width and height.
|
|
3412
|
+
*/
|
|
3413
|
+
updateSize(width = '', height = '') {
|
|
3414
|
+
this._overlayRef.updateSize({ width, height });
|
|
3415
|
+
this._overlayRef.updatePosition();
|
|
3416
|
+
return this;
|
|
3417
|
+
}
|
|
3418
|
+
/** Add a CSS class or an array of classes to the overlay pane. */
|
|
3419
|
+
addPanelClass(classes) {
|
|
3420
|
+
this._overlayRef.addPanelClass(classes);
|
|
3421
|
+
return this;
|
|
3422
|
+
}
|
|
3423
|
+
/** Remove a CSS class or an array of classes from the overlay pane. */
|
|
3424
|
+
removePanelClass(classes) {
|
|
3425
|
+
this._overlayRef.removePanelClass(classes);
|
|
3426
|
+
return this;
|
|
3427
|
+
}
|
|
3428
|
+
/** Gets the current state of the modal's lifecycle. */
|
|
3429
|
+
getState() {
|
|
3430
|
+
return this._state;
|
|
3431
|
+
}
|
|
3432
|
+
/**
|
|
3433
|
+
* Finishes the modal close by updating the state of the modal
|
|
3434
|
+
* and disposing the overlay.
|
|
3435
|
+
*/
|
|
3436
|
+
_finishModalClose() {
|
|
3437
|
+
this._state = 2 /* CLOSED */;
|
|
3438
|
+
this._overlayRef.dispose();
|
|
3439
|
+
}
|
|
3440
|
+
/** Fetches the position strategy object from the overlay ref. */
|
|
3441
|
+
_getPositionStrategy() {
|
|
3442
|
+
return this._overlayRef.getConfig()
|
|
3443
|
+
.positionStrategy;
|
|
3444
|
+
}
|
|
3445
|
+
}
|
|
3446
|
+
/**
|
|
3447
|
+
* Closes the modal with the specified interaction type. This is currently not part of
|
|
3448
|
+
* `BaoModalRef` as that would conflict with custom modal ref mocks provided in tests.
|
|
3449
|
+
* More details. See: https://github.com/angular/components/pull/9257#issuecomment-651342226.
|
|
3450
|
+
*/
|
|
3451
|
+
function _closeModalVia(ref, interactionType, result) {
|
|
3452
|
+
// Some mock modal ref instances in tests do not have the `_containerInstance` property.
|
|
3453
|
+
// For those, we keep the behavior as is and do not deal with the interaction type.
|
|
3454
|
+
if (ref._containerInstance !== undefined) {
|
|
3455
|
+
ref._containerInstance._closeInteractionType = interactionType;
|
|
3456
|
+
}
|
|
3457
|
+
return ref.close(result);
|
|
3458
|
+
}
|
|
3459
|
+
|
|
3460
|
+
/*
|
|
3461
|
+
* Copyright (c) 2022 Ville de Montreal. All rights reserved.
|
|
3462
|
+
* Licensed under the MIT license.
|
|
3463
|
+
* See LICENSE file in the project root for full license information.
|
|
3464
|
+
*/
|
|
3465
|
+
/** Injection token that can be used to access the data that was passed in to a modal. */
|
|
3466
|
+
const BAO_MODAL_DATA = new InjectionToken('BaoModalData');
|
|
3467
|
+
class BaoModalBase {
|
|
3468
|
+
constructor(_overlay, _injector, _parentModal, _overlayContainer, _modalRefConstructor, _modalContainerType, _modalDataToken, _animationMode) {
|
|
3469
|
+
this._overlay = _overlay;
|
|
3470
|
+
this._injector = _injector;
|
|
3471
|
+
this._parentModal = _parentModal;
|
|
3472
|
+
this._overlayContainer = _overlayContainer;
|
|
3473
|
+
this._modalRefConstructor = _modalRefConstructor;
|
|
3474
|
+
this._modalContainerType = _modalContainerType;
|
|
3475
|
+
this._modalDataToken = _modalDataToken;
|
|
3476
|
+
this._animationMode = _animationMode;
|
|
3477
|
+
this.afterAllClosed = defer(() => this.openModals.length
|
|
3478
|
+
? this.getAfterAllClosed()
|
|
3479
|
+
: this.getAfterAllClosed().pipe(startWith(undefined)));
|
|
3480
|
+
this._openModalsAtThisLevel = [];
|
|
3481
|
+
this._afterAllClosedAtThisLevel = new Subject();
|
|
3482
|
+
this._afterOpenedAtThisLevel = new Subject();
|
|
3483
|
+
this._ariaHiddenElements = new Map();
|
|
3484
|
+
this._modalAnimatingOpen = false;
|
|
3485
|
+
}
|
|
3486
|
+
/** Keeps track of the currently-open modals. */
|
|
3487
|
+
get openModals() {
|
|
3488
|
+
return this._parentModal
|
|
3489
|
+
? this._parentModal.openModals
|
|
3490
|
+
: this._openModalsAtThisLevel;
|
|
3491
|
+
}
|
|
3492
|
+
/** Stream that emits when a modal has been opened. */
|
|
3493
|
+
get afterOpened() {
|
|
3494
|
+
// Maybe typescript version difference
|
|
3495
|
+
return this._parentModal
|
|
3496
|
+
? this._parentModal.afterOpened
|
|
3497
|
+
: this._afterOpenedAtThisLevel;
|
|
3498
|
+
}
|
|
3499
|
+
getAfterAllClosed() {
|
|
3500
|
+
const parent = this._parentModal;
|
|
3501
|
+
return parent
|
|
3502
|
+
? parent.getAfterAllClosed()
|
|
3503
|
+
: this._afterAllClosedAtThisLevel;
|
|
3504
|
+
}
|
|
3505
|
+
/**
|
|
3506
|
+
* Opens a modal modal containing the given template.
|
|
3507
|
+
*/
|
|
3508
|
+
open(componentOrTemplateRef, config) {
|
|
3509
|
+
const conf = this._applyConfigDefaults(config, new BaoModalInitialConfig());
|
|
3510
|
+
// If there is a modal that is currently animating open, return the MatmodalRef of that modal
|
|
3511
|
+
if (this._modalAnimatingOpen) {
|
|
3512
|
+
return this._lastModalRef;
|
|
3513
|
+
}
|
|
3514
|
+
const overlayRef = this._createOverlay(conf);
|
|
3515
|
+
const modalContainer = this._attachModalContainer(overlayRef, conf);
|
|
3516
|
+
if (this._animationMode !== 'NoopAnimations') {
|
|
3517
|
+
const animationStateSubscription = modalContainer._animationStateChanged.subscribe(modalAnimationEvent => {
|
|
3518
|
+
if (modalAnimationEvent.state === 'opening') {
|
|
3519
|
+
this._modalAnimatingOpen = true;
|
|
3520
|
+
}
|
|
3521
|
+
if (modalAnimationEvent.state === 'opened') {
|
|
3522
|
+
this._modalAnimatingOpen = false;
|
|
3523
|
+
animationStateSubscription.unsubscribe();
|
|
3524
|
+
}
|
|
3525
|
+
});
|
|
3526
|
+
if (!this._animationStateSubscriptions) {
|
|
3527
|
+
this._animationStateSubscriptions = new Subscription();
|
|
3528
|
+
}
|
|
3529
|
+
this._animationStateSubscriptions.add(animationStateSubscription);
|
|
3530
|
+
}
|
|
3531
|
+
const modalRef = this._attachModalContent(componentOrTemplateRef, modalContainer, overlayRef, conf);
|
|
3532
|
+
this._lastModalRef = modalRef;
|
|
3533
|
+
// If this is the first modal that we're opening, hide all the non-overlay content.
|
|
3534
|
+
if (!this.openModals.length) {
|
|
3535
|
+
this._hideNonModalContentFromAssistiveTechnology();
|
|
3536
|
+
}
|
|
3537
|
+
this.openModals.push(modalRef);
|
|
3538
|
+
modalRef.afterClosed().subscribe(() => this._removeOpenModal(modalRef));
|
|
3539
|
+
this.afterOpened.next(modalRef);
|
|
3540
|
+
// Notify the modal container that the content has been attached.
|
|
3541
|
+
modalContainer._initializeWithAttachedContent();
|
|
3542
|
+
return modalRef;
|
|
3543
|
+
}
|
|
3544
|
+
/**
|
|
3545
|
+
* Closes all of the currently-open modals.
|
|
3546
|
+
*/
|
|
3547
|
+
closeAll() {
|
|
3548
|
+
this._closeModals(this.openModals);
|
|
3549
|
+
}
|
|
3550
|
+
/**
|
|
3551
|
+
* Finds an open modal by its id.
|
|
3552
|
+
*/
|
|
3553
|
+
getModalById(id) {
|
|
3554
|
+
return this.openModals.find(modal => modal.id === id);
|
|
3555
|
+
}
|
|
3556
|
+
ngOnDestroy() {
|
|
3557
|
+
// Only close the modals at this level on destroy
|
|
3558
|
+
// since the parent service may still be active.
|
|
3559
|
+
this._closeModals(this._openModalsAtThisLevel);
|
|
3560
|
+
this._afterAllClosedAtThisLevel.complete();
|
|
3561
|
+
this._afterOpenedAtThisLevel.complete();
|
|
3562
|
+
// Clean up any subscriptions to modals that never finished opening.
|
|
3563
|
+
if (this._animationStateSubscriptions) {
|
|
3564
|
+
this._animationStateSubscriptions.unsubscribe();
|
|
3565
|
+
}
|
|
3566
|
+
}
|
|
3567
|
+
/**
|
|
3568
|
+
* Creates the overlay into which the modal will be loaded.
|
|
3569
|
+
*/
|
|
3570
|
+
_createOverlay(config) {
|
|
3571
|
+
const overlayConfig = this._getOverlayConfig(config);
|
|
3572
|
+
return this._overlay.create(overlayConfig);
|
|
3573
|
+
}
|
|
3574
|
+
/**
|
|
3575
|
+
* Creates an overlay config from a modal config.
|
|
3576
|
+
*/
|
|
3577
|
+
_getOverlayConfig(config) {
|
|
3578
|
+
const state = new OverlayConfig({
|
|
3579
|
+
positionStrategy: this._overlay.position().global(),
|
|
3580
|
+
scrollStrategy: this._overlay.scrollStrategies.block(),
|
|
3581
|
+
panelClass: config.panelClass,
|
|
3582
|
+
hasBackdrop: config.hasBackdrop,
|
|
3583
|
+
disposeOnNavigation: config.closeOnNavigation
|
|
3584
|
+
});
|
|
3585
|
+
if (config.backdropClass) {
|
|
3586
|
+
state.backdropClass = config.backdropClass;
|
|
3587
|
+
}
|
|
3588
|
+
return state;
|
|
3589
|
+
}
|
|
3590
|
+
/**
|
|
3591
|
+
* Attaches a modal container to a modal's already-created overlay.
|
|
3592
|
+
*/
|
|
3593
|
+
_attachModalContainer(overlay, config) {
|
|
3594
|
+
const userInjector = config && config.viewContainerRef && config.viewContainerRef.injector;
|
|
3595
|
+
const injector = Injector.create({
|
|
3596
|
+
parent: userInjector || this._injector,
|
|
3597
|
+
providers: [{ provide: BaoModalInitialConfig, useValue: config }]
|
|
3598
|
+
});
|
|
3599
|
+
const containerPortal = new ComponentPortal(this._modalContainerType, config.viewContainerRef, injector);
|
|
3600
|
+
const containerRef = overlay.attach(containerPortal);
|
|
3601
|
+
return containerRef.instance;
|
|
3602
|
+
}
|
|
3603
|
+
/**
|
|
3604
|
+
* Attaches the user-provided component to the already-created modal container.
|
|
3605
|
+
*/
|
|
3606
|
+
_attachModalContent(componentOrTemplateRef, modalContainer, overlayRef, config) {
|
|
3607
|
+
// Create a reference to the modal we're creating in order to give the user a handle
|
|
3608
|
+
// to modify and close it.
|
|
3609
|
+
const modalRef = new this._modalRefConstructor(overlayRef, modalContainer, config.id);
|
|
3610
|
+
if (componentOrTemplateRef instanceof TemplateRef) {
|
|
3611
|
+
modalContainer.attachTemplatePortal(new TemplatePortal(componentOrTemplateRef, null, {
|
|
3612
|
+
$implicit: config.data,
|
|
3613
|
+
modalRef
|
|
3614
|
+
}));
|
|
3615
|
+
}
|
|
3616
|
+
else {
|
|
3617
|
+
const injector = this._createInjector(config, modalRef, modalContainer);
|
|
3618
|
+
const contentRef = modalContainer.attachComponentPortal(new ComponentPortal(componentOrTemplateRef, config.viewContainerRef, injector));
|
|
3619
|
+
modalRef.componentInstance = contentRef.instance;
|
|
3620
|
+
}
|
|
3621
|
+
modalRef
|
|
3622
|
+
.updateSize(config.width, config.height)
|
|
3623
|
+
.updatePosition(config.position);
|
|
3624
|
+
return modalRef;
|
|
3625
|
+
}
|
|
3626
|
+
/**
|
|
3627
|
+
* Creates a custom injector to be used inside the modal. This allows a component loaded inside
|
|
3628
|
+
* of a modal to close itself and, optionally, to return a value.
|
|
3629
|
+
*/
|
|
3630
|
+
_createInjector(config, modalRef, modalContainer) {
|
|
3631
|
+
const userInjector = config && config.viewContainerRef && config.viewContainerRef.injector;
|
|
3632
|
+
// The modal container should be provided as the modal container and the modal's
|
|
3633
|
+
// content are created out of the same `ViewContainerRef` and as such, are siblings
|
|
3634
|
+
// for injector purposes. To allow the hierarchy that is expected, the modal
|
|
3635
|
+
// container is explicitly provided in the injector.
|
|
3636
|
+
const providers = [
|
|
3637
|
+
{ provide: this._modalContainerType, useValue: modalContainer },
|
|
3638
|
+
{ provide: this._modalDataToken, useValue: config.data },
|
|
3639
|
+
{ provide: this._modalRefConstructor, useValue: modalRef }
|
|
3640
|
+
];
|
|
3641
|
+
return Injector.create({
|
|
3642
|
+
parent: userInjector || this._injector,
|
|
3643
|
+
providers
|
|
3644
|
+
});
|
|
3645
|
+
}
|
|
3646
|
+
/**
|
|
3647
|
+
* Removes a modal from the array of open modals.
|
|
3648
|
+
*/
|
|
3649
|
+
_removeOpenModal(modalRef) {
|
|
3650
|
+
const index = this.openModals.indexOf(modalRef);
|
|
3651
|
+
if (index > -1) {
|
|
3652
|
+
this.openModals.splice(index, 1);
|
|
3653
|
+
// If all the modals were closed, remove/restore the `aria-hidden`
|
|
3654
|
+
// to a the siblings and emit to the `afterAllClosed` stream.
|
|
3655
|
+
if (!this.openModals.length) {
|
|
3656
|
+
this._ariaHiddenElements.forEach((previousValue, element) => {
|
|
3657
|
+
if (previousValue) {
|
|
3658
|
+
element.setAttribute('aria-hidden', previousValue);
|
|
3659
|
+
}
|
|
3660
|
+
else {
|
|
3661
|
+
element.removeAttribute('aria-hidden');
|
|
3662
|
+
}
|
|
3663
|
+
});
|
|
3664
|
+
this._ariaHiddenElements.clear();
|
|
3665
|
+
this.getAfterAllClosed().next();
|
|
3666
|
+
}
|
|
3667
|
+
}
|
|
3668
|
+
}
|
|
3669
|
+
/**
|
|
3670
|
+
* Hides all of the content that isn't an overlay from assistive technology.
|
|
3671
|
+
*/
|
|
3672
|
+
_hideNonModalContentFromAssistiveTechnology() {
|
|
3673
|
+
const overlayContainer = this._overlayContainer.getContainerElement();
|
|
3674
|
+
// Ensure that the overlay container is attached to the DOM.
|
|
3675
|
+
if (overlayContainer.parentElement) {
|
|
3676
|
+
const siblings = overlayContainer.parentElement.children;
|
|
3677
|
+
for (let i = siblings.length - 1; i > -1; i--) {
|
|
3678
|
+
const sibling = siblings[i];
|
|
3679
|
+
if (sibling !== overlayContainer &&
|
|
3680
|
+
sibling.nodeName !== 'SCRIPT' &&
|
|
3681
|
+
sibling.nodeName !== 'STYLE' &&
|
|
3682
|
+
!sibling.hasAttribute('aria-live')) {
|
|
3683
|
+
this._ariaHiddenElements.set(sibling, sibling.getAttribute('aria-hidden'));
|
|
3684
|
+
sibling.setAttribute('aria-hidden', 'true');
|
|
3685
|
+
}
|
|
3686
|
+
}
|
|
3687
|
+
}
|
|
3688
|
+
}
|
|
3689
|
+
/** Closes all of the modals in an array. */
|
|
3690
|
+
_closeModals(modals) {
|
|
3691
|
+
let i = modals.length;
|
|
3692
|
+
while (i--) {
|
|
3693
|
+
modals[i].close();
|
|
3694
|
+
}
|
|
3695
|
+
}
|
|
3696
|
+
/**
|
|
3697
|
+
* Applies default options to the modal config.
|
|
3698
|
+
*/
|
|
3699
|
+
_applyConfigDefaults(config, defaultOptions) {
|
|
3700
|
+
const desktopClass = config?.size || eModalDesktopWidthSize.SMALL;
|
|
3701
|
+
const mobilClass = config?.mobileSize || eModalMobileWidthSize.FULL;
|
|
3702
|
+
const data = config?.data || null;
|
|
3703
|
+
const ariaLabelledBy = config?.ariaLabelledBy || null;
|
|
3704
|
+
return {
|
|
3705
|
+
...defaultOptions,
|
|
3706
|
+
...{
|
|
3707
|
+
panelClass: [desktopClass, mobilClass],
|
|
3708
|
+
ariaLabelledBy,
|
|
3709
|
+
data
|
|
3710
|
+
}
|
|
3711
|
+
};
|
|
3712
|
+
}
|
|
3713
|
+
}
|
|
3714
|
+
BaoModalBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoModalBase, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
|
|
3715
|
+
BaoModalBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.1", type: BaoModalBase, ngImport: i0 });
|
|
3716
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoModalBase, decorators: [{
|
|
3717
|
+
type: Directive
|
|
3718
|
+
}], 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 }, { type: undefined }]; } });
|
|
3719
|
+
/**
|
|
3720
|
+
* Service to open modal.
|
|
3721
|
+
*/
|
|
3722
|
+
class BaoModal extends BaoModalBase {
|
|
3723
|
+
constructor(overlay, injector, parentModal, overlayContainer, animationMode) {
|
|
3724
|
+
super(overlay, injector, parentModal, overlayContainer, BaoModalRef, BaoModalContainer, BAO_MODAL_DATA, animationMode);
|
|
3725
|
+
}
|
|
3726
|
+
}
|
|
3727
|
+
BaoModal.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoModal, deps: [{ token: i1$4.Overlay }, { token: i0.Injector }, { token: BaoModal, optional: true, skipSelf: true }, { token: i1$4.OverlayContainer }, { token: ANIMATION_MODULE_TYPE, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
3728
|
+
BaoModal.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoModal });
|
|
3729
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoModal, decorators: [{
|
|
3730
|
+
type: Injectable
|
|
3731
|
+
}], ctorParameters: function () { return [{ type: i1$4.Overlay }, { type: i0.Injector }, { type: BaoModal, decorators: [{
|
|
3732
|
+
type: Optional
|
|
3733
|
+
}, {
|
|
3734
|
+
type: SkipSelf
|
|
3735
|
+
}] }, { type: i1$4.OverlayContainer }, { type: undefined, decorators: [{
|
|
3736
|
+
type: Optional
|
|
3737
|
+
}, {
|
|
3738
|
+
type: Inject,
|
|
3739
|
+
args: [ANIMATION_MODULE_TYPE]
|
|
3740
|
+
}] }]; } });
|
|
3741
|
+
|
|
3742
|
+
/*
|
|
3743
|
+
* Copyright (c) 2022 Ville de Montreal. All rights reserved.
|
|
3744
|
+
* Licensed under the MIT license.
|
|
3745
|
+
* See LICENSE file in the project root for full license information.
|
|
3746
|
+
*/
|
|
3747
|
+
/**
|
|
3748
|
+
* Button that will close the current dialog.
|
|
3749
|
+
*/
|
|
3750
|
+
class BaoModalClose {
|
|
3751
|
+
constructor(modalRef, _elementRef, _dialog) {
|
|
3752
|
+
this.modalRef = modalRef;
|
|
3753
|
+
this._elementRef = _elementRef;
|
|
3754
|
+
this._dialog = _dialog;
|
|
3755
|
+
/** Default to "button" to prevents accidental form submits. */
|
|
3756
|
+
this.type = 'button';
|
|
3757
|
+
}
|
|
3758
|
+
ngOnInit() {
|
|
3759
|
+
if (!this.modalRef) {
|
|
3760
|
+
// When this directive is included in a dialog via TemplateRef (rather than being
|
|
3761
|
+
// in a Component), the modalRef isn't available via injection because embedded
|
|
3762
|
+
// views cannot be given a custom injector. Instead, we look up the modalRef by
|
|
3763
|
+
// ID. This must occur in `onInit`, as the ID binding for the dialog container won't
|
|
3764
|
+
// be resolved at constructor time.
|
|
3765
|
+
this.modalRef =
|
|
3766
|
+
getClosestDialog(this._elementRef, this._dialog.openModals) || null;
|
|
3767
|
+
}
|
|
3768
|
+
}
|
|
3769
|
+
ngOnChanges(changes) {
|
|
3770
|
+
const proxiedChange = changes['_baoModalClose'] || changes['_baoModalCloseResult'];
|
|
3771
|
+
if (proxiedChange) {
|
|
3772
|
+
this.dialogResult = proxiedChange.currentValue;
|
|
3773
|
+
}
|
|
3774
|
+
}
|
|
3775
|
+
_onButtonClick(event) {
|
|
3776
|
+
// Determinate the focus origin using the click event, because using the FocusMonitor will
|
|
3777
|
+
// result in incorrect origins. Most of the time, close buttons will be auto focused in the
|
|
3778
|
+
// dialog, and therefore clicking the button won't result in a focus change. This means that
|
|
3779
|
+
// the FocusMonitor won't detect any origin change, and will always output `program`.
|
|
3780
|
+
_closeModalVia(this.modalRef, event.screenX === 0 && event.screenY === 0 ? 'keyboard' : 'mouse', this.dialogResult);
|
|
3781
|
+
}
|
|
3782
|
+
}
|
|
3783
|
+
BaoModalClose.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoModalClose, deps: [{ token: BaoModalRef, optional: true }, { token: i0.ElementRef }, { token: BaoModal }], target: i0.ɵɵFactoryTarget.Directive });
|
|
3784
|
+
BaoModalClose.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.1", 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 });
|
|
3785
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoModalClose, decorators: [{
|
|
3786
|
+
type: Directive,
|
|
3787
|
+
args: [{
|
|
3788
|
+
selector: '[bao-modal-close], [baoModalClose]',
|
|
3789
|
+
exportAs: 'BaoModalClose',
|
|
3790
|
+
host: {
|
|
3791
|
+
'(click)': '_onButtonClick($event)',
|
|
3792
|
+
'[attr.aria-label]': 'ariaLabel || null',
|
|
3793
|
+
'[attr.type]': 'type'
|
|
3794
|
+
}
|
|
3795
|
+
}]
|
|
3796
|
+
}], ctorParameters: function () { return [{ type: BaoModalRef, decorators: [{
|
|
3797
|
+
type: Optional
|
|
3798
|
+
}] }, { type: i0.ElementRef }, { type: BaoModal }]; }, propDecorators: { ariaLabel: [{
|
|
3799
|
+
type: Input,
|
|
3800
|
+
args: ['aria-label']
|
|
3801
|
+
}], type: [{
|
|
3802
|
+
type: Input
|
|
3803
|
+
}], dialogResult: [{
|
|
3804
|
+
type: Input,
|
|
3805
|
+
args: ['bao-modal-close']
|
|
3806
|
+
}], _baoModalClose: [{
|
|
3807
|
+
type: Input,
|
|
3808
|
+
args: ['baoModalClose']
|
|
3809
|
+
}] } });
|
|
3810
|
+
/**
|
|
3811
|
+
* Finds the closest BaoModalRef to an element by looking at the DOM.
|
|
3812
|
+
*/
|
|
3813
|
+
function getClosestDialog(element, openDialogs) {
|
|
3814
|
+
let parent = element.nativeElement.parentElement;
|
|
3815
|
+
while (parent && !parent.classList.contains('bao-modal-container')) {
|
|
3816
|
+
parent = parent.parentElement;
|
|
3817
|
+
}
|
|
3818
|
+
return parent ? openDialogs.find(dialog => dialog.id === parent.id) : null;
|
|
3819
|
+
}
|
|
3820
|
+
|
|
3821
|
+
/*
|
|
3822
|
+
* Copyright (c) 2022 Ville de Montreal. All rights reserved.
|
|
3823
|
+
* Licensed under the MIT license.
|
|
3824
|
+
* See LICENSE file in the project root for full license information.
|
|
3825
|
+
*/
|
|
3826
|
+
const MODAL_DIRECTIVES = [BaoModalContainer, BaoModalClose];
|
|
3827
|
+
class BaoModalModule {
|
|
3828
|
+
}
|
|
3829
|
+
BaoModalModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
3830
|
+
BaoModalModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.1", ngImport: i0, type: BaoModalModule, declarations: [BaoModalContainer, BaoModalClose], imports: [CommonModule,
|
|
3831
|
+
OverlayModule,
|
|
3832
|
+
PortalModule,
|
|
3833
|
+
BrowserAnimationsModule,
|
|
3834
|
+
NoopAnimationsModule], exports: [BaoModalContainer, BaoModalClose] });
|
|
3835
|
+
BaoModalModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoModalModule, providers: [BaoModal], imports: [CommonModule,
|
|
3836
|
+
OverlayModule,
|
|
3837
|
+
PortalModule,
|
|
3838
|
+
BrowserAnimationsModule,
|
|
3839
|
+
NoopAnimationsModule] });
|
|
3840
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoModalModule, decorators: [{
|
|
3841
|
+
type: NgModule,
|
|
3842
|
+
args: [{
|
|
3843
|
+
imports: [
|
|
3844
|
+
CommonModule,
|
|
3845
|
+
OverlayModule,
|
|
3846
|
+
PortalModule,
|
|
3847
|
+
BrowserAnimationsModule,
|
|
3848
|
+
NoopAnimationsModule
|
|
3849
|
+
],
|
|
3850
|
+
declarations: MODAL_DIRECTIVES,
|
|
3851
|
+
exports: MODAL_DIRECTIVES,
|
|
3852
|
+
providers: [BaoModal]
|
|
3853
|
+
}]
|
|
3854
|
+
}] });
|
|
3855
|
+
|
|
2483
3856
|
/*
|
|
2484
3857
|
* Copyright (c) 2022 Ville de Montreal. All rights reserved.
|
|
2485
3858
|
* Licensed under the MIT license.
|
|
@@ -2487,8 +3860,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
|
|
|
2487
3860
|
*/
|
|
2488
3861
|
class BaoModule {
|
|
2489
3862
|
}
|
|
2490
|
-
BaoModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2491
|
-
BaoModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "
|
|
3863
|
+
BaoModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
3864
|
+
BaoModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.1", ngImport: i0, type: BaoModule, imports: [BaoIconModule,
|
|
2492
3865
|
BaoButtonModule,
|
|
2493
3866
|
BaoAlertModule,
|
|
2494
3867
|
BaoCardModule,
|
|
@@ -2503,17 +3876,18 @@ BaoModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.
|
|
|
2503
3876
|
BaoCommonComponentsModule,
|
|
2504
3877
|
BaoCheckboxModule,
|
|
2505
3878
|
BaoRadioModule,
|
|
2506
|
-
BaoSummaryModule
|
|
3879
|
+
BaoSummaryModule,
|
|
3880
|
+
BaoAvatarModule,
|
|
3881
|
+
BaoTabsModule,
|
|
3882
|
+
BaoModalModule
|
|
2507
3883
|
// TODO: reactivate once component does not depend on global css BaoBadgeModule,
|
|
2508
3884
|
// TODO: reactivate once component does not depend on global css BaoSnackBarModule,
|
|
2509
3885
|
] });
|
|
2510
|
-
BaoModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
2511
|
-
|
|
2512
|
-
|
|
2513
|
-
|
|
2514
|
-
|
|
2515
|
-
BaoBreadcrumbModule
|
|
2516
|
-
], BaoIconModule,
|
|
3886
|
+
BaoModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoModule, imports: [BaoIconModule,
|
|
3887
|
+
BaoButtonModule,
|
|
3888
|
+
BaoAlertModule,
|
|
3889
|
+
BaoCardModule,
|
|
3890
|
+
BaoBreadcrumbModule, BaoIconModule,
|
|
2517
3891
|
BaoButtonModule,
|
|
2518
3892
|
BaoAlertModule,
|
|
2519
3893
|
BaoBreadcrumbModule,
|
|
@@ -2524,11 +3898,14 @@ BaoModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.
|
|
|
2524
3898
|
BaoCommonComponentsModule,
|
|
2525
3899
|
BaoCheckboxModule,
|
|
2526
3900
|
BaoRadioModule,
|
|
2527
|
-
BaoSummaryModule
|
|
3901
|
+
BaoSummaryModule,
|
|
3902
|
+
BaoAvatarModule,
|
|
3903
|
+
BaoTabsModule,
|
|
3904
|
+
BaoModalModule
|
|
2528
3905
|
// TODO: reactivate once component does not depend on global css BaoBadgeModule,
|
|
2529
3906
|
// TODO: reactivate once component does not depend on global css BaoSnackBarModule,
|
|
2530
3907
|
] });
|
|
2531
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3908
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoModule, decorators: [{
|
|
2532
3909
|
type: NgModule,
|
|
2533
3910
|
args: [{
|
|
2534
3911
|
imports: [
|
|
@@ -2550,7 +3927,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
|
|
|
2550
3927
|
BaoCommonComponentsModule,
|
|
2551
3928
|
BaoCheckboxModule,
|
|
2552
3929
|
BaoRadioModule,
|
|
2553
|
-
BaoSummaryModule
|
|
3930
|
+
BaoSummaryModule,
|
|
3931
|
+
BaoAvatarModule,
|
|
3932
|
+
BaoTabsModule,
|
|
3933
|
+
BaoModalModule
|
|
2554
3934
|
// TODO: reactivate once component does not depend on global css BaoBadgeModule,
|
|
2555
3935
|
// TODO: reactivate once component does not depend on global css BaoSnackBarModule,
|
|
2556
3936
|
]
|
|
@@ -2567,9 +3947,9 @@ class BaoBadgeComponent {
|
|
|
2567
3947
|
this.type = '';
|
|
2568
3948
|
}
|
|
2569
3949
|
}
|
|
2570
|
-
BaoBadgeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2571
|
-
BaoBadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
2572
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3950
|
+
BaoBadgeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3951
|
+
BaoBadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.1", 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"] });
|
|
3952
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoBadgeComponent, decorators: [{
|
|
2573
3953
|
type: Component,
|
|
2574
3954
|
args: [{ selector: 'bao-badge', host: {
|
|
2575
3955
|
class: '',
|
|
@@ -2590,10 +3970,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
|
|
|
2590
3970
|
const BADGE_DIRECTIVES = [BaoBadgeComponent];
|
|
2591
3971
|
class BaoBadgeModule {
|
|
2592
3972
|
}
|
|
2593
|
-
BaoBadgeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2594
|
-
BaoBadgeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "
|
|
2595
|
-
BaoBadgeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
2596
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3973
|
+
BaoBadgeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
3974
|
+
BaoBadgeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.1", ngImport: i0, type: BaoBadgeModule, declarations: [BaoBadgeComponent], imports: [CommonModule], exports: [BaoBadgeComponent] });
|
|
3975
|
+
BaoBadgeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoBadgeModule, imports: [CommonModule] });
|
|
3976
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoBadgeModule, decorators: [{
|
|
2597
3977
|
type: NgModule,
|
|
2598
3978
|
args: [{
|
|
2599
3979
|
imports: [CommonModule],
|
|
@@ -2620,9 +4000,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
|
|
|
2620
4000
|
* See LICENSE file in the project root for full license information.
|
|
2621
4001
|
*/
|
|
2622
4002
|
|
|
4003
|
+
/*
|
|
4004
|
+
* Copyright (c) 2022 Ville de Montreal. All rights reserved.
|
|
4005
|
+
* Licensed under the MIT license.
|
|
4006
|
+
* See LICENSE file in the project root for full license information.
|
|
4007
|
+
*/
|
|
4008
|
+
|
|
2623
4009
|
/**
|
|
2624
4010
|
* Generated bundle index. Do not edit.
|
|
2625
4011
|
*/
|
|
2626
4012
|
|
|
2627
|
-
export { BAO_RADIO_GROUP, BaoAlertActions, BaoAlertComponent, BaoAlertContent, BaoAlertLink, BaoAlertModule, BaoAlertTitle, BaoBadgeComponent, BaoBadgeModule, BaoBreadcrumbComponent, BaoBreadcrumbModule, BaoButtonComponent, BaoButtonModule, BaoCardComponent, BaoCardContent, BaoCardHeader, BaoCardModule, BaoCardTextInterface, BaoCardTitle, BaoCheckBoxDescription, BaoCheckboxComponent, BaoCheckboxGroupComponent, BaoCheckboxModule, BaoCommonComponentsModule, BaoErrorTextComponent, BaoGuidingTextComponent, BaoHeaderInfoComponent, BaoHeaderInfoContent, BaoHeaderInfoModule, BaoHeaderInfoSubtitle, BaoHeaderInfoSurtitle, BaoHeaderInfoTitle, BaoHeaderInfoTitleGroupComponent, BaoIconComponent, BaoIconModule, BaoLabelTextComponent, BaoList, BaoListItem, BaoListItemDescription, BaoListItemTitle, BaoListModule, BaoListSummary, BaoListSummaryItem, BaoModule, BaoNavList, BaoRadioButtonComponent, BaoRadioButtonGroupComponent, BaoRadioDescription, BaoRadioModule, BaoSummaryComponent, BaoSummaryDescription, BaoSummaryModule, BaoTagComponent, BaoTagModule, BaoTitleTextComponent };
|
|
4013
|
+
export { 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, BaoErrorTextComponent, BaoGuidingTextComponent, BaoHeaderInfoComponent, BaoHeaderInfoContent, BaoHeaderInfoModule, BaoHeaderInfoSubtitle, BaoHeaderInfoSurtitle, BaoHeaderInfoTitle, BaoHeaderInfoTitleGroupComponent, 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 };
|
|
2628
4014
|
//# sourceMappingURL=villedemontreal-angular-ui.mjs.map
|