@yoozsoft/yoozsoft-ng 5.3.5 → 7.1.1

package/sidebar/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/yoozsoft-yoozsoft-ng-sidebar.mjs",
+  "typings": "../types/yoozsoft-yoozsoft-ng-sidebar.d.ts"
+}

package/table/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/yoozsoft-yoozsoft-ng-table.mjs",
+  "typings": "../types/yoozsoft-yoozsoft-ng-table.d.ts"
+}

package/tiff-viewer/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/yoozsoft-yoozsoft-ng-tiff-viewer.mjs",
+  "typings": "../types/yoozsoft-yoozsoft-ng-tiff-viewer.d.ts"
+}

package/toast/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/yoozsoft-yoozsoft-ng-toast.mjs",
+  "typings": "../types/yoozsoft-yoozsoft-ng-toast.d.ts"
+}

package/types/yoozsoft-yoozsoft-ng-autocomplete.d.ts

@@ -0,0 +1,79 @@
+import * as _angular_core from '@angular/core';
+import { ElementRef, TemplateRef } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { Observable } from 'rxjs';
+
+declare class YsAutocomplete<T = any> implements ControlValueAccessor {
+    /********************* Inputs */
+    options: _angular_core.InputSignal<T[] | ((term: string) => Observable<T[]>)>;
+    loading: _angular_core.InputSignal<boolean>;
+    loadingMessage: _angular_core.InputSignal<string>;
+    noResultMessage: _angular_core.InputSignal<string>;
+    optionLabel: _angular_core.InputSignal<string>;
+    placeholder: _angular_core.InputSignal<string>;
+    multiple: _angular_core.InputSignal<boolean>;
+    showClear: _angular_core.InputSignal<boolean>;
+    disabled: _angular_core.InputSignal<boolean>;
+    styleClass: _angular_core.InputSignal<string | undefined>;
+    selectionStyleClass: _angular_core.InputSignal<string>;
+    clearIconClass: _angular_core.InputSignal<string>;
+    searchIconClass: _angular_core.InputSignal<string>;
+    loadingIconClass: _angular_core.InputSignal<string>;
+    multipleCheckIconClass: _angular_core.InputSignal<string>;
+    infiniteScroll: _angular_core.InputSignal<boolean>;
+    virtualScroll: _angular_core.InputSignal<boolean>;
+    virtualScrollItemSize: _angular_core.InputSignal<number>;
+    virtualScrollThreshold: _angular_core.InputSignal<number>;
+    trackBy: _angular_core.InputSignal<((item: T) => unknown) | undefined>;
+    compareWith: _angular_core.InputSignal<((a: T, b: T) => boolean) | undefined>;
+    /********************* Outputs */
+    /** Event to request more items */
+    loadMore: _angular_core.OutputEmitterRef<string>;
+    /** Return selected options */
+    selectionChange: _angular_core.OutputEmitterRef<T | T[] | null>;
+    /********************* Signals */
+    searchTerm: _angular_core.WritableSignal<string>;
+    filteredOptions: _angular_core.WritableSignal<T[]>;
+    selectedOptions: _angular_core.WritableSignal<T[]>;
+    showDropdown: _angular_core.WritableSignal<boolean>;
+    activeIndex: _angular_core.WritableSignal<number>;
+    error: _angular_core.WritableSignal<string | null>;
+    private readonly internalLoading;
+    readonly isLoading: _angular_core.Signal<boolean>;
+    private disabledState;
+    readonly isDisabled: _angular_core.Signal<boolean>;
+    private static nextId;
+    readonly componentId: string;
+    readonly activeOptionId: _angular_core.Signal<string | null>;
+    /********************* ViewChild */
+    inputRef: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
+    /********************* Inject */
+    private readonly destroyRef;
+    private readonly host;
+    private readonly platformId;
+    readonly isBrowser: boolean;
+    /** Custom template */
+    itemTemplate?: TemplateRef<any>;
+    private onChange;
+    private onTouched;
+    constructor();
+    writeValue(value: T | T[]): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState?(isDisabled: boolean): void;
+    onInput(event: Event): void;
+    private onSearchChange;
+    getLabel(item: T): string;
+    private isEqual;
+    onSelect(item: any): void;
+    removeItem(item: any): void;
+    onScroll(event: Event): void;
+    clearSelection(): void;
+    handleKeyboard(event: KeyboardEvent): void;
+    isSelected(item: T): boolean;
+    trackItem(item: T): {};
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<YsAutocomplete<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YsAutocomplete<any>, "ys-autocomplete", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "loadingMessage": { "alias": "loadingMessage"; "required": false; "isSignal": true; }; "noResultMessage": { "alias": "noResultMessage"; "required": false; "isSignal": true; }; "optionLabel": { "alias": "optionLabel"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "showClear": { "alias": "showClear"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "selectionStyleClass": { "alias": "selectionStyleClass"; "required": false; "isSignal": true; }; "clearIconClass": { "alias": "clearIconClass"; "required": false; "isSignal": true; }; "searchIconClass": { "alias": "searchIconClass"; "required": false; "isSignal": true; }; "loadingIconClass": { "alias": "loadingIconClass"; "required": false; "isSignal": true; }; "multipleCheckIconClass": { "alias": "multipleCheckIconClass"; "required": false; "isSignal": true; }; "infiniteScroll": { "alias": "infiniteScroll"; "required": false; "isSignal": true; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; "isSignal": true; }; "virtualScrollItemSize": { "alias": "virtualScrollItemSize"; "required": false; "isSignal": true; }; "virtualScrollThreshold": { "alias": "virtualScrollThreshold"; "required": false; "isSignal": true; }; "trackBy": { "alias": "trackBy"; "required": false; "isSignal": true; }; "compareWith": { "alias": "compareWith"; "required": false; "isSignal": true; }; }, { "loadMore": "loadMore"; "selectionChange": "selectionChange"; }, ["itemTemplate"], never, true, never>;
+}
+
+export { YsAutocomplete };

package/types/yoozsoft-yoozsoft-ng-date.d.ts

@@ -0,0 +1,118 @@
+import { NgbDateStruct } from '@ng-bootstrap/ng-bootstrap';
+
+type PersianDateFormat = 'short' | 'medium' | 'long' | 'full' | 'shortDate' | 'mediumDate' | 'longDate' | 'fullDate' | 'shortTime' | 'mediumTime' | 'longTime';
+type CalendarType = 'gregorian' | 'jalali';
+type OutsideDaysType = 'visible' | 'hidden' | 'collapsed';
+
+interface CalendarAdapter {
+    today(): NgbDateStruct;
+    isValid(year: number, month: number, day: number): boolean;
+    daysInMonth(year: number, month: number): number;
+    dayOfWeek(year: number, month: number, day: number): number;
+    monthName(month: number): string;
+    weekdayName(day: number): string;
+    compare(a: NgbDateStruct, b: NgbDateStruct): number;
+    addDays(date: NgbDateStruct, days: number): NgbDateStruct;
+    addMonths(date: NgbDateStruct, months: number): NgbDateStruct;
+    addYears(date: NgbDateStruct, years: number): NgbDateStruct;
+    toDate(date: NgbDateStruct): Date;
+    fromDate(date: Date): NgbDateStruct;
+    parse(value: string): NgbDateStruct | null;
+    format(value: Date | string | number, format?: string): string;
+    isBetween(value: NgbDateStruct, start: NgbDateStruct, end: NgbDateStruct): boolean;
+}
+
+declare function createCalendarAdapter(type: CalendarType): CalendarAdapter;
+
+declare class GregorianCalendarAdapter implements CalendarAdapter {
+    today(): NgbDateStruct;
+    isValid(year: number, month: number, day: number): boolean;
+    daysInMonth(year: number, month: number): number;
+    dayOfWeek(year: number, month: number, day: number): number;
+    monthName(month: number): string;
+    weekdayName(day: number): string;
+    compare(a: NgbDateStruct, b: NgbDateStruct): number;
+    addDays(date: NgbDateStruct, days: number): NgbDateStruct;
+    addMonths(date: NgbDateStruct, months: number): NgbDateStruct;
+    addYears(date: NgbDateStruct, years: number): NgbDateStruct;
+    toDate(date: NgbDateStruct): Date;
+    fromDate(date: Date): NgbDateStruct;
+    parse(value: string): NgbDateStruct | null;
+    format(value: Date | string | number, format?: string): string;
+    isBetween(value: NgbDateStruct, start: NgbDateStruct, end: NgbDateStruct): boolean;
+}
+
+declare class JalaliCalendarAdapter implements CalendarAdapter {
+    today(): NgbDateStruct;
+    isValid(year: number, month: number, day: number): boolean;
+    daysInMonth(year: number, month: number): number;
+    dayOfWeek(year: number, month: number, day: number): number;
+    monthName(month: number): string;
+    weekdayName(day: number): string;
+    compare(a: NgbDateStruct, b: NgbDateStruct): number;
+    addDays(date: NgbDateStruct, days: number): NgbDateStruct;
+    addMonths(date: NgbDateStruct, months: number): NgbDateStruct;
+    addYears(date: NgbDateStruct, years: number): NgbDateStruct;
+    toDate(date: NgbDateStruct): Date;
+    fromDate(date: Date): NgbDateStruct;
+    parse(value: string): NgbDateStruct | null;
+    format(value: Date | string | number, format?: string): string;
+    isBetween(value: NgbDateStruct, start: NgbDateStruct, end: NgbDateStruct): boolean;
+}
+
+declare const GREGORIAN_MONTHS: string[];
+declare const GREGORIAN_WEEKDAYS: string[];
+declare const PERSIAN_MONTHS: string[];
+declare const PERSIAN_MONTH_SHORT: string[];
+declare const PERSIAN_WEEKDAYS: string[];
+declare const PERSIAN_WEEKDAYS_SHORT: string[];
+
+interface JalaliDateParts {
+    year: number;
+    month: number;
+    day: number;
+}
+interface JalaliDateTimeParts extends JalaliDateParts {
+    hour?: number;
+    minute?: number;
+    second?: number;
+    millisecond?: number;
+}
+interface DateRange {
+    from: Date | null;
+    to: Date | null;
+}
+
+declare class JalaliDate {
+    private static calendarDaysInMonth;
+    private static validateJalaliDate;
+    private static validateGregorianDate;
+    static isValid(year: number, month: number, day: number): boolean;
+    static isLeapYear(year: number): boolean;
+    static daysInMonth(year: number, month: number): number;
+    static monthName(month: number): string;
+    static weekdayName(day: number): string;
+    static dayOfWeek(year: number, month: number, day: number): number;
+    static weekDayName(day: number): string;
+    static today(): JalaliDateParts;
+    static compare(a: JalaliDateParts, b: JalaliDateParts): number;
+    static parse(value: string): JalaliDateParts | null;
+    static addDays(date: JalaliDateParts, days: number): JalaliDateParts;
+    static addMonths(date: JalaliDateParts, months: number): JalaliDateParts;
+    static addYears(date: JalaliDateParts, years: number): JalaliDateParts;
+    static fromDate(date: Date): JalaliDateParts;
+    static toDate(date: JalaliDateParts): Date;
+    static format(value: Date | string | number, format?: string): string;
+    static gregorianToJalali(year: number, month: number, day: number): JalaliDateParts;
+    static jalaliToGregorian(year: number, month: number, day: number): JalaliDateParts;
+    static toNgbDateStruct(date: JalaliDateParts): NgbDateStruct;
+    static fromNgbDateStruct(date: NgbDateStruct): JalaliDateParts;
+    static isBetween(value: JalaliDateParts, start: JalaliDateParts, end: JalaliDateParts): boolean;
+}
+
+declare function compareDates(a: NgbDateStruct, b: NgbDateStruct): number;
+declare function dateToStruct(date: Date): NgbDateStruct;
+declare function structToDate(date: NgbDateStruct): Date;
+
+export { GREGORIAN_MONTHS, GREGORIAN_WEEKDAYS, GregorianCalendarAdapter, JalaliCalendarAdapter, JalaliDate, PERSIAN_MONTHS, PERSIAN_MONTH_SHORT, PERSIAN_WEEKDAYS, PERSIAN_WEEKDAYS_SHORT, compareDates, createCalendarAdapter, dateToStruct, structToDate };
+export type { CalendarAdapter, CalendarType, DateRange, JalaliDateParts, JalaliDateTimeParts, OutsideDaysType, PersianDateFormat };

package/types/yoozsoft-yoozsoft-ng-datepicker.d.ts

@@ -0,0 +1,120 @@
+import * as _angular_core from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { CalendarType, OutsideDaysType, DateRange } from '@yoozsoft/yoozsoft-ng/date';
+import { NgbDateStruct } from '@ng-bootstrap/ng-bootstrap';
+
+declare class YsDatepickerPopup implements ControlValueAccessor {
+    readonly calendarType: _angular_core.InputSignal<CalendarType>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly readonly: _angular_core.InputSignal<boolean>;
+    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly firstDayOfWeek: _angular_core.InputSignal<number | undefined>;
+    readonly weekend: _angular_core.InputSignal<number[] | undefined>;
+    readonly showFooter: _angular_core.InputSignal<boolean>;
+    readonly todayLabel: _angular_core.InputSignal<string | undefined>;
+    readonly outsideDays: _angular_core.InputSignal<OutsideDaysType>;
+    readonly displayMonths: _angular_core.InputSignal<number>;
+    readonly autoClose: _angular_core.InputSignal<boolean>;
+    readonly container: _angular_core.InputSignal<"body" | null>;
+    readonly calendarIconClass: _angular_core.InputSignal<string>;
+    readonly clearIconClass: _angular_core.InputSignal<string>;
+    private readonly disabledState;
+    readonly isDisabled: _angular_core.Signal<boolean>;
+    readonly value: _angular_core.WritableSignal<Date | null>;
+    readonly displayValue: _angular_core.Signal<string>;
+    private onChange;
+    private onTouched;
+    writeValue(value: Date | null): void;
+    registerOnChange(fn: (value: Date | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    valueChanged(value: Date | null, dropdown: any): void;
+    clear(event: MouseEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<YsDatepickerPopup, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YsDatepickerPopup, "ys-datepicker-popup", never, { "calendarType": { "alias": "calendarType"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; "isSignal": true; }; "weekend": { "alias": "weekend"; "required": false; "isSignal": true; }; "showFooter": { "alias": "showFooter"; "required": false; "isSignal": true; }; "todayLabel": { "alias": "todayLabel"; "required": false; "isSignal": true; }; "outsideDays": { "alias": "outsideDays"; "required": false; "isSignal": true; }; "displayMonths": { "alias": "displayMonths"; "required": false; "isSignal": true; }; "autoClose": { "alias": "autoClose"; "required": false; "isSignal": true; }; "container": { "alias": "container"; "required": false; "isSignal": true; }; "calendarIconClass": { "alias": "calendarIconClass"; "required": false; "isSignal": true; }; "clearIconClass": { "alias": "clearIconClass"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class YsDatepickerRangePopup implements ControlValueAccessor {
+    readonly calendarType: _angular_core.InputSignal<CalendarType>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly readonly: _angular_core.InputSignal<boolean>;
+    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly firstDayOfWeek: _angular_core.InputSignal<number | undefined>;
+    readonly weekend: _angular_core.InputSignal<number[] | undefined>;
+    readonly showFooter: _angular_core.InputSignal<boolean>;
+    readonly todayLabel: _angular_core.InputSignal<string | undefined>;
+    readonly outsideDays: _angular_core.InputSignal<OutsideDaysType>;
+    readonly displayMonths: _angular_core.InputSignal<number>;
+    readonly autoClose: _angular_core.InputSignal<boolean>;
+    readonly container: _angular_core.InputSignal<"body" | null>;
+    readonly calendarIconClass: _angular_core.InputSignal<string>;
+    readonly clearIconClass: _angular_core.InputSignal<string>;
+    private readonly disabledState;
+    readonly isDisabled: _angular_core.Signal<boolean>;
+    readonly value: _angular_core.WritableSignal<DateRange | null>;
+    readonly displayValue: _angular_core.Signal<string>;
+    protected onChange: (_: DateRange | null) => void;
+    protected onTouched: () => void;
+    writeValue(value: DateRange | null): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    valueChanged(value: DateRange | null, dropdown: any): void;
+    clear(event: MouseEvent): void;
+    private formatDate;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<YsDatepickerRangePopup, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YsDatepickerRangePopup, "ys-datepicker-range-popup", never, { "calendarType": { "alias": "calendarType"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; "isSignal": true; }; "weekend": { "alias": "weekend"; "required": false; "isSignal": true; }; "showFooter": { "alias": "showFooter"; "required": false; "isSignal": true; }; "todayLabel": { "alias": "todayLabel"; "required": false; "isSignal": true; }; "outsideDays": { "alias": "outsideDays"; "required": false; "isSignal": true; }; "displayMonths": { "alias": "displayMonths"; "required": false; "isSignal": true; }; "autoClose": { "alias": "autoClose"; "required": false; "isSignal": true; }; "container": { "alias": "container"; "required": false; "isSignal": true; }; "calendarIconClass": { "alias": "calendarIconClass"; "required": false; "isSignal": true; }; "clearIconClass": { "alias": "clearIconClass"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class YsDatepickerRange implements ControlValueAccessor {
+    readonly calendarType: _angular_core.InputSignal<CalendarType>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly firstDayOfWeek: _angular_core.InputSignal<number | undefined>;
+    readonly weekend: _angular_core.InputSignal<number[] | undefined>;
+    readonly showFooter: _angular_core.InputSignal<boolean>;
+    readonly todayLabel: _angular_core.InputSignal<string | undefined>;
+    readonly outsideDays: _angular_core.InputSignal<OutsideDaysType>;
+    readonly displayMonths: _angular_core.InputSignal<number>;
+    private readonly disabledState;
+    readonly isDisabled: _angular_core.Signal<boolean>;
+    readonly fromDate: _angular_core.WritableSignal<NgbDateStruct | null>;
+    readonly toDate: _angular_core.WritableSignal<NgbDateStruct | null>;
+    readonly hoveredDate: _angular_core.WritableSignal<NgbDateStruct | null>;
+    protected onChange: (_: DateRange | null) => void;
+    protected onTouched: () => void;
+    writeValue(value: DateRange | null): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    select(date: NgbDateStruct): void;
+    hover(date: NgbDateStruct): void;
+    private emitValue;
+    private fromJsDate;
+    private toJsDate;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<YsDatepickerRange, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YsDatepickerRange, "ys-datepicker-range", never, { "calendarType": { "alias": "calendarType"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; "isSignal": true; }; "weekend": { "alias": "weekend"; "required": false; "isSignal": true; }; "showFooter": { "alias": "showFooter"; "required": false; "isSignal": true; }; "todayLabel": { "alias": "todayLabel"; "required": false; "isSignal": true; }; "outsideDays": { "alias": "outsideDays"; "required": false; "isSignal": true; }; "displayMonths": { "alias": "displayMonths"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class YsDatepicker implements ControlValueAccessor {
+    readonly calendarType: _angular_core.InputSignal<CalendarType>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly firstDayOfWeek: _angular_core.InputSignal<number | undefined>;
+    readonly weekend: _angular_core.InputSignal<number[] | undefined>;
+    readonly showFooter: _angular_core.InputSignal<boolean>;
+    readonly todayLabel: _angular_core.InputSignal<string | undefined>;
+    readonly outsideDays: _angular_core.InputSignal<OutsideDaysType>;
+    private readonly disabledState;
+    readonly isDisabled: _angular_core.Signal<boolean>;
+    readonly value: _angular_core.WritableSignal<Date | null>;
+    private onChange;
+    private onTouched;
+    writeValue(value: Date | null): void;
+    registerOnChange(fn: (value: Date | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    valueChanged(value: Date | null): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<YsDatepicker, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YsDatepicker, "ys-datepicker", never, { "calendarType": { "alias": "calendarType"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; "isSignal": true; }; "weekend": { "alias": "weekend"; "required": false; "isSignal": true; }; "showFooter": { "alias": "showFooter"; "required": false; "isSignal": true; }; "todayLabel": { "alias": "todayLabel"; "required": false; "isSignal": true; }; "outsideDays": { "alias": "outsideDays"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { YsDatepicker, YsDatepickerPopup, YsDatepickerRange, YsDatepickerRangePopup };

package/types/yoozsoft-yoozsoft-ng-dropdown.d.ts

@@ -0,0 +1,76 @@
+import * as _angular_core from '@angular/core';
+import { TemplateRef } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+
+interface OptionItem<T> {
+    label?: string;
+    value: T;
+    styleClass?: string;
+    icon?: string;
+    disabled?: boolean;
+}
+
+interface ItemTemplate {
+    raw: unknown;
+    label: string;
+    value: unknown;
+    disabled: boolean;
+}
+declare class YsDropdown implements ControlValueAccessor {
+    private elRef;
+    private platformId;
+    /** List of options */
+    options: _angular_core.InputSignal<any[]>;
+    /** Field of object that display as label */
+    optionLabel: _angular_core.InputSignal<string>;
+    placeholder: _angular_core.InputSignal<string>;
+    searchPlaceholder: _angular_core.InputSignal<string>;
+    selectedMaxLength: _angular_core.InputSignal<number>;
+    selectedMaxLengthTemplate: _angular_core.InputSignal<string>;
+    selectionSeparator: _angular_core.InputSignal<string>;
+    dropDownToggleIconClass: _angular_core.InputSignal<string>;
+    clearIconClass: _angular_core.InputSignal<string>;
+    multipleCheckIconClass: _angular_core.InputSignal<string>;
+    /** Multiple choice mode */
+    multiple: _angular_core.InputSignal<boolean>;
+    showClear: _angular_core.InputSignal<boolean>;
+    /** Search capability */
+    searchable: _angular_core.InputSignal<boolean>;
+    disabled: _angular_core.InputSignal<boolean>;
+    /** Custom template for items */
+    itemTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
+    /** Output event when selection changes */
+    selectionChange: _angular_core.OutputEmitterRef<unknown>;
+    searchTerm: _angular_core.WritableSignal<string>;
+    isOpen: _angular_core.WritableSignal<boolean>;
+    highlightedIndex: _angular_core.WritableSignal<number>;
+    /** Selected value */
+    selected: _angular_core.WritableSignal<any>;
+    private disabledState;
+    readonly isDisabled: _angular_core.Signal<boolean>;
+    readonly filteredOptions: _angular_core.Signal<ItemTemplate[]>;
+    readonly normalizedOptions: _angular_core.Signal<ItemTemplate[]>;
+    readonly hasSelection: _angular_core.Signal<boolean>;
+    readonly selectedLabels: _angular_core.Signal<string>;
+    private _onChange;
+    private _onTouched;
+    constructor();
+    writeValue(obj: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState?(isDisabled: boolean): void;
+    private normalizeOptions;
+    toggleDropdown(): void;
+    selectOption(option: ItemTemplate): void;
+    isSelected(option: any): boolean;
+    clearSelection(): void;
+    onKeyDown(event: KeyboardEvent): void;
+    scrollToHighlighted(): void;
+    /** Close by clicking outside */
+    onClickOutside(event: MouseEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<YsDropdown, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YsDropdown, "ys-dropdown", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "optionLabel": { "alias": "optionLabel"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "selectedMaxLength": { "alias": "selectedMaxLength"; "required": false; "isSignal": true; }; "selectedMaxLengthTemplate": { "alias": "selectedMaxLengthTemplate"; "required": false; "isSignal": true; }; "selectionSeparator": { "alias": "selectionSeparator"; "required": false; "isSignal": true; }; "dropDownToggleIconClass": { "alias": "dropDownToggleIconClass"; "required": false; "isSignal": true; }; "clearIconClass": { "alias": "clearIconClass"; "required": false; "isSignal": true; }; "multipleCheckIconClass": { "alias": "multipleCheckIconClass"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "showClear": { "alias": "showClear"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; "isSignal": true; }; }, { "selectionChange": "selectionChange"; }, never, never, true, never>;
+}
+
+export { YsDropdown };
+export type { OptionItem };

package/types/yoozsoft-yoozsoft-ng-file-upload.d.ts

@@ -0,0 +1,75 @@
+import * as _angular_core from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+
+declare class YsFileUpload implements ControlValueAccessor {
+    id: _angular_core.InputSignal<string | undefined>;
+    styleClass: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Allowing upload multiple files
+     * Default is false
+     */
+    multiple: _angular_core.InputSignal<boolean>;
+    /**
+     * Acceptable type of files
+     * Default is all file type
+     */
+    accept: _angular_core.InputSignal<string>;
+    /**
+     * Upload button label
+     * Default is Choose File
+     */
+    uploadLabel: _angular_core.InputSignal<string>;
+    /**Style class of upload button */
+    uploadStyleClass: _angular_core.InputSignal<string>;
+    /**Icon class of upload button */
+    uploadIconClass: _angular_core.InputSignal<string>;
+    /**Display choosed file remove button */
+    showRemove: _angular_core.InputSignal<boolean>;
+    /**Icon of remove item button */
+    removeIconClass: _angular_core.InputSignal<string>;
+    cancelIconClass: _angular_core.InputSignal<string>;
+    /**
+     * Files list display direction
+     * Default is vertical (false)
+     */
+    horizontal: _angular_core.InputSignal<boolean>;
+    /**Message displayed before choosing file */
+    noFileMessage: _angular_core.InputSignal<string>;
+    progressStyleClass: _angular_core.InputSignal<string | undefined>;
+    /**Value of progress element */
+    progressValue: _angular_core.InputSignal<number | null>;
+    /**Max value of progress element */
+    progressValueMax: _angular_core.InputSignal<number>;
+    /**Display cancel upload button */
+    showCancel: _angular_core.InputSignal<boolean>;
+    /**Event to get selected files */
+    filesSelected: _angular_core.OutputEmitterRef<File[]>;
+    /**Event of selected file in the list of choosed file*/
+    select: _angular_core.OutputEmitterRef<File | null>;
+    /**Event of removed file in the list of choosed file*/
+    removed: _angular_core.OutputEmitterRef<File>;
+    /**Event of cancel upload button */
+    cancel: _angular_core.OutputEmitterRef<void>;
+    /**Disable elements */
+    disabled: _angular_core.InputSignal<boolean>;
+    files: _angular_core.WritableSignal<File[]>;
+    selectedFile: _angular_core.WritableSignal<File | null>;
+    private disabledState;
+    readonly isDisabled: _angular_core.Signal<boolean>;
+    readonly inputId: _angular_core.Signal<string>;
+    private onChange;
+    private onTouched;
+    constructor();
+    writeValue(obj: File | File[] | null): void;
+    registerOnChange(fn: (files: File[]) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState?(isDisabled: boolean): void;
+    onChangeFiles(event: Event): void;
+    removeFile(file: File): void;
+    onSelectFile(file: File): void;
+    cancelUpload(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<YsFileUpload, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YsFileUpload, "ys-file-upload", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "uploadLabel": { "alias": "uploadLabel"; "required": false; "isSignal": true; }; "uploadStyleClass": { "alias": "uploadStyleClass"; "required": false; "isSignal": true; }; "uploadIconClass": { "alias": "uploadIconClass"; "required": false; "isSignal": true; }; "showRemove": { "alias": "showRemove"; "required": false; "isSignal": true; }; "removeIconClass": { "alias": "removeIconClass"; "required": false; "isSignal": true; }; "cancelIconClass": { "alias": "cancelIconClass"; "required": false; "isSignal": true; }; "horizontal": { "alias": "horizontal"; "required": false; "isSignal": true; }; "noFileMessage": { "alias": "noFileMessage"; "required": false; "isSignal": true; }; "progressStyleClass": { "alias": "progressStyleClass"; "required": false; "isSignal": true; }; "progressValue": { "alias": "progressValue"; "required": false; "isSignal": true; }; "progressValueMax": { "alias": "progressValueMax"; "required": false; "isSignal": true; }; "showCancel": { "alias": "showCancel"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "filesSelected": "filesSelected"; "select": "select"; "removed": "removed"; "cancel": "cancel"; }, never, never, true, never>;
+}
+
+export { YsFileUpload };

package/types/yoozsoft-yoozsoft-ng-footer.d.ts

@@ -0,0 +1,26 @@
+import * as _angular_core from '@angular/core';
+
+interface FooterBrand {
+    src?: string;
+    alt?: string;
+    href?: string;
+    styleClass?: string;
+}
+
+interface SocialNetwork {
+    href: string;
+    iconClass: string;
+    tooltip?: string;
+}
+
+declare class YsFooter {
+    styleClass: _angular_core.InputSignal<string | undefined>;
+    brand: _angular_core.InputSignal<FooterBrand | undefined>;
+    copyright: _angular_core.InputSignal<string>;
+    socialNetworks: _angular_core.InputSignal<readonly SocialNetwork[]>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<YsFooter, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YsFooter, "ys-footer", never, { "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "brand": { "alias": "brand"; "required": false; "isSignal": true; }; "copyright": { "alias": "copyright"; "required": false; "isSignal": true; }; "socialNetworks": { "alias": "socialNetworks"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { YsFooter };
+export type { FooterBrand, SocialNetwork };

package/types/yoozsoft-yoozsoft-ng-loading.d.ts

@@ -0,0 +1,14 @@
+import * as _angular_core from '@angular/core';
+
+declare class YsLoadingMask {
+    loading: _angular_core.InputSignal<boolean>;
+    message: _angular_core.InputSignal<string>;
+    backgroundStyleClass: _angular_core.InputSignal<string | undefined>;
+    spinnerStyleClass: _angular_core.InputSignal<string | undefined>;
+    messageStyleClass: _angular_core.InputSignal<string | undefined>;
+    fullScreen: _angular_core.InputSignal<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<YsLoadingMask, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YsLoadingMask, "ys-loading-mask", never, { "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "backgroundStyleClass": { "alias": "backgroundStyleClass"; "required": false; "isSignal": true; }; "spinnerStyleClass": { "alias": "spinnerStyleClass"; "required": false; "isSignal": true; }; "messageStyleClass": { "alias": "messageStyleClass"; "required": false; "isSignal": true; }; "fullScreen": { "alias": "fullScreen"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { YsLoadingMask };

package/types/yoozsoft-yoozsoft-ng-navbar.d.ts

@@ -0,0 +1,60 @@
+import { UrlTree } from '@angular/router';
+import * as _angular_core from '@angular/core';
+import * as _angular_forms from '@angular/forms';
+
+interface NavbarBrand {
+    label?: string;
+    src?: string;
+    alt?: string;
+    routerLink?: string | readonly unknown[] | UrlTree | null;
+    href?: string;
+    width?: number;
+    height?: number;
+    styleClass?: string;
+}
+
+interface NavbarItem {
+    id?: number;
+    label?: string;
+    iconClass?: string;
+    onClick?: (event: MouseEvent) => void;
+    items?: NavbarItem[];
+    routerLink?: string | readonly unknown[] | UrlTree | null | undefined;
+    tooltipLabel?: string;
+    isDivider?: boolean;
+    data?: unknown;
+    disabled?: boolean;
+}
+
+declare class YsNavbar {
+    private platformId;
+    private formBuilder;
+    searchForm: _angular_forms.FormGroup<{
+        searchValue: _angular_forms.FormControl<string>;
+    }>;
+    id: _angular_core.InputSignal<string>;
+    theme: _angular_core.InputSignal<string>;
+    styleClass: _angular_core.InputSignal<string | undefined>;
+    brand: _angular_core.InputSignal<NavbarBrand | undefined>;
+    items: _angular_core.InputSignal<NavbarItem[]>;
+    endItems: _angular_core.InputSignal<NavbarItem[]>;
+    isSearch: _angular_core.InputSignal<boolean>;
+    searchLabel: _angular_core.InputSignal<string>;
+    searchIconClass: _angular_core.InputSignal<string | undefined>;
+    searchPlaceholder: _angular_core.InputSignal<string>;
+    sidebarToggler: _angular_core.InputSignal<boolean>;
+    sidebarTogglerIconClass: _angular_core.InputSignal<string>;
+    sidebarToggled: _angular_core.ModelSignal<boolean>;
+    rtl: _angular_core.InputSignal<boolean | undefined>;
+    toggleSidebar: _angular_core.OutputEmitterRef<boolean>;
+    search: _angular_core.OutputEmitterRef<string>;
+    readonly isRtl: _angular_core.Signal<boolean>;
+    onToggleSidebar(): void;
+    submitSearch(): void;
+    isDropdown(item: NavbarItem): boolean;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<YsNavbar, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YsNavbar, "ys-navbar", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "brand": { "alias": "brand"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "endItems": { "alias": "endItems"; "required": false; "isSignal": true; }; "isSearch": { "alias": "isSearch"; "required": false; "isSignal": true; }; "searchLabel": { "alias": "searchLabel"; "required": false; "isSignal": true; }; "searchIconClass": { "alias": "searchIconClass"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "sidebarToggler": { "alias": "sidebarToggler"; "required": false; "isSignal": true; }; "sidebarTogglerIconClass": { "alias": "sidebarTogglerIconClass"; "required": false; "isSignal": true; }; "sidebarToggled": { "alias": "sidebarToggled"; "required": false; "isSignal": true; }; "rtl": { "alias": "rtl"; "required": false; "isSignal": true; }; }, { "sidebarToggled": "sidebarToggledChange"; "toggleSidebar": "toggleSidebar"; "search": "search"; }, never, never, true, never>;
+}
+
+export { YsNavbar };
+export type { NavbarBrand, NavbarItem };

package/types/yoozsoft-yoozsoft-ng-overlay.d.ts

@@ -0,0 +1,10 @@
+import * as _angular_core from '@angular/core';
+
+declare class YsOverlay {
+    show: _angular_core.InputSignal<boolean>;
+    onClick: _angular_core.OutputEmitterRef<MouseEvent>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<YsOverlay, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YsOverlay, "ys-overlay", never, { "show": { "alias": "show"; "required": false; "isSignal": true; }; }, { "onClick": "onClick"; }, never, never, true, never>;
+}
+
+export { YsOverlay };