@haiilo/catalyst-angular 10.30.2 → 10.31.1

package/lib/catalyst.module.d.ts

@@ -13,11 +13,12 @@ import * as i10 from "./datetime/datetime.component";
 import * as i11 from "./dialog/dialog.component";
 import * as i12 from "./dialog/dialog-header.component";
 import * as i13 from "./dialog/dialog-actions.component";
-import * as i14 from "@angular/common";
-import * as i15 from "@angular/cdk/dialog";
+import * as i14 from "./tooltip/tooltip.directive";
+import * as i15 from "@angular/common";
+import * as i16 from "@angular/cdk/dialog";
 export declare class CatalystModule {
     static forRoot(): ModuleWithProviders<CatalystModule>;
     static ɵfac: i0.ɵɵFactoryDeclaration<CatalystModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<CatalystModule, [typeof i1.CatAlert, typeof i1.CatAvatar, typeof i1.CatBadge, typeof i1.CatButton, typeof i1.CatButtonGroup, typeof i1.CatCard, typeof i1.CatCheckbox, typeof i1.CatDate, typeof i1.CatDateInline, typeof i1.CatDatepicker, typeof i1.CatDropdown, typeof i1.CatFormGroup, typeof i1.CatIcon, typeof i1.CatInput, typeof i1.CatPagination, typeof i1.CatRadio, typeof i1.CatRadioGroup, typeof i1.CatScrollable, typeof i1.CatSelect, typeof i1.CatSkeleton, typeof i1.CatSpinner, typeof i1.CatTab, typeof i1.CatTabs, typeof i1.CatTextarea, typeof i1.CatTime, typeof i1.CatToggle, typeof i1.CatTooltip, typeof i1.CatTag, typeof i2.BooleanValueAccessor, typeof i3.DateValueAccessor, typeof i4.RadioValueAccessor, typeof i5.SelectValueAccessor, typeof i6.SelectValueAccessorDecorator, typeof i7.TextValueAccessor, typeof i8.TimeValueAccessor, typeof i9.ValueAccessorDecorator, typeof i10.DatetimeComponent, typeof i11.CatDialogComponent, typeof i12.CatDialogHeaderComponent, typeof i13.CatDialogActionsComponent], [typeof i14.CommonModule, typeof i15.DialogModule], [typeof i1.CatAlert, typeof i1.CatAvatar, typeof i1.CatBadge, typeof i1.CatButton, typeof i1.CatButtonGroup, typeof i1.CatCard, typeof i1.CatCheckbox, typeof i1.CatDate, typeof i1.CatDateInline, typeof i1.CatDatepicker, typeof i1.CatDropdown, typeof i1.CatFormGroup, typeof i1.CatIcon, typeof i1.CatInput, typeof i1.CatPagination, typeof i1.CatRadio, typeof i1.CatRadioGroup, typeof i1.CatScrollable, typeof i1.CatSelect, typeof i1.CatSkeleton, typeof i1.CatSpinner, typeof i1.CatTab, typeof i1.CatTabs, typeof i1.CatTextarea, typeof i1.CatTime, typeof i1.CatToggle, typeof i1.CatTooltip, typeof i1.CatTag, typeof i2.BooleanValueAccessor, typeof i3.DateValueAccessor, typeof i4.RadioValueAccessor, typeof i5.SelectValueAccessor, typeof i6.SelectValueAccessorDecorator, typeof i7.TextValueAccessor, typeof i8.TimeValueAccessor, typeof i9.ValueAccessorDecorator, typeof i10.DatetimeComponent, typeof i11.CatDialogComponent, typeof i12.CatDialogHeaderComponent, typeof i13.CatDialogActionsComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CatalystModule, [typeof i1.CatAlert, typeof i1.CatAvatar, typeof i1.CatBadge, typeof i1.CatButton, typeof i1.CatButtonGroup, typeof i1.CatCard, typeof i1.CatCheckbox, typeof i1.CatDate, typeof i1.CatDateInline, typeof i1.CatDatepicker, typeof i1.CatDropdown, typeof i1.CatFormGroup, typeof i1.CatIcon, typeof i1.CatInput, typeof i1.CatPagination, typeof i1.CatRadio, typeof i1.CatRadioGroup, typeof i1.CatScrollable, typeof i1.CatSelect, typeof i1.CatSkeleton, typeof i1.CatSpinner, typeof i1.CatTab, typeof i1.CatTabs, typeof i1.CatTextarea, typeof i1.CatTime, typeof i1.CatToggle, typeof i1.CatTooltip, typeof i1.CatTag, typeof i2.BooleanValueAccessor, typeof i3.DateValueAccessor, typeof i4.RadioValueAccessor, typeof i5.SelectValueAccessor, typeof i6.SelectValueAccessorDecorator, typeof i7.TextValueAccessor, typeof i8.TimeValueAccessor, typeof i9.ValueAccessorDecorator, typeof i10.DatetimeComponent, typeof i11.CatDialogComponent, typeof i12.CatDialogHeaderComponent, typeof i13.CatDialogActionsComponent, typeof i14.CatTooltipDirective], [typeof i15.CommonModule, typeof i16.DialogModule], [typeof i1.CatAlert, typeof i1.CatAvatar, typeof i1.CatBadge, typeof i1.CatButton, typeof i1.CatButtonGroup, typeof i1.CatCard, typeof i1.CatCheckbox, typeof i1.CatDate, typeof i1.CatDateInline, typeof i1.CatDatepicker, typeof i1.CatDropdown, typeof i1.CatFormGroup, typeof i1.CatIcon, typeof i1.CatInput, typeof i1.CatPagination, typeof i1.CatRadio, typeof i1.CatRadioGroup, typeof i1.CatScrollable, typeof i1.CatSelect, typeof i1.CatSkeleton, typeof i1.CatSpinner, typeof i1.CatTab, typeof i1.CatTabs, typeof i1.CatTextarea, typeof i1.CatTime, typeof i1.CatToggle, typeof i1.CatTooltip, typeof i1.CatTag, typeof i2.BooleanValueAccessor, typeof i3.DateValueAccessor, typeof i4.RadioValueAccessor, typeof i5.SelectValueAccessor, typeof i6.SelectValueAccessorDecorator, typeof i7.TextValueAccessor, typeof i8.TimeValueAccessor, typeof i9.ValueAccessorDecorator, typeof i10.DatetimeComponent, typeof i11.CatDialogComponent, typeof i12.CatDialogHeaderComponent, typeof i13.CatDialogActionsComponent, typeof i14.CatTooltipDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<CatalystModule>;
 }

package/lib/dialog/dialog.service.d.ts

@@ -1,7 +1,16 @@
 import { Dialog, DialogConfig, DialogRef } from '@angular/cdk/dialog';
 import { ComponentType } from '@angular/cdk/portal';
+import { InjectionToken } from '@angular/core';
 import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
+/**
+ * Injection token for custom dialog sizes. The map should contain a key-value
+ * pair of size names and their corresponding CSS width values. The key `default`
+ * is used as the default size when no size is specified.
+ */
+export declare const CAT_DIALOG_SIZE_TOKEN: InjectionToken<{
+    [key: string]: string;
+}>;
 /**
  * Configuration options for modal dialogs.
  */
@@ -11,7 +20,10 @@ export declare type CatDialogConfig<D = unknown> = Pick<DialogConfig<D>, 'data'
  */
 export declare class CatDialogService {
     private readonly dialog;
-    constructor(dialog: Dialog);
+    private readonly size;
+    constructor(dialog: Dialog, size: {
+        [key: string]: string;
+    } | null);
     /**
      * Opens a modal dialog containing the given component.
      *
@@ -32,6 +44,6 @@ export declare class CatDialogService {
      * Closes all open dialogs.
      */
     closeAll(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CatDialogService, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CatDialogService, [null, { optional: true; }]>;
     static ɵprov: i0.ɵɵInjectableDeclaration<CatDialogService>;
 }

package/lib/directives/proxies.d.ts

@@ -33,7 +33,7 @@ export declare class CatButton {
     protected el: HTMLElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<CatButton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CatButton, "cat-button", never, { "a11yCurrent": "a11yCurrent"; "a11yLabel": "a11yLabel"; "active": "active"; "buttonGroupPosition": "buttonGroupPosition"; "buttonId": "buttonId"; "color": "color"; "disabled": "disabled"; "icon": "icon"; "iconOnly": "iconOnly"; "iconRight": "iconRight"; "loading": "loading"; "name": "name"; "nativeAttributes": "nativeAttributes"; "nativeContentAttributes": "nativeContentAttributes"; "noEllipsis": "noEllipsis"; "round": "round"; "size": "size"; "submit": "submit"; "url": "url"; "urlTarget": "urlTarget"; "value": "value"; "variant": "variant"; }, {}, never, ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CatButton, "cat-button", never, { "a11yCurrent": "a11yCurrent"; "a11yLabel": "a11yLabel"; "active": "active"; "buttonGroupPosition": "buttonGroupPosition"; "buttonId": "buttonId"; "color": "color"; "disabled": "disabled"; "icon": "icon"; "iconOnly": "iconOnly"; "iconRight": "iconRight"; "loading": "loading"; "name": "name"; "nativeAttributes": "nativeAttributes"; "nativeContentAttributes": "nativeContentAttributes"; "noEllipsis": "noEllipsis"; "round": "round"; "size": "size"; "submit": "submit"; "testId": "testId"; "url": "url"; "urlTarget": "urlTarget"; "value": "value"; "variant": "variant"; }, {}, never, ["*"], false>;
 }
 export declare interface CatButton extends Components.CatButton {
     /**
@@ -76,7 +76,7 @@ export declare class CatCheckbox {
     protected el: HTMLElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<CatCheckbox, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CatCheckbox, "cat-checkbox", never, { "alignment": "alignment"; "checked": "checked"; "disabled": "disabled"; "hint": "hint"; "identifier": "identifier"; "indeterminate": "indeterminate"; "label": "label"; "labelHidden": "labelHidden"; "labelLeft": "labelLeft"; "name": "name"; "nativeAttributes": "nativeAttributes"; "noValue": "noValue"; "required": "required"; "requiredMarker": "requiredMarker"; "resolvedValue": "resolvedValue"; "value": "value"; }, {}, never, ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CatCheckbox, "cat-checkbox", never, { "alignment": "alignment"; "checked": "checked"; "disabled": "disabled"; "hint": "hint"; "identifier": "identifier"; "indeterminate": "indeterminate"; "label": "label"; "labelHidden": "labelHidden"; "labelLeft": "labelLeft"; "name": "name"; "nativeAttributes": "nativeAttributes"; "noValue": "noValue"; "required": "required"; "requiredMarker": "requiredMarker"; "resolvedValue": "resolvedValue"; "testId": "testId"; "value": "value"; }, {}, never, ["*"], false>;
 }
 export declare interface CatCheckbox extends Components.CatCheckbox {
     /**
@@ -200,7 +200,7 @@ export declare class CatInput {
     protected el: HTMLElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<CatInput, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CatInput, "cat-input", never, { "autoComplete": "autoComplete"; "clearable": "clearable"; "disabled": "disabled"; "errorUpdate": "errorUpdate"; "errors": "errors"; "hint": "hint"; "horizontal": "horizontal"; "icon": "icon"; "iconRight": "iconRight"; "identifier": "identifier"; "label": "label"; "labelHidden": "labelHidden"; "loading": "loading"; "max": "max"; "maxLength": "maxLength"; "min": "min"; "minLength": "minLength"; "name": "name"; "nativeAttributes": "nativeAttributes"; "placeholder": "placeholder"; "readonly": "readonly"; "required": "required"; "requiredMarker": "requiredMarker"; "round": "round"; "textPrefix": "textPrefix"; "textSuffix": "textSuffix"; "togglePassword": "togglePassword"; "type": "type"; "value": "value"; }, {}, never, ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CatInput, "cat-input", never, { "autoComplete": "autoComplete"; "clearable": "clearable"; "disabled": "disabled"; "errorUpdate": "errorUpdate"; "errors": "errors"; "hint": "hint"; "horizontal": "horizontal"; "icon": "icon"; "iconRight": "iconRight"; "identifier": "identifier"; "label": "label"; "labelHidden": "labelHidden"; "loading": "loading"; "max": "max"; "maxLength": "maxLength"; "min": "min"; "minLength": "minLength"; "name": "name"; "nativeAttributes": "nativeAttributes"; "placeholder": "placeholder"; "readonly": "readonly"; "required": "required"; "requiredMarker": "requiredMarker"; "round": "round"; "testId": "testId"; "textPrefix": "textPrefix"; "textSuffix": "textSuffix"; "togglePassword": "togglePassword"; "type": "type"; "value": "value"; }, {}, never, ["*"], false>;
 }
 export declare interface CatInput extends Components.CatInput {
     /**
@@ -234,7 +234,7 @@ export declare class CatRadio {
     protected el: HTMLElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<CatRadio, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CatRadio, "cat-radio", never, { "alignment": "alignment"; "checked": "checked"; "disabled": "disabled"; "hint": "hint"; "identifier": "identifier"; "label": "label"; "labelHidden": "labelHidden"; "labelLeft": "labelLeft"; "name": "name"; "nativeAttributes": "nativeAttributes"; "required": "required"; "value": "value"; }, {}, never, ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CatRadio, "cat-radio", never, { "alignment": "alignment"; "checked": "checked"; "disabled": "disabled"; "hint": "hint"; "identifier": "identifier"; "label": "label"; "labelHidden": "labelHidden"; "labelLeft": "labelLeft"; "name": "name"; "nativeAttributes": "nativeAttributes"; "required": "required"; "testId": "testId"; "value": "value"; }, {}, never, ["*"], false>;
 }
 export declare interface CatRadio extends Components.CatRadio {
     /**
@@ -301,7 +301,7 @@ export declare class CatSelect {
     protected el: HTMLElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<CatSelect, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CatSelect, "cat-select", never, { "clearable": "clearable"; "debounce": "debounce"; "disabled": "disabled"; "errorUpdate": "errorUpdate"; "errors": "errors"; "hint": "hint"; "horizontal": "horizontal"; "identifier": "identifier"; "label": "label"; "labelHidden": "labelHidden"; "multiple": "multiple"; "name": "name"; "nativeAttributes": "nativeAttributes"; "noItems": "noItems"; "placeholder": "placeholder"; "placement": "placement"; "required": "required"; "requiredMarker": "requiredMarker"; "tagHint": "tagHint"; "tags": "tags"; "value": "value"; }, {}, never, ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CatSelect, "cat-select", never, { "clearable": "clearable"; "debounce": "debounce"; "disabled": "disabled"; "errorUpdate": "errorUpdate"; "errors": "errors"; "hint": "hint"; "horizontal": "horizontal"; "identifier": "identifier"; "label": "label"; "labelHidden": "labelHidden"; "multiple": "multiple"; "name": "name"; "nativeAttributes": "nativeAttributes"; "noItems": "noItems"; "placeholder": "placeholder"; "placement": "placement"; "required": "required"; "requiredMarker": "requiredMarker"; "tagHint": "tagHint"; "tags": "tags"; "testId": "testId"; "value": "value"; }, {}, never, ["*"], false>;
 }
 export declare interface CatSelect extends Components.CatSelect {
     /**
@@ -382,7 +382,7 @@ export declare class CatTag {
     protected el: HTMLElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<CatTag, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CatTag, "cat-tag", never, { "addOnBlur": "addOnBlur"; "clearable": "clearable"; "disabled": "disabled"; "errorUpdate": "errorUpdate"; "errors": "errors"; "hint": "hint"; "identifier": "identifier"; "label": "label"; "labelHidden": "labelHidden"; "name": "name"; "nativeAttributes": "nativeAttributes"; "placeholder": "placeholder"; "required": "required"; "requiredMarker": "requiredMarker"; "tagCreationChars": "tagCreationChars"; "value": "value"; }, {}, never, ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CatTag, "cat-tag", never, { "addOnBlur": "addOnBlur"; "clearable": "clearable"; "disabled": "disabled"; "errorUpdate": "errorUpdate"; "errors": "errors"; "hint": "hint"; "identifier": "identifier"; "label": "label"; "labelHidden": "labelHidden"; "name": "name"; "nativeAttributes": "nativeAttributes"; "placeholder": "placeholder"; "required": "required"; "requiredMarker": "requiredMarker"; "tagCreationChars": "tagCreationChars"; "testId": "testId"; "value": "value"; }, {}, never, ["*"], false>;
 }
 export declare interface CatTag extends Components.CatTag {
     /**
@@ -403,7 +403,7 @@ export declare class CatTextarea {
     protected el: HTMLElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<CatTextarea, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CatTextarea, "cat-textarea", never, { "autoComplete": "autoComplete"; "disabled": "disabled"; "errorUpdate": "errorUpdate"; "errors": "errors"; "hint": "hint"; "horizontal": "horizontal"; "identifier": "identifier"; "label": "label"; "labelHidden": "labelHidden"; "maxLength": "maxLength"; "minLength": "minLength"; "name": "name"; "nativeAttributes": "nativeAttributes"; "placeholder": "placeholder"; "readonly": "readonly"; "required": "required"; "requiredMarker": "requiredMarker"; "rows": "rows"; "value": "value"; }, {}, never, ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CatTextarea, "cat-textarea", never, { "autoComplete": "autoComplete"; "disabled": "disabled"; "errorUpdate": "errorUpdate"; "errors": "errors"; "hint": "hint"; "horizontal": "horizontal"; "identifier": "identifier"; "label": "label"; "labelHidden": "labelHidden"; "maxLength": "maxLength"; "minLength": "minLength"; "name": "name"; "nativeAttributes": "nativeAttributes"; "placeholder": "placeholder"; "readonly": "readonly"; "required": "required"; "requiredMarker": "requiredMarker"; "rows": "rows"; "testId": "testId"; "value": "value"; }, {}, never, ["*"], false>;
 }
 export declare interface CatTextarea extends Components.CatTextarea {
     /**
@@ -445,7 +445,7 @@ export declare class CatToggle {
     protected el: HTMLElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<CatToggle, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CatToggle, "cat-toggle", never, { "alignment": "alignment"; "checked": "checked"; "disabled": "disabled"; "hint": "hint"; "identifier": "identifier"; "label": "label"; "labelHidden": "labelHidden"; "labelLeft": "labelLeft"; "name": "name"; "nativeAttributes": "nativeAttributes"; "noValue": "noValue"; "required": "required"; "resolvedValue": "resolvedValue"; "value": "value"; }, {}, never, ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CatToggle, "cat-toggle", never, { "alignment": "alignment"; "checked": "checked"; "disabled": "disabled"; "hint": "hint"; "identifier": "identifier"; "label": "label"; "labelHidden": "labelHidden"; "labelLeft": "labelLeft"; "name": "name"; "nativeAttributes": "nativeAttributes"; "noValue": "noValue"; "required": "required"; "resolvedValue": "resolvedValue"; "testId": "testId"; "value": "value"; }, {}, never, ["*"], false>;
 }
 export declare interface CatToggle extends Components.CatToggle {
     /**

package/lib/tooltip/tooltip.directive.d.ts

@@ -0,0 +1,14 @@
+import { OnInit, TemplateRef, ViewContainerRef } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * A directive that can be used to add a Catalyst tooltip to an element.
+ */
+export declare class CatTooltipDirective implements OnInit {
+    private templateRef;
+    private viewContainer;
+    catTooltip: string;
+    constructor(templateRef: TemplateRef<unknown>, viewContainer: ViewContainerRef);
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CatTooltipDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CatTooltipDirective, "[catTooltip]", never, { "catTooltip": "catTooltip"; }, {}, never, never, false>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@haiilo/catalyst-angular",
-  "version": "10.30.2",
+  "version": "10.31.1",
   "description": "Angular wrapper for Catalyst Design System",
   "license": "MIT",
   "publishConfig": {
@@ -14,8 +14,8 @@
   "dependencies": {
     "loglevel": "1.8.1",
     "tslib": "^2.3.0",
-    "@haiilo/catalyst-tokens": "10.30.2",
-    "@haiilo/catalyst": "10.30.2"
+    "@haiilo/catalyst": "10.31.1",
+    "@haiilo/catalyst-tokens": "10.31.1"
   },
   "module": "fesm2015/haiilo-catalyst-angular.mjs",
   "es2020": "fesm2020/haiilo-catalyst-angular.mjs",

package/public-api.d.ts

@@ -4,7 +4,7 @@ export * from './lib/datetime/datetime.component';
 export { CatDialogActionsComponent } from './lib/dialog/dialog-actions.component';
 export { CatDialogHeaderComponent } from './lib/dialog/dialog-header.component';
 export { CatDialogComponent } from './lib/dialog/dialog.component';
-export { CatDialogConfig, CatDialogService } from './lib/dialog/dialog.service';
+export { CatDialogConfig, CatDialogService, CAT_DIALOG_SIZE_TOKEN } from './lib/dialog/dialog.service';
 export * from './lib/directives/boolean-value-accessor';
 export * from './lib/directives/date-value-accessor';
 export * from './lib/directives/proxies';
@@ -15,3 +15,4 @@ export * from './lib/directives/text-value-accessor';
 export * from './lib/directives/time-value-accessor';
 export * from './lib/directives/value-accessor';
 export * from './lib/directives/value-accessor-decorator';
+export { CatTooltipDirective } from './lib/tooltip/tooltip.directive';