@odilo/buttons
Version:
Share buttons components for Angular and Ionic.
44 lines • 4.1 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, Input, Output, ElementRef, EventEmitter, ChangeDetectionStrategy } from '@angular/core';
var ExpandButton = /** @class */ (function () {
function ExpandButton(el) {
this.toggle = new EventEmitter();
el.nativeElement.style.setProperty('--button-color', '#FF6651');
}
ExpandButton.decorators = [
{ type: Component, args: [{
selector: 'expand-button',
changeDetection: ChangeDetectionStrategy.OnPush,
template: "\n <button class=\"sb-wrapper sb-expand sb-show-icon\"\n [style.fontSize.px]=\"size\"\n [attr.aria-label]=\"'share'\"\n (click)=\"toggle.emit(!expanded)\">\n\n <div class=\"sb-inner\">\n <div class=\"sb-content\">\n <div class=\"sb-icon\">\n <fa-icon [icon]=\"expanded ? lessIcon : moreIcon\"></fa-icon>\n </div>\n </div>\n </div>\n </button>\n "
}] }
];
/** @nocollapse */
ExpandButton.ctorParameters = function () { return [
{ type: ElementRef }
]; };
ExpandButton.propDecorators = {
moreIcon: [{ type: Input }],
lessIcon: [{ type: Input }],
expanded: [{ type: Input }],
size: [{ type: Input }],
toggle: [{ type: Output }]
};
return ExpandButton;
}());
export { ExpandButton };
if (false) {
/** @type {?} */
ExpandButton.prototype.moreIcon;
/** @type {?} */
ExpandButton.prototype.lessIcon;
/** @type {?} */
ExpandButton.prototype.expanded;
/** @type {?} */
ExpandButton.prototype.size;
/** @type {?} */
ExpandButton.prototype.toggle;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhwYW5kLWJ1dHRvbi5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BvZGlsby9idXR0b25zLyIsInNvdXJjZXMiOlsibGliL2V4cGFuZC1idXR0b24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQUUsWUFBWSxFQUFFLHVCQUF1QixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTVHO0lBMkJFLHNCQUFZLEVBQWM7UUFGaEIsV0FBTSxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7UUFHN0MsRUFBRSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsV0FBVyxDQUFDLGdCQUFnQixFQUFFLFNBQVMsQ0FBQyxDQUFDO0lBQ2xFLENBQUM7O2dCQTdCRixTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLGVBQWU7b0JBQ3pCLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQyxRQUFRLEVBQUUsd2JBY1Q7aUJBQ0Y7Ozs7Z0JBcEJrQyxVQUFVOzs7MkJBdUIxQyxLQUFLOzJCQUNMLEtBQUs7MkJBQ0wsS0FBSzt1QkFDTCxLQUFLO3lCQUNMLE1BQU07O0lBS1QsbUJBQUM7Q0FBQSxBQTlCRCxJQThCQztTQVhZLFlBQVk7OztJQUV2QixnQ0FBdUI7O0lBQ3ZCLGdDQUF1Qjs7SUFDdkIsZ0NBQTBCOztJQUMxQiw0QkFBc0I7O0lBQ3RCLDhCQUErQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE91dHB1dCwgRWxlbWVudFJlZiwgRXZlbnRFbWl0dGVyLCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdleHBhbmQtYnV0dG9uJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGJ1dHRvbiBjbGFzcz1cInNiLXdyYXBwZXIgc2ItZXhwYW5kIHNiLXNob3ctaWNvblwiXG4gICAgICAgICAgICBbc3R5bGUuZm9udFNpemUucHhdPVwic2l6ZVwiXG4gICAgICAgICAgICBbYXR0ci5hcmlhLWxhYmVsXT1cIidzaGFyZSdcIlxuICAgICAgICAgICAgKGNsaWNrKT1cInRvZ2dsZS5lbWl0KCFleHBhbmRlZClcIj5cblxuICAgICAgPGRpdiBjbGFzcz1cInNiLWlubmVyXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzYi1jb250ZW50XCI+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cInNiLWljb25cIj5cbiAgICAgICAgICAgIDxmYS1pY29uIFtpY29uXT1cImV4cGFuZGVkID8gbGVzc0ljb24gOiBtb3JlSWNvblwiPjwvZmEtaWNvbj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L2J1dHRvbj5cbiAgYFxufSlcbmV4cG9ydCBjbGFzcyBFeHBhbmRCdXR0b24ge1xuXG4gIEBJbnB1dCgpIG1vcmVJY29uOiBhbnk7XG4gIEBJbnB1dCgpIGxlc3NJY29uOiBhbnk7XG4gIEBJbnB1dCgpIGV4cGFuZGVkOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHNpemU6IG51bWJlcjtcbiAgQE91dHB1dCgpIHRvZ2dsZSA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcblxuICBjb25zdHJ1Y3RvcihlbDogRWxlbWVudFJlZikge1xuICAgIGVsLm5hdGl2ZUVsZW1lbnQuc3R5bGUuc2V0UHJvcGVydHkoJy0tYnV0dG9uLWNvbG9yJywgJyNGRjY2NTEnKTtcbiAgfVxufVxuIl19