@villedemontreal/angular-ui 15.1.0 → 15.2.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/breadcrumb/breadcrumb.component.mjs +13 -4
- package/esm2020/lib/dropdown-menu/dropdown-menu.component.mjs +10 -3
- package/fesm2015/villedemontreal-angular-ui.mjs +21 -5
- package/fesm2015/villedemontreal-angular-ui.mjs.map +1 -1
- package/fesm2020/villedemontreal-angular-ui.mjs +21 -5
- package/fesm2020/villedemontreal-angular-ui.mjs.map +1 -1
- package/lib/breadcrumb/breadcrumb.component.d.ts +1 -0
- package/package.json +1 -1
|
@@ -706,23 +706,32 @@ class BaoBreadcrumbComponent {
|
|
|
706
706
|
this.renderer = renderer;
|
|
707
707
|
}
|
|
708
708
|
ngAfterViewInit() {
|
|
709
|
-
this.
|
|
709
|
+
this.createLiElement();
|
|
710
710
|
}
|
|
711
711
|
onContentChange() {
|
|
712
712
|
this.setLastLinkAttribute();
|
|
713
713
|
}
|
|
714
|
+
createLiElement() {
|
|
715
|
+
const children = Array.from(this.staticContainer.nativeElement.children);
|
|
716
|
+
this.setLastLinkAttribute();
|
|
717
|
+
children.forEach(c => {
|
|
718
|
+
const liElement = this.renderer.createElement('li');
|
|
719
|
+
this.renderer.appendChild(liElement, c);
|
|
720
|
+
this.renderer.appendChild(this.staticContainer.nativeElement, liElement);
|
|
721
|
+
});
|
|
722
|
+
}
|
|
714
723
|
setLastLinkAttribute() {
|
|
715
724
|
const children = Array.from(this.staticContainer.nativeElement.children);
|
|
716
725
|
this.renderer.setAttribute(children[children.length - 1], Object.keys(LAST_NODE_ATTRIBUTE)[0], Object.values(LAST_NODE_ATTRIBUTE)[0]);
|
|
717
726
|
}
|
|
718
727
|
}
|
|
719
728
|
BaoBreadcrumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoBreadcrumbComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
720
|
-
BaoBreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.3", type: BaoBreadcrumbComponent, selector: "bao-breadcrumb", host: { classAttribute: "bao-breadcrumb" }, viewQueries: [{ propertyName: "staticContainer", first: true, predicate: ["container"], descendants: true }], ngImport: i0, template: "<nav
|
|
729
|
+
BaoBreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.3", type: BaoBreadcrumbComponent, selector: "bao-breadcrumb", host: { classAttribute: "bao-breadcrumb" }, viewQueries: [{ propertyName: "staticContainer", first: true, predicate: ["container"], descendants: true }], ngImport: i0, template: "<nav class=\"bao-breadcrumb-nav\" aria-label=\"Breadcrumb\">\n <ol #container (cdkObserveContent)=\"onContentChange()\">\n <ng-content></ng-content>\n </ol>\n</nav>\n", styles: [".bao-breadcrumb-nav{display:inline-flex;flex-direction:row;flex-wrap:wrap}.bao-breadcrumb-nav>ol{list-style:none;padding-left:0;margin-bottom:0}.bao-breadcrumb-nav>ol>li{line-height:1rem;display:inline-flex;margin-bottom:0;margin-right:.25rem}.bao-breadcrumb-nav>ol>li:last-child{margin-right:0}.bao-breadcrumb-nav>ol>li:last-child:after{content:none}.bao-breadcrumb-nav>ol>li:after{display:inline-block;content:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ADB5BD' fill-rule='evenodd'><path d='M12.586 12L9.293 8.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L12.586 12z'/></svg>\");height:1rem;width:1rem;margin-left:.25rem;color:#637381;background-color:#fff0;cursor:default;flex-shrink:0}.bao-breadcrumb-nav>ol>li>a{font-weight:700;font-size:.75rem;line-height:1rem;align-items:end;text-decoration:none;text-transform:uppercase;color:#637381;border-bottom:none;background-color:#fff0}.bao-breadcrumb-nav>ol>li>a:hover{color:#097d6c}\n"], dependencies: [{ kind: "directive", type: i1$2.CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
721
730
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoBreadcrumbComponent, decorators: [{
|
|
722
731
|
type: Component,
|
|
723
732
|
args: [{ selector: 'bao-breadcrumb', encapsulation: ViewEncapsulation.None, host: {
|
|
724
733
|
class: 'bao-breadcrumb'
|
|
725
|
-
}, template: "<nav
|
|
734
|
+
}, template: "<nav class=\"bao-breadcrumb-nav\" aria-label=\"Breadcrumb\">\n <ol #container (cdkObserveContent)=\"onContentChange()\">\n <ng-content></ng-content>\n </ol>\n</nav>\n", styles: [".bao-breadcrumb-nav{display:inline-flex;flex-direction:row;flex-wrap:wrap}.bao-breadcrumb-nav>ol{list-style:none;padding-left:0;margin-bottom:0}.bao-breadcrumb-nav>ol>li{line-height:1rem;display:inline-flex;margin-bottom:0;margin-right:.25rem}.bao-breadcrumb-nav>ol>li:last-child{margin-right:0}.bao-breadcrumb-nav>ol>li:last-child:after{content:none}.bao-breadcrumb-nav>ol>li:after{display:inline-block;content:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ADB5BD' fill-rule='evenodd'><path d='M12.586 12L9.293 8.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L12.586 12z'/></svg>\");height:1rem;width:1rem;margin-left:.25rem;color:#637381;background-color:#fff0;cursor:default;flex-shrink:0}.bao-breadcrumb-nav>ol>li>a{font-weight:700;font-size:.75rem;line-height:1rem;align-items:end;text-decoration:none;text-transform:uppercase;color:#637381;border-bottom:none;background-color:#fff0}.bao-breadcrumb-nav>ol>li>a:hover{color:#097d6c}\n"] }]
|
|
726
735
|
}], ctorParameters: function () { return [{ type: i0.Renderer2 }]; }, propDecorators: { staticContainer: [{
|
|
727
736
|
type: ViewChild,
|
|
728
737
|
args: ['container', { static: false }]
|
|
@@ -4299,11 +4308,18 @@ class BaoDropdownMenuTrigger {
|
|
|
4299
4308
|
overlayY: 'bottom'
|
|
4300
4309
|
},
|
|
4301
4310
|
{
|
|
4302
|
-
// top-right of the overlay is connected to bottom-
|
|
4303
|
-
originX: '
|
|
4311
|
+
// top-right of the overlay is connected to bottom-right of the origin;
|
|
4312
|
+
originX: 'end',
|
|
4304
4313
|
originY: 'bottom',
|
|
4305
4314
|
overlayX: 'end',
|
|
4306
4315
|
overlayY: 'top'
|
|
4316
|
+
},
|
|
4317
|
+
{
|
|
4318
|
+
// bottom-right of the overlay is connected to top-right of the origin;
|
|
4319
|
+
originX: 'end',
|
|
4320
|
+
originY: 'top',
|
|
4321
|
+
overlayX: 'end',
|
|
4322
|
+
overlayY: 'bottom'
|
|
4307
4323
|
}
|
|
4308
4324
|
]),
|
|
4309
4325
|
backdropClass: 'bao-overlay-transparent-backdrop',
|