npm - @spicainternational/ngx-sds-components - Versions diffs - 9.1.1 → 9.2.0-beta.0 - Mend

@spicainternational/ngx-sds-components 9.1.1 → 9.2.0-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (61) hide show

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

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

@@ -44,13 +44,13 @@ class SdsDrawerComponent {
         return this.transitionDuration;
     }
     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"] }); }
+    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>\r\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: "21.2.23", ngImport: i0, type: SdsDrawerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sds-drawer', standalone: true, host: {
                         '[style.--sds-drawer-border-color]': 'borderColor'
-                    }, 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"] }]
+                    }, template: "<ng-content></ng-content>\r\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"] }]
         }], propDecorators: { isOpen: [{
                 type: Input
             }], showShadow: [{

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

	@@ -1 +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":";;;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;;"}
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 {\r\n Component,\r\n EventEmitter,\r\n HostBinding,\r\n Input,\r\n Output,\r\n} from '@angular/core';\r\n\r\n@Component({\r\n selector: 'sds-drawer',\r\n templateUrl: './drawer.component.html',\r\n styleUrls: ['./drawer.component.scss'],\r\n standalone: true,\r\n host: {\r\n '[style.--sds-drawer-border-color]': 'borderColor'\r\n }\r\n \r\n})\r\nexport class SdsDrawerComponent {\r\n @Input() isOpen = false;\r\n @Input() showShadow = true;\r\n @Input() backgroundColor = 'white';\r\n @Input() borderColor = 'var(--bs-gray-400)';\r\n @Input() transitionTimingFunction = 'ease-out';\r\n @Input() transitionDuration = '0.3s';\r\n\r\n @Input() width = '10rem';\r\n @Input() position: 'start' \| 'end' \| 'top' \| 'bottom' = 'end';\r\n\r\n @HostBinding('class.sds-drawer') drawerClass = true;\r\n @HostBinding('class.sds-drawer-end') get drawerEnd() {\r\n return this.position === 'end';\r\n }\r\n @HostBinding('class.sds-drawer-start') get drawerStart() {\r\n return this.position === 'start';\r\n }\r\n @HostBinding('class.sds-drawer-top') get drawerTop() {\r\n return this.position === 'top';\r\n }\r\n @HostBinding('class.sds-drawer-bottom') get drawerBottom() {\r\n return this.position === 'bottom';\r\n }\r\n @HostBinding('class.show') get show() {\r\n return this.isOpen;\r\n }\r\n @HostBinding('style.width') get drawerWidth() {\r\n return this.width;\r\n }\r\n @HostBinding('class.show-shadow') get drawerShowShadow() {\r\n return this.showShadow;\r\n }\r\n @HostBinding('style.background-color') get drawerBackgroundColor() {\r\n return this.backgroundColor;\r\n }\r\n @HostBinding('style.transition-timing-function') get drawerTransitionTimingFunction() {\r\n return this.transitionTimingFunction;\r\n }\r\n @HostBinding('style.transition-duration') get drawerTransitionDuration() {\r\n return this.transitionDuration;\r\n }\r\n\r\n\r\n}\r\n","<ng-content></ng-content>\r\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,+BACA,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,+BAAA,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 CHANGED Viewed

@@ -298,7 +298,7 @@ class SdsDurationBoxComponent {
         this._validator?.instance.validate();
     }
     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" }] }); }
+    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\r\n    #textbox\r\n    [id]=\"elementUUID\"\r\n    class=\"sds-durationbox\"\r\n    [(value)]=\"inputValue\"\r\n    (onKeyDown)=\"blockNonNumberOrSemicolon($event)\"\r\n    (onChange)=\"resolveInput()\"\r\n    [width]=\"width\"\r\n    [disabled]=\"disabled\"\r\n    >\r\n\r\n    <dx-validator \r\n        #validator>\r\n        <dxi-validation-rule\r\n            #validationRule\r\n            type=\"custom\"\r\n            [message]=\"rangeViolationText\"\r\n            [reevaluate]=\"true\"\r\n        ></dxi-validation-rule>\r\n    </dx-validator>\r\n\r\n    <dxi-button\r\n        *ngIf=\"allowEmptyValue && showClearButton\"\r\n        name=\"clearValue\"\r\n        location=\"after\"\r\n        [options]=\"clearValueButton\"\r\n    ></dxi-button>\r\n    \r\n    <dxi-button\r\n        *ngIf=\"options && options.length > 0\"\r\n        name=\"optionsDropdown\"\r\n        location=\"after\"\r\n        [options]=\"optionsDropdownButton\"\r\n    ></dxi-button>\r\n</dx-text-box>\r\n\r\n\r\n<dx-popover\r\n    target=\"#{{elementUUID}}\"\r\n    [(visible)]=\"showOptions\"\r\n    [minWidth]=\"width\"\r\n    [hideOnOutsideClick]=\"true\"\r\n    [wrapperAttr]=\"{ class: 'sds-durationbox-options-popover' }\"\r\n    >\r\n\r\n    <div *dxTemplate=\"let data of 'content'\">\r\n        <dx-scroll-view>\r\n            <button\r\n                class=\"dropdown-item border-0\"\r\n                [class.selected] = \"isValueEmpty\"\r\n                (click)=\"applyOption(null)\"\r\n                > {{ emptyValueText}}\r\n        </button>\r\n\r\n            <div *ngFor=\"let option of options\">\r\n                <button\r\n                    class=\"dropdown-item border-0\"\r\n                    [class.selected] = \"option === value\"\r\n                    (click)=\"applyOption(option)\"\r\n                > {{option | sdsDurationFormat}}\r\n            </button>\r\n            </div>\r\n        </dx-scroll-view>\r\n    </div>\r\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: "21.2.23", ngImport: i0, type: SdsDurationBoxComponent, decorators: [{
             type: Component,
@@ -313,7 +313,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
                         DxScrollViewModule,
                         NgFor,
                         SdsDurationFormatPipe,
-                    ], 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"] }]
+                    ], template: "<dx-text-box\r\n    #textbox\r\n    [id]=\"elementUUID\"\r\n    class=\"sds-durationbox\"\r\n    [(value)]=\"inputValue\"\r\n    (onKeyDown)=\"blockNonNumberOrSemicolon($event)\"\r\n    (onChange)=\"resolveInput()\"\r\n    [width]=\"width\"\r\n    [disabled]=\"disabled\"\r\n    >\r\n\r\n    <dx-validator \r\n        #validator>\r\n        <dxi-validation-rule\r\n            #validationRule\r\n            type=\"custom\"\r\n            [message]=\"rangeViolationText\"\r\n            [reevaluate]=\"true\"\r\n        ></dxi-validation-rule>\r\n    </dx-validator>\r\n\r\n    <dxi-button\r\n        *ngIf=\"allowEmptyValue && showClearButton\"\r\n        name=\"clearValue\"\r\n        location=\"after\"\r\n        [options]=\"clearValueButton\"\r\n    ></dxi-button>\r\n    \r\n    <dxi-button\r\n        *ngIf=\"options && options.length > 0\"\r\n        name=\"optionsDropdown\"\r\n        location=\"after\"\r\n        [options]=\"optionsDropdownButton\"\r\n    ></dxi-button>\r\n</dx-text-box>\r\n\r\n\r\n<dx-popover\r\n    target=\"#{{elementUUID}}\"\r\n    [(visible)]=\"showOptions\"\r\n    [minWidth]=\"width\"\r\n    [hideOnOutsideClick]=\"true\"\r\n    [wrapperAttr]=\"{ class: 'sds-durationbox-options-popover' }\"\r\n    >\r\n\r\n    <div *dxTemplate=\"let data of 'content'\">\r\n        <dx-scroll-view>\r\n            <button\r\n                class=\"dropdown-item border-0\"\r\n                [class.selected] = \"isValueEmpty\"\r\n                (click)=\"applyOption(null)\"\r\n                > {{ emptyValueText}}\r\n        </button>\r\n\r\n            <div *ngFor=\"let option of options\">\r\n                <button\r\n                    class=\"dropdown-item border-0\"\r\n                    [class.selected] = \"option === value\"\r\n                    (click)=\"applyOption(option)\"\r\n                > {{option | sdsDurationFormat}}\r\n            </button>\r\n            </div>\r\n        </dx-scroll-view>\r\n    </div>\r\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"] }]
         }], ctorParameters: () => [{ type: DurationService }], propDecorators: { value: [{
                 type: Input
             }], valueChange: [{

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

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

	@@ -1 +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;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;;"}
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';\r\n\r\n@Pipe({\r\n name: 'sdsDurationFormat',\r\n standalone: true,\r\n})\r\nexport class SdsDurationFormatPipe implements PipeTransform {\r\n transform(value: number \| null, emptyValueText: string = ''): string {\r\n if (value === null) {\r\n return emptyValueText;\r\n } else if (typeof value === 'number') {\r\n const sign = Math.sign(value);\r\n value = Math.abs(value);\r\n const hours = Math.floor(value / 60);\r\n const mins = value % 60;\r\n return `${sign === -1 ? '-' : ''}${hours.toString().padStart(1, '0')}:${mins.toString().padStart(2, '0')}`;\r\n }\r\n return '';\r\n }\r\n}\r\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.map CHANGED Viewed

	@@ -1 +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,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;;"}
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';\r\n\r\n/\r\n Parent must have a fixed width for this directive to work properly.\r\n * Ellipsis will not appear without a parent width.\r\n \r\n tooltipText: @Input overrides the element's innerHtml with the provided\r\n * string variable in the title, used to prevent HTML tags from appearing\r\n * in the mouseover title. This will override text from an Input node.\r\n /\r\n@Directive({\r\n selector: '[sdsEllipsis]',\r\n standalone: true,\r\n})\r\nexport class SdsEllipsisDirective implements AfterViewInit {\r\n @Input() public tooltipText?: string;\r\n\r\n private element?: HTMLElement;\r\n\r\n public constructor(\r\n private elementRef: ElementRef,\r\n private renderer: Renderer2\r\n ) {}\r\n\r\n public ngAfterViewInit(): void {\r\n this.element = this.elementRef.nativeElement;\r\n this.renderer.setStyle(this.element, 'display', 'block');\r\n this.renderer.setStyle(this.element, 'overflow', 'hidden');\r\n this.renderer.setStyle(this.element, 'textOverflow', 'ellipsis');\r\n this.renderer.setStyle(this.element, 'whiteSpace', 'nowrap');\r\n }\r\n\r\n @HostListener('mouseenter') public enter(): void {\r\n if (this.element && this.element.offsetWidth < this.element.scrollWidth) {\r\n // this.renderer.setStyle(this.element, 'cursor', 'pointer');\r\n\r\n if (this.tooltipText !== undefined && this.tooltipText.length > 0) {\r\n this.element.title = this.tooltipText;\r\n return;\r\n } else if (this.element.nodeName === 'INPUT') {\r\n this.element.title = this.elementRef?.nativeElement?.value;\r\n return;\r\n }\r\n this.element.title = this.element.innerHTML;\r\n }\r\n }\r\n}\r\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 CHANGED Viewed

@@ -44,11 +44,11 @@ class SdsExpansionPanelComponent {
         }
     }
     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 }); }
+    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: "\r\n<!-- [style.background-color]=\"showBackground ? backgroundColor : null\" -->\r\n<div\r\n    class=\"rounded expansion-panel\"\r\n    [class.background]=\"showBackground\"\r\n    [class.closed]=\"!isOpen\"\r\n    [class.show-hover]=\"!isOpen && hoverColor\"\r\n    [style.--sds-expansion-panel-bg-color]=\"showBackground ? backgroundColor : 'transparent'\"\r\n    [style.--sds-expansion-panel-hover-bg-color]=\"hoverColor ? hoverColor : 'transparent'\"\r\n    (click)=\"openPanel()\"\r\n>\r\n    <ng-container *ngIf=\"!hideHeader\">\r\n        <div\r\n            class=\"expansion-panel-header sds-flex-row-center\"\r\n            (click)=\"onToggleIsOpenClick($event)\"\r\n        >\r\n            <button\r\n                type=\"button\"\r\n                class=\"btn btn-link\"\r\n                [id]=\"headerId\"\r\n                [class.me-auto]=\"caretPlacement === 'farEnd'\"\r\n                [class.me-2]=\"caretPlacement === 'nextToHeader'\"\r\n            >\r\n                <fa-icon class=\"me-1\" *ngIf=\"headerIcon\" [icon]=\"headerIcon\" [fixedWidth]=\"true\" [size]=\"headerSize == 'small' ? 'sm' : 'lg'\"></fa-icon>\r\n\r\n                <span \r\n                    class=\"header-text\"\r\n                    [class.sds-fs-93]=\"headerSize == 'small'\"\r\n                    >\r\n                    {{ headerText }}\r\n                </span>\r\n                <small \r\n                    *ngIf=\"headerSideText\"\r\n                    class=\"header-side-text text-muted\"\r\n                    [class.sds-fs-90]=\"headerSize == 'small'\"\r\n                    >\r\n                    {{ headerSideText }}\r\n                </small>\r\n            </button>\r\n            <button\r\n                type=\"button\"\r\n                class=\"btn btn-sm btn-link caret px-1\"\r\n                [class.rotate]=\"animateCaret\"\r\n                [title]=\"isOpen ? collapsePanelText ?? '' : expandPanelText ?? ''\"\r\n            >\r\n                <fa-icon [icon]=\"caretIcon\" [size]=\"headerSize == 'small' ? 'sm' : 'lg'\"></fa-icon>\r\n            </button>\r\n        </div>\r\n    </ng-container>\r\n\r\n    <div \r\n        *ngIf=\"!isOpen\"\r\n        >\r\n        {{ descriptionText }}\r\n        <ng-content select=\"[contentOnClosed]\"></ng-content>\r\n    </div>\r\n\r\n    <div \r\n        class=\"panel-contents\" \r\n        [class.open]=\"isOpen\"\r\n        [class.animate]=\"animatePanel\"\r\n        >\r\n        <div \r\n            *ngIf=\"isOpen\"\r\n            class=\"mt-2\"\r\n            >\r\n            <ng-content></ng-content>\r\n        </div>\r\n    </div>\r\n</div>\r\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: "21.2.23", ngImport: i0, type: SdsExpansionPanelComponent, decorators: [{
             type: Component,
-            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"] }]
+            args: [{ selector: 'sds-expansion-panel', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgIf, FaIconComponent], template: "\r\n<!-- [style.background-color]=\"showBackground ? backgroundColor : null\" -->\r\n<div\r\n    class=\"rounded expansion-panel\"\r\n    [class.background]=\"showBackground\"\r\n    [class.closed]=\"!isOpen\"\r\n    [class.show-hover]=\"!isOpen && hoverColor\"\r\n    [style.--sds-expansion-panel-bg-color]=\"showBackground ? backgroundColor : 'transparent'\"\r\n    [style.--sds-expansion-panel-hover-bg-color]=\"hoverColor ? hoverColor : 'transparent'\"\r\n    (click)=\"openPanel()\"\r\n>\r\n    <ng-container *ngIf=\"!hideHeader\">\r\n        <div\r\n            class=\"expansion-panel-header sds-flex-row-center\"\r\n            (click)=\"onToggleIsOpenClick($event)\"\r\n        >\r\n            <button\r\n                type=\"button\"\r\n                class=\"btn btn-link\"\r\n                [id]=\"headerId\"\r\n                [class.me-auto]=\"caretPlacement === 'farEnd'\"\r\n                [class.me-2]=\"caretPlacement === 'nextToHeader'\"\r\n            >\r\n                <fa-icon class=\"me-1\" *ngIf=\"headerIcon\" [icon]=\"headerIcon\" [fixedWidth]=\"true\" [size]=\"headerSize == 'small' ? 'sm' : 'lg'\"></fa-icon>\r\n\r\n                <span \r\n                    class=\"header-text\"\r\n                    [class.sds-fs-93]=\"headerSize == 'small'\"\r\n                    >\r\n                    {{ headerText }}\r\n                </span>\r\n                <small \r\n                    *ngIf=\"headerSideText\"\r\n                    class=\"header-side-text text-muted\"\r\n                    [class.sds-fs-90]=\"headerSize == 'small'\"\r\n                    >\r\n                    {{ headerSideText }}\r\n                </small>\r\n            </button>\r\n            <button\r\n                type=\"button\"\r\n                class=\"btn btn-sm btn-link caret px-1\"\r\n                [class.rotate]=\"animateCaret\"\r\n                [title]=\"isOpen ? collapsePanelText ?? '' : expandPanelText ?? ''\"\r\n            >\r\n                <fa-icon [icon]=\"caretIcon\" [size]=\"headerSize == 'small' ? 'sm' : 'lg'\"></fa-icon>\r\n            </button>\r\n        </div>\r\n    </ng-container>\r\n\r\n    <div \r\n        *ngIf=\"!isOpen\"\r\n        >\r\n        {{ descriptionText }}\r\n        <ng-content select=\"[contentOnClosed]\"></ng-content>\r\n    </div>\r\n\r\n    <div \r\n        class=\"panel-contents\" \r\n        [class.open]=\"isOpen\"\r\n        [class.animate]=\"animatePanel\"\r\n        >\r\n        <div \r\n            *ngIf=\"isOpen\"\r\n            class=\"mt-2\"\r\n            >\r\n            <ng-content></ng-content>\r\n        </div>\r\n    </div>\r\n</div>\r\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 CHANGED Viewed

	@@ -1 +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 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":";;;;;;MAoBa,0BAA0B,CAAA;AAPvC,IAAA,WAAA,GAAA;QAca,IAAA,CAAA,YAAY,GAAG,IAAI;QACnB,IAAA,CAAA,YAAY,GAAG,IAAI;AAK5B;;;;AAIG;QACM,IAAA,CAAA,cAAc,GAAG,IAAI;AAE9B;;;;AAIG;QACM,IAAA,CAAA,eAAe,GAAG,oBAAoB;AAE/C;;;;;AAKG;QACM,IAAA,CAAA,cAAc,GAAmB,cAAc;QAY/C,IAAA,CAAA,MAAM,GAAY,KAAK;AACtB,QAAA,IAAA,CAAA,YAAY,GAA0B,IAAI,YAAY,EAAE;QAKzD,IAAA,CAAA,UAAU,GAAe,SAAS;QAEpC,IAAA,CAAA,SAAS,GAAmB,aAAa;AAenD,IAAA;AAZU,IAAA,mBAAmB,CAAC,KAAiB,EAAA;AACxC,QAAA,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM;QAC1B,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;QACnC,KAAK,CAAC,wBAAwB,EAAE;IACpC;IAEO,SAAS,GAAA;AACZ,QAAA,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;AACd,YAAA,IAAI,CAAC,MAAM,GAAG,IAAI;YAClB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;QACvC;IACJ;+GAnES,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA1B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,0BAA0B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,UAAA,EAAA,YAAA,EAAA,cAAA,EAAA,YAAA,EAAA,cAAA,EAAA,UAAA,EAAA,YAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,QAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,UAAA,EAAA,YAAA,EAAA,EAAA,OAAA,EAAA,EAAA,YAAA,EAAA,cAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECpBvC,~~k9EAsEA~~,EAAA,MAAA,EAAA,CAAA,grCAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDpDc,IAAI,6FAAE,eAAe,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,WAAA,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,QAAA,EAAA,SAAA,EAAA,QAAA,EAAA,QAAA,EAAA,YAAA,EAAA,WAAA,EAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,YAAA,EAAA,aAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,YAAA,EAAA,YAAA,EAAA,YAAA,EAAA,cAAA,EAAA,eAAA,EAAA,cAAA,EAAA,cAAA,EAAA,kBAAA,EAAA,iBAAA,EAAA,gBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAEtB,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAPtC,SAAS;+BACI,qBAAqB,EAAA,eAAA,EAGd,uBAAuB,CAAC,MAAM,WACtC,CAAC,IAAI,EAAE,eAAe,CAAC,EAAA,QAAA,EAAA,~~k9EAAA~~,EAAA,MAAA,EAAA,CAAA,grCAAA,CAAA,EAAA;;sBAG/B;;sBACA;;sBACA;;sBACA;;sBACA;;sBAEA;;sBACA;;sBAEA;;sBAQA;;sBAOA;;sBAQA;;sBAUA;;sBAEA;;sBACA;;sBAEA;;sBACA;;sBAEA;;;AEvEL;;AAEG;;"}
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 {\r\n ChangeDetectionStrategy,\r\n Component,\r\n EventEmitter,\r\n Input,\r\n Output,\r\n} from '@angular/core';\r\nimport { faChevronDown } from '@fortawesome/pro-regular-svg-icons';\r\nimport { CaretPlacement, HeaderSize } from './expansion-panel.types';\r\nimport { IconDefinition } from '@fortawesome/fontawesome-svg-core';\r\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\r\nimport { NgIf } from '@angular/common';\r\n\r\n@Component({\r\n selector: 'sds-expansion-panel',\r\n templateUrl: './expansion-panel.component.html',\r\n styleUrls: ['./expansion-panel.component.scss'],\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n imports: [NgIf, FaIconComponent]\r\n})\r\nexport class SdsExpansionPanelComponent {\r\n @Input() headerIcon?: IconDefinition;\r\n @Input() headerText?: string;\r\n @Input() headerSideText?: string;\r\n @Input() hideHeader?: boolean;\r\n @Input() headerId?: string;\r\n\r\n @Input() animateCaret = true;\r\n @Input() animatePanel = true;\r\n\r\n @Input() hoverColor?: string;\r\n\r\n\r\n /*\r\n toggles greyish background\r\n \r\n @memberof SdsExpansionPanelComponent\r\n /\r\n @Input() showBackground = true;\r\n\r\n /\r\n Background color of the panel. Gray-100 by default\r\n \r\n @memberof SdsExpansionPanelComponent\r\n /\r\n @Input() backgroundColor = 'var(--bs-gray-100)';\r\n\r\n /\r\n position caret next to header of on the far end of the component\r\n \r\n @type {('nextToHeader' \| 'farEnd')}\r\n * @memberof SdsExpansionPanelComponent\r\n /\r\n @Input() caretPlacement: CaretPlacement = 'nextToHeader';\r\n\r\n /\r\n 'descriptionText' - text displayed when component is \"closed\".\r\n \r\n Note: Use ng-content 'contentOnClosed' if more complex use-case is needed\r\n \r\n @type {string}\r\n * @memberof ExpansionPanelComponent\r\n /\r\n @Input() descriptionText?: string;\r\n\r\n @Input() isOpen: boolean = false;\r\n @Output() isOpenChange: EventEmitter<boolean> = new EventEmitter();\r\n\r\n @Input() expandPanelText?: string;\r\n @Input() collapsePanelText?: string;\r\n\r\n @Input() headerSize: HeaderSize = 'default';\r\n\r\n public caretIcon: IconDefinition = faChevronDown;\r\n \r\n\r\n public onToggleIsOpenClick(event: MouseEvent): void {\r\n this.isOpen = !this.isOpen;\r\n this.isOpenChange.emit(this.isOpen);\r\n event.stopImmediatePropagation();\r\n }\r\n\r\n public openPanel() {\r\n if (!this.isOpen) {\r\n this.isOpen = true;\r\n this.isOpenChange.emit(this.isOpen);\r\n }\r\n }\r\n}\r\n","\r\n<!-- [style.background-color]=\"showBackground ? backgroundColor : null\" -->\r\n<div\r\n class=\"rounded expansion-panel\"\r\n [class.background]=\"showBackground\"\r\n [class.closed]=\"!isOpen\"\r\n [class.show-hover]=\"!isOpen && hoverColor\"\r\n [style.--sds-expansion-panel-bg-color]=\"showBackground ? backgroundColor : 'transparent'\"\r\n [style.--sds-expansion-panel-hover-bg-color]=\"hoverColor ? hoverColor : 'transparent'\"\r\n (click)=\"openPanel()\"\r\n>\r\n <ng-container ngIf=\"!hideHeader\">\r\n <div\r\n class=\"expansion-panel-header sds-flex-row-center\"\r\n (click)=\"onToggleIsOpenClick($event)\"\r\n >\r\n <button\r\n type=\"button\"\r\n class=\"btn btn-link\"\r\n [id]=\"headerId\"\r\n [class.me-auto]=\"caretPlacement === 'farEnd'\"\r\n [class.me-2]=\"caretPlacement === 'nextToHeader'\"\r\n >\r\n <fa-icon class=\"me-1\" ngIf=\"headerIcon\" [icon]=\"headerIcon\" [fixedWidth]=\"true\" [size]=\"headerSize == 'small' ? 'sm' : 'lg'\"></fa-icon>\r\n\r\n <span \r\n class=\"header-text\"\r\n [class.sds-fs-93]=\"headerSize == 'small'\"\r\n >\r\n {{ headerText }}\r\n </span>\r\n <small \r\n ngIf=\"headerSideText\"\r\n class=\"header-side-text text-muted\"\r\n [class.sds-fs-90]=\"headerSize == 'small'\"\r\n >\r\n {{ headerSideText }}\r\n </small>\r\n </button>\r\n <button\r\n type=\"button\"\r\n class=\"btn btn-sm btn-link caret px-1\"\r\n [class.rotate]=\"animateCaret\"\r\n [title]=\"isOpen ? collapsePanelText ?? '' : expandPanelText ?? ''\"\r\n >\r\n <fa-icon [icon]=\"caretIcon\" [size]=\"headerSize == 'small' ? 'sm' : 'lg'\"></fa-icon>\r\n </button>\r\n </div>\r\n </ng-container>\r\n\r\n <div \r\n ngIf=\"!isOpen\"\r\n >\r\n {{ descriptionText }}\r\n <ng-content select=\"[contentOnClosed]\"></ng-content>\r\n </div>\r\n\r\n <div \r\n class=\"panel-contents\" \r\n [class.open]=\"isOpen\"\r\n [class.animate]=\"animatePanel\"\r\n >\r\n <div \r\n ngIf=\"isOpen\"\r\n class=\"mt-2\"\r\n >\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n</div>\r\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;;;;MAoBa,0BAA0B,CAAA;AAPvC,IAAA,WAAA,GAAA;QAca,IAAA,CAAA,YAAY,GAAG,IAAI;QACnB,IAAA,CAAA,YAAY,GAAG,IAAI;AAK5B;;;;AAIG;QACM,IAAA,CAAA,cAAc,GAAG,IAAI;AAE9B;;;;AAIG;QACM,IAAA,CAAA,eAAe,GAAG,oBAAoB;AAE/C;;;;;AAKG;QACM,IAAA,CAAA,cAAc,GAAmB,cAAc;QAY/C,IAAA,CAAA,MAAM,GAAY,KAAK;AACtB,QAAA,IAAA,CAAA,YAAY,GAA0B,IAAI,YAAY,EAAE;QAKzD,IAAA,CAAA,UAAU,GAAe,SAAS;QAEpC,IAAA,CAAA,SAAS,GAAmB,aAAa;AAenD,IAAA;AAZU,IAAA,mBAAmB,CAAC,KAAiB,EAAA;AACxC,QAAA,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM;QAC1B,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;QACnC,KAAK,CAAC,wBAAwB,EAAE;IACpC;IAEO,SAAS,GAAA;AACZ,QAAA,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;AACd,YAAA,IAAI,CAAC,MAAM,GAAG,IAAI;YAClB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;QACvC;IACJ;+GAnES,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA1B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,0BAA0B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,UAAA,EAAA,YAAA,EAAA,cAAA,EAAA,YAAA,EAAA,cAAA,EAAA,UAAA,EAAA,YAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,QAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,UAAA,EAAA,YAAA,EAAA,EAAA,OAAA,EAAA,EAAA,YAAA,EAAA,cAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECpBvC,8lFAsEA,EAAA,MAAA,EAAA,CAAA,grCAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDpDc,IAAI,6FAAE,eAAe,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,WAAA,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,QAAA,EAAA,SAAA,EAAA,QAAA,EAAA,QAAA,EAAA,YAAA,EAAA,WAAA,EAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,YAAA,EAAA,aAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,YAAA,EAAA,YAAA,EAAA,YAAA,EAAA,cAAA,EAAA,eAAA,EAAA,cAAA,EAAA,cAAA,EAAA,kBAAA,EAAA,iBAAA,EAAA,gBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAEtB,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAPtC,SAAS;+BACI,qBAAqB,EAAA,eAAA,EAGd,uBAAuB,CAAC,MAAM,WACtC,CAAC,IAAI,EAAE,eAAe,CAAC,EAAA,QAAA,EAAA,8lFAAA,EAAA,MAAA,EAAA,CAAA,grCAAA,CAAA,EAAA;;sBAG/B;;sBACA;;sBACA;;sBACA;;sBACA;;sBAEA;;sBACA;;sBAEA;;sBAQA;;sBAOA;;sBAQA;;sBAUA;;sBAEA;;sBACA;;sBAEA;;sBACA;;sBAEA;;;AEvEL;;AAEG;;"}