@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>
54 lines • 5.03 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;
/**
* Sets the title for an annotated layout section.
* @type {?}
*/
LayoutSection.prototype.title;
/**
* Sets the description for an annotated layout section.
* @type {?}
*/
LayoutSection.prototype.description;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGF5b3V0LXNlY3Rpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGt1c2hraS9uZy1zdWthLyIsInNvdXJjZXMiOlsibGliL2xheW91dC9sYXlvdXQtc2VjdGlvbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBZSxNQUFNLGVBQWUsQ0FBQztBQUUzRTtJQUFBO1FBbUJ3QyxjQUFTLEdBQUcsSUFBSSxDQUFDO1FBRUcsY0FBUyxHQUFHLEtBQUssQ0FBQztRQUNuQixZQUFPLEdBQUcsS0FBSyxDQUFDO1FBQ2YsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUNqQixjQUFTLEdBQUcsS0FBSyxDQUFDO0lBVTlFLENBQUM7O2dCQWxDQSxTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLHFCQUFxQjtvQkFDL0IsUUFBUSxFQUFFLG9aQWNUO2lCQUNGOzs7NEJBRUUsV0FBVyxTQUFDLHVCQUF1Qjs0QkFFbkMsV0FBVyxTQUFDLGtDQUFrQyxjQUFHLEtBQUs7MEJBQ3RELFdBQVcsU0FBQyxpQ0FBaUMsY0FBRyxLQUFLOzJCQUNyRCxXQUFXLFNBQUMsa0NBQWtDLGNBQUcsS0FBSzs0QkFDdEQsV0FBVyxTQUFDLGtDQUFrQyxjQUFHLEtBQUs7d0JBS3RELEtBQUs7OEJBSUwsS0FBSzs7SUFDUixvQkFBQztDQUFBLEFBbENELElBa0NDO1NBaEJZLGFBQWE7OztJQUN4QixrQ0FBdUQ7O0lBRXZELGtDQUE0RTs7SUFDNUUsZ0NBQXlFOztJQUN6RSxpQ0FBMkU7O0lBQzNFLGtDQUE0RTs7Ozs7SUFLNUUsOEJBQTBDOzs7OztJQUkxQyxvQ0FBZ0QiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBJbnB1dCwgVGVtcGxhdGVSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3VrYS1sYXlvdXQtc2VjdGlvbicsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiAqbmdJZj1cImFubm90YXRlZCBlbHNlIGVsc2VUcGxcIiBjbGFzcz1cImFubm90YXRpb25fX3dyYXBwZXJcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJhbm5vdGF0aW9uXCI+XG4gICAgICAgIDxoNT57e3RpdGxlfX08L2g1PlxuICAgICAgICA8cD57e2Rlc2NyaXB0aW9ufX08L3A+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXYgY2xhc3M9XCJhbm5vdGF0aW9uLWNvbnRlbnRcIj5cbiAgICAgICAgPG5nLWNvbnRlbnQgKm5nVGVtcGxhdGVPdXRsZXQ9XCJlbHNlVHBsXCI+PC9uZy1jb250ZW50PlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG5cbiAgICA8bmctdGVtcGxhdGUgI2Vsc2VUcGw+XG4gICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPC9uZy10ZW1wbGF0ZT5cbiAgYFxufSlcbmV4cG9ydCBjbGFzcyBMYXlvdXRTZWN0aW9uIHtcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5sYXlvdXRfX3NlY3Rpb24nKSBiYXNlQ2xhc3MgPSB0cnVlO1xuXG4gIEBIb3N0QmluZGluZygnY2xhc3MubGF5b3V0X19zZWN0aW9uLS1zZWNvbmRhcnknKSBASW5wdXQoKSBzZWNvbmRhcnkgPSBmYWxzZTtcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5sYXlvdXRfX3NlY3Rpb24tLW9uZS1oYWxmJykgQElucHV0KCkgb25lSGFsZiA9IGZhbHNlO1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmxheW91dF9fc2VjdGlvbi0tb25lLXRoaXJkJykgQElucHV0KCkgb25lVGhpcmQgPSBmYWxzZTtcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5sYXlvdXRfX3NlY3Rpb24tLWFubm90YXRlZCcpIEBJbnB1dCgpIGFubm90YXRlZCA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBTZXRzIHRoZSB0aXRsZSBmb3IgYW4gYW5ub3RhdGVkIGxheW91dCBzZWN0aW9uLlxuICAgKi9cbiAgQElucHV0KCkgdGl0bGU6IHN0cmluZyB8IFRlbXBsYXRlUmVmPGFueT47XG4gIC8qKlxuICAgKiBTZXRzIHRoZSBkZXNjcmlwdGlvbiBmb3IgYW4gYW5ub3RhdGVkIGxheW91dCBzZWN0aW9uLlxuICAgKi9cbiAgQElucHV0KCkgZGVzY3JpcHRpb246IHN0cmluZyB8IFRlbXBsYXRlUmVmPGFueT47XG59XG4iXX0=