theme-lib
Version:
This is a simple example Angular Library published to npm.
135 lines • 10.6 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
/*
* @license
* Copyright Akveo. All Rights Reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
*/
import { Component, ChangeDetectionStrategy, Host, HostBinding, HostListener, ChangeDetectorRef, } from '@angular/core';
import { trigger, state, style, animate, transition } from '@angular/animations';
import { takeWhile } from 'rxjs/operators';
import { NbAccordionItemComponent } from './accordion-item.component';
/*
* Component intended to be used within `<nb-accordion-item>` component
*/
export class NbAccordionItemHeaderComponent {
/**
* @param {?} accordionItem
* @param {?} cd
*/
constructor(accordionItem, cd) {
this.accordionItem = accordionItem;
this.cd = cd;
this.alive = true;
}
/**
* @return {?}
*/
get isCollapsed() {
return this.accordionItem.collapsed;
}
/**
* @return {?}
*/
get expanded() {
return !this.accordionItem.collapsed;
}
// issue #794
/**
* @return {?}
*/
get tabbable() {
return this.accordionItem.disabled ? '-1' : '0';
}
/**
* @return {?}
*/
get disabled() {
return this.accordionItem.disabled;
}
/**
* @return {?}
*/
toggle() {
this.accordionItem.toggle();
}
/**
* @return {?}
*/
get state() {
if (this.isCollapsed) {
return 'collapsed';
}
if (this.expanded) {
return 'expanded';
}
}
/**
* @return {?}
*/
ngOnInit() {
this.accordionItem.accordionItemInvalidate
.pipe(takeWhile(() => this.alive))
.subscribe(() => this.cd.markForCheck());
}
/**
* @return {?}
*/
ngOnDestroy() {
this.alive = false;
}
}
NbAccordionItemHeaderComponent.decorators = [
{ type: Component, args: [{
selector: 'nb-accordion-item-header',
template: `
<ng-content select="nb-accordion-item-title"></ng-content>
<ng-content select="nb-accordion-item-description"></ng-content>
<ng-content></ng-content>
<i []="state" *ngIf="!disabled" class="nb-arrow-down"></i>
`,
animations: [
trigger('expansionIndicator', [
state('expanded', style({
transform: 'rotate(180deg)',
})),
transition('collapsed => expanded', animate('100ms ease-in')),
transition('expanded => collapsed', animate('100ms ease-out')),
]),
],
changeDetection: ChangeDetectionStrategy.OnPush,
styles: [":host{display:flex;align-items:center;cursor:pointer}:host:focus{outline:0}"]
}] }
];
/** @nocollapse */
NbAccordionItemHeaderComponent.ctorParameters = () => [
{ type: NbAccordionItemComponent, decorators: [{ type: Host }] },
{ type: ChangeDetectorRef }
];
NbAccordionItemHeaderComponent.propDecorators = {
isCollapsed: [{ type: HostBinding, args: ['class.accordion-item-header-collapsed',] }],
expanded: [{ type: HostBinding, args: ['class.accordion-item-header-expanded',] }, { type: HostBinding, args: ['attr.aria-expanded',] }],
tabbable: [{ type: HostBinding, args: ['attr.tabindex',] }],
disabled: [{ type: HostBinding, args: ['attr.aria-disabled',] }],
toggle: [{ type: HostListener, args: ['click',] }]
};
if (false) {
/**
* @type {?}
* @private
*/
NbAccordionItemHeaderComponent.prototype.alive;
/**
* @type {?}
* @private
*/
NbAccordionItemHeaderComponent.prototype.accordionItem;
/**
* @type {?}
* @private
*/
NbAccordionItemHeaderComponent.prototype.cd;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLWl0ZW0taGVhZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL3RoZW1lLWxpYi8iLCJzb3VyY2VzIjpbImxpYi9jb21wb25lbnRzL2FjY29yZGlvbi9hY2NvcmRpb24taXRlbS1oZWFkZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7OztBQU1BLE9BQU8sRUFDTCxTQUFTLEVBQ1QsdUJBQXVCLEVBQ3ZCLElBQUksRUFDSixXQUFXLEVBQ1gsWUFBWSxFQUdaLGlCQUFpQixHQUNsQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ2pGLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUUzQyxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQzs7OztBQTRCdEUsTUFBTSxPQUFPLDhCQUE4Qjs7Ozs7SUF1Q3pDLFlBQTRCLGFBQXVDLEVBQVUsRUFBcUI7UUFBdEUsa0JBQWEsR0FBYixhQUFhLENBQTBCO1FBQVUsT0FBRSxHQUFGLEVBQUUsQ0FBbUI7UUFEMUYsVUFBSyxHQUFZLElBQUksQ0FBQztJQUU5QixDQUFDOzs7O0lBdENELElBQ0ksV0FBVztRQUNiLE9BQU8sSUFBSSxDQUFDLGFBQWEsQ0FBQyxTQUFTLENBQUM7SUFDdEMsQ0FBQzs7OztJQUVELElBRUksUUFBUTtRQUNWLE9BQU8sQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLFNBQVMsQ0FBQztJQUN2QyxDQUFDOzs7OztJQUdELElBQ0ksUUFBUTtRQUNWLE9BQU8sSUFBSSxDQUFDLGFBQWEsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDO0lBQ2xELENBQUM7Ozs7SUFFRCxJQUNJLFFBQVE7UUFDVixPQUFPLElBQUksQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDO0lBQ3JDLENBQUM7Ozs7SUFHRCxNQUFNO1FBQ0osSUFBSSxDQUFDLGFBQWEsQ0FBQyxNQUFNLEVBQUUsQ0FBQztJQUM5QixDQUFDOzs7O0lBRUQsSUFBSSxLQUFLO1FBQ1AsSUFBSSxJQUFJLENBQUMsV0FBVyxFQUFFO1lBQ3BCLE9BQU8sV0FBVyxDQUFDO1NBQ3BCO1FBQ0QsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2pCLE9BQU8sVUFBVSxDQUFDO1NBQ25CO0lBQ0gsQ0FBQzs7OztJQU1ELFFBQVE7UUFDTixJQUFJLENBQUMsYUFBYSxDQUFDLHVCQUF1QjthQUN2QyxJQUFJLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQzthQUNqQyxTQUFTLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxZQUFZLEVBQUUsQ0FBQyxDQUFDO0lBQzdDLENBQUM7Ozs7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7SUFDckIsQ0FBQzs7O1lBekVGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsMEJBQTBCO2dCQUVwQyxRQUFRLEVBQUU7Ozs7O0dBS1Q7Z0JBQ0QsVUFBVSxFQUFFO29CQUNWLE9BQU8sQ0FBQyxvQkFBb0IsRUFBRTt3QkFDNUIsS0FBSyxDQUNILFVBQVUsRUFDVixLQUFLLENBQUM7NEJBQ0osU0FBUyxFQUFFLGdCQUFnQjt5QkFDNUIsQ0FBQyxDQUNIO3dCQUNELFVBQVUsQ0FBQyx1QkFBdUIsRUFBRSxPQUFPLENBQUMsZUFBZSxDQUFDLENBQUM7d0JBQzdELFVBQVUsQ0FBQyx1QkFBdUIsRUFBRSxPQUFPLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztxQkFDL0QsQ0FBQztpQkFDSDtnQkFDRCxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTs7YUFDaEQ7Ozs7WUEzQlEsd0JBQXdCLHVCQW1FbEIsSUFBSTtZQXhFakIsaUJBQWlCOzs7MEJBbUNoQixXQUFXLFNBQUMsdUNBQXVDO3VCQUtuRCxXQUFXLFNBQUMsc0NBQXNDLGNBQ2xELFdBQVcsU0FBQyxvQkFBb0I7dUJBTWhDLFdBQVcsU0FBQyxlQUFlO3VCQUszQixXQUFXLFNBQUMsb0JBQW9CO3FCQUtoQyxZQUFZLFNBQUMsT0FBTzs7Ozs7OztJQWNyQiwrQ0FBOEI7Ozs7O0lBQ2xCLHVEQUF1RDs7Ozs7SUFBRSw0Q0FBNkIiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxyXG4gKiBAbGljZW5zZVxyXG4gKiBDb3B5cmlnaHQgQWt2ZW8uIEFsbCBSaWdodHMgUmVzZXJ2ZWQuXHJcbiAqIExpY2Vuc2VkIHVuZGVyIHRoZSBNSVQgTGljZW5zZS4gU2VlIExpY2Vuc2UudHh0IGluIHRoZSBwcm9qZWN0IHJvb3QgZm9yIGxpY2Vuc2UgaW5mb3JtYXRpb24uXHJcbiAqL1xyXG5cclxuaW1wb3J0IHtcclxuICBDb21wb25lbnQsXHJcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXHJcbiAgSG9zdCxcclxuICBIb3N0QmluZGluZyxcclxuICBIb3N0TGlzdGVuZXIsXHJcbiAgT25Jbml0LFxyXG4gIE9uRGVzdHJveSxcclxuICBDaGFuZ2VEZXRlY3RvclJlZixcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgdHJpZ2dlciwgc3RhdGUsIHN0eWxlLCBhbmltYXRlLCB0cmFuc2l0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvYW5pbWF0aW9ucyc7XHJcbmltcG9ydCB7IHRha2VXaGlsZSB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcclxuXHJcbmltcG9ydCB7IE5iQWNjb3JkaW9uSXRlbUNvbXBvbmVudCB9IGZyb20gJy4vYWNjb3JkaW9uLWl0ZW0uY29tcG9uZW50JztcclxuXHJcbi8qXHJcbiAqIENvbXBvbmVudCBpbnRlbmRlZCB0byBiZSB1c2VkIHdpdGhpbiBgPG5iLWFjY29yZGlvbi1pdGVtPmAgY29tcG9uZW50XHJcbiAqL1xyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ25iLWFjY29yZGlvbi1pdGVtLWhlYWRlcicsXHJcbiAgc3R5bGVVcmxzOiBbJy4vYWNjb3JkaW9uLWl0ZW0taGVhZGVyLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgdGVtcGxhdGU6IGBcclxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIm5iLWFjY29yZGlvbi1pdGVtLXRpdGxlXCI+PC9uZy1jb250ZW50PlxyXG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwibmItYWNjb3JkaW9uLWl0ZW0tZGVzY3JpcHRpb25cIj48L25nLWNvbnRlbnQ+XHJcbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgICA8aSBbQGV4cGFuc2lvbkluZGljYXRvcl09XCJzdGF0ZVwiICpuZ0lmPVwiIWRpc2FibGVkXCIgY2xhc3M9XCJuYi1hcnJvdy1kb3duXCI+PC9pPlxyXG4gIGAsXHJcbiAgYW5pbWF0aW9uczogW1xyXG4gICAgdHJpZ2dlcignZXhwYW5zaW9uSW5kaWNhdG9yJywgW1xyXG4gICAgICBzdGF0ZShcclxuICAgICAgICAnZXhwYW5kZWQnLFxyXG4gICAgICAgIHN0eWxlKHtcclxuICAgICAgICAgIHRyYW5zZm9ybTogJ3JvdGF0ZSgxODBkZWcpJyxcclxuICAgICAgICB9KSxcclxuICAgICAgKSxcclxuICAgICAgdHJhbnNpdGlvbignY29sbGFwc2VkID0+IGV4cGFuZGVkJywgYW5pbWF0ZSgnMTAwbXMgZWFzZS1pbicpKSxcclxuICAgICAgdHJhbnNpdGlvbignZXhwYW5kZWQgPT4gY29sbGFwc2VkJywgYW5pbWF0ZSgnMTAwbXMgZWFzZS1vdXQnKSksXHJcbiAgICBdKSxcclxuICBdLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgTmJBY2NvcmRpb25JdGVtSGVhZGVyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xyXG5cclxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmFjY29yZGlvbi1pdGVtLWhlYWRlci1jb2xsYXBzZWQnKVxyXG4gIGdldCBpc0NvbGxhcHNlZCgpOiBib29sZWFuIHtcclxuICAgIHJldHVybiB0aGlzLmFjY29yZGlvbkl0ZW0uY29sbGFwc2VkO1xyXG4gIH1cclxuXHJcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5hY2NvcmRpb24taXRlbS1oZWFkZXItZXhwYW5kZWQnKVxyXG4gIEBIb3N0QmluZGluZygnYXR0ci5hcmlhLWV4cGFuZGVkJylcclxuICBnZXQgZXhwYW5kZWQoKTogYm9vbGVhbiB7XHJcbiAgICByZXR1cm4gIXRoaXMuYWNjb3JkaW9uSXRlbS5jb2xsYXBzZWQ7XHJcbiAgfVxyXG5cclxuICAvLyBpc3N1ZSAjNzk0XHJcbiAgQEhvc3RCaW5kaW5nKCdhdHRyLnRhYmluZGV4JylcclxuICBnZXQgdGFiYmFibGUoKTogc3RyaW5nIHtcclxuICAgIHJldHVybiB0aGlzLmFjY29yZGlvbkl0ZW0uZGlzYWJsZWQgPyAnLTEnIDogJzAnO1xyXG4gIH1cclxuXHJcbiAgQEhvc3RCaW5kaW5nKCdhdHRyLmFyaWEtZGlzYWJsZWQnKVxyXG4gIGdldCBkaXNhYmxlZCgpOiBib29sZWFuIHtcclxuICAgIHJldHVybiB0aGlzLmFjY29yZGlvbkl0ZW0uZGlzYWJsZWQ7XHJcbiAgfVxyXG5cclxuICBASG9zdExpc3RlbmVyKCdjbGljaycpXHJcbiAgdG9nZ2xlKCkge1xyXG4gICAgdGhpcy5hY2NvcmRpb25JdGVtLnRvZ2dsZSgpO1xyXG4gIH1cclxuXHJcbiAgZ2V0IHN0YXRlKCk6IHN0cmluZyB7XHJcbiAgICBpZiAodGhpcy5pc0NvbGxhcHNlZCkge1xyXG4gICAgICByZXR1cm4gJ2NvbGxhcHNlZCc7XHJcbiAgICB9XHJcbiAgICBpZiAodGhpcy5leHBhbmRlZCkge1xyXG4gICAgICByZXR1cm4gJ2V4cGFuZGVkJztcclxuICAgIH1cclxuICB9XHJcblxyXG4gIHByaXZhdGUgYWxpdmU6IGJvb2xlYW4gPSB0cnVlO1xyXG4gIGNvbnN0cnVjdG9yKEBIb3N0KCkgcHJpdmF0ZSBhY2NvcmRpb25JdGVtOiBOYkFjY29yZGlvbkl0ZW1Db21wb25lbnQsIHByaXZhdGUgY2Q6IENoYW5nZURldGVjdG9yUmVmKSB7XHJcbiAgfVxyXG5cclxuICBuZ09uSW5pdCgpIHtcclxuICAgIHRoaXMuYWNjb3JkaW9uSXRlbS5hY2NvcmRpb25JdGVtSW52YWxpZGF0ZVxyXG4gICAgICAucGlwZSh0YWtlV2hpbGUoKCkgPT4gdGhpcy5hbGl2ZSkpXHJcbiAgICAgIC5zdWJzY3JpYmUoKCkgPT4gdGhpcy5jZC5tYXJrRm9yQ2hlY2soKSk7XHJcbiAgfVxyXG5cclxuICBuZ09uRGVzdHJveSgpIHtcclxuICAgIHRoaXMuYWxpdmUgPSBmYWxzZTtcclxuICB9XHJcbn1cclxuIl19