@lion/ui 0.0.1 → 0.0.2

package/custom-elements.json

@@ -241,6 +241,21 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "exports/drawer.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "LionDrawer",
+          "declaration": {
+            "name": "LionDrawer",
+            "module": "../components/drawer/src/LionDrawer.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "exports/fieldset.js",
@@ -2005,6 +2020,21 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "dist-types/exports/drawer.d.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "LionDrawer",
+          "declaration": {
+            "name": "LionDrawer",
+            "module": "\"../components/drawer/src/LionDrawer.js\""
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "dist-types/exports/fieldset.d.ts",
@@ -3710,6 +3740,21 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "exports/define/lion-drawer.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "custom-element-definition",
+          "name": "lion-drawer",
+          "declaration": {
+            "name": "LionDrawer",
+            "module": "/exports/drawer.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "exports/define/lion-field.js",
@@ -7942,6 +7987,328 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/drawer/src/LionDrawer.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "LionDrawer",
+          "members": [
+            {
+              "kind": "method",
+              "name": "__setBoundaries"
+            },
+            {
+              "kind": "field",
+              "name": "position",
+              "description": "Setter for position property, available values are 'top', 'left' and 'right'",
+              "parameters": [
+                {
+                  "name": "position",
+                  "type": {
+                    "text": "String"
+                  }
+                }
+              ],
+              "privacy": "public",
+              "attribute": "position",
+              "reflects": true
+            },
+            {
+              "kind": "method",
+              "name": "_showAnimation",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "Promise<void>"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "{ contentNode }"
+                },
+                {
+                  "description": "element node and its options",
+                  "name": "options",
+                  "type": {
+                    "text": "@param {HTMLElement} options.contentNode\n   * "
+                  }
+                }
+              ],
+              "description": "Trigger show animation and wait for transition to be finished.",
+              "inheritedFrom": {
+                "name": "LionCollapsible",
+                "module": "dist-types/components/collapsible/src/LionCollapsible.d.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_hideAnimation",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "Promise<void>"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "{ contentNode }"
+                },
+                {
+                  "description": "element node and its options",
+                  "name": "options",
+                  "type": {
+                    "text": "@param {HTMLElement} options.contentNode\n   * "
+                  }
+                }
+              ],
+              "description": "Trigger hide animation and wait for transition to be finished.",
+              "inheritedFrom": {
+                "name": "LionCollapsible",
+                "module": "dist-types/components/collapsible/src/LionCollapsible.d.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_waitForTransition",
+              "parameters": [
+                {
+                  "name": "{ contentNode }"
+                },
+                {
+                  "description": "element node and its options",
+                  "name": "options",
+                  "type": {
+                    "text": "@param {HTMLElement} options.contentNode\n   * "
+                  }
+                }
+              ],
+              "description": "Wait until the transition event is finished.",
+              "return": {
+                "type": {
+                  "text": "Promise<void>"
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "__contentNode",
+              "privacy": "protected"
+            },
+            {
+              "kind": "field",
+              "name": "_contentWidth"
+            },
+            {
+              "kind": "field",
+              "name": "_contentHeight",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "protected",
+              "inheritedFrom": {
+                "name": "LionCollapsible",
+                "module": "dist-types/components/collapsible/src/LionCollapsible.d.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_openedChanged"
+            },
+            {
+              "kind": "method",
+              "name": "_updateContentSize"
+            },
+            {
+              "kind": "field",
+              "name": "__toggle",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "transitioning",
+              "privacy": "public",
+              "attribute": "transitioning",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "opened",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "attribute": "opened",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "LionCollapsible",
+                "module": "dist-types/components/collapsible/src/LionCollapsible.d.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "toggle",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Toggle the current(opened/closed) state.",
+              "inheritedFrom": {
+                "name": "LionCollapsible",
+                "module": "dist-types/components/collapsible/src/LionCollapsible.d.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "show",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Show extra content.",
+              "inheritedFrom": {
+                "name": "LionCollapsible",
+                "module": "dist-types/components/collapsible/src/LionCollapsible.d.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "hide",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Hide extra content.",
+              "inheritedFrom": {
+                "name": "LionCollapsible",
+                "module": "dist-types/components/collapsible/src/LionCollapsible.d.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_invokerNode",
+              "type": {
+                "text": "HTMLElement | undefined"
+              },
+              "privacy": "protected",
+              "inheritedFrom": {
+                "name": "LionCollapsible",
+                "module": "dist-types/components/collapsible/src/LionCollapsible.d.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_contentNode",
+              "type": {
+                "text": "HTMLElement | undefined"
+              },
+              "privacy": "protected",
+              "inheritedFrom": {
+                "name": "LionCollapsible",
+                "module": "dist-types/components/collapsible/src/LionCollapsible.d.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "__openedChanged",
+              "privacy": "private",
+              "description": "Update content slot size and fire `opened-changed` event",
+              "inheritedFrom": {
+                "name": "LionCollapsible",
+                "module": "dist-types/components/collapsible/src/LionCollapsible.d.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "__updateContentSize",
+              "privacy": "private",
+              "description": "Toggle extra content visibility on state change.",
+              "inheritedFrom": {
+                "name": "LionCollapsible",
+                "module": "dist-types/components/collapsible/src/LionCollapsible.d.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "__setDefaultState",
+              "privacy": "private",
+              "description": "Set default state for content based on `opened` attr",
+              "inheritedFrom": {
+                "name": "LionCollapsible",
+                "module": "dist-types/components/collapsible/src/LionCollapsible.d.ts"
+              }
+            }
+          ],
+          "events": [
+            {
+              "name": "opened-changed",
+              "type": {
+                "text": "CustomEvent"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "transitioning",
+              "fieldName": "transitioning"
+            },
+            {
+              "name": "opened",
+              "fieldName": "opened"
+            },
+            {
+              "name": "position",
+              "fieldName": "position"
+            }
+          ],
+          "superclass": {
+            "name": "LionCollapsible",
+            "package": "@lion/ui/collapsible.js"
+          },
+          "tagName": "lion-drawer",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "LionDrawer",
+          "declaration": {
+            "name": "LionDrawer",
+            "module": "components/drawer/src/LionDrawer.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/drawer/src/drawerStyle.js",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "drawerStyle",
+          "default": "css`\n  :host {\n    display: block;\n    height: 100%;\n    --min-width: 72px;\n    --max-width: 320px;\n    --min-height: auto;\n    --max-height: fit-content;\n    --start-width: var(--min-width);\n    --start-height: 100%;\n    --transition-property: width;\n  }\n\n  :host([position='top']) {\n    width: 100%;\n    --min-width: 0px;\n    --max-width: none;\n    --min-height: 50px;\n    --max-height: 200px;\n    --start-width: 100%;\n    --start-height: var(--min-height);\n    --transition-property: height;\n  }\n\n  .container {\n    display: flex;\n    flex-direction: column;\n    width: var(--start-width);\n    height: var(--start-height);\n    min-width: var(--min-width);\n    max-width: var(--max-width);\n    min-height: var(--min-height);\n    max-height: var(--max-height);\n    overflow: hidden;\n    box-sizing: border-box;\n    transition: var(--transition-property) 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);\n  }\n\n  .headline-container {\n    display: flex;\n    align-items: center;\n    flex-wrap: nowrap;\n  }\n\n  :host([position='right']) .headline-container {\n    flex-direction: row-reverse;\n  }\n\n  .content-container {\n    overflow: hidden;\n    flex-grow: 1;\n  }\n\n  ::slotted([slot='content']) {\n    width: var(--max-width);\n  }\n`"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "drawerStyle",
+          "declaration": {
+            "name": "drawerStyle",
+            "module": "components/drawer/src/drawerStyle.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/fieldset/src/LionFieldset.js",
@@ -32194,6 +32561,12 @@
       "declarations": [],
       "exports": []
     },
+    {
+      "kind": "javascript-module",
+      "path": "dist-types/exports/define/lion-drawer.d.ts",
+      "declarations": [],
+      "exports": []
+    },
     {
       "kind": "javascript-module",
       "path": "dist-types/exports/define/lion-field.d.ts",
@@ -48792,6 +49165,376 @@
       "declarations": [],
       "exports": []
     },
+    {
+      "kind": "javascript-module",
+      "path": "dist-types/components/drawer/src/LionDrawer.d.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "LionDrawer",
+          "members": [
+            {
+              "kind": "field",
+              "name": "__toggle",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "position",
+              "description": "Setter for position property, available values are 'top', 'left' and 'right'",
+              "parameters": [
+                {
+                  "name": "position",
+                  "type": {
+                    "text": "String"
+                  }
+                }
+              ],
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "__setBoundaries",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "minHeight",
+              "type": {
+                "text": "string | undefined"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "maxHeight",
+              "type": {
+                "text": "string | undefined"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "minWidth",
+              "type": {
+                "text": "string | undefined"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "maxWidth",
+              "type": {
+                "text": "string | undefined"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_position",
+              "type": {
+                "text": "string | undefined"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_showAnimation",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "Promise<void>"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "{ contentNode }",
+                  "type": {
+                    "text": "{\n        contentNode: HTMLElement;\n    }"
+                  }
+                },
+                {
+                  "description": "element node and its options",
+                  "name": "options",
+                  "type": {
+                    "text": "@param {HTMLElement} options.contentNode\n     * "
+                  }
+                }
+              ],
+              "description": "Trigger show animation and wait for transition to be finished.",
+              "inheritedFrom": {
+                "name": "LionCollapsible",
+                "module": "dist-types/components/collapsible/src/LionCollapsible.d.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_hideAnimation",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "Promise<void>"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "{ contentNode }",
+                  "type": {
+                    "text": "{\n        contentNode: HTMLElement;\n    }"
+                  }
+                },
+                {
+                  "description": "element node and its options",
+                  "name": "options",
+                  "type": {
+                    "text": "@param {HTMLElement} options.contentNode\n     * "
+                  }
+                }
+              ],
+              "description": "Trigger hide animation and wait for transition to be finished.",
+              "inheritedFrom": {
+                "name": "LionCollapsible",
+                "module": "dist-types/components/collapsible/src/LionCollapsible.d.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_waitForTransition",
+              "return": {
+                "type": {
+                  "text": "Promise<void>"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "{ contentNode }",
+                  "type": {
+                    "text": "{\n        contentNode: HTMLElement;\n    }"
+                  }
+                },
+                {
+                  "description": "element node and its options",
+                  "name": "options",
+                  "type": {
+                    "text": "@param {HTMLElement} options.contentNode\n     * "
+                  }
+                }
+              ],
+              "description": "Wait until the transition event is finished."
+            },
+            {
+              "kind": "field",
+              "name": "transitioning",
+              "type": {
+                "text": "boolean | undefined"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "__contentNode",
+              "type": {
+                "text": "HTMLElement"
+              },
+              "privacy": "protected"
+            },
+            {
+              "kind": "field",
+              "name": "_contentWidth",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_openedChanged",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_updateContentSize",
+              "return": {
+                "type": {
+                  "text": "Promise<void>"
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "opened",
+              "type": {
+                "text": "boolean"
+              },
+              "inheritedFrom": {
+                "name": "LionCollapsible",
+                "module": "dist-types/components/collapsible/src/LionCollapsible.d.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "toggle",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Toggle the current(opened/closed) state.",
+              "inheritedFrom": {
+                "name": "LionCollapsible",
+                "module": "dist-types/components/collapsible/src/LionCollapsible.d.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "show",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Show extra content.",
+              "inheritedFrom": {
+                "name": "LionCollapsible",
+                "module": "dist-types/components/collapsible/src/LionCollapsible.d.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "hide",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Hide extra content.",
+              "inheritedFrom": {
+                "name": "LionCollapsible",
+                "module": "dist-types/components/collapsible/src/LionCollapsible.d.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_invokerNode",
+              "type": {
+                "text": "HTMLElement | undefined"
+              },
+              "privacy": "protected",
+              "inheritedFrom": {
+                "name": "LionCollapsible",
+                "module": "dist-types/components/collapsible/src/LionCollapsible.d.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_contentNode",
+              "type": {
+                "text": "HTMLElement | undefined"
+              },
+              "privacy": "protected",
+              "inheritedFrom": {
+                "name": "LionCollapsible",
+                "module": "dist-types/components/collapsible/src/LionCollapsible.d.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_contentHeight",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "protected",
+              "inheritedFrom": {
+                "name": "LionCollapsible",
+                "module": "dist-types/components/collapsible/src/LionCollapsible.d.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "__openedChanged",
+              "privacy": "private",
+              "description": "Update content slot size and fire `opened-changed` event",
+              "inheritedFrom": {
+                "name": "LionCollapsible",
+                "module": "dist-types/components/collapsible/src/LionCollapsible.d.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "__updateContentSize",
+              "privacy": "private",
+              "description": "Toggle extra content visibility on state change.",
+              "inheritedFrom": {
+                "name": "LionCollapsible",
+                "module": "dist-types/components/collapsible/src/LionCollapsible.d.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "__setDefaultState",
+              "privacy": "private",
+              "description": "Set default state for content based on `opened` attr",
+              "inheritedFrom": {
+                "name": "LionCollapsible",
+                "module": "dist-types/components/collapsible/src/LionCollapsible.d.ts"
+              }
+            }
+          ],
+          "superclass": {
+            "name": "LionCollapsible",
+            "module": "/dist-types/exports/collapsible.js"
+          },
+          "tagName": "lion-drawer",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "LionDrawer",
+          "declaration": {
+            "name": "LionDrawer",
+            "module": "dist-types/components/drawer/src/LionDrawer.d.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist-types/components/drawer/src/drawerStyle.d.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "drawerStyle",
+          "type": {
+            "text": "import(\"lit\").CSSResult"
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "drawerStyle",
+          "declaration": {
+            "name": "drawerStyle",
+            "module": "dist-types/components/drawer/src/drawerStyle.d.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist-types/components/drawer/test/lion-drawer.test.d.ts",
+      "declarations": [],
+      "exports": []
+    },
     {
       "kind": "javascript-module",
       "path": "dist-types/components/fieldset/src/LionFieldset.d.ts",