@spicainternational/ngx-sds-components 2.32.2 → 2.33.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spicainternational/ngx-sds-components",
-  "version": "2.32.2",
+  "version": "2.33.1",
   "description": "Spica design system angular components.",
   "peerDependencies": {
     "@angular/common": ">=13.3.0",
@@ -11,7 +11,7 @@
     "@fortawesome/pro-light-svg-icons": "^6.1.0",
     "@fortawesome/pro-regular-svg-icons": "^6.1.0",
     "@fortawesome/pro-solid-svg-icons": "^6.1.0",
-    "@spicainternational/sds-bootstrap": "^2",
+    "@spicainternational/sds-bootstrap": "^2.10",
     "@spicainternational/sds-core": "^3",
     "devextreme": ">=19.0.0",
     "devextreme-angular": ">=19.0.0",
@@ -118,6 +118,14 @@
       "node": "./fesm2015/spicainternational-ngx-sds-components-src-lib-expansion-panel.mjs",
       "default": "./fesm2020/spicainternational-ngx-sds-components-src-lib-expansion-panel.mjs"
     },
+    "./src/lib/highlight-text": {
+      "types": "./src/lib/highlight-text/spicainternational-ngx-sds-components-src-lib-highlight-text.d.ts",
+      "esm2020": "./esm2020/src/lib/highlight-text/spicainternational-ngx-sds-components-src-lib-highlight-text.mjs",
+      "es2020": "./fesm2020/spicainternational-ngx-sds-components-src-lib-highlight-text.mjs",
+      "es2015": "./fesm2015/spicainternational-ngx-sds-components-src-lib-highlight-text.mjs",
+      "node": "./fesm2015/spicainternational-ngx-sds-components-src-lib-highlight-text.mjs",
+      "default": "./fesm2020/spicainternational-ngx-sds-components-src-lib-highlight-text.mjs"
+    },
     "./src/lib/layout": {
       "types": "./src/lib/layout/spicainternational-ngx-sds-components-src-lib-layout.d.ts",
       "esm2020": "./esm2020/src/lib/layout/spicainternational-ngx-sds-components-src-lib-layout.mjs",
@@ -126,6 +134,14 @@
       "node": "./fesm2015/spicainternational-ngx-sds-components-src-lib-layout.mjs",
       "default": "./fesm2020/spicainternational-ngx-sds-components-src-lib-layout.mjs"
     },
+    "./src/lib/message": {
+      "types": "./src/lib/message/spicainternational-ngx-sds-components-src-lib-message.d.ts",
+      "esm2020": "./esm2020/src/lib/message/spicainternational-ngx-sds-components-src-lib-message.mjs",
+      "es2020": "./fesm2020/spicainternational-ngx-sds-components-src-lib-message.mjs",
+      "es2015": "./fesm2015/spicainternational-ngx-sds-components-src-lib-message.mjs",
+      "node": "./fesm2015/spicainternational-ngx-sds-components-src-lib-message.mjs",
+      "default": "./fesm2020/spicainternational-ngx-sds-components-src-lib-message.mjs"
+    },
     "./src/lib/modal": {
       "types": "./src/lib/modal/spicainternational-ngx-sds-components-src-lib-modal.d.ts",
       "esm2020": "./esm2020/src/lib/modal/spicainternational-ngx-sds-components-src-lib-modal.mjs",

package/public-api.d.ts

@@ -8,7 +8,9 @@ export * from '@spicainternational/ngx-sds-components/src/lib/date-picker';
 export * from '@spicainternational/ngx-sds-components/src/lib/date-pipes';
 export * from '@spicainternational/ngx-sds-components/src/lib/duration-pipe';
 export * from '@spicainternational/ngx-sds-components/src/lib/duration-box';
+export * from '@spicainternational/ngx-sds-components/src/lib/highlight-text';
 export * from '@spicainternational/ngx-sds-components/src/lib/layout';
+export * from '@spicainternational/ngx-sds-components/src/lib/message';
 export * from '@spicainternational/ngx-sds-components/src/lib/modal';
 export * from '@spicainternational/ngx-sds-components/src/lib/navigation';
 export * from '@spicainternational/ngx-sds-components/src/lib/page-header';

package/src/lib/date-picker/date-picker.component.d.ts

@@ -35,6 +35,7 @@ export declare class SdsDatePickerComponent implements OnInit, OnChanges {
     getNextDateCallback: (currentDate: string | number | Date) => string | number | Date;
     getPreviousRangeCallback: (currentStartDate: string | number | Date, currentEndDate: string | number | Date) => [string | number | Date, string | number | Date];
     getNextRangeCallback: (currentStartDate: string | number | Date, currentEndDate: string | number | Date) => [string | number | Date, string | number | Date];
+    useCustomDisplayContent: boolean;
     previousPeriodIcon: import("@fortawesome/fontawesome-common-types").IconDefinition;
     nextPeriodIcon: import("@fortawesome/fontawesome-common-types").IconDefinition;
     calendarIcon: import("@fortawesome/fontawesome-common-types").IconDefinition;
@@ -107,5 +108,5 @@ export declare class SdsDatePickerComponent implements OnInit, OnChanges {
     private formatDate;
     private generateDateRanges;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdsDatePickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdsDatePickerComponent, "sds-date-picker", never, { "selectionKind": "selectionKind"; "dateRangeDefinitions": "dateRangeDefinitions"; "selectedDate": "selectedDate"; "selectedDateStart": "selectedDateStart"; "selectedDateEnd": "selectedDateEnd"; "minDate": "minDate"; "maxDate": "maxDate"; "locales": "locales"; "disabled": "disabled"; "validationError": "validationError"; "isValid": "isValid"; "disabledDates": "disabledDates"; "applyText": "applyText"; "cancelText": "cancelText"; "translations": "translations"; "firstDayOfWeek": "firstDayOfWeek"; "dateRangeDefinitionsWidth": "dateRangeDefinitionsWidth"; "showPreviousAndNextButtons": "showPreviousAndNextButtons"; "width": "width"; "dropdownWrapperClass": "dropdownWrapperClass"; "dropdownWrapperId": "dropdownWrapperId"; "getPreviousDateCallback": "getPreviousDateCallback"; "getNextDateCallback": "getNextDateCallback"; "getPreviousRangeCallback": "getPreviousRangeCallback"; "getNextRangeCallback": "getNextRangeCallback"; }, { "selectedDateChange": "selectedDateChange"; "selectedDateStartChange": "selectedDateStartChange"; "selectedDateEndChange": "selectedDateEndChange"; "periodChange": "periodChange"; }, ["displayContent"], ["display"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdsDatePickerComponent, "sds-date-picker", never, { "selectionKind": "selectionKind"; "dateRangeDefinitions": "dateRangeDefinitions"; "selectedDate": "selectedDate"; "selectedDateStart": "selectedDateStart"; "selectedDateEnd": "selectedDateEnd"; "minDate": "minDate"; "maxDate": "maxDate"; "locales": "locales"; "disabled": "disabled"; "validationError": "validationError"; "isValid": "isValid"; "disabledDates": "disabledDates"; "applyText": "applyText"; "cancelText": "cancelText"; "translations": "translations"; "firstDayOfWeek": "firstDayOfWeek"; "dateRangeDefinitionsWidth": "dateRangeDefinitionsWidth"; "showPreviousAndNextButtons": "showPreviousAndNextButtons"; "width": "width"; "dropdownWrapperClass": "dropdownWrapperClass"; "dropdownWrapperId": "dropdownWrapperId"; "getPreviousDateCallback": "getPreviousDateCallback"; "getNextDateCallback": "getNextDateCallback"; "getPreviousRangeCallback": "getPreviousRangeCallback"; "getNextRangeCallback": "getNextRangeCallback"; "useCustomDisplayContent": "useCustomDisplayContent"; }, { "selectedDateChange": "selectedDateChange"; "selectedDateStartChange": "selectedDateStartChange"; "selectedDateEndChange": "selectedDateEndChange"; "periodChange": "periodChange"; }, ["displayContent"], ["display"]>;
 }

package/src/lib/highlight-text/directives/highlight-text.directive.d.ts

@@ -0,0 +1,33 @@
+import { ElementRef } from '@angular/core';
+import { DomSanitizer } from '@angular/platform-browser';
+import * as i0 from "@angular/core";
+export declare class HighlightTextDirective {
+    private readonly _elementRef;
+    private readonly _sanitizer;
+    /**
+       * INPUTS
+       */
+    /**
+     * CSS classes to be appended to the marked text
+     */
+    additionalClasses: string;
+    /**
+     * Search term that should be found
+     */
+    private _search;
+    get highlightText(): string;
+    set highlightText(value: string);
+    /**
+     * OTHER PROPS
+     */
+    content: string;
+    /**
+     * For now make this case insensitive. We might change this to
+     * input latter if needed
+     */
+    protected caseSensitive: boolean;
+    constructor(_elementRef: ElementRef, _sanitizer: DomSanitizer);
+    protected markSearchedText(highlightText: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HighlightTextDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HighlightTextDirective, "[highlightText]", never, { "additionalClasses": "additionalClasses"; "highlightText": "highlightText"; }, {}, never>;
+}

package/src/lib/highlight-text/directives/index.d.ts

@@ -0,0 +1 @@
+export * from './highlight-text.directive';

package/src/lib/highlight-text/highlight-text.module.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./directives/highlight-text.directive";
+import * as i2 from "./pipes/highlight-text.pipe";
+import * as i3 from "@angular/common";
+export declare class SdsHighlightTextModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdsHighlightTextModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SdsHighlightTextModule, [typeof i1.HighlightTextDirective, typeof i2.HighlightTextPipe], [typeof i3.CommonModule], [typeof i1.HighlightTextDirective, typeof i2.HighlightTextPipe]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SdsHighlightTextModule>;
+}

package/src/lib/highlight-text/package.json

@@ -0,0 +1,10 @@
+{
+  "module": "../../../fesm2015/spicainternational-ngx-sds-components-src-lib-highlight-text.mjs",
+  "es2020": "../../../fesm2020/spicainternational-ngx-sds-components-src-lib-highlight-text.mjs",
+  "esm2020": "../../../esm2020/src/lib/highlight-text/spicainternational-ngx-sds-components-src-lib-highlight-text.mjs",
+  "fesm2020": "../../../fesm2020/spicainternational-ngx-sds-components-src-lib-highlight-text.mjs",
+  "fesm2015": "../../../fesm2015/spicainternational-ngx-sds-components-src-lib-highlight-text.mjs",
+  "typings": "spicainternational-ngx-sds-components-src-lib-highlight-text.d.ts",
+  "sideEffects": false,
+  "name": "@spicainternational/ngx-sds-components/src/lib/highlight-text"
+}

package/src/lib/highlight-text/pipes/highlight-text.pipe.d.ts

@@ -0,0 +1,11 @@
+import { ElementRef, PipeTransform } from '@angular/core';
+import { DomSanitizer } from '@angular/platform-browser';
+import * as i0 from "@angular/core";
+export declare class HighlightTextPipe 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<HighlightTextPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<HighlightTextPipe, "highlightText">;
+}

package/src/lib/highlight-text/pipes/index.d.ts

@@ -0,0 +1 @@
+export * from './highlight-text.pipe';

package/src/lib/highlight-text/public-api.d.ts

@@ -0,0 +1,3 @@
+export * from './highlight-text.module';
+export * from './directives';
+export * from './pipes';

package/src/lib/highlight-text/spicainternational-ngx-sds-components-src-lib-highlight-text.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@spicainternational/ngx-sds-components/src/lib/highlight-text" />
+export * from './public-api';

package/src/lib/highlight-text/utils/highlight-text.utils.d.ts

@@ -0,0 +1,23 @@
+import { DomSanitizer } from '@angular/platform-browser';
+/**
+ * @public @function escapeRegex
+ * @description
+ * Function responsible for substitution of chars that are a no-go for regex
+ * @param { string } phrase
+ * @returns { string }
+ */
+export declare const escapeRegex: (phrase: string) => string;
+/**
+ * @public @function highlightSearchedText
+ * @description
+ * Function responsible for returning html string
+ * with included marker that contains string that matches
+ * provided search phrase
+ * @param { string } highlightText
+ * @param { string } stringToBeChecked
+ * @param { string } existingHtmlContent
+ * @param { string } additionalClasses
+ * @param { string } sanitizer
+ * @returns { string }
+ */
+export declare const highlightSearchedText: (highlightText: string, stringToBeChecked: string, existingHtmlContent: string, sanitizer: DomSanitizer, additionalClasses?: string | undefined) => string;

package/src/lib/highlight-text/utils/index.d.ts

@@ -0,0 +1 @@
+export * from './highlight-text.utils';

package/src/lib/message/message.component.d.ts

@@ -0,0 +1,18 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { IconProp } from '@fortawesome/fontawesome-svg-core';
+import * as i0 from "@angular/core";
+export declare class SdsMessageComponent implements OnInit {
+    icon?: IconProp;
+    text: string;
+    showCloseButton: boolean;
+    close: EventEmitter<void>;
+    showLearnMoreLink: boolean;
+    learnMoreLinkText: string;
+    learnMoreLinkUrl: string;
+    showMessage: boolean;
+    constructor();
+    ngOnInit(): void;
+    onCloseButtonClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdsMessageComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdsMessageComponent, "sds-message", never, { "icon": "icon"; "text": "text"; "showCloseButton": "showCloseButton"; "showLearnMoreLink": "showLearnMoreLink"; "learnMoreLinkText": "learnMoreLinkText"; "learnMoreLinkUrl": "learnMoreLinkUrl"; }, { "close": "close"; }, never, never>;
+}

package/src/lib/message/message.module.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./message.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@fortawesome/angular-fontawesome";
+export declare class SdsMessageModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdsMessageModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SdsMessageModule, [typeof i1.SdsMessageComponent], [typeof i2.CommonModule, typeof i3.FontAwesomeModule], [typeof i1.SdsMessageComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SdsMessageModule>;
+}

package/src/lib/message/package.json

@@ -0,0 +1,10 @@
+{
+  "module": "../../../fesm2015/spicainternational-ngx-sds-components-src-lib-message.mjs",
+  "es2020": "../../../fesm2020/spicainternational-ngx-sds-components-src-lib-message.mjs",
+  "esm2020": "../../../esm2020/src/lib/message/spicainternational-ngx-sds-components-src-lib-message.mjs",
+  "fesm2020": "../../../fesm2020/spicainternational-ngx-sds-components-src-lib-message.mjs",
+  "fesm2015": "../../../fesm2015/spicainternational-ngx-sds-components-src-lib-message.mjs",
+  "typings": "spicainternational-ngx-sds-components-src-lib-message.d.ts",
+  "sideEffects": false,
+  "name": "@spicainternational/ngx-sds-components/src/lib/message"
+}

package/src/lib/message/public-api.d.ts

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

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

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@spicainternational/ngx-sds-components/src/lib/message" />
+export * from './public-api';

package/src/lib/modal/dialog/dialog.component.d.ts

@@ -35,6 +35,7 @@ export declare class SdsDialogComponent implements OnInit {
     onSecondaryClick(): void;
     onPrimaryClick(): void;
     onCloseClick(): void;
+    onCloseEscapeKeypress(): void;
     onModalClose(): void;
     onModalOpen(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdsDialogComponent, never>;

package/src/lib/modal/modal.component.d.ts

@@ -16,6 +16,7 @@ export declare class SdsModalComponent implements OnInit {
     modalOpen: EventEmitter<void>;
     modalClose: EventEmitter<void>;
     closeClick: EventEmitter<void>;
+    closeEscapeKeypress: EventEmitter<void>;
     closeIcon: import("@fortawesome/fontawesome-common-types").IconDefinition;
     isOpen: boolean;
     private _modal;
@@ -27,5 +28,5 @@ export declare class SdsModalComponent implements OnInit {
     onCloseButtonClick(): void;
     onKeydown(event: KeyboardEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdsModalComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdsModalComponent, "sds-modal", never, { "modalTitle": "modalTitle"; "showHeader": "showHeader"; "showFooter": "showFooter"; "size": "size"; "modalDialogId": "modalDialogId"; "showCloseButton": "showCloseButton"; "autoFocusCloseButton": "autoFocusCloseButton"; "translations": "translations"; "isScrollable": "isScrollable"; "closeOnEscape": "closeOnEscape"; }, { "modalOpen": "modalOpen"; "modalClose": "modalClose"; "closeClick": "closeClick"; }, ["headerContent"], ["header", "*", "footer"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdsModalComponent, "sds-modal", never, { "modalTitle": "modalTitle"; "showHeader": "showHeader"; "showFooter": "showFooter"; "size": "size"; "modalDialogId": "modalDialogId"; "showCloseButton": "showCloseButton"; "autoFocusCloseButton": "autoFocusCloseButton"; "translations": "translations"; "isScrollable": "isScrollable"; "closeOnEscape": "closeOnEscape"; }, { "modalOpen": "modalOpen"; "modalClose": "modalClose"; "closeClick": "closeClick"; "closeEscapeKeypress": "closeEscapeKeypress"; }, ["headerContent"], ["header", "*", "footer"]>;
 }