@bravura/ui 1.6.0 → 1.8.0

package/CHANGELOG.md

@@ -1,18 +1,43 @@
 # Change history
 
+## 1.8.0 (2021-12-09)
+
+* feat(behavior): enhance sizing directive to support inline styles ([3a27a84](https://scm.bravurasolutions.net/projects/DIGI/repos/ui-components/commits/3a27a84))
+
+## <small>1.7.2 (2021-11-17)</small>
+
+* fix(tooltip): fix tooltip content not being reset when given falsy ([b17da82](https://scm.bravurasolutions.net/projects/DIGI/repos/ui-components/commits/b17da82))
+* fix(tooltip): template ref not rendered due to message prop being empty ([7b05f24](https://scm.bravurasolutions.net/projects/DIGI/repos/ui-components/commits/7b05f24))
+* build: attempt to specify build name from package.json ([67202e0](https://scm.bravurasolutions.net/projects/DIGI/repos/ui-components/commits/67202e0))
+* build: evaluate build name post release ([f1a6b2e](https://scm.bravurasolutions.net/projects/DIGI/repos/ui-components/commits/f1a6b2e))
+* build: fix build script syntax ([2d1bf55](https://scm.bravurasolutions.net/projects/DIGI/repos/ui-components/commits/2d1bf55))
+* test(form-field): fix code coverage failure ([1a3ea19](https://scm.bravurasolutions.net/projects/DIGI/repos/ui-components/commits/1a3ea19))
+
+## <small>1.7.1 (2021-11-16)</small>
+
+* fix(tooltip): fix issue with string content overriding template ref ([082ce8a](https://scm.bravurasolutions.net/projects/DIGI/repos/ui-components/commits/082ce8a))
+
+## 1.7.0 (2021-11-12)
+
+* test: fix test failures due to different browser environments ([8b0da8b](https://scm.bravurasolutions.net/projects/DIGI/repos/ui-components/commits/8b0da8b))
+* feat(tooltip): add support for template reference ([db5da52](https://scm.bravurasolutions.net/projects/DIGI/repos/ui-components/commits/db5da52))
+* fix(form-field): override MatFormField provider to view/content children ([12dea10](https://scm.bravurasolutions.net/projects/DIGI/repos/ui-components/commits/12dea10))
+* refactor: minor packages upgrade ([64f3e34](https://scm.bravurasolutions.net/projects/DIGI/repos/ui-components/commits/64f3e34))
+* docs(storybook): upgrade storybook packages ([b04d0d7](https://scm.bravurasolutions.net/projects/DIGI/repos/ui-components/commits/b04d0d7))
+
 ## 1.6.0 (2021-09-28)
 
-* feat(discrete-input): add new material form control - discrete input ([b9feadf](https://scm.bravurasolutions.net/projects/DIGI/repos/ui-components/commits/b9feadf))
-* feat(selection-panel): add input property selectByHeader, defaul true ([631b8e9](https://scm.bravurasolutions.net/projects/DIGI/repos/ui-components/commits/631b8e9))
-* fix(form-field): fix incorrect spacing in 'detach' appearance ([8035a66](https://scm.bravurasolutions.net/projects/DIGI/repos/ui-components/commits/8035a66))
-* fix(form-field): fix issue with click event handling on 'detach' fields ([2ede5f8](https://scm.bravurasolutions.net/projects/DIGI/repos/ui-components/commits/2ede5f8))
-* fix(radio-panel): changes to color not reflected to items immediately ([d75814d](https://scm.bravurasolutions.net/projects/DIGI/repos/ui-components/commits/d75814d))
-* fix(theme): fix incorrect use of colours from theme config ([d3a15cd](https://scm.bravurasolutions.net/projects/DIGI/repos/ui-components/commits/d3a15cd))
-* ci: add release and publish step ([e48e82e](https://scm.bravurasolutions.net/projects/DIGI/repos/ui-components/commits/e48e82e))
-* ci: enable jenkins pipeline [wip] ([250569e](https://scm.bravurasolutions.net/projects/DIGI/repos/ui-components/commits/250569e))
-* ci: enable maintenance releases on defined branch patterns ([044a589](https://scm.bravurasolutions.net/projects/DIGI/repos/ui-components/commits/044a589))
-* ci: move chromatic to semantic release script ([14982b8](https://scm.bravurasolutions.net/projects/DIGI/repos/ui-components/commits/14982b8))
-* ci: simplify jenkin pipeline stages [wip] ([aa074e1](https://scm.bravurasolutions.net/projects/DIGI/repos/ui-components/commits/aa074e1))
+- feat(discrete-input): add new material form control - discrete input ([b9feadf](https://scm.bravurasolutions.net/projects/DIGI/repos/ui-components/commits/b9feadf))
+- feat(selection-panel): add input property selectByHeader, defaul true ([631b8e9](https://scm.bravurasolutions.net/projects/DIGI/repos/ui-components/commits/631b8e9))
+- fix(form-field): fix incorrect spacing in 'detach' appearance ([8035a66](https://scm.bravurasolutions.net/projects/DIGI/repos/ui-components/commits/8035a66))
+- fix(form-field): fix issue with click event handling on 'detach' fields ([2ede5f8](https://scm.bravurasolutions.net/projects/DIGI/repos/ui-components/commits/2ede5f8))
+- fix(radio-panel): changes to color not reflected to items immediately ([d75814d](https://scm.bravurasolutions.net/projects/DIGI/repos/ui-components/commits/d75814d))
+- fix(theme): fix incorrect use of colours from theme config ([d3a15cd](https://scm.bravurasolutions.net/projects/DIGI/repos/ui-components/commits/d3a15cd))
+- ci: add release and publish step ([e48e82e](https://scm.bravurasolutions.net/projects/DIGI/repos/ui-components/commits/e48e82e))
+- ci: enable jenkins pipeline [wip] ([250569e](https://scm.bravurasolutions.net/projects/DIGI/repos/ui-components/commits/250569e))
+- ci: enable maintenance releases on defined branch patterns ([044a589](https://scm.bravurasolutions.net/projects/DIGI/repos/ui-components/commits/044a589))
+- ci: move chromatic to semantic release script ([14982b8](https://scm.bravurasolutions.net/projects/DIGI/repos/ui-components/commits/14982b8))
+- ci: simplify jenkin pipeline stages [wip] ([aa074e1](https://scm.bravurasolutions.net/projects/DIGI/repos/ui-components/commits/aa074e1))
 
 ## 1.5.0 (2021-09-18)
 

package/LICENSE

@@ -1,7 +1,7 @@
-ISC License
-
-Copyright 2021 Bravura Solutions
-
-Permission to use, copy, modify, and/or distribute this software for any purpose with or without fee is hereby granted, provided that the above copyright notice and this permission notice appear in all copies.
-
+ISC License
+
+Copyright 2021 Bravura Solutions
+
+Permission to use, copy, modify, and/or distribute this software for any purpose with or without fee is hereby granted, provided that the above copyright notice and this permission notice appear in all copies.
+
 THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.

package/behavior/behavior.module.d.ts

@@ -1,12 +1,12 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./sizing.directive";
-import * as i2 from "./sizing-monitor.directive";
-import * as i3 from "@angular/common";
-/**
- *  For functionality that cannot be easily achieved via CSS.
- */
-export declare class BehaviorModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<BehaviorModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<BehaviorModule, [typeof i1.SizingDirective, typeof i2.SizingMonitorDirective], [typeof i3.CommonModule], [typeof i1.SizingDirective, typeof i2.SizingMonitorDirective]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<BehaviorModule>;
-}
+import * as i0 from "@angular/core";
+import * as i1 from "./sizing.directive";
+import * as i2 from "./sizing-monitor.directive";
+import * as i3 from "@angular/common";
+/**
+ *  For functionality that cannot be easily achieved via CSS.
+ */
+export declare class BehaviorModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<BehaviorModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<BehaviorModule, [typeof i1.SizingDirective, typeof i2.SizingMonitorDirective], [typeof i3.CommonModule], [typeof i1.SizingDirective, typeof i2.SizingMonitorDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<BehaviorModule>;
+}

package/behavior/bravura-ui-behavior.d.ts

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

package/behavior/public-api.d.ts

@@ -1,3 +1,3 @@
-export * from './sizing.directive';
-export * from './sizing-monitor.directive';
-export * from './behavior.module';
+export * from './sizing.directive';
+export * from './sizing-monitor.directive';
+export * from './behavior.module';

package/behavior/sizing-monitor.directive.d.ts

@@ -1,23 +1,23 @@
-import { ElementRef } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * Use this directive to designate a target HTML element, based on which the child elements'
- * `[buiSizing]` directives will calculate the sizes.
- *
- * ```html
- * <div [buiSizingMonitor]>
- *    <div [buiSizing]="...">
- *    </div>
- *    <div>
- *       <div [buiSizing]="...">
- *       </div>
- *    </div>
- * <div>
- * ```
- */
-export declare class SizingMonitorDirective {
-    readonly element: ElementRef<HTMLElement>;
-    constructor(element: ElementRef<HTMLElement>);
-    static ɵfac: i0.ɵɵFactoryDeclaration<SizingMonitorDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SizingMonitorDirective, "[buiSizingMonitor]", never, {}, {}, never>;
-}
+import { ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Use this directive to designate a target HTML element, based on which the child elements'
+ * `[buiSizing]` directives will calculate the sizes.
+ *
+ * ```html
+ * <div [buiSizingMonitor]>
+ *    <div [buiSizing]="...">
+ *    </div>
+ *    <div>
+ *       <div [buiSizing]="...">
+ *       </div>
+ *    </div>
+ * <div>
+ * ```
+ */
+export declare class SizingMonitorDirective {
+    readonly element: ElementRef<HTMLElement>;
+    constructor(element: ElementRef<HTMLElement>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<SizingMonitorDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SizingMonitorDirective, "[buiSizingMonitor]", never, {}, {}, never>;
+}

package/behavior/sizing.directive.d.ts

@@ -1,88 +1,94 @@
-import { ElementRef, EventEmitter, NgZone, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
-import { SizingMonitorDirective } from './sizing-monitor.directive';
-import * as i0 from "@angular/core";
-/**
- * This directive monitors the changes in width of the `sizingBy` target, and apply specified style
- *  classes to the current element dynamically.
- *
- * In order for the layout engine to efficiently calculate and stabilize the dimensions, the effective style property
- * `box-sizing` of the `sizingBy` target element must be set to `border-box`.
- *
- * The directive uses [ResizeObserver API](https://developer.mozilla.org/en-US/docs/Web/API/Resize_Observer_API)
- * to capture the events of element resizing. Please use a polyfill if you want to support older browsers
- * that do not implement ResizeObserver API.
- *
- * Examples:
- *
- * ```html
- * <div #parentElement>
- *   <div [buiSizing]="{'400': 'small', '800': 'medium', '~': 'large'}" [sizingBy]="parentElement"></div>
- *   <div [buiSizing]="['small', 'medium', 'large']" [sizingBy]="'root'"></div>
- * </div>
- * ```
- */
-export declare class SizingDirective implements OnChanges, OnDestroy {
-    private _doc;
-    private _defaultTarget;
-    private _zone;
-    /**
-     * @ignore
-     */
-    static defaultSizingBreakpoints: string[];
-    /**
-     * Specifies the breakpoint widths and the style classes.
-     *
-     * The sizing spec `{"400": "small", "800": "medium", "~": "large"}` tells the directive to apply
-     * a style class `small` when the width of the monitored target is smaller than 400 pixels,
-     * `medium` when the width is between 400 and 800 pixels, and `large` when above.
-     *
-     * @example {'400': 'small', '800': 'medium', '~': 'large'}
-     */
-    buiSizing: string | Array<string> | {
-        [key: string]: string;
-    };
-    /**
-     * The alias of `buiSizingBy`.
-     */
-    sizingBy: 'root' | 'parent' | HTMLElement;
-    /**
-     * Designate an element to be monitored for recalculating the style classes of the current element.
-     *
-     * `root` specifies the document root or the enclosing shadow host.
-     * `parent` specifies the parent element.
-     * @alias sizingBy
-     */
-    get buiSizingBy(): 'root' | 'parent' | HTMLElement;
-    set buiSizingBy(target: 'root' | 'parent' | HTMLElement);
-    /**
-     * Emits `{width, height}` when the monitor target element resizes.
-     *
-     * Note that the dimensions emitted are of the [sizingBy] target, but not the current element.
-     */
-    buiResized: EventEmitter<{
-        width: number;
-        height: number;
-    }>;
-    /**
-     * Recalculate the height of this element according to the height of the monitored target.
-     */
-    buiFixedHeight: boolean;
-    private _monitorTarget;
-    private _observer;
-    private _sizingSpec;
-    private _width;
-    private _height;
-    private _reflowFrameCount;
-    private _element;
-    constructor(_doc: Document, _defaultTarget: SizingMonitorDirective, elemRef: ElementRef<HTMLElement>, _zone: NgZone);
-    ngOnChanges(_: SimpleChanges): void;
-    ngOnDestroy(): void;
-    private _initOrReset;
-    private _setUpNodeMonitor;
-    private _tearDownNodeMonitor;
-    private _calculateSize;
-    private _reflowHeight;
-    private _toNumber;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SizingDirective, [null, { optional: true; }, null, null]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SizingDirective, "[buiSizing],[buiResized],[buiSizingBy],[buiFixedHeight]", never, { "buiSizing": "buiSizing"; "sizingBy": "sizingBy"; "buiSizingBy": "buiSizingBy"; "buiFixedHeight": "buiFixedHeight"; }, { "buiResized": "buiResized"; }, never>;
-}
+import { ElementRef, EventEmitter, NgZone, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
+import { SizingMonitorDirective } from './sizing-monitor.directive';
+import * as i0 from "@angular/core";
+/**
+ * This directive monitors the changes in the width of the `sizingBy` target, and apply specified style
+ *  classes and/or inline styles to the current element dynamically.
+ *
+ * In order for the layout engine to efficiently calculate and stabilize the dimensions, the effective style property
+ * `box-sizing` of the `sizingBy` target element must be set to `border-box`.
+ *
+ * The directive uses [ResizeObserver API](https://developer.mozilla.org/en-US/docs/Web/API/Resize_Observer_API)
+ * to capture the events of element resizing. Please use a polyfill if you want to support older browsers
+ * that do not implement ResizeObserver API.
+ *
+ * Examples:
+ *
+ * ```html
+ * <div #parentElement>
+ *   <div [buiSizing]="{'400': 'small', '800': 'medium', '~': 'large'}" [buiSizingBy]="parentElement"></div>
+ *   <div [buiSizing]="['small', 'medium', 'large']" [buiSizingBy]="'root'"></div>
+ *   <div [buiSizing]="{'650': 'border-color: #28569', '~': 'bg-muted; border-style: dotted'}" [buiSizingBy]="parentElement"></div>
+ * </div>
+ * ```
+ */
+export declare class SizingDirective implements OnChanges, OnDestroy {
+    private _doc;
+    private _defaultTarget;
+    private _zone;
+    /**
+     * @ignore
+     */
+    static defaultSizingBreakpoints: string[];
+    /**
+     * Specifies the breakpoint widths and the style classes.
+     *
+     * The sizing spec `{"400": "small", "800": "medium", "~": "large"}` tells the directive to apply
+     * a style class `small` when the width of the monitored target is smaller than 400 pixels,
+     * `medium` when the width is between 400 and 800 pixels, and `large` when above.
+     *
+     * @example {'400': 'small', '800': 'medium', '~': 'large'}
+     */
+    buiSizing: string | Array<string> | {
+        [key: string]: string;
+    };
+    /**
+     * The alias of `buiSizingBy`.
+     * @default 'root'
+     */
+    sizingBy: 'root' | 'parent' | HTMLElement;
+    /**
+     * Designate an element to be monitored for recalculating the style classes of the current element.
+     *
+     * - `root` specifies the document root or the enclosing shadow host. This is the default value.
+     * - `parent` specifies the parent element.
+     *
+     * @default 'root'
+     * @alias sizingBy
+     */
+    get buiSizingBy(): 'root' | 'parent' | HTMLElement;
+    set buiSizingBy(target: 'root' | 'parent' | HTMLElement);
+    /**
+     * Emits `{width, height}` when the monitor target element resizes.
+     *
+     * Note that the dimensions emitted are of the [sizingBy] target, but not the current element.
+     */
+    buiResized: EventEmitter<{
+        width: number;
+        height: number;
+    }>;
+    /**
+     * Recalculate the height of this element according to the height of the monitored target.
+     */
+    buiFixedHeight: boolean;
+    private _monitorTarget;
+    private _observer;
+    private _sizingSpec;
+    private _width;
+    private _height;
+    private _reflowFrameCount;
+    private _element;
+    constructor(_doc: Document, _defaultTarget: SizingMonitorDirective, elemRef: ElementRef<HTMLElement>, _zone: NgZone);
+    ngOnChanges(_: SimpleChanges): void;
+    ngOnDestroy(): void;
+    private _initOrReset;
+    private _setUpNodeMonitor;
+    private _tearDownNodeMonitor;
+    private _calculateSize;
+    private _applyClassesOrStyles;
+    private _removeClassesOrStyles;
+    private _reflowHeight;
+    private _toNumber;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SizingDirective, [null, { optional: true; }, null, null]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SizingDirective, "[buiSizing],[buiResized],[buiSizingBy],[buiFixedHeight]", never, { "buiSizing": "buiSizing"; "sizingBy": "sizingBy"; "buiSizingBy": "buiSizingBy"; "buiFixedHeight": "buiFixedHeight"; }, { "buiResized": "buiResized"; }, never>;
+}

package/bravura-ui.d.ts

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