@kushki/ng-suka
Version:
<p align="center"> <h1 align="center">Suka Components Angular</h1> <p align="center"> An Angular implementation of the Suka Design System </p> </p>
62 lines • 5.62 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, HostBinding, Input, ViewEncapsulation } from '@angular/core';
var MobileNavigation = /** @class */ (function () {
function MobileNavigation() {
this.role = 'complementary';
this.hostClass = true;
/**
* Controls the expanded (`true`) or collapsed (`false`) state when on a small screen.
*/
this.expanded = false;
/**
* Controls the hidden (`true`) or visible (`false`) state
*/
this.hidden = false;
}
/**
* @return {?}
*/
MobileNavigation.prototype.toggle = /**
* @return {?}
*/
function () {
this.expanded = !this.expanded;
};
MobileNavigation.decorators = [
{ type: Component, args: [{
selector: 'suka-mobile-navigation',
template: "\n <button class=\"nav-toggle\" (click)=\"toggle()\"><suka-icon icon=\"menu\"></suka-icon> Navegaci\u00F3n</button>\n <div class=\"backdrop--dark\"></div>\n <div class=\"mobile-navigation__nav-wrapper\">\n <div class=\"mobile-nav-trigger\" (click)=\"toggle()\"></div>\n <div class=\"mobile-nav\">\n <div class=\"mobile-nav__header\">\n Navegaci\u00F3n\n <button sukaButton=\"plain\" (click)=\"toggle()\" size=\"sm\"><suka-icon icon=\"x\"></suka-icon></button>\n </div>\n <ng-content></ng-content>\n </div>\n </div>\n ",
encapsulation: ViewEncapsulation.None
}] }
];
/** @nocollapse */
MobileNavigation.ctorParameters = function () { return []; };
MobileNavigation.propDecorators = {
role: [{ type: HostBinding, args: ['attr.role',] }],
hostClass: [{ type: HostBinding, args: ['class.mobile-navigation',] }],
expanded: [{ type: HostBinding, args: ['class.mobile-navigation--expanded',] }, { type: Input }],
hidden: [{ type: HostBinding, args: ['class.mobile-navigation--hidden',] }, { type: Input }]
};
return MobileNavigation;
}());
export { MobileNavigation };
if (false) {
/** @type {?} */
MobileNavigation.prototype.role;
/** @type {?} */
MobileNavigation.prototype.hostClass;
/**
* Controls the expanded (`true`) or collapsed (`false`) state when on a small screen.
* @type {?}
*/
MobileNavigation.prototype.expanded;
/**
* Controls the hidden (`true`) or visible (`false`) state
* @type {?}
*/
MobileNavigation.prototype.hidden;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9iaWxlLW5hdmlnYXRpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGt1c2hraS9uZy1zdWthLyIsInNvdXJjZXMiOlsibGliL25hdmlnYXRpb24vbW9iaWxlLW5hdmlnYXRpb24uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULFdBQVcsRUFDWCxLQUFLLEVBQ0wsaUJBQWlCLEVBQ2xCLE1BQU0sZUFBZSxDQUFDO0FBRXZCO0lBOEJFO1FBWDBCLFNBQUksR0FBRyxlQUFlLENBQUM7UUFDVCxjQUFTLEdBQUcsSUFBSSxDQUFDOzs7O1FBSUUsYUFBUSxHQUFHLEtBQUssQ0FBQzs7OztRQUluQixXQUFNLEdBQUcsS0FBSyxDQUFDO0lBRXhELENBQUM7Ozs7SUFFakIsaUNBQU07OztJQUFOO1FBQ0UsSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUM7SUFDakMsQ0FBQzs7Z0JBbENGLFNBQVMsU0FBQztvQkFDVCxRQUFRLEVBQUUsd0JBQXdCO29CQUNsQyxRQUFRLEVBQUUsMGtCQWFUO29CQUNELGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO2lCQUN0Qzs7Ozs7dUJBRUUsV0FBVyxTQUFDLFdBQVc7NEJBQ3ZCLFdBQVcsU0FBQyx5QkFBeUI7MkJBSXJDLFdBQVcsU0FBQyxtQ0FBbUMsY0FBRyxLQUFLO3lCQUl2RCxXQUFXLFNBQUMsaUNBQWlDLGNBQUcsS0FBSzs7SUFPeEQsdUJBQUM7Q0FBQSxBQW5DRCxJQW1DQztTQWpCWSxnQkFBZ0I7OztJQUMzQixnQ0FBaUQ7O0lBQ2pELHFDQUF5RDs7Ozs7SUFJekQsb0NBQTRFOzs7OztJQUk1RSxrQ0FBd0UiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIEhvc3RCaW5kaW5nLFxuICBJbnB1dCxcbiAgVmlld0VuY2Fwc3VsYXRpb25cbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N1a2EtbW9iaWxlLW5hdmlnYXRpb24nLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxidXR0b24gY2xhc3M9XCJuYXYtdG9nZ2xlXCIgKGNsaWNrKT1cInRvZ2dsZSgpXCI+PHN1a2EtaWNvbiBpY29uPVwibWVudVwiPjwvc3VrYS1pY29uPiBOYXZlZ2FjacOzbjwvYnV0dG9uPlxuICAgIDxkaXYgY2xhc3M9XCJiYWNrZHJvcC0tZGFya1wiPjwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJtb2JpbGUtbmF2aWdhdGlvbl9fbmF2LXdyYXBwZXJcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJtb2JpbGUtbmF2LXRyaWdnZXJcIiAoY2xpY2spPVwidG9nZ2xlKClcIj48L2Rpdj5cbiAgICAgIDxkaXYgY2xhc3M9XCJtb2JpbGUtbmF2XCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJtb2JpbGUtbmF2X19oZWFkZXJcIj5cbiAgICAgICAgICBOYXZlZ2FjacOzblxuICAgICAgICAgIDxidXR0b24gc3VrYUJ1dHRvbj1cInBsYWluXCIgKGNsaWNrKT1cInRvZ2dsZSgpXCIgc2l6ZT1cInNtXCI+PHN1a2EtaWNvbiBpY29uPVwieFwiPjwvc3VrYS1pY29uPjwvYnV0dG9uPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIGAsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcbn0pXG5leHBvcnQgY2xhc3MgTW9iaWxlTmF2aWdhdGlvbiB7XG4gIEBIb3N0QmluZGluZygnYXR0ci5yb2xlJykgcm9sZSA9ICdjb21wbGVtZW50YXJ5JztcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5tb2JpbGUtbmF2aWdhdGlvbicpIGhvc3RDbGFzcyA9IHRydWU7XG4gIC8qKlxuICAgKiBDb250cm9scyB0aGUgZXhwYW5kZWQgKGB0cnVlYCkgb3IgY29sbGFwc2VkIChgZmFsc2VgKSBzdGF0ZSB3aGVuIG9uIGEgc21hbGwgc2NyZWVuLlxuICAgKi9cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5tb2JpbGUtbmF2aWdhdGlvbi0tZXhwYW5kZWQnKSBASW5wdXQoKSBleHBhbmRlZCA9IGZhbHNlO1xuICAvKipcbiAgICogQ29udHJvbHMgdGhlIGhpZGRlbiAoYHRydWVgKSBvciB2aXNpYmxlIChgZmFsc2VgKSBzdGF0ZVxuICAgKi9cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5tb2JpbGUtbmF2aWdhdGlvbi0taGlkZGVuJykgQElucHV0KCkgaGlkZGVuID0gZmFsc2U7XG5cbiAgY29uc3RydWN0b3IoKSB7IH1cblxuICB0b2dnbGUoKSB7XG4gICAgdGhpcy5leHBhbmRlZCA9ICF0aGlzLmV4cGFuZGVkO1xuICB9XG59XG4iXX0=