@sebgroup/green-angular 0.0.0-v-angular-20250113082841

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/index.d.ts

@@ -0,0 +1,2 @@
+export * from './textarea.component';
+export * from './textarea.module';

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

@@ -0,0 +1,45 @@
+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 { 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 NggvTextareaComponent extends NggvBaseControlValueAccessorComponent {
+    ngControl: NgControl;
+    protected translocoScope: TranslocoScope;
+    protected cdr: ChangeDetectorRef;
+    /** Special property used for selecting DOM elements during automated UI testing. */
+    thook: string | null | undefined;
+    /** Text shown before input has a written value. */
+    placeholder?: string;
+    /** If set to true, the value will not be editable. */
+    readonly: boolean;
+    /** Minimum length (number of characters) of value. */
+    set minLength(length: number);
+    get minlength(): number;
+    /**
+     * Minimum length (number of characters) of value.
+     * @deprecated minlength triggers angular-template-validation. Use @Input() minLength instead.
+     */
+    set minlength(length: number);
+    /** Maximum length (number of characters) of value. */
+    set maxLength(length: number);
+    get maxlength(): number;
+    /**
+     * Maximum length (number of characters) of value.
+     * @deprecated maxlength triggers angular-template-validation. Use @Input() maxLength instead.
+     */
+    set maxlength(length: number);
+    /** Returns if maxlength is used */
+    get hasMaxLength(): boolean;
+    private _maxlength;
+    private _minlength;
+    /** Sets the height of the textarea and disables resize. A scrollbar will appear if necessary. */
+    rows?: number;
+    constructor(ngControl: NgControl, translocoScope: TranslocoScope, cdr: ChangeDetectorRef);
+    /** @internal */
+    onInput(event: Event): void;
+    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

@@ -0,0 +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";
+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/index.d.ts

@@ -0,0 +1,2 @@
+export * from './tooltip.directive';
+export * from './tooltip.module';

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

@@ -0,0 +1,108 @@
+import { AfterViewInit, ElementRef, EventEmitter, OnChanges, OnDestroy, Renderer2, SimpleChange, SimpleChanges } from '@angular/core';
+import * as i0 from "@angular/core";
+export type Placement = 'top' | 'right' | 'bottom' | 'left';
+type Position = {
+    top?: number;
+    right?: number;
+    bottom?: number;
+    left?: number;
+};
+/**
+ * A tooltip is a text label that acts as a helper to a specific item.
+ * Recommended to use value `top` or `bottom` with `placement` for responsive design.
+ * Dynamic resizing and tooltip position are a work in progress.
+ * https://designlibrary.sebgroup.com/components/component-tooltip
+ */
+export declare class NggvTooltipDirective implements AfterViewInit, OnChanges, OnDestroy {
+    private anchorElementRef;
+    private renderer;
+    /** The text that will be shown in the tooltip. */
+    nggvTooltip?: string;
+    /** Special property used for selecting DOM elements during automated UI testing. */
+    thook: string;
+    /** The side of the anchor which the tooltip will be rendered.
+     * Recommended `top` and `bottom` for responsive designs as these are more stable.
+     */
+    placement: Placement;
+    /** Initial state and subsequent updates on wether the tooltip is visible. */
+    shown: boolean;
+    /** How far off from the text the tooltip will be rendered. */
+    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. */
+    nggvShow: EventEmitter<HTMLElement>;
+    /** Emits a hide event triggered changing visibility state of the tooltip. */
+    nggvHide: EventEmitter<HTMLElement>;
+    /** @internal */
+    protected timeout: number;
+    /** @internal */
+    protected parentElement: HTMLElement;
+    /** @internal */
+    protected anchorElement: HTMLElement;
+    /** @internal */
+    protected tooltipElement: HTMLElement | undefined;
+    /** @internal */
+    protected arrowElement: HTMLElement | undefined;
+    /** @internal Check if changes should trigger a re-render */
+    static shouldUpdate(change: SimpleChange): boolean;
+    constructor(anchorElementRef: ElementRef, renderer: Renderer2);
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    /** @internal */
+    onMouseEnter(): void;
+    /** @internal */
+    onMouseLeave(): void;
+    /** @internal */
+    resize(): void;
+    /**
+     * Sets the visibility state of the tooltip to true and creates a new tooltip if it doesn't exist or `recreate` is set.
+     * @param recreate if set to true, destroy any existing tooltip and create a new one.
+     */
+    show(recreate?: boolean): void;
+    /**
+     * Sets the visibility state of the tooltip to false and destroys an existing tooltip if `destroy` is set.
+     * @param destroy if set to true, destroy any existing tooltip.
+     */
+    hide(destroy?: boolean): void;
+    /**
+     * @internal
+     * Creates a new tooltip with the set placement and a given text as its body.
+     * @param text the string to be displayed in the tooltip body.
+     */
+    create(text: string): void;
+    /**
+     * @internal
+     * Destroys the current tooltip by un-setting variables, should only be used after detaching elements from the DOM.
+     */
+    destroy(): void;
+    /**
+     * @internal
+     * Recalculates the position of the tooltip.
+     */
+    updatePosition(): void;
+    /**
+     * @internal
+     * Calculates and set the position of the tooltip when the placement is `top` or `bottom`.
+     */
+    alignVertical(above: boolean, scrollPos: number, anchor: DOMRect, tooltipWidth: number, tooltipHeight: number, arrowWidth: number): void;
+    /**
+     * @internal
+     * Calculates and set the position of the tooltip when the placement is `left` or `right`.
+     */
+    alignHorizontal(before: boolean, scrollPos: number, anchor: DOMRect, tooltipHeight: number): void;
+    /**
+     * @internal
+     * Updates the CSS properties for the tooltip position.
+     */
+    setStyle(tooltip: Position, arrow: Position): void;
+    private pxToRem;
+    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

@@ -0,0 +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 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

@@ -0,0 +1,33 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+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.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>;
+}