@spicainternational/ngx-sds-components 8.8.1 → 9.0.0-beta.2

package/{src/lib/date-picker/date-picker.component.d.ts → types/spicainternational-ngx-sds-components-src-lib-date-picker.d.ts}

@@ -1,8 +1,51 @@
-import { ChangeDetectorRef, EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
-import { PeriodPickerDateRange, PeriodPickerDateRangeDefinition, PeriodPickerTranslations } from './date-picker.model';
-import { SdsDatePickerService } from './sds-date-picker.service';
-import * as i0 from "@angular/core";
-export declare class SdsDatePickerComponent implements OnInit, OnChanges {
+import * as _fortawesome_fontawesome_common_types from '@fortawesome/fontawesome-common-types';
+import * as i0 from '@angular/core';
+import { OnInit, OnChanges, EventEmitter, ChangeDetectorRef, SimpleChanges } from '@angular/core';
+
+declare class DateRangeTranslations {
+    custom: string;
+}
+declare class PeriodPickerDateRangeDefinition {
+    name: string;
+    type: 'dynamic' | 'fixed';
+    dynamicDateRangeDefinition?: PeriodPickerDateRangeDynamicDefinition;
+    dateFrom?: Date;
+    dateTo?: Date;
+    constructor(name: string, type?: 'dynamic' | 'fixed', dynamicDateRangeDefinition?: PeriodPickerDateRangeDynamicDefinition, dateFrom?: Date, dateTo?: Date);
+}
+declare class PeriodPickerDateRangeDynamicDefinition {
+    dimension: 'd' | 'w' | 'm' | 'y';
+    modifier: number;
+    constructor(dimension: 'd' | 'w' | 'm' | 'y', modifier: number);
+}
+declare class PeriodPickerDateRange {
+    name: string;
+    dateFrom?: Date;
+    dateTo?: Date;
+    constructor(name: string, dateFrom?: Date, dateTo?: Date);
+}
+declare class PeriodPickerDynamicDateRangeDefinitionGenerator {
+    static generateMonthlyRanges(currentMonthText: string, previousMonthText: string, nextMonthText: string): PeriodPickerDateRangeDefinition[];
+    static generateWeeklyRanges(currentWeekText: string, previousWeekText: string, nextWeekText: string): PeriodPickerDateRangeDefinition[];
+    static generateDailyRanges(currentDayText: string, previousDayText: string, nextDayText: string): PeriodPickerDateRangeDefinition[];
+}
+interface PeriodPickerTranslations {
+    cancel: string;
+    apply: string;
+    custom: string;
+    printLabel?: string;
+    presets?: string;
+}
+
+declare class SdsDatePickerService {
+    constructor();
+    getRange(currentStartDate: Date, currentEndDate: Date, direction: 'previous' | 'next'): [Date, Date];
+    getPredefinedDateRanges(dateRangeDefinitions: Array<PeriodPickerDateRangeDefinition>, referenceDay: Date, firstDayOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6): Array<PeriodPickerDateRange>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdsDatePickerService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SdsDatePickerService>;
+}
+
+declare class SdsDatePickerComponent implements OnInit, OnChanges {
     private changeRef;
     private datePickerService;
     displayContent: any;
@@ -76,11 +119,11 @@ export declare class SdsDatePickerComponent implements OnInit, OnChanges {
     lockBeforeDateHint?: string;
     previousButtonDisabled: boolean;
     nextButtonDisabled: boolean;
-    previousPeriodIcon: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    nextPeriodIcon: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    calendarIcon: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    toIcon: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    lockIcon: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    previousPeriodIcon: _fortawesome_fontawesome_common_types.IconDefinition;
+    nextPeriodIcon: _fortawesome_fontawesome_common_types.IconDefinition;
+    calendarIcon: _fortawesome_fontawesome_common_types.IconDefinition;
+    toIcon: _fortawesome_fontawesome_common_types.IconDefinition;
+    lockIcon: _fortawesome_fontawesome_common_types.IconDefinition;
     predefinedDateRanges: Array<PeriodPickerDateRange>;
     predefinedDateRangesGeneratedDate: Date | undefined;
     selectedDateRange: PeriodPickerDateRange;
@@ -161,3 +204,6 @@ export declare class SdsDatePickerComponent implements OnInit, OnChanges {
     static ɵfac: i0.ɵɵFactoryDeclaration<SdsDatePickerComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SdsDatePickerComponent, "sds-date-picker", never, { "selectionKind": { "alias": "selectionKind"; "required": false; }; "dateRangeDefinitions": { "alias": "dateRangeDefinitions"; "required": false; }; "selectedDate": { "alias": "selectedDate"; "required": false; }; "selectedDateStart": { "alias": "selectedDateStart"; "required": false; }; "singleDayFormatFn": { "alias": "singleDayFormatFn"; "required": false; }; "dateRangeFormatFn": { "alias": "dateRangeFormatFn"; "required": false; }; "selectedDateEnd": { "alias": "selectedDateEnd"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "locales": { "alias": "locales"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "validationError": { "alias": "validationError"; "required": false; }; "isValid": { "alias": "isValid"; "required": false; }; "disabledDates": { "alias": "disabledDates"; "required": false; }; "applyText": { "alias": "applyText"; "required": false; }; "cancelText": { "alias": "cancelText"; "required": false; }; "translations": { "alias": "translations"; "required": false; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; }; "dateRangeDefinitionsWidth": { "alias": "dateRangeDefinitionsWidth"; "required": false; }; "showPreviousAndNextButtons": { "alias": "showPreviousAndNextButtons"; "required": false; }; "width": { "alias": "width"; "required": false; }; "dropdownWrapperClass": { "alias": "dropdownWrapperClass"; "required": false; }; "dropdownWrapperId": { "alias": "dropdownWrapperId"; "required": false; }; "getPreviousDateCallback": { "alias": "getPreviousDateCallback"; "required": false; }; "getNextDateCallback": { "alias": "getNextDateCallback"; "required": false; }; "getPreviousRangeCallback": { "alias": "getPreviousRangeCallback"; "required": false; }; "getNextRangeCallback": { "alias": "getNextRangeCallback"; "required": false; }; "useCustomDisplayContent": { "alias": "useCustomDisplayContent"; "required": false; }; "displayPredefinedDateRangeName": { "alias": "displayPredefinedDateRangeName"; "required": false; }; "style": { "alias": "style"; "required": false; }; "compactStyleDisplay": { "alias": "compactStyleDisplay"; "required": false; }; "dateInputDisplayFormat": { "alias": "dateInputDisplayFormat"; "required": false; }; "componentAriaLabel": { "alias": "componentAriaLabel"; "required": false; }; "openDateRangeDefinitionsAriaLabel": { "alias": "openDateRangeDefinitionsAriaLabel"; "required": false; }; "nextPeriodAriaLabel": { "alias": "nextPeriodAriaLabel"; "required": false; }; "previousPeriodAriaLabel": { "alias": "previousPeriodAriaLabel"; "required": false; }; "lockBeforeDate": { "alias": "lockBeforeDate"; "required": false; }; "lockBeforeDateHint": { "alias": "lockBeforeDateHint"; "required": false; }; "previousButtonDisabled": { "alias": "previousButtonDisabled"; "required": false; }; "nextButtonDisabled": { "alias": "nextButtonDisabled"; "required": false; }; }, { "selectedDateChange": "selectedDateChange"; "selectedDateStartChange": "selectedDateStartChange"; "selectedDateEndChange": "selectedDateEndChange"; "periodChange": "periodChange"; "predefinedRangeSelected": "predefinedRangeSelected"; "calendarVisibleChange": "calendarVisibleChange"; }, ["displayContent"], ["display", "display"], true, never>;
 }
+
+export { DateRangeTranslations, PeriodPickerDateRange, PeriodPickerDateRangeDefinition, PeriodPickerDateRangeDynamicDefinition, PeriodPickerDynamicDateRangeDefinitionGenerator, SdsDatePickerComponent };
+export type { PeriodPickerTranslations };

package/types/spicainternational-ngx-sds-components-src-lib-date-pipes.d.ts

@@ -0,0 +1,82 @@
+import * as i0 from '@angular/core';
+import { PipeTransform } from '@angular/core';
+import { IntlDateTimeFormatOptionPresetType } from '@spicainternational/ngx-sds-components/src/lib/utils/date-time';
+
+/**
+ * Common Intl.DateTimeFormatOptions constants for consistent date/time formatting
+ */
+declare const DATE_NUMERIC_MONTH_OPTIONS: Intl.DateTimeFormatOptions;
+declare const DATE_SHORT_MONTH_OPTIONS: Intl.DateTimeFormatOptions;
+declare const DATE_LONG_MONTH_OPTIONS: Intl.DateTimeFormatOptions;
+declare const DATE_LONG_MONTH_LONG_WEEKDAY_OPTIONS: Intl.DateTimeFormatOptions;
+declare const DATE_LONG_MONTH_SHORT_WEEKDAY_OPTIONS: Intl.DateTimeFormatOptions;
+declare const TIME_HOUR_NUMERIC_OPTION: Intl.DateTimeFormatOptions;
+declare const TIME_HOUR_2DIGIT_OPTION: Intl.DateTimeFormatOptions;
+declare const TIME_HOUR_NUMERIC_SECONDS_OPTION: Intl.DateTimeFormatOptions;
+declare const DATE_TIME_FORMAT_OPTIONS: {
+    readonly DATE_NUMERIC_MONTH: Intl.DateTimeFormatOptions;
+    readonly DATE_SHORT_MONTH: Intl.DateTimeFormatOptions;
+    readonly DATE_LONG_MONTH: Intl.DateTimeFormatOptions;
+    readonly DATE_LONG_MONTH_LONG_WEEKDAY: Intl.DateTimeFormatOptions;
+    readonly DATE_LONG_MONTH_SHORT_WEEKDAY: Intl.DateTimeFormatOptions;
+    readonly TIME_HOUR_NUMERIC: Intl.DateTimeFormatOptions;
+    readonly TIME_HOUR_2DIGIT: Intl.DateTimeFormatOptions;
+    readonly TIME_HOUR_NUMERIC_SECONDS: Intl.DateTimeFormatOptions;
+};
+type DateTimeFormatOptionKeys = keyof typeof DATE_TIME_FORMAT_OPTIONS;
+
+/**
+ * @deprecated This pipe is deprecated and will be removed in a future release.
+ * Use sdsDateTimeRangeFormat pipe instead.
+ */
+declare class SdsDatePeriodFormatPipe implements PipeTransform {
+    transform(from: Date, to: Date, locales: string | Array<string>, options?: Intl.DateTimeFormatOptions, omitRedundantSegments?: boolean, periodSeparator?: string, omitCurrentYear?: boolean): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdsDatePeriodFormatPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<SdsDatePeriodFormatPipe, "sdsDatePeriodFormat", true>;
+}
+
+declare class SdsDateFormatPipe implements PipeTransform {
+    /**
+     * Formats date in given locale.
+     *
+     * @param date Date to be formatted.
+     * @param locale A locale code for the locale format rules to use.
+     * @param options An optional Intl.DateTimeFormatOptions parameter that can be used to fine-tune the output.
+     * @returns A string with formatted date
+     * @see [Intl docs](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl)
+     *
+     * @publicApi
+     */
+    transform(date: Date | number | string | undefined, locales: string | Array<string>, options?: Intl.DateTimeFormatOptions | IntlDateTimeFormatOptionPresetType): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdsDateFormatPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<SdsDateFormatPipe, "sdsDateFormat", true>;
+}
+
+declare class SdsDateTimeRangeFormatPipe implements PipeTransform {
+    /**
+     * Formats a date range using Intl.DateTimeFormat.formatRange
+     * @param startDate - The start date of the range
+     * @param endDate - The end date of the range
+     * @param locales - Locale(s) to use for formatting (optional, defaults to browser locale)
+     * @param options - Intl.DateTimeFormatOptions for customizing the format
+     * @returns Formatted date range string
+     */
+    transform(startDate: Date | string | number, endDate: Date | string | number, locales: string | string[], options: Intl.DateTimeFormatOptions): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdsDateTimeRangeFormatPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<SdsDateTimeRangeFormatPipe, "sdsDateTimeRangeFormat", true>;
+}
+
+declare class SdsDateTimeRangeDurationPipe implements PipeTransform {
+    transform(startDate: Date | string | number, endDate: Date | string | number): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdsDateTimeRangeDurationPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<SdsDateTimeRangeDurationPipe, "sdsDateTimeRangeDuration", true>;
+}
+
+declare class SdsDateComparePipe implements PipeTransform {
+    transform(date1: Date | string | number, date2: Date | string | number, operator: 'gt' | 'lt' | 'eq' | 'gte' | 'lte'): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdsDateComparePipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<SdsDateComparePipe, "sdsDateCompare", true>;
+}
+
+export { DATE_LONG_MONTH_LONG_WEEKDAY_OPTIONS, DATE_LONG_MONTH_OPTIONS, DATE_LONG_MONTH_SHORT_WEEKDAY_OPTIONS, DATE_NUMERIC_MONTH_OPTIONS, DATE_SHORT_MONTH_OPTIONS, DATE_TIME_FORMAT_OPTIONS, SdsDateComparePipe, SdsDateFormatPipe, SdsDatePeriodFormatPipe, SdsDateTimeRangeDurationPipe, SdsDateTimeRangeFormatPipe, TIME_HOUR_2DIGIT_OPTION, TIME_HOUR_NUMERIC_OPTION, TIME_HOUR_NUMERIC_SECONDS_OPTION };
+export type { DateTimeFormatOptionKeys };

package/{src/lib/drawer/drawer.component.d.ts → types/spicainternational-ngx-sds-components-src-lib-drawer.d.ts}

@@ -1,5 +1,6 @@
-import * as i0 from "@angular/core";
-export declare class SdsDrawerComponent {
+import * as i0 from '@angular/core';
+
+declare class SdsDrawerComponent {
     isOpen: boolean;
     showShadow: boolean;
     backgroundColor: string;
@@ -22,3 +23,5 @@ export declare class SdsDrawerComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<SdsDrawerComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SdsDrawerComponent, "sds-drawer", never, { "isOpen": { "alias": "isOpen"; "required": false; }; "showShadow": { "alias": "showShadow"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "borderColor": { "alias": "borderColor"; "required": false; }; "transitionTimingFunction": { "alias": "transitionTimingFunction"; "required": false; }; "transitionDuration": { "alias": "transitionDuration"; "required": false; }; "width": { "alias": "width"; "required": false; }; "position": { "alias": "position"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
+
+export { SdsDrawerComponent };

package/{src/lib/duration-box/duration-box.component.d.ts → types/spicainternational-ngx-sds-components-src-lib-duration-box.d.ts}

@@ -1,7 +1,18 @@
-import { AfterViewInit, EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
-import { DurationBoxRangeViolationHandling } from './duration-box.types';
-import { DurationService } from './duration.service';
-import * as i0 from "@angular/core";
+import * as i0 from '@angular/core';
+import { OnInit, OnChanges, AfterViewInit, EventEmitter, SimpleChanges } from '@angular/core';
+
+type DurationBoxRangeViolationHandling = 'autoResolve' | 'markAsInvalid';
+
+declare class DurationService {
+    constructor();
+    resolve(input: string): number | null;
+    isValidInput(input: string): boolean;
+    getDefaultValue(min?: number, max?: number): number;
+    isValueWithinLimits(value: number, min?: number, max?: number): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DurationService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<DurationService>;
+}
+
 /**
  * Component allows user to enter duration in h:mm format. User may also select no value is this is applicable to the
  * use case. A list of pre-defined durations can be provided for easier selection.
@@ -12,7 +23,7 @@ import * as i0 from "@angular/core";
  * @export
  * @class SdsDurationBoxComponent
  */
-export declare class SdsDurationBoxComponent implements OnInit, OnChanges, AfterViewInit {
+declare class SdsDurationBoxComponent implements OnInit, OnChanges, AfterViewInit {
     private _durationInputResolver;
     /**
      * Duration length expressed in minutes; when we allow empty values this property can be null.
@@ -135,3 +146,5 @@ export declare class SdsDurationBoxComponent implements OnInit, OnChanges, After
     static ɵfac: i0.ɵɵFactoryDeclaration<SdsDurationBoxComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SdsDurationBoxComponent, "sds-duration-box", never, { "value": { "alias": "value"; "required": false; }; "allowEmptyValue": { "alias": "allowEmptyValue"; "required": false; }; "emptyValueText": { "alias": "emptyValueText"; "required": false; }; "options": { "alias": "options"; "required": false; }; "width": { "alias": "width"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "showClearButton": { "alias": "showClearButton"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "rangeViolationHandling": { "alias": "rangeViolationHandling"; "required": false; }; "rangeViolationText": { "alias": "rangeViolationText"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
 }
+
+export { SdsDurationBoxComponent };

package/{src/lib/duration-pipe/duration-format.pipe.d.ts → types/spicainternational-ngx-sds-components-src-lib-duration-pipe.d.ts}

@@ -1,7 +1,10 @@
+import * as i0 from '@angular/core';
 import { PipeTransform } from '@angular/core';
-import * as i0 from "@angular/core";
-export declare class SdsDurationFormatPipe implements PipeTransform {
+
+declare class SdsDurationFormatPipe implements PipeTransform {
     transform(value: number | null, emptyValueText?: string): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdsDurationFormatPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<SdsDurationFormatPipe, "sdsDurationFormat", true>;
 }
+
+export { SdsDurationFormatPipe };

package/{src/lib/ellipsis/directives/ellipsis.directive.d.ts → types/spicainternational-ngx-sds-components-src-lib-ellipsis.d.ts}

@@ -1,6 +1,7 @@
+import * as i0 from '@angular/core';
 import { AfterViewInit, ElementRef, Renderer2 } from '@angular/core';
-import * as i0 from "@angular/core";
-export declare class SdsEllipsisDirective implements AfterViewInit {
+
+declare class SdsEllipsisDirective implements AfterViewInit {
     private elementRef;
     private renderer;
     tooltipText?: string;
@@ -11,3 +12,5 @@ export declare class SdsEllipsisDirective implements AfterViewInit {
     static ɵfac: i0.ɵɵFactoryDeclaration<SdsEllipsisDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<SdsEllipsisDirective, "[sdsEllipsis]", never, { "tooltipText": { "alias": "tooltipText"; "required": false; }; }, {}, never, never, true, never>;
 }
+
+export { SdsEllipsisDirective };

package/{src/lib/expansion-panel/expansion-panel.component.d.ts → types/spicainternational-ngx-sds-components-src-lib-expansion-panel.d.ts}

@@ -1,8 +1,11 @@
+import * as i0 from '@angular/core';
 import { EventEmitter } from '@angular/core';
-import { CaretPlacement, HeaderSize } from './expansion-panel.types';
 import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
-import * as i0 from "@angular/core";
-export declare class SdsExpansionPanelComponent {
+
+type CaretPlacement = 'nextToHeader' | 'farEnd';
+type HeaderSize = 'default' | 'small';
+
+declare class SdsExpansionPanelComponent {
     headerIcon?: IconDefinition;
     headerText?: string;
     headerSideText?: string;
@@ -50,3 +53,5 @@ export declare class SdsExpansionPanelComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<SdsExpansionPanelComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SdsExpansionPanelComponent, "sds-expansion-panel", never, { "headerIcon": { "alias": "headerIcon"; "required": false; }; "headerText": { "alias": "headerText"; "required": false; }; "headerSideText": { "alias": "headerSideText"; "required": false; }; "hideHeader": { "alias": "hideHeader"; "required": false; }; "headerId": { "alias": "headerId"; "required": false; }; "animateCaret": { "alias": "animateCaret"; "required": false; }; "animatePanel": { "alias": "animatePanel"; "required": false; }; "hoverColor": { "alias": "hoverColor"; "required": false; }; "showBackground": { "alias": "showBackground"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "caretPlacement": { "alias": "caretPlacement"; "required": false; }; "descriptionText": { "alias": "descriptionText"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "expandPanelText": { "alias": "expandPanelText"; "required": false; }; "collapsePanelText": { "alias": "collapsePanelText"; "required": false; }; "headerSize": { "alias": "headerSize"; "required": false; }; }, { "isOpenChange": "isOpenChange"; }, never, ["[contentOnClosed]", "*"], true, never>;
 }
+
+export { SdsExpansionPanelComponent };

package/{src/lib/highlight-text/directives/highlight-text.directive.d.ts → types/spicainternational-ngx-sds-components-src-lib-highlight-text.d.ts}

@@ -1,7 +1,8 @@
-import { ElementRef } from '@angular/core';
+import * as i0 from '@angular/core';
+import { ElementRef, PipeTransform } from '@angular/core';
 import { DomSanitizer } from '@angular/platform-browser';
-import * as i0 from "@angular/core";
-export declare class SdsHighlightTextDirective {
+
+declare class SdsHighlightTextDirective {
     private readonly _elementRef;
     private readonly _sanitizer;
     /**
@@ -31,3 +32,14 @@ export declare class SdsHighlightTextDirective {
     static ɵfac: i0.ɵɵFactoryDeclaration<SdsHighlightTextDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<SdsHighlightTextDirective, "[sdsHighlightText]", never, { "additionalClasses": { "alias": "additionalClasses"; "required": false; }; "highlightText": { "alias": "highlightText"; "required": false; }; }, {}, never, never, true, never>;
 }
+
+declare class SdsHighlightTextPipe implements PipeTransform {
+    private readonly _elementRef;
+    private readonly _sanitizer;
+    constructor(_elementRef: ElementRef, _sanitizer: DomSanitizer);
+    transform(highlightText: string, stringToBeChecked: string, additionalClasses?: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdsHighlightTextPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<SdsHighlightTextPipe, "sdsHighlightText", true>;
+}
+
+export { SdsHighlightTextDirective, SdsHighlightTextPipe };

package/types/spicainternational-ngx-sds-components-src-lib-intersection.d.ts

@@ -0,0 +1,44 @@
+import * as i0 from '@angular/core';
+import { ElementRef, OnInit, OnDestroy, AfterViewInit, EventEmitter } from '@angular/core';
+import { Observable } from 'rxjs';
+
+declare class SdsIntersectionService {
+    private _documentVisible$;
+    constructor(document: any);
+    /**
+     * @description
+     * Method responsible for determining if element is visible
+     * on screen or not. Please
+     * @see https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API for options meaning
+     * @param { ElementRef } element
+     * @param { IntersectionObserverInit } options
+     * @returns { Observable<boolean> }
+     */
+    elementInSight$(element: ElementRef, options?: IntersectionObserverInit): Observable<boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdsIntersectionService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SdsIntersectionService>;
+}
+
+declare class SdsIntersectionDirective implements OnInit, OnDestroy, AfterViewInit {
+    private readonly _element;
+    private readonly _intersectionService;
+    /**
+     *
+     */
+    get intersectionOptions(): IntersectionObserverInit | undefined;
+    set intersectionOptions(value: IntersectionObserverInit | undefined);
+    /**
+     * Emits current visibility status
+     */
+    elementInSight: EventEmitter<boolean>;
+    private _intersectionOptions;
+    private _subscriptions;
+    constructor(_element: ElementRef, _intersectionService: SdsIntersectionService);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdsIntersectionDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SdsIntersectionDirective, "[sdsIntersection]", never, { "intersectionOptions": { "alias": "intersectionOptions"; "required": false; }; }, { "elementInSight": "elementInSight"; }, never, never, true, never>;
+}
+
+export { SdsIntersectionDirective, SdsIntersectionService };

package/types/spicainternational-ngx-sds-components-src-lib-keyboard-shortcut.d.ts

@@ -0,0 +1,20 @@
+import * as _angular_core from '@angular/core';
+import { OnInit } from '@angular/core';
+
+declare class SdsKeyboardShortcutDirective implements OnInit {
+    private readonly _document;
+    private readonly _destroyRef;
+    /**
+     * Emitted when user presses Escape
+     */
+    closeShortcut: _angular_core.OutputEmitterRef<void>;
+    /**
+     * Emitted when user presses ctrl+Enter or cmd+Enter
+     */
+    saveRecordShortcut: _angular_core.OutputEmitterRef<void>;
+    ngOnInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdsKeyboardShortcutDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SdsKeyboardShortcutDirective, "[sdsKeyboardShortcut]", never, {}, { "closeShortcut": "closeShortcut"; "saveRecordShortcut": "saveRecordShortcut"; }, never, never, true, never>;
+}
+
+export { SdsKeyboardShortcutDirective };

package/types/spicainternational-ngx-sds-components-src-lib-layout.d.ts

@@ -0,0 +1,39 @@
+import * as i0 from '@angular/core';
+import { OnInit } from '@angular/core';
+
+declare class SdsDefaultLayoutComponent implements OnInit {
+    constructor();
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdsDefaultLayoutComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdsDefaultLayoutComponent, "sds-default-layout", never, {}, {}, never, never, true, never>;
+}
+
+declare class SdsFluidLayoutComponent implements OnInit {
+    constructor();
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdsFluidLayoutComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdsFluidLayoutComponent, "sds-fluid-layout", never, {}, {}, never, never, true, never>;
+}
+
+declare class SdsSmallLayoutComponent implements OnInit {
+    constructor();
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdsSmallLayoutComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdsSmallLayoutComponent, "sds-small-layout", never, {}, {}, never, never, true, never>;
+}
+
+declare class SdsMediumLayoutComponent implements OnInit {
+    constructor();
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdsMediumLayoutComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdsMediumLayoutComponent, "sds-medium-layout", never, {}, {}, never, never, true, never>;
+}
+
+declare class SdsExtraLargeLayoutComponent implements OnInit {
+    constructor();
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdsExtraLargeLayoutComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdsExtraLargeLayoutComponent, "sds-extra-large-layout", never, {}, {}, never, never, true, never>;
+}
+
+export { SdsDefaultLayoutComponent, SdsExtraLargeLayoutComponent, SdsFluidLayoutComponent, SdsMediumLayoutComponent, SdsSmallLayoutComponent };

package/{src/lib/message/message.component.d.ts → types/spicainternational-ngx-sds-components-src-lib-message.d.ts}

@@ -1,7 +1,8 @@
-import { ElementRef, EventEmitter, OnInit } from '@angular/core';
+import * as i0 from '@angular/core';
+import { OnInit, EventEmitter, ElementRef } from '@angular/core';
 import { IconProp } from '@fortawesome/fontawesome-svg-core';
-import * as i0 from "@angular/core";
-export declare class SdsMessageComponent implements OnInit {
+
+declare class SdsMessageComponent implements OnInit {
     icon?: IconProp;
     text: string;
     showCloseButton: boolean;
@@ -22,3 +23,5 @@ export declare class SdsMessageComponent implements OnInit {
     static ɵfac: i0.ɵɵFactoryDeclaration<SdsMessageComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SdsMessageComponent, "sds-message", never, { "icon": { "alias": "icon"; "required": false; }; "text": { "alias": "text"; "required": false; }; "showCloseButton": { "alias": "showCloseButton"; "required": false; }; "showLearnMoreLink": { "alias": "showLearnMoreLink"; "required": false; }; "learnMoreLinkText": { "alias": "learnMoreLinkText"; "required": false; }; "learnMoreLinkUrl": { "alias": "learnMoreLinkUrl"; "required": false; }; "showAction": { "alias": "showAction"; "required": false; }; "actionText": { "alias": "actionText"; "required": false; }; "style": { "alias": "style"; "required": false; }; }, { "close": "close"; "actionClick": "actionClick"; }, ["customContent"], ["customContent"], true, never>;
 }
+
+export { SdsMessageComponent };

package/types/spicainternational-ngx-sds-components-src-lib-modal.d.ts

@@ -0,0 +1,127 @@
+import * as _fortawesome_fontawesome_common_types from '@fortawesome/fontawesome-common-types';
+import * as i0 from '@angular/core';
+import { OnInit, OnChanges, ElementRef, EventEmitter, SimpleChanges } from '@angular/core';
+
+interface ModalTranslations {
+    close?: string;
+}
+
+declare class SdsModalComponent implements OnInit, OnChanges {
+    headerContent: ElementRef;
+    modalTitle?: string;
+    showHeader: boolean;
+    showFooter: boolean;
+    size: 'sm' | 'md' | 'lg' | 'xl' | '820' | 'xxl';
+    modalDialogId?: string;
+    showCloseButton: boolean;
+    autoFocusCloseButton: boolean;
+    translations: ModalTranslations;
+    isScrollable: boolean;
+    isVerticallyCentered: boolean;
+    closeOnEscape: boolean;
+    downSizing: 'discrete' | 'continuous';
+    /**
+     * Allow the modal to be draggable by the user. Default is true.
+     *
+     * @memberof SdsModalComponent
+     */
+    isDraggable: boolean;
+    /**
+     * Constrain modal to the viewport. Default is true.
+     *
+     * @memberof SdsModalComponent
+     */
+    isDragConstrained: boolean;
+    /**
+     * @description
+     * Label for the close button, used for accessibility.
+     * If not provided, it will fall back to the default translation for "close".
+     */
+    closeButtonLabel: i0.InputSignal<string | undefined>;
+    /**
+     * @deprecated Use isOpenChange instead
+     */
+    modalOpen: EventEmitter<void>;
+    /**
+     * @deprecated Use isOpenChange instead
+     */
+    modalClose: EventEmitter<void>;
+    closeClick: EventEmitter<void>;
+    closeEscapeKeypress: EventEmitter<void>;
+    closeIcon: _fortawesome_fontawesome_common_types.IconDefinition;
+    isOpen: boolean;
+    isOpenChange: EventEmitter<boolean>;
+    private _modal;
+    private _closeButton;
+    constructor();
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnInit(): void;
+    open(): void;
+    close(): void;
+    onCloseButtonClick(): void;
+    onKeydown(event: KeyboardEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdsModalComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdsModalComponent, "sds-modal", never, { "modalTitle": { "alias": "modalTitle"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "showFooter": { "alias": "showFooter"; "required": false; }; "size": { "alias": "size"; "required": false; }; "modalDialogId": { "alias": "modalDialogId"; "required": false; }; "showCloseButton": { "alias": "showCloseButton"; "required": false; }; "autoFocusCloseButton": { "alias": "autoFocusCloseButton"; "required": false; }; "translations": { "alias": "translations"; "required": false; }; "isScrollable": { "alias": "isScrollable"; "required": false; }; "isVerticallyCentered": { "alias": "isVerticallyCentered"; "required": false; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; }; "downSizing": { "alias": "downSizing"; "required": false; }; "isDraggable": { "alias": "isDraggable"; "required": false; }; "isDragConstrained": { "alias": "isDragConstrained"; "required": false; }; "closeButtonLabel": { "alias": "closeButtonLabel"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; }; }, { "modalOpen": "modalOpen"; "modalClose": "modalClose"; "closeClick": "closeClick"; "closeEscapeKeypress": "closeEscapeKeypress"; "isOpenChange": "isOpenChange"; }, ["headerContent"], ["header", "*", "footer"], true, never>;
+}
+
+type ButtonType = 'button' | 'submit' | 'reset';
+
+type modalButton = 'primary' | 'secondary' | 'close';
+declare class SdsDialogComponent implements OnInit {
+    /**
+     * @deprecated Use dialogTitle instead
+     */
+    title: string;
+    dialogTitle: string;
+    closeText?: string;
+    size: 'sm' | 'md' | 'lg' | 'xl';
+    primaryButtonText: string;
+    primaryButtonClass: string;
+    primaryButtonType: ButtonType;
+    primaryButtonId?: string;
+    primaryButtonDisabled: boolean;
+    secondaryButtonText: string;
+    secondaryButtonClass: string;
+    secondaryButtonType: ButtonType;
+    secondaryButtonId?: string;
+    secondaryButtonDisabled: boolean;
+    closeOnEscape: boolean;
+    showHeader: boolean;
+    showCloseButton: boolean;
+    showPrimaryButton: boolean;
+    showSecondaryButton: boolean;
+    autofocusElement: 'primary' | 'secondary' | 'close' | 'content';
+    modalDialogId?: string;
+    /**
+     * @deprecated Use isOpenChange instead
+     */
+    dialogOpen: EventEmitter<void>;
+    /**
+     * @deprecated Use isOpenChange instead
+     */
+    dialogClose: EventEmitter<void>;
+    isOpen: boolean;
+    isOpenChange: EventEmitter<boolean>;
+    primaryButtonClick: EventEmitter<void>;
+    secondaryButtonClick: EventEmitter<void>;
+    private _modal;
+    private _content?;
+    private _primaryButton?;
+    private _secondaryButton?;
+    private _callback?;
+    private _callbackData;
+    constructor();
+    ngOnInit(): void;
+    open(callback?: (button: modalButton, data: any) => void, data?: any): void;
+    private close;
+    onSecondaryClick(): void;
+    onPrimaryClick(): void;
+    onCloseClick(): void;
+    onCloseEscapeKeypress(): void;
+    onModalClose(): void;
+    onModalOpen(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdsDialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdsDialogComponent, "sds-dialog", never, { "title": { "alias": "title"; "required": false; }; "dialogTitle": { "alias": "dialogTitle"; "required": false; }; "closeText": { "alias": "closeText"; "required": false; }; "size": { "alias": "size"; "required": false; }; "primaryButtonText": { "alias": "primaryButtonText"; "required": false; }; "primaryButtonClass": { "alias": "primaryButtonClass"; "required": false; }; "primaryButtonType": { "alias": "primaryButtonType"; "required": false; }; "primaryButtonId": { "alias": "primaryButtonId"; "required": false; }; "primaryButtonDisabled": { "alias": "primaryButtonDisabled"; "required": false; }; "secondaryButtonText": { "alias": "secondaryButtonText"; "required": false; }; "secondaryButtonClass": { "alias": "secondaryButtonClass"; "required": false; }; "secondaryButtonType": { "alias": "secondaryButtonType"; "required": false; }; "secondaryButtonId": { "alias": "secondaryButtonId"; "required": false; }; "secondaryButtonDisabled": { "alias": "secondaryButtonDisabled"; "required": false; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "showCloseButton": { "alias": "showCloseButton"; "required": false; }; "showPrimaryButton": { "alias": "showPrimaryButton"; "required": false; }; "showSecondaryButton": { "alias": "showSecondaryButton"; "required": false; }; "autofocusElement": { "alias": "autofocusElement"; "required": false; }; "modalDialogId": { "alias": "modalDialogId"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; }, { "dialogOpen": "dialogOpen"; "dialogClose": "dialogClose"; "isOpenChange": "isOpenChange"; "primaryButtonClick": "primaryButtonClick"; "secondaryButtonClick": "secondaryButtonClick"; }, never, ["*"], true, never>;
+}
+
+export { SdsDialogComponent, SdsModalComponent };