@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
|
@@ -12,10 +12,19 @@ export class BaoBreadcrumbComponent {
|
|
|
12
12
|
this.renderer = renderer;
|
|
13
13
|
}
|
|
14
14
|
ngAfterViewInit() {
|
|
15
|
-
this.
|
|
15
|
+
this.createLiElement();
|
|
16
16
|
}
|
|
17
17
|
onContentChange() {
|
|
18
|
+
this.createLiElement();
|
|
19
|
+
}
|
|
20
|
+
createLiElement() {
|
|
21
|
+
const children = Array.from(this.staticContainer.nativeElement.children);
|
|
18
22
|
this.setLastLinkAttribute();
|
|
23
|
+
children.forEach(c => {
|
|
24
|
+
const liElement = this.renderer.createElement('li');
|
|
25
|
+
this.renderer.appendChild(liElement, c);
|
|
26
|
+
this.renderer.appendChild(this.staticContainer.nativeElement, liElement);
|
|
27
|
+
});
|
|
19
28
|
}
|
|
20
29
|
setLastLinkAttribute() {
|
|
21
30
|
const children = Array.from(this.staticContainer.nativeElement.children);
|
|
@@ -23,14 +32,14 @@ export class BaoBreadcrumbComponent {
|
|
|
23
32
|
}
|
|
24
33
|
}
|
|
25
34
|
BaoBreadcrumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoBreadcrumbComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
26
|
-
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
|
|
35
|
+
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.CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
27
36
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoBreadcrumbComponent, decorators: [{
|
|
28
37
|
type: Component,
|
|
29
38
|
args: [{ selector: 'bao-breadcrumb', encapsulation: ViewEncapsulation.None, host: {
|
|
30
39
|
class: 'bao-breadcrumb'
|
|
31
|
-
}, template: "<nav
|
|
40
|
+
}, 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"] }]
|
|
32
41
|
}], ctorParameters: function () { return [{ type: i0.Renderer2 }]; }, propDecorators: { staticContainer: [{
|
|
33
42
|
type: ViewChild,
|
|
34
43
|
args: ['container', { static: false }]
|
|
35
44
|
}] } });
|
|
36
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
45
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLXVpL3NyYy9saWIvYnJlYWRjcnVtYi9icmVhZGNydW1iLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItdWkvc3JjL2xpYi9icmVhZGNydW1iL2JyZWFkY3J1bWIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7R0FJRztBQUNILE9BQU8sRUFFTCxTQUFTLEVBR1QsU0FBUyxFQUNULGlCQUFpQixFQUNsQixNQUFNLGVBQWUsQ0FBQzs7O0FBRXZCLE1BQU0sbUJBQW1CLEdBQUcsRUFBRSxjQUFjLEVBQUUsTUFBTSxFQUFFLENBQUM7QUFXdkQsTUFBTSxPQUFPLHNCQUFzQjtJQUdqQyxZQUFvQixRQUFtQjtRQUFuQixhQUFRLEdBQVIsUUFBUSxDQUFXO0lBQUcsQ0FBQztJQUNwQyxlQUFlO1FBQ3BCLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztJQUN6QixDQUFDO0lBQ00sZUFBZTtRQUNwQixJQUFJLENBQUMsZUFBZSxFQUFFLENBQUM7SUFDekIsQ0FBQztJQUVPLGVBQWU7UUFDckIsTUFBTSxRQUFRLEdBQUcsS0FBSyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsZUFBZSxDQUFDLGFBQWEsQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUN6RSxJQUFJLENBQUMsb0JBQW9CLEVBQUUsQ0FBQztRQUM1QixRQUFRLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxFQUFFO1lBQ25CLE1BQU0sU0FBUyxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxDQUFDO1lBQ3BELElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLFNBQVMsRUFBRSxDQUFDLENBQUMsQ0FBQztZQUN4QyxJQUFJLENBQUMsUUFBUSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsZUFBZSxDQUFDLGFBQWEsRUFBRSxTQUFTLENBQUMsQ0FBQztRQUMzRSxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFDTyxvQkFBb0I7UUFDMUIsTUFBTSxRQUFRLEdBQUcsS0FBSyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsZUFBZSxDQUFDLGFBQWEsQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUN6RSxJQUFJLENBQUMsUUFBUSxDQUFDLFlBQVksQ0FDeEIsUUFBUSxDQUFDLFFBQVEsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLEVBQzdCLE1BQU0sQ0FBQyxJQUFJLENBQUMsbUJBQW1CLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFDbkMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUN0QyxDQUFDO0lBQ0osQ0FBQzs7bUhBM0JVLHNCQUFzQjt1R0FBdEIsc0JBQXNCLGdOQ3pCbkMsNktBS0E7MkZEb0JhLHNCQUFzQjtrQkFUbEMsU0FBUzsrQkFDRSxnQkFBZ0IsaUJBR1gsaUJBQWlCLENBQUMsSUFBSSxRQUMvQjt3QkFDSixLQUFLLEVBQUUsZ0JBQWdCO3FCQUN4QjtnR0FJTyxlQUFlO3NCQUR0QixTQUFTO3VCQUFDLFdBQVcsRUFBRSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IChjKSAyMDIzIFZpbGxlIGRlIE1vbnRyZWFsLiBBbGwgcmlnaHRzIHJlc2VydmVkLlxuICogTGljZW5zZWQgdW5kZXIgdGhlIE1JVCBsaWNlbnNlLlxuICogU2VlIExJQ0VOU0UgZmlsZSBpbiB0aGUgcHJvamVjdCByb290IGZvciBmdWxsIGxpY2Vuc2UgaW5mb3JtYXRpb24uXG4gKi9cbmltcG9ydCB7XG4gIEFmdGVyVmlld0luaXQsXG4gIENvbXBvbmVudCxcbiAgRWxlbWVudFJlZixcbiAgUmVuZGVyZXIyLFxuICBWaWV3Q2hpbGQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5jb25zdCBMQVNUX05PREVfQVRUUklCVVRFID0geyAnYXJpYS1jdXJyZW50JzogJ3BhZ2UnIH07XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2Jhby1icmVhZGNydW1iJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2JyZWFkY3J1bWIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9icmVhZGNydW1iLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGhvc3Q6IHtcbiAgICBjbGFzczogJ2Jhby1icmVhZGNydW1iJ1xuICB9XG59KVxuZXhwb3J0IGNsYXNzIEJhb0JyZWFkY3J1bWJDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0IHtcbiAgQFZpZXdDaGlsZCgnY29udGFpbmVyJywgeyBzdGF0aWM6IGZhbHNlIH0pXG4gIHByaXZhdGUgc3RhdGljQ29udGFpbmVyOiBFbGVtZW50UmVmO1xuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJlbmRlcmVyOiBSZW5kZXJlcjIpIHt9XG4gIHB1YmxpYyBuZ0FmdGVyVmlld0luaXQoKSB7XG4gICAgdGhpcy5jcmVhdGVMaUVsZW1lbnQoKTtcbiAgfVxuICBwdWJsaWMgb25Db250ZW50Q2hhbmdlKCkge1xuICAgIHRoaXMuY3JlYXRlTGlFbGVtZW50KCk7XG4gIH1cblxuICBwcml2YXRlIGNyZWF0ZUxpRWxlbWVudCgpIHtcbiAgICBjb25zdCBjaGlsZHJlbiA9IEFycmF5LmZyb20odGhpcy5zdGF0aWNDb250YWluZXIubmF0aXZlRWxlbWVudC5jaGlsZHJlbik7XG4gICAgdGhpcy5zZXRMYXN0TGlua0F0dHJpYnV0ZSgpO1xuICAgIGNoaWxkcmVuLmZvckVhY2goYyA9PiB7XG4gICAgICBjb25zdCBsaUVsZW1lbnQgPSB0aGlzLnJlbmRlcmVyLmNyZWF0ZUVsZW1lbnQoJ2xpJyk7XG4gICAgICB0aGlzLnJlbmRlcmVyLmFwcGVuZENoaWxkKGxpRWxlbWVudCwgYyk7XG4gICAgICB0aGlzLnJlbmRlcmVyLmFwcGVuZENoaWxkKHRoaXMuc3RhdGljQ29udGFpbmVyLm5hdGl2ZUVsZW1lbnQsIGxpRWxlbWVudCk7XG4gICAgfSk7XG4gIH1cbiAgcHJpdmF0ZSBzZXRMYXN0TGlua0F0dHJpYnV0ZSgpIHtcbiAgICBjb25zdCBjaGlsZHJlbiA9IEFycmF5LmZyb20odGhpcy5zdGF0aWNDb250YWluZXIubmF0aXZlRWxlbWVudC5jaGlsZHJlbik7XG4gICAgdGhpcy5yZW5kZXJlci5zZXRBdHRyaWJ1dGUoXG4gICAgICBjaGlsZHJlbltjaGlsZHJlbi5sZW5ndGggLSAxXSxcbiAgICAgIE9iamVjdC5rZXlzKExBU1RfTk9ERV9BVFRSSUJVVEUpWzBdLFxuICAgICAgT2JqZWN0LnZhbHVlcyhMQVNUX05PREVfQVRUUklCVVRFKVswXVxuICAgICk7XG4gIH1cbn1cbiIsIjxuYXYgY2xhc3M9XCJiYW8tYnJlYWRjcnVtYi1uYXZcIiBhcmlhLWxhYmVsPVwiQnJlYWRjcnVtYlwiPlxuICA8b2wgI2NvbnRhaW5lciAoY2RrT2JzZXJ2ZUNvbnRlbnQpPVwib25Db250ZW50Q2hhbmdlKClcIj5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gIDwvb2w+XG48L25hdj5cbiJdfQ==
|
|
@@ -709,10 +709,19 @@ class BaoBreadcrumbComponent {
|
|
|
709
709
|
this.renderer = renderer;
|
|
710
710
|
}
|
|
711
711
|
ngAfterViewInit() {
|
|
712
|
-
this.
|
|
712
|
+
this.createLiElement();
|
|
713
713
|
}
|
|
714
714
|
onContentChange() {
|
|
715
|
+
this.createLiElement();
|
|
716
|
+
}
|
|
717
|
+
createLiElement() {
|
|
718
|
+
const children = Array.from(this.staticContainer.nativeElement.children);
|
|
715
719
|
this.setLastLinkAttribute();
|
|
720
|
+
children.forEach(c => {
|
|
721
|
+
const liElement = this.renderer.createElement('li');
|
|
722
|
+
this.renderer.appendChild(liElement, c);
|
|
723
|
+
this.renderer.appendChild(this.staticContainer.nativeElement, liElement);
|
|
724
|
+
});
|
|
716
725
|
}
|
|
717
726
|
setLastLinkAttribute() {
|
|
718
727
|
const children = Array.from(this.staticContainer.nativeElement.children);
|
|
@@ -720,12 +729,12 @@ class BaoBreadcrumbComponent {
|
|
|
720
729
|
}
|
|
721
730
|
}
|
|
722
731
|
BaoBreadcrumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoBreadcrumbComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
723
|
-
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
|
|
732
|
+
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 });
|
|
724
733
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: BaoBreadcrumbComponent, decorators: [{
|
|
725
734
|
type: Component,
|
|
726
735
|
args: [{ selector: 'bao-breadcrumb', encapsulation: ViewEncapsulation.None, host: {
|
|
727
736
|
class: 'bao-breadcrumb'
|
|
728
|
-
}, template: "<nav
|
|
737
|
+
}, 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"] }]
|
|
729
738
|
}], ctorParameters: function () { return [{ type: i0.Renderer2 }]; }, propDecorators: { staticContainer: [{
|
|
730
739
|
type: ViewChild,
|
|
731
740
|
args: ['container', { static: false }]
|