@ifsworld/granite-components 10.0.1 → 11.0.0

package/lib/arrange-grid/arrange-grid-item.component.d.ts

@@ -2,11 +2,6 @@ import { ElementRef } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class GraniteArrangeGridItemComponent {
     private element;
-    /**
-     * Number of cells the item would span. Used by arrange grid in column
-     * orientation to fill any unused space caused by wrapped items.
-     */
-    set columnSpan(value: number | null);
     /**
      * Column span to render.
      * For use in template only. Do not use outside of this component.
@@ -14,6 +9,11 @@ export declare class GraniteArrangeGridItemComponent {
      */
     _columnSpan: number | null;
     constructor(element: ElementRef<HTMLElement>);
+    /**
+     * Number of cells the item would span. Used by arrange grid in column
+     * orientation to fill any unused space caused by wrapped items.
+     */
+    set columnSpan(value: number | null);
     /**
      * Update element styles
      */

package/lib/arrange-grid/arrange-grid.component.d.ts

@@ -7,8 +7,6 @@ export declare enum GraniteArrangeGridOrientation {
 }
 export declare class GraniteArrangeGridComponent implements OnChanges, AfterContentInit, OnDestroy {
     private element;
-    /** Default number of columns to use in column orientation */
-    static readonly defaultCols: number;
     /** How to present grid items; `columns` (default) or `rows` */
     orientation: GraniteArrangeGridOrientation;
     /** Exposes column orientation to template */
@@ -16,6 +14,8 @@ export declare class GraniteArrangeGridComponent implements OnChanges, AfterCont
     /** Exposes row orientation to template */
     classRowOrientation: boolean;
     arrangeGridItemComponents: QueryList<GraniteArrangeGridItemComponent>;
+    /** Default number of columns to use in column orientation */
+    static readonly defaultCols: number;
     /**
      * Number of grid columns to use when orientation is set to `column`. The
      * default is two columns.
@@ -54,5 +54,5 @@ export declare class GraniteArrangeGridComponent implements OnChanges, AfterCont
      */
     protected setCssProperty(variable: string, value: string | null): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GraniteArrangeGridComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteArrangeGridComponent, "granite-arrange-grid", never, { "orientation": "orientation"; "cols": "cols"; }, {}, ["arrangeGridItemComponents"], ["granite-arrange-grid-item"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteArrangeGridComponent, "granite-arrange-grid", never, { "orientation": { "alias": "orientation"; "required": false; }; "cols": { "alias": "cols"; "required": false; }; }, {}, ["arrangeGridItemComponents"], ["granite-arrange-grid-item"], false, never>;
 }

package/lib/badge/badge.component.d.ts

@@ -15,5 +15,5 @@ export declare class GraniteBadgeComponent implements OnChanges {
     constructor(elementRef: ElementRef);
     ngOnChanges(changes: SimpleChanges): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GraniteBadgeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteBadgeComponent, "granite-badge", ["graniteBadge"], { "backgroundColor": "backgroundColor"; "color": "color"; "pill": "pill"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteBadgeComponent, "granite-badge", ["graniteBadge"], { "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "color": { "alias": "color"; "required": false; }; "pill": { "alias": "pill"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

package/lib/button/button.component.d.ts

@@ -24,7 +24,7 @@ export declare class GraniteButtonComponent extends ButtonComponentMixin impleme
     focus(origin?: FocusOrigin, options?: FocusOptions): void;
     private _getHostElement;
     static ɵfac: i0.ɵɵFactoryDeclaration<GraniteButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteButtonComponent, "button[graniteButton],    button[granitePrimaryButton],    button[graniteFlatButton],    button[graniteToolbarButton]  ", ["graniteButton"], { "disabled": "disabled"; "toggled": "toggled"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteButtonComponent, "button[graniteButton],    button[granitePrimaryButton],    button[graniteFlatButton],    button[graniteToolbarButton]  ", ["graniteButton"], { "disabled": { "alias": "disabled"; "required": false; }; "toggled": { "alias": "toggled"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare class GraniteAnchorComponent extends GraniteButtonComponent implements OnChanges {
     protected _focusMonitor: FocusMonitor;
@@ -33,6 +33,6 @@ export declare class GraniteAnchorComponent extends GraniteButtonComponent imple
     _anchorClick(event: Event): void;
     ngOnChanges(changes: SimpleChanges): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GraniteAnchorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteAnchorComponent, "a[graniteButton],  a[graniteFlatButton]", ["graniteAnchor"], { "disabled": "disabled"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteAnchorComponent, "a[graniteButton],  a[graniteFlatButton]", ["graniteAnchor"], { "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export {};

package/lib/checkbox/checkbox.component.d.ts

@@ -25,5 +25,5 @@ export declare class GraniteCheckboxComponent implements OnChanges {
     _checkboxClick(): void;
     private _getInputElement;
     static ɵfac: i0.ɵɵFactoryDeclaration<GraniteCheckboxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteCheckboxComponent, "granite-checkbox", ["graniteCheckbox"], { "id": "id"; "checked": "checked"; "disabled": "disabled"; "readonly": "readonly"; "labelPosition": "labelPosition"; "ariaLabel": "aria-label"; "ariaLabelledby": "aria-labelledby"; }, { "valueChange": "valueChange"; "checkboxChange": "checkboxChange"; "checkboxBlur": "checkboxBlur"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteCheckboxComponent, "granite-checkbox", ["graniteCheckbox"], { "id": { "alias": "id"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "ariaLabel": { "alias": "aria-label"; "required": false; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; }; }, { "valueChange": "valueChange"; "checkboxChange": "checkboxChange"; "checkboxBlur": "checkboxBlur"; }, never, ["*"], false, never>;
 }

package/lib/chips/chip-input.d.ts

@@ -28,6 +28,8 @@ export declare class GraniteChipInputDirective implements GraniteChipTextControl
     id: string;
     /** The input's placeholder text. */
     placeholder: string;
+    /** Emitted when a chip is to be added. */
+    readonly graniteChipInputTokenEnd: EventEmitter<GraniteChipInputEvent>;
     /** Register input for chip list */
     set graniteChipInputFor(value: GraniteChipListComponent);
     /**
@@ -47,17 +49,17 @@ export declare class GraniteChipInputDirective implements GraniteChipTextControl
      */
     get required(): boolean;
     set required(value: boolean);
+    /** The native input element to which this directive is attached. */
+    readonly inputElement: HTMLInputElement;
+    _chipList: GraniteChipListComponent;
+    focused: boolean;
     protected _required: boolean | undefined;
     /** Whether the input is disabled. */
     get disabled(): boolean;
     set disabled(value: boolean);
+    /** Whether the input is empty. */
+    get empty(): boolean;
     private _disabled;
-    /** Emitted when a chip is to be added. */
-    readonly graniteChipInputTokenEnd: EventEmitter<GraniteChipInputEvent>;
-    /** The native input element to which this directive is attached. */
-    readonly inputElement: HTMLInputElement;
-    _chipList: GraniteChipListComponent;
-    focused: boolean;
     /** Used to prevent focus moving to chips while user is holding backspace */
     private _focusLastChipOnBackspace;
     constructor(_elementRef: ElementRef<HTMLInputElement>);
@@ -80,10 +82,8 @@ export declare class GraniteChipInputDirective implements GraniteChipTextControl
     setFocus(options?: FocusOptions): void;
     /** Clears the input */
     clear(): void;
-    /** Whether the input is empty. */
-    get empty(): boolean;
     /** Checks whether a keycode is one of the configured separators. */
     private _isSeparatorKey;
     static ɵfac: i0.ɵɵFactoryDeclaration<GraniteChipInputDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<GraniteChipInputDirective, "input[graniteChipInputFor]", ["graniteChipInput", "graniteChipInputFor"], { "id": "id"; "placeholder": "placeholder"; "graniteChipInputFor": "graniteChipInputFor"; "graniteChipInputSeparatorKeyCodes": "graniteChipInputSeparatorKeyCodes"; "graniteChipInputAddOnBlur": "graniteChipInputAddOnBlur"; "required": "required"; "disabled": "disabled"; }, { "graniteChipInputTokenEnd": "graniteChipInputTokenEnd"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<GraniteChipInputDirective, "input[graniteChipInputFor]", ["graniteChipInput", "graniteChipInputFor"], { "id": { "alias": "id"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "graniteChipInputFor": { "alias": "graniteChipInputFor"; "required": false; }; "graniteChipInputSeparatorKeyCodes": { "alias": "graniteChipInputSeparatorKeyCodes"; "required": false; }; "graniteChipInputAddOnBlur": { "alias": "graniteChipInputAddOnBlur"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "graniteChipInputTokenEnd": "graniteChipInputTokenEnd"; }, never, never, false, never>;
 }

package/lib/chips/chip-list.component.d.ts

@@ -18,7 +18,28 @@ export declare class GraniteChipListComponent extends GraniteChipListBase implem
     protected _elementRef: ElementRef<HTMLElement>;
     private _changeDetectorRef;
     private _dir;
+    ariaLabel: string | null;
+    ariaLabelledby: string | null;
+    ariaOrientation: 'horizontal' | 'vertical';
+    /** The chips contained within this chip list. */
+    chips: QueryList<GraniteChipComponent>;
     readonly controlType: string;
+    /** Uid of the chip list */
+    _uid: string;
+    /** Tab index for the chip list. */
+    _tabIndex: number;
+    /**
+     * User defined tab index.
+     * When it is not null, use user defined tab index. Otherwise use _tabIndex
+     */
+    _userTabIndex: number | null;
+    /** The FocusKeyManager which handles focus. */
+    _keyManager: FocusKeyManager<GraniteChipComponent>;
+    _selectionModel: SelectionModel<GraniteChipComponent>;
+    /** The chip input to add more chips */
+    protected _chipInput: GraniteChipTextControl;
+    protected _disabled: boolean;
+    protected _selectable: boolean;
     /**
      * When a chip is destroyed, we store the index of the destroyed chip until the chips
      * query list notifies about the update. This is necessary because we cannot determine an
@@ -35,20 +56,6 @@ export declare class GraniteChipListComponent extends GraniteChipListBase implem
     private _chipSelectionSubscription;
     /** Subscription to remove changes in chips. */
     private _chipRemoveSubscription;
-    /** The chip input to add more chips */
-    protected _chipInput: GraniteChipTextControl;
-    /** Uid of the chip list */
-    _uid: string;
-    /** Tab index for the chip list. */
-    _tabIndex: number;
-    /**
-     * User defined tab index.
-     * When it is not null, use user defined tab index. Otherwise use _tabIndex
-     */
-    _userTabIndex: number | null;
-    /** The FocusKeyManager which handles focus. */
-    _keyManager: FocusKeyManager<GraniteChipComponent>;
-    _selectionModel: SelectionModel<GraniteChipComponent>;
     /** The ARIA role applied to the chip list. */
     get role(): string | null;
     set role(role: string | null);
@@ -62,20 +69,13 @@ export declare class GraniteChipListComponent extends GraniteChipListBase implem
      */
     get disabled(): boolean;
     set disabled(value: boolean);
-    protected _disabled: boolean;
     /**
      * Whether or not this chip list is selectable. When a chip list is not selectable,
      * the selected states for all the chips inside the chip list are always ignored.
      */
     get selectable(): boolean;
     set selectable(value: boolean);
-    protected _selectable: boolean;
     set tabindex(value: number);
-    ariaLabel: string | null;
-    ariaLabelledby: string | null;
-    ariaOrientation: 'horizontal' | 'vertical';
-    /** The chips contained within this chip list. */
-    chips: QueryList<GraniteChipComponent>;
     /** Unique identifier for the chip list. */
     get id(): string;
     /** Whether any chips or the matChipInput inside of this chip-list has focus. */
@@ -92,11 +92,11 @@ export declare class GraniteChipListComponent extends GraniteChipListBase implem
     get chipBlurChanges(): Observable<GraniteChipEvent>;
     /** Combined stream of all of the child chips' remove change events. */
     get chipRemoveChanges(): Observable<GraniteChipEvent>;
+    constructor(_elementRef: ElementRef<HTMLElement>, _changeDetectorRef: ChangeDetectorRef, _dir: Directionality, _parentForm: NgForm, _parentFormGroup: FormGroupDirective, ngControl: NgControl);
     /** Function when changed */
     _onChange: (value: any) => void;
     /** Function when changed */
     _onTouched: () => void;
-    constructor(_elementRef: ElementRef<HTMLElement>, _changeDetectorRef: ChangeDetectorRef, _dir: Directionality, _parentForm: NgForm, _parentFormGroup: FormGroupDirective, ngControl: NgControl);
     ngAfterContentInit(): void;
     ngOnInit(): void;
     ngDoCheck(): void;
@@ -122,6 +122,16 @@ export declare class GraniteChipListComponent extends GraniteChipListBase implem
      * Pass events to the keyboard manager. Available here for tests.
      */
     _keydown(event: KeyboardEvent): void;
+    /** When blurred, mark the field as touched when focus moved outside the chip list. */
+    _blur(): void;
+    /** Mark the field as touched */
+    _markAsTouched(): void;
+    /**
+     * Removes the `tabindex` from the chip list and resets it back afterwards, allowing the
+     * user to tab out of it. This prevents the list from capturing focus and redirecting
+     * it back to the first chip, creating a focus trap, if it user tries to tab away.
+     */
+    _allowFocusEscape(): void;
     /**
      * Check the tab index as you should not be allowed to focus an empty list.
      */
@@ -156,16 +166,6 @@ export declare class GraniteChipListComponent extends GraniteChipListBase implem
      */
     private _sortValues;
     private _compareWith;
-    /** When blurred, mark the field as touched when focus moved outside the chip list. */
-    _blur(): void;
-    /** Mark the field as touched */
-    _markAsTouched(): void;
-    /**
-     * Removes the `tabindex` from the chip list and resets it back afterwards, allowing the
-     * user to tab out of it. This prevents the list from capturing focus and redirecting
-     * it back to the first chip, creating a focus trap, if it user tries to tab away.
-     */
-    _allowFocusEscape(): void;
     private _resetChips;
     private _dropSubscriptions;
     /** Listens to user-generated selection events on each chip. */
@@ -180,6 +180,6 @@ export declare class GraniteChipListComponent extends GraniteChipListBase implem
     /** Syncs the list's state with the individual chips. */
     private _syncChipsState;
     static ɵfac: i0.ɵɵFactoryDeclaration<GraniteChipListComponent, [null, null, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; self: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteChipListComponent, "granite-chip-list", ["graniteChipList"], { "role": "role"; "multiselect": "multiselect"; "disabled": "disabled"; "selectable": "selectable"; "tabindex": "tabindex"; "ariaLabel": "aria-label"; "ariaLabelledby": "aria-labelledby"; "ariaOrientation": "aria-orientation"; }, {}, ["chips"], ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteChipListComponent, "granite-chip-list", ["graniteChipList"], { "ariaLabel": { "alias": "aria-label"; "required": false; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; }; "ariaOrientation": { "alias": "aria-orientation"; "required": false; }; "role": { "alias": "role"; "required": false; }; "multiselect": { "alias": "multiselect"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; }, {}, ["chips"], ["*"], false, never>;
 }
 export {};

package/lib/chips/chip.component.d.ts

@@ -19,6 +19,20 @@ export declare class GraniteChipComponent implements FocusableOption, OnDestroy
     _elementRef: ElementRef;
     private _ngZone;
     private _changeDetectorRef;
+    /** ARIA role that should be applied to the chip. */
+    role: string;
+    ariaLabel: string | null;
+    ariaLabelledby: string | null;
+    /** Emitted when the chip is selected or deselected. */
+    readonly selectionChange: EventEmitter<GraniteChipSelectionChangeEvent>;
+    /** Emitted when a chip is to be removed. */
+    readonly removed: EventEmitter<GraniteChipEvent>;
+    /** Emitted when the chip is destroyed. */
+    readonly destroyed: EventEmitter<GraniteChipEvent>;
+    /** Emits when the chip is focused. */
+    readonly chipFocus: EventEmitter<GraniteChipEvent>;
+    /** Emits when the chip is blurred. */
+    readonly chipBlur: EventEmitter<GraniteChipEvent>;
     /** Whether the chip has focus. */
     _hasFocus: boolean;
     /** Whether the chip list is selectable */
@@ -27,12 +41,16 @@ export declare class GraniteChipComponent implements FocusableOption, OnDestroy
     _chipListMultiple: boolean;
     /** Whether the chip list as a whole is disabled. */
     _chipListDisabled: boolean;
-    /** ARIA role that should be applied to the chip. */
-    role: string;
+    tabIndex: number;
+    inputChip: boolean;
+    protected _selected: boolean;
+    protected _selectable: boolean;
+    protected _disabled: boolean;
+    protected _removable: boolean;
+    protected _invalid: boolean;
     /** Whether the chip is selected. */
     get selected(): boolean;
     set selected(value: boolean);
-    protected _selected: boolean;
     /** The value of the chip. Defaults to the text content inside `<granite-chip>` tags. */
     get value(): any;
     set value(val: any);
@@ -45,35 +63,17 @@ export declare class GraniteChipComponent implements FocusableOption, OnDestroy
      */
     get selectable(): boolean;
     set selectable(value: boolean);
-    protected _selectable: boolean;
     /** Whether the chip is disabled. Also the individual chips are disabled when chip list is disabled */
     get disabled(): boolean;
     set disabled(value: boolean);
-    protected _disabled: boolean;
     /**
      * Whether the chip can be removed from the list
      */
     get removable(): boolean;
     set removable(value: boolean);
-    protected _removable: boolean;
     /** Whether the chip is in an invalid state. */
     get invalid(): boolean;
     set invalid(value: boolean);
-    protected _invalid: boolean;
-    ariaLabel: string | null;
-    ariaLabelledby: string | null;
-    /** Emitted when the chip is selected or deselected. */
-    readonly selectionChange: EventEmitter<GraniteChipSelectionChangeEvent>;
-    /** Emitted when a chip is to be removed. */
-    readonly removed: EventEmitter<GraniteChipEvent>;
-    /** Emitted when the chip is destroyed. */
-    readonly destroyed: EventEmitter<GraniteChipEvent>;
-    tabIndex: number;
-    inputChip: boolean;
-    /** Emits when the chip is focused. */
-    readonly chipFocus: EventEmitter<GraniteChipEvent>;
-    /** Emits when the chip is blurred. */
-    readonly chipBlur: EventEmitter<GraniteChipEvent>;
     constructor(_elementRef: ElementRef, _ngZone: NgZone, _changeDetectorRef: ChangeDetectorRef, tabIndex?: string);
     ngOnDestroy(): void;
     /** Selects the chip. */
@@ -100,5 +100,5 @@ export declare class GraniteChipComponent implements FocusableOption, OnDestroy
     /** The ARIA selected applied to the chip. */
     get ariaSelected(): string | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<GraniteChipComponent, [null, null, { optional: true; }, { attribute: "tabindex"; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteChipComponent, "granite-chip, granite-input-chip", ["graniteChip"], { "tabIndex": "tabIndex"; "role": "role"; "selected": "selected"; "value": "value"; "selectable": "selectable"; "disabled": "disabled"; "removable": "removable"; "invalid": "invalid"; "ariaLabel": "aria-label"; "ariaLabelledby": "aria-labelledby"; }, { "selectionChange": "selectionChange"; "removed": "removed"; "destroyed": "destroyed"; "chipFocus": "chipFocus"; "chipBlur": "chipBlur"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteChipComponent, "granite-chip, granite-input-chip", ["graniteChip"], { "tabIndex": { "alias": "tabIndex"; "required": false; }; "role": { "alias": "role"; "required": false; }; "ariaLabel": { "alias": "aria-label"; "required": false; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "value": { "alias": "value"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "removable": { "alias": "removable"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; }, { "selectionChange": "selectionChange"; "removed": "removed"; "destroyed": "destroyed"; "chipFocus": "chipFocus"; "chipBlur": "chipBlur"; }, never, ["*"], false, never>;
 }

package/lib/core/radio-checkbox-base.d.ts

@@ -4,5 +4,5 @@ export declare abstract class GraniteRadioCheckboxBase {
     layout: Layout;
     ariaLabelledby: string | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<GraniteRadioCheckboxBase, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<GraniteRadioCheckboxBase, never, never, { "layout": "layout"; "ariaLabelledby": "aria-labelledby"; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<GraniteRadioCheckboxBase, never, never, { "layout": { "alias": "layout"; "required": false; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/grid/grid.component.d.ts

@@ -24,7 +24,7 @@ export declare class GraniteGridItemComponent implements OnChanges {
      */
     private setStyle;
     static ɵfac: i0.ɵɵFactoryDeclaration<GraniteGridItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteGridItemComponent, "granite-grid-item", never, { "columnStart": "columnStart"; "columnEnd": "columnEnd"; "rowStart": "rowStart"; "rowEnd": "rowEnd"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteGridItemComponent, "granite-grid-item", never, { "columnStart": { "alias": "columnStart"; "required": false; }; "columnEnd": { "alias": "columnEnd"; "required": false; }; "rowStart": { "alias": "rowStart"; "required": false; }; "rowEnd": { "alias": "rowEnd"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 /**
  * Grid
@@ -71,5 +71,5 @@ export declare class GraniteGridComponent implements AfterContentInit, OnChanges
     /** Update grid row template style  */
     protected updateRowStyles(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GraniteGridComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteGridComponent, "granite-grid", never, { "cols": "cols"; "rows": "rows"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteGridComponent, "granite-grid", never, { "cols": { "alias": "cols"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

package/lib/icon/icon.component.d.ts

@@ -9,5 +9,5 @@ export declare class GraniteIconComponent implements OnChanges {
     ngOnChanges(changes: SimpleChanges): void;
     private _updateFontIcon;
     static ɵfac: i0.ɵɵFactoryDeclaration<GraniteIconComponent, [null, null, { attribute: "aria-hidden"; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteIconComponent, "granite-icon", never, { "fontIcon": "fontIcon"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteIconComponent, "granite-icon", never, { "fontIcon": { "alias": "fontIcon"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

package/lib/input-field/input-field.component.d.ts

@@ -38,5 +38,5 @@ export declare class GraniteInputFieldComponent implements OnInit, OnChanges {
     private _getInputElement;
     private _getTextareaElement;
     static ɵfac: i0.ɵɵFactoryDeclaration<GraniteInputFieldComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteInputFieldComponent, "granite-input-field", ["graniteInputField"], { "id": "id"; "name": "name"; "type": "type"; "value": "value"; "required": "required"; "readonly": "readonly"; "invalid": "invalid"; "disabled": "disabled"; "placeholder": "placeholder"; "prefixicon": "prefixicon"; "maxlength": "maxlength"; "countcharacters": "countcharacters"; "ariaLabel": "aria-label"; "ariaLabelledby": "aria-labelledby"; }, { "valueChange": "valueChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteInputFieldComponent, "granite-input-field", ["graniteInputField"], { "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; "required": { "alias": "required"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "prefixicon": { "alias": "prefixicon"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "countcharacters": { "alias": "countcharacters"; "required": false; }; "ariaLabel": { "alias": "aria-label"; "required": false; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, false, never>;
 }

package/lib/label/label.component.d.ts

@@ -6,5 +6,5 @@ export declare class GraniteLabelComponent implements OnChanges {
     required: boolean;
     ngOnChanges(changes: SimpleChanges): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GraniteLabelComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteLabelComponent, "granite-label", ["graniteLabel"], { "for": "for"; "form": "form"; "required": "required"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteLabelComponent, "granite-label", ["graniteLabel"], { "for": { "alias": "for"; "required": false; }; "form": { "alias": "form"; "required": false; }; "required": { "alias": "required"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

package/lib/menu/divider.directive.d.ts

@@ -2,5 +2,5 @@ import * as i0 from "@angular/core";
 export declare class GraniteDividerDirective {
     dividerDirection: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<GraniteDividerDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<GraniteDividerDirective, "[graniteDivider]", ["graniteDivider"], { "dividerDirection": "dividerDirection"; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<GraniteDividerDirective, "[graniteDivider]", ["graniteDivider"], { "dividerDirection": { "alias": "dividerDirection"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/menu/menu-base.d.ts

@@ -185,6 +185,6 @@ export declare class _MenuBaseComponent implements AfterContentInit, OnDestroy,
      */
     private _updateDirectDescendants;
     static ɵfac: i0.ɵɵFactoryDeclaration<_MenuBaseComponent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<_MenuBaseComponent, never, never, { "xPosition": "xPosition"; "yPosition": "yPosition"; "title": "title"; "closeLabel": "closeLabel"; "openOnHover": "openOnHover"; }, { "closed": "closed"; }, ["_allItems"], never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<_MenuBaseComponent, never, never, { "xPosition": { "alias": "xPosition"; "required": false; }; "yPosition": { "alias": "yPosition"; "required": false; }; "title": { "alias": "title"; "required": false; }; "closeLabel": { "alias": "closeLabel"; "required": false; }; "openOnHover": { "alias": "openOnHover"; "required": false; }; }, { "closed": "closed"; }, ["_allItems"], never, false, never>;
 }
 export {};

package/lib/menu/menu-item.component.d.ts

@@ -32,5 +32,5 @@ export declare class GraniteMenuItemComponent implements OnDestroy, FocusableOpt
     /** Returns the host DOM element. */
     _getHostElement(): HTMLElement;
     static ɵfac: i0.ɵɵFactoryDeclaration<GraniteMenuItemComponent, [null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteMenuItemComponent, "[graniteMenuItem]", ["graniteMenuItem"], { "role": "role"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteMenuItemComponent, "[graniteMenuItem]", ["graniteMenuItem"], { "role": { "alias": "role"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

package/lib/menu/menu-trigger-for.directive.d.ts

@@ -185,5 +185,5 @@ export declare class GraniteMenuTriggerForDirective implements AfterContentInit,
      */
     private easeOutExpo;
     static ɵfac: i0.ɵɵFactoryDeclaration<GraniteMenuTriggerForDirective, [null, null, null, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; self: true; }, { optional: true; }, null, null]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<GraniteMenuTriggerForDirective, "[graniteMenuTriggerFor]", never, { "menu": "graniteMenuTriggerFor"; "openOnClick": "openOnClick"; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<GraniteMenuTriggerForDirective, "[graniteMenuTriggerFor]", never, { "menu": { "alias": "graniteMenuTriggerFor"; "required": false; }; "openOnClick": { "alias": "openOnClick"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/radio-button/radio-button.component.d.ts

@@ -30,5 +30,5 @@ export declare class GraniteRadioButtonComponent implements OnChanges, OnDestroy
     _onBlur(): void;
     private _getInputElement;
     static ɵfac: i0.ɵɵFactoryDeclaration<GraniteRadioButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteRadioButtonComponent, "granite-radio-button", ["graniteRadioButton"], { "value": "value"; "id": "id"; "name": "name"; "checked": "checked"; "required": "required"; "disabled": "disabled"; "readonly": "readonly"; "labelPosition": "labelPosition"; "ariaLabel": "aria-label"; "ariaLabelledby": "aria-labelledby"; }, { "radioChange": "radioChange"; "radioBlur": "radioBlur"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteRadioButtonComponent, "granite-radio-button", ["graniteRadioButton"], { "value": { "alias": "value"; "required": false; }; "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "ariaLabel": { "alias": "aria-label"; "required": false; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; }; }, { "radioChange": "radioChange"; "radioBlur": "radioBlur"; }, never, ["*"], false, never>;
 }

package/lib/toggle-switch/toggle-switch.component.d.ts

@@ -25,5 +25,5 @@ export declare class GraniteToggleSwitchComponent implements OnChanges {
     _toggleSwitchClick(): void;
     private _getInputElement;
     static ɵfac: i0.ɵɵFactoryDeclaration<GraniteToggleSwitchComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteToggleSwitchComponent, "granite-toggle-switch", ["graniteToggleSwitch"], { "id": "id"; "checked": "checked"; "disabled": "disabled"; "readonly": "readonly"; "labelPosition": "labelPosition"; "ariaLabel": "aria-label"; "ariaLabelledby": "aria-labelledby"; }, { "valueChange": "valueChange"; "toggleChange": "toggleChange"; "toggleBlur": "toggleBlur"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteToggleSwitchComponent, "granite-toggle-switch", ["graniteToggleSwitch"], { "id": { "alias": "id"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "ariaLabel": { "alias": "aria-label"; "required": false; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; }; }, { "valueChange": "valueChange"; "toggleChange": "toggleChange"; "toggleBlur": "toggleBlur"; }, never, ["*"], false, never>;
 }

package/package.json

@@ -1,34 +1,23 @@
 {
   "name": "@ifsworld/granite-components",
-  "version": "10.0.1",
+  "version": "11.0.0",
   "license": "SEE LICENSE IN LICENSE",
   "peerDependencies": {
-    "@angular/cdk": ">=15.2.9",
-    "@angular/common": ">=15.2.9",
-    "@angular/core": ">=15.2.9",
-    "@angular/platform-browser": ">=15.2.9",
-    "@angular/animations": ">=15.2.9",
-    "@angular/platform-browser-dynamic": ">=15.2.9",
+    "@angular/cdk": ">=16.2.12",
+    "@angular/common": ">=16.2.12",
+    "@angular/core": ">=16.2.12",
+    "@angular/platform-browser": ">=16.2.12",
+    "@angular/animations": ">=16.2.12",
+    "@angular/platform-browser-dynamic": ">=16.2.12",
     "@ifsworld/granite-icons": ">=1.0.0",
     "@ifsworld/token-interfaces": ">=1.0.0",
     "@ifsworld/granite-tokens": ">=5.0.0",
-    "rxjs": ">=6.0.0",
-    "@microsoft/applicationinsights-web": "^2.8.4",
-    "@microsoft/applicationinsights-clickanalytics-js": "^2.8.4",
-    "remark-gfm": "^3.0.1",
-    "@storybook/addon-actions": "7.0.0",
-    "@angular/forms": "15.2.9",
-    "primeng": "^15.0.0",
-    "@storybook/addon-viewport": "7.0.0"
+    "rxjs": ">=6.6.3"
   },
   "dependencies": {
     "tslib": "^2.0.0"
   },
-  "module": "fesm2015/ifsworld-granite-components.mjs",
-  "es2020": "fesm2020/ifsworld-granite-components.mjs",
-  "esm2020": "esm2020/ifsworld-granite-components.mjs",
-  "fesm2020": "fesm2020/ifsworld-granite-components.mjs",
-  "fesm2015": "fesm2015/ifsworld-granite-components.mjs",
+  "module": "fesm2022/ifsworld-granite-components.mjs",
   "typings": "index.d.ts",
   "exports": {
     "./package.json": {
@@ -36,35 +25,27 @@
     },
     ".": {
       "types": "./index.d.ts",
-      "esm2020": "./esm2020/ifsworld-granite-components.mjs",
-      "es2020": "./fesm2020/ifsworld-granite-components.mjs",
-      "es2015": "./fesm2015/ifsworld-granite-components.mjs",
-      "node": "./fesm2015/ifsworld-granite-components.mjs",
-      "default": "./fesm2020/ifsworld-granite-components.mjs"
+      "esm2022": "./esm2022/ifsworld-granite-components.mjs",
+      "esm": "./esm2022/ifsworld-granite-components.mjs",
+      "default": "./fesm2022/ifsworld-granite-components.mjs"
     },
     "./date-picker": {
       "types": "./date-picker/index.d.ts",
-      "esm2020": "./esm2020/date-picker/ifsworld-granite-components-date-picker.mjs",
-      "es2020": "./fesm2020/ifsworld-granite-components-date-picker.mjs",
-      "es2015": "./fesm2015/ifsworld-granite-components-date-picker.mjs",
-      "node": "./fesm2015/ifsworld-granite-components-date-picker.mjs",
-      "default": "./fesm2020/ifsworld-granite-components-date-picker.mjs"
+      "esm2022": "./esm2022/date-picker/ifsworld-granite-components-date-picker.mjs",
+      "esm": "./esm2022/date-picker/ifsworld-granite-components-date-picker.mjs",
+      "default": "./fesm2022/ifsworld-granite-components-date-picker.mjs"
     },
     "./table": {
       "types": "./table/index.d.ts",
-      "esm2020": "./esm2020/table/ifsworld-granite-components-table.mjs",
-      "es2020": "./fesm2020/ifsworld-granite-components-table.mjs",
-      "es2015": "./fesm2015/ifsworld-granite-components-table.mjs",
-      "node": "./fesm2015/ifsworld-granite-components-table.mjs",
-      "default": "./fesm2020/ifsworld-granite-components-table.mjs"
+      "esm2022": "./esm2022/table/ifsworld-granite-components-table.mjs",
+      "esm": "./esm2022/table/ifsworld-granite-components-table.mjs",
+      "default": "./fesm2022/ifsworld-granite-components-table.mjs"
     },
     "./tooltip": {
       "types": "./tooltip/index.d.ts",
-      "esm2020": "./esm2020/tooltip/ifsworld-granite-components-tooltip.mjs",
-      "es2020": "./fesm2020/ifsworld-granite-components-tooltip.mjs",
-      "es2015": "./fesm2015/ifsworld-granite-components-tooltip.mjs",
-      "node": "./fesm2015/ifsworld-granite-components-tooltip.mjs",
-      "default": "./fesm2020/ifsworld-granite-components-tooltip.mjs"
+      "esm2022": "./esm2022/tooltip/ifsworld-granite-components-tooltip.mjs",
+      "esm": "./esm2022/tooltip/ifsworld-granite-components-tooltip.mjs",
+      "default": "./fesm2022/ifsworld-granite-components-tooltip.mjs"
     }
   },
   "sideEffects": false

package/table/lib/cell/cell-align/cell-align-classes.directive.d.ts

@@ -6,5 +6,5 @@ export declare class GraniteCellAlignClassesDirective implements OnChanges {
     centerAlign: boolean;
     ngOnChanges(changes: SimpleChanges): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GraniteCellAlignClassesDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<GraniteCellAlignClassesDirective, "[graniteCellAlignClasses]", never, { "graniteCellAlignClasses": "graniteCellAlignClasses"; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<GraniteCellAlignClassesDirective, "[graniteCellAlignClasses]", never, { "graniteCellAlignClasses": { "alias": "graniteCellAlignClasses"; "required": false; }; }, {}, never, never, false, never>;
 }

package/table/lib/cell/cell.d.ts

@@ -4,5 +4,5 @@ export declare abstract class GraniteCell {
     id: string;
     column: GraniteTableColumnDirective;
     static ɵfac: i0.ɵɵFactoryDeclaration<GraniteCell, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<GraniteCell, never, never, { "id": "id"; "column": "column"; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<GraniteCell, never, never, { "id": { "alias": "id"; "required": false; }; "column": { "alias": "column"; "required": false; }; }, {}, never, never, false, never>;
 }

package/table/lib/cell/table-data-cell.component.d.ts

@@ -8,5 +8,5 @@ export declare class GraniteTableDataCellComponent extends GraniteCell {
     row: any;
     tableCellTemplateRef: TemplateRef<any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<GraniteTableDataCellComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteTableDataCellComponent, "granite-table-data-cell", never, { "value": "value"; "rowIndex": "rowIndex"; "columnIndex": "columnIndex"; "row": "row"; "tableCellTemplateRef": "tableCellTemplateRef"; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteTableDataCellComponent, "granite-table-data-cell", never, { "value": { "alias": "value"; "required": false; }; "rowIndex": { "alias": "rowIndex"; "required": false; }; "columnIndex": { "alias": "columnIndex"; "required": false; }; "row": { "alias": "row"; "required": false; }; "tableCellTemplateRef": { "alias": "tableCellTemplateRef"; "required": false; }; }, {}, never, never, false, never>;
 }

package/table/lib/column/table-column.directive.d.ts

@@ -13,5 +13,5 @@ export declare class GraniteTableColumnDirective implements GraniteTableColumnIn
     headerClass?: string | string[];
     tableCellTemplateRef: TemplateRef<any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<GraniteTableColumnDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<GraniteTableColumnDirective, "granite-table-column", never, { "name": "name"; "title": "title"; "class": "class"; "headerClass": "headerClass"; }, {}, ["tableCellTemplateRef"], never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<GraniteTableColumnDirective, "granite-table-column", never, { "name": { "alias": "name"; "required": false; }; "title": { "alias": "title"; "required": false; }; "class": { "alias": "class"; "required": false; }; "headerClass": { "alias": "headerClass"; "required": false; }; }, {}, ["tableCellTemplateRef"], never, false, never>;
 }

package/table/lib/table.component.d.ts

@@ -13,5 +13,5 @@ export declare class GraniteTableComponent<T> implements AfterContentInit {
     ngAfterContentInit(): void;
     _trackColumnName(index: number, column: GraniteTableColumnDirective): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<GraniteTableComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteTableComponent<any>, "granite-table", never, { "dataSource": "dataSource"; "trackBy": "trackBy"; "layout": "layout"; }, {}, ["tableColumnsComponent"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteTableComponent<any>, "granite-table", never, { "dataSource": { "alias": "dataSource"; "required": false; }; "trackBy": { "alias": "trackBy"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; }, {}, ["tableColumnsComponent"], never, false, never>;
 }