@odilo/buttons
Version:
Share buttons components for Angular and Ionic.
59 lines (58 loc) • 3.92 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';
export class ExpandButton {
/**
* @param {?} el
*/
constructor(el) {
this.toggle = new EventEmitter();
el.nativeElement.style.setProperty('--button-color', '#FF6651');
}
}
ExpandButton.decorators = [
{ type: Component, args: [{
selector: 'expand-button',
changeDetection: ChangeDetectionStrategy.OnPush,
template: `
<button class="sb-wrapper sb-expand sb-show-icon"
[]="size"
[]="'share'"
(click)="toggle.emit(!expanded)">
<div class="sb-inner">
<div class="sb-content">
<div class="sb-icon">
<fa-icon [icon]="expanded ? lessIcon : moreIcon"></fa-icon>
</div>
</div>
</div>
</button>
`
}] }
];
/** @nocollapse */
ExpandButton.ctorParameters = () => [
{ type: ElementRef }
];
ExpandButton.propDecorators = {
moreIcon: [{ type: Input }],
lessIcon: [{ type: Input }],
expanded: [{ type: Input }],
size: [{ type: Input }],
toggle: [{ type: Output }]
};
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhwYW5kLWJ1dHRvbi5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BvZGlsby9idXR0b25zLyIsInNvdXJjZXMiOlsibGliL2V4cGFuZC1idXR0b24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQUUsWUFBWSxFQUFFLHVCQUF1QixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBcUI1RyxNQUFNLE9BQU8sWUFBWTs7OztJQVF2QixZQUFZLEVBQWM7UUFGaEIsV0FBTSxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7UUFHN0MsRUFBRSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsV0FBVyxDQUFDLGdCQUFnQixFQUFFLFNBQVMsQ0FBQyxDQUFDO0lBQ2xFLENBQUM7OztZQTdCRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLGVBQWU7Z0JBQ3pCLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO2dCQUMvQyxRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7O0dBY1Q7YUFDRjs7OztZQXBCa0MsVUFBVTs7O3VCQXVCMUMsS0FBSzt1QkFDTCxLQUFLO3VCQUNMLEtBQUs7bUJBQ0wsS0FBSztxQkFDTCxNQUFNOzs7O0lBSlAsZ0NBQXVCOztJQUN2QixnQ0FBdUI7O0lBQ3ZCLGdDQUEwQjs7SUFDMUIsNEJBQXNCOztJQUN0Qiw4QkFBK0MiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPdXRwdXQsIEVsZW1lbnRSZWYsIEV2ZW50RW1pdHRlciwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZXhwYW5kLWJ1dHRvbicsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxidXR0b24gY2xhc3M9XCJzYi13cmFwcGVyIHNiLWV4cGFuZCBzYi1zaG93LWljb25cIlxuICAgICAgICAgICAgW3N0eWxlLmZvbnRTaXplLnB4XT1cInNpemVcIlxuICAgICAgICAgICAgW2F0dHIuYXJpYS1sYWJlbF09XCInc2hhcmUnXCJcbiAgICAgICAgICAgIChjbGljayk9XCJ0b2dnbGUuZW1pdCghZXhwYW5kZWQpXCI+XG5cbiAgICAgIDxkaXYgY2xhc3M9XCJzYi1pbm5lclwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwic2ItY29udGVudFwiPlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJzYi1pY29uXCI+XG4gICAgICAgICAgICA8ZmEtaWNvbiBbaWNvbl09XCJleHBhbmRlZCA/IGxlc3NJY29uIDogbW9yZUljb25cIj48L2ZhLWljb24+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgPC9idXR0b24+XG4gIGBcbn0pXG5leHBvcnQgY2xhc3MgRXhwYW5kQnV0dG9uIHtcblxuICBASW5wdXQoKSBtb3JlSWNvbjogYW55O1xuICBASW5wdXQoKSBsZXNzSWNvbjogYW55O1xuICBASW5wdXQoKSBleHBhbmRlZDogc3RyaW5nO1xuICBASW5wdXQoKSBzaXplOiBudW1iZXI7XG4gIEBPdXRwdXQoKSB0b2dnbGUgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XG5cbiAgY29uc3RydWN0b3IoZWw6IEVsZW1lbnRSZWYpIHtcbiAgICBlbC5uYXRpdmVFbGVtZW50LnN0eWxlLnNldFByb3BlcnR5KCctLWJ1dHRvbi1jb2xvcicsICcjRkY2NjUxJyk7XG4gIH1cbn1cbiJdfQ==