@ifsworld/granite-components 7.7.0 → 8.0.0

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

@@ -26,5 +26,5 @@ export declare class GraniteArrangeGridItemComponent {
      */
     protected setCssProperty(variable: string, value: string | null): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GraniteArrangeGridItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteArrangeGridItemComponent, "granite-arrange-grid-item", never, {}, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteArrangeGridItemComponent, "granite-arrange-grid-item", never, {}, {}, never, ["*"], false, never>;
 }

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

@@ -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"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteArrangeGridComponent, "granite-arrange-grid", never, { "orientation": "orientation"; "cols": "cols"; }, {}, ["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, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteBadgeComponent, "granite-badge", ["graniteBadge"], { "backgroundColor": "backgroundColor"; "color": "color"; "pill": "pill"; }, {}, 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, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteButtonComponent, "button[graniteButton],    button[granitePrimaryButton],    button[graniteFlatButton],    button[graniteToolbarButton]  ", ["graniteButton"], { "disabled": "disabled"; "toggled": "toggled"; }, {}, 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, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteAnchorComponent, "a[graniteButton],  a[graniteFlatButton]", ["graniteAnchor"], { "disabled": "disabled"; }, {}, never, ["*"], false, never>;
 }
 export {};

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

@@ -2,5 +2,5 @@ import { GraniteRadioCheckboxBase } from '../core/radio-checkbox-base';
 import * as i0 from "@angular/core";
 export declare class GraniteCheckboxGroupComponent extends GraniteRadioCheckboxBase {
     static ɵfac: i0.ɵɵFactoryDeclaration<GraniteCheckboxGroupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteCheckboxGroupComponent, "granite-checkbox-group", never, {}, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteCheckboxGroupComponent, "granite-checkbox-group", never, {}, {}, never, ["*"], false, never>;
 }

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, ["*"]>;
+    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>;
 }

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

@@ -85,5 +85,5 @@ export declare class GraniteChipInputDirective implements GraniteChipTextControl
     /** 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>;
+    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>;
 }

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

@@ -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"], ["*"]>;
+    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>;
 }
 export {};

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

@@ -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, ["*"]>;
+    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>;
 }

package/lib/core/client-environment.d.ts

@@ -9,8 +9,8 @@ export declare const GRANITE_CLIENT_INPUT: InjectionToken<ClientInputInterface>;
  * is being used for output.
  */
 export declare const GRANITE_CLIENT_OUTPUT: InjectionToken<ClientOutputInterface>;
-export declare type InputDeviceTypes = void | 'touch' | 'mouse' | 'keyboard' | 'onscreen-keyboard';
-export declare type OutputDeviceTypes = void | 'touch' | 'desktop';
+export type InputDeviceTypes = void | 'touch' | 'mouse' | 'keyboard' | 'onscreen-keyboard';
+export type OutputDeviceTypes = void | 'touch' | 'desktop';
 export interface ClientInputInterface {
     devices: InputDeviceTypes[];
 }

package/lib/core/common-behaviors/disabled.d.ts

@@ -1,5 +1,5 @@
 import { SimpleChanges } from '@angular/core';
-declare type Constructor<T> = new (...args: any[]) => T;
+type Constructor<T> = new (...args: any[]) => T;
 export declare const disabledMixin: <T extends Constructor<Record<string, unknown>>>(Base?: T) => {
     new (...args: any[]): {
         [x: string]: unknown;

package/lib/core/devices/client-input-desktop.directive.d.ts

@@ -5,5 +5,5 @@ import * as i0 from "@angular/core";
  */
 export declare class ClientInputDesktopDirective {
     static ɵfac: i0.ɵɵFactoryDeclaration<ClientInputDesktopDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ClientInputDesktopDirective, "[graniteClientInputDesktop]", never, {}, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ClientInputDesktopDirective, "[graniteClientInputDesktop]", never, {}, {}, never, never, false, never>;
 }

package/lib/core/devices/client-input-touch.directive.d.ts

@@ -5,5 +5,5 @@ import * as i0 from "@angular/core";
  */
 export declare class ClientInputTouchDirective {
     static ɵfac: i0.ɵɵFactoryDeclaration<ClientInputTouchDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ClientInputTouchDirective, "[graniteClientInputTouch]", never, {}, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ClientInputTouchDirective, "[graniteClientInputTouch]", never, {}, {}, never, never, false, never>;
 }

package/lib/core/devices/client-output-desktop.directive.d.ts

@@ -5,5 +5,5 @@ import * as i0 from "@angular/core";
  */
 export declare class ClientOutputDesktopDirective {
     static ɵfac: i0.ɵɵFactoryDeclaration<ClientOutputDesktopDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ClientOutputDesktopDirective, "[graniteClientOutputDesktop]", never, {}, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ClientOutputDesktopDirective, "[graniteClientOutputDesktop]", never, {}, {}, never, never, false, never>;
 }

package/lib/core/devices/client-output-touch.directive.d.ts

@@ -5,5 +5,5 @@ import * as i0 from "@angular/core";
  */
 export declare class ClientOutputTouchDirective {
     static ɵfac: i0.ɵɵFactoryDeclaration<ClientOutputTouchDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ClientOutputTouchDirective, "[graniteClientOutputTouch]", never, {}, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ClientOutputTouchDirective, "[graniteClientOutputTouch]", never, {}, {}, never, never, false, never>;
 }

package/lib/core/pipes/title.pipe.d.ts

@@ -3,5 +3,5 @@ import * as i0 from "@angular/core";
 export declare class GraniteTitlePipe implements PipeTransform {
     transform(value: string): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<GraniteTitlePipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<GraniteTitlePipe, "graniteTitle">;
+    static ɵpipe: i0.ɵɵPipeDeclaration<GraniteTitlePipe, "graniteTitle", false>;
 }

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>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<GraniteRadioCheckboxBase, never, never, { "layout": "layout"; "ariaLabelledby": "aria-labelledby"; }, {}, never, never, false, never>;
 }

package/lib/core/types.d.ts

@@ -1,2 +1,2 @@
-export declare type Position = 'before' | 'after';
-export declare type Layout = 'horizontal' | 'vertical';
+export type Position = 'before' | 'after';
+export type Layout = 'horizontal' | 'vertical';

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, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteGridItemComponent, "granite-grid-item", never, { "columnStart": "columnStart"; "columnEnd": "columnEnd"; "rowStart": "rowStart"; "rowEnd": "rowEnd"; }, {}, 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, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteGridComponent, "granite-grid", never, { "cols": "cols"; "rows": "rows"; }, {}, 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, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteIconComponent, "granite-icon", never, { "fontIcon": "fontIcon"; }, {}, 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>;
+    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>;
 }

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, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteLabelComponent, "granite-label", ["graniteLabel"], { "for": "for"; "form": "form"; "required": "required"; }, {}, 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>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<GraniteDividerDirective, "[graniteDivider]", ["graniteDivider"], { "dividerDirection": "dividerDirection"; }, {}, never, never, false, never>;
 }

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

@@ -9,12 +9,12 @@ import { ClosedEventType, GraniteMenuPanelInterface } from './menu-panel';
 import { MenuPositionX, MenuPositionY } from './menu-positions';
 import * as i0 from "@angular/core";
 /** Menu panel animation states */
-declare type TransformMenuStates = 'void' | 'enter' | 'enter-from-below' | 'below-with-delay' | 'below' | 'pan' | 'hide' | 'pan-hidden';
+type TransformMenuStates = 'void' | 'enter' | 'enter-from-below' | 'below-with-delay' | 'below' | 'pan' | 'hide' | 'pan-hidden';
 /**
  * Menu panel animation transform/state object. Has to be an object as we supply
  * the `xOffset` parameter and not just the state name.
  */
-declare type TransformMenu = {
+type TransformMenu = {
     /** Current animation state name */
     value: TransformMenuStates;
     params: {
@@ -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"]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<_MenuBaseComponent, never, never, { "xPosition": "xPosition"; "yPosition": "yPosition"; "title": "title"; "closeLabel": "closeLabel"; "openOnHover": "openOnHover"; }, { "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, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteMenuItemComponent, "[graniteMenuItem]", ["graniteMenuItem"], { "role": "role"; }, {}, never, ["*"], false, never>;
 }

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

@@ -7,7 +7,7 @@ import { MenuPositionX, MenuPositionY } from './menu-positions';
  * @docs-private
  */
 export declare const GRANITE_MENU_PANEL: InjectionToken<GraniteMenuPanelInterface>;
-export declare type ClosedEventType = void | 'click' | 'keydown' | 'tab';
+export type ClosedEventType = void | 'click' | 'keydown' | 'tab';
 export interface GraniteMenuPanelInterface {
     xPosition: MenuPositionX;
     yPosition: MenuPositionY;

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

@@ -5,5 +5,5 @@
  * Use of this source code is governed by an MIT-style license that can be
  * found in the LICENSE file at https://angular.io/license
  */
-export declare type MenuPositionX = 'before' | 'after';
-export declare type MenuPositionY = 'above' | 'below';
+export type MenuPositionX = 'before' | 'after';
+export type MenuPositionY = 'above' | 'below';

package/lib/menu/menu-touch-close.component.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
 export declare class GraniteMenuTouchCloseComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<GraniteMenuTouchCloseComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteMenuTouchCloseComponent, "[graniteMenuTouchCloseItem]", ["graniteMenuTouchCloseItem"], {}, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteMenuTouchCloseComponent, "[graniteMenuTouchCloseItem]", ["graniteMenuTouchCloseItem"], {}, {}, never, ["*"], false, never>;
 }

package/lib/menu/menu-touch-title.component.d.ts

@@ -10,5 +10,5 @@ export declare class GraniteMenuTouchTitleItemComponent {
     /** If this is an item on a _submenu_, its parent menu will have a parent */
     _parentMenu: _MenuBaseComponent);
     static ɵfac: i0.ɵɵFactoryDeclaration<GraniteMenuTouchTitleItemComponent, [{ optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteMenuTouchTitleItemComponent, "[graniteMenuTouchTitleItem]", ["graniteMenuTouchTitleItem"], {}, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteMenuTouchTitleItemComponent, "[graniteMenuTouchTitleItem]", ["graniteMenuTouchTitleItem"], {}, {}, 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>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<GraniteMenuTriggerForDirective, "[graniteMenuTriggerFor]", never, { "menu": "graniteMenuTriggerFor"; "openOnClick": "openOnClick"; }, {}, never, never, false, never>;
 }

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

@@ -2,5 +2,5 @@ import { _MenuBaseComponent } from './menu-base';
 import * as i0 from "@angular/core";
 export declare class GraniteMenuComponent extends _MenuBaseComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<GraniteMenuComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteMenuComponent, "granite-menu", ["graniteMenu"], {}, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteMenuComponent, "granite-menu", ["graniteMenu"], {}, {}, never, ["*"], false, never>;
 }

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

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
 export declare class GraniteTitleDirective {
     static ɵfac: i0.ɵɵFactoryDeclaration<GraniteTitleDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<GraniteTitleDirective, "[graniteTitle]", ["graniteTitle"], {}, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<GraniteTitleDirective, "[graniteTitle]", ["graniteTitle"], {}, {}, 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, ["*"]>;
+    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>;
 }

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

@@ -2,5 +2,5 @@ import { GraniteRadioCheckboxBase } from '../core/radio-checkbox-base';
 import * as i0 from "@angular/core";
 export declare class GraniteRadioGroupComponent extends GraniteRadioCheckboxBase {
     static ɵfac: i0.ɵɵFactoryDeclaration<GraniteRadioGroupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteRadioGroupComponent, "granite-radio-group", never, {}, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteRadioGroupComponent, "granite-radio-group", never, {}, {}, 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, ["*"]>;
+    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>;
 }

package/package.json

@@ -1,22 +1,26 @@
 {
   "name": "@ifsworld/granite-components",
-  "version": "7.7.0",
+  "version": "8.0.0",
   "license": "SEE LICENSE IN LICENSE",
   "peerDependencies": {
-    "@angular/cdk": ">=13.0.0",
-    "@angular/common": ">=13.0.0",
-    "@angular/core": ">=13.0.0",
-    "@angular/platform-browser": ">=13.0.0",
-    "@angular/animations": ">=13.0.0",
-    "@angular/platform-browser-dynamic": ">=13.0.0",
+    "@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",
     "@ifsworld/granite-icons": ">=1.0.0",
     "@ifsworld/token-interfaces": ">=1.0.0",
     "@ifsworld/granite-tokens": ">=4.0.0",
     "rxjs": ">=6.0.0",
     "@microsoft/applicationinsights-web": "^2.8.4",
     "@microsoft/applicationinsights-clickanalytics-js": "^2.8.4",
-    "primeng": "13.4.1",
-    "@angular/forms": "13.3.11"
+    "remark-gfm": "^3.0.1",
+    "primeng": "^15.0.0",
+    "@angular/forms": "15.2.9",
+    "@storybook/addon-actions": "7.0.0",
+    "puppeteer": "20.9.0",
+    "@storybook/addon-viewport": "7.0.0"
   },
   "dependencies": {
     "tslib": "^2.0.0"
@@ -26,13 +30,13 @@
   "esm2020": "esm2020/ifsworld-granite-components.mjs",
   "fesm2020": "fesm2020/ifsworld-granite-components.mjs",
   "fesm2015": "fesm2015/ifsworld-granite-components.mjs",
-  "typings": "ifsworld-granite-components.d.ts",
+  "typings": "index.d.ts",
   "exports": {
     "./package.json": {
       "default": "./package.json"
     },
     ".": {
-      "types": "./ifsworld-granite-components.d.ts",
+      "types": "./index.d.ts",
       "esm2020": "./esm2020/ifsworld-granite-components.mjs",
       "es2020": "./fesm2020/ifsworld-granite-components.mjs",
       "es2015": "./fesm2015/ifsworld-granite-components.mjs",
@@ -40,7 +44,7 @@
       "default": "./fesm2020/ifsworld-granite-components.mjs"
     },
     "./date-picker": {
-      "types": "./date-picker/ifsworld-granite-components-date-picker.d.ts",
+      "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",
@@ -48,7 +52,7 @@
       "default": "./fesm2020/ifsworld-granite-components-date-picker.mjs"
     },
     "./table": {
-      "types": "./table/ifsworld-granite-components-table.d.ts",
+      "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",
@@ -56,7 +60,7 @@
       "default": "./fesm2020/ifsworld-granite-components-table.mjs"
     },
     "./tooltip": {
-      "types": "./tooltip/ifsworld-granite-components-tooltip.d.ts",
+      "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",

package/src/lib/core/style/_mixins.scss

@@ -279,10 +279,11 @@
   background: $background;
 
   @if $right-arrow == true {
-    &:before {
+    &::before {
       content: '';
       position: absolute;
       @include inset-inline-end(-$size);
+
       top: 12px;
       transform: translateY(-50%);
       -webkit-transform: translateY(-50%);
@@ -291,10 +292,11 @@
       border-bottom: ($size / 2) solid transparent;
     }
   } @else {
-    &:after {
+    &::after {
       content: '';
       position: absolute;
       @include inset-inline-start(-$size);
+
       top: 12px;
       transform: translateY(-50%);
       -webkit-transform: translateY(-50%);
@@ -376,8 +378,10 @@
     content: '';
     position: absolute;
     top: $gap-from-relative-element;
+
     @include inset-inline-start($gap-from-relative-element);
     @include inset-inline-end($gap-from-relative-element);
+
     bottom: $gap-from-relative-element;
     border: 1px solid $border-color;
     border-radius: $border-radius;
@@ -388,8 +392,8 @@
   box-sizing: border-box;
 
   *,
-  *:before,
-  *:after {
+  *::before,
+  *::after {
     box-sizing: inherit;
   }
 }

package/src/lib/core/style/_overlay.scss

@@ -5,7 +5,7 @@
   }
 }
 
-/* Make overlay pane fill entire viewport width and align contents at the bottom (used for granite menu overlay)*/
+/* Make overlay pane fill entire viewport width and align contents at the bottom (used for granite menu overlay) */
 @mixin granite-overlay-pane-fill-width-bottom {
   .cdk-overlay-pane.granite-overlay-pane-fill-width-bottom {
     flex-direction: column;
@@ -14,7 +14,7 @@
   }
 }
 
-/* Make overlay pane fill entire viewport width and align contents at the bottom (used for granite menu overlay)*/
+/* Make overlay pane fill entire viewport width and align contents at the bottom (used for granite menu overlay) */
 @mixin granite-overlay-pane-center {
   .cdk-overlay-pane.granite-overlay-pane-center {
     flex-direction: row;

package/src/lib/core/style/_z-index.scss

@@ -1,4 +1,5 @@
 /* stylelint-disable property-disallowed-list */
+
 /*******************************************************************************************************************************************
 * README:
 *   Welcome to the place to manage z-index in a more organized way. Please avoid using constants directly in your
@@ -147,7 +148,9 @@ $z-index-underground: 'underground';
  * Changes in hierarchy:
  * - z-index-contact widget has to be over z-index-dialog because contact widget in cards
  *   would get behind the card otherwise (TEUXX-9150)
+
  ***********************************************************************/
+
 /* Array of all z-index classes sorted by hierarchy (higher ranked on top) */
 $z-index-hierarchy: (
   $z-index-top,
@@ -217,6 +220,7 @@ $z-index-keys: (
         map-get($z-index-keys, $key2) +
         ')';
     }
+
     & {
       -fnd-zindex: $tmp;
       z-index: _z-index($key1, $key2);

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>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<GraniteCellAlignClassesDirective, "[graniteCellAlignClasses]", never, { "graniteCellAlignClasses": "graniteCellAlignClasses"; }, {}, 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>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<GraniteCell, never, never, { "id": "id"; "column": "column"; }, {}, 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>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteTableDataCellComponent, "granite-table-data-cell", never, { "value": "value"; "rowIndex": "rowIndex"; "columnIndex": "columnIndex"; "row": "row"; "tableCellTemplateRef": "tableCellTemplateRef"; }, {}, never, never, false, never>;
 }

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

@@ -2,5 +2,5 @@ import { GraniteCell } from './cell';
 import * as i0 from "@angular/core";
 export declare class GraniteTableHeaderCellComponent extends GraniteCell {
     static ɵfac: i0.ɵɵFactoryDeclaration<GraniteTableHeaderCellComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteTableHeaderCellComponent, "th[graniteTableHeaderCell]", never, {}, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteTableHeaderCellComponent, "th[graniteTableHeaderCell]", 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"]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<GraniteTableColumnDirective, "granite-table-column", never, { "name": "name"; "title": "title"; "class": "class"; "headerClass": "headerClass"; }, {}, ["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>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteTableComponent<any>, "granite-table", never, { "dataSource": "dataSource"; "trackBy": "trackBy"; "layout": "layout"; }, {}, ["tableColumnsComponent"], never, false, never>;
 }

package/table/lib/table.types.d.ts

@@ -1 +1 @@
-export declare type ResponsiveLayout = 'stack' | 'scroll';
+export type ResponsiveLayout = 'stack' | 'scroll';

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

@@ -30,5 +30,5 @@ export declare class GraniteTooltipTriggerForDirective implements OnDestroy, OnI
     private _detachOverlay;
     private _getTriggerElement;
     static ɵfac: i0.ɵɵFactoryDeclaration<GraniteTooltipTriggerForDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<GraniteTooltipTriggerForDirective, "[graniteTooltipTriggerFor]", never, { "tooltip": "graniteTooltipTriggerFor"; "hideDelay": "hideDelay"; "showDelay": "showDelay"; "showOnKeyboardFocus": "showOnKeyboardFocus"; "showOnClick": "showOnClick"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<GraniteTooltipTriggerForDirective, "[graniteTooltipTriggerFor]", never, { "tooltip": "graniteTooltipTriggerFor"; "hideDelay": "hideDelay"; "showDelay": "showDelay"; "showOnKeyboardFocus": "showOnKeyboardFocus"; "showOnClick": "showOnClick"; }, {}, never, never, false, never>;
 }

package/tooltip/lib/tooltip.component.d.ts

@@ -3,5 +3,5 @@ import * as i0 from "@angular/core";
 export declare class GraniteTooltipComponent {
     _templateRef: TemplateRef<any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<GraniteTooltipComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteTooltipComponent, "granite-tooltip", never, {}, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteTooltipComponent, "granite-tooltip", never, {}, {}, never, ["*"], false, never>;
 }