@villedemontreal/angular-ui 14.2.0 → 14.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/alert/alert.component.mjs +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 +21 -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 +2 -2
- package/esm2020/lib/icon/icon.component.mjs +7 -5
- package/esm2020/lib/icon/icons-dictionary.mjs +2 -2
- 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 +185 -147
- package/fesm2015/villedemontreal-angular-ui.mjs.map +1 -1
- package/fesm2020/villedemontreal-angular-ui.mjs +185 -147
- 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 +7 -6
- package/lib/icon/icon.component.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
|
*/
|
|
@@ -172,7 +172,7 @@ const ICONS_DCT = {
|
|
|
172
172
|
};
|
|
173
173
|
|
|
174
174
|
/*
|
|
175
|
-
* Copyright (c)
|
|
175
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
176
176
|
* Licensed under the MIT license.
|
|
177
177
|
* See LICENSE file in the project root for full license information.
|
|
178
178
|
*/
|
|
@@ -211,7 +211,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
211
211
|
}] }, { type: i1.DomSanitizer }]; } });
|
|
212
212
|
|
|
213
213
|
/*
|
|
214
|
-
* Copyright (c)
|
|
214
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
215
215
|
* Licensed under the MIT license.
|
|
216
216
|
* See LICENSE file in the project root for full license information.
|
|
217
217
|
*/
|
|
@@ -312,6 +312,7 @@ class BaoIconComponent {
|
|
|
312
312
|
let svg = this.iconRegistry.getNamedSvgIcon(iconName);
|
|
313
313
|
if (title) {
|
|
314
314
|
svg = this.addTitleToSVG(svg, title);
|
|
315
|
+
this.removeTitleAttributeFromHost();
|
|
315
316
|
}
|
|
316
317
|
if (!title) {
|
|
317
318
|
svg.setAttribute('aria-hidden', 'true');
|
|
@@ -328,6 +329,9 @@ class BaoIconComponent {
|
|
|
328
329
|
svg.setAttribute('aria-labelledby', this._titleId);
|
|
329
330
|
return svg;
|
|
330
331
|
}
|
|
332
|
+
removeTitleAttributeFromHost() {
|
|
333
|
+
this.renderer.removeAttribute(this.elementRef.nativeElement, 'title');
|
|
334
|
+
}
|
|
331
335
|
generateUniqueTitleId() {
|
|
332
336
|
return this.title
|
|
333
337
|
? `${this.title
|
|
@@ -337,12 +341,10 @@ class BaoIconComponent {
|
|
|
337
341
|
}
|
|
338
342
|
}
|
|
339
343
|
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: {
|
|
344
|
+
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
345
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoIconComponent, decorators: [{
|
|
342
346
|
type: Component,
|
|
343
347
|
args: [{ template: '<ng-content></ng-content>', selector: 'bao-icon', exportAs: 'baoIcon', host: {
|
|
344
|
-
role: 'img',
|
|
345
|
-
// '[class]': "'bao-icon notranslate ' + svgIcon",
|
|
346
348
|
'[class.bao-icon]': 'true',
|
|
347
349
|
'[class.notranslate]': 'true',
|
|
348
350
|
'[class.bao-icon-medium]': 'size === "medium"',
|
|
@@ -363,7 +365,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
363
365
|
}] } });
|
|
364
366
|
|
|
365
367
|
/*
|
|
366
|
-
* Copyright (c)
|
|
368
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
367
369
|
* Licensed under the MIT license.
|
|
368
370
|
* See LICENSE file in the project root for full license information.
|
|
369
371
|
*/
|
|
@@ -459,7 +461,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
459
461
|
}] } });
|
|
460
462
|
|
|
461
463
|
/*
|
|
462
|
-
* Copyright (c)
|
|
464
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
463
465
|
* Licensed under the MIT license.
|
|
464
466
|
* See LICENSE file in the project root for full license information.
|
|
465
467
|
*/
|
|
@@ -562,12 +564,15 @@ class BaoAlertComponent {
|
|
|
562
564
|
*/
|
|
563
565
|
this.type = 'info';
|
|
564
566
|
this.dismissible = false;
|
|
567
|
+
this.dismissibleButtonAriaLabel = 'Cacher le message';
|
|
565
568
|
this.dismiss = new EventEmitter();
|
|
566
569
|
}
|
|
567
570
|
ngOnChanges(changes) {
|
|
568
571
|
if (changes['type']) {
|
|
569
572
|
this.iconType = this.alertTypeIcon(changes['type'].currentValue);
|
|
570
|
-
this.iconTitle =
|
|
573
|
+
this.iconTitle =
|
|
574
|
+
this.alertTypeTitle ||
|
|
575
|
+
this.alertTitleIcon(changes['type'].currentValue);
|
|
571
576
|
}
|
|
572
577
|
}
|
|
573
578
|
alertTypeIcon(value) {
|
|
@@ -595,7 +600,7 @@ class BaoAlertComponent {
|
|
|
595
600
|
}
|
|
596
601
|
}
|
|
597
602
|
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=\"
|
|
603
|
+
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
604
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoAlertComponent, decorators: [{
|
|
600
605
|
type: Component,
|
|
601
606
|
args: [{ selector: 'bao-alert', encapsulation: ViewEncapsulation.None, host: {
|
|
@@ -606,17 +611,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
606
611
|
'[class.bao-alert-info]': 'type === "info"',
|
|
607
612
|
'[class.bao-alert-emergency]': 'type === "emergency"',
|
|
608
613
|
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=\"
|
|
614
|
+
}, 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
615
|
}], propDecorators: { type: [{
|
|
611
616
|
type: Input
|
|
612
617
|
}], dismissible: [{
|
|
613
618
|
type: Input
|
|
619
|
+
}], alertTypeTitle: [{
|
|
620
|
+
type: Input
|
|
621
|
+
}], dismissibleButtonAriaLabel: [{
|
|
622
|
+
type: Input
|
|
614
623
|
}], dismiss: [{
|
|
615
624
|
type: Output
|
|
616
625
|
}] } });
|
|
617
626
|
|
|
618
627
|
/*
|
|
619
|
-
* Copyright (c)
|
|
628
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
620
629
|
* Licensed under the MIT license.
|
|
621
630
|
* See LICENSE file in the project root for full license information.
|
|
622
631
|
*/
|
|
@@ -636,7 +645,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
636
645
|
}] });
|
|
637
646
|
|
|
638
647
|
/*
|
|
639
|
-
* Copyright (c)
|
|
648
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
640
649
|
* Licensed under the MIT license.
|
|
641
650
|
* See LICENSE file in the project root for full license information.
|
|
642
651
|
*/
|
|
@@ -656,7 +665,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
656
665
|
}] });
|
|
657
666
|
|
|
658
667
|
/*
|
|
659
|
-
* Copyright (c)
|
|
668
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
660
669
|
* Licensed under the MIT license.
|
|
661
670
|
* See LICENSE file in the project root for full license information.
|
|
662
671
|
*/
|
|
@@ -691,13 +700,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
691
700
|
}] });
|
|
692
701
|
|
|
693
702
|
/*
|
|
694
|
-
* Copyright (c)
|
|
703
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
695
704
|
* Licensed under the MIT license.
|
|
696
705
|
* See LICENSE file in the project root for full license information.
|
|
697
706
|
*/
|
|
698
707
|
|
|
699
708
|
/*
|
|
700
|
-
* Copyright (c)
|
|
709
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
701
710
|
* Licensed under the MIT license.
|
|
702
711
|
* See LICENSE file in the project root for full license information.
|
|
703
712
|
*/
|
|
@@ -730,7 +739,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
730
739
|
}] } });
|
|
731
740
|
|
|
732
741
|
/*
|
|
733
|
-
* Copyright (c)
|
|
742
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
734
743
|
* Licensed under the MIT license.
|
|
735
744
|
* See LICENSE file in the project root for full license information.
|
|
736
745
|
*/
|
|
@@ -750,19 +759,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
750
759
|
}] });
|
|
751
760
|
|
|
752
761
|
/*
|
|
753
|
-
* Copyright (c)
|
|
762
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
754
763
|
* Licensed under the MIT license.
|
|
755
764
|
* See LICENSE file in the project root for full license information.
|
|
756
765
|
*/
|
|
757
766
|
|
|
758
767
|
/*
|
|
759
|
-
* Copyright (c)
|
|
768
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
760
769
|
* Licensed under the MIT license.
|
|
761
770
|
* See LICENSE file in the project root for full license information.
|
|
762
771
|
*/
|
|
763
772
|
|
|
764
773
|
/*
|
|
765
|
-
* Copyright (c)
|
|
774
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
766
775
|
* Licensed under the MIT license.
|
|
767
776
|
* See LICENSE file in the project root for full license information.
|
|
768
777
|
*/
|
|
@@ -854,7 +863,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
854
863
|
}] });
|
|
855
864
|
|
|
856
865
|
/*
|
|
857
|
-
* Copyright (c)
|
|
866
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
858
867
|
* Licensed under the MIT license.
|
|
859
868
|
* See LICENSE file in the project root for full license information.
|
|
860
869
|
*/
|
|
@@ -888,13 +897,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
888
897
|
}] });
|
|
889
898
|
|
|
890
899
|
/*
|
|
891
|
-
* Copyright (c)
|
|
900
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
892
901
|
* Licensed under the MIT license.
|
|
893
902
|
* See LICENSE file in the project root for full license information.
|
|
894
903
|
*/
|
|
895
904
|
|
|
896
905
|
/*
|
|
897
|
-
* Copyright (c)
|
|
906
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
898
907
|
* Licensed under the MIT license.
|
|
899
908
|
* See LICENSE file in the project root for full license information.
|
|
900
909
|
*/
|
|
@@ -908,7 +917,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
908
917
|
}] });
|
|
909
918
|
|
|
910
919
|
/*
|
|
911
|
-
* Copyright (c)
|
|
920
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
912
921
|
* Licensed under the MIT license.
|
|
913
922
|
* See LICENSE file in the project root for full license information.
|
|
914
923
|
*/
|
|
@@ -922,7 +931,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
922
931
|
}] });
|
|
923
932
|
|
|
924
933
|
/*
|
|
925
|
-
* Copyright (c)
|
|
934
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
926
935
|
* Licensed under the MIT license.
|
|
927
936
|
* See LICENSE file in the project root for full license information.
|
|
928
937
|
*/
|
|
@@ -941,7 +950,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
941
950
|
}] } });
|
|
942
951
|
|
|
943
952
|
/*
|
|
944
|
-
* Copyright (c)
|
|
953
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
945
954
|
* Licensed under the MIT license.
|
|
946
955
|
* See LICENSE file in the project root for full license information.
|
|
947
956
|
*/
|
|
@@ -955,7 +964,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
955
964
|
}] });
|
|
956
965
|
|
|
957
966
|
/*
|
|
958
|
-
* Copyright (c)
|
|
967
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
959
968
|
* Licensed under the MIT license.
|
|
960
969
|
* See LICENSE file in the project root for full license information.
|
|
961
970
|
*/
|
|
@@ -986,7 +995,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
986
995
|
}] });
|
|
987
996
|
|
|
988
997
|
/*
|
|
989
|
-
* Copyright (c)
|
|
998
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
990
999
|
* Licensed under the MIT license.
|
|
991
1000
|
* See LICENSE file in the project root for full license information.
|
|
992
1001
|
*/
|
|
@@ -1341,7 +1350,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
1341
1350
|
}] });
|
|
1342
1351
|
|
|
1343
1352
|
/*
|
|
1344
|
-
* Copyright (c)
|
|
1353
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
1345
1354
|
* Licensed under the MIT license.
|
|
1346
1355
|
* See LICENSE file in the project root for full license information.
|
|
1347
1356
|
*/
|
|
@@ -1369,19 +1378,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
1369
1378
|
}] });
|
|
1370
1379
|
|
|
1371
1380
|
/*
|
|
1372
|
-
* Copyright (c)
|
|
1381
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
1373
1382
|
* Licensed under the MIT license.
|
|
1374
1383
|
* See LICENSE file in the project root for full license information.
|
|
1375
1384
|
*/
|
|
1376
1385
|
|
|
1377
1386
|
/*
|
|
1378
|
-
* Copyright (c)
|
|
1387
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
1379
1388
|
* Licensed under the MIT license.
|
|
1380
1389
|
* See LICENSE file in the project root for full license information.
|
|
1381
1390
|
*/
|
|
1382
1391
|
|
|
1383
1392
|
/*
|
|
1384
|
-
* Copyright (c)
|
|
1393
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
1385
1394
|
* Licensed under the MIT license.
|
|
1386
1395
|
* See LICENSE file in the project root for full license information.
|
|
1387
1396
|
*/
|
|
@@ -1482,7 +1491,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
1482
1491
|
}] });
|
|
1483
1492
|
|
|
1484
1493
|
/*
|
|
1485
|
-
* Copyright (c)
|
|
1494
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
1486
1495
|
* Licensed under the MIT license.
|
|
1487
1496
|
* See LICENSE file in the project root for full license information.
|
|
1488
1497
|
*/
|
|
@@ -1519,32 +1528,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
1519
1528
|
}] });
|
|
1520
1529
|
|
|
1521
1530
|
/*
|
|
1522
|
-
* Copyright (c)
|
|
1531
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
1523
1532
|
* Licensed under the MIT license.
|
|
1524
1533
|
* See LICENSE file in the project root for full license information.
|
|
1525
1534
|
*/
|
|
1526
1535
|
|
|
1527
1536
|
/*
|
|
1528
|
-
* Copyright (c)
|
|
1537
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
1529
1538
|
* Licensed under the MIT license.
|
|
1530
1539
|
* See LICENSE file in the project root for full license information.
|
|
1531
1540
|
*/
|
|
1532
1541
|
|
|
1533
1542
|
/*
|
|
1534
|
-
* Copyright (c)
|
|
1543
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
1535
1544
|
* Licensed under the MIT license.
|
|
1536
1545
|
* See LICENSE file in the project root for full license information.
|
|
1537
1546
|
*/
|
|
1538
1547
|
class BaoListItem {
|
|
1539
1548
|
}
|
|
1540
1549
|
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 });
|
|
1550
|
+
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
1551
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoListItem, decorators: [{
|
|
1543
1552
|
type: Component,
|
|
1544
1553
|
args: [{ selector: 'bao-list-item, [bao-list-item]', encapsulation: ViewEncapsulation.None, host: {
|
|
1545
1554
|
class: 'bao-list-item',
|
|
1546
1555
|
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"] }]
|
|
1556
|
+
}, 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
1557
|
}] });
|
|
1549
1558
|
class BaoList {
|
|
1550
1559
|
}
|
|
@@ -1602,7 +1611,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
1602
1611
|
}] });
|
|
1603
1612
|
|
|
1604
1613
|
/*
|
|
1605
|
-
* Copyright (c)
|
|
1614
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
1606
1615
|
* Licensed under the MIT license.
|
|
1607
1616
|
* See LICENSE file in the project root for full license information.
|
|
1608
1617
|
*/
|
|
@@ -1636,13 +1645,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
1636
1645
|
}] });
|
|
1637
1646
|
|
|
1638
1647
|
/*
|
|
1639
|
-
* Copyright (c)
|
|
1648
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
1640
1649
|
* Licensed under the MIT license.
|
|
1641
1650
|
* See LICENSE file in the project root for full license information.
|
|
1642
1651
|
*/
|
|
1643
1652
|
|
|
1644
1653
|
/*
|
|
1645
|
-
* Copyright (c)
|
|
1654
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
1646
1655
|
* Licensed under the MIT license.
|
|
1647
1656
|
* See LICENSE file in the project root for full license information.
|
|
1648
1657
|
*/
|
|
@@ -2168,7 +2177,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
2168
2177
|
}] });
|
|
2169
2178
|
|
|
2170
2179
|
/*
|
|
2171
|
-
* Copyright (c)
|
|
2180
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
2172
2181
|
* Licensed under the MIT license.
|
|
2173
2182
|
* See LICENSE file in the project root for full license information.
|
|
2174
2183
|
*/
|
|
@@ -2213,13 +2222,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
2213
2222
|
}] });
|
|
2214
2223
|
|
|
2215
2224
|
/*
|
|
2216
|
-
* Copyright (c)
|
|
2225
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
2217
2226
|
* Licensed under the MIT license.
|
|
2218
2227
|
* See LICENSE file in the project root for full license information.
|
|
2219
2228
|
*/
|
|
2220
2229
|
|
|
2221
2230
|
/*
|
|
2222
|
-
* Copyright (c)
|
|
2231
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
2223
2232
|
* Licensed under the MIT license.
|
|
2224
2233
|
* See LICENSE file in the project root for full license information.
|
|
2225
2234
|
*/
|
|
@@ -2292,7 +2301,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
2292
2301
|
}] } });
|
|
2293
2302
|
|
|
2294
2303
|
/*
|
|
2295
|
-
* Copyright (c)
|
|
2304
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
2296
2305
|
* Licensed under the MIT license.
|
|
2297
2306
|
* See LICENSE file in the project root for full license information.
|
|
2298
2307
|
*/
|
|
@@ -2312,13 +2321,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
2312
2321
|
}] });
|
|
2313
2322
|
|
|
2314
2323
|
/*
|
|
2315
|
-
* Copyright (c)
|
|
2324
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
2316
2325
|
* Licensed under the MIT license.
|
|
2317
2326
|
* See LICENSE file in the project root for full license information.
|
|
2318
2327
|
*/
|
|
2319
2328
|
|
|
2320
2329
|
/*
|
|
2321
|
-
* Copyright (c)
|
|
2330
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
2322
2331
|
* Licensed under the MIT license.
|
|
2323
2332
|
* See LICENSE file in the project root for full license information.
|
|
2324
2333
|
*/
|
|
@@ -2409,7 +2418,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
2409
2418
|
}] });
|
|
2410
2419
|
|
|
2411
2420
|
/*
|
|
2412
|
-
* Copyright (c)
|
|
2421
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
2413
2422
|
* Licensed under the MIT license.
|
|
2414
2423
|
* See LICENSE file in the project root for full license information.
|
|
2415
2424
|
*/
|
|
@@ -2437,7 +2446,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
2437
2446
|
}] });
|
|
2438
2447
|
|
|
2439
2448
|
/*
|
|
2440
|
-
* Copyright (c)
|
|
2449
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
2441
2450
|
* Licensed under the MIT license.
|
|
2442
2451
|
* See LICENSE file in the project root for full license information.
|
|
2443
2452
|
*/
|
|
@@ -2468,13 +2477,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
2468
2477
|
}] });
|
|
2469
2478
|
|
|
2470
2479
|
/*
|
|
2471
|
-
* Copyright (c)
|
|
2480
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
2472
2481
|
* Licensed under the MIT license.
|
|
2473
2482
|
* See LICENSE file in the project root for full license information.
|
|
2474
2483
|
*/
|
|
2475
2484
|
|
|
2476
2485
|
/*
|
|
2477
|
-
* Copyright (c)
|
|
2486
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
2478
2487
|
* Licensed under the MIT license.
|
|
2479
2488
|
* See LICENSE file in the project root for full license information.
|
|
2480
2489
|
*/
|
|
@@ -2574,7 +2583,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
2574
2583
|
}] } });
|
|
2575
2584
|
|
|
2576
2585
|
/*
|
|
2577
|
-
* Copyright (c)
|
|
2586
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
2578
2587
|
* Licensed under the MIT license.
|
|
2579
2588
|
* See LICENSE file in the project root for full license information.
|
|
2580
2589
|
*/
|
|
@@ -2594,13 +2603,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
2594
2603
|
}] });
|
|
2595
2604
|
|
|
2596
2605
|
/*
|
|
2597
|
-
* Copyright (c)
|
|
2606
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
2598
2607
|
* Licensed under the MIT license.
|
|
2599
2608
|
* See LICENSE file in the project root for full license information.
|
|
2600
2609
|
*/
|
|
2601
2610
|
|
|
2602
2611
|
/*
|
|
2603
|
-
* Copyright (c)
|
|
2612
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
2604
2613
|
* Licensed under the MIT license.
|
|
2605
2614
|
* See LICENSE file in the project root for full license information.
|
|
2606
2615
|
*/
|
|
@@ -2893,7 +2902,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
2893
2902
|
}] } });
|
|
2894
2903
|
|
|
2895
2904
|
/*
|
|
2896
|
-
* Copyright (c)
|
|
2905
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
2897
2906
|
* Licensed under the MIT license.
|
|
2898
2907
|
* See LICENSE file in the project root for full license information.
|
|
2899
2908
|
*/
|
|
@@ -2924,13 +2933,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
2924
2933
|
}] });
|
|
2925
2934
|
|
|
2926
2935
|
/*
|
|
2927
|
-
* Copyright (c)
|
|
2936
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
2928
2937
|
* Licensed under the MIT license.
|
|
2929
2938
|
* See LICENSE file in the project root for full license information.
|
|
2930
2939
|
*/
|
|
2931
2940
|
|
|
2932
2941
|
/*
|
|
2933
|
-
* Copyright (c)
|
|
2942
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
2934
2943
|
* Licensed under the MIT license.
|
|
2935
2944
|
* See LICENSE file in the project root for full license information.
|
|
2936
2945
|
*/
|
|
@@ -3423,7 +3432,7 @@ function _closeModalVia(ref, interactionType, result) {
|
|
|
3423
3432
|
}
|
|
3424
3433
|
|
|
3425
3434
|
/*
|
|
3426
|
-
* Copyright (c)
|
|
3435
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
3427
3436
|
* Licensed under the MIT license.
|
|
3428
3437
|
* See LICENSE file in the project root for full license information.
|
|
3429
3438
|
*/
|
|
@@ -3685,7 +3694,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
3685
3694
|
}] }, { type: i1$4.OverlayContainer }]; } });
|
|
3686
3695
|
|
|
3687
3696
|
/*
|
|
3688
|
-
* Copyright (c)
|
|
3697
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
3689
3698
|
* Licensed under the MIT license.
|
|
3690
3699
|
* See LICENSE file in the project root for full license information.
|
|
3691
3700
|
*/
|
|
@@ -3764,7 +3773,7 @@ function getClosestDialog(element, openDialogs) {
|
|
|
3764
3773
|
}
|
|
3765
3774
|
|
|
3766
3775
|
/*
|
|
3767
|
-
* Copyright (c)
|
|
3776
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
3768
3777
|
* Licensed under the MIT license.
|
|
3769
3778
|
* See LICENSE file in the project root for full license information.
|
|
3770
3779
|
*/
|
|
@@ -3785,7 +3794,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
3785
3794
|
}] });
|
|
3786
3795
|
|
|
3787
3796
|
/*
|
|
3788
|
-
* Copyright (c)
|
|
3797
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
3789
3798
|
* Licensed under the MIT license.
|
|
3790
3799
|
* See LICENSE file in the project root for full license information.
|
|
3791
3800
|
*/
|
|
@@ -3858,7 +3867,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
3858
3867
|
}] } });
|
|
3859
3868
|
|
|
3860
3869
|
/*
|
|
3861
|
-
* Copyright (c)
|
|
3870
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
3862
3871
|
* Licensed under the MIT license.
|
|
3863
3872
|
* See LICENSE file in the project root for full license information.
|
|
3864
3873
|
*/
|
|
@@ -3878,13 +3887,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
3878
3887
|
}] });
|
|
3879
3888
|
|
|
3880
3889
|
/*
|
|
3881
|
-
* Copyright (c)
|
|
3890
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
3882
3891
|
* Licensed under the MIT license.
|
|
3883
3892
|
* See LICENSE file in the project root for full license information.
|
|
3884
3893
|
*/
|
|
3885
3894
|
|
|
3886
3895
|
/*
|
|
3887
|
-
* Copyright (c)
|
|
3896
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
3888
3897
|
* Licensed under the MIT license.
|
|
3889
3898
|
* See LICENSE file in the project root for full license information.
|
|
3890
3899
|
*/
|
|
@@ -4071,16 +4080,20 @@ class BaoDropdownMenuComponent {
|
|
|
4071
4080
|
}
|
|
4072
4081
|
upKeyEvent() {
|
|
4073
4082
|
if (this.isOpen) {
|
|
4074
|
-
const index = isNaN(this._activeItemIndex) ?
|
|
4083
|
+
const index = isNaN(this._activeItemIndex) ? -1 : this._activeItemIndex;
|
|
4075
4084
|
const nextIndex = this.getNextActivableItemIndex(index, false);
|
|
4076
|
-
|
|
4085
|
+
if (nextIndex > -1) {
|
|
4086
|
+
this.focusNextItem(nextIndex);
|
|
4087
|
+
}
|
|
4077
4088
|
}
|
|
4078
4089
|
}
|
|
4079
4090
|
downKeyEvent() {
|
|
4080
4091
|
if (this.isOpen) {
|
|
4081
|
-
const index = isNaN(this._activeItemIndex) ?
|
|
4092
|
+
const index = isNaN(this._activeItemIndex) ? -1 : this._activeItemIndex;
|
|
4082
4093
|
const nextIndex = this.getNextActivableItemIndex(index, true);
|
|
4083
|
-
|
|
4094
|
+
if (nextIndex > -1) {
|
|
4095
|
+
this.focusNextItem(nextIndex);
|
|
4096
|
+
}
|
|
4084
4097
|
}
|
|
4085
4098
|
}
|
|
4086
4099
|
/** Prevents focus to be lost when TAB has reached end of menu */
|
|
@@ -4091,6 +4104,16 @@ class BaoDropdownMenuComponent {
|
|
|
4091
4104
|
}
|
|
4092
4105
|
}
|
|
4093
4106
|
}
|
|
4107
|
+
tabUpKeyEvent() {
|
|
4108
|
+
if (this.isOpen) {
|
|
4109
|
+
this._activeItemIndex = this._listItems.reduce((acc, element, index) => {
|
|
4110
|
+
if (element.nativeElement === document.activeElement) {
|
|
4111
|
+
acc = index;
|
|
4112
|
+
}
|
|
4113
|
+
return acc;
|
|
4114
|
+
}, -1);
|
|
4115
|
+
}
|
|
4116
|
+
}
|
|
4094
4117
|
/** Prevents focus to be lost when SHIFT + TAB has reached beginning of menu */
|
|
4095
4118
|
shiftTabKeyEvent() {
|
|
4096
4119
|
if (this.isOpen) {
|
|
@@ -4106,16 +4129,16 @@ class BaoDropdownMenuComponent {
|
|
|
4106
4129
|
ngAfterContentInit() {
|
|
4107
4130
|
this._listItems.forEach((item) => item.itemClicked.subscribe(() => this.isClosedByKeyEvent.emit()));
|
|
4108
4131
|
}
|
|
4109
|
-
focusFirstItem() {
|
|
4110
|
-
this._activeItemIndex = 0;
|
|
4111
|
-
this._listItems.first.nativeElement.focus();
|
|
4112
|
-
}
|
|
4113
4132
|
open() {
|
|
4114
4133
|
this.isOpen = true;
|
|
4115
4134
|
}
|
|
4116
4135
|
close() {
|
|
4117
4136
|
this.isOpen = false;
|
|
4118
4137
|
}
|
|
4138
|
+
focus() {
|
|
4139
|
+
this._activeItemIndex = -1;
|
|
4140
|
+
this._menuContent.nativeElement.focus();
|
|
4141
|
+
}
|
|
4119
4142
|
/** Move the aria-current attribute to new active page */
|
|
4120
4143
|
setNavigationAttribute(activePageElement) {
|
|
4121
4144
|
const previousActivePage = this._listItems.find((item) => {
|
|
@@ -4139,40 +4162,55 @@ class BaoDropdownMenuComponent {
|
|
|
4139
4162
|
* @param isBackward If recursive function is going backward looking for last activable item in list
|
|
4140
4163
|
* @returns Index of the next item that will receive focus
|
|
4141
4164
|
*/
|
|
4142
|
-
getNextActivableItemIndex(currentIndex, isDown
|
|
4143
|
-
|
|
4144
|
-
|
|
4145
|
-
|
|
4165
|
+
getNextActivableItemIndex(currentIndex, isDown) {
|
|
4166
|
+
const init = [];
|
|
4167
|
+
// Get all the activable indexes
|
|
4168
|
+
const activableIndexes = this._listItems.reduce((acc, element, index) => {
|
|
4169
|
+
if (!element.disabled) {
|
|
4170
|
+
acc = [...acc, index];
|
|
4146
4171
|
}
|
|
4147
|
-
|
|
4148
|
-
|
|
4149
|
-
|
|
4150
|
-
|
|
4151
|
-
|
|
4172
|
+
return acc;
|
|
4173
|
+
}, init);
|
|
4174
|
+
if (activableIndexes.length) {
|
|
4175
|
+
if (isDown) {
|
|
4176
|
+
// Select the first enabled element
|
|
4177
|
+
if (currentIndex === -1) {
|
|
4178
|
+
return activableIndexes[0];
|
|
4179
|
+
}
|
|
4180
|
+
// Select the only enabled element
|
|
4181
|
+
if (activableIndexes.length === 1) {
|
|
4182
|
+
return activableIndexes[0];
|
|
4183
|
+
}
|
|
4184
|
+
// Stay on the last enabled element
|
|
4185
|
+
if (currentIndex === activableIndexes[activableIndexes.length - 1]) {
|
|
4186
|
+
return currentIndex;
|
|
4187
|
+
}
|
|
4188
|
+
// Select the next enabled element
|
|
4189
|
+
return activableIndexes.find(index => index > currentIndex);
|
|
4152
4190
|
}
|
|
4153
|
-
|
|
4154
|
-
|
|
4155
|
-
|
|
4156
|
-
|
|
4157
|
-
|
|
4191
|
+
const isUp = !isDown;
|
|
4192
|
+
if (isUp) {
|
|
4193
|
+
// Do nothing whenever nothing is selected
|
|
4194
|
+
if (currentIndex === -1) {
|
|
4195
|
+
return currentIndex;
|
|
4196
|
+
}
|
|
4197
|
+
// Select the only enabled element
|
|
4198
|
+
if (activableIndexes.length === 1) {
|
|
4199
|
+
return activableIndexes[0];
|
|
4200
|
+
}
|
|
4201
|
+
// Stay on the first enabled element
|
|
4202
|
+
if (currentIndex === activableIndexes[0]) {
|
|
4203
|
+
return currentIndex;
|
|
4204
|
+
}
|
|
4205
|
+
// Select the above enabled element
|
|
4206
|
+
return activableIndexes.reverse().find(index => index < currentIndex);
|
|
4158
4207
|
}
|
|
4159
|
-
return
|
|
4208
|
+
return -1;
|
|
4160
4209
|
}
|
|
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
4210
|
}
|
|
4173
4211
|
}
|
|
4174
4212
|
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 });
|
|
4213
|
+
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
4214
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoDropdownMenuComponent, decorators: [{
|
|
4177
4215
|
type: Component,
|
|
4178
4216
|
args: [{ selector: 'bao-dropdown-menu', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
@@ -4180,7 +4218,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
4180
4218
|
'[class.bao-overlay-transparent-backdrop]': 'isOpen===false',
|
|
4181
4219
|
'[class.bao-dropdown-menu-closed]': 'isOpen===false',
|
|
4182
4220
|
'[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"] }]
|
|
4221
|
+
}, 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
4222
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { isOpenChange: [{
|
|
4185
4223
|
type: Output
|
|
4186
4224
|
}], isClosedByKeyEvent: [{
|
|
@@ -4200,6 +4238,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
4200
4238
|
}], tabKeyEvent: [{
|
|
4201
4239
|
type: HostListener,
|
|
4202
4240
|
args: ['window:keydown.tab']
|
|
4241
|
+
}], tabUpKeyEvent: [{
|
|
4242
|
+
type: HostListener,
|
|
4243
|
+
args: ['window:keyup.tab']
|
|
4203
4244
|
}], shiftTabKeyEvent: [{
|
|
4204
4245
|
type: HostListener,
|
|
4205
4246
|
args: ['window:keydown.shift.tab']
|
|
@@ -4224,14 +4265,6 @@ class BaoDropdownMenuTrigger {
|
|
|
4224
4265
|
this.nativeElement.focus();
|
|
4225
4266
|
}
|
|
4226
4267
|
}
|
|
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
4268
|
onClick() {
|
|
4236
4269
|
this.toggleMenu();
|
|
4237
4270
|
}
|
|
@@ -4240,7 +4273,7 @@ class BaoDropdownMenuTrigger {
|
|
|
4240
4273
|
this.renderer.setAttribute(this.nativeElement, 'aria-controls', `bao-dropdown-menu-${dropdownMenuUniqueId}`);
|
|
4241
4274
|
this.menu.isClosedByKeyEvent.subscribe(() => {
|
|
4242
4275
|
this.closeMenu();
|
|
4243
|
-
this.nativeElement.focus();
|
|
4276
|
+
setTimeout(() => this.nativeElement.focus(), 50);
|
|
4244
4277
|
});
|
|
4245
4278
|
}
|
|
4246
4279
|
ngOnDestroy() {
|
|
@@ -4266,6 +4299,7 @@ class BaoDropdownMenuTrigger {
|
|
|
4266
4299
|
overlayRef.attach(this.menu.menuPortal);
|
|
4267
4300
|
this._isMenuOpen = true;
|
|
4268
4301
|
this.menu.open();
|
|
4302
|
+
this.menu.focus();
|
|
4269
4303
|
}
|
|
4270
4304
|
createOverlay() {
|
|
4271
4305
|
if (!this._overlayRef) {
|
|
@@ -4321,7 +4355,7 @@ class BaoDropdownMenuTrigger {
|
|
|
4321
4355
|
}
|
|
4322
4356
|
}
|
|
4323
4357
|
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()", "
|
|
4358
|
+
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
4359
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoDropdownMenuTrigger, decorators: [{
|
|
4326
4360
|
type: Directive,
|
|
4327
4361
|
args: [{
|
|
@@ -4334,9 +4368,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
4334
4368
|
}], escapeKeyEvent: [{
|
|
4335
4369
|
type: HostListener,
|
|
4336
4370
|
args: ['window:keyup.escape']
|
|
4337
|
-
}], enterKeyEvent: [{
|
|
4338
|
-
type: HostListener,
|
|
4339
|
-
args: ['window:keyup.enter', ['$event']]
|
|
4340
4371
|
}], onClick: [{
|
|
4341
4372
|
type: HostListener,
|
|
4342
4373
|
args: ['click']
|
|
@@ -4431,7 +4462,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
4431
4462
|
}], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; } });
|
|
4432
4463
|
|
|
4433
4464
|
/*
|
|
4434
|
-
* Copyright (c)
|
|
4465
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
4435
4466
|
* Licensed under the MIT license.
|
|
4436
4467
|
* See LICENSE file in the project root for full license information.
|
|
4437
4468
|
*/
|
|
@@ -4471,13 +4502,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
4471
4502
|
}] });
|
|
4472
4503
|
|
|
4473
4504
|
/*
|
|
4474
|
-
* Copyright (c)
|
|
4505
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
4475
4506
|
* Licensed under the MIT license.
|
|
4476
4507
|
* See LICENSE file in the project root for full license information.
|
|
4477
4508
|
*/
|
|
4478
4509
|
|
|
4479
4510
|
/*
|
|
4480
|
-
* Copyright (c)
|
|
4511
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
4481
4512
|
* Licensed under the MIT license.
|
|
4482
4513
|
* See LICENSE file in the project root for full license information.
|
|
4483
4514
|
*/
|
|
@@ -4497,13 +4528,18 @@ class BaoFilePreviewComponent {
|
|
|
4497
4528
|
this.insertGenericIcon = false;
|
|
4498
4529
|
this.thumbnailURL = '';
|
|
4499
4530
|
}
|
|
4531
|
+
/**
|
|
4532
|
+
* Uploaded file to display in list.
|
|
4533
|
+
*/
|
|
4534
|
+
set file(f) {
|
|
4535
|
+
this._file = f;
|
|
4536
|
+
this.setFileData();
|
|
4537
|
+
}
|
|
4500
4538
|
get nativeElement() {
|
|
4501
4539
|
return this.elementRef.nativeElement;
|
|
4502
4540
|
}
|
|
4503
|
-
|
|
4504
|
-
|
|
4505
|
-
}
|
|
4506
|
-
ngAfterContentInit() {
|
|
4541
|
+
setFileData() {
|
|
4542
|
+
this.formatSize(this._file.size);
|
|
4507
4543
|
this.getThumbnail();
|
|
4508
4544
|
this.setIcon();
|
|
4509
4545
|
}
|
|
@@ -4518,8 +4554,8 @@ class BaoFilePreviewComponent {
|
|
|
4518
4554
|
}
|
|
4519
4555
|
}
|
|
4520
4556
|
getThumbnail() {
|
|
4521
|
-
if (this.
|
|
4522
|
-
(this.
|
|
4557
|
+
if (this._file &&
|
|
4558
|
+
(this._file.type === 'image/png' || this._file.type === 'image/jpeg')) {
|
|
4523
4559
|
const reader = new FileReader();
|
|
4524
4560
|
reader.onload = (event) => {
|
|
4525
4561
|
this.thumbnailURL = event.target.result;
|
|
@@ -4527,31 +4563,33 @@ class BaoFilePreviewComponent {
|
|
|
4527
4563
|
reader.onerror = () => {
|
|
4528
4564
|
this.thumbnailURL = '';
|
|
4529
4565
|
};
|
|
4530
|
-
reader.readAsDataURL(this.
|
|
4566
|
+
reader.readAsDataURL(this._file);
|
|
4531
4567
|
}
|
|
4532
4568
|
}
|
|
4533
4569
|
formatSize(size) {
|
|
4534
4570
|
if (size >= KILO_THRESHOLD && size / KILO_THRESHOLD < KILO_THRESHOLD) {
|
|
4535
|
-
|
|
4571
|
+
this.fileSize = this.getSizeAndUnit(size, KILO_THRESHOLD, 'Ko');
|
|
4572
|
+
return;
|
|
4536
4573
|
}
|
|
4537
4574
|
const sizeDividedByKoMultiplicator = size / KILO_THRESHOLD;
|
|
4538
4575
|
if (sizeDividedByKoMultiplicator >= KILO_THRESHOLD) {
|
|
4539
4576
|
const toFixed = sizeDividedByKoMultiplicator > 10 ? 0 : 1;
|
|
4540
|
-
|
|
4577
|
+
this.fileSize = this.getSizeAndUnit(size, MEGA_THRESHOLD, 'Mo', toFixed);
|
|
4578
|
+
return;
|
|
4541
4579
|
}
|
|
4542
|
-
|
|
4580
|
+
this.fileSize = `${size} octets`;
|
|
4543
4581
|
}
|
|
4544
4582
|
getSizeAndUnit(size, multiplicator, unit, toFixed = 0) {
|
|
4545
4583
|
return `${(size / multiplicator).toFixed(toFixed)} ${unit}`;
|
|
4546
4584
|
}
|
|
4547
4585
|
}
|
|
4548
4586
|
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\">{{
|
|
4587
|
+
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
4588
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BaoFilePreviewComponent, decorators: [{
|
|
4551
4589
|
type: Component,
|
|
4552
4590
|
args: [{ selector: 'bao-file-preview, [bao-file-preview]', encapsulation: ViewEncapsulation.None, host: {
|
|
4553
4591
|
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\">{{
|
|
4592
|
+
}, 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
4593
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { file: [{
|
|
4556
4594
|
type: Input
|
|
4557
4595
|
}], isLoading: [{
|
|
@@ -4559,7 +4597,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
4559
4597
|
}] } });
|
|
4560
4598
|
|
|
4561
4599
|
/*
|
|
4562
|
-
* Copyright (c)
|
|
4600
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
4563
4601
|
* Licensed under the MIT license.
|
|
4564
4602
|
* See LICENSE file in the project root for full license information.
|
|
4565
4603
|
*/
|
|
@@ -4621,7 +4659,7 @@ const BAO_FILE_INTL_PROVIDER = {
|
|
|
4621
4659
|
};
|
|
4622
4660
|
|
|
4623
4661
|
/*
|
|
4624
|
-
* Copyright (c)
|
|
4662
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
4625
4663
|
* Licensed under the MIT license.
|
|
4626
4664
|
* See LICENSE file in the project root for full license information.
|
|
4627
4665
|
*/
|
|
@@ -4930,7 +4968,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
4930
4968
|
}], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; } });
|
|
4931
4969
|
|
|
4932
4970
|
/*
|
|
4933
|
-
* Copyright (c)
|
|
4971
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
4934
4972
|
* Licensed under the MIT license.
|
|
4935
4973
|
* See LICENSE file in the project root for full license information.
|
|
4936
4974
|
*/
|
|
@@ -5093,7 +5131,7 @@ class BaoSnackBarRef {
|
|
|
5093
5131
|
}
|
|
5094
5132
|
|
|
5095
5133
|
/*
|
|
5096
|
-
* Copyright (c)
|
|
5134
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
5097
5135
|
* Licensed under the MIT license.
|
|
5098
5136
|
* See LICENSE file in the project root for full license information.
|
|
5099
5137
|
*/
|
|
@@ -5177,7 +5215,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
5177
5215
|
}] }]; } });
|
|
5178
5216
|
|
|
5179
5217
|
/*
|
|
5180
|
-
* Copyright (c)
|
|
5218
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
5181
5219
|
* Licensed under the MIT license.
|
|
5182
5220
|
* See LICENSE file in the project root for full license information.
|
|
5183
5221
|
*/
|
|
@@ -5707,7 +5745,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
5707
5745
|
}] }]; } });
|
|
5708
5746
|
|
|
5709
5747
|
/*
|
|
5710
|
-
* Copyright (c)
|
|
5748
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
5711
5749
|
* Licensed under the MIT license.
|
|
5712
5750
|
* See LICENSE file in the project root for full license information.
|
|
5713
5751
|
*/
|
|
@@ -5748,7 +5786,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
5748
5786
|
}] });
|
|
5749
5787
|
|
|
5750
5788
|
/*
|
|
5751
|
-
* Copyright (c)
|
|
5789
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
5752
5790
|
* Licensed under the MIT license.
|
|
5753
5791
|
* See LICENSE file in the project root for full license information.
|
|
5754
5792
|
*/
|
|
@@ -5761,7 +5799,7 @@ const Breakpoints = {
|
|
|
5761
5799
|
};
|
|
5762
5800
|
|
|
5763
5801
|
/*
|
|
5764
|
-
* Copyright (c)
|
|
5802
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
5765
5803
|
* Licensed under the MIT license.
|
|
5766
5804
|
* See LICENSE file in the project root for full license information.
|
|
5767
5805
|
*/
|
|
@@ -5890,7 +5928,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
5890
5928
|
}] } });
|
|
5891
5929
|
|
|
5892
5930
|
/*
|
|
5893
|
-
* Copyright (c)
|
|
5931
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
5894
5932
|
* Licensed under the MIT license.
|
|
5895
5933
|
* See LICENSE file in the project root for full license information.
|
|
5896
5934
|
*/
|
|
@@ -5918,13 +5956,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
5918
5956
|
}] });
|
|
5919
5957
|
|
|
5920
5958
|
/*
|
|
5921
|
-
* Copyright (c)
|
|
5959
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
5922
5960
|
* Licensed under the MIT license.
|
|
5923
5961
|
* See LICENSE file in the project root for full license information.
|
|
5924
5962
|
*/
|
|
5925
5963
|
|
|
5926
5964
|
/*
|
|
5927
|
-
* Copyright (c)
|
|
5965
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
5928
5966
|
* Licensed under the MIT license.
|
|
5929
5967
|
* See LICENSE file in the project root for full license information.
|
|
5930
5968
|
*/
|
|
@@ -6023,7 +6061,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
6023
6061
|
}] });
|
|
6024
6062
|
|
|
6025
6063
|
/*
|
|
6026
|
-
* Copyright (c)
|
|
6064
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
6027
6065
|
* Licensed under the MIT license.
|
|
6028
6066
|
* See LICENSE file in the project root for full license information.
|
|
6029
6067
|
*/
|
|
@@ -6048,7 +6086,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
6048
6086
|
}] } });
|
|
6049
6087
|
|
|
6050
6088
|
/*
|
|
6051
|
-
* Copyright (c)
|
|
6089
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
6052
6090
|
* Licensed under the MIT license.
|
|
6053
6091
|
* See LICENSE file in the project root for full license information.
|
|
6054
6092
|
*/
|
|
@@ -6068,37 +6106,37 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
6068
6106
|
}] });
|
|
6069
6107
|
|
|
6070
6108
|
/*
|
|
6071
|
-
* Copyright (c)
|
|
6109
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
6072
6110
|
* Licensed under the MIT license.
|
|
6073
6111
|
* See LICENSE file in the project root for full license information.
|
|
6074
6112
|
*/
|
|
6075
6113
|
|
|
6076
6114
|
/*
|
|
6077
|
-
* Copyright (c)
|
|
6115
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
6078
6116
|
* Licensed under the MIT license.
|
|
6079
6117
|
* See LICENSE file in the project root for full license information.
|
|
6080
6118
|
*/
|
|
6081
6119
|
|
|
6082
6120
|
/*
|
|
6083
|
-
* Copyright (c)
|
|
6121
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
6084
6122
|
* Licensed under the MIT license.
|
|
6085
6123
|
* See LICENSE file in the project root for full license information.
|
|
6086
6124
|
*/
|
|
6087
6125
|
|
|
6088
6126
|
/*
|
|
6089
|
-
* Copyright (c)
|
|
6127
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
6090
6128
|
* Licensed under the MIT license.
|
|
6091
6129
|
* See LICENSE file in the project root for full license information.
|
|
6092
6130
|
*/
|
|
6093
6131
|
|
|
6094
6132
|
/*
|
|
6095
|
-
* Copyright (c)
|
|
6133
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
6096
6134
|
* Licensed under the MIT license.
|
|
6097
6135
|
* See LICENSE file in the project root for full license information.
|
|
6098
6136
|
*/
|
|
6099
6137
|
|
|
6100
6138
|
/*
|
|
6101
|
-
* Copyright (c)
|
|
6139
|
+
* Copyright (c) 2025 Ville de Montreal. All rights reserved.
|
|
6102
6140
|
* Licensed under the MIT license.
|
|
6103
6141
|
* See LICENSE file in the project root for full license information.
|
|
6104
6142
|
*/
|