@craftsjs/card 1.0.0 → 4.0.0

package/fesm2015/craftsjs-card.mjs

@@ -0,0 +1,222 @@
+import * as i0 from '@angular/core';
+import { Component, ViewEncapsulation, ChangeDetectionStrategy, Input, Directive, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+class CardComponent {
+}
+CardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+CardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.7", type: CardComponent, selector: "craftsjs-card", host: { classAttribute: "card" }, ngImport: i0, template: "<ng-content></ng-content>\r\n<ng-content select=\"card-footer\"></ng-content>", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: CardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'craftsjs-card', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'card' }, template: "<ng-content></ng-content>\r\n<ng-content select=\"card-footer\"></ng-content>" }]
+        }] });
+
+class CardHeaderComponent {
+}
+CardHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: CardHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+CardHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.7", type: CardHeaderComponent, selector: "card-header", inputs: { color: "color", classHeaderTitle: "classHeaderTitle" }, host: { classAttribute: "d-flex flex-row flex-wrap card-header" }, ngImport: i0, template: "<ng-content select=\"card-header-oval\"></ng-content>\r\n<ng-content select=\"card-header-linear\"></ng-content>\r\n<div class=\"card-header-subtitle d-flex flex-column\">\r\n    <ng-content select=\"card-header-mark\"></ng-content>\r\n    <ng-content select=\"card-header-subtitle\"></ng-content>\r\n</div>", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: CardHeaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'card-header', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, inputs: ['color'], host: {
+                        class: 'd-flex flex-row flex-wrap card-header'
+                    }, template: "<ng-content select=\"card-header-oval\"></ng-content>\r\n<ng-content select=\"card-header-linear\"></ng-content>\r\n<div class=\"card-header-subtitle d-flex flex-column\">\r\n    <ng-content select=\"card-header-mark\"></ng-content>\r\n    <ng-content select=\"card-header-subtitle\"></ng-content>\r\n</div>" }]
+        }], propDecorators: { classHeaderTitle: [{
+                type: Input
+            }] } });
+
+class CardTitleDirective {
+}
+CardTitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: CardTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+CardTitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.7", type: CardTitleDirective, selector: "card-title, [card-title], [craftsjsCardTitle]", host: { classAttribute: "card-header-title" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: CardTitleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'card-title, [card-title], [craftsjsCardTitle]',
+                    host: { class: 'card-header-title' }
+                }]
+        }] });
+
+class CardBodyDirective {
+}
+CardBodyDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: CardBodyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+CardBodyDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.7", type: CardBodyDirective, selector: "card-body, [card-body], [craftsjsCardBody]", host: { classAttribute: "card-body" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: CardBodyDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'card-body, [card-body], [craftsjsCardBody]',
+                    host: { class: 'card-body' }
+                }]
+        }] });
+
+class CardFooterDirective {
+}
+CardFooterDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: CardFooterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+CardFooterDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.7", type: CardFooterDirective, selector: "card-footer, [card-footer], [craftsjsCardFooter]", host: { classAttribute: "card-footer" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: CardFooterDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'card-footer, [card-footer], [craftsjsCardFooter]',
+                    host: { class: 'card-footer' }
+                }]
+        }] });
+
+class CardDividerDirective {
+}
+CardDividerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: CardDividerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+CardDividerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.7", type: CardDividerDirective, selector: "card-divider, [card-divider], [craftsjsCardDivider]", host: { classAttribute: "card-divider" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: CardDividerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'card-divider, [card-divider], [craftsjsCardDivider]',
+                    host: {
+                        class: 'card-divider'
+                    }
+                }]
+        }] });
+
+class CardHeaderMarkDirective {
+}
+CardHeaderMarkDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: CardHeaderMarkDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+CardHeaderMarkDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.7", type: CardHeaderMarkDirective, selector: "card-header-mark, [card-header-mark], [craftsjsCardHeaderMark]", host: { classAttribute: "card-header-subtitle-mark" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: CardHeaderMarkDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'card-header-mark, [card-header-mark], [craftsjsCardHeaderMark]',
+                    host: {
+                        class: 'card-header-subtitle-mark'
+                    }
+                }]
+        }] });
+
+class CardHeaderSubtitleDirective {
+}
+CardHeaderSubtitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: CardHeaderSubtitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+CardHeaderSubtitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.7", type: CardHeaderSubtitleDirective, selector: "card-header-subtitle, [card-header-subtitle], [craftsjsCardHeaderSubtitle]", host: { classAttribute: "card-header-subtitle-h3" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: CardHeaderSubtitleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'card-header-subtitle, [card-header-subtitle], [craftsjsCardHeaderSubtitle]',
+                    host: {
+                        class: 'card-header-subtitle-h3'
+                    }
+                }]
+        }] });
+
+function mixinColor(base, defaultColor) {
+    return class extends base {
+        constructor(...args) {
+            // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
+            super(...args);
+            this.color = defaultColor;
+        }
+        get color() { return this._color; }
+        set color(value) {
+            const colorPalette = value || defaultColor;
+            if (colorPalette !== this._color) {
+                if (this._color) {
+                    this._elementRef.nativeElement.classList.remove(`${this._color}`);
+                }
+                if (colorPalette) {
+                    this._elementRef.nativeElement.classList.add(`${colorPalette}`);
+                }
+                this._color = colorPalette;
+            }
+        }
+    };
+}
+
+class CardHeaderOvalBase {
+    constructor(_elementRef) {
+        this._elementRef = _elementRef;
+    }
+}
+const _CardHeaderOvalMixinBase = mixinColor(CardHeaderOvalBase);
+class CardHeaderOvalComponent extends _CardHeaderOvalMixinBase {
+    constructor(_elementRef) {
+        super(_elementRef);
+    }
+}
+CardHeaderOvalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: CardHeaderOvalComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+CardHeaderOvalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.7", type: CardHeaderOvalComponent, selector: "card-header-oval", inputs: { color: "color" }, host: { classAttribute: "card-header-oval d-flex" }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"card-title\"></ng-content>", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: CardHeaderOvalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'card-header-oval', host: {
+                        class: 'card-header-oval d-flex'
+                    }, inputs: ['color'], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"card-title\"></ng-content>", styles: [""] }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
+
+class CardHeaderLinearComponent {
+}
+CardHeaderLinearComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: CardHeaderLinearComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+CardHeaderLinearComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.7", type: CardHeaderLinearComponent, selector: "card-header-linear", host: { classAttribute: "card-header-linear d-flex" }, ngImport: i0, template: "<ng-content select=\"card-title\"></ng-content>", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: CardHeaderLinearComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'card-header-linear', host: {
+                        class: 'card-header-linear d-flex'
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"card-title\"></ng-content>", styles: [""] }]
+        }] });
+
+class CardModule {
+}
+CardModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: CardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+CardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: CardModule, declarations: [CardComponent,
+        CardHeaderComponent,
+        CardTitleDirective,
+        CardBodyDirective,
+        CardFooterDirective,
+        CardDividerDirective,
+        CardHeaderMarkDirective,
+        CardHeaderSubtitleDirective,
+        CardHeaderOvalComponent,
+        CardHeaderLinearComponent], imports: [CommonModule], exports: [CardComponent,
+        CardHeaderComponent,
+        CardTitleDirective,
+        CardBodyDirective,
+        CardFooterDirective,
+        CardDividerDirective,
+        CardHeaderSubtitleDirective,
+        CardHeaderMarkDirective,
+        CardHeaderOvalComponent,
+        CardHeaderLinearComponent] });
+CardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: CardModule, imports: [[
+            CommonModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: CardModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule
+                    ],
+                    declarations: [
+                        CardComponent,
+                        CardHeaderComponent,
+                        CardTitleDirective,
+                        CardBodyDirective,
+                        CardFooterDirective,
+                        CardDividerDirective,
+                        CardHeaderMarkDirective,
+                        CardHeaderSubtitleDirective,
+                        CardHeaderOvalComponent,
+                        CardHeaderLinearComponent
+                    ],
+                    exports: [
+                        CardComponent,
+                        CardHeaderComponent,
+                        CardTitleDirective,
+                        CardBodyDirective,
+                        CardFooterDirective,
+                        CardDividerDirective,
+                        CardHeaderSubtitleDirective,
+                        CardHeaderMarkDirective,
+                        CardHeaderOvalComponent,
+                        CardHeaderLinearComponent
+                    ]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CardBodyDirective, CardComponent, CardDividerDirective, CardFooterDirective, CardHeaderComponent, CardHeaderLinearComponent, CardHeaderMarkDirective, CardHeaderOvalBase, CardHeaderOvalComponent, CardHeaderSubtitleDirective, CardModule, CardTitleDirective, _CardHeaderOvalMixinBase, mixinColor };
+//# sourceMappingURL=craftsjs-card.mjs.map

package/fesm2015/craftsjs-card.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"craftsjs-card.mjs","sources":["../../../../projects/craftsjs/card/src/lib/card.component.ts","../../../../projects/craftsjs/card/src/lib/card.component.html","../../../../projects/craftsjs/card/src/lib/components/card-header/card-header.component.ts","../../../../projects/craftsjs/card/src/lib/components/card-header/card-header.component.html","../../../../projects/craftsjs/card/src/lib/directives/card-title.directive.ts","../../../../projects/craftsjs/card/src/lib/directives/card-body.directive.ts","../../../../projects/craftsjs/card/src/lib/directives/card-footer.directive.ts","../../../../projects/craftsjs/card/src/lib/directives/card-divider.directive.ts","../../../../projects/craftsjs/card/src/lib/directives/card-header-mark.directive.ts","../../../../projects/craftsjs/card/src/lib/directives/card-header-subtitle.directive.ts","../../../../projects/craftsjs/card/src/lib/mixins/color.ts","../../../../projects/craftsjs/card/src/lib/components/card-header/components/card-header-oval/card-header-oval.component.ts","../../../../projects/craftsjs/card/src/lib/components/card-header/components/card-header-oval/card-header-oval.component.html","../../../../projects/craftsjs/card/src/lib/components/card-header/components/card-header-linear/card-header-linear.component.ts","../../../../projects/craftsjs/card/src/lib/components/card-header/components/card-header-linear/card-header-linear.component.html","../../../../projects/craftsjs/card/src/lib/card.module.ts","../../../../projects/craftsjs/card/src/craftsjs-card.ts"],"sourcesContent":["import { Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core';\r\n\r\n\r\n@Component({\r\n  selector: 'craftsjs-card',\r\n  templateUrl: './card.component.html',\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: { class: 'card' }\r\n})\r\nexport class CardComponent { }\r\n","<ng-content></ng-content>\r\n<ng-content select=\"card-footer\"></ng-content>","import { Component, ViewEncapsulation, ChangeDetectionStrategy, Input } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'card-header',\r\n  templateUrl: './card-header.component.html',\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  inputs: ['color'],\r\n  host: {\r\n    class: 'd-flex flex-row flex-wrap card-header'\r\n  }\r\n})\r\nexport class CardHeaderComponent {\r\n  @Input()\r\n  classHeaderTitle: string;\r\n}\r\n","<ng-content select=\"card-header-oval\"></ng-content>\r\n<ng-content select=\"card-header-linear\"></ng-content>\r\n<div class=\"card-header-subtitle d-flex flex-column\">\r\n    <ng-content select=\"card-header-mark\"></ng-content>\r\n    <ng-content select=\"card-header-subtitle\"></ng-content>\r\n</div>","import { Directive } from '@angular/core';\r\n\r\n@Directive({\r\n  selector: 'card-title, [card-title], [craftsjsCardTitle]',\r\n  host: { class: 'card-header-title' }\r\n})\r\nexport class CardTitleDirective { }\r\n","import { Directive } from '@angular/core';\r\n\r\n@Directive({\r\n  selector: 'card-body, [card-body], [craftsjsCardBody]',\r\n  host: { class: 'card-body' }\r\n})\r\nexport class CardBodyDirective { }\r\n","import { Directive } from '@angular/core';\r\n\r\n@Directive({\r\n  selector: 'card-footer, [card-footer], [craftsjsCardFooter]',\r\n  host: { class: 'card-footer' }\r\n})\r\nexport class CardFooterDirective { }\r\n","import { Directive } from '@angular/core';\r\n\r\n@Directive({\r\n  selector: 'card-divider, [card-divider], [craftsjsCardDivider]',\r\n  host: {\r\n    class: 'card-divider'\r\n  }\r\n})\r\nexport class CardDividerDirective { }\r\n","import { Directive } from '@angular/core';\r\n\r\n@Directive({\r\n  selector: 'card-header-mark, [card-header-mark], [craftsjsCardHeaderMark]',\r\n  host: {\r\n    class: 'card-header-subtitle-mark'\r\n  }\r\n})\r\nexport class CardHeaderMarkDirective { }\r\n","import { Directive } from '@angular/core';\r\n\r\n@Directive({\r\n  selector: 'card-header-subtitle, [card-header-subtitle], [craftsjsCardHeaderSubtitle]',\r\n  host: {\r\n    class: 'card-header-subtitle-h3'\r\n  }\r\n})\r\nexport class CardHeaderSubtitleDirective { }\r\n","import { ElementRef } from '@angular/core';\r\n\r\n\r\nexport interface HasElementRef {\r\n    _elementRef: ElementRef;\r\n}\r\n\r\nexport type Constructor<T> = new (...args: any[]) => T;\r\nexport function mixinColor<T extends Constructor<HasElementRef>>(\r\n    base: T, defaultColor?: string): T {\r\n    return class extends base {\r\n        private _color: string;\r\n        get color(): string { return this._color; }\r\n        set color(value: string) {\r\n            const colorPalette = value || defaultColor;\r\n            if (colorPalette !== this._color) {\r\n                if (this._color) {\r\n                    this._elementRef.nativeElement.classList.remove(`${this._color}`);\r\n                }\r\n                if (colorPalette) {\r\n                    this._elementRef.nativeElement.classList.add(`${colorPalette}`);\r\n                }\r\n                this._color = colorPalette;\r\n            }\r\n        }\r\n        constructor(...args: any[]) {\r\n            // eslint-disable-next-line @typescript-eslint/no-unsafe-argument\r\n            super(...args);\r\n            this.color = defaultColor;\r\n        }\r\n    };\r\n}\r\n","import { Component, ElementRef, ChangeDetectionStrategy } from '@angular/core';\r\nimport { mixinColor } from '../../../../mixins/color';\r\n\r\nexport class CardHeaderOvalBase {\r\n  constructor(public _elementRef: ElementRef) { }\r\n}\r\n\r\nexport const _CardHeaderOvalMixinBase:\r\n  typeof CardHeaderOvalBase =\r\n  mixinColor(CardHeaderOvalBase);\r\n\r\n@Component({\r\n  selector: 'card-header-oval',\r\n  templateUrl: './card-header-oval.component.html',\r\n  styleUrls: ['./card-header-oval.component.scss'],\r\n  host: {\r\n    class: 'card-header-oval d-flex'\r\n  },\r\n  inputs: ['color'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class CardHeaderOvalComponent extends _CardHeaderOvalMixinBase {\r\n\r\n  constructor(_elementRef: ElementRef) {\r\n    super(_elementRef);\r\n  }\r\n\r\n}\r\n","<ng-content select=\"card-title\"></ng-content>","import { Component, ChangeDetectionStrategy } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'card-header-linear',\r\n  templateUrl: './card-header-linear.component.html',\r\n  styleUrls: ['./card-header-linear.component.scss'],\r\n  host: {\r\n    class: 'card-header-linear d-flex'\r\n  },\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class CardHeaderLinearComponent { }\r\n","<ng-content select=\"card-title\"></ng-content>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { CardComponent } from './card.component';\r\nimport { CardHeaderComponent } from './components/card-header/card-header.component';\r\nimport { CardTitleDirective } from './directives/card-title.directive';\r\nimport { CardBodyDirective } from './directives/card-body.directive';\r\nimport { CardFooterDirective } from './directives/card-footer.directive';\r\nimport { CardDividerDirective } from './directives/card-divider.directive';\r\nimport { CardHeaderMarkDirective } from './directives/card-header-mark.directive';\r\nimport { CardHeaderSubtitleDirective } from './directives/card-header-subtitle.directive';\r\nimport { CardHeaderOvalComponent } from './components/card-header/components/card-header-oval/card-header-oval.component';\r\nimport { CardHeaderLinearComponent } from './components/card-header/components/card-header-linear/card-header-linear.component';\r\n\r\n@NgModule({\r\n  imports: [\r\n    CommonModule\r\n  ],\r\n  declarations: [\r\n    CardComponent,\r\n    CardHeaderComponent,\r\n    CardTitleDirective,\r\n    CardBodyDirective,\r\n    CardFooterDirective,\r\n    CardDividerDirective,\r\n    CardHeaderMarkDirective,\r\n    CardHeaderSubtitleDirective,\r\n    CardHeaderOvalComponent,\r\n    CardHeaderLinearComponent\r\n  ],\r\n  exports: [\r\n    CardComponent,\r\n    CardHeaderComponent,\r\n    CardTitleDirective,\r\n    CardBodyDirective,\r\n    CardFooterDirective,\r\n    CardDividerDirective,\r\n    CardHeaderSubtitleDirective,\r\n    CardHeaderMarkDirective,\r\n    CardHeaderOvalComponent,\r\n    CardHeaderLinearComponent\r\n  ]\r\n})\r\nexport class CardModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2020/craftsjs-card.mjs

@@ -0,0 +1,222 @@
+import * as i0 from '@angular/core';
+import { Component, ViewEncapsulation, ChangeDetectionStrategy, Input, Directive, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+class CardComponent {
+}
+CardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+CardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.7", type: CardComponent, selector: "craftsjs-card", host: { classAttribute: "card" }, ngImport: i0, template: "<ng-content></ng-content>\r\n<ng-content select=\"card-footer\"></ng-content>", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: CardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'craftsjs-card', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'card' }, template: "<ng-content></ng-content>\r\n<ng-content select=\"card-footer\"></ng-content>" }]
+        }] });
+
+class CardHeaderComponent {
+}
+CardHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: CardHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+CardHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.7", type: CardHeaderComponent, selector: "card-header", inputs: { color: "color", classHeaderTitle: "classHeaderTitle" }, host: { classAttribute: "d-flex flex-row flex-wrap card-header" }, ngImport: i0, template: "<ng-content select=\"card-header-oval\"></ng-content>\r\n<ng-content select=\"card-header-linear\"></ng-content>\r\n<div class=\"card-header-subtitle d-flex flex-column\">\r\n    <ng-content select=\"card-header-mark\"></ng-content>\r\n    <ng-content select=\"card-header-subtitle\"></ng-content>\r\n</div>", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: CardHeaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'card-header', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, inputs: ['color'], host: {
+                        class: 'd-flex flex-row flex-wrap card-header'
+                    }, template: "<ng-content select=\"card-header-oval\"></ng-content>\r\n<ng-content select=\"card-header-linear\"></ng-content>\r\n<div class=\"card-header-subtitle d-flex flex-column\">\r\n    <ng-content select=\"card-header-mark\"></ng-content>\r\n    <ng-content select=\"card-header-subtitle\"></ng-content>\r\n</div>" }]
+        }], propDecorators: { classHeaderTitle: [{
+                type: Input
+            }] } });
+
+class CardTitleDirective {
+}
+CardTitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: CardTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+CardTitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.7", type: CardTitleDirective, selector: "card-title, [card-title], [craftsjsCardTitle]", host: { classAttribute: "card-header-title" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: CardTitleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'card-title, [card-title], [craftsjsCardTitle]',
+                    host: { class: 'card-header-title' }
+                }]
+        }] });
+
+class CardBodyDirective {
+}
+CardBodyDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: CardBodyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+CardBodyDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.7", type: CardBodyDirective, selector: "card-body, [card-body], [craftsjsCardBody]", host: { classAttribute: "card-body" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: CardBodyDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'card-body, [card-body], [craftsjsCardBody]',
+                    host: { class: 'card-body' }
+                }]
+        }] });
+
+class CardFooterDirective {
+}
+CardFooterDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: CardFooterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+CardFooterDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.7", type: CardFooterDirective, selector: "card-footer, [card-footer], [craftsjsCardFooter]", host: { classAttribute: "card-footer" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: CardFooterDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'card-footer, [card-footer], [craftsjsCardFooter]',
+                    host: { class: 'card-footer' }
+                }]
+        }] });
+
+class CardDividerDirective {
+}
+CardDividerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: CardDividerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+CardDividerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.7", type: CardDividerDirective, selector: "card-divider, [card-divider], [craftsjsCardDivider]", host: { classAttribute: "card-divider" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: CardDividerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'card-divider, [card-divider], [craftsjsCardDivider]',
+                    host: {
+                        class: 'card-divider'
+                    }
+                }]
+        }] });
+
+class CardHeaderMarkDirective {
+}
+CardHeaderMarkDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: CardHeaderMarkDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+CardHeaderMarkDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.7", type: CardHeaderMarkDirective, selector: "card-header-mark, [card-header-mark], [craftsjsCardHeaderMark]", host: { classAttribute: "card-header-subtitle-mark" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: CardHeaderMarkDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'card-header-mark, [card-header-mark], [craftsjsCardHeaderMark]',
+                    host: {
+                        class: 'card-header-subtitle-mark'
+                    }
+                }]
+        }] });
+
+class CardHeaderSubtitleDirective {
+}
+CardHeaderSubtitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: CardHeaderSubtitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+CardHeaderSubtitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.7", type: CardHeaderSubtitleDirective, selector: "card-header-subtitle, [card-header-subtitle], [craftsjsCardHeaderSubtitle]", host: { classAttribute: "card-header-subtitle-h3" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: CardHeaderSubtitleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'card-header-subtitle, [card-header-subtitle], [craftsjsCardHeaderSubtitle]',
+                    host: {
+                        class: 'card-header-subtitle-h3'
+                    }
+                }]
+        }] });
+
+function mixinColor(base, defaultColor) {
+    return class extends base {
+        constructor(...args) {
+            // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
+            super(...args);
+            this.color = defaultColor;
+        }
+        get color() { return this._color; }
+        set color(value) {
+            const colorPalette = value || defaultColor;
+            if (colorPalette !== this._color) {
+                if (this._color) {
+                    this._elementRef.nativeElement.classList.remove(`${this._color}`);
+                }
+                if (colorPalette) {
+                    this._elementRef.nativeElement.classList.add(`${colorPalette}`);
+                }
+                this._color = colorPalette;
+            }
+        }
+    };
+}
+
+class CardHeaderOvalBase {
+    constructor(_elementRef) {
+        this._elementRef = _elementRef;
+    }
+}
+const _CardHeaderOvalMixinBase = mixinColor(CardHeaderOvalBase);
+class CardHeaderOvalComponent extends _CardHeaderOvalMixinBase {
+    constructor(_elementRef) {
+        super(_elementRef);
+    }
+}
+CardHeaderOvalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: CardHeaderOvalComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+CardHeaderOvalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.7", type: CardHeaderOvalComponent, selector: "card-header-oval", inputs: { color: "color" }, host: { classAttribute: "card-header-oval d-flex" }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"card-title\"></ng-content>", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: CardHeaderOvalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'card-header-oval', host: {
+                        class: 'card-header-oval d-flex'
+                    }, inputs: ['color'], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"card-title\"></ng-content>", styles: [""] }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
+
+class CardHeaderLinearComponent {
+}
+CardHeaderLinearComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: CardHeaderLinearComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+CardHeaderLinearComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.7", type: CardHeaderLinearComponent, selector: "card-header-linear", host: { classAttribute: "card-header-linear d-flex" }, ngImport: i0, template: "<ng-content select=\"card-title\"></ng-content>", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: CardHeaderLinearComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'card-header-linear', host: {
+                        class: 'card-header-linear d-flex'
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"card-title\"></ng-content>", styles: [""] }]
+        }] });
+
+class CardModule {
+}
+CardModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: CardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+CardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: CardModule, declarations: [CardComponent,
+        CardHeaderComponent,
+        CardTitleDirective,
+        CardBodyDirective,
+        CardFooterDirective,
+        CardDividerDirective,
+        CardHeaderMarkDirective,
+        CardHeaderSubtitleDirective,
+        CardHeaderOvalComponent,
+        CardHeaderLinearComponent], imports: [CommonModule], exports: [CardComponent,
+        CardHeaderComponent,
+        CardTitleDirective,
+        CardBodyDirective,
+        CardFooterDirective,
+        CardDividerDirective,
+        CardHeaderSubtitleDirective,
+        CardHeaderMarkDirective,
+        CardHeaderOvalComponent,
+        CardHeaderLinearComponent] });
+CardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: CardModule, imports: [[
+            CommonModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: CardModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule
+                    ],
+                    declarations: [
+                        CardComponent,
+                        CardHeaderComponent,
+                        CardTitleDirective,
+                        CardBodyDirective,
+                        CardFooterDirective,
+                        CardDividerDirective,
+                        CardHeaderMarkDirective,
+                        CardHeaderSubtitleDirective,
+                        CardHeaderOvalComponent,
+                        CardHeaderLinearComponent
+                    ],
+                    exports: [
+                        CardComponent,
+                        CardHeaderComponent,
+                        CardTitleDirective,
+                        CardBodyDirective,
+                        CardFooterDirective,
+                        CardDividerDirective,
+                        CardHeaderSubtitleDirective,
+                        CardHeaderMarkDirective,
+                        CardHeaderOvalComponent,
+                        CardHeaderLinearComponent
+                    ]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CardBodyDirective, CardComponent, CardDividerDirective, CardFooterDirective, CardHeaderComponent, CardHeaderLinearComponent, CardHeaderMarkDirective, CardHeaderOvalBase, CardHeaderOvalComponent, CardHeaderSubtitleDirective, CardModule, CardTitleDirective, _CardHeaderOvalMixinBase, mixinColor };
+//# sourceMappingURL=craftsjs-card.mjs.map

package/fesm2020/craftsjs-card.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"craftsjs-card.mjs","sources":["../../../../projects/craftsjs/card/src/lib/card.component.ts","../../../../projects/craftsjs/card/src/lib/card.component.html","../../../../projects/craftsjs/card/src/lib/components/card-header/card-header.component.ts","../../../../projects/craftsjs/card/src/lib/components/card-header/card-header.component.html","../../../../projects/craftsjs/card/src/lib/directives/card-title.directive.ts","../../../../projects/craftsjs/card/src/lib/directives/card-body.directive.ts","../../../../projects/craftsjs/card/src/lib/directives/card-footer.directive.ts","../../../../projects/craftsjs/card/src/lib/directives/card-divider.directive.ts","../../../../projects/craftsjs/card/src/lib/directives/card-header-mark.directive.ts","../../../../projects/craftsjs/card/src/lib/directives/card-header-subtitle.directive.ts","../../../../projects/craftsjs/card/src/lib/mixins/color.ts","../../../../projects/craftsjs/card/src/lib/components/card-header/components/card-header-oval/card-header-oval.component.ts","../../../../projects/craftsjs/card/src/lib/components/card-header/components/card-header-oval/card-header-oval.component.html","../../../../projects/craftsjs/card/src/lib/components/card-header/components/card-header-linear/card-header-linear.component.ts","../../../../projects/craftsjs/card/src/lib/components/card-header/components/card-header-linear/card-header-linear.component.html","../../../../projects/craftsjs/card/src/lib/card.module.ts","../../../../projects/craftsjs/card/src/craftsjs-card.ts"],"sourcesContent":["import { Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core';\r\n\r\n\r\n@Component({\r\n  selector: 'craftsjs-card',\r\n  templateUrl: './card.component.html',\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: { class: 'card' }\r\n})\r\nexport class CardComponent { }\r\n","<ng-content></ng-content>\r\n<ng-content select=\"card-footer\"></ng-content>","import { Component, ViewEncapsulation, ChangeDetectionStrategy, Input } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'card-header',\r\n  templateUrl: './card-header.component.html',\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  inputs: ['color'],\r\n  host: {\r\n    class: 'd-flex flex-row flex-wrap card-header'\r\n  }\r\n})\r\nexport class CardHeaderComponent {\r\n  @Input()\r\n  classHeaderTitle: string;\r\n}\r\n","<ng-content select=\"card-header-oval\"></ng-content>\r\n<ng-content select=\"card-header-linear\"></ng-content>\r\n<div class=\"card-header-subtitle d-flex flex-column\">\r\n    <ng-content select=\"card-header-mark\"></ng-content>\r\n    <ng-content select=\"card-header-subtitle\"></ng-content>\r\n</div>","import { Directive } from '@angular/core';\r\n\r\n@Directive({\r\n  selector: 'card-title, [card-title], [craftsjsCardTitle]',\r\n  host: { class: 'card-header-title' }\r\n})\r\nexport class CardTitleDirective { }\r\n","import { Directive } from '@angular/core';\r\n\r\n@Directive({\r\n  selector: 'card-body, [card-body], [craftsjsCardBody]',\r\n  host: { class: 'card-body' }\r\n})\r\nexport class CardBodyDirective { }\r\n","import { Directive } from '@angular/core';\r\n\r\n@Directive({\r\n  selector: 'card-footer, [card-footer], [craftsjsCardFooter]',\r\n  host: { class: 'card-footer' }\r\n})\r\nexport class CardFooterDirective { }\r\n","import { Directive } from '@angular/core';\r\n\r\n@Directive({\r\n  selector: 'card-divider, [card-divider], [craftsjsCardDivider]',\r\n  host: {\r\n    class: 'card-divider'\r\n  }\r\n})\r\nexport class CardDividerDirective { }\r\n","import { Directive } from '@angular/core';\r\n\r\n@Directive({\r\n  selector: 'card-header-mark, [card-header-mark], [craftsjsCardHeaderMark]',\r\n  host: {\r\n    class: 'card-header-subtitle-mark'\r\n  }\r\n})\r\nexport class CardHeaderMarkDirective { }\r\n","import { Directive } from '@angular/core';\r\n\r\n@Directive({\r\n  selector: 'card-header-subtitle, [card-header-subtitle], [craftsjsCardHeaderSubtitle]',\r\n  host: {\r\n    class: 'card-header-subtitle-h3'\r\n  }\r\n})\r\nexport class CardHeaderSubtitleDirective { }\r\n","import { ElementRef } from '@angular/core';\r\n\r\n\r\nexport interface HasElementRef {\r\n    _elementRef: ElementRef;\r\n}\r\n\r\nexport type Constructor<T> = new (...args: any[]) => T;\r\nexport function mixinColor<T extends Constructor<HasElementRef>>(\r\n    base: T, defaultColor?: string): T {\r\n    return class extends base {\r\n        private _color: string;\r\n        get color(): string { return this._color; }\r\n        set color(value: string) {\r\n            const colorPalette = value || defaultColor;\r\n            if (colorPalette !== this._color) {\r\n                if (this._color) {\r\n                    this._elementRef.nativeElement.classList.remove(`${this._color}`);\r\n                }\r\n                if (colorPalette) {\r\n                    this._elementRef.nativeElement.classList.add(`${colorPalette}`);\r\n                }\r\n                this._color = colorPalette;\r\n            }\r\n        }\r\n        constructor(...args: any[]) {\r\n            // eslint-disable-next-line @typescript-eslint/no-unsafe-argument\r\n            super(...args);\r\n            this.color = defaultColor;\r\n        }\r\n    };\r\n}\r\n","import { Component, ElementRef, ChangeDetectionStrategy } from '@angular/core';\r\nimport { mixinColor } from '../../../../mixins/color';\r\n\r\nexport class CardHeaderOvalBase {\r\n  constructor(public _elementRef: ElementRef) { }\r\n}\r\n\r\nexport const _CardHeaderOvalMixinBase:\r\n  typeof CardHeaderOvalBase =\r\n  mixinColor(CardHeaderOvalBase);\r\n\r\n@Component({\r\n  selector: 'card-header-oval',\r\n  templateUrl: './card-header-oval.component.html',\r\n  styleUrls: ['./card-header-oval.component.scss'],\r\n  host: {\r\n    class: 'card-header-oval d-flex'\r\n  },\r\n  inputs: ['color'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class CardHeaderOvalComponent extends _CardHeaderOvalMixinBase {\r\n\r\n  constructor(_elementRef: ElementRef) {\r\n    super(_elementRef);\r\n  }\r\n\r\n}\r\n","<ng-content select=\"card-title\"></ng-content>","import { Component, ChangeDetectionStrategy } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'card-header-linear',\r\n  templateUrl: './card-header-linear.component.html',\r\n  styleUrls: ['./card-header-linear.component.scss'],\r\n  host: {\r\n    class: 'card-header-linear d-flex'\r\n  },\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class CardHeaderLinearComponent { }\r\n","<ng-content select=\"card-title\"></ng-content>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { CardComponent } from './card.component';\r\nimport { CardHeaderComponent } from './components/card-header/card-header.component';\r\nimport { CardTitleDirective } from './directives/card-title.directive';\r\nimport { CardBodyDirective } from './directives/card-body.directive';\r\nimport { CardFooterDirective } from './directives/card-footer.directive';\r\nimport { CardDividerDirective } from './directives/card-divider.directive';\r\nimport { CardHeaderMarkDirective } from './directives/card-header-mark.directive';\r\nimport { CardHeaderSubtitleDirective } from './directives/card-header-subtitle.directive';\r\nimport { CardHeaderOvalComponent } from './components/card-header/components/card-header-oval/card-header-oval.component';\r\nimport { CardHeaderLinearComponent } from './components/card-header/components/card-header-linear/card-header-linear.component';\r\n\r\n@NgModule({\r\n  imports: [\r\n    CommonModule\r\n  ],\r\n  declarations: [\r\n    CardComponent,\r\n    CardHeaderComponent,\r\n    CardTitleDirective,\r\n    CardBodyDirective,\r\n    CardFooterDirective,\r\n    CardDividerDirective,\r\n    CardHeaderMarkDirective,\r\n    CardHeaderSubtitleDirective,\r\n    CardHeaderOvalComponent,\r\n    CardHeaderLinearComponent\r\n  ],\r\n  exports: [\r\n    CardComponent,\r\n    CardHeaderComponent,\r\n    CardTitleDirective,\r\n    CardBodyDirective,\r\n    CardFooterDirective,\r\n    CardDividerDirective,\r\n    CardHeaderSubtitleDirective,\r\n    CardHeaderMarkDirective,\r\n    CardHeaderOvalComponent,\r\n    CardHeaderLinearComponent\r\n  ]\r\n})\r\nexport class CardModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/lib/card.component.d.ts

@@ -1,2 +1,5 @@
+import * as i0 from "@angular/core";
 export declare class CardComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CardComponent, "craftsjs-card", never, {}, {}, never, ["*", "card-footer"]>;
 }

package/lib/card.module.d.ts

@@ -1,2 +1,17 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./card.component";
+import * as i2 from "./components/card-header/card-header.component";
+import * as i3 from "./directives/card-title.directive";
+import * as i4 from "./directives/card-body.directive";
+import * as i5 from "./directives/card-footer.directive";
+import * as i6 from "./directives/card-divider.directive";
+import * as i7 from "./directives/card-header-mark.directive";
+import * as i8 from "./directives/card-header-subtitle.directive";
+import * as i9 from "./components/card-header/components/card-header-oval/card-header-oval.component";
+import * as i10 from "./components/card-header/components/card-header-linear/card-header-linear.component";
+import * as i11 from "@angular/common";
 export declare class CardModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CardModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CardModule, [typeof i1.CardComponent, typeof i2.CardHeaderComponent, typeof i3.CardTitleDirective, typeof i4.CardBodyDirective, typeof i5.CardFooterDirective, typeof i6.CardDividerDirective, typeof i7.CardHeaderMarkDirective, typeof i8.CardHeaderSubtitleDirective, typeof i9.CardHeaderOvalComponent, typeof i10.CardHeaderLinearComponent], [typeof i11.CommonModule], [typeof i1.CardComponent, typeof i2.CardHeaderComponent, typeof i3.CardTitleDirective, typeof i4.CardBodyDirective, typeof i5.CardFooterDirective, typeof i6.CardDividerDirective, typeof i8.CardHeaderSubtitleDirective, typeof i7.CardHeaderMarkDirective, typeof i9.CardHeaderOvalComponent, typeof i10.CardHeaderLinearComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<CardModule>;
 }

package/lib/components/card-header/card-header.component.d.ts

@@ -1,3 +1,6 @@
+import * as i0 from "@angular/core";
 export declare class CardHeaderComponent {
     classHeaderTitle: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CardHeaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CardHeaderComponent, "card-header", never, { "color": "color"; "classHeaderTitle": "classHeaderTitle"; }, {}, never, ["card-header-oval", "card-header-linear", "card-header-mark", "card-header-subtitle"]>;
 }

package/lib/components/card-header/components/card-header-linear/card-header-linear.component.d.ts

@@ -1,2 +1,5 @@
+import * as i0 from "@angular/core";
 export declare class CardHeaderLinearComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CardHeaderLinearComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CardHeaderLinearComponent, "card-header-linear", never, {}, {}, never, ["card-title"]>;
 }

package/lib/components/card-header/components/card-header-oval/card-header-oval.component.d.ts

@@ -1,4 +1,5 @@
 import { ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
 export declare class CardHeaderOvalBase {
     _elementRef: ElementRef;
     constructor(_elementRef: ElementRef);
@@ -6,4 +7,6 @@ export declare class CardHeaderOvalBase {
 export declare const _CardHeaderOvalMixinBase: typeof CardHeaderOvalBase;
 export declare class CardHeaderOvalComponent extends _CardHeaderOvalMixinBase {
     constructor(_elementRef: ElementRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<CardHeaderOvalComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CardHeaderOvalComponent, "card-header-oval", never, { "color": "color"; }, {}, never, ["card-title"]>;
 }

package/lib/directives/card-body.directive.d.ts

@@ -1,2 +1,5 @@
+import * as i0 from "@angular/core";
 export declare class CardBodyDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CardBodyDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CardBodyDirective, "card-body, [card-body], [craftsjsCardBody]", never, {}, {}, never>;
 }

package/lib/directives/card-divider.directive.d.ts

@@ -1,2 +1,5 @@
+import * as i0 from "@angular/core";
 export declare class CardDividerDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CardDividerDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CardDividerDirective, "card-divider, [card-divider], [craftsjsCardDivider]", never, {}, {}, never>;
 }

package/lib/directives/card-footer.directive.d.ts

@@ -1,2 +1,5 @@
+import * as i0 from "@angular/core";
 export declare class CardFooterDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CardFooterDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CardFooterDirective, "card-footer, [card-footer], [craftsjsCardFooter]", never, {}, {}, never>;
 }

package/lib/directives/card-header-mark.directive.d.ts

@@ -1,2 +1,5 @@
+import * as i0 from "@angular/core";
 export declare class CardHeaderMarkDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CardHeaderMarkDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CardHeaderMarkDirective, "card-header-mark, [card-header-mark], [craftsjsCardHeaderMark]", never, {}, {}, never>;
 }

package/lib/directives/card-header-subtitle.directive.d.ts

@@ -1,2 +1,5 @@
+import * as i0 from "@angular/core";
 export declare class CardHeaderSubtitleDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CardHeaderSubtitleDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CardHeaderSubtitleDirective, "card-header-subtitle, [card-header-subtitle], [craftsjsCardHeaderSubtitle]", never, {}, {}, never>;
 }

package/lib/directives/card-title.directive.d.ts

@@ -1,2 +1,5 @@
+import * as i0 from "@angular/core";
 export declare class CardTitleDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CardTitleDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CardTitleDirective, "card-title, [card-title], [craftsjsCardTitle]", never, {}, {}, never>;
 }