@hxui/angular
Version:
* * *
59 lines • 9.42 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,uselessCode} checked by tsc
*/
import { Component, ChangeDetectorRef, Input } from "@angular/core";
import { state, style, transition, animate, trigger } from "@angular/animations";
var AccordionContainerComponent = /** @class */ (function () {
function AccordionContainerComponent(_changeDetectionRef) {
this._changeDetectionRef = _changeDetectionRef;
this.expanded = true;
}
/**
* @return {?}
*/
AccordionContainerComponent.prototype.toggle = /**
* @return {?}
*/
function () {
this.expanded = !this.expanded;
this._changeDetectionRef.markForCheck();
};
AccordionContainerComponent.decorators = [
{ type: Component, args: [{
selector: 'hx-accordion-container, hxa-accordion-container',
template: " \n <li class=\"hx-accordion-container\" [class.is-active]=\"expanded\">\n <a class=\"hx-accordion-header\" (click)=\"toggle()\">\n <div class=\"header-title\"><ng-content select=\"hx-accordion-header, hxa-accordion-header\"></ng-content></div>\n <div class=\"header-icon\">\n <i class=\"hx-icon icon-angle-down\" *ngIf=\"!expanded\"></i>\n <i class=\"hx-icon icon-angle-up\" *ngIf=\"expanded\"></i>\n </div>\n </a>\n <div class=\"hx-accordion-body\" [@slideIn]=\"expanded\" *ngIf=\"expanded\">\n <div class=\"hx-accordion-body-wrapper\">\n <ng-content select=\"hx-accordion-body, hxa-accordion-body\"></ng-content>\n </div>\n </div>\n </li>\n",
styles: [".hx-accordion{list-style:none;background-color:#fff;border:1px solid rgba(0,0,0,.08);padding:0}.hx-accordion-container{margin-top:0}.hx-accordion-container:not(:last-child),:host:not(:last-child) .hx-accordion-container{box-shadow:inset 0 -1px 0 0 rgba(0,0,0,.08)}.hx-accordion-container:not(.is-active) .hx-accordion-header:hover{background-color:rgba(0,0,0,.02);text-decoration:none;color:#41b987}.hx-accordion-header{color:#2a2c2d;padding:1rem;display:flex;align-items:center;justify-content:space-between;transition:.3s}.hx-accordion-header:hover{color:#2a2c2d;text-decoration:none}.hx-accordion-header .header-icon{transition:.3s;display:flex}.hx-accordion-body{overflow-y:hidden;background-color:#fafafa;transition:.5s;box-shadow:inset 0 1px 0 0 rgba(0,0,0,.08)}.hx-accordion-body-wrapper{padding:1rem}"],
animations: [
trigger('slideIn', [
state('*', style({ 'overflow-y': 'hidden' })),
state('void', style({ 'overflow-y': 'hidden' })),
transition('* => void', [
style({ height: '*' }),
animate('0.25s ease-out', style({ height: 0, opacity: 0 }))
]),
transition('void => *', [
style({ height: '0' }),
animate('0.25s ease-out', style({ height: '*', opacity: 1 }))
])
])
]
},] },
];
/** @nocollapse */
AccordionContainerComponent.ctorParameters = function () { return [
{ type: ChangeDetectorRef }
]; };
AccordionContainerComponent.propDecorators = {
expanded: [{ type: Input }]
};
return AccordionContainerComponent;
}());
export { AccordionContainerComponent };
if (false) {
/** @type {?} */
AccordionContainerComponent.prototype.expanded;
/** @type {?} */
AccordionContainerComponent.prototype._changeDetectionRef;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLmNvbnRhaW5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AaHh1aS9hbmd1bGFyLyIsInNvdXJjZXMiOlsibGliL2FjY29yZGlvbi9hY2NvcmRpb24uY29udGFpbmVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDcEUsT0FBTyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUVqRjtJQXFDSSxxQ0FBb0IsbUJBQXNDO1FBQXRDLHdCQUFtQixHQUFuQixtQkFBbUIsQ0FBbUI7UUFGakQsYUFBUSxHQUFHLElBQUksQ0FBQztJQUVxQyxDQUFDOzs7O0lBRXhELDRDQUFNOzs7SUFBYjtRQUNJLElBQUksQ0FBQyxRQUFRLEdBQUcsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDO1FBQy9CLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUM1QyxDQUFDOztnQkExQ0osU0FBUyxTQUFDO29CQUNQLFFBQVEsRUFBRSxpREFBaUQ7b0JBQzNELFFBQVEsRUFBRSw4d0JBZWI7b0JBQ0csTUFBTSxFQUFFLENBQUMsMHlCQUEweUIsQ0FBQztvQkFDcHpCLFVBQVUsRUFBRTt3QkFDUixPQUFPLENBQUMsU0FBUyxFQUFFOzRCQUNmLEtBQUssQ0FBQyxHQUFHLEVBQUUsS0FBSyxDQUFDLEVBQUUsWUFBWSxFQUFFLFFBQVEsRUFBRSxDQUFDLENBQUM7NEJBQzdDLEtBQUssQ0FBQyxNQUFNLEVBQUUsS0FBSyxDQUFDLEVBQUUsWUFBWSxFQUFFLFFBQVEsRUFBRSxDQUFDLENBQUM7NEJBQ2hELFVBQVUsQ0FBQyxXQUFXLEVBQUU7Z0NBQ3BCLEtBQUssQ0FBQyxFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUUsQ0FBQztnQ0FDdEIsT0FBTyxDQUFDLGdCQUFnQixFQUFFLEtBQUssQ0FBQyxFQUFFLE1BQU0sRUFBRSxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUM7NkJBQzlELENBQUM7NEJBQ0YsVUFBVSxDQUFDLFdBQVcsRUFBRTtnQ0FDcEIsS0FBSyxDQUFDLEVBQUUsTUFBTSxFQUFFLEdBQUcsRUFBRSxDQUFDO2dDQUN0QixPQUFPLENBQUMsZ0JBQWdCLEVBQUUsS0FBSyxDQUFDLEVBQUUsTUFBTSxFQUFFLEdBQUcsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQzs2QkFDaEUsQ0FBQzt5QkFDTCxDQUFDO3FCQUNMO2lCQUNKOzs7O2dCQXBDbUIsaUJBQWlCOzs7MkJBc0NoQyxLQUFLOztJQVFWLGtDQUFDO0NBQUEsQUEzQ0QsSUEyQ0M7U0FUWSwyQkFBMkI7OztJQUNwQywrQ0FBeUI7O0lBRWIsMERBQThDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBDaGFuZ2VEZXRlY3RvclJlZiwgSW5wdXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5pbXBvcnQgeyBzdGF0ZSwgc3R5bGUsIHRyYW5zaXRpb24sIGFuaW1hdGUsIHRyaWdnZXIgfSBmcm9tIFwiQGFuZ3VsYXIvYW5pbWF0aW9uc1wiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ2h4LWFjY29yZGlvbi1jb250YWluZXIsIGh4YS1hY2NvcmRpb24tY29udGFpbmVyJyxcclxuICAgIHRlbXBsYXRlOiBgICAgIFxyXG4gICAgPGxpIGNsYXNzPVwiaHgtYWNjb3JkaW9uLWNvbnRhaW5lclwiIFtjbGFzcy5pcy1hY3RpdmVdPVwiZXhwYW5kZWRcIj5cclxuICAgICAgICA8YSBjbGFzcz1cImh4LWFjY29yZGlvbi1oZWFkZXJcIiAoY2xpY2spPVwidG9nZ2xlKClcIj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImhlYWRlci10aXRsZVwiPjxuZy1jb250ZW50IHNlbGVjdD1cImh4LWFjY29yZGlvbi1oZWFkZXIsIGh4YS1hY2NvcmRpb24taGVhZGVyXCI+PC9uZy1jb250ZW50PjwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaGVhZGVyLWljb25cIj5cclxuICAgICAgICAgICAgICAgIDxpIGNsYXNzPVwiaHgtaWNvbiBpY29uLWFuZ2xlLWRvd25cIiAqbmdJZj1cIiFleHBhbmRlZFwiPjwvaT5cclxuICAgICAgICAgICAgICAgIDxpIGNsYXNzPVwiaHgtaWNvbiBpY29uLWFuZ2xlLXVwXCIgKm5nSWY9XCJleHBhbmRlZFwiPjwvaT5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9hPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJoeC1hY2NvcmRpb24tYm9keVwiIFtAc2xpZGVJbl09XCJleHBhbmRlZFwiICpuZ0lmPVwiZXhwYW5kZWRcIj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImh4LWFjY29yZGlvbi1ib2R5LXdyYXBwZXJcIj5cclxuICAgICAgICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImh4LWFjY29yZGlvbi1ib2R5LCBoeGEtYWNjb3JkaW9uLWJvZHlcIj48L25nLWNvbnRlbnQ+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9saT5cclxuYCxcclxuICAgIHN0eWxlczogW2AuaHgtYWNjb3JkaW9ue2xpc3Qtc3R5bGU6bm9uZTtiYWNrZ3JvdW5kLWNvbG9yOiNmZmY7Ym9yZGVyOjFweCBzb2xpZCByZ2JhKDAsMCwwLC4wOCk7cGFkZGluZzowfS5oeC1hY2NvcmRpb24tY29udGFpbmVye21hcmdpbi10b3A6MH0uaHgtYWNjb3JkaW9uLWNvbnRhaW5lcjpub3QoOmxhc3QtY2hpbGQpLDpob3N0Om5vdCg6bGFzdC1jaGlsZCkgLmh4LWFjY29yZGlvbi1jb250YWluZXJ7Ym94LXNoYWRvdzppbnNldCAwIC0xcHggMCAwIHJnYmEoMCwwLDAsLjA4KX0uaHgtYWNjb3JkaW9uLWNvbnRhaW5lcjpub3QoLmlzLWFjdGl2ZSkgLmh4LWFjY29yZGlvbi1oZWFkZXI6aG92ZXJ7YmFja2dyb3VuZC1jb2xvcjpyZ2JhKDAsMCwwLC4wMik7dGV4dC1kZWNvcmF0aW9uOm5vbmU7Y29sb3I6IzQxYjk4N30uaHgtYWNjb3JkaW9uLWhlYWRlcntjb2xvcjojMmEyYzJkO3BhZGRpbmc6MXJlbTtkaXNwbGF5OmZsZXg7YWxpZ24taXRlbXM6Y2VudGVyO2p1c3RpZnktY29udGVudDpzcGFjZS1iZXR3ZWVuO3RyYW5zaXRpb246LjNzfS5oeC1hY2NvcmRpb24taGVhZGVyOmhvdmVye2NvbG9yOiMyYTJjMmQ7dGV4dC1kZWNvcmF0aW9uOm5vbmV9Lmh4LWFjY29yZGlvbi1oZWFkZXIgLmhlYWRlci1pY29ue3RyYW5zaXRpb246LjNzO2Rpc3BsYXk6ZmxleH0uaHgtYWNjb3JkaW9uLWJvZHl7b3ZlcmZsb3cteTpoaWRkZW47YmFja2dyb3VuZC1jb2xvcjojZmFmYWZhO3RyYW5zaXRpb246LjVzO2JveC1zaGFkb3c6aW5zZXQgMCAxcHggMCAwIHJnYmEoMCwwLDAsLjA4KX0uaHgtYWNjb3JkaW9uLWJvZHktd3JhcHBlcntwYWRkaW5nOjFyZW19YF0sXHJcbiAgICBhbmltYXRpb25zOiBbXHJcbiAgICAgICAgdHJpZ2dlcignc2xpZGVJbicsIFtcclxuICAgICAgICAgICAgc3RhdGUoJyonLCBzdHlsZSh7ICdvdmVyZmxvdy15JzogJ2hpZGRlbicgfSkpLFxyXG4gICAgICAgICAgICBzdGF0ZSgndm9pZCcsIHN0eWxlKHsgJ292ZXJmbG93LXknOiAnaGlkZGVuJyB9KSksXHJcbiAgICAgICAgICAgIHRyYW5zaXRpb24oJyogPT4gdm9pZCcsIFtcclxuICAgICAgICAgICAgICAgIHN0eWxlKHsgaGVpZ2h0OiAnKicgfSksXHJcbiAgICAgICAgICAgICAgICBhbmltYXRlKCcwLjI1cyBlYXNlLW91dCcsIHN0eWxlKHsgaGVpZ2h0OiAwLCBvcGFjaXR5OiAwIH0pKVxyXG4gICAgICAgICAgICBdKSxcclxuICAgICAgICAgICAgdHJhbnNpdGlvbigndm9pZCA9PiAqJywgW1xyXG4gICAgICAgICAgICAgICAgc3R5bGUoeyBoZWlnaHQ6ICcwJyB9KSxcclxuICAgICAgICAgICAgICAgIGFuaW1hdGUoJzAuMjVzIGVhc2Utb3V0Jywgc3R5bGUoeyBoZWlnaHQ6ICcqJywgb3BhY2l0eTogMSB9KSlcclxuICAgICAgICAgICAgXSlcclxuICAgICAgICBdKVxyXG4gICAgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQWNjb3JkaW9uQ29udGFpbmVyQ29tcG9uZW50IHtcclxuICAgIEBJbnB1dCgpIGV4cGFuZGVkID0gdHJ1ZTtcclxuXHJcbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIF9jaGFuZ2VEZXRlY3Rpb25SZWY6IENoYW5nZURldGVjdG9yUmVmKSB7IH1cclxuXHJcbiAgICBwdWJsaWMgdG9nZ2xlKCk6IHZvaWQge1xyXG4gICAgICAgIHRoaXMuZXhwYW5kZWQgPSAhdGhpcy5leHBhbmRlZDtcclxuICAgICAgICB0aGlzLl9jaGFuZ2VEZXRlY3Rpb25SZWYubWFya0ZvckNoZWNrKCk7XHJcbiAgICB9XHJcbn1cclxuIl19