@m3e/expansion-panel 1.0.0-rc.1

package/dist/custom-elements.json

@@ -0,0 +1,787 @@
+{
+  "schemaVersion": "1.0.0",
+  "readme": "",
+  "modules": [
+    {
+      "kind": "javascript-module",
+      "path": "src/AccordionElement.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "M3eAccordionElement",
+          "slots": [
+            {
+              "description": "Renders the panels of the accordion.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "#panels",
+              "privacy": "private",
+              "type": {
+                "text": "Array<M3eExpansionPanelElement>"
+              },
+              "default": "[]"
+            },
+            {
+              "kind": "field",
+              "name": "multi",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether multiple expansion panels can be open at the same time.",
+              "attribute": "multi"
+            },
+            {
+              "kind": "field",
+              "name": "panels",
+              "description": "The panels of the accordion.",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "#handleSlotChange",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "#handleOpening",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            }
+          ],
+          "attributes": [
+            {
+              "description": "Whether multiple expansion panels can be open at the same time.",
+              "name": "multi",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "multi"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "Role",
+              "package": "@m3e/core"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "m3e-accordion",
+          "customElement": true,
+          "summary": "Combines multiple expansion panels in to an accordion."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "M3eAccordionElement",
+          "declaration": {
+            "name": "M3eAccordionElement",
+            "module": "src/AccordionElement.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "m3e-accordion",
+          "declaration": {
+            "name": "M3eAccordionElement",
+            "module": "src/AccordionElement.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/ExpansionHeaderElement.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "A button used to toggle the expanded state of an expansion panel.",
+          "name": "M3eExpansionHeaderElement",
+          "cssProperties": [
+            {
+              "description": "Height of the header when the panel is collapsed.",
+              "name": "--m3e-expansion-header-collapsed-height"
+            },
+            {
+              "description": "Height of the header when the panel is expanded.",
+              "name": "--m3e-expansion-header-expanded-height"
+            },
+            {
+              "description": "Left padding inside the header.",
+              "name": "--m3e-expansion-header-padding-left"
+            },
+            {
+              "description": "Right padding inside the header.",
+              "name": "--m3e-expansion-header-padding-right"
+            },
+            {
+              "description": "Spacing between header elements.",
+              "name": "--m3e-expansion-header-spacing"
+            },
+            {
+              "description": "Size of the toggle icon (e.g. chevron).",
+              "name": "--m3e-expansion-header-toggle-icon-size"
+            },
+            {
+              "description": "The font size of the header text.",
+              "name": "--m3e-expansion-header-font-size"
+            },
+            {
+              "description": "The font weight of the header text.",
+              "name": "--m3e-expansion-header-font-weight"
+            },
+            {
+              "description": "The line height of the header text.",
+              "name": "--m3e-expansion-header-line-height"
+            },
+            {
+              "description": "Letter spacing (tracking) of the header text.",
+              "name": "--m3e-expansion-header-tracking"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Renders the content of the header.",
+              "name": ""
+            },
+            {
+              "description": "Renders the icon of the expansion toggle.",
+              "name": "toggle-icon"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "_focusRing",
+              "type": {
+                "text": "M3eFocusRingElement | undefined"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "_stateLayer",
+              "type": {
+                "text": "M3eStateLayerElement | undefined"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "toggleDirection",
+              "type": {
+                "text": "ExpansionToggleDirection"
+              },
+              "default": "\"vertical\"",
+              "description": "The direction of the expansion toggle.",
+              "attribute": "toggle-direction",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "togglePosition",
+              "type": {
+                "text": "ExpansionTogglePosition"
+              },
+              "default": "\"after\"",
+              "description": "The position of the expansion toggle.",
+              "attribute": "toggle-position",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "hideToggle",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether to hide the expansion toggle.",
+              "attribute": "hide-toggle",
+              "reflects": true
+            },
+            {
+              "kind": "method",
+              "name": "#renderToggle",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "unknown"
+                }
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "description": "Whether to hide the expansion toggle.",
+              "name": "hide-toggle",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "hideToggle"
+            },
+            {
+              "description": "The direction of the expansion toggle.",
+              "name": "toggle-direction",
+              "type": {
+                "text": "ExpansionToggleDirection"
+              },
+              "default": "\"vertical\"",
+              "fieldName": "toggleDirection"
+            },
+            {
+              "description": "The position of the expansion toggle.",
+              "name": "toggle-position",
+              "type": {
+                "text": "ExpansionTogglePosition"
+              },
+              "default": "\"after\"",
+              "fieldName": "togglePosition"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "KeyboardClick",
+              "package": "@m3e/core"
+            },
+            {
+              "name": "Focusable",
+              "package": "@m3e/core"
+            },
+            {
+              "name": "Disabled",
+              "package": "@m3e/core"
+            },
+            {
+              "name": "AttachInternals",
+              "package": "@m3e/core"
+            },
+            {
+              "name": "Role",
+              "package": "@m3e/core"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "m3e-expansion-header",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "M3eExpansionHeaderElement",
+          "declaration": {
+            "name": "M3eExpansionHeaderElement",
+            "module": "src/ExpansionHeaderElement.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "m3e-expansion-header",
+          "declaration": {
+            "name": "M3eExpansionHeaderElement",
+            "module": "src/ExpansionHeaderElement.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/ExpansionPanelElement.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "M3eExpansionPanelElement",
+          "cssProperties": [
+            {
+              "description": "Height of the header when the panel is collapsed.",
+              "name": "--m3e-expansion-header-collapsed-height"
+            },
+            {
+              "description": "Height of the header when the panel is expanded.",
+              "name": "--m3e-expansion-header-expanded-height"
+            },
+            {
+              "description": "Left padding inside the header.",
+              "name": "--m3e-expansion-header-padding-left"
+            },
+            {
+              "description": "Right padding inside the header.",
+              "name": "--m3e-expansion-header-padding-right"
+            },
+            {
+              "description": "Spacing between header elements.",
+              "name": "--m3e-expansion-header-spacing"
+            },
+            {
+              "description": "Size of the toggle icon (e.g. chevron).",
+              "name": "--m3e-expansion-header-toggle-icon-size"
+            },
+            {
+              "description": "The font size of the header text.",
+              "name": "--m3e-expansion-header-font-size"
+            },
+            {
+              "description": "The font weight of the header text.",
+              "name": "--m3e-expansion-header-font-weight"
+            },
+            {
+              "description": "The line height of the header text.",
+              "name": "--m3e-expansion-header-line-height"
+            },
+            {
+              "description": "Letter spacing (tracking) of the header text.",
+              "name": "--m3e-expansion-header-tracking"
+            },
+            {
+              "description": "Color of the panel's text content.",
+              "name": "--m3e-expansion-panel-text-color"
+            },
+            {
+              "description": "Color of the panel's text content, when disabled.",
+              "name": "--m3e-expansion-panel-disabled-text-color"
+            },
+            {
+              "description": "Opacity of the panel's text content, when disabled.",
+              "name": "--m3e-expansion-panel-disabled-text-opacity"
+            },
+            {
+              "description": "Background color of the panel container.",
+              "name": "--m3e-expansion-panel-container-color"
+            },
+            {
+              "description": "Elevation level when the panel is collapsed.",
+              "name": "--m3e-expansion-panel-elevation"
+            },
+            {
+              "description": "Shape (e.g. border radius) of the panel when collapsed.",
+              "name": "--m3e-expansion-panel-shape"
+            },
+            {
+              "description": "Elevation level when the panel is expanded.",
+              "name": "--m3e-expansion-panel-open-elevation"
+            },
+            {
+              "description": "Shape (e.g. border radius) of the panel when expanded.",
+              "name": "--m3e-expansion-panel-open-shape"
+            },
+            {
+              "description": "Padding around the panel's content area.",
+              "name": "--m3e-expansion-panel-content-padding"
+            },
+            {
+              "description": "Spacing between action buttons or elements.",
+              "name": "--m3e-expansion-panel-actions-spacing"
+            },
+            {
+              "description": "Padding around the actions section.",
+              "name": "--m3e-expansion-panel-actions-padding"
+            },
+            {
+              "description": "Thickness of the divider above actions.",
+              "name": "--m3e-expansion-panel-actions-divider-thickness"
+            },
+            {
+              "description": "Color of the divider above actions.",
+              "name": "--m3e-expansion-panel-actions-divider-color"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Renders the detail of the panel.",
+              "name": ""
+            },
+            {
+              "description": "Renders the actions bar of the panel.",
+              "name": "actions-"
+            },
+            {
+              "description": "Renders the header content.",
+              "name": "header"
+            },
+            {
+              "description": "Renders the expansion toggle icon.",
+              "name": "toggle-icon"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "__nextId",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private",
+              "static": true,
+              "default": "0"
+            },
+            {
+              "kind": "field",
+              "name": "#id",
+              "privacy": "private",
+              "default": "M3eExpansionPanelElement.__nextId++"
+            },
+            {
+              "kind": "field",
+              "name": "#contentId",
+              "privacy": "private",
+              "default": "`m3e-expansion-panel-${this.#id}-content`"
+            },
+            {
+              "kind": "field",
+              "name": "#headerId",
+              "privacy": "private",
+              "default": "`m3e-expansion-panel-${this.#id}-header`"
+            },
+            {
+              "kind": "field",
+              "name": "_header",
+              "type": {
+                "text": "M3eExpansionHeaderElement | undefined"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "open",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the panel is expanded.",
+              "attribute": "open",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "toggleDirection",
+              "type": {
+                "text": "ExpansionToggleDirection"
+              },
+              "default": "\"vertical\"",
+              "description": "The direction of the expansion toggle.",
+              "attribute": "toggle-direction",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "togglePosition",
+              "type": {
+                "text": "ExpansionTogglePosition"
+              },
+              "default": "\"after\"",
+              "description": "The position of the expansion toggle.",
+              "attribute": "toggle-position",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "hideToggle",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether to hide the expansion toggle.",
+              "attribute": "hide-toggle",
+              "reflects": true
+            },
+            {
+              "kind": "method",
+              "name": "#renderToggleIcon",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "unknown"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#handleHeaderClick",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "#handleKeyDown",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#handleCollapsibleEvent",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            }
+          ],
+          "events": [
+            {
+              "type": {
+                "text": "Event"
+              }
+            },
+            {
+              "description": "Emitted when the expansion panel begins to open.",
+              "name": "opening"
+            },
+            {
+              "description": "Emitted when the expansion panel has opened.",
+              "name": "opened"
+            },
+            {
+              "description": "Emitted when the expansion panel begins to close.",
+              "name": "closing"
+            },
+            {
+              "description": "Emitted when the expansion panel has closed.",
+              "name": "closed"
+            }
+          ],
+          "attributes": [
+            {
+              "description": "Whether the element is disabled.",
+              "name": "disabled"
+            },
+            {
+              "description": "Whether to hide the expansion toggle.",
+              "name": "hide-toggle",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "hideToggle"
+            },
+            {
+              "description": "Whether the panel is expanded.",
+              "name": "open",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "open"
+            },
+            {
+              "description": "The direction of the expansion toggle.",
+              "name": "toggle-direction",
+              "type": {
+                "text": "ExpansionToggleDirection"
+              },
+              "default": "\"vertical\"",
+              "fieldName": "toggleDirection"
+            },
+            {
+              "description": "The position of the expansion toggle.",
+              "name": "toggle-position",
+              "type": {
+                "text": "ExpansionTogglePosition"
+              },
+              "default": "\"after\"",
+              "fieldName": "togglePosition"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "EventAttribute",
+              "package": "@m3e/core"
+            },
+            {
+              "name": "Disabled",
+              "package": "@m3e/core"
+            },
+            {
+              "name": "AttachInternals",
+              "package": "@m3e/core"
+            },
+            {
+              "name": "Role",
+              "package": "@m3e/core"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "m3e-expansion-panel",
+          "customElement": true,
+          "summary": "An expandable details-summary view."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "M3eExpansionPanelElement",
+          "declaration": {
+            "name": "M3eExpansionPanelElement",
+            "module": "src/ExpansionPanelElement.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "m3e-expansion-panel",
+          "declaration": {
+            "name": "M3eExpansionPanelElement",
+            "module": "src/ExpansionPanelElement.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/ExpansionToggleDirection.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/ExpansionTogglePosition.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "\"./AccordionElement\""
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "\"./ExpansionHeaderElement\""
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "\"./ExpansionPanelElement\""
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "\"./ExpansionToggleDirection\""
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "\"./ExpansionTogglePosition\""
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/styles/ExpansionHeaderStyle.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/styles/ExpansionHeaderToken.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/styles/ExpansionPanelStyle.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/styles/ExpansionPanelToken.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/styles/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "\"./ExpansionHeaderStyle\""
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "\"./ExpansionPanelStyle\""
+          }
+        }
+      ]
+    }
+  ]
+}