@bravura/ui 2.0.1 → 2.3.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bravura/ui",
   "description": "Bravura UI Components for Angular applications",
-  "version": "2.0.1",
+  "version": "2.3.0",
   "keywords": [
     "Angular",
     "Angular Material",
@@ -113,6 +113,14 @@
       "node": "./fesm2015/bravura-ui-icon-font.mjs",
       "default": "./fesm2020/bravura-ui-icon-font.mjs"
     },
+    "./panel": {
+      "types": "./panel/index.d.ts",
+      "esm2020": "./esm2020/panel/bravura-ui-panel.mjs",
+      "es2020": "./fesm2020/bravura-ui-panel.mjs",
+      "es2015": "./fesm2015/bravura-ui-panel.mjs",
+      "node": "./fesm2015/bravura-ui-panel.mjs",
+      "default": "./fesm2020/bravura-ui-panel.mjs"
+    },
     "./phone-number": {
       "types": "./phone-number/index.d.ts",
       "esm2020": "./esm2020/phone-number/bravura-ui-phone-number.mjs",

package/panel/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@bravura/ui/panel" />
+export * from './public-api';

package/panel/panel-section.component.d.ts

@@ -0,0 +1,13 @@
+import { ElementRef, OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * `bui-panel-section`s are subdivisions of `bui-panel` that rearrange their orientation based on the width of the container element.
+ */
+export declare class PanelSectionComponent implements OnInit {
+    private _elementRef;
+    private _parentElement;
+    constructor(_elementRef: ElementRef<HTMLElement>);
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PanelSectionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PanelSectionComponent, "bui-panel-section", never, {}, {}, never, ["*"], false>;
+}

package/panel/panel.component.d.ts

@@ -0,0 +1,56 @@
+import { ChangeDetectorRef, OnInit } from '@angular/core';
+import { ThemePalette } from '@angular/material/core';
+import * as i0 from "@angular/core";
+/**
+ * A `bui-panel` consists of a `mat-card` and a tinted backdrop.
+ *
+ * Unlike `mat-card`, `bui-panel` has a flat appearance by default and a transparent background.
+ * The backdrop is nearly transparent, blending the theme palette `color`
+ * and the effective background color of the DOM ancestors.
+ *
+ * `bui-panel` supports all the content child directives of `mat-card` as well as `bui-panel-section`.
+ *
+ * `bui-panel-section`s are subdivisions of `bui-panel` that rearrange their orientation based on the width of the container element.
+ *
+ */
+export declare class PanelComponent implements OnInit {
+    private _cd;
+    /**
+     * Additional style classes on the tinted backdrop element.
+     */
+    backdropClass?: string;
+    /**
+     * Additional style classes on the `<mat-card>` element.
+     */
+    cardClass?: string;
+    /**
+     * This property defines the background (shaded) and border colors of the panel
+     */
+    get color(): ThemePalette;
+    set color(value: ThemePalette);
+    /**
+     * In contrast to using a `mat-card` alone, a `bui-panel` does not have a elevated appearance by default.
+     *
+     * This property can change the default appearance to
+     *
+     * * `raised` - the original `mat-card` default
+     * * `outline` - a `mat-card` with borders
+     * * `flat` - no border or elevation
+     */
+    get appearance(): 'outlined' | 'raised' | 'flat';
+    set appearance(value: 'outlined' | 'raised' | 'flat');
+    /**
+     * The width of the host element, at which the panel section container will change its orientation.
+     */
+    breakpoint: number;
+    /** @ignore */
+    _width: number;
+    private _color;
+    private _appearance;
+    constructor(_cd: ChangeDetectorRef);
+    ngOnInit(): void;
+    /** @ignore */
+    _resized(width: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PanelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PanelComponent, "bui-panel", never, { "backdropClass": "backdropClass"; "cardClass": "cardClass"; "color": "color"; "appearance": "appearance"; "breakpoint": "breakpoint"; }, {}, never, ["*"], false>;
+}

package/panel/panel.module.d.ts

@@ -0,0 +1,14 @@
+import { PanelComponent } from './panel.component';
+import { PanelSectionComponent } from './panel-section.component';
+import * as i0 from "@angular/core";
+import * as i1 from "./panel.component";
+import * as i2 from "./panel-section.component";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/material/card";
+import * as i5 from "@bravura/ui/behavior";
+export declare class PanelModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<PanelModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PanelModule, [typeof i1.PanelComponent, typeof i2.PanelSectionComponent], [typeof i3.CommonModule, typeof i4.MatCardModule, typeof i5.BehaviorModule], [typeof i4.MatCardModule, typeof i1.PanelComponent, typeof i2.PanelSectionComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<PanelModule>;
+}
+export { PanelComponent, PanelSectionComponent };

package/panel/public-api.d.ts

@@ -0,0 +1 @@
+export * from './panel.module';