@vismaux/ngx-nordic-cool
Version:
Common Nordic-Cool components for Angular.
33 lines • 8.8 kB
JavaScript
import { CdkAccordionItem } from '@angular/cdk/accordion';
import { ChangeDetectionStrategy, Component, Inject, SkipSelf, TemplateRef, ViewChild, } from '@angular/core';
import { animations } from '../../common';
import { NC_COLLAPSIBLE_LIST } from '../collapsible-list-base';
import * as i0 from "@angular/core";
import * as i1 from "@angular/cdk/collections";
import * as i2 from "@angular/cdk/accordion";
export class NcExpansionPanelComponent extends CdkAccordionItem {
constructor(collapsibleList, cdRef, expansionDispatcher) {
super(collapsibleList, cdRef, expansionDispatcher);
}
get headerId() {
return this.id + '-header';
}
get panelId() {
return this.id + '-panel';
}
}
NcExpansionPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: NcExpansionPanelComponent, deps: [{ token: NC_COLLAPSIBLE_LIST, skipSelf: true }, { token: i0.ChangeDetectorRef }, { token: i1.UniqueSelectionDispatcher }], target: i0.ɵɵFactoryTarget.Component });
NcExpansionPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: NcExpansionPanelComponent, selector: "nc-expansion-panel", viewQueries: [{ propertyName: "templateRef", first: true, predicate: TemplateRef, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-template>\n <div class=\"panel panel-default\">\n <div class=\"panel-heading\" [attr.id]=\"headerId\">\n <h4 class=\"panel-title\">\n <a\n (click)=\"toggle()\"\n [class.collapsed]=\"!expanded\"\n data-toggle=\"collapse\"\n [attr.aria-expanded]=\"expanded\"\n [attr.aria-controls]=\"panelId\"\n role=\"button\"\n >\n <ng-content select=\"nc-panel-title\"></ng-content>\n <span class=\"caret caret-large-blue\"></span>\n </a>\n </h4>\n </div>\n\n <div\n [attr.id]=\"panelId\"\n class=\"panel-collapse\"\n [@accordion]=\"expanded ? 'expanded' : 'collapsed'\"\n [class.expanded]=\"expanded\"\n [attr.aria-labelledby]=\"headerId\"\n >\n <div class=\"panel-body\">\n <ng-content></ng-content>\n </div>\n </div>\n </div>\n</ng-template>\n", styles: [".panel>.panel-heading .collapsed{margin-bottom:0}.panel>.panel-collapse.ng-animating{overflow:hidden}.panel>.panel-collapse>.panel-body{padding-top:18px;padding-bottom:0}\n"], animations: [animations.accordion], changeDetection: i0.ChangeDetectionStrategy.OnPush });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: NcExpansionPanelComponent, decorators: [{
type: Component,
args: [{ selector: 'nc-expansion-panel', changeDetection: ChangeDetectionStrategy.OnPush, animations: [animations.accordion], template: "<ng-template>\n <div class=\"panel panel-default\">\n <div class=\"panel-heading\" [attr.id]=\"headerId\">\n <h4 class=\"panel-title\">\n <a\n (click)=\"toggle()\"\n [class.collapsed]=\"!expanded\"\n data-toggle=\"collapse\"\n [attr.aria-expanded]=\"expanded\"\n [attr.aria-controls]=\"panelId\"\n role=\"button\"\n >\n <ng-content select=\"nc-panel-title\"></ng-content>\n <span class=\"caret caret-large-blue\"></span>\n </a>\n </h4>\n </div>\n\n <div\n [attr.id]=\"panelId\"\n class=\"panel-collapse\"\n [@accordion]=\"expanded ? 'expanded' : 'collapsed'\"\n [class.expanded]=\"expanded\"\n [attr.aria-labelledby]=\"headerId\"\n >\n <div class=\"panel-body\">\n <ng-content></ng-content>\n </div>\n </div>\n </div>\n</ng-template>\n", styles: [".panel>.panel-heading .collapsed{margin-bottom:0}.panel>.panel-collapse.ng-animating{overflow:hidden}.panel>.panel-collapse>.panel-body{padding-top:18px;padding-bottom:0}\n"] }]
}], ctorParameters: function () { return [{ type: i2.CdkAccordion, decorators: [{
type: SkipSelf
}, {
type: Inject,
args: [NC_COLLAPSIBLE_LIST]
}] }, { type: i0.ChangeDetectorRef }, { type: i1.UniqueSelectionDispatcher }]; }, propDecorators: { templateRef: [{
type: ViewChild,
args: [TemplateRef, { static: true }]
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhwYW5zaW9uLXBhbmVsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1ub3JkaWMtY29vbC9zcmMvbGliL2NvbGxhcHNpYmxlLWxpc3QvZXhwYW5zaW9uLXBhbmVsL2V4cGFuc2lvbi1wYW5lbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtbm9yZGljLWNvb2wvc3JjL2xpYi9jb2xsYXBzaWJsZS1saXN0L2V4cGFuc2lvbi1wYW5lbC9leHBhbnNpb24tcGFuZWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFnQixnQkFBZ0IsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBRXhFLE9BQU8sRUFDTCx1QkFBdUIsRUFFdkIsU0FBUyxFQUNULE1BQU0sRUFDTixRQUFRLEVBQ1IsV0FBVyxFQUNYLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBRTFDLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLDBCQUEwQixDQUFDOzs7O0FBUy9ELE1BQU0sT0FBTyx5QkFBMEIsU0FBUSxnQkFBZ0I7SUFZN0QsWUFDMkMsZUFBNkIsRUFDdEUsS0FBd0IsRUFDeEIsbUJBQThDO1FBRTlDLEtBQUssQ0FBQyxlQUFlLEVBQUUsS0FBSyxFQUFFLG1CQUFtQixDQUFDLENBQUM7SUFDckQsQ0FBQztJQWRELElBQUksUUFBUTtRQUNWLE9BQU8sSUFBSSxDQUFDLEVBQUUsR0FBRyxTQUFTLENBQUM7SUFDN0IsQ0FBQztJQUVELElBQUksT0FBTztRQUNULE9BQU8sSUFBSSxDQUFDLEVBQUUsR0FBRyxRQUFRLENBQUM7SUFDNUIsQ0FBQzs7c0hBVlUseUJBQXlCLGtCQWFkLG1CQUFtQjswR0FiOUIseUJBQXlCLHVHQUN6QixXQUFXLHFGQ3ZCeEIsbTRCQStCQSx3TURYYyxDQUFDLFVBQVUsQ0FBQyxTQUFTLENBQUM7MkZBRXZCLHlCQUF5QjtrQkFQckMsU0FBUzsrQkFDRSxvQkFBb0IsbUJBR2IsdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxDQUFDLFVBQVUsQ0FBQyxTQUFTLENBQUM7OzBCQWUvQixRQUFROzswQkFBSSxNQUFNOzJCQUFDLG1CQUFtQjtvSEFYaEMsV0FBVztzQkFEbkIsU0FBUzt1QkFBQyxXQUFXLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2RrQWNjb3JkaW9uLCBDZGtBY2NvcmRpb25JdGVtIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2FjY29yZGlvbic7XG5pbXBvcnQgeyBVbmlxdWVTZWxlY3Rpb25EaXNwYXRjaGVyIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2NvbGxlY3Rpb25zJztcbmltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgQ29tcG9uZW50LFxuICBJbmplY3QsXG4gIFNraXBTZWxmLFxuICBUZW1wbGF0ZVJlZixcbiAgVmlld0NoaWxkLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IGFuaW1hdGlvbnMgfSBmcm9tICcuLi8uLi9jb21tb24nO1xuXG5pbXBvcnQgeyBOQ19DT0xMQVBTSUJMRV9MSVNUIH0gZnJvbSAnLi4vY29sbGFwc2libGUtbGlzdC1iYXNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmMtZXhwYW5zaW9uLXBhbmVsJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2V4cGFuc2lvbi1wYW5lbC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2V4cGFuc2lvbi1wYW5lbC5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgYW5pbWF0aW9uczogW2FuaW1hdGlvbnMuYWNjb3JkaW9uXSxcbn0pXG5leHBvcnQgY2xhc3MgTmNFeHBhbnNpb25QYW5lbENvbXBvbmVudCBleHRlbmRzIENka0FjY29yZGlvbkl0ZW0ge1xuICBAVmlld0NoaWxkKFRlbXBsYXRlUmVmLCB7IHN0YXRpYzogdHJ1ZSB9KVxuICByZWFkb25seSB0ZW1wbGF0ZVJlZjogVGVtcGxhdGVSZWY8YW55PjtcblxuICBnZXQgaGVhZGVySWQoKSB7XG4gICAgcmV0dXJuIHRoaXMuaWQgKyAnLWhlYWRlcic7XG4gIH1cblxuICBnZXQgcGFuZWxJZCgpIHtcbiAgICByZXR1cm4gdGhpcy5pZCArICctcGFuZWwnO1xuICB9XG5cbiAgY29uc3RydWN0b3IoXG4gICAgQFNraXBTZWxmKCkgQEluamVjdChOQ19DT0xMQVBTSUJMRV9MSVNUKSBjb2xsYXBzaWJsZUxpc3Q6IENka0FjY29yZGlvbixcbiAgICBjZFJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gICAgZXhwYW5zaW9uRGlzcGF0Y2hlcjogVW5pcXVlU2VsZWN0aW9uRGlzcGF0Y2hlclxuICApIHtcbiAgICBzdXBlcihjb2xsYXBzaWJsZUxpc3QsIGNkUmVmLCBleHBhbnNpb25EaXNwYXRjaGVyKTtcbiAgfVxufVxuIiwiPG5nLXRlbXBsYXRlPlxuICA8ZGl2IGNsYXNzPVwicGFuZWwgcGFuZWwtZGVmYXVsdFwiPlxuICAgIDxkaXYgY2xhc3M9XCJwYW5lbC1oZWFkaW5nXCIgW2F0dHIuaWRdPVwiaGVhZGVySWRcIj5cbiAgICAgIDxoNCBjbGFzcz1cInBhbmVsLXRpdGxlXCI+XG4gICAgICAgIDxhXG4gICAgICAgICAgKGNsaWNrKT1cInRvZ2dsZSgpXCJcbiAgICAgICAgICBbY2xhc3MuY29sbGFwc2VkXT1cIiFleHBhbmRlZFwiXG4gICAgICAgICAgZGF0YS10b2dnbGU9XCJjb2xsYXBzZVwiXG4gICAgICAgICAgW2F0dHIuYXJpYS1leHBhbmRlZF09XCJleHBhbmRlZFwiXG4gICAgICAgICAgW2F0dHIuYXJpYS1jb250cm9sc109XCJwYW5lbElkXCJcbiAgICAgICAgICByb2xlPVwiYnV0dG9uXCJcbiAgICAgICAgPlxuICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIm5jLXBhbmVsLXRpdGxlXCI+PC9uZy1jb250ZW50PlxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwiY2FyZXQgY2FyZXQtbGFyZ2UtYmx1ZVwiPjwvc3Bhbj5cbiAgICAgICAgPC9hPlxuICAgICAgPC9oND5cbiAgICA8L2Rpdj5cblxuICAgIDxkaXZcbiAgICAgIFthdHRyLmlkXT1cInBhbmVsSWRcIlxuICAgICAgY2xhc3M9XCJwYW5lbC1jb2xsYXBzZVwiXG4gICAgICBbQGFjY29yZGlvbl09XCJleHBhbmRlZCA/ICdleHBhbmRlZCcgOiAnY29sbGFwc2VkJ1wiXG4gICAgICBbY2xhc3MuZXhwYW5kZWRdPVwiZXhwYW5kZWRcIlxuICAgICAgW2F0dHIuYXJpYS1sYWJlbGxlZGJ5XT1cImhlYWRlcklkXCJcbiAgICA+XG4gICAgICA8ZGl2IGNsYXNzPVwicGFuZWwtYm9keVwiPlxuICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L25nLXRlbXBsYXRlPlxuIl19