carbon-components-angular
Version:
Next generation components
47 lines • 3.32 kB
JavaScript
import { Component, Input } from "@angular/core";
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
/**
* `Panel` is a component that can be used to display content on the right side of the screen.
* `Panel`s are generally activated by and linked to a `HeaderAction` component.
*/
export class Panel {
constructor() {
/**
* Controls the visibility of the panel
*/
this.expanded = false;
}
}
Panel.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: Panel, deps: [], target: i0.ɵɵFactoryTarget.Component });
Panel.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: Panel, selector: "cds-panel, ibm-panel", inputs: { expanded: "expanded", ariaLabel: "ariaLabel" }, ngImport: i0, template: `
<div
class="cds--header-panel"
[attr.aria-label]="ariaLabel"
[ngClass]="{
'cds--header-panel--expanded': expanded
}">
<ng-content></ng-content>
</div>
`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: Panel, decorators: [{
type: Component,
args: [{
selector: "cds-panel, ibm-panel",
template: `
<div
class="cds--header-panel"
[attr.aria-label]="ariaLabel"
[ngClass]="{
'cds--header-panel--expanded': expanded
}">
<ng-content></ng-content>
</div>
`
}]
}], propDecorators: { expanded: [{
type: Input
}], ariaLabel: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFuZWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL3VpLXNoZWxsL3BhbmVsL3BhbmVsLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBRWpEOzs7R0FHRztBQWNILE1BQU0sT0FBTyxLQUFLO0lBYmxCO1FBY0M7O1dBRUc7UUFDTSxhQUFRLEdBQUcsS0FBSyxDQUFDO0tBRzFCOztrR0FQWSxLQUFLO3NGQUFMLEtBQUssc0hBWFA7Ozs7Ozs7OztFQVNUOzJGQUVXLEtBQUs7a0JBYmpCLFNBQVM7bUJBQUM7b0JBQ1YsUUFBUSxFQUFFLHNCQUFzQjtvQkFDaEMsUUFBUSxFQUFFOzs7Ozs7Ozs7RUFTVDtpQkFDRDs4QkFLUyxRQUFRO3NCQUFoQixLQUFLO2dCQUVHLFNBQVM7c0JBQWpCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcblxuLyoqXG4gKiBgUGFuZWxgIGlzIGEgY29tcG9uZW50IHRoYXQgY2FuIGJlIHVzZWQgdG8gZGlzcGxheSBjb250ZW50IG9uIHRoZSByaWdodCBzaWRlIG9mIHRoZSBzY3JlZW4uXG4gKiBgUGFuZWxgcyBhcmUgZ2VuZXJhbGx5IGFjdGl2YXRlZCBieSBhbmQgbGlua2VkIHRvIGEgYEhlYWRlckFjdGlvbmAgY29tcG9uZW50LlxuICovXG5AQ29tcG9uZW50KHtcblx0c2VsZWN0b3I6IFwiY2RzLXBhbmVsLCBpYm0tcGFuZWxcIixcblx0dGVtcGxhdGU6IGBcblx0XHQ8ZGl2XG5cdFx0XHRjbGFzcz1cImNkcy0taGVhZGVyLXBhbmVsXCJcblx0XHRcdFthdHRyLmFyaWEtbGFiZWxdPVwiYXJpYUxhYmVsXCJcblx0XHRcdFtuZ0NsYXNzXT1cIntcblx0XHRcdFx0J2Nkcy0taGVhZGVyLXBhbmVsLS1leHBhbmRlZCc6IGV4cGFuZGVkXG5cdFx0XHR9XCI+XG5cdFx0XHQ8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG5cdFx0PC9kaXY+XG5cdGBcbn0pXG5leHBvcnQgY2xhc3MgUGFuZWwge1xuXHQvKipcblx0ICogQ29udHJvbHMgdGhlIHZpc2liaWxpdHkgb2YgdGhlIHBhbmVsXG5cdCAqL1xuXHRASW5wdXQoKSBleHBhbmRlZCA9IGZhbHNlO1xuXG5cdEBJbnB1dCgpIGFyaWFMYWJlbDtcbn1cbiJdfQ==