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

package/fesm2022/spicainternational-ngx-sds-components-src-lib-date-pipes.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"spicainternational-ngx-sds-components-src-lib-date-pipes.mjs","sources":["../../../projects/ngx-sds-components/src/lib/date-pipes/date-time-formats.constants.ts","../../../projects/ngx-sds-components/src/lib/date-pipes/date-period-format.pipe.ts","../../../projects/ngx-sds-components/src/lib/date-pipes/date-format.pipe.ts","../../../projects/ngx-sds-components/src/lib/date-pipes/date-time-range-format.pipe.ts","../../../projects/ngx-sds-components/src/lib/date-pipes/date-time-range-duration.pipe.ts","../../../projects/ngx-sds-components/src/lib/date-pipes/date-compare.pipe.ts","../../../projects/ngx-sds-components/src/lib/date-pipes/spicainternational-ngx-sds-components-src-lib-date-pipes.ts"],"sourcesContent":["/**\n * Common Intl.DateTimeFormatOptions constants for consistent date/time formatting\n */\n\n// Date formats\nexport const DATE_NUMERIC_MONTH_OPTIONS: Intl.DateTimeFormatOptions = {\n  year: 'numeric',\n  month: 'numeric',\n  day: 'numeric'\n};\n\nexport const DATE_SHORT_MONTH_OPTIONS: Intl.DateTimeFormatOptions = {\n  year: 'numeric',\n  month: 'short',\n  day: 'numeric'\n};\n\nexport const DATE_LONG_MONTH_OPTIONS: Intl.DateTimeFormatOptions = {\n  year: 'numeric',\n  month: 'long',\n  day: 'numeric'\n};\n\nexport const DATE_LONG_MONTH_LONG_WEEKDAY_OPTIONS: Intl.DateTimeFormatOptions = {\n    weekday: 'long',\n    ...DATE_LONG_MONTH_OPTIONS,\n};\n\nexport const DATE_LONG_MONTH_SHORT_WEEKDAY_OPTIONS: Intl.DateTimeFormatOptions = {\n  weekday: 'short',\n  ...DATE_LONG_MONTH_OPTIONS,\n};\n\n\n// export const SHORT_DATE_WITH_WEEKDAY_OPTIONS: Intl.DateTimeFormatOptions = {\n//   weekday: 'short',\n//   year: 'numeric',\n//   month: 'short',\n//   day: 'numeric'\n// };\n\n// // Long date formats\n// export const LONG_DATE_OPTIONS: Intl.DateTimeFormatOptions = {\n//   weekday: 'long',\n//   year: 'numeric',\n//   month: 'long',\n//   day: 'numeric'\n// };\n\n\n\n\n\n// Time formats\nexport const TIME_HOUR_NUMERIC_OPTION: Intl.DateTimeFormatOptions = {\n  hour: 'numeric',\n  minute: '2-digit'\n};\n\nexport const TIME_HOUR_2DIGIT_OPTION: Intl.DateTimeFormatOptions = {\n  hour: '2-digit',\n  minute: '2-digit'\n};\n\nexport const TIME_HOUR_NUMERIC_SECONDS_OPTION: Intl.DateTimeFormatOptions = {\n  hour: 'numeric',\n  minute: '2-digit',\n  second: '2-digit'\n};\n\n// export const TIME_24H_OPTIONS: Intl.DateTimeFormatOptions = {\n//   hour: '2-digit',\n//   minute: '2-digit',\n//   hour12: false\n// };\n\n// export const TIME_WITH_SECONDS_OPTIONS: Intl.DateTimeFormatOptions = {\n//   hour: '2-digit',\n//   minute: '2-digit',\n//   second: '2-digit',\n//   hour12: false\n// };\n\n// Date and time combinations\n// export const SHORT_DATETIME_OPTIONS: Intl.DateTimeFormatOptions = {\n//   year: 'numeric',\n//   month: 'short',\n//   day: 'numeric',\n//   hour: 'numeric',\n//   minute: '2-digit',\n//   hour12: true\n// };\n\n// export const LONG_DATETIME_OPTIONS: Intl.DateTimeFormatOptions = {\n//   weekday: 'long',\n//   year: 'numeric',\n//   month: 'long',\n//   day: 'numeric',\n//   hour: 'numeric',\n//   minute: '2-digit',\n//   hour12: true\n// };\n\n// export const COMPACT_DATETIME_OPTIONS: Intl.DateTimeFormatOptions = {\n//   year: 'numeric',\n//   month: '2-digit',\n//   day: '2-digit',\n//   hour: '2-digit',\n//   minute: '2-digit',\n//   hour12: false\n// };\n\n// Time range specific formats (optimized for ranges)\n\n\n// export const TIME_RANGE_WITH_DATE_OPTIONS: Intl.DateTimeFormatOptions = {\n//   month: 'short',\n//   day: 'numeric',\n//   hour: 'numeric',\n//   minute: '2-digit',\n//   hour12: true\n// };\n\n// export const DATE_RANGE_MONTH_OPTIONS: Intl.DateTimeFormatOptions = {\n//   year: 'numeric',\n//   month: 'short',\n//   day: 'numeric'\n// };\n\n// export const DATE_RANGE_YEAR_OPTIONS: Intl.DateTimeFormatOptions = {\n//   year: 'numeric',\n//   month: 'long'\n// };\n\n// Special formats\n// export const RELATIVE_DATE_OPTIONS: Intl.DateTimeFormatOptions = {\n//   weekday: 'short',\n//   month: 'short',\n//   day: 'numeric'\n// };\n\n// export const MONTH_YEAR_OPTIONS: Intl.DateTimeFormatOptions = {\n//   year: 'numeric',\n//   month: 'long'\n// };\n\n// export const WEEKDAY_ONLY_OPTIONS: Intl.DateTimeFormatOptions = {\n//   weekday: 'long'\n// };\n\n// export const YEAR_ONLY_OPTIONS: Intl.DateTimeFormatOptions = {\n//   year: 'numeric'\n// };\n\n// Utility object for easy access\nexport const DATE_TIME_FORMAT_OPTIONS = {\n\n    DATE_NUMERIC_MONTH: DATE_NUMERIC_MONTH_OPTIONS,\n    DATE_SHORT_MONTH: DATE_SHORT_MONTH_OPTIONS,\n    DATE_LONG_MONTH: DATE_LONG_MONTH_OPTIONS,\n\n    DATE_LONG_MONTH_LONG_WEEKDAY: DATE_LONG_MONTH_LONG_WEEKDAY_OPTIONS,\n    DATE_LONG_MONTH_SHORT_WEEKDAY: DATE_LONG_MONTH_SHORT_WEEKDAY_OPTIONS,\n\n    TIME_HOUR_NUMERIC: TIME_HOUR_NUMERIC_OPTION,\n    TIME_HOUR_2DIGIT: TIME_HOUR_2DIGIT_OPTION,\n    TIME_HOUR_NUMERIC_SECONDS: TIME_HOUR_NUMERIC_SECONDS_OPTION,\n\n    //   SHORT_DATE_WITH_WEEKDAY: SHORT_DATE_WITH_WEEKDAY_OPTIONS,\n  \n  // Long formats\n//   LONG_DATE_WITH_WEEKDAY: LONG_DATE_WITH_WEEKDAY_OPTIONS,\n\n  // Time formats\n//   TIME_12H: TIME_12H_OPTIONS,\n//   TIME_24H: TIME_24H_OPTIONS,\n//   TIME_WITH_SECONDS: TIME_WITH_SECONDS_OPTIONS,\n  \n  // DateTime combinations\n//   SHORT_DATETIME: SHORT_DATETIME_OPTIONS,\n//   LONG_DATETIME: LONG_DATETIME_OPTIONS,\n//   COMPACT_DATETIME: COMPACT_DATETIME_OPTIONS,\n  \n  // Range specific\n    \n//   TIME_RANGE_WITH_DATE: TIME_RANGE_WITH_DATE_OPTIONS,\n//   DATE_RANGE_MONTH: DATE_RANGE_MONTH_OPTIONS,\n//   DATE_RANGE_YEAR: DATE_RANGE_YEAR_OPTIONS,\n  \n  // Special\n//   RELATIVE_DATE: RELATIVE_DATE_OPTIONS,\n//   MONTH_YEAR: MONTH_YEAR_OPTIONS,\n//   WEEKDAY_ONLY: WEEKDAY_ONLY_OPTIONS,\n//   YEAR_ONLY: YEAR_ONLY_OPTIONS\n} as const;\nexport type DateTimeFormatOptionKeys = keyof typeof DATE_TIME_FORMAT_OPTIONS;\n\n\n","import { Pipe, PipeTransform } from '@angular/core';\nimport { isSameDay, isSameYear } from 'date-fns';\n\n/**\n * @deprecated This pipe is deprecated and will be removed in a future release. \n * Use sdsDateTimeRangeFormat pipe instead.\n */\n@Pipe({\n    name: 'sdsDatePeriodFormat',\n    standalone: true,\n})\nexport class SdsDatePeriodFormatPipe implements PipeTransform {\n    transform(\n        from: Date,\n        to: Date,\n        locales: string | Array<string>,\n        options?: Intl.DateTimeFormatOptions,\n        omitRedundantSegments: boolean = false,\n        periodSeparator: string = '-',\n        omitCurrentYear: boolean = false\n    ): string {\n        if (!from) {\n            return '';\n        }\n\n        if (!to) {\n            return from.toLocaleDateString(locales, options);\n        }\n\n\n        if (isSameDay(from, to)) {\n            return from.toLocaleDateString(locales, options);\n        } else {\n            let fromOptions = {...options};\n            let toOptions = {...options};\n\n            if (omitRedundantSegments && fromOptions && toOptions) {\n\n                // if both dates are in current year -> remove it from format\n                const now = new Date();\n                if (omitCurrentYear && isSameYear(from, now) && isSameYear(to, now)) {\n                    fromOptions.year = undefined;\n                    toOptions.year = undefined;\n                }                \n\n                if (isSameYear(from, to)) {\n                    // if both dates have same year -> remove it from start data\n                    fromOptions.year = undefined;\n                }\n            }\n\n            const fromString = from.toLocaleDateString(locales, fromOptions);\n            const toString = to.toLocaleDateString(locales, toOptions);\n\n            return `${fromString} ${periodSeparator} ${toString}`;\n        }\n    }\n}\n","import { Pipe, PipeTransform } from '@angular/core';\nimport { IntlDateTimeFormatOptionPresetType } from '@spicainternational/ngx-sds-components/src/lib/utils/date-time';\nimport { formatDateTime } from '@spicainternational/ngx-sds-components/src/lib/utils/date-time';\n// import { IntlDateTimeFormatOptionPresetType } from '../utils/date-time/intl-date-time-format-options-presets';\n// import { formatDateTime } from '../utils/date-time/date-time-format.function';\n\n\n\n@Pipe({\n    name: 'sdsDateFormat',\n    standalone: true,\n})\nexport class SdsDateFormatPipe implements PipeTransform {\n\n    /**\n     * Formats date in given locale.\n     *\n     * @param date Date to be formatted.\n     * @param locale A locale code for the locale format rules to use.\n     * @param options An optional Intl.DateTimeFormatOptions parameter that can be used to fine-tune the output.\n     * @returns A string with formatted date\n     * @see [Intl docs](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl)\n     *\n     * @publicApi\n     */\n    public transform(\n        date: Date | number | string | undefined,\n        locales: string | Array<string>,\n        options?: Intl.DateTimeFormatOptions | IntlDateTimeFormatOptionPresetType\n    ): string {\n        return formatDateTime(date, locales, options);\n    }\n}\n","import { Pipe, PipeTransform } from '@angular/core';\n\n@Pipe({\n    name: 'sdsDateTimeRangeFormat',\n    standalone: true,\n})\nexport class SdsDateTimeRangeFormatPipe implements PipeTransform {\n    /**\n     * Formats a date range using Intl.DateTimeFormat.formatRange\n     * @param startDate - The start date of the range\n     * @param endDate - The end date of the range\n     * @param locales - Locale(s) to use for formatting (optional, defaults to browser locale)\n     * @param options - Intl.DateTimeFormatOptions for customizing the format\n     * @returns Formatted date range string\n     */\n    transform(\n        startDate: Date | string | number,\n        endDate: Date | string | number,\n        locales: string | string[],\n        options: Intl.DateTimeFormatOptions,\n    ): string {\n        if (!startDate || !endDate) {\n            return '';\n        }\n\n        try {\n            const start = new Date(startDate);\n            const end = new Date(endDate);\n\n            if (!options || isNaN(start.getTime()) || isNaN(end.getTime())) {\n                return '';\n            }\n\n            const formatter = new Intl.DateTimeFormat(locales, options);\n            const formatterWithRange = formatter as any;\n\n            if (typeof formatterWithRange.formatRange === 'function') {\n                return formatterWithRange.formatRange(start, end);\n            } else {\n                return `${formatter.format(start)} - ${formatter.format(end)}`;\n            }\n        } catch (error) {\n            return '';\n        }\n    }\n}\n","import { Pipe, PipeTransform } from '@angular/core';\nimport differenceInMinutes from 'date-fns/differenceInMinutes';\n\n@Pipe({\n    name: 'sdsDateTimeRangeDuration',\n    standalone: true\n})\nexport class SdsDateTimeRangeDurationPipe implements PipeTransform {\n    transform(\n        startDate: Date | string | number,\n        endDate: Date | string | number,\n        //locales: string | string[],\n        \n    ): string {\n\n        if (!startDate || !endDate) {\n            return '';\n        }\n\n        try {\n            const start = new Date(startDate);\n            const end = new Date(endDate);       \n            \n            // not yet supported in all browsers\n            // const formatter = new Intl.DurationFormat(locales, options);\n\n            const totalMinutes = differenceInMinutes(end, start);\n            const hours = Math.floor(totalMinutes / 60);\n            const minutes = totalMinutes % 60;\n\n            return `${hours}:${minutes.toString().padStart(2, '0')}`;\n        } catch (error) {\n            return '';\n        }\n    }\n}\n","import { Pipe, PipeTransform } from '@angular/core';\n\n@Pipe({\n    name: 'sdsDateCompare',\n    standalone: true\n})\nexport class SdsDateComparePipe implements PipeTransform {\n    transform(\n        date1: Date | string | number,\n        date2: Date | string | number,\n        operator: 'gt' | 'lt' | 'eq' | 'gte' | 'lte'\n    ): boolean {\n        const d1 = new Date(date1);\n        const d2 = new Date(date2);\n\n        switch (operator) {\n            case 'gt':\n                return d1 > d2;\n            case 'lt':\n                return d1 < d2;\n            case 'eq':\n                return d1.getTime() === d2.getTime();\n            case 'gte':\n                return d1 >= d2;\n            case 'lte':\n                return d1 <= d2;\n            default:\n                return false;\n        }\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"spicainternational-ngx-sds-components-src-lib-date-pipes.mjs","sources":["../../../projects/ngx-sds-components/src/lib/date-pipes/date-time-formats.constants.ts","../../../projects/ngx-sds-components/src/lib/date-pipes/date-period-format.pipe.ts","../../../projects/ngx-sds-components/src/lib/date-pipes/date-format.pipe.ts","../../../projects/ngx-sds-components/src/lib/date-pipes/date-time-range-format.pipe.ts","../../../projects/ngx-sds-components/src/lib/date-pipes/date-time-range-duration.pipe.ts","../../../projects/ngx-sds-components/src/lib/date-pipes/date-compare.pipe.ts","../../../projects/ngx-sds-components/src/lib/date-pipes/spicainternational-ngx-sds-components-src-lib-date-pipes.ts"],"sourcesContent":["/**\n * Common Intl.DateTimeFormatOptions constants for consistent date/time formatting\n */\n\n// Date formats\nexport const DATE_NUMERIC_MONTH_OPTIONS: Intl.DateTimeFormatOptions = {\n  year: 'numeric',\n  month: 'numeric',\n  day: 'numeric'\n};\n\nexport const DATE_SHORT_MONTH_OPTIONS: Intl.DateTimeFormatOptions = {\n  year: 'numeric',\n  month: 'short',\n  day: 'numeric'\n};\n\nexport const DATE_LONG_MONTH_OPTIONS: Intl.DateTimeFormatOptions = {\n  year: 'numeric',\n  month: 'long',\n  day: 'numeric'\n};\n\nexport const DATE_LONG_MONTH_LONG_WEEKDAY_OPTIONS: Intl.DateTimeFormatOptions = {\n    weekday: 'long',\n    ...DATE_LONG_MONTH_OPTIONS,\n};\n\nexport const DATE_LONG_MONTH_SHORT_WEEKDAY_OPTIONS: Intl.DateTimeFormatOptions = {\n  weekday: 'short',\n  ...DATE_LONG_MONTH_OPTIONS,\n};\n\n\n// export const SHORT_DATE_WITH_WEEKDAY_OPTIONS: Intl.DateTimeFormatOptions = {\n//   weekday: 'short',\n//   year: 'numeric',\n//   month: 'short',\n//   day: 'numeric'\n// };\n\n// // Long date formats\n// export const LONG_DATE_OPTIONS: Intl.DateTimeFormatOptions = {\n//   weekday: 'long',\n//   year: 'numeric',\n//   month: 'long',\n//   day: 'numeric'\n// };\n\n\n\n\n\n// Time formats\nexport const TIME_HOUR_NUMERIC_OPTION: Intl.DateTimeFormatOptions = {\n  hour: 'numeric',\n  minute: '2-digit'\n};\n\nexport const TIME_HOUR_2DIGIT_OPTION: Intl.DateTimeFormatOptions = {\n  hour: '2-digit',\n  minute: '2-digit'\n};\n\nexport const TIME_HOUR_NUMERIC_SECONDS_OPTION: Intl.DateTimeFormatOptions = {\n  hour: 'numeric',\n  minute: '2-digit',\n  second: '2-digit'\n};\n\n// export const TIME_24H_OPTIONS: Intl.DateTimeFormatOptions = {\n//   hour: '2-digit',\n//   minute: '2-digit',\n//   hour12: false\n// };\n\n// export const TIME_WITH_SECONDS_OPTIONS: Intl.DateTimeFormatOptions = {\n//   hour: '2-digit',\n//   minute: '2-digit',\n//   second: '2-digit',\n//   hour12: false\n// };\n\n// Date and time combinations\n// export const SHORT_DATETIME_OPTIONS: Intl.DateTimeFormatOptions = {\n//   year: 'numeric',\n//   month: 'short',\n//   day: 'numeric',\n//   hour: 'numeric',\n//   minute: '2-digit',\n//   hour12: true\n// };\n\n// export const LONG_DATETIME_OPTIONS: Intl.DateTimeFormatOptions = {\n//   weekday: 'long',\n//   year: 'numeric',\n//   month: 'long',\n//   day: 'numeric',\n//   hour: 'numeric',\n//   minute: '2-digit',\n//   hour12: true\n// };\n\n// export const COMPACT_DATETIME_OPTIONS: Intl.DateTimeFormatOptions = {\n//   year: 'numeric',\n//   month: '2-digit',\n//   day: '2-digit',\n//   hour: '2-digit',\n//   minute: '2-digit',\n//   hour12: false\n// };\n\n// Time range specific formats (optimized for ranges)\n\n\n// export const TIME_RANGE_WITH_DATE_OPTIONS: Intl.DateTimeFormatOptions = {\n//   month: 'short',\n//   day: 'numeric',\n//   hour: 'numeric',\n//   minute: '2-digit',\n//   hour12: true\n// };\n\n// export const DATE_RANGE_MONTH_OPTIONS: Intl.DateTimeFormatOptions = {\n//   year: 'numeric',\n//   month: 'short',\n//   day: 'numeric'\n// };\n\n// export const DATE_RANGE_YEAR_OPTIONS: Intl.DateTimeFormatOptions = {\n//   year: 'numeric',\n//   month: 'long'\n// };\n\n// Special formats\n// export const RELATIVE_DATE_OPTIONS: Intl.DateTimeFormatOptions = {\n//   weekday: 'short',\n//   month: 'short',\n//   day: 'numeric'\n// };\n\n// export const MONTH_YEAR_OPTIONS: Intl.DateTimeFormatOptions = {\n//   year: 'numeric',\n//   month: 'long'\n// };\n\n// export const WEEKDAY_ONLY_OPTIONS: Intl.DateTimeFormatOptions = {\n//   weekday: 'long'\n// };\n\n// export const YEAR_ONLY_OPTIONS: Intl.DateTimeFormatOptions = {\n//   year: 'numeric'\n// };\n\n// Utility object for easy access\nexport const DATE_TIME_FORMAT_OPTIONS = {\n\n    DATE_NUMERIC_MONTH: DATE_NUMERIC_MONTH_OPTIONS,\n    DATE_SHORT_MONTH: DATE_SHORT_MONTH_OPTIONS,\n    DATE_LONG_MONTH: DATE_LONG_MONTH_OPTIONS,\n\n    DATE_LONG_MONTH_LONG_WEEKDAY: DATE_LONG_MONTH_LONG_WEEKDAY_OPTIONS,\n    DATE_LONG_MONTH_SHORT_WEEKDAY: DATE_LONG_MONTH_SHORT_WEEKDAY_OPTIONS,\n\n    TIME_HOUR_NUMERIC: TIME_HOUR_NUMERIC_OPTION,\n    TIME_HOUR_2DIGIT: TIME_HOUR_2DIGIT_OPTION,\n    TIME_HOUR_NUMERIC_SECONDS: TIME_HOUR_NUMERIC_SECONDS_OPTION,\n\n    //   SHORT_DATE_WITH_WEEKDAY: SHORT_DATE_WITH_WEEKDAY_OPTIONS,\n  \n  // Long formats\n//   LONG_DATE_WITH_WEEKDAY: LONG_DATE_WITH_WEEKDAY_OPTIONS,\n\n  // Time formats\n//   TIME_12H: TIME_12H_OPTIONS,\n//   TIME_24H: TIME_24H_OPTIONS,\n//   TIME_WITH_SECONDS: TIME_WITH_SECONDS_OPTIONS,\n  \n  // DateTime combinations\n//   SHORT_DATETIME: SHORT_DATETIME_OPTIONS,\n//   LONG_DATETIME: LONG_DATETIME_OPTIONS,\n//   COMPACT_DATETIME: COMPACT_DATETIME_OPTIONS,\n  \n  // Range specific\n    \n//   TIME_RANGE_WITH_DATE: TIME_RANGE_WITH_DATE_OPTIONS,\n//   DATE_RANGE_MONTH: DATE_RANGE_MONTH_OPTIONS,\n//   DATE_RANGE_YEAR: DATE_RANGE_YEAR_OPTIONS,\n  \n  // Special\n//   RELATIVE_DATE: RELATIVE_DATE_OPTIONS,\n//   MONTH_YEAR: MONTH_YEAR_OPTIONS,\n//   WEEKDAY_ONLY: WEEKDAY_ONLY_OPTIONS,\n//   YEAR_ONLY: YEAR_ONLY_OPTIONS\n} as const;\nexport type DateTimeFormatOptionKeys = keyof typeof DATE_TIME_FORMAT_OPTIONS;\n\n\n","import { Pipe, PipeTransform } from '@angular/core';\nimport { isSameDay, isSameYear } from 'date-fns';\n\n/**\n * @deprecated This pipe is deprecated and will be removed in a future release. \n * Use sdsDateTimeRangeFormat pipe instead.\n */\n@Pipe({\n    name: 'sdsDatePeriodFormat',\n    standalone: true,\n})\nexport class SdsDatePeriodFormatPipe implements PipeTransform {\n    transform(\n        from: Date,\n        to: Date,\n        locales: string | Array<string>,\n        options?: Intl.DateTimeFormatOptions,\n        omitRedundantSegments: boolean = false,\n        periodSeparator: string = '-',\n        omitCurrentYear: boolean = false\n    ): string {\n        if (!from) {\n            return '';\n        }\n\n        if (!to) {\n            return from.toLocaleDateString(locales, options);\n        }\n\n\n        if (isSameDay(from, to)) {\n            return from.toLocaleDateString(locales, options);\n        } else {\n            let fromOptions = {...options};\n            let toOptions = {...options};\n\n            if (omitRedundantSegments && fromOptions && toOptions) {\n\n                // if both dates are in current year -> remove it from format\n                const now = new Date();\n                if (omitCurrentYear && isSameYear(from, now) && isSameYear(to, now)) {\n                    fromOptions.year = undefined;\n                    toOptions.year = undefined;\n                }                \n\n                if (isSameYear(from, to)) {\n                    // if both dates have same year -> remove it from start data\n                    fromOptions.year = undefined;\n                }\n            }\n\n            const fromString = from.toLocaleDateString(locales, fromOptions);\n            const toString = to.toLocaleDateString(locales, toOptions);\n\n            return `${fromString} ${periodSeparator} ${toString}`;\n        }\n    }\n}\n","import { Pipe, PipeTransform } from '@angular/core';\nimport { IntlDateTimeFormatOptionPresetType } from '@spicainternational/ngx-sds-components/src/lib/utils/date-time';\nimport { formatDateTime } from '@spicainternational/ngx-sds-components/src/lib/utils/date-time';\n// import { IntlDateTimeFormatOptionPresetType } from '../utils/date-time/intl-date-time-format-options-presets';\n// import { formatDateTime } from '../utils/date-time/date-time-format.function';\n\n\n\n@Pipe({\n    name: 'sdsDateFormat',\n    standalone: true,\n})\nexport class SdsDateFormatPipe implements PipeTransform {\n\n    /**\n     * Formats date in given locale.\n     *\n     * @param date Date to be formatted.\n     * @param locale A locale code for the locale format rules to use.\n     * @param options An optional Intl.DateTimeFormatOptions parameter that can be used to fine-tune the output.\n     * @returns A string with formatted date\n     * @see [Intl docs](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl)\n     *\n     * @publicApi\n     */\n    public transform(\n        date: Date | number | string | undefined,\n        locales: string | Array<string>,\n        options?: Intl.DateTimeFormatOptions | IntlDateTimeFormatOptionPresetType\n    ): string {\n        return formatDateTime(date, locales, options);\n    }\n}\n","import { Pipe, PipeTransform } from '@angular/core';\n\n@Pipe({\n    name: 'sdsDateTimeRangeFormat',\n    standalone: true,\n})\nexport class SdsDateTimeRangeFormatPipe implements PipeTransform {\n    /**\n     * Formats a date range using Intl.DateTimeFormat.formatRange\n     * @param startDate - The start date of the range\n     * @param endDate - The end date of the range\n     * @param locales - Locale(s) to use for formatting (optional, defaults to browser locale)\n     * @param options - Intl.DateTimeFormatOptions for customizing the format\n     * @returns Formatted date range string\n     */\n    transform(\n        startDate: Date | string | number,\n        endDate: Date | string | number,\n        locales: string | string[],\n        options: Intl.DateTimeFormatOptions,\n    ): string {\n        if (!startDate || !endDate) {\n            return '';\n        }\n\n        try {\n            const start = new Date(startDate);\n            const end = new Date(endDate);\n\n            if (!options || isNaN(start.getTime()) || isNaN(end.getTime())) {\n                return '';\n            }\n\n            const formatter = new Intl.DateTimeFormat(locales, options);\n            const formatterWithRange = formatter as any;\n\n            if (typeof formatterWithRange.formatRange === 'function') {\n                return formatterWithRange.formatRange(start, end);\n            } else {\n                return `${formatter.format(start)} - ${formatter.format(end)}`;\n            }\n        } catch (error) {\n            return '';\n        }\n    }\n}\n","import { Pipe, PipeTransform } from '@angular/core';\nimport differenceInMinutes from 'date-fns/differenceInMinutes';\n\n@Pipe({\n    name: 'sdsDateTimeRangeDuration',\n    standalone: true\n})\nexport class SdsDateTimeRangeDurationPipe implements PipeTransform {\n    transform(\n        startDate: Date | string | number,\n        endDate: Date | string | number,\n        //locales: string | string[],\n        \n    ): string {\n\n        if (!startDate || !endDate) {\n            return '';\n        }\n\n        try {\n            const start = new Date(startDate);\n            const end = new Date(endDate);       \n            \n            // not yet supported in all browsers\n            // const formatter = new Intl.DurationFormat(locales, options);\n\n            const totalMinutes = differenceInMinutes(end, start);\n            const hours = Math.floor(totalMinutes / 60);\n            const minutes = totalMinutes % 60;\n\n            return `${hours}:${minutes.toString().padStart(2, '0')}`;\n        } catch (error) {\n            return '';\n        }\n    }\n}\n","import { Pipe, PipeTransform } from '@angular/core';\n\n@Pipe({\n    name: 'sdsDateCompare',\n    standalone: true\n})\nexport class SdsDateComparePipe implements PipeTransform {\n    transform(\n        date1: Date | string | number,\n        date2: Date | string | number,\n        operator: 'gt' | 'lt' | 'eq' | 'gte' | 'lte'\n    ): boolean {\n        const d1 = new Date(date1);\n        const d2 = new Date(date2);\n\n        switch (operator) {\n            case 'gt':\n                return d1 > d2;\n            case 'lt':\n                return d1 < d2;\n            case 'eq':\n                return d1.getTime() === d2.getTime();\n            case 'gte':\n                return d1 >= d2;\n            case 'lte':\n                return d1 <= d2;\n            default:\n                return false;\n        }\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/spicainternational-ngx-sds-components-src-lib-drawer.mjs

@@ -43,10 +43,10 @@ class SdsDrawerComponent {
     get drawerTransitionDuration() {
         return this.transitionDuration;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsDrawerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SdsDrawerComponent, isStandalone: true, selector: "sds-drawer", inputs: { isOpen: "isOpen", showShadow: "showShadow", backgroundColor: "backgroundColor", borderColor: "borderColor", transitionTimingFunction: "transitionTimingFunction", transitionDuration: "transitionDuration", width: "width", position: "position" }, host: { properties: { "style.--sds-drawer-border-color": "borderColor", "class.sds-drawer": "this.drawerClass", "class.sds-drawer-end": "this.drawerEnd", "class.sds-drawer-start": "this.drawerStart", "class.sds-drawer-top": "this.drawerTop", "class.sds-drawer-bottom": "this.drawerBottom", "class.show": "this.show", "style.width": "this.drawerWidth", "class.show-shadow": "this.drawerShowShadow", "style.background-color": "this.drawerBackgroundColor", "style.transition-timing-function": "this.drawerTransitionTimingFunction", "style.transition-duration": "this.drawerTransitionDuration" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{position:fixed;bottom:0;z-index:1040;display:flex;flex-direction:column;max-width:100%;background-color:#fff;background-clip:padding-box;outline:0;transition:transform .3s ease-in-out}:host(.sds-drawer-start){top:0;left:0;width:400px;border-right:1px solid var(--sds-drawer-border-color);transform:translate(-100%)}:host(.sds-drawer-end){top:0;right:0;width:400px;border-left:1px solid var(--sds-drawer-border-color);transform:translate(100%)}:host(.sds-drawer-top){top:0;right:0;left:0;height:400px;max-height:100%;border-bottom:1px solid var(--sds-drawer-border-color);transform:translateY(-100%)}:host(.sds-drawer-bottom){right:0;left:0;height:400px;max-height:100%;border-top:1px solid var(--sds-drawer-border-color);transform:translateY(100%)}:host(.show){transform:none}:host(.show).show-shadow{box-shadow:var(--bs-box-shadow)!important}\n"] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SdsDrawerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.23", type: SdsDrawerComponent, isStandalone: true, selector: "sds-drawer", inputs: { isOpen: "isOpen", showShadow: "showShadow", backgroundColor: "backgroundColor", borderColor: "borderColor", transitionTimingFunction: "transitionTimingFunction", transitionDuration: "transitionDuration", width: "width", position: "position" }, host: { properties: { "style.--sds-drawer-border-color": "borderColor", "class.sds-drawer": "this.drawerClass", "class.sds-drawer-end": "this.drawerEnd", "class.sds-drawer-start": "this.drawerStart", "class.sds-drawer-top": "this.drawerTop", "class.sds-drawer-bottom": "this.drawerBottom", "class.show": "this.show", "style.width": "this.drawerWidth", "class.show-shadow": "this.drawerShowShadow", "style.background-color": "this.drawerBackgroundColor", "style.transition-timing-function": "this.drawerTransitionTimingFunction", "style.transition-duration": "this.drawerTransitionDuration" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{position:fixed;bottom:0;z-index:1040;display:flex;flex-direction:column;max-width:100%;background-color:#fff;background-clip:padding-box;outline:0;transition:transform .3s ease-in-out}:host(.sds-drawer-start){top:0;left:0;width:400px;border-right:1px solid var(--sds-drawer-border-color);transform:translate(-100%)}:host(.sds-drawer-end){top:0;right:0;width:400px;border-left:1px solid var(--sds-drawer-border-color);transform:translate(100%)}:host(.sds-drawer-top){top:0;right:0;left:0;height:400px;max-height:100%;border-bottom:1px solid var(--sds-drawer-border-color);transform:translateY(-100%)}:host(.sds-drawer-bottom){right:0;left:0;height:400px;max-height:100%;border-top:1px solid var(--sds-drawer-border-color);transform:translateY(100%)}:host(.show){transform:none}:host(.show).show-shadow{box-shadow:var(--bs-box-shadow)!important}\n"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsDrawerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SdsDrawerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sds-drawer', standalone: true, host: {
                         '[style.--sds-drawer-border-color]': 'borderColor'

package/fesm2022/spicainternational-ngx-sds-components-src-lib-drawer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"spicainternational-ngx-sds-components-src-lib-drawer.mjs","sources":["../../../projects/ngx-sds-components/src/lib/drawer/drawer.component.ts","../../../projects/ngx-sds-components/src/lib/drawer/drawer.component.html","../../../projects/ngx-sds-components/src/lib/drawer/spicainternational-ngx-sds-components-src-lib-drawer.ts"],"sourcesContent":["import {\n    Component,\n    EventEmitter,\n    HostBinding,\n    Input,\n    Output,\n} from '@angular/core';\n\n@Component({\n    selector: 'sds-drawer',\n    templateUrl: './drawer.component.html',\n    styleUrls: ['./drawer.component.scss'],\n    standalone: true,\n    host: {\n        '[style.--sds-drawer-border-color]': 'borderColor'\n    }\n    \n})\nexport class SdsDrawerComponent {\n    @Input() isOpen = false;\n    @Input() showShadow = true;\n    @Input() backgroundColor = 'white';\n    @Input() borderColor = 'var(--bs-gray-400)';\n    @Input() transitionTimingFunction = 'ease-out';\n    @Input() transitionDuration = '0.3s';\n\n    @Input() width = '10rem';\n    @Input() position: 'start' | 'end' | 'top' | 'bottom' = 'end';\n\n    @HostBinding('class.sds-drawer') drawerClass = true;\n    @HostBinding('class.sds-drawer-end') get drawerEnd() {\n        return this.position === 'end';\n    }\n    @HostBinding('class.sds-drawer-start') get drawerStart() {\n        return this.position === 'start';\n    }\n    @HostBinding('class.sds-drawer-top') get drawerTop() {\n        return this.position === 'top';\n    }\n    @HostBinding('class.sds-drawer-bottom') get drawerBottom() {\n        return this.position === 'bottom';\n    }\n    @HostBinding('class.show') get show() {\n        return this.isOpen;\n    }\n    @HostBinding('style.width') get drawerWidth() {\n        return this.width;\n    }\n    @HostBinding('class.show-shadow') get drawerShowShadow() {\n        return this.showShadow;\n    }\n    @HostBinding('style.background-color') get drawerBackgroundColor() {\n        return this.backgroundColor;\n    }\n    @HostBinding('style.transition-timing-function') get drawerTransitionTimingFunction() {\n        return this.transitionTimingFunction;\n    }\n    @HostBinding('style.transition-duration') get drawerTransitionDuration() {\n        return this.transitionDuration;\n    }\n\n\n}\n","<ng-content></ng-content>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"spicainternational-ngx-sds-components-src-lib-drawer.mjs","sources":["../../../projects/ngx-sds-components/src/lib/drawer/drawer.component.ts","../../../projects/ngx-sds-components/src/lib/drawer/drawer.component.html","../../../projects/ngx-sds-components/src/lib/drawer/spicainternational-ngx-sds-components-src-lib-drawer.ts"],"sourcesContent":["import {\n    Component,\n    EventEmitter,\n    HostBinding,\n    Input,\n    Output,\n} from '@angular/core';\n\n@Component({\n    selector: 'sds-drawer',\n    templateUrl: './drawer.component.html',\n    styleUrls: ['./drawer.component.scss'],\n    standalone: true,\n    host: {\n        '[style.--sds-drawer-border-color]': 'borderColor'\n    }\n    \n})\nexport class SdsDrawerComponent {\n    @Input() isOpen = false;\n    @Input() showShadow = true;\n    @Input() backgroundColor = 'white';\n    @Input() borderColor = 'var(--bs-gray-400)';\n    @Input() transitionTimingFunction = 'ease-out';\n    @Input() transitionDuration = '0.3s';\n\n    @Input() width = '10rem';\n    @Input() position: 'start' | 'end' | 'top' | 'bottom' = 'end';\n\n    @HostBinding('class.sds-drawer') drawerClass = true;\n    @HostBinding('class.sds-drawer-end') get drawerEnd() {\n        return this.position === 'end';\n    }\n    @HostBinding('class.sds-drawer-start') get drawerStart() {\n        return this.position === 'start';\n    }\n    @HostBinding('class.sds-drawer-top') get drawerTop() {\n        return this.position === 'top';\n    }\n    @HostBinding('class.sds-drawer-bottom') get drawerBottom() {\n        return this.position === 'bottom';\n    }\n    @HostBinding('class.show') get show() {\n        return this.isOpen;\n    }\n    @HostBinding('style.width') get drawerWidth() {\n        return this.width;\n    }\n    @HostBinding('class.show-shadow') get drawerShowShadow() {\n        return this.showShadow;\n    }\n    @HostBinding('style.background-color') get drawerBackgroundColor() {\n        return this.backgroundColor;\n    }\n    @HostBinding('style.transition-timing-function') get drawerTransitionTimingFunction() {\n        return this.transitionTimingFunction;\n    }\n    @HostBinding('style.transition-duration') get drawerTransitionDuration() {\n        return this.transitionDuration;\n    }\n\n\n}\n","<ng-content></ng-content>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAkBa,kBAAkB,CAAA;AAV/B,IAAA,WAAA,GAAA;QAWa,IAAA,CAAA,MAAM,GAAG,KAAK;QACd,IAAA,CAAA,UAAU,GAAG,IAAI;QACjB,IAAA,CAAA,eAAe,GAAG,OAAO;QACzB,IAAA,CAAA,WAAW,GAAG,oBAAoB;QAClC,IAAA,CAAA,wBAAwB,GAAG,UAAU;QACrC,IAAA,CAAA,kBAAkB,GAAG,MAAM;QAE3B,IAAA,CAAA,KAAK,GAAG,OAAO;QACf,IAAA,CAAA,QAAQ,GAAuC,KAAK;QAE5B,IAAA,CAAA,WAAW,GAAG,IAAI;AAiCtD,IAAA;AAhCG,IAAA,IAAyC,SAAS,GAAA;AAC9C,QAAA,OAAO,IAAI,CAAC,QAAQ,KAAK,KAAK;IAClC;AACA,IAAA,IAA2C,WAAW,GAAA;AAClD,QAAA,OAAO,IAAI,CAAC,QAAQ,KAAK,OAAO;IACpC;AACA,IAAA,IAAyC,SAAS,GAAA;AAC9C,QAAA,OAAO,IAAI,CAAC,QAAQ,KAAK,KAAK;IAClC;AACA,IAAA,IAA4C,YAAY,GAAA;AACpD,QAAA,OAAO,IAAI,CAAC,QAAQ,KAAK,QAAQ;IACrC;AACA,IAAA,IAA+B,IAAI,GAAA;QAC/B,OAAO,IAAI,CAAC,MAAM;IACtB;AACA,IAAA,IAAgC,WAAW,GAAA;QACvC,OAAO,IAAI,CAAC,KAAK;IACrB;AACA,IAAA,IAAsC,gBAAgB,GAAA;QAClD,OAAO,IAAI,CAAC,UAAU;IAC1B;AACA,IAAA,IAA2C,qBAAqB,GAAA;QAC5D,OAAO,IAAI,CAAC,eAAe;IAC/B;AACA,IAAA,IAAqD,8BAA8B,GAAA;QAC/E,OAAO,IAAI,CAAC,wBAAwB;IACxC;AACA,IAAA,IAA8C,wBAAwB,GAAA;QAClE,OAAO,IAAI,CAAC,kBAAkB;IAClC;+GAzCS,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAlB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,kBAAkB,u5BClB/B,6BACA,EAAA,MAAA,EAAA,CAAA,q1BAAA,CAAA,EAAA,CAAA,CAAA;;4FDiBa,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAV9B,SAAS;+BACI,YAAY,EAAA,UAAA,EAGV,IAAI,EAAA,IAAA,EACV;AACF,wBAAA,mCAAmC,EAAE;AACxC,qBAAA,EAAA,QAAA,EAAA,6BAAA,EAAA,MAAA,EAAA,CAAA,q1BAAA,CAAA,EAAA;;sBAIA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBAEA;;sBACA;;sBAEA,WAAW;uBAAC,kBAAkB;;sBAC9B,WAAW;uBAAC,sBAAsB;;sBAGlC,WAAW;uBAAC,wBAAwB;;sBAGpC,WAAW;uBAAC,sBAAsB;;sBAGlC,WAAW;uBAAC,yBAAyB;;sBAGrC,WAAW;uBAAC,YAAY;;sBAGxB,WAAW;uBAAC,aAAa;;sBAGzB,WAAW;uBAAC,mBAAmB;;sBAG/B,WAAW;uBAAC,wBAAwB;;sBAGpC,WAAW;uBAAC,kCAAkC;;sBAG9C,WAAW;uBAAC,2BAA2B;;;AEzD5C;;AAEG;;"}

package/fesm2022/spicainternational-ngx-sds-components-src-lib-duration-box.mjs

@@ -73,10 +73,10 @@ class DurationService {
     isValueWithinLimits(value, min, max) {
         return !((min != undefined && value < min) || (max != undefined && value > max));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DurationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DurationService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: DurationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: DurationService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DurationService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: DurationService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -297,12 +297,12 @@ class SdsDurationBoxComponent {
         this.isValid = (this.rangeViolationHandling === 'autoResolve') || isWithinRange;
         this._validator?.instance.validate();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsDurationBoxComponent, deps: [{ token: DurationService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SdsDurationBoxComponent, isStandalone: true, selector: "sds-duration-box", inputs: { value: "value", allowEmptyValue: "allowEmptyValue", emptyValueText: "emptyValueText", options: "options", width: "width", disabled: "disabled", showClearButton: "showClearButton", max: "max", min: "min", rangeViolationHandling: "rangeViolationHandling", rangeViolationText: "rangeViolationText" }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "_validationRule", first: true, predicate: ["validationRule"], descendants: true }, { propertyName: "_validator", first: true, predicate: ["validator"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<dx-text-box\n    #textbox\n    [id]=\"elementUUID\"\n    class=\"sds-durationbox\"\n    [(value)]=\"inputValue\"\n    (onKeyDown)=\"blockNonNumberOrSemicolon($event)\"\n    (onChange)=\"resolveInput()\"\n    [width]=\"width\"\n    [disabled]=\"disabled\"\n    >\n\n    <dx-validator \n        #validator>\n        <dxi-validation-rule\n            #validationRule\n            type=\"custom\"\n            [message]=\"rangeViolationText\"\n            [reevaluate]=\"true\"\n        ></dxi-validation-rule>\n    </dx-validator>\n\n    <dxi-button\n        *ngIf=\"allowEmptyValue && showClearButton\"\n        name=\"clearValue\"\n        location=\"after\"\n        [options]=\"clearValueButton\"\n    ></dxi-button>\n    \n    <dxi-button\n        *ngIf=\"options && options.length > 0\"\n        name=\"optionsDropdown\"\n        location=\"after\"\n        [options]=\"optionsDropdownButton\"\n    ></dxi-button>\n</dx-text-box>\n\n\n<dx-popover\n    target=\"#{{elementUUID}}\"\n    [(visible)]=\"showOptions\"\n    [minWidth]=\"width\"\n    [hideOnOutsideClick]=\"true\"\n    [wrapperAttr]=\"{ class: 'sds-durationbox-options-popover' }\"\n    >\n\n    <div *dxTemplate=\"let data of 'content'\">\n        <dx-scroll-view>\n            <button\n                class=\"dropdown-item border-0\"\n                [class.selected] = \"isValueEmpty\"\n                (click)=\"applyOption(null)\"\n                > {{ emptyValueText}}\n        </button>\n\n            <div *ngFor=\"let option of options\">\n                <button\n                    class=\"dropdown-item border-0\"\n                    [class.selected] = \"option === value\"\n                    (click)=\"applyOption(option)\"\n                > {{option | sdsDurationFormat}}\n            </button>\n            </div>\n        </dx-scroll-view>\n    </div>\n</dx-popover>", styles: ["::ng-deep .sds-durationbox .sds-durationbox-clear-button .dx-icon{color:#999}::ng-deep .sds-durationbox-options-popover .dx-popup-content{padding:.25rem;font-size:1rem}::ng-deep .sds-durationbox-options-popover .dropdown-item{padding:.5rem}::ng-deep .sds-durationbox-options-popover .dropdown-item:hover{background-color:var(--bs-gray-100)}::ng-deep .sds-durationbox-options-popover .dropdown-item:focus{outline:none}::ng-deep .sds-durationbox-options-popover .dropdown-item.selected{background-color:var(--bs-gray-300)}\n"], dependencies: [{ kind: "ngmodule", type: DxTextBoxModule }, { kind: "component", type: i2.DxTextBoxComponent, selector: "dx-text-box", inputs: ["accessKey", "activeStateEnabled", "buttons", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "inputAttr", "isDirty", "isValid", "label", "labelMode", "mask", "maskChar", "maskInvalidMessage", "maskRules", "maxLength", "mode", "name", "placeholder", "readOnly", "rtlEnabled", "showClearButton", "showMaskMode", "spellcheck", "stylingMode", "tabIndex", "text", "useMaskedValue", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "visible", "width"], outputs: ["onChange", "onContentReady", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOptionChanged", "onPaste", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isDirtyChange", "isValidChange", "labelChange", "labelModeChange", "maskChange", "maskCharChange", "maskInvalidMessageChange", "maskRulesChange", "maxLengthChange", "modeChange", "nameChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "showClearButtonChange", "showMaskModeChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useMaskedValueChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "visibleChange", "widthChange", "onBlur"] }, { kind: "component", type: i3.DxiButtonComponent, selector: "dxi-button", inputs: ["location", "name", "options", "cssClass", "disabled", "hint", "icon", "onClick", "template", "text", "visible"] }, { kind: "directive", type: i4.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { kind: "ngmodule", type: DxValidatorModule }, { kind: "component", type: i2.DxValidatorComponent, selector: "dx-validator", inputs: ["adapter", "elementAttr", "height", "name", "validationGroup", "validationRules", "width"], outputs: ["onDisposing", "onInitialized", "onOptionChanged", "onValidated", "adapterChange", "elementAttrChange", "heightChange", "nameChange", "validationGroupChange", "validationRulesChange", "widthChange"] }, { kind: "component", type: i3.DxiValidationRuleComponent, selector: "dxi-validation-rule", inputs: ["message", "trim", "type", "ignoreEmptyValue", "max", "min", "reevaluate", "validationCallback", "comparisonTarget", "comparisonType", "pattern"] }, { kind: "ngmodule", type: DxiValidationRuleModule }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: DxiButtonModule }, { kind: "ngmodule", type: DxPopoverModule }, { kind: "component", type: i5.DxPopoverComponent, selector: "dx-popover", inputs: ["animation", "closeOnOutsideClick", "container", "contentTemplate", "deferRendering", "disabled", "enableBodyScroll", "height", "hideEvent", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showEvent", "showTitle", "target", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onShowing", "onShown", "onTitleRendered", "animationChange", "closeOnOutsideClickChange", "containerChange", "contentTemplateChange", "deferRenderingChange", "disabledChange", "enableBodyScrollChange", "heightChange", "hideEventChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showCloseButtonChange", "showEventChange", "showTitleChange", "targetChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "ngmodule", type: DxTemplateModule }, { kind: "ngmodule", type: DxScrollViewModule }, { kind: "component", type: i6.DxScrollViewComponent, selector: "dx-scroll-view", inputs: ["bounceEnabled", "direction", "disabled", "elementAttr", "height", "pulledDownText", "pullingDownText", "reachBottomText", "refreshingText", "rtlEnabled", "scrollByContent", "scrollByThumb", "showScrollbar", "useNative", "width"], outputs: ["onDisposing", "onInitialized", "onOptionChanged", "onPullDown", "onReachBottom", "onScroll", "onUpdated", "bounceEnabledChange", "directionChange", "disabledChange", "elementAttrChange", "heightChange", "pulledDownTextChange", "pullingDownTextChange", "reachBottomTextChange", "refreshingTextChange", "rtlEnabledChange", "scrollByContentChange", "scrollByThumbChange", "showScrollbarChange", "useNativeChange", "widthChange"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: SdsDurationFormatPipe, name: "sdsDurationFormat" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SdsDurationBoxComponent, deps: [{ token: DurationService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.23", type: SdsDurationBoxComponent, isStandalone: true, selector: "sds-duration-box", inputs: { value: "value", allowEmptyValue: "allowEmptyValue", emptyValueText: "emptyValueText", options: "options", width: "width", disabled: "disabled", showClearButton: "showClearButton", max: "max", min: "min", rangeViolationHandling: "rangeViolationHandling", rangeViolationText: "rangeViolationText" }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "_validationRule", first: true, predicate: ["validationRule"], descendants: true }, { propertyName: "_validator", first: true, predicate: ["validator"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<dx-text-box\n    #textbox\n    [id]=\"elementUUID\"\n    class=\"sds-durationbox\"\n    [(value)]=\"inputValue\"\n    (onKeyDown)=\"blockNonNumberOrSemicolon($event)\"\n    (onChange)=\"resolveInput()\"\n    [width]=\"width\"\n    [disabled]=\"disabled\"\n    >\n\n    <dx-validator \n        #validator>\n        <dxi-validation-rule\n            #validationRule\n            type=\"custom\"\n            [message]=\"rangeViolationText\"\n            [reevaluate]=\"true\"\n        ></dxi-validation-rule>\n    </dx-validator>\n\n    <dxi-button\n        *ngIf=\"allowEmptyValue && showClearButton\"\n        name=\"clearValue\"\n        location=\"after\"\n        [options]=\"clearValueButton\"\n    ></dxi-button>\n    \n    <dxi-button\n        *ngIf=\"options && options.length > 0\"\n        name=\"optionsDropdown\"\n        location=\"after\"\n        [options]=\"optionsDropdownButton\"\n    ></dxi-button>\n</dx-text-box>\n\n\n<dx-popover\n    target=\"#{{elementUUID}}\"\n    [(visible)]=\"showOptions\"\n    [minWidth]=\"width\"\n    [hideOnOutsideClick]=\"true\"\n    [wrapperAttr]=\"{ class: 'sds-durationbox-options-popover' }\"\n    >\n\n    <div *dxTemplate=\"let data of 'content'\">\n        <dx-scroll-view>\n            <button\n                class=\"dropdown-item border-0\"\n                [class.selected] = \"isValueEmpty\"\n                (click)=\"applyOption(null)\"\n                > {{ emptyValueText}}\n        </button>\n\n            <div *ngFor=\"let option of options\">\n                <button\n                    class=\"dropdown-item border-0\"\n                    [class.selected] = \"option === value\"\n                    (click)=\"applyOption(option)\"\n                > {{option | sdsDurationFormat}}\n            </button>\n            </div>\n        </dx-scroll-view>\n    </div>\n</dx-popover>", styles: ["::ng-deep .sds-durationbox .sds-durationbox-clear-button .dx-icon{color:#999}::ng-deep .sds-durationbox-options-popover .dx-popup-content{padding:.25rem;font-size:1rem}::ng-deep .sds-durationbox-options-popover .dropdown-item{padding:.5rem}::ng-deep .sds-durationbox-options-popover .dropdown-item:hover{background-color:var(--bs-gray-100)}::ng-deep .sds-durationbox-options-popover .dropdown-item:focus{outline:none}::ng-deep .sds-durationbox-options-popover .dropdown-item.selected{background-color:var(--bs-gray-300)}\n"], dependencies: [{ kind: "ngmodule", type: DxTextBoxModule }, { kind: "component", type: i2.DxTextBoxComponent, selector: "dx-text-box", inputs: ["accessKey", "activeStateEnabled", "buttons", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "inputAttr", "isDirty", "isValid", "label", "labelMode", "mask", "maskChar", "maskInvalidMessage", "maskRules", "maxLength", "mode", "name", "placeholder", "readOnly", "rtlEnabled", "showClearButton", "showMaskMode", "spellcheck", "stylingMode", "tabIndex", "text", "useMaskedValue", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "visible", "width"], outputs: ["onChange", "onContentReady", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOptionChanged", "onPaste", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isDirtyChange", "isValidChange", "labelChange", "labelModeChange", "maskChange", "maskCharChange", "maskInvalidMessageChange", "maskRulesChange", "maxLengthChange", "modeChange", "nameChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "showClearButtonChange", "showMaskModeChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useMaskedValueChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "visibleChange", "widthChange", "onBlur"] }, { kind: "component", type: i3.DxiButtonComponent, selector: "dxi-button", inputs: ["location", "name", "options", "cssClass", "disabled", "hint", "icon", "onClick", "template", "text", "visible"] }, { kind: "directive", type: i4.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { kind: "ngmodule", type: DxValidatorModule }, { kind: "component", type: i2.DxValidatorComponent, selector: "dx-validator", inputs: ["adapter", "elementAttr", "height", "name", "validationGroup", "validationRules", "width"], outputs: ["onDisposing", "onInitialized", "onOptionChanged", "onValidated", "adapterChange", "elementAttrChange", "heightChange", "nameChange", "validationGroupChange", "validationRulesChange", "widthChange"] }, { kind: "component", type: i3.DxiValidationRuleComponent, selector: "dxi-validation-rule", inputs: ["message", "trim", "type", "ignoreEmptyValue", "max", "min", "reevaluate", "validationCallback", "comparisonTarget", "comparisonType", "pattern"] }, { kind: "ngmodule", type: DxiValidationRuleModule }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: DxiButtonModule }, { kind: "ngmodule", type: DxPopoverModule }, { kind: "component", type: i5.DxPopoverComponent, selector: "dx-popover", inputs: ["animation", "closeOnOutsideClick", "container", "contentTemplate", "deferRendering", "disabled", "enableBodyScroll", "height", "hideEvent", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showEvent", "showTitle", "target", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onShowing", "onShown", "onTitleRendered", "animationChange", "closeOnOutsideClickChange", "containerChange", "contentTemplateChange", "deferRenderingChange", "disabledChange", "enableBodyScrollChange", "heightChange", "hideEventChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showCloseButtonChange", "showEventChange", "showTitleChange", "targetChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "ngmodule", type: DxTemplateModule }, { kind: "ngmodule", type: DxScrollViewModule }, { kind: "component", type: i6.DxScrollViewComponent, selector: "dx-scroll-view", inputs: ["bounceEnabled", "direction", "disabled", "elementAttr", "height", "pulledDownText", "pullingDownText", "reachBottomText", "refreshingText", "rtlEnabled", "scrollByContent", "scrollByThumb", "showScrollbar", "useNative", "width"], outputs: ["onDisposing", "onInitialized", "onOptionChanged", "onPullDown", "onReachBottom", "onScroll", "onUpdated", "bounceEnabledChange", "directionChange", "disabledChange", "elementAttrChange", "heightChange", "pulledDownTextChange", "pullingDownTextChange", "reachBottomTextChange", "refreshingTextChange", "rtlEnabledChange", "scrollByContentChange", "scrollByThumbChange", "showScrollbarChange", "useNativeChange", "widthChange"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: SdsDurationFormatPipe, name: "sdsDurationFormat" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsDurationBoxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SdsDurationBoxComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sds-duration-box', standalone: true, imports: [
+            args: [{ selector: 'sds-duration-box', imports: [
                         DxTextBoxModule,
                         DxValidatorModule,
                         DxiValidationRuleModule,

package/fesm2022/spicainternational-ngx-sds-components-src-lib-duration-box.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"spicainternational-ngx-sds-components-src-lib-duration-box.mjs","sources":["../../../projects/ngx-sds-components/src/lib/duration-box/duration.service.ts","../../../projects/ngx-sds-components/src/lib/duration-box/duration-box.component.ts","../../../projects/ngx-sds-components/src/lib/duration-box/duration-box.component.html","../../../projects/ngx-sds-components/src/lib/duration-box/spicainternational-ngx-sds-components-src-lib-duration-box.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\n\n@Injectable({\n    providedIn: 'root',\n})\nexport class DurationService {\n    \n    constructor() {}\n\n    public resolve(input: string): number | null{\n        if (!input || input.length === 0) {\n            return null;\n        }\n\n        const inputSegments = input.split(':');\n        if (inputSegments.length > 2) {\n            //invalid input\n            return 0;\n        } else if (inputSegments.length == 2){\n            // we have hrs and minutes\n            const hrs = parseInt(inputSegments[0] ? inputSegments[0] : '0');\n            const mins = parseInt(inputSegments[1] ? inputSegments[1] : '0');\n            const totalMins = (hrs * 60) + mins;\n\n            return totalMins;\n        } else if (inputSegments.length == 1) {\n            // take last two digits as mins\n            const nonSeparated = inputSegments[0];\n\n            let totalMins = 0;\n            if (nonSeparated.length <= 2) {\n                totalMins = parseInt(nonSeparated)\n            } else {\n                const lastIndex = nonSeparated.length - 2;\n                const part1 = nonSeparated.slice(0, lastIndex);\n                const part2 = nonSeparated.slice(lastIndex);\n                const hrs = parseInt(part1);\n                const mins = parseInt(part2);\n                totalMins = (hrs * 60) + mins;            \n            }\n            return totalMins;\n        }\n        return 0;        \n    }\n\n    public isValidInput(input: string) {\n        if (input === '') {\n            return true;\n        }\n\n        const regexNumbersOnly = /^[+-]?\\d+$/;\n        const regexColonSeparated =  /^[+-]?\\d+:\\d+$/;\n        return regexNumbersOnly.test(input) || regexColonSeparated.test(input);\n    }\n\n    public getDefaultValue(min?: number, max?: number): number {\n        let defaultValue = 0;\n        // try keeping the 0 as default\n        // if it is outside the min/max then adjust\n        if (min) {\n            defaultValue = Math.max(defaultValue, min);\n        }\n        if (max) {\n            defaultValue = Math.min(defaultValue, max);\n        }\n        return defaultValue;\n    }\n\n    public isValueWithinLimits(value: number, min?: number, max?: number): boolean {\n        return !((min != undefined && value < min) || (max != undefined && value > max))\n    }  \n\n}\n","import { AfterViewInit, Component, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges, ViewChild } from '@angular/core';\nimport { SdsDurationFormatPipe } from '@spicainternational/ngx-sds-components/src/lib/duration-pipe';\nimport { DxValidatorComponent, DxTextBoxModule, DxValidatorModule } from 'devextreme-angular';\nimport { DxiValidationRuleComponent, DxiValidationRuleModule, DxiButtonModule } from 'devextreme-angular/ui/nested';\nimport { DurationBoxRangeViolationHandling } from './duration-box.types';\nimport { DurationService } from './duration.service';\n// import { SdsDurationFormatPipe as SdsDurationFormatPipe_1 } from '../duration-pipe/duration-format.pipe';\nimport { DxScrollViewModule } from 'devextreme-angular/ui/scroll-view';\nimport { DxTemplateModule } from 'devextreme-angular/core';\nimport { DxPopoverModule } from 'devextreme-angular/ui/popover';\nimport { NgIf, NgFor } from '@angular/common';\n\n/**\n * Component allows user to enter duration in h:mm format. User may also select no value is this is applicable to the \n * use case. A list of pre-defined durations can be provided for easier selection.\n * \n * The auto resolve function tries to convert entered text into minutes. The algorithm splits entry into two parts \n * hours and minutes based on delimiter or if there is none - it takes last two digits as minutes.\n *\n * @export\n * @class SdsDurationBoxComponent\n */\n@Component({\n    selector: 'sds-duration-box',\n    templateUrl: './duration-box.component.html',\n    styleUrls: ['./duration-box.component.scss'],\n    standalone: true,\n    imports: [\n        DxTextBoxModule,\n        DxValidatorModule,\n        DxiValidationRuleModule,\n        NgIf,\n        DxiButtonModule,\n        DxPopoverModule,\n        DxTemplateModule,\n        DxScrollViewModule,\n        NgFor,\n        SdsDurationFormatPipe,\n    ],\n})\nexport class SdsDurationBoxComponent implements OnInit, OnChanges, AfterViewInit {\n    /**\n     * Duration length expressed in minutes; when we allow empty values this property can be null.\n     *\n     * @type {(number | null)}\n     * @memberof SdsDurationBoxComponent\n     */\n    @Input() value: number | null = null;\n    @Output() valueChange = new EventEmitter<number | null>();\n\n    /**\n     * Allow user to select empty value. You should provide emptyValueText in this case. The emitted value is 'null'.\n     *\n     * @type {boolean}\n     * @memberof SdsDurationBoxComponent\n     */\n    @Input() allowEmptyValue: boolean = true;\n\n    /**\n     * Text to be displayed when value is cleared\n     *\n     * @type {string}\n     * @memberof SdsDurationBoxComponent\n     */\n    @Input() emptyValueText: string = 'not set';\n\n    /**\n     * Array of pre-defined durations that will be displayed in dropdown for easier selection.\n     *\n     * @type {number[]}\n     * @memberof SdsDurationBoxComponent\n     */\n    @Input() options?: number[];\n    \n    /**\n     * Width of component. By default 10rem.\n     *\n     * @type {string}\n     * @memberof SdsDurationBoxComponent\n     */\n    @Input() width: string = '10rem';\n\n    /**\n     * Specifies whether the UI component responds to user interaction.\n     *\n     * @type {boolean}\n     * @memberof SdsDurationBoxComponent\n     */\n    @Input() disabled: boolean = false;\n    \n    /**\n     * Specifies whether to display the Clear button in the UI component.\n     *\n     * @type {boolean}\n     * @memberof SdsDurationBoxComponent\n     */\n    @Input() showClearButton: boolean = false;\n\n    /**\n     * The maximum value accepted by the duration box.\n     *\n     * @type {number}\n     * @memberof SdsDurationBoxComponent\n     */\n    @Input() max?: number;\n\n    /**\n     * The minimum value accepted by the duration box.\n     *\n     * @type {number}\n     * @memberof SdsDurationBoxComponent\n     */    \n    @Input() min?: number;\n\n    /**\n     * Specifies how range limits are handled.\n     *\n     * @type {('fallbackToLastValue' | 'showValidationError')}\n     * @memberof SdsDurationBoxComponent\n     */\n    @Input() rangeViolationHandling: DurationBoxRangeViolationHandling = 'autoResolve';\n\n    /**\n     * Range violation message. Applicable when rangeViolationHandling is set to 'autoResolve'\n     *\n     * @type {string}\n     * @memberof SdsDurationBoxComponent\n     */\n    @Input() rangeViolationText: string = 'value is outside the valid range';\n\n    /**\n     * Indicates whether the editor's value is valid.\n     *\n     * @type {boolean}\n     * @memberof SdsDurationBoxComponent\n     */\n    public isValid: boolean = true;\n\n\n\n    // public elementUUID = 'sds-db-' + crypto.randomUUID();\n    public elementUUID = `sds-db-${Math.ceil(Math.random() * 1000000)}`;\n\n\n    public inputValue: string = '';\n    public showOptions: boolean = false;\n    \n    public optionsDropdownButton;\n    public clearValueButton;\n\n    public isValueEmpty = false;\n\n\n    @ViewChild('validationRule', { static: false }) private _validationRule: DxiValidationRuleComponent | undefined;\n    @ViewChild('validator', { static: false }) private _validator: DxValidatorComponent | undefined;\n\n    private isValueSetInternally = false;\n    private _durationPipe: SdsDurationFormatPipe;\n\n    constructor(\n        private _durationInputResolver: DurationService,\n    ) {\n        this._durationPipe = new SdsDurationFormatPipe();\n        \n        this.optionsDropdownButton =  {\n            icon: 'spindown',\n            stylingMode: 'text',\n    \n            onClick: () => {\n                this.showOptions = !this.showOptions;\n            }\n        }\n\n        this.clearValueButton =  {\n            icon: 'clear',\n            stylingMode: 'text',\n            elementAttr: { class: 'sds-durationbox-clear-button' },\n            onClick: () => {\n                this.applyOption(null);\n            }\n        }        \n    }\n    ngAfterViewInit(): void {\n        if (this._validationRule) {\n            this._validationRule.validationCallback = () => { \n                return this.checkIfValid() \n            };\n        }\n    }\n\n    ngOnChanges(changes: SimpleChanges): void {\n        if (\n            changes['value'] || \n            changes['min'] || changes['max'] || \n            changes['rangeViolationHandling'] ||\n            changes['allowEmptyValue']\n            ) {\n            this.validateInputs();\n        } \n    }\n\n    ngOnInit(): void {}\n\n    public blockNonNumberOrSemicolon(e: any) {\n        this.isValueSetInternally = false;\n    }\n\n    public resolveInput() {\n        if (!this.isValueSetInternally){\n            if (!this._durationInputResolver.isValidInput(this.inputValue)) {\n                // we have invalid input. use old value\n                this.setInputValueInternally(this.value);\n                this.setValidationStatusAndValidate(true);\n            } else {\n                const resolvedValue = this._durationInputResolver.resolve(this.inputValue);\n                if (resolvedValue === null && this.allowEmptyValue) {\n                    this.setValue(null);\n                    this.setValidationStatusAndValidate(true);\n                } else if (resolvedValue === null && !this.allowEmptyValue) {\n                    this.setValue(this._durationInputResolver.getDefaultValue());\n                    this.setValidationStatusAndValidate(true);\n                } else {\n                    // make sure that the value is within the min/max period\n                    if (this._durationInputResolver.isValueWithinLimits(resolvedValue as number, this.min, this.max)) {\n                        this.setValue(resolvedValue);\n                        this.setValidationStatusAndValidate(true);\n                    } else {\n                        // use old value\n                        if (this.rangeViolationHandling === 'autoResolve'){\n                            this.setInputValueInternally(this.value);\n                            this.setValidationStatusAndValidate(true);\n                        } else {\n                            this.setInputValueInternally(resolvedValue);\n                            this.setValidationStatusAndValidate(false);\n                        }\n                    }\n                }\n            }\n        }\n    }\n\n    public applyOption(value: number | null){\n        this.showOptions = false;\n        this.isValueSetInternally = false;\n        this.setValue(value);\n    }\n\n    public checkIfValid() {\n        return this.isValid;\n    }\n\n    private validateInputs(){\n        if (this.value === null) {\n            // handle null input\n            if (this.allowEmptyValue) {\n                this.setValue(null);\n            } else {\n                this.setValue(this._durationInputResolver.getDefaultValue());\n                this.inputValue = this._durationPipe.transform(this.value, this.emptyValueText);\n            }\n            this.setValidationStatusAndValidate(true);\n        } else {\n            // handle value input\n            if (this._durationInputResolver.isValueWithinLimits(this.value, this.min, this.max)){\n                this.inputValue = this._durationPipe.transform(this.value, this.emptyValueText);\n                this.setValidationStatusAndValidate(true);\n            } else {\n                // value is out of range\n                if (this.rangeViolationHandling === 'autoResolve'){\n                    this.setValue(this._durationInputResolver.getDefaultValue(this.min, this.max));\n                    this.inputValue = this._durationPipe.transform(this.value, this.emptyValueText);\n                    this.setValidationStatusAndValidate(true);\n                } else {\n                    this.inputValue = this._durationPipe.transform(this.value, this.emptyValueText);\n                    this.setValidationStatusAndValidate(false);\n                }\n            }\n            this._validator?.instance.validate();\n        }        \n    }\n\n    private setValue(value: number | null){\n        this.isValueEmpty = (value === null);\n        this.value = value;\n        this.valueChange.emit(this.value);\n        this.setInputValueInternally(value);\n    }\n\n    private setInputValueInternally(value: number | null){\n        this.isValueSetInternally = true;\n        setTimeout(() => {\n            this.inputValue = this._durationPipe.transform(value, this.emptyValueText);\n        }, 0);\n    }\n\n    private setValidationStatusAndValidate(isWithinRange: boolean){\n        this.isValid = (this.rangeViolationHandling === 'autoResolve') || isWithinRange;\n        this._validator?.instance.validate();\n    }\n\n}\n","<dx-text-box\n    #textbox\n    [id]=\"elementUUID\"\n    class=\"sds-durationbox\"\n    [(value)]=\"inputValue\"\n    (onKeyDown)=\"blockNonNumberOrSemicolon($event)\"\n    (onChange)=\"resolveInput()\"\n    [width]=\"width\"\n    [disabled]=\"disabled\"\n    >\n\n    <dx-validator \n        #validator>\n        <dxi-validation-rule\n            #validationRule\n            type=\"custom\"\n            [message]=\"rangeViolationText\"\n            [reevaluate]=\"true\"\n        ></dxi-validation-rule>\n    </dx-validator>\n\n    <dxi-button\n        *ngIf=\"allowEmptyValue && showClearButton\"\n        name=\"clearValue\"\n        location=\"after\"\n        [options]=\"clearValueButton\"\n    ></dxi-button>\n    \n    <dxi-button\n        *ngIf=\"options && options.length > 0\"\n        name=\"optionsDropdown\"\n        location=\"after\"\n        [options]=\"optionsDropdownButton\"\n    ></dxi-button>\n</dx-text-box>\n\n\n<dx-popover\n    target=\"#{{elementUUID}}\"\n    [(visible)]=\"showOptions\"\n    [minWidth]=\"width\"\n    [hideOnOutsideClick]=\"true\"\n    [wrapperAttr]=\"{ class: 'sds-durationbox-options-popover' }\"\n    >\n\n    <div *dxTemplate=\"let data of 'content'\">\n        <dx-scroll-view>\n            <button\n                class=\"dropdown-item border-0\"\n                [class.selected] = \"isValueEmpty\"\n                (click)=\"applyOption(null)\"\n                > {{ emptyValueText}}\n        </button>\n\n            <div *ngFor=\"let option of options\">\n                <button\n                    class=\"dropdown-item border-0\"\n                    [class.selected] = \"option === value\"\n                    (click)=\"applyOption(option)\"\n                > {{option | sdsDurationFormat}}\n            </button>\n            </div>\n        </dx-scroll-view>\n    </div>\n</dx-popover>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1.DurationService"],"mappings":"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"}
+{"version":3,"file":"spicainternational-ngx-sds-components-src-lib-duration-box.mjs","sources":["../../../projects/ngx-sds-components/src/lib/duration-box/duration.service.ts","../../../projects/ngx-sds-components/src/lib/duration-box/duration-box.component.ts","../../../projects/ngx-sds-components/src/lib/duration-box/duration-box.component.html","../../../projects/ngx-sds-components/src/lib/duration-box/spicainternational-ngx-sds-components-src-lib-duration-box.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\n\n@Injectable({\n    providedIn: 'root',\n})\nexport class DurationService {\n    \n    constructor() {}\n\n    public resolve(input: string): number | null{\n        if (!input || input.length === 0) {\n            return null;\n        }\n\n        const inputSegments = input.split(':');\n        if (inputSegments.length > 2) {\n            //invalid input\n            return 0;\n        } else if (inputSegments.length == 2){\n            // we have hrs and minutes\n            const hrs = parseInt(inputSegments[0] ? inputSegments[0] : '0');\n            const mins = parseInt(inputSegments[1] ? inputSegments[1] : '0');\n            const totalMins = (hrs * 60) + mins;\n\n            return totalMins;\n        } else if (inputSegments.length == 1) {\n            // take last two digits as mins\n            const nonSeparated = inputSegments[0];\n\n            let totalMins = 0;\n            if (nonSeparated.length <= 2) {\n                totalMins = parseInt(nonSeparated)\n            } else {\n                const lastIndex = nonSeparated.length - 2;\n                const part1 = nonSeparated.slice(0, lastIndex);\n                const part2 = nonSeparated.slice(lastIndex);\n                const hrs = parseInt(part1);\n                const mins = parseInt(part2);\n                totalMins = (hrs * 60) + mins;            \n            }\n            return totalMins;\n        }\n        return 0;        \n    }\n\n    public isValidInput(input: string) {\n        if (input === '') {\n            return true;\n        }\n\n        const regexNumbersOnly = /^[+-]?\\d+$/;\n        const regexColonSeparated =  /^[+-]?\\d+:\\d+$/;\n        return regexNumbersOnly.test(input) || regexColonSeparated.test(input);\n    }\n\n    public getDefaultValue(min?: number, max?: number): number {\n        let defaultValue = 0;\n        // try keeping the 0 as default\n        // if it is outside the min/max then adjust\n        if (min) {\n            defaultValue = Math.max(defaultValue, min);\n        }\n        if (max) {\n            defaultValue = Math.min(defaultValue, max);\n        }\n        return defaultValue;\n    }\n\n    public isValueWithinLimits(value: number, min?: number, max?: number): boolean {\n        return !((min != undefined && value < min) || (max != undefined && value > max))\n    }  \n\n}\n","import { AfterViewInit, Component, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges, ViewChild } from '@angular/core';\nimport { SdsDurationFormatPipe } from '@spicainternational/ngx-sds-components/src/lib/duration-pipe';\nimport { DxValidatorComponent, DxTextBoxModule, DxValidatorModule } from 'devextreme-angular';\nimport { DxiValidationRuleComponent, DxiValidationRuleModule, DxiButtonModule } from 'devextreme-angular/ui/nested';\nimport { DurationBoxRangeViolationHandling } from './duration-box.types';\nimport { DurationService } from './duration.service';\n// import { SdsDurationFormatPipe as SdsDurationFormatPipe_1 } from '../duration-pipe/duration-format.pipe';\nimport { DxScrollViewModule } from 'devextreme-angular/ui/scroll-view';\nimport { DxTemplateModule } from 'devextreme-angular/core';\nimport { DxPopoverModule } from 'devextreme-angular/ui/popover';\nimport { NgIf, NgFor } from '@angular/common';\n\n/**\n * Component allows user to enter duration in h:mm format. User may also select no value is this is applicable to the \n * use case. A list of pre-defined durations can be provided for easier selection.\n * \n * The auto resolve function tries to convert entered text into minutes. The algorithm splits entry into two parts \n * hours and minutes based on delimiter or if there is none - it takes last two digits as minutes.\n *\n * @export\n * @class SdsDurationBoxComponent\n */\n@Component({\n    selector: 'sds-duration-box',\n    templateUrl: './duration-box.component.html',\n    styleUrls: ['./duration-box.component.scss'],\n    imports: [\n        DxTextBoxModule,\n        DxValidatorModule,\n        DxiValidationRuleModule,\n        NgIf,\n        DxiButtonModule,\n        DxPopoverModule,\n        DxTemplateModule,\n        DxScrollViewModule,\n        NgFor,\n        SdsDurationFormatPipe,\n    ]\n})\nexport class SdsDurationBoxComponent implements OnInit, OnChanges, AfterViewInit {\n    /**\n     * Duration length expressed in minutes; when we allow empty values this property can be null.\n     *\n     * @type {(number | null)}\n     * @memberof SdsDurationBoxComponent\n     */\n    @Input() value: number | null = null;\n    @Output() valueChange = new EventEmitter<number | null>();\n\n    /**\n     * Allow user to select empty value. You should provide emptyValueText in this case. The emitted value is 'null'.\n     *\n     * @type {boolean}\n     * @memberof SdsDurationBoxComponent\n     */\n    @Input() allowEmptyValue: boolean = true;\n\n    /**\n     * Text to be displayed when value is cleared\n     *\n     * @type {string}\n     * @memberof SdsDurationBoxComponent\n     */\n    @Input() emptyValueText: string = 'not set';\n\n    /**\n     * Array of pre-defined durations that will be displayed in dropdown for easier selection.\n     *\n     * @type {number[]}\n     * @memberof SdsDurationBoxComponent\n     */\n    @Input() options?: number[];\n    \n    /**\n     * Width of component. By default 10rem.\n     *\n     * @type {string}\n     * @memberof SdsDurationBoxComponent\n     */\n    @Input() width: string = '10rem';\n\n    /**\n     * Specifies whether the UI component responds to user interaction.\n     *\n     * @type {boolean}\n     * @memberof SdsDurationBoxComponent\n     */\n    @Input() disabled: boolean = false;\n    \n    /**\n     * Specifies whether to display the Clear button in the UI component.\n     *\n     * @type {boolean}\n     * @memberof SdsDurationBoxComponent\n     */\n    @Input() showClearButton: boolean = false;\n\n    /**\n     * The maximum value accepted by the duration box.\n     *\n     * @type {number}\n     * @memberof SdsDurationBoxComponent\n     */\n    @Input() max?: number;\n\n    /**\n     * The minimum value accepted by the duration box.\n     *\n     * @type {number}\n     * @memberof SdsDurationBoxComponent\n     */    \n    @Input() min?: number;\n\n    /**\n     * Specifies how range limits are handled.\n     *\n     * @type {('fallbackToLastValue' | 'showValidationError')}\n     * @memberof SdsDurationBoxComponent\n     */\n    @Input() rangeViolationHandling: DurationBoxRangeViolationHandling = 'autoResolve';\n\n    /**\n     * Range violation message. Applicable when rangeViolationHandling is set to 'autoResolve'\n     *\n     * @type {string}\n     * @memberof SdsDurationBoxComponent\n     */\n    @Input() rangeViolationText: string = 'value is outside the valid range';\n\n    /**\n     * Indicates whether the editor's value is valid.\n     *\n     * @type {boolean}\n     * @memberof SdsDurationBoxComponent\n     */\n    public isValid: boolean = true;\n\n\n\n    // public elementUUID = 'sds-db-' + crypto.randomUUID();\n    public elementUUID = `sds-db-${Math.ceil(Math.random() * 1000000)}`;\n\n\n    public inputValue: string = '';\n    public showOptions: boolean = false;\n    \n    public optionsDropdownButton;\n    public clearValueButton;\n\n    public isValueEmpty = false;\n\n\n    @ViewChild('validationRule', { static: false }) private _validationRule: DxiValidationRuleComponent | undefined;\n    @ViewChild('validator', { static: false }) private _validator: DxValidatorComponent | undefined;\n\n    private isValueSetInternally = false;\n    private _durationPipe: SdsDurationFormatPipe;\n\n    constructor(\n        private _durationInputResolver: DurationService,\n    ) {\n        this._durationPipe = new SdsDurationFormatPipe();\n        \n        this.optionsDropdownButton =  {\n            icon: 'spindown',\n            stylingMode: 'text',\n    \n            onClick: () => {\n                this.showOptions = !this.showOptions;\n            }\n        }\n\n        this.clearValueButton =  {\n            icon: 'clear',\n            stylingMode: 'text',\n            elementAttr: { class: 'sds-durationbox-clear-button' },\n            onClick: () => {\n                this.applyOption(null);\n            }\n        }        \n    }\n    ngAfterViewInit(): void {\n        if (this._validationRule) {\n            this._validationRule.validationCallback = () => { \n                return this.checkIfValid() \n            };\n        }\n    }\n\n    ngOnChanges(changes: SimpleChanges): void {\n        if (\n            changes['value'] || \n            changes['min'] || changes['max'] || \n            changes['rangeViolationHandling'] ||\n            changes['allowEmptyValue']\n            ) {\n            this.validateInputs();\n        } \n    }\n\n    ngOnInit(): void {}\n\n    public blockNonNumberOrSemicolon(e: any) {\n        this.isValueSetInternally = false;\n    }\n\n    public resolveInput() {\n        if (!this.isValueSetInternally){\n            if (!this._durationInputResolver.isValidInput(this.inputValue)) {\n                // we have invalid input. use old value\n                this.setInputValueInternally(this.value);\n                this.setValidationStatusAndValidate(true);\n            } else {\n                const resolvedValue = this._durationInputResolver.resolve(this.inputValue);\n                if (resolvedValue === null && this.allowEmptyValue) {\n                    this.setValue(null);\n                    this.setValidationStatusAndValidate(true);\n                } else if (resolvedValue === null && !this.allowEmptyValue) {\n                    this.setValue(this._durationInputResolver.getDefaultValue());\n                    this.setValidationStatusAndValidate(true);\n                } else {\n                    // make sure that the value is within the min/max period\n                    if (this._durationInputResolver.isValueWithinLimits(resolvedValue as number, this.min, this.max)) {\n                        this.setValue(resolvedValue);\n                        this.setValidationStatusAndValidate(true);\n                    } else {\n                        // use old value\n                        if (this.rangeViolationHandling === 'autoResolve'){\n                            this.setInputValueInternally(this.value);\n                            this.setValidationStatusAndValidate(true);\n                        } else {\n                            this.setInputValueInternally(resolvedValue);\n                            this.setValidationStatusAndValidate(false);\n                        }\n                    }\n                }\n            }\n        }\n    }\n\n    public applyOption(value: number | null){\n        this.showOptions = false;\n        this.isValueSetInternally = false;\n        this.setValue(value);\n    }\n\n    public checkIfValid() {\n        return this.isValid;\n    }\n\n    private validateInputs(){\n        if (this.value === null) {\n            // handle null input\n            if (this.allowEmptyValue) {\n                this.setValue(null);\n            } else {\n                this.setValue(this._durationInputResolver.getDefaultValue());\n                this.inputValue = this._durationPipe.transform(this.value, this.emptyValueText);\n            }\n            this.setValidationStatusAndValidate(true);\n        } else {\n            // handle value input\n            if (this._durationInputResolver.isValueWithinLimits(this.value, this.min, this.max)){\n                this.inputValue = this._durationPipe.transform(this.value, this.emptyValueText);\n                this.setValidationStatusAndValidate(true);\n            } else {\n                // value is out of range\n                if (this.rangeViolationHandling === 'autoResolve'){\n                    this.setValue(this._durationInputResolver.getDefaultValue(this.min, this.max));\n                    this.inputValue = this._durationPipe.transform(this.value, this.emptyValueText);\n                    this.setValidationStatusAndValidate(true);\n                } else {\n                    this.inputValue = this._durationPipe.transform(this.value, this.emptyValueText);\n                    this.setValidationStatusAndValidate(false);\n                }\n            }\n            this._validator?.instance.validate();\n        }        \n    }\n\n    private setValue(value: number | null){\n        this.isValueEmpty = (value === null);\n        this.value = value;\n        this.valueChange.emit(this.value);\n        this.setInputValueInternally(value);\n    }\n\n    private setInputValueInternally(value: number | null){\n        this.isValueSetInternally = true;\n        setTimeout(() => {\n            this.inputValue = this._durationPipe.transform(value, this.emptyValueText);\n        }, 0);\n    }\n\n    private setValidationStatusAndValidate(isWithinRange: boolean){\n        this.isValid = (this.rangeViolationHandling === 'autoResolve') || isWithinRange;\n        this._validator?.instance.validate();\n    }\n\n}\n","<dx-text-box\n    #textbox\n    [id]=\"elementUUID\"\n    class=\"sds-durationbox\"\n    [(value)]=\"inputValue\"\n    (onKeyDown)=\"blockNonNumberOrSemicolon($event)\"\n    (onChange)=\"resolveInput()\"\n    [width]=\"width\"\n    [disabled]=\"disabled\"\n    >\n\n    <dx-validator \n        #validator>\n        <dxi-validation-rule\n            #validationRule\n            type=\"custom\"\n            [message]=\"rangeViolationText\"\n            [reevaluate]=\"true\"\n        ></dxi-validation-rule>\n    </dx-validator>\n\n    <dxi-button\n        *ngIf=\"allowEmptyValue && showClearButton\"\n        name=\"clearValue\"\n        location=\"after\"\n        [options]=\"clearValueButton\"\n    ></dxi-button>\n    \n    <dxi-button\n        *ngIf=\"options && options.length > 0\"\n        name=\"optionsDropdown\"\n        location=\"after\"\n        [options]=\"optionsDropdownButton\"\n    ></dxi-button>\n</dx-text-box>\n\n\n<dx-popover\n    target=\"#{{elementUUID}}\"\n    [(visible)]=\"showOptions\"\n    [minWidth]=\"width\"\n    [hideOnOutsideClick]=\"true\"\n    [wrapperAttr]=\"{ class: 'sds-durationbox-options-popover' }\"\n    >\n\n    <div *dxTemplate=\"let data of 'content'\">\n        <dx-scroll-view>\n            <button\n                class=\"dropdown-item border-0\"\n                [class.selected] = \"isValueEmpty\"\n                (click)=\"applyOption(null)\"\n                > {{ emptyValueText}}\n        </button>\n\n            <div *ngFor=\"let option of options\">\n                <button\n                    class=\"dropdown-item border-0\"\n                    [class.selected] = \"option === value\"\n                    (click)=\"applyOption(option)\"\n                > {{option | sdsDurationFormat}}\n            </button>\n            </div>\n        </dx-scroll-view>\n    </div>\n</dx-popover>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1.DurationService"],"mappings":"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"}

package/fesm2022/spicainternational-ngx-sds-components-src-lib-duration-pipe.mjs

@@ -15,10 +15,10 @@ class SdsDurationFormatPipe {
         }
         return '';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsDurationFormatPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: SdsDurationFormatPipe, isStandalone: true, name: "sdsDurationFormat" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SdsDurationFormatPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.23", ngImport: i0, type: SdsDurationFormatPipe, isStandalone: true, name: "sdsDurationFormat" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsDurationFormatPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SdsDurationFormatPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'sdsDurationFormat',

package/fesm2022/spicainternational-ngx-sds-components-src-lib-duration-pipe.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"spicainternational-ngx-sds-components-src-lib-duration-pipe.mjs","sources":["../../../projects/ngx-sds-components/src/lib/duration-pipe/duration-format.pipe.ts","../../../projects/ngx-sds-components/src/lib/duration-pipe/spicainternational-ngx-sds-components-src-lib-duration-pipe.ts"],"sourcesContent":["import { Pipe, PipeTransform } from '@angular/core';\n\n@Pipe({\n    name: 'sdsDurationFormat',\n    standalone: true,\n})\nexport class SdsDurationFormatPipe implements PipeTransform {\n    transform(value: number | null, emptyValueText: string = ''): string {\n        if (value === null) {\n            return emptyValueText;\n        } else if (typeof value === 'number') {\n            const sign = Math.sign(value);\n            value = Math.abs(value);\n            const hours = Math.floor(value / 60);\n            const mins = value % 60;\n            return `${sign === -1 ? '-' : ''}${hours.toString().padStart(1, '0')}:${mins.toString().padStart(2, '0')}`;\n        }\n        return '';\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAMa,qBAAqB,CAAA;AAC9B,IAAA,SAAS,CAAC,KAAoB,EAAE,cAAA,GAAyB,EAAE,EAAA;AACvD,QAAA,IAAI,KAAK,KAAK,IAAI,EAAE;AAChB,YAAA,OAAO,cAAc;;AAClB,aAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;YAClC,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;AAC7B,YAAA,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC;YACvB,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC;AACpC,YAAA,MAAM,IAAI,GAAG,KAAK,GAAG,EAAE;AACvB,YAAA,OAAO,GAAG,IAAI,KAAK,CAAC,CAAC,GAAG,GAAG,GAAG,EAAE,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAA,CAAA,EAAI,IAAI,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE;;AAE9G,QAAA,OAAO,EAAE;;+GAXJ,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,IAAA,EAAA,CAAA,CAAA;6GAArB,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,IAAA,EAAA,mBAAA,EAAA,CAAA,CAAA;;4FAArB,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAJjC,IAAI;AAAC,YAAA,IAAA,EAAA,CAAA;AACF,oBAAA,IAAI,EAAE,mBAAmB;AACzB,oBAAA,UAAU,EAAE,IAAI;AACnB,iBAAA;;;ACLD;;AAEG;;;;"}
+{"version":3,"file":"spicainternational-ngx-sds-components-src-lib-duration-pipe.mjs","sources":["../../../projects/ngx-sds-components/src/lib/duration-pipe/duration-format.pipe.ts","../../../projects/ngx-sds-components/src/lib/duration-pipe/spicainternational-ngx-sds-components-src-lib-duration-pipe.ts"],"sourcesContent":["import { Pipe, PipeTransform } from '@angular/core';\n\n@Pipe({\n    name: 'sdsDurationFormat',\n    standalone: true,\n})\nexport class SdsDurationFormatPipe implements PipeTransform {\n    transform(value: number | null, emptyValueText: string = ''): string {\n        if (value === null) {\n            return emptyValueText;\n        } else if (typeof value === 'number') {\n            const sign = Math.sign(value);\n            value = Math.abs(value);\n            const hours = Math.floor(value / 60);\n            const mins = value % 60;\n            return `${sign === -1 ? '-' : ''}${hours.toString().padStart(1, '0')}:${mins.toString().padStart(2, '0')}`;\n        }\n        return '';\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAMa,qBAAqB,CAAA;AAC9B,IAAA,SAAS,CAAC,KAAoB,EAAE,cAAA,GAAyB,EAAE,EAAA;AACvD,QAAA,IAAI,KAAK,KAAK,IAAI,EAAE;AAChB,YAAA,OAAO,cAAc;QACzB;AAAO,aAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;YAClC,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;AAC7B,YAAA,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC;YACvB,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC;AACpC,YAAA,MAAM,IAAI,GAAG,KAAK,GAAG,EAAE;AACvB,YAAA,OAAO,GAAG,IAAI,KAAK,CAAC,CAAC,GAAG,GAAG,GAAG,EAAE,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAA,CAAA,EAAI,IAAI,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE;QAC9G;AACA,QAAA,OAAO,EAAE;IACb;+GAZS,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,IAAA,EAAA,CAAA,CAAA;6GAArB,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,IAAA,EAAA,mBAAA,EAAA,CAAA,CAAA;;4FAArB,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAJjC,IAAI;AAAC,YAAA,IAAA,EAAA,CAAA;AACF,oBAAA,IAAI,EAAE,mBAAmB;AACzB,oBAAA,UAAU,EAAE,IAAI;AACnB,iBAAA;;;ACLD;;AAEG;;"}

package/fesm2022/spicainternational-ngx-sds-components-src-lib-ellipsis.mjs

@@ -35,10 +35,10 @@ class SdsEllipsisDirective {
             this.element.title = this.element.innerHTML;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsEllipsisDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: SdsEllipsisDirective, isStandalone: true, selector: "[sdsEllipsis]", inputs: { tooltipText: "tooltipText" }, host: { listeners: { "mouseenter": "enter()" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SdsEllipsisDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: SdsEllipsisDirective, isStandalone: true, selector: "[sdsEllipsis]", inputs: { tooltipText: "tooltipText" }, host: { listeners: { "mouseenter": "enter()" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsEllipsisDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SdsEllipsisDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[sdsEllipsis]',

package/fesm2022/spicainternational-ngx-sds-components-src-lib-ellipsis.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"spicainternational-ngx-sds-components-src-lib-ellipsis.mjs","sources":["../../../projects/ngx-sds-components/src/lib/ellipsis/directives/ellipsis.directive.ts","../../../projects/ngx-sds-components/src/lib/ellipsis/spicainternational-ngx-sds-components-src-lib-ellipsis.ts"],"sourcesContent":["import { AfterViewInit, Directive, ElementRef, HostListener, Input, Renderer2 } from '@angular/core';\n\n/*\n * Parent must have a fixed width for this directive to work properly.\n * Ellipsis will not appear without a parent width.\n *\n * tooltipText: @Input overrides the element's innerHtml with the provided\n *  string variable in the title, used to prevent HTML tags from appearing\n *  in the mouseover title. This will override text from an Input node.\n */\n@Directive({\n    selector: '[sdsEllipsis]',\n    standalone: true,\n})\nexport class SdsEllipsisDirective implements AfterViewInit {\n    @Input() public tooltipText?: string;\n\n    private element?: HTMLElement;\n\n    public constructor(\n        private elementRef: ElementRef,\n        private renderer: Renderer2\n    ) {}\n\n    public ngAfterViewInit(): void {\n        this.element = this.elementRef.nativeElement;\n        this.renderer.setStyle(this.element, 'display', 'block');\n        this.renderer.setStyle(this.element, 'overflow', 'hidden');\n        this.renderer.setStyle(this.element, 'textOverflow', 'ellipsis');\n        this.renderer.setStyle(this.element, 'whiteSpace', 'nowrap');\n    }\n\n    @HostListener('mouseenter') public enter(): void {\n        if (this.element && this.element.offsetWidth < this.element.scrollWidth) {\n            // this.renderer.setStyle(this.element, 'cursor', 'pointer');\n\n            if (this.tooltipText !== undefined && this.tooltipText.length > 0) {\n                this.element.title = this.tooltipText;\n                return;\n            } else if (this.element.nodeName === 'INPUT') {\n                this.element.title = this.elementRef?.nativeElement?.value;\n                return;\n            }\n            this.element.title = this.element.innerHTML;\n        }\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;AAEA;;;;;;;AAOG;MAKU,oBAAoB,CAAA;IAK7B,WACY,CAAA,UAAsB,EACtB,QAAmB,EAAA;QADnB,IAAU,CAAA,UAAA,GAAV,UAAU;QACV,IAAQ,CAAA,QAAA,GAAR,QAAQ;;IAGb,eAAe,GAAA;QAClB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa;AAC5C,QAAA,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,EAAE,SAAS,EAAE,OAAO,CAAC;AACxD,QAAA,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,EAAE,UAAU,EAAE,QAAQ,CAAC;AAC1D,QAAA,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,EAAE,cAAc,EAAE,UAAU,CAAC;AAChE,QAAA,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,EAAE,YAAY,EAAE,QAAQ,CAAC;;IAG7B,KAAK,GAAA;AACpC,QAAA,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE;;AAGrE,YAAA,IAAI,IAAI,CAAC,WAAW,KAAK,SAAS,IAAI,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,EAAE;gBAC/D,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC,WAAW;gBACrC;;iBACG,IAAI,IAAI,CAAC,OAAO,CAAC,QAAQ,KAAK,OAAO,EAAE;AAC1C,gBAAA,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,EAAE,KAAK;gBAC1D;;YAEJ,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,SAAS;;;+GA7B1C,oBAAoB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,SAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,YAAA,EAAA,SAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAApB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAJhC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,eAAe;AACzB,oBAAA,UAAU,EAAE,IAAI;AACnB,iBAAA;uGAEmB,WAAW,EAAA,CAAA;sBAA1B;gBAiBkC,KAAK,EAAA,CAAA;sBAAvC,YAAY;uBAAC,YAAY;;;AChC9B;;AAEG;;;;"}
+{"version":3,"file":"spicainternational-ngx-sds-components-src-lib-ellipsis.mjs","sources":["../../../projects/ngx-sds-components/src/lib/ellipsis/directives/ellipsis.directive.ts","../../../projects/ngx-sds-components/src/lib/ellipsis/spicainternational-ngx-sds-components-src-lib-ellipsis.ts"],"sourcesContent":["import { AfterViewInit, Directive, ElementRef, HostListener, Input, Renderer2 } from '@angular/core';\n\n/*\n * Parent must have a fixed width for this directive to work properly.\n * Ellipsis will not appear without a parent width.\n *\n * tooltipText: @Input overrides the element's innerHtml with the provided\n *  string variable in the title, used to prevent HTML tags from appearing\n *  in the mouseover title. This will override text from an Input node.\n */\n@Directive({\n    selector: '[sdsEllipsis]',\n    standalone: true,\n})\nexport class SdsEllipsisDirective implements AfterViewInit {\n    @Input() public tooltipText?: string;\n\n    private element?: HTMLElement;\n\n    public constructor(\n        private elementRef: ElementRef,\n        private renderer: Renderer2\n    ) {}\n\n    public ngAfterViewInit(): void {\n        this.element = this.elementRef.nativeElement;\n        this.renderer.setStyle(this.element, 'display', 'block');\n        this.renderer.setStyle(this.element, 'overflow', 'hidden');\n        this.renderer.setStyle(this.element, 'textOverflow', 'ellipsis');\n        this.renderer.setStyle(this.element, 'whiteSpace', 'nowrap');\n    }\n\n    @HostListener('mouseenter') public enter(): void {\n        if (this.element && this.element.offsetWidth < this.element.scrollWidth) {\n            // this.renderer.setStyle(this.element, 'cursor', 'pointer');\n\n            if (this.tooltipText !== undefined && this.tooltipText.length > 0) {\n                this.element.title = this.tooltipText;\n                return;\n            } else if (this.element.nodeName === 'INPUT') {\n                this.element.title = this.elementRef?.nativeElement?.value;\n                return;\n            }\n            this.element.title = this.element.innerHTML;\n        }\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;AAEA;;;;;;;AAOG;MAKU,oBAAoB,CAAA;IAK7B,WAAA,CACY,UAAsB,EACtB,QAAmB,EAAA;QADnB,IAAA,CAAA,UAAU,GAAV,UAAU;QACV,IAAA,CAAA,QAAQ,GAAR,QAAQ;IACjB;IAEI,eAAe,GAAA;QAClB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa;AAC5C,QAAA,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,EAAE,SAAS,EAAE,OAAO,CAAC;AACxD,QAAA,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,EAAE,UAAU,EAAE,QAAQ,CAAC;AAC1D,QAAA,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,EAAE,cAAc,EAAE,UAAU,CAAC;AAChE,QAAA,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,EAAE,YAAY,EAAE,QAAQ,CAAC;IAChE;IAEmC,KAAK,GAAA;AACpC,QAAA,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE;;AAGrE,YAAA,IAAI,IAAI,CAAC,WAAW,KAAK,SAAS,IAAI,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,EAAE;gBAC/D,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC,WAAW;gBACrC;YACJ;iBAAO,IAAI,IAAI,CAAC,OAAO,CAAC,QAAQ,KAAK,OAAO,EAAE;AAC1C,gBAAA,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,EAAE,KAAK;gBAC1D;YACJ;YACA,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,SAAS;QAC/C;IACJ;+GA/BS,oBAAoB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,SAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,YAAA,EAAA,SAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAApB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAJhC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,eAAe;AACzB,oBAAA,UAAU,EAAE,IAAI;AACnB,iBAAA;;sBAEI;;sBAiBA,YAAY;uBAAC,YAAY;;;AChC9B;;AAEG;;"}

package/fesm2022/spicainternational-ngx-sds-components-src-lib-expansion-panel.mjs

@@ -43,12 +43,12 @@ class SdsExpansionPanelComponent {
             this.isOpenChange.emit(this.isOpen);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsExpansionPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SdsExpansionPanelComponent, isStandalone: true, selector: "sds-expansion-panel", inputs: { headerIcon: "headerIcon", headerText: "headerText", headerSideText: "headerSideText", hideHeader: "hideHeader", headerId: "headerId", animateCaret: "animateCaret", animatePanel: "animatePanel", hoverColor: "hoverColor", showBackground: "showBackground", backgroundColor: "backgroundColor", caretPlacement: "caretPlacement", descriptionText: "descriptionText", isOpen: "isOpen", expandPanelText: "expandPanelText", collapsePanelText: "collapsePanelText", headerSize: "headerSize" }, outputs: { isOpenChange: "isOpenChange" }, ngImport: i0, template: "\n<!-- [style.background-color]=\"showBackground ? backgroundColor : null\" -->\n<div\n    class=\"rounded expansion-panel\"\n    [class.background]=\"showBackground\"\n    [class.closed]=\"!isOpen\"\n    [class.show-hover]=\"!isOpen && hoverColor\"\n    [style.--sds-expansion-panel-bg-color]=\"showBackground ? backgroundColor : 'transparent'\"\n    [style.--sds-expansion-panel-hover-bg-color]=\"hoverColor ? hoverColor : 'transparent'\"\n    (click)=\"openPanel()\"\n>\n    <ng-container *ngIf=\"!hideHeader\">\n        <div\n            class=\"expansion-panel-header sds-flex-row-center\"\n            (click)=\"onToggleIsOpenClick($event)\"\n        >\n            <button\n                type=\"button\"\n                class=\"btn btn-link\"\n                [id]=\"headerId\"\n                [class.me-auto]=\"caretPlacement === 'farEnd'\"\n                [class.me-2]=\"caretPlacement === 'nextToHeader'\"\n            >\n                <fa-icon class=\"me-1\" *ngIf=\"headerIcon\" [icon]=\"headerIcon\" [fixedWidth]=\"true\" [size]=\"headerSize == 'small' ? 'sm' : 'lg'\"></fa-icon>\n\n                <span \n                    class=\"header-text\"\n                    [class.sds-fs-93]=\"headerSize == 'small'\"\n                    >\n                    {{ headerText }}\n                </span>\n                <small \n                    *ngIf=\"headerSideText\"\n                    class=\"header-side-text text-muted\"\n                    [class.sds-fs-90]=\"headerSize == 'small'\"\n                    >\n                    {{ headerSideText }}\n                </small>\n            </button>\n            <button\n                type=\"button\"\n                class=\"btn btn-sm btn-link caret px-1\"\n                [class.rotate]=\"animateCaret\"\n                [title]=\"isOpen ? collapsePanelText ?? '' : expandPanelText ?? ''\"\n            >\n                <fa-icon [icon]=\"caretIcon\" [size]=\"headerSize == 'small' ? 'sm' : 'lg'\"></fa-icon>\n            </button>\n        </div>\n    </ng-container>\n\n    <div \n        *ngIf=\"!isOpen\"\n        >\n        {{ descriptionText }}\n        <ng-content select=\"[contentOnClosed]\"></ng-content>\n    </div>\n\n    <div \n        class=\"panel-contents\" \n        [class.open]=\"isOpen\"\n        [class.animate]=\"animatePanel\"\n        >\n        <div \n            *ngIf=\"isOpen\"\n            class=\"mt-2\"\n            >\n            <ng-content></ng-content>\n        </div>\n    </div>\n</div>\n", styles: [".expansion-panel{background-color:var(--sds-expansion-panel-bg-color)}.expansion-panel .panel-contents{display:grid;grid-template-rows:0fr}.expansion-panel .panel-contents.animate{transition:grid-template-rows .2s ease-out}.expansion-panel .panel-contents>div{overflow:hidden;min-height:0}.expansion-panel .panel-contents.open{grid-template-rows:1fr}.expansion-panel .caret{line-height:1rem;height:fit-content;transform:rotate(-180deg)}.expansion-panel .caret.rotate{transition:transform .2s ease-out}.expansion-panel.closed{cursor:pointer}.expansion-panel.closed .caret{transform:rotate(0)}.expansion-panel.closed.show-hover:hover{background-color:var(--sds-expansion-panel-hover-bg-color)}.expansion-panel.background{padding:1.125rem 1.5rem}.expansion-panel .expansion-panel-header{cursor:pointer;-webkit-user-select:none;user-select:none}.expansion-panel .expansion-panel-header .header-text{font-size:1.06rem;font-weight:600}.expansion-panel .expansion-panel-header .header-side-text{font-size:1.06rem;font-weight:500}.expansion-panel .expansion-panel-header button{text-decoration:none;padding:0;color:var(--bs-gray-900)}.expansion-panel .expansion-panel-header button:focus{box-shadow:none}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SdsExpansionPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.23", type: SdsExpansionPanelComponent, isStandalone: true, selector: "sds-expansion-panel", inputs: { headerIcon: "headerIcon", headerText: "headerText", headerSideText: "headerSideText", hideHeader: "hideHeader", headerId: "headerId", animateCaret: "animateCaret", animatePanel: "animatePanel", hoverColor: "hoverColor", showBackground: "showBackground", backgroundColor: "backgroundColor", caretPlacement: "caretPlacement", descriptionText: "descriptionText", isOpen: "isOpen", expandPanelText: "expandPanelText", collapsePanelText: "collapsePanelText", headerSize: "headerSize" }, outputs: { isOpenChange: "isOpenChange" }, ngImport: i0, template: "\n<!-- [style.background-color]=\"showBackground ? backgroundColor : null\" -->\n<div\n    class=\"rounded expansion-panel\"\n    [class.background]=\"showBackground\"\n    [class.closed]=\"!isOpen\"\n    [class.show-hover]=\"!isOpen && hoverColor\"\n    [style.--sds-expansion-panel-bg-color]=\"showBackground ? backgroundColor : 'transparent'\"\n    [style.--sds-expansion-panel-hover-bg-color]=\"hoverColor ? hoverColor : 'transparent'\"\n    (click)=\"openPanel()\"\n>\n    <ng-container *ngIf=\"!hideHeader\">\n        <div\n            class=\"expansion-panel-header sds-flex-row-center\"\n            (click)=\"onToggleIsOpenClick($event)\"\n        >\n            <button\n                type=\"button\"\n                class=\"btn btn-link\"\n                [id]=\"headerId\"\n                [class.me-auto]=\"caretPlacement === 'farEnd'\"\n                [class.me-2]=\"caretPlacement === 'nextToHeader'\"\n            >\n                <fa-icon class=\"me-1\" *ngIf=\"headerIcon\" [icon]=\"headerIcon\" [fixedWidth]=\"true\" [size]=\"headerSize == 'small' ? 'sm' : 'lg'\"></fa-icon>\n\n                <span \n                    class=\"header-text\"\n                    [class.sds-fs-93]=\"headerSize == 'small'\"\n                    >\n                    {{ headerText }}\n                </span>\n                <small \n                    *ngIf=\"headerSideText\"\n                    class=\"header-side-text text-muted\"\n                    [class.sds-fs-90]=\"headerSize == 'small'\"\n                    >\n                    {{ headerSideText }}\n                </small>\n            </button>\n            <button\n                type=\"button\"\n                class=\"btn btn-sm btn-link caret px-1\"\n                [class.rotate]=\"animateCaret\"\n                [title]=\"isOpen ? collapsePanelText ?? '' : expandPanelText ?? ''\"\n            >\n                <fa-icon [icon]=\"caretIcon\" [size]=\"headerSize == 'small' ? 'sm' : 'lg'\"></fa-icon>\n            </button>\n        </div>\n    </ng-container>\n\n    <div \n        *ngIf=\"!isOpen\"\n        >\n        {{ descriptionText }}\n        <ng-content select=\"[contentOnClosed]\"></ng-content>\n    </div>\n\n    <div \n        class=\"panel-contents\" \n        [class.open]=\"isOpen\"\n        [class.animate]=\"animatePanel\"\n        >\n        <div \n            *ngIf=\"isOpen\"\n            class=\"mt-2\"\n            >\n            <ng-content></ng-content>\n        </div>\n    </div>\n</div>\n", styles: [".expansion-panel{background-color:var(--sds-expansion-panel-bg-color)}.expansion-panel .panel-contents{display:grid;grid-template-rows:0fr}.expansion-panel .panel-contents.animate{transition:grid-template-rows .2s ease-out}.expansion-panel .panel-contents>div{overflow:hidden;min-height:0}.expansion-panel .panel-contents.open{grid-template-rows:1fr}.expansion-panel .caret{line-height:1rem;height:fit-content;transform:rotate(-180deg)}.expansion-panel .caret.rotate{transition:transform .2s ease-out}.expansion-panel.closed{cursor:pointer}.expansion-panel.closed .caret{transform:rotate(0)}.expansion-panel.closed.show-hover:hover{background-color:var(--sds-expansion-panel-hover-bg-color)}.expansion-panel.background{padding:1.125rem 1.5rem}.expansion-panel .expansion-panel-header{cursor:pointer;-webkit-user-select:none;user-select:none}.expansion-panel .expansion-panel-header .header-text{font-size:1.06rem;font-weight:600}.expansion-panel .expansion-panel-header .header-side-text{font-size:1.06rem;font-weight:500}.expansion-panel .expansion-panel-header button{text-decoration:none;padding:0;color:var(--bs-gray-900)}.expansion-panel .expansion-panel-header button:focus{box-shadow:none}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"], outputs: ["iconChange", "titleChange", "animationChange", "maskChange", "flipChange", "sizeChange", "pullChange", "borderChange", "inverseChange", "symbolChange", "rotateChange", "fixedWidthChange", "transformChange", "a11yRoleChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsExpansionPanelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SdsExpansionPanelComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sds-expansion-panel', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgIf, FaIconComponent], template: "\n<!-- [style.background-color]=\"showBackground ? backgroundColor : null\" -->\n<div\n    class=\"rounded expansion-panel\"\n    [class.background]=\"showBackground\"\n    [class.closed]=\"!isOpen\"\n    [class.show-hover]=\"!isOpen && hoverColor\"\n    [style.--sds-expansion-panel-bg-color]=\"showBackground ? backgroundColor : 'transparent'\"\n    [style.--sds-expansion-panel-hover-bg-color]=\"hoverColor ? hoverColor : 'transparent'\"\n    (click)=\"openPanel()\"\n>\n    <ng-container *ngIf=\"!hideHeader\">\n        <div\n            class=\"expansion-panel-header sds-flex-row-center\"\n            (click)=\"onToggleIsOpenClick($event)\"\n        >\n            <button\n                type=\"button\"\n                class=\"btn btn-link\"\n                [id]=\"headerId\"\n                [class.me-auto]=\"caretPlacement === 'farEnd'\"\n                [class.me-2]=\"caretPlacement === 'nextToHeader'\"\n            >\n                <fa-icon class=\"me-1\" *ngIf=\"headerIcon\" [icon]=\"headerIcon\" [fixedWidth]=\"true\" [size]=\"headerSize == 'small' ? 'sm' : 'lg'\"></fa-icon>\n\n                <span \n                    class=\"header-text\"\n                    [class.sds-fs-93]=\"headerSize == 'small'\"\n                    >\n                    {{ headerText }}\n                </span>\n                <small \n                    *ngIf=\"headerSideText\"\n                    class=\"header-side-text text-muted\"\n                    [class.sds-fs-90]=\"headerSize == 'small'\"\n                    >\n                    {{ headerSideText }}\n                </small>\n            </button>\n            <button\n                type=\"button\"\n                class=\"btn btn-sm btn-link caret px-1\"\n                [class.rotate]=\"animateCaret\"\n                [title]=\"isOpen ? collapsePanelText ?? '' : expandPanelText ?? ''\"\n            >\n                <fa-icon [icon]=\"caretIcon\" [size]=\"headerSize == 'small' ? 'sm' : 'lg'\"></fa-icon>\n            </button>\n        </div>\n    </ng-container>\n\n    <div \n        *ngIf=\"!isOpen\"\n        >\n        {{ descriptionText }}\n        <ng-content select=\"[contentOnClosed]\"></ng-content>\n    </div>\n\n    <div \n        class=\"panel-contents\" \n        [class.open]=\"isOpen\"\n        [class.animate]=\"animatePanel\"\n        >\n        <div \n            *ngIf=\"isOpen\"\n            class=\"mt-2\"\n            >\n            <ng-content></ng-content>\n        </div>\n    </div>\n</div>\n", styles: [".expansion-panel{background-color:var(--sds-expansion-panel-bg-color)}.expansion-panel .panel-contents{display:grid;grid-template-rows:0fr}.expansion-panel .panel-contents.animate{transition:grid-template-rows .2s ease-out}.expansion-panel .panel-contents>div{overflow:hidden;min-height:0}.expansion-panel .panel-contents.open{grid-template-rows:1fr}.expansion-panel .caret{line-height:1rem;height:fit-content;transform:rotate(-180deg)}.expansion-panel .caret.rotate{transition:transform .2s ease-out}.expansion-panel.closed{cursor:pointer}.expansion-panel.closed .caret{transform:rotate(0)}.expansion-panel.closed.show-hover:hover{background-color:var(--sds-expansion-panel-hover-bg-color)}.expansion-panel.background{padding:1.125rem 1.5rem}.expansion-panel .expansion-panel-header{cursor:pointer;-webkit-user-select:none;user-select:none}.expansion-panel .expansion-panel-header .header-text{font-size:1.06rem;font-weight:600}.expansion-panel .expansion-panel-header .header-side-text{font-size:1.06rem;font-weight:500}.expansion-panel .expansion-panel-header button{text-decoration:none;padding:0;color:var(--bs-gray-900)}.expansion-panel .expansion-panel-header button:focus{box-shadow:none}\n"] }]
+            args: [{ selector: 'sds-expansion-panel', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgIf, FaIconComponent], template: "\n<!-- [style.background-color]=\"showBackground ? backgroundColor : null\" -->\n<div\n    class=\"rounded expansion-panel\"\n    [class.background]=\"showBackground\"\n    [class.closed]=\"!isOpen\"\n    [class.show-hover]=\"!isOpen && hoverColor\"\n    [style.--sds-expansion-panel-bg-color]=\"showBackground ? backgroundColor : 'transparent'\"\n    [style.--sds-expansion-panel-hover-bg-color]=\"hoverColor ? hoverColor : 'transparent'\"\n    (click)=\"openPanel()\"\n>\n    <ng-container *ngIf=\"!hideHeader\">\n        <div\n            class=\"expansion-panel-header sds-flex-row-center\"\n            (click)=\"onToggleIsOpenClick($event)\"\n        >\n            <button\n                type=\"button\"\n                class=\"btn btn-link\"\n                [id]=\"headerId\"\n                [class.me-auto]=\"caretPlacement === 'farEnd'\"\n                [class.me-2]=\"caretPlacement === 'nextToHeader'\"\n            >\n                <fa-icon class=\"me-1\" *ngIf=\"headerIcon\" [icon]=\"headerIcon\" [fixedWidth]=\"true\" [size]=\"headerSize == 'small' ? 'sm' : 'lg'\"></fa-icon>\n\n                <span \n                    class=\"header-text\"\n                    [class.sds-fs-93]=\"headerSize == 'small'\"\n                    >\n                    {{ headerText }}\n                </span>\n                <small \n                    *ngIf=\"headerSideText\"\n                    class=\"header-side-text text-muted\"\n                    [class.sds-fs-90]=\"headerSize == 'small'\"\n                    >\n                    {{ headerSideText }}\n                </small>\n            </button>\n            <button\n                type=\"button\"\n                class=\"btn btn-sm btn-link caret px-1\"\n                [class.rotate]=\"animateCaret\"\n                [title]=\"isOpen ? collapsePanelText ?? '' : expandPanelText ?? ''\"\n            >\n                <fa-icon [icon]=\"caretIcon\" [size]=\"headerSize == 'small' ? 'sm' : 'lg'\"></fa-icon>\n            </button>\n        </div>\n    </ng-container>\n\n    <div \n        *ngIf=\"!isOpen\"\n        >\n        {{ descriptionText }}\n        <ng-content select=\"[contentOnClosed]\"></ng-content>\n    </div>\n\n    <div \n        class=\"panel-contents\" \n        [class.open]=\"isOpen\"\n        [class.animate]=\"animatePanel\"\n        >\n        <div \n            *ngIf=\"isOpen\"\n            class=\"mt-2\"\n            >\n            <ng-content></ng-content>\n        </div>\n    </div>\n</div>\n", styles: [".expansion-panel{background-color:var(--sds-expansion-panel-bg-color)}.expansion-panel .panel-contents{display:grid;grid-template-rows:0fr}.expansion-panel .panel-contents.animate{transition:grid-template-rows .2s ease-out}.expansion-panel .panel-contents>div{overflow:hidden;min-height:0}.expansion-panel .panel-contents.open{grid-template-rows:1fr}.expansion-panel .caret{line-height:1rem;height:fit-content;transform:rotate(-180deg)}.expansion-panel .caret.rotate{transition:transform .2s ease-out}.expansion-panel.closed{cursor:pointer}.expansion-panel.closed .caret{transform:rotate(0)}.expansion-panel.closed.show-hover:hover{background-color:var(--sds-expansion-panel-hover-bg-color)}.expansion-panel.background{padding:1.125rem 1.5rem}.expansion-panel .expansion-panel-header{cursor:pointer;-webkit-user-select:none;user-select:none}.expansion-panel .expansion-panel-header .header-text{font-size:1.06rem;font-weight:600}.expansion-panel .expansion-panel-header .header-side-text{font-size:1.06rem;font-weight:500}.expansion-panel .expansion-panel-header button{text-decoration:none;padding:0;color:var(--bs-gray-900)}.expansion-panel .expansion-panel-header button:focus{box-shadow:none}\n"] }]
         }], propDecorators: { headerIcon: [{
                 type: Input
             }], headerText: [{

package/fesm2022/spicainternational-ngx-sds-components-src-lib-expansion-panel.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"spicainternational-ngx-sds-components-src-lib-expansion-panel.mjs","sources":["../../../projects/ngx-sds-components/src/lib/expansion-panel/expansion-panel.component.ts","../../../projects/ngx-sds-components/src/lib/expansion-panel/expansion-panel.component.html","../../../projects/ngx-sds-components/src/lib/expansion-panel/spicainternational-ngx-sds-components-src-lib-expansion-panel.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    EventEmitter,\n    Input,\n    Output,\n} from '@angular/core';\nimport { faChevronDown } from '@fortawesome/pro-regular-svg-icons';\nimport { CaretPlacement, HeaderSize } from './expansion-panel.types';\nimport { IconDefinition } from '@fortawesome/fontawesome-svg-core';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport { NgIf } from '@angular/common';\n\n@Component({\n    selector: 'sds-expansion-panel',\n    templateUrl: './expansion-panel.component.html',\n    styleUrls: ['./expansion-panel.component.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    standalone: true,\n    imports: [NgIf, FaIconComponent],\n})\nexport class SdsExpansionPanelComponent {\n    @Input() headerIcon?: IconDefinition;\n    @Input() headerText?: string;\n    @Input() headerSideText?: string;\n    @Input() hideHeader?: boolean;\n    @Input() headerId?: string;\n\n    @Input() animateCaret = true;\n    @Input() animatePanel = true;\n\n    @Input() hoverColor?: string;\n\n\n    /**\n     * toggles greyish background\n     *\n     * @memberof SdsExpansionPanelComponent\n     */\n    @Input() showBackground = true;\n\n    /**\n     * Background color of the panel. Gray-100 by default\n     *\n     * @memberof SdsExpansionPanelComponent\n     */\n    @Input() backgroundColor = 'var(--bs-gray-100)';\n\n    /**\n     * position caret next to header of on the far end of the component\n     *\n     * @type {('nextToHeader' | 'farEnd')}\n     * @memberof SdsExpansionPanelComponent\n     */\n    @Input() caretPlacement: CaretPlacement = 'nextToHeader';\n\n    /**\n     * 'descriptionText' - text displayed when component is \"closed\".\n     *\n     * Note: Use ng-content 'contentOnClosed' if more complex use-case is needed\n     *\n     * @type {string}\n     * @memberof ExpansionPanelComponent\n     */\n    @Input() descriptionText?: string;\n\n    @Input() isOpen: boolean = false;\n    @Output() isOpenChange: EventEmitter<boolean> = new EventEmitter();\n\n    @Input() expandPanelText?: string;\n    @Input() collapsePanelText?: string;\n\n    @Input() headerSize: HeaderSize = 'default';\n\n    public caretIcon: IconDefinition = faChevronDown;\n    \n\n    public onToggleIsOpenClick(event: MouseEvent): void {\n        this.isOpen = !this.isOpen;\n        this.isOpenChange.emit(this.isOpen);\n        event.stopImmediatePropagation();\n    }\n\n    public openPanel() {\n        if (!this.isOpen) {\n            this.isOpen = true;\n            this.isOpenChange.emit(this.isOpen);\n        }\n    }\n}\n","\n<!-- [style.background-color]=\"showBackground ? backgroundColor : null\" -->\n<div\n    class=\"rounded expansion-panel\"\n    [class.background]=\"showBackground\"\n    [class.closed]=\"!isOpen\"\n    [class.show-hover]=\"!isOpen && hoverColor\"\n    [style.--sds-expansion-panel-bg-color]=\"showBackground ? backgroundColor : 'transparent'\"\n    [style.--sds-expansion-panel-hover-bg-color]=\"hoverColor ? hoverColor : 'transparent'\"\n    (click)=\"openPanel()\"\n>\n    <ng-container *ngIf=\"!hideHeader\">\n        <div\n            class=\"expansion-panel-header sds-flex-row-center\"\n            (click)=\"onToggleIsOpenClick($event)\"\n        >\n            <button\n                type=\"button\"\n                class=\"btn btn-link\"\n                [id]=\"headerId\"\n                [class.me-auto]=\"caretPlacement === 'farEnd'\"\n                [class.me-2]=\"caretPlacement === 'nextToHeader'\"\n            >\n                <fa-icon class=\"me-1\" *ngIf=\"headerIcon\" [icon]=\"headerIcon\" [fixedWidth]=\"true\" [size]=\"headerSize == 'small' ? 'sm' : 'lg'\"></fa-icon>\n\n                <span \n                    class=\"header-text\"\n                    [class.sds-fs-93]=\"headerSize == 'small'\"\n                    >\n                    {{ headerText }}\n                </span>\n                <small \n                    *ngIf=\"headerSideText\"\n                    class=\"header-side-text text-muted\"\n                    [class.sds-fs-90]=\"headerSize == 'small'\"\n                    >\n                    {{ headerSideText }}\n                </small>\n            </button>\n            <button\n                type=\"button\"\n                class=\"btn btn-sm btn-link caret px-1\"\n                [class.rotate]=\"animateCaret\"\n                [title]=\"isOpen ? collapsePanelText ?? '' : expandPanelText ?? ''\"\n            >\n                <fa-icon [icon]=\"caretIcon\" [size]=\"headerSize == 'small' ? 'sm' : 'lg'\"></fa-icon>\n            </button>\n        </div>\n    </ng-container>\n\n    <div \n        *ngIf=\"!isOpen\"\n        >\n        {{ descriptionText }}\n        <ng-content select=\"[contentOnClosed]\"></ng-content>\n    </div>\n\n    <div \n        class=\"panel-contents\" \n        [class.open]=\"isOpen\"\n        [class.animate]=\"animatePanel\"\n        >\n        <div \n            *ngIf=\"isOpen\"\n            class=\"mt-2\"\n            >\n            <ng-content></ng-content>\n        </div>\n    </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"spicainternational-ngx-sds-components-src-lib-expansion-panel.mjs","sources":["../../../projects/ngx-sds-components/src/lib/expansion-panel/expansion-panel.component.ts","../../../projects/ngx-sds-components/src/lib/expansion-panel/expansion-panel.component.html","../../../projects/ngx-sds-components/src/lib/expansion-panel/spicainternational-ngx-sds-components-src-lib-expansion-panel.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    EventEmitter,\n    Input,\n    Output,\n} from '@angular/core';\nimport { faChevronDown } from '@fortawesome/pro-regular-svg-icons';\nimport { CaretPlacement, HeaderSize } from './expansion-panel.types';\nimport { IconDefinition } from '@fortawesome/fontawesome-svg-core';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport { NgIf } from '@angular/common';\n\n@Component({\n    selector: 'sds-expansion-panel',\n    templateUrl: './expansion-panel.component.html',\n    styleUrls: ['./expansion-panel.component.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    imports: [NgIf, FaIconComponent]\n})\nexport class SdsExpansionPanelComponent {\n    @Input() headerIcon?: IconDefinition;\n    @Input() headerText?: string;\n    @Input() headerSideText?: string;\n    @Input() hideHeader?: boolean;\n    @Input() headerId?: string;\n\n    @Input() animateCaret = true;\n    @Input() animatePanel = true;\n\n    @Input() hoverColor?: string;\n\n\n    /**\n     * toggles greyish background\n     *\n     * @memberof SdsExpansionPanelComponent\n     */\n    @Input() showBackground = true;\n\n    /**\n     * Background color of the panel. Gray-100 by default\n     *\n     * @memberof SdsExpansionPanelComponent\n     */\n    @Input() backgroundColor = 'var(--bs-gray-100)';\n\n    /**\n     * position caret next to header of on the far end of the component\n     *\n     * @type {('nextToHeader' | 'farEnd')}\n     * @memberof SdsExpansionPanelComponent\n     */\n    @Input() caretPlacement: CaretPlacement = 'nextToHeader';\n\n    /**\n     * 'descriptionText' - text displayed when component is \"closed\".\n     *\n     * Note: Use ng-content 'contentOnClosed' if more complex use-case is needed\n     *\n     * @type {string}\n     * @memberof ExpansionPanelComponent\n     */\n    @Input() descriptionText?: string;\n\n    @Input() isOpen: boolean = false;\n    @Output() isOpenChange: EventEmitter<boolean> = new EventEmitter();\n\n    @Input() expandPanelText?: string;\n    @Input() collapsePanelText?: string;\n\n    @Input() headerSize: HeaderSize = 'default';\n\n    public caretIcon: IconDefinition = faChevronDown;\n    \n\n    public onToggleIsOpenClick(event: MouseEvent): void {\n        this.isOpen = !this.isOpen;\n        this.isOpenChange.emit(this.isOpen);\n        event.stopImmediatePropagation();\n    }\n\n    public openPanel() {\n        if (!this.isOpen) {\n            this.isOpen = true;\n            this.isOpenChange.emit(this.isOpen);\n        }\n    }\n}\n","\n<!-- [style.background-color]=\"showBackground ? backgroundColor : null\" -->\n<div\n    class=\"rounded expansion-panel\"\n    [class.background]=\"showBackground\"\n    [class.closed]=\"!isOpen\"\n    [class.show-hover]=\"!isOpen && hoverColor\"\n    [style.--sds-expansion-panel-bg-color]=\"showBackground ? backgroundColor : 'transparent'\"\n    [style.--sds-expansion-panel-hover-bg-color]=\"hoverColor ? hoverColor : 'transparent'\"\n    (click)=\"openPanel()\"\n>\n    <ng-container *ngIf=\"!hideHeader\">\n        <div\n            class=\"expansion-panel-header sds-flex-row-center\"\n            (click)=\"onToggleIsOpenClick($event)\"\n        >\n            <button\n                type=\"button\"\n                class=\"btn btn-link\"\n                [id]=\"headerId\"\n                [class.me-auto]=\"caretPlacement === 'farEnd'\"\n                [class.me-2]=\"caretPlacement === 'nextToHeader'\"\n            >\n                <fa-icon class=\"me-1\" *ngIf=\"headerIcon\" [icon]=\"headerIcon\" [fixedWidth]=\"true\" [size]=\"headerSize == 'small' ? 'sm' : 'lg'\"></fa-icon>\n\n                <span \n                    class=\"header-text\"\n                    [class.sds-fs-93]=\"headerSize == 'small'\"\n                    >\n                    {{ headerText }}\n                </span>\n                <small \n                    *ngIf=\"headerSideText\"\n                    class=\"header-side-text text-muted\"\n                    [class.sds-fs-90]=\"headerSize == 'small'\"\n                    >\n                    {{ headerSideText }}\n                </small>\n            </button>\n            <button\n                type=\"button\"\n                class=\"btn btn-sm btn-link caret px-1\"\n                [class.rotate]=\"animateCaret\"\n                [title]=\"isOpen ? collapsePanelText ?? '' : expandPanelText ?? ''\"\n            >\n                <fa-icon [icon]=\"caretIcon\" [size]=\"headerSize == 'small' ? 'sm' : 'lg'\"></fa-icon>\n            </button>\n        </div>\n    </ng-container>\n\n    <div \n        *ngIf=\"!isOpen\"\n        >\n        {{ descriptionText }}\n        <ng-content select=\"[contentOnClosed]\"></ng-content>\n    </div>\n\n    <div \n        class=\"panel-contents\" \n        [class.open]=\"isOpen\"\n        [class.animate]=\"animatePanel\"\n        >\n        <div \n            *ngIf=\"isOpen\"\n            class=\"mt-2\"\n            >\n            <ng-content></ng-content>\n        </div>\n    </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}