@ui5/webcomponents 2.13.2 → 2.14.0-rc.1

package/dist/delegate/DragAndDropHandler.d.ts

@@ -0,0 +1,33 @@
+import Orientation from "@ui5/webcomponents-base/dist/types/Orientation.js";
+import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import type DropIndicator from "../DropIndicator.js";
+import type MovePlacement from "@ui5/webcomponents-base/dist/types/MovePlacement.js";
+type DragAndDropConfig = {
+    getItems: () => Array<HTMLElement>;
+    getDropIndicator: () => DropIndicator | null;
+    orientation?: Orientation;
+    useOriginalEvent?: boolean;
+    clientCoordinate?: "clientX" | "clientY";
+    transformElement?: (element: HTMLElement) => HTMLElement;
+    validateDraggedElement?: (draggedElement: HTMLElement, targetElement: HTMLElement) => boolean;
+    filterPlacements?: (placements: MovePlacement[], draggedElement: HTMLElement, targetElement: HTMLElement) => MovePlacement[];
+};
+declare class DragAndDropHandler {
+    component: UI5Element;
+    config: DragAndDropConfig;
+    constructor(component: UI5Element, config: DragAndDropConfig);
+    ondragenter(e: DragEvent): void;
+    ondragleave(e: DragEvent): void;
+    ondragover(e: DragEvent): void;
+    ondrop(e: DragEvent): void;
+    _validateDragOver(e: DragEvent): boolean;
+    _findClosestPosition(e: DragEvent): {
+        element: HTMLElement;
+        placements: MovePlacement[];
+    } | null;
+    _transformTargetElement(element: HTMLElement): HTMLElement;
+    _isValidDragTarget(draggedElement: HTMLElement, targetElement: HTMLElement): boolean;
+    _filterPlacements(placements: MovePlacement[], draggedElement: HTMLElement, targetElement: HTMLElement): MovePlacement[];
+}
+export default DragAndDropHandler;
+export type { DragAndDropConfig, };

package/dist/delegate/DragAndDropHandler.js

@@ -0,0 +1,96 @@
+import DragRegistry from "@ui5/webcomponents-base/dist/util/dragAndDrop/DragRegistry.js";
+import handleDragOver from "@ui5/webcomponents-base/dist/util/dragAndDrop/handleDragOver.js";
+import handleDrop from "@ui5/webcomponents-base/dist/util/dragAndDrop/handleDrop.js";
+import { findClosestPosition } from "@ui5/webcomponents-base/dist/util/dragAndDrop/findClosestPosition.js";
+import Orientation from "@ui5/webcomponents-base/dist/types/Orientation.js";
+class DragAndDropHandler {
+    constructor(component, config) {
+        this.component = component;
+        this.config = {
+            orientation: Orientation.Vertical,
+            clientCoordinate: "clientY",
+            ...config,
+        };
+    }
+    ondragenter(e) {
+        e.preventDefault();
+    }
+    ondragleave(e) {
+        if (e.relatedTarget instanceof Node && this.component.shadowRoot?.contains(e.relatedTarget)) {
+            return;
+        }
+        const dropIndicator = this.config.getDropIndicator();
+        if (dropIndicator) {
+            dropIndicator.targetReference = null;
+        }
+    }
+    ondragover(e) {
+        if (!this._validateDragOver(e)) {
+            return;
+        }
+        const draggedElement = DragRegistry.getDraggedElement();
+        const dropIndicator = this.config.getDropIndicator();
+        const closestPosition = this._findClosestPosition(e);
+        if (!closestPosition) {
+            dropIndicator.targetReference = null;
+            return;
+        }
+        const targetElement = this._transformTargetElement(closestPosition.element);
+        if (!this._isValidDragTarget(draggedElement, targetElement)) {
+            dropIndicator.targetReference = null;
+            return;
+        }
+        // Filter placements if needed (e.g., ListItemGroup filtering out MovePlacement.On)
+        const placements = this._filterPlacements(closestPosition.placements, draggedElement, targetElement);
+        const settings = this.config.useOriginalEvent ? { originalEvent: true } : {};
+        const { targetReference, placement } = handleDragOver(e, this.component, {
+            element: targetElement,
+            placements,
+        }, targetElement, settings);
+        dropIndicator.targetReference = targetReference;
+        dropIndicator.placement = placement;
+    }
+    ondrop(e) {
+        const dropIndicator = this.config.getDropIndicator();
+        if (!dropIndicator?.targetReference || !dropIndicator?.placement) {
+            e.preventDefault();
+            return;
+        }
+        const settings = this.config.useOriginalEvent ? { originalEvent: true } : {};
+        handleDrop(e, this.component, dropIndicator.targetReference, dropIndicator.placement, settings);
+        dropIndicator.targetReference = null;
+    }
+    _validateDragOver(e) {
+        if (!(e.target instanceof HTMLElement)) {
+            return false;
+        }
+        const draggedElement = DragRegistry.getDraggedElement();
+        const dropIndicator = this.config.getDropIndicator();
+        return !!(draggedElement && dropIndicator);
+    }
+    _findClosestPosition(e) {
+        const items = this.config.getItems();
+        const coordinate = this.config.clientCoordinate === "clientX" ? e.clientX : e.clientY;
+        return findClosestPosition(items, coordinate, this.config.orientation);
+    }
+    _transformTargetElement(element) {
+        if (this.config.transformElement) {
+            return this.config.transformElement(element);
+        }
+        return element;
+    }
+    _isValidDragTarget(draggedElement, targetElement) {
+        if (this.config.validateDraggedElement) {
+            return this.config.validateDraggedElement(draggedElement, targetElement);
+        }
+        return true;
+    }
+    _filterPlacements(placements, draggedElement, targetElement) {
+        if (this.config.filterPlacements) {
+            return this.config.filterPlacements(placements, draggedElement, targetElement);
+        }
+        return placements;
+    }
+}
+export default DragAndDropHandler;
+//# sourceMappingURL=DragAndDropHandler.js.map

package/dist/delegate/DragAndDropHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragAndDropHandler.js","sourceRoot":"","sources":["../../src/delegate/DragAndDropHandler.ts"],"names":[],"mappings":"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","sourcesContent":["import DragRegistry from \"@ui5/webcomponents-base/dist/util/dragAndDrop/DragRegistry.js\";\nimport handleDragOver from \"@ui5/webcomponents-base/dist/util/dragAndDrop/handleDragOver.js\";\nimport handleDrop from \"@ui5/webcomponents-base/dist/util/dragAndDrop/handleDrop.js\";\nimport { findClosestPosition } from \"@ui5/webcomponents-base/dist/util/dragAndDrop/findClosestPosition.js\";\nimport Orientation from \"@ui5/webcomponents-base/dist/types/Orientation.js\";\nimport type UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport type DropIndicator from \"../DropIndicator.js\";\nimport type MovePlacement from \"@ui5/webcomponents-base/dist/types/MovePlacement.js\";\n\ntype DragAndDropConfig = {\n\tgetItems: () => Array<HTMLElement>;\n\tgetDropIndicator: () => DropIndicator | null;\n\torientation?: Orientation;\n\tuseOriginalEvent?: boolean;\n\tclientCoordinate?: \"clientX\" | \"clientY\";\n\ttransformElement?: (element: HTMLElement) => HTMLElement;\n\tvalidateDraggedElement?: (draggedElement: HTMLElement, targetElement: HTMLElement) => boolean;\n\tfilterPlacements?: (placements: MovePlacement[], draggedElement: HTMLElement, targetElement: HTMLElement) => MovePlacement[];\n};\n\nclass DragAndDropHandler {\n\tcomponent: UI5Element;\n\tconfig: DragAndDropConfig;\n\n\tconstructor(component: UI5Element, config: DragAndDropConfig) {\n\t\tthis.component = component;\n\t\tthis.config = {\n\t\t\torientation: Orientation.Vertical,\n\t\t\tclientCoordinate: \"clientY\",\n\t\t\t...config,\n\t\t};\n\t}\n\n\tondragenter(e: DragEvent) {\n\t\te.preventDefault();\n\t}\n\n\tondragleave(e: DragEvent) {\n\t\tif (e.relatedTarget instanceof Node && this.component.shadowRoot?.contains(e.relatedTarget)) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst dropIndicator = this.config.getDropIndicator();\n\t\tif (dropIndicator) {\n\t\t\tdropIndicator.targetReference = null;\n\t\t}\n\t}\n\n\tondragover(e: DragEvent) {\n\t\tif (!this._validateDragOver(e)) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst draggedElement = DragRegistry.getDraggedElement()!;\n\t\tconst dropIndicator = this.config.getDropIndicator()!;\n\t\tconst closestPosition = this._findClosestPosition(e);\n\n\t\tif (!closestPosition) {\n\t\t\tdropIndicator.targetReference = null;\n\t\t\treturn;\n\t\t}\n\n\t\tconst targetElement = this._transformTargetElement(closestPosition.element);\n\n\t\tif (!this._isValidDragTarget(draggedElement, targetElement)) {\n\t\t\tdropIndicator.targetReference = null;\n\t\t\treturn;\n\t\t}\n\n\t\t// Filter placements if needed (e.g., ListItemGroup filtering out MovePlacement.On)\n\t\tconst placements = this._filterPlacements(closestPosition.placements, draggedElement, targetElement);\n\n\t\tconst settings = this.config.useOriginalEvent ? { originalEvent: true } : {};\n\t\tconst { targetReference, placement } = handleDragOver(e, this.component, {\n\t\t\telement: targetElement,\n\t\t\tplacements,\n\t\t}, targetElement, settings);\n\n\t\tdropIndicator.targetReference = targetReference;\n\t\tdropIndicator.placement = placement;\n\t}\n\n\tondrop(e: DragEvent) {\n\t\tconst dropIndicator = this.config.getDropIndicator();\n\n\t\tif (!dropIndicator?.targetReference || !dropIndicator?.placement) {\n\t\t\te.preventDefault();\n\t\t\treturn;\n\t\t}\n\n\t\tconst settings = this.config.useOriginalEvent ? { originalEvent: true } : {};\n\t\thandleDrop(e, this.component, dropIndicator.targetReference, dropIndicator.placement, settings);\n\t\tdropIndicator.targetReference = null;\n\t}\n\n\t_validateDragOver(e: DragEvent): boolean {\n\t\tif (!(e.target instanceof HTMLElement)) {\n\t\t\treturn false;\n\t\t}\n\n\t\tconst draggedElement = DragRegistry.getDraggedElement();\n\t\tconst dropIndicator = this.config.getDropIndicator();\n\n\t\treturn !!(draggedElement && dropIndicator);\n\t}\n\n\t_findClosestPosition(e: DragEvent) {\n\t\tconst items = this.config.getItems();\n\t\tconst coordinate = this.config.clientCoordinate === \"clientX\" ? e.clientX : e.clientY;\n\n\t\treturn findClosestPosition(\n\t\t\titems,\n\t\t\tcoordinate,\n\t\t\tthis.config.orientation!,\n\t\t);\n\t}\n\n\t_transformTargetElement(element: HTMLElement): HTMLElement {\n\t\tif (this.config.transformElement) {\n\t\t\treturn this.config.transformElement(element);\n\t\t}\n\t\treturn element;\n\t}\n\n\t_isValidDragTarget(draggedElement: HTMLElement, targetElement: HTMLElement): boolean {\n\t\tif (this.config.validateDraggedElement) {\n\t\t\treturn this.config.validateDraggedElement(draggedElement, targetElement);\n\t\t}\n\t\treturn true;\n\t}\n\n\t_filterPlacements(placements: MovePlacement[], draggedElement: HTMLElement, targetElement: HTMLElement): MovePlacement[] {\n\t\tif (this.config.filterPlacements) {\n\t\t\treturn this.config.filterPlacements(placements, draggedElement, targetElement);\n\t\t}\n\t\treturn placements;\n\t}\n}\n\nexport default DragAndDropHandler;\nexport type {\n\tDragAndDropConfig,\n};\n"]}

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

@@ -7,12 +7,12 @@ import type { JsxTemplate } from "@ui5/webcomponents-base/dist/index.js";
  * @public
  * @since 2.11.0
  */
-declare class DateRangeRange implements IDynamicDateRangeOption {
+declare class DateRange implements IDynamicDateRangeOption {
     template: JsxTemplate;
     constructor();
     parse(value: string): DynamicDateRangeValue;
     format(value: DynamicDateRangeValue): string;
-    toDates(value: DynamicDateRangeValue): Date[];
+    toDates(value: DynamicDateRangeValue): Array<Date>;
     get text(): string;
     get operator(): string;
     get icon(): string;
@@ -20,4 +20,4 @@ declare class DateRangeRange implements IDynamicDateRangeOption {
     getFormat(): DateFormat;
     handleSelectionChange(e: CustomEvent): DynamicDateRangeValue | undefined;
 }
-export default DateRangeRange;
+export default DateRange;

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

@@ -1,5 +1,6 @@
-import DateRangeRangeTemplate from "./DateRangeTemplate.js";
+import DateRangeTemplate from "./DateRangeTemplate.js";
 import DateFormat from "@ui5/webcomponents-localization/dist/DateFormat.js";
+import UI5Date from "@ui5/webcomponents-localization/dist/dates/UI5Date.js";
 import { DYNAMIC_DATE_RANGE_DATERANGE_TEXT, } from "../generated/i18n/i18n-defaults.js";
 import { dateRangeOptionToDates } from "./toDates.js";
 import DynamicDateRange from "../DynamicDateRange.js";
@@ -9,9 +10,9 @@ import DynamicDateRange from "../DynamicDateRange.js";
  * @public
  * @since 2.11.0
  */
-class DateRangeRange {
+class DateRange {
     constructor() {
-        this.template = DateRangeRangeTemplate;
+        this.template = DateRangeTemplate;
     }
     parse(value) {
         const returnValue = { operator: "", values: [] };
@@ -21,7 +22,7 @@ class DateRangeRange {
     }
     format(value) {
         const valuesArray = value?.values;
-        if (!valuesArray || valuesArray.length !== 2) {
+        if (!valuesArray || valuesArray.length !== 2 || !valuesArray[1]) {
             return "";
         }
         const formattedValue = this.getFormat().format(valuesArray);
@@ -58,14 +59,23 @@ class DateRangeRange {
         currentValue.values = [];
         currentValue.operator = this.operator;
         if (e.detail.selectedDates[0]) {
-            currentValue.values[0] = new Date(e.detail.selectedDates[0] * 1000);
+            currentValue.values[0] = UI5Date.getInstance(e.detail.selectedDates[0] * 1000);
         }
         if (e.detail.selectedDates[1]) {
-            currentValue.values[1] = new Date(e.detail.selectedDates[1] * 1000);
+            currentValue.values[1] = UI5Date.getInstance(e.detail.selectedDates[1] * 1000);
+        }
+        // Handle backwards date ranges by automatically flipping them
+        if (currentValue.values.length === 2 && currentValue.values[0] && currentValue.values[1]) {
+            const startDate = currentValue.values[0];
+            const endDate = currentValue.values[1];
+            // If start date is after end date, flip them
+            if (startDate.getTime() > endDate.getTime()) {
+                currentValue.values = [endDate, startDate];
+            }
         }
         return currentValue;
     }
 }
-DynamicDateRange.register("DATERANGE", DateRangeRange);
-export default DateRangeRange;
+DynamicDateRange.register("DATERANGE", DateRange);
+export default DateRange;
 //# sourceMappingURL=DateRange.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DateRange.js","sourceRoot":"","sources":["../../src/dynamic-date-range-options/DateRange.ts"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,MAAM,wBAAwB,CAAC;AAE5D,OAAO,UAAU,MAAM,oDAAoD,CAAC;AAE5E,OAAO,EACN,iCAAiC,GACjC,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,gBAAgB,MAAM,wBAAwB,CAAC;AAEtD;;;;;GAKG;AAEH,MAAM,cAAc;IAGnB;QACC,IAAI,CAAC,QAAQ,GAAG,sBAAsB,CAAC;IACxC,CAAC;IAED,KAAK,CAAC,KAAa;QAClB,MAAM,WAAW,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAA2B,CAAC;QAE1E,WAAW,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;QACrC,WAAW,CAAC,MAAM,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC,KAAK,CAAC,KAAK,CAAW,CAAC;QAE7D,OAAO,WAAW,CAAC;IACpB,CAAC;IAED,MAAM,CAAC,KAA4B;QAClC,MAAM,WAAW,GAAG,KAAK,EAAE,MAAgB,CAAC;QAE5C,IAAI,CAAC,WAAW,IAAI,WAAW,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAC9C,OAAO,EAAE,CAAC;QACX,CAAC;QAED,MAAM,cAAc,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;QAE5D,OAAO,cAAc,CAAC;IACvB,CAAC;IAED,OAAO,CAAC,KAA4B;QACnC,OAAO,sBAAsB,CAAC,KAAK,CAAC,CAAC;IACtC,CAAC;IAED,IAAI,IAAI;QACP,OAAO,gBAAgB,CAAC,UAAU,CAAC,OAAO,CAAC,iCAAiC,CAAC,CAAC;IAC/E,CAAC;IAED,IAAI,QAAQ;QACX,OAAO,WAAW,CAAC;IACpB,CAAC;IAED,IAAI,IAAI;QACP,OAAO,eAAe,CAAC;IACxB,CAAC;IAED,aAAa,CAAC,KAAa;QAC1B,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC,KAAK,CAAC,KAAK,CAAW,CAAC;QAEtD,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,IAAI,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC;YACpG,OAAO,KAAK,CAAC;QACd,CAAC;QAED,OAAO,IAAI,CAAC;IACb,CAAC;IAED,SAAS;QACR,OAAO,UAAU,CAAC,eAAe,CAAC;YACjC,aAAa,EAAE,IAAI;YACnB,QAAQ,EAAE,IAAI;YACd,iBAAiB,EAAE,KAAK;SACxB,CAAC,CAAC;IACJ,CAAC;IAED,qBAAqB,CAAC,CAAc;QACnC,MAAM,YAAY,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAA2B,CAAC;QAC3E,YAAY,CAAC,MAAM,GAAG,EAAE,CAAC;QACzB,YAAY,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;QAEtC,IAAI,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;YAC/B,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;QACrE,CAAC;QAED,IAAI,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;YAC/B,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;QACrE,CAAC;QAED,OAAO,YAAY,CAAC;IACrB,CAAC;CACD;AAED,gBAAgB,CAAC,QAAQ,CAAC,WAAW,EAAE,cAAc,CAAC,CAAC;AAEvD,eAAe,cAAc,CAAC","sourcesContent":["import DateRangeRangeTemplate from \"./DateRangeTemplate.js\";\nimport type { DynamicDateRangeValue, IDynamicDateRangeOption } from \"../DynamicDateRange.js\";\nimport DateFormat from \"@ui5/webcomponents-localization/dist/DateFormat.js\";\nimport type { JsxTemplate } from \"@ui5/webcomponents-base/dist/index.js\";\nimport {\n\tDYNAMIC_DATE_RANGE_DATERANGE_TEXT,\n} from \"../generated/i18n/i18n-defaults.js\";\nimport { dateRangeOptionToDates } from \"./toDates.js\";\nimport DynamicDateRange from \"../DynamicDateRange.js\";\n\n/**\n * @class\n * @constructor\n * @public\n * @since 2.11.0\n */\n\nclass DateRangeRange implements IDynamicDateRangeOption {\n\ttemplate: JsxTemplate;\n\n\tconstructor() {\n\t\tthis.template = DateRangeRangeTemplate;\n\t}\n\n\tparse(value: string): DynamicDateRangeValue {\n\t\tconst returnValue = { operator: \"\", values: [] } as DynamicDateRangeValue;\n\n\t\treturnValue.operator = this.operator;\n\t\treturnValue.values = this.getFormat().parse(value) as Date[];\n\n\t\treturn returnValue;\n\t}\n\n\tformat(value: DynamicDateRangeValue) {\n\t\tconst valuesArray = value?.values as Date[];\n\n\t\tif (!valuesArray || valuesArray.length !== 2) {\n\t\t\treturn \"\";\n\t\t}\n\n\t\tconst formattedValue = this.getFormat().format(valuesArray);\n\n\t\treturn formattedValue;\n\t}\n\n\ttoDates(value: DynamicDateRangeValue): Date[] {\n\t\treturn dateRangeOptionToDates(value);\n\t}\n\n\tget text(): string {\n\t\treturn DynamicDateRange.i18nBundle.getText(DYNAMIC_DATE_RANGE_DATERANGE_TEXT);\n\t}\n\n\tget operator() {\n\t\treturn \"DATERANGE\";\n\t}\n\n\tget icon() {\n\t\treturn \"appointment-2\";\n\t}\n\n\tisValidString(value: string): boolean {\n\t\tconst dates = this.getFormat().parse(value) as Date[];\n\n\t\tif (!dates[0] || !dates[1] || Number.isNaN(dates[0].getTime()) || Number.isNaN(dates[1].getTime())) {\n\t\t\treturn false;\n\t\t}\n\n\t\treturn true;\n\t}\n\n\tgetFormat(): DateFormat {\n\t\treturn DateFormat.getDateInstance({\n\t\t\tstrictParsing: true,\n\t\t\tinterval: true,\n\t\t\tintervalDelimiter: \" - \",\n\t\t});\n\t}\n\n\thandleSelectionChange(e: CustomEvent): DynamicDateRangeValue | undefined {\n\t\tconst currentValue = { operator: \"\", values: [] } as DynamicDateRangeValue;\n\t\tcurrentValue.values = [];\n\t\tcurrentValue.operator = this.operator;\n\n\t\tif (e.detail.selectedDates[0]) {\n\t\t\tcurrentValue.values[0] = new Date(e.detail.selectedDates[0] * 1000);\n\t\t}\n\n\t\tif (e.detail.selectedDates[1]) {\n\t\t\tcurrentValue.values[1] = new Date(e.detail.selectedDates[1] * 1000);\n\t\t}\n\n\t\treturn currentValue;\n\t}\n}\n\nDynamicDateRange.register(\"DATERANGE\", DateRangeRange);\n\nexport default DateRangeRange;\n"]}
+{"version":3,"file":"DateRange.js","sourceRoot":"","sources":["../../src/dynamic-date-range-options/DateRange.ts"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,MAAM,wBAAwB,CAAC;AAEvD,OAAO,UAAU,MAAM,oDAAoD,CAAC;AAC5E,OAAO,OAAO,MAAM,uDAAuD,CAAC;AAE5E,OAAO,EACN,iCAAiC,GACjC,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,gBAAgB,MAAM,wBAAwB,CAAC;AAEtD;;;;;GAKG;AAEH,MAAM,SAAS;IAGd;QACC,IAAI,CAAC,QAAQ,GAAG,iBAAiB,CAAC;IACnC,CAAC;IAED,KAAK,CAAC,KAAa;QAClB,MAAM,WAAW,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAA2B,CAAC;QAE1E,WAAW,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;QACrC,WAAW,CAAC,MAAM,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC,KAAK,CAAC,KAAK,CAAW,CAAC;QAE7D,OAAO,WAAW,CAAC;IACpB,CAAC;IAED,MAAM,CAAC,KAA4B;QAClC,MAAM,WAAW,GAAG,KAAK,EAAE,MAAqB,CAAC;QAEjD,IAAI,CAAC,WAAW,IAAI,WAAW,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;YACjE,OAAO,EAAE,CAAC;QACX,CAAC;QAED,MAAM,cAAc,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;QAE5D,OAAO,cAAc,CAAC;IACvB,CAAC;IAED,OAAO,CAAC,KAA4B;QACnC,OAAO,sBAAsB,CAAC,KAAK,CAAC,CAAC;IACtC,CAAC;IAED,IAAI,IAAI;QACP,OAAO,gBAAgB,CAAC,UAAU,CAAC,OAAO,CAAC,iCAAiC,CAAC,CAAC;IAC/E,CAAC;IAED,IAAI,QAAQ;QACX,OAAO,WAAW,CAAC;IACpB,CAAC;IAED,IAAI,IAAI;QACP,OAAO,eAAe,CAAC;IACxB,CAAC;IAED,aAAa,CAAC,KAAa;QAC1B,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC,KAAK,CAAC,KAAK,CAAgB,CAAC;QAE3D,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,IAAI,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC;YACpG,OAAO,KAAK,CAAC;QACd,CAAC;QAED,OAAO,IAAI,CAAC;IACb,CAAC;IAED,SAAS;QACR,OAAO,UAAU,CAAC,eAAe,CAAC;YACjC,aAAa,EAAE,IAAI;YACnB,QAAQ,EAAE,IAAI;YACd,iBAAiB,EAAE,KAAK;SACxB,CAAC,CAAC;IACJ,CAAC;IAED,qBAAqB,CAAC,CAAc;QACnC,MAAM,YAAY,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAA2B,CAAC;QAC3E,YAAY,CAAC,MAAM,GAAG,EAAE,CAAC;QACzB,YAAY,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;QAEtC,IAAI,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;YAC/B,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;QAChF,CAAC;QAED,IAAI,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;YAC/B,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;QAChF,CAAC;QAED,8DAA8D;QAC9D,IAAI,YAAY,CAAC,MAAM,CAAC,MAAM,KAAK,CAAC,IAAI,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;YAC1F,MAAM,SAAS,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC,CAAY,CAAC;YACpD,MAAM,OAAO,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC,CAAY,CAAC;YAElD,6CAA6C;YAC7C,IAAI,SAAS,CAAC,OAAO,EAAE,GAAG,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC;gBAC7C,YAAY,CAAC,MAAM,GAAG,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;YAC5C,CAAC;QACF,CAAC;QAED,OAAO,YAAY,CAAC;IACrB,CAAC;CACD;AAED,gBAAgB,CAAC,QAAQ,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;AAElD,eAAe,SAAS,CAAC","sourcesContent":["import DateRangeTemplate from \"./DateRangeTemplate.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\tDYNAMIC_DATE_RANGE_DATERANGE_TEXT,\n} from \"../generated/i18n/i18n-defaults.js\";\nimport { dateRangeOptionToDates } from \"./toDates.js\";\nimport DynamicDateRange from \"../DynamicDateRange.js\";\n\n/**\n * @class\n * @constructor\n * @public\n * @since 2.11.0\n */\n\nclass DateRange implements IDynamicDateRangeOption {\n\ttemplate: JsxTemplate;\n\n\tconstructor() {\n\t\tthis.template = DateRangeTemplate;\n\t}\n\n\tparse(value: string): DynamicDateRangeValue {\n\t\tconst returnValue = { operator: \"\", values: [] } as DynamicDateRangeValue;\n\n\t\treturnValue.operator = this.operator;\n\t\treturnValue.values = this.getFormat().parse(value) as Date[];\n\n\t\treturn returnValue;\n\t}\n\n\tformat(value: DynamicDateRangeValue) {\n\t\tconst valuesArray = value?.values as Array<Date>;\n\n\t\tif (!valuesArray || valuesArray.length !== 2 || !valuesArray[1]) {\n\t\t\treturn \"\";\n\t\t}\n\n\t\tconst formattedValue = this.getFormat().format(valuesArray);\n\n\t\treturn formattedValue;\n\t}\n\n\ttoDates(value: DynamicDateRangeValue): Array<Date> {\n\t\treturn dateRangeOptionToDates(value);\n\t}\n\n\tget text(): string {\n\t\treturn DynamicDateRange.i18nBundle.getText(DYNAMIC_DATE_RANGE_DATERANGE_TEXT);\n\t}\n\n\tget operator() {\n\t\treturn \"DATERANGE\";\n\t}\n\n\tget icon() {\n\t\treturn \"appointment-2\";\n\t}\n\n\tisValidString(value: string): boolean {\n\t\tconst dates = this.getFormat().parse(value) as Array<Date>;\n\n\t\tif (!dates[0] || !dates[1] || Number.isNaN(dates[0].getTime()) || Number.isNaN(dates[1].getTime())) {\n\t\t\treturn false;\n\t\t}\n\n\t\treturn true;\n\t}\n\n\tgetFormat(): DateFormat {\n\t\treturn DateFormat.getDateInstance({\n\t\t\tstrictParsing: true,\n\t\t\tinterval: true,\n\t\t\tintervalDelimiter: \" - \",\n\t\t});\n\t}\n\n\thandleSelectionChange(e: CustomEvent): DynamicDateRangeValue | undefined {\n\t\tconst currentValue = { operator: \"\", values: [] } as DynamicDateRangeValue;\n\t\tcurrentValue.values = [];\n\t\tcurrentValue.operator = this.operator;\n\n\t\tif (e.detail.selectedDates[0]) {\n\t\t\tcurrentValue.values[0] = UI5Date.getInstance(e.detail.selectedDates[0] * 1000);\n\t\t}\n\n\t\tif (e.detail.selectedDates[1]) {\n\t\t\tcurrentValue.values[1] = UI5Date.getInstance(e.detail.selectedDates[1] * 1000);\n\t\t}\n\n\t\t// Handle backwards date ranges by automatically flipping them\n\t\tif (currentValue.values.length === 2 && currentValue.values[0] && currentValue.values[1]) {\n\t\t\tconst startDate = currentValue.values[0] as UI5Date;\n\t\t\tconst endDate = currentValue.values[1] as UI5Date;\n\n\t\t\t// If start date is after end date, flip them\n\t\t\tif (startDate.getTime() > endDate.getTime()) {\n\t\t\t\tcurrentValue.values = [endDate, startDate];\n\t\t\t}\n\t\t}\n\n\t\treturn currentValue;\n\t}\n}\n\nDynamicDateRange.register(\"DATERANGE\", DateRange);\n\nexport default DateRange;\n"]}

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

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

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "@ui5/webcomponents-base/jsx-runtime";
 import Calendar from "../Calendar.js";
 import CalendarDateRange from "../CalendarDateRange.js";
-export default function DateRangeRangeTemplate() {
+export default function DateRangeTemplate() {
     return (_jsx(Calendar, { onSelectionChange: this.handleSelectionChange, selectionMode: "Range", children: _jsx(CalendarDateRange, { startValue: this.value?.operator === "DATERANGE"
                 ? this.getOption(this.value.operator)?.format(this.value)?.split("-")[0] || undefined
                 : undefined, endValue: this.value?.operator === "DATERANGE"

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

@@ -1 +1 @@
-{"version":3,"file":"DateRangeTemplate.js","sourceRoot":"","sources":["../../src/dynamic-date-range-options/DateRangeTemplate.tsx"],"names":[],"mappings":";AACA,OAAO,QAAQ,MAAM,gBAAgB,CAAC;AACtC,OAAO,iBAAiB,MAAM,yBAAyB,CAAC;AAExD,MAAM,CAAC,OAAO,UAAU,sBAAsB;IAC7C,OAAO,CACN,KAAC,QAAQ,IAAC,iBAAiB,EAAE,IAAI,CAAC,qBAAqB,EAAE,aAAa,EAAC,OAAO,YAC7E,KAAC,iBAAiB,IACjB,UAAU,EACT,IAAI,CAAC,KAAK,EAAE,QAAQ,KAAK,WAAW;gBACnC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,SAAS;gBACrF,CAAC,CAAC,SAAS,EAEb,QAAQ,EACP,IAAI,CAAC,KAAK,EAAE,QAAQ,KAAK,WAAW;gBACnC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,SAAS;gBACrF,CAAC,CAAC,SAAS,GAEO,GACX,CACX,CAAC;AACH,CAAC","sourcesContent":["import type DynamicDateRange from \"../DynamicDateRange.js\";\nimport Calendar from \"../Calendar.js\";\nimport CalendarDateRange from \"../CalendarDateRange.js\";\n\nexport default function DateRangeRangeTemplate(this: DynamicDateRange) {\n\treturn (\n\t\t<Calendar onSelectionChange={this.handleSelectionChange} selectionMode=\"Range\">\n\t\t\t<CalendarDateRange\n\t\t\t\tstartValue={\n\t\t\t\t\tthis.value?.operator === \"DATERANGE\"\n\t\t\t\t\t\t? this.getOption(this.value.operator)?.format(this.value)?.split(\"-\")[0] || undefined\n\t\t\t\t\t\t: undefined\n\t\t\t\t}\n\t\t\t\tendValue={\n\t\t\t\t\tthis.value?.operator === \"DATERANGE\"\n\t\t\t\t\t\t? this.getOption(this.value.operator)?.format(this.value)?.split(\"-\")[1] || undefined\n\t\t\t\t\t\t: undefined\n\t\t\t\t}\n\t\t\t></CalendarDateRange>\n\t\t</Calendar>\n\t);\n}\n"]}
+{"version":3,"file":"DateRangeTemplate.js","sourceRoot":"","sources":["../../src/dynamic-date-range-options/DateRangeTemplate.tsx"],"names":[],"mappings":";AACA,OAAO,QAAQ,MAAM,gBAAgB,CAAC;AACtC,OAAO,iBAAiB,MAAM,yBAAyB,CAAC;AAExD,MAAM,CAAC,OAAO,UAAU,iBAAiB;IACxC,OAAO,CACN,KAAC,QAAQ,IAAC,iBAAiB,EAAE,IAAI,CAAC,qBAAqB,EAAE,aAAa,EAAC,OAAO,YAC7E,KAAC,iBAAiB,IACjB,UAAU,EACT,IAAI,CAAC,KAAK,EAAE,QAAQ,KAAK,WAAW;gBACnC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,SAAS;gBACrF,CAAC,CAAC,SAAS,EAEb,QAAQ,EACP,IAAI,CAAC,KAAK,EAAE,QAAQ,KAAK,WAAW;gBACnC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,SAAS;gBACrF,CAAC,CAAC,SAAS,GAEO,GACX,CACX,CAAC;AACH,CAAC","sourcesContent":["import type DynamicDateRange from \"../DynamicDateRange.js\";\nimport Calendar from \"../Calendar.js\";\nimport CalendarDateRange from \"../CalendarDateRange.js\";\n\nexport default function DateRangeTemplate(this: DynamicDateRange) {\n\treturn (\n\t\t<Calendar onSelectionChange={this.handleSelectionChange} selectionMode=\"Range\">\n\t\t\t<CalendarDateRange\n\t\t\t\tstartValue={\n\t\t\t\t\tthis.value?.operator === \"DATERANGE\"\n\t\t\t\t\t\t? this.getOption(this.value.operator)?.format(this.value)?.split(\"-\")[0] || undefined\n\t\t\t\t\t\t: undefined\n\t\t\t\t}\n\t\t\t\tendValue={\n\t\t\t\t\tthis.value?.operator === \"DATERANGE\"\n\t\t\t\t\t\t? this.getOption(this.value.operator)?.format(this.value)?.split(\"-\")[1] || undefined\n\t\t\t\t\t\t: undefined\n\t\t\t\t}\n\t\t\t></CalendarDateRange>\n\t\t</Calendar>\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;