@hxui/angular
Version:
* * *
61 lines (60 loc) • 4.46 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,uselessCode} checked by tsc
*/
import { Component } from '@angular/core';
import { DropdownState } from './dropdown.state';
var DropdownContainerComponent = /** @class */ (function () {
function DropdownContainerComponent(_state) {
var _this = this;
this._state = _state;
this.isOpen = false;
this._subscription = _state.isOpenChange.subscribe(function (value) {
_this.isOpen = value;
});
}
Object.defineProperty(DropdownContainerComponent.prototype, "direction", {
get: /**
* @return {?}
*/
function () {
return this._state.direction;
},
enumerable: true,
configurable: true
});
/**
* @return {?}
*/
DropdownContainerComponent.prototype.ngOnDestroy = /**
* @return {?}
*/
function () {
this._subscription.unsubscribe();
};
DropdownContainerComponent.decorators = [
{ type: Component, args: [{
selector: 'hx-dropdown-container',
host: {
style: 'display:block;position: absolute;',
class: 'hxui-reset'
},
template: "\n <div [class.is-dropup]=\"direction === 'up'\"\n [class.is-dropdown]=\"direction === 'down'\"\n [class.is-open]=\"isOpen\"><ng-content></ng-content></div>\n "
},] },
];
/** @nocollapse */
DropdownContainerComponent.ctorParameters = function () { return [
{ type: DropdownState }
]; };
return DropdownContainerComponent;
}());
export { DropdownContainerComponent };
if (false) {
/** @type {?} */
DropdownContainerComponent.prototype.isOpen;
/** @type {?} */
DropdownContainerComponent.prototype._subscription;
/** @type {?} */
DropdownContainerComponent.prototype._state;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24tY29udGFpbmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BoeHVpL2FuZ3VsYXIvIiwic291cmNlcyI6WyJsaWIvZHJvcGRvd24vZHJvcGRvd24tY29udGFpbmVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUEyQixTQUFTLEVBQWEsTUFBTSxlQUFlLENBQUM7QUFDOUUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtCQUFrQixDQUFDOztJQXVCL0Msb0NBQW9CLE1BQXFCO1FBQXpDLGlCQUlDO1FBSm1CLFdBQU0sR0FBTixNQUFNLENBQWU7c0JBUmhDLEtBQUs7UUFTWixJQUFJLENBQUMsYUFBYSxHQUFHLE1BQU0sQ0FBQyxZQUFZLENBQUMsU0FBUyxDQUFDLFVBQUMsS0FBYztZQUNoRSxLQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQztTQUNyQixDQUFDLENBQUM7S0FDSjtJQVZELHNCQUFJLGlEQUFTOzs7O1FBQWI7WUFDRSxNQUFNLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxTQUFTLENBQUM7U0FDOUI7OztPQUFBOzs7O0lBVUQsZ0RBQVc7OztJQUFYO1FBQ0UsSUFBSSxDQUFDLGFBQWEsQ0FBQyxXQUFXLEVBQUUsQ0FBQztLQUNsQzs7Z0JBN0JGLFNBQVMsU0FBQztvQkFDVCxRQUFRLEVBQUUsdUJBQXVCO29CQUNqQyxJQUFJLEVBQUU7d0JBQ0osS0FBSyxFQUFFLG1DQUFtQzt3QkFDMUMsS0FBSyxFQUFFLFlBQVk7cUJBQ3BCO29CQUNELFFBQVEsRUFBRSxxTEFJVDtpQkFDRjs7OztnQkFiUSxhQUFhOztxQ0FEdEI7O1NBZWEsMEJBQTBCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgT25EZXN0cm95IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IERyb3Bkb3duU3RhdGUgfSBmcm9tICcuL2Ryb3Bkb3duLnN0YXRlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnaHgtZHJvcGRvd24tY29udGFpbmVyJyxcclxuICBob3N0OiB7XHJcbiAgICBzdHlsZTogJ2Rpc3BsYXk6YmxvY2s7cG9zaXRpb246IGFic29sdXRlOycsXHJcbiAgICBjbGFzczogJ2h4dWktcmVzZXQnXHJcbiAgfSxcclxuICB0ZW1wbGF0ZTogYFxyXG4gICAgPGRpdiBbY2xhc3MuaXMtZHJvcHVwXT1cImRpcmVjdGlvbiA9PT0gJ3VwJ1wiXHJcbiAgICAgICAgIFtjbGFzcy5pcy1kcm9wZG93bl09XCJkaXJlY3Rpb24gPT09ICdkb3duJ1wiXHJcbiAgICAgICAgIFtjbGFzcy5pcy1vcGVuXT1cImlzT3BlblwiPjxuZy1jb250ZW50PjwvbmctY29udGVudD48L2Rpdj5cclxuICBgXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBEcm9wZG93bkNvbnRhaW5lckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uRGVzdHJveSB7XHJcbiAgaXNPcGVuID0gZmFsc2U7XHJcblxyXG4gIGdldCBkaXJlY3Rpb24oKTogJ2Rvd24nIHwgJ3VwJyB7XHJcbiAgICByZXR1cm4gdGhpcy5fc3RhdGUuZGlyZWN0aW9uO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBfc3Vic2NyaXB0aW9uOiBhbnk7XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgX3N0YXRlOiBEcm9wZG93blN0YXRlKSB7XHJcbiAgICB0aGlzLl9zdWJzY3JpcHRpb24gPSBfc3RhdGUuaXNPcGVuQ2hhbmdlLnN1YnNjcmliZSgodmFsdWU6IGJvb2xlYW4pID0+IHtcclxuICAgICAgdGhpcy5pc09wZW4gPSB2YWx1ZTtcclxuICAgIH0pO1xyXG4gIH1cclxuXHJcbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XHJcbiAgICB0aGlzLl9zdWJzY3JpcHRpb24udW5zdWJzY3JpYmUoKTtcclxuICB9XHJcbn1cclxuIl19