@siemens/ix 1.1.0-beta.5 → 1.1.0-beta.6

package/dist/collection/components/datetime-picker/event.js

@@ -1,9 +1 @@
-/*
- * SPDX-FileCopyrightText: 2022 Siemens AG
- *
- * SPDX-License-Identifier: MIT
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
 export {};

package/dist/collection/components/drawer/drawer.js

@@ -6,35 +6,17 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import { Component, Event, h, Method, Prop, Watch } from '@stencil/core';
+import { h } from '@stencil/core';
 import anime from 'animejs';
 export class Drawer {
   constructor() {
-    /**
-     * Show or hide the drawer
-     */
+    this.callback = this.clickedOutside.bind(this);
     this.show = false;
-    /**
-     * Fired in case of an outside click during drawer showed state
-     */
     this.closeOnClickOutside = true;
-    /**
-     * Render the drawer with maximum height
-     */
     this.fullHeight = false;
-    /**
-     * Min width interpreted as REM
-     */
     this.minWidth = 16;
-    /**
-     * Max width interpreted as REM
-     */
     this.maxWidth = 28;
-    /**
-     * Width interpreted as REM if not set to 'auto'
-     */
     this.width = this.minWidth;
-    this.callback = this.clickedOutside.bind(this);
   }
   onShowChanged(newValue) {
     this.show = newValue !== undefined ? newValue : !this.show;
@@ -108,193 +90,199 @@ export class Drawer {
         width: this.width === 'auto' ? this.width : `${this.width}rem`,
         'min-width': `${this.minWidth}rem`,
         'max-width': `${this.maxWidth}rem`,
-      }, ref: (el) => (this.divElement = el), "data-testid": "container", id: "div-container" },
-      h("div", { class: "header" },
-        h("div", { class: "header-content" },
-          h("slot", { name: "header" })),
-        h("ix-icon-button", { icon: "close", size: "24", ghost: true, onClick: () => this.onCloseClicked(), "data-testid": "close-button" })),
-      h("div", { class: "content" },
-        h("slot", null))));
+      }, ref: (el) => (this.divElement = el), "data-testid": "container", id: "div-container" }, h("div", { class: "header" }, h("div", { class: "header-content" }, h("slot", { name: "header" })), h("ix-icon-button", { icon: "close", size: "24", ghost: true, onClick: () => this.onCloseClicked(), "data-testid": "close-button" })), h("div", { class: "content" }, h("slot", null))));
   }
   static get is() { return "ix-drawer"; }
   static get encapsulation() { return "scoped"; }
-  static get originalStyleUrls() { return {
-    "$": ["drawer.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["drawer.css"]
-  }; }
-  static get properties() { return {
-    "show": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Show or hide the drawer"
-      },
-      "attribute": "show",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "closeOnClickOutside": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Fired in case of an outside click during drawer showed state"
-      },
-      "attribute": "close-on-click-outside",
-      "reflect": false,
-      "defaultValue": "true"
-    },
-    "fullHeight": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Render the drawer with maximum height"
-      },
-      "attribute": "full-height",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "minWidth": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Min width interpreted as REM"
-      },
-      "attribute": "min-width",
-      "reflect": false,
-      "defaultValue": "16"
-    },
-    "maxWidth": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Max width interpreted as REM"
+  static get originalStyleUrls() {
+    return {
+      "$": ["drawer.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["drawer.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "show": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Show or hide the drawer"
+        },
+        "attribute": "show",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "attribute": "max-width",
-      "reflect": false,
-      "defaultValue": "28"
-    },
-    "width": {
-      "type": "any",
-      "mutable": false,
-      "complexType": {
-        "original": "number | 'auto'",
-        "resolved": "\"auto\" | number",
-        "references": {}
+      "closeOnClickOutside": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Fired in case of an outside click during drawer showed state"
+        },
+        "attribute": "close-on-click-outside",
+        "reflect": false,
+        "defaultValue": "true"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Width interpreted as REM if not set to 'auto'"
+      "fullHeight": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Render the drawer with maximum height"
+        },
+        "attribute": "full-height",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "attribute": "width",
-      "reflect": false,
-      "defaultValue": "this.minWidth"
-    }
-  }; }
-  static get events() { return [{
-      "method": "open",
-      "name": "open",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Fire event after drawer is open"
+      "minWidth": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Min width interpreted as REM"
+        },
+        "attribute": "min-width",
+        "reflect": false,
+        "defaultValue": "16"
       },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }, {
-      "method": "drawerClose",
-      "name": "drawerClose",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Fire event after drawer is close"
+      "maxWidth": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Max width interpreted as REM"
+        },
+        "attribute": "max-width",
+        "reflect": false,
+        "defaultValue": "28"
       },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
+      "width": {
+        "type": "any",
+        "mutable": false,
+        "complexType": {
+          "original": "number | 'auto'",
+          "resolved": "\"auto\" | number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Width interpreted as REM if not set to 'auto'"
+        },
+        "attribute": "width",
+        "reflect": false,
+        "defaultValue": "this.minWidth"
       }
-    }]; }
-  static get methods() { return {
-    "toggleDrawer": {
-      "complexType": {
-        "signature": "(show: boolean) => Promise<void>",
-        "parameters": [{
-            "tags": [{
-                "name": "param",
-                "text": "show Overwrite toggle state with boolean"
-              }],
-            "text": "Overwrite toggle state with boolean"
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "open",
+        "name": "open",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Fire event after drawer is open"
         },
-        "return": "Promise<void>"
-      },
-      "docs": {
-        "text": "Toggle or define show state of drawer",
-        "tags": [{
-            "name": "param",
-            "text": "show Overwrite toggle state with boolean"
-          }]
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }, {
+        "method": "drawerClose",
+        "name": "drawerClose",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Fire event after drawer is close"
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }];
+  }
+  static get methods() {
+    return {
+      "toggleDrawer": {
+        "complexType": {
+          "signature": "(show: boolean) => Promise<void>",
+          "parameters": [{
+              "tags": [{
+                  "name": "param",
+                  "text": "show Overwrite toggle state with boolean"
+                }],
+              "text": "Overwrite toggle state with boolean"
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Toggle or define show state of drawer",
+          "tags": [{
+              "name": "param",
+              "text": "show Overwrite toggle state with boolean"
+            }]
+        }
       }
-    }
-  }; }
-  static get watchers() { return [{
-      "propName": "show",
-      "methodName": "onShowChanged"
-    }]; }
+    };
+  }
+  static get watchers() {
+    return [{
+        "propName": "show",
+        "methodName": "onShowChanged"
+      }];
+  }
 }
 Drawer.duration = 300;

package/dist/collection/components/dropdown/dropdown.css

@@ -419,6 +419,8 @@
 }
 
 .dropdown-menu {
+  max-height: 50vh;
+  overflow-y: auto;
   background-color: var(--theme-menu--background);
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smooting: grayscale;