@coreui/angular 3.0.0-alpha.9 → 4.0.0-alpha.0

package/lib/widget/widget-stat-c/widget-stat-c.component.d.ts

@@ -0,0 +1,58 @@
+import { AfterContentInit, QueryList } from '@angular/core';
+import { BooleanInput } from '@angular/cdk/coercion';
+import { CardComponent } from '../../card';
+import { TemplateIdDirective } from '../../shared';
+import * as i0 from "@angular/core";
+export declare class WidgetStatCComponent extends CardComponent implements AfterContentInit {
+    constructor();
+    static ngAcceptInputType_inverse: BooleanInput;
+    /**
+     * Icon for your component.
+     * @type string
+     */
+    icon?: string;
+    /**
+     * Title of the widget to display
+     * @type string
+     */
+    title?: string;
+    /**
+     * Value for your widget to display
+     * @type string
+     */
+    value?: string | number;
+    /**
+     * Invert colors from their default dark shade.
+     * @type boolean
+     */
+    get inverse(): boolean;
+    set inverse(value: boolean);
+    private _inverse;
+    templates: any;
+    contentTemplates: QueryList<TemplateIdDirective>;
+    get hostExtendedClass(): {
+        'high-emphasis-inverse': boolean;
+    };
+    get iconClasses(): {
+        [x: string]: boolean;
+        'mb-4': boolean;
+        'text-end': boolean;
+        'text-medium-emphasis': boolean;
+        'text-medium-emphasis-inverse': boolean;
+    };
+    get titleClasses(): {
+        [x: string]: boolean;
+        'text-medium-emphasis': boolean;
+        'text-medium-emphasis-inverse': boolean;
+    };
+    get valueClasses(): {
+        [x: string]: boolean;
+        'fs-4': boolean;
+        'fw-semibold': boolean;
+        'text-high-emphasis': boolean;
+        'text-high-emphasis-inverse': boolean;
+    };
+    ngAfterContentInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WidgetStatCComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WidgetStatCComponent, "c-widget-stat-c", ["cWidgetStatC"], { "icon": "icon"; "title": "title"; "value": "value"; "inverse": "inverse"; }, {}, ["contentTemplates"], ["*"]>;
+}

package/lib/widget/widget-stat-d/widget-stat-d.component.d.ts

@@ -0,0 +1,31 @@
+import { Colors } from '../../coreui.types';
+import * as i0 from "@angular/core";
+export declare type WidgetStatDValue = {
+    title?: string;
+    value?: number | string;
+};
+export declare class WidgetStatDComponent {
+    /**
+     * Sets the color context of the component to one of CoreUI’s themed colors.
+     * @type Colors
+     */
+    color?: Colors;
+    /**
+     * Values and subtitles for your component.
+     * @type WidgetStatDValue
+     */
+    values?: WidgetStatDValue[];
+    constructor();
+    get hostClasses(): {
+        card: boolean;
+    };
+    get headerClasses(): {
+        [x: string]: string | boolean | undefined;
+        'position-relative': boolean;
+        'd-flex': boolean;
+        'justify-content-center': boolean;
+        'align-items-center': boolean;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<WidgetStatDComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WidgetStatDComponent, "c-widget-stat-d", ["cWidgetStatD"], { "color": "color"; "values": "values"; }, {}, never, ["*"]>;
+}

package/lib/widget/widget-stat-e/widget-stat-e.component.d.ts

@@ -0,0 +1,24 @@
+import { CardComponent } from '../../card';
+import * as i0 from "@angular/core";
+export declare class WidgetStatEComponent extends CardComponent {
+    constructor();
+    /**
+     * Title of the widget to display
+     * @type string
+     */
+    title?: string;
+    /**
+     * Value for your widget to display
+     * @type string | number
+     */
+    value?: string | number;
+    get titleClasses(): {
+        [x: string]: boolean;
+        'text-medium-emphasis': boolean;
+        small: boolean;
+        'text-uppercase': boolean;
+        'fw-semibold': boolean;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<WidgetStatEComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WidgetStatEComponent, "c-widget-stat-e", ["cWidgetStatE"], { "title": "title"; "value": "value"; }, {}, never, ["*"]>;
+}

package/lib/widget/widget-stat-f/widget-stat-f.component.d.ts

@@ -0,0 +1,77 @@
+import { AfterContentInit, QueryList } from '@angular/core';
+import { BooleanInput } from '@angular/cdk/coercion';
+import { TemplateIdDirective } from '../../shared';
+import { Colors } from '../../coreui.types';
+import * as i0 from "@angular/core";
+export declare class WidgetStatFComponent implements AfterContentInit {
+    static ngAcceptInputType_padding: BooleanInput;
+    /**
+     * Sets the color context of the component to one of CoreUI’s themed colors.
+     * @type Colors
+     */
+    color?: Colors;
+    /**
+     * Sets the text-color context of the component to one of CoreUI’s themed colors.
+     * @type Colors
+     */
+    textColor?: Colors | 'white' | 'muted';
+    /**
+     * Footer for your widget
+     * @type string
+     */
+    footer?: string;
+    /**
+     * Icon for your widget
+     * @type string
+     */
+    icon?: string;
+    /**
+     * Title of the widget to display
+     * @type string
+     */
+    /**
+     * Set padding of your component.
+     * @type boolean
+     */
+    get padding(): boolean;
+    set padding(value: boolean);
+    private _padding;
+    title?: string;
+    /**
+     * Value for your widget to display
+     * @type string
+     */
+    value?: string | number;
+    templates: any;
+    contentTemplates: QueryList<TemplateIdDirective>;
+    get hostClasses(): {
+        card: boolean;
+    };
+    get cardBodyClasses(): {
+        'd-flex': boolean;
+        'align-items-center': boolean;
+        'p-0': boolean;
+    };
+    get iconClasses(): {
+        [x: string]: boolean;
+        'me-3': boolean;
+        'text-white': boolean;
+        'p-3': boolean;
+        'p-4': boolean;
+    };
+    get titleClasses(): {
+        [x: string]: boolean;
+        'text-medium-emphasis': boolean;
+        small: boolean;
+        'text-uppercase': boolean;
+        'fw-semibold': boolean;
+    };
+    get valueClasses(): {
+        [x: string]: boolean;
+        'fs-6': boolean;
+        'fw-semibold': boolean;
+    };
+    ngAfterContentInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WidgetStatFComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WidgetStatFComponent, "c-widget-stat-f", ["cWidgetStatB"], { "color": "color"; "textColor": "textColor"; "footer": "footer"; "icon": "icon"; "padding": "padding"; "title": "title"; "value": "value"; }, {}, ["contentTemplates"], never>;
+}

package/lib/widget/widget.module.d.ts

@@ -1,2 +1,15 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./widget-stat-a/widget-stat-a.component";
+import * as i2 from "./widget-stat-b/widget-stat-b.component";
+import * as i3 from "./widget-stat-c/widget-stat-c.component";
+import * as i4 from "./widget-stat-d/widget-stat-d.component";
+import * as i5 from "./widget-stat-e/widget-stat-e.component";
+import * as i6 from "./widget-stat-f/widget-stat-f.component";
+import * as i7 from "@angular/common";
+import * as i8 from "../card/card.module";
+import * as i9 from "../grid/grid.module";
 export declare class WidgetModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<WidgetModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<WidgetModule, [typeof i1.WidgetStatAComponent, typeof i2.WidgetStatBComponent, typeof i3.WidgetStatCComponent, typeof i4.WidgetStatDComponent, typeof i5.WidgetStatEComponent, typeof i6.WidgetStatFComponent], [typeof i7.CommonModule, typeof i8.CardModule, typeof i9.GridModule], [typeof i1.WidgetStatAComponent, typeof i2.WidgetStatBComponent, typeof i3.WidgetStatCComponent, typeof i4.WidgetStatDComponent, typeof i5.WidgetStatEComponent, typeof i6.WidgetStatFComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<WidgetModule>;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@coreui/angular",
-  "version": "3.0.0-alpha.9",
-  "description": "CoreUI v3 Angular components library",
+  "version": "4.0.0-alpha.0",
+  "description": "CoreUI for Angular UI components library",
   "license": "MIT",
   "homepage": "https://coreui.io/angular",
   "author": {
@@ -17,16 +17,15 @@
     }
   ],
   "dependencies": {
-    "tslib": "^2.0.0"
+    "tslib": "^2.3.0",
+    "@popperjs/core": "^2.10.2"
   },
   "peerDependencies": {
-    "@angular/cdk": "^10.2.7",
-    "@angular/common": "^10.2.3",
-    "@angular/core": "^10.2.3",
-    "@angular/router": "^10.2.3",
+    "@angular/common": "^12.2.0",
+    "@angular/core": "^12.2.0",
+    "@angular/router": "^12.2.0",
     "chart.js": "^2.9.4",
-    "ng2-charts": "^2.4.2",
-    "spinkit": "^2.0.1"
+    "ng2-charts": "^2.4.3"
   },
   "repository": {
     "type": "git",
@@ -51,6 +50,5 @@
   "esm2015": "esm2015/coreui-angular.js",
   "fesm2015": "fesm2015/coreui-angular.js",
   "typings": "coreui-angular.d.ts",
-  "metadata": "coreui-angular.metadata.json",
   "sideEffects": false
-}
+}

package/public-api.d.ts

@@ -1,33 +1,37 @@
-export * from './lib/accordion/accordion.module';
-export * from './lib/alert/alert.module';
-export * from './lib/badge/badge.module';
-export * from './lib/breadcrumb/breadcrumb.module';
-export * from './lib/button/button.module';
-export * from './lib/callout/callout.module';
-export * from './lib/card/card.module';
-export * from './lib/chart/chart.module';
-export * from './lib/carousel/carousel.module';
-export { CollapseDirective, CollapseModule } from './lib/collapse';
-export * from './lib/collapse/collapse.module';
-export * from './lib/dropdown/dropdown.module';
-export * from './lib/embed/embed.module';
-export * from './lib/form/form.module';
-export * from './lib/grid/grid.module';
-export * from './lib/image/img.module';
-export * from './lib/layout';
-export * from './lib/list-group/list-group.module';
-export * from './lib/media/media.module';
-export * from './lib/modal/modal.module';
-export * from './lib/nav/nav.module';
-export * from './lib/navbar/navbar.module';
-export * from './lib/progress/progress.module';
-export * from './lib/shared/shared.module';
+export * from './lib/coreui.types';
+export * from './lib/shared';
+export * from './lib/accordion';
+export * from './lib/alert';
+export * from './lib/avatar';
+export * from './lib/badge';
+export * from './lib/breadcrumb';
+export * from './lib/button';
+export * from './lib/button-group';
+export * from './lib/callout';
+export * from './lib/card';
+export * from './lib/carousel';
+export * from './lib/chart';
+export * from './lib/collapse';
+export * from './lib/dropdown';
+export * from './lib/footer';
+export * from './lib/form';
+export * from './lib/grid';
+export * from './lib/header';
+export * from './lib/image';
+export * from './lib/list-group';
+export * from './lib/nav';
+export * from './lib/navbar';
+export * from './lib/modal';
+export * from './lib/offcanvas';
+export * from './lib/pagination';
+export * from './lib/popover';
+export * from './lib/progress';
 export * from './lib/services';
+export * from './lib/spinner';
 export * from './lib/sidebar';
-export * from './lib/spinkit/spinkit.module';
-export * from './lib/spinner/spinner.module';
-export * from './lib/switch/switch.module';
-export * from './lib/tabset/tabset.module';
+export * from './lib/table';
+export * from './lib/tabs';
 export * from './lib/toast';
-export * from './lib/toggler/toggler.module';
-export * from './lib/widget/widget.module';
+export * from './lib/tooltip';
+export * from './lib/utilities';
+export * from './lib/widget';