@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
|
@@ -5063,6 +5063,7 @@
|
|
|
5063
5063
|
var CollapsibleComponent = /** @class */ (function () {
|
|
5064
5064
|
function CollapsibleComponent(_elementRef) {
|
|
5065
5065
|
this._elementRef = _elementRef;
|
|
5066
|
+
this.customHeaderContent = false;
|
|
5066
5067
|
this.expandButtonLast = false;
|
|
5067
5068
|
this.expanded = false;
|
|
5068
5069
|
this.expandedChange = new i0.EventEmitter();
|
|
@@ -5091,7 +5092,7 @@
|
|
|
5091
5092
|
CollapsibleComponent.decorators = [
|
|
5092
5093
|
{ type: i0.Component, args: [{
|
|
5093
5094
|
selector: "co-collapsible",
|
|
5094
|
-
template: "\n <div class=\"collapsible-header\" [class.end]=\"expandButtonLast\" (click)=\"changeExpanded()\">\n <div class=\"collapsible-header-start\">\n <div class=\"expand-icon-wrapper\" [class.expanded]=\"expanded\" *ngIf=\"!expandButtonLast\">\n <co-icon class=\"expand-icon\" [iconData]=\"iconData\"></co-icon>\n </div>\n <div class=\"collapsible-title\" [textContent]=\"headerTitle\"></div>\n </div>\n <div class=\"collapsible-header-end\">\n <div class=\"collapsible-button-wrapper\" *ngIf=\"showButton !== undefined\" (click)=\"$event.stopPropagation()\">\n <button class=\"collapsible-button\" *ngIf=\"showButton\" [textContent]=\"buttonText\"\n (click)=\"onButtonClick()\"></button>\n </div>\n <div class=\"expand-icon-wrapper\" [class.expanded]=\"expanded\" *ngIf=\"expandButtonLast\">\n <co-icon class=\"expand-icon\" [iconData]=\"iconData\"></co-icon>\n </div>\n </div>\n </div>\n <div class=\"collapsible-content\" *ngIf=\"expanded\" @showHideContent>\n <ng-content></ng-content>\n </div>\n ",
|
|
5095
|
+
template: "\n <div class=\"collapsible-header\" [class.end]=\"expandButtonLast\" (click)=\"changeExpanded()\">\n <div class=\"collapsible-header-start\">\n <div class=\"expand-icon-wrapper\" [class.expanded]=\"expanded\" *ngIf=\"!expandButtonLast\">\n <co-icon class=\"expand-icon\" [iconData]=\"iconData\"></co-icon>\n </div>\n <div class=\"collapsible-title\" *ngIf=\"customHeaderContent\">\n <ng-container *ngTemplateOutlet=\"headerContent\"></ng-container>\n </div>\n <div *ngIf=\"!customHeaderContent\" class=\"collapsible-title\" [textContent]=\"headerTitle\"></div>\n </div>\n <div class=\"collapsible-header-end\">\n <div class=\"collapsible-button-wrapper\" *ngIf=\"showButton !== undefined\" (click)=\"$event.stopPropagation()\">\n <button class=\"collapsible-button\" *ngIf=\"showButton\" [textContent]=\"buttonText\"\n (click)=\"onButtonClick()\"></button>\n </div>\n <div class=\"expand-icon-wrapper\" [class.expanded]=\"expanded\" *ngIf=\"expandButtonLast\">\n <co-icon class=\"expand-icon\" [iconData]=\"iconData\"></co-icon>\n </div>\n </div>\n </div>\n <div class=\"collapsible-content\" *ngIf=\"expanded\" @showHideContent>\n <ng-content></ng-content>\n </div>\n ",
|
|
5095
5096
|
animations: [
|
|
5096
5097
|
animations.trigger('showHideContent', [
|
|
5097
5098
|
animations.state('*', animations.style({ height: '*' })),
|
|
@@ -5107,6 +5108,8 @@
|
|
|
5107
5108
|
{ type: i0.ElementRef }
|
|
5108
5109
|
]; };
|
|
5109
5110
|
CollapsibleComponent.propDecorators = {
|
|
5111
|
+
headerContent: [{ type: i0.Input }],
|
|
5112
|
+
customHeaderContent: [{ type: i0.Input }],
|
|
5110
5113
|
headerTitle: [{ type: i0.Input }],
|
|
5111
5114
|
buttonText: [{ type: i0.Input }],
|
|
5112
5115
|
iconData: [{ type: i0.Input }],
|
|
@@ -5117,7 +5120,10 @@
|
|
|
5117
5120
|
buttonClicked: [{ type: i0.Output }],
|
|
5118
5121
|
showClass: [{ type: i0.HostBinding, args: ["class.co-collapsible",] }],
|
|
5119
5122
|
onHostClick: [{ type: i0.HostListener, args: ["click", ["$event"],] }]
|
|
5120
|
-
};
|
|
5123
|
+
};
|
|
5124
|
+
__decorate([
|
|
5125
|
+
InputBoolean()
|
|
5126
|
+
], CollapsibleComponent.prototype, "customHeaderContent", void 0);
|
|
5121
5127
|
|
|
5122
5128
|
var CollapsibleModule = /** @class */ (function () {
|
|
5123
5129
|
function CollapsibleModule() {
|