@six-group/ui-library-angular 0.0.0-insider.ebd822a → 0.0.0-insider.ecf3d8c

package/lib/control-value-accessors/range-value-accessor.d.ts

@@ -0,0 +1,10 @@
+import { ElementRef, Injector } from '@angular/core';
+import { ValueAccessor } from './value-accessor';
+import * as i0 from "@angular/core";
+export declare class RangeValueAccessor extends ValueAccessor {
+    constructor(injector: Injector, el: ElementRef);
+    handleInputEvent(el: HTMLSixRangeElement): void;
+    registerOnChange(fn: (_: number | null) => void): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RangeValueAccessor, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RangeValueAccessor, "six-range", never, {}, {}, never, never, false, never>;
+}

package/lib/control-value-accessors/select-value-accessor.d.ts

@@ -0,0 +1,9 @@
+import { ElementRef, Injector } from '@angular/core';
+import { ValueAccessor } from './value-accessor';
+import * as i0 from "@angular/core";
+export declare class SelectValueAccessor extends ValueAccessor {
+    constructor(injector: Injector, el: ElementRef);
+    handleChangeEvent(el: HTMLSixSelectElement): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectValueAccessor, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SelectValueAccessor, "six-select", never, {}, {}, never, never, false, never>;
+}

package/lib/control-value-accessors/switch-value-accessor.d.ts

@@ -0,0 +1,10 @@
+import { ElementRef, Injector } from '@angular/core';
+import { ValueAccessor } from './value-accessor';
+import * as i0 from "@angular/core";
+export declare class SwitchValueAccessor extends ValueAccessor {
+    constructor(injector: Injector, el: ElementRef);
+    handleChangeEvent(el: HTMLSixSwitchElement): void;
+    writeValue(value: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SwitchValueAccessor, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SwitchValueAccessor, "six-switch", never, {}, {}, never, never, false, never>;
+}

package/lib/control-value-accessors/text-value-accessor.d.ts

@@ -0,0 +1,9 @@
+import { ElementRef, Injector } from '@angular/core';
+import { ValueAccessor } from './value-accessor';
+import * as i0 from "@angular/core";
+export declare class TextValueAccessor extends ValueAccessor {
+    constructor(injector: Injector, el: ElementRef);
+    handleInputEvent(el: HTMLSixInputElement): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TextValueAccessor, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TextValueAccessor, "six-input:not([type=number]),six-textarea", never, {}, {}, never, never, false, never>;
+}

package/lib/control-value-accessors/timepicker-value-accessor.d.ts

@@ -0,0 +1,9 @@
+import { ElementRef, Injector } from '@angular/core';
+import { ValueAccessor } from './value-accessor';
+import * as i0 from "@angular/core";
+export declare class TimepickerValueAccessor extends ValueAccessor {
+    constructor(injector: Injector, el: ElementRef);
+    handleChangeEvent(el: HTMLSixTimepickerElement): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TimepickerValueAccessor, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TimepickerValueAccessor, "six-timepicker", never, {}, {}, never, never, false, never>;
+}

package/lib/control-value-accessors/value-accessor.d.ts

@@ -0,0 +1,41 @@
+import { AfterViewInit, ElementRef, Injector, OnDestroy } from '@angular/core';
+import { AbstractControl, ControlValueAccessor } from '@angular/forms';
+import { UiLibraryConfig } from '../ui-library-angular-config';
+import * as i0 from "@angular/core";
+export declare class ValueAccessor implements ControlValueAccessor, AfterViewInit, OnDestroy {
+    protected injector: Injector;
+    protected el: ElementRef;
+    private statusChanges?;
+    private ngControl?;
+    private initialErrorText?;
+    private validationMessagesService;
+    protected config: UiLibraryConfig;
+    constructor(injector: Injector, el: ElementRef);
+    private onChange;
+    private onTouched;
+    registerOnChange(fn: (value: any) => void): void;
+    registerOnTouched(fn: () => void): void;
+    writeValue(value: any): void;
+    /**
+     * Notifies the ControlValueAccessor of a change in the value of the control.
+     *
+     * This is called by each of the ValueAccessor directives when we want to update
+     * the status and validity of the form control. For example with text components this
+     * is called when the input event is fired. For select components this is called
+     * when the change event is fired.
+     *
+     * This also updates the form status on the element by setting the 'invalid' property to true/false.
+     *
+     * @param el The component element.
+     * @param value The new value of the control.
+     */
+    handleValueChange(el: HTMLElement, value: any): void;
+    _handleBlurEvent(el: any): void;
+    updateValidation(): void;
+    setDisabledState(isDisabled: boolean): void;
+    ngOnDestroy(): void;
+    ngAfterViewInit(): void;
+    getErrorTexts(control: AbstractControl): string[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<ValueAccessor, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ValueAccessor, never, never, {}, {}, never, never, true, never>;
+}

package/lib/form/six-form.directive.d.ts

@@ -0,0 +1,71 @@
+import { ElementRef, EventEmitter } from '@angular/core';
+import { FormGroupDirective } from '@angular/forms';
+import * as i0 from "@angular/core";
+/**
+ * This directive intercepts the ngSubmit event of an Angular form and introduces
+ * a supplementary event named sixSubmit. The sixSubmit event is triggered exclusively
+ * when the form is valid. In cases where the form is considered invalid, this directive
+ * takes proactive actions by marking all form controls as touched and dirty. Additionally,
+ * it shifts the focus to the initial invalid form element, facilitating quick error
+ * resolution.
+ *
+ * To utilize this directive, apply it to an Angular form.
+ * ```html
+ * <form [formGroup]="form" sixForm (sixSubmit)="onSubmit($event)">
+ *   <!-- form content -->
+ * </form>
+ * ```
+ *
+ * For users needing greater flexibility in determining when error messages are displayed,
+ * or for those who prefer not to rely solely on the form submission event,
+ * an alternative is to use the SixFormUtilDirective.
+ */
+export declare class SixFormDirective {
+    private elementRef;
+    private formGroupDirective;
+    /**
+     * Emits an event when the form is valid and the form submission has been triggered.
+     */
+    sixSubmit: EventEmitter<SubmitEvent>;
+    onNgSubmit(event: SubmitEvent): void;
+    constructor(elementRef: ElementRef<HTMLElement>, formGroupDirective: FormGroupDirective);
+    static ɵfac: i0.ɵɵFactoryDeclaration<SixFormDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SixFormDirective, "form[sixForm]", never, {}, { "sixSubmit": "sixSubmit"; }, never, never, false, never>;
+}
+/**
+ * This directive provides a utility method, that marks all form controls
+ * as touched and dirty, and focuses the first invalid form element.
+ *
+ * To utilize this directive, apply it to an Angular form.
+ * ```html
+ * <form [formGroup]="form" sixFormUtil (ngSubmit)="onSubmit($event)">
+ *   <!-- form content -->
+ * </form>
+ * ```
+ *
+ * Then, get a reference to the directive and invoke `focusInvalidField()` if the
+ * form is invalid:
+ * ```ts
+ * @ViewChild(SixFormUtilDirective) sixFormUtil!: SixFormUtilDirective;
+ * // ...
+ * onSubmit() {
+ *   if (this.form.invalid) {
+ *     this.sixFormUtil.focusInvalidField();
+ *   } else {
+ *      // ...
+ *   }
+ * }
+ * ```
+ */
+export declare class SixFormUtilDirective {
+    private elementRef;
+    private formGroupDirective;
+    constructor(elementRef: ElementRef<HTMLElement>, formGroupDirective: FormGroupDirective);
+    /** markAllControlsAsDirty(Object.values(formGroup.controls));
+     * Marks all form controls as touched and dirty, and focuses the first
+     * invalid form element.
+     */
+    focusInvalidField(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SixFormUtilDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SixFormUtilDirective, "[sixFormUtil]", never, {}, {}, never, never, false, never>;
+}

package/lib/link/six-router-link.directive.d.ts

@@ -0,0 +1,26 @@
+import { ElementRef, OnChanges, OnInit, Renderer2 } from '@angular/core';
+import { Router, RouterLink } from '@angular/router';
+import { LocationStrategy } from '@angular/common';
+import * as i0 from "@angular/core";
+/**
+ * Forked from  https://github.com/ionic-team/ionic-framework/blob/main/packages/angular/common/src/directives/navigation/router-link-delegate.ts.
+ */
+export declare class SixRouterLinkDirective implements OnInit, OnChanges {
+    private locationStrategy;
+    private elementRef;
+    private router;
+    private renderer;
+    private routerLinkDirective?;
+    constructor(locationStrategy: LocationStrategy, elementRef: ElementRef, router: Router, renderer: Renderer2, routerLinkDirective?: RouterLink | undefined);
+    onClick(event: UIEvent): void;
+    routerLink?: any;
+    queryParams?: any;
+    fragment?: any;
+    queryParamsHandling?: any;
+    relativeTo?: any;
+    ngOnInit(): void;
+    ngOnChanges(): void;
+    private updateTargetUrlAndHref;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SixRouterLinkDirective, [null, null, null, null, { optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SixRouterLinkDirective, "six-sidebar-item[routerLink],six-sidebar-item-group[routerLink],six-button[routerLink],six-icon-button[routerLink]", never, { "routerLink": { "alias": "routerLink"; "required": false; }; "queryParams": { "alias": "queryParams"; "required": false; }; "fragment": { "alias": "fragment"; "required": false; }; "queryParamsHandling": { "alias": "queryParamsHandling"; "required": false; }; "relativeTo": { "alias": "relativeTo"; "required": false; }; }, {}, never, never, false, never>;
+}

package/lib/services/alert.service.d.ts

@@ -0,0 +1,11 @@
+import { AlertType } from '@six-group/ui-library';
+import * as i0 from "@angular/core";
+export declare class AlertService {
+    private ngZone;
+    /**
+     * Displays an alert as a toast notification.
+     */
+    showAlert(message: string, alertType?: AlertType, duration?: number, iconName?: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AlertService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AlertService>;
+}

package/lib/services/validation-messages.service.d.ts

@@ -0,0 +1,7 @@
+import { Language, ValidationError } from '@six-group/ui-library';
+import * as i0 from "@angular/core";
+export declare class ValidationMessagesService {
+    getErrorMessage(language: Language, error: ValidationError): string | undefined;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ValidationMessagesService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ValidationMessagesService>;
+}

package/lib/sidebar/active-sidebar.directive.d.ts

@@ -0,0 +1,59 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/router";
+/**
+ * Enables Angular router integration for the six-sidebar component.
+ *
+ * When this directive is added to a six-sidebar component using the 'sixRouterLinkActive' attribute,
+ * it activates automatic route-based selection for sidebar items and groups.
+ *
+ * @recommended Add this directive to enable automatic route-based navigation in sidebars.
+ *
+ * @example
+ * ```html
+ * <six-sidebar sixRouterLinkActive>
+ *   <six-sidebar-item routerLink="/home">Home</six-sidebar-item>
+ *   <six-sidebar-item-group>
+ *     <six-sidebar-item routerLink="/settings/profile">Profile</six-sidebar-item>
+ *   </six-sidebar-item-group>
+ * </six-sidebar>
+ * ```
+ */
+export declare class ActiveSidebarDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ActiveSidebarDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ActiveSidebarDirective, "six-sidebar[sixRouterLinkActive]", never, {}, {}, never, never, false, never>;
+}
+/**
+ * Enhances six-sidebar-item with Angular router integration.
+ *
+ * This directive automatically manages the 'selected' state of sidebar items based on the current route.
+ * When used with ActiveSidebarDirective, it switches from manual selection to route-based selection.
+ *
+ * @requires RouterLinkActive
+ * @optional ActiveSidebarDirective - If present, enables route-based selection
+ */
+export declare class ActiveSidebarItemDirective {
+    private routerLinkActive;
+    private sidebarItem;
+    private activeSidebarDirective;
+    get selected(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ActiveSidebarItemDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ActiveSidebarItemDirective, "six-sidebar-item", never, {}, {}, never, never, false, [{ directive: typeof i1.RouterLinkActive; inputs: {}; outputs: {}; }]>;
+}
+/**
+ * Enhances six-sidebar-item-group with Angular router integration.
+ *
+ * This directive automatically manages the 'open' state of sidebar groups based on the active route.
+ * When a child route is active, the group automatically expands to show the active item.
+ *
+ * @requires RouterLinkActive
+ * @optional ActiveSidebarDirective - If present, enables route-based expansion
+ */
+export declare class ActiveSidebarItemGroupDirective {
+    private routerLinkActive;
+    private sidebarItemGroup;
+    private activeSidebarDirective;
+    private sidebarItems;
+    get open(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ActiveSidebarItemGroupDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ActiveSidebarItemGroupDirective, "six-sidebar-item-group", never, {}, {}, ["sidebarItems"], never, false, [{ directive: typeof i1.RouterLinkActive; inputs: {}; outputs: {}; }]>;
+}