@tylertech/forge 3.0.0-next.20 → 3.0.0-next.21

package/custom-elements.json

@@ -43463,46 +43463,31 @@
             },
             {
               "kind": "field",
-              "name": "_headerSlotElement",
+              "name": "_transitionStartListener",
               "type": {
-                "text": "HTMLSlotElement"
+                "text": "EventListener"
               },
-              "privacy": "private",
-              "default": "getShadowElement(this._component, EXPANSION_PANEL_CONSTANTS.selectors.HEADER_SLOT)"
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "_activeAnimationFrame",
+              "name": "_transitionEndListener",
               "type": {
-                "text": "number | undefined"
+                "text": "EventListener"
               },
               "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "initialize",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "kind": "field",
+              "name": "_transitionCompleteListener",
+              "type": {
+                "text": "() => void"
               },
-              "parameters": [
-                {
-                  "name": "open",
-                  "type": {
-                    "text": "boolean"
-                  }
-                },
-                {
-                  "name": "orientation",
-                  "default": "'vertical'"
-                }
-              ]
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "setHeaderVisibility",
+              "name": "setAnimationCompleteListener",
               "privacy": "public",
               "return": {
                 "type": {
@@ -43511,16 +43496,16 @@
               },
               "parameters": [
                 {
-                  "name": "visible",
+                  "name": "listener",
                   "type": {
-                    "text": "boolean"
+                    "text": "() => void"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "setOpenState",
+              "name": "addHeaderListener",
               "privacy": "public",
               "return": {
                 "type": {
@@ -43529,60 +43514,22 @@
               },
               "parameters": [
                 {
-                  "name": "opening",
+                  "name": "type",
                   "type": {
-                    "text": "boolean"
+                    "text": "keyof HTMLElementEventMap"
                   }
                 },
-                {
-                  "name": "orientation",
-                  "default": "EXPANSION_PANEL_CONSTANTS.strings.ORIENTATION_VERTICAL"
-                },
-                {
-                  "name": "animate",
-                  "default": "true"
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "registerClickListener",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
                 {
                   "name": "listener",
                   "type": {
-                    "text": "(evt: MouseEvent) => void"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "deregisterClickListener",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "listener",
-                  "type": {
-                    "text": "(evt: MouseEvent) => void"
+                    "text": "EventListener"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "registerKeydownListener",
+              "name": "tryToggleOpenIcon",
               "privacy": "public",
               "return": {
                 "type": {
@@ -43591,16 +43538,16 @@
               },
               "parameters": [
                 {
-                  "name": "listener",
+                  "name": "value",
                   "type": {
-                    "text": "(evt: KeyboardEvent) => void"
+                    "text": "boolean"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "deregisterKeydownListener",
+              "name": "setContentVisibility",
               "privacy": "public",
               "return": {
                 "type": {
@@ -43609,17 +43556,17 @@
               },
               "parameters": [
                 {
-                  "name": "listener",
+                  "name": "visible",
                   "type": {
-                    "text": "(evt: KeyboardEvent) => void"
+                    "text": "boolean"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "registerHeaderSlotListener",
-              "privacy": "public",
+              "name": "_onTransitionStart",
+              "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
@@ -43627,17 +43574,17 @@
               },
               "parameters": [
                 {
-                  "name": "listener",
+                  "name": "evt",
                   "type": {
-                    "text": "(evt: Event) => void"
+                    "text": "TransitionEvent"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "deregisterHeaderSlotListener",
-              "privacy": "public",
+              "name": "_onTransitionEnd",
+              "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
@@ -43645,9 +43592,9 @@
               },
               "parameters": [
                 {
-                  "name": "listener",
+                  "name": "evt",
                   "type": {
-                    "text": "(evt: Event) => void"
+                    "text": "TransitionEvent"
                   }
                 }
               ]
@@ -44277,7 +44224,7 @@
           "type": {
             "text": "object"
           },
-          "default": "{\n  elementName,\n  classes,\n  selectors,\n  events,\n  attributes,\n  numbers,\n  strings\n}"
+          "default": "{\n  elementName,\n  observedAttributes,\n  attributes,\n  classes,\n  selectors,\n  events\n}"
         }
       ],
       "exports": [
@@ -44311,39 +44258,27 @@
             },
             {
               "kind": "field",
-              "name": "_useAnimations",
+              "name": "_orientation",
               "type": {
-                "text": "boolean"
+                "text": "ExpansionPanelOrientation"
               },
               "privacy": "private",
-              "default": "true"
-            },
-            {
-              "kind": "field",
-              "name": "_openCallback",
-              "type": {
-                "text": "() => void | Promise<void>"
-              },
-              "privacy": "private"
+              "default": "'vertical'"
             },
             {
               "kind": "field",
-              "name": "_closeCallback",
+              "name": "_animationType",
               "type": {
-                "text": "() => void | Promise<void>"
+                "text": "ExpansionPanelAnimationType"
               },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "_orientation",
-              "privacy": "private"
+              "privacy": "private",
+              "default": "'default'"
             },
             {
               "kind": "field",
               "name": "_clickListener",
               "type": {
-                "text": "(evt: MouseEvent) => void"
+                "text": "EventListener"
               },
               "privacy": "private"
             },
@@ -44351,27 +44286,15 @@
               "kind": "field",
               "name": "_keydownListener",
               "type": {
-                "text": "(evt: KeyboardEvent) => void"
+                "text": "EventListener"
               },
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "_headerSlotChangeListener",
-              "type": {
-                "text": "(evt: Event) => void"
-              },
+              "name": "_animationCompleteListener",
               "privacy": "private"
             },
-            {
-              "kind": "field",
-              "name": "_isInitialized",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
-            },
             {
               "kind": "method",
               "name": "initialize",
@@ -44384,28 +44307,8 @@
             },
             {
               "kind": "method",
-              "name": "connect",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "disconnect",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "setOpenImmediate",
-              "privacy": "public",
+              "name": "_onClick",
+              "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
@@ -44413,16 +44316,16 @@
               },
               "parameters": [
                 {
-                  "name": "open",
+                  "name": "evt",
                   "type": {
-                    "text": "boolean"
+                    "text": "MouseEvent"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "_applyOpen",
+              "name": "_onKeydown",
               "privacy": "private",
               "return": {
                 "type": {
@@ -44431,97 +44334,36 @@
               },
               "parameters": [
                 {
-                  "name": "value",
+                  "name": "evt",
                   "type": {
-                    "text": "boolean"
+                    "text": "KeyboardEvent"
                   }
                 }
               ]
             },
-            {
-              "kind": "field",
-              "name": "open",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "description": "Controls the open state of the panel."
-            },
-            {
-              "kind": "field",
-              "name": "openCallback",
-              "type": {
-                "text": "() => void | Promise<void>"
-              },
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "closeCallback",
-              "type": {
-                "text": "() => void | Promise<void>"
-              },
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "orientation",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "useAnimations",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public"
-            },
             {
               "kind": "method",
-              "name": "_onClick",
+              "name": "_onAnimationComplete",
               "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
-              },
-              "parameters": [
-                {
-                  "name": "evt",
-                  "type": {
-                    "text": "MouseEvent"
-                  },
-                  "description": "The click event."
-                }
-              ],
-              "description": "Handles click events on the header element."
+              }
             },
             {
               "kind": "method",
-              "name": "_onKeydown",
+              "name": "_togglePanel",
               "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
-              },
-              "parameters": [
-                {
-                  "name": "evt",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  },
-                  "description": "The keydown event"
-                }
-              ],
-              "description": "Handles keydown events on the header."
+              }
             },
             {
               "kind": "method",
-              "name": "_emitEvent",
+              "name": "_dispatchToggleEvent",
               "privacy": "private",
               "return": {
                 "type": {
@@ -44540,58 +44382,28 @@
               }
             },
             {
-              "kind": "method",
-              "name": "_openPanel",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "kind": "field",
+              "name": "open",
+              "type": {
+                "text": "boolean"
               },
-              "parameters": [
-                {
-                  "name": "animate",
-                  "type": {
-                    "text": "boolean"
-                  }
-                }
-              ]
+              "privacy": "public"
             },
             {
-              "kind": "method",
-              "name": "_closePanel",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "kind": "field",
+              "name": "orientation",
+              "type": {
+                "text": "ExpansionPanelOrientation"
               },
-              "parameters": [
-                {
-                  "name": "animate",
-                  "type": {
-                    "text": "boolean"
-                  }
-                }
-              ]
+              "privacy": "public"
             },
             {
-              "kind": "method",
-              "name": "_onHeaderSlotChanged",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "kind": "field",
+              "name": "animationType",
+              "type": {
+                "text": "ExpansionPanelAnimationType"
               },
-              "parameters": [
-                {
-                  "name": "evt",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
+              "privacy": "public"
             }
           ]
         }
@@ -44613,8 +44425,42 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "A web component that encapsulates the functionality of expanding/collapsing content when clicked.",
+          "description": "",
           "name": "ExpansionPanelComponent",
+          "cssProperties": [
+            {
+              "description": "The duration of the open/close animation.",
+              "name": "--forge-expansion-animation-duration"
+            },
+            {
+              "description": "The easing function of the open/close animation.",
+              "name": "--forge-expansion-animation-easing"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The root element of the panel.",
+              "name": "root"
+            },
+            {
+              "description": "The header of the panel.",
+              "name": "header"
+            },
+            {
+              "description": "The content of the panel.",
+              "name": "content"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The content of the panel.",
+              "name": ""
+            },
+            {
+              "description": "The header of the panel.",
+              "name": "header"
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -44625,16 +44471,6 @@
               "privacy": "private",
               "default": "new ExpansionPanelFoundation(new ExpansionPanelAdapter(this))"
             },
-            {
-              "kind": "method",
-              "name": "initializedCallback",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
             {
               "kind": "field",
               "name": "open",
@@ -44642,43 +44478,25 @@
                 "text": "boolean"
               },
               "privacy": "public",
-              "description": "Controls the open state of the panel."
-            },
-            {
-              "kind": "field",
-              "name": "openCallback",
-              "type": {
-                "text": "() => void | Promise<void>"
-              },
-              "privacy": "public",
-              "description": "Sets the function to call when the panel wants to open.\nThe function must return a promise which can be resolved to\nopen the panel or rejected which cancels the panel open."
-            },
-            {
-              "kind": "field",
-              "name": "closeCallback",
-              "type": {
-                "text": "() => void | Promise<void>"
-              },
-              "privacy": "public",
-              "description": "Sets the function to call when the panel wants to close.\nThe function must return a promise which can be resolved to\nclose the panel or rejected which cancels the panel close."
+              "description": "Whether the panel is open or closed."
             },
             {
               "kind": "field",
               "name": "orientation",
               "type": {
-                "text": "string"
+                "text": "ExpansionPanelOrientation"
               },
               "privacy": "public",
-              "description": "Sets the orientation of the panel expansion.\nValid values are 'vertical' (default) or 'horizontal'."
+              "description": "The orientation of the panel."
             },
             {
               "kind": "field",
-              "name": "useAnimations",
+              "name": "animationType",
               "type": {
-                "text": "boolean"
+                "text": "ExpansionPanelAnimationType"
               },
               "privacy": "public",
-              "description": "Gets/sets if animations are used in the expand/collapse transition."
+              "description": "The type of animation to use when opening/closing the panel."
             },
             {
               "kind": "method",
@@ -44688,27 +44506,40 @@
                 "type": {
                   "text": "void"
                 }
+              }
+            }
+          ],
+          "events": [
+            {
+              "description": "Event fired when the panel is toggled open or closed.",
+              "name": "forge-expansion-panel-toggle"
+            },
+            {
+              "description": "Event fired when the panel has finished animating when toggling.",
+              "name": "forge-expansion-panel-animation-complete"
+            }
+          ],
+          "attributes": [
+            {
+              "type": {
+                "text": "boolean"
               },
-              "description": "Toggles the collapsed state."
+              "description": "Whether the panel is open or closed.",
+              "name": "open"
             },
             {
-              "kind": "method",
-              "name": "setOpenImmediate",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "type": {
+                "text": "ExpansionPanelOrientation"
               },
-              "parameters": [
-                {
-                  "name": "open",
-                  "type": {
-                    "text": "boolean"
-                  }
-                }
-              ],
-              "description": "Forces the expansion panel to expand/collapse without transition animations."
+              "description": "The orientation of the panel.",
+              "name": "orientation"
+            },
+            {
+              "type": {
+                "text": "ExpansionPanelAnimationType"
+              },
+              "description": "The type of animation to use when opening/closing the panel.",
+              "name": "animation-type"
             }
           ],
           "superclass": {
@@ -44716,6 +44547,7 @@
             "module": "/core/base/base-component"
           },
           "tagName": "forge-expansion-panel",
+          "summary": "Expansion panels provide progressive disclosure of content.",
           "customElement": true
         }
       ],