@villedemontreal/angular-ui 14.2.0 → 14.3.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 +12 -5
- package/esm2020/lib/alert/index.mjs +2 -2
- package/esm2020/lib/alert/module.mjs +2 -2
- package/esm2020/lib/avatar/avatar.component.mjs +2 -2
- package/esm2020/lib/avatar/index.mjs +2 -2
- package/esm2020/lib/avatar/module.mjs +2 -2
- package/esm2020/lib/badge/badge.component.mjs +2 -2
- package/esm2020/lib/badge/index.mjs +2 -2
- package/esm2020/lib/badge/module.mjs +2 -2
- package/esm2020/lib/bao.module.mjs +2 -2
- package/esm2020/lib/breadcrumb/breadcrumb.component.mjs +2 -2
- package/esm2020/lib/breadcrumb/index.mjs +2 -2
- package/esm2020/lib/breadcrumb/module.mjs +2 -2
- package/esm2020/lib/button/button.component.mjs +2 -2
- package/esm2020/lib/button/index.mjs +2 -2
- package/esm2020/lib/button/module.mjs +2 -2
- package/esm2020/lib/card/card.component.mjs +2 -2
- package/esm2020/lib/card/index.mjs +2 -2
- package/esm2020/lib/card/module.mjs +2 -2
- package/esm2020/lib/checkbox/checkbox-group.component.mjs +2 -2
- package/esm2020/lib/checkbox/checkbox.component.mjs +1 -1
- package/esm2020/lib/checkbox/index.mjs +2 -2
- package/esm2020/lib/checkbox/module.mjs +2 -2
- package/esm2020/lib/common-components/error-text/errorText.component.mjs +2 -2
- package/esm2020/lib/common-components/guiding-text/guidingText.component.mjs +2 -2
- package/esm2020/lib/common-components/index.mjs +2 -2
- package/esm2020/lib/common-components/label-text/labelText.component.mjs +2 -2
- package/esm2020/lib/common-components/module.mjs +2 -2
- package/esm2020/lib/common-components/title-text/titleText.component.mjs +2 -2
- package/esm2020/lib/core/breakpoints.mjs +2 -2
- package/esm2020/lib/core/colors.mjs +1 -1
- package/esm2020/lib/core/index.mjs +2 -2
- package/esm2020/lib/dropdown-menu/dropdown-menu.component.mjs +73 -51
- package/esm2020/lib/dropdown-menu/index.mjs +2 -2
- package/esm2020/lib/dropdown-menu/module.mjs +2 -2
- package/esm2020/lib/file/file-input.component.mjs +2 -2
- package/esm2020/lib/file/file-intl.mjs +2 -2
- package/esm2020/lib/file/file-preview.component.mjs +24 -14
- package/esm2020/lib/file/index.mjs +2 -2
- package/esm2020/lib/file/module.mjs +2 -2
- package/esm2020/lib/header-info/header-info.component.mjs +2 -2
- package/esm2020/lib/header-info/index.mjs +2 -2
- package/esm2020/lib/header-info/module.mjs +2 -2
- package/esm2020/lib/hyperlink/hyperlink.component.mjs +2 -2
- package/esm2020/lib/hyperlink/index.mjs +2 -2
- package/esm2020/lib/hyperlink/module.mjs +2 -2
- package/esm2020/lib/icon/bao-icon-registry.mjs +7 -4
- package/esm2020/lib/icon/icon.component.mjs +7 -5
- package/esm2020/lib/icon/icons-dictionary.mjs +6 -3
- package/esm2020/lib/icon/index.mjs +2 -2
- package/esm2020/lib/icon/module.mjs +2 -2
- package/esm2020/lib/list/index.mjs +2 -2
- package/esm2020/lib/list/list.component.mjs +4 -4
- package/esm2020/lib/list/module.mjs +2 -2
- package/esm2020/lib/modal/index.mjs +2 -2
- package/esm2020/lib/modal/modal-config.mjs +2 -2
- package/esm2020/lib/modal/modal-container.mjs +1 -1
- package/esm2020/lib/modal/modal-directives.mjs +2 -2
- package/esm2020/lib/modal/modal-ref.mjs +1 -1
- package/esm2020/lib/modal/modal.mjs +2 -2
- package/esm2020/lib/modal/module.mjs +2 -2
- package/esm2020/lib/radio/index.mjs +2 -2
- package/esm2020/lib/radio/module.mjs +2 -2
- package/esm2020/lib/radio/radio-group.component.mjs +2 -2
- package/esm2020/lib/radio/radio.component.mjs +1 -1
- package/esm2020/lib/shared/enum/display-mode.mjs +1 -1
- package/esm2020/lib/shared/index.mjs +2 -2
- package/esm2020/lib/snack-bar/index.mjs +2 -2
- package/esm2020/lib/snack-bar/module.mjs +2 -2
- package/esm2020/lib/snack-bar/simple-snack-bar.component.mjs +2 -2
- package/esm2020/lib/snack-bar/snack-bar-animations.mjs +2 -2
- package/esm2020/lib/snack-bar/snack-bar-config.mjs +1 -1
- package/esm2020/lib/snack-bar/snack-bar-container.mjs +1 -1
- package/esm2020/lib/snack-bar/snack-bar-ref.mjs +1 -1
- package/esm2020/lib/snack-bar/snack-bar.mjs +1 -1
- package/esm2020/lib/summary/index.mjs +2 -2
- package/esm2020/lib/summary/list-summary.component.mjs +2 -2
- package/esm2020/lib/summary/module.mjs +2 -2
- package/esm2020/lib/summary/summary.component.mjs +2 -2
- package/esm2020/lib/system-header/index.mjs +2 -2
- package/esm2020/lib/system-header/module.mjs +2 -2
- package/esm2020/lib/system-header/system-header.component.mjs +1 -1
- package/esm2020/lib/tabs/index.mjs +2 -2
- package/esm2020/lib/tabs/module.mjs +2 -2
- package/esm2020/lib/tabs/tabs.component.mjs +2 -2
- package/esm2020/lib/tag/index.mjs +2 -2
- package/esm2020/lib/tag/module.mjs +2 -2
- package/esm2020/lib/tag/tag.component.mjs +2 -2
- package/esm2020/public-api.mjs +2 -2
- package/fesm2015/villedemontreal-angular-ui.mjs +196 -149
- package/fesm2015/villedemontreal-angular-ui.mjs.map +1 -1
- package/fesm2020/villedemontreal-angular-ui.mjs +196 -149
- package/fesm2020/villedemontreal-angular-ui.mjs.map +1 -1
- package/lib/alert/alert.component.d.ts +3 -1
- package/lib/dropdown-menu/dropdown-menu.component.d.ts +2 -11
- package/lib/file/file-preview.component.d.ts +8 -6
- package/lib/icon/icon.component.d.ts +1 -0
- package/lib/icon/icons-dictionary.d.ts +1 -0
- package/lib/list/list.component.d.ts +1 -1
- package/package.json +1 -1
|
@@ -47,7 +47,7 @@ function baoColorToHex(baoColor) {
|
|
|
47
47
|
}
|
|
48
48
|
|
|
49
49
|
/*
|
|
50
|
-
* Copyright (c)
|
|
50
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
51
51
|
* Licensed under the MIT license.
|
|
52
52
|
* See LICENSE file in the project root for full license information.
|
|
53
53
|
*/
|
|
@@ -168,11 +168,14 @@ const ICONS_DCT = {
|
|
|
168
168
|
'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'/>",
|
|
169
169
|
'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'/>",
|
|
170
170
|
'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'/>",
|
|
171
|
-
'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'/>"
|
|
171
|
+
'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'/>",
|
|
172
|
+
'icon-error-octagon': "<path fill-rule='evenodd' clip-rule='evenodd' d='M34.9 27C35.3971 27 35.8 26.597 35.8 26.1C35.8 25.6029 35.3971 25.2 34.9 25.2C34.4029 25.2 34 25.6029 34 26.1C34 26.597 34.4029 27 34.9 27Z' /><path fill-rule='evenodd' clip-rule='evenodd' d='M13.493 13.4928C13.8835 13.1023 14.5167 13.1023 14.9072 13.4928L26.5072 25.0928C26.8977 25.4834 26.8977 26.1165 26.5072 26.5071C26.1167 26.8976 25.4835 26.8976 25.093 26.5071L13.493 14.9071C13.1024 14.5165 13.1024 13.8834 13.493 13.4928Z' /><path fill-rule='evenodd' clip-rule='evenodd' d='M26.5072 13.4928C26.8977 13.8834 26.8977 14.5165 26.5072 14.9071L14.8072 26.6071C14.4167 26.9976 13.7835 26.9976 13.393 26.6071C13.0025 26.2165 13.0025 25.5834 13.393 25.1928L25.093 13.4928C25.4835 13.1023 26.1167 13.1023 26.5072 13.4928Z' /><path fill-rule='evenodd' clip-rule='evenodd' d='M12.7929 3.59294C12.9805 3.40541 13.2348 3.30005 13.5 3.30005H26.5C26.7653 3.30005 27.0196 3.40541 27.2072 3.59294L36.4072 12.7929C36.5947 12.9805 36.7001 13.2348 36.7001 13.5V23.5C36.7001 24.0523 36.2523 24.5 35.7001 24.5C35.1478 24.5 34.7001 24.0523 34.7001 23.5V13.9143L26.0858 5.30005H13.9143L5.30005 13.9143V26.0858L13.9143 34.7001H26.0858L32.8929 27.8929C33.2835 27.5024 33.9166 27.5024 34.3072 27.8929C34.6977 28.2835 34.6977 28.9166 34.3072 29.3072L27.2072 36.4072C27.0196 36.5947 26.7653 36.7001 26.5 36.7001H13.5C13.2348 36.7001 12.9805 36.5947 12.7929 36.4072L3.59294 27.2072C3.40541 27.0196 3.30005 26.7653 3.30005 26.5V13.5C3.30005 13.2348 3.40541 12.9805 3.59294 12.7929L12.7929 3.59294Z'/>"
|
|
172
173
|
};
|
|
174
|
+
/* 40x40 illlustrative icons - https://zeroheight.com/575tugn0n/v/0/p/39c76f-icones-illustratives/t/page-39c76f-32902091-13 */
|
|
175
|
+
const ILLUSTRATIVE_ICONS = ['icon-error-octagon'];
|
|
173
176
|
|
|
174
177
|
/*
|
|
175
|
-
* Copyright (c)
|
|
178
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
176
179
|
* Licensed under the MIT license.
|
|
177
180
|
* See LICENSE file in the project root for full license information.
|
|
178
181
|
*/
|
|
@@ -191,7 +194,10 @@ class BaoIconDictionary {
|
|
|
191
194
|
}
|
|
192
195
|
getRawIconStringFromIconName(iconName) {
|
|
193
196
|
const iconSvgPath = ICONS_DCT[iconName] || '';
|
|
194
|
-
|
|
197
|
+
const iconSvgPrefix = ILLUSTRATIVE_ICONS.includes(iconName)
|
|
198
|
+
? SVG_PREFIX.replace('0 0 24 24', '0 0 40 40')
|
|
199
|
+
: SVG_PREFIX;
|
|
200
|
+
return `${iconSvgPrefix}${iconSvgPath}${SVG_SUFFIX}`;
|
|
195
201
|
}
|
|
196
202
|
svgElementFromString(svgString) {
|
|
197
203
|
const div = this.document.createElement('DIV');
|
|
@@ -211,7 +217,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
211
217
|
}] }, { type: i1.DomSanitizer }]; } });
|
|
212
218
|
|
|
213
219
|
/*
|
|
214
|
-
* Copyright (c)
|
|
220
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
215
221
|
* Licensed under the MIT license.
|
|
216
222
|
* See LICENSE file in the project root for full license information.
|
|
217
223
|
*/
|
|
@@ -312,6 +318,7 @@ class BaoIconComponent {
|
|
|
312
318
|
let svg = this.iconRegistry.getNamedSvgIcon(iconName);
|
|
313
319
|
if (title) {
|
|
314
320
|
svg = this.addTitleToSVG(svg, title);
|
|
321
|
+
this.removeTitleAttributeFromHost();
|
|
315
322
|
}
|
|
316
323
|
if (!title) {
|
|
317
324
|
svg.setAttribute('aria-hidden', 'true');
|
|
@@ -328,6 +335,9 @@ class BaoIconComponent {
|
|
|
328
335
|
svg.setAttribute('aria-labelledby', this._titleId);
|
|
329
336
|
return svg;
|
|
330
337
|
}
|
|
338
|
+
removeTitleAttributeFromHost() {
|
|
339
|
+
this.renderer.removeAttribute(this.elementRef.nativeElement, 'title');
|
|
340
|
+
}
|
|
331
341
|
generateUniqueTitleId() {
|
|
332
342
|
return this.title
|
|
333
343
|
? `${this.title
|
|
@@ -337,12 +347,10 @@ class BaoIconComponent {
|
|
|
337
347
|
}
|
|
338
348
|
}
|
|
339
349
|
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 });
|
|
340
|
-
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: {
|
|
350
|
+
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: { 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 });
|
|
341
351
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoIconComponent, decorators: [{
|
|
342
352
|
type: Component,
|
|
343
353
|
args: [{ template: '<ng-content></ng-content>', selector: 'bao-icon', exportAs: 'baoIcon', host: {
|
|
344
|
-
role: 'img',
|
|
345
|
-
// '[class]': "'bao-icon notranslate ' + svgIcon",
|
|
346
354
|
'[class.bao-icon]': 'true',
|
|
347
355
|
'[class.notranslate]': 'true',
|
|
348
356
|
'[class.bao-icon-medium]': 'size === "medium"',
|
|
@@ -363,7 +371,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
363
371
|
}] } });
|
|
364
372
|
|
|
365
373
|
/*
|
|
366
|
-
* Copyright (c)
|
|
374
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
367
375
|
* Licensed under the MIT license.
|
|
368
376
|
* See LICENSE file in the project root for full license information.
|
|
369
377
|
*/
|
|
@@ -459,7 +467,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
459
467
|
}] } });
|
|
460
468
|
|
|
461
469
|
/*
|
|
462
|
-
* Copyright (c)
|
|
470
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
463
471
|
* Licensed under the MIT license.
|
|
464
472
|
* See LICENSE file in the project root for full license information.
|
|
465
473
|
*/
|
|
@@ -562,12 +570,15 @@ class BaoAlertComponent {
|
|
|
562
570
|
*/
|
|
563
571
|
this.type = 'info';
|
|
564
572
|
this.dismissible = false;
|
|
573
|
+
this.dismissibleButtonAriaLabel = 'Cacher le message';
|
|
565
574
|
this.dismiss = new EventEmitter();
|
|
566
575
|
}
|
|
567
576
|
ngOnChanges(changes) {
|
|
568
577
|
if (changes['type']) {
|
|
569
578
|
this.iconType = this.alertTypeIcon(changes['type'].currentValue);
|
|
570
|
-
this.iconTitle =
|
|
579
|
+
this.iconTitle =
|
|
580
|
+
this.alertTypeTitle ||
|
|
581
|
+
this.alertTitleIcon(changes['type'].currentValue);
|
|
571
582
|
}
|
|
572
583
|
}
|
|
573
584
|
alertTypeIcon(value) {
|
|
@@ -595,7 +606,7 @@ class BaoAlertComponent {
|
|
|
595
606
|
}
|
|
596
607
|
}
|
|
597
608
|
BaoAlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
598
|
-
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=\"
|
|
609
|
+
BaoAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.1", type: BaoAlertComponent, selector: "bao-alert", inputs: { type: "type", dismissible: "dismissible", alertTypeTitle: "alertTypeTitle", dismissibleButtonAriaLabel: "dismissibleButtonAriaLabel" }, 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 [attr.aria-label]=\"dismissibleButtonAriaLabel\"\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;width:auto}.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;width:auto}.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;width:auto}.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;width:auto}.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;width:auto}.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 });
|
|
599
610
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoAlertComponent, decorators: [{
|
|
600
611
|
type: Component,
|
|
601
612
|
args: [{ selector: 'bao-alert', encapsulation: ViewEncapsulation.None, host: {
|
|
@@ -606,17 +617,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
606
617
|
'[class.bao-alert-info]': 'type === "info"',
|
|
607
618
|
'[class.bao-alert-emergency]': 'type === "emergency"',
|
|
608
619
|
role: 'alert'
|
|
609
|
-
}, 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=\"
|
|
620
|
+
}, 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 [attr.aria-label]=\"dismissibleButtonAriaLabel\"\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;width:auto}.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;width:auto}.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;width:auto}.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;width:auto}.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;width:auto}.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"] }]
|
|
610
621
|
}], propDecorators: { type: [{
|
|
611
622
|
type: Input
|
|
612
623
|
}], dismissible: [{
|
|
613
624
|
type: Input
|
|
625
|
+
}], alertTypeTitle: [{
|
|
626
|
+
type: Input
|
|
627
|
+
}], dismissibleButtonAriaLabel: [{
|
|
628
|
+
type: Input
|
|
614
629
|
}], dismiss: [{
|
|
615
630
|
type: Output
|
|
616
631
|
}] } });
|
|
617
632
|
|
|
618
633
|
/*
|
|
619
|
-
* Copyright (c)
|
|
634
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
620
635
|
* Licensed under the MIT license.
|
|
621
636
|
* See LICENSE file in the project root for full license information.
|
|
622
637
|
*/
|
|
@@ -636,7 +651,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
636
651
|
}] });
|
|
637
652
|
|
|
638
653
|
/*
|
|
639
|
-
* Copyright (c)
|
|
654
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
640
655
|
* Licensed under the MIT license.
|
|
641
656
|
* See LICENSE file in the project root for full license information.
|
|
642
657
|
*/
|
|
@@ -656,7 +671,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
656
671
|
}] });
|
|
657
672
|
|
|
658
673
|
/*
|
|
659
|
-
* Copyright (c)
|
|
674
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
660
675
|
* Licensed under the MIT license.
|
|
661
676
|
* See LICENSE file in the project root for full license information.
|
|
662
677
|
*/
|
|
@@ -691,13 +706,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
691
706
|
}] });
|
|
692
707
|
|
|
693
708
|
/*
|
|
694
|
-
* Copyright (c)
|
|
709
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
695
710
|
* Licensed under the MIT license.
|
|
696
711
|
* See LICENSE file in the project root for full license information.
|
|
697
712
|
*/
|
|
698
713
|
|
|
699
714
|
/*
|
|
700
|
-
* Copyright (c)
|
|
715
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
701
716
|
* Licensed under the MIT license.
|
|
702
717
|
* See LICENSE file in the project root for full license information.
|
|
703
718
|
*/
|
|
@@ -730,7 +745,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
730
745
|
}] } });
|
|
731
746
|
|
|
732
747
|
/*
|
|
733
|
-
* Copyright (c)
|
|
748
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
734
749
|
* Licensed under the MIT license.
|
|
735
750
|
* See LICENSE file in the project root for full license information.
|
|
736
751
|
*/
|
|
@@ -750,19 +765,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
750
765
|
}] });
|
|
751
766
|
|
|
752
767
|
/*
|
|
753
|
-
* Copyright (c)
|
|
768
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
754
769
|
* Licensed under the MIT license.
|
|
755
770
|
* See LICENSE file in the project root for full license information.
|
|
756
771
|
*/
|
|
757
772
|
|
|
758
773
|
/*
|
|
759
|
-
* Copyright (c)
|
|
774
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
760
775
|
* Licensed under the MIT license.
|
|
761
776
|
* See LICENSE file in the project root for full license information.
|
|
762
777
|
*/
|
|
763
778
|
|
|
764
779
|
/*
|
|
765
|
-
* Copyright (c)
|
|
780
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
766
781
|
* Licensed under the MIT license.
|
|
767
782
|
* See LICENSE file in the project root for full license information.
|
|
768
783
|
*/
|
|
@@ -854,7 +869,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
854
869
|
}] });
|
|
855
870
|
|
|
856
871
|
/*
|
|
857
|
-
* Copyright (c)
|
|
872
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
858
873
|
* Licensed under the MIT license.
|
|
859
874
|
* See LICENSE file in the project root for full license information.
|
|
860
875
|
*/
|
|
@@ -888,13 +903,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
888
903
|
}] });
|
|
889
904
|
|
|
890
905
|
/*
|
|
891
|
-
* Copyright (c)
|
|
906
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
892
907
|
* Licensed under the MIT license.
|
|
893
908
|
* See LICENSE file in the project root for full license information.
|
|
894
909
|
*/
|
|
895
910
|
|
|
896
911
|
/*
|
|
897
|
-
* Copyright (c)
|
|
912
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
898
913
|
* Licensed under the MIT license.
|
|
899
914
|
* See LICENSE file in the project root for full license information.
|
|
900
915
|
*/
|
|
@@ -908,7 +923,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
908
923
|
}] });
|
|
909
924
|
|
|
910
925
|
/*
|
|
911
|
-
* Copyright (c)
|
|
926
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
912
927
|
* Licensed under the MIT license.
|
|
913
928
|
* See LICENSE file in the project root for full license information.
|
|
914
929
|
*/
|
|
@@ -922,7 +937,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
922
937
|
}] });
|
|
923
938
|
|
|
924
939
|
/*
|
|
925
|
-
* Copyright (c)
|
|
940
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
926
941
|
* Licensed under the MIT license.
|
|
927
942
|
* See LICENSE file in the project root for full license information.
|
|
928
943
|
*/
|
|
@@ -941,7 +956,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
941
956
|
}] } });
|
|
942
957
|
|
|
943
958
|
/*
|
|
944
|
-
* Copyright (c)
|
|
959
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
945
960
|
* Licensed under the MIT license.
|
|
946
961
|
* See LICENSE file in the project root for full license information.
|
|
947
962
|
*/
|
|
@@ -955,7 +970,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
955
970
|
}] });
|
|
956
971
|
|
|
957
972
|
/*
|
|
958
|
-
* Copyright (c)
|
|
973
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
959
974
|
* Licensed under the MIT license.
|
|
960
975
|
* See LICENSE file in the project root for full license information.
|
|
961
976
|
*/
|
|
@@ -986,7 +1001,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
986
1001
|
}] });
|
|
987
1002
|
|
|
988
1003
|
/*
|
|
989
|
-
* Copyright (c)
|
|
1004
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
990
1005
|
* Licensed under the MIT license.
|
|
991
1006
|
* See LICENSE file in the project root for full license information.
|
|
992
1007
|
*/
|
|
@@ -1341,7 +1356,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
1341
1356
|
}] });
|
|
1342
1357
|
|
|
1343
1358
|
/*
|
|
1344
|
-
* Copyright (c)
|
|
1359
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
1345
1360
|
* Licensed under the MIT license.
|
|
1346
1361
|
* See LICENSE file in the project root for full license information.
|
|
1347
1362
|
*/
|
|
@@ -1369,19 +1384,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
1369
1384
|
}] });
|
|
1370
1385
|
|
|
1371
1386
|
/*
|
|
1372
|
-
* Copyright (c)
|
|
1387
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
1373
1388
|
* Licensed under the MIT license.
|
|
1374
1389
|
* See LICENSE file in the project root for full license information.
|
|
1375
1390
|
*/
|
|
1376
1391
|
|
|
1377
1392
|
/*
|
|
1378
|
-
* Copyright (c)
|
|
1393
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
1379
1394
|
* Licensed under the MIT license.
|
|
1380
1395
|
* See LICENSE file in the project root for full license information.
|
|
1381
1396
|
*/
|
|
1382
1397
|
|
|
1383
1398
|
/*
|
|
1384
|
-
* Copyright (c)
|
|
1399
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
1385
1400
|
* Licensed under the MIT license.
|
|
1386
1401
|
* See LICENSE file in the project root for full license information.
|
|
1387
1402
|
*/
|
|
@@ -1482,7 +1497,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
1482
1497
|
}] });
|
|
1483
1498
|
|
|
1484
1499
|
/*
|
|
1485
|
-
* Copyright (c)
|
|
1500
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
1486
1501
|
* Licensed under the MIT license.
|
|
1487
1502
|
* See LICENSE file in the project root for full license information.
|
|
1488
1503
|
*/
|
|
@@ -1519,32 +1534,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
1519
1534
|
}] });
|
|
1520
1535
|
|
|
1521
1536
|
/*
|
|
1522
|
-
* Copyright (c)
|
|
1537
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
1523
1538
|
* Licensed under the MIT license.
|
|
1524
1539
|
* See LICENSE file in the project root for full license information.
|
|
1525
1540
|
*/
|
|
1526
1541
|
|
|
1527
1542
|
/*
|
|
1528
|
-
* Copyright (c)
|
|
1543
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
1529
1544
|
* Licensed under the MIT license.
|
|
1530
1545
|
* See LICENSE file in the project root for full license information.
|
|
1531
1546
|
*/
|
|
1532
1547
|
|
|
1533
1548
|
/*
|
|
1534
|
-
* Copyright (c)
|
|
1549
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
1535
1550
|
* Licensed under the MIT license.
|
|
1536
1551
|
* See LICENSE file in the project root for full license information.
|
|
1537
1552
|
*/
|
|
1538
1553
|
class BaoListItem {
|
|
1539
1554
|
}
|
|
1540
1555
|
BaoListItem.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoListItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1541
|
-
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 });
|
|
1556
|
+
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<div class=\"bao-list-item-actions\">\n <ng-content\n select=\"bao-button, [bao-button], bao-dropdown-menu, [bao-dropdown-menu]\"\n >\n </ng-content>\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}}.bao-list .bao-list-item>.bao-list-item-actions .bao-button{margin-left:2rem;margin-top:-.5rem}\n"], encapsulation: i0.ViewEncapsulation.None });
|
|
1542
1557
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoListItem, decorators: [{
|
|
1543
1558
|
type: Component,
|
|
1544
1559
|
args: [{ selector: 'bao-list-item, [bao-list-item]', encapsulation: ViewEncapsulation.None, host: {
|
|
1545
1560
|
class: 'bao-list-item',
|
|
1546
1561
|
role: 'listitem'
|
|
1547
|
-
}, 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"] }]
|
|
1562
|
+
}, 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<div class=\"bao-list-item-actions\">\n <ng-content\n select=\"bao-button, [bao-button], bao-dropdown-menu, [bao-dropdown-menu]\"\n >\n </ng-content>\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}}.bao-list .bao-list-item>.bao-list-item-actions .bao-button{margin-left:2rem;margin-top:-.5rem}\n"] }]
|
|
1548
1563
|
}] });
|
|
1549
1564
|
class BaoList {
|
|
1550
1565
|
}
|
|
@@ -1602,7 +1617,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
1602
1617
|
}] });
|
|
1603
1618
|
|
|
1604
1619
|
/*
|
|
1605
|
-
* Copyright (c)
|
|
1620
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
1606
1621
|
* Licensed under the MIT license.
|
|
1607
1622
|
* See LICENSE file in the project root for full license information.
|
|
1608
1623
|
*/
|
|
@@ -1636,13 +1651,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
1636
1651
|
}] });
|
|
1637
1652
|
|
|
1638
1653
|
/*
|
|
1639
|
-
* Copyright (c)
|
|
1654
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
1640
1655
|
* Licensed under the MIT license.
|
|
1641
1656
|
* See LICENSE file in the project root for full license information.
|
|
1642
1657
|
*/
|
|
1643
1658
|
|
|
1644
1659
|
/*
|
|
1645
|
-
* Copyright (c)
|
|
1660
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
1646
1661
|
* Licensed under the MIT license.
|
|
1647
1662
|
* See LICENSE file in the project root for full license information.
|
|
1648
1663
|
*/
|
|
@@ -2168,7 +2183,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
2168
2183
|
}] });
|
|
2169
2184
|
|
|
2170
2185
|
/*
|
|
2171
|
-
* Copyright (c)
|
|
2186
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
2172
2187
|
* Licensed under the MIT license.
|
|
2173
2188
|
* See LICENSE file in the project root for full license information.
|
|
2174
2189
|
*/
|
|
@@ -2213,13 +2228,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
2213
2228
|
}] });
|
|
2214
2229
|
|
|
2215
2230
|
/*
|
|
2216
|
-
* Copyright (c)
|
|
2231
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
2217
2232
|
* Licensed under the MIT license.
|
|
2218
2233
|
* See LICENSE file in the project root for full license information.
|
|
2219
2234
|
*/
|
|
2220
2235
|
|
|
2221
2236
|
/*
|
|
2222
|
-
* Copyright (c)
|
|
2237
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
2223
2238
|
* Licensed under the MIT license.
|
|
2224
2239
|
* See LICENSE file in the project root for full license information.
|
|
2225
2240
|
*/
|
|
@@ -2292,7 +2307,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
2292
2307
|
}] } });
|
|
2293
2308
|
|
|
2294
2309
|
/*
|
|
2295
|
-
* Copyright (c)
|
|
2310
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
2296
2311
|
* Licensed under the MIT license.
|
|
2297
2312
|
* See LICENSE file in the project root for full license information.
|
|
2298
2313
|
*/
|
|
@@ -2312,13 +2327,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
2312
2327
|
}] });
|
|
2313
2328
|
|
|
2314
2329
|
/*
|
|
2315
|
-
* Copyright (c)
|
|
2330
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
2316
2331
|
* Licensed under the MIT license.
|
|
2317
2332
|
* See LICENSE file in the project root for full license information.
|
|
2318
2333
|
*/
|
|
2319
2334
|
|
|
2320
2335
|
/*
|
|
2321
|
-
* Copyright (c)
|
|
2336
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
2322
2337
|
* Licensed under the MIT license.
|
|
2323
2338
|
* See LICENSE file in the project root for full license information.
|
|
2324
2339
|
*/
|
|
@@ -2409,7 +2424,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
2409
2424
|
}] });
|
|
2410
2425
|
|
|
2411
2426
|
/*
|
|
2412
|
-
* Copyright (c)
|
|
2427
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
2413
2428
|
* Licensed under the MIT license.
|
|
2414
2429
|
* See LICENSE file in the project root for full license information.
|
|
2415
2430
|
*/
|
|
@@ -2437,7 +2452,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
2437
2452
|
}] });
|
|
2438
2453
|
|
|
2439
2454
|
/*
|
|
2440
|
-
* Copyright (c)
|
|
2455
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
2441
2456
|
* Licensed under the MIT license.
|
|
2442
2457
|
* See LICENSE file in the project root for full license information.
|
|
2443
2458
|
*/
|
|
@@ -2468,13 +2483,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
2468
2483
|
}] });
|
|
2469
2484
|
|
|
2470
2485
|
/*
|
|
2471
|
-
* Copyright (c)
|
|
2486
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
2472
2487
|
* Licensed under the MIT license.
|
|
2473
2488
|
* See LICENSE file in the project root for full license information.
|
|
2474
2489
|
*/
|
|
2475
2490
|
|
|
2476
2491
|
/*
|
|
2477
|
-
* Copyright (c)
|
|
2492
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
2478
2493
|
* Licensed under the MIT license.
|
|
2479
2494
|
* See LICENSE file in the project root for full license information.
|
|
2480
2495
|
*/
|
|
@@ -2574,7 +2589,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
2574
2589
|
}] } });
|
|
2575
2590
|
|
|
2576
2591
|
/*
|
|
2577
|
-
* Copyright (c)
|
|
2592
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
2578
2593
|
* Licensed under the MIT license.
|
|
2579
2594
|
* See LICENSE file in the project root for full license information.
|
|
2580
2595
|
*/
|
|
@@ -2594,13 +2609,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
2594
2609
|
}] });
|
|
2595
2610
|
|
|
2596
2611
|
/*
|
|
2597
|
-
* Copyright (c)
|
|
2612
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
2598
2613
|
* Licensed under the MIT license.
|
|
2599
2614
|
* See LICENSE file in the project root for full license information.
|
|
2600
2615
|
*/
|
|
2601
2616
|
|
|
2602
2617
|
/*
|
|
2603
|
-
* Copyright (c)
|
|
2618
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
2604
2619
|
* Licensed under the MIT license.
|
|
2605
2620
|
* See LICENSE file in the project root for full license information.
|
|
2606
2621
|
*/
|
|
@@ -2893,7 +2908,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
2893
2908
|
}] } });
|
|
2894
2909
|
|
|
2895
2910
|
/*
|
|
2896
|
-
* Copyright (c)
|
|
2911
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
2897
2912
|
* Licensed under the MIT license.
|
|
2898
2913
|
* See LICENSE file in the project root for full license information.
|
|
2899
2914
|
*/
|
|
@@ -2924,13 +2939,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
2924
2939
|
}] });
|
|
2925
2940
|
|
|
2926
2941
|
/*
|
|
2927
|
-
* Copyright (c)
|
|
2942
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
2928
2943
|
* Licensed under the MIT license.
|
|
2929
2944
|
* See LICENSE file in the project root for full license information.
|
|
2930
2945
|
*/
|
|
2931
2946
|
|
|
2932
2947
|
/*
|
|
2933
|
-
* Copyright (c)
|
|
2948
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
2934
2949
|
* Licensed under the MIT license.
|
|
2935
2950
|
* See LICENSE file in the project root for full license information.
|
|
2936
2951
|
*/
|
|
@@ -3423,7 +3438,7 @@ function _closeModalVia(ref, interactionType, result) {
|
|
|
3423
3438
|
}
|
|
3424
3439
|
|
|
3425
3440
|
/*
|
|
3426
|
-
* Copyright (c)
|
|
3441
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
3427
3442
|
* Licensed under the MIT license.
|
|
3428
3443
|
* See LICENSE file in the project root for full license information.
|
|
3429
3444
|
*/
|
|
@@ -3685,7 +3700,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
3685
3700
|
}] }, { type: i1$4.OverlayContainer }]; } });
|
|
3686
3701
|
|
|
3687
3702
|
/*
|
|
3688
|
-
* Copyright (c)
|
|
3703
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
3689
3704
|
* Licensed under the MIT license.
|
|
3690
3705
|
* See LICENSE file in the project root for full license information.
|
|
3691
3706
|
*/
|
|
@@ -3764,7 +3779,7 @@ function getClosestDialog(element, openDialogs) {
|
|
|
3764
3779
|
}
|
|
3765
3780
|
|
|
3766
3781
|
/*
|
|
3767
|
-
* Copyright (c)
|
|
3782
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
3768
3783
|
* Licensed under the MIT license.
|
|
3769
3784
|
* See LICENSE file in the project root for full license information.
|
|
3770
3785
|
*/
|
|
@@ -3785,7 +3800,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
3785
3800
|
}] });
|
|
3786
3801
|
|
|
3787
3802
|
/*
|
|
3788
|
-
* Copyright (c)
|
|
3803
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
3789
3804
|
* Licensed under the MIT license.
|
|
3790
3805
|
* See LICENSE file in the project root for full license information.
|
|
3791
3806
|
*/
|
|
@@ -3858,7 +3873,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
3858
3873
|
}] } });
|
|
3859
3874
|
|
|
3860
3875
|
/*
|
|
3861
|
-
* Copyright (c)
|
|
3876
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
3862
3877
|
* Licensed under the MIT license.
|
|
3863
3878
|
* See LICENSE file in the project root for full license information.
|
|
3864
3879
|
*/
|
|
@@ -3878,13 +3893,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
3878
3893
|
}] });
|
|
3879
3894
|
|
|
3880
3895
|
/*
|
|
3881
|
-
* Copyright (c)
|
|
3896
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
3882
3897
|
* Licensed under the MIT license.
|
|
3883
3898
|
* See LICENSE file in the project root for full license information.
|
|
3884
3899
|
*/
|
|
3885
3900
|
|
|
3886
3901
|
/*
|
|
3887
|
-
* Copyright (c)
|
|
3902
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
3888
3903
|
* Licensed under the MIT license.
|
|
3889
3904
|
* See LICENSE file in the project root for full license information.
|
|
3890
3905
|
*/
|
|
@@ -4071,16 +4086,20 @@ class BaoDropdownMenuComponent {
|
|
|
4071
4086
|
}
|
|
4072
4087
|
upKeyEvent() {
|
|
4073
4088
|
if (this.isOpen) {
|
|
4074
|
-
const index = isNaN(this._activeItemIndex) ?
|
|
4089
|
+
const index = isNaN(this._activeItemIndex) ? -1 : this._activeItemIndex;
|
|
4075
4090
|
const nextIndex = this.getNextActivableItemIndex(index, false);
|
|
4076
|
-
|
|
4091
|
+
if (nextIndex > -1) {
|
|
4092
|
+
this.focusNextItem(nextIndex);
|
|
4093
|
+
}
|
|
4077
4094
|
}
|
|
4078
4095
|
}
|
|
4079
4096
|
downKeyEvent() {
|
|
4080
4097
|
if (this.isOpen) {
|
|
4081
|
-
const index = isNaN(this._activeItemIndex) ?
|
|
4098
|
+
const index = isNaN(this._activeItemIndex) ? -1 : this._activeItemIndex;
|
|
4082
4099
|
const nextIndex = this.getNextActivableItemIndex(index, true);
|
|
4083
|
-
|
|
4100
|
+
if (nextIndex > -1) {
|
|
4101
|
+
this.focusNextItem(nextIndex);
|
|
4102
|
+
}
|
|
4084
4103
|
}
|
|
4085
4104
|
}
|
|
4086
4105
|
/** Prevents focus to be lost when TAB has reached end of menu */
|
|
@@ -4091,6 +4110,16 @@ class BaoDropdownMenuComponent {
|
|
|
4091
4110
|
}
|
|
4092
4111
|
}
|
|
4093
4112
|
}
|
|
4113
|
+
tabUpKeyEvent() {
|
|
4114
|
+
if (this.isOpen) {
|
|
4115
|
+
this._activeItemIndex = this._listItems.reduce((acc, element, index) => {
|
|
4116
|
+
if (element.nativeElement === document.activeElement) {
|
|
4117
|
+
acc = index;
|
|
4118
|
+
}
|
|
4119
|
+
return acc;
|
|
4120
|
+
}, -1);
|
|
4121
|
+
}
|
|
4122
|
+
}
|
|
4094
4123
|
/** Prevents focus to be lost when SHIFT + TAB has reached beginning of menu */
|
|
4095
4124
|
shiftTabKeyEvent() {
|
|
4096
4125
|
if (this.isOpen) {
|
|
@@ -4106,16 +4135,16 @@ class BaoDropdownMenuComponent {
|
|
|
4106
4135
|
ngAfterContentInit() {
|
|
4107
4136
|
this._listItems.forEach((item) => item.itemClicked.subscribe(() => this.isClosedByKeyEvent.emit()));
|
|
4108
4137
|
}
|
|
4109
|
-
focusFirstItem() {
|
|
4110
|
-
this._activeItemIndex = 0;
|
|
4111
|
-
this._listItems.first.nativeElement.focus();
|
|
4112
|
-
}
|
|
4113
4138
|
open() {
|
|
4114
4139
|
this.isOpen = true;
|
|
4115
4140
|
}
|
|
4116
4141
|
close() {
|
|
4117
4142
|
this.isOpen = false;
|
|
4118
4143
|
}
|
|
4144
|
+
focus() {
|
|
4145
|
+
this._activeItemIndex = -1;
|
|
4146
|
+
this._menuContent.nativeElement.focus();
|
|
4147
|
+
}
|
|
4119
4148
|
/** Move the aria-current attribute to new active page */
|
|
4120
4149
|
setNavigationAttribute(activePageElement) {
|
|
4121
4150
|
const previousActivePage = this._listItems.find((item) => {
|
|
@@ -4139,40 +4168,55 @@ class BaoDropdownMenuComponent {
|
|
|
4139
4168
|
* @param isBackward If recursive function is going backward looking for last activable item in list
|
|
4140
4169
|
* @returns Index of the next item that will receive focus
|
|
4141
4170
|
*/
|
|
4142
|
-
getNextActivableItemIndex(currentIndex, isDown
|
|
4143
|
-
|
|
4144
|
-
|
|
4145
|
-
|
|
4171
|
+
getNextActivableItemIndex(currentIndex, isDown) {
|
|
4172
|
+
const init = [];
|
|
4173
|
+
// Get all the activable indexes
|
|
4174
|
+
const activableIndexes = this._listItems.reduce((acc, element, index) => {
|
|
4175
|
+
if (!element.disabled) {
|
|
4176
|
+
acc = [...acc, index];
|
|
4146
4177
|
}
|
|
4147
|
-
|
|
4148
|
-
|
|
4149
|
-
|
|
4150
|
-
|
|
4151
|
-
|
|
4178
|
+
return acc;
|
|
4179
|
+
}, init);
|
|
4180
|
+
if (activableIndexes.length) {
|
|
4181
|
+
if (isDown) {
|
|
4182
|
+
// Select the first enabled element
|
|
4183
|
+
if (currentIndex === -1) {
|
|
4184
|
+
return activableIndexes[0];
|
|
4185
|
+
}
|
|
4186
|
+
// Select the only enabled element
|
|
4187
|
+
if (activableIndexes.length === 1) {
|
|
4188
|
+
return activableIndexes[0];
|
|
4189
|
+
}
|
|
4190
|
+
// Stay on the last enabled element
|
|
4191
|
+
if (currentIndex === activableIndexes[activableIndexes.length - 1]) {
|
|
4192
|
+
return currentIndex;
|
|
4193
|
+
}
|
|
4194
|
+
// Select the next enabled element
|
|
4195
|
+
return activableIndexes.find(index => index > currentIndex);
|
|
4152
4196
|
}
|
|
4153
|
-
|
|
4154
|
-
|
|
4155
|
-
|
|
4156
|
-
|
|
4157
|
-
|
|
4197
|
+
const isUp = !isDown;
|
|
4198
|
+
if (isUp) {
|
|
4199
|
+
// Do nothing whenever nothing is selected
|
|
4200
|
+
if (currentIndex === -1) {
|
|
4201
|
+
return currentIndex;
|
|
4202
|
+
}
|
|
4203
|
+
// Select the only enabled element
|
|
4204
|
+
if (activableIndexes.length === 1) {
|
|
4205
|
+
return activableIndexes[0];
|
|
4206
|
+
}
|
|
4207
|
+
// Stay on the first enabled element
|
|
4208
|
+
if (currentIndex === activableIndexes[0]) {
|
|
4209
|
+
return currentIndex;
|
|
4210
|
+
}
|
|
4211
|
+
// Select the above enabled element
|
|
4212
|
+
return activableIndexes.reverse().find(index => index < currentIndex);
|
|
4158
4213
|
}
|
|
4159
|
-
return
|
|
4214
|
+
return -1;
|
|
4160
4215
|
}
|
|
4161
|
-
return nextIndex;
|
|
4162
|
-
}
|
|
4163
|
-
/**
|
|
4164
|
-
* Finds if focus has reached end or beginning of list
|
|
4165
|
-
* @param currentIndex List item index which currently has focus
|
|
4166
|
-
* @param isDown Whether the navigation is going in the down direction or not
|
|
4167
|
-
* @returns Can focus move to next item or not
|
|
4168
|
-
*/
|
|
4169
|
-
canMove(currentIndex, isDown) {
|
|
4170
|
-
return !((currentIndex == 0 && !isDown) ||
|
|
4171
|
-
(currentIndex == this._listItems.length - 1 && isDown));
|
|
4172
4216
|
}
|
|
4173
4217
|
}
|
|
4174
4218
|
BaoDropdownMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoDropdownMenuComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
4175
|
-
BaoDropdownMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.1", type: BaoDropdownMenuComponent, selector: "bao-dropdown-menu", outputs: { isOpenChange: "isOpenChange", isClosedByKeyEvent: "isClosedByKeyEvent" }, host: { listeners: { "window:keyup.arrowup": "upKeyEvent()", "window:keyup.arrowdown": "downKeyEvent()", "window:keydown.tab": "tabKeyEvent()", "window:keydown.shift.tab": "shiftTabKeyEvent()" }, properties: { "class.bao-overlay-transparent-backdrop": "isOpen===false", "class.bao-dropdown-menu-closed": "isOpen===false", "attr.aria-expanded": "isOpen" }, classAttribute: "bao-dropdown-menu-container" }, queries: [{ propertyName: "_listItems", predicate: BaoDropdownMenuItem, descendants: true }], viewQueries: [{ propertyName: "_menuContent", first: true, predicate: ["menuContent"], descendants: true }], ngImport: i0, template: "<div #menuContent class=\"bao-dropdown-menu\" tabindex=\"-1\">\n <ng-content></ng-content>\n</div>\n", styles: [".bao-dropdown-menu-container.bao-dropdown-menu-closed{display:none}.bao-dropdown-menu{min-width:16rem;max-width:32rem;overflow-y:auto;background:#ffffff;box-shadow:0 .5rem 2rem #0000001a;border-radius:.25rem;padding-top:.5rem;padding-bottom:.5rem}.bao-dropdown-menu .bao-overlay-transparent-backdrop{background-color:#fff0;display:none}.bao-dropdown-menu ul{list-style-type:none;padding:0;margin:0}.bao-dropdown-menu h5{padding:.5rem 0 .5rem 1rem;margin:0}.bao-dropdown-menu .bao-dropdown-menu-item{display:flex;align-items:center;text-decoration:none;border-bottom:none;cursor:default}.bao-dropdown-menu .bao-dropdown-menu-item:hover{background-color:#f8f9fa}.bao-dropdown-menu .bao-dropdown-menu-item:active{background-color:#eefaf8}.bao-dropdown-menu .bao-dropdown-menu-item:focus{box-shadow:inset 0 0 0 .25rem #98bcde}.bao-dropdown-menu .bao-dropdown-menu-item.active-link{background-color:#eefaf8}.bao-dropdown-menu .bao-dropdown-menu-item.has-element-right{padding-right:1.5rem}.bao-dropdown-menu .bao-dropdown-menu-item.has-element-left{padding-left:1rem}.bao-dropdown-menu .bao-dropdown-menu-item.bao-dropdown-menu-item-disabled{cursor:not-allowed;pointer-events:none}.bao-dropdown-menu .bao-dropdown-menu-item.bao-dropdown-menu-item-disabled:hover,.bao-dropdown-menu .bao-dropdown-menu-item.bao-dropdown-menu-item-disabled:active{background:#ffffff}.bao-dropdown-menu .bao-dropdown-menu-item.bao-dropdown-menu-item-disabled .bao-dropdown-menu-item-content .bao-dropdown-menu-item-label,.bao-dropdown-menu .bao-dropdown-menu-item.bao-dropdown-menu-item-disabled .bao-dropdown-menu-item-content .bao-dropdown-menu-item-description{color:#adb2bd}.bao-dropdown-menu .bao-dropdown-menu-item>.bao-dropdown-menu-item-content{display:flex;flex-direction:column;margin:.5rem 1rem;background-color:inherit}.bao-dropdown-menu .bao-dropdown-menu-item>.bao-dropdown-menu-item-content .bao-dropdown-menu-item-label{font-weight:400;font-size:1rem;line-height:1.5rem;color:#212529}.bao-dropdown-menu .bao-dropdown-menu-item>.bao-dropdown-menu-item-content .bao-dropdown-menu-item-description{font-weight:400;font-size:.875rem;line-height:1.25rem;color:#637381}.bao-dropdown-menu .bao-dropdown-menu-item>.bao-icon{color:#adb2bd;flex-shrink:0}.bao-dropdown-menu .bao-dropdown-menu-divider hr{margin-top:.5rem;margin-bottom:.5rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
4219
|
+
BaoDropdownMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.1", type: BaoDropdownMenuComponent, selector: "bao-dropdown-menu", outputs: { isOpenChange: "isOpenChange", isClosedByKeyEvent: "isClosedByKeyEvent" }, host: { listeners: { "window:keyup.arrowup": "upKeyEvent()", "window:keyup.arrowdown": "downKeyEvent()", "window:keydown.tab": "tabKeyEvent()", "window:keyup.tab": "tabUpKeyEvent()", "window:keydown.shift.tab": "shiftTabKeyEvent()" }, properties: { "class.bao-overlay-transparent-backdrop": "isOpen===false", "class.bao-dropdown-menu-closed": "isOpen===false", "attr.aria-expanded": "isOpen" }, classAttribute: "bao-dropdown-menu-container" }, queries: [{ propertyName: "_listItems", predicate: BaoDropdownMenuItem, descendants: true }], viewQueries: [{ propertyName: "_menuContent", first: true, predicate: ["menuContent"], descendants: true }], ngImport: i0, template: "<div #menuContent class=\"bao-dropdown-menu\" tabindex=\"-1\">\n <ng-content></ng-content>\n</div>\n", styles: [".bao-dropdown-menu-container.bao-dropdown-menu-closed{display:none}.bao-dropdown-menu{min-width:16rem;max-width:32rem;overflow-y:auto;background:#ffffff;box-shadow:0 .5rem 2rem #0000001a;border-radius:.25rem;margin-top:.25rem;margin-bottom:.25rem;padding-top:.5rem;padding-bottom:.5rem}.bao-dropdown-menu:focus-visible{outline:none}.bao-dropdown-menu .bao-overlay-transparent-backdrop{background-color:#fff0;display:none}.bao-dropdown-menu ul{list-style-type:none;padding:0;margin:0}.bao-dropdown-menu h5{padding:.5rem 0 .5rem 1rem;margin:0}.bao-dropdown-menu .bao-dropdown-menu-item{display:flex;align-items:center;text-decoration:none;border-bottom:none;cursor:default}.bao-dropdown-menu .bao-dropdown-menu-item:hover{background-color:#f8f9fa}.bao-dropdown-menu .bao-dropdown-menu-item:active{background-color:#eefaf8}.bao-dropdown-menu .bao-dropdown-menu-item:focus{box-shadow:inset 0 0 0 .25rem #98bcde}.bao-dropdown-menu .bao-dropdown-menu-item.active-link{background-color:#eefaf8}.bao-dropdown-menu .bao-dropdown-menu-item.has-element-right{padding-right:1.5rem}.bao-dropdown-menu .bao-dropdown-menu-item.has-element-left{padding-left:1rem}.bao-dropdown-menu .bao-dropdown-menu-item.bao-dropdown-menu-item-disabled{cursor:not-allowed;pointer-events:none}.bao-dropdown-menu .bao-dropdown-menu-item.bao-dropdown-menu-item-disabled:hover,.bao-dropdown-menu .bao-dropdown-menu-item.bao-dropdown-menu-item-disabled:active{background:#ffffff}.bao-dropdown-menu .bao-dropdown-menu-item.bao-dropdown-menu-item-disabled .bao-dropdown-menu-item-content .bao-dropdown-menu-item-label,.bao-dropdown-menu .bao-dropdown-menu-item.bao-dropdown-menu-item-disabled .bao-dropdown-menu-item-content .bao-dropdown-menu-item-description{color:#adb2bd}.bao-dropdown-menu .bao-dropdown-menu-item>.bao-dropdown-menu-item-content{display:flex;flex-direction:column;margin:.5rem 1rem;background-color:inherit}.bao-dropdown-menu .bao-dropdown-menu-item>.bao-dropdown-menu-item-content .bao-dropdown-menu-item-label{font-weight:400;font-size:1rem;line-height:1.5rem;color:#212529}.bao-dropdown-menu .bao-dropdown-menu-item>.bao-dropdown-menu-item-content .bao-dropdown-menu-item-description{font-weight:400;font-size:.875rem;line-height:1.25rem;color:#637381}.bao-dropdown-menu .bao-dropdown-menu-item>.bao-icon{color:#adb2bd;flex-shrink:0}.bao-dropdown-menu .bao-dropdown-menu-divider hr{margin-top:.5rem;margin-bottom:.5rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
4176
4220
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoDropdownMenuComponent, decorators: [{
|
|
4177
4221
|
type: Component,
|
|
4178
4222
|
args: [{ selector: 'bao-dropdown-menu', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
@@ -4180,7 +4224,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
4180
4224
|
'[class.bao-overlay-transparent-backdrop]': 'isOpen===false',
|
|
4181
4225
|
'[class.bao-dropdown-menu-closed]': 'isOpen===false',
|
|
4182
4226
|
'[attr.aria-expanded]': 'isOpen'
|
|
4183
|
-
}, template: "<div #menuContent class=\"bao-dropdown-menu\" tabindex=\"-1\">\n <ng-content></ng-content>\n</div>\n", styles: [".bao-dropdown-menu-container.bao-dropdown-menu-closed{display:none}.bao-dropdown-menu{min-width:16rem;max-width:32rem;overflow-y:auto;background:#ffffff;box-shadow:0 .5rem 2rem #0000001a;border-radius:.25rem;padding-top:.5rem;padding-bottom:.5rem}.bao-dropdown-menu .bao-overlay-transparent-backdrop{background-color:#fff0;display:none}.bao-dropdown-menu ul{list-style-type:none;padding:0;margin:0}.bao-dropdown-menu h5{padding:.5rem 0 .5rem 1rem;margin:0}.bao-dropdown-menu .bao-dropdown-menu-item{display:flex;align-items:center;text-decoration:none;border-bottom:none;cursor:default}.bao-dropdown-menu .bao-dropdown-menu-item:hover{background-color:#f8f9fa}.bao-dropdown-menu .bao-dropdown-menu-item:active{background-color:#eefaf8}.bao-dropdown-menu .bao-dropdown-menu-item:focus{box-shadow:inset 0 0 0 .25rem #98bcde}.bao-dropdown-menu .bao-dropdown-menu-item.active-link{background-color:#eefaf8}.bao-dropdown-menu .bao-dropdown-menu-item.has-element-right{padding-right:1.5rem}.bao-dropdown-menu .bao-dropdown-menu-item.has-element-left{padding-left:1rem}.bao-dropdown-menu .bao-dropdown-menu-item.bao-dropdown-menu-item-disabled{cursor:not-allowed;pointer-events:none}.bao-dropdown-menu .bao-dropdown-menu-item.bao-dropdown-menu-item-disabled:hover,.bao-dropdown-menu .bao-dropdown-menu-item.bao-dropdown-menu-item-disabled:active{background:#ffffff}.bao-dropdown-menu .bao-dropdown-menu-item.bao-dropdown-menu-item-disabled .bao-dropdown-menu-item-content .bao-dropdown-menu-item-label,.bao-dropdown-menu .bao-dropdown-menu-item.bao-dropdown-menu-item-disabled .bao-dropdown-menu-item-content .bao-dropdown-menu-item-description{color:#adb2bd}.bao-dropdown-menu .bao-dropdown-menu-item>.bao-dropdown-menu-item-content{display:flex;flex-direction:column;margin:.5rem 1rem;background-color:inherit}.bao-dropdown-menu .bao-dropdown-menu-item>.bao-dropdown-menu-item-content .bao-dropdown-menu-item-label{font-weight:400;font-size:1rem;line-height:1.5rem;color:#212529}.bao-dropdown-menu .bao-dropdown-menu-item>.bao-dropdown-menu-item-content .bao-dropdown-menu-item-description{font-weight:400;font-size:.875rem;line-height:1.25rem;color:#637381}.bao-dropdown-menu .bao-dropdown-menu-item>.bao-icon{color:#adb2bd;flex-shrink:0}.bao-dropdown-menu .bao-dropdown-menu-divider hr{margin-top:.5rem;margin-bottom:.5rem}\n"] }]
|
|
4227
|
+
}, template: "<div #menuContent class=\"bao-dropdown-menu\" tabindex=\"-1\">\n <ng-content></ng-content>\n</div>\n", styles: [".bao-dropdown-menu-container.bao-dropdown-menu-closed{display:none}.bao-dropdown-menu{min-width:16rem;max-width:32rem;overflow-y:auto;background:#ffffff;box-shadow:0 .5rem 2rem #0000001a;border-radius:.25rem;margin-top:.25rem;margin-bottom:.25rem;padding-top:.5rem;padding-bottom:.5rem}.bao-dropdown-menu:focus-visible{outline:none}.bao-dropdown-menu .bao-overlay-transparent-backdrop{background-color:#fff0;display:none}.bao-dropdown-menu ul{list-style-type:none;padding:0;margin:0}.bao-dropdown-menu h5{padding:.5rem 0 .5rem 1rem;margin:0}.bao-dropdown-menu .bao-dropdown-menu-item{display:flex;align-items:center;text-decoration:none;border-bottom:none;cursor:default}.bao-dropdown-menu .bao-dropdown-menu-item:hover{background-color:#f8f9fa}.bao-dropdown-menu .bao-dropdown-menu-item:active{background-color:#eefaf8}.bao-dropdown-menu .bao-dropdown-menu-item:focus{box-shadow:inset 0 0 0 .25rem #98bcde}.bao-dropdown-menu .bao-dropdown-menu-item.active-link{background-color:#eefaf8}.bao-dropdown-menu .bao-dropdown-menu-item.has-element-right{padding-right:1.5rem}.bao-dropdown-menu .bao-dropdown-menu-item.has-element-left{padding-left:1rem}.bao-dropdown-menu .bao-dropdown-menu-item.bao-dropdown-menu-item-disabled{cursor:not-allowed;pointer-events:none}.bao-dropdown-menu .bao-dropdown-menu-item.bao-dropdown-menu-item-disabled:hover,.bao-dropdown-menu .bao-dropdown-menu-item.bao-dropdown-menu-item-disabled:active{background:#ffffff}.bao-dropdown-menu .bao-dropdown-menu-item.bao-dropdown-menu-item-disabled .bao-dropdown-menu-item-content .bao-dropdown-menu-item-label,.bao-dropdown-menu .bao-dropdown-menu-item.bao-dropdown-menu-item-disabled .bao-dropdown-menu-item-content .bao-dropdown-menu-item-description{color:#adb2bd}.bao-dropdown-menu .bao-dropdown-menu-item>.bao-dropdown-menu-item-content{display:flex;flex-direction:column;margin:.5rem 1rem;background-color:inherit}.bao-dropdown-menu .bao-dropdown-menu-item>.bao-dropdown-menu-item-content .bao-dropdown-menu-item-label{font-weight:400;font-size:1rem;line-height:1.5rem;color:#212529}.bao-dropdown-menu .bao-dropdown-menu-item>.bao-dropdown-menu-item-content .bao-dropdown-menu-item-description{font-weight:400;font-size:.875rem;line-height:1.25rem;color:#637381}.bao-dropdown-menu .bao-dropdown-menu-item>.bao-icon{color:#adb2bd;flex-shrink:0}.bao-dropdown-menu .bao-dropdown-menu-divider hr{margin-top:.5rem;margin-bottom:.5rem}\n"] }]
|
|
4184
4228
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { isOpenChange: [{
|
|
4185
4229
|
type: Output
|
|
4186
4230
|
}], isClosedByKeyEvent: [{
|
|
@@ -4200,6 +4244,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
4200
4244
|
}], tabKeyEvent: [{
|
|
4201
4245
|
type: HostListener,
|
|
4202
4246
|
args: ['window:keydown.tab']
|
|
4247
|
+
}], tabUpKeyEvent: [{
|
|
4248
|
+
type: HostListener,
|
|
4249
|
+
args: ['window:keyup.tab']
|
|
4203
4250
|
}], shiftTabKeyEvent: [{
|
|
4204
4251
|
type: HostListener,
|
|
4205
4252
|
args: ['window:keydown.shift.tab']
|
|
@@ -4224,14 +4271,6 @@ class BaoDropdownMenuTrigger {
|
|
|
4224
4271
|
this.nativeElement.focus();
|
|
4225
4272
|
}
|
|
4226
4273
|
}
|
|
4227
|
-
/** Enter key event triggers click event which opens menu,
|
|
4228
|
-
* then focus is put on first item in the menu */
|
|
4229
|
-
enterKeyEvent(event) {
|
|
4230
|
-
if (this._isMenuOpen && document.activeElement === this.nativeElement) {
|
|
4231
|
-
event.stopImmediatePropagation();
|
|
4232
|
-
this.menu.focusFirstItem();
|
|
4233
|
-
}
|
|
4234
|
-
}
|
|
4235
4274
|
onClick() {
|
|
4236
4275
|
this.toggleMenu();
|
|
4237
4276
|
}
|
|
@@ -4240,7 +4279,7 @@ class BaoDropdownMenuTrigger {
|
|
|
4240
4279
|
this.renderer.setAttribute(this.nativeElement, 'aria-controls', `bao-dropdown-menu-${dropdownMenuUniqueId}`);
|
|
4241
4280
|
this.menu.isClosedByKeyEvent.subscribe(() => {
|
|
4242
4281
|
this.closeMenu();
|
|
4243
|
-
this.nativeElement.focus();
|
|
4282
|
+
setTimeout(() => this.nativeElement.focus(), 50);
|
|
4244
4283
|
});
|
|
4245
4284
|
}
|
|
4246
4285
|
ngOnDestroy() {
|
|
@@ -4266,6 +4305,7 @@ class BaoDropdownMenuTrigger {
|
|
|
4266
4305
|
overlayRef.attach(this.menu.menuPortal);
|
|
4267
4306
|
this._isMenuOpen = true;
|
|
4268
4307
|
this.menu.open();
|
|
4308
|
+
this.menu.focus();
|
|
4269
4309
|
}
|
|
4270
4310
|
createOverlay() {
|
|
4271
4311
|
if (!this._overlayRef) {
|
|
@@ -4321,7 +4361,7 @@ class BaoDropdownMenuTrigger {
|
|
|
4321
4361
|
}
|
|
4322
4362
|
}
|
|
4323
4363
|
BaoDropdownMenuTrigger.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoDropdownMenuTrigger, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1$4.Overlay }], target: i0.ɵɵFactoryTarget.Directive });
|
|
4324
|
-
BaoDropdownMenuTrigger.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.1", type: BaoDropdownMenuTrigger, selector: "bao-dropdown-menu-trigger, [bao-dropdown-menu-trigger], [baoDropdownMenuTriggerFor]", inputs: { menu: ["baoDropdownMenuTriggerFor", "menu"] }, host: { listeners: { "window:keyup.escape": "escapeKeyEvent()", "
|
|
4364
|
+
BaoDropdownMenuTrigger.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.1", type: BaoDropdownMenuTrigger, selector: "bao-dropdown-menu-trigger, [bao-dropdown-menu-trigger], [baoDropdownMenuTriggerFor]", inputs: { menu: ["baoDropdownMenuTriggerFor", "menu"] }, host: { listeners: { "window:keyup.escape": "escapeKeyEvent()", "click": "onClick()" }, classAttribute: "bao-dropdown-menu-trigger" }, ngImport: i0 });
|
|
4325
4365
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoDropdownMenuTrigger, decorators: [{
|
|
4326
4366
|
type: Directive,
|
|
4327
4367
|
args: [{
|
|
@@ -4334,9 +4374,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
4334
4374
|
}], escapeKeyEvent: [{
|
|
4335
4375
|
type: HostListener,
|
|
4336
4376
|
args: ['window:keyup.escape']
|
|
4337
|
-
}], enterKeyEvent: [{
|
|
4338
|
-
type: HostListener,
|
|
4339
|
-
args: ['window:keyup.enter', ['$event']]
|
|
4340
4377
|
}], onClick: [{
|
|
4341
4378
|
type: HostListener,
|
|
4342
4379
|
args: ['click']
|
|
@@ -4431,7 +4468,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
4431
4468
|
}], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; } });
|
|
4432
4469
|
|
|
4433
4470
|
/*
|
|
4434
|
-
* Copyright (c)
|
|
4471
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
4435
4472
|
* Licensed under the MIT license.
|
|
4436
4473
|
* See LICENSE file in the project root for full license information.
|
|
4437
4474
|
*/
|
|
@@ -4471,13 +4508,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
4471
4508
|
}] });
|
|
4472
4509
|
|
|
4473
4510
|
/*
|
|
4474
|
-
* Copyright (c)
|
|
4511
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
4475
4512
|
* Licensed under the MIT license.
|
|
4476
4513
|
* See LICENSE file in the project root for full license information.
|
|
4477
4514
|
*/
|
|
4478
4515
|
|
|
4479
4516
|
/*
|
|
4480
|
-
* Copyright (c)
|
|
4517
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
4481
4518
|
* Licensed under the MIT license.
|
|
4482
4519
|
* See LICENSE file in the project root for full license information.
|
|
4483
4520
|
*/
|
|
@@ -4497,13 +4534,21 @@ class BaoFilePreviewComponent {
|
|
|
4497
4534
|
this.insertGenericIcon = false;
|
|
4498
4535
|
this.thumbnailURL = '';
|
|
4499
4536
|
}
|
|
4537
|
+
get file() {
|
|
4538
|
+
return this._file;
|
|
4539
|
+
}
|
|
4540
|
+
/**
|
|
4541
|
+
* Uploaded file to display in list.
|
|
4542
|
+
*/
|
|
4543
|
+
set file(f) {
|
|
4544
|
+
this._file = f;
|
|
4545
|
+
this.setFileData();
|
|
4546
|
+
}
|
|
4500
4547
|
get nativeElement() {
|
|
4501
4548
|
return this.elementRef.nativeElement;
|
|
4502
4549
|
}
|
|
4503
|
-
|
|
4504
|
-
|
|
4505
|
-
}
|
|
4506
|
-
ngAfterContentInit() {
|
|
4550
|
+
setFileData() {
|
|
4551
|
+
this.formatSize(this._file.size);
|
|
4507
4552
|
this.getThumbnail();
|
|
4508
4553
|
this.setIcon();
|
|
4509
4554
|
}
|
|
@@ -4518,8 +4563,8 @@ class BaoFilePreviewComponent {
|
|
|
4518
4563
|
}
|
|
4519
4564
|
}
|
|
4520
4565
|
getThumbnail() {
|
|
4521
|
-
if (this.
|
|
4522
|
-
(this.
|
|
4566
|
+
if (this._file &&
|
|
4567
|
+
(this._file.type === 'image/png' || this._file.type === 'image/jpeg')) {
|
|
4523
4568
|
const reader = new FileReader();
|
|
4524
4569
|
reader.onload = (event) => {
|
|
4525
4570
|
this.thumbnailURL = event.target.result;
|
|
@@ -4527,31 +4572,33 @@ class BaoFilePreviewComponent {
|
|
|
4527
4572
|
reader.onerror = () => {
|
|
4528
4573
|
this.thumbnailURL = '';
|
|
4529
4574
|
};
|
|
4530
|
-
reader.readAsDataURL(this.
|
|
4575
|
+
reader.readAsDataURL(this._file);
|
|
4531
4576
|
}
|
|
4532
4577
|
}
|
|
4533
4578
|
formatSize(size) {
|
|
4534
4579
|
if (size >= KILO_THRESHOLD && size / KILO_THRESHOLD < KILO_THRESHOLD) {
|
|
4535
|
-
|
|
4580
|
+
this.fileSize = this.getSizeAndUnit(size, KILO_THRESHOLD, 'Ko');
|
|
4581
|
+
return;
|
|
4536
4582
|
}
|
|
4537
4583
|
const sizeDividedByKoMultiplicator = size / KILO_THRESHOLD;
|
|
4538
4584
|
if (sizeDividedByKoMultiplicator >= KILO_THRESHOLD) {
|
|
4539
4585
|
const toFixed = sizeDividedByKoMultiplicator > 10 ? 0 : 1;
|
|
4540
|
-
|
|
4586
|
+
this.fileSize = this.getSizeAndUnit(size, MEGA_THRESHOLD, 'Mo', toFixed);
|
|
4587
|
+
return;
|
|
4541
4588
|
}
|
|
4542
|
-
|
|
4589
|
+
this.fileSize = `${size} octets`;
|
|
4543
4590
|
}
|
|
4544
4591
|
getSizeAndUnit(size, multiplicator, unit, toFixed = 0) {
|
|
4545
4592
|
return `${(size / multiplicator).toFixed(toFixed)} ${unit}`;
|
|
4546
4593
|
}
|
|
4547
4594
|
}
|
|
4548
4595
|
BaoFilePreviewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoFilePreviewComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
4549
|
-
BaoFilePreviewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.1", type: BaoFilePreviewComponent, selector: "bao-file-preview, [bao-file-preview]", inputs: { file: "file", isLoading: "isLoading" }, host: { classAttribute: "bao-file-preview" }, ngImport: i0, template: "<div class=\"bao-file-info\">\n <ng-content select=\"bao-icon\"></ng-content>\n <bao-icon\n *ngIf=\"insertGenericIcon && !thumbnailURL\"\n class=\"bao-file-media\"\n svgIcon=\"icon-file\"\n >\n </bao-icon>\n <ng-container *ngIf=\"thumbnailURL && !isLoading\">\n <img\n class=\"bao-file-media\"\n [src]=\"thumbnailURL\"\n width=\"40px\"\n height=\"40px\"\n />\n </ng-container>\n <div class=\"bao-file-text\">\n <div class=\"bao-file-name\">{{
|
|
4596
|
+
BaoFilePreviewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.1", type: BaoFilePreviewComponent, selector: "bao-file-preview, [bao-file-preview]", inputs: { file: "file", isLoading: "isLoading" }, host: { classAttribute: "bao-file-preview" }, ngImport: i0, template: "<div class=\"bao-file-info\">\n <ng-content select=\"bao-icon\"></ng-content>\n <bao-icon\n *ngIf=\"insertGenericIcon && !thumbnailURL\"\n class=\"bao-file-media\"\n svgIcon=\"icon-file\"\n >\n </bao-icon>\n <ng-container *ngIf=\"thumbnailURL && !isLoading\">\n <img\n class=\"bao-file-media\"\n [src]=\"thumbnailURL\"\n width=\"40px\"\n height=\"40px\"\n />\n </ng-container>\n <div class=\"bao-file-text\">\n <div class=\"bao-file-name\">{{ _file.name }}</div>\n <div class=\"bao-file-size\">{{ fileSize }}</div>\n </div>\n</div>\n<ng-container *ngIf=\"!isLoading\">\n <ng-content select=\"button[bao-button]\"></ng-content>\n <ng-content select=\"baoDropdownTriggerFor\"></ng-content>\n</ng-container>\n<bao-icon\n *ngIf=\"isLoading\"\n class=\"loading-spinner\"\n svgIcon=\"icon-spinner\"\n title=\"chargement\"\n></bao-icon>\n", styles: [".bao-file-preview{display:flex;align-items:center;justify-content:space-between;padding-top:.625rem;padding-bottom:.625rem;list-style-type:none}.bao-file-preview>.bao-file-info{display:flex;align-items:center}.bao-file-preview>.bao-file-info>.bao-icon{color:#adb2bd;flex-shrink:0}.bao-file-preview>.bao-file-info>.bao-file-media{margin-right:1rem}.bao-file-preview>.bao-file-info>.bao-file-text{display:inline-flex;flex-direction:column;margin-right:1rem}.bao-file-preview>.bao-file-info>.bao-file-text>.bao-file-name{overflow:hidden;font-weight:700;font-size:.875rem;line-height:1.25rem;color:#212529}.bao-file-preview>.bao-file-info>.bao-file-text>.bao-file-size{font-weight:400;font-size:.75rem;line-height:1rem;color:#637381}.bao-file-preview .loading-spinner{color:#097d6c}.bao-file-preview .bao-dropdown-menu-container{position:absolute;margin-left:auto}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: BaoIconComponent, selector: "bao-icon", inputs: ["color", "size", "svgIcon", "title"], exportAs: ["baoIcon"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
4550
4597
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoFilePreviewComponent, decorators: [{
|
|
4551
4598
|
type: Component,
|
|
4552
4599
|
args: [{ selector: 'bao-file-preview, [bao-file-preview]', encapsulation: ViewEncapsulation.None, host: {
|
|
4553
4600
|
class: 'bao-file-preview'
|
|
4554
|
-
}, template: "<div class=\"bao-file-info\">\n <ng-content select=\"bao-icon\"></ng-content>\n <bao-icon\n *ngIf=\"insertGenericIcon && !thumbnailURL\"\n class=\"bao-file-media\"\n svgIcon=\"icon-file\"\n >\n </bao-icon>\n <ng-container *ngIf=\"thumbnailURL && !isLoading\">\n <img\n class=\"bao-file-media\"\n [src]=\"thumbnailURL\"\n width=\"40px\"\n height=\"40px\"\n />\n </ng-container>\n <div class=\"bao-file-text\">\n <div class=\"bao-file-name\">{{
|
|
4601
|
+
}, template: "<div class=\"bao-file-info\">\n <ng-content select=\"bao-icon\"></ng-content>\n <bao-icon\n *ngIf=\"insertGenericIcon && !thumbnailURL\"\n class=\"bao-file-media\"\n svgIcon=\"icon-file\"\n >\n </bao-icon>\n <ng-container *ngIf=\"thumbnailURL && !isLoading\">\n <img\n class=\"bao-file-media\"\n [src]=\"thumbnailURL\"\n width=\"40px\"\n height=\"40px\"\n />\n </ng-container>\n <div class=\"bao-file-text\">\n <div class=\"bao-file-name\">{{ _file.name }}</div>\n <div class=\"bao-file-size\">{{ fileSize }}</div>\n </div>\n</div>\n<ng-container *ngIf=\"!isLoading\">\n <ng-content select=\"button[bao-button]\"></ng-content>\n <ng-content select=\"baoDropdownTriggerFor\"></ng-content>\n</ng-container>\n<bao-icon\n *ngIf=\"isLoading\"\n class=\"loading-spinner\"\n svgIcon=\"icon-spinner\"\n title=\"chargement\"\n></bao-icon>\n", styles: [".bao-file-preview{display:flex;align-items:center;justify-content:space-between;padding-top:.625rem;padding-bottom:.625rem;list-style-type:none}.bao-file-preview>.bao-file-info{display:flex;align-items:center}.bao-file-preview>.bao-file-info>.bao-icon{color:#adb2bd;flex-shrink:0}.bao-file-preview>.bao-file-info>.bao-file-media{margin-right:1rem}.bao-file-preview>.bao-file-info>.bao-file-text{display:inline-flex;flex-direction:column;margin-right:1rem}.bao-file-preview>.bao-file-info>.bao-file-text>.bao-file-name{overflow:hidden;font-weight:700;font-size:.875rem;line-height:1.25rem;color:#212529}.bao-file-preview>.bao-file-info>.bao-file-text>.bao-file-size{font-weight:400;font-size:.75rem;line-height:1rem;color:#637381}.bao-file-preview .loading-spinner{color:#097d6c}.bao-file-preview .bao-dropdown-menu-container{position:absolute;margin-left:auto}\n"] }]
|
|
4555
4602
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { file: [{
|
|
4556
4603
|
type: Input
|
|
4557
4604
|
}], isLoading: [{
|
|
@@ -4559,7 +4606,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
4559
4606
|
}] } });
|
|
4560
4607
|
|
|
4561
4608
|
/*
|
|
4562
|
-
* Copyright (c)
|
|
4609
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
4563
4610
|
* Licensed under the MIT license.
|
|
4564
4611
|
* See LICENSE file in the project root for full license information.
|
|
4565
4612
|
*/
|
|
@@ -4621,7 +4668,7 @@ const BAO_FILE_INTL_PROVIDER = {
|
|
|
4621
4668
|
};
|
|
4622
4669
|
|
|
4623
4670
|
/*
|
|
4624
|
-
* Copyright (c)
|
|
4671
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
4625
4672
|
* Licensed under the MIT license.
|
|
4626
4673
|
* See LICENSE file in the project root for full license information.
|
|
4627
4674
|
*/
|
|
@@ -4930,7 +4977,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
4930
4977
|
}], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; } });
|
|
4931
4978
|
|
|
4932
4979
|
/*
|
|
4933
|
-
* Copyright (c)
|
|
4980
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
4934
4981
|
* Licensed under the MIT license.
|
|
4935
4982
|
* See LICENSE file in the project root for full license information.
|
|
4936
4983
|
*/
|
|
@@ -5093,7 +5140,7 @@ class BaoSnackBarRef {
|
|
|
5093
5140
|
}
|
|
5094
5141
|
|
|
5095
5142
|
/*
|
|
5096
|
-
* Copyright (c)
|
|
5143
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
5097
5144
|
* Licensed under the MIT license.
|
|
5098
5145
|
* See LICENSE file in the project root for full license information.
|
|
5099
5146
|
*/
|
|
@@ -5177,7 +5224,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
5177
5224
|
}] }]; } });
|
|
5178
5225
|
|
|
5179
5226
|
/*
|
|
5180
|
-
* Copyright (c)
|
|
5227
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
5181
5228
|
* Licensed under the MIT license.
|
|
5182
5229
|
* See LICENSE file in the project root for full license information.
|
|
5183
5230
|
*/
|
|
@@ -5707,7 +5754,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
5707
5754
|
}] }]; } });
|
|
5708
5755
|
|
|
5709
5756
|
/*
|
|
5710
|
-
* Copyright (c)
|
|
5757
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
5711
5758
|
* Licensed under the MIT license.
|
|
5712
5759
|
* See LICENSE file in the project root for full license information.
|
|
5713
5760
|
*/
|
|
@@ -5748,7 +5795,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
5748
5795
|
}] });
|
|
5749
5796
|
|
|
5750
5797
|
/*
|
|
5751
|
-
* Copyright (c)
|
|
5798
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
5752
5799
|
* Licensed under the MIT license.
|
|
5753
5800
|
* See LICENSE file in the project root for full license information.
|
|
5754
5801
|
*/
|
|
@@ -5761,7 +5808,7 @@ const Breakpoints = {
|
|
|
5761
5808
|
};
|
|
5762
5809
|
|
|
5763
5810
|
/*
|
|
5764
|
-
* Copyright (c)
|
|
5811
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
5765
5812
|
* Licensed under the MIT license.
|
|
5766
5813
|
* See LICENSE file in the project root for full license information.
|
|
5767
5814
|
*/
|
|
@@ -5890,7 +5937,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
5890
5937
|
}] } });
|
|
5891
5938
|
|
|
5892
5939
|
/*
|
|
5893
|
-
* Copyright (c)
|
|
5940
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
5894
5941
|
* Licensed under the MIT license.
|
|
5895
5942
|
* See LICENSE file in the project root for full license information.
|
|
5896
5943
|
*/
|
|
@@ -5918,13 +5965,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
5918
5965
|
}] });
|
|
5919
5966
|
|
|
5920
5967
|
/*
|
|
5921
|
-
* Copyright (c)
|
|
5968
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
5922
5969
|
* Licensed under the MIT license.
|
|
5923
5970
|
* See LICENSE file in the project root for full license information.
|
|
5924
5971
|
*/
|
|
5925
5972
|
|
|
5926
5973
|
/*
|
|
5927
|
-
* Copyright (c)
|
|
5974
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
5928
5975
|
* Licensed under the MIT license.
|
|
5929
5976
|
* See LICENSE file in the project root for full license information.
|
|
5930
5977
|
*/
|
|
@@ -6023,7 +6070,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
6023
6070
|
}] });
|
|
6024
6071
|
|
|
6025
6072
|
/*
|
|
6026
|
-
* Copyright (c)
|
|
6073
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
6027
6074
|
* Licensed under the MIT license.
|
|
6028
6075
|
* See LICENSE file in the project root for full license information.
|
|
6029
6076
|
*/
|
|
@@ -6048,7 +6095,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
6048
6095
|
}] } });
|
|
6049
6096
|
|
|
6050
6097
|
/*
|
|
6051
|
-
* Copyright (c)
|
|
6098
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
6052
6099
|
* Licensed under the MIT license.
|
|
6053
6100
|
* See LICENSE file in the project root for full license information.
|
|
6054
6101
|
*/
|
|
@@ -6068,37 +6115,37 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
6068
6115
|
}] });
|
|
6069
6116
|
|
|
6070
6117
|
/*
|
|
6071
|
-
* Copyright (c)
|
|
6118
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
6072
6119
|
* Licensed under the MIT license.
|
|
6073
6120
|
* See LICENSE file in the project root for full license information.
|
|
6074
6121
|
*/
|
|
6075
6122
|
|
|
6076
6123
|
/*
|
|
6077
|
-
* Copyright (c)
|
|
6124
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
6078
6125
|
* Licensed under the MIT license.
|
|
6079
6126
|
* See LICENSE file in the project root for full license information.
|
|
6080
6127
|
*/
|
|
6081
6128
|
|
|
6082
6129
|
/*
|
|
6083
|
-
* Copyright (c)
|
|
6130
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
6084
6131
|
* Licensed under the MIT license.
|
|
6085
6132
|
* See LICENSE file in the project root for full license information.
|
|
6086
6133
|
*/
|
|
6087
6134
|
|
|
6088
6135
|
/*
|
|
6089
|
-
* Copyright (c)
|
|
6136
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
6090
6137
|
* Licensed under the MIT license.
|
|
6091
6138
|
* See LICENSE file in the project root for full license information.
|
|
6092
6139
|
*/
|
|
6093
6140
|
|
|
6094
6141
|
/*
|
|
6095
|
-
* Copyright (c)
|
|
6142
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
6096
6143
|
* Licensed under the MIT license.
|
|
6097
6144
|
* See LICENSE file in the project root for full license information.
|
|
6098
6145
|
*/
|
|
6099
6146
|
|
|
6100
6147
|
/*
|
|
6101
|
-
* Copyright (c)
|
|
6148
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
6102
6149
|
* Licensed under the MIT license.
|
|
6103
6150
|
* See LICENSE file in the project root for full license information.
|
|
6104
6151
|
*/
|