@villedemontreal/angular-ui 15.1.1 → 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/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,25 +12,34 @@ export class BaoBreadcrumbComponent {
|
|
|
12
12
|
this.renderer = renderer;
|
|
13
13
|
}
|
|
14
14
|
ngAfterViewInit() {
|
|
15
|
-
this.
|
|
15
|
+
this.createLiElement();
|
|
16
16
|
}
|
|
17
17
|
onContentChange() {
|
|
18
18
|
this.setLastLinkAttribute();
|
|
19
19
|
}
|
|
20
|
+
createLiElement() {
|
|
21
|
+
const children = Array.from(this.staticContainer.nativeElement.children);
|
|
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
|
+
});
|
|
28
|
+
}
|
|
20
29
|
setLastLinkAttribute() {
|
|
21
30
|
const children = Array.from(this.staticContainer.nativeElement.children);
|
|
22
31
|
this.renderer.setAttribute(children[children.length - 1], Object.keys(LAST_NODE_ATTRIBUTE)[0], Object.values(LAST_NODE_ATTRIBUTE)[0]);
|
|
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLXVpL3NyYy9saWIvYnJlYWRjcnVtYi9icmVhZGNydW1iLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItdWkvc3JjL2xpYi9icmVhZGNydW1iL2JyZWFkY3J1bWIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7R0FJRztBQUNILE9BQU8sRUFFTCxTQUFTLEVBR1QsU0FBUyxFQUNULGlCQUFpQixFQUNsQixNQUFNLGVBQWUsQ0FBQzs7O0FBRXZCLE1BQU0sbUJBQW1CLEdBQUcsRUFBRSxjQUFjLEVBQUUsTUFBTSxFQUFFLENBQUM7QUFXdkQsTUFBTSxPQUFPLHNCQUFzQjtJQUdqQyxZQUFvQixRQUFtQjtRQUFuQixhQUFRLEdBQVIsUUFBUSxDQUFXO0lBQUcsQ0FBQztJQUNwQyxlQUFlO1FBQ3BCLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztJQUN6QixDQUFDO0lBQ00sZUFBZTtRQUNwQixJQUFJLENBQUMsb0JBQW9CLEVBQUUsQ0FBQztJQUM5QixDQUFDO0lBRU8sZUFBZTtRQUNyQixNQUFNLFFBQVEsR0FBRyxLQUFLLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxlQUFlLENBQUMsYUFBYSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBQ3pFLElBQUksQ0FBQyxvQkFBb0IsRUFBRSxDQUFDO1FBQzVCLFFBQVEsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLEVBQUU7WUFDbkIsTUFBTSxTQUFTLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLENBQUM7WUFDcEQsSUFBSSxDQUFDLFFBQVEsQ0FBQyxXQUFXLENBQUMsU0FBUyxFQUFFLENBQUMsQ0FBQyxDQUFDO1lBQ3hDLElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxlQUFlLENBQUMsYUFBYSxFQUFFLFNBQVMsQ0FBQyxDQUFDO1FBQzNFLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUNPLG9CQUFvQjtRQUMxQixNQUFNLFFBQVEsR0FBRyxLQUFLLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxlQUFlLENBQUMsYUFBYSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBQ3pFLElBQUksQ0FBQyxRQUFRLENBQUMsWUFBWSxDQUN4QixRQUFRLENBQUMsUUFBUSxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUMsRUFDN0IsTUFBTSxDQUFDLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUNuQyxNQUFNLENBQUMsTUFBTSxDQUFDLG1CQUFtQixDQUFDLENBQUMsQ0FBQyxDQUFDLENBQ3RDLENBQUM7SUFDSixDQUFDOzttSEEzQlUsc0JBQXNCO3VHQUF0QixzQkFBc0IsZ05DekJuQyw2S0FLQTsyRkRvQmEsc0JBQXNCO2tCQVRsQyxTQUFTOytCQUNFLGdCQUFnQixpQkFHWCxpQkFBaUIsQ0FBQyxJQUFJLFFBQy9CO3dCQUNKLEtBQUssRUFBRSxnQkFBZ0I7cUJBQ3hCO2dHQUlPLGVBQWU7c0JBRHRCLFNBQVM7dUJBQUMsV0FBVyxFQUFFLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjMgVmlsbGUgZGUgTW9udHJlYWwuIEFsbCByaWdodHMgcmVzZXJ2ZWQuXG4gKiBMaWNlbnNlZCB1bmRlciB0aGUgTUlUIGxpY2Vuc2UuXG4gKiBTZWUgTElDRU5TRSBmaWxlIGluIHRoZSBwcm9qZWN0IHJvb3QgZm9yIGZ1bGwgbGljZW5zZSBpbmZvcm1hdGlvbi5cbiAqL1xuaW1wb3J0IHtcbiAgQWZ0ZXJWaWV3SW5pdCxcbiAgQ29tcG9uZW50LFxuICBFbGVtZW50UmVmLFxuICBSZW5kZXJlcjIsXG4gIFZpZXdDaGlsZCxcbiAgVmlld0VuY2Fwc3VsYXRpb25cbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmNvbnN0IExBU1RfTk9ERV9BVFRSSUJVVEUgPSB7ICdhcmlhLWN1cnJlbnQnOiAncGFnZScgfTtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYmFvLWJyZWFkY3J1bWInLFxuICB0ZW1wbGF0ZVVybDogJy4vYnJlYWRjcnVtYi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2JyZWFkY3J1bWIuY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgaG9zdDoge1xuICAgIGNsYXNzOiAnYmFvLWJyZWFkY3J1bWInXG4gIH1cbn0pXG5leHBvcnQgY2xhc3MgQmFvQnJlYWRjcnVtYkNvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQge1xuICBAVmlld0NoaWxkKCdjb250YWluZXInLCB7IHN0YXRpYzogZmFsc2UgfSlcbiAgcHJpdmF0ZSBzdGF0aWNDb250YWluZXI6IEVsZW1lbnRSZWY7XG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgcmVuZGVyZXI6IFJlbmRlcmVyMikge31cbiAgcHVibGljIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICB0aGlzLmNyZWF0ZUxpRWxlbWVudCgpO1xuICB9XG4gIHB1YmxpYyBvbkNvbnRlbnRDaGFuZ2UoKSB7XG4gICAgdGhpcy5zZXRMYXN0TGlua0F0dHJpYnV0ZSgpO1xuICB9XG5cbiAgcHJpdmF0ZSBjcmVhdGVMaUVsZW1lbnQoKSB7XG4gICAgY29uc3QgY2hpbGRyZW4gPSBBcnJheS5mcm9tKHRoaXMuc3RhdGljQ29udGFpbmVyLm5hdGl2ZUVsZW1lbnQuY2hpbGRyZW4pO1xuICAgIHRoaXMuc2V0TGFzdExpbmtBdHRyaWJ1dGUoKTtcbiAgICBjaGlsZHJlbi5mb3JFYWNoKGMgPT4ge1xuICAgICAgY29uc3QgbGlFbGVtZW50ID0gdGhpcy5yZW5kZXJlci5jcmVhdGVFbGVtZW50KCdsaScpO1xuICAgICAgdGhpcy5yZW5kZXJlci5hcHBlbmRDaGlsZChsaUVsZW1lbnQsIGMpO1xuICAgICAgdGhpcy5yZW5kZXJlci5hcHBlbmRDaGlsZCh0aGlzLnN0YXRpY0NvbnRhaW5lci5uYXRpdmVFbGVtZW50LCBsaUVsZW1lbnQpO1xuICAgIH0pO1xuICB9XG4gIHByaXZhdGUgc2V0TGFzdExpbmtBdHRyaWJ1dGUoKSB7XG4gICAgY29uc3QgY2hpbGRyZW4gPSBBcnJheS5mcm9tKHRoaXMuc3RhdGljQ29udGFpbmVyLm5hdGl2ZUVsZW1lbnQuY2hpbGRyZW4pO1xuICAgIHRoaXMucmVuZGVyZXIuc2V0QXR0cmlidXRlKFxuICAgICAgY2hpbGRyZW5bY2hpbGRyZW4ubGVuZ3RoIC0gMV0sXG4gICAgICBPYmplY3Qua2V5cyhMQVNUX05PREVfQVRUUklCVVRFKVswXSxcbiAgICAgIE9iamVjdC52YWx1ZXMoTEFTVF9OT0RFX0FUVFJJQlVURSlbMF1cbiAgICApO1xuICB9XG59XG4iLCI8bmF2IGNsYXNzPVwiYmFvLWJyZWFkY3J1bWItbmF2XCIgYXJpYS1sYWJlbD1cIkJyZWFkY3J1bWJcIj5cbiAgPG9sICNjb250YWluZXIgKGNka09ic2VydmVDb250ZW50KT1cIm9uQ29udGVudENoYW5nZSgpXCI+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8L29sPlxuPC9uYXY+XG4iXX0=
|
|
@@ -709,23 +709,32 @@ class BaoBreadcrumbComponent {
|
|
|
709
709
|
this.renderer = renderer;
|
|
710
710
|
}
|
|
711
711
|
ngAfterViewInit() {
|
|
712
|
-
this.
|
|
712
|
+
this.createLiElement();
|
|
713
713
|
}
|
|
714
714
|
onContentChange() {
|
|
715
715
|
this.setLastLinkAttribute();
|
|
716
716
|
}
|
|
717
|
+
createLiElement() {
|
|
718
|
+
const children = Array.from(this.staticContainer.nativeElement.children);
|
|
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
|
+
});
|
|
725
|
+
}
|
|
717
726
|
setLastLinkAttribute() {
|
|
718
727
|
const children = Array.from(this.staticContainer.nativeElement.children);
|
|
719
728
|
this.renderer.setAttribute(children[children.length - 1], Object.keys(LAST_NODE_ATTRIBUTE)[0], Object.values(LAST_NODE_ATTRIBUTE)[0]);
|
|
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 }]
|