@sebgroup/green-angular 5.1.2 → 5.3.0

package/v-angular/table/table.models.d.ts

@@ -0,0 +1,62 @@
+export type SortingOrder = 'asc' | 'desc';
+export type ColumnType = 'numeric' | 'text';
+/** Generic type for TableRow data */
+export type TableRow = Record<string, any>;
+/** Options applying to the table header */
+export interface TableHeaderOptions {
+    /**
+     * Defined the text displayed in the table header.
+     * @example <th> {{TableColumn.label}} </th>
+     */
+    label?: string;
+    /** Adjusts text-alignment. */
+    valueType?: ColumnType;
+    /**
+     * Defines whether the table data can be ordered using this column.
+     * Setting this to false (or omitting it) will also remove the caret sorting symbol in specified column.
+     */
+    sortable?: boolean;
+    /**
+     * Defined aria label for a sortable column for the screen reader users.
+     */
+    ariaLabelSortable?: string;
+    /**
+     * Describes the sorting order of the column.
+     * As the table can only be sorted based on one column property, if the property is not undefined,
+     * it will instruct the table to sort the data based on this specific column.
+     */
+    order?: SortingOrder;
+}
+/** Options applying to table rows */
+export interface TableRowOptions {
+    /** Adjusts text-alignment. */
+    valueType?: ColumnType;
+    /** Used to prevent the default click event to be emitted when clicking in cells for specified column */
+    preventDefaultClickEvent?: boolean;
+}
+/**
+ * Interface used to describe how a table column should be displayed. This includes the text and class used for the table header,
+ * and the data for each table row.
+ */
+export interface TableColumn<T extends TableRow> extends TableHeaderOptions, TableRowOptions {
+    /**
+     * The property name used to identify what value to display in a cell for that column.
+     * @example <tr *ngFor="let data in dataList"> <td>{{ data[TableColumn.property] }}</td> </tr>
+     */
+    property: keyof T;
+}
+/**
+ * Interface describing event emitted on reordering the table.
+ */
+export interface OrderBy<T extends TableRow> {
+    property: keyof T;
+    order: SortingOrder | undefined;
+}
+/**
+ * Interface describing the aria labels for sorting in the table.
+ * Aria label attributes are used for a screen reader to describe the sorting state of the table.
+ */
+export interface ariaLabelsOrderBy {
+    asc: string;
+    desc: string;
+}

package/v-angular/table/table.module.d.ts

@@ -0,0 +1,12 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./table.component";
+import * as i2 from "./table.directive";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/forms";
+import * as i5 from "@jsverse/transloco";
+import * as i6 from "./tr-thook.pipe";
+export declare class NggvTableModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvTableModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NggvTableModule, [typeof i1.TableComponent, typeof i2.TableDirective, typeof i2.TableTemplateDirective, typeof i2.TableFooterTemplateDirective, typeof i2.TableAppendableRowsTemplateDirective], [typeof i3.CommonModule, typeof i4.ReactiveFormsModule, typeof i5.TranslocoModule, typeof i6.TrThookPipe], [typeof i1.TableComponent, typeof i2.TableTemplateDirective, typeof i2.TableFooterTemplateDirective, typeof i2.TableAppendableRowsTemplateDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NggvTableModule>;
+}

package/v-angular/table/table.tools.d.ts

@@ -0,0 +1,5 @@
+export declare const pick: (propertyArray: Array<string>, object: {
+    [key: string]: unknown;
+}) => object;
+export declare const orderByDescending: <T>(property: keyof T | string) => ((a: any, b: any) => number);
+export declare const orderByAscending: <T>(property: keyof T | string) => ((a: any, b: any) => number);

package/v-angular/table/tr-thook.pipe.d.ts

@@ -0,0 +1,7 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class TrThookPipe implements PipeTransform {
+    transform<V>(value: V, index: number, thookFn?: (rowData: V) => string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TrThookPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<TrThookPipe, "trThook", true>;
+}

package/v-angular/tabs/index.d.ts

@@ -0,0 +1,4 @@
+export * from './tab.directive';
+export * from './tabs.component';
+export * from './tabs.models';
+export * from './tabs.module';

package/v-angular/tabs/tab.directive.d.ts

@@ -0,0 +1,37 @@
+import * as i0 from "@angular/core";
+/**
+ * Directive that provides the tab container with data about its child tabs.
+ * The directive sets its own active state and adds aria attributes.
+ *
+ * @example
+ * <nggv-tabs>
+ *     <article tab="Tab title 1"> <!-- Content --> </article>
+ *     <article tab="Tab title 2" [active]="true"> <!-- Content --> </article>
+ *     <article tab="Tab title 3" disabled> <!-- Content --> </article>
+ *     <article tab="<strong>Tab title 4</strong>"> <!-- Content --> </article>
+ * </nggv-tabs>
+ */
+export declare class TabDirective {
+    /** @internal */
+    baseClass: boolean;
+    /** @internal */
+    role: string;
+    /** Special property used for selecting DOM elements during automated UI testing. */
+    thook: string | null | undefined;
+    /** Sets whether this tab should be the active tab on load. */
+    active: boolean;
+    /** @internal */
+    get hidden(): boolean;
+    /** Sets the title displayed in the tab list for this child. */
+    tab: string;
+    /** Sets whether this tab should be able to be selected. */
+    disabled: boolean;
+    /** Identifier used for aria attributes and selection. */
+    id: string | number | undefined;
+    /** @internal */
+    get attrId(): string;
+    /** @internal */
+    get ariaLabelledby(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TabDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TabDirective, "[tab]", never, { "thook": { "alias": "thook"; "required": false; }; "active": { "alias": "active"; "required": false; }; "tab": { "alias": "tab"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, {}, never, never, false, never>;
+}

package/v-angular/tabs/tabs.component.d.ts

@@ -0,0 +1,65 @@
+import { AfterContentInit, EventEmitter, OnChanges, OnDestroy, OnInit, QueryList, SimpleChanges } from '@angular/core';
+import { Router } from '@angular/router';
+import { Subscription } from 'rxjs';
+import { TabDirective } from './tab.directive';
+import { EventTabChange, Tab } from './tabs.models';
+import * as i0 from "@angular/core";
+export declare class TabsComponent implements OnChanges, OnInit, AfterContentInit, OnDestroy {
+    protected router: Router;
+    /** @internal */
+    baseClass: boolean;
+    /** Special property used for selecting DOM elements during automated UI testing. */
+    thook: string | null | undefined;
+    /** @internal List of children with a {@link TabDirective}. */
+    tabRefs: QueryList<TabDirective>;
+    /**
+     * List of tabs to generate, this should not be used in conjunction with children that have a {@link TabDirective}.
+     * It is useful for generating a list of tabs with links for navigation.
+     * If any tab has the link property, a `<router-outlet>` is added below the tabs list.
+     */
+    tabs: Tab[];
+    /**
+     * Event triggered on initialization and every time the active tab changes.
+     * The tab change can be cancelled if event type is set to `'before'` and `cancel()` is called.
+     */
+    ngvTabSwitch: EventEmitter<EventTabChange>;
+    /** @internal Adds a `<router-outlet>` below the tabs list. */
+    useRouting: boolean;
+    /** @internal The currently active tab. */
+    selectedTab: Tab | undefined;
+    /** @internal If tab switching has started. */
+    isSwitching: boolean;
+    /** @internal */
+    protected subs: Subscription[];
+    constructor(router: Router);
+    /** @internal */
+    static uniqueIds(tabs: Tab[]): {
+        tab: string;
+        id?: string | number | undefined;
+        thook?: string | undefined;
+        active?: boolean | undefined;
+        disabled?: boolean | undefined;
+        link?: string | undefined;
+        directive?: TabDirective | undefined;
+    }[];
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnInit(): void;
+    ngAfterContentInit(): void;
+    /** @internal */
+    protected updateFromInput: () => void;
+    /** @internal */
+    protected updateFromReferences: () => void;
+    /** @internal */
+    protected updateTabs(): void;
+    ngOnDestroy(): void;
+    /** @internal */
+    protected activateTab(tab: Tab): void;
+    /** @internal */
+    onSelect(id: string | number | undefined): void;
+    /** @internal */
+    onKeyDown(event: KeyboardEvent): boolean;
+    /** @internal */
+    protected tabFocusHelper(event: KeyboardEvent, tabElement: HTMLElement): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TabsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TabsComponent, "nggv-tabs", never, { "thook": { "alias": "thook"; "required": false; }; "tabs": { "alias": "tabs"; "required": false; }; }, { "ngvTabSwitch": "ngvTabSwitch"; }, ["tabRefs"], ["*"], false, never>;
+}

package/v-angular/tabs/tabs.models.d.ts

@@ -0,0 +1,25 @@
+import { TabDirective } from './tab.directive';
+export interface Tab {
+    /** Sets the title displayed in the tab list for this child. */
+    tab: string;
+    id?: string | number;
+    thook?: string;
+    active?: boolean;
+    disabled?: boolean;
+    link?: string;
+    directive?: TabDirective;
+}
+export type EventTabChange = {
+    type: 'start';
+    prev: Tab | undefined;
+    next: Tab;
+    cancel: () => void;
+} | {
+    type: 'cancel';
+    prev: Tab | undefined;
+    next: Tab;
+} | {
+    type: 'end';
+    prev: Tab | undefined;
+    next: Tab;
+};

package/v-angular/tabs/tabs.module.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./tab.directive";
+import * as i2 from "./tabs.component";
+import * as i3 from "@angular/common";
+import * as i4 from "@jsverse/transloco";
+import * as i5 from "@angular/router";
+export declare class NggvTabsModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvTabsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NggvTabsModule, [typeof i1.TabDirective, typeof i2.TabsComponent], [typeof i3.CommonModule, typeof i4.TranslocoModule, typeof i5.RouterModule], [typeof i1.TabDirective, typeof i2.TabsComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NggvTabsModule>;
+}

package/v-angular/textarea/textarea.component.d.ts

@@ -1,15 +1,16 @@
+import '@sebgroup/green-core/components/icon/icons/triangle-exclamation.js';
 import { ChangeDetectorRef } from '@angular/core';
 import { NgControl } from '@angular/forms';
 import { TranslocoScope } from '@jsverse/transloco';
-import { NgvBaseControlValueAccessorComponent } from '@sebgroup/green-angular/src/v-angular/base-control-value-accessor';
+import { NggvBaseControlValueAccessorComponent } from '@sebgroup/green-angular/src/v-angular/base-control-value-accessor';
 import * as i0 from "@angular/core";
 /** Textarea fields allow users to add and edit longer or multiple line text. */
-export declare class NgvTextareaComponent extends NgvBaseControlValueAccessorComponent {
+export declare class NggvTextareaComponent extends NggvBaseControlValueAccessorComponent {
     ngControl: NgControl;
     protected translocoScope: TranslocoScope;
     protected cdr: ChangeDetectorRef;
     /** Special property used for selecting DOM elements during automated UI testing. */
-    thook: string;
+    thook: string | null | undefined;
     /** Text shown before input has a written value. */
     placeholder?: string;
     /** If set to true, the value will not be editable. */
@@ -39,6 +40,6 @@ export declare class NgvTextareaComponent extends NgvBaseControlValueAccessorCom
     constructor(ngControl: NgControl, translocoScope: TranslocoScope, cdr: ChangeDetectorRef);
     /** @internal */
     onInput(event: Event): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgvTextareaComponent, [{ optional: true; self: true; }, { optional: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgvTextareaComponent, "nggv-textarea", never, { "thook": { "alias": "thook"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "minlength": { "alias": "minlength"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvTextareaComponent, [{ optional: true; self: true; }, { optional: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NggvTextareaComponent, "nggv-textarea", never, { "thook": { "alias": "thook"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "minlength": { "alias": "minlength"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

package/v-angular/textarea/textarea.module.d.ts

@@ -1,10 +1,12 @@
+import '@sebgroup/green-core/components/icon/icons/triangle-exclamation.js';
 import * as i0 from "@angular/core";
 import * as i1 from "./textarea.component";
 import * as i2 from "@angular/common";
 import * as i3 from "@sebgroup/green-angular/src/v-angular/i18n";
 import * as i4 from "@sebgroup/green-angular/src/v-angular/character-countdown";
-export declare class NgvTextareaModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgvTextareaModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NgvTextareaModule, [typeof i1.NgvTextareaComponent], [typeof i2.CommonModule, typeof i3.NgvI18nModule, typeof i4.NggCharacterCountdownDirectiveModule], [typeof i1.NgvTextareaComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<NgvTextareaModule>;
+import * as i5 from "@sebgroup/green-angular/src/lib/shared";
+export declare class NggvTextareaModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvTextareaModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NggvTextareaModule, [typeof i1.NggvTextareaComponent], [typeof i2.CommonModule, typeof i3.NggvI18nModule, typeof i4.NggvCharacterCountdownDirectiveModule, typeof i5.NggCoreWrapperModule], [typeof i1.NggvTextareaComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NggvTextareaModule>;
 }

package/v-angular/toast/index.d.ts

@@ -0,0 +1,4 @@
+export * from './toast-message.service';
+export * from './toast.component';
+export * from './toast.models';
+export * from './toast.module';

package/v-angular/toast/toast-message.service.d.ts

@@ -0,0 +1,17 @@
+import { Observable } from 'rxjs';
+import { ToastMessage } from './toast.models';
+import * as i0 from "@angular/core";
+export declare class ToastMessageService {
+    private messages;
+    private messageSubject;
+    addMessage(type: 'success' | 'information' | 'error' | 'warning', translocoScope: string, titleText: string, bodyText?: string, timeout?: number): void;
+    removeMessage(message: ToastMessage): void;
+    pauseMessageTimeout(message: ToastMessage): void;
+    resumeMessageTimeout(message: ToastMessage): void;
+    getMessages(): Observable<ToastMessage[]>;
+    private getDuplicateMessageIndex;
+    private removeMessageByIndex;
+    private setMessageRemoveTimeout;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToastMessageService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ToastMessageService>;
+}

package/v-angular/toast/toast.component.d.ts

@@ -0,0 +1,22 @@
+import { OnDestroy, OnInit } from '@angular/core';
+import { ToastMessageService } from './toast-message.service';
+import { ToastMessage } from './toast.models';
+import '@sebgroup/green-core/components/icon/icons/cross-small.js';
+import '@sebgroup/green-core/components/icon/icons/checkmark.js';
+import '@sebgroup/green-core/components/icon/icons/triangle-exclamation.js';
+import '@sebgroup/green-core/components/icon/icons/circle-info.js';
+import * as i0 from "@angular/core";
+export declare class ToastComponent implements OnInit, OnDestroy {
+    private toastMessageService;
+    closeButtonAriaLabel?: string;
+    private toastMessagesSubscription;
+    messages: ToastMessage[];
+    constructor(toastMessageService: ToastMessageService);
+    ngOnInit(): void;
+    onMouseEnter(message: ToastMessage): void;
+    onMouseLeave(message: ToastMessage): void;
+    removeMessage(message: ToastMessage): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToastComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToastComponent, "nggv-toast", never, { "closeButtonAriaLabel": { "alias": "closeButtonAriaLabel"; "required": false; }; }, {}, never, never, false, never>;
+}

package/v-angular/toast/toast.models.d.ts

@@ -0,0 +1,15 @@
+export interface ToastMessage {
+    type: MessageType;
+    translocoScope: string;
+    titleText: string;
+    bodyText?: string;
+    timeout?: number;
+    timeoutId?: number;
+    timeoutStartTime?: number;
+}
+export declare enum MessageType {
+    Success = "success",
+    Information = "information",
+    Error = "error",
+    Warning = "warning"
+}

package/v-angular/toast/toast.module.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./toast.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@jsverse/transloco";
+import * as i4 from "@sebgroup/green-angular/src/lib/shared";
+export declare class NggvToastModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvToastModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NggvToastModule, [typeof i1.ToastComponent], [typeof i2.CommonModule, typeof i3.TranslocoModule, typeof i4.NggCoreWrapperModule], [typeof i1.ToastComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NggvToastModule>;
+}

package/v-angular/tooltip/tooltip.directive.d.ts

@@ -13,7 +13,7 @@ type Position = {
  * Dynamic resizing and tooltip position are a work in progress.
  * https://designlibrary.sebgroup.com/components/component-tooltip
  */
-export declare class NgvTooltipDirective implements AfterViewInit, OnChanges, OnDestroy {
+export declare class NggvTooltipDirective implements AfterViewInit, OnChanges, OnDestroy {
     private anchorElementRef;
     private renderer;
     /** The text that will be shown in the tooltip. */
@@ -30,6 +30,8 @@ export declare class NgvTooltipDirective implements AfterViewInit, OnChanges, On
     offset: number;
     /** How frequently the tooltip will be re-rendered when the page size changes. */
     resizeThrottle: number;
+    /** Id of tooltip element. */
+    tooltipId?: string;
     /** Numeric max-width for tooltip. */
     maxWidth: number;
     /** Emits a show event triggered changing visibility state of the tooltip. */
@@ -100,7 +102,7 @@ export declare class NgvTooltipDirective implements AfterViewInit, OnChanges, On
      */
     setStyle(tooltip: Position, arrow: Position): void;
     private pxToRem;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgvTooltipDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgvTooltipDirective, "[nggvTooltip]", never, { "nggvTooltip": { "alias": "nggvTooltip"; "required": false; }; "thook": { "alias": "thook"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "shown": { "alias": "shown"; "required": false; }; "offset": { "alias": "offset"; "required": false; }; "resizeThrottle": { "alias": "resizeThrottle"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; }, { "nggvShow": "nggvShow"; "nggvHide": "nggvHide"; }, never, never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvTooltipDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NggvTooltipDirective, "[nggvTooltip]", never, { "nggvTooltip": { "alias": "nggvTooltip"; "required": false; }; "thook": { "alias": "thook"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "shown": { "alias": "shown"; "required": false; }; "offset": { "alias": "offset"; "required": false; }; "resizeThrottle": { "alias": "resizeThrottle"; "required": false; }; "tooltipId": { "alias": "tooltipId"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; }, { "nggvShow": "nggvShow"; "nggvHide": "nggvHide"; }, never, never, false, never>;
 }
 export {};

package/v-angular/tooltip/tooltip.module.d.ts

@@ -1,8 +1,8 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./tooltip.directive";
 import * as i2 from "@sebgroup/green-angular/src/v-angular/i18n";
-export declare class NgvTooltipModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgvTooltipModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NgvTooltipModule, [typeof i1.NgvTooltipDirective], [typeof i2.NgvI18nModule], [typeof i1.NgvTooltipDirective]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<NgvTooltipModule>;
+export declare class NggvTooltipModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvTooltipModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NggvTooltipModule, [typeof i1.NggvTooltipDirective], [typeof i2.NggvI18nModule], [typeof i1.NggvTooltipDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NggvTooltipModule>;
 }

package/v-angular/tooltip/tooltip.styles.d.ts

@@ -0,0 +1,11 @@
+export declare const tooltipBoxStyles: Map<string, any>;
+export declare const tooltipArrowTopStyles: Map<string, any>;
+export declare const tooltipArrowBottomStyles: Map<string, any>;
+export declare const tooltipArrowLeftStyles: Map<string, any>;
+export declare const tooltipArrowRightStyles: Map<string, any>;
+export declare const tooltipArrowStyles: {
+    top: Map<string, any>;
+    bottom: Map<string, any>;
+    left: Map<string, any>;
+    right: Map<string, any>;
+};

package/v-angular/v-angular.module.d.ts

@@ -1,24 +1,33 @@
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
-import * as i2 from "./base-control-value-accessor/base-control-value-accessor.module";
-import * as i3 from "./breadcrumbs/breadcrumbs.module";
-import * as i4 from "./button/button.module";
-import * as i5 from "./card/card.module";
-import * as i6 from "./character-countdown/character-countdown.module";
-import * as i7 from "./checkbox/checkbox.module";
-import * as i8 from "./dropdown/dropdown.module";
-import * as i9 from "./i18n/i18n.module";
-import * as i10 from "./info-circle/info-circle.module";
-import * as i11 from "./input/input.module";
-import * as i12 from "./input-mask/input-mask.module";
-import * as i13 from "./modal/modal.module";
-import * as i14 from "./radio/radio.module";
-import * as i15 from "./textarea/textarea.module";
-import * as i16 from "./tooltip/tooltip.module";
-import * as i17 from "./dropdown/typeahead/typeahead.module";
-import * as i18 from "@sebgroup/green-angular/src/lib/shared";
+import * as i2 from "./character-countdown/character-countdown.module";
+import * as i3 from "@sebgroup/green-angular/src/lib/shared";
+import * as i4 from "./slug/slug.module";
+import * as i5 from "./alert/alert.module";
+import * as i6 from "./base-control-value-accessor/base-control-value-accessor.module";
+import * as i7 from "./breadcrumbs/breadcrumbs.module";
+import * as i8 from "./button/button.module";
+import * as i9 from "./card/card.module";
+import * as i10 from "./checkbox/checkbox.module";
+import * as i11 from "./datepicker/datepicker.module";
+import * as i12 from "./drag-drop/drag-drop.module";
+import * as i13 from "./dropdown/dropdown.module";
+import * as i14 from "./external-link/external-link.module";
+import * as i15 from "./i18n/i18n.module";
+import * as i16 from "./info-circle/info-circle.module";
+import * as i17 from "./input-mask/input-mask.module";
+import * as i18 from "./input/input.module";
+import * as i19 from "./modal/modal.module";
+import * as i20 from "./pagination/pagination.module";
+import * as i21 from "./radio/radio.module";
+import * as i22 from "./table/table.module";
+import * as i23 from "./tabs/tabs.module";
+import * as i24 from "./textarea/textarea.module";
+import * as i25 from "./toast/toast.module";
+import * as i26 from "./tooltip/tooltip.module";
+import * as i27 from "./dropdown/typeahead/typeahead.module";
 export declare class NggvModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<NggvModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NggvModule, never, [typeof i1.CommonModule], [typeof i2.NgvBaseControlValueAccessorModule, typeof i3.NgvBreadcrumbsModule, typeof i4.NgvButtonModule, typeof i5.NgvCardModule, typeof i6.NggCharacterCountdownDirectiveModule, typeof i7.NgvCheckboxModule, typeof i8.NgvDropdownModule, typeof i9.NgvI18nModule, typeof i10.NgvInfoCircleModule, typeof i11.NgvInputModule, typeof i12.NgvInputMaskModule, typeof i13.NgvModalModule, typeof i14.NgvRadioModule, typeof i15.NgvTextareaModule, typeof i16.NgvTooltipModule, typeof i17.NgvTypeaheadModule, typeof i18.NggCoreWrapperModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NggvModule, never, [typeof i1.CommonModule], [typeof i2.NggvCharacterCountdownDirectiveModule, typeof i3.NggCoreWrapperModule, typeof i4.NggvSlugPipeModule, typeof i5.NggvAlertModule, typeof i6.NggvBaseControlValueAccessorModule, typeof i7.NggvBreadcrumbsModule, typeof i8.NggvButtonModule, typeof i9.NggvCardModule, typeof i10.NggvCheckboxModule, typeof i11.NggvDatepickerModule, typeof i12.NggvDragDropModule, typeof i13.NggvDropdownModule, typeof i14.NggvExternalLinkDirectiveModule, typeof i15.NggvI18nModule, typeof i16.NggvInfoCircleModule, typeof i17.NggvInputMaskModule, typeof i18.NggvInputModule, typeof i19.NggvModalModule, typeof i20.NggvPaginationModule, typeof i21.NggvRadioModule, typeof i22.NggvTableModule, typeof i23.NggvTabsModule, typeof i24.NggvTextareaModule, typeof i25.NggvToastModule, typeof i26.NggvTooltipModule, typeof i27.NggvTypeaheadModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NggvModule>;
 }