@coreui/angular 4.0.0-alpha.11 → 4.0.0-alpha.12
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/accordion/accordion-button/accordion-button.directive.mjs +1 -1
- package/esm2020/lib/accordion/accordion-item/accordion-item.component.mjs +21 -11
- package/esm2020/lib/accordion/accordion.service.mjs +2 -2
- package/esm2020/lib/alert/alert.component.mjs +1 -1
- package/esm2020/lib/button/button.directive.mjs +1 -1
- package/esm2020/lib/carousel/carousel/carousel.component.mjs +1 -1
- package/esm2020/lib/carousel/carousel-item/carousel-item.component.mjs +1 -1
- package/esm2020/lib/carousel/carousel-state.mjs +1 -1
- package/esm2020/lib/carousel/carousel.service.mjs +1 -1
- package/esm2020/lib/carousel/intersection.service.mjs +1 -1
- package/esm2020/lib/collapse/collapse.directive.mjs +5 -2
- package/fesm2015/coreui-angular.mjs +24 -12
- package/fesm2015/coreui-angular.mjs.map +1 -1
- package/fesm2020/coreui-angular.mjs +24 -12
- package/fesm2020/coreui-angular.mjs.map +1 -1
- package/lib/accordion/accordion-item/accordion-item.component.d.ts +6 -1
- package/lib/accordion/accordion.service.d.ts +1 -1
- package/lib/collapse/collapse.directive.d.ts +3 -2
- package/package.json +1 -1
|
@@ -189,7 +189,7 @@ class AccordionService {
|
|
|
189
189
|
this.items.splice(index, 1);
|
|
190
190
|
}
|
|
191
191
|
}
|
|
192
|
-
|
|
192
|
+
toggleItem(item) {
|
|
193
193
|
item.visible = !item.visible;
|
|
194
194
|
this.closeOtherItems(item);
|
|
195
195
|
}
|
|
@@ -311,7 +311,7 @@ class CollapseDirective {
|
|
|
311
311
|
get hostClasses() {
|
|
312
312
|
return {
|
|
313
313
|
'navbar-collapse': this.navbar,
|
|
314
|
-
show: this.visible
|
|
314
|
+
show: this.visible
|
|
315
315
|
};
|
|
316
316
|
}
|
|
317
317
|
ngOnDestroy() {
|
|
@@ -352,6 +352,9 @@ class CollapseDirective {
|
|
|
352
352
|
this.player.onStart(() => { this.collapseChange.emit(visible ? 'opening' : 'collapsing'); });
|
|
353
353
|
this.player.onDone(() => { this.collapseChange.emit(visible ? 'open' : 'collapsed'); });
|
|
354
354
|
}
|
|
355
|
+
ngAfterViewInit() {
|
|
356
|
+
this.toggle();
|
|
357
|
+
}
|
|
355
358
|
}
|
|
356
359
|
CollapseDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: CollapseDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.AnimationBuilder }], target: i0.ɵɵFactoryTarget.Directive });
|
|
357
360
|
CollapseDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.5", type: CollapseDirective, selector: "[cCollapse]", inputs: { animate: "animate", visible: "visible", navbar: "navbar", duration: "duration", transition: "transition" }, outputs: { collapseChange: "collapseChange" }, host: { properties: { "class": "this.hostClasses" } }, exportAs: ["cCollapse"], usesOnChanges: true, ngImport: i0 });
|
|
@@ -382,19 +385,28 @@ let nextId$1 = 0;
|
|
|
382
385
|
class AccordionItemComponent {
|
|
383
386
|
constructor(accordionService) {
|
|
384
387
|
this.accordionService = accordionService;
|
|
385
|
-
|
|
386
|
-
* Toggle an accordion item programmatically
|
|
387
|
-
* @type boolean
|
|
388
|
-
* @default false
|
|
389
|
-
*/
|
|
390
|
-
this.visible = false;
|
|
388
|
+
this._visible = false;
|
|
391
389
|
this.contentId = `accordion-item-${nextId$1++}`;
|
|
392
390
|
this.itemContext = { $implicit: this.visible };
|
|
393
391
|
this.templates = {};
|
|
394
392
|
}
|
|
393
|
+
/**
|
|
394
|
+
* Toggle an accordion item programmatically
|
|
395
|
+
* @type boolean
|
|
396
|
+
* @default false
|
|
397
|
+
*/
|
|
398
|
+
set visible(value) {
|
|
399
|
+
this._visible = coerceBooleanProperty(value);
|
|
400
|
+
}
|
|
401
|
+
get visible() {
|
|
402
|
+
return this._visible;
|
|
403
|
+
}
|
|
395
404
|
set open(value) {
|
|
396
405
|
console.warn('c-accordion-item "open" prop is deprecated, use "visible" prop instead.');
|
|
397
|
-
this.visible = value
|
|
406
|
+
this.visible = value || this.visible;
|
|
407
|
+
}
|
|
408
|
+
get open() {
|
|
409
|
+
return this.visible;
|
|
398
410
|
}
|
|
399
411
|
get hostClasses() {
|
|
400
412
|
return {
|
|
@@ -408,7 +420,7 @@ class AccordionItemComponent {
|
|
|
408
420
|
this.accordionService.removeItem(this);
|
|
409
421
|
}
|
|
410
422
|
toggleItem() {
|
|
411
|
-
this.accordionService.
|
|
423
|
+
this.accordionService.toggleItem(this);
|
|
412
424
|
}
|
|
413
425
|
ngAfterContentInit() {
|
|
414
426
|
this.contentTemplates.forEach((child) => {
|
|
@@ -417,10 +429,10 @@ class AccordionItemComponent {
|
|
|
417
429
|
}
|
|
418
430
|
}
|
|
419
431
|
AccordionItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: AccordionItemComponent, deps: [{ token: AccordionService }], target: i0.ɵɵFactoryTarget.Component });
|
|
420
|
-
AccordionItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.5", type: AccordionItemComponent, selector: "c-accordion-item", inputs: { visible: "visible", open: "open" }, host: { properties: { "class": "this.hostClasses" } }, queries: [{ propertyName: "contentTemplates", predicate: TemplateIdDirective, descendants: true }], exportAs: ["cAccordionItem"], ngImport: i0, template: "<ng-container>\n <div class=\"accordion-header\">\n <ng-container *ngTemplateOutlet=\"templates
|
|
432
|
+
AccordionItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.5", type: AccordionItemComponent, selector: "c-accordion-item", inputs: { visible: "visible", open: "open" }, host: { properties: { "class": "this.hostClasses" } }, queries: [{ propertyName: "contentTemplates", predicate: TemplateIdDirective, descendants: true }], exportAs: ["cAccordionItem"], ngImport: i0, template: "<ng-container>\n <div class=\"accordion-header\">\n <ng-container *ngTemplateOutlet=\"templates['accordionHeaderTemplate'] || defaultAccordionHeaderTemplate; context: itemContext\"></ng-container>\n </div>\n <div class=\"accordion-collapse\" cCollapse [visible]=\"visible\" [attr.aria-expanded]=\"visible\" [id]=\"contentId\">\n <ng-container *ngTemplateOutlet=\"templates['accordionBodyTemplate'] || defaultAccordionBodyTemplate; context: itemContext\"></ng-container>\n </div>\n</ng-container>\n\n<ng-template #defaultAccordionHeaderTemplate>\n <button cAccordionButton [collapsed]=\"!visible\" [attr.aria-controls]=\"contentId\" (click)=\"toggleItem()\">\n <ng-container\n *ngTemplateOutlet=\"templates['accordionHeader'] || defaultAccordionHeaderContentTemplate; context: itemContext\">\n </ng-container>\n </button>\n</ng-template>\n\n<ng-template #defaultAccordionHeaderContentTemplate>\n <ng-content></ng-content>\n</ng-template>\n\n<ng-template #defaultAccordionBodyTemplate>\n <div class=\"accordion-body\">\n <ng-container\n *ngTemplateOutlet=\"templates['accordionBody'] || defaultAccordionBodyContentTemplate; context: itemContext\">\n </ng-container>\n </div>\n</ng-template>\n\n<ng-template #defaultAccordionBodyContentTemplate>\n <ng-content></ng-content>\n</ng-template>\n", styles: [":host{display:block;overflow:hidden}\n"], directives: [{ type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: CollapseDirective, selector: "[cCollapse]", inputs: ["animate", "visible", "navbar", "duration", "transition"], outputs: ["collapseChange"], exportAs: ["cCollapse"] }, { type: AccordionButtonDirective, selector: "[cAccordionButton]", inputs: ["collapsed", "type"] }] });
|
|
421
433
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: AccordionItemComponent, decorators: [{
|
|
422
434
|
type: Component,
|
|
423
|
-
args: [{ selector: 'c-accordion-item', exportAs: 'cAccordionItem', template: "<ng-container>\n <div class=\"accordion-header\">\n <ng-container *ngTemplateOutlet=\"templates
|
|
435
|
+
args: [{ selector: 'c-accordion-item', exportAs: 'cAccordionItem', template: "<ng-container>\n <div class=\"accordion-header\">\n <ng-container *ngTemplateOutlet=\"templates['accordionHeaderTemplate'] || defaultAccordionHeaderTemplate; context: itemContext\"></ng-container>\n </div>\n <div class=\"accordion-collapse\" cCollapse [visible]=\"visible\" [attr.aria-expanded]=\"visible\" [id]=\"contentId\">\n <ng-container *ngTemplateOutlet=\"templates['accordionBodyTemplate'] || defaultAccordionBodyTemplate; context: itemContext\"></ng-container>\n </div>\n</ng-container>\n\n<ng-template #defaultAccordionHeaderTemplate>\n <button cAccordionButton [collapsed]=\"!visible\" [attr.aria-controls]=\"contentId\" (click)=\"toggleItem()\">\n <ng-container\n *ngTemplateOutlet=\"templates['accordionHeader'] || defaultAccordionHeaderContentTemplate; context: itemContext\">\n </ng-container>\n </button>\n</ng-template>\n\n<ng-template #defaultAccordionHeaderContentTemplate>\n <ng-content></ng-content>\n</ng-template>\n\n<ng-template #defaultAccordionBodyTemplate>\n <div class=\"accordion-body\">\n <ng-container\n *ngTemplateOutlet=\"templates['accordionBody'] || defaultAccordionBodyContentTemplate; context: itemContext\">\n </ng-container>\n </div>\n</ng-template>\n\n<ng-template #defaultAccordionBodyContentTemplate>\n <ng-content></ng-content>\n</ng-template>\n", styles: [":host{display:block;overflow:hidden}\n"] }]
|
|
424
436
|
}], ctorParameters: function () { return [{ type: AccordionService }]; }, propDecorators: { visible: [{
|
|
425
437
|
type: Input
|
|
426
438
|
}], open: [{
|