@sebgroup/green-angular 4.4.1 → 4.6.0

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

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./radio.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@sebgroup/green-angular/src/v-angular/i18n";
+export declare class NgvRadioModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgvRadioModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NgvRadioModule, [typeof i1.NgvRadioComponent], [typeof i2.CommonModule, typeof i3.NgvI18nModule], [typeof i1.NgvRadioComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NgvRadioModule>;
+}

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,44 @@
+import { ChangeDetectorRef } from '@angular/core';
+import { NgControl } from '@angular/forms';
+import { TranslocoScope } from '@ngneat/transloco';
+import { NgvBaseControlValueAccessorComponent } 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 {
+    ngControl: NgControl;
+    protected translocoScope: TranslocoScope;
+    protected cdr: ChangeDetectorRef;
+    /** Special property used for selecting DOM elements during automated UI testing. */
+    thook: string;
+    /** 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<NgvTextareaComponent, [{ optional: true; self: true; }, { optional: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgvTextareaComponent, "ngv-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,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./textarea.component";
+import * as i2 from "@angular/common";
+export declare class NgvTextareaModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgvTextareaModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NgvTextareaModule, [typeof i1.NgvTextareaComponent], [typeof i2.CommonModule], [typeof i1.NgvTextareaComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NgvTextareaModule>;
+}

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,106 @@
+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 NgvTooltipDirective implements AfterViewInit, OnChanges, OnDestroy {
+    private anchorElementRef;
+    private renderer;
+    /** The text that will be shown in the tooltip. */
+    ngvTooltip?: 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;
+    /** Numeric max-width for tooltip. */
+    maxWidth: number;
+    /** Emits a show event triggered changing visibility state of the tooltip. */
+    ngvShow: EventEmitter<HTMLElement>;
+    /** Emits a hide event triggered changing visibility state of the tooltip. */
+    ngvHide: 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<NgvTooltipDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgvTooltipDirective, "[ngvTooltip]", never, { "ngvTooltip": { "alias": "ngvTooltip"; "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; }; }, { "ngvShow": "ngvShow"; "ngvHide": "ngvHide"; }, 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 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>;
+}