@villedemontreal/angular-ui 15.1.1 → 15.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/breadcrumb/breadcrumb.component.mjs +13 -4
- package/fesm2015/villedemontreal-angular-ui.mjs +12 -3
- package/fesm2015/villedemontreal-angular-ui.mjs.map +1 -1
- package/fesm2020/villedemontreal-angular-ui.mjs +12 -3
- package/fesm2020/villedemontreal-angular-ui.mjs.map +1 -1
- package/lib/breadcrumb/breadcrumb.component.d.ts +1 -0
- package/package.json +1 -1
|
@@ -706,10 +706,19 @@ class BaoBreadcrumbComponent {
|
|
|
706
706
|
this.renderer = renderer;
|
|
707
707
|
}
|
|
708
708
|
ngAfterViewInit() {
|
|
709
|
-
this.
|
|
709
|
+
this.createLiElement();
|
|
710
710
|
}
|
|
711
711
|
onContentChange() {
|
|
712
|
+
this.createLiElement();
|
|
713
|
+
}
|
|
714
|
+
createLiElement() {
|
|
715
|
+
const children = Array.from(this.staticContainer.nativeElement.children);
|
|
712
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
|
+
});
|
|
713
722
|
}
|
|
714
723
|
setLastLinkAttribute() {
|
|
715
724
|
const children = Array.from(this.staticContainer.nativeElement.children);
|
|
@@ -717,12 +726,12 @@ class BaoBreadcrumbComponent {
|
|
|
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 }]
|