@ui5/webcomponents 0.0.0-037d08c67

package/dist/dynamic-date-range-options/FromDateTime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FromDateTime.js","sourceRoot":"","sources":["../../src/dynamic-date-range-options/FromDateTime.ts"],"names":[],"mappings":"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","sourcesContent":["import FromDateTimeTemplate from \"./FromDateTimeTemplate.js\";\nimport type { DynamicDateRangeValue, IDynamicDateRangeOption } from \"../DynamicDateRange.js\";\nimport DateFormat from \"@ui5/webcomponents-localization/dist/DateFormat.js\";\nimport UI5Date from \"@ui5/webcomponents-localization/dist/dates/UI5Date.js\";\nimport type { JsxTemplate } from \"@ui5/webcomponents-base/dist/index.js\";\nimport {\n\tDATETIME_PICKER_DATE_BUTTON,\n\tDATETIME_PICKER_TIME_BUTTON,\n\tDYNAMIC_DATE_RANGE_FROM_INPUT_TEXT,\n\tDYNAMIC_DATE_RANGE_FROM_TEXT,\n} from \"../generated/i18n/i18n-defaults.js\";\nimport { dateTimeOptionToDates } from \"./toDates.js\";\nimport DynamicDateRange from \"../DynamicDateRange.js\";\n\n/**\n * @class\n * @constructor\n * @public\n * @since 2.11.0\n */\n\nclass FromDateTime implements IDynamicDateRangeOption {\n\ttemplate: JsxTemplate;\n\tprivate _showTimeView: boolean;\n\tprivate _currentDateValue: Date;\n\n\tconstructor() {\n\t\tthis.template = FromDateTimeTemplate;\n\t\tthis._showTimeView = false;\n\t\tthis._currentDateValue = UI5Date.getInstance();\n\t}\n\n\tparse(value: string): DynamicDateRangeValue {\n\t\tconst dateText = value.replace(this.fromText, \"\").trim();\n\t\tconst date = this.getFormat().parse(dateText) as Date;\n\t\tconst returnValue = { operator: \"\", values: [] } as DynamicDateRangeValue;\n\t\treturnValue.operator = this.operator;\n\t\treturnValue.values = [date];\n\n\t\treturn returnValue;\n\t}\n\n\tformat(value: DynamicDateRangeValue): string {\n\t\tconst valuesArray = value?.values as Array<Date>;\n\n\t\tif (!valuesArray || valuesArray.length === 0) {\n\t\t\treturn \"\";\n\t\t}\n\n\t\tconst formattedValue = this.getFormat().format(valuesArray[0]);\n\n\t\treturn `${this.fromText} ${formattedValue}`;\n\t}\n\n\ttoDates(value: DynamicDateRangeValue): Array<Date> {\n\t\treturn dateTimeOptionToDates(value);\n\t}\n\n\tresetState?: (() => void) | undefined = () => {\n\t\tthis._showTimeView = false;\n\t}\n\n\tget text(): string {\n\t\treturn DynamicDateRange.i18nBundle.getText(DYNAMIC_DATE_RANGE_FROM_TEXT);\n\t}\n\n\tget operator() {\n\t\treturn \"FROMDATETIME\";\n\t}\n\n\tget icon() {\n\t\treturn \"appointment-2\";\n\t}\n\n\tget showDateView() {\n\t\treturn !this._showTimeView;\n\t}\n\n\tget showTimeView() {\n\t\treturn this._showTimeView;\n\t}\n\n\tget btnDateLabel() {\n\t\treturn DynamicDateRange.i18nBundle.getText(DATETIME_PICKER_DATE_BUTTON);\n\t}\n\n\tget btnTimeLabel() {\n\t\treturn DynamicDateRange.i18nBundle.getText(DATETIME_PICKER_TIME_BUTTON);\n\t}\n\n\tget fromText() {\n\t\treturn DynamicDateRange.i18nBundle.getText(DYNAMIC_DATE_RANGE_FROM_INPUT_TEXT);\n\t}\n\n\tgetDateValue(date: Date | undefined) : string {\n\t\tif (date) {\n\t\t\treturn this.getDateFormat().format(date);\n\t\t}\n\n\t\treturn this._currentDateValue ? this.getDateFormat().format(this._currentDateValue) : \"\";\n\t}\n\n\tgetTimeValue(date: Date | undefined) : string {\n\t\tif (date) {\n\t\t\treturn this.getFormat().format(date);\n\t\t}\n\n\t\treturn this._currentDateValue ? this.getFormat().format(this._currentDateValue) : \"\";\n\t}\n\n\t_dateTimeSwitchChange() {\n\t\tthis._showTimeView = !this._showTimeView;\n\t}\n\n\tisValidString(value: string): boolean {\n\t\tconst dateText = value.replace(this.fromText, \"\").trim();\n\t\tconst date = this.getFormat().parse(dateText) as Date;\n\n\t\tif (!date || Number.isNaN(date.getTime())) {\n\t\t\treturn false;\n\t\t}\n\n\t\treturn true;\n\t}\n\n\tgetFormat(): DateFormat {\n\t\treturn DateFormat.getDateTimeInstance({\n\t\t\tstrictParsing: true,\n\t\t});\n\t}\n\n\tgetDateFormat(): DateFormat {\n\t\treturn DateFormat.getDateInstance({\n\t\t\tstrictParsing: true,\n\t\t});\n\t}\n\n\tgetTimeFormat(): DateFormat {\n\t\treturn DateFormat.getTimeInstance({\n\t\t\tstrictParsing: true,\n\t\t});\n\t}\n\n\thandleSelectionChange(e: CustomEvent, value: DynamicDateRangeValue | undefined): DynamicDateRangeValue | undefined {\n\t\tconst currentValue = value || { operator: \"\", values: [] } as DynamicDateRangeValue;\n\t\tconst target = e.target as HTMLElement;\n\t\tcurrentValue.values = this._currentDateValue ? [this._currentDateValue] : [];\n\t\tcurrentValue.operator = this.operator;\n\n\t\tif (target.hasAttribute(\"ui5-segmented-button\")) {\n\t\t\tthis._dateTimeSwitchChange();\n\t\t\treturn currentValue;\n\t\t}\n\n\t\tif (target.hasAttribute(\"ui5-calendar\")) {\n\t\t\tif (e.detail.selectedDates[0]) {\n\t\t\t\tconst tempDate = UI5Date.getInstance(e.detail.selectedDates[0] * 1000);\n\t\t\t\tthis._currentDateValue.setFullYear(tempDate.getFullYear(), tempDate.getMonth(), tempDate.getDate());\n\t\t\t\tcurrentValue.values = [this._currentDateValue];\n\t\t\t}\n\t\t}\n\n\t\tif (target.hasAttribute(\"ui5-time-selection-clocks\")) {\n\t\t\tconst tempValue = e.detail.value as string;\n\t\t\tconst tempDate = this.getFormat().parse(tempValue) as Date;\n\t\t\tif (!this._currentDateValue && value?.values?.length) {\n\t\t\t\tthis._currentDateValue = value?.values[0] as Date;\n\t\t\t}\n\n\t\t\tif (tempDate) {\n\t\t\t\tthis._currentDateValue.setHours(tempDate.getHours(), tempDate.getMinutes(), tempDate.getSeconds());\n\t\t\t\tcurrentValue.values = [this._currentDateValue];\n\t\t\t}\n\t\t}\n\n\t\tthis._showTimeView = true;\n\n\t\treturn currentValue;\n\t}\n}\n\nDynamicDateRange.register(\"FROMDATETIME\", FromDateTime);\n\nexport default FromDateTime;\n"]}

package/dist/dynamic-date-range-options/FromDateTimeTemplate.d.ts

@@ -0,0 +1,2 @@
+import type DynamicDateRange from "../DynamicDateRange.js";
+export default function FromDateTime(this: DynamicDateRange): import("@ui5/webcomponents-base/jsx-runtime").JSX.Element;

package/dist/dynamic-date-range-options/FromDateTimeTemplate.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@ui5/webcomponents-base/jsx-runtime";
+import Calendar from "../Calendar.js";
+import CalendarDate from "../CalendarDate.js";
+import SegmentedButton from "../SegmentedButton.js";
+import SegmentedButtonItem from "../SegmentedButtonItem.js";
+import TimeSelectionClocks from "../TimeSelectionClocks.js";
+export default function FromDateTime() {
+    const currentOption = this._currentOption;
+    const currentValue = this.value?.values ? this.value.values[0] : undefined;
+    return (_jsxs("div", { class: "ui5-dynamic-date-range-option-datetime-container", children: [_jsx("div", { class: "ui5-dt-picker-header", children: _jsxs(SegmentedButton, { class: "ui5-dt-picker-toggle-button", onSelectionChange: this.handleSelectionChange, children: [_jsx(SegmentedButtonItem, { "data-ui5-key": "Date", selected: currentOption.showDateView, children: currentOption.btnDateLabel }), _jsx(SegmentedButtonItem, { "data-ui5-key": "Time", selected: currentOption.showTimeView, children: currentOption.btnTimeLabel })] }) }), _jsxs("div", { class: {
+                    "ui5-dt-picker-content": true,
+                }, children: [!!currentOption.showDateView &&
+                        _jsx(Calendar, { class: {
+                                "ui5-dt-cal": true,
+                                "ui5-dt-cal--hidden": currentOption.showTimeView,
+                                "ui5-dt-time--hidden": currentOption.showDateView,
+                            }, onSelectionChange: this.handleSelectionChange, children: _jsx(CalendarDate, { value: currentOption.getDateValue(currentValue) }) }), !!currentOption.showTimeView &&
+                        _jsx(TimeSelectionClocks, { class: {
+                                "ui5-dt-time": true,
+                                "ui5-dt-cal--hidden": currentOption.showTimeView,
+                                "ui5-dt-time--hidden": currentOption.showDateView,
+                            }, value: currentOption.getTimeValue(currentValue), onChange: this.handleSelectionChange })] })] }));
+}
+//# sourceMappingURL=FromDateTimeTemplate.js.map

package/dist/dynamic-date-range-options/FromDateTimeTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FromDateTimeTemplate.js","sourceRoot":"","sources":["../../src/dynamic-date-range-options/FromDateTimeTemplate.tsx"],"names":[],"mappings":";AACA,OAAO,QAAQ,MAAM,gBAAgB,CAAC;AACtC,OAAO,YAAY,MAAM,oBAAoB,CAAC;AAC9C,OAAO,eAAe,MAAM,uBAAuB,CAAC;AACpD,OAAO,mBAAmB,MAAM,2BAA2B,CAAC;AAC5D,OAAO,mBAAmB,MAAM,2BAA2B,CAAC;AAG5D,MAAM,CAAC,OAAO,UAAU,YAAY;IACnC,MAAM,aAAa,GAAG,IAAI,CAAC,cAAoC,CAAC;IAChE,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAS,CAAC,CAAC,CAAC,SAAS,CAAC;IACnF,OAAO,CACN,eAAK,KAAK,EAAC,kDAAkD,aAC5D,cAAK,KAAK,EAAC,sBAAsB,YAChC,MAAC,eAAe,IAAC,KAAK,EAAC,6BAA6B,EAAC,iBAAiB,EAAE,IAAI,CAAC,qBAAqB,aACjG,KAAC,mBAAmB,oBAAc,MAAM,EAAC,QAAQ,EAAE,aAAa,CAAC,YAAY,YAAG,aAAa,CAAC,YAAY,GAAuB,EACjI,KAAC,mBAAmB,oBAAc,MAAM,EAAC,QAAQ,EAAE,aAAa,CAAC,YAAY,YAAG,aAAa,CAAC,YAAY,GAAuB,IAChH,GACb,EAEN,eAAK,KAAK,EAAE;oBACX,uBAAuB,EAAE,IAAI;iBAC7B,aACC,CAAC,CAAC,aAAa,CAAC,YAAY;wBAC5B,KAAC,QAAQ,IACR,KAAK,EAAE;gCACN,YAAY,EAAE,IAAI;gCAClB,oBAAoB,EAAE,aAAa,CAAC,YAAY;gCAChD,qBAAqB,EAAE,aAAa,CAAC,YAAY;6BACjD,EACD,iBAAiB,EAAE,IAAI,CAAC,qBAAqB,YAE7C,KAAC,YAAY,IACZ,KAAK,EAAE,aAAa,CAAC,YAAY,CAAC,YAAY,CAAC,GAChC,GACN,EAGX,CAAC,CAAC,aAAa,CAAC,YAAY;wBAC5B,KAAC,mBAAmB,IACnB,KAAK,EAAE;gCACN,aAAa,EAAE,IAAI;gCACnB,oBAAoB,EAAE,aAAa,CAAC,YAAY;gCAChD,qBAAqB,EAAE,aAAa,CAAC,YAAY;6BACjD,EACD,KAAK,EAAE,aAAa,CAAC,YAAY,CAAC,YAAY,CAAC,EAC/C,QAAQ,EAAE,IAAI,CAAC,qBAAqB,GACnC,IAEE,IACD,CACN,CAAC;AACH,CAAC","sourcesContent":["import type DynamicDateRange from \"../DynamicDateRange.js\";\nimport Calendar from \"../Calendar.js\";\nimport CalendarDate from \"../CalendarDate.js\";\nimport SegmentedButton from \"../SegmentedButton.js\";\nimport SegmentedButtonItem from \"../SegmentedButtonItem.js\";\nimport TimeSelectionClocks from \"../TimeSelectionClocks.js\";\nimport type FromDateTimeOption from \"./FromDateTime.js\";\n\nexport default function FromDateTime(this: DynamicDateRange) {\n\tconst currentOption = this._currentOption as FromDateTimeOption;\n\tconst currentValue = this.value?.values ? this.value.values[0] as Date : undefined;\n\treturn (\n\t\t<div class=\"ui5-dynamic-date-range-option-datetime-container\">\n\t\t\t<div class=\"ui5-dt-picker-header\">\n\t\t\t\t<SegmentedButton class=\"ui5-dt-picker-toggle-button\" onSelectionChange={this.handleSelectionChange}>\n\t\t\t\t\t<SegmentedButtonItem data-ui5-key=\"Date\" selected={currentOption.showDateView}>{currentOption.btnDateLabel}</SegmentedButtonItem>\n\t\t\t\t\t<SegmentedButtonItem data-ui5-key=\"Time\" selected={currentOption.showTimeView}>{currentOption.btnTimeLabel}</SegmentedButtonItem>\n\t\t\t\t</SegmentedButton>\n\t\t\t</div>\n\n\t\t\t<div class={{\n\t\t\t\t\"ui5-dt-picker-content\": true,\n\t\t\t}}>\n\t\t\t\t{!!currentOption.showDateView &&\n\t\t\t\t\t<Calendar\n\t\t\t\t\t\tclass={{\n\t\t\t\t\t\t\t\"ui5-dt-cal\": true,\n\t\t\t\t\t\t\t\"ui5-dt-cal--hidden\": currentOption.showTimeView,\n\t\t\t\t\t\t\t\"ui5-dt-time--hidden\": currentOption.showDateView,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tonSelectionChange={this.handleSelectionChange}\n\t\t\t\t\t>\n\t\t\t\t\t\t<CalendarDate\n\t\t\t\t\t\t\tvalue={currentOption.getDateValue(currentValue)}\n\t\t\t\t\t\t></CalendarDate>\n\t\t\t\t\t</Calendar>\n\t\t\t\t}\n\n\t\t\t\t{!!currentOption.showTimeView &&\n\t\t\t\t\t<TimeSelectionClocks\n\t\t\t\t\t\tclass={{\n\t\t\t\t\t\t\t\"ui5-dt-time\": true,\n\t\t\t\t\t\t\t\"ui5-dt-cal--hidden\": currentOption.showTimeView,\n\t\t\t\t\t\t\t\"ui5-dt-time--hidden\": currentOption.showDateView,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tvalue={currentOption.getTimeValue(currentValue)}\n\t\t\t\t\t\tonChange={this.handleSelectionChange}\n\t\t\t\t\t/>\n\t\t\t\t}\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"]}

package/dist/dynamic-date-range-options/LastNextTemplate.d.ts

@@ -0,0 +1,2 @@
+import DynamicDateRange from "../DynamicDateRange.js";
+export default function LastNextTemplate(this: DynamicDateRange): import("@ui5/webcomponents-base/jsx-runtime").JSX.Element;

package/dist/dynamic-date-range-options/LastNextTemplate.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@ui5/webcomponents-base/jsx-runtime";
+import DynamicDateRange from "../DynamicDateRange.js";
+import StepInput from "../StepInput.js";
+import Select from "../Select.js";
+import Option from "../Option.js";
+import Label from "../Label.js";
+import { DYNAMIC_DATE_RANGE_VALUE_LABEL_TEXT, DYNAMIC_DATE_RANGE_UNIT_OF_TIME_LABEL_TEXT, } from "../generated/i18n/i18n-defaults.js";
+export default function LastNextTemplate() {
+    const currentOption = this._currentOption;
+    const availableOptionInfos = currentOption.availableOptions;
+    const filteredOptions = availableOptionInfos.filter(info => currentOption.options?.includes(info.operator) || currentOption.operator === info.operator);
+    const isGrouped = filteredOptions.length > 1;
+    const currentNumber = this.currentValue?.values ? typeof this.currentValue.values[0] === "number" ? this.currentValue.values[0] : 1 : 1;
+    const currentOperator = this.currentValue?.operator || filteredOptions[0]?.operator || "";
+    // Input handlers
+    const handleNumberChange = (e) => {
+        const newValue = Number(e.target.value);
+        this.currentValue = {
+            operator: currentOperator,
+            values: [newValue],
+        };
+    };
+    const handleUnitChange = (e) => {
+        const newOperator = String(e.detail.selectedOption.value);
+        this.currentValue = {
+            operator: newOperator,
+            values: [currentNumber],
+        };
+    };
+    return (_jsx("div", { class: "ui5-last-next-container ui5-last-next-container-padded", children: _jsxs("div", { class: "ui5-ddr-input-container ui5-ddr-input-container-right-aligned", children: [_jsx(Label, { class: "ui5-ddr-label", children: DynamicDateRange.i18nBundle.getText(DYNAMIC_DATE_RANGE_VALUE_LABEL_TEXT) }), _jsx(StepInput, { value: currentNumber, min: 1, max: isGrouped ? 9999 : 999, onChange: handleNumberChange }), isGrouped && (_jsxs(_Fragment, { children: [_jsx(Label, { class: "ui5-ddr-label", children: DynamicDateRange.i18nBundle.getText(DYNAMIC_DATE_RANGE_UNIT_OF_TIME_LABEL_TEXT) }), _jsx(Select, { value: currentOperator, onChange: handleUnitChange, children: filteredOptions.map(option => (_jsx(Option, { value: option.operator, children: option.unitText }, option.operator))) })] }))] }) }));
+}
+//# sourceMappingURL=LastNextTemplate.js.map

package/dist/dynamic-date-range-options/LastNextTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LastNextTemplate.js","sourceRoot":"","sources":["../../src/dynamic-date-range-options/LastNextTemplate.tsx"],"names":[],"mappings":";AAAA,OAAO,gBAAgB,MAAM,wBAAwB,CAAC;AACtD,OAAO,SAAS,MAAM,iBAAiB,CAAC;AACxC,OAAO,MAAM,MAAM,cAAc,CAAC;AAElC,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,KAAK,MAAM,aAAa,CAAC;AAGhC,OAAO,EACN,mCAAmC,EACnC,0CAA0C,GAC1C,MAAM,oCAAoC,CAAC;AAE5C,MAAM,CAAC,OAAO,UAAU,gBAAgB;IACvC,MAAM,aAAa,GAAG,IAAI,CAAC,cAA2C,CAAC;IAEvE,MAAM,oBAAoB,GAAG,aAAa,CAAC,gBAAgB,CAAC;IAE5D,MAAM,eAAe,GAAG,oBAAoB,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAC1D,aAAa,CAAC,OAAO,EAAE,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,aAAa,CAAC,QAAQ,KAAK,IAAI,CAAC,QAAQ,CAC1F,CAAC;IAEF,MAAM,SAAS,GAAG,eAAe,CAAC,MAAM,GAAG,CAAC,CAAC;IAE7C,MAAM,aAAa,GAAG,IAAI,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC,OAAO,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACxI,MAAM,eAAe,GAAG,IAAI,CAAC,YAAY,EAAE,QAAQ,IAAI,eAAe,CAAC,CAAC,CAAC,EAAE,QAAQ,IAAI,EAAE,CAAC;IAE1F,iBAAiB;IACjB,MAAM,kBAAkB,GAAG,CAAC,CAAc,EAAE,EAAE;QAC7C,MAAM,QAAQ,GAAG,MAAM,CAAE,CAAC,CAAC,MAAoB,CAAC,KAAK,CAAC,CAAC;QACvD,IAAI,CAAC,YAAY,GAAG;YACnB,QAAQ,EAAE,eAAe;YACzB,MAAM,EAAE,CAAC,QAAQ,CAAC;SAClB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,CAAC,CAAuC,EAAE,EAAE;QACpE,MAAM,WAAW,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;QAC1D,IAAI,CAAC,YAAY,GAAG;YACnB,QAAQ,EAAE,WAAW;YACrB,MAAM,EAAE,CAAC,aAAa,CAAC;SACvB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACN,cAAK,KAAK,EAAC,wDAAwD,YAClE,eAAK,KAAK,EAAC,+DAA+D,aACzE,KAAC,KAAK,IAAC,KAAK,EAAC,eAAe,YAAE,gBAAgB,CAAC,UAAU,CAAC,OAAO,CAAC,mCAAmC,CAAC,GAAS,EAC/G,KAAC,SAAS,IACT,KAAK,EAAE,aAAa,EACpB,GAAG,EAAE,CAAC,EACN,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,EAC3B,QAAQ,EAAE,kBAAkB,GAC3B,EAED,SAAS,IAAI,CACb,8BACC,KAAC,KAAK,IAAC,KAAK,EAAC,eAAe,YAAE,gBAAgB,CAAC,UAAU,CAAC,OAAO,CAAC,0CAA0C,CAAC,GAAS,EACtH,KAAC,MAAM,IAAC,KAAK,EAAE,eAAe,EAAE,QAAQ,EAAE,gBAAgB,YACxD,eAAe,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAC9B,KAAC,MAAM,IAAC,KAAK,EAAE,MAAM,CAAC,QAAQ,YAC5B,MAAM,CAAC,QAAQ,IADoB,MAAM,CAAC,QAAQ,CAE3C,CACT,CAAC,GACM,IACP,CACH,IACI,GACD,CACN,CAAC;AACH,CAAC","sourcesContent":["import DynamicDateRange from \"../DynamicDateRange.js\";\nimport StepInput from \"../StepInput.js\";\nimport Select from \"../Select.js\";\nimport type { SelectChangeEventDetail } from \"../Select.js\";\nimport Option from \"../Option.js\";\nimport Label from \"../Label.js\";\nimport type LastOptions from \"./LastOptions.js\";\nimport type NextOptions from \"./NextOptions.js\";\nimport {\n\tDYNAMIC_DATE_RANGE_VALUE_LABEL_TEXT,\n\tDYNAMIC_DATE_RANGE_UNIT_OF_TIME_LABEL_TEXT,\n} from \"../generated/i18n/i18n-defaults.js\";\n\nexport default function LastNextTemplate(this: DynamicDateRange) {\n\tconst currentOption = this._currentOption as LastOptions | NextOptions;\n\n\tconst availableOptionInfos = currentOption.availableOptions;\n\n\tconst filteredOptions = availableOptionInfos.filter(info =>\n\t\tcurrentOption.options?.includes(info.operator) || currentOption.operator === info.operator\n\t);\n\n\tconst isGrouped = filteredOptions.length > 1;\n\n\tconst currentNumber = this.currentValue?.values ? typeof this.currentValue.values[0] === \"number\" ? this.currentValue.values[0] : 1 : 1;\n\tconst currentOperator = this.currentValue?.operator || filteredOptions[0]?.operator || \"\";\n\n\t// Input handlers\n\tconst handleNumberChange = (e: CustomEvent) => {\n\t\tconst newValue = Number((e.target as StepInput).value);\n\t\tthis.currentValue = {\n\t\t\toperator: currentOperator,\n\t\t\tvalues: [newValue],\n\t\t};\n\t};\n\n\tconst handleUnitChange = (e: CustomEvent<SelectChangeEventDetail>) => {\n\t\tconst newOperator = String(e.detail.selectedOption.value);\n\t\tthis.currentValue = {\n\t\t\toperator: newOperator,\n\t\t\tvalues: [currentNumber],\n\t\t};\n\t};\n\n\treturn (\n\t\t<div class=\"ui5-last-next-container ui5-last-next-container-padded\">\n\t\t\t<div class=\"ui5-ddr-input-container ui5-ddr-input-container-right-aligned\">\n\t\t\t\t<Label class=\"ui5-ddr-label\">{DynamicDateRange.i18nBundle.getText(DYNAMIC_DATE_RANGE_VALUE_LABEL_TEXT)}</Label>\n\t\t\t\t<StepInput\n\t\t\t\t\tvalue={currentNumber}\n\t\t\t\t\tmin={1}\n\t\t\t\t\tmax={isGrouped ? 9999 : 999}\n\t\t\t\t\tonChange={handleNumberChange}\n\t\t\t\t/>\n\n\t\t\t\t{isGrouped && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<Label class=\"ui5-ddr-label\">{DynamicDateRange.i18nBundle.getText(DYNAMIC_DATE_RANGE_UNIT_OF_TIME_LABEL_TEXT)}</Label>\n\t\t\t\t\t\t<Select value={currentOperator} onChange={handleUnitChange}>\n\t\t\t\t\t\t\t{filteredOptions.map(option => (\n\t\t\t\t\t\t\t\t<Option value={option.operator} key={option.operator}>\n\t\t\t\t\t\t\t\t\t{option.unitText}\n\t\t\t\t\t\t\t\t</Option>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</Select>\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"]}

package/dist/dynamic-date-range-options/LastNextUtils.d.ts

@@ -0,0 +1,65 @@
+import type { DynamicDateRangeValue, IDynamicDateRangeOption } from "../DynamicDateRange.js";
+type LastNextOption = {
+    operator: string;
+    text: string;
+    unitText: string;
+};
+/**
+ * Interface for Last/Next options that have additional methods
+ */
+interface ILastNextOption extends IDynamicDateRangeOption {
+    availableOptions: Array<LastNextOption>;
+    options?: Array<string>;
+    _operator: string;
+}
+/**
+ * Parses a string value for Last/Next options
+ * @param value - The string to parse (e.g., "Last 7 Days")
+ * @param option - The option instance
+ * @returns Parsed DynamicDateRangeValue
+ */
+export declare function parseLastNext(value: string, option: IDynamicDateRangeOption): DynamicDateRangeValue | undefined;
+/**
+ * Formats a DynamicDateRangeValue for Last/Next options
+ * @param value - The value to format
+ * @param option - The option instance
+ * @returns Formatted string
+ */
+export declare function formatLastNext(value: DynamicDateRangeValue, option: IDynamicDateRangeOption): string;
+/**
+ * Validates if a string is valid for Last/Next options
+ * @param value - The string to validate
+ * @param option - The option instance
+ * @returns True if valid, false otherwise
+ */
+export declare function isValidStringLastNext(value: string, option: IDynamicDateRangeOption): boolean;
+/**
+ * Handles selection change events for Last/Next options
+ * @param e - The custom event
+ * @param option - The option instance
+ * @returns Updated DynamicDateRangeValue
+ */
+export declare function handleSelectionChangeLastNext(e: CustomEvent, option: IDynamicDateRangeOption): DynamicDateRangeValue | undefined;
+/**
+ * Checks if a date range represents a single day
+ * @param startDate - The start date
+ * @param endDate - The end date
+ * @returns True if the range is a single day
+ */
+export declare function isSingleDayRange(startDate: Date, endDate: Date): boolean;
+/**
+ * Formats date values for Last/Next options
+ * @param startDate - The start date
+ * @param endDate - The end date
+ * @param operator - The operator (used to check for DAYS operations)
+ * @returns Formatted date string
+ */
+export declare function formatDateRange(startDate: Date, endDate: Date, operator: string): string;
+/**
+ * Complete format function for Last/Next options that handles all value types
+ * @param value - The value to format
+ * @param option - The Last/Next option instance
+ * @returns Formatted string
+ */
+export declare function formatLastNextValue(value: DynamicDateRangeValue, option: ILastNextOption): string;
+export {};

package/dist/dynamic-date-range-options/LastNextUtils.js

@@ -0,0 +1,123 @@
+import DateFormat from "@ui5/webcomponents-localization/dist/DateFormat.js";
+import UI5Date from "@ui5/webcomponents-localization/dist/dates/UI5Date.js";
+/**
+ * Parses a string value for Last/Next options
+ * @param value - The string to parse (e.g., "Last 7 Days")
+ * @param option - The option instance
+ * @returns Parsed DynamicDateRangeValue
+ */
+export function parseLastNext(value, option) {
+    const returnValue = { operator: "", values: [] };
+    returnValue.operator = option.operator;
+    // Extract number from text like "Last 7 Days" or "Next 3 Months"
+    const match = value.match(/(\d+)/);
+    if (match) {
+        returnValue.values = [Number.parseInt(match[1])];
+    }
+    else {
+        returnValue.values = [1];
+    }
+    return returnValue;
+}
+/**
+ * Formats a DynamicDateRangeValue for Last/Next options
+ * @param value - The value to format
+ * @param option - The option instance
+ * @returns Formatted string
+ */
+export function formatLastNext(value, option) {
+    const amount = value?.values?.[0] || 1;
+    return option.text.replace("X", amount.toString());
+}
+/**
+ * Validates if a string is valid for Last/Next options
+ * @param value - The string to validate
+ * @param option - The option instance
+ * @returns True if valid, false otherwise
+ */
+export function isValidStringLastNext(value, option) {
+    // Check if string matches the pattern "Last X Days" or "Next X Months"
+    const pattern = option.text.replace("X", "\\d+");
+    const regex = new RegExp(`^${pattern}$`, "i");
+    return regex.test(value);
+}
+/**
+ * Handles selection change events for Last/Next options
+ * @param e - The custom event
+ * @param option - The option instance
+ * @returns Updated DynamicDateRangeValue
+ */
+export function handleSelectionChangeLastNext(e, option) {
+    const currentValue = { operator: "", values: [] };
+    currentValue.operator = option.operator;
+    // For StepInput, the value is accessed from the target element itself
+    const stepInputValue = e.target?.value;
+    currentValue.values = [stepInputValue || 1];
+    return currentValue;
+}
+/**
+ * Checks if a date range represents a single day
+ * @param startDate - The start date
+ * @param endDate - The end date
+ * @returns True if the range is a single day
+ */
+export function isSingleDayRange(startDate, endDate) {
+    const normalizedStart = UI5Date.getInstance(startDate.getTime());
+    const normalizedEnd = UI5Date.getInstance(endDate.getTime());
+    const diffInDays = Math.round((normalizedEnd.getTime() - normalizedStart.getTime()) / (1000 * 60 * 60 * 24));
+    return diffInDays + 1 === 1;
+}
+/**
+ * Formats date values for Last/Next options
+ * @param startDate - The start date
+ * @param endDate - The end date
+ * @param operator - The operator (used to check for DAYS operations)
+ * @returns Formatted date string
+ */
+export function formatDateRange(startDate, endDate, operator) {
+    const dateFormat = DateFormat.getDateInstance({ strictParsing: true });
+    // Single day check for DAYS operations
+    const isSingleDay = operator.includes("DAYS") && isSingleDayRange(startDate, endDate);
+    const isSameDay = startDate.getFullYear() === endDate.getFullYear()
+        && startDate.getMonth() === endDate.getMonth()
+        && startDate.getDate() === endDate.getDate();
+    if (isSingleDay || isSameDay) {
+        return dateFormat.format(startDate);
+    }
+    return `${dateFormat.format(startDate)} - ${dateFormat.format(endDate)}`;
+}
+/**
+ * Complete format function for Last/Next options that handles all value types
+ * @param value - The value to format
+ * @param option - The Last/Next option instance
+ * @returns Formatted string
+ */
+export function formatLastNextValue(value, option) {
+    // for empty/default values, convert to actual dates and format them
+    if (!value.values || value.values.length === 0) {
+        const firstOption = option.availableOptions.find(info => option.options?.includes(info.operator) || info.operator === option._operator);
+        if (firstOption) {
+            // Create default value with numeric 1, convert to dates, then format the dates directly
+            const defaultValue = { operator: firstOption.operator, values: [1] };
+            const dates = option.toDates(defaultValue);
+            // Format the dates directly
+            if (dates && dates.length >= 2) {
+                const [startDate, endDate] = dates;
+                return formatDateRange(startDate, endDate, firstOption.operator);
+            }
+        }
+    }
+    // for date values
+    if (value.values && value.values.length >= 2 && value.values[0] instanceof Date && value.values[1] instanceof Date) {
+        const [startDate, endDate] = value.values;
+        return formatDateRange(startDate, endDate, value.operator);
+    }
+    // for numeric values
+    const optionInfo = option.availableOptions.find(info => info.operator === value.operator);
+    if (optionInfo) {
+        const numberValue = value.values?.[0] || 1;
+        return formatLastNext({ operator: value.operator, values: [numberValue] }, { text: optionInfo.text });
+    }
+    return "";
+}
+//# sourceMappingURL=LastNextUtils.js.map

package/dist/dynamic-date-range-options/LastNextUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LastNextUtils.js","sourceRoot":"","sources":["../../src/dynamic-date-range-options/LastNextUtils.ts"],"names":[],"mappings":"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","sourcesContent":["import type { DynamicDateRangeValue, IDynamicDateRangeOption } from \"../DynamicDateRange.js\";\nimport type StepInput from \"../StepInput.js\";\nimport DateFormat from \"@ui5/webcomponents-localization/dist/DateFormat.js\";\nimport UI5Date from \"@ui5/webcomponents-localization/dist/dates/UI5Date.js\";\n\ntype LastNextOption = {\n\toperator: string;\n\ttext: string;\n\tunitText: string;\n}\n\n/**\n * Interface for Last/Next options that have additional methods\n */\ninterface ILastNextOption extends IDynamicDateRangeOption {\n\tavailableOptions: Array<LastNextOption>;\n\toptions?: Array<string>;\n\t_operator: string;\n}\n\n/**\n * Parses a string value for Last/Next options\n * @param value - The string to parse (e.g., \"Last 7 Days\")\n * @param option - The option instance\n * @returns Parsed DynamicDateRangeValue\n */\nexport function parseLastNext(value: string, option: IDynamicDateRangeOption): DynamicDateRangeValue | undefined {\n\tconst returnValue = { operator: \"\", values: [] } as DynamicDateRangeValue;\n\treturnValue.operator = option.operator;\n\n\t// Extract number from text like \"Last 7 Days\" or \"Next 3 Months\"\n\tconst match = value.match(/(\\d+)/);\n\tif (match) {\n\t\treturnValue.values = [Number.parseInt(match[1])];\n\t} else {\n\t\treturnValue.values = [1];\n\t}\n\n\treturn returnValue;\n}\n\n/**\n * Formats a DynamicDateRangeValue for Last/Next options\n * @param value - The value to format\n * @param option - The option instance\n * @returns Formatted string\n */\nexport function formatLastNext(value: DynamicDateRangeValue, option: IDynamicDateRangeOption): string {\n\tconst amount = value?.values?.[0] as number || 1;\n\treturn option.text.replace(\"X\", amount.toString());\n}\n\n/**\n * Validates if a string is valid for Last/Next options\n * @param value - The string to validate\n * @param option - The option instance\n * @returns True if valid, false otherwise\n */\nexport function isValidStringLastNext(value: string, option: IDynamicDateRangeOption): boolean {\n\t// Check if string matches the pattern \"Last X Days\" or \"Next X Months\"\n\tconst pattern = option.text.replace(\"X\", \"\\\\d+\");\n\tconst regex = new RegExp(`^${pattern}$`, \"i\");\n\treturn regex.test(value);\n}\n\n/**\n * Handles selection change events for Last/Next options\n * @param e - The custom event\n * @param option - The option instance\n * @returns Updated DynamicDateRangeValue\n */\nexport function handleSelectionChangeLastNext(e: CustomEvent, option: IDynamicDateRangeOption): DynamicDateRangeValue | undefined {\n\tconst currentValue = { operator: \"\", values: [] } as DynamicDateRangeValue;\n\tcurrentValue.operator = option.operator;\n\n\t// For StepInput, the value is accessed from the target element itself\n\tconst stepInputValue = (e.target as StepInput)?.value;\n\tcurrentValue.values = [stepInputValue || 1];\n\n\treturn currentValue;\n}\n\n/**\n * Checks if a date range represents a single day\n * @param startDate - The start date\n * @param endDate - The end date\n * @returns True if the range is a single day\n */\nexport function isSingleDayRange(startDate: Date, endDate: Date): boolean {\n\tconst normalizedStart = UI5Date.getInstance(startDate.getTime());\n\tconst normalizedEnd = UI5Date.getInstance(endDate.getTime());\n\tconst diffInDays = Math.round((normalizedEnd.getTime() - normalizedStart.getTime()) / (1000 * 60 * 60 * 24));\n\treturn diffInDays + 1 === 1;\n}\n\n/**\n * Formats date values for Last/Next options\n * @param startDate - The start date\n * @param endDate - The end date\n * @param operator - The operator (used to check for DAYS operations)\n * @returns Formatted date string\n */\nexport function formatDateRange(startDate: Date, endDate: Date, operator: string): string {\n\tconst dateFormat = DateFormat.getDateInstance({ strictParsing: true });\n\n\t// Single day check for DAYS operations\n\tconst isSingleDay = operator.includes(\"DAYS\") && isSingleDayRange(startDate, endDate);\n\tconst isSameDay = startDate.getFullYear() === endDate.getFullYear()\n\t\t&& startDate.getMonth() === endDate.getMonth()\n\t\t&& startDate.getDate() === endDate.getDate();\n\n\tif (isSingleDay || isSameDay) {\n\t\treturn dateFormat.format(startDate);\n\t}\n\treturn `${dateFormat.format(startDate)} - ${dateFormat.format(endDate)}`;\n}\n\n/**\n * Complete format function for Last/Next options that handles all value types\n * @param value - The value to format\n * @param option - The Last/Next option instance\n * @returns Formatted string\n */\nexport function formatLastNextValue(value: DynamicDateRangeValue, option: ILastNextOption): string {\n\t// for empty/default values, convert to actual dates and format them\n\tif (!value.values || value.values.length === 0) {\n\t\tconst firstOption = option.availableOptions.find(info => option.options?.includes(info.operator) || info.operator === option._operator);\n\t\tif (firstOption) {\n\t\t\t// Create default value with numeric 1, convert to dates, then format the dates directly\n\t\t\tconst defaultValue = { operator: firstOption.operator, values: [1] };\n\t\t\tconst dates = option.toDates(defaultValue);\n\n\t\t\t// Format the dates directly\n\t\t\tif (dates && dates.length >= 2) {\n\t\t\t\tconst [startDate, endDate] = dates;\n\t\t\t\treturn formatDateRange(startDate, endDate, firstOption.operator);\n\t\t\t}\n\t\t}\n\t}\n\n\t// for date values\n\tif (value.values && value.values.length >= 2 && value.values[0] instanceof Date && value.values[1] instanceof Date) {\n\t\tconst [startDate, endDate] = value.values;\n\t\treturn formatDateRange(startDate, endDate, value.operator);\n\t}\n\n\t// for numeric values\n\tconst optionInfo = option.availableOptions.find(info => info.operator === value.operator);\n\tif (optionInfo) {\n\t\tconst numberValue = (value.values?.[0] as number) || 1;\n\t\treturn formatLastNext({ operator: value.operator, values: [numberValue] }, { text: optionInfo.text } as IDynamicDateRangeOption);\n\t}\n\n\treturn \"\";\n}\n"]}

package/dist/dynamic-date-range-options/LastOptions.d.ts

@@ -0,0 +1,32 @@
+import type { DynamicDateRangeValue, IDynamicDateRangeOption } from "../DynamicDateRange.js";
+import type { JsxTemplate } from "@ui5/webcomponents-base/dist/index.js";
+import type { I18nText } from "@ui5/webcomponents-base/dist/i18nBundle.js";
+/**
+ * @class
+ * @constructor
+ * @public
+ * @since 2.14.0
+ */
+declare class LastOptions implements IDynamicDateRangeOption {
+    template: JsxTemplate;
+    _operator: string;
+    i18nKey: I18nText;
+    options?: Array<string>;
+    constructor(operators?: Array<string>);
+    _getI18nKeyForOperator(operator: string): I18nText;
+    parse(value: string): DynamicDateRangeValue | undefined;
+    format(value: DynamicDateRangeValue): string;
+    toDates(value: DynamicDateRangeValue): Array<Date>;
+    isValidString(value: string): boolean;
+    handleSelectionChange(e: CustomEvent): DynamicDateRangeValue | undefined;
+    get text(): string;
+    get icon(): string;
+    get availableOptions(): {
+        operator: string;
+        unitText: string;
+        text: string;
+    }[];
+    get operator(): string;
+    set operator(value: string);
+}
+export default LastOptions;

package/dist/dynamic-date-range-options/LastOptions.js

@@ -0,0 +1,107 @@
+import LastNextTemplate from "./LastNextTemplate.js";
+import { handleSelectionChangeLastNext, isValidStringLastNext, parseLastNext, formatLastNextValue, } from "./LastNextUtils.js";
+import { toDatesLastNext } from "./toDates.js";
+import DynamicDateRange from "../DynamicDateRange.js";
+import { DYNAMIC_DATE_RANGE_LAST_DAYS_TEXT, DYNAMIC_DATE_RANGE_LAST_WEEKS_TEXT, DYNAMIC_DATE_RANGE_LAST_MONTHS_TEXT, DYNAMIC_DATE_RANGE_LAST_QUARTERS_TEXT, DYNAMIC_DATE_RANGE_LAST_YEARS_TEXT, DYNAMIC_DATE_RANGE_DAYS_UNIT_TEXT, DYNAMIC_DATE_RANGE_WEEKS_UNIT_TEXT, DYNAMIC_DATE_RANGE_MONTHS_UNIT_TEXT, DYNAMIC_DATE_RANGE_QUARTERS_UNIT_TEXT, DYNAMIC_DATE_RANGE_YEARS_UNIT_TEXT, DYNAMIC_DATE_RANGE_LAST_COMBINED_TEXT, DYNAMIC_DATE_RANGE_INCLUDED_TEXT, } from "../generated/i18n/i18n-defaults.js";
+/**
+ * @class
+ * @constructor
+ * @public
+ * @since 2.14.0
+ */
+class LastOptions {
+    constructor(operators) {
+        this.template = LastNextTemplate;
+        this.options = [];
+        this.options = operators;
+        this._operator = this.options?.[0] || "LASTDAYS";
+        this.i18nKey = this._getI18nKeyForOperator(this._operator);
+    }
+    _getI18nKeyForOperator(operator) {
+        switch (operator) {
+            case "LASTDAYS":
+                return DYNAMIC_DATE_RANGE_LAST_DAYS_TEXT;
+            case "LASTWEEKS":
+                return DYNAMIC_DATE_RANGE_LAST_WEEKS_TEXT;
+            case "LASTMONTHS":
+                return DYNAMIC_DATE_RANGE_LAST_MONTHS_TEXT;
+            case "LASTQUARTERS":
+                return DYNAMIC_DATE_RANGE_LAST_QUARTERS_TEXT;
+            case "LASTYEARS":
+                return DYNAMIC_DATE_RANGE_LAST_YEARS_TEXT;
+            default:
+                return DYNAMIC_DATE_RANGE_LAST_DAYS_TEXT;
+        }
+    }
+    parse(value) {
+        const matchingOption = this.availableOptions.find(optionInfo => {
+            const tempOption = { operator: optionInfo.operator, text: optionInfo.text };
+            return isValidStringLastNext(value, tempOption);
+        });
+        if (matchingOption) {
+            const tempOption = { operator: matchingOption.operator, text: matchingOption.text };
+            return parseLastNext(value, tempOption);
+        }
+        return undefined;
+    }
+    format(value) {
+        return formatLastNextValue(value, this);
+    }
+    toDates(value) {
+        return toDatesLastNext(value, { operator: value.operator });
+    }
+    isValidString(value) {
+        return this.availableOptions.some(optionInfo => {
+            const tempOption = { operator: optionInfo.operator, text: optionInfo.text };
+            return isValidStringLastNext(value, tempOption);
+        });
+    }
+    handleSelectionChange(e) {
+        return handleSelectionChangeLastNext(e, this);
+    }
+    get text() {
+        if (this.options?.length && this.options.length > 1) {
+            const units = this.availableOptions
+                .filter(info => this.options?.includes(info.operator))
+                .map(info => info.unitText);
+            const unitsText = units.join(` / `);
+            return DynamicDateRange.i18nBundle.getText(DYNAMIC_DATE_RANGE_LAST_COMBINED_TEXT, unitsText);
+        }
+        const baseText = DynamicDateRange.i18nBundle.getText(this.i18nKey);
+        const includedText = DynamicDateRange.i18nBundle.getText(DYNAMIC_DATE_RANGE_INCLUDED_TEXT);
+        return `${baseText} ${includedText}`;
+    }
+    get icon() {
+        return "";
+    }
+    // Simple getter that provides all available Last options based on current component options
+    get availableOptions() {
+        const allOptions = [
+            { operator: "LASTDAYS", i18nKey: DYNAMIC_DATE_RANGE_LAST_DAYS_TEXT, unitI18nKey: DYNAMIC_DATE_RANGE_DAYS_UNIT_TEXT },
+            { operator: "LASTWEEKS", i18nKey: DYNAMIC_DATE_RANGE_LAST_WEEKS_TEXT, unitI18nKey: DYNAMIC_DATE_RANGE_WEEKS_UNIT_TEXT },
+            { operator: "LASTMONTHS", i18nKey: DYNAMIC_DATE_RANGE_LAST_MONTHS_TEXT, unitI18nKey: DYNAMIC_DATE_RANGE_MONTHS_UNIT_TEXT },
+            { operator: "LASTQUARTERS", i18nKey: DYNAMIC_DATE_RANGE_LAST_QUARTERS_TEXT, unitI18nKey: DYNAMIC_DATE_RANGE_QUARTERS_UNIT_TEXT },
+            { operator: "LASTYEARS", i18nKey: DYNAMIC_DATE_RANGE_LAST_YEARS_TEXT, unitI18nKey: DYNAMIC_DATE_RANGE_YEARS_UNIT_TEXT },
+        ];
+        return allOptions.map(info => ({
+            operator: info.operator,
+            unitText: DynamicDateRange.i18nBundle.getText(info.unitI18nKey),
+            text: DynamicDateRange.i18nBundle.getText(info.i18nKey),
+        }));
+    }
+    get operator() {
+        return this._operator;
+    }
+    set operator(value) {
+        if (this.options?.includes(value)) {
+            this._operator = value;
+        }
+    }
+}
+DynamicDateRange.register("LASTDAYS", LastOptions);
+DynamicDateRange.register("LASTWEEKS", LastOptions);
+DynamicDateRange.register("LASTMONTHS", LastOptions);
+DynamicDateRange.register("LASTQUARTERS", LastOptions);
+DynamicDateRange.register("LASTYEARS", LastOptions);
+export default LastOptions;
+//# sourceMappingURL=LastOptions.js.map

package/dist/dynamic-date-range-options/LastOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LastOptions.js","sourceRoot":"","sources":["../../src/dynamic-date-range-options/LastOptions.ts"],"names":[],"mappings":"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","sourcesContent":["import LastNextTemplate from \"./LastNextTemplate.js\";\nimport type { DynamicDateRangeValue, IDynamicDateRangeOption } from \"../DynamicDateRange.js\";\nimport type { JsxTemplate } from \"@ui5/webcomponents-base/dist/index.js\";\nimport type { I18nText } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\n\nimport {\n\thandleSelectionChangeLastNext, isValidStringLastNext, parseLastNext, formatLastNextValue,\n} from \"./LastNextUtils.js\";\nimport { toDatesLastNext } from \"./toDates.js\";\nimport DynamicDateRange from \"../DynamicDateRange.js\";\nimport {\n\tDYNAMIC_DATE_RANGE_LAST_DAYS_TEXT,\n\tDYNAMIC_DATE_RANGE_LAST_WEEKS_TEXT,\n\tDYNAMIC_DATE_RANGE_LAST_MONTHS_TEXT,\n\tDYNAMIC_DATE_RANGE_LAST_QUARTERS_TEXT,\n\tDYNAMIC_DATE_RANGE_LAST_YEARS_TEXT,\n\tDYNAMIC_DATE_RANGE_DAYS_UNIT_TEXT,\n\tDYNAMIC_DATE_RANGE_WEEKS_UNIT_TEXT,\n\tDYNAMIC_DATE_RANGE_MONTHS_UNIT_TEXT,\n\tDYNAMIC_DATE_RANGE_QUARTERS_UNIT_TEXT,\n\tDYNAMIC_DATE_RANGE_YEARS_UNIT_TEXT,\n\tDYNAMIC_DATE_RANGE_LAST_COMBINED_TEXT,\n\tDYNAMIC_DATE_RANGE_INCLUDED_TEXT,\n} from \"../generated/i18n/i18n-defaults.js\";\n\n/**\n * @class\n * @constructor\n * @public\n * @since 2.14.0\n */\nclass LastOptions implements IDynamicDateRangeOption {\n\ttemplate: JsxTemplate = LastNextTemplate;\n\t_operator: string;\n\ti18nKey: I18nText;\n\toptions?: Array<string> = [];\n\n\tconstructor(operators?: Array<string>) {\n\t\tthis.options = operators;\n\t\tthis._operator = this.options?.[0] || \"LASTDAYS\";\n\t\tthis.i18nKey = this._getI18nKeyForOperator(this._operator);\n\t}\n\n\t_getI18nKeyForOperator(operator: string): I18nText {\n\t\tswitch (operator) {\n\t\tcase \"LASTDAYS\":\n\t\t\treturn DYNAMIC_DATE_RANGE_LAST_DAYS_TEXT;\n\t\tcase \"LASTWEEKS\":\n\t\t\treturn DYNAMIC_DATE_RANGE_LAST_WEEKS_TEXT;\n\t\tcase \"LASTMONTHS\":\n\t\t\treturn DYNAMIC_DATE_RANGE_LAST_MONTHS_TEXT;\n\t\tcase \"LASTQUARTERS\":\n\t\t\treturn DYNAMIC_DATE_RANGE_LAST_QUARTERS_TEXT;\n\t\tcase \"LASTYEARS\":\n\t\t\treturn DYNAMIC_DATE_RANGE_LAST_YEARS_TEXT;\n\t\tdefault:\n\t\t\treturn DYNAMIC_DATE_RANGE_LAST_DAYS_TEXT;\n\t\t}\n\t}\n\n\tparse(value: string): DynamicDateRangeValue | undefined {\n\t\tconst matchingOption = this.availableOptions.find(optionInfo => {\n\t\t\tconst tempOption = { operator: optionInfo.operator, text: optionInfo.text };\n\t\t\treturn isValidStringLastNext(value, tempOption as IDynamicDateRangeOption);\n\t\t});\n\n\t\tif (matchingOption) {\n\t\t\tconst tempOption = { operator: matchingOption.operator, text: matchingOption.text };\n\t\t\treturn parseLastNext(value, tempOption as IDynamicDateRangeOption);\n\t\t}\n\n\t\treturn undefined;\n\t}\n\n\tformat(value: DynamicDateRangeValue): string {\n\t\treturn formatLastNextValue(value, this);\n\t}\n\n\ttoDates(value: DynamicDateRangeValue): Array<Date> {\n\t\treturn toDatesLastNext(value, { operator: value.operator } as IDynamicDateRangeOption);\n\t}\n\n\tisValidString(value: string): boolean {\n\t\treturn this.availableOptions.some(optionInfo => {\n\t\t\tconst tempOption = { operator: optionInfo.operator, text: optionInfo.text };\n\t\t\treturn isValidStringLastNext(value, tempOption as IDynamicDateRangeOption);\n\t\t});\n\t}\n\n\thandleSelectionChange(e: CustomEvent): DynamicDateRangeValue | undefined {\n\t\treturn handleSelectionChangeLastNext(e, this);\n\t}\n\n\tget text(): string {\n\t\tif (this.options?.length && this.options.length > 1) {\n\t\t\tconst units = this.availableOptions\n\t\t\t\t.filter(info => this.options?.includes(info.operator))\n\t\t\t\t.map(info => info.unitText);\n\t\t\tconst unitsText = units.join(` / `);\n\t\t\treturn DynamicDateRange.i18nBundle.getText(DYNAMIC_DATE_RANGE_LAST_COMBINED_TEXT, unitsText);\n\t\t}\n\n\t\tconst baseText = DynamicDateRange.i18nBundle.getText(this.i18nKey);\n\t\tconst includedText = DynamicDateRange.i18nBundle.getText(DYNAMIC_DATE_RANGE_INCLUDED_TEXT);\n\t\treturn `${baseText} ${includedText}`;\n\t}\n\n\tget icon(): string {\n\t\treturn \"\";\n\t}\n\n\t// Simple getter that provides all available Last options based on current component options\n\tget availableOptions() {\n\t\tconst allOptions = [\n\t\t\t{ operator: \"LASTDAYS\", i18nKey: DYNAMIC_DATE_RANGE_LAST_DAYS_TEXT, unitI18nKey: DYNAMIC_DATE_RANGE_DAYS_UNIT_TEXT },\n\t\t\t{ operator: \"LASTWEEKS\", i18nKey: DYNAMIC_DATE_RANGE_LAST_WEEKS_TEXT, unitI18nKey: DYNAMIC_DATE_RANGE_WEEKS_UNIT_TEXT },\n\t\t\t{ operator: \"LASTMONTHS\", i18nKey: DYNAMIC_DATE_RANGE_LAST_MONTHS_TEXT, unitI18nKey: DYNAMIC_DATE_RANGE_MONTHS_UNIT_TEXT },\n\t\t\t{ operator: \"LASTQUARTERS\", i18nKey: DYNAMIC_DATE_RANGE_LAST_QUARTERS_TEXT, unitI18nKey: DYNAMIC_DATE_RANGE_QUARTERS_UNIT_TEXT },\n\t\t\t{ operator: \"LASTYEARS\", i18nKey: DYNAMIC_DATE_RANGE_LAST_YEARS_TEXT, unitI18nKey: DYNAMIC_DATE_RANGE_YEARS_UNIT_TEXT },\n\t\t];\n\n\t\treturn allOptions.map(info => ({\n\t\t\toperator: info.operator,\n\t\t\tunitText: DynamicDateRange.i18nBundle.getText(info.unitI18nKey),\n\t\t\ttext: DynamicDateRange.i18nBundle.getText(info.i18nKey),\n\t\t}));\n\t}\n\n\tget operator(): string {\n\t\treturn this._operator;\n\t}\n\n\tset operator(value: string) {\n\t\tif (this.options?.includes(value)) {\n\t\t\tthis._operator = value;\n\t\t}\n\t}\n}\n\nDynamicDateRange.register(\"LASTDAYS\", LastOptions);\nDynamicDateRange.register(\"LASTWEEKS\", LastOptions);\nDynamicDateRange.register(\"LASTMONTHS\", LastOptions);\nDynamicDateRange.register(\"LASTQUARTERS\", LastOptions);\nDynamicDateRange.register(\"LASTYEARS\", LastOptions);\n\nexport default LastOptions;\n"]}

package/dist/dynamic-date-range-options/NextOptions.d.ts

@@ -0,0 +1,32 @@
+import type { DynamicDateRangeValue, IDynamicDateRangeOption } from "../DynamicDateRange.js";
+import type { JsxTemplate } from "@ui5/webcomponents-base/dist/index.js";
+import type { I18nText } from "@ui5/webcomponents-base/dist/i18nBundle.js";
+/**
+ * @class
+ * @constructor
+ * @public
+ * @since 2.14.0
+ */
+declare class NextOptions implements IDynamicDateRangeOption {
+    template: JsxTemplate;
+    _operator: string;
+    i18nKey: I18nText;
+    options?: Array<string>;
+    constructor(operators?: Array<string>);
+    _getI18nKeyForOperator(operator: string): I18nText;
+    parse(value: string): DynamicDateRangeValue | undefined;
+    format(value: DynamicDateRangeValue): string;
+    toDates(value: DynamicDateRangeValue): Array<Date>;
+    isValidString(value: string): boolean;
+    handleSelectionChange(e: CustomEvent): DynamicDateRangeValue | undefined;
+    get text(): string;
+    get icon(): string;
+    get availableOptions(): {
+        operator: string;
+        unitText: string;
+        text: string;
+    }[];
+    get operator(): string;
+    set operator(value: string);
+}
+export default NextOptions;

package/dist/dynamic-date-range-options/NextOptions.js

@@ -0,0 +1,107 @@
+import LastNextTemplate from "./LastNextTemplate.js";
+import { handleSelectionChangeLastNext, isValidStringLastNext, parseLastNext, formatLastNextValue, } from "./LastNextUtils.js";
+import { toDatesLastNext } from "./toDates.js";
+import DynamicDateRange from "../DynamicDateRange.js";
+import { DYNAMIC_DATE_RANGE_NEXT_DAYS_TEXT, DYNAMIC_DATE_RANGE_NEXT_WEEKS_TEXT, DYNAMIC_DATE_RANGE_NEXT_MONTHS_TEXT, DYNAMIC_DATE_RANGE_NEXT_QUARTERS_TEXT, DYNAMIC_DATE_RANGE_NEXT_YEARS_TEXT, DYNAMIC_DATE_RANGE_DAYS_UNIT_TEXT, DYNAMIC_DATE_RANGE_WEEKS_UNIT_TEXT, DYNAMIC_DATE_RANGE_MONTHS_UNIT_TEXT, DYNAMIC_DATE_RANGE_QUARTERS_UNIT_TEXT, DYNAMIC_DATE_RANGE_YEARS_UNIT_TEXT, DYNAMIC_DATE_RANGE_NEXT_COMBINED_TEXT, DYNAMIC_DATE_RANGE_INCLUDED_TEXT, } from "../generated/i18n/i18n-defaults.js";
+/**
+ * @class
+ * @constructor
+ * @public
+ * @since 2.14.0
+ */
+class NextOptions {
+    constructor(operators) {
+        this.template = LastNextTemplate;
+        this.options = [];
+        this.options = operators;
+        this._operator = this.options?.[0] || "NEXTDAYS";
+        this.i18nKey = this._getI18nKeyForOperator(this._operator);
+    }
+    _getI18nKeyForOperator(operator) {
+        switch (operator) {
+            case "NEXTDAYS":
+                return DYNAMIC_DATE_RANGE_NEXT_DAYS_TEXT;
+            case "NEXTWEEKS":
+                return DYNAMIC_DATE_RANGE_NEXT_WEEKS_TEXT;
+            case "NEXTMONTHS":
+                return DYNAMIC_DATE_RANGE_NEXT_MONTHS_TEXT;
+            case "NEXTQUARTERS":
+                return DYNAMIC_DATE_RANGE_NEXT_QUARTERS_TEXT;
+            case "NEXTYEARS":
+                return DYNAMIC_DATE_RANGE_NEXT_YEARS_TEXT;
+            default:
+                return DYNAMIC_DATE_RANGE_NEXT_DAYS_TEXT;
+        }
+    }
+    parse(value) {
+        const matchingOption = this.availableOptions.find(optionInfo => {
+            const tempOption = { operator: optionInfo.operator, text: optionInfo.text };
+            return isValidStringLastNext(value, tempOption);
+        });
+        if (matchingOption) {
+            const tempOption = { operator: matchingOption.operator, text: matchingOption.text };
+            return parseLastNext(value, tempOption);
+        }
+        return undefined;
+    }
+    format(value) {
+        return formatLastNextValue(value, this);
+    }
+    toDates(value) {
+        return toDatesLastNext(value, { operator: value.operator });
+    }
+    isValidString(value) {
+        return this.availableOptions.some(optionInfo => {
+            const tempOption = { operator: optionInfo.operator, text: optionInfo.text };
+            return isValidStringLastNext(value, tempOption);
+        });
+    }
+    handleSelectionChange(e) {
+        return handleSelectionChangeLastNext(e, this);
+    }
+    get text() {
+        if (this.options?.length && this.options.length > 1) {
+            const units = this.availableOptions
+                .filter(info => this.options?.includes(info.operator))
+                .map(info => info.unitText);
+            const unitsText = units.join(` / `);
+            return DynamicDateRange.i18nBundle.getText(DYNAMIC_DATE_RANGE_NEXT_COMBINED_TEXT, unitsText);
+        }
+        const baseText = DynamicDateRange.i18nBundle.getText(this.i18nKey);
+        const includedText = DynamicDateRange.i18nBundle.getText(DYNAMIC_DATE_RANGE_INCLUDED_TEXT);
+        return `${baseText} ${includedText}`;
+    }
+    get icon() {
+        return "";
+    }
+    // Simple getter that provides all available Next options based on current component options
+    get availableOptions() {
+        const allOptions = [
+            { operator: "NEXTDAYS", i18nKey: DYNAMIC_DATE_RANGE_NEXT_DAYS_TEXT, unitI18nKey: DYNAMIC_DATE_RANGE_DAYS_UNIT_TEXT },
+            { operator: "NEXTWEEKS", i18nKey: DYNAMIC_DATE_RANGE_NEXT_WEEKS_TEXT, unitI18nKey: DYNAMIC_DATE_RANGE_WEEKS_UNIT_TEXT },
+            { operator: "NEXTMONTHS", i18nKey: DYNAMIC_DATE_RANGE_NEXT_MONTHS_TEXT, unitI18nKey: DYNAMIC_DATE_RANGE_MONTHS_UNIT_TEXT },
+            { operator: "NEXTQUARTERS", i18nKey: DYNAMIC_DATE_RANGE_NEXT_QUARTERS_TEXT, unitI18nKey: DYNAMIC_DATE_RANGE_QUARTERS_UNIT_TEXT },
+            { operator: "NEXTYEARS", i18nKey: DYNAMIC_DATE_RANGE_NEXT_YEARS_TEXT, unitI18nKey: DYNAMIC_DATE_RANGE_YEARS_UNIT_TEXT },
+        ];
+        return allOptions.map(info => ({
+            operator: info.operator,
+            unitText: DynamicDateRange.i18nBundle.getText(info.unitI18nKey),
+            text: DynamicDateRange.i18nBundle.getText(info.i18nKey),
+        }));
+    }
+    get operator() {
+        return this._operator;
+    }
+    set operator(value) {
+        if (this.options?.includes(value)) {
+            this._operator = value;
+        }
+    }
+}
+DynamicDateRange.register("NEXTDAYS", NextOptions);
+DynamicDateRange.register("NEXTWEEKS", NextOptions);
+DynamicDateRange.register("NEXTMONTHS", NextOptions);
+DynamicDateRange.register("NEXTQUARTERS", NextOptions);
+DynamicDateRange.register("NEXTYEARS", NextOptions);
+export default NextOptions;
+//# sourceMappingURL=NextOptions.js.map