@daikin-oss/design-system-web-components 1.5.1 → 1.5.2-next.0

package/custom-elements.json

@@ -2766,7 +2766,7 @@
               "kind": "field",
               "name": "border",
               "type": {
-                "text": "AccordionVariantProps[\"border\"]"
+                "text": "\"vertical\" | \"all\" | \"none\""
               },
               "default": "\"vertical\"",
               "description": "The border type of the accordion.\n- `vertical`: Display the top and bottom border style.\n- `all`: Box border style.\n- `none`: No border style.",
@@ -2923,7 +2923,7 @@
             {
               "name": "border",
               "type": {
-                "text": "AccordionVariantProps[\"border\"]"
+                "text": "\"vertical\" | \"all\" | \"none\""
               },
               "default": "\"vertical\"",
               "description": "The border type of the accordion.\n- `vertical`: Display the top and bottom border style.\n- `all`: Box border style.\n- `none`: No border style.",
@@ -3858,6 +3858,17 @@
               "attribute": "show-visited",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "breadcrumbAriaLabel",
+              "type": {
+                "text": "string"
+              },
+              "description": "The aria-label of the breadcrumb.\nIt's recommended to provide a more specific aria-label for the breadcrumb, especially when there are multiple breadcrumb components on the same page, to help users distinguish between them.",
+              "default": "\"Breadcrumb\"",
+              "attribute": "breadcrumb-aria-label",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "_items",
@@ -3985,6 +3996,15 @@
               "default": "false",
               "description": "Whether or not to change the color of visited links.",
               "fieldName": "showVisited"
+            },
+            {
+              "name": "breadcrumb-aria-label",
+              "type": {
+                "text": "string"
+              },
+              "description": "The aria-label of the breadcrumb.\nIt's recommended to provide a more specific aria-label for the breadcrumb, especially when there are multiple breadcrumb components on the same page, to help users distinguish between them.",
+              "default": "\"Breadcrumb\"",
+              "fieldName": "breadcrumbAriaLabel"
             }
           ],
           "superclass": {
@@ -4122,6 +4142,35 @@
               "attribute": "breadcrumb-aria-expanded",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "_focusableRef",
+              "type": {
+                "text": "Ref<HTMLElement>"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "focus",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "FocusOptions"
+                  },
+                  "description": "focus options"
+                }
+              ],
+              "description": "Focuses on the inner focusable element."
+            },
             {
               "kind": "method",
               "name": "getDDSNavigationTarget",
@@ -6385,6 +6434,35 @@
               "description": "Specify the checkbox disabled state controlled by the parent component.\nControlled by `daikin-checkbox-group`.",
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "_inputRef",
+              "type": {
+                "text": "Ref<HTMLInputElement>"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "focus",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "FocusOptions"
+                  },
+                  "description": "focus options"
+                }
+              ],
+              "description": "Focuses on the inner checkbox."
+            },
             {
               "kind": "field",
               "name": "checked",
@@ -8566,6 +8644,26 @@
               },
               "default": "null"
             },
+            {
+              "kind": "method",
+              "name": "focus",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "FocusOptions"
+                  },
+                  "description": "focus options"
+                }
+              ],
+              "description": "Focuses on the inner date input."
+            },
             {
               "kind": "method",
               "name": "reflectInputGroup",
@@ -11714,6 +11812,35 @@
               "attribute": "no-underline",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "_anchorRef",
+              "type": {
+                "text": "Ref<HTMLAnchorElement>"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "focus",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "FocusOptions"
+                  },
+                  "description": "focus options"
+                }
+              ],
+              "description": "Focuses on the inner anchor."
+            },
             {
               "kind": "method",
               "name": "getDDSNavigationTarget",
@@ -12963,6 +13090,16 @@
               "name": "_hostStyles",
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "_staticPlacement",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false",
+              "description": "Controls whether the floating-ui `flip()` and `shift()` middleware are active.\n\n- **`flip()`** — When there is insufficient space on the side specified by `placement`, the menu\n  is automatically repositioned to the opposite side (e.g. `bottom` → `top`).\n- **`shift()`** — Keeps the menu within the viewport by nudging it along the cross-axis when it\n  would otherwise overflow the screen edge.\n\nBoth middlewares are disabled when the trigger element is a `daikin-navigation-item`."
+            },
             {
               "kind": "field",
               "name": "triggerElement",
@@ -13243,81 +13380,19 @@
     },
     {
       "kind": "javascript-module",
-      "path": "dist/es/components/modal/daikin-modal.js",
+      "path": "dist/es/components/modal-footer/daikin-modal-footer.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "`daikin-modal` is an interactive overlay that appears on top of the main content to prompt user input or display important information, temporarily blocking interaction with the rest of the page. It's crucial for capturing user attention and guiding specific actions.\n\nHierarchy:\n- `daikin-modal` > `daikin-modal-header`\n- `daikin-modal` > `daikin-modal-footer`",
-          "name": "DaikinModal",
-          "cssParts": [
-            {
-              "description": "CSS styles applied to the modal panel container. By default, the panel uses content-based sizing (`size-fit`) and is clamped by responsive min/max width and height constraints so it does not touch the viewport edges. Use `::part(modal)` to customize its width, height, or padding; the built-in min/max constraints remain in effect unless you override them with more specific rules.",
-              "name": "modal"
-            }
-          ],
+          "description": "`daikin-modal-footer` is used to represent footer of the modal component, and is used as a child element of the `daikin-modal` component.\n\nHierarchy:\n- `daikin-modal` > `daikin-modal-footer`",
+          "name": "DaikinModalFooter",
           "slots": [
             {
-              "description": "A slot for modal header, body, modal footer. Place `daikin-modal-header`, custom body content, `daikin-modal-footer` here in order.",
-              "name": ""
+              "description": "slot for modal footer action element. Place a `daikin-button` or `daikin-link` element here.",
+              "name": "A"
             }
           ],
           "members": [
-            {
-              "kind": "field",
-              "name": "open",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the modal is open.",
-              "attribute": "open",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "modalRole",
-              "type": {
-                "text": "\"dialog\" | \"alertdialog\""
-              },
-              "description": "ARIA role of the modal. Choose the appropriate role for your modal based on its usage scenario.",
-              "default": "\"dialog\"",
-              "attribute": "modal-role",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "modalAriaLabel",
-              "type": {
-                "text": "string | null"
-              },
-              "default": "null",
-              "description": "The aria-label of the modal.",
-              "attribute": "modal-aria-label",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "persistent",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "If this property set by `true`, you can't close modal by clicking outside of modal or Escape key.\nIn this case, please ensure you provide users with a method to close the modal, such as a close button in the header or a close button in the footer.",
-              "attribute": "persistent"
-            },
-            {
-              "kind": "field",
-              "name": "_handleClose",
-              "privacy": "private",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "_focusTrapController",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new FocusTrapController( this, this._handleClose )"
-            },
             {
               "kind": "field",
               "name": "version",
@@ -13399,80 +13474,36 @@
               }
             }
           ],
-          "events": [
-            {
-              "description": "A custom event emitted when a user clicks the close button in the header.",
-              "name": "close"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "open",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the modal is open.",
-              "fieldName": "open"
-            },
-            {
-              "name": "modal-role",
-              "type": {
-                "text": "\"dialog\" | \"alertdialog\""
-              },
-              "description": "ARIA role of the modal. Choose the appropriate role for your modal based on its usage scenario.",
-              "default": "\"dialog\"",
-              "fieldName": "modalRole"
-            },
-            {
-              "name": "modal-aria-label",
-              "type": {
-                "text": "string | null"
-              },
-              "default": "null",
-              "description": "The aria-label of the modal.",
-              "fieldName": "modalAriaLabel"
-            },
-            {
-              "name": "persistent",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "If this property set by `true`, you can't close modal by clicking outside of modal or Escape key.\nIn this case, please ensure you provide users with a method to close the modal, such as a close button in the header or a close button in the footer.",
-              "fieldName": "persistent"
-            }
-          ],
           "superclass": {
             "name": "DDSElement",
             "module": "/src/base"
           },
-          "tagName": "daikin-modal",
+          "tagName": "daikin-modal-footer",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "DaikinModal",
+          "name": "DaikinModalFooter",
           "declaration": {
-            "name": "DaikinModal",
-            "module": "src/components/modal/daikin-modal.ts"
+            "name": "DaikinModalFooter",
+            "module": "src/components/modal-footer/daikin-modal-footer.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "daikin-modal",
+          "name": "daikin-modal-footer",
           "declaration": {
-            "name": "DaikinModal",
-            "module": "src/components/modal/daikin-modal.ts"
+            "name": "DaikinModalFooter",
+            "module": "src/components/modal-footer/daikin-modal-footer.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/es/components/modal/index.js",
+      "path": "dist/es/components/modal-footer/index.js",
       "declarations": [],
       "exports": [
         {
@@ -13480,26 +13511,88 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "module": "src/components/modal/daikin-modal"
+            "module": "src/components/modal-footer/daikin-modal-footer"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/es/components/modal-footer/daikin-modal-footer.js",
+      "path": "dist/es/components/modal/daikin-modal.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "`daikin-modal-footer` is used to represent footer of the modal component, and is used as a child element of the `daikin-modal` component.\n\nHierarchy:\n- `daikin-modal` > `daikin-modal-footer`",
-          "name": "DaikinModalFooter",
+          "description": "`daikin-modal` is an interactive overlay that appears on top of the main content to prompt user input or display important information, temporarily blocking interaction with the rest of the page. It's crucial for capturing user attention and guiding specific actions.\n\nHierarchy:\n- `daikin-modal` > `daikin-modal-header`\n- `daikin-modal` > `daikin-modal-footer`",
+          "name": "DaikinModal",
+          "cssParts": [
+            {
+              "description": "CSS styles applied to the modal panel container. By default, the panel uses content-based sizing (`size-fit`) and is clamped by responsive min/max width and height constraints so it does not touch the viewport edges. Use `::part(modal)` to customize its width, height, or padding; the built-in min/max constraints remain in effect unless you override them with more specific rules.",
+              "name": "modal"
+            }
+          ],
           "slots": [
             {
-              "description": "slot for modal footer action element. Place a `daikin-button` or `daikin-link` element here.",
-              "name": "A"
+              "description": "A slot for modal header, body, modal footer. Place `daikin-modal-header`, custom body content, `daikin-modal-footer` here in order.",
+              "name": ""
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "open",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the modal is open.",
+              "attribute": "open",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "modalRole",
+              "type": {
+                "text": "\"dialog\" | \"alertdialog\""
+              },
+              "description": "ARIA role of the modal. Choose the appropriate role for your modal based on its usage scenario.",
+              "default": "\"dialog\"",
+              "attribute": "modal-role",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "modalAriaLabel",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "description": "The aria-label of the modal.",
+              "attribute": "modal-aria-label",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "persistent",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "If this property set by `true`, you can't close modal by clicking outside of modal or Escape key.\nIn this case, please ensure you provide users with a method to close the modal, such as a close button in the header or a close button in the footer.",
+              "attribute": "persistent"
+            },
+            {
+              "kind": "field",
+              "name": "_handleClose",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "_focusTrapController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new FocusTrapController( this, this._handleClose )"
+            },
             {
               "kind": "field",
               "name": "version",
@@ -13581,36 +13674,80 @@
               }
             }
           ],
+          "events": [
+            {
+              "description": "A custom event emitted when a user clicks the close button in the header.",
+              "name": "close"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "open",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the modal is open.",
+              "fieldName": "open"
+            },
+            {
+              "name": "modal-role",
+              "type": {
+                "text": "\"dialog\" | \"alertdialog\""
+              },
+              "description": "ARIA role of the modal. Choose the appropriate role for your modal based on its usage scenario.",
+              "default": "\"dialog\"",
+              "fieldName": "modalRole"
+            },
+            {
+              "name": "modal-aria-label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "description": "The aria-label of the modal.",
+              "fieldName": "modalAriaLabel"
+            },
+            {
+              "name": "persistent",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "If this property set by `true`, you can't close modal by clicking outside of modal or Escape key.\nIn this case, please ensure you provide users with a method to close the modal, such as a close button in the header or a close button in the footer.",
+              "fieldName": "persistent"
+            }
+          ],
           "superclass": {
             "name": "DDSElement",
             "module": "/src/base"
           },
-          "tagName": "daikin-modal-footer",
+          "tagName": "daikin-modal",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "DaikinModalFooter",
+          "name": "DaikinModal",
           "declaration": {
-            "name": "DaikinModalFooter",
-            "module": "src/components/modal-footer/daikin-modal-footer.ts"
+            "name": "DaikinModal",
+            "module": "src/components/modal/daikin-modal.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "daikin-modal-footer",
+          "name": "daikin-modal",
           "declaration": {
-            "name": "DaikinModalFooter",
-            "module": "src/components/modal-footer/daikin-modal-footer.ts"
+            "name": "DaikinModal",
+            "module": "src/components/modal/daikin-modal.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/es/components/modal-footer/index.js",
+      "path": "dist/es/components/modal/index.js",
       "declarations": [],
       "exports": [
         {
@@ -13618,7 +13755,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "module": "src/components/modal-footer/daikin-modal-footer"
+            "module": "src/components/modal/daikin-modal"
           }
         }
       ]
@@ -16579,6 +16716,26 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "focus",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "FocusOptions"
+                  },
+                  "description": "focus options"
+                }
+              ],
+              "description": "Focuses on the inner slider thumb."
+            },
             {
               "kind": "field",
               "name": "value",
@@ -18442,6 +18599,35 @@
               "attribute": "order",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "_focusableRef",
+              "type": {
+                "text": "Ref<HTMLButtonElement>"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "focus",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "FocusOptions"
+                  },
+                  "description": "focus options"
+                }
+              ],
+              "description": "Focuses on the inner button.\nOnly effective when `sortable` is `true`."
+            },
             {
               "kind": "field",
               "name": "version",
@@ -19309,6 +19495,15 @@
               "default": "null",
               "description": "The label text used as the value of aria-label.\nSet automatically by `reflectInputGroup` method."
             },
+            {
+              "kind": "field",
+              "name": "_textareaRef",
+              "type": {
+                "text": "Ref<HTMLTextAreaElement>"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
             {
               "kind": "field",
               "name": "count",
@@ -19353,6 +19548,26 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "focus",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "FocusOptions"
+                  },
+                  "description": "focus options"
+                }
+              ],
+              "description": "Focuses on the inner textarea."
+            },
             {
               "kind": "method",
               "name": "reflectInputGroup",
@@ -19964,6 +20179,35 @@
               "privacy": "private",
               "default": "false"
             },
+            {
+              "kind": "field",
+              "name": "_inputRef",
+              "type": {
+                "text": "Ref<HTMLInputElement>"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "focus",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "FocusOptions"
+                  },
+                  "description": "focus options"
+                }
+              ],
+              "description": "Focuses on the inner input."
+            },
             {
               "kind": "method",
               "name": "_handleChange",
@@ -20856,6 +21100,26 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "focus",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "FocusOptions"
+                  },
+                  "description": "focus options"
+                }
+              ],
+              "description": "Focuses on the inner input."
+            },
             {
               "kind": "method",
               "name": "_createIcon",
@@ -21893,6 +22157,26 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "focus",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "FocusOptions"
+                  },
+                  "description": "focus options"
+                }
+              ],
+              "description": "Focuses on the inner time input."
+            },
             {
               "kind": "method",
               "name": "reflectInputGroup",
@@ -22976,6 +23260,35 @@
               "attribute": "disabled",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "_inputRef",
+              "type": {
+                "text": "Ref<HTMLInputElement>"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "focus",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "FocusOptions"
+                  },
+                  "description": "focus options"
+                }
+              ],
+              "description": "Focuses on the inner input."
+            },
             {
               "kind": "method",
               "name": "_updateFormValue",