@ui5/webcomponents 2.11.0-rc.2 → 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",
@@ -923,6 +1034,21 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "dist/types/TableSelectionBehavior.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "TableSelectionBehavior",
+            "module": "dist/types/TableSelectionBehavior.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "dist/types/TableSelectionMode.js",
@@ -1079,6 +1205,12 @@
       "declarations": [],
       "exports": []
     },
+    {
+      "kind": "javascript-module",
+      "path": "dist/Assets-node.js",
+      "declarations": [],
+      "exports": []
+    },
     {
       "kind": "javascript-module",
       "path": "dist/Assets.js",
@@ -1233,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.",
@@ -2493,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": [
@@ -8081,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",
@@ -8994,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.",
@@ -19285,6 +19541,16 @@
               "description": "Specifies if the component is selected.",
               "privacy": "public"
             },
+            {
+              "kind": "field",
+              "name": "movable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Defines if the tab is movable.",
+              "privacy": "public"
+            },
             {
               "kind": "method",
               "name": "getDomRefInStrip",
@@ -19351,6 +19617,15 @@
               "type": {
                 "text": "boolean"
               }
+            },
+            {
+              "description": "Defines if the tab is movable.",
+              "name": "movable",
+              "default": "false",
+              "fieldName": "movable",
+              "type": {
+                "text": "boolean"
+              }
             }
           ],
           "superclass": {
@@ -19825,7 +20100,7 @@
                   }
                 ]
               },
-              "description": "Fired when an interactive row is clicked."
+              "description": "Fired when an interactive row is clicked.\n\n**Note:** This event is not fired if the `behavior` property of the selection component is set to `RowOnly`.\nIn that case, use the `change` event of the selection component instead."
             },
             {
               "name": "move-over",
@@ -21203,6 +21478,23 @@
               "default": "undefined",
               "privacy": "public"
             },
+            {
+              "kind": "field",
+              "name": "behavior",
+              "type": {
+                "text": "TableSelectionBehavior",
+                "references": [
+                  {
+                    "name": "TableSelectionBehavior",
+                    "package": "@ui5/webcomponents",
+                    "module": "dist/types/TableSelectionBehavior.js"
+                  }
+                ]
+              },
+              "default": "\"RowSelector\"",
+              "description": "Defines the selection behavior.",
+              "privacy": "public"
+            },
             {
               "kind": "method",
               "name": "getRowByKey",
@@ -21249,6 +21541,15 @@
               "type": {
                 "text": "string | undefined"
               }
+            },
+            {
+              "description": "Defines the selection behavior.",
+              "name": "behavior",
+              "default": "\"RowSelector\"",
+              "fieldName": "behavior",
+              "type": {
+                "text": "\"RowSelector\" | \"RowOnly\""
+              }
             }
           ],
           "superclass": {
@@ -21342,6 +21643,27 @@
               "description": "Sets the `selected` property using the provided set of unique `row-key` values.",
               "privacy": "public"
             },
+            {
+              "kind": "field",
+              "name": "behavior",
+              "type": {
+                "text": "TableSelectionBehavior",
+                "references": [
+                  {
+                    "name": "TableSelectionBehavior",
+                    "package": "@ui5/webcomponents",
+                    "module": "dist/types/TableSelectionBehavior.js"
+                  }
+                ]
+              },
+              "default": "\"RowSelector\"",
+              "description": "Defines the selection behavior.",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "TableSelectionBase",
+                "module": "dist/TableSelectionBase.js"
+              }
+            },
             {
               "kind": "method",
               "name": "getRowByKey",
@@ -21387,6 +21709,19 @@
                 "name": "TableSelectionBase",
                 "module": "dist/TableSelectionBase.js"
               }
+            },
+            {
+              "description": "Defines the selection behavior.",
+              "name": "behavior",
+              "default": "\"RowSelector\"",
+              "fieldName": "behavior",
+              "type": {
+                "text": "\"RowSelector\" | \"RowOnly\""
+              },
+              "inheritedFrom": {
+                "name": "TableSelectionBase",
+                "module": "dist/TableSelectionBase.js"
+              }
             }
           ],
           "superclass": {
@@ -21471,6 +21806,27 @@
               "description": "Returns the selected row.",
               "privacy": "public"
             },
+            {
+              "kind": "field",
+              "name": "behavior",
+              "type": {
+                "text": "TableSelectionBehavior",
+                "references": [
+                  {
+                    "name": "TableSelectionBehavior",
+                    "package": "@ui5/webcomponents",
+                    "module": "dist/types/TableSelectionBehavior.js"
+                  }
+                ]
+              },
+              "default": "\"RowSelector\"",
+              "description": "Defines the selection behavior.",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "TableSelectionBase",
+                "module": "dist/TableSelectionBase.js"
+              }
+            },
             {
               "kind": "method",
               "name": "getRowByKey",
@@ -21516,6 +21872,19 @@
                 "name": "TableSelectionBase",
                 "module": "dist/TableSelectionBase.js"
               }
+            },
+            {
+              "description": "Defines the selection behavior.",
+              "name": "behavior",
+              "default": "\"RowSelector\"",
+              "fieldName": "behavior",
+              "type": {
+                "text": "\"RowSelector\" | \"RowOnly\""
+              },
+              "inheritedFrom": {
+                "name": "TableSelectionBase",
+                "module": "dist/TableSelectionBase.js"
+              }
             }
           ],
           "superclass": {
@@ -24308,12 +24677,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "dist/ToolbarRegistry.js",
-      "declarations": [],
-      "exports": []
-    },
     {
       "kind": "javascript-module",
       "path": "dist/ToolbarSelect.js",
@@ -25057,6 +25420,34 @@
                 ]
               },
               "description": "Fired when selection is changed by user interaction\nin `Single`, `SingleStart`, `SingleEnd` and `Multiple` modes."
+            },
+            {
+              "name": "move",
+              "type": {
+                "text": "CustomEvent<TreeMoveEventDetail>",
+                "references": [
+                  {
+                    "name": "TreeMoveEventDetail",
+                    "package": "@ui5/webcomponents",
+                    "module": "dist/Tree.js"
+                  }
+                ]
+              },
+              "description": "Fired when a movable tree item is moved over a potential drop target during a drag-and-drop operation.\n\nIf the new position is valid, prevent the default action of the event using `preventDefault()`."
+            },
+            {
+              "name": "move-over",
+              "type": {
+                "text": "CustomEvent<TreeMoveEventDetail>",
+                "references": [
+                  {
+                    "name": "TreeMoveEventDetail",
+                    "package": "@ui5/webcomponents",
+                    "module": "dist/Tree.js"
+                  }
+                ]
+              },
+              "description": "Fired when a movable tree item is dropped onto a drop target.\n\n**Note:** The `move` event is fired only if there was a preceding `move-over` event with prevented default action."
             }
           ],
           "attributes": [
@@ -26633,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"]}