@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>
61 lines (58 loc) • 4.03 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { HostBinding, Component, Input, TemplateRef } from '@angular/core';
export class PageHeader {
constructor() {
this.baseClass = true;
this.breadcrumb = true;
}
/**
* @param {?} value
* @return {?}
*/
isTemplate(value) {
return value instanceof TemplateRef;
}
}
PageHeader.decorators = [
{ type: Component, args: [{
selector: `suka-page-header`,
template: `
<suka-breadcrumb *ngIf="breadcrumb"></suka-breadcrumb>
<suka-stack
alignment="center"
>
<div sukaStackItem fill="true">
<ng-container *ngIf="!isTemplate(title)">
<h3 class="page__header__title">{{title}}</h3>
<span *ngIf="subtitle" class="page__header__subtitle">{{subtitle}}</span>
</ng-container>
<ng-template *ngIf="isTemplate(title)" [ngTemplateOutlet]="title"></ng-template>
</div>
<ng-template [ngTemplateOutlet]="actions"></ng-template>
</suka-stack>
`
}] }
];
PageHeader.propDecorators = {
baseClass: [{ type: HostBinding, args: ['class.page__header',] }],
title: [{ type: Input }],
subtitle: [{ type: Input }],
actions: [{ type: Input }],
breadcrumb: [{ type: Input }]
};
if (false) {
/** @type {?} */
PageHeader.prototype.baseClass;
/** @type {?} */
PageHeader.prototype.title;
/** @type {?} */
PageHeader.prototype.subtitle;
/** @type {?} */
PageHeader.prototype.actions;
/** @type {?} */
PageHeader.prototype.breadcrumb;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS1oZWFkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGt1c2hraS9uZy1zdWthLyIsInNvdXJjZXMiOlsibGliL3BhZ2UvcGFnZS1oZWFkZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQUUsV0FBVyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBdUIzRSxNQUFNLE9BQU8sVUFBVTtJQXJCdkI7UUFzQnFDLGNBQVMsR0FBRyxJQUFJLENBQUM7UUFRM0MsZUFBVSxHQUFHLElBQUksQ0FBQztJQUs3QixDQUFDOzs7OztJQUhRLFVBQVUsQ0FBQyxLQUFLO1FBQ3JCLE9BQU8sS0FBSyxZQUFZLFdBQVcsQ0FBQztJQUN0QyxDQUFDOzs7WUFsQ0YsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxrQkFBa0I7Z0JBQzVCLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FpQlQ7YUFDRjs7O3dCQUVFLFdBQVcsU0FBQyxvQkFBb0I7b0JBRWhDLEtBQUs7dUJBRUwsS0FBSztzQkFFTCxLQUFLO3lCQUVMLEtBQUs7Ozs7SUFSTiwrQkFBb0Q7O0lBRXBELDJCQUEwQzs7SUFFMUMsOEJBQTBCOztJQUUxQiw2QkFBbUM7O0lBRW5DLGdDQUEyQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEhvc3RCaW5kaW5nLCBDb21wb25lbnQsIElucHV0LCBUZW1wbGF0ZVJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6IGBzdWthLXBhZ2UtaGVhZGVyYCxcbiAgdGVtcGxhdGU6IGBcbiAgICA8c3VrYS1icmVhZGNydW1iICpuZ0lmPVwiYnJlYWRjcnVtYlwiPjwvc3VrYS1icmVhZGNydW1iPlxuXG4gICAgPHN1a2Etc3RhY2tcbiAgICAgIGFsaWdubWVudD1cImNlbnRlclwiXG4gICAgPlxuICAgICAgPGRpdiBzdWthU3RhY2tJdGVtIGZpbGw9XCJ0cnVlXCI+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCIhaXNUZW1wbGF0ZSh0aXRsZSlcIj5cbiAgICAgICAgICA8aDMgY2xhc3M9XCJwYWdlX19oZWFkZXJfX3RpdGxlXCI+e3t0aXRsZX19PC9oMz5cbiAgICAgICAgICA8c3BhbiAqbmdJZj1cInN1YnRpdGxlXCIgY2xhc3M9XCJwYWdlX19oZWFkZXJfX3N1YnRpdGxlXCI+e3tzdWJ0aXRsZX19PC9zcGFuPlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cblxuICAgICAgICA8bmctdGVtcGxhdGUgKm5nSWY9XCJpc1RlbXBsYXRlKHRpdGxlKVwiIFtuZ1RlbXBsYXRlT3V0bGV0XT1cInRpdGxlXCI+PC9uZy10ZW1wbGF0ZT5cbiAgICAgIDwvZGl2PlxuXG4gICAgICA8bmctdGVtcGxhdGUgW25nVGVtcGxhdGVPdXRsZXRdPVwiYWN0aW9uc1wiPjwvbmctdGVtcGxhdGU+XG4gICAgPC9zdWthLXN0YWNrPlxuICBgXG59KVxuZXhwb3J0IGNsYXNzIFBhZ2VIZWFkZXIge1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLnBhZ2VfX2hlYWRlcicpIGJhc2VDbGFzcyA9IHRydWU7XG5cbiAgQElucHV0KCkgdGl0bGU6IHN0cmluZyB8IFRlbXBsYXRlUmVmPGFueT47XG5cbiAgQElucHV0KCkgc3VidGl0bGU6IHN0cmluZztcblxuICBASW5wdXQoKSBhY3Rpb25zOiBUZW1wbGF0ZVJlZjxhbnk+O1xuXG4gIEBJbnB1dCgpIGJyZWFkY3J1bWIgPSB0cnVlO1xuXG4gIHB1YmxpYyBpc1RlbXBsYXRlKHZhbHVlKSB7XG4gICAgcmV0dXJuIHZhbHVlIGluc3RhbmNlb2YgVGVtcGxhdGVSZWY7XG4gIH1cbn1cbiJdfQ==