@colijnit/corecomponents_v12 12.2.6 → 12.2.7
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/bundles/colijnit-corecomponents_v12.umd.js +8 -2
- package/bundles/colijnit-corecomponents_v12.umd.js.map +1 -1
- package/colijnit-corecomponents_v12.metadata.json +1 -1
- package/esm2015/lib/components/collapsible/collapsible.component.js +13 -2
- package/fesm2015/colijnit-corecomponents_v12.js +11 -2
- package/fesm2015/colijnit-corecomponents_v12.js.map +1 -1
- package/lib/components/collapsible/collapsible.component.d.ts +3 -1
- package/package.json +1 -1
|
@@ -1,8 +1,11 @@
|
|
|
1
|
+
import { __decorate } from "tslib";
|
|
1
2
|
import { ChangeDetectionStrategy, Component, ElementRef, EventEmitter, HostBinding, HostListener, Input, Output, ViewEncapsulation } from "@angular/core";
|
|
2
3
|
import { animate, state, style, transition, trigger } from "@angular/animations";
|
|
4
|
+
import { InputBoolean } from "../../core/decorator/input-boolean.decorator";
|
|
3
5
|
export class CollapsibleComponent {
|
|
4
6
|
constructor(_elementRef) {
|
|
5
7
|
this._elementRef = _elementRef;
|
|
8
|
+
this.customHeaderContent = false;
|
|
6
9
|
this.expandButtonLast = false;
|
|
7
10
|
this.expanded = false;
|
|
8
11
|
this.expandedChange = new EventEmitter();
|
|
@@ -36,7 +39,10 @@ CollapsibleComponent.decorators = [
|
|
|
36
39
|
<div class="expand-icon-wrapper" [class.expanded]="expanded" *ngIf="!expandButtonLast">
|
|
37
40
|
<co-icon class="expand-icon" [iconData]="iconData"></co-icon>
|
|
38
41
|
</div>
|
|
39
|
-
<div class="collapsible-title"
|
|
42
|
+
<div class="collapsible-title" *ngIf="customHeaderContent">
|
|
43
|
+
<ng-container *ngTemplateOutlet="headerContent"></ng-container>
|
|
44
|
+
</div>
|
|
45
|
+
<div *ngIf="!customHeaderContent" class="collapsible-title" [textContent]="headerTitle"></div>
|
|
40
46
|
</div>
|
|
41
47
|
<div class="collapsible-header-end">
|
|
42
48
|
<div class="collapsible-button-wrapper" *ngIf="showButton !== undefined" (click)="$event.stopPropagation()">
|
|
@@ -67,6 +73,8 @@ CollapsibleComponent.ctorParameters = () => [
|
|
|
67
73
|
{ type: ElementRef }
|
|
68
74
|
];
|
|
69
75
|
CollapsibleComponent.propDecorators = {
|
|
76
|
+
headerContent: [{ type: Input }],
|
|
77
|
+
customHeaderContent: [{ type: Input }],
|
|
70
78
|
headerTitle: [{ type: Input }],
|
|
71
79
|
buttonText: [{ type: Input }],
|
|
72
80
|
iconData: [{ type: Input }],
|
|
@@ -78,4 +86,7 @@ CollapsibleComponent.propDecorators = {
|
|
|
78
86
|
showClass: [{ type: HostBinding, args: ["class.co-collapsible",] }],
|
|
79
87
|
onHostClick: [{ type: HostListener, args: ["click", ["$event"],] }]
|
|
80
88
|
};
|
|
81
|
-
|
|
89
|
+
__decorate([
|
|
90
|
+
InputBoolean()
|
|
91
|
+
], CollapsibleComponent.prototype, "customHeaderContent", void 0);
|
|
92
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sbGFwc2libGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29yZWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2NvbGxhcHNpYmxlL2NvbGxhcHNpYmxlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsVUFBVSxFQUNWLFlBQVksRUFDWixXQUFXLEVBQ1gsWUFBWSxFQUNaLEtBQUssRUFFTCxNQUFNLEVBQ04saUJBQWlCLEVBQ2xCLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDakYsT0FBTyxFQUFDLFlBQVksRUFBQyxNQUFNLDhDQUE4QyxDQUFDO0FBdUMxRSxNQUFNLE9BQU8sb0JBQW9CO0lBMEMvQixZQUFvQixXQUF1QjtRQUF2QixnQkFBVyxHQUFYLFdBQVcsQ0FBWTtRQXBDcEMsd0JBQW1CLEdBQVksS0FBSyxDQUFDO1FBWXJDLHFCQUFnQixHQUFZLEtBQUssQ0FBQztRQU1sQyxhQUFRLEdBQVksS0FBSyxDQUFDO1FBRzFCLG1CQUFjLEdBQTBCLElBQUksWUFBWSxFQUFXLENBQUM7UUFHcEUsa0JBQWEsR0FBdUIsSUFBSSxZQUFZLEVBQVEsQ0FBQztJQVl0QixDQUFDO0lBVHhDLFNBQVM7UUFDZCxPQUFPLElBQUksQ0FBQztJQUNkLENBQUM7SUFHTSxXQUFXLENBQUMsS0FBaUI7SUFFcEMsQ0FBQztJQUlNLFdBQVc7UUFDaEIsSUFBSSxDQUFDLFdBQVcsR0FBRyxTQUFTLENBQUM7SUFDL0IsQ0FBQztJQUVNLEtBQUs7UUFDVixJQUFJLENBQUMsV0FBVyxDQUFDLGFBQWEsQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUN6QyxDQUFDO0lBRU0sY0FBYztRQUNuQixJQUFJLENBQUMsUUFBUSxHQUFHLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQztRQUMvQixJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDMUMsQ0FBQztJQUVNLGFBQWE7UUFDbEIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUM1QixDQUFDOzs7WUFoR0YsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxnQkFBZ0I7Z0JBQzFCLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBd0JUO2dCQUNELFVBQVUsRUFBRTtvQkFDVixPQUFPLENBQUMsaUJBQWlCLEVBQUU7d0JBQ3pCLEtBQUssQ0FBQyxHQUFHLEVBQUUsS0FBSyxDQUFDLEVBQUMsTUFBTSxFQUFFLEdBQUcsRUFBQyxDQUFDLENBQUM7d0JBQ2hDLEtBQUssQ0FBQyxNQUFNLEVBQUUsS0FBSyxDQUFDLEVBQUMsTUFBTSxFQUFFLENBQUMsRUFBQyxDQUFDLENBQUM7d0JBQ2pDLFVBQVUsQ0FBQyxZQUFZLEVBQUUsT0FBTyxDQUFDLEdBQUcsQ0FBQyxDQUFDO3FCQUN2QyxDQUFDO2lCQUNIO2dCQUNELGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO2dCQUMvQyxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTthQUN0Qzs7O1lBakRDLFVBQVU7Ozs0QkFtRFQsS0FBSztrQ0FHTCxLQUFLOzBCQUlMLEtBQUs7eUJBR0wsS0FBSzt1QkFHTCxLQUFLOytCQUdMLEtBQUs7eUJBR0wsS0FBSzt1QkFHTCxLQUFLOzZCQUdMLE1BQU07NEJBR04sTUFBTTt3QkFHTixXQUFXLFNBQUMsc0JBQXNCOzBCQUtsQyxZQUFZLFNBQUMsT0FBTyxFQUFFLENBQUMsUUFBUSxDQUFDOztBQS9CakM7SUFEQyxZQUFZLEVBQUU7aUVBQzZCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcclxuICBDb21wb25lbnQsXHJcbiAgRWxlbWVudFJlZixcclxuICBFdmVudEVtaXR0ZXIsXHJcbiAgSG9zdEJpbmRpbmcsXHJcbiAgSG9zdExpc3RlbmVyLFxyXG4gIElucHV0LFxyXG4gIE9uRGVzdHJveSxcclxuICBPdXRwdXQsIFRlbXBsYXRlUmVmLFxyXG4gIFZpZXdFbmNhcHN1bGF0aW9uXHJcbn0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuaW1wb3J0IHsgU2FmZUh0bWwgfSBmcm9tIFwiQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3NlclwiO1xyXG5pbXBvcnQgeyBhbmltYXRlLCBzdGF0ZSwgc3R5bGUsIHRyYW5zaXRpb24sIHRyaWdnZXIgfSBmcm9tIFwiQGFuZ3VsYXIvYW5pbWF0aW9uc1wiO1xyXG5pbXBvcnQge0lucHV0Qm9vbGVhbn0gZnJvbSBcIi4uLy4uL2NvcmUvZGVjb3JhdG9yL2lucHV0LWJvb2xlYW4uZGVjb3JhdG9yXCI7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogXCJjby1jb2xsYXBzaWJsZVwiLFxyXG4gIHRlbXBsYXRlOiBgXHJcbiAgICA8ZGl2IGNsYXNzPVwiY29sbGFwc2libGUtaGVhZGVyXCIgW2NsYXNzLmVuZF09XCJleHBhbmRCdXR0b25MYXN0XCIgKGNsaWNrKT1cImNoYW5nZUV4cGFuZGVkKClcIj5cclxuICAgICAgPGRpdiBjbGFzcz1cImNvbGxhcHNpYmxlLWhlYWRlci1zdGFydFwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJleHBhbmQtaWNvbi13cmFwcGVyXCIgW2NsYXNzLmV4cGFuZGVkXT1cImV4cGFuZGVkXCIgKm5nSWY9XCIhZXhwYW5kQnV0dG9uTGFzdFwiPlxyXG4gICAgICAgICAgPGNvLWljb24gY2xhc3M9XCJleHBhbmQtaWNvblwiIFtpY29uRGF0YV09XCJpY29uRGF0YVwiPjwvY28taWNvbj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiY29sbGFwc2libGUtdGl0bGVcIiAqbmdJZj1cImN1c3RvbUhlYWRlckNvbnRlbnRcIj5cclxuICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJoZWFkZXJDb250ZW50XCI+PC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiAqbmdJZj1cIiFjdXN0b21IZWFkZXJDb250ZW50XCIgY2xhc3M9XCJjb2xsYXBzaWJsZS10aXRsZVwiIFt0ZXh0Q29udGVudF09XCJoZWFkZXJUaXRsZVwiPjwvZGl2PlxyXG4gICAgICA8L2Rpdj5cclxuICAgICAgPGRpdiBjbGFzcz1cImNvbGxhcHNpYmxlLWhlYWRlci1lbmRcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiY29sbGFwc2libGUtYnV0dG9uLXdyYXBwZXJcIiAqbmdJZj1cInNob3dCdXR0b24gIT09IHVuZGVmaW5lZFwiIChjbGljayk9XCIkZXZlbnQuc3RvcFByb3BhZ2F0aW9uKClcIj5cclxuICAgICAgICAgIDxidXR0b24gY2xhc3M9XCJjb2xsYXBzaWJsZS1idXR0b25cIiAqbmdJZj1cInNob3dCdXR0b25cIiBbdGV4dENvbnRlbnRdPVwiYnV0dG9uVGV4dFwiXHJcbiAgICAgICAgICAgICAgICAgIChjbGljayk9XCJvbkJ1dHRvbkNsaWNrKClcIj48L2J1dHRvbj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiZXhwYW5kLWljb24td3JhcHBlclwiIFtjbGFzcy5leHBhbmRlZF09XCJleHBhbmRlZFwiICpuZ0lmPVwiZXhwYW5kQnV0dG9uTGFzdFwiPlxyXG4gICAgICAgICAgPGNvLWljb24gY2xhc3M9XCJleHBhbmQtaWNvblwiIFtpY29uRGF0YV09XCJpY29uRGF0YVwiPjwvY28taWNvbj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJjb2xsYXBzaWJsZS1jb250ZW50XCIgKm5nSWY9XCJleHBhbmRlZFwiIEBzaG93SGlkZUNvbnRlbnQ+XHJcbiAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICAgIDwvZGl2PlxyXG4gIGAsXHJcbiAgYW5pbWF0aW9uczogW1xyXG4gICAgdHJpZ2dlcignc2hvd0hpZGVDb250ZW50JywgW1xyXG4gICAgICBzdGF0ZSgnKicsIHN0eWxlKHtoZWlnaHQ6ICcqJ30pKSxcclxuICAgICAgc3RhdGUoJ3ZvaWQnLCBzdHlsZSh7aGVpZ2h0OiAwfSkpLFxyXG4gICAgICB0cmFuc2l0aW9uKCd2b2lkIDw9PiAqJywgYW5pbWF0ZSgyMDApKVxyXG4gICAgXSksXHJcbiAgXSxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDb2xsYXBzaWJsZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uRGVzdHJveSB7XHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgaGVhZGVyQ29udGVudDogVGVtcGxhdGVSZWY8YW55PjtcclxuXHJcbiAgQElucHV0KClcclxuICBASW5wdXRCb29sZWFuKClcclxuICBwdWJsaWMgY3VzdG9tSGVhZGVyQ29udGVudDogYm9vbGVhbiA9IGZhbHNlO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBoZWFkZXJUaXRsZTogc3RyaW5nO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBidXR0b25UZXh0OiBzdHJpbmc7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIGljb25EYXRhOiBTYWZlSHRtbCB8IHVuZGVmaW5lZDtcclxuXHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgZXhwYW5kQnV0dG9uTGFzdDogYm9vbGVhbiA9IGZhbHNlO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBzaG93QnV0dG9uOiBib29sZWFuO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBleHBhbmRlZDogYm9vbGVhbiA9IGZhbHNlO1xyXG5cclxuICBAT3V0cHV0KClcclxuICBwdWJsaWMgZXhwYW5kZWRDaGFuZ2U6IEV2ZW50RW1pdHRlcjxib29sZWFuPiA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcclxuXHJcbiAgQE91dHB1dCgpXHJcbiAgcHVibGljIGJ1dHRvbkNsaWNrZWQ6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcclxuXHJcbiAgQEhvc3RCaW5kaW5nKFwiY2xhc3MuY28tY29sbGFwc2libGVcIilcclxuICBwdWJsaWMgc2hvd0NsYXNzKCkge1xyXG4gICAgcmV0dXJuIHRydWU7XHJcbiAgfVxyXG5cclxuICBASG9zdExpc3RlbmVyKFwiY2xpY2tcIiwgW1wiJGV2ZW50XCJdKVxyXG4gIHB1YmxpYyBvbkhvc3RDbGljayhldmVudDogTW91c2VFdmVudCk6IHZvaWQge1xyXG5cclxuICB9XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgX2VsZW1lbnRSZWY6IEVsZW1lbnRSZWYpIHt9XHJcblxyXG4gIHB1YmxpYyBuZ09uRGVzdHJveSgpOiB2b2lkIHtcclxuICAgIHRoaXMuX2VsZW1lbnRSZWYgPSB1bmRlZmluZWQ7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgZm9jdXMoKTogdm9pZCB7XHJcbiAgICB0aGlzLl9lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuZm9jdXMoKTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBjaGFuZ2VFeHBhbmRlZCgpOiB2b2lkIHtcclxuICAgIHRoaXMuZXhwYW5kZWQgPSAhdGhpcy5leHBhbmRlZDtcclxuICAgIHRoaXMuZXhwYW5kZWRDaGFuZ2UubmV4dCh0aGlzLmV4cGFuZGVkKTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBvbkJ1dHRvbkNsaWNrKCk6IHZvaWQge1xyXG4gICAgdGhpcy5idXR0b25DbGlja2VkLmVtaXQoKTtcclxuICB9XHJcbn1cclxuIl19
|
|
@@ -4534,6 +4534,7 @@ CoDialogWizardModule.decorators = [
|
|
|
4534
4534
|
class CollapsibleComponent {
|
|
4535
4535
|
constructor(_elementRef) {
|
|
4536
4536
|
this._elementRef = _elementRef;
|
|
4537
|
+
this.customHeaderContent = false;
|
|
4537
4538
|
this.expandButtonLast = false;
|
|
4538
4539
|
this.expanded = false;
|
|
4539
4540
|
this.expandedChange = new EventEmitter();
|
|
@@ -4567,7 +4568,10 @@ CollapsibleComponent.decorators = [
|
|
|
4567
4568
|
<div class="expand-icon-wrapper" [class.expanded]="expanded" *ngIf="!expandButtonLast">
|
|
4568
4569
|
<co-icon class="expand-icon" [iconData]="iconData"></co-icon>
|
|
4569
4570
|
</div>
|
|
4570
|
-
<div class="collapsible-title"
|
|
4571
|
+
<div class="collapsible-title" *ngIf="customHeaderContent">
|
|
4572
|
+
<ng-container *ngTemplateOutlet="headerContent"></ng-container>
|
|
4573
|
+
</div>
|
|
4574
|
+
<div *ngIf="!customHeaderContent" class="collapsible-title" [textContent]="headerTitle"></div>
|
|
4571
4575
|
</div>
|
|
4572
4576
|
<div class="collapsible-header-end">
|
|
4573
4577
|
<div class="collapsible-button-wrapper" *ngIf="showButton !== undefined" (click)="$event.stopPropagation()">
|
|
@@ -4598,6 +4602,8 @@ CollapsibleComponent.ctorParameters = () => [
|
|
|
4598
4602
|
{ type: ElementRef }
|
|
4599
4603
|
];
|
|
4600
4604
|
CollapsibleComponent.propDecorators = {
|
|
4605
|
+
headerContent: [{ type: Input }],
|
|
4606
|
+
customHeaderContent: [{ type: Input }],
|
|
4601
4607
|
headerTitle: [{ type: Input }],
|
|
4602
4608
|
buttonText: [{ type: Input }],
|
|
4603
4609
|
iconData: [{ type: Input }],
|
|
@@ -4608,7 +4614,10 @@ CollapsibleComponent.propDecorators = {
|
|
|
4608
4614
|
buttonClicked: [{ type: Output }],
|
|
4609
4615
|
showClass: [{ type: HostBinding, args: ["class.co-collapsible",] }],
|
|
4610
4616
|
onHostClick: [{ type: HostListener, args: ["click", ["$event"],] }]
|
|
4611
|
-
};
|
|
4617
|
+
};
|
|
4618
|
+
__decorate([
|
|
4619
|
+
InputBoolean()
|
|
4620
|
+
], CollapsibleComponent.prototype, "customHeaderContent", void 0);
|
|
4612
4621
|
|
|
4613
4622
|
class CollapsibleModule {
|
|
4614
4623
|
}
|