@villedemontreal/angular-ui 15.3.0 → 15.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/breadcrumb/breadcrumb.component.mjs +4 -13
- package/esm2020/lib/system-header/system-header.component.mjs +3 -4
- package/fesm2015/villedemontreal-angular-ui.mjs +5 -15
- package/fesm2015/villedemontreal-angular-ui.mjs.map +1 -1
- package/fesm2020/villedemontreal-angular-ui.mjs +5 -15
- package/fesm2020/villedemontreal-angular-ui.mjs.map +1 -1
- package/lib/breadcrumb/breadcrumb.component.d.ts +0 -1
- package/package.json +1 -1
|
@@ -707,19 +707,10 @@ class BaoBreadcrumbComponent {
|
|
|
707
707
|
this.renderer = renderer;
|
|
708
708
|
}
|
|
709
709
|
ngAfterViewInit() {
|
|
710
|
-
this.
|
|
710
|
+
this.setLastLinkAttribute();
|
|
711
711
|
}
|
|
712
712
|
onContentChange() {
|
|
713
|
-
this.createLiElement();
|
|
714
|
-
}
|
|
715
|
-
createLiElement() {
|
|
716
|
-
const children = Array.from(this.staticContainer.nativeElement.children);
|
|
717
713
|
this.setLastLinkAttribute();
|
|
718
|
-
children.forEach(c => {
|
|
719
|
-
const liElement = this.renderer.createElement('li');
|
|
720
|
-
this.renderer.appendChild(liElement, c);
|
|
721
|
-
this.renderer.appendChild(this.staticContainer.nativeElement, liElement);
|
|
722
|
-
});
|
|
723
714
|
}
|
|
724
715
|
setLastLinkAttribute() {
|
|
725
716
|
const children = Array.from(this.staticContainer.nativeElement.children);
|
|
@@ -727,12 +718,12 @@ class BaoBreadcrumbComponent {
|
|
|
727
718
|
}
|
|
728
719
|
}
|
|
729
720
|
BaoBreadcrumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoBreadcrumbComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
730
|
-
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
|
|
721
|
+
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\n #container\n class=\"bao-breadcrumb-nav\"\n aria-label=\"Breadcrumb\"\n (cdkObserveContent)=\"onContentChange()\"\n>\n <ng-content></ng-content>\n</nav>\n", styles: [".bao-breadcrumb-nav{display:inline-flex;flex-direction:row;flex-wrap:wrap}.bao-breadcrumb-nav>a{font-weight:700;font-size:.75rem;line-height:1rem;display:inline-flex;align-items:end;text-decoration:none;text-transform:uppercase;color:#637381;margin-bottom:.5rem;margin-right:.25rem;border-bottom:none;background-color:#fff0}.bao-breadcrumb-nav>a:hover{color:#097d6c}.bao-breadcrumb-nav>a:last-child{margin-right:0}.bao-breadcrumb-nav>a:last-child:after{content:none}.bao-breadcrumb-nav>a:after{display:inline-block;content:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ADB5BD' fill-rule='evenodd'><path d='M12.586 12L9.293 8.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L12.586 12z'/></svg>\");height:1rem;width:1rem;margin-left:.25rem;color:#637381;background-color:#fff0;cursor:default;flex-shrink:0}\n"], dependencies: [{ kind: "directive", type: i1$2.CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
731
722
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoBreadcrumbComponent, decorators: [{
|
|
732
723
|
type: Component,
|
|
733
724
|
args: [{ selector: 'bao-breadcrumb', encapsulation: ViewEncapsulation.None, host: {
|
|
734
725
|
class: 'bao-breadcrumb'
|
|
735
|
-
}, template: "<nav
|
|
726
|
+
}, template: "<nav\n #container\n class=\"bao-breadcrumb-nav\"\n aria-label=\"Breadcrumb\"\n (cdkObserveContent)=\"onContentChange()\"\n>\n <ng-content></ng-content>\n</nav>\n", styles: [".bao-breadcrumb-nav{display:inline-flex;flex-direction:row;flex-wrap:wrap}.bao-breadcrumb-nav>a{font-weight:700;font-size:.75rem;line-height:1rem;display:inline-flex;align-items:end;text-decoration:none;text-transform:uppercase;color:#637381;margin-bottom:.5rem;margin-right:.25rem;border-bottom:none;background-color:#fff0}.bao-breadcrumb-nav>a:hover{color:#097d6c}.bao-breadcrumb-nav>a:last-child{margin-right:0}.bao-breadcrumb-nav>a:last-child:after{content:none}.bao-breadcrumb-nav>a:after{display:inline-block;content:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ADB5BD' fill-rule='evenodd'><path d='M12.586 12L9.293 8.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L12.586 12z'/></svg>\");height:1rem;width:1rem;margin-left:.25rem;color:#637381;background-color:#fff0;cursor:default;flex-shrink:0}\n"] }]
|
|
736
727
|
}], ctorParameters: function () { return [{ type: i0.Renderer2 }]; }, propDecorators: { staticContainer: [{
|
|
737
728
|
type: ViewChild,
|
|
738
729
|
args: ['container', { static: false }]
|
|
@@ -5856,10 +5847,9 @@ class BaoSystemHeaderComponent {
|
|
|
5856
5847
|
if (this.screenType == 'mobile' || this.screenType == 'tablet') {
|
|
5857
5848
|
if (this.textContainerChildren[0].className == 'bao-breadcrumb') {
|
|
5858
5849
|
// Retrieve link of parent page
|
|
5859
|
-
const breadcrumbElementsList = this.textContainerChildren[0].children[0]
|
|
5850
|
+
const breadcrumbElementsList = this.textContainerChildren[0].children[0];
|
|
5860
5851
|
const breadcrumbLength = breadcrumbElementsList.children.length;
|
|
5861
|
-
const parentLink = breadcrumbElementsList.children[breadcrumbLength - 2].
|
|
5862
|
-
.attributes['href'].value;
|
|
5852
|
+
const parentLink = breadcrumbElementsList.children[breadcrumbLength - 2].attributes['href'].value;
|
|
5863
5853
|
// Remove Breadcrumb component and replace it with back button
|
|
5864
5854
|
this.renderer.removeChild(this.textContainer.nativeElement, this.textContainerChildren[0]);
|
|
5865
5855
|
const viewContainerRef = this.backButtonInsert.viewContainerRef;
|