@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>
48 lines • 4.69 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, HostBinding, Input } from '@angular/core';
var LayoutSection = /** @class */ (function () {
function LayoutSection() {
this.baseClass = true;
this.secondary = false;
this.oneHalf = false;
this.oneThird = false;
this.annotated = false;
}
LayoutSection.decorators = [
{ type: Component, args: [{
selector: 'suka-layout-section',
template: "\n <div *ngIf=\"annotated else elseTpl\" class=\"annotation__wrapper\">\n <div class=\"annotation\">\n <h5>{{title}}</h5>\n <p>{{description}}</p>\n </div>\n <div class=\"annotation-content\">\n <ng-content *ngTemplateOutlet=\"elseTpl\"></ng-content>\n </div>\n </div>\n\n <ng-template #elseTpl>\n <ng-content></ng-content>\n </ng-template>\n "
}] }
];
LayoutSection.propDecorators = {
baseClass: [{ type: HostBinding, args: ['class.layout__section',] }],
secondary: [{ type: HostBinding, args: ['class.layout__section--secondary',] }, { type: Input }],
oneHalf: [{ type: HostBinding, args: ['class.layout__section--one-half',] }, { type: Input }],
oneThird: [{ type: HostBinding, args: ['class.layout__section--one-third',] }, { type: Input }],
annotated: [{ type: HostBinding, args: ['class.layout__section--annotated',] }, { type: Input }],
title: [{ type: Input }],
description: [{ type: Input }]
};
return LayoutSection;
}());
export { LayoutSection };
if (false) {
/** @type {?} */
LayoutSection.prototype.baseClass;
/** @type {?} */
LayoutSection.prototype.secondary;
/** @type {?} */
LayoutSection.prototype.oneHalf;
/** @type {?} */
LayoutSection.prototype.oneThird;
/** @type {?} */
LayoutSection.prototype.annotated;
/** @type {?} */
LayoutSection.prototype.title;
/** @type {?} */
LayoutSection.prototype.description;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGF5b3V0LXNlY3Rpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGt1c2hraS9uZy1zdWthLyIsInNvdXJjZXMiOlsibGliL2xheW91dC9sYXlvdXQtc2VjdGlvbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBZSxNQUFNLGVBQWUsQ0FBQztBQUUzRTtJQUFBO1FBbUJ3QyxjQUFTLEdBQUcsSUFBSSxDQUFDO1FBRUcsY0FBUyxHQUFHLEtBQUssQ0FBQztRQUNuQixZQUFPLEdBQUcsS0FBSyxDQUFDO1FBQ2YsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUNqQixjQUFTLEdBQUcsS0FBSyxDQUFDO0lBSTlFLENBQUM7O2dCQTVCQSxTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLHFCQUFxQjtvQkFDL0IsUUFBUSxFQUFFLG9aQWNUO2lCQUNGOzs7NEJBRUUsV0FBVyxTQUFDLHVCQUF1Qjs0QkFFbkMsV0FBVyxTQUFDLGtDQUFrQyxjQUFHLEtBQUs7MEJBQ3RELFdBQVcsU0FBQyxpQ0FBaUMsY0FBRyxLQUFLOzJCQUNyRCxXQUFXLFNBQUMsa0NBQWtDLGNBQUcsS0FBSzs0QkFDdEQsV0FBVyxTQUFDLGtDQUFrQyxjQUFHLEtBQUs7d0JBRXRELEtBQUs7OEJBQ0wsS0FBSzs7SUFDUixvQkFBQztDQUFBLEFBNUJELElBNEJDO1NBVlksYUFBYTs7O0lBQ3hCLGtDQUF1RDs7SUFFdkQsa0NBQTRFOztJQUM1RSxnQ0FBeUU7O0lBQ3pFLGlDQUEyRTs7SUFDM0Usa0NBQTRFOztJQUU1RSw4QkFBMEM7O0lBQzFDLG9DQUFnRCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0LCBUZW1wbGF0ZVJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzdWthLWxheW91dC1zZWN0aW9uJyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2ICpuZ0lmPVwiYW5ub3RhdGVkIGVsc2UgZWxzZVRwbFwiIGNsYXNzPVwiYW5ub3RhdGlvbl9fd3JhcHBlclwiPlxuICAgICAgPGRpdiBjbGFzcz1cImFubm90YXRpb25cIj5cbiAgICAgICAgPGg1Pnt7dGl0bGV9fTwvaDU+XG4gICAgICAgIDxwPnt7ZGVzY3JpcHRpb259fTwvcD5cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdiBjbGFzcz1cImFubm90YXRpb24tY29udGVudFwiPlxuICAgICAgICA8bmctY29udGVudCAqbmdUZW1wbGF0ZU91dGxldD1cImVsc2VUcGxcIj48L25nLWNvbnRlbnQ+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cblxuICAgIDxuZy10ZW1wbGF0ZSAjZWxzZVRwbD5cbiAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8L25nLXRlbXBsYXRlPlxuICBgXG59KVxuZXhwb3J0IGNsYXNzIExheW91dFNlY3Rpb24ge1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmxheW91dF9fc2VjdGlvbicpIGJhc2VDbGFzcyA9IHRydWU7XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5sYXlvdXRfX3NlY3Rpb24tLXNlY29uZGFyeScpIEBJbnB1dCgpIHNlY29uZGFyeSA9IGZhbHNlO1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmxheW91dF9fc2VjdGlvbi0tb25lLWhhbGYnKSBASW5wdXQoKSBvbmVIYWxmID0gZmFsc2U7XG4gIEBIb3N0QmluZGluZygnY2xhc3MubGF5b3V0X19zZWN0aW9uLS1vbmUtdGhpcmQnKSBASW5wdXQoKSBvbmVUaGlyZCA9IGZhbHNlO1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmxheW91dF9fc2VjdGlvbi0tYW5ub3RhdGVkJykgQElucHV0KCkgYW5ub3RhdGVkID0gZmFsc2U7XG5cbiAgQElucHV0KCkgdGl0bGU6IHN0cmluZyB8IFRlbXBsYXRlUmVmPGFueT47XG4gIEBJbnB1dCgpIGRlc2NyaXB0aW9uOiBzdHJpbmcgfCBUZW1wbGF0ZVJlZjxhbnk+O1xufVxuIl19