@ui5/webcomponents 2.11.0-rc.3 → 2.11.0-rc.4

package/dist/custom-elements.json

@@ -17,6 +17,117 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "dist/dynamic-date-range-options/DateRange.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "DateRangeRange"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "DateRangeRange",
+            "module": "dist/dynamic-date-range-options/DateRange.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/dynamic-date-range-options/SingleDate.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "SingleDate"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "SingleDate",
+            "module": "dist/dynamic-date-range-options/SingleDate.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/dynamic-date-range-options/Today.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "Today"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "Today",
+            "module": "dist/dynamic-date-range-options/Today.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/dynamic-date-range-options/Tomorrow.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "Tomorrow"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "Tomorrow",
+            "module": "dist/dynamic-date-range-options/Tomorrow.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/dynamic-date-range-options/Yesterday.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "Yesterday"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "Yesterday",
+            "module": "dist/dynamic-date-range-options/Yesterday.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/dynamic-date-range-options/toDates.js",
+      "declarations": [],
+      "exports": []
+    },
     {
       "kind": "javascript-module",
       "path": "dist/features/ColorPaletteMoreColors.js",
@@ -1254,6 +1365,15 @@
               "privacy": "public"
             }
           ],
+          "events": [
+            {
+              "name": "click",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired on mouseup, space and enter if avatar is interactive\n\n**Note:** The event will not be fired if the `disabled`\nproperty is set to `true`."
+            }
+          ],
           "attributes": [
             {
               "description": "Defines whether the component is disabled.\nA disabled component can't be pressed or\nfocused, and it is not in the tab chain.",
@@ -2514,8 +2634,20 @@
               "name": "year-cell-selected"
             },
             {
-              "description": "Used to style the day cells in between of selected years in range.",
+              "description": "Used to style the year cells in between of selected years in range.",
               "name": "year-cell-selected-between"
+            },
+            {
+              "description": "Used to style the year range cells.",
+              "name": "year-range-cell"
+            },
+            {
+              "description": "Used to style the year range cells when selected.",
+              "name": "year-range-cell-selected"
+            },
+            {
+              "description": "Used to style the year range cells in between of selected year ranges.",
+              "name": "year-range-cell-selected-between"
             }
           ],
           "slots": [
@@ -8102,6 +8234,100 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "dist/DynamicDateRange.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "### Overview\n\nThe `ui5-dynamic-date-range` component provides a flexible interface to define date ranges using a combination of absolute dates, relative intervals, and preset ranges (e.g., \"Today\", \"Yesterday\", etc.).\nIt allows users to select a date range from a predefined set of options or enter custom dates.\n\n### Usage\n\nThe component is typically used in scenarios where users need to filter data based on date ranges, such as in reports, dashboards, or data analysis tools.\nIt can be used with the predefined options or extended with custom options to suit specific requirements. You can create your own options by extending the `IDynamicDateRangeOption` interface.\nEvery option should be registered using the `DynamicDateRange.register` method.\n\nIf needed, you can also create a range of dates based on specific option using the `toDates` method.\n\n### Standard Options\n\nThe component comes with a set of standard options, including:\n- \"TODAY\" - Represents the current date. An example value is `{ operator: \"TODAY\"}`. Import: `import \"@ui5/webcomponents/dist/dynamic-date-range-options/Today.js\";`\n- \"YESTERDAY\" - Represents the previous date. An example value is `{ operator: \"YESTERDAY\"}`. Import: `import \"@ui5/webcomponents/dist/dynamic-date-range-options/Yesterday.js\";`\n- \"TOMORROW\" - Represents the next date. An example value is `{ operator: \"TOMORROW\"}`. Import: `import \"@ui5/webcomponents/dist/dynamic-date-range-options/Tomorrow.js\";`\n- \"DATE\" - Represents a single date. An example value is `{ operator: \"DATE\", values: [new Date()]}`. Import: `import \"@ui5/webcomponents/dist/dynamic-date-range-options/SingleDate.js\";`\n- \"DATERANGE\" - Represents a range of dates. An example value is `{ operator: \"DATERANGE\", values: [new Date(), new Date()]}`. Import: `import \"@ui5/webcomponents/dist/dynamic-date-range-options/DateRange.js\";`\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/DynamicDateRange.js\";`",
+          "name": "DynamicDateRange",
+          "members": [
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "DynamicDateRangeValue | undefined",
+                "references": [
+                  {
+                    "name": "DynamicDateRangeValue",
+                    "package": "@ui5/webcomponents",
+                    "module": "dist/DynamicDateRange.js"
+                  }
+                ]
+              },
+              "description": "Defines the value object.",
+              "default": "undefined",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "options",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Defines the options listed as a string, separated by commas and using capital case.\nExample: \"TODAY, YESTERDAY, DATERANGE\"",
+              "privacy": "public"
+            }
+          ],
+          "events": [
+            {
+              "name": "change",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when the input operation has finished by pressing Enter or on focusout or a value is selected in the popover."
+            }
+          ],
+          "attributes": [
+            {
+              "description": "Defines the value object.",
+              "name": "value",
+              "default": "undefined",
+              "fieldName": "value",
+              "type": {
+                "text": "DynamicDateRangeValue | undefined"
+              }
+            },
+            {
+              "description": "Defines the options listed as a string, separated by commas and using capital case.\nExample: \"TODAY, YESTERDAY, DATERANGE\"",
+              "name": "options",
+              "default": "\"\"",
+              "fieldName": "options",
+              "type": {
+                "text": "string"
+              }
+            }
+          ],
+          "superclass": {
+            "name": "UI5Element",
+            "package": "@ui5/webcomponents-base",
+            "module": "dist/UI5Element.js"
+          },
+          "tagName": "ui5-dynamic-date-range",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "DynamicDateRange",
+            "module": "dist/DynamicDateRange.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "ui5-dynamic-date-range",
+          "declaration": {
+            "name": "DynamicDateRange",
+            "module": "dist/DynamicDateRange.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "dist/ExpandableText.js",
@@ -9015,6 +9241,15 @@
               "privacy": "public"
             }
           ],
+          "events": [
+            {
+              "name": "click",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired on mouseup, `SPACE` and `ENTER`.\n- on mouse click, the icon fires native `click` event\n- on `SPACE` and `ENTER`, the icon fires custom `click` event"
+            }
+          ],
           "attributes": [
             {
               "description": "Defines the component semantic design.",
@@ -24442,12 +24677,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "dist/ToolbarRegistry.js",
-      "declarations": [],
-      "exports": []
-    },
     {
       "kind": "javascript-module",
       "path": "dist/ToolbarSelect.js",
@@ -26795,6 +27024,21 @@
           }
         }
       ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/YearRangePicker.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "YearRangePicker",
+            "module": "dist/YearRangePicker.js"
+          }
+        }
+      ]
     }
   ]
 }

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

@@ -0,0 +1,23 @@
+import type { DynamicDateRangeValue, IDynamicDateRangeOption } from "../DynamicDateRange.js";
+import DateFormat from "@ui5/webcomponents-localization/dist/DateFormat.js";
+import type { JsxTemplate } from "@ui5/webcomponents-base/dist/index.js";
+/**
+ * @class
+ * @constructor
+ * @public
+ * @since 2.0.0
+ */
+declare class DateRangeRange implements IDynamicDateRangeOption {
+    template: JsxTemplate;
+    constructor();
+    parse(value: string): DynamicDateRangeValue;
+    format(value: DynamicDateRangeValue): string;
+    toDates(value: DynamicDateRangeValue): Date[];
+    get text(): string;
+    get operator(): string;
+    get icon(): string;
+    isValidString(value: string): boolean;
+    getFormat(): DateFormat;
+    handleSelectionChange(e: CustomEvent): DynamicDateRangeValue | undefined;
+}
+export default DateRangeRange;

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

@@ -0,0 +1,71 @@
+import DateRangeRangeTemplate from "./DateRangeTemplate.js";
+import DateFormat from "@ui5/webcomponents-localization/dist/DateFormat.js";
+import { DYNAMIC_DATE_RANGE_DATERANGE_TEXT, } from "../generated/i18n/i18n-defaults.js";
+import { dateRangeOptionToDates } from "./toDates.js";
+import DynamicDateRange from "../DynamicDateRange.js";
+/**
+ * @class
+ * @constructor
+ * @public
+ * @since 2.0.0
+ */
+class DateRangeRange {
+    constructor() {
+        this.template = DateRangeRangeTemplate;
+    }
+    parse(value) {
+        const returnValue = { operator: "", values: [] };
+        returnValue.operator = this.operator;
+        returnValue.values = this.getFormat().parse(value);
+        return returnValue;
+    }
+    format(value) {
+        const valuesArray = value?.values;
+        if (!valuesArray || valuesArray.length !== 2) {
+            return "";
+        }
+        const formattedValue = this.getFormat().format(valuesArray);
+        return formattedValue;
+    }
+    toDates(value) {
+        return dateRangeOptionToDates(value);
+    }
+    get text() {
+        return DynamicDateRange.i18nBundle.getText(DYNAMIC_DATE_RANGE_DATERANGE_TEXT);
+    }
+    get operator() {
+        return "DATERANGE";
+    }
+    get icon() {
+        return "appointment-2";
+    }
+    isValidString(value) {
+        const dates = this.getFormat().parse(value);
+        if (!dates[0] || !dates[1] || Number.isNaN(dates[0].getTime()) || Number.isNaN(dates[1].getTime())) {
+            return false;
+        }
+        return true;
+    }
+    getFormat() {
+        return DateFormat.getDateInstance({
+            strictParsing: true,
+            interval: true,
+            intervalDelimiter: " - ",
+        });
+    }
+    handleSelectionChange(e) {
+        const currentValue = { operator: "", values: [] };
+        currentValue.values = [];
+        currentValue.operator = this.operator;
+        if (e.detail.selectedDates[0]) {
+            currentValue.values[0] = new Date(e.detail.selectedDates[0] * 1000);
+        }
+        if (e.detail.selectedDates[1]) {
+            currentValue.values[1] = new Date(e.detail.selectedDates[1] * 1000);
+        }
+        return currentValue;
+    }
+}
+DynamicDateRange.register("DATERANGE", DateRangeRange);
+export default DateRangeRange;
+//# sourceMappingURL=DateRange.js.map

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

@@ -0,0 +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;QACf,MAAM,WAAW,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAA2B,CAAC;QAE7E,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;QACL,OAAO,UAAU,CAAC,eAAe,CAAC;YACpC,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.0.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    const 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    return 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"]}

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

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

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

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "@ui5/webcomponents-base/jsx-runtime";
+import Calendar from "../Calendar.js";
+import CalendarDateRange from "../CalendarDateRange.js";
+export default function DateRangeRangeTemplate() {
+    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"
+                ? this.getOption(this.value.operator)?.format(this.value)?.split("-")[1] || undefined
+                : undefined }) }));
+}
+//# sourceMappingURL=DateRangeTemplate.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,23 @@
+import DateFormat from "@ui5/webcomponents-localization/dist/DateFormat.js";
+import type { DynamicDateRangeValue, IDynamicDateRangeOption } from "../DynamicDateRange.js";
+import type { JsxTemplate } from "@ui5/webcomponents-base/dist/index.js";
+/**
+ * @class
+ * @constructor
+ * @public
+ * @since 2.0.0
+ */
+declare class SingleDate implements IDynamicDateRangeOption {
+    template: JsxTemplate;
+    constructor();
+    parse(value: string): DynamicDateRangeValue;
+    format(value: DynamicDateRangeValue): string;
+    toDates(value: DynamicDateRangeValue): Date[];
+    isValidString(value: string): boolean;
+    get text(): string;
+    get operator(): string;
+    get icon(): string;
+    handleSelectionChange(e: CustomEvent): DynamicDateRangeValue | undefined;
+    getFormat(): DateFormat;
+}
+export default SingleDate;

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

@@ -0,0 +1,67 @@
+import SingleDateTemplate from "./SingleDateTemplate.js";
+import DateFormat from "@ui5/webcomponents-localization/dist/DateFormat.js";
+import { DYNAMIC_DATE_RANGE_DATE_TEXT, } from "../generated/i18n/i18n-defaults.js";
+import { dateOptionToDates } from "./toDates.js";
+import DynamicDateRange from "../DynamicDateRange.js";
+/**
+ * @class
+ * @constructor
+ * @public
+ * @since 2.0.0
+ */
+class SingleDate {
+    constructor() {
+        this.template = SingleDateTemplate;
+    }
+    parse(value) {
+        const date = this.getFormat().parse(value);
+        const returnValue = { operator: "", values: [] };
+        returnValue.operator = this.operator;
+        returnValue.values = [date];
+        return returnValue;
+    }
+    format(value) {
+        const valuesArray = value?.values;
+        if (!valuesArray || valuesArray.length !== 1) {
+            return "";
+        }
+        const date = valuesArray[0];
+        return this.getFormat().format(date);
+    }
+    toDates(value) {
+        return dateOptionToDates(value);
+    }
+    isValidString(value) {
+        const date = this.getFormat().parse(value);
+        if (!date || Number.isNaN(date.getTime())) {
+            return false;
+        }
+        return true;
+    }
+    get text() {
+        return DynamicDateRange.i18nBundle.getText(DYNAMIC_DATE_RANGE_DATE_TEXT);
+    }
+    get operator() {
+        return "DATE";
+    }
+    get icon() {
+        return "appointment-2";
+    }
+    handleSelectionChange(e) {
+        const currentValue = { operator: "", values: [] };
+        currentValue.values = [];
+        currentValue.operator = this.operator;
+        if (e.detail.selectedDates[0]) {
+            currentValue.values[0] = new Date(e.detail.selectedDates[0] * 1000);
+        }
+        return currentValue;
+    }
+    getFormat() {
+        return DateFormat.getDateInstance({
+            strictParsing: true,
+        });
+    }
+}
+DynamicDateRange.register("DATE", SingleDate);
+export default SingleDate;
+//# sourceMappingURL=SingleDate.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SingleDate.js","sourceRoot":"","sources":["../../src/dynamic-date-range-options/SingleDate.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,MAAM,yBAAyB,CAAC;AACzD,OAAO,UAAU,MAAM,oDAAoD,CAAC;AAG5E,OAAO,EACN,4BAA4B,GAC5B,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,gBAAgB,MAAM,wBAAwB,CAAC;AAEtD;;;;;GAKG;AAEH,MAAM,UAAU;IAGf;QACC,IAAI,CAAC,QAAQ,GAAG,kBAAkB,CAAC;IACpC,CAAC;IAED,KAAK,CAAC,KAAa;QAClB,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC,KAAK,CAAC,KAAK,CAAS,CAAC;QACnD,MAAM,WAAW,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAA2B,CAAC;QAC1E,WAAW,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;QACrC,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,CAAC;QAE5B,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,IAAI,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC;QAE5B,OAAO,IAAI,CAAC,SAAS,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACtC,CAAC;IAED,OAAO,CAAC,KAA4B;QACnC,OAAO,iBAAiB,CAAC,KAAK,CAAC,CAAC;IACjC,CAAC;IAED,aAAa,CAAC,KAAa;QAC1B,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC,KAAK,CAAC,KAAK,CAAS,CAAC;QAEnD,IAAI,CAAC,IAAI,IAAI,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC;YAC3C,OAAO,KAAK,CAAC;QACd,CAAC;QAED,OAAO,IAAI,CAAC;IACb,CAAC;IAED,IAAI,IAAI;QACP,OAAO,gBAAgB,CAAC,UAAU,CAAC,OAAO,CAAC,4BAA4B,CAAC,CAAC;IAC1E,CAAC;IAED,IAAI,QAAQ;QACX,OAAO,MAAM,CAAC;IACf,CAAC;IAED,IAAI,IAAI;QACP,OAAO,eAAe,CAAC;IACxB,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,OAAO,YAAY,CAAC;IACrB,CAAC;IAED,SAAS;QACR,OAAO,UAAU,CAAC,eAAe,CAAC;YACjC,aAAa,EAAE,IAAI;SACnB,CAAC,CAAC;IACJ,CAAC;CACD;AAED,gBAAgB,CAAC,QAAQ,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;AAE9C,eAAe,UAAU,CAAC","sourcesContent":["import SingleDateTemplate from \"./SingleDateTemplate.js\";\nimport DateFormat from \"@ui5/webcomponents-localization/dist/DateFormat.js\";\nimport type { DynamicDateRangeValue, IDynamicDateRangeOption } from \"../DynamicDateRange.js\";\nimport type { JsxTemplate } from \"@ui5/webcomponents-base/dist/index.js\";\nimport {\n\tDYNAMIC_DATE_RANGE_DATE_TEXT,\n} from \"../generated/i18n/i18n-defaults.js\";\nimport { dateOptionToDates } from \"./toDates.js\";\nimport DynamicDateRange from \"../DynamicDateRange.js\";\n\n/**\n * @class\n * @constructor\n * @public\n * @since 2.0.0\n */\n\nclass SingleDate implements IDynamicDateRangeOption {\n\ttemplate: JsxTemplate;\n\n\tconstructor() {\n\t\tthis.template = SingleDateTemplate;\n\t}\n\n\tparse(value: string): DynamicDateRangeValue {\n\t\tconst date = this.getFormat().parse(value) 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) {\n\t\tconst valuesArray = value?.values as Date[];\n\n\t\tif (!valuesArray || valuesArray.length !== 1) {\n\t\t\treturn \"\";\n\t\t}\n\n\t\tconst date = valuesArray[0];\n\n\t\treturn this.getFormat().format(date);\n\t}\n\n\ttoDates(value: DynamicDateRangeValue): Date[] {\n\t\treturn dateOptionToDates(value);\n\t}\n\n\tisValidString(value: string): boolean {\n\t\tconst date = this.getFormat().parse(value) 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\tget text() {\n\t\treturn DynamicDateRange.i18nBundle.getText(DYNAMIC_DATE_RANGE_DATE_TEXT);\n\t}\n\n\tget operator() {\n\t\treturn \"DATE\";\n\t}\n\n\tget icon() {\n\t\treturn \"appointment-2\";\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\treturn currentValue;\n\t}\n\n\tgetFormat(): DateFormat {\n\t\treturn DateFormat.getDateInstance({\n\t\t\tstrictParsing: true,\n\t\t});\n\t}\n}\n\nDynamicDateRange.register(\"DATE\", SingleDate);\n\nexport default SingleDate;\n"]}

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

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

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

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "@ui5/webcomponents-base/jsx-runtime";
+import Calendar from "../Calendar.js";
+import CalendarDate from "../CalendarDate.js";
+export default function SingleDateTemplate() {
+    return (_jsx(Calendar, { onSelectionChange: this.handleSelectionChange, children: _jsx(CalendarDate, { value: this.value && this.getOption(this.value?.operator)?.format(this.value) }) }));
+}
+//# sourceMappingURL=SingleDateTemplate.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SingleDateTemplate.js","sourceRoot":"","sources":["../../src/dynamic-date-range-options/SingleDateTemplate.tsx"],"names":[],"mappings":";AACA,OAAO,QAAQ,MAAM,gBAAgB,CAAC;AACtC,OAAO,YAAY,MAAM,oBAAoB,CAAC;AAE9C,MAAM,CAAC,OAAO,UAAU,kBAAkB;IACzC,OAAO,CACN,KAAC,QAAQ,IAAC,iBAAiB,EAAE,IAAI,CAAC,qBAAqB,YACtD,KAAC,YAAY,IACZ,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,EAAE,QAAQ,CAAC,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,GAC9D,GACN,CACX,CAAC;AACH,CAAC","sourcesContent":["import type DynamicDateRange from \"../DynamicDateRange.js\";\nimport Calendar from \"../Calendar.js\";\nimport CalendarDate from \"../CalendarDate.js\";\n\nexport default function SingleDateTemplate(this: DynamicDateRange) {\n\treturn (\n\t\t<Calendar onSelectionChange={this.handleSelectionChange}>\n\t\t\t<CalendarDate\n\t\t\t\tvalue={this.value && this.getOption(this.value?.operator)?.format(this.value)}\n\t\t\t></CalendarDate>\n\t\t</Calendar>\n\t);\n}\n"]}

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

@@ -0,0 +1,17 @@
+import type { DynamicDateRangeValue, IDynamicDateRangeOption } from "../DynamicDateRange.js";
+/**
+ * @class
+ * @constructor
+ * @public
+ * @since 2.0.0
+ */
+declare class Today implements IDynamicDateRangeOption {
+    parse(): DynamicDateRangeValue;
+    format(): string;
+    toDates(): Date[];
+    isValidString(value: string): boolean;
+    get text(): string;
+    get operator(): string;
+    get icon(): string;
+}
+export default Today;

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

@@ -0,0 +1,37 @@
+import { todayToDates } from "./toDates.js";
+import { DYNAMIC_DATE_RANGE_TODAY_TEXT, } from "../generated/i18n/i18n-defaults.js";
+import DynamicDateRange from "../DynamicDateRange.js";
+/**
+ * @class
+ * @constructor
+ * @public
+ * @since 2.0.0
+ */
+class Today {
+    parse() {
+        const returnValue = { operator: "" };
+        returnValue.operator = this.operator;
+        return returnValue;
+    }
+    format() {
+        return "Today";
+    }
+    toDates() {
+        return todayToDates();
+    }
+    isValidString(value) {
+        return value === this.text;
+    }
+    get text() {
+        return DynamicDateRange.i18nBundle.getText(DYNAMIC_DATE_RANGE_TODAY_TEXT);
+    }
+    get operator() {
+        return "TODAY";
+    }
+    get icon() {
+        return "";
+    }
+}
+DynamicDateRange.register("TODAY", Today);
+export default Today;
+//# sourceMappingURL=Today.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Today.js","sourceRoot":"","sources":["../../src/dynamic-date-range-options/Today.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EACN,6BAA6B,GAC7B,MAAM,oCAAoC,CAAC;AAC5C,OAAO,gBAAgB,MAAM,wBAAwB,CAAC;AAEtD;;;;;GAKG;AACH,MAAM,KAAK;IACV,KAAK;QACD,MAAM,WAAW,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC;QACrC,WAAW,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;QAErC,OAAO,WAAW,CAAC;IACvB,CAAC;IAED,MAAM;QACF,OAAO,OAAO,CAAC;IACnB,CAAC;IAED,OAAO;QACH,OAAO,YAAY,EAAE,CAAC;IAC1B,CAAC;IAED,aAAa,CAAC,KAAa;QACvB,OAAO,KAAK,KAAK,IAAI,CAAC,IAAI,CAAC;IAC/B,CAAC;IAED,IAAI,IAAI;QACJ,OAAO,gBAAgB,CAAC,UAAU,CAAC,OAAO,CAAC,6BAA6B,CAAC,CAAC;IAC9E,CAAC;IAED,IAAI,QAAQ;QACR,OAAO,OAAO,CAAC;IACnB,CAAC;IAED,IAAI,IAAI;QACJ,OAAO,EAAE,CAAC;IACd,CAAC;CACD;AAED,gBAAgB,CAAC,QAAQ,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;AAE1C,eAAe,KAAK,CAAC","sourcesContent":["import type { DynamicDateRangeValue, IDynamicDateRangeOption } from \"../DynamicDateRange.js\";\nimport { todayToDates } from \"./toDates.js\";\nimport {\n\tDYNAMIC_DATE_RANGE_TODAY_TEXT,\n} from \"../generated/i18n/i18n-defaults.js\";\nimport DynamicDateRange from \"../DynamicDateRange.js\";\n\n/**\n * @class\n * @constructor\n * @public\n * @since 2.0.0\n */\nclass Today implements IDynamicDateRangeOption {\n\tparse(): DynamicDateRangeValue {\n\t    const returnValue = { operator: \"\" };\n\t    returnValue.operator = this.operator;\n\n\t    return returnValue;\n\t}\n\n\tformat(): string {\n\t    return \"Today\";\n\t}\n\n\ttoDates(): Date[] {\n\t    return todayToDates();\n\t}\n\n\tisValidString(value: string): boolean {\n\t    return value === this.text;\n\t}\n\n\tget text() {\n\t    return DynamicDateRange.i18nBundle.getText(DYNAMIC_DATE_RANGE_TODAY_TEXT);\n\t}\n\n\tget operator() {\n\t    return \"TODAY\";\n\t}\n\n\tget icon() {\n\t    return \"\";\n\t}\n}\n\nDynamicDateRange.register(\"TODAY\", Today);\n\nexport default Today;\n"]}

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

@@ -0,0 +1,17 @@
+import type { DynamicDateRangeValue, IDynamicDateRangeOption } from "../DynamicDateRange.js";
+/**
+ * @class
+ * @constructor
+ * @public
+ * @since 2.0.0
+ */
+declare class Tomorrow implements IDynamicDateRangeOption {
+    parse(): DynamicDateRangeValue;
+    format(): string;
+    toDates(): Date[];
+    isValidString(value: string): boolean;
+    get text(): string;
+    get operator(): string;
+    get icon(): string;
+}
+export default Tomorrow;