@m3e/drawer-container 1.0.0-rc.1

package/dist/custom-elements.json

@@ -0,0 +1,569 @@
+{
+  "schemaVersion": "1.0.0",
+  "readme": "",
+  "modules": [
+    {
+      "kind": "javascript-module",
+      "path": "src/DrawerContainerElement.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "M3eDrawerContainerElement",
+          "cssProperties": [
+            {
+              "description": "The background color of the drawer container.",
+              "name": "--m3e-drawer-container-color"
+            },
+            {
+              "description": "The elevation level of the drawer container.",
+              "name": "--m3e-drawer-container-elevation"
+            },
+            {
+              "description": "The width of the drawer container.",
+              "name": "--m3e-drawer-container-width"
+            },
+            {
+              "description": "The opacity of the scrim behind the drawer.",
+              "name": "--m3e-drawer-container-scrim-opacity"
+            },
+            {
+              "description": "The shape of the drawer’s start edge (typically left in LTR).",
+              "name": "--m3e-modal-drawer-start-shape"
+            },
+            {
+              "description": "The shape of the drawer’s end edge (typically right in LTR).",
+              "name": "--m3e-modal-drawer-end-shape"
+            },
+            {
+              "description": "The background color of the modal drawer container.",
+              "name": "--m3e-modal-drawer-container-color"
+            },
+            {
+              "description": "The elevation level of the modal drawer container.",
+              "name": "--m3e-modal-drawer-elevation"
+            },
+            {
+              "description": "The color of the divider between drawer sections.",
+              "name": "--m3e-drawer-divider-color"
+            },
+            {
+              "description": "The thickness of the divider line.",
+              "name": "--m3e-drawer-divider-thickness"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Renders the main content.",
+              "name": ""
+            },
+            {
+              "description": "Renders the start drawer.",
+              "name": "start"
+            },
+            {
+              "description": "Renders the end drawer.",
+              "name": "end"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "_startMode",
+              "type": {
+                "text": "Exclude<DrawerMode, \"auto\">"
+              },
+              "privacy": "private",
+              "default": "\"side\""
+            },
+            {
+              "kind": "field",
+              "name": "_endMode",
+              "type": {
+                "text": "Exclude<DrawerMode, \"auto\">"
+              },
+              "privacy": "private",
+              "default": "\"side\""
+            },
+            {
+              "kind": "field",
+              "name": "#breakpointUnobserve",
+              "privacy": "private",
+              "type": {
+                "text": "() => void | undefined"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#disableStartFocusTrap",
+              "privacy": "private",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "#disableEndFocusTrap",
+              "privacy": "private",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "#initialized",
+              "privacy": "private",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "start",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the start drawer is open.",
+              "attribute": "start",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "startMode",
+              "type": {
+                "text": "DrawerMode"
+              },
+              "default": "\"side\"",
+              "description": "The behavior mode of the start drawer.",
+              "attribute": "start-mode",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "startDivider",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether to show a divider between the start drawer and content for `side` mode.",
+              "attribute": "start-divider",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "end",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the end drawer is open.",
+              "attribute": "end",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "endMode",
+              "type": {
+                "text": "DrawerMode"
+              },
+              "default": "\"side\"",
+              "description": "The behavior mode of the end drawer.",
+              "attribute": "end-mode",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "endDivider",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether to show a divider between the end drawer and content for `side` mode.",
+              "attribute": "end-divider",
+              "reflects": true
+            },
+            {
+              "kind": "method",
+              "name": "#handleScrimClick",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "#handleStartSlotChange",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#handleEndSlotChange",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#clearMode",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#updateMode",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "breakpoints",
+                  "optional": true,
+                  "type": {
+                    "text": "Map<string, boolean>"
+                  }
+                },
+                {
+                  "name": "autoClose",
+                  "default": "false"
+                }
+              ]
+            }
+          ],
+          "events": [
+            {
+              "name": "change",
+              "type": {
+                "text": "Event"
+              },
+              "description": "Emitted when the state of the start or end drawers change."
+            }
+          ],
+          "attributes": [
+            {
+              "description": "Whether the end drawer is open.",
+              "name": "end",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "end"
+            },
+            {
+              "description": "The behavior mode of the end drawer.",
+              "name": "end-mode",
+              "type": {
+                "text": "DrawerMode"
+              },
+              "default": "\"side\"",
+              "fieldName": "endMode"
+            },
+            {
+              "description": "Whether to show a divider between the end drawer and content for `side` mode.",
+              "name": "end-divider",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "endDivider"
+            },
+            {
+              "description": "Whether the start drawer is open.",
+              "name": "start",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "start"
+            },
+            {
+              "description": "The behavior mode of the start drawer.",
+              "name": "start-mode",
+              "type": {
+                "text": "DrawerMode"
+              },
+              "default": "\"side\"",
+              "fieldName": "startMode"
+            },
+            {
+              "description": "Whether to show a divider between the start drawer and content for `side` mode.",
+              "name": "start-divider",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "startDivider"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "Role",
+              "package": "@m3e/core"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "m3e-drawer-container",
+          "customElement": true,
+          "summary": "A container for one or two sliding drawers."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "M3eDrawerContainerElement",
+          "declaration": {
+            "name": "M3eDrawerContainerElement",
+            "module": "src/DrawerContainerElement.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "m3e-drawer-container",
+          "declaration": {
+            "name": "M3eDrawerContainerElement",
+            "module": "src/DrawerContainerElement.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/DrawerMode.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/DrawerPosition.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/DrawerToggleElement.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "An element, nested within a clickable element, used to toggle the opened state of a drawer.",
+          "name": "M3eDrawerToggleElement",
+          "members": [
+            {
+              "kind": "field",
+              "name": "#clickHandler",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "#drawerContainerChangeHandler",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "attach",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "control",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "detach",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#handleClick",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#handleDrawerContainerChange",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#updateToggle",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "container",
+                  "type": {
+                    "text": "M3eDrawerContainerElement"
+                  }
+                },
+                {
+                  "name": "control",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                }
+              ]
+            }
+          ],
+          "mixins": [
+            {
+              "name": "HtmlFor",
+              "package": "@m3e/core"
+            },
+            {
+              "name": "Role",
+              "package": "@m3e/core"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "m3e-drawer-toggle",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "M3eDrawerToggleElement",
+          "declaration": {
+            "name": "M3eDrawerToggleElement",
+            "module": "src/DrawerToggleElement.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "m3e-drawer-toggle",
+          "declaration": {
+            "name": "M3eDrawerToggleElement",
+            "module": "src/DrawerToggleElement.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "\"./DrawerContainerElement\""
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "\"./DrawerMode\""
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "\"./DrawerPosition\""
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "\"./DrawerToggleElement\""
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/styles/DrawerContainerStyle.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/styles/DrawerContainerToken.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/styles/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "\"./DrawerContainerStyle\""
+          }
+        }
+      ]
+    }
+  ]
+}

package/dist/html-custom-data.json

@@ -0,0 +1,49 @@
+{
+  "$schema": "https://raw.githubusercontent.com/microsoft/vscode-html-languageservice/main/docs/customData.schema.json",
+  "version": 1.1,
+  "tags": [
+    {
+      "name": "m3e-drawer-container",
+      "description": "A container for one or two sliding drawers.\n---\n\n\n### **Events:**\n - **change** - Emitted when the state of the start or end drawers change.\n\n### **Slots:**\n - _default_ - Renders the main content.\n- **start** - Renders the start drawer.\n- **end** - Renders the end drawer.\n\n### **CSS Properties:**\n - **--m3e-drawer-container-color** - The background color of the drawer container. _(default: undefined)_\n- **--m3e-drawer-container-elevation** - The elevation level of the drawer container. _(default: undefined)_\n- **--m3e-drawer-container-width** - The width of the drawer container. _(default: undefined)_\n- **--m3e-drawer-container-scrim-opacity** - The opacity of the scrim behind the drawer. _(default: undefined)_\n- **--m3e-modal-drawer-start-shape** - The shape of the drawer’s start edge (typically left in LTR). _(default: undefined)_\n- **--m3e-modal-drawer-end-shape** - The shape of the drawer’s end edge (typically right in LTR). _(default: undefined)_\n- **--m3e-modal-drawer-container-color** - The background color of the modal drawer container. _(default: undefined)_\n- **--m3e-modal-drawer-elevation** - The elevation level of the modal drawer container. _(default: undefined)_\n- **--m3e-drawer-divider-color** - The color of the divider between drawer sections. _(default: undefined)_\n- **--m3e-drawer-divider-thickness** - The thickness of the divider line. _(default: undefined)_",
+      "attributes": [
+        {
+          "name": "end",
+          "description": "Whether the end drawer is open.",
+          "values": []
+        },
+        {
+          "name": "end-mode",
+          "description": "The behavior mode of the end drawer.",
+          "values": [{ "name": "DrawerMode" }]
+        },
+        {
+          "name": "end-divider",
+          "description": "Whether to show a divider between the end drawer and content for `side` mode.",
+          "values": []
+        },
+        {
+          "name": "start",
+          "description": "Whether the start drawer is open.",
+          "values": []
+        },
+        {
+          "name": "start-mode",
+          "description": "The behavior mode of the start drawer.",
+          "values": [{ "name": "DrawerMode" }]
+        },
+        {
+          "name": "start-divider",
+          "description": "Whether to show a divider between the start drawer and content for `side` mode.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "m3e-drawer-toggle",
+      "description": "An element, nested within a clickable element, used to toggle the opened state of a drawer.\n---\n",
+      "attributes": [],
+      "references": []
+    }
+  ]
+}