fundamental-ngx
Version:
SAP Fiori Fundamentals, implemented in Angular
82 lines • 5.46 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, ElementRef, Input, ViewEncapsulation } from '@angular/core';
import { AbstractFdNgxClass } from '../utils/abstract-fd-ngx-class';
/**
* Product tile is used to display product information.
* ```html
* <fd-product-tile>
* <fd-product-tile-media [photo]="'https://techne.yaas.io/images/product-thumbnail-wide.png'">
* </fd-product-tile-media>
* <fd-product-tile-content>
* <h2 fd-product-tile-title>Default Product Tile</h2>
* </fd-product-tile-content>
* </fd-product-tile>
* ```
*/
export class ProductTileComponent extends AbstractFdNgxClass {
/**
* @hidden
* @param {?} elementRef
*/
constructor(elementRef) {
super(elementRef);
this.elementRef = elementRef;
/**
* Whether the product tile is disabled.
*/
this.disabled = false;
/**
* Whether the product tile is rendered as a button.
*/
this.isButton = false;
}
/**
* @hidden
* @return {?}
*/
_setProperties() {
this._addClassToElement('fd-product-tile');
if (this.disabled) {
this._addClassToElement('is-disabled');
}
}
}
ProductTileComponent.decorators = [
{ type: Component, args: [{
selector: 'fd-product-tile',
host: {
'[attr.role]': '(this.isButton === true ? "button" : "")'
},
template: "<ng-content select=\"fd-product-tile-media\"></ng-content>\n<ng-content select=\"fd-product-tile-content\"></ng-content>\n<ng-content></ng-content>\n",
encapsulation: ViewEncapsulation.None
}] }
];
/** @nocollapse */
ProductTileComponent.ctorParameters = () => [
{ type: ElementRef }
];
ProductTileComponent.propDecorators = {
disabled: [{ type: Input }],
isButton: [{ type: Input }]
};
if (false) {
/**
* Whether the product tile is disabled.
* @type {?}
*/
ProductTileComponent.prototype.disabled;
/**
* Whether the product tile is rendered as a button.
* @type {?}
*/
ProductTileComponent.prototype.isButton;
/**
* @type {?}
* @private
*/
ProductTileComponent.prototype.elementRef;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZHVjdC10aWxlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL2Z1bmRhbWVudGFsLW5neC8iLCJzb3VyY2VzIjpbImxpYi90aWxlL3Byb2R1Y3QtdGlsZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNoRixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQzs7Ozs7Ozs7Ozs7OztBQXNCcEUsTUFBTSxPQUFPLG9CQUFxQixTQUFRLGtCQUFrQjs7Ozs7SUFnQnhELFlBQW9CLFVBQXNCO1FBQ3RDLEtBQUssQ0FBQyxVQUFVLENBQUMsQ0FBQztRQURGLGVBQVUsR0FBVixVQUFVLENBQVk7Ozs7UUFkakMsYUFBUSxHQUFZLEtBQUssQ0FBQzs7OztRQUcxQixhQUFRLEdBQVksS0FBSyxDQUFDO0lBYW5DLENBQUM7Ozs7O0lBVkQsY0FBYztRQUNWLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO1FBQzNDLElBQUksSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNmLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxhQUFhLENBQUMsQ0FBQztTQUMxQztJQUNMLENBQUM7OztZQXJCSixTQUFTLFNBQUM7Z0JBQ1AsUUFBUSxFQUFFLGlCQUFpQjtnQkFDM0IsSUFBSSxFQUFFO29CQUNGLGFBQWEsRUFBRSwwQ0FBMEM7aUJBQzVEO2dCQUNELGlLQUE0QztnQkFDNUMsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7YUFDeEM7Ozs7WUF0Qm1CLFVBQVU7Ozt1QkF5QnpCLEtBQUs7dUJBR0wsS0FBSzs7Ozs7OztJQUhOLHdDQUFtQzs7Ozs7SUFHbkMsd0NBQW1DOzs7OztJQVd2QiwwQ0FBOEIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEVsZW1lbnRSZWYsIElucHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQWJzdHJhY3RGZE5neENsYXNzIH0gZnJvbSAnLi4vdXRpbHMvYWJzdHJhY3QtZmQtbmd4LWNsYXNzJztcblxuLyoqXG4gKiBQcm9kdWN0IHRpbGUgaXMgdXNlZCB0byBkaXNwbGF5IHByb2R1Y3QgaW5mb3JtYXRpb24uXG4gKiBgYGBodG1sXG4gKiA8ZmQtcHJvZHVjdC10aWxlPlxuICogICAgIDxmZC1wcm9kdWN0LXRpbGUtbWVkaWEgW3Bob3RvXT1cIidodHRwczovL3RlY2huZS55YWFzLmlvL2ltYWdlcy9wcm9kdWN0LXRodW1ibmFpbC13aWRlLnBuZydcIj5cbiAqICAgICA8L2ZkLXByb2R1Y3QtdGlsZS1tZWRpYT5cbiAqICAgICA8ZmQtcHJvZHVjdC10aWxlLWNvbnRlbnQ+XG4gKiAgICAgICAgIDxoMiBmZC1wcm9kdWN0LXRpbGUtdGl0bGU+RGVmYXVsdCBQcm9kdWN0IFRpbGU8L2gyPlxuICogICAgIDwvZmQtcHJvZHVjdC10aWxlLWNvbnRlbnQ+XG4gKiA8L2ZkLXByb2R1Y3QtdGlsZT5cbiAqIGBgYFxuICovXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2ZkLXByb2R1Y3QtdGlsZScsXG4gICAgaG9zdDoge1xuICAgICAgICAnW2F0dHIucm9sZV0nOiAnKHRoaXMuaXNCdXR0b24gPT09IHRydWUgPyBcImJ1dHRvblwiIDogXCJcIiknXG4gICAgfSxcbiAgICB0ZW1wbGF0ZVVybDogJy4vcHJvZHVjdC10aWxlLmNvbXBvbmVudC5odG1sJyxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXG59KVxuZXhwb3J0IGNsYXNzIFByb2R1Y3RUaWxlQ29tcG9uZW50IGV4dGVuZHMgQWJzdHJhY3RGZE5neENsYXNzIHtcbiAgICAvKiogV2hldGhlciB0aGUgcHJvZHVjdCB0aWxlIGlzIGRpc2FibGVkLiAqL1xuICAgIEBJbnB1dCgpIGRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgICAvKiogV2hldGhlciB0aGUgcHJvZHVjdCB0aWxlIGlzIHJlbmRlcmVkIGFzIGEgYnV0dG9uLiAqL1xuICAgIEBJbnB1dCgpIGlzQnV0dG9uOiBib29sZWFuID0gZmFsc2U7XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIF9zZXRQcm9wZXJ0aWVzKCkge1xuICAgICAgICB0aGlzLl9hZGRDbGFzc1RvRWxlbWVudCgnZmQtcHJvZHVjdC10aWxlJyk7XG4gICAgICAgIGlmICh0aGlzLmRpc2FibGVkKSB7XG4gICAgICAgICAgICB0aGlzLl9hZGRDbGFzc1RvRWxlbWVudCgnaXMtZGlzYWJsZWQnKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBlbGVtZW50UmVmOiBFbGVtZW50UmVmKSB7XG4gICAgICAgIHN1cGVyKGVsZW1lbnRSZWYpO1xuICAgIH1cbn1cbiJdfQ==