@doku-dev/doku-fragment
Version:
A new Angular UI library that moving away from Bootstrap and built from scratch.
64 lines • 6.31 kB
JavaScript
import { CommonModule } from '@angular/common';
import { ChangeDetectionStrategy, Component, HostBinding, Input, ViewEncapsulation, } from '@angular/core';
import * as i0 from "@angular/core";
export class DokuCardHeader {
constructor() {
/**
* The background of the header element.
* @default 'transparent'
*/
this.background = 'transparent';
/**
* Whether the header have a line divider at the bottom.
*
* @default false
*/
this.withDivider = false;
/**
* Whether to remove the padding bottom.
*
* Does not works when `background` is colored or `withDivider` is true.
*
* @default false
*/
this.dense = false;
}
get classes() {
return ['d-card-header', `d-card-header-${this.background}`];
}
get classDense() {
if (this.background === 'colored' || this.withDivider)
return false;
return this.dense;
}
}
DokuCardHeader.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DokuCardHeader, deps: [], target: i0.ɵɵFactoryTarget.Component });
DokuCardHeader.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DokuCardHeader, isStandalone: true, selector: "doku-card-header", inputs: { background: "background", withDivider: "withDivider", dense: "dense" }, host: { properties: { "class.with-divider": "this.withDivider", "class": "this.classes", "class.d-card-header-dense": "this.classDense" } }, exportAs: ["dokuCardHeader"], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DokuCardHeader, decorators: [{
type: Component,
args: [{
selector: 'doku-card-header',
exportAs: 'dokuCardHeader',
standalone: true,
imports: [CommonModule],
template: `<ng-content></ng-content>`,
encapsulation: ViewEncapsulation.None,
changeDetection: ChangeDetectionStrategy.OnPush,
}]
}], propDecorators: { background: [{
type: Input
}], withDivider: [{
type: HostBinding,
args: ['class.with-divider']
}, {
type: Input
}], dense: [{
type: Input
}], classes: [{
type: HostBinding,
args: ['class']
}], classDense: [{
type: HostBinding,
args: ['class.d-card-header-dense']
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1oZWFkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZG9rdS1mcmFnbWVudC9zcmMvbGliL2NhcmQvY2FyZC1oZWFkZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQVcsTUFBTSxpQkFBaUIsQ0FBQztBQUN4RCxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxXQUFXLEVBQ1gsS0FBSyxFQUNMLGlCQUFpQixHQUNsQixNQUFNLGVBQWUsQ0FBQzs7QUFXdkIsTUFBTSxPQUFPLGNBQWM7SUFUM0I7UUFVRTs7O1dBR0c7UUFDTSxlQUFVLEdBQThCLGFBQWEsQ0FBQztRQUUvRDs7OztXQUlHO1FBR0gsZ0JBQVcsR0FBRyxLQUFLLENBQUM7UUFFcEI7Ozs7OztXQU1HO1FBQ00sVUFBSyxHQUFHLEtBQUssQ0FBQztLQVl4QjtJQVZDLElBQ2MsT0FBTztRQUNuQixPQUFPLENBQUMsZUFBZSxFQUFFLGlCQUFpQixJQUFJLENBQUMsVUFBVSxFQUFFLENBQUMsQ0FBQztJQUMvRCxDQUFDO0lBRUQsSUFDYyxVQUFVO1FBQ3RCLElBQUksSUFBSSxDQUFDLFVBQVUsS0FBSyxTQUFTLElBQUksSUFBSSxDQUFDLFdBQVc7WUFBRSxPQUFPLEtBQUssQ0FBQztRQUNwRSxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUM7SUFDcEIsQ0FBQzs7MkdBbENVLGNBQWM7K0ZBQWQsY0FBYyx5VUFKZiwyQkFBMkIsMkRBRDNCLFlBQVk7MkZBS1gsY0FBYztrQkFUMUIsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsa0JBQWtCO29CQUM1QixRQUFRLEVBQUUsZ0JBQWdCO29CQUMxQixVQUFVLEVBQUUsSUFBSTtvQkFDaEIsT0FBTyxFQUFFLENBQUMsWUFBWSxDQUFDO29CQUN2QixRQUFRLEVBQUUsMkJBQTJCO29CQUNyQyxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTtvQkFDckMsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07aUJBQ2hEOzhCQU1VLFVBQVU7c0JBQWxCLEtBQUs7Z0JBU04sV0FBVztzQkFGVixXQUFXO3VCQUFDLG9CQUFvQjs7c0JBQ2hDLEtBQUs7Z0JBVUcsS0FBSztzQkFBYixLQUFLO2dCQUdRLE9BQU87c0JBRHBCLFdBQVc7dUJBQUMsT0FBTztnQkFNTixVQUFVO3NCQUR2QixXQUFXO3VCQUFDLDJCQUEyQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSwgTmdDbGFzcyB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBIb3N0QmluZGluZyxcbiAgSW5wdXQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZG9rdS1jYXJkLWhlYWRlcicsXG4gIGV4cG9ydEFzOiAnZG9rdUNhcmRIZWFkZXInLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbiAgdGVtcGxhdGU6IGA8bmctY29udGVudD48L25nLWNvbnRlbnQ+YCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIERva3VDYXJkSGVhZGVyIHtcbiAgLyoqXG4gICAqIFRoZSBiYWNrZ3JvdW5kIG9mIHRoZSBoZWFkZXIgZWxlbWVudC5cbiAgICogQGRlZmF1bHQgJ3RyYW5zcGFyZW50J1xuICAgKi9cbiAgQElucHV0KCkgYmFja2dyb3VuZDogJ3RyYW5zcGFyZW50JyB8ICdjb2xvcmVkJyA9ICd0cmFuc3BhcmVudCc7XG5cbiAgLyoqXG4gICAqIFdoZXRoZXIgdGhlIGhlYWRlciBoYXZlIGEgbGluZSBkaXZpZGVyIGF0IHRoZSBib3R0b20uXG4gICAqXG4gICAqIEBkZWZhdWx0IGZhbHNlXG4gICAqL1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLndpdGgtZGl2aWRlcicpXG4gIEBJbnB1dCgpXG4gIHdpdGhEaXZpZGVyID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIFdoZXRoZXIgdG8gcmVtb3ZlIHRoZSBwYWRkaW5nIGJvdHRvbS5cbiAgICpcbiAgICogRG9lcyBub3Qgd29ya3Mgd2hlbiBgYmFja2dyb3VuZGAgaXMgY29sb3JlZCBvciBgd2l0aERpdmlkZXJgIGlzIHRydWUuXG4gICAqXG4gICAqIEBkZWZhdWx0IGZhbHNlXG4gICAqL1xuICBASW5wdXQoKSBkZW5zZSA9IGZhbHNlO1xuXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICBwcm90ZWN0ZWQgZ2V0IGNsYXNzZXMoKTogTmdDbGFzc1snbmdDbGFzcyddIHtcbiAgICByZXR1cm4gWydkLWNhcmQtaGVhZGVyJywgYGQtY2FyZC1oZWFkZXItJHt0aGlzLmJhY2tncm91bmR9YF07XG4gIH1cblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmQtY2FyZC1oZWFkZXItZGVuc2UnKVxuICBwcm90ZWN0ZWQgZ2V0IGNsYXNzRGVuc2UoKTogYm9vbGVhbiB7XG4gICAgaWYgKHRoaXMuYmFja2dyb3VuZCA9PT0gJ2NvbG9yZWQnIHx8IHRoaXMud2l0aERpdmlkZXIpIHJldHVybiBmYWxzZTtcbiAgICByZXR1cm4gdGhpcy5kZW5zZTtcbiAgfVxufVxuIl19