@daikin-oss/design-system-web-components 2.0.1-next.1 → 2.1.0-next.2

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @daikin-oss/design-system-web-components
 
+## 2.1.0-next.2
+
+### Minor Changes
+
+- [#521](https://github.com/dsv-rp/DDS/pull/521) [`f325ee5`](https://github.com/dsv-rp/DDS/commit/f325ee548b94fa1422c6c56e6e8d0367d949fe16) Thanks [@rinjInTokyo](https://github.com/rinjInTokyo)! - Carousel: Add swipe gestures and loop support to carousel. (DDS-3044 DDS-3358)
+
+### Patch Changes
+
+- [#528](https://github.com/dsv-rp/DDS/pull/528) [`25d444f`](https://github.com/dsv-rp/DDS/commit/25d444ff8b3a161503cf5e827566321414c2f08d) Thanks [@dk-wei](https://github.com/dk-wei)! - Modal Footer: Fix modal footer doc page.
+
+- [#531](https://github.com/dsv-rp/DDS/pull/531) [`0118f75`](https://github.com/dsv-rp/DDS/commit/0118f75abe5409189651098defd5deb93513c980) Thanks [@dk-wei](https://github.com/dk-wei)! - Combobox: Fix combobox click event issue.(DDS-3258)
+
+- [#530](https://github.com/dsv-rp/DDS/pull/530) [`4cbe49f`](https://github.com/dsv-rp/DDS/commit/4cbe49f5b9245b9e98c1f9281065f031ea199d66) Thanks [@dk-wei](https://github.com/dk-wei)! - Chip: Add min width and min height to fix rendering issue. (DDS-3334)
+  Tag: Add min width and min height to fix rendering issue. (DDS-3334)
+
+- [#522](https://github.com/dsv-rp/DDS/pull/522) [`1d186a6`](https://github.com/dsv-rp/DDS/commit/1d186a60b6a34f661470b14c65b1637edbf62e74) Thanks [@dk-wei](https://github.com/dk-wei)! - Date Range Picker and Date Time Range Picker: Fix viewport and breakpoint issue. (DDS-3378)
+
+- [#532](https://github.com/dsv-rp/DDS/pull/532) [`4937fcc`](https://github.com/dsv-rp/DDS/commit/4937fcc26703a406ff0c0cab3d23ed528bb3f468) Thanks [@rinjInTokyo](https://github.com/rinjInTokyo)! - Text Field: Fixed an issue where the 'show password' button on the right side of the password field was hidden when set to readonly. (DDS-3336)
+
+- [#534](https://github.com/dsv-rp/DDS/pull/534) [`1099bfb`](https://github.com/dsv-rp/DDS/commit/1099bfbfedecb31fcfdf97e48a50111934d15e32) Thanks [@rinjInTokyo](https://github.com/rinjInTokyo)! - Dropdown: Fixed an issue where focus remained on the dropdown after clicking outside of it.
+
 ## 2.0.1-next.1
 
 ### Patch Changes

package/custom-elements.json

@@ -1171,30 +1171,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "dist/es/constants/events.js",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "EVENT_CLOSE",
-          "type": {
-            "text": "string"
-          },
-          "default": "\"close\""
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "EVENT_CLOSE",
-          "declaration": {
-            "name": "EVENT_CLOSE",
-            "module": "src/constants/events.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "dist/es/components/index.js",
@@ -1762,6 +1738,30 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "dist/es/constants/events.js",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "EVENT_CLOSE",
+          "type": {
+            "text": "string"
+          },
+          "default": "\"close\""
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "EVENT_CLOSE",
+          "declaration": {
+            "name": "EVENT_CLOSE",
+            "module": "src/constants/events.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "dist/es/controllers/block-scroll.js",
@@ -6276,13 +6276,33 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "A carousel is a component that displays multiple pieces of information by sliding left and right within a fixed height area.\n\nThe carousel component can be operated in several ways (Control, Indicator, and Swipe), but it is not possible to hide all of these, as this would prevent the user from being able to operate the carousel component.\n\nHierarchy:\n- `daikin-carousel` > `daikin-carousel-item`",
+          "description": "A carousel is a component that displays multiple pieces of information by sliding left and right within a fixed height area.\n\nPowered by embla-carousel for smooth, native-feeling interactions and infinite loops.\n\nHierarchy:\n- `daikin-carousel` > `daikin-carousel-item`",
           "name": "DaikinCarousel",
           "cssProperties": [
             {
-              "description": "Specify the interval for the slide animation.",
+              "description": "Legacy transition duration in milliseconds. **Warning:** Mapped to Embla's duration option using 600ms = 25. This property may be removed in a future release; gradually migrate to the `duration` property instead.",
               "name": "--ddc-transition-duration",
               "default": "600ms"
+            },
+            {
+              "description": "The aspect ratio of every carousel item's media container.",
+              "name": "--ddc-item-aspect-ratio",
+              "default": "16/9"
+            },
+            {
+              "description": "How image/video content fits inside every carousel item's media container.",
+              "name": "--ddc-item-object-fit",
+              "default": "contain"
+            },
+            {
+              "description": "The default background color for the carousel items.",
+              "name": "--ddc-item-background-color",
+              "default": "var(--dds-color-common-surface-secondary)"
+            },
+            {
+              "description": "The gap between carousel items.",
+              "name": "--ddc-item-gap",
+              "default": "var(--dds-space-100)"
             }
           ],
           "slots": [
@@ -6299,10 +6319,42 @@
                 "text": "number"
               },
               "default": "0",
-              "description": "The index number of the content currently being displayed.\nWhen controlling this property externally, listen to the `select` event and read the updated `currentIndex` from the component to keep your state in sync.",
+              "description": "The index number of the content currently being displayed.",
               "attribute": "current-index",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "loop",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the carousel should loop back to the first item when the last item is reached.",
+              "attribute": "loop"
+            },
+            {
+              "kind": "field",
+              "name": "arrows",
+              "type": {
+                "text": "\"outside\" | \"inside\""
+              },
+              "description": "The position of the navigation arrows. Can be either \"outside\" or \"inside\".\n- \"outside\": Arrows are placed outside the carousel viewport.\n- \"inside\": Arrows are placed inside the carousel viewport.\nThe inside option is useful for carousels with a smaller width, where the arrows can be placed over the content without taking up additional space.\nWhen the width of viewport is smaller than mobile breakpoint (768px), the arrows will always be placed inside regardless of this property.",
+              "default": "\"outside\"",
+              "attribute": "arrows",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "duration",
+              "type": {
+                "text": "number"
+              },
+              "description": "The higher this value, the slower the image scrolling animation. However, this value does not affect the sliding speed when the user is dragging the image, as that depends on the user's dragging speed.",
+              "default": "25",
+              "attribute": "duration",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "_items",
@@ -6319,16 +6371,23 @@
                 "text": "number"
               },
               "privacy": "private",
-              "default": "0"
+              "default": "0",
+              "description": "Keeps track of the total number of slotted carousel items."
             },
             {
               "kind": "field",
-              "name": "_prevButton",
+              "name": "_emblaApi",
+              "type": {
+                "text": "EmblaCarouselType | undefined | undefined"
+              },
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "_nextButton",
+              "name": "_mediaResizeObserver",
+              "type": {
+                "text": "ResizeObserver | undefined"
+              },
               "privacy": "private"
             },
             {
@@ -6336,6 +6395,43 @@
               "name": "_indicatorButtonsContainer",
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "_viewport",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_track",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_pendingOperation",
+              "type": {
+                "text": "\"prev\" | \"next\" | \"indicator\" | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_isDragging",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "method",
+              "name": "_getEmblaDuration",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "number"
+                }
+              }
+            },
             {
               "kind": "method",
               "name": "_emitSelect",
@@ -6344,7 +6440,7 @@
                 {
                   "name": "operation",
                   "type": {
-                    "text": "\"prev\" | \"next\" | \"indicator\""
+                    "text": "\"prev\" | \"next\" | \"indicator\" | \"swipe\""
                   }
                 },
                 {
@@ -6355,6 +6451,28 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "_initEmbla",
+              "privacy": "private",
+              "description": "Initializes or re-initializes the Embla instance when properties or slots change."
+            },
+            {
+              "kind": "field",
+              "name": "_onEmblaPointerDown",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_onEmblaSettle",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_onEmblaSelect",
+              "privacy": "private",
+              "description": "Embla event listener that synchronizes internal state when the user swipes or slides."
+            },
             {
               "kind": "method",
               "name": "_handleClickIndicator",
@@ -6386,24 +6504,24 @@
                 }
               ]
             },
-            {
-              "kind": "method",
-              "name": "_handleSlotchange",
-              "privacy": "private"
-            },
             {
               "kind": "method",
               "name": "_moveBy",
               "privacy": "private",
               "parameters": [
                 {
-                  "name": "moveOffset",
+                  "name": "offset",
                   "type": {
                     "text": "1 | -1"
                   }
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "_handleSlotchange",
+              "privacy": "private"
+            },
             {
               "kind": "method",
               "name": "_updateItemActive",
@@ -6496,7 +6614,7 @@
               "type": {
                 "text": "CustomEvent"
               },
-              "description": "If an item in the carousel is selected in some way, the method used to select it, the index number of the item displayed before it, and the index number of the item currently displayed are passed."
+              "description": "Fired when the carousel index changes. `event.detail` contains the triggering `operation` (`\"prev\"`, `\"next\"`, `\"indicator\"`, or `\"swipe\"`) and `beforeCurrentIndex`; read `currentIndex` for the selected index."
             }
           ],
           "attributes": [
@@ -6506,8 +6624,35 @@
                 "text": "number"
               },
               "default": "0",
-              "description": "The index number of the content currently being displayed.\nWhen controlling this property externally, listen to the `select` event and read the updated `currentIndex` from the component to keep your state in sync.",
+              "description": "The index number of the content currently being displayed.",
               "fieldName": "currentIndex"
+            },
+            {
+              "name": "loop",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the carousel should loop back to the first item when the last item is reached.",
+              "fieldName": "loop"
+            },
+            {
+              "name": "arrows",
+              "type": {
+                "text": "\"outside\" | \"inside\""
+              },
+              "description": "The position of the navigation arrows. Can be either \"outside\" or \"inside\".\n- \"outside\": Arrows are placed outside the carousel viewport.\n- \"inside\": Arrows are placed inside the carousel viewport.\nThe inside option is useful for carousels with a smaller width, where the arrows can be placed over the content without taking up additional space.\nWhen the width of viewport is smaller than mobile breakpoint (768px), the arrows will always be placed inside regardless of this property.",
+              "default": "\"outside\"",
+              "fieldName": "arrows"
+            },
+            {
+              "name": "duration",
+              "type": {
+                "text": "number"
+              },
+              "description": "The higher this value, the slower the image scrolling animation. However, this value does not affect the sliding speed when the user is dragging the image, as that depends on the user's dragging speed.",
+              "default": "25",
+              "fieldName": "duration"
             }
           ],
           "superclass": {
@@ -6582,8 +6727,7 @@
                 "text": "string"
               },
               "default": "\"\"",
-              "description": "_Internal use._\nItem's aria label.\nControlled by `daikin-carousel`.",
-              "privacy": "private"
+              "description": "The Aria label for the carousel item."
             },
             {
               "kind": "field",
@@ -7705,6 +7849,33 @@
               },
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "_hasLeftIcon",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "method",
+              "name": "_handleLeftIconSlotChange",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
             {
               "kind": "method",
               "name": "_handleRemoveClick",
@@ -8224,6 +8395,16 @@
               "name": "_closePopup",
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "_shouldRestoreFocusOnClose",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false",
+              "description": "Whether focus should be restored to the input the next time the popup closes.\nThis is only `true` right before selecting an option, where hiding the popover blurs the\nclicked option button to `document.body`. It must stay `false` for closes caused by the\nfocus/click moving to something else (outside click, focusout), otherwise we would steal\nfocus back from whatever the user actually clicked."
+            },
             {
               "kind": "method",
               "name": "_handleLeftIconSlotChange",
@@ -8268,7 +8449,13 @@
                 "type": {
                   "text": "void"
                 }
-              }
+              },
+              "parameters": [
+                {
+                  "name": "shouldFocusInput",
+                  "default": "false"
+                }
+              ]
             },
             {
               "kind": "method",

package/dist/cjs/base/dds-element.cjs

@@ -42,7 +42,7 @@ function ensureGlobalKeyIndex(name) {
 */
 var DDSElement = class extends lit.LitElement {
 	static {
-		this.version = "2.0.1-next.1";
+		this.version = "2.1.0-next.2";
 	}
 	/**
 	* Override of LitElement's getPropertyDescriptor to add support for fallback values