@sapudex/web-components 0.111.0

package/config/dist/Tile.js

@@ -0,0 +1,64 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
+import property from "@ui5/webcomponents-base/dist/decorators/property.js";
+import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
+import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import { isSpace } from "@ui5/webcomponents-base/dist/Keys.js";
+import TileTemplate from "./generated/templates/TileTemplate.lit.js";
+// Styles
+import TileCss from "./generated/themes/Tile.css.js";
+/**
+ * @class
+ *
+ * @constructor
+ * @alias udex.components.UDExTile
+ * @extends sap.ui.webc.base.UI5Element
+ * @tagname udex-tile
+ * @public
+ */
+let UDExTile = class UDExTile extends UI5Element {
+    _onkeydown(e) {
+        if (isSpace(e)) {
+            const component = this.shadowRoot?.querySelector("a.udex-tile");
+            if (component) {
+                e.preventDefault(); // prevent scrolling
+                component.click();
+            }
+        }
+    }
+};
+__decorate([
+    property({ type: Boolean })
+], UDExTile.prototype, "hideShadow", void 0);
+__decorate([
+    property({ type: Boolean })
+], UDExTile.prototype, "interactive", void 0);
+__decorate([
+    property({ type: String })
+], UDExTile.prototype, "href", void 0);
+__decorate([
+    property({ type: String })
+], UDExTile.prototype, "target", void 0);
+__decorate([
+    property({ type: String })
+], UDExTile.prototype, "accessibleName", void 0);
+__decorate([
+    slot({ type: Node })
+], UDExTile.prototype, "default", void 0);
+UDExTile = __decorate([
+    customElement({
+        tag: "udex-tile",
+        renderer: litRender,
+        styles: TileCss,
+        template: TileTemplate,
+    })
+], UDExTile);
+UDExTile.define();
+export default UDExTile;
+//# sourceMappingURL=Tile.js.map

package/config/dist/Tile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tile.js","sourceRoot":"","sources":["../src/Tile.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,IAAI,MAAM,iDAAiD,CAAC;AACnE,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAC7E,OAAO,EAAE,OAAO,EAAE,MAAM,sCAAsC,CAAC;AAE/D,OAAO,YAAY,MAAM,2CAA2C,CAAC;AAErE,SAAS;AACT,OAAO,OAAO,MAAM,gCAAgC,CAAC;AAIrD;;;;;;;;GAQG;AAOH,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,UAAU;IAgF/B,UAAU,CAAC,CAAgB;QACzB,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE;YACd,MAAM,SAAS,GAAe,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;YAE5E,IAAI,SAAS,EAAE;gBACb,CAAC,CAAC,cAAc,EAAE,CAAC,CAAC,oBAAoB;gBACxC,SAAS,CAAC,KAAK,EAAE,CAAC;aACnB;SACF;IACH,CAAC;CACF,CAAA;AAjFG;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;4CACL;AASrB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;6CACJ;AActB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sCACX;AAwBd;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wCACT;AAYhB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;gDACD;AAUJ;IAArB,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;yCAAgB;AA9EjC,QAAQ;IANb,aAAa,CAAC;QACb,GAAG,EAAE,WAAW;QAChB,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,OAAO;QACf,QAAQ,EAAE,YAAY;KACvB,CAAC;GACI,QAAQ,CA0Fb;AAED,QAAQ,CAAC,MAAM,EAAE,CAAC;AAElB,eAAe,QAAQ,CAAC","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport { isSpace } from \"@ui5/webcomponents-base/dist/Keys.js\";\n\nimport TileTemplate from \"./generated/templates/TileTemplate.lit.js\";\n\n// Styles\nimport TileCss from \"./generated/themes/Tile.css.js\";\n\ntype AnchorNode = HTMLAnchorElement | undefined | null;\n\n/**\n * @class\n *\n * @constructor\n * @alias udex.components.UDExTile\n * @extends sap.ui.webc.base.UI5Element\n * @tagname udex-tile\n * @public\n */\n@customElement({\n  tag: \"udex-tile\",\n  renderer: litRender,\n  styles: TileCss,\n  template: TileTemplate,\n})\nclass UDExTile extends UI5Element {\n  /**\n   * Defines display the shadow for the Tile.\n   *\n   * @type {string}\n   * @name udex.components.UDExTile.prototype.hideShadow\n   * @public\n   */\n  @property({ type: Boolean })\n    hideShadow!: boolean;\n\n  /**\n   * Defines if the component would be interactive,\n   * e.g. gets hover effect, gets focus outline and <code>click</code> event is fired, when pressed.\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    interactive!: boolean;\n\n  /**\n   * Defines the component href.\n   *\n   * <b>This property must only be used when the <code>interactive</code> property is set.</b>\n   *\n   * @type {string}\n   * @name udex.components.UDExTile.prototype.href\n   * <br><br>\n   * <b>Note:</b> Standard hyperlink behavior is supported.\n   * @public\n   */\n  @property({ type: String })\n    href!: string;\n\n  /**\n   * Defines the component target.\n   * <br><br>\n   * <b>Notes:</b>\n   *\n   * <ul>\n   * <li><code>_self</code></li>\n   * <li><code>_top</code></li>\n   * <li><code>_blank</code></li>\n   * <li><code>_parent</code></li>\n   * <li><code>_search</code></li>\n   * </ul>\n   *\n   * <b>This property must only be used when the <code>interactive</code> property is set.</b>\n   *\n   * @type {string}\n   * @name udex.components.UDExTile.prototype.target\n   * <br><br>\n   * <b>Note:</b> Standard hyperlink behavior is supported.\n   * @public\n   */\n  @property({ type: String })\n    target!: string;\n\n  /**\n   * Defines the component aria-label accessibility attribute.\n   *\n   * <b>This property must only be used when the <code>interactive</code> property is set.</b>\n   *\n   * @type {string}\n   * @name udex.components.UDExTile.prototype.accessibleName\n   * @public\n   */\n  @property({ type: String })\n    accessibleName!: string;\n\n  /**\n   * Defines the content of the component.\n   *\n   * @type {Node}\n   * @name udex.components.UDExTile.prototype.default\n   * @slot\n   * @public\n   */\n  @slot({ type: Node }) default!: Node;\n\n  _onkeydown(e: KeyboardEvent) {\n    if (isSpace(e)) {\n      const component: AnchorNode = this.shadowRoot?.querySelector(\"a.udex-tile\");\n\n      if (component) {\n        e.preventDefault(); // prevent scrolling\n        component.click();\n      }\n    }\n  }\n}\n\nUDExTile.define();\n\nexport default UDExTile;\n"]}

package/config/dist/Toast.d.ts

@@ -0,0 +1,65 @@
+import Toast from "@ui5/webcomponents/dist/Toast.js";
+import "@ui5/webcomponents/dist/Icon.js";
+import "@ui5/webcomponents-icons/dist/sys-enter-2.js";
+import "@ui5/webcomponents-icons/dist/error.js";
+import "@ui5/webcomponents-icons/dist/alert.js";
+export declare enum ValueState {
+    Action = "Action",
+    Success = "Success",
+    Warning = "Warning",
+    Error = "Error"
+}
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ *
+ *
+ * <h3>Usage</h3>
+ *
+ * For the <code>udex-toast</code>
+ * <h3>ES6 Module Import</h3>
+ *
+ * <code>import "@udex/web-components/dist/Toast.js";</code>
+ *
+ * @constructor
+ * @extends UI5Element
+ * @public
+ */
+declare class UDExToast extends Toast {
+    /**
+     * Defines the content of the component
+     *
+     * @public
+     */
+    text: Array<Node>;
+    /**
+    * Defines design state of component
+    * @public
+    * @type {ValueState}
+    * @name udex.components.UDExToast.prototype.valueState
+    * @defaultvalue ValueState.Action
+    */
+    valueState: ValueState;
+    /**
+    * Defines if close icon should be visible
+    * @public
+    * @type {boolean}
+    * @name udex.components.UDExToast.prototype.showCloseIcon
+    * @defaultvalue false
+    */
+    showCloseIcon: boolean;
+    /**
+     * Shows the component.
+     * @public
+     */
+    show(): void;
+    get toastClasses(): string;
+    get withIcon(): boolean;
+    get iconName(): string;
+    get iconDesign(): string;
+    closeToast(): void;
+    getUI5ToastElement(): Toast | null;
+    onAfterRendering(): void;
+}
+export default UDExToast;

package/config/dist/Toast.js

@@ -0,0 +1,129 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
+import property from "@ui5/webcomponents-base/dist/decorators/property.js";
+import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
+import event from "@ui5/webcomponents-base/dist/decorators/event.js";
+import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import Toast from "@ui5/webcomponents/dist/Toast.js";
+import "@ui5/webcomponents/dist/Icon.js";
+import "@ui5/webcomponents-icons/dist/sys-enter-2.js";
+import "@ui5/webcomponents-icons/dist/error.js";
+import "@ui5/webcomponents-icons/dist/alert.js";
+import ToastTemplate from "./generated/templates/ToastTemplate.lit.js";
+// Styles
+import ToastCss from "./generated/themes/Toast.css.js";
+import redirectAttributes from "./utils/redirectAttributes.js";
+export var ValueState;
+(function (ValueState) {
+    ValueState["Action"] = "Action";
+    ValueState["Success"] = "Success";
+    ValueState["Warning"] = "Warning";
+    ValueState["Error"] = "Error";
+})(ValueState || (ValueState = {}));
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ *
+ *
+ * <h3>Usage</h3>
+ *
+ * For the <code>udex-toast</code>
+ * <h3>ES6 Module Import</h3>
+ *
+ * <code>import "@udex/web-components/dist/Toast.js";</code>
+ *
+ * @constructor
+ * @extends UI5Element
+ * @public
+ */
+let UDExToast = class UDExToast extends Toast {
+    /**
+     * Shows the component.
+     * @public
+     */
+    show() {
+        const toastElement = this.getUI5ToastElement();
+        if (!toastElement) {
+            return;
+        }
+        toastElement.show();
+    }
+    get toastClasses() {
+        return `udex-toast--${this.valueState.toLowerCase()}`;
+    }
+    get withIcon() {
+        return this.valueState !== ValueState.Action;
+    }
+    get iconName() {
+        switch (this.valueState) {
+            case ValueState.Success:
+                return "sys-enter-2";
+            case ValueState.Error:
+                return "error";
+            case ValueState.Warning:
+                return "alert";
+            default:
+                return "";
+        }
+    }
+    get iconDesign() {
+        switch (this.valueState) {
+            case ValueState.Success:
+                return "Positive";
+            case ValueState.Error:
+                return "Negative";
+            case ValueState.Warning:
+                return "Critical";
+            default:
+                return "Default";
+        }
+    }
+    closeToast() {
+        const toastElement = this.getUI5ToastElement();
+        if (!toastElement) {
+            return;
+        }
+        toastElement.open = false;
+        this.fireEvent("close");
+    }
+    getUI5ToastElement() {
+        return this.shadowRoot.querySelector("#udex-toast");
+    }
+    onAfterRendering() {
+        redirectAttributes(this, "udex-toast");
+    }
+};
+__decorate([
+    slot({ type: Node, "default": true })
+], UDExToast.prototype, "text", void 0);
+__decorate([
+    property({ type: ValueState, defaultValue: ValueState.Action })
+], UDExToast.prototype, "valueState", void 0);
+__decorate([
+    property({ defaultValue: false })
+], UDExToast.prototype, "showCloseIcon", void 0);
+UDExToast = __decorate([
+    customElement({
+        tag: "udex-toast",
+        renderer: litRender,
+        styles: ToastCss,
+        template: ToastTemplate,
+        dependencies: [Toast],
+    })
+    /**
+     * Emit when close icon was clicked
+     *
+     * @public
+     */
+    ,
+    event("close")
+], UDExToast);
+UDExToast.define();
+export default UDExToast;
+//# sourceMappingURL=Toast.js.map

package/config/dist/Toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.js","sourceRoot":"","sources":["../src/Toast.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,IAAI,MAAM,iDAAiD,CAAC;AACnE,OAAO,KAAK,MAAM,kDAAkD,CAAC;AACrE,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAC7E,OAAO,KAAK,MAAM,kCAAkC,CAAC;AACrD,OAAO,iCAAiC,CAAC;AACzC,OAAO,8CAA8C,CAAC;AACtD,OAAO,wCAAwC,CAAC;AAChD,OAAO,wCAAwC,CAAC;AAEhD,OAAO,aAAa,MAAM,4CAA4C,CAAC;AAEvE,SAAS;AACT,OAAO,QAAQ,MAAM,iCAAiC,CAAC;AACvD,OAAO,kBAAkB,MAAM,+BAA+B,CAAC;AAE/D,MAAM,CAAN,IAAY,UAKX;AALD,WAAY,UAAU;IACpB,+BAAiB,CAAA;IACjB,iCAAmB,CAAA;IACnB,iCAAmB,CAAA;IACnB,6BAAe,CAAA;AACjB,CAAC,EALW,UAAU,KAAV,UAAU,QAKrB;AAED;;;;;;;;;;;;;;;;GAgBG;AAeH,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,KAAK;IA6B3B;;;OAGG;IACH,IAAI;QACF,MAAM,YAAY,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAC/C,IAAI,CAAC,YAAY,EAAE;YAAE,OAAO;SAAE;QAC9B,YAAY,CAAC,IAAI,EAAE,CAAC;IACtB,CAAC;IAED,IAAI,YAAY;QACd,OAAO,eAAe,IAAI,CAAC,UAAU,CAAC,WAAW,EAAE,EAAE,CAAC;IACxD,CAAC;IAED,IAAI,QAAQ;QACV,OAAO,IAAI,CAAC,UAAU,KAAK,UAAU,CAAC,MAAM,CAAC;IAC/C,CAAC;IAED,IAAI,QAAQ;QACV,QAAQ,IAAI,CAAC,UAAU,EAAE;YACzB,KAAK,UAAU,CAAC,OAAO;gBACrB,OAAO,aAAa,CAAC;YACvB,KAAK,UAAU,CAAC,KAAK;gBACnB,OAAO,OAAO,CAAC;YACjB,KAAK,UAAU,CAAC,OAAO;gBACrB,OAAO,OAAO,CAAC;YACjB;gBACE,OAAO,EAAE,CAAC;SACX;IACH,CAAC;IAED,IAAI,UAAU;QACZ,QAAQ,IAAI,CAAC,UAAU,EAAE;YACzB,KAAK,UAAU,CAAC,OAAO;gBACrB,OAAO,UAAU,CAAC;YACpB,KAAK,UAAU,CAAC,KAAK;gBACnB,OAAO,UAAU,CAAC;YACpB,KAAK,UAAU,CAAC,OAAO;gBACrB,OAAO,UAAU,CAAC;YACpB;gBACE,OAAO,SAAS,CAAC;SAClB;IACH,CAAC;IAED,UAAU;QACR,MAAM,YAAY,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAC/C,IAAI,CAAC,YAAY,EAAE;YAAE,OAAO;SAAE;QAC9B,YAAY,CAAC,IAAI,GAAG,KAAK,CAAC;QAC1B,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;IAC1B,CAAC;IAED,kBAAkB;QAChB,OAAO,IAAI,CAAC,UAAW,CAAC,aAAa,CAAQ,aAAa,CAAC,CAAC;IAC9D,CAAC;IAED,gBAAgB;QACd,kBAAkB,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC;IACzC,CAAC;CACF,CAAA;AAhFG;IADD,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;uCACjB;AAWnB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,YAAY,EAAE,UAAU,CAAC,MAAM,EAAE,CAAC;6CACtC;AASxB;IADD,QAAQ,CAAC,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC;gDACR;AA3BtB,SAAS;IAdd,aAAa,CAAC;QACb,GAAG,EAAE,YAAY;QACjB,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,QAAQ;QAChB,QAAQ,EAAE,aAAa;QACvB,YAAY,EAAE,CAAC,KAAK,CAAC;KACtB,CAAC;IAEF;;;;OAIG;;IACF,KAAK,CAAC,OAAO,CAAC;GACT,SAAS,CAuFd;AAED,SAAS,CAAC,MAAM,EAAE,CAAC;AAEnB,eAAe,SAAS,CAAC","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport Toast from \"@ui5/webcomponents/dist/Toast.js\";\nimport \"@ui5/webcomponents/dist/Icon.js\";\nimport \"@ui5/webcomponents-icons/dist/sys-enter-2.js\";\nimport \"@ui5/webcomponents-icons/dist/error.js\";\nimport \"@ui5/webcomponents-icons/dist/alert.js\";\n\nimport ToastTemplate from \"./generated/templates/ToastTemplate.lit.js\";\n\n// Styles\nimport ToastCss from \"./generated/themes/Toast.css.js\";\nimport redirectAttributes from \"./utils/redirectAttributes.js\";\n\nexport enum ValueState {\n  Action = \"Action\",\n  Success = \"Success\",\n  Warning = \"Warning\",\n  Error = \"Error\"\n}\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n *\n * <h3>Usage</h3>\n *\n * For the <code>udex-toast</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@udex/web-components/dist/Toast.js\";</code>\n *\n * @constructor\n * @extends UI5Element\n * @public\n */\n@customElement({\n  tag: \"udex-toast\",\n  renderer: litRender,\n  styles: ToastCss,\n  template: ToastTemplate,\n  dependencies: [Toast],\n})\n\n/**\n * Emit when close icon was clicked\n *\n * @public\n */\n@event(\"close\")\nclass UDExToast extends Toast {\n  /**\n   * Defines the content of the component\n   *\n   * @public\n   */\n  @slot({ type: Node, \"default\": true })\n    text!: Array<Node>;\n\n  /**\n  * Defines design state of component\n  * @public\n  * @type {ValueState}\n  * @name udex.components.UDExToast.prototype.valueState\n  * @defaultvalue ValueState.Action\n  */\n\n  @property({ type: ValueState, defaultValue: ValueState.Action })\n    valueState!: ValueState;\n  /**\n  * Defines if close icon should be visible\n  * @public\n  * @type {boolean}\n  * @name udex.components.UDExToast.prototype.showCloseIcon\n  * @defaultvalue false\n  */\n  @property({ defaultValue: false })\n    showCloseIcon!: boolean;\n\n  /**\n   * Shows the component.\n   * @public\n   */\n  show(): void {\n    const toastElement = this.getUI5ToastElement();\n    if (!toastElement) { return; }\n    toastElement.show();\n  }\n\n  get toastClasses(): string {\n    return `udex-toast--${this.valueState.toLowerCase()}`;\n  }\n\n  get withIcon(): boolean {\n    return this.valueState !== ValueState.Action;\n  }\n\n  get iconName(): string {\n    switch (this.valueState) {\n    case ValueState.Success:\n      return \"sys-enter-2\";\n    case ValueState.Error:\n      return \"error\";\n    case ValueState.Warning:\n      return \"alert\";\n    default:\n      return \"\";\n    }\n  }\n\n  get iconDesign(): string {\n    switch (this.valueState) {\n    case ValueState.Success:\n      return \"Positive\";\n    case ValueState.Error:\n      return \"Negative\";\n    case ValueState.Warning:\n      return \"Critical\";\n    default:\n      return \"Default\";\n    }\n  }\n\n  closeToast() {\n    const toastElement = this.getUI5ToastElement();\n    if (!toastElement) { return; }\n    toastElement.open = false;\n    this.fireEvent(\"close\");\n  }\n\n  getUI5ToastElement() {\n    return this.shadowRoot!.querySelector<Toast>(\"#udex-toast\");\n  }\n\n  onAfterRendering() {\n    redirectAttributes(this, \"udex-toast\");\n  }\n}\n\nUDExToast.define();\n\nexport default UDExToast;\n"]}

package/config/dist/Tooltip.d.ts

@@ -0,0 +1,68 @@
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import ResponsivePopover from "@ui5/webcomponents/dist/ResponsivePopover.js";
+export declare enum PlacementType {
+    Left = "Left",
+    Right = "Right",
+    Top = "Top",
+    Bottom = "Bottom"
+}
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ *
+ * <h3>Usage</h3>
+ *
+ * For the <code>udex-tooltip</code>
+ * <h3>ES6 Module Import</h3>
+ *
+ * <code>import @udex/web-components/dist/Tooltip.js";</code>
+ *
+ * @constructor
+ * @author SAP SE
+ * @alias sap.ui.webc.web-components.UDExTooltip
+ * @extends sap.ui.webc.base.UI5Element
+ * @tagname udex-tooltip
+ * @public
+ */
+declare class UDExTooltip extends UI5Element {
+    /**
+     * Defines the content of the component.
+     *
+     * @type {Node}
+     * @name sap.ui.webc.web-components.UDExTooltip.prototype.default
+     * @slot
+     * @public
+     */
+    default: Node;
+    /**
+     * Defines the Tooltip title.
+     *
+     * @type {string}
+     * @name udex.components.UDExTooltip.prototype.title
+     * @defaultvalue ""
+     * @public
+     */
+    title: string;
+    /**
+     * Defines if Tooltip has an arrow or not.
+     *
+     * @type {boolean}
+     * @name udex.components.UDExTooltip.prototype.hideArrow
+     * @defaultValue false
+     * @public
+     */
+    hideArrow: boolean;
+    /**
+     * Determines on which side of the component the Tooltip is displayed.
+     *
+     * @name udex.components.UDExTooltip.prototype.placement
+     * @defaultvalue "Right"
+     * @public
+     */
+    placement: `${PlacementType}`;
+    getPopover(): ResponsivePopover;
+    onOpen(opener: HTMLElement): void;
+    onClose(): void;
+}
+export default UDExTooltip;

package/config/dist/Tooltip.js

@@ -0,0 +1,79 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
+import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
+import property from "@ui5/webcomponents-base/dist/decorators/property.js";
+import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import ResponsivePopover from "@ui5/webcomponents/dist/ResponsivePopover.js";
+// Template
+import TooltipTemplate from "./generated/templates/TooltipTemplate.lit.js";
+// Styles
+import TooltipCss from "./generated/themes/Tooltip.css";
+export var PlacementType;
+(function (PlacementType) {
+    PlacementType["Left"] = "Left";
+    PlacementType["Right"] = "Right";
+    PlacementType["Top"] = "Top";
+    PlacementType["Bottom"] = "Bottom";
+})(PlacementType || (PlacementType = {}));
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ *
+ * <h3>Usage</h3>
+ *
+ * For the <code>udex-tooltip</code>
+ * <h3>ES6 Module Import</h3>
+ *
+ * <code>import @udex/web-components/dist/Tooltip.js";</code>
+ *
+ * @constructor
+ * @author SAP SE
+ * @alias sap.ui.webc.web-components.UDExTooltip
+ * @extends sap.ui.webc.base.UI5Element
+ * @tagname udex-tooltip
+ * @public
+ */
+let UDExTooltip = class UDExTooltip extends UI5Element {
+    getPopover() {
+        return this.shadowRoot.querySelector("[ui5-responsive-popover]");
+    }
+    onOpen(opener) {
+        const popover = this.getPopover();
+        popover.showAt(opener);
+    }
+    onClose() {
+        const popover = this.getPopover();
+        popover.close(true);
+    }
+};
+__decorate([
+    slot({ type: Node })
+], UDExTooltip.prototype, "default", void 0);
+__decorate([
+    property({ type: String, defaultValue: "" })
+], UDExTooltip.prototype, "title", void 0);
+__decorate([
+    property({ type: Boolean })
+], UDExTooltip.prototype, "hideArrow", void 0);
+__decorate([
+    property({ type: PlacementType, defaultValue: PlacementType.Right })
+], UDExTooltip.prototype, "placement", void 0);
+UDExTooltip = __decorate([
+    customElement({
+        tag: "udex-tooltip",
+        renderer: litRender,
+        styles: TooltipCss,
+        template: TooltipTemplate,
+        dependencies: [ResponsivePopover],
+    })
+], UDExTooltip);
+UDExTooltip.define();
+export default UDExTooltip;
+//# sourceMappingURL=Tooltip.js.map

package/config/dist/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../src/Tooltip.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,IAAI,MAAM,iDAAiD,CAAC;AACnE,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAC7E,OAAO,iBAAiB,MAAM,8CAA8C,CAAC;AAE7E,WAAW;AACX,OAAO,eAAe,MAAM,8CAA8C,CAAC;AAE3E,SAAS;AACT,OAAO,UAAU,MAAM,gCAAgC,CAAC;AAExD,MAAM,CAAN,IAAY,aAKX;AALD,WAAY,aAAa;IACvB,8BAAa,CAAA;IACb,gCAAe,CAAA;IACf,4BAAW,CAAA;IACX,kCAAiB,CAAA;AACnB,CAAC,EALW,aAAa,KAAb,aAAa,QAKxB;AAED;;;;;;;;;;;;;;;;;;GAkBG;AAQH,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,UAAU;IA0ClC,UAAU;QACR,OAAO,IAAI,CAAC,UAAW,CAAC,aAAa,CACnC,0BAA0B,CAC1B,CAAC;IACL,CAAC;IAED,MAAM,CAAC,MAAmB;QACxB,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;QAClC,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IACzB,CAAC;IAED,OAAO;QACL,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;QAClC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC;CACF,CAAA;AAhDuB;IAArB,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;4CAAgB;AAUS;IAA7C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC;0CAAgB;AAW3D;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;8CACN;AAUpB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,YAAY,EAAE,aAAa,CAAC,KAAK,EAAE,CAAC;8CACpC;AAxC7B,WAAW;IAPhB,aAAa,CAAC;QACb,GAAG,EAAE,cAAc;QACnB,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,UAAU;QAClB,QAAQ,EAAE,eAAe;QACzB,YAAY,EAAE,CAAC,iBAAiB,CAAC;KAClC,CAAC;GACI,WAAW,CAyDhB;AAED,WAAW,CAAC,MAAM,EAAE,CAAC;AAErB,eAAe,WAAW,CAAC","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport ResponsivePopover from \"@ui5/webcomponents/dist/ResponsivePopover.js\";\n\n// Template\nimport TooltipTemplate from \"./generated/templates/TooltipTemplate.lit.js\";\n\n// Styles\nimport TooltipCss from \"./generated/themes/Tooltip.css\";\n\nexport enum PlacementType {\n  Left = \"Left\",\n  Right = \"Right\",\n  Top = \"Top\",\n  Bottom = \"Bottom\",\n}\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n * <h3>Usage</h3>\n *\n * For the <code>udex-tooltip</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import @udex/web-components/dist/Tooltip.js\";</code>\n *\n * @constructor\n * @author SAP SE\n * @alias sap.ui.webc.web-components.UDExTooltip\n * @extends sap.ui.webc.base.UI5Element\n * @tagname udex-tooltip\n * @public\n */\n@customElement({\n  tag: \"udex-tooltip\",\n  renderer: litRender,\n  styles: TooltipCss,\n  template: TooltipTemplate,\n  dependencies: [ResponsivePopover],\n})\nclass UDExTooltip extends UI5Element {\n  /**\n   * Defines the content of the component.\n   *\n   * @type {Node}\n   * @name sap.ui.webc.web-components.UDExTooltip.prototype.default\n   * @slot\n   * @public\n   */\n  @slot({ type: Node }) default!: Node;\n\n  /**\n   * Defines the Tooltip title.\n   *\n   * @type {string}\n   * @name udex.components.UDExTooltip.prototype.title\n   * @defaultvalue \"\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"\" }) title!: string;\n\n  /**\n   * Defines if Tooltip has an arrow or not.\n   *\n   * @type {boolean}\n   * @name udex.components.UDExTooltip.prototype.hideArrow\n   * @defaultValue false\n   * @public\n   */\n  @property({ type: Boolean })\n    hideArrow!: boolean;\n\n  /**\n   * Determines on which side of the component the Tooltip is displayed.\n   *\n   * @name udex.components.UDExTooltip.prototype.placement\n   * @defaultvalue \"Right\"\n   * @public\n   */\n  @property({ type: PlacementType, defaultValue: PlacementType.Right })\n    placement!: `${PlacementType}`;\n\n  getPopover() {\n    return this.shadowRoot!.querySelector<ResponsivePopover>(\n      \"[ui5-responsive-popover]\",\n    )!;\n  }\n\n  onOpen(opener: HTMLElement): void {\n    const popover = this.getPopover();\n    popover.showAt(opener);\n  }\n\n  onClose(): void {\n    const popover = this.getPopover();\n    popover.close(true);\n  }\n}\n\nUDExTooltip.define();\n\nexport default UDExTooltip;\n"]}

package/config/dist/TruncatedText.d.ts

@@ -0,0 +1,62 @@
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import Integer from "@ui5/webcomponents-base/dist/types/Integer.js";
+import I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
+export declare enum ErrorVariableName {
+    charLimit = "char-limit"
+}
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ *
+ * The <code> udex-truncated-text </code> component is a component used to limit and toggle text visibility.
+ *
+ * @constructor
+ * @alias udex.components.UDExTruncatedText
+ * @extends sap.ui.webc.base.UI5Element
+ * @tagname udex-truncated-text
+ * @public
+ */
+declare class UDExTruncatedText extends UI5Element {
+    /**
+    * Defines if the text is initially expanded.
+    * @public
+    * @name udex.components.UDExTruncatedText.prototype.initiallyExpanded
+    * @type { boolean }
+    */
+    initiallyExpanded: boolean;
+    /**
+     * Defines direction of the text.
+     * @private
+     * @type {string}
+     * @name udex.components.UDExTruncatedText.prototype.direction
+     */
+    _direction?: string;
+    /**
+    * Indicates the element text
+    * @public
+    * @name udex.components.UDExTruncatedText.prototype.text
+    * @type { string }
+    */
+    text: string;
+    /**
+    * Indicates the limit for chars
+    * @public
+    * @name udex.components.UDExTruncatedText.prototype.charLimit
+    * @type { Integer }
+    * @defaultvalue 150
+    */
+    charLimit: Integer;
+    static i18nBundle: I18nBundle;
+    constructor();
+    static onDefine(): Promise<void>;
+    get visibleText(): string;
+    get truncatedText(): string;
+    get buttonLabel(): string;
+    get validatedCharLimit(): Integer;
+    onBeforeRendering(): void;
+    cropAfter(): number;
+    validateVariables(name: string, value: number): void;
+    onToggleClick(): void;
+}
+export default UDExTruncatedText;

package/config/dist/TruncatedText.js

@@ -0,0 +1,96 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var UDExTruncatedText_1;
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
+import property from "@ui5/webcomponents-base/dist/decorators/property.js";
+import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import Integer from "@ui5/webcomponents-base/dist/types/Integer.js";
+import { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
+import { READ_LESS, READ_MORE } from "./generated/i18n/i18n-defaults.js";
+// Template
+import TruncatedTextTemplate from "./generated/templates/TruncatedTextTemplate.lit.js";
+// Styles
+import TruncatedTextCss from "./generated/themes/TruncatedText.css.js";
+export var ErrorVariableName;
+(function (ErrorVariableName) {
+    ErrorVariableName["charLimit"] = "char-limit";
+})(ErrorVariableName || (ErrorVariableName = {}));
+const ellipsisSymbols = "...";
+const lineEndRegExp = new RegExp(/($)|([,.]+)$|([,.]+)?\s+(\S*)$/);
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ *
+ * The <code> udex-truncated-text </code> component is a component used to limit and toggle text visibility.
+ *
+ * @constructor
+ * @alias udex.components.UDExTruncatedText
+ * @extends sap.ui.webc.base.UI5Element
+ * @tagname udex-truncated-text
+ * @public
+ */
+let UDExTruncatedText = UDExTruncatedText_1 = class UDExTruncatedText extends UI5Element {
+    constructor() {
+        super();
+    }
+    static async onDefine() {
+        UDExTruncatedText_1.i18nBundle = await getI18nBundle("sap-ui-webcomponents-bundle");
+    }
+    get visibleText() {
+        return this.initiallyExpanded ? `${this.text} ` : this.truncatedText;
+    }
+    get truncatedText() {
+        return this.text.substring(0, this.cropAfter()).replace(lineEndRegExp, ellipsisSymbols);
+    }
+    get buttonLabel() {
+        return this.initiallyExpanded
+            ? UDExTruncatedText_1.i18nBundle.getText(READ_LESS)
+            : UDExTruncatedText_1.i18nBundle.getText(READ_MORE);
+    }
+    get validatedCharLimit() {
+        return (Number(this.charLimit) < 0) ? 0 : this.charLimit;
+    }
+    onBeforeRendering() {
+        this.validateVariables(ErrorVariableName.charLimit, Number(this.charLimit));
+    }
+    cropAfter() {
+        return this.text.substring(0, Number(this.validatedCharLimit)).trim().length;
+    }
+    validateVariables(name, value) {
+        if (value < 0) {
+            console.warn(`The variable ${name} cannot take a negative value`);
+        }
+    }
+    onToggleClick() {
+        this.initiallyExpanded = !this.initiallyExpanded;
+    }
+};
+__decorate([
+    property({ type: Boolean })
+], UDExTruncatedText.prototype, "initiallyExpanded", void 0);
+__decorate([
+    property({ type: String })
+], UDExTruncatedText.prototype, "_direction", void 0);
+__decorate([
+    property({ type: String })
+], UDExTruncatedText.prototype, "text", void 0);
+__decorate([
+    property({ defaultValue: 150, type: Integer })
+], UDExTruncatedText.prototype, "charLimit", void 0);
+UDExTruncatedText = UDExTruncatedText_1 = __decorate([
+    customElement({
+        tag: "udex-truncated-text",
+        renderer: litRender,
+        styles: TruncatedTextCss,
+        template: TruncatedTextTemplate,
+    })
+], UDExTruncatedText);
+UDExTruncatedText.define();
+export default UDExTruncatedText;
+//# sourceMappingURL=TruncatedText.js.map

package/config/dist/TruncatedText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TruncatedText.js","sourceRoot":"","sources":["../src/TruncatedText.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport Integer from \"@ui5/webcomponents-base/dist/types/Integer.js\";\nimport I18nBundle, { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { READ_LESS, READ_MORE } from \"./generated/i18n/i18n-defaults.js\";\n\n// Template\nimport TruncatedTextTemplate from \"./generated/templates/TruncatedTextTemplate.lit.js\";\n\n// Styles\nimport TruncatedTextCss from \"./generated/themes/TruncatedText.css.js\";\n\nexport enum ErrorVariableName {\n  charLimit = \"char-limit\"\n}\n\nconst ellipsisSymbols = \"...\";\nconst lineEndRegExp = new RegExp(/($)|([,.]+)$|([,.]+)?\\s+(\\S*)$/);\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n * The <code> udex-truncated-text </code> component is a component used to limit and toggle text visibility.\n *\n * @constructor\n * @alias udex.components.UDExTruncatedText\n * @extends sap.ui.webc.base.UI5Element\n * @tagname udex-truncated-text\n * @public\n */\n@customElement({\n  tag: \"udex-truncated-text\",\n  renderer: litRender,\n  styles: TruncatedTextCss,\n  template: TruncatedTextTemplate,\n})\n\nclass UDExTruncatedText extends UI5Element {\n  /**\n  * Defines if the text is initially expanded.\n  * @public\n  * @name udex.components.UDExTruncatedText.prototype.initiallyExpanded\n  * @type { boolean }\n  */\n  @property({ type: Boolean })\n    initiallyExpanded!: boolean;\n\n  /**\n   * Defines direction of the text.\n   * @private\n   * @type {string}\n   * @name udex.components.UDExTruncatedText.prototype.direction\n   */\n  @property({ type: String })\n    _direction?: string;\n\n  /**\n  * Indicates the element text\n  * @public\n  * @name udex.components.UDExTruncatedText.prototype.text\n  * @type { string }\n  */\n  @property({ type: String })\n    text!: string;\n\n  /**\n  * Indicates the limit for chars\n  * @public\n  * @name udex.components.UDExTruncatedText.prototype.charLimit\n  * @type { Integer }\n  * @defaultvalue 150\n  */\n  @property({ defaultValue: 150, type: Integer })\n    charLimit!: Integer;\n\n  static i18nBundle: I18nBundle;\n\n  constructor() {\n    super();\n  }\n\n  static async onDefine() {\n    UDExTruncatedText.i18nBundle = await getI18nBundle(\"sap-ui-webcomponents-bundle\");\n  }\n\n  get visibleText() {\n    return this.initiallyExpanded ? `${this.text} ` : this.truncatedText;\n  }\n\n  get truncatedText() {\n    return this.text.substring(0, this.cropAfter()).replace(lineEndRegExp, ellipsisSymbols);\n  }\n\n  get buttonLabel() {\n    return this.initiallyExpanded\n      ? UDExTruncatedText.i18nBundle.getText(READ_LESS)\n      : UDExTruncatedText.i18nBundle.getText(READ_MORE);\n  }\n\n  get validatedCharLimit() {\n    return (Number(this.charLimit) < 0) ? 0 : this.charLimit;\n  }\n\n  onBeforeRendering(): void {\n    this.validateVariables(ErrorVariableName.charLimit, Number(this.charLimit));\n  }\n\n  cropAfter(): number {\n    return this.text.substring(0, Number(this.validatedCharLimit)).trim().length;\n  }\n\n  validateVariables(name: string, value: number): void {\n    if (value < 0) {\n      console.warn(`The variable ${name} cannot take a negative value`);\n    }\n  }\n\n  onToggleClick(): void {\n    this.initiallyExpanded = !this.initiallyExpanded;\n  }\n}\n\nUDExTruncatedText.define();\n\nexport default UDExTruncatedText;\n"]}

package/config/dist/Wizard.d.ts

@@ -0,0 +1,32 @@
+import UI5Wizard from "@ui5/webcomponents-fiori/dist/Wizard.js";
+import UDExWizardTab from "./WizardTab.js";
+import UDExWizardStep from "./WizardStep.js";
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ *
+ *
+ * <h3>Usage</h3>
+ *
+ * For the <code>udex-wizard</code>
+ * <h3>ES6 Module Import</h3>
+ *
+ * <code>import "@udex/web-components/dist/Wizard.js";</code>
+ *
+ * @constructor
+ * @author SAP SE
+ * @alias sap.ui.webc.web-components.UDExWizard
+ * @extends UI5Wizard
+ * @tagname udex-wizard
+ * @public
+ */
+declare class UDExWizard extends UI5Wizard {
+    steps: UDExWizardStep[];
+    constructor();
+    onEnterDOM(): void;
+    get slottedSteps(): UDExWizardStep[];
+    get stepsInHeaderDOM(): UDExWizardTab[];
+    get _steps(): UDExWizardStep[];
+}
+export default UDExWizard;